/* The opening film dissolves directly into the author's white cover. */
.intro-active{overflow:hidden}
.site-intro{position:fixed;inset:0;z-index:2000;background:#fff;opacity:1;transition:opacity 1.2s ease-in-out}
.site-intro.dissolving{opacity:0;pointer-events:none}
.site-intro video{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.intro-skip{position:absolute;right:4%;bottom:5%;display:flex;gap:24px;align-items:center;border:1px solid #857e6b66;border-radius:2px;padding:12px 18px;background:#fff9;color:#5b5548;font-size:11px;letter-spacing:2px;cursor:pointer}
.intro-skip:focus-visible{outline:2px solid #766547;outline-offset:5px}
[data-realm="surface"] .hero{height:100svh;min-height:640px;max-height:none;background:#f4f1e9}
[data-realm="surface"] .hero:before,[data-realm="surface"] .sky-orbit,[data-realm="surface"] .hero-shade,[data-realm="surface"] .hero-coordinates,[data-realm="surface"] .hero-side-caption,[data-realm="surface"] .hero-copy>.eyebrow,[data-realm="surface"] .realm-label,[data-realm="surface"] .hero-divider,[data-realm="surface"] .hero-copy>h2,[data-realm="surface"] .hero-subtitle,[data-realm="surface"] .hero-bottom-note,[data-realm="surface"] .hero-page{display:none}
[data-realm="surface"] .hero-image{inset:0;margin:auto;width:min(100vw,177.77778svh);height:min(100svh,56.25vw);background-size:contain;background-repeat:no-repeat;background-position:center;border:0;box-shadow:none;opacity:1;mask-image:none;animation:none;transform:none;z-index:0}
[data-realm="surface"] .hero-copy{inset:0;margin:auto;width:min(100vw,177.77778svh);height:min(100svh,56.25vw);transform:none;z-index:2;pointer-events:none}
[data-realm="surface"] .hero-wordmark{position:absolute;left:6.5%;top:68%;width:31%;max-width:none}
[data-realm="surface"] #hero-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:none}
[data-realm="surface"] .hero-wordmark .hero-roman{font-size:10px;letter-spacing:3px;color:#655b4d;margin:0;text-shadow:0 1px 12px #fff}
[data-realm="surface"] .hero-buttons{position:absolute;left:7%;bottom:13%;margin:0;gap:28px;pointer-events:auto}
[data-realm="surface"] .hero-buttons .primary{background:#4e4940;color:#faf6ec}
[data-realm="surface"] .hero-buttons .text-link{color:#5b5142;border-color:#766a5266}
[data-realm="surface"] .hero-bottom{left:7%;bottom:4%;pointer-events:none}
[data-realm="surface"] .scroll-cue{pointer-events:auto;color:#655b4d}
[data-realm="surface"] .site-header{background:#f7f4edda;border-color:#8d806733}
[data-realm="surface"] .site-header.scrolled{background:#f7f4edf5}
@media(min-aspect-ratio:19/10){[data-realm="surface"] .hero-image{background-size:contain;background-repeat:no-repeat}}
@media(max-width:700px){
  [data-realm="surface"] .hero{min-height:640px;background:#f4f1e9}
  [data-realm="surface"] .hero-image{background-size:contain;background-repeat:no-repeat;background-position:center 34%;inset:74px 0 0;width:100%;height:calc(100% - 74px)}
  [data-realm="surface"] .hero-copy{width:100%;height:100%}
  [data-realm="surface"] .hero-wordmark{left:5%;top:58%;width:90%}
  [data-realm="surface"] .hero-wordmark .hero-roman{font-size:9px;letter-spacing:3px}
  [data-realm="surface"] .hero-buttons{left:0;width:100%;bottom:20%;justify-content:center;gap:22px}
  [data-realm="surface"] .hero-bottom{left:7%;bottom:6%}
}
@media(prefers-reduced-motion:reduce){.site-intro{display:none}}
/* One continuous opening film becomes the home cover at the three-second glow. */
.site-intro{background:transparent;transition:none;pointer-events:auto}
.hero-film-stage{position:absolute;inset:0;z-index:1;overflow:hidden;background:#fff url('assets/hourglass-cover-poster.jpg') center/contain no-repeat;pointer-events:none}
.hero-film{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;background:#fff}
#introVideo{opacity:1;z-index:2}#coverVideo{opacity:0;z-index:1}
.hero-film-stage.is-looping #introVideo{opacity:0}.hero-film-stage.is-looping #coverVideo{opacity:1}
[data-realm="other"] .hero-film-stage{display:none}
[data-realm="surface"] .hero{background:#fff}
[data-realm="surface"] .hero-image{visibility:hidden}
[data-realm="surface"] .hero-copy{width:100%;height:100%;z-index:2}
[data-realm="surface"] .hero-wordmark{left:0;top:77%;width:100%;text-align:center}
[data-realm="surface"] .hero-buttons{left:50%;bottom:10%;transform:translateX(-50%);width:max-content;justify-content:center}
.site-header,.hero-copy,.hero-bottom,.section-rail,.edit-fab{transition:opacity .9s ease-in-out}
.intro-active .site-header,.intro-active .hero-copy,.intro-active .hero-bottom,.intro-active .section-rail,.intro-active .edit-fab{opacity:0;pointer-events:none}
@media(max-width:700px){[data-realm="surface"] .hero{min-height:100svh}[data-realm="surface"] .hero-wordmark{top:63%}[data-realm="surface"] .hero-buttons{bottom:17%;gap:18px}[data-realm="surface"] .hero-bottom{bottom:5%}}
@media(prefers-reduced-motion:reduce){.site-header,.hero-copy,.hero-bottom,.section-rail,.edit-fab{transition:none}}

/* The other world's cover is a continuously looping film. */
.other-film-stage{display:none;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#0d1621}
.other-film-stage video{display:block;width:100%;height:100%;object-fit:cover}
[data-realm="other"] .other-film-stage{display:block}
[data-realm="other"] .hero-image{visibility:hidden}
[data-realm="other"] .hero-copy,[data-realm="other"] .hero-bottom{z-index:2}
[data-realm="other"] .hero-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0d1621a6,transparent 70%),linear-gradient(0deg,#0d162180,transparent 45%)}

/* The shared navigation mark and direct home sandglass entrance. */
[data-realm="surface"] #realmLogo{background:none;mix-blend-mode:normal;width:auto;height:auto;color:#29495a}
[data-realm="surface"] #realmLogo>img{display:block}[data-realm="surface"] #realmLogo>span{display:block}
[data-realm="other"] .hero-wordmark #hero-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0}
.hero-hourglass-switch{position:absolute;z-index:4;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}
.hero-hourglass-switch:focus-visible{outline:2px solid #b89563;outline-offset:5px;background:#b8956310}
.intro-active .hero-hourglass-switch{visibility:hidden}

/* A shared moving backdrop continues beneath every section after the home cover. */
.content-film-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#e8f1f5}
.content-film-backdrop video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.content-film-veil{position:absolute;inset:0;background:rgba(232,241,245,.55)}
[data-realm="surface"] #otherContentFilm,[data-realm="other"] #surfaceContentFilm{display:none}
[data-realm="other"] .content-film-backdrop{background:#101722}
[data-realm="other"] .content-film-veil{background:rgba(10,20,30,.58)}
body>main{position:relative;z-index:1}
html[data-realm] main>section:not(.hero),html[data-realm] body>footer{background:transparent}
body>footer{position:relative;z-index:1}

/* White film pixels disappear into the existing cover; the hotspot stays above. */
.surface-silk-video{position:absolute;z-index:3;display:block;object-fit:fill;pointer-events:none;mix-blend-mode:multiply;background:transparent;opacity:0}
.surface-silk-video.is-playing{opacity:1}
[data-realm="other"] .surface-silk-video,.reduced-motion .surface-silk-video{display:none!important}
@media(prefers-reduced-motion:reduce){.surface-silk-video{display:none!important}}