.gc-tfe {
font-family: Inter, Arial, Helvetica, sans-serif;
color: var(--gc-text, #111111);
}
.gc-tfe__shell {
background: linear-gradient(180deg, #ffffff 0%, var(--gc-bg, #f4f5f7) 100%);
border: 2px solid rgba(34, 63, 146, 0.08);
border-radius: var(--gc-shell-radius, 28px);
padding: clamp(20px, 3vw, 40px);
box-shadow: 0 18px 55px rgba(17, 17, 17, 0.08);
overflow: hidden;
}
.gc-tfe__top {
display: grid;
grid-template-columns: 1.25fr 0.75fr;
gap: 28px;
align-items: stretch;
margin-bottom: 28px;
}
.gc-tfe__intro {
background: linear-gradient(135deg, rgba(34, 63, 146, 0.97), rgba(17, 17, 17, 0.95));
color: #fff;
border-radius: 24px;
padding: clamp(22px, 3vw, 34px);
position: relative;
overflow: hidden;
}
.gc-tfe__intro:before {
content: '';
position: absolute;
inset: auto -60px -60px auto;
width: 220px;
height: 220px;
border-radius: 999px;
background: radial-gradient(circle, rgba(215, 25, 63, 0.45), rgba(215, 25, 63, 0));
}
.gc-tfe__kicker {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #fff;
background: rgba(255, 255, 255, 0.10);
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 999px;
padding: 10px 14px;
}
.gc-tfe__main-title {
font-size: clamp(32px, 5vw, 60px);
line-height: 0.95;
letter-spacing: -0.03em;
margin: 16px 0 14px;
color: #fff;
}
.gc-tfe__main-title span { color: #ff5478; }
.gc-tfe__lead {
font-size: clamp(17px, 2vw, 21px);
line-height: 1.6;
max-width: 48rem;
color: rgba(255, 255, 255, 0.92);
}
.gc-tfe__pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.gc-tfe__pill {
padding: 10px 14px;
border-radius: 999px;
background: rgba(255,255,255,.10);
border: 1px solid rgba(255,255,255,.16);
font-weight: 700;
font-size: 14px;
}
.gc-tfe__sponsor {
background: #fff;
border: 2px solid rgba(215,25,63,.10);
border-radius: 24px;
padding: clamp(20px, 3vw, 28px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.gc-tfe__sponsor-label {
text-transform: uppercase;
letter-spacing: .16em;
font-size: 12px;
font-weight: 800;
color: var(--gc-red, #d7193f);
margin-bottom: 12px;
}
.gc-tfe__sponsor-slot {
width: min(100%, 340px);
min-height: 150px;
border-radius: 22px;
border: 2px dashed rgba(34,63,146,.28);
background: linear-gradient(180deg, rgba(34,63,146,.04), rgba(215,25,63,.05));
display: grid;
place-items: center;
padding: 18px;
font-weight: 800;
color: var(--gc-blue, #223f92);
}
.gc-tfe__sponsor-slot img,
.gc-tfe__logo-slot img {
display: block;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.gc-tfe__sponsor-note {
margin-top: 12px;
color: var(--gc-muted, #6b7280);
font-size: 14px;
line-height: 1.5;
}
.gc-tfe__days { display: grid; gap: 24px; }
.gc-tfe__day {
background: rgba(255,255,255,.84);
border: 1px solid rgba(17,17,17,.06);
border-radius: 24px;
padding: clamp(18px, 2.6vw, 28px);
box-shadow: 0 12px 38px rgba(17,17,17,.05);
}
.gc-tfe__day-head {
display: grid;
grid-template-columns: auto 1fr;
gap: 16px;
align-items: center;
margin-bottom: 18px;
}
.gc-tfe__badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 104px;
padding: 14px 18px;
border-radius: var(--gc-day-badge-radius, 18px);
background: linear-gradient(135deg, var(--gc-blue, #223f92), var(--gc-red, #d7193f));
color: #fff;
font-size: clamp(24px, 4vw, 34px);
font-weight: 900;
letter-spacing: -0.03em;
line-height: 1;
box-shadow: 0 10px 24px rgba(34,63,146,.24);
}
.gc-tfe__day-title {
margin: 0;
font-size: clamp(24px, 3vw, 36px);
line-height: 1.05;
letter-spacing: -0.02em;
}
.gc-tfe__day-hours {
margin-top: 6px;
color: var(--gc-muted, #6b7280);
font-size: 15px;
font-weight: 700;
}
.gc-tfe__timeline {
position: relative;
}
.gc-tfe__timeline:before {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 8px;
bottom: 8px;
width: var(--gc-line-width, 3px);
border-radius: 999px;
background: linear-gradient(180deg, var(--gc-blue, #223f92), var(--gc-red, #d7193f));
opacity: .18;
}
.gc-tfe__item {
display: grid;
grid-template-columns: minmax(0, 1fr) var(--gc-center-width, 72px) minmax(0, 1fr);
gap: 0;
align-items: stretch;
position: relative;
margin: 0 0 var(--gc-item-gap, 18px);
}
.gc-tfe__item:last-child { margin-bottom: 0; }
.gc-tfe__item.js-gc-tfe-reveal {
opacity: 0;
transform: translateY(var(--gc-reveal-distance, 24px));
transition: opacity var(--gc-reveal-duration, 650ms) ease, transform var(--gc-reveal-duration, 650ms) ease;
transition-delay: var(--gc-reveal-delay, 0ms);
}
.gc-tfe__item.is-visible {
opacity: 1;
transform: translateY(0);
}
.gc-tfe__center {
position: absolute;
left: 50%;
top: var(--gc-marker-offset, var(--gc-marker-offset-default, 42px));
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.gc-tfe__dot {
width: var(--gc-marker-size, 18px);
height: var(--gc-marker-size, 18px);
border-radius: 999px;
background: var(--gc-marker-fill, #fff);
border: 4px solid var(--gc-item-accent, var(--gc-marker-border, #d7193f));
box-shadow: 0 0 0 7px rgba(215,25,63,.10);
}
.gc-tfe__card-wrap,
.gc-tfe__empty { grid-row: 1; }
.gc-tfe__card-wrap { display: flex; }
.gc-tfe__item--left .gc-tfe__card-wrap { justify-content: flex-end; }
.gc-tfe__item--right .gc-tfe__card-wrap { grid-column: 3; justify-content: flex-start; }
.gc-tfe__item--right .gc-tfe__empty { grid-column: 1; }
.gc-tfe__item--left .gc-tfe__empty { grid-column: 3; }
.gc-tfe__card {
width: min(100%, var(--gc-card-max-width, 540px));
background: var(--gc-card, #ffffff);
border: 1px solid rgba(17,17,17,.08);
border-left: 6px solid var(--gc-item-accent, var(--gc-blue, #223f92));
border-radius: var(--gc-card-radius, 22px);
padding: var(--gc-card-padding, 18px);
box-shadow: 0 10px 28px rgba(17,17,17,.05);
transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.gc-tfe__card:hover {
transform: translateY(-4px);
box-shadow: 0 18px 40px rgba(17,17,17,.10);
}
.gc-tfe__card-head { margin-bottom: 14px; }
.gc-tfe__time-block {
display: inline-flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
background: linear-gradient(180deg, rgba(34,63,146,.06), rgba(215,25,63,.05));
border-radius: 18px;
padding: 12px 14px;
}
.gc-tfe__time {
font-size: clamp(18px, 2vw, 23px);
line-height: 1.1;
font-weight: 900;
color: var(--gc-item-accent, var(--gc-blue, #223f92));
}
.gc-tfe__duration {
display: inline-flex;
font-size: 12px;
line-height: 1;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .12em;
color: var(--gc-item-accent, var(--gc-red, #d7193f));
background: rgba(215,25,63,.08);
border-radius: 999px;
padding: 9px 10px;
}
.gc-tfe__brand-row {
display: grid;
grid-template-columns: var(--gc-logo-box, 92px) 1fr;
gap: 14px;
align-items: center;
margin-bottom: 12px;
}
.gc-tfe__logo-slot {
width: var(--gc-logo-box, 92px);
height: var(--gc-logo-box, 92px);
border-radius: 18px;
border: 2px dashed rgba(34,63,146,.24);
background: linear-gradient(180deg, rgba(34,63,146,.04), rgba(215,25,63,.03));
display: grid;
place-items: center;
text-align: center;
padding: 8px;
color: var(--gc-blue, #223f92);
font-size: 12px;
line-height: 1.2;
font-weight: 800;
}
.gc-tfe__logo-slot span { display: block; }
.gc-tfe__company {
margin: 0;
font-size: clamp(18px, 2vw, 24px);
line-height: 1.1;
font-weight: 900;
letter-spacing: -0.02em;
}
.gc-tfe__session-title {
margin: 0 0 8px;
font-size: clamp(18px, 2.1vw, 28px);
line-height: 1.15;
color: var(--gc-text, #111111);
letter-spacing: -0.02em;
}
.gc-tfe__desc {
margin: 0;
color: #3d4451;
font-size: 15px;
line-height: 1.65;
}
.gc-tfe--one-sided .gc-tfe__timeline:before {
left: 32px;
transform: none;
}
.gc-tfe--one-sided .gc-tfe__item {
grid-template-columns: 64px minmax(0, 1fr);
gap: 16px;
}
.gc-tfe--one-sided .gc-tfe__card-wrap,
.gc-tfe--one-sided .gc-tfe__item--right .gc-tfe__card-wrap,
.gc-tfe--one-sided .gc-tfe__item--left .gc-tfe__card-wrap {
grid-column: 2;
justify-content: flex-start;
}
.gc-tfe--one-sided .gc-tfe__center {
left: 32px;
top: var(--gc-marker-offset, var(--gc-marker-offset-default, 42px));
transform: none;
}
.gc-tfe--one-sided .gc-tfe__empty { display: none; }
@media (max-width: 1024px) {
.gc-tfe__top { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
.gc-tfe__shell { border-radius: 22px; padding: 16px; }
.gc-tfe__day { border-radius: 20px; padding: 16px; }
.gc-tfe__badge { min-width: 0; padding: 12px 16px; font-size: 28px; }
.gc-tfe__day-head { grid-template-columns: 1fr; }
.gc-tfe__timeline:before,
.gc-tfe--one-sided .gc-tfe__timeline:before { left: 10px; transform: none; }
.gc-tfe__item,
.gc-tfe--one-sided .gc-tfe__item {
grid-template-columns: 28px 1fr;
gap: 12px;
margin-bottom: 16px;
}
.gc-tfe__center,
.gc-tfe--one-sided .gc-tfe__center { left: 10px; top: 22px; transform: none; }
.gc-tfe__card-wrap,
.gc-tfe__item--right .gc-tfe__card-wrap,
.gc-tfe__item--left .gc-tfe__card-wrap,
.gc-tfe--one-sided .gc-tfe__card-wrap { grid-column: 2; justify-content: stretch; }
.gc-tfe__empty { display: none; }
.gc-tfe__card {
width: 100%;
border-left-width: 4px;
}
.gc-tfe__brand-row {
grid-template-columns: min(72px, var(--gc-logo-box, 72px)) 1fr;
gap: 12px;
}
.gc-tfe__logo-slot {
width: min(72px, var(--gc-logo-box, 72px));
height: min(72px, var(--gc-logo-box, 72px));
border-radius: 16px;
font-size: 10px;
}
}
.elementor-editor-active .gc-tfe__item.js-gc-tfe-reveal {
opacity: 1 !important;
transform: none !important;
}
.gc-tfe__heritage {
position: relative;
display: grid;
gap: clamp(14px, 2vw, 22px);
padding: 8px 0;
}
.gc-tfe__heritage:before {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 8px;
bottom: 8px;
width: var(--gc-line-width, 3px);
border-radius: 999px;
background: linear-gradient(180deg, var(--gc-blue, #223f92), var(--gc-red, #d7193f));
opacity: .16;
}
.gc-tfe__heritage-item { min-height: 92px; }
.gc-tfe__heritage-card {
width: min(100%, 420px);
padding: 18px 20px;
border-left-width: 0;
position: relative;
}
.gc-tfe__heritage-card:before {
content: '';
position: absolute;
inset: 12px auto 12px 0;
width: 4px;
border-radius: 999px;
background: var(--gc-item-accent, var(--gc-blue, #223f92));
}
.gc-tfe__heritage-title {
margin: 0;
font-size: clamp(20px, 2vw, 28px);
line-height: 1.05;
letter-spacing: -0.02em;
}
.gc-tfe__heritage-subtitle {
margin-top: 6px;
color: var(--gc-muted, #6b7280);
font-size: 14px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
.gc-tfe__heritage-desc {
margin: 10px 0 0;
font-size: 15px;
line-height: 1.6;
color: var(--gc-text, #111111);
}
.gc-tfe__center--heritage {
display: flex;
align-items: center;
gap: 10px;
}
.gc-tfe__year-chip {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 78px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(255,255,255,.92);
border: 1px solid rgba(17,17,17,.06);
box-shadow: 0 8px 18px rgba(17,17,17,.06);
color: var(--gc-muted, #6b7280);
font-size: 12px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.gc-tfe--density-standard .gc-tfe__heritage-card { padding: 22px 24px; }
.gc-tfe--density-expanded .gc-tfe__heritage-card { padding: 24px 26px; }
.gc-tfe--density-expanded .gc-tfe__heritage-item { min-height: 120px; }
@media (max-width: 767px) {
.gc-tfe__heritage:before { left: 20px; transform: none; }
.gc-tfe__heritage-item,
.gc-tfe__item { grid-template-columns: 40px minmax(0,1fr); }
.gc-tfe__item--right .gc-tfe__card-wrap,
.gc-tfe__item--left .gc-tfe__card-wrap { grid-column: 2; justify-content: flex-start; }
.gc-tfe__center,
.gc-tfe__center--heritage { left: 20px; transform: translateX(-50%); }
.gc-tfe__empty { display: none; }
.gc-tfe__year-chip { min-width: 64px; font-size: 11px; }
}
.gc-tfe__heritage-item--featured {
grid-template-columns: minmax(0, 1fr);
justify-items: center;
min-height: 0;
margin-bottom: calc(var(--gc-item-gap, 18px) + 8px);
}
.gc-tfe__heritage-item--featured .gc-tfe__card-wrap,
.gc-tfe__heritage-item--featured .gc-tfe__empty {
grid-column: 1;
}
.gc-tfe__heritage-item--featured .gc-tfe__card-wrap {
width: 100%;
justify-content: center;
}
.gc-tfe__heritage-item--featured .gc-tfe__heritage-card {
width: min(100%, 520px);
text-align: center;
}
.gc-tfe__heritage-item--featured .gc-tfe__heritage-card:before {
inset: auto 14px 0 14px;
top: 0;
bottom: auto;
width: auto;
height: 4px;
}
.gc-tfe__heritage-item--featured .gc-tfe__center,
.gc-tfe__heritage-item--featured .gc-tfe__center--heritage {
position: relative;
left: auto;
top: auto;
transform: none;
margin-top: 12px;
}
@media (max-width: 767px) {
.gc-tfe__heritage-item--featured {
grid-template-columns: minmax(0, 1fr);
}
.gc-tfe__heritage-item--featured .gc-tfe__center,
.gc-tfe__heritage-item--featured .gc-tfe__center--heritage {
left: auto;
transform: none;
}
} .gc-tfe__heritage-item {
grid-template-columns: minmax(0, 1fr) minmax(0, 320px) var(--gc-center-width, 72px) minmax(0, 320px) minmax(0, 1fr);
align-items: start;
}
.gc-tfe__heritage-item .gc-tfe__year-outer {
grid-row: 1;
align-self: start;
margin-top: var(--gc-year-offset-base, 32px);
transform: translate(var(--gc-year-offset-x, 0px), var(--gc-year-offset-y, 0px));
}
.gc-tfe__heritage-item .gc-tfe__card-wrap { grid-row: 1; width: 100%; }
.gc-tfe__heritage-item .gc-tfe__center {
grid-column: 3;
grid-row: 1;
position: relative;
left: auto;
top: auto;
transform: none;
justify-self: center;
align-self: start;
margin-top: var(--gc-marker-offset, var(--gc-marker-offset-default, 42px));
}
.gc-tfe__heritage-item .gc-tfe__empty { display:none; }
.gc-tfe__item--left .gc-tfe__card-wrap { grid-column: 2; justify-content: flex-end; padding-right: 8px; }
.gc-tfe__item--left .gc-tfe__year-outer { grid-column: 4; justify-self: start; padding-left: 10px; }
.gc-tfe__item--right .gc-tfe__year-outer { grid-column: 2; justify-self: end; padding-right: 10px; }
.gc-tfe__item--right .gc-tfe__card-wrap { grid-column: 4; justify-content: flex-start; padding-left: 8px; }
.gc-tfe__item--left .gc-tfe__card-wrap .gc-tfe__heritage-card { margin-left: auto; }
.gc-tfe__item--right .gc-tfe__card-wrap .gc-tfe__heritage-card { margin-right: auto; }
.gc-tfe__item--left .gc-tfe__heritage-card { text-align: var(--gc-tfe-card-text-align, right); }
.gc-tfe__item--right .gc-tfe__heritage-card { text-align: var(--gc-tfe-card-text-align, left); }
.gc-tfe__heritage-card {
width: min(100%, 300px);
position: relative;
padding-top: 22px;
}
.gc-tfe__heritage-toprule {
position:absolute;
top:0;
left:14px;
right:14px;
height:4px;
border-radius:999px;
background: var(--gc-item-accent, var(--gc-blue, #1d4aa8));
}
.gc-tfe__item--left .gc-tfe__heritage-card:before {
content:"";
position:absolute;
top:14px;
bottom:14px;
right:0;
width:4px;
border-radius:999px;
background: var(--gc-item-accent, var(--gc-blue, #1d4aa8));
}
.gc-tfe__item--right .gc-tfe__heritage-card:before {
content:"";
position:absolute;
top:14px;
bottom:14px;
left:0;
width:4px;
border-radius:999px;
background: var(--gc-item-accent, var(--gc-blue, #1d4aa8));
}
.gc-tfe__heritage-item--featured { grid-template-columns: minmax(0, 1fr); justify-items:center; }
.gc-tfe__heritage-item--featured .gc-tfe__card-wrap { width:100%; justify-content:center; grid-column:1; }
.gc-tfe__heritage-item--featured .gc-tfe__center { display:none; }
.gc-tfe__heritage-item--featured .gc-tfe__year-outer { grid-column:1; order:3; padding:0; justify-self:center; margin-top:10px; transform:none !important; }
.gc-tfe__heritage-item--featured .gc-tfe__heritage-card { width:min(100%, 520px); text-align: var(--gc-tfe-card-text-align, center); }
.gc-tfe__heritage-item--featured .gc-tfe__heritage-card:before { display:none; }
.gc-tfe__heritage-item--featured .gc-tfe__heritage-toprule { left:14px; right:14px; }
.gc-tfe__heritage-featured-mobile-meta { display:none; }
.gc-tfe__center--featured-rail,
.gc-tfe__year-outer--featured-rail { display:none; }
@media (max-width: 900px) {
.gc-tfe__heritage-item {
grid-template-columns: 44px minmax(0,1fr);
column-gap: 14px;
}
.gc-tfe__heritage-item .gc-tfe__center,
.gc-tfe__heritage-item .gc-tfe__center--heritage {
grid-column: 1;
grid-row: 1;
justify-self: center;
align-self: start;
left: auto;
top: auto;
transform: none;
margin-top: var(--gc-marker-offset, var(--gc-marker-offset-default, 42px));
z-index: 3;
}
.gc-tfe__heritage-item .gc-tfe__year-outer,
.gc-tfe__item--left .gc-tfe__year-outer,
.gc-tfe__item--right .gc-tfe__year-outer {
grid-column: 1 !important;
grid-row: 1;
justify-self: center;
align-self: start;
padding: 0;
margin-top: calc(var(--gc-marker-offset, var(--gc-marker-offset-default, 42px)) + 30px);
transform: translate(var(--gc-year-offset-x, 0px), var(--gc-year-offset-y, 0px)) !important;
z-index: 2;
}
.gc-tfe__item--left .gc-tfe__card-wrap,
.gc-tfe__item--right .gc-tfe__card-wrap {
grid-column: 2;
grid-row: 1;
justify-content:flex-start;
padding: 0;
}
.gc-tfe__heritage-card {
width: 100%;
text-align: var(--gc-tfe-card-text-align, left) !important;
}
.gc-tfe__heritage-item--featured {
grid-template-columns: 44px minmax(0,1fr);
column-gap: 14px;
justify-items: stretch;
}
.gc-tfe__heritage-item--featured .gc-tfe__card-wrap {
width: 100%;
justify-content: flex-start;
grid-column: 2;
grid-row: 1;
}
.gc-tfe__heritage-item--featured .gc-tfe__heritage-card {
width: 100%;
text-align: var(--gc-tfe-card-text-align, left) !important;
}
.gc-tfe__heritage-item--featured .gc-tfe__heritage-featured-year {
display:none;
}
.gc-tfe__heritage-item--featured .gc-tfe__heritage-featured-mobile-meta {
display:none;
}
.gc-tfe__heritage-item--featured .gc-tfe__center--featured-rail {
display:flex;
grid-column:1;
grid-row:1;
justify-self:center;
align-self:start;
margin-top: var(--gc-marker-offset, var(--gc-marker-offset-default, 42px));
z-index: 3;
}
.gc-tfe__heritage-item--featured .gc-tfe__year-outer--featured-rail {
display:block;
grid-column:1;
grid-row:1;
justify-self:center;
align-self:start;
padding:0;
margin-top: calc(var(--gc-marker-offset, var(--gc-marker-offset-default, 42px)) + 30px);
transform: translate(var(--gc-year-offset-x, 0px), var(--gc-year-offset-y, 0px)) !important;
z-index: 2;
}
}
@media (max-width: 767px) {
.gc-tfe__heritage-item,
.gc-tfe__heritage-item--featured {
grid-template-columns: 40px minmax(0,1fr);
column-gap: 12px;
}
}