@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--wine:#742f36;--dark:#512229;--clay:#c46f50;--cream:#f8f2e9;--paper:#fffdf9;--ink:#2d2523;--muted:#766b65;--line:#e7dcd0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 'DM Sans',Arial,sans-serif}.announcement{text-align:center;background:var(--dark);color:#fff5e8;padding:8px;font-size:10px;letter-spacing:.12em}header{height:82px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;position:relative;background:var(--paper);z-index:5;border-bottom:1px solid var(--line);overflow:visible}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.mark{width:42px;height:42px;border:1px solid var(--wine);border-radius:50%;display:grid;place-items:center;font:italic 27px 'Playfair Display',serif;color:var(--wine)}.brand b{display:block;font-size:11px;letter-spacing:.18em}.brand small{display:block;font-size:8px;letter-spacing:.25em;color:var(--muted)}nav{display:flex;gap:28px}nav a{font-size:12px;color:var(--ink);text-decoration:none}#menuToggle{display:none}.hero{background:var(--cream);padding:65px 8%;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;min-height:560px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--clay)}h1,h2{font:500 clamp(40px,5vw,68px)/1.1 'Playfair Display',Georgia,serif;letter-spacing:-.03em;margin:10px 0 20px}em{color:var(--wine)}.copy>p:not(.eyebrow){color:var(--muted);max-width:410px}.button{display:inline-block;background:var(--wine);color:#fff8ee;text-decoration:none;padding:14px 20px;margin-top:15px;font-size:12px}.note{font-size:10px;margin-top:40px}.heroart{position:relative;display:flex;justify-content:center;align-items:center;min-height:400px}.heroart img{height:400px;width:min(75%,350px);object-fit:cover;position:relative;z-index:1;border-radius:48% 48% 3px 3px}.sun{position:absolute;width:300px;height:300px;background:#e7c6a2;border-radius:50%;right:2%;top:0}.tag{position:absolute;bottom:18px;left:0;background:var(--paper);padding:14px 20px;z-index:2;font:15px 'Playfair Display',serif}.tag small{font:10px 'DM Sans',sans-serif;color:var(--muted)}.ticker{background:var(--wine);color:#fff5e8;text-align:center;padding:16px;font-size:10px;letter-spacing:.12em}.section{padding:90px 8%}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.heading h2,.story h2,.contact h2{font-size:clamp(36px,4.2vw,54px)}.heading>p{max-width:320px;color:var(--muted);font-size:12px}.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collections a{height:390px;position:relative;overflow:hidden;color:white}.collections a:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#21130dbd)}.collections img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.collections a:hover img{transform:scale(1.04)}.collections b{position:absolute;bottom:18px;left:18px;z-index:1;font:25px 'Playfair Display',serif}.shop{background:#fbf7f0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filters button{background:transparent;border:1px solid var(--line);padding:9px 15px;cursor:pointer;color:var(--muted)}.filters button.active,.filters button:hover{background:var(--wine);color:white}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product img{width:100%;height:290px;object-fit:cover;background:#eee0d3}.product small{color:var(--clay);text-transform:uppercase;letter-spacing:.12em;font-size:9px}.product h3{font:18px 'Playfair Display',serif;margin:5px 0}.product p{font-size:11px;color:var(--muted);margin:4px 0}.buyrow{display:flex;justify-content:space-between;align-items:center;gap:8px}.buyrow button{background:transparent;border:0;border-bottom:1px solid var(--wine);color:var(--wine);cursor:pointer;padding:5px 0}.fine{font-size:10px;color:#8c7d72;margin-top:24px}.story{background:#efe1d2;padding:85px 10%;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.story img{width:100%;height:420px;object-fit:cover;border-radius:45% 45% 0 0}.story p:not(.eyebrow){color:var(--muted);font-size:13px}.contact{background:var(--wine);color:#fff7ed;padding:60px 9%;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact .eyebrow{color:#e6b77c}.contact h2 em{color:#f0c994}.contact p:not(.eyebrow){color:#f0dcd3;font-size:12px}.light{background:#fff4e6;color:var(--wine);white-space:nowrap}footer{padding:28px 7%;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:var(--muted)}#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#2d2523;color:white;padding:12px 18px;display:none;z-index:10;font-size:12px}@media(max-width:850px){.hero{padding:45px 6%}.section{padding:65px 6%}.collections a{height:300px}.products{grid-template-columns:repeat(2,1fr)}.story{padding:65px 7%}.story img{height:350px}}@media(max-width:620px){header{height:70px;padding:0 5%}#menuToggle{display:block;border:0;background:none;font-size:24px;color:var(--wine)}nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:42px 7% 25px}.heroart{min-height:350px}.heroart img{height:330px;width:68%}.sun{width:260px;height:260px}.heading{display:block}.heading>p{margin-top:15px}.collections{grid-template-columns:1fr 1fr;gap:10px}.collections a{height:240px}.collections a:last-child{grid-column:1/-1;height:280px}.collections b{font-size:20px;left:12px}.products{gap:22px 10px}.product img{height:220px}.buyrow{align-items:flex-start;flex-direction:column}.story{grid-template-columns:1fr;gap:35px;padding:55px 7%}.story img{height:350px;width:90%;margin:auto}.contact{display:block;padding:50px 7%}.contact .button{margin-top:15px}footer{align-items:flex-start;flex-direction:column;padding:25px 7%}}

/* Aavira logo: keep the square logo contained within the header */
header .brand-logo {
  display: block;
  width: auto;
  height: 60px;
  max-width: min(42vw, 178px);
  object-fit: contain;
  flex: 0 1 auto;
}

/* Footer logo can remain larger than the header logo */
footer .brand-logo {
  display: block;
  width: 150px;
  max-width: min(38vw, 150px);
  height: auto;
  object-fit: contain;
}

@media (max-width: 620px) {
  header { height: 70px; }
  header .brand-logo {
    height: 52px;
    max-width: min(42vw, 145px);
  }
  footer .brand-logo { width: 125px; }
}