:root{--paper:#f2f0ea;--ink:#151515;--muted:#625e57;--accent:#e33d20;--line:rgba(21,21,21,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Pretendard Variable",Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif}a{color:inherit;text-decoration:none}header{height:78px;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(242,240,234,.92);backdrop-filter:blur(14px)}.brand{font-size:22px;font-weight:950;letter-spacing:-.07em}header nav{margin-left:auto;display:flex;gap:26px;font-size:12px;font-weight:800}.active{color:var(--accent)}.catalog-hero{padding:90px 5vw 70px;border-bottom:1px solid var(--line)}.catalog-hero p{font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--accent)}.catalog-hero h1{font-size:clamp(54px,8vw,112px);line-height:.9;letter-spacing:-.075em;margin:24px 0}.catalog-hero span{display:block;max-width:590px;color:var(--muted);font-size:14px;line-height:1.8}.category-nav{position:sticky;top:78px;z-index:15;display:flex;gap:8px;padding:14px 5vw;border-bottom:1px solid var(--line);background:rgba(242,240,234,.94);overflow-x:auto}.category-nav a{flex:0 0 auto;border:1px solid var(--ink);padding:9px 14px;font-size:11px;font-weight:900}.catalog-section{padding:70px 5vw}.catalog-section+.catalog-section{border-top:1px solid var(--line)}.category-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.category-head h2{font-size:clamp(35px,5vw,64px);letter-spacing:-.06em;margin:0}.category-head span{font-size:11px;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.catalog-card{min-width:0;background:#faf9f5;border:1px solid var(--line)}.catalog-image{aspect-ratio:4/4.7;background:#ddd9d0;position:relative;overflow:hidden}.catalog-image img{width:100%;height:100%;object-fit:cover}.catalog-image b{position:absolute;right:12px;top:12px;background:#151515;color:#fff;padding:7px 9px;font-size:10px}.catalog-copy{padding:18px}.catalog-copy small{font-size:10px;color:var(--muted)}.catalog-copy h3{font-size:22px;letter-spacing:-.04em;margin:7px 0 16px}.catalog-copy strong{font-size:16px}.catalog-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:18px}.catalog-actions a,.catalog-actions button{display:grid;place-items:center;min-width:0;min-height:42px;padding:6px;border:1px solid var(--ink);background:transparent;color:inherit;font:inherit;font-size:11px;font-weight:900;text-align:center;cursor:pointer}.catalog-actions .design{background:var(--ink);color:#fff}.catalog-actions .disabled{opacity:.35;pointer-events:none}.catalog-loading{padding:100px 5vw;color:var(--muted)}@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){header{height:64px;padding:0 16px}header nav{gap:12px;font-size:10px}.catalog-hero{padding:65px 18px 50px}.category-nav{top:64px;padding-left:18px}.catalog-section{padding:50px 10px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.catalog-image b{right:5px;top:5px;padding:4px;font-size:7px}.catalog-copy{padding:8px 6px}.catalog-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}.catalog-copy h3{min-height:2.5em;margin:4px 0 8px;font-size:11px;line-height:1.25;word-break:keep-all}.catalog-copy strong{font-size:10px}.catalog-actions{grid-template-columns:1fr;gap:3px;margin-top:8px}.catalog-actions a,.catalog-actions button{min-height:30px;padding:3px 2px;font-size:8px;line-height:1.15;word-break:keep-all}}