@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
.filters,.results{min-width:0}
.phone-label{display:none}
:root{--ink:#222820;--muted:#76796f;--paper:#f6f5ef;--line:#dbded3;--green:#26372a;--gold:#c9b582;--preview:#eeeee6;--preview-pattern:conic-gradient(#dfe2d8 25%,transparent 0 50%,#dfe2d8 0 75%,transparent 0)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 'DM Sans',system-ui,sans-serif}button,input,select{font:inherit}a{color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}a,button,input,select{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #9b6c25}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:white;z-index:100}.skip:focus{top:10px}
.topbar{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:1.4px}.brand-mark{font-size:29px;line-height:1;margin-right:7px}.brand-light{font-weight:400;color:var(--muted)}nav{display:flex;gap:32px;font-size:12px}nav a{text-decoration:none}nav a[aria-current]{border-bottom:1px solid var(--green)}nav a:hover{color:#88733d}
.hero{padding:48px 8% 52px;display:grid;grid-template-columns:1.45fr 1fr;min-height:460px;background:#1c251e;color:#f4f3e9;position:relative;overflow:hidden}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.6}.hero .eyebrow{color:var(--gold);margin:10px 0 23px}.eyebrow span{margin-left:24px;opacity:.5;font-weight:400}.hero h1{font-size:clamp(46px,5.3vw,80px);line-height:1.03;letter-spacing:-1.8px}.hero em{font-weight:400;color:#d0c29f}.intro{color:#b9bfb5;margin:23px 0 27px;font-size:13px;line-height:1.85}.hero-link{color:#e0d7bb;text-decoration:none;display:inline-flex;gap:28px;border-bottom:1px solid #64705e;padding-bottom:5px;font-size:12px}.hero-art{position:relative;display:grid;place-items:center;padding:0 0 30px}.hero-art img{width:310px;height:330px;object-fit:contain;z-index:1;filter:drop-shadow(10px 12px 10px #0004)}.halo{width:315px;height:315px;border:1px solid #73765542;border-radius:50%;position:absolute;top:20px}.halo:after{content:'';position:absolute;inset:15px;border:1px solid #73765522;border-radius:50%}.art-label{position:absolute;bottom:0;font-size:9px;letter-spacing:2.5px;color:var(--gold)}
.collection-note{display:flex;justify-content:space-between;gap:15px;padding:14px 5%;font-size:11px;color:#777b70;border-bottom:1px solid var(--line);background:#efefe6}.collection-note>span:first-child{color:#3c5140}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#748b64;vertical-align:middle;margin-right:10px}.collection{padding:50px 5% 65px;max-width:1680px;margin:auto}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:35px}.collection-heading .eyebrow{color:#8a8c7c;margin-bottom:7px}h2{font-size:39px;line-height:1.15;letter-spacing:-.7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:43px;padding:11px 19px;background:var(--green);color:#f6f5ef;border:1px solid var(--green);border-radius:3px;text-decoration:none;font-size:12px;font-weight:500;transition:background .15s}.button:hover{background:#3c503d}.button.quiet{background:transparent;color:var(--ink);border-color:#c9cec1}.button.quiet:hover{background:#e8eadf}.button.outline{background:#f0f2e9;color:#26372a;border-color:#c7cdbe}.workspace{display:grid;grid-template-columns:192px minmax(0,1fr);gap:38px}.filters h3{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:#818575;margin:0 0 16px}.categories{display:flex;flex-direction:column;gap:4px}.category{background:none;border:0;text-align:left;padding:11px 12px;border-radius:3px;display:flex;justify-content:space-between;font-size:12px;color:#656c5e}.category span{font-size:10px;color:#919884}.category:hover{background:#e9ece1}.category.active{background:var(--green);color:#fff}.category.active span{color:#c6cdbd}.favorite-filter{background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:18px;padding:16px 10px;width:100%;display:flex;align-items:center;gap:9px;font-size:12px;text-align:left}.favorite-filter>span:first-child{font-size:18px}.favorite-filter>span:last-child{margin-left:auto;font-size:10px}.favorite-filter[aria-pressed=true]{color:#8a582b;background:#f0eadc}.filter-note{padding:25px 10px 12px;color:#8b8e80;font-size:11px}.filter-note strong{display:block;color:#5c6755;font-size:12px;margin:9px 0 4px}.mini-checker{width:24px;height:24px;display:block;background:#f7f7f1 conic-gradient(#d5dace 25%,transparent 0 50%,#d5dace 0 75%,transparent 0) 0 0/12px 12px;border:1px solid #d5dace;border-radius:3px}.source-link{display:inline-block;font-size:10px;color:#747d68;margin:10px;text-underline-offset:4px}.search-row{display:flex;gap:12px}.search-box{display:flex;align-items:center;gap:12px;flex:1;background:#fffefa;border:1px solid var(--line);border-radius:3px;padding:0 15px}.search-box>span:first-child{font-size:25px;color:#858c7a}.search-box input{border:0;background:none;min-width:0;width:100%;padding:12px 0;font-size:12px;color:var(--ink)}.search-box:focus-within{outline:1px solid #87937d}.search-box input:focus{outline:none}.sort select{height:100%;padding:0 30px 0 12px;color:#627059;background:transparent;border:1px solid var(--line);border-radius:3px;font-size:11px}.result-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:21px 0 18px;font-size:10px;color:#808774;min-height:23px}.preview-controls{display:flex;align-items:center;gap:7px}.preview-controls>span{margin-right:4px}.swatch{width:19px;height:19px;border-radius:50%;border:1px solid #0002;padding:0;min-width:19px}.swatch.selected{outline:1px solid #7e896e;outline-offset:3px}.swatch.checker{background:#eeeee6 conic-gradient(#c8cdbf 25%,transparent 0 50%,#c8cdbf 0 75%,transparent 0) 0 0/8px 8px}.swatch.light{background:#fff}.swatch.dark{background:#252a25}.swatch.red{background:#872f36}.swatch.blue{background:#2d5078}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.charge-card{position:relative;min-width:0;border:1px solid var(--line);background:#fffef9;border-radius:4px;overflow:hidden;transition:box-shadow .2s,transform .2s}.charge-card:hover{box-shadow:0 8px 20px #202c1610;transform:translateY(-3px);border-color:#aab29a}.art-button{display:block;border:0;padding:0;width:100%;background:none;text-align:inherit}.art-tile,.detail-art{background:var(--preview);background-image:var(--preview-pattern);background-size:16px 16px}.art-tile{aspect-ratio:1;display:grid;place-items:center;overflow:hidden}.art-tile img{width:76%;height:76%;object-fit:contain;transition:transform .25s}.charge-card:hover .art-tile img{transform:scale(1.05)}.save{position:absolute;right:9px;top:9px;background:#fffef6e8;border:1px solid #d3d8c8;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:18px;z-index:1;line-height:1}.save[aria-pressed=true]{color:#8d5b36;background:#f3e7cd}.card-content{padding:13px 13px 11px}.card-content h3{font-size:12px;font-weight:600;line-height:1.35;margin:0 0 5px}.card-content h3 button{background:none;border:0;padding:0;text-align:left;font-weight:inherit}.card-meta{display:flex;justify-content:space-between;gap:4px;font-size:9px;color:#8a907f}.card-meta span:last-child{letter-spacing:.5px}.card-bottom{display:flex;gap:10px;align-items:center;margin-top:13px;padding-top:9px;border-top:1px solid #edf0e5;font-size:10px}.card-bottom a{text-decoration:none;color:#546249}.card-bottom a:hover{text-decoration:underline}.card-bottom .more{margin-left:auto;border:0;background:transparent;font-size:11px;color:#737e66;padding:3px}.empty-state{text-align:center;border:1px dashed var(--line);padding:60px 16px}.empty-state>span{font-size:40px;color:#adb89e}.empty-state p{color:var(--muted);margin:10px 0 20px}.designer-banner{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#e9ecdf;padding:36px 7%;border-top:1px solid #d5dccc;border-bottom:1px solid #d5dccc}.designer-banner .eyebrow{color:#7b866d;margin-bottom:10px}.designer-banner h2{font-size:35px}.designer-banner p:last-child{font-size:12px;color:#7b8370;margin-top:10px}footer{padding:27px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#909481}footer a{text-decoration:none}footer a:first-child{color:#56604c;font-weight:600}
dialog{border:1px solid #ced3c4;border-radius:6px;padding:0;max-width:900px;width:calc(100% - 40px);max-height:90vh;overflow:auto;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #0006}dialog::backdrop{background:#172218bb;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:1px solid #c5cabb;background:#f5f5ec;border-radius:50%;font-size:25px;z-index:2;line-height:1}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr}.detail-art{display:grid;place-items:center;min-height:530px;padding:35px}.detail-art img{width:100%;max-height:440px;object-fit:contain}.detail-copy{padding:40px 30px 26px}.detail-copy h2{font-size:35px;margin:10px 0 15px}.detail-copy>p:not(.eyebrow){font-size:12px;color:#77816c}.detail-copy .asset-spec{font-size:10px;margin:12px 0 23px;letter-spacing:.4px}.detail-actions{display:grid;grid-template-columns:1fr;gap:9px}.text-button{border:0;background:none;padding:8px;font-size:11px;color:#6b795b}.attribution{border-top:1px solid #d7ddcf;margin-top:23px;padding-top:18px;font-size:10px;color:#89917e;line-height:1.7}.attribution strong{color:#526248}.attribution p{margin-top:5px}.attribution a{text-underline-offset:3px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#26372a;color:#f5f3e9;border-radius:4px;padding:10px 20px;font-size:12px;box-shadow:0 5px 20px #0002;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}.toast.visible{opacity:1}.credits-page{max-width:950px;margin:0 auto;padding:60px 24px}.credits-page h1{font-size:54px;margin-bottom:22px}.credits-page>p{margin:15px 0;color:#64715b}.credit-list{display:grid;gap:16px;margin-top:30px}.credit-entry{padding:20px;border:1px solid var(--line);border-radius:4px;background:#fffef8}.credit-entry h2{font-size:25px;margin-bottom:10px}.credit-entry p{font-size:12px;margin-top:5px}
@media(min-width:1500px){.card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero{padding-left:12%;padding-right:12%}}@media(max-width:1150px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:165px minmax(0,1fr);gap:25px}.hero{padding-left:6%;padding-right:6%}.hero-art img{width:275px}}@media(max-width:800px){.topbar{padding:18px 5%}.brand-light{display:none}nav{gap:18px;font-size:10px}.hero{min-height:380px;padding-top:30px;padding-bottom:35px}.hero h1{font-size:51px}.hero .eyebrow span{display:none}.hero-art img{height:260px;width:220px}.halo{height:220px;width:220px;top:30px}.intro{font-size:11px}.hero .eyebrow{font-size:8px}.collection{padding-top:35px}.workspace{grid-template-columns:1fr;gap:24px}.filters h3,.filter-note,.source-link{display:none}.categories{flex-direction:row;overflow-x:auto;gap:5px;padding:3px 0}.category{white-space:nowrap;gap:10px;flex:none;border:1px solid var(--line);padding:8px 12px}.favorite-filter{border:0;margin:8px 0 0;padding:5px 0;width:auto;display:inline-flex}.favorite-filter>span:last-child{margin-left:3px}.collection-heading{margin-bottom:20px}h2{font-size:32px}.card-grid{gap:13px}.collection-note>span:last-child{display:none}.detail-art{min-height:400px}.detail-copy{padding:45px 23px 25px}footer p{display:none}.designer-banner{padding:28px 5%}.designer-banner h2{font-size:29px}.designer-banner .eyebrow{font-size:9px}}
@media(max-width:540px){.brand{font-size:9px;letter-spacing:.7px;gap:3px}.brand-mark{font-size:24px;margin-right:5px}nav a:first-child{display:none}nav{font-size:9px}.hero{grid-template-columns:1fr 112px;gap:0;padding:30px 5%;min-height:360px}.hero h1{font-size:42px;letter-spacing:-1px}.hero-copy{z-index:1}.hero-art{opacity:.38;margin-left:-36px;padding-bottom:0}.hero-art img{height:205px;width:145px;max-width:none}.halo{width:160px;height:160px;top:75px}.art-label{display:none}.intro{font-size:11px;max-width:240px}.intro br{display:none}.hero .eyebrow{letter-spacing:1.2px;white-space:nowrap;margin-bottom:24px}.hero-link{font-size:11px}.collection-heading{align-items:flex-start}.collection-heading .button{font-size:9px;padding:8px 10px;min-height:37px;gap:9px}.collection-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.collection-heading h2{font-size:27px;max-width:190px}.search-row{gap:6px}.search-box{padding:0 10px;gap:6px}.search-box input{font-size:11px}.sort select{padding:0 3px;font-size:10px;max-width:112px}.result-tools{align-items:flex-start;font-size:9px;gap:7px}.preview-controls{gap:7px}.preview-controls>span{display:none}.swatch{width:18px;height:18px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card-content{padding:11px 10px}.card-content h3{font-size:11px}.card-meta{font-size:8px}.card-bottom{font-size:9px;gap:8px}.art-tile img{width:78%;height:78%}.save{width:27px;height:27px;right:6px;top:6px}.designer-banner{flex-direction:column;align-items:flex-start}.designer-banner p:last-child{font-size:11px}footer{font-size:9px}.detail-layout{grid-template-columns:1fr}.detail-art{min-height:250px;height:280px;padding:30px}.detail-art img{height:220px}.detail-copy{padding:24px}.detail-copy h2{font-size:32px}.detail-actions{grid-template-columns:1fr 1fr}.detail-actions .outline,.detail-actions .text-button{grid-column:1/-1}dialog{width:calc(100% - 24px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}