@charset "UTF-8";
:root{color-scheme:light;--bg:#f7f8f4;--ink:#282d27;--muted:#70776d;--line:#e1e5dc;--card:#fff;--accent:#82a857}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.shell{max-width:1220px;margin:0 auto;padding:clamp(16px,4vw,48px);padding-left:max(clamp(16px,4vw,48px),env(safe-area-inset-left));padding-right:max(clamp(16px,4vw,48px),env(safe-area-inset-right))}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:0}.card{display:block;min-width:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:var(--card);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}@media(hover:hover) and (pointer:fine){.card:hover{transform:translateY(-4px);border-color:#b3c3a4;box-shadow:0 10px 30px #283a2210}}.card:active{border-color:var(--accent)}.card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.art{height:auto;aspect-ratio:1.65;margin:8px;border-radius:9px;display:grid;place-items:center;position:relative;overflow:hidden;background:#edf1e7;color:#6b8553}.card:nth-child(4n+2) .art{background:#e9eef8;color:#6477b0}.card:nth-child(4n+3) .art{background:#f8eee5;color:#b88556}.card:nth-child(4n+4) .art{background:#f1eaf3;color:#a77cae}
.art::before{content:"";position:absolute;inset:0;background-image:radial-gradient(currentColor .65px,transparent .65px);background-size:18px 18px;opacity:.14}.art img{width:88px;height:88px;object-fit:contain;position:relative;filter:drop-shadow(0 9px 8px #283a2210)}.monogram{display:grid;place-items:center;position:relative;width:80px;height:80px;border:1px solid #ffffffb0;background:#ffffff7a;border-radius:23px;font-weight:600;font-size:29px;letter-spacing:-1px;box-shadow:0 8px 20px #283a2208}
.card-body{padding:17px 20px 21px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.card h3{font-size:16px;letter-spacing:-.3px;font-weight:650;overflow-wrap:anywhere;margin:0}.arrow{color:var(--muted);font-size:19px;transition:transform .18s}.card:hover .arrow{transform:translate(2px,-2px);color:var(--ink)}.description{font-size:14px;line-height:1.6;color:var(--muted);margin:8px 0 0;min-height:21px;overflow-wrap:anywhere}.status{color:var(--muted);font-size:14px;padding:25px 0 45px}.status[hidden]{display:none}

.art [hidden]{display:none}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:540px){
  .grid{gap:12px;align-items:stretch}
  .card{border-radius:13px}
  .art{aspect-ratio:1.15;margin:6px;border-radius:8px}
  .art img{width:64px;height:64px}
  .monogram{width:60px;height:60px;border-radius:18px;font-size:24px}
  .card-body{padding:12px 13px 16px}
  .card-title{gap:8px;align-items:flex-start}
  .card h3{font-size:15px;line-height:1.4}
  .arrow{font-size:17px;flex-shrink:0}
  .description{font-size:12px;line-height:1.6;margin-top:6px}
}
@media(max-width:359px){.grid{grid-template-columns:1fr}.art{aspect-ratio:1.65}.description{font-size:14px}.card h3{font-size:17px}}
@media(min-width:1600px){.shell{max-width:1480px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#171c18;--ink:#e6eae1;--muted:#9da696;--line:#323b30;--card:#1e251f;--accent:#b0d18a}.art{background:#283421;color:#9cb684}.card:nth-child(4n+2) .art{background:#253047;color:#a1b0d6}.card:nth-child(4n+3) .art{background:#3c3023;color:#d7b28b}.card:nth-child(4n+4) .art{background:#36293d;color:#c6a1cd}.monogram{background:#ffffff0d;border-color:#ffffff20}.card:hover{border-color:#6b815b}}