:root{--cream:#FAF4EC;--paper:#FFFDF9;--ink:#201618;--pink:#C62F65;--line:#AD8D98;--serif:"Young Serif",Georgia,serif;--sans:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
button{font:inherit}
.wrap{width:min(100% - 44px,940px);margin-inline:auto}
header{border-bottom:1px solid var(--line)}
header .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:23px 0}
.wordmark{font:400 21px/1.2 var(--serif);letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
.wordmark em{color:var(--pink);font-style:normal}
.back{font-size:13px;font-weight:700;text-decoration:none;border-bottom:2px solid var(--pink)}
main{padding:72px 0 90px}
.page-label{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 13px}
h1{font:400 clamp(44px,6vw,68px)/1.12 var(--serif);letter-spacing:-.03em;max-width:16ch;margin:0 0 22px}
.lede{font-size:20px;line-height:1.5;max-width:58ch;margin:0 0 42px}
.content{max-width:720px;background:var(--paper);border:1px solid var(--line);padding:clamp(26px,5vw,58px)}
.content h2{font:400 27px/1.25 var(--serif);margin:34px 0 12px}
.content h2:first-child{margin-top:0}
.content p,.content ul{margin:0 0 17px}
.content li{margin-bottom:8px}
.content a{font-weight:700;text-decoration:none;border-bottom:2px solid var(--pink)}
.content a:hover,.back:hover,footer a:hover{color:var(--pink)}
.content .primary-link{display:inline-block;background:var(--pink);color:#fff;border:1px solid var(--ink);padding:10px 16px;text-decoration:none}
.content .primary-link:hover{background:#A62353;color:#fff}
.content .small{font-size:14px}
.portrait{width:min(280px,100%);height:auto;display:block;border:1px solid var(--ink);margin:0 0 25px}
footer{border-top:1px solid var(--line);padding:25px 0 37px;font-size:13px;font-weight:700}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer-links{display:flex;gap:9px 17px;flex-wrap:wrap}
footer a{text-decoration:none;border-bottom:2px solid var(--pink)}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
@media(max-width:600px){header .wrap{flex-wrap:wrap;padding:18px 0}.wordmark{font-size:19px}main{padding:47px 0 65px}.lede{font-size:18px;margin-bottom:30px}.content{padding:25px}}