.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:600;background:var(--accent);color:#fff;min-height:40px;transition:background .15s,transform .15s}.button:hover{background:#4636d2}.button.secondary{background:#fff;color:#535b72;border-color:var(--border)}.button.secondary:hover{background:#f3f2ff;border-color:#d5d0fd}.button.danger{background:#fff5f5;color:#c44854;border-color:#f4dce0}.button.small{padding:7px 10px;min-height:31px;font-size:10px}.button.icon-button{width:37px;padding:8px}.loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:220px;color:var(--muted);font-size:13px}.error{background:#fff1f2;border:1px solid #ffd8df;border-radius:8px;padding:12px;color:#b7334a;font-size:12px;line-height:1.5;margin:14px 0;overflow-wrap:anywhere}.empty{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:70px 20px;text-align:center;border:1px dashed #d8dcec;border-radius:15px;color:#888fa3}.empty h2{font-size:21px;color:#434b65;margin:18px 0 8px}.empty p{font-size:13px;max-width:400px;margin:0}.status{display:inline-flex;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:650}.status-published{background:#e6f7ee;color:#29855b}.status-draft{background:#fff2d8;color:#a77922}.status-archived{background:#eceef4;color:#747d95}.artwork{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#ebedff,#d4d6fb);overflow:hidden;color:#59549d}.artwork[data-tone="1"]{background:linear-gradient(135deg,#e5f5ef,#c5e6da);color:#38786a}.artwork[data-tone="2"]{background:linear-gradient(135deg,#fff0e6,#efcebb);color:#976648}.art-orbit{position:absolute;width:260px;height:260px;border:1px solid #ffffff77;border-radius:50%;box-shadow:0 0 0 40px #ffffff18,0 0 0 80px #ffffff12;transform:translate(70px,-50px)}.art-symbol{width:75px;height:75px;display:grid;place-items:center;background:#ffffff75;border-radius:21px;box-shadow:0 12px 25px #38365a0a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.artwork>span{font-size:19px;font-weight:650;letter-spacing:-.04em;margin-top:17px;z-index:1}.artwork>small{font-size:10px;color:inherit;opacity:.7;margin-top:6px;z-index:1}.artwork>img,.artwork>video{width:100%;height:100%;object-fit:cover}.project-card{background:#fff;border:1px solid #e8eaf3;border-radius:15px;overflow:hidden;box-shadow:0 4px 14px #25244703;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #25244709}.project-image{height:220px;display:block;position:relative;overflow:hidden}.project-image>img,.project-image>video{height:100%;width:100%;object-fit:cover}.featured{position:absolute;left:14px;top:14px;display:flex;gap:5px;align-items:center;font-size:9px;font-weight:650;padding:6px 9px;border:1px solid #ffffffa0;border-radius:5px;background:#fffb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#505970}.image-arrow{position:absolute;right:13px;bottom:13px;width:30px;height:30px;display:grid;place-items:center;background:#fffb;border-radius:50%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#60677e}.project-copy{padding:21px}.project-copy>.eyebrow{font-size:9px;color:#8a91a5}.project-title h2{font-size:20px;margin:7px 0 8px;letter-spacing:-.035em}.project-copy>p{font-size:12px;color:#858c9f;margin-bottom:18px;min-height:41px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef0f6;padding-top:15px;margin-top:20px}.card-bottom>a{font-size:10px;font-weight:650;display:flex;align-items:center;gap:5px;color:#5d52c4}.card-bottom>div{display:flex;gap:11px;color:#9399ac}.card-bottom>div a{display:grid;place-items:center;min-width:26px;min-height:26px}@media(min-width:768px){.project-image{height:205px}}.site-header{display:flex;align-items:center;justify-content:space-between;height:82px}.site-header nav{display:flex;gap:18px;align-items:center;font-size:11px;color:#767d91}.site-header nav a{display:flex;align-items:center;gap:3px}.admin-link{border:1px solid #e1e3ee;border-radius:7px;padding:7px 12px}.hero{position:relative;padding-top:45px;padding-bottom:60px}.hero-label{display:flex;align-items:center;gap:7px;color:#858ba0;font-size:10px;margin-bottom:24px}.hero-label>span{width:6px;height:6px;background:#6e61ef;border-radius:50%;box-shadow:0 0 0 4px #6e61ef0a}.hero h1{font-size:43px;line-height:1.12;letter-spacing:-.065em;font-weight:650;margin-bottom:22px}.hero h1>span{color:#8c89aa}.hero>p{max-width:420px;color:#858c9d;font-size:13px;line-height:1.9;margin-bottom:24px}.hero-cta{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;color:var(--accent)}.hero-decoration{display:none}.catalog{padding-top:27px;padding-bottom:55px;scroll-margin-top:25px}.catalog-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.catalog-heading h2{font-size:23px;font-weight:600;margin:8px 0 0;letter-spacing:-.045em;display:flex;gap:10px;align-items:center}.catalog-heading>p{display:none}.count-pill{font-size:10px;letter-spacing:0;background:#e9e7ff;color:#8273d9;border-radius:50px;padding:5px 8px;min-width:24px;text-align:center}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filter-bar>.search{flex:1;min-width:160px}.filter-groups{display:none;width:100%;gap:10px}.filter-groups.open{display:flex}.filter-menu{position:relative;flex:1;min-width:0}.filter-menu>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid var(--border);background:#fff;border-radius:9px;padding:12px;font-size:11px;font-weight:550;cursor:pointer;height:43px}.filter-menu>summary::-webkit-details-marker{display:none}.filter-menu>summary span{font-size:10px;color:#9a9fb0}.filter-options{position:absolute;left:0;top:49px;min-width:210px;max-width:calc(100vw - 44px);padding:10px;border:1px solid var(--border);background:#fff;border-radius:9px;box-shadow:0 12px 35px #22243b15;z-index:5;max-height:320px;overflow-y:auto}.filter-menu:last-child .filter-options{right:0;left:auto}.filter-options label{flex-direction:row;gap:8px;align-items:center;font-size:11px;padding:9px 6px;font-weight:400;cursor:pointer}.filter-options label>span{flex:1}.filter-options label:hover{background:#f8f7ff;border-radius:5px}.filter-options>p{font-size:11px;color:var(--muted);padding:8px;margin:0}.selected-filters{display:flex;flex-wrap:wrap;gap:7px;margin:-9px 0 20px}.selected-filters button{display:flex;align-items:center;gap:8px;border:1px solid #ded9fc;color:#6e60bf;background:#efecff;border-radius:5px;font-size:10px;padding:6px 9px}.selected-filters .clear{background:none;border:0;color:#858ba0}.project-grid{display:grid;grid-template-columns:1fr;gap:22px}.site-footer{padding-top:24px;padding-bottom:26px;border-top:1px solid #e8eaf2;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;font-size:9px;color:#9298aa}.footer-dot{color:#8173e4;margin:0 9px}@media(min-width:600px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:57px}.filter-groups{width:auto;display:flex}.mobile-filter{display:none!important}.filter-menu>summary{min-width:100px}.filter-bar{flex-wrap:nowrap}.filter-bar>.search{max-width:400px}}@media(min-width:1000px){.hero{padding-top:75px;padding-bottom:90px}.hero h1{font-size:65px}.hero-decoration{display:block;position:absolute;right:48px;top:88px;transform:rotate(5deg)}.code-window{width:320px;background:linear-gradient(125deg,#fff,#f5f4ff);border:1px solid #e8e6f4;border-radius:13px;padding:19px 22px;box-shadow:0 25px 60px #68608b0c}.window-dots{display:flex;align-items:center;gap:4px;margin-bottom:26px}.window-dots>i{width:5px;height:5px;border-radius:50%;background:#ddd9ec}.window-dots>span{font-size:8px;color:#9b95b2;margin-left:10px}.code-window p{font-family:ui-monospace,monospace;font-size:10px;color:#9791ab;line-height:1.8;margin:8px 0}.code-window p em{color:#b4a4d5;font-style:normal}.code-window p b{color:#a8bbaf;font-weight:400}.code-window .indent{padding-left:17px}.window-footer{display:flex;align-items:center;gap:5px;border-top:1px solid #eae7f4;margin-top:24px;padding-top:14px;color:#aca7bc;font-size:8px}.window-footer>span{width:4px;height:4px;border-radius:50%;background:#aad0b8}.floating-label{display:inline-block;position:absolute;right:-10px;bottom:-12px;background:#eeebff;border:1px solid #e3ddfb;border-radius:7px;padding:10px 14px;font-size:9px;color:#9b8acb;transform:rotate(-10deg)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-heading>p{display:block;color:#999fb0;font-size:10px;margin:0 0 3px}}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202436;background:#f7f8fc;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #5948ed;--muted: #757b8e;--border: #e7e9f1;--surface: #fff}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}img,video{max-width:100%;display:block}input,textarea,select{width:100%;border:1px solid #dfe2ed;border-radius:9px;background:#fff;padding:12px 13px;color:inherit;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:#8576f9;box-shadow:0 0 0 3px #5948ed12}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}label small,small{color:var(--muted);font-weight:400;font-size:11px;line-height:1.6}.check{flex-direction:row;align-items:center;gap:9px;font-weight:500}.check input,input[type=checkbox]{width:15px;height:15px;flex-shrink:0;accent-color:var(--accent)}:focus-visible{outline:3px solid #9186ff;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h2{font-weight:650}p{line-height:1.7}.wrap{max-width:1180px;margin:auto;padding:0 22px}.eyebrow{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--muted)}.brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:650;letter-spacing:-.025em}.brand b{font-weight:450}.brand-mark{background:var(--accent);color:#fff;width:33px;height:33px;border-radius:10px;display:grid;place-items:center;margin-right:4px}.brand-divider{color:#b1b5c4;font-weight:400;margin:0 2px}.search{display:flex;flex-direction:row;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:0 13px;color:#9297a8}.search input{border:0;box-shadow:none!important;background:transparent;padding:12px 0;font-weight:400;font-size:13px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span,.tags a{font-size:10px;background:#f3f4f9;border:1px solid #eceef5;border-radius:5px;padding:5px 7px;color:#646c81;font-weight:500}.back-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#6b7188}.pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin:30px 0;font-size:12px;color:var(--muted)}.success{color:#21845b;background:#edfaf3;border-radius:8px;padding:9px 12px;font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px){.wrap{padding:0 40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}