.hero{width:100%;max-width:var(--max-width);min-height:min(calc(100vh - var(--header-height) - 1px), 860px);min-height:min(calc(100svh - var(--header-height) - 1px), 860px);border-left:1px solid var(--color-rule);border-right:1px solid var(--color-rule);grid-template-columns:minmax(0,7fr) minmax(0,5fr);margin:0 auto;display:grid}.hero-copy{flex-direction:column;justify-content:flex-end;gap:24px;padding:clamp(40px,5vw,64px) clamp(24px,4vw,56px) 0;display:flex}.hero-copy h1{max-width:14ch;animation:fade-in-up var(--dur-enter) var(--ease-out-expo) both;margin:0;font-size:clamp(3rem,.6rem + 4.6vw,5.8rem)}.hero-copy>:nth-child(2){animation:fade-in-up var(--dur-enter) var(--ease-out-expo) 80ms both}.hero-copy>:nth-child(3){animation:fade-in-up var(--dur-enter) var(--ease-out-expo) .16s both}.overlay-subtitle{max-width:46ch;color:var(--color-text);font-size:clamp(1rem,.92rem + .3vw,1.15rem);line-height:1.6}.overlay-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-specs{border-top:1px solid var(--color-rule);grid-template-columns:repeat(3,1fr);margin:12px calc(-1*clamp(24px,4vw,56px)) 0;display:grid}.hero-specs>div{padding:18px clamp(16px,2vw,24px) 22px clamp(24px,4vw,56px)}.hero-specs>div+div{border-left:1px solid var(--color-rule);padding-left:clamp(16px,2vw,24px)}.hero-specs dt{font-family:var(--font-mono);color:var(--color-text-muted);margin-bottom:4px;font-size:.72rem}.hero-specs dd{font-family:var(--font-display);color:var(--color-ink);font-size:1.15rem;font-weight:800;font-stretch:72%;line-height:1.2}.hero-figure{border-left:1px solid var(--color-rule);flex-direction:column;display:flex;position:relative}.hero-frame{background-color:var(--color-steel-950);flex:1;position:relative;overflow:hidden}.hero-image{animation:hero-settle 2.4s var(--ease-out-expo) both}@keyframes hero-settle{0%{transform:scale(1.08)}to{transform:scale(1)}}.hero-shutter{pointer-events:none;background:linear-gradient(0deg,#2a302c 0 14px,#8b928d 14px 16px,#0000 16px),repeating-linear-gradient(#b9bdb8 0,#d6d9d4 3px,#a9aea9 15px,#6f7570 17px 18px);animation:1.5s cubic-bezier(.7,0,.2,1) .35s both shutter-up;position:absolute;inset:0}@keyframes shutter-up{0%{translate:0}to{translate:0 -101%}}@media (prefers-reduced-motion:reduce){.hero-shutter{display:none}}.hero-figure figcaption{border-top:1px solid var(--color-rule);text-wrap:balance;padding:12px 16px}@media (max-width:900px){.hero{border:0;grid-template-columns:1fr;min-height:0}.hero-copy,.hero-figure{display:contents}.hero-frame{height:calc(100vh - var(--header-height) - 1px);height:calc(100svh - var(--header-height) - 1px);flex:none;grid-area:1/1;min-height:440px}.hero-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000 32%,#1215138c 62%,#121513e0 100%);position:absolute;inset:0}.hero-copy h1{z-index:1;color:#fff;grid-area:1/1;align-self:end;padding:0 20px 28px;font-size:clamp(2.5rem,11vw,4.4rem);position:relative}.hero-figure figcaption{border-top:0;border-bottom:1px solid var(--color-rule);grid-row:2}.overlay-subtitle{display:none}.overlay-actions{margin:28px 20px 0}.hero-specs{margin:28px 0 0}.hero-specs>div{padding:14px 12px 16px 20px}.hero-specs>div+div{padding-left:12px}.hero-specs dd{font-size:1rem}}@media (max-width:520px){.overlay-actions>*{flex:100%}.hero-specs{grid-template-columns:1fr}.hero-specs>div,.hero-specs>div+div{border-left:0;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 20px;display:flex}.hero-specs>div+div{border-top:1px solid var(--color-rule)}.hero-specs dt{margin:0}}
