.about-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:64px;align-items:center;background:radial-gradient(ellipse at 85% 40%,#243e4c,transparent 65%),#101f2d}
.about-intro h1{font-size:clamp(36px,4.1vw,59px)}
.about-portrait{margin:0;width:100%;max-width:440px;justify-self:end}
.about-portrait img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #ddba7266;box-shadow:0 18px 48px #0004}
@media(max-width:850px){.about-intro{grid-template-columns:1fr;gap:28px}.about-portrait{justify-self:start;max-width:440px}.about-intro h1{font-size:clamp(34px,7vw,48px)}}
.about-products{min-width:0;align-self:start;background:transparent;border:0;border-radius:0;overflow:hidden;color:#f1f3f2}
.about-product-link{display:block}
.about-product-link img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.about-product-media{position:relative}
.about-product-controls{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:12px;padding:30px 16px 16px;background:linear-gradient(transparent,#091923cc);opacity:0;pointer-events:none}
.about-product-media:hover .about-product-controls,.about-product-media:focus-within .about-product-controls{opacity:1;pointer-events:auto}
@media(hover:none){.about-product-controls{opacity:1;pointer-events:auto}}
.about-product-controls button{padding:7px 14px;background:#142e3ce8;border-color:#70828b;color:#f1f3f2;font-size:13px}
.about-product-controls button:hover{background:#294754}
.about-products :focus-visible{outline:3px solid #ddba72;outline-offset:-3px}
/* Cut corners and fine brass accents echo the modular dungeon pieces. */
.about-products{overflow:visible;filter:drop-shadow(0 14px 16px #112b3a20)}
.about-product-media{--cut:clamp(18px,3vw,34px);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));background:#152f3d}
.about-product-media::before,.about-product-media::after{content:"";position:absolute;z-index:2;pointer-events:none;width:calc(var(--cut) * 1.42);height:2px;background:linear-gradient(90deg,#a37a38,#f3d79c,#a37a38);transform:rotate(-45deg)}
.about-product-media::before{top:calc(var(--cut) / 2);left:calc(var(--cut) * -.21)}
.about-product-media::after{bottom:calc(var(--cut) / 2);right:calc(var(--cut) * -.21)}
.about-product-controls{padding:32px 28px 16px;align-items:center}
.about-product-controls button{border:1px solid #ddba7270;border-radius:24px;background:#112a38df;box-shadow:0 3px 12px #0002}
.about-product-controls button[data-slide="previous"],.about-product-controls button[data-slide="next"]{width:38px;height:38px;padding:0;font-size:18px}
@media(prefers-reduced-motion:no-preference){.about-product-controls{transition:opacity .2s ease}}
/* Keep the featured details visible in the wide slideshow crop. */
.about-product-link img[src$="dual-initiative-tracker.webp"],
.about-product-link img[src$="masterful-shirt.webp"]{object-position:center top}