@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#101d2b;--paper:#f5f5f0;--mint:#bff4be;--muted:#a9b3bf;--line:#33404d;--body:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #80a7ff;outline-offset:5px}button{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--display);line-height:1.1}em{font-style:normal;color:var(--mint)}.section{padding:110px 8%;scroll-margin-top:20px}.mono,.eyebrow,.period,.visual-label,.visual-bottom{font-family:monospace;font-size:14px;letter-spacing:1px}.mono{color:var(--muted)}.nav{height:86px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid var(--line);background:#101d2bf2;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-1px}.brand span{font-size:14px;vertical-align:top;margin-left:3px;color:var(--mint)}.nav nav{display:flex;gap:34px;align-items:center}.nav nav a{font-size:14px}.nav nav a:hover{color:var(--mint)}.nav-contact{border:1px solid #64717c;padding:10px 22px;border-radius:5px}.menu{display:none}.progress{height:3px;background:var(--mint);position:fixed;top:0;left:0;width:0;z-index:30}.skip{position:fixed;top:-100px;left:20px;z-index:40;background:var(--mint);color:var(--ink);padding:12px}.skip:focus{top:10px}.chapter-nav{position:fixed;right:18px;top:44%;z-index:15;display:flex;flex-direction:column;gap:12px}.chapter-nav a{font-size:12px;color:#8f9aa8;border-right:2px solid #46505d;padding:0 10px;transition:.2s}.chapter-nav a.active{color:var(--mint);border-color:var(--mint)}.hero{padding-top:38px;padding-bottom:28px}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px}.eyebrow{font-size:12px;display:flex;align-items:center;gap:9px}.status{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px #bff4be12}.location{color:var(--muted);font-size:13px;letter-spacing:0}.hero-layout{display:grid;grid-template-columns:1fr 1.04fr;gap:55px;align-items:center;padding:67px 0 75px}.hero-copy h1{font-size:clamp(66px,7.5vw,112px);line-height:.98;letter-spacing:-6px;margin:20px 0}.hero-copy h1 span{color:var(--mint)}.role{font-family:var(--display);font-size:25px;line-height:1.3;margin:22px 0}.hero-description{max-width:435px;color:#b6bec8;font-size:16px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{padding:14px 23px;border:1px solid transparent;border-radius:5px;font-weight:600;font-size:14px;transition:transform .2s,background .2s;display:inline-flex;align-items:center;justify-content:center}.button:hover{transform:translateY(-3px)}.mint{color:var(--ink);background:var(--mint)}.text-link{font-size:14px;border-bottom:1px solid currentColor;padding:5px 0}.desktop{border:1px solid #718093;border-radius:8px;box-shadow:14px 18px 0 #090f18,0 35px 90px #0005;transform:rotate(-2deg);transition:transform .5s}.desktop:hover{transform:rotate(0)}.desktop-bar,.desktop-dock{display:flex;justify-content:space-between;padding:10px 14px;background:#d4e2de;color:var(--ink);font-family:monospace;font-size:12px}.desktop-bar{border-radius:7px 7px 0 0;border-bottom:1px solid var(--ink);font-weight:bold}.desktop-content{min-height:438px;padding:30px 20px 36px 73px;background:#89a9cb;position:relative;background-image:radial-gradient(#344c6825 1px,transparent 1px);background-size:8px 8px;border-radius:0}.shortcuts{position:absolute;left:12px;top:30px;display:flex;flex-direction:column;gap:24px;color:#0b2239}.shortcuts a{font-size:10px;font-weight:bold;text-align:center}.shortcuts span{display:block;font-size:32px;line-height:1.1}.intro-window{border:2px solid #243349;background:#f3f2e9;color:var(--ink);box-shadow:6px 6px 0 #2030455c}.window-bar{display:flex;justify-content:space-between;padding:7px 10px;background:var(--ink);color:#e4eee9;font-family:monospace;font-size:12px}.window-dots{color:#b6c3d1;font-size:10px}.window-body{padding:23px 24px}.avatar{width:58px;height:58px;border:2px solid var(--ink);background:var(--mint);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:24px;font-weight:bold;position:relative;margin-bottom:18px}.avatar span{position:absolute;right:-16px;bottom:-10px;color:var(--ink);font-size:36px}.window-body .mono{font-size:10px;letter-spacing:.8px;color:#5b6775;margin-bottom:10px}.window-body h2{font-size:33px;letter-spacing:-1px;margin-bottom:13px}.window-body p{font-size:14px;line-height:1.5}.window-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.window-tags span{border:1px solid #a5b1b5;padding:3px 6px;font-size:10px}.window-button{background:var(--ink);color:var(--paper);border:0;border-radius:0;padding:10px 14px;font-size:12px;margin-top:20px}.desktop-note{position:absolute;right:-19px;bottom:10px;background:var(--mint);color:var(--ink);padding:13px 20px;font-size:14px;line-height:1.3;transform:rotate(7deg);box-shadow:3px 5px 0 #152b3b40}.desktop-note em{color:inherit;font-weight:700}.desktop-dock{border-top:1px solid var(--ink);border-radius:0 0 7px 7px;font-size:10px}.hero-bottom{color:var(--muted);border-top:1px solid var(--line);padding-top:20px;font-family:monospace}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;white-space:nowrap;background:#142333}.ticker div{display:inline-block;animation:ticker 45s linear infinite;font-family:var(--display);font-size:20px;letter-spacing:2px}.ticker b{color:var(--mint);margin:0 36px;font-size:30px;vertical-align:middle}@keyframes ticker{to{transform:translateX(-50%)}}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.section-heading h2,.about h2{font-size:clamp(40px,4.4vw,64px);letter-spacing:-2.6px;margin-top:20px}.section-heading>p{max-width:340px;color:var(--muted);font-size:15px}.filters{display:flex;gap:9px;margin-bottom:30px;flex-wrap:wrap}.filters button{border:1px solid #465463;background:transparent;padding:10px 18px;border-radius:50px;font-size:14px}.filters button.selected{background:var(--paper);color:var(--ink);border-color:var(--paper)}.filters span{opacity:.6;margin-left:8px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.project-card{background:#172636;border:1px solid #344251;border-radius:8px;overflow:hidden;transition:transform .3s,border-color .3s}.project-card:hover{border-color:#96b2bc;transform:translateY(-5px)}.project-card[hidden]{display:none}.featured{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr}.card-copy{padding:32px}.card-copy>.mono{font-size:12px;line-height:1.5;margin-bottom:18px}.card-copy h3{font-size:29px;letter-spacing:-1px;margin-bottom:16px}.card-copy>p:not(.mono){color:#b5c0cc;line-height:1.6;font-size:16px}.featured .card-copy{align-self:center;padding:40px}.featured h3{font-size:35px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.tags span{padding:4px 9px;border:1px solid #475768;border-radius:3px;font-size:12px}.case-button{margin-top:28px;display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-top:1px solid #46515f;padding:15px 0 0;background:none;text-align:left;font-size:14px}.case-button span{font-size:22px;color:var(--mint)}.project-visual{height:320px;padding:30px;position:relative;overflow:hidden;color:white}.project-visual strong{font-family:var(--display);font-size:54px;letter-spacing:-2px;line-height:1.02;display:block;margin:22px 0 14px}.project-visual p{font-size:15px;line-height:1.4}.visual-label{font-size:11px;letter-spacing:1.2px}.visual-bottom{position:absolute;bottom:24px;font-size:10px}.blue{background:#063c95}.blue .transition-word{font-weight:400;font-size:30px;color:#72d9f6}.harvest{background:#d3f0aa;color:#173727}.colts{background:#d9b954;color:#253222}.ave{background:#b6b0f3;color:#292458}.ave i{font-family:Georgia,serif;font-weight:400}.bank-visual{height:440px;background:#cedfff;color:#092b74;padding:24px}.bank-visual .visual-label{display:flex;justify-content:space-between;font-size:10px}.phones{display:flex;gap:18px;justify-content:center;align-items:center;height:360px;transform:rotate(-5deg)}.phones img{width:27%;max-height:340px;object-fit:cover;object-position:top;border:5px solid #152743;border-radius:17px;box-shadow:0 16px 26px #102c6840}.phones img:nth-child(2){transform:translateY(20px)}.image-caption{position:absolute;bottom:14px;left:25px;font-family:monospace;font-size:11px}.compact{min-height:260px}.project-note{color:#9daebf;font-size:12px;margin:30px 0 14px;max-width:760px}.about{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1.1fr;gap:75px}.about em{color:#397949}.about .mono{color:#526172}.signature{font-family:Georgia,serif;font-style:italic;font-size:25px;margin-top:35px}.about-content>p{color:#53606e;margin-bottom:20px}.about-content .lead{font-size:23px;line-height:1.5;color:var(--ink)}.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:27px;margin-top:34px;border-top:1px solid #ccd0ce;padding-top:29px}.profile-facts span{font-family:monospace;font-size:11px;letter-spacing:1px;display:block;color:#606f77;margin-bottom:8px}.profile-facts b{font-size:14px;line-height:1.5;font-weight:500;display:block}.services{border-bottom:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.service-grid article{border-top:1px solid #65737d;padding-top:20px}.service-number{font-family:monospace;color:var(--mint);font-size:14px}.service-grid h3{font-size:25px;margin:27px 0 15px}.service-grid p{color:#aebbc7;font-size:15px}.process{margin-top:65px;border-top:1px solid var(--line);padding-top:28px}.process ol{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;list-style:none;padding:0;margin:25px 0 0;counter-reset:steps}.process li{counter-increment:steps}.process li:before{content:'0' counter(steps);display:block;color:#8294a7;font-family:monospace;font-size:12px;margin-bottom:8px}.process b{display:block;font-family:var(--display);font-size:19px;margin-bottom:6px}.process span{font-size:14px;color:#afbdc9}.outline{border-color:#697784;background:transparent}.timeline article{display:grid;grid-template-columns:1fr 2.4fr;gap:50px;padding:40px 0;border-top:1px solid var(--line)}.timeline .period{color:var(--mint);font-size:12px}.timeline h3{font-size:30px;margin-bottom:10px}.timeline h4{font-family:var(--body);font-size:15px;font-weight:500;color:#b4c6d5;margin-bottom:15px}.timeline p{max-width:680px;color:#aab8c5;font-size:15px}.toolbox{margin-top:40px;padding:30px;border:1px solid var(--line);border-radius:6px}.tool-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.tool-tags span{padding:7px 13px;background:#213244;border-radius:3px;font-size:14px}.contact{background:var(--mint);color:var(--ink);position:relative;overflow:hidden}.contact>.mono{color:#344b3b}.contact h2{font-size:clamp(46px,5.8vw,83px);letter-spacing:-3px;line-height:1.08;margin:30px 0 55px;position:relative;max-width:950px}.contact em{color:#467e4d}.asterisk{position:absolute;right:-60px;top:-20px;font-size:140px;line-height:1;animation:spin 30s linear infinite}.contact-bottom{display:flex;justify-content:space-between;gap:35px;border-top:1px solid #96c797;padding-top:30px}.contact-bottom p{font-size:16px;color:#304538}.email{font-family:var(--display);font-size:clamp(16px,2.2vw,28px);letter-spacing:-.5px;display:inline-block;margin-top:20px;overflow-wrap:anywhere}.dark{background:var(--ink);color:var(--paper)}.copy-email{border:0;border-bottom:1px solid #647b64;background:transparent;color:var(--ink);padding:3px 0;font-size:14px}.contact-links{display:flex;flex-direction:column;gap:18px;min-width:170px;justify-content:center;font-size:14px}.contact-links a{border-bottom:1px solid #96c797;padding-bottom:12px}.contact #copy-status{font-size:12px;margin-top:12px;min-height:18px}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 5%;gap:20px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}dialog{background:#f5f5f0;color:var(--ink);border:0;width:min(1000px,calc(100% - 32px));max-height:88dvh;padding:0;border-radius:10px;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#07131ee6;backdrop-filter:blur(8px)}.dialog-top{position:sticky;top:0;background:#e5e8e3;padding:16px 25px;border-bottom:1px solid #b5bfbd;display:flex;justify-content:space-between;align-items:center;z-index:2}.dialog-top .mono{color:#566470;font-size:11px}.dialog-top button{background:var(--ink);color:white;border:0;width:36px;height:36px;border-radius:50%;font-size:18px;flex-shrink:0}#case-content{padding:45px}.case-kicker{font-family:monospace;font-size:13px;color:#55756a}#case-content h2{font-size:clamp(34px,5vw,58px);letter-spacing:-2px;margin:16px 0 20px}#case-content .case-intro{font-size:20px;line-height:1.5;color:#485865;max-width:760px}.case-meta{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid #cbd1ce;border-bottom:1px solid #cbd1ce;margin:30px 0;padding:20px 0}.case-meta span{font-size:11px;letter-spacing:1px;display:block;font-family:monospace;color:#66756c}.case-meta b{font-size:14px;font-weight:500}.case-sections{display:grid;grid-template-columns:1fr 1fr;gap:30px}.case-sections h3{font-size:23px;margin-bottom:14px}.case-sections p,.case-sections li{color:#51606a;font-size:16px}.case-sections ul{padding-left:20px;margin-top:0}.case-sections li{margin-bottom:8px}.case-gallery{display:flex;gap:20px;background:#cedfff;padding:28px;margin:30px 0;border-radius:5px;justify-content:center}.case-gallery img{width:27%;max-height:400px;object-fit:contain;object-position:top;align-self:flex-start}.gallery-note{font-size:12px;color:#5b6b74;margin-bottom:25px}.case-external{background:var(--ink);color:white;margin-top:25px}.case-footer{margin-top:35px;padding-top:20px;border-top:1px solid #b9c5c0;color:#637069;font-size:13px}.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(25px)}.reveal{transition:opacity .65s,transform .65s}@media(min-width:1500px){.section{padding-left:max(8%,calc((100vw - 1280px)/2));padding-right:max(8%,calc((100vw - 1280px)/2))}}@media(max-width:1000px){.section{padding:80px 6%}.hero{padding-top:30px;padding-bottom:25px}.hero-layout{gap:28px}.hero-copy h1{font-size:80px;letter-spacing:-4px}.desktop-content{padding-left:62px;min-height:390px}.window-body{padding:18px}.window-body h2{font-size:28px}.shortcuts a{font-size:9px}.location{font-size:11px}.eyebrow{font-size:10px}.chapter-nav{right:3px}.chapter-nav a{padding-right:6px;font-size:10px}.featured{grid-template-columns:1.15fr 1fr}.featured .card-copy{padding:28px}.bank-visual{height:410px}.phones{gap:12px}.about{gap:40px}.service-grid{gap:22px}.asterisk{right:0;font-size:95px;top:0}}@media(max-width:700px){.nav{height:70px;padding:0 6%}.brand{font-size:22px}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--ink);padding:25px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:22px}.nav nav.open{display:flex}.menu{display:block;background:none;border:1px solid #697887;border-radius:4px;padding:6px 12px;font-size:13px}.chapter-nav{display:none}.hero-top{align-items:flex-start;gap:15px;flex-direction:column}.location{font-size:12px}.hero-layout{grid-template-columns:1fr;padding-top:35px;gap:55px;padding-bottom:45px}.hero-copy h1{font-size:86px;letter-spacing:-5px}.hero-copy>.mono{font-size:12px}.hero-description{max-width:100%}.role{font-size:24px}.desktop{max-width:470px;width:94%;justify-self:center}.desktop-content{padding:23px 23px 36px 70px;min-height:400px}.window-body{padding:22px}.window-body h2{font-size:33px}.desktop-note{right:-14px}.section{padding:70px 6%}.hero{padding-top:25px;padding-bottom:25px}.hero-bottom{font-size:10px}.ticker{padding:14px 0}.ticker div{font-size:16px}.ticker b{font-size:23px;margin:0 20px}.section-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:30px}.section-heading h2,.about h2{font-size:43px;letter-spacing:-2px}.section-heading>p{max-width:100%}.mono{font-size:12px}.filters{gap:7px}.filters button{font-size:12px;padding:9px 12px}.project-grid{grid-template-columns:1fr;gap:23px}.featured{display:block}.featured .card-copy,.card-copy{padding:27px}.featured h3{font-size:29px}.bank-visual{height:370px}.phones{height:295px;gap:13px}.phones img{max-height:280px}.project-visual{height:310px}.project-visual.bank-visual{height:370px}.project-visual strong{font-size:51px}.about{grid-template-columns:1fr;gap:40px}.about-content .lead{font-size:21px}.profile-facts{gap:25px 18px}.service-grid{grid-template-columns:1fr;gap:35px}.service-grid h3{margin-top:16px}.process ol{grid-template-columns:1fr 1fr;gap:30px}.timeline article{grid-template-columns:1fr;gap:18px;padding:30px 0}.timeline h3{font-size:27px}.toolbox{padding:22px}.tool-tags{gap:8px}.tool-tags span{font-size:12px;padding:6px 10px}.contact h2{font-size:44px;letter-spacing:-2px;margin:25px 0 40px;padding-right:0}.asterisk{display:none}.contact-bottom{flex-direction:column;gap:30px}.contact-links{gap:10px}.email{font-size:20px}footer{flex-wrap:wrap;padding:25px 6%;justify-content:space-between}footer>span{order:3;width:100%}#case-content{padding:25px}.dialog-top{padding:12px 16px}.dialog-top .mono{font-size:9px;max-width:210px}.case-sections{grid-template-columns:1fr}.case-meta{gap:20px}.case-gallery{gap:10px;padding:15px}.case-gallery img{width:30%}#case-content .case-intro{font-size:18px}.actions{gap:20px}.profile-facts b{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.visible){opacity:1;transform:none}.desktop{transform:none}} 
