@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Oswald:wght@500;600&display=swap');
:root{--ink:#181613;--paper:#f3efe7;--ember:#ed572c;--line:#cec5b7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit}header{height:78px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.16em}header a{font:700 25px Oswald;text-decoration:none;letter-spacing:-1px}header b,.hero small,.hero em{color:var(--ember)}main{max-width:1440px;margin:auto}.hero{padding:85px 5vw 70px;display:grid;grid-template-columns:1.6fr 1fr;align-items:end}.hero small{grid-column:1/-1;font-weight:700;letter-spacing:.2em}.hero h1{font:600 clamp(60px,9vw,126px)/.88 Oswald;margin:25px 0 0;letter-spacing:-.055em}.hero em{font-style:normal}.hero p{font-size:22px;line-height:1.5;max-width:430px;margin:0 0 8px 40px}form{margin:0 5vw 70px;background:var(--ink);color:white}.search{display:grid;grid-template-columns:1fr auto;gap:24px;padding:28px}.search input{border:0;border-bottom:1px solid #5c5750;background:transparent;color:white;padding:8px 0 15px;font:500 30px "DM Sans";outline:0}.search input::placeholder{color:#625d56}button{border:0;background:var(--ember);color:white;padding:16px 22px;font-weight:700;letter-spacing:.08em;cursor:pointer}details{border-top:1px solid #403c37}summary{padding:20px 28px;font-size:11px;font-weight:700;letter-spacing:.14em;cursor:pointer}.filters{padding:10px 28px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.filters label{font-size:10px;color:#aaa49c;text-transform:uppercase;letter-spacing:.12em}.filters select{display:block;width:100%;margin-top:8px;padding:11px;background:#25221f;border:1px solid #514c45;color:white}.actions{display:flex;justify-content:flex-end;align-items:center;gap:22px;padding:0 28px 28px}.actions a{font-size:12px;color:#aaa}.results{padding:0 5vw 100px}.result-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.result-head h2{font:600 30px Oswald;margin:0}.result-head span{font-size:10px;letter-spacing:.12em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}article{background:var(--paper)}.pic{height:300px;display:grid;place-items:center;position:relative;overflow:hidden;background:#25221f;color:var(--ember);text-decoration:none}.pic img{width:100%;height:100%;object-fit:cover;transition:.4s}.pic:hover img{transform:scale(1.04)}.pic strong{position:absolute;left:14px;bottom:14px;background:var(--paper);color:var(--ink);padding:8px 10px;font-size:9px;text-transform:uppercase}.body{padding:23px}.body>small{display:flex;justify-content:space-between;color:var(--ember);font-size:9px;font-weight:700}.body h3{font:600 31px/1.05 Oswald;margin:15px 0 10px;text-transform:uppercase;min-height:65px}.body p{color:#6a635a;line-height:1.5;font-size:14px;min-height:65px}.body footer{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font-size:9px;font-weight:700;display:flex;justify-content:space-between}.empty{text-align:center;padding:100px}.empty h3{font:600 42px Oswald}.empty a{color:var(--ember)}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero p{margin:35px 0 0}.filters{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.search,.filters,.grid{grid-template-columns:1fr}.hero{padding-top:55px}.hero p{font-size:17px}.result-head span,header span{display:none}.pic{height:260px}}