@font-face{
font-family:Atkinson;src:url('assets/atkinson-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{
font-family:Atkinson;src:url('assets/atkinson-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{
font-family:SourceSerif;src:url('assets/source-serif.ttf') format('truetype');font-weight:200 900;font-display:swap}
:root{--paper:#fffcf7;--canvas:#f3f0e8;--teal:#123b46;--ink:#172b34;--rust:#b5533e;--muted:#52656c;--line:#c4ceca}
*{
box-sizing:border-box}
[hidden]{display:none!important}
html{
scroll-padding-top:1rem}
body{
margin:0;background:var(--paper);color:var(--ink);font:20px/1.55 Atkinson,Arial,sans-serif}
img{
max-width:100%;height:auto;display:block}
a{
color:var(--teal);text-underline-offset:.22em}
a:hover{
text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{
outline:3px solid var(--rust);outline-offset:5px}
h1,h2,h3,p,figure{
margin:0}
p+p{
margin-top:1rem}
h1,h2{
font-family:SourceSerif,Georgia,serif;font-weight:500;line-height:1.08;letter-spacing:-.035em}
h1{
font-size:clamp(2.6rem,4.8vw,4.35rem)}
h1 span{
color:var(--rust)}
h2{
font-size:clamp(2.2rem,3.8vw,3.4rem)}
h3{
font-size:1.4rem;line-height:1.25;font-weight:700}
p{
max-width:65ch}
.wrap{
width:min(1180px,calc(100% - 80px));margin-inline:auto}
.section{
padding-block:100px}
.eyebrow{
text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:700;color:var(--teal);margin-bottom:1.2rem}
.quiet{
font-size:.88rem;color:var(--muted)}
.button{
display:inline-flex;gap:22px;align-items:center;justify-content:center;min-height:52px;padding:14px 25px;border:2px solid var(--teal);border-radius:5px;color:var(--paper);background:var(--teal);font:700 1rem/1.25 Atkinson,Arial,sans-serif;text-decoration:none}
.button:hover{
background:#235260}
.skip-link{
position:absolute;left:15px;top:-100px;z-index:5;background:var(--paper);padding:15px}
.skip-link:focus{
top:10px}
.review-banner{
background:var(--teal);color:var(--paper);text-align:center;padding:8px 20px;font-size:.8rem}
.site-header{
display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:27px;border-bottom:1px solid var(--line)}
.brand{
display:flex;align-items:center;padding:12px 0;flex-shrink:0}
.site-header nav{
display:flex;align-items:center;gap:27px;font-size:.9rem}
.site-header nav>a{
padding-block:14px;text-decoration:none}
.form-panel{
background:var(--paper);color:var(--ink);padding:35px;border-radius:7px}
.form-panel h3{
margin-bottom:15px}
.form-panel fieldset{border:0;padding:0;margin:0;min-width:0}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.field-error{color:#8f3827;font-size:.9rem;margin-top:7px}
.field input[aria-invalid="true"]{border:2px solid #8f3827}
.form-status{font-size:.9rem;margin-top:18px}
.form-status:focus{outline:2px solid var(--teal);outline-offset:5px}
.mailbox-page{max-width:760px;font-size:1rem;padding-bottom:70px}
.mailbox-page h1{font-size:clamp(2.2rem,5vw,3.4rem)}
.mailbox-page form{margin-top:24px}
.mailbox-page>p{margin-top:20px}
.mailbox-page .eyebrow{margin-top:0}
.mailbox-page .check{min-height:44px;align-items:center;font-size:1rem}
.mailbox-page .quiet,.mailbox-page .field label span,.mailbox-page .form-status,.mailbox-page .field-error{font-size:1rem}
.preference-panel{margin-block:28px;border:1px solid var(--line)}
.preference-panel h2{font-size:1.8rem;margin-bottom:18px}
.secondary-button{background:transparent;color:var(--teal);margin-top:18px}
.secondary-button:hover{background:var(--canvas)}
.form-note{
font-size:.9rem;border-left:3px solid var(--rust);padding-left:14px;margin-bottom:25px}
.field{
margin-block:20px}
.field label{
display:block;margin-bottom:6px;font-weight:700;font-size:1rem}
.field label span{
font-weight:400;font-size:.88rem}
.field input{
width:100%;height:50px;border:1px solid #758b8f;border-radius:3px;background:#f0f0ea;font:1rem Atkinson;padding:10px}
.check{
display:flex;gap:12px;margin-block:20px;font-size:.95rem;line-height:1.4}
.check input{
width:22px;height:22px;flex-shrink:0}
.form-panel button{
width:100%;margin-top:25px}
.button:disabled{
background:#53686c;border-color:#53686c;color:#fff;cursor:not-allowed}
.text-link{
display:inline-block;font-size:.9rem;margin-top:22px;padding-block:8px}
details{
border-top:1px solid var(--line);padding-block:10px}
details:last-child{
border-bottom:1px solid var(--line)}
summary{
cursor:pointer;padding:17px 8px 17px 0;font-weight:700;font-size:1.05rem}
details p{
padding:5px 25px 20px 0;font-size:1rem}
.site-footer{
border-top:1px solid var(--line);padding-block:50px}
.footer-grid{
display:flex;justify-content:space-between;gap:40px}
.footer-grid p{
font-size:.9rem;margin-top:14px}
.footer-grid a{
display:block;font-size:.9rem;padding-block:7px}
.document{
max-width:850px;padding-block:65px 100px}
.document h1{
margin-bottom:28px}
.document h2,.document h3{
font:700 1.5rem/1.3 Atkinson;margin:38px 0 12px;letter-spacing:0}
.document .policy-status{
background:var(--canvas);border-left:3px solid var(--rust);padding:16px;margin-bottom:30px}
.document>p{
margin-block:12px}
.back-link{
display:inline-block;padding-block:12px;margin-bottom:25px}

@media(max-width:950px){.wrap{
width:calc(100% - 48px)}
.site-header{
flex-wrap:wrap}
.site-header nav{
gap:22px}

}

@media(max-width:700px){body{
font-size:18px}
.wrap{
width:calc(100% - 40px)}
.site-header{
padding-block:18px;gap:15px}
.site-header nav{
width:100%;flex-wrap:wrap;gap:12px 22px;font-size:.9rem}
h1{
font-size:2.4rem}
.section{
padding-block:65px}
.form-panel{
padding:25px}
.footer-grid{
display:block}
.footer-grid>div+div{
margin-top:25px}
h2 br{
display:none}

}

@media(max-width:380px){.form-panel{
padding:20px}

}
.brand>img.primary-logo{
width:320px;min-width:0;height:auto}

@media(max-width:700px){.brand>img.primary-logo{
width:280px}

}

.mobile-interest-bar{
display:none}
.mobile-interest-bar[hidden]{
display:none!important}

@media(max-width:700px){.mobile-interest-bar{
display:block;position:fixed;inset:auto 0 0;z-index:10;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -4px 14px #123b4612}
.mobile-interest-bar .button{
width:100%;min-height:52px}
a,button,summary{
scroll-margin-bottom:100px}

}

@media(max-width:700px){body{
padding-bottom:100px}

}

@media(max-width:700px){.site-header nav{
display:none}

}

.mailbox-page select{display:block;max-width:100%;min-height:44px;margin-top:12px;padding:10px;font:inherit;color:var(--ink);background:var(--paper);border:1px solid #82918e;border-radius:3px;}

.footer-wordmark{width:210px;height:auto}
