.school{--ink:#17395c;--accent:#f43680;--soft:#eaf7ff;--paper:#f8fcff}.school-brand{font-size:27px;letter-spacing:-.09em}.school-brand b{display:inline-block;font-size:1.15em;transform:rotate(-9deg);margin-left:2px}.school-brand small{letter-spacing:.13em;font-size:8px}.school-hero{height:min(730px,calc(100vh - 108px));min-height:650px}.school-hero img{object-position:center 53%}.sky .school-hero:after{background:linear-gradient(90deg,rgba(4,83,157,.72) 0%,rgba(7,100,187,.45) 37%,rgba(7,100,187,.08) 67%,transparent 86%)}.school-hero .hero-content{max-width:710px;padding-top:clamp(75px,7vw,108px)}.school-hero h1{font-size:clamp(60px,7vw,105px);line-height:1.15;text-shadow:0 5px 20px #003b7566}.school-hero h1 span:last-child{position:relative;width:max-content}.school-hero h1 span:last-child:after{content:'';display:block;height:8px;background:var(--accent);position:absolute;left:0;right:0;bottom:-8px;transform:rotate(-2deg)}.school-hero .hero-script{color:white;font-size:clamp(30px,3.5vw,52px);white-space:nowrap;margin:15px 0 2px 10%;text-shadow:0 2px 8px #003a6d66}.school-hero .hero-lead{font-size:18px;line-height:1.75;margin:16px 0 27px}.school-hero .hero-kicker{background:#fff2}.school-hero .hero-note{background:var(--accent);right:5%;bottom:54px;font-size:17px;line-height:1.45;transform:rotate(7deg);padding:17px 20px}.school-about h2::first-line{color:var(--ink)}.school-about h2{position:relative}.school-about h2:after{content:'✳';color:var(--accent);font-size:32px;position:absolute;top:-24px;right:15%}.learning-scene{display:grid;grid-template-columns:1.2fr .8fr;min-height:480px;background:#dcefff}.learning-photo{overflow:hidden;min-height:480px}.learning-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.learning-quote{background:var(--ink);color:#fff;padding:clamp(40px,5vw,75px);display:flex;flex-direction:column;justify-content:center}.learning-quote span{font-size:11px;font-weight:900;letter-spacing:.17em;color:#91dbff;margin-bottom:30px}.learning-quote strong{font-size:clamp(30px,3vw,48px);line-height:1.5;letter-spacing:-.07em}.learning-quote p{font-size:14px;font-weight:600;line-height:1.9;margin-top:25px}.school .offers .offer{border-top-width:6px}.school .offer .mark{font-size:56px}.courses{background:#fff}.course-list{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.course-list article{border:1px solid #b8d8e9;background:#f7fcff;padding:30px;min-height:310px;position:relative;overflow:hidden}.course-list article:before{content:'';position:absolute;width:80px;height:80px;border:1px solid #b8d8e9;border-radius:50%;right:-35px;top:-34px;background:#e4f5ff}.course-list article:nth-child(2){background:#eef9ff}.course-list article:nth-child(3){background:#e4f3ff}.course-list article>span{font-size:10px;color:#2677ad;font-weight:900;letter-spacing:.14em}.course-list h3{font-size:clamp(30px,3.1vw,44px);margin:27px 0 10px;letter-spacing:-.06em}.course-list p{font-size:13px;line-height:1.7;font-weight:700;min-height:45px}.course-list ul{padding:18px 0 0 1.2em;margin:18px 0 0;border-top:1px solid #bdd9e8}.course-list li{font-size:12px;line-height:1.9;font-weight:600}.course-list li::marker{color:var(--accent)}.course-note{font-size:11px;color:#5f6d7a;line-height:1.8;margin-top:25px}.school .contact{background:#153659}.school .footer{background:#102940}.school .footer strong{font-size:33px}.school .footer strong b{color:var(--accent)}
@media(max-width:1000px){.school .nav{gap:16px}.school .nav a{font-size:11px}.school-hero h1{font-size:clamp(60px,7vw,85px)}.school-hero .hero-script{font-size:38px}.learning-scene{min-height:400px}.learning-photo{min-height:400px}}
@media(max-width:700px){.school-brand{font-size:22px}.school-hero{min-height:830px;height:auto}.school-hero img{object-position:61% center}.sky .school-hero:after{background:linear-gradient(180deg,rgba(3,79,149,.7),rgba(6,105,194,.35) 42%,transparent 68%)}.school-hero .hero-content{padding:52px 23px 0}.school-hero h1{font-size:clamp(52px,13vw,78px)}.school-hero .hero-script{font-size:clamp(24px,6vw,37px);margin:14px 0 0 6%}.school-hero .hero-lead{font-size:14px;margin:13px 0 20px}.school-hero .hero-note{right:18px;bottom:65px;font-size:12px;padding:11px 14px}.learning-scene{grid-template-columns:1fr}.learning-photo{min-height:300px;height:300px}.learning-quote{padding:45px 24px}.learning-quote strong{font-size:35px}.course-list{grid-template-columns:1fr}.course-list article{min-height:0;padding:25px}.course-list h3{margin-top:18px;font-size:34px}.course-list p{min-height:0}.course-list ul{margin-top:13px;padding-top:12px}.school-about h2:after{right:0;font-size:25px}}
@media(min-width:701px){.school-hero .hero-content{padding-top:65px}.school-hero h1{font-size:clamp(60px,6.2vw,94px)}.school-hero .hero-script{font-size:clamp(30px,3vw,44px);margin-top:10px}.school-hero .hero-lead{font-size:16px;margin:10px 0 21px}}