@font-face{font-family:Metropolis;src:url('https://static.wixstatic.com/ufonts/41d980_5962547261b64cd19fe6a010c2d37171/woff2/file.woff2') format('woff2');font-display:swap}
:root{--accent:#e3a22b;--dark:#171716}*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:#292926;font:16px/1.6 Metropolis,Arial,sans-serif}header{padding:24px 7%;display:flex;align-items:center;justify-content:space-between;background:var(--dark);color:white;border-bottom:1px solid #ffffff25}header span,small{font-size:11px;letter-spacing:3px}header img{width:145px;height:74px;object-fit:contain}.hero{padding:70px 7%;background:var(--dark);color:white;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;min-height:480px}h1{font-size:clamp(48px,6vw,85px);letter-spacing:-3px;line-height:1.05;margin:25px 0}.hero small,.hero a{color:var(--accent)}.hero p{font-size:22px;max-width:550px}.hero a{display:inline-block;margin-top:24px}.hero img{width:100%;max-height:400px;object-fit:cover;border-radius:160px 160px 12px 12px;transform:rotate(3deg)}#menu{padding:45px 7%}.toolbar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:30px}.toolbar h2{margin-right:auto}input,select{border:1px solid #d4d1ca;border-radius:6px;padding:12px;font:inherit;background:white;max-width:100%}#products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}article{border:1px solid #e5e1d9;background:white;border-radius:8px;overflow:hidden}article img{width:100%;height:260px;object-fit:cover}.info{padding:22px}h3{margin:0;font-size:21px}.info p{color:#64625c;font-size:14px;white-space:pre-line}strong{color:var(--dark);background:var(--accent);display:inline-block;padding:5px 12px;border-radius:4px}.list{grid-template-columns:1fr!important}.list article{display:flex;align-items:center}.list article img{width:150px;height:150px}.list .info{flex:1}.compact article img{display:none}.compact{grid-template-columns:repeat(2,1fr)!important}footer{padding:35px 7%;background:var(--dark);color:white;white-space:pre-line}a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:700px){header span{display:none}.hero{grid-template-columns:1fr;padding:35px 6%;gap:20px}.hero img{max-height:270px}.hero h1{font-size:48px}#products,.compact{grid-template-columns:1fr!important}#menu{padding:25px 6%}.toolbar input,.toolbar select{width:100%}}