:root {
--siga-bg-warm: #fff8f0;
--siga-gold: #a96f00;
--siga-navy: #233e55;
--siga-body: rgba(35, 62, 85, 0.95);
--siga-font: "Montserrat", sans-serif;
} .who-we-are {
background-color: var(--siga-bg-warm);
padding: 88px 95px;
font-family: var(--siga-font);
}
.who-we-are__inner {
display: flex;
align-items: center;
gap: 56px;
max-width: 1400px;
margin: 0 auto;
} .who-we-are__text {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.who-we-are__label {
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-transform: uppercase;
color: var(--siga-gold);
letter-spacing: 0.5px;
}
.who-we-are__heading {
font-size: 32px;
font-weight: 600;
line-height: 42px;
color: var(--siga-navy);
letter-spacing: -0.64px;
margin: 0 0 4px;
}
.who-we-are__body {
display: flex;
flex-direction: column;
gap: 12px;
}
.who-we-are__body p {
font-size: 18px;
font-weight: 500;
line-height: 27px;
color: var(--siga-body);
margin: 0;
} .who-we-are__media {
flex: 0 0 auto;
width: 498px;
}
.who-we-are__media-wrapper {
position: relative;
width: 100%;
aspect-ratio: 498 / 450;
}
.who-we-are__media-bg {
position: absolute;
inset: 0;
background-color: var(--siga-gold);
border-radius: 16px;
transform: rotate(5.26deg);
transform-origin: center center;
}
.who-we-are__image {
position: relative;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
} @media (max-width: 1100px) {
.who-we-are {
padding: 64px 48px;
}
.who-we-are__inner {
gap: 40px;
}
.who-we-are__media {
width: 380px;
}
.who-we-are__heading {
font-size: 28px;
line-height: 38px;
}
.who-we-are__body p {
font-size: 16px;
line-height: 25px;
}
} @media (max-width: 860px) {
.who-we-are {
padding: 48px 32px;
}
.who-we-are__inner {
flex-direction: column;
gap: 40px;
}
.who-we-are__media {
width: 100%;
max-width: 498px;
}
} @media (max-width: 520px) {
.who-we-are {
padding: 40px 20px;
}
.who-we-are__inner {
gap: 32px;
}
.who-we-are__heading {
font-size: 24px;
line-height: 34px;
letter-spacing: -0.48px;
}
.who-we-are__body p {
font-size: 15px;
line-height: 24px;
}
.who-we-are__label {
font-size: 14px;
}
}