@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;min-width:320px;background:#111014;color:#fff;font-family:'DM Sans',sans-serif;color-scheme:dark}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ffb7dc;outline-offset:5px}.brand-logo{width:100%;height:auto;display:block}.site{min-height:100svh;position:relative;isolation:isolate}.splash[hidden]{display:none!important}.is-revealing .splash{background:transparent;transition:background .65s}.is-revealing .site{visibility:visible!important;animation:reveal .8s both}.is-loading [data-logo-target]{visibility:hidden}.splash img{transform-origin:center}.is-loading .diagonal-track{animation-play-state:paused}
.diagonal-bg{--frame:clamp(489.6px,51.84vw,1065.6px);--cut:calc(var(--frame) * .24);position:fixed;inset:0;z-index:-2;overflow:hidden;background:#221820}.diagonal-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07060b66,#08060b27 38%,#08060b35 65%,#07060b8a),#00000020}.diagonal-track{display:flex;width:max-content;height:100%;animation:diagonal-loop 126s linear infinite;will-change:transform}.diagonal-group{display:flex;flex-shrink:0;height:100%}.diagonal-group>img{height:100%;width:var(--frame);margin-right:calc(-1 * var(--cut) - 1px);flex-shrink:0;object-fit:cover;object-position:center 28%;clip-path:polygon(24% 0,100% 0,76% 100%,0 100%);filter:saturate(1.04) contrast(1.02)}
/* Three identical groups; advance exactly one group. The negative start offset covers the first diagonal edge. */
@keyframes diagonal-loop{from{transform:translateX(calc(-1 * var(--cut)))}to{transform:translateX(calc(-100% / 3 - var(--cut)))}}
.fox-content{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:5svh 24px 55px}.fox-logo{width:min(440px,74vw);margin:0 auto}.fox-links{width:min(440px,90vw);display:flex;flex-direction:column;align-items:center;gap:11px;margin-top:clamp(35px,9svh,120px)}.fox-link{display:flex;align-items:center;justify-content:center;gap:13px;text-decoration:none;color:#fff;border:1px solid #ffffff20;background:linear-gradient(130deg,#080808e8,#171717d9);border-radius:80px;width:82%;padding:12px 20px;min-height:51px;font-family:'Archivo Black','Arial Black',sans-serif;font-weight:400;font-size:21px;text-transform:uppercase;letter-spacing:-.5px;line-height:1.2;box-shadow:0 4px 20px #00000018;backdrop-filter:blur(8px);transition:transform .22s,filter .22s,box-shadow .22s;cursor:pointer}.fox-link:hover{transform:scale(1.05);filter:brightness(1.15);box-shadow:0 6px 30px #0005}.platform-icon{width:29px;height:29px;object-fit:contain;flex-shrink:0}.heart-icon{font-family:'DM Sans',sans-serif;font-size:30px;line-height:1;font-weight:700}.fox-fansly{width:100%;min-height:65px;background:linear-gradient(130deg,#098fdce6,#00b3ffe6);font-size:25px}.fox-instagram{background:linear-gradient(130deg,#f58529dd,#dd2a7bdd,#8134afdd)}.fox-telegram{background:linear-gradient(130deg,#147cacdd,#249ed0dd)}.fox-footer{text-align:center;position:absolute;left:0;right:0;bottom:18px;font-size:12px;color:#ece1ec}.no-script{font-size:14px;text-align:center;max-width:320px}
dialog{width:min(440px,calc(100vw - 32px));padding:38px 30px 22px;background:#17141bef;color:#fff;border:1px solid #ffffff30;border-radius:24px;text-align:center;box-shadow:0 30px 120px #0009;backdrop-filter:blur(20px)}dialog::backdrop{background:#07060cbc;backdrop-filter:blur(9px)}.dialog-close{position:absolute;right:12px;top:10px;background:transparent;border:0;color:#c9becd;font-size:29px;width:40px;height:40px;cursor:pointer}.age-icon{margin:0 auto 20px;width:64px;height:64px;border-radius:50%;border:1px solid #ffadd570;color:#ffadd5;background:#ff9dcb12;display:grid;place-items:center;font-weight:700;font-size:23px}dialog h2{font-size:25px;line-height:1.2;margin:0 0 15px;letter-spacing:-.6px}dialog p{font-size:15px;line-height:1.6;color:#c4b8c9;margin:0 0 25px}.age-continue{display:block;text-decoration:none;background:#ffabd3;color:#311424;padding:15px;border-radius:30px;font-size:16px;font-weight:700}.age-continue:hover{background:#ffc7e2}.age-cancel{display:block;margin:10px auto 0;background:transparent;border:0;color:#cbbdcc;min-height:42px;padding:8px 24px;font-size:14px;cursor:pointer}body:has(dialog[open]){overflow:hidden}
@keyframes reveal{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}
@media(max-width:760px){.fox-content{padding:7svh 20px 60px}.fox-logo{width:min(440px,85vw)}.fox-links{margin-top:clamp(40px,10svh,110px);gap:10px;width:min(400px,89vw)}.fox-link{font-size:19px;padding:12px 17px;min-height:49px;width:88%}.fox-fansly{width:100%;font-size:23px;min-height:61px}.diagonal-bg{--frame:118.08vw}.platform-icon{width:27px;height:27px}}
@media(max-height:650px){.fox-content{padding-top:20px;padding-bottom:50px}.fox-logo{width:min(320px,72vw)}.fox-links{margin-top:25px;gap:8px}.fox-link{min-height:42px;padding:9px 16px;font-size:18px}.fox-fansly{min-height:52px;font-size:22px}.platform-icon{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.is-revealing .site{animation:none}a,button,.splash{transition:none!important}.diagonal-track{animation-duration:180s}}

/* Large branding; destination controls at 70% of the previous size. */
.fox-logo{width:min(880px,calc(100vw - 48px))}
.fox-links{width:min(616px,calc(70vw - 33.6px));gap:15.4px}
.fox-link{min-height:71.4px;padding:16.8px 28px;font-size:29.4px;gap:18.2px;border-radius:112px;letter-spacing:-.7px}
.platform-icon{width:40.6px;height:40.6px}
.fox-fansly{min-height:91px;font-size:35px}
@media(max-width:760px){
 .fox-logo{width:min(880px,calc(100vw - 40px))}
 .fox-links{width:min(560px,calc(70vw - 28px));gap:14px}
 .fox-link{min-height:68.6px;padding:16.8px clamp(9.8px,2.8vw,23.8px);font-size:clamp(14px,3.85vw,26.6px);gap:clamp(7px,2.1vw,18.2px)}
 .fox-fansly{min-height:85.4px;font-size:clamp(19.6px,4.55vw,32.2px)}
 .platform-icon{width:clamp(22.4px,5.6vw,37.8px);height:clamp(22.4px,5.6vw,37.8px)}
}
@media(max-height:650px) and (min-width:761px){
 .fox-logo{width:min(640px,calc(100vw - 48px))}
 .fox-links{gap:11.2px}
 .fox-link{min-height:58.8px;padding:12.6px 22.4px;font-size:25.2px}
 .fox-fansly{min-height:72.8px;font-size:30.8px}
 .platform-icon{width:33.6px;height:33.6px}
}

/* Mobile: one composed screen, with room for the photographs above the links. */
@media(max-width:760px){
 .site{min-height:100svh}
 .fox-content{height:100svh;min-height:0;padding:max(18px,env(safe-area-inset-top)) 24px max(42px,calc(env(safe-area-inset-bottom) + 28px));gap:16px}
 .fox-logo{width:min(380px,100%,48svh);flex:none;margin:0 auto;filter:drop-shadow(0 8px 24px #10051060)}
 .fox-links{width:min(380px,100%);margin: auto 0 0;gap:clamp(7px,1.15svh,10px);flex:none}
 .fox-link{width:100%;min-height:0;height:clamp(44px,7svh,58px);padding:8px 18px;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;gap:14px;border-radius:18px;border:1px solid #ffffff28;background:linear-gradient(120deg,#201a24c9,#100d17c2);box-shadow:inset 0 1px 0 #ffffff0b,0 7px 20px #08040c20;font-family:'DM Sans',sans-serif;font-size:1.0625rem;font-weight:600;text-transform:none;letter-spacing:.1px;text-align:left;line-height:1.15;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .fox-link::after{content:'↗';font-size:20px;font-weight:400;color:#ffffffa6;text-align:right}
 .fox-fansly{width:100%;height:clamp(50px,7.8svh,64px);min-height:0;font-size:1.125rem;background:linear-gradient(115deg,#f292bfed,#cf5295ed);border-color:#ffd6e89c;box-shadow:inset 0 1px 0 #fff5,0 8px 26px #be36762b}
 .fox-instagram{background:linear-gradient(115deg,#59313dbf,#3c2443c9)}
 .fox-telegram{background:linear-gradient(115deg,#18354cc9,#162b40cf)}
 .platform-icon{width:28px;height:28px;object-fit:contain}
 .fox-link:hover{transform:none;filter:brightness(1.08)}
 .fox-link:active{transform:scale(.985);filter:brightness(1.18)}
 .fox-footer{bottom:max(12px,env(safe-area-inset-bottom));font-size:12px;letter-spacing:2px;color:#fff9;line-height:14px}
 .diagonal-bg:after{background:linear-gradient(180deg,#120a1a50 0%,#10091210 25%,#10091230 45%,#100912ac 100%)}
 dialog{max-height:calc(100svh - 32px);overflow-y:auto}
}
@media(max-width:1000px) and (max-height:480px) and (orientation:landscape){
 .fox-content{height:100svh;min-height:0;padding:12px 28px 34px;gap:12px}
 .fox-logo{width:min(240px,52svh)}
 .fox-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(660px,100%);margin:auto 0 0;gap:8px 12px}
 .fox-link,.fox-fansly{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;width:100%;height:clamp(42px,13svh,50px);min-height:0;padding:7px 14px;gap:10px;border-radius:16px;font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:600;text-transform:none;letter-spacing:0;text-align:left}
 .fox-link::after{content:'↗';font-size:18px;color:#fff9}
 .platform-icon{width:24px;height:24px}
 .fox-footer{bottom:10px}
}

/* Mobile destination priority and adult-content badges. */
@media(max-width:760px), (max-width:1000px) and (max-height:480px) and (orientation:landscape){
 .fox-fansly{order:1}
 .fox-clips{order:2}
 .fox-manyvids{order:3}
 .fox-instagram{order:4}
 .fox-twitter{order:5}
 .fox-telegram{order:6}
 .fox-link[data-adult-url]{grid-template-columns:28px minmax(0,1fr) 34px}
 .fox-link[data-adult-url]::after{content:'18+';display:grid;place-items:center;width:34px;height:24px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.2px;line-height:1;border:1px solid #ffffff55;border-radius:7px;background:#ffffff0d;color:#ffeff8;text-align:center}
}

/* Quiet secondary action; initial dialog focus belongs to its heading. */
#age-title:focus{outline:none}
.age-cancel{width:100%;min-height:46px;margin:12px 0 0;padding:12px 20px;border:1px solid #ffffff1a;border-radius:30px;background:#ffffff06;color:#d4c8d7;font-size:15px;line-height:1.2;appearance:none;-webkit-appearance:none;transition:background .18s,border-color .18s}
.age-cancel:hover{background:#ffffff0e;border-color:#ffffff30}
.age-cancel:active{background:#ffffff16}
.age-cancel:focus:not(:focus-visible){outline:none}
.age-cancel:focus-visible{outline:2px solid #ffb7dc;outline-offset:3px}
.fox-link:not([data-adult-url])::after{content:none;display:none}
@media(max-width:760px), (max-width:1000px) and (max-height:480px) and (orientation:landscape){
 .fox-link:not([data-adult-url]){grid-template-columns:28px minmax(0,1fr)}
}

/* Match desktop pill styling with a uniform mobile size. */
@media(max-width:760px), (max-width:1000px) and (max-height:480px) and (orientation:landscape){
 .fox-link,.fox-fansly{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:clamp(44px,7svh,58px);min-height:0;padding:8px 46px;gap:10px;border-radius:112px;border:1px solid #ffffff20;background:linear-gradient(130deg,#080808e8,#171717d9);box-shadow:0 4px 20px #00000018;font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(15px,4.2vw,20px);font-weight:400;text-transform:uppercase;letter-spacing:-.5px;text-align:center;line-height:1.2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
 .fox-fansly{background:linear-gradient(130deg,#098fdce6,#00b3ffe6)}
 .fox-instagram{background:linear-gradient(130deg,#f58529dd,#dd2a7bdd,#8134afdd)}
 .fox-telegram{background:linear-gradient(130deg,#147cacdd,#249ed0dd)}
 .platform-icon{width:26px;height:26px}
 .fox-link[data-adult-url]::after{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:21px;font-size:10px;border-radius:6px}
}
@media(max-width:1000px) and (max-height:480px) and (orientation:landscape){
 .fox-link,.fox-fansly{height:clamp(42px,13svh,50px);font-size:15px;padding:7px 42px;gap:8px}
 .platform-icon{width:24px;height:24px}
}