:root{--espresso:#2b180f;--brown:#5b3826;--terracotta:#c65f32;--terracotta-dark:#9f4728;--cream:#f7f0e5;--paper:#fffaf2;--dusty-blue:#5f7680;--slate:#405962;--gold:#d39a52;--ink:#2c211b;--muted:#76695f;--line:#dccbbb;--white:#fff;--shadow:0 14px 35px rgba(55,35,24,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Montserrat",system-ui,-apple-system,Segoe UI,sans-serif}img{max-width:100%;display:block}a{color:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{background:linear-gradient(90deg,#2a170f,#4e2c1b);color:#f7ca83;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.topbar-inner{display:flex;justify-content:space-between;align-items:center;padding:8px 0}
.site-header{position:sticky;top:0;z-index:50;background:rgba(31,19,13,.95);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.brand-mark{width:48px;height:48px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;text-align:center;line-height:.62;color:var(--gold);font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;font-size:1.05rem}.brand-mark small{font-size:.6rem}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.15rem;letter-spacing:.03em}.brand-copy small{color:#d9aa6e;font-size:.72rem;letter-spacing:.13em;margin-top:5px}.primary-nav{display:flex;align-items:center;gap:24px;color:#fff}.primary-nav a{text-decoration:none;font-size:.93rem}.primary-nav a:hover{color:#f5c076}.nav-cta{background:var(--terracotta);padding:11px 16px;border-radius:4px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span:not(.sr-only){display:block;width:28px;height:2px;background:#fff;margin:5px 0}
.hero{min-height:560px;position:relative;display:flex;align-items:center;background:url("assets/hero.jpg") center/cover no-repeat;color:#fff}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,10,7,.88) 0%,rgba(25,12,8,.65) 42%,rgba(20,10,7,.12) 76%),linear-gradient(180deg,rgba(40,25,12,.05),rgba(197,94,49,.18))}.hero-content{position:relative;z-index:2;padding:78px 0;max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700;color:#9f5c3b;margin:0 0 8px}.eyebrow.light{color:#f1d4aa}.scriptish{text-transform:none;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:1.55rem;letter-spacing:.02em;color:#f4b766;margin-bottom:2px}.hero h1,.story-copy h2,.destination-copy h2,.bottom-cta h2{font-family:"Cormorant Garamond",Georgia,serif}.hero h1{font-size:clamp(3.2rem,7vw,6.3rem);line-height:.92;text-transform:uppercase;margin:.1em 0 .22em;max-width:760px}.hero-sub{font-size:1.06rem;line-height:1.65;max-width:580px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:4px;text-decoration:none;font-weight:700}.btn-primary{background:var(--terracotta);color:white;border:1px solid var(--terracotta)}.btn-primary:hover{background:var(--terracotta-dark)}.btn-light{background:#fff7ee;color:#4e2b1b;border:1px solid #fff7ee}.btn-outline-light{border:1px solid rgba(255,255,255,.75);color:white}.directions-link{display:inline-block;margin-top:8px;color:#fff;text-underline-offset:4px}
.section{padding:64px 0}.story-section{background:var(--paper)}.story-grid{display:grid;grid-template-columns:1.15fr 1.15fr .35fr;align-items:center;gap:34px}.story-image img{width:100%;aspect-ratio:1.35/1;object-fit:cover;border-radius:6px;box-shadow:var(--shadow)}.story-copy h2{font-size:clamp(2rem,4vw,3rem);margin:.15em 0 .35em;color:#4b2d1e}.story-copy p{color:#5e5148;line-height:1.65}.mini-note{font-weight:600;color:#4b2d1e!important}.text-link{color:var(--terracotta);font-weight:700;text-decoration:none}.cactus-art{font-size:8rem;opacity:.25;filter:grayscale(1)}
.beverage-section{background:var(--paper);padding-top:18px}.section-title-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:28px}.section-title-row span{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.section-title-row h2{font-size:.9rem;text-transform:uppercase;letter-spacing:.24em;margin:0;color:#6a3e29}.section-title-row.on-blue h2{color:#fff}.section-title-row.on-blue span{background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.beverage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.beverage-card{background:#fff;border:1px solid #e4d8ca;border-radius:6px;overflow:hidden;box-shadow:0 8px 20px rgba(70,43,26,.06)}.beverage-card img{width:100%;aspect-ratio:1.5/1;object-fit:cover}.beverage-card-body{text-align:center;padding:20px 18px 22px;background:#f7f0e5}.beverage-card h3{font-family:"Cormorant Garamond",Georgia,serif;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}.beverage-card p{color:var(--muted);line-height:1.5;margin:0 0 12px}.beverage-card a{color:var(--terracotta);font-weight:700;text-decoration:none}
.featured-sips{padding:34px 0 38px;background:linear-gradient(135deg,rgba(125,166,188,.97) 0%,rgba(104,145,168,.96) 42%,rgba(83,116,136,.97) 100%),radial-gradient(circle at 14% 18%,rgba(255,214,163,.26),transparent 24%),radial-gradient(circle at 84% 16%,rgba(230,241,247,.18),transparent 22%)}
.sip-scroller img{box-shadow:0 10px 24px rgba(33,58,73,.18)}
.sip-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:14px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.sip-scroller figure{margin:0;scroll-snap-align:start}.sip-scroller img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.25)}.sip-scroller figcaption{color:#fff;text-align:center;font-size:.84rem;margin-top:8px}
.menu-section{background:var(--paper)}.menu-tabs{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:6px 6px 0 0;overflow:hidden}.menu-tab{appearance:none;border:0;border-right:1px solid var(--line);background:#fff8ee;padding:14px 10px;color:#5b4639;font:inherit;font-weight:700;cursor:pointer}.menu-tab:last-child{border-right:0}.menu-tab.active{background:#f2e5d5;color:var(--terracotta);box-shadow:inset 0 -3px 0 var(--terracotta)}.menu-panel{display:none;border:1px solid var(--line);border-top:0;padding:26px;background:#fffaf3}.menu-panel.active{display:block}.menu-columns{display:grid;grid-template-columns:1fr 1fr;gap:38px}.menu-columns.single{grid-template-columns:1fr}.menu-columns h3{font-family:"Cormorant Garamond",Georgia,serif;color:#4d2b1e;margin-top:0}.menu-columns p{display:grid;gap:4px;margin:0 0 16px}.menu-columns strong{font-size:.98rem}.menu-columns span{font-size:.88rem;color:#786b61}.menu-columns .muted{color:#8a7e75}.menu-foot{text-align:center;margin-top:18px}.menu-foot small{display:block;color:#8b7d72;margin-top:8px}
.destination-section{color:#fff;padding:52px 0;background:linear-gradient(125deg,#4d6872,#6f8790 55%,#3e5057)}.destination-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}.destination-copy h2{font-size:clamp(2.2rem,4vw,3.5rem);margin:.15em 0 .35em}.destination-copy p,.destination-copy li{line-height:1.6}.destination-copy ul{padding-left:1.2rem}.destination-image img{border-radius:8px;aspect-ratio:1.35/1;object-fit:cover;box-shadow:var(--shadow)}
.visit-section{background:var(--paper);padding-top:34px;padding-bottom:34px}.visit-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:6px;overflow:hidden}.visit-card{display:flex;gap:16px;padding:24px;background:#fffaf4;border-right:1px solid var(--line)}.visit-card:last-child{border-right:0}.visit-icon{font-size:2rem;color:#7f4c32}.visit-card h3{margin:0 0 5px;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.visit-card p{margin:0 0 6px;color:#6f6258}.visit-card a{color:var(--terracotta);text-decoration:none;font-weight:700}
.site-footer{background:#241710;color:#e9dfd5;padding:42px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr .55fr .65fr 1.35fr;gap:34px}.site-footer h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:#d7aa6d}.site-footer a{display:block;text-decoration:none;color:#e9dfd5;margin:7px 0}.site-footer p{color:#c8bbb0}.signup-row{display:flex;gap:8px}.signup-row input{min-width:0;flex:1;padding:12px;border-radius:4px;border:1px solid #685245;background:#3a291f;color:#fff}.signup-row button{border:0;border-radius:4px;background:var(--terracotta);color:#fff;padding:0 14px;font-weight:700}.footer-bottom{border-top:1px solid #513a2d;margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;color:#a99a8d;font-size:.82rem}
@media (max-width:900px){.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:0;right:0;top:74px;background:#241710;padding:18px 24px 24px;flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.primary-nav .nav-cta{margin-top:10px;text-align:center;border-bottom:0}.hero{min-height:520px;background-position:62% center}.story-grid{grid-template-columns:1fr 1fr}.cactus-art{display:none}.beverage-grid{grid-template-columns:1fr}.menu-tabs{grid-template-columns:repeat(3,1fr)}.destination-grid{grid-template-columns:1fr}.visit-grid{grid-template-columns:1fr}.visit-card{border-right:0;border-bottom:1px solid var(--line)}.visit-card:last-child{border-bottom:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.topbar-note{display:none}.wrap{width:min(100% - 24px,1180px)}.nav-wrap{min-height:68px}.brand-copy strong{font-size:1rem}.brand-mark{width:42px;height:42px}.primary-nav{top:68px}.hero{min-height:610px;background-position:64% center;align-items:flex-end}.hero-overlay{background:linear-gradient(180deg,rgba(23,11,7,.25) 0%,rgba(23,11,7,.82) 55%,rgba(23,11,7,.95) 100%)}.hero-content{padding:120px 0 48px}.hero h1{font-size:clamp(3rem,15vw,4.6rem)}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.section{padding:48px 0}.story-grid{grid-template-columns:1fr}.story-image{order:2}.story-copy{order:1}.beverage-grid{gap:16px}.sip-scroller{grid-auto-columns:62%}.menu-tabs{grid-template-columns:repeat(2,1fr)}.menu-columns{grid-template-columns:1fr}.destination-section{padding:44px 0}.destination-copy h2{font-size:2.35rem}

/* === Historic Florence Destination — matched to approved first draft === */
.florence-draft-section{
  background:var(--paper);
  padding:46px 0 24px;
}
.florence-draft-grid{
  display:grid;
  grid-template-columns:.82fr 1.15fr 1.48fr;
  gap:30px;
  align-items:center;
  padding-bottom:30px;
  border-bottom:1px solid var(--line);
}
.florence-photo-collage{
  position:relative;
  min-height:230px;
}
.florence-polaroid{
  position:absolute;
  margin:0;
  width:142px;
  padding:6px;
  background:#fffaf2;
  border:1px solid #d8cabb;
  box-shadow:0 8px 20px rgba(57,36,24,.13);
}
.florence-polaroid img{
  width:100%;
  aspect-ratio:1 / 1.02;
  object-fit:cover;
}
.florence-polaroid-one{
  left:0;
  top:18px;
  transform:rotate(-5deg);
}
.florence-polaroid-two{
  right:0;
  top:48px;
  transform:rotate(4deg);
}
.florence-polaroid-three{
  left:42px;
  top:112px;
  transform:rotate(-1deg);
}
.placeholder-photo{
  height:116px;
  display:grid;
  place-items:center;
  background:
    linear-gradient(145deg,rgba(198,95,50,.10),rgba(95,118,128,.17)),
    #f8f1e8;
}
.placeholder-photo div{text-align:center;color:#6a4a37}
.placeholder-photo span{
  display:block;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:.92rem;
}
.placeholder-photo small{
  display:block;
  margin-top:5px;
  color:#8a7a6d;
  font-size:.7rem;
}
.florence-draft-copy h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(2rem,3.7vw,3.15rem);
  line-height:1.08;
  margin:.12em 0 .35em;
  color:#4b2d1e;
}
.florence-draft-copy p{
  color:#65574d;
  line-height:1.62;
}
.florence-map-card{
  position:relative;
  min-height:235px;
  overflow:hidden;
  border:1px solid #dfd2c2;
  border-radius:6px;
  background:
    linear-gradient(90deg,transparent 49%,rgba(120,105,92,.12) 50%,transparent 51%) 0 0/74px 74px,
    linear-gradient(transparent 49%,rgba(120,105,92,.12) 50%,transparent 51%) 0 0/74px 74px,
    linear-gradient(18deg,transparent 48%,rgba(199,153,93,.24) 49%,rgba(199,153,93,.24) 51%,transparent 52%) 0 0/145px 145px,
    #f4eadb;
  box-shadow:0 8px 18px rgba(74,48,31,.06);
}
.map-pin{
  position:absolute;
  left:48%;
  top:34%;
  width:40px;
  height:40px;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
  background:var(--terracotta);
  box-shadow:0 5px 12px rgba(126,61,33,.25);
}
.map-pin::after{
  content:"";
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#fff7ee;
  left:14px;
  top:14px;
}
.map-label{
  position:absolute;
  left:55%;
  top:48%;
  display:flex;
  flex-direction:column;
  padding:9px 11px;
  background:rgba(255,250,242,.92);
  border:1px solid rgba(117,90,69,.16);
  border-radius:4px;
}
.map-label strong{
  font-family:"Cormorant Garamond",Georgia,serif;
  color:#4a2e20;
}
.map-label span{
  font-size:.82rem;
  margin-top:2px;
  color:#604c3d;
}
.map-label small{
  margin-top:5px;
  color:#8b7c70;
}
.visit-section{
  padding-top:28px;
}

@media (max-width:900px){
  .florence-draft-grid{
    grid-template-columns:.8fr 1.2fr;
  }
  .florence-map-card{
    grid-column:1 / -1;
  }
}

@media (max-width:640px){
  .florence-draft-section{
    padding:38px 0 22px;
  }
  .florence-draft-grid{
    grid-template-columns:1fr;
    gap:24px;
  }
  .florence-photo-collage{
    min-height:245px;
    width:min(330px,100%);
    margin-inline:auto;
  }
  .florence-polaroid{
    width:144px;
  }
  .florence-polaroid-one{left:4px}
  .florence-polaroid-two{right:4px}
  .florence-polaroid-three{left:74px}
  .florence-map-card{
    grid-column:auto;
    min-height:205px;
  }
  .map-label{
    left:40%;
    top:52%;
    max-width:56%;
  }
}


/* === Typography adjustment to match the approved first draft === */
body{
  font-family:"Montserrat",system-ui,-apple-system,Segoe UI,sans-serif;
}

.hero h1,
.story-copy h2,
.florence-draft-copy h2,
.bottom-cta h2,
.beverage-card h3,
.menu-columns h3,
.brand-copy strong{
  font-family:"Cormorant Garamond",Georgia,serif;
}

.hero h1{
  font-weight:600;
  letter-spacing:-.02em;
}

.story-copy h2,
.florence-draft-copy h2,
.bottom-cta h2{
  font-weight:600;
  letter-spacing:-.015em;
}

.beverage-card h3{
  font-weight:600;
  letter-spacing:.08em;
}

.scriptish{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-style:italic;
  font-weight:500;
}

.primary-nav a,
.btn,
.eyebrow,
.section-title-row h2,
.menu-tab,
.visit-card h3,
.site-footer h3{
  font-family:"Montserrat",system-ui,-apple-system,Segoe UI,sans-serif;
}


/* === Navigation: transparent over hero, darker after scrolling === */
.site-header{
  position:absolute;
  top:32px;
  left:0;
  right:0;
  width:100%;
  z-index:50;
  background:transparent;
  border-bottom:1px solid rgba(255,255,255,.10);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:
    background-color .25s ease,
    border-color .25s ease,
    backdrop-filter .25s ease,
    box-shadow .25s ease;
}

.site-header.scrolled{
  position:fixed;
  top:0;
  background:rgba(35,21,14,.88);
  border-bottom-color:rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 6px 20px rgba(25,12,7,.16);
}

.site-header:not(.scrolled) .nav-wrap{
  background:transparent;
}

.site-header:not(.scrolled) .brand,
.site-header:not(.scrolled) .primary-nav{
  text-shadow:0 1px 8px rgba(0,0,0,.38);
}

/* On tablet/mobile the opened menu itself stays readable. */
@media (max-width:900px){
  .site-header{
    top:32px;
  }

  .site-header.scrolled{
    top:0;
  }

  .site-header:not(.scrolled) .primary-nav.open{
    background:rgba(35,21,14,.94);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
}

@media (max-width:640px){
  .site-header{
    top:32px;
  }
}


/* === Our Beverages: make the actual drinks the visual focus === */
.beverage-card img{
  aspect-ratio:1.25 / 1;
  object-fit:cover;
}

/* Coffee: keep the cup clearly visible */
.beverage-card:nth-child(1) img{
  object-position:center 76%;
}

/* Wine & Cocktails: keep the drink lineup centered */
.beverage-card:nth-child(2) img{
  object-position:center 55%;
}

/* Beer: keep the full beer glass visible, not just the taps/background */
.beverage-card:nth-child(3) img{
  object-position:center 66%;
}

@media (max-width:640px){
  .beverage-card img{
    aspect-ratio:1.15 / 1;
  }
}


/* === Our Story cactus illustration: match approved draft === */
.cactus-art{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#cbb79f;
  opacity:1;
  filter:none;
  font-size:inherit;
  align-self:stretch;
  min-height:250px;
}

.cactus-line-art{
  width:min(100%,210px);
  height:auto;
  display:block;
  opacity:.68;
}

/* On medium screens keep it subtle rather than removing it entirely */
@media (max-width:900px){
  .story-grid{
    grid-template-columns:1fr 1fr .28fr;
  }
  .cactus-art{
    display:flex;
    min-height:190px;
  }
  .cactus-line-art{
    width:150px;
    opacity:.58;
  }
}

@media (max-width:720px){
  .story-grid{
    grid-template-columns:1fr;
  }
  .cactus-art{
    display:none;
  }
}


/* === Beverage card image crop fix: show the full coffee and beer drinks better === */
.beverage-card img{
  object-position:center center;
}
.beverage-card:nth-child(1) img,
.beverage-card:nth-child(3) img{
  object-position:center center;
}


/* === Restore the small cactus dividers/titles from the approved draft === */
.eyebrow-cactus,
.section-title-row.has-cactus h2{
  position:relative;
}

.eyebrow-cactus{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.eyebrow-cactus::after{
  content:"";
  width:64px;
  height:16px;
  display:inline-block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  opacity:.8;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 22'%3E%3Cg fill='none' stroke='%239e7d59' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 11h30'/%3E%3Cpath d='M52 17V7c0-3 2-5 5-5s5 2 5 5v10'/%3E%3Cpath d='M48 12h4c2 0 3-2 3-4V6'/%3E%3Cpath d='M66 10h4c2 0 3-2 3-4V4'/%3E%3Cpath d='M74 17V4'/%3E%3Cpath d='M80 17V10c0-2 1-4 3-4s3 2 3 4v7'/%3E%3Cpath d='M84 11h6'/%3E%3Cpath d='M118 11h30'/%3E%3C/g%3E%3C/svg%3E");
}

.eyebrow-cactus.centered{
  justify-content:center;
}

.section-title-row.has-cactus h2{
  display:inline-flex;
  align-items:center;
  gap:12px;
}

.section-title-row.has-cactus h2::before,
.section-title-row.has-cactus h2::after{
  content:"";
  width:14px;
  height:18px;
  display:inline-block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  opacity:.78;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 26'%3E%3Cg fill='none' stroke='%239e7d59' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 24V7c0-2 1-4 3-4s3 2 3 4v3'/%3E%3Cpath d='M10 13c-1 1-2 2-4 2S2 14 2 11V9c0-2 1-4 3-4s3 2 3 4v2'/%3E%3Cpath d='M10 18c1-1 2-1 4-1s4 1 4 4'/%3E%3C/g%3E%3C/svg%3E");
}

.section-title-row.on-blue.has-cactus h2::before,
.section-title-row.on-blue.has-cactus h2::after{
  filter:brightness(0) invert(1);
  opacity:.62;
}

@media (max-width:640px){
  .eyebrow-cactus::after{
    width:48px;
  }
  .section-title-row.has-cactus h2{
    gap:8px;
  }
  .section-title-row.has-cactus h2::before,
  .section-title-row.has-cactus h2::after{
    width:12px;
    height:16px;
  }
}


/* === Florence section: exact town image collage from the approved draft === */
.florence-photo-collage.florence-draft-exact{
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.florence-photo-collage.florence-draft-exact img{
  width:100%;
  max-width:255px;
  height:auto;
  object-fit:contain;
  display:block;
}
@media (max-width:900px){
  .florence-photo-collage.florence-draft-exact img{
    max-width:280px;
  }
}
@media (max-width:640px){
  .florence-photo-collage.florence-draft-exact{
    min-height:0;
    width:100%;
  }
  .florence-photo-collage.florence-draft-exact img{
    max-width:260px;
    margin-inline:auto;
  }
}


/* === Featured Sips mosaic tiles === */
.featured-sips{
  padding:36px 0 42px;
  background:
    linear-gradient(135deg,rgba(131,171,193,.97) 0%,rgba(108,150,174,.96) 45%,rgba(87,121,142,.98) 100%),
    radial-gradient(circle at 14% 12%,rgba(255,215,164,.24),transparent 23%),
    radial-gradient(circle at 88% 20%,rgba(229,241,248,.18),transparent 20%);
}

.sip-mosaic{
  display:grid;
  grid-template-columns:1.2fr 1.35fr .9fr .9fr;
  grid-template-rows:190px 160px;
  gap:12px;
}

.sip-tile{
  position:relative;
  margin:0;
  overflow:hidden;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.28);
  background:#29424e;
  box-shadow:0 12px 28px rgba(30,55,68,.18);
}

.sip-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.sip-tile:hover img{
  transform:scale(1.025);
}

.sip-tile::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 52%,rgba(21,18,16,.72) 100%);
  pointer-events:none;
}

.sip-tile figcaption{
  position:absolute;
  left:14px;
  right:14px;
  bottom:12px;
  z-index:2;
  margin:0;
  color:#fff;
  text-align:left;
  font-weight:700;
  font-size:.9rem;
  text-shadow:0 1px 6px rgba(0,0,0,.45);
}

.sip-banana{
  grid-column:1;
  grid-row:1 / span 2;
}

.sip-iced{
  grid-column:2;
  grid-row:1 / span 2;
}

.sip-espresso{
  grid-column:3;
  grid-row:1;
}

.sip-sangria{
  grid-column:4;
  grid-row:1;
}

.sip-old-fashioned{
  grid-column:3;
  grid-row:2;
}

.sip-margarita{
  grid-column:4;
  grid-row:2;
}

/* Keep the main drinks nicely framed in their tiles. */
.sip-banana img{object-position:center 48%}
.sip-iced img{object-position:center 50%}
.sip-espresso img{object-position:center 52%}
.sip-sangria img{object-position:center 50%}
.sip-old-fashioned img{object-position:center 52%}
.sip-margarita img{object-position:center 48%}

@media (max-width:900px){
  .sip-mosaic{
    grid-template-columns:1fr 1fr;
    grid-template-rows:280px 220px 190px;
  }

  .sip-banana{
    grid-column:1;
    grid-row:1;
  }

  .sip-iced{
    grid-column:2;
    grid-row:1;
  }

  .sip-espresso{
    grid-column:1;
    grid-row:2;
  }

  .sip-sangria{
    grid-column:2;
    grid-row:2;
  }

  .sip-old-fashioned{
    grid-column:1;
    grid-row:3;
  }

  .sip-margarita{
    grid-column:2;
    grid-row:3;
  }
}

@media (max-width:640px){
  .featured-sips{
    padding:30px 0 34px;
  }

  .sip-mosaic{
    grid-template-columns:1.1fr .9fr;
    grid-template-rows:220px 150px 150px;
    gap:9px;
  }

  .sip-banana{
    grid-column:1;
    grid-row:1 / span 2;
  }

  .sip-iced{
    grid-column:2;
    grid-row:1;
  }

  .sip-espresso{
    grid-column:2;
    grid-row:2;
  }

  .sip-sangria{
    grid-column:1;
    grid-row:3;
  }

  .sip-old-fashioned{
    grid-column:2;
    grid-row:3;
  }

  .sip-margarita{
    display:none;
  }

  .sip-tile figcaption{
    left:10px;
    right:10px;
    bottom:9px;
    font-size:.78rem;
  }
}


/* Updated Featured Sips using the user-provided photos */
.sip-mosaic-expanded{
  display:grid;
  grid-template-columns:1.3fr 1.1fr 1fr 1fr;
  grid-auto-rows:145px;
  gap:12px;
}

.sip-mosaic-expanded .sip-tile{
  position:relative;
  margin:0;
  overflow:hidden;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.26);
  background:#29424e;
  box-shadow:0 12px 28px rgba(30,55,68,.20);
}

.sip-mosaic-expanded .sip-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}

.sip-mosaic-expanded .sip-tile:hover img{transform:scale(1.03)}

.sip-mosaic-expanded .sip-tile::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(12,12,12,0) 45%, rgba(14,14,14,.75) 100%);
  pointer-events:none;
}

.sip-mosaic-expanded .sip-tile figcaption{
  position:absolute;
  left:14px;
  right:14px;
  bottom:12px;
  z-index:2;
  margin:0;
  color:#fff;
  text-align:left;
  font-weight:700;
  font-size:.92rem;
  line-height:1.15;
  text-shadow:0 1px 6px rgba(0,0,0,.45);
}

.tile-red-sangria{grid-column:1;grid-row:1 / span 2}
.tile-citrus-spritz{grid-column:2;grid-row:1 / span 2}
.tile-espresso-martini{grid-column:3;grid-row:1}
.tile-old-fashioned{grid-column:4;grid-row:1}
.tile-classic-margarita{grid-column:3;grid-row:2}
.tile-mint-cooler{grid-column:4;grid-row:2}
.tile-espresso-blue{grid-column:1;grid-row:3}
.tile-banana-latte{grid-column:2;grid-row:3 / span 2}
.tile-iced-coffee{grid-column:3;grid-row:3 / span 2}
.tile-dirty-horchata{grid-column:4;grid-row:3}
.tile-espresso-shot{grid-column:1;grid-row:4}

.tile-red-sangria img{object-position:center 50%}
.tile-citrus-spritz img{object-position:center 50%}
.tile-espresso-martini img{object-position:center 46%}
.tile-old-fashioned img{object-position:center 52%}
.tile-classic-margarita img{object-position:center 48%}
.tile-mint-cooler img{object-position:center 48%}
.tile-espresso-blue img{object-position:center 48%}
.tile-banana-latte img{object-position:center 48%}
.tile-iced-coffee img{object-position:center 48%}
.tile-dirty-horchata img{object-position:center 48%}
.tile-espresso-shot img{object-position:center 48%}

@media (max-width: 1000px){
  .sip-mosaic-expanded{
    grid-template-columns:1fr 1fr 1fr;
    grid-auto-rows:150px;
  }
  .tile-red-sangria{grid-column:1;grid-row:1 / span 2}
  .tile-citrus-spritz{grid-column:2;grid-row:1 / span 2}
  .tile-espresso-martini{grid-column:3;grid-row:1}
  .tile-old-fashioned{grid-column:3;grid-row:2}
  .tile-classic-margarita{grid-column:1;grid-row:3}
  .tile-mint-cooler{grid-column:2;grid-row:3}
  .tile-espresso-blue{grid-column:3;grid-row:3}
  .tile-banana-latte{grid-column:1;grid-row:4 / span 2}
  .tile-iced-coffee{grid-column:2;grid-row:4 / span 2}
  .tile-dirty-horchata{grid-column:3;grid-row:4}
  .tile-espresso-shot{grid-column:3;grid-row:5}
}

@media (max-width: 680px){
  .sip-mosaic-expanded{
    grid-template-columns:1fr 1fr;
    grid-auto-rows:140px;
    gap:10px;
  }
  .tile-red-sangria{grid-column:1;grid-row:1 / span 2}
  .tile-citrus-spritz{grid-column:2;grid-row:1 / span 2}
  .tile-espresso-martini{grid-column:1;grid-row:3}
  .tile-old-fashioned{grid-column:2;grid-row:3}
  .tile-classic-margarita{grid-column:1;grid-row:4}
  .tile-mint-cooler{grid-column:2;grid-row:4}
  .tile-espresso-blue{grid-column:1;grid-row:5}
  .tile-banana-latte{grid-column:2;grid-row:5 / span 2}
  .tile-iced-coffee{grid-column:1;grid-row:6 / span 2}
  .tile-dirty-horchata{grid-column:2;grid-row:7}
  .tile-espresso-shot{grid-column:1;grid-row:8}
  .sip-mosaic-expanded .sip-tile figcaption{
    font-size:.82rem;
    left:10px;
    right:10px;
    bottom:10px;
  }
}


/* === Featured Sips — clean balanced mosaic === */
.featured-sips{
  padding:34px 0 40px;
}

.featured-sips-grid{
  display:grid;
  grid-template-columns:1.08fr 1.22fr .82fr .82fr;
  grid-template-rows:190px 190px 145px;
  gap:8px;
  width:100%;
}

.feature-tile{
  position:relative;
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:5px;
  box-shadow:none;
  background:transparent;
}

.feature-tile img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.feature-tile::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 58%, rgba(17,15,14,.68) 100%);
  pointer-events:none;
}

.feature-tile figcaption{
  position:absolute;
  z-index:2;
  left:12px;
  right:12px;
  bottom:10px;
  margin:0;
  color:#fff;
  font-weight:700;
  font-size:.88rem;
  text-align:left;
  text-shadow:0 1px 5px rgba(0,0,0,.48);
}

/* Two large anchors */
.feature-banana{
  grid-column:1;
  grid-row:1 / span 2;
}
.feature-iced{
  grid-column:2;
  grid-row:1 / span 2;
}

/* Four clean smaller tiles on the right */
.feature-sangria{
  grid-column:3;
  grid-row:1;
}
.feature-spritz{
  grid-column:4;
  grid-row:1;
}
.feature-old-fashioned{
  grid-column:3;
  grid-row:2;
}
.feature-margarita{
  grid-column:4;
  grid-row:2;
}

/* Three medium tiles complete the rectangle */
.feature-martini{
  grid-column:1 / span 2;
  grid-row:3;
}
.feature-mint{
  grid-column:3;
  grid-row:3;
}
.feature-horchata{
  grid-column:4;
  grid-row:3;
}

/* Image framing */
.feature-banana img{object-position:center 46%}
.feature-iced img{object-position:center 47%}
.feature-sangria img{object-position:center 50%}
.feature-spritz img{object-position:center 48%}
.feature-old-fashioned img{object-position:center 52%}
.feature-margarita img{object-position:center 48%}
.feature-martini img{object-position:center 52%}
.feature-mint img{object-position:center 46%}
.feature-horchata img{object-position:center 47%}

@media (max-width:900px){
  .featured-sips-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:300px 220px 180px 180px 180px;
    gap:7px;
  }

  .feature-banana{grid-column:1;grid-row:1}
  .feature-iced{grid-column:2;grid-row:1}

  .feature-sangria{grid-column:1;grid-row:2}
  .feature-spritz{grid-column:2;grid-row:2}

  .feature-old-fashioned{grid-column:1;grid-row:3}
  .feature-margarita{grid-column:2;grid-row:3}

  .feature-martini{grid-column:1 / span 2;grid-row:4}

  .feature-mint{grid-column:1;grid-row:5}
  .feature-horchata{grid-column:2;grid-row:5}
}

@media (max-width:600px){
  .featured-sips{
    padding:28px 0 32px;
  }

  .featured-sips-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:240px 170px 150px 160px 150px;
    gap:6px;
  }

  .feature-banana{grid-column:1;grid-row:1}
  .feature-iced{grid-column:2;grid-row:1}

  .feature-sangria{grid-column:1;grid-row:2}
  .feature-spritz{grid-column:2;grid-row:2}

  .feature-old-fashioned{grid-column:1;grid-row:3}
  .feature-margarita{grid-column:2;grid-row:3}

  .feature-martini{grid-column:1 / span 2;grid-row:4}

  .feature-mint{grid-column:1;grid-row:5}
  .feature-horchata{grid-column:2;grid-row:5}

  .feature-tile figcaption{
    left:9px;
    right:9px;
    bottom:8px;
    font-size:.8rem;
  }
}


/* === ONLY Featured Sips goes full width ===
   All other sections stay exactly as before. */
.featured-sips .wrap{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}

/* Keep the Featured Sips title from touching the screen edges. */
.featured-sips .section-title-row{
  padding-left:clamp(18px,4vw,60px);
  padding-right:clamp(18px,4vw,60px);
}

/* Let the photo mosaic run edge-to-edge. */
.featured-sips-grid{
  width:100%;
  max-width:none;
}

/* On phones, retain a tiny gutter so the tiles are not flush against the glass edge. */
@media (max-width:600px){
  .featured-sips .wrap{
    padding-left:0;
    padding-right:0;
  }

  .featured-sips-grid{
    gap:5px;
  }
}


/* === Featured Sips: slightly taller images === */
.featured-sips-grid{
  grid-template-rows:220px 220px 165px;
}

@media (max-width:900px){
  .featured-sips-grid{
    grid-template-rows:330px 245px 200px 200px 200px;
  }
}

@media (max-width:600px){
  .featured-sips-grid{
    grid-template-rows:270px 185px 165px 180px 165px;
  }
}


/* === Featured Sips crop/layout correction ===
   The uploaded drink photos are mostly portrait images, so the grid
   now uses portrait cells instead of forcing them into wide shallow boxes. */
.sips-showcase{
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  grid-template-rows:repeat(2, clamp(230px, 14vw, 295px));
  gap:6px;
  width:100%;
}

.sip-photo{
  position:relative;
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#6f9bb2;
  box-shadow:none;
}

.sip-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.sip-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 62%, rgba(15,13,12,.68) 100%);
  pointer-events:none;
}

.sip-photo figcaption{
  position:absolute;
  left:10px;
  right:10px;
  bottom:9px;
  z-index:2;
  margin:0;
  color:#fff;
  font-size:.84rem;
  font-weight:700;
  line-height:1.15;
  text-shadow:0 1px 5px rgba(0,0,0,.48);
}

/* Five portrait tiles occupy the left side */
.sip-tall:nth-child(1){grid-column:1;grid-row:1 / span 2}
.sip-tall:nth-child(2){grid-column:2;grid-row:1 / span 2}
.sip-tall:nth-child(3){grid-column:3;grid-row:1 / span 2}
.sip-tall:nth-child(4){grid-column:4;grid-row:1 / span 2}
.sip-tall:nth-child(5){grid-column:5;grid-row:1 / span 2}

/* Three sizes: tall portrait, square, and wide */
.sip-old{grid-column:6 / span 2;grid-row:1}
.sip-margarita{grid-column:8;grid-row:1}
.sip-mint{grid-column:6;grid-row:2}
.sip-horchata{grid-column:7 / span 2;grid-row:2}

/* Keep each drink centered in its crop */
.sip-photo:nth-child(1) img{object-position:center 48%}
.sip-photo:nth-child(2) img{object-position:center 48%}
.sip-photo:nth-child(3) img{object-position:center 50%}
.sip-photo:nth-child(4) img{object-position:center 50%}
.sip-photo:nth-child(5) img{object-position:center 48%}
.sip-old img{object-position:center 49%}
.sip-margarita img{object-position:center 44%}
.sip-mint img{object-position:center 45%}
.sip-horchata img{object-position:center 48%}

/* Featured Sips remains the only full-width content area */
.featured-sips .wrap{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.featured-sips .section-title-row{
  padding-left:clamp(18px,4vw,60px);
  padding-right:clamp(18px,4vw,60px);
}

@media (max-width:1100px){
  .sips-showcase{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    grid-template-rows:repeat(5, 190px);
    gap:6px;
  }

  .sip-tall:nth-child(1){grid-column:1;grid-row:1 / span 2}
  .sip-tall:nth-child(2){grid-column:2;grid-row:1 / span 2}
  .sip-tall:nth-child(3){grid-column:3;grid-row:1 / span 2}
  .sip-tall:nth-child(4){grid-column:4;grid-row:1 / span 2}
  .sip-tall:nth-child(5){grid-column:1;grid-row:3 / span 2}

  .sip-old{grid-column:2 / span 2;grid-row:3}
  .sip-margarita{grid-column:4;grid-row:3}
  .sip-mint{grid-column:2;grid-row:4}
  .sip-horchata{grid-column:3 / span 2;grid-row:4}
}

@media (max-width:650px){
  .sips-showcase{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-template-rows:repeat(7, 175px);
    gap:5px;
  }

  .sip-tall:nth-child(1){grid-column:1;grid-row:1 / span 2}
  .sip-tall:nth-child(2){grid-column:2;grid-row:1 / span 2}
  .sip-tall:nth-child(3){grid-column:1;grid-row:3 / span 2}
  .sip-tall:nth-child(4){grid-column:2;grid-row:3 / span 2}
  .sip-tall:nth-child(5){grid-column:1;grid-row:5 / span 2}

  .sip-old{grid-column:2;grid-row:5}
  .sip-margarita{grid-column:2;grid-row:6}
  .sip-mint{grid-column:1;grid-row:7}
  .sip-horchata{grid-column:2;grid-row:7}

  .sip-photo figcaption{
    font-size:.78rem;
    left:8px;
    right:8px;
    bottom:7px;
  }
}


/* === Featured Sips custom layout requested by user ===
   Dirty Horchata takes the first big area.
   Banana Bread Latte and Iced Coffee are the next two big images.
   Classic Margarita and Mint Citrus Cooler stack top/bottom.
   Then the remaining drinks fill the rest.
*/
.sips-showcase{
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  grid-template-rows:repeat(2, clamp(240px, 15vw, 305px));
  gap:6px;
  width:100%;
}

.sip-photo{
  position:relative;
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#6f9bb2;
  box-shadow:none;
}

.sip-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.sip-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 60%, rgba(15,13,12,.68) 100%);
  pointer-events:none;
}

.sip-photo figcaption{
  position:absolute;
  left:10px;
  right:10px;
  bottom:9px;
  z-index:2;
  margin:0;
  color:#fff;
  font-size:.84rem;
  font-weight:700;
  line-height:1.15;
  text-shadow:0 1px 5px rgba(0,0,0,.48);
}

/* Layout */
.sip-dirty-large{grid-column:1 / span 2; grid-row:1 / span 2;}
.sip-banana{grid-column:3 / span 2; grid-row:1 / span 2;}
.sip-iced{grid-column:5 / span 2; grid-row:1 / span 2;}
.sip-margarita{grid-column:7; grid-row:1;}
.sip-mint{grid-column:7; grid-row:2;}
.sip-red{grid-column:8; grid-row:1;}
.sip-citrus{grid-column:8; grid-row:2;}
.sip-espresso-martini{grid-column:1 / span 4; grid-row:3;}
.sip-old{grid-column:5 / span 4; grid-row:3;}

/* Expand to 3 rows for the bottom "rest" row */
.sips-showcase{
  grid-template-rows:repeat(2, clamp(240px, 15vw, 305px)) clamp(185px, 11vw, 230px);
}

/* Better crop alignment */
.sip-dirty-large img{object-position:center 48%;}
.sip-banana img{object-position:center 48%;}
.sip-iced img{object-position:center 48%;}
.sip-margarita img{object-position:center 43%;}
.sip-mint img{object-position:center 42%;}
.sip-red img{object-position:center 50%;}
.sip-citrus img{object-position:center 50%;}
.sip-espresso-martini img{object-position:center 48%;}
.sip-old img{object-position:center 48%;}

.featured-sips .wrap{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.featured-sips .section-title-row{
  padding-left:clamp(18px,4vw,60px);
  padding-right:clamp(18px,4vw,60px);
}

@media (max-width:1200px){
  .sips-showcase{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    grid-template-rows:repeat(5, 190px);
    gap:6px;
  }

  .sip-dirty-large{grid-column:1 / span 2; grid-row:1 / span 2;}
  .sip-banana{grid-column:3; grid-row:1 / span 2;}
  .sip-iced{grid-column:4; grid-row:1 / span 2;}
  .sip-margarita{grid-column:3; grid-row:3;}
  .sip-mint{grid-column:4; grid-row:3;}
  .sip-red{grid-column:1; grid-row:3;}
  .sip-citrus{grid-column:2; grid-row:3;}
  .sip-espresso-martini{grid-column:1 / span 2; grid-row:4;}
  .sip-old{grid-column:3 / span 2; grid-row:4;}
}

@media (max-width:700px){
  .sips-showcase{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-template-rows:240px 240px 170px 170px 170px 170px 170px;
    gap:5px;
  }

  .sip-dirty-large{grid-column:1 / span 2; grid-row:1;}
  .sip-banana{grid-column:1; grid-row:2 / span 2;}
  .sip-iced{grid-column:2; grid-row:2 / span 2;}
  .sip-margarita{grid-column:1; grid-row:4;}
  .sip-mint{grid-column:2; grid-row:4;}
  .sip-red{grid-column:1; grid-row:5;}
  .sip-citrus{grid-column:2; grid-row:5;}
  .sip-espresso-martini{grid-column:1 / span 2; grid-row:6;}
  .sip-old{grid-column:1 / span 2; grid-row:7;}

  .sip-photo figcaption{
    font-size:.78rem;
    left:8px;
    right:8px;
    bottom:7px;
  }
}


/* === Featured Sips: hand-drawn sketch layout === */
.sips-sketch-grid{
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  grid-template-rows:repeat(4, clamp(185px, 12vw, 245px));
  gap:6px;
  width:100%;
}

.sip-sketch{
  position:relative;
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#7199ad;
  box-shadow:none;
}

.sip-sketch img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.sip-sketch::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 62%, rgba(14,12,11,.68) 100%);
  pointer-events:none;
}

.sip-sketch figcaption{
  position:absolute;
  left:10px;
  right:10px;
  bottom:9px;
  z-index:2;
  margin:0;
  color:#fff;
  font-size:.84rem;
  line-height:1.15;
  font-weight:700;
  text-shadow:0 1px 5px rgba(0,0,0,.5);
}

/* Top half — exactly like the sketch */
.sip-dirty{
  grid-column:1 / span 4;
  grid-row:1 / span 2;
}
.sip-margarita{
  grid-column:5 / span 2;
  grid-row:1;
}
.sip-cooler{
  grid-column:5 / span 2;
  grid-row:2;
}
.sip-martini{
  grid-column:7 / span 3;
  grid-row:1 / span 2;
}
.sip-beer{
  grid-column:10 / span 3;
  grid-row:1 / span 2;
}

/* Bottom half — exactly like the sketch */
.sip-red-sangria{
  grid-column:1 / span 3;
  grid-row:3 / span 2;
}
.sip-spritz{
  grid-column:4 / span 2;
  grid-row:3 / span 2;
}
.sip-old-fashioned{
  grid-column:6 / span 2;
  grid-row:3;
}
.sip-espresso-shot{
  grid-column:6 / span 2;
  grid-row:4;
}
.sip-banana-latte{
  grid-column:8 / span 5;
  grid-row:3 / span 2;
}

/* Crop positions tuned for the actual photos */
.sip-dirty img{object-position:center 48%}
.sip-margarita img{object-position:center 43%}
.sip-cooler img{object-position:center 43%}
.sip-martini img{object-position:center 48%}
.sip-beer img{object-position:center 56%}
.sip-red-sangria img{object-position:center 48%}
.sip-spritz img{object-position:center 49%}
.sip-old-fashioned img{object-position:center 50%}
.sip-espresso-shot img{object-position:center 47%}
.sip-banana-latte img{object-position:center 47%}

/* Featured Sips remains the only full-width content section */
.featured-sips .wrap{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.featured-sips .section-title-row{
  padding-left:clamp(18px,4vw,60px);
  padding-right:clamp(18px,4vw,60px);
}

@media (max-width:1000px){
  .sips-sketch-grid{
    grid-template-columns:repeat(6, minmax(0, 1fr));
    grid-template-rows:repeat(8, 170px);
    gap:5px;
  }

  .sip-dirty{grid-column:1 / span 3;grid-row:1 / span 2}
  .sip-margarita{grid-column:4 / span 3;grid-row:1}
  .sip-cooler{grid-column:4 / span 3;grid-row:2}
  .sip-martini{grid-column:1 / span 3;grid-row:3 / span 2}
  .sip-beer{grid-column:4 / span 3;grid-row:3 / span 2}

  .sip-red-sangria{grid-column:1 / span 2;grid-row:5 / span 2}
  .sip-spritz{grid-column:3 / span 2;grid-row:5 / span 2}
  .sip-old-fashioned{grid-column:5 / span 2;grid-row:5}
  .sip-espresso-shot{grid-column:5 / span 2;grid-row:6}
  .sip-banana-latte{grid-column:1 / span 6;grid-row:7 / span 2}
}

@media (max-width:620px){
  .sips-sketch-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-auto-rows:175px;
    grid-template-rows:none;
    gap:4px;
  }

  .sip-dirty{grid-column:1 / span 2;grid-row:auto;min-height:330px}
  .sip-margarita{grid-column:1;grid-row:auto}
  .sip-cooler{grid-column:2;grid-row:auto}
  .sip-martini{grid-column:1;grid-row:auto;min-height:300px}
  .sip-beer{grid-column:2;grid-row:auto;min-height:300px}

  .sip-red-sangria{grid-column:1;grid-row:auto;min-height:280px}
  .sip-spritz{grid-column:2;grid-row:auto;min-height:280px}
  .sip-old-fashioned{grid-column:1;grid-row:auto}
  .sip-espresso-shot{grid-column:2;grid-row:auto}
  .sip-banana-latte{grid-column:1 / span 2;grid-row:auto;min-height:330px}

  .sip-sketch figcaption{
    left:8px;
    right:8px;
    bottom:7px;
    font-size:.78rem;
  }
}


/* === Bottom CTA before footer — match approved draft === */

.bottom-cta-actions .btn{
  min-width:140px;
  min-height:48px;
}

.bottom-cta-actions .btn-light{
  background:#fff8ef;
  color:#9d4829;
  border-color:#fff8ef;
}

.bottom-cta-actions .btn-primary{
  background:var(--terracotta);
  border-color:var(--terracotta);
  color:#fff;
}

/* Wider monitors: preserve the drink lineup rather than zooming too far in. */
@media (min-width:1500px){
  
  .bottom-cta-actions .btn{
    width:auto;
    flex:1;
    min-width:0;
  }
}


/* Exact draft-style pre-footer CTA */
.bottom-cta.bottom-cta-draft{
  padding:22px 0 8px;
  background:#f5efe7;
}

.bottom-cta-frame{
  position:relative;
}

.bottom-cta-banner{
  display:block;
  width:100%;
  height:auto;
  border-radius:0;
  box-shadow:none;
}

.bottom-cta-hotspots{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.cta-hotspot{
  position:absolute;
  pointer-events:auto;
  display:block;
  border-radius:12px;
}

.cta-hotspot-visit{
  left:4.0%;
  top:64.5%;
  width:12.6%;
  height:18.8%;
}

.cta-hotspot-order{
  left:16.0%;
  top:64.5%;
  width:18.8%;
  height:18.8%;
}

@media (max-width:900px){
  .bottom-cta.bottom-cta-draft{
    padding:18px 0 6px;
  }

  .cta-hotspot-visit{
    left:4.4%;
    top:64.5%;
    width:13.2%;
    height:19%;
  }

  .cta-hotspot-order{
    left:16.7%;
    top:64.5%;
    width:19.3%;
    height:19%;
  }
}

@media (max-width:640px){
  .bottom-cta.bottom-cta-draft{
    padding:14px 0 4px;
  }

  .wrap{
    width:min(100% - 16px,1180px);
  }

  .bottom-cta-banner{
    border-radius:0;
  }

  .cta-hotspot-visit{
    left:4.5%;
    top:64%;
    width:14%;
    height:19.5%;
  }

  .cta-hotspot-order{
    left:17.6%;
    top:64%;
    width:20.5%;
    height:19.5%;
  }
}

.real-logo-small{width:42px!important;height:44px!important;max-width:42px!important;max-height:44px!important;}
.real-logo-footer-small{width:54px!important;height:57px!important;max-width:54px!important;max-height:57px!important;}
@media(max-width:640px){
  .real-logo-small{width:36px!important;height:38px!important;max-width:36px!important;max-height:38px!important;}
  .real-logo-footer-small{width:46px!important;height:48px!important;max-width:46px!important;max-height:48px!important;}
}


/* === RESTORED: Morning Coffee CTA from attached files === */
.bottom-cta{
  position:relative;
  width:100%;
  min-height:300px;
  padding:0;
  overflow:hidden;
  color:#fff;
  background-image:url("assets/wine-cocktails.jpg");
  background-size:cover;
  background-position:center 58%;
  background-repeat:no-repeat;
}

.bottom-cta-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      90deg,
      rgba(29,15,9,.96) 0%,
      rgba(29,15,9,.90) 19%,
      rgba(29,15,9,.64) 34%,
      rgba(29,15,9,.18) 55%,
      rgba(29,15,9,.04) 100%
    );
}

.bottom-cta-inner{
  position:relative;
  z-index:2;
  min-height:300px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

.bottom-cta-copy{
  width:min(430px, 42vw);
  padding:32px 0;
}

.bottom-cta h2{
  margin:0;
  color:#fff;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(2.45rem,3.6vw,4.2rem);
  font-weight:600;
  line-height:.96;
  letter-spacing:-.02em;
  text-shadow:0 2px 15px rgba(0,0,0,.25);
}

.bottom-cta-actions{
  display:flex;
  justify-content:flex-start;
  gap:14px;
  margin-top:26px;
  flex-wrap:wrap;
}

.bottom-cta-actions .btn{
  min-width:140px;
  min-height:48px;
}

.bottom-cta-actions .btn-light{
  background:#fff8ef;
  color:#9d4829;
  border-color:#fff8ef;
}

.bottom-cta-actions .btn-primary{
  background:var(--terracotta);
  border-color:var(--terracotta);
  color:#fff;
}

@media (min-width:1500px){
  .bottom-cta{
    min-height:320px;
    background-size:cover;
    background-position:center 56%;
  }

  .bottom-cta-inner{
    min-height:320px;
  }
}

@media (max-width:900px){
  .bottom-cta{
    min-height:310px;
    background-position:60% center;
  }

  .bottom-cta-inner{
    min-height:310px;
  }

  .bottom-cta-copy{
    width:48%;
  }

  .bottom-cta h2{
    font-size:clamp(2.2rem,5.3vw,3.25rem);
  }
}

@media (max-width:640px){
  .bottom-cta{
    min-height:430px;
    background-position:67% center;
  }

  .bottom-cta-overlay{
    background:
      linear-gradient(
        180deg,
        rgba(28,14,8,.24) 0%,
        rgba(28,14,8,.42) 40%,
        rgba(28,14,8,.93) 73%,
        rgba(28,14,8,.98) 100%
      );
  }

  .bottom-cta-inner{
    min-height:430px;
    align-items:flex-end;
  }

  .bottom-cta-copy{
    width:100%;
    padding:28px 0 30px;
  }

  .bottom-cta h2{
    font-size:2.65rem;
    line-height:.98;
  }

  .bottom-cta-actions{
    width:100%;
    margin-top:20px;
    flex-wrap:nowrap;
  }

  .bottom-cta-actions .btn{
    width:auto;
    flex:1;
    min-width:0;
  }
}


/* === CTA IMAGE VISIBILITY FIX ===
   Actual image layer, not CSS background, so the original drink photo always shows. */
.bottom-cta{
  position:relative !important;
  width:100% !important;
  min-height:300px !important;
  padding:0 !important;
  overflow:hidden !important;
  color:#fff !important;
  background:#2b180f !important;
}

.bottom-cta-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center 58% !important;
  opacity:1 !important;
  visibility:visible !important;
}

.bottom-cta-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:linear-gradient(
    90deg,
    rgba(29,15,9,.96) 0%,
    rgba(29,15,9,.89) 18%,
    rgba(29,15,9,.58) 34%,
    rgba(29,15,9,.15) 54%,
    rgba(29,15,9,0) 76%
  ) !important;
}

.bottom-cta-inner{
  position:relative !important;
  z-index:2 !important;
  min-height:300px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

@media (min-width:1500px){
  .bottom-cta,
  .bottom-cta-inner{
    min-height:320px !important;
  }

  .bottom-cta-bg{
    object-position:center 56% !important;
  }
}

@media (max-width:900px){
  .bottom-cta,
  .bottom-cta-inner{
    min-height:310px !important;
  }

  .bottom-cta-bg{
    object-position:60% center !important;
  }
}

@media (max-width:640px){
  .bottom-cta,
  .bottom-cta-inner{
    min-height:430px !important;
  }

  .bottom-cta-bg{
    object-position:67% center !important;
  }

  .bottom-cta-overlay{
    background:linear-gradient(
      180deg,
      rgba(28,14,8,.12) 0%,
      rgba(28,14,8,.28) 42%,
      rgba(28,14,8,.88) 74%,
      rgba(28,14,8,.97) 100%
    ) !important;
  }
}


/* === FINAL FIX: Morning Coffee CTA should match screenshot 1 === */
.bottom-cta{
  position: relative !important;
  width: 100% !important;
  min-height: 260px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #2a170f !important;
  color: #fff !important;
}

.bottom-cta-bg{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 0 !important;
}

.bottom-cta-overlay{
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(
      90deg,
      rgba(29, 15, 9, .86) 0%,
      rgba(29, 15, 9, .74) 20%,
      rgba(29, 15, 9, .48) 42%,
      rgba(29, 15, 9, .20) 66%,
      rgba(29, 15, 9, .06) 84%,
      rgba(29, 15, 9, 0) 100%
    ) !important;
}

.bottom-cta-inner{
  position: relative !important;
  z-index: 2 !important;
  min-height: 260px !important;
  display: flex !important;
  align-items: center !important;
}

.bottom-cta-panel{
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
}

.bottom-cta-copy{
  max-width: 430px !important;
  width: 100% !important;
  padding: 24px 0 !important;
  flex: 0 1 430px !important;
}

.bottom-cta h2{
  margin: 0 !important;
  color: #fff !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(2.4rem, 3.2vw, 4rem) !important;
  line-height: .98 !important;
  letter-spacing: -.02em !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

.bottom-cta-actions{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

.bottom-cta-actions .btn{
  min-width: 136px !important;
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 4px !important;
  font-size: 1rem !important;
}

.bottom-cta-actions .btn-light{
  background: #fff8ef !important;
  color: #7a3d23 !important;
  border: 1px solid #fff8ef !important;
}

.bottom-cta-actions .btn-primary{
  background: var(--terracotta) !important;
  color: #fff !important;
  border: 1px solid var(--terracotta) !important;
}

@media (max-width: 900px){
  .bottom-cta,
  .bottom-cta-inner{
    min-height: 300px !important;
  }

  .bottom-cta-panel{
    gap: 18px !important;
  }

  .bottom-cta-copy{
    max-width: 380px !important;
    flex-basis: 380px !important;
  }

  .bottom-cta h2{
    font-size: clamp(2.2rem, 5vw, 3.2rem) !important;
  }

  .bottom-cta-actions .btn{
    min-width: 128px !important;
  }
}

@media (max-width: 640px){
  .bottom-cta,
  .bottom-cta-inner{
    min-height: 370px !important;
  }

  .bottom-cta-overlay{
    background:
      linear-gradient(
        180deg,
        rgba(29, 15, 9, .12) 0%,
        rgba(29, 15, 9, .24) 28%,
        rgba(29, 15, 9, .60) 58%,
        rgba(29, 15, 9, .88) 82%,
        rgba(29, 15, 9, .96) 100%
      ) !important;
  }

  .bottom-cta-panel{
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    padding: 26px 0 !important;
  }

  .bottom-cta-copy{
    max-width: 100% !important;
    flex: 1 1 auto !important;
    padding: 0 !important;
  }

  .bottom-cta h2{
    font-size: 2.65rem !important;
  }

  .bottom-cta-actions{
    justify-content: flex-start !important;
    width: 100% !important;
  }

  .bottom-cta-actions .btn{
    flex: 1 1 0 !important;
    width: auto !important;
  }
}


/* === Nav transparency + brand slogan update === */

/* Nearly transparent over the hero */
.site-header{
  background:rgba(32,18,12,.08) !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}

/* Darker and more solid once scrolling */
.site-header.scrolled{
  background:rgba(35,21,14,.93) !important;
  border-bottom-color:rgba(255,255,255,.10) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  box-shadow:0 6px 20px rgba(25,12,7,.22) !important;
}

/* Keep nav readable while still showing the hero clearly */
.site-header:not(.scrolled) .brand,
.site-header:not(.scrolled) .primary-nav{
  text-shadow:0 1px 10px rgba(0,0,0,.48) !important;
}

.brand-slogan{
  display:block;
  margin-top:4px !important;
  color:#d9aa6e !important;
  font-family:"Cormorant Garamond",Georgia,serif !important;
  font-size:.88rem !important;
  font-style:italic !important;
  font-weight:600 !important;
  letter-spacing:.025em !important;
  line-height:1 !important;
  text-transform:none !important;
}

/* Footer slogan uses the same branding but is slightly larger */
.site-footer .brand-slogan{
  font-size:.95rem !important;
  color:#d7aa6d !important;
}

@media (max-width:900px){
  .site-header:not(.scrolled) .primary-nav.open{
    background:rgba(35,21,14,.95) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }
}

@media (max-width:640px){
  .brand-slogan{
    font-size:.80rem !important;
  }
}


/* ==========================================================
   OUR BEVERAGES — exact typography/style copied from OUR STORY
   Only difference: this text block is centered above the 3 cards.
   ========================================================== */

#beverages .beverage-story-copy{
  position:relative !important;
  z-index:2 !important;
  max-width:720px !important;
  padding:18px 0 !important;
  margin:0 auto 42px !important;
  text-align:center !important;
}

/* Exact Our Story eyebrow font, size, weight, color and spacing */
#beverages .beverage-story-copy .eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  margin:0 auto 16px !important;
  color:#a65635 !important;
  font-family:"Montserrat",system-ui,sans-serif !important;
  font-size:.76rem !important;
  font-style:normal !important;
  font-weight:700 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
}

/* Exact Our Story line before the eyebrow */
#beverages .beverage-story-copy .eyebrow::before{
  content:"" !important;
  width:42px !important;
  height:1px !important;
  background:#b57c58 !important;
  flex:0 0 42px !important;
}

#beverages .beverage-story-copy .eyebrow-cactus::after{
  display:none !important;
}

/* Exact Our Story headline typography */
#beverages .beverage-story-copy h2{
  margin:0 auto 24px !important;
  color:#4b2d1e !important;
  font-family:"Cormorant Garamond",Georgia,serif !important;
  font-size:clamp(3rem,4.6vw,5rem) !important;
  font-weight:600 !important;
  line-height:.92 !important;
  letter-spacing:-.035em !important;
  text-transform:none !important;
  max-width:620px !important;
}

/* Exact Our Story divider, centered */
#beverages .beverage-story-copy h2::after{
  content:"" !important;
  display:block !important;
  width:72px !important;
  height:2px !important;
  margin:22px auto 0 !important;
  background:var(--terracotta) !important;
}

/* Exact Our Story paragraph typography */
#beverages .beverage-story-copy p{
  margin:0 auto 16px !important;
  max-width:650px !important;
  color:#62554c !important;
  font-size:1rem !important;
  line-height:1.75 !important;
}

#beverages .beverage-story-copy .eyebrow{
  margin-bottom:16px !important;
}

#beverages .beverage-grid{
  margin-top:0 !important;
}

@media (max-width:960px){
  #beverages .beverage-story-copy h2{
    font-size:clamp(2.7rem,5vw,4rem) !important;
  }
}

@media (max-width:720px){
  #beverages .beverage-story-copy{
    max-width:none !important;
    padding:0 !important;
    margin-bottom:30px !important;
  }

  #beverages .beverage-story-copy h2{
    font-size:clamp(2.8rem,12vw,4.2rem) !important;
  }
}


/* Fix white strip under left/right beverage cards */
#beverages .beverage-card{background:#f7f0e5 !important;display:flex;flex-direction:column;}
#beverages .beverage-card-body{background:#f7f0e5 !important;flex:1;}