:root{--intro-gold:#d6ae53;--intro-gold-bright:#f0d995;--intro-silver:#c7cdd5;--intro-ink:#050609}.intro-seen .site-intro{display:none!important}body.intro-active{overflow:hidden}.site-intro{position:fixed;inset:0;z-index:100;display:grid;overflow:hidden;place-items:center;background:#030406;color:#f7f3ea;isolation:isolate;outline:0;cursor:default}.site-intro::before{position:absolute;z-index:-4;inset:-20%;background:radial-gradient(circle at 50% 40%,rgba(199,205,213,.18),transparent 26%),radial-gradient(circle at 23% 30%,rgba(214,174,83,.11),transparent 25%),radial-gradient(circle at 78% 75%,rgba(240,217,149,.09),transparent 25%),linear-gradient(125deg,#020304 5%,#0a0c10 48%,#030405 82%);content:"";transform:scale(1.06)}.site-intro::after{position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.34) 72%,rgba(0,0,0,.84) 100%);content:"";pointer-events:none}.intro-atmosphere,.intro-atmosphere::before,.intro-atmosphere::after{position:absolute;inset:0;pointer-events:none}.intro-atmosphere{z-index:-2;background:repeating-linear-gradient(115deg,transparent 0,transparent 118px,rgba(255,255,255,.016) 119px,transparent 120px)}.intro-atmosphere::before{background:linear-gradient(90deg,transparent 0,rgba(214,174,83,.12) 48%,rgba(255,255,255,.3) 50%,rgba(214,174,83,.12) 52%,transparent 100%);content:"";opacity:0;transform:translateX(-75%) skewX(-15deg)}.intro-atmosphere::after{inset:clamp(18px,3.2vw,52px);border:1px solid rgba(214,174,83,.2);box-shadow:inset 0 0 80px rgba(0,0,0,.42);content:""}.intro-corner{position:absolute;z-index:10;width:44px;height:44px;border-color:rgba(240,217,149,.55);pointer-events:none}.intro-corner--tl{top:clamp(18px,3.2vw,52px);left:clamp(18px,3.2vw,52px);border-top:2px solid;border-left:2px solid}.intro-corner--tr{top:clamp(18px,3.2vw,52px);right:clamp(18px,3.2vw,52px);border-top:2px solid;border-right:2px solid}.intro-corner--bl{bottom:clamp(18px,3.2vw,52px);left:clamp(18px,3.2vw,52px);border-bottom:2px solid;border-left:2px solid}.intro-corner--br{right:clamp(18px,3.2vw,52px);bottom:clamp(18px,3.2vw,52px);border-right:2px solid;border-bottom:2px solid}.intro-stage{position:relative;z-index:2;display:grid;width:min(92vw,1120px);height:min(100dvh,920px);min-height:560px;grid-template-rows:auto minmax(0,1fr) auto;align-items:center;padding:clamp(42px,7vh,78px) clamp(20px,5vw,70px) clamp(32px,5vh,58px);text-align:center}.intro-brand{align-self:start}.intro-kicker{margin:0;color:var(--intro-gold-bright);font-size:clamp(10px,1vw,13px);font-weight:800;letter-spacing:.36em;text-transform:uppercase;opacity:0;transform:translateY(12px)}.intro-brand-name{display:block;margin:12px 0 0;color:#f6f3eb;font-family:"Noto Serif KR","Nanum Myeongjo",serif;font-size:clamp(24px,3.1vw,46px);font-weight:400;letter-spacing:.16em;line-height:1.15;text-shadow:0 12px 35px rgba(0,0,0,.85);opacity:0;transform:translateY(14px)}.intro-brand-line{display:block;width:0;height:1px;margin:18px auto 0;background:linear-gradient(90deg,transparent,var(--intro-gold-bright),transparent);box-shadow:0 0 18px rgba(214,174,83,.7)}.intro-visual{position:relative;display:grid;min-height:0;place-items:center;perspective:1200px}.intro-product-shell{position:relative;width:min(60vh,610px,60vw);aspect-ratio:1;filter:drop-shadow(0 32px 34px rgba(0,0,0,.5));transform-style:preserve-3d}.intro-product-shell::before{position:absolute;z-index:-1;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(240,217,149,.19),rgba(199,205,213,.07) 42%,transparent 70%);content:"";filter:blur(14px);opacity:0}.intro-product-shell::after{position:absolute;z-index:4;top:10%;bottom:10%;left:-25%;width:20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.74),rgba(240,217,149,.38),transparent);content:"";filter:blur(5px);opacity:0;transform:skewX(-15deg);pointer-events:none}.intro-product-side{position:absolute;inset:0;margin:0;opacity:0;transform-style:preserve-3d;backface-visibility:hidden}.intro-product-side::before{display:none;content:""}.intro-product-side picture{display:block;width:100%;height:100%}.intro-product-side img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.12);user-select:none;-webkit-user-drag:none}.intro-product-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.intro-footer{align-self:end;transform:translateY(-18px)}.intro-specs{display:flex;min-height:26px;align-items:center;justify-content:center;gap:clamp(14px,3vw,38px);color:#dfe3e8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(10px,1vw,13px);font-weight:700;letter-spacing:.22em;opacity:0;transform:translateY(10px)}.intro-specs span+span{position:relative}.intro-specs span+span::before{position:absolute;top:50%;left:calc(clamp(14px,3vw,38px)/-2);width:3px;height:3px;border-radius:50%;background:var(--intro-gold);content:"";transform:translate(-50%,-50%);box-shadow:0 0 10px var(--intro-gold)}.intro-entry-zone{display:grid;min-height:82px;place-items:center;margin-top:14px;opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.intro-entry-signal{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;width:58px;height:25px}.intro-entry-signal span{display:block;width:8px;height:8px;border:1px solid rgba(240,217,149,.8);border-radius:50%;background:rgba(214,174,83,.08);box-shadow:0 0 0 0 rgba(214,174,83,.28);transition:.2s ease}.intro-entry-signal::before,.intro-entry-signal::after{position:absolute;top:50%;width:13px;height:1px;background:linear-gradient(90deg,transparent,var(--intro-gold));content:""}.intro-entry-signal::before{right:100%}.intro-entry-signal::after{left:100%;transform:rotate(180deg)}.intro-instruction{margin:7px 0 0;color:#fff0bd;font-size:clamp(13px,1.2vw,16px);font-weight:800;letter-spacing:.06em;text-shadow:0 2px 12px #000,0 0 24px rgba(240,217,149,.38)}.intro-entry-zone small{margin-top:5px;color:#d7c9a7;font-size:11px;letter-spacing:.12em;text-shadow:0 2px 8px #000}.intro-skip{position:absolute;z-index:12;top:clamp(31px,4.2vw,66px);right:clamp(31px,4.2vw,66px);min-height:42px;padding:0 16px;border:1px solid rgba(232,210,160,.34);border-radius:2px;background:rgba(8,10,13,.58);box-shadow:inset 0 1px rgba(255,255,255,.08);color:#c5c9cf;font-size:11px;font-weight:700;letter-spacing:.08em;backdrop-filter:blur(12px);transition:.2s ease}.intro-skip:hover,.intro-skip:focus-visible{border-color:var(--intro-gold-bright);background:rgba(214,174,83,.13);color:#fff4d2;outline:2px solid rgba(214,174,83,.3);outline-offset:3px}.site-intro[data-phase="loading"] .intro-kicker{opacity:.5}.site-intro[data-phase="playing"] .intro-atmosphere::before{animation:introLightSweep 3.1s .65s cubic-bezier(.2,.8,.2,1) both}.site-intro[data-phase="playing"] .intro-kicker{animation:introCopyRise .75s .35s ease-out both}.site-intro[data-phase="playing"] .intro-brand-name{animation:introCopyRise .9s .65s ease-out both}.site-intro[data-phase="playing"] .intro-brand-line{animation:introLineReveal 1.2s .85s ease-out both}.site-intro[data-phase="playing"] .intro-product-back{animation:introBackReveal 3.25s .35s cubic-bezier(.2,.72,.2,1) both}.site-intro[data-phase="playing"] .intro-product-front{animation:introFrontReveal 3.6s 2.25s cubic-bezier(.2,.72,.2,1) both}.site-intro[data-phase="playing"] .intro-product-shell::before{animation:introHalo 4.8s .55s ease both}.site-intro[data-phase="playing"] .intro-product-shell::after{animation:introSheen 1.5s 3s ease-in-out both}.site-intro[data-phase="playing"] .intro-specs{animation:introCopyRise .8s 3.85s ease-out both}.site-intro[data-phase="ready"]{cursor:pointer}.site-intro[data-phase="ready"] .intro-kicker,.site-intro[data-phase="ready"] .intro-brand-name,.site-intro[data-phase="ready"] .intro-specs{opacity:1;transform:none}.site-intro[data-phase="ready"] .intro-brand-line{width:min(330px,60vw)}.site-intro[data-phase="ready"] .intro-product-back{opacity:0;transform:rotateY(-10deg) scale(.975)}.site-intro[data-phase="ready"] .intro-product-front{opacity:1;transform:none}.site-intro[data-phase="ready"][data-media="back-only"] .intro-product-back{opacity:1;transform:none}.site-intro[data-phase="ready"][data-media="back-only"] .intro-product-front{opacity:0}.site-intro[data-phase="ready"] .intro-product-shell::before{opacity:1}.site-intro[data-phase="ready"] .intro-entry-zone{opacity:1;transform:none}.site-intro[data-phase="ready"] .intro-entry-signal span{animation:introTapPulse 1.5s ease-in-out infinite}.site-intro[data-phase="ready"] .intro-entry-signal span:nth-child(2){animation-delay:.25s}.site-intro[data-tap="once"] .intro-entry-signal span:first-child,.site-intro[data-tap="once"] .intro-entry-signal span:last-child{background:var(--intro-gold-bright);box-shadow:0 0 0 7px rgba(214,174,83,.1),0 0 18px rgba(214,174,83,.75)}.site-intro[data-phase="exiting"]{animation:introExit .72s cubic-bezier(.4,0,.2,1) both;pointer-events:none}.site-intro[data-phase="exiting"] .intro-product-shell{animation:introExitProduct .65s ease-in both}@keyframes introCopyRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes introLineReveal{from{width:0}to{width:min(330px,60vw)}}@keyframes introLightSweep{0%{opacity:0;transform:translateX(-75%) skewX(-15deg)}35%{opacity:.85}100%{opacity:0;transform:translateX(75%) skewX(-15deg)}}@keyframes introBackReveal{0%{opacity:0;transform:scale(.91) rotateY(9deg)}18%,70%{opacity:1;transform:scale(1.015) rotateY(0)}100%{opacity:0;transform:scale(.98) rotateY(-10deg)}}@keyframes introFrontReveal{0%{opacity:0;transform:scale(.97) rotateY(10deg)}24%,100%{opacity:1;transform:scale(1) rotateY(0)}}@keyframes introHalo{0%{opacity:0;transform:scale(.85)}40%,100%{opacity:1;transform:scale(1.08)}}@keyframes introSheen{0%{left:-25%;opacity:0}22%{opacity:.75}100%{left:105%;opacity:0}}@keyframes introTapPulse{0%,100%{transform:scale(.82);box-shadow:0 0 0 0 rgba(214,174,83,.25)}50%{transform:scale(1);box-shadow:0 0 0 7px rgba(214,174,83,0)}}@keyframes introExit{0%{opacity:1;filter:blur(0)}100%{opacity:0;filter:blur(7px)}}@keyframes introExitProduct{to{opacity:0;transform:scale(1.08)}}@media(max-width:680px){.intro-atmosphere::after{inset:12px}.intro-corner--tl,.intro-corner--tr{top:12px}.intro-corner--bl,.intro-corner--br{bottom:12px}.intro-corner--tl,.intro-corner--bl{left:12px}.intro-corner--tr,.intro-corner--br{right:12px}.intro-stage{width:100vw;height:100dvh;min-height:500px;padding:58px 18px 34px}.intro-brand-name{margin-top:8px;font-size:clamp(22px,7vw,32px)}.intro-brand-line{margin-top:12px}.intro-product-shell{width:min(76vw,46vh,410px)}.intro-footer{transform:translateY(-32px)}.intro-specs{gap:18px;font-size:9px;letter-spacing:.13em}.intro-specs span+span::before{left:-9px}.intro-entry-zone{min-height:78px;margin-top:8px}.intro-instruction{max-width:340px;font-size:14px;line-height:1.5}.intro-skip{top:22px;right:22px;min-height:44px;padding:0 13px;font-size:10px}}@media(max-height:620px){.intro-stage{padding-top:44px;padding-bottom:14px}.intro-kicker{font-size:9px}.intro-brand-name{font-size:21px}.intro-brand-line{margin-top:8px}.intro-product-shell{width:min(76vw,58vh,310px)}.intro-entry-zone{min-height:60px;margin-top:3px}.intro-entry-zone small{display:none}.intro-skip{top:16px;right:18px}}@media(max-width:360px){.intro-stage{padding-right:14px;padding-left:14px}.intro-brand-name{font-size:20px;letter-spacing:.09em;white-space:nowrap}.intro-product-shell{max-width:76vw}.intro-skip{right:16px;min-height:44px}}@media(prefers-reduced-motion:reduce){.site-intro *,.site-intro::before,.site-intro::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.site-intro[data-phase="playing"] .intro-kicker,.site-intro[data-phase="playing"] .intro-brand-name,.site-intro[data-phase="playing"] .intro-specs{opacity:1;transform:none}.site-intro[data-phase="playing"] .intro-brand-line{width:min(330px,60vw)}.site-intro[data-phase="playing"] .intro-product-front{opacity:1;transform:none}.site-intro[data-phase="playing"] .intro-product-back{opacity:0}.site-intro[data-phase="playing"] .intro-product-shell::before{opacity:1}}