/* DESKTOP · compact original Corner note. Phone art lives in fieldnotes.css.
   The original teal corner/footer fade belongs to the exhibition, never the
   moving player, so film-only viewing stays clear. No full-image filter. */
.corner-identity,.corner-links,.expand-label { display:none; }
.definition-heading { display:contents; }
.definition-toggle[aria-expanded="true"] .definition-plus { display:none; }
@media (min-width:1000px) {
  .definition-heading { display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
  .definition-heading .medium { margin:0; }
  .definition-toggle { flex:0 0 44px; }
  #definition-copy { display:block; }
  .definition:has(#definition-copy:not([hidden])) #definition-copy { margin-top:.45rem; }
  body[data-layout="exhibit"] {
    --canvas-height:100svh; --gutter:clamp(24px,3.4vw,56px);
    --film-x:max(0px,calc((100vw - var(--canvas-height)*16/9)/2)); --film-y:max(0px,calc((var(--canvas-height) - 100vw*9/16)/2));
    --edge-left:max(var(--film-x) + var(--gutter),var(--safe-left)); --edge-right:max(var(--film-x) + var(--gutter),var(--safe-right));
    --edge-top:max(var(--film-y) + 1.5rem,var(--safe-top)); --edge-bottom:max(var(--film-y) + .8rem,var(--safe-bottom));
    --desktop-serif:Georgia,'Times New Roman',serif;
    --desktop-sans:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
    --desktop-mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;
    --ink:#263331; --muted:#52615d; --leaf:#f5f3eb; --line:#ffffff66; --accent:#f7f5ec;
    color:#f7f5ec; background:#10191b;
  }
  body[data-layout="exhibit"] .exhibition { display:block; position:fixed; inset:0; height:var(--canvas-height); overflow:clip; isolation:isolate; }
  /* Original Corner note colours/stops, scaled to the smaller inscription.
     Anchored to the intact picture, including letterboxed desktop windows. */
  body[data-layout="exhibit"][data-page="film"] .exhibition::before {
    content:''; position:absolute; inset:var(--film-y) var(--film-x); z-index:1; pointer-events:none;
    background:radial-gradient(ellipse clamp(430px,39vw,560px) 300px at 0 0,#07191bf5 12%,#0d2523cc 58%,transparent 100%),linear-gradient(0deg,#081a20eb,transparent 110px);
  }
  body[data-layout="exhibit"] .exhibition .player { padding:0; height:100%; background:transparent; box-shadow:none; }
  body[data-layout="exhibit"] .exhibition .picture { position:absolute; width:min(100vw,calc(var(--canvas-height)*16/9)); left:50%; top:50%; transform:translate(-50%,-50%); }
  body[data-layout="exhibit"] .site-shell { max-width:none; min-height:100svh; padding-top:var(--edge-top); z-index:1; pointer-events:none; }
  body[data-layout="exhibit"] .site-shell::before { display:none; }
  body[data-layout="exhibit"] .mast > *,body[data-layout="exhibit"] .reading-view { pointer-events:auto; }
  body[data-layout="exhibit"][data-page="film"] .site-shell { height:100svh; min-height:0; padding:0; }
  body[data-layout="exhibit"][data-page="film"] .site-shell::after { content:''; position:absolute; left:var(--edge-left); right:var(--edge-right); bottom:calc(var(--edge-bottom) + 92px); border-top:1px solid #f7f5ec55; pointer-events:none; }
  body[data-layout="exhibit"][data-page="film"] .mast { display:contents; }
  body[data-layout="exhibit"] .corner-identity,body[data-layout="exhibit"] .corner-links { position:absolute; pointer-events:auto; }
  body[data-layout="exhibit"][data-page="film"] .corner-identity { display:block; left:var(--edge-left); top:var(--edge-top); width:min(34vw,320px); }
  body[data-layout="exhibit"] .signature { font:italic 1.875rem/1 var(--desktop-serif); letter-spacing:-.075em; color:inherit; text-shadow:0 1px 8px #06101b80; }
  body[data-layout="exhibit"] .signature-period { display:none; }
  body[data-layout="exhibit"] .film-caption { position:static; margin:.65rem 0 0; width:auto; }
  body[data-layout="exhibit"] .entry-index { gap:.6rem; margin:0 0 .35rem; font:.5625rem/1.35 var(--desktop-mono); letter-spacing:.07em; }
  body[data-layout="exhibit"] .entry-index span:last-child { color:inherit; }
  body[data-layout="exhibit"] .index-rule { width:23px; background:#f7f5ec80; }
  body[data-layout="exhibit"] h1 { font:400 clamp(27px,2.1vw,32px)/1.08 var(--desktop-serif); letter-spacing:-.048em; max-width:none; white-space:nowrap; text-shadow:none; }
  body[data-layout="exhibit"] h1 em { display:inline; margin:0; font-size:1em; }
  body[data-layout="exhibit"] .ink-gesture { display:none; }
  body[data-layout="exhibit"] .entry-note { width:auto; margin:.4rem 0 0; padding:0; font:400 .6875rem/1.5 var(--desktop-sans); letter-spacing:0; text-shadow:0 1px 8px #06101b80; }
  body[data-layout="exhibit"] .player-home { margin:0; }
  body[data-layout="exhibit"] .player-home::before { display:none; }
  body[data-layout="exhibit"] .film-colophon { display:contents; }
  body[data-layout="exhibit"] .definition { position:absolute; top:var(--edge-top); right:var(--edge-right); width:242px; padding:.55rem .65rem 1rem 1.15rem; background:var(--leaf); color:var(--ink); font:.75rem/1.65 var(--desktop-sans); box-shadow:0 3px 16px #0614160d; pointer-events:auto; }
  body[data-layout="exhibit"] .definition::before { display:none; }
  body[data-layout="exhibit"] .medium { font:1.25rem/1.15 var(--desktop-serif); letter-spacing:-.035em; color:var(--ink); }
  body[data-layout="exhibit"] .medium i { font:italic .625rem/1 var(--desktop-serif); color:var(--muted); }
  body[data-layout="exhibit"] .definition-toggle { color:var(--muted); --accent:#263331; }
  body[data-layout="exhibit"] .definition:has(#definition-copy[hidden]) { padding-bottom:.55rem; }
  body[data-layout="exhibit"] #definition-copy { padding-right:.45rem; }
  body[data-layout="exhibit"][data-page="film"] .corner-links { display:grid; grid-template-columns:auto auto; column-gap:1.75rem; row-gap:10px; align-items:center; left:var(--edge-left); bottom:var(--edge-bottom); }
  body[data-layout="exhibit"] .corner-links .note-door,body[data-layout="exhibit"] .corner-links .hello { position:static; min-height:44px; padding:0; margin:0; color:inherit; }
  body[data-layout="exhibit"] .note-door { flex-direction:row; gap:.65rem; }
  /* Same authored paper fan as phone, in a small, explicitly sized art window. */
  body[data-layout="exhibit"] .note-object { display:block; flex:0 0 50.4px; width:50.4px; height:60px; --leaf:#faf6ec; --accent:#b4472f; --muted:#596862; text-shadow:none; }
  body[data-layout="exhibit"] .note-papers { width:84px; height:100px; transform:scale(.6); transform-origin:0 0; }
  body[data-layout="exhibit"] .slip-bottom { font-size:.75rem; }
  body[data-layout="exhibit"] .door-copy { font:italic .875rem/1.3 var(--desktop-serif); gap:.5rem; }
  body[data-layout="exhibit"] .door-copy .icon { width:14px; height:14px; flex-basis:14px; }
  body[data-layout="exhibit"] .hello { font:.6875rem/1.5 var(--desktop-sans); text-shadow:inherit; }
  body[data-layout="exhibit"] .hello span,body[data-layout="exhibit"] .door-copy { text-decoration:underline; text-decoration-color:#f7f5ec66; text-underline-offset:5px; border:0; }
  body[data-layout="exhibit"] .hello .icon { width:14px; height:14px; flex-basis:14px; }
  body[data-layout="exhibit"] .corner-links .site-foot { position:static; grid-column:1/-1; width:auto; padding:0; border:0; color:inherit; font:.5rem/1.7 var(--mono); }
  body[data-layout="exhibit"] .site-foot p { max-width:none; }
  body[data-layout="exhibit"] .foot-star { display:none; }
  body[data-layout="exhibit"] .exhibition .player-dock { position:absolute; right:var(--edge-right); bottom:calc(var(--edge-bottom) + 32px); width:min(53vw,590px); background:none; color:inherit; z-index:2; }
  body[data-layout="exhibit"] .exhibition .player-rail { min-height:44px; padding:0; grid-template-columns:auto 44px auto minmax(90px,1fr) 44px auto; gap:.6rem; color:#f7f5ec; text-shadow:0 1px 8px #06101b80; }
  body[data-layout="exhibit"] .exhibition .rail-action,body[data-layout="exhibit"] .exhibition .time-button,body[data-layout="exhibit"] .expand-label { font:.6875rem/1.4 var(--desktop-sans); }
  body[data-layout="exhibit"] .exhibition .player-rail .icon { width:17px; height:17px; flex-basis:17px; filter:drop-shadow(0 1px 2px #102028); }
  body[data-layout="exhibit"] .exhibition .timeline { grid-column:4; grid-row:1; }
  body[data-layout="exhibit"] .exhibition .play-button { grid-column:1; grid-row:1; gap:.4rem; }
  body[data-layout="exhibit"] .exhibition .replay-button { grid-column:2; grid-row:1; }
  body[data-layout="exhibit"] .exhibition .time-button { grid-column:3; grid-row:1; font:.5625rem/1.4 var(--mono); }
  body[data-layout="exhibit"] .exhibition .duration { display:inline; }
  body[data-layout="exhibit"] .exhibition .sound-button { grid-column:5; grid-row:1; }
  body[data-layout="exhibit"] .exhibition .sound-button [data-sound-label] { display:none; }
  body[data-layout="exhibit"] .exhibition #expand-button { grid-column:6; grid-row:1; gap:.5rem; }
  body[data-layout="exhibit"] .expand-label { display:inline; white-space:nowrap; }
  body[data-layout="exhibit"] .exhibition .track::after { display:none; }
  body[data-layout="exhibit"] .exhibition #seek::-webkit-slider-thumb { width:6px; height:6px; margin-top:-2.5px; border-radius:50%; box-shadow:0 0 2px #102128; }
  body[data-layout="exhibit"] .exhibition #seek::-moz-range-thumb { width:6px; height:6px; border-radius:50%; box-shadow:0 0 2px #102128; }
  body[data-layout="exhibit"] .exhibition .track { background:#f7f5ec70; box-shadow:0 1px 3px #06141650; }
  body[data-layout="exhibit"] .exhibition #seek-preview { background:var(--leaf); color:var(--ink); text-shadow:none; }
  body[data-layout="exhibit"] .exhibition .icon-button:hover,body[data-layout="exhibit"] .exhibition .rail-action:hover { background:none; text-decoration:underline; text-underline-offset:4px; }
  body[data-layout="exhibit"] .exhibition .sound-notice { position:absolute; bottom:100%; right:0; max-width:24rem; color:var(--ink); background:var(--leaf); text-shadow:none; }
  /* Reading is one opaque paper surface. Navigation never floats over the film. */
  body[data-layout="exhibit"][data-page="about"] .exhibition .player-dock { visibility:hidden; }
  body[data-layout="exhibit"] .reading-view { max-width:48rem; margin:1.25rem auto 1.75rem; --reading-pad:2rem; color:var(--ink); --accent:#b4472f; --line:#bdc4b5; }
  body[data-layout="exhibit"] .letter { padding-block:1rem; }
  body[data-layout="exhibit"][data-page="about"] .site-foot { position:static; width:100%; max-width:48rem; margin:0 auto; color:inherit; }
  body[data-layout="exhibit"] .contact-card { --accent:#b4472f; --line:#bdc4b5; }
}
@media (min-width:1000px) and (max-height:600px) {
  body[data-layout="exhibit"] { --edge-top:max(var(--film-y) + 1rem,var(--safe-top)); --edge-bottom:max(var(--film-y) + .5rem,var(--safe-bottom)); }
  body[data-layout="exhibit"] .signature { font-size:1.75rem; }
  body[data-layout="exhibit"] .film-caption { margin-top:.5rem; }
  body[data-layout="exhibit"] .entry-note { margin-top:.35rem; }
}
@media (forced-colors:active) {
  body[data-layout="exhibit"] .exhibition::before { display:none; }
  body[data-layout="exhibit"] .corner-identity,body[data-layout="exhibit"] .corner-links,body[data-layout="exhibit"] .exhibition .player-dock { color:CanvasText; background:Canvas; text-shadow:none; }
}
