: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:34px;left:5.2vw;z-index:1;display:grid;grid-template-columns:auto auto;column-gap:4px;line-height:.63}.brand span{font:600 34px var(--sans);letter-spacing:-.13em}.brand em{font:500 34px var(--serif);letter-spacing:-.1em}.brand small{grid-column:1/3;justify-self:center;margin-top:10px;font:8px var(--mono);letter-spacing:.26em}.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:25px;left:22px}.brand span,.brand em{font-size:27px}.brand small{font-size:6px;margin-top:8px}.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}}
