@media (max-width: 768px) {
.cd-item,
.facts {
position: relative;
}
.fact h4,
.fact p {
text-align: center;
}
.event {
padding-top: 7%;
}
.event__hero {
padding: 36px 12px 110px;
min-height: 380px !important;
} .event__hero-no-gradient {
height: 420px;
}
.eyebrow {
font-size: 12px;
margin-bottom: 0;
}
.fact h4,
.year {
margin: 0 0 6px;
}
.year {
font-size: 40px;
}
.title {
font-size: 28px;
line-height: 1.2;
margin: 0 0 10px;
}
.subtitle {
font-size: 14px;
line-height: 1.35;
margin: 0 0 14px;
}
.btn,
.fact h4,
.fact p {
font-size: 13px;
}
.actions {
flex-direction: column;
gap: 10px;
margin: 10px 0 14px;
}
.btn {
width: 100%;
height: 54px;
border-radius: 12px;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.btn--primary {
box-shadow: 0 6px 18px rgba(240, 180, 60, 0.35);
}
.btn--ghost {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.85);
color: #fff;
}
.countdown {
gap: 14px;
padding: 14px 0 10px;
justify-content: center;
max-width: none;
}
.cd-item {
min-width: 72px;
min-height: 72px;
padding: 10px 8px;
background: #30485f;
border: 1px solid #2a3f54;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.cd-num {
font-size: 22px;
line-height: 1.1;
margin-bottom: 4px;
color: #f3b745;
}
.cd-label {
font-size: 11px;
color: #e8f1f8;
}
.facts {
z-index: 5;
margin: -70px auto 18px;
background: #eef3f7;
border-radius: 0;
box-shadow: none;
padding: 18px 14px;
}
.facts__grid {
grid-template-columns: repeat(2, 1fr);
gap: 0;
height: auto;
}
.fact {
background: 0 0;
border: 0;
border-radius: 0;
padding: 20px 12px;
min-height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.facts__grid .fact {
border-bottom: 1px solid #dbe5ef;
}
.facts__grid .fact:nth-child(odd) {
border-right: 1px solid #dbe5ef;
}
.facts__grid .fact:nth-last-child(-n + 2) {
border-bottom: 0;
}
.ic svg {
width: 28px;
height: 28px;
}
.fact h4 {
color: var(--brand);
}
.fact p {
line-height: 1.35;
padding: 0;
color: #5b6b79;
}
.goals__wrap {
grid-template-columns: 1fr;
gap: 22px;
grid-template-areas: 'left' 'card';
}
.goals__left {
padding: 0;
max-width: 335px;
}
.goals {
padding: 28px 16px;
}
.goals__title {
font-size: 24px;
margin-bottom: 10px;
}
.goals__list li,
.goals__text {
font-size: 15px;
}
.goals__text {
line-height: 1.55;
}
.goals__card {
max-width: 335px;
background: #eef3f7;
border-radius: 0;
padding: 18px 16px;
}
.goals__card-title {
font-size: 16px;
margin-bottom: 12px;
}
.goals__list {
gap: 10px;
}
.slot,
.slot__row,
.slot__time {
display: block;
}
.schedule,
.slot--talk .slot__row {
width: 100%;
box-sizing: border-box;
}
.slots {
border-top: 1px solid #e7edf4;
}
.slot {
border-bottom: 1px solid #e7edf4;
}
.schedule__title {
font-size: 24px;
}
.slot__time {
padding: 12px 0 6px;
margin: 0;
font-size: 13px;
color: #7a8ea1;
}
.slot__body {
max-width: 335px;
display: flex;
gap: 10px;
align-items: flex-start;
padding: 0 0 12px;
}
.slot__title {
margin: 0 0 8px;
font-size: 16px;
font-weight: 800;
color: #1f3245;
max-width: 100%;
}
.slot__title--muted {
font-weight: 700;
color: #365167;
}
.slot__title--strong {
font-weight: 800;
color: #1f3245;
}
.slot--talk .slot__row {
display: grid;
grid-template-columns: 40px minmax(0, 1fr) 16px;
align-items: start;
gap: 10px;
padding: 0;
background: 0 0;
border: 0;
text-align: left;
cursor: pointer;
}
.slot--talk .slot__time {
grid-column: 1/-1;
padding: 12px 0 6px;
}
.slot--talk .slot__avatar {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
}
.slot--talk .slot__meta {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
max-width: 335px;
}
.slot--talk .slot__speaker,
.slot--talk .slot__subtitle {
max-width: 275px;
}
.slot--talk .slot__subtitle {
font-size: 13px;
color: #60788f;
line-height: 1.35;
}
.slot--talk .slot__chev {
justify-self: end;
align-self: start;
display: block;
}
.slot--talk .slot__row[aria-expanded='true'] .slot__chev {
transform: rotate(180deg);
}
.slot__details {
padding: 6px 0 12px;
}
}
@media (max-width: 991px) {
.partners-section {
padding: 0;
margin: 0 auto;
}
.partners-section .section-title {
text-align: center;
font-size: 24px;
margin-bottom: 24px;
}
.partners-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
padding: 0 16px;
box-sizing: border-box;
max-width: 100%;
margin: 0 auto 50px;
}
.partner-card {
min-width: 0;
padding: 12px;
text-align: center;
border: 1px solid #d9e1ea;
border-radius: 8px;
background: #fff;
}
.partner-card > div {
font-size: clamp(12px, 3.6vw, 16px);
line-height: 1.25;
overflow-wrap: anywhere;
word-break: break-word;
}
.partner-card small {
font-size: clamp(10px, 3vw, 12px);
}
.partner-card img {
max-width: 100%;
height: auto;
display: block;
}
}
@media (max-width: 480px) {
.partners-grid {
gap: 12px;
}
.partner-card {
min-height: 80px;
padding: 15px;
font-size: 13px;
}
}
@media (min-width: 961px) {
.slot,
.slot__row {
grid-template-columns: 360px 1fr;
column-gap: var(--sched-gap);
align-items: center;
}
.slot--talk .slot__row {
grid-template-columns: 360px 1fr auto;
column-gap: var(--sched-gap);
align-items: start;
}
.slot__body {
grid-column: 2;
width: 100%;
min-width: 0;
display: flex;
gap: 12px;
align-items: flex-start;
padding-top: 10px;
}
.slot__meta {
flex: 1;
min-width: 0;
}
.slot__chev {
grid-column: 3;
justify-self: end;
align-self: start;
margin-top: 10px;
display: block;
}
.slot__speaker,
.slot__subtitle,
.slot__title {
width: auto !important;
max-width: 100% !important;
}
}
@media (max-width: 560px) {
.speakers {
padding: 24px 12px 68px;
position: relative;
}
.speakers__inner {
max-width: 335px;
margin: 0 auto;
}
.speakers__header {
margin-bottom: 12px;
}
.speakers__title {
text-align: center;
font-size: 22px;
}
.speakers__nav {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 12px;
gap: 12px;
}
.nav-btn {
width: 36px;
height: 36px;
}
.nav-btn--prev {
background: #e9edf4;
color: #91a2b4;
}
.nav-btn--next {
background: #162947;
color: #fff;
}
.speakers__track {
gap: 16px;
}
.speaker-card {
flex: 0 0 100%;
max-width: 335px;
flex: 0 0 calc(100% - var(--peek) - var(--gap));
max-width: none;
scroll-snap-align: start;
}
.speaker-card__figure {
width: 298px;
height: 400px;
border-radius: 12px;
}
.speaker-card__more {
width: 36px;
height: 36px;
background: #f0b43c;
color: #1a2532;
}
.speakers__viewport {
--side: 6px;
--gap: 8px;
padding-left: var(--side);
padding-right: var(--side);
scroll-padding-left: var(--side);
}
.speakers__track {
gap: var(--gap);
}
.speaker-card__caption {
font-size: 14px;
padding: 12px;
}
.speaker-card__position {
font-size: 14px;
}
.sp-modal__dialog {
--pad: 16px;
max-height: min(92vh, calc(100dvh - 2 * var(--pad)));
margin: 0;
display: flex;
flex-direction: column;
position: relative;
overflow: visible;
padding-top: 10px;
border-radius: 16px;
background: 0 0;
box-shadow: none;
}
.sp-modal__content {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
padding: 12px var(--pad) var(--pad);
overflow: hidden;
background: #fff;
border-radius: 16px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
grid-template-columns: 1fr;
}
.sp-modal__close {
position: absolute;
top: -38px;
right: 0;
z-index: 10;
width: 44px;
height: 44px;
border: 0;
border-radius: 50%;
color: #1f2d3d;
font-size: 22px;
font-weight: 800;
line-height: 1;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.sp-modal__img {
aspect-ratio: 3/4;
object-fit: cover;
border-radius: 12px;
box-shadow: 0 0 0 6px #fff;
}
.sp-modal__text {
flex: 1 1 auto;
min-height: 0;
margin-top: 12px;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding-right: 4px;
}
.sp-modal__title {
font-size: 20px;
margin: 4px 0 8px;
}
.speaker-card {
flex-basis: 82vw;
}
.sp-modal__dialog {
width: min(96vw, 640px);
}
.sp-modal__content img {
width: 100%;
}
}
@media (max-width: 820px) {
.speakers__title {
font-size: 28px;
}
}
@media (max-width: 640px) {
.contacts {
padding: 40px 12px 24px;
}
.contacts__title {
font-size: 28px;
}
.contacts__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
max-width: 100%;
}
.c-card {
padding: 20px 16px;
width: 180px;
height: 236px;
}
.c-card__icon svg {
width: 64px;
height: 64px;
}
.pricing__grid {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
gap: 16px;
padding-bottom: 12px;
}
.pricing__grid::-webkit-scrollbar {
display: none;
}
.price-card {
flex: 0 0 85%;
scroll-snap-align: start;
}
}
@media (max-width: 700px) {
.vip,
.vip__inner,
.vip__photo,
.vip__text {
height: auto;
}
.vip__inner {
max-width: 335px;
grid-template-columns: 1fr;
gap: 16px;
align-items: start;
}
.vip__text {
order: 0;
justify-content: center;
text-align: center;
}
.vip__title {
font-size: 26px;
margin: 12px 0 10px;
}
.vip__bottom {
margin-bottom: 8px;
}
.vip__name {
font-size: 18px;
margin-bottom: 6px;
}
.vip__meta {
font-size: 14px;
max-width: none;
}
.vip__photo {
order: 2;
align-items: flex-end;
}
.vip__photo img {
width: 100%;
max-width: 335px;
}
.event__inner {
margin-top: 15%;
margin-bottom: 0;
}
} @media (max-width: 768px) {
.lead-section {
padding: 48px 30px 24px;
}
.lead-section__container {
padding: 0;
}
.lead-section__lead {
padding: 0;
margin: 0;
font-family: 'Manrope', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
}