/* A spacious photographic stage, while keeping the conversion path short. */
.hero{display:block;max-width:1600px;height:min(760px,calc(100dvh - 92px));max-height:760px;min-height:580px;overflow:hidden;background:#2e3f4c}
.hero-image{position:absolute;inset:0 0 0 auto;width:82%;height:100%;z-index:1}
.hero-image img{width:100%;height:100%;object-fit:contain;object-position:right center;filter:none;animation:none!important}
.hero-image:after{background:linear-gradient(90deg,#2e3f4c 0%,#2e3f4cee 8%,#2e3f4c77 27%,transparent 48%),linear-gradient(0deg,#2e3f4c99,transparent 16%)}
.hero-copy{position:relative;width:52%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:35px 4% 80px 7%;z-index:3}
.hero h1{font-size:clamp(74px,6.2vw,108px);line-height:.98;letter-spacing:-3px}.hero h1 em{line-height:1.05}
.hero-copy>p:not(.eyebrow){font-size:16px;max-width:390px;line-height:1.7;margin:26px 0 30px}
.hero-copy .button{padding:19px 24px;min-height:60px}.hero-word{left:5%;font-size:180px;z-index:2;color:#c2d0db0a;bottom:0}
.hero-dancer{left:16%;bottom:20px;opacity:.075;width:360px;height:540px;z-index:0}.ballet-stage{z-index:0}.motion-toggle{bottom:22px;left:7%}
.studio-showcase{padding:0 var(--gutter) 76px}.studio-intro{max-width:680px;margin-bottom:32px}.studio-intro h2{font-size:clamp(48px,4.5vw,68px)}.studio-intro p{font-size:16px;color:#c2d0db;line-height:1.75;max-width:520px;margin:22px 0 0}
.studio-frame{position:relative;overflow:hidden;border-radius:8px;margin:0;background:#2e3f4c}.studio-frame picture{display:block;line-height:0}.studio-frame img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 43%}
.studio-caption{display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:12px;color:#c2d0db;border-bottom:1px solid #ffffff24}.studio-caption a{color:#c2d0db}.image-note{font-size:11px;color:#c2d0db;line-height:1.6;margin:12px 0 0}
.studio-frame:after{content:'';position:absolute;right:0;top:0;width:20%;height:42%;pointer-events:none;background:repeating-conic-gradient(from -18deg at 100% 0%,#fff0 0deg 6deg,#fff4 7deg,#c2d0db0b 8deg,#fff0 10deg);mask-image:radial-gradient(ellipse at top right,#000 10%,transparent 73%);opacity:.45}
@media(min-width:1800px){.hero{height:760px}.hero-copy{padding-left:120px}.hero h1{font-size:110px}.studio-frame img{aspect-ratio:2/1}.hero-word{font-size:210px}}
@media(max-width:1050px) and (min-width:701px){.hero{height:620px;min-height:550px}.hero-copy{width:55%;padding-left:6%}.hero h1{font-size:70px}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:310px}.hero-image{width:85%}.hero-image:after{background:linear-gradient(90deg,#2e3f4c 0%,#2e3f4ccc 24%,transparent 60%)}.hero-copy .button{font-size:12px;gap:20px}}
@media(max-width:700px){.hero{display:flex;flex-direction:column;height:auto;max-height:none;min-height:0}.hero-copy{width:100%;height:auto;padding:42px 7% 24px}.hero h1{font-size:62px;letter-spacing:-2px}.hero-copy>p:not(.eyebrow){font-size:16px;max-width:330px;margin:20px 0 25px}.hero-image{position:relative;inset:auto;width:100%;height:auto;min-height:0}.hero-image picture{display:block;line-height:0}.hero-image img{height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}.hero-image:after{background:linear-gradient(180deg,#2e3f4c,transparent 13%),linear-gradient(0deg,#2e3f4c55,transparent 12%)}.hero-word{font-size:100px;bottom:0;z-index:2}.hero-dancer{left:43%;top:55px;bottom:auto;width:210px;height:340px;opacity:.065}.motion-toggle{left:auto;right:7%;bottom:12px;min-height:40px;padding:8px 12px}.studio-showcase{padding-bottom:50px}.studio-intro{margin-bottom:25px}.studio-intro h2{font-size:47px}.studio-intro p{font-size:16px}.studio-frame img{aspect-ratio:4/3;object-fit:cover}.studio-caption{display:block;padding:16px 0;line-height:1.75}.studio-caption a{display:inline-block;margin-top:8px}.image-note{font-size:11px}.hero-copy .button{min-height:56px;padding:16px 20px;font-size:13px}}
@media(max-width:360px){.hero h1{font-size:55px}.hero-copy .button{font-size:12px;gap:20px}}
@media(max-width:700px){.hero-image img{height:365px;aspect-ratio:auto;object-fit:cover;object-position:65% 50%}.hero-word{font-size:92px}}