.mk-hero{border-bottom:1px solid var(--border);padding:96px 0}.mk-hero-grid{grid-template-columns:1fr;align-items:center;gap:48px;display:grid}@media (min-width:1024px){.mk-hero-grid{grid-template-columns:1.1fr 1fr;gap:64px}}.mk-lead{margin-top:20px}.mk-actions{margin-top:32px}.mk-note{font:400 12px/1.6 var(--blog-mono);letter-spacing:.03em;color:var(--text-2);max-width:44em;margin-top:24px}.mk-hero-art{background:var(--ds-plate);border:1px solid var(--border);aspect-ratio:16/10;justify-content:center;align-items:center;padding:12%;display:flex}.mk-hero-art img{width:100%;height:auto}.mk-hero-art .mk-art-light{display:var(--show-moon)}.mk-hero-art .mk-art-dark{display:var(--show-sun)}.mk-grid{gap:16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.mk-grid-3{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.mk-grid-6{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.mk-tile{border:1px solid var(--border);background:var(--surface);flex-direction:column;display:flex}.mk-tile-art{border-bottom:1px solid var(--border);justify-content:center;align-items:center;min-height:180px;padding:32px 24px;display:flex}.mk-tile-art img{width:auto;max-width:100%}.mk-tile-photo{background:var(--canvas);min-height:0;padding:0}.mk-tile-photo img{width:100%;height:auto;display:block}.mk-tile-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.mk-tile-label{font:400 11px/1.4 var(--blog-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.mk-dls{flex-wrap:wrap;gap:6px;display:flex}.mk-dl{border:1px solid var(--border);min-height:32px;font:500 11px/1 var(--blog-mono);letter-spacing:.04em;color:var(--text);align-items:center;padding:0 10px;text-decoration:none;transition:border-color .15s ease-out,color .15s ease-out;display:inline-flex}.mk-dl:hover{border-color:var(--accent)}.mk-dl:focus-visible,.mk-hex:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.mk-rules{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:32px;margin-top:40px;display:grid}.mk-list{color:var(--text-2);gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.mk-list li{padding-left:20px;position:relative}.mk-list li:before{content:"";background:var(--accent);width:8px;height:2px;position:absolute;top:.72em;left:0}.mk-list-no li:before{background:var(--error,#b83232)}.mk-swatch{border:1px solid var(--border);background:var(--surface)}.mk-chip{border-bottom:1px solid var(--border);height:96px}.mk-swatch-body{gap:6px;padding:12px 14px 14px;display:grid}.mk-swatch-name{color:var(--text);font-size:15px;font-weight:700}.mk-swatch-use{color:var(--text-2);font-size:14px;line-height:1.45}.mk-hex{border:1px solid var(--border);color:var(--text);font:500 12px/1 var(--blog-mono);letter-spacing:.03em;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:8px 10px;transition:border-color .15s ease-out;display:flex}.mk-hex:hover{border-color:var(--accent)}.mk-hex-state{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.mk-aside{max-width:46em;color:var(--text-2);margin-top:20px}.mk-type{border:1px solid var(--border);background:var(--surface);padding:32px}.mk-type-sample{color:var(--text);margin-bottom:16px}.mk-type-logo{font:800 48px/1 var(--font-brand-logo), sans-serif;letter-spacing:.01em}.mk-type-sans{font:700 34px/1.05 var(--blog-display);letter-spacing:-.015em}.mk-type-mono{font:500 26px/1.2 var(--blog-mono)}.mk-type-name{font:500 11px/1.4 var(--blog-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.mk-type-use{color:var(--text-2);margin-top:8px}.mk-table-wrap{margin-top:24px;overflow-x:auto}.mk-table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}.mk-table th,.mk-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:12px}.mk-table th{font:500 11px/1.4 var(--blog-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.mk-table td:last-child{color:var(--text-2)}.mk-card{border:1px solid var(--border);background:var(--surface);align-content:start;gap:8px;padding:32px;display:grid}.mk-card .mk-dls{margin-top:8px}.mk-end{margin-top:40px}@media (max-width:640px){.mk-hero{padding:56px 0}.mk-type,.mk-card{padding:24px}.mk-actions{margin-top:24px}}.mk-insp{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:64px;display:grid}.mk-insp-art{aspect-ratio:4/5;border:1px solid var(--border);justify-content:flex-end;align-items:flex-end;display:flex;position:sticky;top:104px;overflow:hidden}.mk-insp-art img{width:92%;height:auto;display:block}.mk-insp-list{margin:8px 0 0;padding:0;list-style:none}.mk-insp-list li{border-top:1px solid var(--border);grid-template-columns:40px minmax(0,1fr);gap:8px;padding:24px 0;display:grid}.mk-insp-n{color:var(--text-2);padding-top:4px;font-size:12px}.mk-insp-list p{color:var(--text-2);max-width:40em;margin-top:8px;font-size:16px;line-height:1.65}@media (max-width:1023px){.mk-insp{grid-template-columns:1fr;gap:32px}.mk-insp-art{aspect-ratio:16/10;position:static}.mk-insp-art img{width:60%}}