/* A continuous material surface. No orbit, indicator, or hero control panel. */
.hero{background:#111b15;min-height:780px;height:100svh;max-height:1120px}
.hero-material{position:absolute;inset:0;z-index:-3;overflow:hidden;background:linear-gradient(115deg,#111b15 24%,#24382b 47%,#77806b 64%,#273b2e 75%,#111b15 95%)}
#material-film{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;opacity:1}

.hero:before{z-index:-2;background:linear-gradient(90deg,#111b15f5 0%,#111b15da 24%,#111b1580 42%,#111b150a 67%),linear-gradient(180deg,#111b1555,transparent 22%,transparent 76%,#111b15d9)}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 42%,transparent 20%,#0b130e35 85%)}
.hero-copy{z-index:1;padding-top:clamp(165px,21vh,240px);width:65%;animation:none}
.hero-copy h1{animation:none}
#motion-toggle.background-pause{position:absolute;z-index:3;bottom:140px;right:var(--gutter);display:flex;align-items:center;min-height:44px;padding:10px 0;font-size:11px;line-height:1.2;color:#e0e5d4;text-decoration:underline;text-underline-offset:5px;background:none}
#motion-toggle[hidden]{display:none}
.hero-bottom{bottom:38px}
@media(min-width:1600px){.hero-copy{padding-top:230px}}
@media(max-width:1100px){.hero{min-height:820px}.hero-copy{width:73%;padding-top:175px}}
@media(max-width:800px){.hero{min-height:880px;max-height:1100px}.hero-copy{padding-top:150px;width:90%}.hero:before{background:linear-gradient(90deg,#111b15ed 0%,#111b15a8 40%,#111b1520 88%),linear-gradient(180deg,#111b1577,transparent 60%,#111b15e8)}#motion-toggle.background-pause{bottom:139px}}
@media(max-width:560px){.hero{min-height:810px;height:100svh;max-height:1000px}.hero-copy{padding:135px var(--gutter) 0;width:100%}.hero-copy h1{font-size:clamp(54px,14.5vw,72px)}.hero-copy>p{margin-top:26px;max-width:290px}.hero-copy .button{margin-top:4px}.hero:before{background:linear-gradient(180deg,#111b15e8 0%,#111b15c9 28%,#111b1566 52%,#111b1505 65%,#111b15ed 99%),linear-gradient(90deg,#111b1544,transparent 80%)}.hero-bottom{bottom:25px;padding-top:20px}.hero-bottom p{font-size:11px;max-width:215px}#motion-toggle.background-pause{bottom:142px;font-size:11px}.hero-material{background:linear-gradient(125deg,#111b15 16%,#26392b 47%,#77806b 65%,#17271c 83%)}}
@media(prefers-reduced-motion:reduce){#material-film{transition:none}}

@media(max-width:560px){#material-film{object-position:75% 50%}}