/* Mobile: hard disable (design uses drawer instead) */
@media (max-width: 919.98px){
	.locations-mega{ display:none !important; }
}

/* =========================================================
	 Mobile (>= 469px)
========================================================= */
@media (min-width:469px){}

/* =========================================================
	 Mobile (>= 480px)
========================================================= */
@media (min-width:480px) {}

/* =========================================================
	 Mobile (>= 520px)
========================================================= */
@media (min-width:520px){
	/* EVENT TILES */
	.event-tiles__grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

/* =========================================================
	 Mobile (>= 640px)
========================================================= */
@media (min-width:640px){
	/* VENUE GRID */
	.venues__grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap: 18px;
	}
}

/* =========================================================
	 Desktop (>= 782px)
========================================================= */
@media (max-width:782px) {
	body.admin-bar {
		--wp-admin-bar-height: 46px;
	}

	/* VENUE BLOCKS */
	.neos-pattern-venues-block .wp-block-column figure { display: none; }
	.neos-pattern-venues-block .wp-block-column:first-child figure { 
		display: block;
		padding-bottom: 20px;
	}

	.venue-banners { 
		gap: 0;
    	padding: 50px 0px;
    	background-color: var(--brand-light);
    	border-radius: var(--component-border-radius);
		rotate: -1deg;
	}

	.bump  {
		padding: 0px;
		background: none !important;

		& .wp-block-buttons { margin-top: 15px; }
	}

	/* FACILITY ICONS */
	.neos-pattern-facilities .wp-block-columns.is-not-stacked-on-mobile {
    	display: flex;
    	flex-wrap: wrap !important;

		& .wp-block-column {
			flex: 25%;
		}
	}

	/**
	* BRUNCH GALLERY SLIDER
	*/
	.neos-themed-brunch-gallery__slide.is-active { width: 80vw !important; }
	.neos-themed-brunch-gallery__nav { top: 35% !important; }
	.neos-themed-brunch-gallery .neos-themed-brunch-gallery__prev { left: -30px !important; }
	.neos-themed-brunch-gallery .neos-themed-brunch-gallery__next{ left: 75vw !important; }
	.neos-themed-brunch-gallery p { max-width: 100% !important;}
	/*p.neos-themed-brunch-gallery-text {
		right: 0 !important;
		width: 130px  !important;
    	height: 130px !important;
		font-size: 25px  !important;
    	line-height: 25px  !important;
	}*/
}

@media (min-width:780px) {
	/**
	 * Component Media Queries
	 */
	.neos-pattern-venues-block .venue-banners {
		gap: 20px;

		& .wp-block-column .wp-block-group { border-radius: var(--component-border-radius);}
		& figure { display: block; }
	}
}

/* =========================================================
	 Desktop (>= 919px)
========================================================= */
@media (max-width:919px){
	/* FLIP CARDS */
	.flip-card__media img{
		transition:none;
	}
}

/* =========================================================
	 Desktop (>= 920px)
========================================================= */
@media (min-width:920px){

	/* Make sure the header/container is an anchor for absolute positioning */
	header.site-header{
		position: sticky;
		top:0;
		z-index: 100;
		background:none !important;
		border-bottom: var(--header-rule);
		margin-bottom:-4px;
	}
	.is-venue-page header.site-header {
		border-bottom: 0;
		margin-bottom:0;
	}
	
	header.site-header .container{
		position: relative;
		z-index:110;
	}

	.full-width-height {
		min-height:700px;
	}

	/* Open state */
	html[data-location-state="open"] .locations-mega{
		max-height: 600px;         /* enough for heading + cards */
		opacity: 1;
		pointer-events: auto;
		transform: translateX(-50%) translateY(0);
		top:36px;
	}

	/* admin adjustment */
	html[data-location-state="open"] body.admin-bar .locations-mega {
		top:0;
	}

	/* Inner constrained content */
	.locations-mega .mega-inner {
		width: 100%;
		margin-inline: auto;
		padding: 20px 20px;
		max-width: 1200px;
		box-sizing: border-box;
	}


	.locations-mega .mega-inner li {
		min-width: 100px;
		/*flex: 0 0 25%;*/
		max-width: 25%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		transition: all 0.6s ease-in-out;
		position: relative;
		z-index: 1;
	}

	.locations-mega .mega-inner li:hover {
		transform: scale(1.2) rotate(-2deg);
		z-index: 10;
	}
	.locations-mega .mega-inner li .venue-card {
		background:var(--brand-light);
		transition: all 0.6s ease-in-out;
	}
	.locations-mega .mega-inner li:hover .venue-card {
		box-shadow: -35px 35px 5px 15px rgba(0,0,0,0.1);
		border-radius:15px;
		background:var(--grey-light);
		padding-top:25px;
		padding-bottom:25px;
	}

	/* THEMED GRID */
	.themed-grid{padding: 36px 0 46px;}
	.themed-grid__intro{margin-bottom: 22px;}
	.themed-grid__intro h2{font-size: 40px;}
	.themed-grid__intro p{font-size: 14px;}
	.themed-grid__list{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 22px;}
	.theme-card__body{padding: 16px 18px 18px;}
	.theme-card__title{font-size: 16px;}
	.theme-card__copy{font-size: 12px;}

	/* Top row: title left, “All locations” right */
	.mega-head{
		/*display:flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 24px;*/
		margin-bottom: 22px;
		position:relative;
	}
	.mega-title {
		position:absolute;
		left:-50000%;
		top:0;
	}
	.mega-title strong{
		font-family: var(--wp--preset--font-family--halyard);
		font-weight: 700;
		font-size: 18px;
		letter-spacing: .2px;
	}
	.mega-sub{
		display:block;
		margin-top: 4px;
		opacity: .85;
		font-size: 13px;
	}

	.mega-all{
		color: rgba(2,28,36,.9);
		text-decoration: none;
		border-bottom: 1px solid rgba(2,28,36,.35);
		position:absolute;
		left:-50000%;
		top:0;
	}
	.mega-all:hover{ border-bottom-color: rgba(2,28,36,.75); }

	/* 3-up row */
	.venue-row{
		list-style:none;
		display:flex;
		margin:0 auto;
		padding:0;
		justify-content: space-between;
		padding-top: 50px;
		gap: 30px;
		height:calc(100vh - 118px);
	}

	.venue{
		flex: 1 1 0;
		min-width: 0;
		width:265px;
		min-width:265px;
		max-width:265px;
		display:block;
	}

	.venue-card{
		display:block;
		text-decoration:none;
		color: inherit;
		padding: 0 20px;
	}

	.venue-card figure { margin:0; }

	.venue-card img{
		width:100%;
		object-fit: contain;
		display:block;
	}

	.venue-card figcaption{
		margin-top: 12px;
		display:flex;
		flex-direction: column;
		gap: 2px;
	}

	.venue-brand{
		font-weight: 700;
		letter-spacing: .2px;
	}

	.venue-place{
		font-size: 26px;
		/*opacity: .85;*/
		font-family: var(--wp--preset--font-family--accent);
		text-align:center;
	}

	header.site-header{
		background: #fff;
	}

	/* Opening hours: full strip style (dark) */
	.opening-hours{
		height: auto;
		background: var(--brand-dark);
		border-bottom: none;
	}
	html[data-location-state="open"] .opening-hours {
		position:relative;
		z-index:400;
	}
	.opening-hours__summary{ display:none; }
	.opening-hours__full{
		display:block;
		width: 100%;
		padding: 0;
		color: rgba(255,255,255,.92);
		font-size: 13px;
		text-align:center;
	}
	.opening-hours__label{
		margin-right: 12px;
		font-weight: 700;
	}
	.opening-hours__week{
		display:inline-flex;
		flex-wrap: wrap;
		gap: 10px 16px;
		margin:0;
	}
	.opening-hours__week .oh{ display:inline-flex; gap: 6px; color:var(--brand-light);position:relative; }
	.opening-hours__week dt{ font-weight: 700; color:var(--brand-light); }/*color: rgba(255,255,255,.9);*/
	.opening-hours__week dd{ margin:0; color:var(--brand-light); }/*color: rgba(255,255,255,.75);*/
	.opening-hours__week .oh.is-today dt,
	.opening-hours__week .oh.is-today dd{ color:var(--light); }

	/* Desktop: show Locations toggle left and Book Now right */
	.mobile-only{ display:none !important; }
	.desktop-only{ display:inline-flex !important; }

	/* Locations toggle sizing to match your spec */
	.locations-toggle{
		display:inline-flex;
		align-items:center;
		gap: 10px;
		padding: 10px 12px;
		border: 0;
		background: transparent;
		color: var(--brand-dark);
		font-family: var(--font-ui);
		font-weight: 700;
	}
	.locations-toggle .icon{
		width: var(--icon-locations-w);
		height: var(--icon-locations-h);
	}
	html[data-locations-state="open"] .locations-toggle .icon path{
		fill:var(--brand-dark) !important
	}

	/* Desktop Book Now (right) – keep your existing .btn styles if you like */
	.header-right .btn.btn-primary{
		background: transparent;
		/*border: 1px solid rgba(2,28,36,.18);*/
		color: var(--brand-dark);
		text-decoration:none;
	}
	.primary-nav .nav {
		display: flex;
		gap: 4px;
		align-items: stretch;
		margin: 0;
		padding: 0;
		list-style: none;
		justify-content: center;
	}

	.primary-nav .nav-item {
		position				: relative;
		display					: flex;
		align-items				: stretch;
		padding-bottom			: 0;
		border-radius			: 5px 5px 0 0;
	}

	.primary-nav .nav-link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 18px 22px;
		text-decoration: none;
		color: var(--brand-dark);
		font-family: var(--font-ui);
		font-weight: 700;
		line-height: 1;
	}

	/* 👇 The important bit: highlight the LI so it persists when hovering submenu */
	.primary-nav .nav-item:hover,
	.primary-nav .nav-item:focus-within {
		background: var(--brand-dark);
	}

	/* Keep link text readable on orange */
	.primary-nav .nav-item:hover > .nav-link,
	.primary-nav .nav-item:focus-within > .nav-link {
		color: var(--grey-light);
	}

	/* Optional: current page also “selected” */
	.primary-nav .nav-link[aria-current="page"] {
		position: relative;
	}
	.primary-nav .nav-item:has(> .nav-link[aria-current="page"]) {
		background: var(--brand-light);
	}

	/* Submenu */
	.primary-nav .submenu {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 220px;
		margin: 0;
		padding: 10px 0;
		list-style: none;
		background: var(--brand-light); /* matches the orange block in your design */
		border: 0;
		z-index: 2000;

		/* hidden by default */
		opacity: 0;
		visibility: hidden;
		transform: translateY(6px);
		pointer-events: none;
		transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
	}

	/* Show submenu when parent LI is hovered or focused-within */
	.primary-nav .nav-item:hover > .submenu,
	.primary-nav .nav-item:focus-within > .submenu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
	}

	.primary-nav .submenu a {
		display: block;
		padding: 10px 16px;
		color: var(--brand-dark);
		text-decoration: none;
		font-family: var(--font-ui);
		font-weight: 700;
		line-height: 1.1;
	}

	.primary-nav .submenu a:hover,
	.primary-nav .submenu a:focus-visible {
		background: rgba(2, 28, 36, 0.08); /* subtle dark tint on orange */
		outline: none;
	}

	nav.primary-nav{
		position: relative;
		z-index: 40;
		background: rgba(255,255,255,.02);
		display:block !important;
	}

	.primary-nav__list{
		display:flex;
		justify-content:center;
		gap: 26px;
		list-style:none;
		padding: 14px 0;
		margin: 0;
	}

	.primary-nav__list > li{
		position: relative;
	}

	.primary-nav__list > li > a{
		display:inline-flex;
		align-items:center;
		padding: 10px 14px;
		/*border-radius: 999px;*/
		font-family: var(--font-ui);
		font-weight: 700;
		font-size: 20px;
		line-height: 1;
		color: var(--brand-dark);
		text-decoration:none;
	}

	.primary-nav__list > li > a:hover,
	.primary-nav__list > li > a:focus-visible{
		background: var(--brand-light);
		text-decoration:none;
	}

	/* dropdown panel */
	.has-submenu .sub-menu{
		position:absolute;
		top: calc(100% + 0px);
		left: 0%;
		transform: translateX(0%) translateY(-8px);

		min-width: 240px;
		list-style:none;
		margin: 0;
		padding: 14px 0;

		background: var(--brand-light);
		color: var(--brand-dark);

		box-shadow: 0 24px 60px rgba(0,0,0,.25);

		opacity: 0;
		visibility: hidden;
		pointer-events: none;

		transition: opacity 160ms ease, transform 180ms ease, visibility 0s linear 180ms;
	}

	/* open on hover + keyboard focus */
	.has-submenu:hover .sub-menu,
	.has-submenu:focus-within .sub-menu{
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateX(0%) translateY(0);
		transition: opacity 160ms ease, transform 180ms ease, visibility 0s;
	}

	.has-submenu .sub-menu a{
		display:block;
		padding: 10px 18px;
		font-family: var(--font-ui);
		font-weight: 700;
		font-size: 16px;
		line-height: 1.2;
		color: var(--brand-dark);
		text-decoration:none;
	}

	.has-submenu .sub-menu a:hover,
	.has-submenu .sub-menu a:focus-visible{
		background: rgba(0,0,0,.08);
		text-decoration:none;
	}
	.drawer{
		transform:translateX(100%);
		display:none;
	}
	.br-cta-panel{
		padding: 34px 0;
	}
	.br-cta-panel__inner{
		width: min(1200px, calc(100% - 64px));
	}
	.br-cta-panel__cols{
		grid-template-columns: 1.05fr .95fr;
	}
	.br-cta-panel__content{
		padding: 36px 40px;
	}
	.br-cta-panel__title{
		font-size: 40px;
		line-height: 1.1;
	}
	.br-cta-panel__art{
		min-height: 100%;
	}
	.br-cta-panel{
		padding: 34px 0;
	}
	.br-cta-panel__inner{
		width: min(1200px, calc(100% - 64px));
	}
	.br-cta-panel__cols{
		grid-template-columns: 1.05fr .95fr;
	}
	.br-cta-panel__content{
		padding: 36px 40px;
	}
	.br-cta-panel__title{
		font-size: 40px;
		line-height: 1.1;
	}
	.br-cta-panel__art{
		min-height: 100%;
	}
	.benefits{
		padding: 34px 0;
	}

	.benefits__inner{
		grid-template-columns: 1fr minmax(420px, 560px) 1fr;
	}

	.benefits__collage{
		display: grid;
		grid-template-rows: 1fr 1fr 1fr;
		gap: 0;
	}

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

	.benefits__panel{
		padding: 34px 26px;
		justify-content: center;
		min-height: 560px; /* helps match the “tall card” feel */
	}

	.benefits__header h2{
		font-size: 54px;
	}

	.benefits__form{
		padding: 20px 18px;
	}
	.icon-stats__inner{
		border-radius: 18px;
		padding: 16px 18px;
	}

	.icon-stats__list{
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 18px;
	}

	.icon-stats__item{
		grid-template-columns: 44px 1fr;
		gap: 12px;
	}

	.icon-stats__icon{
		width: 44px;
		height: 44px;
	}

	.icon-stats__strong{
		font-size: 13px;
	}

	.icon-stats__label{
		font-size: 12px;
	}
	.promo-grid{
		padding: 34px 0 42px;
	}

	.promo-grid__intro h2{
		font-size: 34px;
		line-height: 1.08;
	}

	.promo-grid__standfirst{
		font-size: 14px;
	}

	.promo-grid__list{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 22px;
		align-items: stretch;
	}

	/* First wide card spans both columns */
	.promo-grid__item--wide{
		grid-column: 1 / -1;
	}

	/* Half cards are one column each by default */
	.promo-grid__item--half{
		grid-column: auto;
	}

	.promo-card__content{
		min-height: 320px;
		padding: 28px 24px;
	}

	.promo-grid__item--wide .promo-card__content{
		min-height: 360px;
	}

	.promo-card__title{
		font-size: 54px; /* desktop */
	}

	.promo-card__meta{
		font-size: 12px;
	}

	.promo-card__cta{
		font-size: 11px;
		padding: 10px 16px;
	}
	.event-tiles{
		padding: 46px 0 60px;
	}

	.event-tiles__intro{
		padding-bottom: 24px;
	}

	.event-tiles__intro h2{
		font-size: 80px; /* hero-xl feel */
	}

	.flip-card__title{
		font-size: 50px;
	}

	.flip-card__back-content{
		padding: 26px 22px;
	}
	.occasion-cards{
		padding: 46px 0 70px;
	}

	.occasion-cards__intro{
		padding-bottom: 32px;
	}

	.occasion-cards__intro h1{
		font-size: 80px;
	}

	.occasion-cards__lede{
		font-size: 18px;
	}

	.occasion-cards__list{
		gap: 28px;
	}

	.occasion-card{
		grid-template-columns: 1fr 1fr; /* image + text */
		min-height: 320px;
	}

	.occasion-card__media{
		aspect-ratio: auto;
		min-height: 320px;
	}

	.occasion-card__content{
		padding: 28px 26px;
		text-align: center; /* design looks centred */
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.occasion-card__title{
		font-size: 22px;
	}

	.occasion-card__copy p{
		font-size: 14px;
		max-width: 46ch;
		margin-left: auto;
		margin-right: auto;
	}

	/* Swap visual order only on desktop */
	.occasion-card--swap .occasion-card__media{
		order: 2;
	}
	.occasion-card--swap .occasion-card__content{
		order: 1;
	}

	.standfirst__header{
		margin-top: -26px;
		padding: 22px 26px 18px;
	}
	.standfirst__header h2{
		font-size: 14px;
	}
	.standfirst__copy{
		font-size: 13px;
		max-width: 92ch;
		margin-left: auto;
		margin-right: auto;
	}

	.quick-tiles__list{
		gap: 18px;
		margin-bottom: 18px;
	}
	.quick-tile__label{
		font-size: 22px;
		left: 18px;
		bottom: 16px;
	}
	.menu-links__link{
		font-size: 13px;
	}

	.venues__grid{
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 22px;
	}

	.contact-hub{
		padding: 52px 0 64px;
	}

	.contact-hub__map{
		margin: 22px 0 26px;
	}

	.contact-hub__iframe{
		height: 360px;
	}

	/* Lower: enquiries left, stack right */
	.contact-hub__lower{
		grid-template-columns: 1fr 1.05fr;
		align-items: stretch;
		gap: 20px;
	}

	/* Keep promos aligned and roomy like the XD */
	.contact-hub__stack{
		grid-template-rows: 1fr auto;
		gap: 20px;
	}

	.contact-hub__panelhead{
		padding: 22px 24px 12px;
	}

	.contact-hub__form{
		padding: 0 24px 24px;
	}

	.contact-hub__copy{
		padding: 0 24px 14px;
		font-size: 13px;
	}

	.contact-hub__actions{
		padding: 0 24px 24px;
	}

	.contact-hub__art img{
		width: 150px;
	}

	.contact-hub__panel--lost .contact-hub__panelhead h3{
		font-size: 40px;
	}

	/* Map meta line spacing */
	.contact-hub__mapmeta{
		padding-top: 12px;
	}

	.contact-hub__address{
		font-size: 12px;
	}

	.themed-grid{
		padding: 46px 0 64px;
	}

	.themed-grid__intro{
		margin-bottom: 22px;
	}

	.themed-grid__intro h2{
		font-size: 30px; /* matches your section header spec */
		line-height: 42px;
	}

	.themed-grid__intro p{
		font-size: 16px;
	}

	.themed-grid__list{
		grid-template-columns: repeat(3, 1fr);
		gap: 18px;
	}

	.theme-card__body{
		padding: 16px 16px 18px;
	}

	.theme-card__title{
		font-size: 30px;
	}

	.theme-card__copy{
		font-size: 14px;
	}

	.content-slot{
		padding: 46px 0 72px;
	}

	.content-slot :where(.menu-highlights, .diary, .what-you-get, .gallery, .testimonials, .faqs){
		padding: 22px 26px 24px;
		margin-bottom: 18px;
	}

	.content-slot :where(.menu-highlights__header h2, .diary__header h2, .what-you-get__header h2, .gallery__header h2, .testimonials__header h2, .faqs__header h2){
		font-size: 30px;
		line-height: 42px;
	}

	.menu-highlights__list{
		grid-template-columns: repeat(3, 1fr);
		gap: 14px;
	}

	.diary__row{
		grid-template-columns: 140px 1fr 160px;
		align-items: center;
		gap: 12px;
	}

	.diary__day{
		font-size: 13px;
	}

	.diary__detail{
		font-size: 16px;
	}

	.diary__time{
		text-align: right;
	}

	.what-you-get__cols{
		grid-template-columns: 1fr 1fr;
		gap: 14px;
	}

	.gallery__grid{
		grid-template-columns: repeat(4, 1fr);
		gap: 12px;
	}

	.testimonials__list{
		grid-template-columns: 1fr 1fr;
		gap: 14px;
	}

	.join{
		padding: 24px 0;
	}

	.join__inner{
		display: grid;
		grid-template-columns: 1.05fr .95fr;
		align-items: stretch;
		border-radius: 18px;
	}

	.join__copy{
		padding: 26px 30px 26px;
	}

	.join__title{
		font-size: 52px;   /* closer to the XD feel */
	}

	.join__text p{
		font-size: 15px;
		line-height: 1.75;
	}

	.join__art{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}

	.join__art img{
		width: 100%;
		max-width: 560px;
	}
}

/* =========================================================
	 Desktop (>= 960px)
========================================================= */
@media (min-width:960px){
	/* HEADER BAR */
	.header-bar{padding:10px 20px;}
	html[data-location-state="open"] .header-bar{background:transparent;z-index:400;position:relative;}
}

/* =========================================================
	 Desktop (>= 1200px)
========================================================= */
@media (min-width:1200px){
	.benefits__inner{
		grid-template-columns: 1fr 560px 1fr;
	}
}

/* Hover zoom only where hover exists (desktop/laptop) */
@media (hover:hover) and (pointer:fine){
	.promo-card__link:hover .promo-card__media img{
		transform: scale(1.04);
	}
	.promo-card__link:hover{
		text-decoration: none;
	}
	.flip-card:hover .flip-card__media img{
		transform: scale(1.045);
	}

	.flip-card:hover .flip-card__face--front{
		opacity: 0;
		pointer-events: none;
	}
	.flip-card:hover .flip-card__face--back{
		opacity: 1;
		pointer-events: auto;
	}
	.theme-card:hover .theme-card__media img{
		transform: scale(1.04);
	}
	.theme-card:hover{
		box-shadow: 0 14px 36px rgba(2,28,36,.18);
	}
	.gallery__grid a:hover img,
	.gallery__grid li:hover img{
		transform: scale(1.03);
	}
	.join__cta a:hover{
		transform: translateY(-1px);
	}

	.theme-card{
		transition: transform .18s ease, box-shadow .18s ease;
	}

	.theme-card__media img{
		transition: transform .25s ease;
		transform-origin: center;
	}

	.theme-card:hover{
		transform: translateY(-2px);
		box-shadow: 0 16px 34px rgba(2,28,36,.14);
	}

	.theme-card:hover .theme-card__media img{
		transform: scale(1.03);
	}
}

/**
 * ACCESSIBLITY
 * Reduce motion
 */
@media (prefers-reduced-motion: reduce){

	/* VENUE CARDS */
	.venue-card{transition:none;}
	.venue-card:hover{transform:none;}

	/* PROMO CARDS */
	.promo-card__media img{transition:none;}

	/* FLIP CARDS */
	.flip-card__face,
	.flip-card__media img{transition:none !important;}

	/* OCCASION CARDS */
	.occasion-card{scroll-behavior:auto;}

	/* VIDEO PERFORMANCE - NO AUTOPLAY */
	video[autoplay]{animation:none;}
}

/* prefer dynamic viewport on modern browsers */
@supports (height: 100dvh){
	.drawer{ height: calc(100dvh - var(--header-height)); }
}