@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;450;500;600;700&display=swap');
:root{--ink:#101515;--paper:#edf0e9;--blue:#aecddd;--muted:#a1aaa9;--line:rgba(237,240,233,.2);--font:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:6px}button{background:none;border:0}::selection{background:var(--blue);color:var(--ink)}.header{position:absolute;top:0;z-index:20;width:100%;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:25px;font-weight:700;letter-spacing:5px;line-height:1}.brand img{object-fit:contain}.header nav{display:flex;gap:36px;font-size:14px;color:#cbd0cd}.header a:hover,footer a:hover{color:var(--blue)}.nav-cta{font-size:14px;display:flex;gap:32px;align-items:center}.tiny-plus{font-size:24px;font-weight:400}.story{height:1000svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:#0b0e0f}.scene-art,.layer,.shade,.grain{position:absolute;inset:0;width:100%;height:100%}.layer{object-fit:cover;will-change:transform,opacity,filter;transform-origin:62% 48%;pointer-events:none}.jacket{opacity:1}.macro,.summit{opacity:0}.shade{background:linear-gradient(90deg,rgba(7,11,12,.58),transparent 64%),linear-gradient(0deg,rgba(5,9,10,.75),transparent 25%,transparent 80%,rgba(5,9,10,.15));pointer-events:none}.grain{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.9' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.topline{position:absolute;top:124px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#bac3c4}.chapter{position:absolute;left:7.5%;top:31%;max-width:650px;opacity:0;transform:translateY(20px);pointer-events:none}.chapter.active{pointer-events:auto}.intro{opacity:1;transform:none}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:600;display:flex;align-items:center;gap:13px;margin:0 0 26px}.dash{width:24px;height:1px;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1,.chapter h2,.closing h2{font-family:var(--display);font-weight:500;font-size:clamp(70px,7.7vw,128px);line-height:.98;letter-spacing:-1.5px;margin:0 0 27px;text-transform:uppercase}.period{color:var(--blue)}.chapter-description{color:#c2cbcb;font-size:16px;line-height:1.7;max-width:340px;margin-bottom:26px}.text-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid #9ba9ac;padding:0 0 10px;font-size:14px}.text-link span{font-size:21px}.detail h2,.water h2{font-size:clamp(60px,6vw,100px)}.vista{top:auto;bottom:18%;max-width:780px}.vista h2{font-size:clamp(62px,6.8vw,112px)}.product-annotation{position:absolute;right:5.5%;top:62%;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:1.5px;line-height:1.9}.product-annotation small{font-size:9px;color:#9facb1}.annotation-line{height:1px;width:65px;background:#819ba8}.story-bottom{position:absolute;bottom:44px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between}.scroll-prompt{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;padding:10px 0}.scroll-icon{height:24px;width:15px;border:1px solid #74858c;border-radius:9px;position:relative}.scroll-icon:after{content:'';position:absolute;top:5px;left:6px;height:5px;width:1px;background:#e3eef0}.chapter-track{display:flex;align-items:center;gap:12px}.chapter-track button{font-size:11px;color:#667277;padding:10px}.chapter-track button[aria-current]{color:var(--paper)}.chapter-track>span{height:1px;width:32px;background:#3b464a}.skip-story{font-size:12px;color:#aab8bd}.progress-line{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#273034}.progress-line div{height:100%;width:0;background:var(--blue)}.section-pad{padding:70px 7.5% 105px}.section-label{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:11px;letter-spacing:1.8px;color:var(--muted);margin-bottom:65px}.shell-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center}.product-image{position:relative;background:#090d0e;aspect-ratio:1/1.15;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;object-position:65% center;transform:scale(1.07)}.image-caption{position:absolute;bottom:24px;left:24px;font-size:10px;letter-spacing:1.5px;color:#a4b1b6}.product-copy h2,.philosophy h2{font-family:var(--display);font-weight:500;font-size:clamp(48px,5vw,78px);line-height:1.05;letter-spacing:-.5px}.product-copy .eyebrow{color:#a3bac3}.lede{font-size:20px;color:var(--paper)!important}.product-copy>p:not(.eyebrow){color:var(--muted);max-width:490px}.swatch-row{display:flex;align-items:center;gap:12px;margin:28px 0;font-size:13px}.swatch{height:19px;width:19px;border-radius:50%;background:#9abed3;border:3px solid var(--ink);outline:1px solid #9abed3}.concept-tag{margin-left:auto;font-size:9px;letter-spacing:1.1px;color:var(--muted)}.feature-tabs{display:flex;border-bottom:1px solid var(--line);gap:22px}.feature-tabs button{padding:12px 0;font-size:13px;color:var(--muted);border-bottom:2px solid transparent}.feature-tabs button[aria-selected=true]{color:var(--paper);border-color:var(--blue)}#feature-panel{min-height:120px;padding-top:18px;font-size:14px;color:var(--muted)}.button{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 22px;border:1px solid #65777e;font-size:13px;transition:background .2s,color .2s}.button:hover{background:var(--blue);color:var(--ink)}.button span{font-size:22px;line-height:1}.product-copy .product-note{font-size:11px;line-height:1.6;margin:15px 0 0}.philosophy{background:var(--paper);color:var(--ink)}.philosophy .section-label{border-color:#bec5c2;color:#64716e}.philosophy-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.philosophy-grid>div{max-width:430px;color:#586461;padding-top:6px}.philosophy h2{max-width:570px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:76px}.principles>div{border-top:1px solid #bdc6c1;padding-top:20px}.principles span{font-size:11px;color:#6b7a75}.principles h3{font-size:19px;font-weight:500;margin:19px 0 9px}.principles p{font-size:14px;color:#687570;max-width:250px}.closing{height:90svh;min-height:650px;position:relative;overflow:hidden}.closing>img{width:100%;height:100%;object-fit:cover}.closing:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,15,22,.65),transparent 75%),linear-gradient(0deg,rgba(4,12,19,.5),transparent 40%)}.closing-copy{position:absolute;z-index:1;left:7.5%;bottom:20%}.closing h2{font-size:clamp(65px,7.5vw,120px)}.closing .button{max-width:285px}.closing-caption{position:absolute;bottom:35px;left:7.5%;font-size:10px;letter-spacing:2px;z-index:1}footer{padding:42px 4.5%;display:flex;align-items:center;gap:30px}footer .brand{font-size:19px}footer p{font-size:11px;color:var(--muted);margin:0 auto 0 0}footer>a:not(.brand),footer button{font-size:11px;color:var(--muted)}.skip-link{position:fixed;z-index:100;background:var(--paper);color:var(--ink);padding:12px;top:10px;left:10px;transform:translateY(-180%)}.skip-link:focus{transform:none}
body.reduced .story{height:100svh}body.reduced .stage{position:relative}body.reduced .chapter-track,body.reduced .scroll-prompt{display:none}body.reduced .layer{transform:none!important;filter:none!important}body.reduced .jacket{opacity:1!important}body.reduced .macro,body.reduced .summit{opacity:0!important}body.reduced .chapter{display:none}body.reduced .intro{display:block;opacity:1!important;transform:none!important}
@media(min-width:1800px){.chapter{left:10%}.layer{object-fit:cover}}
@media(max-width:900px){.header{height:80px}.header nav{display:none}.topline{top:103px;font-size:9px}.chapter{left:6%;top:34%}.chapter h1{font-size:80px}.chapter h2{font-size:65px}.chapter-description{max-width:260px;font-size:14px}.product-annotation{display:none}.shell-grid{gap:5%}.section-pad{padding-left:6%;padding-right:6%}.feature-tabs{gap:13px}.feature-tabs button{font-size:12px}.concept-tag{display:none}footer{flex-wrap:wrap}footer p{flex-basis:55%}}
@media(max-width:600px){.header{padding:0 6%;height:75px}.brand{font-size:21px;letter-spacing:3px;gap:8px}.brand img{width:30px}.nav-cta{font-size:11px;gap:14px}.topline{top:98px;left:6%;right:6%;font-size:8px;letter-spacing:1.3px}.topline span:last-child{display:none}.stage{min-height:660px}.story{height:800svh}.layer{object-position:62% center}.jacket{object-fit:cover;object-position:68% center}.shade{background:linear-gradient(0deg,rgba(4,8,10,.92),rgba(4,8,10,.6) 30%,transparent 67%,rgba(4,8,10,.2))}.chapter{top:auto;bottom:17%;left:6%;right:6%;max-width:none}.chapter h1{font-size:66px}.chapter h2{font-size:57px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:18px}.chapter-description{font-size:13px;max-width:280px;margin-bottom:17px;line-height:1.5}.chapter h1,.chapter h2{margin-bottom:19px}.intro .chapter-description{display:none}.text-link{font-size:12px;padding-bottom:5px}.story-bottom{left:6%;right:6%;bottom:25px}.scroll-prompt{font-size:8px;letter-spacing:1px}.chapter-track{gap:1px}.chapter-track>span{width:12px}.chapter-track button{padding:10px 6px;font-size:10px}.skip-story{display:none}.section-pad{padding:45px 6% 65px}.section-label{font-size:9px;letter-spacing:1px;margin-bottom:34px}.shell-grid{grid-template-columns:1fr;gap:37px}.product-image{aspect-ratio:1/1}.product-copy h2{font-size:60px}.product-copy .eyebrow{font-size:9px}.product-copy>p{font-size:14px}.feature-tabs button{font-size:13px}.concept-tag{display:block}.philosophy-grid{grid-template-columns:1fr;gap:15px}.philosophy h2{font-size:54px}.philosophy-grid p{font-size:15px}.principles{grid-template-columns:1fr;margin-top:45px;gap:15px}.principles>div{display:grid;grid-template-columns:30px 1fr;column-gap:12px}.principles h3{margin:0 0 8px;font-size:18px}.principles p{grid-column:2;max-width:none}.closing{height:85svh;min-height:600px}.closing img{object-position:62% center}.closing-copy{left:6%;bottom:15%;right:6%}.closing h2{font-size:66px}.closing-caption{left:6%;font-size:8px}footer{padding:30px 6%;gap:22px}footer p{flex-basis:100%;order:4}.stage .vista h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}