.tabs-section[data-astro-cid-mtt4rtwl] {
padding-block-start: 0;
}
.details[data-astro-cid-mtt4rtwl] {
border-block: 0.5px solid var(--clr-yellow);
padding-block: 2em;
li {
b {
text-transform: uppercase;
display: block;
font-size: clamp(16px, 2vw, 18px);
font-weight: 600;
color: var(--clr-steel-blue);
}
}
}
.focus-areas[data-astro-cid-mtt4rtwl] {
display: grid;
font-weight: 500;
gap: 2rem;
color: var(--clr-steel-blue);
li {
flex: 1;
font-size: clamp(16px, 2vw, 18px);
padding-inline: 1em;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
border-block-end: 1px solid var(--clr-yellow);
padding-block-end: 1em;
line-height: 1.2em;
}
@media (width>540px) {
grid-template-columns: repeat(2, 1fr);
}
@media (width>768px) {
grid-template-columns: repeat(4, 1fr);
}
}
.layout[data-astro-cid-rf2r2o7a].search-page .content[data-astro-cid-rf2r2o7a] {
max-width: 780px;
margin-inline: auto;
}
.search-box[data-astro-cid-rf2r2o7a] {
display: flex;
align-items: center;
gap: 24px;
border-bottom: 1pt solid var(--clr-accent-secondary);
padding-block-end: clamp(4px, 1vw, 12px);
margin-block-start: 20px;
svg {
font-size: 28px;
color: var(--clr-regent-green);
}
input {
border: 0;
background-color: transparent;
margin: 0;
padding-inline: 0;
width: 100%;
height: 100%;
height: 48px;
font-size: clamp(24px, 4vw, 32px);
color: var(--clr-regent-green);
font-weight: 500;
&:focus {
outline: 0;
}
&::placeholder {
color: var(--clr-neutral-300);
}
}
}
.search-results[data-astro-cid-rf2r2o7a] {
margin-block: 3em;
display: grid;
gap: 3em;
.eyebrow {
color: var(--clr-neutral-300);
font-weight: 500;
}
li {
&:after {
content: "";
display: block;
width: 80px;
height: 1px;
background-color: var(--clr-accent-primary);
margin-block-start: 24px;
}
}
}
.details-list {
counter-reset: details-counter;
}
.details-list details {
counter-increment: details-counter;
}
.details-list details summary:before {
content: "0" counter(details-counter);
}
details[data-astro-cid-523o6diq] {
--_state-marker-size: 32px;
--_start-inset: clamp(40px, 6vw, 60px);
--_end-inset: 0;
position: relative;
max-width: 68ch;
@media (width>600px) {
--_end-inset: calc(var(--_state-marker-size) * 1.5);
}
}
summary[data-astro-cid-523o6diq] {
display: flex;
align-items: center;
cursor: pointer;
position: relative;
padding-block: 0.75em;
border-top: 0.5px solid var(--clr-neutral-200);
gap: var(--col-gap);
color: var(--clr-neutral-400);
&,
> :where(h2, h3, h4, h5) {
font-size: clamp(20px, 4vw, 24px);
line-height: 1.1em;
font-weight: 400;
transition: 0.2s ease;
margin: 0;
}
:where(h2, h3, h4, h5) {
color: inherit;
}
&::-webkit-details-marker {
display: none;
}
&:not(:has(.img-icon)):before {
color: var(--clr-accent-secondary);
font-size: 1.2em;
font-weight: 250;
line-height: 1.1em;
flex: none;
width: var(--_start-inset);
text-align: center;
}
&:has(.img-icon):before {
display: none;
}
.img-icon {
--_size: clamp(40px, 6vw, 64px);
width: var(--_size);
height: var(--_size);
object-fit: contain;
margin-inline-end: calc(var(--_start-inset) - var(--_size));
}
&:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(
ellipse at 45% -60%,
var(--clr-neutral-200),
transparent 65%
);
z-index: -1;
opacity: 0.2;
scale: 0.4;
transform-origin: 25% 0%;
transition: 0.3s ease;
}
&:hover {
color: var(--clr-turquoise);
border-color: var(--clr-neutral-300);
&:after {
scale: 1;
opacity: 0.5;
}
}
}
.details-content[data-astro-cid-523o6diq] {
container-type: normal;
padding: 0;
padding-inline-start: calc(var(--_start-inset) + var(--col-gap));
padding-inline-end: calc(var(--_end-inset) * 1.5);
padding-block: 0.5em 2em;
transition: 0.2s ease;
overflow: hidden;
p:not([class]):first-child {
font-size: clamp(16px, 2vw, 19px);
}
@media (width<440px) {
padding-inline-start: 0;
}
> * {
max-width: min(var(--wrapper-sm), 100%);
}
}
details[data-astro-cid-523o6diq][data-state="init"]
.details-content[data-astro-cid-523o6diq] {
transition: 0;
position: absolute;
height: 0;
padding-block: 0;
opacity: 0;
scale: 0.94;
}
details[data-astro-cid-523o6diq]:not([open])[data-state="idle"],
details[data-astro-cid-523o6diq][open][data-state="closing"] {
.details-content {
padding-block: 0;
height: 0px;
opacity: 0;
scale: 0.94;
}
.state-marker {
transition-delay: 0.2s;
&:before {
transition-delay: 0.2s;
}
}
}
details[data-astro-cid-523o6diq][open][data-state="idle"],
details[data-astro-cid-523o6diq]:not([open])[data-state="opening"] {
summary {
color: var(--clr-steel-blue);
&:hover {
color: var(--clr-turquoise);
}
}
.details-content {
opacity: 1;
height: auto;
}
.state-marker {
rotate: -90deg;
&:before {
rotate: -180deg;
scale: 0;
opacity: 0;
}
}
}
.state-marker[data-astro-cid-523o6diq] {
--_size: var(--_state-marker-size);
--_primary: var(--clr-accent-primary);
transition: 0.1s ease;
display: grid;
width: var(--_size);
height: var(--_size);
margin-inline-start: auto;
margin-inline-end: calc(var(--_size) / 2);
&[data-astro-cid-523o6diq]:before,
&[data-astro-cid-523o6diq]:after {
content: "";
display: block;
align-self: center;
justify-self: center;
grid-row: 1;
grid-column: 1;
transition: 0.1s ease;
}
&[data-astro-cid-523o6diq]:before {
border-top: 1pt solid var(--_primary);
width: var(--_size);
height: 0;
}
&[data-astro-cid-523o6diq]:after {
border-left: 1pt solid var(--_primary);
height: var(--_size);
width: 0;
}
}
.person[data-astro-cid-fnbjazam] {
color: inherit;
font-weight: 400;
transition: opacity 0.3s ease;
}
.media[data-astro-cid-fnbjazam] {
aspect-ratio: 4/5;
width: 168px;
overflow: clip;
}
.media[data-astro-cid-fnbjazam] img[data-astro-cid-fnbjazam] {
object-fit: cover;
height: 100%;
width: 100%;
transition: 0.3s ease;
}
.name[data-astro-cid-fnbjazam] {
font-weight: 400;
margin-top: 1.2em;
font-size: clamp(20px, 2vw, 24px);
line-height: 1.32em;
color: var(--clr-primary);
}
.title[data-astro-cid-fnbjazam] {
font-size: clamp(13px, 1.2vw, 14px);
opacity: 0.6;
line-height: 1.25em;
}
.person[data-astro-cid-fnbjazam]:hover {
.media img {
scale: 1.05;
}
.name {
color: var(--clr-accent-primary);
}
}
.info[data-astro-cid-fnbjazam] {
&[data-astro-cid-fnbjazam]:after {
content: "";
display: block;
width: 4em;
height: 1.5em;
border-bottom: 1px solid var(--clr-accent-secondary);
}
}
.people-list[data-astro-cid-srtbotou] {
margin-block-start: clamp(3em, 4vw, 4em);
max-width: none;
display: grid;
justify-content: space-between;
column-gap: 2em;
row-gap: 3em;
grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
}
.partner-slider[data-astro-cid-vvf6hnf5] {
margin-block-start: calc(var(--section-padding) * 0.6);
overflow: hidden;
mask-image: linear-gradient(
to right,
transparent,
black 2rem,
black calc(100% - 2rem),
transparent
);
section.layout-padding & {
width: 100vw;
margin-inline-start: calc(var(--wrapper-margin) * -1);
}
section.layout-padding .content.indented & {
@media (width>=1000px) {
margin-inline-start: calc(var(--wrapper-margin) * -1 - var(--pull-1));
}
}
}
.partner-slider[data-astro-cid-vvf6hnf5].flipped {
margin-block-start: 30px;
@media (width>=740px) {
margin-block-start: 40px;
}
@media (width>=1000px) {
margin-block-start: 60px;
}
}
.marquee-track[data-astro-cid-vvf6hnf5] {
display: flex;
width: max-content;
}
.marquee-content[data-astro-cid-vvf6hnf5] {
display: flex;
align-items: center;
gap: 30px;
padding-inline-end: 30px;
animation: marquee-scroll var(--marquee-speed, 30s) linear infinite;
@media (width>=740px) {
gap: 40px;
padding-inline-end: 40px;
}
@media (width>=1000px) {
gap: 60px;
padding-inline-end: 60px;
}
}
.partner-slider[data-astro-cid-vvf6hnf5].flipped
.marquee-content[data-astro-cid-vvf6hnf5] {
animation-direction: reverse;
}
.partner-logo[data-astro-cid-vvf6hnf5] {
flex: none;
img {
display: block;
height: clamp(60px, 10vw, 80px);
width: auto;
object-fit: contain;
object-position: center;
}
}
@keyframes marquee-scroll {
to {
transform: translate(-100%);
}
}
section[data-astro-cid-j33s6pcw] {
display: flex;
flex-direction: column;
align-items: center;
}
.subsection[data-astro-cid-j33s6pcw].purpose {
margin-inline: var(--wrapper-margin);
margin-block: var(--section-padding);
}
.values[data-astro-cid-j33s6pcw] .media[data-astro-cid-j33s6pcw] {
filter: brightness(0.2);
height: 100%;
}
.subsection[data-astro-cid-j33s6pcw].values .content[data-astro-cid-j33s6pcw] {
padding-inline: var(--wrapper-margin);
padding-block: var(--section-padding);
}
.subsection[data-astro-cid-j33s6pcw].values
.content[data-astro-cid-j33s6pcw]
.accordion[data-astro-cid-j33s6pcw] {
max-width: 44ch;
+ .accordion[data-astro-cid-j33s6pcw] {
margin-block-start: 16px;
}
}
@media (width>=860px) {
section[data-astro-cid-j33s6pcw] {
flex-direction: row;
}
.subsection[data-astro-cid-j33s6pcw].purpose {
flex: none;
width: var(--span-6);
margin-inline-end: calc(var(--pull-1) + var(--col-gap));
}
.subsection[data-astro-cid-j33s6pcw].values {
flex: none;
width: calc(var(--span-5) + var(--wrapper-margin));
}
.subsection[data-astro-cid-j33s6pcw].values
.content[data-astro-cid-j33s6pcw] {
padding-inline-start: var(--pull-1);
}
}
ul[data-astro-cid-ziyg56xt].insta-feed {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: calc(var(--col-gap) / 2);
@media (min-width: 880px) {
grid-template-columns: repeat(4, 1fr);
}
li {
img {
aspect-ratio: 3/4;
object-fit: cover;
}
}
+ p {
margin-inline: auto;
text-align: center;
}
}
.f-instagram-embedd.f-html {
padding: 0;
}
@layer components {
.field {
--text-color: var(--clr-primary);
--placeholder: var(--clr-neutral-400);
border: 0;
overflow: hidden;
color: inherit;
display: block;
transition: 0.2s ease;
color: var(--text-color);
background-color: var(--clr-neutral-100);
&:not(.custom) {
height: 40px;
padding: 0px 1rem;
font-weight: 400;
min-width: 240px;
border-bottom: 1px solid var(--clr-neutral-300);
}
&::placeholder {
font-weight: 300;
color: var(--placeholder);
}
&[data-state="error"] {
border-bottom: 1px solid var(--clr-error);
}
&:disabled {
opacity: 0.7;
}
}
@media (min-width: 780px) {
.field:not(.custom) {
min-width: 340px;
height: 50px;
}
}
textarea.field:not(.custom) {
padding-top: 15px;
padding-bottom: 15px;
height: auto;
min-height: 100px;
line-height: 1.4em;
}
@media (min-width: 780px) {
textarea.field:not(.custom) {
min-height: calc(100px + 1.2em);
}
}
select.field:not(.custom) {
line-height: 2em;
color: var(--text-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjNTY2MzZkIiBkPSJNMjU2IDQyOS4zbDIyLjYtMjIuNiAxOTItMTkyTDQ5My4zIDE5MiA0NDggMTQ2LjdsLTIyLjYgMjIuNkwyNTYgMzM4LjcgODYuNiAxNjkuNCA2NCAxNDYuNyAxOC43IDE5MmwyMi42IDIyLjYgMTkyIDE5MkwyNTYgNDI5LjN6Ii8+PC9zdmc+);
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: right 12px center;
padding-inline-end: 32px;
[dir="rtl"] & {
background-position: left 12px center;
}
option {
height: 20px;
font-size: 1rem;
&[value="n/a"] {
color: var(--placeholder);
}
&[value="n/a"][disabled] {
color: var(--placeholder);
}
}
&[data-selected="false"] {
color: var(--placeholder);
font-weight: 300;
&:focus {
color: var(--text-color);
}
}
}
.iti {
width: 100%;
direction: ltr;
}
}
@layer components {
.field-wrap {
position: relative;
margin-bottom: 1rem;
display: grid;
align-items: start;
label,
.label {
font-weight: 700;
display: block;
margin-bottom: 0.2em;
}
&.submit {
margin-top: 0;
margin-bottom: 0;
text-align: center;
justify-content: center;
&.align-right {
text-align: right;
}
&.align-left {
text-align: left;
}
}
.star {
position: absolute;
[dir="ltr"] & {
left: 100%;
}
[dir="rtl"] & {
right: 100%;
}
top: 0;
}
}
}
@layer components {
.button.cta.multi-states,
button.cta.multi-states {
[data-state="error"] &,
&[data-state="error"] {
pointer-events: none;
}
[data-state="working"] &,
&[data-state="working"] {
pointer-events: none;
}
[data-state="success"] &,
&[data-state="success"] {
pointer-events: none;
}
[data-state="success-response"] &,
&[data-state="success-response"] {
pointer-events: none;
}
[data-state="error-response"] &,
&[data-state="error-response"] {
pointer-events: none;
}
.state-wrap {
display: inherit;
gap: inherit;
width: 100%;
justify-content: inherit;
align-items: inherit;
line-height: 1em;
text-align: left;
svg {
display: block;
}
.small {
font-size: 0.8em;
line-height: inherit;
display: flex;
flex-direction: column;
line-height: 1.4em;
}
display: none;
&[data-for="ready"] {
display: flex;
}
&[data-for="error"] {
.icon {
color: var(--clr-error) !important;
}
}
}
[data-state="error"] & .state-wrap,
&[data-state="error"] .state-wrap {
&[data-for="ready"] {
display: none;
}
&[data-for="error"] {
display: flex;
}
}
[data-state="working"] & .state-wrap,
&[data-state="working"] .state-wrap {
&[data-for="ready"] {
display: none;
}
&[data-for="working"] {
display: flex;
}
}
[data-state="success"] & .state-wrap,
&[data-state="success"] .state-wrap,
[data-state="success-response"] & .state-wrap,
&[data-state="success-response"] .state-wrap {
&[data-for="ready"] {
display: none;
}
&[data-for="success"] {
display: flex;
}
}
[data-state="error"] & .state-wrap,
&[data-state="error"] .state-wrap,
[data-state="error-response"] & .state-wrap,
&[data-state="error-response"] .state-wrap {
&[data-for="ready"] {
display: none;
}
&[data-for="error"] {
display: flex;
}
}
}
@keyframes spin {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
}
@layer components {
.error-msg {
display: block;
color: var(--clr-error);
font-size: 12px;
padding: 0.3em 1rem;
text-transform: none;
white-space: nowrap;
font-weight: 400;
[dir="rtl"] [dir="ltr"] & {
left: auto;
}
&:after {
position: absolute;
content: "";
top: 100%;
left: 10px;
border-top: 5px solid var(--white);
border-left: 5px solid transparent;
border-right: 5px solid transparent;
[dir="rtl"] & {
left: auto;
right: 10px;
}
[dir="rtl"] [dir="ltr"] & {
right: auto;
left: 10px;
}
}
display: none;
}
.field-wrap:has([data-state="error"]) .error-msg,
.error-msg.show {
display: block;
}
.error-msg + .error-msg {
display: none !important;
}
}
@layer components {
input,
select,
textarea,
button,
label,
.label {
outline: none;
border-radius: 0;
font-family: inherit;
color: inherit;
padding: 0;
margin: 0;
}
select {
option {
&[disabled] {
color: #aaa;
}
}
}
optgroup {
padding: 0;
margin: 0;
}
.hint {
font-size: 0.8em;
line-height: 1.2em;
margin-top: 0.6em;
font-weight: 400;
.icon {
font-size: 16px;
margin: 0 0.3em;
}
}
.hintbox {
padding: 0.8em 1.4em;
background-color: #d1e5dc;
color: currentColor;
position: relative;
z-index: 10;
.msg {
line-height: 1.3em;
font-size: 0.8em;
}
}
[name="emiratesId"] {
direction: ltr;
}
.form-layout {
--_gap: clamp(1rem, 3.2vw, 1.4rem);
@media (min-width: 740px) {
width: var(--span-10);
}
@media (min-width: 1000px) {
width: var(--span-8);
&.boxed {
padding-inline: var(--pull-1);
}
}
display: flex;
flex-wrap: wrap;
gap: var(--_gap);
.field-wrap {
width: 100%;
margin: 0;
.field {
width: 100%;
min-width: fit-content;
}
@media (min-width: 580px) {
&.half {
width: calc(50% - (var(--_gap) / 2));
}
&.third {
width: calc(33.3333% - (var(--_gap) * 2 / 3));
}
}
}
> button {
align-self: center;
justify-self: center;
margin-inline: auto;
}
}
.iti__search-input {
padding: 0.75em 1em;
font-weight: 300;
}
}
form[data-astro-cid-baqc3mtv] {
background-color: var(--clr-neutral-150);
max-width: var(--wrapper-md);
margin-top: 3em;
h3 {
margin-bottom: 1em;
}
}
.hero[data-astro-cid-s5hxusys] {
position: relative;
z-index: 1;
display: grid;
background-color: #000;
}
img[data-astro-cid-s5hxusys],
video[data-astro-cid-s5hxusys] {
object-fit: cover;
aspect-ratio: 16/8;
grid-row: 1;
grid-column: 1;
min-height: 100%;
height: 100vh;
width: 100%;
}
.hero[data-astro-cid-s5hxusys].short img[data-astro-cid-s5hxusys],
.hero[data-astro-cid-s5hxusys].short video[data-astro-cid-s5hxusys] {
height: 80vh;
}
.overlay[data-astro-cid-s5hxusys] {
position: relative;
grid-row: 1;
grid-column: 1;
padding-inline: var(--wrapper-margin);
display: flex;
flex-direction: column;
gap: 1em;
justify-content: flex-end;
padding-block-start: 180px;
@media (width>850px) {
padding-block-start: 240px;
}
&[data-astro-cid-s5hxusys]:before {
content: "";
display: block;
inset: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background-color: #000;
opacity: 0.24;
mix-blend-mode: hard-light;
}
h1 {
position: relative;
z-index: 10;
font-size: clamp(40px, 10vw, 124px);
font-weight: 500;
text-transform: uppercase;
line-height: 0.92em;
margin-bottom: 0;
color: var(--clr-primary);
margin-block: clamp(0.6em, 8vh, 1.6em);
&:has(b) {
font-weight: 100;
b {
display: block;
font-weight: 500;
}
}
}
p {
position: relative;
z-index: 10;
max-width: 48ch;
margin-block-end: 2em;
}
}
.dropdown[data-astro-cid-wwe277d2] {
position: relative;
}
.dropdown-content[data-astro-cid-wwe277d2] {
position: absolute;
width: fit-content;
display: grid;
gap: 0.75em;
top: 100%;
background-color: var(--clr-pine-green);
background-color: color-mix(
in lab,
var(--clr-pine-green) 68%,
var(--clr-regent-green)
);
padding: 1.35em 1.5em;
margin-block-start: 0.4em;
box-shadow: 1px 1px 4px #0003;
}
.testimonials[data-astro-cid-y5herbu2] {
position: relative;
z-index: 2;
max-width: 520px;
margin-inline: auto;
background-color: var(--clr-neutral-150);
background-color: color-mix(in lab, var(--clr-neutral-150) 94%, transparent);
backdrop-filter: blur(10px);
.media > img + & {
margin-top: 2em;
}
@media (width>=860px) {
.media > img + & {
width: 88%;
margin-top: -2em;
}
}
}
footer[data-astro-cid-y5herbu2] {
margin-block-start: 1.5em;
}
.content[data-astro-cid-y5herbu2] {
padding: clamp(2em, 3.2vw, 2.4em);
}
blockquote[data-astro-cid-y5herbu2] {
margin: 0;
}
figure[data-astro-cid-y5herbu2] {
margin: 0;
}
figcaption[data-astro-cid-y5herbu2] {
position: relative;
display: inline-block;
border-top: 0.5px solid var(--clr-neutral-300);
padding-block-start: 1em;
margin-block-start: 1.5em;
&[data-astro-cid-y5herbu2]:before {
content: "";
display: block;
border-inline: 5px solid transparent;
border-block-end: 7px solid var(--clr-neutral-300);
position: absolute;
top: -7px;
inset-inline-start: 1ch;
}
b {
font-weight: 500;
}
}
nav[data-astro-cid-dhgaq5xt].tabs {
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-x: hidden;
scrollbar-width: none;
&[data-astro-cid-dhgaq5xt]::-webkit-scrollbar {
display: none;
}
&.section-padding {
padding-block: calc(var(--section-padding) * 0.6);
}
}
nav[data-astro-cid-dhgaq5xt].tabs.indented {
@media (width>=1000px) {
margin-inline: var(--pull-1);
}
}
ul[data-astro-cid-dhgaq5xt] {
display: flex;
align-items: flex-end;
min-width: max-content;
gap: clamp(0.4em, 2vw, 1em);
border-bottom: 0.5px solid
color-mix(in lab, var(--clr-beige) 60%, transparent);
}
li[data-astro-cid-dhgaq5xt] {
display: flex;
align-items: flex-end;
box-shadow: 0 -2px inset color-mix(in lab, var(--clr-beige) 60%, transparent);
margin-block-end: -1px;
transition: box-shadow 0.3s ease;
}
li[data-astro-cid-dhgaq5xt]:hover {
box-shadow: 0 -3px inset color-mix(in lab, var(--clr-beige) 80%, transparent);
}
li[data-astro-cid-dhgaq5xt]:has(.active) {
box-shadow: 0 -4px 0 inset var(--clr-accent-primary);
}
li[data-astro-cid-dhgaq5xt]:hover:not(:has(.active))
a[data-astro-cid-dhgaq5xt] {
color: color-mix(in lab, var(--clr-beige) 100%, transparent);
}
nav[data-astro-cid-dhgaq5xt]:not(.headlines) li[data-astro-cid-dhgaq5xt] {
font-weight: 500;
letter-spacing: 0.04ch;
text-transform: uppercase;
font-size: 14px;
}
nav[data-astro-cid-dhgaq5xt]:not(.headlines)
li[data-astro-cid-dhgaq5xt]:has(.active) {
background-color: var(--clr-neutral-150);
}
a[data-astro-cid-dhgaq5xt] {
color: color-mix(in lab, var(--clr-charcoal) 40%, transparent);
text-decoration: none;
line-height: 1em;
padding-inline: 0.4ch;
}
a[data-astro-cid-dhgaq5xt].active {
color: var(--clr-primary);
}
nav[data-astro-cid-dhgaq5xt]:not(.headlines) a[data-astro-cid-dhgaq5xt] {
line-height: 1.2em;
padding-inline: 1.2ch;
max-width: 26ch;
width: max-content;
padding-block: 0.8em 1em;
}
nav[data-astro-cid-dhgaq5xt].headlines ul[data-astro-cid-dhgaq5xt] {
gap: clamp(20px, 4vw, 60px);
}
nav[data-astro-cid-dhgaq5xt].headlines li[data-astro-cid-dhgaq5xt] {
font-size: clamp(32px, 4vw, 60px);
font-weight: 400;
order: 2;
}
nav[data-astro-cid-dhgaq5xt].headlines
li[data-astro-cid-dhgaq5xt]
a[data-astro-cid-dhgaq5xt] {
padding-bottom: 16px;
color: color-mix(in lab, var(--clr-beige) 60%, transparent);
}
nav[data-astro-cid-dhgaq5xt].headlines
li[data-astro-cid-dhgaq5xt]
a[data-astro-cid-dhgaq5xt].active {
color: var(--clr-primary);
}
nav[data-astro-cid-dhgaq5xt].headlines
li[data-astro-cid-dhgaq5xt]:not(:has(.active))
a[data-astro-cid-dhgaq5xt] {
font-size: 0.6em;
}
nav[data-astro-cid-dhgaq5xt].headlines
li[data-astro-cid-dhgaq5xt]:has(.active) {
order: 1;
}
.swiper[data-astro-cid-2fkfgwmr].slider {
width: 100%;
overflow: visible;
}
.swiper[data-astro-cid-2fkfgwmr].slider .swiper-slide[data-astro-cid-2fkfgwmr] {
transition:
opacity 0.4s ease,
filter 0.4s ease,
scale 0.4s ease;
}
.swiper[data-astro-cid-2fkfgwmr].slider
.swiper-slide[data-astro-cid-2fkfgwmr]:not(.swiper-slide-active) {
opacity: 0.2;
filter: blur(16px);
scale: 0.84;
}
@import "https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@600&display=swap";
@layer reset,layout,typography,components;
@layer reset {
*,
*:before,
*:after {
box-sizing: border-box;
}
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
font-family: var(--font-family-base);
color-scheme: light dark;
interpolate-size: allow-keywords;
}
body {
margin: 0;
min-height: 100vh;
line-height: var(--font-family-base-line-height);
font-weight: var(--font-family-base-weight, 400);
font-variation-settings: "wght" var(--font-family-base-weight, 400);
}
h1,
h2,
h3,
h4,
button,
input,
label {
line-height: var(--font-family-heading-line-height);
}
input,
button,
textarea,
select {
font-family: inherit;
font-size: inherit;
}
textarea:not([rows]) {
min-height: 10em;
}
:is(ul, ol)[class],
nav > ul {
list-style: "";
margin: 0;
padding: 0;
}
h1,
.h1,
.large-title,
h2,
.h2,
.primary-title,
h3,
.h3,
.secondary-title,
h4,
.h4,
.tertiary-title {
text-wrap: balance;
font-family: var(--font-family-heading, var(--font-family-base));
font-weight: var(--font-family-heading-weight, 700);
line-height: var(--font-family-heading-line-height);
font-variation-settings: "wght" var(--font-family-heading-weight, 700);
}
p,
li,
figcaption {
max-width: var(--body-max-width);
text-wrap: pretty;
}
b,
strong {
font-weight: var(--font-family-bold-weight, 600);
font-variation-settings: "wght" var(--font-family-bold-weight, 600);
}
code {
font-family: var(--font-family-code);
}
:first-child {
margin-block-start: 0;
}
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin-block-end: 0;
}
img,
picture {
max-width: 100%;
display: block;
height: auto;
object-fit: cover;
}
td,
math,
time[datetime*=":"] {
font-variant-numeric: tabular-nums lining-nums;
}
table {
border-collapse: collapse;
}
:target {
scroll-margin-block: 32px;
scroll-margin-block: 5rlh;
}
@media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
}
@layer layout {
:root {
--section-padding: clamp(80px, 8vw, 140px);
--box-padding: clamp(2rem, 4vw, 4rem);
--body-max-width: 80ch;
--flow-gap: 1.75em;
--wrapper-max: 1260px;
--wrapper-margin: max(
max(32px, 6vw),
calc((100vw - var(--wrapper-max)) / 2)
);
--wrapper: calc(100vw - var(--wrapper-margin) * 2);
--col-count: 6;
--col-gap: clamp(16px, 4vw, 32px);
--col-width: calc(
(var(--wrapper) - var(--col-gap) * (var(--col-count) - 1)) /
var(--col-count)
);
--pull-1: calc(var(--col-width) + var(--col-gap));
--pull-2: calc(var(--col-width) * 2 + var(--col-gap) * 2);
--pull-3: calc(var(--col-width) * 3 + var(--col-gap) * 3);
--pull-4: calc(var(--col-width) * 4 + var(--col-gap) * 4);
--pull-5: calc(var(--col-width) * 5 + var(--col-gap) * 5);
--pull-6: calc(var(--col-width) * 6 + var(--col-gap) * 6);
--pull-7: calc(var(--col-width) * 7 + var(--col-gap) * 7);
--pull-8: calc(var(--col-width) * 8 + var(--col-gap) * 8);
--pull-9: calc(var(--col-width) * 9 + var(--col-gap) * 9);
--wide-gap: calc(var(--pull-1) + var(--col-gap));
--span-2: calc(var(--col-width) * 2 + var(--col-gap));
--span-3: calc(var(--col-width) * 3 + var(--col-gap) * 2);
--span-4: calc(var(--col-width) * 4 + var(--col-gap) * 3);
--span-5: calc(var(--col-width) * 5 + var(--col-gap) * 4);
--span-6: calc(var(--col-width) * 6 + var(--col-gap) * 5);
--span-7: calc(var(--col-width) * 7 + var(--col-gap) * 6);
--span-8: calc(var(--col-width) * 8 + var(--col-gap) * 7);
--span-9: calc(var(--col-width) * 9 + var(--col-gap) * 8);
--span-10: calc(var(--col-width) * 10 + var(--col-gap) * 9);
--span-11: calc(var(--col-width) * 11 + var(--col-gap) * 10);
@media (width>=740px) {
--col-count: 12;
--col-gap: clamp(16px, 2vw, 32px);
}
--scrollbar-width: thin;
@supports (scrollbar-width: auto) {
scrollbar-width: var(--scrollbar-width);
}
}
body {
min-width: 340px;
overflow-x: clip;
}
.layout-padding {
padding-inline: var(--wrapper-margin);
}
.section-padding {
padding-block: var(--section-padding);
}
.section-padding-start {
padding-block-start: var(--section-padding);
}
.section-padding-end {
padding-block-end: var(--section-padding);
}
.layout-margin {
margin-inline: var(--wrapper-margin);
}
.section-margin {
margin-block: var(--section-padding);
}
.section-margin-end {
margin-block-end: var(--section-padding);
}
.boxed {
padding: var(--box-padding);
}
.max-width-wrapper {
max-width: var(--wrapper-max);
}
.content > footer {
margin-block-start: clamp(1.6rem, 4vw, 2rem);
&.delimited {
padding-block-start: clamp(1.6rem, 4vw, 2rem);
border-top: 1px solid
color-mix(in lab, var(--clr-primary) 20%, transparent);
}
}
.site {
min-height: 100vh;
max-width: 100%;
overflow-x: clip;
display: grid;
grid-template-columns: minmax(0, 1fr);
> * {
grid-column: 1;
}
> header {
grid-row: 1;
position: relative;
z-index: 5;
background-color: transparent;
}
> header + main > section:first-child.section-padding {
padding-block-start: calc(var(--section-padding) * 0.4);
}
> .hero {
grid-row: 1 / span 2;
}
> main {
height: auto;
z-index: 2;
}
> main section {
@media (width>=1000px) {
.content.indented {
padding-inline: var(--pull-1);
}
.content.indented-start {
padding-inline-start: var(--pull-1);
}
.content.cols {
column-count: 2;
column-gap: var(--wide-gap);
}
}
@media (width>=1260px) {
.content.cols.indented {
padding-inline-end: var(--pull-2);
}
}
> .content + .content {
margin-block-start: calc(var(--section-padding) * 0.6);
}
}
> footer {
height: min-content;
}
}
.media {
max-width: 100%;
img {
max-width: 100%;
height: auto;
object-fit: cover;
}
&.portrait {
img {
aspect-ratio: 10/16;
}
}
&.focus-bottom {
img {
object-position: bottom;
}
}
&.inline-bleed {
img {
max-width: none;
width: calc(100% + min(var(--wrapper), var(--col-width) * 2));
margin-inline: min(var(--wrapper), var(--col-width) * -1);
}
}
}
section.section-padding:has(+ section.section-overlap),
section.section-padding:has(+ script + section.section-overlap) {
padding-block-end: calc(var(--section-padding) * 1.6);
}
section.section-overlap {
margin-block-start: calc(var(--section-padding) * -0.6);
}
.object-fit-contain,
.object-fit-contain img {
object-fit: contain;
}
.grid-cols {
display: grid;
width: auto;
grid-template-columns: repeat(var(--col-count), var(--col-width));
column-gap: var(--col-gap);
}
section.grid-cols > header {
grid-column: 1 / -1;
}
section.grid-cols > .content,
section.grid-cols > .media {
grid-column: 1 / -1;
}
.flow > * + * {
margin-block-start: var(--flow-space, 1em);
}
.stacked {
display: grid;
place-items: stretch;
grid-template-columns: minmax(0, 1fr);
min-width: 0;
}
.stacked > .background {
grid-area: 1 / 1;
z-index: 1;
max-width: 100%;
width: inherit;
> img {
height: 100%;
aspect-ratio: 16/11;
@media (width>=740px) {
aspect-ratio: 16/9;
}
@media (width>=1000px) {
aspect-ratio: 16/8;
}
}
}
.stacked > .foreground {
z-index: 2;
grid-area: 1 / 1;
align-self: center;
}
.stacked.responsive .foreground {
@media (width<1000px) {
grid-area: auto;
}
}
.stacked > .foreground.boxed {
background-color: color-mix(in lab, var(--clr-surface) 92%, transparent);
backdrop-filter: blur(4px);
box-shadow: 0 0 2px 1px
color-mix(in lab, var(--clr-neutral-900) 8%, transparent);
}
.layout-split {
display: flex;
flex-direction: column;
row-gap: var(--flow-gap);
column-gap: var(--col-gap);
align-items: stretch;
@media (width<860px) {
.media + .content.section-padding {
padding-block-start: calc(var(--section-padding) * 0.4);
}
.content.section-padding:has(+ .media) {
padding-block-end: calc(var(--section-padding) * 0.4);
}
}
.media > img {
width: 100%;
}
.media:not(.portrait) > img {
aspect-ratio: 16/10 !important;
}
@media (width>=860px) {
flex-direction: row;
> * {
flex: 1;
}
&.split-5-6 {
gap: var(--wide-gap);
> *:first-child {
flex: none;
width: var(--span-5);
}
> *:last-child {
flex: none;
width: var(--span-6);
}
}
&.split-6-5 {
gap: var(--wide-gap);
> *:first-child {
flex: none;
width: var(--span-6);
}
> *:last-child {
flex: none;
width: var(--span-5);
}
}
}
.media.bleed {
height: auto;
align-self: stretch;
display: flex;
justify-content: center;
img {
width: auto;
max-width: 100vw;
height: 100%;
}
@media (width>=860px) {
img {
aspect-ratio: 16/8;
width: calc(100% + var(--wrapper-margin));
}
&:first-child {
justify-content: end;
}
&:last-child {
justify-content: start;
}
}
}
&.landscape-flip {
@media (width>=860px) {
flex-direction: row-reverse;
.media:first-child {
justify-content: start;
}
.media:last-child {
justify-content: end;
}
}
}
}
.content.banner {
color-scheme: only dark;
color: var(--clr-primary);
padding-inline: clamp(3em, 10vw, calc(var(--span-1) + var(--col-gap)));
padding-block: clamp(3em, 4vw, 4em);
background-color: var(--clr-pine-green);
&.neutral {
color-scheme: only light;
background-color: var(--clr-neutral-150);
}
}
img.wide {
aspect-ratio: 21/9;
}
.grid-flow {
display: grid;
gap: var(--grid-flow-gap, 1rem);
justify-items: start;
> * {
margin: 0;
}
}
.flex-group {
display: flex;
flex-wrap: wrap;
gap: var(--col-gap, 1em);
align-items: center;
}
.grid-auto-fit {
--grid-auto-fit-min-column-size: 200px;
--grid-auto-fit-gap: 1rem;
display: grid;
gap: var(--grid-auto-fit-gap);
grid-template-columns: repeat(
auto-fit,
minmax(min(var(--grid-auto-fit-min-column-size), 100%), 1fr)
);
}
.hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
}
@font-face {
font-family: GE Dinar One;
src:
local("GE Dinar One Light"),
local("GEDinarOne-Light"),
url(/assets/fonts/GEDinarOne-Light.woff2) format("woff2");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: GE Dinar One;
src:
local("GE Dinar One Bold"),
local("GEDinarOne-Bold"),
url(/assets/fonts/GEDinarOne-Bold.woff2) format("woff2");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: GE Dinar One;
src:
local("GE Dinar One Medium"),
local("GEDinarOne-Medium"),
url(/assets/fonts/GEDinarOne-Medium.woff2) format("woff2");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: GE Dinar One;
src:
local("GE Dinar One"),
local("GEDinarOne"),
url(/assets/fonts/GEDinarOne.woff2) format("woff2");
font-weight: 400;
font-style: normal;
}
@layer typography {
:root {
--font-family-base: "interstate", "GE Dinar One", sans-serif;
--font-family-base-line-height: 1.6;
--font-family-base-weight: 300;
--font-family-bold-weight: 700;
--font-family-heading: "interstate", sans-serif;
--font-family-heading-line-height: 1.4;
--font-family-heading-weight: 500;
--font-family-code: monospace;
font-size: 17px;
}
:where(h1, h2, h3, h4) {
text-wrap: balance;
&:not(.wide) {
max-width: 40ch;
}
&.centered {
text-align: center;
margin-inline: auto;
}
.theme-pine & {
color: var(--clr-primary);
}
&:not(:first-child) {
margin-block-start: 1.64em;
}
}
h1,
.h1,
.large-title {
font-size: clamp(40px, 10vw, 100px);
font-weight: 400;
text-transform: uppercase;
line-height: 0.92em;
margin-bottom: 0.6em;
color: var(--clr-accent-primary);
.scheme-dark &:not(.eyebrow) {
color: var(--clr-primary);
}
&.stacked {
max-width: 8ch;
}
}
h2,
.h2,
.primary-title {
font-size: clamp(24px, 2vw, 32px);
font-weight: 500;
text-transform: none;
line-height: 1.4em;
color: var(--clr-primary);
&:not(.wide) {
max-width: 40ch;
}
&.large {
font-size: clamp(32px, 4vw, 60px);
font-weight: 400;
&.impact {
font-weight: 500;
font-size: clamp(36px, 4vw, 64px);
}
}
b {
color: var(--clr-accent-secondary);
font-weight: 700;
}
}
h3,
.h3,
.secondary-title {
font-size: clamp(20px, 2vw, 28px);
font-weight: 500;
text-transform: none;
color: var(--clr-steel-blue);
&.underlined {
border-bottom: 1px solid var(--clr-neutral-250);
padding-bottom: 0.4em;
}
.scheme-dark &:not(.eyebrow) {
color: var(--clr-primary);
}
.theme-navy & {
color: var(--clr-light-teal);
}
}
h4,
.h4,
.tertiary-title {
font-size: clamp(18px, 1.4vw, 20px);
font-weight: 500;
}
h5,
.h5,
.eyebrow {
color: var(--clr-accent-primary);
font-size: 16px;
line-height: 1.2em;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.12ch;
.theme-navy & {
color: var(--clr-primary);
}
}
.fancy-title {
position: relative;
text-transform: uppercase;
color: var(--clr-pine-green);
border-bottom: 1px solid var(--clr-accent-primary);
padding-bottom: 0.12em;
width: fit-content;
padding-inline-end: 2ch;
font-size: clamp(28px, 3.2vw, 36px);
background-image: linear-gradient(
45deg,
var(--clr-accent-primary),
var(--clr-pine-green) 100%
);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
display: inline-block;
&:after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: var(--clr-accent-primary);
position: absolute;
top: 100%;
height: 4px;
width: 50%;
}
}
.eyebrow {
+ * {
margin-top: 2rem;
}
+ *:is(
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
.large-title,
.primary-title,
.secondary-title,
.tertiary-title
) {
margin-top: 1rem;
}
}
p {
&:not(.wide) {
max-width: 64ch;
}
&:not(:first-child) {
margin-block-start: 1.2em;
}
}
p.large {
font-size: clamp(17px, 2vw, 20px);
font-weight: 300;
&:not(.wide) {
text-wrap: balance;
max-width: 52ch;
}
}
p.highlight {
color: var(--clr-accent-primary);
font-weight: 500;
}
p.figure-highlight {
font-size: clamp(24px, 3.2vw, 28px);
line-height: 1.24em;
font-weight: 500;
text-transform: none;
margin-block: 2em;
color: var(--clr-accent-primary);
b {
font-size: clamp(48px, 6vw, 60px);
font-weight: 700;
line-height: 1em;
display: inline-block;
vertical-align: middle;
margin-inline-end: 0.2em;
margin-inline-start: 0.2em;
margin-block-end: 0.1em;
color: var(--clr-accent-secondary);
}
&.centered {
text-align: center;
margin-inline: auto;
}
}
p:has(> .button) {
margin-block-start: 2em;
}
b,
strong {
font-weight: 500;
}
a {
--_primary: var(--clr-accent-primary);
--_hover: var(--clr-steel-blue);
color: var(--_primary);
transition: color 0.2s ease;
&:hover {
color: var(--_hover);
}
main section .content & {
font-weight: 500;
text-decoration: none;
}
}
ul.markers-check {
display: grid;
gap: 1em;
margin-block-start: 1.6em;
li {
position: relative;
padding-inline-start: 40px;
font-weight: 400;
&:before {
position: absolute;
left: 0;
top: 0;
display: block;
width: 24px;
height: 24px;
content: "";
background-image: url('data:image/svg+xml,');
background-size: contain;
}
}
}
ol.large-numbered {
margin-block-start: clamp(20px, 2vw, 40px);
counter-reset: item;
--_marker-font-size: 32px;
--_marker-space: 40px;
--_list-block-padding: clamp(12px, 2vw, 20px);
@media (width>=740px) {
--_marker-space: var(--span-2);
--_marker-font-size: clamp(32px, 6.8vw, 80px);
}
> li {
padding-block: var(--_list-block-padding);
position: relative;
counter-increment: item;
padding-inline-start: calc(var(--_marker-space) + var(--col-gap));
}
> li:before {
position: absolute;
left: 0;
top: var(--_list-block-padding);
font-size: var(--_marker-font-size);
content: "0" counter(item);
width: var(--_marker-space);
opacity: 0.4;
text-align: center;
line-height: 1;
display: inline-block;
color: var(--clr-beige);
font-family:
Google Sans Code,
monospace;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
}
> li > details.accordion:first-child {
summary {
min-height: var(--_marker-font-size);
}
}
> li:has(> details.accordion:first-child) {
border-bottom: 1px solid
color-mix(in lab, var(--clr-beige) 40%, transparent);
}
}
.splits {
p {
margin: 0;
line-height: 1.2em;
font-weight: 500;
font-size: 1.2em;
color: var(--clr-steel-blue);
&.value {
color: var(--clr-yellow);
font-size: clamp(24px, 4vw, 56px);
font-weight: 600;
line-height: 1.2em;
}
}
}
.logos {
img {
margin-inline: auto;
height: clamp(60px, 10vw, 80px);
width: auto;
object-fit: contain;
object-position: center;
}
}
dl {
dt {
font-weight: 500;
margin-block-end: 0.4em;
&:has(.icon-wrap) {
display: flex;
align-items: center;
.icon-wrap {
display: inline-flex;
width: 32px;
color: var(--clr-accent-primary);
}
}
}
dd {
margin-inline-start: 32px;
+ dt {
margin-block-start: 1em;
}
}
}
}
:root {
--body-max-width: 75ch;
--clr-turquoise: hsl(177 100% 35%);
--clr-pine-green: hsl(186 72% 24%);
--clr-steel-blue: hsl(189 100% 27%);
--clr-yellow: hsl(44 100% 59%);
--clr-regent-green: hsl(191 100% 14%);
--clr-charcoal: hsl(206 16% 24%);
--clr-indigo-blue: hsl(204 90% 24%);
--clr-navy-blue: hsl(205 100% 14%);
--clr-light-teal: hsl(179 49% 79%);
--clr-beige: hsl(47 18% 80%);
--clr-sky-blue: hsl(203 55% 83%);
--clr-neutral-100: hsl(206 6% 98%);
--clr-neutral-150: hsl(206 7% 94%);
--clr-neutral-200: hsl(206 8% 88%);
--clr-neutral-250: hsl(206 12% 84%);
--clr-neutral-300: hsl(206 16% 80%);
--clr-neutral-350: hsl(206 16% 70%);
--clr-neutral-400: hsl(206 16% 60%);
--clr-neutral-500: hsl(206 16% 40%);
--clr-neutral-600: hsl(206 16% 24%);
--clr-neutral-800: hsl(206 12% 16%);
--clr-neutral-900: hsl(206 8% 12%);
--clr-accent-primary: var(--clr-turquoise);
--clr-accent-secondary: var(--clr-yellow);
--clr-surface: #fafafa;
--clr-primary: var(--clr-neutral-900);
--clr-error: #e92b0e;
--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
--ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
--ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
--ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
--ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
--ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
--ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
--ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
--ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
--ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
--ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
--ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
--ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
--ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
--ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
--ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
--ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body {
background-color: var(--clr-surface);
color: var(--clr-primary);
}
.scheme-dark {
--clr-surface: var(--clr-neutral-900);
--clr-primary: var(--clr-neutral-100);
}
.theme-navy {
--clr-surface: var(--clr-navy-blue);
}
.theme-regent {
--clr-surface: var(--clr-regent-green);
}
.theme-pine {
--clr-surface: var(--clr-pine-green);
}
.theme-grey {
--clr-surface: var(--clr-neutral-150);
}
*[class*="theme-"],
.scheme-dark {
background-color: var(--clr-surface);
color: var(--clr-primary);
}
:root {
--ease-out: cubic-bezier(0.3, 0.4, 0, 1);
}
@keyframes fadein-media {
0% {
opacity: 0;
scale: 1.15;
}
to {
opacity: 1;
scale: 1;
}
}
@keyframes fadein-content {
0% {
opacity: 0;
transform: translateY(2rem);
scale: 0.96;
}
to {
opacity: 1;
transform: translateY(0);
scale: 1;
}
}
@keyframes fadein-header {
0% {
opacity: 0;
transform: translateY(-2rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.site > header > *,
.site > header:before {
animation-name: fadein-header;
animation-delay: 0.44s;
animation-duration: 1s;
animation-fill-mode: both;
animation-timing-function: var(--ease-out);
}
.site > section.hero {
overflow: hidden;
img,
video {
animation-name: fadein-media;
animation-delay: 0.16s;
animation-duration: 3.2s;
animation-fill-mode: both;
animation-timing-function: var(--ease-out);
}
.overlay > * {
animation-name: fadein-content;
animation-delay: 0.48s;
animation-duration: 1s;
animation-fill-mode: both;
animation-timing-function: var(--ease-out);
}
}
.site main > *:not(script) {
animation-name: fadein-content;
animation-delay: 0.44s;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-timing-function: var(--ease-out);
&:nth-child(2) {
animation-delay: 0.48s;
}
&:nth-child(3) {
animation-delay: 0.52s;
}
&:nth-child(4) {
animation-delay: 0.56s;
}
&:nth-child(5) {
animation-delay: 0.6s;
}
&:nth-child(6) {
animation-delay: 0.64s;
}
&:nth-child(7) {
animation-delay: 0.68s;
}
&:nth-child(8) {
animation-delay: 0.72s;
}
&:nth-child(9) {
animation-delay: 0.76s;
}
&:nth-child(10) {
animation-delay: 0.8s;
}
}
.site > footer {
animation-name: fadein-content;
animation-delay: 0.4s;
animation-duration: 1s;
animation-fill-mode: both;
animation-timing-function: var(--ease-out);
}
[data-inview] {
will-change: opacity, scale, translate;
transition:
opacity 0.4s ease,
scale 0.8s ease,
translate 0.8s ease;
transition-delay: 0.34s, 0.42s, 0.42s;
}
[data-inview]:not(.inview) {
opacity: 0;
scale: 0.99;
translate: 0 20px;
}
[data-inview].inview {
opacity: 1;
scale: 1;
translate: 0 0;
}
@layer components {
.max-width-none {
max-width: none;
}
.clr-primary {
color: var(--clr-primary);
}
.mid-page-hero:not(.wide) {
margin-inline: auto;
max-width: var(--wrapper-max);
@media (width>=1000px) {
.media img {
aspect-ratio: 16/9;
}
}
}
.mid-page-hero.wide .media img {
@media (width>=1640px) {
aspect-ratio: 16/6.5;
}
}
.mid-page-hero .media img {
width: 100%;
}
.mid-page-hero .media.darken {
filter: brightness(0.72);
}
.mid-page-hero .content {
margin-inline: min(var(--wrapper-margin), var(--pull-1));
margin-block: min(var(--section-padding), 100px);
align-self: center;
justify-self: start;
width: var(--span-6);
&.align-end {
align-self: end;
}
&.justify-end {
justify-self: end;
}
.mubadala-logo {
height: clamp(24px, 4vw, 48px);
margin-block-end: clamp(20px, 4vw, 40px);
}
@media (width>=740px) {
width: var(--span-10);
}
&.narrow {
@media (width>=1000px) {
width: var(--span-5);
}
}
.large-title {
font-size: clamp(40px, 10vw, 100px);
}
}
.mid-page-hero.stacked.responsive .content.boxed {
@media (width<1000px) {
margin-block-start: calc(var(--section-padding) * -0.6);
margin-block-end: calc(var(--section-padding) * 0.6);
}
}
.mid-page-hero.responsive.section-margin-end {
@media (width<1260px) {
margin-block-end: 0;
}
}
.mid-page-hero.wide .content {
margin-inline: var(--wrapper-margin);
}
.mid-page-hero .content.bleed {
@media (width>=1000px) {
margin: 0;
width: 50%;
height: 100%;
padding-inline: var(--pull-1);
display: grid;
gap: 0;
align-content: center;
}
}
.mid-page-hero .content h2:last-child {
margin-block: 0;
}
.portfolio-strategy-values {
.media.background img {
@media (width>=1200px) {
aspect-ratio: 16/4;
}
}
.content {
@media (width>=400px) {
width: var(--span-5);
}
@media (width>=600px) {
width: var(--span-4);
}
@media (width>=740px) {
width: var(--span-7);
}
@media (width>=1000px) {
width: var(--span-6);
}
}
}
.portfolio-overview {
display: grid;
gap: calc(var(--section-padding) * 0.8);
}
.portfolio-map-figures {
display: flex;
gap: var(--col-gap);
justify-content: space-between;
li {
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
text-align: center;
> b {
font-size: clamp(2rem, 8vw, 5.2rem);
font-weight: 700;
line-height: 1em;
color: var(--clr-accent-secondary);
}
> span {
font-size: clamp(13px, 1.2vw, 20px);
font-weight: 600;
white-space: nowrap;
}
}
}
.foreground .portfolio-map-figures:not(:first-child) {
margin-block-start: calc(var(--section-padding) * 1);
}
.portfolio-map-visual {
opacity: 0.64;
margin-block-start: calc(var(--section-padding) * -0.4);
}
.portfolio-overview .portfolio-map-figures {
height: 72%;
li:nth-child(2) {
align-self: center;
}
li:nth-child(3) {
align-self: flex-end;
}
li > b {
font-size: clamp(2rem, 8vw, 4.4rem);
}
li > span {
font-size: clamp(13px, 1.2vw, 16px);
}
}
.portfolio-overview .portfolio-map-figures {
margin-block-start: 0;
}
.portfolio-managers-list {
display: flex;
row-gap: 28px;
column-gap: clamp(20px,4vw,40px);
margin-block-start:calc(var(--section-padding) * .6);@media(width<740px) {
overflow-x: auto;
padding-inline:var(--wrapper-margin);margin-inline: calc(var(--wrapper-margin) * -1)
}
li {
flex: none;
width: clamp(160px,20vw,240px)
}
.person .media {
max-width: clamp(92px,15vw,120px)
}
@media(width>=1000px) {
li {
width: auto;
.person {
display: flex;
gap: 24px
}
}
}
}
.cta-array {
display: flex;
flex-direction: column;
gap: 0.8rem;
@media (width>=740px) {
flex-direction: row;
flex-wrap: wrap;
column-gap: 1.6rem;
}
}
}
@layer components {
[data-dropdown="closed"] > a {
pointer-events: none;
}
[data-dropdown="opened"] > a {
pointer-events: all;
}
[data-dropdown] [data-dropdown-content] {
transition: 0.2s ease;
transform-origin: top;
}
[data-dropdown="closed"] [data-dropdown-content] {
opacity: 0;
transform: translateY(-0.2em);
pointer-events: none;
visibility: hidden;
}
[data-dropdown="opened"] [data-dropdown-content] {
opacity: 1;
transform: translateY(0);
pointer-events: all;
visibility: visible;
}
}
@layer components {
::-webkit-details-marker {
display: none;
}
details.accordion {
--_inset: var(--accordion-inset, 40px);
--_marker: var(
--accordion-marker,
url('data:image/svg+xml,')
);
--_marker-opened: var(
--accordion-marker-opened,
url('data:image/svg+xml,')
);
--_marker-opened-checkmark: url('data:image/svg+xml,');
--_marker-rotate: var(--accordion-marker-rotate, -90deg);
--_marker-display: var(--accordion-marker-display, inline-flex);
--_marker-size: var(--accordion-marker-size, 20px);
overflow: hidden;
margin-block-end: 0;
padding: 0;
padding-inline-start: var(--_inset);
list-style: none;
&:not(:first-child) {
margin-block-start: 1em;
}
+ details.accordion {
margin-block-start: 0.4em;
}
}
details.accordion summary {
margin-inline-start: calc(-1 * var(--_inset));
display: flex;
align-items: center;
gap: calc(var(--_inset) - var(--_marker-size));
transition: opacity 0.24s;
padding-block: 8px;
font-size: clamp(20px, 2vw, 24px);
font-weight: 500;
cursor: pointer;
}
details.accordion summary:before {
display: var(--_marker-display);
content: "";
width: var(--_marker-size);
height: var(--_marker-size);
text-align: center;
align-items: center;
justify-content: center;
flex: none;
transition:
transform 0.24s ease,
background-image 0.24s ease;
background-image: var(--_marker-opened-checkmark);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
details.accordion:not([open]) summary:before {
transform: rotate(var(--_marker-rotate));
background-image: var(--_marker);
}
[dir="rtl"] details.accordion:not([open]) summary:before {
transform: rotate(90deg);
}
details.accordion::details-content {
block-size: 0;
transition:
block-size 0.32s,
content-visibility 0.32s;
transition-behavior: allow-discrete;
}
details.accordion[open]::details-content {
block-size: auto;
}
details.accordion[data-marker-end] {
padding-inline: 0 var(--_inset);
}
details.accordion[data-marker-end] summary {
margin-inline: 0 calc(var(--_inset) * -1);
}
details.accordion[data-marker-end] summary:before {
order: 2;
margin-inline-start: auto;
}
details.accordion[data-marker-end][open] summary:before {
background-image: var(--_marker-opened);
}
}
.container[data-astro-cid-ss7icuqw] {
display: block;
position: relative;
padding-block: 8pt;
text-decoration: none;
width: fit-content;
svg {
display: block;
}
.acronym {
fill: var(--clr-primary);
fill: var(--header_logo-primary);
}
.title {
position: absolute;
top: 100%;
margin-top: -1px;
width: 60%;
border-top: 4pt solid var(--clr-accent-primary);
padding-top: 8pt;
}
.title svg {
margin-left: auto;
fill: var(--clr-accent-primary);
}
p {
position: absolute;
color: var(--header_logo-primary);
top: 164%;
white-space: nowrap;
font-size: 11.8px;
font-weight: 600;
text-transform: uppercase;
margin: 1.2em 0;
justify-self: start;
grid-column: 2 / -1;
grid-row: 2;
letter-spacing: 0.25ch;
}
@media (width<=850px) {
.acronym {
width: 108px;
height: auto;
}
.title {
border-top-width: 3pt;
padding-top: 5pt;
}
.title svg {
width: 45px;
height: auto;
}
p {
top: 152%;
font-size: 7.1px;
}
}
}
nav[data-astro-cid-7ye6eylv] {
--_tab-height: 40px;
gap: 8px;
display: grid;
justify-self: end;
align-items: center;
}
ul[data-astro-cid-7ye6eylv] {
font-size: 15px;
position: relative;
z-index: 10;
}
li[data-astro-cid-7ye6eylv] {
display: grid;
align-items: center;
}
ul[data-astro-cid-7ye6eylv].primary
> li[data-astro-cid-7ye6eylv]
> a[data-astro-cid-7ye6eylv] {
text-transform: uppercase;
font-weight: 600;
}
a[data-astro-cid-7ye6eylv] {
display: flex;
height: var(--_tab-height);
text-wrap: nowrap;
align-items: center;
text-decoration: none;
color: var(--header_primary);
transition: 0.2s ease;
&[data-astro-cid-7ye6eylv]:hover {
color: var(--header_primary-hover);
}
}
button[data-astro-cid-7ye6eylv] {
border: 0;
background-color: transparent;
display: grid;
align-items: center;
justify-content: center;
font-size: 24px;
transition: 0.2s ease;
width: 44px;
height: 44px;
color: var(--header_primary);
cursor: pointer;
svg {
display: block;
grid-column: 1;
grid-row: 1;
fill: var(--header_primary);
transition: 0.2s ease;
}
&:hover {
color: var(--header_primary-hover);
svg {
fill: var(--header_primary-hover);
}
}
}
nav[data-astro-cid-7ye6eylv]
button[data-astro-cid-7ye6eylv]
svg[data-astro-cid-7ye6eylv].open,
nav[data-astro-cid-7ye6eylv].opened
button[data-astro-cid-7ye6eylv]
svg[data-astro-cid-7ye6eylv].close {
opacity: 1;
scale: 1;
rotate: 0deg;
}
nav[data-astro-cid-7ye6eylv]
button[data-astro-cid-7ye6eylv]
svg[data-astro-cid-7ye6eylv].close,
nav[data-astro-cid-7ye6eylv].opened
button[data-astro-cid-7ye6eylv]
svg[data-astro-cid-7ye6eylv].open {
opacity: 0;
scale: 0.25;
rotate: 45deg;
}
nav[data-astro-cid-7ye6eylv].opened
button[data-astro-cid-7ye6eylv]
svg[data-astro-cid-7ye6eylv].open {
rotate: -45deg;
}
.search-trigger[data-astro-cid-7ye6eylv] button[data-astro-cid-7ye6eylv] {
font-size: 22px;
}
@media (width<850px) {
nav[data-astro-cid-7ye6eylv] {
position: relative;
grid-template-columns: subgrid;
grid-template-rows: subgrid;
justify-items: end;
grid-row: 1/ -1;
grid-column: 1/ -1;
pointer-events: none;
&[data-astro-cid-7ye6eylv]:before {
content: "";
display: block;
position: absolute;
z-index: -1;
inset: -12px calc(var(--wrapper-margin) / -1.6);
background-color: var(--clr-regent-green);
background-color: color-mix(in lab, var(--clr-regent-green), black 10%);
opacity: 1;
transition: 0.2s ease;
transform-origin: top center;
pointer-events: none;
}
}
ul[data-astro-cid-7ye6eylv]:where(.primary, .secondary) {
grid-row: drawer;
align-self: start;
margin-block: 6em 2em;
transition: 0.3s ease;
pointer-events: all;
a {
color: var(--header_dropdown-primary);
}
}
ul[data-astro-cid-7ye6eylv].primary {
grid-column: 1/3;
transition-delay: 0.08s;
justify-self: start;
display: grid;
gap: 1.1em;
padding-inline: clamp(1em, 4vw, 4em);
}
ul[data-astro-cid-7ye6eylv].primary:not(:has(+ .secondary)) {
grid-column: 1/-1;
width: 100%;
> li {
padding-block-end: 1em;
border-block-end: 1px solid rgba(255, 255, 255, 0.1);
}
}
ul[data-astro-cid-7ye6eylv].secondary {
border-inline-start: 1px solid rgba(255, 255, 255, 0.1);
padding-inline-start: 2em;
padding-inline-end: 1em;
padding-block: 1em;
grid-column: secondary;
justify-self: center;
align-self: stretch;
transition-delay: 0.14s;
text-transform: uppercase;
font-weight: 400;
}
ul[data-astro-cid-7ye6eylv].sub {
padding-inline-start: 2.5em;
display: grid;
gap: 0.25em;
}
ul[data-astro-cid-7ye6eylv].primary
> li[data-astro-cid-7ye6eylv]
> a[data-astro-cid-7ye6eylv] {
text-transform: uppercase;
font-weight: 500;
font-size: 20px;
color: var(--clr-accent-primary);
}
ul[data-astro-cid-7ye6eylv].controls {
grid-row: header;
grid-column: secondary;
pointer-events: all;
display: flex;
gap: clamp(1em, 5vw, 2em);
}
li[data-astro-cid-7ye6eylv]:has(> ul) {
svg {
display: none;
}
}
[data-astro-cid-7ye6eylv][data-dropdown]
[data-astro-cid-7ye6eylv][data-dropdown-content] {
opacity: 1;
transform: none;
visibility: visible;
}
nav[data-astro-cid-7ye6eylv]:not(.opened) {
&[data-astro-cid-7ye6eylv]:before {
opacity: 0;
scale: 1 0.6;
pointer-events: none;
}
ul:where(.primary, .secondary) {
opacity: 0;
transform: translateY(-1em);
pointer-events: none;
transition-delay: 0s;
}
}
nav[data-astro-cid-7ye6eylv].opened {
button {
color: var(--header_dropdown-primary);
&:hover {
color: var(--header_dropdown-primary-hover);
}
}
[data-dropdown] [data-dropdown-content] {
pointer-events: all;
}
}
}
@media (width>=850px) {
nav[data-astro-cid-7ye6eylv] {
--_tab-height: 44px;
grid-row: header;
grid-column: navigation;
grid-template-rows: [secondary-start] auto [secondary-end primary-start] auto [primary-end];
grid-template-columns: auto min-content;
min-height: 100px;
grid-template-columns: auto 44px;
min-height: 80px;
justify-items: end;
column-gap: 3em;
row-gap: 1em;
align-items: end;
}
ul[data-astro-cid-7ye6eylv] {
display: flex;
gap: 2rem;
@media (width>=1200px) {
font-size: 15px;
}
}
@media (width>=1200px) {
a[data-astro-cid-7ye6eylv] {
--_tab-height: 52px;
}
}
ul[data-astro-cid-7ye6eylv].primary {
grid-row: primary;
grid-column: 1 / 3;
gap: clamp(1rem, 2.8vw, 2.4rem);
}
ul[data-astro-cid-7ye6eylv].secondary,
ul[data-astro-cid-7ye6eylv].controls {
grid-row: secondary;
}
.navigation-toggle[data-astro-cid-7ye6eylv] {
display: none;
}
li[data-astro-cid-7ye6eylv]:has(> ul) {
position: relative;
display: flex;
align-items: center;
gap: 0.5em;
width: max-content;
cursor: pointer;
a {
position: relative;
z-index: 10;
}
&:before {
content: "";
display: block;
position: absolute;
inset: 0 -1em 1px;
background-color: var(--clr-neutral-900);
background-color: light-dark(
var(--clr-regent-green),
var(--clr-neutral-900)
);
background-color: var(--header_dropdown-surface);
opacity: 0;
transition: 0.2s ease;
}
&:hover,
&[data-dropdown="opened"] {
> a:not(:hover) {
color: var(--header_dropdown-primary);
}
&:before {
opacity: 0.98;
}
}
&[data-dropdown="closed"] {
&:before {
opacity: 0;
}
}
svg {
position: relative;
color: var(--clr-accent-primary);
}
}
ul[data-astro-cid-7ye6eylv].sub {
position: absolute;
top: 100%;
margin-top: 0.7em;
margin-inline-start: -1em;
padding-block: 0.25em;
display: block;
gap: 0;
z-index: 2;
min-width: 20ch;
li {
display: block;
}
&:before {
content: "";
display: block;
position: absolute;
z-index: 1;
inset: -0.75em 0;
background-color: var(--header_dropdown-surface);
opacity: 0.98;
box-shadow: 2px 2px #00000029;
}
a {
display: flex;
align-items: center;
padding-inline: 1.75em;
color: var(--header_dropdown-primary);
}
a:hover {
background-color: #0006;
}
}
}
header[data-astro-cid-3ef6ksr2] {
--header_hover: var(--clr-accent-primary);
--header_hover: color-mix(in lab, var(--clr-accent-primary) 36%, white);
--header_primary: var(--clr-neutral-300);
--header_primary: light-dark(var(--clr-regent-green), var(--clr-neutral-100));
--header_primary-hover: light-dark(var(--clr-turquoise), var(--header_hover));
--header_dropdown-primary: var(--clr-neutral-100);
--header_dropdown-primary-hover: var(--header_hover);
--header_dropdown-surface: light-dark(
var(--clr-regent-green),
rgba(0, 0, 0, 0.8)
);
--header_dropdown-surface: var(--clr-regent-green);
--header_logo-primary: light-dark(
var(--clr-pine-green),
var(--clr-neutral-100)
);
color: var(--header_primary);
position: relative;
z-index: 100;
padding-inline: var(--wrapper-margin);
padding-block: 24px;
color-scheme: only light;
width: 100%;
display: grid;
grid-template-rows: [header-start] min-content [header-end drawer-start] min-content [drawer-end];
grid-template-columns: [header-start logo-start] min-content [logo-end navigation-start primary-start] 1fr [primary-end secondary-start] 1fr [secondary-end navigation-end header-end];
background-color: var(--clr-neutral-100);
&[data-astro-cid-3ef6ksr2]:before {
height: 0px;
align-self: end;
pointer-events: none;
position: relative;
z-index: 10;
content: "";
display: block;
border-bottom: 1pt solid var(--clr-accent-primary);
grid-row: header;
grid-column: header;
}
}
@media (width<850px) {
header[data-astro-cid-3ef6ksr2] {
max-height: 170px;
}
header[data-astro-cid-3ef6ksr2]:has(nav.opened) {
--header_logo-primary: var(--clr-neutral-100);
}
}
@media (width>850px) {
header[data-astro-cid-3ef6ksr2] {
max-height: none;
min-height: 250px;
}
}
.logo[data-astro-cid-3ef6ksr2] {
position: relative;
z-index: 20;
grid-row: header;
grid-column: logo;
align-self: self-end;
}
header[data-astro-cid-3ef6ksr2]:has(+ .hero) {
--header_lnbg-btm: 40%;
position: absolute;
background-color: transparent;
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.4),
transparent var(--header_lnbg-btm)
);
color-scheme: only dark;
@media (width>=850px) {
--header_lnbg-btm: 100%;
}
}
.cta {
--_primary: var(--clr-pine-green);
--_primary: light-dark(var(--clr-pine-green), var(--clr-neutral-100));
color: var(--_primary);
border: 0;
background: transparent;
text-align: start;
cursor: pointer;
display: inline-flex;
align-items: start;
width: fit-content;
gap: 1em;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.06ch;
font-weight: 500;
transition: 0.2s ease;
text-wrap: balance;
margin: 0;
padding: 0;
}
.cta:has(.icon) {
--_accent: var(--clr-accent-primary);
--_primary: var(--clr-primary);
.scheme-dark & {
--_accent: var(--clr-accent-secondary);
}
}
.cta .icon {
display: flex;
align-items: center;
flex: none;
height: 18px;
line-height: inherit;
color: var(--_accent);
svg {
font-size: 16px;
}
}
.cta .img-icon {
object-fit: contain;
}
.banner .cta {
--_accent: var(--clr-accent-secondary);
color: var(--clr-primary);
&:hover {
color: color-mix(in lab, var(--clr-accent-primary) 40%, white);
}
}
.cta.button {
--_primary: var(--clr-accent-primary);
--_surface: var(--_primary);
--_label: var(--clr-neutral-100);
color: var(--_label);
background-color: var(--_surface);
min-height: 48px;
line-height: 1em;
padding-block: 0.8em;
padding-inline: 36px;
border-radius: 100px;
font-weight: 500;
align-items: center;
border: 0;
}
.cta.button.ghost {
--_label: var(--clr-primary);
background-color: transparent;
color: var(--_label);
border: 1px solid currentColor;
}
.cta.secondary {
--_primary: var(--clr-accent-secondary);
}
.cta.neutral {
--_primary: var(--clr-neutral-600);
}
.cta.button.neutral {
--_primary: var(--clr-neutral-300);
}
.cta.button.secondary,
.cta.button.neutral {
--_label: var(--clr-neutral-800);
}
.cta.button:hover {
--_surface: var(--clr-neutral-600);
--_label: var(--clr-neutral-100);
}
.cta.button.ghost:hover {
--_label: var(--clr-accent-primary);
--_label: color-mix(in lab, var(--clr-accent-primary) 50%, white);
}
.tabs .cta {
align-items: end;
padding-inline: 1.2ch;
max-width: 26ch;
width: max-content;
padding-block: 1em 1.2em;
opacity: 0.4;
font-weight: 600;
letter-spacing: 0.04ch;
&:has(.img-icon) {
align-items: center;
gap: 0.8em;
padding-block-end: 0.4em;
padding-inline: 0.4ch 0.8ch;
}
}
.tabs .cta:hover,
.tabs .cta.active {
opacity: 1;
}
.cta.block {
display: flex;
max-width: none;
width: 100%;
}
.cta.eyebrow {
--_primary: var(--clr-accent-primary);
--_accent: var(--clr-pine-green);
}
.cta.underlined {
padding-block-end: 0.75em;
border-bottom: 1px solid var(--clr-yellow);
}
.cta.overlined {
padding-block-start: 0.75em;
border-top: 1px solid var(--clr-yellow);
}
footer[data-astro-cid-sz7xmlte] {
position: relative;
background-color: var(--clr-neutral-900);
background-image: linear-gradient(
to bottom,
var(--clr-regent-green),
var(--clr-neutral-800)
);
background-repeat: no-repeat;
color: var(--clr-primary);
font-size: 15px;
> * {
position: relative;
z-index: 10;
}
&:before {
content: "";
display: block;
position: absolute;
z-index: 2;
inset: 0;
width: 100%;
height: 100%;
background-color: var(--clr-neutral-900);
mix-blend-mode: multiply;
opacity: 0.4;
}
a {
color: var(--clr-primary);
text-decoration: none;
transition: 0.2s ease;
&:hover {
color: color-mix(in lab, var(--clr-accent-primary) 50%, white);
}
}
}
.background-image[data-astro-cid-sz7xmlte] {
position: absolute;
z-index: 1;
inset: 0;
opacity: 0.2;
filter: blur(4px);
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.background-lines[data-astro-cid-sz7xmlte] {
position: absolute;
z-index: 1;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: bottom right;
}
section[data-astro-cid-sz7xmlte] {
position: relative;
padding-inline: var(--wrapper-margin);
padding-block: calc(var(--section-padding) * 0.8);
display: grid;
column-gap: var(--col-gap);
row-gap: 3rem;
@media (width>=650px) {
grid-template-columns: 1fr 1fr;
> div:first-child {
grid-column: 1 / -1;
}
}
@media (width>=1000px) {
grid-template-columns: var(--span-3) var(--span-2) var(--span-3) var(
--span-4
);
> div:first-child {
grid-column: 1;
}
> div {
grid-row: 1;
}
}
}
.logo[data-astro-cid-sz7xmlte] + p[data-astro-cid-sz7xmlte] {
font-weight: 600;
text-transform: uppercase;
font-size: 10px;
margin-top: 24px;
letter-spacing: 0.25ch;
}
.links[data-astro-cid-sz7xmlte] {
display: grid;
gap: 0.5em;
}
.social-media[data-astro-cid-sz7xmlte] {
display: flex;
gap: 8px;
a {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
width: 48px;
height: 48px;
border: 1px solid currentColor;
border-radius: 60px;
}
}
.copyright[data-astro-cid-sz7xmlte] {
font-size: 14px;
padding-top: 2em;
b {
display: inline-block;
line-height: 2em;
}
@media (width>=650px) {
grid-column: span 2;
}
@media (width>=1000px) {
grid-column: 1 / -1;
grid-row: 2;
}
}
:root {
--swiper-theme-color: #007aff;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(
--swiper-wrapper-transition-timing-function,
initial
);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translateZ(0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
.swiper-slide,
.swiper-cube-shadow {
transform-style: preserve-3d;
}
}
.swiper-css-mode {
> .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
&::-webkit-scrollbar {
display: none;
}
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
&.swiper-horizontal {
> .swiper-wrapper {
scroll-snap-type: x mandatory;
}
> .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-slides-offset-before);
scroll-margin-inline-start: var(--swiper-slides-offset-before);
}
> .swiper-wrapper > .swiper-slide:last-child {
margin-inline-end: var(--swiper-slides-offset-after);
}
}
&.swiper-vertical {
> .swiper-wrapper {
scroll-snap-type: y mandatory;
}
> .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-slides-offset-before);
scroll-margin-block-start: var(--swiper-slides-offset-before);
}
> .swiper-wrapper > .swiper-slide:last-child {
margin-block-end: var(--swiper-slides-offset-after);
}
}
&.swiper-free-mode {
> .swiper-wrapper {
scroll-snap-type: none;
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
}
&.swiper-centered {
> .swiper-wrapper:before {
content: "";
flex-shrink: 0;
order: 9999;
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
}
&.swiper-centered.swiper-horizontal {
> .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
> .swiper-wrapper:before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
}
&.swiper-centered.swiper-vertical {
> .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
> .swiper-wrapper:before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
}
}
.swiper-3d {
.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-slide-shadow {
background: #00000026;
}
.swiper-slide-shadow-left {
background-image: linear-gradient(to left, #00000080, #0000);
}
.swiper-slide-shadow-right {
background-image: linear-gradient(to right, #00000080, #0000);
}
.swiper-slide-shadow-top {
background-image: linear-gradient(to top, #00000080, #0000);
}
.swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, #00000080, #0000);
}
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
.swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode {
.swiper-wrapper:after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
}
.swiper-virtual.swiper-css-mode.swiper-horizontal {
.swiper-wrapper:after {
height: 1px;
width: var(--swiper-virtual-size);
}
}
.swiper-virtual.swiper-css-mode.swiper-vertical {
.swiper-wrapper:after {
width: 1px;
height: var(--swiper-virtual-size);
}
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
width: var(--swiper-navigation-size);
height: var(--swiper-navigation-size);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
&.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
&.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled & {
display: none !important;
}
svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center;
fill: currentColor;
pointer-events: none;
}
}
.swiper-button-lock {
display: none;
}
.swiper-button-prev,
.swiper-button-next {
top: var(--swiper-navigation-top-offset, 50%);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 4px);
right: auto;
.swiper-navigation-icon {
transform: rotate(180deg);
}
}
.swiper-button-next {
right: var(--swiper-navigation-sides-offset, 4px);
left: auto;
}
.swiper-horizontal {
.swiper-button-prev,
.swiper-button-next,
~ .swiper-button-prev,
~ .swiper-button-next {
top: var(--swiper-navigation-top-offset, 50%);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
margin-left: 0;
}
.swiper-button-prev,
~ .swiper-button-prev,
&.swiper-rtl .swiper-button-next,
&.swiper-rtl ~ .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 4px);
right: auto;
}
.swiper-button-next,
~ .swiper-button-next,
&.swiper-rtl .swiper-button-prev,
&.swiper-rtl ~ .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 4px);
left: auto;
}
.swiper-button-prev,
~ .swiper-button-prev,
&.swiper-rtl .swiper-button-next,
&.swiper-rtl ~ .swiper-button-next {
.swiper-navigation-icon {
transform: rotate(180deg);
}
}
&.swiper-rtl .swiper-button-prev,
&.swiper-rtl ~ .swiper-button-prev {
.swiper-navigation-icon {
transform: rotate(0);
}
}
}
.swiper-vertical {
.swiper-button-prev,
.swiper-button-next,
~ .swiper-button-prev,
~ .swiper-button-next {
left: var(--swiper-navigation-top-offset, 50%);
right: auto;
margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
margin-top: 0;
}
.swiper-button-prev,
~ .swiper-button-prev {
top: var(--swiper-navigation-sides-offset, 4px);
bottom: auto;
.swiper-navigation-icon {
transform: rotate(-90deg);
}
}
.swiper-button-next,
~ .swiper-button-next {
bottom: var(--swiper-navigation-sides-offset, 4px);
top: auto;
.swiper-navigation-icon {
transform: rotate(90deg);
}
}
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 0.3s opacity;
transform: translateZ(0);
z-index: 10;
&.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > &,
&.swiper-pagination-disabled {
display: none !important;
}
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
.swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
}
.swiper-pagination-bullet {
width: var(
--swiper-pagination-bullet-width,
var(--swiper-pagination-bullet-size, 8px)
);
height: var(
--swiper-pagination-bullet-height,
var(--swiper-pagination-bullet-size, 8px)
);
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
button& {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none;
}
.swiper-pagination-clickable & {
cursor: pointer;
}
&:only-child {
display: none !important;
}
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0, -50%, 0);
.swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
&.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
.swiper-pagination-bullet {
display: inline-block;
transition:
0.2s transform,
0.2s top;
}
}
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
.swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
&.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translate(-50%);
white-space: nowrap;
.swiper-pagination-bullet {
transition:
0.2s transform,
0.2s left;
}
}
}
.swiper-horizontal.swiper-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
transition:
0.2s transform,
0.2s right;
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
background: var(
--swiper-pagination-progressbar-bg-color,
rgba(0, 0, 0, 0.25)
);
position: absolute;
.swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl & .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > &,
&.swiper-pagination-horizontal,
.swiper-vertical > &.swiper-pagination-progressbar-opposite,
&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > &,
&.swiper-pagination-vertical,
.swiper-horizontal > &.swiper-pagination-progressbar-opposite,
&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
.swiper-scrollbar-disabled > &,
&.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > &,
&.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > &,
&.swiper-scrollbar-vertical {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
> img,
> svg,
> canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none;
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade {
&.swiper-free-mode {
.swiper-slide {
transition-timing-function: ease-out;
}
}
.swiper-slide {
pointer-events: none;
transition-property: opacity;
.swiper-slide {
pointer-events: none;
}
}
.swiper-slide-active {
pointer-events: auto;
.swiper-slide-active {
pointer-events: auto;
}
}
}
.swiper.swiper-cube {
overflow: visible;
}
.swiper-cube {
.swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
.swiper-slide {
pointer-events: none;
}
}
&.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-slide-active {
&,
.swiper-slide-active {
pointer-events: auto;
}
}
.swiper-slide-active,
.swiper-slide-next,
.swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
&:before {
content: "";
background: #000;
position: absolute;
inset: 0;
filter: blur(50px);
}
}
}
.swiper-cube {
.swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
}
.swiper-cube {
.swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-slide-shadow-cube.swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
}
.swiper.swiper-flip {
overflow: visible;
}
.swiper-flip {
.swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
.swiper-slide {
pointer-events: none;
}
}
.swiper-slide-active {
&,
.swiper-slide-active {
pointer-events: auto;
}
}
}
.swiper-flip {
.swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-slide-shadow-flip.swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
}
.swiper-creative {
.swiper-slide {
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
}
.swiper.swiper-cards {
overflow: visible;
}
.swiper-cards {
.swiper-slide {
transform-origin: center bottom;
backface-visibility: hidden;
overflow: hidden;
}
}
section[data-astro-cid-n47tih7c] {
background-color: color-mix(in lab, var(--clr-beige) 60%, transparent);
}
.timeline-slider[data-astro-cid-n47tih7c] {
overflow: visible;
margin-inline: 0;
width: var(--span-5);
@media (width>740px) {
width: var(--span-10);
}
@media (width>1000px) {
width: var(--span-7);
}
@media (width>1200px) {
width: var(--span-5);
}
h4 {
color: #fff;
font-size: clamp(32px, 4vw, 68px);
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.12ch;
margin-bottom: 0;
margin-block-start: 1em;
transition: all 0.2s ease;
line-height: 1em;
}
p.large {
transition: all 0.2s ease;
margin-block-start: 20px;
max-width: clamp(16ch, 60vw, 24ch);
}
.swiper-slide {
opacity: 0.8;
}
.swiper-slide.swiper-slide-active {
opacity: 1;
h4 {
margin-block-start: 0;
color: var(--clr-regent-green);
font-size: clamp(64px, 8vw, 140px);
}
p.large {
@media (width>540px) {
font-size: clamp(24px, 2vw, 32px);
}
}
}
.swiper-wrapper {
margin-block-end: clamp(24px, 4vw, 40px);
}
--pager-btn-border-radius: 100%;
--pager-btn-bg: var(--clr-yellow);
--pager-btn-color: var(--clr-charcoal);
--pager-btn-size: clamp(48px, 6vw, 60px);
}
.pager[data-astro-cid-tzwxl5kh] {
display: flex;
justify-content: var(--pager-justify-content, start);
gap: var(--pager-gap, 16px);
.page-counter {
font-size: 14px;
color: var(--clr-neutral-600);
&:not(.in-use) {
display: none;
}
}
}
button[data-astro-cid-tzwxl5kh] {
--_btn-bg: var(--pager-btn-bg, transparent);
--_btn-color: var(--pager-btn-color, var(--clr-accent-primary));
--_btn-hover-color: var(--pager-btn-hover-color, var(--clr-neutral-800));
--_btn-hover-bg: var(--pager-btn-hover-bg, var(--_btn-bg));
box-shadow: var(--pager-btn-shadow, none);
border-radius: var(--pager-btn-border-radius, 0);
padding: var(--pager-btn-padding, 0);
margin: var(--pager-btn-margin, unset);
width: var(--pager-btn-size, var(--pager-btn-width, auto));
height: var(--pager-btn-size, var(--pager-btn-height, auto));
font-size: var(--pager-btn-font-size, 24px);
background: var(--_btn-bg);
color: var(--_btn-color);
border: 0;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: 0.2s ease;
&[data-astro-cid-tzwxl5kh]:hover {
color: var(--_btn-hover-color);
background: var(--_btn-hover-bg);
}
&[data-astro-cid-tzwxl5kh]:disabled {
opacity: 0.5;
pointer-events: none;
filter: grayscale(100%);
}
}
.tab-slider-wrapper {
position: relative;
--pager-btn-bg: rgb(255 255 255 / 0.5);
--pager-btn-hover-bg: var(--clr-accent-primary);
--pager-btn-hover-color: var(--clr-neutral-100);
--pager-btn-border-radius: 100%;
--pager-btn-width: 52px;
--pager-btn-height: 52px;
--pager-btn-shadow:
2px 2px 12px 0 rgb(0 0 0 / 0.08), 0 0 0 1px rgb(0 0 0 / 0.06) inset;
.pager {
z-index: 2;
margin-block-end: 20px;
@media (width>=1000px) {
position: absolute;
inset: 0;
margin: auto;
justify-content: space-between;
button:first-child {
margin-inline-start: -68px;
}
button:last-child {
margin-inline-end: -68px;
}
}
}
}
.people-bio-layout {
display: flex;
flex-direction: column;
gap: 3em;
margin-block: 3em;
@media (width>=740px) {
--_content-width: var(--span-8);
display: grid;
gap: 0;
grid-template-columns: [media-start] var(--span-3) [media-end] var(
--wide-gap
) [content-start] var(--_content-width) [content-end];
}
@media (width>=1000px) {
--_content-width: var(--span-6);
}
header {
p {
margin-top: 0.5em;
font-size: 14px;
opacity: 0.68;
}
}
> * {
grid-column: content;
}
.media {
aspect-ratio: 4/5;
width: 168px;
grid-column: media;
@media (width>=740px) {
width: auto;
}
}
.media img {
object-fit: cover;
height: 100%;
width: 100%;
}
.info {
grid-column: content;
}
}
.content[data-astro-cid-d4h45j4w] {
max-width: 780px;
margin-inline: auto;
container-type: inline-size;
}
header[data-astro-cid-d4h45j4w] {
margin-block: 2em;
}
.eyebrow[data-astro-cid-d4h45j4w].date {
margin-top: 0.5em;
font-size: 14px;
opacity: 0.68;
color: var(--clr-neutral-500);
font-weight: 500;
}
.media[data-astro-cid-d4h45j4w] img[data-astro-cid-d4h45j4w] {
aspect-ratio: 16 / 10;
}
.body[data-astro-cid-d4h45j4w] {
max-width: 580px;
margin-inline: auto;
margin-block: 3em;
.cta {
margin-top: 3em;
}
}
.article-thumb[data-astro-cid-5rzi534j] {
.media {
display: block;
transition: 0.3s ease;
}
.media img {
aspect-ratio: 8 / 4.6;
}
.eyebrow {
font-size: clamp(14px, 1.2vw, 16px);
font-weight: 500;
color: var(--clr-neutral-400);
}
.title {
font-weight: 500;
margin-top: 0.5em;
transition: 0.2s ease;
}
}
@media (min-width: 880px) {
.article-thumb[data-astro-cid-5rzi534j].large {
display: grid;
.media {
grid-row: 1;
grid-column: 1;
}
.media img {
aspect-ratio: 21 / 10;
}
.content {
align-self: end;
background-color: #fffc;
backdrop-filter: blur(8px);
width: 60%;
grid-row: 1;
grid-column: 1;
padding: 2em;
margin: 20px;
}
}
}
.article-thumb[data-astro-cid-5rzi534j]:hover {
.media {
scale: 1.03;
}
.title {
color: var(--clr-accent-primary);
}
}
.pagination[data-astro-cid-z6vjb6tl] {
width: fit-content;
margin-block: 2em;
margin-inline: auto;
font-weight: 500;
}
.pagination[data-astro-cid-z6vjb6tl] ul[data-astro-cid-z6vjb6tl] {
display: flex;
gap: clamp(0.5em, 2vw, 1em);
justify-content: center;
}
.pagination[data-astro-cid-z6vjb6tl] li[data-astro-cid-z6vjb6tl] {
display: flex;
text-align: center;
align-items: center;
color: var(--clr-neutral-400);
}
.pagination[data-astro-cid-z6vjb6tl] .cta[data-astro-cid-z6vjb6tl] {
font-weight: inherit;
width: fit-content;
white-space: nowrap;
padding-inline: 1.4em;
font-size: 14px;
align-items: center;
@media (width<580px) {
min-height: 36px;
}
svg {
transition: transform 0.16s ease;
}
&:hover {
color: var(--clr-accent-primary);
&.dir-bw svg {
transform: translate(-2px);
}
&.dir-fw svg {
transform: translate(2px);
}
}
}
.pagination[data-astro-cid-z6vjb6tl]
.cta[data-astro-cid-z6vjb6tl].button:has(svg) {
padding: 0;
width: 48px;
justify-content: center;
@media (width<580px) {
width: 36px;
}
}
.pagination[data-astro-cid-z6vjb6tl] .cta[data-astro-cid-z6vjb6tl].disabled {
color: var(--clr-neutral-300);
pointer-events: none;
}
.pagination[data-astro-cid-z6vjb6tl] span[data-astro-cid-z6vjb6tl].cta {
padding-inline: clamp(0.5em, 2vw, 1em);
pointer-events: none;
color: var(--clr-neutral-600);
}
.article-list[data-astro-cid-2fyhbbl6] {
--slot-padding: clamp(4px, 1vw, 20px);
display: grid;
gap: 3em;
margin-block: 3em;
li {
padding-inline: var(--slot-padding);
max-width: 620px;
margin-inline: auto;
}
}
@media (min-width: 880px) {
.content[data-astro-cid-2fyhbbl6].main {
padding-inline: calc(var(--span-1) + var(--col-gap));
}
.article-list[data-astro-cid-2fyhbbl6] {
--slot-padding: clamp(20px, 3vw, 40px);
column-gap: var(--col-gap);
grid-template-columns: repeat(2, var(--span-5));
li {
padding-inline: var(--slot-padding);
}
li.hero {
max-width: 1000px;
grid-column: span 2;
padding-bottom: 1.5em;
}
}
}
:root {
--f-button-width: 40px;
--f-button-height: 40px;
--f-button-border: 0;
--f-button-border-radius: 0;
--f-button-color: #374151;
--f-button-bg: #f8f8f8;
--f-button-shadow: none;
--f-button-transition: all 0.15s ease;
--f-button-transform: none;
--f-button-outline-width: 1px;
--f-button-outline-color: rgba(0, 0, 0, 0.7);
--f-button-svg-width: 20px;
--f-button-svg-height: 20px;
--f-button-svg-stroke-width: 1.5;
--f-button-svg-fill: none;
--f-button-svg-filter: none;
--f-button-svg-opacity: 1;
--f-button-svg-disabled-opacity: 0.5;
--f-button-svg-transition: opacity 0.15s ease;
--f-button-svg-transform: none;
}
.f-button {
width: var(--f-button-width);
height: var(--f-button-height);
border: var(--f-button-border);
border-radius: var(--f-button-border-radius);
color: var(--f-button-color);
background: var(--f-button-bg);
box-shadow: var(--f-button-shadow);
transform: var(--f-button-transform);
transition: var(--f-button-transition);
backdrop-filter: var(--f-button-backdrop-filter);
display: flex;
justify-content: center;
align-items: center;
box-sizing: content-box;
position: relative;
margin: 0;
padding: 0;
pointer-events: all;
cursor: pointer;
overflow: hidden;
}
@media (hover: hover) {
.f-button:hover:not([aria-disabled]) {
color: var(--f-button-hover-color, var(--f-button-color));
background-color: var(--f-button-hover-bg, var(--f-button-bg));
}
}
.f-button:active:not([aria-disabled]) {
color: var(
--f-button-active-color,
var(--f-button-hover-color, var(--f-button-color))
);
background-color: var(
--f-button-active-bg,
var(--f-button-hover-bg, var(--f-button-bg))
);
}
.f-button:focus {
outline: none;
}
.f-button:focus-visible {
outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
outline-offset: var(--f-button-outline-offset);
}
.f-button svg {
width: var(--f-button-svg-width);
height: var(--f-button-svg-height);
transform: var(--f-button-svg-transform);
fill: var(--f-button-svg-fill);
filter: var(--f-button-svg-filter);
opacity: var(--f-button-svg-opacity, 1);
transition: var(--f-button-svg-transition);
stroke: currentColor;
stroke-width: var(--f-button-svg-stroke-width);
stroke-linecap: round;
stroke-linejoin: round;
pointer-events: none;
}
.f-button[aria-disabled] {
cursor: default;
}
.f-button[aria-disabled] svg {
opacity: var(--f-button-svg-disabled-opacity);
}
[data-panzoom-action="toggleFS"] g:first-child {
display: flex;
}
[data-panzoom-action="toggleFS"] g:last-child {
display: none;
}
.in-fullscreen [data-panzoom-action="toggleFS"] g:first-child {
display: none;
}
.in-fullscreen [data-panzoom-action="toggleFS"] g:last-child {
display: flex;
}
[data-autoplay-action="toggle"] svg g:first-child {
display: flex;
}
[data-autoplay-action="toggle"] svg g:last-child {
display: none;
}
.has-autoplay [data-autoplay-action="toggle"] svg g:first-child {
display: none;
}
.has-autoplay [data-autoplay-action="toggle"] svg g:last-child {
display: flex;
}
:fullscreen
[data-fullscreen-action="toggle"]
svg
[data-fullscreen-action="toggle"]
svg
g:first-child {
display: none;
}
:fullscreen
[data-fullscreen-action="toggle"]
svg
[data-fullscreen-action="toggle"]
svg
g:last-child {
display: flex;
}
:root {
--f-spinner-color-1: rgba(0, 0, 0, 0.1);
--f-spinner-color-2: rgba(17, 24, 28, 0.8);
--f-spinner-width: 50px;
--f-spinner-height: 50px;
--f-spinner-border-radius: 50%;
--f-spinner-border-width: 4px;
}
.f-spinner {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
width: var(--f-spinner-width);
height: var(--f-spinner-height);
translate: -50% -50%;
border: var(--f-spinner-border-width) solid var(--f-spinner-color-1);
border-top-color: var(--f-spinner-color-2);
border-radius: var(--f-spinner-border-radius);
animation:
f-spinner 0.75s linear infinite,
f-fadeIn 0.2s ease 0.2s both;
}
@keyframes f-spinner {
to {
rotate: 360deg;
}
}
.f-panzoom,
.f-zoomable {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
flex-direction: column;
}
.f-panzoom:before,
.f-panzoom:after,
.f-zoomable:before,
.f-zoomable:after {
display: block;
content: "";
}
.f-panzoom:not(.has-controls):before,
.f-zoomable:not(.has-controls):before {
margin-bottom: auto;
}
.f-panzoom:after,
.f-zoomable:after {
margin-top: auto;
}
.f-panzoom.in-fullscreen,
.f-zoomable.in-fullscreen {
position: fixed;
top: 0;
left: 0;
margin: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
aspect-ratio: unset !important;
z-index: 9999;
}
.f-panzoom__wrapper {
position: relative;
min-width: 0;
min-height: 0;
max-width: 100%;
max-height: 100%;
}
.f-panzoom__wrapper.will-zoom-out {
cursor: zoom-out;
}
.f-panzoom__wrapper.can-drag {
cursor: move;
cursor: grab;
}
.f-panzoom__wrapper.will-zoom-in {
cursor: zoom-in;
}
.f-panzoom__wrapper.is-dragging {
cursor: move;
cursor: grabbing;
}
.f-panzoom__wrapper.has-error {
display: none;
}
.f-panzoom__content {
display: block;
min-width: 0;
min-height: 0;
max-width: 100%;
max-height: 100%;
}
.f-panzoom__content.is-lazyloading,
.f-panzoom__content.has-lazyerror {
visibility: hidden;
}
img.f-panzoom__content {
width: auto;
height: auto;
vertical-align: top;
object-fit: contain;
transition: none;
user-select: none;
}
.f-panzoom__wrapper > .f-panzoom__content {
visibility: hidden;
}
.f-panzoom__viewport {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.f-panzoom__viewport > .f-panzoom__content {
width: 100%;
height: 100%;
object-fit: fill;
}
picture.f-panzoom__content img {
vertical-align: top;
width: 100%;
height: auto;
max-height: 100%;
object-fit: contain;
transition: none;
user-select: none;
}
.f-panzoom__protected {
position: absolute;
inset: 0;
z-index: 1;
user-select: none;
}
html.with-panzoom-in-fullscreen {
overflow: hidden;
}
.f-fadeIn {
animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease)
var(--f-transition-delay, 0s) both f-fadeIn;
z-index: 2;
}
.f-fadeOut {
animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease)
var(--f-transition-delay, 0s) both f-fadeOut;
z-index: 1;
}
@keyframes f-fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes f-fadeOut {
to {
opacity: 0;
}
}
.f-crossfadeIn {
animation: var(--f-transition-duration, 0.2s) ease both f-crossfadeIn;
z-index: 2;
}
.f-crossfadeOut {
animation: calc(var(--f-transition-duration, 0.2s) * 0.2) ease
calc(var(--f-transition-duration, 0.2s) * 0.8) both f-crossfadeOut;
z-index: 1;
}
@keyframes f-crossfadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes f-crossfadeOut {
to {
opacity: 0;
}
}
.is-horizontal .f-slideIn.from-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
f-slideInNextX;
}
.is-horizontal .f-slideIn.from-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
f-slideInPrevX;
}
.is-horizontal .f-slideOut.to-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
f-slideOutNextX;
}
.is-horizontal .f-slideOut.to-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
f-slideOutPrevX;
}
@keyframes f-slideInPrevX {
0% {
transform: translate(calc(100% + var(--f-carousel-gap, 0)));
}
to {
transform: translateZ(0);
}
}
@keyframes f-slideInNextX {
0% {
transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
}
to {
transform: translateZ(0);
}
}
@keyframes f-slideOutNextX {
to {
transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
}
}
@keyframes f-slideOutPrevX {
to {
transform: translate(calc(100% + var(--f-carousel-gap, 0)));
}
}
.is-vertical .f-slideIn.from-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
f-slideInNextY;
}
.is-vertical .f-slideIn.from-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
f-slideInPrevY;
}
.is-vertical .f-slideOut.to-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
f-slideOutNextY;
}
.is-vertical .f-slideOut.to-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
f-slideOutPrevY;
}
@keyframes f-slideInPrevY {
0% {
transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
}
to {
transform: translateZ(0);
}
}
@keyframes f-slideInNextY {
0% {
transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
}
to {
transform: translateZ(0);
}
}
@keyframes f-slideOutNextY {
to {
transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
}
}
@keyframes f-slideOutPrevY {
to {
transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
}
}
.f-zoomInUp {
animation: var(--f-transition-duration, 0.3s) ease both f-zoomInUp;
}
.f-zoomOutDown {
animation: var(--f-transition-duration, 0.3s) ease both f-zoomOutDown;
}
@keyframes f-zoomInUp {
0% {
transform: scale(var(--f-zoomInUp-scale, 0.975))
translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
opacity: var(--f-zoomInUp-opacity, 0);
}
to {
transform: scale(1) translateZ(0);
opacity: 1;
}
}
@keyframes f-zoomOutDown {
to {
transform: scale(var(--f-zoomOutDown-scale, 0.975))
translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
opacity: 0;
}
}
.f-throwOutUp {
animation: var(--f-throwOutUp-duration, 0.2s) ease-out both f-throwOutUp;
}
.f-throwOutDown {
animation: var(--f-throwOutDown-duration, 0.2s) ease-out both f-throwOutDown;
}
@keyframes f-throwOutUp {
to {
transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
opacity: 0;
}
}
@keyframes f-throwOutDown {
to {
transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
opacity: 0;
}
}
.has-iframe .f-html,
.has-pdf .f-html,
.has-gmap .f-html {
width: 100%;
height: 100%;
min-height: 1px;
overflow: visible;
}
.has-pdf .f-html,
.has-gmap .f-html {
padding: 0;
}
.f-html {
position: relative;
box-sizing: border-box;
margin: var(--f-html-margin, 0);
padding: var(--f-html-padding, 2rem);
color: var(--f-html-color, currentColor);
background: var(--f-html-bg);
}
.is-loading > .f-html {
opacity: 0;
}
.f-html.is-error {
text-align: center;
}
.f-iframe {
display: block;
margin: 0;
border: 0;
height: 100%;
width: 100%;
}
.f-caption {
align-self: center;
flex-shrink: 0;
margin: var(--f-caption-margin);
padding: var(--f-caption-padding, 16px 8px);
max-width: 100%;
max-height: calc(80vh - 100px);
overflow: auto;
overflow-wrap: anywhere;
line-height: var(--f-caption-line-height);
color: var(--f-caption-color);
background: var(--f-caption-bg);
font: var(--f-caption-font);
}
.has-html5video .f-html,
.has-youtube .f-html,
.has-vimeo .f-html {
padding: 0;
width: 100%;
height: 100%;
min-height: 1px;
overflow: visible;
max-width: var(--f-video-width, 960px);
max-height: var(--f-video-height, 540px);
aspect-ratio: var(--f-video-aspect-ratio);
background: var(--f-video-bg, rgba(0, 0, 0, 0.9));
}
.f-html5video {
border: 0;
display: block;
height: 100%;
width: 100%;
background: transparent;
}
.f-button.is-arrow {
--f-button-width: var(--f-arrow-width, 46px);
--f-button-height: var(--f-arrow-height, 46px);
--f-button-svg-width: var(--f-arrow-svg-width, 24px);
--f-button-svg-height: var(--f-arrow-svg-height, 24px);
--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);
--f-button-border-radius: var(--f-arrow-border-radius, unset);
--f-button-bg: var(--f-arrow-bg, transparent);
--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));
--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));
--f-button-shadow: var(--f-arrow-shadow);
--f-button-color: var(--f-arrow-color);
--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));
--f-button-active-color: var(
--f-arrow-active-color,
var(--f-arrow-hover-color)
);
overflow: visible;
}
.f-button.is-arrow.is-prev,
.f-button.is-arrow.is-next {
position: absolute;
transform: translate(0);
z-index: 20;
}
.is-horizontal .f-button.is-arrow.is-prev,
.is-horizontal .f-button.is-arrow.is-next {
inset: 50% auto auto;
transform: translateY(-50%);
}
.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
left: var(--f-arrow-pos, 0);
}
.is-horizontal.is-ltr .f-button.is-arrow.is-next {
right: var(--f-arrow-pos, 0);
}
.is-horizontal.is-rtl .f-button.is-arrow.is-prev {
right: var(--f-arrow-pos, 0);
transform: translateY(-50%) rotateY(180deg);
}
.is-horizontal.is-rtl .f-button.is-arrow.is-next {
left: var(--f-arrow-pos, 0);
transform: translateY(-50%) rotateY(180deg);
}
.is-vertical.is-ltr .f-button.is-arrow.is-prev,
.is-vertical.is-rtl .f-button.is-arrow.is-prev {
top: var(--f-arrow-pos, 0);
right: auto;
bottom: auto;
left: 50%;
transform: translate(-50%);
}
.is-vertical.is-ltr .f-button.is-arrow.is-next,
.is-vertical.is-rtl .f-button.is-arrow.is-next {
top: auto;
right: auto;
bottom: var(--f-arrow-pos, 0);
left: 50%;
transform: translate(-50%);
}
.is-vertical .f-button.is-arrow.is-prev svg,
.is-vertical .f-button.is-arrow.is-next svg {
transform: rotate(90deg);
}
.f-carousel__toolbar {
display: grid;
grid-template-columns: 1fr auto 1fr;
margin: var(--f-toolbar-margin, 0);
padding: var(--f-toolbar-padding, 8px);
line-height: var(--f-toolbar-line-height);
background: var(--f-toolbar-bg, none);
box-shadow: var(--f-toolbar-shadow, none);
backdrop-filter: var(--f-toolbar-backdrop-filter);
position: relative;
z-index: 20;
color: var(--f-toolbar-color, currentColor);
font-size: var(--f-toolbar-font-size, 17px);
font-weight: var(--f-toolbar-font-weight, inherit);
font-family: var(
--f-toolbar-font,
-apple-system,
BlinkMacSystemFont,
"Segoe UI Adjusted",
"Segoe UI",
"Liberation Sans",
sans-serif
);
text-shadow: var(--f-toolbar-text-shadow);
text-align: center;
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: subpixel-antialiased;
white-space: nowrap;
pointer-events: none;
}
.f-carousel__toolbar.is-absolute {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.f-carousel__toolbar .f-button:focus-visible {
position: relative;
z-index: 1;
}
.f-carousel__toolbar__column {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
gap: var(--f-toolbar-gap, 0);
}
.f-carousel__toolbar__column.is-left {
display: flex;
justify-self: flex-start;
justify-content: flex-start;
}
.f-carousel__toolbar__column.is-middle {
display: flex;
justify-content: center;
}
.f-carousel__toolbar__column.is-right {
display: flex;
justify-self: flex-end;
justify-content: flex-end;
flex-flow: nowrap;
}
.f-carousel__toolbar__column {
pointer-events: none;
}
.f-carousel__toolbar__column > * {
pointer-events: all;
}
.f-counter {
position: relative;
display: flex;
flex-direction: row;
cursor: default;
user-select: none;
margin: var(--f-counter-margin, 0);
padding: var(--f-counter-padding, 4px);
line-height: var(--f-counter-line-height);
background: var(--f-counter-bg);
border-radius: var(--f-counter-border-radius);
}
.f-counter span {
padding: 0 var(--f-counter-gap, 4px);
}
:root {
--f-thumbs-gap: 8px;
--f-thumbs-margin: 0;
--f-thumbs-padding-x: 8px;
--f-thumbs-padding-y: 8px;
--f-thumbs-bg: transparent;
--f-thumbs-transition:
max-height 0.3s ease, max-width 0.3s ease, padding 0.3s ease;
--f-thumbs-z-index: 1;
--f-thumbs-viewport-padding-x: 0px;
--f-thumbs-viewport-padding-y: 0px;
--f-thumb-width: 94px;
--f-thumb-height: 76px;
--f-thumb-clip-width: 46px;
--f-thumb-extra-gap: 16px;
--f-thumb-opacity: 1;
--f-thumb-transition: opacity 0.3s ease, transform 0.15s ease;
--f-thumb-border: none;
--f-thumb-border-radius: 4px;
--f-thumb-shadow: none;
--f-thumb-bg: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05));
--f-thumb-focus-shadow: inset 0 0 0 0.8px #222, inset 0 0 0 2.25px #fff;
--f-thumb-selected-shadow: inset 0 0 0 0.8px #222, inset 0 0 0 2.25px #fff;
--f-thumb-border-transition: all 0.1s ease;
--f-thumb-img-width: 100%;
--f-thumb-img-height: 100%;
--f-thumb-img-fit: cover;
--f-thumb-img-position: 50% 20%;
}
.f-thumbs {
--f-carousel-slide-width: var(--f-thumb-width);
--f-carousel-slide-height: var(--f-thumb-height);
--f-carousel-gap: var(--f-thumbs-gap);
position: relative;
box-sizing: border-box;
flex-shrink: 0;
margin: var(--f-thumbs-margin);
padding: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
overflow: hidden;
background: var(--f-thumbs-bg);
-webkit-tap-highlight-color: transparent;
user-select: none;
transition: var(--f-thumbs-transition);
z-index: var(--f-thumbs-z-index);
}
.f-thumbs.is-horizontal {
max-height: calc(
var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2
);
}
.f-thumbs.is-horizontal.is-hidden {
max-height: 0;
--f-thumbs-padding-y: 0;
}
.f-thumbs.is-vertical {
max-width: calc(
var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2
);
}
.f-thumbs.is-vertical.is-hidden {
max-width: 0;
--f-thumbs-padding-x: 0;
}
.f-thumbs.is-scrollable.is-hidden {
max-height: 0;
--f-thumbs-padding-y: 0;
}
.f-thumbs.is-ltr {
direction: ltr;
}
.f-thumbs.is-rtl {
direction: rtl;
}
.f-thumbs img {
display: block;
width: var(--f-thumb-img-width);
height: var(--f-thumb-img-height);
object-fit: var(--f-thumb-img-fit);
object-position: var(--f-thumb-img-position);
pointer-events: none;
border-radius: inherit;
color: transparent;
}
.f-thumbs img[data-lazy-src] {
visibility: hidden;
}
.f-thumbs img.has-lazyerror {
display: none;
}
.f-thumbs__viewport {
box-sizing: border-box;
height: 100%;
padding: var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);
overflow: visible;
display: grid;
}
.f-thumbs__slide {
position: relative;
box-sizing: border-box;
grid-area: 1/1;
width: var(--f-carousel-slide-width);
height: var(--f-carousel-slide-height);
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-direction: column;
cursor: pointer;
overflow: visible;
}
.f-thumbs__slide:hover button {
opacity: var(--f-thumb-hover-opacity, 1);
transform: var(--f-thumb-hover-transform, none);
}
.f-thumbs__slide:hover button:after {
border: var(--f-thumb-hover-border, none);
box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow));
}
.f-thumbs__slide button {
all: unset;
display: block;
margin: auto;
padding: 0;
position: relative;
overflow: visible;
width: 100%;
height: 100%;
outline: none;
transition: var(--f-thumb-transition);
border-radius: var(--f-thumb-border-radius);
opacity: var(--f-thumb-opacity);
transform: var(--f-thumb-transform);
background: var(--f-thumb-bg);
}
.f-thumbs__slide button:after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
transition: var(--f-thumb-border-transition);
border-radius: inherit;
border: var(--f-thumb-border);
box-shadow: var(--f-thumb-shadow);
}
.f-thumbs__slide button:focus-within {
opacity: var(--f-thumb-focus-opacity, 1);
transform: var(--f-thumb-focus-transform, none);
}
.f-thumbs__slide button:focus-within:after {
border: var(--f-thumb-focus-border, none);
box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow));
}
.f-thumbs__slide:active {
opacity: var(--f-thumb-active-opacity, 1);
transform: var(--f-thumb-active-transform, none);
}
.f-thumbs__slide:active:after {
border: var(--f-thumb-active-border, none);
box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow));
}
.f-thumbs__slide.is-selected {
z-index: 2;
}
.f-thumbs__slide.is-selected button {
opacity: var(--f-thumb-selected-opacity, 1);
transform: var(--f-thumb-selected-transform, none);
}
.f-thumbs__slide.is-selected button:after {
border: var(--f-thumb-selected-border, none);
box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow));
}
.f-thumbs.is-modern {
--f-carousel-slide-width: calc(
var(--f-thumb-clip-width) + var(--f-thumbs-gap)
);
--f-carousel-slide-height: var(--f-thumb-height);
--f-carousel-gap: 0;
--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)));
}
.f-thumbs.is-modern .f-thumbs__viewport {
width: calc(
100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x)
);
margin-inline: calc(
(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1
);
}
.f-thumbs.is-modern .f-thumbs__slide {
--clip-shift: calc((var(--width-diff) * 0.5) * var(--progress));
--clip-path: inset(0 var(--clip-shift) round var(--f-thumb-border-radius, 0));
padding: 0;
overflow: visible;
left: var(--shift, 0);
will-change: left;
transition: left var(--f-transition-duration) var(--f-transition-easing);
}
.f-thumbs.is-modern .f-thumbs__slide button {
display: block;
margin-inline: 50%;
width: var(--f-thumb-width);
clip-path: var(--clip-path);
border: none;
box-shadow: none;
transition:
clip-path var(--f-transition-duration) var(--f-transition-easing),
opacity var(--f-thumb-transition-duration, 0.2s)
var(--f-thumb-transition-easing, ease);
}
.f-thumbs.is-modern .f-thumbs__slide button:after {
display: none;
}
.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
outline: none;
}
.f-thumbs.is-modern
.f-thumbs__slide:focus-within:not(.is-selected)
button:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: var(--clip-shift);
bottom: 0;
right: var(--clip-shift);
transition:
border var(--f-transition-duration) var(--f-transition-easing),
box-shadow var(--f-transition-duration) var(--f-transition-easing);
border-radius: inherit;
border: var(--f-thumb-focus-border, none);
box-shadow: var(--f-thumb-focus-shadow, none);
}
.f-thumbs.is-modern {
--f-transition-duration: 0.25s;
--f-transition-easing: ease-out;
}
.f-thumbs.is-modern.is-syncing {
--f-transition-duration: 0s;
}
.f-thumbs.is-scrollable .f-thumbs__viewport {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--f-thumb-width), 1fr));
grid-auto-rows: var(--f-thumb-height);
gap: var(--f-thumbs-gap);
overflow: auto;
overscroll-behavior: contain;
user-select: none;
}
.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide {
grid-area: auto;
display: block;
position: relative;
max-width: 100%;
width: var(--f-thumb-width);
height: var(--f-thumb-height);
cursor: pointer;
outline: none;
}
:root {
--f-progressbar-height: 3px;
--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);
--f-progressbar-opacity: 1;
--f-progressbar-z-index: 30;
}
.f-progressbar {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: var(--f-progressbar-z-index);
height: var(--f-progressbar-height);
transform: scaleX(0);
transform-origin: 0;
opacity: var(--f-progressbar-opacity);
background: var(--f-progressbar-color);
user-select: none;
pointer-events: none;
animation-name: f-progressbar;
animation-play-state: running;
animation-timing-function: linear;
}
.f-progressbar:empty {
display: block;
}
button > .f-progressbar {
--f-progressbar-height: 100%;
--f-progressbar-opacity: 0.2;
}
@keyframes f-progressbar {
0% {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}
[data-fullscreen-action="toggle"] svg g:first-child {
display: flex;
}
[data-fullscreen-action="toggle"] svg g:last-child {
display: none;
}
:fullscreen [data-fullscreen-action="toggle"] svg g:first-child {
display: none;
}
:fullscreen [data-fullscreen-action="toggle"] svg g:last-child {
display: flex;
}
.in-fullscreen-mode > .f-carousel {
flex: 1;
min-width: 0 !important;
min-height: 0 !important;
}
html.with-fancybox {
width: auto;
overflow: visible;
scroll-behavior: auto;
}
html.with-fancybox body.hide-scrollbar {
width: auto;
margin-right: calc(
var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px)
);
overflow: hidden !important;
overscroll-behavior-y: none;
}
.fancybox__dialog {
position: fixed;
inset: 0;
z-index: 1050;
width: 100%;
height: 100vh;
max-height: unset;
max-width: unset;
padding: 0;
margin: 0;
border: 0;
overflow: hidden;
background: transparent;
touch-action: none;
overscroll-behavior: contain;
}
.fancybox__dialog:focus {
outline: none;
}
.fancybox__dialog::backdrop {
opacity: 0;
}
@supports (height: 100dvh) {
.fancybox__dialog {
height: 100dvh;
}
}
.fancybox__dialog *:empty {
display: block;
}
.fancybox__container {
--fancybox-color: #dbdbdb;
--fancybox-backdrop-bg: rgba(24, 24, 27, 0.95);
--f-toolbar-margin: 0;
--f-toolbar-padding: 8px;
--f-toolbar-gap: 0;
--f-toolbar-color: #ddd;
--f-toolbar-font-size: 16px;
--f-toolbar-font-weight: 500;
--f-toolbar-font:
-apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI",
"Liberation Sans", sans-serif;
--f-toolbar-line-height: var(--f-button-height);
--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
--f-toolbar-shadow: none;
--f-toolbar-bg: none;
--f-counter-margin: 0;
--f-counter-padding: 0px 10px;
--f-counter-gap: 4px;
--f-counter-line-height: var(--f-button-height);
--f-carousel-gap: 17px;
--f-carousel-slide-width: 100%;
--f-carousel-slide-height: 100%;
--f-carousel-slide-padding: 0;
--f-carousel-slide-bg: unset;
--f-html-color: #222;
--f-html-bg: #fff;
--f-error-color: #fff;
--f-error-bg: #333;
--f-caption-margin: 0;
--f-caption-padding: 16px 8px;
--f-caption-color: var(--fancybox-color, #dbdbdb);
--f-caption-bg: transparent;
--f-caption-font: inherit;
--f-caption-line-height: 1.375;
--f-spinner-color-1: rgba(255, 255, 255, 0.2);
--f-spinner-color-2: rgba(255, 255, 255, 0.8);
--f-spinner-width: 50px;
--f-spinner-height: 50px;
--f-spinner-border-radius: 50%;
--f-spinner-border-width: 4px;
--f-progressbar-color: rgba(255, 255, 255);
--f-button-width: 46px;
--f-button-height: 46px;
--f-button-color: #ddd;
--f-button-hover-color: #fff;
--f-button-outline-width: 1px;
--f-button-outline-color: rgba(255, 255, 255, 0.75);
--f-button-outline-offset: 0px;
--f-button-bg: rgba(54, 54, 54, 0.75);
--f-button-border: 0;
--f-button-border-radius: 0;
--f-button-shadow: none;
--f-button-transition: all 0.2s ease;
--f-button-transform: none;
--f-button-svg-width: 24px;
--f-button-svg-height: 24px;
--f-button-svg-stroke-width: 1.75;
--f-button-svg-filter:
drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.01)),
drop-shadow(1px 2px 1px rgba(24, 24, 27, 0.05));
--f-button-svg-fill: none;
--f-button-svg-disabled-opacity: 0.5;
--f-arrow-pos: 32px;
--f-arrow-width: 50px;
--f-arrow-height: 50px;
--f-arrow-svg-width: 24px;
--f-arrow-svg-height: 24px;
--f-arrow-svg-stroke-width: 2.5;
--f-arrow-border-radius: 50%;
--f-arrow-bg: rgba(54, 54, 54, 0.65);
--f-arrow-color: #ddd;
--f-arrow-hover-color: #fff;
--f-close-button-width: 30px;
--f-close-button-height: 30px;
--f-close-button-svg-width: 24px;
--f-close-button-svg-height: 24px;
--f-close-button-svg-stroke-width: 1.75;
--f-close-border-radius: 4px;
--f-close-button-color: #fff;
--f-close-button-hover-color: #fff;
--f-close-button-bg: transparent;
--f-close-button-hover-bg: transparent;
--f-close-button-active-bg: transparent;
--f-thumbs-margin: 0px;
--f-thumbs-padding-x: 8px;
--f-thumbs-padding-y: 8px;
--f-thumbs-bg: none;
--f-thumb-transition: all 0.2s ease;
--f-thumb-width: 94px;
--f-thumb-height: 76px;
--f-thumb-opacity: 1;
--f-thumb-border: none;
--f-thumb-shadow: none;
--f-thumb-transform: none;
--f-thumb-focus-opacity: 1;
--f-thumb-focus-border: none;
--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.65);
--f-thumb-focus-transform: none;
--f-thumb-hover-opacity: 1;
--f-thumb-hover-border: none;
--f-thumb-hover-transform: none;
--f-thumb-active-opacity: var(--f-thumb-hover-opacity);
--f-thumb-active-border: var(--f-thumb-hover-border);
--f-thumb-active-transform: var(--f-thumb-hover-transform);
--f-thumb-selected-opacity: 1;
--f-thumb-selected-border: none;
--f-thumb-selected-shadow: inset 0 0 0 2px #fff;
--f-thumb-selected-transform: none;
--f-scrollbar-width: 7px;
--f-scrollbar-track-bg: #444;
--f-scrollbar-track-border-radius: 10px;
--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
--f-scrollbar-thumb-bg: #ddd;
--f-scrollbar-thumb-border-radius: 10px;
}
.fancybox__container[theme="light"] {
--fancybox-color: #222;
--fancybox-backdrop-bg: rgba(255, 255, 255, 0.97);
--f-toolbar-color: var(--fancybox-color, #222);
--f-toolbar-text-shadow: none;
--f-toolbar-font-weight: 400;
--f-html-color: var(--fancybox-color, #222);
--f-html-bg: #fff;
--f-error-color: #555;
--f-error-bg: #fff;
--f-video-bg: #fff;
--f-caption-color: #333;
--f-spinner-color-1: rgba(0, 0, 0, 0.2);
--f-spinner-color-2: rgba(0, 0, 0, 0.8);
--f-spinner-border-width: 3.5px;
--f-progressbar-color: rgba(111, 111, 116);
--f-button-color: #333;
--f-button-hover-color: #000;
--f-button-outline-color: rgba(0, 0, 0, 0.85);
--f-button-bg: rgba(255, 255, 255, 0.85);
--f-button-svg-stroke-width: 1.3;
--f-button-svg-filter: none;
--f-arrow-bg: rgba(255, 255, 255, 0.85);
--f-arrow-color: #333;
--f-arrow-hover-color: #000;
--f-arrow-svg-stroke-width: 1.3;
--f-close-button-color: #555;
--f-close-button-hover-color: #000;
--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);
--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;
--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;
--f-scrollbar-track-bg: #ddd;
--f-scrollbar-thumb-bg: #444;
}
.fancybox__container {
position: absolute;
inset: 0;
overflow: hidden;
display: flex;
flex-direction: column;
}
.fancybox__container:focus {
outline: none;
}
.fancybox__container.has-vertical-thumbs {
flex-direction: row-reverse;
}
.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport {
overflow-x: clip;
overflow-y: visible;
}
.fancybox__container > *:not(.fancybox__carousel),
.fancybox__container
.fancybox__carousel
> *:not(.fancybox__grid, .fancybox__viewport),
.fancybox__container .fancybox__column > *:not(.fancybox__viewport),
.fancybox__container .fancybox__slide:not(.is-selected),
.fancybox__container
.fancybox__slide.is-selected
> *:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
opacity: var(--f-drag-opacity, 1);
}
.fancybox__container:not(.is-ready, .is-hiding) {
visibility: hidden;
}
.fancybox__container.is-revealing > *:not(.fancybox__carousel),
.fancybox__container.is-revealing
.fancybox__carousel
> *:not(.fancybox__grid, .fancybox__viewport),
.fancybox__container.is-revealing
.fancybox__column
> *:not(.fancybox__viewport),
.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),
.fancybox__container.is-revealing
.fancybox__slide.is-selected
> *:not(.f-html, .f-panzoom__wrapper) {
animation: var(--f-interface-enter-duration, 0.35s) ease none f-fadeIn;
}
.fancybox__container.is-hiding > *:not(.fancybox__carousel),
.fancybox__container.is-hiding
.fancybox__carousel
> *:not(.fancybox__grid, .fancybox__viewport),
.fancybox__container.is-hiding .fancybox__column > *:not(.fancybox__viewport),
.fancybox__container.is-hiding
.fancybox__slide.is-selected
> *:not(.f-html, .f-panzoom__wrapper) {
animation: var(--f-interface-exit-duration, 0.35s) ease forwards f-fadeOut;
}
.fancybox__container.is-hiding
.fancybox__carousel
.fancybox__slide:not(.is-selected) {
opacity: 0;
}
.fancybox__container.is-hiding {
pointer-events: none;
}
.fancybox__container.is-idle .f-carousel__toolbar {
pointer-events: none;
opacity: 0;
}
.fancybox__container.is-idle .f-button.is-arrow {
opacity: 0;
}
.fancybox__container.is-idle.is-ready .f-carousel__toolbar {
pointer-events: none;
animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__container.is-idle.is-ready .f-button.is-arrow {
animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__backdrop {
position: fixed;
inset: 0;
z-index: -1;
background: var(--fancybox-backdrop-bg);
}
.fancybox__carousel {
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
min-width: 0;
position: relative;
z-index: 10;
overflow-y: visible;
overflow-x: clip;
}
.fancybox__carousel.is-vertical {
--f-carousel-slide-height: 100%;
}
.fancybox__carousel.is-ltr {
direction: ltr;
}
.fancybox__carousel.is-rtl {
direction: rtl;
}
.fancybox__carousel > .f-button.is-arrow:before {
position: absolute;
content: "";
inset: -30px;
z-index: 1;
}
.fancybox__viewport {
display: grid;
flex: 1;
min-height: 0;
min-width: 0;
position: relative;
overflow: visible;
transform: translate3d(0, var(--f-drag-offset, 0), 0);
}
.fancybox__viewport.is-draggable {
cursor: move;
cursor: grab;
}
.fancybox__viewport.is-dragging {
cursor: move;
cursor: grabbing;
}
.fancybox__viewport [data-selectable],
.fancybox__viewport [contenteditable] {
cursor: auto;
}
.fancybox__slide {
box-sizing: border-box;
position: relative;
grid-area: 1/1;
display: flex;
align-items: center;
flex-direction: column;
width: var(--f-carousel-slide-width);
height: var(--f-carousel-slide-height);
min-width: 0;
min-height: 0;
max-width: 100%;
margin: 0;
padding: var(--f-carousel-slide-padding);
background: var(--f-carousel-slide-bg);
backface-visibility: hidden;
transform: translateZ(0);
will-change: transform;
}
.fancybox__slide:before,
.fancybox__slide:after {
display: block;
content: "";
}
.fancybox__slide:before {
margin-bottom: auto;
}
.fancybox__slide:after {
margin-top: auto;
}
.fancybox__slide.is-selected {
z-index: 1;
}
.fancybox__slide.f-zoomable {
overflow: visible;
}
.fancybox__slide.has-error {
--f-html-color: var(--f-error-color, --f-html-color);
--f-html-bg: var(--f-error-bg, --f-html-bg);
}
.fancybox__slide.has-html {
overflow: auto;
padding: 8px;
}
.fancybox__slide.has-iframe {
overflow: hidden;
padding: 8px 0;
}
.fancybox__slide.has-close-btn {
padding-top: 34px;
}
.fancybox__slide.has-controls:before {
margin: 0;
}
.fancybox__slide .f-spinner {
cursor: pointer;
}
.fancybox__container.is-closing .f-caption,
.fancybox__slide.is-loading .f-caption {
visibility: hidden;
}
.fancybox__container.is-closing .fancybox__carousel,
.fancybox__container.is-closing .fancybox__viewport,
.fancybox__container.is-closing .fancybox__slide.is-selected {
overflow: visible;
}
.f-button.is-close-button {
--f-button-width: var(--f-close-button-width);
--f-button-height: var(--f-close-button-height);
--f-button-border-radius: var(--f-close-border-radius);
--f-button-color: var(--f-close-button-color);
--f-button-hover-color: var(--f-close-button-hover-color);
--f-button-bg: var(--f-close-button-bg);
--f-button-hover-bg: var(--f-close-button-hover-bg);
--f-button-active-bg: var(--f-close-button-active-bg);
--f-button-svg-width: var(--f-close-button-svg-width);
--f-button-svg-height: var(--f-close-button-svg-height);
--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);
position: absolute;
top: calc((var(--f-button-height) + 2px) * -1);
right: 0;
z-index: 10;
}
.is-loading .f-button.is-close-button {
visibility: hidden;
}
.fancybox__thumbs {
flex: 0 1 100%;
}
.fancybox__thumbs.is-scrollable {
--f-thumbs-cols: 1;
--f-thumbs-gap: 8px;
--f-thumbs-transition: none;
--f-thumbs-padding-x: 4px;
--f-thumbs-padding-y: 8px;
--f-thumbs-viewport-padding-x: 4px;
--f-thumbs-viewport-padding-y: 0px;
max-width: calc(
var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) *
(var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 +
var(--f-thumbs-viewport-padding-x) * 2
);
}
.fancybox__thumbs.is-scrollable ::-webkit-scrollbar {
width: var(--f-scrollbar-width);
}
.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track {
background: var(--f-scrollbar-track-bg);
border-radius: var(--f-scrollbar-track-border-radius);
box-shadow: var(--f-scrollbar-track-shadow);
}
.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb {
background: var(--f-scrollbar-thumb-bg);
border-radius: var(--f-scrollbar-thumb-border-radius);
}
.fancybox__thumbs.is-scrollable.is-hidden {
max-width: 0;
--f-thumbs-padding-x: 0;
max-height: unset;
--f-thumbs-padding-y: unset;
}
.fancybox__thumbs.is-scrollable .f-thumbs__viewport {
overflow-x: hidden !important;
grid-template-columns: repeat(
auto-fill,
calc(
(100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) /
var(--f-thumbs-cols)
)
) !important;
}
:root {
--iti-hover-color: rgba(0, 0, 0, 0.05);
--iti-border-color: #ccc;
--iti-dialcode-color: #999;
--iti-dropdown-bg: white;
--iti-spacer-horizontal: 8px;
--iti-flag-height: 12px;
--iti-flag-width: 16px;
--iti-border-width: 1px;
--iti-arrow-height: 4px;
--iti-arrow-width: 6px;
--iti-triangle-border: calc(var(--iti-arrow-width) / 2);
--iti-arrow-padding: 6px;
--iti-arrow-color: #555;
--iti-path-flags-1x: url(/_astro/flags.Cx4r8tdH.webp);
--iti-path-flags-2x: url(/_astro/flags@2x.CiSx7kJd.webp);
--iti-path-globe-1x: url(data:image/webp;base64,UklGRvoBAABXRUJQVlA4TO4BAAAvE8AEENXIkiRZtZu7H33ql07cqTlilvbz9i4tosSMZma27zWzHRGyIEk2bcu2bdvGn23btm3btm3btm0/m5PqAEkLTYYwxTPAW84Tl6wNgmvIqptKKH9nYAr4xle+TML/BDI2LSg6QHKT/nngE4+ZMIUePUGeTvly+YoV8F1DtkGUzlfst2LUKTX6PaWZeMWiDqN6PgcciGa2boYPmxlR5bIIL5l6RVyDYMXmY1f10pGb7PmAN6sRTBTN3N9C9Zi/LbVhlL+Oo2M7RxoE/a4+/nDjeBrSVwtGYXGGMIrUbJzCU1LgFftP9K1hkpOXmBim30cIJ1hgOkSwMhYCMgmaw7rXcfT5/wQcFhrcuaOEBuq5ytYblLPBEhV0Aq/ZqcDn/6RUDgrUL0/0UZgK/p+rR8/4nZAqFfuXA6TbtFQyJSe4gpj6T19a5q+HLEkox0mlWXvbIGbuJw28fkozjybhT5oXHNY4py5rH1CflcyeB1fId9wXDAvFmz/8m6AE/8TgYzEVGoRMCKUhND7PQho7jGo1utkdV559cm3llGFs3sxBZrmGbEExop91jyfg5G7BmCCi6evNaSDFBrG3vyaRNzt+HJ9kQpVbgj+xFUoNgr3abxqGfH3WfQq9lp5UZPRW74ZbFgpq+EGo67dUAQ==);
--iti-path-globe-2x: url(data:image/webp;base64,UklGRlwFAABXRUJQVlA4TE8FAAAvJ8AJEEfHKJIkKdmcgvjj3wwill7QwKhtJEnOnIDmv/zJLAdGbSNJcuYENP/lT2Y5OGwjSZHmtL3wTFl9tp8SM/9xz47Ctm2b7mnwDggKFNd77jgHyxhIYVvLQBDEHEBKRQBIOXzQpAhiBQCIAMaIAACHhAQHIMFhhRkSRt1hlRIYDAZDhiE3CVrBS2gFkZGRYdA6mjQQBYAv6yOZSVAQCoPWMCWBIBQKwtCCUBANFARBlChBfPCG/dZUjxJECYJQECU+KGFQEC1YdN/NSUNRTDm4osQBGUwFjDFCBOYRo9QWxAmPlKQECRERMbVLCZapZ0owSrnz3hb6/P8auL9vAwr7/xeS5EV9q2sWU2vbtjla27Zt28akprq6a3bPtm2np87eJIvePUzd9fvoXkT0fwK4Vwdo8t6qyQW+O7Tn4k7NAdvi/jMR0fGpwhglhZBKm3B0pzvg3JcDrUuMEn7SDaUIRTLhhqb/AbDvw+bbJToMEq5QflFfv+QhJVPxcmkm/Ih9TzZfFxk/CJUnP7zMykJqnhsqQ51M6tTv2Pdgc/GKCuKmaI96HlhVAJy4vWVWWgRSfYJ9l4jv+4aB0F15Td3kH1YW4DiMnEJHGSaFOoOdw4LxOhCqPTf0JvLys6I8Wv/9BeeuhEkZfE+UZfNSOumqT+CArgHwbBHZw+ZB00AGeiYxIKKudH2zDxg97VK7FxdO6+9Pmt3l4J/bZR58rtyEOY6dtdhcMbPh2jsyNKr3mNnDy+c8Pig0od5wGXakg7DYgYgfU5648s0fC0Ljv9SigQVrHwUafXVgmNE92zBBBeYjsHn5L6Emz/6776EnxwJUsqKADMDmq8fG/T16fujr7lhknhheLG4PPwFD15IXs2xWFWBZVj4ndDW+fDItPRncssi75Fxv/iHQQL2PDbkg4k/zP/BfgfR1axxy59PM/IYdsypZWUCUiTlck2/zTz4fm3LzqkNlxxnzW+A4fK4vkbNrIbn7bgVoKn3djQu90krrllynQ1g7v2rpjUYsfeR6tdLSaqV5w5fR6E5+k8BVT/0aqqSXDAdV4wvpCplTCJnbFTLb9dTEHjoQQiTMC7Ah3PPuwbffOfD+xP4d3s7uMGDC+wcOvrs7kVKTZ6m4EMIVfn1O61JyrnuU3EM3A3znefrp142f5cnmnDXNyXecPFYUYNt2pVUlvot//qWFDszz9aTrCuGpQVX4Wn+KAw6rCrAgw/eqLZXQVQfmXZ5QnnCF2wrwdlJ5F8DhC1MP/itRnhv+wmHji7hpT+x0tekziRw7jxUF2LZznX3xOydH3e5fVhYWO5QOlClPzYFX9EMD65P9bBHZ16fLq7dHfrlal5vO2LxuKkTcfABvjZDxwsWvf9hs7pCv2ry5cowvB2/8iosq5YraWHw7JCxLyaAWZPoUrilMaRMKo8WwpQv0z2AXqnLzLA42H5gKEVcTuM76RfDtpVrzh9b5oTp0e5SI+Topy78hAzFm6QqRMN2gugNYLH0EoHF6Pyw3vm+OYQMRlwPpCd+sAep/WQ1OPGZZ13lO0ugpE0+m1xGRbdNKe67wzTN3Nouw3yfw03WH+nrnqUAnEul5YOXA5o20L4SnAiXjoX6f7Pm6RIeBl14EGe4a8VLad4UnvZTwysxR2DtOumEiUOpliLi7FWNb2vOEK4QQnnyoIav+Ko9XhGbUF1gZ7tWKcVBLX+T05HkOGmn0iA4WjsW9Ww6ny3WiTAjhyd41WWfGrv4sAof7t/l+ppGJlFeR7oBVr4kF2BYP0oYjDxsZpjuTsQDHsXjAUYxrrwwe9gGWRRRZ3CcA);
--iti-flag-sprite-width: 3904px;
--iti-flag-sprite-height: 12px;
--iti-mobile-popup-margin: 30px;
}
.iti {
position: relative;
display: inline-block;
}
.iti * {
box-sizing: border-box;
}
.iti__hide {
display: none;
}
.iti__v-hide {
visibility: hidden;
}
.iti__a11y-text {
width: 1px;
height: 1px;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type="text"],
.iti input.iti__tel-input[type="tel"] {
position: relative;
z-index: 0;
margin: 0 !important;
}
.iti__country-container {
position: absolute;
top: 0;
bottom: 0;
padding: var(--iti-border-width);
}
.iti__selected-country {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
background: none;
border: 0;
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
color: inherit;
border-radius: 0;
font-weight: inherit;
line-height: inherit;
text-decoration: none;
}
.iti__selected-country-primary {
display: flex;
align-items: center;
height: 100%;
padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
margin-left: var(--iti-arrow-padding);
width: 0;
height: 0;
border-left: var(--iti-triangle-border) solid transparent;
border-right: var(--iti-triangle-border) solid transparent;
border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
[dir="rtl"] .iti__arrow {
margin-right: var(--iti-arrow-padding);
margin-left: 0;
}
.iti__arrow--up {
border-top: none;
border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
border-radius: 3px;
background-color: var(--iti-dropdown-bg);
}
.iti--inline-dropdown .iti__dropdown-content {
position: absolute;
z-index: 2;
margin-top: 3px;
margin-left: calc(var(--iti-border-width) * -1);
border: var(--iti-border-width) solid var(--iti-border-color);
box-shadow: 1px 1px 4px #0003;
}
.iti__search-input {
width: 100%;
border-width: 0;
border-radius: 3px;
}
.iti__search-input + .iti__country-list {
border-top: 1px solid var(--iti-border-color);
}
.iti__country-list {
list-style: none;
padding: 0;
margin: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
white-space: nowrap;
}
@media (max-width: 500px) {
.iti--flexible-dropdown-width .iti__country-list {
white-space: normal;
}
}
.iti__country {
display: flex;
align-items: center;
padding: 8px var(--iti-spacer-horizontal);
outline: none;
}
.iti__dial-code {
color: var(--iti-dialcode-color);
}
.iti__country.iti__highlight {
background-color: var(--iti-hover-color);
}
.iti__country-list .iti__flag,
.iti__country-name {
margin-right: var(--iti-spacer-horizontal);
}
[dir="rtl"] .iti__country-list .iti__flag,
[dir="rtl"] .iti__country-name {
margin-right: 0;
margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown
.iti__country-container:not(:has(+ input[disabled])):not(
:has(+ input[readonly])
):hover,
.iti--allow-dropdown
.iti__country-container:not(:has(+ input[disabled])):not(
:has(+ input[readonly])
):hover
button {
cursor: pointer;
}
.iti--allow-dropdown
.iti__country-container:not(:has(+ input[disabled])):not(
:has(+ input[readonly])
)
.iti__selected-country-primary:hover,
.iti--allow-dropdown
.iti__country-container:not(:has(+ input[disabled])):not(
:has(+ input[readonly])
)
.iti__selected-country:has(+ .iti__dropdown-content:hover)
.iti__selected-country-primary {
background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
margin-left: 4px;
}
[dir="rtl"] .iti .iti__selected-dial-code {
margin-left: 0;
margin-right: 4px;
}
.iti--container {
position: fixed;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: var(--iti-border-width);
}
.iti--container:hover {
cursor: pointer;
}
.iti--fullscreen-popup.iti--container {
background-color: #00000080;
inset: 0;
position: fixed;
padding: var(--iti-mobile-popup-margin);
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
display: flex;
flex-direction: column;
max-height: 100%;
position: relative;
}
.iti--fullscreen-popup .iti__country {
padding: 10px;
line-height: 1.5em;
}
.iti__flag {
--iti-flag-offset: 100px;
height: var(--iti-flag-height);
width: var(--iti-flag-width);
border-radius: 1px;
box-shadow: 0 0 1px #888;
background-image: var(--iti-path-flags-1x);
background-repeat: no-repeat;
background-position: var(--iti-flag-offset) 0;
background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}
.iti__ac {
--iti-flag-offset: 0px;
}
.iti__ad {
--iti-flag-offset: -16px;
}
.iti__ae {
--iti-flag-offset: -32px;
}
.iti__af {
--iti-flag-offset: -48px;
}
.iti__ag {
--iti-flag-offset: -64px;
}
.iti__ai {
--iti-flag-offset: -80px;
}
.iti__al {
--iti-flag-offset: -96px;
}
.iti__am {
--iti-flag-offset: -112px;
}
.iti__ao {
--iti-flag-offset: -128px;
}
.iti__ar {
--iti-flag-offset: -144px;
}
.iti__as {
--iti-flag-offset: -160px;
}
.iti__at {
--iti-flag-offset: -176px;
}
.iti__au {
--iti-flag-offset: -192px;
}
.iti__aw {
--iti-flag-offset: -208px;
}
.iti__ax {
--iti-flag-offset: -224px;
}
.iti__az {
--iti-flag-offset: -240px;
}
.iti__ba {
--iti-flag-offset: -256px;
}
.iti__bb {
--iti-flag-offset: -272px;
}
.iti__bd {
--iti-flag-offset: -288px;
}
.iti__be {
--iti-flag-offset: -304px;
}
.iti__bf {
--iti-flag-offset: -320px;
}
.iti__bg {
--iti-flag-offset: -336px;
}
.iti__bh {
--iti-flag-offset: -352px;
}
.iti__bi {
--iti-flag-offset: -368px;
}
.iti__bj {
--iti-flag-offset: -384px;
}
.iti__bl {
--iti-flag-offset: -400px;
}
.iti__bm {
--iti-flag-offset: -416px;
}
.iti__bn {
--iti-flag-offset: -432px;
}
.iti__bo {
--iti-flag-offset: -448px;
}
.iti__bq {
--iti-flag-offset: -464px;
}
.iti__br {
--iti-flag-offset: -480px;
}
.iti__bs {
--iti-flag-offset: -496px;
}
.iti__bt {
--iti-flag-offset: -512px;
}
.iti__bw {
--iti-flag-offset: -528px;
}
.iti__by {
--iti-flag-offset: -544px;
}
.iti__bz {
--iti-flag-offset: -560px;
}
.iti__ca {
--iti-flag-offset: -576px;
}
.iti__cc {
--iti-flag-offset: -592px;
}
.iti__cd {
--iti-flag-offset: -608px;
}
.iti__cf {
--iti-flag-offset: -624px;
}
.iti__cg {
--iti-flag-offset: -640px;
}
.iti__ch {
--iti-flag-offset: -656px;
}
.iti__ci {
--iti-flag-offset: -672px;
}
.iti__ck {
--iti-flag-offset: -688px;
}
.iti__cl {
--iti-flag-offset: -704px;
}
.iti__cm {
--iti-flag-offset: -720px;
}
.iti__cn {
--iti-flag-offset: -736px;
}
.iti__co {
--iti-flag-offset: -752px;
}
.iti__cr {
--iti-flag-offset: -768px;
}
.iti__cu {
--iti-flag-offset: -784px;
}
.iti__cv {
--iti-flag-offset: -800px;
}
.iti__cw {
--iti-flag-offset: -816px;
}
.iti__cx {
--iti-flag-offset: -832px;
}
.iti__cy {
--iti-flag-offset: -848px;
}
.iti__cz {
--iti-flag-offset: -864px;
}
.iti__de {
--iti-flag-offset: -880px;
}
.iti__dj {
--iti-flag-offset: -896px;
}
.iti__dk {
--iti-flag-offset: -912px;
}
.iti__dm {
--iti-flag-offset: -928px;
}
.iti__do {
--iti-flag-offset: -944px;
}
.iti__dz {
--iti-flag-offset: -960px;
}
.iti__ec {
--iti-flag-offset: -976px;
}
.iti__ee {
--iti-flag-offset: -992px;
}
.iti__eg {
--iti-flag-offset: -1008px;
}
.iti__eh {
--iti-flag-offset: -1024px;
}
.iti__er {
--iti-flag-offset: -1040px;
}
.iti__es {
--iti-flag-offset: -1056px;
}
.iti__et {
--iti-flag-offset: -1072px;
}
.iti__fi {
--iti-flag-offset: -1088px;
}
.iti__fj {
--iti-flag-offset: -1104px;
}
.iti__fk {
--iti-flag-offset: -1120px;
}
.iti__fm {
--iti-flag-offset: -1136px;
}
.iti__fo {
--iti-flag-offset: -1152px;
}
.iti__fr {
--iti-flag-offset: -1168px;
}
.iti__ga {
--iti-flag-offset: -1184px;
}
.iti__gb {
--iti-flag-offset: -1200px;
}
.iti__gd {
--iti-flag-offset: -1216px;
}
.iti__ge {
--iti-flag-offset: -1232px;
}
.iti__gf {
--iti-flag-offset: -1248px;
}
.iti__gg {
--iti-flag-offset: -1264px;
}
.iti__gh {
--iti-flag-offset: -1280px;
}
.iti__gi {
--iti-flag-offset: -1296px;
}
.iti__gl {
--iti-flag-offset: -1312px;
}
.iti__gm {
--iti-flag-offset: -1328px;
}
.iti__gn {
--iti-flag-offset: -1344px;
}
.iti__gp {
--iti-flag-offset: -1360px;
}
.iti__gq {
--iti-flag-offset: -1376px;
}
.iti__gr {
--iti-flag-offset: -1392px;
}
.iti__gt {
--iti-flag-offset: -1408px;
}
.iti__gu {
--iti-flag-offset: -1424px;
}
.iti__gw {
--iti-flag-offset: -1440px;
}
.iti__gy {
--iti-flag-offset: -1456px;
}
.iti__hk {
--iti-flag-offset: -1472px;
}
.iti__hn {
--iti-flag-offset: -1488px;
}
.iti__hr {
--iti-flag-offset: -1504px;
}
.iti__ht {
--iti-flag-offset: -1520px;
}
.iti__hu {
--iti-flag-offset: -1536px;
}
.iti__id {
--iti-flag-offset: -1552px;
}
.iti__ie {
--iti-flag-offset: -1568px;
}
.iti__il {
--iti-flag-offset: -1584px;
}
.iti__im {
--iti-flag-offset: -1600px;
}
.iti__in {
--iti-flag-offset: -1616px;
}
.iti__io {
--iti-flag-offset: -1632px;
}
.iti__iq {
--iti-flag-offset: -1648px;
}
.iti__ir {
--iti-flag-offset: -1664px;
}
.iti__is {
--iti-flag-offset: -1680px;
}
.iti__it {
--iti-flag-offset: -1696px;
}
.iti__je {
--iti-flag-offset: -1712px;
}
.iti__jm {
--iti-flag-offset: -1728px;
}
.iti__jo {
--iti-flag-offset: -1744px;
}
.iti__jp {
--iti-flag-offset: -1760px;
}
.iti__ke {
--iti-flag-offset: -1776px;
}
.iti__kg {
--iti-flag-offset: -1792px;
}
.iti__kh {
--iti-flag-offset: -1808px;
}
.iti__ki {
--iti-flag-offset: -1824px;
}
.iti__km {
--iti-flag-offset: -1840px;
}
.iti__kn {
--iti-flag-offset: -1856px;
}
.iti__kp {
--iti-flag-offset: -1872px;
}
.iti__kr {
--iti-flag-offset: -1888px;
}
.iti__kw {
--iti-flag-offset: -1904px;
}
.iti__ky {
--iti-flag-offset: -1920px;
}
.iti__kz {
--iti-flag-offset: -1936px;
}
.iti__la {
--iti-flag-offset: -1952px;
}
.iti__lb {
--iti-flag-offset: -1968px;
}
.iti__lc {
--iti-flag-offset: -1984px;
}
.iti__li {
--iti-flag-offset: -2000px;
}
.iti__lk {
--iti-flag-offset: -2016px;
}
.iti__lr {
--iti-flag-offset: -2032px;
}
.iti__ls {
--iti-flag-offset: -2048px;
}
.iti__lt {
--iti-flag-offset: -2064px;
}
.iti__lu {
--iti-flag-offset: -2080px;
}
.iti__lv {
--iti-flag-offset: -2096px;
}
.iti__ly {
--iti-flag-offset: -2112px;
}
.iti__ma {
--iti-flag-offset: -2128px;
}
.iti__mc {
--iti-flag-offset: -2144px;
}
.iti__md {
--iti-flag-offset: -2160px;
}
.iti__me {
--iti-flag-offset: -2176px;
}
.iti__mf {
--iti-flag-offset: -2192px;
}
.iti__mg {
--iti-flag-offset: -2208px;
}
.iti__mh {
--iti-flag-offset: -2224px;
}
.iti__mk {
--iti-flag-offset: -2240px;
}
.iti__ml {
--iti-flag-offset: -2256px;
}
.iti__mm {
--iti-flag-offset: -2272px;
}
.iti__mn {
--iti-flag-offset: -2288px;
}
.iti__mo {
--iti-flag-offset: -2304px;
}
.iti__mp {
--iti-flag-offset: -2320px;
}
.iti__mq {
--iti-flag-offset: -2336px;
}
.iti__mr {
--iti-flag-offset: -2352px;
}
.iti__ms {
--iti-flag-offset: -2368px;
}
.iti__mt {
--iti-flag-offset: -2384px;
}
.iti__mu {
--iti-flag-offset: -2400px;
}
.iti__mv {
--iti-flag-offset: -2416px;
}
.iti__mw {
--iti-flag-offset: -2432px;
}
.iti__mx {
--iti-flag-offset: -2448px;
}
.iti__my {
--iti-flag-offset: -2464px;
}
.iti__mz {
--iti-flag-offset: -2480px;
}
.iti__na {
--iti-flag-offset: -2496px;
}
.iti__nc {
--iti-flag-offset: -2512px;
}
.iti__ne {
--iti-flag-offset: -2528px;
}
.iti__nf {
--iti-flag-offset: -2544px;
}
.iti__ng {
--iti-flag-offset: -2560px;
}
.iti__ni {
--iti-flag-offset: -2576px;
}
.iti__nl {
--iti-flag-offset: -2592px;
}
.iti__no {
--iti-flag-offset: -2608px;
}
.iti__np {
--iti-flag-offset: -2624px;
}
.iti__nr {
--iti-flag-offset: -2640px;
}
.iti__nu {
--iti-flag-offset: -2656px;
}
.iti__nz {
--iti-flag-offset: -2672px;
}
.iti__om {
--iti-flag-offset: -2688px;
}
.iti__pa {
--iti-flag-offset: -2704px;
}
.iti__pe {
--iti-flag-offset: -2720px;
}
.iti__pf {
--iti-flag-offset: -2736px;
}
.iti__pg {
--iti-flag-offset: -2752px;
}
.iti__ph {
--iti-flag-offset: -2768px;
}
.iti__pk {
--iti-flag-offset: -2784px;
}
.iti__pl {
--iti-flag-offset: -2800px;
}
.iti__pm {
--iti-flag-offset: -2816px;
}
.iti__pr {
--iti-flag-offset: -2832px;
}
.iti__ps {
--iti-flag-offset: -2848px;
}
.iti__pt {
--iti-flag-offset: -2864px;
}
.iti__pw {
--iti-flag-offset: -2880px;
}
.iti__py {
--iti-flag-offset: -2896px;
}
.iti__qa {
--iti-flag-offset: -2912px;
}
.iti__re {
--iti-flag-offset: -2928px;
}
.iti__ro {
--iti-flag-offset: -2944px;
}
.iti__rs {
--iti-flag-offset: -2960px;
}
.iti__ru {
--iti-flag-offset: -2976px;
}
.iti__rw {
--iti-flag-offset: -2992px;
}
.iti__sa {
--iti-flag-offset: -3008px;
}
.iti__sb {
--iti-flag-offset: -3024px;
}
.iti__sc {
--iti-flag-offset: -3040px;
}
.iti__sd {
--iti-flag-offset: -3056px;
}
.iti__se {
--iti-flag-offset: -3072px;
}
.iti__sg {
--iti-flag-offset: -3088px;
}
.iti__sh {
--iti-flag-offset: -3104px;
}
.iti__si {
--iti-flag-offset: -3120px;
}
.iti__sj {
--iti-flag-offset: -3136px;
}
.iti__sk {
--iti-flag-offset: -3152px;
}
.iti__sl {
--iti-flag-offset: -3168px;
}
.iti__sm {
--iti-flag-offset: -3184px;
}
.iti__sn {
--iti-flag-offset: -3200px;
}
.iti__so {
--iti-flag-offset: -3216px;
}
.iti__sr {
--iti-flag-offset: -3232px;
}
.iti__ss {
--iti-flag-offset: -3248px;
}
.iti__st {
--iti-flag-offset: -3264px;
}
.iti__sv {
--iti-flag-offset: -3280px;
}
.iti__sx {
--iti-flag-offset: -3296px;
}
.iti__sy {
--iti-flag-offset: -3312px;
}
.iti__sz {
--iti-flag-offset: -3328px;
}
.iti__tc {
--iti-flag-offset: -3344px;
}
.iti__td {
--iti-flag-offset: -3360px;
}
.iti__tg {
--iti-flag-offset: -3376px;
}
.iti__th {
--iti-flag-offset: -3392px;
}
.iti__tj {
--iti-flag-offset: -3408px;
}
.iti__tk {
--iti-flag-offset: -3424px;
}
.iti__tl {
--iti-flag-offset: -3440px;
}
.iti__tm {
--iti-flag-offset: -3456px;
}
.iti__tn {
--iti-flag-offset: -3472px;
}
.iti__to {
--iti-flag-offset: -3488px;
}
.iti__tr {
--iti-flag-offset: -3504px;
}
.iti__tt {
--iti-flag-offset: -3520px;
}
.iti__tv {
--iti-flag-offset: -3536px;
}
.iti__tw {
--iti-flag-offset: -3552px;
}
.iti__tz {
--iti-flag-offset: -3568px;
}
.iti__ua {
--iti-flag-offset: -3584px;
}
.iti__ug {
--iti-flag-offset: -3600px;
}
.iti__us {
--iti-flag-offset: -3616px;
}
.iti__uy {
--iti-flag-offset: -3632px;
}
.iti__uz {
--iti-flag-offset: -3648px;
}
.iti__va {
--iti-flag-offset: -3664px;
}
.iti__vc {
--iti-flag-offset: -3680px;
}
.iti__ve {
--iti-flag-offset: -3696px;
}
.iti__vg {
--iti-flag-offset: -3712px;
}
.iti__vi {
--iti-flag-offset: -3728px;
}
.iti__vn {
--iti-flag-offset: -3744px;
}
.iti__vu {
--iti-flag-offset: -3760px;
}
.iti__wf {
--iti-flag-offset: -3776px;
}
.iti__ws {
--iti-flag-offset: -3792px;
}
.iti__xk {
--iti-flag-offset: -3808px;
}
.iti__ye {
--iti-flag-offset: -3824px;
}
.iti__yt {
--iti-flag-offset: -3840px;
}
.iti__za {
--iti-flag-offset: -3856px;
}
.iti__zm {
--iti-flag-offset: -3872px;
}
.iti__zw {
--iti-flag-offset: -3888px;
}
.iti__globe {
background-image: var(--iti-path-globe-1x);
background-size: contain;
background-position: right;
box-shadow: none;
height: 19px;
}
@media (min-resolution: 2x) {
.iti__flag {
background-image: var(--iti-path-flags-2x);
}
.iti__globe {
background-image: var(--iti-path-globe-2x);
}
}
section[data-astro-cid-zetdm5md].layout {
padding-block-start: var(--section-padding);
.content {
margin-inline: auto;
max-width: 880px;
}
.eyebrow {
padding-block-end: 1em;
border-bottom: 1px solid var(--clr-accent-secondary);
}
}