.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:60px;align-items:center}.home-hero-photo img{display:block;width:100%;height:auto;max-height:500px;object-fit:cover;object-position:top;border-radius:6px}.home-page .hero h1{font-size:clamp(2.7rem,6vw,5rem);margin:20px 0}.home-page .hero-tagline{font:1.5rem/1.5 var(--serif)}.home-hub{padding:64px 0}.home-hub-header{max-width:720px;margin-bottom:32px;border:0}.home-hub-header h2{font-size:clamp(2rem,4vw,3rem)}.home-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.home-hub-card{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff}.home-hub-card h3{font-size:1.8rem;margin:0}.home-hub-card p{color:var(--muted);margin:0}.home-hub-card a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}.home-next-step{padding:56px 0;background:#172331;color:white}.home-next-step-inner{display:flex;gap:32px;justify-content:space-between;align-items:center}.home-next-step h2{font-size:2rem;color:white}.home-next-actions{display:flex;gap:12px;flex-wrap:wrap}.top-notice-bar{padding:10px 16px;background:#172331;color:white;text-align:center;font-size:.75rem}
@media(max-width:900px){.home-hero-grid{gap:28px}.home-next-step-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.home-hero-grid,.home-hub-grid{grid-template-columns:1fr}.home-hero-photo{max-width:420px}.home-page .hero{padding:40px 0}.home-page .hero h1{font-size:2.7rem}}
.home-feature { min-width:0; }
.home-course-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px 24px; margin-top:22px; }
.home-course-actions .button { display:inline-flex; align-items:center; justify-content:center; gap:16px; }
@media(max-width:600px) { .home-course-actions { align-items:stretch; flex-direction:column; } .home-course-actions .course-text-link { align-self:center; padding:10px; } }
.about-intro-panel { display:grid; grid-template-columns:280px minmax(0,1fr); gap:44px; align-items:center; padding:28px; background:#fff; border:1px solid #dfe5dc; border-radius:20px; box-shadow:0 12px 36px rgba(27,59,43,.04); }
.about-intro-portrait { position:relative; overflow:hidden; border-radius:12px; background:#172331; }
.about-intro-portrait picture { display:block; }
.about-intro-portrait img { width:100%; aspect-ratio:4/5; object-fit:cover; }
.about-portrait-label { position:absolute; bottom:0; inset-inline:0; padding:40px 18px 18px; background:linear-gradient(transparent,rgba(10,23,30,.9)); color:white; font-size:13px; letter-spacing:.04em; }
.home-page #explore .about-intro-copy h2 { margin:12px 0 16px; font-size:clamp(1.9rem,3.2vw,2.8rem); line-height:1.12; }
.home-page #explore .about-intro-copy p { font-size:.97rem; line-height:1.8; margin-bottom:20px; }
.about-focus-links { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 24px; }
.about-focus-links a { display:inline-flex; align-items:center; gap:10px; padding:9px 12px; border:1px solid #e0e7dc; border-radius:7px; background:#f5f7f2; color:#1b3b2b; font-size:12px; }
.about-focus-links a:hover { border-color:#aa884b; background:#f8f1e3; }
.about-intro-copy > .button { display:inline-flex; align-items:center; gap:18px; }
@media(max-width:900px) { .about-intro-panel { grid-template-columns:220px minmax(0,1fr); gap:28px; } }
@media(max-width:700px) { .about-intro-panel { grid-template-columns:1fr; padding:20px; gap:24px; } .about-intro-portrait img { aspect-ratio:16/10; object-position:center 35%; } .about-focus-links { gap:8px; } }
.home-page #explore { padding:36px 0 24px; }
.home-page #explore .home-hub-header { max-width:none; margin:0; }
.home-page #explore h2 { margin:0 0 12px; font-size:clamp(2rem,4vw,3rem); }
.home-page #explore p { max-width:780px; margin:0 0 12px; }
.home-page #explore .course-guide-link { margin-bottom:0; }
.home-page #home-academy { padding-top:32px; }
.home-feature .lite-video button { position:absolute; inset:0; display:grid; place-items:center; padding:0; }
.home-feature .lite-video button .play-symbol { display:grid; place-items:center; width:64px; height:64px; padding:0 0 0 4px; border:1px solid rgba(255,255,255,.65); border-radius:50%; background:rgba(23,35,49,.92); color:#e0bf83; font-size:26px; line-height:1; box-shadow:0 6px 24px rgba(0,0,0,.24); transition:transform .2s ease,background .2s ease; }
.home-feature .lite-video button:hover .play-symbol { transform:scale(1.08); background:#172331; }
.home-feature .lite-video button:focus-visible { outline:3px solid var(--gold); outline-offset:4px; }
@media(prefers-reduced-motion:reduce) { .home-feature .lite-video button .play-symbol { transition:none; } }
.home-academy-overview { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr); gap:40px; align-items:center; padding:36px; border:1px solid #dce5d8; border-radius:20px; background:linear-gradient(120deg,#fff,#eef4e9); }
.home-academy-overview h2 { margin:16px 0 20px; font-size:clamp(2rem,4vw,3.3rem); line-height:1.1; }
.home-academy-overview-copy > p { font-size:.98rem; line-height:1.85; color:#626860; max-width:580px; }
.home-academy-facts { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0; }
.home-academy-facts span { padding:7px 11px; border:1px solid #d9e4d2; border-radius:30px; color:#345437; background:#f5f8f1; font-size:11px; }
.home-academy-start { padding:26px; border-radius:14px; background:#1b3b2b; color:#fff; }
.home-academy-start img { border-radius:50%; width:64px; height:64px; }
.home-academy-start h3 { font-size:1.65rem; line-height:1.25; margin:22px 0 14px; color:#fff; }
.home-academy-start p { font-size:.86rem; line-height:1.85; color:#d9e5d8; }
.home-academy-start a { display:inline-flex; align-items:center; min-height:44px; color:#e7cf9a; font-size:.82rem; text-decoration:underline; text-underline-offset:4px; }
.home-academy-overview a:focus-visible { outline:3px solid #aa884b; outline-offset:4px; }
@media(max-width:700px) { .home-academy-overview { grid-template-columns:1fr; gap:24px; padding:24px; } }