.services-hero { max-width: 63rem; padding: clamp(5rem, 11vw, 10rem) var(--page-pad) clamp(3rem, 6vw, 5rem); }.services-hero h1 { max-width: 52rem; margin: 0 0 1.5rem; }.services-hero h1 em { color: var(--gold); font-weight: 500; }.services-hero > p:last-child { max-width: 40rem; color: var(--ink-soft); font-size: 1.1rem; }.service-tabs { position: sticky; z-index: 10; top: 0; display: flex; overflow-x: auto; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(250,245,236,.95); backdrop-filter: blur(12px); }.service-tabs a { display: flex; min-width: max-content; flex: 1; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1rem var(--page-pad); border-right: 1px solid var(--line); color: var(--navy); font-size: .78rem; font-weight: 700; }.service-tabs a:first-child { border-left: 1px solid var(--line); }.service-tabs a:hover { background: var(--navy); color: var(--paper); }.service-tabs span { color: var(--gold); font-family: var(--font-label); font-size: .62rem; }.service-section { scroll-margin-top: 4rem; padding: clamp(5rem, 9vw, 8rem) var(--page-pad); }.service-section--cream { background: #eee2d0; }.service-section--navy { background: var(--navy-deep); color: rgba(255,255,255,.75); }.service-section__intro { display: grid; grid-template-columns: .23fr 1fr; gap: clamp(1.5rem, 5vw, 5rem); max-width: 70rem; margin-bottom: 3.5rem; }.service-section__intro > span { color: var(--gold); font-family: var(--font-label); font-size: .78rem; }.service-section__intro h2 { max-width: 43rem; margin: 0 0 1.25rem; }.service-section__intro p:not(.eyebrow) { max-width: 42rem; margin: 0; color: var(--ink-soft); font-size: 1.05rem; }.service-section--navy h2, .service-section--navy h3 { color: var(--paper); }.service-section--navy .service-section__intro p:not(.eyebrow) { color: rgba(255,255,255,.7); }.service-section__details { display: grid; grid-template-columns: 1.15fr .85fr; max-width: 70rem; border-top: 1px solid var(--line); }.service-section__details article, .service-section__details aside { padding: 2rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.service-section__details article { border-left: 1px solid var(--line); }.service-section__details svg { width: 1.5rem; color: var(--gold); }.service-section__details h3 { margin: 2.2rem 0 1rem; }.service-section__details ul { display: grid; gap: .55rem; padding-left: 1.1rem; color: var(--ink-soft); }.service-section__details aside { background: rgba(255,255,255,.45); }.service-section__details ol { display: grid; gap: 1.25rem; padding-left: 1.15rem; margin: 1.5rem 0 0; color: var(--ink-soft); font-family: var(--font-display); font-size: 1.15rem; }.service-section--navy .service-section__details { border-color: rgba(255,255,255,.2); }.service-section--navy .service-section__details article, .service-section--navy .service-section__details aside { border-color: rgba(255,255,255,.2); }.service-section--navy .service-section__details aside { background: rgba(255,255,255,.05); }.service-section--navy .service-section__details ul, .service-section--navy .service-section__details ol { color: rgba(255,255,255,.72); }.ielts-layout { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 6vw, 7rem); max-width: 70rem; }.ielts-layout h3 { margin: 0 0 1.5rem; }.ielts-table { border-top: 1px solid rgba(255,255,255,.25); }.ielts-table > div { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: .85rem 0; border-bottom: 1px solid rgba(255,255,255,.2); }.ielts-table__head { color: var(--gold-light); font-family: var(--font-label); font-size: .64rem; letter-spacing: .06em; text-transform: uppercase; }.ielts-bands { padding: 1.75rem; background: var(--paper); color: var(--ink); }.ielts-bands h3 { color: var(--navy); }.ielts-bands p:not(.eyebrow) { color: var(--ink-soft); }.ielts-bands ul { display: grid; gap: .45rem; padding-left: 1.1rem; margin: 1.25rem 0 1.75rem; color: var(--ink-soft); }.services-cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: clamp(4rem, 8vw, 7rem) var(--page-pad); background: var(--gold); }.services-cta h2 { margin: 0 0 .75rem; color: var(--navy-deep); }.services-cta p:not(.eyebrow) { margin: 0; }.services-cta .eyebrow { color: var(--navy); }.services-cta .button--gold { flex: 0 0 auto; background: var(--navy); }.services-cta .button--gold:hover { background: var(--navy-deep); }
@media (max-width: 760px) { .services-hero { padding-top: 4.5rem; }.service-tabs { scrollbar-width: thin; }.service-tabs a { flex: 0 0 auto; padding: 1rem 1.2rem; }.service-section__intro, .service-section__details, .ielts-layout { grid-template-columns: 1fr; }.service-section__intro > span { margin-bottom: -1rem; }.service-section__details article, .service-section__details aside { border-left: 1px solid var(--line); }.service-section--navy .service-section__details article, .service-section--navy .service-section__details aside { border-left-color: rgba(255,255,255,.2); }.services-cta { align-items: flex-start; flex-direction: column; } }
.services-hero { background-image: linear-gradient(90deg, rgba(250,245,236,.97), rgba(250,245,236,.76)), url('/images/counselling.jpg'); background-size: cover; background-position: center; }

.services-hero, .service-section__intro, .service-section__details, .ielts-layout { margin-inline: auto; }.services-cta { padding-inline: max(var(--page-pad), calc((100% - 86rem) / 2)); }

.services-hero { width: 100%; max-width: none; min-height: clamp(28rem, 48vw, 44rem); display: grid; align-content: center; padding-inline: clamp(1.25rem, 12vw, 16rem); }