@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{--ink:#132235;--muted:#526174;--paper:#f7f9fc;--line:#d9e1ea;--accent:#b3ee51;--blue:#2459ba}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.04em;line-height:1.13}h1{font-size:clamp(2.65rem,5vw,4.6rem);font-weight:600;margin-bottom:28px}h2{font-size:clamp(2.1rem,3.6vw,3.25rem);font-weight:600}h3{font-size:1.8rem;font-weight:600}h4{margin:0 0 12px;font-size:1rem}em{font-style:normal;position:relative;background:linear-gradient(transparent 61%,var(--accent) 61%)}.wrap{max-width:1220px;margin:auto;padding-left:42px;padding-right:42px}.nav{display:flex;justify-content:space-between;align-items:center;min-height:105px;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-weight:700;font-size:1.3rem;letter-spacing:-.035em;display:flex;align-items:center;gap:12px}.mark{font-size:14px;background:var(--ink);color:var(--accent);height:28px;width:28px;display:grid;place-items:center;border-radius:4px}.nav nav{display:flex;gap:28px;align-items:center;font-size:.9rem}.nav nav a{text-decoration:none}.nav nav a:hover{text-decoration:underline}.nav-contact{border:1px solid var(--ink);padding:7px 16px;border-radius:5px}.eyebrow{font-size:.875rem;font-weight:600;letter-spacing:.13em;margin-bottom:25px}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;padding-top:82px;padding-bottom:100px;align-items:center}.intro{max-width:570px;font-size:1.18rem;line-height:1.65;margin-bottom:16px}.secondary{font-size:1rem;color:var(--muted);max-width:490px;margin-bottom:30px}.button{display:inline-block;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:5px;padding:12px 21px;text-decoration:none;font-weight:500;font-size:.95rem;transition:background .15s,transform .15s}.button:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.system-panel{background:var(--ink);color:white;border-radius:8px;padding:25px 27px;box-shadow:12px 12px 0 #e5ecf5}.panel-heading{display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.12em;padding-bottom:23px;border-bottom:1px solid #3a4859;color:#d0daea}.panel-index{color:var(--accent)}.system-flow{list-style:none;padding:15px 0 0;margin:0}.system-flow a{display:flex;gap:17px;text-decoration:none;align-items:center;padding:16px 0}.system-flow a:hover strong{color:var(--accent)}.num{color:var(--accent);font-size:.8rem;min-width:25px;font-family:monospace}.system-flow strong{display:block;font-size:1rem;font-weight:500}.system-flow div>span{display:block;font-size:.875rem;color:#b7c5d6;margin-top:2px}.panel-note{font-size:.875rem;color:#d0daea;margin:15px 0 0;padding-top:20px;border-top:1px solid #3a4859}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:50px}.section-heading h2{margin:0}.section-heading>p{max-width:360px;color:var(--muted);margin-bottom:3px}.work{padding-bottom:85px}.project{display:grid;grid-template-columns:160px 1fr 160px;gap:22px;border-top:1px solid var(--line);padding:33px 0}.project-index,.project-type{font-size:.75rem;letter-spacing:.06em;font-weight:600;padding-top:7px;color:var(--muted)}.project-type{text-align:right}.project h3{margin-bottom:13px}.project-lead{max-width:640px;color:var(--muted);margin-bottom:18px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}.tags span{font-size:.875rem;background:#e8edf4;border-radius:4px;padding:3px 10px;color:#405268}summary{font-size:.9rem;font-weight:600;cursor:pointer;width:fit-content;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';display:inline-block;margin-left:14px;color:var(--blue);font-size:1.2rem}details[open] summary:after{content:'−'}.detail-grid{padding-top:25px;display:grid;gap:18px}.detail-grid p{font-size:.95rem;color:var(--muted);margin-bottom:0}.work-note{font-size:.875rem;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.approach{background:var(--ink);color:white;padding:74px 0}.approach-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.approach .eyebrow{color:var(--accent)}.approach-intro{max-width:360px;color:#c4cfdd}.principles>div{display:flex;gap:25px;padding:24px 0;border-top:1px solid #3a4859}.principles>div>span{color:var(--accent);font-family:monospace;font-size:.875rem}.principles h3{font-size:1.35rem;letter-spacing:-.025em;margin-bottom:12px}.principles p{color:#c4cfdd;font-size:1rem;margin:0}.about{padding-top:90px;padding-bottom:85px;display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.about>div>p{color:var(--muted)}.about .about-lead{color:var(--ink);font-size:1.35rem;line-height:1.5}.timeline{margin-top:30px;border-top:1px solid var(--line)}.timeline>div{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:.95rem}.timeline span{font-weight:600;color:var(--blue)}.timeline p{margin:0}.contact{padding-top:65px;padding-bottom:80px;border-top:1px solid var(--line)}.contact h2{font-size:clamp(2.5rem,4vw,4rem);margin-bottom:23px}.contact>p:not(.eyebrow){max-width:560px;color:var(--muted)}.contact-links{display:flex;gap:30px;align-items:center;margin-top:28px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:30px;color:var(--muted);font-size:.875rem}.skip{position:absolute;top:-80px;left:10px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:1000px){.hero{gap:35px;grid-template-columns:1.2fr 1fr}.project{grid-template-columns:125px 1fr}.project-type{display:none}.approach-grid,.about{gap:45px}.wrap{padding-left:28px;padding-right:28px}}@media(max-width:720px){.nav{min-height:86px}.nav nav{gap:16px;font-size:.875rem}.nav nav a:nth-child(2),.nav-contact{display:none}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:65px;gap:45px}.system-panel{box-shadow:7px 7px 0 #e5ecf5}.eyebrow{font-size:.8rem;margin-bottom:20px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px}.project{grid-template-columns:1fr;gap:12px;padding:28px 0}.project-index{padding:0}.project h3{font-size:1.65rem}.approach-grid,.about{grid-template-columns:1fr;gap:25px}.approach{padding:55px 0}.about{padding-top:60px;padding-bottom:60px}.contact{padding-top:50px;padding-bottom:55px}footer{flex-wrap:wrap}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.contact-form{max-width:660px;margin-top:32px}.contact-form label{display:block;font-size:1rem;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form input,.contact-form textarea{display:block;width:100%;font:inherit;color:var(--ink);background:white;border:1px solid #8392a6;border-radius:5px;padding:10px 12px;margin:7px 0 18px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--blue);outline-offset:2px}.contact-form textarea{resize:vertical}.contact-form button{font:inherit;cursor:pointer}.contact-form button:disabled{opacity:.55;cursor:not-allowed;transform:none}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-privacy{font-size:.875rem;color:var(--muted);margin:14px 0 20px}#contact-status{margin:15px 0 0;min-height:26px}#turnstile-widget{min-height:65px}@media(max-width:600px){.form-row{grid-template-columns:1fr;gap:0}}