/* A tighter rhythm for the public homepage, without shrinking reading text. */
body.sterling-refresh .section-pad{padding-top:58px;padding-bottom:58px}
body.sterling-refresh .section-heading{margin-bottom:27px}
body.sterling-refresh .section-heading h2,
body.sterling-refresh section>div>h2{font-size:clamp(28px,2.9vw,36px)}

body.sterling-refresh .site-header.unified-header{min-height:74px;padding-top:11px;padding-bottom:11px}
body.sterling-refresh .refresh-hero{min-height:490px;gap:46px;padding-top:52px;padding-bottom:52px}
body.sterling-refresh .refresh-hero h1{font-size:clamp(39px,4.1vw,54px);margin-bottom:18px}
body.sterling-refresh .refresh-hero .hero-sub{font-size:16px;line-height:1.65;margin-bottom:21px}
body.sterling-refresh .hero-practical{margin-top:17px}
body.sterling-refresh .hero-review{padding:21px 23px 18px}
body.sterling-refresh .hero-review blockquote{font-size:17px;line-height:1.57;margin:19px 0 17px}
body.sterling-refresh .refresh-facts{padding:17px 0}
body.sterling-refresh .school-showcase{--school-slot:126px;--school-mark:68px;padding:29px 0 25px}
body.sterling-refresh .school-showcase h2{font-size:22px!important;margin-bottom:19px}

body.sterling-refresh .why-pillars{gap:18px}
body.sterling-refresh .why-pillar{padding:22px 21px}
body.sterling-refresh .why-pillar>.sketch-icon{width:53px;height:53px;margin-bottom:17px}
body.sterling-refresh .why-pillar h3{font-size:24px}
body.sterling-refresh .why-pillar .pillar-lead{font-size:16px;margin-bottom:12px}
body.sterling-refresh .pillar-why{font-size:16px;line-height:1.55;margin-bottom:16px}
body.sterling-refresh .pillar-solutions>summary{min-height:49px;padding:10px 0;font-size:15px}
body.sterling-refresh .pillar-solutions .pillar-features h4{font-size:16px}
body.sterling-refresh .pillar-features p{font-size:16px;line-height:1.55}
body.sterling-refresh .benefits-section .why-grid{gap:16px}
body.sterling-refresh .benefits-section .why-grid article{display:flex;align-items:center;gap:16px;min-height:104px;padding:18px 20px}
body.sterling-refresh .benefits-section .why-grid article>.sketch-icon{flex:0 0 55px;margin:0}
body.sterling-refresh .benefits-section .why-grid h3{font-size:19px;line-height:1.35;margin:0}

body.sterling-refresh .inside-heading{gap:32px;margin-bottom:18px}
body.sterling-refresh .inside-heading h2{font-size:clamp(28px,2.9vw,37px)!important}
body.sterling-refresh .inside-heading>p{font-size:15px}
body.sterling-refresh .inside-tab{min-height:47px}
body.sterling-refresh .inside-panel{gap:26px;padding:23px 25px}
body.sterling-refresh .inside-copy h3{font-size:clamp(25px,2.4vw,32px)}
body.sterling-refresh .inside-board{padding:17px 19px 19px}
body.sterling-refresh .inside-board h4{font-size:19px}
body.sterling-refresh .inside-feature-list>div{padding:9px 11px}
body.sterling-refresh .question-bank-preview{padding:18px 21px}

body.sterling-refresh .consultation-section{gap:44px}
body.sterling-refresh .consultation-points article>.sketch-icon{width:49px;height:49px;margin-bottom:13px}
body.sterling-refresh .consultation-points h3{font-size:16px}
body.sterling-refresh .refresh-tutor{grid-template-columns:290px 1fr;gap:45px}
body.sterling-refresh .refresh-tutor .portrait-crop{width:250px;height:250px}
body.sterling-refresh .refresh-tutor .portrait-crop img{display:block;width:100%;height:100%;margin:0;border-radius:0;object-fit:cover;object-position:center;transform:translate(10%,-20%) scale(1.42);transform-origin:center}
body.sterling-refresh .tutor-detail h3{font-size:26px;margin-bottom:12px}
body.sterling-refresh .programme-pair{gap:20px}
body.sterling-refresh .programme-pair article{padding:23px}
body.sterling-refresh .programme-pair h3{font-size:25px}
body.sterling-refresh .refresh-fees{gap:55px}
body.sterling-refresh .fee-card{padding:25px}
body.sterling-refresh .fee-amount{font-size:41px;margin-bottom:14px}
body.sterling-refresh .refresh-location{gap:52px}
body.sterling-refresh .location-note{padding:22px}
body.sterling-refresh .perk-grid article{padding:22px}
body.sterling-refresh .refresh-reviews{padding:56px 0}
body.sterling-refresh .student-review{width:420px;flex-basis:420px;padding:21px 23px}
body.sterling-refresh .student-review blockquote{font-size:16px;margin:14px 0}
body.sterling-refresh .refresh-faq{gap:42px}
body.sterling-refresh .refresh-faq summary{padding:16px 2px}
body.sterling-refresh .refresh-enquiry{gap:44px}
body.sterling-refresh .refresh-enquiry .contact-form{padding:23px}
body.sterling-refresh .form-grid{gap:13px}

@media(max-width:1100px){
  body.sterling-refresh .refresh-tutor{grid-template-columns:250px 1fr;gap:34px}
  body.sterling-refresh .consultation-section{gap:26px}
}
@media(max-width:760px){
  body.sterling-refresh .section-pad{padding:39px 18px}
  body.sterling-refresh .section-heading{margin-bottom:21px}
  body.sterling-refresh .section-heading h2,
  body.sterling-refresh section>div>h2{font-size:27px}
  body.sterling-refresh .site-header.unified-header{min-height:67px;padding:10px 18px}
  body.sterling-refresh .refresh-hero{min-height:0;gap:22px;padding-top:36px;padding-bottom:37px}
  body.sterling-refresh .refresh-hero h1{font-size:clamp(36px,9vw,46px);margin-bottom:15px}
  body.sterling-refresh .hero-review{padding:17px 18px 14px}
  body.sterling-refresh .hero-review blockquote{font-size:16px;line-height:1.55;margin:16px 0 13px}
  body.sterling-refresh .refresh-facts{margin:0 18px;padding:15px 0;gap:9px}
  body.sterling-refresh .school-showcase{--school-slot:100px;--school-mark:59px;padding:24px 0 20px}
  body.sterling-refresh .school-showcase h2{font-size:20px!important;margin-bottom:16px}
  body.sterling-refresh .why-pillars-section .section-heading>p:last-child{font-size:15px;line-height:1.55}
  body.sterling-refresh .why-pillar{padding:19px 17px}
  body.sterling-refresh .why-pillar>.sketch-icon{width:48px;height:48px;margin-bottom:13px}
  body.sterling-refresh .why-pillar h3{font-size:23px}
  body.sterling-refresh .why-pillar .pillar-lead{font-size:16px;line-height:1.48}
  body.sterling-refresh .pillar-why{font-size:16px;line-height:1.5;margin-bottom:12px}
  body.sterling-refresh .pillar-solutions>summary{min-height:45px;padding:8px 0;font-size:14px}
  body.sterling-refresh .benefits-section .why-grid article{min-height:88px;padding:15px 17px}
  body.sterling-refresh .benefits-section .why-grid article>.sketch-icon{flex-basis:48px;width:48px;height:48px}
  body.sterling-refresh .benefits-section .why-grid h3{font-size:18px}
  body.sterling-refresh .inside-sterling.section-pad{padding:34px 18px 36px}
  body.sterling-refresh .inside-heading{margin-bottom:12px}
  body.sterling-refresh .inside-heading h2{font-size:26px!important}
  body.sterling-refresh .inside-tab{min-height:44px}
  body.sterling-refresh .inside-tab strong{font-size:13px}
  body.sterling-refresh .inside-panel{gap:9px;padding:11px 11px 14px}
  body.sterling-refresh .inside-copy h3{font-size:21px}
  body.sterling-refresh .inside-copy p{font-size:15px;line-height:1.42}
  body.sterling-refresh .inside-board{padding:11px}
  body.sterling-refresh .inside-feature-list>div{padding:7px 8px}
  body.sterling-refresh .question-bank-preview{padding:15px}
  body.sterling-refresh .question-bank-preview h3{font-size:17px}
  body.sterling-refresh .question-bank-preview p:last-child{font-size:14px}
  body.sterling-refresh .consultation-section{gap:22px}
  body.sterling-refresh .consultation-points article>.sketch-icon{width:44px;height:44px;margin-bottom:10px}
  body.sterling-refresh .refresh-tutor{grid-template-columns:1fr;gap:22px}
  body.sterling-refresh .refresh-tutor .portrait-crop{width:215px;height:215px}
  body.sterling-refresh .tutor-detail h3{font-size:24px}
  body.sterling-refresh .programme-pair article{padding:19px}
  body.sterling-refresh .programme-pair h3{font-size:23px}
  body.sterling-refresh .refresh-fees{gap:22px}
  body.sterling-refresh .fee-card{padding:20px}
  body.sterling-refresh .fee-amount{font-size:37px}
  body.sterling-refresh .refresh-location{gap:22px}
  body.sterling-refresh .location-note{padding:18px}
  body.sterling-refresh .perk-grid article{padding:18px}
  body.sterling-refresh .refresh-reviews{padding:41px 0}
  body.sterling-refresh .student-review{width:min(410px,calc(100vw - 36px));flex-basis:min(410px,calc(100vw - 36px));padding:18px}
  body.sterling-refresh .refresh-faq{gap:8px}
  body.sterling-refresh .refresh-faq summary{font-size:15px;padding:15px 2px}
  body.sterling-refresh .refresh-enquiry{gap:22px}
  body.sterling-refresh .refresh-enquiry .contact-form{padding:18px}
}

/* Six benefits: six distinct, equally soft sticker colours. */
body.sterling-refresh #benefits .why-grid article:nth-child(1)>.sketch-icon{--sticker-fill:#5295c7;--sticker-ink:#214d70;background:#e4f0fa;box-shadow:0 0 0 1px #9ebdd4,3px 4px 0 #c8deed}
body.sterling-refresh #benefits .why-grid article:nth-child(2)>.sketch-icon{--sticker-fill:#51a699;--sticker-ink:#245e58;background:#e3f1ed;box-shadow:0 0 0 1px #9ebfb7,3px 4px 0 #c9e2dc}
body.sterling-refresh #benefits .why-grid article:nth-child(3)>.sketch-icon{--sticker-fill:#9782c4;--sticker-ink:#58427e;background:#eee8f7;box-shadow:0 0 0 1px #b9abd4,3px 4px 0 #dcd1eb}
body.sterling-refresh #benefits .why-grid article:nth-child(4)>.sketch-icon{--sticker-fill:#d7887a;--sticker-ink:#874b40;background:#fae8e3;box-shadow:0 0 0 1px #d8aca2,3px 4px 0 #edd0c7}
body.sterling-refresh #benefits .why-grid article:nth-child(5)>.sketch-icon{--sticker-fill:#d5ad58;--sticker-ink:#765923;background:#fff1ce;box-shadow:0 0 0 1px #d5bc86,3px 4px 0 #eedbaa}
body.sterling-refresh #benefits .why-grid article:nth-child(6)>.sketch-icon{--sticker-fill:#8daa65;--sticker-ink:#546b36;background:#eef3e2;box-shadow:0 0 0 1px #b9c79b,3px 4px 0 #dce7c7}
body.sterling-refresh #benefits .why-grid article>.sketch-icon svg>circle:nth-child(2){fill:#f7faf2}

/* One supplied teaching photograph supports the consultation section. */
body.sterling-refresh .consultation-visual{min-width:0;display:grid;gap:25px}
body.sterling-refresh .consultation-photo{margin:0;overflow:hidden;border:1px solid #ccdee9;border-radius:16px;background:#e7edf0}
body.sterling-refresh .consultation-photo img{display:block;width:100%;height:auto;aspect-ratio:6/5;object-fit:cover;object-position:50% 85%}
@media(max-width:690px){body.sterling-refresh .consultation-visual{gap:22px}body.sterling-refresh .consultation-photo{border-radius:12px}}
