[hidden]{display:none!important}body{padding-bottom:82px}.site-tools{position:fixed;bottom:18px;inset-inline-end:22px;z-index:70;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 5px 25px #20251b15;max-width:calc(100vw - 32px)}.tools-row{display:flex;align-items:center;padding:4px;gap:2px}.tools-row button{font-size:.83rem;min-height:44px;padding:8px 14px;white-space:nowrap}.tools-row button+button{border-inline-start:1px solid var(--line)}.tools-row button[aria-pressed=true]{background:var(--olive);color:#fffaf0}.music-panel{position:absolute;bottom:calc(100% + 10px);inset-inline-end:0;width:350px;max-width:calc(100vw - 32px);max-height:min(630px,calc(100svh - 115px));overflow:auto;background:var(--paper);padding:24px;border:1px solid var(--line);box-shadow:0 8px 35px #171f1826}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-title h2{font-family:var(--serif);font-size:1.6rem}.panel-title button{font-size:.875rem;min-width:44px;min-height:44px;padding-inline:4px}.music-note{font-size:.82rem;color:var(--muted);line-height:1.8;margin-block:8px}.track-list{margin:12px 0 20px}.track-choice{display:block;width:100%;text-align:right;padding:12px 14px;border:1px solid var(--line);margin-block:8px}.track-choice strong{font-weight:400;font-family:var(--serif);font-size:1.25rem;display:block}.track-choice small{font-size:.78rem;color:var(--muted);line-height:1.8;display:block}.track-choice[aria-pressed=true]{background:#e3e5d5;border-color:var(--olive)}.music-panel label{font-size:.88rem;display:flex;justify-content:space-between}.music-panel input{width:100%;height:44px;accent-color:var(--olive);direction:ltr}.music-error{font-size:.82rem;line-height:1.8;color:var(--ink)}.navigation-status{position:fixed;inset:0 0 auto;z-index:150;padding:8px 22px;text-align:center;background:var(--olive);color:white;font-size:.87rem}.navigation-status a{text-decoration:underline}.navigation-pending{opacity:.62;cursor:progress}
/* A dim reading palette, rather than a screen-brightness overlay. */
html[data-dim=true]{--paper:#242b24;--ink:#ece7d8;--muted:#bdc7b4;--line:#58644f;--olive:#697b57;--dark:#1d261c;--sand:#45513d}html[data-dim=true] .home-page{background:#242b24}html[data-dim=true] .quiet-question,html[data-dim=true] .reflection{background:#343e30;color:var(--ink)}html[data-dim=true] .track-choice[aria-pressed=true]{background:#3a4933}html[data-dim=true] .site-tools{box-shadow:0 5px 25px #0006}html[data-dim=true] #site-page img{filter:brightness(.68) saturate(.8)}html[data-dim=true] .hero-copy{color:#f0e5c9}html[data-dim=true] .hero-copy h1{color:#f0dfb6;text-shadow:0 2px 8px #221e11}html[data-dim=true] .hero-copy p{text-shadow:0 2px 6px #221e11}html[data-dim=true] .story-card-number{color:#bdc7b4}html[data-dim=true] .reader-tools button[aria-pressed=true]{background:#657a55;color:#fffaf0}html[data-dim=true] .reader-visual img{filter:brightness(.57)}
/* The gate is an optional, immediate-response passage. */
.entrance{position:fixed;inset:0;z-index:120;background:#352f23;color:#fff5de;overflow:auto;min-height:100svh;isolation:isolate}.entrance-world{position:absolute;inset:0;overflow:hidden;z-index:-1;perspective:clamp(700px,100vw,1800px);perspective-origin:50% 50%}.entrance-scene{position:absolute;inset:0;opacity:0}.entrance-scene img,.gate-picture img{width:100%;height:100%;object-fit:cover;max-width:none}.gate-garden{opacity:1}.gate-water{opacity:var(--water-opacity,0)}.gate-hall{opacity:var(--hall-opacity,0)}.gate-leaf{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;opacity:var(--gate-opacity,1);backface-visibility:hidden;will-change:transform,opacity}.gate-left{left:0;transform-origin:left center;transform:rotateY(calc(var(--gate-angle,0) * 1deg))}.gate-right{right:0;transform-origin:right center;transform:rotateY(calc(var(--gate-angle,0) * -1deg))}.gate-picture{height:100%;width:200%;position:absolute;top:0}.gate-left .gate-picture{left:0}.gate-right .gate-picture{right:0}.gate-shade{position:absolute;inset:0;background:linear-gradient(180deg,#141b1155,#141b1165 55%,#141b1188)}.entrance-welcome,.gate-chapter{text-align:center;max-width:650px;margin:auto;padding:110px 30px 130px}.entrance-welcome{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center}.gate-eyebrow{font-family:var(--sans);font-size:.85rem;letter-spacing:.04em;color:#eadfc8}.entrance-welcome h1{font-size:clamp(6rem,12vw,11rem);line-height:1.5;margin:5px 0 10px;color:#f6e5bb;text-shadow:0 2px 12px #1a120d88}.entrance-welcome>p:not(.gate-eyebrow):not(.gate-small),.gate-chapter>p:last-child{font-family:var(--serif);font-size:1.55rem;line-height:2;text-shadow:0 2px 12px #1a120d}.gate-actions{display:flex;gap:25px;align-items:center;justify-content:center;margin-top:30px;flex-wrap:wrap}.gate-actions .btn{background:#eee3c9;color:#323c2b;border-color:#eee3c9}.gate-quiet{font-size:.94rem;min-height:50px;border-bottom:1px solid #eee3c999;color:inherit;padding:10px}.gate-small{font-size:.8rem;color:#e0d6c1;margin-top:24px}.gate-skip{position:absolute;bottom:28px;inset-inline-end:30px;font-size:.84rem;border-bottom:1px solid #eee3c977;min-height:44px;padding-block:10px}.entrance-passage{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center}.gate-chapter{width:100%;padding-top:80px;padding-bottom:160px}.gate-chapter h2{font-family:var(--display);font-size:clamp(3.2rem,6vw,6.5rem);line-height:1.7;margin:20px 0}.gate-playback{position:absolute;bottom:28px;inset-inline-start:30px;display:flex;gap:12px}.gate-playback button{color:inherit;min-height:44px;padding:10px;font-size:.83rem;border:1px solid #fff4}.gate-progress{position:absolute;inset:auto 0 0;height:3px;background:#e5d8b622;direction:ltr}.gate-progress span{display:block;width:calc(var(--gate-progress,0) * 100%);height:100%;background:#ddd2ae}.gate-open{overflow:hidden}.gate-open .site-tools{display:none!important}.gate-open .skip{visibility:hidden}
@media(max-width:720px){body{padding-bottom:84px}.site-tools{bottom:12px;inset-inline:12px;max-width:none}.tools-row{justify-content:center}.tools-row button{font-size:.78rem;padding-inline:11px;flex:1}.music-panel{inset-inline-end:0;max-width:calc(100vw - 24px)}.entrance-welcome{padding:70px 24px 130px}.entrance-welcome h1{font-size:7rem}.entrance-welcome>p:not(.gate-eyebrow):not(.gate-small){font-size:1.4rem}.gate-actions{gap:14px}.gate-actions .btn{font-size:.85rem;padding-inline:19px}.gate-quiet{font-size:.85rem}.gate-skip{bottom:18px;inset-inline-end:20px}.gate-playback{bottom:77px;inset-inline-start:20px}.gate-chapter{padding-inline:25px}.gate-chapter h2{font-size:3.5rem}.gate-chapter>p:last-child{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.gate-leaf,.entrance-scene{transition:none!important}}@media print{body{padding-bottom:0}.site-tools,.entrance,.navigation-status{display:none!important}}
.entrance h1:focus,.entrance h2:focus,#spaces h2:focus{outline:none}html{scroll-padding-bottom:105px}.reader-pane{padding-bottom:105px}.music-panel input:focus-visible{outline:2px solid #926b35;outline-offset:4px}
html[data-dim=true] .gate-garden img,html[data-dim=true] .gate-water img,html[data-dim=true] .gate-leaf img{filter:brightness(.72)}

h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}
@media(max-height:640px){.entrance-welcome{padding:25px 25px 70px}.entrance-welcome h1{font-size:clamp(3.8rem,12vh,5.5rem);line-height:1.35;margin:4px 0}.entrance-welcome>p:not(.gate-eyebrow):not(.gate-small){font-size:1.1rem;line-height:1.8}.gate-actions{margin-top:16px}.gate-small{display:none}.gate-chapter{padding:35px 25px 115px}.gate-chapter h2{font-size:2.5rem;line-height:1.5;margin:8px 0}.gate-chapter>p:last-child{font-size:1.1rem;line-height:1.7}}

.music-panel .panel-title{position:sticky;top:0;background:var(--paper);z-index:2}

/* A single language anchor moves into the entrance while its modal is open. */
.language-switch{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;font-size:.83rem;line-height:1.8;border-inline-end:1px solid var(--line);white-space:nowrap;text-decoration:none}.language-switch:focus-visible{outline:2px solid #926b35;outline-offset:3px}.language-switch:hover{text-decoration:underline;text-underline-offset:5px}.gate-language-slot{position:absolute;top:20px;inset-inline-end:24px;z-index:2}.gate-language-slot .language-switch{border:1px solid #fff5;color:#fff5de;padding-inline:20px}.gate-language-slot .language-switch:focus-visible{outline-color:#fff5de}@media(max-width:720px){.tools-row .language-switch{font-size:.78rem;padding-inline:10px;flex:0 0 auto}.tools-row button{overflow-wrap:anywhere}.gate-language-slot{top:15px;inset-inline-end:18px}}

/* Matched day / early-evening arrival art. The day remains a reliable load fallback. */
.arrival-evening{opacity:0;transition:opacity 1.1s ease;pointer-events:none}
.hero-picture.arrival-evening{z-index:-2}
.gate-hall .arrival-evening{position:absolute;inset:0}
html[data-dim=true] .arrival-ready .arrival-evening{opacity:1}
html[data-dim=true] #site-page .hero-picture img{filter:none}
.hero-copy,.hero-copy h1,.hero-copy p{transition:color .65s ease,text-shadow .65s ease}
/* Desktop retains immediate controls; a phone discloses them in a reserved band. */
.atmosphere-toggle{display:none}
.atmosphere-controls{display:flex;align-items:center;gap:2px}
@media(max-width:720px){
  body,.reader-page{padding-bottom:0}
  html{scroll-padding-bottom:25px}
  .home-page #site-page{position:relative}
  .site-tools,.reader-page .site-tools{position:relative;inset:auto;max-width:none;width:100%;border:0;border-bottom:1px solid var(--line);box-shadow:none;z-index:30}
  .tools-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0;padding:5px 20px;min-height:55px}
  .tools-row .atmosphere-toggle{display:flex;justify-content:flex-start;align-items:center;gap:12px;padding:8px 0;grid-column:1;grid-row:1;min-width:44px;min-height:44px;font-size:.875rem;white-space:nowrap}
  .atmosphere-indicator{font-size:1.1rem;line-height:1;transition:transform .2s ease}
  .atmosphere-toggle[aria-expanded=true] .atmosphere-indicator{transform:rotate(45deg)}
  .tools-row .language-switch{grid-column:2;grid-row:1;border:0;border-inline-end:1px solid var(--line);padding:8px 18px 8px 0;min-width:70px;min-height:44px;font-size:.875rem}
  .atmosphere-controls{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0 12px;border-top:1px solid var(--line)}
  .site-tools .atmosphere-controls button{border:1px solid var(--line);min-height:44px;padding:8px 10px;font-size:.875rem;white-space:normal;min-width:0}
  .atmosphere-controls #music-toggle{grid-column:1}
  .atmosphere-controls #music-options{grid-column:2}
  .atmosphere-controls #light-toggle{grid-column:1/-1}
  .music-panel,.reader-page .music-panel{position:relative;inset:auto;width:auto;max-width:none;max-height:none;overflow:visible;margin:0 20px 18px;padding:18px;border:1px solid var(--line);box-shadow:none}
  .music-panel .panel-title{position:static}
  .reader-page .reader-header{padding-top:0}
  .reader-page .reader-pane{padding-bottom:35px}
  html[data-dim=true] .site-tools{box-shadow:none}
}
@media(prefers-reduced-motion:reduce){.arrival-evening,.hero-copy,.hero-copy h1,.hero-copy p,.atmosphere-indicator{transition:none!important}}
@media print{.site-tools,.entrance,.navigation-status{display:none!important}body,.reader-page{padding-bottom:0}}

.track-list .track-category{margin:20px 0 8px;color:var(--muted);font-family:var(--serif);font-size:1rem;font-weight:600;line-height:1.8}.track-list .track-category:first-child{margin-top:0}