/* ABA Games main portal. Fight for Glory keeps its own existing page and stylesheet. */
+
.home-page{background:#070b12}
.home-page .nav-cta{gap:16px}

.home-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 37%,rgba(72,19,29,.3),transparent 43%),#0a1019}
.home-hero-texture{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.45;background:linear-gradient(90deg,rgba(7,11,18,.92),rgba(8,14,23,.48)),url('assets/hero-texture.png') center/cover}
.home-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 138px,rgba(255,255,255,.022) 139px 140px)}
.home-hero-grid{min-height:650px;display:grid;grid-template-columns:1.06fr .94fr;gap:52px;align-items:center;padding-top:76px;padding-bottom:66px}
.home-hero-copy{position:relative;z-index:1}
.home-hero-copy .eyebrow{font-size:15px}
.home-hero h1{font:900 clamp(65px,7.4vw,111px)/.85 var(--font-display);letter-spacing:-1.4px;margin:26px 0 29px;text-transform:uppercase;white-space:nowrap}
.home-hero h1 span{color:var(--red)}
.home-lead{font-size:16px;line-height:1.88;max-width:555px;color:#c1cbd4;margin:0 0 30px}
.home-hero-bottom{font:800 14px var(--font-display);letter-spacing:1.9px;display:flex;align-items:center;gap:10px;margin-top:47px;color:#90a6b4}
.home-live-dot{display:inline-block;width:8px;height:8px;border:2px solid #fa4a45;box-shadow:0 0 0 5px rgba(255,45,45,.12);border-radius:50%}
.home-hero-stage{min-height:525px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #3b3b45;background:radial-gradient(circle at 50% 46%,rgba(207,30,40,.19),transparent 55%),linear-gradient(145deg,#111b27,#060b13);box-shadow:0 30px 80px rgba(0,0,0,.26)}
.home-hero-stage::before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.065);pointer-events:none}
.home-hero-stage::after{content:"";position:absolute;left:-30%;bottom:-26%;width:150%;height:35%;transform:rotate(-13deg);background:rgba(224,25,32,.12);filter:blur(10px)}
.home-stage-label,.home-stage-number{position:absolute;top:27px;font:800 13px var(--font-display);letter-spacing:2px;color:#a5b0bc}
.home-stage-label{left:30px}.home-stage-number{right:30px;color:#ec4947}
.home-hero-logo{width:min(80%,470px);height:auto;position:relative;z-index:1;filter:drop-shadow(0 15px 17px rgba(0,0,0,.72))}
.home-stage-caption{position:absolute;left:31px;bottom:28px;font:800 21px/1.06 var(--font-display);letter-spacing:1.2px;color:#8197a7;z-index:2}
.home-stage-caption strong{color:#f6f5ee;font-size:25px}
.home-stage-mark{position:absolute;right:26px;bottom:16px;font:900 55px/.8 Arial,sans-serif;color:var(--red);z-index:2}
.home-hero-rail{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #3a4c57;border-bottom:0;position:relative}
.home-hero-rail>div{display:flex;align-items:baseline;gap:12px;min-height:83px;padding:22px 25px;border-right:1px solid #3a4c57;background:#0d1924}
.home-hero-rail>div:last-child{border:0}
.home-hero-rail span{color:var(--red);font:900 16px var(--font-display)}
.home-hero-rail strong{font:900 27px/.95 var(--font-display);letter-spacing:.8px}
.home-hero-rail small{font:500 12px var(--font-body);color:#8d9fab;line-height:1.5;margin-left:auto;text-align:right}

.home-story{background:#0c131d}
.home-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:start}
.home-story .display-title{font-size:clamp(61px,6.3vw,96px);line-height:.89;margin:18px 0 23px}
.home-statement{border-left:3px solid var(--red);padding:10px 0 10px 19px;max-width:310px;color:#e6e2db;font:800 23px/1.1 var(--font-display);letter-spacing:1.2px}
.home-story-copy{padding-top:8px}
.home-story-copy p{color:#a9bbc6;font-size:16px;line-height:1.9;margin:0 0 18px}
.home-story-copy strong{color:#fff;font-weight:700}
.home-values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border:1px solid #354651}
.home-values article{padding:29px 32px 32px;background:#111d29;border-right:1px solid #354651}
.home-values article:last-child{border-right:0}
.home-values article span{font:900 18px var(--font-display);color:var(--red)}
.home-values h3{font:900 43px/1 var(--font-display);letter-spacing:.3px;margin:20px 0 9px}
.home-values p{font-size:13px;line-height:1.7;color:#98adba;max-width:270px;margin:0}

.home-projects{background:radial-gradient(ellipse at 50% -10%,rgba(211,31,40,.1),transparent 52%),#070c12}
.home-section-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:15px 0 41px}
.home-section-intro .display-title{font-size:clamp(61px,6vw,89px)}
.home-section-intro>p{color:#a9b9c5;font-size:15px;line-height:1.85;max-width:355px;margin:0 0 5px}
.home-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.home-project{min-height:375px;border:1px solid #34404b;position:relative;overflow:hidden;padding:27px 32px 26px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;transition:transform .2s,border-color .2s}
.home-project:hover{border-color:#f04440;transform:translateY(-4px)}
.home-project::before{content:"";inset:0;position:absolute;z-index:-1;background:repeating-linear-gradient(125deg,transparent 0 76px,rgba(255,255,255,.018) 77px 78px),linear-gradient(120deg,rgba(9,12,20,.45),rgba(0,0,0,.35));pointer-events:none}
.home-project-online{background:radial-gradient(circle at 85% 20%,rgba(246,49,57,.2),transparent 48%),#15111b}
.home-project-krusty{background:radial-gradient(circle at 85% 20%,rgba(241,146,31,.12),transparent 48%),#131921}
.home-project-furia{background:radial-gradient(circle at 85% 20%,rgba(19,171,203,.16),transparent 48%),#0d1d28}
.home-project-coliseum{background:radial-gradient(circle at 85% 20%,rgba(219,33,55,.18),transparent 48%),#10121a}
.home-project-mashing{grid-column:1/-1;min-height:430px;background:radial-gradient(circle at 84% 36%,rgba(48,121,160,.21),transparent 46%),radial-gradient(circle at 15% 90%,rgba(234,46,46,.13),transparent 46%),#0c1420}
.home-project-mashing::after{content:"05";position:absolute;right:35%;bottom:-62px;font:900 350px/.8 var(--font-display);color:rgba(255,255,255,.022);z-index:-1;pointer-events:none}
.home-project-top{display:flex;justify-content:space-between;gap:10px;color:#bcc5cb;font:800 14px var(--font-display);letter-spacing:1.55px}
.home-project-top span:first-child{color:var(--red)}
.home-project-body{margin:18px 0 22px}
.home-project-body>p{font:800 14px var(--font-display);letter-spacing:1.7px;color:#9caab5;margin:0 0 12px}
.home-project-body h3{font:900 clamp(59px,5.8vw,88px)/.84 var(--font-display);letter-spacing:-.8px;margin:0 0 23px}
.home-project-body em{font-style:normal;color:var(--red)}
.home-project-furia .home-project-body em{color:#55cbdd}
.home-project-krusty .home-project-body em{color:#f0b86c}
.home-project-body>span{display:block;color:#bcc7ce;font-size:14px;line-height:1.6;max-width:400px}
.home-project>a{border-top:1px solid #61707b;padding-top:15px;display:flex;justify-content:space-between;align-items:center;color:#e8eced;font:800 15px var(--font-display);letter-spacing:1.2px}
.home-project>a span{font:700 24px Arial,sans-serif;color:var(--red)}
.home-mashing-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:62px;align-items:center;padding:14px 0 24px}
.home-project-mashing .home-project-body{margin:0}
.home-project-mashing .home-project-body h3{font-size:clamp(77px,7.7vw,119px);margin:17px 0 24px}
.home-project-mashing .home-project-body em{color:#ff514b}
.home-project-mashing .home-project-body>span{max-width:560px;font-size:15px;line-height:1.8}
.home-mashing-spotlight{position:relative;background:linear-gradient(125deg,rgba(19,35,49,.95),rgba(10,19,32,.93));border:1px solid #496071;padding:30px 32px;box-shadow:0 20px 60px rgba(0,0,0,.18)}
.home-mashing-spotlight::before{content:"";position:absolute;top:0;left:0;height:4px;width:110px;background:var(--red)}
.home-mashing-spotlight-label{font:800 14px/1.4 var(--font-display);letter-spacing:1.6px;color:#9ac1d4}
.home-mashing-player{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:14px 0 10px}
.home-mashing-player strong{font:900 clamp(53px,5vw,80px)/.88 var(--font-display);color:#f6f4ed;letter-spacing:1px}
.home-mashing-player>span{color:#ff5652;font:800 14px var(--font-display);letter-spacing:1.2px}
.home-mashing-spotlight>p{font-size:14px;color:#b5c7d2;line-height:1.75;margin:0 0 21px}
.home-mashing-spotlight>p strong{color:#fff}
.home-mashing-roster{border-top:1px solid #45606e;padding-top:16px}
.home-mashing-roster>span{font:800 13px var(--font-display);letter-spacing:1.25px;color:#81b5c9}
.home-mashing-roster>p{margin:7px 0 12px;color:#e3e8e7;font-size:13px;line-height:1.75}
.home-mashing-spotlight>a{font:800 13px var(--font-display);letter-spacing:1px;color:#ff7773;text-decoration:underline;text-underline-offset:4px}
.home-mashing-spotlight>a:hover{color:#fff}

.home-events{background:linear-gradient(180deg,#111c27,#0b141e)}
.home-feature-event{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #43525b;min-height:520px;background:#08121d}
.home-feature-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:500px;background:radial-gradient(ellipse at 50% 45%,rgba(208,26,27,.24),transparent 57%),linear-gradient(160deg,#1c121c,#08131b)}
.home-feature-art::before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.08);pointer-events:none}
.home-feature-art::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 91px,rgba(255,255,255,.018) 92px 94px);pointer-events:none}
.home-feature-art img{width:min(75%,410px);height:auto;max-height:390px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))}
.home-feature-top{position:absolute;left:25px;right:25px;top:25px;display:flex;justify-content:space-between;font:800 13px var(--font-display);letter-spacing:1.5px;color:#cbd6dc;z-index:2}
.home-feature-art-bottom{position:absolute;bottom:26px;left:25px;font:800 15px var(--font-display);letter-spacing:1.4px;color:#9eb9c7;z-index:2}
.home-feature-copy{padding:51px 51px 44px;display:flex;flex-direction:column;justify-content:center}
.home-feature-tag{color:var(--red);font:800 16px var(--font-display);letter-spacing:1.7px}
.home-feature-copy h3{font:900 clamp(66px,6vw,100px)/.86 var(--font-display);letter-spacing:-1px;margin:20px 0 23px}
.home-feature-copy h3 span{color:var(--red)}
.home-feature-copy>p{color:#afc1cb;font-size:15px;line-height:1.8;margin:0}
.home-event-facts{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;margin:29px 0 33px;border-top:1px solid #425363;border-bottom:1px solid #425363}
.home-event-facts>div{padding:17px 12px 17px 0}
.home-event-facts>div+div{border-left:1px solid #425363;padding-left:16px}
.home-event-facts small{display:block;color:#869dac;font:700 11px/1.25 var(--font-display);letter-spacing:1px;min-height:28px}
.home-event-facts strong{display:block;font:900 21px/1 var(--font-display);margin-top:7px;white-space:nowrap}
.home-feature-copy .button{align-self:flex-start}
.home-events-note{display:flex;align-items:center;gap:17px;margin-top:22px;color:#a7b8c4;font-size:14px;line-height:1.7}
.home-events-note>span{font-size:32px;color:var(--red)}
.home-events-note p{margin:0}
.home-events-note a{color:#fff;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}

.home-community{background:radial-gradient(ellipse at 80% 45%,rgba(43,91,102,.2),transparent 55%),#09121b}
.home-community-grid{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:75px}
.home-community .display-title{font-size:clamp(59px,6vw,91px);margin:24px 0 25px}
.home-community-grid>div:first-child>p:not(.eyebrow){color:#b4c6d0;font-size:16px;line-height:1.9;max-width:515px;margin:0 0 26px}
.home-community-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:13px;transform:rotate(-2deg)}
.home-community-mosaic>div{min-height:195px;border:1px solid #46515d;background:linear-gradient(140deg,#122838,#0c131c);padding:23px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.home-community-mosaic>div:nth-child(2){background:linear-gradient(140deg,#5e171f,#18111c);transform:translateY(-14px)}
.home-community-mosaic>div:nth-child(3){background:linear-gradient(140deg,#33161f,#0d111b)}
.home-community-mosaic>div:nth-child(4){background:linear-gradient(140deg,#13394b,#0a1720);transform:translateY(-14px)}
.home-community-mosaic>div::after{content:"";position:absolute;top:13px;right:14px;width:84px;height:84px;background:center/contain no-repeat;opacity:.44;pointer-events:none}
.home-community-mosaic>div:nth-child(1)::after{background-image:url('assets/community-gamepad.svg')}
.home-community-mosaic>div:nth-child(2)::after{background-image:url('assets/community-trophy.svg')}
.home-community-mosaic>div:nth-child(3)::after{background-image:url('assets/community-stream.svg')}
.home-community-mosaic>div:nth-child(4)::after{background-image:url('assets/community-friends.svg')}
.home-community-mosaic span{font:800 18px var(--font-display);color:var(--red)}
.home-community-mosaic strong{font:900 36px/.93 var(--font-display);position:relative;z-index:1}
@media(max-width:700px){.home-community-mosaic>div::after{width:61px;height:61px;top:11px;right:11px;opacity:.4}}

.home-contact{background:#0b1017}
.home-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.home-contact .display-title{font-size:clamp(60px,6vw,88px);margin:17px 0 26px}
.home-contact-grid>div:first-child>p{font-size:16px;line-height:1.8;color:#abbac6;margin:0 0 28px;max-width:480px}
.home-contact-list{border-top:1px solid #43515d}
.home-contact-list>a{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center;border-bottom:1px solid #43515d;padding:23px 2px;transition:padding .2s,background .2s}
.home-contact-list>a:hover{padding-left:12px;background:#17202a}
.home-contact-list>a span{grid-column:1/2;font:800 12px var(--font-display);letter-spacing:1.5px;color:#9aaab4}
.home-contact-list>a strong{grid-column:1/2;font:900 clamp(20px,2.7vw,29px)/1 var(--font-display);letter-spacing:.25px;overflow-wrap:anywhere}
.home-contact-list>a b{grid-column:2;grid-row:1/3;color:var(--red);font:700 26px Arial,sans-serif}

/* Contacto v14: formulario inspirado en la estructura de referencia, con identidad ABA. */
.home-contact-form-wrap{margin-top:70px}
.home-contact-form-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:26px}
.home-contact-form-heading h3{font:900 clamp(42px,5vw,66px)/.94 var(--font-display);letter-spacing:.2px;margin:15px 0 0}
.home-contact-form-heading h3 span{color:var(--red)}
.home-contact-form-heading>p{color:#aebdc7;font-size:15px;line-height:1.8;max-width:435px;margin:0 0 3px}
.home-contact-form{border:1px solid rgba(255,61,58,.75);border-radius:19px;padding:clamp(22px,4.2vw,52px);background:linear-gradient(125deg,rgba(24,31,42,.98),rgba(9,12,19,.98));box-shadow:0 24px 75px rgba(0,0,0,.17);position:relative}
.home-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px}
.contact-field{min-width:0;display:flex;flex-direction:column;gap:10px}
.contact-field-wide{grid-column:1/-1}
.contact-field label{color:#ff524c;font:800 15px var(--font-display);letter-spacing:1.5px}
.contact-field label span:not(.field-optional){color:#ff8b81}
.field-optional{font-size:12px;color:#a4b2bd}
.contact-field input,.contact-field select,.contact-field textarea{box-sizing:border-box;width:100%;min-height:57px;color:#f3f3f0;background:#080b11;border:1px solid #394654;border-radius:10px;padding:14px 17px;font:500 16px/1.5 var(--font-body);color-scheme:dark;transition:border-color .2s,box-shadow .2s}
.contact-field textarea{resize:vertical;min-height:155px}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#8493a0;opacity:1}
.contact-field input:focus-visible,.contact-field select:focus-visible,.contact-field textarea:focus-visible{outline:2px solid #ff544d;outline-offset:2px;border-color:#ff544d;box-shadow:0 0 0 3px rgba(255,65,61,.13)}
.contact-consent{display:flex;align-items:flex-start;gap:12px;margin:26px 0 20px;color:#bdc8d1;font-size:13px;line-height:1.65;cursor:pointer}
.contact-consent input{flex:0 0 19px;width:19px;height:19px;margin:1px 0 0;accent-color:#ff3531}
.home-contact-submit{display:flex;width:100%;min-height:62px;align-items:center;justify-content:center;gap:22px;border:1px solid #ff3935;border-radius:10px;background:#f0342d;color:white;font:900 25px var(--font-display);letter-spacing:2px;cursor:pointer;transition:background .2s,transform .2s}
.home-contact-submit:hover{background:#d72522;transform:translateY(-1px)}
.home-contact-submit:focus-visible{outline:3px solid #fff;outline-offset:3px}
.home-contact-submit span{font:700 28px Arial,sans-serif}
.home-contact-form-note{font-size:12px;line-height:1.6;color:#97a7b1;margin:13px 0 0}
.home-contact-form-note strong{color:#c6d2dc;overflow-wrap:anywhere}
.home-contact-form-note a{color:#ff6e68;text-decoration:underline;text-underline-offset:3px}
.home-contact-form-feedback{border:1px solid rgba(255,102,102,.55);background:rgba(255,55,55,.08);color:#ffe0de;border-radius:9px;padding:12px 15px;margin:15px 0 0;font-size:14px;line-height:1.5}
.home-contact-submit:disabled{opacity:.55;cursor:wait}
.contact-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
@media(max-width:700px){
  .home-contact-form-wrap{margin-top:55px}
  .home-contact-form-heading{display:block}
  .home-contact-form-heading>p{font-size:14px;margin-top:15px}
  .home-contact-fields{grid-template-columns:1fr;gap:21px}
  .contact-field-wide{grid-column:auto}
  .home-contact-submit{font-size:22px;letter-spacing:1px}
}

@media(max-width:1180px){
  .home-hero-grid{gap:25px}.home-hero h1{font-size:clamp(65px,7.1vw,98px)}.home-hero-stage{min-height:480px}
  .home-story-grid{gap:50px}.home-feature-copy{padding:34px}.home-event-facts strong{font-size:18px}.home-community-grid{gap:43px}.home-contact-grid{gap:48px}
}
@media(max-width:980px){
  .home-page .nav-cta{font-size:15px;padding:10px 13px;gap:10px}
  .home-hero-grid{grid-template-columns:1fr 1fr;min-height:565px}.home-hero h1{font-size:clamp(57px,7.3vw,83px)}.home-hero-stage{min-height:410px}
  .home-hero-rail>div{padding:18px 16px;flex-wrap:wrap}.home-hero-rail small{margin-left:0;text-align:left}
  .home-section-intro{align-items:start}.home-feature-event{grid-template-columns:.8fr 1.2fr}.home-feature-copy h3{font-size:65px}
  .home-event-facts{grid-template-columns:1fr 1fr}.home-event-facts>div:last-child{grid-column:1/3;border-top:1px solid #425363;border-left:0;padding-left:0;padding-top:13px}.home-event-facts small{min-height:0}
  .home-mashing-content{gap:25px}.home-project-mashing .home-project-body h3{font-size:clamp(64px,7vw,83px)}.home-mashing-spotlight{padding:24px}
}
@media(max-width:700px){
  .home-page .nav-cta{font-size:14px;white-space:nowrap;padding:10px 12px}
  .home-hero-grid{grid-template-columns:1fr;gap:34px;padding-top:59px;padding-bottom:35px}.home-hero h1{font-size:clamp(56px,12.3vw,84px);margin:22px 0}.home-lead{font-size:14px;line-height:1.8}.home-hero-bottom{margin-top:25px;font-size:12px}.home-hero-stage{min-height:350px}.home-hero-logo{width:min(72%,325px)}
  .home-hero-rail{grid-template-columns:1fr;gap:0}.home-hero-rail>div{min-height:64px;padding:14px 20px;border-right:0;border-bottom:1px solid #3a4c57;flex-wrap:nowrap}.home-hero-rail>div:last-child{border-bottom:0}.home-hero-rail strong{font-size:23px}.home-hero-rail small{margin-left:auto;text-align:right}
  .home-story-grid,.home-contact-grid,.home-community-grid{grid-template-columns:1fr;gap:28px}.home-story .display-title,.home-contact .display-title{font-size:clamp(55px,12vw,75px)}.home-story-copy p{font-size:14px;line-height:1.8}.home-values{grid-template-columns:1fr;margin-top:33px}.home-values article{border-right:0;border-bottom:1px solid #354651;padding:23px}.home-values article:last-child{border-bottom:0}.home-values h3{font-size:36px;margin:10px 0}
  .home-section-intro{display:block;margin:16px 0 31px}.home-section-intro .display-title{font-size:clamp(51px,11vw,74px)}.home-section-intro>p{margin:21px 0 0;font-size:14px;max-width:unset}
  .home-project-grid{grid-template-columns:1fr}.home-project{min-height:325px;padding:23px}.home-project-body h3{font-size:clamp(63px,12.5vw,86px)}.home-project-body>span{font-size:13px}
  .home-project-mashing{grid-column:1;min-height:0}.home-project-mashing .home-project-top{flex-direction:column;gap:6px;font-size:12px}.home-mashing-content{grid-template-columns:1fr;gap:22px;padding:30px 0 24px}.home-project-mashing .home-project-body h3{font-size:clamp(67px,13vw,94px)}.home-project-mashing .home-project-body>span{font-size:13px}.home-mashing-spotlight{padding:22px}.home-mashing-player strong{font-size:60px}
  .home-feature-event{grid-template-columns:1fr}.home-feature-art{min-height:340px}.home-feature-art img{max-height:260px;width:65%}.home-feature-copy{padding:30px 24px 33px}.home-feature-copy h3{font-size:clamp(64px,12vw,84px)}.home-feature-copy>p{font-size:14px}.home-event-facts{grid-template-columns:1fr 1fr}.home-event-facts strong{font-size:17px}.home-events-note{align-items:start;font-size:13px}
  .home-community .display-title{font-size:clamp(52px,11.8vw,74px)}.home-community-grid>div:first-child>p:not(.eyebrow){font-size:14px}.home-community-mosaic{transform:none;gap:9px}.home-community-mosaic>div{min-height:140px;padding:17px}.home-community-mosaic>div:nth-child(2),.home-community-mosaic>div:nth-child(4){transform:none}.home-community-mosaic strong{font-size:26px}
  .home-contact-grid>div:first-child>p{font-size:14px}.home-contact-list>a{padding:18px 0}.home-contact-list>a strong{font-size:24px}
}
@media(max-width:385px){.home-page .nav-cta{font-size:12px}.home-page .nav-cta span{display:none}.home-hero h1{font-size:53px}.home-hero-copy .eyebrow{font-size:12px}.home-feature-copy h3{font-size:58px}.home-event-facts strong{font-size:15px}}

/* Cross-platform UI glyphs: avoid colored emoji and missing arrow glyphs. */
.home-page .ticker-track span{font-size:0;vertical-align:middle}
.home-page .ticker-track span::after{content:"+";font:900 30px/1 Arial,sans-serif;color:#fff;display:inline-block}
.home-page .topline a span,.home-project>a span,.home-contact-list>a b{font-size:0}
.home-page .topline a span::after,.home-project>a span::after,.home-contact-list>a b::after{content:"→";font:700 22px/1 Arial,sans-serif;color:inherit}
.home-page .topline a span::after{font-size:14px}

/* v7: conversion-first ABA Games homepage; keeps original brand assets and independent league page. */
.home-page .nav-cta{background:#f0342d;min-width:136px}
.home-page .nav-cta:hover{background:#ff5a52}
.home-page .nav-links a[aria-current="page"]{color:#fff}
.home-page .nav-links a[aria-current="page"]::after{right:0}
.home-page .nav-links a[aria-current="page"]::before{content:"";position:absolute;left:-9px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--red)}
.home-hero{background:radial-gradient(circle at 71% 28%,rgba(183,29,37,.21),transparent 37%),linear-gradient(110deg,#0b1420,#070c13 65%)}
.home-hero-texture{opacity:.28;background:linear-gradient(90deg,rgba(7,11,18,.86),rgba(7,11,18,.55)),url('assets/hero-texture.png') center/cover}
.home-hero-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:55px;min-height:652px;padding-top:70px;padding-bottom:64px}
.home-hero-copy .eyebrow{font-size:15px;letter-spacing:1.9px}
.home-hero h1{font-size:clamp(76px,8vw,123px);line-height:.82;white-space:normal;margin:31px 0 22px;letter-spacing:-1.4px}
.home-hero-tagline{font:900 clamp(27px,3vw,41px)/1.02 var(--font-display);letter-spacing:.8px;margin:0 0 26px;color:#f6f4ed}
.home-lead{font-size:15px;line-height:1.85;max-width:520px;margin:0 0 29px}
.home-hero-copy .hero-actions .button-primary{min-height:57px;font-size:17px;letter-spacing:1px;gap:16px;padding-inline:19px 27px}
.home-hero-copy .hero-actions .button-ghost{font-size:16px;min-height:55px}
.home-hero-bottom{margin-top:34px;font-size:13px}
.home-register-card{position:relative;min-width:0;padding:27px 29px 26px;border:1px solid #556371;background:linear-gradient(150deg,#152432 0%,#0b1420 46%,#101019 100%);box-shadow:0 35px 65px rgba(0,0,0,.34);overflow:hidden}
.home-register-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--red) 0 60%,transparent 60%)}
.home-register-card::after{content:"";position:absolute;inset:-100px -90px auto auto;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,rgba(224,38,39,.12),transparent 70%);pointer-events:none}
.home-register-top,.home-register-brand,.home-register-next,.home-register-picker{position:relative;z-index:1}
.home-register-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font:800 13px var(--font-display);letter-spacing:1.35px;color:#a7beca}
.home-register-top span:first-child{display:inline-flex;align-items:center;gap:8px;color:#fff}
.home-card-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(255,51,45,.14)}
.home-register-brand{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:24px;padding:20px 0 22px}
.home-register-brand img{width:105px;max-height:122px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5))}
.home-register-brand p{font:800 13px var(--font-display);letter-spacing:1.5px;color:#ff766f;margin:0 0 6px}
.home-register-brand h2{font:900 clamp(39px,4vw,57px)/.83 var(--font-display);letter-spacing:-.3px;margin:0}
.home-register-brand h2 span{color:var(--red)}
.home-register-next{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #465361;border-bottom:1px solid #465361;padding:18px 0 17px;margin-bottom:18px}
.home-register-next>div+div{border-left:1px solid #465361;padding-left:15px}
.home-register-next span{display:block;font:700 12px/1.3 var(--font-display);letter-spacing:1.2px;color:#aabdc8;margin-bottom:8px}
.home-register-next strong{display:block;font:900 clamp(22px,2.8vw,31px)/.95 var(--font-display);letter-spacing:.5px}
.home-register-next>div+div strong{font-size:clamp(19px,2.1vw,26px)}
.home-register-picker>p{font:800 14px var(--font-display);color:#aabec8;letter-spacing:1.5px;margin:0 0 10px}
.home-game-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.home-game-links>a{display:flex;min-height:82px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid #405463;background:#101c29;transition:background .2s,border-color .2s,transform .2s}
.home-game-links>a:hover{background:#1f2e3c;border-color:#ff5e59;transform:translateY(-2px)}
.home-game-links img{width:auto;height:auto;max-height:42px;max-width:93%;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.45))}
.home-game-links>a:nth-child(4) img{max-height:52px}
.home-game-links span{font:800 12px/1 var(--font-display);letter-spacing:1px;color:#d6e0e4}
.home-register-details{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:16px;font:800 14px var(--font-display);letter-spacing:1px;color:#fff}
.home-register-details:hover{color:#ff6761}
.home-register-details span{font-size:20px;color:var(--red)}
.home-hero-rail>div{background:#111d28}
.home-hero-rail small{max-width:140px}

.home-upcoming{background:radial-gradient(ellipse at 80% 5%,rgba(227,42,42,.1),transparent 43%),#0d1721}
.home-upcoming .home-section-intro .display-title{font-size:clamp(62px,7vw,96px)}
.upcoming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.upcoming-card{display:flex;min-width:0;min-height:284px;flex-direction:column;border:1px solid #375262;background:linear-gradient(145deg,#162938,#0e1824);padding:21px 23px 18px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}
.upcoming-card:hover{transform:translateY(-3px);border-color:#ed504b}
.upcoming-card::before{content:"";position:absolute;right:-90px;top:-90px;width:240px;height:240px;background:radial-gradient(circle,rgba(255,55,49,.14),transparent 70%);pointer-events:none}
.upcoming-offline{border-top:3px solid #f83b34}
.upcoming-online{border-top:3px solid #628c9f}
.upcoming-card-head{display:flex;justify-content:space-between;align-items:center;gap:7px;font:800 12px/1.2 var(--font-display);letter-spacing:1.3px;color:#8fa5b1}
.upcoming-card-head .upcoming-kind{color:#ff6660}
.upcoming-online .upcoming-kind{color:#93cee1}
.upcoming-date{font:900 59px/.9 var(--font-display);letter-spacing:-.5px;margin:23px 0 16px;color:#f7f5ef}
.upcoming-card-main{display:flex;align-items:center;gap:17px;margin-bottom:auto;min-height:66px}
.upcoming-card-main img{width:105px;max-width:105px;max-height:70px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(0,0,0,.4))}
.upcoming-card-main h3{font:900 24px/1 var(--font-display);margin:0 0 6px}
.upcoming-card-main p{font:700 11px/1.25 var(--font-display);letter-spacing:.55px;color:#bac8d0;margin:0 0 3px}
.upcoming-card-main small{font:700 11px/1.3 var(--font-display);letter-spacing:.45px;color:#91a8b4}
.upcoming-card>a{display:flex;justify-content:space-between;gap:9px;align-items:center;border-top:1px solid #47606e;margin-top:22px;padding-top:12px;font:900 14px var(--font-display);letter-spacing:.8px;color:#fff}
.upcoming-card>a:hover{color:#ff736c}
.upcoming-card>a span{font-size:0;display:inline-block;line-height:1}
.upcoming-card>a span::after{content:"→";font:700 20px/1 Arial,Helvetica,sans-serif;color:var(--red)}
.upcoming-card[hidden],.upcoming-empty[hidden]{display:none!important}
.upcoming-empty{border:1px solid #4d606d;background:#121f2c;text-align:center;padding:45px 25px}
.upcoming-empty h3{font:900 40px var(--font-display);margin:0}
.upcoming-empty p{color:#b0c0c8;margin:5px 0 22px}
.home-upcoming-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;font:800 13px/1.4 var(--font-display);letter-spacing:1px;color:#8da5b2}
.home-upcoming-foot>a{color:#fff;border-bottom:2px solid var(--red);padding-bottom:4px}
.home-upcoming-foot>a:hover{color:#ff756d}
.home-upcoming-foot>a span{font-family:Arial,sans-serif;font-size:18px;color:var(--red)}

.home-activities{background:#080e16}
.home-activities .home-section-intro .display-title{font-size:clamp(57px,6vw,87px)}
.home-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.home-activity-grid article{display:flex;flex-direction:column;min-height:300px;padding:31px 27px 26px;border:1px solid #38505e;background:linear-gradient(160deg,#152635,#0b1520);position:relative;overflow:hidden}
.home-activity-grid article::after{content:"";position:absolute;right:-40px;bottom:-70px;width:170px;height:170px;border:1px solid rgba(248,85,77,.16);transform:rotate(30deg);pointer-events:none}
.home-activity-grid article:nth-child(2){background:linear-gradient(145deg,#291820,#111821)}
.home-activity-grid article:nth-child(3){background:linear-gradient(145deg,#12313b,#0c1720)}
.activity-no{font:800 14px var(--font-display);letter-spacing:1.5px;color:#ff615c}
.home-activity-grid h3{font:900 clamp(38px,3.6vw,55px)/.9 var(--font-display);margin:40px 0 14px}
.home-activity-grid h3 span{color:var(--red)}
.home-activity-grid p{font-size:13px;line-height:1.75;color:#aec1cc;max-width:310px;margin:0 0 27px}
.home-activity-grid a{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;border-top:1px solid #45606c;padding-top:13px;font:800 15px var(--font-display);letter-spacing:.9px}
.home-activity-grid a:hover{color:#ff766f}
.home-activity-grid a span{color:var(--red);font-family:Arial,sans-serif;font-size:20px}

@media(max-width:1180px){
  .home-hero-layout{gap:30px}
  .home-hero h1{font-size:clamp(72px,8vw,105px)}
  .home-register-card{padding:24px}
  .home-register-brand{gap:15px;grid-template-columns:86px 1fr}
  .home-register-brand img{width:86px}
  .home-register-brand h2{font-size:clamp(39px,4vw,50px)}
  .home-register-next strong{font-size:26px}
  .home-activity-grid h3{font-size:47px}
}
@media(max-width:980px){
  .home-hero-layout{grid-template-columns:1fr;gap:42px;min-height:0;padding-top:62px;padding-bottom:56px}
  .home-hero-copy{max-width:720px}
  .home-hero h1{font-size:clamp(83px,11vw,120px)}
  .home-hero-tagline{font-size:37px}
  .home-register-card{max-width:760px;width:100%;margin-inline:auto}
  .home-register-brand{grid-template-columns:110px 1fr}
  .home-register-brand img{width:110px}
  .home-register-brand h2{font-size:60px}
  .upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-activity-grid{grid-template-columns:1fr 1fr}
  .home-activity-grid article:last-child{grid-column:1/-1;min-height:245px}
}
@media(max-width:700px){
  .home-hero-layout{gap:32px;padding-top:43px;padding-bottom:35px}
  .home-hero-copy .eyebrow{font-size:12px;letter-spacing:1px}
  .home-hero h1{font-size:clamp(72px,16vw,110px);margin:23px 0 18px}
  .home-hero-tagline{font-size:clamp(29px,7vw,41px);margin-bottom:20px}
  .home-lead{font-size:14px;line-height:1.75;margin-bottom:22px}
  .home-hero-copy .hero-actions{align-items:stretch}
  .home-hero-copy .hero-actions a{min-height:51px}
  .home-hero-copy .hero-actions .button-primary{width:100%;min-height:56px;font-size:17px}
  .home-hero-copy .hero-actions .button-ghost{font-size:15px}
  .home-hero-bottom{margin-top:25px;font-size:11px}
  .home-register-card{padding:21px 18px 22px}
  .home-register-top{font-size:11px;letter-spacing:.65px}
  .home-register-brand{grid-template-columns:88px 1fr;gap:12px;padding-block:18px}
  .home-register-brand img{width:88px}
  .home-register-brand h2{font-size:clamp(36px,8.5vw,53px)}
  .home-register-brand p{font-size:11px;letter-spacing:1px}
  .home-register-next strong{font-size:25px}
  .home-register-next>div+div strong{font-size:20px}
  .home-register-next span{font-size:11px}
  .home-game-links>a{min-height:76px}
  .home-game-links img{max-height:37px}
  .home-game-links span{font-size:11px}
  .home-register-details{font-size:12px}
  .home-upcoming .home-section-intro .display-title{font-size:clamp(56px,12vw,82px)}
  .upcoming-grid{grid-template-columns:1fr}
  .upcoming-card{min-height:245px}
  .upcoming-date{margin:15px 0;font-size:55px}
  .home-upcoming-foot{flex-direction:column;align-items:flex-start}
  .home-activities .home-section-intro .display-title{font-size:clamp(53px,11.5vw,77px)}
  .home-activity-grid{grid-template-columns:1fr}
  .home-activity-grid article,.home-activity-grid article:last-child{grid-column:auto;min-height:255px;padding:24px}
  .home-activity-grid h3{font-size:47px;margin:26px 0 12px}
}
@media(max-width:385px){
  .home-hero h1{font-size:clamp(64px,16vw,74px)}
  .home-register-brand h2{font-size:36px}
  .home-register-top>span:last-child{font-size:10px}
  .home-register-next{gap:9px}
  .home-register-next>div+div{padding-left:10px}
  .home-register-next strong{font-size:21px}
  .home-register-next>div+div strong{font-size:17px}
  .home-game-links span{letter-spacing:.3px}
}

/* v8: restore the original ABA Games identity panel in the About section. */
.home-story-showcase{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px;align-items:stretch;margin-top:61px}
.home-story-stage{min-height:595px}
.home-story-stage .home-hero-logo{width:min(80%,470px);height:auto;object-fit:contain}
.home-story-showcase .home-values{display:grid;grid-template-columns:1fr;margin:0}
.home-story-showcase .home-values article{display:flex;min-height:0;flex-direction:column;justify-content:center;padding:30px 39px;border-right:0;border-bottom:1px solid #354651}
.home-story-showcase .home-values article:last-child{border-bottom:0}
.home-story-showcase .home-values h3{margin:14px 0 9px;font-size:49px}
.home-story-showcase .home-values p{max-width:350px;font-size:14px}
@media(max-width:980px){
  .home-story-showcase{gap:16px}
  .home-story-stage{min-height:530px}
  .home-story-showcase .home-values article{padding:25px}
}
@media(max-width:700px){
  .home-story-showcase{grid-template-columns:1fr;margin-top:35px;gap:20px}
  .home-story-stage{min-height:500px}
  .home-story-stage .home-hero-logo{width:min(76%,390px)}
  .home-story-showcase .home-values article{padding:23px 25px}
  .home-story-showcase .home-values h3{font-size:38px;margin:8px 0}
}
@media(max-width:385px){
  .home-story-stage{min-height:450px}
  .home-story-stage .home-stage-label,.home-story-stage .home-stage-number{top:22px;font-size:11px;letter-spacing:1.2px}
  .home-story-stage .home-stage-label{left:24px}
  .home-story-stage .home-stage-number{right:24px}
  .home-story-stage .home-stage-caption{left:24px;bottom:24px;font-size:18px}
  .home-story-stage .home-stage-caption strong{font-size:22px}
  .home-story-stage .home-stage-mark{right:22px;bottom:18px;font-size:42px}
}

/* v11: red official platform logos in the homepage contact directory. */
.home-contact-list>a{grid-template-columns:42px minmax(0,1fr) auto;column-gap:16px}
.home-contact-list>a .contact-brand-icon{grid-column:1;grid-row:1/3;display:grid;place-items:center;align-self:center;width:38px;height:38px;color:var(--red)}
.home-contact-list>a .contact-brand-icon svg{display:block;width:29px;height:29px;fill:currentColor}
.home-contact-list>a .contact-brand-icon svg.contact-line-icon{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.home-contact-list>a span:not(.contact-brand-icon),.home-contact-list>a strong{grid-column:2}
.home-contact-list>a b{grid-column:3}
@media(max-width:480px){
  .home-contact-list>a{grid-template-columns:30px minmax(0,1fr) 20px;column-gap:11px}
  .home-contact-list>a .contact-brand-icon{width:30px;height:30px}
  .home-contact-list>a .contact-brand-icon svg{width:24px;height:24px}
  .home-contact-list>a strong{font-size:clamp(18px,5.4vw,23px)}
}

/* v12: short institutional teaser; the full history and team now live on /nosotros.html. */
.home-about-preview{background:radial-gradient(circle at 76% 50%,rgba(170,20,28,.12),transparent 36%),#0c131d}
.home-about-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(35px,7vw,112px);align-items:center}
.home-about-preview-copy .display-title{font-size:clamp(67px,7.1vw,112px);line-height:.88;margin:28px 0}
.home-about-preview-copy>p:not(.eyebrow){color:#a9bbc6;font-size:16px;line-height:1.85;max-width:490px;margin-bottom:29px}
.home-about-preview-panel{position:relative;display:flex;align-items:center;justify-content:center;min-height:370px;border:1px solid #445463;background:radial-gradient(circle at 49% 47%,rgba(221,34,40,.2),transparent 55%),linear-gradient(145deg,#142330,#090f18);overflow:hidden;transition:border-color .2s,transform .2s}
.home-about-preview-panel:hover{border-color:var(--red);transform:translateY(-3px)}
.home-about-preview-panel::before{content:"";position:absolute;inset:21px;border:1px solid rgba(200,218,226,.09);pointer-events:none}
.home-about-preview-panel>span{position:absolute;top:36px;left:37px;font:800 13px var(--font-display);letter-spacing:1.7px;color:#a7b6bf}
.home-about-preview-panel img{display:block;width:min(64%,330px);height:auto;object-fit:contain;filter:drop-shadow(0 9px 32px rgba(0,0,0,.4))}
.home-about-preview-panel>strong{position:absolute;left:37px;bottom:30px;color:#f5f5ee;font:900 23px/.95 var(--font-display);letter-spacing:.6px}
.home-about-preview-panel>b{position:absolute;right:36px;bottom:25px;font:800 28px Arial,sans-serif;color:var(--red)}
.home-about-preview-copy .button span,.home-about-preview-panel>b{font-size:0}
.home-about-preview-copy .button span::after,.home-about-preview-panel>b::after{content:"→";font:800 25px/1 Arial,sans-serif;color:inherit}
@media(max-width:800px){.home-about-preview-grid{grid-template-columns:1fr;gap:32px}.home-about-preview-panel{min-height:380px}}
@media(max-width:480px){.home-about-preview-copy .display-title{font-size:clamp(61px,12vw,83px)}.home-about-preview-copy>p:not(.eyebrow){font-size:14px}.home-about-preview-panel{min-height:340px}.home-about-preview-panel>span{top:27px;left:25px;font-size:11px}.home-about-preview-panel>strong{left:25px;bottom:24px;font-size:20px}.home-about-preview-panel>b{right:24px;bottom:20px}}

/* v31: native YouTube and Twitch video players on Inicio. */
.home-media{background:radial-gradient(ellipse at 16% 5%,rgba(186,29,40,.1),transparent 48%),linear-gradient(180deg,#0b141d,#080e16)}
.home-media .home-section-intro .display-title{font-size:clamp(62px,6vw,90px)}
.home-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.home-media-card{min-width:0;display:flex;flex-direction:column;border:1px solid #3d5261;background:linear-gradient(145deg,#13212f,#0b121e 65%);overflow:hidden;position:relative}
.home-media-card::before{content:"";position:absolute;top:0;left:0;width:40%;height:3px;background:var(--red)}
.home-media-twitch::before{background:#b58bff}
.home-media-card-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px 20px;padding:22px 24px 19px;font:800 13px/1.2 var(--font-display);letter-spacing:1.4px;color:#9fb6c5}
.home-media-platform{display:inline-flex;align-items:center;gap:10px;font:900 20px/1 var(--font-display);letter-spacing:1.3px;color:#fff}
.home-media-platform svg{display:block;width:28px;height:28px;fill:#ff3f39}
.home-media-twitch .home-media-platform svg{fill:#b58bff}
.home-media-player{position:relative;width:100%;aspect-ratio:16/9;min-height:300px;background:#030509;border-top:1px solid #384b56;border-bottom:1px solid #384b56}
.home-media-player iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border:0}
.home-media-player-twitch iframe{min-width:400px;min-height:300px}
.home-media-card-bottom{display:flex;flex-direction:column;flex:1;gap:18px;justify-content:space-between;padding:24px 26px 25px}
.home-media-kicker{display:block;color:#ff6861;font:800 12px/1.3 var(--font-display);letter-spacing:1.5px;margin-bottom:9px}
.home-media-twitch .home-media-kicker{color:#c6a8ff}
.home-media-card-bottom h3{font:900 clamp(31px,3.4vw,45px)/.95 var(--font-display);letter-spacing:.5px;margin:0 0 12px}
.home-media-card-bottom p{font-size:13px;line-height:1.75;color:#aec0cb;margin:0;max-width:450px}
.home-media-card-bottom>a{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #5b6b78;padding:14px 16px;font:900 16px/1 var(--font-display);letter-spacing:1.1px;transition:background .2s,border-color .2s}
.home-media-card-bottom>a:hover{background:#253645;border-color:#f34b43}
.home-media-card-bottom>a span{font-size:0;color:var(--red)}
.home-media-card-bottom>a span::after{content:"→";font:700 22px/1 Arial,sans-serif;color:inherit}
.home-media-note{color:#8ea4b1;font-size:12px;line-height:1.7;margin:19px 0 0}
.home-media-note a{color:#e9f3f7;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}
@media(max-width:1050px){.home-media-grid{grid-template-columns:1fr}.home-media-player{min-height:0}}
@media(max-width:600px){
  .home-media .home-section-intro .display-title{font-size:clamp(56px,11.8vw,75px)}
  .home-media-grid{gap:16px}
  .home-media-card-top{padding:18px 17px 15px;gap:8px;font-size:11px}
  .home-media-platform{font-size:18px}
  .home-media-platform svg{width:24px;height:24px}
  .home-media-card-bottom{padding:20px 18px 21px}
  .home-media-card-bottom h3{font-size:35px}
  .home-media-player-twitch{height:300px;aspect-ratio:auto;overflow-x:auto;scrollbar-color:#684a99 #111927}
  .home-media-player-twitch iframe{position:relative;inset:auto;width:400px;height:300px}
}