/* Page-specific themes: shared layout, distinct visual language. */

.brand-gaje {
    --primary: #C8F36A;
    --secondary: #0D211B;
    --accent: #F4B860;
    --highlight: #FFF8E8;
    --bg: #07130F;
    --bg-light: #10291F;
    --border-active: rgba(244, 184, 96, 0.42);
    --gradient-primary: linear-gradient(135deg, #C8F36A 0%, #8CCB4A 100%);
    --gradient-bg: radial-gradient(ellipse at top left, #163225 0%, #07130F 52%, #040907 100%);
    --shadow-glow: 0 0 42px rgba(200, 243, 106, 0.2);
    --shadow-card: 0 18px 50px rgba(0, 0, 0, 0.36);
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 26px;
}

.brand-gaje .hero-label {
    border-radius: 10px;
    color: var(--accent);
    background: rgba(244, 184, 96, 0.08);
    border-color: rgba(244, 184, 96, 0.25);
}

.brand-gaje .label-dot,
.brand-gaje .status-live::before {
    background: var(--accent);
}

.brand-gaje .section-tag {
    color: var(--accent);
}

.brand-gaje .section-tag::before,
.brand-gaje .nav-link::after {
    background: var(--accent);
}

.brand-gaje .visual-center {
    border-radius: 18px;
    background: var(--gradient-primary);
}

.brand-gaje .platform-card,
.brand-gaje .game-card,
.brand-gaje .event-card,
.brand-gaje .tech-card,
.brand-gaje .stat-card,
.brand-gaje .info-item {
    background: linear-gradient(155deg, rgba(20, 52, 39, 0.94), rgba(8, 23, 17, 0.98));
    border-color: rgba(200, 243, 106, 0.14);
}

.brand-gaje .platform-card:hover,
.brand-gaje .game-card:hover,
.brand-gaje .event-card:hover,
.brand-gaje .tech-card:hover,
.brand-gaje .stat-card:hover,
.brand-gaje .info-item:hover {
    border-color: var(--border-active);
}

.brand-gaje .card-visual-1 .cv-bg { background: linear-gradient(135deg, #173D2E, #315C35, #0A1811); }
.brand-gaje .card-visual-2 .cv-bg { background: linear-gradient(135deg, #3D2A17, #6A4A27, #0A1811); }
.brand-gaje .card-visual-3 .cv-bg { background: linear-gradient(135deg, #173A35, #245D50, #0A1811); }

.brand-gaje .btn-primary,
.brand-gaje .btn-cta {
    color: #07130F;
    box-shadow: 0 10px 28px rgba(200, 243, 106, 0.16);
}

.brand-gaje .event-location,
.brand-gaje .game-genre,
.brand-gaje .stat-value,
.brand-gaje .stat-number,
.brand-gaje .stat-number-text {
    color: var(--accent);
}

.brand-gode {
    --primary: #67E8F9;
    --secondary: #11152A;
    --accent: #A78BFA;
    --highlight: #F5F3FF;
    --bg: #080A1A;
    --bg-light: #151A3A;
    --border-active: rgba(103, 232, 249, 0.45);
    --gradient-primary: linear-gradient(135deg, #67E8F9 0%, #A78BFA 100%);
    --gradient-bg: radial-gradient(ellipse at top right, #1C1A42 0%, #080A1A 52%, #04050E 100%);
    --shadow-glow: 0 0 44px rgba(103, 232, 249, 0.2);
    --shadow-glow-blue: 0 0 44px rgba(167, 139, 250, 0.22);
    --shadow-card: 0 18px 56px rgba(2, 4, 18, 0.56);
    --radius-sm: 4px;
    --radius-md: 9px;
    --radius-lg: 14px;
    --radius-xl: 20px;
}

.brand-gode .hero-label {
    border-radius: 6px;
    color: var(--primary);
    background: rgba(167, 139, 250, 0.1);
    border-color: rgba(167, 139, 250, 0.3);
}

.brand-gode .label-dot,
.brand-gode .status-live::before {
    background: var(--primary);
}

.brand-gode .section-tag {
    color: var(--accent);
}

.brand-gode .section-tag::before,
.brand-gode .nav-link::after {
    background: var(--accent);
}

.brand-gode .hero-title {
    text-shadow: 0 0 80px rgba(103, 232, 249, 0.24);
}

.brand-gode .platform-card,
.brand-gode .game-card,
.brand-gode .event-card,
.brand-gode .tech-card,
.brand-gode .stat-card,
.brand-gode .info-item {
    background: linear-gradient(145deg, rgba(25, 29, 61, 0.96), rgba(10, 12, 29, 0.99));
    border-color: rgba(167, 139, 250, 0.2);
}

.brand-gode .platform-card:hover,
.brand-gode .game-card:hover,
.brand-gode .event-card:hover,
.brand-gode .tech-card:hover,
.brand-gode .stat-card:hover,
.brand-gode .info-item:hover {
    border-color: var(--border-active);
    box-shadow: 0 0 0 1px rgba(103, 232, 249, 0.14), var(--shadow-card);
}

.brand-gode .card-visual-1 .cv-bg { background: linear-gradient(135deg, #182B58, #254E78, #0A0D20); }
.brand-gode .card-visual-2 .cv-bg { background: linear-gradient(135deg, #29205E, #4C3688, #0A0D20); }
.brand-gode .card-visual-3 .cv-bg { background: linear-gradient(135deg, #123D4C, #1C6570, #0A0D20); }

.brand-gode .btn-primary,
.brand-gode .btn-cta {
    color: #080A1A;
    box-shadow: 0 10px 30px rgba(103, 232, 249, 0.2);
}

.brand-gode .event-location,
.brand-gode .game-genre,
.brand-gode .stat-value,
.brand-gode .stat-number,
.brand-gode .stat-number-text {
    color: var(--accent);
}

@media (max-width: 768px) {
    .brand-gaje .nav-menu {
        background: rgba(7, 19, 15, 0.98);
    }

    .brand-gode .nav-menu {
        background: rgba(8, 10, 26, 0.98);
    }
}

/* Page-specific composition: shared system, different editorial rhythm. */
.brand-gaje .intro-layout {
    grid-template-columns: 0.78fr 1.22fr;
}

.brand-gaje .intro-right {
    order: -1;
}

.brand-gaje .platform-cards {
    grid-template-columns: 1.35fr 0.9fr;
    grid-template-rows: 1fr 1fr;
    align-items: stretch;
}

.brand-gaje .platform-card:first-child {
    grid-row: 1 / span 2;
}

.brand-gaje .platform-card:first-child .card-visual {
    aspect-ratio: 1 / 1;
}

.brand-gaje .games-scroll,
.brand-gaje .events-scroll {
    overflow: visible;
}

.brand-gaje .games-track {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: auto;
}

.brand-gaje .game-card {
    width: auto;
}

.brand-gaje .game-card:first-child {
    grid-column: span 2;
}

.brand-gaje .showcase-wrapper {
    grid-template-columns: 0.82fr 1.18fr;
}

.brand-gaje .showcase-info {
    order: -1;
    padding-right: 20px;
}

.brand-gaje .community-layout {
    grid-template-columns: 1.35fr 0.85fr;
}

.brand-gaje .community-stats {
    align-self: end;
}

.brand-gaje .events-track {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: auto;
}

.brand-gaje .event-card {
    width: auto;
}

.brand-gaje .tech-grid-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.brand-gaje .tech-card:first-child {
    grid-column: span 2;
}

.brand-gode .intro-layout {
    grid-template-columns: 1.15fr 0.85fr;
}

.brand-gode .intro-left {
    order: 2;
}

.brand-gode .intro-right {
    order: 1;
}

.brand-gode .platform-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
}

.brand-gode .platform-card:nth-child(1) {
    margin-top: 28px;
}

.brand-gode .platform-card:nth-child(3) {
    margin-top: 56px;
}

.brand-gode .games-scroll,
.brand-gode .events-scroll {
    overflow: visible;
}

.brand-gode .games-track {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    width: auto;
}

.brand-gode .game-card {
    width: auto;
    border-radius: 10px;
}

.brand-gode .game-card:nth-child(2) {
    transform: translateY(30px);
}

.brand-gode .game-card:nth-child(4) {
    transform: translateY(-18px);
}

.brand-gode .game-card:nth-child(2):hover {
    transform: translateY(22px);
}

.brand-gode .game-card:nth-child(4):hover {
    transform: translateY(-26px);
}

.brand-gode .showcase-wrapper {
    grid-template-columns: 1.18fr 0.82fr;
}

.brand-gode .showcase-info {
    padding-left: 20px;
}

.brand-gode .showcase-visual {
    order: -1;
}

.brand-gode .community-layout {
    grid-template-columns: 0.8fr 1.2fr;
}

.brand-gode .community-stats {
    order: -1;
}

.brand-gode .events-track {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: auto;
}

.brand-gode .event-card {
    width: auto;
}

.brand-gode .event-card:nth-child(2) {
    transform: translateY(24px);
}

.brand-gode .tech-grid-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.brand-gode .tech-card:nth-child(2) {
    transform: translateY(24px);
}

@media (max-width: 1200px) {
    .brand-gode .tech-grid-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .brand-gaje .intro-layout,
    .brand-gode .intro-layout,
    .brand-gaje .showcase-wrapper,
    .brand-gode .showcase-wrapper,
    .brand-gaje .community-layout,
    .brand-gode .community-layout {
        grid-template-columns: 1fr;
    }

    .brand-gaje .intro-right,
    .brand-gode .intro-right,
    .brand-gaje .showcase-visual,
    .brand-gode .showcase-visual,
    .brand-gaje .showcase-info,
    .brand-gode .showcase-info,
    .brand-gaje .community-collage,
    .brand-gode .community-collage,
    .brand-gaje .community-stats,
    .brand-gode .community-stats {
        width: 100%;
    }

    .brand-gaje .platform-cards,
    .brand-gode .platform-cards {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .brand-gaje .platform-card:first-child {
        grid-row: auto;
    }

    .brand-gode .platform-card:nth-child(1),
    .brand-gode .platform-card:nth-child(3) {
        margin-top: 0;
    }

    .brand-gaje .games-scroll,
    .brand-gode .games-scroll,
    .brand-gaje .events-scroll,
    .brand-gode .events-scroll {
        overflow-x: auto;
    }

    .brand-gaje .games-track,
    .brand-gode .games-track {
        display: flex;
        width: max-content;
        gap: 20px;
    }

    .brand-gaje .game-card,
    .brand-gode .game-card {
        width: 280px;
    }

    .brand-gaje .game-card:first-child {
        grid-column: auto;
    }

    .brand-gode .game-card:nth-child(2),
    .brand-gode .game-card:nth-child(4),
    .brand-gode .event-card:nth-child(2),
    .brand-gode .tech-card:nth-child(2) {
        transform: none;
    }

    .brand-gaje .showcase-info,
    .brand-gode .showcase-info {
        padding: 0;
    }

    .brand-gaje .events-track,
    .brand-gode .events-track {
        display: flex;
        width: max-content;
    }

    .brand-gaje .event-card,
    .brand-gode .event-card {
        width: 320px;
    }
}

@media (max-width: 768px) {
    .brand-gaje .intro-left,
    .brand-gaje .intro-right,
    .brand-gode .intro-left,
    .brand-gode .intro-right {
        order: initial;
    }

    .brand-gaje .tech-grid-cards,
    .brand-gode .tech-grid-cards {
        grid-template-columns: 1fr;
    }

    .brand-gaje .tech-card:first-child {
        grid-column: auto;
    }
}

/* PITU Brand Theme - Pink/Purple */
.brand-pitu {
    --primary: #ff6b9d;
    --secondary: #1a0a2e;
    --accent: #c44dff;
    --highlight: #fff0f5;
    --bg: #0d0015;
    --bg-light: #2a1040;
    --border-active: rgba(255, 107, 157, 0.45);
    --gradient-primary: linear-gradient(135deg, #ff6b9d 0%, #c44dff 100%);
    --gradient-bg: radial-gradient(ellipse at top right, #2e1050 0%, #0d0015 52%, #06000a 100%);
    --shadow-glow: 0 0 44px rgba(255, 107, 157, 0.25);
    --shadow-card: 0 18px 56px rgba(20, 0, 40, 0.6);
    --radius-sm: 6px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 30px;
}

.brand-pitu .hero-label {
    border-radius: 30px;
    color: var(--primary);
    background: rgba(196, 77, 255, 0.12);
    border-color: rgba(196, 77, 255, 0.35);
}

.brand-pitu .label-dot,
.brand-pitu .status-live::before {
    background: var(--primary);
}

.brand-pitu .section-tag {
    color: var(--accent);
}

.brand-pitu .section-tag::before,
.brand-pitu .nav-link::after {
    background: var(--accent);
}

.brand-pitu .visual-center {
    border-radius: 50%;
    background: var(--gradient-primary);
}

.brand-pitu .platform-card,
.brand-pitu .game-card,
.brand-pitu .event-card,
.brand-pitu .tech-card,
.brand-pitu .stat-card,
.brand-pitu .info-item {
    background: linear-gradient(145deg, rgba(42, 16, 64, 0.96), rgba(13, 0, 21, 0.99));
    border-color: rgba(255, 107, 157, 0.2);
}

.brand-pitu .platform-card:hover,
.brand-pitu .game-card:hover,
.brand-pitu .event-card:hover,
.brand-pitu .tech-card:hover,
.brand-pitu .stat-card:hover,
.brand-pitu .info-item:hover {
    border-color: var(--border-active);
    box-shadow: 0 0 0 1px rgba(196, 77, 255, 0.15), var(--shadow-card);
}

.brand-pitu .card-visual-1 .cv-bg { background: linear-gradient(135deg, #3a1550, #5a2580, #1a0a2e); }
.brand-pitu .card-visual-2 .cv-bg { background: linear-gradient(135deg, #501a3a, #802550, #1a0a2e); }
.brand-pitu .card-visual-3 .cv-bg { background: linear-gradient(135deg, #2a1550, #452080, #1a0a2e); }

.brand-pitu .btn-primary,
.brand-pitu .btn-cta {
    color: #ffffff;
    box-shadow: 0 10px 32px rgba(255, 107, 157, 0.25);
}

.brand-pitu .event-location,
.brand-pitu .game-genre,
.brand-pitu .stat-value,
.brand-pitu .stat-number,
.brand-pitu .stat-number-text {
    color: var(--accent);
}

/* HAPI Brand Theme - Green/Teal */
.brand-hapi {
    --primary: #4ade80;
    --secondary: #0a2e1a;
    --accent: #22d3ee;
    --highlight: #f0fdf4;
    --bg: #00150d;
    --bg-light: #0a3020;
    --border-active: rgba(74, 222, 128, 0.45);
    --gradient-primary: linear-gradient(135deg, #4ade80 0%, #22d3ee 100%);
    --gradient-bg: radial-gradient(ellipse at top left, #103020 0%, #00150d 52%, #000a06 100%);
    --shadow-glow: 0 0 44px rgba(74, 222, 128, 0.25);
    --shadow-card: 0 18px 56px rgba(0, 20, 10, 0.6);
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 28px;
}

.brand-hapi .hero-label {
    border-radius: 8px;
    color: var(--primary);
    background: rgba(34, 211, 238, 0.1);
    border-color: rgba(34, 211, 238, 0.3);
}

.brand-hapi .label-dot,
.brand-hapi .status-live::before {
    background: var(--primary);
}

.brand-hapi .section-tag {
    color: var(--accent);
}

.brand-hapi .section-tag::before,
.brand-hapi .nav-link::after {
    background: var(--accent);
}

.brand-hapi .visual-center {
    border-radius: 12px;
    background: var(--gradient-primary);
}

.brand-hapi .platform-card,
.brand-hapi .game-card,
.brand-hapi .event-card,
.brand-hapi .tech-card,
.brand-hapi .stat-card,
.brand-hapi .info-item {
    background: linear-gradient(155deg, rgba(10, 48, 32, 0.95), rgba(0, 21, 13, 0.98));
    border-color: rgba(74, 222, 128, 0.2);
}

.brand-hapi .platform-card:hover,
.brand-hapi .game-card:hover,
.brand-hapi .event-card:hover,
.brand-hapi .tech-card:hover,
.brand-hapi .stat-card:hover,
.brand-hapi .info-item:hover {
    border-color: var(--border-active);
    box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.15), var(--shadow-card);
}

.brand-hapi .card-visual-1 .cv-bg { background: linear-gradient(135deg, #0a3820, #155530, #0a2e1a); }
.brand-hapi .card-visual-2 .cv-bg { background: linear-gradient(135deg, #0a3038, #154555, #0a2e1a); }
.brand-hapi .card-visual-3 .cv-bg { background: linear-gradient(135deg, #0a3528, #155040, #0a2e1a); }

.brand-hapi .btn-primary,
.brand-hapi .btn-cta {
    color: #00150d;
    box-shadow: 0 10px 30px rgba(74, 222, 128, 0.2);
}

.brand-hapi .event-location,
.brand-hapi .game-genre,
.brand-hapi .stat-value,
.brand-hapi .stat-number,
.brand-hapi .stat-number-text {
    color: var(--accent);
}

/* PITU Layout */
.brand-pitu .intro-layout {
    grid-template-columns: 1.2fr 0.8fr;
}

.brand-pitu .intro-right {
    order: 2;
}

.brand-pitu .platform-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
}

.brand-pitu .platform-card:nth-child(1) {
    margin-top: 20px;
}

.brand-pitu .platform-card:nth-child(3) {
    margin-top: 50px;
}

.brand-pitu .games-scroll,
.brand-pitu .events-scroll {
    overflow: visible;
}

.brand-pitu .games-track {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    width: auto;
}

.brand-pitu .game-card {
    width: auto;
    border-radius: 12px;
}

.brand-pitu .game-card:nth-child(2) {
    transform: translateY(25px);
}

.brand-pitu .game-card:nth-child(4) {
    transform: translateY(-15px);
}

.brand-pitu .showcase-wrapper {
    grid-template-columns: 1.2fr 0.8fr;
}

.brand-pitu .showcase-info {
    padding-left: 20px;
}

.brand-pitu .showcase-visual {
    order: -1;
}

.brand-pitu .community-layout {
    grid-template-columns: 0.85fr 1.15fr;
}

.brand-pitu .community-stats {
    order: -1;
}

.brand-pitu .events-track {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: auto;
}

.brand-pitu .event-card {
    width: auto;
}

.brand-pitu .event-card:nth-child(2) {
    transform: translateY(20px);
}

.brand-pitu .tech-grid-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.brand-pitu .tech-card:nth-child(2) {
    transform: translateY(20px);
}

/* HAPI Layout */
.brand-hapi .intro-layout {
    grid-template-columns: 0.8fr 1.2fr;
}

.brand-hapi .intro-right {
    order: -1;
}

.brand-hapi .platform-cards {
    grid-template-columns: 1.3fr 0.9fr;
    grid-template-rows: 1fr 1fr;
    align-items: stretch;
}

.brand-hapi .platform-card:first-child {
    grid-row: 1 / span 2;
}

.brand-hapi .platform-card:first-child .card-visual {
    aspect-ratio: 1 / 1;
}

.brand-hapi .games-scroll,
.brand-hapi .events-scroll {
    overflow: visible;
}

.brand-hapi .games-track {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: auto;
}

.brand-hapi .game-card {
    width: auto;
}

.brand-hapi .game-card:first-child {
    grid-column: span 2;
}

.brand-hapi .showcase-wrapper {
    grid-template-columns: 0.85fr 1.15fr;
}

.brand-hapi .showcase-info {
    order: -1;
    padding-right: 20px;
}

.brand-hapi .community-layout {
    grid-template-columns: 1.3fr 0.7fr;
}

.brand-hapi .community-stats {
    align-self: end;
}

.brand-hapi .events-track {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: auto;
}

.brand-hapi .event-card {
    width: auto;
}

.brand-hapi .tech-grid-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.brand-hapi .tech-card:first-child {
    grid-column: span 2;
}

/* Responsive for PITU and HAPI */
@media (max-width: 1200px) {
    .brand-pitu .tech-grid-cards,
    .brand-hapi .tech-grid-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .brand-pitu .intro-layout,
    .brand-hapi .intro-layout,
    .brand-pitu .showcase-wrapper,
    .brand-hapi .showcase-wrapper,
    .brand-pitu .community-layout,
    .brand-hapi .community-layout {
        grid-template-columns: 1fr;
    }

    .brand-pitu .intro-right,
    .brand-hapi .intro-right,
    .brand-pitu .showcase-visual,
    .brand-hapi .showcase-visual,
    .brand-pitu .showcase-info,
    .brand-hapi .showcase-info,
    .brand-pitu .community-collage,
    .brand-hapi .community-collage,
    .brand-pitu .community-stats,
    .brand-hapi .community-stats {
        width: 100%;
    }

    .brand-pitu .platform-cards,
    .brand-hapi .platform-cards {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .brand-pitu .platform-card:first-child,
    .brand-hapi .platform-card:first-child {
        grid-row: auto;
    }

    .brand-pitu .platform-card:nth-child(1),
    .brand-pitu .platform-card:nth-child(3),
    .brand-hapi .platform-card:nth-child(1),
    .brand-hapi .platform-card:nth-child(3) {
        margin-top: 0;
    }

    .brand-pitu .games-scroll,
    .brand-hapi .games-scroll,
    .brand-pitu .events-scroll,
    .brand-hapi .events-scroll {
        overflow-x: auto;
    }

    .brand-pitu .games-track,
    .brand-hapi .games-track {
        display: flex;
        width: max-content;
        gap: 20px;
    }

    .brand-pitu .game-card,
    .brand-hapi .game-card {
        width: 280px;
    }

    .brand-pitu .game-card:first-child,
    .brand-hapi .game-card:first-child {
        grid-column: auto;
    }

    .brand-pitu .game-card:nth-child(2),
    .brand-pitu .game-card:nth-child(4),
    .brand-hapi .game-card:nth-child(2),
    .brand-hapi .game-card:nth-child(4),
    .brand-pitu .event-card:nth-child(2),
    .brand-hapi .event-card:nth-child(2),
    .brand-pitu .tech-card:nth-child(2),
    .brand-hapi .tech-card:nth-child(2) {
        transform: none;
    }

    .brand-pitu .showcase-info,
    .brand-hapi .showcase-info {
        padding: 0;
    }

    .brand-pitu .events-track,
    .brand-hapi .events-track {
        display: flex;
        width: max-content;
    }

    .brand-pitu .event-card,
    .brand-hapi .event-card {
        width: 320px;
    }
}

@media (max-width: 768px) {
    .brand-pitu .intro-left,
    .brand-pitu .intro-right,
    .brand-hapi .intro-left,
    .brand-hapi .intro-right {
        order: initial;
    }

    .brand-pitu .nav-menu {
        background: rgba(13, 0, 21, 0.98);
    }

    .brand-hapi .nav-menu {
        background: rgba(0, 21, 13, 0.98);
    }

    .brand-pitu .tech-grid-cards,
    .brand-hapi .tech-grid-cards {
        grid-template-columns: 1fr;
    }

    .brand-pitu .tech-card:first-child,
    .brand-hapi .tech-card:first-child {
        grid-column: auto;
    }
}