:root{
  --orange:#F76B37;
  --orange-dark:#B94025;
  --ink:#141B2D;
  --muted:#647084;
  --line:#E9EDF5;
  --cream:#FFF7F2;
  --pink:#FF4F9A;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}
.container{max-width:1180px;margin:0 auto;padding:0 20px}

.announce{background:linear-gradient(90deg,var(--pink),var(--orange));color:#fff;text-align:center;font-weight:800;font-size:.9rem;padding:10px 12px}

.nav{position:sticky;top:0;z-index:30;background:var(--orange)}
.navin{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;padding:14px 0}
.brand{display:flex;justify-content:center;align-items:center}
.brand img{height:42px;filter:brightness(0) invert(1)}
.menu-wrap{position:relative}
.menu-btn,.map-btn{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;color:#fff;background:transparent;font-size:22px;cursor:pointer;line-height:0}
.map-btn{margin-left:auto}
.map-btn svg{display:block;color:#fff}
.menu-panel{position:absolute;top:48px;left:0;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:190px;box-shadow:0 10px 24px rgba(0,0,0,.12);padding:8px;z-index:50}
.menu-panel a{display:block;padding:10px 12px;border-radius:8px;color:#1f2c43;font-weight:700}
.menu-panel a:hover{background:#fff1ea;color:#b94a2a}
summary{list-style:none} summary::-webkit-details-marker{display:none}

.btn{display:inline-block;padding:12px 18px;border-radius:999px;font-weight:800;transition:.2s}
.btn.primary{background:var(--orange);color:#fff;box-shadow:0 10px 24px rgba(247,107,55,.28)}
.btn.outline{border:2px solid #fff;color:#fff;background:transparent}
.btn.primary.white{background:#fff;color:#bf4d2c;box-shadow:none}

.video-hero{position:relative;min-height:84vh;display:flex;align-items:center;overflow:hidden;background:#111 url('/assets/img/hero-pour.png') center/cover no-repeat}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 8%,rgba(0,0,0,.62) 84%)}
.hero-content{position:relative;z-index:2;color:#fff;padding:0;text-align:center;margin:0 auto;max-width:1180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-content h1{font-size:clamp(2rem,10vw,3.3rem);line-height:.93;margin:0 0 14px;letter-spacing:-.02em;font-family:'Bebas Neue',sans-serif;text-transform:uppercase}
.hero-content p{max-width:700px;color:#f6f8fc;font-size:1.1rem;margin:0 auto}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;justify-content:center}

.section{padding:66px 0}
.ey{font-size:.78rem;letter-spacing:.9px;text-transform:uppercase;color:#8d98a9;font-weight:900}
h2{font-size:clamp(1.8rem,3.2vw,3rem);margin:8px 0 10px;line-height:1.06}
.muted{color:var(--muted)}

.wave{position:relative;margin-top:-1px;background:linear-gradient(180deg,#fff7f2 0%, #fff 65%)}
.wave:before{content:'';position:absolute;top:-40px;left:0;right:0;height:80px;background:radial-gradient(120% 140% at 50% 100%, transparent 58%, #fff7f2 60%)}

.scroller{display:flex;gap:12px;overflow:auto;padding:6px 2px 8px;scroll-snap-type:x mandatory}
.scroller::-webkit-scrollbar{height:6px}.scroller::-webkit-scrollbar-thumb{background:#ffd5c4;border-radius:999px}
.pill{white-space:nowrap;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #ffdccc;font-weight:800;color:#b84a2a;scroll-snap-align:start}

.showcase{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.tile{position:relative;overflow:hidden;border-radius:24px;min-height:340px;background:#111}
.tile img{width:100%;height:100%;object-fit:cover;display:block}
.tile .overlay{position:absolute;inset:auto 0 0 0;padding:20px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));color:#fff}
.tile .overlay h3{margin:0 0 6px;font-size:1.55rem}
.tile .overlay p{margin:0;color:#f1f5f9}

.split-story{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:center}
.story-media img{width:100%;border-radius:22px;display:block}
.story-copy .k{display:inline-block;background:#fff1ea;color:#b84a2a;font-size:.78rem;font-weight:900;padding:7px 11px;border-radius:999px}

.cta-strip{background:linear-gradient(100deg,#ff6e50,#f76b37,#ff4f9a);border-radius:22px;padding:24px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}

.locCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:14px}
.loc{border:2px dashed #ffd8ca;border-radius:14px;padding:14px;background:#fff}
.footer{border-top:1px solid var(--line);padding:24px 0;color:#7b8799;font-size:.92rem}

/* other pages */
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:18px}
.feature{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}
.cardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:16px}
.card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px}
.card img{width:100%;height:210px;object-fit:cover;border-radius:12px;border:1px solid #ebeff6}
.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:10px;text-align:left}
.location-note{font-size:.92rem;color:#5f6b7d;margin-top:4px}
.loc-spot{font-size:.88rem;color:#b94a2a;font-weight:800;margin-top:6px}
.map-frame{width:100%;height:420px;border:0;border-radius:16px;border:1px solid var(--line)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.input{padding:12px;border:1px solid #d8e1ee;border-radius:10px;font:inherit}

@media (max-width:920px){
  .video-hero{min-height:74vh}
  .hero-content{padding:0;text-align:center;margin:0 auto;max-width:1180px;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .hero-content h1{font-size:clamp(2rem,10vw,3.3rem);line-height:.93;margin:0 0 14px;letter-spacing:-.02em;font-family:'Bebas Neue',sans-serif;text-transform:uppercase}
  .showcase{grid-template-columns:1fr}
  .tile{min-height:220px}
  .split-story{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
}

/* --- OpenClaw hotfix: force hero text true-center (mobile + desktop) --- */
.video-hero .hero-content{width:100%; box-sizing:border-box; text-align:center; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px}
.video-hero .hero-content h1,
.video-hero .hero-content p{width:100%; text-align:center; margin-left:auto; margin-right:auto}

/* --- OpenClaw: Featured Sips responsive fix (prevents horizontal scroll on mobile) --- */
.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}
.sip-card{display:block;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 8px 24px rgba(20,34,58,.06)}
.sip-card-img{width:100%;height:240px;object-fit:cover;display:block}
.sip-card-content{padding:14px}
.sip-card-content h3{margin:0 0 4px;font-size:1.15rem}
.sip-card-content p{margin:0;color:var(--muted);font-size:.95rem}

@media (max-width:560px){
  body{overflow-x:hidden}
  .container{padding-left:16px;padding-right:16px}
  .featured-grid{grid-template-columns:1fr}
  .sip-card-img{height:190px}
}

/* --- OpenClaw: Featured Sips continuous carousel --- */
.featured-grid{
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  gap:14px;
  margin-top:18px;
  padding:6px 2px 10px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.featured-grid::-webkit-scrollbar{display:none}
.featured-grid > .sip-card{flex:0 0 72vw; max-width:340px; scroll-snap-align:start}

@media (min-width:920px){
  .featured-grid > .sip-card{flex:0 0 320px}
}