@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Great+Vibes&family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";:root{--ink:#f3f0e8;--muted:#96958e;--quiet:#696a63;--paper:#f3f0e8;--night:#11110f;--deep:#0c0d0c;--line:#f3f0e82e;--serif:"DM Serif Display", Georgia, serif;--sans:"Manrope", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", "Courier New", monospace;--script:"Great Vibes", cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--night);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid #b7ef67}.shell{width:min(1160px,100% - 64px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;min-height:88px;display:flex}.brand,.desktop-nav,.availability,.eyebrow,.project-topline,.stack-index,.site-footer,.ticker,.terminal,.stack-list,.button,.text-link,.about-links{font-family:var(--mono)}.brand{letter-spacing:.03em;align-items:center;gap:12px;font-size:12px;display:flex}.brand-logo{width:104px;height:auto;animation:.6s cubic-bezier(.22,1,.36,1) both logo-in;display:block}.brand-logo[hidden]{display:none}.brand-signature{text-align:left;width:104px;height:69px;display:block;position:relative;overflow:visible}.signature-text{font-family:var(--script);color:var(--ink);clip-path:inset(0 100% 0 0);font-size:46px;line-height:1.5;animation:1.1s cubic-bezier(.6,.02,.2,1) forwards sig-reveal;display:inline-block;position:relative}.brand-signature.is-done{filter:drop-shadow(0 0 7px #f3f0e847)}.brand-signature.is-done .signature-text{background:linear-gradient(100deg, var(--ink) 38%, #fff 50%, var(--ink) 62%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:1.1s cubic-bezier(.6,.02,.2,1) forwards sig-reveal,.5s forwards ink-sheen}.quill{width:22px;height:22px;color:var(--ink);opacity:0;animation:1.1s cubic-bezier(.6,.02,.2,1) forwards quill-draw;position:absolute;top:55%;left:0}.quill svg{width:100%;height:100%;transform:rotate(-30deg)}.quill svg path{stroke:var(--ink)}.brand-signature.is-out{animation:.35s forwards sig-out}.brand-name{color:var(--muted)}@keyframes sig-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes ink-sheen{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes quill-draw{0%{opacity:0;top:58%;left:0%}8%{opacity:1}50%{opacity:1;top:54%;left:48%}88%{opacity:1}to{opacity:0;top:56%;left:94%}}@keyframes sig-out{to{opacity:0;filter:blur(6px);transform:translateY(3px)scale(.998)}}@keyframes logo-in{0%{opacity:0;filter:blur(6px);transform:translateY(8px)scale(.96)}60%{filter:blur()}to{opacity:1;filter:blur();transform:none}}.desktop-nav{color:var(--muted);text-transform:uppercase;letter-spacing:.13em;gap:32px;margin-left:auto;font-size:11px;display:flex}.desktop-nav a,.availability,.text-link,.about-links a,.site-footer a{transition:color .18s}.desktop-nav a:hover,.text-link:hover,.about-links a:hover,.site-footer a:hover{color:var(--ink)}.availability{border:1px solid var(--line);color:var(--ink);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;align-items:center;gap:9px;padding:11px 14px;font-size:10px;transition:background .18s,border-color .18s;display:flex}.availability:hover{background:#f3f0e814;border-color:#f3f0e866}.availability .arrow{margin-left:2px;font-size:14px}.status-dot{background:#b7ef67;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #b7ef671f}.mobile-menu{margin-left:auto;display:none;position:relative}.mobile-menu summary{cursor:pointer;border:1px solid var(--line);font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em;padding:10px 12px;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-nav{z-index:4;border:1px solid var(--line);background:#191a17;min-width:150px;padding:8px;display:grid;position:absolute;top:44px;right:0;box-shadow:0 18px 24px #00000040}.mobile-nav a{font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:11px 9px}.hero{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:center;gap:64px;min-height:680px;padding-block:90px 106px;display:grid}.eyebrow{max-width:560px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;justify-content:space-between;gap:20px;margin:0 0 31px;font-size:10px;line-height:1.4;display:flex}.eyebrow span:last-child{color:var(--quiet)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-.025em}h1{max-width:670px;margin-bottom:30px;font-size:clamp(60px,8.2vw,112px);line-height:.9}h1 em,h2 em{color:#b7ef67;font-style:italic}.hero-intro{max-width:450px;color:var(--muted);margin-bottom:34px;font-size:16px;line-height:1.7}.hero-actions{align-items:center;gap:24px;display:flex}.button{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:15px;padding:15px 18px;font-size:11px;transition:transform .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:var(--night);background:var(--paper)}.button-primary:hover{background:#fff}.arrow{font-size:17px;line-height:.7;display:inline-block}.text-link{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:9px;font-size:11px;display:inline-flex}.terminal{color:var(--ink);background:#191a17;border:1px solid #f3f0e838;animation:.9s cubic-bezier(.22,1,.36,1) both enter-terminal;transform:rotate(1.4deg);box-shadow:22px 22px #292a24}.terminal-bar,.terminal-footer{color:var(--muted);border-bottom:1px solid #f3f0e829;justify-content:space-between;align-items:center;padding:13px 16px;font-size:10px;display:flex}.terminal-lights{gap:5px;display:flex}.terminal-lights i{background:#dd8977;border-radius:50%;width:6px;height:6px;display:block}.terminal-lights i:nth-child(2){background:#e7c865}.terminal-lights i:nth-child(3){background:#b7ef67}.terminal-body{background:repeating-linear-gradient(0deg,#f3f0e806 0 1px,#0000 1px 4px);min-height:300px;padding:30px 25px;font-size:12px;line-height:2}.terminal-body p{margin-bottom:14px}.terminal-prompt{color:#b7ef67;margin-right:7px}.terminal-result{color:#e8c9bc;padding-left:21px}.terminal-result.muted{color:#a7c7dd}.terminal-footer{border-top:1px solid #f3f0e829;border-bottom:0}.terminal-footer b{color:#b7ef67;margin-right:5px;font-size:13px}.cursor{color:#b7ef67;animation:1.1s steps(2,start) infinite blink}@keyframes blink{50%{opacity:0}}@keyframes enter-terminal{0%{opacity:0;transform:translateY(20px)rotate(1.4deg)}to{opacity:1;transform:translateY(0)rotate(1.4deg)}}.ticker{border-block:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.16em;white-space:nowrap;scrollbar-width:none;cursor:grab;touch-action:pan-y;overscroll-behavior-x:contain;-webkit-user-select:none;user-select:none;padding-block:14px;font-size:10px;overflow-x:auto}.ticker::-webkit-scrollbar{display:none}.ticker:active{cursor:grabbing}.ticker-inner{justify-content:flex-start;align-items:center;width:max-content;min-width:max-content;display:flex}.ticker-run{flex:none;align-items:center;gap:22px;padding-right:22px;display:flex}.ticker-run>span{align-items:center;gap:22px;display:inline-flex}.ticker b{color:#b7ef67;font-size:14px;font-weight:400}.work-section{padding-block:130px 136px}.section-heading{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:56px;display:flex}h2{margin-bottom:0;font-size:clamp(48px,6vw,80px);line-height:.91}.section-note{max-width:300px;color:var(--muted);margin-bottom:5px;font-size:14px;line-height:1.7}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.project-details{min-width:0}.project-details>summary{list-style:none}.project-details>summary::-webkit-details-marker{display:none}.project-card{color:#11110f;cursor:pointer;border-radius:25px;flex-direction:column;min-height:430px;padding:27px 28px 24px;transition:transform .22s,box-shadow .22s;display:flex}.project-card:hover{transform:translateY(-5px);box-shadow:0 20px 36px #00000026}.project-card.coral{background:#da886f}.project-card.lime{background:#b7ef67}.project-card.blue{background:#a6cadc}.project-card.violet{background:#c6b8ea}.project-topline{text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;gap:16px;font-size:10px;display:flex}.project-topline span:last-child{opacity:.65}.project-content{margin:auto 0 34px}.project-content h3{font-family:var(--serif);margin-bottom:10px;font-size:clamp(45px,5vw,65px);line-height:.9}.project-content p{max-width:380px;margin-bottom:0;font-size:14px;line-height:1.6}.project-bottom{border-top:1px solid #11110f42;justify-content:space-between;align-items:flex-end;gap:20px;padding-block:15px;display:flex}.project-bottom p{max-width:300px;margin-bottom:0;font-size:13px;line-height:1.5}.project-bottom p span{font:9px var(--mono);text-transform:uppercase;letter-spacing:.12em;opacity:.55;margin-bottom:4px;display:block}.client-badge{font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border:1px solid #11110f66;align-self:flex-end;padding:8px 9px}.project-detail{color:#11110f;border-radius:25px;padding:0 28px 25px}.project-detail.coral{background:#da886f}.project-detail.lime{background:#b7ef67}.project-detail.blue{background:#a6cadc}.project-detail.violet{background:#c6b8ea}.project-detail>span{font:9px var(--mono);text-transform:uppercase;letter-spacing:.12em;opacity:.55;border-top:1px solid #11110f42;padding-top:17px;display:block}.project-detail p{max-width:510px;margin:9px 0 0;font-size:14px;line-height:1.65}.stack-list{flex-wrap:wrap;gap:7px;display:flex}.stack-list span{letter-spacing:.04em;border:1px solid #11110f47;padding:6px 8px;font-size:9px}.project-reveal{margin-top:24px}.project-reveal summary{border-block:1px solid var(--line);color:var(--ink);cursor:pointer;font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:18px 0;list-style:none;display:flex}.project-reveal summary::-webkit-details-marker{display:none}.project-reveal summary:after{color:#b7ef67;content:"+";font-size:20px;font-weight:400}.project-reveal[open] summary:after{content:"−"}.project-grid-more{margin-top:24px}.stack-section{color:#11110f;background:#e3dfd4;padding-block:123px 130px}.stack-heading .eyebrow{color:#6c6a60}.stack-heading .eyebrow span:last-child{color:#969288}.stack-heading h2 em{color:#5677a2}.stack-heading .section-note{color:#6c6a60}.stack-board{border-block:1px solid #11110f3d;grid-template-columns:repeat(3,1fr);display:grid}.stack-column{min-height:290px;padding:25px 28px 30px 0}.stack-column+.stack-column{border-left:1px solid #11110f3d;padding-left:28px}.stack-index{color:#8f8b81;text-transform:uppercase;letter-spacing:.12em;margin-bottom:46px;font-size:10px;display:block}.stack-column h3{font-family:var(--serif);margin-bottom:15px;font-size:45px;line-height:.95}.stack-column p{color:#5f5e57;max-width:275px;min-height:76px;margin-bottom:22px;font-size:13px;line-height:1.65}.stack-column strong{color:#11110f;font:10px/1.5 var(--mono);font-weight:500;display:block}.principles-section{grid-template-columns:minmax(260px,.7fr) minmax(0,1fr);gap:100px;padding-block:130px 140px;display:grid}.principles-intro>p:last-child{max-width:300px;color:var(--muted);margin:28px 0 0;font-size:14px;line-height:1.7}.principles-list{border-top:1px solid var(--line)}.principle{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr 26px;align-items:start;gap:18px;padding:24px 0;display:grid}.principle>span{color:#b7ef67;font:10px var(--mono)}.principle h3{margin-bottom:7px;font-size:18px}.principle p{max-width:400px;color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.6}.principle>.arrow{color:var(--muted);align-self:center}.about-section{padding-bottom:115px}.about-card{background:var(--paper);color:#11110f;border-radius:25px;grid-template-columns:1.05fr .95fr;gap:50px;min-height:420px;padding:50px 55px;display:grid}.dark-eyebrow{color:#6d6b62}.dark-eyebrow span:last-child{color:#a7a49b}.about-main h2{font-size:clamp(48px,6vw,78px)}.about-main h2 em{color:#c16c59}.about-side{flex-direction:column;justify-content:flex-end;display:flex}.about-side>p{color:#5f5d56;max-width:330px;margin-bottom:30px;font-size:15px;line-height:1.75}.about-links{text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #11110f33;gap:26px;padding-top:18px;font-size:11px;display:flex}.about-links a{align-items:center;gap:10px;display:inline-flex}.site-footer{border-top:1px solid var(--line);color:var(--quiet);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:20px;padding-block:22px 34px;font-size:10px;display:flex}.site-footer a{color:var(--muted)}@media (width<=850px){.shell{width:min(100% - 40px,620px)}.site-header{min-height:74px}.desktop-nav,.site-header .availability{display:none}.mobile-menu{display:block}.hero{grid-template-columns:1fr;gap:64px;min-height:0;padding-block:74px 92px}h1{font-size:clamp(58px,13vw,88px)}.terminal{width:100%;max-width:500px;margin-inline:auto}.section-heading{display:block}.section-note{margin-top:30px}.project-grid{grid-template-columns:1fr}.project-card{min-height:385px}.stack-list{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.stack-list::-webkit-scrollbar{display:none}.stack-board{grid-template-columns:1fr}.stack-column{min-height:0;padding:25px 0 30px}.stack-column+.stack-column{border-top:1px solid #11110f3d;border-left:0;padding-left:0}.stack-index{margin-bottom:28px}.stack-column p{min-height:0}.principles-section{grid-template-columns:1fr;gap:65px}.about-card{grid-template-columns:1fr;gap:80px;padding:35px 28px}.about-side{justify-content:start}.site-footer{flex-wrap:wrap}}@media (width<=480px){.shell{width:calc(100% - 32px)}.brand-logo{width:82px}.brand-signature{width:82px;height:57px}.signature-text{font-size:38px}.hero{padding-block:64px 76px}.eyebrow{font-size:9px}h1{font-size:clamp(52px,15vw,70px)}.hero-intro{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start;gap:21px}.terminal{box-shadow:10px 10px #292a24}.terminal-body{min-height:265px;padding-inline:18px;font-size:11px}.work-section,.principles-section,.stack-section{padding-block:90px}.project-card{border-radius:19px;min-height:405px;padding:23px 21px 20px}.project-content h3{font-size:52px}h2,.about-main h2{font-size:48px}.about-card{border-radius:19px}.site-footer{font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
