/* ── part: parts/announcement ── */
/**
 * parts/announcement
 *
 * Decomposed from Craft's base.css + media.css — 16 rules, 1568 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 3 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from base.css ── */
.c-announcement{display:none;z-index:40;width:100%;min-height:4rem;padding:1.5rem .25rem 1.5rem 3.5rem;position:fixed;bottom:0;left:0;align-items:center;--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity));animation:announcement .5s ease-out 1s both;background:#fd6;box-shadow:0 0 4rem rgba(0,0,0,.15)}
.c-announcement.is-hidden{animation:announcementHide .25s ease-in both}
.c-announcement.is-visible{display:flex}
@media (min-width:768px){
.c-announcement{padding:1rem}
}
.c-announcement__message{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 0%;text-align:center}

.c-announcement__text{margin-bottom:1rem}
@media (min-width:768px){
.c-announcement__text{margin-bottom:0;font-size:1.125rem}
}
.c-announcement__countdown{font-family:Roboto,monospace;white-space:nowrap;--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity));--text-opacity:0.5;padding-left:5px}
.c-announcement__button,.c-announcement__countdownDigit{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity));font-weight:500}
.c-announcement__button{display:block;margin:0 1rem;padding:0 1rem;border-radius:.25rem;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));text-transform:uppercase;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-variant-ligatures:none;font-size:13px;letter-spacing:.025em;line-height:34px}
.c-announcement__button:hover{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}
.c-announcement__hide{opacity:.5;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-style:none;cursor:pointer;height:36px;padding:10px;width:36px}
.c-announcement__hide:hover{opacity:1}
.c-announcement__hideIcon{width:1rem;height:1rem;--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity));fill:currentColor}

/* ── part: parts/article ── */
/**
 * parts/article
 *
 * Decomposed from Craft's base.css + media.css — 73 rules, 4158 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 13 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from base.css ── */
.mb-4xl{margin-bottom:5rem}

/* ── from media.css ── */
.c-article{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}
@media (min-width:768px){
.c-article{display:grid;width:100%;grid-template-columns:10rem calc(50% - 10rem) 1fr;grid-template-rows:auto}
}
@media (min-width:1024px){
.c-article{grid-template-columns:12rem 1fr 1fr calc(300px + 3rem)}
}
.c-article__media{position:relative;margin:0 -1.5rem 3rem}
@media (min-width:768px){
.c-article__media{grid-column:1/4;grid-row:1;margin:0 -4rem 3rem}
}
@media (min-width:1024px){
.c-article__media{margin:0 0 4rem}
}
.c-article__mediaCredit{position:absolute;display:block;z-index:20;right:1rem;bottom:1rem;padding:.25rem;border-radius:.125rem;background-color:transparent;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));font-weight:500;font-size:.75rem;line-height:1;transition-property:background-color,border-color,color,fill,stroke;transition-duration:.2s;display:flex;align-items:center;height:unset;width:unset}
@media (min-width:768px){
.c-article__mediaCredit{right:4rem;bottom:1.5rem}
}
@media (min-width:1024px){
.c-article__mediaCredit{right:1.5rem}
}
.c-article__mediaCredit:hover{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));--bg-opacity:0.75}
.c-article__mediaCredit:hover svg{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity));fill:currentColor}
.c-article__mediaCreditIcon{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));fill:currentColor;margin-right:.25rem;height:14px;width:14px}
.c-article__topLeaderboard{margin-bottom:3rem}
.c-article__topLeaderboard>:not(:empty){margin-top:-1rem}
@media (min-width:768px){
.c-article__topLeaderboard{grid-column:1/4;grid-row:2/3}
}
.c-article__split{display:flex;flex-flow:row wrap}
.c-article__side{display:none;text-align:center;margin-right:1.5rem}
@media (min-width:768px){
.c-article__side{display:block;margin:0;padding-right:2rem;width:100%;grid-column:1/2;grid-row:3/4}
}
@media (min-width:1024px){
.c-article__side{margin-right:2rem;flex:0 0 160px;width:160px}
}
.c-article__main em,.c-article__main i{font-style:italic}
@media (min-width:768px){
.c-article__main{grid-column:2/4;grid-row:3/4}
}
.c-article__author{margin-bottom:4rem}
.c-article__author>a{display:flex;flex-direction:column;align-items:center;padding:.5rem;margin:-.5rem .5rem;border-radius:.25rem;transition:color 125ms ease,box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-article__author>a{transition:none}
}
.c-article__author>a:focus-visible{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #6644e1}
.c-article__authorImage{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin:0 auto 1rem;border-radius:50%;height:6rem;width:6rem}
.c-article__authorHeading{--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity));font-size:.875rem;margin-bottom:.125rem;font-family:Shentox,sans-serif;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase}
.c-article__authorName{font-feature-settings:"ss01" 1,"ss02" 1,"ss03" 1;color:#000;font-family:Graphik,sans-serif;font-weight:500;text-transform:none;font-size:1rem}
.c-article__pubDate{--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity));font-size:.875rem;margin-top:2rem}
.c-article__billboard{display:none;padding:2rem 0;--bg-opacity:1;background-color:#f7f8f8;background-color:rgba(247,248,248,var(--bg-opacity))}
.c-article__billboard .u-ad{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}
@media (min-width:1024px){
.c-article__billboard{display:block}
}
.c-article .c-richText--large>hr{background:#e3e3e4;border:none;height:1px;margin:2em 0;width:100%}
@media (min-width:768px){
.c-article .c-ricText blockquote{border-left:4px solid #e3e3e4;padding-left:12px;font-style:italic}
}
.c-article__suggested{content-visibility:auto}
.c-article a.scrolly{scroll-behavior:smooth}
.c-article #articleOutput{content-visibility:auto}
.sponsorDisclaimer.dutch-disruptors p{font-style:italic}
.sponsorDisclaimer.dutch-disruptors p a{color:#e57200}
.sponsorDisclaimer.shift p{font-style:italic}
.sponsorDisclaimer.shift p a{color:#d3bc8d}
.sponsorDisclaimer.future-of-finance p a{color:#0cc}
.sponsorDisclaimer p{font-style:italic}
.sponsorDisclaimer p a{color:#6de}
.sponsorDisclaimer img{max-width:50%;height:auto}
.c-article__main .c-channel__cta{padding:1.5rem 2rem;--bg-opacity:1;background-color:#64f;background-color:rgba(102,68,255,var(--bg-opacity))}
.c-article__main .c-channel__ctaHeading{font-size:1.25rem;line-height:1.2}
.c-article__main .c-channel__ctaDescription{margin-bottom:1rem}
.c-article__main .c-channel__cta iframe{display:block}
#category-container,#nl-container{display:none}
@media (min-width:375px){
.c-article__main{max-width:100%}
}
.c-article__pubDate{margin-bottom:2rem}
.c-article__pubDate>div{margin-bottom:1rem}
@media (min-width:768px){
.c-article__pubDate>div{margin-bottom:0}
}
.corona,.corona.latest,.corona.news,.scrolly,.scrolly.latest,.scrolly.news{padding:.25rem;margin:-.25rem;border-radius:.25rem;color:#345;text-decoration:underline;transition:color 125ms ease,box-shadow .25s ease}
@media (prefers-reduced-motion){
.corona,.corona.latest,.corona.news,.scrolly,.scrolly.latest,.scrolly.news{transition:none}
}
.corona.latest:focus-visible,.corona.news:focus-visible,.corona:focus-visible,.scrolly.latest:focus-visible,.scrolly.news:focus-visible,.scrolly:focus-visible{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #6644e1}
.corona.latest:hover,.corona.news:hover,.corona:hover,.scrolly.latest:hover,.scrolly.news:hover,.scrolly:hover{color:#000}
.sponsored_legal{position:relative;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.1);margin:2em 0;padding:1em;border:1px solid #eee;display:flex;flex-direction:column;text-align:left}
@media (min-width:768px){
.sponsored_legal{flex-direction:column;justify-content:space-around;padding:2em;text-align:left}
}
.sponsored_legal p{font-size:14px;font-family:Graphik}
.sponsored_legal .shift-disclaimer-branding{display:flex}
.sponsored_legal .shift-disclaimer-branding img{width:150px;filter:invert(100%)}
.sponsored_legal .shift-disclaimer-branding p{padding:1.53em}
.sponsored_legal a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}
.alsoTaggedIn{font-feature-settings:"ss01" 1,"ss02" 1,"ss03" 1;font-family:Graphik Wide,sans-serif;font-feature-settings:"ss01"1,"ss02"1,"ss03"1;font-size:1.125rem!important;font-weight:900;letter-spacing:0;line-height:1.25;margin:2em 0 .25em;text-transform:none}
.s-icons__container{margin:20px 15px 0}
.hero-img__overlay{background:linear-gradient(180deg,rgba(0,0,0,.4) 10%,rgba(0,0,0,.65));position:relative;height:75vh}
.z-index__overlay{z-index:-1!important}

/* ── added in WRK, not from Craft ──────────────────────────────────────────
 * Article inline hero: caption + credit below the image.
 *
 * These rules have no counterpart in Craft's base.css/media.css — the markup
 * and the styling were both changed in WRK releases/12, so they are additions
 * rather than a port. Keep them together as a block.
 *
 * They override two things that come EARLIER in the critical bundle, which is
 * what makes the ordering load-bearing: `.o-media>*` (globals/objects) makes
 * the figcaption absolute, and `figcaption{padding:3em 0 1em}` (globals/base)
 * sets the padding. globals are emitted before parts, so these win.
 *
 * Scoped to .c-article__figure so the full-width hero (the .js-parallax figure)
 * and the video figure are untouched.
 */
.c-article__figure .c-article__figcaption{position:static;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:1rem;row-gap:.25rem;padding:.75rem 1.5rem 0;font-size:12px;line-height:1.4;text-align:center}
.c-article__figure .c-article__caption{font-size:.875rem;line-height:1.4;--text-opacity:1;color:#345;color:rgba(51,68,85,var(--text-opacity));text-wrap:balance}
.c-article__figure .c-article__mediaCredit{position:static;padding:0;line-height:1.4;justify-content:center;--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity));text-wrap:balance}
.c-article__figure .c-article__mediaCredit:hover{background-color:transparent}
.c-article__figure .c-article__mediaCredit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.c-article__figure .c-article__mediaCredit a:hover{--text-opacity:1;color:#345;color:rgba(51,68,85,var(--text-opacity))}
.c-article__figure .c-article__mediaCreditText{font-style:italic}
.c-article__figure .c-article__mediaCreditIcon{flex:none;opacity:.45}
@media (min-width:768px){
.c-article__figure .c-article__figcaption{padding-left:4rem;padding-right:4rem}
}
@media (min-width:1024px){
.c-article__figure .c-article__figcaption{padding-left:0;padding-right:0}
}

/* ── moved out of views/article.php's inline styles ────────────────────────
   See AMS/docs/inline-css-migration.md. Everything here was a style="" on the
   full-width hero. Verified by computed-style diff across three articles. */

.c-article__heroHeader{position:absolute;left:0;right:0;text-align:center;top:20%}

/* The inline version carried !important because .c-tags__tag already sets
   margin-bottom:.25rem!important. A stylesheet rule can only beat that with
   !important AND more specificity, hence the descendant selector. */
.c-article__heroHeader .c-tags__tag{margin-bottom:1rem!important}

/* Emitted conditionally by the template when the article has a full-width hero,
   replacing an inline margin-top. There is no .mt-4xl utility to reuse. */
.c-article__wrapper--hero{margin-top:4rem}

/* Scoped rather than done with the .flex/.flex-col/.items-center utilities:
   those live in globals, and parts are emitted after globals, so any part rule
   of equal specificity beats them. parts/header already styles .o-wrapper. */
.c-article__heroHeader>.o-wrapper{display:flex;flex-direction:column;align-items:center}

/* Same reason .text-white could not be used here: parts/header sets
   .c-header__intro{color} and .c-article .c-header__intro{color}. This is
   (0,2,0) and parts/article is emitted after parts/header, so it wins both. */
.c-article__heroHeader .c-header__intro{color:#fff}

/* ── part: parts/bodyBlock ── */
/**
 * parts/bodyBlock
 *
 * Decomposed from Craft's base.css + media.css — 45 rules, 2050 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 11 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from base.css ── */
.c-bodyBlock{padding:4rem 0}
@media (min-width:768px){
.c-bodyBlock{padding:7rem 0}
}
.c-bodyBlock__header{margin-bottom:3rem;text-align:center}
@media (min-width:768px){
.c-bodyBlock__header{margin-bottom:4rem}
}
.c-bodyBlock__subheading{margin-bottom:.5rem;color:#89a;font-family:Shentox,sans-serif;font-size:14px;font-weight:500;letter-spacing:.06em;line-height:1.15}
@media (min-width:768px){
.c-bodyBlock__heading--large{font-size:4rem}
}
.c-bodyBlock__intro{margin-top:1rem;font-size:1.125rem}
@media (min-width:768px){
.c-bodyBlock__intro{font-size:1.5rem}
}
.c-bodyBlock__buttons{display:flex;flex-wrap:wrap;justify-content:center;margin-top:3rem}
.c-bodyBlock.t-black,.t-black .c-bodyBlock{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}
.c-bodyBlock.t-black .c-bodyBlock__heading,.t-black .c-bodyBlock .c-bodyBlock__heading{--text-opacity:1;color:#0cc;color:rgba(0,204,204,var(--text-opacity))}
.c-bodyBlock.t-color,.t-color .c-bodyBlock{--bg-opacity:1;background-color:#64f;background-color:rgba(102,68,255,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}
.c-bodyBlock.t-color .c-bodyBlock__heading,.t-color .c-bodyBlock .c-bodyBlock__heading{--text-opacity:1;color:#0cc;color:rgba(0,204,204,var(--text-opacity))}
@media (min-width:1024px){
@media (min-width:1024px){
.c-bodyTextVisual--fullWidthVisual .c-bodyBlock{padding:4rem}
}}
@media (min-width:1024px){
.c-bodyTextVisual--fullWidthVisual .c-bodyBlock__header{margin-bottom:2rem}
.c-bodyTextVisual--fullWidthVisual .c-bodyBlock__subheading{--text-opacity:1;color:#0cc;color:rgba(0,204,204,var(--text-opacity))}
.c-bodyTextVisual--fullWidthVisual .c-bodyBlock__heading{font-family:Trump Soft Pro,Arial Narrow,sans-serif;font-weight:700;letter-spacing:.01em;line-height:1.15;text-transform:uppercase}
}

/* ── from media.css ── */
.c-bodyBlock.c-pageBodyCompanies.partnerships .c-showcasePartner__link img{opacity:.35}
.c-bodyBlock.c-pageBodyCompanies.partnerships .c-showcasePartner__link img:hover{opacity:.5}
.c-bodyBlock .o-wrapper.ticketTimeline:only-child{margin-top:-1rem;margin-bottom:-1rem}
@media (min-width:768px){
.c-bodyBlock .o-wrapper.ticketTimeline:only-child{margin-top:-3rem;margin-bottom:-3rem}
}
.site-tnwNext .c-bodyBlock__header{display:flex;flex-direction:column;align-items:center}
.site-tnwNext .c-bodyBlock__header.mb-xl{margin-bottom:2rem}
@media (min-width:768px){
.site-tnwNext .c-bodyBlock__header.md\:mb-none{margin-bottom:0}
}
.site-tnwNext .c-bodyBlock__heading{font-size:2rem;font-family:Graphik Wide,sans-serif;font-feature-settings:"ss01"1,"ss02"1,"ss03"1;font-weight:900;letter-spacing:0;line-height:1.25}
@media (min-width:768px){
.site-tnwNext .c-bodyBlock__heading{font-size:3rem}
}
.site-tnwNext .c-bodyBlock__subheading{order:-1;color:#89a;font-family:Shentox,sans-serif;font-size:14px;font-weight:500;letter-spacing:.06em;line-height:1.15;margin-bottom:.5rem;text-transform:uppercase}
.t-white>.c-bodyBlock__buttons a{color:#fff!important}
.c-bodyBlock__intro>p>a{color:#c09}
.c-bodySpeakers .c-bodyBlock__heading{margin-bottom:56px!important}
@media screen and (min-width:768px){
.c-bodySpeakers .c-bodyBlock__heading{margin-bottom:64px!important}
}
.c-bodyBlock.t-black .c-bodyBlock__heading,.t-black .c-bodyBlock .c-bodyBlock__heading{--text-opacity:1;color:#fff}
.c-bodyBlock.t-black>h3{color:#fff}
.c-bodyBlock__header{margin-bottom:2em}
.c-bodyBlock__header h2{margin-bottom:0!important}
.c-bodyBlock__buttons{display:flex;gap:.5rem}
.c-bodyBlock__buttons.alignLeft{justify-content:flex-start}
.c-bodyBlock__buttons.alignRight{justify-content:flex-end}
.c-bodyBlock__buttons.alignCenter{justify-content:center}
h2.c-bodyBlock__heading.m-color-teal{color:#0cc!important}
.c-bodyBlock.c-pageBodyCompanies.partnerships{background:#f7f8f8}
.c-bodyBlock.c-pageBodyCompanies.partnerships ul.ptnr-comps{padding:1em 0}
.c-bodyBlock__subheading{color:#89a;font-family:Shentox,sans-serif;font-size:14px;font-weight:500;letter-spacing:.06em;line-height:1.15}
.c-bodyBlock.t-color .c-bodyBlock__heading,.t-color .c-bodyBlock .c-bodyBlock__heading{--text-opacity:1;color:#6de;color:rgba(0,204,204,var(--text-opacity))}
.c-bodyBlock__heading--large{font-size:3rem;text-transform:unset}

/* ── part: parts/bodyNews ── */
/**
 * parts/bodyNews
 *
 * Decomposed from Craft's base.css + media.css — 27 rules, 1109 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 8 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from base.css ── */
.c-bodyNews__header{margin-bottom:2rem}
@media (min-width:768px){
.c-bodyNews__header{display:flex;align-items:center;margin-bottom:3rem}
}
.c-bodyNews__heading{flex:1 1 0%;text-align:center}
@media (min-width:768px){
.c-bodyNews__heading{text-align:left}
}
.c-bodyNews__buttons{display:flex}
@media (max-width:767px){
.c-bodyNews__grid{display:flex;width:100vw;padding-bottom:.25rem;margin:-.5rem 0 1.5rem -1.5rem;overflow:auto;-webkit-overflow-scrolling:auto;scroll-snap-type:x mandatory}
}
@media (min-width:768px){
.c-bodyNews__grid{display:grid;grid-gap:.5rem;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);height:50vh}
}
@media (min-width:1024px){
.c-bodyNews__grid{height:65vh}
}
@media (max-width:767px){
.c-bodyNews__article{border:8px solid transparent;flex:0 0 85vw;scroll-snap-align:center}
.c-bodyNews__article:not(:first-child){margin-left:-.5rem}
.c-bodyNews__article .o-parallax__content{transition-property:none;transform:scale(1);width:125%}
}
@media (min-width:768px){
.c-bodyNews__article:first-child{grid-column:1/span 2;grid-row:1}
}
@media (min-width:1024px){
.c-bodyNews__article:first-child{grid-column:1/span 2;grid-row:1/span 2}
}
@media (min-width:768px){
.c-bodyNews__article:nth-child(2){grid-column:3/span 2;grid-row:1}
}
@media (min-width:1024px){
.c-bodyNews__article:nth-child(2){grid-column:3/span 2;grid-row:1}
}
@media (min-width:768px){
.c-bodyNews__article:nth-child(3){grid-column:1/span 2;grid-row:2}
}
@media (min-width:1024px){
.c-bodyNews__article:nth-child(3){grid-column:3;grid-row:2}
}
@media (min-width:768px){
.c-bodyNews__article:nth-child(4){grid-column:3/span 2;grid-row:2}
}
@media (min-width:1024px){
.c-bodyNews__article:nth-child(4){grid-column:4;grid-row:2}
}

/* ── from media.css ── */
@media (min-width:1024px){
.c-article__suggested .c-bodyNews__grid .c-bodyNews__article:nth-child(2) .c-card__heading{font-size:24px!important}
.c-article__suggested .c-bodyNews__grid .c-bodyNews__article:first-child .c-card__heading{font-size:3rem!important}
}
.c-showcaseSponsorsed .c-bodyNews__heading{color:#fff}
.c-showcaseTrending .c-bodyNews__heading{font-family:Graphik Wide;font-size:2rem;font-weight:900;line-height:1.25}
@media (min-width:768px){
.c-showcaseTrending .c-bodyNews__heading{font-size:2rem}
.site-tnwNext .c-bodyNews__header{align-items:flex-start}
}
@media screen and (max-width:650px){
.c-bodyNews__grid{margin:0 .5rem 0 0!important;width:100%}
}
.c-homeStories .c-bodyNews__heading{font-family:Graphik Wide,sans-serif;font-feature-settings:"ss01"1,"ss02"1,"ss03"1;font-size:2rem;font-weight:500;line-height:1.25}

/* ── moved out of components/newsBlock.php's inline styles ─────────────────
   See AMS/docs/inline-css-migration.md.

   An <article> defaults to display:block, and nothing else in the CSS sets
   display on this element, so the inline grid was its only source. */
.c-bodyNews__article{display:grid}

/* ── part: parts/bodyTextVisual ── */
/**
 * parts/bodyTextVisual
 *
 * Decomposed from Craft's base.css + media.css — 31 rules, 1547 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 6 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from base.css ── */
.c-bodyTextVisual{position:relative}
.c-bodyTextVisual__visual{position:relative;overflow:hidden;z-index:10;width:100vw;--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity));height:75vw}
@media (min-width:768px){
.c-bodyTextVisual__visual{height:56.25vw}
}
@media (min-width:1024px){
.c-bodyTextVisual__visual{position:absolute;top:0;height:100%;width:50%}
}
.c-bodyTextVisual__visualWide{position:absolute;top:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}
.c-bodyTextVisual__visualImage{height:150%}
@media (min-width:1024px){
.c-bodyTextVisual__text{position:relative;z-index:20}
}
.c-bodyTextVisual__stats{display:flex;flex-wrap:wrap;flex-direction:row}
.c-bodyTextVisual__stat{margin-bottom:2rem;text-align:center;flex-grow:0;flex-shrink:0;flex-basis:50%}
.c-bodyTextVisual__statValue{font-family:Trump Soft Pro,Arial Narrow,sans-serif;font-weight:700;letter-spacing:.01em;line-height:1.15;text-transform:uppercase;margin-bottom:.125rem;font-size:3rem;--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}
.t-black .c-bodyTextVisual__statValue,.t-color .c-bodyTextVisual__statValue{--text-opacity:1;color:#0cc;color:rgba(0,204,204,var(--text-opacity))}
.c-bodyTextVisual__statMetric{font-weight:400}
@media (min-width:1024px){
.c-bodyTextVisual--fullWidthVisual .c-bodyTextVisual__visual{width:100%}
.c-bodyTextVisual--fullWidthVisual .c-bodyTextVisual__text{padding:3rem 0!important}
.c-bodyTextVisual--fullWidthVisual .c-bodyTextVisual__textInner{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}
.c-bodyTextVisual--textLeft .c-bodyTextVisual__visual{right:0}
.c-bodyTextVisual--textLeft .c-bodyTextVisual__text{margin-right:50%;padding-right:4rem}
.c-bodyTextVisual--textRight .c-bodyTextVisual__visual{left:0}
.c-bodyTextVisual--textRight .c-bodyTextVisual__text{margin-left:50%;padding-left:4rem}
}
.c-bodyTextVisual.t-black{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}
.c-bodyTextVisual.t-color{--bg-opacity:1;background-color:#64f;background-color:rgba(102,68,255,var(--bg-opacity))}

/* ── from media.css ── */
.c-bodyTextVisual__stats{justify-content:center}
.c-bodyTextVisual__visualImage{width:100%;-o-object-fit:cover;object-fit:cover}
.c-bodyTextVisual__body a{border-radius:.25rem;transition:color 125ms ease,box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-bodyTextVisual__body a{transition:none}
}
.c-bodyTextVisual__body a:focus-visible{box-shadow:0 0 0 .25rem #6644e1}
.c-bodyTextVisual__visualImage.o-parallax__content--disabled{height:100%}
div.c-bodyBlock.c-bodyTextVisual__textInner.t-black>div>div.c-bodyTextVisual__body.team_callout_text.text-left>ul{list-style:disc;margin-left:1em}
div.c-bodyBlock.c-bodyTextVisual__textInner.t-black>div>div.c-bodyTextVisual__body.team_callout_text.text-left>h3{color:#fff}
.c-bodyTextVisual__statValue{font-family:Shentox;color:#6de!important}
.c-bodyTextVisual__statMetric{font-family:Graphik;font-size:20px;line-height:1.25}

/* ── moved out of components/stats.php and tv_partnerships.php ─────────────
   See AMS/docs/inline-css-migration.md.

   .c-bodyTextVisual__visualImage is shared by six components, and only these
   two opted out of the lazy fade — textVisual and fullWidthVisual still use it.
   Hence a modifier rather than a rule on the base class. Same reasoning as
   .c-pressQuotes__logo: invisible until .is-loaded arrives without it. */
.c-bodyTextVisual__visualImage--noFade{opacity:1}

/* tv_partnerships only. The height overrides .c-bodyTextVisual__visualImage's
   150% above. The display is load-bearing BELOW 1024px only: from 1024px up
   .c-bodyTextVisual__visual is position:absolute, which blockifies
   inline-block, so the inline style was already doing nothing there —
   measured block at 1440 and inline-block at 1023 and 390. */
.c-partnerShips .c-bodyTextVisual__visual{display:inline-block}
.c-partnerShips .c-bodyTextVisual__visualImage{height:100%}

/* ── part: parts/button ── */
/**
 * parts/button
 *
 * Decomposed from Craft's base.css + media.css — 85 rules, 6048 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 10 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from base.css ── */
.c-button{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:3rem;padding:0 1.5rem;vertical-align:middle;font-weight:500;--text-opacity:1;color:#345;color:rgba(51,68,85,var(--text-opacity));text-align:center;text-decoration:none;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-style:none;border-radius:.25rem;background-color:transparent;transition-duration:.1s;font-variant-ligatures:none;box-shadow:inset 0 0 0 1px rgba(80,86,102,.25);font-size:13px;letter-spacing:.025em;line-height:48px}
@media (min-width:768px){
.c-button{padding:0 1.5rem}
}
.c-button__icon{display:block;position:relative;float:left;--text-opacity:1;color:#345;color:rgba(51,68,85,var(--text-opacity));--text-opacity:0.25;fill:currentColor;height:20px;margin-right:10px;top:14px;width:20px}
.c-button:hover{box-shadow:inset 0 0 0 1px rgba(80,86,102,.5)}
.c-button.is-disabled,.c-button.is-disabled:hover,.c-button[disabled],.c-button[disabled]:hover{cursor:not-allowed;pointer-events:none;--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity));opacity:.5}
.c-button--block{display:block;width:100%}
.c-button--inverted{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.25)}
.c-button--inverted:hover{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.5)}
.c-button--dark{--bg-opacity:1;background-color:#345;background-color:rgba(51,68,85,var(--bg-opacity))}
.c-button--dark:hover{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}
.c-button--dark[disabled],.c-button--dark[disabled]:hover{--bg-opacity:1;background-color:#89a;background-color:rgba(136,153,170,var(--bg-opacity));--bg-opacity:0.5}
.c-button--facebook{--bg-opacity:1;background-color:#4267b2;background-color:rgba(66,103,178,var(--bg-opacity))}
.c-button--icon{line-height:1;padding:14px;width:44px}
.c-button--icon .c-button__icon{margin-top:0;margin-left:auto;margin-right:auto}
.c-button--large{height:3rem;line-height:3,5;padding:0 20px}
@media (min-width:768px){
.c-button--large{padding-top:0;padding-left:1.5rem;padding-right:1.5rem}
}
.c-button--light{--bg-opacity:1;background-color:#f5f5f6;background-color:rgba(245,245,246,var(--bg-opacity));--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity))}
.c-button--light:hover{--text-opacity:1;color:#345;color:rgba(51,68,85,var(--text-opacity))}
.c-button--linkedIn{--bg-opacity:1;background-color:#0077b5;background-color:rgba(0,119,181,var(--bg-opacity))}
.c-button--linkedIn:hover{background:#3c94c4}
.c-button--next{padding-right:38px}
.c-button--next:after{position:absolute;height:1rem;top:1rem;opacity:.5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cpath fill='none' stroke='%23505666' stroke-miterlimit='10' d='M1.5 1l7 7-7 7'/%3E%3C/svg%3E");background-size:100%;content:"";right:20px;transition:.25s;width:10px}
.c-button--next:not([disabled]):hover:after{transform:translateX(4px)}
.c-button--prev{padding-left:38px}
.c-button--prev:before{position:absolute;height:1rem;top:1rem;opacity:.5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cpath fill='none' stroke='%23505666' stroke-miterlimit='10' d='M8.5 15l-7-7 7-7'/%3E%3C/svg%3E");background-size:100%;content:"";left:20px;transition:.25s;width:10px}
.c-button--prev:not([disabled]):hover:before{transform:translateX(-4px)}
.c-button--primary{background-color:#64f;background-color:rgba(102,68,255,var(--bg-opacity))}
.c-button--primary,.c-button--primary:hover{--bg-opacity:1;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));box-shadow:none}
.c-button--primary:hover{background-color:#75f;background-color:rgba(119,85,255,var(--bg-opacity))}
.c-button--rounded{border-radius:1.5rem}
.c-button.c-button--spinner.is-busy,.is-busy .c-button.c-button--spinner{cursor:wait;pointer-events:none;color:transparent}
.c-button.c-button--spinner.is-busy .c-button__icon,.is-busy .c-button.c-button--spinner .c-button__icon{opacity:0}
.c-button.c-button--spinner.is-busy:before,.is-busy .c-button.c-button--spinner:before{position:absolute;display:block;height:1.5rem;width:1.5rem;left:50%;top:50%;margin:-.75rem 0 0 -.75rem;animation:spinner 1s linear infinite;background-image:url(https://static.thenextweb.com/assets/next/img/spinner-button.png);background-size:1.5rem 1.5rem;content:""}
.c-button.c-button--spinner.is-busy:after,.is-busy .c-button.c-button--spinner:after{opacity:0}
.c-button.c-button--spinner.is-busy.c-button--inverted:not(.c-button--light):not(.c-button--outline):before,.is-busy .c-button.c-button--spinner.c-button--inverted:not(.c-button--light):not(.c-button--outline):before{background-image:url(https://static.thenextweb.com/assets/next/img/spinner-button-inverted.png)}
.c-button__speak{display:flex;justify-content:center;margin:3rem auto}
.c-bodyBlock__buttons .c-button{margin:0 .25rem}
@media (max-width:767px){
.c-bodyNews__buttons .c-button{flex:1 1 0%}
}
.c-bodyNews__buttons .c-button:not(:first-child){margin-left:.5rem}
.c-tickets .c-button{transition:transform .3s ease;width:152px;background:#64f;border-radius:30px;color:#fff;box-shadow:none}
.c-tickets .c-button:hover{background:#75f;border:none;color:#fff}

/* ── from media.css ── */
.c-channel--latest .c-button--primary{background-color:#64f;color:#fff}
.c-channel--latest .c-button--primary:hover{background-color:rgba(230,0,0,.1);color:#64f}
.c-channel--news .c-button--primary{--bg-opacity:1;background-color:#c09;background-color:rgba(204,0,153,var(--bg-opacity))}
.c-channel--news .c-button--primary:hover{--bg-opacity:1;background-color:#4cacff;background-color:rgba(76,172,255,var(--bg-opacity))}
.c-channel--tnw .c-button--primary{--bg-opacity:1;background-color:#c09;background-color:rgba(204,0,153,var(--bg-opacity))}
.c-channel--tnw .c-button--primary:hover{--bg-opacity:1;background-color:#4cacff;background-color:rgba(76,172,255,var(--bg-opacity))}
.c-channel--topic .c-button--primary{--bg-opacity:1;background-color:#f42;background-color:rgba(255,68,34,var(--bg-opacity))}
.c-channel--topic .c-button--primary:hover{--bg-opacity:1;background-color:#4cacff;background-color:rgba(76,172,255,var(--bg-opacity))}
.c-conferenceHero__cta .c-button--primary{background-color:#c09}
@media (max-width:767px){
.c-conferenceHero__cta .c-button--primary{width:100%}
}
.channel-cta a.c-button--primary:hover{color:#fff;background-color:#75f;text-decoration:none}
.c-nextHomeHeaderGrid .c-showcase__article .c-button.adpanel{display:flex;align-items:center;margin-top:1em;border:1px solid #fff}
.c-nextHomeHeaderGrid .c-showcase__article .c-button.adpanel:focus-visible{box-shadow:0 0 0 .25rem #6644e1}
.c-nextRelatedGrid .c-showcase__article .c-button.adpanel{display:flex;align-items:center;margin-top:1em;border:1px solid #fff}
.c-nextRelatedGrid .c-showcase__article .c-button.adpanel:focus-visible{box-shadow:0 0 0 .25rem #6644e1}
@media (min-width:375px){
.c-nextRelatedGrid .c-showcase__article .c-button.adpanel{text-align:center}
}
@media (min-width:768px){
.c-nextRelatedGrid .c-showcase__article .c-button.adpanel{text-align:left}
}
#tickets .c-ticketCard--tier3 .c-button{transition:transform .3s ease;width:152px;background:#c09;border-radius:30px;color:#fff}
#tickets .c-ticketCard--tier3 .c-button:hover{background:#d0a}
.c-tickets .c-button{width:auto;min-width:152px}
.c-tickets .c-button:hover{border:1px solid #75f}
.darkMode .c-button__icon>svg>path,.darkMode .c-footer__logo>svg>path,.darkMode svg.c-engage__icon>path,.darkMode svg.c-showcase__articleShape>path,.darkMode svg>path{fill:#ff0!important}
.darkMode .c-button{box-shadow:inset 0 0 0 1px #ff0;background:#000;color:#ff0}
.c-button__icon{position:static;display:inline-block;float:none;width:1rem;height:1rem;margin-right:.25rem;color:inherit;vertical-align:-.125em}
.c-button__icon:hover,.c-nav__iconsItem--current .c-button__icon{color:#000}
.c-button{box-shadow:none;border:1px solid rgba(80,86,102,.25);text-transform:unset!important;font-size:16px;letter-spacing:-.16px;transition:border-color 125ms ease,background-color 125ms ease,color 125ms ease,box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-button{transition:none}
}
.c-button:hover{box-shadow:none;border:1px solid rgba(80,86,102,.5)}
.c-button:focus-visible{box-shadow:0 0 0 .25rem #6644e1}
.c-button--primary:focus-visible,.c-button.confNavCTa:focus-visible,.c-button.homeCTA:focus-visible{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #e1e1e1}
.c-button--link{border-color:transparent;color:#64f;text-decoration:underline;text-underline-offset:.125em;text-decoration-thickness:1px}
.c-button--link:hover{border-color:transparent;color:#551a8b}
.c-button--link:focus-visible{border-color:#64f;box-shadow:0 0 0 .125rem #64f,inset 0 0 0 .125rem #64f}
.c-programsHero__cta .c-button--primary{background-color:#64f}
.c-programsHero__cta .c-button--primary:hover{background-color:#75f}
@media (max-width:767px){
.c-programsHero__cta .c-button--primary{width:100%}
}
.c-conferenceHero__cta .c-button,.c-usps .c-bodyBlock__buttons .c-button{background-color:#64f}
.c-conferenceHero__cta .c-button:focus-visible,.c-usps .c-bodyBlock__buttons .c-button:focus-visible{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #e1e1e1}
.c-conferenceHero__cta .c-button:hover,.c-usps .c-bodyBlock__buttons .c-button:hover{background-color:#75f}
.c-bodyBlock__buttons .c-button{margin:0}
.c-button--primary,.c-tickets .c-button{background-color:#64f;text-decoration:none}
.c-button--primary:hover,.c-tickets .c-button:hover{background-color:#75f;text-decoration:none}
.c-button--primary:focus-visible,.c-tickets .c-button:focus-visible{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #e1e1e1}
.c-button--secondary{background-color:transparent;border:1px solid #9078ff;color:#fff;display:flex;align-items:center;justify-content:center}

/* ── part: parts/card ── */
/**
 * parts/card
 *
 * Decomposed from Craft's base.css + media.css — 90 rules, 5352 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 18 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from base.css ── */
@media (min-width:768px){
.o-parallax__layer.c-card__imageImage{width:100%}
}
.c-card{position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.c-card__image{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity));transform:translateZ(0)}
.c-card__imageImage{transition-property:transform;transition-duration:.5s;transition-timing-function:cubic-bezier(0,0,.2,1);transform:scale(1.03)}
@media (max-width:1023px){
.c-card__imageImage{width:125%}
}
.c-card__header{padding:1rem;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}
@media (min-width:1440px){
.c-card__header{padding:1.5rem}
}
.c-card__channelLogo{margin-bottom:.5rem;--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity));fill:currentColor;height:1rem}
.c-card__label{margin-bottom:.25rem;font-size:.75rem}
.c-card__heading{font-size:1.5rem;margin-bottom:.25rem}
.c-card__heading--small{font-size:1rem!important}
@media (min-width:768px) and (max-width:1024px){
.c-card__heading--large{font-size:2rem}
}
@media (min-width:1024px){
.c-card__heading{font-size:2rem}
}
@media (min-width:1024px) and (max-width:1440px){
.c-card__heading.is-long{font-size:1.5rem}
}
.c-card__heading a{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}
.c-card__partner{position:absolute;top:1rem;left:1rem;z-index:20;height:1.5rem}
@media (min-width:1440px){
.c-card__partner{top:1.5rem;left:1.5rem;height:2rem}
}
.c-card:hover .c-card__imageImage{transform:scale(1.01)}
.c-card--dark{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}
.c-card--mini .c-card__header{padding:1rem}
.c-card--stretch{height:100%}
.c-card--visual{box-shadow:none}
.c-card--visual .c-card__image:after{position:absolute;top:0;right:-1px;bottom:-1px;left:-1px;background-image:linear-gradient(180deg,transparent 25%,#000 90%);content:"";transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(0,0,.2,1)}
.c-card--visual .c-card__header{position:absolute;bottom:0}
.c-card--dark .c-card__header,.c-card--visual .c-card__header{background-color:transparent;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}
.c-card--dark .c-card__channelLogo,.c-card--visual .c-card__channelLogo{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));fill:currentColor}
.c-card--dark .c-card .c-meta__link:hover,.c-card--dark .c-card__heading a,.c-card--visual .c-card .c-meta__link:hover,.c-card--visual .c-card__heading a,.c-footer{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}
.c-bodyNews__grid .c-card{height:100%}
@media (min-width:1024px){
.c-bodyNews__article:first-child .c-card__heading{font-size:3rem}
.c-bodyNews__article:nth-child(2) .c-card__heading{font-size:3rem}
}

/* ── from media.css ── */
@media (min-width:1024px){
.c-article__suggested .c-bodyNews__grid .c-card__heading{font-size:1.5rem!important}
}
@media (min-width:375px){
.c-article__suggested .c-bodyNews__grid .c-card__heading{font-size:1.25rem!important}
}
@media (min-width:1440px){
.c-article__suggested .c-card__header{height:auto!important}
}
.c-card__heading--sub_headers{font-size:20px!important;font-family:Graphik,sans-serif!important;font-weight:500!important;letter-spacing:-.015em!important;line-height:1.3!important;text-transform:unset}
.c-channel--latest .c-card__channelLogo{max-width:50px;max-height:20px}
.c-channel--news .c-card__channelLogo{width:50px;height:20px}
.c-channel--tnw .c-card__channelLogo{width:80px;height:25px;margin:2px 0 0 -10px}
.c-card__header{display:flex;flex-direction:column}
.c-card__label{order:-1;font-family:Shentox,sans-serif;letter-spacing:.08em;line-height:1;text-transform:uppercase}
.c-card .c-meta__link:focus-visible{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #e1e1e1}
@media (max-width:767px){
h3.c-card__heading{font-family:Graphik,sans-serif!important;font-size:2rem}
}
h3.c-card__heading--newsletterCard{font-size:1.75rem!important;line-height:1.25!important;font-family:Graphik Wide,sans-serif!important;text-transform:none}
@media (max-width:1250px){
h3.c-card__heading--newsletterCard{font-size:1.7rem!important}
}
@media (max-width:1100px){
h3.c-card__heading--newsletterCard{font-size:1.6rem!important}
}
.c-showcase__article .c-card{height:100%}
@media (min-width:1024px){
.c-showcase__article:nth-child(2) .c-card__heading,.c-showcase__article:nth-child(4) .c-card__heading{font-size:20px;letter-spacing:-.015px;line-height:1.3;font-family:Graphik,sans-serif;font-weight:500}
.c-showcase__article:first-child .c-card__heading,.c-showcase__article:nth-child(5) .c-card__heading{font-family:Graphik Wide,sans-serif;font-weight:900;font-size:36px;letter-spacing:0;line-height:1.25}
}
.c-showcase__article .c-card__heading{font-family:Graphik,sans-serif;font-weight:500;line-height:1.3;letter-spacing:-.015em;margin-bottom:.25rem;text-align:left;font-size:1.25em;text-transform:unset}
@media (min-width:768px){
.c-showcase__article .c-card__heading.adpanel{text-align:left;font-size:32px;font-weight:900;letter-spacing:0;line-height:1.25}
}
.c-showcaseSubbrandsArticleMain .c-card__heading{font-size:20px;font-family:Graphik,sans-serif;font-feature-settings:"ss01" 1,"ss02" 1,"ss03" 1;font-weight:500;letter-spacing:-.01em}
.c-showcaseSubbrands .c-card__heading{display:block;padding:.25rem;margin:-.25rem;border-radius:.25rem;line-height:1.3;transition:color 125ms ease,box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-showcaseSubbrands .c-card__heading{transition:none}
}
.c-showcaseSubbrands .c-card__heading:focus-visible{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #6644e1}
.c-nextHomeHeaderGrid .c-card__header{padding:24px}
@media (max-width:767px){
.c-nextHomeHeaderGrid .c-card__header{padding:16px}
}
.c-nextRelatedGrid .c-card__header{padding:24px}
@media (max-width:767px){
.c-nextRelatedGrid .c-card__header{padding:16px}
}
@media (min-width:768px){
.c-card--visual .c-card__image:after{background-image:linear-gradient(180deg,transparent 0,#000)}
}
.c-topArticles__article:first-child .c-card{box-shadow:0 2px 8px rgba(0,0,0,.15)}
.c-topArticles__article:first-child .c-card__heading{font-size:20px;letter-spacing:-.001em;line-height:1.25;text-transform:unset}
@media (min-width:768px){
.c-topArticles__article:first-child .c-card__heading{font-family:Graphik Wide;font-weight:900;font-size:36px;letter-spacing:0;line-height:1.25;text-transform:unset}
}
.nextHome .c-card__channelLogo,.nextHome .c-card__channelLogo.plugged,.nextHome .c-card__channelLogo.podium{width:60px;height:30px}
.nextHome .c-card__channelLogo.hardfork{width:90px;height:30px}
.darkMode .c-card__header,.darkMode .t-white{background:transparent}
.darkMode .c-bodyNews__heading,.darkMode .c-card--dark .c-card__heading a,.darkMode .c-card--visual .c-card__heading a{color:#ff0}
h1.c-card__heading,h2,h3.c-card__heading{font-family:Graphik Wide;letter-spacing:0;font-feature-settings:"ss01"1,"ss02"1,"ss03"1;line-height:1.25;font-size:36px;font-weight:900}
h1.c-card__heading--graphikwide,h1.c-card__heading.adpanel,h2--graphikwide,h2.adpanel,h3.c-card__heading--graphikwide,h3.c-card__heading.adpanel{font-family:Graphik Wide;font-feature-settings:"ss01"1,"ss02"1,"ss03"1}
.c-card__image:before{content:"";position:absolute;top:.125rem;left:.125rem;right:.125rem;bottom:.125rem;z-index:1;transition:box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-card__image:before{transition:none}
}
.c-card__image:focus-visible:before{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #e1e1e1}
@media (max-width:767px){
.c-card__imageImage.o-parallax__layer{transition-property:opacity}
.c-showcase__grid .c-card .c-card__heading{font-family:Graphik,sans-serif}
}
.c-showcase.advert .c-card--visual .c-card__image:after{background-image:linear-gradient(233deg,transparent 25%,#000 90%)}
.c-card__header.smallAdvertPane{display:flex;flex-direction:column;align-items:flex-start;top:10%;position:absolute;justify-content:space-between;width:100%}
.c-card__header.smallAdvertPane>.c-card__heading.adpanel{color:#fff}
.c-card__header.smallAdvertPane>.c-button.adpanel{margin-top:1em;box-shadow:inset 0 0 0 1px #fff;color:#fff}
@media (min-width:768px){
.c-card__header.smallAdvertPane{display:none}
}
@media only screen and (max-device-width:374px){
h1.c-card__heading,h3.c-card__heading{font-size:1.5rem}
}
@media only screen and (min-device-width:375px) and (max-device-width:1199px){
h1.c-card__heading,h3.c-card__heading{font-size:2rem}
}
.c-card .c-tags__link:focus-visible{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #e1e1e1}
h2.c-card__heading.adpanel{color:#fff;font-size:36px!important;letter-spacing:0;line-height:1.25;font-family:Graphik Wide;font-feature-settings:"ss01"1,"ss02"1,"ss03"1}
@media screen and (max-width:1250px){
h2.c-card__heading.adpanel{font-size:3vw!important}
}
@media screen and (max-width:1023px){
h2.c-card__heading.adpanel{font-size:1.25em!important;font-weight:500!important;line-height:1.3;letter-spacing:-.015em;margin-bottom:.25rem;text-align:left}
}
h2.c-card__heading.adpanel span{font-size:16px;font-family:Graphik;font-weight:400;letter-spacing:-.015em;line-height:1.25}
.c-card__header.smallAdvertPane{top:0!important}
.c-bodyNews__article:first-child .c-card__heading{font-size:20px;font-weight:500;font-family:Graphik;letter-spacing:-.015em;line-height:1.3;text-transform:unset}
@media (min-width:768px){
.c-bodyNews__article:first-child .c-card__heading{font-size:36px;font-family:Graphik Wide;font-feature-settings:"ss01"1,"ss02"1,"ss03"1;font-weight:900;letter-spacing:0;line-height:1.25}
}
.c-bodyNews__article:nth-child(2) .c-card__heading{font-size:20px;font-weight:500;font-family:Graphik;letter-spacing:-.015em;line-height:1.3;text-transform:unset}
@media (min-width:768px){
.c-bodyNews__article:nth-child(2) .c-card__heading{font-size:32px;font-family:Graphik Wide;font-weight:900;letter-spacing:0;line-height:1.25}
}
.c-bodyNews__article:nth-child(3) .c-card__heading,.c-bodyNews__article:nth-child(4) .c-card__heading{font-size:20px;font-weight:500;font-family:Graphik;letter-spacing:-.015em;line-height:1.3;text-transform:unset}

/* ── part: parts/channel ── */
/**
 * parts/channel
 *
 * Decomposed from Craft's base.css + media.css — 119 rules, 7351 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 13 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-divider-cta h2.c-channel__ctaHeading{font-size:1.5rem}
@media (min-width:768px){
.c-divider-cta h2.c-channel__ctaHeading{font-size:2rem}
}
@media (min-width:1024px){
.c-divider-cta h2.c-channel__ctaHeading{font-size:3rem}
}
.c-channel-subscribe-success{animation:zoom .3s cubic-bezier(.1,1.25,.5,1.5) both;background:#0ca;border-radius:3px;color:#fff;display:none;font-weight:500;line-height:44px;margin-bottom:8px;text-align:center}
.c-channel__header{padding-left:0;padding-right:0;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));padding-top:2.5rem;padding-bottom:2rem;min-height:316px}
@media (min-width:768px){
.c-channel__header{min-height:320px}
.c-channel--has-subnav .c-channel__header{min-height:375px}
}
.c-channel__header+.o-wrapper{}
.c-channel__header+.c-channel-nav{margin-top:-168px}
@media (min-width:768px){
.c-channel__header+.c-channel-nav{margin-top:-265px}
}
.c-channel__headerBackdrop{height:200%}
.c-channel__banner{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));padding:2rem 0}
.c-channel__bannerBackdrop{height:300%}
@media (max-width:767px){
.c-channel__logos{display:grid;grid-template-columns:1fr auto;grid-column-gap:.5rem;grid-row-gap:1rem}
.c-channel__logos .c-channel__tagline{grid-column-start:1;grid-column-end:3;grid-row-start:2;font-size:1.25rem;font-weight:500;line-height:1.5rem;letter-spacing:-.2px;line-height:1.1}
.c-channel__logos .c-channel__partner{flex-direction:column;align-items:flex-end}
.c-channel__logos .c-channel__partnerLabel{margin-right:0;padding-bottom:5px}
.c-channel__logos .c-channel__partnerLogo{max-height:36px}
}
@media (min-width:768px){
.c-channel__logos{display:flex;justify-content:flex-end;align-items:center}
.c-channel__logos h1.c-channel__tagline{margin-left:1rem;letter-spacing:-.24px;color:#fff;opacity:1}
}
.c-channel__logos h1.c-channel__tagline{font-family:Graphik Wide,Medium;font-size:20px}
.c-channel__logos h1.c-channel__tagline.latest_index{font-family:Graphik Wide,sans-serif!important}
.c-channel__logo{height:2rem}
@media (min-width:768px){
.c-channel__logo{height:3rem}
.c-channel__header .c-channel__logo{height:4rem}
}
.c-channel__partner{display:flex;flex-direction:row;align-items:center;text-align:center;font-size:.625rem;font-weight:500}
@media (min-width:768px){
.c-channel__partner{padding-left:1em}
}
@media (min-width:1024px){
.c-channel__partner{border-left:1px solid #fff;justify-content:flex-end;white-space:nowrap;margin-left:3rem;flex-basis:300px;max-width:300px}
}
.c-channel__partnerLabel{margin-right:.75rem}
@media (min-width:768px){
.c-channel__partnerLabel{margin-left:3rem;margin-right:0;white-space:nowrap}
}
@media (min-width:1024px){
.c-channel__partnerLabel{margin-left:0}
}
.c-channel__partner>a{display:inline-block;margin-left:.75rem}
.c-channel__partnerLogo{max-width:147px;max-height:28px;width:100%;height:auto}
@media (min-width:768px){
.c-channel__partnerLogo{height:3rem}
}
.c-channel__tagline{color:#fff!important;font-size:1.5em;font-weight:400}
@media (min-width:375px){
.c-channel__tagline{margin-bottom:0}
}
@media (min-width:768px){
.c-channel__tagline{font-size:1rem}
}
.c-channel__cta--desktop{margin-bottom:2rem;min-height:176px}
@media (max-width:1023px){
.c-channel__cta--desktop{display:none}
}
.c-channel__cta--mobile{display:none;margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:2rem;padding:1.5rem;text-align:center;--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}
@media (min-width:768px){
.c-channel__cta--mobile{margin-left:-4rem;margin-right:-4rem;padding:2rem 4rem}
}
@media (min-width:1024px){
.c-channel__cta--mobile{display:none}
}
.c-channel__ctaBackdrop{height:200%}
.c-channel__ctaContent{position:relative;z-index:20}
.c-channel__ctaHeading{margin-bottom:.5rem;font-size:1.25rem}
.c-channel__ctaDescription,.c-channel__ctaHeading{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}
.c-channel__ctaDescription{margin-bottom:1rem;font-size:.875rem}
.c-channel__ctaField{display:flex;align-items:center;margin-bottom:1rem;color:#fff}
.c-channel__ctaField ::-moz-placeholder{color:#fff;opacity:.5}
.c-channel__ctaField ::placeholder{color:#fff;opacity:.5}
.c-channel__ctaField :-ms-input-placeholder{color:#fff;opacity:.5}
.c-channel__ctaField ::-ms-input-placeholder{color:#fff;opacity:.5}
.c-channel__ctaInput{flex-grow:1;flex-shrink:1;flex-basis:auto;width:100%;border-radius:0;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));--border-opacity:1;border-color:#fff;border-color:rgba(255,255,255,var(--border-opacity));order:2;padding:0;background:hsla(0,0%,100%,.25);border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;overflow:visible}
.c-channel__ctaInput__hubspotInput{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}
.c-channel__ctaInput:focus{box-shadow:none}
.c-channel__ctaInput:focus+.c-channel__ctaIcon{opacity:1}
.c-channel__ctaInput input{border-radius:.25rem;transition:color 125ms ease,box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-channel__ctaInput input{transition:none}
}
.c-channel__ctaInput input:focus-visible{box-shadow:0 0 0 .25rem #e1e1e1}
.c-channel__ctaInput input.hs-input[type=email]{padding:.75rem 1rem}
.c-channel__ctaInput input.hs-input[type=email].invalid.error{padding-left:1rem}
.c-channel__ctaInput input.hs-button[type=submit]{padding:.75rem 1rem;margin:0}
.c-channel__ctaIcon{--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity));fill:currentColor;opacity:.5;margin:0 .75rem;order:1;height:20px;width:20px;transition:.15s}
.c-channel__ctaSubmit{border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));cursor:pointer;font-weight:500;height:3rem;padding:0 .75rem;order:3;background:hsla(0,0%,100%,.25);border-top-right-radius:4px;border-bottom-right-radius:4px}
.c-channel__ctaSubmit ::-moz-placeholder{color:red;opacity:.5}
.c-channel__ctaSubmit ::placeholder{color:red;opacity:.5}
.c-channel__ctaSubmit :-ms-input-placeholder{color:#fff;opacity:.5}
.c-channel__ctaSubmit ::-ms-input-placeholder{color:#fff;opacity:.5}
.c-channel--latest .c-channel__banner,.c-channel--latest .c-channel__header{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}
.c-channel--latest .c-channel__bannerBackdrop,.c-channel--latest .c-channel__headerBackdrop{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}
.c-channel--latest .c-card__heading a,.c-channel--latest a.loadmore_title_link,.c-channel--latest a.title_link{box-shadow:inset 0 2px 0 rgba(204,0,153,0);transition:box-shadow .15s ease}
.c-channel--latest .c-card__heading a:hover,.c-channel--latest a.loadmore_title_link:hover,.c-channel--latest a.title_link:hover{box-shadow:0 2px 0 rgba(102,68,225,.25)}
.c-channel--latest a.headingTitle:hover{text-decoration:underline;-webkit-text-decoration-color:#64f!important;text-decoration-color:#64f!important;text-underline-position:below!important}
.c-channel--latest .c-channel__cta a:hover{color:inherit}
.c-channel--latest .c-channel__ctaBackdrop{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}
.c-channel--latest .c-contributor__bio a,.c-channel--latest .c-contributor__credentials a{--text-opacity:1;color:#c09;color:rgba(204,0,153,var(--text-opacity));box-shadow:0 1px 0 rgba(204,0,153,0);transition:.15s}
.c-channel--latest .c-contributor__bio a:hover,.c-channel--latest .c-contributor__credentials a:hover{box-shadow:0 1px 0 rgba(204,0,153,.5)}
.c-channel--latest .c-richText a{--text-opacity:1;color:#64f;color:rgba(102,68,255,var(--text-opacity))}
.c-channel--latest .c-richText a:hover{text-decoration:underline}
.c-channel--latest .c-channel__logo.tnw-article-logo{height:6rem;display:block;margin:-1rem -.5rem -2rem}
.c-channel--news .c-channel__banner,.c-channel--news .c-channel__header{--bg-opacity:1;background-color:#c09;background-color:rgba(204,0,153,var(--bg-opacity))}
.c-channel--news .c-channel__bannerBackdrop,.c-channel--news .c-channel__ctaBackdrop,.c-channel--news .c-channel__headerBackdrop{--bg-opacity:1;background-color:#c09;background-color:rgba(204,0,153,var(--bg-opacity));background-image:url(https://static.thenextweb.com/assets/next/img/placeholder/media/channel-backdrop-news.jpg)}
.c-channel--news a.loadmore_title_link:hover,.c-channel--news a.title_link:hover{text-decoration:underline;-webkit-text-decoration-color:#f42!important;text-decoration-color:#f42!important;text-underline-position:under}
.c-channel--news a.headingTitle:hover{text-decoration:underline;-webkit-text-decoration-color:#f42!important;text-decoration-color:#f42!important;text-underline-position:below!important}
.c-channel--news .c-contributor__bio a,.c-channel--news .c-contributor__credentials a{--text-opacity:1;color:#c09;color:rgba(204,0,153,var(--text-opacity));box-shadow:0 1px 0 rgba(204,0,153,0);transition:.15s}
.c-channel--news .c-contributor__bio a:hover,.c-channel--news .c-contributor__credentials a:hover{box-shadow:0 1px 0 rgba(204,0,153,.5)}
.c-channel--news .c-richText a{--text-opacity:1;color:#c09;color:rgba(204,0,153,var(--text-opacity));box-shadow:inset 0 -.5rem 0 rgba(204,0,153,.1)}
.c-channel--news .c-richText a:hover{box-shadow:inset 0 -1.15em 0 rgba(204,0,153,.1)}
.c-channel--news .c-channel__logo.tnw-article-logo{height:6rem;display:block;margin:-1rem -.5rem -2rem}
.c-channel--tnw .c-channel__banner,.c-channel--tnw .c-channel__header{--bg-opacity:1;background-color:#c09;background-color:rgba(204,0,153,var(--bg-opacity))}
.c-channel--tnw .c-channel__bannerBackdrop,.c-channel--tnw .c-channel__ctaBackdrop,.c-channel--tnw .c-channel__headerBackdrop{--bg-opacity:1;background-color:#c09;background-color:rgba(204,0,153,var(--bg-opacity));background-image:url(/assets/next/img/placeholder/media/channel-backdrop-news.jpg)}
.c-channel--tnw a.loadmore_title_link:hover,.c-channel--tnw a.title_link:hover{text-decoration:underline!important;-webkit-text-decoration-color:#f42!important;text-decoration-color:#f42!important;text-underline-position:under}
.c-channel--tnw a.headingTitle:hover{text-decoration:underline;-webkit-text-decoration-color:#f42!important;text-decoration-color:#f42!important;text-underline-position:below!important}
.c-channel--tnw .c-contributor__bio a,.c-channel--tnw .c-contributor__credentials a{--text-opacity:1;color:#c09;color:rgba(204,0,153,var(--text-opacity));box-shadow:0 1px 0 rgba(204,0,153,0);transition:.15s}
.c-channel--tnw .c-contributor__bio a:hover,.c-channel--tnw .c-contributor__credentials a:hover{box-shadow:0 1px 0 rgba(204,0,153,.5)}
.c-channel--tnw .c-richText a{box-shadow:none;--text-opacity:1;color:#c09;color:rgba(204,0,153,var(--text-opacity))}
.c-channel--tnw .c-richText a:hover{text-decoration:underline}
.c-channel--tnw .c-channel__logo.tnw-article-logo{height:6rem;display:block;margin:-1rem -.5rem -2rem}
.c-channel--topic .c-channel__banner,.c-channel--topic .c-channel__header{--bg-opacity:1;background-color:#f42;background-color:rgba(255,68,34,var(--bg-opacity))}
.c-channel--topic .c-channel__bannerBackdrop,.c-channel--topic .c-channel__ctaBackdrop,.c-channel--topic .c-channel__headerBackdrop{--bg-opacity:1;background-color:#f42;background-color:rgba(255,68,34,var(--bg-opacity));background-image:url(https://static.thenextweb.com/assets/next/img/placeholder/media/topic-header-backdrop.jpg)}
.c-channel--topic .c-contributor__bio a,.c-channel--topic .c-contributor__credentials a{--text-opacity:1;color:#f42;color:rgba(255,68,34,var(--text-opacity));box-shadow:0 1px 0 rgba(255,68,34,0);transition:.15s}
.c-channel--topic .c-contributor__bio a:hover,.c-channel--topic .c-contributor__credentials a:hover{box-shadow:0 1px 0 rgba(255,68,34,.5)}
.c-channel--topic .c-richText a{--text-opacity:1;color:#f42;color:rgba(255,68,34,var(--text-opacity));box-shadow:inset 0 -.5rem 0 rgba(255,68,34,.1)}
.c-channel--topic .c-richText a:hover{box-shadow:inset 0 -1.15em 0 rgba(255,68,34,.1);box-shadow:inset 0 -1.15em 0 rgba(255,68,34,.1)}
.c-channel-nav{position:relative;border-top:1px solid rgba(153,255,221,.25);font-family:Shentox,sans-serif;font-size:.875rem;text-transform:uppercase;overflow:auto;scrollbar-width:none}
.c-channel-nav::-webkit-scrollbar{display:none}
.c-channel-nav__menu{display:flex}
.c-channel-nav__menuItem{padding-right:1.5rem}
.c-channel-nav__menuLink{display:inline-block;padding:1.125rem 0;color:#9fd;white-space:nowrap}
.c-channel-nav__menuItem--current .c-channel-nav__menuLink,.c-channel-nav__menuLink:hover{color:#fff}
#newslettersignup>.c-announcement__message>form.c-channel__ctaForm>p>a:hover,#newslettersignup>.c-announcement__message>form.c-channel__ctaForm>p>strong>a:hover{color:#fff;font-weight:500}
.c-channel__ctaField.homeCta{box-shadow:unset}
.c-channel__ctaField.homeCta>input{-webkit-text-fill-color:#fff!important}
.c-channel__ctaField.homeCta>input::-moz-placeholder{color:#fff!important}
.c-channel__ctaField.homeCta>input::placeholder{color:#fff!important}
.c-channel__ctaField.channelCta>input{-webkit-text-fill-color:#fff!important}
.c-channel__ctaField.channelCta>input::-moz-placeholder{color:#fff!important}
.c-channel__ctaField.channelCta>input::placeholder{color:#fff!important}
p.c-channel__ctaHeading{font-family:Graphik Wide,sans-serif;font-feature-settings:"ss01"1,"ss02"1,"ss03"1;font-weight:900;line-height:1.25em;font-size:20px}

/* ── moved out of views/channel.php and views/categories.php ───────────────
   See AMS/docs/inline-css-migration.md.

   Load-bearing at desktop, redundant at mobile. The only line-height for this
   heading lives in .c-channel__logos .c-channel__tagline inside
   @media (max-width:767px), so from 768px up nothing set it and the inline
   style was the sole source. This is (0,2,0) and appended after that rule, so
   it also wins below 767px — with the same 1.1 it already had there. */
.c-channel__tagline.latest_index{line-height:1.1}

/* ── part: parts/divider-cta ── */
/**
 * parts/divider-cta
 *
 * Decomposed from Craft's base.css + media.css — 4 rules, 174 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 2 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-divider-cta{background:#000;padding:4em;color:#fff;display:flex;flex-direction:column;align-items:center;background-position:0;background-repeat:no-repeat}
@media (max-width:767px){
.c-divider-cta{padding:2rem}
}
.c-divider-cta form{width:120%}
@media (min-width:768px){
.c-divider-cta form{width:100%}
}

/* ── part: parts/home ── */
/**
 * parts/home
 *
 * Decomposed from Craft's base.css + media.css — 9 rules, 218 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 1 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from base.css ── */
.w-5xl{width:6rem}

/* ── from media.css ── */
#hp-container{width:100%}
#hp-nl-container{display:none;width:100%;max-width:720px}
.mobileHomeCta{background-color:transparent;color:#fff}
.mobileHomeCta:hover{color:#fff!important;border:unset}
.mobileHomeCta{box-shadow:inset 0 0 0 1px #fff!important}
#nextHome{background:#fff}
.next-newsletter-home{background-color:#64f}
.text-burple{color:#64f}

/* ── moved out of views/home.php's inline styles ───────────────────────────
   See AMS/docs/inline-css-migration.md. Verified by computed-style diff on /
   at 1440x900 and 390x844. */

/* The socials row under the newsletter sign-up. No rule for this class existed
   anywhere — the inline style was its only styling. */
.socials-homepage{display:flex;flex-direction:column;align-items:center}

/* Three rules compete for this heading's margin-bottom, and the inline style
   beat all of them by being inline AND !important:

     globals/objects  .o-bodyBlock__heading      2rem!important
                      ...at 768px                3rem!important
                      ...at 1024px               4rem!important
     parts/bodyBlock  .c-bodyBlock__header h2    0!important

   The last one is the reason this selector is scoped. It is (0,1,1) and
   !important, so a bare .c-bodyNews__heading--tight (0,1,0) loses to it no
   matter where it is emitted — verified: the heading computed 0px, not 16px.
   Two classes make this (0,2,0), which outranks it, and !important is needed
   to get past the important declarations at all. Left unconditional, as the
   inline style was. */
.c-bodyBlock__header .c-bodyNews__heading--tight{margin-bottom:1rem!important}

/* ── part: parts/homeStories ── */
/**
 * parts/homeStories
 *
 * Decomposed from Craft's base.css + media.css — 2 rules, 34 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 1 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-homeStories{padding:0 0 4em}
@media (min-width:1024px){
.c-homeStories{padding-bottom:7rem}
}

/* ── part: parts/homeStoriesWrapper ── */
/**
 * parts/homeStoriesWrapper
 *
 * Decomposed from Craft's base.css + media.css — 4 rules, 172 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 2 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
@media (max-width:374px){
.c-homeStoriesWrapper{padding-left:.25rem;padding-right:.25rem}
}
@media (min-width:1024px){
.c-homeStoriesWrapper{padding-top:3rem}
}
.c-homeStoriesWrapper h1{font-size:1.5em;font-family:Graphik Wide;font-feature-settings:"ss01"1,"ss02"1,"ss03"1;line-height:1.25}
@media (min-width:768px){
.c-homeStoriesWrapper h1{font-size:2em}
}

/* ── part: parts/latest ── */
/**
 * parts/latest
 *
 * Decomposed from Craft's base.css + media.css — 7 rules, 233 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 0 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from base.css ── */
.leading-snug{line-height:1.3}
.mt-xs{margin-top:.25rem}
.mt-xxl{margin-top:3rem}
.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}
.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}
.duration-150{transition-duration:.15s}

/* ── part: parts/listArticle ── */
/**
 * parts/listArticle
 *
 * Decomposed from Craft's base.css + media.css — 13 rules, 558 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 4 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-listArticle{display:flex;position:relative;z-index:9!important}
.c-listArticle:not(:last-child){margin-bottom:3rem}
.c-listArticle__image{flex-grow:0;flex-shrink:0;flex-basis:20%}
@media (min-width:768px){
.c-listArticle__image{flex-grow:0;flex-shrink:0;flex-basis:25%;margin-right:1.5rem}
}
.c-listArticle__text{flex-grow:1;flex-shrink:1;flex-basis:auto;padding-left:10px}
@media (min-width:768px){
.c-listArticle__text{padding-left:0}
}
.c-listArticle__heading{margin-bottom:.25rem;font-feature-settings:"ss01" 1,"ss02" 1,"ss03" 1;font-family:Graphik,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.5}
.c-listArticle__heading a{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}
.c-listArticle__intro{margin-bottom:.5rem;font-size:1rem}
@media (min-width:768px){
.c-listArticle__intro{font-size:1.125rem}
.c-showcaseSubbrandsArticleListItem .c-listArticle__image{margin-right:1em}
.c-listArticle{align-items:center}
.c-listArticle__text{margin-top:-1em}
}

/* ── part: parts/listItem ── */
/**
 * parts/listItem
 *
 * Decomposed from Craft's base.css + media.css — 18 rules, 1086 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 1 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from base.css ── */
.c-listItem{display:flex}
.c-listItem__emoji{margin-right:1rem;font-size:2rem;line-height:1;padding-top:6px}
.c-listItem__image{margin-right:1rem;height:4rem;width:4rem;border-radius:.25rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}
.c-listItem__heading{margin-bottom:.25rem;line-height:1.5}
.c-listItem__heading a{box-shadow:0 1px 0 rgba(0,204,204,0);transition-duration:.15s}
.c-listItem__heading a,.c-listItem__heading a:hover{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}
.c-listItem__heading a:hover{box-shadow:0 1px 0 rgba(0,204,204,.5)}
.c-listItem:not(:last-child){margin-bottom:1.5rem}

/* ── from media.css ── */
@media (max-width:767px){
.c-nextHomeHeaderGrid__list .c-listItem:nth-child(n+6){display:none}
.c-showcaseMedia__list .c-listItem:nth-child(n+6){display:none}
.c-showcaseMediaHome__list .c-listItem:nth-child(n+6){display:none}
.c-nextRelatedGrid__list .c-listItem:nth-child(n+6){display:none}
}
.sidebarRelated h3.c-listItem__heading,.sidebarRelated p.c-listItem__heading{padding:0 1rem;transition:all .25s ease-in-out;font-feature-settings:"ss01" 1,"ss02" 1,"ss03" 1;--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity));font-family:Graphik,sans-serif;font-weight:500;line-height:1.5;text-transform:none;font-size:1rem}
ol.sideBar_mostViewed li.c-listItem{display:flex;flex-direction:row}
ol.sideBar_mostViewed li.c-listItem span.relatedNumbers{--text-opacity:1;color:#c09;color:rgba(204,0,153,var(--text-opacity));font-family:Shentox,Arial Narrow,sans-serif;letter-spacing:.01em;line-height:1.15;text-transform:uppercase;font-weight:700;line-height:1;letter-spacing:0;font-size:38px;margin-right:10px}
.c-listItem__heading{position:relative}
.c-listItem__heading .title_link:after{left:1rem;right:1rem}
.c-listItem__text{text-align:left}

/* ── part: parts/main ── */
/**
 * parts/main
 *
 * Decomposed from Craft's base.css + media.css — 6 rules, 280 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 2 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:100;padding:.75rem 1.5rem;border-radius:1.5rem;background-color:#fff;color:#000;font-weight:700;transition:transform .25s ease}
@media (prefers-reduced-motion){
.skip-link{transition:none}
}
.skip-link:not(:focus){transform:translate3d(0,-4rem,0)}
.skip-link:focus-visible{box-shadow:0 0 0 .25rem #6644e1}
.site-tnwNext .more{padding-left:.75em}
@media (min-width:768px){
.site-tnwNext .more{padding-left:0}
}

/* ── part: parts/nextRelatedGrid ── */
/**
 * parts/nextRelatedGrid
 *
 * Decomposed from Craft's base.css + media.css — 20 rules, 842 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 5 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-nextRelatedGrid{padding-bottom:2em}
.c-nextRelatedGrid .mob-tagline{display:block}
@media (min-width:1024px){
.c-nextRelatedGrid .mob-tagline{display:none}
.c-nextRelatedGrid .nxtHome{display:flex;align-items:center;padding:2% 0}
.c-nextRelatedGrid .nxtHome header{width:80%}
.c-nextRelatedGrid .nxtHome header>svg{width:100%}
}
.c-nextRelatedGrid .adpanel{color:#fff!important}
.c-nextRelatedGrid .c-subbrand-tagline{padding:0 0 1rem;font-weight:500;margin:-3rem auto 3rem;text-align:center}
@media (min-width:768px){
.c-nextRelatedGrid .c-subbrand-tagline{margin:-3rem 0 0;text-align:left}
.c-nextRelatedGrid__list{position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15);grid-column:2;grid-row:1/span 4}
.c-nextRelatedGrid__list:after{position:absolute;z-index:20;bottom:0;left:0;width:100%;pointer-events:none;background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);content:"";height:4rem}
}
@media (min-width:1024px){
.c-nextRelatedGrid__list{grid-column:4;grid-row:1/span 4}
}
.c-nextRelatedGrid__listHeader{display:none}
@media (min-width:768px){
.c-nextRelatedGrid__listHeader{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;box-shadow:0 0 16px rgba(0,0,0,.15)}
}
@media (min-width:1024px){
.c-nextRelatedGrid__listHeader{padding:1rem}
}
@media (min-width:1440px){
.c-nextRelatedGrid__listHeader{padding:1.5rem}
}
@media (max-width:1439px){
.c-nextRelatedGrid__listMore{display:none}
}
.c-nextRelatedGrid__listScroller{padding:0 1rem}
@media (min-width:768px){
.c-nextRelatedGrid__listScroller{position:relative;overflow:auto;z-index:10;padding:1.5rem 1.5rem 4rem;flex-grow:1}
}
@media (min-width:1024px){
.c-nextRelatedGrid__listScroller{padding:1.5rem 1rem 4rem}
}

/* ── part: parts/person ── */
/**
 * parts/person
 *
 * Decomposed from Craft's base.css + media.css — 37 rules, 2253 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 13 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from base.css ── */
.c-person{position:relative;--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}
.c-person:hover .c-person__photoImage{transform:scale(1.01)}
.c-person__photo{position:relative;top:0;left:0;width:100%;height:0;overflow:hidden;padding-top:125%;transform:translateZ(0)}
.c-person__photo:after{position:absolute;z-index:20;top:-1px;right:-1px;bottom:-1px;left:-1px;background-image:linear-gradient(200deg,rgba(40,43,51,0) 25%,#282b33 90%);content:"";mix-blend-mode:multiply}
.c-person__photoImage{top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform:scale(1.03);transform-origin:center top}
.c-person__photoImage,.c-person__text{position:absolute;left:0;transition:transform .25s ease-out}
.c-person__text{padding:1rem;bottom:0}
@media (min-width:768px){
.c-person__text{padding:1.5rem}
}
.c-person__name{font-family:Trump Soft Pro,Arial Narrow,sans-serif;font-weight:700;letter-spacing:.01em;line-height:1.15;text-transform:uppercase;font-size:1.5rem;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}
@media (min-width:768px){
.c-person__name{font-size:2rem}
}
.c-person__bio{font-size:.875rem;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));--text-opacity:0.65}
@media (min-width:768px){
.c-person__bio{font-size:1rem}
}
.c-person__company{font-weight:500}
.c-person__company a{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}
.c-person__position{font-size:.75rem}
@media (min-width:768px){
.c-person__position{font-size:.875rem}
}
.c-person__links{position:absolute;top:1rem;right:1rem}
.c-person__linksIcon{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));fill:currentColor;height:20px;width:20px}
.c-person--color .c-person__name{--text-opacity:1;color:#0cc;color:rgba(0,204,204,var(--text-opacity))}

/* ── from media.css ── */
.c-person{position:relative;background-color:transparent;cursor:pointer}
.c-person:after{content:"";position:absolute;top:-.25rem;left:-.25rem;right:-.25rem;bottom:-.25rem;border-radius:.25rem;transition:background-color 125ms ease,color 125ms ease,box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-person:after{transition:none}
}
.c-person:focus-visible:after{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #6644e1}
.c-person__photo{cursor:pointer;padding-top:100%}
.c-person__photo:after{content:none}
.c-person__photoImage{-o-object-position:center top;object-position:center top}
.c-person__text{position:static;padding:1rem 0 0}
.c-person__name{color:#000;font-family:Graphik,sans-serif;font-size:1rem;font-weight:500;line-height:1.25rem;letter-spacing:-.16px;text-transform:none}
.c-bodyBlock.t-black .c-person__name,.t-black .c-bodyBlock .c-person__name{color:inherit}
.c-person__bio{margin-top:.5rem;color:#a7aab2;font-size:.875rem;line-height:1.125rem}
.c-person__company{color:#505666}
.c-person__position{margin-top:.5rem}
.c-person__links{top:.75rem;right:.75rem;z-index:1}
.c-person__linksLink{display:block;padding:.25rem;border-radius:.25rem;transition:box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-person__linksLink{transition:none}
}
.c-person__linksLink:focus-visible{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #6644e1}
.c-person__linksIcon{stroke:#a7aab2}

/* ── part: parts/post-video ── */
/**
 * parts/post-video
 *
 * Decomposed from Craft's base.css + media.css — 6 rules, 487 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 0 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-post-video{margin-bottom:24px}
.c-post-video div.youtube-container{display:block;width:100%}
.c-post-video div.youtube-container div.youtube-player{padding-bottom:56.25%;overflow:hidden;position:relative;width:100%;height:100%;cursor:pointer;display:block}
.c-post-video div.youtube-container div.youtube-player img.youtube-thumb{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%!important;position:absolute;right:0;top:0;height:auto}
.c-post-video div.youtube-container div.youtube-player div.play-button{height:72px;width:72px;left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute;background:url(https://media.thenextweb.com/play-button.svg)}
.c-post-video div.youtube-container div.youtube-player #youtube-iframe{position:absolute;width:100%;height:100%}

/* ── part: parts/richText ── */
/**
 * parts/richText
 *
 * Decomposed from Craft's base.css + media.css — 65 rules, 4291 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 11 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from base.css ── */
.c-richText a{--text-opacity:1;color:#64f;color:rgba(102,68,255,var(--text-opacity));padding-left:.125rem;padding-right:.125rem;transition-duration:.15s;box-shadow:inset 0 -8px 0 rgba(0,204,204,.1)}
.c-richText a:hover{box-shadow:inset 0 -1em 0 rgba(0,204,204,.1)}
.c-richText>h3{font-family:Graphik,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;margin:1rem 0 .25rem;font-feature-settings:"ss01" 1,"ss02" 1,"ss03" 1}
.c-richText>blockquote,.c-richText>ol,.c-richText>p,.c-richText>ul{margin-bottom:1rem;line-height:1.75;-webkit-hyphens:auto;hyphens:auto}
.c-richText>ol{counter-reset:ol}
.c-richText>ol li{position:relative;margin:0 0 .5rem;counter-increment:ol;padding-left:1.75em}
.c-richText>ol li:before{position:absolute;top:0;left:0;font-feature-settings:"tnum" 1;content:counter(ol) ".";width:1.75em}
.c-richText>ul li{position:relative;margin:0 0 .5rem;padding-left:1rem}
@media (min-width:375px){
.c-richText>ul li{padding-left:1.75em}
}
.c-richText>ul li:before{position:absolute;left:0;width:.5rem;height:.5rem;border-radius:50%;--bg-opacity:1;background-color:#345;background-color:rgba(51,68,85,var(--bg-opacity));content:"";top:.7em}
.c-richText .twitter-tweet{margin:3rem auto!important}
@media (max-width:1023px){
.c-richText .twitter-tweet{margin:2rem auto!important;width:100%!important}
}
.c-richText .o-media{margin:2rem -1.5rem}
@media (min-width:768px){
.c-richText .o-media{margin:3rem 0}
}
.c-richText__image{margin:2rem -1.5rem}
@media (min-width:768px){
.c-richText__image{margin:3rem auto}
}
.c-richText__imageCaption{position:relative;padding:1rem 0 0 3rem;font-size:.875rem;--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity))}
@media (min-width:768px){
.c-richText__imageCaption{padding-left:1.5rem}
}
.c-richText__imageCaptionIcon{position:absolute;left:1.5rem;height:1rem;width:1rem;--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity));fill:currentColor;top:18px}
@media (min-width:768px){
.c-richText__imageCaptionIcon{left:0}
}
.c-richText__pullQuote{margin:2rem auto}
@media (min-width:768px){
.c-richText__pullQuote{float:right;width:50%;margin-top:0;margin-right:0;margin-bottom:1rem;margin-left:20px}
}
.c-richText__pullQuote:after{display:block;clear:both;content:""}
.c-richText__pullQuoteGradient{background-image:linear-gradient(to bottom right,#f42,#c09)}
.c-richText__pullQuoteQuote{margin-bottom:0!important;font-family:Trump Soft Pro,Arial Narrow,sans-serif;font-weight:700;letter-spacing:.01em;line-height:1.15;text-transform:uppercase;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity));font-size:3rem;mix-blend-mode:screen;padding-left:20px;text-indent:-.3725em}
@media (min-width:768px){
.c-richText__pullQuoteQuote{padding-right:20px}
}
@media (min-width:768px) and (max-width:1024px){
.c-richText__pullQuoteQuote{font-size:2rem}
}
.c-richText__pullQuoteFooter{font-size:.875rem;--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity));margin-top:1em;padding-left:20px}
.c-richText__pullQuoteFooter:before{content:"— "}
.c-richText__quote{padding-left:1.5rem;--border-opacity:1;border-color:#e3e3e4;border-left:2px;border-color:rgba(227,227,228,var(--border-opacity));border-style:solid;font-style:italic}
@media (min-width:1024px){
.c-richText__quote{padding-left:1.5rem;border-left-width:4px}
.c-richText--large{font-size:1.125rem}
.c-richText--large h1{font-size:2rem}
.c-richText--large h2{font-weight:500;letter-spacing:0;padding-bottom:1rem;font-size:1.125rem;line-height:1.3}
.c-richText--large h3{margin:1.5rem 0 .5rem}
.c-richText--large p{margin-bottom:1.25rem}
}

/* ── from media.css ── */
@media (min-width:768px){
.c-article .c-richText.c-richText--large>h2{font-size:1.5em;padding-bottom:1rem}
}
.c-richText>blockquote{border-left:4px solid #e3e3e4;padding-left:12px;font-style:italic}
.c-richText__pullQuote{float:right;margin:0 0 1rem 20px;width:100%;font-family:Trump Soft Pro,Arial Narrow,sans-serif;font-weight:700;font-style:normal;letter-spacing:.01em;line-height:1.15;text-transform:uppercase;background:#fff;color:#0ca;font-size:2rem;padding-left:20px;text-indent:-.3725em;border:none!important}
@media (min-width:768px){
.c-richText__pullQuote{float:right;margin:0 0 1rem 20px;width:50%}
}
@media (max-width:767px){
.c-richText .twitter-tweet{max-width:calc(100vw - 3rem)!important}
.c-richText .twitter-tweet>iframe{width:100%!important}
}
.c-richText>code{background:#f1f1f1;font-style:italic;border:1px solid #ccc;border-radius:5px;font-size:14px;padding:0 6px;color:#000}
.c-richText>code.block{display:block;padding:12px}
.c-richText pre{padding:1.25rem;margin-bottom:1rem;background-color:#f2f2f2;font-family:Menlo,Monaco,Courier New,Courier,monospace;font-size:1rem;line-height:1.18;letter-spacing:-.022em;white-space:pre-wrap}
@media (min-width:1024px){
.c-richText--large pre{margin-bottom:1.25rem}
}
.c-channel--latest .c-richText .c-richText__pullQuoteGradient{background-image:linear-gradient(to bottom right,#64f)}
.c-channel--news .c-richText .c-richText__pullQuoteGradient{background-image:linear-gradient(to bottom right,,#64f)}
.c-channel--tnw .c-richText .c-richText__pullQuoteGradient{background-image:linear-gradient(to bottom right,,#64f)}
.c-channel--topic .c-richText .c-richText__pullQuoteGradient{background-image:linear-gradient(to bottom right,#f42,#000)}
div.c-richText.c-richText--large>p>iframe{width:100%!important;padding-bottom:1.5em}
@media (max-width:374px){
div.c-richText.c-richText--large>p>iframe{height:56.25%;margin:1rem 0}
}
@media (min-width:375px){
div.c-richText.c-richText--large>figure>figcaption{font-size:12px;padding:.5em 0 1em}
}
.t-white .c-richText a{color:#64f!important}
.t-black .c-richText a,.t-white>.c-bodyBlock__buttons a{color:#0cc!important}
.darkMode .c-richText a{color:#0cc}
.c-richText.c-richText--large>h2,.c-richText.c-richText--large>h3,.c-richText>h2,.c-richText>h3{font-feature-settings:"ss01" 1,"ss02" 1,"ss03" 1;font-family:Graphik,sans-serif;font-size:1.25rem!important;font-weight:500;letter-spacing:0;line-height:1.3;margin:1em 0 .25em;text-transform:none}
.c-richText.c-richText--large>iframe.instagram-media.instagram-media-rendered{margin:0 auto!important;position:inherit;height:100vh!important}
.c-richText.c-richText--large>iframe,figure.wp-block-embed.is-type-video>.wp-block-embed__wrapper iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
@media (min-width:1024px){
.c-richText.c-richText--large>p.yt-responsive-wrapper>iframe[src*="youtube.com"]{position:absolute;top:0;left:0;padding-bottom:0!important;height:100%}
}
.c-richText a:not([class]){color:#64f;box-shadow:unset;border-radius:.25rem;transition:color 125ms ease,box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-richText a:not([class]){transition:none}
}
.c-richText a:not([class]):hover{text-decoration:underline;box-shadow:unset}
.c-richText a:not([class]):focus-visible{box-shadow:0 0 0 .25rem #6644e1}
.c-bodyBlock.c-bodyTextVisual__textInner>.c-richText a{color:#6de}

/* ── part: parts/showcase ── */
/**
 * parts/showcase
 *
 * Decomposed from Craft's base.css + media.css — 154 rules, 7115 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 51 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
@media (min-width:768px){
.c-newsletters .c-showcase__grid{margin-bottom:1.5rem}
}
.c-showcase{padding:2rem 0}
@media (min-width:1024px){
.c-showcase{padding:6rem 0}
}
.c-showcase__header{margin-bottom:2rem}
.c-showcase__header .c-sectionHeader{flex-grow:1}
.c-showcase__header .homepage{height:50%;width:50%;margin:0 auto 1em}
@media (min-width:1024px){
.c-showcase__header .homepage{max-width:38%;height:auto;margin:0;padding:1em 0}
}
.c-showcase__headerShape{display:none}
@media (min-width:1024px){
.c-showcase__headerShape{display:block;--text-opacity:1;color:#e3e3e4;color:rgba(227,227,228,var(--text-opacity));fill:currentColor;height:9rem;width:9rem}
}
.c-showcase__grid{display:flex}
@media (min-width:768px){
.c-showcase__grid{margin:0;display:grid;grid-gap:.5rem}
.c-showcase .homepage-articles{margin:0 0 1em}
}
.c-showcase__scroller::-webkit-scrollbar{display:none}
@media (max-width:767px){
.c-showcase__scroller{display:flex;overflow:auto;-webkit-overflow-scrolling:touch;margin:-.5rem 0 1.5rem -1.5rem;width:100vw;padding-bottom:.25rem;scroll-snap-type:x mandatory}
}
.c-showcase__scroller--spaces{margin-left:-1.5rem}
@media (max-width:1023px){
.c-showcase__scroller--spaces{display:flex;overflow:auto;-webkit-overflow-scrolling:touch;margin-top:-.5rem;margin-right:0;margin-bottom:1.5rem;width:100vw;padding-bottom:.25rem;scroll-snap-type:x mandatory}
}
@media (min-width:768px){
.c-showcase__scroller--spaces{margin-left:-4rem}
}
@media (min-width:1024px){
.c-showcase__scroller--spaces{margin:0}
}
@media (max-width:1023px){
.c-showcase__scroller--spaces .c-showcase__article{border:8px solid transparent;flex:0 0 85vw;scroll-snap-align:center}
.c-showcase__scroller--spaces .c-showcase__article:not(:first-child){margin-left:-.5rem}
.c-showcase__scroller--spaces .c-showcase__article .o-parallax__content{transform:scale(1);transition:none;width:125%}
}
@media (max-width:767px){
.c-showcase__scroller .c-showcase__article{border:8px solid transparent;flex:0 0 85vw;scroll-snap-align:center}
.c-showcase__scroller .c-showcase__article:not(:first-child){margin-left:-.5rem}
.c-showcase__scroller .c-showcase__article .o-parallax__content{transform:scale(1);transition:none;width:125%}
}
@media (min-width:768px){
.c-showcase__scroller .c-showcase__article{display:grid}
}
.c-showcase__article .ad-title{margin-bottom:.25rem;text-align:center;font-size:1.5em;color:#fff;font-family:Graphik Wide;letter-spacing:0;font-feature-settings:"ss01"1,"ss02"1,"ss03"1;line-height:1.25;font-weight:900;text-transform:none}
@media (min-width:1024px){
.c-showcase__article .ad-title{font-size:2rem}
}
.c-showcase__article .ad-description{text-align:center;font-size:1rem;margin-top:5px;color:#fff}
.c-showcase__articleShape{display:none}
@media (min-width:1024px){
.c-showcase__articleShape{position:absolute;display:block;top:0;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));fill:currentColor;pointer-events:none;height:9rem;width:9rem}
}
@media (min-width:768px){
.c-showcase__col:first-child{padding-right:2rem}
}
.c-showcaseCommunity .c-showcase__headerShape{fill:currentColor}
@media (min-width:768px){
.c-showcaseCommunity .c-showcase__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,192px)}
}
@media (min-width:1024px){
.c-showcaseCommunity .c-showcase__grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,144px)}
}
@media (min-width:768px){
.c-showcaseCommunity .c-showcase__article:first-child{grid-column:1/span 2;grid-row:1/span 2}
.c-showcaseCommunity .c-showcase__article:nth-child(2){grid-column:1;grid-row:3/span 2}
.c-showcaseCommunity .c-showcase__article:nth-child(3){grid-column:2;grid-row:3}
.c-showcaseCommunity .c-showcase__article:nth-child(4){grid-column:2;grid-row:4}
}
@media (min-width:1024px){
.c-showcaseCommunity .c-showcase__article:first-child{grid-column:1/span 2;grid-row:2/span 3}
.c-showcaseCommunity .c-showcase__article:nth-child(2){grid-column:3;grid-row:1/span 4}
.c-showcaseCommunity .c-showcase__article:nth-child(3){grid-column:4;grid-row:1/span 2}
.c-showcaseCommunity .c-showcase__article:nth-child(4){grid-column:4;grid-row:3/span 2}
}
.c-showcaseCommunity .c-showcase__articleShape{left:0}
.c-nextHomeHeaderGrid .c-showcase__headerShape{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity));fill:currentColor}
.c-nextHomeHeaderGrid .c-showcase__grid{display:block;grid-template-columns:1fr;grid-template-rows:repeat(4,192px)}
@media (min-width:768px){
.c-nextHomeHeaderGrid .c-showcase__grid{display:grid;grid-template-columns:1fr}
}
@media (min-width:1024px){
.c-nextHomeHeaderGrid .c-showcase__grid{grid-gap:.5rem;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(4,144px)}
}
.c-nextHomeHeaderGrid .c-showcase__grid .c-showcase__grid{display:flex}
@media (min-width:768px){
.c-nextHomeHeaderGrid .c-showcase__grid .c-showcase__grid{display:grid;grid-column:1/span 8;grid-row:1/span 8;grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1024px){
.c-nextHomeHeaderGrid .c-showcase__grid .c-showcase__grid{grid-template-columns:auto;grid-template-rows:auto}
}
.c-nextHomeHeaderGrid .c-showcase__article .advertPane{top:0;right:0;bottom:0;left:0;vertical-align:middle;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}
.c-nextHomeHeaderGrid .c-showcase__article .advertPane span{display:block;margin-top:.75rem;font-size:18px;font-weight:400;font-family:Graphik}
@media (min-width:320px){
.c-nextHomeHeaderGrid .c-showcase__article:nth-child(3){display:none}
}
@media (min-width:768px){
.c-nextHomeHeaderGrid .c-showcase__article:first-child{grid-column:1/5;grid-row:1/span 2}
.c-nextHomeHeaderGrid .c-showcase__article:nth-child(2){grid-column:1/3;grid-row:3}
.c-nextHomeHeaderGrid .c-showcase__article:nth-child(3){grid-column:2/5;grid-row:4;display:block}
.c-nextHomeHeaderGrid .c-showcase__article:nth-child(4){grid-column:1;grid-row:4}
.c-nextHomeHeaderGrid .c-showcase__article:nth-child(5){grid-column:3/5;grid-row:3}
}
@media (min-width:1024px){
.c-nextHomeHeaderGrid .c-showcase__article:first-child{grid-column:1/5;grid-row:1/span 3}
.c-nextHomeHeaderGrid .c-showcase__article:nth-child(2){grid-column:5/7;grid-row:1/span 2}
.c-nextHomeHeaderGrid .c-showcase__article:nth-child(3){grid-column:1/5;grid-row:4/span 2;display:block}
.c-nextHomeHeaderGrid .c-showcase__article:nth-child(4){grid-column:7/9;grid-row:1/span 2}
.c-nextHomeHeaderGrid .c-showcase__article:nth-child(5){grid-column:5/9;grid-row:3/span 3}
}
.c-nextHomeHeaderGrid .c-showcase__articleShape{right:0}
.c-showcaseMedia .c-showcase__headerShape{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity));fill:currentColor}
.c-showcaseMedia .c-showcase__grid{display:block}
@media (min-width:768px){
.c-showcaseMedia .c-showcase__grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,192px)}
}
@media (min-width:1024px){
.c-showcaseMedia .c-showcase__grid{grid-gap:.5rem;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,144px)}
}
.c-showcaseMedia .c-showcase__grid .c-showcase__grid{display:flex}
@media (min-width:768px){
.c-showcaseMedia .c-showcase__grid .c-showcase__grid{display:grid;grid-column:1;grid-row:1/span 4;grid-template-columns:100%}
}
@media (min-width:1024px){
.c-showcaseMedia .c-showcase__grid .c-showcase__grid{grid-column:1/span 4;grid-row:1/span 4;grid-template-columns:repeat(3,1fr)}
}
@media (min-width:768px){
.c-showcaseMedia .c-showcase__article:first-child{grid-column:1;grid-row:1/span 2}
.c-showcaseMedia .c-showcase__article:nth-child(2){grid-column:1;grid-row:3}
.c-showcaseMedia .c-showcase__article:nth-child(3){grid-column:1;grid-row:4}
}
@media (min-width:1024px){
.c-showcaseMedia .c-showcase__article:first-child{grid-column:1/span 2;grid-row:2/span 3}
.c-showcaseMedia .c-showcase__article:nth-child(2){grid-column:3;grid-row:1/span 2}
.c-showcaseMedia .c-showcase__article:nth-child(3){grid-column:3;grid-row:3/span 2}
}
.c-showcaseMedia .c-showcase__articleShape{right:0}
.c-showcaseMediaHome .c-showcase__headerShape{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity));fill:currentColor}
.c-showcaseMediaHome .c-showcase__grid{display:block;grid-template-columns:1fr;grid-template-rows:repeat(4,192px)}
@media (min-width:768px){
.c-showcaseMediaHome .c-showcase__grid{display:grid;grid-template-columns:1fr}
}
@media (min-width:1024px){
.c-showcaseMediaHome .c-showcase__grid{grid-gap:.5rem;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(4,144px)}
}
.c-showcaseMediaHome .c-showcase__grid .c-showcase__grid{display:flex}
@media (min-width:768px){
.c-showcaseMediaHome .c-showcase__grid .c-showcase__grid{display:grid;grid-column:1/span 8;grid-row:1/span 8;grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1024px){
.c-showcaseMediaHome .c-showcase__grid .c-showcase__grid{grid-template-columns:auto;grid-template-rows:auto}
}
@media (min-width:768px){
.c-showcaseMediaHome .c-showcase__article:first-child{grid-column:1/span 2;grid-row:1/span 2}
.c-showcaseMediaHome .c-showcase__article:nth-child(2){grid-column:1;grid-row:3}
.c-showcaseMediaHome .c-showcase__article:nth-child(3){grid-column:2;grid-row:3}
.c-showcaseMediaHome .c-showcase__article:nth-child(4){grid-column:1;grid-row:4}
.c-showcaseMediaHome .c-showcase__article:nth-child(5){grid-column:2;grid-row:4}
}
@media (min-width:1024px){
.c-showcaseMediaHome .c-showcase__article:first-child{grid-column:3/7;grid-row:2/span 3}
.c-showcaseMediaHome .c-showcase__article:nth-child(2){grid-column:1/3;grid-row:1/span 2}
.c-showcaseMediaHome .c-showcase__article:nth-child(3){grid-column:1/3;grid-row:3/span 2}
.c-showcaseMediaHome .c-showcase__article:nth-child(4){grid-column:7/9;grid-row:1/span 2}
.c-showcaseMediaHome .c-showcase__article:nth-child(5){grid-column:7/9;grid-row:3/span 2}
}
.c-showcaseMediaHome .c-showcase__articleShape{right:0}
@media (min-width:1024px){
.c-showcasePartner .c-showcase__header{width:100%;margin-bottom:3rem;padding-right:0}
}
.c-nextRelatedGrid .c-showcase__headerShape{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity));fill:currentColor}
.c-nextRelatedGrid .c-showcase__grid{display:block;grid-template-columns:1fr;grid-template-rows:repeat(4,192px)}
@media (min-width:768px){
.c-nextRelatedGrid .c-showcase__grid{display:grid;grid-template-columns:1fr}
}
@media (min-width:1024px){
.c-nextRelatedGrid .c-showcase__grid{grid-gap:.5rem;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(4,144px)}
}
.c-nextRelatedGrid .c-showcase__grid .c-showcase__grid{display:flex}
@media (min-width:768px){
.c-nextRelatedGrid .c-showcase__grid .c-showcase__grid{display:grid;grid-column:1/span 8;grid-row:1/span 8;grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1024px){
.c-nextRelatedGrid .c-showcase__grid .c-showcase__grid{grid-template-columns:auto;grid-template-rows:auto}
}
.c-nextRelatedGrid .c-showcase__article h3{font-feature-settings:"ss01" 1,"ss02" 1,"ss03" 1}
.c-nextRelatedGrid .c-showcase__article span{font-family:Shentox,sans-serif;letter-spacing:.08em;line-height:1;text-transform:uppercase;color:#fff}
.c-nextRelatedGrid .c-showcase__article .advertPane{top:0;right:0;bottom:0;left:0;vertical-align:middle;display:flex;flex-direction:column;align-items:center;justify-content:center}
@media (min-width:768px){
.c-nextRelatedGrid .c-showcase__article:first-child{grid-column:1/span 2;grid-row:1/span 2}
.c-nextRelatedGrid .c-showcase__article:nth-child(2){grid-column:1;grid-row:3}
.c-nextRelatedGrid .c-showcase__article:nth-child(3){grid-column:2;grid-row:3;display:block}
.c-nextRelatedGrid .c-showcase__article:nth-child(4){grid-column:1;grid-row:4}
.c-nextRelatedGrid .c-showcase__article:nth-child(5){grid-column:2;grid-row:4}
}
@media (min-width:1024px){
.c-nextRelatedGrid .c-showcase__article:first-child{grid-column:1/5;grid-row:1/span 3}
.c-nextRelatedGrid .c-showcase__article:nth-child(2){grid-column:5/7;grid-row:1/span 2}
.c-nextRelatedGrid .c-showcase__article:nth-child(3){grid-column:1/5;grid-row:4/span 2;display:block}
.c-nextRelatedGrid .c-showcase__article:nth-child(4){grid-column:7/9;grid-row:1/span 2}
.c-nextRelatedGrid .c-showcase__article:nth-child(5){grid-column:5/9;grid-row:3/span 3}
}
.c-nextRelatedGrid .c-showcase__articleShape{right:0}
.c-showcaseSponsorsed .c-showcase__headerShape{fill:currentColor}
@media (min-width:768px){
.c-showcaseSponsorsed .c-showcase__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,192px)}
}
@media (min-width:1024px){
.c-showcaseSponsorsed .c-showcase__grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,144px)}
}
@media (min-width:768px){
.c-showcaseSponsorsed .c-showcase__article:first-child{grid-column:1/span 2;grid-row:1/span 2}
.c-showcaseSponsorsed .c-showcase__article:nth-child(2){grid-column:1;grid-row:3/span 2}
.c-showcaseSponsorsed .c-showcase__article:nth-child(3){grid-column:2;grid-row:3}
.c-showcaseSponsorsed .c-showcase__article:nth-child(4){grid-column:2;grid-row:4}
}
@media (min-width:1024px){
.c-showcaseSponsorsed .c-showcase__article:first-child{grid-column:1/span 2;grid-row:2/span 3}
.c-showcaseSponsorsed .c-showcase__article:nth-child(2){grid-column:3;grid-row:1/span 4}
.c-showcaseSponsorsed .c-showcase__article:nth-child(3){grid-column:4;grid-row:1/span 2}
.c-showcaseSponsorsed .c-showcase__article:nth-child(4){grid-column:4;grid-row:3/span 2}
}
.c-showcaseSponsorsed .c-showcase__articleShape{left:0}
.c-showcaseTrending .c-showcase__grid{display:block}
@media (min-width:768px){
.c-showcaseTrending .c-showcase__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,192px)}
}
@media (min-width:1024px){
.c-showcaseTrending .c-showcase__grid{grid-gap:1.5rem;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr}
}
.c-showcaseTrending .c-showcase__grid.c-articleGridTrending{display:grid;margin-top:2rem;gap:1.5rem;grid-template-columns:1fr;grid-template-rows:repeat(5,1fr);justify-content:space-around}
@media (min-width:375px){
.c-showcaseTrending .c-showcase__grid.c-articleGridTrending{margin:2em 1em}
}
@media (min-width:768px){
.c-showcaseTrending .c-showcase__grid.c-articleGridTrending{margin:2em 1em 1em}
}
@media (min-width:1024px){
.c-showcaseTrending .c-showcase__grid.c-articleGridTrending{grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;margin:2em 1em 1em}
}
.c-showcaseTrending .c-showcase__grid li.c-articleGridTrendingListItem .c-articleGridTrendingListLink{position:relative;display:flex;flex-direction:row}
@media (min-width:1024px){
.c-showcaseTrending .c-showcase__grid li.c-articleGridTrendingListItem .c-articleGridTrendingListLink{display:flex;flex-direction:column}
}
.c-showcaseTrending .c-showcase__grid li.c-articleGridTrendingListItem .c-articleGridTrendingListLink:after{content:"";position:absolute;top:-.25rem;left:-.25rem;right:-.25rem;bottom:-.25rem;border-radius:.25rem;pointer-events:none;transition:background-color 125ms ease,color 125ms ease,box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-showcaseTrending .c-showcase__grid li.c-articleGridTrendingListItem .c-articleGridTrendingListLink:after{transition:none}
}
.c-showcaseTrending .c-showcase__grid li.c-articleGridTrendingListItem .c-articleGridTrendingListLink:focus-visible:after{box-shadow:0 0 0 .25rem #6644e1}
.c-showcaseTrending .c-showcase__grid li.c-articleGridTrendingListItem .c-articleGridTrendingListLink span.trendingIndex{--text-opacity:1;color:#c09;color:rgba(204,0,153,var(--text-opacity));font-family:Trump Soft Pro,Arial Narrow,sans-serif;letter-spacing:.01em;line-height:1.15;text-transform:uppercase;font-weight:700;line-height:1;letter-spacing:0;font-size:38px}
.c-showcaseTrending .c-showcase__grid li.c-articleGridTrendingListItem .c-articleGridTrendingListLink span.trendingTitle{font-family:Graphik,medium;transition:box-shadow .15s ease;font-size:14px}
@media (min-width:768px){
.c-showcaseTrending .c-showcase__grid li.c-articleGridTrendingListItem .c-articleGridTrendingListLink span.trendingTitle{font-size:1rem}
}
.c-showcaseTrending .c-showcase__grid li.c-articleGridTrendingListItem .c-articleGridTrendingListLink span.trendingTitle:hover{box-shadow:0 2px 0 rgba(102,68,225,.25)}
.c-showcaseTrending .c-showcase__grid h3{color:#0cc;font-size:35px}
.c-showcaseTrending .c-showcase__grid h4{transition:all .25s ease-in-out}
.c-showcaseTrending .c-showcase__grid p{padding:.5rem 0 0 1rem;font-family:Shentox,sans-serif;color:#000;font-weight:200}
.c-showcase.c-showcaseTrending.o-bodyBlock{padding:4em 0!important}
@media (max-width:767px){
.c-showcase.c-showcaseTrending.o-bodyBlock{padding:3em 0!important}
}
.c-showcase.advert{display:block;padding-bottom:0}
.c-showcase.advert>.c-showcase__article{height:250px;margin:-4.75em 8px 0;padding:16px 0}
@media (min-width:768px){
.c-showcase.advert{display:none}
}

/* ── moved out of views/home.php's inline styles ───────────────────────────
   See AMS/docs/inline-css-migration.md.

   Belongs here rather than in parts/home: .c-showcase{padding:2rem 0} and its
   1024px variant {padding:6rem 0} are emitted by THIS part, which comes after
   parts/home in the home bundle, so a modifier placed there would have lost to
   them. Appended after both, it wins at equal specificity on order alone.

   The inline version carried !important. Nothing it competed with was
   !important, so it was cargo-culted and is not reproduced here. */
.c-showcase--flushBottom{padding-bottom:0}

/* ── part: parts/showcasePartner ── */
/**
 * parts/showcasePartner
 *
 * Decomposed from Craft's base.css + media.css — 17 rules, 501 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 5 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-showcasePartner{padding:6em 0 2em}
.c-showcasePartner .wwu{padding:3em 0!important}
.c-showcasePartner__types{margin-bottom:2rem}
@media (min-width:1024px){
.c-showcasePartner__types{margin-bottom:0}
}
.c-showcasePartner__type{display:flex;flex-direction:column;align-items:center;text-align:center}
@media (min-width:768px){
.c-showcasePartner__type{flex-direction:row}
}
.c-showcasePartner__typeIcon{margin:0 auto .5rem;height:6rem;width:6rem}
@media (min-width:375px){
.c-showcasePartner__typeIcon{margin-bottom:1rem}
}
@media (min-width:768px){
.c-showcasePartner__typeIcon{margin-bottom:0}
}
@media (min-width:1024px){
.c-showcasePartner__typeIcon{height:7rem;width:7rem}
}
.c-showcasePartner__typeHeading{font-size:1.125rem}
@media (min-width:1024px){
.c-showcasePartner__typeHeading{font-size:1.5rem}
}
.c-showcasePartner__link{display:block;border-radius:.25rem;transition:color 125ms ease,box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-showcasePartner__link{transition:none}
}
.c-showcasePartner__link:focus-visible{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #6644e1}
.c-showcasePartner__link img{opacity:.5;transition:opacity .25s ease}
.c-showcasePartner__link img:hover{opacity:.75}

/* ── part: parts/showcaseSubbrands ── */
/**
 * parts/showcaseSubbrands
 *
 * Decomposed from Craft's base.css + media.css — 3 rules, 86 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 1 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-showcaseSubbrands{border-top:1px solid rgba(167,170,178,.5);border-bottom:0}
@media (max-width:374px){
.c-showcaseSubbrands{margin-bottom:3em}
}
.c-showcaseSubbrands .st0{fill:#a7aab2}

/* ── part: parts/showcaseSubbrandsArticleHeader ── */
/**
 * parts/showcaseSubbrandsArticleHeader
 *
 * Decomposed from Craft's base.css + media.css — 1 rules, 57 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 0 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-showcaseSubbrandsArticleHeader{display:flex;align-items:flex-start;flex-direction:column}

/* ── part: parts/showcaseSubbrandsArticleList ── */
/**
 * parts/showcaseSubbrandsArticleList
 *
 * Decomposed from Craft's base.css + media.css — 2 rules, 27 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 0 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-showcaseSubbrandsArticleList{width:100%}
li.c-showcaseSubbrandsArticleList{margin-bottom:1em}

/* ── part: parts/showcaseSubbrandsArticleListHeading ── */
/**
 * parts/showcaseSubbrandsArticleListHeading
 *
 * Decomposed from Craft's base.css + media.css — 1 rules, 10 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 0 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
a.c-showcaseSubbrandsArticleListHeading:hover{color:#000}

/* ── part: parts/showcaseSubbrandsArticleListItem ── */
/**
 * parts/showcaseSubbrandsArticleListItem
 *
 * Decomposed from Craft's base.css + media.css — 3 rules, 98 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 1 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-showcaseSubbrandsArticleListItem{display:flex;flex-direction:row}
@media (min-width:768px){
.c-showcaseSubbrandsArticleListItem{flex-direction:row-reverse}
}
@media (min-width:1024px){
.c-showcaseSubbrandsArticleListItem{flex-direction:row;align-items:flex-start}
}

/* ── part: parts/showcaseSubbrandsArticleListItemLink ── */
/**
 * parts/showcaseSubbrandsArticleListItemLink
 *
 * Decomposed from Craft's base.css + media.css — 4 rules, 224 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 1 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-showcaseSubbrandsArticleListItemLink{display:inline-flex;order:-1;padding:.25rem;margin:-.25rem;border-radius:.25rem;transition:color 125ms ease,box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-showcaseSubbrandsArticleListItemLink{transition:none}
}
.c-showcaseSubbrandsArticleListItemLink:focus-visible{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #6644e1}
@media (min-width:768px){
.c-showcaseSubbrandsArticleListItemLink{flex-direction:column}
}

/* ── part: parts/showcaseSubbrandsArticleListItemTag ── */
/**
 * parts/showcaseSubbrandsArticleListItemTag
 *
 * Decomposed from Craft's base.css + media.css — 5 rules, 301 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 1 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-showcaseSubbrandsArticleListItemTag,.c-showcaseSubbrandsArticleListItemTag>a{display:inline;margin-bottom:0;font-family:Shentox,medium;font-size:12px;color:#a7aab2;letter-spacing:.08em}
.c-showcaseSubbrandsArticleListItemTag:hover,.c-showcaseSubbrandsArticleListItemTag>a:hover{color:#000!important}
.c-showcaseSubbrandsArticleListItemTag:only-child,.c-showcaseSubbrandsArticleListItemTag>a{padding:.25rem;margin:-.25rem;border-radius:.25rem;transition:color 125ms ease,box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-showcaseSubbrandsArticleListItemTag:only-child,.c-showcaseSubbrandsArticleListItemTag>a{transition:none}
}
.c-showcaseSubbrandsArticleListItemTag:only-child:focus-visible,.c-showcaseSubbrandsArticleListItemTag>a:focus-visible{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #6644e1}

/* ── part: parts/showcaseSubbrandsArticleMain ── */
/**
 * parts/showcaseSubbrandsArticleMain
 *
 * Decomposed from Craft's base.css + media.css — 3 rules, 120 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 1 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-showcaseSubbrandsArticleMain{display:flex;flex-direction:column;justify-content:flex-start;flex:2;margin-right:0}
@media (max-width:767px){
.c-showcaseSubbrandsArticleMain{margin-bottom:1.5rem}
}
@media (min-width:768px){
.c-showcaseSubbrandsArticleMain{margin-right:12px}
}

/* ── part: parts/showcaseSubbrandsArticleTitle ── */
/**
 * parts/showcaseSubbrandsArticleTitle
 *
 * Decomposed from Craft's base.css + media.css — 1 rules, 132 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 0 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-showcaseSubbrandsArticleTitle{font-feature-settings:"ss01" 1,"ss02" 1,"ss03" 1;font-family:Graphik,sans-serif;font-weight:500;letter-spacing:0;text-transform:none}

/* ── part: parts/showcaseSubbrandsArticleTitleLink ── */
/**
 * parts/showcaseSubbrandsArticleTitleLink
 *
 * Decomposed from Craft's base.css + media.css — 4 rules, 198 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 1 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-showcaseSubbrandsArticleTitleLink{display:block;padding:.25rem;margin:-.25rem;border-radius:.25rem;transition:color 125ms ease,box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-showcaseSubbrandsArticleTitleLink{transition:none}
}
.c-showcaseSubbrandsArticleTitleLink:focus-visible{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #6644e1}
.c-showcaseSubbrandsArticleTitleLink span{color:#000}

/* ── part: parts/showcaseSubbrandsHeader ── */
/**
 * parts/showcaseSubbrandsHeader
 *
 * Decomposed from Craft's base.css + media.css — 2 rules, 150 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 1 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-showcaseSubbrandsHeader{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start;margin:2em 0}
@media (min-width:768px){
.c-showcaseSubbrandsHeader{margin:3em 0;flex-direction:row;align-items:center}
}

/* ── part: parts/showcaseSubbrandsList ── */
/**
 * parts/showcaseSubbrandsList
 *
 * Decomposed from Craft's base.css + media.css — 5 rules, 82 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 2 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-showcaseSubbrandsList{display:flex}
@media (max-width:767px){
.c-showcaseSubbrandsList{flex-direction:column}
}
@media (max-width:374px){
.c-showcaseSubbrandsList{display:inline}
}
.c-showcaseSubbrandsList .bu_content_list{flex:2;margin-left:0}
@media (min-width:768px){
.c-showcaseSubbrandsList .bu_content_list{margin-left:1em}
}

/* ── part: parts/showcaseSubbrandsThumbnailArticleTitle ── */
/**
 * parts/showcaseSubbrandsThumbnailArticleTitle
 *
 * Decomposed from Craft's base.css + media.css — 1 rules, 84 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 0 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-showcaseSubbrandsThumbnailArticleTitle{font-family:Graphik,sans-serif;font-weight:500;font-size:inherit;text-transform:none}

/* ── part: parts/showcaseSubbrandsTitle ── */
/**
 * parts/showcaseSubbrandsTitle
 *
 * Decomposed from Craft's base.css + media.css — 6 rules, 852 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 2 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-showcaseSubbrandsTitle{display:flex;align-self:center;padding:.25rem;margin:-.25rem;border-radius:.25rem;--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity));font-family:Graphik;font-size:1.25rem;font-feature-settings:"ss01" 1,"ss02" 1,"ss03" 1;font-weight:500;letter-spacing:0;transition:color 125ms ease,box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-showcaseSubbrandsTitle{transition:none}
}
.c-showcaseSubbrandsTitle:focus-visible{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #6644e1}
.c-showcaseSubbrandsTitle:after{pointer-events:none;float:right;margin-left:.5rem;height:.75rem;width:.75rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23A7AAB2' d='M11.5 3.5L6 9 .5 3.5'/%3E%3C/svg%3E");content:"";border-width:0 1px 1px 0;background-image:none;transform:rotate(-45deg);color:#a7aab2;align-self:center}
@media (min-width:375px){
.c-showcaseSubbrandsTitle:after{position:absolute;right:1em;margin-right:.5rem}
}
@media (min-width:768px){
.c-showcaseSubbrandsTitle:after{position:relative;right:0}
}

/* ── part: parts/split ── */
/**
 * parts/split
 *
 * Decomposed from Craft's base.css + media.css — 15 rules, 515 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 4 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
@media (min-width:768px){
.c-article .c-split__side{grid-column:1/4;grid-row:4/5;margin-left:0;width:unset}
}
@media (min-width:1024px){
.c-article .c-split__side{grid-column:4/5;grid-row:1/4;padding-left:3rem}
.c-split{display:flex;margin-bottom:3.5rem;flex-direction:row;flex-wrap:wrap}
}
.c-split__main{flex:1 1 0%;margin-bottom:3rem}
@media (min-width:1024px) and (max-width:1139px){
.c-split__main{max-width:calc(100% - 3rem - 300px)}
}
@media (min-width:1024px){
.c-split__main{margin-bottom:0}
}
.c-split__side{position:relative}
.c-split__side .u-ad{background-color:transparent}
.c-split__side .u-ad>.tnw-ad:not(:empty){margin-bottom:2rem}
.c-split__side .u-ad iframe{display:block}
@media (min-width:1024px){
.c-split__side{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;margin-left:3rem;flex-basis:300px;width:300px}
.c-split__side>.c-channel__cta:not(:empty){min-height:176px;margin-bottom:2rem}
.c-split__sticky{position:sticky;top:7.5rem}
}
@media (min-width:375px){
aside.c-split__side>div.c-channel__cta{display:none}
}
@media (min-width:768px){
aside.c-split__side>div.c-channel__cta{display:block}
}

/* ── part: parts/subbrand-tagline ── */
/**
 * parts/subbrand-tagline
 *
 * Decomposed from Craft's base.css + media.css — 4 rules, 210 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 2 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from media.css ── */
.c-nextHomeHeaderGrid .c-subbrand-tagline{padding:0 0 1rem;font-weight:500;margin:-3rem auto 3rem;text-align:center}
@media (min-width:768px){
.c-nextHomeHeaderGrid .c-subbrand-tagline{margin:-3rem 0 0;text-align:left}
}
.c-showcaseMediaHome .c-subbrand-tagline{padding:0 0 1rem;font-weight:500;margin:-3rem auto 3rem;text-align:center}
@media (min-width:768px){
.c-showcaseMediaHome .c-subbrand-tagline{margin:-3rem 0 0;text-align:left}
}

/* ── part: parts/tickets ── */
/**
 * parts/tickets
 *
 * Decomposed from Craft's base.css + media.css — 59 rules, 4473 bytes of
 * declarations. Generated by AMS/docs/css-migration/decompose.py; see
 * AMS/docs/css-quarantine.md for what was removed before the split.
 *
 * RULES ARE IN ORIGINAL DOCUMENT ORDER — every base.css rule before every
 * media.css rule. That ordering is what preserves the cascade: 6 selector(s)
 * in this part are defined more than once and rely on it. Do not reorder.
 */

/* ── from base.css ── */
.c-tickets{padding-bottom:4rem}
@media (min-width:768px){
.c-tickets{padding-bottom:7rem}
}
.c-tickets__tier{margin:0 -1.5rem 2rem;padding:1rem;align-items:center;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));font-weight:400;font-size:1.125rem;text-align:center;background-image:linear-gradient(90deg,#f42,#c09)}
@media (min-width:768px){
.c-tickets__tier{margin:0 0 3rem}
}
.c-tickets__countdown{font-family:Roboto,monospace;white-space:nowrap;--text-opacity:1;--text-opacity:0.6;margin-left:3px}
.c-tickets__countdown,.c-tickets__countdownDigit{color:#fff;color:rgba(255,255,255,var(--text-opacity))}
.c-tickets__countdownDigit{--text-opacity:1}
.c-tickets__scroller{display:flex;min-width:100vw;--bg-opacity:1;background-color:#f7f8f8;background-color:rgba(247,248,248,var(--bg-opacity));overflow:auto;-webkit-overflow-scrolling:auto;margin:0 0 1.5rem -1.5rem;padding-bottom:.25rem;scroll-snap-type:x mandatory}
@media (min-width:1024px){
.c-tickets__scroller{display:none}
}
.c-tickets__scrollerItem{border:.75rem solid transparent;flex:0 0 85vw;scroll-snap-align:center}
.c-tickets__scrollerItem:not(:first-child){margin-left:-.75rem}
@media (max-width:1023px){
.c-tickets__table{display:none}
}
.c-tickets__tableRow{display:flex}
.c-tickets__tableRow--zebra:nth-child(odd){--bg-opacity:1;background-color:#f7f8f8;background-color:rgba(247,248,248,var(--bg-opacity))}
.c-tickets__tableRow--zebra .c-tickets__tableCol:not(:first-child){display:flex;align-items:center;justify-content:center}
.c-tickets__tableCol{flex:1 1 0%;padding:1rem;text-align:center;border-left:1px solid #e3e3e4}
.c-tickets__tableCol--exclusive{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));--border-opacity:1!important;border-color:#345!important;border-color:rgba(51,68,85,var(--border-opacity))!important}
.c-tickets__tableRow--zebra:nth-child(odd) .c-tickets__tableCol--exclusive{background:#202229}
.c-tickets__tableCol:first-child{font-size:.875rem;text-align:right;flex:0 0 16rem;max-width:16rem;border-left:0;color:#000}
@media (min-width:1440px){
.c-tickets__tableCol:first-child{flex:0 0 20rem;max-width:20rem}
}
.c-tickets__tableCol:nth-child(2){border-left:0}
.c-tickets__tableRow--header .c-tickets__tableCol{padding:2rem 1rem 0}
.c-tickets__tableRow--priceCtaTop .c-tickets__tableCol{padding-bottom:2rem}
.c-tickets__tableRow--priceCtaBottom .c-tickets__tableCol{--border-opacity:1;border-color:#e3e3e4;border-color:rgba(227,227,228,var(--border-opacity));border-top:1px rgba(227,227,228,var(--border-opacity));border-style:solid;padding:1.5rem 1rem 3rem}
.c-tickets__tableCol__popularChoice:before{box-shadow:inset -20px 0 10px -20px rgba(0,0,0,.10196078431372549);content:" ";height:100%;left:-20px;position:absolute;top:0;width:20px}
.c-tickets__tableCol__popularChoice:after{box-shadow:inset 20px 0 10px -20px rgba(0,0,0,.10196078431372549);content:" ";height:100%;position:absolute;top:0;right:-20px;width:20px}
.c-tickets__tableCol__popularChoice{position:relative;border-left:0}
.c-tickets__tableCol__popularChoice+.c-tickets__tableCol{border-left:0}
.c-tickets__tableCol__popularChoice__bottom{box-shadow:0 4px 10px -4px rgba(0,0,0,.10196078431372549)}
.c-tickets__check{display:inline-block;height:1rem;width:1rem;--text-opacity:1;color:#345;color:rgba(51,68,85,var(--text-opacity));fill:currentColor}
.c-tickets__tableCol--exclusive .c-tickets__check{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));fill:currentColor}
.c-tickets__ticket{height:100%;padding:1rem 0;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));text-align:center;box-shadow:0 2px 8px rgba(51,68,85,.15);flex:0 0 85vw;scroll-snap-align:center;position:relative}
.c-tickets__ticket:not(:first-child){margin-left:-.5rem}
.c-tickets__ticket--exclusive{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}
@media (max-width:1023px){
.c-tickets__ticketHeader{padding:1.5rem}
}
.c-tickets__ticketHeader p{font-size:14px}
.c-tickets__ticketHeading{font-size:1.5rem;letter-spacing:.04em;margin-top:32px;margin-bottom:16px;line-height:.8}
.c-tickets__tableCol--exclusive .c-tickets__ticketHeading,.c-tickets__ticket--exclusive .c-tickets__ticketHeading{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}
@media (max-width:1023px){
.c-tickets__ticketIntro{margin-bottom:1rem}
}
.c-tickets__ticketPrice{margin-bottom:1rem;white-space:nowrap}
.c-tickets__ticketPriceValue{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity));font-size:1.5rem;font-weight:500;display:block}
.c-tickets__tableCol--exclusive .c-tickets__ticketPriceValue,.c-tickets__ticket--exclusive .c-tickets__ticketPriceValue{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}
.c-tickets__ticketPerk{padding:1rem 1.5rem;font-size:.875rem;--border-opacity:1;border-color:#e3e3e4;border-color:rgba(227,227,228,var(--border-opacity));border-top:1px rgba(227,227,228,var(--border-opacity));border-style:solid;--border-opacity:0.5}
.c-tickets__ticket--exclusive .c-tickets__ticketPerk{--border-opacity:1;border-color:#345;border-color:rgba(51,68,85,var(--border-opacity));--border-opacity:0.75}
.c-tickets__ticketPerk--na{--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity));--border-opacity:0.5}
.c-tickets__ticketpriceVat{--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity));font-size:.875rem;margin-left:.125rem;color:#a7aab2}
.c-tickets__popularChoice{position:absolute;top:0;left:0;width:100%;font-family:Shentox;height:32px;font-size:14px;letter-spacing:.08em;line-height:32px;text-transform:uppercase;padding-top:2px;color:#fff;margin:auto;background:transparent linear-gradient(90deg,#609,#c09) 0 0 no-repeat padding-box}
.c-tickets__ticketOldPrice{text-decoration:line-through;color:#a7aab2;display:inline;font-weight:300}
.c-tickets__ticketPriceDiscounted{color:#f42;display:inline}
.c-tickets__tableRow--zebra:nth-child(odd) .c-tickets__tableCol__popularChoice{background:#fbfbfb}
.c-tickets__tabList{margin-bottom:2.5rem}

/* ── from media.css ── */
.c-bodyBlock.bg-background-light+.c-tickets{padding-top:3rem}
.c-tickets .c-tickets__popularChoice{background:transparent linear-gradient(90deg,#64f,#6de) 0 0 no-repeat padding-box}
.c-tickets .c-tickets__ticketFullPrice{font-size:1rem;font-weight:500;display:block}
.c-tickets .c-tickets__ticketLatePrice{font-size:1rem;text-decoration:line-through;color:#a7aab2;font-weight:500}
@media (min-width:375px){
.site-tnwNext .c-tickets__table#nextTicketPerks{display:none}
}
@media (min-width:1024px){
.site-tnwNext .c-tickets__table#nextTicketPerks{display:block}
}
.c-tickets.ticketpage{padding:7em 0}
.c-tickets__ticketHeading{font-family:Graphik,sans-serif;font-feature-settings:"ss01" 1,"ss02" 1,"ss03" 1;font-size:1.25rem;font-weight:500;letter-spacing:-.015em;text-transform:none}