@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--ink:#171717;--muted:#6d6d6d;--paper:#f7f6f2;--white:#fff;--accent:#e58b28;--line:#deddd8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}a{text-decoration:none;color:inherit}header{position:sticky;top:0;z-index:20;background:rgba(247,246,242,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{max-width:1180px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;letter-spacing:2px;font-size:20px}.logo span{color:var(--accent)}nav{display:flex;align-items:center;gap:27px;font-size:14px}nav a:not(.btn):hover,.text-link:hover{color:var(--accent)}.btn{display:inline-block;background:var(--ink);color:white;padding:13px 22px;border-radius:30px;font-weight:700;font-size:14px;transition:.25s}.btn:hover{transform:translateY(-2px);background:var(--accent)}.btn.outline{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn.small{padding:10px 17px}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:76vh;display:flex;align-items:center;background:linear-gradient(90deg,rgba(15,15,15,.84),rgba(15,15,15,.34)),url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=2000&q=90') center/cover;color:white}.hero-content{max-width:1180px;width:100%;margin:auto;padding:80px 24px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:3px;color:var(--accent);margin:0 0 14px}.hero h1,h2{font-family:'Playfair Display',serif;line-height:1.1}.hero h1{font-size:clamp(48px,7vw,86px);margin:0 0 25px}.hero h1 em{font-weight:600;color:#f3c07b}.hero p:not(.eyebrow){max-width:600px;font-size:18px;color:#eee}.actions{display:flex;gap:12px;margin-top:30px}.hero .btn.outline{color:white;border-color:white}.section{max-width:1180px;margin:auto;padding:90px 24px}.section h2{font-size:clamp(35px,5vw,55px);margin:0 0 25px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.intro img,.categories img,.products img{width:100%;display:block;object-fit:cover}.intro img{height:480px;border-radius:20px}.intro p{color:var(--muted);max-width:580px}.text-link{font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.grid{display:grid;gap:22px}.categories{grid-template-columns:repeat(3,1fr)}.categories article,.products article{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;padding-bottom:20px;transition:.3s}.categories article:hover,.products article:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.08)}.categories img{height:240px}.categories h3,.categories p,.categories a,.products h3,.products p,.products strong{margin-left:20px;margin-right:20px}.categories h3,.products h3{margin-top:18px;margin-bottom:4px}.categories p,.products p{color:var(--muted);font-size:14px;margin-top:0}.categories a{font-weight:700;font-size:14px;color:var(--accent)}.dark-section{background:#171717;color:white}.dark-section .section{padding-bottom:100px}.center{text-align:center}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px;text-align:left}.features>div{border-top:1px solid #555;padding-top:22px}.features b{color:var(--accent)}.features p{color:#aaa;font-size:14px}.products{grid-template-columns:repeat(4,1fr)}.products img{height:280px}.products strong{font-size:15px}.reviews{padding-top:30px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.review-grid blockquote{margin:0;background:white;border:1px solid var(--line);padding:30px;border-radius:18px;font-size:17px}.review-grid cite{display:block;font-style:normal;font-size:13px;color:var(--muted);margin-top:20px}.cta{margin:0 24px 90px;padding:85px 25px;text-align:center;border-radius:25px;background:#e8e0d2}.cta h2{font-size:clamp(38px,5vw,60px);margin:0 0 15px}.cta p:not(.eyebrow){color:#625d55}.cta .btn{margin-top:18px}footer{background:#111;color:#aaa;padding:65px 24px 25px}.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px}.logo.light{color:white}.footer-grid p{font-size:14px;max-width:300px}.footer-grid h4{color:white;margin-top:0}.footer-grid>div>a:not(.logo){display:block;margin:9px 0;font-size:14px}.footer-grid a:hover{color:var(--accent)}.copyright{max-width:1180px;margin:45px auto 0;padding-top:20px;border-top:1px solid #333;font-size:12px}.page-hero{padding:100px 24px;background:#171717;color:white}.page-hero>div{max-width:1180px;margin:auto}.page-hero h1{font:600 clamp(45px,7vw,78px) 'Playfair Display';margin:0}.content{max-width:900px;margin:auto;padding:80px 24px}.content h2{font-size:35px;margin-top:50px}.content p,.content li{color:#5f5f5f}.contact-grid{max-width:1180px;margin:auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-card{background:white;padding:35px;border-radius:20px;border:1px solid var(--line)}.contact-card p{color:var(--muted)}form input,form textarea{width:100%;padding:14px 16px;margin:7px 0 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}form textarea{min-height:130px;resize:vertical}.map{min-height:250px;border-radius:20px;background:linear-gradient(135deg,#ddd6c8,#eeeae1);display:flex;align-items:center;justify-content:center;font-weight:700;color:#5b554d;text-align:center;padding:30px}.product-page{padding-top:40px}
@media(max-width:850px){nav{display:none}.menu{display:block}.intro,.contact-grid{grid-template-columns:1fr}.categories{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:72vh}}@media(max-width:560px){.categories,.features,.products,.review-grid,.footer-grid{grid-template-columns:1fr}.section{padding:65px 18px}.hero-content{padding:65px 18px}.hero h1{font-size:48px}.actions{flex-direction:column;align-items:flex-start}.intro img{height:340px}.cta{margin-left:18px;margin-right:18px;padding:60px 18px}}