html.cfi-option-a-preview,
html.cfi-option-a-preview body {
min-width: 0;
overflow-x: clip;
}
html.cfi-option-a-preview .cfi-option-outer {
width: 100% !important;
height: auto !important;
overflow: clip !important;
}
html.cfi-option-a-preview .cfi-option-page {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
transform: none !important;
background:
linear-gradient(
to bottom,
#073b2f 0,
#073b2f 720px,
#f7f1e6 720px,
#f7f1e6 100%
);
}
html.cfi-option-a-preview .cfi-option-page > .cfi-section:not(.cfi-hero),
html.cfi-option-a-preview .cfi-option-page > .cfi-section:not(.cfi-hero) > div,
html.cfi-option-a-preview
.cfi-option-page
> main
> .cfi-section:not(.cfi-hero),
html.cfi-option-a-preview
.cfi-option-page
> main
> .cfi-section:not(.cfi-hero)
> div,
html.cfi-option-a-preview .cfi-option-page > .cfi-footer {
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
}
html.cfi-option-a-preview .cfi-mobile-menu {
max-height: 100dvh;
overflow-y: auto;
overscroll-behavior: contain;
}
html.cfi-option-a-preview .cfi-boundlearn-burger,
html.cfi-option-a-preview .cfi-boundlearn-menu {
display: none;
}
html.cfi-option-a-preview.cfi-boundlearn-menu-open {
overflow: auto;
}
html.cfi-option-a-preview .cfi-boundlearn-menu[hidden] {
display: none !important;
}
html.cfi-option-a-preview .cfi-section:not(.cfi-hero) {
width: min(100%, 1440px);
margin-inline: auto;
scroll-margin-top: 72px;
}
html.cfi-option-a-preview .cfi-hero {
width: min(100%, 1440px);
margin-inline: auto;
}
html.cfi-option-a-preview .ci-t1nav,
html.cfi-option-a-preview .ci-nav {
padding-inline:
max(56px, calc((100vw - 1440px) / 2 + 56px)) !important;
}
html.cfi-option-a-preview .ci-sticky {
padding-inline:
max(40px, calc((100vw - 1440px) / 2 + 40px)) !important;
}
html.cfi-option-a-preview .cfi-hero,
html.cfi-option-a-preview .cfi-hero-content {
min-height: 720px !important;
}
html.cfi-option-a-preview .cfi-hero-content {
width: min(100%, 1440px);
margin-inline: auto;
padding-inline: 58px !important;
}
html.cfi-option-a-preview .cfi-hero h1 {
max-width: 640px !important;
font-size: 64px !important;
}
html.cfi-option-a-preview .cfi-section-heading {
min-width: 0;
}
html.cfi-option-a-preview .cfi-section-body {
min-width: 0;
}
html.cfi-option-a-preview .cfi-mobile-inclusions-details {
display: none;
}
@media (max-width: 1180px) {
html.cfi-option-a-preview .cfi-section:not(.cfi-hero) {
width: 100%;
}
html.cfi-option-a-preview .ci-t1nav,
html.cfi-option-a-preview .ci-nav,
html.cfi-option-a-preview .ci-sticky {
padding-inline: 32px !important;
}
html.cfi-option-a-preview .cfi-links,
html.cfi-option-a-preview .ci-sticky-links {
display: none !important;
}
html.cfi-option-a-preview .ci-burger,
html.cfi-option-a-preview .ci-sticky-burger {
display: inline-flex !important;
}
html.cfi-option-a-preview .cfi-hero,
html.cfi-option-a-preview .cfi-hero-content {
min-height: clamp(600px, 78vh, 680px) !important;
}
html.cfi-option-a-preview .cfi-hero-content {
padding: 0 40px 56px !important;
}
html.cfi-option-a-preview .cfi-hero h1 {
max-width: 620px !important;
font-size: clamp(50px, 6vw, 60px) !important;
}
html.cfi-option-a-preview .cfi-intro {
grid-template-columns: minmax(0, 1.75fr) repeat(3, minmax(116px, 0.55fr)) !important;
}
html.cfi-option-a-preview .cfi-intro-art-cell {
display: none !important;
}
html.cfi-option-a-preview .cfi-intro-copy {
padding: 34px 32px !important;
}
html.cfi-option-a-preview .cfi-intro-stat {
padding: 34px 20px !important;
}
html.cfi-option-a-preview .cfi-impact,
html.cfi-option-a-preview .cfi-tracks,
html.cfi-option-a-preview .cfi-curriculum,
html.cfi-option-a-preview .cfi-case,
html.cfi-option-a-preview .cfi-testimonials,
html.cfi-option-a-preview .cfi-apply,
html.cfi-option-a-preview .cfi-faq {
display: grid !important;
grid-template-columns: 270px minmax(0, 1fr) !important;
height: auto !important;
}
html.cfi-option-a-preview .cfi-section-heading {
padding: 48px 32px !important;
}
html.cfi-option-a-preview .cfi-section-body {
min-width: 0;
}
html.cfi-option-a-preview .cfi-impact .cfi-section-body {
padding: 40px 32px !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 28px !important;
}
html.cfi-option-a-preview .cfi-impact-timeline {
width: 100% !important;
max-width: none !important;
height: 429px !important;
}
html.cfi-option-a-preview .cfi-impact-video {
width: 100% !important;
max-width: none !important;
height: 300px !important;
}
html.cfi-option-a-preview .cfi-tracks .cfi-section-body,
html.cfi-option-a-preview .cfi-curriculum .cfi-section-body {
padding: 40px 32px !important;
}
html.cfi-option-a-preview .cfi-track-grid,
html.cfi-option-a-preview .cfi-curriculum-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html.cfi-option-a-preview .cfi-track-card:last-child,
html.cfi-option-a-preview .cfi-curriculum-grid > :last-child {
grid-column: 1 / -1;
}
html.cfi-option-a-preview .cfi-outcomes {
padding: 64px 32px 68px !important;
}
html.cfi-option-a-preview .cfi-outcomes-grid {
gap: 16px !important;
}
html.cfi-option-a-preview .cfi-mentors {
display: grid !important;
grid-template-columns: 270px minmax(0, 1fr) !important;
}
html.cfi-option-a-preview .cfi-mentor-heading,
html.cfi-option-a-preview .cfi-founder {
padding: 48px 32px !important;
}
html.cfi-option-a-preview .cfi-mentor-grid {
padding: 28px !important;
}
html.cfi-option-a-preview .cfi-founder {
grid-column: 1 / -1;
border-top: 1px solid #d8ddd4;
border-left: 0 !important;
}
html.cfi-option-a-preview .cfi-application-steps {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html.cfi-option-a-preview .cfi-apply .cfi-section-body {
grid-template-columns: 1fr !important;
}
html.cfi-option-a-preview .cfi-application-cta {
min-height: 260px;
}
html.cfi-option-a-preview .cfi-faq .cfi-section-body {
padding: 40px 32px !important;
}
html.cfi-option-a-preview .cfi-faq-grid {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 900px) {
html.cfi-option-a-preview .t1-links {
display: none !important;
}
html.cfi-option-a-preview .cfi-case-slide {
grid-template-columns: 1fr !important;
gap: 0 !important;
padding: 8px 32px 28px !important;
}
html.cfi-option-a-preview .cfi-case-slide > div:first-child {
padding-top: 56px !important;
}
html.cfi-option-a-preview .cfi-case-slide > div:last-child {
padding-top: 54px !important;
}
html.cfi-option-a-preview .cfi-testimonial-page {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 820px) {
html.cfi-option-a-preview .cfi-track-card > div {
transform: none !important;
transform-style: flat !important;
}
html.cfi-option-a-preview .cfi-track-card > div > div:first-child {
min-height: 0 !important;
padding-bottom: 28px !important;
}
html.cfi-option-a-preview .cfi-track-card > div > div:first-child > button {
display: none !important;
}
html.cfi-option-a-preview .cfi-track-card > div > div:nth-child(2) {
display: none !important;
}
html.cfi-option-a-preview .cfi-mobile-inclusions-details {
display: block;
border-top: 1px solid #d8ddd4;
}
html.cfi-option-a-preview .cfi-mobile-inclusions-details > summary {
min-height: 52px;
padding: 15px 22px;
display: flex;
align-items: center;
justify-content: space-between;
color: #073b2f;
font-size: 13px;
font-weight: 700;
}
html.cfi-option-a-preview .cfi-mobile-inclusions-details > summary::after {
content: "+";
font-family: "Newsreader", Georgia, serif;
font-size: 22px;
font-weight: 400;
line-height: 1;
}
html.cfi-option-a-preview
.cfi-mobile-inclusions-details[open]
> summary::after {
content: "−";
}
html.cfi-option-a-preview .cfi-mobile-inclusions {
position: static !important;
inset: auto !important;
min-height: 0 !important;
padding: 4px 22px 24px !important;
transform: none !important;
display: block !important;
background: transparent !important;
backface-visibility: visible !important;
}
html.cfi-option-a-preview .cfi-mobile-inclusions > ul {
min-height: 0 !important;
}
}
html.cfi-option-a-preview :is(.ci-nav, .ci-sticky).bl-programme-autohide-owner {
transition: transform .22s cubic-bezier(.4,0,.2,1), top .22s cubic-bezier(.4,0,.2,1) !important;
will-change: transform;
}
html.cfi-option-a-preview :is(.ci-nav, .ci-sticky).bl-programme-autohide-owner.is-scroll-hidden {
transform: translate3d(0, calc(-100% - var(--bl-programme-tier-top, 12px)), 0) !important;
pointer-events: none !important;
}
html.cfi-option-a-preview .ci-sticky {
top: var(--bl-programme-tier-top, 12px) !important;
}
@media (min-width: 768px) and (max-width: 1180px) {
html.cfi-option-a-preview .ci-sticky-apply {
display: none !important;
}
html.cfi-option-a-preview .cfi-intro > .ci-artbg {
display: none !important;
}
html.cfi-option-a-preview .cfi-intro {
display: grid !important;
grid-template-columns:
minmax(360px, 1.9fr)
repeat(3, minmax(104px, 0.65fr)) !important;
}
html.cfi-option-a-preview .cfi-intro-copy {
grid-column: auto;
padding: 36px 30px !important;
border-right: 1px solid #d8ddd4 !important;
border-bottom: 0;
}
html.cfi-option-a-preview .cfi-intro-stat {
min-width: 0;
min-height: 0;
padding: 28px 16px !important;
}
html.cfi-option-a-preview .cfi-impact,
html.cfi-option-a-preview .cfi-tracks,
html.cfi-option-a-preview .cfi-curriculum,
html.cfi-option-a-preview .cfi-case,
html.cfi-option-a-preview .cfi-testimonials,
html.cfi-option-a-preview .cfi-apply,
html.cfi-option-a-preview .cfi-faq {
grid-template-columns: minmax(0, 1fr) !important;
}
html.cfi-option-a-preview .cfi-impact {
grid-template-columns:
clamp(270px, 30vw, 300px)
minmax(0, 1fr) !important;
}
html.cfi-option-a-preview
.cfi-impact.cfi-section
.cfi-section-heading {
padding: 48px 32px !important;
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: left;
border-right: 1px solid #d8ddd4 !important;
border-bottom: 0;
}
html.cfi-option-a-preview .cfi-impact .cfi-section-heading > div,
html.cfi-option-a-preview .cfi-impact .cfi-section-heading > h2,
html.cfi-option-a-preview .cfi-impact .cfi-section-heading > p {
width: 100%;
max-width: 230px !important;
text-align: left;
}
html.cfi-option-a-preview .cfi-impact .cfi-section-heading > svg {
margin: 8px auto 0 !important;
}
html.cfi-option-a-preview .cfi-impact .cfi-section-heading > h2 {
font-size: 32px !important;
line-height: 1.08 !important;
}
html.cfi-option-a-preview .cfi-impact .cfi-section-heading > p {
max-width: 230px !important;
margin: 14px auto 0 !important;
}
html.cfi-option-a-preview .cfi-impact .cfi-section-body {
padding: 32px clamp(28px, 4vw, 40px) !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start;
gap: 0 !important;
}
html.cfi-option-a-preview .cfi-impact-timeline {
width: 100% !important;
max-width: none !important;
height: 429px !important;
overflow: hidden !important;
}
html.cfi-option-a-preview
.cfi-impact-timeline
> div
> div:not(:first-child)
> div:last-child {
min-width: 0;
}
html.cfi-option-a-preview
.cfi-impact-timeline
> div
> div:not(:first-child)
p {
max-width: 620px !important;
}
html.cfi-option-a-preview
.cfi-impact-timeline
> div
> div:nth-child(6n + 2)
> div:first-child {
border-color: #647b4f !important;
background: #647b4f !important;
color: #fffdf8 !important;
}
html.cfi-option-a-preview
.cfi-impact-timeline
> div
> div:nth-child(6n + 3)
> div:first-child {
border-color: #567e97 !important;
background: #567e97 !important;
color: #fffdf8 !important;
}
html.cfi-option-a-preview
.cfi-impact-timeline
> div
> div:nth-child(6n + 4)
> div:first-child {
border-color: #c7922c !important;
background: #c7922c !important;
color: #fffdf8 !important;
}
html.cfi-option-a-preview
.cfi-impact-timeline
> div
> div:nth-child(6n + 5)
> div:first-child {
border-color: #c96b4f !important;
background: #c96b4f !important;
color: #fffdf8 !important;
}
html.cfi-option-a-preview
.cfi-impact-timeline
> div
> div:nth-child(6n + 6)
> div:first-child {
border-color: #9b7fbe !important;
background: #9b7fbe !important;
color: #fffdf8 !important;
}
html.cfi-option-a-preview
.cfi-impact-timeline
> div
> div:nth-child(6n + 7)
> div:first-child {
border-color: #6470a8 !important;
background: #6470a8 !important;
color: #fffdf8 !important;
}
html.cfi-option-a-preview .cfi-impact-video {
display: none !important;
}
html.cfi-option-a-preview .cfi-mentors {
grid-template-columns: minmax(0, 1fr) !important;
}
html.cfi-option-a-preview .cfi-section-heading {
min-height: 0;
padding: 34px 40px 30px !important;
text-align: center;
border-right: 0 !important;
border-bottom: 1px solid #d8ddd4;
}
html.cfi-option-a-preview .cfi-mentor-heading,
html.cfi-option-a-preview .cfi-founder {
padding: 38px 40px 34px !important;
border-right: 0 !important;
border-left: 0 !important;
}
html.cfi-option-a-preview .cfi-mentor-heading {
text-align: center;
border-bottom: 1px solid #d8ddd4;
}
html.cfi-option-a-preview .cfi-mentor-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
padding: 32px 40px 40px !important;
}
html.cfi-option-a-preview .cfi-founder {
grid-column: auto;
}
html.cfi-option-a-preview .cfi-impact .cfi-section-heading,
html.cfi-option-a-preview .cfi-tracks .cfi-section-heading,
html.cfi-option-a-preview .cfi-curriculum .cfi-section-heading,
html.cfi-option-a-preview .cfi-case .cfi-section-heading {
display: block !important;
}
html.cfi-option-a-preview .cfi-section-heading > h2,
html.cfi-option-a-preview .cfi-mentor-heading > h2 {
margin-top: 14px !important;
}
html.cfi-option-a-preview .cfi-section-heading > svg,
html.cfi-option-a-preview .cfi-mentor-heading > svg {
margin: 8px auto 0 !important;
}
html.cfi-option-a-preview .cfi-section-heading > p,
html.cfi-option-a-preview .cfi-mentor-heading > p {
max-width: 48ch !important;
margin: 14px auto 0 !important;
}
html.cfi-option-a-preview .cfi-impact .cfi-section-body,
html.cfi-option-a-preview .cfi-tracks .cfi-section-body,
html.cfi-option-a-preview .cfi-curriculum .cfi-section-body,
html.cfi-option-a-preview .cfi-faq .cfi-section-body {
padding-inline: 40px !important;
}
}
@media (min-width: 768px) and (max-width: 1180px) {
html.cfi-option-a-preview .t1-links {
display: none !important;
}
html.cfi-option-a-preview .cfi-boundlearn-burger {
width: 44px;
height: 44px;
margin-left: auto;
padding: 0;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
border: 1px solid rgba(226, 232, 240, 0.3);
border-radius: 9px;
background: transparent;
cursor: pointer;
}
html.cfi-option-a-preview .cfi-boundlearn-burger > span {
width: 16px;
height: 2px;
background: #f5f5f7;
}
html.cfi-option-a-preview .cfi-boundlearn-menu {
position: fixed;
inset: 0;
z-index: 400;
padding:
18px 32px
max(28px, env(safe-area-inset-bottom));
display: flex;
flex-direction: column;
overflow-y: auto;
overscroll-behavior: contain;
background: #0b1221;
color: #f5f5f7;
}
html.cfi-option-a-preview .cfi-boundlearn-menu-header {
min-height: 48px;
position: sticky;
top: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 18px;
background: #0b1221;
}
html.cfi-option-a-preview .cfi-boundlearn-menu-header img {
width: auto;
height: 22px;
filter: brightness(0) invert(1);
}
html.cfi-option-a-preview .cfi-boundlearn-menu-header button {
width: 42px;
height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(226, 232, 240, 0.28);
border-radius: 9px;
background: transparent;
color: #f5f5f7;
font-size: 24px;
line-height: 1;
}
html.cfi-option-a-preview .cfi-boundlearn-menu nav {
display: flex;
flex-direction: column;
font-family: "Cinzel", Georgia, serif;
}
html.cfi-option-a-preview
.cfi-boundlearn-menu
.cfi-boundlearn-primary {
min-height: 52px;
display: flex;
align-items: center;
border-bottom: 1px solid rgba(212, 175, 55, 0.16);
color: #f5f5f7;
font-family: "Cinzel", Georgia, serif;
font-size: 21px;
font-weight: 500;
letter-spacing: 0;
}
html.cfi-option-a-preview .cfi-boundlearn-programs-disclosure {
border-bottom: 1px solid rgba(212, 175, 55, 0.16);
}
html.cfi-option-a-preview
.cfi-boundlearn-programs-disclosure
> summary {
border-bottom: 0;
cursor: pointer;
list-style: none;
}
html.cfi-option-a-preview
.cfi-boundlearn-programs-disclosure
> summary::-webkit-details-marker {
display: none;
}
html.cfi-option-a-preview
.cfi-boundlearn-programs-disclosure
> summary::after {
content: "+";
margin-left: auto;
color: #d4af37;
font-family: "Manrope", system-ui, sans-serif;
font-size: 22px;
font-weight: 400;
}
html.cfi-option-a-preview
.cfi-boundlearn-programs-disclosure[open]
> summary::after {
content: "\2212";
}
html.cfi-option-a-preview .cfi-boundlearn-programs {
padding: 0 0 12px;
display: flex;
flex-direction: column;
}
html.cfi-option-a-preview .cfi-boundlearn-programs > a {
min-height: 38px;
padding: 7px 4px;
display: block;
color: #c7d0e0;
font-family: "Cinzel", Georgia, serif;
font-size: 14.5px;
line-height: 1.4;
}
html.cfi-option-a-preview .cfi-boundlearn-menu-apply {
min-height: 48px;
margin-top: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 9px;
background: #d4af37;
color: #0a0f0c;
font-family: "Manrope", system-ui, sans-serif;
font-size: 14px;
font-weight: 800;
}
html.cfi-option-a-preview .ci-nav .ci-burger {
border-color: #cbd3ca !important;
background: #fffdf8 !important;
}
html.cfi-option-a-preview .ci-nav .ci-burger svg {
stroke: #073b2f;
}
html.cfi-option-a-preview .cfi-mobile-menu {
padding:
18px 32px
max(28px, env(safe-area-inset-bottom)) !important;
background: #f7f1e6 !important;
color: #073b2f !important;
}
html.cfi-option-a-preview .cfi-mobile-menu-header {
min-height: 48px;
position: sticky;
top: 0;
z-index: 2;
margin-bottom: 10px !important;
background: #f7f1e6;
}
html.cfi-option-a-preview .cfi-mobile-menu-header img {
height: 38px !important;
filter: none !important;
}
html.cfi-option-a-preview .cfi-mobile-menu-header button {
width: 42px !important;
height: 42px !important;
border: 1px solid #cbd3ca !important;
border-radius: 6px !important;
background: #fffdf8 !important;
color: #073b2f !important;
}
html.cfi-option-a-preview .cfi-mobile-menu-global,
html.cfi-option-a-preview .cfi-mobile-menu-home {
display: none !important;
}
html.cfi-option-a-preview .cfi-mobile-menu-link {
min-height: 48px;
padding: 11px 0 !important;
display: flex !important;
align-items: center;
border-bottom: 1px solid #d8ddd4 !important;
color: #073b2f !important;
font-family: "Newsreader", Georgia, serif !important;
font-size: 20px !important;
line-height: 1.1;
}
html.cfi-option-a-preview
.cfi-mobile-menu
.cfi-mobile-menu-home {
display: none !important;
}
html.cfi-option-a-preview .cfi-mobile-menu-cta {
min-height: 50px;
margin-top: 18px !important;
padding: 13px 22px !important;
border-radius: 9px !important;
background: #647b4f !important;
color: #fff !important;
}
html.cfi-option-a-preview .cfi-intro-copy {
padding: 36px 30px !important;
text-align: left;
align-items: flex-start;
}
html.cfi-option-a-preview .cfi-intro-copy > p {
max-width: 430px !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
html.cfi-option-a-preview .cfi-intro-stat {
text-align: center;
align-items: center;
}
html.cfi-option-a-preview .cfi-section-heading {
padding: 30px 36px 28px !important;
}
html.cfi-option-a-preview .cfi-mentor-heading {
padding: 34px 36px 30px !important;
}
html.cfi-option-a-preview .cfi-impact .cfi-section-body,
html.cfi-option-a-preview .cfi-tracks .cfi-section-body,
html.cfi-option-a-preview .cfi-curriculum .cfi-section-body,
html.cfi-option-a-preview .cfi-faq .cfi-section-body {
padding-inline: 32px !important;
}
html.cfi-option-a-preview .cfi-mentor-grid {
padding: 30px 32px 36px !important;
}
html.cfi-option-a-preview .cfi-footer {
padding: 54px 32px 32px !important;
}
html.cfi-option-a-preview .ci-foot-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 34px 28px !important;
}
html.cfi-option-a-preview .ci-foot-grid > div:first-child,
html.cfi-option-a-preview .ci-foot-links--programs {
grid-column: 1 / -1;
}
html.cfi-option-a-preview .ci-foot-links--programs > div:last-child {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 28px !important;
}
}
@media (max-width: 767px) {
html.cfi-option-a-preview .ci-mobile section {
display: grid !important;
}
html.cfi-option-a-preview .ci-mobile footer {
display: block !important;
}
html.cfi-option-a-preview .ci-t1nav,
html.cfi-option-a-preview .ci-nav,
html.cfi-option-a-preview .ci-sticky {
padding-inline: 20px !important;
}
html.cfi-option-a-preview .cfi-boundlearn-burger {
width: 44px;
height: 44px;
margin-left: auto;
padding: 0;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
border: 1px solid rgba(226, 232, 240, 0.3);
border-radius: 9px;
background: transparent;
cursor: pointer;
}
html.cfi-option-a-preview .cfi-boundlearn-burger > span {
width: 16px;
height: 2px;
background: #f5f5f7;
}
html.cfi-option-a-preview .cfi-boundlearn-menu {
position: fixed;
inset: 0;
z-index: 400;
padding:
18px 20px
max(24px, env(safe-area-inset-bottom));
display: flex;
flex-direction: column;
overflow-y: auto;
overscroll-behavior: contain;
background: #0b1221;
color: #f5f5f7;
font-family: "Manrope", system-ui, sans-serif;
}
html.cfi-option-a-preview .cfi-boundlearn-menu-header {
min-height: 48px;
position: sticky;
top: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 18px;
background: #0b1221;
}
html.cfi-option-a-preview .cfi-boundlearn-menu-header img {
width: auto;
height: 22px;
filter: brightness(0) invert(1);
}
html.cfi-option-a-preview .cfi-boundlearn-menu-header button {
width: 42px;
height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(226, 232, 240, 0.28);
border-radius: 9px;
background: transparent;
color: #f5f5f7;
font-size: 24px;
line-height: 1;
}
html.cfi-option-a-preview .cfi-boundlearn-menu nav {
display: flex;
flex-direction: column;
font-family: "Cinzel", Georgia, serif;
}
html.cfi-option-a-preview
.cfi-boundlearn-menu
.cfi-boundlearn-primary {
min-height: 52px;
display: flex;
align-items: center;
border-bottom: 1px solid rgba(212, 175, 55, 0.16);
color: #f5f5f7;
font-family: "Cinzel", Georgia, serif;
font-size: 21px;
font-weight: 500;
letter-spacing: 0;
}
html.cfi-option-a-preview .cfi-boundlearn-programs-disclosure {
border-bottom: 1px solid rgba(212, 175, 55, 0.16);
}
html.cfi-option-a-preview
.cfi-boundlearn-programs-disclosure
> summary {
border-bottom: 0;
cursor: pointer;
list-style: none;
}
html.cfi-option-a-preview
.cfi-boundlearn-programs-disclosure
> summary::-webkit-details-marker {
display: none;
}
html.cfi-option-a-preview
.cfi-boundlearn-programs-disclosure
> summary::after {
content: "+";
margin-left: auto;
color: #d4af37;
font-family: "Manrope", system-ui, sans-serif;
font-size: 22px;
font-weight: 400;
}
html.cfi-option-a-preview
.cfi-boundlearn-programs-disclosure[open]
> summary::after {
content: "\2212";
}
html.cfi-option-a-preview .cfi-boundlearn-programs {
padding: 0 0 12px;
display: flex;
flex-direction: column;
}
html.cfi-option-a-preview .cfi-boundlearn-programs > a {
min-height: 38px;
padding: 7px 4px;
display: block;
color: #c7d0e0;
font-family: "Cinzel", Georgia, serif;
font-size: 14.5px;
line-height: 1.4;
}
html.cfi-option-a-preview .cfi-boundlearn-programs > a span {
color: #8593ac;
font-size: 12px;
white-space: nowrap;
}
html.cfi-option-a-preview .cfi-boundlearn-menu-apply {
min-height: 48px;
margin-top: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 9px;
background: #d4af37;
color: #0a0f0c;
font-family: "Manrope", system-ui, sans-serif;
font-size: 14px;
font-weight: 800;
}
html.cfi-option-a-preview .ci-burger,
html.cfi-option-a-preview .ci-sticky-burger {
width: 42px !important;
height: 42px !important;
border-radius: 6px !important;
}
html.cfi-option-a-preview .cfi-mobile-menu {
padding:
16px 20px
max(24px, env(safe-area-inset-bottom)) !important;
background: #f7f1e6 !important;
color: #073b2f !important;
}
html.cfi-option-a-preview .cfi-mobile-menu-header {
min-height: 48px;
position: sticky;
top: 0;
z-index: 2;
margin-bottom: 10px !important;
background: #f7f1e6;
}
html.cfi-option-a-preview .cfi-mobile-menu-header img {
height: 38px !important;
filter: none !important;
}
html.cfi-option-a-preview .cfi-mobile-menu-header button {
width: 42px !important;
height: 42px !important;
border: 1px solid #cbd3ca !important;
border-radius: 6px !important;
background: #fffdf8 !important;
color: #073b2f !important;
}
html.cfi-option-a-preview .cfi-mobile-menu-global {
display: none !important;
}
html.cfi-option-a-preview .cfi-mobile-menu-link {
min-height: 48px;
padding: 11px 0 !important;
display: flex !important;
align-items: center;
border-bottom: 1px solid #d8ddd4 !important;
color: #073b2f !important;
font-family: "Newsreader", Georgia, serif !important;
font-size: 20px !important;
line-height: 1.1;
}
html.cfi-option-a-preview .cfi-mobile-menu-cta {
min-height: 48px;
margin-top: 18px !important;
padding: 13px 22px !important;
border-radius: 4px !important;
background: #647b4f !important;
color: #fff !important;
}
html.cfi-option-a-preview .cfi-hero {
display: block !important;
min-height: clamp(540px, 78svh, 640px) !important;
}
html.cfi-option-a-preview .cfi-hero-content {
min-height: clamp(540px, 78svh, 640px) !important;
padding: 0 22px 40px !important;
}
html.cfi-option-a-preview .cfi-hero h1 {
max-width: 540px !important;
font-size: clamp(36px, 10.4vw, 40px) !important;
line-height: 1.02 !important;
}
html.cfi-option-a-preview .cfi-intro {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html.cfi-option-a-preview .cfi-intro-copy {
grid-column: 1 / -1;
padding: 38px 22px 34px !important;
text-align: center;
border-right: 0 !important;
border-bottom: 1px solid #d8ddd4;
}
html.cfi-option-a-preview .cfi-intro-copy > p {
max-width: 36ch !important;
margin-right: auto !important;
margin-left: auto !important;
}
html.cfi-option-a-preview .cfi-intro-stat {
min-width: 0;
padding: 28px 12px !important;
align-items: center;
text-align: center;
}
html.cfi-option-a-preview .cfi-intro-stat > div:first-child {
font-size: clamp(30px, 9vw, 38px) !important;
}
html.cfi-option-a-preview .cfi-impact,
html.cfi-option-a-preview .cfi-tracks,
html.cfi-option-a-preview .cfi-curriculum,
html.cfi-option-a-preview .cfi-case,
html.cfi-option-a-preview .cfi-testimonials,
html.cfi-option-a-preview .cfi-apply,
html.cfi-option-a-preview .cfi-faq {
grid-template-columns: minmax(0, 1fr) !important;
}
html.cfi-option-a-preview .cfi-section-heading,
html.cfi-option-a-preview .cfi-mentor-heading,
html.cfi-option-a-preview .cfi-founder {
padding: 30px 22px 26px !important;
border-right: 0 !important;
border-left: 0 !important;
}
html.cfi-option-a-preview .cfi-section-heading,
html.cfi-option-a-preview .cfi-mentor-heading {
text-align: center;
}
html.cfi-option-a-preview .cfi-section-heading h2,
html.cfi-option-a-preview .cfi-mentor-heading h2 {
font-size: 32px !important;
margin-top: 13px !important;
}
html.cfi-option-a-preview .cfi-section-heading > svg,
html.cfi-option-a-preview .cfi-mentor-heading > svg {
margin: 8px auto 0 !important;
}
html.cfi-option-a-preview .cfi-section-heading > p,
html.cfi-option-a-preview .cfi-mentor-heading > p {
max-width: 36ch !important;
margin: 13px auto 0 !important;
}
html.cfi-option-a-preview .cfi-founder {
text-align: center;
}
html.cfi-option-a-preview .cfi-founder > div:nth-child(3) {
flex-direction: column !important;
justify-content: center;
gap: 10px !important;
margin-bottom: 24px !important;
text-align: center;
}
html.cfi-option-a-preview .cfi-founder > ul {
width: min(100%, 340px);
margin: 0 auto 24px !important;
text-align: left;
}
html.cfi-option-a-preview .cfi-founder > a {
margin-inline: auto;
}
html.cfi-option-a-preview .cfi-impact .cfi-section-body {
padding: 0 22px 36px !important;
}
html.cfi-option-a-preview .ci-mobile .cfi-impact-timeline {
width: 100% !important;
height: auto !important;
overflow: visible !important;
}
html.cfi-option-a-preview .ci-mobile .cfi-impact-timeline > div {
position: static !important;
transform: none !important;
}
html.cfi-option-a-preview .ci-mobile .cfi-impact-video {
width: 100% !important;
height: 240px !important;
}
html.cfi-option-a-preview .cfi-tracks .cfi-section-body,
html.cfi-option-a-preview .cfi-curriculum .cfi-section-body {
padding: 0 22px 40px !important;
}
html.cfi-option-a-preview .cfi-track-grid,
html.cfi-option-a-preview .cfi-curriculum-grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 16px !important;
}
html.cfi-option-a-preview .cfi-track-card:last-child,
html.cfi-option-a-preview .cfi-curriculum-grid > :last-child {
grid-column: auto;
}
html.cfi-option-a-preview .cfi-outcomes {
display: block !important;
padding: 54px 22px 58px !important;
}
html.cfi-option-a-preview .cfi-outcomes-heading {
margin-bottom: 34px !important;
}
html.cfi-option-a-preview .cfi-outcomes-grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 16px !important;
}
html.cfi-option-a-preview .cfi-mentors {
grid-template-columns: minmax(0, 1fr) !important;
}
html.cfi-option-a-preview .cfi-mentor-grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 16px !important;
padding: 0 22px 36px !important;
}
html.cfi-option-a-preview .cfi-mentor-grid > div {
min-height: 230px !important;
display: grid !important;
grid-template-columns: minmax(0, 58%) minmax(0, 42%);
}
html.cfi-option-a-preview .cfi-mentor-grid > div > div:first-child {
position: relative !important;
inset: auto !important;
max-width: none !important;
min-width: 0;
padding: 18px 14px 16px 18px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
html.cfi-option-a-preview
.cfi-mentor-grid
> div
> div:first-child
> a {
min-height: 34px;
margin-top: auto !important;
padding: 8px 10px !important;
font-size: 10.5px !important;
}
html.cfi-option-a-preview .cfi-mentor-grid > div > div:nth-child(2) {
position: relative !important;
inset: auto !important;
width: 100% !important;
min-width: 0;
min-height: 230px;
}
html.cfi-option-a-preview .cfi-founder {
grid-column: auto;
}
html.cfi-option-a-preview .cfi-case .cfi-section-body {
min-width: 0;
}
html.cfi-option-a-preview .cfi-case-slide {
grid-template-columns: minmax(0, 1fr) !important;
padding: 6px 22px 24px !important;
}
html.cfi-option-a-preview .cfi-case-slide > div:first-child {
padding-top: 44px !important;
}
html.cfi-option-a-preview .cfi-case-slide > div:last-child {
padding-top: 42px !important;
}
html.cfi-option-a-preview .cfi-testimonial-page {
grid-template-columns: minmax(0, 1fr) !important;
gap: 14px !important;
padding: 24px 22px 14px !important;
}
html.cfi-option-a-preview .cfi-apply .cfi-section-body {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
}
html.cfi-option-a-preview .cfi-application-steps {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html.cfi-option-a-preview .cfi-application-steps > div {
padding: 30px 14px 28px !important;
}
html.cfi-option-a-preview .cfi-application-cta {
min-height: 250px;
padding: 40px 28px !important;
align-items: center;
text-align: center;
}
html.cfi-option-a-preview .cfi-application-cta > div {
max-width: 15ch;
}
html.cfi-option-a-preview .cfi-application-cta > a {
margin-inline: auto;
}
html.cfi-option-a-preview .cfi-faq .cfi-section-body {
padding: 0 22px 40px !important;
}
html.cfi-option-a-preview .cfi-footer {
padding: 54px 22px 30px !important;
}
html.cfi-option-a-preview .ci-foot-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 34px 24px !important;
}
html.cfi-option-a-preview .ci-foot-grid > div:first-child {
grid-column: 1 / -1;
}
html.cfi-option-a-preview .ci-foot-links--programs {
grid-column: 1 / -1;
}
html.cfi-option-a-preview .ci-foot-links--programs > div:last-child {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 24px !important;
}
}
@keyframes cfiBoundlearnDrawerIn {
from {
opacity: 0.72;
transform: translateX(28px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
html.cfi-option-a-preview .cfi-boundlearn-menu-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 22px;
}
html.cfi-option-a-preview
.cfi-boundlearn-menu-actions
.cfi-boundlearn-menu-apply {
min-width: 0;
margin-top: 0;
}
html.cfi-option-a-preview .cfi-boundlearn-menu-contact {
min-width: 0;
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(212, 175, 55, 0.42);
border-radius: 9px;
color: #f5f5f7;
font-family: "Manrope", system-ui, sans-serif;
font-size: 14px;
font-weight: 800;
}
@media (min-width: 768px) and (max-width: 1180px) {
html.cfi-option-a-preview .cfi-boundlearn-menu {
inset: 76px 20px auto auto;
width: min(420px, calc(100vw - 40px));
max-height: calc(100svh - 96px);
padding: 18px 20px 22px;
border: 1px solid rgba(212, 175, 55, 0.22);
border-radius: 14px;
box-shadow: 0 24px 56px rgba(0, 0, 0, 0.36);
animation: cfiBoundlearnDrawerIn 0.24s
cubic-bezier(0.22, 1, 0.36, 1) both;
}
}
@media (max-width: 767px) {
html.cfi-option-a-preview .cfi-boundlearn-menu {
inset: 12px 12px auto auto;
width: min(340px, calc(100vw - 32px));
max-height: calc(100svh - 24px);
padding: 18px 20px 22px;
border: 1px solid rgba(212, 175, 55, 0.22);
border-radius: 14px;
box-shadow: 0 24px 56px rgba(0, 0, 0, 0.36);
animation: cfiBoundlearnDrawerIn 0.24s
cubic-bezier(0.22, 1, 0.36, 1) both;
}
}
@media (prefers-reduced-motion: reduce) {
html.cfi-option-a-preview .cfi-boundlearn-menu {
animation: none;
}
}
/* Approved programme overview composition */
html.cfi-option-a-preview .cfi-intro-live {
position: relative !important;
display: block !important;
width: min(100%, 1440px);
height: 405px;
aspect-ratio: auto !important;
overflow: hidden;
border: 1px solid #d8ddd4;
border-top: 0;
background: #f7f1e6;
}
html.cfi-option-a-preview .cfi-intro-art,
html.cfi-option-a-preview .cfi-intro-lines {
position: absolute;
inset: 0;
display: block;
pointer-events: none;
}
html.cfi-option-a-preview .cfi-intro-art {
z-index: 1;
background: transparent;
}
html.cfi-option-a-preview .cfi-intro-lines {
z-index: 0;
}
html.cfi-option-a-preview .cfi-intro-shape {
position: absolute;
display: block;
}
html.cfi-option-a-preview .cfi-intro-shape-terracotta {
top: 0;
left: 7.5%;
width: 170px;
height: 84px;
border-radius: 0 0 999px 999px;
background: #c96b4f;
}
html.cfi-option-a-preview .cfi-intro-shape-blue-top {
top: 0;
left: calc(70.667% - 48px);
width: 96px;
height: 48px;
border-radius: 0 0 999px 999px;
background: #bfcfda;
}
html.cfi-option-a-preview .cfi-intro-shape-sand-top {
top: 0;
right: 0;
width: 94px;
height: 58px;
border-radius: 0 0 0 999px;
background: #e7d5b6;
}
html.cfi-option-a-preview .cfi-intro-shape-olive-right {
top: 50%;
right: 0;
width: 52px;
height: 104px;
border-radius: 999px 0 0 999px;
background: #89966d;
transform: translateY(-50%);
}
html.cfi-option-a-preview .cfi-intro-shape-sand-bottom {
bottom: 0;
left: 56%;
width: 66px;
height: 66px;
border-radius: 0 999px 0 0;
background: #dbad48;
}
html.cfi-option-a-preview .cfi-intro-shape-blue-bottom {
right: calc(14.667% - 48px);
bottom: 0;
width: 96px;
height: 72px;
border-radius: 999px 999px 0 0;
background: #bfcfda;
}
html.cfi-option-a-preview .cfi-intro-shape-terracotta-bottom {
right: 0;
bottom: 0;
width: 92px;
height: 54px;
border-radius: 999px 0 0;
background: #c96b4f;
}
html.cfi-option-a-preview .cfi-intro-lines-desktop span {
top: 0 !important;
bottom: 0;
width: 1px;
background: #d8ddd4;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive {
display: none;
}
html.cfi-option-a-preview .cfi-intro-copy,
html.cfi-option-a-preview .cfi-intro-stat {
position: absolute;
z-index: 2;
box-sizing: border-box;
}
html.cfi-option-a-preview .cfi-intro-copy {
top: 50%;
left: 15.68%;
width: min(480px, 38.08%);
padding: 0 !important;
border: 0 !important;
transform: translateY(-50%) !important;
}
html.cfi-option-a-preview
.cfi-option-page
> section.cfi-section.cfi-intro-live
> .cfi-intro-copy {
transform: translateY(-50%) !important;
}
html.cfi-option-a-preview .cfi-intro-kicker {
margin: 0;
color: #c96b4f;
font-family: Inter, sans-serif;
font-size: 11px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.09em;
text-transform: uppercase;
}
html.cfi-option-a-preview .cfi-intro-copy p {
max-width: 43ch;
margin: 20px 0 0;
color: #68736e;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.65;
letter-spacing: 0;
}
html.cfi-option-a-preview .cfi-intro-copy p + p {
margin-top: 14px;
}
html.cfi-option-a-preview .cfi-intro-stat {
top: 0;
width: 14.667%;
height: 100%;
padding: 28px 10px !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
html.cfi-option-a-preview .cfi-intro-stat-one {
left: 56%;
}
html.cfi-option-a-preview .cfi-intro-stat-two {
left: 70.667%;
}
html.cfi-option-a-preview .cfi-intro-stat-three {
left: 85.334%;
}
html.cfi-option-a-preview .cfi-intro-stat-icon {
display: block;
width: 76px;
height: 76px;
margin: 0 0 22px;
padding: 16px;
border-radius: 50%;
box-sizing: border-box;
object-fit: contain;
}
html.cfi-option-a-preview .cfi-intro-stat-three .cfi-intro-stat-icon {
padding: 12px;
}
html.cfi-option-a-preview .cfi-intro-stat strong {
display: block;
color: #073b2f;
font-family: Newsreader, Georgia, serif;
font-size: 58px;
font-weight: 400;
line-height: 0.92;
letter-spacing: 0;
}
html.cfi-option-a-preview .cfi-intro-stat strong::after {
width: 44px;
height: 3px;
margin: 17px auto 0;
}
html.cfi-option-a-preview .cfi-intro-stat span {
margin-top: 16px;
color: #68736e;
font-size: 12px;
line-height: 1.3;
}
@media (min-width: 768px) and (max-width: 1180px) {
html.cfi-option-a-preview .cfi-intro-live {
height: 320px;
aspect-ratio: auto !important;
}
html.cfi-option-a-preview .cfi-intro-lines-desktop {
display: none;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive {
display: block;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive span {
top: 0;
bottom: 0;
width: 1px;
height: auto;
background: #d8ddd4;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-one {
left: 50%;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-two {
left: 66.667%;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-three {
right: auto;
left: 83.334%;
}
html.cfi-option-a-preview .cfi-intro-copy {
top: 0;
left: 0;
width: 50%;
height: 100%;
padding: 26px 30px !important;
display: flex;
flex-direction: column;
justify-content: center;
transform: none !important;
}
html.cfi-option-a-preview
.cfi-option-page
> section.cfi-section.cfi-intro-live
> .cfi-intro-copy {
transform: none !important;
}
html.cfi-option-a-preview .cfi-intro-copy p {
max-width: 37ch;
margin-top: 15px;
font-size: 12px;
line-height: 1.5;
}
html.cfi-option-a-preview .cfi-intro-copy p + p {
margin-top: 10px;
}
html.cfi-option-a-preview .cfi-intro-stat {
width: 16.667%;
padding: 18px 8px !important;
}
html.cfi-option-a-preview .cfi-intro-stat-one {
left: 50%;
}
html.cfi-option-a-preview .cfi-intro-stat-two {
left: 66.667%;
}
html.cfi-option-a-preview .cfi-intro-stat-three {
left: 83.334%;
}
html.cfi-option-a-preview .cfi-intro-stat-icon {
display: none;
}
html.cfi-option-a-preview .cfi-intro-stat strong {
font-size: 42px;
}
html.cfi-option-a-preview .cfi-intro-stat strong::after {
width: 44px;
height: 3px;
margin-top: 17px;
}
html.cfi-option-a-preview .cfi-intro-stat span {
margin-top: 13px;
font-size: 10.5px;
}
html.cfi-option-a-preview .cfi-intro-shape-terracotta {
left: 0;
width: 48px;
height: 30px;
border-radius: 0 0 999px;
}
html.cfi-option-a-preview .cfi-intro-shape-blue-top {
left: calc(66.667% - 30px);
width: 60px;
height: 30px;
}
html.cfi-option-a-preview .cfi-intro-shape-sand-top {
width: 54px;
height: 36px;
}
html.cfi-option-a-preview .cfi-intro-shape-olive-right {
width: 32px;
height: 64px;
}
html.cfi-option-a-preview .cfi-intro-shape-sand-bottom {
left: 50%;
width: 40px;
height: 40px;
}
html.cfi-option-a-preview .cfi-intro-shape-blue-bottom {
right: 16.667%;
width: 58px;
height: 42px;
}
html.cfi-option-a-preview .cfi-intro-shape-terracotta-bottom {
width: 50px;
height: 34px;
}
}
@media (max-width: 767px) {
html.cfi-option-a-preview .cfi-intro-live {
height: 520px;
aspect-ratio: auto !important;
}
html.cfi-option-a-preview .cfi-intro-lines-desktop {
display: none;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive {
display: block;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-one,
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-two {
top: 62%;
bottom: 0;
width: 1px;
height: auto;
background: #d8ddd4;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-one {
left: 33.333%;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-two {
left: 66.666%;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-three {
top: 62%;
right: 0;
bottom: auto;
left: 0;
width: auto;
height: 1px;
background: #d8ddd4;
}
html.cfi-option-a-preview .cfi-intro-copy {
top: 0;
left: 0;
width: 100%;
height: 62%;
padding: 48px 24px 34px !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
transform: none !important;
}
html.cfi-option-a-preview
.cfi-option-page
> section.cfi-section.cfi-intro-live
> .cfi-intro-copy {
transform: none !important;
}
html.cfi-option-a-preview .cfi-intro-copy p {
max-width: 36ch;
margin: 20px auto 0;
font-size: 13px;
line-height: 1.55;
}
html.cfi-option-a-preview .cfi-intro-copy p + p {
margin-top: 10px;
}
html.cfi-option-a-preview .cfi-intro-stat {
top: 62%;
width: 33.333%;
height: 38%;
padding: 20px 6px !important;
}
html.cfi-option-a-preview .cfi-intro-stat-one {
left: 0;
}
html.cfi-option-a-preview .cfi-intro-stat-two {
left: 33.333%;
}
html.cfi-option-a-preview .cfi-intro-stat-three {
left: 66.666%;
}
html.cfi-option-a-preview .cfi-intro-stat-icon {
display: none !important;
}
html.cfi-option-a-preview .cfi-intro-stat strong {
font-size: 36px;
}
html.cfi-option-a-preview .cfi-intro-stat strong::after {
width: 28px;
height: 2px;
margin-top: 10px;
}
html.cfi-option-a-preview .cfi-intro-stat span {
margin-top: 10px;
font-size: 10px;
}
html.cfi-option-a-preview .cfi-intro-shape-terracotta {
top: 0;
right: 0;
left: auto;
width: 72px;
height: 52px;
border-radius: 0 0 0 999px;
}
html.cfi-option-a-preview .cfi-intro-shape-blue-top,
html.cfi-option-a-preview .cfi-intro-shape-sand-top {
display: none;
}
html.cfi-option-a-preview .cfi-intro-shape-olive-right {
top: 62%;
right: auto;
left: 0;
width: 42px;
height: 42px;
border-radius: 0 999px 0 0;
transform: translateY(-100%);
}
html.cfi-option-a-preview .cfi-intro-shape-sand-bottom {
right: auto;
left: 0;
width: 42px;
height: 42px;
}
html.cfi-option-a-preview .cfi-intro-shape-blue-bottom {
right: calc(33.333% - 32px);
width: 64px;
height: 32px;
}
html.cfi-option-a-preview .cfi-intro-shape-terracotta-bottom {
width: 40px;
height: 34px;
}
}
@media (max-width: 380px) {
html.cfi-option-a-preview .cfi-application-steps {
grid-template-columns: minmax(0, 1fr) !important;
}
html.cfi-option-a-preview .ci-foot-grid {
gap: 30px 16px !important;
}
html.cfi-option-a-preview .ci-foot-links--programs > div:last-child {
column-gap: 16px !important;
}
}
html.cfi-option-a-preview .cfi-impact-mobile-carousel,
html.cfi-option-a-preview .cfi-carousel-controls,
html.cfi-option-a-preview .cfi-mobile-flip-button {
display: none;
}
html.cfi-option-a-preview .cfi-mentor-carousel {
display: contents;
min-width: 0;
}
html.cfi-option-a-preview .cfi-hero,
html.cfi-option-a-preview .cfi-hero-content {
min-height: var(--cfi-hero-height, 100svh) !important;
}
html.cfi-option-a-preview
:where(a, button, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
outline: 2px solid #fffdf8;
outline-offset: 2px;
box-shadow: 0 0 0 4px #073b2f;
}
html.cfi-option-a-preview .cfi-skip-link {
position: fixed;
top: 12px;
left: 12px;
z-index: 1000;
padding: 10px 14px;
background: #fffdf8;
color: #073b2f;
font-weight: 700;
transform: translateY(-160%);
}
html.cfi-option-a-preview .cfi-skip-link:focus-visible {
transform: translateY(0);
}
@media (max-width: 767px) {
html.cfi-option-a-preview .cfi-mobile-menu-home {
display: none !important;
}
html.cfi-option-a-preview .cfi-mobile-menu-logo-link {
display: inline-flex;
align-items: center;
min-height: 44px;
}
html.cfi-option-a-preview .cfi-mobile-menu-cta,
html.cfi-option-a-preview .cfi-hero-apply {
min-height: 50px;
box-sizing: border-box;
border-radius: 9px !important;
}
html.cfi-option-a-preview .cfi-hero-apply {
display: inline-flex !important;
align-items: center;
justify-content: center;
}
html.cfi-option-a-preview .ci-mobile .cfi-impact-timeline,
html.cfi-option-a-preview .ci-mobile .cfi-impact-video {
display: none !important;
}
html.cfi-option-a-preview .cfi-impact-mobile-carousel {
display: block;
width: 100%;
min-width: 0;
}
html.cfi-option-a-preview .cfi-impact-mobile-viewport {
width: 100%;
overflow: hidden;
touch-action: pan-y;
}
html.cfi-option-a-preview .cfi-impact-mobile-track {
width: 200%;
display: flex;
align-items: stretch;
transform: translateX(0);
transition: transform 560ms cubic-bezier(0.22, 1, 0.36, 1);
will-change: transform;
}
html.cfi-option-a-preview
.cfi-impact-mobile-carousel[data-page="1"]
.cfi-impact-mobile-track {
transform: translateX(-50%);
}
html.cfi-option-a-preview .cfi-impact-mobile-page {
position: relative;
width: 50%;
flex: 0 0 50%;
padding: 2px 0;
}
html.cfi-option-a-preview .cfi-impact-mobile-page::before {
content: "";
position: absolute;
top: 28px;
bottom: 28px;
left: 19.5px;
width: 1px;
background: #d8ddd4;
}
html.cfi-option-a-preview .cfi-impact-benefit {
min-height: 118px;
height: auto !important;
padding: 18px 4px 18px 0 !important;
gap: 18px !important;
}
html.cfi-option-a-preview .cfi-impact-benefit > div:first-child {
width: 40px !important;
height: 40px !important;
}
html.cfi-option-a-preview .cfi-impact-benefit b {
font-size: 18px !important;
line-height: 1.16 !important;
}
html.cfi-option-a-preview .cfi-impact-benefit p {
font-size: 12.5px !important;
line-height: 1.48 !important;
}
html.cfi-option-a-preview .cfi-carousel-controls {
min-height: 44px;
margin-top: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
html.cfi-option-a-preview .cfi-carousel-dots {
display: flex;
align-items: center;
justify-content: center;
gap: 0;
}
html.cfi-option-a-preview .cfi-carousel-dot {
position: relative;
width: 32px;
height: 32px;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
}
html.cfi-option-a-preview .cfi-carousel-dot::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 9px;
height: 9px;
border: 1px solid #8a9088;
border-radius: 50%;
background: transparent;
transform: translate(-50%, -50%);
}
html.cfi-option-a-preview
.cfi-carousel-dot[aria-pressed="true"]::after {
border-color: #073b2f;
background: #073b2f;
}
html.cfi-option-a-preview .ci-mobile #tracks .cfi-track-card {
height: 500px;
min-height: 500px;
overflow: hidden;
perspective: 1600px !important;
}
html.cfi-option-a-preview
.ci-mobile
#tracks
.cfi-track-card
> .cfi-track-inner {
position: relative !important;
width: 100%;
height: 100%;
min-height: 0 !important;
transform: rotateY(0deg) !important;
transform-style: preserve-3d !important;
transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}
html.cfi-option-a-preview
.ci-mobile
#tracks
.cfi-track-card.is-mobile-flipped
> .cfi-track-inner {
transform: rotateY(180deg) !important;
}
html.cfi-option-a-preview
.ci-mobile
#tracks
.cfi-track-card
.cfi-track-front,
html.cfi-option-a-preview
.ci-mobile
#tracks
.cfi-track-card
.cfi-track-back {
position: absolute !important;
inset: 0 !important;
width: 100%;
height: 100%;
min-height: 0 !important;
box-sizing: border-box;
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
}
html.cfi-option-a-preview
.ci-mobile
#tracks
.cfi-track-card
.cfi-track-front {
padding-bottom: 28px !important;
transform: rotateY(0deg) !important;
}
html.cfi-option-a-preview
.ci-mobile
#tracks
.cfi-track-card
.cfi-track-back {
padding: 28px 26px !important;
display: flex !important;
overflow-y: auto;
transform: rotateY(180deg) !important;
scrollbar-width: thin;
}
html.cfi-option-a-preview
.ci-mobile
#tracks
.cfi-mobile-flip-button {
min-height: 44px;
margin-top: auto;
padding: 11px 20px;
display: inline-flex !important;
align-items: center;
justify-content: center;
align-self: center;
border: 0;
border-radius: 999px;
background: #073b2f;
color: #fff;
font-family: "Manrope", system-ui, sans-serif;
font-size: 13px;
font-weight: 700;
cursor: pointer;
}
html.cfi-option-a-preview
.ci-mobile
#tracks
.cfi-mobile-flip-back {
background: #c96b4f;
}
html.cfi-option-a-preview .cfi-mobile-inclusions-details {
display: none !important;
}
html.cfi-option-a-preview .cfi-curriculum-deployment {
min-height: 150px !important;
padding: 20px 20px 22px !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 16px !important;
}
html.cfi-option-a-preview
.cfi-curriculum-deployment:focus-visible {
outline: 3px solid #073b2f;
outline-offset: 3px;
}
html.cfi-option-a-preview
.cfi-curriculum-deployment
.cfi-curriculum-number {
top: -6px !important;
right: 12px !important;
font-size: 72px !important;
}
html.cfi-option-a-preview
.cfi-curriculum-deployment
.cfi-curriculum-arrow {
display: none !important;
}
html.cfi-option-a-preview
.cfi-curriculum-deployment
.cfi-curriculum-content {
min-height: 106px;
margin-top: auto;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
html.cfi-option-a-preview
.cfi-curriculum-deployment
.cfi-curriculum-content
> div:nth-child(2) {
padding-right: 34px;
align-items: flex-end !important;
}
html.cfi-option-a-preview
.cfi-curriculum-deployment
.cfi-curriculum-toggle {
right: 0 !important;
bottom: 0 !important;
}
html.cfi-option-a-preview
.cfi-curriculum-deployment
.cfi-curriculum-content
> div:nth-child(3)
> div
> div {
grid-template-columns: minmax(0, 1fr) !important;
}
html.cfi-option-a-preview .cfi-mentor-carousel {
display: block;
width: 100%;
min-width: 0;
overflow: hidden;
padding-bottom: 34px;
}
html.cfi-option-a-preview .cfi-mentor-carousel .cfi-mentor-grid {
width: 100%;
box-sizing: border-box;
padding: 0 22px 12px !important;
display: flex !important;
gap: 24px !important;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-padding-inline: 22px;
overscroll-behavior-inline: contain;
scrollbar-width: none;
}
html.cfi-option-a-preview
.cfi-mentor-carousel
.cfi-mentor-grid::-webkit-scrollbar {
display: none;
}
html.cfi-option-a-preview
.cfi-mentor-carousel
.cfi-mentor-grid
> div {
flex: 0 0 100% !important;
width: 100%;
min-width: 0;
scroll-snap-align: start;
}
html.cfi-option-a-preview
.cfi-mentor-carousel
.cfi-carousel-controls {
margin-top: 4px;
}
}
@media (prefers-reduced-motion: reduce) {
html.cfi-option-a-preview {
scroll-behavior: auto;
}
html.cfi-option-a-preview *,
html.cfi-option-a-preview *::before,
html.cfi-option-a-preview *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}
/* Approved responsive program overview composition */
html.cfi-option-a-preview .cfi-intro-live {
position: relative !important;
z-index: 1;
display: block !important;
width: min(100%, 1440px);
aspect-ratio: 3 / 1;
overflow: hidden;
border: 1px solid #d8ddd4;
border-top: 0;
box-sizing: border-box;
background: #f8f3ea;
}
html.cfi-option-a-preview .cfi-intro-art,
html.cfi-option-a-preview .cfi-intro-lines {
position: absolute;
inset: 0;
display: block;
pointer-events: none;
}
html.cfi-option-a-preview .cfi-intro-art {
z-index: 0;
}
html.cfi-option-a-preview .cfi-intro-art img {
display: block;
width: 100%;
height: 100%;
object-fit: fill;
user-select: none;
}
html.cfi-option-a-preview .cfi-intro-lines {
z-index: 1;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive {
display: none;
}
html.cfi-option-a-preview .cfi-intro-lines-desktop span {
position: absolute;
top: 0;
bottom: 0;
left: var(--line-x);
width: 1px;
background: rgba(181, 190, 181, 0.72);
}
html.cfi-option-a-preview .cfi-intro-lines-desktop span:nth-child(3) {
top: 16.7%;
}
html.cfi-option-a-preview .cfi-intro-copy,
html.cfi-option-a-preview .cfi-intro-stat {
position: absolute;
z-index: 2;
box-sizing: border-box;
}
html.cfi-option-a-preview .cfi-intro-copy {
top: 50%;
left: 29%;
width: 27%;
padding: 0 !important;
border: 0 !important;
transform: translateY(-50%) !important;
}
html.cfi-option-a-preview
.cfi-option-page
> section.cfi-section.cfi-intro-live
> .cfi-intro-copy {
transform: translateY(-50%) !important;
}
html.cfi-option-a-preview .cfi-intro-kicker {
margin: 0 0 16px;
color: #c96b4f;
font-family: Inter, sans-serif;
font-size: 11px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.09em;
text-transform: uppercase;
}
html.cfi-option-a-preview .cfi-intro-copy p {
max-width: 39ch;
margin: 0;
color: #3b453f;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.65;
letter-spacing: 0;
}
html.cfi-option-a-preview .cfi-intro-copy p + p {
margin-top: 14px;
}
html.cfi-option-a-preview .cfi-intro-stat {
top: 0;
width: 11%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
html.cfi-option-a-preview .cfi-intro-stat-one {
left: 58.25%;
}
html.cfi-option-a-preview .cfi-intro-stat-two {
left: 72.75%;
}
html.cfi-option-a-preview .cfi-intro-stat-three {
left: 87.25%;
}
html.cfi-option-a-preview .cfi-intro-stat-icon {
display: block;
width: 88px;
height: 88px;
margin: 0 0 24px;
padding: 18px;
border-radius: 50%;
box-sizing: border-box;
object-fit: contain;
}
html.cfi-option-a-preview .cfi-intro-stat-one .cfi-intro-stat-icon {
background: #c6d3dd;
}
html.cfi-option-a-preview .cfi-intro-stat-two .cfi-intro-stat-icon {
background: #e6d6bc;
}
html.cfi-option-a-preview .cfi-intro-stat-three .cfi-intro-stat-icon {
padding: 13px;
background: #d9dfd1;
}
html.cfi-option-a-preview .cfi-intro-stat strong {
display: block;
color: #073b2f;
font-family: Newsreader, Georgia, serif;
font-size: 60px;
font-weight: 400;
line-height: 0.9;
letter-spacing: 0;
}
html.cfi-option-a-preview .cfi-intro-stat strong::after {
content: "";
display: block;
width: 48px;
height: 3px;
margin: 18px auto 0;
background: #7e9db5;
}
html.cfi-option-a-preview .cfi-intro-stat-two strong::after {
background: #d4a849;
}
html.cfi-option-a-preview .cfi-intro-stat-three strong::after {
background: #c96b4f;
}
html.cfi-option-a-preview .cfi-intro-stat span {
display: block;
margin-top: 18px;
color: #68736e;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.25;
letter-spacing: 0;
}
@media (min-width: 768px) and (max-width: 1180px) {
html.cfi-option-a-preview .cfi-intro-live {
aspect-ratio: 41 / 21;
grid-template-columns: none !important;
}
html.cfi-option-a-preview .cfi-intro-lines-desktop {
display: none;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive {
display: block;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive span {
position: absolute;
bottom: 0;
width: 1px;
background: rgba(181, 190, 181, 0.72);
}
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-one {
top: 0;
left: 43%;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-two {
top: 10.952381%;
left: 62%;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-three {
top: 0;
left: 81%;
}
html.cfi-option-a-preview .cfi-intro-copy {
top: 50%;
left: 4%;
width: 35%;
padding: 0 !important;
border: 0 !important;
transform: translateY(-50%) !important;
}
html.cfi-option-a-preview .cfi-intro-copy p {
max-width: 34ch;
font-size: 15px;
line-height: 1.62;
}
html.cfi-option-a-preview .cfi-intro-stat {
top: 0;
width: 15%;
height: 100%;
}
html.cfi-option-a-preview .cfi-intro-stat-one {
left: 45%;
}
html.cfi-option-a-preview .cfi-intro-stat-two {
left: 64%;
}
html.cfi-option-a-preview .cfi-intro-stat-three {
left: 83%;
}
html.cfi-option-a-preview .cfi-intro-stat-icon {
width: 64px;
height: 64px;
margin-bottom: 18px;
padding: 13px;
}
html.cfi-option-a-preview .cfi-intro-stat-three .cfi-intro-stat-icon {
padding: 10px;
}
html.cfi-option-a-preview .cfi-intro-stat strong {
font-size: 48px;
}
html.cfi-option-a-preview .cfi-intro-stat strong::after {
width: 38px;
height: 2px;
margin-top: 15px;
}
html.cfi-option-a-preview .cfi-intro-stat span {
margin-top: 15px;
font-size: 11.5px;
}
}
@media (max-width: 767px) {
html.cfi-option-a-preview .cfi-intro-live {
aspect-ratio: 3 / 4;
grid-template-columns: none !important;
}
html.cfi-option-a-preview .cfi-intro-lines-desktop {
display: none;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive {
display: block;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive span {
position: absolute;
background: rgba(181, 190, 181, 0.72);
}
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-one,
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-two {
top: 60.576923%;
bottom: 0;
width: 1px;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-one {
left: 33.333%;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-two {
left: 66.666%;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-three {
top: 60.576923%;
right: 0;
left: 0;
height: 1px;
}
html.cfi-option-a-preview .cfi-intro-copy {
top: 0;
left: 0;
width: 100%;
height: 60.576923%;
padding: clamp(18px, 8vw, 34px) clamp(16px, 6.67vw, 26px) 30px !important;
border: 0 !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transform: none !important;
text-align: center;
}
html.cfi-option-a-preview
.cfi-option-page
> section.cfi-section.cfi-intro-live
> .cfi-intro-copy {
transform: none !important;
}
html.cfi-option-a-preview .cfi-intro-kicker {
margin-bottom: 16px;
}
html.cfi-option-a-preview .cfi-intro-copy p {
max-width: 36ch;
margin-right: auto;
margin-left: auto;
font-size: clamp(13px, 3.85vw, 15px);
line-height: 1.58;
}
html.cfi-option-a-preview .cfi-intro-stat {
top: 60.576923%;
width: 29%;
height: 39.423077%;
}
html.cfi-option-a-preview .cfi-intro-stat-one {
left: 2.167%;
}
html.cfi-option-a-preview .cfi-intro-stat-two {
left: 35.5%;
}
html.cfi-option-a-preview .cfi-intro-stat-three {
left: 68.833%;
}
html.cfi-option-a-preview .cfi-intro-stat-icon {
width: clamp(40px, 12.3vw, 48px);
height: clamp(40px, 12.3vw, 48px);
margin-bottom: 13px;
padding: 9px;
}
html.cfi-option-a-preview .cfi-intro-stat-three .cfi-intro-stat-icon {
padding: 7px;
}
html.cfi-option-a-preview .cfi-intro-stat strong {
font-size: clamp(32px, 9.75vw, 38px);
}
html.cfi-option-a-preview .cfi-intro-stat strong::after {
width: 30px;
height: 2px;
margin-top: 11px;
}
html.cfi-option-a-preview .cfi-intro-stat span {
margin-top: 11px;
font-size: 11px;
}
}
/* Compact Why Join and programme interactions */
html.cfi-option-a-preview .cfi-track-carousel,
html.cfi-option-a-preview .cfi-track-viewport {
display: contents;
}
html.cfi-option-a-preview
.cfi-impact-benefit-1
> div:first-child {
border-color: #647b4f !important;
background: #647b4f !important;
color: #fffdf8 !important;
}
html.cfi-option-a-preview
.cfi-impact-benefit-2
> div:first-child {
border-color: #567e97 !important;
background: #567e97 !important;
color: #fffdf8 !important;
}
html.cfi-option-a-preview
.cfi-impact-benefit-3
> div:first-child {
border-color: #c7922c !important;
background: #c7922c !important;
color: #fffdf8 !important;
}
html.cfi-option-a-preview
.cfi-impact-benefit-4
> div:first-child {
border-color: #c96b4f !important;
background: #c96b4f !important;
color: #fffdf8 !important;
}
html.cfi-option-a-preview
.cfi-impact-benefit-5
> div:first-child {
border-color: #9b7fbe !important;
background: #9b7fbe !important;
color: #fffdf8 !important;
}
html.cfi-option-a-preview
.cfi-impact-benefit-6
> div:first-child {
border-color: #6470a8 !important;
background: #6470a8 !important;
color: #fffdf8 !important;
}
@media (max-width: 1180px) {
html.cfi-option-a-preview .cfi-impact-timeline,
html.cfi-option-a-preview .cfi-impact-video {
display: none !important;
}
html.cfi-option-a-preview .cfi-impact-mobile-carousel {
display: block;
width: 100%;
min-width: 0;
}
html.cfi-option-a-preview .cfi-impact-mobile-viewport,
html.cfi-option-a-preview .cfi-track-viewport {
width: 100%;
min-width: 0;
display: block;
overflow: hidden;
touch-action: pan-y;
}
html.cfi-option-a-preview .cfi-impact-mobile-track {
width: 200%;
display: flex;
align-items: stretch;
transform: translateX(0);
transition: transform 560ms cubic-bezier(0.22, 1, 0.36, 1);
will-change: transform;
}
html.cfi-option-a-preview
.cfi-impact-mobile-carousel[data-page="1"]
.cfi-impact-mobile-track {
transform: translateX(-50%);
}
html.cfi-option-a-preview .cfi-impact-mobile-page {
position: relative;
width: 50%;
flex: 0 0 50%;
padding: 2px 0;
}
html.cfi-option-a-preview .cfi-impact-mobile-page::before {
content: "";
position: absolute;
top: 28px;
bottom: 28px;
left: 19.5px;
width: 1px;
background: #d8ddd4;
}
html.cfi-option-a-preview .cfi-impact-benefit {
min-height: 118px;
height: auto !important;
padding: 18px 4px 18px 0 !important;
gap: 18px !important;
}
html.cfi-option-a-preview
.cfi-impact-benefit
> div:first-child {
width: 40px !important;
height: 40px !important;
}
html.cfi-option-a-preview .cfi-impact-benefit b {
font-size: 18px !important;
line-height: 1.16 !important;
}
html.cfi-option-a-preview .cfi-impact-benefit p {
font-size: 12.5px !important;
line-height: 1.48 !important;
}
html.cfi-option-a-preview .cfi-carousel-controls {
min-height: 44px;
margin-top: 16px;
display: flex;
align-items: center;
justify-content: center;
}
html.cfi-option-a-preview .cfi-carousel-dots {
display: flex;
align-items: center;
justify-content: center;
}
html.cfi-option-a-preview .cfi-carousel-dot {
position: relative;
width: 44px;
height: 44px;
padding: 0;
display: block !important;
flex: none;
border: 0;
background: transparent;
cursor: pointer;
}
html.cfi-option-a-preview .cfi-carousel-dot::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 9px;
height: 9px;
border: 1px solid #8a9088;
border-radius: 50%;
background: transparent;
transform: translate(-50%, -50%);
}
html.cfi-option-a-preview
.cfi-carousel-dot[aria-pressed="true"]::after {
border-color: #073b2f;
background: #073b2f;
}
html.cfi-option-a-preview .cfi-tracks {
grid-template-columns:
clamp(250px, 30vw, 300px)
minmax(0, 1fr) !important;
}
html.cfi-option-a-preview
.cfi-tracks
.cfi-section-heading {
padding: 48px 32px !important;
display: flex !important;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
border-right: 1px solid #d8ddd4 !important;
border-bottom: 0;
}
html.cfi-option-a-preview
.cfi-tracks
.cfi-section-heading
> * {
width: 100%;
max-width: 230px !important;
text-align: left;
}
html.cfi-option-a-preview
.cfi-tracks
.cfi-section-heading
> svg {
margin: 8px 0 0 !important;
}
html.cfi-option-a-preview
.cfi-tracks
.cfi-section-heading
> p {
margin: 14px 0 0 !important;
}
html.cfi-option-a-preview
.cfi-tracks
.cfi-section-body {
min-width: 0;
padding: 32px clamp(28px, 4vw, 40px) 28px !important;
}
html.cfi-option-a-preview .cfi-track-carousel {
width: 100%;
min-width: 0;
display: block;
}
html.cfi-option-a-preview .cfi-track-grid {
width: 100%;
display: flex !important;
grid-template-columns: none !important;
gap: 0 !important;
transform: translateX(0);
transition: transform 560ms cubic-bezier(0.22, 1, 0.36, 1);
will-change: transform;
}
html.cfi-option-a-preview
.cfi-track-carousel[data-page="1"]
.cfi-track-grid {
transform: translateX(-100%);
}
html.cfi-option-a-preview
.cfi-track-carousel[data-page="2"]
.cfi-track-grid {
transform: translateX(-200%);
}
html.cfi-option-a-preview #tracks .cfi-track-card {
width: 100%;
min-width: 100%;
height: 500px;
min-height: 500px;
flex: 0 0 100% !important;
overflow: hidden;
perspective: 1600px !important;
}
html.cfi-option-a-preview
.cfi-option-page
#tracks
.cfi-track-card
> .cfi-track-inner {
position: relative !important;
width: 100%;
height: 100%;
min-height: 0 !important;
transform: rotateY(0deg) !important;
transform-style: preserve-3d !important;
transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}
html.cfi-option-a-preview
.cfi-option-page
#tracks
.cfi-track-card.is-mobile-flipped
> .cfi-track-inner {
transform: rotateY(180deg) !important;
}
html.cfi-option-a-preview
.cfi-option-page
#tracks
.cfi-track-card
.cfi-track-front,
html.cfi-option-a-preview
.cfi-option-page
#tracks
.cfi-track-card
.cfi-track-back {
position: absolute !important;
inset: 0 !important;
width: 100%;
height: 100%;
min-height: 0 !important;
box-sizing: border-box;
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
}
html.cfi-option-a-preview
.cfi-option-page
#tracks
.cfi-track-card
.cfi-track-front {
padding-bottom: 28px !important;
display: flex !important;
transform: rotateY(0deg) !important;
}
html.cfi-option-a-preview
.cfi-option-page
#tracks
.cfi-track-card
.cfi-track-back {
padding: 28px 26px !important;
display: flex !important;
overflow-y: auto;
transform: rotateY(180deg) !important;
scrollbar-width: thin;
}
html.cfi-option-a-preview
#tracks
.cfi-track-original-button {
display: none !important;
}
html.cfi-option-a-preview
#tracks
.cfi-mobile-flip-button {
min-height: 44px;
margin-top: auto;
padding: 11px 22px;
display: inline-flex !important;
align-items: center;
justify-content: center;
align-self: center;
border: 0;
border-radius: 999px;
background: #073b2f;
color: #fff;
font-family: "Manrope", system-ui, sans-serif;
font-size: 13px;
font-weight: 700;
cursor: pointer;
}
html.cfi-option-a-preview
#tracks
.cfi-mobile-flip-back {
background: #c96b4f;
}
html.cfi-option-a-preview
#tracks
.cfi-mobile-inclusions-details {
display: none !important;
}
}
@media (max-width: 767px) {
html.cfi-option-a-preview .cfi-tracks {
grid-template-columns: minmax(0, 1fr) !important;
}
html.cfi-option-a-preview
.cfi-tracks
.cfi-section-heading {
padding: 30px 22px 26px !important;
align-items: center;
text-align: center;
border-right: 0 !important;
border-bottom: 1px solid #d8ddd4;
}
html.cfi-option-a-preview
.cfi-tracks
.cfi-section-heading
> * {
max-width: 36ch !important;
text-align: center;
}
html.cfi-option-a-preview
.cfi-tracks
.cfi-section-heading
> svg {
margin: 8px auto 0 !important;
}
html.cfi-option-a-preview
.cfi-tracks
.cfi-section-heading
> p {
margin: 13px auto 0 !important;
}
html.cfi-option-a-preview
.cfi-tracks
.cfi-section-body {
padding: 0 22px 30px !important;
}
html.cfi-option-a-preview #tracks .cfi-track-card {
height: 480px;
min-height: 480px;
}
}
/* Final phone and tablet alignment refinements */
@media (min-width: 768px) and (max-width: 1180px) {
html.cfi-option-a-preview .cfi-intro-stat-icon {
display: none;
}
html.cfi-option-a-preview .cfi-intro-stat strong {
font-size: 52px;
}
html.cfi-option-a-preview .cfi-impact-mobile-page {
padding: 12px 0 2px;
}
html.cfi-option-a-preview
.cfi-impact-mobile-carousel
> .cfi-carousel-controls {
margin-top: 6px;
}
html.cfi-option-a-preview
.cfi-mentor-carousel
> .cfi-carousel-controls {
display: none !important;
}
html.cfi-option-a-preview .cfi-mentor-grid > div {
min-height: 190px !important;
display: grid !important;
grid-template-columns: minmax(0, 58%) minmax(0, 42%);
}
html.cfi-option-a-preview
.cfi-mentor-grid
> div
> div:first-child {
position: relative !important;
inset: auto !important;
max-width: none !important;
min-width: 0;
padding: 16px 14px 14px 16px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
html.cfi-option-a-preview
.cfi-mentor-grid
> div
> div:first-child
> a {
min-height: 34px;
margin-top: auto !important;
padding: 8px 10px !important;
font-size: 10.5px !important;
}
html.cfi-option-a-preview
.cfi-mentor-grid
> div
> div:nth-child(2) {
position: relative !important;
inset: auto !important;
width: 100% !important;
min-width: 0;
min-height: 190px;
}
html.cfi-option-a-preview .cfi-founder {
text-align: center;
}
html.cfi-option-a-preview .cfi-founder > div:nth-child(3) {
justify-content: center;
}
html.cfi-option-a-preview .cfi-founder > ul {
width: min(100%, 650px);
margin-right: auto !important;
margin-left: auto !important;
text-align: left;
}
html.cfi-option-a-preview .cfi-founder > a {
margin-inline: auto;
}
html.cfi-option-a-preview .cfi-application-cta {
align-items: center !important;
justify-content: center;
text-align: center;
}
html.cfi-option-a-preview .cfi-application-cta > div {
max-width: 20ch;
text-align: center;
}
html.cfi-option-a-preview .cfi-application-cta > a {
margin-inline: auto;
}
html.cfi-option-a-preview .ci-foot-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 34px 26px !important;
}
html.cfi-option-a-preview .ci-foot-grid > div:first-child {
grid-column: 1 / -1;
}
html.cfi-option-a-preview .ci-foot-grid > div:nth-child(2),
html.cfi-option-a-preview .ci-foot-grid > div:nth-child(3),
html.cfi-option-a-preview .ci-foot-grid > div:nth-child(4) {
grid-column: auto !important;
}
}
@media (max-width: 767px) {
html.cfi-option-a-preview
.cfi-tracks
.cfi-section-body {
padding-top: 18px !important;
}
html.cfi-option-a-preview
.ci-mobile
#tracks
.cfi-track-card {
height: 480px !important;
min-height: 480px !important;
}
}
/* Responsive detail alignment: intro tone, curriculum, founder and application */
html.cfi-option-a-preview .cfi-intro-art {
background: #f7f1e6;
}
html.cfi-option-a-preview .cfi-intro-art img {
filter: none;
}
html.cfi-option-a-preview
.cfi-curriculum-step
> div:first-child {
top: 8px !important;
}
html.cfi-option-a-preview .cfi-curriculum-deployment {
min-height: 118px;
padding: 24px 30px !important;
box-sizing: border-box;
}
html.cfi-option-a-preview
.cfi-curriculum-deployment
.cfi-curriculum-number {
top: 8px !important;
right: 14px !important;
}
html.cfi-option-a-preview
.cfi-curriculum-deployment
.cfi-curriculum-toggle {
right: 14px !important;
bottom: 14px !important;
}
html.cfi-option-a-preview
.cfi-curriculum-deployment
.cfi-curriculum-content {
position: static !important;
min-width: 0;
padding-right: 64px;
z-index: auto !important;
}
@media (max-width: 1180px) {
html.cfi-option-a-preview .cfi-founder {
align-items: center;
text-align: center;
}
html.cfi-option-a-preview .cfi-founder > ul {
max-width: 650px;
text-align: center !important;
}
html.cfi-option-a-preview .cfi-founder > ul > li {
justify-content: center;
text-align: center;
}
html.cfi-option-a-preview
.cfi-founder
> ul
> li
> span:first-child {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1180px) {
html.cfi-option-a-preview .cfi-intro-live {
aspect-ratio: 41 / 19;
}
html.cfi-option-a-preview .cfi-intro-art img {
object-fit: cover;
object-position: center;
}
html.cfi-option-a-preview
.cfi-intro-lines-responsive
.line-one {
left: 50%;
}
html.cfi-option-a-preview
.cfi-intro-lines-responsive
.line-two {
left: 66.666%;
}
html.cfi-option-a-preview
.cfi-intro-lines-responsive
.line-three {
left: 83.333%;
}
html.cfi-option-a-preview .cfi-intro-copy {
left: 4.5%;
width: 42%;
}
html.cfi-option-a-preview .cfi-intro-copy p {
max-width: 40ch;
}
html.cfi-option-a-preview .cfi-intro-stat {
width: 14.667%;
}
html.cfi-option-a-preview .cfi-intro-stat-one {
left: 51%;
}
html.cfi-option-a-preview .cfi-intro-stat-two {
left: 67.667%;
}
html.cfi-option-a-preview .cfi-intro-stat-three {
left: 84.333%;
}
html.cfi-option-a-preview .cfi-apply {
grid-template-columns:
clamp(240px, 31vw, 270px)
minmax(0, 1fr) !important;
}
html.cfi-option-a-preview
.cfi-apply
> .cfi-section-heading {
grid-column: 1;
grid-row: 1;
padding: 48px 32px !important;
display: flex !important;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
border-right: 1px solid #d8ddd4 !important;
border-bottom: 0 !important;
}
html.cfi-option-a-preview
.cfi-apply
> .cfi-section-heading
> * {
width: 100%;
max-width: 230px !important;
text-align: left;
}
html.cfi-option-a-preview
.cfi-apply
> .cfi-section-heading
> svg {
margin: 8px 0 0 !important;
}
html.cfi-option-a-preview
.cfi-apply
> .cfi-section-body {
display: contents !important;
}
html.cfi-option-a-preview .cfi-application-steps {
grid-column: 2;
grid-row: 1;
width: 100%;
max-width: 650px;
min-height: 420px;
margin-inline: auto;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
align-self: stretch;
}
html.cfi-option-a-preview .cfi-application-steps > svg {
display: none !important;
}
html.cfi-option-a-preview .cfi-application-steps > div {
min-width: 0;
padding: 30px 18px 26px !important;
justify-content: center;
}
html.cfi-option-a-preview .cfi-application-cta {
grid-column: 1 / -1;
grid-row: 2;
min-height: 260px;
}
html.cfi-option-a-preview .cfi-curriculum-deployment {
min-height: 150px !important;
padding: 26px 28px !important;
}
html.cfi-option-a-preview
.cfi-curriculum-deployment
.cfi-curriculum-number {
top: 8px !important;
right: 14px !important;
}
html.cfi-option-a-preview
.cfi-curriculum-deployment
.cfi-curriculum-toggle {
right: 14px !important;
bottom: 14px !important;
}
}
/* Final programme overview cascade: keep legacy rules from overriding the approved art */
html.cfi-option-a-preview .cfi-intro-live {
background: #f7f1e6 !important;
}
html.cfi-option-a-preview .cfi-intro-art {
z-index: 1 !important;
background: transparent !important;
}
html.cfi-option-a-preview .cfi-intro-lines {
z-index: 0 !important;
}
html.cfi-option-a-preview .cfi-intro-copy,
html.cfi-option-a-preview .cfi-intro-stat {
z-index: 2 !important;
}
html.cfi-option-a-preview .cfi-intro-shape {
z-index: 1;
}
html.cfi-option-a-preview .cfi-intro-lines-desktop span {
top: 0 !important;
}
html.cfi-option-a-preview .cfi-intro-shape-blue-top {
left: calc(71% - 48px);
}
html.cfi-option-a-preview .cfi-intro-shape-blue-bottom {
right: calc(14.5% - 48px);
}
html.cfi-option-a-preview .cfi-intro-rail {
position: absolute;
top: 0;
display: block;
border-bottom: 1px solid rgba(218, 191, 151, 0.58);
border-left: 1px solid rgba(218, 191, 151, 0.58);
border-bottom-left-radius: 72px;
}
html.cfi-option-a-preview .cfi-intro-rail::after {
content: "";
position: absolute;
top: calc(100% - 1px);
left: 100%;
width: 85%;
border-top: 1px solid rgba(218, 191, 151, 0.58);
border-right: 1px solid rgba(218, 191, 151, 0.58);
border-top-right-radius: 76px;
}
html.cfi-option-a-preview .cfi-intro-rail-one {
left: 4.7%;
width: 9.6%;
height: 116px;
}
html.cfi-option-a-preview .cfi-intro-rail-one::after {
height: 252px;
}
html.cfi-option-a-preview .cfi-intro-rail-two {
left: 6.2%;
width: 9.4%;
height: 132px;
}
html.cfi-option-a-preview .cfi-intro-rail-two::after {
height: 230px;
}
html.cfi-option-a-preview .cfi-intro-rail-three {
left: 7.7%;
width: 9.2%;
height: 148px;
}
html.cfi-option-a-preview .cfi-intro-rail-three::after {
height: 208px;
}
html.cfi-option-a-preview .cfi-intro-dots {
position: absolute;
bottom: 38px;
left: 8%;
width: 76px;
height: 68px;
display: block;
opacity: 0.62;
background-image: radial-gradient(#d8c19f 1.5px, transparent 1.5px);
background-size: 14px 14px;
}
html.cfi-option-a-preview .cfi-intro-shape-olive-left {
top: 55%;
left: 0;
width: 74px;
height: 148px;
border-radius: 0 999px 999px 0;
background: #89966d;
transform: translateY(-50%);
}
html.cfi-option-a-preview .cfi-intro-shape-sand-square {
top: 86px;
left: 21%;
width: 18px;
height: 18px;
border-radius: 2px;
background: #e2cda7;
box-shadow: 0 2px 5px rgba(92, 72, 44, 0.22);
}
html.cfi-option-a-preview .cfi-intro-shape-terracotta-dot {
bottom: 48px;
left: 15.2%;
width: 18px;
height: 18px;
border-radius: 50%;
background: #c96b4f;
box-shadow: 0 2px 5px rgba(92, 72, 44, 0.2);
}
@media (max-width: 1180px) {
html.cfi-option-a-preview .cfi-intro-rail,
html.cfi-option-a-preview .cfi-intro-dots,
html.cfi-option-a-preview .cfi-intro-shape-olive-left,
html.cfi-option-a-preview .cfi-intro-shape-sand-square,
html.cfi-option-a-preview .cfi-intro-shape-terracotta-dot {
display: none;
}
}
@media (max-width: 767px) {
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-one,
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-two {
top: 62% !important;
}
html.cfi-option-a-preview .cfi-intro-lines-responsive .line-three {
top: 62% !important;
}
html.cfi-option-a-preview .cfi-intro-shape-olive-right {
top: 62% !important;
right: auto !important;
left: 0 !important;
width: 42px !important;
height: 42px !important;
border-radius: 0 999px 0 0 !important;
transform: translateY(-100%) !important;
}
html.cfi-option-a-preview .cfi-intro-shape-sand-bottom {
right: auto !important;
left: 0 !important;
}
html.cfi-option-a-preview .cfi-intro-shape-blue-bottom {
right: calc(33.333% - 32px) !important;
}
}
@media (max-width: 767px) {
html.cfi-option-a-preview .cfi-intro-stat-icon {
display: none !important;
}
html.cfi-option-a-preview
.cfi-curriculum
.cfi-section-body {
padding-top: 20px !important;
}
html.cfi-option-a-preview
.cfi-curriculum-step
> div:first-child {
top: 7px !important;
}
html.cfi-option-a-preview .cfi-curriculum-deployment {
min-height: 164px !important;
padding: 24px 20px !important;
}
html.cfi-option-a-preview
.cfi-curriculum-deployment
.cfi-curriculum-number {
top: 8px !important;
right: 14px !important;
}
html.cfi-option-a-preview
.cfi-curriculum-deployment
.cfi-curriculum-content {
min-height: 116px;
padding-right: 54px;
}
html.cfi-option-a-preview
.cfi-curriculum-deployment
.cfi-curriculum-toggle {
right: 14px !important;
bottom: 14px !important;
}
}
@media (min-width: 1181px) {
html.cfi-option-a-preview .ci-t1nav {
padding-inline: 56px !important;
}
html.cfi-option-a-preview .cfi-intro-shape-sand-bottom {
left: 56.5% !important;
}
}
@media (min-width: 768px) and (max-width: 1180px) {
html.cfi-option-a-preview .cfi-intro-lines-responsive span {
top: 0 !important;
bottom: 0 !important;
}
html.cfi-option-a-preview .cfi-intro-shape-blue-top {
left: calc(66.667% - 30px) !important;
width: 60px !important;
height: 30px !important;
}
html.cfi-option-a-preview .cfi-intro-shape-blue-bottom {
right: calc(16.667% - 29px) !important;
width: 58px !important;
height: 42px !important;
}
}
@media (min-width: 1181px) {
html.cfi-option-a-preview .cfi-intro-shape-sand-top {
width: 58px !important;
height: 58px !important;
border-radius: 0 0 0 100% !important;
}
html.cfi-option-a-preview .cfi-intro-shape-olive-right {
width: 36px !important;
height: 72px !important;
}
html.cfi-option-a-preview .cfi-intro-shape-terracotta-bottom {
width: 54px !important;
height: 54px !important;
border-radius: 100% 0 0 0 !important;
}
}
@media (min-width: 768px) and (max-width: 1180px) {
html.cfi-option-a-preview .cfi-intro-shape-sand-top {
width: 36px !important;
height: 36px !important;
border-radius: 0 0 0 100% !important;
}
html.cfi-option-a-preview .cfi-intro-shape-olive-right {
width: 18px !important;
height: 36px !important;
}
html.cfi-option-a-preview .cfi-intro-shape-terracotta-bottom {
width: 34px !important;
height: 34px !important;
border-radius: 100% 0 0 0 !important;
}
}
@media (min-width: 1181px) {
html.cfi-option-a-preview
.cfi-option-page
> main
> section.cfi-section.cfi-intro-live
> .cfi-intro-copy {
transform: translateY(-50%) !important;
}
html.cfi-option-a-preview .cfi-hero-video {
filter: brightness(0.94) contrast(1.06) saturate(0.9);
transform: scale(1.002);
}
html.cfi-option-a-preview .cfi-hero-video--candidate {
top: 124px !important;
height: calc(100% - 124px) !important;
object-position: center top !important;
}
html.cfi-option-a-preview .cfi-hero-grain {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: url("paper-grain.png") repeat;
background-size: 320px 320px;
mix-blend-mode: soft-light;
opacity: 0.035;
}
}
@media (max-width: 1180px) {
html.cfi-option-a-preview .cfi-hero-grain {
display: none;
}
}
/* Portrait program navigation: the menu is an extension of the active CFI bar. */
@media (max-width: 767px) and (orientation: portrait) {
html.cfi-option-a-preview :is(.ci-nav, .ci-sticky) {
overflow: visible !important;
}
html.cfi-option-a-preview .cfi-mobile-program-panel.cfi-mobile-menu {
position: absolute !important;
inset: calc(100% - 1px) 0 auto 0 !important;
width: 100% !important;
max-height: calc(100svh - 64px) !important;
padding: 10px 20px 14px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
border: 1px solid rgba(255, 255, 255, .18) !important;
border-top: 0 !important;
border-radius: 0 0 12px 12px !important;
background: rgba(7, 59, 47, .9) !important;
-webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
backdrop-filter: blur(18px) saturate(1.08) !important;
box-shadow: 0 18px 38px rgba(7, 59, 47, .24) !important;
color: #fffdf8 !important;
}
html.cfi-option-a-preview
.cfi-mobile-program-panel.cfi-mobile-menu[data-menu-open="false"] {
display: none !important;
}
html.cfi-option-a-preview
.cfi-mobile-program-panel.cfi-mobile-menu[data-menu-open="true"] {
display: flex !important;
}
html.cfi-option-a-preview
.cfi-mobile-program-panel.cfi-mobile-menu
> .cfi-mobile-menu-header {
display: none !important;
}
html.cfi-option-a-preview
.cfi-mobile-program-panel.cfi-mobile-menu
> .cfi-mobile-menu-link {
width: 100% !important;
min-height: 44px !important;
padding: 9px 2px !important;
border-bottom: 1px solid rgba(255, 255, 255, .18) !important;
color: #fffdf8 !important;
font-family: "Newsreader", Georgia, serif !important;
font-size: 19px !important;
line-height: 1.15 !important;
}
html.cfi-option-a-preview
.cfi-mobile-program-panel.cfi-mobile-menu
.cfi-mobile-program-actions {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
margin-top: 10px !important;
}
html.cfi-option-a-preview
.cfi-mobile-program-panel.cfi-mobile-menu[data-menu-anchor="sticky"] {
border-color: #cbd3ca !important;
background: rgba(247, 241, 230, .97) !important;
color: #073b2f !important;
box-shadow: 0 18px 38px rgba(7, 59, 47, .16) !important;
}
html.cfi-option-a-preview
.cfi-mobile-program-panel.cfi-mobile-menu[data-menu-anchor="sticky"]
> .cfi-mobile-menu-link {
border-bottom-color: #d8ddd4 !important;
color: #073b2f !important;
}
html.cfi-option-a-preview
.cfi-mobile-program-panel.cfi-mobile-menu[data-menu-anchor="sticky"]
.cfi-mobile-program-actions
> a:last-child {
border-color: #b7c3b8 !important;
background: #fffdf8 !important;
color: #073b2f !important;
}
}
/* Short landscape keeps the CFI drawer compact without changing its brand. */
@media (orientation: landscape) and (max-width: 950px) and (max-height: 500px) {
html.cfi-option-a-preview
.cfi-mobile-program-panel.cfi-mobile-menu[data-menu-open="true"] {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
column-gap: 18px !important;
align-content: start !important;
}
html.cfi-option-a-preview
.cfi-mobile-program-panel.cfi-mobile-menu
> .cfi-mobile-menu-link {
grid-column: auto !important;
}
html.cfi-option-a-preview
.cfi-mobile-program-panel.cfi-mobile-menu
.cfi-mobile-program-actions {
grid-column: 1 / -1 !important;
}
}