.catalog-hero{padding-bottom:46px}
.catalog-hero .hero-intro{margin-bottom:0}
.catalog-section{padding-top:22px;padding-bottom:115px}
.catalog-section .section-marker{margin-bottom:34px}
.catalog-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:37px}
.catalog-heading h2{font-size:clamp(3rem,5vw,5rem)}
.catalog-count{font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums}
.mod-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 28px}
.mod-card{min-width:0}
.mod-card-link{display:block;height:100%}
.mod-cover{aspect-ratio:16/9;position:relative;overflow:hidden;background:var(--surface)}
.mod-cover img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s}
.mod-open{position:absolute;right:16px;bottom:16px;width:40px;height:40px;display:grid;place-items:center;background:#0b0d0f9c;backdrop-filter:blur(9px);border:1px solid #ffffff50;font-size:1.3rem;transition:background .3s,color .3s}
.mod-card-link:hover .mod-cover img{transform:scale(1.04)}
.mod-card-link:hover .mod-open{background:var(--text);color:var(--bg)}
.mod-meta{display:flex;justify-content:space-between;gap:14px;margin:20px 0 13px;font-size:.75rem;color:var(--muted)}
.mod-game{color:#d9dcdd;text-align:right}
.mod-card h3{font-size:clamp(1.25rem,1.8vw,1.75rem);font-weight:500;line-height:1.25;letter-spacing:-.6px;margin:0;overflow-wrap:anywhere}
.mod-card p{font-size:.875rem;line-height:1.75;color:var(--muted);margin:16px 0 24px;max-width:42ch}
.mod-card-cta{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;border-top:1px solid var(--line);padding-top:17px;color:#d2d6d8}
.mod-card-cta>span{font-size:1.3rem;line-height:1}
.detail-top{padding-top:144px;padding-bottom:49px}
.back-link{display:inline-block;border-bottom:1px solid #626a70;padding-bottom:6px;font-size:.875rem;color:#b4bbc0;margin-bottom:45px}
.detail-meta{display:flex;gap:28px;font-size:.875rem;color:var(--muted);margin-bottom:20px}
.detail-title{font-size:clamp(2.75rem,6.7vw,7rem);font-weight:500;white-space:normal;line-height:1.08;letter-spacing:-.055em;margin:0;overflow-wrap:anywhere}
.detail-work{padding-top:25px}
.mod-features{list-style:none;max-width:395px;padding:0;margin:0 0 34px;color:#a3a9ac;font-size:.875rem;line-height:1.6}
.mod-features li{border-top:1px solid var(--line);padding:12px 0}
.mod-features li:last-child{border-bottom:1px solid var(--line)}
.example-label{position:absolute;left:16px;top:16px;font-size:.6875rem;letter-spacing:.8px;background:#0b0d0fde;padding:6px 10px;border:1px solid #ffffff40}
@media(min-width:1700px){.mod-grid{gap:72px 36px}.mod-card p{font-size:1rem}.mod-meta{font-size:.875rem}}
@media(max-width:1100px){.mod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mod-card h3{font-size:1.5rem}.catalog-section{padding-bottom:85px}}
@media(max-width:700px){.catalog-hero{padding-bottom:34px}.catalog-section{padding-top:12px;padding-bottom:55px}.catalog-heading{margin-bottom:27px}.catalog-heading h2{font-size:3rem}.catalog-section .section-marker{margin-bottom:28px}.mod-grid{grid-template-columns:1fr;gap:44px}.mod-card h3{font-size:1.625rem}.mod-card p{font-size:1rem;max-width:none;margin-bottom:22px}.mod-meta{margin-top:18px}.mod-open{width:36px;height:36px;right:12px;bottom:12px}.detail-top{padding-top:132px;padding-bottom:32px}.back-link{margin-bottom:31px}.detail-meta{font-size:.75rem;gap:20px}.detail-title{font-size:clamp(2rem,8.5vw,3.4rem)}.detail-work{padding-top:10px}.mod-features{max-width:none}.project-copy h2{font-size:2.65rem}}