*{box-sizing:border-box}body{margin:0;background:#14100d;color:#f2ece0;font:16px/1.7 'Malgun Gothic',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e2734a;outline-offset:4px}header{max-width:1520px;margin:auto;padding:25px 35px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff22;font-size:13px}header span{letter-spacing:2px;color:#b9ab98}main{max-width:1520px;margin:auto;padding:0 35px}.intro{padding:75px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.eyebrow{font-size:13px;letter-spacing:2px;color:#e2734a}h1{font-size:clamp(50px,6vw,92px);line-height:1.12;letter-spacing:-6px;margin:28px 0;color:#f6f1e6}h1 em{font-style:normal;color:#ff8a5c}.lead{font-size:18px;line-height:1.9;color:#c9bfae}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:30px 0;font-size:14px}.primary{padding:16px 25px;background:#c2452c;color:#fff7ee;border-radius:4px;font-weight:700}.facts{display:flex;gap:30px;font-size:12px;margin-top:38px;color:#b9ab98}.facts b{display:block;font-size:32px;font-weight:500;line-height:1.4;color:#f6f1e6}.cover-preview{display:block;transform:rotate(2deg);padding:12px;background:#1c1712;box-shadow:0 20px 60px #00000070}.cover-preview img{width:100%;display:block;border-radius:2px}.cover-preview span{display:block;text-align:right;padding:15px 5px;font-size:13px;color:#d8cdbb}.guide{padding:26px 30px;background:#1c1712;border-left:4px solid #c2452c;border-radius:0 6px 6px 0}.guide b{font-size:18px;color:#f6f1e6}.guide p{margin:10px 0;color:#d8cdbb}.guide small{color:#9c8f7c;font-size:12px}#browse{padding-top:65px}.search-row{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}.search-row h2{font-size:30px;margin:0;color:#f6f1e6}.search-row label{font-size:12px;display:grid;gap:5px;width:320px;color:#b9ab98}input{padding:12px;border:1px solid #ffffff30;background:#1c1712;border-radius:3px;color:inherit;min-height:48px}#filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}#filters button{padding:10px 20px;min-height:44px;border:1px solid #ffffff30;border-radius:999px;background:#1c1712;color:inherit}#filters button[aria-pressed=true]{background:#c2452c;border-color:#c2452c;color:#1a0f0a;font-weight:800}#count{font-size:13px;color:#b9ab98}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 25px}.tile{border:1px solid #ffffff1a;background:#1c1712;border-radius:10px;overflow:hidden}.thumb{position:relative;overflow:hidden;background:#241c16}.thumb img{width:100%;height:auto;display:block;aspect-ratio:16/9;transition:transform .3s}.tile:hover .thumb img{transform:scale(1.025)}.thumb span{position:absolute;bottom:12px;right:12px;background:#000000cc;color:#fff7ee;border-radius:999px;padding:6px 13px;font-size:12px}.tile a{position:relative;display:block}.tile-text{padding:22px 24px}.tile-text>small{position:absolute;top:14px;left:14px;background:#000a;color:#ffce9c;border-radius:999px;padding:6px 11px;letter-spacing:.04em;z-index:2}.tile-text h2{font-size:24px;line-height:1.3;letter-spacing:-1px;margin:8px 0 13px;color:#f6f1e6}.tile-text p{font-size:14px;min-height:48px;margin:0;color:#c9bfae}.tile-foot{border-top:1px solid #ffffff1a;padding:14px 24px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.tile-foot a{min-height:32px;display:flex;align-items:center;color:#d8cdbb}.tile-foot a:first-child{color:#ff9f78;font-weight:700}footer{padding:50px 0;margin-top:50px;border-top:1px solid #ffffff22;display:flex;justify-content:space-between;font-size:12px;color:#b9ab98}[hidden]{display:none!important}@media(max-width:1100px){.intro{gap:30px}h1{font-size:65px}.grid{grid-template-columns:1fr 1fr}header span{display:none}}@media(max-width:650px){header{padding:18px;font-size:11px}main{padding:0 18px}.intro{grid-template-columns:1fr;padding:35px 0;gap:35px}h1{font-size:62px;letter-spacing:-4px}.lead{font-size:16px}.facts{gap:35px}.cover-preview{transform:none}.guide{padding:22px;font-size:14px}.search-row{flex-direction:column;align-items:stretch}.search-row h2{font-size:26px}.search-row label{width:100%}#filters{gap:7px}#filters button{padding:8px 14px;font-size:12px}.grid{grid-template-columns:1fr}.tile-text p{min-height:0}.tile-text h2{font-size:25px}footer{flex-direction:column;gap:15px}}
