@import url('/assets/fonts.css');
:root{color-scheme:light;--paper:#f7f6f2;--panel:#fffefa;--ink:#232823;--muted:#666e65;--line:#dedfd5;--accent:#d5f36b;--dark:#223c32;--radius:20px;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #607d30;outline-offset:5px}button{border:0;background:transparent}button:focus-visible{border-radius:5px}[hidden]{display:none!important}.shell{max-width:1240px;padding:0 48px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding:31px 0;border-bottom:1px solid var(--line)}.wordmark{font-size:24px;letter-spacing:-1.4px;font-weight:750}.wordmark span{color:var(--muted);font-weight:400}.topnav{display:flex;align-items:center;gap:30px;font-size:13px}.topnav a:hover{text-decoration:underline;text-underline-offset:5px}.topnav .github{border:1px solid var(--line);border-radius:100px;padding:8px 17px}.hero{padding:82px 0 64px;display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:end}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;margin:0 0 22px;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:#668849;display:inline-block}.hero h1{font-size:clamp(56px,6.8vw,88px);letter-spacing:-5px;line-height:1.02;font-weight:500;margin:0}.hero h1 em,.admin-title h1 em,.login-panel h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-4px}.hero-right{padding:0 0 5px 35px;max-width:370px;justify-self:end}.hero-right p{font-size:16px;color:var(--muted);line-height:1.8;margin:0 0 25px}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:5px;display:inline-flex;gap:25px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.section-label{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:14px}.section-label .count{font-size:10px;letter-spacing:0;border:1px solid var(--line);border-radius:50px;min-width:22px;text-align:center;padding:1px 6px}.section-note{color:var(--muted);font-size:11px}.featured-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.feature{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);position:relative;transition:transform .2s}.feature:hover{transform:translateY(-3px)}.art{height:265px;position:relative;overflow:hidden;padding:28px;display:flex;align-items:center;justify-content:center;background:#e8e9df;color:#243b31}.art.green{background:#dfe8db}.art.lime{background:var(--accent)}.art .corner-label{position:absolute;top:23px;left:25px;font-size:9px;letter-spacing:1.5px;font-weight:700}.art .corner-mark{position:absolute;right:23px;top:20px;font-size:20px}.decision-art{position:relative;width:310px;transform:rotate(-5deg);background:#fffef7;border:1px solid #cbd2c4;border-radius:12px;box-shadow:9px 13px 0 #b9c7b640;padding:18px;color:#223c32}.decision-title{font-size:11px;font-weight:700;display:flex;justify-content:space-between}.decision-art .rule{height:1px;background:#e7eadf;margin:13px 0}.decision-art .task{display:flex;gap:12px;align-items:center;font-size:10px;margin:12px 0}.task .tick{background:#e2eddd;border-radius:50%;width:20px;height:20px;text-align:center;line-height:20px}.task .bars{flex:1}.bar{height:5px;background:#cfd9c8;width:80%;border-radius:8px;margin:5px 0}.bar.short{width:45%;background:#e1e6da}.pill{background:#e8f1de;border-radius:20px;font-size:8px;padding:3px 7px}.id-art{font-family:Georgia,serif;font-size:39px;letter-spacing:-1.4px;line-height:1.25;transform:rotate(-7deg);text-align:center}.id-art .token{display:block;border:1px solid #7b942e;background:#e4fb9a;box-shadow:4px 5px 0 #a4c143;padding:5px 16px;max-width:max-content;border-radius:9px;margin:3px auto}.id-art .token:nth-child(2){margin-left:44px;background:#213c31;color:#e7f7b3;box-shadow:4px 5px 0 #85a633}.id-art .token:nth-child(3){margin-left:8px}.card-body{padding:24px 26px 26px}.card-meta{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.card-body h3{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:0 0 8px;display:flex;justify-content:space-between;gap:15px}.card-body .arrow{font-weight:400;font-size:22px;transition:transform .2s}.feature:hover .arrow,.project:hover .arrow{transform:translate(2px,-2px)}.card-body p{color:var(--muted);font-size:13px;margin:0;max-width:400px;line-height:1.7}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.tags span{font-size:9px;border:1px solid var(--line);border-radius:50px;padding:3px 9px}.collection{padding-top:65px}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.collection h2{font-size:34px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin:0 0 9px}.collection-intro{color:var(--muted);font-size:13px;margin:0}.controls{display:flex;justify-content:space-between;gap:15px;margin:29px 0 25px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filters{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.filters button{font-size:11px;border-radius:50px;padding:8px 18px;border:1px solid transparent}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.search-wrap{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.search-wrap input{border:0;background:transparent;color:var(--ink);font-size:12px;width:180px;padding:9px 0;outline-offset:2px}input::placeholder{color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s}.project:hover{transform:translateY(-3px)}.project .art{height:155px;padding:22px}.project .card-body{padding:21px}.project h3{font-size:20px}.project .card-body p{font-size:12px;min-height:60px}.mini-icon{font-family:Georgia,serif;font-size:47px;line-height:1;color:var(--dark);border:1px solid #a3b39970;background:#fff8;padding:15px 23px;border-radius:18px;transform:rotate(-8deg);box-shadow:5px 6px 0 #00000008}.project:nth-child(3n+1) .art{background:#e9e3d8}.project:nth-child(3n+2) .art{background:#e2e9df}.project:nth-child(3n) .art{background:#e7e4f0}.custom-thumb{width:100%;height:100%;object-fit:cover;object-position:top;position:absolute;inset:0}.project-links{display:flex;gap:18px;margin-top:16px;font-size:10px;color:var(--muted)}.project-links a:hover{color:var(--ink);text-decoration:underline}.empty{padding:50px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.about-strip{margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:35px}.about-strip p{font-family:Georgia,serif;font-size:24px;line-height:1.4;letter-spacing:-.4px;margin:0;max-width:550px}.about-strip .small-copy{font-family:Arial,sans-serif;font-size:12px;color:var(--muted);max-width:290px;letter-spacing:0;line-height:1.8}.footer{padding:28px 0 35px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);gap:20px}.footer-links{display:flex;gap:25px;align-items:center}.skip{position:absolute;left:15px;top:-100px;background:var(--accent);padding:10px;z-index:10}.skip:focus{top:15px}[data-theme=dark]{color-scheme:dark;--paper:#19211c;--panel:#202b24;--ink:#eff0e5;--muted:#adb6aa;--line:#3c493d;--accent:#cce76c}.button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);display:inline-flex;justify-content:center;align-items:center;border-radius:50px;padding:11px 20px;font-size:12px;font-weight:600}
@media(min-width:900px){.featured-grid .feature:first-child .art{height:290px}.featured-grid .feature:last-child .art{height:290px}}@media(max-width:850px){.shell{padding:0 26px}.hero{gap:25px;padding:60px 0 45px}.hero h1{font-size:64px;letter-spacing:-3.5px}.hero-right{padding-left:0}.hero-right p{font-size:14px}.project-grid{grid-template-columns:repeat(2,1fr)}.art{height:235px}.topnav{gap:18px}.section-note{display:none}}@media(max-width:600px){.shell{padding:0 20px}.topbar{padding:21px 0}.wordmark{font-size:22px}.topnav{gap:16px;font-size:11px}.topnav .github{padding:5px 11px}.hero{display:block;padding:50px 0 40px}.hero h1{font-size:clamp(43px,12vw,66px);letter-spacing:-4px}.hero-right{padding-top:28px;max-width:310px}.hero-right p{margin-bottom:18px}.eyebrow{font-size:9px;margin-bottom:18px}.featured-grid{grid-template-columns:1fr;gap:18px}.art{height:240px}.card-body{padding:22px}.collection{padding-top:44px}.collection h2{font-size:29px}.controls{flex-direction:column;gap:8px;margin-top:23px}.filters button{padding:7px 14px}.search-wrap{border-top:1px solid var(--line);padding-top:7px}.search-wrap input{width:100%}.project-grid{grid-template-columns:1fr}.project .card-body p{min-height:0}.project .art{height:180px}.about-strip{margin-top:45px;align-items:start;flex-direction:column;gap:18px}.about-strip p{font-size:23px}.footer{align-items:start;flex-direction:column;gap:14px}.footer-links{gap:20px}.collection-heading{align-items:start;flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}