.br{box-sizing:border-box;display:flex;flex-direction:column;padding:calc(var(--p-edge) + var(--p-top) + var(--s-band)) var(--s-gutter) var(--s-band);min-height:100vh;--br-line:rgba(20,20,15,.12);--br-line-hi:rgba(20,20,15,.26);--br-pane:#fff;--br-sunk:#f4f4f0;--br-ink-2:#56564d;--br-ink-3:#8d8d83;--br-dark:#101010}.br-mast{display:block}.br-lede{margin:var(--s-4) 0 var(--s-6);font-size:clamp(16px,2vw,19px);line-height:1.5;color:var(--br-ink-2);max-width:54ch}.br-get{display:inline-flex;align-items:baseline;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-radius:999px;background:var(--br-dark);color:#fbfbf9;text-decoration:none;font-weight:600;font-size:16px;transition:background .16s ease,transform .16s ease}.br-get:hover{background:#000;transform:translateY(-1px)}.br-get:focus-visible{outline:2px solid #1e54a2;outline-offset:3px}.br-get-n{font-family:var(--font-mono,ui-monospace,monospace);font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.62}.br-sec{padding-top:var(--s-band);scroll-margin-top:calc(var(--p-edge) + var(--p-top) + var(--s-5))}.br-sec h2{font-size:clamp(20px,2.6vw,26px);font-weight:650;letter-spacing:-.01em;margin:0 0 var(--s-4)}.br-note{margin:0 0 var(--s-6);max-width:62ch;font-size:15.5px;line-height:1.6;color:var(--br-ink-2)}.br-fine{margin-top:var(--s-6);margin-bottom:0;font-size:14.5px}.br-spec{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--br-ink-3)}.br-spec,.is-mono{font-family:var(--font-mono,ui-monospace,monospace)}.is-mono{font-size:.92em}.br-marks{display:grid;gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.br-mark{display:grid;gap:var(--s-2);grid-template-columns:repeat(3,1fr)}.br-mark footer{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);padding-top:var(--s-2)}.br-mark footer b{font-size:15px;font-weight:650}.br-tile{display:grid;grid-template-rows:minmax(0,1fr);place-items:center;aspect-ratio:4/3;padding:var(--s-4);border-radius:10px;box-shadow:inset 0 0 0 1px var(--br-line);overflow:hidden}.br-tile--light{background:var(--br-pane)}.br-tile--dark{background:var(--br-dark);box-shadow:none}.br-tile--busy{background:repeating-linear-gradient(45deg,#7aa7d8 0 14px,#2f6cb0 14px 28px),#2f6cb0}.br-art{display:block;max-width:100%;max-height:100%;width:auto;height:auto}.br-art--dd{width:min(100%,168px);height:auto}.br-swatches{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.br-swatch{display:grid;gap:var(--s-1);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;font:inherit;text-align:left;color:inherit;cursor:pointer}.br-swatch b{font-size:15px;font-weight:650}.br-swatch:hover .br-chip{transform:translateY(-2px)}.br-swatch:focus-visible{outline:2px solid #1e54a2;outline-offset:4px;border-radius:4px}.br-hex{font-size:14px}.br-chip{height:108px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--br-line);margin-bottom:var(--s-4);transition:transform .16s ease}.br-rules{display:grid;gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.br-rules b{display:block;font-size:15px;font-weight:650;margin:var(--s-3) 0 var(--s-1)}.br-rules p{margin:0;font-size:14.5px;line-height:1.55;color:var(--br-ink-2)}.br-clear{background:var(--br-sunk);border-radius:10px;padding:var(--s-5);display:grid;place-items:center}.br-clear-box{--mark-w:168px;--mark-h:calc(var(--mark-w) / 1.8736);padding:calc(var(--mark-h)*.25);outline:1px dashed var(--br-line-hi);display:grid;place-items:center}.br-clear-box .br-art--dd{width:var(--mark-w)}.br-sizes{background:var(--br-sunk);border-radius:10px;padding:var(--s-5);justify-content:center;min-height:148px}.br-icons,.br-sizes{display:flex;align-items:flex-end;gap:var(--s-5)}.br-icons{flex-wrap:wrap}.br-icons figure{margin:0;display:grid;gap:var(--s-2);justify-items:center}.br-icons img{display:block;border-radius:22%}.br-icons figcaption{font-family:var(--font-mono,ui-monospace,monospace);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--br-ink-3)}.br-mask img{border-radius:50%}.br-donts{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.br-dont{display:grid;gap:var(--s-2)}.br-dont span{font-size:13.5px;color:var(--br-ink-2)}.br-dont span:before{content:"✕";color:#c0392b;margin-right:.5em;font-weight:700}.br-x-stretch{transform:scaleX(1.42)}.br-x-rotate{transform:rotate(-12deg)}.br-x-shadow{filter:drop-shadow(0 6px 6px rgba(0,0,0,.45))}.br-x-tight{width:min(100%,240px)}.br-files{overflow-x:auto}.br-files table{border-collapse:collapse;width:100%;font-size:14.5px}.br-files th{text-align:left;font-family:var(--font-mono,ui-monospace,monospace);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--br-ink-3);padding:0 var(--s-4) var(--s-2) 0;border-bottom:1px solid var(--br-line-hi);white-space:nowrap}.br-files td{padding:var(--s-3) var(--s-4) var(--s-3) 0;border-bottom:1px solid var(--br-line);vertical-align:top}.br-files td:last-child{color:var(--br-ink-2)}.br-files a{color:inherit;text-underline-offset:3px}.br-files a:hover{color:#1e54a2}@media(prefers-reduced-motion:reduce){.br-chip,.br-get{transition:none}.br-get:hover,.br-swatch:hover .br-chip{transform:none}}