.real-hero{padding:calc(var(--nav-h) + var(--space-10)) 0 var(--space-8);isolation:isolate;position:relative}.real-hero:before{content:"";z-index:-1;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#7c6fff1f 0%,#7c6fff00 65%);width:min(900px,120%);position:absolute;top:-40%;left:50%;transform:translate(-50%)}.real-hero__back{margin-bottom:var(--space-5)}.real-hero__back-link{min-height:44px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);transition:color var(--dur-fast) var(--ease);align-items:center;text-decoration:none;display:inline-flex}.real-hero__back-link:hover{color:var(--accent-light)}.real-hero__title{font-size:clamp(2rem,1.2rem + 3.4vw,4.5rem);font-weight:var(--fw-black);line-height:var(--lh-display);letter-spacing:var(--ls-display);margin:var(--space-2) 0 var(--space-4)}.real-hero__subtitle{font-size:var(--fs-xl);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--text-muted);max-width:46ch}.real-filters{padding:0 0 var(--space-8)}.real-filters__bar{gap:var(--space-2);flex-wrap:wrap;display:flex}.real-filter-btn{min-height:44px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-mid);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);font-family:var(--font);box-shadow:var(--shadow-xs);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);background:#fff}.real-filter-btn:hover{color:var(--accent-light);background:#7c6fff0f;border-color:#7c6fff80}.real-filter-btn.is-active{background:var(--accent-strong);border-color:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-accent)}.real-grid-section{padding-bottom:var(--section-y)}.real-grid{gap:var(--space-5);margin-bottom:var(--space-10);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.real-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#fff;overflow:hidden}.real-card:hover{box-shadow:var(--shadow-lg);border-color:#7c6fff47;transform:translateY(-6px)}.real-card.is-hidden{display:none}.real-card__visual{aspect-ratio:16/10;background:#eef0f5;position:relative;overflow:hidden}.real-card__placeholder{width:100%;height:100%}.real-card__placeholder svg{object-fit:cover;width:100%;height:100%}.real-card__image{transition:transform var(--dur-slow) var(--ease)}.real-card:hover .real-card__image{transform:scale(1.03)}.real-card__overlay{opacity:0;transition:opacity var(--dur) var(--ease);background:linear-gradient(#6254eeeb 0%,#5b4fd6f0 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.real-card:hover .real-card__overlay{opacity:1}.real-card__view{color:var(--on-accent);font-weight:var(--fw-semibold);font-size:var(--fs-base);letter-spacing:var(--ls-tight);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);transition:transform var(--dur-slow) var(--ease);border:1px solid #ffffff8c;transform:translateY(6px)}.real-card:hover .real-card__view{transform:translateY(0)}.real-card__info{padding:var(--space-5)}.real-card__meta{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.real-card__number{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);color:var(--accent-light);letter-spacing:var(--ls-caps)}.real-card__tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.real-card__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-title);letter-spacing:var(--ls-title);margin-bottom:var(--space-2)}.real-card__desc{font-size:var(--fs-sm);color:var(--text-muted);line-height:var(--lh-body)}.real-cta{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-7) var(--space-8);background:linear-gradient(135deg,#7c6fff14 0%,#7c6fff05 100%);border:1px solid #7c6fff38}.real-cta__inner{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.real-cta__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-title);letter-spacing:var(--ls-title);margin-bottom:var(--space-1)}.real-cta__text{font-size:var(--fs-base);color:var(--text-muted)}.real-cta__inner .btn{margin-left:auto}@media (width<=600px){.real-grid{grid-template-columns:1fr}.real-cta{padding:var(--space-6) var(--space-5)}.real-cta__inner{gap:var(--space-4)}.real-cta__inner .btn{width:100%;margin-left:0}}