dialog.packd-intro{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#040507;color:#f8f8f8;overflow:hidden;isolation:isolate}
.packd-intro::backdrop{background:#040507}.packd-intro:not([open]){display:none}
.intro-film{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#040507}
.intro-flight,.intro-still{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.intro-flight[hidden],.intro-still[hidden]{display:none}
.intro-top{position:absolute;top:34px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;z-index:3}
.intro-logo{width:122px;height:auto;display:block}.intro-options{display:flex;gap:24px;align-items:center}
.intro-options button{font:inherit;font-size:12px;color:#c5c8ce;background:none;border:0;padding:10px 0;cursor:pointer}.intro-options button:hover{color:#fff}
.intro-options .intro-skip{font-size:12px;color:#fff;border-bottom:1px solid #ffffff50;padding:7px 0}
.packd-intro button:focus-visible{outline:2px solid #fff;outline-offset:6px}
.intro-space{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(#04050799,transparent 22%,transparent 78%,#040507cc)}
.space-welcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#04050744}
.space-welcome>span{font-size:11px;color:#e3e7ef;letter-spacing:.04em;margin-bottom:22px}
.space-welcome h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(40px,5.5vw,76px);line-height:1.05;letter-spacing:-.045em;font-weight:500;margin:0 0 32px}
.space-begin,.space-shop{pointer-events:auto;background:#080a0dd9;color:#fff;border:1px solid #ffffff60;border-radius:0;padding:14px 25px;font:inherit;font-size:12px;cursor:pointer}.space-begin span,.space-shop span{margin-left:20px}
.space-begin:hover,.space-shop:hover{color:#080a0d;background:#fff}
.space-shop{display:none;position:absolute;left:50%;bottom:16%;transform:translateX(-50%);white-space:nowrap}
.space-signoff,.space-travel{position:absolute;bottom:35px;left:24px;right:24px;text-align:center;font-size:11px;color:#e4e4e5;margin:0;text-shadow:0 1px 6px #000}
.space-travel:empty{display:none}
.packd-intro[data-phase=flight] .space-welcome,.packd-intro[data-phase=shop] .space-welcome{display:none}
.packd-intro[data-phase=flight] .space-signoff{display:none}.packd-intro[data-phase=shop] .space-shop{display:block}
.intro-loading{position:absolute;inset:0;z-index:5;background:#070809;display:flex;align-items:center;justify-content:center;flex-direction:column}
.intro-loading[hidden]{display:none}.intro-loading>img{width:170px;height:auto;margin-bottom:38px}.loading-track{width:min(260px,65vw);height:2px;background:#ffffff22;overflow:hidden}
.loading-track>span{display:block;height:100%;width:var(--progress,0%);background:#fff}
.intro-loading p{margin:16px 0 0;color:#96999e;font-size:11px;letter-spacing:.025em}
.packd-intro[data-phase=loading] .intro-top,.packd-intro[data-phase=loading] .intro-space,.packd-intro[data-phase=loading] .intro-film{visibility:hidden}
@media(max-width:760px){.intro-top{top:24px;left:22px;right:22px}.intro-logo{width:89px}.intro-options{gap:12px}.intro-options button,.intro-options .intro-skip{font-size:12px}.space-welcome h1{font-size:43px}.space-shop{bottom:24%}.space-signoff,.space-travel{bottom:30px;font-size:10px}}
@media(max-height:500px){.space-shop{bottom:12%}.space-signoff,.space-travel{bottom:18px}.space-welcome h1{font-size:42px}.space-welcome>span{margin-bottom:12px}.space-welcome h1{margin-bottom:22px}.intro-top{top:18px}}

