/* Generated from brand.css by sync_identity.py. Do not edit directly. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:25px}
::selection{background:#ecd0d0;color:#252923}
a{color:inherit;text-underline-offset:4px}
a:hover{color:var(--accent)}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button,summary{cursor:pointer}
button{border:0}
a,button,input,select,textarea,summary{outline-offset:5px}
:focus-visible{outline:2px solid var(--accent)}
[hidden]{display:none!important}
h1,h2,h3,h4{font-family:var(--display);font-weight:var(--heading-weight);line-height:1.12;letter-spacing:-.025em;margin:0;text-wrap:balance}
h1{font-size:clamp(37px,4.6vw,66px);max-width:19ch}
h2{font-size:clamp(28px,3vw,40px)}
h3{font-size:26px}
h4{font-size:23px}
p{margin:16px 0 0}
figure{margin:0}
.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:50}
.skip:focus{top:10px}
.previewbar{display:flex;justify-content:space-between;gap:15px;background:var(--surface);padding:7px var(--space);font-size:12px}
.previewbar nav{display:flex;gap:20px}
.previewbar a{color:var(--accent)}
.page-intro{padding:40px 0 50px}
.title-with-icon{display:flex;align-items:flex-start;gap:20px}
.title-with-icon>.icon{color:var(--accent);width:42px;height:42px;margin-top:8px}
.dek{font-size:19px;line-height:1.7;max-width:65ch;margin-top:23px;color:var(--muted)}
.page-intro .button{margin-top:24px}
.u-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;min-height:48px;background:var(--accent);color:white;font-size:14px;font-weight:600;text-decoration:none;border-radius:3px}
.u-btn:hover{background:var(--accent-dark);color:white}
.secondary,.u-btn.secondary,.u-btn.ghost{background:var(--surface);color:var(--ink)}
.prose{font-size:17px;line-height:1.8}
.prose p,.sec p{max-width:72ch}
.prose a,.sec a{color:var(--accent)}
.prose h2{margin:48px 0 20px}
.prose h3{margin:32px 0 15px}
.sec{padding-block:28px}
.sec>h2{margin-bottom:20px}
.sec>h3{margin-bottom:16px}
.sec+.sec{margin-top:15px}
.vitem{margin-block:22px}
.vitem b{font-size:17px}
.vitem p{margin-top:8px}
.page-contents{padding:25px;background:var(--surface)}
.page-contents h2{font:600 17px var(--body);margin-bottom:16px}
.page-contents a{display:block;padding-block:7px;font-size:14px;text-decoration:none}
.page-contents a:hover{text-decoration:underline}
.reading-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:70px;align-items:start;padding-block:10px 60px}
.reading-layout>div{min-width:0}
.reading-layout .sec:first-child{padding-top:0}
.signup-strip{margin:45px 0 60px;padding:35px;background:var(--rose);display:flex;align-items:center;gap:25px;border-radius:4px}
.signup-strip>.icon{width:58px;height:58px;color:var(--accent)}
.signup-strip>div{flex:1}
.signup-strip h2{font-size:34px}
.signup-strip p{color:var(--rose-ink);font-size:15px;margin-top:10px}
.byline,.abyline,.gby{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);margin-block:24px}
.byline img,.abyline img,.gby img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.byline span,.abyline span,.gby span{display:block}
.byline a,.abyline a,.gby a{color:var(--ink)}
.abyline .av{flex-shrink:0}
.f{display:flex;flex-direction:column;gap:7px;margin-bottom:22px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:20px}
label{font-size:14px;font-weight:600}
input,select,textarea{width:100%;min-width:0;padding:13px;background:white;border:1px solid #8b887f;border-radius:3px;min-height:48px}
input::placeholder,textarea::placeholder{color:#62645c;opacity:1}
textarea{min-height:140px}
.hint,.form-required-note,.preview-note{font-size:13px;color:var(--muted)}
.req{color:var(--accent);margin-left:4px}
.form-feedback{padding:15px;background:var(--surface);margin-top:18px}
.fsubmit{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.fsubmit span{font-size:13px}
.no{display:none}
summary{min-height:48px;padding:12px 0;font-weight:600}
details{margin-block:15px}
.table-scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:13px;vertical-align:top}
th{background:var(--surface);font-weight:600}
td{border-bottom:1px solid var(--line)}
.photo-credit,.lr-cred{font-size:14px!important;position:absolute;bottom:8px;right:8px;background:#252923;padding:5px 7px;color:white}
.photo-credit img,.lr-cred img{height:14px!important;width:auto!important;max-width:55px;object-fit:contain}
.lr-ph,.rc__ph,.feature-image{position:relative}
.wi-managed-slot{margin-block:30px;max-width:100%}
.wi-managed-slot:empty{margin:0}
.tolv-disc{font-size:13px!important;color:var(--muted)}
.plain-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px}
.plain-links a{color:var(--accent);font-size:14px}
.empty-state{background:var(--surface);padding:35px;max-width:780px;margin:20px 0 65px}
.empty-state>.icon{width:60px;height:60px;color:var(--accent);margin-bottom:20px}
.empty-state p{max-width:56ch}
.empty-state .button{margin-top:22px}
.preview-note{margin-block:14px}
.gcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.gcard{text-decoration:none;min-width:0}
.gcard .ph img,.gcard>img{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:4px}
.gcard h3{margin-top:16px;font-size:27px}
.gcard .tag,.gcard .k,.gcard .meta,.gcard small{font-size:13px;color:var(--muted);display:block;margin-top:10px}
.gcard p{font-size:15px}
.k{font-size:13px;color:var(--muted)}
.shead{margin-bottom:25px}
.shead p{color:var(--muted)}
@media (max-width:1000px){.reading-layout{gap:35px;grid-template-columns:200px minmax(0,1fr)}
.signup-strip{flex-wrap:wrap}
.signup-strip .button{margin-left:83px}}
@media (max-width:850px){.gcards{grid-template-columns:1fr 1fr}
.reading-layout{display:block}
.page-contents{margin-bottom:30px}
.page-contents a{display:inline-block;margin-right:20px}
.page-intro{padding:27px 0 35px}
.title-with-icon{gap:14px}
.title-with-icon>.icon{width:32px;height:32px;margin-top:5px}
.dek{font-size:17px}
.signup-strip h2{font-size:31px}}
@media (max-width:560px){h1{font-size:37px;line-height:1.1}
h2{font-size:30px}
.title-with-icon{gap:11px}
.title-with-icon>.icon{width:28px;height:28px}
.previewbar{font-size:11px;display:block}
.previewbar nav{margin-top:3px}
.prose{font-size:16px;line-height:1.8}
.signup-strip{display:block;padding:28px}
.signup-strip>.icon{width:47px;height:47px;margin-bottom:16px}
.signup-strip .button{margin:22px 0 0}
.signup-strip h2{font-size:32px}
.gcards{grid-template-columns:1fr}
.frow{grid-template-columns:1fr;gap:0}
.empty-state{padding:25px}
.page-contents{padding:20px}
.sec{padding-block:22px}
.title-with-icon h1{overflow-wrap:anywhere}
.u-btn{white-space:normal}
.reading-layout{padding-bottom:25px}
.abyline{align-items:flex-start}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{animation:none!important;transition:none!important}}
.gc{display:block;min-width:0;text-decoration:none}
.gc>img.ph{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:4px}
.gc__b{padding-top:17px}
.gc__b h3{font-size:27px}
.gc__b .tag,.gc__b .u-gm{font-size:13px;color:var(--muted);margin-block:9px}
.gc__b .tag{color:var(--accent)}
.gc__b p{font-size:15px}
.gc__b .u-gm{line-height:1.7}
.table-scroll{max-width:100%;min-width:0}
.table-scroll table{max-width:none}
.wi-managed-slot[data-filter-hidden=true]{display:none!important}
.page-intro .hero-action{margin-top:24px}