/*
==========================================================================
iTHM Featured Across the Network — unified permanent system
Four gateway cards plus the separate Newsroom call to action
==========================================================================
*/

[data-ithm-featured-network]{
    --network-white:#f8fbff;
    --network-muted:#c6d8eb;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding-top:clamp(78px,7vw,104px);
    padding-bottom:clamp(78px,8vw,112px);
}

[data-ithm-featured-network]::after{
    content:"";
    position:absolute;
    z-index:0;
    left:8%;
    right:8%;
    bottom:-190px;
    height:330px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(47,177,255,.22),transparent 67%);
    filter:blur(16px);
    pointer-events:none;
}

[data-ithm-featured-network].ithm-network-loading{
    opacity:.94;
}

[data-ithm-featured-network] .home-featured-grid-pattern{
    z-index:0;
    opacity:.1;
    background-size:58px 58px;
    mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.7) 72%,transparent 100%);
}

[data-ithm-featured-network] .container{
    position:relative;
    z-index:2;
}

.ithm-network-intro{
    align-items:end;
}

.ithm-network-intro > div:last-child{
    max-width:590px;
    justify-self:end;
}

.ithm-network-intro .home-section-kicker.light{
    color:#8fe7ff;
    text-shadow:0 0 20px rgba(71,201,255,.28);
}

.ithm-network-intro h2{
    text-wrap:balance;
    text-shadow:0 14px 42px rgba(0,0,0,.26);
}

.ithm-network-intro p{
    color:var(--network-muted);
    max-width:590px;
}

.ithm-network-newsroom-button{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:12px;
    min-height:44px;
    margin-top:22px;
    padding:10px 13px 10px 17px;
    overflow:hidden;
    border:1px solid rgba(127,226,255,.28);
    border-radius:999px;
    background:linear-gradient(135deg,rgba(20,93,168,.72),rgba(8,37,83,.82));
    color:#dcf8ff;
    box-shadow:0 13px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.14);
    font-size:.78rem;
    font-weight:900;
    letter-spacing:.01em;
    text-decoration:none;
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.ithm-network-newsroom-button::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.18) 48%,transparent 76%);
    transform:translateX(-120%);
    transition:transform .7s ease;
}

.ithm-network-newsroom-button b,
.ithm-network-newsroom-button span{
    position:relative;
    z-index:1;
}

.ithm-network-newsroom-button span{
    display:grid;
    place-items:center;
    width:27px;
    height:27px;
    border-radius:50%;
    background:linear-gradient(135deg,#7fe2ff,#2b9bf5);
    color:#061b3c;
    font-size:1rem;
    transition:transform .25s ease;
}

.ithm-network-newsroom-button:hover,
.ithm-network-newsroom-button:focus-visible{
    transform:translateY(-2px);
    border-color:rgba(127,226,255,.62);
    box-shadow:0 18px 36px rgba(0,0,0,.25),0 0 26px rgba(77,199,255,.17),inset 0 1px 0 rgba(255,255,255,.18);
}

.ithm-network-newsroom-button:hover::before,
.ithm-network-newsroom-button:focus-visible::before{
    transform:translateX(120%);
}

.ithm-network-newsroom-button:hover span,
.ithm-network-newsroom-button:focus-visible span{
    transform:translateX(3px);
}

.ithm-network-newsroom-button:focus-visible,
.ithm-network-card:focus-visible{
    outline:3px solid rgba(137,229,255,.9);
    outline-offset:5px;
}

.ithm-network-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;
    gap:clamp(18px,1.7vw,24px);
    margin-top:clamp(42px,4.5vw,58px);
    perspective:1200px;
}

.ithm-network-card{
    --network-accent:#4db9ff;
    --network-accent-rgb:77,185,255;
    --network-deep:#0b3978;
    --network-depth:#071f49;
    --network-rotate-x:0deg;
    --network-rotate-y:0deg;
    --network-pointer-x:50%;
    --network-pointer-y:45%;
    --network-image-x:50%;
    --network-image-y:50%;
    --network-image-zoom:1;

    position:relative;
    isolation:isolate;
    display:flex;
    flex-direction:column;
    min-width:0;
    height:100%;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.17);
    border-radius:28px;
    background:
        radial-gradient(circle at var(--network-pointer-x) var(--network-pointer-y),rgba(var(--network-accent-rgb),.17),transparent 33%),
        linear-gradient(148deg,rgba(24,71,130,.98),rgba(10,42,91,.98) 56%,rgba(7,30,70,.98));
    box-shadow:
        0 9px 0 var(--network-depth),
        0 25px 52px rgba(0,0,0,.3),
        0 12px 28px rgba(var(--network-accent-rgb),.12),
        inset 0 1px 0 rgba(255,255,255,.16),
        inset 0 -18px 35px rgba(0,0,0,.12);
    color:#fff;
    text-decoration:none;
    transform:
        perspective(1050px)
        rotateX(var(--network-rotate-x))
        rotateY(var(--network-rotate-y))
        translateY(0);
    transform-style:preserve-3d;
    transition:
        transform .32s cubic-bezier(.2,.75,.2,1),
        border-color .32s ease,
        box-shadow .32s ease,
        filter .32s ease;
}

.ithm-network-card.theme-itv{
    --network-accent:#3db4ff;
    --network-accent-rgb:61,180,255;
    --network-deep:#0f5fba;
    --network-depth:#073b78;
}

.ithm-network-card.theme-iradio{
    --network-accent:#ffc64d;
    --network-accent-rgb:255,198,77;
    --network-deep:#604bca;
    --network-depth:#302c78;
}

.ithm-network-card.theme-idigest{
    --network-accent:#79b8ff;
    --network-accent-rgb:121,184,255;
    --network-deep:#285ba6;
    --network-depth:#183f77;
}

.ithm-network-card.theme-outdoor{
    --network-accent:#ff6e56;
    --network-accent-rgb:255,110,86;
    --network-deep:#176db6;
    --network-depth:#0b467a;
}

.ithm-network-card::before{
    content:"";
    position:absolute;
    z-index:5;
    inset:-1px;
    padding:1.5px;
    border-radius:inherit;
    background:conic-gradient(from 0deg,transparent 0 17%,rgba(var(--network-accent-rgb),.95) 24%,rgba(255,255,255,.72) 28%,transparent 35% 67%,rgba(var(--network-accent-rgb),.62) 74%,transparent 82% 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:.58;
    pointer-events:none;
    animation:ithmNetworkBorderOrbit 13s linear infinite;
}

.ithm-network-card::after{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(118deg,transparent 16%,rgba(255,255,255,.075) 38%,transparent 54%);
    transform:translateX(-62%);
    opacity:.65;
    pointer-events:none;
    transition:transform .7s ease;
}

.ithm-network-card-glow{
    position:absolute;
    z-index:0;
    width:190px;
    height:190px;
    right:-84px;
    bottom:-95px;
    border-radius:50%;
    background:rgba(var(--network-accent-rgb),.23);
    filter:blur(28px);
    pointer-events:none;
}

.ithm-network-card:hover{
    border-color:rgba(var(--network-accent-rgb),.68);
    box-shadow:
        0 12px 0 var(--network-depth),
        0 34px 70px rgba(0,0,0,.4),
        0 18px 38px rgba(var(--network-accent-rgb),.2),
        0 0 0 5px rgba(var(--network-accent-rgb),.05),
        inset 0 1px 0 rgba(255,255,255,.2),
        inset 0 -18px 35px rgba(0,0,0,.1);
    filter:saturate(1.04);
    transform:
        perspective(1050px)
        rotateX(var(--network-rotate-x))
        rotateY(var(--network-rotate-y))
        translateY(-7px);
}

.ithm-network-card:hover::after{
    transform:translateX(64%);
}

.ithm-network-visual{
    position:relative;
    z-index:2;
    flex:0 0 auto;
    aspect-ratio:1.38 / 1;
    margin:0;
    overflow:hidden;
    background:#071c43;
    transform:translateZ(10px);
}

.ithm-network-visual img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:var(--network-image-x) var(--network-image-y);
    transform:scale(var(--network-image-zoom));
    transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .4s ease;
}

.ithm-network-card:hover .ithm-network-visual img{
    transform:scale(calc(var(--network-image-zoom) + .045));
    filter:saturate(1.05) contrast(1.02);
}

.ithm-network-image-shade{
    position:absolute;
    inset:0;
    background:
        linear-gradient(to top,rgba(3,13,34,.86),transparent 48%),
        linear-gradient(115deg,rgba(var(--network-accent-rgb),.09),transparent 42%);
    pointer-events:none;
}

.ithm-network-brand-pill,
.ithm-network-type-pill{
    position:absolute;
    z-index:3;
    display:inline-flex;
    align-items:center;
    min-height:29px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:999px;
    background:rgba(5,20,49,.78);
    color:#fff;
    box-shadow:0 8px 19px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12);
    font-size:.62rem;
    font-weight:900;
    letter-spacing:.01em;
    backdrop-filter:blur(10px);
}

.ithm-network-brand-pill{
    left:15px;
    bottom:14px;
    padding:7px 11px;
}

.ithm-network-type-pill{
    top:14px;
    right:14px;
    padding:6px 10px;
    color:#d9f6ff;
    opacity:.92;
}

.ithm-network-card.type-commercial .ithm-network-type-pill{
    border-color:rgba(255,173,108,.38);
    background:rgba(92,31,19,.78);
    color:#ffe2cc;
}

.ithm-network-card-body{
    position:relative;
    z-index:2;
    display:flex;
    flex:1;
    flex-direction:column;
    min-width:0;
    padding:22px 21px 23px;
    transform:translateZ(8px);
}

.ithm-network-card-body small{
    display:block;
    min-height:2.7em;
    color:#8fe7ff;
    font-size:.66rem;
    font-weight:900;
    line-height:1.45;
    letter-spacing:.055em;
    text-transform:uppercase;
}

.ithm-network-card.theme-iradio .ithm-network-card-body small{
    color:#ffe094;
}

.ithm-network-card.theme-outdoor .ithm-network-card-body small{
    color:#ffc0a7;
}

.ithm-network-card-body h3{
    margin:12px 0 0;
    color:#fff;
    font-size:clamp(1.04rem,1.15vw,1.24rem);
    line-height:1.24;
    letter-spacing:-.025em;
    text-wrap:balance;
}

.ithm-network-card-body p{
    margin:12px 0 20px;
    color:#c8d8ea;
    font-size:.84rem;
    line-height:1.64;
}

.ithm-network-card-action{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:43px;
    margin-top:auto;
    padding:8px 8px 8px 13px;
    border:1px solid rgba(var(--network-accent-rgb),.29);
    border-radius:14px;
    background:linear-gradient(135deg,rgba(var(--network-accent-rgb),.13),rgba(255,255,255,.035));
    color:#f7fbff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.ithm-network-card-action b{
    min-width:0;
    font-size:.73rem;
    line-height:1.25;
}

.ithm-network-card-action i{
    display:grid;
    flex:0 0 auto;
    place-items:center;
    width:29px;
    height:29px;
    border-radius:10px;
    background:linear-gradient(135deg,var(--network-accent),var(--network-deep));
    color:#fff;
    box-shadow:0 7px 16px rgba(var(--network-accent-rgb),.2),inset 0 1px 0 rgba(255,255,255,.22);
    font-size:1rem;
    font-style:normal;
    transition:transform .25s ease;
}

.ithm-network-card:hover .ithm-network-card-action i,
.ithm-network-card:focus-visible .ithm-network-card-action i{
    transform:translateX(3px);
}

@keyframes ithmNetworkBorderOrbit{
    to{transform:rotate(360deg)}
}

@media(max-width:1180px){
    .ithm-network-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:26px;
    }

    .ithm-network-visual{
        aspect-ratio:16 / 10;
    }

    .ithm-network-card-body small{
        min-height:auto;
    }
}

@media(max-width:900px){
    .ithm-network-intro > div:last-child{
        max-width:none;
        justify-self:stretch;
    }
}

@media(max-width:760px){
    [data-ithm-featured-network]{
        padding-top:72px;
        padding-bottom:78px;
    }

    .ithm-network-grid{
        grid-template-columns:1fr;
        gap:28px;
        margin-top:38px;
        perspective:none;
    }

    .ithm-network-card,
    .ithm-network-card:hover{
        transform:none;
    }

    .ithm-network-visual{
        aspect-ratio:16 / 9;
    }

    .ithm-network-card-body{
        padding:22px 22px 24px;
    }

    .ithm-network-card-body h3{
        font-size:1.22rem;
    }

    .ithm-network-card-body p{
        font-size:.91rem;
        margin-bottom:19px;
    }

    .ithm-network-newsroom-button{
        min-height:46px;
    }
}

@media(max-width:480px){
    [data-ithm-featured-network]{
        padding-bottom:70px;
    }

    .ithm-network-card{
        border-radius:24px;
        box-shadow:
            0 8px 0 var(--network-depth),
            0 22px 45px rgba(0,0,0,.29),
            inset 0 1px 0 rgba(255,255,255,.15);
    }

    .ithm-network-brand-pill{
        left:12px;
        bottom:12px;
    }

    .ithm-network-type-pill{
        top:12px;
        right:12px;
    }

    .ithm-network-card-body{
        padding:20px 18px 22px;
    }

    .ithm-network-card-body h3{
        font-size:1.14rem;
    }
}

@media(prefers-reduced-motion:reduce){
    .ithm-network-card::before{
        animation:none !important;
    }

    .ithm-network-card,
    .ithm-network-card::after,
    .ithm-network-visual img,
    .ithm-network-card-action i,
    .ithm-network-newsroom-button,
    .ithm-network-newsroom-button::before,
    .ithm-network-newsroom-button span{
        transition:none !important;
    }
}