.hero.hero-photo{position:relative;isolation:isolate;text-align:left;padding:0;margin-top:28px;height:clamp(660px,76vh,850px);min-height:660px;border-radius:28px;overflow:hidden;background:#f4f1eb}
.hero-media,.hero-shade{position:absolute;inset:0;z-index:-2}
.hero-media .hero-poster,.hero-media .hero-video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:62% center;max-height:none}
.hero-video{opacity:0;transition:opacity .5s}
.hero.video-ready .hero-video{opacity:1}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(252,251,248,.97) 0%,rgba(252,251,248,.94) 32%,rgba(252,251,248,.7) 43%,rgba(252,251,248,.15) 60%,rgba(252,251,248,0) 78%)}
.hero-content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:58%;height:100%;padding:56px}
.hero.hero-photo h1{font-size:clamp(60px,5.5vw,79px);line-height:1.08;letter-spacing:-.055em;max-width:600px}
.hero.hero-photo h1 span{color:#557870}
.hero.hero-photo .hero-copy{font-size:20px;line-height:1.5;margin:30px 0 28px;max-width:450px}
.hero.hero-photo .hero-actions{justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:10px}
.hero-image-note{position:absolute;bottom:24px;left:32px;color:#566d65;font-size:9px;letter-spacing:.025em}
.hero-motion-toggle{position:absolute;bottom:17px;right:22px;min-height:42px;min-width:112px;padding:11px 15px;border:1px solid #dddcd4;border-radius:22px;background:rgba(252,251,248,.92);font-size:10px;color:#263c3e}
.hero-motion-toggle:hover{background:#fcfbf8}
.builder-section{margin-top:64px}
.system-lineup-exhibit{max-width:870px;margin:-5px auto 38px}
.system-lineup-exhibit img{width:100%;height:auto;max-height:340px;object-fit:contain}
@media(max-width:1050px){.hero-content{width:68%;padding:43px}.hero.hero-photo h1{font-size:63px}.hero.hero-photo .hero-copy{font-size:18px}.hero.hero-photo{height:690px;min-height:690px}}
@media(max-width:800px){.hero.hero-photo{height:740px;min-height:740px;margin-top:24px}.hero-content{width:100%;height:auto;padding:48px 36px;justify-content:flex-start}.hero.hero-photo h1{font-size:62px;max-width:none}.hero.hero-photo .hero-copy{font-size:18px;margin-top:24px;margin-bottom:22px}.hero-shade{background:linear-gradient(180deg,rgba(252,251,248,.98) 0%,rgba(252,251,248,.94) 27%,rgba(252,251,248,.62) 43%,rgba(252,251,248,.04) 67%,rgba(252,251,248,0) 100%)}.hero-media .hero-poster,.hero-media .hero-video{object-position:69% center}.hero-image-note{color:#fcfbf8;text-shadow:0 1px 6px #263c3e}.builder-section{margin-top:50px}}
@media(max-width:600px){.hero.hero-photo{height:720px;min-height:720px;margin-top:18px;border-radius:22px}.hero-content{padding:38px 26px}.hero.hero-photo h1{font-size:clamp(32px,10vw,55px);letter-spacing:-.057em}.hero.hero-photo .hero-copy{font-size:16px;line-height:1.5;margin-top:21px;margin-bottom:20px}.hero.hero-photo .hero-actions{gap:6px}.hero.hero-photo .button{font-size:11px;padding:12px 17px;gap:12px}.hero.hero-photo .text-link{font-size:10px;gap:8px}.hero-image-note{left:18px;bottom:21px;font-size:7px;max-width:125px;line-height:1.5}.hero-motion-toggle{right:15px;bottom:14px;min-width:100px;font-size:9px}.hero-media .hero-poster,.hero-media .hero-video{object-position:68% center}.system-lineup-exhibit{margin-bottom:25px}.system-lineup-exhibit img{max-height:210px}}
@media(max-width:350px){.hero-content{padding:34px 22px}.hero.hero-photo .button{font-size:10px;padding:12px 14px;gap:8px}.hero.hero-photo .text-link{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none!important;transition:none}}
@media print{.hero.hero-photo{display:none!important}}