/* ====== Ola Aguas — shared stylesheet ====== */

:root{
  --green:#2E4D36;--green-d:#243D2B;--white:#FFFFFF;--cream:#F4EEE1;--cream-d:#ECE3D1;
  --sage:#9CAE8C;--beige:#E3D9C6;--clay:#C0855B;--butter:#E7C66B;--ink:#28311f;
  --pad:clamp(54px,7vw,96px);   /* vertical section rhythm */
  --gut:clamp(22px,5vw,48px);    /* horizontal gutter */
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Jost',system-ui,sans-serif;color:var(--green);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;}
.inner{max-width:1180px;margin:0 auto;padding:0 var(--gut);position:relative;z-index:1;}
section{padding:var(--pad) 0;position:relative;overflow:hidden;}

.h{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 55,"WONK" 1,"opsz" 144;font-weight:600;letter-spacing:-.02em;line-height:1.02;}
.sw{font-style:italic;font-variation-settings:"SOFT" 95,"WONK" 1,"opsz" 144;color:var(--clay);}
.eyebrow{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--sage);font-weight:500;}
.lede{color:#566b56;font-size:clamp(1rem,1.4vw,1.1rem);}
.btn{display:inline-block;background:var(--green);color:var(--cream);border-radius:40px;padding:16px 34px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;font-weight:500;transition:transform .2s,background .2s;border:none;cursor:pointer;}
.btn:hover{background:var(--green-d);transform:translateY(-2px);}
.tlink{display:inline-block;color:var(--green);text-decoration:none;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;border-bottom:1.5px solid rgba(192,133,91,.55);padding-bottom:4px;transition:border-color .2s;}
.tlink:hover{border-color:var(--green);}
.frame{border-radius:200px 200px 28px 28px;overflow:hidden;position:relative;background:#cdd6c6;}
.cover{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.center{text-align:center;} .mt{margin-top:clamp(34px,5vw,54px);}

/* decorative layer */
.decor{position:absolute;z-index:0;pointer-events:none;}
.decor img{width:100%;height:100%;object-fit:contain;}

.sechead{text-align:center;max-width:720px;margin:0 auto;}
.sechead .h{font-size:clamp(1.9rem,4.4vw,3rem);margin-top:12px;}
.sechead-sub{color:#6d7d68;font-size:clamp(.95rem,1.4vw,1.08rem);margin-top:16px;}

/* ===== NAV ===== */
header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid #f0ece4;}
.nav{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:14px var(--gut);position:relative;}
.wm{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 50,"opsz" 144;font-weight:900;font-size:1.5rem;line-height:.76;letter-spacing:-.01em;color:var(--green);text-decoration:none;}
.wm small{display:block;font-family:'Jost';font-weight:400;font-size:.46rem;letter-spacing:.46em;margin-top:3px;}
.wm img{height:74px;width:auto;display:block;}
.nlinks{display:flex;gap:30px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;align-items:center;}
.nlinks a{color:var(--green);text-decoration:none;}
.nlinks a[aria-current="page"]{color:var(--clay);}
.ncta{border:1.5px solid var(--green);border-radius:30px;padding:9px 18px;transition:background .2s,color .2s;}
.ncta:hover{background:var(--green);color:var(--cream);}
.nlinks .ncta[aria-current="page"]{background:var(--green);color:var(--cream);}
.navtoggle{display:none;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;}
.hamburger span{display:block;width:24px;height:2px;background:var(--green);transition:.25s;}

/* ===== HERO (home) ===== */
.hero{text-align:center;padding:clamp(36px,4.5vw,60px) 0 clamp(40px,5.5vw,72px);}
.hero .head{font-size:clamp(2.15rem,6.8vw,5.7rem);margin:18px 0;}
.hero .lede{max-width:540px;margin:0 auto 30px;}
.herobtns{display:flex;flex-direction:column;gap:18px;align-items:center;}
.herovid{margin-top:clamp(30px,4.5vw,50px);}
.herovid .frame{aspect-ratio:16/8;border-radius:clamp(24px,3vw,36px);}
.frond-l{top:-34px;left:-60px;width:clamp(270px,33vw,540px);height:auto;opacity:.8;}
.frond-r{top:-40px;right:-70px;width:clamp(250px,29vw,500px);height:auto;opacity:.78;}
.frond-l img,.frond-r img{mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to bottom,#000 48%,transparent 86%);mask-image:linear-gradient(to bottom,#000 48%,transparent 86%);}
.wave{line-height:0;margin-top:clamp(48px,7vw,72px);}

/* ===== PAGE HERO (interior pages) ===== */
.page-hero{text-align:center;padding:clamp(56px,7vw,100px) 0 clamp(28px,4vw,52px);position:relative;}
.page-hero .head{font-size:clamp(2.4rem,5.5vw,4.4rem);margin:14px 0 18px;}
.page-hero .lede{max-width:620px;margin:0 auto;}

/* ===== BELT ===== */
.belt{background:var(--green);color:var(--cream);padding:clamp(16px,2.4vw,26px) 0;overflow:hidden;}
.marquee{display:flex;width:max-content;animation:scroll 66s linear infinite;will-change:transform;}
.mq-group{display:flex;flex:0 0 auto;}
.marquee .item{font-family:'Fraunces',serif;font-style:italic;font-variation-settings:"SOFT" 80,"opsz" 144;font-size:clamp(1rem,2.1vw,1.45rem);white-space:nowrap;padding:0 clamp(20px,2.6vw,42px);}
.marquee .sep{opacity:.4;padding:0;}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== HOME — drinks rail (legacy 4-col) ===== */
.rail{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px);margin-top:clamp(36px,5vw,54px);}
.drink .frame{aspect-ratio:3/4;border-radius:160px 160px 22px 22px;transition:box-shadow .4s;}
.drink p{text-align:center;margin-top:16px;font-size:1rem;font-weight:500;}

/* ===== HOME — editorial drinks split ===== */
.drinks-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(28px,5vw,70px);align-items:center;}
.drinks-copy .h{font-size:clamp(2rem,4.4vw,3.2rem);margin:12px 0 16px;}
.drinks-copy p{color:#566b56;font-size:1.02rem;max-width:330px;margin-bottom:22px;}
.drinks-rail2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,22px);}
.drinks-rail2 .drink:nth-child(even){margin-top:clamp(26px,5vw,54px);}
.drinks-rail2 .frame{aspect-ratio:4/5;border-radius:130px 130px 20px 20px;}
.drinks-rail2 .drink p{text-align:center;margin-top:12px;font-size:.95rem;font-weight:500;}

/* ===== DRINKS MENU PAGE — full grid ===== */
.menu-list{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,40px);margin-top:clamp(36px,5vw,54px);}
.menu-item .frame{aspect-ratio:4/5;border-radius:140px 140px 22px 22px;transition:box-shadow .4s;}
.menu-item h4{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 55,"opsz" 144;font-weight:600;font-size:1.3rem;margin-top:18px;text-align:center;color:var(--green);}
.menu-item p{text-align:center;font-size:.92rem;color:#6d7d68;margin-top:6px;max-width:280px;margin-left:auto;margin-right:auto;}
.section-divider{height:1px;background:linear-gradient(to right, transparent, rgba(46,77,54,.18), transparent);max-width:600px;margin:clamp(48px,7vw,80px) auto;}

/* ===== PACKAGES (home, light grid) ===== */
.pkg-section{background:var(--cream);}
.pattern-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.26;
  background:url('decor/pattern.png');background-size:clamp(300px,38vw,500px);
  mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 24%);}
.pkg-section .eyebrow{color:var(--clay);}
.pkg-section .sechead .h{color:var(--green-d);}
.pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,26px);margin-top:clamp(36px,5vw,54px);align-items:stretch;}
.pkg{background:var(--white);border-radius:24px;overflow:hidden;box-shadow:0 14px 40px rgba(40,50,30,.12);border:1px solid #efe9df;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;}
.pkg:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(40,50,30,.18);}
.pkg .pimg{aspect-ratio:16/10;overflow:hidden;}
.pkg .pbody{padding:clamp(20px,2.4vw,28px);text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;}
.pkg.fea{transform:translateY(-14px);box-shadow:0 26px 56px rgba(40,50,30,.20);border:2px solid var(--green);}
.pkg.fea:hover{transform:translateY(-20px);}
.pkg .pn{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 55,"opsz" 144;font-weight:600;font-size:1.5rem;}
.pkg .pp{font-size:.95rem;color:#7a8a72;margin-top:6px;}
.pkg .star{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;background:var(--butter);color:var(--green-d);border-radius:30px;padding:5px 14px;display:inline-block;margin-bottom:12px;align-self:center;}

/* ===== CATERING PAGE — detailed packages ===== */
.pkg-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,32px);margin-top:clamp(40px,5vw,60px);align-items:stretch;}
.pkg-detail{background:var(--white);border-radius:24px;overflow:hidden;box-shadow:0 14px 40px rgba(40,50,30,.12);border:1px solid #efe9df;display:flex;flex-direction:column;}
.pkg-detail .pimg{aspect-ratio:16/10;overflow:hidden;}
.pkg-detail .pbody{padding:clamp(22px,2.6vw,32px);flex:1;display:flex;flex-direction:column;}
.pkg-detail.fea{outline:2px solid var(--green);outline-offset:-2px;}
.pkg-detail .star{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;background:var(--butter);color:var(--green-d);border-radius:30px;padding:5px 14px;display:inline-block;align-self:flex-start;margin-bottom:12px;}
.pkg-detail .pn{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 55,"opsz" 144;font-weight:600;font-size:1.6rem;color:var(--green);}
.pkg-detail .pp{font-size:1rem;color:var(--clay);margin-top:4px;letter-spacing:.02em;}
.pkg-detail .pdesc{font-size:.96rem;color:#566b56;margin-top:14px;}
.pkg-detail ul{list-style:none;margin-top:16px;font-size:.95rem;color:#566b56;}
.pkg-detail ul li{padding:6px 0 6px 22px;position:relative;}
.pkg-detail ul li::before{content:"✦";position:absolute;left:0;top:5px;color:var(--clay);font-size:.82rem;}
.pkg-detail .pcta{margin-top:auto;padding-top:22px;}

/* ===== FAQ ===== */
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);margin-top:clamp(36px,5vw,54px);}
.faq-list h4{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 55,"opsz" 144;font-weight:600;font-size:1.15rem;color:var(--green);margin-bottom:8px;}
.faq-list p{font-size:.96rem;color:#566b56;}
.faq-list > div{padding:6px 0;}

/* ===== EVENTS ===== */
.events{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,22px);margin-top:clamp(36px,5vw,54px);}
.ev .frame{aspect-ratio:4/5;border-radius:120px 120px 18px 18px;}
.ev:hover .cover{transform:scale(1.05);}
.ev p{text-align:center;margin-top:16px;font-size:1rem;font-weight:500;}
.events .ev:nth-child(even){margin-top:clamp(22px,4vw,46px);}

/* ===== STEPS ===== */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(30px,5vw,64px);margin-top:clamp(44px,6vw,64px);}
.step{text-align:center;padding:0 8px;}
.step .num{position:relative;display:inline-block;padding-bottom:14px;margin-bottom:6px;font-family:'Fraunces',serif;font-style:italic;font-variation-settings:"SOFT" 90,"opsz" 144;font-size:3rem;color:var(--clay);line-height:1;}
.step .num::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:30px;height:2px;background:var(--clay);opacity:.6;}
.step h4{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 55,"opsz" 144;font-weight:600;font-size:1.3rem;margin:10px 0 8px;}
.step p{font-size:.98rem;color:#566b56;max-width:300px;margin:0 auto;}

/* ===== ABOUT ===== */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,72px);align-items:center;}
.about-photo{aspect-ratio:4/5;border-radius:150px 28px 150px 28px;overflow:hidden;border:2px solid var(--green);box-shadow:0 22px 54px rgba(40,50,30,.18);}
.about-photo .cover{height:100%;}
.about-copy .h{font-size:clamp(2rem,4.2vw,3rem);margin:12px 0 18px;}
.about-copy p{color:#566b56;font-size:1.05rem;margin-bottom:16px;max-width:460px;}
.about-sign{font-family:'Fraunces',serif;font-style:italic;font-variation-settings:"SOFT" 90,"opsz" 144;font-size:1.45rem;color:var(--clay);margin-top:6px;}

/* About page — values row */
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.4vw,32px);margin-top:clamp(40px,5vw,60px);}
.value h4{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 55,"opsz" 144;font-weight:600;font-size:1.15rem;color:var(--green);margin-bottom:8px;}
.value p{font-size:.94rem;color:#566b56;}
.value .vn{font-family:'Fraunces',serif;font-style:italic;font-variation-settings:"SOFT" 90,"opsz" 144;color:var(--clay);font-size:1.5rem;line-height:1;}

/* About page — full-bleed quote band */
.mission{background:var(--cream);text-align:center;}
.mission .q{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 60,"opsz" 144;font-weight:500;font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.35;max-width:780px;margin:0 auto;}
.mission .q .sw{color:var(--clay);}

/* ===== SOCIAL ===== */
.social{text-align:center;}
.bigquote{font-family:'Fraunces',serif;font-size:5rem;line-height:.6;color:var(--sage);height:48px;}
.quote{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 60,"opsz" 144;font-weight:500;font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.32;max-width:780px;margin:0 auto;}
.stars{color:var(--clay);letter-spacing:.2em;margin-top:24px;font-size:.9rem;}
.cite{margin-top:10px;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sage);}
.iggrid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(8px,1.2vw,14px);margin-top:clamp(40px,6vw,60px);}
.ig{aspect-ratio:1;border-radius:18px;overflow:hidden;}
.ig:hover .cover{transform:scale(1.06);}
.ighandle{margin-top:24px;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sage);}

/* ===== QUOTE FORM ===== */
.quote-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(28px,5vw,64px);margin-top:clamp(40px,5vw,60px);align-items:start;}
.quote-form{background:var(--white);border:1px solid #efe9df;border-radius:24px;padding:clamp(24px,3vw,40px);box-shadow:0 14px 40px rgba(40,50,30,.08);}
.quote-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.quote-form .field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.quote-form label{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);font-weight:500;}
.quote-form input,.quote-form select,.quote-form textarea{font-family:'Jost',sans-serif;font-size:1rem;color:var(--green);background:var(--white);border:1.5px solid #e3d9c6;border-radius:14px;padding:14px 16px;transition:border-color .2s;width:100%;}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:none;border-color:var(--green);}
.quote-form textarea{min-height:130px;resize:vertical;font-family:'Jost',sans-serif;}
.quote-form button{margin-top:10px;width:100%;background:var(--green);color:var(--cream);border:none;border-radius:40px;padding:18px;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s;}
.quote-form button:hover{background:var(--green-d);}
.quote-form .small{font-size:.84rem;color:#7a8a72;margin-top:14px;text-align:center;}
.quote-aside{background:var(--cream);border-radius:24px;padding:clamp(24px,3vw,36px);}
.quote-aside h3{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 55,"opsz" 144;font-weight:600;font-size:1.45rem;color:var(--green);margin-bottom:18px;}
.quote-aside .contact-row{margin:18px 0;}
.quote-aside .contact-row .lbl{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sage);margin-bottom:6px;}
.quote-aside .contact-row .val{font-size:1.02rem;color:var(--green);}
.quote-aside .contact-row a{color:var(--green);text-decoration:none;border-bottom:1.5px solid rgba(192,133,91,.55);}
.quote-aside .contact-row a:hover{border-color:var(--green);}
.quote-aside hr{border:none;border-top:1px solid rgba(46,77,54,.15);margin:22px 0;}

/* ===== CTA ===== */
.cta-band{position:relative;color:var(--cream);text-align:center;overflow:hidden;padding:clamp(96px,14vw,150px) 0;}
.cta-band .bgimg{position:absolute;inset:0;}
.cta-band .bgimg img{width:100%;height:100%;object-fit:cover;filter:brightness(.5);}
.cta-band .veil{position:absolute;inset:0;background:rgba(36,61,43,.5);}
.cta-band .innerc{position:relative;z-index:2;padding:0 var(--gut);}
.cta-band .head{font-size:clamp(2.1rem,5.2vw,3.6rem);}

/* ===== FOOTER ===== */
footer{background:var(--green-d);color:#cdd6c6;padding:clamp(48px,7vw,72px) 0 36px;}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:clamp(24px,3vw,30px);}
footer .wm{color:var(--cream);}
footer .wm img{height:84px;filter:brightness(0) invert(1);opacity:.92;}
footer h5{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sage);margin-bottom:14px;}
footer ul{list-style:none;font-size:.92rem;line-height:2;}
footer a{color:#cdd6c6;text-decoration:none;}
footer a:hover{color:var(--cream);}
.fbottom{border-top:1px solid rgba(255,255,255,.12);margin-top:clamp(36px,5vw,48px);padding-top:22px;font-size:.78rem;color:#8ea283;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}

/* ===== LEAF ACCENTS ===== */
.leaf-accent{position:absolute;height:auto;mix-blend-mode:multiply;z-index:0;pointer-events:none;}
.leaf-accent.bl{bottom:-46px;left:-54px;width:clamp(200px,22vw,360px);opacity:.62;transform:rotate(8deg);}
.leaf-accent.about{top:-50px;left:-56px;width:clamp(170px,18vw,300px);opacity:.55;transform:rotate(8deg) scaleY(-1);}
.leaf-accent.howto{top:-16px;right:-20px;width:clamp(150px,15vw,250px);opacity:.46;transform:rotate(196deg);}
.leaf-accent.tr{top:-30px;right:-48px;width:clamp(160px,16vw,260px);opacity:.5;transform:rotate(176deg);}
.leaf-accent.tl{top:-30px;left:-48px;width:clamp(160px,16vw,260px);opacity:.5;transform:rotate(8deg) scaleY(-1);}
@media(max-width:680px){
  .leaf-accent.bl{width:150px;bottom:-26px;left:-34px;opacity:.55;}
  .leaf-accent.about{width:130px;opacity:.5;}
  .leaf-accent.howto,.leaf-accent.tr,.leaf-accent.tl{display:none;}
}

/* ===== LEGAL PAGES ===== */
.legal{max-width:760px;margin:0 auto;padding:0 var(--gut);}
.legal h2{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 55,"opsz" 144;font-weight:600;font-size:1.4rem;color:var(--green);margin:32px 0 12px;}
.legal h3{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 55,"opsz" 144;font-weight:600;font-size:1.1rem;color:var(--green);margin:22px 0 8px;}
.legal p{color:#566b56;font-size:1rem;margin-bottom:14px;}
.legal ul{margin:14px 0 14px 24px;color:#566b56;}
.legal ul li{margin-bottom:6px;}
.legal .updated{color:var(--sage);font-size:.84rem;letter-spacing:.06em;margin-top:8px;}

/* ============ RESPONSIVE ============ */
@media(max-width:980px){
  .frond-l,.frond-r{display:none;}
}
@media(max-width:860px){
  .rail{grid-template-columns:repeat(2,1fr);}
  .events{grid-template-columns:repeat(2,1fr);}
  .events .ev:nth-child(even){margin-top:0;}
  .drinks-grid{grid-template-columns:1fr;text-align:center;gap:30px;}
  .drinks-copy p{max-width:none;margin-left:auto;margin-right:auto;}
  .drinks-rail2{max-width:520px;margin:0 auto;}
  .about-grid{grid-template-columns:1fr;gap:30px;}
  .about-photo{max-width:430px;width:100%;margin:0 auto;}
  .about-copy{text-align:center;}
  .about-copy p{margin-left:auto;margin-right:auto;}
  .menu-list{grid-template-columns:repeat(2,1fr);}
  .pkg-detail-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto;}
  .values{grid-template-columns:repeat(2,1fr);}
  .faq-list{grid-template-columns:1fr;}
  .quote-grid{grid-template-columns:1fr;}
  .quote-form .row{grid-template-columns:1fr;}
  /* mobile nav */
  .hamburger{display:flex;}
  .nlinks{position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;align-items:flex-start;gap:0;padding:0 var(--gut);
    max-height:0;overflow:hidden;border-bottom:1px solid transparent;transition:max-height .3s ease,padding .3s,border-color .3s;}
  .nlinks a{width:100%;padding:16px 0;border-bottom:1px solid #f0ece4;}
  .nlinks .ncta{border:none;border-radius:0;padding:18px 0;color:var(--clay);}
  .navtoggle:checked ~ .nlinks{max-height:420px;padding:6px var(--gut) 14px;border-color:#f0ece4;}
  .navtoggle:checked ~ .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .navtoggle:checked ~ .hamburger span:nth-child(2){opacity:0;}
  .navtoggle:checked ~ .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
}
@media(max-width:680px){
  .pkgs{grid-template-columns:1fr;max-width:380px;margin-left:auto;margin-right:auto;}
  .pkg.fea{transform:none;}.pkg.fea:hover{transform:translateY(-6px);}
  .steps{grid-template-columns:1fr;}
  .iggrid{grid-template-columns:repeat(3,1fr);}
  .fgrid{grid-template-columns:1fr 1fr;}
  .herovid .frame{aspect-ratio:16/11;}
  .wm img{height:54px;}
  footer .wm img{height:72px;}
  .nav{padding:10px var(--gut);}
  .values{grid-template-columns:1fr 1fr;}
  .menu-item p{max-width:none;}
}
@media(max-width:460px){
  .rail,.events,.menu-list{grid-template-columns:1fr 1fr;gap:12px;}
  .iggrid{grid-template-columns:repeat(2,1fr);}
  .fgrid{grid-template-columns:1fr;}
  .fbottom{justify-content:center;text-align:center;}
  .values{grid-template-columns:1fr;}
}

/* ===== POLAROID HOVER (drink + menu cards) ===== */
/* Start straight, tilt + lift on hover; alternating direction for a playful row */
.drink, .menu-item{transition:transform .42s cubic-bezier(.2,.7,.2,1);will-change:transform;cursor:default;}
.drink:hover, .menu-item:hover{transform:rotate(-1.8deg) translateY(-8px);}
.drink:nth-child(even):hover, .menu-item:nth-child(even):hover{transform:rotate(1.8deg) translateY(-8px);}
.drink:hover .frame, .menu-item:hover .frame{box-shadow:0 18px 42px rgba(40,50,30,.18);}
@media (prefers-reduced-motion: reduce){
  .drink, .menu-item, .drink:hover, .menu-item:hover{transform:none;transition:none;}
}

/* ===== SCROLL REVEAL ===== */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity;}
.reveal.in-view{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none;}
}