/*
Theme Name: CNL Platform
Theme URI: https://example.com/cnl-platform
Author: Promozy Digital
Description: Custom Cairo NightLife editorial and nightlife platform theme based on the approved CNL V81 design.
Version: 1.3.5
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: cnl-platform
*/


:root{
  --yellow:#F7DA65;
  --red:#E62D52;
  --navy:#111C31;
  --navy2:#172238;
  --ink:#171717;
  --white:#FFFDF7;
  --slate:#52616F;
  --sage:#C5D9BC;
  --teal:#28ACA7;
  --orange:#F15C42;
  --blue:#4A76D9;
  --purple:#8D3FD1;
  --line:rgba(255,255,255,.14);
  --max:1500px;
  --display:Impact,Haettenschweiler,"Arial Narrow Bold","Helvetica Neue Condensed Bold",Arial,sans-serif;
  --body:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--white);font-family:var(--body);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
.shell{max-width:var(--max);margin:auto}
header{position:sticky;top:0;z-index:80;background:rgba(17,28,49,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(247,218,101,.22)}
.nav{height:70px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;min-width:190px}
.brand-tile{width:82px;height:44px;background:var(--yellow);display:grid;place-items:center;overflow:hidden;position:relative}
.brand-tile img{width:78px;height:auto;display:block}
.brand small{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#b9c0ca;line-height:1.3}
.navlinks{display:flex;gap:20px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.navlinks a{opacity:.82;transition:.18s}
.navlinks a:hover{opacity:1;color:var(--yellow)}
.actions{display:flex;gap:8px;align-items:center}
.icon,.login{height:38px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff}
.icon{width:38px;display:grid;place-items:center}
.login{padding:0 14px;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.12em;background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.menu{display:none}
.ticker{height:34px;background:var(--red);color:#fff;overflow:hidden;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.15)}
.ticker-track{white-space:nowrap;font-family:var(--display);font-size:18px;letter-spacing:.06em;animation:move 22s linear infinite}
@keyframes move{to{transform:translateX(-50%)}}
.hero{min-height:620px;display:grid;grid-template-columns:1.16fr .84fr;background:var(--yellow);color:var(--ink);position:relative;overflow:hidden}
.hero-left{padding:42px 30px 34px;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:620px}
.hero-pattern{position:absolute;inset:-15% -5%;font-family:var(--display);font-size:clamp(88px,11vw,190px);line-height:.74;color:transparent;-webkit-text-stroke:2px rgba(230,45,82,.22);transform:rotate(-2deg);pointer-events:none;user-select:none;letter-spacing:-.03em;white-space:pre-line}
.hero-kicker{position:relative;z-index:2;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;display:flex;gap:12px;align-items:center}
.hero-kicker:before{content:"";width:42px;height:7px;background:var(--red)}
.hero-copy{position:relative;z-index:2}
.hero h1{font-family:var(--display);font-weight:900;font-size:clamp(78px,10vw,160px);line-height:.76;letter-spacing:-.03em;margin:0;text-transform:uppercase;max-width:840px}
.hero h1 .red{color:var(--red)}
.hero-sub{display:grid;grid-template-columns:minmax(220px,520px) auto;gap:22px;align-items:end;margin-top:24px}
.hero-sub p{margin:0;font-size:16px;line-height:1.45;max-width:510px;font-weight:700}
.hero-ctas{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.btn{min-height:46px;padding:0 18px;border:2px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:950;background:transparent;color:var(--ink);border-radius:0}
.btn.primary{background:var(--ink);color:var(--yellow)}
.hero-right{background:var(--red);position:relative;overflow:hidden;display:grid;grid-template-rows:1fr auto}
.hero-visual{position:relative;min-height:520px;background:
  radial-gradient(circle at 50% 18%,rgba(247,218,101,.9) 0 4%,transparent 4.4%),
  radial-gradient(circle at 67% 28%,rgba(255,255,255,.7) 0 2.5%,transparent 2.9%),
  linear-gradient(160deg,transparent 0 38%,rgba(17,28,49,.35) 38% 41%,transparent 41% 54%,rgba(17,28,49,.55) 54% 59%,transparent 59%),
  linear-gradient(135deg,#6e1632 0%,#e62d52 43%,#f06443 100%);
}
.hero-visual:before{content:"CAIRO";position:absolute;top:20px;right:-24px;font-family:var(--display);font-size:clamp(100px,13vw,220px);color:transparent;-webkit-text-stroke:3px rgba(247,218,101,.85);line-height:.8;transform:rotate(90deg) translateX(42%);transform-origin:top right;letter-spacing:-.04em}
.hero-visual:after{content:"";position:absolute;left:26px;bottom:24px;font-family:var(--display);font-size:clamp(76px,8vw,136px);line-height:.75;color:#fff;letter-spacing:-.03em}
.hero-badge{height:100px;background:var(--navy);color:#fff;padding:16px 22px;display:flex;justify-content:space-between;align-items:end}
.hero-badge b{font-family:var(--display);font-size:32px;letter-spacing:.01em}
.hero-badge span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#c6cad0;text-align:right}
.section{padding:34px 26px}
.section.tight{padding-top:26px;padding-bottom:28px}
.head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}
.eyebrow{font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:950;margin-bottom:7px}
.head h2{font-family:var(--display);font-size:clamp(44px,5.3vw,78px);line-height:.82;letter-spacing:-.02em;margin:0;text-transform:uppercase}
.head a{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;border-bottom:2px solid currentColor;padding-bottom:5px;white-space:nowrap}
.yellow-section{background:var(--yellow);color:var(--ink)}
.red-section{background:var(--red);color:#fff}
.navy-section{background:var(--navy);color:#fff}
.black-section{background:#0b0f18;color:#fff}
.events-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.event-card{min-height:360px;background:#111;position:relative;overflow:hidden;border:0;color:#fff;display:flex;align-items:flex-end;padding:16px;isolation:isolate}
.event-card:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--cardbg,linear-gradient(140deg,#25334d,#0b0f18))}
.event-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.78) 100%)}
.event-pattern{position:absolute;inset:auto -22px 42% auto;font-family:var(--display);font-size:82px;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.22);transform:rotate(-90deg);letter-spacing:-.04em}
.event-date{position:absolute;top:14px;left:14px;background:var(--yellow);color:var(--ink);width:52px;height:58px;display:grid;place-items:center;text-align:center;font-size:8px;font-weight:950;line-height:1}
.event-date b{display:block;font-family:var(--display);font-size:26px;line-height:.85}
.event-meta{width:100%}
.event-meta small{font-size:8px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:#ddd}
.event-meta h3{font-family:var(--display);font-size:34px;line-height:.88;margin:6px 0 8px;text-transform:uppercase;letter-spacing:-.01em}
.event-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.32);padding-top:9px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}
.weekend-grid{display:grid;grid-template-columns:1.35fr .75fr .75fr;grid-template-rows:245px 245px;gap:8px}
.story-card{position:relative;overflow:hidden;padding:18px;display:flex;flex-direction:column;justify-content:space-between;background:var(--bg,#111);color:var(--fg,#fff)}
.story-card.big{grid-row:1/3}
.story-card .outline{position:absolute;right:-18px;top:-18px;font-family:var(--display);font-size:92px;line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.22)}
.story-card.big .outline{font-size:150px;top:10px}
.story-card .type{font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:950;position:relative;z-index:2}
.story-card h3{font-family:var(--display);font-size:clamp(34px,3.7vw,58px);line-height:.86;margin:0;text-transform:uppercase;max-width:90%;position:relative;z-index:2}
.story-card.big h3{font-size:clamp(56px,6.4vw,100px);max-width:82%}
.story-card .arrow{width:40px;height:40px;border:2px solid currentColor;display:grid;place-items:center;align-self:flex-end;position:relative;z-index:2}
.venues-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.venue-card{min-height:230px;background:var(--navy2);border:1px solid rgba(255,255,255,.12);padding:16px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.venue-card .num{font-family:var(--display);font-size:82px;color:rgba(247,218,101,.13);position:absolute;right:8px;top:-5px;line-height:1}
.venue-card .tag{font-size:8px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--yellow)}
.venue-card h3{font-family:var(--display);font-size:31px;line-height:.9;text-transform:uppercase;margin:0 0 7px}
.venue-card p{margin:0;color:#a9b1be;font-size:10px;line-height:1.45}
.venue-card .go{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;border-top:1px solid rgba(255,255,255,.14);padding-top:9px}
.spotted-wrap{display:grid;grid-template-columns:.72fr 1.28fr;min-height:520px}
.spotted-copy{padding:34px 28px;background:#0a0f19;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.spotted-copy:after{content:"CNL";position:absolute;bottom:-40px;right:-6px;font-family:var(--display);font-size:220px;color:transparent;-webkit-text-stroke:2px rgba(247,218,101,.11)}
.spotted-copy h2{font-family:var(--display);font-size:clamp(66px,8vw,124px);line-height:.76;text-transform:uppercase;letter-spacing:-.03em;margin:0}
.spotted-copy h2 span{color:var(--yellow)}
.spotted-copy p{max-width:390px;color:#aeb5c1;line-height:1.5;font-size:13px;position:relative;z-index:2}
.contact-sheet{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:4px;background:#0a0f19;padding:4px}
.snap{min-height:210px;position:relative;overflow:hidden;background:var(--snapbg)}
.snap:nth-child(1){--snapbg:linear-gradient(145deg,#171d2c,#4a76d9)}
.snap:nth-child(2){--snapbg:linear-gradient(145deg,#111c31,#e62d52)}
.snap:nth-child(3){--snapbg:linear-gradient(145deg,#26303e,#f15c42)}
.snap:nth-child(4){--snapbg:linear-gradient(145deg,#0b1522,#28aca7)}
.snap:nth-child(5){--snapbg:linear-gradient(145deg,#37244b,#8d3fd1)}
.snap:nth-child(6){--snapbg:linear-gradient(145deg,#111c31,#f7da65)}
.snap:nth-child(7){--snapbg:linear-gradient(145deg,#1d293b,#52616f)}
.snap:nth-child(8){--snapbg:linear-gradient(145deg,#2b3032,#c5d9bc)}
.snap:before{content:"";position:absolute;width:70%;height:130%;left:15%;top:18%;border:14px solid rgba(255,255,255,.12);border-radius:50% 50% 8% 8%;transform:rotate(var(--r,8deg))}
.snap:after{content:attr(data-label);position:absolute;left:12px;bottom:10px;font-size:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;color:#fff;background:rgba(0,0,0,.55);padding:6px 7px}
.moments-row{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:8px}
.moment{min-height:300px;background:var(--m);position:relative;overflow:hidden;padding:14px;display:flex;align-items:flex-end}
.moment:first-child{min-height:380px}
.moment:before{content:"▶";position:absolute;top:14px;right:14px;width:38px;height:38px;border:2px solid #fff;display:grid;place-items:center;font-size:12px}
.moment:after{content:"MOMENT";position:absolute;right:-12px;bottom:92px;font-family:var(--display);font-size:72px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.23);transform:rotate(-90deg)}
.moment h3{font-family:var(--display);font-size:30px;line-height:.9;margin:0;text-transform:uppercase;max-width:85%}
.news-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:220px 220px;gap:8px}
.news-card{background:var(--nbg);padding:16px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:var(--nfg,#fff)}
.news-card.featured{grid-row:1/3}
.news-card:after{content:"CAIRO";position:absolute;right:-10px;top:18px;font-family:var(--display);font-size:82px;color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.22)}
.news-card .category{font-size:8px;letter-spacing:.14em;text-transform:uppercase;font-weight:950;position:relative;z-index:2}
.news-card h3{font-family:var(--display);font-size:34px;line-height:.9;text-transform:uppercase;margin:0;max-width:90%;position:relative;z-index:2}
.news-card.featured h3{font-size:64px}
.news-card p{font-size:10px;line-height:1.45;margin:7px 0 0;max-width:75%;position:relative;z-index:2}
.explore-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.explore{min-height:260px;background:var(--c);color:var(--ink);padding:14px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.explore:nth-child(1){color:#fff}
.explore:nth-child(2),.explore:nth-child(6){color:#fff}
.explore .big{font-family:var(--display);font-size:70px;line-height:.8;opacity:.17;position:absolute;right:-4px;top:12px;transform:rotate(-90deg) translateX(-30%);transform-origin:right top}
.explore b{font-family:var(--display);font-size:26px;text-transform:uppercase;line-height:.9;position:relative;z-index:2}
.explore small{font-size:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;position:relative;z-index:2}
.neighborhoods{display:flex;overflow:auto;background:var(--yellow);color:var(--ink);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.neighborhoods a{min-width:230px;padding:18px 20px;border-right:2px solid var(--ink);font-family:var(--display);font-size:30px;text-transform:uppercase;white-space:nowrap;display:flex;justify-content:space-between;gap:10px;align-items:center}
.partner{background:var(--red);display:grid;grid-template-columns:1fr auto;gap:26px;align-items:end;padding:36px 28px;color:#fff}
.partner h2{font-family:var(--display);font-size:clamp(62px,8vw,128px);line-height:.76;letter-spacing:-.03em;margin:0;text-transform:uppercase}
.partner p{margin:13px 0 0;max-width:640px;font-size:13px;line-height:1.45}
.partner .btn{border-color:#fff;color:#fff;min-width:180px}
footer{background:#080d15;padding:26px;color:#c3c8d0}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.footer-logo{width:172px;background:transparent;padding:0}
.footer-logo img{width:100%;display:block;background:transparent}
.footer-title{font-family:var(--display);font-size:22px;text-transform:uppercase;margin-bottom:10px;color:#fff}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.09em}
.newsletter{display:grid;grid-template-columns:1fr auto;margin-top:10px}
.newsletter input{min-height:42px;background:transparent;border:1px solid #4b5565;color:#fff;padding:0 10px;border-radius:0}
.newsletter button{border:0;background:var(--yellow);color:var(--ink);padding:0 14px;text-transform:uppercase;font-size:9px;font-weight:950;letter-spacing:.1em}
.footer-bottom{border-top:1px solid #283244;margin-top:24px;padding-top:14px;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#7f8999}
.search-overlay{display:none;position:fixed;inset:0;z-index:120;background:rgba(8,13,21,.96);padding:24px}
.search-overlay.open{display:block}
.search-box{max-width:1000px;margin:70px auto;background:var(--yellow);color:var(--ink);padding:22px;border:4px solid var(--ink)}
.search-top{display:flex;gap:8px}
.search-top input{flex:1;height:56px;border:2px solid var(--ink);background:#fff;padding:0 14px;font-size:20px;font-weight:800;border-radius:0}
.search-top button{width:56px;border:2px solid var(--ink);background:var(--red);color:#fff;font-size:24px}
.search-suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.search-suggestions div{background:var(--ink);color:#fff;padding:14px;min-height:90px}
.search-suggestions b{font-family:var(--display);font-size:24px;text-transform:uppercase}
.mobile-panel{display:none}
@media(max-width:1100px){
 .navlinks{display:none} .menu{display:grid}
 .hero{grid-template-columns:1fr .72fr} .hero-sub{grid-template-columns:1fr}
 .hero-ctas{justify-content:flex-start}
 .events-grid{grid-template-columns:repeat(2,1fr)}
 .venues-grid{grid-template-columns:repeat(3,1fr)}
 .explore-grid{grid-template-columns:repeat(4,1fr)}
 .weekend-grid{grid-template-columns:1.2fr 1fr;grid-template-rows:230px 230px 230px}
 .story-card.big{grid-row:1/3} .story-card:nth-child(4){grid-column:1/3}
 .moments-row{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
 header{position:sticky} .nav{height:62px;padding:0 12px}
 .brand{min-width:0} .brand small{display:none} .brand-tile{width:70px;height:38px} .brand-tile img{width:66px}
 .login{display:none}
 .ticker{height:30px} .ticker-track{font-size:16px}
 .hero{display:block;min-height:auto}
 .hero-left{min-height:520px;padding:28px 16px 22px}
 .hero h1{font-size:82px}
 .hero-sub{gap:16px;margin-top:18px}
 .hero-sub p{font-size:14px}
 .hero-right{min-height:350px}
 .hero-visual{min-height:310px}
 .hero-badge{height:84px}
 .section{padding:26px 12px}
 .head{align-items:flex-start}
 .head h2{font-size:48px}
 .head a{font-size:8px}
 .events-grid{grid-template-columns:1fr 1fr;gap:4px}
 .event-card{min-height:280px;padding:11px}
 .event-meta h3{font-size:25px}
 .event-date{top:9px;left:9px;width:44px;height:50px}
 .weekend-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:300px 210px 210px;gap:4px}
 .story-card.big{grid-column:1/3;grid-row:auto}
 .story-card:nth-child(4){grid-column:auto}
 .story-card h3{font-size:31px} .story-card.big h3{font-size:54px}
 .venues-grid{grid-template-columns:1fr 1fr;gap:4px}
 .venue-card{min-height:190px;padding:12px}
 .spotted-wrap{grid-template-columns:1fr}
 .spotted-copy{min-height:330px;padding:24px 16px}
 .contact-sheet{grid-template-columns:repeat(2,1fr)}
 .snap{min-height:180px}
 .moments-row{grid-template-columns:1fr 1fr;gap:4px}
 .moment,.moment:first-child{min-height:280px}
 .news-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 180px 180px;gap:4px}
 .news-card.featured{grid-column:1/3;grid-row:auto}
 .news-card h3{font-size:25px} .news-card.featured h3{font-size:48px}
 .explore-grid{grid-template-columns:repeat(2,1fr);gap:4px}
 .explore{min-height:190px}
 .explore:last-child{grid-column:1/3}
 .partner{grid-template-columns:1fr;padding:28px 16px}
 .partner h2{font-size:72px}
 .footer-grid{grid-template-columns:1fr;gap:20px}
 .footer-bottom{flex-direction:column}
 .search-overlay{padding:10px}
 .search-box{margin:40px auto;padding:12px}
 .search-suggestions{grid-template-columns:1fr}
 .mobile-panel{display:none;position:fixed;inset:62px 0 0;z-index:100;background:var(--yellow);color:var(--ink);padding:18px}
 .mobile-panel.open{display:block}
 .mobile-panel a{display:flex;justify-content:space-between;padding:16px 0;border-bottom:2px solid var(--ink);font-family:var(--display);font-size:30px;text-transform:uppercase}
}

/* =========================
   CNL V2 — calmer, stronger, less color noise
   ========================= */
:root{
  --navy:#101a2d;
  --navy2:#152239;
  --ink:#101a2d;
  --white:#fffdf7;
}
body{background:var(--navy)}
header{background:rgba(16,26,45,.97);border-bottom:1px solid rgba(247,218,101,.16)}
.nav{height:72px;padding:0 28px}
.brand-tile{background:transparent;width:92px;height:48px}
.brand-tile img{width:86px}
.brand small{color:#8e98a9}
.navlinks{gap:24px;font-size:11px}
.navlinks a:hover{color:var(--yellow)}
.login{background:transparent;color:var(--yellow);border-color:rgba(247,218,101,.65)}
.ticker{display:none}

.hero{min-height:560px;grid-template-columns:1.08fr .92fr;background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.hero-left{min-height:560px;padding:54px 34px 38px;background:var(--navy)}
.hero-pattern{inset:2% auto auto -2%;font-size:clamp(150px,18vw,300px);line-height:.72;color:transparent;-webkit-text-stroke:1.5px rgba(247,218,101,.08);transform:none;white-space:nowrap}
.hero-pattern{font-size:0}
.hero-pattern:after{content:"CAIRO";font-family:var(--display);font-size:clamp(150px,18vw,300px);line-height:.72;color:transparent;-webkit-text-stroke:1.5px rgba(247,218,101,.08);letter-spacing:-.05em}
.hero-kicker{color:var(--yellow);font-size:9px}
.hero-kicker:before{width:32px;height:3px;background:var(--red)}
.hero h1{font-size:clamp(72px,8.6vw,138px);line-height:.78;color:#fff;max-width:760px}
.hero h1 .red{color:var(--yellow)}
.hero-sub{grid-template-columns:minmax(220px,520px) auto;margin-top:28px}
.hero-sub p{font-size:14px;color:#c8ced8;font-weight:600;max-width:470px}
.btn{border-color:rgba(255,255,255,.45);color:#fff;min-height:44px}
.btn.primary{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}
.hero-right{background:var(--yellow);grid-template-rows:1fr auto}
.hero-visual{min-height:475px;background:
 linear-gradient(180deg,rgba(16,26,45,.08),rgba(16,26,45,.42)),
 radial-gradient(circle at 58% 24%,rgba(230,45,82,.92) 0 3%,transparent 3.3%),
 linear-gradient(138deg,#22314b 0%,#111b2d 62%,#27364e 100%)}
.hero-visual:before{content:"CAIRO";top:26px;right:-18px;font-size:clamp(92px,11vw,175px);-webkit-text-stroke:2px rgba(247,218,101,.45)}
.hero-visual:after{content:"";font-size:clamp(64px,6.6vw,108px);left:24px;bottom:24px;color:#fff}
.hero-badge{height:84px;background:var(--yellow);color:var(--navy);padding:14px 22px;border-top:1px solid rgba(16,26,45,.22)}
.hero-badge b{font-size:27px}
.hero-badge span{color:#33415a}

.section{padding:46px 28px}
.section.tight{padding-top:44px;padding-bottom:46px}
.yellow-section,.red-section,.navy-section,.black-section{background:var(--navy);color:#fff}
#weekend,#news,#explore{background:#0c1526}
.head{margin-bottom:22px}
.eyebrow{color:var(--navy)!important;font-size:8px;letter-spacing:.2em;margin-bottom:8px}
.head h2{font-size:clamp(40px,4.5vw,64px);line-height:.88}
.head a{color:#aeb7c5!important;border-bottom-color:rgba(247,218,101,.55);font-size:9px}

.events-grid{grid-template-columns:repeat(3,1fr);gap:12px}
.event-card{min-height:330px;background:#111b2d;border:1px solid rgba(255,255,255,.08)}
.event-card:nth-child(4){display:none}
.event-card:before{background:linear-gradient(145deg,#182641,#101a2d)!important}
.event-card:nth-child(2):before{background:linear-gradient(145deg,#192943,#111b2d)!important}
.event-card:nth-child(3):before{background:linear-gradient(145deg,#1c263b,#101a2d)!important}
.event-card:after{background:linear-gradient(180deg,transparent 34%,rgba(0,0,0,.82) 100%)}
.event-pattern{font-size:70px;-webkit-text-stroke-color:rgba(247,218,101,.14)}
.event-date{background:var(--yellow);color:var(--navy)}
.event-meta h3{font-size:32px}

.weekend-grid{grid-template-columns:1.45fr 1fr;grid-template-rows:180px 180px;gap:12px}
.story-card.big{grid-row:1/3;background:#152139!important;border:1px solid rgba(255,255,255,.08)}
.story-card:nth-child(2){background:var(--yellow)!important;color:var(--navy)!important}
.story-card:nth-child(3){background:#16243a!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)}
.story-card:nth-child(4),.story-card:nth-child(5){display:none}
.story-card{padding:20px}
.story-card .outline{opacity:.55}
.story-card.big .outline{font-size:120px}
.story-card h3{font-size:clamp(30px,3vw,46px)}
.story-card.big h3{font-size:clamp(50px,5.3vw,78px)}
.story-card .arrow{width:36px;height:36px}

.venues-grid{grid-template-columns:repeat(4,1fr);gap:12px}
.venue-card{min-height:210px;background:#131f34;border:1px solid rgba(255,255,255,.08);padding:18px}
.venue-card:nth-child(5){display:none}
.venue-card .num{font-size:72px;color:rgba(247,218,101,.08)}
.venue-card .tag{color:var(--yellow)}
.venue-card p{color:#97a1b0}

#snaps{background:#0b1423}
.spotted-wrap{grid-template-columns:.62fr 1.38fr;min-height:440px}
.spotted-copy{padding:34px 30px;background:#0b1423;border-right:1px solid rgba(255,255,255,.08)}
.spotted-copy h2{font-size:clamp(58px,7vw,100px)}
.spotted-copy p{font-size:12px;color:#9ea8b7}
.contact-sheet{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:6px;background:#0b1423;padding:6px}
.snap{min-height:205px}
.snap:nth-child(n){--snapbg:linear-gradient(145deg,#17243b,#101a2d)}
.snap:nth-child(2),.snap:nth-child(5){--snapbg:linear-gradient(145deg,#1c2b43,#18233a)}
.snap:nth-child(3){--snapbg:linear-gradient(145deg,#202a3a,#141d30)}
.snap:nth-child(6){--snapbg:linear-gradient(145deg,#1a2740,#111a2b)}
.snap:nth-child(7),.snap:nth-child(8){display:none}
.snap:before{border-color:rgba(247,218,101,.13);border-width:9px}
.snap:after{background:rgba(16,26,45,.86);color:var(--yellow)}

#moments{background:var(--navy)}
.moments-row{grid-template-columns:1.3fr 1fr 1fr;gap:12px}
.moment,.moment:first-child{min-height:310px}
.moment:nth-child(4){display:none}
.moment:nth-child(n){background:linear-gradient(145deg,#182640,#0f1829)!important;border:1px solid rgba(255,255,255,.08)}
.moment:first-child{background:linear-gradient(145deg,#1a2944,#101a2d)!important}
.moment:before{border-color:var(--yellow);color:var(--yellow)}
.moment:after{-webkit-text-stroke-color:rgba(247,218,101,.13)}

.news-grid{grid-template-columns:1.25fr 1fr;grid-template-rows:210px 210px;gap:12px}
.news-card.featured{grid-row:1/3;background:var(--yellow)!important;color:var(--navy)!important}
.news-card:nth-child(2),.news-card:nth-child(3){background:#152139!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)}
.news-card:nth-child(4),.news-card:nth-child(5){display:none}
.news-card:after{-webkit-text-stroke-color:rgba(247,218,101,.13)}
.news-card.featured:after{-webkit-text-stroke-color:rgba(16,26,45,.12)}
.news-card.featured h3{font-size:58px}
.news-card .category{color:var(--red)}
.news-card.featured .category{color:var(--red)}

.explore-grid{grid-template-columns:repeat(4,1fr);gap:10px}
.explore{min-height:150px;background:#131f34!important;color:#fff!important;border:1px solid rgba(255,255,255,.07);border-top:3px solid var(--c);padding:16px}
.explore .big{font-size:50px;opacity:.08;color:#fff}
.explore b{font-size:24px}
.explore small{color:#95a0b1}

.neighborhoods{background:#101a2d;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.neighborhoods a{min-width:210px;padding:16px 18px;border-right:1px solid rgba(255,255,255,.09);font-size:25px;color:#dce1e8}
.neighborhoods a span{color:var(--yellow)}

.partner{background:var(--yellow);color:var(--navy);padding:40px 30px}
.partner h2{font-size:clamp(56px,7vw,100px)}
.partner p{font-size:12px;color:#33415a}
.partner .btn{border-color:var(--navy);color:var(--navy)}
footer{background:#080f1d}

@media(max-width:1100px){
 .events-grid{grid-template-columns:repeat(3,1fr)}
 .venues-grid{grid-template-columns:repeat(2,1fr)}
 .weekend-grid{grid-template-columns:1.2fr 1fr;grid-template-rows:190px 190px}
 .moments-row{grid-template-columns:repeat(3,1fr)}
 .explore-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
 .nav{height:62px;padding:0 14px}
 .hero-left{min-height:455px;padding:34px 16px 24px}
 .hero h1{font-size:68px}
 .hero-pattern:after{font-size:125px}
 .hero-sub{margin-top:22px}
 .hero-right{min-height:300px}
 .hero-visual{min-height:280px}
 .hero-badge{height:76px}
 .section,.section.tight{padding:34px 14px}
 .head{margin-bottom:18px}
 .head h2{font-size:40px}
 .events-grid{grid-template-columns:1fr;gap:10px}
 .event-card{min-height:250px}
 .weekend-grid{grid-template-columns:1fr;grid-template-rows:280px 180px 180px;gap:10px}
 .story-card.big{grid-row:auto}
 .venues-grid{grid-template-columns:1fr 1fr;gap:8px}
 .venue-card{min-height:170px}
 .spotted-wrap{grid-template-columns:1fr}
 .spotted-copy{min-height:270px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
 .contact-sheet{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}
 .snap{min-height:160px}
 .moments-row{grid-template-columns:1fr;gap:8px}
 .moment,.moment:first-child{min-height:220px}
 .news-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:8px}
 .news-card.featured{grid-row:auto;min-height:280px}
 .news-card{min-height:170px}
 .news-card.featured h3{font-size:46px}
 .explore-grid{grid-template-columns:1fr 1fr;gap:8px}
 .explore{min-height:125px}
 .partner{padding:34px 16px}
 .partner h2{font-size:60px}
}




:root{
  --paper:#FFF7D6;
  --paper-2:#FFF2B8;
  --paper-3:#FFECA0;
  --line-dark:rgba(17,28,49,.14);
}
body{background:linear-gradient(180deg,var(--paper) 0%,#fff5cf 36%,var(--paper) 100%);color:var(--navy)}
header{background:rgba(255,247,214,.92);border-bottom:1px solid rgba(17,28,49,.08)}
.brand small,.head a,.venue-card p,.search-suggestions small,.search-suggestions b{color:rgba(17,28,49,.72)}
.navlinks a{color:var(--navy);opacity:.8}
.navlinks a:hover{color:var(--red);opacity:1}
.icon{border-color:rgba(17,28,49,.16);color:var(--navy);background:rgba(255,255,255,.4)}
.login{background:var(--navy);color:var(--yellow);border-color:var(--navy)}
.hero{background:linear-gradient(135deg,var(--yellow) 0%,#FBE485 62%,#FFF0B2 100%);color:var(--navy)}
.hero-pattern{ -webkit-text-stroke:2px rgba(17,28,49,.14);}
.hero-kicker:before{background:var(--navy)}
.btn{border-color:var(--navy);color:var(--navy)}
.btn.primary{background:var(--navy);color:var(--yellow)}
.hero-right{background:var(--paper)}
.hero-visual{min-height:520px;background:
 radial-gradient(circle at 20% 14%,rgba(247,218,101,.55) 0 10%,transparent 10.4%),
 radial-gradient(circle at 72% 22%,rgba(230,45,82,.18) 0 7%,transparent 7.3%),
 linear-gradient(150deg,rgba(17,28,49,.03) 0 28%,transparent 28% 56%,rgba(17,28,49,.08) 56% 60%,transparent 60%),
 linear-gradient(135deg,#fff7d6 0%,#fbe485 45%,#f7da65 100%);}
.hero-visual:before{ -webkit-text-stroke:3px rgba(17,28,49,.18);}
.hero-visual:after{color:var(--navy);opacity:.92}
.hero-badge{background:var(--navy);color:#fff}
.section{padding:30px 26px}
.yellow-section{background:transparent;color:var(--navy)}
.navy-section,.black-section{background:transparent;color:var(--navy)}
.red-section{background:linear-gradient(180deg,#FFF0BE 0%, #FFE391 100%);color:var(--navy)}
#events,#weekend,#venues,#news,#explore,#districts{background:transparent!important}
#snaps{background:linear-gradient(180deg,#16233a 0%,#111C31 100%)!important;color:#fff}
#moments{background:linear-gradient(180deg,#1a2740 0%,#111c31 100%)!important;color:#fff}
.section + .section{border-top:1px solid rgba(17,28,49,.08)}
.eyebrow{color:var(--navy)!important;opacity:.72}
.head h2{color:var(--navy)}
#snaps .head h2,#snaps .eyebrow,#snaps .head a,#moments .head h2,#moments .eyebrow,#moments .head a{color:#fff!important}
.title-accent.red{color:var(--red)}
.title-accent.orange{color:var(--orange)}
.title-accent.teal{color:var(--teal)}
.title-accent.blue{color:var(--blue)}
.title-accent.purple{color:var(--purple)}
.events-grid,.venues-grid,.snaps-grid,.moments-grid,.news-grid,.district-grid{gap:10px}
.event-card{border:1px solid rgba(17,28,49,.08);box-shadow:0 10px 30px rgba(17,28,49,.05)}
.event-card:before{background:linear-gradient(160deg,#f7da65 0%, #fdeaa6 100%)}
.event-card .event-pattern{ -webkit-text-stroke:1.3px rgba(17,28,49,.18)}
.event-card:after{background:linear-gradient(180deg,transparent 20%,rgba(17,28,49,.78) 100%)}
.event-date{background:var(--navy);color:var(--yellow)}
.story-card{border:1px solid rgba(17,28,49,.08);box-shadow:0 10px 28px rgba(17,28,49,.05)}
.story-card.big{background:linear-gradient(180deg,var(--yellow) 0%, #ffe08c 100%)!important;color:var(--navy)!important}
.story-card:not(.big){background:#fff9e7!important;color:var(--navy)!important}
.story-card .outline{ -webkit-text-stroke:1.5px rgba(17,28,49,.14)}
.story-card .arrow{border-color:currentColor}
.venue-card{background:#fffaf0;border:1px solid rgba(17,28,49,.08);color:var(--navy);box-shadow:0 10px 26px rgba(17,28,49,.05)}
.venue-card .tag{color:var(--red)}
.venue-card .num{color:rgba(17,28,49,.08)}
.snap-card{border:1px solid rgba(255,255,255,.08)}
.moment-card{background:#f4e28c;color:var(--navy);border:1px solid rgba(17,28,49,.08)}
.moment-card:after{background:linear-gradient(180deg,transparent 10%,rgba(17,28,49,.65) 100%)}
.moment-card .play{background:rgba(17,28,49,.82);color:var(--yellow)}
.news-grid{grid-template-columns:1.1fr repeat(4,1fr)}
.news-card{min-height:220px;background:#fff8df!important;color:var(--navy)!important;border:1px solid rgba(17,28,49,.08);box-shadow:0 10px 24px rgba(17,28,49,.05)}
.news-card:before{display:none}
.news-card.featured{background:linear-gradient(180deg,#F7DA65 0%, #FBE999 100%)!important;color:var(--navy)!important}
.news-card .category{color:var(--navy)!important;opacity:.68}
.news-card:nth-child(2) .category{color:var(--red)!important;opacity:1}
.news-card:nth-child(3) .category{color:var(--teal)!important;opacity:1}
.news-card:nth-child(4) .category{color:#9b7b00!important;opacity:1}
.news-card:nth-child(5) .category{color:var(--purple)!important;opacity:1}
.news-card:nth-child(6) .category{color:var(--blue)!important;opacity:1}
.explore-grid{gap:10px}
.explore{min-height:148px;background:#fffaf0!important;color:var(--navy)!important;border:1px solid rgba(17,28,49,.08)!important;border-top:4px solid var(--c);box-shadow:0 10px 24px rgba(17,28,49,.04)}
.explore .big{color:var(--c)!important;opacity:.13}
.explore b{color:var(--navy)!important}
.explore small{color:var(--c)!important;opacity:1}
.district-card{background:#fff9e7;border:1px solid rgba(17,28,49,.08);color:var(--navy)}
.partner{background:linear-gradient(135deg,var(--yellow) 0%, #ffe18f 100%);color:var(--navy);border:1px solid rgba(17,28,49,.08)}
.partner .btn{background:var(--navy);color:var(--yellow)}
footer{background:var(--navy);color:#fff}
.search-overlay{background:rgba(17,28,49,.55)}
.search-box{background:#fff8df;color:var(--navy);border:1px solid rgba(17,28,49,.08)}
.search-top input{color:var(--navy)}
.search-top input::placeholder{color:rgba(17,28,49,.45)}
.search-top button{color:var(--navy)}
.search-suggestions>div{background:#fff2c1;color:var(--navy);border:1px solid rgba(17,28,49,.08)}
.mobile-panel{background:#fff8df;color:var(--navy)}
.mobile-panel a{border-bottom:1px solid rgba(17,28,49,.08)}
@media(max-width:900px){
  .news-grid{grid-template-columns:1fr 1fr}
  .story-card.big{grid-row:auto}
}
@media(max-width:640px){
  body{background:#fff7d6}
  header{background:rgba(255,247,214,.96)}
  .hero{grid-template-columns:1fr}
  .hero-right{min-height:300px}
  .event-card,.venue-card,.story-card,.news-card,.explore,.district-card{box-shadow:none}
}



#moments .head h2 .title-accent.blue{color:var(--blue)!important}
.moment,.moment:first-child{background:#fff9e7!important;border:1px solid rgba(17,28,49,.08)!important;color:var(--navy)!important;box-shadow:0 10px 24px rgba(17,28,49,.05)}
.moment:first-child{background:linear-gradient(180deg,var(--yellow) 0%, #ffe189 100%)!important}
.moment:before{border-color:var(--navy)!important;color:var(--navy)!important;background:rgba(255,255,255,.28)}
.moment:after{-webkit-text-stroke-color:rgba(17,28,49,.14)!important}
.neighborhoods{background:var(--yellow)!important;color:var(--navy)!important;border-top:1px solid rgba(17,28,49,.12)!important;border-bottom:1px solid rgba(17,28,49,.12)!important}
.neighborhoods a{color:var(--navy)!important;border-right:1px solid rgba(17,28,49,.12)!important}
.neighborhoods a span{color:var(--red)!important}
@media(max-width:640px){
  .moment,.moment:first-child{box-shadow:none}
}



:root{
  --yellow-strong:#F7DA65;
  --yellow-soft:#FFF3B5;
  --yellow-pale:#FFF9E8;
  --navy-strong:#0D172A;
}
/* Overall: stronger through scale, contrast and rhythm — not more colors */
body{background:var(--yellow-pale);color:var(--navy-strong)}
header{background:rgba(247,218,101,.96);border-bottom:3px solid var(--navy-strong);backdrop-filter:blur(12px)}
.nav{height:76px}
.brand-tile{background:transparent;width:92px;height:50px}
.brand-tile img{width:88px}
.brand small{color:var(--navy-strong);font-weight:900;opacity:.72}
.navlinks{font-size:11px;gap:24px}
.navlinks a{color:var(--navy-strong);opacity:.9}
.navlinks a:hover{color:var(--red)}
.icon{border:2px solid var(--navy-strong);color:var(--navy-strong);background:transparent}
.login{background:var(--navy-strong);color:var(--yellow-strong);border:2px solid var(--navy-strong);font-weight:950}

.hero{min-height:660px;background:var(--yellow-strong);border-bottom:4px solid var(--navy-strong)}
.hero-left{min-height:660px;padding:44px 34px 38px}
.hero-pattern{font-size:clamp(110px,13vw,220px);-webkit-text-stroke:2px rgba(13,23,42,.13);opacity:.9;line-height:.72}
.hero-kicker{font-size:10px;letter-spacing:.2em;color:var(--navy-strong)}
.hero-kicker:before{width:54px;height:8px;background:var(--red)}
.hero h1{font-size:clamp(92px,11.5vw,184px);line-height:.72;letter-spacing:-.04em;max-width:900px;color:var(--navy-strong)}
.hero h1 .red{color:var(--red)}
.hero-sub{margin-top:28px;grid-template-columns:minmax(260px,560px) auto}
.hero-sub p{font-size:17px;line-height:1.42;color:var(--navy-strong);max-width:560px}
.btn{min-height:48px;padding:0 20px;border-width:2px;font-size:10px}
.btn.primary{background:var(--navy-strong);color:var(--yellow-strong)}
.hero-right{background:var(--yellow-soft);border-left:4px solid var(--navy-strong)}
.hero-visual{min-height:555px;background:
 linear-gradient(135deg,rgba(13,23,42,.04),rgba(13,23,42,.02)),
 repeating-linear-gradient(90deg,transparent 0 44px,rgba(13,23,42,.04) 44px 45px),
 linear-gradient(135deg,#FFF2A6 0%,#F7DA65 100%)}
.hero-visual:before{font-size:clamp(120px,14vw,235px);-webkit-text-stroke:3px rgba(13,23,42,.2)}
.hero-visual:after{font-size:clamp(86px,9vw,150px);color:var(--navy-strong)}
.hero-badge{height:105px;background:var(--navy-strong);border-top:4px solid var(--navy-strong)}
.hero-badge b{font-size:36px;color:var(--yellow-strong)}

.section{padding:36px 28px}
.section + .section{border-top:2px solid rgba(13,23,42,.12)}
.head{margin-bottom:22px}
.eyebrow{font-size:9px;letter-spacing:.22em;color:var(--navy-strong)!important;opacity:.7}
.head h2{font-size:clamp(50px,6vw,92px);line-height:.78;letter-spacing:-.035em;color:var(--navy-strong)}
.head a{font-size:9px;letter-spacing:.15em;color:var(--navy-strong)!important;border-bottom:2px solid var(--navy-strong)}
.title-accent.red{color:var(--red)}
.title-accent.orange{color:var(--orange)}
.title-accent.teal{color:var(--teal)}
.title-accent.blue{color:var(--blue)}
.title-accent.purple{color:var(--purple)}

/* Events: one visual language, not many colors */
.events-grid{gap:12px}
.event-card{min-height:380px;background:var(--navy-strong)!important;border:2px solid var(--navy-strong);box-shadow:none}
.event-card:before{background:linear-gradient(160deg,#17243A 0%,#0D172A 100%)!important}
.event-card:after{background:linear-gradient(180deg,transparent 24%,rgba(0,0,0,.78) 100%)}
.event-pattern{-webkit-text-stroke:1.5px rgba(247,218,101,.18);font-size:88px}
.event-date{background:var(--yellow-strong);color:var(--navy-strong);width:56px;height:64px}
.event-meta h3{font-size:38px}
.event-meta small{color:#fff;opacity:.72}
.event-foot{border-top-color:rgba(247,218,101,.35)}

/* Weekend: strong editorial hierarchy, still restrained */
.weekend-grid{gap:12px}
.story-card{border:2px solid var(--navy-strong);box-shadow:none}
.story-card.big{background:var(--yellow-strong)!important;color:var(--navy-strong)!important}
.story-card:not(.big){background:var(--yellow-pale)!important;color:var(--navy-strong)!important}
.story-card .outline{-webkit-text-stroke:1.5px rgba(13,23,42,.12)}
.story-card .type{color:var(--red)}
.story-card h3{letter-spacing:-.025em}
.story-card .arrow{border-width:2px}

/* Venues: cleaner and bolder */
.venues-grid{gap:12px}
.venue-card{min-height:245px;background:#FFF8DA;border:2px solid rgba(13,23,42,.14);box-shadow:none}
.venue-card .num{font-size:96px;color:rgba(13,23,42,.07)}
.venue-card .tag{color:var(--red)}
.venue-card h3{font-size:34px;color:var(--navy-strong)}
.venue-card p{color:rgba(13,23,42,.62)}

/* Media: one dark interruption for strength */
#snaps,#moments{background:var(--navy-strong)!important;color:#fff;border-top:0}
#moments{border-top:1px solid rgba(247,218,101,.18)}
#snaps .head h2,#snaps .head a,#snaps .eyebrow,#moments .head h2,#moments .head a,#moments .eyebrow{color:#fff!important}
#snaps .head a,#moments .head a{border-bottom-color:var(--yellow-strong)}
#moments .head h2 .title-accent.blue{color:var(--yellow-strong)!important}
.snap-card{border:1px solid rgba(247,218,101,.18)}
.moment,.moment:first-child{background:#15233A!important;color:#fff!important;border:1px solid rgba(247,218,101,.16)!important;box-shadow:none}
.moment:first-child{background:linear-gradient(145deg,#1B2A44,#101A2D)!important}
.moment:before{border-color:var(--yellow-strong)!important;color:var(--yellow-strong)!important;background:transparent}
.moment:after{-webkit-text-stroke-color:rgba(247,218,101,.12)!important}

/* News: almost monochrome, category color only in labels */
.news-grid{gap:12px}
.news-card{min-height:230px;background:#FFF9E8!important;color:var(--navy-strong)!important;border:2px solid rgba(13,23,42,.1);box-shadow:none}
.news-card.featured{background:var(--yellow-strong)!important;border-color:var(--navy-strong)}
.news-card h3{color:var(--navy-strong)}
.news-card p{color:rgba(13,23,42,.62)}

/* Explore: all same card treatment, color only as title/category cue */
.explore-grid{gap:12px}
.explore{min-height:160px;background:#FFF9E8!important;border:2px solid rgba(13,23,42,.1)!important;border-top:5px solid var(--c)!important;box-shadow:none}
.explore .big{opacity:.11}
.explore b{font-size:26px}
.explore small{font-weight:950}

.neighborhoods{background:var(--yellow-strong)!important;border-top:4px solid var(--navy-strong)!important;border-bottom:4px solid var(--navy-strong)!important}
.neighborhoods a{min-width:235px;padding:19px 20px;font-size:31px;border-right:2px solid var(--navy-strong)!important;color:var(--navy-strong)!important}
.neighborhoods a span{color:var(--red)!important}

.partner{background:var(--navy-strong)!important;color:#fff!important;padding:42px 30px;border-top:0}
.partner h2{color:var(--yellow-strong);font-size:clamp(58px,7vw,110px);line-height:.78;letter-spacing:-.04em}
.partner p{color:rgba(255,255,255,.7);max-width:600px}
.partner .btn{background:var(--yellow-strong);color:var(--navy-strong);border-color:var(--yellow-strong)}

footer{background:#09111F}

@media(max-width:900px){
  .hero{min-height:auto}
  .hero-left{min-height:560px}
  .hero-right{border-left:0;border-top:4px solid var(--navy-strong)}
  .event-card{min-height:340px}
  .head h2{font-size:clamp(44px,8vw,76px)}
}
@media(max-width:640px){
  .nav{height:68px;padding:0 16px}
  .hero-left{padding:34px 18px 28px;min-height:500px}
  .hero h1{font-size:clamp(70px,22vw,110px)}
  .hero-sub{grid-template-columns:1fr;gap:18px}
  .hero-ctas{justify-content:flex-start}
  .section{padding:28px 18px}
  .head{margin-bottom:16px}
  .head h2{font-size:46px}
  .event-card{min-height:300px}
  .venue-card{min-height:210px}
  .news-card{min-height:190px}
}



:root{
  --site-bg:#F7DA65;
  --site-bg-2:#F2D45F;
  --navy-plain:#111C31;
  --navy-soft:#16243B;
}
body{background:var(--site-bg)!important;color:var(--navy-plain)!important}
header{background:rgba(247,218,101,.96)!important;border-bottom:1px solid rgba(17,28,49,.14)!important}
.brand small,.navlinks a,.icon{color:var(--navy-plain)!important}
.navlinks a{opacity:.82!important}.navlinks a:hover{color:var(--red)!important;opacity:1!important}
.icon{border-color:rgba(17,28,49,.16)!important;background:transparent!important}
.login{background:var(--navy-plain)!important;color:var(--navy)!important;border-color:var(--navy-plain)!important}
.hero{background:var(--site-bg)!important;color:var(--navy-plain)!important;border-bottom:1px solid rgba(17,28,49,.12)}
.hero-left{background:transparent!important}
.hero-right{background:transparent!important;border-left:2px solid rgba(17,28,49,.16)!important}
.hero-pattern{-webkit-text-stroke:2px rgba(17,28,49,.15)!important}
.hero-kicker{color:var(--navy-plain)!important}
.hero-kicker:before{background:var(--navy-plain)!important}
.hero-visual{background:
  radial-gradient(circle at 20% 18%, rgba(230,45,82,.18) 0 6%, transparent 6.5%),
  radial-gradient(circle at 76% 22%, rgba(17,28,49,.08) 0 7%, transparent 7.4%),
  linear-gradient(140deg, transparent 0 38%, rgba(17,28,49,.08) 38% 43%, transparent 43% 60%, rgba(17,28,49,.06) 60% 63%, transparent 63%),
  linear-gradient(135deg, #F7DA65 0%, #F2D45F 100%)!important}
.hero-visual:before{-webkit-text-stroke:3px rgba(17,28,49,.18)!important}
.hero-visual:after{color:var(--navy-plain)!important}
.hero-badge{background:var(--navy-plain)!important;color:#fff!important}
.hero-badge span{color:rgba(255,255,255,.7)!important}
.btn{border-color:var(--navy-plain)!important;color:var(--navy-plain)!important;background:transparent!important}
.btn.primary{background:var(--navy-plain)!important;color:var(--yellow)!important}
.section,.yellow-section,.navy-section,.black-section,.red-section,#events,#weekend,#venues,#snaps,#moments,#news,#explore{background:transparent!important;color:var(--navy-plain)!important}
.section + .section{border-top:1px solid rgba(17,28,49,.08)!important}
.eyebrow{color:rgba(17,28,49,.72)!important}.head h2,.head a{color:var(--navy-plain)!important}
.title-accent.red{color:var(--red)!important}.title-accent.orange{color:var(--orange)!important}.title-accent.teal{color:var(--teal)!important}.title-accent.blue{color:var(--blue)!important}.title-accent.purple{color:var(--purple)!important}
.events-grid,.weekend-grid,.venues-grid,.snaps-grid,.moments-row,.news-grid,.explore-grid{gap:12px!important}
.event-card,.moment,.venue-card,.news-card,.explore,.district-card,.partner{background:var(--navy-plain)!important;color:#fff!important;border:1px solid rgba(17,28,49,.08)!important;box-shadow:none!important}
.event-card:before{background:linear-gradient(160deg,#1B2A44 0%, #111C31 100%)!important}
.event-card:after{background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.72) 100%)!important}
.event-card .event-pattern{-webkit-text-stroke:1.2px rgba(247,218,101,.18)!important}
.event-date{background:var(--yellow)!important;color:var(--navy-plain)!important}
.story-card{background:var(--navy-soft)!important;color:#fff!important;border:1px solid rgba(17,28,49,.08)!important;box-shadow:none!important}
.story-card.big{background:var(--navy-plain)!important}
.story-card .outline{-webkit-text-stroke:1.4px rgba(247,218,101,.14)!important}
.story-card .type{color:var(--yellow)!important}
.story-card .arrow{border-color:var(--yellow)!important;color:var(--yellow)!important}
.venue-card .tag,.news-card .category,.explore small{color:var(--yellow)!important}
.venue-card .num,.explore .big{color:rgba(247,218,101,.12)!important}
.venue-card p,.news-card p{color:rgba(255,255,255,.72)!important}
.snap-intro{background:var(--navy-plain)!important;color:#fff!important}
.snap-card{border:1px solid rgba(247,218,101,.15)!important}
#snaps .head h2,#snaps .head a,#snaps .eyebrow,#moments .head h2,#moments .head a,#moments .eyebrow{color:var(--navy-plain)!important}
.moment:first-child{background:var(--navy-plain)!important}
.moment:before{border-color:var(--yellow)!important;color:var(--yellow)!important;background:transparent!important}
.moment:after{-webkit-text-stroke-color:rgba(247,218,101,.15)!important}
.news-card.featured{background:var(--navy-soft)!important}
.news-card .category:nth-child(n){color:var(--yellow)!important}
.explore{border-top:4px solid var(--yellow)!important}
.explore b{color:#fff!important}
.neighborhoods{background:transparent!important;color:var(--navy-plain)!important;border-top:1px solid rgba(17,28,49,.12)!important;border-bottom:1px solid rgba(17,28,49,.12)!important}
.neighborhoods a{color:var(--navy-plain)!important;border-right:1px solid rgba(17,28,49,.12)!important}
.neighborhoods a span{color:var(--red)!important}
.partner h2{color:var(--yellow)!important}
.partner p{color:rgba(255,255,255,.74)!important}
.partner .btn{background:var(--yellow)!important;color:var(--navy-plain)!important;border-color:var(--yellow)!important}
footer{background:var(--navy-plain)!important;color:#fff!important}
.footer-title,.footer-links a,.footer-bottom span{color:#fff!important}
.newsletter input{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important}
.newsletter input::placeholder{color:rgba(255,255,255,.55)!important}
.newsletter button{background:var(--yellow)!important;color:var(--navy-plain)!important;border-color:var(--yellow)!important}
.search-overlay{background:rgba(17,28,49,.46)!important}
.search-box{background:var(--yellow)!important;color:var(--navy-plain)!important;border:1px solid rgba(17,28,49,.08)!important}
.search-top input,.search-top button{color:var(--navy-plain)!important}
.search-top input::placeholder{color:rgba(17,28,49,.45)!important}
.search-suggestions>div{background:#F2D45F!important;color:var(--navy-plain)!important;border:1px solid rgba(17,28,49,.08)!important}
.mobile-panel{background:var(--yellow)!important;color:var(--navy-plain)!important}
.mobile-panel a{border-bottom:1px solid rgba(17,28,49,.1)!important}
@media(max-width:640px){
  body{background:var(--site-bg)!important}
  .hero-right{border-left:0!important;border-top:1px solid rgba(17,28,49,.12)!important}
}



/* One single accent color for all titles */
.title-accent.red,
.title-accent.orange,
.title-accent.teal,
.title-accent.blue,
.title-accent.purple{color:var(--red)!important}
.head h2 span,
#snaps h2 span,
#moments h2 span,
#news h2 span,
#explore h2 span{color:var(--red)!important}
.hero h1 .red{color:var(--red)!important}



#news{background:transparent!important;color:var(--navy-plain)!important}
#news .head h2,#news .head a,#news .eyebrow{color:var(--navy-plain)!important}
#news .news-feature-grid{grid-template-columns:1.45fr 1fr;grid-template-rows:180px 180px;gap:12px!important}
#news .news-feature-main{grid-row:1/3;background:var(--navy-plain)!important;color:#fff!important;border:0!important}
#news .news-feature-side{background:var(--navy-soft)!important;color:#fff!important;border:0!important}
#news .story-card .type{color:var(--yellow)!important}
#news .story-card .outline{-webkit-text-stroke-color:rgba(247,218,101,.13)!important}
#news .story-card .arrow{border-color:var(--yellow)!important;color:var(--yellow)!important}
#news .story-card h3{color:#fff!important}
#news .news-feature-main h3{max-width:82%;font-size:clamp(50px,5.3vw,78px)!important}
#news .news-feature-side h3{font-size:clamp(30px,3vw,46px)!important}
@media(max-width:640px){
  #news .news-feature-grid{grid-template-columns:1fr;grid-template-rows:280px 180px 180px}
  #news .news-feature-main{grid-row:auto}
}



.hero-visual:after{display:none!important;content:none!important}



/* Single-canvas hero: no split panel */
.hero{
  display:block!important;
  min-height:620px!important;
  position:relative!important;
  overflow:hidden!important;
  background:var(--yellow)!important;
  color:var(--navy-plain)!important;
}
.hero-left{
  width:100%!important;
  min-height:620px!important;
  padding:44px 34px 38px!important;
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
.hero-right{display:none!important}
.hero:after{
  content:"CAIRO";
  position:absolute;
  right:-2vw;
  top:48%;
  transform:translateY(-50%) rotate(-90deg);
  transform-origin:center;
  font-family:var(--display);
  font-size:clamp(150px,20vw,330px);
  line-height:.75;
  letter-spacing:-.05em;
  color:transparent;
  -webkit-text-stroke:2px rgba(17,28,49,.10);
  pointer-events:none;
  z-index:1;
}
.hero-copy{max-width:1050px!important}
.hero h1{max-width:900px!important}
.hero-sub{
  grid-template-columns:minmax(300px,570px) auto!important;
  max-width:900px!important;
  gap:30px!important;
}
.hero-pattern{inset:-20% auto -15% -2%!important;width:70%!important;opacity:.68!important}
@media(max-width:900px){
  .hero,.hero-left{min-height:560px!important}
  .hero:after{right:-12vw;font-size:220px;opacity:.6}
  .hero-sub{grid-template-columns:1fr!important;max-width:600px!important}
  .hero-ctas{justify-content:flex-start!important}
}
@media(max-width:640px){
  .hero,.hero-left{min-height:510px!important}
  .hero-left{padding:34px 18px 28px!important}
  .hero:after{right:-36vw;top:52%;font-size:190px;opacity:.45}
  .hero-pattern{width:100%!important;opacity:.42!important}
}



#moments{
  background:var(--navy-plain)!important;
  color:#fff!important;
  padding-top:34px!important;
  padding-bottom:38px!important;
  border-top:0!important;
}
#moments .moments-head h2,
#moments .moments-head a,
#moments .moments-head .eyebrow{color:#fff!important}
#moments .moments-head .eyebrow{opacity:.62!important}
#moments .moments-head a{border-bottom-color:var(--yellow)!important}
.moments-reels{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.reel-card{
  position:relative;
  min-height:530px;
  overflow:hidden;
  background:#0c1424;
  color:#fff;
  border:1px solid rgba(255,255,255,.055);
  isolation:isolate;
}
.reel-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:var(--scene);
  transform:scale(1.015);
}
.reel-card:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(7,12,22,.08) 0%,rgba(7,12,22,.12) 38%,rgba(7,12,22,.88) 100%);
}
.reel-crowd{--scene:
  radial-gradient(circle at 48% 37%,rgba(247,218,101,.18) 0 3%,transparent 3.5%),
  radial-gradient(circle at 30% 44%,rgba(230,45,82,.22) 0 5%,transparent 5.5%),
  radial-gradient(circle at 73% 35%,rgba(255,255,255,.12) 0 4%,transparent 4.5%),
  repeating-radial-gradient(ellipse at 50% 58%,#1a2a43 0 14px,#101a2a 15px 29px,#0e1726 30px 43px),
  linear-gradient(160deg,#21344f,#0b1320)}
.reel-rooftop{--scene:
  radial-gradient(circle at 56% 24%,rgba(247,218,101,.26) 0 3%,transparent 3.5%),
  linear-gradient(180deg,rgba(8,17,31,.1),rgba(8,17,31,.6)),
  repeating-linear-gradient(0deg,rgba(247,218,101,.16) 0 2px,transparent 2px 26px),
  linear-gradient(145deg,#182945 0%,#101b2d 56%,#060b14 100%)}
.reel-decks{--scene:
  radial-gradient(circle at 55% 20%,rgba(230,45,82,.65) 0 8%,transparent 9%),
  radial-gradient(circle at 34% 27%,rgba(247,218,101,.55) 0 7%,transparent 8%),
  linear-gradient(165deg,transparent 0 44%,rgba(230,45,82,.25) 44% 54%,transparent 54%),
  linear-gradient(145deg,#3f1722 0%,#241520 44%,#0d1422 100%)}
.reel-late{--scene:
  radial-gradient(circle at 52% 28%,rgba(247,218,101,.25) 0 2.4%,transparent 2.8%),
  radial-gradient(circle at 72% 24%,rgba(247,218,101,.18) 0 2%,transparent 2.4%),
  repeating-linear-gradient(0deg,transparent 0 58px,rgba(247,218,101,.16) 59px 61px),
  linear-gradient(145deg,#283748 0%,#172433 50%,#0b111a 100%)}
.reel-duration{
  position:absolute;
  top:14px;right:14px;
  z-index:3;
  background:rgba(8,15,27,.88);
  color:#fff;
  padding:7px 9px;
  font-size:10px;
  font-weight:900;
  line-height:1;
}
.reel-play{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:62px;height:62px;
  border:0;border-radius:50%;
  display:grid;place-items:center;
  padding-left:5px;
  background:var(--red);
  color:#fff;
  font-size:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.reel-copy{
  position:absolute;
  left:16px;right:16px;bottom:16px;
  z-index:3;
}
.reel-copy h3{
  margin:0 0 6px;
  font-family:var(--display);
  font-size:28px;
  line-height:.9;
  text-transform:uppercase;
  letter-spacing:-.02em;
  color:#fff;
}
.reel-copy span{
  font-size:11px;
  color:var(--yellow);
  font-weight:900;
  letter-spacing:.04em;
}
.reel-card:hover:before{transform:scale(1.04);transition:.35s ease}
.reel-card:hover .reel-play{transform:translate(-50%,-50%) scale(1.06);transition:.2s ease}
@media(max-width:980px){
  .moments-reels{grid-template-columns:repeat(2,1fr)}
  .reel-card{min-height:460px}
}
@media(max-width:640px){
  #moments{padding-left:0!important;padding-right:0!important}
  #moments .shell{max-width:none}
  #moments .moments-head{padding:0 18px}
  .moments-reels{
    display:flex;
    overflow-x:auto;
    gap:10px;
    padding:0 18px 4px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .moments-reels::-webkit-scrollbar{display:none}
  .reel-card{
    flex:0 0 78vw;
    min-height:500px;
    scroll-snap-align:start;
  }
}



/* Fix Moments to true reel cards: 9:16 and side-by-side */
#moments .shell{max-width:1500px!important}
.moments-reels{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:16px!important;
  overflow-x:auto!important;
  padding-bottom:2px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.moments-reels::-webkit-scrollbar{display:none}
.reel-card{
  flex:0 0 clamp(220px,22vw,280px)!important;
  width:clamp(220px,22vw,280px)!important;
  aspect-ratio:9/16!important;
  min-height:unset!important;
  height:auto!important;
  border-radius:0!important;
}
.reel-copy h3{font-size:24px!important;line-height:.9!important}
.reel-play{width:58px!important;height:58px!important;font-size:18px!important}
.reel-duration{font-size:10px!important;padding:6px 8px!important}
@media(max-width:980px){
  .reel-card{
    flex:0 0 clamp(210px,34vw,250px)!important;
    width:clamp(210px,34vw,250px)!important;
  }
}
@media(max-width:640px){
  #moments{padding-left:0!important;padding-right:0!important}
  #moments .moments-head{padding:0 18px!important}
  .moments-reels{padding:0 18px 4px!important;gap:12px!important}
  .reel-card{
    flex:0 0 66vw!important;
    width:66vw!important;
    min-width:240px!important;
    scroll-snap-align:start;
  }
}



/* Rebuilt Moments layout to avoid old conflicting rules */
#moments{
  background:var(--navy-plain)!important;
  color:#fff!important;
  padding:34px 0 42px!important;
}
#moments .shell{
  max-width:1500px!important;
  margin:auto!important;
  padding:0 26px!important;
}
#moments .moments-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:16px!important;
}
#moments .moments-head h2,
#moments .moments-head a,
#moments .moments-head .eyebrow{color:#fff!important}
#moments .moments-head .eyebrow{opacity:.64!important}
#moments .moments-head a{border-bottom:2px solid var(--yellow)!important;padding-bottom:4px!important}
.moments-reels{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  overflow:visible!important;
  padding:0!important;
}
.reel-card{
  position:relative!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:9 / 16!important;
  overflow:hidden!important;
  background:#0d1424!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.05)!important;
  border-radius:0!important;
  display:block!important;
  flex:none!important;
  scroll-snap-align:none!important;
}
.reel-card .reel-copy{left:18px!important;right:18px!important;bottom:18px!important}
.reel-card .reel-copy h3{font-size:26px!important;line-height:.9!important;margin:0 0 6px!important}
.reel-card .reel-copy span{font-size:12px!important;color:var(--yellow)!important}
.reel-duration{top:14px!important;right:14px!important;padding:6px 8px!important;font-size:11px!important}
.reel-play{
  width:60px!important;height:60px!important;font-size:20px!important;
  left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
}
.reel-card:hover .reel-play{transform:translate(-50%,-50%) scale(1.05)!important}
.reel-card:hover:before{transform:scale(1.03)!important}
@media(max-width:1180px){
  .moments-reels{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .moments-reels{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  #moments .shell{padding:0!important}
  #moments .moments-head{padding:0 18px!important;align-items:flex-end!important}
  .moments-reels{
    display:flex!important;
    overflow-x:auto!important;
    gap:12px!important;
    padding:0 18px 4px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  .moments-reels::-webkit-scrollbar{display:none!important}
  .reel-card{
    flex:0 0 64vw!important;
    width:64vw!important;
    min-width:240px!important;
    aspect-ratio:9 / 16!important;
    scroll-snap-align:start!important;
  }
}



/* Show only 3 moments cards */
#moments .moments-reels{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#moments .moments-reels .reel-card:nth-child(4){display:none!important}
@media(max-width:1180px){
  #moments .moments-reels{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  #moments .moments-reels{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  #moments .moments-reels .reel-card:nth-child(4){display:none!important}
}



#explore{
  background:#07101F!important;
  color:#fff!important;
  padding-top:38px!important;
  padding-bottom:44px!important;
}
#explore .explore-head .eyebrow{color:var(--yellow)!important;opacity:1!important}
#explore .explore-head h2{color:#fff!important}
#explore .explore-head a{color:var(--yellow)!important;border-bottom-color:rgba(247,218,101,.45)!important}
.explore-brand-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.explore-brand-card{
  min-height:160px!important;
  background:var(--c)!important;
  color:#0D172A!important;
  border:2px solid rgba(17,28,49,.78)!important;
  border-top:0!important;
  padding:22px 24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  position:relative!important;
  overflow:hidden!important;
}
.explore-brand-card b{
  display:block!important;
  font-family:var(--display)!important;
  font-size:30px!important;
  line-height:.9!important;
  text-transform:uppercase!important;
  color:#0D172A!important;
  margin-bottom:8px!important;
}
.explore-brand-card small{
  display:block!important;
  color:rgba(13,23,42,.76)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.explore-brand-card .explore-arrow{
  font-size:28px!important;
  line-height:1!important;
  color:#0D172A!important;
  position:relative!important;
  z-index:2!important;
}
.explore-ghost{
  position:absolute!important;
  right:-8px!important;
  bottom:-17px!important;
  font-family:var(--display)!important;
  font-size:82px!important;
  line-height:.8!important;
  color:rgba(13,23,42,.13)!important;
  letter-spacing:-.05em!important;
}
.explore-brand-card:nth-child(5),
.explore-brand-card:nth-child(6),
.explore-brand-card:nth-child(7){grid-column:auto!important}
.explore-brand-card:nth-child(5){grid-column:1/2!important}
.explore-brand-card:nth-child(6){grid-column:2/3!important}
.explore-brand-card:nth-child(7){grid-column:3/4!important}
@media(max-width:980px){
  .explore-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .explore-brand-card:nth-child(5),.explore-brand-card:nth-child(6),.explore-brand-card:nth-child(7){grid-column:auto!important}
}
@media(max-width:640px){
  #explore{padding-left:18px!important;padding-right:18px!important}
  .explore-brand-grid{grid-template-columns:1fr!important;gap:10px!important}
  .explore-brand-card{min-height:132px!important;padding:18px 20px!important}
  .explore-brand-card b{font-size:28px!important}
  .explore-ghost{font-size:72px!important}
}



/* Explore rebuilt as vertical brand strips */
#explore{
  background:#07101F!important;
  padding-top:38px!important;
  padding-bottom:44px!important;
}
.explore-brand-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:0!important;
  min-height:430px!important;
  overflow:hidden!important;
}
.explore-brand-card{
  min-height:430px!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  background:var(--c)!important;
  position:relative!important;
  overflow:hidden!important;
  display:block!important;
}
.explore-brand-card:nth-child(n){grid-column:auto!important}
.explore-brand-card>div{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
}
.explore-brand-card b{
  position:static!important;
  margin:0!important;
  font-family:var(--body)!important;
  font-size:28px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  color:#fff!important;
  white-space:nowrap!important;
  transform:rotate(-90deg)!important;
  transform-origin:center!important;
}
.explore-brand-card small{display:none!important}
.explore-brand-card .explore-arrow{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  z-index:3!important;
  color:#fff!important;
  font-size:22px!important;
}
.explore-ghost{display:none!important}
.explore-brand-card:after{
  content:"";
  position:absolute;
  inset:0;
  border-right:1px solid rgba(255,255,255,.14);
  pointer-events:none;
}
.explore-brand-card:last-child:after{border-right:0}
.explore-brand-card:hover{filter:brightness(1.05)}
@media(max-width:1100px){
  .explore-brand-grid{
    display:flex!important;
    overflow-x:auto!important;
    min-height:400px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x mandatory!important;
  }
  .explore-brand-grid::-webkit-scrollbar{display:none!important}
  .explore-brand-card{
    flex:0 0 145px!important;
    width:145px!important;
    min-height:400px!important;
    scroll-snap-align:start!important;
  }
}
@media(max-width:640px){
  #explore{padding-left:0!important;padding-right:0!important}
  #explore .explore-head{padding:0 18px!important}
  .explore-brand-grid{padding:0 18px!important;gap:0!important}
  .explore-brand-card{
    flex:0 0 118px!important;
    width:118px!important;
    min-height:350px!important;
  }
  .explore-brand-card b{font-size:23px!important}
  .explore-brand-card .explore-arrow{top:14px!important;right:14px!important;font-size:18px!important}
}



/* Compact intro: remove dead space and keep the brand statement strong */
.hero{
  min-height:500px!important;
  height:auto!important;
}
.hero-left{
  min-height:500px!important;
  padding:30px 34px 30px!important;
  justify-content:flex-start!important;
}
.hero-kicker{margin:0!important}
.hero-copy{
  margin-top:58px!important;
  max-width:980px!important;
}
.hero h1{
  font-size:clamp(86px,9.4vw,150px)!important;
  line-height:.72!important;
  max-width:820px!important;
}
.hero-sub{
  margin-top:18px!important;
  max-width:930px!important;
  grid-template-columns:minmax(300px,560px) auto!important;
  gap:24px!important;
  align-items:end!important;
}
.hero-sub p{font-size:16px!important;line-height:1.4!important}
.hero:after{
  right:2vw!important;
  top:50%!important;
  font-size:clamp(135px,16vw,260px)!important;
  opacity:.55!important;
}
.hero-pattern{
  inset:-28% auto -28% -4%!important;
  opacity:.38!important;
}
@media(max-width:900px){
  .hero,.hero-left{min-height:470px!important}
  .hero-left{padding:28px 24px 28px!important}
  .hero-copy{margin-top:46px!important}
  .hero h1{font-size:clamp(78px,14vw,118px)!important}
  .hero-sub{grid-template-columns:1fr!important;gap:16px!important;max-width:620px!important}
  .hero:after{right:-10vw!important;font-size:190px!important;opacity:.38!important}
}
@media(max-width:640px){
  .hero,.hero-left{min-height:430px!important}
  .hero-left{padding:24px 18px 24px!important}
  .hero-copy{margin-top:34px!important}
  .hero h1{font-size:clamp(66px,20vw,94px)!important}
  .hero-sub{margin-top:14px!important}
  .hero-sub p{font-size:14px!important}
  .hero:after{right:-34vw!important;top:52%!important;font-size:165px!important;opacity:.25!important}
}



/* Neighborhoods: no boxes/background — yellow type + yellow arrows only */
.neighborhoods{
  background:var(--navy-plain)!important;
  color:var(--yellow)!important;
  border:0!important;
  padding:22px 26px!important;
  gap:34px!important;
  align-items:center!important;
  justify-content:center!important;
}
.neighborhoods a{
  min-width:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--yellow)!important;
  font-size:29px!important;
  gap:14px!important;
  flex:0 0 auto!important;
}
.neighborhoods a span{
  color:var(--yellow)!important;
}
.neighborhoods a:hover{
  opacity:.72!important;
}
@media(max-width:900px){
  .neighborhoods{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    gap:26px!important;
    padding:20px 18px!important;
    scrollbar-width:none!important;
  }
  .neighborhoods::-webkit-scrollbar{display:none!important}
  .neighborhoods a{font-size:26px!important}
}



/* Polished area navigation: same dark background, lighter hierarchy, no boxes */
.area-strip-section{
  background:var(--navy-plain)!important;
  color:#fff!important;
  padding:0 26px!important;
  border-top:1px solid rgba(247,218,101,.14)!important;
  border-bottom:1px solid rgba(247,218,101,.10)!important;
}
.area-strip-shell{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:34px!important;
  min-height:94px!important;
}
.area-strip-label{
  color:rgba(255,255,255,.52)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.area-strip-section .neighborhoods{
  background:transparent!important;
  color:var(--yellow)!important;
  border:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  align-items:center!important;
  justify-content:stretch!important;
  overflow:visible!important;
}
.area-strip-section .neighborhoods a{
  min-width:0!important;
  padding:0 18px!important;
  border:0!important;
  background:transparent!important;
  color:var(--yellow)!important;
  font-family:var(--display)!important;
  font-size:22px!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  text-transform:uppercase!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  opacity:.94!important;
}
.area-strip-section .neighborhoods a + a{
  border-left:1px solid rgba(255,255,255,.08)!important;
}
.area-strip-section .area-arrow{
  color:var(--yellow)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:18px!important;
  font-weight:700!important;
  transform:translateY(-1px)!important;
}
.area-strip-section .neighborhoods a:hover{
  opacity:1!important;
  transform:translateX(2px)!important;
  transition:.16s ease!important;
}
/* keep partner clearly separate without adding another loud color block */
.partner{
  border-top:0!important;
  padding-top:38px!important;
}
@media(max-width:1050px){
  .area-strip-shell{grid-template-columns:1fr!important;gap:14px!important;padding:18px 0!important}
  .area-strip-section .neighborhoods{grid-template-columns:repeat(3,1fr)!important;row-gap:14px!important}
  .area-strip-section .neighborhoods a{padding:0 14px 0 0!important}
  .area-strip-section .neighborhoods a + a{border-left:0!important}
}
@media(max-width:640px){
  .area-strip-section{padding:0 18px!important}
  .area-strip-shell{min-height:0!important;padding:18px 0 20px!important}
  .area-strip-section .neighborhoods{
    display:flex!important;
    overflow-x:auto!important;
    gap:22px!important;
    scrollbar-width:none!important;
  }
  .area-strip-section .neighborhoods::-webkit-scrollbar{display:none!important}
  .area-strip-section .neighborhoods a{
    flex:0 0 auto!important;
    padding:0!important;
    font-size:20px!important;
  }
}



/* Change area strip arrows to a different color */
.area-strip-section .area-arrow{color:var(--red)!important}
.area-strip-section .neighborhoods a:hover .area-arrow{color:var(--red)!important;opacity:1}



/* Ensure every area always shows its arrow */
.area-strip-section .neighborhoods a{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:10px!important;
  overflow:visible!important;
}
.area-strip-section .area-name{
  min-width:0!important;
  white-space:nowrap!important;
}
.area-strip-section .area-arrow{
  display:inline-block!important;
  flex:0 0 auto!important;
  min-width:20px!important;
  width:20px!important;
  text-align:right!important;
  color:var(--red)!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
@media(max-width:1050px){
  .area-strip-section .neighborhoods a{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}
}
@media(max-width:640px){
  .area-strip-section .neighborhoods a{display:grid!important;grid-template-columns:auto auto!important;column-gap:9px!important}
  .area-strip-section .area-arrow{width:18px!important;min-width:18px!important}
}



/* Cleaner editorial snaps section */
.snaps-v28{
  background:#07101F!important;
  color:#fff!important;
  padding:34px 0 42px!important;
}
.snaps-shell-v28{max-width:1500px!important;padding:0 26px!important}
.snaps-head-v28{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.snaps-head-v28 .eyebrow{color:var(--yellow)!important;opacity:1!important}
.snaps-head-v28 h2{color:#fff!important;font-size:clamp(50px,5vw,78px)!important;line-height:.88!important}
.snaps-head-v28 a{color:var(--yellow)!important;border-bottom:2px solid rgba(247,218,101,.45)!important;padding-bottom:4px!important}
.snaps-layout-v28{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr)!important;
  gap:22px!important;
  align-items:stretch!important;
}
.snap-feature-v28,
.snap-mini-v28{
  background:#0D1830!important;
  border:1px solid rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
.snap-feature-v28{
  display:grid!important;
  grid-template-rows:minmax(360px,1fr) auto!important;
  min-height:0!important;
}
.snap-feature-image{
  min-height:380px!important;
  background:
    radial-gradient(circle at 22% 30%, rgba(247,218,101,.18) 0 10%, transparent 11%),
    radial-gradient(circle at 65% 58%, rgba(230,45,82,.18) 0 14%, transparent 15%),
    linear-gradient(180deg, rgba(8,17,34,.10), rgba(8,17,34,.42)),
    linear-gradient(135deg,#182B45 0%, #0A1528 42%, #122239 100%)!important;
  position:relative!important;
}
.snap-feature-image:before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(90deg, transparent 0 72%, rgba(255,255,255,.08) 72% 73%, transparent 73%),
    radial-gradient(circle at 72% 58%, rgba(255,255,255,.16) 0 22%, transparent 22.8%),
    radial-gradient(circle at 40% 50%, rgba(255,255,255,.12) 0 18%, transparent 18.8%),
    linear-gradient(180deg, transparent 62%, rgba(0,0,0,.28) 100%);
  mix-blend-mode:screen;
}
.snap-feature-image:after{
  content:"SNAPS";
  position:absolute;right:16px;bottom:12px;
  font-family:var(--display);font-size:118px;line-height:.82;
  color:transparent;-webkit-text-stroke:1.4px rgba(247,218,101,.12);
}
.snap-feature-copy{padding:18px 20px 20px!important}
.snap-pill-v28,
.snap-loc-v28{
  display:inline-flex!important;align-items:center!important;min-height:28px!important;
  padding:0 11px!important;border-radius:999px!important;
  font-size:10px!important;font-weight:950!important;letter-spacing:.11em!important;
  text-transform:uppercase!important;background:rgba(247,218,101,.12)!important;
  color:var(--yellow)!important;border:1px solid rgba(247,218,101,.22)!important;
}
.snap-feature-copy h3{font-family:var(--display)!important;font-size:clamp(38px,3.4vw,56px)!important;line-height:.9!important;text-transform:uppercase!important;margin:14px 0 12px!important;color:#fff!important}
.snap-feature-copy p{margin:0 0 14px!important;color:#9EA8B8!important;font-size:13px!important;line-height:1.5!important;max-width:82%!important}
.snap-meta-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-top:13px!important}
.snap-meta-row small{color:#98A4B7!important;font-size:11px!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:800!important}
.snap-meta-row strong{color:var(--yellow)!important;font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.snap-side-v28{display:grid!important;grid-template-rows:repeat(3,1fr)!important;gap:14px!important}
.snap-mini-v28{
  display:grid!important;
  grid-template-columns:170px minmax(0,1fr)!important;
  min-height:0!important;
}
.snap-mini-image{border-right:1px solid rgba(255,255,255,.06)!important;min-height:148px!important}
.mini-zayed{background:
  radial-gradient(circle at 70% 20%, rgba(247,218,101,.42) 0 8%, transparent 9%),
  radial-gradient(circle at 46% 60%, rgba(230,45,82,.34) 0 14%, transparent 15%),
  linear-gradient(145deg,#201B31 0%,#0C1529 55%,#162842 100%)!important}
.mini-newcairo{background:
  radial-gradient(circle at 68% 26%, rgba(40,172,167,.44) 0 11%, transparent 12%),
  linear-gradient(145deg,#163843 0%,#0C182A 48%,#14273E 100%)!important}
.mini-maadi{background:
  radial-gradient(circle at 26% 64%, rgba(247,218,101,.36) 0 10%, transparent 11%),
  radial-gradient(circle at 58% 44%, rgba(141,63,209,.26) 0 12%, transparent 13%),
  linear-gradient(145deg,#31231E 0%,#0C1627 42%,#17263A 100%)!important}
.snap-mini-copy{padding:16px 16px 14px 0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;min-width:0!important}
.snap-mini-copy h4{font-family:var(--display)!important;font-size:clamp(24px,1.95vw,34px)!important;line-height:.92!important;text-transform:uppercase!important;margin:10px 0 10px!important;color:#fff!important}
.snap-mini-copy small{margin-top:auto!important;color:#98A4B7!important;font-size:11px!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:800!important}
@media(max-width:1100px){
  .snaps-layout-v28{grid-template-columns:1fr!important}
  .snap-side-v28{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .snaps-shell-v28{padding:0 18px!important}
  .snaps-head-v28{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  .snaps-head-v28 h2{font-size:44px!important}
  .snap-feature-image{min-height:260px!important}
  .snap-mini-v28{grid-template-columns:108px minmax(0,1fr)!important}
  .snap-mini-image{min-height:94px!important}
  .snap-mini-copy{padding:12px 12px 12px 0!important}
  .snap-mini-copy h4{font-size:20px!important}
  .snap-feature-copy p{max-width:100%!important}
}



/* Snaps V29: simple, visual, premium album row */
.snaps-v29{
  background:var(--yellow)!important;
  color:var(--navy)!important;
  padding:32px 0 38px!important;
}
.snaps-shell-v29{max-width:1500px!important;padding:0 26px!important}
.snaps-head-v29{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.snaps-head-v29 .eyebrow{color:rgba(17,28,49,.70)!important}
.snaps-head-v29 h2{
  color:var(--navy)!important;
  font-size:clamp(50px,5vw,78px)!important;
  line-height:.88!important;
}
.snaps-head-v29 a{
  color:var(--navy)!important;
  border-bottom:2px solid var(--navy)!important;
  padding-bottom:4px!important;
}
.snaps-albums-v29{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.snap-album-v29{
  position:relative!important;
  aspect-ratio:4 / 5!important;
  overflow:hidden!important;
  background:#101A2D!important;
  border:0!important;
  isolation:isolate!important;
}
.snap-album-v29:before{
  content:"";
  position:absolute;inset:0;z-index:-2;
  background:var(--album-bg)!important;
  transform:scale(1.01);
  transition:.35s ease;
}
.album-one{--album-bg:
  radial-gradient(circle at 22% 26%,rgba(247,218,101,.28) 0 6%,transparent 7%),
  radial-gradient(circle at 67% 42%,rgba(230,45,82,.34) 0 14%,transparent 15%),
  radial-gradient(circle at 40% 66%,rgba(255,255,255,.10) 0 18%,transparent 19%),
  linear-gradient(145deg,#1B2E49 0%,#10182A 55%,#09111F 100%)}
.album-two{--album-bg:
  radial-gradient(circle at 68% 24%,rgba(247,218,101,.38) 0 7%,transparent 8%),
  radial-gradient(circle at 36% 58%,rgba(241,92,66,.30) 0 16%,transparent 17%),
  linear-gradient(145deg,#33211E 0%,#152035 48%,#0A1220 100%)}
.album-three{--album-bg:
  radial-gradient(circle at 28% 34%,rgba(40,172,167,.34) 0 12%,transparent 13%),
  radial-gradient(circle at 72% 62%,rgba(141,63,209,.26) 0 14%,transparent 15%),
  linear-gradient(145deg,#15333B 0%,#16223A 50%,#09111F 100%)}
.snap-album-overlay{
  position:absolute!important;inset:0!important;z-index:-1!important;
  background:linear-gradient(180deg,rgba(4,10,20,.03) 0%,rgba(4,10,20,.10) 42%,rgba(4,10,20,.86) 100%)!important;
}
.snap-count-v29{
  position:absolute!important;top:14px!important;right:14px!important;
  background:var(--yellow)!important;color:var(--navy)!important;
  padding:7px 9px!important;font-size:9px!important;font-weight:950!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
}
.snap-album-copy-v29{
  position:absolute!important;left:18px!important;right:18px!important;bottom:18px!important;
  color:#fff!important;
}
.snap-album-copy-v29 span{
  display:block!important;color:var(--yellow)!important;font-size:10px!important;
  font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;
  margin-bottom:8px!important;
}
.snap-album-copy-v29 h3{
  font-family:var(--display)!important;font-size:clamp(34px,3.2vw,54px)!important;
  line-height:.88!important;text-transform:uppercase!important;margin:0 0 14px!important;color:#fff!important;
}
.snap-album-copy-v29 b{
  display:inline-block!important;color:#fff!important;font-size:10px!important;
  letter-spacing:.11em!important;text-transform:uppercase!important;border-bottom:1px solid rgba(255,255,255,.65)!important;
  padding-bottom:4px!important;
}
.snap-album-v29:hover:before{transform:scale(1.04)!important}
@media(max-width:900px){
  .snaps-albums-v29{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .snap-album-v29:nth-child(3){display:none!important}
}
@media(max-width:640px){
  .snaps-shell-v29{padding:0!important}
  .snaps-head-v29{padding:0 18px!important;align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  .snaps-head-v29 h2{font-size:44px!important}
  .snaps-albums-v29{
    display:flex!important;overflow-x:auto!important;gap:10px!important;padding:0 18px 4px!important;
    scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
  }
  .snaps-albums-v29::-webkit-scrollbar{display:none!important}
  .snap-album-v29,
  .snap-album-v29:nth-child(3){
    display:block!important;flex:0 0 74vw!important;min-width:260px!important;scroll-snap-align:start!important;
  }
}



.partner-v30{
  background:#07101F!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  padding:0!important;
}
.partner-shell-v30{
  max-width:1500px!important;
  margin:auto!important;
  padding:34px 26px 36px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)!important;
  gap:34px!important;
  align-items:end!important;
}
.partner-copy-v30 .eyebrow{
  color:var(--yellow)!important;
  margin-bottom:14px!important;
}
.partner-copy-v30 h2{
  font-family:var(--display)!important;
  font-size:clamp(64px,6vw,110px)!important;
  line-height:.82!important;
  letter-spacing:-.03em!important;
  text-transform:uppercase!important;
  margin:0!important;
  color:var(--yellow)!important;
  max-width:720px!important;
}
.partner-copy-v30 p{
  margin:16px 0 0!important;
  max-width:620px!important;
  color:#9EA8B8!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.partner-side-v30{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:18px!important;
}
.partner-services-v30{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.partner-services-v30 div{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.03)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.partner-cta-v30{
  align-self:flex-start!important;
  min-width:240px!important;
  justify-content:center!important;
  background:var(--yellow)!important;
  color:var(--navy)!important;
  border-color:var(--yellow)!important;
}
@media(max-width:980px){
  .partner-shell-v30{
    grid-template-columns:1fr!important;
    gap:24px!important;
    align-items:start!important;
  }
  .partner-copy-v30 h2{max-width:none!important}
}
@media(max-width:640px){
  .partner-shell-v30{padding:28px 18px 30px!important}
  .partner-copy-v30 h2{font-size:58px!important}
  .partner-services-v30{grid-template-columns:1fr!important}
  .partner-cta-v30{width:100%!important;min-width:0!important}
}



/* Tighten the intro so it flows directly into Tonight in Cairo */
.hero,
.hero-left{
  min-height:390px!important;
}
.hero-left{
  padding:24px 34px 22px!important;
  justify-content:flex-start!important;
}
.hero-copy{
  margin-top:28px!important;
}
.hero-sub{
  margin-top:14px!important;
}
#events{
  padding-top:26px!important;
}
@media(max-width:900px){
  .hero,
  .hero-left{min-height:410px!important}
  .hero-left{padding:24px 24px 22px!important}
  .hero-copy{margin-top:30px!important}
}
@media(max-width:640px){
  .hero,
  .hero-left{min-height:390px!important}
  .hero-left{padding:22px 18px 20px!important}
  .hero-copy{margin-top:24px!important}
  #events{padding-top:22px!important}
}



.moments-v33{
  background:#07101F!important;
  color:#fff!important;
  padding:34px 0 42px!important;
}
.moments-shell-v33{max-width:1500px!important;padding:0 26px!important}
.moments-head-v33{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.moments-head-v33 .eyebrow{color:var(--yellow)!important;opacity:1!important}
.moments-head-v33 h2{color:#fff!important;font-size:clamp(50px,5vw,78px)!important;line-height:.88!important}
.moments-head-v33 a{color:var(--yellow)!important;border-bottom:2px solid rgba(247,218,101,.45)!important;padding-bottom:4px!important}
.moments-rail-v33{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:start!important;
}
.moment-reel-v33{
  position:relative!important;
  aspect-ratio:9 / 16!important;
  border:1px solid rgba(255,255,255,.08)!important;
  overflow:hidden!important;
  background:#0D1830!important;
}
.moment-reel-v33:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.10) 45%, rgba(4,9,19,.78) 100%);
}
.moment-reel-v33:before{
  content:"";
  position:absolute;inset:0;
  opacity:.95;
}
.moment-downtown-v33:before{
  background:
    radial-gradient(circle at 18% 36%, rgba(255,255,255,.11) 0 2%, transparent 2.4%),
    radial-gradient(circle at 32% 25%, rgba(255,255,255,.11) 0 2.2%, transparent 2.5%),
    radial-gradient(circle at 69% 17%, rgba(255,199,92,.22) 0 8%, transparent 8.3%),
    radial-gradient(circle at 52% 62%, rgba(230,45,82,.20) 0 15%, transparent 15.3%),
    linear-gradient(180deg, rgba(255,168,97,.12), rgba(7,16,31,.08)),
    linear-gradient(135deg,#1E263A 0%,#0D1730 44%,#162C49 100%)!important;
}
.moment-rooftop-v33:before{
  background:
    linear-gradient(180deg, rgba(255,225,153,.10) 0 18%, transparent 18.5%),
    radial-gradient(circle at 75% 22%, rgba(255,255,255,.16) 0 2%, transparent 2.3%),
    linear-gradient(180deg, transparent 0 56%, rgba(8,16,32,.18) 56% 58%, transparent 58%),
    linear-gradient(180deg, rgba(247,218,101,.10), rgba(7,16,31,.10)),
    linear-gradient(135deg,#203751 0%, #081322 40%, #102842 100%)!important;
}
.moment-decks-v33:before{
  background:
    radial-gradient(circle at 74% 20%, rgba(255,188,91,.34) 0 7%, transparent 7.4%),
    radial-gradient(circle at 58% 24%, rgba(230,45,82,.38) 0 11%, transparent 11.5%),
    radial-gradient(circle at 44% 56%, rgba(255,255,255,.09) 0 14%, transparent 14.4%),
    linear-gradient(180deg, rgba(255,120,72,.10), rgba(7,16,31,.10)),
    linear-gradient(135deg,#411D24 0%, #16192C 44%, #0B1424 100%)!important;
}
.moment-duration-v33,
.moment-play-v33,
.moment-copy-v33{position:absolute!important;z-index:2!important}
.moment-duration-v33{
  top:14px!important;right:14px!important;
  min-height:26px!important;padding:0 9px!important;
  display:inline-flex!important;align-items:center!important;
  background:rgba(7,16,31,.82)!important;border:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;
}
.moment-play-v33{
  left:18px!important;bottom:112px!important;
  width:58px!important;height:58px!important;border-radius:50%!important;
  border:0!important;background:var(--red)!important;color:#fff!important;
  font-size:18px!important;display:grid!important;place-items:center!important;
  box-shadow:0 10px 24px rgba(230,45,82,.28)!important;
}
.moment-copy-v33{left:18px!important;right:18px!important;bottom:18px!important}
.moment-tag-v33{
  display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:0 11px!important;
  border-radius:999px!important;background:rgba(247,218,101,.12)!important;border:1px solid rgba(247,218,101,.22)!important;
  color:var(--yellow)!important;font-size:10px!important;font-weight:950!important;letter-spacing:.11em!important;text-transform:uppercase!important;
}
.moment-copy-v33 h3{
  margin:12px 0 8px!important;color:#fff!important;font-family:var(--display)!important;
  font-size:clamp(26px,2.1vw,36px)!important;line-height:.9!important;text-transform:uppercase!important;
}
.moment-copy-v33 small{
  color:#A3AEC1!important;font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:800!important;
}
@media(max-width:1080px){
  .moments-rail-v33{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .moment-reel-v33:last-child{grid-column:1 / -1!important;max-width:calc(50% - 8px)!important}
}
@media(max-width:640px){
  .moments-shell-v33{padding:0!important}
  .moments-head-v33{padding:0 18px!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  .moments-head-v33 h2{font-size:44px!important}
  .moments-rail-v33{
    display:flex!important;overflow-x:auto!important;gap:12px!important;padding:0 18px 4px!important;
    scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
  }
  .moments-rail-v33::-webkit-scrollbar{display:none!important}
  .moment-reel-v33{flex:0 0 64vw!important;min-width:240px!important;scroll-snap-align:start!important}
  .moment-play-v33{bottom:104px!important}
}



/* Fix oversized moments cards */
.moments-shell-v33{max-width:1500px!important;padding:0 26px!important}
.moments-rail-v33{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:14px!important;
  overflow-x:auto!important;
  padding-bottom:2px!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
.moments-rail-v33::-webkit-scrollbar{display:none!important}
.moment-reel-v33{
  flex:0 0 clamp(220px,18vw,255px)!important;
  width:clamp(220px,18vw,255px)!important;
  max-width:none!important;
  aspect-ratio:9 / 16!important;
}
.moment-play-v33{
  left:16px!important;
  bottom:96px!important;
  width:50px!important;
  height:50px!important;
  font-size:16px!important;
}
.moment-duration-v33{
  top:12px!important;
  right:12px!important;
  min-height:24px!important;
  padding:0 8px!important;
  font-size:9px!important;
}
.moment-copy-v33{left:16px!important;right:16px!important;bottom:16px!important}
.moment-copy-v33 h3{
  font-size:clamp(22px,1.55vw,28px)!important;
  margin:10px 0 6px!important;
}
.moment-copy-v33 small{font-size:10px!important;letter-spacing:.1em!important}
@media(max-width:1080px){
  .moments-rail-v33{display:flex!important}
  .moment-reel-v33{
    flex:0 0 clamp(210px,26vw,245px)!important;
    width:clamp(210px,26vw,245px)!important;
  }
}
@media(max-width:640px){
  .moments-shell-v33{padding:0!important}
  .moments-rail-v33{padding:0 18px 4px!important;gap:12px!important}
  .moment-reel-v33{
    flex:0 0 62vw!important;
    width:62vw!important;
    min-width:228px!important;
  }
  .moment-play-v33{bottom:92px!important}
}



/* Make Video / CNL MOMENTS clearer with brand colors */
.moments-head-v33 .video-eyebrow-v35{
  display:inline-flex!important;
  align-items:center!important;
  min-height:auto!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  color:var(--blue)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.moments-head-v33 h2{line-height:.88!important}
.moments-head-v33 .cnl-word-v35{color:var(--yellow)!important}
.moments-head-v33 .moments-word-v35{color:var(--blue)!important}
@media(max-width:640px){
  .moments-head-v33 .video-eyebrow-v35{min-height:26px!important;padding:0 10px!important;font-size:10px!important}
}



/* Remove the blue/navy background behind the entire Moments section */
.moments-v33,
#moments{
  background:var(--yellow)!important;
  color:var(--navy)!important;
  border-top:1px solid rgba(17,28,49,.10)!important;
  border-bottom:1px solid rgba(17,28,49,.10)!important;
}
.moments-head-v33 .video-eyebrow-v35{
  background:transparent!important;
  border:0!important;
  color:var(--blue)!important;
}
.moments-head-v33 h2{color:var(--navy)!important}
.moments-head-v33 .cnl-word-v35{color:var(--red)!important}
.moments-head-v33 .moments-word-v35{color:var(--navy)!important}
.moments-head-v33 a{
  color:var(--navy)!important;
  border-bottom-color:rgba(17,28,49,.35)!important;
}



/* Add 4th card and center smaller play icon */
.moments-rail-v33{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:14px!important;
  overflow-x:auto!important;
  padding-bottom:2px!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
.moments-rail-v33::-webkit-scrollbar{display:none!important}
.moment-reel-v33{
  flex:0 0 clamp(205px,16.4vw,228px)!important;
  width:clamp(205px,16.4vw,228px)!important;
  aspect-ratio:9 / 16!important;
}
.moment-play-v33{
  left:50%!important;
  top:50%!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:42px!important;
  height:42px!important;
  font-size:13px!important;
  box-shadow:0 8px 18px rgba(230,45,82,.22)!important;
}
.moment-duration-v33{
  top:12px!important;
  right:12px!important;
}
.moment-copy-v33{left:14px!important;right:14px!important;bottom:14px!important}
.moment-copy-v33 h3{font-size:clamp(20px,1.35vw,24px)!important;line-height:.92!important;margin:10px 0 6px!important}
.moment-tag-v33{min-height:26px!important;padding:0 10px!important;font-size:9px!important}
.moment-copy-v33 small{font-size:9px!important;letter-spacing:.11em!important}
.moment-late-v38:before{
  background:
    radial-gradient(circle at 72% 20%, rgba(247,218,101,.34) 0 7%, transparent 7.4%),
    radial-gradient(circle at 38% 64%, rgba(40,172,167,.20) 0 13%, transparent 13.4%),
    radial-gradient(circle at 58% 28%, rgba(230,45,82,.24) 0 10%, transparent 10.4%),
    linear-gradient(180deg, rgba(255,210,118,.06), rgba(7,16,31,.08)),
    linear-gradient(135deg,#2A231B 0%, #111728 42%, #172A3F 100%)!important;
}
@media(max-width:1080px){
  .moment-reel-v33{
    flex:0 0 clamp(205px,26vw,228px)!important;
    width:clamp(205px,26vw,228px)!important;
  }
}
@media(max-width:640px){
  .moments-rail-v33{padding:0 18px 4px!important;gap:12px!important}
  .moment-reel-v33{
    flex:0 0 58vw!important;
    width:58vw!important;
    min-width:215px!important;
  }
  .moment-play-v33{width:40px!important;height:40px!important;font-size:12px!important}
}



.footer-logo{box-shadow:none!important;border:none!important;background:transparent!important;padding:0!important}
.footer-logo img{background:transparent!important;mix-blend-mode:normal!important}



/* Compact two-column hero: fills the width without creating empty vertical space */
.hero-v43{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  background:var(--yellow)!important;
  color:var(--navy)!important;
  border-bottom:1px solid rgba(17,28,49,.14)!important;
  overflow:hidden!important;
}
.hero-left-v43{
  min-height:0!important;
  height:auto!important;
  padding:24px 34px 30px!important;
  display:block!important;
  position:relative!important;
  background:transparent!important;
}
.hero-kicker-v43{
  position:relative!important;
  z-index:3!important;
  margin:0 0 20px!important;
  color:var(--navy)!important;
  font-size:9px!important;
  letter-spacing:.2em!important;
}
.hero-kicker-v43:before{
  width:42px!important;
  height:5px!important;
  background:transparent!important;
}
.hero-layout-v43{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr)!important;
  gap:34px!important;
  align-items:end!important;
}
.hero-title-v43{
  margin:0!important;
  max-width:none!important;
  font-family:var(--display)!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:-.045em!important;
  line-height:.72!important;
}
.hero-title-v43 span{
  display:block!important;
  white-space:nowrap!important;
  font-size:clamp(72px,8.2vw,128px)!important;
}
.hero-title-v43 .red{
  color:var(--red)!important;
  font-size:clamp(100px,11.5vw,178px)!important;
  line-height:.66!important;
}
.hero-info-v43{
  padding:0 0 8px 22px!important;
  border-left:2px solid rgba(17,28,49,.18)!important;
}
.hero-info-label-v43{
  margin-bottom:11px!important;
  color:var(--red)!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.hero-info-v43 p{
  margin:0!important;
  max-width:380px!important;
  color:var(--navy)!important;
  font-size:14px!important;
  line-height:1.48!important;
  font-weight:700!important;
}
.hero-ctas-v43{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:18px!important;
}
.hero-pattern-v43{
  position:absolute!important;
  z-index:1!important;
  right:-20px!important;
  top:32px!important;
  width:auto!important;
  height:auto!important;
  font-family:var(--display)!important;
  font-size:clamp(150px,18vw,270px)!important;
  line-height:.72!important;
  letter-spacing:-.05em!important;
  color:transparent!important;
  -webkit-text-stroke:2px rgba(17,28,49,.055)!important;
  transform:none!important;
  opacity:1!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
@media(max-width:980px){
  .hero-layout-v43{grid-template-columns:1fr!important;gap:18px!important}
  .hero-info-v43{padding:16px 0 0!important;border-left:0!important;border-top:2px solid rgba(17,28,49,.15)!important}
  .hero-info-v43 p{max-width:600px!important}
}
@media(max-width:640px){
  .hero-left-v43{padding:22px 18px 24px!important}
  .hero-kicker-v43{margin-bottom:18px!important}
  .hero-title-v43 span{font-size:clamp(48px,14.8vw,72px)!important;white-space:normal!important}
  .hero-title-v43 .red{font-size:clamp(70px,21vw,104px)!important}
  .hero-info-v43 p{font-size:13px!important}
  .hero-pattern-v43{font-size:130px!important;right:-34px!important;top:55px!important}
}



.hero-v46{
  min-height:0!important;
  display:block!important;
  background:var(--yellow)!important;
  color:var(--navy)!important;
  overflow:hidden!important;
  border-bottom:1px solid rgba(17,28,49,.13)!important;
}
.hero-inner-v46{
  max-width:1500px!important;
  margin:0 auto!important;
  padding:28px 34px 28px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr)!important;
  gap:26px!important;
  align-items:center!important;
}
.hero-copy-v46{position:relative!important;z-index:2!important}
.hero-kicker-v46{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:18px!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.2em!important;
  text-transform:uppercase!important;
}
.hero-kicker-v46 span{display:block!important;width:44px!important;height:5px!important;background:var(--red)!important}
.hero-copy-v46 h1{
  margin:0!important;
  font-family:var(--display)!important;
  font-size:clamp(74px,7.7vw,118px)!important;
  line-height:.72!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase!important;
  color:var(--navy)!important;
}
.hero-copy-v46 h1 em{
  display:inline-block!important;
  margin-top:6px!important;
  font-style:normal!important;
  color:var(--red)!important;
  font-size:1.22em!important;
}
.hero-copy-v46 p{
  max-width:560px!important;
  margin:20px 0 0!important;
  padding-top:14px!important;
  border-top:2px solid rgba(17,28,49,.14)!important;
  font-size:14px!important;
  line-height:1.5!important;
  font-weight:700!important;
}
.hero-actions-v46{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:18px!important}
.hero-art-v46{
  min-height:320px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--navy)!important;
}
.hero-art-v46 svg{width:100%!important;max-width:520px!important;height:auto!important;display:block!important;overflow:visible!important}
.hero-art-v46 .art-line{stroke:rgba(17,28,49,.30)!important}
.hero-art-v46 .art-pyramid-back{stroke:rgba(17,28,49,.34)!important}
.hero-art-v46 .art-pyramid-front{stroke:var(--navy)!important;stroke-width:5!important}
.hero-art-v46 .art-pyramid-detail{stroke:rgba(17,28,49,.18)!important;stroke-width:2!important}
.hero-art-v46 .art-tower{stroke:var(--navy)!important;stroke-width:4!important}
.hero-art-v46 .art-tower-top{stroke:var(--red)!important;stroke-width:5!important}
.hero-art-v46 .art-hang{stroke:rgba(17,28,49,.42)!important;stroke-width:2!important}
.hero-art-v46 .art-disco{stroke:var(--red)!important;stroke-width:3!important}
.hero-art-v46 .art-wave{stroke:rgba(17,28,49,.12)!important;stroke-width:2!important;stroke-dasharray:8 10!important}
.hero-art-v46 .art-stars{fill:var(--red)!important}
.hero-art-v46 .art-caption{fill:rgba(17,28,49,.52)!important;font-size:10px!important;font-weight:900!important;letter-spacing:2.1px!important;font-family:Arial,sans-serif!important}
@media(max-width:980px){
  .hero-inner-v46{grid-template-columns:1fr!important;gap:10px!important}
  .hero-art-v46{min-height:230px!important;justify-content:flex-start!important}
  .hero-art-v46 svg{max-width:430px!important}
}
@media(max-width:640px){
  .hero-inner-v46{padding:24px 18px 20px!important}
  .hero-copy-v46 h1{font-size:clamp(56px,15.8vw,82px)!important}
  .hero-copy-v46 p{font-size:13px!important;margin-top:16px!important}
  .hero-art-v46{min-height:170px!important;margin-top:4px!important}
  .hero-art-v46 svg{max-width:330px!important}
  .hero-art-v46 .art-caption{display:none!important}
}



/* Remove Cairo illustration completely and keep the hero clean */
.hero-inner-v46{
  grid-template-columns:1fr!important;
  gap:0!important;
  min-height:0!important;
  padding:24px 34px 28px!important;
}
.hero-copy-v46{
  width:100%!important;
  max-width:980px!important;
}
.hero-copy-v46 p{
  max-width:640px!important;
}
.hero-art-v46{display:none!important}
@media(max-width:640px){
  .hero-inner-v46{padding:22px 18px 24px!important}
}



.hero-copy-v46 p{
  border-top:0!important;
  padding-top:0!important;
  margin-top:14px!important;
}



/* Add extra news row under the main 3 stories */
#news .shell{position:relative!important}
.news-more-v49{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:18px!important;
}
.news-mini-v49{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  text-decoration:none!important;
  color:var(--navy)!important;
}
.news-thumb-v49{
  aspect-ratio:1.46 / 1!important;
  border:1px solid rgba(17,28,49,.12)!important;
  background:#17253d!important;
  overflow:hidden!important;
  position:relative!important;
}
.news-thumb-v49:after{
  content:"";
  position:absolute!important;inset:0!important;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.12))!important;
}
.mini-lounge-v49 .news-thumb-v49{
  background:
    radial-gradient(circle at 24% 28%, rgba(255,226,150,.80) 0 2.2%, transparent 2.5%),
    radial-gradient(circle at 71% 22%, rgba(255,226,150,.70) 0 1.7%, transparent 2.1%),
    linear-gradient(90deg, rgba(255,210,118,.55) 0 1.5%, transparent 1.5% 32%, rgba(255,210,118,.22) 32% 33%, transparent 33% 67%, rgba(255,210,118,.25) 67% 68%, transparent 68%),
    linear-gradient(180deg, #123347 0%, #0b2336 44%, #081a2d 100%)!important;
}
.mini-artist-v49 .news-thumb-v49{
  background:
    radial-gradient(circle at 36% 45%, rgba(255,255,255,.10) 0 9%, transparent 9.5%),
    radial-gradient(circle at 62% 42%, rgba(255,255,255,.09) 0 8%, transparent 8.6%),
    linear-gradient(135deg,#ff5a3f 0%, #e62d52 100%)!important;
}
.mini-stage-v49 .news-thumb-v49{
  background:
    radial-gradient(circle at 50% 28%, rgba(255,224,120,.28) 0 12%, transparent 12.4%),
    radial-gradient(circle at 18% 35%, rgba(255,255,255,.11) 0 3%, transparent 3.4%),
    radial-gradient(circle at 80% 35%, rgba(255,255,255,.11) 0 3%, transparent 3.4%),
    linear-gradient(180deg,#0E1524 0%, #17212f 100%)!important;
}
.mini-portrait-v49 .news-thumb-v49{
  background:
    linear-gradient(90deg, transparent 0 54%, rgba(0,0,0,.28) 54% 100%),
    radial-gradient(circle at 68% 34%, rgba(255,210,118,.50) 0 16%, transparent 16.4%),
    linear-gradient(135deg,#5d3d30 0%, #161f31 78%)!important;
}
.news-copy-v49 small{
  display:block!important;
  font-size:10px!important;
  line-height:1.2!important;
  color:rgba(17,28,49,.82)!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  margin-bottom:6px!important;
}
.news-copy-v49 h4{
  margin:0!important;
  font-family:var(--display)!important;
  font-size:clamp(24px,1.8vw,34px)!important;
  line-height:.94!important;
  text-transform:uppercase!important;
  color:var(--navy)!important;
}
.news-controls-v49{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-top:18px!important;
}
.news-all-btn-v49{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:50px!important;
  padding:0 18px!important;
  border:2px solid rgba(17,28,49,.25)!important;
  color:var(--navy)!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.news-all-btn-v49 span{display:inline-block!important;margin-left:10px!important;font-size:18px!important;color:var(--red)!important}
.news-arrows-v49{display:flex!important;gap:10px!important}
.news-arrows-v49 button{
  width:46px!important;height:46px!important;border-radius:50%!important;
  border:2px solid rgba(17,28,49,.25)!important;background:transparent!important;color:var(--navy)!important;
  font-size:24px!important;line-height:1!important;cursor:pointer!important;
}
@media(max-width:1100px){
  .news-more-v49{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .news-more-v49{
    display:flex!important;
    overflow-x:auto!important;
    gap:12px!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
  }
  .news-more-v49::-webkit-scrollbar{display:none!important}
  .news-mini-v49{flex:0 0 72vw!important;min-width:260px!important}
  .news-controls-v49{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
}



/* Make the 4 extra news cards smaller and tighter */
.news-more-v49{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:14px!important;
  align-items:start!important;
}
.news-mini-v49{
  gap:8px!important;
}
.news-thumb-v49{
  aspect-ratio:1.75 / 1!important;
}
.news-copy-v49 small{
  font-size:9px!important;
  margin-bottom:4px!important;
}
.news-copy-v49 h4{
  font-size:clamp(18px,1.15vw,22px)!important;
  line-height:.95!important;
}
.news-controls-v49{
  margin-top:14px!important;
}
@media(max-width:1200px){
  .news-more-v49{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .news-copy-v49 h4{font-size:clamp(16px,1.2vw,20px)!important}
}
@media(max-width:1100px){
  .news-more-v49{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .news-mini-v49{flex:0 0 68vw!important;min-width:240px!important}
  .news-copy-v49 h4{font-size:18px!important}
}



/* Hard compact sizing for the secondary news row */
.news-more-v49{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
  width:100%!important;
}
.news-mini-v49{
  display:block!important;
  min-width:0!important;
  width:auto!important;
  gap:0!important;
}
.news-thumb-v49{
  width:100%!important;
  height:108px!important;
  min-height:108px!important;
  max-height:108px!important;
  aspect-ratio:auto!important;
  margin:0 0 7px!important;
}
.news-copy-v49{
  padding:0!important;
}
.news-copy-v49 small{
  font-size:8px!important;
  line-height:1.1!important;
  margin:0 0 4px!important;
  letter-spacing:.015em!important;
}
.news-copy-v49 h4{
  font-size:15px!important;
  line-height:1.02!important;
  margin:0!important;
  letter-spacing:-.015em!important;
}
.news-controls-v49{
  margin-top:12px!important;
}
.news-all-btn-v49{
  min-height:42px!important;
  padding:0 14px!important;
  font-size:10px!important;
}
.news-arrows-v49 button{
  width:38px!important;
  height:38px!important;
  font-size:20px!important;
}
@media(max-width:1100px){
  .news-more-v49{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  .news-thumb-v49{height:92px!important;min-height:92px!important;max-height:92px!important}
  .news-copy-v49 h4{font-size:13px!important}
}
@media(max-width:760px){
  .news-more-v49{
    display:flex!important;
    overflow-x:auto!important;
    gap:10px!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
  }
  .news-more-v49::-webkit-scrollbar{display:none!important}
  .news-mini-v49{
    flex:0 0 185px!important;
    min-width:185px!important;
  }
  .news-thumb-v49{height:105px!important;min-height:105px!important;max-height:105px!important}
  .news-copy-v49 h4{font-size:14px!important}
}



/* Move hero CTAs to the opposite side instead of keeping them under the paragraph */
.hero-inner-v46{
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)!important;
  align-items:end!important;
}
.hero-actions-v46{display:none!important}
.hero-actions-side-v52{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:9px!important;
  padding:0 0 4px!important;
  align-self:end!important;
}
.hero-actions-side-v52 .btn{
  min-width:150px!important;
  justify-content:center!important;
}
@media(max-width:900px){
  .hero-inner-v46{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .hero-actions-side-v52{
    justify-content:flex-start!important;
    padding:0!important;
  }
}
@media(max-width:640px){
  .hero-actions-side-v52{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .hero-actions-side-v52 .btn{
    min-width:0!important;
    width:100%!important;
  }
}



/* Single, stronger Explore Cairo CTA */
.hero-actions-side-v52{display:none!important}
.hero-actions-side-v53{
  position:relative!important;
  z-index:4!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:flex-end!important;
  align-self:end!important;
  padding:0 0 6px!important;
}
.hero-explore-v53{
  width:min(330px,100%)!important;
  min-height:84px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 54px!important;
  align-items:center!important;
  gap:14px!important;
  padding:14px 14px 14px 18px!important;
  border-top:2px solid var(--navy)!important;
  border-bottom:2px solid var(--navy)!important;
  color:var(--navy)!important;
  text-decoration:none!important;
  background:transparent!important;
  transition:transform .18s ease, background .18s ease!important;
}
.hero-explore-copy-v53{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  align-items:flex-start!important;
}
.hero-explore-copy-v53 small{
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  color:rgba(17,28,49,.55)!important;
}
.hero-explore-copy-v53 strong{
  font-family:var(--display)!important;
  font-size:34px!important;
  line-height:.9!important;
  letter-spacing:-.02em!important;
  text-transform:uppercase!important;
  color:var(--navy)!important;
}
.hero-explore-arrow-v53{
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:var(--red)!important;
  color:#fff!important;
  font-size:23px!important;
  line-height:1!important;
  transition:transform .18s ease!important;
}
.hero-explore-v53:hover{
  background:rgba(17,28,49,.035)!important;
  transform:translateY(-2px)!important;
}
.hero-explore-v53:hover .hero-explore-arrow-v53{transform:translateX(3px)!important}
@media(max-width:900px){
  .hero-actions-side-v53{justify-content:flex-start!important;padding:0!important}
}
@media(max-width:640px){
  .hero-explore-v53{width:100%!important;min-height:74px!important}
  .hero-explore-copy-v53 strong{font-size:29px!important}
}



/* Smaller, cleaner Explore Cairo CTA — no decorative lines */
.hero-actions-side-v53{display:none!important}
.hero-actions-side-v54{
  position:relative!important;
  z-index:4!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:flex-end!important;
  align-self:end!important;
  padding:0 0 4px!important;
}
.hero-explore-v54{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-width:184px!important;
  min-height:48px!important;
  padding:0 10px 0 16px!important;
  background:var(--navy)!important;
  color:var(--yellow)!important;
  text-decoration:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.hero-explore-v54 strong{
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:var(--yellow)!important;
  font-family:inherit!important;
}
.hero-explore-arrow-v54{
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--red)!important;
  font-size:16px!important;
  line-height:1!important;
}
.hero-explore-v54:hover .hero-explore-arrow-v54{transform:none!important}
@media(max-width:900px){
  .hero-actions-side-v54{justify-content:flex-start!important;padding:0!important}
}
@media(max-width:640px){
  .hero-explore-v54{min-width:0!important;min-height:40px!important;padding:0 12px!important}
  .hero-explore-arrow-v54{width:auto!important;height:auto!important;flex-basis:auto!important}
}



.hero-explore-v54:hover{background:transparent!important}



/* Keep Explore Cairo consistent with the rest of the site's text links */
.hero-actions-side-v54.hero-actions-side-v57{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:flex-end!important;
  padding:0 0 6px!important;
}
.hero-explore-link-v57{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:0 0 5px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:2px solid var(--navy)!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--navy)!important;
  text-decoration:none!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  line-height:1!important;
}
.hero-explore-link-v57 span{color:var(--navy)!important}
.hero-explore-link-v57 i{
  font-style:normal!important;
  color:var(--red)!important;
  font-size:14px!important;
  line-height:1!important;
}
.hero-explore-link-v57:hover{
  background:transparent!important;
  color:var(--navy)!important;
}
@media(max-width:900px){
  .hero-actions-side-v54.hero-actions-side-v57{justify-content:flex-start!important;padding:0!important}
}



/* Visual QA cleanup: no redesign, only alignment + consistency fixes */

/* 1) One desktop alignment axis across the whole site */
.hero-inner-v46{padding-left:28px!important;padding-right:28px!important}
#snaps .snaps-shell-v29,
#moments .moments-shell-v33{padding-left:28px!important;padding-right:28px!important}
.area-strip-section{padding-left:28px!important;padding-right:28px!important}
.partner-shell-v30{padding-left:28px!important;padding-right:28px!important;box-sizing:border-box!important}
footer{padding-left:28px!important;padding-right:28px!important}

/* 2) Header contrast */
.login{color:var(--yellow)!important}

/* 3) Venue cards: titles were too dark on navy */
.venue-card h3{color:#fff!important;opacity:1!important}

/* 4) Major section accent treatment: same rule as the rest of the site */
.moments-head-v33 .cnl-word-v35{color:var(--navy)!important}
.moments-head-v33 .moments-word-v35{color:var(--red)!important}
.moments-head-v33 .video-eyebrow-v35{color:var(--navy)!important}

/* 5) Center the four Moments cards instead of leaving a large dead area on the right */
@media(min-width:901px){
  .moments-rail-v33{
    justify-content:center!important;
    overflow:visible!important;
    width:100%!important;
  }
  .moment-reel-v33{
    flex:0 0 228px!important;
    width:228px!important;
  }
}

/* 6) News controls: remove duplicate CTA style and keep one language for navigation */
.news-all-btn-v49{display:none!important}
.news-controls-v49{justify-content:flex-end!important;margin-top:12px!important}
.news-arrows-v49 button{
  border:0!important;
  border-radius:0!important;
  width:34px!important;
  height:34px!important;
  background:transparent!important;
  color:var(--navy)!important;
  font-size:22px!important;
}
.news-copy-v49 h4{min-height:34px!important}
.news-copy-v49 small{font-size:9.5px!important}

/* 7) Mobile: force the three feature news cards to stack correctly */
@media(max-width:640px){
  .hero-inner-v46{padding-left:18px!important;padding-right:18px!important}
  #snaps .snaps-shell-v29,
  #moments .moments-shell-v33{padding-left:18px!important;padding-right:18px!important}
  .area-strip-section{padding-left:18px!important;padding-right:18px!important}
  .partner-shell-v30{padding-left:18px!important;padding-right:18px!important}
  footer{padding-left:18px!important;padding-right:18px!important}

  #news .news-feature-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:260px 150px 150px!important;
    gap:10px!important;
  }
  #news .news-feature-main,
  #news .news-feature-side{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
  }
  #news .news-feature-main h3{
    max-width:92%!important;
    font-size:clamp(34px,10vw,46px)!important;
    line-height:.84!important;
  }
  #news .news-feature-side h3{
    font-size:clamp(24px,7vw,32px)!important;
    line-height:.9!important;
  }

  .moments-rail-v33{
    justify-content:flex-start!important;
    overflow-x:auto!important;
  }

  .area-strip-section .neighborhoods{
    display:flex!important;
    overflow-x:auto!important;
    gap:0!important;
    scrollbar-width:none!important;
  }
  .area-strip-section .neighborhoods::-webkit-scrollbar{display:none!important}
  .area-strip-section .neighborhoods a{
    flex:0 0 125px!important;
    min-width:125px!important;
  }
}



/* Final QA fixes after desktop + mobile render review */
#moments .moments-head-v33 .cnl-word-v35{color:var(--navy)!important}
#moments .moments-head-v33 .moments-word-v35{color:var(--red)!important}
#moments .moments-head-v33 .video-eyebrow-v35{color:var(--navy)!important}

@media(max-width:640px){
  .area-strip-shell{
    grid-template-columns:1fr!important;
    gap:10px!important;
    min-height:0!important;
    padding:14px 0!important;
  }
  .area-strip-label{
    font-size:8px!important;
    letter-spacing:.16em!important;
  }
  .area-strip-section .neighborhoods{
    width:100%!important;
    gap:16px!important;
    padding-bottom:2px!important;
  }
  .area-strip-section .neighborhoods a{
    flex:0 0 auto!important;
    min-width:112px!important;
    width:auto!important;
    padding:0!important;
    column-gap:8px!important;
  }
  .area-strip-section .area-name{
    width:auto!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
  .area-strip-section .area-arrow{
    width:auto!important;
    min-width:12px!important;
    font-size:12px!important;
  }
}



/* SECTION 01 — Header polish: same geometry, cleaner icon language, consistent alignment */
header .nav{
  height:74px!important;
  padding-left:28px!important;
  padding-right:28px!important;
  gap:20px!important;
}
header .brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:210px!important;
}
header .brand-tile{
  width:92px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
}
header .brand-tile img{
  width:86px!important;
  height:auto!important;
  display:block!important;
}
header .brand small{
  margin:0!important;
  color:var(--navy-plain)!important;
  font-size:9px!important;
  line-height:1.22!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  opacity:.76!important;
}
header .actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
header .icon,
header .login{
  height:40px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:0!important;
  margin:0!important;
  vertical-align:middle!important;
}
header .icon{
  width:40px!important;
  padding:0!important;
  border:1px solid rgba(17,28,49,.28)!important;
  background:transparent!important;
  color:var(--navy-plain)!important;
  font-size:16px!important;
  line-height:1!important;
}
header .header-search-v60 svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
}
header .login{
  min-width:78px!important;
  padding:0 16px!important;
  border:1px solid var(--navy-plain)!important;
  background:var(--navy-plain)!important;
  color:var(--yellow)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
header .menu{
  font-size:17px!important;
  font-family:Arial,sans-serif!important;
}
header .navlinks{
  align-items:center!important;
  line-height:1!important;
}
header .navlinks a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:40px!important;
}
@media(max-width:640px){
  header .nav{
    height:64px!important;
    padding-left:14px!important;
    padding-right:14px!important;
    gap:10px!important;
  }
  header .brand{min-width:0!important;gap:0!important}
  header .brand-tile{width:76px!important;height:42px!important}
  header .brand-tile img{width:72px!important}
  header .brand small{display:none!important}
  header .icon{width:38px!important;height:38px!important}
}



/* SECTION 02 — clean transition from Header directly into Hero */
.ticker,.ticker-track{display:none!important}
header{
  border-bottom:1px solid rgba(17,28,49,.16)!important;
  box-shadow:none!important;
}
main#top{
  margin-top:0!important;
  padding-top:0!important;
}
main#top > .hero{
  margin-top:0!important;
  border-top:0!important;
}



/* 03 — HERO: compact, balanced and consistent with the rest of CNL */
.hero-v46{
  min-height:0!important;
  height:auto!important;
  background:var(--yellow)!important;
  color:var(--navy)!important;
  border-bottom:1px solid rgba(17,28,49,.10)!important;
  overflow:hidden!important;
}
/* remove the oversized decorative CAIRO word that was competing with the headline */
.hero-v46:after{display:none!important;content:none!important}

.hero-inner-v46{
  max-width:1500px!important;
  margin:0 auto!important;
  min-height:0!important;
  padding:30px 28px 32px!important;
  display:grid!important;
  grid-template-columns:minmax(0,760px) minmax(180px,1fr)!important;
  gap:46px!important;
  align-items:end!important;
  box-sizing:border-box!important;
}
.hero-copy-v46{
  width:100%!important;
  max-width:760px!important;
  position:relative!important;
  z-index:2!important;
}
.hero-kicker-v46{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  margin:0 0 18px!important;
  color:var(--navy)!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.19em!important;
  text-transform:uppercase!important;
}
.hero-kicker-v46 span{
  width:36px!important;
  height:4px!important;
  background:var(--red)!important;
  flex:0 0 auto!important;
}
.hero-copy-v46 h1{
  margin:0!important;
  max-width:720px!important;
  font-family:var(--display)!important;
  font-size:clamp(76px,7.35vw,112px)!important;
  line-height:.74!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase!important;
  color:var(--navy)!important;
}
.hero-copy-v46 h1 em{
  display:inline-block!important;
  margin-top:4px!important;
  font-style:normal!important;
  font-size:1.18em!important;
  line-height:.72!important;
  color:var(--red)!important;
}
.hero-copy-v46 p{
  max-width:620px!important;
  margin:17px 0 0!important;
  padding:0!important;
  border:0!important;
  color:var(--navy)!important;
  font-size:14px!important;
  line-height:1.48!important;
  font-weight:700!important;
}
.hero-actions-side-v54.hero-actions-side-v57{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:flex-end!important;
  align-self:end!important;
  padding:0 0 2px!important;
  min-width:0!important;
}
.hero-explore-link-v57{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 0 5px!important;
  border:0!important;
  border-bottom:1px solid rgba(17,28,49,.42)!important;
  background:transparent!important;
  color:var(--navy)!important;
  text-decoration:none!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.hero-explore-link-v57 span{color:var(--navy)!important}
.hero-explore-link-v57 i{
  color:var(--red)!important;
  font-size:14px!important;
  font-style:normal!important;
}

@media(max-width:900px){
  .hero-inner-v46{
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:28px 24px 28px!important;
  }
  .hero-copy-v46{max-width:720px!important}
  .hero-actions-side-v54.hero-actions-side-v57{justify-content:flex-start!important;padding:0!important}
}
@media(max-width:640px){
  .hero-inner-v46{padding:24px 18px 26px!important;gap:18px!important}
  .hero-kicker-v46{margin-bottom:15px!important;font-size:8px!important;letter-spacing:.16em!important}
  .hero-kicker-v46 span{width:30px!important;height:3px!important}
  .hero-copy-v46 h1{font-size:clamp(58px,16vw,80px)!important;line-height:.76!important}
  .hero-copy-v46 h1 em{font-size:1.14em!important}
  .hero-copy-v46 p{font-size:13px!important;line-height:1.45!important;margin-top:15px!important}
  .hero-explore-link-v57{font-size:9px!important}
}



/* Section 04 — Latest From Cairo / News */
#news{
  padding-top:34px!important;
  padding-bottom:38px!important;
}
#news .head{
  margin-bottom:16px!important;
  align-items:flex-end!important;
}
#news .head .eyebrow{
  color:var(--navy)!important;
  opacity:.72!important;
}
#news .head h2{
  font-size:clamp(46px,4.7vw,72px)!important;
  line-height:.88!important;
  margin-top:4px!important;
}
#news .head > a{
  color:var(--navy)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  border-bottom:1px solid rgba(17,28,49,.35)!important;
  padding-bottom:3px!important;
}
#news .news-feature-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.46fr) minmax(300px,.84fr)!important;
  grid-template-rows:172px 172px!important;
  gap:10px!important;
}
#news .story-card{
  padding:18px!important;
  border:0!important;
  box-shadow:none!important;
}
#news .news-feature-main{
  grid-row:1 / 3!important;
  background:var(--navy)!important;
}
#news .news-feature-side{
  background:#0F1C31!important;
}
#news .story-card .type{
  color:var(--yellow)!important;
  font-size:8px!important;
  letter-spacing:.16em!important;
}
#news .story-card .outline{
  opacity:.55!important;
  -webkit-text-stroke:1.25px rgba(247,218,101,.13)!important;
}
#news .news-feature-main .outline{
  font-size:124px!important;
  top:14px!important;
  right:-14px!important;
}
#news .news-feature-side .outline{
  font-size:72px!important;
  top:10px!important;
  right:-8px!important;
}
#news .news-feature-main h3{
  max-width:78%!important;
  font-size:clamp(46px,4.5vw,68px)!important;
  line-height:.84!important;
}
#news .news-feature-side h3{
  max-width:82%!important;
  font-size:clamp(27px,2.25vw,35px)!important;
  line-height:.88!important;
}
#news .story-card .arrow{
  width:32px!important;
  height:32px!important;
  border:1px solid rgba(247,218,101,.7)!important;
  color:var(--yellow)!important;
  font-size:16px!important;
}

/* Compact second news row */
#news .news-more-v49{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
}
#news .news-mini-v49{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  min-width:0!important;
}
#news .news-thumb-v49{
  width:112px!important;
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  margin:0!important;
  border:0!important;
}
#news .news-copy-v49{
  min-width:0!important;
  padding-top:1px!important;
}
#news .news-copy-v49 small{
  display:block!important;
  margin:0 0 5px!important;
  color:rgba(17,28,49,.64)!important;
  font-size:7.5px!important;
  line-height:1.15!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
}
#news .news-copy-v49 small b{
  color:var(--red)!important;
  font-weight:950!important;
}
#news .news-copy-v49 h4{
  margin:0!important;
  min-height:0!important;
  color:var(--navy)!important;
  font-size:13px!important;
  line-height:1.02!important;
  letter-spacing:-.01em!important;
}
#news .news-controls-v49{display:none!important}

@media(max-width:1180px){
  #news .news-mini-v49{
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:8px!important;
  }
  #news .news-thumb-v49{
    width:92px!important;
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
  }
  #news .news-copy-v49 h4{font-size:12px!important}
}
@media(max-width:900px){
  #news .news-feature-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:250px 145px 145px!important;
  }
  #news .news-feature-main{grid-row:auto!important}
  #news .news-feature-main h3{font-size:clamp(38px,7vw,54px)!important;max-width:84%!important}
  #news .news-more-v49{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 16px!important;
  }
  #news .news-mini-v49{grid-template-columns:108px minmax(0,1fr)!important}
  #news .news-thumb-v49{width:108px!important;height:74px!important;min-height:74px!important;max-height:74px!important}
}
@media(max-width:640px){
  #news{padding-top:28px!important;padding-bottom:30px!important}
  #news .head{margin-bottom:13px!important}
  #news .head h2{font-size:40px!important}
  #news .news-feature-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:230px 132px 132px!important;
    gap:8px!important;
  }
  #news .story-card{padding:14px!important}
  #news .news-feature-main h3{font-size:37px!important;max-width:92%!important}
  #news .news-feature-side h3{font-size:25px!important;max-width:88%!important}
  #news .news-more-v49{
    display:flex!important;
    overflow-x:auto!important;
    gap:12px!important;
    padding:0 0 2px!important;
    scrollbar-width:none!important;
  }
  #news .news-more-v49::-webkit-scrollbar{display:none!important}
  #news .news-mini-v49{
    flex:0 0 218px!important;
    min-width:218px!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:8px!important;
  }
  #news .news-thumb-v49{
    width:82px!important;
    height:66px!important;
    min-height:66px!important;
    max-height:66px!important;
  }
  #news .news-copy-v49 h4{font-size:12px!important}
  #news .news-copy-v49 small{font-size:7px!important}
}



/* Replace the lower news-list look with a CNL lifestyle/editorial strip */
#news .news-more-v49,
#news .news-controls-v49{display:none!important}
.cnl-more-v64{margin-top:16px!important}
.cnl-more-label-v64{
  margin-bottom:9px!important;
  color:var(--navy)!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.cnl-more-grid-v64{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.cnl-story-v64{
  position:relative!important;
  min-height:148px!important;
  overflow:hidden!important;
  padding:12px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  color:#fff!important;
  border:1px solid rgba(17,28,49,.10)!important;
}
.cnl-story-v64:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(7,16,31,.02) 0%,rgba(7,16,31,.14) 48%,rgba(7,16,31,.78) 100%)!important;
  z-index:0!important;
}
.cnl-story-v64>*{position:relative!important;z-index:1!important}
.story-weekend-v64{
  background:
    radial-gradient(circle at 20% 22%,rgba(247,218,101,.42) 0 6%,transparent 6.4%),
    radial-gradient(circle at 76% 30%,rgba(230,45,82,.25) 0 10%,transparent 10.4%),
    linear-gradient(135deg,#153449,#0d1b2e 58%,#172a40)!important;
}
.story-music-v64{
  background:
    radial-gradient(circle at 70% 24%,rgba(230,45,82,.40) 0 12%,transparent 12.5%),
    radial-gradient(circle at 35% 48%,rgba(247,218,101,.20) 0 10%,transparent 10.5%),
    linear-gradient(135deg,#3b2028,#11192b 62%,#172238)!important;
}
.story-spots-v64{
  background:
    radial-gradient(circle at 68% 28%,rgba(40,172,167,.36) 0 12%,transparent 12.5%),
    linear-gradient(135deg,#16363b,#0d1c2e 62%,#16263a)!important;
}
.story-people-v64{
  background:
    radial-gradient(circle at 64% 32%,rgba(247,218,101,.34) 0 13%,transparent 13.5%),
    radial-gradient(circle at 34% 62%,rgba(141,63,209,.22) 0 10%,transparent 10.5%),
    linear-gradient(135deg,#37251e,#121a2c 68%)!important;
}
.cnl-story-tag-v64{
  align-self:flex-start!important;
  padding:5px 7px!important;
  background:var(--yellow)!important;
  color:var(--navy)!important;
  font-size:7.5px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.cnl-story-copy-v64 h4{
  margin:0 0 7px!important;
  max-width:92%!important;
  color:#fff!important;
  font-family:var(--display)!important;
  font-size:clamp(17px,1.25vw,21px)!important;
  line-height:.92!important;
  text-transform:uppercase!important;
}
.cnl-story-copy-v64 span{
  color:var(--yellow)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
@media(max-width:980px){
  .cnl-more-grid-v64{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cnl-story-v64{min-height:138px!important}
}
@media(max-width:640px){
  .cnl-more-v64{margin-top:14px!important}
  .cnl-more-grid-v64{
    display:flex!important;
    overflow-x:auto!important;
    gap:10px!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
  }
  .cnl-more-grid-v64::-webkit-scrollbar{display:none!important}
  .cnl-story-v64{flex:0 0 205px!important;min-width:205px!important;min-height:126px!important}
  .cnl-story-copy-v64 h4{font-size:17px!important}
}



/* 05 — Tonight in Cairo: tighter, cleaner, consistent with the CNL identity */
#events{
  background:var(--yellow)!important;
  color:var(--navy)!important;
  padding-top:34px!important;
  padding-bottom:38px!important;
}
#events .head{
  margin-bottom:18px!important;
  align-items:flex-end!important;
}
#events .head .eyebrow{color:var(--navy)!important;opacity:.62!important}
#events .head h2{color:var(--navy)!important}
#events .head > a{
  color:var(--navy)!important;
  border-bottom:1px solid rgba(17,28,49,.35)!important;
  padding-bottom:3px!important;
}
#events .events-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
#events .event-card,
#events .event-card:nth-child(4){
  display:flex!important;
  min-height:300px!important;
  padding:16px!important;
  background:#111C31!important;
  border:1px solid rgba(17,28,49,.12)!important;
  box-shadow:none!important;
  color:#fff!important;
}
#events .event-card:before{
  background:linear-gradient(160deg,#182844 0%,#101A2D 100%)!important;
}
#events .event-card:nth-child(2):before{background:linear-gradient(160deg,#1A2945 0%,#111C31 100%)!important}
#events .event-card:nth-child(3):before{background:linear-gradient(160deg,#20263A 0%,#111C31 100%)!important}
#events .event-card:nth-child(4):before{background:linear-gradient(160deg,#132C38 0%,#101A2D 100%)!important}
#events .event-card:after{
  background:linear-gradient(180deg,rgba(7,16,31,.02) 18%,rgba(7,16,31,.88) 100%)!important;
}
#events .event-pattern{
  right:-10px!important;
  top:72px!important;
  bottom:auto!important;
  transform:none!important;
  font-size:58px!important;
  line-height:.82!important;
  -webkit-text-stroke:1px rgba(247,218,101,.12)!important;
  opacity:1!important;
}
#events .event-date{
  top:14px!important;
  left:14px!important;
  width:46px!important;
  height:52px!important;
  background:var(--yellow)!important;
  color:var(--navy)!important;
  font-size:8px!important;
  letter-spacing:.09em!important;
}
#events .event-date b{font-size:24px!important}
#events .event-meta small{
  color:rgba(255,255,255,.68)!important;
  font-size:8px!important;
  letter-spacing:.13em!important;
}
#events .event-meta h3{
  color:#fff!important;
  font-size:clamp(27px,2.05vw,34px)!important;
  line-height:.9!important;
  margin:7px 0 10px!important;
}
#events .event-foot{
  border-top:1px solid rgba(247,218,101,.22)!important;
  padding-top:10px!important;
  font-size:9px!important;
  color:rgba(255,255,255,.82)!important;
}
#events .event-foot span:last-child{color:var(--yellow)!important}
#events .event-card:hover{transform:translateY(-2px)!important;transition:transform .18s ease!important}

@media(max-width:1100px){
  #events .events-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #events .event-card{min-height:280px!important}
}
@media(max-width:640px){
  #events{padding-top:28px!important;padding-bottom:30px!important}
  #events .head{padding:0 18px!important;gap:12px!important}
  #events .events-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:12px!important;
    padding:0 18px 4px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  #events .events-grid::-webkit-scrollbar{display:none!important}
  #events .event-card,
  #events .event-card:nth-child(4){
    flex:0 0 78vw!important;
    min-width:260px!important;
    min-height:275px!important;
    scroll-snap-align:start!important;
  }
  #events .event-meta h3{font-size:30px!important}
}



/* 06 — Trending Venues: cleaner, more premium and consistent with the CNL system */
#venues{
  padding-top:36px!important;
  padding-bottom:42px!important;
}
#venues .head{margin-bottom:18px!important}
#venues .head h2{font-size:clamp(48px,4.7vw,74px)!important;line-height:.88!important}
#venues .head .teal{color:var(--yellow)!important}
#venues .head a{font-size:10px!important;letter-spacing:.11em!important;text-transform:uppercase!important}

#venues .venues-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
#venues .venue-card-v66{
  min-height:220px!important;
  padding:16px 16px 14px!important;
  background:#101B30!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:none!important;
  position:relative!important;
  overflow:hidden!important;
}
#venues .venue-card-v66:before{
  content:"";
  position:absolute!important;
  top:0!important;left:0!important;right:0!important;
  height:3px!important;
  background:var(--yellow)!important;
  opacity:.9!important;
}
#venues .venue-card-v66 .num{
  right:12px!important;
  top:10px!important;
  font-size:56px!important;
  line-height:.8!important;
  color:transparent!important;
  -webkit-text-stroke:1px rgba(247,218,101,.14)!important;
}
#venues .venue-card-v66 .tag{
  position:relative!important;
  z-index:2!important;
  color:var(--yellow)!important;
  font-size:8px!important;
  letter-spacing:.15em!important;
}
#venues .venue-copy-v66{
  position:relative!important;
  z-index:2!important;
  margin-top:auto!important;
  margin-bottom:14px!important;
}
#venues .venue-card-v66 h3{
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:clamp(27px,2vw,34px)!important;
  line-height:.9!important;
}
#venues .venue-card-v66 p{
  margin:0!important;
  color:rgba(255,255,255,.62)!important;
  font-size:10px!important;
  line-height:1.45!important;
}
#venues .venue-card-v66 p span{
  display:block!important;
  margin-bottom:4px!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#venues .venue-card-v66 .go{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  padding-top:10px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:8px!important;
  letter-spacing:.12em!important;
}
#venues .venue-card-v66 .go b{
  color:var(--yellow)!important;
  font-size:15px!important;
  font-weight:700!important;
}
#venues .venue-card-v66:hover{
  border-color:rgba(247,218,101,.34)!important;
}
#venues .venue-card:nth-child(5){display:none!important}

@media(max-width:980px){
  #venues .venues-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  #venues{padding-top:28px!important;padding-bottom:34px!important}
  #venues .head{align-items:flex-end!important}
  #venues .head h2{font-size:43px!important}
  #venues .venues-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:10px!important;
    padding-bottom:3px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x mandatory!important;
  }
  #venues .venues-grid::-webkit-scrollbar{display:none!important}
  #venues .venue-card-v66{
    flex:0 0 72vw!important;
    min-width:255px!important;
    min-height:205px!important;
    scroll-snap-align:start!important;
  }
}



/* 07 — Spotted by CNL: cleaner photo-album language, distinct from Moments */
.snaps-v67{
  background:var(--yellow)!important;
  color:var(--navy)!important;
  padding:36px 0 42px!important;
  border-top:1px solid rgba(17,28,49,.10)!important;
  border-bottom:1px solid rgba(17,28,49,.10)!important;
}
.snaps-v67 .snaps-shell-v29{
  max-width:1500px!important;
  padding:0 30px!important;
}
.snaps-v67 .snaps-head-v29{
  margin-bottom:18px!important;
  align-items:flex-end!important;
}
.snaps-v67 .snaps-head-v29 .eyebrow{
  color:var(--navy)!important;
  opacity:.66!important;
}
.snaps-v67 .snaps-head-v29 h2{
  font-size:clamp(48px,4.5vw,70px)!important;
  line-height:.88!important;
}
.snaps-v67 .snaps-head-v29 a{
  border-bottom:0!important;
  padding-bottom:0!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
.snaps-albums-v67{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  overflow:visible!important;
}
.snap-album-v67{
  aspect-ratio:16 / 10!important;
  min-height:240px!important;
  border:1px solid rgba(17,28,49,.10)!important;
  box-shadow:0 7px 0 rgba(17,28,49,.08)!important;
  overflow:hidden!important;
}
.snap-album-v67:before{
  transform:scale(1.005)!important;
}
.snap-album-v67 .snap-album-overlay{
  background:linear-gradient(180deg,rgba(4,10,20,.02) 0%,rgba(4,10,20,.08) 40%,rgba(4,10,20,.88) 100%)!important;
}
.snap-album-v67 .snap-count-v29{
  top:12px!important;
  right:12px!important;
  padding:6px 8px!important;
  font-size:8px!important;
  letter-spacing:.11em!important;
  background:var(--yellow)!important;
  color:var(--navy)!important;
}
.snap-album-v67 .snap-album-copy-v29{
  left:16px!important;
  right:16px!important;
  bottom:14px!important;
}
.snap-album-v67 .snap-album-copy-v29 span{
  margin-bottom:6px!important;
  font-size:9px!important;
  letter-spacing:.11em!important;
}
.snap-album-v67 .snap-album-copy-v29 h3{
  max-width:88%!important;
  margin:0 0 10px!important;
  font-size:clamp(27px,2.15vw,38px)!important;
  line-height:.90!important;
  letter-spacing:-.02em!important;
}
.snap-album-v67 .snap-album-copy-v29 b{
  color:var(--yellow)!important;
  border-bottom:0!important;
  padding-bottom:0!important;
  font-size:9px!important;
  letter-spacing:.10em!important;
}
.snap-album-v67:hover:before{transform:scale(1.025)!important}

@media(max-width:980px){
  .snaps-albums-v67{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .snap-album-v67:nth-child(3){display:block!important}
  .snap-album-v67:nth-child(3){grid-column:1 / -1!important;max-width:calc(50% - 9px)!important}
}
@media(max-width:640px){
  .snaps-v67{padding:30px 0 34px!important}
  .snaps-v67 .snaps-shell-v29{padding:0!important}
  .snaps-v67 .snaps-head-v29{
    padding:0 18px!important;
    margin-bottom:14px!important;
    flex-direction:row!important;
    align-items:flex-end!important;
    gap:12px!important;
  }
  .snaps-v67 .snaps-head-v29 h2{font-size:40px!important}
  .snaps-v67 .snaps-head-v29 a{font-size:8px!important;white-space:nowrap!important}
  .snaps-albums-v67{
    display:flex!important;
    overflow-x:auto!important;
    gap:12px!important;
    padding:0 18px 8px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  .snaps-albums-v67::-webkit-scrollbar{display:none!important}
  .snap-album-v67,
  .snap-album-v67:nth-child(3){
    display:block!important;
    grid-column:auto!important;
    max-width:none!important;
    flex:0 0 78vw!important;
    min-width:276px!important;
    min-height:0!important;
    aspect-ratio:16 / 10!important;
    scroll-snap-align:start!important;
    box-shadow:0 5px 0 rgba(17,28,49,.08)!important;
  }
  .snap-album-v67 .snap-album-copy-v29 h3{font-size:28px!important}
}



/* Snaps as compact photo-album strips, distinct from Events and Moments */
.snaps-v68{
  background:var(--yellow)!important;
  color:var(--navy)!important;
  padding:30px 0 34px!important;
}
.snaps-shell-v68{max-width:1500px!important;padding:0 26px!important}
.snaps-head-v68{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:16px!important;
}
.snaps-head-v68 .eyebrow{color:var(--navy)!important}
.snaps-head-v68 h2{color:var(--navy)!important;font-size:clamp(48px,4.6vw,72px)!important;line-height:.88!important}
.snaps-head-v68 a{color:var(--navy)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.snap-list-v68{border-top:2px solid rgba(17,28,49,.72)!important}
.snap-row-v68{
  display:grid!important;
  grid-template-columns:44px minmax(320px,.9fr) minmax(240px,.65fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  min-height:138px!important;
  padding:14px 0!important;
  border-bottom:1px solid rgba(17,28,49,.22)!important;
}
.snap-index-v68{
  align-self:start!important;
  padding-top:4px!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  color:rgba(17,28,49,.45)!important;
}
.snap-strip-v68{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:6px!important;
  height:108px!important;
}
.snap-shot-v68{
  display:block!important;
  overflow:hidden!important;
  background:#132039!important;
  border:1px solid rgba(17,28,49,.10)!important;
}
.shot-a1{background:linear-gradient(135deg,#182945,#0A1424 55%,#E62D52 160%)!important}
.shot-a2{background:radial-gradient(circle at 72% 26%,rgba(247,218,101,.45) 0 9%,transparent 10%),linear-gradient(135deg,#0B1D31,#17354D)!important}
.shot-a3{background:radial-gradient(circle at 38% 64%,rgba(230,45,82,.35) 0 14%,transparent 15%),linear-gradient(135deg,#1E2237,#0D1728)!important}
.shot-b1{background:linear-gradient(135deg,#34221E,#0E1728 64%)!important}
.shot-b2{background:radial-gradient(circle at 52% 30%,rgba(247,218,101,.38) 0 10%,transparent 11%),linear-gradient(135deg,#18263D,#0B1323)!important}
.shot-b3{background:radial-gradient(circle at 68% 62%,rgba(40,172,167,.28) 0 15%,transparent 16%),linear-gradient(135deg,#122839,#0D1728)!important}
.shot-c1{background:linear-gradient(135deg,#1F2337,#0A1627 58%,#8D3FD1 150%)!important}
.shot-c2{background:radial-gradient(circle at 24% 32%,rgba(247,218,101,.40) 0 8%,transparent 9%),linear-gradient(135deg,#2B1F2B,#10182A)!important}
.shot-c3{background:radial-gradient(circle at 64% 40%,rgba(230,45,82,.28) 0 13%,transparent 14%),linear-gradient(135deg,#14273B,#0B1424)!important}
.snap-row-copy-v68 small{
  display:block!important;
  margin-bottom:7px!important;
  color:var(--red)!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.snap-row-copy-v68 h3{
  margin:0 0 8px!important;
  font-family:var(--display)!important;
  font-size:clamp(26px,2.2vw,36px)!important;
  line-height:.9!important;
  text-transform:uppercase!important;
  color:var(--navy)!important;
}
.snap-row-copy-v68 span{
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:rgba(17,28,49,.55)!important;
}
.snap-open-v68{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:var(--navy)!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.snap-open-v68 b{color:var(--red)!important;font-size:17px!important;line-height:1!important}
@media(max-width:1050px){
  .snap-row-v68{grid-template-columns:34px minmax(260px,.95fr) minmax(220px,.75fr) auto!important;gap:12px!important}
  .snap-strip-v68{height:96px!important}
}
@media(max-width:760px){
  .snaps-shell-v68{padding:0 18px!important}
  .snaps-head-v68{align-items:flex-end!important;gap:12px!important}
  .snaps-head-v68 h2{font-size:40px!important}
  .snaps-head-v68 a{font-size:8px!important;white-space:nowrap!important}
  .snap-row-v68{
    grid-template-columns:28px 1fr auto!important;
    grid-template-areas:
      "index photos photos"
      ". copy open"!important;
    gap:10px 12px!important;
    padding:12px 0 14px!important;
  }
  .snap-index-v68{grid-area:index!important}
  .snap-strip-v68{grid-area:photos!important;height:88px!important}
  .snap-row-copy-v68{grid-area:copy!important}
  .snap-open-v68{grid-area:open!important;align-self:end!important;font-size:8px!important}
  .snap-row-copy-v68 h3{font-size:25px!important}
}



/* Photo-first snaps: no list rows, no heavy cards */
.snaps-v69{
  background:var(--yellow)!important;
  color:var(--navy)!important;
  padding:38px 0 42px!important;
}
.snaps-shell-v69{max-width:1500px!important;padding:0 26px!important}
.snaps-head-v69{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.snaps-head-v69 .eyebrow{color:var(--navy)!important}
.snaps-head-v69 h2{color:var(--navy)!important}
.snaps-head-v69 a{
  color:var(--navy)!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(17,28,49,.28)!important;
  padding-bottom:3px!important;
}
.snap-gallery-v69{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.snap-photo-v69{
  display:block!important;
  color:inherit!important;
  text-decoration:none!important;
  min-width:0!important;
}
.snap-photo-image-v69{
  position:relative!important;
  width:100%!important;
  aspect-ratio:4/5!important;
  overflow:hidden!important;
  background:#0f1c30!important;
}
.snap-photo-image-v69:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,transparent 48%,rgba(4,10,20,.22) 100%)!important;
}
.snap-photo-1 .snap-photo-image-v69{
  background:
    radial-gradient(circle at 20% 22%,rgba(247,218,101,.55) 0 3%,transparent 3.4%),
    radial-gradient(circle at 64% 38%,rgba(230,45,82,.28) 0 13%,transparent 13.5%),
    radial-gradient(circle at 42% 70%,rgba(255,255,255,.08) 0 18%,transparent 18.5%),
    linear-gradient(145deg,#1a2d49 0%,#0b1526 58%,#172943 100%)!important;
}
.snap-photo-2 .snap-photo-image-v69{
  background:
    radial-gradient(circle at 74% 18%,rgba(247,218,101,.46) 0 4%,transparent 4.4%),
    radial-gradient(circle at 38% 52%,rgba(255,255,255,.10) 0 16%,transparent 16.5%),
    linear-gradient(145deg,#3a1d28 0%,#11192c 48%,#1a2940 100%)!important;
}
.snap-photo-3 .snap-photo-image-v69{
  background:
    radial-gradient(circle at 22% 26%,rgba(40,172,167,.34) 0 10%,transparent 10.5%),
    radial-gradient(circle at 66% 68%,rgba(247,218,101,.22) 0 16%,transparent 16.5%),
    linear-gradient(145deg,#14343d 0%,#0b1729 54%,#15243b 100%)!important;
}
.snap-photo-4 .snap-photo-image-v69{
  background:
    radial-gradient(circle at 68% 22%,rgba(230,45,82,.34) 0 9%,transparent 9.5%),
    radial-gradient(circle at 42% 58%,rgba(255,255,255,.08) 0 18%,transparent 18.5%),
    linear-gradient(145deg,#30201c 0%,#0d1728 48%,#1a293d 100%)!important;
}
.snap-photo-info-v69{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 1px 0!important;
}
.snap-photo-info-v69 small{
  display:block!important;
  margin-bottom:5px!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:rgba(17,28,49,.58)!important;
}
.snap-photo-info-v69 h3{
  margin:0!important;
  font-family:var(--display)!important;
  font-size:clamp(20px,1.45vw,27px)!important;
  line-height:.92!important;
  text-transform:uppercase!important;
  color:var(--navy)!important;
}
.snap-photo-info-v69 > span{
  flex:0 0 auto!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  color:var(--red)!important;
  padding-bottom:2px!important;
}
.snap-photo-v69:hover .snap-photo-image-v69{
  transform:translateY(-2px)!important;
  transition:transform .18s ease!important;
}
@media(max-width:1050px){
  .snap-gallery-v69{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 10px!important}
}
@media(max-width:640px){
  .snaps-shell-v69{padding:0!important}
  .snaps-head-v69{padding:0 18px!important;align-items:flex-end!important}
  .snaps-head-v69 h2{font-size:44px!important}
  .snap-gallery-v69{
    display:flex!important;
    overflow-x:auto!important;
    gap:10px!important;
    padding:0 18px 4px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  .snap-gallery-v69::-webkit-scrollbar{display:none!important}
  .snap-photo-v69{
    flex:0 0 72vw!important;
    min-width:250px!important;
    scroll-snap-align:start!important;
  }
  .snap-photo-info-v69 h3{font-size:22px!important}
}



/* Smaller photo cards while keeping the photo-first direction */
.snap-gallery-v69{
  grid-template-columns:repeat(4,minmax(0,215px))!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.snap-photo-v69{
  width:215px!important;
  max-width:215px!important;
}
.snap-photo-image-v69{
  aspect-ratio:3/4!important;
}
.snap-photo-info-v69{
  padding-top:8px!important;
  gap:8px!important;
}
.snap-photo-info-v69 h3{
  font-size:clamp(18px,1.2vw,22px)!important;
}
.snap-photo-info-v69 small,
.snap-photo-info-v69 > span{
  font-size:8px!important;
}
@media(max-width:1100px){
  .snap-gallery-v69{
    grid-template-columns:repeat(4,minmax(0,190px))!important;
    justify-content:space-between!important;
  }
  .snap-photo-v69{width:190px!important;max-width:190px!important}
}
@media(max-width:900px){
  .snap-gallery-v69{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    justify-content:stretch!important;
    gap:14px!important;
  }
  .snap-photo-v69{width:auto!important;max-width:none!important}
}
@media(max-width:640px){
  .snap-photo-v69{
    flex:0 0 58vw!important;
    min-width:215px!important;
    width:auto!important;
    max-width:none!important;
  }
  .snap-photo-image-v69{aspect-ratio:3/4!important}
}



/* Keep the cards small, but remove the large empty spaces between them */
.snap-gallery-v69{
  grid-template-columns:repeat(4,215px)!important;
  justify-content:center!important;
  gap:14px!important;
}
.snap-photo-v69{
  width:215px!important;
  max-width:215px!important;
}
@media(max-width:1100px){
  .snap-gallery-v69{
    grid-template-columns:repeat(4,190px)!important;
    justify-content:center!important;
    gap:12px!important;
  }
  .snap-photo-v69{
    width:190px!important;
    max-width:190px!important;
  }
}
@media(max-width:900px){
  .snap-gallery-v69{
    grid-template-columns:repeat(2,minmax(0,215px))!important;
    justify-content:center!important;
    gap:14px!important;
  }
  .snap-photo-v69{
    width:100%!important;
    max-width:215px!important;
  }
}
@media(max-width:640px){
  .snap-gallery-v69{
    justify-content:flex-start!important;
  }
  .snap-photo-v69{
    width:auto!important;
    max-width:none!important;
  }
}



/* Slightly larger cards with tighter, more editorial spacing */
.snap-gallery-v69{
  grid-template-columns:repeat(4,245px)!important;
  justify-content:center!important;
  gap:8px!important;
}
.snap-photo-v69{
  width:245px!important;
  max-width:245px!important;
}
.snap-photo-image-v69{
  aspect-ratio:4/5!important;
}
.snap-photo-info-v69{
  padding-top:9px!important;
}
@media(max-width:1200px){
  .snap-gallery-v69{
    grid-template-columns:repeat(4,225px)!important;
    gap:8px!important;
  }
  .snap-photo-v69{
    width:225px!important;
    max-width:225px!important;
  }
}
@media(max-width:980px){
  .snap-gallery-v69{
    grid-template-columns:repeat(2,245px)!important;
    gap:10px!important;
  }
  .snap-photo-v69{
    width:245px!important;
    max-width:245px!important;
  }
}
@media(max-width:640px){
  .snap-gallery-v69{
    display:flex!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:0 18px 4px!important;
  }
  .snap-photo-v69{
    flex:0 0 68vw!important;
    width:auto!important;
    max-width:none!important;
    min-width:245px!important;
  }
}



/* One more small size increase while keeping the photo strip tight */
.snap-gallery-v69{
  grid-template-columns:repeat(4,265px)!important;
  gap:6px!important;
  justify-content:center!important;
}
.snap-photo-v69{
  width:265px!important;
  max-width:265px!important;
}
@media(max-width:1200px){
  .snap-gallery-v69{
    grid-template-columns:repeat(4,240px)!important;
    gap:6px!important;
  }
  .snap-photo-v69{
    width:240px!important;
    max-width:240px!important;
  }
}
@media(max-width:980px){
  .snap-gallery-v69{
    grid-template-columns:repeat(2,265px)!important;
    gap:8px!important;
  }
  .snap-photo-v69{
    width:265px!important;
    max-width:265px!important;
  }
}
@media(max-width:640px){
  .snap-gallery-v69{gap:7px!important}
  .snap-photo-v69{
    flex:0 0 72vw!important;
    width:auto!important;
    max-width:none!important;
    min-width:255px!important;
  }
}



/* 08 — CNL Moments: clean, video-first and consistent with the site */
.moments-v74{
  background:var(--yellow)!important;
  color:var(--navy)!important;
  padding:38px 0 42px!important;
  border-top:1px solid rgba(17,28,49,.09)!important;
  border-bottom:1px solid rgba(17,28,49,.09)!important;
}
.moments-shell-v74{
  max-width:1500px!important;
  padding:0 28px!important;
}
.moments-head-v74{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.moments-head-v74 .eyebrow{
  color:var(--navy)!important;
  opacity:.65!important;
}
.moments-head-v74 h2{
  margin:0!important;
  color:var(--navy)!important;
}
.moments-head-v74 h2 span{color:var(--navy)!important}
.moments-head-v74 h2 b{
  color:var(--red)!important;
  font-weight:inherit!important;
}
.moments-head-v74 a{
  color:var(--navy)!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(17,28,49,.28)!important;
  padding-bottom:3px!important;
}

.moments-grid-v74{
  display:grid!important;
  grid-template-columns:repeat(4,250px)!important;
  justify-content:center!important;
  gap:8px!important;
}
.moment-card-v74{
  display:block!important;
  width:250px!important;
  color:inherit!important;
  text-decoration:none!important;
  min-width:0!important;
}
.moment-media-v74{
  position:relative!important;
  width:100%!important;
  aspect-ratio:9/16!important;
  overflow:hidden!important;
  background:#0b1628!important;
}
.moment-media-v74:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
}
.moment-media-v74:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.04) 55%,rgba(3,8,17,.28) 100%)!important;
}
.moment-one-v74 .moment-media-v74:before{
  background:
    radial-gradient(circle at 66% 20%,rgba(247,218,101,.28) 0 8%,transparent 8.5%),
    radial-gradient(circle at 34% 60%,rgba(230,45,82,.24) 0 15%,transparent 15.5%),
    linear-gradient(145deg,#1c2c47 0%,#0b1527 54%,#172a45 100%)!important;
}
.moment-two-v74 .moment-media-v74:before{
  background:
    radial-gradient(circle at 72% 22%,rgba(255,255,255,.16) 0 3%,transparent 3.4%),
    radial-gradient(circle at 42% 66%,rgba(247,218,101,.18) 0 16%,transparent 16.5%),
    linear-gradient(145deg,#20384f 0%,#0b1728 50%,#122b43 100%)!important;
}
.moment-three-v74 .moment-media-v74:before{
  background:
    radial-gradient(circle at 70% 20%,rgba(230,45,82,.36) 0 10%,transparent 10.5%),
    radial-gradient(circle at 45% 54%,rgba(255,255,255,.09) 0 16%,transparent 16.5%),
    linear-gradient(145deg,#3c1e27 0%,#11182b 48%,#0b1424 100%)!important;
}
.moment-four-v74 .moment-media-v74:before{
  background:
    radial-gradient(circle at 26% 25%,rgba(247,218,101,.24) 0 9%,transparent 9.5%),
    radial-gradient(circle at 64% 62%,rgba(40,172,167,.18) 0 15%,transparent 15.5%),
    linear-gradient(145deg,#29221e 0%,#0f1829 50%,#172b40 100%)!important;
}

.moment-duration-v74{
  position:absolute!important;
  z-index:3!important;
  top:10px!important;
  right:10px!important;
  padding:5px 7px!important;
  background:rgba(7,16,31,.72)!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.moment-play-v74{
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:var(--red)!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  box-shadow:0 8px 20px rgba(230,45,82,.22)!important;
}
.moment-info-v74{
  padding:9px 1px 0!important;
}
.moment-info-v74 small{
  display:block!important;
  margin-bottom:5px!important;
  color:rgba(17,28,49,.58)!important;
  font-size:8.5px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
.moment-info-v74 h3{
  margin:0!important;
  color:var(--navy)!important;
  font-family:var(--display)!important;
  font-size:21px!important;
  line-height:.94!important;
  text-transform:uppercase!important;
}
.moment-card-v74:hover .moment-play-v74{
  transform:translate(-50%,-50%) scale(1.04)!important;
}

@media(max-width:1180px){
  .moments-grid-v74{
    grid-template-columns:repeat(4,225px)!important;
    gap:7px!important;
  }
  .moment-card-v74{width:225px!important}
}
@media(max-width:980px){
  .moments-grid-v74{
    grid-template-columns:repeat(2,250px)!important;
    gap:12px 8px!important;
  }
  .moment-card-v74{width:250px!important}
}
@media(max-width:640px){
  .moments-shell-v74{padding:0!important}
  .moments-head-v74{
    padding:0 18px!important;
    margin-bottom:16px!important;
  }
  .moments-head-v74 h2{font-size:44px!important}
  .moments-grid-v74{
    display:flex!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:0 18px 4px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  .moments-grid-v74::-webkit-scrollbar{display:none!important}
  .moment-card-v74{
    flex:0 0 64vw!important;
    width:auto!important;
    min-width:230px!important;
    scroll-snap-align:start!important;
  }
}



/* 09 — Explore Cairo: brand-category vertical strips */
.explore-v75{
  background:#07101F!important;
  color:#fff!important;
  padding:38px 0 44px!important;
}
.explore-shell-v75{
  max-width:1500px!important;
  padding:0 28px!important;
}
.explore-head-v75{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.explore-head-v75 .eyebrow{
  color:var(--yellow)!important;
  opacity:.78!important;
}
.explore-head-v75 h2{
  margin:0!important;
  color:#fff!important;
}
.explore-head-v75 h2 span{color:var(--red)!important}
.explore-head-v75 a{
  color:var(--yellow)!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(247,218,101,.34)!important;
  padding-bottom:3px!important;
}

.explore-strips-v75{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:5px!important;
  min-height:330px!important;
}
.explore-strip-v75{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-width:0!important;
  height:330px!important;
  padding:14px 9px 12px!important;
  background:var(--c)!important;
  color:var(--ink)!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
.explore-index-v75{
  align-self:flex-start!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  color:var(--ink)!important;
  opacity:.58!important;
}
.explore-strip-v75 strong{
  writing-mode:vertical-rl!important;
  transform:rotate(180deg)!important;
  font-family:var(--display)!important;
  font-size:clamp(28px,2.5vw,42px)!important;
  line-height:.9!important;
  text-transform:uppercase!important;
  letter-spacing:-.02em!important;
  color:var(--ink)!important;
  white-space:nowrap!important;
}
.explore-strip-v75 small{
  writing-mode:vertical-rl!important;
  transform:rotate(180deg)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:var(--ink)!important;
  opacity:.68!important;
}
.explore-strip-v75 i{
  position:absolute!important;
  right:9px!important;
  bottom:9px!important;
  font-style:normal!important;
  font-size:17px!important;
  line-height:1!important;
  color:var(--ink)!important;
}
.explore-strip-v75:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:0!important;
  background:rgba(255,255,255,.10)!important;
  transition:height .18s ease!important;
}
.explore-strip-v75:hover:after{height:8px!important}

@media(max-width:1100px){
  .explore-strips-v75{
    grid-template-columns:repeat(7,120px)!important;
    justify-content:start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    padding-bottom:2px!important;
  }
  .explore-strips-v75::-webkit-scrollbar{display:none!important}
  .explore-strip-v75{width:120px!important}
}
@media(max-width:640px){
  .explore-shell-v75{padding:0!important}
  .explore-head-v75{
    padding:0 18px!important;
    margin-bottom:16px!important;
  }
  .explore-head-v75 h2{font-size:44px!important}
  .explore-strips-v75{
    display:flex!important;
    gap:5px!important;
    overflow-x:auto!important;
    padding:0 18px 4px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  .explore-strips-v75::-webkit-scrollbar{display:none!important}
  .explore-strip-v75{
    flex:0 0 102px!important;
    width:102px!important;
    height:290px!important;
    scroll-snap-align:start!important;
  }
  .explore-strip-v75 strong{font-size:28px!important}
}



/* 10 — Explore by Area: integrated with Explore Cairo, not a separate boxed UI */
.area-v76{
  background:#07101F!important;
  color:#fff!important;
  padding:0 28px!important;
  border-top:1px solid rgba(247,218,101,.11)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.area-shell-v76{
  min-height:108px!important;
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  align-items:center!important;
  gap:26px!important;
  padding:20px 0!important;
}
.area-label-v76{
  color:var(--yellow)!important;
  opacity:.72!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.area-nav-v76{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  background:transparent!important;
  border:0!important;
  overflow:visible!important;
}
.area-nav-v76 a{
  min-width:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:8px!important;
  color:var(--yellow)!important;
  text-decoration:none!important;
  opacity:1!important;
}
.area-index-v76{
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:rgba(255,255,255,.34)!important;
}
.area-nav-v76 .area-name{
  min-width:0!important;
  white-space:nowrap!important;
  font-family:var(--display)!important;
  font-size:clamp(18px,1.5vw,24px)!important;
  line-height:.92!important;
  letter-spacing:-.01em!important;
  text-transform:uppercase!important;
  color:var(--yellow)!important;
}
.area-nav-v76 .area-arrow{
  width:auto!important;
  min-width:0!important;
  color:var(--red)!important;
  font-size:17px!important;
  line-height:1!important;
  text-align:right!important;
}
.area-nav-v76 a:hover .area-name{color:#fff!important}
.area-nav-v76 a:hover .area-arrow{transform:translateX(2px)!important}

@media(max-width:1050px){
  .area-shell-v76{
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:18px 0!important;
  }
  .area-nav-v76{
    grid-template-columns:repeat(5,150px)!important;
    justify-content:start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    padding-bottom:2px!important;
  }
  .area-nav-v76::-webkit-scrollbar{display:none!important}
}
@media(max-width:640px){
  .area-v76{padding:0 18px!important}
  .area-shell-v76{
    min-height:0!important;
    padding:16px 0 18px!important;
    gap:12px!important;
  }
  .area-label-v76{font-size:8px!important}
  .area-nav-v76{
    display:flex!important;
    gap:18px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity!important;
  }
  .area-nav-v76 a{
    flex:0 0 auto!important;
    min-width:128px!important;
    grid-template-columns:18px auto auto!important;
    column-gap:7px!important;
    scroll-snap-align:start!important;
  }
  .area-nav-v76 .area-name{font-size:17px!important}
  .area-nav-v76 .area-arrow{font-size:15px!important}
}



/* 11 — Partner With CNL: editorial, compact and consistent with the site */
.partner-v77{
  position:relative!important;
  background:#07101F!important;
  color:#fff!important;
  padding:0!important;
  border-top:1px solid rgba(247,218,101,.12)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  overflow:hidden!important;
}
.partner-shell-v77{
  max-width:1500px!important;
  margin:0 auto!important;
  padding:42px 28px 44px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
  gap:64px!important;
  align-items:end!important;
}
.partner-intro-v77 .eyebrow{
  color:var(--yellow)!important;
  opacity:.78!important;
  margin-bottom:14px!important;
}
.partner-intro-v77 h2{
  margin:0!important;
  max-width:720px!important;
  font-family:var(--display)!important;
  font-size:clamp(58px,5.8vw,96px)!important;
  line-height:.82!important;
  letter-spacing:-.035em!important;
  text-transform:uppercase!important;
  color:#fff!important;
}
.partner-intro-v77 h2 span{
  color:var(--red)!important;
}
.partner-content-v77{
  max-width:560px!important;
  justify-self:end!important;
  width:100%!important;
}
.partner-content-v77 p{
  margin:0 0 22px!important;
  max-width:520px!important;
  color:#A7B0BF!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.partner-services-v77{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 22px!important;
  margin-bottom:22px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}
.partner-services-v77 span{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
.partner-link-v77{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  color:var(--yellow)!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
.partner-link-v77 b{
  color:var(--red)!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:400!important;
}
.partner-link-v77:hover b{
  transform:translateX(2px)!important;
}

@media(max-width:980px){
  .partner-shell-v77{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .partner-content-v77{
    justify-self:start!important;
    max-width:680px!important;
  }
}
@media(max-width:640px){
  .partner-shell-v77{
    padding:34px 18px 36px!important;
    gap:24px!important;
  }
  .partner-intro-v77 h2{
    font-size:54px!important;
  }
  .partner-content-v77 p{
    font-size:13px!important;
  }
  .partner-services-v77{
    grid-template-columns:1fr!important;
  }
}



/* 12 — Footer: clean, compact and fully aligned with CNL identity */
.footer-v78{
  background:#07101F!important;
  color:#fff!important;
  padding:0!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}
.footer-shell-v78{
  max-width:1500px!important;
  margin:0 auto!important;
  padding:34px 28px 18px!important;
}
.footer-top-v78{
  display:grid!important;
  grid-template-columns:minmax(280px,1.25fr) minmax(240px,.8fr) minmax(320px,1fr)!important;
  gap:48px!important;
  align-items:start!important;
}
.footer-brand-v78 p,
.footer-newsletter-v78 p{
  margin:12px 0 0!important;
  max-width:310px!important;
  color:#8F99AA!important;
  font-size:11px!important;
  line-height:1.55!important;
}
.footer-logo-v78{
  width:180px!important;
  background:transparent!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
.footer-logo-v78 img{
  width:100%!important;
  height:auto!important;
  display:block!important;
  background:transparent!important;
}
.footer-title-v78{
  margin:0 0 14px!important;
  color:var(--yellow)!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.footer-links-v78{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 18px!important;
}
.footer-links-v78 a,
.footer-social-v78 a{
  color:#fff!important;
  text-decoration:none!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.footer-links-v78 a:hover,
.footer-social-v78 a:hover{
  color:var(--yellow)!important;
}
.newsletter-v78{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:0!important;
  margin-top:14px!important;
  max-width:420px!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
}
.newsletter-v78 input{
  min-height:42px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  color:#fff!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
  border-radius:0!important;
}
.newsletter-v78 input::placeholder{
  color:rgba(255,255,255,.42)!important;
}
.newsletter-v78 button{
  min-height:42px!important;
  padding:0 0 0 14px!important;
  background:transparent!important;
  border:0!important;
  color:var(--yellow)!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
.footer-bottom-v78{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-top:28px!important;
  padding-top:15px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  color:#687387!important;
  font-size:8px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.footer-social-v78{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
}
.footer-social-v78 a{
  color:#8791A1!important;
  font-size:8px!important;
}
@media(max-width:980px){
  .footer-top-v78{
    grid-template-columns:1fr 1fr!important;
    gap:32px!important;
  }
  .footer-newsletter-v78{
    grid-column:1 / -1!important;
  }
}
@media(max-width:640px){
  .footer-shell-v78{padding:30px 18px 18px!important}
  .footer-top-v78{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .footer-newsletter-v78{grid-column:auto!important}
  .footer-links-v78{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-bottom-v78{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:12px!important;
    margin-top:24px!important;
  }
  .footer-social-v78{
    flex-wrap:wrap!important;
    gap:10px 16px!important;
  }
}



/* FINAL QA — identity, alignment and inherited-style cleanup */

/* Keep section title accents consistent on yellow backgrounds */
#venues .head h2 .title-accent.teal{
  color:var(--red)!important;
}
#moments .moments-head-v74 h2 span{
  color:var(--navy)!important;
}
#moments .moments-head-v74 h2 b{
  color:var(--red)!important;
}

/* Match desktop content gutters across visual sections */
@media(min-width:641px){
  .snaps-shell-v69,
  .moments-shell-v74{
    padding-left:28px!important;
    padding-right:28px!important;
  }
}

/* Area navigation: force all three parts onto one clean row */
.area-v76 .area-nav-v76 a{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr) 18px!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  column-gap:8px!important;
  row-gap:0!important;
  padding:0!important;
  margin:0!important;
}
.area-v76 .area-nav-v76 .area-index-v76{
  grid-column:1!important;
  grid-row:1!important;
  width:20px!important;
  min-width:20px!important;
}
.area-v76 .area-nav-v76 .area-name{
  grid-column:2!important;
  grid-row:1!important;
  width:auto!important;
  min-width:0!important;
}
.area-v76 .area-nav-v76 .area-arrow{
  grid-column:3!important;
  grid-row:1!important;
  width:18px!important;
  min-width:18px!important;
  display:block!important;
  justify-self:end!important;
  text-align:right!important;
  padding:0!important;
  margin:0!important;
}

/* Partner section had inherited grid sizing from an older version */
.partner-v77{
  display:block!important;
}
.partner-v77 .partner-shell-v77{
  width:100%!important;
  max-width:1500px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Small consistency pass for link arrows */
#news .head>a,
#events .head>a,
#venues .head>a,
#snaps .head>a,
#moments .head>a,
#explore .head>a,
.partner-link-v77{
  text-underline-offset:4px!important;
}

@media(max-width:640px){
  .area-v76 .area-nav-v76 a{
    grid-template-columns:18px auto 16px!important;
    min-width:142px!important;
    column-gap:7px!important;
  }
  .area-v76 .area-nav-v76 .area-index-v76{
    width:18px!important;
    min-width:18px!important;
  }
  .area-v76 .area-nav-v76 .area-arrow{
    width:16px!important;
    min-width:16px!important;
  }
}



/* Compact the vertical rhythm between all homepage sections */
#news,
#events,
#venues{
  padding-top:26px!important;
  padding-bottom:28px!important;
}

#snaps.snaps-v69,
#moments.moments-v74,
#explore.explore-v75{
  padding-top:28px!important;
  padding-bottom:30px!important;
}

/* Keep section headings closer to their content */
#news .head,
#events .head,
#venues .head,
#snaps .snaps-head-v69,
#moments .moments-head-v74,
#explore .explore-head-v75{
  margin-bottom:14px!important;
}

/* Explore by Area should feel attached to Explore, not like a separate tall section */
.area-v76{
  padding-top:0!important;
  padding-bottom:0!important;
}
.area-v76 .area-shell-v76{
  min-height:84px!important;
  padding-top:13px!important;
  padding-bottom:13px!important;
}

/* Pull Partner closer to the area strip */
.partner-v77 .partner-shell-v77{
  padding-top:32px!important;
  padding-bottom:34px!important;
}

/* Footer stays compact and connected to Partner */
.footer-v78 .footer-shell-v78{
  padding-top:28px!important;
  padding-bottom:16px!important;
}
.footer-v78 .footer-bottom-v78{
  margin-top:22px!important;
}

/* Mobile — reduce vertical scrolling without crowding content */
@media(max-width:640px){
  #news,
  #events,
  #venues{
    padding-top:22px!important;
    padding-bottom:24px!important;
  }

  #snaps.snaps-v69,
  #moments.moments-v74,
  #explore.explore-v75{
    padding-top:24px!important;
    padding-bottom:26px!important;
  }

  #news .head,
  #events .head,
  #venues .head,
  #snaps .snaps-head-v69,
  #moments .moments-head-v74,
  #explore .explore-head-v75{
    margin-bottom:12px!important;
  }

  .area-v76 .area-shell-v76{
    padding-top:12px!important;
    padding-bottom:14px!important;
  }

  .partner-v77 .partner-shell-v77{
    padding-top:28px!important;
    padding-bottom:30px!important;
  }

  .footer-v78 .footer-shell-v78{
    padding-top:24px!important;
  }
}



/* V81 — final consistency polish */

/* 1) Standardize the section-end links */
#news .head > a,
#events .head > a,
#venues .head > a,
#snaps .snaps-head-v69 > a,
#moments .moments-head-v74 > a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  margin:0!important;
  padding:0 0 3px!important;
  border-bottom:1px solid currentColor!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* 3) More From CNL stays visual-first; mobile gets larger swipe cards */
@media(max-width:640px){
  .cnl-more-v64{
    margin-top:14px!important;
  }
  .cnl-more-grid-v64{
    display:flex!important;
    overflow-x:auto!important;
    gap:8px!important;
    padding:0 18px 3px 0!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .cnl-more-grid-v64::-webkit-scrollbar{display:none!important}
  .cnl-story-v64{
    flex:0 0 68vw!important;
    width:68vw!important;
    min-width:240px!important;
    min-height:142px!important;
    padding:13px!important;
    scroll-snap-align:start!important;
  }
  .cnl-story-copy-v64 h4{
    font-size:18px!important;
    line-height:.94!important;
  }

  /* 2) Same card-peek rhythm across all horizontal content sections */
  #events .events-grid,
  #venues .venues-grid,
  #snaps .snap-gallery-v69,
  #moments .moments-grid-v74{
    gap:9px!important;
    scroll-snap-type:x mandatory!important;
  }

  #events .event-card,
  #events .event-card:nth-child(4),
  #venues .venue-card-v66,
  #snaps .snap-photo-v69,
  #moments .moment-card-v74{
    flex:0 0 min(74vw,290px)!important;
    width:min(74vw,290px)!important;
    min-width:250px!important;
    max-width:290px!important;
    scroll-snap-align:start!important;
  }

  /* Keep the same left/right viewport breathing room */
  #events .events-grid{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  #venues .venues-grid{
    padding-left:0!important;
    padding-right:18px!important;
  }
  #snaps .snap-gallery-v69,
  #moments .moments-grid-v74{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}


/* Production image helpers */
.cnl-has-image{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.story-card.cnl-has-image:before,.event-card.cnl-has-image:before,.snap-photo-image-v69.cnl-has-image:before,.moment-media-v74.cnl-has-image:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,20,.02),rgba(4,10,20,.30));z-index:0}
.story-card.cnl-has-image>* , .event-card.cnl-has-image>* , .snap-photo-image-v69.cnl-has-image>* , .moment-media-v74.cnl-has-image>*{position:relative;z-index:1}
.story-card{position:relative}.event-card{position:relative}.snap-photo-image-v69,.moment-media-v74{position:relative}
.site-main{overflow:hidden}
.single-cnl-wrap{max-width:980px;margin:0 auto;padding:48px 28px 70px}.single-cnl-wrap h1{font-family:var(--display);font-size:clamp(54px,7vw,100px);line-height:.86;text-transform:uppercase;margin:0 0 18px}.single-cnl-wrap .cnl-single-meta{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--red);margin-bottom:18px}.single-cnl-wrap .entry-content{font-size:16px;line-height:1.75}.single-cnl-wrap img{max-width:100%;height:auto}.single-cnl-feature{aspect-ratio:16/9;background:#111c31 center/cover no-repeat;margin:24px 0}


/* CNL 1.1 — Real event card production fixes */
#events .events-grid.cnl-real-events{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  justify-content:start!important;
}
#events .event-card.cnl-real-event{
  min-width:0!important;
  background-size:cover!important;
  background-position:center!important;
}
#events .event-card.cnl-real-event.cnl-has-image:after{
  background:linear-gradient(180deg,rgba(7,16,31,.28) 0%,rgba(7,16,31,.44) 38%,rgba(7,16,31,.94) 100%)!important;
}
#events .event-card.cnl-real-event .event-meta{
  margin-top:auto!important;
  min-width:0!important;
}
#events .event-card.cnl-real-event .event-venue{
  display:block!important;
  margin:0 0 7px!important;
  color:var(--yellow)!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#events .event-card.cnl-real-event .event-meta h3{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  max-height:2.72em!important;
  font-size:clamp(24px,1.8vw,30px)!important;
  line-height:.91!important;
  margin:6px 0 10px!important;
}
#events .event-card.cnl-real-event .event-date{
  top:14px!important;
  left:14px!important;
  bottom:auto!important;
  right:auto!important;
  z-index:5!important;
}
#events .event-card.cnl-real-event .event-foot{
  margin-top:2px!important;
}
#events .events-grid.cnl-real-events.cnl-event-count-1 .event-card,
#events .events-grid.cnl-real-events.cnl-event-count-2 .event-card,
#events .events-grid.cnl-real-events.cnl-event-count-3 .event-card{
  width:auto!important;
}
@media(max-width:1100px){
  #events .events-grid.cnl-real-events{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  #events .events-grid.cnl-real-events{
    display:flex!important;
    grid-template-columns:none!important;
  }
  #events .event-card.cnl-real-event .event-meta h3{
    font-size:26px!important;
  }
}


/* CNL Theme 1.2 — production event cards, isolated from legacy prototype rules */
#events .cnl-events-grid-v12{
  display:grid!important;
  grid-auto-flow:row!important;
  justify-content:start!important;
  align-items:stretch!important;
  gap:12px!important;
  overflow:visible!important;
  padding:0!important;
}
#events .cnl-events-grid-v12.cnl-events-count-1{grid-template-columns:minmax(0,340px)!important}
#events .cnl-events-grid-v12.cnl-events-count-2{grid-template-columns:repeat(2,minmax(0,340px))!important}
#events .cnl-events-grid-v12.cnl-events-count-3{grid-template-columns:repeat(3,minmax(0,340px))!important}
#events .cnl-events-grid-v12.cnl-events-count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}

#events .cnl-event-card-v12{
  position:relative!important;
  isolation:isolate!important;
  min-width:0!important;
  min-height:320px!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:flex-end!important;
  background:
    linear-gradient(145deg,#162845 0%,#0b1629 55%,#13243b 100%)!important;
  color:#fff!important;
  text-decoration:none!important;
  border:0!important;
  box-shadow:none!important;
}
#events .cnl-event-card-v12.cnl-event-has-image-v12{
  background-image:
    linear-gradient(180deg,rgba(7,16,31,.12) 0%,rgba(7,16,31,.25) 42%,rgba(7,16,31,.96) 100%),
    var(--cnl-event-image)!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
#events .cnl-event-card-v12:after{
  content:"CNL"!important;
  position:absolute!important;
  z-index:-1!important;
  right:-12px!important;
  top:74px!important;
  font-family:var(--display)!important;
  font-size:72px!important;
  line-height:.8!important;
  color:transparent!important;
  -webkit-text-stroke:1px rgba(247,218,101,.10)!important;
  letter-spacing:-.04em!important;
}
#events .cnl-event-date-v12{
  position:absolute!important;
  z-index:5!important;
  top:14px!important;
  left:14px!important;
  right:auto!important;
  bottom:auto!important;
  width:48px!important;
  height:55px!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--yellow)!important;
  color:var(--navy)!important;
  line-height:1!important;
}
#events .cnl-event-date-v12 span{
  display:block!important;
  margin:0 0 4px!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
#events .cnl-event-date-v12 b{
  display:block!important;
  font-family:var(--display)!important;
  font-size:25px!important;
  font-weight:900!important;
  line-height:.8!important;
}
#events .cnl-event-content-v12{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  min-width:0!important;
  padding:18px 18px 16px!important;
}
#events .cnl-event-kicker-v12{
  margin:0 0 6px!important;
  color:#98a4b6!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
#events .cnl-event-venue-v12{
  margin:0 0 7px!important;
  color:var(--yellow)!important;
  font-size:9px!important;
  font-weight:950!important;
  line-height:1.15!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#events .cnl-event-card-v12 h3{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  max-height:1.88em!important;
  margin:0 0 12px!important;
  color:#fff!important;
  font-family:var(--display)!important;
  font-size:30px!important;
  font-weight:900!important;
  line-height:.94!important;
  letter-spacing:-.02em!important;
  text-transform:uppercase!important;
}
#events .cnl-event-foot-v12{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#events .cnl-event-foot-v12 strong{
  color:var(--yellow)!important;
  font:inherit!important;
}

@media(max-width:1240px){
  #events .cnl-events-grid-v12.cnl-events-count-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #events .cnl-events-grid-v12.cnl-events-count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #events .cnl-event-card-v12 h3{font-size:27px!important}
}
@media(max-width:980px){
  #events .cnl-events-grid-v12{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #events .cnl-event-card-v12{min-height:300px!important}
}
@media(max-width:640px){
  #events .cnl-events-grid-v12{
    display:flex!important;
    overflow-x:auto!important;
    gap:9px!important;
    padding:0 18px 4px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  #events .cnl-events-grid-v12::-webkit-scrollbar{display:none!important}
  #events .cnl-event-card-v12{
    flex:0 0 min(74vw,290px)!important;
    width:min(74vw,290px)!important;
    min-width:250px!important;
    min-height:290px!important;
    scroll-snap-align:start!important;
  }
  #events .cnl-event-card-v12 h3{font-size:26px!important}
}


/* CNL Event Single v1.3 */
.cnl-event-single-v13{background:var(--yellow);color:var(--navy)}
.cnl-event-shell-v13{max-width:1180px;margin:0 auto;padding-left:28px;padding-right:28px}
.cnl-event-hero-v13{padding:34px 0 0}
.cnl-event-breadcrumb-v13{margin-bottom:18px;font-size:9px;font-weight:950;letter-spacing:.18em;color:var(--red)}
.cnl-event-heading-v13{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin-bottom:22px}
.cnl-event-type-v13{margin-bottom:10px;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:rgba(17,28,49,.58)}
.cnl-event-heading-v13 h1{margin:0;max-width:900px;font-family:var(--display);font-size:clamp(54px,6.7vw,104px);line-height:.84;letter-spacing:-.035em;text-transform:uppercase}
.cnl-event-date-big-v13{width:86px;height:96px;background:var(--navy);color:var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.cnl-event-date-big-v13 span{font-size:10px;font-weight:950;letter-spacing:.12em}
.cnl-event-date-big-v13 b{margin-top:5px;font-family:var(--display);font-size:46px;line-height:.8}
.cnl-event-cover-v13{width:100%;aspect-ratio:16/8.5;background:#101a2d center/cover no-repeat}
.cnl-event-body-v13{padding:30px 0 56px}
.cnl-event-layout-v13{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:42px;align-items:start}
.cnl-event-summary-v13{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:30px;border-top:1px solid rgba(17,28,49,.18);border-bottom:1px solid rgba(17,28,49,.18)}
.cnl-event-summary-v13>div{padding:14px 16px 14px 0}
.cnl-event-summary-v13>div+div{padding-left:16px;border-left:1px solid rgba(17,28,49,.14)}
.cnl-event-summary-v13 small,.cnl-side-label-v13{display:block;margin-bottom:6px;font-size:8px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;color:rgba(17,28,49,.52)}
.cnl-event-summary-v13 strong{font-size:13px}
.cnl-event-copy-v13{font-size:16px;line-height:1.75}
.cnl-event-copy-v13 p:first-child{margin-top:0}
.cnl-event-sidebar-v13{display:flex;flex-direction:column;gap:12px;position:sticky;top:88px}
.cnl-event-side-card-v13{padding:18px;background:var(--navy);color:#fff}
.cnl-event-side-card-v13 .cnl-side-label-v13{color:var(--yellow)}
.cnl-event-side-card-v13 h3{margin:0 0 6px;font-family:var(--display);font-size:28px;line-height:.92;text-transform:uppercase}
.cnl-event-side-card-v13 p{margin:0 0 14px;color:#9ba5b5;font-size:12px;line-height:1.5}
.cnl-map-link-v13,.cnl-ticket-link-v13{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:950;letter-spacing:.10em}
.cnl-map-link-v13{margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.12);color:var(--yellow)}
.cnl-map-link-v13 span,.cnl-ticket-link-v13 span{color:var(--red);font-size:16px}
.cnl-ticket-link-v13{padding:16px 18px;background:var(--red);color:#fff}
.cnl-ticket-link-v13 span{color:var(--yellow)}
.cnl-organizer-row-v13{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;text-decoration:none;color:#fff}
.cnl-organizer-logo-v13{width:48px;height:48px;border-radius:50%;background:#fff center/cover no-repeat;display:grid;place-items:center}
.cnl-organizer-logo-empty-v13{background:var(--yellow);color:var(--navy);font-family:var(--display);font-size:24px}
.cnl-organizer-row-v13 strong{display:block;font-size:13px}
.cnl-organizer-row-v13 small{display:block;margin-top:4px;color:var(--yellow);font-size:9px;font-weight:800;letter-spacing:.05em}

/* Organizer profile */
.cnl-organizer-single-v13{background:var(--yellow);color:var(--navy);min-height:70vh;padding:42px 0 64px}
.cnl-organizer-shell-v13{max-width:1180px;margin:0 auto;padding:0 28px}
.cnl-organizer-hero-v13{display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;align-items:center;padding-bottom:34px;border-bottom:1px solid rgba(17,28,49,.16)}
.cnl-organizer-avatar-v13{width:160px;height:160px;background:#101a2d center/cover no-repeat}
.cnl-organizer-hero-v13 h1{margin:6px 0 12px;font-family:var(--display);font-size:clamp(56px,7vw,96px);line-height:.84;text-transform:uppercase}
.cnl-organizer-links-v13{display:flex;gap:16px;flex-wrap:wrap}
.cnl-organizer-links-v13 a{color:var(--navy);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.10em}
.cnl-organizer-about-v13{max-width:800px;padding:30px 0;font-size:16px;line-height:1.7}
.cnl-organizer-events-v13{padding-top:20px}
.cnl-organizer-event-list-v13{border-top:1px solid rgba(17,28,49,.16)}
.cnl-organizer-event-list-v13 a{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(17,28,49,.14);color:var(--navy);text-decoration:none}
.cnl-organizer-event-list-v13 span{font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.cnl-organizer-event-list-v13 strong{font-family:var(--display);font-size:24px;text-transform:uppercase}
.cnl-organizer-event-list-v13 i{font-style:normal;color:var(--red);font-size:18px}

@media(max-width:900px){
  .cnl-event-layout-v13{grid-template-columns:1fr}
  .cnl-event-sidebar-v13{position:static}
}
@media(max-width:640px){
  .cnl-event-shell-v13,.cnl-organizer-shell-v13{padding-left:18px;padding-right:18px}
  .cnl-event-heading-v13{grid-template-columns:1fr;gap:15px}
  .cnl-event-date-big-v13{width:70px;height:78px}
  .cnl-event-date-big-v13 b{font-size:38px}
  .cnl-event-cover-v13{aspect-ratio:4/3}
  .cnl-event-summary-v13{grid-template-columns:1fr}
  .cnl-event-summary-v13>div,.cnl-event-summary-v13>div+div{padding:11px 0;border-left:0}
  .cnl-event-summary-v13>div+div{border-top:1px solid rgba(17,28,49,.12)}
  .cnl-organizer-hero-v13{grid-template-columns:92px minmax(0,1fr);gap:18px}
  .cnl-organizer-avatar-v13{width:92px;height:92px}
  .cnl-organizer-hero-v13 h1{font-size:48px}
}


/* News Featured Image fix — v1.3.2
   Legacy prototype rules used background !important on news cards.
   These selectors intentionally override them when a real Featured Image exists. */
#news .story-card.cnl-news-has-image-v132{
  background-image:
    linear-gradient(180deg,rgba(5,12,25,.10) 0%,rgba(5,12,25,.24) 42%,rgba(5,12,25,.92) 100%),
    var(--cnl-news-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
#news .story-card.cnl-news-has-image-v132:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:
    linear-gradient(90deg,rgba(7,16,31,.16),rgba(7,16,31,.02) 58%,rgba(7,16,31,.12))!important;
  pointer-events:none!important;
}
#news .story-card.cnl-news-has-image-v132 > *{
  position:relative!important;
  z-index:2!important;
}
#news .story-card.cnl-news-has-image-v132 .outline{
  opacity:.42!important;
}

/* Featured images for More From CNL */
#news .cnl-story-v64.cnl-more-has-image-v132{
  position:relative!important;
  isolation:isolate!important;
  background-image:
    linear-gradient(180deg,rgba(7,16,31,.10) 0%,rgba(7,16,31,.20) 38%,rgba(7,16,31,.92) 100%),
    var(--cnl-more-news-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
#news .cnl-story-v64.cnl-more-has-image-v132:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(180deg,transparent 35%,rgba(7,16,31,.35) 100%)!important;
}
#news .cnl-story-v64.cnl-more-has-image-v132 .cnl-story-tag-v64,
#news .cnl-story-v64.cnl-more-has-image-v132 .cnl-story-copy-v64{
  position:relative!important;
  z-index:2!important;
}


/* =========================================================
   CNL News image handling v1.3.3
   Portrait photos are not forced into a wide landscape crop.
   ========================================================= */

/* HOME — portrait featured news:
   Keep the full portrait on the right, CNL navy editorial field on the left. */
#news .story-card.cnl-news-has-image-v132.cnl-news-portrait-v133{
  background-color:#101c31!important;
  background-image:
    linear-gradient(90deg,
      rgba(16,28,49,1) 0%,
      rgba(16,28,49,1) 42%,
      rgba(16,28,49,.94) 53%,
      rgba(16,28,49,.42) 69%,
      rgba(16,28,49,.08) 100%
    ),
    var(--cnl-news-image)!important;
  background-size:100% 100%, auto 100%!important;
  background-position:center, right center!important;
  background-repeat:no-repeat!important;
}

#news .news-feature-main.cnl-news-portrait-v133 h3{
  max-width:62%!important;
  font-size:clamp(42px,4.5vw,68px)!important;
}

#news .news-feature-side.cnl-news-portrait-v133 h3{
  max-width:60%!important;
}

#news .story-card.cnl-news-portrait-v133 .outline{
  opacity:.18!important;
}

/* Landscape remains a full editorial background. */
#news .story-card.cnl-news-landscape-v133{
  background-size:cover!important;
  background-position:center!important;
}

/* Square image: keep subject visible without aggressive crop. */
#news .story-card.cnl-news-square-v133{
  background-position:center!important;
}

/* More From CNL — portrait cards keep the subject higher in frame. */
#news .cnl-story-v64.cnl-more-portrait-v133{
  background-position:center 22%!important;
}
#news .cnl-story-v64.cnl-more-landscape-v133{
  background-position:center!important;
}

/* NEWS SINGLE */
.cnl-news-single-v133{
  background:var(--yellow)!important;
  color:var(--navy)!important;
  min-height:70vh!important;
}
.cnl-news-single-shell-v133{
  max-width:1120px!important;
  margin:0 auto!important;
  padding-left:28px!important;
  padding-right:28px!important;
}
.cnl-news-single-head-v133{
  padding:40px 0 24px!important;
}
.cnl-news-single-kicker-v133{
  margin-bottom:12px!important;
  color:var(--red)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.cnl-news-single-head-v133 h1{
  margin:0!important;
  max-width:1040px!important;
  font-family:var(--display)!important;
  font-size:clamp(54px,6.5vw,96px)!important;
  line-height:.86!important;
  letter-spacing:-.035em!important;
  text-transform:uppercase!important;
  color:var(--navy)!important;
}
.cnl-news-single-media-wrap-v133{
  padding-bottom:26px!important;
}
.cnl-news-single-media-v133{
  margin:0!important;
  width:100%!important;
}
.cnl-news-single-media-v133 img{
  display:block!important;
  height:auto!important;
  max-width:100%!important;
}

/* For photos like the uploaded Angham image (1639×2048, portrait 4:5):
   show the whole image instead of cropping it into 16:9. */
.cnl-news-single-portrait-v133{
  display:flex!important;
  justify-content:center!important;
  background:transparent!important;
}
.cnl-news-single-portrait-v133 img{
  width:auto!important;
  max-width:min(100%,760px)!important;
  max-height:900px!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Landscape images remain wide. */
.cnl-news-single-landscape-v133 img{
  width:100%!important;
  max-height:760px!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Square images get a controlled editorial width. */
.cnl-news-single-square-v133{
  display:flex!important;
  justify-content:center!important;
}
.cnl-news-single-square-v133 img{
  width:auto!important;
  max-width:min(100%,820px)!important;
}

.cnl-news-single-body-v133{
  padding:4px 28px 64px!important;
}
.cnl-news-single-copy-v133{
  max-width:860px!important;
  margin:0 auto!important;
  font-size:16px!important;
  line-height:1.75!important;
  color:var(--navy)!important;
}
.cnl-news-single-copy-v133 p:first-child{
  margin-top:0!important;
}

@media(max-width:760px){
  #news .story-card.cnl-news-portrait-v133{
    background-image:
      linear-gradient(180deg,
        rgba(16,28,49,.12) 0%,
        rgba(16,28,49,.25) 40%,
        rgba(16,28,49,.96) 100%
      ),
      var(--cnl-news-image)!important;
    background-size:100% 100%, cover!important;
    background-position:center, center 18%!important;
  }

  #news .news-feature-main.cnl-news-portrait-v133 h3,
  #news .news-feature-side.cnl-news-portrait-v133 h3{
    max-width:92%!important;
  }

  .cnl-news-single-shell-v133{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .cnl-news-single-head-v133{
    padding-top:30px!important;
  }
  .cnl-news-single-head-v133 h1{
    font-size:48px!important;
  }
  .cnl-news-single-portrait-v133 img{
    max-width:100%!important;
    max-height:none!important;
  }
  .cnl-news-single-body-v133{
    padding-left:18px!important;
    padding-right:18px!important;
    padding-bottom:48px!important;
  }
}


/* =========================================================
   CNL News v1.3.4
   Square-friendly homepage cards + compact split single page
   ========================================================= */

/* HOME NEWS — cancel old background-image treatment */
#news .cnl-news-card-v134{
  padding:0!important;
  min-width:0!important;
  overflow:hidden!important;
  background:var(--navy)!important;
  color:#fff!important;
  text-decoration:none!important;
  border:0!important;
  display:grid!important;
  position:relative!important;
}
#news .cnl-news-card-v134:before,
#news .cnl-news-card-v134:after{
  display:none!important;
  content:none!important;
}

/* The grid is deliberately shaped around square-ish source photography */
#news .news-feature-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(340px,.85fr)!important;
  grid-template-rows:184px 184px!important;
  gap:10px!important;
}
#news .cnl-news-main-v134{
  grid-row:1 / 3!important;
  grid-template-columns:minmax(330px,46%) minmax(0,1fr)!important;
  height:378px!important;
}
#news .cnl-news-side-v134{
  grid-template-columns:184px minmax(0,1fr)!important;
  height:184px!important;
}

/* Image area: square/near-square on the homepage */
#news .cnl-news-card-media-v134{
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  background:#0c1728!important;
  overflow:hidden!important;
  position:relative!important;
}
#news .cnl-news-card-media-v134 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Portrait photography gets gentler cropping */
#news .cnl-news-portrait-v134 .cnl-news-card-media-v134 img{
  object-position:center 22%!important;
}

/* Square images naturally fit this card system */
#news .cnl-news-square-v134 .cnl-news-card-media-v134 img{
  object-position:center!important;
}

/* Landscape still works */
#news .cnl-news-landscape-v134 .cnl-news-card-media-v134 img{
  object-position:center!important;
}

#news .cnl-news-card-fallback-v134{
  position:absolute!important;
  left:18px!important;
  bottom:14px!important;
  font-family:var(--display)!important;
  font-size:58px!important;
  line-height:.8!important;
  color:transparent!important;
  -webkit-text-stroke:1px rgba(247,218,101,.18)!important;
  text-transform:uppercase!important;
}

#news .cnl-news-card-copy-v134{
  min-width:0!important;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  padding:20px 20px 18px!important;
  background:var(--navy)!important;
}
#news .cnl-news-card-copy-v134 .type{
  margin-bottom:9px!important;
  color:var(--yellow)!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
#news .cnl-news-card-copy-v134 h3{
  margin:0 0 38px!important;
  max-width:100%!important;
  color:#fff!important;
  font-family:var(--display)!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:-.02em!important;
  overflow:hidden!important;
}
#news .cnl-news-main-v134 h3{
  font-size:clamp(36px,3.4vw,54px)!important;
  line-height:.9!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
}
#news .cnl-news-side-v134 h3{
  font-size:clamp(22px,2vw,30px)!important;
  line-height:.92!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
}
#news .cnl-news-card-copy-v134 .arrow{
  position:absolute!important;
  right:16px!important;
  bottom:16px!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(247,218,101,.65)!important;
  color:var(--yellow)!important;
}

/* TABLET */
@media(max-width:1080px){
  #news .news-feature-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }
  #news .cnl-news-main-v134,
  #news .cnl-news-side-v134{
    grid-row:auto!important;
    grid-template-columns:240px minmax(0,1fr)!important;
    height:240px!important;
  }
}

/* MOBILE */
@media(max-width:640px){
  #news .cnl-news-main-v134,
  #news .cnl-news-side-v134{
    grid-template-columns:1fr!important;
    height:auto!important;
  }
  #news .cnl-news-card-media-v134{
    aspect-ratio:1/1!important;
    height:auto!important;
  }
  #news .cnl-news-card-copy-v134{
    min-height:150px!important;
  }
  #news .cnl-news-main-v134 h3,
  #news .cnl-news-side-v134 h3{
    font-size:30px!important;
    -webkit-line-clamp:3!important;
  }
}

/* ---------------------------------------------------------
   NEWS SINGLE — smaller image + text beside it on desktop
   --------------------------------------------------------- */
.cnl-news-single-v134{
  background:var(--yellow)!important;
  color:var(--navy)!important;
  min-height:70vh!important;
}
.cnl-news-single-section-v134{
  padding:38px 0 60px!important;
}
.cnl-news-single-shell-v134{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0 28px!important;
}
.cnl-news-single-kicker-v134{
  margin-bottom:14px!important;
  color:var(--red)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.cnl-news-single-grid-v134{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:28px!important;
  align-items:start!important;
}
.cnl-news-single-grid-v134.has-image{
  grid-template-columns:minmax(330px,430px) minmax(0,1fr)!important;
  gap:42px!important;
}
.cnl-news-single-media-v134{
  margin:0!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  background:var(--navy)!important;
  overflow:hidden!important;
  position:sticky!important;
  top:88px!important;
}
.cnl-news-single-media-v134 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Portrait images such as 4:5 are shown almost completely */
.cnl-news-single-portrait-v134 img{
  object-fit:contain!important;
  object-position:center!important;
  background:var(--navy)!important;
}

/* Square images are ideal for the new layout */
.cnl-news-single-square-v134 img{
  object-fit:cover!important;
}

/* Landscape can crop gently into the square editorial frame */
.cnl-news-single-landscape-v134 img{
  object-fit:cover!important;
}

.cnl-news-single-content-v134 h1{
  margin:0!important;
  max-width:720px!important;
  font-family:var(--display)!important;
  font-size:clamp(48px,5vw,76px)!important;
  line-height:.86!important;
  letter-spacing:-.03em!important;
  text-transform:uppercase!important;
  color:var(--navy)!important;
}
.cnl-news-single-divider-v134{
  width:54px!important;
  height:4px!important;
  margin:22px 0 24px!important;
  background:var(--red)!important;
}
.cnl-news-single-copy-v134{
  max-width:720px!important;
  font-size:16px!important;
  line-height:1.75!important;
  color:var(--navy)!important;
}
.cnl-news-single-copy-v134 p:first-child{
  margin-top:0!important;
}
.cnl-news-single-copy-v134 p{
  margin-bottom:18px!important;
}

/* Mobile goes back to natural stacking */
@media(max-width:800px){
  .cnl-news-single-section-v134{
    padding-top:28px!important;
  }
  .cnl-news-single-shell-v134{
    padding:0 18px!important;
  }
  .cnl-news-single-grid-v134.has-image{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .cnl-news-single-media-v134{
    position:static!important;
    width:min(100%,520px)!important;
    aspect-ratio:1/1!important;
  }
  .cnl-news-single-content-v134 h1{
    font-size:46px!important;
  }
}


/* =========================================================
   CNL News v1.3.5
   Image-led news cards + cleaner single article media
   ========================================================= */

/* HOME NEWS — make the image the star */
#news .news-feature-grid{
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr)!important;
  grid-template-rows:200px 200px!important;
  gap:10px!important;
}

#news .cnl-news-card-v134{
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  background:#081423!important;
  min-width:0!important;
  min-height:0!important;
}

#news .cnl-news-main-v134{
  grid-row:1 / 3!important;
  height:410px!important;
}

#news .cnl-news-side-v134{
  height:200px!important;
}

#news .cnl-news-card-media-v134{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:#081423!important;
}

#news .cnl-news-card-media-v134::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg, rgba(4,12,23,.08) 0%, rgba(4,12,23,.12) 22%, rgba(4,12,23,.54) 68%, rgba(4,12,23,.92) 100%)!important;
  z-index:1!important;
}

#news .cnl-news-card-media-v134 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

#news .cnl-news-portrait-v134 .cnl-news-card-media-v134 img{
  object-position:center 18%!important;
}

#news .cnl-news-card-copy-v134{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  padding:20px 22px 18px!important;
  background:transparent!important;
}

#news .cnl-news-card-copy-v134 .type{
  margin:0 0 10px!important;
  color:var(--yellow)!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

#news .cnl-news-card-copy-v134 h3{
  margin:0 0 40px!important;
  color:#fff!important;
  max-width:82%!important;
  text-shadow:0 2px 18px rgba(0,0,0,.35)!important;
}

#news .cnl-news-main-v134 h3{
  font-size:clamp(34px,3.15vw,50px)!important;
  line-height:.9!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  overflow:hidden!important;
}

#news .cnl-news-side-v134 h3{
  font-size:clamp(18px,1.7vw,26px)!important;
  line-height:.94!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  max-width:76%!important;
}

#news .cnl-news-card-copy-v134 .arrow{
  position:absolute!important;
  right:16px!important;
  bottom:16px!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(247,218,101,.7)!important;
  color:var(--yellow)!important;
  background:rgba(6,15,28,.14)!important;
  backdrop-filter:blur(1px)!important;
}

#news .cnl-news-card-fallback-v134{
  left:18px!important;
  bottom:16px!important;
  color:transparent!important;
  -webkit-text-stroke:1px rgba(247,218,101,.22)!important;
}

@media(max-width:1080px){
  #news .news-feature-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }
  #news .cnl-news-main-v134{
    grid-row:auto!important;
    height:420px!important;
  }
  #news .cnl-news-side-v134{
    height:220px!important;
  }
}

@media(max-width:640px){
  #news .cnl-news-main-v134{
    height:420px!important;
  }
  #news .cnl-news-side-v134{
    height:200px!important;
  }
  #news .cnl-news-main-v134 h3{
    font-size:30px!important;
    -webkit-line-clamp:4!important;
    max-width:90%!important;
  }
  #news .cnl-news-side-v134 h3{
    font-size:24px!important;
    -webkit-line-clamp:3!important;
    max-width:88%!important;
  }
}

/* SINGLE NEWS — remove blue frame, make photo feel editorial */
.cnl-news-single-grid-v134.has-image{
  grid-template-columns:minmax(340px,420px) minmax(0,1fr)!important;
  gap:40px!important;
  align-items:start!important;
}

.cnl-news-single-media-v134{
  margin:0!important;
  width:100%!important;
  background:transparent!important;
  overflow:hidden!important;
  position:static!important;
  aspect-ratio:auto!important;
}

.cnl-news-single-media-v134 img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:initial!important;
  object-position:center!important;
}

.cnl-news-single-portrait-v134 img,
.cnl-news-single-square-v134 img,
.cnl-news-single-landscape-v134 img{
  object-fit:initial!important;
  background:transparent!important;
}

.cnl-news-single-content-v134 h1{
  max-width:760px!important;
  font-size:clamp(44px,4.8vw,72px)!important;
  line-height:.88!important;
}

.cnl-news-single-copy-v134{
  max-width:760px!important;
}

@media(max-width:800px){
  .cnl-news-single-grid-v134.has-image{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .cnl-news-single-media-v134{
    width:100%!important;
  }
  .cnl-news-single-content-v134 h1{
    font-size:42px!important;
  }
}