@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root{--paper:#f1eee7;--ink:#11110f;--red:#a7352c;--line:rgba(17,17,15,.18);--muted:#69675f;--dark:#11110f;--light:#f4f1ea}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.loader{position:fixed;inset:0;background:var(--ink);z-index:9999;display:grid;place-items:center;transition:opacity .7s,visibility .7s}.loader span{height:2px;width:min(36vw,440px);background:#34342f;position:relative;overflow:hidden}.loader span:after{content:"";position:absolute;inset:0;background:var(--paper);transform:translateX(-100%);animation:load 1.15s ease forwards}@keyframes load{to{transform:none}}body.loaded .loader{opacity:0;visibility:hidden}
.site-header{height:92px;display:flex;align-items:center;padding:0 3vw;border-bottom:1px solid var(--line);position:relative;z-index:20}.wordmark{width:180px;line-height:.92;font-size:9px;letter-spacing:.16em}.wordmark span,.wordmark strong{display:block}.wordmark strong{font-size:19px;letter-spacing:-.04em;margin-top:4px}.main-nav{margin-left:auto;display:flex;gap:2.3vw;font-size:10px;font-weight:600;letter-spacing:.1em}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:.35s}.main-nav a:hover:after{right:0}.menu-toggle{display:none;background:none;border:0;font-size:10px;letter-spacing:.1em}
.section{padding:32px 3vw 110px}.section-number{font-size:9px;letter-spacing:.14em;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:62px}.hero{padding-top:24px;min-height:calc(100vh - 92px)}.eyebrow,.kicker{font-size:9px;font-weight:600;letter-spacing:.15em}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:end;min-height:72vh}.display{font-size:clamp(62px,8.4vw,150px);line-height:.79;letter-spacing:-.075em;margin:0;text-transform:uppercase}.display span{display:block}.lead{font-size:clamp(15px,1.25vw,20px);max-width:620px;margin:44px 0 34px}.text-link{font-size:10px;font-weight:600;letter-spacing:.12em;border-bottom:1px solid;padding-bottom:7px}.text-link span{margin-left:16px}.product-stage{background:#ded8cc;aspect-ratio:4/5;position:relative;overflow:hidden}.hero-stage{max-height:69vh}.object-hook{position:absolute;inset:0;display:grid;place-items:center}.object-hook .shaft{width:14%;height:49%;background:#151513;border-radius:999px;position:absolute;box-shadow:12px 20px 35px #0003}.object-hook .cap{width:17%;aspect-ratio:1;border-radius:50%;background:#20201d;position:absolute;top:22%;z-index:2}.object-hook .base{width:31%;height:4%;border-radius:50%;background:#aaa398;position:absolute;bottom:22%}.stage-code,.stage-note{position:absolute;bottom:18px;font-size:8px;letter-spacing:.13em}.stage-code{left:18px}.stage-note{right:18px}
.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2,.engineering h2,.finder h2,.history h2,.faq h2{font-size:clamp(52px,7.2vw,125px);line-height:.82;letter-spacing:-.07em;margin:0}.section-heading p{width:28%;font-size:16px}.section-heading em{font-family:Georgia,serif;font-weight:400}.size-objects{height:340px;margin-top:80px;display:flex;justify-content:center;align-items:end;gap:10vw;border-bottom:1px solid var(--line)}.mini-member{width:64px;background:var(--ink);border-radius:40px 40px 5px 5px;box-shadow:9px 14px 24px #0002}.mini-member.short{height:120px}.mini-member.medium{height:190px}.mini-member.long{height:275px}.size-labels{display:flex;justify-content:center;gap:10vw}.size-labels span{width:64px;text-align:center;padding-top:12px;font-size:8px;letter-spacing:.15em}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.product-card{background:var(--paper);position:relative}.card-visual{height:50vh;min-height:390px;display:grid;place-items:center;position:relative;background:#e9e5dc;overflow:hidden}.card-visual>span{position:absolute;top:16px;right:16px;font-size:8px}.card-meta{padding:24px 20px 30px}.card-meta h3{font-size:18px;margin:0 0 7px}.card-meta p{margin:0 0 25px;color:var(--muted)}.card-meta small{font-size:8px;letter-spacing:.12em}.product-shape{background:#171715;width:45px;border-radius:30px 30px 5px 5px;box-shadow:10px 14px 25px #0002}.shape-short{height:105px}.shape-classic{height:160px}.shape-long{height:230px}.shape-thick{height:165px;width:70px}.shape-curved{height:190px;transform:rotate(13deg);border-radius:50% 50% 8px 25px}.shape-big{height:270px;width:76px}.featured .card-visual{background:#d7d0c3}.badge{position:absolute;z-index:2;left:15px;top:15px;background:var(--red);color:white;padding:7px 10px;font-size:8px;letter-spacing:.12em}
.engineering{background:var(--dark);color:var(--light)}.engineering .section-number{border-color:#ffffff2b}.engineering-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.engineering-copy p{max-width:430px;margin-top:45px;color:#bbb7ae}.technical{border:1px solid #ffffff30;padding:20px}.tech-title{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em}.diagram{height:450px;position:relative;display:grid;place-items:center;border-bottom:1px solid #ffffff25}.diagram-object{position:relative;width:300px;height:200px}.diagram-object i{position:absolute;background:none;border:1px solid #ffffff99}.diagram-object i:nth-child(1){width:180px;height:54px;border-radius:30px;top:75px;left:55px}.diagram-object i:nth-child(2){width:70px;height:70px;border-radius:50%;top:67px;left:30px}.diagram-object i:nth-child(3){width:16px;height:105px;top:49px;right:55px}.measure{position:absolute;font-size:8px;letter-spacing:.1em;color:#bdb8ae}.measure.horizontal{bottom:50px;width:55%;border-top:1px solid #ffffff80;text-align:center;padding-top:8px}.measure.vertical{right:50px;height:48%;border-left:1px solid #ffffff80}.measure.vertical span{display:block;transform:rotate(90deg) translate(25px,-22px);transform-origin:left top;white-space:nowrap}.bars{padding-top:30px}.bars>div{display:grid;grid-template-columns:110px 1fr 30px;gap:15px;align-items:center;margin:17px 0;font-size:8px;letter-spacing:.1em}.bars i{height:2px;background:#ffffff20;position:relative}.bars i:after{content:"";position:absolute;inset:0 auto 0 0;width:0;background:var(--light);transition:width 1.4s ease}.bars.animate i:after{width:var(--value)}.bars b{font-weight:400}
.finder{padding-bottom:140px}.finder-intro{max-width:1000px}.finder-intro>p:last-child{font-size:16px;margin-top:35px}.finder-card{margin:80px auto 0;max-width:950px;border-top:1px solid var(--ink);padding-top:18px}.progress{display:flex;align-items:center;gap:18px;margin-bottom:70px}.progress i{height:2px;flex:1;background:var(--line);position:relative}.progress i:after{content:"";display:block;width:33.333%;height:100%;background:var(--red);transition:.5s}.progress[data-progress="2"] i:after{width:66.666%}.progress[data-progress="3"] i:after{width:100%}.progress span{font-size:8px;letter-spacing:.1em}.finder-step{border:0;padding:0;margin:0;display:none}.finder-step.active{display:block;animation:fade .45s ease}.finder-step legend{font-size:clamp(30px,4vw,55px);font-weight:600;letter-spacing:-.04em;margin-bottom:45px}.finder-step legend small{display:block;font-size:8px;letter-spacing:.12em;margin-bottom:14px}.finder-step label{display:flex;border-top:1px solid var(--line);padding:20px 5px;cursor:pointer;font-size:16px}.finder-step label:last-child{border-bottom:1px solid var(--line)}.finder-step input{appearance:none;width:18px;height:18px;border:1px solid var(--ink);border-radius:50%;margin:1px 18px 0 0}.finder-step input:checked{box-shadow:inset 0 0 0 5px var(--paper);background:var(--red);border-color:var(--red)}.finder-result{display:none;text-align:center;padding:30px 0}.finder-result.show{display:block;animation:fade .6s}.finder-result small{font-size:9px;letter-spacing:.14em}.finder-result small span{color:var(--red)}.finder-result h3{font-size:clamp(48px,7vw,100px);letter-spacing:-.065em;margin:30px 0 5px}.finder-result p{font-size:18px}.finder-result em{display:block;font-family:Georgia,serif;font-size:17px;margin:10px 0 45px}.button{background:var(--ink);color:white;border:0;padding:18px 28px;font-size:9px;letter-spacing:.12em;cursor:pointer}.reset{display:block;margin:18px auto;background:none;border:0;border-bottom:1px solid;font-size:8px;letter-spacing:.12em;cursor:pointer}
.history-head{display:flex;justify-content:space-between}.history-head p{width:30%;font-size:16px}.timeline{margin-top:100px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.timeline article{padding:20px 22px 70px 0;border-right:1px solid var(--line);min-height:260px}.timeline article:not(:first-child){padding-left:22px}.timeline time{font-size:10px;letter-spacing:.12em}.timeline h3{margin-top:75px;font-size:16px}.timeline p{color:var(--muted);max-width:210px}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw}.accordions details{border-top:1px solid var(--line);padding:0}.accordions details:last-child{border-bottom:1px solid var(--line)}.accordions summary{list-style:none;cursor:pointer;padding:25px 0;font-size:17px;display:flex;justify-content:space-between}.accordions summary::-webkit-details-marker{display:none}.accordions summary span{font-size:20px;font-weight:300;transition:.3s}.accordions details[open] summary span{transform:rotate(45deg)}.accordions details p{max-width:580px;margin:0 0 30px;color:var(--muted);font-size:15px}
.manifesto{background:var(--red);color:#f5eee5;padding:8vw 3vw}.manifesto p{font-size:clamp(55px,9.5vw,165px);line-height:.8;letter-spacing:-.075em;margin:0}
.footer{background:var(--ink);color:var(--light);padding:70px 3vw 20px}.footer-top{display:grid;grid-template-columns:1.3fr .8fr .8fr 1.3fr;gap:4vw;padding-bottom:100px}.footer strong{font-size:22px;line-height:.95}.footer h4{font-size:8px;letter-spacing:.14em;margin:0 0 24px}.footer a{display:block;color:#aaa79f;margin:9px 0}.footer p{color:#aaa79f}.newsletter label{display:flex;border-bottom:1px solid #ffffff55;margin-top:35px}.newsletter input{background:none;border:0;outline:0;color:white;padding:12px 0;flex:1;font-size:9px;letter-spacing:.1em}.newsletter button{background:none;color:white;border:0;font-size:8px;letter-spacing:.1em;cursor:pointer}.newsletter small{display:block;margin-top:10px;color:#aaa79f}.footer-bottom{border-top:1px solid #ffffff2a;padding-top:18px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.12em;color:#8e8b84}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:white;padding:16px 20px;font-size:11px;transform:translateY(100px);opacity:0;transition:.4s;z-index:30}.toast.show{transform:none;opacity:1}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:900px){.site-header{height:72px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:25px 3vw;flex-direction:column;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.hero-grid{grid-template-columns:1fr;align-items:start;padding-top:70px}.hero-stage{margin-top:40px;aspect-ratio:1/1}.section{padding-bottom:80px}.section-heading,.history-head{display:block}.section-heading p,.history-head p{width:100%;margin-top:30px}.collection-grid{grid-template-columns:1fr 1fr}.engineering-grid,.faq-grid{grid-template-columns:1fr}.technical{margin-top:40px}.timeline{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr 1fr}.manifesto{padding:12vw 3vw}}
@media(max-width:580px){.section{padding-left:18px;padding-right:18px}.site-header{padding:0 18px}.display{font-size:17vw}.hero{min-height:auto}.hero-grid{min-height:auto}.collection-grid{grid-template-columns:1fr}.card-visual{height:55vh}.size-objects{gap:14vw;height:290px}.mini-member{width:48px}.size-labels{gap:14vw}.size-labels span{width:48px}.engineering h2,.finder h2,.history h2,.faq h2,.section-heading h2{font-size:15vw}.diagram{height:330px}.timeline{grid-template-columns:1fr}.timeline article{border-right:0;border-bottom:1px solid var(--line);min-height:180px}.timeline article:not(:first-child){padding-left:0}.timeline h3{margin-top:45px}.footer{padding-left:18px;padding-right:18px}.footer-top{grid-template-columns:1fr;gap:45px;padding-bottom:70px}.footer-bottom{gap:15px;flex-direction:column}.manifesto{padding-left:18px;padding-right:18px}.manifesto p{font-size:15vw}.finder-step legend{font-size:9vw}}
