:root{--teal:#1F97AC;--teal-dark:#14707F;--ink:#22272C;--slate:#4A555E;--paper:#FAF8F4;--card:#FFFFFF;--line:#E5E0D6;--saffron:#D9982F;--cinnamon:#A85B32;--olive:#7A7C46}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Archivo,sans-serif;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.55}a{color:var(--teal-dark);text-decoration:none}a:hover{color:var(--teal)}h1,h2,h3{font-family:Marcellus,serif;font-weight:400}.topbar{position:sticky;top:0;z-index:50;background:rgba(250,248,244,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:12px 28px}.topbar img{height:54px;width:auto;mix-blend-mode:multiply}.search{margin-left:auto;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 16px;min-width:260px}.search input{border:none;outline:none;font-family:inherit;font-size:14px;flex:1;background:transparent;color:var(--ink)}.search svg{flex:none}.catnav{max-width:1280px;margin:0 auto;padding:0 28px 12px;display:flex;flex-wrap:wrap;gap:8px}.chip{flex:none;font-size:13px;font-weight:500;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--slate);cursor:pointer;white-space:nowrap}.chip:hover{border-color:var(--teal);color:var(--teal-dark)}.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden}.hero-inner{max-width:1280px;margin:0 auto;padding:88px 28px 80px;position:relative;z-index:1}.hero .kicker{color:var(--teal);font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;margin-bottom:18px}.hero h1{font-size:clamp(38px,5.5vw,64px);line-height:1.08;max-width:15ch}.hero p{margin-top:22px;max-width:58ch;color:#B9C2C8;font-size:16px}.hero .stats{display:flex;gap:44px;margin-top:44px;flex-wrap:wrap}.hero .stat b{display:block;font-family:Marcellus,serif;font-size:34px;font-weight:400;color:#fff}.hero .stat span{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#8D99A1}.hero-fish{position:absolute;right:-40px;top:50%;transform:translateY(-50%);opacity:.08;z-index:0}.wrap{max-width:1280px;margin:0 auto;padding:0 28px}.cat{padding:64px 0 8px}.cat-head{display:grid;grid-template-columns:auto 1fr;gap:20px 28px;align-items:baseline;border-top:2px solid var(--ink);padding-top:26px}.cat-num{font-family:Marcellus,serif;font-size:20px;color:var(--accent,var(--teal))}.cat-head h2{font-size:clamp(26px,3vw,38px)}.cat-head .count{font-size:13px;color:var(--slate);font-weight:500;margin-left:14px;letter-spacing:.06em}.cat-head p{grid-column:2;max-width:76ch;color:var(--slate);font-size:14.5px;text-wrap:pretty}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:18px;margin-top:30px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;transition:box-shadow .18s,transform .18s;display:flex;flex-direction:column}.card:hover{box-shadow:0 10px 28px rgba(34,39,44,.12);transform:translateY(-2px)}.card .imgbox{aspect-ratio:5/4;background:#F1EDE4;position:relative;overflow:hidden}.card img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;padding:10px;box-sizing:border-box}.card .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.card h3{font-size:17.5px;line-height:1.25}.card p{font-size:13px;color:var(--slate);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .tag{margin-top:auto;padding-top:8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent,var(--teal))}.hidden{display:none!important}.noresults{padding:60px 0;text-align:center;color:var(--slate)}.drawer-veil{position:fixed;inset:0;background:rgba(34,39,44,.45);z-index:90;opacity:0;pointer-events:none;transition:opacity .22s}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,94vw);background:var(--paper);z-index:91;transform:translateX(102%);transition:transform .26s cubic-bezier(.4,0,.2,1);box-shadow:-16px 0 48px rgba(34,39,44,.22);display:flex;flex-direction:column}body.drawer-open .drawer{transform:none}body.drawer-open .drawer-veil{opacity:1;pointer-events:auto}.drawer .dimg{aspect-ratio:5/4;background:#F1EDE4;flex:none;position:relative}.drawer .dimg img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;padding:16px;box-sizing:border-box}.drawer .dclose{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(250,248,244,.92);color:var(--ink);font-size:17px;cursor:pointer;line-height:1}.drawer .dbody{padding:26px 28px 32px;overflow-y:auto}.drawer .dtag{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-dark)}.drawer h3{font-size:28px;margin-top:8px}.drawer .ddesc{margin-top:14px;color:var(--slate);font-size:15px}.drawer .dlist{margin-top:22px;border-top:1px solid var(--line)}.drawer .drow{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13.5px}.drawer .drow b{font-weight:600;color:var(--ink)}.drawer .drow span{color:var(--slate);text-align:right}.drawer .dcta{display:inline-block;margin-top:24px;background:var(--teal);color:#fff;font-weight:600;font-size:14px;padding:12px 22px;border-radius:8px}.drawer .dcta:hover{background:var(--teal-dark);color:#fff}footer{background:var(--ink);color:#B9C2C8;margin-top:84px}.foot-inner{max-width:1280px;margin:0 auto;padding:60px 28px 40px}.foot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,300px));gap:36px;justify-content:center}.foot-grid h3{color:#fff;font-size:17px;margin-bottom:12px}.foot-grid p{font-size:13.5px;line-height:1.7}.foot-grid a{color:var(--teal)}.foot-note{margin-top:44px;padding-top:22px;font-size:12.5px;justify-content:space-between;gap:16px}.foot-note,.foot-qr{border-top:1px solid #39424a;display:flex;flex-wrap:wrap}.foot-qr{gap:40px;margin-top:40px;padding-top:30px;justify-content:center}.foot-qr>div{display:flex;flex-direction:column;align-items:center;min-width:170px}.foot-qr img{width:108px;height:108px;background:#fff;padding:7px;-o-object-fit:contain;object-fit:contain;display:block;border-radius:6px}.foot-qr h4{color:#fff;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;margin:11px 0 3px;text-align:center}.foot-qr span{font-size:12.5px;color:#8D99A1;display:block;text-align:center;white-space:nowrap}@media (max-width:900px){.hero .stats{gap:28px}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:640px){.topbar-inner{flex-wrap:wrap}.search{min-width:0;flex:1 1 100%}.cat-head{grid-template-columns:1fr}.cat-head p{grid-column:1}.foot-grid{grid-template-columns:1fr;justify-items:center;text-align:center}}@media print{.drawer,.drawer-veil,.topbar{display:none}}