.areas-listing{padding:var(--section-py) 0;background:transparent}.areas-listing__breadcrumb{font-size:var(--text-sm);margin-bottom:var(--space-4);color:rgba(255,255,255,0.85)}.areas-listing__breadcrumb a{color:rgba(255,255,255,0.95);text-decoration:none}.areas-listing__breadcrumb a:hover{color:var(--color-text-primary)}.areas-listing__title{font-size:var(--heading-1);margin:0 0 var(--space-2);color:var(--color-text-primary)}.areas-listing__subtitle{color:rgba(255,255,255,0.85);margin-bottom:var(--space-6)}.areas-listing-hero{margin-bottom:var(--space-8);border-radius:1rem;overflow:hidden;background:var(--surface-dark-soft);box-shadow:0 4px 24px rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.12);transition:box-shadow 0.3s ease}.areas-listing-hero:hover{box-shadow:0 4px 8px color-mix(in srgb,var(--primary) 8%,transparent),0 12px 32px color-mix(in srgb,var(--primary) 14%,transparent),0 32px 64px -16px color-mix(in srgb,var(--primary) 12%,transparent)}.areas-listing-hero__link{display:block;text-decoration:none;color:inherit}.areas-listing-hero__link:hover{color:inherit}.areas-listing-hero__image-wrap{position:relative;aspect-ratio:21 / 9;overflow:hidden}.areas-listing-hero__image-wrap:hover .areas-listing-hero__image{transform:scale(1.03)}.areas-listing-hero__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94)}.areas-listing-hero__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--surface-dark-soft) 0%,color-mix(in srgb,var(--primary) 15%,var(--surface-dark-soft)) 100%)}.areas-listing-hero__content{padding:var(--space-6);position:relative;background:var(--surface-dark-soft);display:flex;flex-direction:column;gap:0}.areas-listing-hero__badge{display:inline-block;align-self:flex-start;padding:0.35rem 0.75rem;margin-bottom:var(--space-3);font-size:0.75rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--primary-foreground);background:var(--primary);border-radius:0.375rem}.areas-listing-hero__title{font-size:var(--heading-2);margin:0 0 var(--space-2);color:var(--color-text-primary);line-height:var(--line-height-tight);letter-spacing:-0.02em;font-weight:700}.areas-listing-hero__excerpt{font-size:var(--text-base);color:rgba(255,255,255,0.9);margin:0 0 var(--space-4);line-height:1.6;max-width:56ch}.areas-listing-hero__postcode{display:inline-flex;align-items:center;font-size:var(--text-sm);color:var(--primary);font-weight:600;margin-bottom:var(--space-4);letter-spacing:0.02em}.areas-listing-hero__cta{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;font-weight:600;font-size:var(--text-base);color:var(--primary-foreground);background:var(--primary);border:none;border-radius:9999px;text-decoration:none;transition:background-color 0.25s ease,transform 0.25s ease,box-shadow 0.25s ease;box-shadow:0 2px 12px color-mix(in srgb,var(--primary) 35%,transparent)}.areas-listing-hero__cta-icon{flex-shrink:0;transition:transform 0.25s ease}.areas-listing-hero__link:hover .areas-listing-hero__cta{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 45%,transparent)}.areas-listing-hero__link:hover .areas-listing-hero__cta-icon{transform:translateX(3px)}.areas-listing-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:576px){.areas-listing-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.areas-listing-grid{grid-template-columns:repeat(3,1fr)}}.areas-listing-card{min-width:0}.areas-listing-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,0.12);border-radius:var(--space-4);overflow:hidden;background:var(--surface-dark-soft);transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}.areas-listing-card__link:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 24px rgba(0,0,0,0.3)}.areas-listing-card__image{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.areas-listing-card__placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--surface-dark-soft) 0%,color-mix(in srgb,var(--primary) 15%,var(--surface-dark-soft)) 100%)}.areas-listing-card__placeholder-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);text-align:center}.areas-listing-card__placeholder-icon{flex-shrink:0;color:rgba(255,255,255,0.6)}.areas-listing-card__placeholder-name{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);line-height:1.2}.areas-listing-card__content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);flex:1}.areas-listing-card__title{font-weight:700;font-size:var(--text-lg);color:var(--color-text-primary);margin:0}.areas-listing-card__excerpt{font-size:var(--text-sm);color:rgba(255,255,255,0.85);margin:0}.areas-listing-card__postcode{font-size:var(--text-sm);color:var(--primary);font-weight:600}.areas-listing-card__cta{font-size:var(--text-sm);color:var(--primary);font-weight:600;margin-top:var(--space-2)}.areas-listing__pagination{margin-top:var(--space-8)}.page-areas-hub .areas-hub-pill{display:flex;flex-direction:column;height:100%;min-height:7rem;padding:var(--space-4);text-decoration:none;color:var(--color-text-primary);background-color:var(--surface-dark-soft) !important;border:1px solid var(--border-on-dark-soft);border-radius:var(--radius-lg,0.75rem);border-left:3px solid var(--primary);box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:background-color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}.page-areas-hub .areas-hub-pill:hover{background-color:rgba(255,255,255,0.08) !important;border-color:var(--border-on-dark-mid);border-left-color:var(--primary-hover);box-shadow:0 4px 16px rgba(0,0,0,0.25);transform:translateY(-2px);color:var(--color-text-primary)}.page-areas-hub .areas-hub-pill__name{display:block;font-weight:700;font-size:var(--text-base,1rem);line-height:1.25;margin-bottom:0.25rem}.page-areas-hub .areas-hub-pill__postcode{display:inline-block;font-size:0.75rem;font-weight:600;letter-spacing:0.04em;color:var(--text-on-dark-muted);background:rgba(255,255,255,0.08);padding:0.2rem 0.5rem;border-radius:0.25rem;margin-bottom:auto;align-self:flex-start}.page-areas-hub .areas-hub-pill__cta{display:flex;align-items:center;gap:0.35rem;margin-top:var(--space-3);font-size:var(--text-sm);font-weight:600;color:#ffffff !important;text-decoration:underline;text-underline-offset:0.2em}.page-areas-hub .areas-hub-pill__arrow{transition:transform 0.2s ease}.page-areas-hub .areas-hub-pill:hover .areas-hub-pill__arrow{transform:translateX(3px)}