.brand-page main{max-width:none;padding:0}.brand-wrap{max-width:var(--max-width-page);margin:0 auto;padding:0 var(--container-padding)}.brand-hero{padding:8rem 0 var(--space-3xl)}.brand-eyebrow,.section-index,.verdict,.tile-links a,.swatch-values dt,.export-files span{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.brand-eyebrow{margin:0 0 var(--space-md);color:var(--accent-light)}.brand-hero h1{margin:0 0 var(--space-md)}.brand-lede{max-width:40rem;margin:0 0 var(--space-xl);color:var(--color-text-dim);font-size:clamp(var(--text-base),1.6vw,var(--text-xl))}.brand-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-2xl)}.btn-meta{margin-left:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-normal);opacity:.75}.hero-stage{display:grid;place-items:center;padding:clamp(var(--space-xl),9vw,7rem) clamp(var(--space-lg),8vw,6rem);border:1px solid var(--color-border-hover);border-radius:var(--radius-xl);background-color:var(--ground);background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px;background-position:center}.hero-stage svg{width:100%;max-width:760px;height:auto}.brand-toc{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-xl);margin-top:var(--space-xl)}.brand-toc a{color:var(--color-text-dim);font-size:var(--text-sm);transition:color var(--transition-fast)}.brand-toc a span{margin-right:var(--space-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.brand-toc a:hover{color:var(--accent-light)}.brand-section{padding:var(--space-3xl) 0;border-top:1px solid var(--color-border);scroll-margin-top:4rem}.section-head{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md)}.section-index{color:var(--accent)}.section-head h2{margin:0;font-size:clamp(var(--text-2xl),4vw,var(--text-4xl))}.section-intro{max-width:44rem;margin:0 0 var(--space-2xl);color:var(--color-text-dim);font-size:var(--text-base);line-height:var(--leading-relaxed)}.brand-section h3{margin:0 0 var(--space-sm);font-size:var(--text-xl)}.verdict{display:inline-block;margin-right:var(--space-sm);font-weight:var(--font-bold)}.is-do .verdict{color:var(--accent-light)}.is-dont .verdict{color:var(--accent-red)}.name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.name-card{padding:var(--space-xl);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);background:var(--color-bg-card)}.name-sample{margin:var(--space-sm) 0 0;font-size:var(--text-5xl);font-weight:var(--font-semibold);line-height:1}.name-wrong{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);margin:var(--space-md) 0 0;padding:0;list-style:none}.name-wrong li{color:var(--color-text-dim);font-size:var(--text-xl);text-decoration:line-through;text-decoration-color:var(--accent-red)}.logo-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.logo-tile{margin:0;overflow:hidden;border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);background:var(--color-bg-raised)}.logo-tile-art{display:grid;place-items:center;aspect-ratio:16 / 9;padding:var(--space-lg);background:var(--ground)}.logo-tile-art svg{width:82%;height:auto}.logo-tile figcaption{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border)}.tile-label{font-size:var(--text-sm);font-weight:var(--font-semibold)}.tile-ground{margin-left:var(--space-sm);color:var(--color-text-muted);font-weight:var(--font-normal)}.tile-links{display:flex;gap:var(--space-xs)}.tile-links a{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);color:var(--color-text-dim);transition:color var(--transition-fast),border-color var(--transition-fast)}.tile-links a:hover,.tile-links a:focus-visible{border-color:var(--accent);color:var(--accent-light)}.clear-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-2xl);align-items:start}.clear-diagram{margin:0}.clear-zone{position:relative;padding:var(--clear);border:1px dashed var(--accent);border-radius:var(--radius-sm);background:repeating-linear-gradient(-45deg,rgba(138,109,216,.16) 0 1px,transparent 1px 9px)}.clear-mark{background:var(--color-bg);outline:1px dashed rgba(255,255,255,.3)}.clear-mark svg{display:block;width:100%;height:auto}.clear-x{position:absolute;color:var(--accent-light);font-family:var(--font-mono);font-size:var(--text-sm);font-style:italic;line-height:1}.clear-x.is-top{top:calc(var(--clear) / 2);left:50%;transform:translate(-50%,-50%)}.clear-x.is-left{top:50%;left:calc(var(--clear) / 2);transform:translate(-50%,-50%)}.clear-diagram figcaption{margin-top:var(--space-md);color:var(--color-text-dim);font-size:var(--text-sm);line-height:var(--leading-normal)}.size-notes p{margin:0;color:var(--color-text-dim);font-size:var(--text-sm);line-height:var(--leading-normal)}.size-table{width:100%;margin-bottom:var(--space-xl);border-collapse:collapse;font-size:var(--text-sm)}.size-table th,.size-table td{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-hover);text-align:left}.size-table thead th{color:var(--color-text-muted);font-weight:var(--font-normal)}.size-table td{color:var(--color-text-dim);font-family:var(--font-mono);font-size:var(--text-xs)}.spectrum{margin-bottom:var(--space-2xl)}.spectrum-bar{display:block;width:100%;height:96px;border:none;border-radius:var(--radius-lg);cursor:copy}.spectrum-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-sm);color:var(--color-text-dim);font-size:var(--text-sm)}.copy-chip{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border-hover);border-radius:999px;background:transparent;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.copy-chip:hover{border-color:var(--accent);color:var(--accent-light)}.swatch-group{margin-bottom:var(--space-2xl)}.swatch-group-head{margin-bottom:var(--space-md)}.swatch-group-head p{max-width:44rem;margin:0;color:var(--color-text-dim);font-size:var(--text-sm)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md);margin:0;padding:0;list-style:none}.swatch{overflow:hidden;border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);background:var(--color-bg-raised)}.swatch-chip{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;aspect-ratio:16 / 10;padding:var(--space-md);border:none;background:var(--swatch);color:var(--swatch-ink);text-align:left;cursor:copy}.swatch-chip-name{font-size:var(--text-lg);font-weight:var(--font-semibold)}.swatch-chip-hex{font-family:var(--font-mono);font-size:var(--text-sm);opacity:.85}.swatch-chip:after{content:"Copy";position:absolute;top:var(--space-sm);right:var(--space-sm);padding:2px var(--space-sm);border-radius:999px;background:color-mix(in srgb,var(--swatch-ink) 16%,transparent);font-family:var(--font-mono);font-size:var(--text-xs);opacity:0;transition:opacity var(--transition-fast)}.swatch-chip:hover:after,.swatch-chip:focus-visible:after,.swatch-chip[data-copied]:after{opacity:1}.swatch-chip[data-copied]:after{content:"Copied"}.swatch-body{padding:var(--space-md)}.swatch-role{margin:0 0 var(--space-sm);color:var(--color-text-muted);font-size:var(--text-xs)}.swatch-values{margin:0}.swatch-values div{display:grid;grid-template-columns:3rem minmax(0,1fr);align-items:center}.swatch-values dt{color:var(--color-text-muted)}.swatch-values dd{margin:0;min-width:0}.swatch-values button{width:100%;padding:3px var(--space-xs);overflow:hidden;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:copy;transition:background var(--transition-fast),color var(--transition-fast)}.swatch-values button:hover,.swatch-values button:focus-visible{background:#ffffff0f}.swatch-values button[data-copied]{color:var(--accent-light)}.swatch-contrast{margin:var(--space-sm) 0 0;color:var(--color-text-muted);font-size:var(--text-xs)}.swatches.is-ground .swatch-chip{box-shadow:inset 0 0 0 1px var(--color-border-hover)}.palette-export{padding:var(--space-xl);border:1px solid var(--color-border-hover);border-radius:var(--radius-xl);background:var(--color-bg-raised)}.palette-export-head p{max-width:44rem;margin:0 0 var(--space-lg);color:var(--color-text-dim);font-size:var(--text-sm)}.palette-export-head code{white-space:nowrap}.export-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);overflow-x:auto;scrollbar-width:none}.export-tabs [role=tab]{flex:none;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-hover);border-radius:999px;background:transparent;color:var(--color-text-dim);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.export-tabs [role=tab]:hover{color:var(--color-text)}.export-tabs [role=tab][aria-selected=true]{border-color:var(--accent-dark);background:var(--accent-dark);color:var(--white)}.export-panel{position:relative}.export-panel pre{max-height:340px;margin:0;overflow:auto;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);tab-size:2}.export-copy{position:absolute;top:var(--space-md);right:var(--space-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.export-copy[data-copied]{background:var(--accent-deep)}.export-files{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-lg);margin-top:var(--space-lg);font-size:var(--text-sm)}.export-files span{color:var(--color-text-muted)}.export-files a{color:var(--accent-light)}.export-note{margin:var(--space-md) 0 0;color:var(--color-text-muted);font-size:var(--text-xs)}.type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin:0;padding:0;list-style:none}.type-card{padding:var(--space-xl);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);background:var(--color-bg-card)}.type-specimen{margin:0 0 var(--space-md);background:var(--logo-spectrum);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:var(--text-7xl);line-height:1}.type-role{margin:0 0 var(--space-md);color:var(--color-text-muted);font-size:var(--text-xs)}.type-sample{margin:0 0 var(--space-lg);color:var(--color-text-dim);font-size:var(--text-lg);line-height:var(--leading-snug)}.type-card a{color:var(--accent-light);font-size:var(--text-sm)}.do-grid,.dont-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin:0 0 var(--space-md);padding:0;list-style:none}.dont-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.usage-card{overflow:hidden;border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);background:var(--color-bg-raised)}.usage-card p{margin:0;padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);font-size:var(--text-sm);line-height:var(--leading-snug)}.usage-art{display:grid;place-items:center;aspect-ratio:16 / 9;padding:var(--space-lg);overflow:hidden;background:var(--ground, var(--color-bg))}.usage-art svg{width:78%;height:auto}.is-dont .usage-art svg{width:66%}.usage-art.is-photo{background:radial-gradient(circle at 20% 30%,rgba(240,144,64,.9),transparent 45%),radial-gradient(circle at 80% 20%,rgba(56,120,232,.9),transparent 50%),radial-gradient(circle at 60% 90%,rgba(160,80,176,.95),transparent 55%),var(--accent-deep)}.misuse-stretch svg{transform:scale(1.35,.7)}.misuse-rotate svg{transform:rotate(-14deg)}.misuse-recolor svg{filter:hue-rotate(150deg) saturate(1.4)}.misuse-effects svg{filter:drop-shadow(3px 3px 0 var(--white)) drop-shadow(0 0 10px var(--accent))}.misuse-mirror svg{transform:scaleX(-1)}.misuse-ground .usage-art{background:var(--logo-spectrum)}.misuse-blur svg{filter:blur(2px)}.retyped{background:var(--logo-spectrum);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--font-display);font-size:var(--text-4xl);font-style:italic}.legal-copy{max-width:44rem}.legal-copy p{margin:0 0 var(--space-md);color:var(--color-text-dim);font-size:var(--text-base);line-height:var(--leading-relaxed)}.legal-copy p:first-child{color:var(--color-text);font-size:var(--text-lg)}.legal-copy a{color:var(--accent-light)}.copy-toast{position:fixed;bottom:var(--space-xl);left:50%;z-index:1100;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border-hover);border-radius:999px;background:var(--color-bg-raised);box-shadow:var(--box-shadow);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.copy-toast.is-visible{opacity:1;transform:translate(-50%)}@media (max-width: 960px){.dont-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-grid,.clear-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width: 720px){.brand-hero{padding-top:6rem}.brand-section{padding:var(--section-padding-mobile) 0}.brand-wrap{padding:0 var(--container-padding-mobile)}.name-grid,.logo-tiles,.do-grid{grid-template-columns:minmax(0,1fr)}.palette-export{padding:var(--space-md)}.export-copy{position:static;width:100%;margin-top:var(--space-sm)}}@media (max-width: 480px){.dont-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){.copy-toast,.swatch-chip:after,.btn{transition:none}.copy-toast{transform:translate(-50%)}}