/* Shared visual system for the channel and its commercial presentation. */
@media screen {
:root{--cyan:#27d2ff;--orange:#ffa052;--line:#263c58;--muted:#aebcd1}
body{background:radial-gradient(ellipse 70% 600px at 4% 10%,#06497535,transparent),radial-gradient(ellipse 50% 550px at 100% 8%,#76391b25,transparent),#080e1b}
.wrap{max-width:1256px;width:calc(100% - 96px)}
.header{max-width:none;padding:20px max(48px,calc((100vw - 1256px)/2));background:#080f1de8;border-color:#263950;gap:24px;backdrop-filter:blur(20px)}
.header .brand{font-size:32px;letter-spacing:.01em}.header .brand img{width:39px;height:39px;border:1px solid #299aca}.header nav{gap:25px;flex-wrap:nowrap;font-size:13px}.header .small{font-size:12px;white-space:nowrap;padding:11px 18px;box-shadow:0 3px 0 #a94f22,0 8px 25px #ff90201a}
.button{border-radius:8px;font-weight:650;letter-spacing:-.01em}.button:hover{transform:translateY(-2px)}
.hero{padding-block:65px 70px}.hero-grid{grid-template-columns:1fr 1.06fr;gap:70px}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(78px,8.2vw,113px);font-weight:800;line-height:.92;letter-spacing:-.025em;text-transform:uppercase;margin-bottom:26px;text-shadow:0 4px 0 #1d2d47,0 16px 35px #0006}.hero h1 em{background:none;-webkit-text-fill-color:var(--cyan);color:var(--cyan);filter:drop-shadow(0 4px 0 #135076);text-shadow:none}.hero-last{color:#fff}.hero-copy>.eyebrow{font-size:11px;letter-spacing:.15em;color:#ffb776;margin-bottom:25px;display:flex;align-items:center;gap:13px}.hero-copy>.eyebrow:before{content:'';width:30px;height:2px;background:var(--orange)}.hero .intro{font-size:16px;max-width:400px;line-height:1.8}.hero .signature{margin-top:29px}.signature strong{font-size:13px}.signature span{font-size:12px}.hero:before{inset:8% 0 0;background:radial-gradient(ellipse at 15% 40%,#007abf24,transparent 55%),radial-gradient(ellipse at 90% 50%,#fa7e251a,transparent 55%)}
.featured{border-color:#477a9a;border-radius:16px;background:linear-gradient(135deg,#172b42,#101b30);box-shadow:5px 7px 0 #14263a,10px 14px 0 #0b1729,0 28px 60px #0008;position:relative}.feature-top{background:linear-gradient(90deg,#163955,#1c2638);padding:18px 21px;border-color:#345775}.feature-top .eyebrow{font-size:10px;letter-spacing:.1em}.issue{font-size:10px}.feature-copy{padding:24px 25px 27px;border-top:2px solid var(--orange)}.feature-copy h2{font-size:24px;line-height:1.3;margin-bottom:23px}.feature-copy>span{font-size:13px}.feature-img .play{width:64px;height:64px;box-shadow:0 5px 0 #07182d,0 0 0 7px #fff1,0 0 28px #2fc7ff33}
.editorial-strip{border-radius:0;background:transparent;border:0;border-block:1px solid #34516c;box-shadow:none}.editorial-strip>a,.editorial-strip>a:first-child,.editorial-strip>a+a{padding:25px;gap:20px}.editorial-strip>a:first-child{padding-left:0}.editorial-strip strong{font-size:15px}.editorial-strip div>span{font-size:12px}.strip-number{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:700;line-height:1.25;color:#54bad9}.editorial-strip>a:nth-child(2) .strip-number{color:var(--orange)}.editorial-strip>a:nth-child(3) .strip-number{color:#aaa4ff}.editorial-strip>a+a{border-color:#2d4057}
.video-section{padding-block:80px}.section-heading h2{font-size:36px}.eyebrow{font-size:11px;letter-spacing:.15em}.filters{gap:9px;border:none;margin:25px 0 31px}.filters button{padding:10px 16px;background:#132236;border:1px solid #2c415b;border-radius:7px;color:#bdc9d8;font-size:13px;margin:0}.filters button.active{background:#27d2ff;color:#081423;border-color:#7ce8ff;text-shadow:none;box-shadow:0 3px 0 #096187}.sync-bar{margin-top:24px}.sync-bar p{font-size:12px;color:#a0b6cb}.sync-bar button{background:transparent;border-color:#36536f}.video-card{padding:0 0 23px;border-radius:13px;overflow:hidden;background:linear-gradient(155deg,#172a40,#101a2b);border-color:#2b435e;box-shadow:0 4px 0 #050a14,0 10px 24px #0003}.video-card .thumb{border-radius:0;border-bottom:1px solid #344c65}.video-card .category,.video-card h3,.video-card .card-meta{margin-left:20px;margin-right:20px}.video-card .category{margin-top:21px;font-size:10px;letter-spacing:.1em}.video-card h3{font-size:18px;line-height:1.45;letter-spacing:-.025em;margin-bottom:18px}.video-card .card-meta{font-size:11px;padding-top:13px;border-top:1px solid #ffffff12}.video-grid{gap:27px}.more-videos{text-align:center;margin-top:35px}.more-videos button{cursor:pointer;border:1px solid #537899;background:#14273c;color:#dbeeff;border-radius:8px;padding:13px 25px;font-size:14px;font-weight:600}.more-videos button:hover{border-color:var(--cyan);background:#1c3c57}.more-videos button[hidden]{display:none}
.universe{background:linear-gradient(120deg,#0e2437,#151c31 70%,#292030);border-color:#2b435d}.channel-art{padding-top:50px}.channel-art img{width:100%;height:auto;border:1px solid #34536d;border-radius:12px}.universe-inner{padding-block:45px 65px;gap:85px}.creator-inline{display:flex;gap:13px;align-items:center;margin-bottom:23px}.creator-inline img{border-radius:50%;border:2px solid #279ac4;box-shadow:0 0 25px #00c6ff15}.creator-inline span{font-size:13px;color:var(--muted)}.creator-inline strong{color:white;font-size:15px}.universe h2{font-size:35px}.topics{align-self:center}.topics article{padding:25px 0}.topics h3{font-size:19px}.topic-number{border-radius:8px;background:#ffa0520f;color:#ffb274;border-color:#99633c;box-shadow:0 3px 0 #282119;font-size:13px}.topics p{font-size:15px}
.setup-section{padding-block:80px}.setup-grid{gap:24px}.setup-card{position:relative;overflow:hidden;border:1px solid #34516c;border-radius:12px;border-top:1px solid #34516c;box-shadow:0 5px 0 #040a14;background:linear-gradient(145deg,#18374e,#111c2c 75%);padding:26px}.setup-card:nth-child(even){border-top-color:#34516c;background:linear-gradient(145deg,#302b2c,#151d2d 75%)}.setup-card:before{content:'';width:45px;height:3px;position:absolute;left:26px;top:0;background:var(--cyan)}.setup-card:nth-child(even):before{background:var(--orange)}.setup-card h3{font-size:23px}.setup-card p{font-size:14px}.setup-card a{background:#0b1c2b;color:#9cdfff;border-color:#376c8d;font-size:13px}.setup-icon{width:40px;height:40px;stroke:var(--cyan);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:24px}.setup-card:nth-child(even) .setup-icon{stroke:#ffb175}.affiliate-note{background:#102033;border-left-color:#dba16c;color:#abbcd0;font-size:12px;padding:14px 19px}.setup-intro{font-size:16px}
.community{padding-block:80px;gap:80px}.community h2{font-size:43px;line-height:1.12}.socials a{background:linear-gradient(135deg,#193049,#121d30);border-color:#34516d;border-radius:11px;padding:22px}.socials .discord-card{background:linear-gradient(135deg,#3d4598,#1f2954);border-color:#7681d0}.socials .social-icon{box-shadow:none;border-radius:10px;width:42px;height:42px}.socials b{font-size:12px}.socials small{font-size:12px}.partnership-bar{padding:38px 42px;margin-bottom:55px;display:flex;justify-content:space-between;gap:28px;align-items:center;border:1px solid #3f657c;border-radius:14px;background:radial-gradient(ellipse at 80% 100%,#00b4fc18,transparent 65%),linear-gradient(110deg,#14324a,#1a2137);box-shadow:0 6px 0 #040a14}.partnership-bar h2{font-size:32px}.partnership-bar .eyebrow{color:#ffb57d;margin-bottom:13px}.partnership-bar>div:last-child{display:flex;flex-direction:column;align-items:center;gap:16px}.business-email{display:block;font-size:14px;color:#9edfff;overflow-wrap:anywhere;margin-top:18px}.partnership-bar .business-email{margin-top:0}.business-email:hover{color:white}.footer{padding-block:28px;border-color:#2b435d}.footer>span,.footer p{font-size:12px}.footer .text-link{font-size:12px}
/* Media kit: the same identity with a quieter reading rhythm. */
.kit{padding-top:65px}.kit-cover{position:relative;border-bottom:1px solid #2d4864;padding-bottom:40px}.kit-cover:before{content:'FLIPENHO';position:absolute;right:0;top:0;font:800 clamp(70px,12vw,165px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.03em;color:#2ed2ff07;pointer-events:none;z-index:-1}.kit-cover h1{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(55px,6vw,85px);line-height:1;letter-spacing:-.015em;max-width:850px}.kit-cover>.eyebrow{color:var(--orange)}.kit-lead{font-size:17px;max-width:750px}.kit-banner{border-radius:12px;box-shadow:0 7px 0 #050c18}.kit-section{padding-top:48px;margin-top:48px}.kit-section h2{font-size:34px}.kit-section .eyebrow{font-size:11px}.kit-avatar{border-radius:18px;border:2px solid #33b5df;box-shadow:5px 5px 0 #102c44;margin-bottom:23px}.kit-about h2{font-size:37px}.kit-grid article{padding:29px 26px;background:linear-gradient(140deg,#1a354d,#111d30);border-color:#35536c;border-top:3px solid #3bc7e8}.kit-grid article:nth-child(2){border-top-color:#ffa25d}.kit-grid article:nth-child(3){border-top-color:#a59cff}.kit-grid h3{font-size:22px}.kit-grid p{font-size:15px}.kit-grid .setup-type{font-size:11px}.kit-note{color:#96a9bf!important}.kit-contact{padding:38px;border:1px solid #3b5b76;border-radius:14px;background:linear-gradient(120deg,#16344b,#172039);gap:45px}.kit-contact aside{background:#0d1c2d;border-color:#354f6b;padding:25px}.kit-contact .business-email{font-size:16px}.kit-portfolio>a{background:#15283d;border-color:#35556e}.kit-portfolio h3{font-size:19px}.print-button{font-size:14px}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding:20px 32px;flex-wrap:wrap}.header nav{gap:20px}.hero-grid{gap:38px}.hero h1{font-size:85px}.feature-copy h2{font-size:21px}.community{gap:40px}.community h2{font-size:35px}.partnership-bar{padding:30px}.partnership-bar h2{font-size:27px}.socials a{padding:18px}}
@media(max-width:900px){.header nav{order:3;width:100%;padding-top:15px;border-top:1px solid #2c4057;justify-content:center;gap:25px}.hero{padding-block:48px}.hero h1{font-size:76px}.hero-grid{gap:32px}.hero .intro{font-size:15px}.actions{gap:17px}.feature-copy{padding:20px}.feature-copy h2{font-size:20px}.video-card h3{font-size:16px}.video-card .category,.video-card h3,.video-card .card-meta{margin-inline:15px}.universe-inner{gap:40px}.universe h2{font-size:30px}.editorial-strip>a,.editorial-strip>a+a{padding:22px 17px;gap:13px}.editorial-strip strong{font-size:13px}.strip-number{font-size:24px}.kit-grid{gap:15px}.kit-grid article{padding:21px 18px}.kit-grid h3{font-size:19px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding:17px 20px;gap:17px}.header nav{gap:20px;flex-wrap:wrap;font-size:12px;row-gap:11px}.header .brand{font-size:29px}.header .small{font-size:11px;padding:10px 13px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(75px,17vw,112px);line-height:.94}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.1em}.hero .intro{max-width:480px;font-size:16px}.hero{padding-top:38px}.featured{max-width:none}.feature-copy h2{font-size:23px}.editorial-strip>a,.editorial-strip>a:first-child,.editorial-strip>a+a{padding:20px 0;gap:20px}.editorial-strip strong{font-size:15px}.strip-number{font-size:26px}.video-section,.setup-section,.community{padding-block:50px}.section-heading h2{font-size:30px}.video-card h3{font-size:18px}.video-card .category,.video-card h3,.video-card .card-meta{margin-inline:20px}.filters{gap:8px}.filters button{font-size:12px;padding:9px 12px}.sync-bar{gap:15px}.sync-bar p{font-size:11px}.channel-art{padding-top:30px}.channel-art img{border-radius:7px}.universe-inner{padding-block:35px 45px}.universe h2{font-size:33px}.creator-inline{margin-top:0}.topics article{padding:23px 0}.community{gap:35px}.community h2{font-size:37px}.socials a{padding:20px 16px}.partnership-bar{padding:27px 24px;flex-direction:column;align-items:flex-start;margin-bottom:35px}.partnership-bar>div:last-child{align-items:flex-start}.partnership-bar h2{font-size:29px}.business-email{font-size:14px}.kit{padding-top:38px}.kit-cover{padding-bottom:25px}.kit-cover h1{font-size:59px}.kit-lead{font-size:16px}.kit-section{padding-top:32px;margin-top:32px}.kit-section h2{font-size:30px}.kit-grid h3{font-size:22px}.kit-grid article{padding:25px}.kit-contact{padding:25px;gap:28px}.kit-contact .business-email{font-size:14px}.kit-avatar{width:76px;height:76px}.kit-cover:before{font-size:90px;top:40px}.kit-actions{gap:17px}.footer{gap:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
}
@media print{.kit-avatar{width:60px;height:60px;margin-bottom:8pt;border-radius:8px}.business-email{display:block;color:#17648c;font-size:10pt;margin-top:10pt}}
@media screen and (max-width:480px){.hero h1{font-size:clamp(57px,15.8vw,75px)}.hero-copy>.eyebrow{font-size:9px;letter-spacing:.08em}.hero{padding-top:33px}}
