@charset "UTF-8";
.it-intro {
position: relative;
}
.it-intro--columns.it-intro--slider .swiper-controls {
z-index: 2;
position: relative;
margin-top: var(--it-spacing-section-half);
}
.it-intro--columns.it-intro--slider-both {
--it-swiper-controls-height: 1.75rem;
}
.it-intro--columns.it-intro--slider-both .swiper-slide {
display: grid;
align-items: center;
row-gap: var(--it-spacing-content);
}
.it-intro--columns.it-intro--slider-both .it-intro__content {
padding-bottom: calc(var(--it-spacing-section-half) + var(--it-swiper-controls-height));
}
.it-intro--columns.it-intro--slider-both .swiper-controls {
margin-top: calc(var(--it-swiper-controls-height) * -1);
}
.it-intro--columns .it-intro__image {
order: -1;
max-height: 30rem;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: var(--it-border-radius);
}
.it-intro--fullwidth {
height: calc(100vh - var(--it-header-height) - var(--wp-admin--admin-bar--height, 0px));
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: -moz-min-content;
min-height: min-content;
color: var(--it-color-white);
}
.it-intro--fullwidth.it-intro--slider {
padding: 0;
}
.it-intro--fullwidth.it-intro--static:before, .it-intro--fullwidth.it-intro--slider .it-intro__background:before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: var(--it-intro-overlay);
}
.it-intro--fullwidth.it-intro--slider-both .it-intro__background {
z-index: -1;
position: absolute;
inset: 0 calc(var(--it-global-padding) * -1);
}
.it-intro--fullwidth div[class*=it-container] {
height: 100%;
position: relative;
z-index: 1;
min-height: -moz-min-content;
min-height: min-content;
}
.it-intro--fullwidth .swiper {
height: 100%;
padding-inline: var(--it-global-padding);
}
.it-intro--fullwidth .swiper-button-next,
.it-intro--fullwidth .swiper-button-prev {
display: none;
}
.it-intro--fullwidth .swiper-pagination {
position: absolute;
bottom: 2rem;
z-index: 1;
left: 50%;
transform: translateX(-50%);
}
.it-intro--fullwidth .it-subtitle,
.it-intro--fullwidth .it-title {
color: inherit;
}
.it-intro--slider .swiper {
width: 100%;
}
.it-intro div[class*=it-container] {
display: grid;
align-items: center;
row-gap: var(--it-spacing-content);
}
@media (min-width: 1024px) {
.it-intro--columns .it-intro__image {
order: 1;
}
.it-intro--columns.it-intro--slider-both .swiper-slide {
grid-template-columns: 1fr 1fr;
-moz-column-gap: var(--it-spacing-section);
column-gap: var(--it-spacing-section);
}
.it-intro--columns:not(.it-intro--slider-both) div[class*=it-container] {
grid-template-columns: 1fr 1fr;
-moz-column-gap: var(--it-spacing-section);
column-gap: var(--it-spacing-section);
}
.it-intro--fullwidth .swiper-button-next,
.it-intro--fullwidth .swiper-button-prev {
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%) scale(1.5);
z-index: 1;
}
.it-intro--fullwidth .swiper-button-prev {
left: var(--it-global-padding);
}
.it-intro--fullwidth .swiper-button-next {
right: var(--it-global-padding);
}
}
.it-block.it-intro {
margin-top: 0;
}
.it-intro--band {
padding-top: 0;
padding-bottom: 0;
background-color: var(--it-color-brand-light);
overflow: hidden;
}
.it-intro--band .it-intro__background {
display: none;
}
.it-intro--band div[class*=it-container] {
position: relative;
z-index: 1;
min-height: clamp(10.375rem, calc(10.375rem + (1vw - 6.4px) * 7.34), 16.25rem);
align-content: center;
}
.it-intro--band .it-title,
.it-intro--band .it-subtitle {
color: var(--it-color-headings);
}
@media (min-width: 783px) {
.it-intro--band {
background-image: linear-gradient(to right, var(--it-color-brand-light) 62%, var(--it-color-brand) 100%);
}
.it-intro--band .it-intro__background {
display: block;
position: absolute;
inset: 0;
margin-inline: 0;
width: auto;
pointer-events: none;
}
.it-intro--band .it-intro__background img {
position: absolute;
top: 0;
right: 0;
left: auto;
height: 100%;
width: 55%;
-o-object-fit: cover;
object-fit: cover;
-webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 60%);
mask-image: linear-gradient(to right, transparent 0%, #000000 60%);
}
.it-intro--band:has(.it-intro__background img) {
background-image: none;
}
}
.it-intro--arc {
background-color: var(--it-color-brand-light);
overflow: hidden;
}
.it-intro--arc::after {
content: "";
position: absolute;
left: -28.9vw;
bottom: 31.1vw;
transform: translateY(50%);
width: 156.1vw;
aspect-ratio: 1;
border: 7vw solid var(--it-color-accent-greyed);
pointer-events: none;
}
.it-intro--arc .it-intro__content {
padding-block: var(--it-spacing-section-half) 0;
}
.it-intro--arc .it-intro__media {
position: relative;
margin-top: 1.25rem;
aspect-ratio: 360/397;
}
.it-intro--arc .it-intro__image {
position: absolute;
inset: 7vw 0 auto;
width: 100%;
height: calc(100% - 7vw);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 35% 50%;
object-position: 35% 50%;
}
@media (min-width: 1024px) {
.it-intro--arc {
--arc-radius: min(35.99vw, 43.1875rem);
--arc-border: min(7.92vw, 9.5rem);
}
.it-intro--arc::after {
left: calc(47.3% - var(--arc-border));
bottom: auto;
top: 50%;
transform: translateY(-50%);
width: calc((var(--arc-radius) + var(--arc-border)) * 2);
border-width: var(--arc-border);
border-radius: 50%;
}
.it-intro--arc div[class*=it-container] {
max-width: var(--it-full-size);
min-height: min(36.46vw, 43.75rem);
}
.it-intro--arc .it-intro__content {
max-width: min(34.0625rem, 47.3vw - var(--arc-border) - var(--it-global-padding) - 1.5rem);
padding-block: var(--it-spacing-section-half);
}
.it-intro--arc .it-intro__media {
position: absolute;
inset: 0 0 0 47.3%;
margin: 0;
width: auto;
aspect-ratio: auto;
-webkit-mask-image: radial-gradient(circle var(--arc-radius) at var(--arc-radius) 50%, #000000 calc(var(--arc-radius) - 1px), transparent var(--arc-radius)), linear-gradient(90deg, transparent var(--arc-radius), #000000 var(--arc-radius));
mask-image: radial-gradient(circle var(--arc-radius) at var(--arc-radius) 50%, #000000 calc(var(--arc-radius) - 1px), transparent var(--arc-radius)), linear-gradient(90deg, transparent var(--arc-radius), #000000 var(--arc-radius));
}
.it-intro--arc .it-intro__image {
inset: -8.7% 0 auto;
height: 112.4%;
-o-object-position: left center;
object-position: left center;
}
}
   .it-team__description {
margin: 1rem auto 0;
max-width: 59.5rem;
font-size: var(--it-size-large);
text-align: center;
}
.it-team__tabs {
display: flex;
margin-top: clamp(1.25rem, calc(1.25rem + (1vw - 6.4px) * 2.5), 2.5rem);
box-shadow: inset 0 -0.25rem 0 var(--it-color-sand);
overflow-x: auto;
}
.it-team__tabs::-webkit-scrollbar:horizontal {
background: var(--it-color-brand);
height: 0.25rem;
}
.it-team__tabs::-webkit-scrollbar-track:horizontal {
background: var(--it-color-sand);
border-radius: 0.125rem;
}
.it-team__tabs::-webkit-scrollbar-thumb:horizontal {
width: 60px;
background: var(--it-color-brand);
border-radius: 0.125rem;
}
.it-team__tab {
background-color: transparent;
color: currentcolor;
border: 0;
margin: 0;
padding: 0;
outline: unset;
text-decoration: none;
flex: 1 0 auto;
padding: 0 1.5rem 1.5rem;
border-bottom: 0.25rem solid transparent;
font-size: clamp(1rem, calc(1rem + (1vw - 6.4px) * 0.75), 1.375rem);
font-weight: 500;
line-height: 1.2;
white-space: nowrap;
color: var(--it-color-headings);
cursor: pointer;
transition: color var(--it-transition), border-color var(--it-transition);
}
@media (min-width: 1366px) {
.it-team__tab:hover {
color: var(--it-color-brand);
}
}
.it-team__tab:focus-visible {
outline: 2px solid var(--it-color-brand);
outline-offset: -0.125rem;
}
.it-team__tab.is-active {
border-bottom-color: var(--it-color-brand);
}
@media (min-width: 1024px) {
.it-team__tab {
flex: 1 1 0;
white-space: normal;
}
}
.it-team__panel {
margin-top: clamp(1.25rem, calc(1.25rem + (1vw - 6.4px) * 2.5), 2.5rem);
transition: opacity var(--it-transition), height var(--it-transition);
}
.it-team__panel.is-switching {
opacity: 0;
}
.it-team__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--it-spacing-columns);
}
@media (min-width: 783px) {
.it-team__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.it-team__grid {
grid-template-columns: repeat(3, 1fr);
}
}
.it-team__member {
display: flex;
flex-direction: column;
position: relative;
min-width: 0;
background-color: var(--it-color-beige);
border-radius: var(--it-border-radius-small);
color: var(--it-color-text);
}
.it-team__portrait {
flex: 0 0 auto;
position: relative;
min-width: 0;
margin: 1rem 1rem 0;
border-radius: var(--it-border-radius-small) var(--it-border-radius-small) 0 0;
overflow: hidden;
}
.it-team__portrait img,
.it-team__portrait .img-placeholder {
display: block;
width: 100%;
height: auto;
aspect-ratio: 373/507;
-o-object-fit: cover;
object-fit: cover;
}
.it-team__portrait::after {
content: "";
position: absolute;
inset: 0;
background-color: var(--it-color-black);
opacity: 0;
transition: opacity var(--it-transition);
}
.it-team__heading {
flex: 1 1 auto;
position: relative;
margin: 0 1rem;
padding: 1.5rem 0 1rem;
border-bottom: 1px solid var(--it-color-brand);
}
.it-team__name {
margin: 0;
font-size: var(--it-h4-font-size);
line-height: 1.2;
color: var(--it-color-headings);
}
.it-team__position {
margin: 0.5rem 0 0;
font-size: 1.125rem;
line-height: 1.5;
text-transform: uppercase;
}
.it-team__toggle {
background-color: transparent;
color: currentcolor;
border: 0;
margin: 0;
padding: 0;
outline: unset;
text-decoration: none;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin: 1.5rem 1rem;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.02em;
text-transform: uppercase;
text-align: left;
color: var(--it-color-brand);
cursor: pointer;
}
.it-team__toggle:focus-visible {
outline: 2px solid var(--it-color-brand);
outline-offset: 0.25rem;
}
.it-team__toggle-icon {
position: relative;
flex: 0 0 auto;
width: 1.25rem;
height: 1.25rem;
}
.it-team__toggle-icon::before, .it-team__toggle-icon::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 1.25rem;
height: 0.125rem;
background-color: currentcolor;
transform: translate(-50%, -50%);
transition: transform var(--it-transition);
}
.it-team__toggle-icon::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.it-team__details {
position: absolute;
right: -1rem;
bottom: 1rem;
left: -1rem;
z-index: 1;
max-height: 22.8125rem;
padding: clamp(1.5rem, calc(1.5rem + (1vw - 6.4px) * 2), 2.5rem) 1rem;
background-color: var(--it-color-beige);
border-radius: var(--it-border-radius-small) var(--it-border-radius-small) 0 0;
visibility: hidden;
opacity: 0;
transform: translateY(0.75rem);
transition: opacity var(--it-transition), transform var(--it-transition), visibility 0s var(--it-transition-time);
}
.it-team__details-inner {
max-height: calc(22.8125rem - 2 * clamp(1.5rem, calc(1.5rem + (1vw - 6.4px) * 2), 2.5rem));
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--it-color-brand) transparent;
overflow-y: auto;
}
.it-team__details-inner::-webkit-scrollbar {
width: 0.25rem;
}
.it-team__details-inner::-webkit-scrollbar-track {
background: transparent;
border-radius: 0.125rem;
}
.it-team__details-inner::-webkit-scrollbar-thumb {
width: 0.25rem;
height: 60px;
border-radius: 0.125rem;
background: var(--it-color-brand);
}
.it-team__detail + .it-team__detail {
margin-top: 1.5rem;
}
.it-team__detail-label {
margin: 0;
font-size: 1.125rem;
line-height: 1.5;
text-transform: uppercase;
color: var(--it-color-headings);
}
.it-team__detail-value, .it-team__detail-list {
margin: 0.5rem 0 0;
font-size: var(--it-size-large);
line-height: 1.5;
}
.it-team__detail-list {
padding: 0;
list-style: none;
}
.it-team__detail-list li {
margin: 0;
padding-left: 1.125rem;
text-indent: -1.125rem;
}
.it-team__detail-list li::before {
content: "• ";
}
.it-team__member.is-open .it-team__portrait::after {
opacity: 0.6;
}
.it-team__member.is-open .it-team__details {
visibility: visible;
opacity: 1;
transform: none;
transition: opacity var(--it-transition), transform var(--it-transition), visibility 0s;
}
.it-team__member.is-open .it-team__toggle-icon::after {
transform: translate(-50%, -50%) rotate(0deg);
}
@media (prefers-reduced-motion: reduce) {
.it-team__panel, .it-team__details, .it-team__portrait::after, .it-team__toggle-icon::before, .it-team__toggle-icon::after {
transition: none;
}
}
.it-team.has-bg-dark .it-team__description {
color: var(--it-color-white);
}
.it-team.has-bg-dark .it-team__tabs {
box-shadow: inset 0 -0.25rem 0 rgba(255, 255, 255, 0.35);
}
.it-team.has-bg-dark .it-team__tab {
color: var(--it-color-white);
}
.it-team.has-bg-dark .it-team__tab.is-active {
border-bottom-color: var(--it-color-white);
}
.it-team.has-bg-light .it-team__member {
background-color: var(--it-color-white);
}
.it-team.has-bg-light .it-team__details {
background-color: var(--it-color-white);
}