:root{--cat-surface:#111110;--cat-surface-2:#161614}body{background:var(--color-bg)}.cat-hero{flex-direction:column;justify-content:center;min-height:100vh;padding:9rem 3rem 4rem;display:flex;position:relative;overflow:hidden}.cat-hero-bg{pointer-events:none;z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cat-hero-outline{opacity:.9;width:110%;max-width:1600px;height:auto}.cat-hero-outline-text{font-family:var(--font-display);letter-spacing:-.04em;fill:none;stroke:#e639461f;stroke-width:1.2px;paint-order:stroke;font-size:300px;font-weight:700}.cat-hero-inner{z-index:1;width:100%;max-width:1600px;margin:0 auto;position:relative}.cat-hero-top{justify-content:space-between;align-items:center;margin-bottom:4rem;display:flex}.cat-breadcrumb{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:.6rem;font-size:.75rem;display:flex}.cat-breadcrumb a{color:var(--color-text-muted);transition:color .3s}.cat-breadcrumb a:hover,.cat-breadcrumb-current{color:var(--color-text)}.cat-hero-label{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-muted);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;border-radius:100px;align-items:center;gap:1rem;padding:.55rem 1rem .55rem .8rem;font-size:.78rem;display:inline-flex}.cat-hero-label-num{color:var(--color-accent);letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500}.cat-hero-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:6rem;display:grid}.cat-hero-left{position:relative}.cat-hero-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-text);margin-bottom:2rem;font-weight:700;line-height:.95}.cat-hero-top>*{opacity:0;transform:translateY(20px)}.cat-hero-line-inner{display:inline-block;transform:translateY(100%)}.cat-hero-sub,.cat-hero-actions{opacity:0;transform:translateY(20px)}.cat-stat{opacity:0;transform:translateY(16px)}.cat-hero-stack-meta{opacity:0;transform:translateY(10px)}.cat-hero-stack-card{visibility:hidden}.cat-hero-line{font-size:clamp(3.5rem,9vw,9rem);display:block;overflow:hidden}.cat-hero-line em{color:var(--color-accent);font-style:italic;font-weight:500}.cat-hero-sub{font-family:var(--font-body);color:var(--color-text-muted);max-width:32rem;margin-bottom:3rem;font-size:1.05rem;font-weight:300;line-height:1.65}.cat-hero-stats{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:40rem;margin-bottom:3rem;display:grid}.cat-stat{border-top:1px solid var(--border);flex-direction:column;gap:.35rem;padding-top:1rem;display:flex;position:relative}.cat-stat:before{content:"";background:var(--color-accent);width:0;height:1px;transition:width .6s var(--ease-out-expo);position:absolute;top:-1px;left:0}.cat-stat:hover:before{width:100%}.cat-stat-num{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);font-feature-settings:"tnum";font-size:1.85rem;font-weight:600}.cat-stat-lbl{letter-spacing:.08em;color:var(--color-text-muted);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.68rem}.cat-hero-actions{flex-wrap:wrap;gap:.8rem;display:flex}.cat-btn{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;transition:all .4s var(--ease-out-expo);white-space:nowrap;cursor:pointer;border-radius:100px;align-items:center;gap:.7rem;padding:1rem 1.6rem;font-size:.82rem;font-weight:500;display:inline-flex}.cat-btn--ghost{color:var(--color-text);border:1px solid var(--border-strong);background:0 0}.cat-btn--ghost:hover{background:#ffffff0d;border-color:#ffffff40}.cat-btn--solid{background:var(--color-accent);color:var(--color-white);border:1px solid var(--color-accent)}.cat-btn--solid:hover{background:#d12f3b;border-color:#d12f3b;transform:translateY(-2px)}.cat-btn--solid svg{transition:transform .4s var(--ease-out-expo)}.cat-btn--solid:hover svg{transform:translate(3px,-3px)}.cat-hero-right{flex-direction:column;justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.cat-hero-stack{aspect-ratio:.78;perspective:1400px;width:100%;max-width:420px;transform-style:preserve-3d;position:relative}.cat-hero-stack-card{background:var(--cat-surface);transition:transform .9s var(--ease-out-expo), box-shadow .9s var(--ease-out-expo);will-change:transform;border-radius:10px;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff0a}.cat-hero-stack-card img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.cat-hero-stack-card--1{z-index:3;transform:translate(0)rotate(-4deg)}.cat-hero-stack-card--2{z-index:2;filter:brightness(.88);transform:translate(-10%,6%)rotate(-10deg)scale(.96)}.cat-hero-stack-card--3{z-index:1;filter:brightness(.78);transform:translate(12%,4%)rotate(7deg)scale(.92)}.cat-hero-stack:hover .cat-hero-stack-card--1{transform:translateY(-12px)rotate(-3deg)scale(1.02)}.cat-hero-stack:hover .cat-hero-stack-card--2{transform:translate(-22%,4%)rotate(-14deg)scale(.97)}.cat-hero-stack:hover .cat-hero-stack-card--3{transform:translate(24%,2%)rotate(12deg)scale(.94)}.cat-stack-ribbon{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background:#0000008c;border:1px solid #ffffff1a;border-radius:4px;padding:.35rem .6rem;font-family:JetBrains Mono,monospace;font-size:.62rem;position:absolute;top:14px;left:14px}.cat-stack-ribbon--new{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white);box-shadow:0 0 30px #e6394659}.cat-hero-stack-meta{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:.7rem;font-family:JetBrains Mono,monospace;font-size:.7rem;display:flex;position:absolute;bottom:-2.5rem;right:0}.cat-hero-stack-meta-num{color:var(--color-accent);font-weight:600}.cat-hero-scroll{z-index:2;flex-direction:column;align-items:center;gap:.7rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.cat-hero-scroll-line{background:linear-gradient(to bottom, transparent, var(--color-accent), transparent);width:1px;height:40px;animation:2.2s ease-in-out infinite catScroll;display:block}.cat-hero-scroll-text{letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);font-family:JetBrains Mono,monospace;font-size:.62rem}@keyframes catScroll{0%{opacity:0;transform:translateY(-10px)}50%{opacity:1}to{opacity:0;transform:translateY(10px)}}.cat-section-head{max-width:1600px;margin:0 auto 4rem;padding:0 3rem}.cat-section-label{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:.8rem;margin-bottom:2rem;font-size:.75rem;display:inline-flex}.cat-section-label-num{color:var(--color-accent);font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600}.cat-section-head-split{grid-template-columns:1.2fr 1fr;align-items:end;gap:4rem;display:grid}.cat-section-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--color-text);font-size:clamp(2.6rem,5.5vw,5.2rem);font-weight:700;line-height:.95}.cat-section-title em{color:var(--color-accent);font-style:italic;font-weight:500}.cat-section-intro{font-family:var(--font-body);color:var(--color-text-muted);max-width:32rem;padding-bottom:.5rem;font-size:1rem;font-weight:300;line-height:1.65}.cat-featured{padding:7rem 0 5rem;position:relative}.cat-featured-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;max-width:1600px;margin:0 auto;padding:0 3rem;display:grid}.cat-featured-cover{aspect-ratio:.72;perspective:1400px;transform-style:preserve-3d;cursor:pointer;display:block;position:relative}.cat-featured-cover-inner{background:var(--cat-surface);width:100%;height:100%;transition:transform .9s var(--ease-out-expo), box-shadow .9s var(--ease-out-expo);transform-style:preserve-3d;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 40px 100px #0009,0 0 0 1px #ffffff0d}.cat-featured-img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.cat-featured-shine{opacity:0;transition:opacity .6s ease, transform 1s var(--ease-out-expo);pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff0a 45%,#ffffff24 50%,#ffffff0a 55%,#0000 65%);position:absolute;inset:0}.cat-featured-corner{width:0;height:0;transition:border-width .5s var(--ease-out-expo);pointer-events:none;border-top:0 solid #0000;border-bottom:50px solid #ffffff0f;border-left:50px solid #0000;border-right:0 solid #0000;position:absolute;top:0;right:0}.cat-featured-cover:hover .cat-featured-cover-inner{transform:rotateY(-8deg)rotateX(3deg)translateY(-14px);box-shadow:-20px 50px 120px #000000b3,0 0 60px #e639461f}.cat-featured-cover:hover .cat-featured-shine{opacity:1}.cat-featured-cover:hover .cat-featured-corner{border-width:0 0 75px 75px;border-bottom-color:#e6394640}.cat-featured-pages-hint{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:.6rem;margin-top:1.5rem;font-family:JetBrains Mono,monospace;font-size:.72rem;display:inline-flex}.cat-featured-pages-hint svg{color:var(--color-accent)}.cat-featured-info{flex-direction:column;gap:1.5rem;display:flex}.cat-featured-year{letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);font-family:JetBrains Mono,monospace;font-size:.8rem}.cat-featured-brand{font-family:var(--font-display);letter-spacing:-.045em;color:var(--color-text);margin:.5rem 0;font-size:clamp(3.5rem,8vw,7rem);font-weight:700;line-height:.9}.cat-featured-tagline{font-family:var(--font-body);color:var(--color-text-muted);max-width:30rem;font-size:1rem;font-weight:300;line-height:1.7}.cat-featured-meta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:.4rem;margin:1rem 0 .5rem;padding:1.5rem 0;display:flex}.cat-featured-meta-row{grid-template-columns:8rem 1fr;align-items:baseline;gap:1rem;padding:.4rem 0;display:grid}.cat-featured-meta-lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-family:JetBrains Mono,monospace;font-size:.7rem}.cat-featured-meta-val{font-family:var(--font-display);color:var(--color-text);font-size:.95rem;font-weight:500}.cat-featured-actions{flex-wrap:wrap;gap:.8rem;margin-top:.5rem;display:flex}.cat-marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff03;padding:2rem 0;overflow:hidden}.cat-marquee-track{white-space:nowrap;align-items:center;gap:3rem;animation:45s linear infinite catMarquee;display:flex}.cat-marquee-track span{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text);font-size:clamp(2rem,4vw,3.5rem);font-weight:600}.cat-marquee-track span:nth-child(4n+1){color:var(--color-accent);font-style:italic;font-weight:500}.cat-marquee-track em{font-style:normal;font-family:var(--font-display);color:var(--color-text-muted);opacity:.4;font-size:clamp(2rem,4vw,3.5rem)}@keyframes catMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.cat-library{padding:7rem 0 6rem}.cat-filter{flex-wrap:wrap;gap:.5rem;max-width:1600px;margin:0 auto 3rem;padding:0 3rem;display:flex}.cat-filter-btn{font-family:var(--font-body);letter-spacing:.04em;color:var(--color-text);cursor:pointer;transition:all .4s var(--ease-out-expo);background:#ffffff05;border:1px solid #ffffff2e;border-radius:100px;align-items:center;gap:.7rem;padding:.7rem 1.2rem;font-size:.82rem;font-weight:500;display:inline-flex}.cat-filter-btn:hover{color:var(--color-white);background:#ffffff0f;border-color:#fff6}.cat-filter-btn--active{color:var(--color-white);background:var(--color-accent);border-color:var(--color-accent)}.cat-filter-btn--active:hover{color:var(--color-white);background:#d12f3b;border-color:#d12f3b}.cat-filter-btn-count{letter-spacing:.08em;opacity:.85;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:500}.cat-filter-btn--active .cat-filter-btn-count{opacity:.85}.cat-grid{grid-template-columns:repeat(4,1fr);gap:3rem 2rem;max-width:1600px;margin:0 auto;padding:0 3rem;display:grid}.cat-card{color:inherit;opacity:1;transition:opacity .5s var(--ease-out-expo), transform .5s var(--ease-out-expo);flex-direction:column;text-decoration:none;display:flex;position:relative;transform:translateY(0)}.cat-card.is-hidden{opacity:0;pointer-events:none;visibility:hidden;position:absolute;transform:translateY(12px)}.cat-card-top{justify-content:space-between;align-items:center;margin-bottom:.9rem;padding:0 .2rem;display:flex}.cat-card-num{letter-spacing:.1em;color:var(--color-accent);font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500}.cat-card-type{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:.35rem;font-family:JetBrains Mono,monospace;font-size:.6rem;display:inline-flex}.cat-card-type svg{width:10px;height:10px}.cat-card-cover{aspect-ratio:.72;background:var(--cat-surface);transition:transform .7s var(--ease-out-expo), box-shadow .7s var(--ease-out-expo);transform-style:preserve-3d;perspective:1000px;cursor:pointer;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 15px 40px #00000073,0 0 0 1px #ffffff08}.cat-card-cover img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform 1s var(--ease-out-expo);display:block}.cat-card-shine{opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff0f 48%,#ffffff24 52%,#ffffff0f 56%,#0000 64%);transition:opacity .6s;position:absolute;inset:0}.cat-card-corner{width:0;height:0;transition:border-width .5s var(--ease-out-expo);pointer-events:none;border:0 solid #0000;border-bottom-color:#e6394659;position:absolute;top:0;right:0}.cat-card-year-pill{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;transition:all .4s var(--ease-out-expo);background:#0009;border:1px solid #ffffff14;border-radius:3px;padding:.32rem .55rem;font-family:JetBrains Mono,monospace;font-size:.6rem;position:absolute;top:12px;left:12px}.cat-card-year-pill--new{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 20px #e6394666}.cat-card-cover:hover{transform:translateY(-8px);box-shadow:0 30px 70px #0009,0 0 40px #e6394614}.cat-card-cover:hover .cat-card-shine{opacity:1}.cat-card-cover:hover .cat-card-corner{border-width:0 0 35px 35px}.cat-card-cover:hover img{transform:scale(1.05)}.cat-card-info{flex-direction:column;gap:.3rem;margin-top:1.2rem;display:flex}.cat-card-brand{font-family:var(--font-display);letter-spacing:-.015em;color:var(--color-text);font-size:1.2rem;font-weight:600;line-height:1.15}.cat-card-meta{font-family:var(--font-body);color:var(--color-text-muted);align-items:center;gap:.6rem;font-size:.78rem;display:flex}.cat-card-meta-dot{background:var(--color-text-muted);border-radius:50%;width:3px;height:3px;display:inline-block}.cat-card-arrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:.45rem;margin-top:.75rem;font-family:JetBrains Mono,monospace;font-size:.68rem;transition:color .3s;display:inline-flex}.cat-card:hover .cat-card-arrow{color:var(--color-accent)}.cat-card-arrow svg{transition:transform .4s var(--ease-out-expo)}.cat-card:hover .cat-card-arrow svg{transform:translate(3px,-3px)}.cat-grid-empty{text-align:center;max-width:1600px;color:var(--color-text-muted);font-family:var(--font-body);margin:0 auto;padding:4rem 3rem;font-size:1rem}.cat-grid-empty-num{letter-spacing:.2em;color:var(--color-accent);margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;display:block}.cat-final{padding:8rem 3rem 10rem;position:relative}.cat-final-inner{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.cat-final-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent);font-family:JetBrains Mono,monospace;font-size:.78rem}.cat-final-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-text);font-size:clamp(2.5rem,6vw,5.5rem);font-weight:700;line-height:1}.cat-final-title em{color:var(--color-accent);font-style:italic;font-weight:500}.cat-final-text{font-family:var(--font-body);color:var(--color-text-muted);max-width:38rem;font-size:1.05rem;font-weight:300;line-height:1.65}.cat-final-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1rem;display:flex}@media (width<=1200px){.cat-hero-grid{grid-template-columns:1fr;gap:4rem}.cat-hero-right{min-height:480px}.cat-grid{grid-template-columns:repeat(3,1fr)}.cat-featured-grid{grid-template-columns:1fr;gap:3rem}.cat-featured-cover{max-width:440px}}@media (width<=900px){.cat-hero{padding:7rem 1.5rem 4rem}.cat-hero-outline-text{font-size:180px}.cat-hero-stats{grid-template-columns:repeat(2,1fr)}.cat-section-head{padding:0 1.5rem}.cat-section-head-split{grid-template-columns:1fr;gap:1.5rem}.cat-featured{padding:4rem 0 3rem}.cat-featured-grid{padding:0 1.5rem}.cat-library{padding:4rem 0}.cat-filter{padding:0 1.5rem}.cat-grid{grid-template-columns:repeat(2,1fr);gap:2rem 1.2rem;padding:0 1.5rem}.cat-final{padding:5rem 1.5rem 6rem}.cat-hero-top{flex-direction:column;align-items:flex-start;gap:1rem}.cat-hero-stack-meta{margin-top:1rem;position:static}}