/* A single spatial sequence: crest → inspection → photographic project. */
html{scroll-behavior:auto}
#hero{height:220svh;min-height:0;z-index:1}
.hero-shell{position:sticky;top:0;height:100svh;min-height:0;opacity:var(--hero-ui,1);filter:blur(calc((1 - var(--hero-ui,1))*7px))}
#products{height:740svh;margin-top:-100svh;z-index:1}
.product-sticky{height:100svh;min-height:0}
#history{margin-top:-100svh;opacity:var(--history-reveal,0)}
.product-heading{top:25%}.product-description{top:36%;left:6%;width:25%;max-width:315px}
.product-description h2{font-size:clamp(27px,2.8vw,43px)}
.product-description>p:not(.eyebrow){font-size:14px;max-width:270px}
#family-choice{top:31%;right:6%;width:190px}
#family-choice button{padding:14px 0}
.zone-tabs{position:absolute;left:50%;top:15%;transform:translateX(-50%);display:flex;align-items:center;gap:21px;white-space:nowrap;font-size:12px;letter-spacing:.02em}
.zone-tabs button{padding:12px 0;border-bottom:1px solid transparent;opacity:.45}
.zone-tabs button[aria-pressed=true]{opacity:1;border-color:currentColor}
.zone-tabs>span{opacity:.3}.zone-hint{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);font-size:10px;white-space:nowrap;opacity:.6}
.product-tools{bottom:21%;right:6%;gap:8px}.product-tools button{padding:11px 14px;font-size:10px}
.product-tools #design-enter{display:none}
.product-story{top:55%;left:6%;max-width:310px}
#skin-tray{top:34%;bottom:auto;left:6%;right:6%;height:44%;padding:0;display:block;background:none;backdrop-filter:none;border:0}
#skin-tray[hidden]{display:none}#skin-tray h3{font-size:36px;margin:12px 0 16px}#skin-tray p:not(.eyebrow){font-size:14px;max-width:230px}
#skin-tray .eyebrow{margin-bottom:16px}
#skin-choices{position:absolute;right:0;top:0;width:190px;display:flex;flex-direction:column;gap:9px;align-items:stretch}
#skin-choices button{text-align:left;padding:13px 14px;font-size:12px}
#skin-choices button[aria-pressed=true]{border-radius:2px;background:#ffffff22}
.skin-finish{position:absolute;left:0;bottom:30px;width:260px;gap:15px}.skin-finish #design-exit{display:none}
.skin-finish [aria-pressed=true]{outline-width:2px;outline-offset:3px}
#skin-tray>small{position:absolute;bottom:0;left:0;font-size:9px;max-width:245px;line-height:1.6}
.quick-nav{position:absolute;left:25%;right:25%;bottom:6%;display:flex;justify-content:space-between;opacity:var(--arrival)}
.quick-nav>a,.quick-nav>button{position:relative;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;border:1px solid transparent;opacity:.68;transition:opacity .25s,border-color .25s,background .25s}
.quick-nav svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.quick-nav>a:hover,.quick-nav>button:hover,.quick-nav>:focus-visible{opacity:1;border-color:#dcfaff70;background:#c3eff710}
.quick-nav span{position:absolute;bottom:-20px;white-space:nowrap;font-size:8px;letter-spacing:.1em;opacity:0;transition:opacity .2s}
.quick-nav>:hover span,.quick-nav>:focus-visible span{opacity:1}
.site-header .language-switch{pointer-events:auto;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.07em}
.language-switch button{padding:12px 4px;opacity:.45}.language-switch [aria-pressed=true]{opacity:1}.language-switch>span{opacity:.3}
#hero-explore small{text-align:center;max-width:90%;line-height:1.35}
#project-gateway{position:absolute;inset:0;pointer-events:none;opacity:0;visibility:hidden;color:#192329;z-index:3}
.gateway-paper{position:absolute;inset:0;background:var(--paper);opacity:0}
#project-gateway>figure{position:absolute;overflow:hidden;margin:0;will-change:left,top,width,height;box-shadow:0 0 90px #7793bb15}
#project-gateway>figure img{width:100%;height:100%;object-fit:cover}
#project-gateway figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 25px 20px;background:linear-gradient(transparent,#16282899);color:white;font-size:11px}
.gateway-copy{position:absolute}.gateway-copy .display{font-size:65px;margin-bottom:35px}.gateway-copy h3{font-size:25px;margin-bottom:13px}.gateway-copy small{display:block;margin-top:18px;color:#7a8185}.gateway-copy .body-copy{font-size:17px;margin:25px 0;max-width:400px}
#company{padding-top:0;background:#e1eef0}
.company-layout{grid-template-columns:49% 40%;gap:8%;padding:0 5% 90px 0;align-items:center}
.company-mark{padding:0;align-self:stretch;overflow:hidden}.company-mark:before{display:none}
.company-study{width:100%;height:100%;min-height:820px;position:relative;overflow:hidden;background:#19475b}
.company-study img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 50%;transform:scale(1.1) translateY(calc(var(--company-parallax,0)*-25px))}
.company-study figcaption{position:absolute;bottom:28px;left:30px;right:25px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.1em;color:#dbf4fc;text-shadow:0 2px 6px #142e42}
.company-copy{padding-top:110px;padding-bottom:25px}.company-copy .display{font-size:clamp(44px,4.7vw,69px)}
.fat-footer{z-index:2;overflow:hidden;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 24% -10%,#74d3f2 0,transparent 48%),radial-gradient(ellipse at 88% -5%,#147cc2 0,transparent 43%),linear-gradient(#2567a3 0%,#113f72 35%,#031126 85%);color:#e5f2fb;padding:80px 3.4% 0}
.footer-horizon{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 70px;font-size:9px;letter-spacing:.12em}.footer-horizon a{display:flex;gap:30px;align-items:center}.footer-horizon a span{font-size:25px}
.footer-grid{display:grid;grid-template-columns:43% 33% 24%;border-top:1px dotted #e2f0ff55;border-bottom:1px dotted #e2f0ff55}
.footer-grid>div{padding:45px 7% 40px 0}.footer-grid>div+div{border-left:1px dotted #e2f0ff55;padding-left:12%;padding-right:10%}
.fat-footer .eyebrow{font-size:9px;letter-spacing:.12em;color:#a8c6df;margin-bottom:30px}
.footer-invitation{display:block;position:relative;font-size:clamp(27px,3.1vw,46px);letter-spacing:-.04em;line-height:1.26;max-width:460px;padding-right:40px}
.footer-invitation>span{position:absolute;right:0;top:0;color:#91bed6}.footer-contact>a:not(.footer-invitation){display:block;font-size:14px;margin-top:14px;color:#c0d9eb}.footer-contact .footer-email{margin-top:32px!important}
.footer-navigation>div{display:grid;grid-template-columns:1fr 1fr;gap:19px 20px;font-size:12px}.footer-connect>a,.footer-connect>button{display:flex;width:100%;justify-content:space-between;font-size:12px;margin-bottom:18px;padding:0;text-align:left}.fat-footer a:hover,.fat-footer button:hover{color:white;opacity:.75}
.footer-meta{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:29px 0;color:#8fa8c0;font-size:8px;letter-spacing:.1em}.footer-meta>div{display:flex;gap:25px}.footer-meta button{font-size:9px;padding:0}
.footer-wordmark{font-family:Arial,sans-serif;font-weight:600;font-size:17.4vw;line-height:.85;letter-spacing:-.07em;text-align:center;margin:auto -.7% -1.7vw;padding-top:30px;background:linear-gradient(#f0f6fa 5%,#adcee5 65%,#3e6d9455 95%);background-clip:text;-webkit-background-clip:text;color:transparent;user-select:none}
#cy-agent-dialog{width:min(560px,94vw);padding:30px;position:fixed;margin:auto 28px 28px auto;border-radius:12px;background:#edf4f4}
#cy-agent-dialog h2{font-size:27px;margin:10px 0 0}#cy-agent-dialog .eyebrow{margin-bottom:0;font-size:8px}.agent-disclosure{font-size:11px;color:#6a808e;margin:18px 0}
#agent-messages{height:280px;overflow:auto;padding:3px 4px 20px;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain}
.agent-message{font-size:13px;line-height:1.7;padding:15px 17px;background:#dfeaec;border-radius:2px 14px 14px 14px;max-width:95%}.agent-message.user{align-self:flex-end;background:#244c67;color:white;border-radius:14px 2px 14px 14px}.agent-message p{white-space:pre-line}.agent-message a,.agent-message button{display:block;font-size:11px;margin-top:12px;padding:0;border-bottom:1px solid #668598;text-align:left;max-width:100%}
.agent-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 15px}.agent-suggestions button{font-size:10px;padding:7px 10px;border:1px solid #b6cbd5;border-radius:20px}
#agent-form{display:flex;gap:12px;border-top:1px solid #abc1cc;padding-top:14px}#agent-input{min-width:0;flex:1;border:0;background:none;color:#183747;outline:none;font-size:12px}#agent-form button{font-size:24px;width:35px}
html[lang=en] .hero-center h1{font-size:clamp(45px,6.5vw,94px)}html[lang=en] .company-copy .display{font-size:clamp(40px,4.1vw,62px)}
@media(max-width:760px){
 #hero{height:200svh}#products{height:670svh}.hero-shell{min-height:0}.site-header .language-switch{position:absolute;right:100px;font-size:9px;gap:4px}.brand{font-size:9px;letter-spacing:.2em}
 .hero-center h1.long-title{font-size:42px}.hero-aside{top:56%}
 .quick-nav{left:28px;right:28px;bottom:10%;gap:7px}.quick-nav>a,.quick-nav>button{height:39px;width:39px}.quick-nav svg{height:25px;width:25px}.quick-nav span{font-size:6px;bottom:-15px;opacity:.7}
 .product-heading{top:25%}.zone-tabs{top:10%;font-size:10px;gap:16px}#family-choice{top:17%;left:24px;right:24px;width:auto;gap:20px}.product-description{top:auto;bottom:18%;left:24px;width:75%;max-width:330px}.product-description h2{font-size:27px}.product-description>p:not(.eyebrow){font-size:12px;max-width:310px;margin:9px 0 12px}.product-description .eyebrow{margin-bottom:10px}
 .product-tools{left:auto;right:24px;bottom:12%;gap:7px}.product-tools button{font-size:9px;padding:8px 12px}.zone-hint{left:24px;bottom:13%;transform:none;font-size:8px;max-width:160px;white-space:normal}.field-footer{font-size:7px;bottom:24px}.field-footer button{font-size:9px}
 .product-story{top:auto;bottom:27%;left:24px}.product-story h2{font-size:28px}.product-story>p:last-child{font-size:12px}
 #skin-tray{left:24px;right:24px;top:auto;bottom:19%;height:210px}#skin-tray h3{font-size:25px;margin:8px 0}#skin-tray p:not(.eyebrow){font-size:11px}#skin-tray .eyebrow{font-size:8px;margin-bottom:8px}
 #skin-choices{position:static;width:100%;flex-direction:row;gap:4px;margin-top:16px;flex-wrap:nowrap}#skin-choices button{font-size:9px;padding:9px 8px;white-space:nowrap}
 .skin-finish{position:static;margin-top:15px;width:auto}.skin-finish [data-finish]{width:20px;height:20px}#skin-tray>small{bottom:-22px;font-size:8px;max-width:280px}.skin-finish{gap:15px}
 .gateway-copy .display{font-size:47px;margin-bottom:28px}.gateway-copy h3{font-size:22px}.gateway-copy .body-copy{font-size:14px;margin:20px 0}.gateway-copy small{font-size:9px}#project-gateway figcaption{font-size:9px}
 #company{padding-top:0}.company-layout{display:block;padding:0 0 55px}.company-study{min-height:0;height:90vw;max-height:480px}.company-study img{object-position:50% 48%}.company-study figcaption{font-size:6px;left:24px;right:24px;bottom:22px}.company-copy{padding:55px 28px 0}.company-copy .display{font-size:47px}
 .fat-footer{padding:55px 24px 0}.footer-horizon{padding-bottom:35px;font-size:7px}.footer-horizon a{gap:12px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div{padding:30px 0}.footer-contact{grid-column:1/-1;border-bottom:1px dotted #e2f0ff55}.footer-grid>div+div{padding:30px 0;border-left:0}.footer-grid>.footer-connect{padding-left:20px;border-left:1px dotted #e2f0ff55}.footer-invitation{font-size:35px;max-width:none}.footer-contact>a:not(.footer-invitation){font-size:13px}.fat-footer .eyebrow{font-size:7px;margin-bottom:25px}.footer-navigation>div{display:flex;flex-direction:column;gap:15px;font-size:11px}.footer-connect>a,.footer-connect>button{font-size:11px;margin-bottom:18px}.footer-meta{flex-wrap:wrap;gap:20px;font-size:7px;padding:25px 0}.footer-meta>div{order:3;width:100%;gap:25px}.footer-meta button{font-size:8px}.footer-wordmark{font-size:16.5vw;margin:15px -3px -1.5vw}
 #cy-agent-dialog{margin:auto auto 12px;max-height:90svh;padding:24px}#cy-agent-dialog h2{font-size:24px}#agent-messages{height:240px}
 html[lang=en] .hero-center h1{font-size:43px}html[lang=en] .hero-aside{width:275px;top:56%}html[lang=en] .product-description h2{font-size:24px}html[lang=en] .product-description>p:not(.eyebrow){font-size:11px}html[lang=en] #skin-choices button{font-size:8px;padding:8px 7px}
}