/* Reference update: luminous blue intro and white editorial hero. */
:root{color:#03143b;background:#f7faff}button:focus-visible,a:focus-visible{outline-color:#2470ff}
.hero{height:110svh;min-height:880px;max-height:1500px;background:radial-gradient(ellipse at 85% 20%,#eaf3ff 0%,transparent 52%),linear-gradient(130deg,#fff 10%,#f6faff 60%,#e4efff 100%)}
.sky-light{background:radial-gradient(ellipse at 8% 73%,#fff 4%,transparent 50%)}
.brand svg{fill:#286aff;stroke:#286aff}.header-note{color:#164079}.replay{color:#0b2e62}.hero-copy{left:7%;top:15%;transform:none;width:76%;z-index:1}.hero-copy .eyebrow{display:none}
h1{font-size:clamp(110px,14.6vw,238px);font-weight:1000;letter-spacing:-.085em;line-height:.83}.line{padding-bottom:.1em;margin-bottom:-.035em}.blue-text{color:#246bff}.korean{font-size:15px;line-height:1.7;color:#35527d;margin-top:35px;font-weight:500}.story{border-color:#0e2e5b50;background:#fff9;color:#0c2d62;margin-top:22px}.story:hover{background:#e3efff}.hero-copy .reveal{transition-delay:.7s}
#scene{z-index:2;pointer-events:auto}.hero-copy{pointer-events:none}.hero-copy .story{position:relative;z-index:4}.header{z-index:5}.hero-footer{z-index:3;color:#123b75;bottom:34px}.footer-center i{background:#246bff}.scene-controls{left:auto;right:7%;bottom:90px;filter:none;color:#163e74}.scene-controls button{border-color:#356bb044;background:#ffffffb0;backdrop-filter:blur(8px);color:#12386d}.scene-controls button:hover{background:#d5e7ff}.scene-controls #wave span{color:#2679ff}.interaction-hint{color:#426a99}.handwritten{display:none}
/* The supplied 1536 × 1024 composition has a 450px bubble at (768,496). */
.loader{--bubble:clamp(220px,44vmin,450px);background:#1679fd;clip-path:circle(150% at 50% 48.5%)}
.loader-center{position:absolute;left:50%;top:48.5%;transform:translate(-50%,-50%);width:var(--bubble);height:var(--bubble);display:block}
.loader-art{position:absolute;inset:0}.loader-reference{position:absolute;width:125%;height:118%;left:-12.5%;top:-9%;overflow:hidden;mask-image:radial-gradient(ellipse at center,#000 60%,transparent 74%)}
.loader-reference img{position:absolute;max-width:none;width:273.0667%;height:auto;left:50%;top:50%;transform:translate(-50%,-48.4375%)}
.loader-bubble{position:absolute;inset:0;border-radius:50%;border:1px solid #c2f5ff;background:radial-gradient(circle at 31% 17%,#b1eeff8a,transparent 52%),linear-gradient(145deg,#a9dfff44,#b1e9ff3b);box-shadow:inset 0 0 25px #e9fbff54,0 10px 36px #9adfff77,0 0 14px #80e5ff55}
.loader-bubble::after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;background:linear-gradient(120deg,#fff8,transparent 13%,transparent 83%,#d2f9ff60);opacity:.65}
.loader-sprite{position:absolute;inset:4%;background-image:url('assets/loading-strip.png');background-size:300% 100%;background-repeat:no-repeat;will-change:transform;filter:drop-shadow(0 12px 12px #06499d22)}
.glass-cube{position:absolute;display:block;width:12%;aspect-ratio:1;border:1px solid #d9faff;border-radius:18%;background:linear-gradient(140deg,#dafaff77,#80cbff25);box-shadow:inset 0 0 8px #dfffff,0 0 12px #a3eaff6b;transform:rotate(-22deg)}.cube-one{left:-4%;bottom:13%;width:17%}.cube-two{right:25%;top:9%;width:6%}.cube-three{right:8%;bottom:23%;width:7%}
.loader-dots{position:absolute;top:114%;left:50%;transform:translateX(-50%);display:flex;gap:calc(var(--bubble)*.035)}.loader-dots i{width:calc(var(--bubble)*.046);height:calc(var(--bubble)*.046);border-radius:50%;background:#ffffff35;transition:background .16s,transform .16s}.loader-dots i.active{background:#fff;box-shadow:0 0 14px #ffffff30;transform:scale(1.03)}
.loader.exiting{clip-path:circle(0% at 50% 48.5%)}.loader.exiting .loader-center{transform:translate(-50%,-50%) scale(.62);opacity:0}
.loader-reference[hidden],.loader-bubble[hidden]{display:none}
@media(max-width:1050px){.hero{min-height:880px}.hero-copy{top:16%}h1{font-size:16.5vw}.korean{font-size:13px}.header-note{display:none}}
@media(max-width:680px){.hero{height:135svh;min-height:1030px;max-height:1400px}.hero-copy{top:125px;left:7%;width:88%}h1{font-size:22vw;line-height:.9;letter-spacing:-.075em}.korean{display:none}.story{margin-top:24px;padding:8px 15px}.scene-controls{bottom:90px;left:7%;right:7%}.hero-footer{bottom:28px}.loader{--bubble:clamp(220px,64vw,330px)}.header{top:25px}}
@media(prefers-reduced-motion:reduce){.loader-dots i{transition:none}}
.hero>.story{position:absolute;z-index:4;left:7%;bottom:110px}.hero-copy .korean{margin-top:30px}@media(max-width:680px){.hero>.story{bottom:155px;margin:0}}
.hero-copy .korean{display:none}
body:not(.entered){overflow:hidden}.loader-reference{mask-image:linear-gradient(to right,transparent,#000 4%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}
@media(max-width:680px){.hero{height:125svh;min-height:980px}h1{font-size:25vw}}