/*
Theme Name: Home & Hope Realty
Theme URI: https://homeandhoperealty.ca
Author: Home & Hope Realty
Author URI: https://homeandhoperealty.ca
Description: A professional, fully responsive real estate theme built for Home & Hope Realty. Light-blue professional palette, Elementor-ready, MLS-plugin friendly, and pre-loaded with services, service areas, USPs and brand styling. Works immediately on activation.
Version: 1.1.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: home-and-hope-realty
Tags: real-estate, business, elementor, full-width-template, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready
*/

/* ============================================================
   Home & Hope Realty — Professional light-blue palette
   ============================================================ */
:root{
  --hh-navy:#1e3a8a;
  --hh-blue:#2563eb;
  --hh-blue-2:#3b82f6;
  --hh-sky:#60a5fa;
  --hh-sky-soft:#eaf1ff;
  --hh-sky-soft2:#f4f8ff;
  --hh-red:#cc0000;
  --hh-red-dark:#a30000;
  --hh-ink:#1e293b;
  --hh-body:#4b5563;
  --hh-muted:#6b7280;
  --hh-line:#e4e9f4;
  --hh-bg:#ffffff;
  --hh-radius:16px;
  --hh-radius-sm:10px;
  --hh-shadow:0 16px 40px -20px rgba(37,99,235,.30);
  --hh-shadow-sm:0 8px 22px -14px rgba(37,99,235,.30);
  --hh-shadow-hover:0 26px 55px -22px rgba(37,99,235,.45);
  --hh-grad:linear-gradient(130deg,#1e3a8a 0%,#2563eb 55%,#3b82f6 100%);
  --hh-grad-soft:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);
  --hh-container:1180px;
  --hh-head:"Playfair Display",Georgia,serif;
  --hh-body-font:"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--hh-body-font);font-size:16px;line-height:1.65;color:var(--hh-body);background:var(--hh-bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
svg{vertical-align:middle}
a{color:var(--hh-blue);text-decoration:none;transition:color .2s ease}
a:hover{color:var(--hh-red)}
h1,h2,h3,h4,h5,h6{font-family:var(--hh-head);color:var(--hh-ink);line-height:1.18;margin:0 0 .5em;font-weight:700}
p{margin:0 0 1em}
ul{margin:0 0 1em;padding-left:1.2em}

.hh-container{max-width:var(--hh-container);margin:0 auto;padding:0 24px}
.hh-section{padding:74px 0}
.hh-section--alt{background:var(--hh-sky-soft2)}
.hh-section--navy{background:var(--hh-grad);color:#eaf1ff}
.hh-section--navy h1,.hh-section--navy h2,.hh-section--navy h3{color:#fff}

.hh-eyebrow{display:inline-block;font-family:var(--hh-body-font);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:12.5px;color:var(--hh-red);margin-bottom:12px}
.hh-section--navy .hh-eyebrow{color:#bfdbfe}
.hh-h2{font-size:clamp(25px,2.8vw,36px);margin-bottom:14px;letter-spacing:-.01em}
.hh-lead{font-size:16.5px;color:var(--hh-muted);max-width:640px}
.hh-section--navy .hh-lead{color:#cfe0ff}
.hh-center{text-align:center}
.hh-center .hh-lead{margin-left:auto;margin-right:auto}

/* Buttons */
.hh-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--hh-body-font);font-weight:600;font-size:14.5px;letter-spacing:.01em;padding:12px 24px;border-radius:50px;border:2px solid transparent;cursor:pointer;line-height:1;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease}
.hh-btn svg{width:17px;height:17px;flex:0 0 auto}
.hh-btn--primary{background:var(--hh-red);color:#fff;border-color:var(--hh-red);box-shadow:0 10px 22px -12px rgba(204,0,0,.6)}
.hh-btn--primary:hover{background:var(--hh-red-dark);border-color:var(--hh-red-dark);color:#fff;transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(204,0,0,.6)}
.hh-btn--navy{background:var(--hh-blue);color:#fff;border-color:var(--hh-blue);box-shadow:0 10px 22px -12px rgba(37,99,235,.6)}
.hh-btn--navy:hover{background:var(--hh-navy);color:#fff;transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(37,99,235,.6)}
.hh-btn--ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.6)}
.hh-btn--ghost:hover{background:#fff;color:var(--hh-blue);transform:translateY(-2px)}
.hh-btn--outline{background:transparent;color:var(--hh-blue);border-color:var(--hh-blue)}
.hh-btn--outline:hover{background:var(--hh-blue);color:#fff;transform:translateY(-2px)}

/* Header */
.hh-topbar{background:var(--hh-grad);color:#dbe7ff;font-size:13.5px}
.hh-topbar .hh-container{display:flex;justify-content:space-between;align-items:center;min-height:40px;gap:16px;flex-wrap:nowrap}
.hh-topbar a{color:#dbe7ff;white-space:nowrap}
.hh-topbar a:hover{color:#fff}
.hh-topbar svg{width:14px;height:14px;flex:0 0 auto}
.hh-topbar-left{display:flex;align-items:center;gap:22px;min-width:0;flex-wrap:wrap}
.hh-topbar-left span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.hh-topbar-social{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.hh-topbar-social a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:rgba(255,255,255,.12)}
.hh-topbar-social a:hover{background:rgba(255,255,255,.28)}
.hh-topbar-social svg{width:15px;height:15px}

.hh-header{position:sticky;top:0;z-index:999;background:#fff;box-shadow:0 6px 24px -18px rgba(30,58,138,.6)}
body.admin-bar .hh-header{top:32px}
@media(max-width:782px){body.admin-bar .hh-header{top:46px}}
.hh-header .hh-container{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:20px}
.hh-logo{flex:0 0 auto}
.hh-logo img,.hh-logo .custom-logo{max-height:54px;width:auto}
.hh-nav{margin-left:auto}
.hh-nav ul{list-style:none;display:flex;gap:26px;margin:0;padding:0;align-items:center}
.hh-nav a{font-family:var(--hh-body-font);font-weight:600;color:var(--hh-ink);font-size:15px;position:relative;padding:6px 0}
.hh-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--hh-red);transition:right .25s ease}
.hh-nav a:hover{color:var(--hh-red)}
.hh-nav a:hover::after,.hh-nav .current-menu-item>a::after{right:0}
.hh-nav .current-menu-item>a{color:var(--hh-red)}
.hh-nav li{position:relative}
.hh-nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:var(--hh-shadow);border-radius:10px;padding:8px;min-width:210px;flex-direction:column}
.hh-nav li:hover>.sub-menu{display:flex}
.hh-nav .sub-menu a{padding:9px 14px;border-radius:7px}
.hh-nav .sub-menu a::after{display:none}
.hh-nav .sub-menu a:hover{background:var(--hh-sky-soft)}
.hh-header-cta{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.hh-header-cta .hh-btn{padding:11px 20px;font-size:14px}
.hh-burger{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:8px}
.hh-burger span{width:25px;height:3px;background:var(--hh-navy);border-radius:3px;transition:.25s}

/* Hero */
.hh-hero{position:relative;color:#fff;background:linear-gradient(120deg, rgba(30,58,138,.92) 0%, rgba(37,99,235,.80) 55%, rgba(59,130,246,.66) 100%),url('assets/images/hero.jpg') center/cover no-repeat;padding:92px 0 104px}
.hh-hero-inner{max-width:680px;position:relative;z-index:2}
.hh-hero h1{color:#fff;font-size:clamp(30px,4.6vw,48px);line-height:1.1;margin-bottom:18px;letter-spacing:-.01em}
.hh-hero h1 .hi{color:#ff9d9d}
.hh-hero p{font-size:17px;color:#e3ebff;margin-bottom:28px;max-width:560px;line-height:1.6}
.hh-hero-cta{display:flex;gap:13px;flex-wrap:wrap}
.hh-award-chip{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;background:rgba(204,0,0,.22);border:1px solid rgba(255,157,157,.55);color:#ffe2e2;padding:8px 16px;border-radius:50px;font-weight:700;font-size:13px;letter-spacing:.02em}
.hh-award-chip svg{width:16px;height:16px;flex:0 0 auto}

/* Search bar */
.hh-searchbar{background:#fff;border-radius:16px;box-shadow:var(--hh-shadow);margin-top:-44px;position:relative;z-index:5;padding:24px;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:14px;align-items:end}
.hh-searchbar label{display:block;font-size:11.5px;font-weight:700;color:var(--hh-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.hh-searchbar select,.hh-searchbar input{width:100%;padding:12px 13px;border:1px solid var(--hh-line);border-radius:10px;font-family:var(--hh-body-font);font-size:14.5px;color:var(--hh-ink);background:#fff;transition:border-color .2s,box-shadow .2s}
.hh-searchbar select:focus,.hh-searchbar input:focus{outline:none;border-color:var(--hh-blue);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.hh-searchbar .hh-btn{justify-content:center;height:46px}

/* Stats */
.hh-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;text-align:center}
.hh-stat .num{font-family:var(--hh-head);font-size:38px;color:var(--hh-blue);font-weight:800;line-height:1}
.hh-stat .lbl{font-weight:600;color:var(--hh-muted);margin-top:7px;font-size:14px}

/* About */
.hh-split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.hh-about-card{background:#fff;border-radius:var(--hh-radius);box-shadow:var(--hh-shadow);padding:32px;border-top:4px solid var(--hh-red);transition:transform .25s ease,box-shadow .25s ease}
.hh-about-card:hover{transform:translateY(-4px);box-shadow:var(--hh-shadow-hover)}
.hh-about-card h3{font-family:var(--hh-body-font);font-weight:700;font-size:19px}
.hh-checklist{list-style:none;padding:0;margin:16px 0 0}
.hh-checklist li{position:relative;padding-left:32px;margin-bottom:11px;font-weight:600;color:var(--hh-ink);font-size:15.5px}
.hh-checklist li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--hh-red);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat}

/* Cards / Services */
.hh-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hh-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.hh-card{background:#fff;border:1px solid var(--hh-line);border-radius:14px;padding:26px 24px;height:100%;position:relative;overflow:hidden;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}
.hh-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--hh-grad-soft);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.hh-card:hover{transform:translateY(-7px);box-shadow:var(--hh-shadow-hover);border-color:transparent}
.hh-card:hover::before{transform:scaleX(1)}
.hh-card-ic{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--hh-sky-soft);color:var(--hh-blue);margin-bottom:15px;transition:.28s ease}
.hh-card:hover .hh-card-ic{background:var(--hh-blue);color:#fff;transform:rotate(-6deg) scale(1.05)}
.hh-card-ic svg{width:24px;height:24px}
.hh-card h3{font-family:var(--hh-body-font);font-weight:700;font-size:17.5px;margin-bottom:8px;color:var(--hh-ink)}
.hh-card p{color:var(--hh-muted);font-size:14.5px;margin:0;line-height:1.55}

/* USP band */
.hh-usp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 32px}
.hh-usp-item{display:flex;gap:14px;align-items:flex-start;transition:transform .22s ease}
.hh-usp-item:hover{transform:translateX(3px)}
.hh-usp-num{flex:0 0 auto;width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--hh-head);font-weight:800;font-size:15px;transition:.25s ease}
.hh-usp-item:hover .hh-usp-num{background:var(--hh-red);border-color:var(--hh-red)}
.hh-usp-item h4{color:#fff;font-size:16px;margin:0 0 2px;font-family:var(--hh-body-font);font-weight:700}
.hh-usp-item p{margin:0;color:#cfe0ff;font-size:14px;line-height:1.5}

/* Areas */
.hh-areas{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;margin-top:6px}
.hh-area-chip{background:#fff;border:1px solid var(--hh-line);border-radius:50px;padding:10px 20px;font-weight:600;color:var(--hh-ink);font-size:14.5px;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.hh-area-chip:hover{background:var(--hh-blue);color:#fff;border-color:var(--hh-blue);transform:translateY(-3px);box-shadow:var(--hh-shadow-sm)}
.hh-area-chip .pin{color:var(--hh-red);margin-right:6px;font-size:10px}
.hh-area-chip:hover .pin{color:#fff}

/* Listings */
.hh-listings-shell{background:#fff;border:1px dashed var(--hh-line);border-radius:var(--hh-radius);padding:18px}
.hh-mls-note{background:var(--hh-sky-soft);border-left:4px solid var(--hh-blue);padding:16px 20px;border-radius:8px;color:var(--hh-body);font-size:14.5px}

/* Award */
.hh-award{background:var(--hh-grad);border-radius:20px;color:#fff;padding:48px;text-align:center;position:relative;overflow:hidden}
.hh-award::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.08);top:-150px;right:-110px}
.hh-award::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(204,0,0,.18);bottom:-120px;left:-60px}
.hh-award-medal{width:64px;height:64px;margin:0 auto 14px;color:#ffd45e;position:relative}
.hh-award-medal svg{width:100%;height:100%}
.hh-award h2{color:#fff;position:relative}
.hh-award p{color:#dbe7ff;position:relative;max-width:600px;margin:0 auto;font-size:15.5px}

/* CTA band */
.hh-cta-band{background:var(--hh-red);color:#fff;border-radius:20px;padding:42px 50px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;box-shadow:0 24px 50px -24px rgba(204,0,0,.6)}
.hh-cta-band h2{color:#fff;margin:0;font-size:clamp(22px,2.4vw,30px)}
.hh-cta-band p{color:#ffd9d9;margin:5px 0 0}

/* Contact */
.hh-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px}
.hh-contact-info{padding:0;margin:18px 0 0}
.hh-contact-info li{list-style:none;display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.hh-ci-ic{flex:0 0 auto;width:44px;height:44px;border-radius:11px;background:var(--hh-sky-soft);color:var(--hh-blue);display:flex;align-items:center;justify-content:center}
.hh-ci-ic svg{width:20px;height:20px}
.hh-contact-info strong{color:var(--hh-ink);font-size:14px}
.hh-form{background:#fff;border-radius:var(--hh-radius);box-shadow:var(--hh-shadow);padding:32px}
.hh-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hh-form label{display:block;font-weight:600;font-size:13.5px;color:var(--hh-ink);margin:0 0 6px}
.hh-form input,.hh-form select,.hh-form textarea{width:100%;padding:12px 14px;border:1px solid var(--hh-line);border-radius:10px;font-family:var(--hh-body-font);font-size:14.5px;margin-bottom:14px;background:#fff;color:var(--hh-ink);transition:border-color .2s,box-shadow .2s}
.hh-form input:focus,.hh-form select:focus,.hh-form textarea:focus{outline:none;border-color:var(--hh-blue);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.hh-form textarea{min-height:120px;resize:vertical}

/* Footer (light, professional) */
.hh-footer{background:linear-gradient(180deg,#eef4ff 0%,#dfeaff 100%);color:var(--hh-body);padding:62px 0 0;border-top:1px solid var(--hh-line)}
.hh-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px}
.hh-footer h4{color:var(--hh-navy);font-family:var(--hh-body-font);font-size:16px;margin-bottom:16px;font-weight:700}
.hh-footer .foot-logo{max-height:62px;margin-bottom:14px}
.hh-footer p{font-size:14.5px;line-height:1.6}
.hh-footer ul{list-style:none;padding:0;margin:0}
.hh-footer li{margin-bottom:9px;font-size:14.5px}
.hh-footer a{color:var(--hh-body)}
.hh-footer a:hover{color:var(--hh-red)}
.hh-foot-contact li{display:flex;align-items:center;gap:10px}
.hh-foot-contact svg{width:16px;height:16px;flex:0 0 auto;color:var(--hh-blue)}
.hh-foot-social{display:flex;gap:9px;margin-top:12px}
.hh-foot-social a{width:36px;height:36px;border-radius:9px;background:#fff;border:1px solid var(--hh-line);display:flex;align-items:center;justify-content:center;color:var(--hh-blue);transition:.22s ease}
.hh-foot-social a:hover{background:var(--hh-blue);color:#fff;transform:translateY(-2px)}
.hh-foot-social svg{width:17px;height:17px}
.hh-footer-bottom{border-top:1px solid var(--hh-line);margin-top:48px;padding:20px 0;font-size:13.5px;color:var(--hh-muted)}
.hh-footer-bottom .hh-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

/* Pages / posts */
.hh-page-hero{background:var(--hh-grad);color:#fff;padding:64px 0;text-align:center}
.hh-page-hero h1{color:#fff;font-size:clamp(27px,4vw,42px)}
.hh-page-hero .crumbs{color:#cfe0ff;font-size:13.5px;margin-bottom:6px}
.hh-page-hero .crumbs a{color:#fff}
.hh-content{padding:64px 0}
.hh-content article{max-width:800px;margin:0 auto}
.hh-content h2{margin-top:1.3em}
.hh-post-meta{color:var(--hh-muted);font-size:13.5px;margin-bottom:18px}
.entry-content img,.wp-block-image{border-radius:10px}
blockquote{border-left:4px solid var(--hh-red);margin:1.3em 0;padding:.4em 1.2em;color:var(--hh-ink);font-style:italic}
.hh-sidebar .widget{background:#fff;border:1px solid var(--hh-line);border-radius:12px;padding:22px;margin-bottom:22px}
.hh-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hh-post-card{background:#fff;border:1px solid var(--hh-line);border-radius:12px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.hh-post-card:hover{box-shadow:var(--hh-shadow-hover);transform:translateY(-5px)}
.hh-post-card .thumb{aspect-ratio:16/10;overflow:hidden;background:var(--hh-sky-soft)}
.hh-post-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.hh-post-card:hover .thumb img{transform:scale(1.05)}
.hh-post-card .body{padding:20px}
.hh-post-card h3{font-family:var(--hh-body-font);font-weight:700;font-size:18px;margin-bottom:7px}
.hh-pagination{display:flex;gap:8px;justify-content:center;margin-top:38px}
.hh-pagination .page-numbers{padding:9px 15px;border:1px solid var(--hh-line);border-radius:8px;color:var(--hh-ink);font-weight:600}
.hh-pagination .current{background:var(--hh-blue);color:#fff;border-color:var(--hh-blue)}

/* WP core helpers */
.alignwide{max-width:1080px;margin-left:auto;margin-right:auto}
.alignfull{max-width:100%}
.aligncenter{margin-left:auto;margin-right:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:10px 16px;z-index:1000}
.skip-link:focus{left:10px}

/* Scroll reveal */
.hh-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.hh-reveal.hh-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.hh-reveal{opacity:1;transform:none;transition:none}*{scroll-behavior:auto}}

/* Responsive */
@media(max-width:1024px){.hh-footer-grid{grid-template-columns:1fr 1fr}.hh-searchbar{grid-template-columns:1fr 1fr}.hh-archive-grid{grid-template-columns:repeat(2,1fr)}.hh-grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .hh-nav{position:fixed;inset:0 0 0 auto;width:290px;background:#fff;flex-direction:column;margin-left:0;transform:translateX(100%);transition:transform .3s ease;box-shadow:var(--hh-shadow);padding:88px 24px 24px;z-index:998}
  .hh-nav.open{transform:translateX(0)}
  .hh-nav ul{flex-direction:column;gap:4px;align-items:stretch}
  .hh-nav a{padding:10px 4px}
  .hh-nav a::after{display:none}
  .hh-nav .sub-menu{position:static;box-shadow:none;display:flex;padding-left:12px;min-width:0}
  .hh-burger{display:flex}
  .hh-header-cta .hh-btn--primary{display:none}
  .hh-split,.hh-contact-grid{grid-template-columns:1fr;gap:32px}
  .hh-grid-2,.hh-stats{grid-template-columns:1fr 1fr}
  .hh-usp-grid{grid-template-columns:1fr}
  .hh-cta-band{flex-direction:column;text-align:center}
  .hh-form .row{grid-template-columns:1fr}
}
@media(max-width:560px){
  body{font-size:15.5px}
  .hh-section{padding:54px 0}
  .hh-grid-3,.hh-grid-2,.hh-stats,.hh-archive-grid,.hh-searchbar{grid-template-columns:1fr}
  .hh-award,.hh-cta-band{padding:30px 22px}
  .hh-topbar-left{gap:14px}
  .hh-hero{padding:64px 0 80px}
}