:root{--bg:#fff;--text:#111;--muted:#6b6b6b;--line:#e5e5e5;--card:#f6f6f4;--dark:#111;--font:"Helvetica Neue", Helvetica, Arial, sans-serif;--gutter:clamp(16px, 4vw, 48px);--radius:4px;--sidebar:300px;--topbar:64px;--admin-bar:0px;--ease:cubic-bezier(.61, 1, .88, 1);--reveal-duration:1s;--menu-duration:.4s}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}a{color:inherit}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:500}h1{font-size:clamp(40px,7vw,88px);line-height:1}h2{margin-bottom:24px;font-size:28px}h3{font-size:16px}.home{padding:var(--gutter);max-width:720px}.home h1{margin-bottom:32px}.brand-list{padding:0;font-size:20px;list-style:none}.brand-list li{border-bottom:1px solid var(--line);padding:12px 0}.tag{color:var(--muted);margin-left:12px;font-size:12px}.guide{grid-template-columns:var(--sidebar) 1fr;min-height:100vh;display:grid}.sidebar{top:var(--admin-bar);height:calc(100vh - var(--admin-bar));border-right:1px solid var(--line);background:var(--bg);position:sticky;overflow-y:auto}.sidebar-top{height:var(--topbar);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.sidebar-brand{align-items:center;font-weight:500;text-decoration:none;display:flex}.sidebar-brand img{width:auto;height:28px;display:block}.menu-button{display:none}.sidebar-nav{padding:20px}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav a{text-decoration:none}.nav-chapter{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.chevron{width:24px;height:24px;color:var(--muted);cursor:pointer;transition:transform var(--menu-duration) var(--ease);background:0 0;border:0;place-items:center;padding:0;display:grid}.chevron.open{transform:scaleY(-1)}.nav-topics{transition:grid-template-rows var(--menu-duration) var(--ease);grid-template-rows:0fr;display:grid}.nav-topics.open{grid-template-rows:1fr}.nav-topics>ul{overflow:hidden}.nav-topics li{opacity:0;transition:opacity var(--menu-duration) var(--ease), transform var(--menu-duration) var(--ease);transform:translateY(8px)}.nav-topics.open li{opacity:1;transition-delay:calc(var(--i) * 50ms);transform:none}.nav-topics.open>ul{padding-bottom:8px}.nav-topics a{color:var(--muted);transition:color .3s var(--ease);padding:4px 0;display:block}.nav-topics a:hover,.nav-topics a.active{color:var(--text)}.content{min-width:0}.topbar{top:var(--admin-bar);z-index:10;height:var(--topbar);gap:var(--gutter);padding:0 var(--gutter);background:var(--bg);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;font-size:14px;font-weight:500;line-height:1.2;display:grid;position:sticky}.topbar span{grid-column:2}[id]{scroll-margin-top:calc(var(--topbar) + var(--admin-bar))}.guide.has-admin-bar{--admin-bar:32px;padding-top:var(--admin-bar)}.admin-bar{z-index:30;height:var(--admin-bar);background:var(--dark);color:#fff;align-items:center;gap:20px;padding:0 20px;font-size:12px;display:flex;position:fixed;inset:0 0 auto}.admin-bar span{opacity:.6}.admin-bar a{text-decoration:none}.admin-bar a:hover{text-decoration:underline}.hero{min-height:80vh;padding:72px var(--gutter);align-items:flex-end;display:flex}.hero-inner{width:100%}.hero-logo{margin:0 0 40px}.hero-logo img{width:min(560px,70%);height:auto;display:block}.hero .lead{margin-bottom:24px}.hero-meta{letter-spacing:.08em;color:var(--muted);flex-wrap:wrap;gap:10px;margin:0;font-size:14px;font-variant-caps:all-small-caps;display:flex}.hero-meta .divider{opacity:.5}.chapter{border-top:1px solid var(--line)}.chapter-header{gap:var(--gutter);padding:72px var(--gutter) 120px;grid-template-columns:1fr 1fr;display:grid}.lead{max-width:34ch;margin:0;font-size:20px;line-height:1.35}.topic{padding:48px var(--gutter) 64px;border-top:1px solid var(--line)}.topic-header{margin-left:calc(50% + var(--gutter) / 2);max-width:34ch;margin-bottom:40px}.topic-header h2{margin-bottom:20px;font-size:36px;line-height:1.05}.topic-header p{margin:0;font-size:15px}.placeholder{aspect-ratio:16/7;background:var(--card);color:var(--muted);border-radius:12px;place-items:center;font-size:14px;display:grid}.placeholder.tall{aspect-ratio:16/9}.placeholder-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.placeholder-grid .placeholder{aspect-ratio:4/3}.reveal{opacity:0;transition:opacity var(--reveal-duration) var(--ease), transform var(--reveal-duration) var(--ease);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}.color-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;display:grid}.color-card h3{margin-top:12px}.swatch{aspect-ratio:1;cursor:pointer;width:100%;transition:transform .4s var(--ease);border:0;border-radius:12px;display:block;position:relative}.swatch:hover{transform:scale(.98)}.swatch:after{content:attr(data-tooltip);background:var(--text);color:var(--bg);font:500 13px/1.2 var(--font);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s var(--ease), transform .3s var(--ease);border-radius:99px;padding:6px 12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%,6px)}.swatch:hover:after,.swatch:focus-visible:after,.swatch.copied:after{opacity:1;transform:translate(-50%)}.values{grid-template-columns:70px 1fr;gap:4px 8px;margin:12px 0 0;font-size:14px;display:grid}.values dt{color:var(--muted)}.values dd{margin:0}.type-specimen{border-top:1px solid var(--line);padding:32px 0}.type-specimen:first-of-type{border-top:0;padding-top:0}.type-meta{color:var(--muted);gap:16px;margin:0 0 8px;font-size:14px;display:flex}.type-specimen h3{font-size:clamp(40px,6vw,72px);line-height:1.1}.sample{margin:8px 0 16px;font-size:24px}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:900px){.guide{grid-template-columns:1fr}.sidebar{inset:var(--admin-bar) 0 auto 0;z-index:20;border-right:0;border-bottom:1px solid var(--line);height:auto;max-height:100vh;position:fixed}.sidebar-top{border-bottom:0;padding:0 16px}.menu-button{font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0;display:block}.sidebar-nav{border-top:1px solid var(--line);padding:16px;display:none}.sidebar.menu-open .sidebar-nav{display:block}.content{padding-top:var(--topbar)}.topbar{display:none}.chapter-header,.placeholder-grid{grid-template-columns:1fr}.chapter-header{padding:48px var(--gutter) 72px}.topic-header{margin-left:0}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.nav-topics,.nav-topics li{transition:none}}