.now{--now-bg:#10100f;--now-surface:#1b1b19;--now-text:#f5efe7;--now-muted:#b6b4af;--now-ease:cubic-bezier(.22,.61,.36,1);background:var(--now-bg);color:var(--now-text);min-height:90vh;min-height:90svh;padding:clamp(60px,6vh,100px) var(--gutter) clamp(64px,7vh,110px)}
.now-eyebrow{margin:0 0 30px;font-size:14px;line-height:1.5;letter-spacing:.15em}
.now-visual{width:86%;margin-left:auto;height:clamp(300px,43vh,580px);overflow:hidden;background:var(--now-surface)}
.now-media{width:100%;height:100%;transform:scale(1);transition:transform 700ms var(--now-ease)}
.now-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}
.now-placeholder-title{font-size:clamp(14px,1.1vw,18px);letter-spacing:.2em;color:var(--now-muted)}
.now-placeholder-format{font-size:12px;letter-spacing:.12em;color:#8e8d87}
.now-media img,.now-media video{display:block;width:100%;height:100%;object-fit:cover}
.now-editorial{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(40px,6vw,120px);margin-top:clamp(34px,4vh,58px)}
.now-title{margin:0;flex:1;max-width:15ch;font-size:clamp(38px,4.5vw,80px);line-height:1.08;font-weight:400;letter-spacing:-.05em;text-wrap:balance}
.now-details{flex:0 1 330px;padding-top:7px}
.now-description{margin:0;font-size:16px;line-height:1.65;color:var(--now-muted);letter-spacing:-.02em}
.now-cta{display:inline-block;margin-top:26px;padding:0 0 6px;border-bottom:1px solid #74736d;font-size:14px;line-height:1.5}
.now-cta[aria-disabled="true"]{cursor:default}
.now-cta[href]:hover{border-bottom-color:var(--now-text)}
.now[data-reveal="pending"] .now-visual{clip-path:inset(0 0 100% 0)}
.now[data-reveal="pending"] .now-media{transform:scale(1.03)}
.now[data-reveal="pending"] .now-title,.now[data-reveal="pending"] .now-details{opacity:0}
.now[data-reveal="ready"] .now-visual{animation:now-unveil 700ms var(--now-ease) both}
.now[data-reveal="ready"] .now-title{animation:now-ink 600ms 120ms ease both}
.now[data-reveal="ready"] .now-details{animation:now-ink 600ms 220ms ease both}
@keyframes now-unveil{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@keyframes now-ink{from{opacity:0}to{opacity:1}}
@media(hover:hover) and (pointer:fine){.now-visual:hover .now-media{transform:scale(1.015)}}
@media(max-width:700px){.now{min-height:100svh;padding-top:64px;padding-bottom:80px}.now-eyebrow{margin-bottom:28px}.now-visual{width:100%;margin-left:0;height:clamp(300px,46svh,460px)}.now-editorial{flex-direction:column;gap:26px;margin-top:34px}.now-title{font-size:clamp(36px,9vw,56px);max-width:15ch}.now-details{flex:none;max-width:30em;padding-top:0}.now-description{font-size:16px}.now-cta{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.now .now-media{transition:none;transform:none!important}.now .now-visual,.now .now-title,.now .now-details{animation:none!important;clip-path:none!important;opacity:1!important}}