.course-hero-grid,.domain-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);align-items:center;gap:clamp(35px,5vw,75px)}
.course-hero-grid h1,.domain-hero h1{font-size:clamp(2rem,3.7vw,3.45rem)}
.course-hero-visual{margin:0;position:relative}
.course-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:16px;box-shadow:0 22px 45px #1b2b3816}
.course-image{aspect-ratio:16/9}
.course-image img{width:100%;height:100%;object-fit:contain;object-position:center;background:#f5f6f7}
.domain-intro{background:#f8fafb}
.domain-tile{padding:0 0 25px;overflow:hidden}
.domain-tile-image{display:block;width:100%;height:170px;object-fit:cover}
.domain-tile h3,.domain-tile p,.domain-tile .tile-link{margin-left:24px;margin-right:24px}
.domain-tile .tile-arrow{top:16px;right:16px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff}
.domain-visual{aspect-ratio:16/9;overflow:hidden;border-radius:12px}
.domain-visual img{display:block;width:100%;height:100%;object-fit:cover}
.domain-context,.learning-grid,.trainer-story{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:clamp(30px,6vw,80px);align-items:start}
.learning-grid,.trainer-story{grid-template-columns:repeat(2,minmax(0,1fr))}
.domain-context h2,.learning-grid h2,.trainer-story h2,.trainer-feature h2{font:600 clamp(1.55rem,2.7vw,2.3rem)/1.2 'Outfit',Arial,sans-serif;letter-spacing:-.02em;margin:10px 0 17px}
.domain-context p,.learning-grid p,.trainer-story p,.trainer-feature p{line-height:1.75;color:#4f5559}
.domain-context ul{padding-left:20px;line-height:1.7}
.domain-context li{margin:12px 0}
.domain-context li a{text-underline-offset:3px;font-weight:700}
.domain-context aside{padding:26px;border:1px solid #e4e7e9;border-radius:13px;background:#fafbfc}
.domain-context aside h3{font:600 1.25rem/1.3 'Outfit',Arial,sans-serif;margin-top:0}
.sales-grid h3:not(.sales-aside h3){font:600 1.25rem/1.35 'Outfit',Arial,sans-serif;margin:28px 0 8px}
.sales-grid p{color:#4f5559}
.faq-item{padding:14px 0;border-top:1px solid #e5e7e9}
.faq-item h3{margin:0 0 7px!important}
.faq-item p{margin:0}
.trainer-portrait{display:block;flex:none;border-radius:50%;width:110px;height:110px;object-fit:cover;object-position:center 25%;background-color:#e9ebec}
.portrait-sophie{object-position:center 20%}
.portrait-sheet{background-size:300% 200%;background-repeat:no-repeat}
.trainer-portrait.large{width:190px;height:190px;border:7px solid #f1f3f4}
.trainer-visual{display:flex;flex-direction:column;align-items:center;gap:8px}
.trainer-visual p{max-width:220px;text-align:center;color:#71777b;font-size:.76rem;line-height:1.4;margin:0}
.trainer-tile .trainer-portrait{width:110px;height:110px}
.trainer-tile small{display:block;color:#71777b;font-size:.7rem;margin-bottom:7px}
.trainer-tile strong{display:block}
.trainer-feature{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(30px,5vw,70px);align-items:center}
.trainer-feature a{font-weight:700;text-underline-offset:4px}
.trainer-hero .trainer-visual{align-self:center}
@media(max-width:960px){.course-hero-grid,.domain-hero{grid-template-columns:1fr 280px}}
@media(max-width:680px){.course-hero-grid,.domain-hero,.domain-context,.learning-grid,.trainer-story,.trainer-feature{grid-template-columns:1fr}.course-hero-grid h1,.domain-hero h1{font-size:clamp(2rem,8vw,2.7rem)}.trainer-hero .trainer-visual{grid-row:1;align-items:flex-start}.trainer-hero .trainer-visual p{text-align:left}.trainer-portrait.large{width:140px;height:140px}.trainer-tile .trainer-portrait{width:76px;height:76px}.trainer-feature .trainer-visual{align-items:flex-start}.trainer-feature .trainer-visual p{text-align:left}.domain-context aside{padding:20px}}
