/* ── 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/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/buy ── */
/**
 * parts/buy
 *
 * Decomposed from Craft's base.css + media.css — 10 rules, 1244 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-buy{display:flex;justify-content:space-between;align-items:center;margin:3rem -1.5rem 0;padding:1rem 1.5rem;border-left-style:solid;border-right-style:solid;--border-opacity:1;border-color:#e3e3e4;border-left-color:rgba(227,227,228,var(--border-opacity));border-bottom:1px solid rgba(227,227,228,var(--border-opacity));border-right-color:rgba(227,227,228,var(--border-opacity));border-top:1px solid rgba(227,227,228,var(--border-opacity))}
@media (min-width:768px){
.c-buy{border-bottom-width:0;margin-left:0;margin-right:0;padding:1rem 0}
}
.c-buy__details{display:flex;font-family:Trump Soft Pro,Arial Narrow,sans-serif;font-weight:700;letter-spacing:.01em;line-height:1.15;text-transform:uppercase;font-size:20px}
.c-buy__detailsKey{margin-right:.5rem;--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity))}
@media (max-width:767px){
.c-buy__detailsKey{flex-direction:column}
}
.c-buy__detailsValue{margin-right:1rem}
@media (max-width:767px){
.c-buy__detailsValue{flex-direction:column}
}
.c-article__media+.c-buy{border-left-style:solid;border-right-style:solid;--border-opacity:1;border-color:#e3e3e4;border-left-color:rgba(227,227,228,var(--border-opacity));border-bottom:1px solid rgba(227,227,228,var(--border-opacity));border-right-color:rgba(227,227,228,var(--border-opacity));border-top:0 solid rgba(227,227,228,var(--border-opacity));margin-top:-3rem;margin-bottom:2rem}
@media (min-width:768px){
.c-article__media+.c-buy{margin:-4rem -4rem 3rem;padding:1rem 4rem}
}
@media (min-width:1024px){
.c-article__media+.c-buy{margin:-4rem 0 4rem;padding:1rem 0}
}

/* ── 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/contributor ── */
/**
 * parts/contributor
 *
 * Decomposed from Craft's base.css + media.css — 26 rules, 1719 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-contributor{display:flex;margin-bottom:2rem;overflow:hidden}
@media (min-width:768px){
.c-contributor{display:none}
}
.c-contributor__photo{border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;height:auto;width:3.5rem;max-width:none;aspect-ratio:1;}
.c-contributor__main{flex-grow:1;flex-shrink:1;flex-basis:auto;margin-left:1rem;overflow:hidden}
.c-contributor__wrapper{font-size:inherit;font-weight:inherit}
.c-contributor__heading{display:block;margin-bottom:.125rem;font-size:.875rem;--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity));font-family:Shentox,sans-serif;letter-spacing:.08em;line-height:1;text-transform:uppercase}
.c-contributor__name{display:block;margin-bottom:.5rem;font-feature-settings:"ss01" 1,"ss02" 1,"ss03" 1;font-family:Graphik,sans-serif;font-weight:500;line-height:1.5}
.c-contributor__expandInput{position:absolute;opacity:0;left:-9999px}
.c-contributor__text{font-size:.875rem}
.c-contributor__toggle{position:absolute;opacity:0;top:-9999px}
.c-contributor__credentials{font-size:.875rem}
.c-contributor__bio a,.c-contributor__credentials a{box-shadow:0 1px 0 rgba(0,204,204,0);transition:.15s}
.c-contributor__bio a:hover,.c-contributor__credentials a:hover{box-shadow:0 1px 0 rgba(0,204,204,.5)}
.c-contributor__bio{margin-bottom:.5rem;font-style:italic}
.c-contributor__bio--full{display:none}
.c-contributor__expandInput:checked~.c-contributor__bio--full{display:inline}
.c-contributor__expandInput:checked~.c-contributor__bio--truncated{display:none}
.c-contributor__expand{font-style:normal;cursor:pointer}
.c-contributor__expand,.c-contributor__twitter{--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity))}
.c-contributor__twitter{display:inline-block;margin-top:1rem;--border-opacity:1;border:1px solid #e3e3e4;border-color:rgba(227,227,228,var(--border-opacity));font-size:.875rem;border-radius:.25rem;padding:3px 8px 5px;transition:.15s}
.c-contributor__twitter:hover{--border-opacity:1;border-color:#89a;border-color:rgba(136,153,170,var(--border-opacity));--text-opacity:1;color:#345;color:rgba(51,68,85,var(--text-opacity))}
.c-contributor__twitterIcon{position:relative;float:left;height:1rem;width:1rem;margin-right:.25rem;--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity));fill:currentColor;top:3px}
.c-contributor__name a{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}
.c-contributor__name a:hover{text-decoration:underline}
@media (min-width:768px){
.c-contributor .growth-quarters,.c-contributor .podium{display:flex}
}
.c-contributor.article-footer{display:flex}

/* Was style="margin-bottom: 0", emitted when the author has a job title. It has
   to live HERE, after .c-contributor__name{margin-bottom:.5rem} in this same
   file — the .mb-none utility is in globals, which every part overrides. The
   computed-style differ caught this: margin-bottom came back as 8px. */
.c-contributor__name--tight{margin-bottom:0}

/* ── part: parts/engage ── */
/**
 * parts/engage
 *
 * Decomposed from Craft's base.css + media.css — 9 rules, 751 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-engage{position:sticky;text-align:center;top:calc(50vh - 134px);display:flex;flex-direction:column;align-items:center}
.c-engage__shares{margin-bottom:1rem}
.c-engage__sharesCount{margin-bottom:.125rem;font-size:1.5rem;--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity));font-weight:500}
.c-engage__sharesLabel{font-family:Shentox,sans-serif;letter-spacing:.08em;line-height:1;font-size:.875rem;--text-opacity:1;color:#89a;color:rgba(136,153,170,var(--text-opacity))}
.c-engage__link{display:block;margin:.25rem;padding:.25rem;border-radius:.25rem;transition:box-shadow .25s ease}
@media (prefers-reduced-motion){
.c-engage__link{transition:none}
}
.c-engage__link:focus-visible{box-shadow:0 0 0 .125rem #6644e1,inset 0 0 0 .125rem #6644e1}
.c-engage__icon{width:1.5rem;height:1.5rem;margin:0 auto;--text-opacity:1;color:#345;color:rgba(51,68,85,var(--text-opacity));fill:currentColor;opacity:.25;transition:opacity .15s ease}
.c-engage__link:hover .c-engage__icon{opacity:.5}

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