/* One quiet arrival, carried by the actual opening composition. */
html.arrival-active,html.arrival-active body{overflow:hidden!important;overscroll-behavior:none}
html.arrival-active{background:var(--fw-charcoal);color-scheme:dark}
#experience-arrival{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--fw-charcoal);color:var(--fw-ivory);color-scheme:dark;overflow-y:auto;overscroll-behavior:contain;font-family:Manrope,Arial,sans-serif}
#experience-arrival:not([open]){display:none}
#experience-arrival::backdrop{background:transparent}
.arrival-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.arrival-art picture,.arrival-art img{width:100%;height:100%;display:block}
.arrival-art img{object-fit:cover;opacity:.3;transform:scale(1.025);transition:opacity 1.2s ease,transform 1.5s cubic-bezier(.22,1,.36,1)}
.arrival-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgb(var(--fw-charcoal-rgb) / 0.961) 5%,rgb(var(--fw-charcoal-rgb) / 0.902) 34%,rgb(var(--fw-charcoal-rgb) / 0.439) 70%,rgb(var(--fw-charcoal-rgb) / 0.2)),linear-gradient(0deg,var(--fw-charcoal) 0%,transparent 40%,rgb(var(--fw-charcoal-rgb) / 0.439))}
#experience-arrival[data-state=ready] .arrival-art img{opacity:.85;transform:scale(1)}
.arrival-shell{position:relative;min-height:100%;box-sizing:border-box;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(24px,4vh,48px);padding:max(24px,env(safe-area-inset-top)) max(5vw,env(safe-area-inset-right),24px) max(22px,env(safe-area-inset-bottom)) max(5vw,env(safe-area-inset-left),24px)}
.arrival-identity{display:flex;gap:20px;align-items:center;font-size:18px;font-weight:700;letter-spacing:-.04em}
.arrival-identity img{width:65px;height:36px;object-fit:contain}
.arrival-main{align-self:center;max-width:650px;padding:18px 0 24px}
.arrival-eyebrow{font-size:10px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;color:var(--fw-muted-dark);margin:0 0 24px}
#arrival-title{font-size:clamp(52px,6.6vw,100px);line-height:.98;font-weight:500;letter-spacing:-.065em;margin:0 0 28px;text-wrap:balance}
#arrival-title em{font-style:normal;color:var(--fw-amber)}
#arrival-description{font-size:15px;line-height:1.65;color:var(--fw-muted-dark);max-width:37ch;min-height:3.3em;margin:0 0 30px;text-wrap:pretty}
.arrival-progress{max-width:410px}
.arrival-progress-heading{display:flex;align-items:flex-end;gap:24px;justify-content:space-between}
.arrival-progress-heading [role=status]{margin:0;max-width:30ch;min-height:3em;font-size:12px;line-height:1.5;color:var(--fw-ivory)}
.arrival-count{flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;color:var(--fw-muted-dark)}
#experience-arrival .preparation-meter{margin:12px 0 0;height:3px}
#experience-arrival .preparation-meter i{background:linear-gradient(90deg,var(--fw-amber),var(--fw-stone));transition:transform .65s cubic-bezier(.22,1,.36,1)}
#experience-arrival .preparation-steps{margin:5px 0 10px}
#experience-arrival .preparation-steps li{font-size:10px;line-height:1.5;padding-top:9px}
#experience-arrival .preparation-transfer{min-height:3.2em;max-width:40ch;font-size:10px;line-height:1.6;margin:0;color:var(--fw-muted-dark)}
.arrival-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:18px 0 0}
.arrival-enter{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:54px;min-width:218px;padding:16px 20px;border:1px solid rgb(var(--fw-ivory-rgb) / 0.4);border-radius:3px;background:var(--fw-amber);color:var(--fw-ink);font:500 13px Manrope,Arial,sans-serif;cursor:pointer;transition:background .25s,color .25s,transform .25s}
.arrival-enter:disabled{cursor:progress;background:var(--fw-raised);color:var(--fw-muted-dark);border-color:rgb(var(--fw-ivory-rgb) / 0.2)}
.arrival-enter:not(:disabled):hover{background:var(--fw-stone);transform:translateY(-2px)}
.arrival-enter>span:last-child{font-size:18px;line-height:1}
.arrival-skip,.arrival-bottom a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--fw-muted-dark);font-size:12px;text-decoration:underline;text-underline-offset:6px;text-decoration-color:rgb(var(--fw-muted-dark-rgb) / 0.314);transition:text-decoration-color .25s,color .25s}
.arrival-skip:hover,.arrival-bottom a:hover{color:var(--fw-ivory);text-decoration-color:currentColor}
#experience-arrival :focus-visible{outline:2px solid var(--fw-line-light);outline-offset:6px}
#arrival-title:focus{outline:none}
.arrival-guidance{font-size:11px;line-height:1.6;color:var(--fw-muted-dark);max-width:50ch;margin:18px 0 0}
.arrival-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgb(var(--fw-ivory-rgb) / 0.157);padding-top:14px;font-size:10px;line-height:1.6;color:var(--fw-muted-dark)}
.arrival-bottom nav{display:flex;gap:30px}
@media(max-width:700px){
 .arrival-shell{gap:22px;padding-left:24px;padding-right:24px}
 .arrival-art img{object-position:60% center;opacity:.2}
 #experience-arrival[data-state=ready] .arrival-art img{opacity:.48}
 .arrival-art::after{background:linear-gradient(90deg,rgb(var(--fw-charcoal-rgb) / 0.902),rgb(var(--fw-charcoal-rgb) / 0.565)),linear-gradient(0deg,var(--fw-charcoal),transparent 65%)}
 .arrival-identity{font-size:16px}.arrival-identity img{width:55px;height:30px}
 .arrival-main{padding:6px 0 8px;max-width:100%}
 .arrival-eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:20px}
 #arrival-title{font-size:clamp(44px,12vw,74px);margin-bottom:22px}
 #arrival-description{font-size:14px;margin-bottom:24px}
 .arrival-actions{gap:6px 20px}.arrival-enter{width:100%;min-width:0}.arrival-skip{min-height:44px}
 .arrival-bottom{align-items:flex-start}.arrival-bottom nav{gap:18px}.arrival-bottom>span{max-width:12ch}
}
@media(max-width:700px) and (max-height:740px) and (orientation:portrait){
 .arrival-shell{padding-top:16px;padding-bottom:16px;gap:12px}
 .arrival-main{padding:0}.arrival-eyebrow{margin-bottom:14px}
 #arrival-title{font-size:42px;margin-bottom:16px}
 #arrival-description{font-size:13px;line-height:1.55;min-height:3.1em;margin-bottom:16px}
 .arrival-actions{margin-top:10px;gap:2px}.arrival-enter{min-height:48px;padding:13px 16px}
 #experience-arrival .preparation-transfer{min-height:1.6em}.arrival-guidance{display:none}
 .arrival-bottom{padding-top:4px}.arrival-identity img{height:25px}
}
@media(orientation:landscape) and (max-height:600px){
 .arrival-shell{gap:12px;padding-top:16px;padding-bottom:12px}
 .arrival-main{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 6vw;padding:0}
 .arrival-eyebrow{grid-column:1;grid-row:1;margin:0;font-size:9px}
 #arrival-title{grid-column:1;grid-row:2/4;font-size:clamp(36px,5.4vw,60px);margin:0}
 #arrival-description{grid-column:1;grid-row:4;margin:0;font-size:12px;min-height:0}
 .arrival-progress{grid-column:2;grid-row:1/4;align-self:end}
 .arrival-actions{grid-column:2;grid-row:4;margin:0;gap:4px 20px}.arrival-enter{min-height:44px;padding:10px 16px;width:100%}
 .arrival-guidance{display:none}.arrival-bottom{padding-top:4px}.arrival-identity{font-size:15px}.arrival-identity img{width:45px;height:25px}
 #experience-arrival .preparation-transfer{min-height:1.6em}
}
@media(prefers-reduced-motion:reduce){#experience-arrival *,#experience-arrival *::after{animation:none!important;transition:none!important}}
@media print{#experience-arrival{display:none!important}}