:root{
    --bg:#08090d;

    --panel:#15181f;
    --panel2:#1c212a;

    --red:#f04d62;

    --pink:#ee6f9b;

    --gold:#ffd261;
    --gold2:#ffe8a3;

    --blue:#779cf0;

    --teal:#5bcbb9;

    --green:#5bd99f;

    --white:#fcfdff;
    --muted:#9ca5ad;

    --border:#303842;
    --border2:#43505c;

    --shadow:0 9px 28px rgba(0,0,0,.46);
}


/* =========================================================
   RESET
========================================================= */

*{
    box-sizing:border-box;
    margin:0;
    padding:0;
}

html{
    scroll-behavior:smooth;
    background:var(--bg);
    overscroll-behavior-y:none;
}

body{
    min-height:100vh;
    padding-bottom:48px;
    background-color:var(--bg);
    overscroll-behavior-y:none;

    background-image:
        radial-gradient(
            circle at 12% 0,
            rgba(240,77,98,.11),
            transparent 360px
        ),
        radial-gradient(
            circle at 88% 4%,
            rgba(119,156,240,.07),
            transparent 390px
        ),
        linear-gradient(
            180deg,
            #17161d,
            var(--bg) 520px
        );

    color:var(--white);

    font-family:
        "Inter",
        Arial,
        Helvetica,
        sans-serif;
}

body:before{
    content:"";

    position:fixed;
    inset:0;
    z-index:-1;

    pointer-events:none;

    opacity:.08;

    background:
        linear-gradient(
            rgba(255,255,255,.022) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.022) 1px,
            transparent 1px
        );

    background-size:48px 48px;
}

a{
    color:inherit;
    text-decoration:none;

    -webkit-tap-highlight-color:
        rgba(240,77,98,.14);
}

a:focus-visible{
    outline:
        2px solid
        var(--gold);

    outline-offset:3px;
}

.site-container{
    position:relative;
    z-index:2;

    width:min(
        1200px,
        calc(100% - 24px)
    );

    margin:auto;
}


/* =========================================================
   TOP RAIL
========================================================= */

.top-rail{
    position:relative;
    z-index:5;

    overflow:hidden;

    border-bottom:
        1px solid
        rgba(240,77,98,.22);

    background:
        linear-gradient(
            90deg,
            #8e2638,
            #a84052,
            #5c4884,
            #3a6179,
            #8e2638
        );

}

.rail-track{
    display:flex;

    width:max-content;

    animation:
        railMove
        34s linear infinite;
}

.rail-track span,
.rail-track a{
    padding:
        9px 19px;

    white-space:nowrap;

    font-size:.67rem;
    font-weight:900;

    letter-spacing:.45px;

    text-transform:uppercase;
}

.rail-track a{
    color:#fff0b8;

    transition:
        color .16s ease,
        background .16s ease;
}

.rail-track a:hover{
    color:#fff;

    background:
        rgba(255,255,255,.08);
}

.rail-track span:after,
.rail-track a:after{
    content:"◆";

    margin-left:19px;

    color:var(--gold);
}

@keyframes railMove{
    to{
        transform:translateX(-50%);
    }
}


/* =========================================================
   HEADER
========================================================= */

.site-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    min-height:54px;
    padding:7px 0;
}

.brand-row{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}

.logo-trace{
    --fp-logo-backdrop:var(--bg);
}

.brand-copy{
    min-width:0;
}

.site-header h1{
    font-size:1.12rem;
    line-height:1;
    font-weight:1000;
    letter-spacing:-1px;
    text-transform:uppercase;
}

.site-header h1 span{
    color:var(--red);

    text-shadow:
        0 0 17px
        rgba(240,77,98,.2);
}

.site-header p{
    margin-top:3px;
    color:var(--muted);
    font-size:.56rem;
    line-height:1;
}

.header-search{
    width:220px;
    min-width:150px;
    height:30px;
    display:flex;
    align-items:center;
    flex:0 1 220px;
    margin-left:auto;
    border:1px solid #2b313d;
    border-radius:8px;
    background:#0b0e13;
    overflow:hidden;
}

.header-search:focus-within{
    border-color:#596274;
    background:#0e1219;
}

.header-search input{
    min-width:0;
    flex:1;
    height:100%;
    padding:0 8px;
    border:0;
    outline:0;
    background:transparent;
    color:#f3f5f8;
    font:inherit;
    font-size:.62rem;
}

.header-search input::placeholder{
    color:#747d8d;
}

.header-search button{
    height:100%;
    padding:0 8px;
    border:0;
    border-left:1px solid #272d38;
    background:#151923;
    color:#d9dde5;
    font:inherit;
    font-size:.58rem;
    font-weight:850;
    cursor:pointer;
}

.header-search button:hover,
.header-search button:focus-visible{
    background:#1d222d;
    color:#fff;
    outline:0;
}

.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

.header-signals{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
    flex-shrink:0;
}

.header-micro-pill{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 7px;
    border:1px solid #303642;
    border-radius:999px;
    background:#11141a;
    color:#aeb5c0;
    font-size:.48rem;
    font-weight:900;
    letter-spacing:.35px;
    white-space:nowrap;
}

.header-signals > .header-micro-pill:nth-of-type(1){
    border-color:rgba(240,77,98,.34);
    background:rgba(240,77,98,.07);
    color:#ff8193;
}

.header-signals > .header-micro-pill:nth-of-type(2){
    border-color:rgba(244,191,74,.34);
    background:rgba(244,191,74,.07);
    color:#f4bf4a;
}

.header-signals > .header-micro-pill:nth-of-type(3){
    border-color:rgba(102,166,255,.34);
    background:rgba(102,166,255,.07);
    color:#8bb9ff;
}

.adult-status{
    display:flex;
    align-items:center;
    gap:6px;
    flex-shrink:0;
    padding:5px 8px;
    border:1px solid rgba(91,217,159,.25);
    border-radius:30px;
    background:rgba(91,217,159,.05);
    color:var(--green);
    font-size:.58rem;
    font-weight:900;
    white-space:nowrap;
}

.adult-label-short{
    display:none;
}

.adult-status i{
    position:relative;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--green);
    box-shadow:0 0 7px rgba(91,217,159,.68);
}

.adult-status i:after{
    content:"";
    position:absolute;
    inset:-4px;
    border:1px solid rgba(91,217,159,.58);
    border-radius:50%;
    animation:adultStatusPulse 1.9s ease-out infinite;
}

@keyframes adultStatusPulse{
    0%{transform:scale(.45);opacity:.95;}
    70%,100%{transform:scale(1.45);opacity:0;}
}


/* =========================================================
   SECTION HEADING
========================================================= */

.content-section{
    margin-top:4px;
}

.section-heading{
    display:flex;

    align-items:center;

    gap:10px;

    margin:
        16px 0 9px;
}

.section-number{
    width:30px;
    height:30px;

    display:grid;
    place-items:center;

    flex-shrink:0;

    border:
        1px solid
        var(--red);

    border-radius:7px;

    background:
        rgba(240,77,98,.05);

    color:#f18192;

    font-size:.61rem;
    font-weight:1000;
}

.section-heading > div:nth-child(2){
    min-width:0;
}

.section-heading span{
    display:block;

    margin-bottom:2px;

    color:#ed8393;

    font-size:.54rem;
    font-weight:900;

    letter-spacing:.7px;

    text-transform:uppercase;
}

.section-heading h2{
    font-size:1.04rem;

    text-transform:uppercase;
}

.section-heading p{
    margin-top:2px;

    color:var(--muted);

    font-size:.6rem;
    font-weight:800;

    text-transform:uppercase;
}

.section-line{
    flex:1;

    height:1px;

    margin-left:4px;

    background:
        linear-gradient(
            90deg,
            var(--border),
            transparent
        );
}

.premium-heading .section-number{
    border-color:
        var(--gold);

    background:
        rgba(255,210,97,.05);

    color:var(--gold);
}

.premium-heading span{
    color:var(--gold);
}


/* =========================================================
   FIRST GRID = 2 CARDS
========================================================= */

.free-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:12px;
}


/* =========================================================
   SECOND GRID = 3 CARDS
========================================================= */

.premium-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:11px;
}


/* =========================================================
   CARDS
========================================================= */

.site-card{
    position:relative;
    contain:paint;

    overflow:hidden;

    border:
        1px solid
        var(--border);

    border-radius:10px;

    background:
        linear-gradient(
            145deg,
            var(--panel),
            #101218
        );

    box-shadow:var(--shadow);

    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.site-card:hover{
    transform:
        translateY(-3px);

    border-color:
        var(--border2);

    box-shadow:
        0 12px 31px
        rgba(0,0,0,.5);
}

.card-xvideos{
    border-top:
        3px solid
        var(--red);
}

.card-xnxx{
    border-top:
        3px solid
        var(--blue);
}

.card-bangbros{
    border-top:
        3px solid
        var(--gold);
}

.card-analvids{
    border-top:
        3px solid
        var(--teal);
}

.card-red{
    border-top:
        3px solid
        var(--pink);
}


/* =========================================================
   THUMBNAILS - NEVER CLICKABLE
========================================================= */

.thumb-wrap{
    position:relative;

    height:225px;

    overflow:hidden;

    background:#07080b;

    cursor:default;
    user-select:none;
}

.compact-thumb{
    height:174px;
}

.thumb{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    pointer-events:none;

    transition:
        transform .4s ease,
        filter .4s ease;
}

.site-card:hover .thumb{
    transform:
        scale(1.025);

    filter:
        contrast(1.03)
        brightness(.94);
}

.thumb-shade{
    position:absolute;

    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.08),
            transparent 42%,
            rgba(0,0,0,.5)
        );
}

.thumb-labels{
    position:absolute;

    z-index:10;

    left:8px;
    right:8px;
    top:8px;

    display:flex;

    justify-content:space-between;

    gap:7px;

    pointer-events:none;
}

.thumb-labels span{
    padding:
        4px 6px;

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius:4px;

    background:
        rgba(5,6,8,.84);

    color:#fff;

    font-size:.52rem;
    font-weight:900;

}


/* =========================================================
   DECORATIVE PLAY BUTTON
========================================================= */

.play-btn{
    position:absolute;

    z-index:12;

    left:50%;
    top:50%;

    width:50px;
    height:50px;

    display:grid;
    place-items:center;

    transform:
        translate(-50%,-50%);

    border:
        2px solid
        rgba(255,255,255,.5);

    border-radius:50%;

    background:
        rgba(240,77,98,.94);

    box-shadow:0 8px 20px rgba(0,0,0,.42);

    cursor:default;
    pointer-events:none;

}

.play-btn i{
    width:0;
    height:0;

    margin-left:4px;

    border-style:solid;

    border-width:
        7px 0 7px 12px;

    border-color:
        transparent
        transparent
        transparent
        #fff;
}

.play-btn.blue{
    background:
        rgba(82,117,200,.95);
}

.play-btn.gold{
    background:
        rgba(188,144,46,.95);
}

.play-btn.teal{
    background:
        rgba(57,154,139,.95);
}

.play-btn.red{
    background:
        rgba(193,66,91,.95);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.card-body{
    padding:
        15px 16px 16px;
}

.compact-card .card-body{
    padding:
        13px 13px 14px;
}

.card-head{
    display:flex;

    justify-content:space-between;
    align-items:flex-start;

    gap:10px;

    margin-bottom:7px;
}

.card-head small{
    display:block;

    margin-bottom:3px;

    color:var(--muted);

    font-size:.53rem;
    font-weight:900;

    letter-spacing:.62px;

    text-transform:uppercase;
}

.card-head h3{
    font-size:1.12rem;
    font-weight:1000;
}

.compact-card .card-head h3{
    font-size:1.03rem;
}

.type-badge{
    flex-shrink:0;

    padding:
        4px 6px;

    border:
        1px solid
        rgba(240,77,98,.25);

    border-radius:4px;

    background:
        rgba(240,77,98,.05);

    color:#ed8293;

    font-size:.53rem;
    font-weight:900;

    text-transform:uppercase;
}

.type-badge.blue{
    border-color:
        rgba(119,156,240,.25);

    background:
        rgba(119,156,240,.05);

    color:#acbdea;
}

.type-badge.gold{
    border-color:
        rgba(255,210,97,.25);

    background:
        rgba(255,210,97,.05);

    color:var(--gold);
}

.type-badge.teal{
    border-color:
        rgba(91,203,185,.25);

    background:
        rgba(91,203,185,.05);

    color:#96ddd1;
}

.type-badge.red{
    border-color:
        rgba(238,111,155,.25);

    background:
        rgba(238,111,155,.05);

    color:#f1a0bc;
}

.description{
    margin:
        7px 0 10px;

    color:var(--muted);

    font-size:.78rem;

    line-height:1.55;
}

.compact-card .description{
    font-size:.74rem;

    line-height:1.52;
}


/* =========================================================
   SMALL INFO ELEMENTS
========================================================= */

.mini-info{
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:5px;

    margin-bottom:8px;
}

.mini-info span{
    min-height:28px;

    display:flex;

    align-items:center;
    justify-content:center;

    padding:
        4px 5px;

    border:
        1px solid
        rgba(48,56,66,.9);

    border-radius:4px;

    background:
        rgba(255,255,255,.015);

    color:#b6bec5;

    font-size:.52rem;
    font-weight:900;

    text-align:center;

    text-transform:uppercase;
}

.mini-info span:first-child{
    color:#dd7c8b;

    border-color:
        rgba(240,77,98,.19);
}

.card-xnxx .mini-info span:first-child{
    color:#9cacd8;

    border-color:
        rgba(119,156,240,.19);
}

.card-bangbros .mini-info span:first-child{
    color:#cfad55;

    border-color:
        rgba(255,210,97,.19);
}

.card-analvids .mini-info span:first-child{
    color:#78bdaf;

    border-color:
        rgba(91,203,185,.19);
}

.card-red .mini-info span:first-child{
    color:#d786a3;

    border-color:
        rgba(238,111,155,.19);
}

.sub-link-row{
    display:flex;

    align-items:center;

    gap:5px;

    min-height:28px;

    margin-bottom:8px;

    padding:
        5px 7px;

    border:
        1px solid
        rgba(48,56,66,.7);

    border-radius:4px;

    background:
        rgba(255,255,255,.015);

    font-size:.55rem;
    font-weight:800;
}

.sub-link-row span{
    color:#7f8a92;

    text-transform:uppercase;
}

.sub-link-row a{
    color:var(--gold2);

    transition:
        color .16s ease;
}

.sub-link-row a:hover{
    color:#fff;
}


/* =========================================================
   CTA FRAME
========================================================= */

.cta-shell{
    position:relative;

    overflow:hidden;

    padding:2px;

    border-radius:9px;
}

.cta-shell:before{
    content:"";

    position:absolute;

    top:0;
    bottom:0;
    left:0;

    width:200%;

    background:linear-gradient(
        90deg,
        var(--red) 0%,
        var(--gold) 16.666%,
        var(--blue) 33.333%,
        var(--red) 50%,
        var(--gold) 66.666%,
        var(--blue) 83.333%,
        var(--red) 100%
    );

    transform:translate3d(-50%,0,0);
    animation:cta-border-flow 5.6s linear infinite;
    will-change:transform;
}

.cta-shell:after{
    content:"";

    position:absolute;

    z-index:1;

    inset:2px;

    border-radius:7px;

    background:#15181f;
}

.cta-shell.blue:before{
    background:linear-gradient(90deg,var(--blue) 0%,#a4c0ff 16.666%,var(--gold) 33.333%,var(--blue) 50%,#a4c0ff 66.666%,var(--gold) 83.333%,var(--blue) 100%);
}

.cta-shell.gold:before{
    background:linear-gradient(90deg,var(--gold) 0%,#fff0a8 16.666%,var(--red) 33.333%,var(--gold) 50%,#fff0a8 66.666%,var(--red) 83.333%,var(--gold) 100%);
}

.cta-shell.teal:before{
    background:linear-gradient(90deg,var(--teal) 0%,#9aebdd 16.666%,var(--blue) 33.333%,var(--teal) 50%,#9aebdd 66.666%,var(--blue) 83.333%,var(--teal) 100%);
}

.cta-shell.red:before{
    background:linear-gradient(90deg,var(--pink) 0%,#ffb1cb 16.666%,var(--gold) 33.333%,var(--pink) 50%,#ffb1cb 66.666%,var(--gold) 83.333%,var(--pink) 100%);
}


@keyframes cta-border-flow{
    from{
        transform:translate3d(-50%,0,0);
    }

    to{
        transform:translate3d(0,0,0);
    }
}

.cta{
    position:relative;
    z-index:2;

    display:flex;

    align-items:center;
    justify-content:center;

    min-height:50px;

    padding:
        12px 13px;

    border-radius:7px;

    background:
        linear-gradient(
            #f06f81,
            #c4354b
        );

    color:#fff;

    font-size:.94rem;
    font-weight:1000;

    text-align:center;

    text-transform:uppercase;

    transition:
        transform .16s ease,
        filter .16s ease;
}

.cta:after{
    content:"→";

    margin-left:8px;

    transition:
        transform .16s ease;
}

.cta:hover{
    transform:
        translateY(-1px);

    filter:
        brightness(1.1);
}

.cta:hover:after{
    transform:
        translateX(3px);
}

.cta.blue{
    background:
        linear-gradient(
            #98b3f4,
            #5b78c4
        );
}

.cta.gold{
    background:
        linear-gradient(
            #ffe486,
            #b98b34
        );

    color:#251a06;
}

.cta.teal{
    background:
        linear-gradient(
            #86dfd0,
            #479f90
        );

    color:#061713;
}

.cta.red{
    background:
        linear-gradient(
            #ef8bad,
            #bd4e77
        );
}


/* =========================================================
   TRANSITION RIBBON
========================================================= */

.category-ribbon{
    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:7px;

    margin:
        10px 0 0;
}

.category-ribbon div{
    min-height:52px;

    display:flex;
    flex-direction:column;

    justify-content:center;

    padding:
        8px 9px;

    border:
        1px solid
        var(--border);

    border-radius:6px;

    background:#11141a;
}

.category-ribbon small{
    color:var(--muted);

    font-size:.5rem;
    font-weight:900;

    text-transform:uppercase;
}

.category-ribbon strong{
    margin-top:3px;

    color:#d6dce0;

    font-size:.68rem;

    text-transform:uppercase;
}


/* =========================================================
   DOMAIN INFO
========================================================= */

.domain-info{
    position:relative;

    overflow:hidden;

    margin-top:16px;

    padding:
        29px 28px;

    border:
        1px solid
        rgba(240,77,98,.16);

    border-radius:10px;

    background:
        radial-gradient(
            circle at 90% 9%,
            rgba(119,156,240,.06),
            transparent 210px
        ),
        linear-gradient(
            125deg,
            #21161b,
            #0f1217
        );

    box-shadow:var(--shadow);
}

.domain-info:after{
    content:"FREE";

    position:absolute;

    right:10px;
    top:-18px;

    color:
        rgba(240,77,98,.027);

    font-size:8rem;
    font-weight:1000;

    letter-spacing:-8px;

    pointer-events:none;
}

.domain-info p{
    position:relative;
    z-index:2;

    color:#d2d8db;

    font-size:1.05rem;

    line-height:1.78;
}

.domain-info strong{
    color:#fff;
}


/* =========================================================
   RECOMMEND BAR
========================================================= */

.recommend-bar{
    display:grid;

    grid-template-columns:
        1.1fr 1fr 1fr 1fr;

    gap:9px;

    margin-top:10px;
}

.recommend-copy,
.recommend-bar > a{
    min-height:72px;

    border:
        1px solid
        var(--border);

    border-radius:8px;

    background:
        linear-gradient(
            145deg,
            var(--panel2),
            var(--panel)
        );
}

.recommend-copy{
    display:flex;
    flex-direction:column;

    justify-content:center;

    padding:
        12px 14px;
}

.recommend-copy small{
    color:#ed8293;

    font-size:.53rem;
    font-weight:900;

    text-transform:uppercase;
}

.recommend-copy strong{
    margin-top:4px;

    font-size:.82rem;
}

.recommend-bar > a{
    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:
        12px 42px 12px 13px;

    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background .16s ease;
}

.recommend-bar > a:hover{
    border-color:
        var(--red);

    box-shadow:
        inset 0 0 0 1px rgba(240,77,98,.08),
        0 0 18px rgba(240,77,98,.08);
}

.recommend-bar > a small{
    color:var(--muted);

    font-size:.53rem;
    font-weight:900;

    text-transform:uppercase;
}

.recommend-bar > a strong{
    margin-top:4px;

    color:var(--gold);

    font-size:.94rem;
}

.recommend-bar > a span{
    position:absolute;

    right:13px;
    top:50%;

    transform:
        translateY(-50%);

    color:var(--gold);

    font-size:1rem;
    font-weight:1000;
}


/* =========================================================
   FOOTER
========================================================= */

.site-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px 24px;
    margin-top:18px;
    padding:14px 5px 18px;
    border-top:1px solid var(--border);
    color:#778088;
    font-size:.66rem;
}
.site-footer-brand{
    display:flex;
    align-items:baseline;
    gap:10px;
    min-width:0;
    flex-wrap:wrap;
}
.site-footer strong{
    color:#d0d6da;
    font-size:.74rem;
    letter-spacing:.35px;
}
.site-footer-brand span{
    color:#7e8791;
}
.site-footer .footer-links{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px 12px;
    flex-wrap:wrap;
}
.site-footer .footer-links a{
    color:#aeb5bf;
    text-decoration:none;
    white-space:nowrap;
}
.site-footer .footer-links a:hover{
    color:#fff;
}
.site-footer .footer-rta{
    display:inline-flex;
    align-items:center;
    gap:5px;
}
.site-footer .footer-rta span{
    padding:2px 5px;
    border:1px solid rgba(240,77,98,.38);
    border-radius:999px;
    color:#ff8ca0;
    font-size:.54rem;
    font-weight:900;
    letter-spacing:.55px;
}
@media(max-width:760px){
    .site-footer{
        align-items:center;
        flex-direction:column;
        margin-top:14px;
        padding:12px 3px 15px;
        text-align:center;
    }
    .site-footer-brand{
        width:100%;
        justify-content:center;
    }
    .site-footer .footer-links{
        width:100%;
        justify-content:center;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

    .premium-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .premium-grid .site-card:last-child{
        grid-column:
            1 / -1;
    }

    .premium-grid .site-card:last-child .thumb-wrap{
        height:210px;
    }
}


/* =========================================================
   760PX
========================================================= */

@media(max-width:760px){

    .site-header{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
        gap:6px 9px;
        min-height:50px;
        padding:6px 0;
    }

    .brand-row{
        grid-column:1;
        grid-row:1;
        min-width:0;
    }

    .brand-copy{
        min-width:0;
    }

    .header-signals{
        grid-column:2;
        grid-row:1;
        margin:0;
    }

    .header-micro-pill{
        display:none;
    }

    .adult-status{
        width:max-content;
        gap:5px;
        padding:5px 8px;
    }

    .adult-label-long{
        display:none;
    }

    .adult-label-short{
        display:inline;
    }

    .header-search{
        grid-column:1 / -1;
        grid-row:2;
        width:100%;
        min-width:0;
        max-width:none;
        height:30px;
        margin:0;
        flex:none;
    }


    .free-grid{
        gap:10px;
    }

    .premium-grid{
        gap:10px;
    }

    .category-ribbon{
        grid-template-columns:
            1fr 1fr;
    }

    .domain-info{
        display:none;
    }

    .recommend-bar{
        grid-template-columns:
            repeat(4,minmax(0,1fr));
        gap:5px;
    }

    .recommend-copy{
        grid-column:auto;
    }

    .recommend-copy,
    .recommend-bar > a{
        min-height:58px;
        padding:8px 6px;
        border-radius:7px;
    }

    .recommend-copy small,
    .recommend-bar > a small{
        font-size:.43rem;
        line-height:1.1;
    }

    .recommend-copy strong,
    .recommend-bar > a strong{
        margin-top:3px;
        font-size:.64rem;
        line-height:1.12;
    }

    .recommend-bar > a{
        padding-right:20px;
    }

    .recommend-bar > a span{
        right:6px;
        font-size:.78rem;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:620px){
    .category-label-desktop{
        display:none;
    }
    .category-label-mobile{
        display:inline;
    }

    .site-container{
        width:min(
            100% - 14px,
            1200px
        );
    }

    .site-header{
        gap:8px;
        min-height:48px;
        padding:5px 0;
    }

    .brand-row{
        gap:8px;
    }

    .logo-trace{
        width:36px;
        height:36px;
    }

    .site-header h1{
        font-size:1rem;
        letter-spacing:-.8px;
        white-space:nowrap;
    }

    .site-header p{
        max-width:170px;
        margin-top:2px;
        overflow:hidden;
        color:#939ca3;
        font-size:.52rem;
        line-height:1;
        white-space:nowrap;
        text-overflow:ellipsis;
    }

    .free-grid,
    .premium-grid{
        grid-template-columns:
            1fr;
    }

    .premium-grid .site-card:last-child{
        grid-column:auto;
    }

    .thumb-wrap,
    .compact-thumb,
    .premium-grid .site-card:last-child .thumb-wrap{
        height:218px;
    }

    .card-body,
    .compact-card .card-body{
        padding:
            14px;
    }

    .description,
    .compact-card .description{
        font-size:.79rem;

        line-height:1.53;
    }

    .cta{
        min-height:54px;

        font-size:.96rem;
    }

    .category-ribbon{
        gap:6px;
    }

    .recommend-bar{
        grid-template-columns:
            repeat(4,minmax(0,1fr));
    }

    .recommend-bar > a{
        min-height:56px;
    }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media(max-width:390px){

    .site-header h1{
        font-size:1rem;
    }

    .site-header p{
        display:none;
    }

    .thumb-wrap,
    .compact-thumb,
    .premium-grid .site-card:last-child .thumb-wrap{
        height:202px;
    }

    .mini-info span{
        font-size:.49rem;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    html{
        scroll-behavior:auto;
    }

    .rail-track,
    .cta-shell:before,
    .adult-status i:after{
        animation:none;
    }

    .cta-shell:before{
        width:100%;
        transform:none;
        will-change:auto;
    }
}

/* =========================================================
   ARCHIVE LINK REFINEMENT
========================================================= */

.recommend-bar > a.recommend-videos{
    border-color:rgba(240,77,98,.35);
    background:linear-gradient(145deg,rgba(240,77,98,.10),var(--panel));
}

.recommend-bar > a.recommend-videos strong,
.recommend-bar > a.recommend-videos span{
    color:#ff8ca0;
}


/* Mobile section headings: keep long titles compact and single-line */
@media(max-width:760px){
    .section-heading{
        gap:7px;
    }
    .section-number{
        width:27px;
        height:27px;
        font-size:.56rem;
    }
    .section-heading > div:nth-child(2){
        flex:1 1 auto;
        min-width:0;
    }
    .section-heading h2{
        font-size:clamp(.72rem,2.55vw,.88rem);
        line-height:1.08;
        letter-spacing:-.15px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .section-heading span{
        font-size:.49rem;
    }
    .section-heading p{
        font-size:.54rem;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .section-line{
        display:none;
    }
}

@media(max-width:390px){
    .section-heading h2{
        font-size:.69rem;
    }
}


/* Soft broken frames for the large homepage panels. */
.home-archive-feature,
.domain-info{
    position:relative;
    border-color:transparent;
}
.home-archive-feature:before,
.domain-info:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    border-radius:inherit;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(94,102,119,.72) 0%,rgba(94,102,119,.52) 16%,transparent 34%,transparent 66%,rgba(94,102,119,.52) 84%,rgba(94,102,119,.72) 100%) top left/100% 1px no-repeat,
        linear-gradient(90deg,rgba(94,102,119,.62) 0%,rgba(94,102,119,.42) 15%,transparent 33%,transparent 67%,rgba(94,102,119,.42) 85%,rgba(94,102,119,.62) 100%) bottom left/100% 1px no-repeat,
        linear-gradient(180deg,rgba(94,102,119,.68) 0%,rgba(94,102,119,.48) 18%,transparent 38%,transparent 62%,rgba(94,102,119,.48) 82%,rgba(94,102,119,.68) 100%) top left/1px 100% no-repeat,
        linear-gradient(180deg,rgba(94,102,119,.68) 0%,rgba(94,102,119,.48) 18%,transparent 38%,transparent 62%,rgba(94,102,119,.48) 82%,rgba(94,102,119,.68) 100%) top right/1px 100% no-repeat;
}

/* =========================================================
   HOMEPAGE INTERNAL ARCHIVE FEATURE
========================================================= */
.home-archive-feature{
    display:grid;
    grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);
    gap:16px;
    align-items:stretch;
    margin:8px 0 14px;
    padding:14px;
    border:0;
    border-left:4px solid var(--red);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(240,77,98,.09),rgba(17,19,24,.96) 42%,rgba(17,19,24,.98));
}
.home-archive-feature:before{
    display:none;
}
.home-archive-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:3px 2px 3px 4px;
    text-align:center;
}
.home-archive-headline{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-width:0;
}
.home-archive-count{
    flex:0 0 auto;
    color:#fff;
    font-size:clamp(3.45rem,5vw,4.45rem);
    font-weight:950;
    line-height:.8;
    letter-spacing:-3.9px;
    text-shadow:0 1px 0 rgba(255,255,255,.08);
}
.home-archive-headline-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    text-align:left;
}
.home-archive-headline-copy .home-archive-kicker{
    margin:0 0 6px;
    color:var(--red);
    font-size:.94rem;
    font-weight:900;
    line-height:1;
    letter-spacing:.7px;
    white-space:nowrap;
}
.home-archive-headline-copy>p{
    margin:0;
    color:#aeb4bf;
    font-size:.72rem;
    line-height:1.25;
}
.home-archive-value{
    margin-top:13px;
    padding-top:11px;
    border-top:1px solid rgba(94,102,119,.25);
    text-align:center;
}
.home-archive-value>span{
    display:block;
    color:var(--gold);
    font-size:.52rem;
    font-weight:900;
    letter-spacing:.55px;
    text-transform:uppercase;
}
.home-archive-value h3{
    margin:4px 0 5px;
    color:#fff;
    font-size:1.02rem;
    line-height:1.12;
    letter-spacing:-.45px;
}
.home-archive-media{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.home-archive-actions{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:6px;
    margin-top:12px;
}
.home-archive-actions a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:31px;
    padding:0 10px;
    border:1px solid #333947;
    border-radius:8px;
    background:#11141a;
    color:#d7dbe3;
    font-size:.66rem;
    font-weight:850;
}
.home-archive-actions a:hover{
    border-color:#596274;
    color:#fff;
}
.home-archive-actions a.primary{
    min-height:40px;
    padding:0 17px;
    border-color:rgba(240,77,98,.48);
    background:rgba(240,77,98,.13);
    color:#fff;
    font-size:.76rem;
    border-radius:10px;
}
.home-archive-actions a.primary span{
    color:#ff8ca0;
}
.home-archive-actions a.xstream-cta{
    border-color:rgba(255,52,77,.72);
    background:linear-gradient(135deg,rgba(128,8,27,.42),rgba(240,77,98,.14));
    box-shadow:0 0 18px rgba(240,35,62,.11),inset 0 0 14px rgba(255,56,82,.05);
    color:#fff;
}
.home-archive-actions a.xstream-cta:hover{
    border-color:#ff6d80;
    background:linear-gradient(135deg,rgba(156,7,31,.54),rgba(240,77,98,.2));
}
.home-archive-actions a.xstream-cta span{color:#ff5268}
.home-archive-videos{
    min-width:0;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    align-items:start;
}
.home-archive-video{
    min-width:0;
    contain:paint;
    overflow:hidden;
    border:1px solid #292e39;
    border-radius:10px;
    background:#0c0e12;
}
.home-archive-thumb{
    position:relative;
    display:block;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#171a20;
}
.home-archive-thumb:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(180deg,rgba(9,10,13,.18),rgba(9,10,13,.08) 34%,rgba(9,10,13,.28) 70%,rgba(9,10,13,.42));
    pointer-events:none;
}
.home-archive-thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 43%;
    filter:blur(1.6px) brightness(.76);
    transform:scale(1.35);
    transition:transform .22s ease,filter .22s ease;
}
.home-archive-video:hover .home-archive-thumb img{
    transform:scale(1.39);
    filter:blur(.8px) brightness(.86);
}
.home-archive-thumb b{
    position:absolute;
    right:5px;
    bottom:5px;
    z-index:2;
    padding:3px 5px;
    border-radius:4px;
    background:rgba(0,0,0,.82);
    color:#fff;
    font-size:.55rem;
}
.home-archive-video>strong{
    display:block;
    padding:7px 8px 8px;
    overflow:hidden;
    color:#e9ebf0;
    font-size:.65rem;
    line-height:1.25;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.home-archive-signals{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    margin-top:7px;
}
.home-archive-signals span{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-height:24px;
    padding:3px 7px;
    border:1px solid rgba(94,102,119,.30);
    border-radius:999px;
    background:rgba(12,14,18,.68);
    white-space:nowrap;
}
.home-archive-signals small{
    color:#858d9b;
    font-size:.43rem;
    font-weight:900;
    letter-spacing:.4px;
}
.home-archive-signals strong{
    color:#dce0e7;
    font-size:.50rem;
    font-weight:950;
    letter-spacing:.15px;
}

.home-archive-signals span:nth-child(1){
    border-color:rgba(255,169,179,.24);
    background:rgba(255,122,138,.07);
}
.home-archive-signals span:nth-child(1) strong{color:#ffd6dc}
.home-archive-signals span:nth-child(2){
    border-color:rgba(255,125,140,.31);
    background:rgba(255,88,108,.10);
}
.home-archive-signals span:nth-child(2) strong{color:#ffb7c1}
.home-archive-signals span:nth-child(3){
    border-color:rgba(255,82,103,.40);
    background:rgba(255,54,78,.14);
}
.home-archive-signals span:nth-child(3) strong{color:#ff8c9d}
.home-archive-signals span:nth-child(4){
    border-color:rgba(255,52,77,.54);
    background:rgba(255,37,61,.19);
}
.home-archive-signals span:nth-child(4) strong{color:#ff6276}


/* Homepage vertical rhythm: keep content dense without compressing card internals. */
.content-section + .content-section{margin-top:0}
@media(min-width:901px){
    .site-header + .home-archive-feature{margin-top:0}
}


@media(max-width:390px){
    .site-header p{
        display:none;
    }
    .brand-row{
        gap:6px;
    }
    .logo-trace{
        width:34px;
        height:34px;
    }
    .site-header h1{
        font-size:.9rem;
    }
    .adult-status{
        padding:4px 6px;
        font-size:.49rem;
    }
}

/* Rendering budget: defer lower-page paint/layout until it approaches the viewport. */
@media(max-width:390px){
    .mobile-hub-nav{
        gap:4px 9px;
        padding:8px 7px;
        font-size:.72rem;
    }
    .mobile-hub-nav a+a:before{
        margin-right:9px;
    }
}

@supports(content-visibility:auto){
    .premium-grid,
    .category-ribbon,
    .domain-info,
    .recommend-bar{
        content-visibility:auto;
        contain-intrinsic-size:auto 420px;
    }
    .domain-info,
    .recommend-bar{
        contain-intrinsic-size:auto 110px;
    }
}

/* =========================================================
   HOMEPAGE ARCHIVE HUBS
========================================================= */
.domain-info p{margin:0}
.domain-info p+p{margin-top:14px}
.home-hubs{
    margin-top:14px;
    padding:15px;
    border:0;
    border-radius:14px;
    background:
        linear-gradient(135deg,rgba(240,77,98,.055),transparent 30%),
        linear-gradient(145deg,#12151c,#0b0d12 72%);
    box-shadow:0 16px 42px rgba(0,0,0,.16);
}
.home-hubs-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:18px;
    padding:1px 2px 13px;
    border-bottom:1px solid rgba(94,102,119,.28);
}
.home-hubs-head>div{min-width:0}
.home-hubs small,
.home-hub-card>small{
    display:block;
    color:#f06a7f;
    font-size:.55rem;
    font-weight:950;
    letter-spacing:.9px;
    text-transform:uppercase;
}
.home-hubs-head h2{
    margin:3px 0 0;
    color:#fff;
    font-size:1.28rem;
    line-height:1;
    letter-spacing:-.55px;
}
.home-hubs-head p{
    max-width:560px;
    margin:0;
    color:#9299a7;
    font-size:.68rem;
    line-height:1.45;
    text-align:right;
}
.home-hubs-grid{
    display:grid;
    grid-template-columns:1fr 1.08fr 1fr;
    gap:9px;
    padding-top:10px;
}
.home-hub-card{
    min-width:0;
    min-height:132px;
    display:flex;
    flex-direction:column;
    padding:14px 15px;
    border:1px solid rgba(94,102,119,.30);
    border-radius:10px;
    background:linear-gradient(145deg,rgba(22,25,33,.9),rgba(11,13,18,.96));
    transition:border-color .18s ease,transform .18s ease,background .18s ease;
}
.home-hub-card:hover{
    transform:translateY(-1px);
    border-color:rgba(112,122,142,.52);
    background:linear-gradient(145deg,rgba(26,29,38,.94),rgba(12,14,19,.98));
}
.home-hub-card>strong{
    display:block;
    margin:5px 0 5px;
    color:#f2f4f7;
    font-size:.88rem;
    line-height:1.15;
}
.home-hub-card>p{
    margin:0;
    color:#8f97a5;
    font-size:.64rem;
    line-height:1.45;
}
.home-hub-cta{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:fit-content;
    margin-top:auto;
    padding-top:11px;
    color:#e4e7ed;
    font-size:.64rem;
    font-weight:900;
}
.home-hub-cta span{color:#ff6b80;font-size:.78rem}
.home-hub-discovery nav{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:auto;
    padding-top:10px;
}
.home-hub-discovery nav a{
    padding:5px 8px;
    border:1px solid rgba(94,102,119,.38);
    border-radius:999px;
    background:#0d1015;
    color:#cbd0d8;
    font-size:.59rem;
    font-weight:850;
}
.home-hub-discovery nav a:hover{
    border-color:#626c7f;
    background:#151922;
    color:#fff;
}
.home-hub-xstream{
    border-color:rgba(255,58,82,.42);
    background:
        radial-gradient(circle at 92% 12%,rgba(255,45,70,.16),transparent 37%),
        linear-gradient(145deg,rgba(73,7,19,.42),rgba(14,12,17,.97));
}
.home-hub-xstream:hover{
    border-color:rgba(255,82,105,.62);
    background:
        radial-gradient(circle at 92% 12%,rgba(255,45,70,.22),transparent 40%),
        linear-gradient(145deg,rgba(87,7,22,.48),rgba(15,12,18,.98));
}
.home-hub-xstream>strong{
    color:#ff5a70;
    font-size:1.08rem;
    letter-spacing:.09em;
}
.home-hub-xstream .home-hub-cta{color:#fff}

/* Mobile-first archive navigation. Hidden on desktop; shown only when the larger homepage archive panels are suppressed. */
.mobile-hub-nav{
    display:none;
}

/* =========================================================
   MOBILE CORE WEB VITALS
   Keep the homepage first viewport cheap to paint. Desktop is unchanged.
========================================================= */
@media(max-width:900px){
    .mobile-hub-nav{
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        justify-content:center;
        gap:4px 12px;
        margin:0 0 12px;
        padding:9px 10px;
        border:1px solid rgba(255,255,255,.09);
        border-radius:12px;
        background:rgba(15,17,22,.72);
        font-size:.76rem;
        font-weight:750;
        line-height:1.25;
    }
    .mobile-hub-nav a{
        color:#d8dbe3;
        text-decoration:none;
        white-space:nowrap;
    }
    .mobile-hub-nav a+a:before{
        content:'·';
        display:inline-block;
        margin-right:12px;
        color:#ff526b;
        opacity:.75;
    }

    /* Keep the mobile index lean: remove the scrolling promo rail and both large archive panels. */
    .top-rail,
    .home-archive-feature,
    .home-hubs{
        display:none;
    }

    /* Keep the previously requested mobile text-wall reduction as well. */
    .domain-info{
        display:none;
    }

    /* Inter remains a desktop enhancement; mobile uses the immediate system fallback. */
    body{
        font-family:Arial,Helvetica,sans-serif;
    }

    /* Avoid a full-viewport fixed paint layer during the initial mobile render. */
    body:before{
        display:none;
    }
}

@supports(content-visibility:auto){
    .home-hubs{
        content-visibility:auto;
        contain-intrinsic-size:auto 360px;
    }
}

.category-label-mobile{
    display:none;
}

/* =========================================================
   MOBILE HEIGHT COMPACTION
   Keep desktop unchanged; condense phone cards and navigation.
========================================================= */
@media(max-width:620px){
    /* Reuse the existing three info pills as a thumbnail overlay instead of a body row. */
    .site-card .mini-info{
        position:absolute;
        z-index:15;
        left:10px;
        right:10px;
        top:218px;
        transform:translateY(calc(-100% - 8px));
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:4px;
        margin:0;
        pointer-events:none;
    }
    .site-card .mini-info span{
        min-height:26px;
        padding:3px 4px;
        border-color:rgba(255,255,255,.17);
        background:rgba(10,12,16,.78);
        box-shadow:0 3px 12px rgba(0,0,0,.16);
        backdrop-filter:blur(3px);
        -webkit-backdrop-filter:blur(3px);
        font-size:.49rem;
    }

    /* App shortcut is phone-specific: iPhone/other mobile keeps one full-width CTA. */
    .card-xvideos .card-body,
    .card-xnxx .card-body{
        padding:12px;
    }
    .card-xvideos .sub-link-row,
    .card-xnxx .sub-link-row{
        display:none;
    }

    /* Android phones get the compact 75/25 main CTA + app shortcut row. */
    .android-phone .card-xvideos .card-body,
    .android-phone .card-xnxx .card-body{
        display:grid;
        grid-template-columns:minmax(0,3fr) minmax(0,1fr);
        column-gap:6px;
    }
    .android-phone .card-xvideos .card-head,
    .android-phone .card-xvideos .description,
    .android-phone .card-xnxx .card-head,
    .android-phone .card-xnxx .description{
        grid-column:1 / -1;
    }
    .android-phone .card-xvideos .cta-shell,
    .android-phone .card-xnxx .cta-shell{
        grid-column:1;
        grid-row:3;
        min-width:0;
    }
    .android-phone .card-xvideos .sub-link-row,
    .android-phone .card-xnxx .sub-link-row{
        display:flex;
        grid-column:2;
        grid-row:3;
        min-width:0;
        min-height:48px;
        margin:0;
        padding:0;
        align-items:stretch;
        justify-content:stretch;
        overflow:hidden;
        border-radius:9px;
        background:#15181f;
    }
    .android-phone .card-xvideos .sub-link-row{
        border-color:rgba(240,77,98,.38);
        background:rgba(240,77,98,.09);
    }
    .android-phone .card-xnxx .sub-link-row{
        border-color:rgba(119,156,240,.38);
        background:rgba(119,156,240,.09);
    }
    .android-phone .card-xvideos .sub-link-row > span,
    .android-phone .card-xnxx .sub-link-row > span{
        display:none;
    }
    .android-phone .card-xvideos .sub-link-row a,
    .android-phone .card-xnxx .sub-link-row a{
        width:100%;
        min-width:0;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:5px 4px;
        color:#fff;
        font-size:.62rem;
        font-weight:900;
        line-height:1.08;
        text-align:center;
    }
    .android-phone .card-xvideos .sub-link-row a:hover,
    .android-phone .card-xnxx .sub-link-row a:hover{
        color:#fff;
    }

    /* Slightly shorter CTAs save height across the stacked mobile cards. */
    .cta{
        min-height:48px;
        font-size:.86rem;
    }

    /* Four transition cards stay in one compact row on phones. */
    .category-ribbon{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:4px;
    }
    .category-ribbon div{
        min-width:0;
        min-height:48px;
        padding:6px 5px;
    }
    .category-ribbon small{
        font-size:.42rem;
        line-height:1.05;
    }
    .category-ribbon strong{
        margin-top:3px;
        font-size:.56rem;
        line-height:1.08;
        overflow-wrap:anywhere;
    }

    /* Drop the explanatory first recommendation tile; let the 3 useful links expand. */
    .recommend-copy{
        display:none;
    }
    .recommend-bar{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:6px;
    }
    .recommend-bar > a{
        min-width:0;
        min-height:52px;
        padding:7px 20px 7px 8px;
    }
    .recommend-bar > a small{
        font-size:.42rem;
    }
    .recommend-bar > a strong{
        font-size:.68rem;
        line-height:1.08;
    }
}

@media(max-width:390px){
    .site-card .mini-info{
        top:202px;
        left:8px;
        right:8px;
    }
    .site-card .mini-info span{
        font-size:.46rem;
    }
    .category-ribbon strong{
        font-size:.52rem;
    }
    .recommend-bar > a strong{
        font-size:.63rem;
    }
}

/* Keep the compact first discovery label correct on phones. */
@media(max-width:620px){
    .category-label-desktop{display:none;}
    .category-label-mobile{display:inline;}
}

/* RealFreePorn: video archive embedded only where the old promo-card grids were */
.home-video-feed{margin:16px 0 18px;padding:0;border-top:1px solid #262b35;border-bottom:1px solid #262b35}
.home-video-feed-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 0 12px}
.home-video-feed-head .section-number{align-self:center}
.home-video-feed-copy{min-width:0}.home-video-feed-copy>span{display:block;color:#f14e65;font-size:.58rem;font-weight:950;letter-spacing:.9px;text-transform:uppercase}.home-video-feed-copy h2{margin:2px 0 3px;color:#f6f7fb;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1;letter-spacing:-.55px;text-transform:uppercase}.home-video-feed-copy p{margin:0;color:#8f96a4;font-size:.66rem;font-weight:750;text-transform:uppercase;letter-spacing:.25px}.home-video-feed-count{display:grid;grid-template-columns:auto auto;column-gap:6px;align-items:baseline;text-align:right}.home-video-feed-count small{grid-column:1/-1;color:#737b8a;font-size:.52rem;font-weight:900;letter-spacing:.75px}.home-video-feed-count strong{color:#fff;font-size:1.08rem}.home-video-feed-count span{color:#858d9c;font-size:.6rem;font-weight:800;text-transform:uppercase}
.home-video-collections{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin:0 0 13px;padding:10px 11px;border:1px solid #292e3a;border-radius:10px;background:#0d1016}.home-video-collections-label{min-width:90px;padding:2px 4px 0}.home-video-collections-label small{display:block;color:#f14e65;font-size:.52rem;font-weight:900;letter-spacing:.75px}.home-video-collections-label strong{display:block;margin-top:2px;color:#f0f2f6;font-size:.68rem}.home-video-feed .channel-rail{gap:4px}.home-video-feed .channel-mobile-picker{display:none}.home-video-feed .video-grid{margin:0;padding:0 0 4px}.home-video-feed .browse-dial{margin:22px 0 14px}.home-video-feed .video-tile{min-width:0}
@media(max-width:900px){.home-video-feed{margin-top:10px}.home-video-feed-head{grid-template-columns:auto minmax(0,1fr);padding-top:12px}.home-video-feed-count{display:none}.home-video-collections{grid-template-columns:1fr}.home-video-collections-label{display:none}.home-video-feed .channel-rail{display:none}.home-video-feed .channel-mobile-picker{display:block}.home-video-feed .channel-mobile-picker label{display:block;margin-bottom:5px;color:#8d95a3;font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.home-video-feed .channel-mobile-picker select{width:100%;height:38px;padding:0 10px;border:1px solid #303746;border-radius:8px;background:#0a0d12;color:#f1f3f7;font:inherit;font-size:.74rem}.home-video-feed .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-video-feed .browse-dial{grid-template-columns:1fr 1fr;gap:7px}.home-video-feed .dial-center{grid-column:1/-1;grid-row:1;min-width:0}.home-video-feed .dial-btn{grid-row:2;padding:11px 10px;font-size:.7rem}.home-video-feed .dial-btn.next{text-align:right}}
@media(max-width:520px){.home-video-feed-head{gap:8px}.home-video-feed-copy h2{font-size:1.05rem}.home-video-feed-copy p{font-size:.56rem;line-height:1.35}.home-video-collections{padding:8px}.home-video-feed .video-grid{gap:7px}.home-video-feed .tile-title{font-size:.72rem}.home-video-feed .tile-copy{padding-top:6px}.home-video-feed .tile-play{width:30px;height:30px}}