/* ListingsRealEstate.ca — 2026 Capital One-inspired visual refresh
   Original branding/content is preserved; this file only supplies the visual system. */
:root {
  --lr-ink: #102a43;
  --lr-ink-2: #163d5c;
  --lr-ink-3: #2e5874;
  --lr-accent: #005a8d;
  --lr-accent-dark: #00456f;
  --lr-accent-bright: #0076a8;
  --lr-red: #c81d34;
  --lr-red-dark: #a81428;
  --lr-red-soft: #fff1f3;
  --lr-gold: #d7a64a;
  --lr-sage: #66859a;
  --lr-text: #253b4d;
  --lr-muted: #607487;
  --lr-line: #dce6ef;
  --lr-soft: #f4f8fc;
  --lr-warm: #f8fafc;
  --lr-white: #ffffff;
  --lr-ink-rgb: 16, 42, 67;
  --lr-accent-rgb: 0, 90, 141;
  --lr-gold-rgb: 215, 166, 74;
  --lr-red-rgb: 200, 29, 52;
  --lr-radius-sm: 10px;
  --lr-radius: 18px;
  --lr-radius-lg: 26px;
  --lr-shadow-sm: 0 8px 24px rgba(16, 42, 67, .07);
  --lr-shadow: 0 20px 54px rgba(16, 42, 67, .12);
  --lr-shadow-hover: 0 18px 42px rgba(16, 42, 67, .14);
  --lr-container: 1180px;
}

html { scroll-padding-top: 126px; }
body {
  background: #fff !important;
  color: var(--lr-text) !important;
  letter-spacing: -.002em;
}
body::before {
  content: "";
  position: fixed;
  inset: 0 0 auto 0;
  height: 3px;
  z-index: 1090;
  background: linear-gradient(90deg, var(--lr-red) 0 18%, var(--lr-accent) 18% 100%);
  pointer-events: none;
}
::selection { background: rgba(var(--lr-accent-rgb), .18); color: var(--lr-ink); }
a { color: var(--lr-accent); }
a:hover, a:focus { color: var(--lr-accent-dark); }
:focus-visible { outline: 3px solid rgba(var(--lr-accent-rgb), .30); outline-offset: 3px; }

/* Header / navigation */
.site-header {
  border-bottom: 1px solid rgba(var(--lr-ink-rgb), .08) !important;
  background: rgba(255,255,255,.985) !important;
  box-shadow: 0 7px 28px rgba(var(--lr-ink-rgb), .075) !important;
  backdrop-filter: blur(18px) saturate(135%);
}
.site-topbar {
  background: linear-gradient(90deg, #003e66 0%, #005a8d 58%, #006b9f 100%) !important;
  color: rgba(255,255,255,.88) !important;
}
.site-topbar .fa { color: #fff !important; opacity: .92; }
.site-topbar a { color: #fff !important; }
.site-navbar { background: rgba(255,255,255,.985) !important; }
.site-brand-mark {
  border: 1px solid rgba(var(--lr-accent-rgb), .18) !important;
  border-top: 3px solid var(--lr-red) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, #fff 0%, #eef6fb 100%) !important;
  box-shadow: inset 0 0 0 4px #fff, 0 7px 18px rgba(var(--lr-ink-rgb), .08) !important;
  color: var(--lr-accent) !important;
}
.site-brand-name { color: var(--lr-ink) !important; }
.site-brand-tagline { color: var(--lr-muted) !important; }
.site-menu .nav-link {
  color: var(--lr-ink) !important;
  font-weight: 730 !important;
}
.site-menu .nav-link:hover,
.site-menu .nav-link:focus,
.site-menu .nav-link.active {
  background: #edf5fa !important;
  color: var(--lr-accent-dark) !important;
}
.site-menu .nav-link.active { box-shadow: inset 0 -2px 0 var(--lr-red); }
.site-menu .dropdown-menu {
  border-color: rgba(var(--lr-accent-rgb), .12) !important;
  background: rgba(255,255,255,.995) !important;
  box-shadow: 0 18px 48px rgba(var(--lr-ink-rgb), .14) !important;
}
.site-menu .dropdown-item:hover,
.site-menu .dropdown-item:focus {
  background: #eef6fb !important;
  color: var(--lr-accent-dark) !important;
}
.site-language-link,
.site-theme-toggle {
  border-color: var(--lr-line) !important;
  background: #fff !important;
  color: var(--lr-ink) !important;
}
.site-language-link:hover,
.site-theme-toggle:hover {
  border-color: rgba(var(--lr-accent-rgb), .45) !important;
  background: #eef6fb !important;
  color: var(--lr-accent-dark) !important;
}
.site-phone-link {
  border-color: var(--lr-red) !important;
  background: var(--lr-red) !important;
  box-shadow: 0 10px 24px rgba(var(--lr-red-rgb), .19) !important;
}
.site-phone-link:hover,
.site-phone-link:focus {
  border-color: var(--lr-red-dark) !important;
  background: var(--lr-red-dark) !important;
  box-shadow: 0 12px 28px rgba(var(--lr-red-rgb), .24) !important;
}
.site-navbar .navbar-toggler {
  border-color: var(--lr-line) !important;
  background: #fff !important;
}
.site-menu-line { stroke: var(--lr-ink) !important; }

/* Global typography / surfaces */
h1, h2, h3, h4, h5, h6 { color: var(--lr-ink) !important; }
h1 { letter-spacing: -.045em !important; }
h2 { letter-spacing: -.035em !important; }
.lead, .text-muted { color: var(--lr-muted) !important; }
.bg-light { background: var(--lr-soft) !important; }
.card,
.proof-card,
.service-card,
.step-card,
.listing-card,
.context-link-card,
.contact-service-card,
.contact-method,
.process-card,
.city-link-card,
.provider-card,
.stat-card {
  border-color: var(--lr-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(var(--lr-ink-rgb), .055) !important;
}
.card:hover,
a.context-link-card:hover,
a.home-service-card:hover,
a.home-city-card:hover,
a.contact-service-card:hover,
a.city-link-card:hover {
  transform: translateY(-3px);
  border-color: rgba(var(--lr-accent-rgb), .26) !important;
  box-shadow: var(--lr-shadow-hover) !important;
}
.card-header { border-color: var(--lr-line) !important; background: #f6f9fc !important; }
.border-primary { border-color: rgba(var(--lr-accent-rgb), .35) !important; }
.text-primary { color: var(--lr-accent) !important; }
.badge-primary { background: var(--lr-accent) !important; }

/* Buttons */
.btn,
.cta-button,
.secondary-cta,
.contact-button,
.service-actions a,
.home-button,
.site-footer-cta-primary,
.site-footer-cta-secondary {
  border-radius: 11px !important;
  font-weight: 760 !important;
}
.btn-primary,
.home-button-primary,
.cta-button,
.contact-button.primary,
.service-actions .primary {
  border-color: var(--lr-red) !important;
  background: var(--lr-red) !important;
  color: #fff !important;
  box-shadow: 0 9px 22px rgba(var(--lr-red-rgb), .16) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.home-button-primary:hover,
.home-button-primary:focus,
.cta-button:hover,
.cta-button:focus,
.contact-button.primary:hover,
.service-actions .primary:hover {
  border-color: var(--lr-red-dark) !important;
  background: var(--lr-red-dark) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(var(--lr-red-rgb), .23) !important;
}
.btn-outline-primary,
.home-button-secondary,
.secondary-cta,
.contact-button.secondary,
.service-actions .secondary {
  border: 1px solid rgba(var(--lr-accent-rgb), .35) !important;
  background: #fff !important;
  color: var(--lr-accent-dark) !important;
}
.btn-outline-primary:hover,
.home-button-secondary:hover,
.secondary-cta:hover,
.contact-button.secondary:hover,
.service-actions .secondary:hover {
  border-color: var(--lr-accent) !important;
  background: var(--lr-accent) !important;
  color: #fff !important;
}

/* Homepage */
.home-hero {
  padding-top: clamp(58px, 7vw, 100px) !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(var(--lr-accent-rgb), .12), transparent 30%),
    radial-gradient(circle at 14% 14%, rgba(var(--lr-red-rgb), .065), transparent 25%),
    linear-gradient(145deg, #f7fbfe 0%, #ffffff 52%, #eef6fb 100%) !important;
}
.home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(var(--lr-accent-rgb), .035) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--lr-accent-rgb), .035) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(to right, rgba(0,0,0,.35), transparent 58%);
}
.home-hero h1 span { color: var(--lr-accent) !important; }
.home-eyebrow,
.section-eyebrow,
.service-eyebrow,
.contact-section-label,
.context-links-kicker,
.lead-cta-kicker {
  color: var(--lr-accent) !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}
.home-trust-row span i { color: var(--lr-accent-bright) !important; }
.home-portrait-wrap {
  background: linear-gradient(150deg, #eaf4fa 0%, #fff 62%) !important;
  border: 1px solid rgba(var(--lr-accent-rgb), .14) !important;
  box-shadow: 0 28px 70px rgba(var(--lr-ink-rgb), .14) !important;
}
.home-experience-card {
  border-color: rgba(var(--lr-accent-rgb), .18) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: var(--lr-shadow-sm) !important;
}
.home-section-soft { background: #f4f8fc !important; }
.home-section-warm { background: #f8fafc !important; }
.home-section-dark {
  background: linear-gradient(145deg, #003e66 0%, #07577f 100%) !important;
}
.home-section-dark h2,
.home-section-dark h3,
.home-section-dark p,
.home-section-dark .section-eyebrow,
.home-section-dark a { color: #fff !important; }
.home-service-card,
.home-city-card,
.home-process-card,
.home-review-card,
.home-proof-card {
  border-color: var(--lr-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 9px 28px rgba(var(--lr-ink-rgb), .06) !important;
}
.home-service-icon,
.contact-service-icon,
.service-info-card .fa {
  color: var(--lr-accent) !important;
  background: #eaf4fa !important;
}
.home-city-card::before,
.home-service-card::before {
  background: linear-gradient(90deg, var(--lr-red), var(--lr-accent)) !important;
}
.home-card-link { color: var(--lr-accent) !important; }
.home-review-stars { color: #e3a324 !important; }
.home-market-panel {
  border: 1px solid rgba(var(--lr-accent-rgb), .14) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: var(--lr-shadow-sm) !important;
}

/* Generic city / money pages */
.intro-single { background: #fff !important; }
.breadcrumbs,
.breadcrumb,
.breadcrumb-item { color: var(--lr-muted) !important; }
.breadcrumbs a,
.breadcrumb a { color: var(--lr-accent) !important; }
.money-page-hero,
.service-hero {
  border: 1px solid rgba(var(--lr-accent-rgb), .14) !important;
  border-left: 5px solid var(--lr-accent) !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #eef7fc 0%, #fff 72%) !important;
  box-shadow: 0 10px 28px rgba(var(--lr-ink-rgb), .055) !important;
}
.answer-box {
  border: 1px solid rgba(var(--lr-red-rgb), .14) !important;
  border-left: 5px solid var(--lr-red) !important;
  border-radius: 15px !important;
  background: var(--lr-red-soft) !important;
}
.answer-label { color: var(--lr-red-dark) !important; }
.trust-box,
.related-links,
.client-proof-section,
.highlight-box,
.info-box,
.warning-box,
.sources-box,
.author-box {
  border: 1px solid var(--lr-line) !important;
  border-radius: 15px !important;
  background: #f7fafc !important;
  box-shadow: none !important;
}
.cta-panel,
.article-cta,
.lead-cta {
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #003e66 0%, #005f91 100%) !important;
  box-shadow: 0 18px 42px rgba(var(--lr-ink-rgb), .16) !important;
}
.cta-panel h2,
.cta-panel h3,
.cta-panel p,
.article-cta h2,
.article-cta h3,
.article-cta p,
.lead-cta h2,
.lead-cta p { color: #fff !important; }
.language-switch {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 11px;
  border: 1px solid var(--lr-line);
  border-radius: 999px;
  background: #fff;
  color: var(--lr-muted);
}
.comparison-table,
.score-table,
.table { border-color: var(--lr-line) !important; }
.comparison-table th,
.score-table th,
.table thead th {
  border-color: var(--lr-line) !important;
  background: #edf5fa !important;
  color: var(--lr-ink) !important;
}
.comparison-table td,
.score-table td,
.table td { border-color: var(--lr-line) !important; }
.table-striped tbody tr:nth-of-type(odd) { background: #f8fbfd !important; }

/* Context/internal-link modules */
.context-links-panel {
  border: 1px solid var(--lr-line) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #f8fbfd 0%, #fff 100%) !important;
}
.context-link-card {
  position: relative;
  overflow: hidden;
  text-decoration: none !important;
}
.context-link-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: var(--lr-accent);
  opacity: .85;
}
.context-link-arrow { color: var(--lr-red) !important; }

/* Service pages */
.service-landing { background: #fff !important; }
.service-summary,
.service-contact-card,
.service-info-card {
  border-color: var(--lr-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: var(--lr-shadow-sm) !important;
}
.process-number,
.contact-process-number {
  background: var(--lr-accent) !important;
  color: #fff !important;
}
.service-contact-card { border-top: 4px solid var(--lr-red) !important; }

/* Contact page */
.contact-hero,
.contact-card,
.contact-main-card,
.contact-booking-card {
  border-color: var(--lr-line) !important;
  background: #fff !important;
  box-shadow: var(--lr-shadow-sm) !important;
}
.contact-hero {
  background: linear-gradient(145deg, #f3f9fd 0%, #fff 64%, #fff5f6 100%) !important;
}
.contact-method-icon { background: #eaf4fa !important; color: var(--lr-accent) !important; }
.contact-method:hover .contact-method-icon { background: var(--lr-accent) !important; color: #fff !important; }
.contact-method-arrow { color: var(--lr-red) !important; }
.contact-language-tag {
  border-color: rgba(var(--lr-accent-rgb), .18) !important;
  background: #eef6fb !important;
  color: var(--lr-accent-dark) !important;
}

/* Listing directory / forms */
.listing-directory-hero {
  border: 1px solid rgba(var(--lr-accent-rgb), .14) !important;
  background: linear-gradient(145deg, #eef7fc 0%, #fff 76%) !important;
}
.listing-city-heading { color: var(--lr-ink) !important; }
input,
select,
textarea,
.form-control {
  border-color: #cfdce7 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--lr-ink) !important;
  box-shadow: none !important;
}
input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border-color: var(--lr-accent) !important;
  box-shadow: 0 0 0 3px rgba(var(--lr-accent-rgb), .12) !important;
}
label { color: var(--lr-ink) !important; }

/* Market tool */
.stat-card { overflow: hidden; }
.stat-card::before {
  content: "";
  display: block;
  height: 4px;
  margin: -1px -1px 14px;
  background: var(--lr-accent);
}
.stat-card.price::before { background: var(--lr-red); }
.stat-card.inventory::before { background: var(--lr-accent-bright); }
.stat-card.trend::before { background: #5f7f96; }
.stat-value { color: var(--lr-ink) !important; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: var(--lr-accent) !important;
  color: #fff !important;
}

/* Article index / long-form guides */
.news-single,
.post-content,
.credit-guide { color: var(--lr-text) !important; }
.article-lead {
  border-left: 4px solid var(--lr-accent) !important;
  background: #f4f9fc !important;
  color: var(--lr-text) !important;
}
.article-updated-note,
.updated-note { color: var(--lr-muted) !important; }
.video-wrap { border-radius: 16px !important; overflow: hidden; box-shadow: var(--lr-shadow-sm); }

/* Footer */
.site-footer-cta {
  background: linear-gradient(90deg, #eef7fc 0%, #fff 58%, #fff2f4 100%) !important;
  border-top: 1px solid var(--lr-line) !important;
}
.site-footer-cta h2 { color: var(--lr-ink) !important; }
.site-footer-cta p { color: var(--lr-muted) !important; }
.site-footer-cta-primary {
  border-color: var(--lr-red) !important;
  background: var(--lr-red) !important;
  color: #fff !important;
}
.site-footer-cta-primary:hover { background: var(--lr-red-dark) !important; color: #fff !important; }
.site-footer-cta-secondary {
  border-color: rgba(var(--lr-accent-rgb), .35) !important;
  background: #fff !important;
  color: var(--lr-accent-dark) !important;
}
.site-footer-cta-secondary:hover { border-color: var(--lr-accent) !important; background: var(--lr-accent) !important; color: #fff !important; }
.site-footer-main {
  background: linear-gradient(145deg, #0d2f49 0%, #123e5d 100%) !important;
  color: rgba(255,255,255,.82) !important;
}
.site-footer-main h2,
.site-footer-main .site-footer-brand,
.site-footer-main a { color: #fff !important; }
.site-footer-main a:hover { color: #dceef8 !important; }
.site-footer-brand-sub { color: #b9d8e9 !important; }
.site-footer-social a { border-color: rgba(255,255,255,.26) !important; }
.site-footer-social a:hover { background: rgba(255,255,255,.10) !important; }
.site-footer-bottom { border-color: rgba(255,255,255,.14) !important; }

/* Dark theme remains available, but keeps a crisp blue-based palette. */
html[data-theme="dark"] body { background: #0d1f2f !important; color: #dbe7ef !important; }
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .site-navbar { background: rgba(13,31,47,.985) !important; border-color: rgba(255,255,255,.09) !important; }
html[data-theme="dark"] .site-topbar { background: #08263c !important; }
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .site-brand-name,
html[data-theme="dark"] .site-menu .nav-link { color: #f4f8fb !important; }
html[data-theme="dark"] .site-brand-tagline,
html[data-theme="dark"] .lead,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .updated-note,
html[data-theme="dark"] .article-updated-note { color: #abc0cf !important; }
html[data-theme="dark"] .site-brand-mark,
html[data-theme="dark"] .site-language-link,
html[data-theme="dark"] .site-theme-toggle,
html[data-theme="dark"] .card,
html[data-theme="dark"] .proof-card,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .step-card,
html[data-theme="dark"] .listing-card,
html[data-theme="dark"] .context-link-card,
html[data-theme="dark"] .contact-service-card,
html[data-theme="dark"] .contact-method,
html[data-theme="dark"] .process-card,
html[data-theme="dark"] .city-link-card,
html[data-theme="dark"] .provider-card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .home-service-card,
html[data-theme="dark"] .home-city-card,
html[data-theme="dark"] .home-process-card,
html[data-theme="dark"] .home-review-card,
html[data-theme="dark"] .home-proof-card,
html[data-theme="dark"] .home-market-panel,
html[data-theme="dark"] .service-summary,
html[data-theme="dark"] .service-contact-card,
html[data-theme="dark"] .service-info-card,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .form-control {
  border-color: #29475d !important;
  background: #122b3f !important;
  color: #e7f0f5 !important;
}
html[data-theme="dark"] .home-hero,
html[data-theme="dark"] .contact-hero,
html[data-theme="dark"] .money-page-hero,
html[data-theme="dark"] .service-hero,
html[data-theme="dark"] .listing-directory-hero,
html[data-theme="dark"] .context-links-panel,
html[data-theme="dark"] .trust-box,
html[data-theme="dark"] .related-links,
html[data-theme="dark"] .client-proof-section,
html[data-theme="dark"] .highlight-box,
html[data-theme="dark"] .info-box,
html[data-theme="dark"] .warning-box,
html[data-theme="dark"] .sources-box,
html[data-theme="dark"] .author-box,
html[data-theme="dark"] .article-lead {
  background: #10273a !important;
  border-color: #29475d !important;
}
html[data-theme="dark"] .answer-box { background: #321b27 !important; border-color: #5f2d3d !important; }
html[data-theme="dark"] .site-menu .nav-link:hover,
html[data-theme="dark"] .site-menu .nav-link:focus,
html[data-theme="dark"] .site-menu .nav-link.active,
html[data-theme="dark"] .site-menu .dropdown-item:hover { background: #17344a !important; color: #fff !important; }
html[data-theme="dark"] .site-menu .dropdown-menu { background: #10273a !important; border-color: #29475d !important; }
html[data-theme="dark"] .site-menu .dropdown-item { color: #dbe7ef !important; }
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .comparison-table th,
html[data-theme="dark"] .score-table th { background: #17344a !important; color: #eef6fb !important; border-color: #29475d !important; }
html[data-theme="dark"] .table td,
html[data-theme="dark"] .comparison-table td,
html[data-theme="dark"] .score-table td { border-color: #29475d !important; }
html[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) { background: #10273a !important; }

/* Mobile: prioritize content, strong tap targets, no horizontal spill. */
@media (max-width: 991.98px) {
  body { padding-top: 78px !important; }
  .site-topbar { display: none !important; }
  .site-navbar .navbar-collapse {
    background: #fff !important;
    border-top: 1px solid var(--lr-line) !important;
  }
  .site-menu .nav-link { min-height: 44px; display: flex; align-items: center; }
  .site-nav-actions { display: grid !important; grid-template-columns: 48px 48px 1fr; gap: 9px !important; }
  .site-phone-link { min-height: 46px !important; }
  html[data-theme="dark"] .site-navbar .navbar-collapse { background: #0d1f2f !important; border-color: #29475d !important; }
  .home-hero { padding-top: 38px !important; }
}
@media (max-width: 767.98px) {
  .container { width: min(100% - 28px, var(--lr-container)) !important; }
  h1 { font-size: clamp(2rem, 10vw, 3.05rem) !important; line-height: 1.08 !important; }
  h2 { font-size: clamp(1.55rem, 7vw, 2.2rem) !important; }
  .home-hero-grid { gap: 34px !important; }
  .home-hero-actions,
  .service-actions,
  .site-footer-cta-actions { width: 100%; }
  .home-hero-actions a,
  .service-actions a,
  .site-footer-cta-actions a { width: 100%; }
  .home-trust-row { gap: 8px 14px !important; }
  .money-page-hero,
  .answer-box,
  .trust-box,
  .related-links,
  .client-proof-section,
  .context-links-panel,
  .cta-panel { padding: 20px !important; }
  .comparison-table,
  .score-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .local-list { columns: 1 !important; -webkit-columns: 1 !important; -moz-columns: 1 !important; }
}
@media (max-width: 575.98px) {
  body { padding-top: 70px !important; }
  .site-navbar { min-height: 70px !important; }
  .site-brand-tagline { display: none !important; }
  .site-brand-name { font-size: .95rem !important; }
  .site-brand-mark { width: 39px !important; height: 39px !important; flex-basis: 39px !important; }
  .site-nav-actions { grid-template-columns: 46px 46px 1fr; }
  .home-hero { padding-top: 28px !important; padding-bottom: 50px !important; }
  .home-portrait-wrap { border-radius: 22px !important; }
  .home-experience-card { left: 12px !important; right: 12px !important; bottom: 12px !important; }
  .btn,
  .home-button,
  .cta-button,
  .secondary-cta,
  .contact-button { min-height: 46px !important; }
  .cta-button,
  .secondary-cta { display: flex !important; width: 100%; margin: 8px 0 !important; }
  .language-switch { width: 100%; justify-content: center; }
}