/* ============================================================
   PERGOLA  V1
   ATLAS TREATMENT
   ============================================================ */

body[data-website-theme="sports2j"] {
    --p-yellow:#ffd91a;
    --p-border:rgba(255,217,26,.50);
    --p-panel:#081116;
    --p-panel2:#0c171d;
    --p-text:#f4f7f8;
    --p-muted:#c5d0d6;

    background:
        radial-gradient(circle at 50% -10%,rgba(255,217,26,.06),transparent 34%),
        #030708 !important;

    color:var(--p-text);
}


/* HEADER */

body[data-website-theme="sports2j"] header {
    position:relative;
    background:#020607 !important;
    border-bottom:1px solid var(--p-yellow) !important;
}

body[data-website-theme="sports2j"] header::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-5px;
    height:5px;
    background:
        repeating-linear-gradient(
            135deg,
            #ffd91a 0 24px,
            #ffd91a 24px 28px,
            #050708 28px 48px
        );
}

body[data-website-theme="sports2j"] .nav {
    max-width:1400px;
    min-height:72px;
    padding:14px 26px;
    gap:25px;
}

body[data-website-theme="sports2j"] .brand {
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff !important;
    font-weight:900;
}

body[data-website-theme="sports2j"] .brand::before {
    content:"2J";
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:52px;
    height:38px;
    padding:0 8px;
    border-radius:9px;
    background:var(--p-yellow);
    color:#050708;
    font-weight:1000;
    font-style:italic;
}

body[data-website-theme="sports2j"] .nav a:not(.brand) {
    color:#f6f7f8 !important;
    font-weight:800;
    text-decoration:none;
}

body[data-website-theme="sports2j"] .nav a:not(.brand):hover {
    color:var(--p-yellow) !important;
}


/* HERO */

body[data-website-theme="sports2j"] .hero {
    position:relative;
    max-width:1400px;
    margin:5px auto 34px;
    padding:68px 42px 64px;
    overflow:hidden;

    border:
        1px solid var(--p-border);

    border-top:0;
    border-radius:0 0 20px 20px;

    background:
        linear-gradient(
            110deg,
            rgba(255,217,26,.06),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #091217,
            #050a0d
        );

    box-shadow:
        0 18px 46px rgba(0,0,0,.32);
}

body[data-website-theme="sports2j"] .hero::after {
    content:"2J / KRAFT PROJECTS";
    position:absolute;
    right:30px;
    bottom:20px;

    color:
        rgba(255,217,26,.36);

    font-weight:1000;
    font-style:italic;
    letter-spacing:.12em;
}

body[data-website-theme="sports2j"] .kicker {
    color:var(--p-yellow) !important;
    font-weight:1000;
    letter-spacing:.14em;
}

body[data-website-theme="sports2j"] .hero h1 {
    max-width:1100px;
    margin:8px 0 18px;

    color:#fff;

    font-size:
        clamp(2.7rem,6vw,5.2rem);

    line-height:.98;
    font-weight:1000;
    font-style:italic;
    letter-spacing:-.04em;
}

body[data-website-theme="sports2j"] .hero p {
    max-width:1050px;
    color:#e1e8ec !important;
    font-size:clamp(1.05rem,1.8vw,1.25rem);
}


/* MAIN */

body[data-website-theme="sports2j"] main {
    max-width:1220px;
    padding:0 26px 80px;
}

body[data-website-theme="sports2j"] main > section {
    position:relative;

    margin:
        0 0 34px;

    padding:
        38px 24px 40px;

    border:
        1px solid rgba(255,217,26,.30);

    border-top:
        1px solid var(--p-yellow);

    border-radius:
        18px;

    background:
        linear-gradient(
            180deg,
            rgba(12,22,27,.94),
            rgba(5,11,14,.98)
        );

    box-shadow:
        0 16px 42px rgba(0,0,0,.20);
}

body[data-website-theme="sports2j"] main > section::before {
    content:"";
    position:absolute;
    left:18px;
    top:-4px;
    width:145px;
    height:7px;
    border-radius:8px;

    background:
        repeating-linear-gradient(
            135deg,
            #ffd91a 0 17px,
            #ffd91a 17px 21px,
            #070a0c 21px 34px
        );
}


/* HEADINGS */

body[data-website-theme="sports2j"] h2 {
    margin:0 0 10px;
    color:#fff;

    font-size:
        clamp(1.75rem,4vw,2.7rem);

    font-weight:1000;
    font-style:italic;
    letter-spacing:-.025em;
}

body[data-website-theme="sports2j"] h2::before {
    content:"// ";
    color:var(--p-yellow);
}

body[data-website-theme="sports2j"] h3 {
    color:#fff;
    font-weight:900;
}

body[data-website-theme="sports2j"] .lead {
    max-width:1000px;
    color:#cbd5db !important;
}


/* CARDS */

body[data-website-theme="sports2j"] .story-grid {
    gap:20px;
    margin-top:26px;
}

body[data-website-theme="sports2j"] .card {
    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            #0c161b,
            #071014
        ) !important;

    border:
        1px solid rgba(255,217,26,.35) !important;

    border-radius:
        14px;

    box-shadow:
        0 12px 28px rgba(0,0,0,.24);
}

body[data-website-theme="sports2j"] .card img {
    width:100%;
    height:auto;
    border-radius:0 !important;

    border-bottom:
        1px solid rgba(255,217,26,.22);
}

body[data-website-theme="sports2j"] .card .text {
    padding:18px 19px 20px;
}

body[data-website-theme="sports2j"] .card p {
    color:#c6d0d6 !important;
}


/* FEATURE */

body[data-website-theme="sports2j"] .feature {
    overflow:hidden;
    margin-top:26px;

    background:
        linear-gradient(
            180deg,
            #0c161b,
            #071014
        ) !important;

    border:
        1px solid rgba(255,217,26,.42) !important;

    border-radius:
        15px;
}

body[data-website-theme="sports2j"] .feature img {
    width:100%;
    border-radius:0 !important;
}

body[data-website-theme="sports2j"] .feature .text {
    padding:22px;
}


/* CALLOUT */

body[data-website-theme="sports2j"] .callout {
    margin-top:26px;
    padding:22px 24px;

    background:
        linear-gradient(
            90deg,
            rgba(255,217,26,.08),
            rgba(255,217,26,.02)
        ) !important;

    border:
        1px solid rgba(255,217,26,.30);

    border-left:
        5px solid var(--p-yellow) !important;

    border-radius:
        10px;
}


/* VIDEO */

body[data-website-theme="sports2j"] .video-box {
    margin-top:26px;
    padding:14px;

    background:
        #050a0d !important;

    border:
        1px solid rgba(255,217,26,.38) !important;

    border-radius:
        14px;
}


/* FOOTER */

body[data-website-theme="sports2j"] footer {
    background:#020607;
    border-top:1px solid var(--p-yellow) !important;
    color:#9eabb2 !important;
    padding:34px 20px;
}

body[data-website-theme="sports2j"] footer::before {
    content:"2J • KRAFT PROJECTS";
    display:block;
    margin-bottom:8px;

    color:
        var(--p-yellow);

    font-size:.76rem;
    font-weight:1000;
    font-style:italic;
    letter-spacing:.13em;
}


/* MOBILE */

@media (max-width:720px) {

    body[data-website-theme="sports2j"] .nav {
        padding:12px 16px;
        gap:14px;
        min-height:auto;
    }

    body[data-website-theme="sports2j"] .brand {
        width:100%;
        margin-right:0;
    }

    body[data-website-theme="sports2j"] .brand::before {
        min-width:46px;
        height:34px;
    }

    body[data-website-theme="sports2j"] .nav a:not(.brand) {
        font-size:.92rem;
    }

    body[data-website-theme="sports2j"] .hero {
        margin-top:5px;
        padding:46px 20px 56px;
        border-radius:0 0 15px 15px;
    }

    body[data-website-theme="sports2j"] .hero h1 {
        font-size:
            clamp(2.35rem,12vw,3.7rem);

        line-height:1.01;
    }

    body[data-website-theme="sports2j"] .hero p {
        font-size:1rem;
    }

    body[data-website-theme="sports2j"] .hero::after {
        right:18px;
        bottom:16px;
        font-size:.68rem;
    }

    body[data-website-theme="sports2j"] main {
        padding:0 12px 55px;
    }

    body[data-website-theme="sports2j"] main > section {
        margin-bottom:22px;
        padding:31px 14px 26px;
        border-radius:14px;
    }

    body[data-website-theme="sports2j"] .story-grid {
        grid-template-columns:1fr;
        gap:16px;
    }

    body[data-website-theme="sports2j"] .callout {
        padding:18px;
    }
}

/* ============================================================
   PERGOLA SPORTS2J DESKTOP IMAGE NORMALIZATION V2

   Desktop only:
   - give mixed portrait/landscape photos a consistent viewport
   - preserve the entire original photograph with object-fit:contain
   - eliminate oversized card rows caused by portrait images

   Mobile continues to display images naturally.
   ============================================================ */

@media (min-width:721px) {

    body[data-website-theme="sports2j"]
    .story-grid .card img {

        width:
            100% !important;

        height:
            340px !important;

        object-fit:
            contain !important;

        object-position:
            center center !important;

        background:
            #030708;
    }


    body[data-website-theme="sports2j"]
    .story-grid {

        align-items:
            stretch;
    }


    body[data-website-theme="sports2j"]
    .story-grid .card {

        display:
            flex;

        flex-direction:
            column;

        height:
            100%;
    }


    body[data-website-theme="sports2j"]
    .story-grid .card .text {

        flex:
            1 1 auto;
    }
}


/* MOBILE: preserve the existing natural photo presentation. */

@media (max-width:720px) {

    body[data-website-theme="sports2j"]
    .story-grid .card img {

        width:
            100% !important;

        height:
            auto !important;

        object-fit:
            initial !important;

        object-position:
            initial !important;

        background:
            transparent;
    }
}