.intro-story{z-index:10000;color:#fff;opacity:0;background:#000;font-family:system-ui,Noto Sans Thai,sans-serif;transition:opacity .52s;position:fixed;inset:0;overflow:hidden}.intro-story.is-visible{opacity:1}.intro-story-image-wrap,.intro-story-image,.intro-story-vignette{position:absolute;inset:0}.intro-story-image-wrap{background:#06142c;overflow:hidden}.intro-story-image{object-fit:cover;width:100%;height:100%;animation:5s ease-out both intro-story-zoom}.intro-story-vignette{pointer-events:none;background:linear-gradient(90deg,#000511b8,#0000 52%,#0005116b),linear-gradient(#0000 44%,#00040de6)}.intro-story-content,.intro-story-notice{box-sizing:border-box;min-height:100%;padding:clamp(24px,6vw,84px);display:flex;position:relative}.intro-story-content{flex-direction:column;justify-content:flex-end;align-items:flex-start}.intro-story-progress,.intro-story-eyebrow{color:#8eeeff;letter-spacing:.16em;margin:0 0 12px;font-size:clamp(11px,1.4vw,16px);font-weight:800}.intro-story-textbox{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#011130d1;border:1px solid #7febff80;border-radius:18px;width:min(760px,100%);min-height:124px;padding:clamp(18px,3vw,32px);box-shadow:0 18px 54px #0000005c}.intro-story-textbox p{text-shadow:0 2px 6px #000;min-height:2.8em;margin:0;font-size:clamp(20px,2.5vw,34px);font-weight:700;line-height:1.45}.intro-story-next{color:#fff;cursor:pointer;min-width:140px;font:inherit;background:linear-gradient(#45d8ff,#1673dc);border:1px solid #baf7ff;border-radius:999px;margin-top:18px;padding:13px 26px;font-size:17px;font-weight:800;box-shadow:0 8px 20px #00275e80}.intro-story-next:hover{filter:brightness(1.1);transform:translateY(-1px)}.intro-story-next:focus-visible{outline-offset:3px;outline:3px solid #fff}.intro-story-next.is-counting,.intro-story-next:disabled{box-shadow:none;color:#d8e0e8;cursor:wait;background:#566270;border-color:#758497}.intro-story-notice{text-align:center;flex-direction:column;justify-content:center;align-items:center}.intro-story-notice h1{text-shadow:0 3px 24px #4ac2ff57;margin:0;font-size:clamp(28px,5vw,64px);line-height:1.34}.intro-story-notice .intro-story-next{margin-top:42px}@keyframes intro-story-zoom{0%{transform:scale(1)}to{transform:scale(1.15)}}@media (max-width:640px){.intro-story-content{padding-bottom:calc(28px + env(safe-area-inset-bottom));justify-content:flex-end}.intro-story-textbox{border-radius:15px;min-height:146px}.intro-story-next{width:100%}.intro-story-vignette{background:linear-gradient(#0000 35%,#00040deb)}}@media (prefers-reduced-motion:reduce){.intro-story{transition-duration:1ms}.intro-story-image{animation-duration:1ms}}