/* basic styles */ 
html,body{margin:0;padding:0;font:16px/1.55 system-ui;-webkit-font-smoothing:antialiased;background:#faf7f1;color:#111}
.container{width:min(1140px,92%);margin:0 auto}
.site-header{position:sticky;top:0;background:#faf7f1cc;border-bottom:1px solid #0001;padding:.75rem 0}
.brand-text{font-weight:800;letter-spacing:.06em}
.main-nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.hero{text-align:center;padding:6vh 0 7vh}
.hero .logo{max-width:260px;width:60%;height:auto;display:block;margin:0 auto 10px}
.kicker{letter-spacing:.25em;text-transform:uppercase;opacity:.8}
.btn{display:inline-block;padding:.8rem 1.2rem;border-radius:999px;border:1px solid #111;background:#111;color:#fff}
.section-title{text-align:center;letter-spacing:.25em;text-transform:uppercase;margin:1.2rem 0}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:.5rem auto 2rem}
.product-card img{width:100%;height:auto;border-radius:16px;background:#fff;border:1px solid #0001}
.pc-title{text-align:center;font-size:.95rem;opacity:.9}
@media(min-width:900px){.product-grid{grid-template-columns:repeat(4,1fr)}}
.about{padding:1rem 0 2rem}
.am-grid{display:grid;gap:1rem;align-items:center}
.am-media img{width:100%;border-radius:18px;border:1px solid #0001;background:#000}
@media(min-width:900px){.am-grid{grid-template-columns:1fr 1fr}}
.site-footer{border-top:1px solid #0001;padding:1rem 0}