/*
============================================================
P029M22 — TEASER / BRAND FILM
PAINT SAFE
No blur / no filter / no radial-gradient / no animation
============================================================
*/

.ph-teaser {
    position:relative;
    padding:
        clamp(86px,8vw,118px) 0;

    background:
        linear-gradient(
            180deg,
            #071d2a 0%,
            #081824 48%,
            #071d2a 100%
        );

    border-block:
        1px solid rgba(255,255,255,.045);
}


.ph-teaser-grid {
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(0,.92fr);

    gap:
        clamp(38px,5vw,72px);

    align-items:center;
}


/* ========================================================
   MEDIA
   ======================================================== */

.ph-teaser-media {
    overflow:hidden;

    border:
        1px solid rggba(92,224,245,.18);

    border-radius:22px;

    background:#06151f;
}


.ph-teaser-bar {
    min-height:46px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:0 18px;

    border-bottom:
        1px solid rgba(255,255,255,.06);

    background:#09202c;

    font-size:11px;
    letter-spacing:.08em;
}


.ph-teaser-bar span {
    color:rgba(255,255,255,.60);
}


.ph-teaser-bar b {
    color:#62dfea;
    font-size:10px;
}

.ph-teaser-stage {
    position:relative;

    aspect-ratio:16/9;

    background:
        linear-gradient(
            135deg,
            #071823,
            #0a2a37
        );

    overflow:hidden;
}


.ph-teaser-cover {
    position:absolute;
    inset:0;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:18px;

    padding:32px;

    text-align:center;
}


.ph-teaser-code {
    color:rgba(255,255,255,.38);

    font-size:11px;
    font-weight:700;

    letter-spacing:.16em;
}


.ph-teaser-play {
    appearance:none;

    display:flex;
    align-items:center;

    gap:13px;

    min-height:58px;

    padding:9px 22px 9px 11px;

    border:
        1px solid rgba(101,227,244,.35);

    border-radius:999px;

    background:#0a3342;

    color:#fff;

    cursor:pointer;

    font:inherit;
}


.ph-teaser-play > span {
    width:38px;
    height:38px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:#68dfeb;

    color:#05202b;

    font-size:13px;
}


.ph-teaser-play strong {
    font-size:14px;
}


.ph-teaser-cover small {
    color:rgba(255,255,255,.52);
    font-size:12px;
}


.ph-teaser-stage iframe {
    display:block;

    width:100%;
    height:100%;

    border:0;

    background:#000;
}


.ph-teaser-caption {
    display:flex;
    justify-content:space-between;
    align-items:center;

    gap:24px;

    padding:17px 19px;

    border-top:
        1px solid rgba(255,255,255,.055);
}


.ph-teaser-caption span {
    color:#63dce8;

    font-size:10px;
    letter-spacing:.07em;

    white-space:nowrap;
}


.ph-teaser-caption strong {
    color:#f3f7f9;

    font-size:13px;
    font-weight:650;

    text-align:left;
}


/* ========================================================
   COPY
   ======================================================== */

.ph-teaser-copy {
    max-width:560px;
}


.ph-teaser-kicker {
    display:block;

    margin-bottom:15px;

    color:#63dce8;

    font-size:12px;
    font-weight:800;

    letter-spacing:.09em;
}


.ph-teaser-copy h2 {
    margin:0;

    color:#f5f8fa;

    font-size:
        clamp(32px,4vw,52px);

    line-height:1.5;
}


.ph-teaser-copy h2 strong {
    display:block;

    color:#78e5ee;

    font-weight:800;
}


.ph-teaser-copy > p {
    max-width:530px;

    margin:
        22px 0 30px;

    color:rgba(235,243,247,.69);

    font-size:
        clamp(15px,1.2vw,17px);

    line-height:2;
}


.ph-teaser-features {
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    border-top:
        1px solid rgba(255,255,255,.07);

    border-bottom:
        1px solid rgba(255,255,255,.07);
}


.ph-teaser-features > div {
    display:grid;
    grid-template-columns:auto 1fr;

    gap:11px;

    align-items:center;

    min-height:58px;

    padding:10px 4px;

    border-bottom:
        1px solid rgba(255,255,255,.045);
}


.ph-teaser-features > div:nth-child(odd) {
    padding-inline-end:20px;
}


.ph-teaser-features > div:nth-child(even) {
    padding-inline-start:20px;

    border-inline-start:
        1px solid rgba(255,255,255,.055);
}


.ph-teaser-features span {
    color:#65dfe9;

    font-size:10px;
    font-weight:800;
}


.ph-teaser-features strong {
    color:#e7eef1;

    font-size:13px;
    font-weight:650;
}


.ph-teaser-actions {
    display:flex;
    flex-wrap:wrap;

    gap:12px;

    margin-top:30px;
}


.ph-teaser-actions a {
    min-height:48px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:0 19px;

    border-radius:10px;

    text-decoration:none;

    font-size:13px;
    font-weight:750;
}


.ph-teaser-primary {
    background:#64dce7;
    color:#05202a;
}


.ph-teaser-secondary {
    border:
        1px solid rgba(255,255,255,.13);

    color:#e8f0f3;
}


/* ========================================================
   MOBILE
   ======================================================== */

@media (max-width:900px) {

    .ph-teaser-grid {
        grid-template-columns:1fr;
    }

    .ph-teaser-copy {
        max-width:none;
    }
}


@media (max-width:620px) {

    .ph-teaser {
        padding:
            clamp(58px,12vw,74px) 0;
    }

    .ph-teaser-grid {
        gap:34px;
    }

    .ph-teaser-caption {
        align-items:flex-start;
        flex-direction:column;
        gap:6px;
    }

    .ph-teaser-features {
        grid-template-columns:1fr;
    }

    .ph-teaser-features > div:nth-child(odd),
    .ph-teaser-features > div:nth-child(even) {
        padding-inline:4px;
        border-inline-start:0;
    }

    .ph-teaser-actions {
        flex-direction:column;
    }

    .ph-teaser-actions a {
        width:100%;
    }
}

/* END P029M22 */