@charset "UTF-8";
:root{--ink:#262720;--muted:#77786e;--paper:#edeae3;--hair:rgba(46,48,39,.25);--surface-width:min(76vw,1040px,128vh);font-family:Arial,"Helvetica Neue","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:1px solid var(--ink);outline-offset:6px}button,a{touch-action:manipulation}button svg{width:24px;height:24px}[hidden]{display:none!important}.exhibition{height:100svh;min-height:360px;position:relative;isolation:isolate;overflow:hidden}#boardCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;z-index:-2}.atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(244,242,236,.72),transparent 26%,transparent 74%,rgba(244,242,236,.7));transition:opacity .6s}
.site-header{position:absolute;left:3.5%;right:3.5%;top:6.2%;display:flex;justify-content:space-between;align-items:flex-start;z-index:5;transition:opacity .4s}.brand{display:grid;width:max-content}.brand strong{font-size:clamp(22px,2.25vw,36px);font-weight:800;line-height:1;letter-spacing:-1.6px}.brand>span{font-size:8px;letter-spacing:.65px;margin-top:7px}.brand>b{font-size:12px;font-weight:400;margin-top:3px;letter-spacing:2px}.site-header nav{display:flex;gap:28px;align-items:center;padding-top:5px}.site-header nav button{font-size:10px;letter-spacing:.07em;padding:8px 0;display:flex;align-items:center;gap:10px}.index-icon{font-size:22px;line-height:10px}.tiny-count{font-size:9px;border:1px solid var(--hair);padding:2px 4px}.micro{font-size:9px;letter-spacing:.12em;line-height:1.4}.selection-label{position:absolute;left:53%;top:44%;width:min(38%,500px);transition:opacity .3s,transform .6s;pointer-events:none}.selection-label p{display:flex;gap:24px;margin:0 0 16px;font-size:8px}.selection-label h1{font-size:clamp(13px,1.15vw,18px);font-weight:700;margin:0 0 26px;letter-spacing:-.25px;display:flex;align-items:center;gap:5px;white-space:nowrap}.title-dash{margin:0 7px;font-weight:400;opacity:.6}#workTitle{font-size:.85em;font-weight:500;letter-spacing:.1em}.access-work{display:flex;justify-content:space-between;width:100%;min-height:62px;border-top:1px solid var(--ink);border-left:1px solid var(--ink);padding:15px 14px 14px 18px;gap:10px;font-size:10px;letter-spacing:.02em;pointer-events:auto;text-align:left;transition:background .3s}.access-work:hover{background:rgba(255,255,255,.45)}.access-work>span:last-child{white-space:nowrap}.access-work b{font-size:18px;margin-left:18px;font-weight:400}.scene-hint{position:absolute;left:3.5%;top:53%;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.13em;color:#6c6e63;pointer-events:none;transition:opacity .35s}.crosshair{font-size:21px;font-weight:200}.hint-line{width:32px;height:1px;background:var(--hair)}.loading{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:12px;letter-spacing:.1em;transition:opacity .4s}.loading span{margin-left:12px}.ready .loading{opacity:0;pointer-events:none}
.site-footer{position:absolute;bottom:10%;left:3.5%;right:3.5%;display:flex;justify-content:space-between;align-items:flex-end;z-index:4;transition:opacity .35s}.counter>.micro{font-size:8px;letter-spacing:.1em}.counter p{margin:10px 0 0;display:flex;align-items:baseline;gap:18px}.counter p>b{font-size:42px;font-weight:400;line-height:1;letter-spacing:-2px}.counter p>span{font-size:12px;color:#75786d;letter-spacing:3px}.navigation{display:flex;align-items:center;gap:20px;position:absolute;left:50%;bottom:6px;transform:translateX(-50%)}.navigation>button{font-size:23px;padding:10px;line-height:1;transition:transform .2s}.navigation>button:hover{transform:translateX(3px)}.navigation>button:first-child:hover{transform:translateX(-3px)}.work-ticks{display:flex;gap:7px;align-items:center;height:34px}.work-ticks button{height:34px;width:16px;padding:0;display:grid;place-items:center}.work-ticks button:after{content:"";width:1px;height:7px;background:#8b8e81;transition:height .3s,background .3s}.work-ticks button[aria-current="true"]:after{height:25px;background:var(--ink)}.work-ticks button:hover:after{height:18px;background:var(--ink)}.nav-description{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.18em;white-space:nowrap;color:#777a70}.edition{text-align:right}.edition>span{font-size:7px;letter-spacing:.08em;color:#6c6e63}.edition p{font-size:13px;margin:8px 0 0;display:flex;align-items:center;gap:12px;justify-content:flex-end;letter-spacing:.2em}.solid-bar{height:6px;width:22px;background:var(--ink)}.edge-meta{position:absolute;bottom:3.8%;left:3.5%;right:3.5%;display:flex;justify-content:space-between;font-size:6px;letter-spacing:.15em;color:#96978b;pointer-events:none}
.work-view{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;transition:opacity .35s}.work-view.active{opacity:1}.work-surface{position:absolute;left:50%;top:49%;width:var(--surface-width);aspect-ratio:16/9;transform:translate(-50%,-50%);padding:16px;pointer-events:none;opacity:0;transition:opacity .3s;filter:drop-shadow(0 18px 35px rgba(43,41,33,.1))}.media-area{width:100%;height:100%;position:relative;background:#232623}.play-cover{padding:0;width:100%;height:100%;display:block;position:relative;overflow:hidden}.play-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.4s}.play-cover:hover img{transform:scale(1.035)}.cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.34),transparent 45%)}.play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);transition:background .3s,transform .3s}.play-mark svg{fill:none;stroke:currentColor;stroke-width:1.2;margin-left:3px}.play-cover:hover .play-mark{background:rgba(255,255,255,.2);transform:translate(-50%,-50%) scale(1.08)}.play-caption{position:absolute;bottom:24px;left:24px;color:#fff;text-align:left;font-size:12px;letter-spacing:.14em;display:grid;gap:8px}.play-caption>span{font-size:7px;letter-spacing:.19em;opacity:.7}.video-mount{position:absolute;inset:0}.video-mount iframe{width:100%;height:100%;border:0;display:block;background:#131713}.is-open .selection-label{opacity:0;transform:translateY(15px);pointer-events:none}.is-open .selection-label button{pointer-events:none}.is-open .scene-hint,.is-open .site-footer,.is-open .site-header nav,.is-open .edge-meta{opacity:0;pointer-events:none}.is-open .atmosphere{opacity:.6}.is-open .brand{pointer-events:none}
 dialog{border:1px solid rgba(255,255,255,.6);padding:32px;color:var(--ink);background:rgba(245,243,237,.97);box-shadow:0 30px 100px #272c2226;max-height:86svh;overflow-y:auto}dialog::backdrop{background:#33392a38;backdrop-filter:blur(12px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.text-close{font-size:11px;padding:8px 0 8px 16px}.index-dialog{width:min(800px,90vw)}.index-dialog h2{font-size:27px;font-weight:500;margin:0 0 24px;display:flex;justify-content:space-between;align-items:end}.index-dialog h2>span{font-size:8px;letter-spacing:.15em;font-weight:400}.index-list{display:grid;grid-template-columns:1fr 1fr;gap:24px 26px}.index-card{padding:0;text-align:left;display:grid;grid-template-columns:28px 1fr;column-gap:10px;row-gap:9px}.index-card img{grid-column:1/-1;width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.7);transition:filter .3s}.index-card:hover img{filter:saturate(1)}.index-card>span{font-size:10px;color:#777b70}.index-card strong{font-size:13px;font-weight:500}.index-card small{grid-column:2;font-size:8px;color:#777b70;letter-spacing:.05em}.dialog-note{font-size:9px;color:#777b70;margin:30px 0 0}.about-dialog{width:min(500px,90vw);padding:36px}.about-dialog h2{font-size:38px;line-height:1.4;letter-spacing:-1px;font-weight:400;margin:36px 0 24px}.about-dialog p{font-size:13px;line-height:1.9;color:#6e7365}.about-dialog p.about-small{font-size:10px;margin:35px 0}.credit-link{font-size:9px;border-bottom:1px solid var(--hair);padding-bottom:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.no-script{position:fixed;inset:40% 10%;padding:30px;background:var(--paper);text-align:center}.no-script a{display:block;margin-top:20px}.scene-unavailable #boardCanvas{display:none}.scene-unavailable .selection-label{background:rgba(246,244,237,.8);padding:20px}.scene-unavailable{background:repeating-linear-gradient(146deg,#dfdcd3 0px,#f7f4ec 12px,#eeeae1 48px,#c8c5bb 50px,#e7e4da 61px)}
@media(min-aspect-ratio:2/1){.site-header{top:5%}}
@media(max-width:700px){:root{--surface-width:92vw}.site-header{left:6%;right:6%;top:5%}.brand strong{font-size:25px}.brand>span{font-size:6px}.brand>b{font-size:10px}.site-header nav{gap:18px}.site-header nav button{font-size:9px}.site-header nav #aboutButton{display:none}.tiny-count{display:none}.selection-label{left:20%;top:45%;width:73%;max-width:none}.selection-label p{font-size:7px;gap:16px}.selection-label h1{font-size:15px;margin-bottom:24px}.access-work{font-size:9px;min-height:60px}.scene-hint{top:auto;bottom:26%;left:6%;font-size:8px}.site-footer{left:6%;right:6%;bottom:12%}.counter>.micro{font-size:6px}.counter p>b{font-size:34px}.counter p{gap:12px}.counter p>span{font-size:9px}.navigation{left:auto;right:-8px;transform:none;bottom:0;gap:8px}.work-ticks{gap:2px}.navigation>button{font-size:21px}.edition{display:none}.edge-meta{left:6%;right:6%;bottom:5%;font-size:5px}.edge-meta span:last-child{max-width:120px;text-align:right;line-height:1.6}.work-surface{padding:9px;top:46%}.play-mark{width:48px;height:48px}.play-caption{bottom:14px;left:14px;font-size:10px}.index-dialog{padding:22px}.index-list{gap:18px}.index-card{grid-template-columns:20px 1fr;gap:8px}.index-card strong{font-size:11px}.index-card small{font-size:7px}.index-dialog h2{font-size:23px}.about-dialog{padding:25px}.about-dialog h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.play-cover:hover img{transform:none}}

:root {
  --muted: #64695f;
  --fine-print: #70756a;
  --scene-vignette-top: rgba(244, 242, 236, .72);
  --scene-vignette-bottom: rgba(244, 242, 236, .78);
  --work-hover: rgba(255, 250, 238, .55);
  --dialog-surface: rgba(245, 243, 237, .97);
  --dialog-outline: rgba(255, 255, 255, .6);
  --dialog-scrim: rgba(47, 55, 40, .24);
  --dialog-shadow: 0 30px 100px rgba(39, 44, 34, .18);
  --edge-light-color: 247, 173, 82;
}

:root[data-theme="night"],
.exhibition.is-night {
  color-scheme: dark;
  --ink: #ede8d9;
  --muted: #b4b9a8;
  --fine-print: #a3aa97;
  --paper: #171f1a;
  --hair: rgba(222, 230, 204, .3);
  --scene-vignette-top: rgba(21, 31, 24, .82);
  --scene-vignette-bottom: rgba(21, 31, 24, .84);
  --work-hover: rgba(241, 186, 114, .09);
  --dialog-surface: rgba(30, 40, 33, .98);
  --dialog-outline: rgba(219, 222, 194, .2);
  --dialog-scrim: rgba(13, 22, 16, .63);
  --dialog-shadow: 0 30px 100px rgba(7, 16, 10, .55);
  --edge-light-color: 255, 174, 82;
}

.exhibition { color: var(--ink); background: var(--paper); }
.atmosphere {
  background: linear-gradient(
    180deg,
    var(--scene-vignette-top),
    transparent 27%,
    transparent 72%,
    var(--scene-vignette-bottom)
  );
}
.scene-hint,
.counter p > span,
.nav-description,
.edition > span,
.index-card > span,
.index-card small,
.dialog-note,
.about-dialog p { color: var(--muted); }
.edge-meta { color: var(--fine-print); }
.access-work:hover { background: var(--work-hover); }
.work-ticks button::after { background: var(--fine-print); }
dialog {
  border-color: var(--dialog-outline);
  background: var(--dialog-surface);
  box-shadow: var(--dialog-shadow);
}
dialog::backdrop { background: var(--dialog-scrim); }
.scene-unavailable .selection-label { background: var(--dialog-surface); }
.scene-unavailable.is-night {
  background: repeating-linear-gradient(146deg, #202b24 0, #243128 12px, #1c2821 48px, #33443a 50px, #25332b 61px);
}

.theme-toggle {
  position: absolute;
  z-index: 12;
  top: max(env(safe-area-inset-top, 0px), calc(6.2% - 5px));
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 50%;
  pointer-events: auto;
}
.theme-icon {
  width: 18px;
  height: 18px;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: linear-gradient(90deg, #161616 50%, #fafaf9 50%);
  transition: transform .3s ease, opacity .2s ease;
}
.theme-toggle[aria-pressed="true"] .theme-icon { transform: rotate(180deg); }
.theme-toggle:hover .theme-icon { opacity: .75; }
.theme-toggle:focus-visible { outline-offset: -1px; }

.edge-light {
  position: absolute;
  z-index: 7;
  left: 0;
  right: 0;
  height: clamp(64px, 18svh, 170px);
  pointer-events: none;
  opacity: calc(var(--edge-strength, 0) * .77 + var(--edge-charge, 0) * .23);
  transition: opacity .12s linear;
}
.edge-light-top { top: 0; }
.edge-light-bottom { bottom: 0; transform: scaleY(-1); }
.edge-light::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 110% at 50% 0%, rgba(var(--edge-light-color), .37), rgba(var(--edge-light-color), .1) 48%, transparent 83%);
}
.edge-light::after {
  content: "";
  position: absolute;
  top: 0;
  right: 5%;
  left: 5%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--edge-light-color), .96), transparent);
  box-shadow: 0 1px 10px rgba(var(--edge-light-color), .68);
  opacity: calc(.5 + var(--edge-charge, 0) * .5);
}

.work-view { --work-reveal: 0; }
.work-surface {
  --surface-pad: 16px;
  padding: var(--surface-pad);
  aspect-ratio: 5 / 3.7;
}
.work-view.active .work-surface {
  opacity: var(--work-reveal);
  filter: blur(calc((1 - var(--work-reveal)) * 2.3px));
  transition: none;
}
.work-surface .media-area { height: auto; aspect-ratio: 16 / 9; pointer-events: none; }
.work-surface .play-cover { position: absolute; inset: 0; }
.work-view.reveal-ready .media-area { pointer-events: auto; }

@media (min-aspect-ratio: 2/1) {
  .theme-toggle { top: max(env(safe-area-inset-top, 0px), calc(5% - 5px)); }
}
@media (max-width: 700px) {
  .theme-toggle { top: max(env(safe-area-inset-top, 0px), calc(5% + 40px)); left: auto; right: calc(6% - 13px); transform: none; }
  .site-header nav { gap: 13px; }
  .site-header nav #aboutButton { display: flex; gap: 5px; }
  .work-surface { --surface-pad: 9px; }
}
@media (max-width: 365px) {
  .brand strong { font-size: 21px; }
  .site-header nav { gap: 9px; }
  .site-header nav button { gap: 5px; }
}
.is-open .site-header { opacity: 0; pointer-events: none; }

.work-view {
  --detail-inset: clamp(18px, 5.2vw, 80px);
  --detail-top-offset: max(env(safe-area-inset-top, 0px), clamp(14px, 5.1svh, 48px));
  --fallback-frame-width: min(72vw, 880px, 88svh);
  --fallback-frame-height: calc(var(--fallback-frame-width) * .74);
  --fallback-frame-side: calc((100% - var(--fallback-frame-width)) / 2);
  --fallback-frame-y: 49%;
  --fallback-frame-top: calc(var(--fallback-frame-y) - var(--fallback-frame-height) / 2);
  --fallback-frame-bottom: calc(var(--fallback-frame-y) + var(--fallback-frame-height) / 2);
  --detail-notes-top: max(75%, calc(var(--panel-bottom, var(--fallback-frame-bottom)) + 17px));
  --detail-note-opacity: clamp(0, calc((var(--work-reveal) - .44) * 1.79), 1);
  --inspection: 0;
  --more-opacity: clamp(0, calc((var(--inspection) - .54) * 2.18), 1);
}
.work-view .work-surface { width: var(--fallback-frame-width); top: var(--fallback-frame-y); }

.detail-editorial {
  position: absolute;
  z-index: 2;
  inset-inline: var(--detail-inset);
  display: grid;
  gap: clamp(12px, 3vw, 46px);
  align-items: start;
  pointer-events: none;
}
.detail-editorial p, .detail-editorial h2 { margin: 0; }
.detail-editorial p, .detail-editorial a {
  font-size: clamp(10px, .9vw, 13px);
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.detail-kicker {
  display: block;
  margin-bottom: 7px;
  color: var(--muted);
  font: 500 8px/1.15 ui-monospace, Consolas, monospace;
  letter-spacing: .13em;
  white-space: nowrap;
}
.detail-top {
  top: var(--detail-top-offset);
  grid-template-columns: minmax(0, .98fr) minmax(0, 1.42fr) minmax(0, 1fr) minmax(0, 1fr);
  padding-inline-end: 43px;
}
.detail-top > :not(.detail-person),
.detail-notes {
  opacity: var(--detail-note-opacity);
  transform: translateY(calc((1 - var(--detail-note-opacity)) * 6px));
}
.detail-top .detail-identity {
  font-size: clamp(13px, 1.05vw, 16px);
  line-height: 1.3;
  letter-spacing: .04em;
  font-weight: 600;
}
.detail-top h2 {
  font-size: clamp(16px, 1.8vw, 25px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .05em;
  overflow-wrap: anywhere;
}
.detail-top .detail-sequence { font-size: clamp(13px, 1.2vw, 17px); font-variant-numeric: tabular-nums; }
.detail-editorial .detail-secondary { margin-top: 3px; color: var(--muted); font-size: 9px; }
.detail-focus p { line-height: 1.7; }
.work-view .theme-toggle {
  inset-inline-start: auto;
  inset-inline-end: calc(var(--detail-inset) - 13px);
  top: calc(var(--detail-top-offset) - 9px);
  transform: none;
}

.detail-notes {
  top: var(--detail-notes-top);
  grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr) minmax(0, .72fr);
  padding-inline-end: clamp(96px, 14vw, 176px);
}
.detail-notes #detailDescription {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.detail-source a {
  display: inline-block;
  border-bottom: 1px solid var(--hair);
  pointer-events: none;
}
.work-view.reveal-ready .detail-source a { pointer-events: auto; }
.detail-source a:hover { border-color: currentColor; }
.detail-source a > span { margin-left: 5px; }

.detail-side {
  position: absolute;
  z-index: 1;
  top: max(12%, var(--panel-top, var(--fallback-frame-top)));
  bottom: max(12%, calc(100% - var(--panel-bottom, var(--fallback-frame-bottom))));
  display: grid;
  place-items: center;
  padding: 0;
  pointer-events: auto;
}
.detail-side-left { left: 0; width: max(0px, calc(var(--panel-left, var(--fallback-frame-side)) - 12px)); }
.detail-side-right { right: 0; width: max(0px, calc(var(--panel-right-space, var(--fallback-frame-side)) - 12px)); }
.detail-close-cue {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: var(--muted);
  font-size: 13px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity .24s ease;
}
.detail-close-cue > span { font-size: 9px; letter-spacing: .06em; }
.detail-side:focus-visible { outline: none; }
.detail-side:hover .detail-close-cue,
.detail-side:focus-visible .detail-close-cue { opacity: 1; }
.detail-side:focus-visible .detail-close-cue { text-decoration: underline; text-underline-offset: 4px; }
.work-view.inspection-requested .detail-side-right,
.work-view.is-inspecting .detail-side-right { width: clamp(16px, 3.6vw, 46px); }
.work-view.inspection-requested .detail-side-right .detail-close-cue > span,
.work-view.is-inspecting .detail-side-right .detail-close-cue > span { display: none; }

.inspect-toggle {
  position: absolute;
  z-index: 8;
  top: var(--detail-notes-top);
  right: var(--detail-inset);
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 0;
  color: var(--ink);
  font-size: 10px;
  letter-spacing: .05em;
  opacity: var(--detail-note-opacity);
  pointer-events: auto;
}
.inspect-toggle:disabled { pointer-events: none; }
.inspect-toggle:hover, .inspect-toggle:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
.inspect-label-stack { display: grid; gap: 4px; text-align: right; }
.inspect-hint { display: none; color: var(--muted); font-size: 8px; }
.inspect-arrow { font-size: 15px; }
.inspect-close-label, .inspect-toggle[aria-expanded="true"] .inspect-open-label { display: none; }
.inspect-toggle[aria-expanded="true"] .inspect-close-label { display: inline; }
.inspect-toggle[aria-expanded="true"] .inspect-arrow { transform: rotate(180deg); }
@media (min-width: 701px) and (hover: hover) and (pointer: fine) {
  .inspect-toggle[aria-expanded="false"] .inspect-hint { display: block; }
}

.detail-more {
  position: absolute;
  z-index: 4;
  top: max(20%, var(--panel-top, var(--fallback-frame-top)));
  bottom: max(23%, calc(100% - var(--panel-bottom, var(--fallback-frame-bottom))));
  left: max(57.5%, calc(100% - var(--panel-right-space, var(--fallback-frame-side)) + 22px));
  right: var(--detail-inset);
  display: grid;
  align-content: center;
  gap: clamp(12px, 2.3svh, 24px);
  min-width: 0;
  overflow: auto;
  scrollbar-width: thin;
  overscroll-behavior: contain;
  opacity: calc(var(--more-opacity) * var(--work-reveal));
  transform: translateX(calc((1 - var(--more-opacity)) * 15px));
  pointer-events: auto;
}
.detail-more[inert] { pointer-events: none; }
.detail-more h3 {
  margin: 0 0 10px;
  font-size: clamp(20px, 2.35vw, 34px);
  line-height: 1.2;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.detail-more-heading p {
  margin: 0;
  color: var(--muted);
  font-size: clamp(10px, 1vw, 13px);
  line-height: 1.75;
  overflow-wrap: anywhere;
}
.detail-studies { display: grid; grid-template-columns: 1.38fr 1fr; gap: 11px; }
.detail-studies figure { margin: 0; min-width: 0; }
.detail-study-image {
  height: clamp(54px, 13.5svh, 137px);
  overflow: hidden;
  background: var(--paper);
}
.detail-study-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.detail-study-crop img { object-position: 65% 65%; transform: scale(1.32); }
.detail-studies figcaption { margin-top: 8px; color: var(--muted); font-size: 9px; letter-spacing: .04em; }
.detail-studies figcaption > span { margin-right: 5px; font-variant-numeric: tabular-nums; }

@media (max-width: 700px) {
  .work-view {
    --fallback-frame-width: min(92vw, 88svh);
    --fallback-frame-y: 46%;
    --detail-notes-top: max(69%, calc(var(--panel-bottom, var(--fallback-frame-bottom)) + 15px));
    --detail-drawer-height: min(55svh, 380px);
  }
  .detail-top { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); row-gap: 15px; padding: 0; }
  .detail-person { grid-column: 1 / -1; }
  .detail-focus { display: none; }
  .detail-index-column { text-align: right; }
  .detail-notes { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); row-gap: 12px; padding: 0; }
  .detail-practice { text-align: right; }
  .detail-source { grid-column: 1 / -1; }
  .detail-source .detail-kicker { display: none; }
  .detail-kicker { margin-bottom: 5px; font-size: 7px; }
  .detail-side-left { width: var(--panel-left, var(--fallback-frame-side)); }
  .detail-side-right { width: var(--panel-right-space, var(--fallback-frame-side)); }
  .detail-close-cue { font-size: 10px; }
  .detail-close-cue > span { display: none; }
  .inspect-toggle { top: calc(var(--detail-notes-top) + 38px); }
  .work-view.inspection-requested .inspect-toggle,
  .work-view.is-inspecting .inspect-toggle {
    top: auto;
    bottom: calc(var(--detail-drawer-height) - 52px);
  }
  .detail-more {
    inset: auto 0 0;
    z-index: 5;
    height: var(--detail-drawer-height);
    padding: 25px var(--detail-inset) max(24px, env(safe-area-inset-bottom, 0px));
    align-content: start;
    border-top: 1px solid var(--hair);
    background: var(--dialog-surface);
    backdrop-filter: blur(14px);
    overscroll-behavior: contain;
    transform: translateY(calc((1 - var(--more-opacity)) * 20px));
  }
  .detail-more-heading { padding-right: 68px; }
  .detail-study-image { height: clamp(48px, 16svh, 122px); }
}
@media (max-height: 550px) {
  .work-view {
    --detail-top-offset: max(env(safe-area-inset-top, 0px), clamp(9px, 3.4svh, 18px));
    --detail-notes-top: max(76%, calc(var(--panel-bottom, var(--fallback-frame-bottom)) + 9px));
  }
  .detail-top { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 1fr); padding-inline-end: 36px; }
  .detail-person { grid-column: auto; }
  .detail-focus, .detail-top #detailEnglish { display: none; }
  .detail-top h2 { font-size: 15px; }
  .detail-kicker { margin-bottom: 4px; }
  .detail-notes { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr) minmax(0, .75fr); gap: 10px; padding-inline-end: 92px; }
  .detail-source { grid-column: auto; }
  .detail-practice { text-align: left; }
  .inspect-toggle { top: var(--detail-notes-top); }
}
@media (prefers-reduced-motion: reduce) {
  .detail-top > :not(.detail-person), .detail-notes, .detail-more { transform: none; }
}