/* One short, contained film at the door of the studio. */
.arrival[hidden]{display:none!important}
html.arrival-active{overflow:hidden;scrollbar-gutter:stable}
.arrival{--arrival-exit:0%;--arrival-signature:0;--arrival-signature-y:20px;--arrival-mosaic:0;position:fixed;inset:0;width:100vw;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#190f22;color:#fffdf7;isolation:isolate;clip-path:inset(0 0 var(--arrival-exit) 0);font-family:var(--body,"Segoe UI",sans-serif)}
.arrival::backdrop{background:transparent}
.arrival button{font:600 13px/1.2 var(--body,"Segoe UI",sans-serif);min-height:46px;cursor:pointer;color:inherit;border-radius:999px;border:1px solid #fff5;background:#1d142766;padding:13px 19px;backdrop-filter:blur(12px)}
.arrival button:hover{background:#fff2;border-color:#fff9}
.arrival button:focus-visible{outline:3px solid #dbee9e;outline-offset:5px}
.arrival-film,.arrival-shot,.arrival-shade,.arrival-mosaic{position:absolute;inset:0;pointer-events:none}
.arrival-film{overflow:hidden}
.arrival-shot{opacity:0;overflow:hidden;will-change:opacity;z-index:1}
.arrival-shot img{width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform;transform:scale(1.15);filter:brightness(.82)}
.arrival-shot--matter img{object-position:60% 53%}
.arrival-shot--gesture img{object-position:60% 50%}
.arrival-shot--space img{object-position:53% 55%}
.arrival-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#190f2233,transparent 30%,#190f2208 45%,#190f22a8)}
.arrival-shot>span{position:absolute;left:7%;bottom:16%;z-index:1;font-size:clamp(46px,7.5vw,116px);font-weight:600;line-height:1;letter-spacing:-.065em;transform:translateY(var(--shot-text-y,0));opacity:var(--shot-text-opacity,1);text-shadow:0 3px 30px #0002}
.arrival-mosaic{z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;opacity:var(--arrival-mosaic);background:#190f22}
.arrival-mosaic>div{min-width:0;min-height:0;overflow:hidden;opacity:var(--tile-opacity,0);transform:scale(var(--tile-scale,1.08));will-change:transform,opacity}
.arrival-mosaic img{width:100%;height:100%;object-fit:cover;filter:brightness(.68)}
.arrival-shade{z-index:3;background:linear-gradient(180deg,#190f22bd,transparent 25%,transparent 70%,#190f22bd);box-shadow:inset 0 30px #190f2233,inset 0 -30px #190f2233}
.arrival-top{position:absolute;top:max(28px,env(safe-area-inset-top));left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);z-index:6;display:flex;align-items:center;justify-content:space-between;gap:20px}
.arrival-wordmark{font-size:13px;font-weight:750;letter-spacing:.17em;line-height:1.6}
.arrival-wordmark>span{font-weight:450;letter-spacing:.14em;margin-left:7px}
.arrival-studio{font-size:10px;letter-spacing:.2em;color:#fffaf0b3}
.arrival-signature{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:4;opacity:var(--arrival-signature);transform:translateY(var(--arrival-signature-y));padding:110px 24px;background:#190f22b8;text-align:center;pointer-events:none}
.arrival-mark{width:clamp(64px,7vw,96px);height:auto;margin-bottom:28px;color:#dbee9e;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.arrival-mark path{stroke-dasharray:200;stroke-dashoffset:var(--arrival-draw,200)}
.arrival-signature h2{font-size:clamp(44px,6.3vw,94px);font-weight:550;line-height:1.03;letter-spacing:-.06em;margin:0;color:#fffdf7}
.arrival-signature em{font-style:normal;color:#dbee9e}
.arrival-signature p{margin:27px 0 0;font-size:10px;line-height:1.7;letter-spacing:.2em;color:#fffaf0c4}
.arrival-controls{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);z-index:7;display:flex;align-items:center;justify-content:space-between;gap:14px}
.arrival-controls button{display:inline-flex;align-items:center;justify-content:center;gap:16px}
.arrival-controls .arrival-skip{border-color:#fff6;background:#fffdf7;color:#2b1939}
.arrival-controls .arrival-skip:hover{background:#dbee9e;border-color:#dbee9e}
.arrival-pause:disabled{opacity:.45;cursor:default}
.arrival-static .arrival-signature{opacity:1;transform:none;background:#190f22b8}
.arrival-static .arrival-mark path{stroke-dashoffset:0}
.arrival-static .arrival-mosaic{opacity:1}
.arrival-static .arrival-mosaic>div{opacity:1;transform:none}
.arrival-replay,.arrival-replay-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 0;background:none;border:0;color:var(--signature-inverse-muted,var(--muted));font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.arrival-replay:hover,.arrival-replay-trigger:hover{color:var(--signature-inverse,var(--ink))}
@media(max-width:680px){.arrival-top{top:max(22px,env(safe-area-inset-top));left:22px;right:22px}.arrival-wordmark{font-size:11px;letter-spacing:.12em}.arrival-wordmark>span{display:block;margin-left:0;font-size:10px}.arrival-studio{font-size:9px;letter-spacing:.13em}.arrival-shot>span{left:24px;right:20px;bottom:19%;font-size:clamp(44px,12vw,70px)}.arrival-shot--matter img{object-position:56% 50%}.arrival-shot--gesture img{object-position:61% 50%}.arrival-shot--space img{object-position:54% 50%}.arrival-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:4px}.arrival-controls{left:20px;right:20px;gap:8px;bottom:max(22px,env(safe-area-inset-bottom))}.arrival button{font-size:11px;padding:12px 14px}.arrival-controls button{gap:9px}.arrival-signature{padding:100px 20px}.arrival-signature h2{font-size:clamp(42px,10.4vw,66px)}.arrival-mark{margin-bottom:24px}.arrival-signature p{font-size:9px;letter-spacing:.14em;max-width:240px}}
@media(max-height:500px){.arrival-signature{padding:75px 24px}.arrival-mark{width:48px;margin-bottom:12px}.arrival-signature h2{font-size:42px}.arrival-signature p{margin-top:14px}.arrival-shot>span{bottom:23%;font-size:60px}.arrival-top{top:18px}.arrival-controls{bottom:18px}}
@media(prefers-reduced-motion:reduce){.arrival{clip-path:none}.arrival-shot img,.arrival-shot>span,.arrival-signature,.arrival-mosaic>div{transform:none!important;will-change:auto}}

.arrival-replay-trigger{font:inherit;font-size:13px}.arrival-replay-trigger[hidden]{display:none!important}.arrival-replay-trigger:focus-visible{outline:3px solid var(--lime,#dbee9e);outline-offset:5px;border-radius:4px}
.hero-discover-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px 24px;margin-top:20px}
.hero-discover-links .hero-effects-link{margin-top:0;min-height:44px}

.arrival img[data-arrival-failed]{visibility:hidden}
