/* A quiet, two-step welcome. The restaurant screen also works without JavaScript. */
.arrival-page{background:#10211f;color:var(--text);margin:0}
.arrival-flow{min-height:100svh}
.arrival-screen{position:relative;min-height:100svh;isolation:isolate;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 30%,#24403750,transparent 65%),#10211f}
.arrival-screen-restaurants{display:none}
.arrival-screen-restaurants:target{display:flex}
.arrival-screen-restaurants:target~.arrival-screen-language{display:none}
.arrival-toolbar{position:absolute;top:32px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#d5c8b5a8;font:9px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;z-index:2}
.arrival-toolbar a{min-height:36px;display:flex;align-items:center;gap:12px;transition:color .25s}
.arrival-toolbar a:hover{color:var(--copper-light)}
.arrival-change>span{color:var(--copper-light);padding-right:12px;border-right:1px solid var(--line)}
.arrival-welcome{width:min(650px,90%);margin:auto;text-align:center;padding:105px 0 110px}
.arrival-welcome-rule{display:block;width:1px;height:34px;background:linear-gradient(transparent,var(--copper));margin:0 auto 30px}
.arrival-brand{width:min(370px,82%);margin:0 auto 30px;aspect-ratio:2055/772;object-fit:contain}
.arrival-welcome h1{font-size:clamp(52px,6vw,76px);color:var(--text);letter-spacing:-.035em;line-height:1.05}
.arrival-greeting{display:grid;grid-template-columns:minmax(0,1fr);height:1.1em;line-height:1.1;overflow:hidden}
.arrival-greeting-word{grid-area:1/1;white-space:nowrap;opacity:0;transform:translateY(.16em);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.arrival-greeting-word.is-current{opacity:1;transform:translateY(0)}
.arrival-greeting-word.is-exiting{opacity:0;transform:translateY(-.14em)}
.arrival-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.arrival-prompt{margin:20px 0 34px;color:#c5cabf;font:12px/1.6 var(--sans);letter-spacing:.025em}
.arrival-prompt>span{display:block;font-size:10px;color:#9cae9f;margin-top:5px}
.arrival-languages{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:520px;margin:auto}
.arrival-language{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 10px 18px;min-height:84px;border-top:1px solid #d4a57732;border-bottom:1px solid #d4a57732;transition:background .3s,border-color .3s,transform .3s}
.arrival-language-code{font:14px/1.4 var(--sans);letter-spacing:.12em;color:var(--copper-light)}
.arrival-language-name{font:10px/1.4 var(--sans);color:#b6c0b3;margin-top:8px}
.arrival-language:hover,.arrival-language:focus-visible{border-color:var(--copper);background:#d4a57708;transform:translateY(-4px)}
.arrival-footer{position:absolute;bottom:26px;left:20px;right:20px;text-align:center;font:10px/1.6 var(--serif);letter-spacing:.07em;color:#b5bfb09c}
.arrival-selection{width:min(1280px,100%);margin:auto;padding:125px 5% 105px}
.arrival-heading{text-align:center;margin:0 auto 56px;max-width:900px}
.arrival-eyebrow{font:9px/1.5 var(--sans);letter-spacing:.2em;color:#cba27e;text-transform:uppercase;margin:0 0 20px}
.arrival-heading h1{font-size:clamp(48px,5.8vw,78px);line-height:1.06;color:var(--text);letter-spacing:-.035em;text-wrap:balance}
.arrival-heading-rule{display:block;width:46px;height:1px;background:#d4a5776b;margin:27px auto 0}
.arrival-restaurants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.arrival-restaurant{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;padding:25px 9% 36px;transition:background .5s}
.arrival-restaurant+.arrival-restaurant{border-left:1px solid #d4a57726}
.arrival-restaurant-number{font:9px/1.5 var(--sans);color:#cba27e83;letter-spacing:.15em;margin-bottom:20px}
.arrival-restaurant .gold-logo{width:100%;max-width:390px;aspect-ratio:2055/772;object-fit:contain;margin:0 auto 22px;transition:transform .6s}
.arrival-restaurant-address{font:26px/1.15 var(--serif);color:#e3dfd3}
.arrival-restaurant-city{font:8px/1.5 var(--sans);letter-spacing:.17em;text-transform:uppercase;margin-top:9px;color:#aabaaa}
.arrival-restaurant-action{font:9px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--copper-light);margin-top:28px;padding:10px 0;border-bottom:1px solid #d4a57766;transition:border-color .3s}
.arrival-restaurant:hover{background:#d4a57703}
.arrival-restaurant:hover .gold-logo{transform:translateY(-5px)}
.arrival-restaurant:hover .arrival-restaurant-action{border-color:var(--copper-light)}
.arrival-page h1:focus{outline:none}
.arrival-screen{transition:opacity .22s ease,transform .22s ease}
.arrival-screen.arrival-is-leaving{opacity:0;transform:translateY(-10px);pointer-events:none}
@keyframes arrival-soft-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 .arrival-welcome-rule,.arrival-brand,.arrival-welcome h1,.arrival-prompt,.arrival-languages,.arrival-heading,.arrival-restaurant,.arrival-footer{animation:arrival-soft-rise .8s cubic-bezier(.2,.7,.2,1) both}
 .arrival-brand{animation-delay:.06s}.arrival-welcome h1{animation-delay:.13s}.arrival-prompt{animation-delay:.2s}.arrival-languages{animation-delay:.27s}.arrival-footer{animation-delay:.3s}
 .arrival-restaurant{animation-delay:.12s}.arrival-restaurant:nth-child(2){animation-delay:.24s}
}
@media(min-width:651px) and (max-height:760px){.arrival-selection{padding-top:105px;padding-bottom:65px}.arrival-heading{margin-bottom:28px}.arrival-restaurant .gold-logo{max-width:310px}.arrival-restaurant{padding-top:12px;padding-bottom:15px}.arrival-welcome{padding-top:85px;padding-bottom:75px}.arrival-welcome-rule{height:20px;margin-bottom:20px}.arrival-brand{width:300px;margin-bottom:20px}}
@media(max-width:650px){
 .arrival-toolbar{top:23px;left:24px;right:24px;font-size:8px;letter-spacing:.12em}.arrival-toolbar a{gap:9px;font-size:8px}.arrival-change>span{padding-right:9px}
 .arrival-welcome{width:calc(100% - 48px);padding:90px 0 100px;max-width:430px}.arrival-brand{width:280px;margin-bottom:28px}.arrival-welcome h1{font-size:58px}.arrival-welcome-rule{height:29px;margin-bottom:25px}
 .arrival-prompt{margin-top:18px;margin-bottom:30px;font-size:11px}.arrival-languages{gap:12px;grid-template-columns:repeat(2,1fr);max-width:310px}.arrival-language{min-height:82px;padding:15px 12px}.arrival-language-code{font-size:13px}.arrival-language-name{font-size:10px}
 .arrival-selection{padding:100px 25px 68px;max-width:510px}.arrival-heading{margin-bottom:20px}.arrival-eyebrow{font-size:8px;margin-bottom:16px}.arrival-heading h1{font-size:44px;max-width:350px;margin:auto}.arrival-heading-rule{margin-top:21px;width:35px}
 .arrival-restaurants{grid-template-columns:1fr}.arrival-restaurant{padding:22px 20px 25px}.arrival-restaurant+.arrival-restaurant{border-left:0;border-top:1px solid #d4a57726}.arrival-restaurant-number{display:none}.arrival-restaurant .gold-logo{max-width:265px;margin-bottom:14px}.arrival-restaurant-address{font-size:22px}.arrival-restaurant-city{font-size:7px;margin-top:6px}.arrival-restaurant-action{font-size:8px;margin-top:15px;padding:8px 0}.arrival-footer{bottom:22px;font-size:10px}
}
@media(max-width:380px){.arrival-toolbar{left:20px;right:20px;font-size:7px}.arrival-welcome{width:calc(100% - 40px)}.arrival-brand{max-width:250px}.arrival-selection{padding-left:20px;padding-right:20px}.arrival-heading h1{font-size:39px}.arrival-restaurant .gold-logo{max-width:240px}}

/* A fine gold fox recalls the restaurant's heritage. */
.arrival-fox{width:82px;height:82px;margin:0 auto 24px}
.arrival-fox-divider{display:flex;align-items:center;justify-content:center;gap:27px;width:auto;height:50px;background:none;margin:22px auto 0}
.arrival-fox-divider:before,.arrival-fox-divider:after{content:"";width:48px;height:1px;background:#d4a57740}
.arrival-fox-divider .fox-mark{width:50px;height:50px}
@media(prefers-reduced-motion:no-preference){.arrival-fox{animation:arrival-soft-rise 1s cubic-bezier(.2,.7,.2,1) both}}
@media(min-width:651px) and (max-height:760px){.arrival-fox{width:64px;height:64px;margin-bottom:18px}.arrival-fox-divider{height:40px;margin-top:17px}.arrival-fox-divider .fox-mark{width:40px;height:40px}}
@media(max-width:650px){.arrival-fox{width:70px;height:70px;margin-bottom:20px}.arrival-fox-divider{height:42px;margin-top:18px;gap:22px}.arrival-fox-divider .fox-mark{width:42px;height:42px}.arrival-fox-divider:before,.arrival-fox-divider:after{width:36px}.arrival-heading{margin-bottom:12px}}
