/* Individual panels from Todd's supplied compositions. Coordinates refer to
   the 1400 x 781.5 reference canvas; source artwork remains unchanged. */
#landing .landing-art{position:relative;display:block;overflow:hidden;background:#151019;aspect-ratio:var(--art-w) / var(--art-h);height:auto;filter:none}
#landing .landing-art > img{position:absolute;display:block;max-width:none;width:calc(1400 / var(--art-w) * 100%);height:calc(781.5 / var(--art-h) * 100%);left:calc(-1 * var(--art-x) / var(--art-w) * 100%);top:calc(-1 * var(--art-y) / var(--art-h) * 100%);aspect-ratio:auto;object-fit:fill;margin:0;filter:none}
#landing .landing-art::after{display:none}
#landing.sfw .w .landing-art{filter:blur(14px) saturate(.55) brightness(.72)}
#landing .w .cimg.landing-art{margin:0 -30px 24px}
#landing .wgrid.four .w .cimg.landing-art{margin:0 -24px 22px}
#landing .art-discover-members{--art-x:36;--art-y:28;--art-w:650;--art-h:274}

/* The public test's own visual language, within a dedicated landing section. */
#landing .home-kinkmeter{padding:100px 0;background:radial-gradient(ellipse at 78% 45%,#50102e66,transparent 57%),#09070c;border-top:1px solid #392033;border-bottom:1px solid #392033;scroll-margin-top:90px}
#landing .home-kinkmeter-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:72px;align-items:center}
#landing .home-kinkmeter-copy{min-width:0}
#landing .home-kinkmeter .eyebrow{font-size:11px;letter-spacing:2px;color:#ff85bc}
#landing .home-kinkmeter h2{font:clamp(40px,5.2vw,72px)/1.06 Georgia,serif;letter-spacing:-.02em;margin:22px 0 26px;color:#f5edf2}
#landing .home-kinkmeter h2 em{color:#ff3d98}
#landing .home-kinkmeter-copy>p{max-width:560px;color:#c4b9c5;font-size:17px;line-height:1.7}
#landing .home-kinkmeter-copy>.eyebrow{font-size:11px;color:#ff85bc}
#landing .home-kinkmeter-copy>.home-kinkmeter-lead{font:28px/1.3 Georgia,serif;color:#f4dce9;margin:0 0 12px}
#landing .home-kinkmeter-modes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}
#landing .home-kinkmeter-modes>div{padding:20px 18px;border:1px solid #684056;border-radius:12px;background:linear-gradient(150deg,#241221,#110c13)}
#landing .home-kinkmeter-modes>div+div{border-color:#b32d70}
#landing .home-kinkmeter-modes span{font:700 10px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#ff85bc}
#landing .home-kinkmeter-modes h3{font:25px/1.2 Georgia,serif;color:#f5edf2;margin:12px 0}
#landing .home-kinkmeter-modes p{font-size:13px;line-height:1.7;color:#c9b9c8;margin:0}
#landing .home-kinkmeter-button{background:linear-gradient(120deg,#db126e,#f52c91);text-decoration:none;font-weight:700;padding:15px 24px;border-radius:10px;justify-content:center;max-width:100%}
#landing .home-kinkmeter-copy>.home-kinkmeter-note{font-size:12px;color:#bdb0be;margin:15px 0 0}
#landing .home-kinkmeter-sample{margin:0 auto;max-width:370px;transform:rotate(2deg)}
#landing .home-kinkmeter-sample img{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 20px 90px #ee168035}
#landing .home-kinkmeter-sample figcaption{font-size:12px;line-height:1.6;text-align:center;color:#e4c5d6;padding:16px 0 0}
#landing .home-kinkmeter-sample figcaption span{color:#ac99a8;font-size:11px}
@media(max-width:850px){#landing .home-kinkmeter{padding:66px 0}#landing .home-kinkmeter-grid{grid-template-columns:1fr;gap:42px}#landing .home-kinkmeter-sample{max-width:330px;width:88%}#landing .home-kinkmeter-copy{max-width:610px;margin:auto;width:100%}}
@media(max-width:420px){#landing .home-kinkmeter-modes{grid-template-columns:1fr}#landing .home-kinkmeter-button{width:100%}}
#landing .art-discover-groups{--art-x:713;--art-y:28;--art-w:650;--art-h:274}
#landing .art-discover-clubs{--art-x:36;--art-y:405;--art-w:650;--art-h:274}
#landing .art-discover-explore{--art-x:713;--art-y:405;--art-w:650;--art-h:274}
#landing .art-library{--art-x:17;--art-y:130;--art-w:322;--art-h:215}
#landing .art-members{--art-x:365;--art-y:300;--art-w:322;--art-h:215}
#landing .art-privacy{--art-x:713;--art-y:260;--art-w:322;--art-h:215}
#landing .art-community{--art-x:1061;--art-y:267;--art-w:322;--art-h:215}
#landing .art-spotlight{--art-x:57;--art-y:170;--art-w:405;--art-h:270}
#landing .art-guestbook{--art-x:498;--art-y:220;--art-w:405;--art-h:270}
#landing .art-vacation{--art-x:938;--art-y:410;--art-w:405;--art-h:270}
#landing .hands .shade{background:linear-gradient(90deg,rgba(7,5,10,.97) 0%,rgba(7,5,10,.86) 35%,rgba(7,5,10,.12) 65%,transparent 100%),linear-gradient(0deg,var(--ink),transparent 14%),linear-gradient(180deg,var(--ink),transparent 14%)}
@media(max-width:820px){
 #landing .hands .bg{background-size:100% auto;background-position:center top;background-repeat:no-repeat}
 #landing .hands .copy{padding-top:calc(55.84vw + 28px)}
 #landing .hands .shade{background:linear-gradient(180deg,transparent 0,transparent 45vw,var(--ink) 56vw)}
}

/* Cover each discovery tile with the original panel, without stretching it. */
#landing .nz-side2 .c .landing-art{position:absolute;left:50%;top:50%;width:max(100cqw,calc(var(--art-w) / var(--art-h) * 100cqh));height:auto;transform:translate(-50%,-50%);pointer-events:none}
