:root{--paper:#f3f1ec;--paper-2:#eae7df;--ink:#14130e;--ink-soft:#3a382f;--muted:#6b6455;--line:#dcd7cc;--brass:#7a6a47;--deep:#1e1c16}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;line-height:1.7;overflow-x:hidden}.serif{letter-spacing:-.02em;font-family:Noto Serif KR,serif;font-weight:200;line-height:1.25}.cor{font-family:Cormorant Garamond,serif;font-style:italic;font-weight:300}.pen{color:var(--ink);letter-spacing:.01em;font-family:Nanum Pen Script,cursive;font-weight:400}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:400}.wrap{max-width:1440px;margin:0 auto;padding:0 clamp(20px,5vw,88px)}img{object-fit:cover;width:100%;height:100%;display:block}a{color:inherit;text-decoration:none}body:after{content:"";pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.head{padding-top:clamp(56px,6.2vw,92px);padding-bottom:30px}.head h1{margin:12px 0 14px;font-size:clamp(30px,4.6vw,52px)}.head .desc{max-width:60ch;color:var(--ink-soft);font-size:15px}.crumb{color:var(--muted);letter-spacing:.02em;font-size:12px}.filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:34px;padding-top:18px;padding-bottom:16px}.frow{flex-wrap:wrap;align-items:baseline;gap:14px;padding:7px 0;display:flex}.frow .lb{letter-spacing:.2em;color:var(--muted);text-transform:uppercase;flex-shrink:0;width:76px;font-size:11px}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;color:var(--ink-soft);background:0 0;border-radius:100px;padding:5px 14px;font-family:inherit;font-size:12.5px;font-weight:400;transition:all .16s}.chip:hover{border-color:var(--muted)}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip .n{opacity:.6;font-variant-numeric:tabular-nums;margin-left:5px;font-size:10.5px}.fmeta{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px;display:flex}.fmeta .cnt b{color:var(--ink);font-weight:400}.sort{color:var(--ink-soft);cursor:pointer;font-size:12.5px}.grid{grid-template-columns:repeat(3,1fr);gap:44px 30px;padding-bottom:60px;display:grid}@media (max-width:1080px){.grid{grid-template-columns:repeat(2,1fr);gap:34px 22px}}@media (max-width:620px){.grid{grid-template-columns:1fr}}.card{cursor:pointer}.card .ph{aspect-ratio:4/3;background:var(--paper-2);position:relative;overflow:hidden}.card .ph img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.card:hover .ph img{transform:scale(1.045)}.card .badge{color:var(--paper);letter-spacing:.1em;background:#14130ec7;padding:4px 10px;font-size:10.5px;position:absolute;top:12px;left:12px}.card h2,.card h3{letter-spacing:-.01em;margin:15px 0 5px;font-size:17.5px;font-weight:400;line-height:1.4}.card .meta{color:var(--muted);flex-wrap:wrap;gap:9px;font-size:12.5px;display:flex}.card .meta span:not(:last-child):after{content:"·";color:var(--line);margin-left:9px}.more{text-align:center;padding:0 0 90px}.more button{letter-spacing:.08em;border:1px solid var(--ink);cursor:pointer;color:var(--ink);background:0 0;padding:14px 46px;font-family:inherit;font-size:13px;font-weight:400}.more button:hover{background:var(--ink);color:var(--paper)}.cta-band{background:var(--paper-2);color:var(--ink);padding:76px 0 82px}.cta-band h2{margin-bottom:16px;font-size:clamp(24px,3.4vw,40px)}.cta-band p{color:var(--muted);max-width:52ch;font-size:14.5px}.cta-band .btns{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.cta-band .b1{background:var(--ink);color:var(--paper);padding:15px 34px;font-size:13.5px}.cta-band .b2{border:1px solid var(--ink);color:var(--ink);padding:15px 34px;font-size:13.5px}body{word-break:keep-all;overflow-wrap:break-word}.head h1{margin-top:49px}.frow .lb{word-spacing:-.2em}.casebody{max-width:74ch;margin:46px auto 0}.casebody h2{letter-spacing:-.02em;color:var(--ink);border-top:1px solid var(--line);margin:38px 0 12px;padding-top:22px;font-size:19px;font-weight:300}.casebody h2:first-child{border-top:0;margin-top:0;padding-top:0}.casebody p{color:var(--ink-soft);margin-bottom:14px;font-size:14.5px;line-height:1.85}.casecall{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.casecall a{border:1px solid var(--ink);color:var(--ink);align-items:center;min-height:46px;padding:13px 24px;font-size:13.5px;transition:all .2s;display:inline-flex}.casecall a:first-child{background:var(--ink);color:var(--paper)}.casecall a:hover{background:var(--brass);border-color:var(--brass);color:var(--paper)}@media (max-width:560px){.casecall a{flex:100%;justify-content:center}}.case-pages{justify-content:center;gap:8px;padding-top:44px;padding-bottom:90px;display:flex}.case-page-link{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);justify-content:center;align-items:center;padding:8px 12px;font-size:13px;text-decoration:none;display:inline-flex}.case-page-link:hover,.case-page-link:focus-visible{border-color:var(--ink);background:var(--paper-2)}