@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&family=Source+Sans+3:wght@400;500;600;700&display=swap');

html { scroll-behavior: smooth; }
.soma-about-page-active .entry-content > br { display: none; }
body.soma-about-page-active #main-content { padding-bottom: 0; }
.soma-about-page--element { margin: 0 !important; }

.soma-about-page {
    --soma-beige: #e5d8ca;
    --soma-cream: #f7f2ec;
    --soma-white: #ffffff;
    --soma-text: #000000;
    --soma-gold: #a57232;
    --soma-gold-dark: #875b27;
    --soma-line: #d9cec2;
    width: 100%;
    overflow: visible;
    background: var(--soma-white);
    color: var(--soma-text);
    font-family: "Source Sans 3", Arial, sans-serif;
}

.soma-about-page *,
.soma-about-page *::before,
.soma-about-page *::after { box-sizing: border-box; }
.soma-about-page img { display: block; width: 100%; max-width: none; margin: 0; }
.soma-about-page a { text-decoration: none; }
.soma-about-page h1,
.soma-about-page h2,
.soma-about-page h3,
.soma-about-page p { margin-top: 0; }
.soma-about-page p,
.soma-about-page li { color: var(--soma-text); }
.soma-about-page__inner { width: min(1222px, calc(100% - 46px)); margin: 0 auto; }

.soma-about-page__label {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 17px;
    color: var(--soma-gold-dark);
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.soma-about-page__label::before { content: ""; width: 34px; height: 1px; flex: 0 0 34px; background: var(--soma-gold); }
.soma-about-page__title { font-family: "Playfair Display", Georgia, serif; margin-bottom: 22px; color: var(--soma-text); font-size: 39px; line-height: 1.13; font-weight: 500; }
.soma-about-page__text { font-size: 18px; line-height: 1.7; }

.soma-about-page__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 51px;
    padding: 13px 27px;
    border: 1px solid var(--soma-gold-dark);
    border-radius: 5px;
    background: var(--soma-gold-dark);
    color: #fff !important;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.soma-about-page__button:hover { background: var(--soma-text); border-color: var(--soma-text); transform: translateY(-1px); }
.soma-about-page__button--outline { background: transparent; color: var(--soma-gold-dark) !important; }
.soma-about-page__button--outline:hover { background: var(--soma-gold-dark); border-color: var(--soma-gold-dark); color: #fff !important; }

.soma-about-page__hero { padding: calc(34px + var(--wd-header-h, 100px)) 0 24px; }
.soma-about-page__hero-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(330px, .9fr); gap: 58px; align-items: stretch; }
.soma-about-page__hero-photo { position: relative; min-height: 600px; overflow: hidden; background: var(--soma-beige); }
.soma-about-page__hero-photo img { height: 100%; min-height: 600px; object-fit: cover; object-position: center; }
.soma-about-page__hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(19,25,29,0) 55%, rgba(19,25,29,.24) 100%); pointer-events: none; }
.soma-about-page__hero-copy { display: flex; flex-direction: column; justify-content: center; padding: 55px 0; }
.soma-about-page__hero h1 { font-family: "Playfair Display", Georgia, serif; margin: 0 0 26px; color: var(--soma-text); font-size: 45px; line-height: 1.1; font-weight: 500; }
.soma-about-page__hero-lead { margin-bottom: 20px; font-size: 18px; line-height: 1.7; }
.soma-about-page__hero-copy p:last-of-type { margin-bottom: 0; }
.soma-about-page__hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 31px; }

.soma-about-page__services { padding: 18px 0 72px; background: var(--soma-white); scroll-margin-top: calc(var(--wd-header-h, 100px) + 20px); }
.soma-about-page__services-title { font-family: "Playfair Display", Georgia, serif; margin: 0 0 24px; color: var(--soma-text); font-size: 38px; line-height: 1.15; font-weight: 500; }
.soma-about-page__services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.soma-about-page__service { border: 1px solid var(--soma-line); background: var(--soma-cream); }
.soma-about-page__service summary { font-family: "Playfair Display", Georgia, serif; position: relative; padding: 22px 54px 22px 24px; cursor: pointer; list-style: none; color: var(--soma-text); font-size: 23px; line-height: 1.25; }
.soma-about-page__service summary::-webkit-details-marker { display: none; }
.soma-about-page__service summary::after { content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); color: var(--soma-gold-dark); font-size: 26px; }
.soma-about-page__service[open] summary::after { content: "×"; }
.soma-about-page__service summary span { font-family: "Source Sans 3", Arial, sans-serif; display: block; margin-bottom: 5px; color: var(--soma-gold-dark); font-size: 11px; font-weight: 700; letter-spacing: .1em; }
.soma-about-page__service ul { margin: 0; padding: 0 24px 22px 43px; border-top: 1px solid var(--soma-line); }
.soma-about-page__service li { margin-top: 10px; font-size: 15px; line-height: 1.5; }

.soma-about-page__intro { padding: 76px 0; background: var(--soma-cream); }
.soma-about-page__intro,
.soma-about-page__team {
    box-shadow: 0 0 0 100vmax var(--soma-cream);
    clip-path: inset(0 -100vmax);
}
.soma-about-page__intro-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 84px; align-items: start; }
.soma-about-page__intro-copy { padding-top: 33px; }
.soma-about-page__intro-copy p { margin-bottom: 19px; }
.soma-about-page__intro-copy p:last-child { margin-bottom: 0; }

.soma-about-page__why { padding: 88px 0; }
.soma-about-page__why-head { max-width: 760px; margin-bottom: 47px; }
.soma-about-page__why-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--soma-line); border-bottom: 1px solid var(--soma-line); }
.soma-about-page__why-item { padding: 34px 30px 39px; }
.soma-about-page__why-item + .soma-about-page__why-item { border-left: 1px solid var(--soma-line); }
.soma-about-page__why-number { display: block; margin-bottom: 31px; color: var(--soma-gold); font-size: 24px; }
.soma-about-page__why-item h3 { margin-bottom: 12px; color: var(--soma-text); font-size: 23px; line-height: 1.2; font-weight: 500; }
.soma-about-page__why-item p { margin: 0; font-size: 15px; line-height: 1.65; }

.soma-about-page__team { padding: 48px 0 98px; background: var(--soma-cream); }
.soma-about-page__team-head { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: start; margin-bottom: 49px; }
.soma-about-page__team-head .soma-about-page__title { margin-bottom: 0; }
.soma-about-page .soma-about-page__team-intro { margin: 0 !important; padding-top: 33px; font-size: 18px; line-height: 1.7; }
.soma-about-page__team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.soma-about-page__member { overflow: hidden; background: var(--soma-white); }
.soma-about-page__member-photo { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: linear-gradient(145deg, #d9c8b8 0%, #eee5dc 50%, #cdb8a4 100%); }
.soma-about-page__member-photo img { height: 100%; object-fit: cover; object-position: center top; }
.soma-about-page__member-content { padding: 23px 24px 27px; }
.soma-about-page__member-role { margin-bottom: 7px; color: var(--soma-gold-dark); font-size: 12px; line-height: 1.3; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.soma-about-page__member h3 { font-family: "Playfair Display", Georgia, serif; margin: 0 0 11px; color: var(--soma-text); font-size: 24px; line-height: 1.2; font-weight: 500; }
.soma-about-page__member p { margin: 0 0 12px; font-size: 15px; line-height: 1.65; }
.soma-about-page__member p:last-child { margin-bottom: 0; }

.soma-about-page__cta { padding: 82px 0; background: var(--soma-beige); }
.soma-about-page__cta {
    box-shadow: 0 0 0 100vmax var(--soma-beige);
    clip-path: inset(0 -100vmax);
}
.soma-about-page__cta-inner { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: center; }
.soma-about-page__cta .soma-about-page__title { max-width: 720px; margin-bottom: 12px; }
.soma-about-page__cta p { max-width: 720px; margin-bottom: 0; font-size: 17px; line-height: 1.7; }
.soma-about-page__cta-buttons { display: flex; flex-direction: column; gap: 10px; min-width: 210px; }

@media (max-width: 1000px) {
    .soma-about-page__hero-grid { grid-template-columns: 1.15fr .85fr; gap: 38px; }
    .soma-about-page__hero h1 { font-size: 40px; }
    .soma-about-page__why-grid { grid-template-columns: repeat(2, 1fr); }
    .soma-about-page__why-item:nth-child(3) { border-left: 0; border-top: 1px solid var(--soma-line); }
    .soma-about-page__why-item:nth-child(4) { border-top: 1px solid var(--soma-line); }
    .soma-about-page__team-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
    .soma-about-page__inner { width: min(100% - 30px, 1222px); }
    .soma-about-page__hero { padding: calc(18px + var(--wd-header-sm-h, 70px)) 0 20px; }
    .soma-about-page__hero-grid,
    .soma-about-page__intro-grid,
    .soma-about-page__team-head,
    .soma-about-page__cta-inner { grid-template-columns: 1fr; }
    .soma-about-page__hero-grid { gap: 31px; }
    .soma-about-page__hero-photo { min-height: auto; aspect-ratio: 4 / 5; order: 2; }
    .soma-about-page__hero-photo img { height: 100%; min-height: 0; }
    .soma-about-page__hero-copy { order: 1; padding: 18px 0 0; }
    .soma-about-page__hero h1 { margin-bottom: 20px; font-size: 33px; line-height: 1.13; }
    .soma-about-page__hero-lead { font-size: 16px; }
    .soma-about-page__title { font-size: 31px; }
    .soma-about-page__text,
    .soma-about-page__team-intro { font-size: 16px; }
    .soma-about-page__services { padding: 12px 0 57px; }
    .soma-about-page__services { scroll-margin-top: calc(var(--wd-header-sm-h, 70px) + 15px); }
    .soma-about-page__services-title { font-size: 31px; }
    .soma-about-page__services-grid { grid-template-columns: 1fr; }
    .soma-about-page__intro { padding: 57px 0; }
    .soma-about-page__intro-grid { gap: 26px; }
    .soma-about-page__intro-copy { padding-top: 0; }
    .soma-about-page__why { padding: 61px 0; }
    .soma-about-page__why-head { margin-bottom: 34px; }
    .soma-about-page__team { padding: 42px 0 68px; }
    .soma-about-page__team-head { gap: 22px; margin-bottom: 35px; }
    .soma-about-page .soma-about-page__team-intro { padding-top: 0; }
    .soma-about-page__cta { padding: 58px 0; }
    .soma-about-page__cta-inner { gap: 27px; }
    .soma-about-page__cta-buttons { min-width: 0; width: 100%; }
    .soma-about-page__cta-buttons .soma-about-page__button { width: 100%; }
}

@media (max-width: 520px) {
    .soma-about-page__hero-actions { flex-direction: column; }
    .soma-about-page__hero-actions .soma-about-page__button { width: 100%; }
    .soma-about-page__why-grid,
    .soma-about-page__team-grid { grid-template-columns: 1fr; }
    .soma-about-page__why-item + .soma-about-page__why-item,
    .soma-about-page__why-item:nth-child(3),
    .soma-about-page__why-item:nth-child(4) { border-left: 0; border-top: 1px solid var(--soma-line); }
}