/* ---------- Events bento ([wttc_events_showcase], inc/events-showcase.php): the section text is a navy tile INSIDE the bento; next to it the last summit
   and the announcement of the next one (rest) or ONE wide card with everything about the next one (promotion); under them the previous summits. ---------- */
.wttc-content .wttc-evb { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: 224px 224px 176px; gap: 16px 20px; }
.wttc-evb__t { position: relative; min-width: 0; border-radius: 12px; isolation: isolate; transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease; }
.wttc-content a.wttc-evb__t, .wttc-content a.wttc-evb__t:visited { color: inherit; text-decoration: none; }
.wttc-content a.wttc-evb__t.wttc-evb__last, .wttc-content a.wttc-evb__t.wttc-evb__last:visited, .wttc-content a.wttc-evb__t.wttc-evb__last:hover, .wttc-content a.wttc-evb__t.wttc-evb__last:focus-visible { color: var(--wttc-white); } /* no colour change on hover */
.wttc-content a.wttc-evb__t.wttc-evb__next, .wttc-content a.wttc-evb__t.wttc-evb__next:visited, .wttc-content a.wttc-evb__t.wttc-evb__next:hover, .wttc-content a.wttc-evb__t.wttc-evb__next:focus-visible { color: var(--wttc-navy); } /* no colour change on hover */
.wttc-content a.wttc-evb__t:hover, .wttc-content a.wttc-evb__t:focus-visible { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(21, 27, 52, .10); color: inherit; text-decoration: none; outline: none; }
.wttc-content a.wttc-evb__t:focus-visible { outline: 2px solid var(--wttc-navy); outline-offset: 3px; }
.wttc-content .wttc-evb a * { text-decoration: none; }
.wttc-evb__chip { display: inline-block; padding: 5px 12px; border-radius: var(--wttc-radius); background: var(--wttc-white); color: var(--wttc-navy); font: 500 11px/1.3 var(--wttc-font-sans); letter-spacing: .4px; text-transform: uppercase; white-space: nowrap; }
.wttc-evb__go { position: absolute; right: 20px; top: 20px; z-index: 5; width: 44px; height: 44px; border: 1px solid currentColor; border-radius: 50%; transition: background-color .25s, border-color .25s, color .25s, transform .3s cubic-bezier(.22, 1, .36, 1); }
.wttc-evb__go::after { content: ""; position: absolute; inset: 0; background: currentColor; -webkit-mask: var(--wttc-ic-arrow-up-right) center / 18px no-repeat; mask: var(--wttc-ic-arrow-up-right) center / 18px no-repeat; }
.wttc-content a.wttc-evb__t:hover .wttc-evb__go, .wttc-content a.wttc-evb__t:focus-visible .wttc-evb__go { background: var(--wttc-accent); border-color: var(--wttc-accent); color: var(--wttc-navy); transform: scale(1.06); }
.wttc-content .wttc-evb__meta { margin: 0; color: inherit; font: 500 12px/1.4 var(--wttc-font-sans); letter-spacing: .4px; text-transform: uppercase; }

/* 1) the section text, inside the bento: the heading, the line, the types of event and "See all events" */
.wttc-content .wttc-evb__intro { grid-column: 1 / span 3; grid-row: 1 / span 3; display: flex; flex-direction: column; padding: 32px; border-radius: 12px; background: var(--wttc-navy); color: var(--wttc-white); overflow: hidden; }
.wttc-content .wttc-evb__label { margin: 0 0 18px; color: var(--wttc-accent); font: 600 13px/1.3 var(--wttc-font-sans); letter-spacing: 1.2px; text-transform: uppercase; }
/* the line under the heading of the Events band breaks in balanced lines (no lonely word) */
.wttc-content .is-style-wttc-cream:has(.wttc-evb) .is-style-wttc-heading p { text-wrap: balance; }
.wttc-content .wttc-evb__types { margin: 0 0 auto; padding: 0; list-style: none; border-top: 1px solid rgba(255, 255, 255, .22); }
.wttc-content .wttc-evb__types li { margin: 0; padding: 0; }
.wttc-content .wttc-evb__types a { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 4px 15px 0; border-bottom: 1px solid rgba(255, 255, 255, .22); color: var(--wttc-white); font: 400 20px/1.2 var(--wttc-font-serif); letter-spacing: -.1px; text-decoration: none; transition: padding .5s cubic-bezier(.22, 1, .36, 1), color .3s; }
.wttc-content .wttc-evb__types a::before { content: ""; position: absolute; left: 0; bottom: -1px; height: 1px; width: 100%; background: var(--wttc-accent); transform: scaleX(0); transform-origin: left; transition: transform .6s cubic-bezier(.22, 1, .36, 1); }
.wttc-content .wttc-evb__types a::after { content: ""; flex: none; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--wttc-ic-arrow-up-right) center / contain no-repeat; mask: var(--wttc-ic-arrow-up-right) center / contain no-repeat; opacity: .6; transition: opacity .3s, transform .5s cubic-bezier(.22, 1, .36, 1); }
.wttc-content .wttc-evb__types a:hover, .wttc-content .wttc-evb__types a:focus-visible { padding-left: 10px; color: var(--wttc-white); outline: none; }
.wttc-content .wttc-evb__types a:hover::before, .wttc-content .wttc-evb__types a:focus-visible::before { transform: scaleX(1); }
.wttc-content .wttc-evb__types a:hover::after, .wttc-content .wttc-evb__types a:focus-visible::after { opacity: 1; transform: translate(2px, -2px); color: var(--wttc-accent); }
.wttc-content .wttc-evb__intro a.wttc-evb__all, .wttc-content .wttc-evb__intro a.wttc-evb__all:visited { color: var(--wttc-navy); }
.wttc-content .wttc-evb__all { align-self: flex-start; display: inline-flex; align-items: center; gap: 10px; padding: 15px 28px; border-radius: var(--wttc-radius); background: var(--wttc-white); color: var(--wttc-navy); font: 500 14px/1.2 var(--wttc-font-sans); text-decoration: none; transition: background .2s, color .2s; }
.wttc-content .wttc-evb__all::after { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--wttc-ic-arrow-up-right) center / contain no-repeat; mask: var(--wttc-ic-arrow-up-right) center / contain no-repeat; }
.wttc-content .wttc-evb__intro a.wttc-evb__all:hover, .wttc-content .wttc-evb__intro a.wttc-evb__all:focus-visible { color: var(--wttc-navy); }
.wttc-content .wttc-evb__all:hover, .wttc-content .wttc-evb__all:focus-visible { background: var(--wttc-accent); color: var(--wttc-navy); outline: none; text-decoration: none; }

/* 2) the announcement of the next summit: a peach card, the picture inside (rectangle, 20 px margin) */
.wttc-evb__next { z-index: 3; grid-column: 4 / span 5; grid-row: 1 / span 2; background: var(--wttc-peach); color: var(--wttc-navy); }
.wttc-evb__next .wttc-evb__in { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 32px; max-width: 58%; }
.wttc-evb__next .wttc-evb__chip { align-self: flex-start; margin-bottom: 18px; background: var(--wttc-accent); color: var(--wttc-navy); font-weight: 600; }
.wttc-content .wttc-evb__next h3 { margin: 0; color: var(--wttc-navy); font: 400 clamp(40px, 4.4vw, 62px)/1 var(--wttc-font-serif); letter-spacing: -1.2px; text-wrap: balance; }
.wttc-content .wttc-evb__next .wttc-evb__sub { margin: 14px 0 0; max-width: 24ch; color: rgba(21, 27, 52, .82); font-size: 15px; line-height: 1.5; }
.wttc-evb__next .wttc-evb__when { margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(21, 27, 52, .25); }
.wttc-evb__arch { position: absolute; z-index: 1; right: 20px; top: 20px; bottom: 20px; width: 39%; border-radius: 16px; overflow: hidden; background: var(--wttc-navy); transition: transform .6s cubic-bezier(.22, 1, .36, 1); }
.wttc-evb__arch img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 22% 72%; transition: transform .8s cubic-bezier(.22, 1, .36, 1); }
.wttc-content a.wttc-evb__next:hover .wttc-evb__arch { transform: translateY(-6px); }
.wttc-content a.wttc-evb__next:hover .wttc-evb__arch img { transform: scale(1.05); }
.wttc-evb__next .wttc-evb__go { right: 36px; top: 36px; z-index: 7; color: var(--wttc-white); background: rgba(21, 27, 52, .25); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.wttc-evb.no-last .wttc-evb__next { grid-column: 4 / -1; }
.wttc-evb.no-last .wttc-evb__next .wttc-evb__in { max-width: 50%; }

/* the last summit: the picture, a small date; the host logos on a translucent white plate */
.wttc-evb__last { grid-column: 9 / span 4; grid-row: 1 / span 2; display: flex; flex-direction: column; justify-content: flex-end; padding: 28px; overflow: hidden; background: var(--wttc-navy); color: var(--wttc-white); }
.wttc-evb__last > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%; transition: transform .8s cubic-bezier(.22, 1, .36, 1); }
.wttc-content a.wttc-evb__last:hover > img { transform: scale(1.05); }
.wttc-evb__last::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(21, 27, 52, .22) 0%, rgba(21, 27, 52, 0) 14%, rgba(21, 27, 52, 0) 56%, rgba(21, 27, 52, .78) 100%); }
.wttc-evb__last .wttc-evb__chip { position: absolute; left: 28px; top: 26px; }
.wttc-content .wttc-evb__last h3 { margin: 0; max-width: 12ch; color: var(--wttc-white); font: 400 clamp(30px, 3vw, 40px)/1.08 var(--wttc-font-serif); letter-spacing: -.4px; text-wrap: balance; }
.wttc-evb__last .wttc-evb__meta { margin-top: 12px; opacity: .9; }
.wttc-evb__last .wttc-evb__go { color: var(--wttc-white); }
.wttc-evb__hosts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 16px; padding: 12px 16px; max-width: 100%; align-self: flex-start; border-radius: 12px; background: rgba(255, 255, 255, .88); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); color: var(--wttc-navy); }
.wttc-evb__hosts i { flex: 0 0 100%; font: 600 10px/1 var(--wttc-font-sans); font-style: normal; letter-spacing: .6px; text-transform: uppercase; color: rgba(21, 27, 52, .65); }
.wttc-evb__hosts img { position: static; display: block; width: auto; height: 24px; max-width: 96px; object-fit: contain; }
.wttc-evb.no-next .wttc-evb__last { grid-column: 4 / -1; }
.wttc-evb.no-next .wttc-evb__last h3 { max-width: 16ch; font-size: clamp(40px, 4.6vw, 64px); }

/* PROMOTION (from the days chosen before the summit, and during it): the two cards become ONE with everything about the summit. Only the pill text changes. */
.wttc-evb.is-promo { grid-template-rows: 224px 224px 176px; }
.wttc-evb__promo { grid-column: 4 / -1; grid-row: 1 / span 2; z-index: 3; display: flex; flex-direction: column; justify-content: flex-end; padding: 36px; background: var(--wttc-navy); color: var(--wttc-white); }
.wttc-evb__bg { position: absolute; inset: 0; z-index: -1; border-radius: 12px; overflow: hidden; }
.wttc-evb__bg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%; transition: transform .9s cubic-bezier(.22, 1, .36, 1); }
.wttc-content a.wttc-evb__promo:hover .wttc-evb__bg img { transform: scale(1.04); }
.wttc-evb__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(21, 27, 52, .8) 0%, rgba(21, 27, 52, .55) 34%, rgba(21, 27, 52, 0) 62%), linear-gradient(180deg, rgba(21, 27, 52, .28) 0%, rgba(21, 27, 52, 0) 16%); }
.wttc-evb__pill { position: absolute; left: 36px; top: 34px; display: inline-flex; align-items: center; gap: 9px; padding: 7px 14px; border-radius: var(--wttc-radius); background: var(--wttc-white); color: var(--wttc-navy); font: 600 11px/1.3 var(--wttc-font-sans); letter-spacing: .5px; text-transform: uppercase; }
.wttc-evb__pill::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--wttc-accent); box-shadow: 0 0 0 0 rgba(146, 212, 0, .6); animation: wttc-evb-beat 2.2s ease-out infinite; }
.wttc-evb__pill.is-done::before { background: #8A94B5; animation: none; box-shadow: none; } /* already held: still, grey-blue, no longer active */
@keyframes wttc-evb-beat { 70% { box-shadow: 0 0 0 9px rgba(146, 212, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(146, 212, 0, 0); } }
@media (prefers-reduced-motion: reduce) { .wttc-evb__pill::before { animation: none; } }
.wttc-evb__promo > h3, .wttc-evb__promo > .wttc-evb__sub, .wttc-evb__promo > .wttc-evb__meta { max-width: 42%; }
.wttc-content .wttc-evb__promo h3 { margin: 0; color: var(--wttc-white); font: 400 clamp(44px, 5.4vw, 76px)/1 var(--wttc-font-serif); letter-spacing: -1.4px; text-wrap: balance; }
.wttc-content .wttc-evb__promo .wttc-evb__sub { margin: 14px 0 0; color: rgba(255, 255, 255, .88); font-size: 16px; line-height: 1.5; }
.wttc-evb__promo .wttc-evb__meta { margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .3); }
.wttc-evb__promo .wttc-evb__go { right: 28px; top: 28px; color: var(--wttc-white); background: rgba(21, 27, 52, .25); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.wttc-evb__foot { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 22px; }
.wttc-evb__foot .wttc-evb__hosts { margin: 0; flex-wrap: nowrap; gap: 16px; padding: 12px 18px; max-width: calc(100% - 190px); }
.wttc-evb__foot .wttc-evb__hosts i { flex: none; }
.wttc-evb__foot .wttc-evb__hosts img { flex: 0 1 auto; min-width: 0; height: 28px; max-width: 120px; }
/* registration: only before the summit, bottom right; its link is a field of the event (empty = no button) */
.wttc-evb__cta { position: absolute; right: 36px; bottom: 36px; z-index: 6; display: inline-flex; align-items: center; gap: 10px; padding: 15px 24px; border-radius: var(--wttc-radius); background: var(--wttc-accent); color: var(--wttc-navy); font: 600 14px/1 var(--wttc-font-sans); letter-spacing: .2px; transition: background .3s; }
.wttc-evb__cta::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--wttc-ic-arrow-up-right) center / contain no-repeat; mask: var(--wttc-ic-arrow-up-right) center / contain no-repeat; transition: transform .4s cubic-bezier(.22, 1, .36, 1); }
.wttc-content .wttc-evb__promo a.wttc-evb__cta, .wttc-content .wttc-evb__promo a.wttc-evb__cta:visited { color: var(--wttc-navy); }
.wttc-content .wttc-evb__promo a.wttc-evb__cta:hover, .wttc-content .wttc-evb__promo a.wttc-evb__cta:focus-visible { background: var(--wttc-white); color: var(--wttc-navy); outline: none; }
.wttc-content .wttc-evb__promo a.wttc-evb__cta:hover::after, .wttc-content .wttc-evb__promo a.wttc-evb__cta:focus-visible::after { transform: translate(3px, -3px); }

/* 4) the previous summits: a timeline with three columns separated by rules, organic hover on all of them */
.wttc-evb__past { grid-column: 4 / span 9; grid-row: 3; display: flex; flex-direction: column; padding: 22px 28px 18px; border: .5px solid rgba(209, 207, 200, .55); border-radius: 12px; background: var(--wttc-white); }
.wttc-evb__past header { display: flex; align-items: center; gap: 14px; }
.wttc-evb__past header span { font: 500 11px/1.3 var(--wttc-font-sans); letter-spacing: .5px; text-transform: uppercase; color: rgba(21, 27, 52, .6); }
.wttc-evb__past header i { flex: 1; height: 1px; background: #D1CFC8; }
.wttc-content .wttc-evb__past ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; flex: 1; margin: 14px 0 0; padding: 0; list-style: none; }
.wttc-content .wttc-evb__past li { position: relative; margin: 0; padding: 0; }
.wttc-evb__past li + li { border-left: 1px solid #D1CFC8; }
.wttc-content .wttc-evb__past a { position: relative; display: flex; align-items: center; gap: 14px; height: 100%; padding: 6px 18px; isolation: isolate; color: var(--wttc-navy); text-decoration: none; }
.wttc-evb__past li:first-child a { padding-left: 8px; }
.wttc-evb__past a::before { content: ""; position: absolute; inset: 4px 6px; z-index: -1; border-radius: 12px; background: var(--wttc-cream); opacity: 0; transform: scale(.94, .9); transform-origin: left center; transition: opacity .45s cubic-bezier(.22, 1, .36, 1), transform .6s cubic-bezier(.22, 1, .36, 1); }
.wttc-evb__past a:hover::before, .wttc-evb__past a:focus-visible::before { opacity: 1; transform: scale(1); }
.wttc-evb__past a:focus-visible { outline: 2px solid var(--wttc-navy); outline-offset: -2px; border-radius: 12px; }
.wttc-evb__th { flex: none; width: 84px; height: 62px; border-radius: 12px; overflow: hidden; background: var(--wttc-cream); transition: transform .6s cubic-bezier(.22, 1, .36, 1); }
.wttc-evb__th img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.22, 1, .36, 1); }
.wttc-evb__past a:hover .wttc-evb__th { transform: translateX(2px) rotate(-1.5deg); }
.wttc-evb__past a:hover .wttc-evb__th img { transform: scale(1.16); }
.wttc-evb__tx { min-width: 0; transition: transform .6s cubic-bezier(.22, 1, .36, 1); }
.wttc-evb__past a:hover .wttc-evb__tx { transform: translateX(6px); }
.wttc-content .wttc-evb__past h4 { position: relative; display: inline-block; margin: 0; font: 400 19px/1.15 var(--wttc-font-serif); letter-spacing: -.2px; }
.wttc-evb__past h4::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .6s cubic-bezier(.22, 1, .36, 1); }
.wttc-evb__past a:hover h4::after { transform: scaleX(1); }
.wttc-evb__past small { display: block; margin-top: 5px; white-space: nowrap; font: 500 11.5px/1.3 var(--wttc-font-sans); letter-spacing: .3px; color: rgba(21, 27, 52, .68); }
.wttc-evb__ar { position: absolute; right: 14px; top: 12px; width: 30px; height: 30px; border: 1px solid var(--wttc-navy); border-radius: 50%; opacity: 0; transform: translateX(-14px) scale(.8); transition: opacity .4s ease, transform .6s cubic-bezier(.22, 1, .36, 1), background-color .25s, border-color .25s; }
.wttc-evb__ar::after { content: ""; position: absolute; inset: 0; background: var(--wttc-navy); -webkit-mask: var(--wttc-ic-arrow-up-right) center / 14px no-repeat; mask: var(--wttc-ic-arrow-up-right) center / 14px no-repeat; }
.wttc-evb__past a:hover .wttc-evb__ar, .wttc-evb__past a:focus-visible .wttc-evb__ar { opacity: 1; transform: translateX(0) scale(1); background: var(--wttc-accent); border-color: var(--wttc-accent); }
@media (hover: none) { .wttc-evb__ar { display: none; } }

/* ---- responsive ---- */
@media (max-width: 1000px) {
	.wttc-content .wttc-evb, .wttc-content .wttc-evb.is-promo { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: auto; }
	.wttc-content .wttc-evb__intro { grid-column: 1 / -1; grid-row: auto; min-height: 0; }
	.wttc-content .wttc-evb__types { margin: 0 0 30px; }
	/* on mobile the types card goes last: the summit (next / current) first, then the previous summits, then this card */
	.wttc-content .wttc-evb__intro { order: 5; }
	.wttc-evb__next, .wttc-evb.no-last .wttc-evb__next { grid-column: 1 / -1; grid-row: auto; min-height: 420px; }
	.wttc-evb__last, .wttc-evb.no-next .wttc-evb__last { grid-column: 1 / -1; grid-row: auto; min-height: 340px; }
	.wttc-evb__past { grid-column: 1 / -1; grid-row: auto; }
	.wttc-content .wttc-evb__past ol { grid-template-columns: 1fr; }
	.wttc-evb__past li + li { border-left: 0; border-top: 1px solid #D1CFC8; }
	.wttc-content .wttc-evb__past a, .wttc-evb__past li:first-child a { padding: 12px 8px; }
	.wttc-evb__promo { grid-column: 1 / -1; grid-row: auto; min-height: 560px; padding: 26px; }
	.wttc-evb__pill { left: 26px; }
	.wttc-evb__bg { inset: 0 0 auto 0; height: 46%; border-radius: 12px 12px 0 0; }
	.wttc-evb__bg::after { background: linear-gradient(180deg, rgba(21, 27, 52, 0) 55%, var(--wttc-navy) 100%); }
	.wttc-evb__promo > h3, .wttc-evb__promo > .wttc-evb__sub, .wttc-evb__promo > .wttc-evb__meta { max-width: none; }
	.wttc-evb__cta { position: static; order: 2; }
	.wttc-evb__foot .wttc-evb__hosts { flex-wrap: wrap; max-width: 100%; gap: 8px 14px; }
	.wttc-evb__foot .wttc-evb__hosts i { flex: 0 0 100%; }
	.wttc-evb__foot .wttc-evb__hosts img { flex: none; min-width: auto; }
}
@media (max-width: 640px) {
	.wttc-content .wttc-evb { gap: 16px; }
	.wttc-content .wttc-evb__intro { padding: 26px; }
	/* the announcement on mobile: the text on top and the picture under it, the whole width (20 px of padding), close to the text */
	.wttc-evb__next { min-height: 0; display: flex; flex-direction: column; }
	.wttc-evb__next .wttc-evb__in, .wttc-evb.no-last .wttc-evb__next .wttc-evb__in { position: static; max-width: none; padding: 26px 26px 18px; justify-content: flex-start; }
	.wttc-evb__arch { position: relative; inset: auto; width: auto; height: 280px; margin: 0 20px 20px; flex: none; }
	.wttc-evb__next .wttc-evb__go { right: 34px; top: auto; bottom: 34px; }
	.wttc-evb__last { padding: 24px; }
	.wttc-evb__last .wttc-evb__chip { left: 24px; }
}

/* the promotion card is not a link itself (it holds the Register button): a cover link takes the whole card */
.wttc-evb__go { pointer-events: none; }
.wttc-content a.wttc-evb__cover { position: absolute; inset: 0; z-index: 4; border-radius: 12px; }
.wttc-content a.wttc-evb__cover:focus-visible { outline: 2px solid var(--wttc-white); outline-offset: -4px; }
.wttc-content .wttc-evb__promo:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(21, 27, 52, .10); }
.wttc-content .wttc-evb__promo:hover .wttc-evb__bg img { transform: scale(1.04); }
.wttc-content .wttc-evb__promo:hover .wttc-evb__go { background: var(--wttc-accent); border-color: var(--wttc-accent); color: var(--wttc-navy); transform: scale(1.06); }
/* no previous summits to show: the tile and the rows close up */
.wttc-content .wttc-evb.no-past { grid-template-rows: 224px 224px; }
.wttc-evb.no-past .wttc-evb__intro { grid-row: 1 / span 2; }

/* [wttc_summits_list]: all the Global Summits as cards in a row */
.wttc-content .wttc-summits-archive { margin-top: clamp(36px, 5vw, 64px); }
.wttc-content ul.wttc-summits { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: clamp(14px, 1.8vw, 24px); margin: 0; padding: 0; list-style: none; }
.wttc-content .wttc-summits li { margin: 0; }
.wttc-content a.wttc-summit, .wttc-content a.wttc-summit:hover { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid rgba(21, 27, 52, .14); border-radius: 16px; background: var(--wttc-white); color: var(--wttc-navy); text-decoration: none; transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease, border-color .25s ease; }
.wttc-content a.wttc-summit:hover, .wttc-content a.wttc-summit:focus-visible { transform: translateY(-4px); border-color: var(--wttc-navy); box-shadow: 0 16px 32px rgba(21, 27, 52, .14); }
.wttc-summit__img { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #e7e4da; }
.wttc-summit__img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.22, 1, .36, 1); }
.wttc-summit:hover .wttc-summit__img img { transform: scale(1.06); }
.wttc-summit__body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 6px; padding: 16px 18px 18px; }
.wttc-summit__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.wttc-summit__chip { padding: 3px 9px; border-radius: 999px; background: var(--wttc-cream); font: 600 10.5px/1.3 var(--wttc-font-sans); letter-spacing: .05em; text-transform: uppercase; }
.wttc-summit__chip.is-up { background: var(--wttc-accent); color: var(--wttc-navy); }
.wttc-summit__when { font: 600 13px/1.3 var(--wttc-font-sans); color: rgba(21, 27, 52, .7); }
.wttc-summit__name { font: 400 clamp(19px, 1.7vw, 22px)/1.2 var(--wttc-font-serif); }
.wttc-summit__more { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 10px; font: 600 13.5px/1 var(--wttc-font-sans); }
.wttc-summit__more::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--wttc-ic-arrow-up-right) center / contain no-repeat; mask: var(--wttc-ic-arrow-up-right) center / contain no-repeat; transition: transform .25s ease; }
.wttc-summit:hover .wttc-summit__more::after { transform: translate(3px, -3px); }
@media (prefers-reduced-motion: reduce) { .wttc-content a.wttc-summit, .wttc-summit__img img, .wttc-summit__more::after { transition: none; } }
/* what is upcoming (or happening now) is drawn in another colour */
.wttc-content a.wttc-summit.is-upcoming, .wttc-content a.wttc-summit.is-upcoming:hover { border-color: transparent; background: var(--wttc-peach); }
.wttc-content a.wttc-summit.is-upcoming:hover, .wttc-content a.wttc-summit.is-upcoming:focus-visible { border-color: var(--wttc-navy); }
.wttc-summit.is-upcoming .wttc-summit__when { color: rgba(21, 27, 52, .78); }
/* search, order and pages (only when there are more summits than fit in a page) */
/* Hosting the Global Summit: mini cards of the hosts inside the text (picture, city and country; the next summit marked apart) */
.wttc-content ul.wttc-hosts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 14px 0 18px; padding: 0; list-style: none; }
.wttc-content ul.wttc-hosts li { margin: 0; }
.wttc-content a.wttc-host { display: flex; align-items: center; gap: 12px; height: 100%; padding: 8px 12px 8px 8px; border: .5px solid rgba(209, 207, 200, .8); border-radius: 12px; background: var(--wttc-white); color: var(--wttc-navy); text-decoration: none; transition: transform .25s cubic-bezier(.22, 1, .36, 1), box-shadow .25s ease, border-color .2s ease; }
.wttc-content a.wttc-host:hover, .wttc-content a.wttc-host:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(21, 27, 52, .10); border-color: var(--wttc-navy); }
.wttc-content a.wttc-host:focus-visible { outline: 2px solid var(--wttc-navy); outline-offset: 2px; }
.wttc-host__img { flex: none; width: 60px; height: 60px; overflow: hidden; border-radius: 8px; background: var(--wttc-cream); }
.wttc-host__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wttc-host__tx { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; }
.wttc-host__tx strong { font: 500 15px/1.25 var(--wttc-font-sans); overflow-wrap: anywhere; }
.wttc-host__tx small { font-size: 12px; color: rgba(21, 27, 52, .65); }
.wttc-host__chip { padding: 2px 8px; border-radius: 999px; background: var(--wttc-cream); font: 600 10px/1.3 var(--wttc-font-sans); letter-spacing: .05em; text-transform: uppercase; }
@media (max-width: 480px) { .wttc-content ul.wttc-hosts { grid-template-columns: minmax(0, 1fr); } }
.wttc-summits__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin: 0 0 20px; }
.wttc-summits__search input { box-sizing: border-box; width: min(340px, 100%); height: 44px; padding: 0 16px; border: 1px solid #BFC2CE; border-radius: 10px; background: var(--wttc-white); color: var(--wttc-navy); font: 400 14px/1 var(--wttc-font-sans); }
.wttc-summits__order select { box-sizing: border-box; height: 44px; padding: 0 48px 0 14px; border: 1px solid #BFC2CE; border-radius: 10px; appearance: none; cursor: pointer; color: var(--wttc-navy); font: 400 14px/1 var(--wttc-font-sans); background-color: var(--wttc-white); background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><path fill='%23151B34' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/></svg>"), linear-gradient(to right, #D1CFC8 0 1px, #F3F0E8 1px); background-repeat: no-repeat; background-position: right 14px center, right top; background-size: 14px, 40px 100%; }
.wttc-summits__empty { margin: 24px 0 0; text-align: center; color: rgba(21, 27, 52, .7); }
.wttc-summits__pager { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 28px; }
.wttc-summits__pg { min-width: 42px; height: 42px; padding: 0 10px; border: 1px solid #BFC2CE; border-radius: 999px; background: var(--wttc-white); color: var(--wttc-navy); font: 600 14px/1 var(--wttc-font-sans); cursor: pointer; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.wttc-summits__pg:hover:not(:disabled), .wttc-summits__pg:focus-visible { border-color: var(--wttc-navy); }
.wttc-summits__pg.is-on { border-color: var(--wttc-navy); background: var(--wttc-navy); color: var(--wttc-white); }
.wttc-summits__pg:disabled { opacity: .4; cursor: default; }
.wttc-summits__pg.is-arrow { position: relative; padding: 0; }
.wttc-summits__pg.is-arrow::before { content: ""; position: absolute; inset: 0; background: currentColor; -webkit-mask: var(--wttc-ic-arrow-up-right) center / 16px no-repeat; mask: var(--wttc-ic-arrow-up-right) center / 16px no-repeat; transform: rotate(-135deg); }
.wttc-summits__pg.is-next::before { transform: rotate(45deg); }
.wttc-summits-archive [hidden] { display: none !important; }