:root{--paper:#f3f0e8;--paper-2:#ebe6da;--card:#fbfaf6;--ink:#1d1c19;--ink-2:#4a4740;--muted:#7d786c;--line:#d8d1c1;--mustard:#f2c200;--mustard-ink:#8a6d00;--charcoal:#2b2a27;--display:"Archivo", "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--wrap:1240px;--gutter:clamp(16px, 4vw, 40px);--radius:4px;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--display);-webkit-font-smoothing:antialiased;margin:0;font-stretch:100%}img{max-width:100%;height:auto;display:block}a{color:inherit}::selection{background:var(--mustard);color:var(--ink)}.wrap{width:100%;max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.02em;margin:0;font-stretch:112%;line-height:1.05}h1{font-size:clamp(2.4rem,6vw,4.6rem);font-weight:800}h2{font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:750}h3{letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.label{font:500 .72rem/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.label b{color:var(--ink);font-weight:500}.lead{color:var(--ink-2);max-width:58ch;font-size:clamp(1.05rem,1.6vw,1.25rem)}.prose{color:var(--ink-2);max-width:68ch}.prose p{margin:0 0 1em}.prose strong{color:var(--ink)}.prose ul{margin:0 0 1em;padding-left:1.1em}.prose li{margin:.3em 0}.prose li::marker{color:var(--mustard-ink)}.tape{background:repeating-linear-gradient(90deg, var(--ink) 0 1px, transparent 1px 100px) 0 0 / 100% 100%, repeating-linear-gradient(90deg, var(--ink) 0 1px, transparent 1px 50px) 0 0 / 100% 60%, repeating-linear-gradient(90deg, var(--ink) 0 1px, transparent 1px 10px) 0 0 / 100% 35%, var(--mustard);border-block:1px solid var(--ink);background-repeat:no-repeat;height:22px}.tape--thin{height:10px}.btn{font:600 .95rem/1 var(--display);border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--paper);cursor:pointer;align-items:center;gap:.6em;padding:.85em 1.3em;text-decoration:none;transition:transform .15s,background .15s,color .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:3px 3px 0 var(--mustard);transform:translate(-2px,-2px)}.btn--ghost{color:var(--ink);background:0 0}.btn--mustard{background:var(--mustard);color:var(--ink)}.btn--mustard:hover{box-shadow:3px 3px 0 var(--ink)}.btn svg{flex:none;width:1.1em;height:1.1em}.topbar{background:var(--charcoal);color:#d9d4c7;font:400 .8rem/1 var(--mono)}.topbar .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;min-height:36px;padding-block:6px;display:flex}.topbar a{color:inherit;text-decoration:none}.topbar a:hover{color:var(--mustard)}.topbar .addr{opacity:.75}@media (width<=720px){.topbar .addr{display:none}}.site-header{top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb, var(--paper) 92%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky}.site-header .wrap{justify-content:space-between;align-items:center;gap:1rem;min-height:76px;display:flex}.logo img{width:auto;height:34px}.nav{align-items:center;gap:.25rem;display:flex}.nav>a,.nav .drop>a{border-radius:var(--radius);padding:.6em .9em;font-size:.97rem;font-weight:600;text-decoration:none}.nav>a:hover,.nav .drop>a:hover,.nav a[aria-current]{background:var(--paper-2)}.drop{position:relative}.drop>a:after{content:"▾";color:var(--muted);margin-left:.35em;font-size:.7em}.drop-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);opacity:0;visibility:hidden;grid-template-columns:1fr 1fr;gap:2px;width:min(560px,90vw);padding:10px;transition:all .18s;display:grid;position:absolute;top:100%;left:-1rem;transform:translateY(6px);box-shadow:0 18px 40px -18px #0000004d}.drop:hover .drop-panel,.drop:focus-within .drop-panel{opacity:1;visibility:visible;transform:none}.drop-panel a{border-radius:var(--radius);align-items:baseline;gap:.7em;padding:.55em .7em;font-weight:500;text-decoration:none;display:flex}.drop-panel a:hover{background:var(--paper)}.drop-panel .label{min-width:2ch}.nav .btn{margin-left:.6rem;padding:.7em 1.1em}.menu-toggle{display:none}@media (width<=960px){.nav{display:none}.menu-toggle{display:block}.menu-toggle summary{cursor:pointer;font:600 .9rem var(--display);border:1.5px solid var(--ink);border-radius:var(--radius);padding:.6em .9em;list-style:none}.menu-toggle summary::-webkit-details-marker{display:none}.menu-toggle[open] summary{background:var(--ink);color:var(--paper)}.mobile-panel{background:var(--card);border-bottom:1px solid var(--line);padding:12px var(--gutter) 24px;max-height:calc(100dvh - 120px);position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 20px 30px -20px #00000059}.mobile-panel a{border-bottom:1px solid var(--line);padding:.7em 0;font-weight:600;text-decoration:none;display:block}.mobile-panel .sub a{color:var(--ink-2);padding-left:1rem;font-weight:500}.mobile-panel .btn{border-bottom:1.5px solid var(--ink);justify-content:center;width:100%;margin-top:1rem}}section{padding-block:clamp(56px,9vw,110px)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:clamp(28px,4vw,48px);display:flex}.section-head .label{margin-bottom:.9rem;display:block}.page-head{border-bottom:1px solid var(--line);padding-block:clamp(36px,6vw,72px) clamp(28px,4vw,48px)}.page-head h1{margin-top:.8rem;font-size:clamp(2.1rem,5vw,3.8rem)}.crumbs{flex-wrap:wrap;gap:.4em;display:flex}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}.crumbs span[aria-hidden]{opacity:.5}.board{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:clamp(14px,2vw,22px);display:grid}.sample{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.sample:hover{border-color:var(--ink);transform:translateY(-4px);box-shadow:0 16px 30px -18px #0006}.sample .ph{aspect-ratio:4/3;background:var(--paper-2);overflow:hidden}.sample .ph img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.sample:hover .ph img{transform:scale(1.05)}.sample .ph.empty{background:repeating-linear-gradient(135deg, var(--paper-2) 0 12px, var(--paper) 12px 24px)}.sample .meta{border-top:1px solid var(--line);gap:6px;padding:14px 16px 16px;display:grid}.sample .meta h3{font-size:1.08rem}.sample .tab{background:var(--mustard);color:var(--ink);font:600 .72rem/1 var(--mono);letter-spacing:.08em;border-radius:2px;padding:6px 8px;position:absolute;top:12px;left:12px}.sample .count{background:var(--ink);color:var(--paper);font:500 .7rem/1 var(--mono);border-radius:2px;padding:6px 8px;position:absolute;top:12px;right:12px}.site-footer{background:var(--charcoal);color:#cfc9bb;padding-block:64px 32px}.site-footer a{color:#f3efe4;text-decoration:none}.site-footer a:hover{color:var(--mustard)}.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;display:grid}.foot-grid h4{font:500 .72rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mustard);margin-bottom:1rem}.foot-grid ul{gap:.45em;margin:0;padding:0;list-style:none;display:grid}.foot-bottom{font:400 .78rem var(--mono);color:#8f897b;border-top:1px solid #45433e;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:48px;padding-top:20px;display:flex}@media (width<=860px){.foot-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.foot-grid{grid-template-columns:1fr}}.wa-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;color:#fff;background:#25d366;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:fixed;box-shadow:0 10px 24px -8px #00000073}.wa-float svg{width:28px;height:28px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:.7s cubic-bezier(.2,.7,.2,1) both rise}.rise-2{animation-delay:80ms}.rise-3{animation-delay:.16s}.rise-4{animation-delay:.24s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}