
:root{--red:#ef3f45;--black:#080808;--dark:#111;--line:#292929;--white:#fff;--gray:#aaa}
html{scroll-behavior:smooth}
body.pe-public{margin:0;background:var(--black);color:#fff;font-family:Arial,Helvetica,sans-serif}
.pe-shell{width:min(1440px,calc(100% - 44px));margin:0 auto}
.pe-header{background:#fff;color:#111;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:999}
.pe-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pe-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#111;font-size:28px;font-weight:900;letter-spacing:-1px}
.pe-brand b{background:var(--red);color:#fff;border-radius:3px;padding:4px 8px}
.pe-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.pe-nav a{color:#111;text-decoration:none;font-size:14px;font-weight:700}.pe-nav-cta{background:var(--red)!important;color:#fff!important;padding:12px 15px;border-radius:5px}
.pe-main{min-height:70vh}.pe-hero{background:radial-gradient(circle at 82% 10%,rgba(239,63,69,.16),transparent 34%),linear-gradient(135deg,#080808,#111);padding:54px 0}
.pe-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}.pe-eyebrow{color:var(--red);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;margin-bottom:10px}
.pe-hero h1,.pe-page h1{margin:0 0 18px;font-size:clamp(42px,5vw,74px);line-height:.98}.pe-hero h1 span{color:var(--red)}.pe-hero p,.pe-page>div>p{font-size:18px;line-height:1.65;color:#ccc;max-width:900px}
.pe-hero-side{border-left:3px solid var(--red);padding-left:24px}.pe-hero-side div{margin-bottom:18px}.pe-hero-side b{display:block}.pe-hero-side span{display:block;color:#aaa;margin-top:4px;line-height:1.5}
.pe-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.pe-btn{display:inline-block;text-decoration:none;color:#fff;border:1px solid #444;background:#181818;padding:13px 18px;border-radius:5px;font-size:13px;font-weight:900;text-transform:uppercase}.pe-btn.primary{background:var(--red);border-color:var(--red)}
.pe-section,.pe-page{padding:52px 0;border-bottom:1px solid var(--line)}.pe-section h2{font-size:38px;margin:0 0 20px}.pe-dark{background:#0e0e0e}.pe-two{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.pe-note{border:1px solid var(--line);border-left:3px solid var(--red);background:#141414;padding:16px 18px;color:#bbb;margin-top:20px;line-height:1.6}
.pe-module{margin-top:24px}.pe-module table{width:100%;border-collapse:collapse;background:#111}.pe-module th,.pe-module td{padding:13px;border-bottom:1px solid #2b2b2b;text-align:left}.pe-module th{color:#fff}.pe-module td{color:#bbb}
.pe-module a{color:#fff}.pe-module input,.pe-module select,.pe-module textarea{max-width:100%}
.pe-legal{background:#121212;border:1px solid var(--line);border-radius:10px;padding:30px;color:#ccc;line-height:1.75}.pe-legal h2{color:#fff;font-size:26px;margin:28px 0 8px}
.pe-footer{background:#050505;border-top:1px solid #1c1c1c;padding:28px 0}.pe-footer-links{display:flex;gap:18px;flex-wrap:wrap}.pe-footer-links a,.pe-powered a{color:#fff}.pe-powered{margin-top:18px;padding-top:16px;border-top:1px solid #202020;color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:1100px){.pe-header-inner{align-items:flex-start;flex-direction:column;padding:13px 0}.pe-nav{gap:14px}.pe-hero-grid{grid-template-columns:1fr}.pe-two{grid-template-columns:1fr}}
@media(max-width:650px){.pe-shell{width:min(100% - 26px,1440px)}.pe-brand{font-size:22px}.pe-nav a{font-size:12px}.pe-hero,.pe-section,.pe-page{padding:38px 0}.pe-hero h1,.pe-page h1{font-size:40px}}


/* v0.4.1 — Native intake visual integration */
body.pe-public .pe-module{
  max-width:1180px;
}
body.pe-public .pe-module form{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box;
}
body.pe-public .pe-module input[type="text"],
body.pe-public .pe-module input[type="email"],
body.pe-public .pe-module input[type="tel"],
body.pe-public .pe-module input[type="number"],
body.pe-public .pe-module input[type="date"],
body.pe-public .pe-module select,
body.pe-public .pe-module textarea{
  width:100% !important;
  box-sizing:border-box !important;
}
body.pe-public .pe-module button,
body.pe-public .pe-module input[type="submit"]{
  cursor:pointer;
}


/* =========================================================
   PERKINS EXPOSED — GLOBAL RESEARCH UI
   2026-09-02
   ========================================================= */

.pe-page{
    background:#080808;
    color:#fff;
    min-height:70vh;
    padding:44px 0 70px;
}

.pe-page h1{
    font-size:clamp(3rem,6vw,5rem);
    line-height:1;
    letter-spacing:-.035em;
    margin:8px 0 20px;
}

.pe-page h2{
    color:#fff;
}

.pe-page p{
    color:#cacaca;
    line-height:1.7;
}

.pe-kicker{
    display:block;
    color:#f04449;
    text-transform:uppercase;
    letter-spacing:.13em;
    font-size:.72rem;
    font-weight:900;
    margin-bottom:8px;
}


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

.pe-media-archive-hub{
    margin:32px 0 46px;
}

.pe-featured-media{
    background:linear-gradient(135deg,#111,#241313);
    border:1px solid #353535;
    border-left:5px solid #f04449;
    border-radius:20px;
    overflow:hidden;
    margin-bottom:48px;
}

.pe-media-copy{
    padding:28px 30px;
}

.pe-media-copy h2{
    font-size:clamp(2rem,4vw,3.2rem);
    line-height:1.08;
    margin:0 0 12px;
}

.pe-media-copy > p{
    max-width:900px;
    font-size:1.03rem;
}

.pe-media-feature-video,
.pe-media-video{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    background:#000;
}

.pe-media-feature-video iframe,
.pe-media-video iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}

.pe-record-context{
    background:#171717;
    border-left:4px solid #f04449;
    padding:15px 18px;
    margin-top:18px;
    border-radius:0 10px 10px 0;
    color:#bbb;
    line-height:1.65;
}

.pe-record-context strong{
    color:#fff;
}

.pe-media-section{
    padding:38px 0 46px;
    border-top:1px solid #282828;
}

.pe-media-section h2{
    font-size:clamp(2rem,4vw,3rem);
    margin:0 0 12px;
}

.pe-media-section-intro{
    max-width:950px;
}

.pe-media-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin-top:25px;
}

.pe-media-grid-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.pe-media-card{
    background:#111;
    border:1px solid #303030;
    border-radius:16px;
    overflow:hidden;
    min-width:0;
}

.pe-media-card-copy{
    padding:18px 19px 21px;
}

.pe-media-card-copy > span{
    display:block;
    color:#f04449;
    text-transform:uppercase;
    letter-spacing:.09em;
    font-size:.67rem;
    font-weight:900;
    margin-bottom:7px;
}

.pe-media-card-copy h3{
    font-size:1.12rem;
    line-height:1.35;
    margin:0 0 9px;
    color:#fff;
}

.pe-media-card-copy p{
    font-size:.91rem;
    line-height:1.6;
    color:#aaa;
    margin:0;
}

.pe-source-library-heading{
    border-top:1px solid #303030;
    padding-top:42px;
    margin-top:10px;
}

.pe-source-library-heading h2{
    font-size:2.6rem;
    margin:0 0 8px;
}


/* =========================================================
   TIMELINE
   ========================================================= */

.pe-timeline-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) 210px auto;
    gap:10px;
    margin:28px 0 18px;
}

.pe-timeline-search input,
.pe-timeline-search select{
    width:100%;
    background:#fff;
    color:#111;
    border:1px solid #ddd;
    border-radius:8px;
    min-height:44px;
    padding:0 13px;
}

.pe-timeline-count{
    color:#aaa;
    margin:18px 0 28px;
}

.pe-timeline-count strong{
    color:#fff;
    font-size:1.4rem;
}

.pe-timeline-list{
    position:relative;
    max-width:1150px;
}

.pe-timeline-list:before{
    content:"";
    position:absolute;
    left:20px;
    top:0;
    bottom:0;
    width:2px;
    background:#333;
}

.pe-timeline-year{
    position:relative;
    z-index:3;
    display:inline-block;
    background:#f04449;
    color:#fff;
    border-radius:999px;
    padding:8px 16px;
    font-size:.95rem;
    font-weight:900;
    margin:28px 0 16px;
}

.pe-timeline-item{
    position:relative;
    padding-left:62px;
    margin-bottom:18px;
}

.pe-timeline-dot{
    position:absolute;
    left:12px;
    top:28px;
    width:18px;
    height:18px;
    background:#090909;
    border:4px solid #f04449;
    border-radius:50%;
    z-index:3;
}

.pe-timeline-body{
    background:#111;
    border:1px solid #303030;
    border-radius:15px;
    padding:21px 23px;
}

.pe-timeline-body h3{
    color:#fff;
    font-size:1.28rem;
    margin:7px 0 10px;
}

.pe-timeline-body p{
    color:#bbb;
    margin:8px 0;
}

.pe-timeline-meta{
    display:flex;
    gap:8px 16px;
    flex-wrap:wrap;
    color:#888;
    text-transform:uppercase;
    letter-spacing:.07em;
    font-size:.71rem;
    font-weight:800;
}

.pe-timeline-type{
    color:#f04449;
}

.pe-timeline-subject{
    margin:8px 0;
}

.pe-timeline-subject a{
    color:#fff;
    font-weight:800;
}

.pe-timeline-footer{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
    margin-top:15px;
}


/* =========================================================
   RESEARCH FORMS
   ========================================================= */

.pe-page form input[type="search"]{
    min-height:44px;
    border-radius:8px;
    padding:0 14px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1000px){

    .pe-media-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:700px){

    .pe-media-grid,
    .pe-media-grid-2{
        grid-template-columns:1fr;
    }

    .pe-timeline-search{
        grid-template-columns:1fr;
    }

    .pe-timeline-item{
        padding-left:46px;
    }

    .pe-timeline-list:before{
        left:14px;
    }

    .pe-timeline-dot{
        left:6px;
    }

}



/* =========================================================
   SIMPLE PUBLIC DIRECTORIES
   ========================================================= */

.pe-entity-search{
    display:flex;
    gap:10px;
    margin:26px 0;
}

.pe-entity-search input{
    flex:1;
    min-width:0;
    min-height:48px;
    border:1px solid #444;
    border-radius:9px;
    padding:0 15px;
}

.pe-directory-summary{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:24px 0 38px;
}

.pe-directory-summary > div{
    background:#111;
    border:1px solid #303030;
    border-radius:14px;
    padding:18px;
}

.pe-directory-summary strong{
    display:block;
    color:#fff;
    font-size:2rem;
    line-height:1;
}

.pe-directory-summary span{
    display:block;
    color:#999;
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.07em;
    margin-top:7px;
}

.pe-directory-section{
    margin:44px 0;
}

.pe-directory-heading{
    max-width:950px;
    margin-bottom:22px;
}

.pe-directory-heading > span{
    color:#ef4347;
    text-transform:uppercase;
    letter-spacing:.11em;
    font-size:.7rem;
    font-weight:900;
}

.pe-directory-heading h2{
    font-size:clamp(1.8rem,4vw,2.7rem);
    margin:6px 0 9px;
}

.pe-entity-directory-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:16px;
}

.pe-directory-card{
    background:#111;
    border:1px solid #303030;
    border-radius:15px;
    padding:20px;
}

.pe-directory-card.court-party{
    background:#0e0e0e;
    border-color:#262626;
}

.pe-directory-card h3{
    color:#fff;
    font-size:1.15rem;
    line-height:1.35;
    margin:10px 0 16px;
}

.pe-friendly-badge{
    display:inline-block;
    color:#ef4347;
    border:1px solid #593034;
    background:#231416;
    border-radius:999px;
    padding:5px 8px;
    text-transform:uppercase;
    letter-spacing:.07em;
    font-size:.66rem;
    font-weight:900;
}

.pe-friendly-badge.neutral{
    color:#bbb;
    border-color:#3b3b3b;
    background:#191919;
}

.pe-directory-line{
    border-top:1px solid #292929;
    padding:11px 0;
}

.pe-directory-line b{
    display:block;
    color:#fff;
    font-size:.76rem;
    text-transform:uppercase;
    letter-spacing:.06em;
    margin-bottom:4px;
}

.pe-directory-line span{
    color:#aaa;
    line-height:1.5;
}

.pe-court-party-section{
    padding-top:36px;
    border-top:1px solid #292929;
}

@media(max-width:650px){

    .pe-directory-summary{
        grid-template-columns:1fr;
    }

    .pe-entity-search{
        flex-direction:column;
    }

}



/* =========================================================
   PEOPLE — SIMPLE PRIMARY SUBJECT HIERARCHY
   ========================================================= */

.pe-people-section-heading{
    margin:28px 0 18px;
    max-width:900px;
}

.pe-people-section-heading > span{
    color:#ef4347;
    text-transform:uppercase;
    letter-spacing:.11em;
    font-size:.7rem;
    font-weight:900;
}

.pe-people-section-heading h2{
    color:#fff;
    font-size:clamp(1.8rem,4vw,2.8rem);
    margin:5px 0 9px;
}

.pe-people-section-heading p{
    color:#aaa;
    line-height:1.6;
}

.pe-primary-person-card{
    border-color:#593034;
    border-top:4px solid #ef4347;
    background:linear-gradient(145deg,#211416,#111);
    min-height:360px;
}

.pe-primary-person-card h2{
    font-size:1.85rem;
}

.pe-other-people-heading{
    border-top:1px solid #2e2e2e;
    padding-top:42px;
    margin-top:52px;
}



/* =========================================================
   PE NAVIGATION / DIRECTORY OVERRIDE
   ========================================================= */

.pe-shortcut-wrap{
    display:block !important;
    margin:20px 0 28px !important;
    padding:14px !important;
    background:#111 !important;
    border:1px solid #303030 !important;
    border-radius:14px !important;
}

.pe-shortcut-label{
    display:block !important;
    margin-bottom:9px !important;
    color:#888 !important;
    font-size:11px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:1.3px !important;
}

.pe-shortcut-scroll,
.pe-local-shortcuts,
.pe-filter-row{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
}

.pe-shortcut-btn,
.pe-local-shortcuts a,
.pe-filter-chip{
    display:inline-flex !important;
    width:auto !important;
    align-items:center !important;
    justify-content:center !important;

    padding:8px 13px !important;

    background:#1b1b1b !important;
    border:1px solid #3b3b3b !important;
    border-radius:999px !important;

    color:#eee !important;
    text-decoration:none !important;

    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
}

.pe-shortcut-btn.active,
.pe-filter-chip.active{
    background:#ef4347 !important;
    border-color:#ef4347 !important;
    color:#fff !important;
}

.pe-local-shortcuts{
    margin-top:12px !important;
    padding-top:12px !important;
    border-top:1px solid #292929 !important;
}

.pe-local-shortcuts > span{
    display:inline-flex !important;
    align-items:center !important;
    color:#888 !important;
    font-size:11px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
}

.pe-filter-row{
    margin:18px 0 !important;
}

.pe-filter-row.secondary{
    margin-top:-8px !important;
}

.pe-summary-4{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

.pe-results-count{
    margin:20px 0 !important;
    color:#aaa !important;
}

.pe-friendly-badge.review{
    color:#f1c76a !important;
    background:#282111 !important;
    border-color:#604e1e !important;
}

.pe-network-money{
    margin:30px 0 45px;
    padding:26px;
    background:linear-gradient(135deg,#141414,#241313);
    border:1px solid #3a3030;
    border-left:5px solid #ef4347;
    border-radius:16px;
}

.pe-network-money > span{
    display:block;
    color:#ef4347;
    font-size:12px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
}

.pe-network-money > strong{
    display:block;
    margin:6px 0 8px;
    color:#fff;
    font-size:clamp(2rem,5vw,3.8rem);
}

.pe-network-cluster-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin:24px 0 42px;
}

.pe-network-cluster{
    background:#111;
    border:1px solid #303030;
    border-radius:16px;
    padding:21px;
}

.pe-network-cluster h3{
    margin:0 0 9px;
    color:#fff;
}

.pe-network-entry-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin:32px 0;
}

.pe-network-entry-grid > a{
    display:block;
    padding:18px;
    background:#111;
    border:1px solid #303030;
    border-radius:13px;
    text-decoration:none;
}

.pe-network-entry-grid strong{
    display:block;
    color:#fff;
    font-size:18px;
}

.pe-network-entry-grid span{
    display:block;
    margin-top:6px;
    color:#999;
    line-height:1.45;
}

.pe-small-muted{
    color:#aaa;
    line-height:1.55;
}

@media(max-width:900px){

    .pe-summary-4,
    .pe-network-entry-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .pe-network-cluster-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:600px){

    .pe-summary-4,
    .pe-network-entry-grid,
    .pe-network-cluster-grid{
        grid-template-columns:1fr !important;
    }

    .pe-shortcut-scroll,
    .pe-filter-row{
        flex-wrap:nowrap !important;
        overflow-x:auto !important;
        padding-bottom:5px !important;
    }
}



/* =========================================================
   RECORD CONTRIBUTIONS
   ========================================================= */

.pe-contribute-btn{
    background:#ef4347 !important;
    border-color:#ef4347 !important;
    color:#fff !important;
}

.pe-contribute-btn:hover{
    filter:brightness(1.08);
}

.pe-contribution-context{
    margin:0 0 24px;
    padding:20px 22px;
    background:linear-gradient(135deg,#171717,#241313);
    border:1px solid #3b3030;
    border-left:5px solid #ef4347;
    border-radius:14px;
}

.pe-contribution-context > span{
    display:block;
    margin-bottom:6px;
    color:#ef4347;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1.2px;
}

.pe-contribution-context > strong{
    display:block;
    color:#fff;
    font-size:1.35rem;
    line-height:1.3;
}

.pe-contribution-context > small{
    display:block;
    margin-top:5px;
    color:#999;
}

.pe-contribution-context p{
    margin:12px 0 0;
    color:#bbb;
}

.pe-card-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}



/* =========================================================
   DISPUTED SIGNATURE / IDENTITY RECORD
   ========================================================= */

.pe-disputed-signature-feature{
    margin:30px 0 52px;
    padding:28px;
    background:linear-gradient(135deg,#101010,#231111);
    border:1px solid #453030;
    border-top:5px solid #ef4347;
    border-radius:18px;
}

.pe-disputed-signature-heading{
    max-width:1000px;
}

.pe-disputed-signature-heading h2{
    margin:0 0 14px;
    font-size:clamp(2rem,4.5vw,3.6rem);
    line-height:1.05;
}

.pe-dispute-statement{
    display:inline-block;
    margin:6px 0 18px;
    padding:11px 15px;

    background:#ef4347;
    border-radius:8px;

    color:#fff;
    font-size:1.08rem;
    font-weight:900;
}

.pe-document-gallery{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
    margin-top:28px;
}

.pe-document-page{
    position:relative;
    margin:0;
    overflow:hidden;

    background:#fff;
    border:1px solid #444;
    border-radius:14px;
}

.pe-document-page.featured{
    border:3px solid #ef4347;
}

.pe-document-page > a{
    display:block;
    background:#e9e9e9;
}

.pe-document-page img{
    display:block;
    width:100%;
    height:auto;
}

.pe-document-page figcaption{
    padding:17px 18px 20px;
    background:#111;
}

.pe-document-page figcaption strong{
    display:block;
    color:#fff;
    font-size:1rem;
}

.pe-document-page figcaption p{
    color:#aaa;
    font-size:.88rem;
}

.pe-document-flag{
    position:absolute;
    z-index:5;
    top:12px;
    left:12px;

    padding:7px 10px;

    background:#ef4347;
    color:#fff;

    border-radius:7px;

    font-size:.68rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
}

.pe-first-person-account{
    margin-top:25px;
    padding:21px;

    background:#151515;
    border-left:4px solid #ef4347;
    border-radius:0 12px 12px 0;
}

.pe-first-person-account > span{
    display:block;

    color:#ef4347;

    font-size:.7rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.1em;
}

.pe-first-person-account blockquote{
    margin:12px 0 18px;
    padding:0;

    border:0;

    color:#ddd;

    font-size:1.08rem;
    line-height:1.7;
}

@media(max-width:750px){

    .pe-document-gallery{
        grid-template-columns:1fr;
    }

    .pe-disputed-signature-feature{
        padding:19px;
    }
}



/* =========================================================
   STANDALONE RECORD PAGES
   ========================================================= */

.pe-record-page{
    padding-top:34px;
}

.pe-record-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    margin-bottom:24px;
    font-size:.82rem;
    color:#777;
}

.pe-record-breadcrumb a{
    color:#aaa;
    text-decoration:none;
}

.pe-record-breadcrumb a:hover{
    color:#fff;
}

.pe-record-hero{
    max-width:1050px;
    margin-bottom:34px;
}

.pe-record-hero h1{
    margin:8px 0 12px;
    font-size:clamp(2.2rem,5vw,4.5rem);
    line-height:1.02;
}

.pe-record-reference{
    display:inline-block;
    padding:6px 9px;
    margin:4px 0 18px;
    border:1px solid #383838;
    border-radius:6px;
    color:#888;
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.08em;
}

.pe-record-deck{
    max-width:900px;
    color:#b8b8b8;
    font-size:1.08rem;
    line-height:1.7;
}

.pe-record-section{
    margin:30px 0;
    padding:26px;
    background:#151515;
    border:1px solid #292929;
    border-radius:15px;
}

.pe-record-section h2{
    margin-top:0;
}

.pe-record-section p{
    line-height:1.75;
    color:#bbb;
}

.pe-record-meta-panel{
    display:grid;
    grid-template-columns:repeat(
        auto-fit,
        minmax(190px,1fr)
    );
    gap:12px;
    margin:28px 0;
}

.pe-record-meta-panel > div{
    padding:18px;
    background:#151515;
    border:1px solid #292929;
    border-radius:12px;
}

.pe-record-meta-panel span{
    display:block;
    margin-bottom:6px;
    color:#777;
    font-size:.66rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.09em;
}

.pe-record-meta-panel strong{
    color:#fff;
    font-size:.95rem;
    line-height:1.45;
}

.pe-record-money{
    display:grid;
    grid-template-columns:repeat(
        auto-fit,
        minmax(190px,1fr)
    );
    gap:14px;
}

.pe-record-money > div{
    padding:20px;
    background:#0d0d0d;
    border-radius:10px;
}

.pe-record-money span{
    display:block;
    color:#888;
    font-size:.7rem;
    text-transform:uppercase;
}

.pe-record-money strong{
    display:block;
    margin-top:5px;
    color:#fff;
    font-size:1.45rem;
}

.pe-record-connections{
    margin:44px 0;
}

.pe-connected-group{
    margin-top:25px;
}

.pe-connected-group h3{
    color:#888;
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.1em;
}

.pe-connected-grid{
    display:grid;
    grid-template-columns:repeat(
        auto-fit,
        minmax(240px,1fr)
    );
    gap:12px;
}

.pe-connected-card{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:18px;
    background:#151515;
    border:1px solid #292929;
    border-radius:12px;
    text-decoration:none;
}

.pe-connected-card:hover{
    border-color:#ef4347;
    transform:translateY(-1px);
}

.pe-connected-card strong{
    color:#fff;
}

.pe-connected-card span{
    color:#aaa;
    font-size:.82rem;
    line-height:1.45;
}

.pe-connected-card small{
    color:#666;
    font-size:.65rem;
    text-transform:uppercase;
}

.pe-record-timeline{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.pe-record-timeline-item{
    padding:15px 16px;
    border-left:3px solid #ef4347;
    background:#0e0e0e;
}

.pe-record-timeline-item time{
    display:block;
    margin-bottom:5px;
    color:#777;
    font-size:.72rem;
}

.pe-record-timeline-item a,
.pe-record-timeline-item strong{
    color:#fff;
}

.pe-record-contribution{
    margin:50px 0 20px;
    padding:28px;
    background:
      linear-gradient(
        135deg,
        #191919,
        #251111
      );
    border:1px solid #493030;
    border-left:5px solid #ef4347;
    border-radius:14px;
}

.pe-record-contribution h2{
    margin-top:0;
}

.pe-record-contribution p{
    max-width:800px;
    color:#aaa;
    line-height:1.6;
}


@media(max-width:700px){

    .pe-record-section,
    .pe-record-contribution{
        padding:19px;
    }
}

