/* v1.1.2 – compact responsive layout and platform-brand cards */
.platform-card{isolation:isolate;display:flex;flex-direction:column;justify-content:space-between}
.platform-card::before{background:var(--platform-visual);background-size:cover;background-position:var(--platform-pos,center);opacity:.84;transform-origin:center}
.platform-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,16,.06) 0%,rgba(5,10,16,.1) 32%,rgba(4,9,16,.93) 96%);pointer-events:none;z-index:0}
.platform-card .platform-body{height:auto;padding-top:70px}
.platform-card .platform-body h3{text-shadow:0 3px 12px #000}
.platform-card .icon-mark{color:var(--accent);background:rgba(4,12,18,.86);backdrop-filter:blur(5px);border:1px solid var(--accent)}
.platform-card .icon-mark svg{display:block;width:33px;height:33px}
.platform-card .platform-chip{overflow-wrap:anywhere;max-width:calc(100% - 55px)}
.platform-card.kick{--platform-pos:72% 50%;--platform-visual:linear-gradient(135deg,rgba(10,40,29,.48),rgba(0,0,0,.1)),url('assets/hero.webp')}
.platform-card.twitch{--platform-pos:36% 42%;--platform-visual:linear-gradient(135deg,rgba(80,24,148,.52),rgba(16,0,47,.38)),url('assets/hero.webp')}
.platform-card.youtube{--platform-pos:31% 50%;--platform-visual:linear-gradient(135deg,rgba(128,23,27,.47),rgba(7,13,20,.15)),url('assets/division-banner.webp')}
.platform-card.tiktok{--platform-pos:92% 50%;--platform-visual:linear-gradient(135deg,rgba(0,100,118,.44),rgba(5,7,20,.32)),url('assets/hero.webp')}
.platform-card:hover{border-color:var(--accent)}
.section-heading>*{min-width:0}
@media(min-width:981px){
.hero{padding-top:18px}
.hero-card{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:0}
.hero-copy{padding:34px 36px 32px}
.hero h1{font-size:clamp(40px,3.1vw,60px);line-height:1.055;letter-spacing:-.04em;margin:13px 0}
.hero-lead{font-size:15px;line-height:1.58;max-width:690px}
.hero-art{min-height:410px}
.hero-buttons{gap:10px;margin-top:20px}
.hero-buttons .btn{font-size:12px;min-height:46px;padding:0 15px}
.hero-notes{margin-top:17px;gap:7px}
.hero-notes span{padding:5px 10px;font-size:11px}
.section{padding:64px 0}
.section-heading{align-items:flex-end;gap:32px}
.section-heading h2{font-size:clamp(31px,2.45vw,43px);line-height:1.13}
.section-heading>p{flex:0 1 470px;font-size:14px;line-height:1.6}
.platform-card{min-height:280px}
}
@media(min-width:1800px){.hero-art{min-height:450px}.hero-copy{padding:44px 48px 40px}.hero h1{font-size:clamp(48px,3.1vw,65px)}.section{padding:76px 0}.platform-card{min-height:315px}}
@media(min-width:2560px){:root{--container:min(1960px,calc(100% - 110px))}.hero-card{grid-template-columns:1.05fr .95fr}.hero h1{font-size:72px}.hero-art{min-height:510px}.platform-card{min-height:330px}}
@media(max-width:980px){.hero-card{gap:0}.hero-copy{padding:32px}.hero h1{font-size:clamp(42px,7vw,62px)}.hero-art{min-height:380px}.platform-card{min-height:276px}.section-heading{align-items:flex-start}}
@media(max-width:720px){.hero-copy{padding:28px 21px}.hero h1{font-size:clamp(38px,10vw,55px);line-height:1.02}.hero-art{min-height:280px}.hero-overlay{gap:8px}.section-heading h2{font-size:clamp(29px,8vw,39px)}.platform-card{min-height:238px}.platform-card .platform-body{padding-top:60px}}