.rec-hero{padding:140px 0 80px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.rec-hero .bg{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 70% 60% at 30% 30%,#000 20%,transparent 70%);pointer-events:none}.rec-hero .container{position:relative;z-index:1}.rec-hero h1{font-family:Space Grotesk;font-weight:400;font-size:clamp(56px,9vw,140px);line-height:.88;letter-spacing:-.05em}.rec-hero h1 .it{font-family:"Instrument Serif";font-style:italic;color:var(--cyan);font-weight:400}.rec-hero .page-sub{margin-top:16px;font-family:JetBrains Mono,monospace;font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:var(--cyan)}.rec-hero .lede{margin-top:32px;font-size:19px;line-height:1.55;color:var(--ink-dim);max-width:720px}.rec-list{padding:80px 0;border-bottom:1px solid var(--line)}.rec-list .empty{color:var(--ink-dim);text-align:center;padding:64px 0;font-size:17px}.rec-list .grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.rec-list .card{background:var(--bg-1);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.rec-list .card:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 16px 48px color-mix(in oklab,var(--cyan) 14%,transparent)}.rec-list .card a{display:flex;flex-direction:column;color:inherit;text-decoration:none;height:100%}.rec-list .card .img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bg-2);border-bottom:1px solid var(--line)}.rec-list .card .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.rec-list .card:hover .img img{transform:scale(1.04)}.rec-list .card .type-badge{position:absolute;top:14px;left:14px;padding:5px 12px;background:var(--bg-0);color:var(--cyan);border:1px solid var(--cyan);border-radius:999px;font-family:JetBrains Mono,monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;font-weight:500}.rec-list .card .soon-badge{position:absolute;top:14px;right:14px;padding:5px 12px;background:color-mix(in oklab,var(--lime) 22%,var(--bg-0));color:var(--lime);border:1px solid var(--lime);border-radius:999px;font-family:JetBrains Mono,monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;font-weight:500}.rec-list .card .body{padding:24px 24px 28px;display:flex;flex-direction:column;gap:14px;flex-grow:1}.rec-list .card h3{font-family:Space Grotesk;font-weight:500;font-size:21px;line-height:1.25;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}.rec-list .card .desc{color:var(--ink-dim);font-size:14.5px;line-height:1.55;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rec-list .card .meta{display:flex;gap:10px;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);flex-wrap:wrap}.rec-list .card .meta strong{color:var(--cyan);font-weight:500}.rec-list .card .meta .dot{color:var(--ink-faint)}.rec-list .card .aud{color:var(--ink-dim)}.rec-list .card .more{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);margin-top:auto}.cta-final{padding:140px 0;text-align:center;position:relative;overflow:hidden}.cta-final .cta-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 100%,color-mix(in oklab,var(--cyan) 22%,transparent),transparent 70%);pointer-events:none}.cta-final .container{position:relative;z-index:1}.cta-final h2{font-family:Space Grotesk;font-weight:400;font-size:clamp(40px,7vw,96px);line-height:.92;letter-spacing:-.04em;text-wrap:balance}.cta-final h2 .it{font-family:"Instrument Serif";font-style:italic;color:var(--cyan);font-weight:400}.cta-final p{margin:24px auto 32px;color:var(--ink-dim);font-size:17px;line-height:1.55;max-width:580px}.cta-final .cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media(max-width:760px){.rec-hero{padding:100px 0 56px}.rec-list{padding:56px 0}.rec-list .grid{grid-template-columns:1fr;gap:20px}.cta-final{padding:80px 0}}