.intro{z-index:30;pointer-events:auto;position:fixed;inset:0}.intro[hidden]{display:none}.intro canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.intro .strokes{visibility:hidden;width:0;height:0;position:absolute;top:0;left:0}.intro .deco{pointer-events:none;color:var(--ink);position:absolute;inset:0}.intro .crop{width:100%;height:100%;position:absolute;inset:0}.hud{left:clamp(16px,3vw,36px);top:calc(env(safe-area-inset-top,0px) + clamp(16px,3vw,32px));font-family:var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;white-space:pre;font-size:11px;line-height:1.6;position:absolute}.hud b{color:var(--ink);font-weight:500}.time{right:clamp(16px,3vw,36px);top:calc(env(safe-area-inset-top,0px) + clamp(16px,3vw,32px));font-family:var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;position:absolute}.slug{left:clamp(16px,3vw,36px);right:clamp(16px,3vw,36px);bottom:calc(env(safe-area-inset-bottom,0px) + clamp(16px,3vw,32px));font-family:var(--f-mono);color:var(--muted);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute}.bar{gap:2px;display:flex}.bar i{width:14px;height:14px;display:block}.skip{font:500 12px var(--f-mono);color:var(--ink);cursor:pointer;pointer-events:auto;background:0 0;border:1px solid #c9cdd0;border-radius:2px;padding:6px 10px}@media (max-width:860px){.intro .slug .spec{display:none}}
.hero{transform-origin:50%;background:#ececea;height:100svh;min-height:560px;position:relative;overflow:hidden}.film{position:absolute;inset:0}.film video{object-fit:cover;object-position:50% 50%;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.film video.fade{opacity:0}.veil{background:linear-gradient(#fafaf800 38%,#fafaf8c7 70%,#fafaf8f5 100%),linear-gradient(90deg,#fafaf8d1 0%,#fafaf88c 34%,#fafaf800 62%);position:absolute;inset:0}.hero .copy{position:absolute;bottom:clamp(36px,7vh,80px);left:0;right:0}.hero .copy .wrap{gap:18px;display:grid}.hero h1{font-family:var(--f-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(40px,6.4vw,92px);font-weight:700;line-height:1.04}.hero .lead{color:#3d4146;word-break:keep-all;max-width:46ch;margin:0;font-size:17px}.film-meta{right:var(--gut);font:500 12px var(--f-mono);color:var(--muted);justify-items:end;gap:10px;display:grid;position:absolute;bottom:clamp(36px,7vh,80px)}.film-bars{gap:6px;display:flex}.film-bars i{background:#cfd2d4;width:120px;height:2px;position:relative;overflow:hidden}.film-bars b{background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.cue{align-items:center;gap:10px;display:flex}.cue i{background:linear-gradient(var(--ink),transparent);transform-origin:50% 0;width:1px;height:34px;animation:1.8s ease-in-out infinite cue}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (max-width:600px){.film-meta{display:none}.veil{background:linear-gradient(#fafaf800 22%,#fafaf866 38%,#fafaf8eb 58%,#fafaf8fa 100%)}}
.make{flex-direction:column;min-height:100svh;padding-block:calc(72px + clamp(12px,3vh,36px)) clamp(12px,3vh,32px);display:flex;position:relative;overflow:hidden}.make>.wrap{flex:1;grid-template-columns:minmax(0,7fr) minmax(0,3fr);align-items:stretch;gap:clamp(16px,3vw,48px);width:100%;max-width:1480px;display:grid}.make .sec-head{order:2;align-self:center;margin:0;display:block}.make .sec-head h2{word-break:keep-all;margin-top:10px;font-size:clamp(32px,3.6vw,56px)}.make .sec-head p{max-width:none;margin:18px 0 0}.orbit{--ow:124px;order:1;min-height:440px;position:relative}.orbit svg.rays{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ray{fill:none;stroke-width:1px;stroke-linecap:round;transition:opacity .35s,stroke-width .35s}.ray.base{stroke:#d3d6d8}.ray.pulse{stroke-width:2px;stroke-dasharray:.07 1.07;stroke-dashoffset:1.07px;opacity:0}.orbit.live .ray.pulse{opacity:.9;animation:2.8s cubic-bezier(.45,0,.55,1) infinite pulse;animation-delay:var(--pd)}@keyframes pulse{0%{stroke-dashoffset:1.07px}to{stroke-dashoffset:0}}.ray-end{transition:opacity .35s}.core{width:var(--core);aspect-ratio:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.core svg{width:100%;height:100%;display:block;overflow:visible}.core polygon{transform-box:fill-box;transform-origin:50%}.core .ring{fill:none;stroke:#c9ccce;stroke-width:3px;stroke-dasharray:4 14;transform-origin:450px 450px}.orbit.live .core .ring{animation:60s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.core-cap{left:50%;top:calc(50% + var(--core) / 2 + 14px);font:500 11px var(--f-mono);letter-spacing:.12em;color:var(--faint);white-space:nowrap;position:absolute;transform:translate(-50%)}.node{left:var(--x);top:var(--y);transform:translate(-50%,calc(var(--ow) * -.375 - 6px));cursor:pointer;color:var(--ink);font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-items:center;gap:8px;padding:6px;transition:opacity .35s;display:grid;position:absolute}.node .obj{width:var(--ow);aspect-ratio:4/3;perspective:600px;place-items:center;display:grid;position:relative}.node .obj .sc{width:76%;height:84%}.node .nlb{justify-items:center;gap:0;line-height:1.3;display:grid}.node .nlb b{letter-spacing:-.01em;font-size:15px;font-weight:700}.node .nlb small{font:500 11px var(--f-mono);color:var(--faint);letter-spacing:.06em;transition:color .3s}.node .nlb small:after{content:"건"}.node:hover .nlb small,.node:focus-visible .nlb small,.node.hot .nlb small{color:var(--tone-d)}.node:hover .nlb small:after,.node:focus-visible .nlb small:after,.node.hot .nlb small:after{content:"건 · 보기 →"}.orbit.focus .node:not(.hot){opacity:.32}.orbit.focus .ray.base:not(.hot),.orbit.focus .ray-end:not(.hot){opacity:.25}.ray.base.hot{stroke:var(--tone);stroke-width:2px}.node{--c:var(--tone);--m:var(--tone);--y:var(--tone-l);--c-soft:var(--tone-l);--m-soft:var(--tone-l);--y-soft:var(--tone-l)}.node .sc-sign .plate{background:var(--tone-d)}.node .sc-poster .sheet:before{background:linear-gradient(160deg,var(--tone) 0%,var(--tone-l) 100%)}.node .sc-banner .cloth{background:linear-gradient(to bottom,var(--tone) 0 34%,#fff 34% 64%,var(--tone-l) 64% 100%)}.node .sc-brand{width:58%;height:auto}@media (max-width:860px){.make{min-height:0;padding-block:clamp(64px,14vw,96px) 40px}.make>.wrap{flex-direction:column;gap:0;display:flex}.make .sec-head{order:0}.make .sec-head h2 br{display:none}.orbit{aspect-ratio:1;flex:none;min-height:0;margin-top:20px}.node{gap:4px}.node .nlb b{font-size:13px}.node .nlb small{font-size:10px}.node:hover .nlb small:after,.node:focus-visible .nlb small:after,.node.hot .nlb small:after{content:"건"}.core-cap{display:none}}
.sc{width:62%;height:70%;transform-style:preserve-3d;position:relative}.sheet{background:#fff;position:absolute;box-shadow:0 1px #0000000d,0 10px 24px -14px #15171a59}.lines{background-image:repeating-linear-gradient(#0000 0 7px,#e4e6e8 7px 8px);background-clip:content-box;padding:16% 14%}.sc-book .l,.sc-book .r,.sc-book .pg{width:46%;height:84%;top:8%}.sc-book .l{left:4%}.sc-book .r,.sc-book .pg{transform-origin:0;left:50%}.sc-book .pg{backface-visibility:hidden}.sc-book .pg:nth-of-type(3){background:#fff}.sc-book .pg:nth-of-type(4){background:#fbfbfa}.sc-book .pg:nth-of-type(5){background:var(--c-soft)}.play .sc-book .pg{animation:1.1s cubic-bezier(.6,.05,.3,1) both flip}.play .sc-book .pg:nth-of-type(4){animation-delay:.22s}.play .sc-book .pg:nth-of-type(5){animation-delay:.44s}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(-178deg)}}.sc-bro .sheet{transform-origin:50% 100%;width:40%;height:80%;top:10%;left:30%}.sc-bro .sheet:first-child{background:var(--m-soft)}.sc-bro .sheet:nth-child(2){background:#fff}.sc-bro .sheet:nth-child(3){background:var(--y-soft)}.sc-bro .sheet:nth-child(4){background:#fff}.play .sc-bro .sheet{animation:1s cubic-bezier(.2,.8,.2,1) both fan}.play .sc-bro .sheet:first-child{--r:-16deg;--x:-34%}.play .sc-bro .sheet:nth-child(2){--r:-5deg;--x:-11%;animation-delay:60ms}.play .sc-bro .sheet:nth-child(3){--r:6deg;--x:12%;animation-delay:.12s}.play .sc-bro .sheet:nth-child(4){--r:17deg;--x:35%;animation-delay:.18s}@keyframes fan{0%{transform:none}to{transform:translateX(var(--x)) rotate(var(--r))}}.sc-leaf .p{width:28%;height:80%;top:10%}.sc-leaf .p1{transform-origin:100%;background:var(--c-soft);left:8%}.sc-leaf .p2{background:#fff;left:36%}.sc-leaf .p3{transform-origin:0;background:var(--y-soft);left:64%}.sc-leaf .p1{transform:rotateY(178deg)}.sc-leaf .p3{transform:rotateY(-178deg)}.play .sc-leaf .p1{animation:1.2s cubic-bezier(.5,0,.2,1) .15s both unfoldL}.play .sc-leaf .p3{animation:1.2s cubic-bezier(.5,0,.2,1) .45s both unfoldR}@keyframes unfoldL{0%{transform:rotateY(178deg)}to{transform:rotateY(0)}}@keyframes unfoldR{0%{transform:rotateY(-178deg)}to{transform:rotateY(0)}}.sc-single .sheet{width:42%;height:82%;top:9%;left:29%}.sc-single .s1{transform:translate(-6%,4%)rotate(-3deg)}.sc-single .s2{transform:translate(4%,2%)rotate(2deg)}.sc-single .s3:before{content:"";background:var(--m-soft);height:22%;position:absolute;top:10%;left:12%;right:12%}.play .sc-single .s3{animation:1s cubic-bezier(.2,.8,.2,1) both out}@keyframes out{0%{transform:translate(-160%)rotate(-8deg)}to{transform:none}}.sc-poster .sheet{width:40%;height:88%;top:6%;left:30%;overflow:hidden}.sc-poster .sheet:before{content:"";background:linear-gradient(160deg,var(--m) 0%,#f5a3c9 100%);height:58%;position:absolute;top:0;left:0;right:0}.sc-poster .sheet:after{content:"";background:#15171a;height:5%;position:absolute;top:66%;left:12%;right:30%;box-shadow:0 14px 0 -2px #c9ccce,0 26px 0 -2px #c9ccce}.crop{border-color:var(--ink);border-style:solid;border-width:0;width:12%;height:9%;position:absolute}.crop.tl{border-top-width:1px;border-left-width:1px;top:1%;left:24%}.crop.tr{border-top-width:1px;border-right-width:1px;top:1%;right:24%}.crop.bl{border-bottom-width:1px;border-left-width:1px;bottom:1%;left:24%}.crop.br{border-bottom-width:1px;border-right-width:1px;bottom:1%;right:24%}.play .sc-poster .sheet{animation:.9s cubic-bezier(.2,.8,.2,1) both drop}.play .sc-poster .crop{animation:.5s .75s both cropin}@keyframes drop{0%{transform:translateY(-120%)}to{transform:none}}@keyframes cropin{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:none}}.sc-banner .rod{background:#15171a;border-radius:2px;width:28%;height:4%;position:absolute;top:4%;left:36%}.sc-banner .cloth{transform-origin:50% 0;background:linear-gradient(to bottom,var(--c) 0 34%,#fff 34% 64%,var(--y) 64% 100%);width:24%;height:86%;top:7%;left:38%}.sc-banner .cloth:after{content:"";background:#15171a;height:4%;position:absolute;top:42%;left:18%;right:18%;box-shadow:0 12px 0 -1px #c9ccce}.play .sc-banner .cloth{animation:1.1s cubic-bezier(.3,0,.2,1) both roll}@keyframes roll{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.sc-sign .plate{transform-origin:50% 100%;background:#1f3b63;width:68%;height:50%;top:22%;left:16%;overflow:hidden}.sc-sign .plate:before{content:"";background:#fff;width:46%;height:12%;position:absolute;top:30%;left:12%;box-shadow:0 22px 0 -4px #ffffff8c}.sc-sign .plate:after{content:"";background:linear-gradient(100deg,#0000,#ffffff80,#0000);width:30%;position:absolute;top:-20%;bottom:-20%;left:-40%;transform:skew(-18deg)}.sc-sign .base{background:#c9ccce;width:76%;height:3%;position:absolute;top:72%;left:12%}.play .sc-sign .plate{animation:.9s cubic-bezier(.2,.8,.2,1) both stand}.play .sc-sign .plate:after{animation:1s .8s both sweep}@keyframes stand{0%{transform:rotateX(84deg)}to{transform:none}}@keyframes sweep{0%{left:-40%}to{left:120%}}.sc-promo .bag{background:var(--c-soft);width:40%;height:62%;top:30%;left:30%}.sc-promo .bag:before{content:"";background:#fff;height:24%;position:absolute;top:30%;left:14%;right:14%}.sc-promo .handle{transform-origin:50% 100%;border:2px solid #15171a;border-bottom:0;border-radius:40px 40px 0 0;width:20%;height:28%;position:absolute;top:16%;left:40%}.play .sc-promo .bag{animation:.8s cubic-bezier(.2,.8,.2,1) both rise}.play .sc-promo .handle{animation:.5s .6s both handle}@keyframes rise{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:none}}@keyframes handle{0%{transform:scaleY(0)}to{transform:none}}.sc-brand{aspect-ratio:1;width:44%;height:auto}.sc-brand svg{width:100%;height:100%;display:block}.sc-brand polygon{transform-box:fill-box;transform-origin:50%}.play .sc-brand polygon{animation:.7s cubic-bezier(.2,.8,.2,1) both tri;animation-delay:var(--d)}@keyframes tri{0%{opacity:0;transform:scale(0)rotate(-60deg)}to{opacity:1;transform:none}}.sc-brand .st{stroke-dasharray:1;stroke-dashoffset:0}.play .sc-brand .st{animation:.6s .75s both st}@keyframes st{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}
.about{position:relative}.about .grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(32px,6vw,88px);display:grid}.typeset{font-family:var(--f-display);letter-spacing:-.03em;background-image:repeating-linear-gradient(#0000 0 calc(1.22em - 1px),#00a0e938 calc(1.22em - 1px) 1.22em);background-position:0 -.25em;background-size:100% 1.22em;margin:14px 0 0;font-size:clamp(30px,4.4vw,60px);font-weight:700;line-height:1.22;position:relative}.typeset .ch{white-space:pre;display:inline-block}.typeset em{color:var(--accent);font-style:normal}.about .side{gap:28px;padding-top:clamp(0px,2vw,24px);display:grid}.about .side p{color:#3d4146;margin:0}.stats{border-top:1px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.stat{border-bottom:1px solid var(--rule);gap:2px;padding:18px 0 20px;display:grid}.stat:nth-child(odd){border-right:1px solid var(--rule);padding-right:16px}.stat:nth-child(2n){padding-left:16px}.stat b{font-family:var(--f-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(30px,3.4vw,44px);font-weight:700;line-height:1.1}.stat span{color:var(--muted);font-size:13px}@media (max-width:960px){.about .grid{grid-template-columns:minmax(0,1fr)}}
.process{background:var(--paper);border-block:1px solid var(--rule);overflow:hidden}.pin{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;height:100svh;display:grid}.pinfo{padding-left:max(var(--gut),calc((100vw - var(--max)) / 2 + var(--gut)));align-self:center;gap:22px;padding-right:32px;display:grid}.pinfo h2{font-family:var(--f-display);letter-spacing:-.025em;margin:0;font-size:clamp(30px,4vw,52px);font-weight:700;line-height:1.12}.pinfo p{color:var(--muted);max-width:34ch;margin:0}.reg{align-items:center;gap:18px;display:flex}.reg svg{width:88px;height:88px;overflow:visible}.reg circle{mix-blend-mode:multiply}.reg .rs{font:500 12px var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;line-height:1.6}.reg .rs b{color:var(--ink);font-weight:500}.track-wrap{align-self:stretch;align-items:center;display:flex;overflow:hidden}.track{padding-right:var(--gut);will-change:transform;gap:20px;display:flex}.step{background:var(--bg);border:1px solid var(--rule);flex:0 0 clamp(260px,26vw,340px);grid-template-rows:auto auto 1fr auto;gap:12px;min-height:380px;padding:26px 24px;display:grid}.step .n{font:500 13px var(--f-mono);color:var(--accent)}.step h3{letter-spacing:-.02em;margin:0;font-size:26px}.step p{color:#3d4146;margin:0;font-size:15px}.step .meta{font:500 12px var(--f-mono);color:var(--muted);border-top:1px solid var(--rule);padding-top:12px}.step svg{align-self:end;width:100%;height:90px}@media (max-width:860px){.pin{grid-template-columns:minmax(0,1fr);gap:28px;height:auto;padding-block:72px}.pinfo{padding-inline:var(--gut)}.track-wrap{overflow-x:auto}.track{padding-inline:var(--gut);flex-direction:column;width:100%}.step{flex-basis:auto;min-height:0}}
.marq{border-block:1px solid var(--rule);background:var(--paper);overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marq .row{width:max-content;animation:32s linear infinite marq;display:flex}.marq:hover .row{animation-play-state:paused}.marq .lg{place-items:center;width:clamp(160px,18vw,220px);height:110px;padding:18px 28px;display:grid}.marq img{object-fit:contain;filter:grayscale();opacity:.75;max-width:100%;max-height:56px;transition:all .3s}.marq .lg:hover img{filter:none;opacity:1}@keyframes marq{to{transform:translate(-50%)}}.record{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,56px);margin-top:clamp(32px,5vw,56px);display:grid}.record li{border-bottom:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:14px;padding:14px 0;font-size:15px;display:grid}.record ul{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.record .k{font:500 11px var(--f-mono);color:var(--muted);letter-spacing:.08em;min-width:6.5em}.record .c{color:var(--muted);font-size:13px}.prc-slot{color:var(--muted);border:1px dashed #c9ccce;margin-top:28px;padding:18px 20px;font-size:14px}@media (max-width:860px){.record{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.marq .row{animation:none}}
.contact .grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,88px);display:grid}.contact h2{font-family:var(--f-display);letter-spacing:-.025em;margin:6px 0 16px;font-size:clamp(30px,4vw,52px);font-weight:700;line-height:1.12}.contact .info{align-content:start;gap:22px;display:grid}.contact .info p{color:var(--muted);margin:0}.line{border-top:1px solid var(--rule);gap:4px;padding-top:14px;display:grid}.line .k{font:500 11px var(--f-mono);color:var(--faint);letter-spacing:.08em}.line .v{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.line .v span{-webkit-user-select:all;user-select:all;font-size:20px;font-weight:600}.line .v span.sm{font-size:15px;font-weight:500}button.copy{font:500 12px var(--f-mono);border:1px solid var(--rule);cursor:pointer;color:var(--ink);background:0 0;border-radius:2px;padding:4px 8px}.contact form{background:var(--paper);border:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;padding:clamp(20px,3vw,32px);display:grid}.contact form .full{grid-column:1/-1}.contact label{gap:6px;font-size:13px;font-weight:600;display:grid}.contact label small{color:var(--faint);font-weight:400}.contact input,.contact select,.contact textarea{font:400 15px var(--f-body);color:var(--ink);background:var(--bg);border:1px solid #d6d9db;border-radius:2px;width:100%;min-width:0;padding:11px 12px}.contact textarea{resize:vertical;min-height:120px}.contact input:focus,.contact select:focus,.contact textarea:focus{outline:2px solid var(--c);outline-offset:0;border-color:#0000}.contact label.consent{align-items:flex-start;gap:10px;font-weight:500;display:flex}.contact label.consent input{flex:none;width:18px;height:18px;margin:2px 0 0;padding:0}.contact label.consent a{color:var(--muted)}.fstatus{color:var(--muted);grid-column:1/-1;min-height:1.4em;margin:0;font-size:14px}.fstatus.err{color:var(--accent)}.contact form .btn{justify-self:start}.contact form .btn[disabled]{opacity:.5;cursor:progress}.ts{grid-column:1/-1;min-height:0}@media (max-width:960px){.contact .grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.contact form{grid-template-columns:minmax(0,1fr)}}