:root{--ground:#121214;--panel:#1a1a1e;--panel-2:#222226;--paper:#ece7db;--paper-2:rgba(236,231,219,0.66);--paper-3:rgba(236,231,219,0.4);--line:rgba(236,231,219,0.12);--line-2:rgba(236,231,219,0.22);--ox:#b23a4a;--ok:#7cd39e;--hold:#e3ad4e;--stop:#e5706f;--shadow:0 30px 60px -30px rgba(0,0,0,0.8),0 8px 18px -10px rgba(0,0,0,0.6);--logo-invert:1;--radius:12px;--font-disp:"Hahmlet";--font-body:"IBM Plex Sans KR";--font-mono:"IBM Plex Mono";color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--paper);font-family:var(--font-body),"Noto Sans KR","Apple SD Gothic Neo",sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none}a,button{color:inherit}button{font:inherit}h1,h2,h3{font-family:var(--font-disp),"Noto Serif KR",serif;font-weight:500;line-height:1.15;margin:0;text-wrap:balance;letter-spacing:-.015em}.lat{font-family:var(--font-lat),Georgia,serif;font-style:italic;font-weight:400;letter-spacing:0}.mono{font-family:var(--font-mono),ui-monospace,monospace;font-size:12px;letter-spacing:.02em}.eyebrow{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.eyebrow,.kicker{color:var(--paper-2)}.kicker{font-size:13px;display:block;margin-bottom:4px}.wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,44px)}.sec{padding-block:clamp(36px,5vw,64px)}.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;flex-wrap:wrap}.sec-h h2{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:600}.sec-h .more{font-size:13.5px;color:var(--paper-2);border-bottom:1px solid var(--line-2);padding-bottom:1px}.sec-h .more:hover{color:var(--paper);border-color:var(--paper)}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:500;border:1px solid var(--line-2);color:var(--paper);background:transparent;transition:background .2s,transform .2s,border-color .2s;cursor:pointer}.pill.solid{background:var(--paper);color:var(--ground)}.pill.solid,.pill:hover{border-color:var(--paper)}.pill:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.fnav{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:30;gap:4px;padding:6px 6px 6px 14px;border-radius:999px;background:color-mix(in srgb,var(--ground) 76%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:0 6px 24px -12px rgba(0,0,0,.25);white-space:nowrap;max-width:calc(100vw - 32px)}.fnav,.fnav .mark{display:flex;align-items:center}.fnav .mark{gap:10px;margin-right:10px}.fnav .mark img{height:20px;width:auto;filter:invert(var(--logo-invert))}.fnav .mark span{font-family:var(--font-disp),serif;font-weight:600;font-size:14.5px;letter-spacing:-.01em}.fnav a{font-size:13px;padding:8px 12px;border-radius:999px;opacity:.78;transition:opacity .2s,background .2s}.fnav a:hover,.fnav a[aria-current=page]{opacity:1;background:var(--line)}.fnav .cta{background:var(--paper);color:var(--ground);opacity:1;font-weight:500;margin-left:4px}@media (max-width:860px){.fnav .mark span,.fnav a:not(.cta):not(.mark){display:none}}.mnav{display:none}@media (max-width:860px){.mnav{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:30;display:flex;gap:2px;padding:6px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--ground) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mnav,.mnav a{white-space:nowrap}.mnav a{font-size:12.5px;padding:9px 14px;border-radius:999px;opacity:.8;flex-shrink:0}.mnav a[aria-current=page]{opacity:1;background:var(--line)}body{padding-bottom:72px}}.hero{position:relative;height:min(88vh,820px);min-height:540px;overflow:hidden;background:#0b0b0e;color:#efe9dc}.wall{position:absolute;inset:-16% -6%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:14px;gap:14px;transform:rotate(-3deg) scale(1.12);will-change:transform}.col{display:flex;flex-direction:column;gap:14px;animation:drift var(--d,90s) linear infinite}.col.r{animation-direction:reverse}.col img{width:100%;height:auto;aspect-ratio:266/400;object-fit:cover;border-radius:3px;box-shadow:0 20px 40px -20px rgba(0,0,0,.9);background:#1c1c22}@keyframes drift{to{transform:translateY(-50%)}}.veil{background:linear-gradient(180deg,rgba(11,11,14,.55),rgba(11,11,14,.25) 35%,rgba(11,11,14,.6) 70%,rgba(11,11,14,.95))}.veil,.veil2{position:absolute;inset:0}.veil2{background:radial-gradient(60% 50% at 50% 55%,transparent 40%,rgba(11,11,14,.6) 100%)}.hero .copy{position:absolute;left:0;right:0;bottom:0;padding:0 clamp(16px,4vw,44px) clamp(28px,5vw,56px);display:grid;grid-template-columns:1fr auto;grid-gap:24px;gap:24px;align-items:end}.hero h1{font-size:clamp(2.1rem,5.2vw,4.6rem);line-height:1.12;max-width:12em;text-shadow:0 2px 30px rgba(0,0,0,.5);font-weight:600}.hero h1 .lat{font-size:1.06em;color:rgba(239,233,220,.85)}.hero h1 span.l{display:block;animation:up .9s cubic-bezier(.2,.8,.2,1) both}.hero h1 span.l:nth-child(2){animation-delay:.12s}@keyframes up{0%{transform:translateY(28px)}to{transform:translateY(0)}}.hero h1,.sec-h h2,.two h2{transition:opacity .35s ease}.fonts-pending .hero h1,.fonts-pending .sec-h h2,.fonts-pending .two h2{opacity:0}.hero p{font-size:clamp(14px,1.3vw,17px);color:rgba(239,233,220,.75);margin:18px 0 22px;max-width:40em;line-height:1.7}@media (max-width:600px){.hero p br{display:none}}.hero .pill{color:#efe9dc;border-color:rgba(239,233,220,.3)}.hero .pill.solid{color:#0f0f12;background:#efe9dc}.hero .brands-mini{display:flex;gap:22px;align-items:center;padding-bottom:8px}.hero .brands-mini img{height:24px;width:auto;opacity:.8}@media (max-width:760px){.hero .copy{grid-template-columns:1fr}.wall{grid-template-columns:repeat(4,1fr)}.hero .brands-mini{display:none}}.row{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(140px,16vw,190px);justify-content:start;grid-gap:clamp(14px,2vw,26px);gap:clamp(14px,2vw,26px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}.row::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.card:hover .cov{transform:translateY(-4px)}.card .top{display:none}.card .cov{aspect-ratio:.68;display:flex;align-items:flex-end;justify-content:center;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.card .cov img{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.35),0 18px 30px -22px rgba(0,0,0,.7);background:var(--panel-2)}.card .name{font-weight:600;font-size:14.5px;line-height:1.35;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .m{font-size:12.5px;color:var(--paper-2);display:flex;flex-direction:column;gap:1px;margin-top:-5px;line-height:1.5}.brands{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.bc{position:relative;border-radius:var(--radius);overflow:hidden;min-height:380px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:flex-end;background:var(--panel);border:1px solid var(--line)}.bc.ox{background:linear-gradient(160deg,#2a1216,#120a0c)}.bc .mini{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;padding:8px;opacity:.55;transform:translateY(-6%);transition:transform 5s linear}.bc:hover .mini{transform:translateY(-10%)}.bc .mini img{aspect-ratio:.68;object-fit:cover;border-radius:2px;width:100%}.bc .fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,var(--panel) 78%)}.bc.ox .fade{background:linear-gradient(180deg,transparent,#140a0d 80%)}.bc .in{position:relative;color:var(--paper)}.bc.ox .in{color:#f3e7e3}.bc .logo{height:30px;width:auto;margin-bottom:12px}.bc h3{font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0 0 6px;font-weight:600}.bc p{margin:0 0 16px;font-size:14.5px;opacity:.78;max-width:28em}.bc .in .pill{border-color:currentColor;opacity:.9;color:inherit}@media (max-width:760px){.brands{grid-template-columns:1fr}.bc{min-height:340px}}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:14px 0;border-block:1px solid var(--line);margin-bottom:28px}.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:8px;overflow:hidden}.seg a{padding:8px 16px;font-size:13px;color:var(--paper-2)}.seg a[aria-current=true]{background:var(--paper);color:var(--ground)}.chip{border:1px solid var(--line-2);background:none;border-radius:8px;padding:6px 12px;font-size:13px;color:var(--paper);opacity:.55}.chip[aria-current=true]{opacity:1;background:var(--panel);border-color:var(--paper-2)}.search{margin-left:auto;display:flex;gap:6px}.search input{background:var(--panel);border:1px solid var(--line-2);border-radius:8px;padding:8px 14px;color:var(--paper);font:inherit;font-size:13px;min-width:200px}.count{font-family:var(--font-mono),monospace;font-size:12px;color:var(--paper-3)}.grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:clamp(14px,2vw,28px);gap:clamp(14px,2vw,28px)}.bk{display:flex;flex-direction:column;gap:10px}.bk .cov{aspect-ratio:.68;display:flex;align-items:flex-end;justify-content:center;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.bk .cov img{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.35),0 16px 28px -20px rgba(0,0,0,.7);background:var(--panel-2)}.bk:hover .cov{transform:translateY(-4px)}.bk .t{font-weight:600;font-size:14px;line-height:1.35}.bk .t small{display:block;font-weight:400}.bk .m,.bk .t small{font-size:12px;color:var(--paper-2)}@media (max-width:980px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.grid{grid-template-columns:repeat(2,1fr)}.search input{min-width:0;width:100%}.search{margin-left:0;width:100%}}.pager{display:flex;gap:8px;justify-content:center;margin-top:40px}.empty{border:1px dashed var(--line-2);border-radius:var(--radius);padding:40px;text-align:center;color:var(--paper-2)}.detail{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-gap:clamp(28px,5vw,80px);gap:clamp(28px,5vw,80px);align-items:start}.detail .cov{max-width:340px;position:-webkit-sticky;position:sticky;top:90px}.detail .cov img{width:100%;height:auto;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.3),0 30px 50px -28px rgba(0,0,0,.8);background:var(--panel)}.detail h1{font-size:clamp(1.9rem,3.4vw,2.9rem);margin:6px 0 4px;line-height:1.2}.detail h1 small{display:inline-block;font-size:.5em;font-weight:400;color:var(--paper-2);margin-left:10px;vertical-align:middle}.detail .sub{font-size:16px;color:var(--paper-2);margin:0 0 6px;font-family:var(--font-body),sans-serif}.detail .by{font-size:14.5px;margin:0 0 26px;color:var(--paper-2)}.fmt{gap:5px;line-height:1.4;white-space:nowrap}.fmt,.st{display:inline-flex;align-items:center;font-size:12.5px;font-weight:500}.st{gap:6px}.st:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.st.on_sale,.st.preorder{color:var(--ok)}.st.sold_out,.st.temporarily_out{color:var(--hold)}.st.out_of_print{color:var(--stop)}.st.unknown{color:var(--paper-3)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.tabs button{background:transparent;border:1px solid var(--line-2);border-radius:10px;padding:9px 14px;font-size:13.5px;color:var(--paper-2);cursor:pointer;display:inline-flex;gap:10px;align-items:center;transition:border-color .2s,color .2s}.tabs button:hover{border-color:var(--paper-2)}.tabs button[aria-selected=true]{color:var(--paper);border-color:var(--paper);background:var(--panel)}.tabs .fmt:before{content:"";width:14px;height:18px;border-radius:1px 3px 3px 1px;border:1.5px solid;border-left:3px solid}.tabs .fmt.ebook:before{border-radius:3px;border-left-width:1.5px}.tabs .fmt.audio:before{border-radius:50%;width:16px;height:16px}.tabs .fmt.large:before{border-left-width:4px}.meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;margin:0 0 22px;padding:14px 0;border-block:1px solid var(--line)}.meta div{display:flex;gap:8px;align-items:baseline}.meta dt{color:var(--paper-3);font-size:12.5px}.meta dd{margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.buy{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:30px}.buy .pill{padding:11px 20px;font-size:14px}.prose{max-width:40em;font-size:15.5px;line-height:1.9}.prose h3{font-size:1.05rem;margin:34px 0 10px;font-weight:600}.prose p{margin:0 0 14px;white-space:pre-line}details{border-top:1px solid var(--line)}details:last-of-type{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:14px 0;font-weight:500;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--paper-3)}details[open] summary:after{content:"−"}details .prose-in{margin:0 0 16px;color:var(--paper-2);font-size:14px;white-space:pre-line;line-height:1.8}.crumb{font-size:13px;color:var(--paper-2);margin-bottom:14px;display:flex;gap:8px}@media (max-width:760px){.detail{grid-template-columns:1fr}.detail .cov{max-width:220px;position:static;margin-inline:auto}.detail h1{text-align:center}.crumb,.detail .by,.detail .sub{text-align:center;justify-content:center}.tabs{justify-content:center}}.two{display:grid;grid-template-columns:5fr 7fr;grid-gap:clamp(24px,5vw,72px);gap:clamp(24px,5vw,72px)}.two h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:16px;font-weight:600}.two p{max-width:36em;font-size:15.5px;line-height:1.9;margin:0 0 14px}.tl{list-style:none;margin:28px 0 0;padding:0;border-left:1px solid var(--line-2)}.tl li{position:relative;padding:0 0 18px 22px;font-size:14px;color:var(--paper-2)}.tl li:before{content:"";position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--paper);border:2px solid var(--ground)}.tl b{display:block;font-size:14px;font-weight:600;color:var(--paper);margin-bottom:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sig{margin-top:26px;font-family:var(--font-disp),serif;font-size:16px}.sig small{display:block;font-size:12px;color:var(--paper-3);margin-top:4px}.logos{display:flex;gap:40px;align-items:center;flex-wrap:wrap;margin:30px 0 10px}.logos img{height:30px;width:auto;opacity:.9;filter:invert(var(--logo-invert))}.info{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.info div{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.info b{display:block;font-size:12.5px;color:var(--paper-2);margin-bottom:8px;font-weight:500}.info p{margin:0;font-size:15px}.mapbox{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);margin-top:18px;background:#fff}.mapbox iframe{width:100%;height:380px;border:0;display:block}.copybtn{cursor:pointer}@media (max-width:760px){.info,.two{grid-template-columns:1fr}}footer.site{border-top:1px solid var(--line);margin-top:48px;padding-block:36px 40px;font-size:13px;color:var(--paper-2);line-height:1.8}footer.site .wrap{display:grid;grid-template-columns:1fr auto;grid-gap:24px;gap:24px;align-items:start}footer.site .logos{margin:0 0 12px;gap:22px}footer.site .logos img{height:18px;opacity:.75}footer.site nav{display:flex;gap:16px;flex-wrap:wrap}footer.site nav a:hover{color:var(--paper)}@media (max-width:760px){footer.site .wrap{grid-template-columns:1fr}}.logo-dark{filter:invert(var(--logo-invert))}.rv{transform:translateY(18px);transition:transform .9s cubic-bezier(.2,.8,.2,1)}.rv.in{transform:none}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{transform:none}}