:root{color-scheme:light;--paper:#f5f2eb;--ink:#19343a;--soft:#506365;--line:#d6d9cf;--link:#235d61}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 system-ui,sans-serif}a{color:var(--link);text-underline-offset:.2em}header,main,footer{width:min(1380px,92%);margin:auto}header{padding:25px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}header nav{display:flex;gap:24px}.brand{font-weight:650;text-decoration:none}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.12;margin:.25em 0 .45em}h2{font-size:1rem;line-height:1.45;font-weight:550;margin:.7em 0 .2em;overflow-wrap:anywhere}p{margin:.6em 0}.eyebrow{font-size:.75rem;letter-spacing:.18em;font-weight:650}.intro{padding:54px 0 25px;max-width:900px}.intro>p:not(.eyebrow){max-width:750px}.muted{color:var(--soft);font-size:1rem}.palette-tools{display:flex;align-items:end;flex-wrap:wrap;gap:24px;margin:22px 0 32px}.palette-tools label{font-size:.95rem}.palette-tools input[type=search]{display:block;margin-top:7px;padding:10px;border:1px solid var(--line);border-radius:4px;background:white;font:inherit;width:min(300px,100%)}.check{align-self:center}.palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:24px 20px}.color-card a{text-decoration:none;color:var(--ink);display:block}.swatch{height:115px;border:1px solid #0002;border-radius:6px}.color-card p{font-size:.8rem;color:var(--soft)}.color-card a:hover .swatch{outline:3px solid var(--link);outline-offset:3px}.back{display:inline-block;margin:28px 0 0}.hero{display:grid;grid-template-columns:minmax(190px,28%) 1fr;gap:45px;align-items:center;margin:30px 0 45px}.hero h1{font-size:clamp(2.2rem,4vw,4rem);overflow-wrap:anywhere}.large-swatch{width:100%;aspect-ratio:1.2;border:1px solid #0002;border-radius:8px}.hero p{max-width:750px}.hex{font-family:ui-monospace,monospace}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:15px}.filters label{font-size:.95rem}select{width:100%;display:block;margin:5px 0 10px;padding:10px;background:white;border:1px solid var(--line);border-radius:4px;font:inherit;color:var(--ink)}button{font:inherit;font-size:.9rem;padding:7px 12px;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--link);cursor:pointer}#status{margin:24px 0}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.photo-grid a{text-decoration:none;color:var(--ink)}.photo-grid img{width:100%;height:300px;object-fit:contain;background:#e7e6df;border-radius:5px}.photo-grid p{font-size:.85rem;color:var(--soft);overflow-wrap:anywhere}.pagination{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.pagination a{padding:6px 14px;border:1px solid var(--line);border-radius:4px;text-decoration:none}.pagination a[aria-current=page]{background:var(--ink);color:white}footer{border-top:1px solid var(--line);margin-top:60px;padding:25px 0 45px;font-size:.95rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8e4d95;outline-offset:4px}[hidden]{display:none!important}@media(max-width:720px){body{font-size:17px}header{flex-direction:column;gap:8px}.hero{grid-template-columns:1fr;gap:18px}.large-swatch{height:140px;aspect-ratio:auto}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.photo-grid img{height:210px}.palette{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-tools{align-items:start}.intro{padding-top:32px}}@media(max-width:420px){.photo-grid{grid-template-columns:1fr}.photo-grid img{height:300px}}