:root{color-scheme:dark;--navy:#020c1c;--base:#041427;--blue:#0eb7ff;--blue2:#0876ed;--text:#f8fbff;--muted:#9fc0da;--border:#113e63;--pink:#ff478d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:radial-gradient(ellipse at 48% 48%,#08243d 0%,#020c1b 63%);color:var(--text);font:15px/1.45 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ffdf60;outline-offset:3px}.is-hidden{display:none!important}.page-width{width:min(calc(100% - 96px),1600px);margin:0 auto}
/* Actual editable logo, not the broken mini-writing baked into the mockup. */
.site-header{position:relative;z-index:10;background:#020d1d;border-bottom:1px solid #123655;box-shadow:0 8px 32px #0005}.header-inner{min-height:77px;display:flex;align-items:center;gap:clamp(24px,3vw,55px)}.brand{flex-shrink:0;position:relative;display:inline-flex;align-items:center;line-height:1;font-family:Impact,"Arial Black",system-ui,sans-serif;font-style:italic;font-size:clamp(29px,2.4vw,38px);font-weight:1000;letter-spacing:-1px;transform:skew(-6deg);text-shadow:1px 2px 0 #091321,3px 4px 0 #000c;white-space:nowrap}.brand-bink{color:#fff}.brand-verse{color:#18b4ff}.brand-crown{position:absolute;top:-15px;left:60%;width:35px;height:24px;transform:rotate(8deg)}.nav-links{display:flex;gap:clamp(18px,2vw,36px);align-items:center;font-weight:700;font-size:14px}.nav-links a{padding:16px 2px;transition:color .18s}.nav-links a.active,.nav-links a:hover{color:#35c6ff}.nav-links a.active{box-shadow:inset 0 -3px #14bbff}.header-actions{margin-left:auto;display:flex;align-items:center;gap:25px}.social-icons{display:flex;align-items:center;gap:9px}.social-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;color:#fff;background:#103c6b;transition:transform .2s,box-shadow .2s}.social-icon:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #189df07c}.social-icon svg{width:21px;height:21px;fill:currentColor;stroke:none}.social-icon.facebook,.social-pill.facebook .social-symbol{background:#176ce7}.social-icon.youtube,.social-pill.youtube .social-symbol{background:#ed1938}.social-icon.instagram,.social-pill.instagram .social-symbol{background:linear-gradient(25deg,#ffb800,#ef2777,#7f39d8)}.social-icon.tiktok,.social-pill.tiktok .social-symbol{background:#0b1016;box-shadow:inset 2px 0 #01f2e4,inset -2px 0 #ff0050}.social-icon.kofi,.social-pill.kofi .social-symbol{background:#139bd2}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;min-height:43px;padding:10px 22px;font-weight:800;font-size:14px;white-space:nowrap;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.1)}.button-primary{background:linear-gradient(180deg,#34d5ff,#068ef7);border:1px solid #49d6ff;box-shadow:0 0 20px #04adff49,inset 0 2px 2px #fff4}.button-outline{border:1px solid #22aafa;background:#001d38c9}.header-follow{padding-inline:22px}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;border:0;background:transparent;padding:9px;color:white}.nav-toggle span{width:24px;height:2px;background:currentColor;border-radius:5px}
/* HERO: separate source artwork on the right + REAL editable text on the left. */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(395px,30vw,495px);display:flex;align-items:stretch;background:radial-gradient(ellipse at 80% 35%,#1c234c 0%,transparent 42%),#031222;border-bottom:1px solid #0c3e68}.hero-art{position:absolute;inset:0 0 0 37%;z-index:-2;background-image:url('assets/binkverse-hero.webp');background-size:cover;background-position:center center}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#041324 0%,#06152be8 22%,#05172b8c 42%,#05172b05 61%),linear-gradient(0deg,#020f20c4 0%,transparent 30%,transparent 77%,#020e1b3d 100%)}.hero-inner{display:flex;align-items:center;min-height:inherit}.hero-copy{width:min(52%,670px);padding:35px 0 31px}.hero-kicker,.section-kicker{color:#3cc7ff;letter-spacing:.18em;font-size:10px;font-weight:900;margin:0 0 14px}.hero h1{font-family:Impact,"Arial Black",system-ui,sans-serif;font-style:italic;margin:0;line-height:.96;text-shadow:3px 5px 0 #0209158c;transform:skew(-3deg);letter-spacing:-.022em}.welcome{display:block;font-size:clamp(34px,3.5vw,55px);letter-spacing:.02em;color:#fff}.headline-name{display:block;margin-top:5px;font-size:clamp(53px,6.9vw,111px);white-space:nowrap}.headline-name em{font-style:inherit;color:#13baff}.hero-description{font-size:clamp(15px,1.25vw,19px);max-width:435px;line-height:1.45;color:#add9fa;margin:20px 0}.hero-cta{display:flex;gap:11px;flex-wrap:wrap}.social-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.social-pill{display:inline-flex;align-items:center;gap:8px;min-height:41px;padding:5px 10px 5px 6px;border:1px solid #156292;background:#071b32de;border-radius:10px;font-size:12px;font-weight:750;transition:transform .18s,border-color .18s}.social-pill:hover{transform:translateY(-2px);border-color:#2dccff}.social-symbol{display:grid;place-items:center;width:28px;height:28px;color:#fff;border-radius:7px;font-size:15px}.social-symbol svg{width:19px;height:19px;fill:currentColor}
/* Editorial cards */
.content-section{padding:31px 0 28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading .section-kicker{margin-bottom:7px}.section-heading h2,.connect-panel h2{font-family:Impact,"Arial Black",system-ui,sans-serif;font-style:italic;letter-spacing:.015em;line-height:1.05;font-size:clamp(29px,2.3vw,40px);margin:0}.section-heading h2 span,.connect-panel h2 span{color:#25baff}.text-link{font-size:13px;color:#81d4ff;font-weight:800}.text-link:hover{color:#fff}.video-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.2vw,24px)}.video-card{display:block;min-width:0}.video-image{display:block;position:relative;overflow:hidden;border:1px solid #143e60;border-radius:12px;background:#0d253d;aspect-ratio:1.91}.video-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .23s}.video-card:hover .video-image img{transform:scale(1.06)}.video-play{position:absolute;right:9px;bottom:9px;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;background:#031423c9;border:1px solid #ffffff87;font-size:11px}.video-card h3{font-weight:800;font-size:clamp(11px,.9vw,14px);line-height:1.25;margin:9px 0 4px}.video-card p{font-size:12px;color:#7cc7ff;margin:0}.bottom-section{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(340px,1fr);gap:clamp(23px,3.4vw,58px);padding:15px 0 32px}.bottom-section .section-heading{margin-bottom:16px}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.character{padding:0;border:1px solid #136394;border-radius:15px;overflow:hidden;min-width:0;background:#091a32;cursor:pointer;transition:transform .2s,border-color .2s}.character:hover{transform:translateY(-3px);border-color:#2ac4ff}.character img{width:100%;display:block}.connect-panel{border-left:1px solid #154665;padding-left:clamp(20px,2.4vw,36px)}.connect-panel h2{font-size:clamp(25px,1.9vw,33px)}.connect-block .section-kicker{margin:0 0 5px}.connect-block p:not(.section-kicker){color:var(--muted);font-size:13px;margin:8px 0 12px}.social-pills-compact{margin-top:12px;gap:7px}.social-pills-compact .social-pill{font-size:11px;padding:4px 8px 4px 5px;min-height:35px}.social-pills-compact .social-symbol{width:24px;height:24px}.social-pills-compact .social-symbol svg{width:17px;height:17px}.contact-block{margin-top:21px;padding-top:19px;border-top:1px solid #123e5c}.contact-action{font-size:13px;max-width:100%;white-space:normal;text-align:center}
.footer{background:#020a17;border-top:1px solid #164365;padding:18px 0}.footer-inner{display:flex;align-items:center;gap:26px}.footer .brand{font-size:28px}.footer p{color:#a5b7d1;font-size:12px;margin:0}.footer .social-icons{margin-left:auto}.footer .copyright{white-space:nowrap}.toast{position:fixed;z-index:30;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);border-radius:12px;padding:12px 17px;box-shadow:0 12px 40px #000b;background:#0c3553;border:1px solid #22adfa;text-align:center}.toast[hidden]{display:none}.character-dialog{width:min(440px,calc(100vw - 28px));border:1px solid #226caa;border-radius:20px;padding:23px;background:#06172a;color:#fff;box-shadow:0 30px 100px #0009}.character-dialog::backdrop{background:#000b}.character-dialog img{max-height:230px;max-width:100%;margin:auto;display:block;object-fit:contain}.character-dialog h2{font:italic 38px Impact,"Arial Black",sans-serif;color:#28bfff}.character-dialog p{font-size:15px;color:#bcd8ea}.dialog-close{display:block;margin-left:auto;color:#fff;background:#163e62;border:0;border-radius:50%;height:32px;width:32px;font-size:24px;cursor:pointer}
@media(max-width:1260px){.header-inner{gap:25px}.header-actions{gap:14px}.page-width{width:min(calc(100% - 64px),1600px)}.nav-links{gap:17px}.hero-copy{width:min(55%,640px)}.headline-name{font-size:clamp(60px,7.1vw,92px)}.social-pills{gap:6px}.social-pill{font-size:11px}.header-actions .social-icons{gap:5px}}
@media(max-width:1050px){.header-actions .social-icons{display:none}.hero-art{left:31%;background-position:center}.hero-copy{width:60%}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-section{grid-template-columns:1fr}.connect-panel{border-left:0;border-top:1px solid #174365;padding:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-block{margin:0;padding:0;border:0}}
@media(max-width:750px){.page-width{width:calc(100% - 34px)}.header-inner{min-height:67px;gap:12px}.brand{font-size:31px}.header-actions{margin-left:auto}.header-follow{min-height:37px;font-size:12px;padding:8px 13px}.nav-toggle{display:flex;order:3}.nav-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:9px 18px 17px;background:#041529;border-bottom:1px solid #17527e;box-shadow:0 15px 30px #0008}.nav-links.open{display:flex}.nav-links a{padding:12px;border-bottom:1px solid #10304a;box-shadow:none!important}.hero{min-height:620px;align-items:stretch}.hero-art{inset:190px -150px 0 -100px;background-position:center;opacity:.95}.hero-shade{background:linear-gradient(180deg,#041324 0%,#041324e8 16%,#04132472 35%,#04132403 65%,#031123da 100%)}.hero-inner{align-items:start}.hero-copy{width:100%;padding:30px 0 25px}.welcome{font-size:38px}.headline-name{font-size:clamp(53px,12vw,81px)}.hero-description{font-size:15px;max-width:400px}.hero .social-pills{position:absolute;bottom:16px;left:17px;right:17px}.hero-cta .button{font-size:12px;padding:9px 14px;min-height:40px}.content-section{padding-top:29px}.section-heading h2{font-size:32px}.bottom-section{padding-top:18px}.footer-inner{flex-wrap:wrap;gap:12px}.footer .social-icons{margin-left:0}.footer .copyright{margin-left:auto}}
@media(max-width:500px){.brand{font-size:28px}.brand-crown{width:28px;top:-13px}.header-follow{font-size:11px;padding:7px 9px}.hero{min-height:640px}.hero-art{inset:210px -220px 0 -80px;background-position:80% center}.hero-kicker{font-size:9px}.welcome{font-size:31px}.headline-name{font-size:clamp(46px,13.5vw,68px)}.hero-description{margin:13px 0;line-height:1.4}.social-pills{gap:6px}.social-pill{min-height:36px;font-size:11px}.social-symbol{height:25px;width:25px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.video-card h3{font-size:12px}.character-grid{gap:7px}.character{border-radius:10px}.connect-panel{display:block}.contact-block{margin-top:21px;padding-top:20px;border-top:1px solid #123e5c}.section-heading h2{font-size:28px}.footer .social-icons{order:3;width:100%}.footer .copyright{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}