/* Marrakech public phase 1. Legacy geometry is explicitly excluded in the
   readable public aggregate. Brand-logo dimensions and transforms remain owned
   by the original rules; the logo keeps its opening-screen position on scroll. */
/* First-paint and no-JavaScript contract. Runtime measurements override these
   matching defaults on :root without moving the brand logo. */
:root:has(>body.marrakech-phase1){--marrakech-nav-height:60px;--marrakech-nav-button-height:24.5px;--marrakech-nav-icon-size:60px;--home-header-bottom:var(--fixed-header-height);--home-content-top:calc(var(--fixed-header-height) + var(--marrakech-nav-height));--home-protected-top:max(var(--fixed-logo-size),calc(var(--fixed-header-height) + var(--marrakech-nav-icon-size)));--home-section-inset:max(0px,calc(var(--home-protected-top) - var(--home-content-top)));--home-actions-bottom:calc(var(--fixed-header-height) + var(--marrakech-nav-height));--home-section-height:calc(100dvh - var(--home-content-top));--home-hero-height:var(--home-section-height)}
@media(max-width:1023px){:root:has(>body.marrakech-phase1){--marrakech-nav-height:calc(var(--fixed-logo-size) - var(--fixed-header-height));--marrakech-nav-icon-size:70px;--home-protected-top:var(--fixed-logo-size)}}
@media(max-width:760px){:root:has(>body.marrakech-phase1){--fixed-header-height:57.6px;--marrakech-nav-button-height:44px;--marrakech-nav-icon-size:50px}}
html:has(>body.marrakech-phase1){overflow-x:clip;scroll-padding-top:var(--home-content-top,76.5px);scroll-behavior:smooth;overscroll-behavior-y:auto}
html:not(.media-detail-open):not(.concierge-open):has(>body.marrakech-phase1){scroll-snap-type:y mandatory}
body.marrakech-phase1{padding-top:var(--home-content-top,76.5px);overflow-x:clip;overscroll-behavior-y:auto}
body.marrakech-phase1 main{overflow:clip}
.marrakech-phase1 .header-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) var(--fixed-logo-size) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0;padding-inline:12px}
.marrakech-phase1 .header-left,.marrakech-phase1 .header-right{display:contents}
.marrakech-phase1 .site-language-switch{position:relative;inset:auto;transform:none;grid-column:1;grid-row:1;justify-self:center;margin:0;padding:0;width:max-content;max-width:100%;z-index:10060}
.marrakech-phase1 .header-sun-times{position:static;transform:none;grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:0;padding:0;min-height:24px;white-space:nowrap}
.marrakech-phase1 .header-conditions{position:static;grid-column:4;grid-row:1;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;white-space:nowrap}
.marrakech-phase1 .social-links{grid-column:5;grid-row:1;justify-self:center}
.marrakech-phase1 .header-live-dot{animation:marrakech-live-pulse 3.2s ease-in-out infinite}
.marrakech-phase1 .header-metric--temperature:has(.header-temperature[hidden]){display:inline-flex}
.marrakech-phase1 .header-temperature{min-width:3ch;font-variant-numeric:tabular-nums}
.marrakech-phase1 .header-time{min-width:5ch;font-variant-numeric:tabular-nums}
.marrakech-phase1 .header-sun-times b{min-width:5ch;font-variant-numeric:tabular-nums}
@keyframes marrakech-live-pulse{50%{opacity:.45}}
.marrakech-phase1 .marrakech-primary-nav{position:fixed;top:var(--home-header-bottom,var(--fixed-header-height));left:0;right:0;z-index:9990;box-sizing:border-box;display:flex;align-items:flex-start;height:var(--marrakech-nav-height);min-height:var(--marrakech-nav-height);padding:0 clamp(12px,3vw,54px);background:linear-gradient(180deg,rgba(9,6,14,.98),rgba(9,6,14,.91));border-bottom:1px solid rgba(255,255,255,.09)}
.marrakech-phase1 .marrakech-primary-nav [data-primary-actions]{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) calc(var(--fixed-logo-size) + 32px) minmax(0,1fr) minmax(0,1fr);gap:clamp(6px,1.5vw,26px);width:100%;max-width:1540px;height:max(var(--marrakech-nav-button-height),var(--marrakech-nav-icon-size));align-items:start;margin:0 auto;padding:0;transform:none;transition:none;animation:none}
.marrakech-phase1 .marrakech-primary-nav .button{position:static;display:flex;align-items:center;justify-content:center;gap:0;width:100%;min-width:0;height:max(var(--marrakech-nav-button-height),var(--marrakech-nav-icon-size));min-height:var(--marrakech-nav-button-height);margin:0;padding:0 4px;transform:none;transition:background .18s ease,border-color .18s ease;color:#fff;background:transparent;border:0;box-shadow:none;font-size:clamp(.63rem,.9vw,.82rem);line-height:1.15;white-space:normal;text-align:center}
.marrakech-phase1 .marrakech-primary-nav .button:nth-child(3){grid-column:4}
.marrakech-phase1 .marrakech-primary-nav .button:nth-child(4){grid-column:5}
.marrakech-phase1 .marrakech-primary-nav .button[aria-current] .home-action-icon{filter:drop-shadow(0 0 8px rgba(244,180,71,.65))}
.marrakech-phase1 :is(a,button,input,select):focus-visible{outline:2px solid #f5dda1;outline-offset:3px}
.marrakech-phase1 [data-home-section]{position:relative;box-sizing:border-box;width:100%;height:var(--home-section-height);min-height:var(--home-section-height);max-height:var(--home-section-height);scroll-margin-top:0;scroll-snap-align:start;scroll-snap-stop:always;touch-action:pan-x pan-y pinch-zoom;transform:none;overflow:hidden}
body.marrakech-phase1 [data-home-section] :is(.home-horizontal-track,[data-home-guide-grid]){touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-y:auto}
.marrakech-phase1 [data-home-section="hero"]{height:var(--home-section-height);min-height:var(--home-section-height);padding:18px 0 24px;overflow:hidden}
.marrakech-phase1 .hero-content.hero-content-premium{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,36%);grid-template-rows:auto;align-items:center;align-content:center;gap:clamp(20px,3vw,48px);width:min(1440px,calc(100% - 48px));height:calc(var(--home-section-height) - 42px);min-height:0;max-height:none;margin:0 auto;padding:0}
.marrakech-phase1 .hero-copy{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:none;min-width:0;grid-column:1;grid-row:1;transform:none;margin:0;padding:0}
.marrakech-phase1 .hero-main-title{display:block;width:100%;height:auto;max-width:none;margin:0;padding:0;transform:none}
.marrakech-phase1 .marrakech-hero-slogan{display:block;width:100%;height:auto;max-width:100%;max-height:calc(var(--home-section-height) - 48px);object-fit:contain;animation:marrakech-slogan-glow var(--slogan-animation-duration,10.75s) ease-in-out infinite}
@keyframes marrakech-slogan-glow{0%,96%,100%{filter:brightness(1)}98%{filter:brightness(1.12)}}
.marrakech-phase1 .hero-daily-feature{position:relative;grid-column:2;grid-row:1;width:min(100%,calc(var(--home-section-height) - 82px));max-width:none;min-width:0;margin:0;padding:0;transform:none;justify-self:center;align-self:center}
.marrakech-phase1 .hero-featured-card{display:block;position:relative;inset:auto;width:100%;max-width:none;min-width:0;height:auto;min-height:0;max-height:none;aspect-ratio:1;transform:none;margin:0;overflow:hidden}
.marrakech-phase1 [data-home-section="events"],.marrakech-phase1 [data-home-section="guide"],.marrakech-phase1 [data-home-section="reports"],.marrakech-phase1 [data-home-section="news"]{padding:calc(var(--home-section-inset) + clamp(12px,1.7vh,20px)) clamp(12px,2.5vw,42px) 14px}
/* Heights are the production V142 formulas, independent of the new fixed bars.
   Width alone grows from 4/5 of that height to exactly the same height. */
.marrakech-phase1 .home-guide-poster-card{--marrakech-guide-card-size:clamp(119px,19.8vh,180px);flex:0 0 var(--marrakech-guide-card-size);width:var(--marrakech-guide-card-size);height:var(--marrakech-guide-card-size);min-width:var(--marrakech-guide-card-size);max-width:var(--marrakech-guide-card-size);min-height:var(--marrakech-guide-card-size);max-height:var(--marrakech-guide-card-size);aspect-ratio:1}
.marrakech-phase1 .home-guide-poster-card[hidden]{display:none!important}
.marrakech-phase1 .home-guide-poster-card img{object-fit:cover}
.marrakech-phase1 .home-guide-poster-logo img{object-fit:contain}
.marrakech-phase1 [data-home-section="footer"]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--home-section-height);min-height:var(--home-section-height);padding:calc(var(--home-section-inset) + 24px) 18px 20px;overflow:hidden}
.marrakech-phase1 [data-home-section="footer"] .footer-stage{position:static;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:0;width:min(100%,900px);max-width:900px;height:auto;min-height:0;margin:0 auto;transform:none;text-align:center}
.marrakech-phase1 .footer-intro{display:block;max-width:690px;margin:16px auto 0;overflow:visible;-webkit-line-clamp:unset}
.marrakech-phase1 .footer-action-row{display:flex;align-items:center;justify-content:center;width:100%;margin:16px 0 0;gap:12px}
.marrakech-phase1 [data-home-section="footer"] .footer-legal{position:static;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;max-width:none;min-height:44px;height:auto;margin:16px auto 0;padding:12px 0 0;transform:none;font-size:12px;line-height:1.6;color:#d6cedc;opacity:1}
.marrakech-phase1 .footer-legal a,.marrakech-phase1 .footer-legal button{padding-block:4px}
.marrakech-phase1 .footer-contact-link{gap:8px}
/* Keep the first site bar visible above public popups. Hidden branding keeps
   its geometry so opening/closing does not move the underlying sections. */
.marrakech-phase1 :is(.media-detail-shell,.concierge-shell,.gallery-lightbox,.report-media-viewer,.venue-media-viewer){top:var(--home-header-bottom,var(--fixed-header-height))}
.marrakech-phase1:has(:is([data-detail-shell],[data-concierge-shell])[aria-hidden="false"],[data-gallery-lightbox]:not([hidden]),[data-report-media-viewer]:not([hidden]):not([aria-hidden="true"] *),[data-venue-media-viewer]:not([hidden]):not([aria-hidden="true"] *)) .site-header{z-index:23000!important}
.marrakech-phase1:has(:is([data-detail-shell],[data-concierge-shell])[aria-hidden="false"],[data-gallery-lightbox]:not([hidden]),[data-report-media-viewer]:not([hidden]):not([aria-hidden="true"] *),[data-venue-media-viewer]:not([hidden]):not([aria-hidden="true"] *)) [data-site-logo]{visibility:hidden;pointer-events:none}
.marrakech-phase1 .concierge-panel{top:0;bottom:0;height:auto;max-height:none}
.marrakech-phase1 .gallery-lightbox{align-items:start;padding-block:0}
.marrakech-phase1 .gallery-lightbox-dialog{height:100%;max-height:100%}
.marrakech-phase1 .gallery-lightbox-close{top:calc(var(--home-header-bottom,var(--fixed-header-height)) + 10px)}

.marrakech-phase1 .media-detail-shell-panel{display:flex;flex-direction:column;position:absolute;inset:0 clamp(8px,4vw,72px);width:auto;max-width:none;height:auto;min-height:0;max-height:none;transform:none;overflow:hidden}
/* Desktop detail panels retain 65% of their original width, centered. */
@media(min-width:1024px){
 .marrakech-phase1 .media-detail-shell-panel{inset-inline:calc(17.5% + clamp(5.2px,2.6vw,46.8px))}
}
@media(max-width:1023px){
 .marrakech-phase1 .home-guide-poster-card{--marrakech-guide-card-size:clamp(103px,18.7vh,156px)}
 .marrakech-phase1 .hero-content.hero-content-premium{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:min(620px,calc(100% - 28px));height:calc(var(--home-section-height) - 42px);min-height:0}
 .marrakech-phase1 .hero-copy{flex:0 0 auto;width:100%;order:1}
 .marrakech-phase1 .marrakech-hero-slogan{height:clamp(100px,calc((var(--home-section-height) - 100px) * .38),240px);max-height:none;object-fit:contain}
 .marrakech-phase1 .hero-daily-feature{flex:0 0 auto;order:2;width:min(86%,340px,calc((var(--home-section-height) - 100px) * .62));margin:0 auto;align-self:center}
 .marrakech-phase1 .marrakech-primary-nav{padding-inline:10px}
 .marrakech-phase1 .marrakech-primary-nav [data-primary-actions]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) calc(var(--fixed-logo-size) + 10px) minmax(0,1fr) minmax(0,1fr);gap:6px}
 .marrakech-phase1 .marrakech-primary-nav .button{padding-inline:1px}
}
@media(max-width:760px){
 .marrakech-phase1 .header-bar{grid-template-columns:minmax(0,1fr) var(--fixed-logo-size) minmax(0,1fr);grid-template-rows:34px 20px;align-content:center;padding-inline:4px}
 .marrakech-phase1 .site-language-switch{grid-column:1;grid-row:1}
 .marrakech-phase1 .site-header .site-language-switch .language-select-button{height:34px;min-height:34px}
 .marrakech-phase1 .header-sun-times{grid-column:1;grid-row:2;gap:4px;min-height:20px;font-size:9px}
 .marrakech-phase1 .social-links{grid-column:3;grid-row:1}
 .marrakech-phase1 .header-conditions{grid-column:3;grid-row:2;gap:7px}
 /* Two controls on each side of the unchanged logo; the center column stays empty. */
 .marrakech-phase1 .marrakech-primary-nav{padding-inline:4px}
 .marrakech-phase1 .marrakech-primary-nav [data-primary-actions]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) calc(var(--fixed-logo-size) + 8px) minmax(0,1fr) minmax(0,1fr);gap:4px}
 .marrakech-phase1 [data-home-section="footer"]{padding-inline:14px}
 .marrakech-phase1 [data-home-section="footer"] .footer-legal{font-size:11px;gap:6px}
}
@media(max-width:520px){.marrakech-phase1 .home-guide-poster-card{--marrakech-guide-card-size:clamp(90px,17.6vh,134px)}}
@media(prefers-reduced-motion:reduce){html:has(>body.marrakech-phase1){scroll-behavior:auto}.marrakech-phase1 .header-live-dot,.marrakech-phase1 .marrakech-hero-slogan{animation:none}.marrakech-phase1 .marrakech-primary-nav .button{transition:none}}

.marrakech-phase1 .hero-primary-column{grid-column:1;grid-row:1;width:100%;min-width:0;display:flex;align-items:center;justify-content:center}

/* Desktop icons are 75% of the previous 80px size; phone/tablet icons retain
   their approved sizes. The navigation fits below the upper bar and leaves
   the original centered logo unchanged.
   Link aria-labels retain accessible names when visual labels are hidden. */
.marrakech-phase1 .marrakech-primary-nav .home-action-label{display:none}
.marrakech-phase1 .marrakech-primary-nav .home-action-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 1 var(--marrakech-nav-icon-size);width:min(100%,var(--marrakech-nav-icon-size));height:auto;aspect-ratio:1;min-width:0;padding:0;transform:none}
.marrakech-phase1 .marrakech-primary-nav .home-action-icon img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
@media(max-width:1023px){.marrakech-phase1 .hero-primary-column{flex:0 0 auto;order:1}}

.marrakech-phase1 [data-home-section="footer"] .footer-legal a{display:inline-flex}
.marrakech-phase1 [data-home-section="footer"] .footer-legal i{display:inline-block}

/* Venue actions share one toolbar row with share/close at every width. */
.marrakech-phase1 .media-detail-shell[data-detail-type="venue"] .media-detail-shell-toolbar{display:flex;flex-wrap:nowrap;align-items:center}
.marrakech-phase1 .media-detail-shell[data-detail-type="venue"] .media-detail-shell-venue-actions{flex:1 1 0;min-width:0;align-items:center;overflow:visible}
.marrakech-phase1 .media-detail-shell[data-detail-type="venue"] .media-detail-shell-actions,.marrakech-phase1 .media-detail-shell[data-detail-type="venue"] .media-detail-shell-back{flex:0 0 auto}
@media(max-width:700px){
 .marrakech-phase1 .media-detail-shell[data-detail-type="venue"] .media-detail-shell-toolbar{gap:4px;padding-inline:5px}
 .marrakech-phase1 .media-detail-shell[data-detail-type="venue"] .media-detail-shell-venue-actions{gap:3px}
 .marrakech-phase1 .media-detail-shell-toolbar .media-detail-shell-venue-action{height:36px!important;padding-inline:3px!important;font-size:clamp(10px,2.7vw,11.5px)}
 .marrakech-phase1 .media-detail-shell-toolbar .venue-sheet-agenda-action-group{height:36px;justify-content:center}
 .marrakech-phase1 .media-detail-shell-toolbar .venue-sheet-agenda-action-group>.media-detail-shell-venue-action{height:36px!important;flex-basis:36px!important}
 .marrakech-phase1 .media-detail-shell-toolbar .venue-sheet-agenda-tonight{position:absolute;top:100%;margin-top:1px}
 .marrakech-phase1 .media-detail-shell-toolbar .media-detail-shell-venue-action .venue-sheet-agenda-action-icon{width:14px;height:14px;flex-basis:14px}
 .marrakech-phase1 .media-detail-shell[data-detail-type="venue"] .media-detail-shell-back{width:32px;height:36px}
}
@media(max-width:360px){
 .marrakech-phase1 .media-detail-shell-toolbar .venue-sheet-agenda-action-icon{display:none!important}
}

/* Server-rendered first-screen space prevents a late JavaScript padding jump. */
.marrakech-phase1 .venue-sheet-first-screen{display:contents}
@media(min-width:901px){
 .marrakech-phase1 .media-detail-shell[data-detail-type="venue"] .venue-sheet-first-screen-grid{margin-top:0;row-gap:0}
 .marrakech-phase1 .venue-sheet-first-screen>.venue-sheet-live-status,.marrakech-phase1 .venue-sheet-first-screen>.venue-sheet-identity{grid-column:1/-1;justify-self:start}
 .marrakech-phase1 .venue-sheet-first-screen>.venue-sheet-identity{width:100%}
 .marrakech-phase1 .venue-sheet-first-screen>.venue-sheet-summary-brief{grid-column:1;margin-top:12px}
 .marrakech-phase1 .media-detail-shell[data-detail-type="venue"] .venue-sheet-first-screen-grid>.venue-sheet-long-description{grid-column:2;margin-top:12px}
}
@media(max-width:900px){
 .marrakech-phase1 .media-detail-shell[data-detail-type="venue"] .venue-sheet-hero-inner{--venue-first-page-top:0px}
 .marrakech-phase1 .media-detail-shell[data-detail-type="venue"] .venue-sheet-first-screen-grid{display:block}
 .marrakech-phase1 .venue-sheet-first-screen{display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box;min-height:calc(var(--home-section-height) - 24px);padding-top:114px;padding-bottom:0}
 .marrakech-phase1 .venue-sheet-first-screen>.venue-sheet-live-status,.marrakech-phase1 .venue-sheet-first-screen>.venue-sheet-identity,.marrakech-phase1 .venue-sheet-first-screen>.venue-sheet-summary-brief{flex:0 0 auto}
 .marrakech-phase1 .venue-sheet-first-screen-grid>.venue-sheet-long-description{--venue-description-page-gap:8px}
}

/* Short landscape screens use both columns; all six chapter boxes retain the
   exact viewport below the navigation, including the hero and legal footer. */
@media(max-height:500px) and (min-width:600px){
 .marrakech-phase1 [data-home-section="hero"]{padding-bottom:4px}
 .marrakech-phase1 .hero-content.hero-content-premium{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:calc(var(--fixed-logo-size) + 16px);height:calc(var(--home-section-height) - 22px);min-height:0}
 .marrakech-phase1 .hero-primary-column{grid-column:1;grid-row:1;min-height:0;height:100%}
 .marrakech-phase1 .marrakech-hero-slogan{height:calc(var(--home-section-height) - 42px);max-height:100%}
 .marrakech-phase1 .hero-daily-feature{grid-column:2;grid-row:1;width:min(100%,calc(var(--home-section-height) - 82px));margin:0 auto;align-self:end}
 .marrakech-phase1 [data-home-section="footer"]{padding:calc(var(--home-section-inset) + 6px) 18px 6px}
 .marrakech-phase1 [data-home-section="footer"] .footer-stage{flex:1;gap:0}
 .marrakech-phase1 [data-home-section="footer"] .footer-kicker{margin:0 0 4px;font-size:9px}
 .marrakech-phase1 [data-home-section="footer"] .footer-sunset-signature{margin:0 0 4px;font-size:12px}
 .marrakech-phase1 [data-home-section="footer"] .footer-title{font-size:32px;line-height:1}
 .marrakech-phase1 [data-home-section="footer"] .footer-tagline{margin:4px 0 0;font-size:12px}
 .marrakech-phase1 [data-home-section="footer"] .footer-intro{margin:5px 0 0;font-size:11px;line-height:1.3}
 .marrakech-phase1 [data-home-section="footer"] .footer-action-row{margin:6px 0 0}
 .marrakech-phase1 [data-home-section="footer"] .footer-contact-link{min-height:30px}
 .marrakech-phase1 [data-home-section="footer"] .footer-legal{flex-shrink:0;margin:4px 0 0;padding:4px 0 0;min-height:30px;font-size:10px;line-height:1.2}
}

/* Desktop stacks the upper bar, icons and filters within the logo height.
   On phones/tablets both fixed bars end at the logo; filters follow below.
   Keep these layout rules scoped to Marrakech and leave filter behavior intact. */
html body.marrakech-phase1 :is([data-home-section="events"],[data-home-section="guide"]){padding-top:4px;padding-bottom:14px}
html body.marrakech-phase1 :is([data-home-section="events"],[data-home-section="guide"])>.container{height:100%;min-height:0;margin-block:0;padding-block:0;row-gap:4px}
@media(min-width:1024px){
 html body.marrakech-phase1 :is([data-home-section="events"],[data-home-section="guide"]){--marrakech-filter-height:calc(var(--home-logo-bottom,var(--fixed-logo-size)) - var(--home-content-top) - .5px);--events-filter-h:var(--marrakech-filter-height)!important;--guide-filter-h:var(--marrakech-filter-height)!important;padding-top:.5px}
 html body.marrakech-phase1 :is(.home-events-filter-row,.home-guide-filter-shell){box-sizing:border-box;flex-shrink:0;height:var(--marrakech-filter-height)!important;min-height:0!important;grid-template-rows:minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr) calc(var(--fixed-logo-size) + 24px) minmax(0,1fr)!important;align-items:center;padding-block:0!important;border-block-width:0;margin-block:0}
 html body.marrakech-phase1 :is(.home-events-filter-row,.home-guide-filter-shell)::after{display:none}
}

/* Keep the featured identity readable when the landscape viewport is short. */
@media(max-height:500px) and (min-width:600px){
 html body.marrakech-phase1 .hero-featured-copy{left:10px;right:10px;bottom:10px;gap:4px}
 html body.marrakech-phase1 .hero-featured-copy small{font-size:9px;line-height:1.2;letter-spacing:.04em}
 html body.marrakech-phase1 .hero-featured-copy strong{font-size:14px;line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
 html body.marrakech-phase1 .hero-featured-copy em{font-size:10px;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 html body.marrakech-phase1 .hero-featured-card p{display:none}
}

/* Compact desktop panels use their own width to arrange readable content. */
@media(min-width:1024px){
 .marrakech-phase1 .media-detail-shell-panel{container: marrakech-detail / inline-size}
}
@container marrakech-detail (max-width:700px){
 .marrakech-phase1 .media-detail-shell:is([data-detail-type="event"],[data-detail-type="article"]) .media-detail-shell-content{overflow-y:auto}
 .marrakech-phase1 .media-detail-shell[data-detail-type="event"] .event-sheet,
 .marrakech-phase1 .media-detail-shell[data-detail-type="article"] .report-sheet{display:block;height:auto;min-height:100%;overflow:visible}
 .marrakech-phase1 .media-detail-shell[data-detail-type="event"] .event-sheet-hero{height:min(45vh,400px);min-height:0;border-right:0}
 .marrakech-phase1 .media-detail-shell[data-detail-type="event"] .event-sheet-content{display:block;height:auto;overflow:visible;padding:18px}
 .marrakech-phase1 .media-detail-shell[data-detail-type="event"] .event-sheet-body{display:grid;grid-template-columns:minmax(0,1fr);height:auto;overflow:visible;margin-top:16px;gap:16px}
 .marrakech-phase1 .media-detail-shell[data-detail-type="event"] .event-sheet-aside{grid-template-rows:auto auto}
 .marrakech-phase1 .media-detail-shell[data-detail-type="event"] .event-sheet-map{min-height:180px}
 .marrakech-phase1 .media-detail-shell[data-detail-type="article"] .report-sheet-hero{height:auto;min-height:min(48vh,420px);border-right:0}
 .marrakech-phase1 .media-detail-shell[data-detail-type="article"] .report-sheet-hero-inner{padding:24px}
 .marrakech-phase1 .media-detail-shell[data-detail-type="article"] .report-sheet-layout{height:auto;overflow:visible;padding:20px}
 .marrakech-phase1 .media-detail-shell[data-detail-type="venue"] .venue-sheet-identity{width:100%!important}
 .marrakech-phase1 .media-detail-shell[data-detail-type="venue"] .venue-sheet-first-screen-grid{display:block}
 .marrakech-phase1 .media-detail-shell[data-detail-type="venue"] .venue-sheet-first-screen-grid>.venue-sheet-long-description{max-height:none;margin-top:16px;padding-left:0;border-left:0;overflow:visible}
}

/* Shared-city V1: honest, useful destination empty states.
   No fabricated events or articles; a clear Guide link replaces dead space. */
body.bynight-unified-v1 .home-events-empty[data-home-state="no-events"]:not([hidden]),
body.bynight-unified-v1 .home-report-empty[data-home-state="no-reports"]{
  position:absolute;top:50%;left:50%;z-index:8;
  box-sizing:border-box;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:clamp(8px,1.3vh,16px);
  width:min(90%,540px);margin:0;padding:clamp(18px,3vw,32px);
  transform:translate(-50%,-50%);border:1px solid rgba(232,200,120,.22);
  border-radius:clamp(14px,2vw,24px);
  background:linear-gradient(140deg,rgba(24,15,32,.94),rgba(9,6,16,.93));
  color:rgba(255,255,255,.78);text-align:center;
  box-shadow:0 20px 60px rgba(0,0,0,.25)
}
body.bynight-unified-v1 :is(
  .home-events-empty[data-home-state="no-events"],
  .home-report-empty[data-home-state="no-reports"]
) strong{color:#fff;font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.25}
body.bynight-unified-v1 :is(
  .home-events-empty[data-home-state="no-events"],
  .home-report-empty[data-home-state="no-reports"]
) span{font-size:clamp(.75rem,1.15vw,.92rem);line-height:1.45}
body.bynight-unified-v1 .home-public-empty-link{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:10px clamp(14px,2vw,22px);
  border-radius:999px;border:1px solid rgba(232,200,120,.55);
  background:rgba(232,200,120,.12);color:#f5dda1;
  text-decoration:none;font-size:clamp(.74rem,1vw,.9rem);
  font-weight:700;line-height:1.3;transition:background .2s ease,border-color .2s ease
}
body.bynight-unified-v1 .home-public-empty-link:hover,
body.bynight-unified-v1 .home-public-empty-link:focus-visible{
  background:rgba(232,200,120,.26);border-color:#f5dda1
}
body.bynight-unified-v1 .home-news-empty .home-public-empty-link{margin-top:clamp(8px,1.3vh,15px)}
@media(max-width:520px){
 body.bynight-unified-v1 .home-events-empty[data-home-state="no-events"]:not([hidden]),
 body.bynight-unified-v1 .home-report-empty[data-home-state="no-reports"]{
  width:calc(100% - 26px);padding:17px 13px;border-radius:14px
 }
 body.bynight-unified-v1 .home-public-empty-link{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 body.bynight-unified-v1 .home-public-empty-link{transition:none}
}

/* By Night — desktop topbar pairs, half of the actual whitespace.
   Keep sun, conditions, clock, and centered logo at their grid anchors. */
@media (min-width: 1024px) {
  body.marrakech-phase1 .site-header .site-language-switch {
    translate: var(--bynight-topbar-lang-shift, 0px) 0;
  }
  body.marrakech-phase1 .site-header .social-links {
    translate: var(--bynight-topbar-social-shift, 0px) 0;
  }
}

/* By Night: desktop upper pairs approach the unchanged logo by 50%.
   Each pair preserves the previous intra-pair gap. Four navigation icons use
   measured center/logo and intra-pair spacings, not fixed pixel offsets. */
@media (min-width: 1024px) {
  body.marrakech-phase1 .site-header .site-language-switch {
    translate: calc(var(--bynight-topbar-lang-shift, 0px) + var(--bynight-topbar-left-pair-shift, 0px)) 0;
  }
  body.marrakech-phase1 .site-header .header-sun-times {
    translate: var(--bynight-topbar-left-pair-shift, 0px) 0;
  }
  body.marrakech-phase1 .site-header .header-conditions {
    translate: var(--bynight-topbar-right-pair-shift, 0px) 0;
  }
  body.marrakech-phase1 .site-header .social-links {
    translate: calc(var(--bynight-topbar-social-shift, 0px) + var(--bynight-topbar-right-pair-shift, 0px)) 0;
  }
  body.marrakech-phase1 .marrakech-primary-nav [data-primary-actions] .button {
    width: calc(var(--marrakech-nav-icon-size) + 8px);
    justify-self: center;
    translate: var(--bynight-second-nav-shift, 0px) 0;
  }
}

/* The footer's gold line and upper glow belong to the fixed home navigation.
   Match the footer's full-screen dimensions so the gradient and arc retain
   their original appearance. This decoration never captures clicks or swipes. */
.marrakech-phase1 .bynight-menu-glow {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  right: 0;
  height: var(--home-section-height);
  box-sizing: border-box;
  overflow: hidden;
  pointer-events: none;
  border-top: 1px solid rgba(232,200,120,.24);
  background: radial-gradient(ellipse 72% 48% at 50% -4%,rgba(232,200,120,.19),transparent 72%);
}
.marrakech-phase1 .bynight-menu-glow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -58%;
  width: min(760px,78vw);
  height: min(760px,78vw);
  transform: translateX(-50%);
  border: 1px solid rgba(232,200,120,.11);
  border-radius: 50%;
  filter: blur(2px);
  box-shadow: 0 0 110px rgba(232,200,120,.06);
  pointer-events: none;
}
.marrakech-phase1 .bynight-menu-glow::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: min(1100px,92vw);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg,transparent,rgba(232,200,120,.72),transparent);
  box-shadow: 0 0 34px rgba(232,200,120,.34);
  pointer-events: none;
}
/* Retain the footer's spacing and lower colours without a second moving glow. */
.marrakech-phase1:has(.bynight-menu-glow) [data-home-section="footer"] {
  border-top-color: transparent !important;
  background:
    radial-gradient(circle at 10% 88%,rgba(96,35,118,.13),transparent 32%),
    radial-gradient(circle at 92% 74%,rgba(118,62,22,.12),transparent 28%),
    linear-gradient(180deg,#0b0710 0%,#07040a 48%,#030204 100%) !important;
}
.marrakech-phase1:has(.bynight-menu-glow) [data-home-section="footer"]::after {
  content: none;
}
.marrakech-phase1:has(.bynight-menu-glow) [data-home-section="footer"] .footer-glow-one {
  display: none;
}
@media (max-width: 700px) {
  .marrakech-phase1 .bynight-menu-glow {
    background: radial-gradient(circle at 50% -6%,rgba(232,200,120,.18),transparent 36%);
  }
  .marrakech-phase1:has(.bynight-menu-glow) [data-home-section="footer"] {
    background: linear-gradient(180deg,#0b0710,#040205) !important;
  }
}

/* Home screens replace each other under the fixed navigation. Hidden screens
   leave the layout and the accessibility tree; detail dialogs keep their own
   scrolling and horizontal carousels keep their touch behaviour. */
html:has(>body.bynight-screen-navigation) {
  height: 100%;
  overflow: hidden;
  scroll-snap-type: none !important;
  scroll-behavior: auto;
  scroll-padding-top: 0;
  overscroll-behavior-y: none;
}
body.bynight-screen-navigation {
  height: var(--home-viewport-height,100dvh);
  min-height: 0;
  overflow: hidden;
  overscroll-behavior-y: none;
}
body.bynight-screen-navigation [data-home-section] {
  position: fixed !important;
  top: var(--home-content-top);
  left: 0;
  right: 0;
  margin: 0 !important;
  scroll-snap-align: none;
  scroll-snap-stop: normal;
  transform: none !important;
  transition: none !important;
}
body.bynight-screen-navigation [data-home-section][hidden] {
  display: none !important;
}
body.bynight-screen-navigation [data-home-section]:not([hidden]) {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Selected navigation: icon glow, light marker and 8% enlargement.
   No background plate or border; the button layout stays stable. */
body.marrakech-phase1 .marrakech-primary-nav .button {
  position: relative;
  isolation: isolate;
}
body.marrakech-phase1 .marrakech-primary-nav .button::before {
  content: none;
}
body.marrakech-phase1 .marrakech-primary-nav .button::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2px;
  width: 18px;
  height: 3px;
  border-radius: 3px;
  background: #f5dda1;
  box-shadow: 0 0 8px rgba(245,221,161,.8);
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 180ms ease;
  pointer-events: none;
  z-index: 2;
}
body.marrakech-phase1 .marrakech-primary-nav .button .home-action-icon {
  position: relative;
  z-index: 1;
}
body.marrakech-phase1 .marrakech-primary-nav .button .home-action-icon img {
  transform: scale(1);
  transform-origin: center;
  transition: transform 180ms ease,filter 180ms ease;
}
body.marrakech-phase1 .marrakech-primary-nav .button[aria-current]::after {
  opacity: 1;
}
body.marrakech-phase1 .marrakech-primary-nav .button[aria-current] .home-action-icon img {
  transform: scale(1.08);
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.5)) drop-shadow(0 0 6px rgba(245,221,161,.55));
}
@media (max-width: 760px) {
  body.marrakech-phase1 .marrakech-primary-nav .button::after {width: 14px;height: 2px;}
}
@media (prefers-reduced-motion: reduce) {
  body.marrakech-phase1 .marrakech-primary-nav .button::after,
  body.marrakech-phase1 .marrakech-primary-nav .button .home-action-icon img {transition: none;}
}

/* Shared city footer: introduction at the top, description and contact below. */
.marrakech-phase1 [data-home-section="footer"] .footer-stage {
  justify-content: flex-start;
  padding-top: clamp(12px, 2vh, 24px);
}
.marrakech-phase1 [data-home-section="footer"] .footer-tagline {
  margin: 0 0 16px;
  font-weight: 400;
  line-height: 1.3;
}
.marrakech-phase1 [data-home-section="footer"] .footer-kicker {
  margin: 0 0 10px;
}
.marrakech-phase1 [data-home-section="footer"] .footer-sunset-signature {
  margin: 0;
}
.marrakech-phase1 [data-home-section="footer"] > .footer-intro {
  flex: 0 0 auto;
  width: 100%;
  max-width: 1000px;
  margin: 16px auto 0;
  text-align: center;
  text-wrap: balance;
}
.marrakech-phase1 [data-home-section="footer"] .footer-legal {
  flex-shrink: 0;
}
.marrakech-phase1 [data-home-section="footer"] .footer-language-contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 100%;
}
.marrakech-phase1 [data-home-section="footer"] .footer-legal .footer-contact-link {
  flex: 0 0 auto;
  min-width: 0;
  min-height: 34px;
  padding: 4px 12px;
  gap: 6px;
  font-size: inherit;
  white-space: nowrap;
}
.marrakech-phase1 [data-home-section="footer"] .footer-contact-link svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
@media (max-width: 700px) {
  .marrakech-phase1 [data-home-section="footer"] .footer-stage {
    padding-top: 12px;
  }
  .marrakech-phase1 [data-home-section="footer"] .footer-tagline {
    margin-bottom: 12px;
  }
  .marrakech-phase1 [data-home-section="footer"] .footer-kicker {
    margin-bottom: 8px;
  }
  .marrakech-phase1 [data-home-section="footer"] > .footer-intro {
    margin-top: 12px;
  }
}
@media (max-height: 500px) {
  .marrakech-phase1 [data-home-section="footer"] .footer-stage {
    padding-top: 0;
  }
  .marrakech-phase1 [data-home-section="footer"] .footer-tagline,
  .marrakech-phase1 [data-home-section="footer"] .footer-kicker {
    margin-bottom: 6px;
  }
  .marrakech-phase1 [data-home-section="footer"] > .footer-intro {
    margin-top: 6px;
  }
}

/* Guide sectors — original steel finish, 10% larger than the shared controls. */
html body.marrakech-phase1 [data-home-section="guide"].home-screen-guide {
  --home-guide-sector-row-height: calc(var(--home-filter-button-height) * 1.1 + 12px);
}
html body.marrakech-phase1 [data-home-section="guide"] .home-guide-filter-areas {
  padding: 2px 2px 9px !important;
  justify-content: safe center !important;
}
@media (min-width: 601px) and (max-width: 1023px) {
  html body.marrakech-phase1 [data-home-section="guide"] .home-guide-filter-areas { justify-content: flex-start !important; }
}
html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter], [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter], [data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter], [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter]) {
  --bn-depth: -1.125px;
  --bn-light: .2;
  position: relative;
  transform: translateY(0);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter], [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter], [data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter], [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter]) {
  isolation: isolate;
  border-color: #141a23;
  color: #172029;
  background: conic-gradient(from 25deg at 50% 52%, #d4e1e7 0deg, #e8f3fa 25deg, #9aabba 58deg, #202a36 102deg, #667789 138deg, #f6fcff 178deg, #9baebc 212deg, #101720 255deg, #4b5967 280deg, #f8fcff 325deg, #d4e1e7 360deg);
  box-shadow: 0 -.75px 0 #d6e5f35c, 0 -1.5px 0 #4b5664, 0 -2.25px 0 #010207, 0 -3px .75px #8fa1b41c, 0 -3.75px 5.25px #0009;
  text-shadow: 0 -1px 0 #f6fbff87;
  transition: transform 135ms cubic-bezier(.2,.7,.25,1), box-shadow 135ms ease, color 135ms ease;
}
html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter], [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter], [data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter], [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter])::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 1px;
  border-radius: inherit;
  background:
    linear-gradient(68deg, transparent 0%, #ffffff30 14%, transparent 28%, #08172612 44%, #ffffff28 64%, transparent 78%),
    repeating-linear-gradient(0deg, #ffffff0f 0px, #ffffff0f .45px, #0a1b2b0a .45px, #0a1b2b0a .9px, transparent .9px, transparent 1.7px),
    linear-gradient(0deg, #edf2f5 0%, #c7d0d7 12%, #a1adb8 35%, #8997a5 47%, #acb8c1 55%, #c8d1d8 72%, #a3afba 88%, #7b8999 100%);
  box-shadow: inset 0 -1px 0 #ffffffb3, inset 0 1px 1px #263443b3, inset 1px 0 1px #f4faff47, inset -1px 0 1px #101e2a66;
  pointer-events: none;
}
html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter], [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter], [data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter], [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter])::after {
  content: '';
  position: absolute;
  inset: 1px;
  height: auto;
  border-radius: inherit;
  background: radial-gradient(ellipse at var(--bn-reflection, 32%) 100%, #ffffff40, transparent 58%);
  box-shadow: inset 0 0 0 .5px #edf8ff47;
  opacity: .8;
  pointer-events: none;
}
html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter], [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter], [data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter], [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter]) :is(.guide-sector-label, .event-date-label, .home-filter-label) { position: relative; z-index: 1; }
html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter], [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter], [data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter], [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter]):hover:not([aria-pressed="true"]) {
  border-color: #141a23;
  background: conic-gradient(from 25deg at 50% 52%, #e0eaf0 0deg, #f2faff 25deg, #b1c4d1 58deg, #202a36 102deg, #718497 138deg, #fff 178deg, #b1c4d1 212deg, #1c2733 255deg, #5d6e7d 280deg, #fff 325deg, #e0eaf0 360deg);
}
html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter], [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter], [data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter], [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter])[aria-pressed="true"],
html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter], [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter], [data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter], [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter]):active {
  transform: translateY(var(--bn-depth));
  border-color: #19151d !important;
  color: #fff5f6 !important;
  background: conic-gradient(from 25deg at 50% 52%, #e9b5c0 0deg, #ffe1e9 25deg, #a28a98 58deg, #241e2a 102deg, #534d5c 138deg, #c5b2c0 178deg, #96838f 212deg, #15141d 255deg, #5e4652 280deg, #fbe6ec 325deg, #e9b5c0 360deg) !important;
  box-shadow: 0 0 0 1px #020107, 0 -1px 0 #d5bec62b, 0 0 10px rgb(200 39 70 / var(--bn-light));
  text-shadow: 0 1px 1px #4c0e23b3, 0 0 4px #ffd4df30;
}
html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter], [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter], [data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter], [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter])[aria-pressed="true"]::before,
html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter], [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter], [data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter], [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter]):active::before {
  background:
    linear-gradient(68deg, transparent 4%, #ffe2e917 20%, transparent 36%, #45071a14 50%, #ffe2e910 72%, transparent 90%),
    repeating-linear-gradient(0deg, #ffffff09 0px, #ffffff09 .45px, #39000c0d .45px, #39000c0d .9px, transparent .9px, transparent 1.7px),
    linear-gradient(0deg, #691429 0%, #981d37 20%, #b72442 44%, #c82746 58%, #dd3c59 84%, #c3314e 100%);
  box-shadow: inset 0 -2px 3px #29000fbf, inset 0 1px 0 #ffb4c333, inset 1px 0 2px #37011166, inset -1px 0 2px #37011166;
}
html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter], [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter], [data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter], [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter])[aria-pressed="true"]::after,
html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter], [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter], [data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter], [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter]):active::after {
  background: linear-gradient(0deg, transparent 45%, #ff9aad0a 85%, #ffb8cb29);
  box-shadow: inset 0 0 0 .5px #fde0eb29;
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) { html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter], [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter], [data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter], [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter]) { transition: none; } }

html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter], [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter], [data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter], [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter]):focus-visible { outline: 2px solid #e8c878; outline-offset: 2px; }

/* Retain the established sizes of each filter family. */
html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter], [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter]) {
  height: calc(var(--home-filter-button-height) * 1.1) !important;
  min-height: calc(var(--home-filter-button-height) * 1.1) !important;
  font-size: calc(var(--home-filter-font-size) * 1.1) !important;
  padding: 0 calc(var(--home-filter-padding-inline) * 1.1 + .1px) !important;
}

/* Compact category buttons while giving their labels more readable type. */
html body.marrakech-phase1 :is([data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter], [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter]) {
  height: calc(var(--home-filter-button-height) * .9) !important;
  min-height: calc(var(--home-filter-button-height) * .9) !important;
  font-size: calc(var(--home-filter-font-size) * 1.1) !important;
  padding: 0 calc(var(--home-filter-padding-inline) * .9) !important;
}

/* Agenda dates use the Guide sector controls; reserve room for their relief. */
html body.marrakech-phase1 [data-home-section="events"].home-screen-events {
  --home-date-row-height: calc(var(--home-filter-button-height) * 1.1 + 12px);
}
html body.marrakech-phase1 [data-home-section="events"] .home-events-filter-group--date {
  padding: 2px 2px 9px !important;
  justify-content: safe center !important;
}
@media (min-width: 901px) and (max-width: 1023px) {
  html body.marrakech-phase1 [data-home-section="events"].home-screen-events {
    --events-filter-h: calc(var(--home-date-row-height) + 6px) !important;
  }
}
@media (min-width: 1024px) {
  html body.marrakech-phase1 [data-home-section="events"] .home-events-filter-row > .home-events-filter-group--date {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }
  html body.marrakech-phase1 [data-home-section="events"] .home-events-filter-row > .home-events-filter-group--venue {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
}

/* Extend only the paint area above scroll rows; button positions stay fixed. */
html body.marrakech-phase1 [data-home-section="guide"] .home-guide-filter-areas {
  height: calc(var(--home-guide-sector-row-height) + 6px) !important;
  min-height: calc(var(--home-guide-sector-row-height) + 6px) !important;
  margin-block: -6px 0;
  padding-top: 8px !important;
}
html body.marrakech-phase1 [data-home-section="events"] .home-events-filter-group--date {
  height: calc(var(--home-date-row-height) + 6px) !important;
  min-height: calc(var(--home-date-row-height) + 6px) !important;
  margin-block: -6px 0;
  padding-top: 8px !important;
}
html body.marrakech-phase1 [data-home-section="events"] .home-events-filter-group--venue {
  height: calc(var(--home-event-type-row-height) + 6px) !important;
  min-height: calc(var(--home-event-type-row-height) + 6px) !important;
  margin-block: -6px 0;
  padding-top: 6px !important;
}
@media (max-width: 900px) {
  html body.marrakech-phase1 [data-home-section="events"] .home-events-filter-group--venue { padding-top: 8px !important; }
}
html body.marrakech-phase1 [data-home-section="guide"] .home-guide-type-options {
  margin-top: -6px;
  padding-top: 6px;
}

/* Desktop: move half the gap between type-button faces above the first row. */
@media (min-width: 1024px) {
  html body.marrakech-phase1 [data-home-section="guide"] .home-guide-type-row-primary {
    position: relative;
    top: 3.1px;
  }
}

/* Keep the live indicator midway between weather and local time. */
.marrakech-phase1 .site-header { --bn-header-time-size: 18px; }
.marrakech-phase1 .site-header .header-conditions { gap: 7.5px; }
.marrakech-phase1 .site-header .header-conditions > .header-live-dot { order: 2; flex-shrink: 0; }
.marrakech-phase1 .site-header .header-metric--time { order: 3; }
.marrakech-phase1 .site-header :is(.header-time, .header-sun-times b) { font-size: var(--bn-header-time-size); }
@media (max-width: 760px) {
  .marrakech-phase1 .site-header { --bn-header-time-size: 13px; }
  .marrakech-phase1 .site-header .header-conditions { gap: 5.5px; }
}
@media (max-width: 430px) {
  .marrakech-phase1 .site-header { --bn-header-time-size: 12px; }
}
@media (max-width: 360px) {
  .marrakech-phase1 .site-header { --bn-header-time-size: 11px; }
  .marrakech-phase1 .site-header .header-conditions { gap: 5px; }
}

/* Let the tabular digits use their natural width, including on narrow screens. */
.marrakech-phase1 .site-header .header-temperature { min-width: 0; }
.marrakech-phase1 .site-header .header-sun-times b { width: auto; min-width: 0; }
@media (min-width: 761px) and (max-width: 900px) {
  .marrakech-phase1 .site-header .header-left .header-sun-times { --solar-icon-size: 20px; gap: 4px; }
  .marrakech-phase1 .site-header .header-sun-times > span { gap: 2px; }
}

/* Shared rotating header display and member entry. */
.marrakech-phase1 .site-header .header-member-login{grid-column:2;grid-row:1;justify-self:center;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #ffffff30;border-radius:6px;background:#ffffff06;color:rgba(255,255,255,.82);font:600 12px/1.2 "DM Sans",sans-serif;text-decoration:none;translate:var(--bynight-topbar-left-pair-shift,0px) 0;white-space:nowrap}
.header-member-login svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.header-member-login:disabled{cursor:default;opacity:.7}
.marrakech-phase1 .site-header .header-conditions{perspective:450px}
.marrakech-phase1 .site-header .header-conditions-rotator{--cube-half:16px;position:relative;display:grid;width:max-content;max-width:100%;height:32px;align-items:center;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;transform-style:preserve-3d}
.marrakech-phase1 .site-header .header-conditions-cube{display:grid;height:100%;transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--cube-half))) rotateX(var(--cube-turn,0deg));transition:transform .85s cubic-bezier(.22,.7,.2,1)}

.marrakech-phase1 .site-header .header-conditions-face{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:7.5px;height:100%;white-space:nowrap;backface-visibility:hidden;transform:rotateX(0deg) translateZ(var(--cube-half))}
.marrakech-phase1 .site-header .header-conditions .header-sun-times{grid-area:1/1;position:relative;translate:none;gap:6px;min-height:0;width:auto;margin:0;padding:0;transform:rotateX(-90deg) translateZ(var(--cube-half));--solar-icon-size:22px;pointer-events:none}
.marrakech-phase1 .site-header .header-conditions .header-sun-times svg{display:block;width:var(--solar-icon-size);height:var(--solar-icon-size);fill:none;stroke:none}
.marrakech-phase1 .site-header .header-conditions .header-sun-times b{font-size:calc(var(--bn-header-time-size) * .8);color:rgba(255,255,255,.82);width:auto;min-width:0}
.marrakech-phase1 .site-header .header-conditions-face>.header-live-dot{order:2;flex-shrink:0}
.marrakech-phase1 .site-header .header-metric--temperature .header-weather-icon{width:22px;height:22px;flex:0 0 22px}
.marrakech-phase1 .site-header .header-weather-icon svg{width:100%;height:100%;fill:none;stroke:none;filter:drop-shadow(0 1px 2px #0003)}
.header-conditions-rotator:focus-visible,.header-member-login:focus-visible{outline:2px solid #FFD85A;outline-offset:3px}
@media(max-width:760px){
 .marrakech-phase1 .site-header .header-member-login{grid-column:1;grid-row:2;translate:none;padding:1px 7px;font-size:11px;height:20px;box-sizing:border-box}
 .marrakech-phase1 .site-header .header-conditions-rotator{--cube-half:10px;height:20px}
 .marrakech-phase1 .site-header .header-conditions-face{gap:5.5px}
 .marrakech-phase1 .site-header .header-conditions .header-sun-times{--solar-icon-size:17px;gap:4px}
 .marrakech-phase1 .site-header .header-metric--temperature .header-weather-icon{width:17px;height:17px;flex-basis:17px}
}
@media(max-width:360px){.marrakech-phase1 .site-header .header-conditions-face{gap:4px}.marrakech-phase1 .site-header .header-conditions .header-sun-times{--solar-icon-size:15px;gap:3px}.marrakech-phase1 .site-header .header-metric--temperature .header-weather-icon{width:15px;height:15px;flex-basis:15px}}
@media(prefers-reduced-motion:reduce){.marrakech-phase1 .site-header .header-conditions-cube{transition:none}}

.header-member-login>span{display:flex;flex-direction:column;align-items:center;line-height:1;gap:2px}.header-member-login small{font-size:8px;font-weight:400;opacity:.75}
@media(max-width:760px){.marrakech-phase1 .site-header .header-member-login{font-size:10px;padding-block:0}.header-member-login>span{gap:1px}.header-member-login small{font-size:7px}}