@font-face{font-family:Jua;src:url(/assets/crown-isles/Jua.ttf) format("truetype");font-display:swap}:root{color-scheme:dark;--sea:#06252a;--ink:#f3eee2;--muted:#aabcb8;--gold:#f1d597;--line:rgba(233,224,198,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sea);color:var(--ink);font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:6px}img{display:block;max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:10px;left:10px;background:var(--sea);padding:12px;z-index:100;transform:translateY(-150%)}.skip:focus{transform:none}.opening{position:relative;min-height:760px;height:100svh;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-poster,.hero-film,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero-film{z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(180deg,#02141a8c,#02141a0d 25%,#02141a61 65%,#06252a)}.hero-content{width:min(840px,88vw);text-align:center;padding:90px 0 130px}.release-status{display:flex;align-items:center;justify-content:center;gap:9px;color:#e6e9d8;font-size:12px;letter-spacing:2px;margin:0 0 28px;text-shadow:0 2px 10px #001c23}.release-status>span{width:5px;height:5px;border-radius:50%;background:var(--gold)}h1{margin:0 auto;width:min(760px,100%);filter:drop-shadow(0 12px 28px #001c2380)}.tagline{font-size:clamp(17px,2vw,23px);line-height:1.6;letter-spacing:.04em;margin:22px 0 38px;text-shadow:0 2px 12px #001c23}.hero-actions{display:flex;align-items:center;justify-content:center;gap:30px}.trailer-button{display:flex;align-items:center;gap:17px;padding:17px 25px;border:1px solid var(--gold);color:#102b2d;background:var(--gold);font-size:14px;font-weight:700;transition:background .2s}.trailer-button:hover{background:#fae6b8}.play-icon{font-size:12px}.detail-link{display:inline-flex;gap:20px;align-items:center;font-size:13px;border-bottom:1px solid #ddcda766;padding:10px 0}.detail-link:hover{color:var(--gold)}.trailer-pending{font-size:13px;color:var(--gold);border:1px solid var(--line);padding:18px 25px}.hero-bottom{position:absolute;inset:auto clamp(24px,5vw,80px) 38px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:var(--muted)}.hero-bottom a{display:flex;gap:20px;align-items:center}.hero-bottom a span{font-size:20px;color:var(--gold)}#ambient-toggle{background:transparent;border:1px solid var(--line);color:var(--ink);height:38px;width:38px;border-radius:50%;font-size:14px}.story-section{display:grid;grid-template-columns:1fr 2.5fr;gap:60px;max-width:1180px;margin:auto;padding:100px 36px 130px}.story-index{display:flex;gap:26px;align-items:flex-start;font-size:12px;letter-spacing:1px;color:var(--muted);padding-top:13px}.story-index>span:first-child{color:var(--gold);font-family:Georgia,serif}.story-copy h2{font-weight:400;font-family:Georgia,Apple SD Gothic Neo,serif;font-size:clamp(28px,3.4vw,48px);line-height:1.45;letter-spacing:-.035em;margin:0 0 30px}.story-copy h2>span{display:block}.story-copy>p{font-size:16px;line-height:2;color:var(--muted);max-width:590px;word-break:keep-all;margin:0}.story-bottom{margin-top:34px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.story-bottom small{color:#8aaba6;font-size:12px;line-height:1.8}footer{border-top:1px solid var(--line);padding:30px clamp(24px,5vw,80px);display:flex;gap:28px;align-items:center;color:#8aaba6;font-size:11px}footer>a{color:#c0d0c9;font-size:10px;letter-spacing:2px}footer>span{margin-right:auto}footer nav{display:flex;gap:22px}dialog{background:#051b21;color:var(--ink);border:1px solid var(--line);padding:0;width:min(1120px,94vw);max-height:94svh;overflow:auto}dialog::backdrop{background:#020d12e8;backdrop-filter:blur(6px)}.modal-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;gap:20px}.modal-bar h2{margin:0;font-size:14px;font-weight:500}.modal-bar h2 span{color:var(--muted);font-size:12px}.modal-bar button{font-size:28px;line-height:1;background:none;color:var(--ink);border:0;width:36px;height:36px}dialog video{display:block;width:100%;max-height:70svh;background:#000}dialog>p{font-size:12px;color:var(--muted);margin:15px 20px;line-height:1.6}.modal-open{overflow:hidden}@media(min-width:1600px){.hero-content{width:900px}.hero-content h1{width:860px}}@media(max-width:700px){.opening{min-height:640px;max-height:1000px}.hero-content{width:92vw;padding:100px 18px 120px}.release-status{font-size:10px;letter-spacing:1px;margin-bottom:36px}.tagline{font-size:17px;max-width:280px;margin:30px auto;word-break:keep-all}.hero-actions{flex-direction:column;gap:16px}.trailer-button{font-size:13px}.hero-poster{object-position:58% center}.hero-bottom{bottom:26px;letter-spacing:1px}.story-section{grid-template-columns:1fr;gap:28px;padding:66px 27px 78px}.story-index{gap:18px}.story-copy h2{font-size:30px}.story-copy>p{font-size:15px}footer{flex-wrap:wrap;row-gap:18px;padding:27px}footer nav{width:100%}.modal-bar h2 span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
