@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;900&display=swap');
:root{--ink:#f3eee7;--muted:#a9a19a;--gold:#dfb675;--bg:#08080b;--progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:absolute;z-index:20;top:-100px;background:#fff;color:#111;padding:12px}.skip:focus{top:0}.header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;gap:42px;padding:28px 5%;font-size:12px}.logo{white-space:nowrap;font-weight:700;font-size:17px;letter-spacing:-.04em}.logo-symbol{display:inline-grid;place-items:center;border:1px solid #deb46d;color:#e5bb7a;width:28px;height:28px;border-radius:50%;font-size:10px;margin-right:8px}.header nav{display:flex;gap:28px;color:#c1b9af}.header nav a:hover{color:var(--gold)}.availability{margin-left:auto;color:#bcb2a5;white-space:nowrap;font-size:10px}.availability span{color:var(--gold)}.availability i{display:inline-block;height:12px;border-left:1px solid #6c5e4c;margin:0 7px;vertical-align:middle}.journey{height:310vh;position:relative}.stage{position:sticky;top:0;height:100vh;min-height:580px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 62% 52%,#251b17 0%,#0d0c0e 38%,#08080b 75%)}.tunnel{position:absolute;inset:0;overflow:hidden;perspective:800px;pointer-events:none}.glow{position:absolute;left:50%;top:43%;width:55vw;height:55vw;max-width:760px;max-height:760px;transform:translate(-50%,-50%);background:radial-gradient(circle,#bd84464a,transparent 65%);filter:blur(28px);opacity:calc(.6 + var(--progress)*.4)}.film,.inner-frame{position:absolute;left:50%;top:45%;width:min(68vw,980px);height:min(60vh,580px);border:1px solid #b98c4a88;transform:translate(-50%,-50%) scale(var(--scale,1));opacity:var(--opacity,.7);will-change:transform,opacity}.film:before,.film:after{content:"";position:absolute;left:0;right:0;height:18px;background:repeating-linear-gradient(90deg,transparent 0 40px,#d6a85c 40px 52px,transparent 52px 86px);opacity:.65}.film:before{top:6px}.film:after{bottom:6px}.frame-a{--scale:calc(.52 + var(--progress)*2.1);--opacity:calc(.75 - var(--progress)*.7)}.frame-b{--scale:calc(.78 + var(--progress)*2.7);--opacity:calc(.68 - var(--progress)*.68)}.frame-c{--scale:calc(1.05 + var(--progress)*3.3);--opacity:calc(.55 - var(--progress)*.55)}.inner-frame{width:min(55vw,800px);height:min(49vh,470px);border-color:#c4955966;--scale:calc(.45 + var(--progress)*1.7)}.floor{position:absolute;left:5%;right:5%;top:45%;bottom:-30%;background:repeating-linear-gradient(90deg,transparent 0 15%,#a77e4d40 15.1% 15.2%,transparent 15.3% 25%);transform-origin:50% 0;transform:perspective(400px) rotateX(65deg);opacity:.35;mask-image:linear-gradient(transparent,#000)}.player-concept{position:absolute;left:50%;top:45%;width:clamp(260px,35vw,530px);transform:translate(-50%,-50%) scale(calc(.7 + var(--progress)*1.7));z-index:1;border:1px solid #c59755;border-radius:10px;background:#11100f;box-shadow:0 0 80px #e6ab5b27;overflow:hidden;will-change:transform}.player-top{height:32px;display:flex;align-items:center;gap:12px;padding:0 12px;color:#a99d8c;font-size:8px;letter-spacing:.15em}.dots{display:flex;gap:5px}.dots i{width:6px;height:6px;background:#bd8c61;border-radius:50%}.player-scene{height:clamp(130px,19vw,290px);position:relative;overflow:hidden;background:linear-gradient(#ecd1a1,#b47b42 60%,#291a15);display:grid;place-items:center}.scene-sun{width:8%;aspect-ratio:1;border-radius:50%;background:#ffdea2;box-shadow:0 0 45px #ffd597}.scene-horizon{position:absolute;inset:60% -10% -50%;background:linear-gradient(165deg,#6a422e,#1b1514);transform:rotate(-5deg)}.player-scene span{position:absolute;bottom:12%;font-size:8px;letter-spacing:.18em;color:#f9e8d3}.player-controls{height:29px;display:flex;align-items:center;gap:12px;padding:0 14px;font-size:10px;color:#c9b8a6}.timeline{height:2px;background:#9a805f;flex:1}.player-concept small{display:block;padding:0 14px 7px;color:#aa9c8b;font-size:8px}.hero-copy{position:absolute;z-index:3;left:6%;bottom:12%;max-width:540px;opacity:calc(1 - var(--progress)*1.15);transform:translateY(calc(var(--progress)* -30px));pointer-events:auto}.overline,.section-kicker{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:600}.overline span{color:#8e7c65}.hero-copy h1,.section h2{font-size:clamp(48px,5vw,78px);line-height:1.13;letter-spacing:-.065em;margin:23px 0}.hero-copy h1 em,.section h2 em{font-style:normal;color:var(--gold)}.hero-copy p,.section p{color:#b5aca3;line-height:1.85;font-size:15px}.under-link{display:inline-block;color:#e4bd82;font-size:13px;font-weight:600;border-bottom:1px solid #ab814b;padding-bottom:7px;margin-top:18px}.scroll-cue{position:absolute;bottom:5%;right:6%;display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.17em;color:#a3937d}.scroll-cue .line{width:45px;height:1px;background:#b1936f}.mobile-availability{display:none}.section{max-width:1400px;margin:auto;padding:135px 6%}.section-kicker{display:flex;justify-content:space-between}.experience-grid,.sound-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;margin-top:80px}.experience-copy{max-width:560px}.phone{margin:0 auto;max-width:320px;text-align:center}.phone img{display:block;width:100%;border-radius:25px;border:1px solid #443a31;box-shadow:0 30px 100px #0008}.phone figcaption{color:#958b80;font-size:11px;margin-top:20px}.sound-section{border-top:1px solid #302820}.sound-grid>div{max-width:580px}.release{border-top:1px solid #302820}.release>p{max-width:530px}.release-list{margin-top:65px;border-top:1px solid #443a31}.release-list div{display:grid;grid-template-columns:70px 1fr auto;align-items:center;padding:23px 0;border-bottom:1px solid #443a31}.release-list span,.release-list small{color:#a69a8c;font-size:11px;letter-spacing:.1em}.release-list strong{font-size:20px;font-weight:500}.faq{border-top:1px solid #302820;display:grid;grid-template-columns:1fr 1fr;gap:8%}.questions details{border-bottom:1px solid #443a31}.questions summary{list-style:none;display:flex;justify-content:space-between;padding:25px 0;cursor:pointer;font-size:15px}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:22px;color:var(--gold)}.questions details[open] summary span{transform:rotate(45deg)}.questions p{font-size:13px}.footer{border-top:1px solid #302820;padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#968c80;font-size:10px;letter-spacing:.12em}.footer .logo{color:var(--ink);letter-spacing:-.04em}
@media(max-width:900px){.header nav{gap:14px}.availability{display:none}.mobile-availability{display:block;margin-top:20px;font-size:10px;color:#b6a48b;letter-spacing:.04em}.film{width:94vw;height:50vh}.player-concept{width:55vw}.hero-copy{bottom:13%}.header{gap:20px}}
@media(max-width:600px){.header{padding:22px 6%;justify-content:space-between}.header nav a:not(:last-child){display:none}.journey{height:250vh}.stage{min-height:620px}.player-concept{top:37%;width:62vw}.film,.inner-frame{top:37%;height:35vh;width:105vw}.frame-c{display:none}.hero-copy{left:7%;right:7%;bottom:10%;opacity:calc(1 - var(--progress)*1.25)}.hero-copy h1{font-size:clamp(43px,11vw,60px)}.hero-copy p{font-size:13px}.scroll-cue{bottom:4%;font-size:8px}.section{padding:85px 7%}.section-kicker span:last-child{display:none}.section h2{font-size:42px}.experience-grid,.sound-grid{grid-template-columns:1fr;gap:45px;margin-top:55px}.sound-grid .phone{order:2}.phone{max-width:270px}.faq{grid-template-columns:1fr;gap:30px}.footer{flex-direction:column;align-items:flex-start}.release-list div{grid-template-columns:42px 1fr auto}.release-list strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:auto}.stage{position:relative;height:85vh}.hero-copy{opacity:1;transform:none}.film,.inner-frame{transform:translate(-50%,-50%);opacity:.45}.player-concept{transform:translate(-50%,-50%) scale(.7)}*,*::before,*::after{transition:none!important;animation:none!important}}