:root{--course-ink:#211e20!important;--course-gold:#e4b7b8!important;--course-paper:#faf1f3;--course-muted:#d1bdc4;--course-line:#57454e}.course-button{background:#865765}.course-page .course-hero-image img{object-fit:contain!important;object-position:center!important}.course-page .course-button{background:#865765!important}.course-page h1 .course-title-ai{letter-spacing:-.035em}
.course-page .landing-header-cta { background: #865765 !important; color: #fff; }
.course-page .landing-header-cta:hover { background: #744957 !important; }
/* Fade the artwork itself into either page surface, without a rectangular edge. */
.course-page .course-hero-image img {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 10%, #000 76%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 10%, #000 76%, transparent 100%);
  mask-composite: intersect;
}
.course-page .course-hero-image img { width:auto; max-width:100%; margin-inline:auto; }
/* Programme uses readable UI type and inherits the active surface's ink. */
.course-page .course-programme h2,
.course-page .course-programme h3 { font-family:var(--font-ui); font-weight:500; letter-spacing:-.025em; line-height:1.2; }
.course-page .course-programme h2 { font-size:clamp(2rem,3.5vw,3.25rem); }
.course-page .course-programme h2 em { font-style:normal; }
.course-page .course-day h3 { font-size:clamp(1.5rem,2.4vw,2.25rem); }
.course-page .course-day li { color:var(--course-paper); font-size:1rem; line-height:1.7; }
.course-page .course-day-heading > p:last-child { font-size:1rem; line-height:1.6; }
.course-page .course-day-number { font-size:.875rem; font-weight:500; }
.course-page .course-day ul { gap:16px; }
@media(max-width:760px){.course-page .course-day ul{grid-column:1/-1}.course-page .course-day{column-gap:12px}.course-page .course-day-heading > p:last-child{max-width:none}}

.course-page .course-day-ai {background:#30252d;border-color:#805e70}

.course-page h1 > span,.course-page h2,.course-page h3 {text-wrap:balance}