/* Shared visual language: ink, ruled margins, and project-specific line drawings. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:continuum-out .16s ease both}
::view-transition-new(root){animation:continuum-in .24s ease both}
@keyframes continuum-out{to{opacity:0}}
@keyframes continuum-in{from{opacity:0;transform:translateY(5px)}}
.form-plate{--form-wire:#60766a;position:relative;min-width:0;overflow:hidden;background:var(--surface);color:var(--ink);isolation:isolate}
[data-theme=dark] .form-plate{--form-wire:#adc2ac}
.form-drawing{position:absolute;inset:16px 20px 40px}.form-drawing>svg,.form-canvas{position:absolute;width:100%;height:100%;inset:0;display:block}.form-fallback .form-wire{stroke:var(--form-wire);stroke-width:.7;opacity:.55}.form-fallback .form-accent{stroke:var(--accent);stroke-width:1}.form-dot{fill:var(--accent)}.form-canvas{opacity:0;touch-action:pan-y}.form-plate[data-form-ready=true] .form-canvas{opacity:1}.form-plate[data-form-ready=true] .form-fallback{visibility:hidden}
.form-label{position:absolute;bottom:18px;left:24px;right:24px;font:400 10px/1.6 var(--mono);letter-spacing:.08em;color:var(--muted);display:flex;align-items:center;gap:12px}.form-label:before{content:'+';color:var(--accent);font-size:15px}
.continuum-hero{padding:0 var(--gutter);border-bottom:1px solid var(--line)}.continuum-stage{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:540px}.continuum-copy{position:relative;z-index:1;padding:55px 0;min-width:0}.continuum-copy .eyebrow{color:var(--muted);font-size:10px}.continuum-copy .eyebrow:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:2px}.continuum-copy h1,.continuum-copy h2{font:500 clamp(48px,5.7vw,80px)/1.04 var(--sans);letter-spacing:-.055em;margin:30px 0 24px;min-height:2.18em;overflow-wrap:normal}.continuum-copy em{font:italic 400 1.15em/1 'Instrument Serif',Georgia,serif;color:var(--accent);letter-spacing:-.035em}.continuum-description{font-size:14px;line-height:1.9;color:var(--muted);max-width:350px;min-height:106px}.continuum-copy .text-link{font-size:12px;min-height:44px;margin-top:18px;gap:30px}.continuum-graphic{height:500px;background:transparent}.continuum-graphic .form-drawing{inset:0 0 30px}.continuum-graphic .form-label{left:auto;right:0;bottom:20px}.continuum-rail{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);font:400 10px/1.8 var(--mono);color:var(--muted);padding:18px 0}.continuum-rail a{min-height:34px;display:flex;align-items:center}.continuum-rail a:hover{color:var(--accent)}
.continuum-selector{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding-bottom:26px}.continuum-selector[hidden]{display:none}.continuum-selector button{position:relative;display:block;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;padding:18px 22px 12px 0;min-height:84px;color:var(--ink);font:400 13px/1.5 var(--sans)}.continuum-selector button>span:first-child{display:block;font:400 10px/1.6 var(--mono);color:var(--muted);margin-bottom:8px}.continuum-selector strong{font-weight:500}.continuum-selector .selector-arrow{position:absolute;right:0;bottom:15px;opacity:0;transform:translate(-4px,4px);transition:transform .2s,opacity .2s}.continuum-selector button[aria-pressed=true]{border-top:2px solid var(--accent);color:var(--accent);padding-top:17px}.continuum-selector button[aria-pressed=true] .selector-arrow,.continuum-selector button:hover .selector-arrow,.continuum-selector button:focus-visible .selector-arrow{opacity:1;transform:none}
/* The gallery becomes an editorial sequence, with one large opening project. */
.archive-grid{gap:52px 36px}.archive-card:nth-child(2),.archive-card:nth-child(4){margin-top:0}.archive-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.08fr 1fr;gap:44px;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--line)}.archive-card:first-child .archive-card-body{padding:24px 0}.archive-card:first-child h2{font-size:clamp(40px,4.6vw,68px)}.archive-art.form-plate{height:360px;padding:0;background:var(--surface);border:1px solid var(--line)}.archive-card:first-child .archive-art{height:430px}.archive-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.08fr;gap:44px;align-items:center;padding-top:20px;border-top:1px solid var(--line)}.archive-card:last-child .archive-art{order:2}.archive-card:last-child .archive-card-body{padding:24px 0}.archive-card .archive-card-foot{border-bottom:1px solid var(--line)}.archive-card h2{transition:color .2s}.archive-card:hover h2{color:var(--accent)}.archive-card:focus-visible{outline-offset:8px}
.work-cover.form-plate{height:280px;padding:0;border:1px solid var(--line);background:var(--surface)}.project-visual{height:470px;margin:20px var(--gutter) 0;border-block:1px solid var(--line);background:transparent}.project-visual .form-drawing{inset:0 15% 45px}.project-visual .form-label{left:0;bottom:15px}.project-story .story-section{border-top:1px solid var(--line);padding-top:32px}.story-section>.eyebrow{display:flex;gap:14px;align-items:baseline}.story-section>.eyebrow:before{content:'+';color:var(--accent);font-size:18px}
/* Notes retain a quiet reading column; the drawing sits outside the prose. */
.featured-note{background:var(--surface);color:var(--ink);border-block:1px solid var(--line)}.featured-note .eyebrow,.featured-note-copy>p:not(.eyebrow){color:var(--muted)}.featured-note h2 em{color:var(--accent)}.featured-note .listening-art.form-plate{background:transparent;min-height:400px}.featured-note-copy{padding-left:0}.featured-note-bottom{color:var(--ink)}.article-form{height:155px;background:transparent;margin-top:30px;border-top:1px solid var(--line)}.article-form .form-drawing{inset:0;right:0;left:55%;transform:rotate(-7deg);transform-origin:center}.article-form:before{content:'+';position:absolute;left:0;top:22px;color:var(--accent);font:400 20px/1 var(--mono)}.article-page .page-hero{padding-bottom:0}.article-page .article-meta{border-top:0}.notebook-row{position:relative;transition:background .2s}.notebook-row:hover{background:var(--surface)}.notebook-row .notebook-arrow{transition:transform .25s}.notebook-row:hover .notebook-arrow{transform:translate(5px,-5px)}.reading-body .note-scenario{border-left:2px solid var(--accent);box-shadow:none}.reading-body section:target h2{color:var(--accent)}
/* History, related reading and contact use the same ruled margins. */
.about-profile .portrait{position:relative}.about-profile .portrait img{filter:saturate(.75)}.about-trail>a{position:relative;padding-left:22px;border-left:1px solid var(--line)}.about-trail>a:before{content:'';position:absolute;width:5px;height:5px;left:-3px;top:50%;background:var(--accent);border-radius:50%}.journey-list{border-left:1px solid var(--line);padding-left:28px}.journey-list details{position:relative}.journey-list details:before{content:'';position:absolute;left:-31px;top:39px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.focus-list details[open] summary h3{color:var(--accent)}.contact{position:relative}.contact:before{content:'';position:absolute;left:var(--gutter);right:var(--gutter);top:0;height:1px;background:var(--line)}.related-grid>a{transition:padding-left .2s}.related-grid>a:hover{padding-left:12px}.related-arrow{transition:transform .2s}.related-grid>a:hover .related-arrow{transform:translate(3px,-3px)}.lab-invite{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.lab-invite .eyebrow,.lab-invite-copy>p:not(.eyebrow),.lab-corner{color:var(--muted)}.lab-invite .text-link{color:var(--ink);border-color:var(--line)}.lab-invite h2 em{color:var(--accent)}.lab-invite img{opacity:.8}.surface-workspace{border:1px solid var(--line)}
html[lang=zh-CN] .continuum-copy h1,html[lang=zh-CN] .continuum-copy h2{font-size:clamp(42px,4.8vw,68px);line-height:1.2;letter-spacing:-.04em;min-height:2.6em}html[lang=zh-CN] .continuum-copy em{font-family:'Instrument Serif','Noto Serif SC',serif;line-height:1.2;letter-spacing:-.035em}html[lang=zh-CN] .continuum-description{line-height:1.95}
@media(max-width:900px){.continuum-stage{grid-template-columns:47% 53%;min-height:480px}.continuum-copy h1,.continuum-copy h2{font-size:52px}.continuum-graphic{height:420px}.continuum-selector{gap:14px}.continuum-description{font-size:13px;max-width:300px}.archive-card:first-child,.archive-card:last-child{gap:28px}.archive-art.form-plate{height:300px}.archive-card:first-child .archive-art{height:360px}.project-visual{height:380px}.project-visual .form-drawing{inset-inline:5%}.featured-note h2{font-size:50px}.featured-note-copy{padding-right:24px}}
@media(max-width:640px){.continuum-stage{grid-template-columns:1fr;min-height:0}.continuum-copy{padding:38px 0 0}.continuum-copy h1,.continuum-copy h2{font-size:clamp(45px,10vw,62px);min-height:2.2em;margin:24px 0}.continuum-description{min-height:100px;max-width:100%;font-size:14px}.continuum-copy .text-link{margin-top:8px}.continuum-graphic{height:330px}.continuum-graphic .form-drawing{inset:10px -8px 30px}.continuum-graphic .form-label{font-size:9px;bottom:6px}.continuum-rail{font-size:9px;gap:16px;align-items:start;padding:16px 0}.continuum-rail>span{max-width:50%}.continuum-rail>a{text-align:right;max-width:48%;min-height:0}.continuum-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px;padding-bottom:18px}.continuum-selector button{min-height:76px;font-size:12px;padding-right:14px}.continuum-selector button>span:first-child{font-size:9px}.archive-grid{grid-template-columns:1fr;gap:36px}.archive-card:first-child,.archive-card:last-child{display:block;padding:0;border:0}.archive-card:last-child .archive-art{order:0}.archive-card:first-child .archive-art,.archive-art.form-plate{height:300px}.archive-card:first-child h2{font-size:40px}.archive-card .archive-card-body{padding:24px 0}.project-visual{height:310px}.project-visual .form-drawing{inset:0 0 35px}.project-story .story-section{padding-top:24px}.featured-note{grid-template-columns:1fr}.featured-note-copy{padding:32px 24px}.featured-note .listening-art.form-plate{min-height:260px;height:260px}.article-form{height:110px}.article-form .form-drawing{left:30%}.journey-list{padding-left:16px}.journey-list details:before{left:-19px}.related-grid>a:hover{padding-left:0}html[lang=zh-CN] .continuum-copy h1,html[lang=zh-CN] .continuum-copy h2{font-size:clamp(38px,9vw,56px)}}
@media(max-width:360px){.continuum-graphic{height:280px}.continuum-copy h1,.continuum-copy h2{font-size:41px}.continuum-selector{gap:0 10px}.continuum-selector button{font-size:11px}.continuum-selector button>span:first-child{font-size:8px}.form-label{font-size:9px;left:16px;right:16px}.continuum-description{font-size:13px}.project-visual{height:270px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.continuum-selector .selector-arrow,.archive-card h2,.notebook-row,.related-grid>a,.related-arrow{transition:none!important}}
html[data-motion=off]::view-transition-group(*),html[data-motion=off]::view-transition-old(*),html[data-motion=off]::view-transition-new(*){animation:none!important}
html[data-motion=off] .continuum-selector .selector-arrow,html[data-motion=off] .archive-card h2,html[data-motion=off] .notebook-row,html[data-motion=off] .related-grid>a,html[data-motion=off] .related-arrow{transition:none!important}

.archive-card[hidden]{display:none!important}.form-canvas{cursor:inherit}.continuum-hero .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.study-graphic{height:170px;background:transparent;border-block:1px solid var(--line);margin-bottom:20px}.study-graphic .form-drawing{inset:0 10%}
.archive-grid:has(.archive-card[hidden]){grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.archive-grid:has(.archive-card[hidden]) .archive-card:not([hidden]){grid-column:auto;display:block;border:0;padding:0}.archive-grid:has(.archive-card[hidden]) .archive-card .archive-art{height:320px}