@charset "UTF-8";
:root{--paper:#f7f4ec;--ink:#252b24;--muted:#62685e;--green:#34583e;--line:#dbded1;--orange:#ec6b37}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:9}.skip:focus{top:10px}header,main,footer{max-width:1180px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-weight:850;font-size:25px;letter-spacing:-1px}.logo-icon{color:var(--orange);font-size:34px;vertical-align:middle}.dot{color:var(--orange)}nav{display:flex;gap:32px;font-size:14px;font-weight:600}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;min-height:530px;padding:58px 0 65px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--green);margin:0 0 17px}h1{font-size:clamp(38px,4.7vw,61px);line-height:1.2;letter-spacing:-3px;margin:0 0 24px;font-weight:850}h1 em{font-style:normal;color:var(--orange)}.intro{color:var(--muted);font-size:16px;margin-bottom:27px}.button{display:inline-flex;background:var(--green);color:white;padding:13px 23px;border-radius:7px;gap:30px;font-weight:700;font-size:14px}.small{font-size:11px;color:var(--muted);margin-top:13px}.hero-art{height:365px;position:relative;background:#e8ebdc;border-radius:49% 45% 46% 44%;display:flex;align-items:center;justify-content:center}.packet{width:200px;height:290px;background:var(--orange);color:#fff7df;transform:rotate(-12deg);display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-top:9px double #f89a66;border-bottom:9px double #f89a66;box-shadow:12px 19px 0 #3a503315;border-radius:5px}.packet span,.packet b{font-size:10px;letter-spacing:2px;text-align:center}.packet strong{font-size:55px;line-height:1.1;letter-spacing:-3px}.cookie{position:absolute;bottom:20px;right:45px;background:#d6a975;border:9px dotted #865a3a;border-radius:50%;height:110px;width:110px;text-align:center;line-height:85px;font-size:50px;color:#654329;transform:rotate(20deg)}.spark{position:absolute;right:20px;top:35px;color:var(--green);font-size:68px}.orbit{position:absolute;left:10px;top:40px;border:1px solid var(--green);border-radius:50%;width:100px;height:100px;display:grid;place-content:center;text-align:center;font-size:12px;font-weight:bold;transform:rotate(-15deg);background:var(--paper)}.collection{border-top:1px solid var(--line);padding:42px 0 55px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title .eyebrow{margin-bottom:7px}h2{margin:0;font-size:30px;letter-spacing:-1px;line-height:1.3}.updated{font-size:12px;color:var(--muted)}.controls{display:flex;gap:15px;margin:28px 0 18px}.search{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:7px;flex:1;padding:8px 17px;gap:10px}.search span{font-size:29px;line-height:1}.search input{border:0;background:transparent;width:100%;padding:5px;min-width:0;font-size:14px;color:var(--ink)}.period-label{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}select{background:white;border:1px solid var(--line);border-radius:7px;padding:12px;color:var(--ink);font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:25px;background:transparent;padding:7px 18px;font-size:13px;color:var(--muted)}.filters button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.result{font-size:12px;color:var(--muted);margin:25px 0 15px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fffefa;border:1px solid var(--line);border-radius:12px;overflow:hidden}.art{height:190px;background:#e4e8d0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.art span{background:#71894b;color:#faf9e7;display:grid;place-content:center;font-size:24px;font-weight:900;line-height:1.05;letter-spacing:-1px;width:110px;height:145px;transform:rotate(-10deg);border-top:6px double #d9deba;border-bottom:6px double #d9deba;box-shadow:6px 7px 0 #0000000b}.art b{position:absolute;bottom:13px;left:17px;font-weight:500;font-size:11px;color:#414b31}.art i{width:65px;height:65px;border:6px dotted #9c7947;background:#dec493;border-radius:50%;position:absolute;right:50px;bottom:22px}.art[data-kind="스낵"]{background:#f5e7c9}.art[data-kind="스낵"] span{background:#dd9a30}.art[data-kind="초콜릿"]{background:#ede1da}.art[data-kind="초콜릿"] span{background:#76513d}.art[data-kind="기타"]{background:#e8ddcc}.art[data-kind="기타"] span{background:#b36e48}.card-body{padding:23px}.card .eyebrow{letter-spacing:.5px;font-size:11px;margin:0 0 7px}h3{font-size:21px;line-height:1.4;letter-spacing:-.8px;margin:0 0 11px}.card-body>p{font-size:13px;color:var(--muted);min-height:63px;margin:0 0 18px}dl{font-size:11px;margin:0 0 18px;border-top:1px solid var(--line);padding-top:12px}dl div{display:flex;justify-content:space-between;gap:10px;margin:5px 0}dt{color:var(--muted)}dd{margin:0;text-align:right}details{font-size:12px;color:var(--muted);margin-bottom:18px}details p{font-size:12px}.source{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:12px;font-weight:700;color:var(--green)}.source:hover{text-decoration:underline}.note{font-size:12px;color:var(--muted);margin-top:23px}.empty{padding:50px 20px;border:1px dashed var(--line);text-align:center;border-radius:12px}.empty p{font-size:13px;color:var(--muted)}.empty button{background:var(--green);color:white;border:0;padding:10px 20px;border-radius:5px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding:45px 0 55px}.about p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0 0 14px}.about h2{font-size:34px}footer{border-top:1px solid var(--line);padding:30px 0 45px;display:flex;gap:25px;align-items:center}footer .logo{font-size:20px}footer p,footer>span{font-size:11px;color:var(--muted)}footer>span{margin-left:auto}[hidden]{display:none!important}@media(max-width:1240px){header,main,footer{margin-left:30px;margin-right:30px}}@media(max-width:760px){header{height:80px}nav{gap:15px;font-size:12px}.logo{font-size:21px}.hero{grid-template-columns:1fr;gap:25px;padding:40px 0}.hero-art{height:280px;max-width:450px;width:100%;justify-self:center}.packet{height:235px;width:165px;padding:18px}.packet strong{font-size:45px}.cookie{right:20px;height:80px;width:80px;line-height:60px;font-size:40px}.orbit{left:0;top:15px;width:80px;height:80px;font-size:10px}.spark{font-size:50px}.grid{grid-template-columns:repeat(2,1fr);gap:14px}.section-title{align-items:flex-start;flex-direction:column}.controls{flex-wrap:wrap}.search{flex-basis:100%}.art{height:160px}.art i{right:15px;width:45px;height:45px}.card-body{padding:16px}.card-body>p{min-height:0}.about{grid-template-columns:1fr;gap:25px}footer{flex-wrap:wrap;gap:10px}footer>span{margin-left:0;flex-basis:100%}}@media(max-width:460px){header,main,footer{margin-left:20px;margin-right:20px}.grid{grid-template-columns:1fr}.art{height:195px}.art i{right:70px}.updated{font-size:11px}h1{font-size:42px}h2{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}