:root{
  --bg:#0b0b0c;
  --panel:#121214;
  --muted:#aaaaaf;
  --text:#f2f2f5;
  --accent:#caa36b;
  --accent-2:#8c6b34;
  --card:#151519;
  --glass:rgba(255,255,255,0.06);
  --border:rgba(255,255,255,0.08);
  --shadow:0 10px 30px rgba(0,0,0,0.5);
  --radius:16px;

  --space-1:6px;
  --space-2:10px;
  --space-3:14px;
  --space-4:18px;
  --space-5:26px;
  --space-6:44px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}

.container{max-width:1160px;margin:0 auto;padding:0 var(--space-4)}

.site-header{position:sticky;top:0;z-index:10;background:rgba(11,11,12,0.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0}
.brand{display:flex;align-items:center;gap:var(--space-2)}
.logo{font-family:"Playfair Display",serif;font-weight:700;font-size:20px;color:var(--text);text-decoration:none;letter-spacing:.3px}
.logo-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 12px rgba(202,163,107,.7)}
nav a{color:var(--text);text-decoration:none;margin-left:var(--space-3);font-weight:500}
nav a:hover{opacity:.9}
/* Champagne glass icon for logo */
.logo-icon {
  font-size: 26px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 3px rgba(202,163,107,0.6));
  /*margin-right: 6px;*/
}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;border:1px solid var(--border);text-decoration:none;color:var(--text);transition:.2s;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#0b0b0c;font-weight:700}
.btn-ghost{background:transparent}

.hero{padding:var(--space-6) 0 var(--space-5);position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:
 linear-gradient(180deg, rgba(202,163,107,0.12), rgba(0,0,0,0) 60%),
 url('./images/wine7.png') center/cover no-repeat;
 opacity:.35;filter:saturate(110%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-5);align-items:center}
.hero-copy h1{font-family:"Playfair Display",serif;font-size:48px;line-height:1.05;margin:0 0 var(--space-2)}
.subtitle{color:var(--muted);font-size:18px;margin:var(--space-1) 0 var(--space-3)}
.hero-bullets{list-style:none;padding:0;margin:0 0 var(--space-3);color:#d7d7db}
.hero-bullets li{margin:var(--space-1) 0}
.taglines{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-2) 0 var(--space-3)}
.tagline{padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:#dcdce0;font-size:13px;opacity:.8}
.tagline.active{opacity:1;border-color:rgba(202,163,107,.6)}
.trust{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}
.trust-pill{font-size:12px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:#d0d0d5}

.hero-art .glass{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.glass-inner{padding:var(--space-4)}
.glass h3{margin:0 0 var(--space-1);font-family:"Playfair Display",serif}
.glass .note{color:var(--muted);font-size:12px}

.img-strip{position:relative;margin-top:var(--space-4);display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}
.img-tile{aspect-ratio:5/3;border-radius:12px;border:1px solid var(--border);background-size:cover;background-position:center;box-shadow:var(--shadow)}
.it1{background-image:url('https://images.unsplash.com/photo-1524592094714-0f0654e20314?q=80&w=1200&auto=format&fit=crop')}
.it2{background-image:url('https://images.unsplash.com/photo-1514362452433-0f54d9d2d5d0?q=80&w=1200&auto=format&fit=crop')}
.it3{background-image:url('https://images.unsplash.com/photo-1519677100203-a0e668c92439?q=80&w=1200&auto=format&fit=crop')}
.it4{background-image:url('https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?q=80&w=1200&auto=format&fit=crop')}
.it5{background-image:url('https://images.unsplash.com/photo-1546549039-9b13c1f3d9b0?q=80&w=1200&auto=format&fit=crop')}

.section{padding:var(--space-5) 0}
.section.alt{background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent)}
h2{font-family:"Playfair Display",serif;font-size:34px;margin:0 0 var(--space-2)}
.sub{color:var(--muted);margin-top:-2px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}

.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.card h3{font-family:"Playfair Display",serif;margin:var(--space-3) var(--space-4) 0}
.card > *{padding:0 var(--space-4) 0}
.card ul, .card p{padding-bottom:var(--space-3)}

.steps{list-style:none;padding:0;margin:0}
.steps li{margin-bottom:var(--space-3)}
.steps h4{margin:0 0 6px}

.policy{padding:var(--space-3) 0}
.checklist{list-style:none;padding:0;margin:0}
.checklist li{padding-left:24px;position:relative;margin:8px 0}
.checklist li::before{content:"";position:absolute;left:0;top:6px;width:12px;height:12px;border-radius:4px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}

.rate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin:var(--space-3) 0}
.rate .price{font-size:26px;font-weight:700;margin:4px 0}

.calc{padding:var(--space-3) 0}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin:6px 0 var(--space-3)}
label{display:flex;flex-direction:column;gap:6px;font-size:14px}
input,select{background:#0e0e10;border:1px solid var(--border);color:var(--text);border-radius:12px;padding:10px 12px;outline:none}
input:focus,select:focus{border-color:rgba(202,163,107,.6)}
.result{border-top:1px solid var(--border);margin-top:var(--space-3);padding:var(--space-3) 0}
.result-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0}
.result-total{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);font-size:18px;font-weight:700}
.hidden{display:none}
.tiny{color:var(--muted);font-size:12px}

.gallery{margin-top:var(--space-3);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}
.gallery-item{aspect-ratio:4/5;border-radius:14px;border:1px solid var(--border);background-size:cover;background-position:center;box-shadow:var(--shadow)}
.g1{background-image:url('https://images.unsplash.com/photo-1551022370-0d2f8f0a8f4b?q=80&w=1200&auto=format&fit=crop')}
.g2{background-image:url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?q=80&w=1200&auto=format&fit=crop')}
.g3{background-image:url('https://images.unsplash.com/photo-1524593453071-2552b2a51605?q=80&w=1200&auto=format&fit=crop')}
.g4{background-image:url('https://images.unsplash.com/photo-1514362452433-0f54d9d2d5d0?q=80&w=1200&auto=format&fit=crop')}
.g5{background-image:url('https://images.unsplash.com/photo-1546549039-9b13c1f3d9b0?q=80&w=1200&auto=format&fit=crop')}
.g6{background-image:url('https://images.unsplash.com/photo-1519677100203-a0e668c92439?q=80&w=1200&auto=format&fit=crop')}
.g7{background-image:url('https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?q=80&w=1200&auto=format&fit=crop')}
.g8{background-image:url('https://images.unsplash.com/photo-1524592094714-0f0654e20314?q=80&w=1200&auto=format&fit=crop')}

.mosaic{margin-top:var(--space-4);display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:220px;gap:var(--space-2)}
.mosaic-a{grid-row:span 2;border-radius:14px;border:1px solid var(--border);background:url('https://images.unsplash.com/photo-1497534547324-0ebb3f052e88?q=80&w=1200&auto=format&fit=crop') center/cover no-repeat;box-shadow:var(--shadow)}
.mosaic-b{border-radius:14px;border:1px solid var(--border);background:url('https://images.unsplash.com/photo-1515542706656-8e6ef17a1521?q=80&w=1200&auto=format&fit=crop') center/cover no-repeat;box-shadow:var(--shadow)}
.mosaic-c{border-radius:14px;border:1px solid var(--border);background:url('https://images.unsplash.com/photo-1514362450574-6a1b3a79f8f4?q=80&w=1200&auto=format&fit=crop') center/cover no-repeat;box-shadow:var(--shadow)}
.mosaic-d{grid-column:span 2;border-radius:14px;border:1px solid var(--border);background:url('https://images.unsplash.com/photo-1499924238035-d7c1f3779f61?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;box-shadow:var(--shadow)}
.mosaic-e{border-radius:14px;border:1px solid var(--border);background:url('https://images.unsplash.com/photo-1527169402691-feff5539e52c?q=80&w=1200&auto=format&fit=crop') center/cover no-repeat;box-shadow:var(--shadow)}

.fullbleed{margin-top:var(--space-4);border-radius:16px;overflow:hidden;border:1px solid var(--border)}
.fullbleed-img{height:360px;background:url('https://images.unsplash.com/photo-1526318472351-c75fcf070305?q=80&w=1800&auto=format&fit=crop') center/cover no-repeat;filter:saturate(105%) contrast(102%)}

.quote-form{display:grid;gap:var(--space-3)}
.calc-mini{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}

.site-footer{border-top:1px solid var(--border);background:rgba(0,0,0,0.35)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4);padding:var(--space-4) 0}
.footnote{border-top:1px solid var(--border);padding:12px 0;color:var(--muted);text-align:center}

blockquote{margin:var(--space-2) var(--space-4) 0;padding:0 0 0 12px;border-left:2px solid rgba(202,163,107,.7);color:#e9e9ed}
cite{display:block;margin-top:6px;color:var(--muted);font-style:normal;font-size:12px}

@media (max-width: 980px){
  .hero-grid, .two-col, .rate-grid, .gallery, .mosaic, .footer-grid {grid-template-columns:1fr}
  .mosaic{grid-auto-rows:200px}
  .hero{padding-top:34px}
  .hero-copy h1{font-size:38px}
}

/* ===== Showcase spacing fixes (paste at END of style.css) ===== */

/* Global card padding and radius */
.card{
  padding: var(--space-4);
  border-radius: 20px;
}

/* Remove the old inner padding rule */
.card > *{ padding: 0; }

/* Headings inside cards */
.card h3{
  margin: 0 0 var(--space-3);
  padding: 0;
}

/* "Key policies" and "What is included" lists */
.checklist{
  margin-top: var(--space-2);
}
.checklist li{
  margin: 12px 0;              /* more vertical breathing room */
  padding-left: 28px;
}
.checklist li::before{
  top: 8px;                     /* aligns the bullet with text */
  width: 14px;
  height: 14px;
}

/* Calculator block spacing */
.calc{
  padding: var(--space-4);
}
.calc-grid{
  gap: var(--space-4);
  margin: var(--space-2) 0 var(--space-3);
}
#calcForm .tiny{
  margin-top: -4px;
}
.result{
  margin-top: var(--space-4);
  padding-top: var(--space-3);
}
.result-row{
  margin: 10px 0;
}
.result-total{
  margin-top: var(--space-3);
  padding-top: var(--space-3);
}

/* Testimonials block */
#realtors .card{
  padding: var(--space-4) var(--space-4) var(--space-3);
}
blockquote{
  margin: 0 0 var(--space-3);
  padding-left: 14px;
  border-left: 3px solid rgba(202,163,107,.8);
  line-height: 1.55;
}
blockquote + blockquote{
  margin-top: var(--space-4);
}
cite{
  margin-top: 8px;
}

/* Section containers */
.section .container{
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}

/* Rate cards */
.rate-grid{
  gap: var(--space-3);
  margin: var(--space-3) 0 var(--space-2);
}
.rate.card{
  padding: var(--space-4);
}

/* Policy card small caption */
.policy .tiny{
  display: block;
  margin-top: var(--space-3);
}

/* Full bleed and gallery tweaks so images feel intentional */
.fullbleed{
  margin-top: var(--space-5);
  border-radius: 20px;
}
.gallery{
  gap: var(--space-3);
}
.gallery-item{
  border-radius: 16px;
}

/* Footer cards/columns breathing room */
.footer-grid{
  gap: var(--space-5);
}

/* ===== Testimonials blockquote spacing fix ===== */

#realtors .card {
  padding: var(--space-4);
}

#realtors blockquote {
  position: relative;
  margin: var(--space-3) 0;
  padding-left: 24px;        /* adds breathing room between line and text */
  border-left: 3px solid rgba(202, 163, 107, 0.9);
  line-height: 1.6;
  font-style: italic;
  color: #f1f1f1;
}

#realtors blockquote::before {
  content: "“";
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 1.4em;
  color: rgba(202, 163, 107, 0.9);
}

#realtors cite {
  display: block;
  margin: 6px 0 14px 26px;   /* aligns names slightly past quote line */
  font-size: 0.9em;
  color: #aaa;
}

/* ===== Darker background for "Our Cellar" card ===== */
.hero-art .glass {
  background: rgba(10, 10, 10, 0.8); /* darker overlay for readability */
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.hero-art .glass-inner {
  color: #f3f3f3; /* improve text contrast */
}

.hero-art .glass-inner p {
  color: #e3e3e3;
  line-height: 1.6;
}