*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101715;color:#f0eee5;font-family:"Malgun Gothic",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c6f196;outline-offset:5px}header{padding:28px 5vw;border-bottom:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;font-size:13px}.brand{font-size:18px;font-weight:800;letter-spacing:2px}main{max-width:1700px;padding:0 5vw;margin:auto}.hero{padding:85px 0 70px;display:grid;grid-template-columns:1fr 330px;align-items:end;gap:50px}.eyebrow{font-size:11px;letter-spacing:2px;color:#b9d89c}h1{font-size:clamp(36px,4.5vw,72px);letter-spacing:-3px;line-height:1.25;margin:25px 0}h1 em{font-style:normal;color:#c6f196}.intro{font-size:16px;line-height:1.9;color:#b2beb5}.links{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;font-size:13px}.links a:first-child{color:#c6f196}aside{border-top:1px solid #667363;padding-top:18px}aside strong{font-size:116px;font-weight:400;letter-spacing:-8px;line-height:1}aside strong span{display:block;letter-spacing:3px;font-size:10px;margin:14px 0 36px;color:#adc1a3}aside>div{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:18px;font-size:12px}aside b{margin-left:12px;color:#c6f196}.toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #ffffff25;padding-top:28px}.categories,.inputs{display:flex;gap:8px;flex-wrap:wrap}button,select,input{padding:12px 16px;border:1px solid #ffffff25;background:#1b2520;color:#f0eee5;min-height:44px;border-radius:5px}button{cursor:pointer}button[aria-pressed=true]{background:#c6f196;border-color:#c6f196;color:#172119}input{width:245px}select{max-width:100%}.result{display:flex;justify-content:space-between;align-items:center;color:#a6b1a9;font-size:12px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 25px}.card{min-width:0}.card[hidden]{display:none}.card figure{margin:0;position:relative;overflow:hidden;aspect-ratio:64/45;border-radius:9px;background:#e5e8dd}.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.card:hover img{transform:scale(1.035)}.badge{position:absolute;top:13px;left:13px;background:#101715df;color:#e4eddc;padding:6px 12px;border-radius:99px;font-size:11px}.open{position:absolute;bottom:14px;right:14px;background:#c6f196;color:#172119;padding:10px 15px;border-radius:4px;font-size:12px;opacity:0;transform:translateY(5px);transition:.25s}.card:hover .open,.card:focus-visible .open{opacity:1;transform:none}.meta{padding:18px 1px}.meta small{font-size:11px;letter-spacing:1px;color:#aebca9}.meta h2{font-size:22px;margin:10px 0}.meta p{font-size:12px;color:#9da99f;margin:0}footer{position:relative;border-top:1px solid #ffffff25;margin-top:70px;padding:38px 0 55px;font-size:12px;color:#aebbae;line-height:1.9}footer b{font-size:16px;color:#e8efdf}.top{position:absolute;right:0;top:38px}#empty{padding:70px 0;color:#b8c9ac}@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.hero{grid-template-columns:1fr 210px;gap:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}aside strong{font-size:90px}}@media(max-width:600px){header{padding:20px 5vw}.brand{font-size:14px}.hero{display:block;padding:45px 0 35px}aside{display:none}h1{letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:1px}.grid{grid-template-columns:1fr;gap:24px}.toolbar{display:block}.inputs{margin-top:12px}.inputs>*{flex:1;min-width:0;width:45%}.categories{display:grid;grid-template-columns:repeat(4,1fr)}button{font-size:12px;padding:10px 8px}.result span{display:none}.open{opacity:1;transform:none}.meta{padding:15px 0}.meta h2{font-size:20px}.links{gap:18px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}