.courses-overview{--overview-paper:#e8e2d9;--overview-brown:#95765d;background:var(--overview-paper)}
.courses-overview .overview-intro{position:relative;isolation:isolate;min-height:550px;padding:70px 0 130px;overflow:hidden}
.overview-intro-inner{position:relative;z-index:1;pointer-events:none}
.overview-intro-copy{width:47%;max-width:620px;pointer-events:auto}
.overview-intro h1{font-size:clamp(38px,4.3vw,60px);line-height:1.13;margin-bottom:14px;text-wrap:initial}
.overview-subtitle{font-size:25px;font-style:italic;margin-bottom:24px}
.overview-intro-copy > p:last-child{font-family:"Merriweather Sans",sans-serif;font-size:17px;line-height:1.7}
.overview-portrait{position:absolute;inset:0 0 0 51%;z-index:0;background:linear-gradient(90deg,#80624e 0%,var(--overview-brown) 55%,#a5856d 100%);clip-path:ellipse(100% 150% at 100% 50%);overflow:hidden;display:flex;justify-content:center;align-items:flex-end}
.overview-portrait img{height:100%;width:140%;max-width:none;flex-shrink:0;object-fit:cover;object-position:left center;display:block;margin-right:-40%}
.courses-overview .overview-courses{position:relative;z-index:2;padding:0 0 72px;margin-top:-70px}
.overview-track{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-inset);padding:0 var(--page-inset) 24px;scrollbar-width:none}
.overview-track::-webkit-scrollbar{display:none}
.overview-card{position:relative;flex:0 0 min(870px,80vw);display:grid;grid-template-columns:44% 56%;border-radius:16px;overflow:hidden;scroll-snap-align:start;background:#f5eee7;min-height:400px}
.overview-card:nth-child(3n+2){background:#e1e7dc}
.overview-card:nth-child(3n+3){background:#e2e9ef}
.overview-card-image{position:relative;overflow:hidden;border-radius:16px;min-height:100%;background:#d4c7b7}
.overview-card-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.overview-card-copy{min-width:0;overflow-wrap:anywhere;padding:40px;display:flex;flex-direction:column;align-items:flex-start}
.overview-card h2{font-size:clamp(25px,2.4vw,34px);line-height:1.25;margin-bottom:20px;text-wrap:initial}
.overview-card p{font-family:"Merriweather Sans",sans-serif;font-size:16px;line-height:1.7;margin-bottom:28px}
.overview-card .btn{margin-top:auto}
.overview-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:20px}
.overview-controls p{font:14px/1.5 "Merriweather Sans",sans-serif}
.overview-arrows{display:flex;gap:12px}
.overview-arrows button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #9b8b7a;background:transparent;color:var(--ink);cursor:pointer}
.overview-arrows button:hover{background:#fff8}
.overview-arrows button:disabled{opacity:.35;cursor:default}
.overview-arrows svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.courses-overview .overview-videos{padding:72px 0;background:#fffaf3}
.overview-videos-title{text-align:center;font-size:clamp(28px,3.2vw,42px);line-height:1.25;margin:0 0 40px}
.overview-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.overview-video-player{width:100%;min-width:0;aspect-ratio:16/9;min-height:200px;border-radius:16px;overflow:hidden;background:#18212b}
.overview-video-player iframe,.overview-video-player video{display:block;width:100%;height:100%;border:0;object-fit:contain}
.overview-video-link{display:inline-block;margin-top:16px;font:14px/1.6 "Merriweather Sans",sans-serif;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){
  .courses-overview .overview-videos{padding:48px 0}
  .overview-video-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .courses-overview .overview-intro{padding:40px 0 0;min-height:0}
  .overview-intro-copy{width:100%;max-width:560px}
  .overview-intro h1{font-size:38px}
  .overview-subtitle{font-size:21px;margin-bottom:20px}
  .overview-intro-copy > p:last-child{font-size:15px}
  .overview-portrait{position:relative;inset:auto;height:350px;margin:28px 0 0 18%}
  .courses-overview .overview-courses{margin-top:-32px;padding-bottom:48px}
  .overview-track{gap:16px;padding-inline:24px;scroll-padding-inline:24px}
  .overview-card{flex-basis:86vw;grid-template-columns:minmax(0,1fr);grid-template-rows:220px 1fr;min-height:0}
  .overview-card-image{border-radius:16px 16px 0 0;min-height:0}
  .overview-card-copy{padding:28px 24px}
  .overview-card h2{font-size:26px}
  .overview-card p{font-size:15px}
}

/* Keep Sirrý centred as on the home card within the taller course card. */
.overview-service-image img{object-position:40% 50%;transform:scale(1.2);transform-origin:45% 50%}