:root{--orange:#e77900;--ink:#4c5828;--soft:#faf8f3;--line:#e9e4da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}.header{height:92px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand img{width:185px;height:75px;object-fit:contain}.header nav{display:flex;gap:32px;font-size:14px;font-weight:700}.btn{display:inline-block;padding:15px 21px;border-radius:5px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.dark{background:var(--ink);color:#fff}.hero{min-height:650px;padding:85px 7vw;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;overflow:hidden}.eyebrow{display:block;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px}.eyebrow:before{content:"";display:inline-block;width:27px;height:2px;background:currentColor;margin:0 10px 3px 0}h1,h2,h3{font-family:Arial Black,Arial,sans-serif}h1{font-size:clamp(50px,6vw,88px);letter-spacing:-.065em;line-height:.98;margin:0 0 28px;max-width:850px}h1 em{color:#a94f00;font-style:normal}.hero>div>p{font-size:18px;line-height:1.7;max-width:580px;margin-bottom:35px}.hero-art{width:430px;height:430px;background:var(--orange);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);display:grid;place-items:center;filter:drop-shadow(0 28px 20px #0002);transform:rotate(6deg)}.hero-art span{font:900 120px Arial Black;color:#fff;transform:rotate(-6deg)}.catalog{padding:100px 6vw 120px;background:var(--soft)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:50px}.section-title h2,.about h2,.contact h2{font-size:clamp(38px,4vw,60px);letter-spacing:-.05em;line-height:1.05;margin:0}.section-title>p{max-width:430px;color:#69655e;line-height:1.7}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:45px 0 28px}.filters a{padding:10px 17px;border:1px solid var(--line);border-radius:99px;font-size:12px;font-weight:800}.filters a.active,.filters a:hover{background:var(--ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border:1px solid #ebe5da;overflow:hidden;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px #2d281e18}.product-art{height:260px;position:relative;overflow:hidden}.product-art>img{width:100%;height:100%;object-fit:cover}.product-placeholder{width:100%;height:100%;display:grid;place-items:center;font:900 80px Arial Black}.gold{background:#f7b72c}.wood{background:#ad7348;color:#fff}.amber{background:#e88708;color:#fff}.graphite{background:#303034;color:#fff}.cream{background:#eee5ce}.orange{background:var(--orange);color:#fff}.badge{position:absolute;top:15px;left:15px;background:#fff;padding:7px 10px;font-size:10px;font-weight:900;text-transform:uppercase}.product-content{padding:23px}.category{color:#a94f00;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.product-content h3{font-size:19px;margin:10px 0}.product-content>p{color:#77736c;font-size:14px;line-height:1.6;min-height:67px}.product-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee9df;padding-top:18px}.product-footer div{display:flex;flex-direction:column}.product-footer strong{font-size:20px}.product-footer small{font-size:10px;color:#777;margin-top:4px}.product-footer a{font-size:11px;font-weight:900;text-transform:uppercase}.about{padding:105px 8vw;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.about-mark{min-height:390px;background:var(--orange);display:flex;align-items:center;justify-content:center;font:900 140px Arial Black}.about-mark span{color:#fff}.about p{color:#bbb7ae;line-height:1.8}.contact{text-align:center;padding:95px 20px}.contact p{max-width:600px;margin:22px auto 35px;line-height:1.7}footer{background:#35401f;border-top:6px solid var(--orange);color:#aaa;padding:55px 6vw;display:grid;grid-template-columns:260px 1fr auto;gap:40px;align-items:center;font-size:12px}footer img{width:230px}footer p{max-width:450px;line-height:1.7}.empty{grid-column:1/-1;padding:40px;text-align:center}@media(max-width:900px){.header nav{display:none}.header>.btn{display:none}.hero{grid-template-columns:1fr}.hero-art{width:300px;height:300px;margin:55px auto 0}.product-grid{grid-template-columns:repeat(2,1fr)}.section-title,.about{grid-template-columns:1fr;display:grid}.about-mark{min-height:300px}footer{grid-template-columns:1fr}}@media(max-width:600px){.header{height:78px}.brand img{width:150px}.hero{padding:60px 22px}.hero-art{width:240px;height:240px}.hero-art span{font-size:70px}.catalog{padding:70px 20px}.product-grid{grid-template-columns:1fr}.about{padding:70px 20px}.section-title{gap:20px}}
.product-art{width:100%;height:auto;aspect-ratio:1/1;background:#f4f1ea;display:grid;place-items:center}.product-art>img{width:100%;height:100%;object-fit:contain;object-position:center;padding:10px;background:#fff}
.product-badges{position:absolute;top:15px;left:15px;display:flex;gap:7px;z-index:2}.product-badges .badge{position:static}.badge-new{background:var(--orange);color:#4c5828}.badge-featured{background:#4c5828;color:#fff}