:root{--paper:#f3eee8;--ink:#252022;--serif:'Playfair Display',Georgia,serif;--sans:Manrope,Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}.landing{min-height:100svh}.hero{min-height:max(100svh,650px);position:relative;overflow:hidden;background:var(--paper)}.hero-media{position:absolute;inset:0 0 0 52%;background:url('/assets/solo-ballet-warmwear.jpg') center bottom/cover no-repeat}.brand{position:absolute;top:22px;left:5.2vw;z-index:1;display:block;width:154px;height:70px;overflow:hidden}.brand img{position:absolute;width:226px;height:auto;left:50%;top:50%;transform:translate(-50%,-52%);display:block}.hero-copy{position:relative;z-index:1;padding:clamp(180px,23vh,270px) 5.2vw 40px;width:49%}.eyebrow{font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 21px}.hero h1{font:500 clamp(58px,6.4vw,100px)/.92 var(--serif);letter-spacing:-.066em;margin:0}.hero h1 i{font-weight:500}.intro{font:400 14px/1.7 var(--sans);max-width:370px;margin:30px 0 0}@media(max-width:680px){.hero{min-height:max(100svh,760px)}.hero-media{inset:auto 0 0 0;height:43%;background-position:center bottom}.brand{top:18px;left:22px;width:128px;height:60px}.brand img{width:188px}.hero-copy{padding:155px 22px 25px;width:auto}.hero h1{font-size:58px;letter-spacing:-.07em}.intro{font-size:12px;line-height:1.65;max-width:300px;margin-top:22px}}
