/* Header typography and reserved logo area */
body{font-size:18px;line-height:1.8}#header .sitehead{display:grid;grid-template-columns:minmax(360px,1fr) auto minmax(280px,1fr);align-items:center;height:auto;min-height:112px;padding:18px 4%;gap:28px;background:#000;border-bottom:1px solid #B5945755}#header .brand{display:flex;align-items:center;gap:18px;min-width:0;color:#DDC398;letter-spacing:2px}#header .brand-logo-slot{width:72px;height:72px;flex:0 0 72px;display:grid;place-items:center;border:1px solid #B5945766;color:#B59457;font:12px Georgia,serif;letter-spacing:2px}#header .brand-wordmark{font-family:var(--serif);font-size:clamp(22px,1.65vw,32px);line-height:1.3;white-space:nowrap}#header .brand-wordmark small{display:block;font-size:13px;letter-spacing:3px;margin-top:8px;color:#C2AA84}#header .mainnav{display:flex;align-items:stretch;justify-content:center;gap:30px;height:auto}#header .sitehead .mainnav a{font-size:21px;line-height:1.4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 0;white-space:nowrap;color:#DDC398}#header .mainnav a span{font-size:14px;letter-spacing:.04em;color:#C2AA84}#header .headtools{display:flex;justify-content:flex-end;align-items:center;gap:14px;flex-wrap:wrap}#header .headtools button,#header .headtools a{font-size:15px;min-height:40px;padding:8px 10px;color:#DDC398}#header .headtools .prototype-chip{font-size:14px;padding:8px 12px}#header .subnav{min-height:62px;display:flex;align-items:center;justify-content:center;gap:30px;padding:8px 4%;background:#090808}#header .subnav a{font-size:17px;line-height:1.5;padding:10px 0;white-space:nowrap}.design-intro>p:not(.eyebrow){font-size:19px}.design-intro .design-notice{font-size:16px}.design-tabs a{font-size:18px}.design-card small{font-size:14px}.design-open span{font-size:16px}.fine-card p,.panel p,.cardbody p{font-size:17px}.btn,button,input,select,textarea{font-size:17px}.eyebrow{font-size:13px}.footlinks a{font-size:16px}
@media(max-width:1550px){#header .sitehead{grid-template-columns:1fr auto;gap:12px 30px}#header .mainnav{grid-column:2;grid-row:1 / 3;gap:28px}#header .headtools{grid-column:1;justify-content:flex-start;padding-left:90px;gap:12px}#header .brand-wordmark{font-size:26px}#header .subnav{gap:23px;flex-wrap:wrap}}
@media(max-width:900px){#header .sitehead{grid-template-columns:1fr;padding:18px 5%;gap:18px}#header .mainnav{grid-column:1;grid-row:auto;justify-content:flex-start;gap:30px;overflow-x:auto}#header .headtools{grid-column:1;padding-left:0;justify-content:flex-start}#header .brand-wordmark{font-size:26px}#header .subnav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:8px 5%;gap:25px}#header .sitehead .mainnav a{font-size:20px}#header .subnav a{font-size:17px}}
@media(max-width:500px){#header .brand-logo-slot{width:58px;height:58px;flex-basis:58px}#header .brand-wordmark{font-size:20px;letter-spacing:1px}#header .brand-wordmark small{font-size:11px;letter-spacing:2px}#header .mainnav{gap:25px}#header .sitehead .mainnav a{font-size:18px}#header .mainnav a span{font-size:12px}#header .headtools{gap:7px}#header .headtools button,#header .headtools a{font-size:14px;padding:8px}.design-intro>p:not(.eyebrow){font-size:17px}.design-intro .design-notice{font-size:15px}}

/* Larger reading size, second refinement */
body{font-size:20px}#header .sitehead .mainnav a{font-size:24px}#header .mainnav a span{font-size:16px}#header .subnav a{font-size:20px}#header .subnav{gap:26px}#header .headtools button,#header .headtools a{font-size:17px}#header .headtools .prototype-chip{font-size:16px}#header .brand-wordmark{font-size:clamp(27px,1.85vw,35px)}#header .brand-wordmark small{font-size:15px}.design-intro>p:not(.eyebrow){font-size:22px}.design-intro .design-notice{font-size:18px}.design-tabs a{font-size:21px}.design-card h2{font-size:clamp(25px,2vw,32px)}.design-card small{font-size:16px}.design-open span{font-size:18px}.fine-card p,.panel p,.cardbody p,.intro{font-size:20px}.btn,button,input,select,textarea{font-size:19px}.eyebrow{font-size:15px}.footlinks a{font-size:18px}@media(max-width:1550px){#header .subnav{gap:22px}#header .mainnav{gap:24px}}@media(max-width:900px){#header .sitehead .mainnav a{font-size:22px}#header .subnav a{font-size:19px}}@media(max-width:500px){body{font-size:18px}#header .brand-wordmark{font-size:22px}#header .brand-wordmark small{font-size:12px}#header .sitehead .mainnav a{font-size:20px}#header .mainnav a span{font-size:14px}#header .headtools button,#header .headtools a{font-size:16px}.design-intro>p:not(.eyebrow){font-size:19px}.design-intro .design-notice{font-size:17px}.design-tabs a{font-size:18px}}