:root {
  --bg: #080a0b;
  --bg-soft: #0d1012;
  --ink: #e8e8e4;
  --muted: #969b9e;
  --line: rgba(232,232,228,.18);
  --pad: clamp(1.25rem, 4vw, 4.5rem);
  --chapter-rail-reserve: clamp(7.5rem, 8vw, 9rem);
  --header-h: 5.5rem;
}
* { box-sizing: border-box; }
html {
  scroll-behavior:smooth;
  background:var(--bg);
  scrollbar-gutter:stable;
}
body { margin:0; background:var(--bg); color:var(--ink); font-family:Inter,system-ui,sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; }
button { color:inherit; font:inherit; }
::selection { background:#d9ddd7; color:#0a0c0d; }
.grain { position:fixed; inset:0; pointer-events:none; opacity:.055; z-index:100; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); mix-blend-mode:screen; }
.site-header { position:fixed; z-index:50; inset:0 0 auto 0; height:var(--header-h); padding:0 var(--pad); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid transparent; transition:background .35s,border-color .35s; }
.site-header.scrolled { background:rgba(8,10,11,.78); backdrop-filter:blur(14px); border-color:var(--line); }
.brand { display:flex; align-items:center; gap:1rem; text-transform:uppercase; letter-spacing:.13em; font-size:.69rem; }
.site-nav { display:flex; gap:clamp(1rem,2.35vw,2.5rem); text-transform:uppercase; letter-spacing:.16em; font-size:.64rem; }
.site-nav a { color:#c6c8c6; transition:color .2s; }
.site-nav a:hover { color:#fff; }
.menu-toggle { display:none; background:none; border:0; width:2.6rem; height:2.6rem; padding:.6rem; }
.menu-toggle span { display:block; height:1px; background:currentColor; margin:.36rem 0; transition:transform .25s; }
.hero { position:relative; height:100svh; min-height:42rem; overflow:hidden; }
.hero-image { height:100%; object-fit:cover; object-position:center; transform:scale(1.03); animation:heroIn 1.8s cubic-bezier(.2,.7,.2,1) forwards; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,4,5,.68),rgba(3,4,5,.16) 55%,rgba(3,4,5,.35)), linear-gradient(0deg,rgba(3,4,5,.7),transparent 45%); }
.hero-copy { position:absolute; left:var(--pad); bottom:clamp(6rem,12vh,9rem); }
.eyebrow,.index,.footer-label { text-transform:uppercase; letter-spacing:.19em; font-size:.64rem; color:#b1b5b5; }
h1,h2 { font-family:Manrope,Inter,sans-serif; font-weight:300; letter-spacing:-.05em; margin:0; }
h1 { font-size:clamp(3.8rem,10vw,10.5rem); line-height:.83; }
.scroll-cue { position:absolute; right:var(--pad); bottom:2.6rem; display:flex; align-items:center; gap:1rem; text-transform:uppercase; letter-spacing:.18em; font-size:.6rem; }
.scroll-cue i { width:4rem; height:1px; background:currentColor; transform-origin:right; animation:pulseLine 1.8s infinite; }
.section-pad { padding-left:var(--pad); padding-right:var(--pad); }
.manifesto { min-height:70vh; padding-top:14vh; padding-bottom:14vh; display:grid; grid-template-columns:1fr 2.3fr; gap:3rem; align-items:start; }
.manifesto-copy { max-width:18ch; margin:0; font-family:Manrope,sans-serif; font-weight:300; font-size:clamp(2.1rem,5vw,5.7rem); line-height:1.02; letter-spacing:-.045em; }
.chapter { padding-bottom:18vh; }
.chapter-heading { padding-top:8rem; padding-bottom:8rem; border-top:1px solid var(--line); display:grid; grid-template-columns:minmax(0,2fr) minmax(17rem,.72fr); gap:clamp(2rem,4vw,4.5rem); align-items:center; }
.chapter-heading h2,.about h2,.commission h2 { font-size:clamp(3rem,7vw,7.8rem); line-height:.92; }
.chapter-heading h2 { text-wrap:balance; }
.chapter-heading>p { max-width:30rem; color:var(--muted); line-height:1.7; font-size:.9rem; }
.frame { margin:0; cursor:zoom-in; }
.frame img { height:100%; object-fit:cover; filter:saturate(.93); transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s; }
.frame:hover img { transform:scale(1.012); filter:saturate(1); }
.frame figcaption { display:flex; justify-content:space-between; margin-top:.7rem; text-transform:uppercase; letter-spacing:.16em; color:#858a8c; font-size:.57rem; }
.frame-large { width:min(86vw,88rem); margin-left:auto; margin-right:auto; }
.frame-large img { aspect-ratio:16/10; }
.split-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(2rem,7vw,9rem); padding-top:14vh; padding-bottom:14vh; align-items:start; }
.frame-tall img { aspect-ratio:4/5; }
.split-copy { padding-top:15vh; }
.pullquote { max-width:11ch; margin:0 0 12vh; font-family:Manrope,sans-serif; font-size:clamp(2.3rem,4.7vw,5.3rem); line-height:.98; letter-spacing:-.045em; }
.frame-small { width:80%; margin-left:auto; }
.frame-small img { aspect-ratio:4/3; }
.frame-cinema { width:100%; }
.frame-cinema img { aspect-ratio:2.35/1; object-fit:cover; }
.frame-cinema figcaption,.frame-offset figcaption { padding-left:var(--pad); padding-right:var(--pad); }
.frame-offset { width:min(70vw,70rem); margin:18vh var(--pad) 0 auto; }
.frame-offset img { aspect-ratio:16/9; }
.chapter-characters { background:var(--bg-soft); padding-top:1px; }
.wide { padding-top:1px; }
.about { border-top:1px solid var(--line); padding-top:12vh; padding-bottom:16vh; }
.about-grid { display:grid; grid-template-columns:1.45fr .7fr; gap:5rem; margin-top:6rem; }
.about-copy { color:#a9adae; line-height:1.85; max-width:37rem; }
.about-copy p { margin:0 0 1.5rem; }
.commission { border-top:1px solid var(--line); min-height:80vh; padding-top:12vh; padding-bottom:12vh; display:grid; grid-template-columns:1fr 2.3fr; gap:3rem; align-items:start; }
.commission p:not(.index) { max-width:35rem; color:var(--muted); line-height:1.7; margin:2.5rem 0; }
.commission-copy { max-width:48rem; }
.commission-copy p:not(.index) { max-width:44rem; line-height:1.82; margin:1.45rem 0; }
.commission-copy .commission-intro { margin-top:2.8rem; color:#d7dadb; font-size:inherit; }
.commission-copy .commission-location { margin-top:2.25rem; color:#d7dadb; }
.text-link { display:inline-flex; gap:1rem; border-bottom:1px solid currentColor; padding-bottom:.5rem; text-transform:uppercase; letter-spacing:.16em; font-size:.68rem; }
.site-footer { border-top:1px solid var(--line); padding-top:4rem; padding-bottom:4rem; display:flex; justify-content:space-between; gap:4rem; color:#9ba0a1; font-size:.75rem; }
.site-footer>div:first-child { display:grid; gap:.8rem; }
.site-footer a:hover { color:#fff; }
.footer-meta { text-align:right; }
.reveal { opacity:0; transform:translateY(35px); transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1); }
.reveal.visible { opacity:1; transform:none; }
.lightbox { position:fixed; inset:0; z-index:200; border:0; background:rgba(2,3,4,.96); padding:clamp(1rem,4vw,4rem); cursor:zoom-out; display:grid; place-items:center; }
.lightbox[hidden] { display:none; }
.lightbox img { max-width:92vw; max-height:86vh; width:auto; height:auto; object-fit:contain; }
.lightbox span { position:absolute; right:var(--pad); top:2rem; text-transform:uppercase; letter-spacing:.16em; font-size:.62rem; }
@keyframes heroIn { from{transform:scale(1.1);filter:brightness(.45)} to{transform:scale(1.03);filter:brightness(1)} }
@keyframes pulseLine { 0%,100%{transform:scaleX(1);opacity:1} 50%{transform:scaleX(.35);opacity:.4} }
@media (max-width: 760px) {
  :root { --header-h:4.6rem; --pad:1.15rem; }
  .brand-name { display:none; }
  .menu-toggle { display:block; z-index:2; }
  .site-nav { position:fixed; inset:0; background:rgba(8,10,11,.98); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2rem; font-size:.8rem; opacity:0; visibility:hidden; transition:.25s; }
  .site-nav.open { opacity:1; visibility:visible; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(4px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3px) rotate(-45deg); }
  .hero { min-height:36rem; }
  .hero-image { object-position:55% center; }
  h1 { font-size:clamp(3.8rem,18vw,6.2rem); }
  .scroll-cue { left:var(--pad); right:auto; }
  .manifesto,.chapter-heading,.about-grid,.commission { grid-template-columns:1fr; }
  .manifesto { min-height:0; padding-top:9rem; padding-bottom:9rem; gap:4rem; }
  .chapter-heading { padding-top:6rem; padding-bottom:5rem; gap:2rem; }
  .chapter-heading h2,.about h2,.commission h2 { font-size:clamp(3rem,14vw,5.4rem); }
  .frame-large,.frame-offset { width:100%; margin-left:0; margin-right:0; }
  .frame-large figcaption,.frame-offset figcaption { padding-left:var(--pad); padding-right:var(--pad); }
  .frame-large img { aspect-ratio:4/5; }
  .split-grid { grid-template-columns:1fr; padding-top:8rem; padding-bottom:8rem; }
  .split-copy { padding-top:0; display:flex; flex-direction:column; }
  .pullquote { order:2; margin:5rem 0 0; }
  .frame-small { width:84%; margin:0 0 0 auto; }
  .frame-cinema img { aspect-ratio:16/10; }
  .frame-offset { margin-top:8rem; }
  .frame-offset img { aspect-ratio:4/3; }
  .about-grid { margin-top:4rem; gap:3rem; }
  .commission { min-height:0; gap:4rem; }
  .site-footer { flex-direction:column; }
  .footer-meta { text-align:left; }
}

/* Series links — v44 */
.chapter-kicker {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.8rem 1.4rem;
  margin-bottom: 1.3rem;
}

.chapter-kicker .index {
  margin: 0;
}

.series-link {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding-bottom: 0.28rem;
  border-bottom: 1px solid currentColor;
  color: #d6d8d7;
  font-size: 0.58rem;
  letter-spacing: 0.16em;
  line-height: 1.2;
  text-transform: uppercase;
  transition: opacity 300ms ease;
}

.series-link span {
  transition: transform 350ms ease;
}

.series-link:hover,
.series-link:focus-visible {
  opacity: 0.72;
}

.series-link:hover span,
.series-link:focus-visible span {
  transform: translateX(0.35rem);
}

.daylight-universe .series-link {
  color: #555b56;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .reveal { opacity:1; transform:none; }
}

/* v2 — Places / Characters / Unreality */
.hero-copy { max-width:min(76vw,72rem); }
.hero-copy h1 { font-size:clamp(3.2rem,7.7vw,8.8rem); line-height:.92; letter-spacing:-.055em; white-space:nowrap; }
.hero-shade { background:linear-gradient(90deg,rgba(3,4,5,.54),rgba(3,4,5,.05) 70%),linear-gradient(0deg,rgba(3,4,5,.66),transparent 45%); }

.character-cascade { position:relative; min-height:215vh; max-width:100rem; margin:0 auto; padding:5vh var(--pad) 18vh; }
.character-card { position:absolute; width:clamp(18rem,34vw,38rem); z-index:1; }
.character-card img { aspect-ratio:16/10; }
.character-card:hover { z-index:8; }
.c1 { left:5%; top:3%; width:49%; transform:rotate(-1.8deg); }
.c2 { right:4%; top:14%; width:39%; transform:rotate(2.4deg); }
.c3 { left:11%; top:30%; width:35%; transform:rotate(1.3deg); }
.c4 { right:10%; top:39%; width:44%; transform:rotate(-2deg); }
.c5 { left:3%; top:53%; width:41%; transform:rotate(-1deg); }
.c6 { right:3%; top:62%; width:43%; transform:rotate(1.7deg); }
.c7 { left:14%; top:76%; width:35%; transform:rotate(2.1deg); }
.c8 { right:7%; top:82%; width:48%; transform:rotate(-1.2deg); }
.character-card figcaption { padding:0 .1rem; }

@media (min-width:761px) {
  /* Keep the final City Character frame inside the Characters chapter while
     preserving the cascade's existing positions, scale and overlaps. */
  .chapter-characters { padding-bottom:clamp(10rem,30vh,20rem); }
}

.unreality { padding-bottom:14vh; overflow:hidden; }
.unreality-shell { position:relative; }
.unreality-track { display:flex; align-items:stretch; gap:clamp(.7rem,1.2vw,1.3rem); overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; scrollbar-width:none; padding:0 var(--pad) 1.5rem; cursor:grab; user-select:none; }
.unreality-track::-webkit-scrollbar { display:none; }
.unreality-track.dragging { cursor:grabbing; scroll-snap-type:none; }
.virtual-tile { flex:0 0 auto; margin:0; height:clamp(12.5rem,24vw,23rem); overflow:hidden; scroll-snap-align:start; cursor:zoom-in; }
.virtual-tile img { width:100%; height:100%; object-fit:cover; pointer-events:none; transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s; }
.virtual-tile:hover img { transform:scale(1.018); filter:saturate(1.05); }
.tile-xl { width:clamp(31rem,53vw,62rem); }
.tile-lg { width:clamp(25rem,43vw,50rem); }
.tile-md { width:clamp(20rem,35vw,40rem); }

@media (max-width:760px) {
  .hero-copy { max-width:85vw; }
  .hero-copy h1 { white-space:normal; font-size:clamp(3.2rem,15vw,5.7rem); max-width:7.5ch; }
  .character-cascade { min-height:0; padding-top:2rem; display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
  .character-card { position:relative; inset:auto!important; width:auto!important; transform:none!important; }
  .character-card:nth-child(3n+1) { grid-column:1 / -1; }
  .character-card img { aspect-ratio:4/5; }
  .character-card:nth-child(3n+1) img { aspect-ratio:16/10; }
  .character-card figcaption { font-size:.5rem; }
  .virtual-tile { height:clamp(10.5rem,48vw,15rem); }
  .tile-xl { width:82vw; }
  .tile-lg { width:72vw; }
  .tile-md { width:62vw; }
}

/* v7 — clean hero rebuild, with no inherited experimental overlays */
.hero { background:#050607; }
.hero-visual { position:absolute; inset:-2.5%; overflow:hidden; transform:scale(1.035); animation:heroPushV7 18s ease-in-out 2.2s infinite alternate; }
.hero-visual .hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; transform:none; animation:heroDevelopV7 2.35s cubic-bezier(.18,.72,.16,1) both; }

/* v75 — distant storm illumination, rebuilt for reliable local and hosted rendering.
   The sky overlay is a transparent image whose alpha already contains the sky mask,
   so local file:// testing does not depend on loading an external CSS mask image. */
.hero-visual .hero-image { z-index:0; }
.hero-storm-ambient,
.hero-storm-light {
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:0;
  mix-blend-mode:screen;
  will-change:opacity;
}
.hero-storm-ambient {
  background:linear-gradient(180deg,rgba(206,229,255,.96) 0%,rgba(176,206,244,.56) 48%,rgba(138,170,212,.16) 80%,transparent 100%);
}
.hero-storm-light {
  --storm-x:52%;
  --storm-y:30%;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.94) contrast(1.08) brightness(1.18) blur(.2px);
  -webkit-mask-image:radial-gradient(ellipse 64% 56% at var(--storm-x) var(--storm-y),#000 0%,#000 34%,rgba(0,0,0,.82) 52%,rgba(0,0,0,.35) 72%,transparent 90%);
  mask-image:radial-gradient(ellipse 64% 56% at var(--storm-x) var(--storm-y),#000 0%,#000 34%,rgba(0,0,0,.82) 52%,rgba(0,0,0,.35) 72%,transparent 90%);
}
.hero-visual .hero-shade { z-index:1; }
.hero-visual .hero-develop { z-index:3; }
.hero-visual .hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,4,5,.68),rgba(3,4,5,.12) 55%,rgba(3,4,5,.38)),linear-gradient(0deg,rgba(3,4,5,.72),transparent 45%); }
.hero-develop { position:absolute; inset:0; background:#050607; opacity:0; animation:heroCurtainV7 2.15s cubic-bezier(.18,.72,.16,1) both; pointer-events:none; }
.hero-copy { z-index:3; }
.scroll-cue { z-index:3; }

.sound-toggle { position:fixed; z-index:80; right:var(--pad); bottom:6rem; display:inline-flex; align-items:center; gap:.7rem; padding:.62rem .9rem; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:rgba(8,10,11,.54); color:#a8adaf; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); text-transform:uppercase; letter-spacing:.16em; font-size:.56rem; cursor:pointer; }
.sound-toggle:hover { color:#f1f2ef; border-color:rgba(255,255,255,.25); }
.sound-dot { width:.42rem; height:.42rem; border-radius:50%; background:#7c8387; transition:background .25s,box-shadow .25s; }
.sound-toggle.is-playing { color:#dce1df; }
.sound-toggle.is-playing .sound-dot { background:#bfe2ff; box-shadow:0 0 .8rem rgba(191,226,255,.55); }

@keyframes heroDevelopV7 {
  0% { filter:brightness(.18) saturate(.66) contrast(1.02) blur(.7px); }
  42% { filter:brightness(.45) saturate(.76) contrast(1.03) blur(.25px); }
  100% { filter:brightness(.88) saturate(.9) contrast(1.04) blur(0); }
}
@keyframes heroCurtainV7 { from { opacity:.82; } to { opacity:0; } }
@keyframes heroPushV7 { from { transform:scale(1.035) translateY(0); } to { transform:scale(1.09) translateY(-.8%); } }

@media (max-width:760px) {
  .hero-visual .hero-image { object-position:55% center; }
  .hero-storm-light { object-position:55% center; }
  .sound-toggle { left:var(--pad); right:auto; bottom:4.2rem; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-visual,.hero-visual .hero-image,.hero-develop { animation:none!important; }
  .hero-visual .hero-image { filter:brightness(.88) saturate(.9) contrast(1.04); }
  .hero-develop { display:none; }
}

/* v8 — two universes + World Flip transition */
.universe-page[hidden] { display:none !important; }

.universe-switch {
  position:fixed;
  z-index:88;
  top:5.5rem;
  right:var(--pad);
  display:grid;
  grid-template-columns:auto auto;
  grid-template-areas:"index action" "title action";
  column-gap:1rem;
  align-items:center;
  min-width:13.7rem;
  padding:.72rem .85rem .72rem 1rem;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(7,9,10,.50);
  color:#e8e9e6;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  cursor:pointer;
  text-align:left;
  transition:background .35s,border-color .35s,color .35s,transform .35s;
}
.universe-switch:hover { transform:translateY(-2px); border-color:rgba(255,255,255,.3); background:rgba(7,9,10,.72); }
.universe-index { grid-area:index; font-size:.48rem; text-transform:uppercase; letter-spacing:.18em; color:#858b8d; }
.universe-title { grid-area:title; margin-top:.16rem; font-size:.72rem; text-transform:uppercase; letter-spacing:.18em; }
.universe-action { grid-area:action; align-self:stretch; display:flex; align-items:center; gap:.65rem; padding-left:.9rem; border-left:1px solid rgba(255,255,255,.13); font-size:.53rem; text-transform:uppercase; letter-spacing:.15em; color:#aeb3b3; }
.universe-action i { display:inline-flex; align-items:center; justify-content:center; line-height:1; font-style:normal; font-size:.9rem; transform:translateY(-1px); transition:transform .35s; }
.universe-switch:hover .universe-action i { transform:translate(.25rem,-1px); }

.world-transition {
  position:fixed;
  inset:0;
  z-index:999;
  display:none;
  background:radial-gradient(circle at 50% 50%,#20252a 0%,#090b0d 48%,#010203 100%);
  overflow:hidden;
  perspective:1700px;
}
.world-transition.is-active { display:block; }

@keyframes worldFlipForward {
  0% { transform:translateZ(0) rotateX(0) rotateY(0) scale(1); filter:brightness(1); }
  22% { transform:translateZ(-230px) rotateX(-7deg) rotateY(24deg) scale(.90); }
  48% { transform:translateZ(-480px) rotateX(-2deg) rotateY(88deg) scale(.72); filter:brightness(.72); }
  54% { transform:translateZ(-500px) rotateX(2deg) rotateY(98deg) scale(.71); filter:brightness(1.8); }
  76% { transform:translateZ(-210px) rotateX(7deg) rotateY(158deg) scale(.91); }
  100% { transform:translateZ(0) rotateX(0) rotateY(180deg) scale(1); filter:brightness(1); }
}
@keyframes worldFlipBackward {
  0% { transform:translateZ(0) rotateX(0) rotateY(180deg) scale(1); filter:brightness(1); }
  22% { transform:translateZ(-230px) rotateX(7deg) rotateY(156deg) scale(.90); }
  48% { transform:translateZ(-480px) rotateX(2deg) rotateY(92deg) scale(.72); filter:brightness(.72); }
  54% { transform:translateZ(-500px) rotateX(-2deg) rotateY(82deg) scale(.71); filter:brightness(1.8); }
  76% { transform:translateZ(-210px) rotateX(-7deg) rotateY(22deg) scale(.91); }
  100% { transform:translateZ(0) rotateX(0) rotateY(0) scale(1); filter:brightness(1); }
}
@keyframes worldFlare {
  0%,38%,68%,100% { opacity:0; transform:scale(.65); }
  49% { opacity:.45; transform:scale(.88); }
  54% { opacity:1; transform:scale(1.1); }
  60% { opacity:.18; transform:scale(1.45); }
}

/* Daylight universe */
body.is-daylight { background:#eeeae1; color:#222522; }
body.is-daylight .grain { opacity:.045; mix-blend-mode:multiply; }
body.is-daylight .site-header { color:#1d201e; }
body.is-daylight .site-header.scrolled { background:rgba(238,234,225,.84); border-bottom-color:rgba(25,28,26,.10); }
body.is-daylight .site-nav a { color:#303431; }
body.is-daylight .menu-toggle span { background:#202320; }
body.is-daylight .universe-switch { background:rgba(243,240,233,.72); color:#202320; border-color:rgba(24,27,25,.17); }
body.is-daylight .universe-switch:hover { background:rgba(246,243,237,.92); border-color:rgba(24,27,25,.34); }
body.is-daylight .universe-index { color:#777c78; }
body.is-daylight .universe-action { color:#555a56; border-left-color:rgba(24,27,25,.16); }
body.is-daylight .sound-toggle { background:rgba(242,239,232,.72); color:#505551; border-color:rgba(24,27,25,.15); }
body.is-daylight .sound-toggle:hover { color:#171a18; border-color:rgba(24,27,25,.3); }
body.is-daylight .site-footer { background:#e5e0d6; color:#232623; border-top-color:rgba(22,25,23,.12); }
body.is-daylight .site-footer a { color:#252825; }
body.is-daylight .footer-label,body.is-daylight .footer-meta { color:#777c77; }

.daylight-universe { background:#eeeae1; color:#252825; }
.daylight-hero { background:#e8e4da; }
.daylight-hero .hero-visual { animation:daylightHeroFloat 19s ease-in-out 2s infinite alternate; }
.daylight-hero .hero-image { filter:brightness(1.06) saturate(.76) contrast(.93); object-position:center 56%; }
.daylight-wash { position:absolute; inset:0; background:linear-gradient(90deg,rgba(241,238,231,.72),rgba(241,238,231,.05) 50%,rgba(241,238,231,.26)),linear-gradient(0deg,rgba(238,234,225,.72),transparent 48%); }
.daylight-hero .eyebrow { color:#4d524e; }
.daylight-hero .hero-copy h1 { color:#1f221f; }
.daylight-hero .scroll-cue { color:#262a27; }
.daylight-hero .scroll-cue i { background:#262a27; }
.daylight-universe .manifesto { border-color:rgba(27,31,28,.12); }
.daylight-universe .index { color:#727872; }
.daylight-universe .chapter-heading h2,.daylight-universe .about h2 { color:#20231f; }
.daylight-universe .chapter-heading > p,.daylight-universe .about p { color:#555b56; }
.daylight-universe figcaption { color:#656b65; }
.daylight-frame { cursor:zoom-in; }
.daylight-frame img { filter:saturate(.88) contrast(.95); }
.daylight-note { margin:3vh 0 0; max-width:20ch; font-family:Manrope,Inter,sans-serif; font-size:clamp(1.7rem,3vw,3.4rem); font-weight:300; letter-spacing:-.035em; line-height:1.12; color:#343834; }
@keyframes daylightHeroFloat { from { transform:scale(1.02) translateY(0); } to { transform:scale(1.075) translateY(-.9%); } }

body.is-flipping { overflow:hidden; }
body.is-flipping .site-header,body.is-flipping .universe-switch,body.is-flipping .sound-toggle { pointer-events:none; }

@media (max-width:760px) {
  .universe-switch { top:auto; right:var(--pad); bottom:1.15rem; min-width:11.8rem; padding:.62rem .72rem; }
  .sound-toggle { bottom:4.5rem; }
}

@media (prefers-reduced-motion:reduce) {
}

/* v10 — restrained Universe Spin + header text reveals */
.brand-mark,
.brand-name,
.site-nav a,
.universe-switch > span {
  opacity:0;
  clip-path:inset(0 100% 0 0);
  animation:headerTextReveal 1s cubic-bezier(.22,.72,.2,1) forwards;
}
.brand-name { animation-delay:.18s; }
.site-nav a:nth-child(1) { animation-delay:.28s; }
.site-nav a:nth-child(2) { animation-delay:.35s; }
.site-nav a:nth-child(3) { animation-delay:.42s; }
.site-nav a:nth-child(4) { animation-delay:.49s; }
.site-nav a:nth-child(5) { animation-delay:.56s; }
.site-nav a:nth-child(6) { animation-delay:.63s; }
.universe-switch .universe-index { animation-delay:.38s; }
.universe-switch .universe-title { animation-delay:.46s; }
.universe-switch .universe-action { animation-delay:.54s; }

@keyframes headerTextReveal {
  0% { opacity:0; clip-path:inset(0 100% 0 0); transform:translateX(-.55rem); }
  100% { opacity:1; clip-path:inset(0 0 0 0); transform:translateX(0); }
}

.world-transition {
  background:#07090a;
  perspective:none;
}

@keyframes universeSpinForward {
  0%   { transform:rotateZ(0deg); filter:brightness(1) blur(0); }
  18%  { transform:rotateZ(52deg); filter:brightness(.96) blur(0); }
  47%  { transform:rotateZ(168deg); filter:brightness(.90) blur(.35px); }
  53%  { transform:rotateZ(198deg); filter:brightness(1.12) blur(.5px); }
  82%  { transform:rotateZ(320deg); filter:brightness(1.03) blur(0); }
  100% { transform:rotateZ(360deg); filter:brightness(1) blur(0); }
}
@keyframes universeSpinBackward {
  0%   { transform:rotateZ(0deg); filter:brightness(1) blur(0); }
  18%  { transform:rotateZ(-52deg); filter:brightness(.96) blur(0); }
  47%  { transform:rotateZ(-168deg); filter:brightness(.90) blur(.35px); }
  53%  { transform:rotateZ(-198deg); filter:brightness(1.12) blur(.5px); }
  82%  { transform:rotateZ(-320deg); filter:brightness(1.03) blur(0); }
  100% { transform:rotateZ(-360deg); filter:brightness(1) blur(0); }
}
@keyframes spinFaceOut {
  0%,42% { opacity:1; }
  49% { opacity:.9; }
  53%,100% { opacity:0; }
}
@keyframes spinFaceIn {
  0%,47% { opacity:0; }
  53% { opacity:.96; }
  59%,100% { opacity:1; }
}
@keyframes spinFlare {
  0%,43%,64%,100% { opacity:0; transform:scale(.82); }
  51% { opacity:.13; transform:scale(.98); }
  55% { opacity:.24; transform:scale(1.08); }
  60% { opacity:.04; transform:scale(1.22); }
}

@media (max-width:760px) {
}

@media (prefers-reduced-motion:reduce) {
  .brand-mark,
  .brand-name,
  .site-nav a,
  .universe-switch > span {
    opacity:1;
    clip-path:none;
    transform:none;
    animation:none;
  }
}

/* v11 — exposure dissolve between universes */
.world-transition {
  display:none;
  background:#080a0b;
  opacity:0;
  perspective:none;
}
.world-transition::after {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 44%,transparent 0%,rgba(0,0,0,.055) 100%);
  pointer-events:none;
}
.world-transition.is-active { display:block; }
.world-transition.is-active.to-daylight {
  animation:exposureToDaylight 3.8s linear both;
}
.world-transition.is-active.to-cinematic {
  animation:exposureToCinematic 3.8s linear both;
}

@keyframes exposureToDaylight {
  0% {
    opacity:0;
    background-color:#080a0b;
    animation-timing-function:cubic-bezier(.55,0,.35,1);
  }
  39.5% {
    opacity:1;
    background-color:#080a0b;
    animation-timing-function:cubic-bezier(.65,0,.35,1);
  }
  72% {
    opacity:1;
    background-color:#f4f1e9;
    animation-timing-function:cubic-bezier(.25,.7,.2,1);
  }
  100% {
    opacity:0;
    background-color:#f4f1e9;
  }
}

/* v42 — a rain-free Daylight world and the new high-key bird hero */
body.is-daylight .rain-atmosphere,
body.is-daylight .ambient-controls .rain-toggle {
  display:none!important;
}
.daylight-hero .hero-image {
  animation:none;
  filter:grayscale(1) brightness(.99) contrast(1.03);
  object-position:center 54%;
}
.daylight-hero .daylight-wash {
  background:
    linear-gradient(90deg,rgba(246,244,239,.12),rgba(246,244,239,0) 52%,rgba(246,244,239,.08)),
    linear-gradient(0deg,rgba(246,244,239,.2),transparent 46%);
}
.daylight-hero::after {
  background:linear-gradient(to top,rgba(248,247,243,.7) 0%,rgba(248,247,243,.2) 31%,rgba(248,247,243,0) 62%);
}
body.is-daylight .daylight-hero .hero-copy,
body.is-daylight .daylight-hero .scroll-cue {
  color:#171a18!important;
  mix-blend-mode:normal!important;
  text-shadow:0 .1rem 1.4rem rgba(255,255,255,.78);
}
body.is-daylight .daylight-hero .scroll-cue i {
  background:#171a18!important;
}

@media (max-width:760px) {
  .daylight-hero .hero-image {
    object-position:center 58%;
  }
}

/* v33 — accessible carousel navigation and deliberate scrolling */
.unreality-track,
.panorama-rail {
  scrollbar-width:thin;
  scrollbar-color:rgba(244,244,240,.42) transparent;
  touch-action:pan-y;
}
.unreality-track::-webkit-scrollbar,
.panorama-rail::-webkit-scrollbar {
  display:block!important;
  height:4px;
}
.unreality-track::-webkit-scrollbar-track,
.panorama-rail::-webkit-scrollbar-track {
  background:transparent;
}
.unreality-track::-webkit-scrollbar-thumb,
.panorama-rail::-webkit-scrollbar-thumb {
  border-radius:999px;
  background:rgba(244,244,240,.42);
}
.unreality-track::-webkit-scrollbar-thumb:hover,
.panorama-rail::-webkit-scrollbar-thumb:hover {
  background:rgba(255,255,255,.68);
}
[data-drag-scroll]:focus-visible {
  outline:1px solid rgba(255,255,255,.58);
  outline-offset:-1px;
}

.gallery-controls {
  display:grid;
  grid-template-columns:auto minmax(14rem,1fr) auto;
  align-items:center;
  gap:clamp(1rem,3vw,3.5rem);
  margin-top:clamp(1rem,2vw,2rem);
}
.gallery-controls button {
  display:inline-flex;
  align-items:center;
  gap:.8rem;
  padding:.6rem 0;
  border:0;
  background:none;
  color:#f7f4ec;
  text-transform:uppercase;
  letter-spacing:.17em;
  font-size:.56rem;
  cursor:pointer;
  transition:opacity .25s,transform .25s;
}
.gallery-controls button:hover {
  transform:translateX(-.15rem);
}
.gallery-controls button:last-child {
  justify-self:end;
}
.gallery-controls button:last-child:hover {
  transform:translateX(.15rem);
}
.gallery-controls button:disabled {
  opacity:.32;
  cursor:default;
  transform:none;
}
.gallery-position {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(1rem,2vw,2rem);
  color:rgba(255,255,255,.78);
  font-size:.56rem;
  letter-spacing:.16em;
}
.gallery-position i {
  position:relative;
  display:block;
  width:min(30vw,28rem);
  height:1px;
  overflow:hidden;
  background:rgba(255,255,255,.28);
}
.gallery-position b {
  position:absolute;
  inset:0 auto 0 0;
  width:10%;
  background:#fff;
  transform-origin:left;
  transition:width .45s cubic-bezier(.2,.7,.2,1);
}
.unreality-controls {
  padding-top:.15rem;
}

@media (max-width:760px) {
  .gallery-controls {
    grid-template-columns:auto minmax(8rem,1fr) auto;
    gap:.8rem;
  }
  .gallery-controls button span:not([aria-hidden="true"]) {
    display:none;
  }
  .gallery-position {
    gap:.75rem;
  }
  .gallery-position i {
    width:100%;
  }
}

@keyframes exposureToCinematic {
  0% {
    opacity:0;
    background-color:#f4f1e9;
    animation-timing-function:cubic-bezier(.55,0,.35,1);
  }
  39.5% {
    opacity:1;
    background-color:#f4f1e9;
    animation-timing-function:cubic-bezier(.65,0,.35,1);
  }
  72% {
    opacity:1;
    background-color:#080a0b;
    animation-timing-function:cubic-bezier(.25,.7,.2,1);
  }
  100% {
    opacity:0;
    background-color:#080a0b;
  }
}

@media (prefers-reduced-motion:reduce) {
  .world-transition.is-active.to-daylight,
  .world-transition.is-active.to-cinematic {
    animation-duration:.35s;
  }
}

/* v12 — soft diagonal waves from below-left to above-right */
.world-transition {
  background:transparent;
  opacity:1;
}
.world-transition::before,
.world-transition::after {
  content:"";
  position:absolute;
  z-index:0;
  top:auto;
  right:auto;
  left:-168vmax;
  bottom:-168vmax;
  width:320vmax;
  height:320vmax;
  border-radius:50%;
  transform:scale(.001);
  transform-origin:50% 50%;
  will-change:transform;
  pointer-events:none;
}
.world-transition::after { z-index:1; }

.world-transition.to-daylight::before {
  background:radial-gradient(circle,
    #080a0b 0 92%,
    rgba(8,10,11,.98) 96%,
    rgba(8,10,11,0) 100%);
}
.world-transition.to-daylight::after {
  background:radial-gradient(circle,
    #f4f1e9 0 92%,
    rgba(244,241,233,.98) 96%,
    rgba(244,241,233,0) 100%);
}
.world-transition.to-cinematic::before {
  background:radial-gradient(circle,
    #f4f1e9 0 92%,
    rgba(244,241,233,.98) 96%,
    rgba(244,241,233,0) 100%);
}
.world-transition.to-cinematic::after {
  background:radial-gradient(circle,
    #080a0b 0 92%,
    rgba(8,10,11,.98) 96%,
    rgba(8,10,11,0) 100%);
}

.world-transition.is-active.to-daylight,
.world-transition.is-active.to-cinematic {
  animation:diagonalVeilDissolve 3.8s linear both;
}
.world-transition.is-active::before {
  animation:firstDiagonalSweep 3.8s linear both;
}
.world-transition.is-active::after {
  animation:secondDiagonalSweep 3.8s linear both;
}

@keyframes firstDiagonalSweep {
  0% {
    transform:scale(.001);
    animation-timing-function:cubic-bezier(.58,0,.22,1);
  }
  39.5%,100% { transform:scale(1); }
}

@keyframes secondDiagonalSweep {
  0%,39.5% {
    transform:scale(.001);
    animation-timing-function:cubic-bezier(.58,0,.22,1);
  }
  72%,100% { transform:scale(1); }
}

@keyframes diagonalVeilDissolve {
  0%,72% {
    opacity:1;
    animation-timing-function:cubic-bezier(.25,.7,.2,1);
  }
  100% { opacity:0; }
}

@media (prefers-reduced-motion:reduce) {
  .world-transition.is-active.to-daylight,
  .world-transition.is-active.to-cinematic,
  .world-transition.is-active::before,
  .world-transition.is-active::after {
    animation-duration:.35s;
  }
}

/* v13 — amorphous mist transition with progressive blur */
.world-transition {
  background:transparent;
  opacity:1;
  backdrop-filter:blur(0);
  -webkit-backdrop-filter:blur(0);
}
.world-transition::before,
.world-transition::after { content:none; }

.world-transition.to-daylight {
  --first-mist:#080a0b;
  --second-mist:#f4f1e9;
}
.world-transition.to-cinematic {
  --first-mist:#f4f1e9;
  --second-mist:#080a0b;
}

.transition-mist {
  position:absolute;
  inset:-12%;
  overflow:hidden;
  pointer-events:none;
}
.transition-mist-first {
  z-index:0;
  --mist-color:var(--first-mist);
}
.transition-mist-second {
  z-index:1;
  --mist-color:var(--second-mist);
}
.transition-mist::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:var(--mist-color);
  opacity:0;
  pointer-events:none;
}

.world-transition.is-active.to-daylight,
.world-transition.is-active.to-cinematic {
  animation:mistAtmosphere 4.3s linear both;
}
.world-transition.is-active .transition-mist-first::after {
  animation:firstMistSettle 4.3s linear both;
}
.world-transition.is-active .transition-mist-second::after {
  animation:secondMistSettle 4.3s linear both;
}

@keyframes mistCloudDevelop {
  0% {
    opacity:0;
    transform:translate3d(-15vw,18vh,0) scale(.42) rotate(var(--cloud-rotation));
  }
  24% { opacity:.42; }
  67% { opacity:.94; }
  100% {
    opacity:1;
    transform:translate3d(15vw,-17vh,0) scale(1.28) rotate(calc(var(--cloud-rotation) + 9deg));
  }
}

@keyframes firstMistSettle {
  0%,28% { opacity:0; }
  43%,100% { opacity:1; }
}

@keyframes secondMistSettle {
  0%,59% { opacity:0; }
  73%,100% { opacity:1; }
}

@keyframes mistAtmosphere {
  0% {
    opacity:1;
    backdrop-filter:blur(0);
    -webkit-backdrop-filter:blur(0);
  }
  38% {
    opacity:1;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  73% {
    opacity:1;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    animation-timing-function:cubic-bezier(.25,.7,.2,1);
  }
  100% {
    opacity:0;
    backdrop-filter:blur(0);
    -webkit-backdrop-filter:blur(0);
  }
}

@media (max-width:760px) {
}

@media (prefers-reduced-motion:reduce) {
  .world-transition.is-active.to-daylight,
  .world-transition.is-active.to-cinematic,
  .world-transition.is-active .transition-mist::after,
  .world-transition.is-active .transition-cloud {
    animation-duration:.35s;
    animation-delay:0s!important;
  }
}

/* v23 — canonical transition definitions */
.world-transition {
  background:transparent!important;
  opacity:1!important;
  perspective:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.world-transition::before,
.world-transition::after {
  content:none!important;
}
.world-transition.is-active {
  display:block!important;
  opacity:1!important;
  background:transparent!important;
  animation:none!important;
}
.transition-veil {
  position:absolute;
  inset:0;
  overflow:hidden;
  opacity:1;
  pointer-events:none;
}
.world-transition.is-active .transition-veil {
  animation:transitionVeilFadeV23 12.4s linear both!important;
}
.transition-blur {
  display:none!important;
}
body.is-flipping {
  animation:sceneBlurDriverV23 12.4s linear both!important;
}
body.is-flipping .site-header,
body.is-flipping .universe-page,
body.is-flipping .site-footer,
body.is-flipping .universe-switch,
body.is-flipping .sound-toggle {
  filter:blur(var(--scene-blur));
  will-change:filter;
}

.transition-colour-base,
.transition-mist {
  position:absolute;
  inset:0;
  pointer-events:none;
}
.transition-colour-base {
  z-index:1;
  background:transparent;
}
.transition-mist {
  overflow:visible!important;
  opacity:0;
  background:none;
  filter:none!important;
  -webkit-filter:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  will-change:transform,opacity;
}
.transition-mist::before,
.transition-mist::after {
  content:none!important;
}
.transition-mist-first { z-index:2; }
.transition-mist-second { z-index:3; }

.world-transition.to-daylight .transition-mist-first {
  transform-origin:0% 100%;
  background:radial-gradient(ellipse 165% 155% at 0% 100%,
    rgba(8,10,11,1) 0 10%,
    rgba(8,10,11,.9) 28%,
    rgba(8,10,11,.62) 48%,
    rgba(8,10,11,.32) 68%,
    rgba(8,10,11,.1) 84%,
    rgba(8,10,11,0) 100%);
}
.world-transition.to-daylight .transition-mist-second {
  transform-origin:0% 100%;
  background:radial-gradient(ellipse 165% 155% at 0% 100%,
    rgba(244,241,233,1) 0 10%,
    rgba(244,241,233,.9) 28%,
    rgba(244,241,233,.62) 48%,
    rgba(244,241,233,.32) 68%,
    rgba(244,241,233,.1) 84%,
    rgba(244,241,233,0) 100%);
}
.world-transition.to-cinematic .transition-mist-first {
  transform-origin:100% 0%;
  background:radial-gradient(ellipse 165% 155% at 100% 0%,
    rgba(244,241,233,1) 0 10%,
    rgba(244,241,233,.9) 28%,
    rgba(244,241,233,.62) 48%,
    rgba(244,241,233,.32) 68%,
    rgba(244,241,233,.1) 84%,
    rgba(244,241,233,0) 100%);
}
.world-transition.to-cinematic .transition-mist-second {
  transform-origin:100% 0%;
  background:radial-gradient(ellipse 165% 155% at 100% 0%,
    rgba(8,10,11,1) 0 10%,
    rgba(8,10,11,.9) 28%,
    rgba(8,10,11,.62) 48%,
    rgba(8,10,11,.32) 68%,
    rgba(8,10,11,.1) 84%,
    rgba(8,10,11,0) 100%);
}

.world-transition.is-active.to-daylight .transition-colour-base {
  animation:colourBaseToDaylightV23 12.4s linear both!important;
}
.world-transition.is-active.to-cinematic .transition-colour-base {
  animation:colourBaseToCinematicV23 12.4s linear both!important;
}
.world-transition.is-active.to-daylight .transition-mist-first {
  animation:gradientMistFromLowerLeftV23 6s cubic-bezier(.52,.02,.15,1) 1s both!important;
}
.world-transition.is-active.to-daylight .transition-mist-second {
  animation:gradientMistFromLowerLeftV23 3.4s cubic-bezier(.48,.02,.17,1) 6.8s both!important;
}
.world-transition.is-active.to-cinematic .transition-mist-first {
  animation:gradientMistFromUpperRightV23 6s cubic-bezier(.52,.02,.15,1) 1s both!important;
}
.world-transition.is-active.to-cinematic .transition-mist-second {
  animation:gradientMistFromUpperRightV23 3.4s cubic-bezier(.48,.02,.17,1) 6.8s both!important;
}

@keyframes sceneBlurDriverV23 {
  0% {
    --scene-blur:0px;
    animation-timing-function:cubic-bezier(.38,0,.18,1);
  }
  10% { --scene-blur:6px; }
  35.5% { --scene-blur:22px; }
  87.1% {
    --scene-blur:24px;
    animation-timing-function:cubic-bezier(.25,.7,.2,1);
  }
  100% { --scene-blur:0px; }
}

@keyframes gradientMistFromLowerLeftV23 {
  0% { opacity:0; transform:scale(.48); }
  2% { opacity:.16; transform:scale(.52); }
  16% { opacity:.38; transform:scale(.68); }
  38% { opacity:.66; transform:scale(.94); }
  68% { opacity:.9; transform:scale(1.3); }
  100% { opacity:1; transform:scale(1.72); }
}
@keyframes gradientMistFromUpperRightV23 {
  0% { opacity:0; transform:scale(.48); }
  2% { opacity:.16; transform:scale(.52); }
  16% { opacity:.38; transform:scale(.68); }
  38% { opacity:.66; transform:scale(.94); }
  68% { opacity:.9; transform:scale(1.3); }
  100% { opacity:1; transform:scale(1.72); }
}

@keyframes colourBaseToDaylightV23 {
  0%,8% { background-color:rgba(8,10,11,0); }
  12% { background-color:rgba(8,10,11,.04); }
  25% { background-color:rgba(8,10,11,.12); }
  45% { background-color:rgba(8,10,11,.38); }
  56.5%,72% { background-color:#080a0b; }
  82.3%,100% { background-color:#f4f1e9; }
}
@keyframes colourBaseToCinematicV23 {
  0%,8% { background-color:rgba(244,241,233,0); }
  12% { background-color:rgba(244,241,233,.04); }
  25% { background-color:rgba(244,241,233,.12); }
  45% { background-color:rgba(244,241,233,.38); }
  56.5%,72% { background-color:#f4f1e9; }
  82.3%,100% { background-color:#080a0b; }
}
@keyframes transitionVeilFadeV23 {
  0%,87.1% { opacity:1; }
  100% { opacity:0; }
}

@media (prefers-reduced-motion:reduce) {
  body.is-flipping {
    --scene-blur:0px;
    animation:none!important;
  }
  .world-transition.is-active .transition-veil,
  .world-transition.is-active .transition-colour-base,
  .world-transition.is-active .transition-mist {
    animation-duration:.35s!important;
    animation-delay:0s!important;
  }
}

/* v24 — edgeless mist with one uninterrupted motion curve */
.transition-mist {
  position:absolute!important;
  inset:auto!important;
  width:160vmax!important;
  height:160vmax!important;
  overflow:visible!important;
  border-radius:50%;
  opacity:0;
  background-repeat:no-repeat!important;
  background-position:50% 50%!important;
  background-size:100% 100%!important;
  filter:none!important;
  -webkit-filter:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  transform:translate3d(0,0,0) scale(.06);
  transform-origin:50% 50%!important;
  backface-visibility:hidden;
  will-change:transform,opacity;
}

.world-transition.to-daylight .transition-mist-first,
.world-transition.to-daylight .transition-mist-second {
  left:-80vmax!important;
  right:auto!important;
  top:calc(100% - 80vmax)!important;
  bottom:auto!important;
}
.world-transition.to-cinematic .transition-mist-first,
.world-transition.to-cinematic .transition-mist-second {
  left:auto!important;
  right:-80vmax!important;
  top:-80vmax!important;
  bottom:auto!important;
}

.world-transition.to-daylight .transition-mist-first,
.world-transition.to-cinematic .transition-mist-second {
  background:radial-gradient(circle closest-side at 50% 50%,
    rgba(8,10,11,1) 0 48%,
    rgba(8,10,11,.96) 54%,
    rgba(8,10,11,.8) 64%,
    rgba(8,10,11,.54) 75%,
    rgba(8,10,11,.28) 85%,
    rgba(8,10,11,.1) 93%,
    rgba(8,10,11,0) 100%)!important;
}
.world-transition.to-daylight .transition-mist-second,
.world-transition.to-cinematic .transition-mist-first {
  background:radial-gradient(circle closest-side at 50% 50%,
    rgba(244,241,233,1) 0 48%,
    rgba(244,241,233,.96) 54%,
    rgba(244,241,233,.8) 64%,
    rgba(244,241,233,.54) 75%,
    rgba(244,241,233,.28) 85%,
    rgba(244,241,233,.1) 93%,
    rgba(244,241,233,0) 100%)!important;
}

.world-transition.is-active.to-daylight .transition-colour-base {
  animation:colourBaseToDaylightV24 12.4s linear both!important;
}
.world-transition.is-active.to-cinematic .transition-colour-base {
  animation:colourBaseToCinematicV24 12.4s linear both!important;
}
.world-transition.is-active.to-daylight .transition-mist-first,
.world-transition.is-active.to-cinematic .transition-mist-first {
  animation:continuousCornerMistV24 6s cubic-bezier(.34,.02,.22,1) 1s both!important;
}
.world-transition.is-active.to-daylight .transition-mist-second,
.world-transition.is-active.to-cinematic .transition-mist-second {
  animation:continuousCornerMistV24 3.4s cubic-bezier(.34,.02,.22,1) 6.8s both!important;
}

@keyframes continuousCornerMistV24 {
  0% {
    opacity:0;
    transform:translate3d(0,0,0) scale(.06);
  }
  100% {
    opacity:1;
    transform:translate3d(0,0,0) scale(3);
  }
}

@keyframes colourBaseToDaylightV24 {
  0%,56.49% { background-color:rgba(8,10,11,0); }
  56.5%,82.29% { background-color:#080a0b; }
  82.3%,100% { background-color:#f4f1e9; }
}
@keyframes colourBaseToCinematicV24 {
  0%,56.49% { background-color:rgba(244,241,233,0); }
  56.5%,82.29% { background-color:#f4f1e9; }
  82.3%,100% { background-color:#080a0b; }
}

@media (prefers-reduced-motion:reduce) {
  .world-transition.is-active.to-daylight .transition-colour-base,
  .world-transition.is-active.to-cinematic .transition-colour-base,
  .world-transition.is-active.to-daylight .transition-mist-first,
  .world-transition.is-active.to-daylight .transition-mist-second,
  .world-transition.is-active.to-cinematic .transition-mist-first,
  .world-transition.is-active.to-cinematic .transition-mist-second {
    animation-duration:.35s!important;
    animation-delay:0s!important;
  }
}

/* v17 — Opera-safe stable container with an independently animated veil */
.world-transition.is-active {
  display:block!important;
  opacity:1!important;
  background:transparent!important;
  animation:none!important;
}
.transition-veil {
  position:absolute;
  inset:0;
  overflow:hidden;
  opacity:1;
  pointer-events:none;
}
.world-transition.is-active .transition-veil {
  animation:transitionVeilFadeV17 15.6s linear both;
}
.transition-blur {
  background:rgba(127,127,127,.014);
}
.world-transition.is-active .transition-blur {
  animation:sceneBlurV17 15.6s linear both;
}

@keyframes sceneBlurV17 {
  0% {
    backdrop-filter:blur(0);
    -webkit-backdrop-filter:blur(0);
    animation-timing-function:cubic-bezier(.38,0,.18,1);
  }
  10% {
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
  }
  28.2% {
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
  }
  89.7% {
    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);
    animation-timing-function:cubic-bezier(.25,.7,.2,1);
  }
  100% {
    backdrop-filter:blur(0);
    -webkit-backdrop-filter:blur(0);
  }
}

@keyframes transitionVeilFadeV17 {
  0%,89.7% { opacity:1; }
  100% { opacity:0; }
}

@media (prefers-reduced-motion:reduce) {
  .world-transition.is-active .transition-veil,
  .world-transition.is-active .transition-blur {
    animation-duration:.35s;
  }
}

/* v18 — direct scene blur; no dependency on Opera backdrop compositing */
@property --scene-blur {
  syntax:"<length>";
  inherits:true;
  initial-value:0px;
}

body { --scene-blur:0px; }
body.is-flipping {
  animation:sceneBlurDriverV18 15.6s linear both;
}
body.is-flipping .site-header,
body.is-flipping .universe-page,
body.is-flipping .site-footer,
body.is-flipping .universe-switch,
body.is-flipping .sound-toggle {
  filter:blur(var(--scene-blur));
  will-change:filter;
}
.transition-blur { display:none!important; }

@keyframes sceneBlurDriverV18 {
  0% {
    --scene-blur:0px;
    animation-timing-function:cubic-bezier(.38,0,.18,1);
  }
  10% { --scene-blur:6px; }
  28.2% { --scene-blur:22px; }
  89.7% {
    --scene-blur:24px;
    animation-timing-function:cubic-bezier(.25,.7,.2,1);
  }
  100% { --scene-blur:0px; }
}

@media (prefers-reduced-motion:reduce) {
  body.is-flipping {
    --scene-blur:0px;
    animation:none!important;
  }
}

/* v20 — perceptible colour onset immediately after the one-second delay */
.world-transition.is-active.to-daylight .transition-mist-first {
  animation:continuousMistFromLowerLeftV20 6s cubic-bezier(.52,.02,.15,1) 1s both;
}
.world-transition.is-active.to-daylight .transition-mist-second {
  animation:continuousMistFromLowerLeftV20 3.4s cubic-bezier(.48,.02,.17,1) 6.8s both;
}
.world-transition.is-active.to-cinematic .transition-mist-first {
  animation:continuousMistFromUpperRightV20 6s cubic-bezier(.52,.02,.15,1) 1s both;
}
.world-transition.is-active.to-cinematic .transition-mist-second {
  animation:continuousMistFromUpperRightV20 3.4s cubic-bezier(.48,.02,.17,1) 6.8s both;
}

@keyframes continuousMistFromLowerLeftV20 {
  0% {
    opacity:0;
    transform:translate3d(-7%,7%,0) scale(.34);
  }
  1% {
    opacity:.12;
    transform:translate3d(-6.5%,6.5%,0) scale(.43);
  }
  8% {
    opacity:.32;
    transform:translate3d(-5%,5%,0) scale(.58);
  }
  30% {
    opacity:.62;
    transform:translate3d(-2%,2%,0) scale(.9);
  }
  65% {
    opacity:.9;
    transform:translate3d(1.5%,-1.5%,0) scale(1.3);
  }
  100% {
    opacity:1;
    transform:translate3d(4%,-4%,0) scale(1.62);
  }
}

@keyframes continuousMistFromUpperRightV20 {
  0% {
    opacity:0;
    transform:translate3d(7%,-7%,0) scale(.34);
  }
  1% {
    opacity:.12;
    transform:translate3d(6.5%,-6.5%,0) scale(.43);
  }
  8% {
    opacity:.32;
    transform:translate3d(5%,-5%,0) scale(.58);
  }
  30% {
    opacity:.62;
    transform:translate3d(2%,-2%,0) scale(.9);
  }
  65% {
    opacity:.9;
    transform:translate3d(-1.5%,1.5%,0) scale(1.3);
  }
  100% {
    opacity:1;
    transform:translate3d(-4%,4%,0) scale(1.62);
  }
}

@media (prefers-reduced-motion:reduce) {
  .world-transition.is-active .transition-mist {
    animation-duration:.35s;
    animation-delay:0s!important;
  }
}

/* v22 — mask-free gradient mist for stable, perceptible timing in Opera */
.transition-mist {
  inset:0;
  filter:none;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.world-transition.to-daylight .transition-mist-first,
.world-transition.to-cinematic .transition-mist-second {
  background:radial-gradient(ellipse 165% 155% at 0% 100%,
    rgba(8,10,11,1) 0 10%,
    rgba(8,10,11,.9) 28%,
    rgba(8,10,11,.62) 48%,
    rgba(8,10,11,.32) 68%,
    rgba(8,10,11,.1) 84%,
    rgba(8,10,11,0) 100%);
}
.world-transition.to-daylight .transition-mist-second,
.world-transition.to-cinematic .transition-mist-first {
  background:radial-gradient(ellipse 165% 155% at 0% 100%,
    rgba(244,241,233,1) 0 10%,
    rgba(244,241,233,.9) 28%,
    rgba(244,241,233,.62) 48%,
    rgba(244,241,233,.32) 68%,
    rgba(244,241,233,.1) 84%,
    rgba(244,241,233,0) 100%);
}
.world-transition.to-cinematic .transition-mist-first,
.world-transition.to-cinematic .transition-mist-second {
  background-position:100% 0%;
  transform-origin:100% 0%;
}
.world-transition.to-cinematic .transition-mist-first {
  background:radial-gradient(ellipse 165% 155% at 100% 0%,
    rgba(244,241,233,1) 0 10%,
    rgba(244,241,233,.9) 28%,
    rgba(244,241,233,.62) 48%,
    rgba(244,241,233,.32) 68%,
    rgba(244,241,233,.1) 84%,
    rgba(244,241,233,0) 100%);
}
.world-transition.to-cinematic .transition-mist-second {
  background:radial-gradient(ellipse 165% 155% at 100% 0%,
    rgba(8,10,11,1) 0 10%,
    rgba(8,10,11,.9) 28%,
    rgba(8,10,11,.62) 48%,
    rgba(8,10,11,.32) 68%,
    rgba(8,10,11,.1) 84%,
    rgba(8,10,11,0) 100%);
}

.world-transition.is-active.to-daylight .transition-mist-first {
  animation:gradientMistFromLowerLeftV22 6s cubic-bezier(.52,.02,.15,1) 1s both;
}
.world-transition.is-active.to-daylight .transition-mist-second {
  animation:gradientMistFromLowerLeftV22 3.4s cubic-bezier(.48,.02,.17,1) 6.8s both;
}
.world-transition.is-active.to-cinematic .transition-mist-first {
  animation:gradientMistFromUpperRightV22 6s cubic-bezier(.52,.02,.15,1) 1s both;
}
.world-transition.is-active.to-cinematic .transition-mist-second {
  animation:gradientMistFromUpperRightV22 3.4s cubic-bezier(.48,.02,.17,1) 6.8s both;
}

@keyframes gradientMistFromLowerLeftV22 {
  0% { opacity:0; transform:scale(.48); }
  2% { opacity:.16; transform:scale(.52); }
  12% { opacity:.38; transform:scale(.67); }
  35% { opacity:.68; transform:scale(.9); }
  70% { opacity:.92; transform:scale(1.12); }
  100% { opacity:1; transform:scale(1.28); }
}

@keyframes gradientMistFromUpperRightV22 {
  0% { opacity:0; transform:scale(.48); }
  2% { opacity:.16; transform:scale(.52); }
  12% { opacity:.38; transform:scale(.67); }
  35% { opacity:.68; transform:scale(.9); }
  70% { opacity:.92; transform:scale(1.12); }
  100% { opacity:1; transform:scale(1.28); }
}

@media (prefers-reduced-motion:reduce) {
  .world-transition.is-active .transition-mist {
    animation-duration:.35s;
    animation-delay:0s!important;
  }
}

/* v21 — continuous colour development with a visible threshold at one second */
.transition-mist { inset:-8%; }
.world-transition.is-active.to-daylight .transition-mist-first {
  animation:primaryMistFromLowerLeftV21 7s cubic-bezier(.52,.02,.15,1) both;
}
.world-transition.is-active.to-cinematic .transition-mist-first {
  animation:primaryMistFromUpperRightV21 7s cubic-bezier(.52,.02,.15,1) both;
}
.world-transition.is-active.to-daylight .transition-mist-second {
  animation:continuousMistFromLowerLeftV20 3.4s cubic-bezier(.48,.02,.17,1) 6.8s both;
}
.world-transition.is-active.to-cinematic .transition-mist-second {
  animation:continuousMistFromUpperRightV20 3.4s cubic-bezier(.48,.02,.17,1) 6.8s both;
}

@keyframes primaryMistFromLowerLeftV21 {
  0% {
    opacity:0;
    transform:translate3d(-7%,7%,0) scale(.18);
  }
  8% {
    opacity:.04;
    transform:translate3d(-6%,6%,0) scale(.28);
  }
  14% {
    opacity:.2;
    transform:translate3d(-5%,5%,0) scale(.44);
  }
  22% {
    opacity:.38;
    transform:translate3d(-3.5%,3.5%,0) scale(.62);
  }
  45% {
    opacity:.68;
    transform:translate3d(-1%,1%,0) scale(.98);
  }
  70% {
    opacity:.9;
    transform:translate3d(1.5%,-1.5%,0) scale(1.3);
  }
  100% {
    opacity:1;
    transform:translate3d(4%,-4%,0) scale(1.62);
  }
}

@keyframes primaryMistFromUpperRightV21 {
  0% {
    opacity:0;
    transform:translate3d(7%,-7%,0) scale(.18);
  }
  8% {
    opacity:.04;
    transform:translate3d(6%,-6%,0) scale(.28);
  }
  14% {
    opacity:.2;
    transform:translate3d(5%,-5%,0) scale(.44);
  }
  22% {
    opacity:.38;
    transform:translate3d(3.5%,-3.5%,0) scale(.62);
  }
  45% {
    opacity:.68;
    transform:translate3d(1%,-1%,0) scale(.98);
  }
  70% {
    opacity:.9;
    transform:translate3d(-1.5%,1.5%,0) scale(1.3);
  }
  100% {
    opacity:1;
    transform:translate3d(-4%,4%,0) scale(1.62);
  }
}

@media (prefers-reduced-motion:reduce) {
  .world-transition.is-active .transition-mist {
    animation-duration:.35s;
    animation-delay:0s!important;
  }
}

/* v19 — colour begins one second after blur, reducing total wait */
.world-transition.is-active .transition-veil {
  animation:transitionVeilFadeV19 12.4s linear both;
}
body.is-flipping {
  animation:sceneBlurDriverV19 12.4s linear both;
}
.world-transition.is-active.to-daylight .transition-colour-base {
  animation:colourBaseToDaylightV19 12.4s linear both;
}
.world-transition.is-active.to-cinematic .transition-colour-base {
  animation:colourBaseToCinematicV19 12.4s linear both;
}
.world-transition.is-active.to-daylight .transition-mist-first {
  animation:continuousMistFromLowerLeft 6s cubic-bezier(.52,.02,.15,1) 1s both;
}
.world-transition.is-active.to-daylight .transition-mist-second {
  animation:continuousMistFromLowerLeft 3.4s cubic-bezier(.48,.02,.17,1) 6.8s both;
}
.world-transition.is-active.to-cinematic .transition-mist-first {
  animation:continuousMistFromUpperRight 6s cubic-bezier(.52,.02,.15,1) 1s both;
}
.world-transition.is-active.to-cinematic .transition-mist-second {
  animation:continuousMistFromUpperRight 3.4s cubic-bezier(.48,.02,.17,1) 6.8s both;
}

@keyframes sceneBlurDriverV19 {
  0% {
    --scene-blur:0px;
    animation-timing-function:cubic-bezier(.38,0,.18,1);
  }
  10% { --scene-blur:6px; }
  35.5% { --scene-blur:22px; }
  87.1% {
    --scene-blur:24px;
    animation-timing-function:cubic-bezier(.25,.7,.2,1);
  }
  100% { --scene-blur:0px; }
}

@keyframes colourBaseToDaylightV19 {
  0%,52% { background-color:rgba(8,10,11,0); }
  56.5%,72% { background-color:#080a0b; }
  82.3%,100% { background-color:#f4f1e9; }
}

@keyframes colourBaseToCinematicV19 {
  0%,52% { background-color:rgba(244,241,233,0); }
  56.5%,72% { background-color:#f4f1e9; }
  82.3%,100% { background-color:#080a0b; }
}

@keyframes transitionVeilFadeV19 {
  0%,87.1% { opacity:1; }
  100% { opacity:0; }
}

@media (prefers-reduced-motion:reduce) {
  .world-transition.is-active .transition-veil,
  .world-transition.is-active .transition-colour-base,
  .world-transition.is-active .transition-mist {
    animation-duration:.35s;
    animation-delay:0s!important;
  }
  body.is-flipping {
    --scene-blur:0px;
    animation:none!important;
  }
}

/* v15 — delayed switch reveal + continuous, direction-aware fog field */
.universe-switch {
  opacity:0;
  visibility:hidden;
  animation:universeSwitchReveal .82s cubic-bezier(.22,.72,.2,1) 1s both;
}
.universe-switch .universe-index { animation-delay:1.12s; }
.universe-switch .universe-title { animation-delay:1.20s; }
.universe-switch .universe-action { animation-delay:1.28s; }

@keyframes universeSwitchReveal {
  0% { opacity:0; visibility:hidden; }
  1% { opacity:0; visibility:visible; }
  100% { opacity:1; visibility:visible; }
}
.transition-mist {
  inset:-40%;
  overflow:visible;
  background:var(--mist-color);
  opacity:0;
  filter:blur(clamp(60px,8vw,118px));
  will-change:transform,opacity;
}
.transition-mist::after { content:none; }

.world-transition.to-daylight .transition-mist {
  transform-origin:0% 100%;
  -webkit-mask-image:radial-gradient(ellipse 112% 106% at 0% 100%,
    #000 0 22%,
    rgba(0,0,0,.94) 39%,
    rgba(0,0,0,.66) 58%,
    rgba(0,0,0,.25) 76%,
    transparent 94%);
  mask-image:radial-gradient(ellipse 112% 106% at 0% 100%,
    #000 0 22%,
    rgba(0,0,0,.94) 39%,
    rgba(0,0,0,.66) 58%,
    rgba(0,0,0,.25) 76%,
    transparent 94%);
}
.world-transition.to-cinematic .transition-mist {
  transform-origin:100% 0%;
  -webkit-mask-image:radial-gradient(ellipse 112% 106% at 100% 0%,
    #000 0 22%,
    rgba(0,0,0,.94) 39%,
    rgba(0,0,0,.66) 58%,
    rgba(0,0,0,.25) 76%,
    transparent 94%);
  mask-image:radial-gradient(ellipse 112% 106% at 100% 0%,
    #000 0 22%,
    rgba(0,0,0,.94) 39%,
    rgba(0,0,0,.66) 58%,
    rgba(0,0,0,.25) 76%,
    transparent 94%);
}

.world-transition.is-active.to-daylight {
  animation:mistAtmosphereToDaylightV15 8.4s linear both;
}
.world-transition.is-active.to-cinematic {
  animation:mistAtmosphereToCinematicV15 8.4s linear both;
}
.world-transition.is-active.to-daylight .transition-mist-first {
  animation:continuousMistFromLowerLeft 3.15s cubic-bezier(.52,.02,.15,1) 2.08s both;
}
.world-transition.is-active.to-daylight .transition-mist-second {
  animation:continuousMistFromLowerLeft 1.75s cubic-bezier(.48,.02,.17,1) 5.12s both;
}
.world-transition.is-active.to-cinematic .transition-mist-first {
  animation:continuousMistFromUpperRight 3.15s cubic-bezier(.52,.02,.15,1) 2.08s both;
}
.world-transition.is-active.to-cinematic .transition-mist-second {
  animation:continuousMistFromUpperRight 1.75s cubic-bezier(.48,.02,.17,1) 5.12s both;
}

@keyframes continuousMistFromLowerLeft {
  0% {
    opacity:0;
    transform:translate3d(-7%,7%,0) scale(.12);
  }
  16% { opacity:.24; }
  48% { opacity:.72; }
  100% {
    opacity:1;
    transform:translate3d(4%,-4%,0) scale(1.62);
  }
}

@keyframes continuousMistFromUpperRight {
  0% {
    opacity:0;
    transform:translate3d(7%,-7%,0) scale(.12);
  }
  16% { opacity:.24; }
  48% { opacity:.72; }
  100% {
    opacity:1;
    transform:translate3d(-4%,4%,0) scale(1.62);
  }
}

@keyframes mistAtmosphereToDaylightV15 {
  0% {
    opacity:1;
    background-color:rgba(8,10,11,0);
    backdrop-filter:blur(0);
    -webkit-backdrop-filter:blur(0);
    animation-timing-function:cubic-bezier(.38,0,.18,1);
  }
  10% {
    opacity:1;
    background-color:rgba(8,10,11,0);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
  }
  26.8% {
    opacity:1;
    background-color:rgba(8,10,11,0);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  62% {
    opacity:1;
    background-color:#080a0b;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
  }
  81.5% {
    opacity:1;
    background-color:#f4f1e9;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    animation-timing-function:cubic-bezier(.25,.7,.2,1);
  }
  100% {
    opacity:0;
    background-color:#f4f1e9;
    backdrop-filter:blur(0);
    -webkit-backdrop-filter:blur(0);
  }
}

@keyframes mistAtmosphereToCinematicV15 {
  0% {
    opacity:1;
    background-color:rgba(244,241,233,0);
    backdrop-filter:blur(0);
    -webkit-backdrop-filter:blur(0);
    animation-timing-function:cubic-bezier(.38,0,.18,1);
  }
  10% {
    opacity:1;
    background-color:rgba(244,241,233,0);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
  }
  26.8% {
    opacity:1;
    background-color:rgba(244,241,233,0);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  62% {
    opacity:1;
    background-color:#f4f1e9;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
  }
  81.5% {
    opacity:1;
    background-color:#080a0b;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    animation-timing-function:cubic-bezier(.25,.7,.2,1);
  }
  100% {
    opacity:0;
    background-color:#080a0b;
    backdrop-filter:blur(0);
    -webkit-backdrop-filter:blur(0);
  }
}

@media (prefers-reduced-motion:reduce) {
  .universe-switch {
    opacity:1;
    visibility:visible;
    animation:none!important;
  }
  .world-transition.is-active.to-daylight,
  .world-transition.is-active.to-cinematic,
  .world-transition.is-active .transition-mist {
    animation-duration:.35s;
    animation-delay:0s!important;
  }
}

/* v16 — one synchronized timeline; blur and colour cannot drop between phases */
.world-transition {
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.transition-blur,
.transition-colour-base {
  position:absolute;
  inset:0;
  pointer-events:none;
}
.transition-blur {
  z-index:0;
  backdrop-filter:blur(0);
  -webkit-backdrop-filter:blur(0);
  will-change:backdrop-filter;
}
.transition-colour-base {
  z-index:1;
  background:transparent;
}
.transition-mist-first { z-index:2; }
.transition-mist-second { z-index:3; }

.world-transition.is-active.to-daylight,
.world-transition.is-active.to-cinematic {
  animation:transitionFadeV16 15.6s linear both;
}
.world-transition.is-active .transition-blur {
  animation:sceneBlurV16 15.6s linear both;
}
.world-transition.is-active.to-daylight .transition-colour-base {
  animation:colourBaseToDaylightV16 15.6s linear both;
}
.world-transition.is-active.to-cinematic .transition-colour-base {
  animation:colourBaseToCinematicV16 15.6s linear both;
}
.world-transition.is-active.to-daylight .transition-mist-first {
  animation:continuousMistFromLowerLeft 6s cubic-bezier(.52,.02,.15,1) 4.15s both;
}
.world-transition.is-active.to-daylight .transition-mist-second {
  animation:continuousMistFromLowerLeft 3.4s cubic-bezier(.48,.02,.17,1) 9.95s both;
}
.world-transition.is-active.to-cinematic .transition-mist-first {
  animation:continuousMistFromUpperRight 6s cubic-bezier(.52,.02,.15,1) 4.15s both;
}
.world-transition.is-active.to-cinematic .transition-mist-second {
  animation:continuousMistFromUpperRight 3.4s cubic-bezier(.48,.02,.17,1) 9.95s both;
}

@keyframes sceneBlurV16 {
  0% {
    backdrop-filter:blur(0);
    -webkit-backdrop-filter:blur(0);
    animation-timing-function:cubic-bezier(.38,0,.18,1);
  }
  10% {
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
  }
  28.2% {
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  89.7% {
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    animation-timing-function:cubic-bezier(.25,.7,.2,1);
  }
  100% {
    backdrop-filter:blur(0);
    -webkit-backdrop-filter:blur(0);
  }
}

@keyframes colourBaseToDaylightV16 {
  0%,61% { background-color:rgba(8,10,11,0); }
  65.1%,76% { background-color:#080a0b; }
  85.6%,100% { background-color:#f4f1e9; }
}

@keyframes colourBaseToCinematicV16 {
  0%,61% { background-color:rgba(244,241,233,0); }
  65.1%,76% { background-color:#f4f1e9; }
  85.6%,100% { background-color:#080a0b; }
}

@keyframes transitionFadeV16 {
  0%,89.7% { opacity:1; }
  100% { opacity:0; }
}

@media (prefers-reduced-motion:reduce) {
  .world-transition.is-active.to-daylight,
  .world-transition.is-active.to-cinematic,
  .world-transition.is-active .transition-blur,
  .world-transition.is-active .transition-colour-base,
  .world-transition.is-active .transition-mist {
    animation-duration:.35s;
    animation-delay:0s!important;
  }
}

.world-transition.is-active.to-daylight,
.world-transition.is-active.to-cinematic {
  animation:mistAtmosphereV14 6.8s linear both;
}
.world-transition.is-active .transition-mist-first::after {
  animation:firstMistSettleV14 6.8s linear both;
}
.world-transition.is-active .transition-mist-second::after {
  animation:secondMistSettleV14 6.8s linear both;
}

@keyframes firstMistSettleV14 {
  0%,48.5% { opacity:0; }
  58%,100% { opacity:1; }
}

@keyframes secondMistSettleV14 {
  0%,72.5% { opacity:0; }
  81.5%,100% { opacity:1; }
}

@keyframes mistAtmosphereV14 {
  0% {
    opacity:1;
    backdrop-filter:blur(0);
    -webkit-backdrop-filter:blur(0);
    animation-timing-function:cubic-bezier(.35,0,.25,1);
  }
  14% {
    opacity:1;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  58% {
    opacity:1;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  81.5% {
    opacity:1;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    animation-timing-function:cubic-bezier(.25,.7,.2,1);
  }
  100% {
    opacity:0;
    backdrop-filter:blur(0);
    -webkit-backdrop-filter:blur(0);
  }
}

@media (prefers-reduced-motion:reduce) {
  .world-transition.is-active.to-daylight,
  .world-transition.is-active.to-cinematic,
  .world-transition.is-active .transition-mist::after,
  .world-transition.is-active .transition-cloud {
    animation-duration:.35s;
    animation-delay:0s!important;
  }
}

/* v23 — cascade lock. This must remain the final block in the stylesheet. */
.world-transition {
  background:transparent!important;
  opacity:1!important;
  perspective:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.world-transition::before,
.world-transition::after {
  content:none!important;
}
.world-transition.is-active {
  display:block!important;
  opacity:1!important;
  background:transparent!important;
  animation:none!important;
}
.world-transition.is-active .transition-veil {
  animation:transitionVeilFadeV23 12.4s linear both!important;
}
.transition-blur {
  display:none!important;
}
body.is-flipping {
  animation:sceneBlurDriverV23 12.4s linear both!important;
}
.transition-mist {
  inset:0!important;
  filter:none!important;
  -webkit-filter:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.transition-mist::before,
.transition-mist::after {
  content:none!important;
}
.world-transition.is-active.to-daylight .transition-colour-base {
  animation:colourBaseToDaylightV23 12.4s linear both!important;
}
.world-transition.is-active.to-cinematic .transition-colour-base {
  animation:colourBaseToCinematicV23 12.4s linear both!important;
}
.world-transition.is-active.to-daylight .transition-mist-first {
  animation:gradientMistFromLowerLeftV23 6s cubic-bezier(.52,.02,.15,1) 1s both!important;
}
.world-transition.is-active.to-daylight .transition-mist-second {
  animation:gradientMistFromLowerLeftV23 3.4s cubic-bezier(.48,.02,.17,1) 6.8s both!important;
}
.world-transition.is-active.to-cinematic .transition-mist-first {
  animation:gradientMistFromUpperRightV23 6s cubic-bezier(.52,.02,.15,1) 1s both!important;
}
.world-transition.is-active.to-cinematic .transition-mist-second {
  animation:gradientMistFromUpperRightV23 3.4s cubic-bezier(.48,.02,.17,1) 6.8s both!important;
}

@media (prefers-reduced-motion:reduce) {
  body.is-flipping {
    --scene-blur:0px;
    animation:none!important;
  }
  .world-transition.is-active .transition-veil,
  .world-transition.is-active.to-daylight .transition-colour-base,
  .world-transition.is-active.to-cinematic .transition-colour-base,
  .world-transition.is-active.to-daylight .transition-mist-first,
  .world-transition.is-active.to-daylight .transition-mist-second,
  .world-transition.is-active.to-cinematic .transition-mist-first,
  .world-transition.is-active.to-cinematic .transition-mist-second {
    animation-duration:.35s!important;
    animation-delay:0s!important;
  }
}

/* v29 — both colour-wave durations reduced without changing their overlap */
.transition-mist {
  position:absolute!important;
  inset:auto!important;
  width:160vmax!important;
  height:160vmax!important;
  overflow:visible!important;
  border-radius:50%!important;
  background-repeat:no-repeat!important;
  background-position:50% 50%!important;
  background-size:100% 100%!important;
  filter:none!important;
  -webkit-filter:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  transform-origin:50% 50%!important;
}
.world-transition.to-daylight .transition-mist-first,
.world-transition.to-daylight .transition-mist-second {
  left:-80vmax!important;
  right:auto!important;
  top:calc(100% - 80vmax)!important;
  bottom:auto!important;
}
.world-transition.to-cinematic .transition-mist-first,
.world-transition.to-cinematic .transition-mist-second {
  left:auto!important;
  right:-80vmax!important;
  top:-80vmax!important;
  bottom:auto!important;
}
.world-transition.is-active .transition-veil {
  animation:transitionVeilFadeV29 4.6s linear both!important;
}
body.is-flipping {
  animation:sceneBlurDriverV29 4.6s linear both!important;
}
.world-transition.is-active.to-daylight .transition-colour-base {
  animation:colourBaseToDaylightV29 4.6s linear both!important;
}
.world-transition.is-active.to-cinematic .transition-colour-base {
  animation:colourBaseToCinematicV29 4.6s linear both!important;
}
.world-transition.is-active.to-daylight .transition-mist-first,
.world-transition.is-active.to-cinematic .transition-mist-first {
  animation:continuousCornerMistV24 3s cubic-bezier(.34,.02,.22,1) 0s both!important;
}
.world-transition.is-active.to-daylight .transition-mist-second,
.world-transition.is-active.to-cinematic .transition-mist-second {
  animation:continuousCornerMistV24 1.3s cubic-bezier(.34,.02,.22,1) 2.1s both!important;
}

@keyframes sceneBlurDriverV29 {
  0% {
    --scene-blur:0px;
    animation-timing-function:cubic-bezier(.38,0,.18,1);
  }
  26.09% { --scene-blur:6px; }
  65.22% { --scene-blur:22px; }
  75% {
    --scene-blur:24px;
    animation-timing-function:cubic-bezier(.25,.7,.2,1);
  }
  100% { --scene-blur:0px; }
}
@keyframes colourBaseToDaylightV29 {
  0%,65.21% { background-color:rgba(8,10,11,0); }
  65.22%,73.91% { background-color:#080a0b; }
  73.92%,100% { background-color:#f4f1e9; }
}
@keyframes colourBaseToCinematicV29 {
  0%,65.21% { background-color:rgba(244,241,233,0); }
  65.22%,73.91% { background-color:#f4f1e9; }
  73.92%,100% { background-color:#080a0b; }
}
@keyframes transitionVeilFadeV29 {
  0%,75% { opacity:1; }
  100% { opacity:0; }
}

@media (prefers-reduced-motion:reduce) {
  body.is-flipping {
    --scene-blur:0px;
    animation:none!important;
  }
  .world-transition.is-active .transition-veil,
  .world-transition.is-active.to-daylight .transition-colour-base,
  .world-transition.is-active.to-cinematic .transition-colour-base,
  .world-transition.is-active.to-daylight .transition-mist-first,
  .world-transition.is-active.to-daylight .transition-mist-second,
  .world-transition.is-active.to-cinematic .transition-mist-first,
  .world-transition.is-active.to-cinematic .transition-mist-second {
    animation-duration:.35s!important;
    animation-delay:0s!important;
  }
}

/* v30 — automatic light/dark contrast over the Daylight hero */
@supports (mix-blend-mode:difference) {
  body.is-daylight .site-header:not(.scrolled) .brand,
  body.is-daylight .site-header:not(.scrolled) .site-nav,
  body.is-daylight .site-header:not(.scrolled) .menu-toggle,
  body.is-daylight .daylight-hero .hero-copy,
  body.is-daylight .daylight-hero .scroll-cue {
    color:#fff!important;
    mix-blend-mode:difference;
  }
  body.is-daylight .site-header:not(.scrolled) .site-nav a,
  body.is-daylight .daylight-hero .hero-copy .eyebrow,
  body.is-daylight .daylight-hero .hero-copy h1,
  body.is-daylight .daylight-hero .scroll-cue {
    color:inherit!important;
  }
  body.is-daylight .site-header:not(.scrolled) .menu-toggle span,
  body.is-daylight .daylight-hero .scroll-cue i {
    background:currentColor!important;
  }
}

body.is-daylight .site-header.scrolled .brand,
body.is-daylight .site-header.scrolled .site-nav,
body.is-daylight .site-header.scrolled .menu-toggle {
  color:#1d201e!important;
  mix-blend-mode:normal;
}
body.is-daylight .site-header.scrolled .site-nav a {
  color:#303431!important;
}
body.is-daylight .site-header.scrolled .menu-toggle span {
  background:#202320!important;
}

@media (max-width:760px) {
  body.is-daylight .site-nav,
  body.is-daylight .site-header:not(.scrolled) .site-nav {
    color:#f3f3ee!important;
    mix-blend-mode:normal;
  }
  body.is-daylight .site-nav a,
  body.is-daylight .site-header:not(.scrolled) .site-nav a {
    color:inherit!important;
  }
}

/* v31 — authored Daylight collections */
.daylight-universe .landscapes,
.daylight-universe .observations,
.daylight-universe .panoramas {
  overflow:hidden;
}

.landscape-story {
  padding-bottom:4vh;
}
.landscape-scene img,
.observation-wall .frame img {
  width:100%;
  height:auto;
  object-fit:contain;
  filter:none;
}
.landscape-scene:hover img,
.observation-wall .frame:hover img,
.panorama-print:hover img {
  transform:none;
  filter:none;
}
.landscape-opening {
  width:min(92vw,108rem);
  margin:0 auto 22vh;
}
.landscape-pair {
  display:grid;
  gap:clamp(2rem,6vw,8rem);
  align-items:start;
  margin-bottom:24vh;
}
.landscape-open-pair {
  grid-template-columns:1.08fr .92fr;
}
.landscape-open-pair figure:nth-child(2) {
  margin-top:14vh;
}
.landscape-immersive {
  width:100%;
  margin:0 0 24vh;
}
.landscape-immersive figcaption,
.landscape-dark-break figcaption,
.landscape-finale figcaption {
  padding-left:var(--pad);
  padding-right:var(--pad);
}
.landscape-october {
  width:min(74vw,88rem);
  margin:0 var(--pad) 22vh auto;
}
.landscape-dark-break {
  width:min(94vw,112rem);
  margin:0 auto 28vh;
  padding:clamp(.65rem,1.2vw,1.25rem);
  background:#0b0c0d;
}
.landscape-dark-break figcaption {
  color:#b8bbb7;
}
.landscape-breath {
  width:min(58vw,68rem);
  margin:0 auto 30vh;
}
.landscape-city-pair {
  grid-template-columns:.88fr 1.12fr;
  align-items:end;
}
.landscape-city-pair figure:first-child {
  margin-bottom:12vh;
}
.landscape-finale {
  width:100%;
  margin:0;
}

.observation-wall {
  padding-bottom:4vh;
}
.observation-cluster {
  display:grid;
  align-items:start;
  gap:clamp(2rem,6vw,8rem);
  margin-bottom:24vh;
}
.observation-warm {
  grid-template-columns:.92fr 1.08fr;
}
.observation-alley {
  width:90%;
}
.observation-side-stack {
  display:grid;
  gap:clamp(5rem,14vh,10rem);
}
.observation-side-stack .frame:nth-child(2) {
  width:78%;
  margin-left:auto;
}
.observation-streets {
  grid-template-columns:.78fr 1.22fr;
  align-items:start;
}
.observation-streets > .observation-tall {
  width:90%;
}
.observation-side-late {
  margin-top:18vh;
}
.observation-side-late .daylight-note {
  width:auto;
  max-width:19ch;
  margin:2vh 0 0 auto;
}
.observation-banner {
  width:min(94vw,112rem);
  margin:0 auto 24vh;
}
.observation-geometry {
  grid-template-columns:.76fr 1.24fr;
  align-items:start;
}
.observation-geometry .observation-wide {
  margin-top:18vh;
}
.observation-finale {
  width:min(92vw,92rem);
  margin-left:auto;
  margin-right:auto;
  grid-template-columns:1fr .76fr;
  align-items:start;
}
.observation-finale figure:nth-child(2) {
  margin-top:24vh;
}
.observation-wall .frame figcaption {
  padding:0 .1rem;
}
.observation-wall .observation-delay {
  transition-delay:.14s;
}
.observation-wall .reveal {
  transform:translateY(24px);
  transition-duration:1s;
}
.observation-wall .reveal.visible {
  transform:none;
}

.panoramas {
  padding-bottom:0;
}
.panorama-room {
  --panorama-room:#898983;
  background:var(--panorama-room);
  color:#f7f4ec;
  padding:clamp(2rem,4vw,4.5rem) 0 clamp(2.5rem,5vw,5rem);
}
.panorama-room-head {
  display:flex;
  justify-content:space-between;
  gap:2rem;
  color:rgba(255,255,255,.72);
  text-transform:uppercase;
  letter-spacing:.19em;
  font-size:.57rem;
}
.panorama-room-head p {
  margin:0;
}
.panorama-rail {
  display:flex;
  align-items:center;
  gap:clamp(2.5rem,5vw,7rem);
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:18vw;
  scrollbar-width:none;
  cursor:grab;
  user-select:none;
  touch-action:pan-y;
  padding:clamp(2.5rem,7vh,5.5rem) clamp(4rem,18vw,23rem) 2rem;
}
.panorama-rail::-webkit-scrollbar {
  display:none;
}
.panorama-rail.dragging {
  cursor:grabbing;
  scroll-snap-type:none;
}
.panorama-print {
  flex:0 0 auto;
  scroll-snap-align:center;
  cursor:zoom-in;
}
.panorama-print img {
  display:block;
  width:auto;
  height:clamp(27rem,72vh,52rem);
  aspect-ratio:3/2;
  object-fit:contain;
  background:#fff;
  box-shadow:0 1.25rem 3.5rem rgba(31,31,28,.2),0 0 0 1px rgba(20,20,18,.045);
  filter:none;
  pointer-events:none;
}
.panorama-print figcaption {
  width:100%;
  margin-top:.95rem;
  color:rgba(255,255,255,.78);
}
.panorama-controls {
  display:grid;
  grid-template-columns:auto minmax(14rem,1fr) auto;
  align-items:center;
  gap:clamp(1rem,3vw,3.5rem);
  margin-top:clamp(1rem,2vw,2rem);
}
.panorama-controls button {
  display:inline-flex;
  align-items:center;
  gap:.8rem;
  padding:.6rem 0;
  border:0;
  background:none;
  color:#f7f4ec;
  text-transform:uppercase;
  letter-spacing:.17em;
  font-size:.56rem;
  cursor:pointer;
  transition:opacity .25s,transform .25s;
}
.panorama-controls button:hover {
  transform:translateX(-.15rem);
}
.panorama-controls button:last-child:hover {
  transform:translateX(.15rem);
}
.panorama-controls button:disabled {
  opacity:.32;
  cursor:default;
  transform:none;
}
.panorama-position {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(1rem,2vw,2rem);
  color:rgba(255,255,255,.78);
  font-size:.56rem;
  letter-spacing:.16em;
}
.panorama-position i {
  position:relative;
  display:block;
  width:min(30vw,28rem);
  height:1px;
  overflow:hidden;
  background:rgba(255,255,255,.28);
}
.panorama-position b {
  position:absolute;
  inset:0 auto 0 0;
  width:6.6667%;
  background:#fff;
  transform-origin:left;
  transition:width .45s cubic-bezier(.2,.7,.2,1);
}

@media (max-width:760px) {
  .landscape-opening,
  .landscape-october,
  .landscape-dark-break,
  .landscape-breath,
  .landscape-finale {
    width:100%;
    margin-left:0;
    margin-right:0;
  }
  .landscape-opening,
  .landscape-immersive,
  .landscape-october,
  .landscape-dark-break {
    margin-bottom:8rem;
  }
  .landscape-breath {
    width:86vw;
    margin:0 auto 9rem;
  }
  .landscape-pair {
    grid-template-columns:1fr;
    gap:5rem;
    margin-bottom:8rem;
  }
  .landscape-open-pair figure:nth-child(2),
  .landscape-city-pair figure:first-child {
    margin:0;
  }
  .landscape-october {
    width:88vw;
    margin-left:auto;
  }
  .landscape-dark-break {
    padding:.45rem;
  }
  .observation-cluster,
  .observation-warm,
  .observation-streets,
  .observation-geometry,
  .observation-finale {
    width:auto;
    grid-template-columns:1fr;
    gap:5rem;
    margin-bottom:9rem;
  }
  .observation-alley,
  .observation-streets > .observation-tall {
    width:84%;
  }
  .observation-side-stack {
    gap:5rem;
  }
  .observation-side-stack .frame:nth-child(2) {
    width:86%;
  }
  .observation-side-late,
  .observation-geometry .observation-wide,
  .observation-finale figure:nth-child(2) {
    margin-top:0;
  }
  .observation-banner {
    width:100%;
    margin-bottom:9rem;
  }
  .observation-geometry .observation-tall,
  .observation-finale .observation-tall {
    width:84%;
  }
  .observation-geometry .observation-wide,
  .observation-finale figure:nth-child(2) {
    width:88%;
    margin-left:auto;
  }
  .panorama-room-head {
    gap:1rem;
  }
  .panorama-rail {
    gap:1.5rem;
    scroll-padding-inline:6vw;
    padding:3rem 6vw 1.5rem;
  }
  .panorama-print img {
    width:88vw;
    height:auto;
  }
  .panorama-controls {
    grid-template-columns:auto 1fr auto;
    gap:.8rem;
  }
  .panorama-controls button span:not([aria-hidden="true"]) {
    display:none;
  }
  .panorama-position {
    gap:.75rem;
  }
  .panorama-position i {
    width:28vw;
  }
}

@media (prefers-reduced-motion:reduce) {
  .observation-wall .observation-delay {
    transition-delay:0s;
  }
  .panorama-position b {
    transition:none;
  }
}

/* v32 — identity, reliable hero contrast and Instagram links */
.brand {
  gap:0;
  font-family:Inter,system-ui,sans-serif;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.11em;
}
.brand-name {
  text-transform:uppercase;
}
.identity-title {
  font-family:Inter,system-ui,sans-serif;
  font-weight:500;
  letter-spacing:-.06em;
  text-transform:uppercase;
}

.daylight-hero::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(to top,rgba(8,10,9,.31) 0%,rgba(8,10,9,.13) 27%,rgba(8,10,9,0) 58%);
}
body.is-daylight .daylight-hero .hero-copy,
body.is-daylight .daylight-hero .scroll-cue {
  color:#fff!important;
  mix-blend-mode:normal!important;
  text-shadow:0 .1rem 1.6rem rgba(0,0,0,.42);
}
body.is-daylight .daylight-hero .hero-copy .eyebrow,
body.is-daylight .daylight-hero .hero-copy h1,
body.is-daylight .daylight-hero .scroll-cue {
  color:inherit!important;
}
body.is-daylight .daylight-hero .scroll-cue i {
  background:#fff!important;
}

.instagram-link {
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  width:max-content;
}
.instagram-icon {
  position:relative;
  display:inline-block;
  flex:0 0 auto;
  width:1.02rem;
  height:1.02rem;
  border:1px solid currentColor;
  border-radius:.29rem;
  opacity:.72;
  transition:opacity .25s,transform .25s;
}
.instagram-icon::before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:.36rem;
  height:.36rem;
  border:1px solid currentColor;
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.instagram-icon::after {
  content:"";
  position:absolute;
  top:.18rem;
  right:.18rem;
  width:.11rem;
  height:.11rem;
  border-radius:50%;
  background:currentColor;
}
.instagram-link:hover .instagram-icon {
  opacity:1;
  transform:translateY(-1px);
}

@media (max-width:760px) {
  .brand-name {
    display:inline-block;
  }
  .brand {
    max-width:55vw;
    font-size:.65rem;
    line-height:1.15;
  }
  .identity-title {
    max-width:9ch;
  }
  .daylight-hero::after {
    background:linear-gradient(to top,rgba(8,10,9,.37) 0%,rgba(8,10,9,.15) 32%,rgba(8,10,9,0) 64%);
  }
}

/* Keep the native panorama scrollbar visible after the gallery-room rules above. */
.panorama-rail {
  scrollbar-width:thin!important;
}

/* v34 — first-entry reveal and independent rain atmosphere */
html.entry-pending,
html.entry-pending body {
  overflow:hidden;
}

.entry-reveal {
  position:fixed;
  inset:0;
  z-index:1500;
  display:none;
  place-items:center;
  overflow:hidden;
  pointer-events:auto;
  isolation:isolate;
}
.entry-pending .entry-reveal {
  display:grid;
}
.entry-reveal-veil {
  position:absolute;
  inset:-2rem;
  z-index:-1;
  background:rgba(6,8,9,.985);
  backdrop-filter:blur(18px) brightness(.38) saturate(.72);
  -webkit-backdrop-filter:blur(18px) brightness(.38) saturate(.72);
  will-change:background-color,backdrop-filter;
}
.entry-reveal::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 46%,rgba(169,185,190,.06),transparent 34%),
    linear-gradient(115deg,rgba(255,255,255,.018),transparent 42%);
}
.entry-reveal-title {
  position:relative;
  z-index:1;
  display:inline-block;
  margin:0;
  color:rgba(238,241,239,.91);
  font-family:Inter,system-ui,sans-serif;
  font-size:clamp(.84rem,.96vw,1.16rem);
  font-weight:500;
  line-height:1;
  letter-spacing:.4em;
  white-space:nowrap;
  text-transform:uppercase;
  opacity:0;
  transform:translateY(.35rem);
  will-change:opacity,transform;
}
.entry-reveal-text {
  display:inline-block;
  clip-path:inset(0 0 0 0);
  will-change:clip-path;
}
.entry-reveal-cursor {
  position:absolute;
  top:-.16em;
  right:-.68em;
  width:1px;
  height:1.34em;
  transform:translateZ(0);
  will-change:right;
}
.entry-reveal-cursor::after {
  content:"";
  position:absolute;
  inset:0;
  background:rgba(226,234,233,.9);
  box-shadow:0 0 .55rem rgba(198,218,221,.32);
}
.entry-playing .entry-reveal-veil {
  animation:entryVeilReleaseV41 4.5s linear both;
}
.entry-playing .entry-reveal-title {
  animation:
    entryTitleRevealV41 2s cubic-bezier(.55,.055,.675,.19) both,
    entryTitleExitV41 .29s linear 3.86s forwards;
}
.entry-playing .entry-reveal-text {
  animation:entryTextEraseV41 .69s linear 2.5s both;
}
.entry-playing .entry-reveal-cursor {
  animation:entryCursorEraseV41 .69s linear 2.5s both;
}
.entry-playing .entry-reveal-cursor::after {
  animation:entryCursorBlinkV41 .68s step-end infinite;
}

@keyframes entryVeilReleaseV41 {
  0% {
    background:rgba(6,8,9,.985);
    backdrop-filter:blur(18px) brightness(.38) saturate(.72);
    -webkit-backdrop-filter:blur(18px) brightness(.38) saturate(.72);
  }
  55.56% {
    background:rgba(6,8,9,.92);
    backdrop-filter:blur(17px) brightness(.44) saturate(.75);
    -webkit-backdrop-filter:blur(17px) brightness(.44) saturate(.75);
  }
  66% {
    background:rgba(6,8,9,.72);
    backdrop-filter:blur(13px) brightness(.57) saturate(.81);
    -webkit-backdrop-filter:blur(13px) brightness(.57) saturate(.81);
  }
  78% {
    background:rgba(6,8,9,.47);
    backdrop-filter:blur(8.5px) brightness(.72) saturate(.88);
    -webkit-backdrop-filter:blur(8.5px) brightness(.72) saturate(.88);
  }
  89% {
    background:rgba(6,8,9,.22);
    backdrop-filter:blur(4px) brightness(.87) saturate(.95);
    -webkit-backdrop-filter:blur(4px) brightness(.87) saturate(.95);
  }
  100% {
    background:rgba(6,8,9,0);
    backdrop-filter:blur(0) brightness(1) saturate(1);
    -webkit-backdrop-filter:blur(0) brightness(1) saturate(1);
  }
}
@keyframes entryTitleRevealV41 {
  from {
    opacity:0;
    transform:translateY(.35rem);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}
@keyframes entryTitleExitV41 {
  from {
    opacity:1;
    transform:translateY(0);
  }
  to {
    opacity:0;
    transform:translateY(-.12rem);
  }
}
@keyframes entryTextEraseV41 {
  from { clip-path:inset(0 0 0 0); }
  to { clip-path:inset(0 100% 0 0); }
}
@keyframes entryCursorEraseV41 {
  0% { right:-.68em; opacity:1; }
  85% { right:85%; opacity:1; }
  100% { right:calc(100% + .12em); opacity:0; }
}
@keyframes entryCursorBlinkV41 {
  0%,48% { opacity:1; }
  49%,100% { opacity:.18; }
}

.rain-atmosphere {
  position:fixed;
  inset:0;
  z-index:72;
  overflow:hidden;
  pointer-events:none;
  opacity:1;
  transition:opacity 1s cubic-bezier(.22,.61,.36,1);
  contain:strict;
}
.rain-atmosphere.is-off {
  opacity:0;
}
.rain-canvas,
.lens-rain {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.rain-canvas {
  display:block;
  opacity:.7;
  mix-blend-mode:screen;
}
body.is-daylight .rain-canvas {
  opacity:.42;
  mix-blend-mode:multiply;
}
.lens-rain {
  z-index:2;
  overflow:hidden;
}
.lens-drop {
  position:absolute;
  left:var(--drop-x);
  top:var(--drop-y);
  width:var(--drop-size);
  aspect-ratio:.92;
  border-radius:50%;
  opacity:0;
  overflow:visible;
  background:transparent;
  border:0;
  box-shadow:none;
  -webkit-mask-image:radial-gradient(ellipse at 48% 50%,rgba(0,0,0,.76) 0%,rgba(0,0,0,.58) 21%,rgba(0,0,0,.34) 45%,rgba(0,0,0,.15) 66%,rgba(0,0,0,.05) 82%,transparent 100%);
  mask-image:radial-gradient(ellipse at 48% 50%,rgba(0,0,0,.76) 0%,rgba(0,0,0,.58) 21%,rgba(0,0,0,.34) 45%,rgba(0,0,0,.15) 66%,rgba(0,0,0,.05) 82%,transparent 100%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  backdrop-filter:blur(34px) saturate(.86);
  -webkit-backdrop-filter:blur(34px) saturate(.86);
  filter:none;
  will-change:transform,opacity;
  animation:lensDropFallV40 var(--drop-life) cubic-bezier(.28,.04,.24,1) both;
}
.lens-drop::after {
  content:none;
}
body.is-daylight .lens-drop {
  background:transparent;
  box-shadow:none;
  backdrop-filter:blur(32px) saturate(.9);
  -webkit-backdrop-filter:blur(32px) saturate(.9);
  filter:none;
}
@keyframes lensDropFallV40 {
  0% {
    opacity:0;
    transform:translate3d(0,-.7rem,0) scale(.9,.84);
  }
  14% {
    opacity:var(--drop-opacity);
    transform:translate3d(0,0,0) scale(1);
  }
  58% {
    opacity:var(--drop-opacity);
    transform:translate3d(var(--drop-drift),var(--drop-travel-mid),0) scale(.98,1.04);
  }
  100% {
    opacity:0;
    transform:translate3d(var(--drop-drift-end),var(--drop-travel),0) scale(.82,1.13);
  }
}

.ambient-controls {
  position:fixed;
  z-index:90;
  right:var(--pad);
  bottom:6rem;
  display:flex;
  align-items:center;
  gap:.55rem;
}
.ambient-controls .sound-toggle,
.ambient-controls .rain-toggle {
  position:relative;
  inset:auto;
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  min-height:2.15rem;
  margin:0;
  padding:.62rem .9rem;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(8,10,11,.54);
  color:#a8adaf;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-family:Inter,system-ui,sans-serif;
  font-size:.56rem;
  line-height:1;
  cursor:pointer;
  transition:color .25s,border-color .25s,background .35s,opacity .35s;
}
.ambient-controls .sound-toggle:hover,
.ambient-controls .rain-toggle:hover {
  color:#f1f2ef;
  border-color:rgba(255,255,255,.25);
}
.rain-mark {
  display:inline-flex;
  align-items:center;
  gap:2px;
  width:.62rem;
  height:.68rem;
  transform:skewX(-11deg);
}
.rain-mark i {
  display:block;
  width:1px;
  height:.42rem;
  border-radius:999px;
  background:#bfe2ff;
  box-shadow:0 0 .45rem rgba(191,226,255,.28);
  opacity:.82;
  transition:height .3s,opacity .3s,background .3s;
}
.rain-mark i:nth-child(2) {
  height:.64rem;
  opacity:1;
}
.rain-toggle:not(.is-active) .rain-mark i {
  height:.2rem;
  background:#7c8387;
  box-shadow:none;
  opacity:.56;
}
body.is-daylight .ambient-controls .sound-toggle,
body.is-daylight .ambient-controls .rain-toggle {
  background:rgba(242,239,232,.72);
  color:#505551;
  border-color:rgba(24,27,25,.15);
}
body.is-daylight .ambient-controls .sound-toggle:hover,
body.is-daylight .ambient-controls .rain-toggle:hover {
  color:#171a18;
  border-color:rgba(24,27,25,.3);
}
body.is-daylight .rain-mark i {
  background:#72828a;
  box-shadow:0 0 .4rem rgba(90,112,122,.2);
}
body.is-flipping .ambient-controls {
  pointer-events:none;
}

@media (max-width:760px) {
  .entry-reveal-title {
    font-size:.78rem;
    letter-spacing:.32em;
    text-indent:0;
  }
  .rain-atmosphere {
    opacity:.72;
  }
  .ambient-controls {
    right:auto;
    left:var(--pad);
    bottom:4.2rem;
    gap:.4rem;
  }
  .ambient-controls .sound-toggle,
  .ambient-controls .rain-toggle {
    gap:.52rem;
    min-height:2rem;
    padding:.56rem .72rem;
    font-size:.5rem;
    letter-spacing:.13em;
  }
}

@media (prefers-reduced-motion:reduce) {
  html.entry-pending,
  html.entry-pending body {
    overflow:auto;
  }
  .entry-reveal,
  .rain-atmosphere {
    display:none!important;
  }
  .ambient-controls .rain-toggle {
    display:none;
  }
}

/* v43 — sampled, region-aware contrast for the Daylight hero */
body.is-daylight .site-header:not(.scrolled) .brand[data-auto-contrast],
body.is-daylight .site-header:not(.scrolled) .site-nav[data-auto-contrast],
body.is-daylight .site-header:not(.scrolled) .menu-toggle[data-auto-contrast],
body.is-daylight .daylight-hero .hero-copy[data-auto-contrast],
body.is-daylight .daylight-hero .scroll-cue[data-auto-contrast] {
  color:#171a18!important;
  mix-blend-mode:normal!important;
  text-shadow:0 .08rem 1rem rgba(255,255,255,.62);
  transition:color .28s ease,text-shadow .28s ease;
}

body.is-daylight .site-header:not(.scrolled) .brand[data-auto-tone="light"],
body.is-daylight .site-header:not(.scrolled) .site-nav[data-auto-tone="light"],
body.is-daylight .site-header:not(.scrolled) .menu-toggle[data-auto-tone="light"],
body.is-daylight .daylight-hero .hero-copy[data-auto-tone="light"],
body.is-daylight .daylight-hero .scroll-cue[data-auto-tone="light"] {
  color:#f7f7f3!important;
  text-shadow:0 .08rem 1.15rem rgba(0,0,0,.7);
}

body.is-daylight .site-header:not(.scrolled) .brand[data-auto-tone="dark"],
body.is-daylight .site-header:not(.scrolled) .site-nav[data-auto-tone="dark"],
body.is-daylight .site-header:not(.scrolled) .menu-toggle[data-auto-tone="dark"],
body.is-daylight .daylight-hero .hero-copy[data-auto-tone="dark"],
body.is-daylight .daylight-hero .scroll-cue[data-auto-tone="dark"] {
  color:#171a18!important;
  text-shadow:0 .08rem 1rem rgba(255,255,255,.66);
}

body.is-daylight .site-header:not(.scrolled) .site-nav[data-auto-contrast] a,
body.is-daylight .daylight-hero .hero-copy[data-auto-contrast] .eyebrow,
body.is-daylight .daylight-hero .hero-copy[data-auto-contrast] h1,
body.is-daylight .daylight-hero .scroll-cue[data-auto-contrast] span {
  color:inherit!important;
}

body.is-daylight .daylight-hero .scroll-cue[data-auto-contrast] i {
  background:currentColor!important;
}

body.is-daylight .site-header:not(.scrolled) .menu-toggle span {
  background:currentColor!important;
}

@media (max-width:760px) {
  body.is-daylight .site-header .site-nav.open[data-auto-contrast] {
    color:#f3f3ee!important;
    text-shadow:none;
  }
}


/* v49 — separate the universe switch from the opaque header edge */
@media (min-width:761px){ .universe-switch{ top:calc(5.5rem + 5px); } }

/* v56 — interactive procedural lightning */
.lightning-atmosphere {
  position:fixed;
  inset:0;
  z-index:84;
  overflow:hidden;
  pointer-events:none;
  mix-blend-mode:screen;
  contain:strict;
}
.lightning-canvas {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  pointer-events:none;
}
.ambient-controls .lightning-toggle {
  position:relative;
  inset:auto;
  display:inline-grid;
  place-items:center;
  width:2.15rem;
  min-width:2.15rem;
  height:2.15rem;
  min-height:2.15rem;
  margin:0;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(8,10,11,.54);
  color:#a8adaf;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  cursor:pointer;
  transition:color .2s,border-color .2s,background .35s,transform .14s,box-shadow .2s;
}
.lightning-icon {
  width:.82rem;
  height:.82rem;
  fill:currentColor;
  filter:drop-shadow(0 0 0 rgba(191,226,255,0));
  transition:filter .2s,color .2s,transform .14s;
}
.ambient-controls .lightning-toggle:hover {
  color:#edf7ff;
  border-color:rgba(205,231,255,.33);
  box-shadow:0 0 1.05rem rgba(164,207,244,.08);
}
.ambient-controls .lightning-toggle:hover .lightning-icon {
  filter:drop-shadow(0 0 .34rem rgba(191,226,255,.54));
}
.ambient-controls .lightning-toggle:active {
  transform:scale(.91);
  color:#fff;
  border-color:rgba(222,240,255,.48);
}
body.is-daylight .lightning-atmosphere,
body.is-daylight .ambient-controls .lightning-toggle {
  display:none!important;
}
body.is-flipping .ambient-controls .lightning-toggle {
  pointer-events:none;
}
@media (max-width:760px) {
  .ambient-controls .lightning-toggle {
    width:2rem;
    min-width:2rem;
    height:2rem;
    min-height:2rem;
  }
  .lightning-icon { width:.75rem; height:.75rem; }
}
@media (prefers-reduced-motion:reduce) {
  .lightning-atmosphere,
  .ambient-controls .lightning-toggle { display:none!important; }
}


/* v60 — keep all atmosphere controls inside the universe-transition scene blur */
body.is-flipping .ambient-controls {
  filter:blur(var(--scene-blur));
  will-change:filter;
}
body.is-flipping .ambient-controls .sound-toggle,
body.is-flipping .ambient-controls .rain-toggle,
body.is-flipping .ambient-controls .lightning-toggle {
  filter:none!important;
  will-change:auto;
}

/* v63 — colour-true Daylight water hero + readable foreground copy */
.daylight-hero .hero-image {
  filter:none!important;
}
body.is-daylight .daylight-hero .hero-copy[data-auto-contrast],
body.is-daylight .daylight-hero .scroll-cue[data-auto-contrast] {
  color:#f5f6f2!important;
  text-shadow:0 .1rem 1.35rem rgba(0,0,0,.72), 0 .02rem .2rem rgba(0,0,0,.48)!important;
}
body.is-daylight .daylight-hero .hero-copy[data-auto-contrast] .eyebrow,
body.is-daylight .daylight-hero .hero-copy[data-auto-contrast] h1,
body.is-daylight .daylight-hero .scroll-cue[data-auto-contrast] span {
  color:inherit!important;
}
body.is-daylight .daylight-hero .scroll-cue[data-auto-contrast] i {
  background:currentColor!important;
}


/* v64 — softer Daylight hero typography for the new pale-water image */
.daylight-hero .hero-image {
  object-position:center 57%!important;
}
.daylight-hero::after {
  background:linear-gradient(to top,rgba(255,255,255,.10) 0%,rgba(255,255,255,.04) 24%,rgba(255,255,255,0) 58%)!important;
}
body.is-daylight .daylight-hero .hero-copy[data-auto-contrast],
body.is-daylight .daylight-hero .scroll-cue[data-auto-contrast] {
  color:#202521!important;
  text-shadow:none!important;
}
body.is-daylight .daylight-hero .hero-copy[data-auto-contrast] .eyebrow {
  color:rgba(32,37,33,.82)!important;
  text-shadow:0 .04rem .5rem rgba(255,255,255,.34)!important;
}
body.is-daylight .daylight-hero .hero-copy[data-auto-contrast] h1 {
  color:#1d221f!important;
  text-shadow:0 .03rem .16rem rgba(255,255,255,.22), 0 0 .85rem rgba(255,255,255,.16)!important;
  filter:drop-shadow(0 .06rem .42rem rgba(255,255,255,.16));
}
body.is-daylight .daylight-hero .scroll-cue[data-auto-contrast] span {
  color:#202521!important;
  text-shadow:0 .04rem .46rem rgba(255,255,255,.28)!important;
}
body.is-daylight .daylight-hero .scroll-cue[data-auto-contrast] i {
  background:currentColor!important;
  box-shadow:0 .04rem .34rem rgba(255,255,255,.22);
}

/* v68 — white lower Daylight hero UI for the boats photograph */
.daylight-hero::after {
  background:linear-gradient(to top,rgba(7,13,16,.24) 0%,rgba(7,13,16,.09) 30%,rgba(7,13,16,0) 61%)!important;
}
body.is-daylight .daylight-hero .hero-copy[data-auto-contrast],
body.is-daylight .daylight-hero .scroll-cue[data-auto-contrast] {
  color:#f7f8f5!important;
}
body.is-daylight .daylight-hero .hero-copy[data-auto-contrast] .eyebrow {
  color:rgba(247,248,245,.94)!important;
  text-shadow:0 1px 8px rgba(0,0,0,.28)!important;
}
body.is-daylight .daylight-hero .hero-copy[data-auto-contrast] h1 {
  color:#f7f8f5!important;
  text-shadow:0 1px 2px rgba(0,0,0,.14),0 4px 18px rgba(0,0,0,.16)!important;
  filter:none!important;
}
body.is-daylight .daylight-hero .scroll-cue[data-auto-contrast] span {
  color:#f7f8f5!important;
  text-shadow:0 1px 7px rgba(0,0,0,.25)!important;
}
body.is-daylight .daylight-hero .scroll-cue[data-auto-contrast] i {
  background:#f7f8f5!important;
  box-shadow:0 1px 7px rgba(0,0,0,.2)!important;
}
body.is-daylight .ambient-controls .sound-toggle {
  background:rgba(12,18,21,.38)!important;
  color:#f4f7f6!important;
  border-color:rgba(255,255,255,.25)!important;
  box-shadow:0 .3rem 1.2rem rgba(0,0,0,.08);
}
body.is-daylight .ambient-controls .sound-toggle:hover {
  background:rgba(12,18,21,.48)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.38)!important;
}
body.is-daylight .ambient-controls .sound-toggle .sound-dot {
  border-color:rgba(255,255,255,.35);
}


/* v69 — deterministic white lower Daylight hero UI; independent of auto-tone sampling */
body.is-daylight .daylight-hero .hero-copy,
body.is-daylight .daylight-hero .hero-copy .eyebrow,
body.is-daylight .daylight-hero .hero-copy h1,
body.is-daylight .daylight-hero .scroll-cue,
body.is-daylight .daylight-hero .scroll-cue span {
  color:#f7f8f5!important;
}
body.is-daylight .daylight-hero .hero-copy h1 {
  text-shadow:0 1px 2px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.14)!important;
  filter:none!important;
}
body.is-daylight .daylight-hero .hero-copy .eyebrow,
body.is-daylight .daylight-hero .scroll-cue span {
  text-shadow:0 1px 7px rgba(0,0,0,.24)!important;
}
body.is-daylight .daylight-hero .scroll-cue i {
  background:#f7f8f5!important;
  box-shadow:0 1px 7px rgba(0,0,0,.18)!important;
}
body.is-daylight .ambient-controls .sound-toggle,
body.is-daylight .ambient-controls .sound-toggle .sound-label {
  color:#f7f8f5!important;
}


/* v73 — clearer first-discovery cue for ambient sound */
.sound-toggle.is-sound-undiscovered {
  position:relative;
  animation:btsSoundButtonBreath 3.35s cubic-bezier(.4,0,.2,1) .8s infinite;
}
.sound-toggle.is-sound-undiscovered::after {
  content:"";
  position:absolute;
  inset:-.28rem;
  border:1px solid rgba(191,226,255,.42);
  border-radius:inherit;
  box-shadow:0 0 1.4rem rgba(191,226,255,.11);
  pointer-events:none;
  opacity:.12;
  transform:scale(.985);
  animation:btsSoundDiscoveryBreath 3.35s cubic-bezier(.4,0,.2,1) .8s infinite;
}
.sound-toggle.is-sound-undiscovered .sound-dot {
  animation:btsSoundDiscoveryDot 3.35s cubic-bezier(.4,0,.2,1) .8s infinite;
}
body.is-daylight .sound-toggle.is-sound-undiscovered::after {
  border-color:rgba(238,249,255,.54);
  box-shadow:0 0 1.45rem rgba(215,240,252,.16);
}
@keyframes btsSoundButtonBreath {
  0%,100% { box-shadow:0 .35rem 1.7rem rgba(0,0,0,.10),0 0 0 rgba(191,226,255,0); }
  46% { box-shadow:0 .35rem 1.7rem rgba(0,0,0,.10),0 0 1.35rem rgba(191,226,255,.20); }
  64% { box-shadow:0 .35rem 1.7rem rgba(0,0,0,.10),0 0 .45rem rgba(191,226,255,.07); }
}
@keyframes btsSoundDiscoveryBreath {
  0%,100% { opacity:.10; transform:scale(.985); }
  46% { opacity:.78; transform:scale(1.07); }
  64% { opacity:.24; transform:scale(1.022); }
}
@keyframes btsSoundDiscoveryDot {
  0%,100% { transform:scale(1); box-shadow:0 0 0 rgba(191,226,255,0); }
  46% { transform:scale(1.22); box-shadow:0 0 .88rem rgba(191,226,255,.50); }
  64% { transform:scale(1.05); box-shadow:0 0 .24rem rgba(191,226,255,.11); }
}
@media (prefers-reduced-motion:reduce) {
  .sound-toggle.is-sound-undiscovered::after,
  .sound-toggle.is-sound-undiscovered .sound-dot { animation:none!important; }
  .sound-toggle.is-sound-undiscovered { animation:none!important; box-shadow:0 .35rem 1.7rem rgba(0,0,0,.10),0 0 1rem rgba(191,226,255,.18); }
  .sound-toggle.is-sound-undiscovered::after { opacity:.48; transform:scale(1.035); }
  .sound-toggle.is-sound-undiscovered .sound-dot { box-shadow:0 0 .65rem rgba(191,226,255,.42); }
}

/* v78 — a lighter Daylight control and a clearly readable sound prompt */
body.is-daylight .ambient-controls .sound-toggle {
  background:rgba(245,243,237,.78)!important;
  color:#303735!important;
  border-color:rgba(31,40,39,.18)!important;
  box-shadow:0 .35rem 1.4rem rgba(20,28,28,.10);
  backdrop-filter:blur(16px) saturate(.92);
  -webkit-backdrop-filter:blur(16px) saturate(.92);
}
body.is-daylight .ambient-controls .sound-toggle .sound-label {
  color:inherit!important;
}
body.is-daylight .ambient-controls .sound-toggle:hover {
  background:rgba(249,247,242,.94)!important;
  color:#171c1a!important;
  border-color:rgba(31,40,39,.30)!important;
}
body.is-daylight .ambient-controls .sound-toggle .sound-dot {
  background:#738086;
  border-color:transparent;
}
body.is-daylight .ambient-controls .sound-toggle.is-playing .sound-dot {
  background:#547889;
  box-shadow:0 0 .72rem rgba(75,119,139,.38);
}
body.is-daylight .sound-toggle.is-sound-undiscovered::after {
  border-color:rgba(245,252,255,.82);
  box-shadow:0 0 1.45rem rgba(225,244,252,.42);
}
body.is-daylight .sound-toggle.is-sound-undiscovered {
  animation-name:btsDaylightSoundButtonBreath;
}
@keyframes btsDaylightSoundButtonBreath {
  0%,100% { box-shadow:0 0 0 rgba(225,244,252,0); }
  46% { box-shadow:0 0 1.6rem rgba(225,244,252,.68); }
  64% { box-shadow:0 0 .58rem rgba(225,244,252,.22); }
}
@media (prefers-reduced-motion:reduce) {
  body.is-daylight .sound-toggle.is-sound-undiscovered { box-shadow:0 0 1.15rem rgba(225,244,252,.58)!important; }
  body.is-daylight .sound-toggle.is-sound-undiscovered::after { border-color:rgba(245,252,255,.82); box-shadow:0 0 1.25rem rgba(225,244,252,.38); }
}

/* v82 — editorial Collections gateways shared by both universes */
.home-collections {
  position:relative;
  overflow:hidden;
  border-top:1px solid var(--line);
  padding:clamp(7rem,13vh,11rem) 0 clamp(8rem,17vh,14rem);
}
.home-collections-heading {
  display:grid;
  grid-template-columns:minmax(12rem,.78fr) minmax(0,1.7fr);
  gap:clamp(3rem,8vw,10rem);
  align-items:start;
  margin-bottom:clamp(4.5rem,9vh,8rem);
}
.home-collections-bridge {
  display:flex;
  align-items:center;
  gap:.75rem;
  margin:1.2rem 0 0;
  color:#858c8f;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.58rem;
}
.home-collections-bridge::before {
  content:"";
  width:1.8rem;
  height:1px;
  flex:0 0 auto;
  background:currentColor;
  opacity:.7;
}
.home-collections-copy h2 {
  max-width:12ch;
  font-size:clamp(3.25rem,6.35vw,7rem);
  line-height:.92;
}
.home-collections-copy > p {
  max-width:36rem;
  margin:2.2rem 0 2.4rem;
  color:#a4a9aa;
  font-size:.9rem;
  line-height:1.78;
}
.home-collection-feature {
  display:block;
}
.home-collection-images {
  display:flex;
  width:calc(100% - (var(--pad) * 2));
  height:clamp(23rem,53vw,48rem);
  margin:0 auto;
  overflow:hidden;
  background:#111518;
}
.home-collection-images img {
  width:50%;
  min-width:0;
  height:100%;
  object-fit:cover;
  filter:saturate(.94);
  transition:width .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),filter .7s ease;
}
.home-collection-images img:first-child { object-position:55% center; }
.home-collection-images img:last-child { object-position:61% center; }
.home-collection-meta {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:clamp(2rem,6vw,7rem);
  padding-top:1.35rem;
}
.home-collection-meta > span {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1.15rem;
}
.home-collection-meta > span:last-child {
  align-items:flex-end;
  justify-content:space-between;
  text-align:right;
}
.home-collection-meta i,
.home-collection-meta b {
  color:#858c8f;
  font-size:.58rem;
  font-style:normal;
  font-weight:400;
  line-height:1.5;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.home-collection-meta strong {
  font-family:Manrope,Inter,sans-serif;
  font-size:clamp(3.4rem,7vw,7.5rem);
  font-weight:300;
  line-height:.82;
  letter-spacing:-.055em;
}
.home-collection-meta b {
  padding-bottom:.4rem;
  border-bottom:1px solid currentColor;
  color:#d7d9d7;
}
.home-collections-cinematic {
  background:linear-gradient(180deg,#080a0b 0%,#0b0f11 58%,#080a0b 100%);
}
.home-collections-daylight {
  border-top-color:rgba(27,31,28,.12);
  background:linear-gradient(180deg,#eeeae1 0%,#e5e8e7 56%,#eeeae1 100%);
  color:#20231f;
}
.home-collections-daylight .home-collections-bridge,
.home-collections-daylight .home-collection-meta i {
  color:#68706b;
}
.home-collections-daylight .home-collections-copy > p {
  color:#555b56;
}
.home-collections-daylight .home-collection-images {
  background:#dce2e4;
  box-shadow:0 1.5rem 4rem rgba(32,42,44,.08);
}
.home-collections-daylight .home-collection-meta b {
  color:#353b37;
}

@media (hover:hover) {
  .home-collection-feature:hover .home-collection-images img:first-child { width:44%; }
  .home-collection-feature:hover .home-collection-images img:last-child { width:56%; }
  .home-collection-feature:hover .home-collection-images img {
    transform:scale(1.018);
    filter:saturate(1.02);
  }
  .home-collection-feature:hover .home-collection-meta b { color:currentColor; }
}

@media (max-width:760px) {
  .home-collections {
    padding-top:7rem;
    padding-bottom:8rem;
  }
  .home-collections-heading {
    grid-template-columns:1fr;
    gap:3.4rem;
    margin-bottom:4.5rem;
  }
  .home-collections-copy h2 {
    max-width:11ch;
    font-size:clamp(3.15rem,14.5vw,5.2rem);
  }
  .home-collections-copy > p {
    margin-top:1.8rem;
  }
  .home-collection-images {
    width:calc(100% - (var(--pad) * 2));
    height:min(62vh,31rem);
    min-height:23rem;
  }
  .home-collection-images img:first-child { width:46%; }
  .home-collection-images img:last-child { width:54%; }
  .home-collection-meta {
    grid-template-columns:1fr;
    gap:2rem;
    padding-top:1.15rem;
  }
  .home-collection-meta > span:last-child {
    align-items:flex-start;
    text-align:left;
  }
  .home-collection-meta strong {
    font-size:clamp(3.5rem,18vw,5.8rem);
  }
}

@media (prefers-reduced-motion:reduce) {
  .home-collection-images img { transition:none!important; }
  .home-collection-feature:hover .home-collection-images img { transform:none; }
}

/* v83 — separate page destinations from the on-page chapter rail */
.chapter,
.home-collections,
.about,
.commission {
  scroll-margin-top:var(--header-h);
}
.chapter-rail {
  position:fixed;
  z-index:72;
  top:50%;
  right:clamp(.75rem,1.65vw,1.8rem);
  opacity:0;
  pointer-events:none;
  transform:translate3d(.65rem,-50%,0);
  transition:opacity .45s ease,transform .55s cubic-bezier(.2,.7,.2,1);
}
body.chapter-rail-visible .chapter-rail {
  opacity:1;
  pointer-events:auto;
  transform:translate3d(0,-50%,0);
}
body.is-flipping .chapter-rail {
  opacity:0;
  pointer-events:none;
}
.chapter-rail-current {
  display:none;
}
.chapter-rail-list {
  position:relative;
  display:grid;
  gap:.12rem;
  margin:0;
  padding:.75rem 0;
  list-style:none;
}
.chapter-rail-list::before {
  content:"";
  position:absolute;
  z-index:-1;
  top:1.55rem;
  right:.48rem;
  bottom:1.55rem;
  width:1px;
  background:rgba(228,232,231,.22);
}
.chapter-rail-list li {
  margin:0;
  padding:0;
}
.chapter-rail-list a {
  display:grid;
  grid-template-columns:2rem minmax(5.5rem,auto) 1rem;
  align-items:center;
  min-height:2.1rem;
  color:#a9aeb0;
  text-align:right;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.52rem;
  transition:color .25s ease;
}
.chapter-rail-list a span,
.chapter-rail-list a b {
  opacity:0;
  transform:translateX(.4rem);
  transition:opacity .28s ease,transform .35s cubic-bezier(.2,.7,.2,1);
}
.chapter-rail-list a span {
  color:#71787b;
  font-size:.47rem;
}
.chapter-rail-list a b {
  padding:.38rem .58rem;
  font-weight:400;
  text-shadow:0 1px .65rem rgba(0,0,0,.86);
}
.chapter-rail-list a i {
  position:relative;
  z-index:1;
  display:block;
  justify-self:center;
  width:.32rem;
  height:.32rem;
  border:1px solid rgba(229,232,231,.5);
  border-radius:50%;
  background:#101315;
  transition:width .3s ease,height .3s ease,border-color .3s ease,background .3s ease,border-radius .3s ease;
}
.chapter-rail-list a.is-active {
  color:#f0f1ee;
}
.chapter-rail-list a.is-active span,
.chapter-rail-list a.is-active b,
.chapter-rail:hover .chapter-rail-list a span,
.chapter-rail:hover .chapter-rail-list a b,
.chapter-rail:focus-within .chapter-rail-list a span,
.chapter-rail:focus-within .chapter-rail-list a b {
  opacity:1;
  transform:none;
}
.chapter-rail-list a.is-active i {
  width:.92rem;
  height:1px;
  border:0;
  border-radius:0;
  background:#eef0ed;
}
.chapter-rail-list a:hover,
.chapter-rail-list a:focus-visible {
  color:#fff;
  outline:none;
}
.chapter-rail-list a:hover i,
.chapter-rail-list a:focus-visible i {
  border-color:#fff;
  background:#fff;
}
body.is-daylight .chapter-rail-list::before {
  background:rgba(29,36,33,.23);
}
body.is-daylight .chapter-rail-list a {
  color:#4f5853;
}
body.is-daylight .chapter-rail-list a span {
  color:#737b76;
}
body.is-daylight .chapter-rail-list a b {
  text-shadow:0 1px .65rem rgba(247,245,239,.98),0 0 .2rem rgba(247,245,239,.95);
}
body.is-daylight .chapter-rail-list a i {
  border-color:rgba(34,42,38,.5);
  background:#eeeae1;
}
body.is-daylight .chapter-rail-list a.is-active,
body.is-daylight .chapter-rail-list a:hover,
body.is-daylight .chapter-rail-list a:focus-visible {
  color:#171c19;
}
body.is-daylight .chapter-rail-list a.is-active i,
body.is-daylight .chapter-rail-list a:hover i,
body.is-daylight .chapter-rail-list a:focus-visible i {
  background:#202722;
}

@media (max-width:760px) {
  .chapter-rail {
    top:auto;
    right:var(--pad);
    bottom:4.45rem;
    transform:translate3d(0,.45rem,0);
  }
  body.chapter-rail-visible .chapter-rail {
    transform:none;
  }
  .chapter-rail-current {
    display:flex;
    align-items:center;
    gap:.65rem;
    min-height:2rem;
    padding:.58rem .72rem;
    border:1px solid rgba(255,255,255,.15);
    border-radius:999px;
    background:rgba(8,10,11,.63);
    color:#d9dcda;
    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
    text-transform:uppercase;
    letter-spacing:.14em;
    font-size:.49rem;
    cursor:pointer;
  }
  .chapter-current-index {
    color:#858c8f;
  }
  .chapter-current-label {
    max-width:7.5rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .chapter-rail-current i {
    width:.28rem;
    height:.28rem;
    margin-left:.08rem;
    border-right:1px solid currentColor;
    border-bottom:1px solid currentColor;
    transform:rotate(225deg) translate(-1px,-1px);
    transition:transform .25s ease;
  }
  .chapter-rail[data-open] .chapter-rail-current i {
    transform:rotate(45deg) translate(-1px,-1px);
  }
  .chapter-rail-list {
    position:absolute;
    right:0;
    bottom:calc(100% + .65rem);
    width:min(15.5rem,calc(100vw - (var(--pad) * 2)));
    gap:.1rem;
    padding:.55rem;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(8,10,11,.91);
    box-shadow:0 .8rem 2.8rem rgba(0,0,0,.22);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    opacity:0;
    visibility:hidden;
    transform:translateY(.45rem);
    transition:opacity .25s ease,visibility .25s,transform .3s cubic-bezier(.2,.7,.2,1);
  }
  .chapter-rail[data-open] .chapter-rail-list {
    opacity:1;
    visibility:visible;
    transform:none;
  }
  .chapter-rail-list::before {
    display:none;
  }
  .chapter-rail-list a {
    grid-template-columns:2rem 1fr .8rem;
    min-height:2.65rem;
    padding:0 .35rem;
    text-align:left;
  }
  .chapter-rail-list a span,
  .chapter-rail-list a b {
    opacity:1;
    transform:none;
  }
  .chapter-rail-list a b {
    padding:.38rem .25rem;
    text-shadow:none;
  }
  .chapter-rail-list a.is-active {
    background:rgba(255,255,255,.065);
  }
  body.is-daylight .chapter-rail-current {
    border-color:rgba(31,40,39,.17);
    background:rgba(245,243,237,.86);
    color:#303735;
    box-shadow:0 .35rem 1.4rem rgba(20,28,28,.08);
  }
  body.is-daylight .chapter-current-index {
    color:#747d78;
  }
  body.is-daylight .chapter-rail-list {
    border-color:rgba(31,40,39,.14);
    background:rgba(245,243,237,.94);
    box-shadow:0 .8rem 2.8rem rgba(28,36,34,.12);
  }
  body.is-daylight .chapter-rail-list a b {
    text-shadow:none;
  }
  body.is-daylight .chapter-rail-list a.is-active {
    background:rgba(31,40,39,.065);
  }
}

@media (prefers-reduced-motion:reduce) {
  .chapter-rail,
  .chapter-rail-list,
  .chapter-rail-list a span,
  .chapter-rail-list a b,
  .chapter-rail-list a i {
    transition:none!important;
  }
}

@media (max-width:380px) {
  .chapter-current-label { display:none; }
}

/* v84 — one shared Commissions chapter, adapted to the active universe */
.shared-commission {
  position:relative;
  background:linear-gradient(180deg,#080a0b 0%,#0d1012 100%);
  color:#e8e8e4;
}
body.is-daylight .shared-commission {
  border-top-color:rgba(27,31,28,.12);
  background:linear-gradient(180deg,#eeeae1 0%,#e5e0d6 100%);
  color:#20231f;
}
body.is-daylight .shared-commission .index {
  color:#727872;
}
body.is-daylight .shared-commission h2 {
  color:#20231f;
}
body.is-daylight .shared-commission p:not(.index) {
  color:#555b56;
}
body.is-daylight .shared-commission .commission-intro,
body.is-daylight .shared-commission .commission-location {
  color:#343a36;
}
body.is-daylight .shared-commission .text-link {
  color:#242a26;
}

/* v95 — mobile composition: reserve a clear dock and keep card captions in flow */
@media (max-width:760px) {
  .hero {
    min-height:42rem;
  }
  .hero-copy {
    bottom:13.2rem;
    max-width:calc(100vw - (var(--pad) * 2));
  }
  .hero-copy h1 {
    font-size:clamp(3.35rem,15.5vw,5.25rem);
    line-height:.9;
    white-space:normal;
  }
  .scroll-cue {
    bottom:9.75rem;
  }
  .universe-switch {
    top:auto;
    right:var(--pad);
    bottom:calc(env(safe-area-inset-bottom,0px) + .85rem);
    left:var(--pad);
    width:auto;
    min-width:0;
    grid-template-columns:minmax(0,1fr) auto;
    padding:.68rem .82rem;
  }
  .ambient-controls {
    right:auto;
    bottom:calc(env(safe-area-inset-bottom,0px) + 5.15rem);
    left:var(--pad);
    max-width:calc(100vw - (var(--pad) * 2));
    gap:.42rem;
  }
  .ambient-controls .sound-toggle,
  .ambient-controls .rain-toggle,
  .ambient-controls .lightning-toggle {
    flex:0 0 auto;
  }
  .ambient-controls .sound-toggle,
  .ambient-controls .rain-toggle {
    min-height:2.2rem;
    padding:.6rem .76rem;
  }
  .ambient-controls .lightning-toggle {
    width:2.2rem;
    height:2.2rem;
  }
  .chapter-rail {
    top:auto;
    right:var(--pad);
    bottom:calc(env(safe-area-inset-bottom,0px) + 8.9rem);
  }
  .character-cascade {
    column-gap:1rem;
    row-gap:clamp(2.25rem,8vw,3.25rem);
    padding-bottom:8rem;
  }
  .character-card {
    display:flex;
    min-width:0;
    flex-direction:column;
    align-self:start;
    overflow:visible;
  }
  .character-card img,
  .character-card:nth-child(3n+1) img {
    display:block;
    width:100%;
    height:auto;
    flex:none;
  }
  .character-card figcaption {
    position:relative;
    z-index:2;
    min-height:.8rem;
    margin-top:.68rem;
    line-height:1.35;
  }
  .site-footer {
    padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10rem);
  }
}

@media (max-width:380px) {
  .ambient-controls {
    gap:.3rem;
  }
  .ambient-controls .sound-toggle,
  .ambient-controls .rain-toggle {
    gap:.42rem;
    padding:.56rem .62rem;
    letter-spacing:.1em;
  }
  .universe-switch {
    column-gap:.7rem;
  }
}

/* v103 — distinguish gallery destinations from on-page navigation */
.site-nav {
  align-items:center;
  gap:clamp(.8rem,1.35vw,1.35rem);
}
.site-nav-group {
  display:grid;
  gap:.34rem;
}
.site-nav-group-label {
  color:currentColor;
  font-size:.39rem;
  line-height:1;
  letter-spacing:.24em;
  opacity:.48;
}
.site-nav-links {
  display:flex;
  align-items:center;
  gap:clamp(.85rem,1.45vw,1.65rem);
}
.site-nav-divider {
  align-self:flex-end;
  width:1px;
  height:1.75rem;
  margin-bottom:.02rem;
  background:currentColor;
  opacity:.18;
}
.site-nav a {
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  white-space:nowrap;
}
.site-nav-destination {
  display:inline-block;
  font-size:.62rem;
  font-style:normal;
  line-height:1;
  opacity:.48;
  transition:opacity .25s ease,transform .3s cubic-bezier(.2,.7,.2,1);
}
.site-nav a:hover .site-nav-destination,
.site-nav a:focus-visible .site-nav-destination {
  opacity:1;
  transform:translate(.13rem,-.13rem);
}
.site-nav a[data-nav-item="0"] { animation-delay:.28s; }
.site-nav a[data-nav-item="1"] { animation-delay:.35s; }
.site-nav a[data-nav-item="2"] { animation-delay:.42s; }
.site-nav a[data-nav-item="3"] { animation-delay:.49s; }
.site-nav a[data-nav-item="4"] { animation-delay:.56s; }
.site-nav a[data-nav-item="5"] { animation-delay:.63s; }

.chapter-rail-label {
  display:block;
  margin:0 .12rem .5rem 0;
  color:#747b7e;
  text-align:right;
  text-transform:uppercase;
  white-space:nowrap;
  font-size:.42rem;
  line-height:1;
  letter-spacing:.2em;
}
body.is-daylight .chapter-rail-label {
  color:#68716c;
}

@media (min-width:761px) and (max-width:1120px) {
  .site-nav {
    gap:.7rem;
    font-size:.56rem;
  }
  .site-nav-links {
    gap:.8rem;
  }
  .site-nav-group-label {
    font-size:.35rem;
  }
}

@media (max-width:760px) {
  .site-nav {
    justify-content:center;
    gap:1.55rem;
    padding:calc(var(--header-h) + 1rem) var(--pad) 2.5rem;
    overflow-y:auto;
  }
  .site-nav-group {
    width:min(20rem,100%);
    gap:.8rem;
  }
  .site-nav-group-label {
    text-align:center;
    font-size:.44rem;
    opacity:.58;
  }
  .site-nav-links {
    flex-direction:column;
    gap:1.15rem;
  }
  .site-nav-divider {
    align-self:center;
    width:3.4rem;
    height:1px;
    margin:0;
    opacity:.22;
  }
  .chapter-rail-label {
    margin:0 .08rem .42rem 0;
    font-size:.4rem;
  }
}

@media (prefers-reduced-motion:reduce) {
  .site-nav-destination {
    transition:none!important;
  }
}

/* v106 — compact universe switch without the auxiliary label */
.universe-switch {
  min-width:0;
  column-gap:.72rem;
  padding:.7rem .72rem .7rem .82rem;
}
.universe-index,
.universe-action {
  white-space:nowrap;
}
.universe-action {
  gap:.5rem;
  padding-left:.68rem;
}

@media (max-width:760px) {
  .universe-switch {
    min-width:0;
  }
}

/* v110 — reserve a shared editorial lane for the fixed chapter rail */
@media (min-width:761px) {
  .manifesto,
  .chapter-heading,
  .home-collections-heading,
  .about,
  .commission {
    padding-right:calc(var(--pad) + var(--chapter-rail-reserve));
  }

  .chapter-heading h2 {
    font-size:clamp(3rem,6.35vw,7.8rem);
  }
}

/* v111 — one interactive scrubber instead of competing scroll lines */
.unreality-track,
.panorama-rail {
  scrollbar-width:none!important;
}
.unreality-track::-webkit-scrollbar,
.panorama-rail::-webkit-scrollbar {
  display:none!important;
  width:0!important;
  height:0!important;
}

.gallery-scrubber {
  position:relative;
  display:block;
  width:min(30vw,28rem);
  height:1.8rem;
  cursor:ew-resize;
  touch-action:none;
  outline:none;
}
.gallery-scrubber::before {
  content:"";
  position:absolute;
  top:50%;
  right:0;
  left:0;
  height:1px;
  background:rgba(255,255,255,.28);
  transform:translateY(-50%);
  transition:background-color .2s ease;
}
.gallery-scrubber b {
  position:absolute;
  inset:auto auto auto 0;
  top:50%;
  height:1px;
  width:0;
  background:#fff;
  transform:translateY(-50%);
  transition:width .45s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.gallery-scrubber b::after {
  content:"";
  position:absolute;
  top:50%;
  right:-2px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:currentColor;
  transform:translateY(-50%);
}
.gallery-scrubber:hover::before,
.gallery-scrubber:focus-visible::before,
.gallery-scrubber.is-scrubbing::before {
  background:rgba(255,255,255,.46);
}
.gallery-scrubber:focus-visible {
  box-shadow:0 0 0 1px rgba(255,255,255,.22) inset;
}
.gallery-scrubber.is-scrubbing b {
  transition:none;
}

@media (max-width:760px) {
  .gallery-scrubber {
    width:100%;
  }
}

@media (prefers-reduced-motion:reduce) {
  .gallery-scrubber b {
    transition:none;
  }
}


/* v124 — corrected split author note: one continuous portrait across both universes */
.author-note {
  --author-split: 52%;
  position: relative;
  min-height: clamp(44rem, 92svh, 61rem);
  border-top: 1px solid var(--line);
  padding-top: clamp(5.75rem, 9vh, 7.75rem);
  padding-bottom: clamp(5rem, 9vh, 7rem);
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(90deg,
    #080a0b 0%,
    #080a0b var(--author-split),
    #ece9e2 var(--author-split),
    #ece9e2 100%);
}
.author-note::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.018), transparent 22%, transparent 80%, rgba(0,0,0,.025)),
    radial-gradient(ellipse at var(--author-split) 38%, rgba(255,255,255,.14), transparent 19%),
    radial-gradient(ellipse at var(--author-split) 78%, rgba(255,255,255,.08), transparent 24%);
}
.author-note::after {
  content:"";
  position:absolute;
  top:-5%;
  bottom:-5%;
  left:var(--author-split);
  width:clamp(3rem,6vw,6rem);
  transform:translateX(-50%);
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16) 50%, transparent);
  filter:blur(18px);
  opacity:.55;
}
.author-note-grid {
  position:relative;
  z-index:4;
  min-height:inherit;
  display:grid;
  grid-template-columns:minmax(0, 37rem) 1fr;
  align-items:center;
}
.author-note-copy {
  width:min(100%, 34rem);
  padding-right:clamp(1rem,2vw,2.25rem);
}
.author-note-copy .index {
  margin:0 0 1.25rem;
}
.author-note-copy h2 {
  max-width:8.2ch;
  margin:0;
  font-size:clamp(3.35rem,5.55vw,6.25rem);
  line-height:.94;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.author-note-copy p:not(.index) {
  max-width:31rem;
  margin:1.35rem 0 0;
  color:#b2b7b9;
  font-size:clamp(.92rem,1vw,1rem);
  line-height:1.82;
}
.author-note-copy p:not(.index):first-of-type { margin-top:2rem; }
.author-note-split-visual {
  position:absolute;
  z-index:3;
  left:var(--author-split);
  bottom:0;
  width:clamp(27rem,38vw,42rem);
  height:min(84%, 52rem);
  transform:translateX(-50%);
  pointer-events:none;
}

@media (max-width:1180px) {
  .author-note { --author-split:55%; }
  .author-note-grid { grid-template-columns:minmax(0, 31rem) 1fr; }
  .author-note-copy { width:min(100%,30rem); }
  .author-note-copy h2 { font-size:clamp(3rem,5.35vw,5rem); }
  .author-note-split-visual { width:clamp(25rem,40vw,35rem); height:min(80%,46rem); }
}

@media (max-width:900px) {
  .author-note {
    --author-split:50%;
    min-height:0;
    padding-top:6rem;
    padding-bottom:0;
    background:#080a0b;
  }
  .author-note::after { display:none; }
  .author-note-grid {
    display:block;
    min-height:0;
  }
  .author-note-copy {
    width:min(100%,42rem);
    padding:0 0 5rem;
  }
  .author-note-copy h2 {
    max-width:10ch;
    font-size:clamp(3rem,9vw,5.4rem);
  }
  .author-note-split-visual {
    position:relative;
    left:calc(-1 * var(--pad));
    bottom:auto;
    width:calc(100% + (2 * var(--pad)));
    height:clamp(31rem,78vw,45rem);
    transform:none;
    overflow:hidden;
    background:linear-gradient(90deg,#080a0b 0 50%,#ece9e2 50% 100%);
  }
  .author-note-split-visual::after {
    content:"";
    position:absolute;
    inset:0 auto 0 50%;
    width:4rem;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);
    filter:blur(14px);
  }
}

@media (max-width:600px) {
  .author-note { padding-top:5rem; }
  .author-note-copy { padding-bottom:3.75rem; }
  .author-note-copy h2 { font-size:clamp(2.7rem,13vw,4.5rem); max-width:10ch; }
  .author-note-copy p:not(.index) { font-size:.95rem; line-height:1.78; }
  .author-note-split-visual { height:clamp(27rem,116vw,38rem); }
}

/* v125 — refine the split portrait to match the intended art-direction */
.author-note {
  --author-split: 51.5%;
  min-height: max(48rem, 100svh);
  scroll-margin-top: var(--header-h);
  padding-top: clamp(7.25rem, 12vh, 9rem);
  padding-bottom: clamp(5.5rem, 9vh, 7rem);
}
.author-note-grid {
  min-height: calc(max(48rem, 100svh) - clamp(12.75rem, 21vh, 16rem));
  grid-template-columns: minmax(0, 34rem) 1fr;
  align-items:center;
}
.author-note-copy {
  width:min(100%, 32rem);
  padding-right:clamp(1.5rem,3vw,3.5rem);
}
.author-note-copy .index {
  margin-bottom:1.4rem;
}
.author-note-copy h2 {
  max-width:8.4ch;
  font-size:clamp(3.15rem,4.75vw,5.35rem);
  line-height:.96;
}
.author-note-copy p:not(.index) {
  max-width:30.5rem;
  font-size:clamp(.9rem,.94vw,.98rem);
  line-height:1.82;
}
.author-note-split-visual {
  left:var(--author-split);
  bottom:-.4rem;
  width:clamp(24rem,30vw,34rem);
  height:min(82%, 49rem);
  transform:translateX(-50%);
}
.author-note::after {
  width:clamp(2.2rem,4.5vw,4.5rem);
  opacity:.34;
}
body.author-note-active:not(.is-daylight) .chapter-rail-list::before {
  background:rgba(29,36,33,.23);
}
body.author-note-active:not(.is-daylight) .chapter-rail-list a {
  color:#4f5853;
}
body.author-note-active:not(.is-daylight) .chapter-rail-list a span {
  color:#737b76;
}
body.author-note-active:not(.is-daylight) .chapter-rail-list a b {
  text-shadow:0 1px .65rem rgba(247,245,239,.98),0 0 .2rem rgba(247,245,239,.95);
}
body.author-note-active:not(.is-daylight) .chapter-rail-list a i {
  border-color:rgba(34,42,38,.5);
  background:#eeeae1;
}
body.author-note-active:not(.is-daylight) .chapter-rail-list a.is-active,
body.author-note-active:not(.is-daylight) .chapter-rail-list a:hover,
body.author-note-active:not(.is-daylight) .chapter-rail-list a:focus-visible {
  color:#171c19;
}
body.author-note-active:not(.is-daylight) .chapter-rail-list a.is-active i,
body.author-note-active:not(.is-daylight) .chapter-rail-list a:hover i,
body.author-note-active:not(.is-daylight) .chapter-rail-list a:focus-visible i {
  background:#202722;
}
body.author-note-active:not(.is-daylight) .chapter-rail-label {
  color:#67706b;
}

@media (max-width:1180px) and (min-width:901px) {
  .author-note { --author-split:54%; }
  .author-note-grid { grid-template-columns:minmax(0,29rem) 1fr; }
  .author-note-copy { width:min(100%,28rem); }
  .author-note-copy h2 { font-size:clamp(2.9rem,4.8vw,4.7rem); }
  .author-note-split-visual { width:clamp(22rem,31vw,29rem); }
}

@media (max-width:900px) {
  .author-note {
    min-height:0;
    scroll-margin-top:var(--header-h);
    padding-top:6rem;
  }
  .author-note-grid { min-height:0; }
  .author-note-copy { width:min(100%,42rem); padding-right:0; }
  .author-note-copy h2 { max-width:10ch; font-size:clamp(3rem,9vw,5.2rem); }
  .author-note-split-visual {
    left:calc(-1 * var(--pad));
    width:calc(100% + (2 * var(--pad)));
    height:clamp(30rem,76vw,43rem);
    transform:none;
  }
}

@media (max-width:600px) {
  .author-note { padding-top:5.25rem; }
  .author-note-copy h2 { font-size:clamp(2.65rem,12.5vw,4.35rem); }
  .author-note-split-visual { height:clamp(27rem,112vw,36rem); }
}


/* v126 — keep the portrait centre locked to the universe seam.
   The generic .reveal.visible rule sets transform:none; in v125 that
   cancelled translateX(-50%) on the positioned portrait container. */
.author-note-split-visual {
  transform: translateX(-50%);
}
@media (max-width:900px) {
  .author-note-split-visual {
    transform: none;
  }
}

/* v127 — match the approved split-universe author concept more closely. */
.author-note {
  --author-split: 50%;
  min-height: 100svh;
  scroll-margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  background: linear-gradient(90deg,
    #080a0b 0,
    #080a0b var(--author-split),
    #efede7 var(--author-split),
    #efede7 100%);
}
.author-note::before {
  background:
    radial-gradient(ellipse at 47% 24%, rgba(255,255,255,.035), transparent 25%),
    linear-gradient(90deg, rgba(255,255,255,.012), transparent 25%, transparent 76%, rgba(0,0,0,.018));
}
.author-note::after { display:none; }
.author-note-grid {
  min-height:100svh;
  display:grid;
  grid-template-columns:minmax(0, 31.5rem) 1fr;
  align-items:center;
  padding-left:clamp(4.5rem,4.5vw,6.5rem);
}
.author-note-copy {
  width:min(100%,29rem);
  padding:clamp(4rem,7vh,6rem) 1rem clamp(5rem,8vh,7rem) 0;
  position:relative;
  z-index:6;
}
.author-note-copy .index {
  margin:0 0 1.8rem;
  letter-spacing:.23em;
  color:#aeb3b4;
}
.author-note-copy h2 {
  max-width:none;
  font-size:clamp(3.2rem,4.1vw,4.75rem);
  line-height:.93;
  letter-spacing:-.052em;
  text-wrap:initial;
}
.author-note-copy p:not(.index) {
  max-width:27.5rem;
  margin:1.22rem 0 0;
  color:#b8bdbe;
  font-size:clamp(.8rem,.83vw,.91rem);
  line-height:1.67;
}
.author-note-copy p:not(.index):first-of-type { margin-top:1.8rem; }

.author-note-split-visual {
  position:absolute;
  z-index:3;
  left:var(--author-split);
  bottom:-1.8rem;
  width:auto;
  height:calc(100% - clamp(5.4rem,8vh,7rem));
  transform:translateX(-43.47%);
  pointer-events:none;
  overflow:visible;
}

/* Keep the fixed header visually stable while the split author section passes underneath it. */
body.author-note-active:not(.is-daylight) .site-header {
  background:rgba(8,10,11,.9);
  border-color:var(--line);
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
}
body.author-note-active:not(.is-daylight) .site-header .brand { color:#f0f1ed!important; }
body.author-note-active:not(.is-daylight) .site-header .site-nav,
body.author-note-active:not(.is-daylight) .site-header .site-nav a { color:#c6c8c6!important; }
body.author-note-active:not(.is-daylight) .site-header .site-nav-group-label { color:#878c8e!important; }
body.author-note-active:not(.is-daylight) .site-header .site-nav-divider { background:rgba(255,255,255,.15)!important; }

body.author-note-active:not(.is-daylight) .universe-switch {
  background:rgba(239,237,231,.72)!important;
  color:#232824!important;
  border-color:rgba(30,35,32,.18)!important;
  box-shadow:0 .55rem 1.8rem rgba(32,34,31,.045);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
body.author-note-active:not(.is-daylight) .universe-switch:hover {
  background:rgba(246,244,238,.9)!important;
  border-color:rgba(30,35,32,.3)!important;
}
body.author-note-active:not(.is-daylight) .ambient-controls .sound-toggle,
body.author-note-active:not(.is-daylight) .ambient-controls .rain-toggle,
body.author-note-active:not(.is-daylight) .ambient-controls .lightning-toggle {
  background:rgba(239,237,231,.64)!important;
  color:#535a56!important;
  border-color:rgba(32,38,34,.16)!important;
  box-shadow:0 .35rem 1.45rem rgba(20,24,21,.05);
}
body.author-note-active:not(.is-daylight) .rain-atmosphere {
  clip-path:inset(0 50% 0 0);
}

@media (max-width:1320px) and (min-width:901px) {
  .author-note-grid {
    grid-template-columns:minmax(0,27rem) 1fr;
    padding-left:clamp(3.2rem,3.6vw,4.5rem);
  }
  .author-note-copy { width:min(100%,26rem); }
  .author-note-copy h2 { font-size:clamp(3rem,4.3vw,4.25rem); }
  .author-note-copy p:not(.index) { max-width:25rem; font-size:clamp(.78rem,.9vw,.88rem); }
  .author-note-split-visual { height:calc(100% - 6.4rem); }
}

@media (max-width:900px) {
  .author-note {
    min-height:0;
    padding-top:0;
    background:#080a0b;
  }
  .author-note-grid {
    display:block;
    min-height:0;
    padding-left:0;
  }
  .author-note-copy {
    width:min(100%,42rem);
    padding:clamp(6rem,11vh,8rem) 0 5rem;
  }
  .author-note-copy .index { margin-bottom:1.35rem; }
  .author-note-copy h2 {
    font-size:clamp(3rem,9vw,5rem);
    line-height:.94;
  }
  .author-note-copy p:not(.index) {
    max-width:35rem;
    font-size:clamp(.88rem,2vw,.98rem);
    line-height:1.75;
  }
  .author-note-split-visual {
    position:relative;
    left:calc(-1 * var(--pad));
    bottom:auto;
    width:calc(100% + (2 * var(--pad)));
    height:clamp(31rem,82vw,45rem);
    transform:none;
    overflow:hidden;
    background:linear-gradient(90deg,#080a0b 0 50%,#efede7 50% 100%);
  }
  body.author-note-active:not(.is-daylight) .site-header {
    background:rgba(8,10,11,.88);
    border-color:var(--line);
  }
  body.author-note-active:not(.is-daylight) .site-header .site-nav,
  body.author-note-active:not(.is-daylight) .site-header .site-nav a { color:#c6c8c6!important; }
  body.author-note-active:not(.is-daylight) .site-header .site-nav-group-label { color:#878c8e!important; }
  body.author-note-active:not(.is-daylight) .rain-atmosphere { clip-path:none; }
}

@media (max-width:600px) {
  .author-note-copy { padding-top:5.5rem; padding-bottom:4rem; }
  .author-note-copy h2 { font-size:clamp(2.65rem,12.5vw,4.2rem); }
  .author-note-split-visual { height:clamp(27rem,116vw,37rem); }
}

.author-note-split-visual {
  left:var(--author-split);
  top:var(--header-h);
  bottom:0;
  width:clamp(38rem,46vw,50rem);
  height:auto;
  transform:translateX(-50%);
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.author-note::before {
  background:
    radial-gradient(ellipse at 49% 27%, rgba(255,255,255,.035), transparent 24%),
    radial-gradient(ellipse at 52% 76%, rgba(255,255,255,.02), transparent 28%),
    linear-gradient(90deg, rgba(255,255,255,.012), transparent 25%, transparent 76%, rgba(0,0,0,.018));
}
.author-note-copy {
  width:min(100%,30rem);
  padding-bottom:clamp(4.2rem,7vh,6rem);
}
.author-note-copy h2 { max-width:8.4ch; }

@media (max-width:1320px) and (min-width:901px) {
  .author-note-split-visual {
    top:var(--header-h);
    bottom:0;
    width:clamp(34rem,45vw,40rem);
    height:auto;
    transform:translateX(-50%);
  }
}

@media (max-width:900px) {
  .author-note-split-visual {
    position:relative;
    left:calc(-1 * var(--pad));
    top:auto;
    bottom:auto;
    width:calc(100% + (2 * var(--pad)));
    height:clamp(30rem,84vw,44rem);
    transform:none;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    background:linear-gradient(90deg,#080a0b 0 50%,#efede7 50% 100%);
  }
}

@media (max-width:600px) {
  .author-note-split-visual { height:clamp(27rem,112vw,36rem); }
}

/* v132 — preserve the portrait ratio and remove every visible plate boundary. */
.author-note {
  --author-split:50%;
  min-height:100svh;
  background:linear-gradient(90deg,#000 0 50%,#fff 50% 100%);
}
.author-note::before {
  display:none;
  clip-path:inset(0 50% 0 0);
  background:
    radial-gradient(ellipse at 43% 31%,rgba(255,255,255,.035),transparent 27%),
    linear-gradient(90deg,rgba(255,255,255,.012),transparent 54%);
}
.author-note-grid {
  grid-template-columns:minmax(0,37rem) 1fr;
  min-height:100svh;
  align-items:start;
  padding-left:clamp(3.5rem,4vw,5rem);
}
.author-note-copy {
  width:min(100%,34rem);
  padding:clamp(8rem,13.5vh,9rem) 1.75rem clamp(4.5rem,7vh,6rem) 0;
}
.author-note-copy .index {
  margin-bottom:1.5rem;
  color:#aeb4b5;
}
.author-note-copy h2 {
  max-width:none;
  font-size:clamp(3.1rem,3.45vw,4.35rem);
  line-height:.98;
  letter-spacing:-.047em;
  white-space:nowrap;
}
.author-note-copy p:not(.index) {
  max-width:30rem;
  margin-top:1.05rem;
  color:#b5bbbc;
  font-size:clamp(.82rem,.78vw,.91rem);
  line-height:1.72;
}
.author-note-copy p:not(.index):first-of-type { margin-top:1.65rem; }

.author-note-split-visual {
  position:absolute;
  z-index:3;
  left:var(--author-split);
  top:calc(var(--header-h) + .5rem);
  bottom:-2.5rem;
  width:clamp(31rem,35vw,42rem);
  height:auto;
  transform:translateX(-50%);
  overflow:visible;
  display:block;
  pointer-events:none;
}
.author-note-split-visual::after {
  display:none;
}
.author-note-graphic-plate {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  object-position:center bottom;
  user-select:none;
  opacity:1;
  filter:grayscale(1) contrast(1.18) brightness(1.035);
  transform:translateX(1px) scale(1.015);
  transform-origin:50% 62%;
  -webkit-mask-image:none;
  mask-image:none;
  transition:none;
}
body:not(.author-note-active) .author-note-graphic-plate { opacity:1; }

@media (max-width:1500px) and (min-width:901px) {
  .author-note-grid {
    grid-template-columns:minmax(0,32rem) 1fr;
    padding-left:clamp(3.5rem,4vw,4.5rem);
  }
  .author-note-copy { width:min(100%,30rem); }
  .author-note-copy h2 { font-size:clamp(2.9rem,3.65vw,3.55rem); }
  .author-note-copy p:not(.index) {
    max-width:26rem;
    font-size:clamp(.79rem,.82vw,.87rem);
  }
}

@media (max-width:1320px) and (min-width:901px) {
  .author-note-grid {
    grid-template-columns:minmax(0,34rem) 1fr;
    padding-left:clamp(4rem,5.5vw,5.75rem);
  }
  .author-note-copy { width:min(100%,32rem); }
  .author-note-copy h2 { font-size:clamp(2.95rem,3.75vw,3.85rem); }
  .author-note-split-visual { width:clamp(26rem,34vw,32rem); }
}

@media (max-width:900px) {
  .author-note {
    min-height:0;
    display:flex;
    flex-direction:column;
    background:#000;
  }
  .author-note-grid {
    order:1;
    display:block;
    min-height:0;
    padding-left:0;
  }
  .author-note-copy {
    width:min(100%,42rem);
    padding:clamp(6rem,11vh,8rem) 0 4.75rem;
  }
  .author-note-copy h2 {
    max-width:11ch;
    font-size:clamp(3rem,8.6vw,5rem);
    white-space:normal;
  }
  .author-note-copy p:not(.index) {
    max-width:35rem;
    font-size:clamp(.88rem,2vw,.98rem);
    line-height:1.75;
  }
  .author-note-split-visual {
    order:2;
    position:relative;
    left:calc(-1 * var(--pad));
    top:auto;
    bottom:auto;
    width:calc(100% + (2 * var(--pad)));
    height:clamp(31rem,84vw,45rem);
    transform:none;
    overflow:hidden;
    background:linear-gradient(90deg,#000 0 50%,#fff 50% 100%);
  }
  .author-note-split-visual::after { inset:0 auto 0 50%; }
  .author-note-graphic-plate {
    left:50%;
    width:min(82vw,37rem);
    transform:translateX(-50%) scale(1.008);
  }
}

@media (max-width:600px) {
  .author-note-copy { padding-top:5.5rem; padding-bottom:4rem; }
  .author-note-copy h2 {
    max-width:none;
    font-size:clamp(2.4rem,10.6vw,3.35rem);
    white-space:nowrap;
  }
  .author-note-split-visual { height:clamp(27rem,114vw,36rem); }
  .author-note-graphic-plate { width:min(98vw,34rem); }
}

/* v136 — keep the source-column repair, but use a strict black/white split
   with no decorative seam or lightening layer. */
.author-note-seam-repair { display:none; }

@media (min-width:901px) {
  .author-note-seam-repair {
    display:block;
    z-index:1;
    transform:translateX(-2px) scale(1.015);
    clip-path:polygon(
      calc(50% - 4px) 0,
      calc(50% + 4px) 0,
      calc(50% + 4px) 48%,
      calc(50% - 4px) 48%
    );
  }
}

/* v144 — mobile browsers can expose the source image's centre column after
   responsive scaling. Repaint only the first four light-side pixels from a
   two-pixel-shifted copy, preserving the strict black/white split itself. */
@media (max-width:900px) {
  .author-note-seam-repair {
    display:block;
    z-index:1;
    transform:translateX(calc(-50% - 2px)) scale(1.008);
    clip-path:polygon(
      50% 0,
      calc(50% + 4px) 0,
      calc(50% + 4px) 100%,
      50% 100%
    );
  }
}

/* v145 — simplify the first mobile screen and keep every page locked to the
   layout viewport. The scroll cue is redundant on touch screens and competed
   with the working atmosphere controls. */
html,
body {
  max-width:100%;
  overflow-x:hidden;
}
@supports (overflow:clip) {
  html,
  body { overflow-x:clip; }
}
@media (max-width:760px) {
  .hero .scroll-cue { display:none!important; }
}

/* v147 — use the same full-screen editorial menu and breakpoint as every
   internal page. The fixed header remains visible while the navigation fills
   the space below it; Cinematic and Daylight keep their own colour fields. */
@media (max-width:1180px) {
  body.main-nav-open { overflow:hidden; }

  .menu-toggle {
    display:block;
    z-index:2;
  }

  .site-nav {
    position:fixed;
    display:flex;
    flex-direction:column;
    z-index:1;
    top:var(--header-h);
    right:0;
    bottom:0;
    left:0;
    justify-content:flex-start;
    align-items:stretch;
    gap:2.7rem;
    padding:clamp(2.6rem,8vh,5.5rem) var(--pad) calc(2rem + env(safe-area-inset-bottom,0px));
    overflow:auto;
    color:rgba(241,242,239,.6)!important;
    background:rgba(8,10,11,.985);
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-.55rem);
    transition:opacity .24s ease,visibility .24s ease,transform .32s cubic-bezier(.2,.7,.2,1);
  }
  .site-nav.open {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }
  .menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(4px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3px) rotate(-45deg); }
  .site-nav-group {
    width:100%;
    gap:1rem;
  }
  .site-nav-group-label {
    text-align:left;
    font-size:.46rem;
    opacity:.72;
  }
  .site-nav-links {
    display:grid;
    width:100%;
    gap:0;
    align-items:stretch;
  }
  .site-nav a {
    justify-content:space-between;
    width:100%;
    min-height:3.25rem;
    padding:.72rem 0;
    border-bottom:1px solid rgba(255,255,255,.15);
    color:inherit!important;
    font-size:clamp(.88rem,3.7vw,1.18rem);
    font-weight:400;
    letter-spacing:.14em;
  }
  .site-nav-destination {
    margin-left:auto;
    font-size:.82rem;
  }
  .site-nav-divider { display:none; }
  body.main-nav-open .site-header {
    background:rgba(8,10,11,.985);
    border-bottom-color:rgba(255,255,255,.15);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  body.main-nav-open .brand,
  body.main-nav-open .menu-toggle {
    color:#f1f2ef!important;
    mix-blend-mode:normal!important;
    text-shadow:none!important;
  }
  body.main-nav-open .menu-toggle span { background:currentColor!important; }
  body.main-nav-open .ambient-controls,
  body.main-nav-open .universe-switch,
  body.main-nav-open .chapter-rail,
  body.main-nav-open .back-to-top {
    opacity:0!important;
    pointer-events:none!important;
  }
  body.is-daylight .site-nav,
  body.is-daylight .site-header .site-nav.open[data-auto-contrast] {
    color:rgba(32,35,31,.62)!important;
    background:rgba(244,241,233,.985);
  }
  body.is-daylight .site-nav a,
  body.is-daylight .site-header:not(.scrolled) .site-nav a {
    color:inherit!important;
    border-bottom-color:rgba(25,28,24,.17);
  }
  body.is-daylight.main-nav-open .site-header {
    background:rgba(244,241,233,.985);
    border-bottom-color:rgba(25,28,24,.17);
  }
  body.is-daylight.main-nav-open .brand,
  body.is-daylight.main-nav-open .menu-toggle {
    color:#20231f!important;
  }
}