@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0d0e17;--surface:#171923;--line:rgba(255,255,255,.11);--text:#f8f3ed;--muted:#b3aeb8;--gold:#f4bd78;--accent:#e9a96c;--max:1190px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:"DM Sans","Noto Sans KR",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 44px),var(--max));margin-inline:auto}
.page-glow{position:absolute;z-index:-1;top:80px;left:43%;width:55vw;height:680px;background:radial-gradient(ellipse,rgba(125,76,81,.14),transparent 67%);pointer-events:none}
.site-header{border-bottom:1px solid var(--line);background:rgba(13,14,23,.84);backdrop-filter:blur(15px);position:relative;z-index:1}.header-row{min-height:83px;display:flex;align-items:center;gap:24px}.brand{font-size:18px;letter-spacing:-.025em;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:12px}.brand em{color:var(--gold);font-style:normal}.brand-icon{display:inline-grid;place-items:center;border:1px solid #9f8061;color:var(--gold);border-radius:50%;width:37px;height:37px;font-family:serif;font-size:21px}
.nav-links{display:flex;gap:27px;margin-left:auto}.nav-links a{font-size:13px;color:#d7d0d2}.nav-links a:hover,.nav-links a:focus-visible{color:var(--gold)}
.language-toggle{border:1px solid var(--line);background:transparent;border-radius:22px;color:var(--text);padding:8px 16px;font-weight:700;font-size:12px}.language-toggle:hover{border-color:var(--gold)}
.hero{display:grid;grid-template-columns:1.03fr .97fr;gap:55px;align-items:center;min-height:620px;padding-top:60px;padding-bottom:85px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 23px}.signal{height:7px;width:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 13px var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;line-height:1.18}h1{font-size:clamp(43px,5.15vw,74px);font-weight:600;margin:0 0 25px}h1 span{font-family:"DM Serif Display","Noto Sans KR",serif;color:var(--gold);font-weight:400}h2{font-size:clamp(30px,3.25vw,48px);margin:0}.hero-description{max-width:480px;font-size:16px;color:#bbb6bd;line-height:1.95;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:21px;padding:14px 22px;border:1px solid transparent;border-radius:11px;font-weight:700;font-size:13px;min-height:49px}.button-primary{background:var(--gold);color:#201510}.button-primary:hover{background:#ffd09b}.button-secondary{border-color:var(--line);background:#20212b;color:var(--text)}.button-secondary:hover{border-color:#80644f}.hero-perks{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;font-size:11px;color:#ac9c90}
.hero-visual{position:relative;max-width:480px;width:100%;margin:auto}.vinyl-back{width:69%;aspect-ratio:1;border-radius:50%;position:absolute;right:-7%;top:7%;background:repeating-radial-gradient(circle,#11141c 0 3px,#302732 4px 5px,#101118 6px 9px);box-shadow:0 0 80px #0009;opacity:.95}.vinyl-back:after{content:"";position:absolute;inset:38%;border-radius:50%;background:radial-gradient(circle,#d2a478 0 17%,#734739 19% 54%,#b7845e 55% 60%,#352329 62%)}
.featured-art{aspect-ratio:1/1.05;width:83%;position:relative;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 65% 45%,rgba(255,195,120,.23),transparent 42%),linear-gradient(135deg,#4b3136,#291d30 52%,#171926);border:1px solid #775453;box-shadow:0 28px 100px #0008;transform:rotate(-5deg);padding:27px;display:flex;flex-direction:column;justify-content:space-between}.featured-art:before{content:"";position:absolute;inset:-60px;background:repeating-linear-gradient(25deg,transparent 0 19px,rgba(255,255,255,.012) 20px 21px);pointer-events:none}.featured-top,.featured-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#e7bc90;font-weight:700}.featured-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px}.floating-note{font-size:62px;color:#ffc58d;text-shadow:0 0 38px #fcaa62}.featured-title{font-family:"DM Serif Display",serif;font-size:clamp(26px,3vw,43px);line-height:1.07;letter-spacing:-.03em}.star{position:absolute;color:#edbb8a;font-size:24px}.star-one{top:28%;left:14%}.star-two{top:19%;right:20%}.waveform{letter-spacing:2px}.mini-plate{position:absolute;bottom:-28px;right:1%;background:#20212c;border:1px solid #61504c;border-radius:12px;box-shadow:0 15px 24px #0008;padding:13px 19px;font-size:11px;display:flex;gap:10px;align-items:center}.mini-dot{width:7px;height:7px;background:var(--gold);border-radius:50%}
.styles-section{padding:80px 0 95px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#15151f,#10121b)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:13px}.section-heading>p{max-width:330px;color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:2px}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.style-card{background:#1e1f2b;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:transform .2s,border-color .2s}.style-card:hover{transform:translateY(-4px);border-color:#8c6651}.style-art{height:245px;position:relative;display:flex;align-items:flex-end;padding:22px;overflow:hidden;background-color:#54404d}.sori-card .style-art{background:radial-gradient(circle at 62% 48%,#e6ad8b44,transparent 39%),linear-gradient(135deg,#794b67,#3c334f 65%,#232333)}.liora-card .style-art{background:radial-gradient(circle at 48% 42%,#ffc58166,transparent 38%),linear-gradient(135deg,#85533e,#5b433d 48%,#222a37)}.nature-card .style-art{background:radial-gradient(circle at 45% 35%,#b4d5b566,transparent 38%),linear-gradient(150deg,#436c63,#253f45 65%,#1d2734)}.style-orb{position:absolute;inset:17% auto auto 26%;width:47%;aspect-ratio:1;border-radius:50%;filter:blur(1px);background:radial-gradient(circle at 40% 35%,#ffe8c1,#a9677444 60%,transparent 72%);box-shadow:0 0 80px #e3ad7d44}.nature-card .style-orb{background:radial-gradient(circle at 40% 35%,#d6e8c0,#5f9d7a55 60%,transparent 72%)}.style-art:before{content:"";position:absolute;inset:-30%;transform:rotate(-25deg);background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(255,255,255,.025) 25px 26px)}.art-caption{position:relative;font:38px "DM Serif Display",serif;line-height:1;letter-spacing:.1em;text-shadow:0 3px 25px #0008}.art-caption small{display:block;font:9px "DM Sans",sans-serif;letter-spacing:.24em;margin-top:13px}.art-number{position:absolute;top:20px;right:21px;color:#ffffffb0;font-size:12px}.style-body{padding:21px}.style-overline{font-size:9px;letter-spacing:.16em;font-weight:700;color:#d6a47e;margin-bottom:7px}.style-body h3{font-size:21px;margin:0 0 7px}.style-body h3 span{font-size:12px;color:var(--muted);font-weight:500}.style-body p:not(.style-overline){font-size:13px;color:#bdb7bd;line-height:1.8;min-height:48px;margin-bottom:14px}.coming-pill{display:inline-flex;padding:8px 11px;border:1px solid #514b52;border-radius:30px;font-size:11px;color:#b4a6a4}.section-note{color:#8b8893;font-size:11px;margin:18px 0 0}
.story-section{display:grid;grid-template-columns:.83fr 1.17fr;gap:70px;align-items:start;padding-top:108px;padding-bottom:118px}.story-intro{position:sticky;top:44px}.story-intro .eyebrow{margin-bottom:17px}.story-intro h2{margin-bottom:25px}.story-intro>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.9;max-width:355px}.story-steps{margin-top:32px;display:grid;gap:17px}.story-steps>div{display:flex;align-items:center;gap:16px}.story-steps span{color:var(--gold);font-family:"DM Serif Display",serif;font-size:21px}.story-steps p{margin:0;font-size:13px;color:#dad2ce}.launch-notice{margin-top:40px;background:#24212b;border:1px solid #655045;border-radius:14px;padding:16px;display:flex;gap:12px;max-width:380px}.launch-notice>span{color:var(--gold)}.launch-notice p{font-size:12px;color:#d0bfb4;margin:0;line-height:1.8}
.story-panel{padding:30px;border:1px solid #44404c;background:linear-gradient(160deg,#20202b,#171822);border-radius:19px;box-shadow:0 18px 58px #0004}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.panel-header .eyebrow{font-size:9px;margin-bottom:7px}.panel-header h3{font-size:23px;margin:0}.panel-badge{white-space:nowrap;background:#514238;color:#f6c797;font-size:10px;padding:7px 11px;border-radius:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.field>span,.choice-group legend{font-size:12px;color:#ede2dc;font-weight:700}.field input,.field textarea{width:100%;color:#f8f3ed;background:#12131c;border:1px solid #44424c;border-radius:10px;padding:13px 14px;font-size:13px;outline:none;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #eaa97516}.field input::placeholder,.field textarea::placeholder{color:#807b86}.field small{color:#918c96;font-size:11px}.choice-group{border:0;padding:0;margin:0 0 21px;min-width:0}.choice-group legend{margin-bottom:12px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.select-chip{position:relative;cursor:pointer}.select-chip input{position:absolute;opacity:0;inset:0}.select-chip span{display:block;border:1px solid #504d58;border-radius:9px;color:#d7cdd0;padding:10px 13px;background:#161720;font-size:12px}.select-chip input:checked+span{border-color:var(--gold);background:#423028;color:#ffd5a3}.select-chip input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}.visibility-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.visibility-choice{border:1px solid #504d58;border-radius:11px;padding:12px;display:flex;gap:8px;cursor:pointer;background:#171821}.visibility-choice:has(input:checked){background:#392c29;border-color:var(--gold)}.visibility-choice input{accent-color:var(--gold);align-self:start;margin-top:3px}.visibility-choice span{display:flex;flex-direction:column;gap:5px}.visibility-choice strong{font-size:12px;font-weight:600}.visibility-choice small{color:#b6a8a6;font-size:10px;line-height:1.55}.check-line{display:flex;align-items:start;gap:10px;margin:15px 0;color:#bbb3b7;font-size:11px;line-height:1.8;cursor:pointer}.check-line input{margin-top:4px;accent-color:#e9a96c}.button-disabled{width:100%;margin-top:13px;background:#4d423c;color:#d8bba3;border-color:#746158;cursor:not-allowed}.form-disclaimer{color:#8c858f;font-size:11px;text-align:center;margin:13px 0 0}
.site-footer{border-top:1px solid var(--line);padding:32px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;color:#827e88;font-size:11px}.footer-brand{color:#e6d8c7;font-size:13px}
@media(max-width:900px){.hero{gap:20px;min-height:auto;padding-top:95px}.hero-visual{max-width:350px}.style-art{height:195px}.story-section{gap:32px}.story-panel{padding:23px}}
@media(max-width:690px){.container{width:min(calc(100% - 32px),var(--max))}.header-row{min-height:70px}.brand{font-size:15px}.nav-links{display:none}.language-toggle{margin-left:auto}.hero{grid-template-columns:1fr;gap:60px;padding:76px 0 95px}.hero-description{font-size:14px}.hero-visual{width:75%;max-width:345px}.featured-art{padding:18px}.featured-title{font-size:32px}.mini-plate{right:-17%;font-size:9px}.hero-perks{gap:12px}.styles-section{padding:72px 0}.section-heading{display:block}.section-heading>p{margin:15px 0 26px}.style-grid{grid-template-columns:1fr;gap:16px}.style-art{height:220px}.style-body p:not(.style-overline){min-height:auto}.story-section{grid-template-columns:1fr;gap:30px;padding-top:75px;padding-bottom:80px}.story-intro{position:static}.story-steps{margin-top:20px}.launch-notice{margin-top:27px}.form-grid{grid-template-columns:1fr;gap:0}.visibility-options{grid-template-columns:1fr}.footer-row{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}