@font-face{font-family:Manrope;src:url('/assets/fonts/manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('/assets/fonts/noto-sans-sc.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--font:Manrope,'Noto Sans SC',sans-serif;--mono:Manrope,'Noto Sans SC',sans-serif;--ease:cubic-bezier(.2,.75,.2,1)}
body{font-family:var(--font);font-size:15px;font-optical-sizing:auto;text-rendering:optimizeLegibility}
.nav{position:sticky;top:0;backdrop-filter:blur(20px);background:#080c14df;transition:height .35s var(--ease),box-shadow .35s}
.nav.is-scrolled{box-shadow:0 8px 35px #0004}
.nav nav{font-size:13px;font-weight:500;gap:32px}.nav nav a{position:relative;padding:8px 0}.nav nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.nav nav a:hover:after{transform:scaleX(1)}
.wordmark>span{font-size:25px;font-weight:800;letter-spacing:2px}.languages{font-size:12px;font-weight:600}.nav-contact{font-size:11px;letter-spacing:.04em;padding:14px 18px}
.hero{min-height:760px;padding-top:74px}.hero-content{max-width:850px}.hero .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:28px}
.hero h1{font-family:Manrope,'Noto Sans SC',sans-serif;font-size:clamp(84px,9.5vw,145px);font-weight:550;line-height:1.04;letter-spacing:-.065em;padding-bottom:.12em}
.outline-word{-webkit-text-stroke:0;color:var(--accent);background:linear-gradient(115deg,var(--accent) 15%,#b8e9ff 55%,#e3d8ff 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:180% 100%;animation:colour-flow 9s ease-in-out infinite alternate}
.hero-description{font-size:16px;line-height:1.85;max-width:430px;color:#acb9c9;margin-top:22px;font-weight:400;letter-spacing:0}
.hero-actions{margin-top:30px}.button{font-size:12px;letter-spacing:.015em;font-weight:650;padding:18px 22px;position:relative;isolation:isolate;overflow:hidden}.button:before{content:'';position:absolute;inset:0;background:#ffffff19;transform:translateX(-105%) skewX(-15deg);transition:transform .55s var(--ease);z-index:-1}.button:hover:before{transform:translateX(0) skewX(0)}.button>span:last-child{transition:transform .35s var(--ease)}.button:hover>span:last-child{transform:translate(3px,-3px)}.quiet-link{font-size:12px;font-weight:500}
.hero-instrument{font-size:10px;letter-spacing:.1em}.floating-tag{font-size:9px;letter-spacing:.08em;line-height:1.8}.floating-product>span{font-size:10px}.hero-floating{width:195px;right:5%;bottom:145px;animation:product-float 7s ease-in-out infinite}.hero-foot{font-size:9px;letter-spacing:.08em}.light-controls>span{font-size:9px}.light-chip{width:16px;height:16px}.hero-location{font-size:9px}.signal-dot{animation:signal-pulse 3.5s ease-in-out infinite}
.eyebrow{font-size:11px;letter-spacing:.1em;font-weight:600}.index{font-size:10px}.micro{font-size:10px;letter-spacing:.06em}.ticker>div{font-weight:550;letter-spacing:.08em;font-size:16px}
h2{font-weight:500;font-size:clamp(42px,4.8vw,70px);line-height:1.14;letter-spacing:-.045em}h2>span{color:#8d9fb2}.section-heading>p{font-size:14px;max-width:340px;line-height:1.85}.section-heading{margin-top:32px;margin-bottom:38px}
.product-tabs button{font-size:14px;font-weight:550;padding:22px}.product-tabs button>span:first-child{font-size:10px}.product-tabs button{transition:background .3s,color .3s}.product-information h3{font-weight:500;letter-spacing:-.035em;font-size:43px}.product-information>p{font-size:14px;line-height:1.85}.specifications dt{font-size:10px;letter-spacing:.03em;min-width:95px}.specifications dd{font-size:12px;line-height:1.75}.visual-label{font-size:10px}.visual-foot{font-size:9px}.product-pagination{font-size:10px}.product-visual>img{will-change:auto}
.season-controls button{font-size:12px;padding:10px 16px}.design-count{font-size:10px}.design-image>span{font-size:9px}.design-meta{font-size:12px;line-height:1.6}.design-meta>span:last-child{font-size:9px}.design-image{transition:box-shadow .4s var(--ease),transform .5s var(--ease);transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 10px 25px #0000}.design-card:hover .design-image{box-shadow:0 18px 45px #0003}.design-card:hover img{transform:scale(1.05)}.footnote{font-size:11px;line-height:1.8}
.manifesto-copy h2{font-size:clamp(42px,4.5vw,64px);letter-spacing:-.04em}.manifesto-copy>p:not(.eyebrow){font-size:14px;line-height:1.9}.company-numbers strong{font-size:54px;font-weight:500;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.company-numbers div>span{font-size:10px;letter-spacing:.05em}.image-coordinate{font-size:9px}.manifesto-image>img{transition:transform 1.4s var(--ease)}.manifesto-image:hover>img{transform:scale(1.04)}
.process-grid article{border:0;position:relative;padding-top:27px}.process-grid article:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--accent),#273849 80%);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease)}.process-grid article.is-visible:before{transform:scaleX(1)}.process-grid h3{font-size:22px;font-weight:500;letter-spacing:-.025em}.process-grid p{font-size:14px;line-height:1.85}.process-icon{font-size:17px}
.resource-section h2{font-size:43px;line-height:1.2;letter-spacing:-.04em}.resource-links b{font-size:14px}.resource-links small{font-size:12px}.file-icon{font-size:10px}.resource-links>a{transition:transform .35s var(--ease),border-color .3s,background .3s}.resource-links>a:hover{transform:translateX(5px);background:#ffffff03}
.contact-headline{font-size:clamp(95px,14vw,200px);font-weight:500;line-height:1.01;letter-spacing:-.065em}.contact-grid>div>a{font-size:14px}.contact-grid>div>p:not(.micro){font-size:13px}.contact-grid>div>.micro{font-size:10px}.contact-email{font-size:20px}.footer-logo{font-size:21px;font-weight:700}.footer-logo span{font-size:11px;letter-spacing:.08em}footer p,footer button,footer>div>a{font-size:11px}dialog p{font-size:14px}dialog h2{letter-spacing:-.035em}.dialog-details .button{font-size:10px}
.zh{font-family:Manrope,'Noto Sans SC',sans-serif}.zh .hero h1{font-size:clamp(68px,7.5vw,108px);font-weight:500;letter-spacing:.015em;line-height:1.28}.zh h2,.zh .manifesto-copy h2{font-weight:450;letter-spacing:.015em;line-height:1.4}.zh .hero-description{line-height:2}.zh .product-information h3{font-weight:500;letter-spacing:.015em}.zh .contact-headline{font-weight:450;letter-spacing:.015em;line-height:1.3}
.scroll-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none;box-shadow:0 0 12px rgba(var(--accent-rgb),.35)}
.motion-pending{opacity:0;transform:translateY(30px)}.motion-target{transition:opacity .85s var(--ease),transform .85s var(--ease);transition-delay:var(--reveal-delay,0ms)}.motion-target.is-visible{opacity:1;transform:none}.process-grid article{transition-delay:var(--reveal-delay,0ms)}
dialog[open]{animation:dialog-enter .45s var(--ease)}dialog[open]::backdrop{animation:backdrop-enter .35s ease-out}.hero-grid{animation:grid-drift 30s linear infinite}
@keyframes colour-flow{to{background-position:100% 50%}}@keyframes product-float{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-18px) rotate(7deg)}}@keyframes signal-pulse{50%{box-shadow:0 0 20px rgba(var(--accent-rgb),.9);opacity:.6}}@keyframes dialog-enter{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}@keyframes grid-drift{to{background-position:80px 80px}}
@media(min-width:801px) and (max-width:1100px){.hero h1{font-size:112px}.hero-content{max-width:720px}.hero-description{max-width:390px}.hero-floating{width:155px;right:4%}.product-tabs button{font-size:13px;padding:19px 15px}.product-information{padding:40px 30px}.specifications dt{font-size:9px;min-width:83px}.specifications dd{font-size:11px}.nav nav{gap:20px;font-size:12px}.nav-right{gap:18px}.wordmark>span{font-size:21px}}
@media(max-width:800px){.hero{min-height:895px;padding-top:64px}.hero h1{font-size:110px}.hero-floating{width:175px;bottom:110px}.hero-description{font-size:15px;max-width:420px}.hero-instrument{font-size:9px;bottom:330px}.hero-foot{font-size:8px}.hero-location{display:none}.hero .eyebrow{font-size:10px}.light-controls>span{font-size:8px}.section-heading h2,.manifesto-copy h2{font-size:49px}.section-heading>p{font-size:14px}.product-tabs button{padding:18px 13px;font-size:12px}.product-information h3{font-size:34px}.product-information>p{font-size:13px}.specifications dt{font-size:9px;min-width:75px}.specifications dd{font-size:11px}.product-information .button{font-size:10px}.design-meta{font-size:12px}.design-meta>span:last-child{font-size:8px}.process-grid h3{font-size:20px}.process-grid p{font-size:13px}.resource-links b{font-size:13px}.resource-links small{font-size:11px}.contact-headline{font-size:128px}.contact-arrow{font-size:155px}.contact-grid>div>p:not(.micro){font-size:13px}.zh .hero h1{font-size:85px}.zh .hero{min-height:895px}}
@media(max-width:520px){.wordmark>span{font-size:21px;letter-spacing:1.5px}.languages{font-size:11px}.nav-right{gap:14px}.nav{height:73px}.nav nav{top:72px}.hero{min-height:850px;padding-top:44px}.hero h1{font-size:clamp(56px,14.9vw,78px);letter-spacing:-.06em;line-height:1.13}.hero .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:27px}.hero-description{font-size:14px;max-width:330px;line-height:1.9;margin-top:20px}.hero-actions{gap:21px;margin-top:27px}.hero-actions .button{font-size:10px;padding:17px 14px;gap:16px}.hero-actions .quiet-link{font-size:11px;gap:10px}.hero-floating{width:151px;bottom:115px;right:8%}.floating-product>img{height:135px}.floating-product>span{font-size:9px}.floating-tag{font-size:8px;letter-spacing:.06em}.hero-instrument{font-size:8px;bottom:344px}.hero-foot{font-size:8px;gap:12px;bottom:31px}.scroll-line{width:24px}.light-controls{margin-left:auto}.light-controls>span{font-size:8px;letter-spacing:0}.light-chip{width:15px;height:15px}.eyebrow{font-size:10px;letter-spacing:.06em}.section-heading h2,.manifesto-copy h2{font-size:37px;letter-spacing:-.04em;line-height:1.2}.section-heading>p{font-size:13px}.product-tabs button{font-size:12px;padding:17px 12px}.product-information h3{font-size:33px}.product-information>p{font-size:13px}.product-information .button{font-size:10px;padding:17px 16px}.specifications dt{font-size:9px;min-width:85px}.specifications dd{font-size:11px}.season-controls{gap:8px}.season-controls button{font-size:11px;padding:9px 11px}.design-image>span{font-size:8px}.design-meta{font-size:11px;flex-wrap:wrap;gap:0}.design-meta>span:last-child{font-size:8px}.footnote{font-size:11px}.manifesto-copy>p:not(.eyebrow){font-size:13px}.company-numbers strong{font-size:45px}.company-numbers div>span{font-size:9px;letter-spacing:0}.company-numbers{gap:34px}.image-coordinate{font-size:7px}.process-grid article{padding-left:43px}.process-icon{font-size:14px}.process-grid h3{font-size:21px}.process-grid p{font-size:13px}.resource-section h2{font-size:34px}.resource-links b{font-size:13px}.resource-links small{font-size:11px}.contact-section>.eyebrow{font-size:9px;letter-spacing:.04em}.contact-headline{font-size:84px;letter-spacing:-.06em}.contact-arrow{font-size:110px}.contact-email{font-size:19px}.contact-grid>div>.micro{font-size:10px}.contact-grid>div>a{font-size:14px}.contact-grid>div>p:not(.micro){font-size:13px}footer p{font-size:10px}footer>div{gap:20px}.footer-logo{font-size:20px}.footer-logo span{font-size:10px}.zh .hero h1{font-size:clamp(48px,12.6vw,65px);line-height:1.42;letter-spacing:.015em}.zh .hero{min-height:850px}.zh .hero .eyebrow{font-size:9px;letter-spacing:.06em}.zh h2,.zh .manifesto-copy h2{font-size:32px;line-height:1.45;letter-spacing:.015em}.zh .contact-headline{font-size:68px}.zh .product-information h3{font-size:29px}.zh .resource-section h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-pending{opacity:1;transform:none}.process-grid article:before{transform:none}.hero-floating{transform:rotate(4deg)}}
