/* KateFearGaming /media/ page — scoped styles, responsive and image-safe. */
.top nav a.nav-current{color:var(--lav);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:7px}
.media-hero{background:radial-gradient(ellipse at 83% 24%,#573077 0%,#26143b 28%,transparent 65%),linear-gradient(120deg,#0d0819,#170f28 70%,#130c23);border-bottom:1px solid #593874}
.media-hero-inner{max-width:1220px;margin:0 auto;padding:78px 24px 84px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(28px,7vw,92px)}
.media-hero-copy h1{font:700 clamp(43px,5.2vw,73px)/1.07 'Playfair Display',Georgia,serif;letter-spacing:-.04em;margin:15px 0 22px}
.media-hero-copy h1 span{color:var(--accent)}
.media-hero-copy h1 .period{color:#bb78ef}
.media-lead{font-size:clamp(18px,2vw,21px);line-height:1.55;color:#fff;max-width:630px}
.media-sublead{color:#d9cde5;font-size:15px;line-height:1.8;max-width:600px}
.media-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}
.media-actions a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.media-figures{display:flex;flex-wrap:wrap;gap:42px;margin-top:35px;border-top:1px solid #5b3b73;padding-top:21px}
.media-figures>div{display:flex;flex-direction:column;gap:0}
.media-figures strong{font-size:31px;color:var(--lav);line-height:1.1}
.media-figures span{font-size:12px;color:#dacfe4;margin-top:6px}
.portrait-wrap{position:relative;width:100%;max-width:360px;justify-self:end;padding:0 0 20px 14px}
.portrait-frame{border:1px solid #8255a1;box-shadow:0 24px 64px #05020aa1;border-radius:20px;overflow:hidden;position:relative;background:#170d26}
.portrait-frame img{display:block;width:100%;height:auto;aspect-ratio:864/1536;object-fit:contain}
.portrait-signature{position:absolute;width:clamp(88px,12vw,132px);bottom:-6px;left:-25px;border:1px solid #6d4b86;border-radius:14px;background:#060308;box-shadow:0 12px 30px #0008;overflow:hidden}
.portrait-signature img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.media-section{max-width:1220px;margin:0 auto;padding:77px 24px}
.media-section-head{margin-bottom:29px}
.media-section-head h2,.media-contact h2{font:700 clamp(31px,3.7vw,48px)/1.17 'Playfair Display',Georgia,serif;letter-spacing:-.025em;margin:8px 0 12px}
.media-section-head h2 em{font-style:normal;color:var(--accent)}
.media-section-head p:not(.eyebrow){max-width:740px;color:#d0c2da;font-size:15px}
.credential-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.credential-card{padding:24px 22px;min-height:198px;background:linear-gradient(140deg,#251535,#1a1029);border:1px solid #55396b;border-radius:14px}
.credential-kicker{font-size:11px;letter-spacing:.13em;font-weight:700;color:#d9a8fb;text-transform:uppercase}
.credential-card h3{font:700 20px/1.25 'Playfair Display',Georgia,serif;margin:11px 0 9px;color:#f5eafd}
.credential-card p{font-size:14px;line-height:1.62;color:#d7c9e4;margin:0}
.credential-card a{color:#e6b9ff;text-decoration:underline;text-underline-offset:3px}
.media-partners{max-width:none;background:linear-gradient(180deg,#190f29,#130b21);border-top:1px solid #412b57;border-bottom:1px solid #412b57;padding-left:max(24px,calc((100vw - 1220px)/2));padding-right:max(24px,calc((100vw - 1220px)/2))}
.partner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0;margin:26px 0 13px;list-style:none}
.partner-logo{background:#ffffff;border-radius:13px;display:flex;align-items:center;justify-content:center;min-height:116px;padding:17px 15px;border:1px solid #715186;box-shadow:0 12px 25px #08030d24}
.partner-logo img{display:block;max-width:100%;max-height:82px;width:auto;height:auto;object-fit:contain}
.partner-note{font-size:11px;color:#bfb0cb;margin:16px 0 0}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.work-grid>div{border-top:2px solid #8f57b4;padding-top:15px}
.work-grid span{color:var(--accent);font-size:26px;line-height:1}
.work-grid h3{font:700 22px Georgia,serif;margin:9px 0 7px}
.work-grid p{font-size:14px;color:#d6c9df;line-height:1.65}
.media-contact{background:radial-gradient(ellipse at 50% 0%,#492362 0%,#1a0f2b 64%,#10091f 100%);border-top:1px solid #57356d;text-align:center;padding:80px 24px 87px}
.media-contact-inner{max-width:700px;margin:auto}
.media-contact p:not(.eyebrow){color:#e2d7ea;font-size:17px}
.media-contact .media-actions{justify-content:center}
.media-email{display:inline-block;margin-top:23px;font-weight:700;color:#e9c6ff;font-size:14px;text-underline-offset:4px;text-decoration:underline}
@media(max-width:1050px){.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.media-hero-inner{grid-template-columns:1fr 300px;padding:48px 24px 60px;gap:26px}.media-hero-copy h1{font-size:46px}.portrait-signature{left:-18px;width:95px}.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.media-hero-inner{grid-template-columns:1fr;gap:32px;padding:40px 22px 64px}.portrait-wrap{max-width:260px;justify-self:center;padding:0 0 15px 0}.portrait-signature{left:-27px}.media-figures{gap:34px}.credential-grid{grid-template-columns:1fr}.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.partner-logo{min-height:100px;padding:12px}.partner-logo img{max-height:75px}.work-grid{grid-template-columns:1fr;gap:24px}.media-section{padding:53px 20px}.media-partners{padding-left:20px;padding-right:20px}.media-contact{padding:64px 20px 70px}}
@media(max-width:400px){.media-hero-copy h1{font-size:39px}.partner-logo{min-height:90px;padding:9px}.partner-logo img{max-height:65px}.media-actions a{width:100%}}
@media(prefers-reduced-motion:reduce){.media-hero,.partner-logo{scroll-behavior:auto}}


/* 2026 media-page editorial polish — additive and scoped to /media/. */
.media-skip{position:fixed;z-index:50;top:-90px;left:18px;padding:12px 18px;background:#f3d9ff;color:#170b25;border-radius:8px;font-weight:700}
.media-skip:focus{top:16px}
#media-main h2{scroll-margin-top:115px}
.media-hero-inner{padding-top:70px;padding-bottom:65px}
.media-hero-copy{min-width:0}
.media-hero-copy .eyebrow{letter-spacing:.19em}
.media-lead{font-weight:600;max-width:620px}
.media-actions .primary{box-shadow:0 12px 28px #10041e66}
.media-actions .primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #10041e88}
.media-actions .secondary:hover{transform:translateY(-2px)}
.media-work-sample-link{display:inline-flex;gap:8px;align-items:center;margin-top:19px;color:#eac9ff;font-weight:700;font-size:13px;text-underline-offset:5px;text-decoration:underline;text-decoration-color:#8b5dad}
.media-work-sample-link:hover,.media-inline-link:hover{color:#fff;text-decoration-color:#e5b7ff}
.portrait-frame{outline:5px solid #9b68b918;outline-offset:7px}
.media-figures{margin-top:28px}
.media-jump{display:flex;align-items:center;gap:14px;justify-content:center;max-width:1220px;margin:0 auto;padding:16px 24px;flex-wrap:wrap;border-bottom:1px solid #4a315f}
.media-jump>span{font-size:10px;letter-spacing:.18em;color:#c6a0df;font-weight:700;margin-right:8px}
.media-jump a{font-size:12px;font-weight:700;color:#efdef8;padding:7px 11px;background:#221332;border:1px solid #583673;border-radius:999px;white-space:nowrap}
.media-jump a:hover{border-color:#bb77ec;background:#39204f}
.media-jump a span{color:#ce95ef;margin-left:4px}
.media-selected{padding-top:55px}
.media-selected-header{display:flex;gap:20px;align-items:end;justify-content:space-between}
.media-selected-header>div{min-width:0}
.media-inline-link{display:inline-block;flex-shrink:0;margin-bottom:9px;font-size:13px;font-weight:700;color:#e6beff;text-decoration:underline;text-underline-offset:5px}
.media-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.media-story{min-width:0;display:flex;gap:18px;align-items:stretch;padding:13px;background:linear-gradient(140deg,#29183b,#1b112b);border:1px solid #674481;border-radius:15px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.media-story:hover{transform:translateY(-3px);border-color:#b77be4;box-shadow:0 16px 32px #05020c66}
.media-story-image{display:block;width:41%;min-height:165px;flex-shrink:0;border-radius:9px;overflow:hidden;background:#4a2a62}
.media-story-image img{display:block;width:100%;height:100%;object-fit:cover}
.media-story-body{display:flex;min-width:0;flex-direction:column;align-items:start;justify-content:center;gap:7px;padding:9px 0}
.media-story-meta{font-size:10px;letter-spacing:.11em;font-weight:700;color:#d5a0fb}
.media-story-body strong{font:700 clamp(19px,2vw,25px)/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.015em}
.media-story-body>span:not(.media-story-meta):not(.media-story-link){color:#dbcce5;font-size:13px;line-height:1.55}
.media-story-link{margin-top:5px;font-size:12px;color:#e7baff;text-decoration:underline;text-underline-offset:4px;font-weight:700}
.partner-logo{transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}
.partner-logo:hover{transform:translateY(-3px);border-color:#c49ae4;box-shadow:0 17px 30px #08030d5a}
.media-instagram{display:block;margin:13px auto 0;color:#e5b9fc;font-size:13px;text-underline-offset:3px;text-decoration:underline}
.media-instagram:hover{color:#fff}
@media(max-width:1050px){.media-story{gap:13px}.media-story-image{width:37%}.media-story-body strong{font-size:21px}}
@media(max-width:850px){.media-jump{gap:9px}.media-hero-inner{padding-top:46px;padding-bottom:48px}.media-story-grid{gap:12px}.media-story{flex-direction:column}.media-story-image{width:100%;height:190px;min-height:0}.media-story-body{padding:8px 5px 10px}}
@media(max-width:700px){.media-hero-inner{padding-top:34px;padding-bottom:42px}.media-jump{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:12px 20px;gap:9px}.media-jump>span{display:none}.media-jump a{flex-shrink:0}.media-selected{padding-top:43px}.media-selected-header{display:block}.media-inline-link{margin:2px 0 16px}.media-story-grid{grid-template-columns:1fr}.media-story{flex-direction:row;gap:14px}.media-story-image{width:37%;height:auto;min-height:150px}.media-story-body{padding:4px 0}.portrait-wrap{max-width:220px}.media-work-sample-link{margin-top:18px}.media-figures{margin-top:24px}}
@media(max-width:420px){.media-story{flex-direction:column}.media-story-image{width:100%;height:175px;min-height:0}.media-story-body{padding:7px 4px 9px}.media-story-body strong{font-size:23px}.media-jump{padding-left:17px}.media-hero-copy h1{font-size:clamp(36px,10.5vw,43px)}.portrait-wrap{max-width:205px}}
@media(prefers-reduced-motion:reduce){.media-story,.partner-logo,.media-actions .primary,.media-actions .secondary{transition:none}.media-story:hover,.partner-logo:hover,.media-actions .primary:hover,.media-actions .secondary:hover{transform:none}}

/* Featured collaboration case study — scoped to Media & Collaborations. */
#brand-projects{scroll-margin-top:92px}
.kfg-project-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;margin:0 0 46px}
.kfg-project-card{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);overflow:hidden;min-height:360px;background:linear-gradient(125deg,#29163b,#1a1029);border:1px solid #8557a2;border-radius:20px;box-shadow:0 18px 45px #07020e55;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.kfg-project-card:hover{border-color:#d4a0ff;transform:translateY(-3px);box-shadow:0 26px 50px #07020e80}
.kfg-project-card:focus-visible{outline:3px solid #e2b8ff;outline-offset:4px}
.kfg-project-art{min-height:350px;overflow:hidden;position:relative;background:#170e27}
.kfg-project-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;position:absolute;inset:0}
.kfg-project-art::after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#1008199c);pointer-events:none}
.kfg-project-art-tag{position:absolute;bottom:17px;left:20px;z-index:1;background:#160b26dd;border:1px solid #9c70be;border-radius:999px;padding:7px 12px;color:#f2dafa;font-weight:700;font-size:10px;letter-spacing:.07em}
.kfg-project-copy{padding:clamp(26px,4.2vw,54px);display:flex;flex-direction:column;align-items:start;justify-content:center;min-width:0}
.kfg-project-brand{max-width:135px;width:auto;height:67px;object-fit:contain;background:#fff;border-radius:10px;padding:10px 13px;margin-bottom:18px}
.kfg-project-eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;color:#d6a5f7}
.kfg-project-copy h3{font:700 clamp(30px,3.9vw,49px)/1.13 'Playfair Display',Georgia,serif;letter-spacing:-.03em;margin:10px 0 14px}
.kfg-project-copy h3 em{font-style:normal;color:#ce92f4}
.kfg-project-copy p{margin:0 0 17px;font-size:15px;line-height:1.7;color:#e0d0e9;max-width:540px}
.kfg-project-formats{font-size:10px;letter-spacing:.08em;line-height:1.8;font-weight:700;color:#cdb5da}
.kfg-project-formats span{padding:0 5px;color:#af77d1}
.kfg-project-link{color:#e7b5ff;font-weight:700;margin-top:23px;text-decoration:underline;text-decoration-color:#b479df;text-underline-offset:5px}
.kfg-other-partners{margin-top:4px;border-top:1px solid #553766;padding-top:33px}
.kfg-other-partners h3{font:700 25px/1.3 'Playfair Display',Georgia,serif;margin:0 0 5px}
.kfg-other-partners p{margin:0;color:#cdbfdb;font-size:13px}
@media(max-width:750px){.kfg-project-card{grid-template-columns:1fr}.kfg-project-art{min-height:0;aspect-ratio:4/3}.kfg-project-copy{padding:28px 24px 33px}.kfg-project-brand{height:55px;margin-bottom:15px}.kfg-project-copy h3{font-size:35px}.kfg-project-grid{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){.kfg-project-card{transition:none}.kfg-project-card:hover{transform:none}}


/* Community & Industry Involvement — matching KateFearGaming's purple editorial theme. */
#community-involvement {scroll-margin-top:95px;padding-top:62px;padding-bottom:72px}
.kfg-community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.kfg-community-card{display:flex;flex-direction:column;min-width:0;padding:27px 24px 25px;border:1px solid #674580;border-radius:17px;background:linear-gradient(150deg,#251638,#170e28);box-shadow:0 15px 36px #06020c36}
.kfg-community-card.kfg-community-featured{border-color:#a271c6;background:radial-gradient(ellipse at 90% 0%,#693a8742,transparent 70%),linear-gradient(145deg,#2c1a41,#180e2a)}
.kfg-community-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:23px}
.kfg-community-monogram{width:63px;height:54px;flex:none;display:grid;place-items:center;border:1px solid #9064b1;border-radius:11px;background:#3b2057;color:#f5e4ff;font-weight:800;font-size:18px;letter-spacing:-.04em}
.kfg-community-anz{background:#532b98;border-color:#af8afa;color:#fff}
.kfg-community-mod{background:#3b2561;border-color:#895bc4;color:#e5ceff}
.kfg-community-wig{background:#7c316d;border-color:#d095c5;color:#fff}
.kfg-community-role{font-size:10px;letter-spacing:.10em;line-height:1.5;color:#dab3f6;font-weight:800;text-align:right}
.kfg-community-card h3{font:700 clamp(20px,2.1vw,25px)/1.2 'Playfair Display',Georgia,serif;margin:0 0 14px}
.kfg-community-card p{font-size:14px;color:#dfd0eb;line-height:1.75;margin:0 0 24px}
.kfg-community-card a{margin-top:auto;align-self:flex-start;font-size:13px;font-weight:700;color:#e7c2ff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#9d6bbc}
.kfg-community-card a:hover{color:#fff}
.kfg-community-footnote{margin-top:auto;color:#bda9cb;font-size:11px;letter-spacing:.1em;font-weight:700;text-transform:uppercase}
@media(max-width:980px){.kfg-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kfg-community-featured{grid-column:1/-1}}
@media(max-width:700px){#community-involvement{padding-top:45px;padding-bottom:53px}.kfg-community-grid{grid-template-columns:1fr}.kfg-community-featured{grid-column:auto}.kfg-community-card{padding:22px 21px}}