@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--ink:#171817;--paper:#f6f4ef;--muted:#777970;--accent:#c7e4a0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #668f32;outline-offset:4px}.announcement{background:var(--ink);color:#eee;text-align:center;padding:10px;font-size:11px;letter-spacing:.12em}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid #dcdcd5;background:var(--paper)}.logo{font-size:20px;font-weight:700;letter-spacing:-.8px;display:block}.logo span{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}nav{display:flex;gap:32px;font-size:12px}.tools{display:flex;gap:16px}.tools button{background:none;border:0;font-size:13px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:660px}.hero-copy{padding:85px 8% 50px 10%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}h1{font-size:clamp(54px,6.2vw,94px);line-height:1.02;font-weight:500;letter-spacing:-5px;margin:30px 0}h1 em{font-family:Georgia,serif;font-weight:400;white-space:nowrap}p{font-size:14px;line-height:1.95;white-space:pre-line}.hero-copy p{color:#676b62}.cta{display:inline-flex;justify-content:space-between;gap:65px;padding:18px 23px;background:var(--ink);color:white;font-size:12px;margin-top:25px}.hero-note{font-size:8px;letter-spacing:1.3px;margin-top:62px;color:var(--muted)}.hero-art{position:relative;background:#897465;overflow:hidden}.hero-art svg{width:100%;height:100%;position:absolute;object-fit:cover}.art-tag{position:absolute;bottom:28px;left:25px;color:#f5e9df;font-size:9px;letter-spacing:2px}.vertical{position:absolute;right:22px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#f4e7dd}.ticker{padding:22px;text-align:center;font-size:12px;letter-spacing:3px;border-bottom:1px solid #dcdcd5;white-space:nowrap;overflow:hidden}.ticker span{margin:0 35px;font-size:22px;vertical-align:middle}.collection,.guide{padding:85px 5%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px}h2{font-size:clamp(27px,3vw,42px);letter-spacing:-1.5px;font-weight:500;line-height:1.4;white-space:pre-line;margin:18px 0}.section-top p{color:var(--muted);font-size:12px}.filters{display:flex;align-items:center;gap:18px;border-bottom:1px solid #dddcd6;padding:25px 0;margin-bottom:30px}#categories{display:flex;gap:7px;flex:1;flex-wrap:wrap}.filter{padding:9px 15px;border:1px solid transparent;border-radius:24px;background:none;color:#707268;font-size:12px}.filter.active{background:var(--ink);color:white}.search{display:flex;align-items:center;gap:7px;border-bottom:1px solid #aaa;padding:4px;width:170px}.search input{border:0;background:none;width:100%;min-width:0;outline:none;font-size:12px}select{border:0;background:transparent;font-size:11px;max-width:160px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 22px}.card{position:relative}.product-art{background:#e5e3dc;aspect-ratio:3/4;overflow:hidden;position:relative;display:block;width:100%;border:0;padding:0}.product-art svg{width:100%;height:100%;transition:transform .4s}.product-art:hover svg{transform:scale(1.04)}.sample-badge{position:absolute;top:14px;left:14px;font-size:8px;letter-spacing:1px;padding:5px 7px;background:#fff9}.favorite{position:absolute;right:12px;top:12px;border:0;background:#fff9;border-radius:50%;width:32px;height:32px;font-size:19px;z-index:1}.card-meta{display:flex;justify-content:space-between;margin-top:15px;font-size:9px;letter-spacing:.6px;color:var(--muted)}.card h3{font-size:14px;font-weight:500;margin:10px 0}.card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#777970}.view{background:none;border:0;border-bottom:1px solid #91938a;padding:5px 0;font-size:11px}.sample-note{border-top:1px solid #dddcd6;padding-top:24px;margin-top:38px;font-size:11px;color:var(--muted)}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#f0f0e9;align-items:center;gap:8%;padding:75px 9%}.story-symbol{font-size:145px;font-weight:600;letter-spacing:-12px;color:#dbe9bf;position:relative}.story-symbol span{font-size:95px;color:#dbe9bf;margin-left:15px}.story h2{font-size:38px}.story p{font-size:12px;color:#b5b8ad}.story a{display:inline-block;font-size:12px;border-bottom:1px solid #b6baaa;padding-bottom:8px;margin-top:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:45px 0}.steps article{border-top:1px solid #c8c9bd;padding-top:22px}.steps span{color:#8b9180;font-size:12px}.steps h3{font-size:17px;font-weight:500}.steps p{font-size:12px;color:var(--muted)}details{border-top:1px solid #d3d5cb;padding:18px 0}summary{cursor:pointer;font-size:13px}details p{color:var(--muted);font-size:12px;max-width:700px}footer{padding:40px 5%;border-top:1px solid #d3d5cb;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p{font-size:10px;color:var(--muted);margin:3px}footer small{font-size:9px;color:var(--muted)}dialog{border:0;background:var(--paper);padding:40px;max-width:600px;width:90%;max-height:90vh;overflow:auto}dialog::backdrop{background:#0009}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}.dialog-art{height:250px;background:#e8e6e0}.dialog-art svg{height:100%;width:100%}.pending{background:#e4e8da;padding:16px;font-size:12px}.disabled{background:#aaa;color:#fff;border:0;padding:14px;width:100%;cursor:default;margin-top:16px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:13px 24px;font-size:12px;opacity:0;pointer-events:none;z-index:3}#toast.show{opacity:1}#empty{text-align:center;padding:35px;color:var(--muted)}@media(min-width:1600px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:900px){nav{gap:15px}.hero{min-height:550px}.hero-copy{padding-top:65px}h1{letter-spacing:-3px;font-size:60px}.products{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}#categories{flex-basis:100%}.story{padding:60px 6%;gap:30px}.story-symbol{font-size:100px}.story-symbol span{font-size:50px}.story h2{font-size:28px}.steps{gap:25px}}@media(max-width:600px){header{padding:20px 5%;flex-wrap:wrap;gap:20px}.logo{font-size:17px}nav{order:3;width:100%;justify-content:space-between;font-size:11px}.hero{display:flex;flex-direction:column}.hero-copy{padding:50px 6% 35px}h1{font-size:62px;margin:25px 0}.hero-note{margin-top:28px}.hero-art{height:470px}.ticker{font-size:9px;padding:16px;letter-spacing:1px}.ticker span{margin:0 12px}.collection,.guide{padding:50px 5%}.section-top{display:block}.section-top p{margin-bottom:0}.filters{gap:15px}.filter{font-size:11px;padding:8px 12px}.products{gap:28px 13px}.card h3{font-size:12px}.card-bottom{font-size:9px}.view{font-size:10px}.story{grid-template-columns:1fr;padding:45px 7%}.story-symbol{font-size:85px;letter-spacing:-7px}.story h2{font-size:30px}.steps{grid-template-columns:1fr;gap:18px;margin:30px 0}.steps article{padding-top:15px}.steps h3{margin:10px 0}.steps p{margin-top:0}footer{align-items:start;flex-direction:column}dialog{padding:30px 20px}.card-meta{font-size:8px}.sample-badge{top:9px;left:9px;font-size:7px}.favorite{top:8px;right:8px;width:29px;height:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}