:root{--paper:#f6f5ef;--surface:#fffefb;--ink:#292f25;--muted:#616a58;--line:#d9ddd0;--sage:#88976f;--inverse-sage:#b5c49c;--focus:#526b3d;--serif:"Iowan Old Style","Palatino Linotype",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-padding-top:2rem}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.7 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;touch-action:manipulation}
a:focus-visible{outline:2px solid var(--focus);outline-offset:5px;border-radius:3px}
p,h1,h2,h3{margin:0}
p{color:var(--muted)}
h1,h2{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.045em;overflow-wrap:break-word}
h1{font-size:clamp(3rem,6.7vw,5.5rem)}
h1 em{color:#737d65;font-weight:400}
h2{font-size:clamp(2rem,3.6vw,3rem)}
h3{font-size:1rem;font-weight:550;line-height:1.5}
code{font-family:"SFMono-Regular",Consolas,monospace;font-size:.8125rem}
::selection{background:#d6e3b7;color:var(--ink)}
.wrap{width:calc(100% - 96px);max-width:1152px;margin-inline:auto}
.skip-link{position:fixed;left:1rem;top:-8rem;z-index:20;padding:.6rem 1rem;background:var(--ink);color:var(--paper)}
.skip-link:focus{top:1rem}
.brand-header{min-height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px}
.wordmark{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:1.25rem;font-weight:550;letter-spacing:-.04em}
.brand-mark{display:block;width:2rem;height:2rem;flex:0 0 auto;fill:currentColor;stroke:none;stroke-width:0;shape-rendering:crispEdges;--delegate-accent:var(--sage)}
.brand-mark .delegate-mark-core{fill:currentColor}
.brand-mark .delegate-mark-accent{fill:var(--delegate-accent)}
.brand-header nav,.brand-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px 26px;font-size:.8125rem}
.brand-header nav a,.brand-footer nav a,.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px}
.brand-header nav a:hover,.brand-footer nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.brand-intro{padding-block:72px 82px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:72px;align-items:center}
.eyebrow{font-size:.6875rem;line-height:1.6;letter-spacing:.11em;text-transform:uppercase;font-weight:500}
.brand-intro .eyebrow{margin-bottom:24px}
.intro-copy{max-width:48ch;margin-top:26px;line-height:1.8}
.text-link{font-size:.875rem;margin-top:20px}
.hero-mark{min-width:0;padding:36px 24px;border:1px solid var(--line);border-radius:20px;text-align:center;background:var(--surface)}
.showcase-mark{width:160px;height:160px;margin:0 auto 24px}
.hero-mark p{font-size:.875rem;color:var(--ink)}
.hero-mark p span{display:block;margin-top:6px;font-size:.75rem;color:var(--muted)}
.brand-section{border-top:1px solid var(--line);padding-block:56px 64px}
.section-heading{max-width:66ch;margin-bottom:30px}
.section-heading .eyebrow,.guidelines .eyebrow{margin-bottom:14px}
.section-heading>p:last-child{margin-top:18px;font-size:.9375rem}
.concept-grid,.downloads-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.concept-card{min-width:0;border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--surface)}
.concept-card.preferred{border-color:#98a789}
.concept-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:.625rem;color:var(--muted);letter-spacing:.03em}
.concept-label{border:1px solid var(--line);border-radius:999px;padding:3px 8px;letter-spacing:0}
.preferred .concept-label{background:#e6edda;border-color:#b3c39c;color:#3e5330}
.concept-card h3{font:1.875rem/1.2 var(--serif);letter-spacing:-.03em;margin-top:18px}
.concept-versions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block:24px}
.mark-version{padding:12px 0;border-radius:8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.paper-version{background:var(--paper);color:var(--ink)}
.ink-version{background:var(--ink);color:var(--paper);--delegate-accent:var(--inverse-sage)}
.ink-version .brand-mark{--delegate-accent:var(--inverse-sage)}
.ink-version p,.ink-version h3{color:var(--paper)}
.concept-mark{width:96px;height:96px}
.mark-version>span{font-size:.625rem}
.concept-card>p{font-size:.8125rem;line-height:1.8}
.concept-card>.download-link{margin-top:22px}
.download-link{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;padding:10px 0;font-size:.8125rem;line-height:1.6;max-width:100%}
.download-link>span{flex:0 0 auto}
.download-link:hover{text-decoration:underline;text-underline-offset:5px}
.size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.size-board{min-width:0;border:1px solid var(--line);border-radius:16px;padding:24px}
.size-board h3{font-size:.8125rem;font-weight:400}
.size-samples{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:28px 20px;min-height:172px;padding-top:24px}
.size-sample{display:flex;flex-direction:column;align-items:center;gap:18px}
.size-sample>span{font-size:.75rem}
.size-16{width:16px;height:16px}.size-24{width:24px;height:24px}.size-32{width:32px;height:32px}.size-96{width:96px;height:96px}
.section-note{font-size:.8125rem;max-width:84ch;line-height:1.8;margin-top:22px}
.palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:34px}
.palette-item{min-width:0}
.color-swatch{height:72px;border:1px solid var(--line);border-radius:8px;margin-bottom:14px}
.swatch-paper{background:var(--paper)}.swatch-ink{background:var(--ink)}.swatch-sage{background:var(--sage)}.swatch-inverse{background:var(--inverse-sage)}
.palette h3{font-size:.8125rem;margin-bottom:3px}
.palette code{color:var(--muted)}
.type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.type-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px}
.type-serif,.type-sans{color:var(--ink);font-size:clamp(2rem,3.8vw,3.25rem);line-height:1.15;letter-spacing:-.04em;margin-block:24px;overflow-wrap:break-word}
.type-serif{font-family:var(--serif)}
.type-sans{font-family:var(--sans);font-weight:450}
.type-card>p:last-child{font-size:.8125rem}
.guidelines{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px}
.clearspace-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-top:26px;padding:28px;text-align:center}
.clearspace-demo{display:inline-block;border:1px dashed var(--focus);padding:16px;margin-bottom:16px}
.clearspace-mark{width:128px;height:128px}
.clearspace-panel p{font-size:.8125rem}
.guideline-copy{padding-top:32px;min-width:0}
.guideline-copy ul{padding-left:20px;margin:16px 0 0;color:var(--muted);font-size:.9375rem;line-height:1.8}
.guideline-copy li+li{margin-top:14px}
.download-group{min-width:0}
.download-group h3{margin-bottom:12px}
.download-list{display:grid}
.download-list .download-link{border-top:1px solid var(--line)}
.download-list.horizontal{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.export-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:60px;margin-top:36px}
.brand-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;padding-block:28px 40px}
.brand-footer>p{font-size:.8125rem}
@media(max-width:1000px){.brand-intro{gap:36px}.concept-grid{gap:12px}.concept-card{padding:16px}.concept-versions{grid-template-columns:minmax(0,1fr)}.mark-version{flex-direction:row;gap:12px}.guidelines,.export-row{gap:32px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.brand-header{flex-wrap:wrap;gap:10px 20px}.brand-header nav{gap:4px 20px}.brand-intro{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:40px 48px}.brand-intro .eyebrow{margin-bottom:18px}.intro-copy{font-size:.9375rem;margin-top:20px}.hero-mark{padding:24px 20px}.showcase-mark{width:128px;height:128px}.brand-section{padding-block:38px 44px}.section-heading{margin-bottom:24px}.concept-grid,.size-grid,.type-grid,.guidelines,.downloads-grid,.export-row{grid-template-columns:minmax(0,1fr)}.concept-card{padding:22px}.concept-versions{grid-template-columns:repeat(2,minmax(0,1fr))}.mark-version{flex-direction:column;gap:8px}.concept-card>p,.concept-card .download-link{font-size:.875rem}.size-board{padding:22px}.size-samples{justify-content:flex-start;gap:28px 24px;min-height:0}.palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.type-card{padding:24px}.guidelines{gap:26px}.guideline-copy{padding-top:0}.clearspace-panel{padding:24px 16px}.downloads-grid{gap:26px}.export-row{gap:28px;margin-top:30px}.brand-footer{gap:12px 24px}.brand-footer nav{gap:8px 22px}}
@media(prefers-contrast:more){:root{--muted:#3f4d33;--line:#7c8a6b;--sage:#526b3d;--inverse-sage:#d6e3b7}.concept-card.preferred{border-color:var(--focus)}.concept-label{border-color:var(--focus)}.ink-version{border-color:var(--ink)}}
