.cat-shell{isolation:isolate;--cat-top:#1c1c20;--cat-mid:#17171a;--cat-deep:#141416;background-color:var(--cat-top);position:relative}.cat-shell:before{content:"";z-index:-2;pointer-events:none;background-color:var(--cat-deep,#141416);background-image:radial-gradient(1240px 620px at 50% 210px, color-mix(in srgb, var(--accent,#ff2b2b) 16%, transparent) 0%, transparent 70%), radial-gradient(900px 420px at 104% 90px, #ffffff0a, transparent 62%), linear-gradient(180deg, var(--cat-top) 0px, var(--cat-mid) 460px, var(--cat-deep) 940px);background-repeat:no-repeat;position:absolute;inset:0}.cat-shell:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:68px 68px,68px 68px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 200px,#000 340px,#0000 1080px);mask-image:linear-gradient(#0000 200px,#000 340px,#0000 1080px)}.cat-hero{width:100%;height:200px;position:relative;overflow:hidden}@media (min-width:768px){.cat-hero{height:260px}}.cat-hero-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cat-hero-veil{background:linear-gradient(180deg, #0000008c 0%, #00000040 45%, var(--cat-top) 100%);position:absolute;inset:0}.cat-hero-in{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:absolute;inset:0}.cat-hero-logo{object-fit:contain;filter:drop-shadow(0 3px 6px #0009);max-width:120px;height:44px}.cat-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#e6e6e6;text-shadow:0 2px 6px #000c;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.cat-h1{color:#fff;text-align:center;text-shadow:0 2px 6px #000c;margin:0;font-size:20px;font-weight:700}.cat-hero--plain{background:radial-gradient(760px 300px at 50% 100%, color-mix(in srgb, var(--accent,#ff2b2b) 22%, transparent), transparent 72%), linear-gradient(180deg, #101013 0%, #17171a 55%, var(--cat-top) 100%)}.cat-hero--plain:before{content:"";background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:44px 44px,44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(620px 220px at 50% 40%,#000,#0000 76%);mask-image:radial-gradient(620px 220px at 50% 40%,#000,#0000 76%)}.cat-hero--photo:before{display:none}.cat-hero--photo .cat-hero-veil{background:radial-gradient(900px 380px at 50% 100%, color-mix(in srgb, var(--accent,#ff2b2b) 26%, transparent), transparent 76%), linear-gradient(180deg, #08080ab8 0%, #0c0c0fcc 45%, var(--cat-top) 100%)}.cat-hero--plain .cat-h1{font-size:clamp(22px,3.4vw,34px)}.cat-hero-kicker{letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb, var(--accent,#ff2b2b) 72%, #fff);font-size:11.5px;font-weight:700}.cat-band{border-inline:1px solid var(--c-band-edge);background:linear-gradient(#28282d80 0%,#1c1c2199 320px,#18181ca8 100%);max-width:1240px;margin-inline:auto;padding-bottom:8px;position:relative;box-shadow:0 0 48px #00000047}.cat-band:before{content:"";pointer-events:none;background:linear-gradient(180deg, var(--cat-top), color-mix(in srgb, var(--cat-top) 0%, transparent));height:64px;position:absolute;inset:0 0 auto}@media (max-width:1240px){.cat-band{box-shadow:none;border-inline:0}}.cat-pills{flex-wrap:wrap;justify-content:center;gap:8px;padding:16px 12px 0;display:flex;position:relative}.cat-pill{white-space:nowrap;background-color:var(--c-surface);color:#ccc;border-radius:22px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .16s,color .16s;display:inline-flex}a.cat-pill:hover{background-color:var(--c-surface-2);color:#fff}.cat-pill.is-on{background-color:var(--accent,#ff2b2b);color:#fff;box-shadow:0 4px 18px color-mix(in srgb, var(--accent,#ff2b2b) 33%, transparent)}.cat-pill svg{flex:none;width:15px;height:15px}.cat-hero--plain .cat-hero-in{z-index:1}.cat-hero-lede{text-align:center;color:#c9c9d0;max-width:720px;margin:2px 0 0;font-size:14px;line-height:1.5}@media (max-width:700px){.cat-hero--plain{height:auto;min-height:200px}.cat-hero--plain .cat-hero-in{padding:26px 16px 24px;position:relative}.cat-hero-lede{font-size:13px}}
