:root { --bg: #0f172a; --text: #0b1020; --muted: #475569; --brand: #00b5e2; --accent: #7ac143; --surface: #ffffff; --surface-alt: #f8fafc; --radius: 16px; --shadow: 0 10px 30px rgba(2, 6, 23, 0.08); } * { box-sizing:border-box; } html, body { margin:0; padding:0; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: var(--text); } .container { max-width: 1120px; margin: 0 auto; padding: 0 20px; } .topbar { background: var(--bg); color: #fff; } .topbar-inner { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; } .company { font-weight: 800; letter-spacing: 0.2px; } .topbar-right { display:flex; align-items:center; gap:8px; flex-wrap:wrap; } .pill { display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; font-size:12px; line-height:1; box-shadow: var(--shadow); white-space:nowrap; } .pill-spanish { background:#22c55e; color:#052e10; font-weight:800; } .pill-cta { background:#fde68a; color:#713f12; font-weight:800; } .site-header { background:#fff; border-bottom:1px solid #e2e8f0; position:sticky; top:0; z-index:50; } .header-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; } .brand { display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit; } .logo { width:40px; height:40px; object-fit:contain; border-radius:8px; } .brand-text { font-weight:900; font-size:18px; letter-spacing:.2px; } .nav .menu { display:flex; align-items:center; gap:18px; list-style:none; margin:0; padding:0; } .nav a { text-decoration:none; color:#0f172a; font-weight:700; } .nav a:hover { color: var(--brand); } .nav-toggle { display:none; background:#f1f5f9; border:1px solid #e2e8f0; padding:8px 10px; border-radius:12px; } .mobile-only { display:none; } .hero { background: linear-gradient(180deg, #ffffff, #f8fafc); } .hero-inner { display:grid; grid-template-columns: 1.2fr; gap:24px; padding: 44px 0; align-items:center; } .hero h1 { font-size: clamp(32px, 5vw, 56px); margin:0 0 8px; } .hero-sub { margin: 6px 0 8px; font-size: clamp(18px, 2.6vw, 24px); color: var(--muted); font-weight: 700; } .hero-bullets { margin: 8px 0 16px 18px; padding: 0; } .hero-bullets li { margin: 6px 0; color: var(--text); } .cta-row { display:flex; gap:12px; flex-wrap:wrap; } .btn { display:inline-block; background: var(--brand); color:#fff; text-decoration:none; padding:12px 16px; border-radius:14px; font-weight:900; box-shadow: var(--shadow); } .btn:hover { filter: brightness(1.06); } .btn-secondary { background: var(--accent); color:#08310c; } .section { padding: 64px 0; background: var(--surface); } .section.alt { background: var(--surface-alt); } .section-title { margin:0 0 22px; font-size: clamp(22px, 3vw, 32px); } .cards { display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; } .card { background:#fff; border:1px solid #e2e8f0; border-radius: var(--radius); padding:18px; box-shadow: var(--shadow); } .support-banner { background: #ecfeff; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; } .banner-inner { padding: 10px 0; text-align: center; font-weight: 700; color: #0b1020; } .gallery-grid { display:grid; grid-template-columns: 1fr; gap:18px; } .gallery-img { display:block; width:100%; height:auto; object-fit: contain; } @media (min-width: 900px) { .gallery-grid { grid-template-columns: 1fr 1fr 1fr; } .gallery-img { max-height: 384px; } /* ~20% larger than previous 320px */ } .team-grid { display:grid; grid-template-columns: 1fr 1fr; gap:24px; } .profile { background:#fff; border:1px solid #e2e8f0; border-radius: var(--radius); padding:18px; display:grid; grid-template-columns: 160px 1fr; gap:18px; align-items:center; box-shadow: var(--shadow); } .profile-media img { width:180px; height:auto; object-fit:contain; object-position: top center; border-radius:14px; background:#f1f5f9; padding:4px; } .profile h3 { margin:0 0 2px; } .role { margin:0 0 8px; color: var(--muted); font-weight:700; } .quotes { display:grid; grid-template-columns: 1fr 1fr; gap:18px; } blockquote { margin:0; padding:18px; background:#ffffff; border-left:6px solid var(--brand); border-radius: 10px; box-shadow: var(--shadow); } blockquote cite { display:block; color: var(--muted); margin-top:8px; font-style:normal; } .contact-grid { display:grid; grid-template-columns: 1fr 1fr; gap:24px; align-items:start; } .map { width:100%; min-height: 360px; border: 0; border-radius: var(--radius); box-shadow: var(--shadow); } .site-footer { background:#0b1020; color:#ffffff; } .footer-inner { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px 0; flex-wrap: wrap; } .fine-print { opacity:.8; } .local-id { opacity:.9; margin-right:12px; } .bottom-ticker { background: #0f172a; color: #fff; font-weight: 700; } .bottom-ticker .container { padding: 10px 20px; display: flex; gap: 10px; justify-content: center; } .bottom-ticker a { color: #c7d2fe; text-decoration: none; } /* Mobile refinements */ @media (max-width: 900px) { .cards { grid-template-columns: 1fr; } .team-grid { grid-template-columns: 1fr; } .profile { grid-template-columns: 1fr; } .profile-media { margin-bottom: 10px; } .profile-media img { width: 100%; max-width: 340px; height: auto; display: block; margin: 0 auto; } .profile-body { padding-top: 4px; } .contact-grid { grid-template-columns: 1fr; } .nav .menu { display:none; } .nav-toggle { display:inline-block; } .mobile-only { display:list-item; } } /* Review carousel */ .review-carousel{position:relative;max-width:900px;margin:0 auto} .review-carousel .slides{position:relative;overflow:hidden} .review-carousel .slide{display:none;text-align:left;padding:8px 0} .review-carousel .slide.active{display:block} .review-carousel blockquote{margin:0} .review-carousel blockquote p{font-size:1.1rem; line-height:1.8; margin:0} .review-carousel figcaption{margin-top:8px;font-weight:600} .review-carousel .dots{display:flex;gap:8px;justify-content:center;margin-top:8px} .review-carousel .dots button{width:10px;height:10px;border-radius:50%;border:0;background:var(--muted);opacity:.5} .review-carousel .dots button[aria-current="true"]{opacity:1} @media (max-width: 640px){ .review-carousel blockquote p{font-size:1rem;line-height:1.7} } @media (min-width: 1024px){ .review-carousel blockquote p{font-size:1.15rem;line-height:1.9} }.site-footer .footer-line{text-align:center;margin:4px 0}#team .team-grid{gap:32px}#team .team-card{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:start}#team .team-card img{width:170px;height:auto;border-radius:var(--radius)}@media(max-width:768px){#team .team-card{grid-template-columns:1fr}#team .team-card img{width:70%;max-width:260px;margin:0 auto 14px auto}}.review-carousel .slide{display:none}.review-carousel .slide:first-child{display:block}.site-header .brand .logo,.site-header .logo{max-height:96px!important;height:auto!important;width:auto!important}.site-header{line-height:1.1}.site-header .header-inner{align-items:center}#contact .socials{display:flex;gap:12px;align-items:center;margin-top:12px}#contact .socials .social-link svg{width:34px;height:34px;display:block;fill:currentColor}#contact .socials .social-link.fb{color:#1877F2}#contact .socials .social-link.ig{color:#E4405F}#team .team-card{grid-column-gap:48px!important}#team .team-card p,#team .team-card .bio{margin-top:8px;line-height:1.6}#team .team-grid{gap:40px!important}#team .team-card{display:grid;grid-template-columns:190px 1fr;column-gap:40px!important;align-items:start}#team .team-card img{width:190px;height:auto;border-radius:var(--radius)}#team .team-card .bio,#team .team-card p{margin-top:10px}@media(max-width:900px){#team .team-card{grid-template-columns:1fr}#team .team-card img{width:72%;max-width:260px;margin:0 auto 14px}}#team .team-card{display:grid;grid-template-columns:190px 1fr;column-gap:100px!important;align-items:start}#team .team-card .bio,#team .team-card .text{padding-left:16px}#team .team-card p{margin-top:8px;line-height:1.65}@media(max-width:900px){#team .team-card{grid-template-columns:1fr;column-gap:0}#team .team-card .bio,#team .team-card .text{padding-left:0}}.reviews-static{display:grid;grid-template-columns:1fr;gap:24px}.review-card{background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 8px 24px rgba(16,24,40,.08)}.review-card footer{margin-top:10px;font-weight:600}@media(min-width:900px){.reviews-static{grid-template-columns:1fr 1fr 1fr}}#team .team-card{display:grid!important;grid-template-columns:220px 1fr!important;column-gap:100px!important;align-items:start!important}#team .team-card img{width:220px!important;height:auto;margin:0!important;float:none!important}#team .team-card .bio,#team .team-card .text{padding-left:0!important}@media(max-width:900px){#team .team-card{grid-template-columns:1fr!important;column-gap:0!important}#team .team-card img{width:70%!important;max-width:260px;margin:0 auto 14px auto!important}}#team *{position:static!important}#team img{float:none!important;display:block!important;margin:0 100px 14px 0!important}#team article,#team .team-card,#team .member{display:flex!important;align-items:flex-start!important;gap:100px!important}#team article img,#team .team-card img,#team .member img{flex:0 0 220px!important;width:220px!important;height:auto!important;margin:0!important}#team article>:not(img),#team .team-card>:not(img),#team .member>:not(img){flex:1 1 auto!important;min-width:0!important}@media(max-width:900px){#team article,#team .team-card,#team .member{display:block!important;gap:0!important}#team img{margin:0 0 14px 0!important;width:70%!important;max-width:260px!important;margin-left:auto!important;margin-right:auto!important}}#team .team-card .team-split-row{display:grid;grid-template-columns:1fr 2fr;gap:24px}#team .team-photo-card,#team .team-bio-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(16,24,40,.08)}#team .team-photo-card img{display:block;width:100%;height:auto;border-radius:12px}@media(max-width:900px){#team .team-card .team-split-row{grid-template-columns:1fr}}