.elite-about-gutenberg-page .elite-overlay-header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background: transparent;
}
.elite-about-gutenberg-page .elite-overlay-header.is-scrolled {
position: fixed;
background: rgba(27,37,51,.97);
}
.elite-about-gutenberg-main,
.elite-about-gb-content {
margin: 0;
background: #fff;
}
.elite-about-gb-content > * {
margin-block-start: 0;
margin-block-end: 0;
}
.elite-about-gb-shell {
width: min(calc(100% - 42px), 1120px);
margin-inline: auto !important;
}
.elite-about-gb-section {
padding: clamp(62px, 7vw, 96px) 0;
}
.elite-about-gb-kicker {
margin: 0 0 10px;
color: #a98558;
font-size: .68rem;
font-weight: 800;
letter-spacing: .22em;
text-transform: uppercase;
}
.elite-about-gb-hero {
min-height: 360px !important;
align-items: flex-end;
}
.elite-about-gb-hero .wp-block-cover__background {
background: linear-gradient(90deg, rgba(17,26,38,.78), rgba(17,26,38,.26)) !important;
opacity: 1 !important;
}
.elite-about-gb-hero__inner {
padding: 155px 0 52px;
color: #fff;
}
.elite-about-gb-hero h1 {
max-width: 760px;
margin: 0;
font-family: var(--elite-hero-serif, Georgia, serif);
font-size: clamp(2.1rem, 4vw, 3.7rem);
font-weight: 500;
line-height: 1.05;
}
.elite-about-gb-breadcrumb {
margin: 16px 0 0;
font-size: .7rem;
letter-spacing: .06em;
text-transform: uppercase;
}
.elite-about-gb-breadcrumb a,
.elite-about-gb-breadcrumb span,
.elite-about-gb-breadcrumb strong {
color: #fff;
}
.elite-about-gb-heading {
margin-bottom: 28px;
}
.elite-about-gb-heading h2,
.elite-about-gb-story h2,
.elite-about-gb-values h2,
.elite-about-gb-qualities > .elite-about-gb-shell > h2 {
margin: 0;
font-family: var(--elite-hero-serif, Georgia, serif);
font-size: clamp(2rem, 3.3vw, 3.2rem);
font-weight: 500;
line-height: 1.08;
}
.elite-about-gb-office {
position: relative;
background: radial-gradient(circle at 8% 4%, rgba(201,163,102,.13), transparent 24%), linear-gradient(180deg, #fff 0%, #faf8f5 100%);
overflow: hidden;
}
.elite-about-gb-office-gallery {
gap: 12px;
margin-bottom: 0;
}
.elite-about-gb-office-gallery .wp-block-column,
.elite-about-gb-office-image {
margin: 0;
}
.elite-about-gb-office-image {
height: clamp(270px, 34vw, 430px);
padding: 7px;
border: 1px solid rgba(33,29,25,.08);
border-radius: 12px;
background: #f7f4ef;
box-shadow: 0 12px 30px rgba(27,37,51,.08);
overflow: hidden;
}
.elite-about-gb-office-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
.elite-about-gb-intro {
position: relative;
z-index: 2;
width: calc(100% - 58px);
margin: 24px auto 0;
padding: clamp(32px, 4vw, 50px);
gap: clamp(28px, 4vw, 58px);
background: rgba(255,255,255,.98);
border-top: 3px solid #b68b52;
box-shadow: 0 24px 62px rgba(27,37,51,.13);
}
.elite-about-gb-intro__mark {
padding-right: 28px;
border-right: 1px solid #e4ddd4;
}
.elite-about-gb-intro__mark p {
margin: 0;
color: #a98558;
font-size: .62rem;
font-weight: 800;
letter-spacing: .22em;
}
.elite-about-gb-intro__mark h3 {
margin: 4px 0 0;
font-family: var(--elite-hero-serif, Georgia, serif);
font-size: clamp(2.1rem, 3.5vw, 3rem);
font-weight: 500;
line-height: 1;
}
.elite-about-gb-intro__copy h2 {
margin: 0 0 24px;
font-family: var(--elite-hero-serif, Georgia, serif);
font-size: clamp(1.65rem, 2.7vw, 2.65rem);
font-weight: 500;
line-height: 1.12;
}
.elite-about-gb-text-columns {
gap: 28px;
}
.elite-about-gb-text-columns p,
.elite-about-gb-story__copy p {
font-size: .88rem;
line-height: 1.8;
}
.elite-about-gb-story {
background: linear-gradient(115deg, rgba(201,163,102,.08), transparent 33%), #f5f2ee;
}
.elite-about-gb-story__grid {
gap: clamp(35px, 6vw, 80px);
}
.elite-about-gb-story__copy p:first-child {
font-size: 1rem;
font-weight: 700;
}
.elite-about-gb-values__grid {
gap: 0;
border-bottom: 5px solid #b68b52;
box-shadow: 0 28px 70px rgba(27,37,51,.16);
}
.elite-about-gb-values__copy {
padding: clamp(38px, 5vw, 68px);
background: #202b3b;
color: #fff;
}
.elite-about-gb-values__copy h2 {
color: #fff;
}
.elite-about-gb-values__copy ul,
.elite-about-gb-quality-columns ul {
margin: 28px 0 0;
padding: 0;
list-style: none;
}
.elite-about-gb-values__copy li,
.elite-about-gb-quality-columns li {
position: relative;
margin: 0;
padding: 12px 0 12px 27px;
border-bottom: 1px solid rgba(255,255,255,.12);
font-size: .86rem;
line-height: 1.55;
}
.elite-about-gb-values__copy li::before,
.elite-about-gb-quality-columns li::before {
content: "";
position: absolute;
left: 0;
top: 21px;
width: 11px;
height: 1px;
background: #c9a366;
}
.elite-about-gb-values__image,
.elite-about-gb-values__image figure {
margin: 0;
min-height: 100%;
}
.elite-about-gb-values__image img {
width: 100%;
height: 100%;
min-height: 480px;
object-fit: cover;
}
.elite-about-gb-qualities {
background: #fff;
}
.elite-about-gb-quality-columns {
gap: clamp(28px, 5vw, 68px);
margin-top: 28px;
}
.elite-about-gb-quality-columns li {
border-color: rgba(33,29,25,.12);
color: #4f4942;
}
.elite-about-gb-quote {
position: relative;
margin: 50px 0 0;
padding: clamp(32px, 4vw, 52px);
border: 0;
border-left: 4px solid #b68b52;
background: #f6f2ec;
box-shadow: 0 18px 45px rgba(27,37,51,.07);
overflow: hidden;
}
.elite-about-gb-quote p {
margin: 0;
font-family: var(--elite-hero-serif, Georgia, serif);
font-size: clamp(1.7rem, 2.8vw, 2.8rem);
line-height: 1.12;
}
.elite-about-gb-quote cite {
display: block;
margin-top: 14px;
color: #a98558;
font-size: .72rem;
font-style: normal;
font-weight: 800;
letter-spacing: .16em;
text-transform: uppercase;
} .editor-styles-wrapper .elite-about-gb-content {
max-width: none !important;
width: 100%;
}
.editor-styles-wrapper .elite-about-gb-shell {
width: min(calc(100% - 32px), 1120px);
}
.editor-styles-wrapper .elite-about-gb-hero__inner {
padding-top: 55px;
}
.editor-styles-wrapper .elite-about-gb-section {
padding-top: 50px;
padding-bottom: 50px;
}
@media (max-width: 900px) {
.elite-about-gb-intro {
width: calc(100% - 28px);
}
.elite-about-gb-office-gallery {
gap: 8px;
}
}
@media (max-width: 760px) {
.elite-about-gb-shell {
width: min(calc(100% - 28px), 1120px);
}
.elite-about-gb-section {
padding: 52px 0;
}
.elite-about-gb-hero {
min-height: 300px !important;
}
.elite-about-gb-hero__inner {
padding: 120px 0 36px;
}
.elite-about-gb-office-gallery,
.elite-about-gb-intro,
.elite-about-gb-story__grid,
.elite-about-gb-values__grid,
.elite-about-gb-quality-columns,
.elite-about-gb-text-columns {
flex-direction: column;
}
.elite-about-gb-office-image {
height: 360px;
}
.elite-about-gb-intro {
width: calc(100% - 12px);
padding: 30px 24px;
}
.elite-about-gb-intro__mark {
padding: 0 0 20px;
border-right: 0;
border-bottom: 1px solid #e4ddd4;
}
.elite-about-gb-values__image img {
min-height: 320px;
}
}