/* ==========================================================
   P019009 OWNERSHIP SYSTEM
   POSHESH / CONTINUITY LEDGER
   ========================================================== */


.ph-ownership {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    padding-block:
        clamp(105px,10vw,150px);

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

    background:
        radial-gradient(
            760px 420px at 88% 45%,
            rgba(53,201,214,.07),
            transparent 72%
        ),
        radial-gradient(
            620px 400px at 10% 70%,
            rgba(216,170,98,.045),
            transparent 72%
        ),
        #02080e;
}


/* ----------------------------------------------------------
   HEADER
   ---------------------------------------------------------- */

.ph-ownership-head {
    display: grid;

    grid-template-columns:
        minmax(0,.72fr)
        minmax(0,1.28fr);

    gap:
        clamp(45px,7vw,105px);

    align-items: end;

    margin-block-end:
        clamp(50px,6vw,75px);
}


.ph-ownership-index {
    direction: ltr;
}


.ph-ownership-index strong {
    display: block;

    color:
        rgba(216,170,98,.75);

    font-size:
        clamp(4rem,7.8vw,7.4rem);

    font-weight: 250;

    line-height: .78;

    letter-spacing: -.065em;
}


.ph-ownership-index span {
    display: block;

    margin-block-start: 20px;

    color: #5d747f;

    font-size: .64rem;

    letter-spacing: .15em;
}


.ph-ownership-copy h2 {
    max-width: 760px;

    margin:
        10px 0 17px;

    color: #f3f8f9;

    font-size:
        clamp(2.2rem,4.1vw,3.95rem);

    line-height: 1.26;

    letter-spacing: -.035em;
}


.ph-ownership-copy p {
    max-width: 670px;

    margin: 0;

    color: #899fa9;

    line-height: 2.05;
}


/* ----------------------------------------------------------
   LEDGER FRAME
   ---------------------------------------------------------- */

.ph-ownership-ledger {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(320px,.88fr)
        minmax(0,1.12fr);

    min-height:
        590px;

    overflow: hidden;

    border:
        1px solid rgba(83,210,221,.16);

    border-radius:
        30px;

    background:
        linear-gradient(
            90deg,
            rgba(7,26,38,.98),
            rgba(3,13,21,.98)
        );

    box-shadow:
        0 34px 82px rgba(0,0,0,.25);
}


.ph-ownership-ledger::before {
    content: "";

    position: absolute;

    top: 0;
    inset-inline-end: 9%;

    width: 230px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ph-cyan),
            #b9f5f6,
            var(--ph-violet),
            transparent
        );
}


.ph-ownership-ledger::after {
    content: "";

    position: absolute;

    bottom: 0;
    inset-inline-start: 8%;

    width: 125px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ph-gold),
            transparent
        );
}


/* ----------------------------------------------------------
   LEFT / LEGACY COLUMN
   ---------------------------------------------------------- */

.ph-ownership-legacy {
    position: relative;

    display: flex;

    flex-direction: column;
    justify-content: space-between;

    padding:
        clamp(36px,5vw,62px);

    overflow: hidden;

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

    background:
        radial-gradient(
            360px 300px at 35% 28%,
            rgba(84,218,228,.07),
            transparent 72%
        );
}


.ph-ownership-legacy::before {
    content: "OWN";

    position: absolute;

    inset-inline-start:
        clamp(15px,2vw,28px);

    top: 50%;

    transform:
        translateY(-50%);

    color:
        rgba(218,238,241,.025);

    font-size:
        clamp(7rem,16vw,14rem);

    font-weight: 900;

    line-height: .75;

    letter-spacing: -.08em;

    pointer-events: none;
}


.ph-legacy-top {
    position: relative;
    z-index: 2;
}


.ph-legacy-kicker {
    color:
        var(--ph-gold);

    font-size: .61rem;

    letter-spacing: .15em;
}


.ph-legacy-number {
    direction: ltr;

    margin-block:
        clamp(32px,5vw,58px)
        20px;

    color:
        #eef7f8;

    font-size:
        clamp(5.8rem,11vw,10rem);

    font-weight: 250;

    line-height: .72;

    letter-spacing: -.07em;
}


.ph-legacy-number span {
    color:
        var(--ph-cyan);
}


.ph-legacy-title {
    max-width: 330px;

    color:
        #dbe8eb;

    font-size:
        clamp(1.25rem,2vw,1.7rem);

    line-height: 1.55;
}


.ph-legacy-bottom {
    position: relative;
    z-index: 2;

    display: grid;

    gap: 13px;

    margin-block-start:
        55px;
}


.ph-legacy-line {
    height: 1px;

    background:
        linear-gradient(
            90deg,
            var(--ph-gold),
            rgba(84,218,228,.35),
            transparent
        );
}


.ph-legacy-bottom p {
    max-width: 360px;

    margin: 0;

    color: #768e99;

    font-size: .76rem;

    line-height: 1.95;
}


/* ----------------------------------------------------------
   RIGHT / PRINCIPLE ROWS
   ---------------------------------------------------------- */

.ph-ownership-principles {
    display: grid;

    grid-template-rows:
        repeat(4,minmax(0,1fr));
}


.ph-ownership-principle {
    position: relative;

    display: grid;

    grid-template-columns:
        80px
        minmax(180px,.72fr)
        minmax(260px,1.28fr)
        115px;

    align-items: center;

    gap:
        clamp(15px,2vw,28px);

    padding:
        26px
        clamp(26px,4vw,46px);

    overflow: hidden;

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


.ph-ownership-principle:last-child {
    border-bottom: 0;
}


.ph-ownership-principle::before {
    content: "";

    position: absolute;

    inset-block: 22%;
    inset-inline-start: 0;

    width: 2px;

    background:
        var(--ph-cyan);
}


.ph-ownership-principle:nth-child(1)::before {
    background:
        var(--ph-gold);
}


.ph-ownership-principle:nth-child(2)::before {
    background:
        var(--ph-cyan);
}


.ph-ownership-principle:nth-child(3)::before {
    background:
        var(--ph-violet);
}


.ph-ownership-principle:nth-child(4)::before {
    background:
        linear-gradient(
            180deg,
            var(--ph-cyan),
            var(--ph-violet)
        );
}


.ph-principle-no {
    direction: ltr;

    color:
        rgba(255,255,255,.12);

    font-size:
        clamp(2.1rem,3.6vw,3.5rem);

    font-weight: 250;

    line-height: 1;
}


.ph-principle-title small {
    display: block;

    margin-block-end: 7px;

    color: #526d78;

    font-size: .56rem;

    font-weight: 750;

    letter-spacing: .12em;
}


.ph-principle-title strong {
    color:
        #eaf3f5;

    font-size:
        clamp(.95rem,1.3vw,1.18rem);

    line-height: 1.5;
}


.ph-principle-copy {
    color:
        #7f959f;

    font-size:
        .73rem;

    line-height: 1.9;
}


.ph-principle-state {
    direction: ltr;

    justify-self: end;

    padding:
        7px 9px;

    border:
        1px solid rgba(84,218,228,.10);

    border-radius:
        6px;

    color:
        #607985;

    font-size:
        .54rem;

    letter-spacing:
        .08em;
}


/* ----------------------------------------------------------
   BOTTOM SIGNATURE
   ---------------------------------------------------------- */

.ph-ownership-signature {
    display: grid;

    grid-template-columns:
        minmax(0,.76fr)
        minmax(0,1.24fr);

    gap:
        clamp(40px,7vw,95px);

    align-items: center;

    margin-block-start:
        42px;
}


.ph-ownership-signature-line {
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(216,170,98,.38),
            rgba(84,218,228,.38),
            rgba(119,89,223,.28),
            transparent
        );
}


.ph-ownership-signature p {
    margin: 0;

    color:
        #859ba5;

    font-size:
        .86rem;

    line-height:
        2;
}


.ph-ownership-signature strong {
    color:
        #d8e5e8;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width:1000px) {

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


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


    .ph-ownership-legacy {
        min-height:
            420px;

        border-inline-end:
            0;

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

}


@media (max-width:760px) {

    .ph-ownership-principle {
        grid-template-columns:
            55px 1fr;

        min-height:
            150px;

        padding:
            24px 20px;
    }


    .ph-principle-copy {
        grid-column:
            2;
    }


    .ph-principle-state {
        display:
            none;
    }


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

}


/* END P019009 OWNERSHIP SYSTEM */