@import url('./ui-tokens.css');
.home-page{--ink:var(--ui-ink);--muted:var(--ui-muted);--cream:var(--ui-paper);--line:var(--ui-line)}
.home-page .site-header{min-height:84px;height:auto;padding-block:20px}
.home-page .hero{min-height:560px;gap:64px;padding-block:56px}
.home-page .hero h1{font-size:clamp(3.25rem,6vw,5.2rem);line-height:1.02}
.home-page .hero-copy>p:not(.eyebrow){font-size:1.0625rem;max-width:36ch}
.home-page .hero-visual img{border-radius:24px;aspect-ratio:1.15}
.home-page .hero-visual p{width:150px;height:150px;right:12px;bottom:-32px;transform:none;border:6px solid var(--ui-paper)}
.home-page .subjects{padding-block:72px}
.home-page .section-heading{margin-bottom:28px}
.home-page .section-heading h2,.home-page .experience h2{font-size:clamp(2.3rem,4vw,3.5rem);line-height:1.15}
.home-page .subject-card{background:#fff;min-height:290px;padding:24px;border-radius:var(--ui-radius);border-top:4px solid var(--card-accent);box-shadow:var(--ui-shadow)}
.home-page .subject-card h3{font:700 1.25rem/1.4 var(--ui-font);letter-spacing:-.025em}
.home-page .subject-card p{font-size:.9375rem;color:var(--ui-muted)}
.home-page .subject-card small{margin-top:24px;color:var(--ui-muted)}
.home-page .subject-card b{color:var(--card-accent)}
.home-page .subject-icon{color:var(--card-accent);background:var(--card-soft);width:52px;height:52px;border-radius:12px}
.home-page .maths{--card-accent:#4f55b6;--card-soft:#eeefff}.home-page .physics{--card-accent:#146da0;--card-soft:#e7f3fb}.home-page .chemistry{--card-accent:#a54d2d;--card-soft:#f8e9e2}.home-page .biology{--card-accent:#277655;--card-soft:#e6f2e8}
.home-page .experience{padding-block:72px;background:#173b3b}
.home-page .experience-grid{gap:64px}
.home-page .experience img{height:440px}
.home-page :is(a,button):focus-visible{outline:3px solid #246f79;outline-offset:5px;box-shadow:0 0 0 2px white}
.home-page [id]{scroll-margin-top:24px}
.home-page .site-header nav a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:850px){.home-page .site-header{flex-wrap:wrap;gap:12px}.home-page .site-header nav{display:flex;order:3;width:100%;margin:0;gap:24px}.home-page .class-link{margin-left:auto}.home-page .hero{min-height:0;gap:36px}.home-page .hero-visual{max-width:620px}.home-page .experience-grid{gap:32px}}
@media(max-width:560px){.home-page .site-header{padding-block:12px}.home-page .brand-descriptor{display:none}.home-page .hero{padding-block:36px 48px}.home-page .hero h1{font-size:3.25rem}.home-page .hero-visual p{width:120px;height:120px;bottom:-25px}.home-page .subject-card{min-height:245px}.home-page .subjects,.home-page .experience{padding-block:48px}.home-page .experience img{height:320px}}
@media(prefers-reduced-motion:reduce){.home-page,.home-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.home-page .subject-card:hover{transform:none}}