/* Editorial style for the word cloud door pages, after the Digital Alex Presentation 2 magazine.
   Loaded only by welcome, restaurants, hotels, curators, companies and venues. */
.ed{--gd:#D9B66A;--ed-ink:#0B1440;--ed-night:#070B1C;--ed-paper:#FBF8F1;--ed-cut:3.2vw;
  background:var(--ed-night)}
.ed,.ed .dh,.ed .h1,.ed .h2,.ed .h3,.ed h1,.ed h2,.ed h3{font-family:Jost,system-ui,sans-serif}
.ed .dh,.ed .h1,.ed .h2{font-weight:800;letter-spacing:-.025em;text-wrap:balance}
.ed .dh em,.ed .h1 em,.ed .h2 em{font-style:italic;font-weight:600;color:var(--gd)}

/* small caps kickers with gold rules */
.ed .ul{color:var(--gd);font:700 12px/1.2 Jost,sans-serif;letter-spacing:.24em;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:12px}
.ed .ul::before{content:"";width:34px;height:1px;background:var(--gd)}

/* sections: angled cut with gold stripe lines across it */
.ed main>section,.ed body>section,.ed section.sec,.ed section.mark{position:relative}
.ed section.sec{clip-path:polygon(0 var(--ed-cut),100% 0,100% 100%,0 100%);margin-top:calc(var(--ed-cut) * -1);
  padding-top:calc(64px + var(--ed-cut))}
@media(min-width:900px){.ed section.sec{padding-top:calc(104px + var(--ed-cut))}}
.ed section.sec::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--ed-cut) + 26px);pointer-events:none;
  background:repeating-linear-gradient(-2.2deg,transparent 0 9px,rgba(217,182,106,.55) 9px 10px,transparent 10px 22px);
  -webkit-mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);opacity:.7}

/* paper bands for reading */
.ed section.sec:not(.sec--off):not(.sec--night){background:var(--ed-paper);color:var(--ed-ink)}
.ed section.sec:not(.sec--off):not(.sec--night) .dh,.ed section.sec:not(.sec--off):not(.sec--night) .h1,.ed section.sec:not(.sec--off):not(.sec--night) .h2{color:var(--ed-ink)}
.ed section.sec:not(.sec--off):not(.sec--night) .dh em,.ed section.sec:not(.sec--off):not(.sec--night) .h2 em{color:#9a7424}

/* bold colour bands */
.ed section.sec--off,.ed section.sec--night{color:#fff}
.ed section.sec--off .dh,.ed section.sec--off .h1,.ed section.sec--off .h2,.ed section.sec--off>.wrap>p,
.ed section.sec--night .dh,.ed section.sec--night .h2,.ed section.sec--night>.wrap>p{color:#fff}
.ed .ed-t0{background:radial-gradient(70% 55% at 85% 12%,rgba(47,107,255,.4),transparent 70%),linear-gradient(165deg,#0B1440,#070B1C)!important}
.ed .ed-t1{background:radial-gradient(60% 50% at 12% 12%,rgba(140,175,255,.35),transparent 70%),linear-gradient(160deg,#2140D0,#0C1A5C 65%,#070B1C)!important}
.ed .ed-t2{background:radial-gradient(60% 50% at 88% 10%,rgba(94,234,212,.28),transparent 70%),linear-gradient(160deg,#0F5E66,#0A2E3E 65%,#070B1C)!important}
.ed .ed-t3{background:radial-gradient(60% 50% at 15% 10%,rgba(196,160,255,.3),transparent 70%),linear-gradient(160deg,#4B2A9B,#21134F 65%,#070B1C)!important}
.ed .ed-t4{background:radial-gradient(60% 50% at 85% 12%,rgba(110,231,183,.28),transparent 70%),linear-gradient(160deg,#0F6B4E,#083428 65%,#070B1C)!important}
.ed section.mark{background:var(--ed-night);color:#fff}

/* gold outline buttons */
.ed .btn{border-radius:0;letter-spacing:.06em;font-family:Jost,sans-serif;font-weight:700}
.ed .btn--blue{background:var(--gd);color:var(--ed-ink);border:1px solid var(--gd)}
.ed .btn--blue:hover{background:transparent;color:var(--gd)}

/* film openers */
.ed .shero__bg,.ed .ed-v{object-fit:cover}
.ed .shero{min-height:100svh}
.ed .shero video.shero__bg{position:absolute;inset:0;width:100%;height:100%}
.ed .shero__scrim,.ed .lhero__scrim,.ed .vhero__scrim{background:linear-gradient(180deg,rgba(7,11,28,.25),rgba(7,11,28,.15) 40%,rgba(7,11,28,.88))!important}
.ed .shero .dh--xl,.ed .lhero .dh--xl{color:#fff}
.ed .shero .dh--xl em,.ed .lhero .dh--xl em{color:var(--gd)}
.ed .vhero{display:block!important;position:relative;min-height:100svh;display:flex!important;align-items:flex-end}
.ed .vhero__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ed .vhero__in{position:relative;max-width:1180px;margin:0 auto;padding:0 var(--pad,20px) 72px;color:#fff;width:100%}
.ed .vhero__h{font-size:clamp(38px,7vw,104px)!important;line-height:.95!important;max-width:14ch;color:#fff;font-weight:800}
.ed .vhero__h em{color:var(--gd)}

/* injected opener for pages without one (venues) */
.ed-open{position:relative;min-height:62svh;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:var(--ed-night)}
.ed-open video,.ed-open img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ed-open::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,28,.2),rgba(7,11,28,.9))}
.ed-open .wrap{position:relative;z-index:1;padding-bottom:56px;padding-top:120px}
.ed-open h1{color:#fff!important;font-size:clamp(40px,8vw,110px)!important;line-height:.95;font-weight:800;margin:14px 0 0}

/* full-bleed film bands between sections */
.ed-band{position:relative;height:min(78svh,720px);min-height:360px;overflow:hidden;background:var(--ed-night);
  clip-path:polygon(0 var(--ed-cut),100% 0,100% calc(100% - var(--ed-cut)),0 100%);margin:calc(var(--ed-cut) * -1) 0}
.ed-band video,.ed-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:ed-ken 22s ease-in-out infinite alternate}
.ed-band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,28,.35),transparent 35%,transparent 60%,rgba(7,11,28,.75))}
.ed-band__cap{position:absolute;left:0;right:0;bottom:calc(var(--ed-cut) + 26px);z-index:1;max-width:1180px;margin:0 auto;padding:0 var(--pad,20px);
  display:flex;align-items:center;gap:14px;color:var(--gd);font:700 12px Jost,sans-serif;letter-spacing:.24em;text-transform:uppercase}
.ed-band__cap::before{content:"";width:46px;height:1px;background:var(--gd)}
.ed-band__n{margin-left:auto;font-size:clamp(48px,7vw,96px);font-weight:800;letter-spacing:-.03em;color:rgba(255,255,255,.9)}
@keyframes ed-ken{from{transform:scale(1)}to{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.ed-band video,.ed-band img{animation:none}}

/* first letter on long reading paragraphs */
.ed section.sec:not(.sec--off):not(.sec--night)>.wrap>p:first-of-type:not(.ed-lede):not(.ed-fine)::first-letter{float:left;font-size:3.2em;line-height:.9;font-weight:800;margin:4px 8px 0 0;color:#9a7424}

/* readable text on colour bands */
.ed [class*="ed-t"] p,.ed [class*="ed-t"] li,.ed [class*="ed-t"] h3,.ed [class*="ed-t"] h4,.ed [class*="ed-t"] strong,
.ed [class*="ed-t"] b,.ed [class*="ed-t"] summary,.ed [class*="ed-t"] dt,.ed [class*="ed-t"] dd,.ed [class*="ed-t"] label{color:rgba(255,255,255,.9)}
.ed [class*="ed-t"] .dh em,.ed [class*="ed-t"] .h2 em{color:var(--gd)}
.ed [class*="ed-t"] input,.ed [class*="ed-t"] select,.ed [class*="ed-t"] textarea{color:var(--ed-ink)}
.ed [class*="ed-t"] details{border-color:rgba(217,182,106,.35)}
.ed section.mark img,.ed section.mark svg{filter:brightness(0) invert(1);opacity:.75}

/* the shift: attention vs recommendation */
.ed-lede{max-width:56ch;font-size:clamp(17px,1.5vw,21px);line-height:1.5;font-style:italic;margin:18px 0 0;color:rgba(255,255,255,.85)}
.ed .ed-lede--ink{color:var(--ed-ink)}
.ed-vs{display:grid;gap:18px;margin-top:40px}
@media(min-width:900px){.ed-vs{grid-template-columns:1fr 1fr;gap:28px}}
.ed-vs__col{padding:26px 24px;border:1px solid rgba(255,255,255,.16);background:rgba(7,11,28,.35)}
.ed-vs__new{border-color:var(--gd);background:rgba(217,182,106,.08)}
.ed-vs__k{margin:0 0 14px;font:700 12px Jost,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gd)!important}
.ed-vs__old .ed-vs__k{color:rgba(255,255,255,.6)!important}
.ed-vs__old li b{text-decoration:line-through;text-decoration-color:rgba(255,120,120,.8);text-decoration-thickness:2px}
.ed-vs ol{margin:0;padding-left:20px;display:grid;gap:12px}
.ed-vs li{line-height:1.5}
.ed-flow{display:grid;gap:1px;margin-top:40px;background:rgba(217,182,106,.4);border:1px solid rgba(217,182,106,.4)}
@media(min-width:900px){.ed-flow{grid-template-columns:repeat(4,1fr)}}
.ed-flow>div{background:#0B1440;padding:22px 20px}
.ed-flow span{display:block;color:var(--gd);font-weight:800;font-size:28px}
.ed-flow b{display:block;margin-top:6px;font-size:18px}
.ed-flow p{margin:6px 0 0;font-size:15px;line-height:1.45}
.ed-q{margin:44px 0 0;padding:6px 0 6px 20px;border-left:3px solid var(--gd);font-size:clamp(22px,2.4vw,34px);line-height:1.25;font-weight:700;color:#fff;max-width:28ch}
.ed-split{margin-top:44px}
.ed-split__row{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.15)}
@media(min-width:900px){.ed-split__row{grid-template-columns:repeat(4,1fr)}}
.ed-split__row>div{background:rgba(7,11,28,.6);padding:20px}
.ed-split__row strong{display:block;font-size:clamp(30px,3.4vw,48px);font-weight:800;color:var(--gd)!important}
.ed-split__row span{font-size:14px;color:rgba(255,255,255,.8)}
.ed-fine{margin:14px 0 0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.65)!important;max-width:80ch}
.ed .ed-fine--ink{color:rgba(11,20,64,.65)!important}
/* example pages */
.ed-ex{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px}
@media(min-width:900px){.ed-ex{grid-template-columns:repeat(4,1fr);gap:26px}}
.ed-ex__card{display:flex;flex-direction:column;gap:8px;color:var(--ed-ink);text-decoration:none}
.ed-ex__ph{display:block;aspect-ratio:390/844;border-radius:28px;padding:7px;background:linear-gradient(135deg,#6b6f76,#1c1e22 40%,#3a3d43 70%,#15161a);box-shadow:0 30px 60px -30px rgba(7,11,28,.7);transition:transform .3s}
.ed-ex__ph img{width:100%;height:100%;object-fit:cover;border-radius:22px;display:block}
.ed-ex__card:hover .ed-ex__ph{transform:translateY(-6px)}
.ed-ex__card b{font-size:16px;margin-top:6px}
.ed-ex__go{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9a7424;font-weight:700;min-height:24px}