*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:#222722;background:#fbfcf9;font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--accent:#244bda;--hero:#edf1ff;--ink:#171c24}body.clay{--accent:#b33e55;--hero:#fff0e9;--ink:#472d2c;background:#fffcf9}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip{position:fixed;left:16px;top:-80px;z-index:20;background:white;padding:12px}.skip:focus{top:12px}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));gap:16px}.wordmark{font-size:19px;font-weight:700;letter-spacing:-.04em;text-decoration:none}.site-header nav{display:flex;gap:24px;align-items:center}.site-header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.hero{background:var(--hero);width:100%;overflow:hidden}.hero-inner{max-width:1240px;margin:auto;min-height:min(660px,calc(100svh - 72px));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px;padding:52px 24px 60px}.hero-copy{position:relative;z-index:1}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:650;letter-spacing:.12em;margin:0 0 28px;color:var(--accent)}h1{font-size:clamp(52px,6.8vw,100px);line-height:.99;letter-spacing:-.065em;font-weight:750;color:var(--ink);margin:0 0 26px}.hero-description{font-size:clamp(17px,2vw,22px);line-height:1.5;max-width:370px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #242a252b;background:transparent;border-radius:7px;text-decoration:none;font-size:14px;line-height:1.4;font-weight:550;transition:background .16s,border-color .16s}.primary{background:var(--accent);border-color:var(--accent);color:white}.button:hover{background:#242a2509}.primary:hover{background:var(--ink);border-color:var(--ink)}.license-line{font-size:12px;max-width:360px;color:#565d5a;margin:22px 0 0}.hero-art{position:relative;min-height:420px;display:grid;place-items:center}.hero-art>img:first-child{width:112%;max-height:490px;object-fit:contain;animation:arrive .55s cubic-bezier(.2,.8,.3,1) both}.hero-art>img:last-child{position:absolute;right:2%;bottom:-3%;width:29%;max-height:170px;object-fit:contain;animation:arrive .55s .1s cubic-bezier(.2,.8,.3,1) both}.clay .hero-art>img:first-child{width:78%;max-height:450px}.clay .hero-art>img:last-child{width:34%;bottom:0;right:-2%}.collection{max-width:1240px;padding:64px 24px 48px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:28px}h2{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.045em;margin:0}.section-heading p{color:#626a64;font-size:14px;margin:0;white-space:nowrap}.browse-tools{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid #d9dfd7}.search{flex:1;min-width:230px}.filter{min-width:170px}.search,.filter{display:grid;gap:6px;font-size:12px;color:#59635b}input[type=search],select{width:100%;border:1px solid #bfc8c0;border-radius:6px;min-height:44px;padding:9px 12px;color:#222722;background:transparent;font-size:14px}fieldset{border:0;margin:0;padding:0;display:flex;gap:0;flex-shrink:0}legend{font-size:12px;color:#59635b;padding:0;margin-bottom:6px}fieldset button{min-height:44px;border:0;padding:9px;background:transparent;font-size:13px}fieldset button[aria-pressed=true]{background:#e7ece5;border-radius:6px;color:#263023}.browse-hint,.status{font-size:12px;color:#626a64;margin:12px 0}.status{min-height:19px;color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;row-gap:28px}.tile{min-width:0}.tile button{display:block;width:100%;border:0;padding:0;background:none;text-align:left;color:inherit}.tile-art{height:210px;display:grid;place-items:center;overflow:hidden;border-radius:4px;background:#f0f3ed;transition:background .2s}.clay .tile-art{background:#f8efe9}.tile-art img{display:block;width:88%;height:88%;object-fit:contain;transition:transform .18s cubic-bezier(.2,.8,.3,1)}.tile button:hover img{transform:translateY(-3px) scale(1.025)}.tile-title{display:block;font-size:14px;font-weight:550;line-height:1.4;padding-top:12px}.tile-type{display:block;font-size:12px;color:#626a64;margin-top:3px}.background-dark .tile-art,.preview-image.background-dark{background:#262c31}.background-checker .tile-art,.preview-image.background-checker{background-color:#f8faf8;background-image:linear-gradient(45deg,#e3e8e3 25%,transparent 25%),linear-gradient(-45deg,#e3e8e3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e3e8e3 75%),linear-gradient(-45deg,transparent 75%,#e3e8e3 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.reuse{border-top:1px solid #d9dfd7;max-width:1192px;margin:20px auto 0;padding:52px 0}.reuse>p{max-width:720px;font-size:18px}.reuse>p.muted{font-size:13px;max-width:850px;line-height:1.7}.reuse nav,footer{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px}.reuse nav a{min-height:44px;display:flex;align-items:center}.muted{font-size:12px;color:#626a64}footer{max-width:1240px;padding:16px 24px 40px;margin:auto;justify-content:space-between;border-top:1px solid #d9dfd7}footer p{margin:0}#empty{padding:64px 0;text-align:center}#empty h3{font-size:24px;margin:0}dialog{width:min(920px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #bac4b9;border-radius:12px;background:#fbfcf9;color:#222722;overflow:auto}dialog::backdrop{background:#11191188}.preview-header{position:sticky;top:0;background:inherit;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #d9dfd7;gap:12px}.preview-header h2{font-size:24px}.icon-button{width:44px;height:44px;flex-shrink:0;border:0;background:none;font-size:28px}.preview-image{min-height:220px;height:min(49vh,460px);padding:24px;display:grid;place-items:center;background:#eef2e9}.preview-image img{max-width:100%;max-height:100%;object-fit:contain}.preview-info{padding:20px 24px 24px}.preview-info>p:first-child{font-size:13px;margin:0 0 16px;color:#59635b}.preview-actions{display:flex;gap:12px;flex-wrap:wrap}#accent-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #d9dfd7;padding:12px 0;margin:12px 0}#accent-tools label{display:flex;gap:12px;align-items:center;font-size:13px}input[type=color]{width:44px;height:44px;border:1px solid #bac4b9;border-radius:4px;background:none;padding:4px}#accent-tools p{width:100%;margin:0}#preview-status{min-height:19px;font-size:13px;color:var(--accent)}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hero-inner{min-height:580px;gap:0}.hero-art{min-height:320px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-art{height:190px}.reuse{margin:20px 24px 0}.browse-tools{gap:12px}.backgrounds{flex:1}.site-header{padding:0 24px}}@media(max-width:600px){.site-header{height:64px;padding:0 20px}.site-header nav{gap:14px}.site-header nav a{font-size:12px}.wordmark{font-size:16px}.hero-inner{padding:28px 20px 32px;grid-template-columns:1fr;min-height:0}.eyebrow{margin-bottom:16px;font-size:10px}h1{font-size:clamp(44px,13.5vw,64px);margin-bottom:16px}.hero-description{font-size:17px;margin-bottom:20px;max-width:310px}.hero-art{min-height:240px;height:240px;margin-top:20px}.hero-art>img:first-child{width:100%;max-height:250px}.hero-art>img:last-child{right:4%;bottom:0;max-height:84px;width:24%}.clay .hero-art>img:first-child{max-height:240px;width:70%}.clay .hero-art>img:last-child{width:27%;max-height:110px;right:4%}.hero-actions{gap:8px}.hero-actions .button{font-size:12px;padding:10px 12px}.license-line{margin-top:16px;font-size:11px}.collection{padding:36px 20px 32px}.section-heading{align-items:flex-start;gap:12px;margin-bottom:22px}.section-heading h2{font-size:27px;max-width:210px}.section-heading p{font-size:12px;padding-top:5px}.search{min-width:100%;flex-basis:100%}.filter{min-width:140px;flex:1}.backgrounds{flex:initial}.backgrounds button{padding:8px;font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.tile-art{height:150px}.tile-title{font-size:12px}.tile-type{font-size:10px}.reuse{margin:12px 20px 0;padding:32px 0}.reuse h2{font-size:29px}.reuse>p{font-size:16px}footer{padding:16px 20px 28px;font-size:12px}dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.preview-header{padding:12px 16px}.preview-header h2{font-size:20px}.preview-info{padding:16px}.preview-image{height:38vh;padding:16px}.preview-actions .button{flex:1;font-size:12px;min-width:120px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(forced-colors:active){.button,input,select,.tile-art{border:1px solid CanvasText}.primary{color:ButtonText}.muted,.tile-type{color:CanvasText}}