:root{--bg:#f7f6f2;--surface:#efeee8;--ink:#242923;--muted:#636b60;--line:#d7dad0;--accent:#3e5946;--accent-soft:#e4e9df;--paper:#fbfaf6;--focus:#b94d2c;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--mono:'Courier New',monospace;color-scheme:light}
:root[data-theme=dark]{--bg:#191e1b;--surface:#242b25;--ink:#eaece3;--muted:#a9b2a6;--line:#414b40;--accent:#b3cfab;--accent-soft:#303f31;--paper:#222a24;--focus:#ef9976;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}svg{display:block}::selection{background:var(--accent);color:var(--bg)}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:6px;border-radius:3px}a:hover{color:var(--accent)}.wrap{width:min(1184px,calc(100% - 96px));margin:0 auto}.skip{position:absolute;top:-100px;left:20px;z-index:9;background:var(--ink);color:var(--bg);padding:12px}.skip:focus{top:10px}.preview-bar{border-bottom:1px solid var(--line);font:12px/1.4 var(--mono);letter-spacing:.02em;color:var(--muted)}.preview-bar .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:10px}.preview-label{display:flex;align-items:center;gap:7px}.preview-label:before{content:'';width:5px;height:5px;border-radius:50%;background:#a56b39}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{font:30px/1 var(--serif);letter-spacing:-1px}.brand-dot{color:var(--accent)}.header-right{display:flex;align-items:center;gap:44px}.nav{display:flex;gap:32px;align-items:center}.nav a{font-size:14px;color:var(--muted);position:relative;padding:12px 0}.nav a[aria-current=page]{color:var(--ink)}.nav a[aria-current=page]:after{position:absolute;content:'';width:4px;height:4px;background:var(--accent);border-radius:50%;bottom:1px;left:calc(50% - 2px)}.theme-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);height:38px;width:38px;display:grid;place-items:center;border-radius:50%;cursor:pointer}.theme-toggle:hover{background:var(--accent-soft)}.theme-toggle svg{width:16px;height:16px}.eyebrow,.small-label{font:12px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center;padding:78px 0 72px}.hero h1{font:clamp(58px,6vw,83px)/1.07 var(--serif);letter-spacing:-3.5px;font-weight:400;margin:23px 0 26px}.hero h1 em{font-weight:400;color:var(--accent)}.hero .intro{font-size:18px;line-height:1.75;max-width:430px;color:var(--muted);margin-bottom:26px}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:17px;padding-bottom:6px;border-bottom:1px solid var(--ink)}.arrow{font-size:19px;line-height:1;transition:transform .18s}.text-link:hover .arrow{transform:translate(3px,-3px)}.visual-notebook{position:relative;margin:0;padding-top:12px}.notebook-art{width:100%;aspect-ratio:1.14;position:relative;background:#e4e8dd;overflow:hidden;border-radius:2px}.notebook-art:before{content:'';position:absolute;width:100%;height:100%;background-image:radial-gradient(#394c3614 .55px,transparent .55px);background-size:4px 4px;z-index:4;pointer-events:none}.art-coordinates{position:absolute;top:18px;left:22px;font:10px var(--mono);letter-spacing:.1em;color:#53604e}.art-line{height:1px;background:#85967d;width:65px;position:absolute;bottom:28px;left:28px}.art-line:after{content:'';position:absolute;left:31px;top:-31px;height:63px;width:1px;background:inherit}.art-circle{position:absolute;top:24%;left:13%;width:49%;aspect-ratio:1;border-radius:50%;background:#314738;box-shadow:inset -18px -10px 30px #1a302736}.art-card{position:absolute;right:10%;top:19%;width:42%;height:66%;transform:rotate(11deg);background:#f8f5e9;box-shadow:0 18px 24px #283f2926;border:1px solid #ebe9de;padding:18px}.art-card-inner{border:1px solid #d0d7c7;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-card-inner:before,.art-card-inner:after{content:'';position:absolute;border:1px solid #8c9b80;width:110%;height:110%;border-radius:50%}.art-card-inner:after{transform:translateY(25%)}.art-disc{background:#d5af78;border-radius:50%;width:35%;aspect-ratio:1;margin-top:-35%;z-index:1}.art-mark{position:absolute;left:30%;top:68%;width:20%;height:24%;background:#b9c4a4;border:9px solid #e8eddf;transform:rotate(-13deg);box-shadow:0 8px 18px #2431231c}.art-number{position:absolute;right:24px;bottom:22px;font:12px var(--mono);color:#56644e}.art-tape{position:absolute;right:20%;top:12%;width:21%;height:10%;background:#ffffff63;transform:rotate(11deg);z-index:3}.art-caption{display:flex;justify-content:space-between;color:var(--muted);font:11px/1.5 var(--mono);margin-top:13px;gap:14px}.interests-line{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;gap:20px;margin-bottom:72px}.interest-tags{display:flex;gap:29px;color:var(--ink);font-size:14px}.interest-tags span{display:flex;align-items:center;gap:8px}.interest-tags i{font-style:normal;font-size:15px;color:var(--accent)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin:0 0 28px}.section-heading h2{font:35px/1.2 var(--serif);letter-spacing:-.8px;font-weight:400;margin:0}.section-heading a{font-size:13px;display:flex;gap:15px;align-items:center}.section-number{font:12px var(--mono);color:var(--muted);display:inline-block;margin-right:15px;letter-spacing:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{min-width:0}.project-image{height:240px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:background .2s}.sumi-image{background:#e8e6dd}.cards-image{background:#e5e8e3}.sumi-wordmark{font:52px/1 var(--serif);letter-spacing:-4px;color:#354233;display:flex;align-items:center;gap:19px}.sumi-symbol{width:58px;height:58px;background:#445640;border-radius:15px;position:relative;box-shadow:0 5px 8px #26312010}.sumi-symbol:before{content:'';position:absolute;width:22px;height:28px;border:2px solid #ebeada;left:16px;top:14px;border-radius:2px}.sumi-symbol:after{content:'';position:absolute;width:10px;height:2px;background:#ebeada;left:22px;top:25px;box-shadow:0 6px 0 #ebeada}.image-corner{position:absolute;left:20px;bottom:15px;font:10px var(--mono);letter-spacing:.12em;color:#53604e}.card-stack{position:relative;width:180px;height:156px}.mini-card{position:absolute;width:101px;height:144px;border-radius:5px;border:1px solid #cbd1c6;box-shadow:0 7px 12px #28312512;background:#f7f7f0;left:39px;top:4px}.mini-card:first-child{transform:translate(-25px,5px) rotate(-17deg);background:#bac7b2}.mini-card:nth-child(2){transform:translate(24px,4px) rotate(15deg);background:#d7c6a6}.mini-card:last-child{transform:rotate(-3deg);display:grid;place-items:center}.card-orbit{width:62px;height:96px;border-radius:50%;border:1px solid #7c8f71;display:grid;place-items:center}.card-orbit:before{content:'';width:43px;height:70px;border-radius:50%;border:1px solid #7c8f71}.card-orbit:after{content:'✦';position:absolute;color:#506b43;font-size:29px;background:#f7f7f0}.project-caption{padding:20px 0 0}.project-title-line{display:flex;justify-content:space-between;gap:14px;align-items:center}.project-title-line h3{font:25px/1.2 var(--serif);font-weight:400;margin:0}.status{font:10px/1.4 var(--mono);border:1px solid var(--line);border-radius:3px;padding:4px 7px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;color:var(--muted)}.project-caption p{font-size:14px;color:var(--muted);margin:9px 0 0}.project-card:hover .project-image{filter:brightness(.97)}.project-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.projects-section{margin-bottom:72px}.notes-section{border-top:1px solid var(--line);padding-top:45px;margin-bottom:80px}.empty-note{border:1px solid var(--line);padding:38px 40px;display:flex;gap:26px;align-items:center;background:var(--paper)}.empty-icon{font:43px var(--serif);color:var(--accent);border:1px solid var(--line);width:64px;height:78px;display:grid;place-items:center;flex-shrink:0;transform:rotate(-4deg)}.empty-note h3{font:25px/1.25 var(--serif);font-weight:400;margin:0 0 7px}.empty-note p{font-size:14px;color:var(--muted);margin:0;max-width:480px}.site-footer{border-top:1px solid var(--line);padding:30px 0 34px;display:flex;justify-content:space-between;gap:24px;align-items:center;color:var(--muted);font-size:12px}.footer-brand{font:18px var(--serif);color:var(--ink)}.footer-right{display:flex;gap:26px;align-items:center}.footer-right a{font-size:12px}.page-hero{padding:66px 0 52px;max-width:780px}.page-hero h1{font:68px/1.12 var(--serif);font-weight:400;letter-spacing:-2.7px;margin:18px 0 24px}.page-hero .lede{font-size:18px;color:var(--muted);max-width:560px}.page-main{min-height:calc(100vh - 288px)}.page-main .projects-section{margin-bottom:90px}.back-link{display:inline-flex;gap:12px;font-size:13px;color:var(--muted);margin-bottom:30px}.draft-callout{border-left:2px solid #ac8757;padding:10px 17px;background:var(--surface);font-size:13px;color:var(--muted);margin:0 0 35px}.about-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:100px;padding:0 0 85px}.prose{max-width:680px}.prose p{font-size:17px;color:var(--muted);margin:0 0 23px;line-height:1.85}.prose h2{font:28px/1.25 var(--serif);margin:37px 0 18px;font-weight:400}.prose h3{font-size:18px;margin:25px 0 12px}.prose ul{padding-left:22px;color:var(--muted)}.prose li{margin-bottom:10px;line-height:1.8}.prose a{text-decoration:underline;text-underline-offset:4px}.prose pre{overflow:auto;padding:18px;background:var(--surface);font-size:14px}.about-aside{padding:28px;border:1px solid var(--line);align-self:start;background:var(--paper)}.about-aside .eyebrow{margin-bottom:25px}.aside-row{padding:18px 0;border-top:1px solid var(--line)}.aside-row span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.aside-row strong{font-size:15px;font-weight:400}.empty-full{margin-bottom:90px;padding:64px 36px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:23px}.empty-full .empty-icon{width:75px;height:92px;font-size:52px}.empty-full h2{font:33px/1.2 var(--serif);font-weight:400;margin:0 0 12px}.empty-full p{max-width:450px;font-size:16px;margin:0;color:var(--muted)}.empty-full .text-link{margin-top:12px}.detail-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:85px;padding-bottom:90px}.detail-art .project-image{height:310px}.detail-art .small-label{margin-top:14px;display:block}.note-list{list-style:none;padding:0;margin:0 0 70px}.note-row{display:grid;grid-template-columns:115px 1fr 25px;gap:25px;border-top:1px solid var(--line);padding:26px 0;align-items:center}.note-row time{font:12px var(--mono);color:var(--muted)}.note-row h2{font:25px var(--serif);margin:0}.note-row p{font-size:13px;color:var(--muted);margin:5px 0 0}.article{max-width:760px;margin-bottom:85px}.route-view[hidden]{display:none!important}.no-js-warning{padding:15px;background:var(--surface);font-size:14px}.not-found{text-align:center;padding:90px 0}.not-found h1{font:60px var(--serif);font-weight:400}.route-view:focus{outline:none}.site-footer a:hover{text-decoration:underline}
@media(min-width:1500px){.hero{padding-block:95px}.notebook-art{aspect-ratio:1.12}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:40px;grid-template-columns:1.05fr 1fr;padding-block:62px}.hero h1{font-size:65px}.about-layout,.detail-layout{gap:45px}.project-image{height:210px}.header-right{gap:28px}.nav{gap:24px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.preview-bar .wrap{font-size:10px}.preview-bar .review-label{max-width:165px;text-align:right}.site-header{height:auto;padding:23px 0 16px;display:grid;grid-template-columns:1fr auto;gap:22px}.brand{font-size:27px}.header-right{display:contents}.nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:18px}.nav a{font-size:14px;padding:4px 0 9px}.theme-toggle{grid-column:2;grid-row:1}.hero{display:flex;flex-direction:column;align-items:stretch;gap:41px;padding:46px 0 38px}.hero h1{font-size:64px;letter-spacing:-3px;margin:19px 0 22px;line-height:1.05}.hero .intro{font-size:17px;max-width:340px}.visual-notebook{max-width:470px;width:100%;padding:0;align-self:center}.notebook-art{aspect-ratio:1.27}.art-caption{font-size:10px}.interests-line{flex-direction:column;gap:12px;padding:21px 0;margin-bottom:43px}.interest-tags{justify-content:space-between;gap:10px;font-size:13px}.interest-tags i{font-size:14px}.section-heading{margin-bottom:22px;gap:12px}.section-heading h2{font-size:29px}.section-heading a{font-size:12px;gap:8px}.section-number{font-size:10px;margin-right:8px}.project-grid{grid-template-columns:1fr;gap:34px}.project-image{height:240px}.project-title-line h3{font-size:25px}.projects-section{margin-bottom:46px}.notes-section{padding-top:33px;margin-bottom:45px}.empty-note{padding:27px 23px;gap:20px;align-items:flex-start}.empty-icon{width:46px;height:59px;font-size:31px;margin-top:3px}.empty-note h3{font-size:23px}.empty-note p{font-size:13px}.site-footer{align-items:flex-start;padding:24px 0;gap:18px;flex-direction:column}.footer-right{width:100%;justify-content:space-between;gap:12px;font-size:11px}.footer-right a{font-size:11px}.page-hero{padding:44px 0 32px}.page-hero h1{font-size:53px;letter-spacing:-2px}.page-hero .lede{font-size:17px}.about-layout,.detail-layout{grid-template-columns:1fr;gap:35px;padding-bottom:55px}.prose p{font-size:16px}.about-aside{padding:25px}.empty-full{padding:43px 24px;margin-bottom:50px;gap:25px}.empty-full h2{font-size:28px}.empty-full p{font-size:15px}.detail-art{grid-row:1}.detail-art .project-image{height:230px}.note-row{grid-template-columns:1fr 20px;gap:8px 15px}.note-row time{grid-column:1}.note-row h2{font-size:23px}.note-row>span{grid-column:2;grid-row:1/3}.note-row>div{grid-column:1}.page-main .projects-section{margin-bottom:50px}}
@media(max-width:365px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:56px}.interest-tags{font-size:12px}.empty-note{padding:25px 18px;gap:16px}.section-heading h2{font-size:26px}.status{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.preview-bar,.theme-toggle,.nav,.skip,.footer-right{display:none}.wrap{width:100%}.site-header{height:80px}.hero{padding:35px 0}.hero h1{font-size:60px}.project-image{height:170px}body{background:#fff;color:#222}.project-card,.empty-note{break-inside:avoid}}
/* Iteration 02: legible content, honest states, and keyboard-first controls. */
[hidden]{display:none!important}
body{overflow-wrap:break-word}.page-main{scroll-margin-top:24px}.page-main:focus{outline:none}
button,input,select{font:inherit}input,select{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:5px;min-height:46px;width:100%;padding:10px 13px}input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:focus-visible{outline-offset:4px}.theme-toggle{height:44px;width:44px}.nav a{min-height:44px;display:inline-flex;align-items:center}
.study-disclosure{display:block;margin-top:11px;font:10px/1.6 var(--mono);color:var(--muted)}
.prose{max-width:65ch}.prose h2,.prose h3{scroll-margin-top:28px}.prose code{font-family:var(--mono);font-size:.86em;background:var(--surface);padding:.12em .25em;border-radius:3px}.prose pre code{background:transparent;padding:0}.prose pre{border:1px solid var(--line);border-radius:5px;line-height:1.7}.prose a{overflow-wrap:anywhere}.reading-time{font:12px/1.6 var(--mono);color:var(--muted);margin:0}.reading-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(160px,1fr);gap:70px;align-items:start}.article-toc{border-left:1px solid var(--line);padding-left:24px;position:sticky;top:32px;font-size:13px;line-height:1.65}.article-toc ul{list-style:none;padding:0;margin:15px 0}.article-toc li{margin:12px 0}.article-toc a{display:block;color:var(--muted)}.article-toc a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.adjacent-notes{border-top:1px solid var(--line);margin-top:55px;padding-top:26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px}.adjacent-notes a{text-decoration:none;display:flex;flex-direction:column;gap:8px}.adjacent-notes a>span:last-child{font:22px/1.4 var(--serif)}
.notes-browser{margin-bottom:80px}.note-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,210px) auto;align-items:end;gap:18px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);margin-bottom:22px}.note-controls label{display:block;font-size:12px;margin-bottom:7px;color:var(--muted)}.reset-notes{border:0;background:transparent;min-height:46px;padding:10px 5px;cursor:pointer;color:var(--ink);font-size:13px;text-decoration:underline;text-underline-offset:4px}.results-count{color:var(--muted);font:12px/1.6 var(--mono);margin:20px 0}.note-row h2,.note-row h3{font:25px/1.3 var(--serif);margin:0;letter-spacing:-.4px;font-weight:400}.note-row:hover h2,.note-row:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.note-row .note-summary{font-size:15px;line-height:1.65;margin:8px 0}.note-row .note-meta{font:11px/1.6 var(--mono);margin-top:10px}.no-results{padding:42px 0;border-top:1px solid var(--line)}.no-results h2{font:30px/1.3 var(--serif);font-weight:400}.no-results p{color:var(--muted)}
.project-facts{border-top:1px solid var(--line);margin:30px 0 0;padding:0}.project-facts div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.project-facts dt{color:var(--muted)}.project-facts dd{margin:0}.detail-art .project-image{height:250px}
@media(max-width:1000px){.reading-layout{gap:35px}}
@media(max-width:760px){.reading-layout{display:flex;flex-direction:column;gap:28px}.article-toc{position:static;order:-1;width:100%;border-left:0;border-block:1px solid var(--line);padding:20px 0}.article-toc ul{margin-bottom:0;display:flex;flex-wrap:wrap;gap:12px 22px}.article-toc li{margin:0}.article{margin-bottom:50px}.note-controls{grid-template-columns:1fr auto;padding:18px;gap:14px}.search-field{grid-column:1/-1}.topic-field{min-width:0}.notes-browser{margin-bottom:48px}.note-row h2,.note-row h3{font-size:23px}.nav a{padding-top:6px;padding-bottom:9px}.hero h1{font-size:clamp(50px,15vw,64px)}.page-hero h1{font-size:clamp(40px,12vw,53px);overflow-wrap:anywhere}.detail-art{grid-row:auto}.project-facts div{grid-template-columns:100px 1fr}.study-disclosure{font-size:10px}}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg:#191e1b;--surface:#242b25;--ink:#eaece3;--muted:#a9b2a6;--line:#414b40;--accent:#b3cfab;--accent-soft:#303f31;--paper:#222a24;--focus:#ef9976;color-scheme:dark}}
@media print{.note-controls,.results-count,.article-toc,.adjacent-notes{display:none!important}.reading-layout{display:block}:root,:root[data-theme=dark]{--bg:#fff;--ink:#222;--muted:#444;--surface:#eee;--paper:#fff;--line:#aaa;--accent:#222}.prose{max-width:100%}.prose a{color:#222}}
.project-title-line h2{font:25px/1.2 var(--serif);font-weight:400;margin:0}.project-card:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}

/* Public images reserve their measured space and never crop evidence. */
.content-figure{margin:32px 0;max-width:100%}.content-figure img{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:4px}.content-figure figcaption{font-size:13px;line-height:1.7;color:var(--muted);margin-top:10px;overflow-wrap:anywhere}
@media print{.content-figure{break-inside:avoid}.content-figure img{max-height:80vh;width:auto;object-fit:contain}}

/* Stable section links stay discoverable by keyboard, pointer, and touch. */
.prose .section-permalink{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-left:.2em;vertical-align:middle;font:16px/1 var(--mono);color:var(--muted);text-decoration:none;border-radius:4px}.prose .section-permalink:hover,.prose .section-permalink:focus-visible{color:var(--accent);background:var(--accent-soft)}.article-toc a{min-height:44px;display:flex;align-items:center}.article-toc li{margin:2px 0}.back-link{min-height:44px;align-items:center}.prose h2:target,.prose h3:target{outline:2px solid var(--line);outline-offset:6px;border-radius:2px}
@media print{.section-permalink{display:none!important}}