:root{--ink:#202725;--paper:#eee6d9;--metal:#cfa46a;--muted:#aab4a9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--metal);outline-offset:5px}.demo{display:flex;justify-content:space-between;gap:15px;padding:12px 5vw;background:#cfa46a;color:#202725;font-size:9px;letter-spacing:.06em}header{display:flex;justify-content:space-between;align-items:center;padding:30px 5vw;gap:25px}.logo{font:800 26px/.9 Manrope,sans-serif;font-style:italic;letter-spacing:-.045em}.logo span{display:block;font:500 7px 'DM Sans',sans-serif;letter-spacing:.2em;color:var(--metal);margin-top:10px}nav{display:flex;align-items:center;gap:30px;font-size:11px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:0;border-radius:3px;background:var(--metal);color:#202725;padding:18px 23px;font-size:12px;font-weight:600;cursor:pointer}.button.small{padding:13px 18px;font-size:10px}.hero{position:relative;min-height:720px;padding:105px 5vw 90px;overflow:hidden;isolation:isolate}.hero-copy{position:relative;z-index:3;max-width:55%}.kicker{font-size:9px;letter-spacing:.14em;line-height:1.6;color:var(--metal)}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(65px,7.3vw,115px);letter-spacing:-.065em;line-height:1.02;font-weight:500;margin:35px 0}em{font-style:normal;color:var(--metal)}.intro{max-width:370px;font-size:15px;line-height:1.7;color:var(--muted)}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:35px}.text-link{font-size:11px;border-bottom:1px solid #cfa46a60;padding-bottom:7px}.hero-note{font-size:10px;color:#839287;margin-top:35px}.machine{position:absolute;right:-2%;top:8%;width:50%;height:80%;z-index:0;perspective:1000px}.machine-grid{position:absolute;inset:-30px;background:linear-gradient(#aab4a910 1px,transparent 1px),linear-gradient(90deg,#aab4a910 1px,transparent 1px);background-size:65px 65px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.rotor{position:absolute;border-radius:50%;width:85%;aspect-ratio:1;top:8%;left:5%;background:repeating-conic-gradient(#1b231e 0 13deg,#cfa46a 14deg 16deg,#819182 17deg 20deg);box-shadow:inset 0 0 0 25px #151d18,inset 0 0 0 28px #cfa46a,0 30px 60px #0007;animation:rotor 26s linear infinite}.rotor-back{opacity:.45;scale:.88;translate:60px -35px;background:repeating-conic-gradient(#899684 0 10deg,#161f1a 11deg 20deg);animation-direction:reverse}.rotor-front{transform:rotateY(-18deg)}.rotor-hub{position:absolute;inset:20%;border:8px solid #99a18e;border-radius:50%;background:radial-gradient(circle,#131b16 25%,#445044 75%);box-shadow:inset 0 0 0 35px #243126,inset 0 0 0 37px #cfa46a}.rotor-hub:after{content:'';position:absolute;inset:39%;border:5px solid #cfa46a;border-radius:50%;background:#132016}.bolts{position:absolute;inset:32%;animation:rotor 26s linear infinite reverse}.bolts i{position:absolute;width:8px;height:8px;background:#cfa46a;border-radius:50%;left:50%;top:0}.bolts i:nth-child(2){left:96%;top:40%}.bolts i:nth-child(3){left:80%;top:90%}.bolts i:nth-child(4){left:20%;top:90%}.bolts i:nth-child(5){left:0;top:40%}.axis{position:absolute;right:0;top:50%;width:18%;height:2px;background:var(--metal)}.machine-caption{position:absolute;left:12%;bottom:0;border-left:1px solid #cfa46a80;padding:0 0 0 20px}.machine-caption span{font-size:8px;color:#9caa9d;letter-spacing:.12em}.machine-caption b{font:500 24px/1.1 Manrope,sans-serif;display:block;margin-top:12px}.dimension{position:absolute;right:10%;top:0;font-size:8px;letter-spacing:.16em;color:#788b7b}.pause{position:absolute;right:5vw;bottom:20px;background:none;border:0;color:#879789;font-size:10px;cursor:pointer}.paused *{animation-play-state:paused!important}.principles{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 5vw;border-top:1px solid #72847430;border-bottom:1px solid #72847430;font-size:12px;gap:30px}.principles i{font-size:9px;color:var(--metal);font-style:normal;margin-right:15px}.section{padding:100px 6vw}.section h2{font:500 clamp(38px,4.7vw,74px)/1.1 Manrope,sans-serif;letter-spacing:-.05em;margin:25px 0 35px}.section-head>p:last-child{max-width:450px;color:var(--muted);font-size:13px;line-height:1.7}.service-console{display:grid;grid-template-columns:1fr 1.4fr;gap:7vw;margin-top:65px}.service-tabs{display:flex;flex-direction:column}.service-tabs button{display:flex;align-items:center;gap:20px;padding:25px 5px;border:0;border-top:1px solid #72847440;background:none;color:#879789;font-size:10px;cursor:pointer;text-align:left}.service-tabs button span{flex:1;font:500 21px Manrope,sans-serif;color:#b5beb3}.service-tabs button[aria-selected=true]{color:var(--metal)}.service-tabs button[aria-selected=true] span{color:var(--paper)}#service-panel{position:relative;background:#29332c;border:1px solid #72847440;padding:40px;overflow:hidden;min-height:370px}#service-panel h3{font-size:33px;font-weight:500;letter-spacing:-.05em;margin:20px 0}#service-panel>p:not(.kicker){color:var(--muted);font-size:13px;line-height:1.7;max-width:370px}#service-panel ul{padding-left:16px;margin:25px 0;color:#bec9ba;font-size:12px;line-height:2.2}.panel-icon{position:absolute;right:25px;top:15px;font-size:100px;line-height:1;color:#cfa46a30}.process{background:#e3ddcf;color:#283126}.process em,.process .kicker{color:#806846}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:65px}.steps article{border-top:1px solid #53614e60;padding-top:25px}.steps article>span{font-size:10px;color:#806846}.steps h3{font-size:23px;letter-spacing:-.04em;font-weight:500}.steps p{font-size:12px;line-height:1.8;color:#69705f}.consult{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#29332c}.consult-note{font-size:12px;line-height:1.7;color:var(--muted);max-width:300px}form{align-self:center;display:grid;gap:20px}form label{font-size:13px}select{padding:16px;background:#202725;border:1px solid #728474;color:var(--paper);width:100%;font-size:13px;border-radius:2px}form button{justify-self:start}#consult-result{border-left:2px solid var(--metal);padding:15px 20px;background:#202725;font-size:13px;line-height:1.7}#consult-result b{display:block;color:var(--metal);margin-bottom:8px}.creator{position:relative;background:#cfa46a;color:#202725}.creator em,.creator .kicker{color:#5e4b30}.creator>p:not(.kicker){max-width:590px;font-size:13px;line-height:1.8}.creator .button{background:#202725;color:var(--paper);margin-top:25px}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 6vw;font-size:9px;color:var(--muted)}@keyframes rotor{to{rotate:360deg}}
@media(max-width:800px){.demo{font-size:8px;padding:12px 6vw}.demo>span{max-width:160px}.demo>a{max-width:130px;text-align:right}header{padding:25px 6vw}.logo{font-size:22px}nav>a:not(.button){display:none}.button.small{font-size:9px;padding:12px;max-width:125px}.hero{padding:60px 6vw 65px;min-height:1080px}.hero-copy{max-width:100%}h1{font-size:clamp(53px,11vw,82px);margin-top:25px}.intro{font-size:14px;max-width:310px}.hero-actions{gap:18px;flex-wrap:wrap}.button{font-size:11px;padding:16px 18px}.hero-note{margin-top:25px}.machine{top:52%;width:100%;height:40%;right:-8%}.rotor{width:80%;left:4%}.machine-caption{left:7%;bottom:-10px}.machine-caption b{font-size:22px}.dimension{right:18%}.axis{right:0}.principles{grid-template-columns:1fr;padding:25px 6vw;gap:17px}.section{padding:65px 6vw}.section h2{font-size:clamp(35px,7.5vw,50px)}.service-console{grid-template-columns:1fr;gap:25px;margin-top:35px}.service-tabs button{padding:20px 5px}.service-tabs button span{font-size:19px}#service-panel{padding:28px;min-height:370px}#service-panel h3{font-size:29px}.steps{grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.steps h3{font-size:20px}.consult{grid-template-columns:1fr;gap:30px}footer{flex-wrap:wrap;line-height:1.6}.creator .button{font-size:10px}}
@media(max-width:360px){.hero{min-height:1050px}.machine{top:56%;height:35%}.steps{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.pause{display:none}}
@media(min-width:361px) and (max-width:800px){.hero{min-height:940px}.machine{top:50%;height:39%}}
.design-decisions .steps{grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.design-decisions .steps{grid-template-columns:1fr}}
.offscreen *{animation-play-state:paused!important}