@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--paper:#eee9dc;--muted:#c1beb1;--copper:#c8a68b;--ink:#0c0d0b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0;overflow-x:clip}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Noto Sans KR',Arial,sans-serif;word-break:keep-all;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--copper);outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:15px;background:var(--paper);color:var(--ink)}.skip-link:focus{top:10px}.header{position:absolute;top:0;left:0;right:0;height:95px;z-index:10;padding:0 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18;background:linear-gradient(#08090780,transparent)}.logo{width:155px;height:42px;display:block}.logo img{filter:brightness(0) invert(1);object-fit:contain}nav{display:flex;gap:35px;font-size:12px}nav>a:last-child{border-bottom:1px solid #ffffff77;padding-bottom:7px}.nav-toggle{display:none}.motion-toggle{position:fixed;top:113px;right:6%;z-index:20;background:#0c0d0b88;border:1px solid #ffffff3a;color:var(--paper);font-size:9px;padding:9px 13px;border-radius:25px}.motion-toggle[hidden]{display:none}.motion-toggle:disabled{opacity:.65;cursor:default}.scene{min-height:100svh;position:relative;isolation:isolate;overflow:clip;display:flex;align-items:center;padding:110px 7%;background:var(--ink)}.scene-media{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#11120f}.scene-base,.scene-light{position:absolute;inset:-3%;width:106%;height:106%;transform:translateY(var(--depth,0px)) scale(var(--zoom,1));object-position:center}.scene-base{filter:brightness(.48) saturate(.96)}.scene-light{filter:brightness(1.08) saturate(.96);mask-image:radial-gradient(ellipse var(--beam-width,19%) 85% at var(--light-x,70%) var(--light-y,45%),#000 0%,#000a 25%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse var(--beam-width,19%) 85% at var(--light-x,70%) var(--light-y,45%),#000 0%,#000a 25%,transparent 100%);opacity:var(--light-opacity,.85);pointer-events:none}.scene-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#060706dc 0%,#06070692 32%,#06070608 80%),linear-gradient(0deg,#060706bb,transparent 48%,#06070630);pointer-events:none}.scene-copy{position:relative;width:57%;max-width:770px;transition:opacity .8s,transform 1s}.eyebrow{font:9px Arial,sans-serif;letter-spacing:2.5px;color:#d1c5b2;margin:0 0 35px}h1,h2{font-size:clamp(48px,5.8vw,88px);font-weight:700;letter-spacing:-4.5px;line-height:1.2;margin:0 0 30px}.scene-copy>p:not(.eyebrow){font-size:14px;line-height:2;color:var(--muted);margin:0 0 22px}.text-link{font-size:11px;display:inline-flex;align-items:center;gap:65px;border-bottom:1px solid #d4cbb77d;padding:15px 0;margin-top:10px}.text-link>span{font-size:18px}.scene-caption{position:absolute;right:7%;bottom:40px;font:8px Arial,sans-serif;letter-spacing:2px;color:#bebdaf}.cinema-hero{height:100svh;min-height:760px;align-items:end;padding-bottom:115px}.cinema-hero .scene-copy{max-width:600px}.cinema-stage .cinema-fallback{object-position:49% 48%;filter:brightness(.64);inset:0;width:100%;height:100%}#cinema-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .25s}#cinema-canvas.ready{opacity:1}.cinema-replay{position:absolute;right:7%;bottom:75px;background:#0c0d0b55;color:var(--paper);border:1px solid #ffffff44;padding:11px 17px;font-size:10px}.cinema-replay:disabled{opacity:.45}.story .scene-media img{object-position:64% 49%}.story .scene-shade{background:linear-gradient(90deg,#040504e0,#04050460 58%,#04050415)}.menu-scene .scene-media{background:radial-gradient(ellipse at 70% 48%,#353426,#0c0d0b 70%)}.product-media .scene-base,.product-media .scene-light{object-fit:contain;inset:5% -16% 5% 26%;width:90%;height:90%;object-position:center;filter:brightness(.5);transform:translateY(var(--depth,0px)) scale(var(--zoom,1)) rotate(-6deg)}.product-media .scene-light{filter:brightness(1.12)}.menu-scene .scene-shade{background:linear-gradient(90deg,#080907db,transparent 80%)}.scene-tabs{display:flex;gap:27px;border-bottom:1px solid #ffffff33;margin:35px 0 20px;max-width:480px}.scene-tabs button{font-size:12px;background:none;border:0;color:#b8b8a9;padding:13px 0;border-bottom:2px solid transparent;margin-bottom:-1px}.scene-tabs button[aria-selected=true]{color:var(--paper);border-color:var(--copper)}[role=tabpanel] h3{font-size:20px;font-weight:500;margin:0 0 12px}[role=tabpanel] .notice,.scene-copy .notice{font-size:10px;color:#b4b7a4;line-height:1.8}.stores .scene-media img{object-position:center}.stores .scene-shade{background:linear-gradient(90deg,#040504e6,#04050485 50%,#04050430)}.wide-copy{width:70%;max-width:850px}.partners .scene-shade{background:linear-gradient(90deg,#040504ed,#040504ba 50%,#04050440)}.support{display:flex;gap:28px;padding:20px 0;margin:20px 0;border-top:1px solid #ffffff33;border-bottom:1px solid #ffffff33;font-size:12px;color:#d8d3c3}.faq{max-width:650px;margin-top:25px}.faq details{border-bottom:1px solid #ffffff2c;padding:14px 0}.faq summary{list-style:none;cursor:pointer;font-size:12px;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:var(--copper)}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:11px;line-height:1.9;color:var(--muted);max-width:540px}.contact .scene-media img{object-position:80% 50%;transform:translateY(var(--depth,0px)) scale(1.15)}.contact .scene-shade{background:linear-gradient(90deg,#040504f0,#040504bb 60%,#04050480)}.phone{font:500 clamp(34px,4vw,59px) Arial,sans-serif;letter-spacing:-1px;display:block;margin:35px 0 25px;white-space:nowrap}.phone span{font-size:.6em;margin-left:15px;color:var(--copper)}.email{display:inline-block;border-bottom:1px solid #ffffff44;padding-bottom:10px;font:12px Arial,sans-serif;margin-bottom:20px}.mobile-call{display:none}.cinema-on .scene:not(.seen) .scene-copy{opacity:0;transform:translateY(25px)}.cinema-off .scene-copy{opacity:1!important;transform:none!important;transition:none}.cinema-off .scene-light{mask-image:none;-webkit-mask-image:none;opacity:.16!important}.cinema-off .scene-base{transform:none}.scene.in-view .scene-media{will-change:transform}.scene:not(.in-view) .scene-media{will-change:auto}
@media(max-width:760px){.header{height:80px;padding:0 7%}.logo{width:130px;height:35px}.nav-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:40px;height:40px;background:none;border:0}.nav-toggle span{height:1px;width:24px;background:var(--paper)}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#0c0d0bf8;border-bottom:1px solid #ffffff33;padding:20px 7%;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:15px 0;font-size:13px}.motion-toggle{top:96px;right:7%;font-size:8px;padding:8px 10px}.scene{min-height:100svh;padding:120px 7% 105px;align-items:end}.scene-copy,.wide-copy{width:100%;max-width:none}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:25px}h1,h2{font-size:clamp(42px,11vw,63px);letter-spacing:-3px;line-height:1.22;margin-bottom:23px}.scene-copy>p:not(.eyebrow){font-size:11px;line-height:1.95;margin-bottom:18px}.scene-shade{background:linear-gradient(0deg,#050605f5,#050605c0 32%,#05060515 85%)}.scene-caption{bottom:75px;right:7%;font-size:7px;letter-spacing:1.5px}.text-link{font-size:10px;gap:45px;padding:12px 0}.cinema-hero{min-height:730px;padding-bottom:140px}.cinema-hero .scene-shade{background:linear-gradient(0deg,#050605f5 0%,#050605bb 32%,transparent 75%)}.cinema-replay{bottom:78px;left:7%;right:auto;font-size:9px;padding:9px 12px}.cinema-hero .scene-caption{bottom:88px;font-size:6px}.story .scene-media img{object-position:60% 35%}.story .scene-shade{background:linear-gradient(0deg,#050605f5,#05060599 47%,#05060510 85%)}.menu-scene{min-height:max(100svh,830px);padding-top:450px;align-items:end}.product-media .scene-base,.product-media .scene-light{inset:6% -19% auto;width:138%;height:52%;object-fit:contain}.menu-scene .scene-shade{background:linear-gradient(0deg,#080907 10%,#080907d9 36%,transparent 72%)}.scene-tabs{gap:25px;margin:23px 0 18px}.scene-tabs button{font-size:11px}[role=tabpanel] h3{font-size:18px}[role=tabpanel] .notice,.scene-copy .notice{font-size:9px}.stores .scene-shade{background:linear-gradient(0deg,#040504f0,#040504ad 45%,#04050420 90%)}.stores .scene-media img{object-position:60% 50%}.partners{align-items:center;padding-top:110px;padding-bottom:105px;min-height:max(100svh,870px)}.partners h2{font-size:40px;letter-spacing:-2.5px}.partners .scene-shade{background:linear-gradient(0deg,#040504ee,#040504bd 65%,#04050460)}.support{gap:17px;font-size:10px;flex-wrap:wrap;margin:20px 0;padding:17px 0}.faq summary{font-size:11px}.faq details p{font-size:10px}.contact .scene-shade{background:linear-gradient(0deg,#040504f5,#040504cf 48%,#04050455)}.phone{font-size:37px;margin:25px 0}.email{font-size:10px}.mobile-call{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;background:#e8e3d6;color:#252820;justify-content:space-between;padding:18px 6%;padding-bottom:max(18px,env(safe-area-inset-bottom));font-size:11px;font-weight:600}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene-copy{opacity:1!important;transform:none!important}}
/* Six distinct chapters: light / iris / product depth / shutters / portal / typography. */
.scene-light{display:none!important}.story .scene-media{clip-path:circle(var(--iris,150%) at 65% 48%);background:#141611}.story .scene-base{filter:brightness(.78);transform:scale(var(--iris-scale,1));inset:0;width:100%;height:100%}.story{background:#0b0d0a}.story .scene-shade{background:linear-gradient(90deg,#030503d9,#03050340 62%,#03050308)}.product-media{perspective:1200px;overflow:visible}.product-media .scene-base{filter:brightness(.94);transform:perspective(1000px) translate3d(0,0,0) rotateY(0) rotateZ(-6deg) scale(1);transform-origin:65% 50%;backface-visibility:hidden}.stores .scene-media>.scene-base{visibility:hidden}.shutter-panels{position:absolute;inset:0;display:flex;perspective:1200px}.shutter-panel{position:relative;width:20%;height:100%;overflow:hidden;transform-origin:left center;background:#11140f;flex-shrink:0}.shutter-panel:before{content:'';position:absolute;top:0;bottom:0;width:500%;left:calc(var(--panel) * -100%);background-image:var(--store-image);background-size:cover;background-position:center;filter:brightness(.8)}.partners{perspective:1300px;background:#090b08}.partners .scene-media{transform:perspective(1300px) scale(var(--portal-scale,1)) rotateX(var(--portal-angle,0deg));border-radius:var(--portal-radius,0px);transform-origin:50% 45%;box-shadow:0 0 0 1px #c8a68b55,0 35px 100px #000;inset:0}.partners .scene-media .scene-base{filter:brightness(.86);transform:none;inset:0;width:100%;height:100%}.partners .scene-shade{background:linear-gradient(90deg,#040604ed,#04060497 48%,#04060420)}.type-mask{display:block;overflow:hidden;padding-bottom:.05em;margin-bottom:-.05em}.type-mask>span{display:block}.contact{background:radial-gradient(ellipse at 75% 30%,#24261e,#10120f 60%)}.contact-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.contact-outline{position:absolute;right:-2%;top:13%;font:800 clamp(160px,31vw,560px)/1 Arial,sans-serif;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px #c8a68b35;opacity:1}.contact-ring{position:absolute;height:95%;aspect-ratio:1;right:-12%;top:4%;overflow:visible;transform:rotate(-90deg)}.contact-ring circle{fill:none;stroke:#c8a68b66;stroke-width:.12;stroke-dasharray:1;stroke-dashoffset:0}.contact .scene-shade{background:linear-gradient(90deg,#0d100ddd,#0d100d75 55%,transparent)}.cinema-off .story .scene-media{clip-path:none!important}.cinema-off .partners .scene-media{transform:none!important;border-radius:0}.cinema-off .shutter-panel{transform:none!important;opacity:1!important}.cinema-off .type-mask>span{clip-path:none!important;transform:none!important;opacity:1!important}.cinema-off .contact-ring circle{stroke-dashoffset:0!important}
@media(max-width:760px){.story .scene-media{clip-path:circle(var(--iris,150%) at 58% 34%)}.story .scene-shade{background:linear-gradient(0deg,#050705f0,#05070588 45%,#05070505 84%)}.product-media .scene-base{transform-origin:50% 50%}.shutter-panel:before{background-position:60% 50%}.partners .scene-shade{background:linear-gradient(0deg,#040604e8,#040604b0 60%,#04060440)}.contact-outline{font-size:43vw;right:-8%;top:15%;letter-spacing:-.085em}.contact-ring{height:68%;right:-60%;top:9%}.contact .scene-shade{background:linear-gradient(0deg,#0d100df0,#0d100d9c 50%,transparent)}}
@media(prefers-reduced-motion:reduce){.story .scene-media{clip-path:none!important}.partners .scene-media{transform:none!important;border-radius:0}.type-mask>span{clip-path:none!important;transform:none!important;opacity:1!important}}
/* Keep the product and its controls together on a phone. */
.menu-ghost{pointer-events:none}
@media(max-width:760px){.menu-scene{min-height:100svh;padding:44svh 7% 90px;display:block}.menu-scene .product-media .scene-base{inset:5svh -8% auto;width:116%;height:37svh;object-fit:contain;transform-origin:center}.menu-scene .scene-copy{width:100%;max-width:none}.menu-scene .eyebrow{font-size:7px;margin-bottom:12px;letter-spacing:1.4px}.menu-scene h2{font-size:36px;line-height:1.16;letter-spacing:-2px;margin-bottom:12px}.menu-scene .scene-copy>#menu-description{font-size:10px;line-height:1.7;margin-bottom:10px;min-height:17px}.menu-scene .scene-tabs{margin:15px 0 12px;gap:25px}.menu-scene .scene-tabs button{font-size:11px;padding:10px 0}.menu-scene [role=tabpanel] h3{font-size:15px;margin-bottom:7px}.menu-scene [role=tabpanel] .notice{font-size:8px;margin:0;line-height:1.5}.menu-scene .scene-caption{font-size:6px;bottom:68px}.menu-scene .scene-shade{background:linear-gradient(0deg,#080907 4%,#080907d9 43%,transparent 68%)}.menu-scene .product-media{background:radial-gradient(ellipse at 50% 24%,#353426,#0c0d0b 60%)}}
@media(max-width:350px){.menu-scene h2{font-size:32px}.menu-scene .scene-tabs{gap:21px}.menu-scene .scene-copy>#menu-description{font-size:9px}}