#welcome{padding:0;border:1px solid var(--line);border-radius:28px;background:var(--shell);color:var(--ink);width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;box-shadow:0 30px 100px #0004;overscroll-behavior:contain}
#welcome::backdrop{background:#151919b8;backdrop-filter:blur(10px)}
body:has(#welcome[open]){overflow:hidden}
.welcome-inner{padding:28px 36px 32px}.welcome-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.16em}.welcome-close{border:0;background:var(--panel);color:var(--ink);border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:18px}
.welcome-eyebrow{font-size:12px;letter-spacing:.13em;color:var(--muted);margin:24px 0 12px}#welcome-title{font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-.04em;margin:0}.welcome-copy{font-size:16px;line-height:1.6;color:var(--muted);margin:16px 0 24px}
.showreel-card{position:relative;display:block;width:100%;padding:0;border:0;border-radius:16px;overflow:hidden;background:#111;color:#fff;cursor:pointer;text-align:left;font:inherit}.showreel-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.showreel-card::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000c)}.showreel-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#fff;color:#242727;z-index:1;font-size:22px;padding-left:3px}.showreel-caption{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;z-index:1;font-size:18px}.showreel-caption small{font-size:14px}
.explore-site{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 22px;margin-top:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);font:inherit;font-size:16px;cursor:pointer}.explore-site:hover,.welcome-close:hover{background:var(--chip)}#welcome button:focus-visible,.watch-again:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.player-heading{font-size:26px;margin:24px 0}#showreel-video{display:block;width:100%;aspect-ratio:16/9;background:#111;border-radius:14px}#video-error{font-size:16px;line-height:1.5}.intro-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.watch-again{padding:10px 0;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.watch-again small{color:var(--muted);margin-left:6px}
@media(max-width:600px){.welcome-inner{padding:20px}.welcome-eyebrow{margin-top:18px}.welcome-copy{margin-bottom:18px}.showreel-caption{font-size:16px;left:16px;right:16px;bottom:14px}.showreel-play{width:48px;height:48px;font-size:18px}.intro-actions{gap:8px 24px}}