.areas-index__grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.areas-index__card{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base);text-decoration:none;display:flex}.areas-index__card:hover{border-color:var(--color-orange);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.areas-index__card-icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-orange);font-size:var(--fs-md);transition:all var(--transition-base);background:#f4a10014;flex-shrink:0;justify-content:center;align-items:center;display:flex}.areas-index__card:hover .areas-index__card-icon{background:var(--color-orange);color:var(--color-black)}.areas-index__card-content{flex:1}.areas-index__card-name{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:2px}.areas-index__card-postcode{font-size:var(--fs-xs);color:var(--text-tertiary)}.areas-index__card-arrow{color:var(--text-tertiary);font-size:var(--fs-md);transition:all var(--transition-fast);flex-shrink:0}.areas-index__card:hover .areas-index__card-arrow{color:var(--color-orange);transform:translate(4px)}.areas-index__featured-card{align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);background:linear-gradient(135deg, #f4a1000a 0%, transparent 100%), var(--bg-card);border-radius:var(--radius-xl);transition:all var(--transition-base);margin-bottom:var(--space-8);border:1.5px solid #f4a10033;text-decoration:none;display:flex}.areas-index__featured-card:hover{border-color:var(--color-orange);transform:translateY(-2px);box-shadow:0 8px 30px #f4a1001a}.areas-index__featured-icon{border-radius:var(--radius-lg);width:56px;height:56px;color:var(--color-orange);transition:all var(--transition-base);background:#f4a1001a;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.areas-index__featured-card:hover .areas-index__featured-icon{background:var(--color-orange);color:var(--color-black)}.areas-index__featured-content{flex:1}.areas-index__featured-tag{font-size:10px;font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:var(--ls-wider);color:var(--color-orange);border-radius:var(--radius-sm);margin-bottom:var(--space-2);background:#f4a10014;padding:3px 8px;display:inline-block}.areas-index__featured-name{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.areas-index__featured-desc{font-size:var(--fs-xs);color:var(--text-secondary);line-height:var(--lh-relaxed);max-width:600px;margin:0}.areas-index__featured-arrow{color:var(--color-orange);font-size:var(--fs-xl);transition:all var(--transition-fast);flex-shrink:0}.areas-index__featured-card:hover .areas-index__featured-arrow{transform:translate(6px)}@media (max-width:1024px){.areas-index__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.areas-index__grid{grid-template-columns:repeat(2,1fr)}.areas-index__featured-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);flex-direction:column}.areas-index__featured-arrow{display:none}.areas-index__featured-name{font-size:var(--fs-md)}}@media (max-width:480px){.areas-index__grid{grid-template-columns:1fr}}