@font-face{font-family:Oswald;src:url('assets/oswald.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--blue:#47c5f8;--blue-light:#47c5f8;--navy:#312e2f;--ink:#242223;--white:#ffffff;--silver:#eeeeee;--display:Oswald,'Arial Narrow',Arial,sans-serif;font-family:Arial,Helvetica,sans-serif;color:var(--white);background:var(--blue);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:7px}::selection{background:var(--blue-light);color:var(--ink)}.skip{position:fixed;top:-70px;left:20px;padding:16px;z-index:100;background:white;color:var(--ink)}.skip:focus{top:20px}
.nav-shell{position:fixed;top:24px;left:3.4%;right:3.4%;z-index:30}.nav{height:76px;display:flex;align-items:center;padding:10px 18px;gap:30px;border:1px solid #ffffff35;border-radius:12px;background:#47c5f849;backdrop-filter:blur(20px);transition:background .3s,border-color .3s,color .3s}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand>span{font-size:21px;letter-spacing:.13em;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:.12em;margin-top:4px;font-weight:400}.brand img{width:44px;height:44px}.nav-links{display:flex;gap:28px;font:500 14px var(--display);letter-spacing:.025em}.nav-links a{position:relative}.nav-links a:after{content:'';position:absolute;height:1px;left:0;bottom:-5px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav-links a:hover:after{transform:scaleX(1)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid #ffffff90;border-radius:99px;padding:13px 24px;font:500 14px var(--display);letter-spacing:.02em;transition:background .25s,color .25s,transform .25s}.pill span{font:20px Arial;line-height:1}.pill:hover{background:var(--white);color:var(--navy);transform:translateY(-2px)}.pill.solid{background:var(--white);color:var(--navy)}.pill.solid:hover{background:var(--silver)}.text-link{display:inline-flex;align-items:center;gap:20px;font:500 14px var(--display);letter-spacing:.02em;border-bottom:1px solid #ffffff66;padding:12px 0}
.journey{height:160svh;position:relative}.scene{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate}.scene-bg,.scene-dark{position:absolute;inset:0;z-index:-2}.scene-bg{background:radial-gradient(ellipse at 50% 75%,#7892d1 0%,#5574bf 35%,#4563ad 80%)}.scene-dark{background:radial-gradient(ellipse at 50% 60%,#263859,#242223 70%);opacity:0}.hero-copy{position:absolute;z-index:4;top:18%;left:5%;right:5%;text-align:center}.eyebrow{font:400 12px var(--display);letter-spacing:.15em;margin:0 0 20px}.hero-copy h1{font:500 clamp(58px,6.6vw,110px)/1.04 var(--display);letter-spacing:-.035em;margin:0}.hero-actions{margin-top:28px;display:flex;gap:30px;align-items:center;justify-content:center}.product-stage{position:absolute;inset:0;z-index:2;pointer-events:none}.product-stage canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .5s}.model-fallback{position:absolute;height:80%;width:auto;top:46%;left:50%;transform:translateX(-50%) rotate(-13deg);object-fit:contain}.model-ready canvas{opacity:1}.model-ready .model-fallback{display:none}.scene-bottom{position:absolute;z-index:6;bottom:24px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font:400 12px var(--display);letter-spacing:.07em}.scene-bottom a{display:flex;align-items:center;gap:20px}.scene-bottom a span{font:24px Arial}
@media(min-width:1600px){.hero-copy{top:19%}.hero-copy h1{font-size:110px}}
@media(max-width:760px){html{scroll-padding-top:90px}.nav-shell{top:16px;left:4%;right:4%}.nav{height:62px;padding:8px 12px;gap:12px}.brand{gap:7px}.brand>span{font-size:16px}.brand small{font-size:8px}.brand img{width:34px;height:34px}.nav-links{display:none}.nav-cta{padding:11px 15px;font-size:12px;gap:12px}.scene{min-height:590px}.hero-copy{top:19%;left:5%;right:5%}.eyebrow{font-size:12px;letter-spacing:.09em;margin-bottom:20px}.hero-copy h1{font-size:clamp(48px,10vw,72px);line-height:1.09}.hero-actions{margin-top:25px;gap:20px}.pill{font-size:13px;padding:12px 18px;gap:15px}.text-link{font-size:13px;gap:12px}.scene-bottom{font-size:12px;bottom:22px}.scene-bottom>span:first-child{display:none}.scene-bottom a{gap:12px}.model-fallback{height:65%;top:47%}}
.journey{height:580svh}.journey-anchor{position:absolute;top:21%;left:0}.chapter{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;will-change:opacity,transform}.chapter-one{inset:22% auto auto 7%;width:32%}.chapter h2{font:500 clamp(46px,5.8vw,92px)/1.07 var(--display);letter-spacing:-.025em;margin:0}.chapter .eyebrow{color:var(--blue-light)}.chapter-intro{font-size:16px;line-height:1.65;color:#dfdcde;margin:25px 0 0}.detail-list{margin-top:28px;max-width:340px}.detail-list>div{display:flex;gap:20px;border-top:1px solid #ffffff25;padding:14px 0}.detail-list>div>span{font:400 12px var(--display);color:#bcb8ba;padding-top:3px}.detail-list p{font:400 14px var(--display);letter-spacing:.035em;margin:0}.detail-list small{display:block;font:13px/1.6 Arial;color:#bab6b8;letter-spacing:0;margin-top:4px}.chapter-two{inset:25% 7% auto auto;width:35%}.chapter-two h2{font-size:clamp(50px,6.4vw,100px)}.fine-note{border-top:1px solid #ffffff40;margin-top:35px;padding-top:18px;display:flex;align-items:center;gap:18px;max-width:310px}.note-number{width:36px;height:36px;border:1px solid #ffffff50;border-radius:100%;display:grid;place-items:center;font:12px var(--display)}.fine-note p{font:14px var(--display);margin:0}.fine-note small{font:13px Arial;color:#bab6b8;display:block;margin-top:7px}.guide-rings{position:absolute;z-index:0;left:3%;top:22%;width:48vw;height:48vw;opacity:0;transform:rotateX(55deg);pointer-events:none}.guide-rings i{position:absolute;inset:0;border:1px solid #ffffff1e;border-radius:50%}.guide-rings i:nth-child(2){inset:12%}.guide-rings i:nth-child(3){inset:24%}.chapter-three{z-index:1}.giant-number{position:absolute;left:3%;right:3%;top:18%;text-align:center;font:500 clamp(160px,42vw,650px)/1 var(--display);letter-spacing:-.08em;color:#454145}.giant-number>span{font-size:.4em;vertical-align:top;display:inline-block;margin:10% 0 0 .08em}.orbit-copy{position:absolute;left:7%;top:22%}.orbit-copy h2{font-size:clamp(40px,4vw,64px)}.orbit-note{position:absolute;right:7%;bottom:19%;width:20%;font:400 14px/1.6 var(--display);letter-spacing:.02em}.orbit-note i{display:block;width:80px;height:1px;background:#ffffff70;margin:20px 0}.orbit-note p{font:14px/1.65 Arial;color:#d2ced0;margin:0}.chapter-progress{position:absolute;z-index:8;left:0;right:0;bottom:0;height:2px;background:#ffffff12}.chapter-progress i{display:block;height:100%;background:#47c5f8;width:0}.scene-bottom{transition:opacity .2s}.on-dark .nav{background:#312e2f85}.on-light .nav{background:#ffffffbf;border-color:#312e2f26;color:var(--navy)}.on-light .brand img{filter:brightness(0) saturate(100%) invert(12%) sepia(21%) saturate(2060%) hue-rotate(183deg)}.on-light .nav-cta{border-color:#312e2f55}.on-light .nav-cta:hover{background:var(--navy);color:white}.hero-copy{will-change:transform,opacity}.hero-copy h1{animation:enter-title 1s cubic-bezier(.2,.7,.1,1) both}.hero-copy .eyebrow{animation:enter-title 1s .05s both}.hero-actions{animation:enter-title 1s .15s both}@keyframes enter-title{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.material-line{position:relative;z-index:8;background:var(--white);color:var(--navy);padding:65px 0 70px;overflow:hidden}.line-top,.line-bottom{margin:0 7%;display:flex;justify-content:space-between;align-items:center}.line-top{font:12px var(--display);letter-spacing:.04em;padding-bottom:38px;border-bottom:1px solid #312e2f25}.moving-type{font:500 clamp(90px,15vw,250px)/1.4 var(--display);letter-spacing:-.035em;white-space:nowrap;width:max-content;will-change:transform;color:var(--blue)}.line-bottom{border-top:1px solid #312e2f25;padding-top:30px}.line-bottom p{font-size:16px;line-height:1.7;margin:0}.line-bottom>span{font-size:50px;font-weight:400}
.collection{height:260svh;background:var(--white);color:var(--navy);position:relative;z-index:8}.collection-sticky{position:sticky;top:0;height:100svh;min-height:760px;overflow:hidden;padding-top:140px}.collection-heading{display:flex;justify-content:space-between;align-items:end;margin:0 7% 30px;gap:30px}.collection-heading .eyebrow{color:#696566;margin:0 0 13px}.collection-heading h2{font:500 clamp(38px,4.2vw,64px)/1.05 var(--display);letter-spacing:-.025em;margin:0}.collection-heading>p{font-size:14px;line-height:1.65;color:#6b6769;margin:0 0 4px}.gallery-window{overflow:hidden;width:100%;padding-left:7%;padding-right:7%}.gallery-track{display:flex;gap:24px;width:max-content;will-change:transform}.product-card{width:48vw;max-width:760px;background:#f3f3f3;border:1px solid #e3e1e2;border-radius:12px;overflow:hidden;flex:none;padding:23px 30px 24px}.card-top{display:flex;align-items:center;justify-content:space-between;font:12px var(--display);letter-spacing:.06em;color:#6b6769}.tiny-mark{width:28px;height:28px;border:1px solid #6b676940;border-radius:100%;display:grid;place-items:center;font:18px Arial}.card-image{height:clamp(220px,36svh,490px);position:relative}.card-image:before{content:'';position:absolute;left:33%;right:33%;bottom:3%;height:5%;background:#312e2f22;border-radius:50%;filter:blur(15px)}.card-image img{display:block;width:100%;height:100%;object-fit:contain;position:relative;transition:transform .6s}.product-card:hover .card-image img{transform:translateY(-5px)}.card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:end;border-top:1px solid #312e2f20;padding-top:18px}.card-bottom h3{font:400 clamp(18px,1.6vw,24px) var(--display);margin:0 0 7px}.card-bottom p{font-size:13px;color:#6b6769;margin:0}.card-bottom>span{font:400 34px var(--display);color:#817c7e}.gallery-footer{margin:24px 7% 0;display:flex;justify-content:space-between;gap:40px;align-items:center;font:12px var(--display);letter-spacing:.04em}.gallery-footer>span:first-child{display:flex;gap:22px;align-items:center}.gallery-footer>span:first-child>span{font:23px Arial}.gallery-progress{height:1px;background:#312e2f20;max-width:260px;width:25%}.gallery-progress i{display:block;height:100%;background:var(--blue);width:0}
.closing{position:relative;z-index:8;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#7190d0,#4260aa 65%);padding:100px 7% 0}.closing-main{position:relative;min-height:520px;padding:0 0 70px}.closing-main h2{font:500 clamp(64px,8vw,128px)/1.04 var(--display);letter-spacing:-.035em;margin:0;position:relative;z-index:2}.closing-description{font-size:16px;line-height:1.65;margin:25px 0;position:relative;z-index:2;max-width:320px}.closing-main .pill{position:relative;z-index:2}.closing-product{position:absolute;width:58%;height:120%;object-fit:contain;right:-2%;top:-14%;transform:rotate(15deg);will-change:transform}.closing-wordmark{font:700 17.4vw/.94 Arial,Helvetica,sans-serif;letter-spacing:-.085em;white-space:nowrap;margin:35px 0 0 -1.2vw;border-bottom:1px solid #ffffff50;padding-bottom:40px;position:relative;z-index:1}.closing-wordmark span{font-size:2vw;vertical-align:top;margin:1vw 0 0 2.2vw;letter-spacing:0;display:inline-block}.closing footer{font:12px var(--display);letter-spacing:.025em;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0 38px}.closing footer>div{display:flex;gap:24px}.closing footer a:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1600px){.chapter-one{top:23%}.detail-list{margin-top:40px}.detail-list>div{padding:18px 0}.collection-sticky{padding-top:150px}.collection-heading{margin-bottom:45px}.card-image{height:40svh}}
@media(max-width:1000px) and (min-width:761px){.chapter-one{width:37%;left:6%;top:23%}.chapter h2{font-size:54px}.chapter-two{right:5%;width:38%}.chapter-intro{font-size:14px}.detail-list small{font-size:12px}.collection-sticky{padding-top:135px}.collection-heading>p{max-width:230px}.product-card{width:58vw}.card-image{height:32svh}.closing-main{min-height:480px}}
@media(max-width:760px){.journey{height:560svh}.scene{min-height:590px}.chapter-one{inset:16% 6% auto;width:auto}.chapter .eyebrow{font-size:12px;margin-bottom:14px}.chapter h2{font-size:clamp(39px,9vw,60px);line-height:1.1}.chapter-one h2 br:first-child{display:none}.chapter-intro{font-size:14px;line-height:1.5;margin-top:18px}.chapter-one .chapter-intro{display:none}.detail-list{position:absolute;right:0;top:3px;width:35%;margin:0}.detail-list>div{padding:11px 0;gap:8px}.detail-list>div>span{font-size:11px}.detail-list p{font-size:12px;letter-spacing:0}.detail-list small{display:none}.chapter-one h2{width:60%}.chapter-two{inset:16% 6% auto;width:auto}.chapter-two h2 br:first-child{display:none}.chapter-two h2{font-size:clamp(40px,10vw,64px)}.chapter-two .chapter-intro{max-width:60%;font-size:14px}.fine-note{position:absolute;right:0;bottom:0;width:34%;margin:0;padding-top:14px;gap:8px}.fine-note .note-number{display:none}.fine-note p{font-size:12px}.fine-note small{font-size:12px;line-height:1.5}.guide-rings{left:4%;top:42%;width:92vw;height:92vw}.giant-number{top:34%;left:0;right:0;font-size:76vw}.orbit-copy{left:6%;top:17%}.orbit-copy h2{font-size:48px}.orbit-note{right:6%;bottom:13%;width:37%;font-size:12px}.orbit-note p{display:none}.orbit-note i{width:35px;margin:10px 0}.material-line{padding:40px 0}.line-top,.line-bottom{margin-left:6%;margin-right:6%}.line-top{padding-bottom:24px;font-size:12px}.line-top>span:last-child{display:none}.moving-type{font-size:100px;line-height:1.65}.line-bottom{padding-top:24px}.line-bottom p{font-size:14px}.line-bottom>span{font-size:38px}.collection{height:240svh}.collection-sticky{min-height:710px;padding-top:113px}.collection-heading{margin:0 6% 25px;display:block}.collection-heading h2{font-size:40px}.collection-heading>p{font-size:13px;line-height:1.5;margin-top:15px;max-width:300px}.collection-heading>p br{display:none}.collection-heading .eyebrow{font-size:12px;margin-bottom:12px}.gallery-window{padding-left:6%;padding-right:6%}.gallery-track{gap:14px}.product-card{width:82vw;padding:15px 18px 18px;border-radius:9px}.card-image{height:29svh;min-height:205px}.card-top{font-size:12px}.card-bottom{padding-top:14px}.card-bottom h3{font-size:18px}.card-bottom p{font-size:12px;line-height:1.45;max-width:200px}.card-bottom>span{font-size:27px}.gallery-footer{margin:20px 6% 0;font-size:12px;gap:15px}.gallery-footer>span:first-child{gap:10px}.gallery-progress{width:19%}.closing{padding:70px 6% 0}.closing-main{min-height:730px;padding-bottom:0}.closing-main h2{font-size:68px}.closing-description{font-size:14px;max-width:250px}.closing-product{width:125%;height:64%;right:-18%;top:40%;transform:rotate(12deg)}.closing-wordmark{font-size:18.3vw;margin-left:-1vw;margin-top:20px;padding-bottom:26px}.closing-wordmark span{font-size:3vw;margin-left:1vw}.closing footer{padding:24px 0 30px;flex-wrap:wrap;font-size:12px;gap:22px}.closing footer>span:last-child{display:none}.closing footer>div{gap:20px}}
@media(max-height:740px) and (min-width:761px){.hero-copy{top:21%}.hero-copy h1{font-size:65px}.hero-copy .eyebrow{margin-bottom:12px}.hero-actions{margin-top:20px}.chapter-one{top:20%}.chapter h2{font-size:54px}.detail-list{margin-top:18px}.detail-list>div{padding:9px 0}.chapter-intro{margin-top:18px;font-size:14px}.collection-sticky{min-height:650px;padding-top:115px}.collection-heading h2{font-size:38px}.collection-heading{margin-bottom:20px}.card-image{height:28svh;min-height:180px}.product-card{padding:16px 24px}.gallery-footer{margin-top:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.journey{height:400svh}.collection{height:auto}.collection-sticky{position:relative;height:auto;padding-bottom:60px}.gallery-window{overflow-x:auto}.gallery-track{transform:none!important}.gallery-progress{display:none}.moving-type{transform:none!important}.closing-product{transform:rotate(12deg)!important}}
.closing-wordmark{font-size:22vw}@media(max-width:760px){.closing-wordmark{font-size:22.5vw}.chapter-one h2 br:first-child,.chapter-two h2 br:first-child{display:initial}}
