.gba{margin-block:120px}.gba--intro{margin-block:100px}.gba__back{margin-bottom:20px}.gba__back-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary-500);text-decoration:none;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .3s ease}.gba__back-link svg{transition:transform .3s ease}.gba__back-link:hover{gap:12px;background:rgba(var(--primary-500-rgb, 0, 0, 0), 0.05)}.gba__back-link:hover svg{transform:translateX(-3px)}.gba__decor{display:block;width:48px;height:1px;background:#d7a738;margin:0 auto}.gba__t{gap:24px}.gba__section:not(:first-of-type){margin-top:80px}.gba__section-header{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid var(--primary-500)}.gba__section-header svg{color:var(--primary-500);flex-shrink:0}.gba__section-title{font-size:24px;font-weight:600;color:var(--heading-color, #1a1a1a);margin:0}.gba__pba{margin-top:24px;gap:48px;display:flex;flex-direction:column}.gba__pba--pair{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;align-items:start}.gba__pba--col{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;aspect-ratio:16/9}.gba__pba--col:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.gba__pba--col img{display:block;width:100%;height:auto;object-fit:contain}.gba__section--videos .gba__pba{display:flex;flex-direction:column;gap:48px}.gba__badge{position:absolute;top:12px;padding:6px 14px;backdrop-filter:blur(8px);color:#fff;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:1;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none}.gba__badge--before{left:12px;background:rgba(239,68,68,.9)}.gba__badge--after{right:12px;background:rgba(34,197,94,.9)}.gba__video{cursor:pointer;inset:-3px 0 0 0;margin:auto;aspect-ratio:16/9;overflow:visible;transition:transform .3s ease}.gba__video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.1);pointer-events:none;transition:all .3s ease}.gba__play-icon{width:75px;overflow:visible;background-color:rgba(0,0,0,0);filter:drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));transition:transform .3s ease}.gba__video-badge{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);color:#fff;border-radius:20px;font-size:12px;font-weight:500;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s ease}.gba__video-badge svg{width:14px;height:14px}.gba__pba--b:hover .gba__video{transform:scale(1.02)}.gba__pba--b:hover .gba__video-overlay{background:rgba(0,0,0,.2)}.gba__pba--b:hover .gba__play-icon{transform:scale(1.1)}.gba__pba--b:hover .gba__video-badge{opacity:1}.gba__c:not(:nth-child(2)){margin-top:48px}.gba .vid__wr{aspect-ratio:16/9}.gba .vid__wr>div>iframe,.gba .vid__wr>div>img{inset:-3px 0 0 0;margin:auto;aspect-ratio:16/9;object-fit:cover}.gba .vid__wr>.empty-iframe,.gba .vid__wr>.h__thumb{height:100%;cursor:pointer}@media(max-width: 1024px){.gba{margin-block:50px}.gba--intro{margin-block:50px}.gba__pba{gap:32px}.gba__pba--pair{grid-template-columns:repeat(1, 1fr);gap:16px}.gba__section--videos .gba__pba{gap:32px}.gba__section-title{font-size:20px}}@media(max-width: 768px){.gba__badge{font-size:11px;padding:4px 10px}.gba__play-icon{width:60px}.gba__section:not(:first-of-type){margin-top:60px}.gba__section-title{font-size:18px}.gba__pba{gap:24px}}.gba__decor{display:block;width:48px;height:1px;background:#d7a738;margin:0 auto}.gba__back-link{transition:all .3s ease}.gba__back-link svg{transition:transform .3s ease}.gba__back-link:hover{gap:12px;background:rgba(var(--primary-500-rgb, 0, 0, 0), 0.05)}.gba__back-link:hover svg{transform:translateX(-3px)}.gba__hint{transition:opacity .3s ease}.gba__video{transition:transform .3s ease}.gba__pba--b:hover .gba__video{transform:scale(1.02)}.gba__video-overlay{transition:all .3s ease}.gba__pba--b:hover .gba__video-overlay{background:rgba(0,0,0,.2)}.gba__play-icon{transition:transform .3s ease}.gba__pba--b:hover .gba__play-icon{transform:scale(1.1)}.gba__video-badge{transition:opacity .3s ease}.gba__pba--b:hover .gba__video-badge{opacity:1}