@font-face{font-family:"Crock";src:url("assets/fonts/crock.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Hapna Slab";src:url("assets/fonts/HapnaSlabSerif-Medium.ttf") format("truetype");font-display:swap}
:root{--red:#f2261e;--paper:#eee9de;--muted:#908c85;--line:rgba(230,226,216,.3);--display:"Crock",Rockwell,Georgia,serif;--body:"Hapna Slab",Georgia,serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{min-width:320px;margin:0;color:var(--paper);background:#090909 url("assets/big-feed-bg.png?v=20260721-bigfeed-original") center top/cover fixed;font-family:var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}.catalog-shell{position:relative;min-height:100vh;isolation:isolate}.catalog-shell::before{position:fixed;z-index:-1;inset:0;content:"";background:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.66));pointer-events:none}.vignette{position:fixed;z-index:30;inset:0;box-shadow:inset 0 0 9vw rgba(0,0,0,.75);pointer-events:none}
.catalog-header,.catalog-main,.catalog-footer{width:90vw;max-width:1800px;margin-inline:auto}.catalog-header{position:relative;z-index:2;display:flex;min-height:14vh;padding:1.2vh 0 1.35vh;align-items:flex-end;justify-content:space-between;border-bottom:1px solid rgba(230,226,216,.62)}
.brand{display:grid;width:clamp(74px,6.6vw,126px);height:clamp(74px,6.6vw,126px);place-items:center;transition:transform .25s ease}.brand:hover,.brand:focus-visible{outline:0;transform:scale(1.045)}.brand img{width:100%;height:100%;object-fit:contain}
.active-script{max-width:70vw;margin:0 0 -.1em;overflow:hidden;font-family:var(--display);font-size:clamp(27px,4vw,76px);line-height:.84;text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.catalog-main{position:relative;z-index:2;padding:clamp(24px,3.7vh,54px) 0 clamp(70px,9vh,120px)}.breadcrumbs{display:flex;gap:clamp(9px,.7vw,14px);align-items:center;color:#85817a;font-family:var(--display);font-size:clamp(9px,.62vw,12px);letter-spacing:.08em;text-transform:uppercase}.breadcrumbs a{text-decoration:none}.breadcrumbs span:not(:last-child){color:var(--red)}
.catalog-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:5vw;margin-top:clamp(34px,5vh,70px);padding-bottom:clamp(40px,6vh,82px);align-items:end;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 .8em;color:var(--red);font-family:var(--display);font-size:clamp(10px,.72vw,14px);letter-spacing:.18em;text-transform:uppercase}.catalog-intro h1{margin:0;font-family:var(--display);font-size:clamp(52px,7.2vw,130px);line-height:.78;text-transform:uppercase}.catalog-intro-copy>p:first-child{max-width:58ch;margin:0;color:var(--muted);font-size:clamp(13px,.9vw,17px);line-height:1.65}.catalog-count{margin:1.7em 0 0;color:var(--muted);text-transform:uppercase}.catalog-count strong{margin-right:.3em;color:var(--paper);font-family:var(--display);font-size:2em}
.catalog-toolbar{display:flex;margin:clamp(32px,4.5vh,60px) 0 clamp(28px,4vh,50px);align-items:flex-end;justify-content:space-between;gap:3vw}.catalog-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-button{padding:10px 14px;color:#aaa59d;border:1px solid rgba(230,226,216,.2);background:rgba(0,0,0,.35);font-family:var(--display);font-size:clamp(10px,.7vw,13px);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.filter-button:hover,.filter-button:focus-visible,.filter-button.is-active{color:#fff;border-color:var(--red);outline:0;background:rgba(189,23,23,.15)}.catalog-search{display:grid;min-width:min(25vw,360px);gap:7px;color:var(--muted);font-family:var(--display);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.catalog-search input{width:100%;padding:12px 2px;color:#fff;border:0;border-bottom:1px solid var(--line);outline:0;background:transparent;font:16px var(--body)}.catalog-search input:focus{border-color:var(--red)}
.script-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.5vw,28px)}.script-card{position:relative;display:block;overflow:hidden;border:1px solid rgba(230,226,216,.28);background:#050505;text-decoration:none;transition:transform .28s ease}.script-card::after{position:absolute;inset:0;border:3px solid transparent;content:"";pointer-events:none;transition:border-color .25s ease}.script-card:hover,.script-card:focus-visible{z-index:2;outline:0;transform:scale(1.025)}.script-card:hover::after,.script-card:focus-visible::after{border-color:var(--red)}
.script-card-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#121212}.script-card-media::after{position:absolute;inset:0;content:"";background:linear-gradient(to bottom,transparent 45%,rgba(0,0,0,.78));pointer-events:none}.script-card-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.72);transition:transform .4s ease,filter .4s ease}.script-card:hover img,.script-card:focus-visible img{transform:scale(1.065);filter:saturate(.95) brightness(.9)}
.script-card-copy{display:grid;min-height:175px;padding:clamp(18px,1.7vw,30px);align-content:start}.script-card-copy>small{color:var(--red);font-family:var(--display);font-size:clamp(9px,.65vw,12px);letter-spacing:.14em;text-transform:uppercase}.script-card-copy>strong{margin-top:.5em;font-family:var(--display);font-size:clamp(25px,2.25vw,43px);line-height:.9;text-transform:uppercase}.script-card-footer{display:flex;margin-top:auto;padding-top:24px;align-items:center;justify-content:flex-end;gap:15px}.script-card-footer em{color:var(--muted);font-size:clamp(10px,.7vw,13px);font-style:normal;text-transform:uppercase}.empty-state{padding:12vh 0;color:var(--muted);text-align:center}
.script-card--hotfixes{background:linear-gradient(145deg,#100e0d,#050505)}
.script-card-media--hotfixes{display:block;padding:0;background:#0b0908}
.script-card-media--hotfixes::before{position:absolute;inset:clamp(10px,.8vw,15px);border:1px solid rgba(242,38,30,.24);content:"";pointer-events:none}
.script-card-media--hotfixes::after{background:linear-gradient(to top,rgba(0,0,0,.84),rgba(0,0,0,.04) 70%)}
.script-card-media--hotfixes>span{position:absolute;z-index:2;left:clamp(18px,2vw,34px);bottom:clamp(18px,2vw,34px);color:#d9d4ca;font-family:var(--display);font-size:clamp(22px,2.2vw,42px);letter-spacing:.09em;text-transform:uppercase;text-shadow:0 3px 8px #000}
.script-card--hotfixes .script-card-media--hotfixes img{filter:saturate(.72) brightness(.68) contrast(1.05)}
.script-card--hotfixes:hover .script-card-media--hotfixes img,.script-card--hotfixes:focus-visible .script-card-media--hotfixes img{filter:saturate(.95) brightness(.88) contrast(1.04)}
.script-card-description{margin-top:16px;color:var(--muted);font-size:clamp(12px,.8vw,15px);line-height:1.55}
.script-card--hotfixes .script-card-copy{min-height:205px}
.catalog-footer{position:relative;z-index:2;display:flex;min-height:8vh;padding:1.6vh 0;align-items:center;justify-content:space-between;border-top:1px solid rgba(230,226,216,.48);color:#88837c;font-family:var(--display);font-size:clamp(8px,.56vw,11px);letter-spacing:.05em;text-transform:uppercase}.catalog-footer span{margin-inline:.6em;color:var(--red)}.catalog-footer a{text-decoration:none}kbd{margin-left:.5em;padding:.25em .45em;color:#111;background:#eee;font-family:Arial,sans-serif}
@media(max-width:1050px){.script-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-intro{grid-template-columns:1fr}.catalog-toolbar{display:block}.catalog-search{width:100%;margin-top:24px}}
@media(max-width:650px){.catalog-header,.catalog-main,.catalog-footer{width:88vw}.active-script{font-size:clamp(22px,7vw,34px)}.catalog-intro h1{font-size:clamp(48px,17vw,78px)}.script-grid{grid-template-columns:1fr}.catalog-filters{display:grid;grid-template-columns:1fr 1fr}.catalog-footer{justify-content:center}.catalog-footer p{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}
