/* ============================================================
   COUNTRY CLUB — shared stylesheet (index.html + menu.html)
   ============================================================ */

:root{
  --ink:#0b0c0a;
  --ink-2:#141613;
  --fairway:#152420;      /* deep, desaturated — accent only, not literal grass */
  --cream:#f3ecdd;
  --paper:#faf7f0;
  --gold:#c9a24d;
  --gold-light:#e4c883;
  --wine:#6f2430;
  --ink-70: rgba(11,12,10,.7);
  --cream-60: rgba(243,236,221,.6);
  --line: rgba(201,162,77,.32);
  --shadow: 0 30px 60px -30px rgba(0,0,0,.5);
  --ease: cubic-bezier(.22,.68,.32,1);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{margin:0;padding:0;}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'DM Sans', sans-serif;
  font-weight:400;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
body.locked{overflow:hidden;height:100vh;}

img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
::selection{background:var(--gold);color:var(--ink);}

h1,h2,h3,h4{
  font-family:'Fraunces', serif;
  font-weight:500;
  margin:0;
  letter-spacing:.01em;
}

.eyebrow{
  font-family:'Space Mono', monospace;
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:.68rem;
  color:var(--gold);
  display:flex;
  align-items:center;
  gap:.75rem;
}
.eyebrow::before{
  content:"";
  width:26px;height:1px;background:var(--gold);
  display:inline-block;
}

.signature{
  font-family:'Mrs Saint Delafield', cursive;
  font-weight:400;
}

.wrap{
  max-width:1240px;
  margin:0 auto;
  padding:0 clamp(20px,5vw,64px);
}

.btn{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:.95rem 1.7rem;
  border-radius:999px;
  font-family:'Space Mono', monospace;
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  border:1px solid var(--gold);
  transition:all .35s var(--ease);
  white-space:nowrap;
}
.btn-solid{background:var(--gold);color:var(--ink);}
.btn-solid:hover{background:var(--gold-light);transform:translateY(-2px);}
.btn-ghost{color:var(--cream);background:transparent;border-color:var(--cream-60);}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-light);transform:translateY(-2px);}
.btn-ink{color:var(--ink);border-color:var(--ink);background:transparent;}
.btn-ink:hover{background:var(--ink);color:var(--cream);transform:translateY(-2px);}

.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .9s var(--ease), transform .9s var(--ease);
}
.reveal.in{opacity:1;transform:none;}

/* ================= INTRO (index.html only) ================= */
#intro{
  position:fixed;inset:0;z-index:9999;
  background:var(--paper);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  overflow:hidden;
  transition:opacity .8s var(--ease), transform .8s var(--ease);
}
#intro.fade-out{
  opacity:0;
  transform:scale(1.03);
  pointer-events:none;
}
.intro-tag{
  margin-top:10px;
  font-family:'Space Mono',monospace;
  color:var(--wine);
  letter-spacing:.3em;
  font-size:.62rem;
  text-transform:uppercase;
  opacity:0;
  transition:opacity 1s var(--ease);
}
.intro-tag.on{opacity:.75;}

#signature-svg{
  width:min(80vw,560px);
  overflow:visible;
}
#signature-svg text{
  font-family:'Mrs Saint Delafield', cursive;
  font-size:96px;
  fill:var(--ink);
  fill-opacity:0;
  stroke:var(--ink);
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:3400;
  stroke-dashoffset:3400;
  transition:stroke-dashoffset 1.3s var(--ease);
}
#signature-svg text.draw{stroke-dashoffset:0;}
#signature-svg text.filled{
  transition:fill-opacity .35s var(--ease);
  fill-opacity:1;
}

.skip-btn{
  position:absolute;top:26px;right:26px;z-index:5;
  color:var(--ink-70);
  font-family:'Space Mono',monospace;
  font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;
  background:transparent;border:1px solid rgba(11,12,10,.2);
  padding:.6rem 1.1rem;border-radius:999px;
  transition:all .3s;
}
.skip-btn:hover{border-color:var(--gold);color:var(--wine);}

/* ================= NAV ================= */
header#site-nav{
  position:fixed;top:0;left:0;right:0;z-index:500;
  display:flex;align-items:center;justify-content:space-between;
  padding:16px clamp(20px,5vw,56px);
  transition:background .4s var(--ease), padding .4s var(--ease), box-shadow .4s;
}
header#site-nav.solid{
  background:rgba(11,12,10,.86);
  backdrop-filter:blur(10px);
  padding-top:8px;padding-bottom:8px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.brand{display:flex;align-items:center;}
.brand-logo{
  height:clamp(64px,7vw,92px);width:auto;object-fit:contain;
  filter:invert(1) brightness(1.15) drop-shadow(0 2px 10px rgba(0,0,0,.35));
  transition:height .4s var(--ease);
}
header#site-nav.solid .brand-logo{height:clamp(52px,5.5vw,72px);}
nav#nav-links{display:flex;align-items:center;gap:2.1rem;}
nav#nav-links a{
  font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cream-60);
  transition:color .3s;
}
nav#nav-links a:hover{color:var(--gold-light);}
.nav-toggle{display:none;background:none;border:none;color:var(--cream);font-size:1.5rem;}

/* ================= HERO ================= */
#hero{
  position:relative;min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;background:var(--ink);
}
#hero video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:brightness(.55) saturate(1.05);
}
#hero .hero-scrim{
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(11,12,10,.55) 0%, rgba(11,12,10,.15) 35%, rgba(11,12,10,.78) 100%);
}
.hero-inner{
  position:relative;z-index:2;text-align:center;color:var(--cream);
  display:flex;flex-direction:column;align-items:center;gap:20px;
  padding-top:40px;
}
.hero-logo{
  width:min(60vw,360px);
  opacity:.98;
  filter:invert(1) brightness(1.15) drop-shadow(0 10px 30px rgba(0,0,0,.4));
}
.hero-sub{
  font-family:'Fraunces', serif;
  font-style:italic;font-weight:400;
  font-size:clamp(1rem,1.6vw,1.3rem);
  color:var(--gold-light);
  max-width:520px;
}
.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:6px;}
.hero-badge{
  margin-top:16px;
  font-family:'Fraunces',serif;font-style:italic;font-weight:400;
  font-size:1rem;letter-spacing:.01em;
  color:var(--cream-60);
  display:flex;align-items:center;gap:.6rem;
}
.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:#7fd694;box-shadow:0 0 0 4px rgba(127,214,148,.18);}
.scroll-cue{
  position:absolute;bottom:30px;left:50%;transform:translateX(-50%);
  color:var(--cream-60);z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:8px;
}
.scroll-cue span{
  font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;
}
.scroll-line{width:1px;height:34px;background:linear-gradient(var(--gold), transparent);animation:scrollpulse 1.8s ease-in-out infinite;}
@keyframes scrollpulse{0%,100%{opacity:.3;}50%{opacity:1;}}

/* ================= SECTION SHELL ================= */
section{position:relative;}
.section-pad{padding:clamp(72px,10vw,140px) 0;}
.dark{background:var(--ink);color:var(--cream);}
.fairway-bg{background:var(--fairway);color:var(--cream);}
.header-row{
  display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;
  margin-bottom:clamp(36px,5vw,64px);flex-wrap:wrap;
}
.header-row h2{font-size:clamp(2.1rem,4.6vw,3.4rem);}
.header-row p{max-width:420px;color:inherit;opacity:.75;line-height:1.6;font-size:.95rem;}

/* ================= ABOUT ================= */
#about .about-grid{
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,6vw,80px);align-items:center;
}
#about .about-text p{line-height:1.85;font-size:1.02rem;color:#3a362c;margin:0 0 1.1rem;}
#about .about-media{
  position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;
}
#about .about-media img{
  width:100%;height:100%;object-fit:cover;border-radius:2px;
}
#about .about-media .m1{height:340px;align-self:end;}
#about .about-media .m2{height:230px;margin-top:60px;border:6px solid var(--paper);box-shadow:var(--shadow);}
.stat-row{display:flex;gap:clamp(24px,5vw,60px);margin-top:2rem;flex-wrap:wrap;}
.stat b{font-family:'Fraunces',serif;font-size:2rem;color:var(--wine);display:block;}
.stat span{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;opacity:.6;}

/* ================= ACTIVITIES ================= */
.activities-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.activity-card{
  position:relative;aspect-ratio:3/4.1;overflow:hidden;background:var(--ink);
}
.activity-card img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .8s var(--ease), filter .5s;
  filter:grayscale(.15) brightness(.72);
}
.activity-card:hover img{transform:scale(1.07);filter:grayscale(0) brightness(.85);}
.activity-card .ac-overlay{
  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.6rem;
  background:linear-gradient(180deg, transparent 40%, rgba(11,12,10,.9) 100%);
}
.activity-card .ac-num{font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:.14em;color:var(--gold-light);}
.activity-card h3{color:var(--paper);font-size:1.25rem;margin-top:.4rem;}
.activity-card p{color:var(--cream-60);font-size:.82rem;line-height:1.5;margin-top:.5rem;max-height:0;overflow:hidden;transition:max-height .5s var(--ease);}
.activity-card:hover p{max-height:100px;}

/* ================= MENU PREVIEW (home page teaser) ================= */
.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,40px);}
.preview-card{
  position:relative;border-radius:2px;overflow:hidden;min-height:460px;
  display:flex;align-items:flex-end;
}
.preview-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.preview-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(11,12,10,.15) 0%, rgba(11,12,10,.94) 78%);
}
.preview-content{position:relative;z-index:2;padding:2rem;color:var(--cream);width:100%;}
.preview-content .eyebrow{color:var(--gold-light);}
.preview-content h3{font-size:1.8rem;margin:.6rem 0 1rem;color:var(--paper);}
.preview-items{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.5rem;}
.preview-items li{display:flex;justify-content:space-between;font-size:.9rem;opacity:.85;gap:1rem;}
.preview-items li span:last-child{font-family:'Space Mono',monospace;color:var(--gold-light);white-space:nowrap;}

/* ================= MENU PAGE HEADER ================= */
.menu-hero{
  position:relative;min-height:52vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink);
}
.menu-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5);}
.menu-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(11,12,10,.25) 0%, rgba(11,12,10,.92) 100%);
}
.menu-hero-inner{position:relative;z-index:2;color:var(--cream);padding-bottom:56px;width:100%;}
.menu-hero-inner .eyebrow{color:var(--gold-light);justify-content:flex-start;}
.menu-hero-inner h1{font-size:clamp(2.6rem,6vw,4.6rem);color:var(--paper);margin-top:.6rem;}
.menu-hero-inner p{max-width:520px;opacity:.8;margin-top:.8rem;line-height:1.6;}
.back-home{
  position:relative;z-index:2;display:inline-flex;align-items:center;gap:.5rem;color:var(--cream-60);
  font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;
  padding:120px 0 0;
}
.back-home:hover{color:var(--gold-light);}

/* ================= MENU CONTENT ================= */
.menu-tabs{display:flex;gap:0;justify-content:center;margin-bottom:3rem;border:1px solid var(--line);border-radius:999px;padding:6px;max-width:420px;margin-left:auto;margin-right:auto;}
.menu-tab{
  flex:1;text-align:center;padding:.85rem 1rem;border-radius:999px;
  font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-70);transition:all .35s var(--ease);
}
.menu-tab.active{background:var(--gold);color:var(--ink);}

.menu-panel{display:none;}
.menu-panel.active{display:block;animation:fadein .6s var(--ease);}
@keyframes fadein{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}

.menu-feature{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;align-items:center;
  margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--line);
}
.menu-feature img{width:100%;height:300px;object-fit:cover;border-radius:2px;}
.menu-feature .mf-tag{font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);}
.menu-feature h3{font-size:1.9rem;margin-top:.6rem;}
.menu-feature p{opacity:.75;line-height:1.7;margin-top:.7rem;font-size:.94rem;}

.menu-cat{margin-bottom:2.6rem;}
.menu-cat-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  cursor:pointer;padding:1rem 0;border-bottom:1px solid var(--line);
}
.menu-cat-head h4{font-size:1.35rem;letter-spacing:.01em;}
.menu-cat-head .cat-sub{font-family:'DM Sans';font-style:italic;font-size:.82rem;opacity:.6;margin-top:.25rem;display:block;}
.menu-cat-head .chev{
  font-family:'Space Mono',monospace;color:var(--gold);transition:transform .35s var(--ease);font-size:.9rem;
}
.menu-cat.open .chev{transform:rotate(45deg);}
.menu-items{
  max-height:0;overflow:hidden;transition:max-height .55s var(--ease);
}
.menu-cat.open .menu-items{max-height:2400px;}
.menu-items-inner{padding:1.4rem 0 .4rem;}
.menu-item{
  display:flex;justify-content:space-between;gap:1.2rem;padding:1rem 0;
  border-bottom:1px dashed var(--line);
}
.menu-item:last-child{border-bottom:none;}
.mi-name{font-family:'Fraunces',serif;font-size:1.06rem;font-weight:500;}
.mi-desc{font-size:.86rem;opacity:.65;margin-top:.3rem;line-height:1.55;max-width:520px;}
.mi-price{
  font-family:'Space Mono',monospace;font-size:.92rem;color:var(--gold);white-space:nowrap;
  padding-top:.1rem;
}

.spirit-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem;}
.spirit-row{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px dashed var(--line);font-size:.92rem;}
.spirit-row .sr-origin{opacity:.5;font-size:.78rem;margin-left:.4rem;}
.spirit-row .sr-price{font-family:'Space Mono',monospace;color:var(--gold);font-size:.85rem;}

/* ================= GALLERY ================= */
.gallery-strip{
  display:flex;gap:16px;overflow-x:auto;padding:0 clamp(20px,5vw,56px) 20px;
  scroll-snap-type:x proximity;scrollbar-width:thin;
}
.gallery-strip::-webkit-scrollbar{height:5px;}
.gallery-strip::-webkit-scrollbar-thumb{background:var(--gold);border-radius:10px;}
.gallery-strip img{
  height:420px;width:auto;flex:0 0 auto;object-fit:cover;border-radius:2px;
  scroll-snap-align:start;
}
.gallery-strip img.wide{width:560px;}

/* ================= EVENTS ================= */
#events .events-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px);align-items:center;}
#events .events-media{position:relative;}
#events .events-media img{width:100%;height:420px;object-fit:cover;border-radius:2px;}
#events .events-media .badge{
  position:absolute;bottom:-24px;left:-24px;background:var(--gold);color:var(--ink);
  padding:1.1rem 1.4rem;border-radius:2px;box-shadow:var(--shadow);
}
#events .events-media .badge b{display:block;font-family:'Fraunces',serif;font-size:1.6rem;}
#events .events-media .badge span{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;}
#events .events-text p{line-height:1.8;opacity:.8;margin:1rem 0 1.6rem;}
.event-list{list-style:none;margin:1.6rem 0;padding:0;display:grid;gap:.9rem;}
.event-list li{display:flex;gap:.8rem;align-items:flex-start;font-size:.93rem;opacity:.85;}
.event-list li::before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid var(--gold);margin-top:.35rem;flex:0 0 auto;}

/* ================= LOCATION ================= */
#location .loc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,70px);}
.loc-info-card{
  background:var(--fairway);color:var(--cream);border-radius:2px;padding:clamp(28px,4vw,44px);
  display:flex;flex-direction:column;gap:1.6rem;
}
.loc-block b{
  display:block;font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-light);margin-bottom:.5rem;
}
.loc-block p{margin:0;line-height:1.7;opacity:.9;font-size:.96rem;}
.hours-table{width:100%;border-collapse:collapse;margin-top:.2rem;}
.hours-table td{padding:.4rem 0;font-size:.92rem;border-bottom:1px dashed var(--line);}
.hours-table td:last-child{text-align:right;font-family:'Fraunces',serif;font-style:italic;font-size:1.05rem;color:var(--gold-light);}
.map-box{position:relative;border-radius:2px;overflow:hidden;box-shadow:var(--shadow);min-height:340px;}
.map-box iframe{width:100%;height:100%;min-height:340px;border:0;pointer-events:none;filter:grayscale(.25) contrast(1.05);}
.map-overlay-link{position:absolute;inset:0;z-index:2;}
.map-cta{position:absolute;bottom:18px;right:18px;z-index:3;pointer-events:none;}

/* ================= CONTACT ================= */
#contact{background:var(--ink);color:var(--cream);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px);align-items:flex-start;}
.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:1.6rem 0;}
.reason-btn{
  text-align:left;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:4px;
  background:transparent;color:var(--cream);transition:all .3s var(--ease);
}
.reason-btn b{display:block;font-family:'Fraunces',serif;font-size:1.05rem;font-weight:500;}
.reason-btn span{font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.1em;opacity:.55;text-transform:uppercase;}
.reason-btn:hover, .reason-btn.selected{border-color:var(--gold);background:rgba(201,162,77,.08);}
.reason-btn.selected b{color:var(--gold-light);}

#contact-detail{
  max-height:0;overflow:hidden;transition:max-height .5s var(--ease), opacity .4s;
  opacity:0;
}
#contact-detail.open{max-height:400px;opacity:1;margin-top:1.4rem;}
#contact-detail textarea{
  width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--cream);
  border-radius:4px;padding:.9rem 1rem;font-family:'DM Sans';font-size:.92rem;resize:vertical;min-height:90px;
}
#contact-detail textarea:focus{outline:none;border-color:var(--gold);}
.whatsapp-cta{
  margin-top:1.1rem;display:inline-flex;align-items:center;gap:.7rem;
  background:#3fae5c;color:#fff;padding:1rem 1.5rem;border-radius:999px;
  font-family:'Space Mono',monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;
  transition:all .3s var(--ease);
}
.whatsapp-cta:hover{background:#379950;transform:translateY(-2px);}

.contact-side{display:flex;flex-direction:column;gap:1.6rem;}
.contact-line{display:flex;gap:1rem;align-items:flex-start;padding-bottom:1.4rem;border-bottom:1px solid var(--line);}
.contact-line svg{flex:0 0 auto;margin-top:.15rem;}
.contact-line b{display:block;font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);margin-bottom:.35rem;}
.contact-line a, .contact-line p{margin:0;opacity:.9;font-size:.96rem;line-height:1.6;}

/* ================= FOOTER ================= */
footer{background:var(--fairway);color:var(--cream);padding:60px 0 26px;}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid var(--line);}
.footer-sig{font-size:2.6rem;color:var(--gold-light);}
.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:40px 0;}
.footer-cols b{display:block;font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light);margin-bottom:1rem;}
.footer-cols p, .footer-cols a{display:block;font-size:.9rem;opacity:.8;line-height:1.9;}
.footer-bottom{display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:.68rem;opacity:.55;flex-wrap:wrap;gap:.6rem;padding-top:20px;}

/* ================= RESPONSIVE ================= */
@media (max-width:900px){
  nav#nav-links{position:fixed;top:0;right:0;height:100vh;width:min(78vw,320px);
    background:var(--ink);flex-direction:column;justify-content:center;gap:2.2rem;
    transform:translateX(100%);transition:transform .5s var(--ease);z-index:400;}
  nav#nav-links.open{transform:translateX(0);}
  .nav-toggle{display:block;z-index:600;}
  #about .about-grid,#events .events-grid,#location .loc-grid,.contact-grid,.menu-feature,.preview-grid{grid-template-columns:1fr;}
  #about .about-media{margin-top:2rem;}
  .activities-grid{grid-template-columns:repeat(2,1fr);}
  .spirit-grid{grid-template-columns:1fr;}
  .footer-cols{grid-template-columns:1fr;gap:1.5rem;}
  .reason-grid{grid-template-columns:1fr;}
  #events .events-media .badge{left:0;bottom:-18px;}
}