/* Approved native-artwork compositions. The page-width trial remains separate. */
.home-hero-composed .hero-stage{height:auto;aspect-ratio:96/25;background:#fff}
.home-hero-composed .hero-slide:after{content:none}
.home-hero-composed .hero-originals{background:#f7e8ee}
.home-hero-composed .hero-commissions{background:#e9c6d1}
.home-hero-composed .hero-prints,.home-hero-composed .hero-pets{background:#fff}
.home-hero.home-hero-composed .hero-caption{left:5%;right:auto;top:50%;bottom:auto;transform:translateY(-50%);width:27%;max-width:none;color:var(--ink);z-index:2}
.home-hero-composed .hero-caption h1,.home-hero-composed .hero-caption h2{font-size:clamp(24px,3.1vw,64px);line-height:1.04;font-weight:400;letter-spacing:-.055em;max-width:none;margin:0 0 24px}
.home-hero-composed .banner-link{display:inline-block;color:inherit;border-bottom:1px solid currentColor;padding:0 0 7px;font-size:clamp(12px,1vw,18px);line-height:1.4}
.home-hero-composed .banner-link:hover{color:#b51a63}
.home-hero-composed .banner-photo-stage{position:absolute;left:34%;right:3%;top:5%;bottom:5%;display:flex;align-items:center;justify-content:center}
.home-hero-composed .banner-photo-stage>img{display:block;width:100%;height:100%;object-fit:contain}
.home-hero-composed .banner-framed-pair{height:94%;width:100%;display:flex;align-items:center;justify-content:center;gap:4%;container-type:size}
.home-hero-composed .banner-framed-pair img{display:block;width:min(46%,100cqh);height:auto;aspect-ratio:1;box-shadow:0 8px 12px #50313e22}
.home-hero-composed .commission-spaniel>img{max-width:720px;max-height:537px}
.home-hero-composed .commission-wedding>img{max-width:550px;max-height:383px}
.home-hero.home-hero-composed .hero-controls{left:5%;right:5%;bottom:12px;color:var(--ink)}
.home-hero-composed .hero-dot[aria-current=true]{color:var(--pink)}
.home-hero-composed .hero-dot:before{background:#28262545;border:0;width:6px;height:6px}
.home-hero-composed .hero-dot[aria-current=true]:before{background:var(--pink);width:8px;height:8px}
.home-hero-composed .banner-sheet{position:absolute;display:block;margin:0;transform-origin:center}
.home-hero-composed .banner-sheet img{display:block;width:100%;height:auto}
.home-hero-composed .banner-prints-fan{position:absolute;right:3%;top:1%;height:99%;aspect-ratio:1.95}
.home-hero-composed .banner-prints-fan img{border:clamp(3px,.42vw,8px) solid #fff;box-shadow:0 2px 10px #423a352c}
.home-hero-composed .banner-prints-fan .sheet-0{left:0;top:38%;width:40%;transform:rotate(-17deg);z-index:1}
.home-hero-composed .banner-prints-fan .sheet-1{left:29%;top:15%;width:36%;transform:rotate(6deg);z-index:2}
.home-hero-composed .banner-prints-fan .sheet-2{left:58%;top:10%;width:45%;transform:rotate(10deg);z-index:3}
.home-hero-composed .banner-prints-fan .sheet-3{left:65%;top:52%;width:39%;transform:rotate(-9deg);z-index:4}
.home-hero-composed .banner-pets-fan{position:absolute;right:3%;top:8%;height:92%;aspect-ratio:2.15}
.home-hero-composed .banner-pets-fan img{border:clamp(3px,.4vw,8px) solid #fff}
.home-hero-composed .banner-pets-fan .sheet-0{left:1%;top:14%;width:36%;transform:rotate(-13deg);z-index:1}
.home-hero-composed .banner-pets-fan .sheet-1{left:32%;top:5%;width:36%;transform:rotate(2deg);z-index:2}
.home-hero-composed .banner-pets-fan .sheet-2{left:64%;top:3%;width:36%;transform:rotate(-8deg);z-index:3}
@media(min-width:761px) and (max-width:1100px){
 .home-hero.home-hero-composed .hero-caption{top:44%}
 .home-hero-composed .hero-caption h1,.home-hero-composed .hero-caption h2{margin-bottom:14px}
}
@media(max-width:760px){
 .home-hero-composed .hero-stage{height:auto;aspect-ratio:25/16}
 .home-hero.home-hero-composed .hero-caption{inset:13px 16px auto;width:auto;max-width:none;transform:none;display:flex;align-items:center;justify-content:space-between;gap:10px}
 .home-hero-composed .hero-caption h1,.home-hero-composed .hero-caption h2{font-size:clamp(18px,5.5vw,30px);line-height:1.1;white-space:nowrap;margin:0;letter-spacing:-.05em;max-width:none}
 .home-hero-composed .banner-link{font-size:clamp(10px,2.9vw,16px);white-space:nowrap;padding-bottom:3px}
 .home-hero-composed .banner-photo-stage{inset:48px 12px 12px}
 .home-hero.home-hero-composed .hero-controls{position:static;height:36px;justify-content:center;background:#fff;color:var(--ink)}
 .home-hero-composed .hero-dot{height:36px}
 .home-hero-composed .banner-prints-fan{right:4%;top:53px;width:95%;height:auto;aspect-ratio:1.95}
 .home-hero-composed .banner-prints-fan img{border-width:3px;box-shadow:0 2px 6px #423a352c}
 .home-hero-composed .banner-prints-fan .sheet-0{left:5%;top:38%;width:37%;transform:rotate(-17deg)}
 .home-hero-composed .banner-prints-fan .sheet-1{left:30%;top:13%;width:35%;transform:rotate(6deg)}
 .home-hero-composed .banner-prints-fan .sheet-2{left:59%;top:7%;width:39%;transform:rotate(10deg)}
 .home-hero-composed .banner-prints-fan .sheet-3{left:65%;top:49%;width:35%;transform:rotate(-9deg)}
 .home-hero-composed .banner-pets-fan{right:3%;top:57px;width:94%;height:auto;aspect-ratio:2.15}
 .home-hero-composed .banner-pets-fan img{border-width:3px}
 .home-hero-composed .banner-pets-fan .sheet-0{left:2%;top:14%;width:36%;transform:rotate(-11deg)}
 .home-hero-composed .banner-pets-fan .sheet-1{left:33%;top:4%;width:35%;transform:rotate(2deg)}
 .home-hero-composed .banner-pets-fan .sheet-2{left:64%;top:3%;width:35%;transform:rotate(-7deg)}
}
/* CMS media uses the same contained composition, with separate focal alignment. */
.home-hero-composed img{object-position:var(--banner-position,50% 50%)}
.home-hero-composed .banner-framed-pair img{object-fit:contain}
@media(max-width:760px){.home-hero-composed img{object-position:var(--banner-mobile-position,var(--banner-position,50% 50%))}}