/* An open reading surface. The visual accompanies the copy; it never gates it. */
.work-studio{padding-block:120px 110px;background:var(--paper,#f2f1ed);color:var(--ink)}
.work-introduction{display:grid;grid-template-columns:1.7fr 1fr;align-items:end;gap:8%;margin-bottom:55px}
.work-introduction h2{font-size:clamp(43px,5.35vw,83px);font-weight:400;line-height:1.05;letter-spacing:-.06em}
.work-introduction h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em}
.work-introduction>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:395px;padding-bottom:5px}
.work-chapters{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.work-animated .work-chapters{display:grid;grid-template-columns:43% 57%;align-items:start}
.work-lanes{min-width:0}
.work-lane{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:410px;padding:55px 8% 55px 0}
.work-animated .work-lane{min-height:clamp(410px,70svh,610px)}
.work-lane+.work-lane:before{content:'';position:absolute;top:0;left:0;width:50px;border-top:1px solid var(--line)}
.work-discipline{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.5;transition:color .3s}
.work-discipline:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5;transition:transform .3s,opacity .3s}
.work-lane.is-current .work-discipline{color:var(--blue)}
.work-lane.is-current .work-discipline:before{opacity:1;transform:scale(1.35)}
.work-lane h3{font-size:clamp(29px,3.3vw,52px);line-height:1.12;letter-spacing:-.048em;font-weight:400;margin-top:29px;max-width:480px}
.work-explanation{font-size:16px;line-height:1.75;color:var(--muted);max-width:370px;margin-top:24px}
.work-observatory{display:none;position:sticky;top:max(40px,calc((100svh - 560px)/2));align-self:start;justify-self:center;margin:0;max-width:min(620px,calc(100svh - 120px));width:100%}
.work-animated .work-observatory{display:block}
.work-observatory canvas{width:100%;height:auto;aspect-ratio:1;touch-action:pan-y}
.work-observatory figcaption{display:flex;justify-content:space-between;gap:15px;padding:0 3% 25px 7%;font-size:11px;line-height:1.5;color:var(--muted)}
.work-pointer-note{color:var(--ink);white-space:nowrap}
.work-mobile-visual{display:none}
.work-closing{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:55px}
.work-closing p{font-size:clamp(21px,2.5vw,35px);line-height:1.4;letter-spacing:-.035em;color:var(--muted)}
.work-closing strong{font-weight:400;color:var(--ink)}
.work-closing .line-link{min-width:220px;font-size:13px}
@media(min-width:1600px){.work-observatory{max-width:min(680px,calc(100svh - 120px));margin-inline:auto}.work-lane h3{font-size:52px}}
@media(max-width:1050px){.work-introduction>p{font-size:15px}.work-explanation{font-size:15px}.work-lane h3{font-size:33px}.work-observatory figcaption{font-size:10px}.work-pointer-note{display:none}}
@media(max-width:812px){.work-studio{padding-block:75px}.work-introduction{display:block;margin-bottom:42px}.work-introduction h2{font-size:clamp(40px,7vw,59px)}.work-introduction>p{font-size:16px;max-width:510px;margin-top:25px}.work-animated .work-chapters{display:block}.work-animated .work-observatory{display:none}.work-lane,.work-animated .work-lane{display:block;min-height:0;padding:40px 0 16px}.work-lane+.work-lane:before{width:100%}.work-lane h3{font-size:clamp(30px,4.8vw,42px);margin-top:20px}.work-explanation{font-size:16px;max-width:490px;margin-top:17px}.work-animated .work-mobile-visual{display:block;max-width:440px;width:100%;height:auto;aspect-ratio:1;margin:0 auto;touch-action:pan-y}.work-closing{margin-top:38px;align-items:start;flex-direction:column;gap:25px}.work-closing p{font-size:24px}}
@media(max-width:540px){.work-introduction h2{font-size:clamp(38px,9vw,48px)}.work-lane h3{font-size:32px}.work-lane{padding-top:31px}.work-explanation{font-size:15px}.work-closing p{font-size:22px}.work-discipline{font-size:11px}}
@media(prefers-reduced-motion:reduce){.work-discipline,.work-discipline:before{transition:none}.work-pointer-note{display:none}}
.no-motion .work-discipline,.no-motion .work-discipline:before{transition:none}.no-motion .work-pointer-note{display:none}
@media print{.work-observatory,.work-mobile-visual{display:none!important}.work-animated .work-chapters{display:block}.work-lane,.work-animated .work-lane{min-height:0;padding-block:20px}}