/* Stillness: Aman's photographs and path-traced plates behind the page; paper chapters held over them like the pages
   of a book. Type: Source Serif 4 at display optical size, light, set large and tight; Albert Sans for the small
   things. Colour from the place: bone paper, warm ink, the clay of the court's fabric. Every paper page lays out on
   one twelve-column grid inside a safe area (below the running head, above the folio), so nothing can meet. */
.stillness_wrap {
  --paper: #ece5d8; --paper-2: #e2d8c6; --ink: #1d1915; --ink-2: rgba(29, 25, 21, 0.68); --ink-3: rgba(29, 25, 21, 0.44);
  --line: rgba(29, 25, 21, 0.16); --clay: #a3553a; --light: #f6f0e6; --light-2: rgba(246, 240, 230, 0.76);
  --serif: 'Stillness Serif', 'Source Serif 4', Georgia, serif; --sans: 'Stillness Sans', 'Albert Sans', system-ui, sans-serif;
  --gut: clamp(18px, 3.4vw, 56px); --vh: 1vh; --col-gap: clamp(12px, 1.6vw, 24px);
  --top: max(116px, calc(13 * var(--vh))); --bot: max(54px, calc(6.5 * var(--vh)));
  --expo: cubic-bezier(0.19, 1, 0.22, 1); --io: cubic-bezier(0.76, 0, 0.24, 1);
  position: relative; color: var(--ink); font-family: var(--sans); background: transparent;
}
.stillness_wrap .stillness_contain { position: relative; pointer-events: none; }
.stillness_wrap .stillness_part.is-paper .stillness_stage { pointer-events: auto; }
.stillness_wrap [hidden] { display: none !important; }
.stillness_wrap .stillness_sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.stillness_wrap :focus-visible { outline: 1px solid currentColor; outline-offset: 4px; }
.stillness_wrap button { font-family: inherit; }

/* ── the world holder (moved to the document body) ── */
.stillness_wrap.is-world { position: fixed; inset: 0; z-index: 0; pointer-events: auto; background: #0b0c0e; }
.stillness_wrap .stillness_canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; touch-action: pan-y; }

/* ── parts: each overlaps the one before by a screen; world parts are windows, paper parts are pages ── */
.stillness_wrap .stillness_part { position: relative; z-index: 1; }
.stillness_wrap .stillness_part + .stillness_part { margin-top: calc(-100 * var(--vh)); }
.stillness_wrap .stillness_part.is-world + .stillness_part.is-world { margin-top: 0; }
.stillness_wrap .stillness_part.is-world { height: calc(300 * var(--vh)); pointer-events: none; }
.stillness_wrap .stillness_part.is-hero { height: calc(220 * var(--vh)); }
.stillness_wrap .stillness_part.is-dusk { height: calc(220 * var(--vh)); }
.stillness_wrap .stillness_part.is-statement { height: calc(260 * var(--vh)); }
.stillness_wrap .stillness_part.is-spaces { height: calc(280 * var(--vh)); }
.stillness_wrap .stillness_part.is-inside { height: calc(300 * var(--vh)); }
.stillness_wrap .stillness_part.is-origin { height: calc(380 * var(--vh)); }
.stillness_wrap .stillness_part.is-arrival { height: calc(280 * var(--vh)); }
.stillness_wrap .stillness_part.is-name { height: calc(280 * var(--vh)); }
.stillness_wrap .stillness_part.is-plan { height: calc(320 * var(--vh)); }
.stillness_wrap .stillness_part.is-materials { height: calc(300 * var(--vh)); }
.stillness_wrap .stillness_part.is-land { height: calc(340 * var(--vh)); }
.stillness_wrap .stillness_part.is-ritual { height: calc(260 * var(--vh)); }
.stillness_wrap .stillness_part.is-days { height: calc(320 * var(--vh)); }
.stillness_wrap .stillness_part.is-atlas { height: calc(300 * var(--vh)); }
.stillness_wrap .stillness_stage { position: sticky; top: 0; height: calc(100 * var(--vh)); overflow: clip; }
.stillness_wrap .stillness_part.is-paper .stillness_stage { background: var(--paper); visibility: hidden; will-change: clip-path, transform; }
.stillness_wrap .stillness_part.is-paper .stillness_stage::after { content: ''; position: absolute; inset: 0; z-index: 6; background: #1d1915; opacity: var(--under, 0); pointer-events: none; }
.stillness_wrap .stillness_part.is-world .stillness_stage { color: var(--light); }

/* the page: the safe area, on twelve columns; it settles a little behind the edge that brings it */
.stillness_wrap .stillness_page { position: absolute; top: var(--top); bottom: var(--bot); left: var(--gut); right: var(--gut); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: auto minmax(0, 1fr); column-gap: var(--col-gap); transform: translate3d(0, calc(var(--arrive, 0) * 16 * var(--vh)), 0); }
.stillness_wrap .stillness_part.is-paper .stillness_stage > * { z-index: 1; }

/* the book's furniture: a running head and a folio on every page */
.stillness_wrap .stillness_run, .stillness_wrap .stillness_folio { position: absolute; left: var(--gut); right: var(--gut); display: flex; justify-content: space-between; gap: 20px; font: 500 10.5px/1 var(--sans); letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); pointer-events: none; }
.stillness_wrap .stillness_run { top: 62px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.stillness_wrap .stillness_folio { bottom: 20px; }
.stillness_wrap .stillness_folio span:first-child { color: var(--clay); }
.stillness_wrap .stillness_figcap { margin: 10px 0 0; font: 500 10.5px/1.3 var(--sans); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); }

/* the shadow line that carries each page in and out: a hairline of light on the edge */
.stillness_wrap .stillness_edge { position: fixed; left: -10vw; width: 120vw; height: 2px; background: linear-gradient(90deg, transparent, rgba(255, 236, 205, 0.9), transparent); pointer-events: none; z-index: 3; opacity: 0; transform-origin: 50% 50%; }

/* ── shared type ── */
.stillness_wrap .stillness_no { display: flex; gap: 0.9em; align-items: baseline; margin: 0 0 clamp(14px, 2.4 * var(--vh), 26px); font: 500 11px/1.2 var(--sans); letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-2); }
.stillness_wrap .stillness_no span { font: 300 15px/1 var(--serif); letter-spacing: 0.02em; color: var(--clay); text-transform: none; }
.stillness_wrap .stillness_part.is-world .stillness_no { color: var(--light-2); }
.stillness_wrap .stillness_part.is-world .stillness_no span { color: #f2c79c; }
.stillness_wrap .stillness_h2 { margin: 0; font: 260 min(5.8vw, calc(10 * var(--vh)))/0.94 var(--serif); font-variation-settings: 'opsz' 60; letter-spacing: -0.035em; text-wrap: balance; }
.stillness_wrap .stillness_h2.is-one { font-size: min(4.4vw, calc(7.6 * var(--vh))); line-height: 1; }
.stillness_wrap .stillness_body { margin: clamp(14px, 2.4 * var(--vh), 26px) 0 0; max-width: 34em; font: 400 clamp(14.5px, 1.08vw, 17px)/1.6 var(--sans); color: var(--ink-2); text-wrap: pretty; }
.stillness_wrap .stillness_part.is-world .stillness_body { color: var(--light); text-shadow: 0 1px 18px rgba(0, 0, 0, 0.35); }
.stillness_wrap .stillness_fine { margin: 14px 0 0; font: 400 12.5px/1.5 var(--sans); color: var(--ink-3); }
.stillness_wrap .stillness_do { margin: 18px 0 0; font: 500 13px/1.3 var(--sans); color: #f6dcbc; display: flex; align-items: center; gap: 0.7em; }
.stillness_wrap .stillness_do::before { content: ''; width: 22px; height: 1px; background: currentColor; }
.stillness_wrap .stillness_img { display: block; width: 100%; height: 100%; object-fit: cover; max-width: none; }
.stillness_wrap .stillness_chip { appearance: none; border: 1px solid var(--line); background: transparent; color: inherit; font: 500 12.5px/1 var(--sans); padding: 9px 14px; border-radius: 999px; cursor: pointer; transition: background 0.4s, color 0.4s, border-color 0.4s; }
.stillness_wrap .stillness_chip:hover { border-color: var(--ink-2); }
.stillness_wrap .stillness_chip.is-on { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.stillness_wrap .stillness_cue_line { display: block; width: 1px; height: 38px; background: linear-gradient(currentColor, transparent); animation: stillness_cue 3.6s ease-in-out infinite; transform-origin: top; }
.stillness_wrap .stillness_cue_line.is-h { width: 38px; height: 1px; background: linear-gradient(90deg, currentColor, transparent); transform-origin: left; animation-name: stillness_cue_h; }
@keyframes stillness_cue { 0%, 100% { transform: scaleY(0.25); } 50% { transform: scaleY(1); } }
@keyframes stillness_cue_h { 0%, 100% { transform: scaleX(0.25); } 50% { transform: scaleX(1); } }

/* ── arrivals: titles rise out of masks line by line; marked words and pictures follow in order ── */
.stillness_wrap .stillness_line { display: block; overflow: hidden; padding: 0.08em 0.04em 0.14em; margin: -0.08em -0.04em -0.14em; }
.stillness_wrap .stillness_line_in { display: block; transform: translate3d(0, 108%, 0); transition: transform 1.5s var(--expo); transition-delay: calc(var(--i, 0) * 70ms + 60ms); }
.stillness_wrap .is-in .stillness_line_in { transform: none; }
.stillness_wrap [data-rise] { opacity: 0; transform: translate3d(0, 26px, 0); transition: opacity 1s ease, transform 1.4s var(--expo); transition-delay: calc(var(--i, 0) * 60ms + 160ms); }
.stillness_wrap .is-in [data-rise] { opacity: 1; transform: none; }
.stillness_wrap [data-reveal] { clip-path: inset(100% 0 0 0); transition: clip-path 1.5s var(--io); transition-delay: calc(var(--i, 0) * 60ms + 60ms); }
.stillness_wrap [data-reveal] .stillness_img { transform: scale(1.18); transition: transform 2.2s var(--expo); transition-delay: inherit; }
.stillness_wrap .is-in [data-reveal] { clip-path: inset(0 0 0 0); }
.stillness_wrap .is-in [data-reveal] .stillness_img { transform: scale(1.02); }

/* ── world captions: title low-left, text low-right, a soft dark breath under them ── */
.stillness_wrap .stillness_part.is-world .stillness_stage::before { content: ''; position: absolute; inset: auto 0 0 0; height: 66%; background: linear-gradient(to top, rgba(10, 8, 6, 0.6), rgba(10, 8, 6, 0)); opacity: var(--scrim, 0); transition: opacity 0.8s; pointer-events: none; }
.stillness_wrap .stillness_cap { position: absolute; opacity: 0; visibility: hidden; }
.stillness_wrap .stillness_cap.is-on { visibility: visible; }
.stillness_wrap .stillness_cap.is-a { left: var(--gut); bottom: 150px; max-width: 56vw; }
.stillness_wrap .stillness_cap.is-b { right: var(--gut); bottom: 150px; width: min(28rem, 34vw); }
.stillness_wrap .stillness_part.is-dusk .stillness_cap { bottom: calc(8 * var(--vh) + 20px); }
.stillness_wrap .stillness_cap .stillness_body { margin: 0; }
.stillness_wrap .stillness_part.is-world .stillness_h2 { color: var(--light); text-shadow: 0 2px 40px rgba(0, 0, 0, 0.25); }

/* ── loader: a window onto the place; the photographs pass through it, then it opens into the hero ── */
.stillness_wrap .stillness_loader { --W: min(24vw, 340px); --Hh: calc(var(--W) * 1.25); pointer-events: auto; touch-action: none; overscroll-behavior: contain; position: fixed; inset: 0; z-index: 90; background: #12100e; color: var(--light); transition: opacity 0.9s ease, visibility 0s linear 0.9s; }
.stillness_wrap .stillness_loader.is-gone { opacity: 0; visibility: hidden; pointer-events: none; }
.stillness_wrap .stillness_loader_win { position: absolute; inset: 0; clip-path: inset(calc(50% - var(--Hh) / 2) calc(50% - var(--W) / 2)); transition: clip-path 1.6s var(--io); }
.stillness_wrap .stillness_loader.is-opening .stillness_loader_win { clip-path: inset(0 0); transition-duration: 1.25s; transition-delay: 0.15s; }
.stillness_wrap .stillness_loader_win img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.14); transition: opacity 0.35s ease, transform 1s var(--expo); }
.stillness_wrap .stillness_loader_win img.is-on { opacity: 1; transform: none; }
.stillness_wrap .stillness_loader p { position: absolute; margin: 0; }
.stillness_wrap .stillness_lmask { display: block; overflow: hidden; padding-bottom: 0.08em; }
.stillness_wrap .stillness_lmask > span { display: block; transform: translate3d(0, 110%, 0); transition: transform 1.1s var(--expo); }
.stillness_wrap .stillness_loader.is-on .stillness_lmask > span { transform: none; transition-delay: 0.15s; }
.stillness_wrap .stillness_loader.is-on .stillness_lmask.is-2 > span { transition-delay: 0.25s; }
.stillness_wrap .stillness_loader.is-opening .stillness_lmask > span { transform: translate3d(0, -110%, 0); transition: transform 0.8s var(--io); transition-delay: 0s; }
.stillness_wrap .stillness_loader_kick { left: var(--gut); top: 22px; font: 500 13px/1 var(--sans); }
.stillness_wrap .stillness_loader_name { left: var(--gut); bottom: 34px; display: flex; flex-direction: column; gap: 10px; }
.stillness_wrap .stillness_loader_name > span:first-child { font: 250 clamp(34px, 3.4vw, 56px)/0.95 var(--serif); font-variation-settings: 'opsz' 60; letter-spacing: -0.03em; }
.stillness_wrap .stillness_loader_name > span.is-2 { font: 400 12.5px/1.3 var(--sans); color: var(--light-2); }
.stillness_wrap .stillness_loader_count { right: var(--gut); bottom: 26px; font: 200 clamp(64px, 9vw, 150px)/0.8 var(--serif); font-variation-settings: 'opsz' 60; letter-spacing: -0.04em; font-feature-settings: 'tnum', 'lnum'; }
.stillness_wrap .stillness_loader_cap { left: 50%; top: calc(50% + var(--Hh) / 2 + 16px); transform: translateX(-50%); white-space: nowrap; font: 500 10.5px/1 var(--sans); letter-spacing: 0.14em; text-transform: uppercase; color: var(--light-2); text-align: center; }
.stillness_wrap .stillness_loader_bar { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(246, 240, 230, 0.12); }
.stillness_wrap .stillness_loader_bar i { position: absolute; inset: 0; background: var(--light); transform-origin: left; transform: scaleX(0); }
.stillness_wrap .stillness_loader.is-opening .stillness_loader_bar { opacity: 0; transition: opacity 0.4s; }

/* ── I · hero: the photograph, and the word set across its foot ── */
.stillness_wrap .stillness_part.is-hero .stillness_stage::after { content: ''; position: absolute; inset: 0 0 auto 0; height: 46%; background: linear-gradient(rgba(10, 8, 6, 0.5), rgba(10, 8, 6, 0.18) 60%, rgba(10, 8, 6, 0)); pointer-events: none; }
.stillness_wrap .stillness_hero { --hw: 18vw; --out: 0; position: absolute; inset: 0 var(--gut); color: var(--light); z-index: 1; }
.stillness_wrap .stillness_mast { position: absolute; left: 0; right: 0; top: 62px; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--col-gap); padding: 12px 0 0; border-top: 1px solid rgba(246, 240, 230, 0.4); opacity: calc(1 - var(--out) * 2.5); }
.stillness_wrap .stillness_mast_item { font: 500 10.5px/1.35 var(--sans); letter-spacing: 0.13em; text-transform: uppercase; color: var(--light-2); }
.stillness_wrap .stillness_mast_item b { font-weight: 600; color: var(--light); }
.stillness_wrap .stillness_mast_item.is-live { text-align: right; }
.stillness_wrap .stillness_mast_item.is-live b { color: #f2c79c; font-feature-settings: 'tnum'; }
.stillness_wrap .stillness_hero_word { position: absolute; left: 0; right: 0; bottom: calc(2 * var(--vh)); margin: 0; font: 220 var(--hw)/0.8 var(--serif); font-variation-settings: 'opsz' 60; letter-spacing: -0.055em; white-space: nowrap; color: var(--light); transform: translate3d(0, calc(var(--out) * -16 * var(--vh)), 0); opacity: calc(1 - var(--out) * 1.15); text-shadow: 0 4px 60px rgba(0, 0, 0, 0.18); }
.stillness_wrap .stillness_hero_letters { display: block; overflow: hidden; padding: 0.12em 0.06em 0.16em; margin: -0.12em -0.06em -0.16em; }
.stillness_wrap .stillness_hl { display: inline-block; }
.stillness_wrap .stillness_hl > span { display: inline-block; letter-spacing: -0.055em; transform: translate3d(0, 112%, 0); transition: transform 1.7s var(--expo); transition-delay: calc(var(--i) * 55ms); }
.stillness_wrap .stillness_hero.is-in .stillness_hl > span { transform: none; }
.stillness_wrap .stillness_hero_row { position: absolute; left: 0; right: 0; top: 130px; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--col-gap); align-items: start; opacity: calc(1 - var(--out) * 2.2); }
.stillness_wrap .stillness_hero_credit { grid-column: 1 / 5; margin: 0; max-width: 22em; font: 400 12.5px/1.5 var(--sans); color: var(--light-2); }
.stillness_wrap .stillness_hero_lede { grid-column: 8 / 13; margin: 0; font: 300 clamp(17px, 1.4vw, 23px)/1.38 var(--serif); font-variation-settings: 'opsz' 20; color: var(--light); text-shadow: 0 1px 20px rgba(0, 0, 0, 0.3); }
.stillness_wrap .stillness_hero_cue { grid-column: 6 / 8; justify-self: center; margin: 0; display: flex; flex-direction: column; align-items: center; gap: 10px; font: 500 10.5px/1 var(--sans); letter-spacing: 0.14em; text-transform: uppercase; color: var(--light-2); }
.stillness_wrap .stillness_hero .stillness_mast, .stillness_wrap .stillness_hero_credit, .stillness_wrap .stillness_hero_lede, .stillness_wrap .stillness_hero_cue span { transition: translate 1.4s var(--expo), filter 1.2s; }
.stillness_wrap .stillness_hero:not(.is-in) .stillness_mast, .stillness_wrap .stillness_hero:not(.is-in) .stillness_hero_row, .stillness_wrap .stillness_hero:not(.is-in) .stillness_hero_cue { visibility: hidden; }
.stillness_wrap .stillness_hero.is-in .stillness_mast { animation: stillness_fade 1.4s 0.5s both var(--expo); }
.stillness_wrap .stillness_hero.is-in .stillness_hero_row { animation: stillness_fade 1.4s 0.75s both var(--expo); }
.stillness_wrap .stillness_hero.is-in .stillness_hero_cue { animation: stillness_fade 1.4s 1s both var(--expo); }
.stillness_wrap .stillness_hero_cue .stillness_cue_line { order: 2; }
@keyframes stillness_fade { from { translate: 0 18px; filter: opacity(0); } to { translate: 0 0; filter: opacity(1); } }

/* ── II · statement ── */
.stillness_wrap .stillness_part.is-statement .stillness_page { grid-template-rows: auto minmax(0, 1fr) auto; }
.stillness_wrap .stillness_part.is-statement .stillness_no { grid-column: 1 / -1; }
.stillness_wrap .stillness_state { grid-column: 1 / -1; align-self: center; margin: 0; font: 250 min(5.2vw, calc(8.2 * var(--vh)))/1.06 var(--serif); font-variation-settings: 'opsz' 60; letter-spacing: -0.032em; color: var(--ink); text-wrap: pretty; }
.stillness_wrap .stillness_word { opacity: calc(0.14 + 0.86 * var(--lit, 0)); transition: opacity 0.3s; }
.stillness_wrap .stillness_pill { display: inline-block; width: 1.9em; height: 0.78em; margin: 0 0.04em; vertical-align: 0.02em; border-radius: 999px; overflow: hidden; transform: scale(calc(0.55 + 0.45 * var(--lit, 0))); transition: transform 0.6s var(--expo); }
.stillness_wrap .stillness_pill img { width: 100%; height: 100%; object-fit: cover; display: block; }
.stillness_wrap .stillness_state_facts { grid-column: 1 / -1; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--col-gap); border-top: 1px solid var(--ink); }
.stillness_wrap .stillness_state_facts div, .stillness_wrap .stillness_arr_facts div, .stillness_wrap .stillness_fact { padding-top: 12px; }
.stillness_wrap .stillness_state_facts dt, .stillness_wrap .stillness_arr_facts dt, .stillness_wrap .stillness_fact dt { font: 500 10.5px/1.3 var(--sans); letter-spacing: 0.13em; text-transform: uppercase; color: var(--ink-3); }
.stillness_wrap .stillness_state_facts dd, .stillness_wrap .stillness_arr_facts dd, .stillness_wrap .stillness_fact dd { margin: 8px 0 0; font: 250 clamp(24px, 2.4vw, 40px)/1 var(--serif); font-variation-settings: 'opsz' 60; letter-spacing: -0.03em; font-feature-settings: 'lnum'; }

/* ── III · the spaces: a big index ── */
.stillness_wrap .stillness_sp_head { grid-column: 1 / 9; }
.stillness_wrap .stillness_sp_fine { grid-column: 9 / 13; align-self: end; justify-self: end; text-align: right; max-width: 18em; margin: 0; }
.stillness_wrap .stillness_sp_list { grid-column: 1 / -1; margin: clamp(16px, 3 * var(--vh), 32px) 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; border-top: 1px solid var(--ink); min-height: 0; }
.stillness_wrap .stillness_sp_row { border-bottom: 1px solid var(--line); flex: 1 1 0; min-height: 0; display: flex; opacity: 0; transform: translate3d(0, 30px, 0); transition: opacity 0.9s ease, transform 1.3s var(--expo); transition-delay: calc(var(--i) * 70ms + 260ms); }
.stillness_wrap .is-in .stillness_sp_row { opacity: 1; transform: none; }
.stillness_wrap .stillness_sp_btn { appearance: none; border: 0; background: none; color: inherit; cursor: pointer; width: 100%; display: grid; grid-template-columns: 4.5rem minmax(0, 1fr) auto auto; align-items: center; gap: 2vw; text-align: left; padding: 0; }
.stillness_wrap .stillness_sp_n { font: 400 14px/1 var(--serif); color: var(--clay); font-feature-settings: 'tnum'; }
.stillness_wrap .stillness_sp_name { font: 250 min(4.4vw, calc(6.4 * var(--vh)))/1.02 var(--serif); font-variation-settings: 'opsz' 60; letter-spacing: -0.035em; white-space: nowrap; overflow: hidden; }
.stillness_wrap .stillness_sp_name span { display: inline-block; transition: transform 0.9s var(--expo), opacity 0.5s; }
.stillness_wrap .stillness_sp_btn:hover .stillness_sp_name span, .stillness_wrap .stillness_sp_btn:focus-visible .stillness_sp_name span { transform: translateX(1.4vw); }
.stillness_wrap .stillness_sp_btn.is-dim .stillness_sp_name span { opacity: 0.25; }
.stillness_wrap .stillness_sp_count { font: 500 10.5px/1 var(--sans); letter-spacing: 0.13em; text-transform: uppercase; color: var(--ink-3); }
.stillness_wrap .stillness_sp_go { display: inline-flex; align-items: center; gap: 10px; font: 500 10.5px/1 var(--sans); letter-spacing: 0.13em; text-transform: uppercase; padding: 10px 16px; border: 1px solid var(--line); border-radius: 999px; transition: background 0.4s, color 0.4s, border-color 0.4s, gap 0.6s var(--expo); }
.stillness_wrap .stillness_sp_go i { font-style: normal; }
.stillness_wrap .stillness_sp_btn:hover .stillness_sp_go { background: var(--ink); color: var(--paper); border-color: var(--ink); gap: 16px; }
.stillness_wrap .stillness_sp_thumb { display: none; }
.stillness_wrap .stillness_sp_peek { position: fixed; left: 0; top: 0; margin: 0; width: min(21vw, 300px); aspect-ratio: 4 / 5; pointer-events: none; z-index: 5; overflow: hidden; clip-path: inset(50% 50% 50% 50%); transition: clip-path 0.7s var(--expo); }
.stillness_wrap .stillness_sp_peek.is-on { clip-path: inset(0 0 0 0); }
.stillness_wrap .stillness_sp_peek img { position: absolute; inset: 0; opacity: 0; transform: scale(1.14); transition: opacity 0.45s, transform 1.2s var(--expo); }
.stillness_wrap .stillness_sp_peek img.is-on { opacity: 1; transform: none; }

/* ── IV · inside / outside ── */
.stillness_wrap .stillness_in_text { grid-column: 1 / 5; grid-row: 1 / -1; align-self: start; }
.stillness_wrap .stillness_in_frame { grid-column: 5 / 13; grid-row: 1 / -1; position: relative; overflow: hidden; --w: 1; min-height: 0; }
.stillness_wrap .stillness_in_frame .stillness_img { position: absolute; inset: 0; }
.stillness_wrap .stillness_in_frame .is-in { transform: scale(calc(1.08 - 0.08 * (1 - var(--w)))); }
.stillness_wrap .stillness_in_frame .is-out { z-index: 1; clip-path: inset(0 calc((1 - var(--w)) * 100%) 0 0); transform: scale(calc(1 + 0.06 * (1 - var(--w)))); transform-origin: 0 50%; }
.stillness_wrap .stillness_in_bar { position: absolute; z-index: 2; top: 0; bottom: 0; left: clamp(36px, calc(var(--w) * 100%), calc(100% - 36px)); width: 48px; margin-left: -24px; cursor: ew-resize; touch-action: none; }
.stillness_wrap .stillness_in_bar::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: rgba(246, 240, 230, 0.9); }
.stillness_wrap .stillness_in_knob { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; border-radius: 50%; background: var(--paper); color: var(--ink); display: flex; align-items: center; justify-content: center; gap: 8px; font: 400 14px/1 var(--serif); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25); z-index: 1; transition: transform 0.5s var(--expo); }
.stillness_wrap .stillness_in_knob i { font-style: normal; }
.stillness_wrap .stillness_in_bar:hover .stillness_in_knob { transform: translate(-50%, -50%) scale(1.08); }
.stillness_wrap .stillness_in_lab { position: absolute; z-index: 3; bottom: 16px; margin: 0; font: 500 10.5px/1 var(--sans); letter-spacing: 0.13em; text-transform: uppercase; color: var(--light); text-shadow: 0 1px 12px rgba(0, 0, 0, 0.5); }
.stillness_wrap .stillness_in_lab.is-l { left: 18px; } .stillness_wrap .stillness_in_lab.is-r { right: 18px; }

/* ── V · before Amangiri: the years, one line at a time; then the first house ── */
.stillness_wrap .stillness_or_left { grid-column: 1 / 7; grid-row: 1 / -1; display: flex; flex-direction: column; min-height: 0; }
.stillness_wrap .stillness_or_year { margin: 0; font: 200 min(18vw, calc(30 * var(--vh)))/0.78 var(--serif); font-variation-settings: 'opsz' 60; letter-spacing: -0.06em; font-feature-settings: 'tnum', 'lnum'; margin-left: -0.05em; }
.stillness_wrap .stillness_or_ticks { position: relative; margin-top: auto; height: 34px; border-bottom: 1px solid var(--line); }
.stillness_wrap .stillness_or_ticks > i { position: absolute; left: 0; bottom: -1px; height: 1px; width: 100%; background: var(--clay); transform-origin: left; transform: scaleX(var(--p, 0)); }
.stillness_wrap .stillness_or_ticks span { position: absolute; bottom: 0; left: calc(var(--k) * 100%); transform: translateX(calc(var(--k) * -100%)); padding-bottom: 10px; }
.stillness_wrap .stillness_or_ticks span::after { content: ''; position: absolute; bottom: -4px; left: calc(var(--k) * 100%); width: 7px; height: 7px; margin-left: calc(var(--k) * -7px); border-radius: 50%; background: var(--paper); border: 1px solid var(--ink-3); transition: background 0.4s, border-color 0.4s; }
.stillness_wrap .stillness_or_ticks span.is-on::after { background: var(--clay); border-color: var(--clay); }
.stillness_wrap .stillness_or_ticks b { font: 400 13px/1 var(--serif); color: var(--ink-3); font-feature-settings: 'tnum'; transition: color 0.4s; }
.stillness_wrap .stillness_or_ticks span.is-on b { color: var(--ink); }
.stillness_wrap .stillness_or_life { position: relative; margin: 18px 0 0; padding: 0; list-style: none; display: grid; min-height: 3.2em; }
.stillness_wrap .stillness_or_life li { grid-area: 1 / 1; display: flex; gap: 18px; align-items: baseline; opacity: 0; transform: translate3d(0, 14px, 0); transition: opacity 0.5s, transform 0.9s var(--expo); }
.stillness_wrap .stillness_or_life li.is-now { opacity: 1; transform: none; transition-delay: 0.12s; }
.stillness_wrap .stillness_or_life b { font: 400 14px/1 var(--serif); color: var(--clay); font-feature-settings: 'tnum'; flex: none; }
.stillness_wrap .stillness_or_life span { max-width: 26em; font: 300 clamp(17px, 1.45vw, 23px)/1.32 var(--serif); font-variation-settings: 'opsz' 20; }
.stillness_wrap .stillness_or_right { grid-column: 8 / 13; grid-row: 1 / -1; display: flex; flex-direction: column; min-height: 0; }
.stillness_wrap .stillness_or_fig { margin: 0 0 clamp(18px, 3 * var(--vh), 30px); }
.stillness_wrap .stillness_or_fig { overflow: hidden; }
.stillness_wrap .stillness_or_fig .stillness_img { height: calc(29 * var(--vh)); filter: grayscale(calc(1 - var(--rv, 0))) contrast(calc(0.8 + 0.2 * var(--rv, 0))); opacity: calc(0.42 + 0.58 * var(--rv, 0)); transform: scale(calc(1.1 - 0.08 * var(--rv, 0))); }
.stillness_wrap .stillness_or_fig figcaption { opacity: calc(0.4 + 0.6 * var(--rv, 0)); }
.stillness_wrap .stillness_or_right .stillness_h2 { font-size: min(4.6vw, calc(7.6 * var(--vh))); }

/* ── VI · the road in ── */
.stillness_wrap .stillness_arr_text { grid-column: 1 / 6; grid-row: 1 / -1; display: flex; flex-direction: column; min-height: 0; }
.stillness_wrap .stillness_arr_num { margin: 0 0 clamp(12px, 2.6 * var(--vh), 28px); display: flex; align-items: baseline; gap: 0.14em; font: 200 min(19vw, calc(33 * var(--vh)))/0.8 var(--serif); font-variation-settings: 'opsz' 60; letter-spacing: -0.06em; font-feature-settings: 'tnum', 'lnum'; margin-left: -0.04em; }
.stillness_wrap .stillness_arr_num i { font: 400 12.5px/1.2 var(--sans); font-style: normal; letter-spacing: 0.02em; color: var(--clay); }
.stillness_wrap .stillness_arr_text .stillness_h2 { margin-top: auto; }
.stillness_wrap .stillness_arr_fig { grid-column: 6 / 13; grid-row: 1 / 2; margin: 0; display: flex; flex-direction: column; min-height: 0; }
.stillness_wrap .stillness_arr_fig .stillness_img { flex: 1; min-height: 0; height: auto; }
.stillness_wrap .stillness_arr_facts { grid-column: 6 / 13; grid-row: 2; margin: clamp(16px, 3 * var(--vh), 30px) 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--col-gap); border-top: 1px solid var(--ink); }
.stillness_wrap .stillness_part.is-arrival .stillness_page { grid-template-rows: minmax(0, 1fr) auto; }

/* ── VII · the name: Aman · the mountain · giri ── */
.stillness_wrap .stillness_part.is-name .stillness_page { grid-template-rows: auto minmax(0, 1fr) auto; }
.stillness_wrap .stillness_part.is-name .stillness_no { grid-column: 1 / 7; }
.stillness_wrap .stillness_name_note { grid-column: 8 / 13; justify-self: end; text-align: right; margin: 0; font: 300 clamp(16px, 1.3vw, 21px)/1.35 var(--serif); font-variation-settings: 'opsz' 20; color: var(--ink-2); max-width: 20em; }
.stillness_wrap .stillness_name_row { --open: 0; grid-column: 1 / -1; grid-row: 2; align-self: center; display: flex; justify-content: center; align-items: flex-start; font: 220 min(13.5vw, calc(25 * var(--vh)))/0.8 var(--serif); }
.stillness_wrap .stillness_name_word { margin: 0; display: flex; flex-direction: column; font: inherit; color: inherit; }
.stillness_wrap .stillness_name_word.is-b { align-items: flex-end; }
.stillness_wrap .stillness_name_big { font-variation-settings: 'opsz' 60; letter-spacing: -0.05em; line-height: 0.8; padding-bottom: 0.06em; }
.stillness_wrap .stillness_name_gloss { margin-top: 0.12em; display: flex; gap: 0.5em; align-items: baseline; font: 300 clamp(18px, 1.7vw, 28px)/1 var(--serif); font-variation-settings: 'opsz' 24; color: var(--clay); }
.stillness_wrap .stillness_name_gloss i { font: 500 10px/1 var(--sans); font-style: normal; color: var(--ink-3); }
.stillness_wrap .stillness_name_win { margin: 0 calc(0.02em + var(--open) * 0.12em); width: calc(var(--open) * 2.4em); height: 0.74em; margin-top: 0.03em; overflow: hidden; flex: none; border-radius: 0.02em; }
.stillness_wrap .stillness_name_win .stillness_img { transform: scale(calc(1.3 - 0.3 * var(--open))); }
.stillness_wrap .stillness_name_cap { grid-column: 1 / 7; grid-row: 3; margin: 0; align-self: end; font: 500 10.5px/1.3 var(--sans); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); }
.stillness_wrap .stillness_breath { grid-column: 8 / 13; grid-row: 3; justify-self: end; align-self: end; appearance: none; border: 0; background: none; cursor: pointer; display: flex; align-items: center; gap: 14px; color: var(--ink-2); font: 500 13px/1 var(--sans); padding: 6px 0; user-select: none; -webkit-user-select: none; touch-action: none; }
.stillness_wrap .stillness_breath_ring { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--ink-3); transform: scale(calc(0.7 + var(--b, 0) * 0.6)); transition: border-color 0.6s, background 0.6s; }
.stillness_wrap .stillness_breath.is-holding .stillness_breath_ring { border-color: var(--clay); background: rgba(163, 85, 58, 0.08); }

/* ── VIII · the plan ── */
.stillness_wrap .stillness_plan_svg { grid-column: 1 / 8; grid-row: 1 / -1; width: 100%; height: 100%; min-height: 0; color: var(--ink); overflow: visible; }
.stillness_wrap .stillness_plan_text { grid-column: 8 / 13; grid-row: 1 / -1; display: flex; flex-direction: column; min-height: 0; }
.stillness_wrap .stillness_plan_text .stillness_h2 { font-size: min(4.2vw, calc(7.2 * var(--vh))); }
.stillness_wrap .stillness_quote { margin: clamp(16px, 2.6 * var(--vh), 28px) 0 0; padding: 0 0 0 18px; border-left: 1px solid var(--clay); }
.stillness_wrap .stillness_quote p { margin: 0; font: 300 clamp(16px, 1.3vw, 20px)/1.38 var(--serif); font-variation-settings: 'opsz' 20; color: var(--ink); }
.stillness_wrap .stillness_quote p::before { content: '“'; } .stillness_wrap .stillness_quote p::after { content: '”'; }
.stillness_wrap .stillness_quote cite { display: block; margin-top: 8px; font: 500 12px/1 var(--sans); font-style: normal; color: var(--ink-3); }
.stillness_wrap .stillness_facts { margin: auto 0 0; padding-top: 16px; display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--col-gap); }
.stillness_wrap .stillness_fact { border-top: 1px solid var(--line); padding-bottom: 12px; }
.stillness_wrap .stillness_fact dd { font-size: clamp(22px, 2.1vw, 34px); }
.stillness_wrap .stillness_plan_svg .is-draw { fill: none; stroke: var(--ink); stroke-width: 1; }
.stillness_wrap .stillness_plan_svg .is-fill { fill: var(--ink); opacity: 0.05; }
.stillness_wrap .stillness_plan_svg .is-water { fill: #6f8f88; opacity: 0.35; }
.stillness_wrap .stillness_plan_svg .is-court { fill: var(--clay); opacity: 0.55; }
.stillness_wrap .stillness_plan_svg .is-label { font: 400 12px/1 var(--sans); fill: var(--ink-2); }
.stillness_wrap .stillness_plan_svg .is-contour { fill: none; stroke: var(--ink); stroke-width: 0.6; opacity: 0.14; }

/* ── IX · materials ── */
.stillness_wrap .stillness_part.is-materials .stillness_page { grid-template-rows: auto minmax(0, 1fr) auto; }
.stillness_wrap .stillness_mat_head { grid-column: 1 / 9; }
.stillness_wrap .stillness_mat_note { grid-column: 9 / 13; align-self: end; justify-self: end; text-align: right; max-width: 22em; margin: 0; }
.stillness_wrap .stillness_mat_grid { grid-column: 1 / -1; grid-row: 2; margin-top: clamp(16px, 3 * var(--vh), 30px); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--col-gap); min-height: 0; }
.stillness_wrap .stillness_mat { margin: 0; display: flex; flex-direction: column; gap: 12px; min-height: 0; }
.stillness_wrap .stillness_mat_cv { flex: 1; min-height: 0; width: 100%; display: block; background: var(--paper-2); }
.stillness_wrap .stillness_mat_cap { display: flex; flex-direction: column; gap: 4px; min-height: 4.6em; font: 400 13px/1.45 var(--sans); color: var(--ink-2); }
.stillness_wrap .stillness_mat_cap b { font: 400 19px/1.1 var(--serif); font-variation-settings: 'opsz' 20; color: var(--ink); }
.stillness_wrap .stillness_mat_sun { grid-column: 1 / -1; grid-row: 3; margin-top: 14px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; cursor: ew-resize; touch-action: none; padding: 10px 0; user-select: none; -webkit-user-select: none; }
.stillness_wrap .stillness_mat_sun_line { position: relative; height: 1px; background: var(--ink-3); }
.stillness_wrap .stillness_mat_sun_line i { position: absolute; top: -5px; width: 11px; height: 11px; margin-left: -5.5px; border-radius: 50%; background: #e0894f; box-shadow: 0 0 0 6px rgba(224, 137, 79, 0.16); }
.stillness_wrap .stillness_mat_sun b { font: 300 24px/1 var(--serif); font-variation-settings: 'opsz' 40; font-feature-settings: 'tnum'; letter-spacing: -0.02em; }

/* ── XI · out there: a draggable gallery ── */
.stillness_wrap .stillness_land_head { grid-column: 1 / 9; }
.stillness_wrap .stillness_land_hint { grid-column: 9 / 13; align-self: end; justify-self: end; margin: 0; display: flex; align-items: center; gap: 12px; font: 500 10.5px/1 var(--sans); letter-spacing: 0.13em; text-transform: uppercase; color: var(--ink-2); }
.stillness_wrap .stillness_land_clip { grid-column: 1 / -1; grid-row: 2; position: relative; margin: clamp(16px, 3 * var(--vh), 30px) calc(-1 * var(--gut)) 0; overflow: hidden; cursor: grab; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.stillness_wrap .stillness_land_clip.is-grab { cursor: grabbing; }
.stillness_wrap .stillness_land_track { position: absolute; left: var(--gut); top: 0; bottom: 0; margin: 0; padding: 0; list-style: none; display: flex; gap: clamp(14px, 2vw, 32px); will-change: transform; }
.stillness_wrap .stillness_land_card { flex: 0 0 auto; height: 100%; opacity: 0; transform: translate3d(0, 50px, 0) skewX(calc(var(--sk, 0) * 1deg)); transition: opacity 1s ease, transform 1.3s var(--expo); transition-delay: calc(var(--i) * 70ms + 200ms); }
.stillness_wrap .is-in .stillness_land_card { opacity: 1; transform: skewX(calc(var(--sk, 0) * 1deg)); transition: opacity 1s ease calc(var(--i) * 70ms + 200ms), transform 0.2s linear; }
.stillness_wrap .stillness_land_card figure { margin: 0; height: 100%; display: flex; flex-direction: column; gap: 14px; }
.stillness_wrap .stillness_land_img { flex: 0 0 auto; height: calc(100% - 84px); aspect-ratio: 4 / 5; overflow: hidden; }
.stillness_wrap .stillness_land_card:nth-child(3n + 2) .stillness_land_img { aspect-ratio: 3 / 2; }
.stillness_wrap .stillness_land_img .stillness_img { transform: scale(1.06) translateX(calc(var(--sk, 0) * -0.6%)); pointer-events: none; object-position: 50% 60%; }
.stillness_wrap .stillness_land_card figcaption { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); gap: 4px 10px; max-width: 26rem; overflow-wrap: break-word; font: 400 13px/1.45 var(--sans); color: var(--ink-2); }
.stillness_wrap .stillness_land_card figcaption b { font: 300 22px/1.1 var(--serif); font-variation-settings: 'opsz' 24; color: var(--ink); }
.stillness_wrap .stillness_land_card figcaption span:last-child { grid-column: 2; }
.stillness_wrap .stillness_land_n { font: 400 13px/1.6 var(--serif); color: var(--clay); }

/* ── XII · the spa ── */
.stillness_wrap .stillness_rit_main { position: absolute; left: 0; top: 0; bottom: 0; width: 40vw; margin: 0; overflow: hidden; z-index: 1; }
.stillness_wrap .stillness_rit_main .stillness_img, .stillness_wrap .stillness_rit_fig .stillness_img { translate: 0 var(--py, 0); }
.stillness_wrap .stillness_rit_text { grid-column: 6 / 10; grid-row: 1 / -1; align-self: stretch; min-height: 0; }
.stillness_wrap .stillness_rit_text .stillness_h2 { font-size: min(5.4vw, calc(9.4 * var(--vh))); }
.stillness_wrap .stillness_part.is-ritual .stillness_run, .stillness_wrap .stillness_part.is-ritual .stillness_folio { left: calc(40vw + var(--gut)); }
.stillness_wrap .stillness_rit_text { display: flex; flex-direction: column; height: 100%; }
.stillness_wrap .stillness_rit_facts { margin: auto 0 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--col-gap); }
.stillness_wrap .stillness_rit_facts div { border-top: 1px solid var(--line); padding: 12px 0; }
.stillness_wrap .stillness_rit_facts dt { font: 500 10.5px/1.3 var(--sans); letter-spacing: 0.13em; text-transform: uppercase; color: var(--ink-3); }
.stillness_wrap .stillness_rit_facts dd { margin: 8px 0 0; font: 250 clamp(22px, 2.1vw, 34px)/1 var(--serif); letter-spacing: -0.03em; }
.stillness_wrap .stillness_rit_side { grid-column: 10 / 13; grid-row: 1 / -1; display: grid; grid-template-rows: 1fr 1fr; gap: var(--col-gap); min-height: 0; }
.stillness_wrap .stillness_rit_fig { margin: 0; display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
.stillness_wrap .stillness_rit_fig .stillness_img { flex: 1; min-height: 0; height: auto; }

/* ── XIII · three days ── */
.stillness_wrap .stillness_days_head { grid-column: 1 / 4; grid-row: 1 / -1; }
.stillness_wrap .stillness_days_head .stillness_h2 { font-size: min(4.6vw, calc(7.6 * var(--vh))); }
.stillness_wrap .stillness_days_when { display: flex; flex-wrap: wrap; gap: 8px; margin-top: clamp(18px, 3 * var(--vh), 30px); }
.stillness_wrap .stillness_days_clip { grid-column: 4 / 13; grid-row: 1 / -1; position: relative; margin-right: calc(-1 * var(--gut)); overflow: clip; -webkit-mask-image: linear-gradient(to right, transparent, #000 14%); mask-image: linear-gradient(to right, transparent, #000 14%); }
.stillness_wrap .stillness_days_track { position: absolute; left: 2vw; top: 0; bottom: 0; display: flex; gap: clamp(16px, 2vw, 32px); transform: translateX(var(--dx, 0px)); }
.stillness_wrap .stillness_day { flex: 0 0 min(28rem, 32vw); display: flex; flex-direction: column; border-left: 1px solid var(--line); padding-left: 18px; min-height: 0; }
.stillness_wrap .stillness_day_name { margin: 0 0 14px; display: flex; gap: 14px; align-items: baseline; font: 250 clamp(28px, 2.6vw, 44px)/1 var(--serif); font-variation-settings: 'opsz' 60; letter-spacing: -0.03em; }
.stillness_wrap .stillness_day_name i { font: 400 13px/1 var(--serif); font-style: normal; letter-spacing: 0; color: var(--clay); }
.stillness_wrap .stillness_day_fig { margin: 0 0 16px; flex: 0 1 calc(30 * var(--vh)); min-height: 80px; overflow: hidden; }
.stillness_wrap .stillness_day_list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; }
.stillness_wrap .stillness_day_item { display: grid; grid-template-columns: 4.4em minmax(0, 1fr); gap: 14px; font: 400 13.5px/1.45 var(--sans); color: var(--ink-2); }
.stillness_wrap .stillness_day_item b { font: 400 17px/1.2 var(--serif); color: var(--ink); font-feature-settings: 'tnum'; }
.stillness_wrap .stillness_day_item i { font-style: normal; color: var(--ink); display: block; font-weight: 500; }

/* ── XIV · atlas ── */
.stillness_wrap .stillness_atlas_head { grid-column: 1 / 4; grid-row: 1 / -1; display: flex; flex-direction: column; min-height: 0; }
.stillness_wrap .stillness_atlas_count { margin: auto 0 0; display: flex; flex-direction: column; gap: 8px; }
.stillness_wrap .stillness_atlas_count b { font: 200 min(10vw, calc(17 * var(--vh)))/0.82 var(--serif); font-variation-settings: 'opsz' 60; letter-spacing: -0.05em; font-feature-settings: 'tnum', 'lnum'; }
.stillness_wrap .stillness_atlas_count span { font: 400 13px/1.4 var(--sans); color: var(--ink-2); }
.stillness_wrap .stillness_atlas_box { grid-column: 4 / 13; grid-row: 1 / -1; position: relative; min-height: 0; }
.stillness_wrap .stillness_atlas_svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.stillness_wrap .stillness_atlas_svg .is-sphere { fill: rgba(29, 25, 21, 0.025); stroke: var(--line); stroke-width: 1; }
.stillness_wrap .stillness_atlas_svg .is-land { fill: var(--paper-2); stroke: rgba(29, 25, 21, 0.3); stroke-width: 0.6; }
.stillness_wrap .stillness_atlas_svg .is-grat { fill: none; stroke: var(--line); stroke-width: 0.5; }
.stillness_wrap .stillness_atlas_svg .is-night { fill: #1d1915; opacity: 0.09; pointer-events: none; }
.stillness_wrap .stillness_atlas_svg .is-dot { fill: var(--ink); transition: r 0.6s var(--expo); pointer-events: none; }
.stillness_wrap .stillness_atlas_svg .is-dot.is-soon { fill: var(--paper); stroke: var(--ink); stroke-width: 1; }
.stillness_wrap .stillness_atlas_svg .is-dot.is-giri { fill: var(--clay); }
.stillness_wrap .stillness_atlas_svg .is-dot.is-hot { fill: var(--clay); }
.stillness_wrap .stillness_atlas_svg .is-hit { fill: transparent; cursor: pointer; }
.stillness_wrap .stillness_atlas_svg .is-ring { fill: none; stroke: var(--clay); stroke-width: 1; }
.stillness_wrap .stillness_atlas_svg .is-name { font: 500 11.5px/1 var(--sans); fill: var(--clay); pointer-events: none; }
.stillness_wrap .stillness_atlas_card { position: absolute; z-index: 3; pointer-events: none; display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; background: var(--ink); color: var(--paper); font: 400 12.5px/1.35 var(--sans); max-width: 16rem; }
.stillness_wrap .stillness_atlas_card b { font: 400 17px/1.1 var(--serif); }
.stillness_wrap .stillness_atlas_card i { font-style: normal; color: rgba(236, 229, 216, 0.62); }

/* ── chrome (moved to the document body) ── */
.stillness_wrap.is-chrome { position: fixed; inset: 0; z-index: 40; pointer-events: none; }
.stillness_wrap .stillness_chrome { position: absolute; inset: 0; color: var(--ink); transition: color 0.6s; }
.stillness_wrap .stillness_chrome.is-light { color: var(--light); }
.stillness_wrap .stillness_brand, .stillness_wrap .stillness_tools { transition: opacity 0.5s, transform 0.6s var(--expo); }
.stillness_wrap .stillness_chrome.is-quiet .stillness_brand, .stillness_wrap .stillness_chrome.is-quiet .stillness_tools, .stillness_wrap .stillness_chrome.is-quiet .stillness_title { opacity: 0; transform: translate3d(0, -12px, 0); pointer-events: none; }
.stillness_wrap .stillness_chrome.is-viewer { color: var(--light); }
.stillness_wrap .stillness_brand { position: absolute; left: var(--gut); top: 22px; z-index: 70; display: flex; gap: 10px; align-items: baseline; color: inherit; text-decoration: none; font: 500 13px/1 var(--sans); pointer-events: auto; }
.stillness_wrap .stillness_brand span { font: 400 13px/1 var(--serif); opacity: 0.6; }
.stillness_wrap .stillness_title { position: absolute; left: 50%; top: 20px; transform: translateX(-50%); margin: 0; font: 300 17px/1 var(--serif); letter-spacing: 0.01em; opacity: var(--title, 0); transition: opacity 0.8s; }
.stillness_wrap .stillness_chrome.is-index .stillness_title, .stillness_wrap .stillness_chrome.is-viewer .stillness_title { opacity: 0; }
.stillness_wrap .stillness_tools { position: absolute; right: var(--gut); top: 14px; z-index: 70; display: flex; gap: 4px; pointer-events: auto; }
.stillness_wrap .stillness_chrome.is-viewer .stillness_tools { opacity: 0; pointer-events: none; }
.stillness_wrap .stillness_tool { appearance: none; border: 0; background: none; color: inherit; cursor: pointer; font: 500 13px/1 var(--sans); padding: 8px 10px; display: flex; align-items: center; gap: 8px; }
.stillness_wrap .stillness_tool:hover { opacity: 0.7; }
.stillness_wrap .stillness_roll { display: inline-grid; overflow: hidden; height: 1em; line-height: 1; }
.stillness_wrap .stillness_roll span { grid-area: 1 / 1; transition: transform 0.7s var(--expo); }
.stillness_wrap .stillness_roll span + span { transform: translateY(110%); }
.stillness_wrap .stillness_tool.is-open .stillness_roll span:first-child { transform: translateY(-110%); }
.stillness_wrap .stillness_tool.is-open .stillness_roll span + span { transform: none; }
.stillness_wrap .stillness_wave { display: flex; gap: 2px; align-items: center; height: 12px; }
.stillness_wrap .stillness_wave i { width: 1.5px; height: 3px; background: currentColor; transition: height 0.4s; }
.stillness_wrap .stillness_tool.is-on .stillness_wave i { animation: stillness_wave 1.4s ease-in-out infinite; }
.stillness_wrap .stillness_tool.is-on .stillness_wave i:nth-child(2) { animation-delay: 0.2s; } .stillness_wrap .stillness_tool.is-on .stillness_wave i:nth-child(3) { animation-delay: 0.45s; } .stillness_wrap .stillness_tool.is-on .stillness_wave i:nth-child(4) { animation-delay: 0.7s; }
@keyframes stillness_wave { 0%, 100% { height: 3px; } 50% { height: 12px; } }
.stillness_wrap .stillness_lightmenu { position: absolute; right: var(--gut); top: 56px; z-index: 70; width: 18rem; padding: 18px; background: var(--paper); color: var(--ink); pointer-events: none; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0; transform: translate3d(0, -10px, 0); clip-path: inset(0 0 100% 0); transition: opacity 0.4s, transform 0.7s var(--expo), clip-path 0.7s var(--io), visibility 0s linear 0.7s; }
.stillness_wrap .stillness_lightmenu.is-open { visibility: visible; opacity: 1; transform: none; clip-path: inset(0 0 0 0); pointer-events: auto; transition: opacity 0.3s, transform 0.8s var(--expo), clip-path 0.8s var(--io), visibility 0s; }
.stillness_wrap .stillness_lightmenu_row { display: flex; gap: 6px; margin: 12px 0; }
.stillness_wrap .stillness_lightmenu .stillness_fine { margin: 0; }
.stillness_wrap .stillness_lightmenu .stillness_fine:first-child { color: var(--ink-2); }

/* the day: the sun's real path today, the sun on it, the events of the day */
.stillness_wrap .stillness_dial { position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); width: min(720px, calc(100vw - 2 * var(--gut))); display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px; align-items: end; pointer-events: auto; opacity: var(--dial, 0); transition: opacity 0.5s, color 0.8s; }
.stillness_wrap .stillness_dial_read { display: flex; flex-direction: column; gap: 4px; min-width: 7.2rem; }
.stillness_wrap .stillness_dial_read b { font: 300 30px/1 var(--serif); font-feature-settings: 'tnum'; letter-spacing: -0.02em; }
.stillness_wrap .stillness_dial_read span { font: 400 12px/1.3 var(--sans); opacity: 0.75; }
.stillness_wrap .stillness_dial_svg { width: 100%; height: 64px; overflow: visible; cursor: grab; touch-action: none; }
.stillness_wrap .stillness_dial_svg:active { cursor: grabbing; }
.stillness_wrap .stillness_dial_ev { font: 400 12px/1.5 var(--sans); opacity: 0.75; text-align: right; min-width: 9.5rem; }
.stillness_wrap .stillness_dial_ev b { font-weight: 500; }
.stillness_wrap .stillness_dial_release { position: absolute; right: 0; top: -30px; appearance: none; border: 0; background: none; color: inherit; font: 500 12px/1 var(--sans); cursor: pointer; padding: 6px 0; text-decoration: underline; text-underline-offset: 3px; }

/* the plate's caption: what the reader is looking at, live */
.stillness_wrap .stillness_platecap { position: absolute; left: var(--gut); top: 56px; margin: 0; font: 500 10.5px/1.3 var(--sans); letter-spacing: 0.13em; text-transform: uppercase; opacity: 0; transition: opacity 0.6s; font-feature-settings: 'tnum'; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); }

/* the index: a page that comes down over everything, its lines rising in; a picture of each chapter beside it */
.stillness_wrap .stillness_index { position: absolute; inset: 0; z-index: 65; background: var(--paper); color: var(--ink); pointer-events: none; visibility: hidden; clip-path: inset(0 0 100% 0); transition: clip-path 0.9s var(--io), visibility 0s linear 0.9s; }
.stillness_wrap .stillness_index.is-open { pointer-events: auto; visibility: visible; clip-path: inset(0 0 0 0); transition: clip-path 0.9s var(--io), visibility 0s; }
.stillness_wrap .stillness_index_in { position: absolute; top: max(96px, calc(12 * var(--vh))); bottom: 64px; left: var(--gut); right: var(--gut); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--col-gap); }
.stillness_wrap .stillness_index_list { grid-column: 1 / 9; margin: 0; padding: 0; list-style: none; columns: 2; column-gap: var(--col-gap); align-self: start; }
.stillness_wrap .stillness_index_item { break-inside: avoid; border-top: 1px solid var(--line); }
.stillness_wrap .stillness_index_btn { appearance: none; border: 0; background: none; color: inherit; width: 100%; text-align: left; display: grid; grid-template-columns: 3.6em minmax(0, 1fr); gap: 14px; align-items: baseline; padding: clamp(8px, 1.3 * var(--vh), 14px) 0; cursor: pointer; }
.stillness_wrap .stillness_index_btn b { font: 400 13px/1 var(--serif); color: var(--clay); font-feature-settings: 'tnum'; }
.stillness_wrap .stillness_index_mask { display: block; overflow: hidden; padding-bottom: 0.08em; }
.stillness_wrap .stillness_index_mask span { display: block; font: 250 min(3vw, calc(4.6 * var(--vh)))/1.04 var(--serif); font-variation-settings: 'opsz' 60; letter-spacing: -0.03em; transform: translate3d(0, 110%, 0); transition: transform 0.5s var(--io); }
.stillness_wrap .stillness_index.is-open .stillness_index_mask span { transform: none; transition: transform 1.1s var(--expo); transition-delay: calc(0.32s + var(--i) * 32ms); }
.stillness_wrap .stillness_index_btn:hover .stillness_index_mask span, .stillness_wrap .stillness_index_btn:focus-visible .stillness_index_mask span { translate: 12px 0; }
.stillness_wrap .stillness_index_mask span { transition-property: transform, translate; }
.stillness_wrap .stillness_index_peek { grid-column: 9 / 13; margin: 0; position: relative; overflow: hidden; align-self: stretch; clip-path: inset(100% 0 0 0); transition: clip-path 0.6s var(--io); }
.stillness_wrap .stillness_index.is-open .stillness_index_peek { clip-path: inset(0 0 0 0); transition: clip-path 1.2s var(--io) 0.3s; }
.stillness_wrap .stillness_index_peek img { position: absolute; inset: 0; opacity: 0; transform: scale(1.1); transition: opacity 0.5s, transform 1.4s var(--expo); }
.stillness_wrap .stillness_index_peek img.is-on { opacity: 1; transform: none; }
.stillness_wrap .stillness_index_foot { position: absolute; left: var(--gut); right: var(--gut); bottom: 22px; margin: 0; display: flex; justify-content: space-between; font: 500 10.5px/1 var(--sans); letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); opacity: 0; transition: opacity 0.3s; }
.stillness_wrap .stillness_index.is-open .stillness_index_foot { opacity: 1; transition: opacity 0.8s 0.6s; }

/* the viewer: a dark room for one space's photographs; the picture flies in from where it was */
.stillness_wrap .stillness_viewer { position: absolute; inset: 0; z-index: 60; background: #12100e; color: var(--light); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 0.6s ease, visibility 0s linear 0.6s; }
.stillness_wrap .stillness_viewer.is-open { visibility: visible; opacity: 1; pointer-events: auto; transition: opacity 0.5s ease, visibility 0s; }
.stillness_wrap .stillness_vw_top, .stillness_wrap .stillness_vw_foot { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 22px var(--gut); opacity: 0; transform: translate3d(0, 14px, 0); transition: opacity 0.4s, transform 0.6s var(--expo); }
.stillness_wrap .stillness_vw_top { padding-top: 60px; }
.stillness_wrap .stillness_viewer.is-open .stillness_vw_top, .stillness_wrap .stillness_viewer.is-open .stillness_vw_foot { opacity: 1; transform: none; transition: opacity 0.8s 0.45s, transform 1.2s var(--expo) 0.45s; }
.stillness_wrap .stillness_vw_name { margin: 0; font: 250 clamp(30px, 3.4vw, 56px)/1 var(--serif); font-variation-settings: 'opsz' 60; letter-spacing: -0.03em; }
.stillness_wrap .stillness_vw_count { margin: 0 0 0 auto; font: 400 15px/1 var(--serif); font-feature-settings: 'tnum'; color: var(--light-2); }
.stillness_wrap .stillness_vw_close, .stillness_wrap .stillness_vw_nav button { appearance: none; background: none; color: inherit; border: 1px solid rgba(246, 240, 230, 0.3); border-radius: 999px; padding: 10px 16px; font: 500 11px/1 var(--sans); letter-spacing: 0.13em; text-transform: uppercase; cursor: pointer; transition: background 0.4s, color 0.4s; }
.stillness_wrap .stillness_vw_close:hover, .stillness_wrap .stillness_vw_nav button:hover { background: var(--light); color: #12100e; }
.stillness_wrap .stillness_vw_clip { position: relative; overflow: hidden; cursor: grab; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.stillness_wrap .stillness_vw_track { position: absolute; left: var(--gut); top: 0; bottom: 0; margin: 0; padding: 0; list-style: none; display: flex; column-gap: 2vw; }
.stillness_wrap .stillness_vw_slide { flex: 0 0 min(74vw, calc(64 * var(--vh) * 1.6)); height: 100%; overflow: hidden; transform: skewX(calc(var(--sk, 0) * 1deg)); opacity: 0; translate: 8vw 0; transition: opacity 0.4s, translate 0.6s var(--io); }
.stillness_wrap .stillness_viewer.is-open .stillness_vw_slide { opacity: 1; translate: 0 0; transition: opacity 0.9s calc(0.35s + var(--i) * 90ms), translate 1.4s var(--expo) calc(0.35s + var(--i) * 90ms); }
.stillness_wrap .stillness_viewer.is-flying .stillness_vw_slide:first-child { opacity: 0; transition: none; translate: 0 0; }
.stillness_wrap .stillness_viewer.is-open .stillness_vw_slide:first-child { transition: none; translate: 0 0; }
.stillness_wrap .stillness_vw_slide img { pointer-events: none; user-select: none; }
.stillness_wrap .stillness_vw_fly { position: fixed; display: none; z-index: 61; object-fit: cover; pointer-events: none; }
.stillness_wrap .stillness_vw_line { margin: 0; max-width: 40rem; font: 300 clamp(16px, 1.3vw, 21px)/1.4 var(--serif); font-variation-settings: 'opsz' 20; }
.stillness_wrap .stillness_vw_nav { display: flex; gap: 8px; }
.stillness_wrap .stillness_vw_credit { margin: 0; font: 500 10.5px/1 var(--sans); letter-spacing: 0.13em; text-transform: uppercase; color: var(--light-2); white-space: nowrap; }

/* ── tablet: the same book, set for a taller page ── */
@media (max-width: 1100px) {
  .stillness_wrap { --top: max(112px, calc(11 * var(--vh))); }
  .stillness_wrap .stillness_h2 { font-size: min(8vw, calc(6.4 * var(--vh))); }
  .stillness_wrap .stillness_h2.is-one { font-size: min(6.4vw, calc(5.2 * var(--vh))); }
  .stillness_wrap .stillness_cap.is-a { max-width: 80vw; bottom: calc(26 * var(--vh) + 70px); }
  .stillness_wrap .stillness_cap.is-b { left: var(--gut); right: auto; width: min(34rem, 80vw); bottom: 150px; }
  .stillness_wrap .stillness_part.is-dusk .stillness_cap.is-a { bottom: calc(22 * var(--vh) + 30px); }
  .stillness_wrap .stillness_part.is-dusk .stillness_cap.is-b { bottom: calc(6 * var(--vh)); }
  .stillness_wrap .stillness_mast { grid-template-columns: 1fr 1fr; row-gap: 8px; }
  .stillness_wrap .stillness_hero_credit { grid-column: 1 / 6; }
  .stillness_wrap .stillness_hero_lede { grid-column: 6 / 13; }
  .stillness_wrap .stillness_hero_cue { display: none; }
  .stillness_wrap .stillness_state { font-size: min(7.6vw, calc(6 * var(--vh))); }
  .stillness_wrap .stillness_sp_head { grid-column: 1 / -1; }
  .stillness_wrap .stillness_sp_fine { grid-column: 1 / -1; justify-self: start; text-align: left; margin-top: 10px; }
  .stillness_wrap .stillness_part.is-spaces .stillness_page { grid-template-rows: auto auto minmax(0, 1fr); }
  .stillness_wrap .stillness_sp_btn { grid-template-columns: 3rem minmax(0, 1fr) auto; }
  .stillness_wrap .stillness_sp_count { display: none; }
  .stillness_wrap .stillness_sp_name { font-size: min(7.4vw, calc(5.4 * var(--vh))); }
  .stillness_wrap .stillness_part.is-inside .stillness_page, .stillness_wrap .stillness_part.is-origin .stillness_page, .stillness_wrap .stillness_part.is-plan .stillness_page, .stillness_wrap .stillness_part.is-days .stillness_page, .stillness_wrap .stillness_part.is-atlas .stillness_page { grid-template-rows: auto minmax(0, 1fr); row-gap: clamp(18px, 3 * var(--vh), 32px); }
  .stillness_wrap .stillness_in_text, .stillness_wrap .stillness_or_left, .stillness_wrap .stillness_days_head, .stillness_wrap .stillness_atlas_head { grid-column: 1 / -1; grid-row: 1; }
  .stillness_wrap .stillness_in_frame, .stillness_wrap .stillness_or_right, .stillness_wrap .stillness_days_clip, .stillness_wrap .stillness_atlas_box { grid-column: 1 / -1; grid-row: 2; }
  .stillness_wrap .stillness_in_text .stillness_fine { display: none; }
  .stillness_wrap .stillness_or_year { font-size: min(24vw, calc(18 * var(--vh))); }
  .stillness_wrap .stillness_or_ticks { margin-top: 34px; }
  .stillness_wrap .stillness_name_gloss { margin-top: 0.24em; }
  .stillness_wrap .stillness_or_fig { margin-bottom: 18px; }
  .stillness_wrap .stillness_or_fig .stillness_img { height: calc(17 * var(--vh)); }
  .stillness_wrap .stillness_or_fig figcaption { display: none; }
  .stillness_wrap .stillness_or_right .stillness_h2 { font-size: min(7vw, calc(5.6 * var(--vh))); }
  .stillness_wrap .stillness_part.is-arrival .stillness_page { grid-template-rows: auto minmax(0, 1fr) auto; }
  .stillness_wrap .stillness_arr_text { grid-column: 1 / -1; grid-row: 1; }
  .stillness_wrap .stillness_arr_text .stillness_h2 { margin-top: 0; }
  .stillness_wrap .stillness_arr_num { font-size: min(18vw, calc(12 * var(--vh))); }
  .stillness_wrap .stillness_arr_fig { grid-column: 1 / -1; grid-row: 2; margin-top: 20px; }
  .stillness_wrap .stillness_arr_facts { grid-column: 1 / -1; grid-row: 3; }
  .stillness_wrap .stillness_name_row { font-size: min(16vw, calc(18 * var(--vh))); }
  .stillness_wrap .stillness_name_win { width: calc(var(--open) * 1.9em); }
  .stillness_wrap .stillness_name_note { grid-column: 7 / 13; }
  .stillness_wrap .stillness_plan_svg { grid-column: 1 / -1; grid-row: 1; height: calc(36 * var(--vh)); }
  .stillness_wrap .stillness_plan_text { grid-column: 1 / -1; grid-row: 2; }
  .stillness_wrap .stillness_quote { display: none; }
  .stillness_wrap .stillness_facts { grid-template-columns: repeat(4, 1fr); }
  .stillness_wrap .stillness_mat_head { grid-column: 1 / -1; }
  .stillness_wrap .stillness_mat_note { grid-column: 1 / -1; justify-self: start; text-align: left; margin-top: 10px; }
  .stillness_wrap .stillness_part.is-materials .stillness_page { grid-template-rows: auto auto minmax(0, 1fr) auto; }
  .stillness_wrap .stillness_mat_grid { grid-row: 3; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stillness_wrap .stillness_mat_sun { grid-row: 4; }
  .stillness_wrap .stillness_mat_cap span { display: none; }
  .stillness_wrap .stillness_rit_main { width: 100vw; bottom: auto; height: calc(38 * var(--vh)); }
  .stillness_wrap .stillness_part.is-ritual .stillness_page { top: calc(38 * var(--vh) + 28px); }
  .stillness_wrap .stillness_part.is-ritual .stillness_run { display: none; }
  .stillness_wrap .stillness_part.is-ritual .stillness_folio { left: var(--gut); }
  .stillness_wrap .stillness_rit_facts { display: none; }
  .stillness_wrap .stillness_rit_text { grid-column: 1 / 8; }
  .stillness_wrap .stillness_part.is-ritual .stillness_run, .stillness_wrap .stillness_part.is-ritual .stillness_folio { left: calc(40vw + var(--gut)); }
.stillness_wrap .stillness_rit_text { display: flex; flex-direction: column; height: 100%; }
.stillness_wrap .stillness_rit_facts { margin: auto 0 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--col-gap); }
.stillness_wrap .stillness_rit_facts div { border-top: 1px solid var(--line); padding: 12px 0; }
.stillness_wrap .stillness_rit_facts dt { font: 500 10.5px/1.3 var(--sans); letter-spacing: 0.13em; text-transform: uppercase; color: var(--ink-3); }
.stillness_wrap .stillness_rit_facts dd { margin: 8px 0 0; font: 250 clamp(22px, 2.1vw, 34px)/1 var(--serif); letter-spacing: -0.03em; }
.stillness_wrap .stillness_rit_side { grid-column: 8 / 13; }
  .stillness_wrap .stillness_days_clip { margin-left: calc(-1 * var(--gut)); }
  .stillness_wrap .stillness_days_track { left: var(--gut); }
  .stillness_wrap .stillness_day { flex-basis: min(24rem, 62vw); }
  .stillness_wrap .stillness_day_fig { flex-basis: calc(16 * var(--vh)); }
  .stillness_wrap .stillness_atlas_head { display: grid; grid-template-columns: 1fr auto; column-gap: 20px; }
  .stillness_wrap .stillness_atlas_head .stillness_no, .stillness_wrap .stillness_atlas_head .stillness_fine { grid-column: 1 / -1; }
  .stillness_wrap .stillness_atlas_count { margin: 0; align-self: end; align-items: flex-end; text-align: right; }
  .stillness_wrap .stillness_index_list { grid-column: 1 / -1; }
  .stillness_wrap .stillness_index_peek { display: none; }
  .stillness_wrap .stillness_index_mask span { font-size: min(5vw, calc(3.6 * var(--vh))); }
  .stillness_wrap .stillness_vw_foot { flex-wrap: wrap; }
}

/* ── phone: designed, not shrunk ── */
@media (max-width: 640px) {
  .stillness_wrap { --gut: 18px; --top: 92px; --bot: 22px; --col-gap: 12px; }
  .stillness_wrap .stillness_run { top: 54px; padding-bottom: 10px; }
  .stillness_wrap .stillness_run span:last-child { display: none; }
  .stillness_wrap .stillness_folio { display: none; }
  .stillness_wrap .stillness_platecap { top: 50px; right: var(--gut); font-size: 9.5px; }
  .stillness_wrap .stillness_h2 { font-size: min(11.6vw, calc(5.6 * var(--vh))); }
  .stillness_wrap .stillness_h2.is-one { font-size: min(9.4vw, calc(4.6 * var(--vh))); }
  .stillness_wrap .stillness_body { font-size: 14.5px; line-height: 1.55; }
  .stillness_wrap .stillness_no { margin-bottom: 12px; }
  .stillness_wrap .stillness_cap.is-a { bottom: calc(30 * var(--vh) + 64px); }
  .stillness_wrap .stillness_cap.is-b { bottom: 104px; width: auto; right: var(--gut); }
  .stillness_wrap .stillness_part.is-dusk .stillness_cap.is-a { bottom: calc(24 * var(--vh) + 20px); }
  .stillness_wrap .stillness_loader { --W: 56vw; }
  .stillness_wrap .stillness_loader_count { font-size: 64px; bottom: 22px; }
  .stillness_wrap .stillness_loader_name { bottom: 26px; }
  .stillness_wrap .stillness_loader_name > span:first-child { font-size: 30px; }
  .stillness_wrap .stillness_loader_name > span.is-2 { font-size: 11px; max-width: 13em; }
  .stillness_wrap .stillness_mast { top: 56px; grid-template-columns: 1fr; gap: 4px; }
  .stillness_wrap .stillness_mast_item:nth-child(2), .stillness_wrap .stillness_mast_item:nth-child(3) { display: none; }
  .stillness_wrap .stillness_mast_item.is-live { text-align: left; }
  .stillness_wrap .stillness_hero_row { grid-template-columns: 1fr; row-gap: 12px; }
  .stillness_wrap .stillness_hero_credit, .stillness_wrap .stillness_hero_lede { grid-column: 1; }
  .stillness_wrap .stillness_hero_lede { font-size: 17px; grid-row: 1; }
  .stillness_wrap .stillness_hero_credit { font-size: 11.5px; }
  .stillness_wrap .stillness_state { font-size: min(8.4vw, calc(4.2 * var(--vh))); }
  .stillness_wrap .stillness_state_facts { grid-template-columns: 1fr 1fr; row-gap: 4px; }
  .stillness_wrap .stillness_state_facts dd, .stillness_wrap .stillness_arr_facts dd, .stillness_wrap .stillness_fact dd { font-size: 22px; }
  .stillness_wrap .stillness_arr_facts dt, .stillness_wrap .stillness_fact dt { font-size: 9px; letter-spacing: 0.1em; }
  .stillness_wrap .stillness_sp_btn { grid-template-columns: 1.6rem minmax(0, 1fr) 72px; gap: 12px; }
  .stillness_wrap .stillness_sp_go { display: none; }
  .stillness_wrap .stillness_sp_thumb { display: block; width: 72px; height: 48px; object-fit: cover; }
  .stillness_wrap .stillness_sp_name { font-size: min(8vw, calc(4 * var(--vh))); }
  .stillness_wrap .stillness_sp_peek { display: none; }
  .stillness_wrap .stillness_in_text .stillness_body { font-size: 14px; }
  .stillness_wrap .stillness_in_knob { width: 48px; height: 48px; font-size: 12px; gap: 5px; }
  .stillness_wrap .stillness_or_year { font-size: 30vw; }
  .stillness_wrap .stillness_or_ticks b { font-size: 11px; }
  .stillness_wrap .stillness_or_life span { font-size: 16px; }
  .stillness_wrap .stillness_or_fig .stillness_img { height: calc(15 * var(--vh)); }
  .stillness_wrap .stillness_or_right .stillness_h2 { font-size: min(10.4vw, calc(5 * var(--vh))); }
  .stillness_wrap .stillness_or_right .stillness_body { font-size: 14px; }
  .stillness_wrap .stillness_arr_num { font-size: min(24vw, calc(11 * var(--vh))); }
  .stillness_wrap .stillness_arr_text .stillness_body { font-size: 14px; }
  .stillness_wrap .stillness_arr_fig { margin-top: 16px; }
  .stillness_wrap .stillness_arr_facts { margin-top: 14px; }
  .stillness_wrap .stillness_arr_facts dt { min-height: 2.6em; }
  .stillness_wrap .stillness_part.is-name .stillness_page { grid-template-rows: auto auto minmax(0, 1fr) auto; }
  .stillness_wrap .stillness_part.is-name .stillness_no, .stillness_wrap .stillness_name_note { grid-column: 1 / -1; }
  .stillness_wrap .stillness_name_note { grid-row: 2; justify-self: start; text-align: left; font-size: 16px; }
  .stillness_wrap .stillness_name_row { grid-row: 3; flex-direction: column; align-items: stretch; font-size: 27vw; }
  .stillness_wrap .stillness_name_word.is-b { align-self: flex-end; }
  .stillness_wrap .stillness_name_win { width: 100%; height: calc(var(--open) * 26 * var(--vh)); margin: calc(0.06em + var(--open) * 0.1em) 0; }
  .stillness_wrap .stillness_name_cap { grid-row: 4; grid-column: 1 / 8; font-size: 9.5px; }
  .stillness_wrap .stillness_breath { grid-row: 4; grid-column: 8 / 13; font-size: 12px; gap: 10px; }
  .stillness_wrap .stillness_plan_svg { height: calc(30 * var(--vh)); }
  .stillness_wrap .stillness_plan_svg .is-label { font-size: 10px; }
  .stillness_wrap .stillness_plan_text .stillness_h2 { font-size: min(10.4vw, calc(5 * var(--vh))); }
  .stillness_wrap .stillness_plan_text .stillness_body { font-size: 14px; }
  .stillness_wrap .stillness_facts { grid-template-columns: repeat(2, 1fr); }
  .stillness_wrap .stillness_fact { padding-bottom: 6px; }
  .stillness_wrap .stillness_mat_grid { gap: 10px; }
  .stillness_wrap .stillness_mat_cap b { font-size: 15px; }
  .stillness_wrap .stillness_mat_sun b { font-size: 20px; }
  .stillness_wrap .stillness_land_hint { grid-column: 1 / -1; justify-self: start; margin-top: 12px; }
  .stillness_wrap .stillness_part.is-land .stillness_page { grid-template-rows: auto auto minmax(0, 1fr); }
  .stillness_wrap .stillness_land_head { grid-column: 1 / -1; }
  .stillness_wrap .stillness_land_clip { grid-row: 3; }
  .stillness_wrap .stillness_land_img { height: min(calc(100% - 110px), calc((100vw - 2 * var(--gut)) * 1.25)); }
  .stillness_wrap .stillness_land_card:nth-child(3n + 2) .stillness_land_img { aspect-ratio: 4 / 5; }
  .stillness_wrap .stillness_land_card figcaption { font-size: 12px; grid-template-columns: 1.8rem minmax(0, 1fr); }
  .stillness_wrap .stillness_land_card figcaption b { font-size: 19px; }
  .stillness_wrap .stillness_rit_main { height: calc(32 * var(--vh)); }
  .stillness_wrap .stillness_part.is-ritual .stillness_page { top: calc(32 * var(--vh) + 22px); grid-template-rows: auto minmax(0, 1fr); row-gap: 18px; }
  .stillness_wrap .stillness_rit_text { grid-column: 1 / -1; grid-row: 1; }
  .stillness_wrap .stillness_rit_text .stillness_h2 { font-size: min(11.6vw, calc(5.6 * var(--vh))); }
  .stillness_wrap .stillness_part.is-ritual .stillness_run, .stillness_wrap .stillness_part.is-ritual .stillness_folio { left: calc(40vw + var(--gut)); }
.stillness_wrap .stillness_rit_text { display: flex; flex-direction: column; height: 100%; }
.stillness_wrap .stillness_rit_facts { margin: auto 0 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--col-gap); }
.stillness_wrap .stillness_rit_facts div { border-top: 1px solid var(--line); padding: 12px 0; }
.stillness_wrap .stillness_rit_facts dt { font: 500 10.5px/1.3 var(--sans); letter-spacing: 0.13em; text-transform: uppercase; color: var(--ink-3); }
.stillness_wrap .stillness_rit_facts dd { margin: 8px 0 0; font: 250 clamp(22px, 2.1vw, 34px)/1 var(--serif); letter-spacing: -0.03em; }
.stillness_wrap .stillness_rit_side { grid-column: 1 / -1; grid-row: 2; grid-template-rows: none; grid-template-columns: 1fr 1fr; }
  .stillness_wrap .stillness_days_head .stillness_h2 { font-size: min(10.4vw, calc(5 * var(--vh))); }
  .stillness_wrap .stillness_days_when { margin-top: 14px; gap: 6px; }
  .stillness_wrap .stillness_days_when .stillness_chip { padding: 8px 11px; font-size: 12px; }
  .stillness_wrap .stillness_day { flex-basis: 80vw; }
  .stillness_wrap .stillness_day_fig { display: none; }
  .stillness_wrap .stillness_day_item { font-size: 13px; }
  .stillness_wrap .stillness_atlas_count b { font-size: 64px; }
  .stillness_wrap .stillness_title { display: none; }
  .stillness_wrap .stillness_brand span, .stillness_wrap .stillness_tool_more { display: none; }
  .stillness_wrap .stillness_tools { right: 10px; gap: 0; }
  .stillness_wrap .stillness_tool { padding: 8px 6px; font-size: 12px; }
  .stillness_wrap .stillness_tool[data-light] { display: none; }
  .stillness_wrap .stillness_dial { grid-template-columns: auto minmax(0, 1fr); gap: 12px; bottom: 12px; }
  .stillness_wrap .stillness_dial_ev { display: none; }
  .stillness_wrap .stillness_dial_read { min-width: 5.6rem; }
  .stillness_wrap .stillness_dial_read b { font-size: 24px; }
  .stillness_wrap .stillness_dial_svg { height: 52px; }
  .stillness_wrap .stillness_index_in { top: 84px; bottom: 56px; }
  .stillness_wrap .stillness_index_list { columns: 1; }
  .stillness_wrap .stillness_index_mask span { font-size: min(7.4vw, calc(3.4 * var(--vh))); }
  .stillness_wrap .stillness_index_btn { padding: 7px 0; }
  .stillness_wrap .stillness_index_foot span:last-child { display: none; }
  .stillness_wrap .stillness_vw_top { flex-wrap: wrap; padding-top: 56px; }
  .stillness_wrap .stillness_vw_name { font-size: 28px; width: 100%; }
  .stillness_wrap .stillness_vw_slide { flex-basis: 86vw; }
  .stillness_wrap .stillness_vw_line { font-size: 15px; }
  .stillness_wrap .stillness_vw_credit { display: none; }
}

/* ── reduced motion: everything arrives in place, nothing drifts ── */
@media (prefers-reduced-motion: reduce) {
  .stillness_wrap *, .stillness_wrap *::before, .stillness_wrap *::after { animation-duration: 0.001s !important; animation-iteration-count: 1 !important; transition-duration: 0.2s !important; transition-delay: 0s !important; }
}
.stillness_wrap.is-calm .stillness_page { transform: none; }

/* the editor's canvas: labelled stills of the live page, one per chapter (scene/native.js canvasPosters) */
.stillness_wrap.is-canvas { height: auto !important; min-height: 0 !important; margin: 0 !important; overflow: visible !important; background: #ece5d8; pointer-events: auto !important; }
.stillness_wrap.is-canvas .stillness_contain { position: static !important; height: auto !important; min-height: 0 !important; margin: 0 !important; transform: none !important; }
.stillness_wrap.is-canvas > :not(.stillness_contain), .stillness_wrap.is-canvas .stillness_contain > :not(.stillness_poster) { display: none !important; }
.stillness_wrap .stillness_poster { position: relative; display: block; margin: 0; aspect-ratio: 16 / 10; background: var(--still) 0 var(--at) / 100% auto no-repeat; border-bottom: 1px solid rgba(236, 229, 212, 0.14); }
.stillness_wrap .stillness_poster figcaption { position: absolute; left: 12px; top: 12px; padding: 5px 9px; font: 500 11px/1.3 ui-monospace, Menlo, Consolas, monospace; letter-spacing: 0.06em; text-transform: uppercase; color: #ece5d8; background: rgba(18, 16, 14, 0.78); }
@media (max-width: 767px) { .stillness_wrap .stillness_poster { aspect-ratio: 390 / 844; background-image: var(--still-phone); } }