/* Homepage presentation; shared booking and information pages keep their styles. */
.dnd-home{background:#050607;color:#f7f4ee}
.dnd-home #events.events-section{padding:110px 4vw 36px;min-height:0;background:#050607}
.dnd-home #events>.event-month-head:first-child{margin-top:12px}
.dnd-home #events>.event-month-head{max-width:1000px;margin:44px auto 24px!important}
.dnd-home #events>.event-month-head:first-child{margin-top:10px!important}
.dnd-home #events .section-head:before{display:none}
.dnd-home #events>.event-month-head h2{color:#f7f4ee;font-size:22px;letter-spacing:2px}
.dnd-home .event-month-head .month-rule{background:#504535}
.dnd-home .event-month-head .month-note{font-size:10px;letter-spacing:2px;color:#d4bd93}
.dnd-home #events>.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin:0 auto;padding:0;gap:24px;overflow:visible}
.dnd-home #events>.event-grid>.event-card{display:flex;flex-direction:column;position:relative;isolation:isolate;min-width:0!important;min-height:0!important;max-width:none!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;border:1px solid #343231;border-radius:7px;background:#0b0c0d;box-shadow:none}
.dnd-home #events>.event-grid>.event-card.featured{border-color:#a18b61}
.dnd-home #events>.event-grid>.event-card:after{display:none}
.dnd-home .event-artwork{position:relative;aspect-ratio:9/16;width:100%;overflow:hidden;background:#0a0a0a}
.dnd-home #events .event-artwork>img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.dnd-home #events [id^="event-2026-11-"] .event-artwork>img{height:122.3%;top:-11.15%;bottom:auto;object-fit:fill}
.dnd-home .event-artwork .upcoming-pill{top:12px;right:12px;padding:7px 11px;border-radius:999px;font-size:9px;letter-spacing:1px;background:#e8cf9a;color:#17120b;border:1px solid #f0ddb4;z-index:2}
.dnd-home #events .event-overlay{display:flex;flex:1;flex-direction:column;position:relative;inset:auto;padding:20px;min-width:0;background:#0b0c0d;color:#f7f4ee;text-align:left}
.dnd-home #events .event-overlay p{margin:0 0 7px;color:#c4b28d;letter-spacing:1.4px;font-size:10px}
.dnd-home #events .event-overlay h3{font-family:var(--sans);font-size:19px;line-height:1.25;letter-spacing:.6px;margin:0 0 7px}
.dnd-home #events .event-overlay>span{font-size:12px;line-height:1.5;color:#b7b7b7;letter-spacing:0;margin:0 0 18px}
.dnd-home #events .event-overlay .event-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:auto 0 0}
.dnd-home #events .event-actions .btn{min-height:46px;padding:12px 10px;font-size:10px!important;letter-spacing:1px!important;white-space:normal}
.dnd-home #events .event-actions .btn-table{color:#f2eee8;border-color:#77736c;background:transparent}
.dnd-home .inside-dnd{max-width:1200px;margin:48px auto 0;padding-top:32px}
.dnd-home .inside-dnd-booking{padding-bottom:8px}
.dnd-home .benefits{background:#08090a;border-color:#292723;padding-top:22px;padding-bottom:22px}
.dnd-home .benefits>div{border-color:#292723}
.dnd-home .dnd-footer{display:block;background:#050607;border-top:1px solid #292723;padding:38px 4vw 24px}
.dnd-footer-main{max-width:1200px;margin:auto;display:grid;grid-template-columns:.9fr 1.2fr 1fr;gap:32px;align-items:start}
.dnd-footer-brand{display:block;width:160px;max-width:100%}
.dnd-footer-brand img{display:block;width:100%;height:auto;max-height:82px;object-fit:contain;object-position:left}
.dnd-footer h2{font:600 11px var(--sans);letter-spacing:2px;line-height:1.5;color:#d4bd93;margin:0 0 12px}
.dnd-footer p{font-size:13px;line-height:1.7;color:#bcbcbc;margin:0 0 10px}
.dnd-footer a{font-size:12px;color:#eae7e0;text-underline-offset:4px}
.dnd-footer a:hover{text-decoration:underline}
.dnd-footer-venue>a{display:inline-flex;align-items:center;gap:6px;min-height:32px}
.dnd-socials{display:flex;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.dnd-socials a{display:inline-flex;align-items:center;gap:7px;min-height:44px}
.dnd-socials svg{width:21px;height:21px;flex-shrink:0}
.dnd-footer-email{display:inline-flex;align-items:center;min-height:32px;overflow-wrap:anywhere}
.dnd-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;max-width:1200px;margin:30px auto 0;padding-top:20px;border-top:1px solid #292723;color:#939393;font-size:11px}
.dnd-footer-bottom nav{display:flex;gap:20px;flex-wrap:wrap}
.dnd-footer-bottom a{display:inline-flex;align-items:center;min-height:32px;font-size:11px;color:#aaa}
.dnd-home :is(a,button):focus-visible{outline:2px solid #e4c58b;outline-offset:4px}
.dnd-home .btn{transition:transform 160ms ease,background-color 160ms ease,box-shadow 160ms ease}
@media(hover:hover) and (pointer:fine){
 .dnd-home .btn:not(.btn-disabled):hover{transform:translateY(-2px);box-shadow:0 5px 16px #e4c58b14}
 .dnd-home .inside-dnd-gallery img{transition:transform 400ms cubic-bezier(.2,.7,.2,1)}
 .dnd-home .inside-dnd-gallery figure:hover img{transform:scale(1.035)}
}
.dnd-home .dnd-motion-enter{animation:dnd-home-enter 450ms cubic-bezier(.2,.7,.2,1) both}
@keyframes dnd-home-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){
 .dnd-home #events.events-section{padding-top:98px}
 .dnd-footer-main{grid-template-columns:1fr 1fr}
 .dnd-footer-brand{grid-column:1/-1;width:145px}
}
@media(max-width:600px){
 .dnd-home #events.events-section{padding:24px 16px 28px!important;margin-top:72px!important;overflow:hidden}
 .dnd-home #events>.event-month-head{margin-top:28px!important;margin-bottom:18px!important}
 .dnd-home #events>.event-month-head:first-child{margin-top:0!important}
 .dnd-home #events>.event-month-head h2{font-size:18px;letter-spacing:2px}
 .dnd-home #events>.event-grid{display:flex!important;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:16px;margin:0 -16px;padding:0 16px 12px;gap:14px;scrollbar-width:none}
 .dnd-home #events>.event-grid>.event-card{flex:0 0 80vw!important;width:80vw!important;min-width:0!important;max-width:360px!important;height:auto!important;min-height:0!important;scroll-snap-align:start;scroll-snap-stop:normal}
 .dnd-home #events>.event-grid>.event-card:last-child{margin-right:0}
 .dnd-home #events .event-overlay{left:auto!important;right:auto!important;bottom:auto!important;padding:16px 14px}
 .dnd-home #events .event-overlay h3{font-size:17px!important;margin:0 0 7px!important}
 .dnd-home #events .event-overlay>span{margin-bottom:14px;font-size:11px}
 .dnd-home #events .event-overlay .event-actions{gap:8px}
 .dnd-home #events .event-actions .btn{font-size:9px!important;letter-spacing:.7px!important;padding:11px 7px!important;min-height:44px}
 .dnd-home .inside-dnd{margin-top:28px;padding-top:26px}
 .dnd-home .dnd-footer{padding:30px 20px 70px}
 .dnd-footer-main{grid-template-columns:1fr;gap:24px}
 .dnd-footer-brand{grid-column:auto;width:140px}
 .dnd-footer-bottom{display:block;margin-top:24px}
 .dnd-footer-bottom nav{gap:16px;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){
 .dnd-home{scroll-behavior:auto}
 html:has(.dnd-home){scroll-behavior:auto}
 .dnd-home .dnd-motion-enter{animation:none}
 .dnd-home .btn,.dnd-home .inside-dnd-gallery img{transition:none}
 .dnd-home .btn:hover,.dnd-home .inside-dnd-gallery figure:hover img{transform:none}
}

/* Restore the compact mobile flyer cards from the approved reference. */
@media(max-width:600px){
 .dnd-home #events>.event-grid>.event-card{
  flex:0 0 auto!important;width:auto!important;max-width:none!important;
  height:clamp(420px,124.444vw,550px)!important;min-height:0!important;
  aspect-ratio:9/16!important;
 }
 .dnd-home #events .event-artwork{position:absolute;inset:0;height:100%;aspect-ratio:auto}
 .dnd-home #events>.event-grid>.event-card:after{
  display:block;position:absolute;inset:0;z-index:1;pointer-events:none;content:"";
  background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.2) 56%,rgba(0,0,0,.94) 100%);
 }
 .dnd-home #events .event-overlay{
  position:absolute;left:14px!important;right:14px!important;bottom:14px!important;
  z-index:2;padding:0;background:transparent;
 }
 .dnd-home #events .event-overlay h3{font-size:22px!important;margin:0 0 7px!important}
 .dnd-home #events .event-overlay>span{font-size:12px;margin-bottom:12px!important}
 .dnd-home #events .event-overlay .event-actions{grid-template-columns:1fr;gap:8px;margin-top:4px}
 .dnd-home #events .event-actions .btn{min-height:44px;padding:12px 10px!important;font-size:10px!important}
 .dnd-home #events .event-actions .btn-table{background:rgba(4,8,10,.72);border-color:#bda36e;color:#ead7b0}
 .dnd-home .inside-dnd-booking{
  display:grid;grid-template-columns:minmax(0,1fr);width:100%;
  justify-content:stretch;justify-items:stretch;gap:18px;
 }
 .dnd-home .inside-dnd-booking>div{min-width:0;width:100%}
 .dnd-home .inside-dnd .inside-dnd-book-button{display:flex;width:100%;min-width:0}
}
