@font-face{font-family:'Satoshi';src:url('./assets/fonts/satoshi-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('./assets/fonts/satoshi-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('./assets/fonts/satoshi-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('./assets/fonts/satoshi-900.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Zodiak';src:url('./assets/fonts/zodiak-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}
body{margin:0}
button,input,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
svg{display:block}
h1,h2,h3,p,figure{margin:0}
button{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:fixed;top:-100px;left:20px;z-index:200;background:var(--ink);color:var(--paper);padding:16px}.skip-link:focus{top:12px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}

:root{
 --paper:oklch(96.3% .01 90);--surface:oklch(93.2% .014 85);--ink:oklch(24% .009 80);--muted:oklch(48% .014 75);--accent:oklch(52% .15 40);--line:oklch(24% .009 80 / .17);--white:oklch(99% .005 85);
 --font-body:'Satoshi',sans-serif;--font-display:'Cabinet Grotesk',sans-serif;
 --text-xs:clamp(.75rem,.71rem + .16vw,.82rem);--text-sm:clamp(.875rem,.83rem + .16vw,.94rem);--text-base:clamp(1rem,.96rem + .15vw,1.08rem);--text-lg:clamp(1.15rem,1rem + .7vw,1.5rem);--text-xl:clamp(1.85rem,1.4rem + 1.6vw,3rem);--text-hero:clamp(3.4rem,2rem + 4.1vw,6rem);
 --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:3px;--radius-md:8px;--radius-full:999px;
 color-scheme:light
}
[data-theme=dark]{--paper:oklch(22% .009 80);--surface:oklch(27% .009 80);--ink:oklch(93% .012 85);--muted:oklch(73% .014 75);--accent:oklch(76% .14 48);--line:oklch(94% .009 80 / .17);--white:oklch(28% .01 85);color-scheme:dark}
body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6}
::selection{background:var(--accent);color:var(--paper)}
.container{width:min(100% - var(--space-24),1320px);margin-inline:auto}
.accent,.brand-dot{color:var(--accent)}.muted{color:var(--muted)}
.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.115em;line-height:1.6}
.site-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}
.brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:900;letter-spacing:-.065em;line-height:1;min-height:44px}
.brand-mark{width:35px;height:35px;color:var(--accent)}.brand-light{font-weight:500}
nav{display:flex;gap:var(--space-10)}nav a{font-size:var(--text-sm);font-weight:500;min-height:44px;display:flex;align-items:center;border-bottom:1px solid transparent}nav a:hover{border-bottom-color:var(--accent)}
.header-actions{display:flex;align-items:center;gap:var(--space-6)}.header-contact{font-size:var(--text-sm);font-weight:700;min-height:44px;display:flex;align-items:center;gap:var(--space-5)}
.icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:var(--radius-full);background:transparent;display:grid;place-items:center;font-size:var(--text-lg);line-height:1}.icon-button:hover{background:var(--surface)}
.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-20);padding-block:var(--space-20) var(--space-16);align-items:center}
.hero-main>.eyebrow{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs)}
.small-dot{height:6px;width:6px;background:var(--accent);border-radius:50%;flex-shrink:0}
h1,h2,h3{font-family:var(--font-display);font-weight:700}h1{font-size:var(--text-hero);line-height:1.01;letter-spacing:-.052em;margin-block:var(--space-8) var(--space-6)}h2{font-size:var(--text-xl);line-height:1.08;letter-spacing:-.035em;margin-top:var(--space-5)}h3{font-size:var(--text-lg);line-height:1.2;letter-spacing:-.02em}
.hero-description{max-width:46ch;color:var(--muted);line-height:1.8}
.hero-buttons{display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-8)}
.button{min-height:52px;padding:var(--space-3) var(--space-6);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);font-size:var(--text-sm);font-weight:700;border-radius:var(--radius-sm);border:1px solid transparent;transition:background .18s,transform .18s}
.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}
.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:var(--accent);color:var(--white)}
[data-theme=dark] .primary:hover{color:oklch(22% .009 80)}
.secondary{background:transparent;border-color:var(--line)}.secondary:hover{background:var(--surface)}
.text-link{font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-4);font-weight:600;min-height:44px}.text-link:hover{color:var(--accent)}
.hero-footnote{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);margin-top:var(--space-10);color:var(--muted)}
.availability-dot{height:6px;width:6px;background:var(--muted);border-radius:50%}
.hero-side{padding-top:var(--space-6)}
.workbench{position:relative}.workbench img{width:100%;height:365px;object-fit:cover;background:var(--surface)}
.image-corner{position:absolute;top:var(--space-4);left:var(--space-4);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;color:#24221e;background:#f5f3eddd;padding:var(--space-2) var(--space-3)}
.workbench figcaption{display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;padding-block:var(--space-3);border-bottom:1px solid var(--line)}
.currently{position:relative;padding-top:var(--space-6)}.currently>.eyebrow{color:var(--muted)}.currently p{margin-top:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:1.35}.currently a{position:absolute;bottom:0;right:0;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;font-size:var(--text-lg)}.currently a:hover{background:var(--surface);color:var(--accent)}
.practice-strip{border-block:1px solid var(--line);padding-block:var(--space-6)}.practice-strip>.container{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}.practice-strip .eyebrow{color:var(--muted)}.practice-strip p{display:flex;gap:var(--space-6);font-size:var(--text-sm);font-weight:500}.practice-strip p span{color:var(--accent)}
.section{padding-block:var(--space-24)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-10)}.section-heading>p{max-width:37ch;color:var(--muted);font-size:var(--text-base);padding-bottom:var(--space-1)}
.filter-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap}.filter-row button{padding:var(--space-2) var(--space-4);min-height:44px;border:1px solid var(--line);border-radius:var(--radius-full);background:transparent;font-size:var(--text-sm);transition:background .2s}.filter-row button span{font-size:var(--text-xs);margin-left:var(--space-2);opacity:.7}.filter-row button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter-row button:hover:not([aria-pressed=true]){background:var(--surface)}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12) var(--space-8)}
.project-open{display:block;width:100%;text-align:left;background:transparent;border:0;padding:0}
.project-art{position:relative;height:330px;padding:var(--space-6) var(--space-8);overflow:hidden;display:flex;flex-direction:column;transition:filter .25s}
.project-open:hover .project-art{filter:brightness(1.06)}.project-open:hover .round-arrow{background:var(--ink);color:var(--paper);transform:rotate(45deg)}
.art-top,.art-bottom{display:flex;justify-content:space-between;font-size:var(--text-xs);letter-spacing:.08em;font-weight:700;z-index:2}.art-bottom{margin-top:auto;font-size:var(--text-xs);letter-spacing:.03em}.art-bottom span:last-child{font-weight:400;opacity:.75;font-size:.75rem}
.ledger-art{background:#282e2b;color:#edf0e7}.ledger-title,.torrens-title,.farm-title,.umoja-title{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.02;letter-spacing:-.035em;margin-top:var(--space-6);position:relative;z-index:2}
.ledger-visual{display:flex;gap:var(--space-2);position:absolute;bottom:var(--space-16);right:var(--space-8);height:90px;width:62%;align-items:flex-end}.ledger-visual span{height:var(--bar);width:100%;background:#a2b3a0}.ledger-visual span:nth-child(-n+4){opacity:.4}
.torrens-art{background:#e7d9c9;color:#433a31}.torrens-title{font-size:var(--text-xl)}.workflow-art{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6)}.workflow-art div{border:1px solid #433a3130;padding:var(--space-3);flex:1;display:flex;flex-direction:column;font-weight:600;font-size:var(--text-sm)}.workflow-art div span{font-size:var(--text-xs);font-weight:400;margin-bottom:var(--space-2);opacity:.7}.workflow-art b{font-weight:400}
.farm-art{background:#d7decc;color:#374632}.farm-rows{display:flex;gap:var(--space-3);position:absolute;right:var(--space-8);bottom:var(--space-12);height:135px;width:60%;transform:rotate(-28deg) translate(35px,10px);opacity:.45}.farm-rows div{width:14px;height:180px;border-radius:var(--radius-full);background:#788a68}.farm-title{max-width:90%}
.umoja-art{background:#b64d31;color:#fff4e5}.community-visual{display:flex;position:absolute;bottom:var(--space-16);right:var(--space-8);align-items:center}.community-visual span{border:1px solid #fff4e5aa;width:70px;height:70px;border-radius:50%;margin-left:-var(--space-5);background:#b64d31}.community-visual span:nth-child(3){background:#eccbb4}
.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-5);font-size:var(--text-xs);font-weight:600;letter-spacing:.045em;color:var(--muted)}.round-arrow{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-size:var(--text-lg);transition:transform .25s,background .25s}.project-open h3{margin-top:var(--space-1);font-size:var(--text-lg);font-weight:700}.project-open>p{margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm)}
.work-end{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-8);border-top:1px solid var(--line);margin-top:var(--space-12);gap:var(--space-6);font-size:var(--text-sm);color:var(--muted)}
.about-section{background:var(--surface);padding-block:var(--space-24)}.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:var(--space-24)}.about-heading h2{font-size:var(--text-xl);margin-top:var(--space-8)}.nameplate{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-12);font-size:var(--text-sm);font-weight:700}.name-initials{width:52px;height:52px;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;border-radius:50%}.nameplate div span{display:block;font-size:var(--text-xs);color:var(--muted);font-weight:400;margin-top:var(--space-1)}.about-copy p{color:var(--muted);margin-bottom:var(--space-5)}.about-copy p.intro-copy{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.35;color:var(--ink);margin-bottom:var(--space-6);font-weight:500}.about-actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-block:var(--space-8)}.skill-line{border-top:1px solid var(--line);padding-top:var(--space-5)}.skill-line>span{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.skill-line p{font-size:var(--text-sm);margin-block:var(--space-2) 0;color:var(--ink)}
.lab-section{padding-block:var(--space-24) var(--space-20)}.lab-list{border-top:1px solid var(--line)}.lab-row{display:grid;grid-template-columns:40px 130px 1fr 120px 20px;align-items:center;gap:var(--space-4);text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:var(--space-8) 0}.lab-row:hover{color:var(--accent);background:var(--surface)}.lab-index,.lab-category,.lab-kind{font-size:var(--text-xs);color:var(--muted)}.lab-category{letter-spacing:.06em;font-weight:700}.lab-name{font-size:var(--text-lg);font-family:var(--font-display);font-weight:500}.lab-kind{text-align:right}
.contact-section{background:var(--surface);padding-block:var(--space-20)}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-12)}.contact-inner h2{font-size:var(--text-xl)}.contact-inner h2 span{color:var(--accent)}.contact-inner p{margin-top:var(--space-6);color:var(--muted)}.contact-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-width:240px}.copy-email{border:0;background:transparent;font-size:var(--text-sm);min-height:44px;display:flex;gap:var(--space-6);align-items:center}.copy-email:hover{color:var(--accent)}#copy-status{font-size:var(--text-xs);min-height:20px;max-width:280px;overflow-wrap:anywhere;text-align:center}
.footer{padding-block:var(--space-10);display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}.footer p{font-size:var(--text-xs);text-align:center}.footer p span{color:var(--muted)}
dialog{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);color:var(--ink);width:min(780px,calc(100% - 32px));max-height:88dvh;padding:var(--space-8);box-shadow:0 24px 100px #0003}dialog::backdrop{background:#16171399;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.dialog-top .eyebrow{color:var(--muted)}#dialog-title{font-size:var(--text-xl);margin-top:0;margin-bottom:var(--space-4)}.dialog-lede{font-size:var(--text-lg);color:var(--muted);line-height:1.5;margin-bottom:var(--space-6)}.dialog-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-8)}.dialog-tags span{font-size:var(--text-xs);border:1px solid var(--line);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.dialog-section{border-top:1px solid var(--line);padding-top:var(--space-5);margin-top:var(--space-5)}.dialog-section h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}.dialog-section p,.dialog-section li{color:var(--muted);font-size:var(--text-base)}.dialog-section ul{padding-left:var(--space-5);margin-block:var(--space-3)}.dialog-section li{padding-left:var(--space-1);margin-bottom:var(--space-2)}.dialog-footer{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-8)}body.dialog-open{overflow:hidden}
@media(min-width:1600px){.hero{padding-block:var(--space-24)}.workbench img{height:410px}}
@media(max-width:1100px){.container{width:calc(100% - var(--space-16))}.hero{gap:var(--space-10)}.hero-buttons{gap:var(--space-4)}.hero-main>.eyebrow{font-size:.75rem;gap:var(--space-2)}.hero-side{padding-top:0}.workbench img{height:330px}.practice-strip>.container{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.about-grid{gap:var(--space-12)}.lab-row{grid-template-columns:30px 110px 1fr 95px 20px;gap:var(--space-3)}.project-art{height:315px;padding-inline:var(--space-6)}.art-bottom span:last-child{display:none}}
@media(max-width:760px){.container{width:calc(100% - var(--space-10))}.header-inner{height:72px;gap:var(--space-3)}.header-actions{gap:var(--space-2)}.header-contact{display:none}.menu-toggle{display:grid}.brand{font-size:var(--text-lg)}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:var(--space-4) var(--space-5);gap:var(--space-2)}nav.is-open{display:flex;flex-direction:column}nav a{min-height:48px}.hero{grid-template-columns:1fr;padding-block:var(--space-10);gap:var(--space-10)}h1{margin-top:var(--space-6);font-size:clamp(3.2rem,12vw,5rem);line-height:1.02}.hero-main>.eyebrow{flex-wrap:wrap;letter-spacing:.08em;gap:var(--space-2);font-size:.75rem}.hero-description{max-width:44ch;line-height:1.7}.hero-buttons{gap:var(--space-5);margin-top:var(--space-6)}.button{padding-inline:var(--space-4);gap:var(--space-5);min-height:48px}.hero-footnote{margin-top:var(--space-6)}.workbench img{height:270px}.currently{padding-top:var(--space-4)}.currently p{font-size:var(--text-lg)}.practice-strip{padding-block:var(--space-5)}.practice-strip p{gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-sm)}.practice-strip .eyebrow{font-size:.75rem}.section{padding-block:var(--space-16)}.section-heading{display:block;margin-bottom:var(--space-6)}.section-heading>p{margin-top:var(--space-5);max-width:45ch}.section-heading h2{margin-top:var(--space-3)}.filter-row{gap:var(--space-2);margin-bottom:var(--space-6)}.filter-row button{padding-inline:var(--space-3);font-size:var(--text-xs)}.project-grid{grid-template-columns:1fr;gap:var(--space-8)}.project-art{height:285px;padding:var(--space-5)}.project-meta{margin-top:var(--space-3)}.project-open>p{max-width:40ch}.project-open h3{font-size:var(--text-lg)}.ledger-title,.torrens-title,.farm-title,.umoja-title{font-size:clamp(1.85rem,7vw,2.6rem)}.work-end{display:block;margin-top:var(--space-8);padding-top:var(--space-5)}.work-end>span{display:block;font-size:var(--text-xs)}.work-end>a{margin-top:var(--space-2)}.about-section{padding-block:var(--space-16)}.about-grid{grid-template-columns:1fr;gap:var(--space-8)}.about-heading h2{margin-top:var(--space-4)}.nameplate{margin-top:var(--space-6)}.about-actions{margin-block:var(--space-6);gap:var(--space-2)}.lab-row{grid-template-columns:25px 1fr 20px;gap:var(--space-2) var(--space-3);padding-block:var(--space-5)}.lab-index{grid-row:1/3}.lab-category{grid-column:2}.lab-name{grid-column:2;grid-row:2;font-size:var(--text-lg)}.lab-kind{display:none}.lab-row>span:last-child{grid-column:3;grid-row:1/3}.contact-section{padding-block:var(--space-12)}.contact-inner{align-items:flex-start;flex-direction:column;gap:var(--space-8)}.contact-inner p{margin-top:var(--space-4)}.contact-actions{align-items:flex-start;gap:var(--space-1)}#copy-status{text-align:left;min-height:0}.footer{padding-block:var(--space-8);gap:var(--space-5);flex-wrap:wrap}.footer p{order:3;width:100%;text-align:left;border-top:1px solid var(--line);padding-top:var(--space-5)}dialog{padding:var(--space-5);max-height:90dvh}.dialog-top{margin-bottom:var(--space-5)}.dialog-top .eyebrow{font-size:.75rem;max-width:24ch}.dialog-lede{font-size:var(--text-base)}.dialog-tags{margin-bottom:var(--space-5)}}
@media(max-width:360px){.hero-buttons{gap:var(--space-3)}.hero-buttons .text-link{gap:var(--space-2);font-size:var(--text-xs)}.hero-main>.eyebrow .slash{display:none}.hero-footnote{font-size:.75rem}}
.community-visual span{margin-left:calc(-1 * var(--space-5))}
.hero-buttons .button,.hero-buttons .text-link{white-space:nowrap}
.image-fallback{min-height:270px;background:var(--surface);display:grid;place-items:center;padding:var(--space-8);font-family:var(--font-display);font-size:var(--text-xl);text-align:center;border:1px solid var(--line)}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-card,.project-open,.workflow-art div{min-width:0}
.round-arrow{flex-shrink:0}
@media(max-width:760px){h1{font-size:clamp(2.75rem,10.5vw,4.5rem)}.hero-buttons{gap:var(--space-5)}.hero-buttons .button{gap:var(--space-4)}.hero-buttons .text-link{gap:var(--space-3)}}
@media(max-width:760px){.project-grid{grid-template-columns:minmax(0,1fr)}.workflow-art{gap:var(--space-1)}.workflow-art div{padding:var(--space-2);font-size:var(--text-xs)}.project-meta{gap:var(--space-3)}}

/* Brand refinement: the supplied silver-and-gold identity, with quieter surfaces. */
:root{
  --paper:oklch(97% .009 85);
  --surface:oklch(94% .014 85);
  --ink:oklch(25% .007 85);
  --muted:oklch(48% .012 85);
  --accent:oklch(48% .09 75);
  --line:oklch(25% .015 80 / .13);
  --white:oklch(99% .004 85);
  --gold:oklch(77% .096 80);
  --font-display:'Satoshi',sans-serif;
  --font-editorial:'Zodiak',serif;
  --radius-card:12px;
  --ease:cubic-bezier(.16,1,.3,1);
}
[data-theme=dark]{
  --paper:oklch(21% .007 85);
  --surface:oklch(25% .008 85);
  --ink:oklch(94% .01 85);
  --muted:oklch(73% .014 85);
  --accent:oklch(78% .09 80);
  --line:oklch(94% .01 85 / .13);
  --white:oklch(26% .007 85);
}
.container{max-width:1280px}
.site-header{background:color-mix(in oklch,var(--paper) 94%,transparent);backdrop-filter:blur(16px)}
.header-inner{height:92px}
.brand{gap:var(--space-3);letter-spacing:0;flex-shrink:0}
.brand-emblem{height:49px;width:63px;object-fit:contain;background:none}
.brand-wordmark{font-size:var(--text-sm);font-weight:900;letter-spacing:.19em;line-height:1.4}
.brand-wordmark>span{display:block;font-size:.75rem;font-weight:500;letter-spacing:.06em;color:var(--muted);margin-top:var(--space-1)}
.header-actions{gap:var(--space-3)}
.header-contact{padding:var(--space-2) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-full);transition:background .2s,color .2s}
.header-contact:hover{background:var(--ink);color:var(--paper)}
.header-contact>span{color:var(--accent)}
nav{gap:var(--space-2)}
nav a{padding-inline:var(--space-4);border:0;border-radius:var(--radius-full);color:var(--muted);transition:background .2s,color .2s}
nav a:hover,nav a[aria-current=location]{background:var(--surface);color:var(--ink)}
.icon-button{transition:background .2s,transform .25s var(--ease)}
.icon-button:active{transform:scale(.92)}
.reading-progress{position:absolute;left:0;bottom:-1px;height:2px;background:var(--gold);width:100%;transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero{padding-block:var(--space-20);gap:var(--space-16);grid-template-columns:1.13fr 1fr}
h1{font-size:clamp(3.5rem,2.1rem + 3.6vw,5.7rem);line-height:1.055;letter-spacing:-.055em;margin-top:var(--space-8)}
h1 .accent{font-family:var(--font-editorial);font-weight:400;letter-spacing:-.06em;line-height:1.1}
.serif-heading{font-family:var(--font-editorial);font-weight:400;letter-spacing:-.045em}
h2{font-size:clamp(1.8rem,1.2rem + 1.5vw,2.75rem);line-height:1.22}
.hero-description{max-width:43ch}
.button{border-radius:var(--radius-md);transition:background .2s,color .2s,transform .25s var(--ease),box-shadow .25s}
.primary{box-shadow:0 4px 10px oklch(20% .01 85 / .07)}
.primary:hover{background:var(--accent);color:var(--paper);box-shadow:0 7px 18px oklch(20% .01 85 / .12)}
.hero-footnote{margin-top:var(--space-8)}
.availability-dot{background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklch,var(--accent) 12%,transparent)}
.hero-side{padding-top:var(--space-3)}
.workbench-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--muted)}
.workbench-label .eyebrow{font-size:.75rem;letter-spacing:.07em}
.edition{font-size:.75rem;letter-spacing:.045em;color:var(--accent)}
.workbench{border-radius:var(--radius-card);overflow:hidden;background:#252622;box-shadow:0 12px 32px #24241e0d}
.workbench>img{height:360px;transition:filter .4s;object-position:center 60%}
.workbench figcaption{background:#252622;color:#f3f0e7;border:0;padding:var(--space-4) var(--space-5);font-size:.75rem;letter-spacing:.05em;gap:var(--space-4)}
.workbench figcaption>span:last-child{color:#d6b779}
.workbench-seal{position:absolute;right:var(--space-5);top:var(--space-5);width:80px;height:70px;background:#252622f5;border:1px solid #bfa37366;border-radius:var(--radius-md);display:grid;place-items:center}
.workbench-seal img{width:60px;height:47px;object-fit:contain;background:none}
.currently{margin-top:var(--space-5);padding-top:var(--space-3)}
.currently p{font-size:var(--text-lg);line-height:1.4;letter-spacing:-.03em}
.currently>.eyebrow{font-size:.75rem}
.currently a{width:44px;height:44px;transition:background .2s,transform .25s var(--ease)}
.currently a:hover{transform:rotate(45deg)}
.practice-strip{background:var(--surface);border:0;padding-block:var(--space-6)}
.practice-strip>.container{gap:var(--space-6)}
.practice-strip .eyebrow{font-size:.75rem;letter-spacing:.06em}
.practice-strip p{font-size:var(--text-sm)}
.section-heading{margin-bottom:var(--space-8)}
.section-heading>.eyebrow,.about-heading>.eyebrow{color:var(--accent)}
.section-heading>div>.eyebrow{color:var(--accent)}
.filter-row{border-bottom:1px solid var(--line);padding-bottom:var(--space-6);margin-bottom:var(--space-8)}
.filter-row button{border-color:transparent}
.filter-row button[aria-pressed=true]{background:var(--ink);border-color:transparent}
.filter-row button:not([aria-pressed=true]):hover{border-color:var(--line)}
.project-grid{gap:var(--space-8)}
.project-open{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--white);padding:var(--space-3) var(--space-3) var(--space-6);height:100%;transition:box-shadow .3s var(--ease),border-color .3s,transform .3s var(--ease)}
.project-open:hover{border-color:color-mix(in oklch,var(--accent) 45%,var(--line));box-shadow:0 12px 32px oklch(20% .01 85 / .07)}
.project-art{border-radius:calc(var(--radius-card) - 5px);height:315px;padding:var(--space-6)}
.project-meta{padding-inline:var(--space-3);margin-top:var(--space-5);font-size:.75rem;letter-spacing:.04em}
.project-open h3{padding-inline:var(--space-3);font-weight:700}
.project-open>p{padding-inline:var(--space-3);max-width:54ch}
.ledger-art{background:#282a26;color:#f3f0e7}
.ledger-brand{display:flex;align-items:center;gap:var(--space-3)}
.ledger-brand img{width:32px;height:25px;object-fit:contain;background:none}
.ledger-visual span{background:#cab079}
.ledger-title,.torrens-title,.farm-title,.umoja-title{font-weight:500;font-size:clamp(1.7rem,1rem + 1.5vw,2.65rem);letter-spacing:-.055em;line-height:1.08}
.torrens-art{background:#e9e4d9;color:#474337}
.torrens-title{font-family:var(--font-editorial);font-weight:400;letter-spacing:-.06em}
.workflow-art div{border-color:#433a3126;background:#f6f3ea50;border-radius:var(--radius-sm)}
.farm-art{background:#dce0d3;color:#374333}
.farm-rows div{background:#7c886b}
.umoja-art{background:#626052;color:#fff8e9}
.umoja-title{font-family:var(--font-editorial);letter-spacing:-.06em}
.community-visual span{background:#626052;border-color:#e4d3afbb}
.community-visual span:nth-child(3){background:#d5b77e}
.art-bottom{font-size:.75rem}
.round-arrow{border:0;background:var(--surface);width:40px;height:40px}
.work-end{margin-top:var(--space-8)}
.about-section{background:var(--surface)}
.about-grid{grid-template-columns:.95fr 1fr;gap:var(--space-24);align-items:center}
.about-heading h2{margin-top:var(--space-5)}
.identity-card{margin-top:var(--space-8);border-radius:var(--radius-card);background:#282a26;border:1px solid #ffffff12;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);width:min(100%,420px)}
.identity-card img{width:220px;height:auto;object-fit:contain;background:none}
.identity-card figcaption{font-size:.75rem;color:#d8c59f;letter-spacing:.075em;margin-top:var(--space-5);text-align:center}
.nameplate{margin-top:var(--space-6)}
.name-initials{background:var(--paper);border:0;color:var(--accent)}
.about-copy p.intro-copy{font-size:var(--text-lg);line-height:1.5;font-weight:500;letter-spacing:-.025em}
.about-actions{gap:var(--space-4)}
.lab-list{border-top:0}
.lab-row{padding:var(--space-6) var(--space-3);border-radius:var(--radius-md)}
.lab-row+.lab-row{margin-top:var(--space-2)}
.lab-row:hover{background:var(--surface);color:var(--ink)}
.lab-row:hover>span:last-child{color:var(--accent);transform:translate(3px,-3px)}
.lab-row>span:last-child{transition:transform .25s var(--ease)}
.lab-name{font-weight:500;font-size:clamp(1.05rem,.9rem + .5vw,1.35rem);letter-spacing:-.025em}
.contact-section{background:#272925;color:#f5f2e9;padding-block:var(--space-20)}
.contact-section .eyebrow{color:#d6b779}
.contact-inner h2{font-size:clamp(2.2rem,1.5rem + 2vw,3.7rem);line-height:1.1}
.contact-inner h2 .serif-heading{color:#d6b779}
.contact-inner p{color:#c1c1b6}
.contact-section .primary{background:#d6b779;color:#262821}
.contact-section .primary:hover{background:#e6cb94}
.copy-email{color:#e4e1d6}
.copy-email:hover{color:#d6b779}
.footer{padding-block:var(--space-10)}
dialog{border-radius:var(--radius-card);padding:var(--space-8);max-height:88dvh}
.dialog-top{position:sticky;top:calc(-1 * var(--space-8));background:var(--paper);z-index:1;padding-block:var(--space-3);border-bottom:1px solid var(--line)}
.dialog-top .eyebrow{color:var(--accent)}
.dialog-lede{font-size:var(--text-lg)}
.dialog-tags span{background:var(--surface);border-color:transparent}
.dialog-section h3{font-size:var(--text-lg);font-weight:700}
.project-pager{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:var(--space-5);margin-top:var(--space-6);gap:var(--space-4)}
.project-pager>span{font-size:var(--text-xs);color:var(--muted)}
.project-pager button{border:0;background:var(--surface);min-height:44px;border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}
.project-pager button:hover{background:var(--ink);color:var(--paper)}
.image-fallback.brand-fallback{min-height:0;font-family:var(--font-body);font-size:var(--text-sm);padding:0;background:none;border:0}
dialog[open]{animation:dialog-appear .22s var(--ease)}
@keyframes dialog-appear{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){
  .brand-wordmark>span{display:none}
  .hero{gap:var(--space-10)}
  .workbench-label .edition{display:none}
  .workbench>img{height:325px}
  .practice-strip>.container{flex-direction:row;align-items:center}
  .practice-strip p{gap:var(--space-3);flex-wrap:wrap}
  .practice-strip .eyebrow{max-width:22ch}
  .about-grid{gap:var(--space-12)}
  .project-art{height:300px}
}
@media(max-width:760px){
  .header-inner{height:76px}
  .brand{gap:var(--space-2)}
  .brand-emblem{width:49px;height:40px}
  .brand-wordmark{font-size:.8rem;letter-spacing:.13em}
  .header-actions{gap:var(--space-2)}
  .icon-button{border-color:transparent;background:var(--surface)}
  nav{top:76px;padding:var(--space-3) var(--space-5);box-shadow:0 12px 24px #00000009}
  nav a{padding:var(--space-3) var(--space-4)}
  .hero{grid-template-columns:1fr;padding-block:var(--space-10);gap:var(--space-10)}
  h1{font-size:clamp(2.55rem,10.1vw,4.7rem);line-height:1.08;margin-top:var(--space-6)}
  h1 .accent{font-size:1.08em}
  .hero-description{line-height:1.75}
  .hero-main>.eyebrow{font-size:.75rem;letter-spacing:.055em}
  .hero-footnote{margin-top:var(--space-6)}
  .hero-side{padding-top:0}
  .workbench-label{margin-bottom:var(--space-3)}
  .workbench-label .edition{display:block;font-size:.75rem}
  .workbench-label .eyebrow{max-width:22ch}
  .workbench>img{height:260px}
  .workbench figcaption{padding:var(--space-3) var(--space-4)}
  .workbench figcaption>span:last-child{display:none}
  .workbench-seal{width:66px;height:60px;right:var(--space-4);top:var(--space-4)}
  .workbench-seal img{width:50px;height:39px}
  .currently{margin-top:var(--space-4)}
  .currently p{font-size:var(--text-lg)}
  .practice-strip{padding-block:var(--space-5)}
  .practice-strip>.container{flex-direction:column;align-items:flex-start;gap:var(--space-3)}
  .practice-strip .eyebrow{max-width:none}
  .practice-strip p{gap:var(--space-2)}
  .section{padding-block:var(--space-16)}
  h2{font-size:clamp(1.75rem,6.2vw,2.75rem)}
  .section-heading{margin-bottom:var(--space-6)}
  .filter-row{margin-bottom:var(--space-6);padding-bottom:var(--space-4);gap:var(--space-1)}
  .filter-row button{font-size:var(--text-xs)}
  .project-open{padding:var(--space-2) var(--space-2) var(--space-5)}
  .project-grid{gap:var(--space-6)}
  .project-art{height:270px;padding:var(--space-4)}
  .art-top{font-size:.75rem}
  .project-meta{padding-inline:var(--space-2);font-size:.75rem;letter-spacing:0;gap:var(--space-2);margin-top:var(--space-4)}
  .project-open h3,.project-open>p{padding-inline:var(--space-2)}
  .ledger-title,.torrens-title,.farm-title,.umoja-title{font-size:clamp(1.7rem,6.8vw,2.5rem)}
  .ledger-visual{right:var(--space-4);gap:var(--space-1);height:68px;width:70%}
  .ledger-brand{gap:var(--space-2)}
  .ledger-brand img{width:25px;height:20px}
  .farm-title{max-width:100%}
  .workflow-art{margin-top:var(--space-6)}
  .community-visual{right:var(--space-5)}
  .community-visual span{width:60px;height:60px}
  .about-grid{grid-template-columns:1fr;gap:var(--space-8)}
  .identity-card{min-height:220px;margin-top:var(--space-6)}
  .identity-card img{width:200px}
  .nameplate{margin-top:var(--space-5)}
  .lab-row{grid-template-columns:22px 1fr 20px;padding:var(--space-5) var(--space-2)}
  .contact-section{padding-block:var(--space-12)}
  .contact-inner h2{font-size:clamp(2.2rem,8vw,3rem)}
  .footer{padding-block:var(--space-8)}
  .footer .brand-emblem{width:45px;height:36px}
  .footer .brand-wordmark>span{display:block;font-size:.75rem;letter-spacing:.025em}
  dialog{padding:var(--space-5)}
  .dialog-top{top:calc(-1 * var(--space-5));padding-block:var(--space-2);margin-bottom:var(--space-5)}
  .dialog-top .icon-button{flex-shrink:0}
}
@media(max-width:360px){
  .brand-emblem{width:42px;height:35px}
  .brand-wordmark{font-size:.75rem;letter-spacing:.1em}
  .workbench-label .edition{display:none}
  .hero-main>.eyebrow{letter-spacing:0}
  .art-top{letter-spacing:.03em}
}