@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f3f0e8;--ink:#253a31;--muted:#6e766b;--line:#d7d9cd;--orange:#d9633d;--green:#dce3d4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}h1,h2,h3,p{margin:0}header{height:116px;display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:0 6%}.brand{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:700;line-height:1.12;letter-spacing:-.5px}.llc{font-size:10px;font-weight:400;letter-spacing:0}.symbol{font-size:35px;letter-spacing:-4px;border-right:1px solid var(--line);padding-right:20px}.symbol>span{font-size:18px;vertical-align:top;color:var(--orange);letter-spacing:0}nav{display:flex;gap:36px;align-items:center;font-size:12px}nav a:last-child{padding:12px 0;border-bottom:1px solid var(--ink)}nav a span{margin-left:18px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:660px;padding:60px 6% 85px;overflow:hidden}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;line-height:1.6}.status-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:8px}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(58px,6.4vw,94px);letter-spacing:-5px;line-height:1.05;font-weight:500;margin:27px 0}h1>span{color:var(--orange)}.intro{font-size:15px;line-height:1.8;color:var(--muted)}.button{display:inline-flex;gap:55px;align-items:center;background:var(--ink);color:var(--paper);font-size:12px;padding:18px 23px;border-radius:3px;margin-top:30px;transition:background .2s}.button:hover{background:var(--orange)}.composition{height:480px;position:relative;margin-left:20px}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;inset:25px 0}.o2{inset:70px 45px}.o3{inset:115px 90px}.axis{position:absolute;background:var(--line)}.horizontal{width:110%;height:1px;left:-5%;top:50%}.vertical{height:110%;width:1px;top:-5%;left:50%}.paper{position:absolute;width:64%;border-radius:5px;padding:23px;box-shadow:0 20px 45px #263c3120}.paper>span{font-size:8px;letter-spacing:1.5px}.paper-back{right:0;top:16px;background:#dae1d2;transform:rotate(13deg);color:#45664d}.paper-back svg{display:block;width:100%;margin-top:20px}.paper-front{left:0;bottom:30px;background:var(--ink);color:#e9eddf;transform:rotate(-9deg);animation:settle 1.2s ease-out both}.paper-mark{font:500 31px/1.2 Manrope,sans-serif;letter-spacing:-1.3px;margin:30px 0}.paper-mark span{display:block;color:#e7aa6f;font-size:40px;margin-top:15px}.paper-front svg{width:100%;color:#a8c1a1}.coord{position:absolute;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.coord-top{top:0;left:0}.coord-bottom{bottom:0;right:0}.accent-disc{position:absolute;bottom:70px;right:-7px;width:80px;height:80px;background:var(--orange);color:var(--paper);font-size:68px;line-height:80px;text-align:center;border-radius:50%;transform:rotate(-12deg)}.statement{border-block:1px solid var(--line);padding:25px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px}.statement span{font-size:8px;letter-spacing:1.2px}.statement p{font-size:13px}.section{padding:95px 6%;max-width:1440px;margin:auto}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:24px}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p:last-child{justify-self:end;color:var(--muted);font-size:14px;line-height:1.8}h2{font-size:clamp(33px,3.8vw,54px);line-height:1.15;letter-spacing:-2px;font-weight:500}.projects{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:45px}.project{min-width:0}.project-art{height:310px;border-radius:5px;position:relative;overflow:hidden;transition:transform .4s}.project:hover .project-art{transform:translateY(-5px)}.terminal-art{background:#132a22;color:#a8cdb6;padding:30px}.mini-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;padding-bottom:20px;border-bottom:1px solid #385246}.mini-top span:last-child{font-size:6px;color:#809b8a}.mini-body{display:flex;gap:23px;margin-top:20px}.mini-rail{width:30px;flex-shrink:0}.mini-rail i{display:block;height:4px;background:#54705e;margin-bottom:19px}.mini-rail i:nth-child(2){background:#c9a77a}.mini-chart{min-width:0;flex:1}.chart-label{font-size:7px;letter-spacing:1.5px}.mini-chart svg{width:100%;height:150px}.mini-panels{display:flex;justify-content:space-between;gap:6px;font-size:6px;letter-spacing:1px;border-top:1px solid #385246;padding-top:15px}.illustration-label{position:absolute;bottom:15px;left:30px;font-size:6px;letter-spacing:1px;opacity:.6}.cnc-art{background:#dce4d4;color:#345e4b}.cnc-art>svg{width:100%;height:100%}.cnc-label{position:absolute;top:23px;left:30px;font-size:8px;letter-spacing:1px}.project-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:26px 0 15px}.project-caption .eyebrow{font-size:8px;letter-spacing:1px;color:var(--muted)}h3{font-size:24px;font-weight:500;letter-spacing:-.8px}.project-caption h3{margin-top:10px}.project-caption h3 span{font-size:20px;color:var(--orange);margin-left:8px}.project-number{font-size:12px;color:var(--muted)}.project>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:430px}.inline-link{display:inline-block;font-size:11px;border-bottom:1px solid var(--line);padding:12px 0;margin-top:10px}.inline-link:hover{color:var(--orange)}.working-name{display:block;font-size:10px;color:var(--muted);margin-top:12px}.studio{border-top:1px solid var(--line)}.studio-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;margin-top:35px}.studio h2 span{color:#879380}.studio-grid p{font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:20px}.studio-grid .large-copy{font-size:21px;line-height:1.5;color:var(--ink)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:55px}.principles article{border-top:1px solid var(--line);padding-top:22px}.principles article>span{font-size:10px;color:var(--orange)}.principles h3{font-size:19px;margin:22px 0 12px}.principles p{font-size:13px;line-height:1.7;color:var(--muted)}.contact{background:var(--green);border-radius:6px;max-width:calc(100% - 12%);padding:55px 4%;margin-bottom:60px}.contact>div{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:35px}.contact h2{font-size:60px;letter-spacing:-3px}.contact h2 span{color:var(--orange)}.contact p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:22px}.contact a{font-size:clamp(11px,1.5vw,18px);border-bottom:1px solid #859985;padding-bottom:12px;display:inline-flex;gap:28px;overflow-wrap:anywhere}.contact a span{color:var(--orange)}footer{padding:25px 6% 45px;display:flex;justify-content:space-between;align-items:center;gap:25px}footer .brand{font-size:13px;gap:4px}footer p{font-size:10px;color:var(--muted)}footer>div{display:flex;gap:20px;font-size:9px;color:var(--muted)}.skip{position:absolute;top:-100px;background:var(--paper);padding:15px;z-index:10}.skip:focus{top:0}@keyframes settle{from{opacity:0;transform:translateY(25px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(-9deg)}}@media(min-width:1600px){.contact{max-width:1267px}}@media(max-width:850px){h1{letter-spacing:-3px}.hero{min-height:600px}.composition{height:370px}.paper{padding:18px}.paper-mark{font-size:23px;margin:20px 0}.accent-disc{height:60px;width:60px;line-height:60px;font-size:50px}.project-art{height:260px}.terminal-art{padding:22px}.mini-body{gap:12px}.mini-top span:last-child{display:none}.statement span:last-child{display:none}.studio-grid{gap:35px}.contact h2{font-size:46px}footer{flex-wrap:wrap}}@media(max-width:600px){header{height:95px}.brand{font-size:13px}.symbol{font-size:28px;padding-right:15px}nav{gap:20px;font-size:10px}nav a:nth-child(2){display:none}nav a:last-child{border:0}nav a span{margin-left:3px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:45px;gap:50px}h1{font-size:62px;letter-spacing:-3.5px}.eyebrow{font-size:8px;letter-spacing:1.2px}.intro{font-size:13px}.composition{height:365px;width:90%;margin:0 auto}.paper{width:62%}.paper-mark{font-size:25px}.statement{padding-block:20px;align-items:start;flex-direction:column;gap:10px}.statement p{font-size:12px}.section{padding-block:60px}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p:last-child{justify-self:start;font-size:13px}h2{font-size:34px;letter-spacing:-1.5px}.projects{grid-template-columns:1fr;gap:45px;margin-top:30px}.project-art{height:280px}.project-caption h3{font-size:24px}.studio-grid{grid-template-columns:1fr;gap:28px;margin-top:25px}.principles{grid-template-columns:1fr;gap:25px;margin-top:30px}.principles h3{margin-top:12px}.contact{padding:35px 7%;margin-bottom:30px}.contact>div{flex-direction:column;align-items:start;gap:30px}.contact h2{font-size:44px;letter-spacing:-2px}.contact a{font-size:11px;gap:12px}footer{flex-direction:column;align-items:start;gap:18px}footer>div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}