:root {
  --ink: #171411;
  --cream: #f4f0e8;
  --paper: #fcfaf5;
  --wine: #6c1626;
  --wine-dark: #41101a;
  --gold: #b69254;
  --muted: #6d665e;
  --line: rgba(23,20,17,.15);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, Arial, sans-serif; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
h1,h2,h3,p { margin-top: 0; }
h1,h2,h3 { font-family: "Cormorant Garamond", Georgia, serif; line-height: 1.02; font-weight: 600; }
.site-header { height: 92px; padding: 0 5vw; display: flex; justify-content: space-between; align-items: center; position: absolute; inset: 0 0 auto; z-index: 20; color: white; border-bottom: 1px solid rgba(255,255,255,.25); }
.brand { display: inline-flex; flex-direction: column; letter-spacing: .08em; line-height: 1; }
.brand-name { font-family: "Cormorant Garamond", Georgia, serif; font-size: 2rem; letter-spacing: .18em; }
.brand-tag { margin-top: 7px; font-size: .52rem; letter-spacing: .32em; }
.main-nav { display: flex; align-items: center; gap: 2rem; font-size: .84rem; }
.main-nav a { opacity: .9; }
.nav-cta { border: 1px solid rgba(255,255,255,.65); padding: .7rem 1.15rem; }
.menu-toggle { display: none; color: white; background: transparent; border: 1px solid rgba(255,255,255,.5); padding: .55rem .8rem; }
.hero { min-height: 790px; height: 95vh; position: relative; display: flex; align-items: center; color: white; background: url('https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?auto=format&fit=crop&w=2200&q=88') center/cover; }
.hero-overlay { position:absolute; inset:0; background: linear-gradient(90deg, rgba(25,10,10,.82), rgba(25,10,10,.25) 60%, rgba(25,10,10,.1)), linear-gradient(0deg, rgba(16,10,8,.55), transparent 45%); }
.hero-content { position:relative; z-index:1; width:min(760px, 90vw); margin-left: 8vw; padding-top: 70px; }
.eyebrow,.section-label { text-transform: uppercase; letter-spacing: .24em; font-size: .67rem; font-weight: 600; }
.eyebrow { color: #ead6aa; margin-bottom: 1.4rem; }
.hero h1 { font-size: clamp(3.6rem, 7vw, 7rem); max-width: 850px; margin-bottom: 1.4rem; }
.hero-copy { max-width: 640px; font-size: 1.08rem; color: rgba(255,255,255,.88); }
.hero-actions { display:flex; gap: .9rem; margin-top: 2rem; flex-wrap: wrap; }
.button { display:inline-flex; justify-content:center; align-items:center; min-height:52px; padding: 0 1.4rem; text-transform: uppercase; letter-spacing: .12em; font-size: .7rem; font-weight: 600; border: 0; cursor: pointer; }
.button-primary { color:white; background: var(--wine); }
.button-primary:hover { background: var(--wine-dark); }
.button-ghost { border:1px solid rgba(255,255,255,.7); color:white; }
.hero-proof { position:absolute; z-index:1; bottom:0; left:0; right:0; min-height:82px; padding: 0 8vw; display:flex; align-items:center; gap:4rem; border-top:1px solid rgba(255,255,255,.25); font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; }
.section { padding: 110px 8vw; }
.section-label { color: var(--wine); margin-bottom: 2rem; }
.intro-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 8vw; align-items:start; }
.intro-grid h2,.section-heading h2,.services-title h2,.market-copy h2,.contact h2 { font-size: clamp(2.8rem, 5vw, 5.3rem); }
.intro-grid p { color: var(--muted); max-width: 650px; }
.intro-grid .lead { font-size:1.23rem; color:var(--ink); }
.facts { display:grid; grid-template-columns:repeat(3,1fr); margin-top:80px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.facts article { padding:35px 30px 35px 0; border-right:1px solid var(--line); }
.facts article + article { padding-left:30px; }
.facts article:last-child { border-right:0; }
.facts strong { display:block; font-family:"Cormorant Garamond",serif; font-size:2.7rem; color:var(--wine); }
.facts span { display:block; max-width:240px; font-size:.82rem; color:var(--muted); }
.wine-section { background:var(--cream); }
.section-heading { display:grid; grid-template-columns:1.4fr .6fr; gap:8vw; align-items:end; margin-bottom:55px; }
.section-heading p { color:var(--muted); }
.wine-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.wine-card { background:var(--paper); }
.wine-card-image { height:390px; display:flex; align-items:end; padding:25px; background-position:center; background-size:cover; }
.wine-red .wine-card-image { background:linear-gradient(160deg,#250d13,#731a2c); }
.wine-white .wine-card-image { background:linear-gradient(160deg,#d6c99f,#f6eed5); }
.wine-rose .wine-card-image { background:linear-gradient(160deg,#d79c96,#f4d8cb); }
.wine-card-image span { color:rgba(255,255,255,.7); letter-spacing:.3em; font-size:.7rem; }
.wine-white .wine-card-image span { color:rgba(0,0,0,.45); }
.wine-card-body { padding:28px; }
.wine-card-body p { color:var(--wine); text-transform:uppercase; letter-spacing:.15em; font-size:.65rem; }
.wine-card-body h3 { font-size:2rem; min-height:70px; }
.wine-card-body a,.text-link { font-size:.75rem; text-transform:uppercase; letter-spacing:.12em; border-bottom:1px solid currentColor; padding-bottom:4px; }
.services { background:var(--wine-dark); color:white; }
.light { color:#dec38d; }
.services-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:9vw; }
.services-title p { color:rgba(255,255,255,.68); max-width:500px; }
.service-list article { display:grid; grid-template-columns:70px 1fr; gap:20px; padding:28px 0; border-top:1px solid rgba(255,255,255,.18); }
.service-list article:last-child { border-bottom:1px solid rgba(255,255,255,.18); }
.service-list span { color:#d8bd89; font-size:.72rem; letter-spacing:.14em; }
.service-list h3 { font-size:2rem; margin-bottom:.4rem; }
.service-list p { margin:0; color:rgba(255,255,255,.65); }
.market { display:grid; grid-template-columns:1.1fr .9fr; padding:0; background:#e9e1d4; }
.market-image { min-height:650px; background:url('https://images.unsplash.com/photo-1516594915697-87eb3b1c14ea?auto=format&fit=crop&w=1600&q=85') center/cover; }
.market-copy { padding:100px 8vw 100px 6vw; align-self:center; }
.market-copy p { color:var(--muted); font-size:1.05rem; }
.contact { display:grid; grid-template-columns:.85fr 1.15fr; gap:9vw; }
.contact-copy p { color:var(--muted); max-width:520px; }
.contact-form { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.contact-form label { text-transform:uppercase; letter-spacing:.12em; font-size:.62rem; font-weight:600; }
.contact-form input,.contact-form textarea { width:100%; margin-top:8px; padding:14px 0; border:0; border-bottom:1px solid var(--line); background:transparent; font:inherit; outline:none; }
.contact-form input:focus,.contact-form textarea:focus { border-color:var(--wine); }
.full { grid-column:1/-1; }
footer { padding:55px 8vw; color:white; background:#130f0d; display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px; align-items:end; font-size:.72rem; }
footer p { margin:0; color:rgba(255,255,255,.55); }
.footer-brand { color:white; }
@media (max-width: 900px) {
  .site-header { height:76px; }
  .menu-toggle { display:block; }
  .main-nav { display:none; position:absolute; top:76px; left:0; right:0; padding:25px 5vw; background:#1d1011; flex-direction:column; align-items:flex-start; }
  .main-nav.open { display:flex; }
  .hero { min-height:720px; }
  .hero-content { margin-left:6vw; }
  .hero-proof { gap:1rem; justify-content:space-between; padding:0 6vw; }
  .intro-grid,.section-heading,.services-grid,.market,.contact { grid-template-columns:1fr; }
  .facts,.wine-grid { grid-template-columns:1fr; }
  .facts article,.facts article + article { padding:25px 0; border-right:0; border-bottom:1px solid var(--line); }
  .facts article:last-child { border-bottom:0; }
  .section { padding:80px 6vw; }
  .market-image { min-height:420px; }
  .market-copy { padding:80px 6vw; }
  footer { grid-template-columns:1fr; }
}
@media (max-width: 560px) {
  .brand-name { font-size:1.6rem; }
  .hero h1 { font-size:3.5rem; }
  .hero-copy { font-size:.95rem; }
  .hero-proof { display:none; }
  .hero-actions { align-items:stretch; flex-direction:column; }
  .contact-form { grid-template-columns:1fr; }
  .contact-form label,.full { grid-column:1; }
}

/* Hola-inspired editorial structure, adapted for Austili */
.hero h1 span { font-size: .55em; font-style: italic; letter-spacing: .04em; }
.feature-strip { display:grid; grid-template-columns:repeat(3,1fr); background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.feature-strip article { padding:70px 5vw; min-height:330px; border-right:1px solid var(--line); }
.feature-strip article:last-child { border-right:0; }
.feature-strip h2 { font-size:clamp(2rem,3vw,3.3rem); margin-bottom:0; }
@media (max-width:900px){
  .feature-strip{grid-template-columns:1fr;}
  .feature-strip article{min-height:auto;border-right:0;border-bottom:1px solid var(--line);padding:55px 6vw;}
  .feature-strip article:last-child{border-bottom:0;}
}

/* V3: heritage-led photography and established-since-2012 positioning */
.hero {
  background-image:
    linear-gradient(90deg, rgba(24, 10, 10, .86), rgba(24, 10, 10, .36) 58%, rgba(24, 10, 10, .12)),
    linear-gradient(0deg, rgba(16, 10, 8, .55), transparent 45%),
    url('https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?auto=format&fit=crop&w=2400&q=90');
  background-position: center;
  background-size: cover;
}
.hero-overlay { background: transparent; }
.hero h1 span { display:block; margin-top:.2em; font-size:.48em; }
.wine-red .wine-card-image {
  background-image: linear-gradient(0deg, rgba(35,8,14,.48), rgba(35,8,14,.05)), url('https://images.unsplash.com/photo-1510812431401-41d2bd2722f3?auto=format&fit=crop&w=1200&q=86');
}
.wine-white .wine-card-image {
  background-image: linear-gradient(0deg, rgba(20,14,6,.34), rgba(20,14,6,.03)), url('https://images.unsplash.com/photo-1473973266408-ed4e27abdd47?auto=format&fit=crop&w=1200&q=86');
}
.wine-rose .wine-card-image {
  background-image: linear-gradient(0deg, rgba(55,12,20,.36), rgba(55,12,20,.03)), url('https://images.unsplash.com/photo-1558001373-7b93ee48ffa0?auto=format&fit=crop&w=1200&q=86');
}
.services {
  background-image: linear-gradient(90deg, rgba(35,10,16,.96), rgba(35,10,16,.86)), url('https://images.unsplash.com/photo-1516594915697-87eb3b1c14ea?auto=format&fit=crop&w=2200&q=82');
  background-position:center;
  background-size:cover;
}
.market-image {
  background-image: url('https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?auto=format&fit=crop&w=1800&q=88');
  background-position:center;
  background-size:cover;
}
.market-copy { position:relative; }
.market-copy::before {
  content:'SINCE 2012';
  display:block;
  margin-bottom:1.4rem;
  color:var(--gold);
  font-size:.66rem;
  font-weight:600;
  letter-spacing:.28em;
}

/* V4: local Spanish vineyard and traditional barrel-cellar photography */
.hero {
  background-image:
    linear-gradient(90deg, rgba(24, 10, 10, .84), rgba(24, 10, 10, .34) 58%, rgba(24, 10, 10, .10)),
    linear-gradient(0deg, rgba(16, 10, 8, .48), transparent 45%),
    url('https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?auto=format&fit=crop&w=2400&q=90');
  background-position: center;
  background-size: cover;
}
.services {
  background-image:
    linear-gradient(90deg, rgba(35,10,16,.95), rgba(35,10,16,.78)),
    url('https://images.unsplash.com/photo-1516594915697-87eb3b1c14ea?auto=format&fit=crop&w=2200&q=82');
  background-position:center;
  background-size:cover;
}
.market-image {
  background-image: url('https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?auto=format&fit=crop&w=1800&q=88');
  background-position:center;
  background-size:cover;
}
.intro::after {
  content:"";
  display:block;
  height:420px;
  margin-top:72px;
  background:
    linear-gradient(90deg, rgba(20,10,8,.05), rgba(20,10,8,.20)),
    url('https://images.unsplash.com/photo-1516594915697-87eb3b1c14ea?auto=format&fit=crop&w=2200&q=82') center/cover;
}
@media (max-width:900px){
  .intro::after{height:300px;margin-top:50px;}
  .hero{background-position:58% center;}
}

/* V5 multi-page website */
body.page-inner .site-header { position:relative; color:var(--ink); background:var(--paper); border-bottom:1px solid var(--line); }
body.page-inner .menu-toggle { color:var(--ink); border-color:var(--line); }
body.page-inner .nav-cta { border-color:var(--wine); color:var(--wine); }
body.page-inner .page-hero { min-height:500px; display:flex; align-items:end; color:white; padding:140px 8vw 80px; position:relative; background-size:cover; background-position:center; }
body.page-inner .page-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(24,10,10,.82),rgba(24,10,10,.25)); }
body.page-inner .page-hero > div { position:relative; z-index:1; max-width:850px; }
.page-hero h1 { font-size:clamp(3.5rem,7vw,7rem); margin-bottom:1rem; }
.page-hero p { max-width:660px; font-size:1.08rem; color:rgba(255,255,255,.86); }
.page-hero.about-hero { background-image:url('https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?auto=format&fit=crop&w=1800&q=88'); }
.page-hero.wineries-hero { background-image:url('https://images.unsplash.com/photo-1516594915697-87eb3b1c14ea?auto=format&fit=crop&w=2200&q=82'); }
.page-hero.wines-hero { background-image:url('https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?auto=format&fit=crop&w=2400&q=90'); }
.page-hero.export-hero { background-image:url('https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?auto=format&fit=crop&w=1800&q=88'); }
.page-hero.contact-hero { background-image:url('https://images.unsplash.com/photo-1516594915697-87eb3b1c14ea?auto=format&fit=crop&w=2200&q=82'); }
.content-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:9vw; }
.content-grid p { color:var(--muted); }
.quote-panel { padding:55px; background:var(--cream); border-left:4px solid var(--wine); }
.quote-panel p { font-family:"Cormorant Garamond",serif; font-size:2.2rem; line-height:1.12; color:var(--ink); }
.tile-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.tile { padding:38px; min-height:290px; background:white; border:1px solid var(--line); }
.tile .num { color:var(--gold); letter-spacing:.18em; font-size:.68rem; }
.tile h3 { font-size:2.3rem; margin:25px 0 14px; }
.tile p { color:var(--muted); }
.winery-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.winery-card { min-height:460px; position:relative; display:flex; align-items:end; overflow:hidden; color:white; background-size:cover; background-position:center; }
.winery-card:nth-child(1){background-image:url('https://images.unsplash.com/photo-1516594915697-87eb3b1c14ea?auto=format&fit=crop&w=2200&q=82');}
.winery-card:nth-child(2){background-image:url('https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?auto=format&fit=crop&w=1800&q=88');}
.winery-card:nth-child(3){background-image:url('https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?auto=format&fit=crop&w=2400&q=90');}
.winery-card:nth-child(4){background-image:url('https://images.unsplash.com/photo-1516594915697-87eb3b1c14ea?auto=format&fit=crop&w=2200&q=82');}
.winery-card::before { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(20,8,10,.86),rgba(20,8,10,.08) 65%); }
.winery-card div { position:relative; z-index:1; padding:38px; }
.winery-card h3 { font-size:2.5rem; margin-bottom:.4rem; }
.winery-card p { color:rgba(255,255,255,.76); margin-bottom:0; }
.filters { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:38px; }
.filter-pill { padding:10px 16px; border:1px solid var(--line); font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.product-card { background:white; border:1px solid var(--line); }
.product-image { height:380px; display:flex; align-items:center; justify-content:center; background:linear-gradient(160deg,#eee5d7,#fff); }
.product-bottle { width:74px; height:250px; border-radius:20px 20px 12px 12px; background:linear-gradient(90deg,#2b0d14,#67172b 50%,#240b11); position:relative; box-shadow:0 24px 40px rgba(0,0,0,.18); }
.product-bottle::before { content:""; position:absolute; top:-72px; left:22px; width:30px; height:75px; border-radius:7px 7px 0 0; background:#291016; }
.product-bottle::after { content:"AUSTILI"; position:absolute; left:9px; right:9px; top:95px; padding:19px 2px; color:#4e1924; background:#f5eedf; text-align:center; font-family:"Cormorant Garamond",serif; letter-spacing:.08em; font-size:.72rem; }
.product-card:nth-child(2n) .product-bottle { background:linear-gradient(90deg,#b69d61,#ecdca6 50%,#a4874a); }
.product-card:nth-child(3n) .product-bottle { background:linear-gradient(90deg,#c67d81,#edb3b2 50%,#b96670); }
.product-copy { padding:28px; }
.product-copy .meta { color:var(--wine); text-transform:uppercase; letter-spacing:.14em; font-size:.64rem; }
.product-copy h3 { font-size:2rem; margin:.55rem 0; }
.product-copy p { color:var(--muted); }
.steps { counter-reset:step; }
.step { display:grid; grid-template-columns:85px 1fr; gap:30px; padding:34px 0; border-top:1px solid var(--line); }
.step:last-child { border-bottom:1px solid var(--line); }
.step::before { counter-increment:step; content:"0" counter(step); color:var(--gold); letter-spacing:.16em; font-size:.72rem; padding-top:8px; }
.step h3 { font-size:2.2rem; margin-bottom:.4rem; }
.step p { color:var(--muted); margin:0; }
.contact-details { display:grid; gap:26px; }
.contact-detail { padding-bottom:24px; border-bottom:1px solid var(--line); }
.contact-detail span { display:block; color:var(--wine); text-transform:uppercase; letter-spacing:.15em; font-size:.64rem; margin-bottom:.5rem; }
.contact-detail strong { font-family:"Cormorant Garamond",serif; font-size:2rem; }
.active-nav { color:var(--gold)!important; }
@media(max-width:900px){
  body.page-inner .main-nav{background:var(--paper); color:var(--ink); border-top:1px solid var(--line);}
  .content-grid,.tile-grid,.winery-grid,.product-grid{grid-template-columns:1fr;}
  body.page-inner .page-hero{min-height:420px;padding:120px 6vw 65px;}
  .quote-panel{padding:36px;}
}