/*
Theme Name: FishSlip HQ
Theme URI: https://youtube.com/@FishSlipOG
Author: FishSlip
Description: A dark, video-first gaming creator theme.
Version: 1.1.0
License: GNU General Public License v2 or later
Text Domain: fishslip-hq
*/
:root{--ink:#09090b;--panel:#111116;--line:#2a2a34;--text:#f6f6f4;--muted:#a1a1aa;--blue:#2787ff;--gold:#f4df18;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(9,9,11,.88);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:1.13rem;font-weight:900;letter-spacing:-.04em}.brand-mark{width:38px;height:43px;display:grid;place-items:center;color:#07111c;font-size:.73rem;font-weight:1000;background:linear-gradient(145deg,var(--gold),#e99b16);clip-path:polygon(50% 0,94% 16%,87% 70%,50% 100%,13% 70%,6% 16%)}.main-nav ul{display:flex;gap:26px;margin:0;padding:0;list-style:none;font-size:.86rem;font-weight:750}.main-nav a{color:var(--muted)}.main-nav a:hover{color:var(--text)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:0 19px;border-radius:10px;color:#07111c;background:var(--gold);font-size:.82rem;font-weight:950;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(244,223,24,.25)}.button--ghost{color:var(--text);background:transparent;border:1px solid #555564}.hero{position:relative;isolation:isolate;padding:100px 0 74px;background:radial-gradient(circle at 82% 20%,rgba(39,135,255,.34),transparent 25%),radial-gradient(circle at 68% 80%,rgba(244,223,24,.19),transparent 22%),linear-gradient(120deg,#10101a,#070709 58%)}.hero:after{position:absolute;z-index:-1;inset:0;content:"";opacity:.16;background-image:linear-gradient(45deg,transparent 48%,#fff 49%,transparent 51%),linear-gradient(-45deg,transparent 48%,#fff 49%,transparent 51%);background-size:42px 42px;mask-image:linear-gradient(to right,#000,transparent 80%)}.hero-grid{display:grid;grid-template-columns:1.16fr .84fr;align-items:center;gap:50px}.eyebrow{color:var(--gold);margin:0 0 13px;font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(3rem,7vw,6.4rem);font-weight:1000;line-height:.87;letter-spacing:-.08em;text-transform:uppercase}.hero h1 span{color:var(--blue);text-shadow:3px 3px 0 var(--gold)}.hero-copy{max-width:530px;margin:24px 0 29px;color:#c5c5ce;font-size:1.08rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-stats{display:flex;gap:25px;margin-top:48px}.hero-stats div{border-left:2px solid var(--gold);padding-left:12px}.hero-stats strong{display:block;font-size:1.3rem;line-height:1.1}.hero-stats span{color:var(--muted);font-size:.76rem;font-weight:700}.avatar-card{position:relative;min-height:395px;display:grid;place-items:center}.avatar-back{position:absolute;width:330px;height:330px;border:2px solid var(--gold);border-radius:50%;transform:rotate(12deg)}.avatar{position:relative;display:grid;place-items:center;width:250px;height:250px;border-radius:36px;background:linear-gradient(145deg,#4ca2ff,#113c92 55%,#071c42);box-shadow:20px 22px 0 var(--gold),0 30px 65px rgba(0,0,0,.45);transform:rotate(-5deg)}.avatar:before{content:"FS";display:grid;place-items:center;width:150px;height:168px;color:var(--gold);border:12px solid var(--gold);border-radius:50% 50% 38% 38%;font-size:3.8rem;font-weight:1000;letter-spacing:-.16em;text-indent:-.16em;text-shadow:3px 3px 0 #122060;background:#183d98}.avatar-tag{position:absolute;bottom:25px;right:-15px;margin:0;padding:8px 13px;color:#0a0a0d;background:var(--gold);font-size:.72rem;font-weight:1000;transform:rotate(4deg)}.section{padding:82px 0}.section--alt{background:var(--panel)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading h2,.about-copy h2{margin:0;font-size:clamp(2rem,4vw,3.35rem);line-height:.95;letter-spacing:-.065em;text-transform:uppercase}.section-heading p{max-width:330px;margin:0;color:var(--muted);font-size:.93rem}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{display:block;overflow:hidden;background:#181820;border:1px solid var(--line);border-radius:var(--radius);transition:transform .22s ease,border-color .22s ease}.video-card:hover{transform:translateY(-6px);border-color:var(--blue)}.video-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#1d57a9,#07101e)}.video-image img{width:100%;height:100%;object-fit:cover}.video-image:after{position:absolute;inset:0;content:"";background:linear-gradient(to top,rgba(0,0,0,.5),transparent 55%)}.play{position:absolute;z-index:1;display:grid;place-items:center;width:48px;height:48px;left:18px;bottom:16px;border-radius:50%;color:#0a0a0c;background:var(--gold)}.video-content{padding:17px 18px 19px}.video-meta{margin:0 0 6px;color:var(--gold);font-size:.7rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.video-card h3{margin:0;font-size:1.05rem;line-height:1.15}.shorts-feed{width:min(100%,340px);height:min(74vh,650px);margin:auto;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-color:var(--gold) #1b1b22;scrollbar-width:thin;border:2px solid var(--gold);border-radius:24px;background:#16161e;box-shadow:14px 14px 0 var(--blue)}.short-card{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#111}.short-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.short-card-info{position:absolute;z-index:1;right:0;bottom:0;left:0;padding:54px 18px 17px;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.88))}.short-card-info strong{display:block;font-size:.92rem;line-height:1.18}.short-card-info span{color:#e3e3e6;font-size:.72rem}.shorts-note{margin:24px 0 0;color:var(--muted);font-size:.8rem;text-align:center}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.blue-print{padding:45px;border:1px solid rgba(244,223,24,.75);border-radius:var(--radius);background:linear-gradient(135deg,#0e3a87,#061128);box-shadow:18px 18px 0 rgba(244,223,24,.9)}.blue-print p{max-width:350px;margin:0;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:950;line-height:1;letter-spacing:-.06em;text-transform:uppercase}.blue-print .mini{display:block;margin-top:45px;color:var(--gold);font-size:.75rem;font-weight:900;letter-spacing:.1em}.about-copy p{color:#c3c3cb;font-size:1.05rem}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.tag{padding:8px 11px;border:1px solid #494955;border-radius:999px;color:#dddde1;font-size:.75rem;font-weight:750}.join{padding:74px 0;text-align:center;background:var(--gold);color:#0b0b0e}.join h2{max-width:770px;margin:0 auto 17px;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.85;letter-spacing:-.08em;text-transform:uppercase}.join p{max-width:520px;margin:0 auto 25px;font-weight:650}.join .button{color:white;background:#0b0b0e}.site-footer{padding:30px 0;background:#050506;color:var(--muted);font-size:.8rem}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-row p{margin:0}.page-content{padding:75px 0}.entry-content{max-width:760px;color:#d0d0d4}@media(max-width:760px){.wrap{width:min(100% - 28px,1160px)}.main-nav{display:none}.hero{padding:70px 0 55px}.hero-grid,.about-grid{grid-template-columns:1fr;gap:35px}.avatar-card{min-height:280px;order:-1;transform:scale(.8);margin:-30px 0}.hero-stats{margin-top:35px}.video-grid{grid-template-columns:1fr}.section{padding:60px 0}.section-heading{display:block}.section-heading p{margin-top:15px}.blue-print{padding:32px;box-shadow:10px 10px 0 var(--gold)}.footer-row{align-items:flex-start;flex-direction:column}}