html.arrival-open{overflow:hidden}
.site-arrival{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:0;border:0;background:#090a07;color:#f4ecdc;overflow-y:auto;isolation:isolate;box-shadow:none;opacity:1;transition:opacity .65s ease;display:none}
.site-arrival[open]{display:grid;grid-template-rows:1fr auto auto;padding:34px 5vw 26px;min-height:560px}
.site-arrival::backdrop{background:#090a07}
.site-arrival .arrival-art,.site-arrival .arrival-film,.site-arrival .arrival-manor-art,.site-arrival .arrival-shade{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:-4}
.site-arrival .arrival-art,.site-arrival .arrival-film{object-position:62% center;animation:arrival-world-in 2s ease-out both}
.site-arrival .arrival-film{z-index:-3}
.site-arrival .arrival-manor-art{z-index:-2;opacity:0;object-position:center;transition:opacity .8s ease,transform 1.2s ease;transform:scale(1.025)}
.site-arrival[data-preview=manor] .arrival-manor-art{opacity:1;transform:scale(1)}
.site-arrival .arrival-shade{z-index:-1;background:linear-gradient(90deg,#090b09e6 0%,#090b0960 50%,#090b0908 80%),linear-gradient(0deg,#080b09f5 0%,#080b09a0 18%,transparent 50%,#080b0955 100%)}
.arrival-frame{position:fixed;inset:17px;border:1px solid #cfb58225;pointer-events:none;z-index:0}
.arrival-frame:before,.arrival-frame:after{content:'';position:absolute;width:5px;height:5px;border:1px solid #cfb58299;transform:rotate(45deg);top:-3px;background:#181810}.arrival-frame:before{left:-3px}.arrival-frame:after{right:-3px}
.arrival-masthead{position:absolute;top:40px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:start;gap:20px;font:9px/1.6 Arial,sans-serif;letter-spacing:2.5px;color:#dfd2ba;z-index:1}
.arrival-masthead>span:first-child{font:9px/1.5 Georgia,serif;letter-spacing:4px}.arrival-masthead strong{display:block;font:19px/1.8 Georgia,serif;letter-spacing:.05em;color:#eee5d4}.arrival-masthead>span:last-child{font-size:8px;letter-spacing:1.8px;padding-top:5px}
.arrival-title-block{position:relative;align-self:center;min-height:350px;padding-top:145px;padding-bottom:48px;width:100%;pointer-events:none}
.site-arrival .arrival-overline{font:9px/1.6 Arial,sans-serif;letter-spacing:3px;color:#ddc393;margin:0 0 22px;position:relative;z-index:1}
.arrival-number{position:absolute;left:-.015em;top:20px;font:clamp(250px,31vw,520px)/.9 Georgia,serif;letter-spacing:-.075em;color:#d5bb7b0b;-webkit-text-stroke:1px #e1c49350;mask-image:linear-gradient(#000 12%,#0006 65%,transparent);user-select:none;animation:arrival-number-in 2s ease-out both;transition:opacity .8s}
.site-arrival h2{font:clamp(48px,5.8vw,88px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:0;position:relative;z-index:1;max-width:740px;text-shadow:0 4px 35px #0007;animation:arrival-type-in 1.15s .12s both}
.site-arrival h2 em{font-weight:400;color:#dec89e}
.site-arrival[data-preview=manor] .arrival-number{opacity:.28}
.arrival-paths{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:28px;z-index:1;margin-top:30px}
.arrival-path{appearance:none;position:relative;display:flex;gap:19px;align-items:center;min-width:0;min-height:116px;padding:22px 24px 22px 10px;background:linear-gradient(90deg,#11140ce0,#11140c30);color:#f4ecdc;border:0;border-top:1px solid #d8c09388;text-align:left;text-decoration:none;cursor:pointer;transition:background .3s,border-color .3s;overflow:hidden}
.arrival-path:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#d6ba80;transform:scaleX(0);transform-origin:left;transition:transform .4s}
.arrival-path:hover,.arrival-path:focus-visible{background:linear-gradient(90deg,#bca16a26,#11140c50);border-top-color:#ead3a4}
.arrival-path:hover:after,.arrival-path:focus-visible:after{transform:scaleX(1)}
.arrival-path-index{font:11px Georgia,serif;color:#d5ba83;align-self:flex-start;margin-top:4px}
.arrival-path-copy{display:flex;flex-direction:column;gap:9px;flex:1}
.arrival-path-copy small{font:8px/1 Arial,sans-serif;letter-spacing:2.2px;color:#c6b590}
.arrival-path-copy strong{font:clamp(21px,2.3vw,34px)/1.12 Georgia,serif;font-weight:400;letter-spacing:-.025em}
.arrival-path-note{font:11px/1.5 Arial,sans-serif;color:#c0bbaf}
.arrival-path-arrow{display:grid;place-items:center;width:40px;height:40px;flex:none;font:25px Georgia,serif;border:1px solid #d6bc8250;border-radius:50%;transition:transform .3s,background .3s}
.arrival-path:hover .arrival-path-arrow{transform:rotate(45deg);background:#d9bf8420}
.arrival-footnote{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:27px;font:7px/1.5 Arial,sans-serif;letter-spacing:2px;color:#c5b69780}.arrival-footnote>span:nth-child(2){font-size:14px;color:#d0b579}
.site-arrival :focus-visible{outline:2px solid #fff0c9;outline-offset:5px}
.site-arrival.is-leaving{opacity:0;pointer-events:none}.site-arrival.is-leaving .arrival-title-block{transform:translateY(-18px);transition:transform .65s ease}
@keyframes arrival-world-in{from{opacity:.1;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@keyframes arrival-number-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes arrival-type-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){
 .site-arrival[open]{padding:25px 26px 20px;min-height:650px;grid-template-rows:1fr auto auto}
 .arrival-frame{inset:10px}.arrival-masthead{top:28px;left:27px;right:27px}.arrival-masthead>span:first-child{font-size:8px;letter-spacing:2.7px}.arrival-masthead strong{font-size:16px}.arrival-masthead>span:last-child{font-size:6px;letter-spacing:1px;max-width:100px;text-align:right;line-height:1.8}
 .site-arrival .arrival-art,.site-arrival .arrival-film{object-position:59% center}.site-arrival .arrival-shade{background:linear-gradient(0deg,#080b09 0%,#080b09a8 33%,#080b0940 70%,#080b0980),linear-gradient(90deg,#080b0966,transparent)}
 .arrival-title-block{min-height:290px;padding-top:170px;padding-bottom:20px;align-self:end}.arrival-number{top:40px;left:0;font-size:270px;-webkit-text-stroke:1px #ead4a058}
 .site-arrival h2{font-size:clamp(39px,10.6vw,62px);line-height:1.07}.site-arrival .arrival-overline{font-size:7px;letter-spacing:2px;margin-bottom:16px}
 .arrival-paths{grid-template-columns:1fr;gap:8px;margin-top:25px}.arrival-path{min-height:100px;padding:16px 4px;gap:14px}.arrival-path-copy{gap:7px}.arrival-path-copy strong{font-size:25px}.arrival-path-copy small{font-size:7px;letter-spacing:1.6px}.arrival-path-note{font-size:10px}.arrival-path-arrow{width:34px;height:34px;font-size:22px}.arrival-footnote{padding-top:19px;font-size:6px;letter-spacing:1px}.arrival-footnote>span:last-child{display:none}
}
@media(max-height:650px) and (min-width:651px){.site-arrival[open]{padding-bottom:20px}.arrival-title-block{padding-top:100px;min-height:260px;padding-bottom:10px}.site-arrival h2{font-size:52px}.arrival-number{font-size:300px;top:15px}.arrival-paths{margin-top:10px}.arrival-path{min-height:90px;padding-top:15px;padding-bottom:15px}.arrival-footnote{padding-top:15px}}
.site-arrival.arrival-still *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.site-arrival,.site-arrival *{transition:none!important;animation:none!important}}
/* Keep initial focus on the title; show the path outline only after keyboard navigation. */
.site-arrival #arrival-title:focus{outline:none}
@media(max-width:650px){.site-arrival .arrival-art,.site-arrival .arrival-film{object-position:50% center}.arrival-number{display:none}}
/* Short screens scroll inside the dialog instead of extending below the viewport. */
.site-arrival[open]{min-height:0}
@media(max-width:360px){.arrival-path-copy strong{font-size:21px}.arrival-path-note{font-size:9px}.site-arrival h2{font-size:37px}.arrival-path{min-height:94px}.arrival-title-block{padding-top:155px;min-height:275px}}
@media(max-width:360px){.arrival-masthead{gap:12px}.arrival-masthead strong{font-size:14px;white-space:nowrap}.arrival-masthead>span:last-child{max-width:78px;font-size:5.5px}}