:root {
  --bg: #080a0b;
  --bg-soft: #0d1012;
  --ink: #e8e8e4;
  --muted: #969b9e;
  --line: rgba(232,232,228,.18);
  --pad: clamp(1.25rem, 4vw, 4.5rem);
  --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; }
.brand-mark { display:grid; place-items:center; width:2.15rem; height:2.15rem; border:1px solid currentColor; border-radius:50%; font-size:.58rem; }
.site-nav { display:flex; gap:clamp(1.2rem,3vw,3rem); 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; }
.hero-note { margin:1.8rem 0 0; color:#c4c6c4; font-size:clamp(.85rem,1.3vw,1.05rem); }
.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:1.6fr 1fr; gap:4rem; align-items:end; }
.chapter-heading h2,.about h2,.commission h2 { font-size:clamp(3rem,7vw,7.8rem); line-height:.92; }
.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; }
.portrait-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.2rem,4vw,5rem); padding-top:12vh; }
.portrait-grid .frame:nth-child(2) { margin-top:14vh; }
.portrait-grid img { aspect-ratio:3/2; }
.portrait-grid-alt .frame:first-child { margin-top:12vh; }
.portrait-grid-alt .frame:nth-child(2) { margin-top:0; }
.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:clamp(1rem,1.25vw,1.18rem); }
.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); }
  .hero-note { max-width:18rem; }
  .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; }
  .portrait-grid { grid-template-columns:1fr; padding-top:5rem; }
  .portrait-grid .frame:nth-child(2),.portrait-grid-alt .frame:first-child { margin-top:4rem; }
  .portrait-grid-alt .frame:nth-child(2) { margin-top:4rem; }
  .portrait-grid img { aspect-ratio:16/10; }
  .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; }

.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); }
.track-hint { display:flex; align-items:center; justify-content:flex-end; gap:1rem; padding:.7rem var(--pad) 0; color:#858a8c; text-transform:uppercase; letter-spacing:.16em; font-size:.57rem; }
.track-hint i { display:block; width:5rem; height:1px; background:currentColor; }

@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; }
.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; }
  .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 { font-style:normal; font-size:.9rem; transition:transform .35s; }
.universe-switch:hover .universe-action i { transform:translateX(.25rem); }

.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; }
.transition-space { position:absolute; inset:0; display:grid; place-items:center; perspective:1700px; transform-style:preserve-3d; }
.transition-card {
  position:relative;
  width:100vw;
  height:100vh;
  transform-style:preserve-3d;
  will-change:transform,filter;
}
.transition-face {
  position:absolute;
  inset:0;
  overflow:hidden;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  background:#050607;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 4rem 10rem rgba(0,0,0,.65);
}
.transition-face img { width:100%; height:100%; object-fit:cover; }
.transition-face p { position:absolute; left:5vw; bottom:7vh; margin:0; font-family:Manrope,Inter,sans-serif; font-size:clamp(3rem,7vw,8rem); font-weight:300; letter-spacing:-.055em; line-height:.92; }
.transition-face p span { display:block; margin-bottom:1rem; font-family:Inter,sans-serif; font-size:.58rem; font-weight:500; text-transform:uppercase; letter-spacing:.24em; }
.transition-cinematic { color:#f1f2ef; }
.transition-cinematic .transition-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,4,5,.72),rgba(3,4,5,.08) 58%,rgba(3,4,5,.42)),linear-gradient(0deg,rgba(3,4,5,.72),transparent 48%); }
.transition-daylight { transform:rotateY(180deg); color:#1a1c1b; background:#eee9df; }
.transition-daylight .transition-light { position:absolute; inset:0; background:linear-gradient(90deg,rgba(245,241,232,.58),rgba(245,241,232,.05) 58%,rgba(245,241,232,.2)),linear-gradient(0deg,rgba(245,241,232,.62),transparent 46%); }
.transition-flare { position:absolute; inset:-30%; opacity:0; pointer-events:none; background:radial-gradient(circle at 50% 50%,rgba(255,255,255,1) 0%,rgba(231,240,255,.72) 9%,rgba(255,255,255,.12) 26%,transparent 52%); mix-blend-mode:screen; }
.transition-status { position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); color:rgba(255,255,255,.64); font-size:.52rem; text-transform:uppercase; letter-spacing:.3em; }
.world-transition.to-daylight .transition-card { animation:worldFlipForward 1.65s cubic-bezier(.55,.02,.16,1) both; }
.world-transition.to-cinematic .transition-card { animation:worldFlipBackward 1.65s cubic-bezier(.55,.02,.16,1) both; }
.world-transition.is-active .transition-flare { animation:worldFlare 1.65s ease-in-out both; }

@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 .brand-mark { border-color:rgba(24,27,25,.48); }
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-duo { display:grid; grid-template-columns:1.08fr .82fr; gap:clamp(1.3rem,5vw,7rem); align-items:start; }
.daylight-duo figure:nth-child(2) { margin-top:16vh; }
.daylight-duo img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.observation-grid { display:grid; grid-template-columns:1.18fr .82fr; grid-template-rows:auto auto; gap:clamp(1rem,3vw,3rem); align-items:start; }
.observation-a { grid-row:1 / span 2; }
.observation-a img { aspect-ratio:4/5; object-fit:cover; }
.observation-b img { aspect-ratio:16/10; object-fit:cover; }
.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; }
.panorama-stack { display:grid; gap:clamp(2rem,7vh,6rem); padding-bottom:12vh; }
.panorama-frame { width:min(93vw,1650px); margin:0 auto; }
.panorama-frame img { width:100%; aspect-ratio:3.15/1; object-fit:cover; }
.panorama-offset { width:min(78vw,1350px); margin-left:5vw; }
@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; }
  .transition-card { width:94vw; height:88vh; }
  .transition-face p { left:6vw; bottom:6vh; font-size:clamp(2.8rem,14vw,5.5rem); }
  .daylight-duo,.observation-grid { grid-template-columns:1fr; }
  .daylight-duo figure:nth-child(2) { margin-top:0; }
  .observation-a { grid-row:auto; }
  .observation-a img { aspect-ratio:4/3; }
  .panorama-frame,.panorama-offset { width:92vw; margin:0 auto; }
  .panorama-frame img { aspect-ratio:2.2/1; }
}

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

/* 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-mark { animation-delay:.08s; }
.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; }
.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;
}
.transition-space {
  perspective:none;
  transform-style:flat;
}
.transition-orbit {
  display:none;
}
.transition-card {
  width:100vw;
  height:100vh;
  transform-style:flat;
  transform-origin:50% 50%;
  overflow:hidden;
  border:0;
  box-shadow:none;
}
.transition-face {
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
  opacity:0;
  transform:none !important;
  will-change:opacity;
}
.transition-cinematic { opacity:1; }
.transition-daylight { opacity:0; }
.world-transition.to-cinematic .transition-cinematic { opacity:0; }
.world-transition.to-cinematic .transition-daylight { opacity:1; }

.world-transition.to-daylight .transition-card {
  animation:universeSpinForward 1.08s cubic-bezier(.48,.02,.17,1) both;
}
.world-transition.to-cinematic .transition-card {
  animation:universeSpinBackward 1.08s cubic-bezier(.48,.02,.17,1) both;
}
.world-transition.to-daylight .transition-cinematic {
  animation:spinFaceOut 1.08s linear both;
}
.world-transition.to-daylight .transition-daylight {
  animation:spinFaceIn 1.08s linear both;
}
.world-transition.to-cinematic .transition-daylight {
  animation:spinFaceOut 1.08s linear both;
}
.world-transition.to-cinematic .transition-cinematic {
  animation:spinFaceIn 1.08s linear both;
}
.world-transition.is-active .transition-flare {
  animation:spinFlare 1.08s ease-in-out both;
}
.transition-status { display: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) {
  .transition-card { width:100vw; height:100vh; }
}

@media (prefers-reduced-motion:reduce) {
  .brand-mark,
  .brand-name,
  .site-nav a,
  .universe-switch > span {
    opacity:1;
    clip-path:none;
    transform:none;
    animation:none;
  }
  .world-transition.to-daylight .transition-card,
  .world-transition.to-cinematic .transition-card { animation-duration:.28s; }
  .world-transition.to-daylight .transition-cinematic,
  .world-transition.to-daylight .transition-daylight,
  .world-transition.to-cinematic .transition-cinematic,
  .world-transition.to-cinematic .transition-daylight { animation-duration:.28s; }
}

/* 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;
}
.transition-space,
.transition-card,
.transition-face,
.transition-flare,
.transition-orbit,
.transition-status { display:none; }

@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;
}

.transition-cloud {
  position:absolute;
  z-index:1;
  display:block;
  background:var(--mist-color);
  opacity:0;
  border-radius:48% 52% 58% 42% / 56% 44% 56% 44%;
  filter:blur(clamp(42px,5vw,82px));
  transform:translate3d(-15vw,18vh,0) scale(.42) rotate(var(--cloud-rotation));
  transform-origin:42% 62%;
  will-change:transform,opacity;
}
.cloud-1 {
  left:-42vw;
  bottom:-48vh;
  width:112vmax;
  height:82vmax;
  --cloud-lag:0s;
  --cloud-rotation:-13deg;
}
.cloud-2 {
  left:-30vw;
  bottom:-12vh;
  width:94vmax;
  height:68vmax;
  --cloud-lag:.08s;
  --cloud-rotation:8deg;
  border-radius:58% 42% 46% 54% / 48% 58% 42% 52%;
}
.cloud-3 {
  left:-2vw;
  bottom:-34vh;
  width:98vmax;
  height:72vmax;
  --cloud-lag:.15s;
  --cloud-rotation:-5deg;
  border-radius:42% 58% 52% 48% / 60% 44% 56% 40%;
}
.cloud-4 {
  left:18vw;
  bottom:3vh;
  width:86vmax;
  height:64vmax;
  --cloud-lag:.23s;
  --cloud-rotation:11deg;
  border-radius:55% 45% 61% 39% / 43% 57% 45% 55%;
}
.cloud-5 {
  left:43vw;
  bottom:24vh;
  width:74vmax;
  height:58vmax;
  --cloud-lag:.31s;
  --cloud-rotation:-9deg;
  border-radius:46% 54% 39% 61% / 58% 42% 54% 46%;
}

.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;
}
.world-transition.is-active .transition-mist-first .transition-cloud {
  animation:mistCloudDevelop 1.82s cubic-bezier(.46,.03,.18,1) var(--cloud-lag) both;
}
.world-transition.is-active .transition-mist-second .transition-cloud {
  animation:mistCloudDevelop 1.68s cubic-bezier(.46,.03,.18,1) calc(1.53s + var(--cloud-lag)) 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) {
  .transition-cloud { filter:blur(clamp(34px,8vw,58px)); }
  .cloud-4 { left:8vw; }
  .cloud-5 { left:30vw; }
}

@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-cloud { display:none; }
.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;
  }
}

/* v14 — slower, clearly separated blur / darkness / light phases */
.cloud-1 { --cloud-lag:0s; }
.cloud-2 { --cloud-lag:.12s; }
.cloud-3 { --cloud-lag:.24s; }
.cloud-4 { --cloud-lag:.36s; }
.cloud-5 { --cloud-lag:.48s; }

.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;
}
.world-transition.is-active .transition-mist-first .transition-cloud {
  animation:mistCloudDevelop 2.85s cubic-bezier(.48,.02,.16,1) calc(.95s + var(--cloud-lag)) both;
}
.world-transition.is-active .transition-mist-second .transition-cloud {
  animation:mistCloudDevelop 1.72s cubic-bezier(.46,.03,.18,1) calc(3.82s + var(--cloud-lag)) 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) .brand-mark {
    border-color:currentColor!important;
  }
  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 .brand-mark {
  border-color:rgba(24,27,25,.48)!important;
}
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) .brand[data-auto-contrast] .brand-mark {
  border-color: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;
}