/* White, quiet landscape; original clean product photographs remain separate. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@800;900&display=swap');
*{box-sizing:border-box}
body{margin:0;background:#f6f8fb;color:#153e57;font-family:Inter,Arial,sans-serif}
a{color:inherit;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid #13618a;outline-offset:5px}
.hero{position:relative;isolation:isolate;--hero-height:clamp(760px,100svh,1250px);height:var(--hero-height);min-height:760px;max-height:1250px;overflow:hidden;background:#f6f8fb}
.hero-scene{position:absolute;inset:0;z-index:-2;display:block;pointer-events:none}
.hero-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-copy{position:absolute;top:14.5%;left:6vw;right:6vw;z-index:2;text-align:center}
.hero h1{display:inline-block;margin:0;padding:0 .08em .08em;font-family:Montserrat,Inter,Arial,sans-serif;font-weight:800;font-size:clamp(64px,6vw,104px);letter-spacing:-.045em;line-height:1.12;color:#184965}
.hero-copy p{max-width:370px;margin:9px auto 0;color:#617b8b;font-size:13px;line-height:1.7;text-wrap:balance}
.hero-stage{position:absolute;left:50%;bottom:10%;width:min(88vw,1200px,calc((var(--hero-height) - 400px)*2.4));aspect-ratio:12/5;transform:translateX(-50%);isolation:isolate}
.hero-product{position:absolute;display:block;outline-offset:5px;text-decoration:none}
.hero-product::before{content:'';position:absolute;left:5%;right:0;bottom:-.7%;height:4%;border-radius:50%;background:#325c714d;filter:blur(6px);transform:skewX(-20deg);z-index:-1}
.hero-product img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 1px #2c526820) drop-shadow(4px 6px 6px #2c526815)}
.hero-product-reach{left:29%;bottom:23%;width:22.5%;z-index:1}
.hero-product-merch{left:60%;bottom:23%;width:13.6%;z-index:2}
.hero-product-bar{left:0;bottom:0;width:30%;z-index:5}
.hero-product-prep{left:35.5%;bottom:0;width:26%;z-index:6}
.hero-product-display{left:65%;bottom:0;width:24%;z-index:7}
.hero-product-draft{left:90%;bottom:12%;width:10%;z-index:4}
.product-reveal{position:absolute;left:50%;top:55%;display:grid;place-items:center;width:31px;height:31px;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:50%;background:#f1faffb8;color:#16445f;box-shadow:0 2px 12px #184d6120;backdrop-filter:blur(8px);font:400 22px/1 Inter,Arial,sans-serif;opacity:0;transition:opacity .2s,background .2s}
.hero-product:hover .product-reveal,.hero-product:focus-visible .product-reveal{opacity:1}
.hero-product:hover .product-reveal{background:#fff}
.product-reveal::after{content:attr(data-model);position:absolute;bottom:calc(100% + 9px);padding:7px 10px;border-radius:6px;background:#153e57;color:#fff;font:600 10px/1.2 Inter,Arial,sans-serif;letter-spacing:.04em;white-space:nowrap}
.hero-baseline{position:absolute;bottom:25px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#5d7a8b;font-size:9px;font-weight:500;letter-spacing:.13em;text-transform:uppercase}
.hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;padding:0 23px;border:1px solid #8da9ba5c;border-radius:50px;background:#ffffff99;backdrop-filter:blur(15px);text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.01em;text-transform:none;transition:background .2s}
.hero-cta:hover{background:#fff}
.hero-cta span{font-size:19px;font-weight:400}
.glacier-landscape .site-navigation{--nav-ink:#34586f}
.glacier-landscape .site-navigation nav{background:#ffffff80;border-color:#ffffffc9;box-shadow:0 5px 24px #23567309}
.glacier-landscape .site-navigation .navigation-link:hover{background:#d7e7f366;color:#123d56}
.glacier-landscape .site-navigation .navigation-contact{border-color:#8baabd59;background:#e4eff76b;box-shadow:none}
.glacier-landscape .site-navigation .navigation-contact span{color:#235a79}
.glacier-landscape .site-navigation .navigation-toggle{color:#34586f;background:#ffffff99;border-color:#fff9}
.glacier-landscape .site-navigation :is(a,button):focus-visible{outline-color:#235a79}
@media(min-width:1800px){.hero-stage{width:min(86vw,1450px,calc((var(--hero-height) - 430px)*2.4))}.hero-copy{top:14.5%}}
@media(max-width:1100px) and (min-width:701px){
 .hero-copy{top:16%}
 .hero h1{font-size:7.5vw}
 .hero-stage{width:min(93vw,calc((var(--hero-height) - 380px)*2.4));bottom:11%}
 .hero-copy p{font-size:12px;max-width:320px}
 .hero-baseline>span{font-size:8px;letter-spacing:.06em}
}
@media(max-width:700px){
 .hero{min-height:780px;max-height:none}
 .hero-copy{top:128px;left:20px;right:20px}
 .hero h1{max-width:100%;font-size:clamp(37px,11.7vw,76px);letter-spacing:-.045em}
 .hero-copy p{margin-top:10px;max-width:280px;font-size:12px}
 .hero-scene{top:47%;bottom:auto;aspect-ratio:1672/941}
 .hero-scene img{object-fit:contain;opacity:.85;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
 .hero-stage{width:calc(100% - 40px);max-width:440px;aspect-ratio:4/5;bottom:100px}
 .hero-product-reach{left:9%;bottom:43%;width:45%}
 .hero-product-merch{left:64%;bottom:43%;width:27%}
 .hero-product-bar{left:0;bottom:27%;width:48%}
 .hero-product-draft{left:80%;bottom:29%;width:19%}
 .hero-product-prep{left:0;bottom:0;width:48%}
 .hero-product-display{left:54%;bottom:0;width:46%}
 .hero-product::before{filter:blur(6px)}
 .hero-baseline{justify-content:center;left:24px;right:24px;bottom:25px}
 .hero-baseline>span{display:none}
 .hero-cta{min-height:43px;padding:0 22px}
 .glacier-landscape .site-navigation.is-open nav{background:#f6fafff5;border-color:#fff}
}
@media(max-width:360px){.hero-copy{top:120px}.hero{min-height:740px}.hero-stage{bottom:105px}}
@media(min-width:501px) and (max-width:700px){.hero{min-height:960px}.hero-copy{top:140px}}
@media(prefers-reduced-motion:reduce){.product-reveal,.hero-cta{transition:none}}

@media(min-width:701px) and (max-width:900px){
 .hero{height:max(100svh,1000px)}
 .hero-copy{top:140px}
 .hero-stage{width:min(70vw,500px);aspect-ratio:4/5;bottom:100px}
 .hero-product-reach{left:9%;bottom:43%;width:45%}
 .hero-product-merch{left:64%;bottom:43%;width:27%}
 .hero-product-bar{left:0;bottom:27%;width:48%}
 .hero-product-draft{left:80%;bottom:29%;width:19%}
 .hero-product-prep{left:0;bottom:0;width:48%}
 .hero-product-display{left:54%;bottom:0;width:46%}
}