/*
 * Mulberry Learning @ Sixth Avenue: centre design on top of the shared base.
 * Same brand guide as Bishan (Raleway, Smart Purple, Vibrant Pink, Dark Grey), different character:
 * purple headings with a pink highlight, pill labels, rounded photos with an offset frame,
 * a full-bleed photo hero, a purple booking section and a static review wall.
 */

.mc-v-sixth {
	--s6-tint: #FFF4FA;
	--s6-lav: #F6F1F9;
	--s6-r: 28px;
	background: #fff;
}

/* Headings: purple, with the key words picked out by a soft pink highlight (no italics, no squiggle). */
.mc-v-sixth h1, .mc-v-sixth h2 { color: var(--c-plum); font-weight: 700; letter-spacing: -.015em; }
.mc-v-sixth :where(h1, h2) em {
	font-style: normal; color: var(--c-mul);
	background: linear-gradient(transparent 62%, rgba(202, 0, 136, .14) 62%, rgba(202, 0, 136, .14) 92%, transparent 92%);
	padding: 0 .08em; box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
.mc-v-sixth h3 { color: var(--c-ink); }

/* Section labels as small pink pills. */
.mc-v-sixth .mc-kicker {
	display: inline-flex; width: auto; background: var(--c-blush); color: var(--c-mul); border-radius: 999px;
	padding: 6px 14px; font-size: .75rem; letter-spacing: .12em; margin-bottom: 1rem !important;
}
.mc-v-sixth .s6-head, .mc-v-sixth .mc-head { text-align: left; }

/* Rounded photos with an offset pink frame (Bishan uses arch windows). */
.mc-v-sixth .is-style-window img, .mc-v-sixth .s6-frame img {
	border-radius: var(--s6-r); aspect-ratio: 4 / 3; object-fit: cover; width: 100%;
	box-shadow: 16px 16px 0 var(--c-blush);
}
.mc-v-sixth .is-style-window, .mc-v-sixth .s6-frame { margin: 0 16px 16px 0 !important; }

/* Shared full-screen behaviour for this design's home sections. */
.s6-outdoors, .s6-videos, .s6-curric, .s6-programmes, .s6-reviews, .mc-v-sixth .mc-tour:not(.mc-tour--page), .mc-v-sixth .mc-faq {
	min-height: calc(100svh - 73px); box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;
	padding-block: clamp(32px, 7svh, 96px);
}
.s6-outdoors > *, .s6-videos > *, .s6-curric > *, .s6-programmes > *, .s6-reviews > * { width: 100%; box-sizing: border-box; }

/* ---------- Hero: full-bleed photo of the arched door, white card on top ---------- */
.s6-hero { position: relative; min-height: calc(100svh - 114px); display: flex; align-items: flex-end; padding-block: clamp(20px, 5svh, 56px); overflow: hidden; box-sizing: border-box; }
.s6-hero__img { position: absolute !important; inset: 0; margin: 0 !important; max-width: none !important; width: 100%; z-index: 0; }
.s6-hero__img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 42%; }
.s6-hero::after { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, rgba(61, 61, 63, .38) 0%, rgba(61, 61, 63, .08) 55%, transparent 80%); }
.s6-hero__card {
	position: relative; z-index: 1; background: #fff; border-radius: var(--s6-r); max-width: 600px;
	padding: clamp(22px, 3.4svh, 40px) clamp(22px, 3vw, 40px); box-shadow: 0 30px 60px -30px rgba(61, 61, 63, .5);
	margin-left: 0 !important;
}
.s6-hero__card h1 { font-size: clamp(2rem, min(3.6vw, 6svh), 3.1rem); margin: 0 0 .7rem; line-height: 1.12; }
.s6-hero__card .mc-lead { font-size: 1rem; margin: 0 0 .2rem; }
.s6-rating { margin: 0 0 .7rem !important; font-size: .9375rem; color: var(--c-ink); }
.s6-rating .mc-stars { margin-right: 4px; }
.s6-hero .mc-starter { box-shadow: none; border-color: var(--c-blush); margin-top: 1rem !important; max-width: none; }
@media (max-width: 781px) {
	.s6-hero { min-height: 0; display: block; padding: 0 0 20px; }
	.s6-hero::after { display: none; }
	.s6-hero__img { position: relative !important; inset: auto; margin: 0 calc(-1 * var(--wp--style--root--padding-left)) !important; width: auto; }
	.s6-hero__img img { height: clamp(150px, 26svh, 260px); }
	.s6-hero__card { margin-top: -36px !important; padding: 18px 16px; box-shadow: 0 16px 40px -24px rgba(61, 61, 63, .5); }
	.s6-hero__card .mc-lead { display: none; }
	.s6-hero__card h1 { font-size: clamp(1.75rem, 7.6vw, 2.1rem); }
}

/* ---------- Proof band on a pink tint ---------- */
.mc-v-sixth .mc-proof { background: var(--s6-tint); border: 0; }
.mc-v-sixth .mc-press { border-top-color: rgba(202, 0, 136, .14); }

/* ---------- Outdoors ---------- */
.s6-outdoors { background: #fff; }
.s6-outdoors__cols { gap: clamp(36px, 6vw, 96px) !important; }
.s6-outdoors h2 { margin-top: 0; }
.s6-outdoors .s6-frame img { aspect-ratio: auto; height: clamp(260px, calc(100svh - 300px), 560px); }
.mc-v-sixth .mc-ticks li::before { background-color: var(--c-blush); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CA0088' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }

/* ---------- Videos ---------- */
.s6-videos { background: var(--s6-lav); }
.s6-videogrid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 20px; align-items: start; }
.mc-video { margin: 0 !important; position: relative; }
.mc-video a { display: block; position: relative; border-radius: 22px; overflow: hidden; }
.mc-video img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; transition: transform .4s; }
.mc-video a:hover img { transform: scale(1.03); }
.mc-video a::after {
	content: ""; position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 50%;
	background: var(--c-mul) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8 5.5v13l11-6.5z'/%3E%3C/svg%3E") 54% 50% / 34px no-repeat;
	box-shadow: 0 0 0 10px rgba(255, 255, 255, .35);
}
.mc-video iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 22px; display: block; }
.s6-videogrid .mc-video:not(.s6-video--main) a::after { width: 56px; height: 56px; margin: -28px 0 0 -28px; background-size: 26px; }
@media (max-width: 781px) { .s6-videogrid { grid-template-columns: 1fr; gap: 12px; } .s6-videos .mc-head__text { display: none; } }

/* ---------- Curriculum wheel ---------- */
.s6-curric { background: #fff; }
.s6-curric__cols { gap: clamp(32px, 5vw, 80px) !important; }
.s6-curric h2 { margin-top: 0; }
.s6-wheel { margin: 0 !important; }
.s6-wheel img { width: 100%; max-height: calc(100svh - 200px); object-fit: contain; border-radius: var(--s6-r); }
.s6-pillars { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 1.4rem !important; }
.s6-pillar { margin: 0 !important; background: var(--s6-lav); border-radius: 20px; padding: clamp(16px, 2.4svh, 24px); }
.s6-pillar__tag { display: inline-block; margin: 0 0 .5rem !important; font-weight: 800; color: #fff; background: var(--c-plum); border-radius: 999px; padding: 3px 12px; font-size: .8125rem; }
.s6-pillar:nth-child(even) .s6-pillar__tag { background: var(--c-mul); }
.s6-pillar h3 { margin: 0 0 .3rem; font-size: 1.0625rem; }
.s6-pillar p:last-child { margin: 0; color: var(--c-muted); font-size: .9375rem; line-height: 1.5; }
@media (max-width: 781px) {
	.s6-curric__wheel { display: none; }
	.s6-pillars { grid-template-columns: 1fr; gap: 10px; }
	.s6-pillar p:last-child { display: none; }
}

/* ---------- Programmes: five cards in a row ---------- */
.s6-programmes { background: var(--s6-tint); }
.s6-levels { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.s6-level { margin: 0 !important; background: #fff; border-radius: 22px; padding: clamp(18px, 3svh, 30px) 18px; display: flex; flex-direction: column; border: 1.5px solid transparent; transition: border-color .2s, transform .2s; }
.s6-level:hover { border-color: var(--c-mul); transform: translateY(-3px); }
.s6-level__ratio { margin: 0 0 1.4rem !important; font-size: .75rem; color: var(--c-muted); line-height: 1.2; }
.s6-level__ratio strong { display: block; font-size: clamp(1.8rem, 4.4svh, 2.6rem); color: var(--c-mul); line-height: 1; margin-bottom: 4px; }
.s6-level h3 { margin: 0 0 .2rem; font-size: 1.15rem; color: var(--c-plum); }
.s6-level__age { margin: 0 !important; color: var(--c-muted); font-size: .875rem; }
.s6-level__link { margin: auto 0 0 !important; padding-top: 1rem; font-size: .875rem; font-weight: 700; }
.s6-level__link a { text-decoration: none; }
.s6-level__link a::after { content: " →"; }
.s6-center { justify-content: center; margin-top: clamp(18px, 3svh, 32px) !important; }
@media (max-width: 999px) { .s6-levels { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 781px) {
	.s6-levels { grid-template-columns: 1fr 1fr; gap: 10px; }
	.s6-level { padding: 14px; }
	.s6-level__ratio { margin-bottom: .6rem !important; }
	.s6-level__ratio strong { font-size: 1.5rem; }
	.s6-programmes .mc-head__text { display: none; }
}

/* ---------- Reviews: static wall ---------- */
.s6-reviews { background: #fff; }
.s6-reviews__cols { gap: clamp(28px, 4vw, 64px) !important; }
.s6-reviews h2 { margin-top: 0; }
.s6-score { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; margin: 1rem 0 1.4rem !important; font-size: .875rem; color: var(--c-muted); }
.s6-score strong { grid-row: span 2; font-size: 3.2rem; line-height: 1; color: var(--c-plum); font-weight: 800; }
.s6-score a { font-weight: 700; }
.s6-reviewgrid { columns: 2 280px; column-gap: 16px; }
.s6-review { break-inside: avoid; margin: 0 0 16px !important; background: var(--s6-tint); border-radius: 22px; padding: 22px 22px 18px; position: relative; }
.s6-review::before { content: "“"; position: absolute; right: 18px; top: 4px; font-size: 4rem; line-height: 1; color: rgba(202, 0, 136, .18); font-weight: 800; }
.s6-review .mc-stars { margin: 0 0 .5rem !important; }
.s6-review__text { margin: 0 !important; font-size: clamp(.9375rem, 1.9svh, 1.0625rem); line-height: 1.55; color: var(--c-ink); }
.s6-review__by { margin: .9rem 0 0 !important; font-size: .8125rem; color: var(--c-muted); }
.s6-review__by strong { color: var(--c-plum); margin-right: 6px; }
@media (max-width: 781px) {
	.s6-reviewgrid { columns: auto; display: grid; grid-auto-flow: column; grid-auto-columns: 84%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; }
	.s6-review { margin: 0 !important; scroll-snap-align: start; }
	.s6-reviews__intro .wp-block-buttons { display: none; }
	.s6-score { margin: .6rem 0 0 !important; }
	.s6-score strong { font-size: 2.4rem; }
}

.mc-v-sixth .mc-form { border-radius: var(--s6-r); border: 0; }
.mc-v-sixth .mc-chip input:checked + span { background: var(--c-plum); border-color: var(--c-plum); }

/* ---------- FAQ on a tint ---------- */
.mc-v-sixth .mc-faq { background: var(--s6-tint); }
.mc-v-sixth .mc-visit__card { background: #fff; }

/* Inner pages: tinted heroes and pink stats band. */
.mc-v-sixth .mc-pagehero::after { opacity: .7; }
.mc-v-sixth .mc-stats { background: var(--c-plum); }
.mc-v-sixth .mc-stat strong { color: #fff; }
.mc-v-sixth .mc-feature { background: var(--c-plum); }
.mc-v-sixth .mc-feature h2 em { background: none; color: #FFE3F3; }
.mc-v-sixth .mc-feature h2, .mc-v-sixth .mc-day h2 { color: #fff; }
.mc-v-sixth .mc-ctaband { background: var(--s6-lav); background-image: none; }
.mc-v-sixth .mc-care, .mc-v-sixth .mc-levels-page, .mc-v-sixth .mc-visitsteps { background: var(--s6-tint); }
.mc-v-sixth .mc-enrich { background: var(--s6-lav); }
@media (max-width: 781px) {
	.s6-outdoors, .s6-videos, .s6-curric, .s6-programmes, .s6-reviews, .mc-v-sixth .mc-faq { min-height: calc(100svh - 73px - 72px); padding-block: 24px; }
	.s6-outdoors .s6-frame { display: none; }
	.s6-outdoors p:not(.mc-kicker) { display: none; }
	.mc-v-sixth .mc-tour:not(.mc-tour--page) { min-height: calc(100svh - 73px); padding-block: 22px; }
}

/* ---------- Fit pass ---------- */
.s6-hero { align-items: center; }
.s6-hero > .s6-hero__card {
	max-width: 540px !important; margin-right: auto !important;
	margin-left: max(0px, calc((100% - var(--wp--style--global--wide-size, 1240px)) / 2)) !important;
}
.s6-hero__img img { object-position: 62% 45%; }
.s6-curric .s6-wheel img { max-height: calc(100svh - 240px); }
.s6-pillar { padding: clamp(12px, 2svh, 22px) clamp(14px, 1.6vw, 20px); }
.s6-pillar p:last-child { font-size: .875rem; }
.s6-curric h2 { font-size: clamp(1.8rem, 4.4svh, 2.6rem); }
.s6-reviewgrid { columns: 3 240px; }
.s6-review { padding: 18px 18px 14px; }
.s6-review__text { font-size: clamp(.875rem, 1.75svh, 1rem); }
.s6-reviews h2 { font-size: clamp(1.8rem, 4.4svh, 2.6rem); }
@media (max-width: 781px) {
	.mc-v-sixth .mc-kicker { font-size: .6875rem; padding: 5px 12px; letter-spacing: .1em; }
	.mc-v-sixth .mc-tour__copy .mc-kicker, .mc-v-sixth .mc-reviews .mc-kicker { display: none; }
	.s6-level__link { display: none; }
	.s6-level h3 { font-size: 1rem; }
	.s6-levels { gap: 8px; }
	.s6-level { padding: 12px; }
	.s6-programmes h2 { font-size: 1.75rem; }
}
@media (min-width: 782px) {
	.s6-videogrid .mc-video img { max-height: calc(100svh - 430px); }
	.s6-videos .mc-head { margin-bottom: clamp(16px, 3svh, 40px) !important; }
	.s6-videogrid { align-items: center; }
}
@media (min-width: 782px) and (max-height: 820px) {
	.s6-hero__card .mc-lead { display: none; }
	.s6-hero__card h1 { font-size: clamp(1.9rem, 5.6svh, 2.6rem); }
}
.mc-v-sixth .mc-event.is-tour .mc-kicker, .mc-v-sixth .mc-feature .mc-kicker, .mc-v-sixth .mc-stats .mc-kicker { background: rgba(255,255,255,.18); color: #fff; }

/* ---------- Hero v2: copy left, photo collage right ---------- */
.s6-hero2 { min-height: calc(100svh - 114px); box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; padding-block: clamp(24px, 5svh, 64px); background: linear-gradient(180deg, var(--s6-tint) 0%, #fff 100%); overflow: hidden; }
.s6-hero2 > * { width: 100%; box-sizing: border-box; }
.s6-hero2__cols { gap: clamp(32px, 5vw, 80px) !important; }
.s6-hero2 h1 { font-size: clamp(2.1rem, min(4vw, 6.4svh), 3.4rem); margin: 0 0 .8rem; line-height: 1.1; }
.s6-hero2 .mc-lead { margin: 0 0 1.2rem; }
.s6-hero2 .mc-starter { max-width: 560px; border-color: var(--c-blush); }
.s6-collage { position: relative; min-height: clamp(360px, calc(100svh - 230px), 600px); }
.s6-collage__main { position: absolute !important; top: 0; right: 0; width: 78%; margin: 0 !important; }
.s6-collage__main img { width: 100%; height: clamp(300px, calc(100svh - 300px), 520px); object-fit: cover; border-radius: var(--s6-r); box-shadow: 16px 16px 0 var(--c-blush); }
.s6-collage__inset { position: absolute !important; bottom: 0; left: 0; width: 46%; margin: 0 !important; z-index: 2; }
.s6-collage__inset img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 22px; border: 6px solid #fff; box-shadow: 0 24px 48px -24px rgba(61,61,63,.45); }
.s6-collage__badge { position: absolute; z-index: 3; right: 6%; bottom: 4%; margin: 0 !important; background: #fff; border-radius: 18px; padding: 12px 18px; display: grid; grid-template-columns: auto auto; column-gap: 10px; align-items: center; box-shadow: 0 18px 40px -20px rgba(61,61,63,.45); font-size: .8125rem; color: var(--c-muted); line-height: 1.25; }
.s6-collage__badge strong { grid-row: span 2; font-size: 2rem; color: var(--c-plum); font-weight: 800; line-height: 1; }
@media (max-width: 781px) {
	.s6-hero2 { min-height: 0; padding-block: 18px 28px !important; }
	.s6-hero2__cols { display: flex !important; flex-direction: column; gap: 18px !important; }
	.s6-collage { order: -1; min-height: 0; height: 250px; width: 100%; }
	.s6-collage__main { width: 82%; }
	.s6-collage__main img { height: 200px; box-shadow: 10px 10px 0 var(--c-blush); }
	.s6-collage__inset { width: 44%; }
	.s6-collage__badge { right: 2%; bottom: 0; padding: 8px 12px; }
	.s6-collage__badge strong { font-size: 1.5rem; }
	.s6-hero2 .mc-lead { display: none; }
	.s6-hero2 h1 { font-size: clamp(1.75rem, 7.6vw, 2.1rem); }
}
@media (max-width: 781px) {
	.s6-collage { height: auto !important; }
	.s6-collage__main { position: relative !important; width: 100% !important; }
	.s6-collage__main img { height: 210px; width: calc(100% - 10px); }
	.s6-collage__inset { display: none !important; }
	.s6-collage__badge { position: absolute; right: 18px; bottom: -14px; }
	.s6-hero2__copy { margin-top: 10px; }
}
@media (max-width: 781px) { .s6-hero2 .s6-rating { display: none; } }
/* Hero flipped on desktop: collage left, words right (mirrored collage) */
@media (min-width: 782px) {
	.s6-collage { order: -1; }
	.s6-collage__main { right: auto; left: 0; }
	.s6-collage__main img { box-shadow: -16px 16px 0 var(--c-blush); }
	.s6-collage__inset { left: auto; right: 0; }
	.s6-collage__badge { right: auto; left: 6%; }
}
.s6-outdoors .s6-frame img { object-position: 40% 40%; }
.s6-outdoors .mc-usps { margin: 1.2rem 0 1.6rem !important; }
@media (max-width: 781px) { .s6-outdoors .s6-frame { display: block !important; margin: 0 10px 18px 0 !important; } .s6-outdoors .s6-frame img { height: 240px !important; } .s6-outdoors p:not(.mc-kicker) { display: block !important; } .s6-outdoors .mc-usps { display: grid !important; } }
.s6-collage__inset img { object-position: 50% 22%; }
/* Videos: two equal cards with a short caption */
.s6-videogrid { grid-template-columns: 1fr 1fr !important; align-items: start !important; gap: 24px !important; }
.s6-vcard { margin: 0 !important; }
.s6-vcard h3 { margin: 1rem 0 .25rem; font-size: 1.15rem; color: var(--c-plum); }
.s6-vcard p { margin: 0; color: var(--c-muted); font-size: .9375rem; line-height: 1.5; }
.s6-videogrid .mc-video img, .s6-videogrid .mc-video iframe { aspect-ratio: 16 / 9; max-height: none !important; height: auto; }
.s6-videogrid .mc-video:not(.s6-video--main) a::after { width: 76px; height: 76px; margin: -38px 0 0 -38px; background-size: 34px; }
@media (max-width: 781px) { .s6-videogrid { grid-template-columns: 1fr !important; gap: 20px !important; } }
@media (min-width: 782px) and (max-height: 820px) { .s6-videogrid { max-width: 920px; margin-inline: auto !important; } .s6-vcard h3 { margin-top: .7rem; } .s6-videos { padding-block: 20px !important; } .s6-videos .mc-head { margin-bottom: 14px !important; } }

/* Reviews wall as a conveyor (same belt as Bishan): glides, pauses while touched or hovered */
.s6-reviews__cols > .wp-block-column:last-child { overflow: hidden; min-width: 0; }
.s6-reviewgrid.is-marquee { display: flex !important; columns: auto !important; gap: 16px; width: max-content; overflow: visible !important; padding: 0 !important; align-items: stretch; animation: mc-marquee var(--mc-marquee-dur, 50s) linear infinite; will-change: transform; }
.s6-reviewgrid.is-marquee .s6-review { width: clamp(280px, 24vw, 360px); flex: none; margin: 0 !important; display: flex; flex-direction: column; }
.s6-reviewgrid.is-marquee .s6-review__by { margin-top: auto !important; padding-top: .9rem; }
.s6-reviewgrid.is-marquee.is-held { animation-play-state: paused; }
@media (hover: hover) { .s6-reviewgrid.is-marquee:hover { animation-play-state: paused; } }
@media (max-width: 781px) {
	.s6-reviews__cols > .wp-block-column:last-child { margin-inline: calc(-1 * var(--wp--style--root--padding-left, 18px)); }
	.s6-reviewgrid.is-marquee { gap: 12px; }
	.s6-reviewgrid.is-marquee .s6-review { width: 280px; }
}
@media (min-width: 782px) { .s6-reviews__cols > .wp-block-column:last-child { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 70px, #000 calc(100% - 70px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 70px, #000 calc(100% - 70px), transparent 100%); } }
.mc-v-sixth .mc-tour:not(.mc-tour--page) .mc-kicker { background: #fff; }

/* Key phrases in the page-hero intro: picked out in a lighter tint of Smart Purple so long intros scan quickly. */
.mc-v-sixth .mc-pagehero .mc-lead strong { color: #9975B1; font-weight: 600; }
/* Photos whose subject sits low in the frame (children at play): keep them in shot when cropped. */
.mc-v-sixth .s6-focus-low img { object-position: 50% 78%; }
/* About hero photo: child with magnifying glass, keep his head and the plant in frame. */
.mc-v-sixth.mc-page-about-us .mc-pagehero__img img { object-position: 50% 36%; }
/* Programmes hero: photo on the left, words on the right; the photo is portrait, so frame it taller. */
@media (min-width: 782px) {
	.mc-v-sixth .s6-pagehero--flip .mc-pagehero__img img { aspect-ratio: 4 / 5; height: auto; max-height: calc(100svh - 114px - 120px); width: auto; max-width: 100%; margin-inline: auto; display: block; object-position: 50% 45%; }
}
.mc-v-sixth.mc-page-programmes .mc-pagehero__img img { object-position: 50% 45%; }
.mc-v-sixth .s6-pagehero--flip::after { right: auto; left: -60px; transform: scaleX(-1); }

/* Events: heading + private-tour card fit one desktop screen. The card goes two-column (title and button left, text right). */
@media (min-width: 782px) {
	.mc-v-sixth.mc-page-events main > .mc-pagehero--simple { padding-block: clamp(24px, 5svh, 64px) 20px !important; }
	.mc-v-sixth.mc-page-events .mc-pagehero--simple h1 { font-size: clamp(2.1rem, min(3.6vw, 6.2svh), 3.3rem); margin-bottom: .6rem; }
	.mc-v-sixth.mc-page-events .mc-pagehero--simple .mc-lead { margin-bottom: 0; }
	.mc-v-sixth .mc-event.is-tour { padding: clamp(24px, 4.5svh, 44px) clamp(28px, 4vw, 48px); }
	.mc-v-sixth .mc-event.is-tour .mc-event__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); column-gap: clamp(32px, 5vw, 72px); align-items: center; }
	.mc-v-sixth .mc-event.is-tour .mc-kicker { grid-column: 1; grid-row: 1; justify-self: start; }
	.mc-v-sixth .mc-event.is-tour .mc-event__title { grid-column: 1; grid-row: 2; }
	.mc-v-sixth .mc-event.is-tour .mc-btn { grid-column: 1; grid-row: 3; justify-self: start; margin-top: .6rem; }
	.mc-v-sixth .mc-event.is-tour p:not(.mc-kicker) { grid-column: 2; grid-row: 1 / span 3; margin: 0; }
}

/* Phone tap targets: every link a thumb hits is at least 44px tall. */
@media (max-width: 781px) {
	.mc-v-sixth .mc-footer--sleek .mc-soc { width: 44px; height: 44px; background-size: 18px; }
	.mc-v-sixth .mc-footer--sleek .mc-footer__social { gap: 6px; }
	.mc-v-sixth .mc-footer a:has(> img) { display: inline-flex; align-items: center; min-height: 44px; }
	.mc-v-sixth .mc-note__wa, .mc-v-sixth .mc-contact__tour a { padding-block: 11px; margin-block: -11px; }
	.mc-v-sixth .mc-kicker { font-size: .75rem; }
}
/* About, Reggio Emilia: space between the heading and the pull-quote intro. */
.mc-v-sixth .mc-reggio h2 + .mc-bigquote--small { margin-top: .9rem !important; }
@media (max-width: 781px) { .mc-v-sixth .mc-reggio .mc-bigquote--small { font-size: 1.15rem !important; line-height: 1.5; } }
/* A day at Mulberry Learning (purple block): white titles, translucent label, soft-pink key words, as on the other purple sections. */
.mc-v-sixth .mc-day h2, .mc-v-sixth .mc-day h3 { color: #fff; }
.mc-v-sixth .mc-day .mc-kicker { background: rgba(255, 255, 255, .18); color: #fff; }
.mc-v-sixth .mc-day h2 em { background: none; color: #FFE3F3; }
.mc-v-sixth .mc-day__photo img { object-position: 50% 12% !important; }
/* Keep faces in frame: the pinyin-cards slide has a child standing at the top edge. */
.mc-v-sixth .mc-fade img[src*="enrich-4"], .mc-v-sixth .mc-enrich img[src*="enrich-4"] { object-position: 50% 0% !important; }
.mc-v-sixth img[src*="reading-book"] { object-position: 50% 20%; }
/* Contact us has no bottom "Book a school tour" bar on phones, so the footer doesn't need to reserve room for it. */
@media (max-width: 781px) {
	.mc-v-sixth.mc-page-contact-us .mc-footer--sleek .mc-footer__bottom { padding-bottom: max(14px, env(safe-area-inset-bottom)); }
	.mc-v-sixth.mc-page-contact-us .mc-footer--sleek .mc-footer__row { padding-bottom: 6px; }
	.mc-v-sixth.mc-page-contact-us .mc-footer--sleek::after { display: none; }
}
.mc-v-sixth img[src*="tour-visit"] { object-position: 50% 18% !important; }
/* Day section photo: a square window rather than a wide strip. Sized to the screen so the section still fits one window. */
.mc-v-sixth .mc-day__photo { max-width: none; width: fit-content; }
.mc-v-sixth .mc-day__photo img { aspect-ratio: 1 / 1 !important; width: auto !important; height: clamp(280px, calc(100svh - 400px), 480px) !important; max-height: none !important; max-width: 100%; }
@media (min-width: 782px) { .mc-v-sixth .mc-day { padding-block: clamp(20px, 3.5svh, 48px) !important; } .mc-v-sixth .mc-day__intro p:not(.mc-kicker) { margin-bottom: .6rem; } .mc-v-sixth .mc-day__photo { margin-top: .6rem !important; } .mc-v-sixth .mc-day__cols { gap: clamp(32px, 4vw, 64px) !important; } .mc-v-sixth .mc-day__intro { flex-basis: 40% !important; } }
@media (max-width: 781px) { .mc-v-sixth .mc-day__photo { width: 100%; } .mc-v-sixth .mc-day__photo img { width: 100% !important; height: auto !important; } }
/* Day section, desktop: the schedule runs from the label to the bottom of the photo, slots spaced evenly. */
@media (min-width: 782px) {
	.mc-v-sixth .mc-day__cols { align-items: stretch !important; }
	.mc-v-sixth .mc-day__list { display: flex; flex-direction: column; justify-content: space-between; align-self: stretch !important; }
	.mc-v-sixth .mc-day__list > .mc-slot { margin: 0 !important; padding-bottom: 0 !important; }
	.mc-v-sixth .mc-day__intro { position: static !important; align-self: stretch !important; }
	.mc-v-sixth .mc-day__intro .mc-day__photo { margin-bottom: 0 !important; }
}
.mc-v-sixth .mc-layer:nth-child(-n+2) h3 { color: #fff; }
.mc-v-sixth img[src*="tour-sandpit"] { object-position: 50% 40% !important; }
.mc-v-sixth .mc-enrich img[src*="enrich-3"] { object-position: 50% 0% !important; }
/* Phones: the enrichment slideshow photos are portrait, so give the frame a taller shape that shows the whole child. */
@media (max-width: 781px) {
	.mc-v-sixth.mc-page-programmes .mc-fade { height: auto !important; aspect-ratio: 4 / 5 !important; max-width: 340px; margin-inline: auto !important; border-radius: 170px 170px var(--r) var(--r); }
}
/* Day section on shorter laptop screens: narrower intro + time column so the schedule has room to breathe. */
@media (min-width: 782px) and (max-height: 820px) {
	.mc-v-sixth .mc-day__intro { flex-basis: 34% !important; }
	.mc-v-sixth .mc-day .mc-slot { grid-template-columns: 96px 1fr !important; column-gap: 16px !important; }
}
