.overview-head{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:32px;align-items:end}.overview-head .hero-mark{width:160px;height:160px;color:var(--fg)}.overview-art{margin-top:40px;position:relative}.overview-art img{height:360px;object-fit:cover;object-position:center 72%}.family-row{display:grid;grid-template-columns:220px 1fr;gap:48px;padding:32px 0;border-bottom:1px solid var(--border)}.family-row:first-of-type{padding-top:0}.family-row img{height:64px;width:auto;max-width:210px}.family-row h3{font-size:32px;margin-bottom:12px}.theme-logo .logo-light{display:block}.theme-logo .logo-dark{display:none}:root[data-theme=dark] .theme-logo .logo-light{display:none}:root[data-theme=dark] .theme-logo .logo-dark{display:block}.kit-map{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.kit-map a{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--border);text-decoration:none}.kit-map a:hover span:first-child{text-decoration:underline}.kit-map small{display:block;margin-top:8px;color:var(--text-muted);font-size:14px}.palette-core{display:grid;grid-template-columns:1fr 1fr 1fr;overflow:hidden;border-radius:12px}.swatch{min-height:250px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.swatch h3{font-size:32px}.swatch button{align-self:flex-start}.palette-derived{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.derived-chip{height:100px;border-radius:8px;margin-bottom:12px}.ramp{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-radius:8px;overflow:hidden}.ramp div{min-height:160px;padding:16px 12px;display:flex;flex-direction:column;justify-content:space-between;font-size:12px;gap:12px}.ramp code{font-size:11px}.palette-derived .copy-button{font-size:11px;padding:8px}.palette-derived p{font-size:14px;margin-bottom:8px}.token-pair{padding:24px}.token-pair dl div{padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);font-size:12px}.token-pair h3{margin-bottom:24px}.token-dot{width:16px;height:16px;border:1px solid var(--control-border);border-radius:50%;display:inline-block;vertical-align:middle;margin-right:8px}.contrast-number{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.contrast-pass{font-weight:600}.contrast-restrict{font-style:normal;color:var(--text-muted)}.composition{padding:32px;min-height:300px}.composition h3{font-size:clamp(24px,7.4vw,42px);line-height:1.04;letter-spacing:-.045em;max-width:none}.composition p{max-width:30ch;margin-top:20px;font-size:14px}.composition .composition-door{width:56px;height:56px;margin-bottom:24px}.chart{width:100%;height:240px}.logo-stage{display:flex;align-items:center;justify-content:center;min-height:280px;padding:40px}.logo-stage img{height:160px;width:160px}.logo-stage.lockup img{height:64px;width:auto;max-width:100%}.logo-anatomy{width:100%;height:auto;background:#f4f2ec;color:#1b2b41;border-radius:12px}.grid-diagram{width:100%;height:340px;background:#f4f2ec;border-radius:12px}.minimum-line{display:flex;align-items:end;gap:40px;padding:40px;min-height:240px}.minimum-line>div{display:grid;justify-items:center;gap:20px}.minimum-line p{font-size:12px}.logo-art-stage{position:relative;min-height:280px;isolation:isolate}.logo-art-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;z-index:-1}.logo-art-stage .logo-plaque{padding:24px;background:#f4f2ec;border-radius:8px}.logo-plaque img{width:88px;height:88px}.misuse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.misuse-grid figure{border:1px solid var(--border);border-radius:8px;overflow:hidden}.misuse-grid img{width:100%;aspect-ratio:3/2;object-fit:contain}.misuse-grid figcaption{padding:16px;font-size:14px}.avatar-demo{display:flex;align-items:center;justify-content:center;gap:32px;min-height:260px;padding:32px}.avatar-demo img{width:120px;height:120px}.avatar-circle{border-radius:50%}.avatar-square{border-radius:24%}.type-display{font-size:clamp(48px,6vw,88px);font-weight:500;letter-spacing:-.055em;line-height:1.04}.type-glyphs{font-size:40px;line-height:1.4;overflow-wrap:anywhere;letter-spacing:-.03em}.type-sample{padding:32px;min-height:300px}.type-sample .type-display{font-size:clamp(24px,7.6vw,52px)}.type-sample p{margin-top:24px;max-width:38ch}.type-scale-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px;align-items:center;padding:24px 0;border-bottom:1px solid var(--border)}.type-scale-row>div{min-width:0}.type-scale-row .tiny{color:var(--text-muted);margin-top:8px}.data-specimen{font-size:clamp(20px,2.2vw,30px);overflow-wrap:anywhere;line-height:1.7;font-variant-numeric:tabular-nums}.address-specimen{padding:24px;background:var(--surface);border-radius:8px;overflow-wrap:anywhere}.art-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.art-gallery figure{border:1px solid var(--border);border-radius:10px;overflow:hidden;min-width:0}.art-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;image-rendering:pixelated}.art-gallery .vignette-image{object-fit:contain;aspect-ratio:1/1;background:var(--surface)}.art-gallery figcaption{padding:20px}.art-gallery h3{font-size:22px}.art-gallery p{font-size:14px;line-height:22px;color:var(--text-muted);margin-top:10px}.art-gallery .actions{margin-top:12px}.quiet-demo{position:relative;overflow:hidden;border-radius:8px}.quiet-demo img{width:100%;aspect-ratio:16/9;object-fit:cover;image-rendering:pixelated}.quiet-overlay{position:absolute;inset:0 0 auto;height:52%;border:2px dashed currentColor;padding:24px;background:#f4f2ecdd;color:#1b2b41}.quiet-overlay p{font-size:14px}.texture-pair img{width:100%;height:256px;object-fit:cover;image-rendering:pixelated}.post-specimen{position:relative;min-height:280px;overflow:hidden;isolation:isolate;padding:28px;display:flex;flex-direction:column}.post-specimen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 80%;image-rendering:pixelated;z-index:-1}.post-specimen .post-lockup{width:112px;height:auto;margin-bottom:24px}.post-specimen h3{font-size:36px;line-height:1.04;letter-spacing:-.055em;max-width:13ch}.post-specimen .post-sky{background:var(--bg);padding:16px;border-radius:4px;max-width:max-content}.post-specimen p{font-size:12px;margin-top:12px;max-width:32ch}.post-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.post-export{border:1px solid var(--border);border-radius:8px;overflow:hidden;min-width:0}.post-export img{width:100%;height:auto;image-rendering:pixelated}.post-export figcaption{padding:20px}.post-export h3{font-size:20px;margin-bottom:8px}.post-export p{font-size:14px;line-height:22px;color:var(--text-muted)}.sample-post{padding:24px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px}.sample-post h3{font-size:16px;line-height:24px;letter-spacing:0;font-weight:600}.sample-post blockquote{margin:0;font-size:18px;line-height:28px;max-width:56ch}.sample-post .source{display:block;margin-top:16px;font-size:12px;color:var(--text-muted)}.sample-post .copy-button{margin-top:16px}.rewrite-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-bottom:1px solid var(--border);padding:24px 0}.rewrite-row p{font-size:18px;line-height:28px}.rewrite-row small{display:block;margin-bottom:12px;color:var(--text-muted)}.word-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.word-columns ul{padding-left:20px}.word-columns li{margin-bottom:12px}.bio{padding:24px;border:1px solid var(--border);border-radius:8px}.bio h3{font-size:24px;margin-bottom:16px}.bio p{font-size:16px}.bio small{display:block;margin-top:12px;color:var(--text-muted)}.profile-header{position:relative}.profile-header>img:not(.profile-avatar){width:100%;aspect-ratio:3/1;object-fit:cover;image-rendering:pixelated}.profile-avatar{width:100px;height:100px;position:absolute;left:24px;bottom:-40px;border:4px solid var(--bg);border-radius:50%}.profile-copy{padding:64px 24px 24px}.profile-copy h3{font-size:28px}.profile-copy p{margin-top:12px;max-width:46ch}.ui-stage{min-height:680px;padding:40px 24px;position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;overflow:hidden}.ui-stage .ui-art{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;object-fit:cover;z-index:-1}.ui-stage .ui-cutout{height:600px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 24px #1b2b4126)}.ui-stage .ui-cutout.is-bridge{height:auto;max-height:600px}.ui-scaling{display:flex;gap:32px;align-items:center;justify-content:center;padding:32px;min-height:400px}.ui-scaling img{width:240px;height:auto;max-height:380px;object-fit:contain}.motion-demo{display:flex;gap:16px;align-items:center;background:var(--surface);padding:32px;border-radius:12px;min-height:180px}.motion-track{position:relative;height:64px;width:100%;border-bottom:2px solid var(--fg)}.motion-pearl{position:absolute;bottom:12px;left:0;width:24px;height:24px;background:var(--mineral);border:2px solid var(--fg);border-radius:50%;animation:crossing 6s steps(72) infinite}.motion-track.paused .motion-pearl{animation-play-state:paused}.motion-ui-button{border:1px solid var(--control-border);border-radius:8px;padding:16px 24px;background:var(--fg);color:var(--bg);transition:transform 450ms var(--ease)}.motion-ui-button:hover,.motion-ui-button:focus-visible{transform:translateY(-6px)}@keyframes crossing{0%{left:0}100%{left:calc(100% - 24px)}}.motion-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.motion-gallery figure{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:8px}.motion-gallery video,.motion-gallery img{width:100%;height:auto;image-rendering:pixelated}.motion-gallery figcaption{padding:24px}.motion-gallery h3{font-size:24px}.inventory-group{margin-top:24px;border:1px solid var(--border);border-radius:8px}.inventory-group summary{cursor:pointer;font-size:20px;padding:20px 24px;min-height:64px}.inventory-group .download-row{margin-inline:24px}.inventory-group .download-row:last-child{border-bottom:0}.inventory-total{font-size:48px;line-height:1.1;letter-spacing:-.045em}.download-filter{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.download-filter label{width:100%;font-size:14px}.download-filter input{background:var(--bg);color:var(--fg);border:1px solid var(--control-border);border-radius:8px;min-height:48px;padding:12px 16px;width:min(480px,100%)}.do-not{border-left:2px solid var(--control-border);padding-left:24px}.diagram-flow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:32px;background:var(--surface);border-radius:8px}.diagram-flow span{border:1px solid var(--control-border);border-radius:8px;padding:16px;font-size:14px}.diagram-flow b{font-size:18px;font-weight:500}.art-data-note{font-size:12px;color:var(--text-muted);margin-top:16px}.print-only{display:none}
@media(max-width:1100px){.overview-head{grid-template-columns:1fr 120px}.overview-head .hero-mark{width:120px;height:120px}.family-row{grid-template-columns:180px 1fr;gap:32px}.palette-derived{grid-template-columns:repeat(3,minmax(0,1fr))}.ramp div{padding:12px 8px}.ramp code{font-size:9px}.misuse-grid{grid-template-columns:1fr 1fr}.ui-stage{min-height:580px;padding:32px 16px}.ui-stage .ui-cutout{height:520px}.swatch{padding:20px}.swatch h3{font-size:28px}.sample-post{grid-template-columns:130px 1fr;gap:24px}.type-scale-row{grid-template-columns:130px 1fr;gap:20px}}
@media(max-width:800px){.overview-art img{height:280px}.overview-head{grid-template-columns:1fr 96px}.overview-head .hero-mark{width:96px;height:96px}.family-row{grid-template-columns:160px 1fr;gap:24px}.kit-map{gap:0 24px}.palette-core .swatch{min-height:200px}.ramp{grid-template-columns:repeat(4,1fr)}.ramp div{min-height:120px}.ramp code{font-size:11px}.type-scale-row{grid-template-columns:1fr;gap:16px}.ui-stage{min-height:640px}.ui-stage .ui-cutout{height:580px}}
@media(max-width:540px){.overview-head{display:block}.overview-head .hero-mark{display:none}.overview-art img{height:220px}.family-row{grid-template-columns:1fr;gap:24px}.family-row h3{font-size:30px}.kit-map,.word-columns{grid-template-columns:1fr}.palette-core{grid-template-columns:1fr}.swatch{min-height:180px}.palette-derived{grid-template-columns:1fr 1fr}.ramp{grid-template-columns:repeat(2,1fr)}.ramp div{min-height:110px;padding:16px}.misuse-grid{gap:16px}.misuse-grid figcaption{font-size:12px;padding:12px}.logo-stage{min-height:240px}.logo-stage img{height:128px;width:128px}.logo-stage.lockup img{height:56px;width:auto}.minimum-line{gap:24px;padding:24px}.avatar-demo{gap:24px;padding:24px;min-height:220px}.avatar-demo img{width:96px;height:96px}.art-gallery,.post-gallery,.motion-gallery{grid-template-columns:1fr}.quiet-overlay{padding:16px}.quiet-overlay h3{font-size:22px}.quiet-overlay p{font-size:12px;line-height:18px}.sample-post{grid-template-columns:1fr;gap:12px}.sample-post blockquote{font-size:18px}.rewrite-row{grid-template-columns:1fr;gap:20px}.ui-stage{min-height:620px;padding:20px 12px}.ui-stage .ui-cutout{height:580px}.profile-avatar{width:80px;height:80px;left:20px;bottom:-32px}.profile-copy{padding:48px 20px 24px}.inventory-group summary{padding:20px}.inventory-group .download-row{margin-inline:20px}.data-specimen{font-size:20px}.type-glyphs{font-size:32px}.type-sample .type-display{font-size:clamp(24px,7.6vw,42px)}.diagram-flow{padding:24px;gap:8px}.diagram-flow span{padding:12px;font-size:12px}}

.overview-head .hero-mark path{fill:var(--fg)}.overview-head .hero-mark path:nth-child(2){fill:var(--kit-door,#8db1c1)}
.download-filter select{background:var(--bg);color:var(--fg);border:1px solid var(--control-border);border-radius:8px;min-height:44px;padding:10px 16px;max-width:100%}
.download-filter input::placeholder{color:var(--text-muted);opacity:1}
@media(prefers-reduced-motion:reduce){.motion-pearl{animation:none}.motion-ui-button:hover,.motion-ui-button:focus-visible{transform:none}}

.ramp span,.ramp code{background:var(--paper);color:var(--ink);padding:3px 5px;border-radius:2px;align-self:flex-start}

.logo-anatomy-mobile{display:none;width:100%;height:auto;background:#f4f2ec;border-radius:12px}@media(max-width:540px){.logo-anatomy{display:none}.logo-anatomy-mobile{display:block}}

@media(max-width:1100px){.palette-type{grid-template-columns:1fr}}

.motion-player{position:relative;background:var(--surface);min-height:180px}.motion-play{position:absolute;left:16px;bottom:16px;background:var(--paper);color:var(--ink);border:1px solid var(--ink)}.motion-play svg{width:12px;height:12px}

.art-gallery img{height:auto}.art-gallery img.header-image{aspect-ratio:3/1}.texture-stage{height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface)}.texture-pair .texture-stage img{width:128px;height:128px;max-width:none;object-fit:initial;flex:none;image-rendering:pixelated}.texture-pair .texture-stage img.texture-400{width:512px;height:512px}

.overview-art img{height:auto;aspect-ratio:3/1;object-fit:contain}@media(max-width:800px){.overview-art img{height:auto;aspect-ratio:16/9}}