.about-hero{
        --about-hero-content-top:clamp(118px,14vh,146px);
        --about-hero-content-bottom:clamp(84px,12vh,128px);
        position:relative;
        height:100vh;
        height:100svh;
        min-height:0;
        padding:0;
        overflow:hidden;
        background:#191216;
        color:#fff;
    }

    .about-hero-media{
        position:absolute;
        inset:0;
        z-index:0;
        overflow:hidden;
        background:#191216;
    }

    .about-hero-media-image{
        position:absolute;
        inset:0;
        display:block;
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center center;
        transform:scale(1.015);
        filter:saturate(.86) contrast(.97);
    }

    .about-hero-overlay{
        position:absolute;
        inset:0;
        z-index:1;
        pointer-events:none;
        background:
            linear-gradient(
                90deg,
                rgba(8,6,7,.80) 0%,
                rgba(8,6,7,.68) 20%,
                rgba(8,6,7,.50) 38%,
                rgba(8,6,7,.28) 55%,
                rgba(8,6,7,.10) 72%,
                rgba(8,6,7,0) 100%
            ),
            linear-gradient(
                180deg,
                rgba(8,6,7,.14) 0%,
                rgba(8,6,7,.08) 52%,
                rgba(8,6,7,.18) 100%
            );
    }

    .about-hero-grid{
        position:relative;
        z-index:2;
        width:min(calc(100% - 64px),var(--max));
        height:100vh;
        height:100svh;
        min-height:0;
        margin:0 auto;
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);
        align-items:stretch;
    }

    .about-hero-copy{
        position:relative;
        z-index:3;
        min-width:0;
        display:flex;
        flex-direction:column;
        justify-content:center;
        padding:
            var(--about-hero-content-top)
            60px
            var(--about-hero-content-bottom)
            16px;
    }

    .about-hero-eyebrow{
        margin:0 0 14px;
        color:#f1a7b4;
        font-family:var(--small);
        font-size:11px;
        line-height:1.3;
        font-weight:700;
        letter-spacing:.18em;
        text-transform:uppercase;
        text-shadow:0 1px 16px rgba(0,0,0,.22);
    }

    .about-hero-display{
        max-width:650px;
        margin:0;
        color:#fff;
        font-family:var(--serif);
        font-size:clamp(48px,5.3vw,88px);
        line-height:.9;
        letter-spacing:-.045em;
        font-weight:500;
    }

    .about-hero-small-line{
        display:block;
        color:#fff;
        font-size:.78em;
        text-shadow:0 2px 22px rgba(20,10,14,.24);
    }

    .about-hero-accent{
        display:block;
        padding-top:10px;
        color:#f2a3b1;
        font-family:var(--script);
        font-size:1em;
        line-height:.9;
        letter-spacing:-.02em;
        font-weight:400;
        text-shadow:0 2px 22px rgba(20,10,14,.22);
    }

    .about-hero-title-note{
        display:block;
        max-width:540px;
        margin-top:13px;
        color:rgba(255,255,255,.96);
        font-family:var(--serif);
        font-size:.38em;
        line-height:1.08;
        letter-spacing:-.022em;
        font-weight:500;
        text-shadow:0 1px 14px rgba(20,10,14,.24);
    }

    .about-hero-lead{
        max-width:610px;
        margin:26px 0 0;
        color:rgba(255,255,255,.92);
        font-family:var(--sans);
        font-size:17px;
        line-height:1.6;
        text-shadow:0 1px 14px rgba(20,10,14,.24);
    }

    .about-hero-cta{
        display:flex;
        gap:12px;
        flex-wrap:wrap;
        margin-top:30px;
    }

    .about-hero-btn{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        padding:14px 22px;
        border:1px solid transparent;
        border-radius:999px;
        font-family:var(--sans);
        font-size:13px;
        line-height:1.6;
        font-weight:700;
        text-decoration:none;
        transition:.25s ease;
    }

    .about-hero-btn:hover{
        transform:translateY(-2px);
    }

    .about-hero-btn--primary{
        background:#e993a3;
        border-color:transparent;
        color:#fff;
        box-shadow:0 12px 28px rgba(91,35,49,.22);
    }

    .about-hero-btn--ghost{
        color:#fff;
        border-color:rgba(255,255,255,.64);
        background:rgba(255,255,255,.10);
        backdrop-filter:blur(8px);
        -webkit-backdrop-filter:blur(8px);
    }

    .about-hero-socials{
        z-index:9;
    }

    .about-hero-socials--desktop{
        position:absolute;
        top:50%;
        right:0;
        display:flex;
        flex-direction:column;
        align-items:flex-end;
        gap:8px;
        transform:translateY(-50%);
    }

    .about-hero-socials--mobile{
        display:none;
    }

    .about-hero-social-tag{
        display:flex;
        align-items:center;
        gap:10px;
        min-height:44px;
        padding:0 17px 0 14px;
        border:1px solid rgba(255,255,255,.28);
        border-right:0;
        border-radius:16px 0 0 16px;
        background:rgba(28,18,22,.46);
        color:rgba(255,255,255,.96);
        backdrop-filter:blur(12px);
        -webkit-backdrop-filter:blur(12px);
        font-family:var(--sans);
        font-size:13px;
        line-height:1;
        font-weight:500;
        text-decoration:none;
        box-shadow:0 10px 28px rgba(17,8,11,.12);
        transition:
            padding .28s cubic-bezier(.22,1,.36,1),
            background-color .22s ease,
            border-color .22s ease,
            color .22s ease;
    }

    .about-hero-social-tag i{
        width:18px;
        flex:0 0 18px;
        color:#f2a3b1;
        font-size:18px;
        line-height:1;
        text-align:center;
    }

    .about-hero-social-tag:hover,
    .about-hero-social-tag:focus-visible{
        padding-right:23px;
        background:rgba(200,111,130,.78);
        border-color:rgba(255,255,255,.42);
        color:#fff;
    }

    .about-hero-social-tag:hover i,
    .about-hero-social-tag:focus-visible i{
        color:#fff;
    }

    .about-hero-curve{
        position:absolute;
        z-index:10;
        left:0;
        right:0;
        bottom:-1px;
        width:100%;
        height:clamp(88px,14vh,150px);
        pointer-events:none;
    }

    .about-hero-curve svg{
        position:absolute;
        left:0;
        bottom:0;
        display:block;
        width:100%;
        height:100%;
        overflow:visible;
    }

    .about-hero-curve-shape{
        fill:#fffaf7;
    }

    .about-hero-curve-shadow{
        fill:none;
        stroke:rgba(89,52,61,.11);
        stroke-width:18;
        stroke-linecap:round;
        transform:translateY(8px);
        filter:blur(8px);
    }

    .about-hero-curve-highlight{
        fill:none;
        stroke:rgba(255,255,255,.92);
        stroke-width:2;
        transform:translateY(1px);
    }

    [data-about-reveal]{
        opacity:1;
        --pmf-reveal-from:translateY(20px);transform:none;
        transition:
            opacity .65s ease,
            transform .65s ease;
    }

    [data-about-reveal].visible{
        opacity:1;
        transform:none;
    }

    @media (min-width:901px) and (max-height:700px){
        .about-hero{
            --about-hero-content-top:96px;
            --about-hero-content-bottom:74px;
        }

        .about-hero-copy{
            padding:
                var(--about-hero-content-top)
                48px
                var(--about-hero-content-bottom)
                16px;
        }

        .about-hero-display{
            font-size:clamp(44px,4.7vw,68px);
        }

        .about-hero-title-note{
            margin-top:10px;
        }

        .about-hero-lead{
            margin-top:16px;
            font-size:15px;
            line-height:1.55;
        }

        .about-hero-cta{
            margin-top:20px;
        }
    }

    @media (max-width:900px){
        .about-hero{
            height:auto;
            min-height:100svh;
        }

        .about-hero-media-image{
            object-position:center center;
            transform:scale(1.01);
        }

        .about-hero-overlay{
            background:
                linear-gradient(
                    180deg,
                    rgba(7,5,6,.34) 0%,
                    rgba(7,5,6,.42) 36%,
                    rgba(7,5,6,.48) 68%,
                    rgba(7,5,6,.28) 100%
                );
        }

        .about-hero-grid{
            width:100%;
            height:auto;
            min-height:100svh;
            display:block;
        }

        .about-hero-copy{
            width:100%;
            min-height:100svh;
            padding:126px 32px 118px;
            align-items:center;
            justify-content:center;
            text-align:center;
        }

        .about-hero-eyebrow{
            width:100%;
            margin:0 0 16px;
            text-align:center;
        }

        .about-hero-display{
            width:min(100%,680px);
            max-width:none;
            margin:0 auto;
            font-size:clamp(54px,9.5vw,76px);
            line-height:.88;
            text-align:center;
        }

        .about-hero-small-line{
            font-size:.78em;
        }

        .about-hero-accent{
            padding-top:8px;
        }

        .about-hero-title-note{
            width:min(100%,520px);
            max-width:none;
            margin:14px auto 0;
            font-size:.38em;
        }

        .about-hero-lead{
            width:min(100%,560px);
            max-width:none;
            margin:22px auto 0;
            font-size:16px;
            line-height:1.65;
            text-align:center;
        }

        .about-hero-cta{
            width:100%;
            justify-content:center;
            margin-top:26px;
        }

        .about-hero-socials--desktop{
            display:none;
        }

        .about-hero-socials--mobile{
            width:100%;
            display:flex;
            justify-content:center;
            gap:10px;
            margin-top:18px;
        }

        .about-hero-socials--mobile .about-hero-social-tag{
            min-height:42px;
            padding:0 16px;
            border:1px solid rgba(255,255,255,.30);
            border-radius:999px;
            background:rgba(255,255,255,.10);
            box-shadow:none;
            font-size:12px;
        }

        .about-hero-socials--mobile .about-hero-social-tag:hover,
        .about-hero-socials--mobile .about-hero-social-tag:focus-visible{
            padding:0 16px;
            background:rgba(200,111,130,.72);
        }

        .about-hero-curve{
            height:88px;
        }
    }

    @media (max-width:620px){
        .about-hero-copy{
            padding:116px 22px 94px;
        }

        .about-hero-eyebrow{
            font-size:11px;
            line-height:1.4;
            letter-spacing:.16em;
        }

        .about-hero-display{
            width:100%;
            font-size:clamp(48px,13vw,64px);
            line-height:.88;
        }

        .about-hero-small-line{
            font-size:.68em;
        }

        .about-hero-accent{
            padding-top:7px;
        }

        .about-hero-title-note{
            width:min(100%,420px);
            margin-top:12px;
            font-size:.38em;
            line-height:1.1;
        }

        .about-hero-lead{
            width:min(100%,440px);
            margin-top:22px;
            font-size:15px;
            line-height:1.62;
        }

        .about-hero-cta{
            gap:10px;
            margin-top:24px;
        }

        .about-hero-btn{
            min-height:49px;
            padding:13px 19px;
            font-size:13px;
        }

        .about-hero-socials--mobile{
            margin-top:16px;
            gap:8px;
        }

        .about-hero-socials--mobile .about-hero-social-tag{
            min-height:40px;
            padding:0 14px;
            font-size:11px;
        }

        .about-hero-socials--mobile .about-hero-social-tag i{
            width:16px;
            flex-basis:16px;
            font-size:16px;
        }

        .about-hero-socials--mobile .about-hero-social-tag:hover,
        .about-hero-socials--mobile .about-hero-social-tag:focus-visible{
            padding:0 14px;
        }

        .about-hero-curve{
            height:68px;
        }

        .about-hero-curve-shadow{
            stroke-width:12;
            transform:translateY(5px);
            filter:blur(6px);
        }
    }

    @media (max-width:390px){
        .about-hero-copy{
            padding:110px 18px 90px;
        }

        .about-hero-display{
            font-size:clamp(45px,13vw,52px);
        }

        .about-hero-cta{
            width:min(100%,250px);
            display:grid;
            grid-template-columns:1fr;
        }

        .about-hero-btn{
            width:100%;
        }
    }

    @media (prefers-reduced-motion:reduce){
        [data-about-reveal],
        .about-hero-social-tag,
        .about-hero-btn{
            transition:none;
        }

        [data-about-reveal]{
            opacity:1;
            transform:none;
        }

        .about-hero-media-image{
            transform:none;
        }
    }