/* 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}
}