.portfolio{--paper:#f6f9fb;--ink:#18332f;--muted-ink:#526762;--line:#d8e3e3;--signal:#235b4e;background:var(--paper);color:var(--ink);min-height:100vh;font-family:var(--font-sans)}.portfolio-header,.portfolio main,.portfolio-footer{width:min(1180px,100% - 64px);margin:auto}.portfolio a:focus-visible{outline-offset:6px;outline:3px solid #83551b}.portfolio-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-block:28px;display:flex}.portfolio-brand{letter-spacing:-.6px;align-items:center;gap:12px;font-size:22px;font-weight:650;display:flex}.portfolio-header nav{gap:8px;display:flex}.portfolio-header nav a{font:13px var(--font-mono);border-radius:7px;padding:10px 13px}.portfolio-header [aria-current]{background:var(--ink);color:#fff}.portfolio-hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:80px;padding-block:100px;display:grid}.portfolio-label{text-transform:uppercase;letter-spacing:.1em;font:11px/1.6 var(--font-mono);color:var(--signal);margin-bottom:22px}.portfolio h1{letter-spacing:-.055em;white-space:pre-line;font-size:clamp(42px,4.6vw,66px);font-weight:560;line-height:1.05}.portfolio-intro{max-width:530px;color:var(--muted-ink);margin-block:28px;font-size:18px;line-height:1.65}.portfolio-open{background:var(--signal);color:#fff;border-radius:9px;align-items:center;gap:24px;padding:15px 20px;font-weight:550;display:inline-flex}.portfolio-local{color:var(--muted-ink);max-width:370px;margin-top:14px;font-size:12px;line-height:1.6}.portfolio-flow{border:1px solid var(--line);background:#fff;border-radius:14px;padding:30px;box-shadow:0 12px 36px #18332f09}.portfolio-flow figcaption{color:var(--muted-ink);font-size:13px}.portfolio-flow ol{margin-block:28px}.portfolio-flow li{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:20px 0;display:flex}.portfolio-flow li:last-child{border-bottom:0}.portfolio-flow li span{font:12px var(--font-mono);color:var(--signal);border:1px solid var(--line);border-radius:50%;padding:8px}.portfolio-flow li strong{letter-spacing:-.035em;font-size:23px;font-weight:500}.portfolio-stack{font:10px/1.8 var(--font-mono);letter-spacing:.04em;color:var(--muted-ink)}.portfolio-surfaces{border-top:1px solid var(--line);padding-block:50px}.portfolio h2{letter-spacing:-.035em;font-size:clamp(25px,3vw,35px);font-weight:500;line-height:1.2}.portfolio-surfaces>div{grid-template-columns:repeat(3,1fr);gap:38px 44px;margin-top:36px;display:grid}.portfolio h3{margin-bottom:12px;font-size:18px;font-weight:550}.portfolio-surfaces p,.portfolio-architecture>p:not(.portfolio-stack){color:var(--muted-ink);font-size:15px;line-height:1.7}.portfolio-architecture{border-block:1px solid var(--line);max-width:760px;margin-bottom:40px;padding-block:48px}.portfolio-architecture p{margin-top:20px}.portfolio-footer{color:var(--muted-ink);flex-wrap:wrap;gap:18px 30px;padding-block:12px 36px;font-size:12px;display:flex}.portfolio-footer p{flex:580px;line-height:1.7}.portfolio-footer a{text-underline-offset:3px;text-decoration:underline}@media (max-width:800px){.portfolio-hero{grid-template-columns:1fr;gap:44px;padding-block:60px}.portfolio-surfaces>div{grid-template-columns:1fr 1fr}}@media (max-width:480px){.portfolio-header,.portfolio main,.portfolio-footer{width:calc(100% - 36px)}.portfolio-hero{padding-block:42px}.portfolio-surfaces>div{grid-template-columns:1fr;gap:28px}.portfolio-flow{padding:22px}.portfolio-open{gap:16px;font-size:14px}}