.producer[role=button]{cursor:pointer}.producer[role=button]:focus{outline:none}
html[data-gallery-keyboard] .producer[role=button]:focus-visible h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
.producer-gallery{--g:min(1px,0.05787037vw);box-sizing:border-box;border:0;padding:calc(118 * var(--g)) calc(221 * var(--g)) calc(120 * var(--g));width:calc(1334 * var(--g));max-width:none;max-height:calc(100dvh - 48px);margin:auto;overflow:auto;background:#e5ded4;color:#021931;overscroll-behavior:contain}
.producer-gallery::backdrop{background:rgba(2,25,49,.5);backdrop-filter:blur(5px)}
.producer-gallery button{border:0;padding:0;background:none;color:inherit;cursor:pointer}
.producer-gallery button:focus{outline:none}
html[data-gallery-keyboard] .producer-gallery button:focus-visible{text-decoration:underline;text-underline-offset:5px}
html[data-gallery-keyboard] .producer-gallery button:focus-visible img{filter:brightness(.7)}
.gallery-back{position:absolute;left:calc(40 * var(--g));top:calc(34 * var(--g));display:flex;align-items:center;gap:calc(7 * var(--g));min-height:28px;font:calc(12 * var(--g)) Futura,sans-serif;letter-spacing:calc(1.44 * var(--g));text-transform:uppercase}
.gallery-back img{width:25px;transform:rotate(180deg)}
.gallery-stage{position:relative}.gallery-photo{display:block;width:100%;aspect-ratio:892/595;object-fit:cover}
.gallery-prev,.gallery-next{position:absolute;top:50%;transform:translateY(-50%);width:calc(60 * var(--g));height:48px;display:grid;place-items:center}
.gallery-prev{right:calc(100% + 24 * var(--g))}.gallery-next{left:calc(100% + 24 * var(--g))}.gallery-prev img{transform:rotate(180deg)}
.gallery-thumbs{display:flex;align-items:center;gap:calc(16 * var(--g));height:calc(158 * var(--g));margin-top:calc(20 * var(--g));overflow-x:auto;scrollbar-width:none}.gallery-thumbs::-webkit-scrollbar{display:none}
.gallery-thumbs button{flex:0 0 calc(176.577 * var(--g))}.gallery-thumbs button[aria-current=true]{flex-basis:calc(236.867 * var(--g))}.gallery-thumbs img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}
.gallery-divider{height:1px;background:url('/assets/producer-gallery/divider.svg') center/100% 100% no-repeat;margin:calc(45 * var(--g)) calc(-79 * var(--g)) calc(45 * var(--g))}
.producer-gallery h2{font:calc(60 * var(--g))/1.1322 BlackGold,serif;text-align:center;margin:0}
.gallery-pedigree{font:300 calc(15 * var(--g))/22px Futura,sans-serif;text-transform:uppercase;letter-spacing:calc(1.8 * var(--g));text-align:center;margin:calc(14 * var(--g)) 0 0}
@media(max-width:1000px){.producer-gallery{--g:1px;width:calc(100% - 32px);padding:72px 20px 40px}.gallery-back{left:20px;top:16px;font-size:12px;letter-spacing:1.44px}.gallery-stage{padding-bottom:52px}.gallery-prev,.gallery-next{top:auto;bottom:0;transform:none;width:48px}.gallery-prev{right:auto;left:0}.gallery-next{left:auto;right:0}.gallery-thumbs{gap:10px;height:80px;margin-top:8px}.gallery-thumbs button{flex-basis:96px}.gallery-thumbs button[aria-current=true]{flex-basis:120px}.gallery-divider{margin:24px 0}.producer-gallery h2{font-size:40px}.gallery-pedigree{font-size:12px;letter-spacing:1.2px;line-height:18px;margin-top:12px}}

@media(min-width:1001px){.producer-gallery h2{height:calc(55 * var(--g));display:flex;align-items:center;justify-content:center}}

.producer-gallery[data-producer=molly] .gallery-photo{aspect-ratio:4/3}
.producer-gallery[data-producer=gucci] [data-photo="0"] img{transform:scaleX(-1)}
@media(min-width:1001px){
.producer-gallery[data-producer=molly]{padding-top:calc(81 * var(--g));padding-bottom:calc(83 * var(--g))}
.gallery-thumbs button{flex-basis:calc(var(--thumb-width,176.577) * var(--g))}
.gallery-thumbs button:not([aria-current=true]) img{height:calc(118 * var(--g));aspect-ratio:auto}
.producer-gallery[data-producer=gucci] .gallery-thumbs button[aria-current=true][data-photo="2"]{flex-basis:calc(108.2 * var(--g))}
.producer-gallery[data-producer=gucci] [data-photo="2"] img{aspect-ratio:80.822/118}
}

/* Mobile gallery: Figma 4251:9364, 402 × 874. */
@media(max-width:600px){
.producer-gallery{--m:calc((100vw - 42px)/360);width:calc(100% - 24px);margin:45px auto auto;padding:69px 9px 61px;max-height:calc(100dvh - 65px)}
.gallery-back{left:13px;top:8px;gap:4px;font-size:10px;letter-spacing:1.2px}
.gallery-stage{padding:0;touch-action:pan-y}
.gallery-prev,.gallery-next{display:none}
.gallery-thumbs{height:calc(63.767 * var(--m));gap:calc(6.457 * var(--m));margin-top:20px;touch-action:pan-x}
.gallery-thumbs button{flex-basis:calc(var(--thumb-width,176.577) / 176.577 * 71.264 * var(--m))}
.gallery-thumbs button[aria-current=true]{flex-basis:calc(95.597 * var(--m))}
.gallery-thumbs button:not([aria-current=true]) img{height:calc(47.509 * var(--m));aspect-ratio:auto}
.producer-gallery[data-producer=gucci] .gallery-thumbs button[aria-current=true][data-photo="2"]{flex-basis:calc(43.675 * var(--m))}
.producer-gallery[data-producer=gucci] [data-photo="2"] img{aspect-ratio:80.822/118}
.gallery-divider{margin:20px 7px 19px}
.producer-gallery h2{height:25px;font-size:32px;display:flex;align-items:center;justify-content:center}
.gallery-pedigree{margin-top:8px;font-size:12px;line-height:14px;letter-spacing:1.44px}
}

@media(max-width:600px){.gallery-stage{overflow:hidden}.gallery-photo{user-select:none;-webkit-user-select:none}.gallery-thumbs{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}}

/* Shared gallery for kitten photo arrays. */
.producer-gallery [hidden]{display:none!important}
.kit-card .kit-photo[role=button]{cursor:pointer}
.kit-card .kit-photo[role=button]:focus{outline:none}
html[data-gallery-keyboard] .kit-card .kit-photo[role=button]:focus-visible{outline:1px solid #e5ded4;outline-offset:4px}
.producer-gallery[data-producer=kitten] .gallery-thumbs img{object-fit:contain}