.hero__title em{font-style:normal;position:relative;display:inline-block}.hero__title em::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:3px;background:var(--red);border-radius:2px}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.areas-section{background:var(--white)}.areas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.area-card{background:var(--off-white);border:1.5px solid var(--border-grey);border-radius:var(--r-xl);padding:1.5rem 1rem;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:.6rem;transition:all .3s ease;position:relative;overflow:hidden}.area-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(227,27,35,.05) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.area-card:hover::before{opacity:1}.area-card:hover{border-color:var(--red);transform:translateY(-4px);box-shadow:0 8px 24px rgba(227,27,35,.12)}.area-card__icon{width:44px;height:44px;background:var(--red-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--red);font-size:.95rem;transition:background .3s,color .3s}.area-card:hover .area-card__icon{background:var(--red);color:var(--white)}.area-card__name{font-family:var(--font-head);font-size:.92rem;font-weight:800;color:var(--charcoal);transition:color .3s}.area-card:hover .area-card__name{color:var(--red)}.area-card__tag{font-family:var(--font-head);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mid-grey);background:var(--border-grey);padding:.2rem .6rem;border-radius:var(--r-pill);transition:background .3s,color .3s}.area-card:hover .area-card__tag{background:var(--red-bg);color:var(--red)}.areas-note{text-align:center;font-size:.9rem;color:var(--text-light);line-height:1.7;margin-top:.25rem}.areas-note i{color:var(--red);margin-right:.3rem}.areas-note a{color:var(--charcoal);font-weight:700;white-space:nowrap}.areas-note a:hover{color:var(--red)}@media (max-width:900px){.areas-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.areas-grid{grid-template-columns:1fr 1fr}}@media (max-width:400px){.areas-grid{grid-template-columns:1fr 1fr}}