:root{--blue:#2277cc;--green:#228800;--home:#777755;--sky:#5fb9e5;--shade:#2c7fa5;--sun:#ffcc3d;--ink:#231f20;--canvas:#f7f6ee;--mist:#d8e8f5;--sage:#dce7d3;--stone:#e7e4d5;--line:#d7d5c8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas);font:16px/1.55 Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit}.hero{min-height:690px;padding:0 max(24px,calc((100vw - 1180px)/2)) 78px;color:#fff;background:radial-gradient(circle at 84% 68%,var(--sun) 0 8%,transparent 8.2%),radial-gradient(circle at 84% 68%,var(--sky) 0 15%,transparent 15.2%),linear-gradient(135deg,#13538d,var(--blue))}nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-mark{display:inline-flex;padding:10px 14px;background:#fff;border-radius:14px}.brand-mark img{display:block;width:188px;height:auto}.nav-links{display:flex;gap:22px}.nav-links a{text-decoration:none;font-weight:750}.hero-copy{padding-top:115px}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:900}.eyebrow.blue{color:var(--blue)}h1,h2,.display-sample strong{font-family:"Barlow Condensed",Impact,sans-serif}h1{max-width:900px;margin:0;font-size:clamp(4rem,9vw,8rem);line-height:.82;letter-spacing:-.035em;text-transform:uppercase}h2{margin:0;font-size:clamp(2.7rem,5vw,5rem);line-height:.92;letter-spacing:-.025em}.hero-copy>p:not(.eyebrow){max-width:700px;margin:28px 0;font-size:1.15rem;color:#e6f1fa}.edition{display:flex;gap:22px;flex-wrap:wrap;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
main{max-width:1180px;margin:auto;padding:76px 24px 110px}section{margin:0 0 110px}.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.prose{font-size:1.2rem}.prose p{margin:0 0 18px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:28px}.section-heading>p{max-width:500px;margin:0;color:#5f5d54}.logo-stage{display:grid;place-items:center;min-height:380px;padding:60px;border-radius:26px}.logo-stage.light{background:#fff;border:1px solid var(--line)}.logo-stage img{max-width:min(760px,90%);max-height:260px}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.rule-grid article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px}.rule-grid b{font-size:1rem}.rule-grid p{color:#625f56;margin:7px 0 0}
.anchor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.color-card{display:flex;flex-direction:column;min-height:270px;padding:25px;color:#fff;border-radius:20px}.color-card span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.color-card strong{margin-top:auto;font:700 2rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase}.color-card code{font-size:1rem}.color-card small{margin-top:8px}.suite{background:var(--blue)}.grass{background:var(--green)}.home{background:var(--home)}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.support-grid article{display:grid;grid-template-columns:54px 1fr;grid-template-rows:1fr 1fr;column-gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px}.support-grid i{grid-row:1/3;width:54px;height:54px;background:var(--swatch);border:1px solid rgba(35,31,32,.15);border-radius:50%}.support-grid code{font-size:.78rem;color:#67645a}.usage-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.usage-pair div{padding:22px;border-radius:15px}.usage-pair div:first-child{background:var(--sage)}.usage-pair div:last-child{background:var(--stone)}.usage-pair p{margin:5px 0 0}
.type-specimen{display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}.display-sample,.body-sample{padding:38px}.display-sample{background:var(--ink);color:#fff}.display-sample span,.body-sample span{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.display-sample strong{display:block;margin-top:35px;font-size:clamp(3.5rem,7vw,6.5rem);line-height:.82;text-transform:uppercase}.body-sample h3{font-size:1.8rem;margin:55px 0 12px}.body-sample p{color:#5f5d54}.type-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.type-rules p{margin:0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px}
.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sol-grid figure{display:grid;place-items:center;min-height:320px;margin:0;padding:26px;border-radius:20px}.sol-grid img{width:min(220px,75%);height:auto}.sol-grid figcaption{align-self:end;font-size:.8rem;font-weight:800}.sol-light{background:#fff;border:1px solid var(--line)}.sol-dark{background:var(--ink);color:#fff}.sol-celebrate{background:#fff4c2}.credit{margin-top:15px;padding:18px 22px;background:var(--mist);border-radius:14px}.family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.family{display:flex;flex-direction:column;min-height:230px;padding:24px;color:#fff;border-radius:20px;text-decoration:none}.family span{font-size:.78rem;font-weight:800}.family strong{margin:auto 0 5px;font:700 2.2rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase}.family small{font-family:ui-monospace,monospace}.suite-family{background:var(--blue)}.grass-family{background:var(--green)}.home-family{background:var(--home)}
.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.voice-grid article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:18px}.voice-grid span{color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.voice-grid blockquote{margin:16px 0;font:700 1.8rem/1.1 "Barlow Condensed",sans-serif}.voice-grid p{color:#656258;margin:0}.asset-list{border-top:1px solid var(--line)}.asset-list a{display:flex;justify-content:space-between;gap:20px;padding:18px 4px;border-bottom:1px solid var(--line);text-decoration:none}.asset-list a:hover b{color:var(--blue)}.source-note{margin-top:24px;color:#666258;font-size:.82rem}.source-note a{color:var(--blue)}footer{display:flex;justify-content:space-between;gap:18px;padding:28px max(24px,calc((100vw - 1180px)/2));background:var(--ink);color:#dedcd0;font-size:.82rem}
@media(max-width:900px){.nav-links{display:none}.intro,.type-specimen{grid-template-columns:1fr}.anchor-grid,.family-grid,.sol-grid{grid-template-columns:1fr}.support-grid{grid-template-columns:1fr 1fr}.rule-grid,.type-rules{grid-template-columns:1fr}.hero{min-height:620px}.hero-copy{padding-top:75px}}
@media(max-width:600px){main{padding-top:55px}section{margin-bottom:78px}.section-heading,footer{align-items:flex-start;flex-direction:column}.support-grid,.usage-pair,.voice-grid{grid-template-columns:1fr}.logo-stage{min-height:260px;padding:30px}.display-sample,.body-sample{padding:27px}}