/* Ballet art direction and a bounded rhythm for wide screens. */
:root{--content:1160px;--gutter:max(6%,calc((100vw - var(--content))/2))}
html{scroll-padding-top:80px}
header{height:74px;padding-inline:var(--gutter);background:#2e3f4cee}
h1,h2{font-family:'Cormorant Garamond',serif;font-weight:400;letter-spacing:-2px;line-height:1.04}
h1 em,h2 em{font-style:italic;line-height:1.1;display:inline-block;padding-bottom:.04em}
.hero{max-width:1400px;margin-inline:auto;min-height:0;height:min(690px,calc(100dvh - 74px));max-height:690px;grid-template-columns:1.05fr 1fr}
.hero-copy{padding:30px 7% 70px 8%;align-self:center}
.hero h1{font-size:clamp(66px,6.2vw,94px)}
.hero .eyebrow{margin-bottom:23px}
.hero-copy>p:not(.eyebrow){margin:20px 0 24px;max-width:360px;font-size:14px}
.hero-image{min-height:0;overflow:hidden}
.hero-image img{object-position:center 38%;filter:brightness(.88)}
.hero-image:after{background:linear-gradient(90deg,#2e3f4c,transparent 22%),linear-gradient(0deg,#2e3f4c,transparent 18%)}
.hero-word{font-size:clamp(120px,14vw,205px);letter-spacing:.03em;left:6%;bottom:-.1em;color:#c2d0db0d}
.button{padding:16px 21px}.small{padding:10px 16px}
.proof{padding:32px var(--gutter);gap:30px}.proof strong{font-size:43px}.proof p{margin-block:7px}
.manifesto{padding:74px var(--gutter) 65px}.manifesto h2{font-size:clamp(48px,4.6vw,68px)}
.manifesto-bottom{margin-top:28px;gap:45px;max-width:820px}.manifesto-bottom p{margin-top:0;font-size:14px}
.experience{padding:0 var(--gutter) 72px;gap:7%;grid-template-columns:1.08fr 1fr}
.experience-image{height:390px}.experience-image img{filter:none;object-position:40% center}
.experience h2{font-size:clamp(42px,4.5vw,62px)}.experience p{margin:22px 0;font-size:14px}
.courses{padding:68px var(--gutter)}h2{font-size:clamp(46px,4.7vw,68px)}
.section-intro p{margin:18px 0 28px;font-size:14px}.filters{margin-bottom:16px}
.course{padding:18px 0;grid-template-columns:40px 1.08fr 1fr 40px;gap:16px}.course h3{font-family:'Cormorant Garamond',serif;font-size:29px}.course p{margin:0;font-size:13px}.course a{width:38px;height:38px}
.dance-gallery{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;align-items:center;padding:70px var(--gutter) 0}
.gallery-photo{height:340px;overflow:hidden}.gallery-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.gallery-copy p{color:#c2d0db;font-size:14px;line-height:1.8;margin:22px 0;max-width:330px}
.teacher{padding:74px var(--gutter);gap:10%;grid-template-columns:.8fr 1fr}.teacher-number{font-size:200px}.teacher h2{font-size:62px;margin-bottom:20px}.teacher p{font-size:14px;margin:14px 0;max-width:470px}.teacher .eyebrow{font-size:10px;margin-bottom:20px;color:#c2d0db}
.steps{padding:0 var(--gutter) 70px}.step-grid{gap:48px;margin-top:35px}.step-grid h3{margin-top:16px}.step-grid span{font-size:40px}
.faq{padding:64px var(--gutter);gap:10%}details{padding:19px 0}
.contact{padding:70px var(--gutter);gap:8%}.contact h2{font-size:68px}.contact-copy>p:not(.eyebrow){margin:18px 0 25px;font-size:14px}form{padding:30px}form h3{font-family:'Cormorant Garamond',serif;font-size:35px;margin-bottom:22px}label{margin-top:18px}
footer{padding:35px var(--gutter) 15px}.footer-last{padding-top:20px;margin-top:8px}
@media(min-width:1600px){.hero{height:620px}.hero-copy{padding-left:120px}.hero h1{font-size:92px}.hero-word{font-size:180px}.manifesto,.courses,.teacher,.contact{padding-block:60px}.proof{padding-block:28px}.experience{padding-bottom:60px}.faq{padding-block:55px}}
@media(max-width:1000px) and (min-width:701px){.hero{height:610px}.hero h1{font-size:65px}.proof>div{display:block}.proof strong{font-size:35px}.experience-image{height:370px}.course{grid-template-columns:24px 1fr 1fr 38px}.course h3{font-size:26px}.teacher-number{font-size:160px}.gallery-photo{height:300px}.contact{gap:5%}form{padding:24px}}
@media(max-width:700px){:root{--gutter:7%}header{height:72px;padding-inline:6%}.hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column}.hero-copy{padding:44px 7% 22px;align-self:stretch}.hero h1{font-size:60px;letter-spacing:-2px}.hero .eyebrow{margin-bottom:20px}.hero-copy>p:not(.eyebrow){margin:16px 0 22px;max-width:315px;line-height:1.7}.hero-image{height:360px;width:100%}.hero-image img{object-position:center 35%}.hero-image:after{background:linear-gradient(180deg,#2e3f4c,transparent 15%),linear-gradient(0deg,#2e3f4c,transparent 15%)}.hero-word{font-size:100px;bottom:0;left:7%}.proof{padding-block:30px;gap:20px}.proof strong{font-size:34px}.proof>div:last-child{gap:20px}.manifesto{padding-block:55px 40px}.manifesto h2{font-size:44px}.manifesto-bottom{margin-top:22px}.experience{padding-bottom:50px;gap:25px}.experience-image{height:280px}.experience h2{font-size:44px}.experience p{max-width:100%;margin:17px 0}.courses{padding-block:50px}.section-intro h2{font-size:46px}.section-intro p{margin:18px 0 24px}.filters{gap:8px}.course{grid-template-columns:22px 1fr 38px;gap:8px;padding:20px 0}.course h3{font-size:28px}.course p{grid-column:2;grid-row:2;margin-top:6px;font-size:12px}.course a{grid-column:3;grid-row:1/3}.dance-gallery{grid-template-columns:1fr;padding-top:50px;gap:27px}.gallery-photo{height:260px}.gallery-copy h2{font-size:46px}.teacher{padding-block:50px;grid-template-columns:1fr;gap:35px}.teacher-number{font-size:130px}.teacher h2{font-size:56px}.steps{padding-bottom:50px}.step-grid{margin-top:28px;gap:20px}.step-grid h3{margin-top:8px}.faq{padding-block:50px;grid-template-columns:1fr;gap:25px}.contact{padding-block:50px;grid-template-columns:1fr;gap:30px}.contact h2{font-size:56px}form{padding:24px}footer{padding-bottom:100px}.mobile-cta{padding:15px}.footer-last{margin-top:20px}}
@media(max-width:360px){.hero h1{font-size:53px}.small{font-size:10px;padding:10px 12px}.brand span{letter-spacing:2px}.hero-copy .button{font-size:12px}}
.hero-image img{object-fit:contain;object-position:right center}.hero-image:after{background:linear-gradient(90deg,#2e3f4c,transparent 38%),linear-gradient(0deg,#2e3f4c,transparent 12%)}@media(max-width:700px){.hero-image img{object-fit:cover;object-position:center 35%}.hero-image:after{background:linear-gradient(180deg,#2e3f4c,transparent 15%),linear-gradient(0deg,#2e3f4c,transparent 15%)}}