:root{--paper:#eeece6;--paper2:#e6e3db;--ink:#111111;--ink2:#3a3a38;--mute:#85827a;--rule:#cfcbc1;--blue:#2448c8;--rug:#6b6c70;--mat:#2f7d62;
--serif:"Instrument Serif",ui-serif,Georgia,serif;--sans:"Inter",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0e0e0d;--paper2:#171715;--ink:#f0eee8;--ink2:#cfccc4;--mute:#8a877f;--rule:#2b2a27;--blue:#8aa2ff;--rug:#a9abb0;--mat:#5fc29c}}
:root[data-theme="dark"]{--paper:#0e0e0d;--paper2:#171715;--ink:#f0eee8;--ink2:#cfccc4;--mute:#8a877f;--rule:#2b2a27;--blue:#8aa2ff;--rug:#a9abb0;--mat:#5fc29c}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}
.g{max-width:1440px;margin:0 auto;padding:0 16px}@media(min-width:760px){.g{padding:0 40px}}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.02em;text-transform:uppercase}
.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
.rule{border-top:1px solid var(--rule)}
/* bar */
.bar{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--rule)}
.bar .g{display:grid;grid-template-columns:1fr auto;align-items:center;height:52px;gap:16px}

.bar .wm{display:block;line-height:0}.bar .wm img{display:block;width:34px;height:34px}
.bar .mid{display:none;color:var(--mute)}@media(min-width:760px){.bar .mid{display:block;text-align:center}}
.bar nav{display:flex;gap:18px;justify-content:flex-end;align-items:center}
.bar nav a,.bar nav button{background:none;border:0;padding:0;color:var(--ink);cursor:pointer}
.bar nav a:hover{color:var(--blue)}
/* index hero */
.mast{padding-top:20px}
.mast h1{font:400 clamp(60px,21.6vw,330px)/.8 var(--serif);letter-spacing:-.035em;margin:0;white-space:nowrap}
.mast h1 i{font-style:italic;color:var(--blue)}
.intro{display:grid;grid-template-columns:1fr;gap:20px;padding-top:40px;padding-bottom:40px}
@media(min-width:900px){.intro{grid-template-columns:repeat(12,1fr);gap:24px;padding-top:64px;padding-bottom:56px}}
.intro .k{color:var(--mute)}
.intro .st{font:400 clamp(26px,3.2vw,46px)/1.12 var(--serif);letter-spacing:-.01em;margin:0}
.intro .st em{font-style:italic;color:var(--ink2)}
.reel{position:relative;margin:0}
.reel img,.reel video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
figcaption{display:flex;justify-content:space-between;gap:16px;padding:10px 0 0;color:var(--mute)}
/* grid placement only where the 12-column grid exists (on a phone a span would add implicit columns) */
@media(min-width:900px){.intro .k{grid-column:1/4}.intro .st{grid-column:5/13}.sh h2{grid-column:1/8}.sh .mono{grid-column:9/13;text-align:right}
.two .a{grid-column:1/7}.two .b{grid-column:8/13}footer .big{grid-column:1/7}footer p{grid-column:8/13}footer .row{grid-column:1/13}}
/* true-scale line-up of the drawings */
.lineup{--H:clamp(260px,44vw,600px);display:flex;align-items:flex-end;gap:clamp(10px,2.4vw,40px);height:var(--H);padding:40px 0 0;border-bottom:1px solid var(--ink);overflow-x:auto;scrollbar-width:none}
.lineup a{flex:0 0 auto;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.reel .lineup img{height:calc((var(--H) - 86px) * var(--r));width:auto;max-width:none;aspect-ratio:auto;object-fit:contain;background:none;transition:transform .3s}
.lineup a:hover img{transform:translateY(-6px)}
.lineup .mono{color:var(--mute);padding:10px 0 12px;white-space:nowrap}.lineup a:hover .mono{color:var(--blue)}
.draw{background:none}
:root[data-theme="dark"] .lineup img,:root[data-theme="dark"] .draw{filter:invert(.93) hue-rotate(180deg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lineup img,:root:not([data-theme="light"]) .draw{filter:invert(.93) hue-rotate(180deg)}}
.hero2{display:grid;grid-template-columns:1fr;gap:24px;margin-top:28px}@media(min-width:900px){.hero2{grid-template-columns:repeat(12,1fr)}}
.hero2 .dr{margin:0}.hero2 .dr img{width:100%;max-height:78vh;object-fit:contain}
@media(min-width:900px){.hero2 .dr{grid-column:1/8}.hero2 .sp{grid-column:9/13;align-self:start;padding-top:8px}.hero2 .spec{grid-template-columns:repeat(2,1fr);margin-top:0}}
/* home: quiet */
.lede{padding-top:clamp(36px,5vw,72px);padding-bottom:clamp(28px,4vw,56px)}
.lede p{margin:0;font:400 clamp(32px,4.6vw,68px)/1.04 var(--serif);letter-spacing:-.02em;max-width:18ch}.lede i{color:var(--mute)}
.idx.quiet a{grid-template-columns:40px 1fr auto}
@media(min-width:900px){.idx.quiet a{grid-template-columns:repeat(12,1fr)}.idx.quiet .t{grid-column:2/8}.idx.quiet .d{display:block;grid-column:8/11}.idx.quiet .r{grid-column:11/13}}
.idx.quiet li.grp{border-bottom:1px solid var(--ink);padding-top:40px}.idx.quiet li.grp:first-child{padding-top:0}
/* home: parts reel */
.parts{display:grid;grid-template-columns:1fr;gap:28px;padding-bottom:clamp(56px,7vw,104px)}@media(min-width:760px){.parts{grid-template-columns:repeat(3,1fr);gap:20px}}
.pc{margin:0}.pc video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--paper2)}
.pc figcaption{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding-top:12px;align-items:baseline}
.pc figcaption .mono{color:var(--mute)}.pc figcaption b{font:400 26px/1.05 var(--serif);letter-spacing:-.01em;color:var(--ink);font-weight:400}
.pc figcaption span:last-child{grid-column:2}
@media (prefers-reduced-motion: reduce){.pc video{animation:none}}
/* home: wipe band */
.wipe{position:relative;margin-top:0;overflow:hidden;background:var(--paper2);cursor:ew-resize;touch-action:pan-y}
.wl{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--n),1fr)}
.wl .wt{position:relative;overflow:hidden;display:block;border-right:1px solid var(--paper)}
.wl .wt:last-child{border-right:0}
.wl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);max-width:none}
.wline{clip-path:inset(0 calc(100% - var(--p)) 0 0);pointer-events:none;background:var(--paper)}
.wbar{position:absolute;top:0;bottom:0;left:var(--p);width:1px;background:var(--ink);pointer-events:none}
.wbar i{position:absolute;top:50%;left:0;width:44px;height:44px;border-radius:50%;background:var(--paper);border:1px solid var(--ink);transform:translate(-50%,-50%)}
.wbar i::before,.wbar i::after{content:"";position:absolute;top:50%;border:6px solid transparent;transform:translateY(-50%)}
.wbar i::before{left:7px;border-right-color:var(--ink)}.wbar i::after{right:7px;border-left-color:var(--ink)}
.wlab{position:absolute;top:14px;padding:5px 9px;background:var(--paper);color:var(--ink);font-size:11px;pointer-events:none}
.wlab.l{left:16px}.wlab.r{right:16px}@media(min-width:760px){.wlab.l{left:40px}.wlab.r{right:40px}}
.wcap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-top:10px;color:var(--mute)}
.wcap span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:759px){.wipe{aspect-ratio:8/10!important}.wl{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr}.wl .wt:nth-child(2){border-right:0}.wcap{display:none}}
.nums{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:56px;border-top:1px solid var(--ink)}
@media(min-width:900px){.nums{grid-template-columns:repeat(4,1fr)}}
.nums div{padding:18px 16px 22px 0;border-bottom:1px solid var(--rule)}
.nums b{display:block;font:400 clamp(48px,6vw,96px)/1 var(--serif);letter-spacing:-.03em}
.nums .mono{color:var(--mute);display:block;margin-top:8px}
/* compare slider: line drawing | render */
.cmp{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--paper2);user-select:none;-webkit-user-select:none;touch-action:pan-y}
.cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;pointer-events:none;transform:scale(1.16)}   /* same scale on both: the room ends at its walls, keep that edge out of frame */
.cmp .c0{clip-path:inset(0 calc(50% - (var(--p) - 50%) / 1.16) 0 0)}   /* the clip is drawn before the 1.16 scale: map the bar back */
.cmp .bar{position:absolute;top:0;bottom:0;left:var(--p);width:1px;background:var(--ink);transform:translateX(-.5px);pointer-events:none}
.cmp .bar i{position:absolute;top:50%;left:50%;width:38px;height:38px;border-radius:50%;background:var(--paper);border:1px solid var(--ink);transform:translate(-50%,-50%)}
.cmp .bar i::before,.cmp .bar i::after{content:"";position:absolute;top:50%;width:0;height:0;border:5px solid transparent;transform:translateY(-50%)}
.cmp .bar i::before{left:7px;border-right-color:var(--ink)}.cmp .bar i::after{right:7px;border-left-color:var(--ink)}
.cmp .tl,.cmp .tr{position:absolute;top:12px;padding:5px 8px;background:var(--paper);color:var(--ink);font-size:11px;pointer-events:none}
.cmp .tl{left:12px}.cmp .tr{right:12px}
.cmp input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.cmp input:focus-visible~.bar i{outline:2px solid var(--blue);outline-offset:2px}
:root[data-theme="dark"] .cmp .c0{filter:none}
/* categories */
.chips{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 6px}
.chips button{font:inherit;letter-spacing:inherit;text-transform:inherit;background:none;border:1px solid var(--rule);color:var(--ink2);padding:7px 12px;border-radius:999px;cursor:pointer}
.chips button span{color:var(--mute);margin-left:4px}.chips button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chips button.on span{color:var(--paper);opacity:.6}
.chips button:disabled{cursor:default;opacity:.55}
.idx sup.br{font-size:10px;color:var(--mute);margin-left:8px;vertical-align:super;letter-spacing:.06em}
.idx li.hide{display:none}
.idx li.grp{display:flex;justify-content:space-between;padding:26px 0 10px;border-bottom:1px solid var(--rule);color:var(--mute)}
.idx li.grp span:first-child{color:var(--ink)}.idx li.grp.later span:first-child{color:var(--mute)}
.idx li.grp.later{border-bottom-style:dashed}
.soonrow{display:grid;grid-template-columns:1fr;gap:0;margin-top:0}@media(min-width:760px){.soonrow{grid-template-columns:repeat(3,1fr);gap:24px}}
.soonrow div{display:grid;gap:4px;padding:18px 0;border-bottom:1px dashed var(--rule)}.soonrow .mono{color:var(--mute)}
.soonrow b{font:400 30px/1 var(--serif);color:var(--mute)}.soonrow span:last-child{color:var(--mute);font-size:14px}
.ph .top{display:grid;grid-template-columns:1fr auto;gap:8px}.ph .top span:nth-child(2){display:none}
@media(min-width:760px){.ph .top{grid-template-columns:1fr auto 1fr}.ph .top span:nth-child(2){display:block}.ph .top span:last-child{text-align:right}}
/* sections */
.sec{padding-top:72px}@media(min-width:900px){.sec{padding-top:112px}}
.sh{display:grid;grid-template-columns:1fr;gap:8px;align-items:end;padding-bottom:18px;border-bottom:1px solid var(--ink)}
@media(min-width:900px){.sh{grid-template-columns:repeat(12,1fr);gap:24px}}
.sh h2{font:400 clamp(40px,5.4vw,84px)/.95 var(--serif);letter-spacing:-.02em;margin:0}
.sh h2 i{font-style:italic}.sh .mono{color:var(--mute);text-align:left}
/* works index */
.idx{list-style:none;margin:0;padding:0}
.idx a{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--rule);transition:padding .25s,color .2s}
@media(min-width:900px){.idx a{grid-template-columns:repeat(12,1fr);gap:24px;padding:22px 0}}
.idx .n{color:var(--mute)}.idx .t{font:400 clamp(30px,3.6vw,54px)/1 var(--serif);letter-spacing:-.015em}
.idx .d,.idx .s,.idx .m,.idx .r{color:var(--ink2)}.idx .d,.idx .s,.idx .m{display:none}
@media(min-width:900px){.idx .n{grid-column:1/2}.idx .t{grid-column:2/6}.idx .d{display:block;grid-column:6/9}.idx .s{display:block;grid-column:9/10;white-space:nowrap}
.idx .m{display:block;grid-column:10/12}.idx .r{grid-column:12/13;text-align:right;white-space:nowrap}}
.idx a:hover{color:var(--blue);padding-left:10px}.idx a:hover .t{font-style:italic}
.idx .soon{color:var(--mute)}.idx .soon .t{color:var(--mute)}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e0a100;margin-right:8px;vertical-align:1px;animation:p 1.6s infinite}
@keyframes p{50%{opacity:.25}}
.peek{position:fixed;z-index:40;pointer-events:none;width:300px;aspect-ratio:3/4;opacity:0;transform:translate(-50%,-50%) scale(.94);transition:opacity .18s,transform .18s}
.peek.on{opacity:1;transform:translate(-50%,-50%) scale(1)}.peek img{width:100%;height:100%;object-fit:contain;background:var(--paper);border:1px solid var(--rule)}
@media(hover:none){.peek{display:none}}
/* plates (image grid) */
.plates{display:grid;grid-template-columns:1fr;gap:28px;padding-top:28px}
@media(min-width:900px){.plates{grid-template-columns:repeat(12,1fr);gap:24px}}
.plate{margin:0}.plate img{width:100%;object-fit:cover;background:var(--paper2)}
@media(min-width:900px){.p1{grid-column:1/8}.p1 img{aspect-ratio:16/10}.p2{grid-column:9/13;align-self:end}.p2 img{aspect-ratio:3/4}
.p3{grid-column:4/12}.p3 img{aspect-ratio:21/9}.pw{grid-column:1/13}}
.pw img{aspect-ratio:auto;background:none}
/* method */
.steps4{display:grid;grid-template-columns:1fr;gap:0}@media(min-width:900px){.steps4{grid-template-columns:repeat(4,1fr);gap:24px}}
.m4{padding:22px 0 28px;border-bottom:1px solid var(--rule)}@media(min-width:900px){.m4{border-bottom:0}}
.m4 .mono{color:var(--mute)}.m4 h3{font:400 30px/1.05 var(--serif);margin:14px 0 10px;letter-spacing:-.01em}.m4 p{margin:0;color:var(--ink2);max-width:34ch}
.sw{display:inline-block;width:10px;height:10px;margin-right:8px;vertical-align:0}
/* film page */
.ph{padding-top:28px}
.ph .top{display:flex;justify-content:space-between;color:var(--mute);padding-bottom:18px}
.ph h1{font:400 clamp(72px,16vw,240px)/.82 var(--serif);letter-spacing:-.04em;margin:0}
.ph h1 i{font-style:italic}
.spec{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink);margin-top:28px}
@media(min-width:900px){.spec{grid-template-columns:repeat(6,1fr)}}
.spec div{padding:12px 12px 14px 0;border-bottom:1px solid var(--rule)}.spec .mono{color:var(--mute);display:block;margin-bottom:6px;font-size:11px}
.spec b{font:500 14px/1.3 var(--mono);letter-spacing:0}
.player{position:relative;background:#000;margin-top:40px}.player video,.player img,.player iframe{width:100%;aspect-ratio:16/9;object-fit:cover;border:0;display:block}
.player .lab{position:absolute;left:16px;bottom:16px;background:var(--paper);color:var(--ink);padding:6px 10px}
.note{color:var(--mute);margin-top:10px}
.two{display:grid;grid-template-columns:1fr;gap:56px}@media(min-width:900px){.two{grid-template-columns:repeat(12,1fr);gap:24px}}

.colh{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ink);padding-bottom:12px;margin-bottom:0}
.colh h3{font:400 40px/1 var(--serif);margin:0;letter-spacing:-.015em}.colh .mono{color:var(--mute)}
.fig{margin:18px 0 0}.fig img{width:100%;aspect-ratio:2/1;object-fit:contain}
.fig.tool img{aspect-ratio:3/1}
.tbl{width:100%;border-collapse:collapse;margin-top:18px}
.tbl th{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);text-align:left;padding:0 0 10px;border-bottom:1px solid var(--rule)}
.tbl td{padding:11px 0;border-bottom:1px solid var(--rule);vertical-align:baseline}
.tbl td.c{width:30px}.tbl td.no,.tbl td.q{font:500 13px/1 var(--mono);white-space:nowrap}.tbl td.q{text-align:right;width:52px}
.tbl td.no{color:var(--ink2);padding-right:12px}.tbl tr.grp td{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding-top:20px;border-bottom:0}
.tbl tr:has(.tick:checked) td:not(.c){color:var(--mute);text-decoration:line-through;text-decoration-thickness:1px}
.tick{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin:0;border:1px solid var(--ink2);border-radius:0;background:transparent;cursor:pointer;vertical-align:-2px;display:inline-grid;place-items:center}
.tick:checked{background:var(--rug);border-color:var(--rug)}.b .tick:checked{background:var(--mat);border-color:var(--mat)}
.tick:checked::after{content:"";width:4px;height:7px;border:solid var(--paper);border-width:0 1.5px 1.5px 0;transform:translateY(-1px) rotate(45deg)}
.packs{color:var(--mute);margin-top:12px}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 16px;padding-top:28px}
@media(min-width:760px){.gal{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.gal{grid-template-columns:repeat(4,1fr);gap:40px 24px}}
.gal button{all:unset;cursor:pointer;display:block}.gal img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--paper2)}
.gal button:hover img{filter:none}.gal .cap{display:grid;grid-template-columns:auto 1fr;gap:10px;padding-top:10px;align-items:baseline}
.gal .cap .mono{color:var(--mute)}.gal .cap span:last-child{font-size:14px;color:var(--ink2);line-height:1.35}
.chs{display:grid;grid-template-columns:1fr;column-gap:24px}@media(min-width:900px){.chs{grid-template-columns:1fr 1fr}}
.tc{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--rule);width:100%;background:none;border-left:0;border-right:0;border-top:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.tc .mono{color:var(--blue);font-size:13px}.tc:hover span:last-child{font-style:italic}
.kv{display:grid;grid-template-columns:120px 1fr;margin-top:6px}.kv dt,.kv dd{margin:0;padding:11px 0;border-bottom:1px solid var(--rule)}
.kv dt{color:var(--mute)}.kv dd{font:500 13px/1.4 var(--mono)}
.next{display:block;margin-top:112px;padding:40px 0 48px;border-top:1px solid var(--ink)}
.next .mono{color:var(--mute)}.next .serif{display:block;font-size:clamp(56px,10vw,150px);line-height:.9;margin-top:14px}.next:hover .serif{font-style:italic;color:var(--blue)}
/* footer */
footer{margin-top:112px;border-top:1px solid var(--ink);padding:28px 0 40px}
footer .g{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:900px){footer .g{grid-template-columns:repeat(12,1fr)}}
footer .big{font:400 clamp(28px,3vw,40px)/1 var(--serif);letter-spacing:-.02em}
footer p{margin:0;color:var(--mute);font-size:13px}
footer .row{display:flex;justify-content:space-between;color:var(--mute);padding-top:16px;border-top:1px solid var(--rule)}
/* ---- logo identity (user 2026-11-13: "로고에 맞춰"): white ground, logo black, plum accent, Anton for display, torn-paper header */
:root{--paper:#ffffff;--paper2:#f3f2ef;--ink:#141617;--ink2:#3b3d40;--mute:#8b8c8e;--rule:#e4e4e2;--blue:#bc6ba1;--rug:#6b6c70;--mat:#2f7d62;
--serif:"Anton",Impact,"Arial Narrow",sans-serif;--logo:#141617}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#141617;--paper2:#1c1e20;--ink:#f4f4f2;--ink2:#cfd0d2;--mute:#8b8c8e;--rule:#2a2c2e;--blue:#d7a9c8}}
:root[data-theme="dark"]{--paper:#141617;--paper2:#1c1e20;--ink:#f4f4f2;--ink2:#cfd0d2;--mute:#8b8c8e;--rule:#2a2c2e;--blue:#d7a9c8}
.bar{background:var(--logo);border-bottom:0}
.bar::after{content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:11px;background:var(--logo);clip-path:polygon(0 0,100% 0,100.000% 4px,99.444% 8px,98.889% 8px,98.333% 8px,97.778% 8px,97.222% 2px,96.667% 2px,96.111% 8px,95.556% 6px,95.000% 6px,94.444% 5px,93.889% 3px,93.333% 7px,92.778% 4px,92.222% 2px,91.667% 1px,91.111% 6px,90.556% 2px,90.000% 9px,89.444% 3px,88.889% 1px,88.333% 2px,87.778% 1px,87.222% 6px,86.667% 2px,86.111% 3px,85.556% 8px,85.000% 4px,84.444% 2px,83.889% 4px,83.333% 1px,82.778% 7px,82.222% 8px,81.667% 2px,81.111% 7px,80.556% 7px,80.000% 7px,79.444% 7px,78.889% 9px,78.333% 8px,77.778% 1px,77.222% 9px,76.667% 3px,76.111% 6px,75.556% 6px,75.000% 9px,74.444% 7px,73.889% 3px,73.333% 1px,72.778% 5px,72.222% 5px,71.667% 3px,71.111% 8px,70.556% 1px,70.000% 4px,69.444% 4px,68.889% 3px,68.333% 3px,67.778% 2px,67.222% 3px,66.667% 4px,66.111% 7px,65.556% 6px,65.000% 7px,64.444% 5px,63.889% 9px,63.333% 7px,62.778% 3px,62.222% 5px,61.667% 9px,61.111% 7px,60.556% 8px,60.000% 3px,59.444% 2px,58.889% 8px,58.333% 7px,57.778% 7px,57.222% 4px,56.667% 3px,56.111% 5px,55.556% 4px,55.000% 1px,54.444% 8px,53.889% 2px,53.333% 3px,52.778% 6px,52.222% 8px,51.667% 1px,51.111% 6px,50.556% 7px,50.000% 5px,49.444% 8px,48.889% 5px,48.333% 1px,47.778% 2px,47.222% 8px,46.667% 5px,46.111% 2px,45.556% 2px,45.000% 8px,44.444% 8px,43.889% 6px,43.333% 6px,42.778% 6px,42.222% 9px,41.667% 2px,41.111% 1px,40.556% 7px,40.000% 8px,39.444% 3px,38.889% 6px,38.333% 3px,37.778% 7px,37.222% 9px,36.667% 2px,36.111% 2px,35.556% 5px,35.000% 8px,34.444% 6px,33.889% 8px,33.333% 9px,32.778% 5px,32.222% 2px,31.667% 4px,31.111% 3px,30.556% 4px,30.000% 5px,29.444% 6px,28.889% 8px,28.333% 8px,27.778% 6px,27.222% 7px,26.667% 9px,26.111% 8px,25.556% 4px,25.000% 1px,24.444% 2px,23.889% 9px,23.333% 2px,22.778% 6px,22.222% 4px,21.667% 2px,21.111% 3px,20.556% 9px,20.000% 5px,19.444% 2px,18.889% 9px,18.333% 3px,17.778% 7px,17.222% 5px,16.667% 3px,16.111% 9px,15.556% 1px,15.000% 4px,14.444% 1px,13.889% 7px,13.333% 1px,12.778% 4px,12.222% 2px,11.667% 1px,11.111% 7px,10.556% 9px,10.000% 2px,9.444% 4px,8.889% 2px,8.333% 7px,7.778% 7px,7.222% 2px,6.667% 1px,6.111% 4px,5.556% 9px,5.000% 1px,4.444% 6px,3.889% 2px,3.333% 9px,2.778% 2px,2.222% 1px,1.667% 7px,1.111% 3px,0.556% 6px,0.000% 4px);pointer-events:none}
.bar .g{height:60px}.bar .wm{font:400 28px/1 var(--serif);letter-spacing:.005em;color:#f4f4f2}.bar .wm span{color:#d7a9c8}
.bar nav a,.bar nav button{color:#f4f4f2}.bar nav a:hover{color:#e2b3d4}
.lede p{font:400 clamp(30px,4.2vw,62px)/1.02 var(--serif);letter-spacing:0;max-width:20ch;text-transform:none}
.lede i,.ph h1 i,.sh h2 i,.mast h1 i{font-style:normal;color:var(--blue)}
.idx .t{font:400 clamp(26px,3vw,44px)/1 var(--serif);letter-spacing:.005em}.idx a:hover .t{font-style:normal}
.ph h1{font:400 clamp(64px,13vw,200px)/.92 var(--serif);letter-spacing:0}
.sh h2{font:400 clamp(34px,4.4vw,68px)/1 var(--serif);letter-spacing:0}
.colh h3{font:400 30px/1 var(--serif);letter-spacing:.005em}
.pc figcaption b{font:400 22px/1.1 var(--serif);letter-spacing:.01em}
.m4 h3{font:400 24px/1.1 var(--serif);letter-spacing:.005em}
.next .serif{font-family:var(--serif);letter-spacing:0}.next:hover .serif{font-style:normal}
.tc:hover span:last-child{font-style:normal;color:var(--blue)}
.soonrow b{font-family:var(--serif)}
footer{border-top:0;background:var(--logo);color:#cfd0d2;position:relative}
footer::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:11px;background:var(--logo);clip-path:polygon(0.000% 6px,0.556% 4px,1.111% 7px,1.667% 3px,2.222% 9px,2.778% 8px,3.333% 1px,3.889% 8px,4.444% 4px,5.000% 9px,5.556% 1px,6.111% 6px,6.667% 9px,7.222% 8px,7.778% 3px,8.333% 3px,8.889% 8px,9.444% 6px,10.000% 8px,10.556% 1px,11.111% 3px,11.667% 9px,12.222% 8px,12.778% 6px,13.333% 9px,13.889% 3px,14.444% 9px,15.000% 6px,15.556% 9px,16.111% 1px,16.667% 7px,17.222% 5px,17.778% 3px,18.333% 7px,18.889% 1px,19.444% 8px,20.000% 5px,20.556% 1px,21.111% 7px,21.667% 8px,22.222% 6px,22.778% 4px,23.333% 8px,23.889% 1px,24.444% 8px,25.000% 9px,25.556% 6px,26.111% 2px,26.667% 1px,27.222% 3px,27.778% 4px,28.333% 2px,28.889% 2px,29.444% 4px,30.000% 5px,30.556% 6px,31.111% 7px,31.667% 6px,32.222% 8px,32.778% 5px,33.333% 1px,33.889% 2px,34.444% 4px,35.000% 2px,35.556% 5px,36.111% 8px,36.667% 8px,37.222% 1px,37.778% 3px,38.333% 7px,38.889% 4px,39.444% 7px,40.000% 2px,40.556% 3px,41.111% 9px,41.667% 8px,42.222% 1px,42.778% 4px,43.333% 4px,43.889% 4px,44.444% 2px,45.000% 2px,45.556% 8px,46.111% 8px,46.667% 5px,47.222% 2px,47.778% 8px,48.333% 9px,48.889% 5px,49.444% 2px,50.000% 5px,50.556% 3px,51.111% 4px,51.667% 9px,52.222% 2px,52.778% 4px,53.333% 7px,53.889% 8px,54.444% 2px,55.000% 9px,55.556% 6px,56.111% 5px,56.667% 7px,57.222% 6px,57.778% 3px,58.333% 3px,58.889% 2px,59.444% 8px,60.000% 7px,60.556% 2px,61.111% 3px,61.667% 1px,62.222% 5px,62.778% 7px,63.333% 3px,63.889% 1px,64.444% 5px,65.000% 3px,65.556% 4px,66.111% 3px,66.667% 6px,67.222% 7px,67.778% 8px,68.333% 7px,68.889% 7px,69.444% 6px,70.000% 6px,70.556% 9px,71.111% 2px,71.667% 7px,72.222% 5px,72.778% 5px,73.333% 9px,73.889% 7px,74.444% 3px,75.000% 1px,75.556% 4px,76.111% 4px,76.667% 7px,77.222% 1px,77.778% 9px,78.333% 2px,78.889% 1px,79.444% 3px,80.000% 3px,80.556% 3px,81.111% 3px,81.667% 8px,82.222% 2px,82.778% 3px,83.333% 9px,83.889% 6px,84.444% 8px,85.000% 6px,85.556% 2px,86.111% 7px,86.667% 8px,87.222% 4px,87.778% 9px,88.333% 8px,88.889% 9px,89.444% 7px,90.000% 1px,90.556% 8px,91.111% 4px,91.667% 9px,92.222% 8px,92.778% 6px,93.333% 3px,93.889% 7px,94.444% 5px,95.000% 4px,95.556% 4px,96.111% 2px,96.667% 8px,97.222% 8px,97.778% 2px,98.333% 2px,98.889% 2px,99.444% 2px,100.000% 6px,100% 100%,0 100%);pointer-events:none}
footer p,footer .row{color:#9a9b9d}footer .row{border-top-color:#2a2c2e}
/* ---- search */
.srch{display:grid;grid-template-columns:1fr;gap:10px;padding:0 0 28px;scroll-margin-top:90px}
.srch label{color:var(--mute)}
.srch input{width:100%;font:400 clamp(28px,3.4vw,52px)/1.1 var(--serif);letter-spacing:.005em;color:var(--ink);background:none;border:0;border-bottom:2px solid var(--ink);padding:6px 0 10px;outline:none;border-radius:0;-webkit-appearance:none;appearance:none}
.srch input::placeholder{color:var(--rule)}
.srch input:focus{border-bottom-color:var(--blue)}
.srch .hint{color:var(--mute);display:none}@media(hover:hover){.srch .hint{display:block}}
.none{color:var(--mute);padding:8px 0 28px;margin:0}.none b{color:var(--ink);font-weight:500}
.idx li.off{display:none}
mark{background:var(--blue);color:var(--paper);padding:0 .05em}
/* ---- motion (user 2026-11-13: "효과가 너무 없어서 심심하네"); all of it off under prefers-reduced-motion */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
.wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.wd>span{display:inline-block;transform:translateY(105%);transition:transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.ready .wd>span{transform:none}
.marq{overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-bottom:clamp(56px,7vw,104px);padding:14px 0}
.mq{display:flex;width:max-content;animation:mq 38s linear infinite}
.marq:hover .mq{animation-play-state:paused}
.mq span,.mq b{font:400 clamp(44px,6vw,96px)/1 var(--serif);letter-spacing:.01em;white-space:nowrap;padding:0 .28em}
.mq span.o{color:transparent;-webkit-text-stroke:1.2px var(--ink)}
.mq b{font-weight:400;color:var(--blue)}
@keyframes mq{to{transform:translateX(-50%)}}
.idx a{position:relative;isolation:isolate;transition:color .25s}
.idx a::before{content:"";position:absolute;inset:0 -16px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.7,0,.2,1);z-index:-1}
.idx a:hover{color:var(--paper);padding-left:0}.idx a:hover::before{transform:scaleX(1)}
.idx a:hover .n,.idx a:hover .d,.idx a:hover .r,.idx a:hover .m,.idx a:hover .s{color:var(--paper)}
.idx a.soon:hover .t{color:var(--paper)}
.pc a{display:block;overflow:hidden}.pc video{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.pc a:hover video{transform:scale(1.05)}
.gal button{overflow:hidden}.gal .im,.gal img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.gal button:hover img{transform:scale(1.05)}
@media (prefers-reduced-motion: reduce){.js .rv{opacity:1;transform:none;transition:none}.wd>span{transform:none;transition:none}.mq{animation:none}
.idx a::before,.pc video,.gal img{transition:none}}