body[data-page="arrival"] {background:#040810;overflow-x:hidden}
body[data-page="arrival"] .site-header {position:fixed;inset:0 0 auto;background:linear-gradient(#050a12bd,transparent);border:0;z-index:30}
body[data-page="arrival"] .site-footer {display:none}
body[data-page="arrival"] .primary-nav a {color:#ccd1d7}
body[data-page="arrival"] .audio-dock {bottom:76px}
.arrival-track {height:1600svh;min-height:9500px;position:relative;background:#040810}
.arrival-stage {position:sticky;top:0;height:100svh;isolation:isolate;overflow:clip;background:#040810;color:#eee9df}
.arrival-film,#arrival-world,.arrival-welcome-backdrop,.arrival-shade,.arrival-flash {position:absolute;inset:0;pointer-events:none}
.arrival-film {z-index:1;transform-origin:58% 43%;will-change:transform,opacity}
.arrival-film video {height:100%;width:100%;object-fit:cover;object-position:50% 50%;display:block}
#arrival-world {z-index:2;opacity:0}
#arrival-world canvas {height:100%;width:100%;display:block}
.arrival-welcome-backdrop {z-index:3;opacity:0;background:radial-gradient(ellipse at 30% 45%,#614c313d,transparent 65%),linear-gradient(130deg,#15120e,#0b1017 75%)}
.arrival-shade {z-index:4;background:linear-gradient(180deg,#02071148,transparent 23%,transparent 63%,#020811a8)}
.arrival-flash {z-index:5;opacity:0;background:radial-gradient(ellipse at 58% 44%,#fffcf3 8%,#ffe3a4 32%,#ebbb7750 65%,transparent 86%);mix-blend-mode:screen}
.arrival-skip {position:absolute;right:4.6vw;top:116px;z-index:10;font-size:11px;color:#e5dfd2;letter-spacing:.035em;display:flex;align-items:center;gap:25px;border-bottom:1px solid #d7dbcf55;padding:7px 0}
.arrival-skip span {font-size:18px}
.arrival-copy {position:absolute;left:7vw;bottom:21%;z-index:7;max-width:760px;pointer-events:none;will-change:transform,opacity}
.arrival-copy[hidden] {display:none}
.arrival-eyebrow {font:10px/1.5 var(--sans);color:#d8c7a4;letter-spacing:.23em;margin:0 0 23px}
.arrival-copy h1,.arrival-copy h2 {font:400 clamp(40px,5.6vw,84px)/1.23 var(--serif);letter-spacing:-.055em;margin:0;color:#f5eee1;text-shadow:0 3px 40px #0005}
.arrival-copy h1 em,.arrival-copy h2 em {font-style:normal;color:#ead9b5}
.arrival-line {font-size:13px;line-height:1.9;color:#c2cbd0;margin:26px 0 0}
.arrival-copy-quiet {bottom:24%}
.arrival-copy-quiet h2 {font-size:clamp(25px,3vw,42px)}
.arrival-copy-home {inset:110px 7vw 105px;max-width:none;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:5vw}
.arrival-copy-home h2 {font-size:clamp(24px,2.6vw,42px);line-height:1.55;letter-spacing:-.035em}
.arrival-copy-home .visit-counter {margin:20px 0 0;font-size:11px}
.arrival-family-photo {display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;height:100%;pointer-events:auto;outline-offset:8px}
.arrival-family-photo img {width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border:1px solid #c0a26c88;box-shadow:0 0 0 5px #c0a26c0a,0 18px 70px #0007}
.arrival-family-photo:hover img {filter:brightness(1.06)}
.arrival-family-photo:focus-visible {outline:2px solid #f0d8a5}
.arrival-welcome {min-width:0}
.arrival-track[data-welcome="true"] .arrival-skip {visibility:hidden}
.arrival-copy:not([data-arrival-copy="door"]):not(.arrival-copy-home) {bottom:15%;max-width:460px}
.arrival-copy:not([data-arrival-copy="door"]):not(.arrival-copy-home) h2 {font-size:clamp(25px,2.8vw,40px);line-height:1.4;letter-spacing:-.025em}
.arrival-copy:not([data-arrival-copy="door"]):not(.arrival-copy-home) .arrival-eyebrow {font-size:8px;margin-bottom:12px}
.arrival-enter {display:inline-flex;gap:35px;align-items:center;font-size:13px;color:#f5e3bb;border-bottom:1px solid #d8c49999;padding:13px 0;margin-top:16px;pointer-events:auto}
.arrival-enter span {font-size:20px}
.arrival-scroll-sign {display:flex;gap:15px;align-items:center;font-size:8px;letter-spacing:.24em;color:#bcc7d0;margin-top:30px}
.arrival-scroll-sign span {width:19px;height:30px;border:1px solid #cfddd580;border-radius:10px;position:relative}
.arrival-scroll-sign span:after {content:'';position:absolute;left:8px;top:7px;width:1px;height:8px;background:#eddeb9}
.arrival-loading {position:absolute;top:105px;left:7vw;z-index:8;font-size:10px;color:#c6d1d5;letter-spacing:.04em;background:#050d16c0;padding:7px 11px;border:1px solid #cad8d322}
.arrival-loading[hidden] {display:none}
.arrival-bottom {position:absolute;bottom:23px;left:4.6vw;right:4.6vw;z-index:10;display:flex;align-items:center;gap:35px;font-size:10px;color:#a6b4c1}
.arrival-chapter-number {font-size:10px;white-space:nowrap;letter-spacing:.1em;color:#a6afb7}
.arrival-chapter-number b {font:22px Georgia,serif;color:#efe1c2;margin-right:4px}
.arrival-chapters {display:flex;gap:26px;align-items:center;flex:1}
.arrival-chapters button {font-size:10px;color:#99a7b4;padding:10px 0;position:relative;min-height:34px}
.arrival-chapters button span {font-size:7px;letter-spacing:0;color:#87929d;margin-right:7px}
.arrival-chapters button[aria-current] {color:#f0d8a5}
.arrival-chapters button:after {content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:#dbc395}
.arrival-chapters button[aria-current]:after {width:100%}
#arrival-scroll-note {font-size:10px;white-space:nowrap;color:#cbd5d8}
.arrival-progress {height:2px;position:absolute;bottom:0;left:0;right:0;background:#d5e4e61c;z-index:12}
.arrival-progress>span {display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#d9c08e}
.arrival-no-script {position:absolute;top:65svh;left:7vw;z-index:15;background:#091724;padding:24px}.arrival-no-script a {display:block}
.arrival-static #arrival-world {background:radial-gradient(ellipse at 55% 45%,#568ea642,#171832 35%,#040810 76%)}
@media(max-width:980px){.arrival-bottom {gap:20px}.arrival-chapters {gap:16px}.arrival-chapters button span {display:none}.arrival-copy {left:6vw}.arrival-copy h1,.arrival-copy h2 {font-size:clamp(42px,7vw,70px)}}
@media(max-width:700px){
  body[data-page="arrival"] .site-header {height:80px;padding-inline:22px}.arrival-track {min-height:9000px;height:1600svh}
  .arrival-skip {top:93px;right:24px;font-size:10px;gap:18px}.arrival-loading {left:24px;top:135px;max-width:calc(100% - 48px)}
  .arrival-copy {left:26px;right:22px;bottom:22%;max-width:none}.arrival-eyebrow {font-size:8px;letter-spacing:.16em;margin-bottom:18px}.arrival-copy h1,.arrival-copy h2 {font-size:clamp(37px,10.5vw,55px);line-height:1.31}
  .arrival-copy-quiet h2 {font-size:27px}.arrival-line {font-size:12px;margin-top:19px}.arrival-scroll-sign {margin-top:22px}
  .arrival-copy-home {inset:104px 26px 120px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:22px;text-align:center}
  .arrival-copy-home h2 {font-size:clamp(23px,6.5vw,30px);line-height:1.5}
  .arrival-copy-home .arrival-eyebrow {margin-bottom:12px;font-size:7px}
  .arrival-bottom {left:24px;right:24px;bottom:23px;gap:18px;flex-wrap:wrap}.arrival-chapter-number {display:none}.arrival-chapters {width:100%;gap:0;justify-content:space-between;order:2}.arrival-chapters button {font-size:9px;min-height:34px}.arrival-chapters button:last-child {font-size:8px}#arrival-scroll-note {margin-left:auto;font-size:9px;order:1}
  .arrival-copy-home .visit-counter {font-size:11px;margin-top:15px}.arrival-enter {font-size:12px;margin-top:12px;padding:9px 0}
  .arrival-copy:not([data-arrival-copy="door"]):not(.arrival-copy-home) {bottom:20%;max-width:290px}
  .arrival-copy:not([data-arrival-copy="door"]):not(.arrival-copy-home) h2 {font-size:25px}
}
@media(min-width:701px) and (max-width:980px){.arrival-copy-home h2 {font-size:clamp(22px,2.6vw,30px)}}
@media(max-height:600px) and (min-width:701px){.arrival-copy {bottom:22%}.arrival-copy h1,.arrival-copy h2 {font-size:44px}.arrival-copy-home {top:88px;bottom:75px}.arrival-copy-home h2 {font-size:24px}.arrival-scroll-sign {display:none}.arrival-skip {top:98px}}
@media(max-height:650px){
  .arrival-copy {bottom:22%}.arrival-copy-home {bottom:90px}
  .arrival-copy-home .visit-counter,.arrival-scroll-sign {display:none}
  .arrival-eyebrow {margin-bottom:10px}.arrival-enter {margin-top:8px;padding:8px 0}
  .arrival-copy:not([data-arrival-copy="door"]):not(.arrival-copy-home) {bottom:21%}
  .arrival-skip {top:84px}.arrival-loading {top:116px}
}
@media(max-height:650px) and (max-width:700px){
  .arrival-copy-home {top:85px;bottom:100px;gap:10px}
  .arrival-copy-home h2 {font-size:20px;line-height:1.42}
  .arrival-copy-home .arrival-eyebrow {display:none}
}
.arrival-copy-home .arrival-enter {min-height:44px}
