@layer components{.school{--marketing-header-height:102px;--marketing-nav-height:80px;width:min(1200px,100% - 80px);margin:auto;padding:28px 0 80px}.school__breadcrumb{flex-wrap:wrap;gap:12px;font-size:.875rem;display:flex}.school__breadcrumb a{text-underline-offset:4px;text-decoration:underline}.school__hero{isolation:isolate;grid-template-columns:1.3fr 1fr;align-items:center;gap:48px;min-height:490px;padding:64px 0 80px;display:grid;position:relative;overflow:hidden}.school__hero-type{z-index:-1;font:700 clamp(8rem,22vw,18rem)/1 var(--font-en);letter-spacing:-.06em;color:#edf8ee;pointer-events:none;position:absolute;bottom:-36px;left:-6px}.school__eyebrow{color:#087a50;margin-bottom:20px;font-weight:500}.school h1{letter-spacing:0;color:var(--green);font-size:clamp(2rem,4.7vw,4rem);line-height:1.4}.school__lead{max-width:600px;margin-top:28px;font-size:clamp(1.125rem,2vw,1.5rem);font-weight:700;line-height:1.9}.school__hero-art{width:100%;max-width:420px;padding:24px}.school__corporate{margin:16px 0 40px}.school__corporate>a,.school__corporate>button{border:1px solid #b9dbc3;border-left:6px solid var(--green);text-align:left;width:100%;color:var(--black);background:#f1faf3;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;padding:22px 32px;transition:background .3s;display:flex}.school__corporate small{color:#087a50;margin-bottom:4px;font-size:.875rem;display:block}.school__corporate strong{font-size:1.125rem;font-weight:500}.school__corporate :is(a,button)>span:last-child{font-size:1.75rem;transition:translate .3s}.school__corporate :is(a,button):hover{background:#e6f5e9}.school__corporate :is(a,button):hover>span:last-child{translate:5px}.school__anchors{top:var(--marketing-header-height);z-index:15;background:#fff;border-block:1px solid #d3e8d8;gap:24px;padding:12px 0;display:flex;position:sticky;overflow:auto;box-shadow:0 5px 16px #3e3a3906}.school__anchors a{white-space:nowrap;align-items:center;gap:12px;min-height:44px;font-size:.875rem;display:flex;position:relative}.school__anchors .lucide-icon{color:#087a50}.school__anchors a[aria-current=location]{color:#087a50;font-weight:700}.school__anchors a[aria-current=location]:before{content:"";background:var(--green);height:3px;position:absolute;bottom:0;left:0;right:0}.school__section{scroll-margin-top:calc(var(--marketing-header-height) + var(--marketing-nav-height) + 28px);margin:96px 0}.school h2{margin-bottom:40px;font-size:clamp(1.375rem,2.4vw,2rem);line-height:1.6}.school h2>span{font:300 clamp(2.5rem,5vw,4rem)/1.1 var(--font-en);color:var(--green);margin-bottom:16px;display:block}.school__intro{grid-template-columns:1fr 1.25fr;align-items:start;gap:64px;display:grid}.school__intro h3{font-size:1.5rem;line-height:1.8}.school p{line-height:2}.school__diagram{background:#fff;border-radius:24px;margin:40px 0 0;padding:0;overflow:hidden}.school__diagram img{aspect-ratio:2;object-fit:cover;object-position:center 55%;width:100%;height:auto;display:block}.school__problems{background:#f1faf3;border-radius:28px;padding:48px}.school__problems>ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.school__problems li{background:#fff;border:1px solid #d3e8d8;border-radius:20px;padding:28px;position:relative}.school__problem-number{font:300 1.5rem var(--font-en);color:#087a50}.school__problems img{object-fit:contain;width:160px;height:160px;margin:8px auto 20px}.school__problems h3{font-size:1.125rem;line-height:1.9}.school__answer{max-width:880px;margin:36px auto 0;font-size:1.25rem;font-weight:500}.school__methods article{border-top:1px solid #d3e8d8;grid-template-columns:1fr 1.3fr;gap:64px;padding:44px 0;display:grid}.school__method-label{font:500 1.125rem var(--font-en);color:#087a50;margin-bottom:20px}.school__methods h3{font-size:1.5rem;line-height:1.8}.school__curriculum{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0;list-style:none;display:grid}.school__curriculum li{background:#fff;border:1px solid #d3e8d8;border-radius:16px;grid-template-columns:1fr;align-items:start;gap:16px;padding:24px;display:grid}.school__curriculum-number{font:300 2rem var(--font-en);color:#087a50}.school__curriculum img{object-fit:contain;justify-self:center;width:140px;max-width:100%;height:140px}.school__curriculum h3{grid-column:1/-1;font-size:1.0625rem;line-height:1.8}.school__plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.school__notes{margin-top:28px;font-size:.875rem}.school__notes p+p{margin-top:8px}@media (width<=1023px){.school__hero{gap:24px}.school__intro,.school__methods article{gap:36px}.school__problems{padding:32px}.school__problems>ul{gap:16px}.school__problems li{padding:20px}.school__curriculum{grid-template-columns:repeat(3,minmax(0,1fr))}.school__plans{grid-template-columns:1fr}.school__plans>.school-plan{width:100%;max-width:720px;margin:auto}}@media (width<=767px){.school{--marketing-header-height:56px;--marketing-nav-height:69px;width:calc(100% - 40px);padding-top:20px}.school__hero{grid-template-columns:1fr;gap:12px;min-height:0;padding:36px 0 44px}.school__hero-type{font-size:10rem;bottom:-18px}.school h1{font-size:2.25rem}.school__lead{margin-top:20px;font-size:1.125rem}.school__hero-art{justify-self:end;width:260px;padding:20px 0}.school__corporate{margin:12px 0 28px}.school__corporate>a,.school__corporate>button{gap:12px;padding:18px 20px}.school__corporate strong{font-size:1rem}.school__anchors{gap:24px;margin-inline:-20px;padding-inline:20px}.school__section{margin:64px 0}.school h2{margin-bottom:28px}.school__intro,.school__methods article{grid-template-columns:1fr;gap:24px}.school__intro h3,.school__methods h3{font-size:1.25rem}.school__diagram{border-radius:16px;margin-top:28px;padding:0}.school__problems{padding:28px 18px}.school__problems>ul{grid-template-columns:1fr;gap:20px}.school__problems li{grid-template-columns:1fr 104px;align-items:center;gap:12px;padding:20px;display:grid}.school__problems img{width:104px;height:104px;margin:0}.school__problems h3{grid-column:1/-1}.school__answer{margin-top:28px;font-size:1.125rem}.school__methods article{padding:32px 0}.school__curriculum{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.school__curriculum li{grid-template-columns:1fr;gap:12px;padding:18px 14px}.school__curriculum-number{font-size:1.5rem}.school__curriculum img{width:112px;height:112px}.school__curriculum h3{font-size:1rem}.school__plans{gap:24px}}@media (width<=359px){.school__curriculum{grid-template-columns:1fr}}.school .school__hero-type{white-space:nowrap;line-height:1}@media (width<=767px){.school h1{font-size:clamp(1.875rem,8.8vw,2.25rem)}}.school__corporate{justify-content:flex-end;margin:12px 0 32px;display:flex}.school__corporate>a{background:0 0;border:0;border-radius:0;gap:18px;width:auto;padding:8px 0}.school__corporate img{object-fit:contain;width:76px;height:64px}.school__corporate small{color:#686868;margin-bottom:2px;font-size:.75rem}.school__corporate a>span{font-size:.9375rem}.school__corporate a .school__corporate-arrow{color:#087a50;font-size:1.25rem}.school__corporate a:hover{color:#087a50;background:0 0}.school__about{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.school__about .school__intro{flex-direction:column;gap:24px;display:flex}.school__about h2{margin-bottom:0}.school__about h3{font-size:1.375rem}.school__about .school__diagram{border-radius:0;justify-self:end;width:100%;max-width:520px;margin:0;overflow:visible}.school__diagram img{aspect-ratio:auto;object-fit:contain;height:auto}.school__methods h3 strong{color:#087a50;font-weight:inherit}@media (width<=1023px){.school__about{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px}}@media (width<=767px){.school__corporate{margin:8px 0 24px}.school__corporate>a{gap:12px;padding:8px 0}.school__corporate img{width:60px;height:54px}.school__corporate a>span{font-size:.8125rem}.school__about{grid-template-columns:1fr;gap:28px}.school__about h3{font-size:1.25rem}.school__about .school__diagram{max-width:440px;margin-inline:auto}}}
