/* Keep the main booking action visible in short and narrow windows. */
.hero,.hero-copy{min-height:calc(100svh - 32px)}.hero-copy{padding-top:150px;padding-bottom:28px}.hero .intro{max-width:460px;font-size:clamp(27px,2.8vw,38px);line-height:1.2}.hero .eyebrow{font-size:10px;margin-bottom:15px}.hero .micro{font-size:11px}.hero-bottom{padding-top:20px}.preview{min-height:32px}.studio-strip{font-size:11px}
@media(max-width:800px){.hero,.hero-copy{min-height:calc(100svh - 32px)}.hero-copy{padding:135px 6% 24px}.hero .intro{font-size:30px;max-width:350px}.hero-bottom{padding-top:16px}}
@media(max-width:600px){.preview{min-height:46px}.hero,.hero-copy{min-height:calc(100svh - 46px)}.hero-copy{padding:135px 6% 26px}.hero .intro{font-size:29px;max-width:300px;margin-bottom:22px}.hero .eyebrow{font-size:9px;margin-bottom:13px}.hero .micro{font-size:11px;margin-top:12px}.hero-bottom{padding-top:20px}.hero-photo img{object-position:60% 35%}}
@media(max-height:660px){.hero-copy{padding-top:120px;padding-bottom:22px}.hero .intro{font-size:27px;line-height:1.18;margin:0 0 18px;max-width:390px}.hero .eyebrow{margin:0 0 10px;font-size:9px}.hero .micro{font-size:10px;margin-top:10px}.hero .button{min-height:49px;padding-top:12px;padding-bottom:12px}.hero-bottom{display:none}}
@media(max-height:450px){.hero,.hero-copy{min-height:400px}.hero .intro{font-size:24px}.hero .micro{display:none}}

/* Wide studio scene: preserve the working hands and keep copy beside the artist. */
.hero{min-height:600px;height:calc(100svh - 32px);max-height:1000px;overflow:hidden}
.hero-photo picture{display:block;width:100%;height:100%}
.hero-photo img{object-position:right bottom}
.hero-copy{min-height:0;height:100%;padding:150px 7% 45px;justify-content:center}
.hero .intro{max-width:430px;font-size:clamp(29px,3vw,43px)}
.hero .eyebrow{margin-top:0}
.hero-bottom{display:none}
.hero:after{background:linear-gradient(90deg,#111b 0%,#1116 34%,transparent 63%),linear-gradient(180deg,#0007,transparent 22%)}
@media(max-width:800px) and (min-width:601px){.hero-copy{padding-left:5%;padding-right:5%}.hero .intro{font-size:29px;max-width:290px}.hero .micro{max-width:240px}}
@media(max-width:600px){
 .hero{height:auto;min-height:calc(110px + 177.68vw);max-height:none;background:#242321}
 .hero-photo{height:100%}
 .hero-photo img{top:110px;height:calc(100% - 110px);object-fit:contain;object-position:center bottom}
 .hero-copy{height:auto;min-height:0;padding:108px 6% 20px;justify-content:flex-start}
 .hero .eyebrow{font-size:8px;letter-spacing:1.1px;margin:0 0 10px}
 .hero .intro{font-size:23px;line-height:1.2;max-width:270px;margin:0 0 14px}
 .hero .button{min-height:48px;min-width:215px;padding:12px 17px;font-size:13px}
 .hero .micro,.hero-bottom{display:none}
 .hero:after{background:linear-gradient(180deg,#242321 0,#242321aa 14%,#24232133 30%,transparent 42%)}
}