:root {
  --ink: #15393b;
  --ink-soft: #456466;
  --teal: #0e5e63;
  --teal-deep: #0a484c;
  --cream: #fffaf1;
  --paper: #fffdf8;
  --gold: #f4b638;
  --coral: #f77961;
  --mint: #c9eee1;
  --line: rgba(21, 57, 59, .13);
  --shadow: 0 16px 42px rgba(19, 65, 64, .10);
  --heading: 'Playfair Display', Georgia, serif;
  --body: 'DM Sans', Arial, sans-serif;
  --tamil: 'Noto Sans Tamil', sans-serif;
  --font-scale: 1;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: calc(16px * var(--font-scale)); scroll-padding-top: 88px; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--body); font-size: 1rem; line-height: 1.65; overflow-x: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
::selection { background: var(--gold); color: var(--ink); }

.shell { width: min(1160px, calc(100% - 48px)); margin-inline: auto; }
.section { padding: 112px 0; }
.sr-only, .skip-link { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link:focus { width: auto; height: auto; padding: 12px 16px; margin: 12px; clip: auto; z-index: 1000; background: var(--gold); color: var(--ink); border-radius: 5px; }

.utility-bar { background: #0b4145; color: #dcf2eb; font-size: .76rem; letter-spacing: .015em; }
.utility-content { min-height: 35px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.utility-content p { margin: 0; }
.utility-content p span { color: var(--gold); margin-right: 5px; }
.utility-actions { align-self: stretch; display: flex; align-items: center; gap: 4px; }
.utility-button, .language-switch { border: 0; color: inherit; background: transparent; font-size: .72rem; font-weight: 600; padding: 4px 7px; border-radius: 3px; }
.utility-button:hover, .utility-button:focus-visible, .language-switch:hover, .language-switch:focus-visible { background: rgba(255,255,255,.12); outline: none; }
.language-switch { margin-left: 4px; font-family: var(--tamil); border-left: 1px solid rgba(255,255,255,.23); border-radius: 0; }
.language-switch span { font-family: var(--body); }

.site-header { position: sticky; top: 0; z-index: 50; background: rgba(255, 253, 248, .93); backdrop-filter: blur(12px); border-bottom: 1px solid transparent; transition: box-shadow .25s, border-color .25s; }
.site-header.is-scrolled { border-color: var(--line); box-shadow: 0 7px 18px rgba(21,57,59,.05); }
.header-content { height: 78px; display: flex; align-items: center; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex-shrink: 0; }
.brand-mark { width: 43px; height: 43px; position: relative; display: grid; place-items: center; border: 2px solid var(--teal); border-radius: 50% 46% 50% 46%; transform: rotate(-6deg); overflow: hidden; background: #f7c960; }
.brand-mark:before { content: ''; width: 34px; height: 13px; border: 2px solid var(--teal); border-radius: 50%; position: absolute; top: 11px; transform: rotate(-5deg); }
.brand-mark i, .brand-mark b { position: absolute; bottom: 7px; display: block; width: 3px; background: var(--teal); border-radius: 3px; }
.brand-mark i { height: 15px; left: 16px; transform: rotate(21deg); }.brand-mark b { height: 19px; right: 15px; transform: rotate(-18deg); }
.brand-copy { display: grid; line-height: 1.1; }.brand-copy strong { font-family: var(--heading); font-size: 1.14rem; letter-spacing: -.03em; }.brand-copy small { color: var(--ink-soft); font-size: .59rem; margin-top: 4px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.main-nav { display: flex; align-items: center; gap: clamp(16px, 2vw, 29px); margin-left: auto; margin-right: 27px; }
.main-nav a { color: #315455; font-size: .82rem; font-weight: 600; position: relative; padding: 5px 0; }.main-nav a:after { content: ''; position: absolute; height: 2px; border-radius: 2px; background: var(--coral); left: 0; right: 0; bottom: 0; transform: scaleX(0); transform-origin: right; transition: transform .2s; }.main-nav a:hover:after, .main-nav a:focus-visible:after { transform: scaleX(1); transform-origin: left; }
.nav-more { position: relative; color: #315455; font-size: .82rem; font-weight: 600; }
.nav-more summary { padding: 5px 0; cursor: pointer; list-style: none; white-space: nowrap; }
.nav-more summary::-webkit-details-marker { display: none; }
.nav-more summary span { color: var(--coral); font-size: .7rem; }
.nav-more > div { position: absolute; z-index: 60; right: 0; top: calc(100% + 14px); width: 215px; display: grid; padding: 10px; background: #fffdf8; border: 1px solid var(--line); box-shadow: var(--shadow); }
.nav-more > div:before { content: ""; position: absolute; right: 22px; top: -7px; width: 12px; height: 12px; transform: rotate(45deg); background: #fffdf8; border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
.nav-more > div a { padding: 8px 10px; border-radius: 3px; font-size: .73rem; }
.nav-more > div a:after { display: none; }
.nav-more > div a:hover { color: var(--teal); background: #edf5f1; }
.button { min-height: 47px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 11px 20px; border: 1px solid transparent; border-radius: 4px; font-size: .81rem; font-weight: 700; letter-spacing: .01em; transition: transform .2s, background .2s, box-shadow .2s, color .2s; }.button:hover { transform: translateY(-2px); box-shadow: 0 9px 16px rgba(14,94,99,.15); }.button:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(244,182,56,.75); outline-offset: 3px; }
.button-small { min-height: 39px; padding: 8px 14px; font-size: .74rem; }.header-cta { background: var(--teal); color: white; }.header-cta span { color: var(--gold); font-size: 1rem; }.button-gold { background: var(--gold); color: #173638; }.button-ghost { color: white; border-color: rgba(255,255,255,.65); }.button-ghost:hover { background: rgba(255,255,255,.12); }.button-outline { border-color: var(--teal); color: var(--teal); background: transparent; }.button-teal { background: var(--teal); color: white; }
.menu-toggle { display: none; margin-left: 15px; border: 0; background: transparent; padding: 8px; }.menu-toggle span:not(.sr-only) { display: block; width: 22px; height: 2px; background: var(--teal); margin: 4px; border-radius: 2px; }

.announcement { background: #f7e8b9; color: #5b4a20; }.announcement-content { min-height: 39px; display: flex; align-items: center; gap: 10px; font-size: .75rem; }.announcement-content p { margin: 0; }.announcement-icon { font-size: 1rem; }.announcement-content a { margin-left: auto; font-weight: 700; white-space: nowrap; }.announcement-content a span { color: #b56827; margin-left: 4px; }

.hero { position: relative; isolation: isolate; padding: 89px 0 109px; color: white; background: var(--teal); overflow: hidden; }.hero:before { content: ''; position: absolute; inset: 0; z-index: -2; background: radial-gradient(circle at 10% 0%, #16777b 0, transparent 28%), radial-gradient(circle at 95% 80%, #0a494d 0, transparent 38%); }.hero-pattern { z-index: -1; position: absolute; width: 510px; height: 510px; border: 1px dashed rgba(255,255,255,.14); border-radius: 50%; top: -295px; left: -119px; }.hero-pattern:after { content: ''; position: absolute; border: 1px dashed rgba(255,255,255,.13); border-radius: 50%; inset: 34px; }.hero-grid { display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 75px; min-height: 412px; }.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 17px; color: #c87058; font-size: .69rem; text-transform: uppercase; letter-spacing: .15em; font-weight: 700; }.eyebrow span { width: 24px; height: 2px; display: inline-block; background: currentColor; }.eyebrow.light { color: #f8d477; }.hero h1, h2 { margin: 0; font-family: var(--heading); line-height: 1.05; letter-spacing: -.05em; }.hero h1 { max-width: 620px; font-size: clamp(3rem, 5.2vw, 5.3rem); font-weight: 600; }.hero h1 em, h2 em { color: var(--gold); font-style: italic; }.hero-copy { max-width: 520px; margin: 24px 0 28px; color: #d5eae5; font-size: 1rem; line-height: 1.75; }.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }.hero-trust { display: flex; align-items: center; gap: 13px; margin-top: 37px; }.hero-trust p { margin: 0; color: #bbdbd4; font-size: .72rem; line-height: 1.45; }.hero-trust p strong { color: #fff; font-size: .76rem; }.avatar-stack { display: flex; }.avatar-stack span { display: grid; place-items: center; width: 30px; height: 30px; margin-left: -7px; border: 2px solid var(--teal); border-radius: 50%; color: #0d5d62; background: #f6cf66; font-weight: 800; font-size: .72rem; }.avatar-stack span:first-child { margin-left: 0; background: #e58774; }.avatar-stack span:last-child { background: #d0eee1; }
.hero-art { min-height: 410px; position: relative; }.hero-photo-wrap { position: absolute; width: 81%; height: 367px; right: 27px; bottom: 0; border-radius: 42% 42% 8px 8px / 22% 22% 8px 8px; overflow: hidden; transform: rotate(2.3deg); box-shadow: -21px 21px 0 rgba(249, 193, 76, .93); }.hero-photo-wrap img { height: 100%; width: 100%; object-fit: cover; object-position: center; filter: saturate(.85) contrast(.97); }.photo-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(20,91,94,.2), transparent 50%); }.sun { position: absolute; z-index: -1; width: 108px; height: 108px; border-radius: 50%; background: var(--gold); right: -2px; top: 10px; box-shadow: 0 0 0 13px rgba(244,182,56,.13), 0 0 0 27px rgba(244,182,56,.07); }.cloud { position: absolute; z-index: 2; width: 68px; height: 20px; background: #e0f3ec; border-radius: 30px; opacity: .95; }.cloud:before, .cloud:after { content: ''; position: absolute; bottom: 0; border-radius: 50%; background: inherit; }.cloud:before { height: 30px; width: 30px; left: 12px; }.cloud:after { height: 23px; width: 23px; right: 10px; }.cloud-one { top: 51px; left: 1px; transform: scale(.76); }.cloud-two { top: 92px; right: 43px; transform: scale(.48); }.hero-note { position: absolute; z-index: 3; display: flex; gap: 8px; align-items: center; padding: 9px 12px; background: var(--paper); border-radius: 3px; box-shadow: var(--shadow); color: var(--ink); transform: rotate(-4deg); }.hero-note p { margin: 0; font-size: .66rem; line-height: 1.12; }.hero-note strong { font-family: var(--heading); font-size: 1.25rem; }.note-top { top: 130px; left: -9px; }.note-bottom { right: -14px; bottom: 57px; transform: rotate(5deg); }.note-icon { display: grid; place-items: center; width: 24px; height: 24px; background: #f9d573; color: var(--teal); border-radius: 50%; font-weight: 900; }.pencil-pencil { position: absolute; width: 17px; height: 98px; top: 6px; left: 37%; border-radius: 3px; transform: rotate(38deg); background: linear-gradient(90deg, #f9c863 0 28%, #f47a61 28% 78%, #d95643 78%); }.pencil-pencil:before { content: ''; position: absolute; width: 0; height: 0; top: -15px; border-left: 8.5px solid transparent; border-right: 8.5px solid transparent; border-bottom: 16px solid #e9d0a0; }.pencil-pencil:after { content: ''; position: absolute; top: -18px; left: 6px; width: 5px; height: 5px; background: #1b3d3e; transform: rotate(45deg); }.hero-wave { position: absolute; left: -4%; width: 108%; height: 49px; bottom: -23px; border-radius: 50% 50% 0 0; background: var(--paper); transform: rotate(-.5deg); }

.stat-strip { background: var(--paper); padding: 0 0 47px; }.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); background: #fffdf8; box-shadow: 0 11px 34px rgba(19,60,60,.04); }.stats-grid article { padding: 23px 27px 25px; position: relative; }.stats-grid article + article:before { content: ''; position: absolute; width: 1px; height: 42px; background: var(--line); left: 0; top: 30px; }.stats-grid strong { display: block; font-family: var(--heading); color: var(--teal); font-size: 2rem; line-height: 1.1; }.stats-grid span { color: var(--ink-soft); font-size: .72rem; }

h2 { font-size: clamp(2.5rem, 4vw, 4.1rem); font-weight: 600; color: var(--ink); }.section-copy > p:not(.eyebrow), .section-heading > p:not(.eyebrow) { color: var(--ink-soft); font-size: .93rem; line-height: 1.85; }.welcome { padding-top: 98px; }.welcome-grid { display: grid; grid-template-columns: .94fr 1.06fr; align-items: center; gap: clamp(55px, 8vw, 116px); }.image-composition { min-height: 497px; position: relative; }.image-main { width: 91%; height: 454px; overflow: hidden; border-radius: 11px 11px 80px 11px; box-shadow: var(--shadow); }.image-main img { width: 100%; height: 100%; object-fit: cover; }.doodle-circle { position: absolute; z-index: -1; width: 177px; height: 177px; border: 2px dashed #efb441; border-radius: 50%; right: 0; bottom: 3px; }.doodle-crosses { position: absolute; color: #e26e58; font-size: 1.7rem; font-family: var(--heading); letter-spacing: 7px; top: 16px; right: -15px; transform: rotate(18deg); }.experience-badge { display: flex; align-items: center; gap: 10px; position: absolute; bottom: 10px; right: -13px; padding: 13px 17px; color: var(--teal); background: #f8c558; border-radius: 4px; transform: rotate(-3deg); box-shadow: 5px 7px 0 #fffdf8; }.experience-badge strong { font-family: var(--heading); font-size: 1.32rem; line-height: .92; }.experience-badge span { padding-left: 9px; border-left: 1px solid rgba(21,57,59,.25); font-size: .63rem; font-weight: 700; line-height: 1.3; }.section-copy { max-width: 530px; }.section-copy h2 { margin-bottom: 24px; }.welcome-points { display: grid; gap: 13px; margin: 28px 0 24px; }.welcome-points > div { display: flex; align-items: flex-start; gap: 14px; }.welcome-points span { display: grid; flex: 0 0 33px; height: 33px; place-items: center; color: white; background: var(--coral); border-radius: 50%; font-size: .65rem; font-weight: 700; }.welcome-points > div:nth-child(2) span { background: var(--teal); }.welcome-points p { margin: 0; color: var(--ink-soft); line-height: 1.35; font-size: .76rem; }.welcome-points strong { display: block; color: var(--ink); font-size: .84rem; margin-bottom: 3px; }.text-link { display: inline-flex; gap: 9px; align-items: center; color: var(--teal); font-size: .79rem; font-weight: 700; }.text-link span { color: var(--coral); font-size: 1.1rem; transition: transform .2s; }.text-link:hover span { transform: translateX(3px); }

.values-section { background: #fbf0d8; position: relative; overflow: hidden; }.values-section:before, .values-section:after { content: '✦'; position: absolute; color: #e9ad3d; opacity: .55; font-size: 4rem; }.values-section:before { left: 6%; top: 120px; }.values-section:after { right: 6%; bottom: 52px; transform: rotate(15deg); }.section-heading.centered { max-width: 675px; text-align: center; margin: 0 auto 45px; }.section-heading.centered .eyebrow { justify-content: center; }.section-heading.centered > p:not(.eyebrow) { margin: 19px auto 0; max-width: 580px; }.values-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; }.value-card { min-height: 231px; padding: 25px 21px; background: #fffdf8; box-shadow: 0 12px 25px rgba(143,101,35,.08); border-radius: 5px; }.value-card.coral { border-top: 4px solid #f47b64; }.value-card.yellow { border-top: 4px solid #efba3d; }.value-card.mint { border-top: 4px solid #56a88e; }.value-card.blue { border-top: 4px solid #388b91; }.icon-orb { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 50%; font-size: 1.35rem; }.coral .icon-orb { background: #fde1d9; color: #d95f4d; }.yellow .icon-orb { background: #fcecc8; color: #c58818; }.mint .icon-orb { background: #d8f1e7; color: #24846e; }.blue .icon-orb { background: #d5eced; color: #237277; }.value-card h3 { margin: 19px 0 6px; font-family: var(--heading); font-size: 1.34rem; letter-spacing: -.03em; }.value-card p { margin: 0; color: var(--ink-soft); font-size: .76rem; line-height: 1.6; }

.programmes { background: var(--paper); }.programme-top { display: grid; grid-template-columns: 1fr .74fr 60px; gap: 44px; align-items: end; margin-bottom: 39px; }.programme-intro { max-width: 385px; margin: 0 0 7px; color: var(--ink-soft); font-size: .88rem; line-height: 1.72; }.round-link { display: grid; width: 51px; height: 51px; place-items: center; border-radius: 50%; color: white; background: var(--coral); font-size: 1.38rem; margin-bottom: 4px; transition: transform .2s, background .2s; }.round-link:hover { transform: rotate(45deg); background: var(--teal); }.programmes-grid { display: grid; grid-template-columns: 1.22fr 1fr 1fr 1fr; gap: 15px; }.programme-card { min-height: 315px; padding: 24px 20px; position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: 4px; background: #eef4ef; }.programme-card.featured { padding: 0; color: white; }.programme-image { position: absolute; inset: 0; }.programme-image:after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,63,64,.92), rgba(7,63,64,.03) 75%); }.programme-image img { width: 100%; height: 100%; object-fit: cover; }.programme-content { z-index: 1; margin-top: auto; padding: 23px 25px; }.card-number { font-size: .67rem; font-weight: 700; opacity: .82; }.programme-card h3 { margin: auto 0 9px; font-family: var(--heading); font-size: 1.47rem; line-height: 1.1; letter-spacing: -.04em; }.programme-card p { margin: 0 0 18px; font-size: .74rem; line-height: 1.55; }.programme-card a { font-size: .72rem; font-weight: 700; }.programme-card a span { padding-left: 7px; font-size: 1rem; }.rose { background: #f9ded5; color: #63382e; }.teal { background: #c8e6df; color: #17494a; }.ochre { background: #f6d479; color: #4f411d; }.mini-illustration { display: grid; margin: 22px auto 23px; width: 63px; height: 55px; place-items: center; font-family: var(--heading); font-size: 1.72rem; position: relative; }.book { color: #d85f4a; background: #fffaf0; transform: skewY(-4deg); }.book:after { content: ''; position: absolute; width: 2px; height: 48px; background: #f0c0b5; }.book span { position: absolute; right: -12px; top: -14px; color: #d25644; font-family: var(--body); font-weight: 800; font-size: 1rem; }.atom { color: #fff; background: var(--teal); border-radius: 50%; }.atom:before, .atom:after { content: ''; position: absolute; inset: -11px 7px; border: 2px solid #388b87; border-radius: 50%; transform: rotate(40deg); }.atom:after { transform: rotate(-40deg); }.leaf { color: #fbfaed; background: #559a71; border-radius: 50% 0 50% 0; transform: rotate(-27deg); }

.headmaster-section { padding-top: 92px; background: #e2f1ed; }.headmaster-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 65px; align-items: center; }.headmaster-quote { position: relative; padding: 18px 0 17px 48px; }.quote-mark { font-family: var(--heading); color: var(--coral); font-size: 4rem; line-height: .4; }.headmaster-quote > .quote-mark { position: absolute; left: 0; top: 32px; }.headmaster-quote blockquote { max-width: 605px; margin: 0; color: var(--teal); font-family: var(--heading); font-size: clamp(1.85rem, 3vw, 2.9rem); line-height: 1.25; letter-spacing: -.035em; }.headmaster-quote > p { max-width: 545px; margin: 20px 0; color: #547273; font-size: .87rem; }.signature { display: grid; border-left: 3px solid var(--coral); padding-left: 12px; }.signature span { font-family: var(--tamil); color: #174648; font-size: 1rem; font-weight: 700; }.signature small { color: #607b7b; font-size: .68rem; }.headmaster-art { height: 345px; position: relative; }.headmaster-photo { position: absolute; width: 278px; height: 323px; right: 29px; bottom: 0; border-radius: 130px 130px 8px 8px; overflow: hidden; border: 8px solid #f8d16c; }.headmaster-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 62%; }.message-label { position: absolute; padding: 11px 15px; right: -6px; top: 40px; color: #214f50; background: #fffdf8; border-radius: 3px; box-shadow: var(--shadow); font-size: .75rem; line-height: 1.35; transform: rotate(4deg); }.message-label strong { font-family: var(--heading); font-size: 1.17rem; }.star-doodle { position: absolute; bottom: 5px; left: 34px; color: var(--coral); font-size: 3rem; }

.activity-section { padding-bottom: 116px; }.row-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 39px; }.activity-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; grid-template-rows: 220px 220px; gap: 15px; }.activity-card { position: relative; overflow: hidden; border-radius: 4px; background: #d7ece5; }.activity-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }.activity-card:hover img { transform: scale(1.045); }.activity-card:after { content: ''; position: absolute; inset: 35% 0 0; background: linear-gradient(transparent, rgba(9,62,64,.72)); }.activity-card span { position: absolute; left: 17px; bottom: 15px; z-index: 2; color: white; font-size: .76rem; font-weight: 700; }.activity-card.large { grid-row: span 2; }.quote-card { padding: 24px; display: block; background: #f9d16e; color: #59451e; }.quote-card:after { display: none; }.quote-card .quote-mark { display: block; color: #ce7e32; font-size: 3.5rem; }.quote-card p { margin: 3px 0 17px; font-family: var(--heading); font-size: 1.37rem; line-height: 1.24; letter-spacing: -.03em; }.quote-card small { font-size: .65rem; }.quote-card i { position: absolute; right: 18px; bottom: 12px; color: #e46c51; font-size: 2.2rem; font-style: normal; }

.updates-section { background: #f8efd9; }.updates-section .row-heading { margin-bottom: 35px; }.as-button { border: 0; background: none; padding: 5px 0; }.update-layout { display: grid; grid-template-columns: .81fr 1.19fr; gap: 20px; }.notices-panel, .events-wrap { padding: 26px; background: var(--paper); box-shadow: 0 7px 23px rgba(98,70,20,.06); }.panel-title, .events-header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }.panel-icon { display: grid; place-items: center; height: 37px; width: 37px; border-radius: 50%; background: #fbdc94; font-size: 1rem; }.notices-panel small, .events-header small { display: block; color: #d06c51; font-size: .64rem; font-weight: 700; text-transform: uppercase; letter-spacing: .11em; }.notices-panel h3, .events-header h3 { margin: 1px 0 0; font-family: var(--heading); color: var(--ink); font-size: 1.45rem; letter-spacing: -.03em; }.notice-list { min-height: 207px; }.notice-item { display: grid; grid-template-columns: 38px 1fr; gap: 10px; padding: 13px 0; border-top: 1px solid var(--line); }.notice-date { display: grid; align-content: center; height: 39px; text-align: center; color: white; background: var(--teal); border-radius: 3px; font-size: .8rem; font-weight: 700; line-height: 1.1; }.notice-date small { color: #bde2d7; font-family: var(--body); font-size: .49rem; letter-spacing: .07em; }.notice-copy span { color: #d26f54; font-size: .58rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }.notice-copy p { margin: 3px 0 0; color: #345456; font-size: .72rem; line-height: 1.38; }.panel-link { display: inline-flex; padding-top: 13px; color: var(--teal); font-size: .69rem; font-weight: 700; border-top: 1px solid var(--line); width: 100%; }.panel-link span { color: var(--coral); margin-left: auto; font-size: 1rem; }.events-wrap { overflow: hidden; }.events-header { justify-content: space-between; }.carousel-actions { display: flex; gap: 7px; }.carousel-actions button { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid #b9cdca; color: var(--teal); background: transparent; border-radius: 50%; }.carousel-actions button:hover { background: var(--teal); color: white; }.event-list { display: flex; gap: 14px; transition: transform .35s ease; }.event-card { flex: 0 0 calc(50% - 7px); min-width: 0; background: #f5f2e9; }.event-image { height: 149px; overflow: hidden; }.event-image img { height: 100%; width: 100%; object-fit: cover; }.event-info { padding: 14px 14px 16px; }.event-meta { display: flex; justify-content: space-between; gap: 6px; color: #d26f54; font-size: .58rem; text-transform: uppercase; letter-spacing: .09em; font-weight: 700; }.event-info h4 { margin: 9px 0 5px; color: var(--ink); font-family: var(--heading); font-size: 1.18rem; line-height: 1.13; letter-spacing: -.03em; }.event-info p { margin: 0; color: var(--ink-soft); font-size: .69rem; line-height: 1.45; }.loading-state { color: var(--ink-soft); font-size: .8rem; }

.gallery-section { padding: 89px 0; position: relative; isolation: isolate; background: var(--teal); overflow: hidden; }.gallery-section:after { content: ''; z-index: -1; position: absolute; width: 780px; height: 780px; border: 1px dashed rgba(255,255,255,.13); border-radius: 50%; right: -350px; top: -190px; }.gallery-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 50px; align-items: center; }.gallery-copy h2 { color: white; font-size: clamp(2.5rem, 4.5vw, 4rem); }.gallery-copy p:not(.eyebrow) { color: #cae2dd; margin: 20px 0 27px; max-width: 375px; font-size: .88rem; }.gallery-collage { min-height: 332px; position: relative; }.gallery-image { position: absolute; overflow: hidden; box-shadow: 8px 10px 0 rgba(5,52,54,.25); }.gallery-image img { width: 100%; height: 100%; object-fit: cover; }.image-a { width: 48%; height: 275px; left: 4%; top: 27px; transform: rotate(-4deg); }.image-b { width: 40%; height: 232px; right: 1%; top: 0; transform: rotate(5deg); }.image-c { width: 34%; height: 176px; right: 23%; bottom: 0; transform: rotate(-1deg); border: 6px solid #f7c657; }.gallery-scribble { position: absolute; top: 44%; left: -9px; color: var(--gold); font-size: 3rem; }

.birthday-highlight { position: relative; overflow: hidden; background: #fffaf0; }.birthday-highlight:after { content: '✦'; position: absolute; right: 5%; top: 28px; color: #f4c557; font-size: 4.5rem; opacity: .22; transform: rotate(15deg); }.birthday-highlight-top { display: flex; justify-content: space-between; align-items: end; gap: 28px; margin-bottom: 33px; }.birthday-highlight-top h2 { margin: 0; color: var(--ink); font-family: var(--heading); font-size: clamp(2.3rem, 4vw, 3.75rem); line-height: .98; letter-spacing: -.045em; }.birthday-highlight-top h2 em { color: var(--coral); font-weight: 400; }.home-birthday-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }.home-birthday-card { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 18px; background: white; border: 1px solid var(--line); border-radius: 4px; box-shadow: 0 9px 25px rgba(19,60,60,.05); }.birthday-avatar { display: grid; place-items: center; flex: 0 0 54px; width: 54px; height: 54px; overflow: hidden; color: white; background: var(--teal); border: 4px solid #fae0a3; border-radius: 50%; font-family: var(--heading); font-size: 1.45rem; }.birthday-avatar img { width: 100%; height: 100%; object-fit: cover; }.home-birthday-card small { color: var(--coral); font-size: .58rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.home-birthday-card h3 { overflow: hidden; margin: 3px 0 2px; color: var(--ink); font-family: var(--heading); font-size: 1.15rem; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }.home-birthday-card p, .birthday-empty { margin: 0; color: var(--ink-soft); font-size: .69rem; }.birthday-empty { grid-column: 1 / -1; padding: 24px; background: white; border: 1px dashed #c7d7d2; text-align: center; }

.admissions-section { background: #fff8eb; }.admissions-grid { display: grid; grid-template-columns: .93fr 1.07fr; gap: clamp(45px, 8vw, 110px); align-items: center; }.admission-copy > p:not(.eyebrow) { max-width: 430px; color: var(--ink-soft); font-size: .92rem; }.admission-benefits { display: grid; gap: 9px; margin-top: 25px; color: var(--teal); font-size: .8rem; font-weight: 700; }.admission-form { padding: 27px; background: white; box-shadow: 0 19px 45px rgba(112,79,25,.12); border-top: 4px solid var(--gold); }.form-heading { display: flex; gap: 12px; align-items: center; padding-bottom: 19px; margin-bottom: 17px; border-bottom: 1px solid var(--line); }.form-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; color: var(--teal); background: #f9d979; }.form-heading h3 { margin: 0; font-family: var(--heading); font-size: 1.55rem; letter-spacing: -.03em; }.form-heading p { margin: 0; color: var(--ink-soft); font-size: .71rem; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.admission-form label { display: grid; gap: 5px; margin-bottom: 12px; color: #496567; font-size: .68rem; font-weight: 700; }.admission-form input, .admission-form select, .admission-form textarea { width: 100%; padding: 10px 11px; color: var(--ink); border: 1px solid #cddbd6; border-radius: 3px; background: #fffefa; font-size: .76rem; font-weight: 500; outline: 0; transition: border .2s, box-shadow .2s; }.admission-form input:focus, .admission-form select:focus, .admission-form textarea:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(14,94,99,.1); }.admission-form textarea { resize: vertical; }.admission-form .button { width: 100%; margin-top: 1px; }.form-status { min-height: 19px; margin: 10px 0 0; text-align: center; color: var(--teal); font-size: .72rem; font-weight: 600; }.form-status.error { color: #bc4537; }

.contact-strip { padding: 46px 0; color: white; background: #0b474b; }.contact-strip-content { display: flex; justify-content: space-between; align-items: center; gap: 35px; }.contact-strip .eyebrow { margin-bottom: 7px; }.contact-strip h2 { color: white; font-size: clamp(2rem, 3vw, 3rem); }.contact-details { display: grid; gap: 8px; color: #d6e9e3; font-size: .79rem; }.contact-details a, .contact-details p { margin: 0; }.contact-details span { display: inline-grid; width: 22px; color: var(--gold); }

.site-footer { padding: 60px 0 17px; color: #b9d2cc; background: #082f33; }.footer-grid { display: grid; grid-template-columns: 1.5fr .8fr .9fr 1fr; gap: 48px; padding-bottom: 43px; }.site-footer .brand { color: white; }.site-footer .brand-mark { border-color: #d4ede5; }.site-footer .brand-mark:before { border-color: #d4ede5; }.site-footer .brand-mark i, .site-footer .brand-mark b { background: #d4ede5; }.site-footer .brand-copy small { color: #9ebfba; }.footer-brand > p { max-width: 290px; margin: 19px 0 0; font-size: .73rem; line-height: 1.7; }.footer-brand .motto { color: #f3c555; font-family: var(--tamil); font-size: .88rem; }.footer-grid h3 { margin: 4px 0 16px; color: #f4ce6c; font-size: .67rem; letter-spacing: .1em; text-transform: uppercase; }.footer-grid > div:not(.footer-brand) { display: grid; align-content: start; gap: 7px; }.footer-grid > div:not(.footer-brand) > a, .footer-grid > div:not(.footer-brand) > p { color: #b9d2cc; font-size: .72rem; }.footer-grid > div:not(.footer-brand) > p { margin: 0; line-height: 1.6; }.footer-cta { color: #f5cd63 !important; font-weight: 700; margin-top: 8px; }.footer-cta span { font-size: 1rem; margin-left: 5px; }.footer-bottom { display: flex; justify-content: space-between; gap: 10px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.12); color: #7ba09a; font-size: .62rem; }.footer-bottom p { margin: 0; }

.mobile-bar, .back-to-top { display: none; }.reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }.reveal.is-visible { opacity: 1; transform: translateY(0); }.reveal-delay { transition-delay: .1s; }.reveal-delay-2 { transition-delay: .2s; }.reveal-delay-3 { transition-delay: .3s; }

body.high-contrast { --ink: #071d1f; --ink-soft: #183d3e; --teal: #004d52; --paper: #fff; --cream: #fff; --line: rgba(0,0,0,.4); }.high-contrast .utility-bar { background: #000; }.high-contrast .site-header, .high-contrast .admission-form, .high-contrast .notices-panel, .high-contrast .events-wrap { background: #fff; }.high-contrast .announcement { background: #ffea80; color: #000; }.high-contrast .value-card, .high-contrast .event-card { border: 2px solid #000; }.high-contrast .site-footer { background: #000; }

@media (max-width: 900px) {
  .main-nav { gap: 16px; margin-right: 18px; }.header-cta { display: none; }.hero-grid { gap: 37px; }.hero h1 { font-size: clamp(3rem, 6.3vw, 4.4rem); }.hero-art { min-height: 360px; }.hero-photo-wrap { height: 315px; }.programmes-grid { grid-template-columns: 1.2fr 1fr 1fr; }.programme-card.ochre { display: none; }.values-grid { grid-template-columns: repeat(2, 1fr); }.value-card { min-height: 190px; }.headmaster-grid { gap: 30px; }.footer-grid { gap: 25px; }.activity-grid { grid-template-columns: 1.2fr 1fr 1fr; }
}
@media (max-width: 700px) {
  .shell { width: min(100% - 34px, 560px); }.section { padding: 72px 0; }.utility-content { min-height: 34px; }.utility-content > p { display: none; }.utility-actions { margin-left: auto; }.site-header { top: 0; }.header-content { height: 67px; }.brand-mark { width: 38px; height: 38px; }.brand-copy strong { font-size: 1.03rem; }.brand-copy small { font-size: .51rem; }.menu-toggle { display: block; }.main-nav { display: none; position: absolute; left: 0; right: 0; top: 67px; margin: 0; padding: 15px 18px 19px; background: #fffdf8; border-bottom: 1px solid var(--line); box-shadow: 0 11px 19px rgba(20,57,58,.1); }.main-nav.is-open { display: grid; gap: 4px; }.main-nav a { padding: 10px 3px; }.announcement-content { min-height: 46px; font-size: .69rem; }.announcement-content a { display: none; }.hero { padding: 61px 0 82px; }.hero-grid { grid-template-columns: 1fr; gap: 36px; }.hero h1 { font-size: clamp(2.88rem, 13.5vw, 4.2rem); }.hero-copy { font-size: .9rem; margin: 19px 0 24px; }.hero-trust { margin-top: 28px; }.hero-art { width: min(100%, 380px); min-height: 327px; margin: 0 auto; }.hero-photo-wrap { width: 78%; height: 291px; right: 12%; }.note-top { top: 83px; left: 0; }.note-bottom { right: 0; bottom: 25px; }.sun { right: 0; top: 0; }.pencil-pencil { left: 31%; }.hero-wave { height: 37px; bottom: -19px; }.stats-grid { grid-template-columns: 1fr 1fr; }.stats-grid article { padding: 17px 17px; }.stats-grid article + article:before { top: 20px; }.stats-grid article:nth-child(3):before { display: none; }.stats-grid article:nth-child(n+3) { border-top: 1px solid var(--line); }.stats-grid strong { font-size: 1.65rem; }.welcome { padding-top: 68px; }.welcome-grid, .headmaster-grid, .gallery-grid, .admissions-grid { grid-template-columns: 1fr; }.image-composition { min-height: 379px; width: min(100%, 410px); }.image-main { height: 345px; }.experience-badge { right: 0; }.section-copy h2 { margin-bottom: 18px; }.values-grid { gap: 11px; }.value-card { min-height: 180px; padding: 18px 15px; }.value-card h3 { margin-top: 13px; font-size: 1.2rem; }.programme-top { grid-template-columns: 1fr auto; gap: 20px; }.programme-top .programme-intro { grid-column: span 2; grid-row: 2; }.programme-top .round-link { grid-column: 2; grid-row: 1; }.programmes-grid { grid-template-columns: 1fr 1fr; gap: 10px; }.programme-card { min-height: 250px; padding: 17px 14px; }.programme-card.featured { grid-column: span 2; min-height: 260px; }.programme-content { padding: 18px; }.programme-card h3 { font-size: 1.22rem; }.programme-card p { font-size: .68rem; }.mini-illustration { transform: scale(.8); margin: 12px auto 12px; }.headmaster-section { padding-top: 72px; }.headmaster-quote { padding-left: 31px; }.headmaster-quote blockquote { font-size: 1.8rem; }.headmaster-art { width: min(100%, 350px); margin: 0 auto; }.activity-section { padding-bottom: 72px; }.row-heading { align-items: end; }.row-heading .button-outline { display: none; }.activity-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 215px 165px 165px; gap: 10px; }.activity-card.large { grid-column: span 2; grid-row: span 1; }.quote-card { padding: 19px; }.quote-card p { font-size: 1.2rem; }.update-layout { grid-template-columns: 1fr; }.notices-panel, .events-wrap { padding: 20px; }.event-card { flex-basis: 100%; }.gallery-section { padding: 71px 0; }.gallery-collage { min-height: 285px; }.image-a { height: 224px; }.image-b { height: 193px; }.image-c { height: 143px; }.admission-copy { margin-bottom: 3px; }.admission-form { padding: 21px 17px; }.form-grid { grid-template-columns: 1fr; gap: 0; }.contact-strip { padding: 37px 0; }.contact-strip-content { display: block; }.contact-details { margin-top: 23px; }.site-footer { padding-bottom: 82px; }.footer-grid { grid-template-columns: 1fr 1fr; gap: 34px 22px; }.footer-brand { grid-column: span 2; }.footer-bottom { display: block; }.footer-bottom p + p { margin-top: 3px; }.mobile-bar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 70; height: 61px; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; background: rgba(255,253,248,.96); backdrop-filter: blur(11px); border-top: 1px solid var(--line); box-shadow: 0 -5px 18px rgba(20,57,58,.08); }.mobile-bar a, .mobile-bar button { display: grid; place-items: center; align-content: center; gap: 1px; border: 0; color: #456466; background: transparent; font-size: .54rem; line-height: 1.2; }.mobile-bar span { font-size: 1.1rem; color: var(--teal); }.mobile-bar .mobile-admission { align-self: stretch; padding-top: 5px; color: var(--teal); font-weight: 700; background: #f9ce68; }.mobile-admission span { color: var(--teal); font-size: 1.45rem; }.back-to-top { position: fixed; z-index: 30; right: 17px; bottom: 72px; width: 36px; height: 36px; color: white; background: var(--teal); border: 0; border-radius: 50%; box-shadow: var(--shadow); opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; }.back-to-top.show { opacity: 1; pointer-events: auto; }.back-to-top:hover { transform: translateY(-2px); }
}
@media (max-width: 390px) { .shell { width: calc(100% - 28px); }.hero h1 { font-size: 2.72rem; }.hero-actions .button { padding-inline: 14px; }.value-card p { font-size: .7rem; }.value-card h3 { font-size: 1.08rem; }.headmaster-photo { right: 14px; }.message-label { right: 0; }.footer-grid { gap: 29px 12px; } }
@media (max-width: 700px) {
  .main-nav { max-height: calc(100vh - 105px); overflow-y: auto; }
  .nav-more { padding: 0; }
  .nav-more summary { padding: 10px 3px; }
  .nav-more > div { position: static; width: auto; padding: 4px 0 4px 15px; border: 0; box-shadow: none; background: #f5f0e5; }
  .nav-more > div:before { display: none; }
  .nav-more > div a { padding: 8px 10px; }
  .birthday-highlight-top { display: block; margin-bottom: 25px; }
  .birthday-highlight-top .button { margin-top: 20px; }
  .home-birthday-list { grid-template-columns: 1fr; }
  .home-birthday-card { padding: 15px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.reveal { opacity: 1; transform: none; transition: none; } *, *:before, *:after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }