:root{color-scheme:dark;scroll-behavior:smooth}html[data-theme=light]{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font-family:var(--font-body);font-size:var(--type-body);line-height:1.6}img{display:block;max-width:100%}a{color:var(--accent);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{transition:background var(--motion-normal),color var(--motion-normal),border-color var(--motion-normal)}button{cursor:pointer}h1,h2,h3{font-family:var(--font-heading);line-height:1.15;letter-spacing:-.04em;margin:0 0 var(--space-4)}h1{font-size:clamp(2.8rem,6vw,5.7rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:700}h3{font-size:var(--type-h3);font-weight:700}p{margin:0 0 var(--space-4)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:var(--z-toast);padding:var(--space-3);background:var(--surface);transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--border);background:var(--page)}.header-inner{min-height:88px;display:flex;align-items:center;gap:var(--space-6)}.brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.brand img{width:172px}.brand span{font-size:var(--type-caption);font-weight:700;letter-spacing:.13em;color:var(--muted);border-left:1px solid var(--border);padding-left:var(--space-3)}.logo-light{display:none}html[data-theme=light] .logo-light{display:block}html[data-theme=light] .logo-dark{display:none}.header-inner nav{margin-left:auto;display:flex;gap:var(--space-5)}.header-inner nav a{color:var(--text-secondary);text-decoration:none;font-size:var(--type-body-small);font-weight:600}.header-inner nav a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:44px;padding:var(--space-3) var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);font-weight:700;font-size:var(--type-label);line-height:1.35;text-decoration:none}.primary{background:var(--primary);color:var(--primary-text)}.primary:hover{background:var(--primary-hover)}.outline{background:var(--surface);color:var(--text);border-color:var(--control-border)}.outline:hover{background:var(--surface-soft);border-color:var(--accent)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.overline{font:700 var(--type-overline)/1.5 var(--font-heading);letter-spacing:.14em;color:var(--accent);margin-bottom:var(--space-5)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--space-10);align-items:center;padding-block:var(--space-16)}.lead{color:var(--text-secondary);font-size:var(--type-body-large);max-width:560px;margin-block:var(--space-6)}.hero-meta{font-size:var(--type-caption);color:var(--muted);margin-top:var(--space-5)}.hero-art{display:grid;gap:var(--space-4)}.hero-mark{min-height:280px;background:var(--neutral-950);border:1px solid var(--neutral-700);border-radius:var(--radius-xl);display:grid;place-content:center;justify-items:center;padding:var(--space-6);gap:var(--space-5)}.hero-mark img{width:200px}.hero-mark span{font:700 var(--type-caption)/1.5 var(--font-heading);letter-spacing:.25em;color:var(--brand-400)}.hero-wordmark{background:var(--neutral-50);color:var(--neutral-950);border:1px solid var(--neutral-300);padding:var(--space-6);border-radius:var(--radius-lg);display:grid;justify-items:center;gap:var(--space-4)}.hero-wordmark img{width:320px}.hero-wordmark span{font-size:var(--type-caption);letter-spacing:.12em;text-align:center}.section-nav{border-block:1px solid var(--border);background:var(--surface)}.section-nav .wrap{display:flex;gap:var(--space-6);overflow:auto;white-space:nowrap;padding-block:var(--space-4)}.section-nav a{color:var(--text-secondary);font-size:var(--type-caption);font-weight:600;text-decoration:none}.section-nav a:hover{color:var(--accent)}.section{padding-block:var(--space-16)}.section-title{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:var(--space-10);margin-bottom:var(--space-8)}.section-title>p{color:var(--text-secondary);max-width:510px;margin-bottom:var(--space-4)}.construction{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}figure{margin:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.preview{height:230px;display:grid;place-items:center;padding:var(--space-6);overflow:hidden}.preview img{width:145px;height:145px;object-fit:contain}figcaption{padding:var(--space-5)}figcaption>span{color:var(--muted);font-size:var(--type-caption);font-weight:700}figcaption h3{margin-block:var(--space-3);font-size:var(--type-h4)}figcaption p{color:var(--text-secondary);font-size:var(--type-body-small);margin:0}.backdrop-dark{background:var(--neutral-950)}.backdrop-light{background:#FFFFFF}.backdrop-pink{background:var(--brand-500)}.consistency{display:grid;grid-template-columns:1fr 1.25fr;gap:var(--space-8);align-items:center;margin-top:var(--space-8);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.consistency p{color:var(--text-secondary)}.consistency-art{background:var(--neutral-50);border-radius:var(--radius-md);padding:var(--space-6);display:flex;align-items:center;gap:var(--space-6);min-width:0}.consistency-art img:first-child{width:80px;flex-shrink:0}.consistency-art img:last-child{width:min(100%,280px);min-width:0}.charter{background:var(--surface);border-block:1px solid var(--border)}.palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-3)}.swatch{min-height:150px;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md)}.swatch span{font-size:var(--type-caption);font-weight:600}.swatch strong{font-size:var(--type-label)}.brand-swatch{background:var(--brand-500);color:var(--neutral-950)}.black-swatch{background:var(--neutral-950);color:#FFFFFF}.surface-swatch{background:#1F1F24;color:#FFFFFF}.light-swatch{background:#F8FAFC;color:var(--neutral-950)}.white-swatch{background:#FFFFFF;color:var(--neutral-950)}.soft-swatch{background:#FFD6DE;color:var(--neutral-950)}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-top:var(--space-8)}.panel{padding:var(--space-8);background:var(--page);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel>p:last-child{color:var(--text-secondary);margin:0}.type-heading,.type-body{font-size:var(--type-display);line-height:1.1;margin-bottom:var(--space-5)}.type-heading{font-family:var(--font-heading);font-weight:800}.type-body{font-family:var(--font-body);font-weight:600}.contrast-note{padding-top:var(--space-8);max-width:850px}.contrast-note p{color:var(--text-secondary)}.text-link{font-weight:600;font-size:var(--type-label)}.library{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-6)}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-4)}label{display:grid;gap:var(--space-2);font-size:var(--type-label);font-weight:600;min-width:0}input,select{width:100%;min-width:0;min-height:44px;padding:var(--space-3);background:var(--surface);color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius-md);font-size:var(--type-body-small)}input::placeholder{color:var(--muted);opacity:1}.library-info{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-block:var(--space-5)}.library-info p{margin:0;color:var(--text-secondary);font-size:var(--type-body-small)}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.asset-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--page)}.asset-preview{height:180px;padding:var(--space-5);display:grid;place-items:center;overflow:hidden}.asset-preview img{width:100%;height:100%;object-fit:contain;min-height:0;min-width:0}.asset-copy{padding:var(--space-5)}.asset-category{font-size:var(--type-caption);color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-weight:600}.asset-copy h3{font-size:var(--type-h4);margin-block:var(--space-3);overflow-wrap:anywhere}.asset-copy p{font-size:var(--type-caption);color:var(--text-secondary)}.file-control{margin-top:var(--space-4);display:grid;gap:var(--space-3)}.file-control .button{width:100%}.show-more{margin:var(--space-6) auto 0;display:flex}.empty-state{grid-column:1/-1;text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-secondary)}.error-note{background:var(--danger-soft);color:var(--danger);padding:var(--space-4);border:1px solid var(--danger);border-radius:var(--radius-md)}[hidden]{display:none!important}.usage{background:var(--surface-soft);border-block:1px solid var(--border)}.usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}.usage-grid article{border-top:2px solid var(--control-border);padding-top:var(--space-5)}.usage-grid h3{font-size:var(--type-h4)}.usage-grid p{color:var(--text-secondary);font-size:var(--type-body-small);margin:0}.footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-8);background:var(--neutral-950);color:var(--neutral-200);width:100%;padding-inline:max(24px,calc((100% - 1200px)/2))}.footer img{width:168px}.footer p{margin:var(--space-3) 0 0;font-size:var(--type-caption);letter-spacing:.12em}.footer>div:last-child{display:grid;gap:var(--space-3);font-size:var(--type-caption)}.footer a{color:#FFFFFF}.footer span{color:var(--neutral-300)}
@media(max-width:1000px){.header-inner nav{gap:var(--space-3)}.header-inner{gap:var(--space-4)}.brand img{width:145px}.hero{gap:var(--space-6)}.palette{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.header-inner{flex-wrap:wrap;justify-content:space-between;padding-block:var(--space-4);gap:var(--space-4)}.header-inner nav{order:3;width:100%;margin:0;justify-content:space-between}.brand img{width:132px}.brand span{font-size:.65rem;padding-left:var(--space-2)}#theme-toggle{padding-inline:var(--space-3);font-size:var(--type-caption)}.hero,.section-title,.consistency,.type-grid{grid-template-columns:1fr}.hero{padding-block:var(--space-10)}.section{padding-block:var(--space-10)}.section-title{gap:var(--space-3)}.construction{grid-template-columns:1fr}.preview{height:200px}.consistency{padding:var(--space-5);gap:var(--space-4)}.consistency-art{padding:var(--space-4);gap:var(--space-3)}.consistency-art img:first-child{width:56px}.consistency-art img:last-child{width:calc(100% - 70px)}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.search-field{grid-column:1/-1}.library{padding:var(--space-4)}.asset-grid{grid-template-columns:1fr}.library-info{align-items:flex-start;flex-direction:column}.palette{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:var(--space-5)}.footer{width:100%;align-items:flex-start;flex-direction:column;padding-inline:var(--space-4)}}
@media(max-width:380px){.brand img{width:110px}.brand span{font-size:.6rem}.header-inner{gap:var(--space-2)}.header-inner nav a{font-size:var(--type-caption)}.actions .button{width:100%}.hero-wordmark{padding:var(--space-4)}.hero-wordmark span{font-size:.65rem}.usage-grid{grid-template-columns:1fr}.hero-mark img{width:170px}}
html.theme-changing *{transition:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}