@font-face{font-family:Vaulta Sans;src:url('./assets/VaultaSans-Latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Vaulta Serif;src:url('./assets/VaultaSerif-Latin.woff2') format('woff2');font-weight:200 900;font-display:swap}
:root{color-scheme:dark;--background:#050308;--text:#fff;--muted:#a7a4b0;--line:#29252e;--radius:9px;font-family:Vaulta Sans,Arial,'Malgun Gothic',sans-serif;color:var(--text);background:var(--background);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #c1a3ff;outline-offset:6px}button{cursor:pointer}strong{font-weight:700}
.page{width:min(100% - 12.5%,1536px);min-height:100svh;margin:auto;display:flex;flex-direction:column}
.header{height:94px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;font-size:28px;letter-spacing:-1.1px}.brand img{width:65px;height:auto;display:block}
.language{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:16px}.language button{border:0;background:none;padding:12px 2px;color:inherit}.language button[aria-pressed=true]{color:#dedce3}.language button:hover{color:white}
.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px 0 70px;isolation:isolate}
.art{overflow-x:clip;overflow-y:visible;position:relative;width:500px;height:292px;max-width:100%;flex-shrink:0;z-index:-1}.art img{position:absolute;width:730px;max-width:none;height:auto;left:50%;top:calc(50% + 30px);transform:translate(-50%,-50%);mask-image:radial-gradient(ellipse at center,black 35%,transparent 71%)}
h1{font-family:Vaulta Serif,Georgia,serif;font-size:clamp(84px,9.4vw,144px);font-weight:400;letter-spacing:-.055em;line-height:1.05;margin:16px 0 32px}
.description{font-size:26px;line-height:1.4;color:var(--muted);margin:0 0 40px;letter-spacing:-.35px}.description span{display:block}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-width:302px;min-height:69px;padding:18px 30px;background:#fff;color:#09080c;border:1px solid #e4e1e8;border-radius:var(--radius);font-size:21px;font-weight:600;transition:background .16s,transform .16s;}.cta:hover{background:#eee8f6;transform:translateY(-2px)}.cta:active{transform:translateY(0)}
.notice{font-size:16px;color:var(--muted);margin:20px 0 0;line-height:1.5}
.footer{height:106px;flex-shrink:0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;padding-top:26px;font-size:20px}.footer>span:last-child{font-size:16px;color:var(--muted);padding-top:3px}
html:lang(ko) h1{font-family:'Malgun Gothic',Arial,sans-serif;font-size:clamp(60px,7vw,108px);letter-spacing:-.07em;line-height:1.2}html:lang(ko) .description{word-break:keep-all}
@media(min-width:701px) and (max-height:850px){.header{height:80px}.hero{padding:12px 0 38px}.art{height:200px}.art img{width:600px}h1{font-size:clamp(76px,9vw,128px);margin-bottom:24px}.description{font-size:21px;margin-bottom:28px}.cta{min-height:58px;font-size:18px}.footer{height:80px;padding-top:22px}}
@media(max-width:700px){.page{width:calc(100% - 56px)}.header{height:80px}.brand{font-size:18px;gap:9px;letter-spacing:-.7px}.brand img{width:43px}.language{font-size:13px;gap:2px}.language button{padding:14px 3px}.hero{padding:48px 0 68px;min-height:650px}.art{width:100%;height:218px}.art img{width:465px}h1{font-size:80px;line-height:.91;letter-spacing:-.045em;margin:14px 0 28px}h1 span{display:block}.description{font-size:15px;line-height:1.45;letter-spacing:-.2px;margin:0 -4px 34px;max-width:100%}.description span{display:block}.cta{min-width:232px;min-height:50px;padding:12px 22px;font-size:17px;gap:23px;border-radius:8px}.cta svg{width:23px;height:23px}.notice{font-size:12px;margin-top:16px}.footer{height:88px;align-items:flex-start;padding-top:19px;font-size:14px}.footer>span:last-child{font-size:12px;padding-top:1px}html:lang(ko) h1{font-size:52px;line-height:1.18}html:lang(ko) .description{font-size:14px}}
@media(max-width:360px){.page{width:calc(100% - 40px)}.brand{font-size:16px}.brand img{width:36px}.language{font-size:12px}.art img{width:410px}h1{font-size:70px}.description{font-size:14px}.footer{font-size:12px}.footer>span:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cta{transition:none}}