/* Page-specific additions; the existing site styles remain unchanged. */
.transformationHero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px 6%;align-items:center;padding:35px 9% 75px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#fcfaf4ed,#faf5e9d9),url('/assets/marmor-gross.jpg') center/cover}
.transformationBreadcrumb{grid-column:1/-1;font-size:11px;margin-bottom:12px}
.transformationHero h1{font-size:clamp(43px,4.6vw,72px);line-height:1.12;letter-spacing:-1px}
.transformationHero h1 em{display:block;margin-top:15px}
.transformationSubtitle{font-size:12px;letter-spacing:1px;color:var(--gold);margin:30px 0 22px}
.transformationArtwork{padding:12px;border:1px solid var(--line);background:#fcfaf5;box-shadow:0 18px 46px -32px #69523766}
.transformationArtwork img{width:100%;height:auto;object-fit:contain}
.transformationIntro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9%}
.transformationProse p+p{margin-top:22px}
.transformationProse{color:var(--muted)}
.transformationServiceList{margin:40px 0 0}
.transformationServiceList>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7%;padding:28px 0;border-top:1px solid var(--line)}
.transformationServiceList dt{font:400 clamp(28px,3vw,37px)/1.2 var(--serif)}
.transformationServiceList dd{margin:0;color:var(--muted)}
.transformationMeeting{background:#f1ebdf}
.transformationMeetingFrame{border:1px solid #bcaa88;padding:clamp(25px,5vw,65px);max-width:1040px;margin:auto;background:#fcfaf580}
.transformationMeeting h2{font-size:clamp(36px,4vw,58px);max-width:850px}
.transformationMeeting h2 em{display:block;margin-top:12px}
.transformationMeeting p:not(.label){margin-top:22px;max-width:760px}
.transformationMeetingLead{font:400 27px/1.4 var(--serif)}
.transformationFormats{display:flex;flex-wrap:wrap;gap:10px 40px;margin:22px 0;padding-left:20px;color:var(--gold)}
.transformationTerms{font-size:12px;color:var(--muted)}
.transformationMeeting .btn{justify-content:center;text-align:center;max-width:100%;white-space:normal}
.transformationLegal{padding:35px 9%;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line)}
.transformationLegal p{max-width:1000px;margin-bottom:20px}
@media(max-width:750px){
 .transformationHero{grid-template-columns:minmax(0,1fr);padding:28px 7% 50px;gap:28px}
 .transformationHero h1{font-size:clamp(39px,8vw,58px)}
 .transformationBreadcrumb{margin:0}
 .transformationSubtitle{font-size:11px;letter-spacing:.5px}
 .transformationArtwork{max-width:580px;width:100%;justify-self:center}
 .transformationIntro{grid-template-columns:minmax(0,1fr);gap:30px}
 .transformationServiceList>div{grid-template-columns:minmax(0,1fr);gap:16px}
 .transformationMeetingFrame{padding:28px 22px}
 .transformationMeeting .btn{font-size:10px;letter-spacing:.7px}
 .transformationFormats{flex-direction:column;gap:8px}
 .transformationLegal{padding:30px 7%}
}
/* Keep headings intact and wrap at spaces rather than within words. */
.transformationPage main h1,.transformationPage main h2,.transformationPage main dt{overflow-wrap:normal;word-break:normal;hyphens:none;line-height:1.18}
.transformationPage main h2{font-size:clamp(32px,4vw,58px)}
.transformationPage main p,.transformationPage main li{hyphens:none;overflow-wrap:break-word}
.transformationServices h2 em{display:block;margin-top:10px}
.transformationServiceList dt{font-size:clamp(26px,2.6vw,35px)}
.transformationServiceList dt,.transformationServiceList dd{min-width:0}
@media(max-width:1000px){
 .transformationIntro,.transformationServiceList>div{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media(max-width:750px){
 .transformationHero h1{font-size:clamp(34px,7.4vw,54px)}
 .transformationMeeting h2{font-size:clamp(28px,6.5vw,44px)}
}
.transformationHeroText,.transformationIntro>div,.transformationMeetingFrame{min-width:0}

.transformationQuote{margin:26px 0 0;font:italic 400 clamp(23px,2.4vw,30px)/1.45 var(--serif);color:var(--muted)}
.transformationSubtitle{max-width:38em}
.transformationServiceList dt em{display:block;margin-top:10px;font-size:.8em;line-height:1.3}
.transformationAudience{margin:20px 0 0;padding-left:20px}
.transformationAudience li{padding:6px 0 6px 6px}
.transformationAudience li::marker{color:var(--gold)}
.transformationConditions{color:var(--gold);font-size:12px}
.transformationReturn{padding:30px 9%;border-bottom:1px solid var(--line)}
@media(max-width:750px){.transformationMeeting .buttons{align-items:stretch;flex-direction:column}.transformationReturn{padding:30px 7%}}

.transformationServiceList dd p+p{margin-top:18px}

/* Match the existing landing-page spacing without changing shared styles. */
.transformationHero .textLink{display:inline-block;margin-top:22px}