/* The first encounter. The notebook world gives way to the printed stations. */
.is-arriving .walk-reference,.is-arriving .garden{display:none;}
.is-arriving .walk-layout{display:block;max-width:none;min-height:0;}
.is-arriving .walk-space{display:block;padding:0;border:0;}
.is-arriving .walk-header{max-width:none;background:#fbf8f3c9;}
.is-arriving .walk-header::after{opacity:.5;}
.arrival{overflow:hidden;background:var(--paper);}
.arrival-hero{position:relative;isolation:isolate;min-height:790px;max-width:1800px;margin:auto;}
.arrival-world{position:absolute;z-index:-1;right:0;top:0;width:76%;height:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent 8%,black 40%),linear-gradient(0deg,transparent,black 16%);mask-composite:intersect;}
.arrival-world picture,.arrival-world img{display:block;width:100%;height:100%;}
.arrival-world img{object-fit:cover;object-position:64% center;animation:world-reveal 1.8s cubic-bezier(.2,.7,.2,1) both,world-drift 22s 1.8s ease-in-out infinite;}
.arrival-glow{position:absolute;top:1%;left:61%;width:15%;height:26%;background:radial-gradient(ellipse,#fff2b9aa,transparent 65%);mix-blend-mode:screen;animation:door-light 7s ease-in-out infinite;pointer-events:none;}
.arrival-copy{width:48%;max-width:650px;padding:52px 30px 80px clamp(32px,6.4vw,110px);position:relative;z-index:1;}
.arrival-copy>.tiny{font-size:10px;letter-spacing:.14em;max-width:380px;color:var(--brand-ink);margin:0 0 26px;animation:arrival-rise 700ms 80ms both;}
.walk .arrival h1{font-family:var(--booklet-serif,'Times New Roman',serif);font-size:clamp(58px,6.35vw,96px);letter-spacing:-.045em;line-height:.99;margin:0 0 27px;color:var(--ink);animation:arrival-rise 850ms 150ms both;}
.arrival h1 em{font-weight:400;color:var(--brand-ink);}
.arrival-question{font-size:21px;line-height:1.5;max-width:390px;color:var(--ink);margin:0 0 17px;animation:arrival-rise 850ms 250ms both;}
.arrival-description{font-size:15px;line-height:1.8;color:var(--ink-soft);max-width:355px;margin:0 0 25px;animation:arrival-rise 850ms 330ms both;}
.arrival-entry{animation:arrival-rise 850ms 420ms both;}
.arrival .length-options{margin:0;gap:8px;flex-wrap:wrap;}
.walk .arrival .length-option{font-size:12px;border:0;border-bottom:1px solid transparent;padding:8px 2px;margin-right:18px;background:none;border-radius:0;min-height:40px;color:var(--ink-soft);}
.walk .arrival .length-option[aria-pressed=true]{color:var(--brand-ink);border-color:var(--brand-ink);}
.arrival .length-note{font-size:12px;margin:7px 0 17px;}
.walk .arrival .primary{font-size:17px;padding:17px 25px;border-radius:50px;background:#672f51;border-color:#672f51;box-shadow:0 8px 24px #672f5120;}
.arrival-promise{font-size:11px;line-height:1.6;color:var(--ink-soft);margin:14px 0 0;}
.walk-gate{max-width:440px;margin:4px 0 0;padding:22px 24px 20px;background:#fffdf7e6;border:1px solid #e1deca;border-radius:16px;box-shadow:0 10px 30px #3e563e12;}
.walk .walk-gate h2{font-family:var(--booklet-serif,'Times New Roman',serif);font-size:24px;line-height:1.2;font-weight:400;letter-spacing:-.01em;margin:0 0 8px;color:var(--ink);}
.walk-gate>p{font-size:14px;line-height:1.6;color:var(--ink-soft);margin:0 0 10px;}
.gate-offers{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px;}
.gate-offers li{font-size:14px;line-height:1.55;color:var(--ink-soft);padding-left:16px;position:relative;}
.gate-offers li::before{content:'✧';position:absolute;left:0;color:var(--brand-ink);font-size:11px;top:2px;}
.gate-offers strong{color:var(--ink);font-weight:500;}
.walk-gate>label[for=gate-email]{display:block;font-size:14px;font-weight:500;margin:0 0 6px;color:var(--ink);}
.walk .walk-gate input[type=email]{font-size:16px;padding:12px 14px;}
.gate-trap{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;}
.gate-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--ink);margin:14px 0 10px;cursor:pointer;}
.gate-check input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:#672f51;}
.walk-gate .gate-privacy{font-size:12px;line-height:1.6;margin:0 0 14px;}
#gate-verification:not(:empty){margin:0 0 14px;}
.walk .walk-gate .primary{width:100%;}
.gate-status{font-size:14px;line-height:1.5;color:#705b38;margin:10px 0 0;min-height:0;}
.gate-status:empty{display:none;}
.walk .arrival-motion{position:absolute;right:30px;bottom:18px;font-size:11px;border:0;color:var(--ink-soft);z-index:2;}
.arrival-scroll{position:absolute;bottom:22px;left:clamp(32px,6.4vw,110px);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:10px;display:flex;gap:22px;align-items:center;min-height:44px;}
.arrival-scroll span{font-size:20px;animation:scroll-invitation 3s ease-in-out infinite;}
.arrival-sparks{position:absolute;inset:0;pointer-events:none;}
.arrival-sparks i{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;background:#fff5d9;border-radius:50%;box-shadow:0 0 10px 3px #ffe7bb;animation:firefly 9s ease-in-out infinite;animation-delay:calc(var(--i)*-1.7s);}
.arrival-more{position:relative;padding:85px max(28px,7vw) 70px;max-width:1300px;margin:0 auto;scroll-margin-top:25px;}
.arrival-more::before{content:'';position:absolute;left:7%;right:7%;top:0;height:1px;background:linear-gradient(90deg,transparent,#decddd,transparent);}
.arrival-explainer{max-width:620px;margin:0 auto 55px;text-align:center;}
.arrival-explainer .tiny{color:var(--brand-ink);font-size:11px;}
.arrival h2{font-family:var(--booklet-serif);font-weight:400;font-size:clamp(34px,4vw,50px);letter-spacing:-.025em;line-height:1.13;color:var(--ink);margin:16px 0 23px;}
.arrival-explainer>p:last-child{color:var(--ink-soft);font-size:17px;line-height:1.85;}
.arrival-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0 0 55px;}
.arrival-chapters>div{position:relative;padding-top:20px;border-top:1px solid #dac9d8;}
.arrival-chapters>div:nth-child(2){border-color:#d2c899;}.arrival-chapters>div:nth-child(3){border-color:#bccdaf;}
.arrival-chapters .tiny{font-size:11px;color:var(--brand-ink);}
.arrival h3{font-family:var(--booklet-serif);font-size:27px;line-height:1.3;font-weight:400;margin:16px 0 12px;color:var(--ink);}
.arrival-chapters p{font-size:15px;line-height:1.8;color:var(--ink-soft);margin:0;}
.arrival-afterword{border-top:1px solid var(--line);display:grid;grid-template-columns:1.4fr 1fr;gap:75px;padding-top:28px;}
.arrival-afterword h3{font-size:21px;}.arrival-afterword p{font-size:13px;line-height:1.9;color:var(--ink-soft);max-width:570px;}.arrival-afterword a{display:block;width:fit-content;line-height:1.7;margin:9px 0;font-size:14px;text-decoration:underline;text-underline-offset:4px;}
@keyframes arrival-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes world-reveal{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}
@keyframes world-drift{0%,100%{transform:scale(1)}50%{transform:scale(1.035) translateY(-5px)}}
@keyframes door-light{0%,100%{opacity:.3}50%{opacity:.95}}
@keyframes scroll-invitation{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@keyframes firefly{0%,100%{opacity:0;transform:translate(0,14px)}35%,70%{opacity:.8}90%{opacity:0;transform:translate(18px,-35px)}}
@media(hover:hover) and (pointer:fine){.walk .arrival .primary:hover{background:#853e66;box-shadow:0 10px 30px #672f5130;}}
@media(min-width:1500px){.arrival-hero{min-height:860px;}.arrival-copy{padding-top:75px;}}
@media(max-width:1000px) and (min-width:761px){.arrival-copy{width:53%;padding-left:35px;}.walk .arrival h1{font-size:63px;}.arrival-question{font-size:19px;}.arrival-world{width:74%;}}
@media(max-width:760px){
 .arrival-hero{min-height:0;padding-bottom:62px;}
 .arrival-world{width:100%;height:380px;top:0;mask-image:linear-gradient(0deg,transparent,black 28%);mask-composite:add;}
 .arrival-world img{object-position:55% 52%;}
 .arrival-copy{width:100%;max-width:560px;margin:0 auto;padding:330px 25px 30px;text-align:center;}
 .arrival-copy>.tiny{font-size:9px;max-width:300px;margin:0 auto 19px;}
 .walk .arrival h1{font-size:clamp(48px,11.5vw,66px);line-height:1.01;margin-bottom:22px;}
 .arrival-question{font-size:19px;max-width:310px;margin:0 auto 17px;}
 .arrival-description{font-size:15px;max-width:350px;margin:0 auto 20px;}
 .arrival .length-options{justify-content:center;gap:18px;}.walk .arrival .length-option{margin:0;font-size:13px;}
 .walk .arrival .primary{font-size:17px;padding:16px 24px;min-width:230px;}
 .arrival-promise{font-size:11px;}
 .walk-gate{margin:4px auto 0;padding:20px 18px 18px;text-align:left;}
 .walk .walk-gate h2{font-size:22px;text-align:center;}
 .walk .walk-gate .primary{min-width:0;}
 .arrival-scroll{left:25px;bottom:12px;font-size:9px;gap:10px;}.walk .arrival-motion{right:16px;bottom:12px;font-size:10px;}
 .arrival-more{padding:55px 25px 40px;}.arrival-explainer{margin-bottom:35px;}.arrival-explainer>p:last-child{font-size:16px;}
 .arrival-chapters{grid-template-columns:1fr;gap:26px;padding-bottom:35px;}.arrival-chapters h3{margin-top:10px;}.arrival-afterword{grid-template-columns:1fr;gap:12px;}
}
@media(prefers-reduced-motion:reduce){.arrival *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

.arrival-mobile-detail{display:none;}
@media(max-width:760px){
 .arrival-detail{display:none;}.arrival-mobile-detail{display:inline;}
 .arrival-world{height:355px;}
 .arrival-copy{padding-top:320px;}
}

.motion-paused .arrival *{animation:none!important;}
