.seo-hero{padding:var(--space-xl) 0;background:radial-gradient(circle at 20% 30%,var(--color-primary-light) 0,var(--color-primary) 100%);position:relative;overflow:hidden}.seo-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.05;background-image:radial-gradient(circle,#ffffff 2px,transparent 0);background-size:24px 24px;pointer-events:none}.seo-hero h1{font-size:2.5rem;margin-bottom:var(--space-sm)}.seo-hero .subtitle{font-size:1.2rem;font-weight:500}.filter-tabs-container{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:var(--space-lg)}.filter-tab{background-color:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border);padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm)}.filter-tab:hover{border-color:var(--color-primary);background-color:rgba(28,63,58,.05)}.filter-tab.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.employers-directory-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-md);gap:var(--space-md);margin-top:var(--space-md)}@media (min-width:768px){.employers-directory-grid{grid-template-columns:repeat(2,1fr)}}.employer-dir-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.165,.84,.44,1),box-shadow .3s ease,border-color .3s}.employer-dir-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--color-secondary)}.employer-badge-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.employer-category-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .6rem;border-radius:var(--radius-sm)}.badge-attraction{background-color:rgba(212,163,115,.15);color:var(--color-secondary-hover)}.badge-resort{background-color:rgba(28,63,58,.1);color:var(--color-primary-light)}.badge-restaurant{background-color:rgba(217,83,79,.1);color:var(--color-error)}.badge-retail{background-color:rgba(92,184,92,.1);color:var(--color-success)}.employer-distance-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;color:var(--color-text-muted);background-color:var(--color-bg);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.employer-dir-card h3{color:var(--color-primary);font-size:1.35rem;margin-bottom:var(--space-xs)}.employer-description{color:var(--color-text-muted);font-size:.95rem;line-height:1.5;margin-bottom:1.25rem;flex-grow:1}.commute-specs{border-top:1px dashed var(--color-border);padding-top:1rem;margin-bottom:1.25rem}.commute-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem;display:block}.commute-modes{display:flex;gap:1rem;flex-wrap:wrap}.commute-mode-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--color-text-main);background-color:var(--color-bg);padding:.25rem .5rem;border-radius:var(--radius-sm);font-weight:500}.commute-mode-item svg{color:var(--color-secondary)}.employer-card-actions{display:flex;align-items:center;justify-content:flex-end}.directions-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;color:var(--color-secondary);transition:var(--transition)}.directions-btn:hover{color:var(--color-secondary-hover);transform:translateX(3px)}.map-section{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem;border:1px solid var(--color-border);margin-top:var(--space-lg)}.map-container-wrapper{margin-top:var(--space-md);height:400px;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}