/* Supplied exact-pack artwork plus the user-supplied HD replacements. */
:root{--hero-position:center center;--sophie-position:50% 38%;--emma-position:54% center;--olivia-position:52% center;--mia-position:56% center;--vibe-position:50% top;--cta-position:center}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header{background:#faf6ef url('/assets/adult-video-chat/media/exact/02_navbar.png') center/100% 100%}
.site-footer{background:#faf6ef url('/assets/adult-video-chat/media/exact/21_footer_surface.png') center/100% 100%}
.brand img{object-fit:contain}

.hero{background:#20151b}
[data-asset="hero"]{object-position:var(--hero-position)}
[data-asset="profile-sophie"]{object-position:var(--sophie-position)}
.featured-profile::after{inset:37% 0 0;background:linear-gradient(transparent,#100c0acc 43%,#100c0a 68%)}
[data-asset="profile-emma"]{object-position:var(--emma-position);transform:scale(1.32);transform-origin:54% 40%}
[data-asset="profile-olivia"]{object-position:var(--olivia-position);transform:scale(1.32);transform-origin:52% 40%}
[data-asset="profile-mia"]{object-position:var(--mia-position);transform:scale(1.32);transform-origin:56% 40%}
.mini-photo:hover [data-asset="profile-emma"],.mini-photo:hover [data-asset="profile-olivia"],.mini-photo:hover [data-asset="profile-mia"]{transform:scale(1.36)}

/* The HD section image already contains the phone, participants and call controls. */
.connection-ambient{background:#1a1114;filter:none}
.connection-art{inset:0;mask-image:none}
.connection-art>.connection-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center}
.connection-art::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#150e15cc 0%,#150e1578 25%,transparent 49%)}

/* Photo crops stop above baked labels; HTML supplies the titles and links once. */
.vibe-card>img{height:79%;object-position:var(--vibe-position)}
.vibe-card::after{inset:29% 0 0;background:linear-gradient(transparent,#18141833 26%,#151215 76%)}
.vibe-card>[data-asset="vibe-late-night"]{object-position:50% 30%;transform:scale(1.12);transform-origin:50% 34%}
.vibe-card>[data-asset="vibe-travel"]{object-position:49% 34%;transform:scale(1.72);transform-origin:49% 37%}
.vibe-card>[data-asset="vibe-music"]{object-position:47% 31%;transform:scale(1.14);transform-origin:47% 34%}
.vibe-card>[data-asset="vibe-chill"]{object-position:59% 80%;transform:scale(1.5);transform-origin:59% 70%}
.vibe-card:hover>[data-asset="vibe-late-night"]{transform:scale(1.16)}
.vibe-card:hover>[data-asset="vibe-travel"]{transform:scale(1.77)}
.vibe-card:hover>[data-asset="vibe-music"]{transform:scale(1.18)}
.vibe-card:hover>[data-asset="vibe-chill"]{transform:scale(1.55)}
[data-asset="final-cta"]{object-position:var(--cta-position)}
.footer-handwritten{width:190px;height:auto;object-fit:contain;mix-blend-mode:multiply}

@media(min-width:901px) and (max-width:1300px){.footer-handwritten{width:161px}}
@media(min-width:901px) and (max-width:1100px){.footer-handwritten{width:140px}}
@media(max-width:900px){
 .connection-art::after{background:linear-gradient(90deg,#150e15dc 0%,#150e1587 34%,transparent 68%)}
 .footer-handwritten{width:170px;margin-left:auto}
}
@media(max-width:600px){
 :root{--hero-position:83% center;--sophie-position:50% 34%;--cta-position:32% center}
 [data-asset="hero"]{mask-image:linear-gradient(0deg,transparent,#000 18%)}
 .hero-shade{z-index:2;pointer-events:none;background:linear-gradient(0deg,#161019 0%,#161019 43%,#161019e8 49%,#16101922 63%,transparent 76%)}
 .hero-inner{z-index:3;pointer-events:none}.hero-copy{pointer-events:auto}
 .connection-art{inset:auto 0 0;height:394px;mask-image:linear-gradient(0deg,#000 91%,transparent)}
 .connection-art>.connection-image{object-position:center center}
 .connection-art::after{background:linear-gradient(0deg,#150e1533,transparent 60%)}
 .footer-handwritten{width:126px}
}
@media(max-width:374px){.connection-art{height:367px}.footer-handwritten{width:114px}}