
:root{
    --pfr-about-text:#1F2224;
    --pfr-about-body:#697177;
    --pfr-about-copper:#C96F36;
    --pfr-about-blue:#DCEAF4;
    --pfr-about-tan:#F2DFC2;
    --pfr-about-green:#D8E9E3;
    --pfr-about-line:#E9E7E2;
    --pfr-about-charcoal:#25292B;
}

body.page-about .pfr-page{
    padding:0;
}

body.page-about .pfr-page > .pfr-wrap{
    width:100%;
    max-width:none;
    margin:0;
}

body.page-about .pfr-page-title{
    display:none;
}

body.page-about .pfr-content{
    max-width:none;
}

.pfr-about-v2{
    color:var(--pfr-about-text);
    background:#fff;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
}

.pfr-about-v2 *,
.pfr-about-v2 *::before,
.pfr-about-v2 *::after{
    box-sizing:border-box;
}

.pfr-about-wrap{
    width:min(calc(100% - 80px),1440px);
    margin-inline:auto;
}

.pfr-about-hero{
    padding:58px 0 52px;
    border-bottom:1px solid var(--pfr-about-line);
    background:
        radial-gradient(circle at 86% 15%,rgba(220,234,244,.65),transparent 30%),
        #fff;
}

.pfr-about-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(400px,.65fr);
    gap:72px;
    align-items:center;
}

.pfr-about-eyebrow,
.pfr-about-kicker,
.pfr-about-principles-kicker,
.pfr-about-panel-label{
    color:var(--pfr-about-copper);
    font-size:12px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.19em;
    text-transform:uppercase;
}

.pfr-about-hero h1{
    max-width:920px;
    margin:18px 0 22px;
    font-size:clamp(56px,6vw,88px);
    line-height:.94;
    letter-spacing:-.064em;
    font-weight:850;
}

.pfr-about-hero-copy > p{
    max-width:800px;
    margin:0;
    color:var(--pfr-about-body);
    font-size:20px;
    line-height:1.52;
}

.pfr-about-principles{
    padding:24px 28px;
    border:1px solid rgba(35,37,38,.08);
    border-radius:22px;
    background:rgba(255,255,255,.92);
    box-shadow:0 20px 50px rgba(35,37,38,.08);
}

.pfr-about-principles-kicker{
    margin-bottom:8px;
}

.pfr-about-principle{
    display:grid;
    grid-template-columns:44px 1fr;
    gap:16px;
    padding:20px 0;
    border-bottom:1px solid var(--pfr-about-line);
}

.pfr-about-principle:last-child{
    border-bottom:0;
    padding-bottom:4px;
}

.pfr-about-principle > span{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#F8F1EA;
    color:var(--pfr-about-copper);
    font-size:12px;
    font-weight:850;
}

.pfr-about-principle strong{
    display:block;
    margin-bottom:5px;
    font-size:17px;
    line-height:1.2;
}

.pfr-about-principle p{
    margin:0;
    color:var(--pfr-about-body);
    font-size:14px;
    line-height:1.45;
}

.pfr-about-purpose{
    padding:70px 0 60px;
}

.pfr-about-purpose-grid{
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    gap:80px;
    align-items:start;
}

.pfr-about-purpose h2,
.pfr-about-tools h2{
    margin:12px 0 0;
    font-size:clamp(42px,5vw,66px);
    line-height:.98;
    letter-spacing:-.055em;
}

.pfr-about-purpose-copy{
    padding-top:5px;
}

.pfr-about-purpose-copy p{
    margin:0 0 18px;
    color:var(--pfr-about-body);
    font-size:18px;
    line-height:1.6;
}

.pfr-about-purpose-copy .pfr-about-lead{
    color:var(--pfr-about-text);
    font-size:23px;
    line-height:1.45;
    letter-spacing:-.015em;
}

.pfr-about-bento{
    padding:0 0 64px;
}

.pfr-about-bento-grid{
    display:grid;
    grid-template-columns:1.25fr .75fr .75fr;
    gap:18px;
}

.pfr-about-panel{
    min-height:250px;
    padding:28px;
    border-radius:20px;
    overflow:hidden;
}

.pfr-about-panel h2,
.pfr-about-panel h3{
    margin:12px 0 12px;
    letter-spacing:-.045em;
}

.pfr-about-panel h2{
    max-width:620px;
    font-size:50px;
    line-height:.98;
}

.pfr-about-panel h3{
    font-size:28px;
    line-height:1.05;
}

.pfr-about-panel p{
    max-width:620px;
    margin:0;
    color:#5F676C;
    font-size:16px;
    line-height:1.55;
}

.pfr-about-panel-large{
    grid-row:span 2;
    min-height:518px;
    background:#F5F3EF;
}

.pfr-about-panel-blue{background:var(--pfr-about-blue)}
.pfr-about-panel-tan{background:var(--pfr-about-tan)}
.pfr-about-panel-green{background:var(--pfr-about-green)}

.pfr-about-panel-charcoal{
    grid-column:span 2;
    background:var(--pfr-about-charcoal);
    color:#fff;
}

.pfr-about-panel-charcoal .pfr-about-panel-label{
    color:#E9B38D;
}

.pfr-about-panel-charcoal p{
    color:#C7CBCE;
}

.pfr-about-path{
    position:relative;
    height:210px;
    margin-top:48px;
}

.pfr-about-path-line{
    position:absolute;
    left:4%;
    right:5%;
    top:105px;
    height:3px;
    border-radius:5px;
    background:linear-gradient(90deg,#C96F36 0%,#82A8BE 50%,#6FA796 100%);
    transform:rotate(-5deg);
}

.pfr-about-path-dot{
    position:absolute;
    width:18px;
    height:18px;
    border:4px solid #fff;
    border-radius:50%;
    box-shadow:0 4px 12px rgba(35,37,38,.15);
}

.pfr-dot-one{left:10%;top:111px;background:#C96F36}
.pfr-dot-two{left:48%;top:80px;background:#82A8BE}
.pfr-dot-three{right:9%;top:50px;background:#6FA796}

.pfr-about-path-label{
    position:absolute;
    color:#62696E;
    font-size:13px;
    font-weight:750;
}

.pfr-label-one{left:5%;top:145px}
.pfr-label-two{left:43%;top:115px}
.pfr-label-three{right:4%;top:84px}

.pfr-about-tools{
    padding:54px 0 68px;
    border-top:1px solid var(--pfr-about-line);
}

.pfr-about-tools-grid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:80px;
    align-items:center;
}

.pfr-about-tools-copy p{
    max-width:720px;
    margin:0 0 22px;
    color:var(--pfr-about-body);
    font-size:18px;
    line-height:1.6;
}

.pfr-about-cta{
    display:inline-flex;
    align-items:center;
    gap:14px;
    padding:14px 22px;
    border-radius:999px;
    background:var(--pfr-about-copper);
    color:#fff;
    text-decoration:none;
    font-size:16px;
    font-weight:800;
    transition:transform .18s ease,background-color .18s ease;
}

.pfr-about-cta:hover{
    transform:translateY(-1px);
    background:#B95E28;
}

@media(max-width:1080px){
    .pfr-about-hero-grid,
    .pfr-about-purpose-grid,
    .pfr-about-tools-grid{
        grid-template-columns:1fr;
        gap:34px;
    }

    .pfr-about-principles{
        max-width:760px;
    }

    .pfr-about-bento-grid{
        grid-template-columns:1fr 1fr;
    }

    .pfr-about-panel-large{
        grid-column:span 2;
        grid-row:auto;
        min-height:420px;
    }

    .pfr-about-panel-charcoal{
        grid-column:span 2;
    }
}

@media(max-width:700px){
    .pfr-about-wrap{
        width:min(calc(100% - 32px),1440px);
    }

    .pfr-about-hero{
        padding:36px 0 32px;
    }

    .pfr-about-hero h1{
        font-size:clamp(46px,14vw,64px);
    }

    .pfr-about-hero-copy > p{
        font-size:18px;
    }

    .pfr-about-principles{
        padding:18px 20px;
    }

    .pfr-about-purpose{
        padding:46px 0 42px;
    }

    .pfr-about-purpose h2,
    .pfr-about-tools h2{
        font-size:42px;
    }

    .pfr-about-purpose-copy .pfr-about-lead{
        font-size:20px;
    }

    .pfr-about-bento-grid{
        grid-template-columns:1fr;
    }

    .pfr-about-panel,
    .pfr-about-panel-large,
    .pfr-about-panel-charcoal{
        grid-column:auto;
        min-height:0;
    }

    .pfr-about-panel{
        padding:24px;
    }

    .pfr-about-panel h2{
        font-size:40px;
    }

    .pfr-about-path{
        height:170px;
    }

    .pfr-about-tools{
        padding:42px 0 52px;
    }
}

@media(prefers-reduced-motion:reduce){
    .pfr-about-cta{
        transition:none;
    }
}
