@layer components{
.hero__photo{--sw:min(var(--lw) * .0447,var(--pl) * 8);--g:calc(var(--cut) * -1)/calc(var(--pl) + var(--sw)) var(--lw) no-repeat;background:linear-gradient(#bcc8d3 11%,#dfd0c9 27%,#dbbdb3 35%,#e3c1b0 41%,#d0c4c2 50%,#8c8ba9 58%,#9e969c 65%,#907567 70%,#9b715a 72%,#b0806a 76%,#d8ad9d 82%,#e0cecf 92.6%,var(--cream) calc(92.6% + 24px)) 0 var(--g),linear-gradient(#e4d9ce 11%,#f4ddc3 26%,#fde373 47%,#fcd05d 51%,#f0a040 56%,#e38a42 58%,#dc8850 60%,#ecb77e 65%,#ebbf89 70%,#a17d5e 78%,#7c6764 83%,#8f746c 87%,#e6ba83 92.6%,var(--cream) calc(92.6% + 24px)) 100% var(--g),var(--cream)}
.hero__photo::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;block-size:var(--ph);background:linear-gradient(#bbc6d2 11%,#d5c3bd 35%,#a99da6 58%,#a99190 69%,#c09f97 78%,#dbc4c3 92.6%,var(--cream) calc(92.6% + 24px)) 0 var(--g),linear-gradient(#eedcca 11%,#f2debe 25%,#f9da90 41%,#f4c973 49%,#e2ab6c 62%,#c29773 77%,#c09974 84%,#d6ac7a 92.6%,var(--cream) calc(92.6% + 24px)) 100% var(--g);--k:linear-gradient(90deg,#000 calc(var(--pl) - 200px),#0000 var(--pl) calc(100% - var(--pl)),#000 calc(100% - var(--pl) + 200px));-webkit-mask:var(--k);mask:var(--k)}
.hero__photo :is(picture img,.plate__twin){--sf:min(var(--lw) * .0149,var(--pl) * 4);--m:linear-gradient(#000 calc(100% - 24px),#0000),linear-gradient(90deg,#0000,#000 var(--sf) calc(100% - var(--sf)),#0000),linear-gradient(90deg,#0000,#000 var(--sw) calc(100% - var(--sw)),#0000),linear-gradient(#0000 38%,#000 48%);-webkit-mask:var(--m);-webkit-mask-composite:source-in,source-in,source-over;mask:var(--m);mask-composite:intersect,intersect,add}
}