.c03-arrival{--arrival-height: 100svh;--arrival-copy-lift: clamp(32px, 7svh, 72px);position:relative;background:#111312;height:var(--arrival-height);view-timeline-name:--c03-arrival;view-timeline-axis:block}.c03-arrival.is-ready{height:calc(var(--arrival-height) + 70svh)}.c03-arrival__stage{position:sticky;top:0;height:var(--arrival-height);min-height:0;overflow:hidden;isolation:isolate}.c03-arrival__room{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-origin:50% 42%}.c03-editorial .c03-arrival__room img{height:100%;width:100%;object-fit:cover;object-position:50% 45%}.c03-arrival__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 46%,rgba(9,11,10,.24) 58%,rgba(9,11,10,.6) 74%,rgba(9,11,10,.88) 100%)}.c03-arrival__jamb{position:absolute;top:0;bottom:0;width:25%;pointer-events:none}.c03-arrival__jamb--left{left:0;background:linear-gradient(90deg,#111312,#171a18 88%,#242622 97%,#101210);border-right:1px solid rgba(183,176,159,.24)}.c03-arrival__jamb--right{right:0;background:linear-gradient(90deg,#0a0c0b,#212420 4%,#151816 13%,#101211);border-left:1px solid rgba(183,176,159,.15)}.c03-arrival__copy{position:absolute;right:var(--c03-page);bottom:calc(17% + var(--arrival-copy-lift));z-index:2;text-align:right;max-width:calc(100% - 2 * var(--c03-page))}.c03-arrival__copy h1{display:inline-block;position:relative;padding:.32em .48em .36em;border-radius:.42em .42em .08em;background:var(--c03-white);color:#191c1b;box-shadow:0 6px 30px #0000001f;font-family:var(--c03-display);font-weight:600;font-size:clamp(48px,5.5vw,84px);line-height:1.05;letter-spacing:-.055em;margin:0;text-transform:none}.c03-arrival__copy h1 span{display:inline}.c03-arrival__copy p{font-size:clamp(15px,1.2vw,18px);line-height:1.5;max-width:28ch;text-wrap:balance;margin:20px 0 0 auto;color:var(--c03-white)}.c03-arrival__reveal{position:absolute;left:var(--c03-page);bottom:calc(19% + var(--arrival-copy-lift));font-family:var(--c03-display);font-size:clamp(30px,4vw,58px);font-weight:600;letter-spacing:-.04em;line-height:1.04;margin:0;opacity:0;transform:translateY(18px);pointer-events:none}.c03-arrival .c03-scroll-link{bottom:calc(max(28px,calc(env(safe-area-inset-bottom) + 16px)) + var(--arrival-copy-lift));min-width:44px;min-height:44px}@keyframes c03-arrival-left{to{transform:translate(-105%)}}@keyframes c03-arrival-right{to{transform:translate(105%)}}@keyframes c03-arrival-room{to{transform:scale(1.045)}}@keyframes c03-arrival-copy{0%,8%{opacity:1;transform:translateY(0)}48%,to{opacity:0;transform:translateY(-32px)}}@keyframes c03-arrival-reveal{0%,62%{opacity:0;transform:translateY(18px)}90%,to{opacity:1;transform:translateY(0)}}@supports (animation-timeline: view()) and (animation-range: contain){.c03-arrival.is-ready .c03-arrival__jamb--left{animation-name:c03-arrival-left}.c03-arrival.is-ready .c03-arrival__jamb--right{animation-name:c03-arrival-right}.c03-arrival.is-ready .c03-arrival__room{animation-name:c03-arrival-room}.c03-arrival.is-ready .c03-arrival__copy{animation-name:c03-arrival-copy}.c03-arrival.is-ready .c03-arrival__reveal{animation-name:c03-arrival-reveal}.c03-arrival.is-ready :is(.c03-arrival__jamb,.c03-arrival__room,.c03-arrival__copy,.c03-arrival__reveal){animation-duration:1s;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--c03-arrival;animation-range:contain 0% contain 100%}}@media(max-width:749px){.c03-arrival__jamb{width:12%}.c03-arrival__copy{bottom:calc(17% + var(--arrival-copy-lift))}.c03-arrival__copy h1{font-size:clamp(32px,9.5vw,48px)}.c03-arrival__copy p{margin-top:16px;font-size:15px}.c03-arrival__reveal{bottom:calc(19% + var(--arrival-copy-lift));font-size:clamp(32px,9vw,46px)}.c03-editorial .c03-arrival__room img{object-position:50% 44%}}@media(max-height:540px)and (min-width:750px){.c03-arrival{--arrival-height: 100svh}.c03-arrival__stage{min-height:0}.c03-arrival__copy h1{font-size:38px}.c03-arrival__copy p{margin-top:15px;font-size:14px}.c03-arrival__copy{bottom:calc(24% + var(--arrival-copy-lift))}}@media(prefers-reduced-motion:reduce){.c03-arrival.is-ready{height:var(--arrival-height)}.c03-arrival__jamb,.c03-arrival__reveal{display:none}}
/*# sourceMappingURL=/cdn/shop/t/167/assets/c03-arrival.css.map */