:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2ede1;--bg-deep:#eae3d2;--ink:#16140f;--ink-soft:#16140fb3;--ink-mute:#16140f8c;--ink-strong:#000;--line:#e2dcd0;--card:#fff;--card-line:#ded7c8;--nav-bg:#f2ede1d1;--border-soft:#d8d2c6;--green:#017354;--green-light:#0a8f68;--green-dark:#015c43;--blue:#1e8ac4;--yellow:#fbb239;--display:var(--font-landour),Georgia,serif;--body:var(--font-hanken),system-ui,-apple-system,sans-serif;--maxw:1280px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--bg-deep:#070707;--ink:#f4f2ed;--ink-soft:#f4f2eda8;--ink-mute:#f4f2ed8a;--ink-strong:#fff;--line:#1c1c1c;--card:#161616;--card-line:#2a2a2a;--nav-bg:#0a0a0ad1;--border-soft:#333;--green-light:#19a87e}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(1.25rem,5vw,2.5rem)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-size:.72rem;font-weight:600}.section{border-top:1px solid var(--line);padding-top:clamp(5rem,12vw,9rem);padding-bottom:clamp(5rem,12vw,9rem)}.display{font-family:var(--display);letter-spacing:-.02em;font-weight:500;line-height:1.02}.display em{font-style:italic;font-weight:400}.nav{z-index:50;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;padding-top:1rem;padding-bottom:1rem;display:flex}.nav .logo-text{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);font-size:1.35rem;font-weight:700}.nav-links{align-items:center;gap:1.4rem;font-size:.85rem;display:flex}.nav-links a:not(.btn){color:var(--ink-soft);transition:color .2s}.nav-links a:not(.btn):hover{color:var(--ink)}.btn{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.72rem 1.3rem;font-size:.74rem;font-weight:600;transition:transform .2s,background .2s,border-color .2s,color .2s;display:inline-flex}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark);color:#fff;transform:translateY(-1px)}.btn-ghost{border:1px solid var(--border-soft);color:var(--ink)}.btn-ghost:hover{border-color:var(--green);color:var(--green)}.nav-cta-mobile{display:none}.hero{align-items:center;min-height:clamp(26rem,72svh,42rem);padding-top:clamp(3rem,6vw,4rem);padding-bottom:clamp(3rem,6vw,4rem);display:flex;position:relative;overflow:hidden}.hero>.wrap{z-index:1;text-align:center;width:100%;position:relative}.hero h1{max-width:18ch;margin:1.1rem auto 0;font-size:clamp(2.6rem,7vw,5rem)}.hero-sub{max-width:50ch;color:var(--ink-soft);margin:clamp(1.3rem,3vw,1.8rem) auto 0;font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.5}.hero-cta{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:clamp(2rem,5vw,2.8rem);display:flex}@media (max-width:720px){.nav-links{display:none}.nav-cta-mobile{display:inline-block}}.exp{border-top:1px solid var(--line);padding-top:clamp(4rem,9vw,6.5rem);padding-bottom:clamp(4rem,9vw,6.5rem)}.exp-label{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-size:.74rem}.exp-logos{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(1.5rem,3vw,2.5rem) clamp(1.5rem,4vw,3rem);margin-top:clamp(1.8rem,4vw,2.8rem);list-style:none;display:flex}@media (max-width:760px){.exp-logos{justify-content:center}}.exp-logos li{display:flex}.exp-logos img{opacity:.5;filter:brightness(0);width:auto;height:clamp(18px,2.4vw,26px);transition:opacity .25s}.exp-logos img.mark{height:clamp(25px,3.3vw,36px)}.exp-logos img.lead{height:clamp(34px,4.2vw,46px)}.exp-logos li:hover img{opacity:.8}[data-theme=dark] .exp-logos img{filter:brightness(0)invert();opacity:.55}[data-theme=dark] .exp-logos li:hover img{opacity:.9}.phases-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;display:grid}.phase{border:1px solid var(--card-line);border-radius:5px;flex-direction:column;padding:clamp(1.4rem,3vw,2rem);transition:border-color .25s,transform .25s;display:flex}.phase:hover{border-color:var(--green);transform:translateY(-2px)}.phase-viz{height:130px;margin-bottom:1.3rem}.phase-viz canvas{width:100%;height:100%;display:block}.phase .stage{color:var(--green);letter-spacing:.04em;font-size:.78rem;font-weight:600}.phase h3{font-family:var(--display);margin:.5rem 0 .7rem;font-size:clamp(1.5rem,3vw,1.9rem);font-weight:500}.phase p{color:var(--ink-soft);flex:1;font-size:.95rem}@media (max-width:760px){.phases-grid{grid-template-columns:1fr}}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.5rem,5vw,3rem);margin-top:1.8rem;display:grid}.about-grid .statement{font-family:var(--display);max-width:24ch;font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:400;line-height:1.28}.about-grid .statement em{font-style:italic}.about-top{border-top:none;padding-top:clamp(3rem,7vw,5rem)}.about-intro{max-width:42ch}.about-name{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(2.6rem,5.2vw,3.8rem);font-weight:500;line-height:1.04}.about-role{color:var(--ink-soft);margin-top:.55rem;font-size:clamp(1.1rem,1.9vw,1.35rem)}.about-socials{gap:.6rem;margin-top:1.3rem;display:flex}.about-socials a{border:1px solid var(--border-soft);width:38px;height:38px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:inline-flex}.about-socials a:hover{border-color:var(--green);color:var(--green)}.about-socials svg{width:16px;height:16px}.about-lead{max-width:44ch;color:var(--ink-soft);margin-top:1.6rem;font-size:clamp(1.08rem,1.7vw,1.25rem);line-height:1.6}.about-lead em{color:var(--ink);font-style:italic}.about-cta{margin-top:1.9rem}@media (max-width:760px){.about-grid{grid-template-columns:1fr}}.card-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem;display:grid}.card-grid--2{grid-template-columns:repeat(2,1fr)}.card{aspect-ratio:1;border:1px solid var(--card-line);border-radius:5px;flex-direction:column;transition:transform .25s;display:flex;position:relative;overflow:hidden}.card.tile-green{background:var(--green);--on:#fff}.card.tile-blue{background:var(--blue);--on:#fff}.card.tile-yellow{background:var(--yellow);--on:#16140f}.card.has-img{--on:#fff;background:#0d0d0d}.card-img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.card:hover .card-img{transform:scale(1.045)}.card .scrim{background:linear-gradient(#0000 28%,#0000001f 55%,#000000a8);position:absolute;inset:0}.card .overlay{z-index:1;color:var(--on);margin-top:auto;padding:clamp(1.1rem,2.4vw,1.6rem);position:relative}.card .overlay h3{font-family:var(--display);color:var(--on);font-size:clamp(1.5rem,2.7vw,2.05rem);font-weight:500;line-height:1.06}.card .overlay p{color:var(--on);opacity:.86;margin-top:.4rem;font-size:.92rem;line-height:1.4}.card .card-date{letter-spacing:.08em;text-transform:uppercase;color:var(--on);opacity:.82;font-size:.7rem}.card .card-date+h3{margin-top:.5rem}.card .card-tags{flex-wrap:wrap;gap:.4rem;margin-top:.85rem;display:flex}.card .card-tag{letter-spacing:.04em;color:var(--on);background:color-mix(in srgb, var(--on) 16%, transparent);border:1px solid color-mix(in srgb, var(--on) 28%, transparent);border-radius:999px;padding:.4rem .7rem;font-size:.68rem;font-weight:600;line-height:1}.card .out{width:17px;height:17px;color:var(--on);opacity:.7;filter:drop-shadow(0 1px 2px #0000004d);z-index:2;transition:opacity .25s,transform .25s;position:absolute;top:1rem;right:1rem}.card .out svg{width:100%;height:100%;display:block}.card:hover .out{opacity:1;transform:translate(2px,-2px)}@media (max-width:900px){.card-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.card-grid{grid-template-columns:1fr}}.cap-h{font-family:var(--display);max-width:18ch;margin-top:.6rem;font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:500}.cap-h .dot{color:var(--green)}.expertise-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(1.5rem,5vw,3rem);display:grid}.expertise-head{position:sticky;top:100px}.expertise-head p{color:var(--ink-soft);max-width:24ch;margin-top:1rem;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.5}.expertise-grid .acc{margin-top:0}@media (max-width:820px){.expertise-grid{grid-template-columns:1fr;gap:1.5rem}.expertise-head{position:static}}.acc{border-top:1px solid var(--line);margin-top:clamp(2rem,4vw,3rem);list-style:none}.acc-item{border-bottom:1px solid var(--line);transition:border-color .25s}.acc-item:hover,.acc-item.open{border-color:var(--green)}.acc-head{width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1.5rem;padding:clamp(1.05rem,2.6vw,1.6rem) 0;display:flex}.acc-row-left{align-items:baseline;gap:clamp(1rem,2.5vw,2rem);min-width:0;display:flex}.acc-num{letter-spacing:.08em;color:var(--green);flex:none;font-size:.78rem;font-weight:600}.acc-name{font-family:var(--display);font-size:clamp(1.4rem,2.7vw,2.05rem);font-weight:400;line-height:1.06;transition:color .2s}.acc-head:hover .acc-name{color:var(--green)}.acc-icon{width:26px;height:26px;color:var(--ink);flex:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),color .2s}.acc-icon svg{width:100%;height:100%;display:block}.acc-head:hover .acc-icon{color:var(--green)}.acc-item.open .acc-icon{color:var(--green);transform:rotate(45deg)}.acc-panel{grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.2,.7,.2,1);display:grid}.acc-item.open .acc-panel{grid-template-rows:1fr}.acc-panel>.acc-clip{overflow:hidden}.acc-body{max-width:62ch;padding-bottom:clamp(1.3rem,2.8vw,1.9rem)}.acc-body p{color:var(--ink-soft);font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.6}.footer{background:var(--green);color:#fff;margin-top:clamp(3rem,8vw,5rem);padding:clamp(3.5rem,7vw,5.5rem) 0}.footer-grid{grid-template-columns:repeat(3,1fr) auto;align-items:start;gap:clamp(2rem,5vw,3rem);display:grid}.footer-h{letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;margin-bottom:1.15rem;font-size:.74rem;font-weight:500}.footer-col ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-col a{color:#fff;font-size:.98rem;transition:color .2s}.footer-col a:hover{color:var(--yellow)}.footer-end{min-width:150px}.footer-copy{color:#ffffffb3;margin-top:1.2rem;font-size:.8rem}.theme-switch{gap:.5rem;display:inline-flex}.theme-switch button{font:inherit;letter-spacing:.1em;text-transform:uppercase;color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;padding:.45rem 1rem;font-size:.68rem;transition:color .2s,border-color .2s}.theme-switch button:hover{color:#fff}.theme-switch button[data-active=true]{color:#fff;border-color:#fff}@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr;row-gap:2.5rem}}@media (max-width:460px){.footer-grid{grid-template-columns:1fr}}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(14px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}}.proj{grid-template-columns:1.55fr 1fr;align-items:start;gap:clamp(2rem,6vw,5rem);padding-top:clamp(2.5rem,6vw,4rem);padding-bottom:clamp(3.5rem,8vw,6rem);display:grid}.proj-crumb{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);font-size:.74rem}.proj-crumb a{color:var(--ink-mute);transition:color .2s}.proj-crumb a:hover{color:var(--green)}.proj-title{font-family:var(--display);letter-spacing:-.02em;margin-top:1.4rem;font-size:clamp(3rem,9vw,5.5rem);font-weight:500;line-height:1}.proj-lead{color:var(--ink);max-width:34ch;margin-top:1.6rem;font-size:clamp(1.2rem,2.4vw,1.55rem);line-height:1.4}.proj-divider{border:0;border-top:1px solid var(--line);margin:clamp(2rem,5vw,3rem) 0}.proj-about-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:1.3rem;font-size:.74rem}.proj-body{max-width:60ch}.proj-body p{color:var(--ink-soft);font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.6}.proj-body p+p{margin-top:1rem}.proj-side{position:sticky;top:90px}.proj-logo{aspect-ratio:3/2;border-radius:6px;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}.proj-logo.t-green{background:var(--green);--on:#fff}.proj-logo.t-blue{background:var(--blue);--on:#fff}.proj-logo.t-yellow{background:var(--yellow);--on:#16140f}.proj-logo.has-logo{background:#fff}.proj-logo.has-logo img{max-width:60%;max-height:46%}.proj-logo .wordmark{font-family:var(--display);letter-spacing:-.01em;color:var(--on);font-size:clamp(2rem,4vw,2.6rem);font-weight:700}.proj-logo img{object-fit:contain;max-width:72%;max-height:62%}.proj-logo .proj-logo-img{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0}.proj-logo .proj-logo-scrim{background:linear-gradient(#0000004d,#0003 45%,#00000080);position:absolute;inset:0}.proj-logo .wordmark-over{z-index:1;color:#fff;text-align:center;text-shadow:0 1px 18px #00000059;position:relative}.spec-list{border-top:1px solid var(--line);margin-top:1.6rem}.spec{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding:.95rem 0;display:flex}.spec-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);flex:none;font-size:.72rem}.spec-val{text-align:right;color:var(--ink);font-size:.98rem}.spec-val a{color:var(--green);transition:color .2s}.spec-val a:hover{color:var(--green-light)}.spec-val .multi{display:block}@media (max-width:860px){.proj{grid-template-columns:1fr}.proj-side{position:static}}.case-metrics{flex-wrap:wrap;gap:clamp(1.5rem,4vw,3rem);margin-top:clamp(1.8rem,4vw,2.4rem);display:flex}.case-metric{flex-direction:column;gap:.25rem;display:flex}.case-metric-value{font-family:var(--display);color:var(--green);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:500;line-height:1}.case-metric-label{letter-spacing:.04em;color:var(--ink-mute);max-width:16ch;font-size:.78rem}.case-list{max-width:60ch;list-style:none}.case-list li{color:var(--ink-soft);padding-left:1.4rem;font-size:clamp(1.02rem,1.6vw,1.14rem);line-height:1.55;position:relative}.case-list li+li{margin-top:.85rem}.case-list li:before{content:"";background:var(--green);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.62em;left:0}.case-external{margin-top:clamp(2rem,4vw,2.6rem)}.case-external a{color:var(--green);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;transition:gap .2s,color .2s;display:inline-flex}.case-external a:hover{color:var(--green-light);gap:.72rem}.case-external svg{width:14px;height:14px}.person{padding-top:clamp(2.5rem,6vw,4rem);padding-bottom:clamp(4rem,9vw,7rem)}.person-head{text-align:center}.person-head .proj-crumb{margin-bottom:clamp(2rem,5vw,3.5rem)}.person-name{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(2.6rem,7vw,5rem);font-weight:500;line-height:1}.person-role{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin-top:.9rem;font-size:.8rem}.person-social{justify-content:center;gap:.6rem;margin-top:1.8rem;display:flex}.person-social a{border:1px solid var(--ink);width:42px;height:42px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:inline-flex}.person-social a:hover{border-color:var(--green);color:var(--green)}.person-social svg{width:18px;height:18px;display:block}.person-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);margin-top:clamp(2.5rem,6vw,3.5rem);padding-top:clamp(2.5rem,6vw,3.5rem);display:grid}.person-photo{border-radius:6px;overflow:hidden}.person-photo img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.person-quote blockquote{max-width:26ch;font-family:var(--display);text-align:center;color:var(--ink);margin:0 auto;font-size:clamp(1.4rem,2.6vw,2rem);font-style:italic;font-weight:400;line-height:1.4}.person-cols{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);margin-top:clamp(2.5rem,6vw,3.5rem);padding-top:clamp(2rem,4vw,2.6rem);display:grid}.person-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:1.3rem;font-size:.74rem}.person-text p{color:var(--ink-soft);font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.65}.person-text p+p{margin-top:1rem}.person-col .btn{margin-top:1.9rem}@media (max-width:760px){.person-grid,.person-cols{grid-template-columns:1fr}}.v-cta{flex-direction:column;align-items:flex-start;gap:1.4rem;padding-top:clamp(3.5rem,8vw,5.5rem);padding-bottom:clamp(3.5rem,8vw,5.5rem);display:flex}.v-cta h2{font-family:var(--display);font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:500}.v-cta .actions{flex-wrap:wrap;gap:.85rem;display:flex}.contact p{color:var(--ink-soft);max-width:46ch;margin-top:-.4rem;font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.5}.article{padding-top:clamp(2rem,5vw,3.5rem);padding-bottom:clamp(3.5rem,8vw,6rem)}.article-head{text-align:center;max-width:46rem;margin:0 auto}.article-crumb{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:clamp(2rem,5vw,3rem);font-size:.74rem}.article-crumb a{color:var(--ink-mute);transition:color .2s}.article-crumb a:hover{color:var(--green)}.article-title{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(2.4rem,6vw,4rem);font-weight:500;line-height:1.04}.article-dek{font-family:var(--display);color:var(--ink-soft);max-width:34ch;margin:clamp(1.4rem,3vw,2rem) auto 0;font-size:clamp(1.15rem,2.2vw,1.5rem);font-style:italic;font-weight:400;line-height:1.4}.article-byline{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-top:clamp(1.6rem,3.5vw,2.2rem);font-size:.74rem}.article-author{color:var(--green);font-weight:600}.article-dot{opacity:.6;margin:0 .55em}.article-rule{border:0;border-top:1px solid var(--line);max-width:46rem;margin:clamp(2.2rem,5vw,3.2rem) auto}.article-hero{max-width:54rem;margin:0 auto clamp(2.4rem,5vw,3.4rem)}.article-hero img{border-radius:6px;width:100%;display:block}.article-hero figcaption{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-top:.9rem;font-size:.72rem}.article-hero--tile{aspect-ratio:16/9;border-radius:6px;justify-content:center;align-items:center;display:flex}.article-hero--tile.tile-green{background:var(--green);--on:#fff}.article-hero--tile.tile-blue{background:var(--blue);--on:#fff}.article-hero--tile.tile-yellow{background:var(--yellow);--on:#16140f}.article-hero-mark{font-family:var(--display);letter-spacing:-.01em;color:var(--on);font-size:clamp(2.4rem,6vw,3.6rem);font-weight:700}.article-body{max-width:38rem;margin:0 auto}.article-body p{color:var(--ink);font-size:clamp(1.05rem,1.6vw,1.18rem);line-height:1.72}.article-body p+p{margin-top:1.4rem}.article-body>p:first-of-type:first-letter{float:left;font-family:var(--display);color:var(--green);padding:.04em .12em 0 0;font-size:3.6em;font-weight:500;line-height:.82}.article-share{text-align:center;max-width:38rem;margin:clamp(2.6rem,5vw,3.6rem) auto 0}.article-share-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);font-size:.72rem}.article-share-icons{justify-content:center;gap:.6rem;margin-top:1rem;display:flex}.article-share-icons a{border:1px solid var(--border-soft);width:40px;height:40px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;transition:border-color .2s,color .2s,transform .2s;display:inline-flex}.article-share-icons a:hover{border-color:var(--green);color:var(--green);transform:translateY(-1px)}.article-share-icons svg{width:16px;height:16px;display:block}.article-topics{border-top:1px solid var(--line);text-align:center;max-width:46rem;margin:clamp(2.6rem,5vw,3.6rem) auto 0;padding-top:clamp(2rem,4vw,2.6rem)}.article-topics-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);font-size:.72rem}.article-tags{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.2rem;display:flex}.article-tag{border:1px solid var(--border-soft);color:var(--ink);border-radius:999px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:background .2s,color .2s,border-color .2s}.article-tag:hover{background:var(--yellow);border-color:var(--yellow);color:#16140f}.article-related{border-top:1px solid var(--line);padding-top:clamp(3rem,6vw,4.5rem);padding-bottom:clamp(1rem,3vw,2rem)}.article-related-h{font-family:var(--display);font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:500}.sg-hero{padding-top:clamp(2.5rem,6vw,4rem);padding-bottom:clamp(2rem,5vw,3rem)}.sg-hero .proj-crumb{margin-bottom:1.3rem}.sg-hero h1{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(2.6rem,7vw,4.5rem);font-weight:500;line-height:1}.sg-hero p{max-width:46ch;color:var(--ink-soft);margin-top:1.3rem;font-size:clamp(1.08rem,1.8vw,1.25rem);line-height:1.55}.sg-section{border-top:1px solid var(--line);padding-top:clamp(3rem,7vw,4.5rem);padding-bottom:clamp(3rem,7vw,4.5rem)}.sg-section-head{align-items:baseline;gap:1rem;margin-bottom:clamp(1.6rem,3.5vw,2.4rem);display:flex}.sg-section-num{letter-spacing:.08em;color:var(--green);flex:none;font-size:.78rem;font-weight:600}.sg-section-title{font-family:var(--display);font-size:clamp(1.7rem,4vw,2.6rem);font-weight:500;line-height:1.04}.sg-note{color:var(--ink-soft);max-width:60ch;margin-bottom:1.6rem;font-size:.95rem;line-height:1.55}.sg-code{letter-spacing:0;color:var(--ink-mute);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}.sg-swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.sg-swatch{border:1px solid var(--card-line);background:var(--card);border-radius:6px;overflow:hidden}.sg-swatch-chip{border-bottom:1px solid var(--card-line);height:84px}.sg-swatch-meta{padding:.7rem .8rem .8rem}.sg-swatch-name{font-size:.86rem;font-weight:600}.sg-swatch-var{margin-top:.2rem;display:block}.sg-swatch-hex{color:var(--ink-soft);text-transform:uppercase;margin-top:.45rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;display:block}.sg-type{flex-direction:column;gap:clamp(1.4rem,3vw,2.1rem);display:flex}.sg-type-row{grid-template-columns:11rem 1fr;align-items:baseline;gap:1.2rem;display:grid}.sg-type-label{flex-direction:column;gap:.3rem;display:flex}.sg-type-label .sg-code{line-height:1.4}.sg-type-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-size:.7rem;font-weight:600}@media (max-width:680px){.sg-type-row{grid-template-columns:1fr;gap:.5rem}}.sg-grid{gap:clamp(1.5rem,4vw,2.5rem);display:grid}.sg-grid--2{grid-template-columns:1fr 1fr}@media (max-width:760px){.sg-grid--2{grid-template-columns:1fr}}.sg-demo{border:1px solid var(--card-line);border-radius:8px;overflow:hidden}.sg-demo-stage{background:var(--bg-deep);flex-wrap:wrap;align-items:center;gap:1rem;padding:clamp(1.4rem,3.5vw,2.2rem);display:flex}.sg-demo-stage--col{flex-direction:column;align-items:stretch}.sg-demo-cap{border-top:1px solid var(--card-line);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex}.sg-demo-cap-name{font-size:.86rem;font-weight:600}.sg-spec-table{border-top:1px solid var(--line)}.sg-spec-table .spec-val{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}
@font-face{font-family:hanken;src:url(../media/HankenGrotesk-s.p.3lxpqujs87tck.woff2?dpl=dpl_Hc6LPQGSd8pLVD4H1A7m27p5vNHp)format("woff2");font-display:swap;font-weight:400 700;font-style:normal}@font-face{font-family:hanken Fallback;src:local(Arial);ascent-override:98.46%;descent-override:29.83%;line-gap-override:0.0%;size-adjust:101.56%}.hanken_c48c4471-module__CoAcIq__className{font-family:hanken,hanken Fallback}.hanken_c48c4471-module__CoAcIq__variable{--font-hanken:"hanken", "hanken Fallback"}
@font-face{font-family:landour;src:url(../media/Landour_RegularDisplay-s.p.2vx0lfvhh6l5p.woff2?dpl=dpl_Hc6LPQGSd8pLVD4H1A7m27p5vNHp)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:landour;src:url(../media/Landour_RegularDisplayItalic-s.p.1ec1xce2obvsk.woff2?dpl=dpl_Hc6LPQGSd8pLVD4H1A7m27p5vNHp)format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:landour;src:url(../media/Landour_MediumDisplay-s.p.1q77ko3g9vx97.woff2?dpl=dpl_Hc6LPQGSd8pLVD4H1A7m27p5vNHp)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:landour Fallback;src:local(Arial);ascent-override:91.89%;descent-override:25.53%;line-gap-override:0.0%;size-adjust:107.74%}.landour_4d70b5a7-module__QXo8pG__className{font-family:landour,landour Fallback}.landour_4d70b5a7-module__QXo8pG__variable{--font-landour:"landour", "landour Fallback"}