/* Magazine-cover cover: copy owns the left column; the changing image owns the right. */
.hero{display:block;min-height:100svh;padding:0;overflow:hidden;background:#e9e9eb}.hero-copy{position:absolute;z-index:5;bottom:clamp(115px,15vh,185px);left:var(--pad);width:min(42vw,535px);max-width:calc(100% - var(--pad)*2)}.hero .eyebrow{margin-bottom:31px}.hero h1{font-size:clamp(68px,7vw,128px);line-height:.78;letter-spacing:-.105em}.hero h1>span{display:block;overflow:hidden;will-change:transform}.hero h1 em{color:#808086}.hero-intro{max-width:305px;margin-top:38px;font-size:clamp(18px,1.7vw,25px);line-height:1.15}.hero .primary-link{margin-top:31px}.hero-reel{position:absolute;top:clamp(95px,9vw,138px);right:var(--pad);bottom:clamp(62px,6vw,100px);width:min(44vw,710px);min-height:0;overflow:hidden;border-radius:0;background:#171716;box-shadow:0 32px 70px rgba(0,0,0,.17);isolation:isolate}.hero-reel::before{position:absolute;z-index:3;inset:0;border:1px solid rgba(255,255,255,.28);content:"";pointer-events:none}.hero-slide{position:absolute;inset:0;margin:0;clip-path:inset(0 100% 0 0);opacity:1;will-change:clip-path,transform}.hero-slide.is-active{z-index:1;clip-path:inset(0)}.hero-slide img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.06);transform:scale(1.08);transition:transform 6s cubic-bezier(.16,1,.3,1),filter .6s ease}.hero-slide.is-active img{transform:scale(1);filter:saturate(.9) contrast(1.03)}.hero-slide::after{position:absolute;inset:0;background:linear-gradient(150deg,rgba(0,0,0,.2),transparent 42%,rgba(0,0,0,.58));content:""}.hero-glow{z-index:2;top:-14%;right:-13%;width:72%;background:radial-gradient(circle,rgba(255,36,0,.45),rgba(255,36,0,0) 66%);opacity:.5}.hero-wordmark{z-index:3;top:auto;bottom:clamp(60px,9vw,115px);left:50%;width:68%;mix-blend-mode:screen;opacity:.74}.hero-overlay{z-index:4;right:18px;bottom:17px;left:18px;font-size:10px}.hero-overlay span:last-child{color:#ff2400}.hero-controls{position:absolute;z-index:5;top:18px;right:18px;display:flex;gap:8px}.hero-controls button{width:29px;height:29px;padding:0;border:1px solid rgba(255,255,255,.42);border-radius:50%;color:rgba(255,255,255,.72);font-family:var(--sans);font-size:8px;font-weight:800;transition:background .3s ease,color .3s ease,transform .3s ease}.hero-controls button:hover,.hero-controls button:focus-visible,.hero-controls button.is-active{background:#fff;color:#111;outline:none;transform:scale(1.08)}.hero-meta{z-index:5;right:var(--pad);bottom:23px;left:var(--pad);color:#5f5f65}.hero-meta span:last-child{display:flex;align-items:center;gap:9px}.hero-meta i{display:inline-block;width:22px;height:1px;background:#5f5f65}.hero-stage{will-change:transform}
@media(max-width:850px){.hero{min-height:100svh;padding:0}.hero-reel{top:76px;right:14px;left:14px;bottom:auto;width:auto;height:48svh;border-radius:0}.hero-copy{right:20px;bottom:84px;left:20px;width:auto}.hero .eyebrow{margin-bottom:19px;font-size:9px}.hero h1{font-size:17.4vw;line-height:.77}.hero-intro{max-width:266px;margin-top:25px;font-size:19px}.hero .primary-link{margin-top:27px}.hero-wordmark{bottom:62px;width:72%}.hero-overlay{right:11px;bottom:10px;left:11px;font-size:7px}.hero-controls{top:11px;right:11px;gap:6px}.hero-controls button{width:24px;height:24px;font-size:7px}.hero-meta{right:20px;bottom:24px;left:20px;font-size:8px}.hero-meta span:first-child{display:none}}


/* Cover refinements */
.hero-copy{width:min(48vw,720px)}
.hero h1{max-width:none;overflow:visible}
.hero h1>span{overflow:visible;padding-right:.14em;margin-right:-.14em}
.hero-reel{border-radius:var(--fillet)}
.hero-wordmark{top:18px;bottom:auto;left:18px;width:clamp(92px,7vw,118px);height:auto;mix-blend-mode:normal;opacity:.88;transform:none;filter:invert(1)}
.hero-overlay span:last-child{color:var(--lime)}
@media(max-width:850px){.hero-copy{width:auto}.hero h1>span{overflow:visible;padding-right:.16em;margin-right:-.16em}.hero-reel{border-radius:var(--fillet)}.hero-wordmark{top:13px;bottom:auto;left:13px;width:82px;transform:none}}


/* 2026-09-08 / front editorial refinement: safe headline + subtle red + unified fillets */
.hero-glow{background:radial-gradient(circle,rgba(var(--accent-soft-rgb),.28),rgba(var(--accent-soft-rgb),0) 68%)!important;filter:blur(22px)}
.hero-overlay span:last-child{color:var(--lime)!important}
.hero-reel,.hero-stage,.brand-system,.work-card figure,.work-card figure>figcaption{border-radius:var(--fillet)!important}
.hero-copy{width:min(49vw,760px);max-width:calc(100% - var(--pad)*2)}
.hero h1{max-width:none;line-height:.8}
.hero h1>span{overflow:visible;padding-right:.12em;margin-right:-.08em}
.hero-wordmark{top:18px;left:18px;width:clamp(88px,6.5vw,110px)!important;height:auto;mix-blend-mode:normal;opacity:.86;transform:none;filter:invert(1)}
@media(max-width:850px){.hero-reel,.hero-stage,.brand-system,.work-card figure,.work-card figure>figcaption{border-radius:var(--fillet)!important}.hero h1>span{padding-right:.14em;margin-right:-.08em}.hero-wordmark{top:13px;left:13px;width:76px!important}}