:root{
    --maroon:#781923;
    --maroon-dark:#4b0c15;
    --gold:#d6ad63;
    --ink:#17232a;
    --muted:#66727a;
    --paper:#f7f4ee;
    --white:#fff;
    --line:#ded8ce;
    --serif:"Libre Caslon Display",Georgia,serif;
    --sans:"DM Sans",Arial,sans-serif
}
*{
    box-sizing:border-box
}
html{
    scroll-behavior:smooth
}
body{
    margin:0;
    color:var(--ink);
    background:#fff;
    font-family:var(--sans);
    font-size:16px;
    line-height:1.7
}
.wrap{
    width:min(1180px, calc(100% - 48px));
    margin:auto;
}
.skip{
    position:absolute;
    left:-999px
}
.skip:focus{
    left:20px;
    top:10px;
    z-index:99;
    background:#fff;
    padding:8px 14px
}
.announcement{
    background:#000080;
    color:#fff;
    font-size:13px
}
.guide
{
 background-color:#cccce5;
}
}
.announcement-inner{
    height:38px;
    display:flex;
    align-items:center;
    justify-content: space-between;
}
.announcement a{
    color:#fff;
    text-decoration:none
}
.masthead{
    height:92px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.brand{
    display:flex;
    align-items:center;
    gap:14px;
    color:inherit;
    text-decoration:none;
    line-height:1.15
}
.brand-mark{
    display:grid;
    place-items:center;
    width:66px;
    height:54px;
    border:2px solid var(--maroon);
    color:var(--maroon);
    font-size:19px;
    font-weight:700;
    letter-spacing:.06em
}
.brand strong{
    display:block;
    font-family:var(--serif);
    font-size:19px
}
.brand small{
    display:block;
    color:#000080;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
    margin-top:6px;
    font-size:10px
}
.masthead nav{
    display:flex;
    gap:27px
}
.masthead nav a{
    color:var(--ink);
    font-size:14px;
    font-weight:600;
    text-decoration:none
}
.masthead nav a:hover{
    color:var(--maroon)
}
.menu-toggle{
    display:none;
    background:transparent;
    border:0;
    padding:8px
}
.menu-toggle span:not(.sr-only){
    display:block;
    width:25px;
    height:2px;
    background:var(--ink);
    margin:5px
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0)
}
.hero{
    background:#cccce5;
    border-top:1px solid #eee6da
}
.hero-grid{
    display:grid;
    grid-template-columns:1.45fr .65fr;
    gap:90px;
    align-items:center;
    padding:86px 0
}
.eyebrow{
    margin:0 0 20px;
    color:#4c4ca6;
    font-size:12px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase
}
.hero h1,.section-heading h2{
    font-family:var(--serif);
    font-weight:400;
    line-height:1.04;
    margin:0
}
.hero h1{
    font-size:clamp(48px,6vw,78px);
    max-width:800px
}
.hero h1 em{
    color:va;
    font-style:normal
}
.lead{
    font-size:19px;
    max-width:690px;
    color:#4e5b61;
    margin:26px 0 30px
}
.hero-actions{
    display:flex;
    align-items:center;
    gap:30px
}
.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    text-decoration:none;
    padding:14px 22px;
    font-size:14px;
    font-weight:700
}
.btn-primary{
    background:#000080;
    color:#fff
}
.btn-primary:hover{
    background:#4c4ca6
}
.text-link{
    color:var(--ink);
    font-weight:700;
    text-decoration:none;
    font-size:14px
}
.publisher{
    font-size:13px;
    color:var(--muted);
    margin:36px 0 0
}
.publisher strong{
    display:block;
    color:var(--ink)
}
.journal-cover{
    aspect-ratio:3/4;
    max-width:330px;
    width:100%;
    justify-self:end;
    background:#000080;
    color:#fff;
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    box-shadow:20px 22px 0 #4c4ca6;
    position:relative;
    overflow:hidden
}
.journal-cover:after{
    content:"";
    position:absolute;
    width:230px;
    height:230px;
    border:1px solid rgba(214,173,99,.35);
    border-radius:50%;
    right:-85px;
    top:28%
}
.cover-top,.cover-bottom{
    display:flex;
    justify-content:space-between;
    font-size:9px;
    letter-spacing:.12em;
    text-transform:uppercase
}
.cover-center small{
    color:#cccce5;
    letter-spacing:.2em
}
.cover-center strong{
    font-family:var(--serif);
    font-size:35px;
    line-height:1.08;
    display:block;
    margin:10px 0 25px
}
.cover-center span{
    font-size:11px;
    color:#cccce5
}
.facts{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:var(--maroon);
    color:#fff
}
.facts div{
    padding:26px 34px;
    border-right:1px solid rgba(255,255,255,.18)
}
.facts div:last-child{
    border:0
}
.facts strong,.facts span{
    display:block
}
.facts strong{
    font-size:21px
}
.facts span{
    font-size:12px;
    color:#e5bcc1
}
.section{
    padding:30px 0
}
.split{
    display:grid;
    grid-template-columns:1.2fr 0.6fr;
    gap:110px
}
.section-heading h2{
    font-size:clamp(37px,4.3vw,58px)
}
.section-heading.narrow{
  /*  max-width:720px */
}
.section-heading>p:last-child{
    color:var(--muted);
    font-size:18px
}
.prose>p{
    font-size:17px;
    margin:0 0 22px
}
.principles{
    border-top:1px solid var(--line);
    margin-top:38px
}
.principles div{
    display:grid;
 /*   grid-template-columns:45px 1fr; */
    gap:12px;
    padding:20px 0;
    border-bottom:1px solid var(--line)
}
.principles b{
    color:var(--maroon);
    font-size:12px
}
.principles strong,.principles span{
    display:block
}
.principles span{
    font-size:13px;
    color:var(--muted)
}
.principles strong{
    font-size:15px;
    color:var(--ink)
}
.scope{
    background:#f8f7f4
}
.scope-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    margin-top:55px;
    border-top:1px solid var(--line);
    border-left:1px solid var(--line)
}
.scope-card{
    padding:35px;
    min-height:220px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    background:#fff
}
.scope-card span{
    color:var(--maroon);
    font-size:12px;
    font-weight:700
}
.scope-card h3{
    font-family:var(--serif);
    font-size:27px;
    font-weight:400;
    margin:28px 0 10px
}
.scope-card p{
    font-size:14px;
    color:var(--muted);
    margin:0
}
.align-start{
    align-items:start
}
.sticky{
    position:sticky;
    top:35px
}
.quick-format{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:30px
}
.quick-format span{
    border:1px solid var(--line);
    padding:6px 10px;
    font-size:11px;
    color:var(--muted)
}
details{
    border-top:1px solid var(--line)
}
details:last-child{
    border-bottom:1px solid var(--line)
}
summary{
    list-style:none;
    cursor:pointer;
    padding:25px 0;
    font-weight:700;
    font-size:18px;
    display:flex;
    align-items:center;
    gap:20px
}
summary::-webkit-details-marker{
    display:none
}
summary:after{
    content:"+";
    margin-left:auto;
    font-size:24px;
    font-weight:400;
    color:var(--maroon)
}
details[open] summary:after{
    content:"−"
}
summary span{
    color:var(--maroon);
    font-size:11px
}
details>div{
    padding:0 40px 20px;
    color:var(--muted);
    font-size:14px
}
.editorial{
    background:#cccce5
}
.leadership-grid{
    display:grid;
    grid-template-columns:1.1fr 1fr 1fr;
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
    margin-top:55px
}
.leadership-grid article{
    background:#fff;
    padding:35px
}
.leadership-grid article>p{
    text-transform:uppercase;
    letter-spacing:.14em;
    font-size:11px;
    color:var(--maroon);
    font-weight:700
}
.chief h3{
    font-family:var(--serif);
    font-size:34px;
    font-weight:400;
    line-height:1.1;
    margin:45px 0 8px
}
.chief span,.team li span{
    color:var(--muted);
    font-size:13px;
    display:block
}
.team ul{
    list-style:none;
    padding:20px 0 0;
    margin:0
}
.team li{
    padding:10px 0;
    border-bottom:1px solid #eee
}
.team li:last-child{
    border:0
}
.team li strong{
    font-size:14px
}
.advisory{
    margin-top:60px;
    background:#fff;
    padding:45px
}
.advisory-title{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:30px
}
.advisory-title h3{
    font-family:var(--serif);
    font-weight:400;
    font-size:35px;
    margin:0
}
.tabs{
    margin:35px 0 10px;
    border-bottom:1px solid var(--line)
}
.tab{
    border:0;
    background:none;
    padding:12px 20px 12px 0;
    margin-right:25px;
    font:600 14px var(--sans);
    color:var(--muted);
    cursor:pointer
}
.tab.active{
    color:var(--maroon);
    border-bottom:2px solid var(--maroon)
}
.panel{
    display:none;
    grid-template-columns:repeat(5,1fr);
    gap:1px;
    background:var(--line)
}
.panel.active{
    display:grid
}
.panel div{
    background:#fff;
    padding:23px 18px
}
.panel b,.panel span{
    display:block
}
.panel b{
    font-size:13px
}
.panel span{
    font-size:11px;
    color:var(--muted);
    margin-top:8px;
    line-height:1.5
}
.submission{
    background:#000080;
    color:#fff
}
.section-heading.light .eyebrow{
    color:var(--gold)
}
.section-heading.light>p:last-child{
    color:#dbc9ca
}
.steps{
    list-style:none;
    padding:0;
    margin:55px 0;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid rgba(255,255,255,.18);
    border-left:1px solid rgba(255,255,255,.18)
}
.steps li{
    min-height:150px;
    padding:28px;
    border-right:1px solid rgba(255,255,255,.18);
    border-bottom:1px solid rgba(255,255,255,.18)
}
.steps span{
    color:var(--gold);
    font-size:11px;
    font-weight:700
}
.steps p{
    font-size:14px;
    color:#eadfe0;
    margin:25px 0 0
}
.steps strong{
    color:#fff
}
.submission-cta{
    background:#fff;
    color:var(--ink);
    padding:32px 38px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px
}
.submission-cta small{
    color:var(--maroon);
    text-transform:uppercase;
    letter-spacing:.14em;
    font-weight:700
}
.submission-cta h3{
    font-family:var(--serif);
    font-size:32px;
    font-weight:400;
    margin:5px 0
}
.submission-cta p{
    margin:0;
    color:var(--muted);
    font-size:13px
}
.btn-gold{
    background:#000080;
    color:white;
    white-space:nowrap
}
.btn-gold:hover{
    background:#4c4ca6
}
footer{
    background:#151b1f;
    color:#fff;
    padding:70px 0 20px
}
.footer-grid{
    display:grid;
    grid-template-columns:1.5fr 1fr .8fr;
    gap:70px
}
.footer-brand .brand-mark{
    border-color:var(--gold);
    color:var(--gold)
}
.footer-brand small{
    color:var(--gold)
}
footer p{
    color:#99a2a7;
    font-size:13px;
    margin-top:25px
}
footer h3{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.15em;
    color:var(--gold);
    margin:0 0 20px
}
footer a{
    display:block;
    color:#d8dddf;
    text-decoration:none;
    font-size:13px;
    margin:8px 0
}
.copyright{
    margin-top:45px;
    padding-top:18px;
    border-top:1px solid #30383d;
    display:flex;
    justify-content:space-between;
    font-size:11px;
    color:#7f898e
}
.copyright a{
    margin:0
}
.reveal{
    opacity:0;
    transform:translateY(16px);
    transition:opacity .6s ease,transform .6s ease
}
.reveal.visible{
    opacity:1;
    transform:none
}
@media (max-width:900px){
    .masthead{
        height:78px
    }
    .masthead nav{
        position:absolute;
        display:none;
        top:116px;
        left:0;
        right:0;
        z-index:10;
        background:#fff;
        padding:18px 24px;
        border-bottom:1px solid var(--line);
        flex-direction:column;
        gap:8px
    }
    .masthead nav.open{
        display:flex
    }
    .masthead nav a{
        padding:8px 0
    }
    .menu-toggle{
        display:block
    }
    .hero-grid{
        grid-template-columns:1fr;
        gap:55px;
        padding:65px 0
    }
    .journal-cover{
        justify-self:start;
        max-width:300px
    }
    .facts{
        grid-template-columns:repeat(2,1fr)
    }
    .split{
        grid-template-columns:1fr;
        gap:40px
    }
    .sticky{
        position:static
    }
    .scope-grid{
        grid-template-columns:repeat(2,1fr)
    }
    .leadership-grid{
        grid-template-columns:1fr
    }
    .panel{
        grid-template-columns:repeat(2,1fr)
    }
    .steps{
        grid-template-columns:repeat(2,1fr)
    }
}
@media (max-width:600px){
    .wrap{
        width:min(100% - 32px,1180px)
    }
    .announcement-inner{
        justify-content:center
    }
    .announcement a{
        display:none
    }
    .brand strong{
        font-size:15px
    }
    .brand-mark{
        width:54px;
        height:45px;
        font-size:16px
    }
    .hero h1{
        font-size:45px
    }
    .hero-actions{
        align-items:flex-start;
        flex-direction:column;
        gap:16px
    }
    .facts{
        width:100%;
        grid-template-columns:1fr 1fr
    }
    .facts div{
        padding:20px 16px
    }
    .facts strong{
        font-size:17px
    }
    .section{
        padding:75px 0
    }
    .scope-grid,.panel,.steps{
        grid-template-columns:1fr
    }
    .scope-card{
        min-height:0
    }
    .advisory{
        padding:26px 20px
    }
    .advisory-title{
        display:block
    }
    .submission-cta{
        align-items:flex-start;
        flex-direction:column
    }
    .footer-grid{
        grid-template-columns:1fr;
        gap:35px
    }
    .copyright{
        gap:20px;
        flex-direction:column
    }
    .copyright a{
        align-self:flex-start
    }
}