/* FIELD NOTES XV / inside leaves. Deliberately scoped away from the cover. */
@media screen {
:root{
 --sp15-paper:#f7f4e9;--sp15-ink:#202425;--sp15-blue:#212e68;--sp15-cobalt:#243d96;--sp15-red:#a93625;
 --sp15-body:var(--v6-prose,Georgia,serif);--sp15-head:var(--v6-display,Georgia,serif);
 --sp15-ui:var(--afont,system-ui,sans-serif);--sp15-mono:ui-monospace,SFMono-Regular,Consolas,monospace;
 --sp15-space:clamp(19px,5.6vw,102px);
}
.e11-shelf{background:#f5f1e5;border-top:1px solid #a9a79a;border-bottom:1px solid #cfccbd;color:var(--sp15-ink)}
#prelude.vf-prelude{color:var(--sp15-ink);background:#f7f4e9;border:0;position:relative;padding:clamp(62px,8vw,145px) var(--sp15-space)}
#prelude .vf-prelude-inner{max-width:1430px;gap:clamp(38px,7.8vw,140px);align-items:start}
#prelude .v7-pretitle{border-top:2px solid #242a30;padding-top:16px;max-width:38rem}
#prelude .v7-pretitle h2{letter-spacing:-.067em;color:var(--sp15-ink);font-weight:540;font-size:clamp(43px,5.45vw,92px);line-height:1.16;margin:clamp(24px,3.5vw,60px) 0 .4em}
#prelude .vf-byline{color:var(--sp15-blue);letter-spacing:.04em}
#prelude .vf-byline span{background:var(--sp15-red);width:18px;height:5px}
#prelude .v7-pre-sign{color:#4d5874;letter-spacing:-.04em;font-size:clamp(19px,1.8vw,29px)}
#prelude .v7-pretext{max-width:38em;align-self:start;padding-block:10px 0}
#prelude .v7-pretext>p{font-family:var(--sp15-body);font-size:clamp(17px,1.42vw,23px);line-height:1.88;color:#262725;letter-spacing:-.017em}
#prelude .v7-pretext>p:first-child{font-size:clamp(19px,1.57vw,26px);line-height:1.76;color:#1a242b}
#prelude .v8-thread-link{color:var(--sp15-cobalt)}

/* Opening the reading cabinet. The three boards still render as plain lists without JS. */
#z14-itineraries{
 --sp15-desk:#253460;--sp15-light:#f9f5e7;--sp15-dim:#d6ddf0;
 color:var(--sp15-light);background-color:var(--sp15-desk);
 background-image:linear-gradient(115deg,#222f59 0%,#2b3b6e 70%,#253563 100%);
 padding:clamp(42px,5.5vw,95px) 0 clamp(49px,6.1vw,104px);
}
#z14-itineraries .z14-shell{max-width:1600px;padding-inline:var(--sp15-space)}
#z14-itineraries .z14-running{border-color:#92a0bd;color:#eef0f8}
#z14-itineraries .z14-running b{background:#ffa793}
#z14-itineraries .z14-running i{color:#c4d0e7}
#z14-itineraries .z14-rt-head{padding:clamp(28px,4.2vw,76px) 0 clamp(16px,2vw,34px);align-items:baseline}
#z14-itineraries .z14-rt-head h2{color:#fbf5e5;font-family:var(--sp15-head);font-weight:530;letter-spacing:-.068em;font-size:clamp(34px,4.8vw,80px);line-height:1.22}
#z14-itineraries .z14-rt-head>p{color:var(--sp15-dim);font-size:clamp(14px,1.12vw,18px);line-height:1.8}
#z14-itineraries .z14-choice{display:flex;gap:0;align-items:stretch;flex-wrap:wrap;border-block:1px solid #8590ac;margin:clamp(7px,1.2vw,20px) 0 clamp(18px,2.4vw,42px)}
#z14-itineraries .z14-choice button{flex:1 1 auto;min-height:50px;padding:10px clamp(9px,1.4vw,23px);display:flex;align-items:center;justify-content:flex-start;gap:clamp(7px,.9vw,17px);
 border:0;border-right:1px solid #76839f;border-radius:0;color:#eff3ff;background:transparent;text-align:start;font-family:var(--sp15-ui);font-size:clamp(13px,1.04vw,17px);letter-spacing:-.025em}
#z14-itineraries .z14-choice button:last-child{border-right:0}
#z14-itineraries .z14-choice button::before{content:'01';font:500 12px/1 var(--sp15-mono);color:#d7e0f8}
#z14-itineraries .z14-choice button:nth-child(2)::before{content:'02'}#z14-itineraries .z14-choice button:nth-child(3)::before{content:'03'}
#z14-itineraries .z14-choice button[aria-pressed=true]{background:#f1eadd;color:#1c2b56}
#z14-itineraries .z14-choice button[aria-pressed=true]::before{color:var(--sp15-red)}
#z14-itineraries .z14-choice button:hover:not([aria-pressed=true]){background:#384b7b}
#z14-itineraries :focus-visible{outline:2px solid #ffe3ac;outline-offset:3px}
#z14-itineraries .z14-strip{margin-top:0}
#z14-itineraries .z14-strip a{border-color:#8391aa}
#z14-itineraries .z14-strip a>span,#z14-itineraries .z14-strip a>p{color:#d7deed}
#z14-itineraries .z14-strip a>i{color:#ffc1aa}
#z14-itineraries .z14-strip a>b,#z14-itineraries .z14-strip a>em{color:#faf4e5}
#z14-itineraries .z14-strip a>em{border-color:#99a7c0}
#z14-itineraries .z14-rt-label{color:#f1d9c9}
/* Stage and index share a baseline, not a set of three cards. */
.sp15-desk{display:grid;align-items:start;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(24px,5vw,88px)}
.sp15-stage{min-width:0}
.sp15-plate{margin:0;padding:clamp(12px,1.25vw,23px);background:#efece0;color:#1e2842;box-shadow:0 7px 14px #17203e35}
.sp15-desk-top,.sp15-picks{display:flex;align-items:center}
.sp15-desk-top{justify-content:space-between;gap:12px;font:560 11px/1.4 var(--sp15-ui);letter-spacing:.045em;padding:0 0 9px}
.sp15-desk-top span:last-child{color:#734b42;font-family:var(--sp15-mono);font-size:11px}
.sp15-screen{position:relative;aspect-ratio:1.85;min-width:0;display:grid;place-items:center;background:#d7d7ca;overflow:hidden}
.sp15-screen>img{position:absolute;inset:0;height:100%;width:100%;object-fit:contain;display:block}
.sp15-screen>[hidden]{display:none!important}
.sp15-screen.sp15-quote-view{background:#e9e5d8;isolation:isolate}
.sp15-screen.sp15-quote-view::before{content:'“';position:absolute;left:4%;top:8%;font:italic 400 clamp(66px,7vw,111px)/1 Georgia,serif;color:#a99b86;z-index:-1}
.sp15-excerpt{margin:0;padding:clamp(16px,3.5vw,62px);font:500 clamp(19px,2.3vw,38px)/1.52 var(--sp15-head);letter-spacing:-.045em;max-inline-size:18em;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}
.sp15-coords{position:absolute;inset:0;pointer-events:none;border:1px solid #3f443b60}
.sp15-caption{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8px 15px;align-items:baseline;padding-top:10px}
.sp15-caption strong{font:655 clamp(13px,.98vw,17px)/1.47 var(--sp15-ui);color:#252a2c;letter-spacing:-.03em}
.sp15-caption span{font:490 clamp(11px,.82vw,14px)/1.65 var(--sp15-ui);letter-spacing:-.008em;color:#4d514b}
.sp15-picks{justify-content:flex-end;gap:4px;padding-top:8px}
.sp15-picks>span{color:#d6deef;font:535 11px/1.4 var(--sp15-ui);margin-right:5px}
.sp15-picks>button{min-width:40px;min-height:38px;padding:6px 8px;border:1px solid #8695b1;line-height:1;font:500 12px/1 var(--sp15-mono);color:#ebf0fa;background:transparent}
.sp15-picks>button[aria-pressed=true]{background:#efece0;color:#213256;border-color:#efece0}
#z14-itineraries .sp15-desk ol{display:block;margin:0;padding:0;border-bottom:1px solid #8291aa}
#z14-itineraries .sp15-desk li{margin:0;padding:0}
#z14-itineraries .sp15-desk li>a{position:relative;display:grid;grid-template-columns:clamp(24px,2.7vw,43px) minmax(0,1fr) auto;gap:3px 10px;align-items:start;padding:clamp(12px,1.6vw,27px) 4px clamp(15px,1.6vw,27px) 0;border-top:1px solid #7a89a4;text-decoration:none}
#z14-itineraries .sp15-desk li>a::after{content:'↗';grid-column:3;grid-row:1/4;align-self:center;font:400 clamp(18px,1.7vw,28px)/1 var(--sp15-ui);color:#c6cde0}
#z14-itineraries .sp15-desk li>a i{grid-row:1/4;grid-column:1;margin:1px 0 0;font:510 12px/1.6 var(--sp15-mono);color:#dce2f1}
#z14-itineraries .sp15-desk li>a>span,#z14-itineraries .sp15-desk li>a>b,#z14-itineraries .sp15-desk li>a>p{grid-column:2}
#z14-itineraries .sp15-desk li>a>span{font:520 11px/1.5 var(--sp15-ui);color:#d6deed}
#z14-itineraries .sp15-desk li>a>b{font:535 clamp(19px,1.9vw,34px)/1.43 var(--sp15-head);letter-spacing:-.045em;margin:0}
#z14-itineraries .sp15-desk li>a>p{font:460 clamp(13px,.94vw,16px)/1.7 var(--sp15-ui);letter-spacing:-.014em;margin:0}
#z14-itineraries .sp15-desk li>a>em{grid-column:2;justify-self:start;border:0;margin:4px 0 0;color:#dbe6ff;font:540 11px/1.5 var(--sp15-ui)}
#z14-itineraries .sp15-desk .sp15-pointed>a{border-top-color:#ffe7cb}
#z14-itineraries .sp15-desk .sp15-pointed>a i,#z14-itineraries .sp15-desk .sp15-pointed>a::after{color:#ffc1aa}

/* Project fronts: broad headline followed by a plate and separate reading column. */
main .c13-case{--c13-paper:#f7f4e9;--c13-ink:#222724;--c13-sign:#293b86;--c13-hint:#555c58;--c13-line:#b9b7a9;--sp15-mat:#e6e4d8;
  max-width:none;width:100%;padding:clamp(47px,6.3vw,115px) max(var(--sp15-space),calc((100% - 1485px)/2));color:var(--c13-ink)}
main .c13-case.c13-paik{--c13-paper:#f6f2ed;--c13-sign:#4e3a71;--sp15-mat:#e4deea}
main .c13-case.c13-shop{--c13-paper:#f5eee0;--c13-sign:#864227;--sp15-mat:#e8dcc6}
main .c13-case.c13-beat{--c13-paper:#f2f1ea;--c13-sign:#1b4e59;--sp15-mat:#d5e4df}
main .c13-case.c13-support{--c13-paper:#eceee8;--c13-sign:#375140;--sp15-mat:#d6dfd4}
main .c13-case.c13-record{--c13-paper:#f0eeed;--c13-sign:#4a3963;--sp15-mat:#dedbe2}
main .c13-case.c13-monitor{--c13-paper:#eff0e9;--c13-sign:#283d70;--sp15-mat:#d8dfde}
main .c13-case .c13-rule{border-top:2px solid var(--c13-ink);padding-top:11px;margin:0 0 clamp(23px,3.1vw,53px);align-items:baseline;color:var(--c13-hint)}
main .c13-rule>span:last-child{font:550 clamp(11px,.87vw,14px)/1.5 var(--sp15-mono);color:var(--c13-ink);font-variant-numeric:tabular-nums;letter-spacing:0}
main .c13-rule>span:first-child{display:inline-flex;gap:7px;align-items:baseline;color:var(--c13-sign)}
main .c13-rule i{font:400 16px/1 Georgia,serif;margin:0;padding:0}
main .c13-case .c13-sub{font:590 clamp(12px,1vw,17px)/1.55 var(--sp15-ui);letter-spacing:.003em;color:var(--c13-hint)}
main .c13-case .c13-sub strong{font-weight:780}
main .c13-case .c13-manuscript h3{max-width:27ch;color:var(--c13-ink);font:550 clamp(32px,4.45vw,78px)/1.19 var(--sp15-head);letter-spacing:-.071em;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;margin:.22em 0 .55em}
main .c13-case .c13-prose p{color:var(--c13-ink);font:400 clamp(16px,1.22vw,21px)/1.86 var(--sp15-body);letter-spacing:-.013em;word-break:keep-all;overflow-wrap:anywhere;max-width:38em}
main .c13-case .c13-prose p+p{margin-top:.85em}
main .c13-case .c13-notelinks{gap:8px 15px;margin:14px 0 0;align-content:start;padding-top:5px}
main .c13-case .c13-notelinks a{color:var(--c13-sign);font:620 clamp(12px,.88vw,15px)/1.55 var(--sp15-ui);border-bottom:1px solid currentColor}
main .c13-case .c13-zoom{background:var(--sp15-mat);padding:clamp(11px,1.5vw,27px);border:0;box-shadow:inset 0 0 0 1px #2d342a12;isolation:isolate}
main .c13-case .c13-figure img{display:block;max-height:min(42vw,620px);max-width:100%;width:100%;height:auto;object-fit:contain}
main .c13-case .c13-zoom>span{width:34px;height:34px;right:8px;bottom:8px;background:#f7f5e9;border:1px solid #272b28;color:#242b27;border-radius:0}
main .c13-case .c13-zoom:hover>span,main .c13-case .c13-zoom:focus-visible>span{color:white;background:var(--c13-sign);border-color:var(--c13-sign)}
main .c13-case .c13-figure figcaption{padding:9px 0 0;line-height:1.68;color:var(--c13-hint);font-size:clamp(12px,.88vw,15px);border-top:1px solid var(--c13-line);margin-top:9px;max-width:65em}
main .c13-figure figcaption b{margin-right:7px;font-variant-numeric:tabular-nums}
main .c13-case :focus-visible{outline:2px solid var(--c13-sign);outline-offset:3px}
@media(min-width:801px){
 main .c13-case .c13-spread{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto auto 1fr;align-items:start;column-gap:clamp(12px,1.6vw,26px);row-gap:0}
 main .c13-case .c13-manuscript{display:contents}
 main .c13-case .c13-sub{grid-column:1/-1;grid-row:1}
 main .c13-case .c13-manuscript h3{grid-column:1/-1;grid-row:2;margin-bottom:clamp(21px,2.8vw,54px)}
 main .c13-case .c13-plate{grid-column:1/8;grid-row:3/5;align-self:start}
 main .c13-case .c13-prose{grid-column:8/-1;grid-row:3;padding-left:clamp(8px,1.35vw,26px)}
 main .c13-case .c13-notelinks{grid-column:8/-1;grid-row:4;margin-left:clamp(8px,1.35vw,26px)}
 main :is(.c13-shop,.c13-support,.c13-record) .c13-plate{grid-column:6/-1}
 main :is(.c13-shop,.c13-support,.c13-record) .c13-prose{grid-column:1/6;padding-left:0;padding-right:clamp(8px,1.35vw,26px)}
 main :is(.c13-shop,.c13-support,.c13-record) .c13-notelinks{grid-column:1/6;margin-left:0;margin-right:clamp(8px,1.35vw,26px)}
}
main #m14-world-desk{border-top:1px solid #98a3a1;margin-top:clamp(38px,5.8vw,97px);padding-top:clamp(28px,3.8vw,64px);align-items:start}
main #m14-world-desk h4{margin:.33em 0 .53em;font:560 clamp(28px,3.05vw,51px)/1.25 var(--sp15-head);letter-spacing:-.058em}
main #m14-world-desk>figure{background:#dde2da;padding:clamp(10px,1.4vw,22px)}
main #m14-world-desk figcaption{font:505 clamp(12px,.87vw,14px)/1.7 var(--sp15-ui);color:#424f4a;margin-top:6px}
/* Quiet reading chapters, the account book, and the commissioned work retain distinct stocks. */
main #selected-work,main .f13-waypoints{background:#f6f3e9}
main #selected-work .f13-opening .f13-kicker,main #project-register .f13-opening .f13-kicker{border-top-width:2px;color:var(--sp15-blue);border-top-color:#4b514e;letter-spacing:.095em}
main #selected-work .f13-titleline{border-bottom:1px solid #666c65}
main #resume .f13-cv time{font-family:var(--sp15-mono);color:#7d4034;letter-spacing:-.025em}
main #resume .f13-cv li{border-color:#c2c0b4}
main #selected-work .f13-opening h2,main #project-register .f13-opening h2{font-weight:540;letter-spacing:-.066em;line-height:1.23}
main #project-register{background:#e9eeea}
main #project-register .f13-projects{border-top:1px solid #9ca9a2}
main #project-register .f13-projects li{border-top:0;border-bottom:1px solid #9ca9a2;padding:clamp(14px,1.6vw,25px) 0}
main #work-cases{--wa-note:#4f5650;background:#eff0e9;color:#222924}
main #work-cases .wa-wrap{max-width:1640px;padding-inline:var(--sp15-space)}
main #work-cases .wa-lede{align-items:end;border-color:#3f4a43}
main #work-cases .wa-lede h3{font:540 clamp(33px,4.85vw,84px)/1.2 var(--sp15-head);letter-spacing:-.063em;max-width:16ch}
main #work-cases .wa-overline::before{background:#5c7f78;width:18px;height:5px}
main #work-cases .wa-feature{align-items:start}
main #work-cases .wa-mainfigure .wa-figline{padding-top:9px;color:#4a524c;border-top:1px solid #a9b4aa;margin-top:9px;letter-spacing:.015em}
main #work-cases .wa-mat-institute{background:#d5dcd4}
main #work-cases .wa-mat-mingo{background:#e2dacc}
main #work-cases .wa-feature-copy h4{margin-top:.4em}
main #work-cases .wa-feature-copy{padding-top:clamp(2px,.7vw,11px)}
main #album-shop .a12-shop-frames{gap:clamp(10px,1.5vw,23px)}
main #album-shop .a12-shop-frames figcaption,main #album-web>figure figcaption{margin-top:8px;padding:8px 0 0;border-top:1px solid #aaa898;line-height:1.65;color:#484a41}
main #album-shop .a12-ledger{border-top:2px solid #524b3e}
main #album-shop .a12-ledger strong{font-variant-numeric:tabular-nums}
main #a12-family{background:#f4efe5;color:#343028}
main #a12-family .a12-inner>div:last-child{border-inline-start:1px solid #b7a99a;padding-inline-start:clamp(18px,3.3vw,55px)}
main #a12-family .a12-inner>div:last-child p{font-family:var(--sp15-body);font-size:clamp(17px,1.28vw,22px);line-height:1.9;max-width:36em}
main #a12-family .a12-inner h3{font-weight:505;color:#342e29}
main #contact-sheets{color:#f5f0e4;background:#212725}
main #contact-sheets .v-g-grid li figure{margin:0}
main #contact-sheets .v-g-grid li figure button{background:#313934;border:1px solid #626e63}
main #contact-sheets .v-g-grid li figure img{object-fit:contain;transform:none}
main #contact-sheets .v-g-grid li figure button:hover{border-color:#e4c99c}
main #contact-sheets .v-g-grid button:after{background:#e9e1cd;color:#2a302c}
main #contact-sheets .v-g-grid figcaption{border-top:1px solid #6a7266;padding:9px 0 0}
main #contact-sheets .v-g-grid figcaption small{color:#e9ca95;font-family:var(--sp15-mono);font-variant-numeric:tabular-nums}
main #contact-sheets .v-g-grid figcaption strong{font-family:var(--sp15-head);font-weight:560;color:#f6f0e4}
main #contact-sheets .v-g-grid figcaption span{color:#cdd5cc}

@media(max-width:800px){
 .sp15-desk{grid-template-columns: minmax(0,.96fr) minmax(0,1.04fr);gap:20px}
 .sp15-caption{grid-template-columns:1fr;gap:2px}
 main .c13-case .c13-spread{display:flex;flex-direction:column;align-items:stretch;gap:18px}
 main .c13-case .c13-manuscript{display:contents}
 main .c13-case .c13-sub{order:0}
 main .c13-case .c13-manuscript h3{order:1;margin:0 0 3px;max-width:19ch;font-size:clamp(30px,5.3vw,44px)}
 main .c13-case .c13-plate{order:2}
 main .c13-case .c13-prose{order:3}
 main .c13-case .c13-notelinks{order:4;margin:0}
 main .c13-case .c13-figure img{max-height:clamp(255px,66vw,460px)}
 main .c13-case .c13-zoom{padding:10px}
 main #project-register .f13-projects{border-top:0}
 main #project-register .f13-projects li{border-top:1px solid #9ca9a2;border-bottom:0}
}
@media(max-width:700px){
 #prelude.vf-prelude{padding-block:44px}
 #prelude .vf-prelude-inner{display:block}#prelude .v7-pretext{padding-top:22px}
 #prelude .v7-pretitle h2{margin:18px 0 8px;font-size:clamp(37px,8.3vw,54px)}
 #prelude .v7-pre-sign{font-size:18px}#prelude .v7-pretitle{padding-top:12px}
 #prelude .v7-pretext>p{font-size:16.5px;line-height:1.83}
 #prelude .v7-pretext>p:first-child{font-size:18px}
 #z14-itineraries .z14-rt-head{display:block}
 #z14-itineraries .z14-rt-head>p{margin-top:12px}
 #z14-itineraries .z14-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
 #z14-itineraries .z14-choice button{min-height:57px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:7px 8px;word-break:keep-all;overflow-wrap:anywhere;font-size:12px}
 #z14-itineraries .z14-choice button::before{font-size:10px}
 .sp15-desk{grid-template-columns:1fr;gap:16px}
 .sp15-plate{padding:11px}
 .sp15-screen{aspect-ratio:2.05}
 .sp15-caption{grid-template-columns:1fr;gap:2px;padding-top:7px}
 .sp15-caption strong{font-size:13px}.sp15-caption span{font-size:11px}
 .sp15-desk-top{font-size:10px;padding-bottom:7px}
 .sp15-picks{padding-top:5px}.sp15-picks>button{min-height:36px;min-width:38px}
 .sp15-excerpt{max-inline-size:18em;font-size:clamp(18px,4.4vw,25px)}
 #z14-itineraries .sp15-desk li>a{padding-block:13px;column-gap:8px}
 #z14-itineraries .sp15-desk li>a>em{margin-top:1px}
 main .c13-case{padding-block:40px}
 main .c13-case .c13-rule{margin-bottom:23px}
 main .c13-case .c13-spread{gap:14px}
 main .c13-case .c13-prose p{font-size:16px;letter-spacing:-.013em;line-height:1.82}
 main .c13-case .c13-figure figcaption{font-size:12px;margin-top:6px;padding-top:6px}
 main #a12-family .a12-inner>div:last-child{padding-inline-start:15px}
 main #a12-family .a12-inner>div:last-child p{font-size:16.5px}
}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){
 html:not(.reduce) #z14-itineraries .sp15-desk li>a::after{transition:transform .22s ease,color .22s ease}
 html:not(.reduce) #z14-itineraries .sp15-desk .sp15-pointed>a::after{transform:translate(2px,-2px)}
 html:not(.reduce) .c13-zoom>span{transition:background-color .2s,color .2s}
}
}