/*
============================================================
P029M29 — UI DETAIL / TYPOGRAPHY

1. Hero counter slight left correction
2. Persian micro typography correction
3. Multimedia 07 returns to RTL/right position

NO motion / blur / filter / lighting
============================================================
*/


/* ========================================================
   HERO NUMBER
   Preserve approved 280ms counter.
   Add glyph breathing room + slight left optical correction.
   ======================================================== */

.ph-engine-number {
    overflow:visible !important;
}


.ph-engine-number > strong,
#ph-hero-year-counter {
    padding-inline:
        .09em !important;

    transform:
        translateX(-6px);

    overflow:
        visible !important;
}


/*
Persian caption no longer needs the wide
English letter-spacing originally designed for uppercase.
*/

.ph-engine-number > span {
    font-size:
        clamp(11.5px,.78vw,13px) !important;

    line-height:1.65 !important;

    letter-spacing:0 !important;
}


/* ========================================================
   FOUR HERO CHIPS
   Slightly stronger Persian typography.
   Geometry stays essentially unchanged.
   ======================================================== */

.ph-engine-chip {
    min-width:
        116px !important;

    font-size:
        clamp(11.5px,.76vw,12.8px) !important;

    line-height:1.45 !important;

    letter-spacing:0 !important;
}


/* ========================================================
   MICRO TYPOGRAPHY
   Persian translations need a little more body than the
   former uppercase English labels.
   ======================================================== */

.ph-overline,
.ph-section-kicker,
.ph-teaser-kicker,
.ph-gateway-kicker {
    font-size:
        clamp(12px,.82vw,14px) !important;

    line-height:1.7 !important;

    letter-spacing:0 !important;
}


.ph-architecture small,
.ph-ownership small,
.ph-process small,
.ph-teaser small,
.ph-gateway small {
    font-size:
        clamp(11px,.74vw,12.5px) !important;

    line-height:1.65 !important;

    letter-spacing:0 !important;
}


/* ========================================================
   MULTIMEDIA NUMBER 07
   Return section number to RTL / right side.
   ======================================================== */

.ph-teaser-heading-meta {
    position:relative;

    min-height:
        62px;

    justify-content:
        flex-start !important;

    padding-inline-start:
        78px;
}


.ph-teaser-number {
    position:absolute;

    inset-inline-start:0;

    top:0;

    margin:0 !important;

    line-height:.92;
}


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

@media (max-width:620px) {

    .ph-engine-number > strong,
    #ph-hero-year-counter {
        transform:
            translateX(-3px);
    }


    .ph-engine-chip {
        min-width:
            94px !important;

        font-size:
            10.5px !important;
    }


    .ph-teaser-heading-meta {
        min-height:
            52px;

        padding-inline-start:
            60px;
    }


    .ph-teaser-number {
        font-size:
            44px !important;
    }

}

/* END P029M29 */