/* Hermes Construction — global Zoho Sites theme */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --hc-black: #0b0b0b;
  --hc-black-soft: #121212;
  --hc-charcoal: #1a1a1a;
  --hc-gold: #b8924f;
  --hc-gold-light: #d5b36e;
  --hc-ivory: #f3efe6;
  --hc-white: #ffffff;
  --hc-muted: #aaa69e;
  --hc-border: rgba(184, 146, 79, 0.30);
  --hc-display: "DM Serif Display", Georgia, serif;
  --hc-body: "Inter", Arial, sans-serif;
}

html { scroll-behavior: smooth; }

body {
  overflow-x: hidden;
  background: var(--hc-black) !important;
  color: var(--hc-ivory);
  font-family: var(--hc-body) !important;
  -webkit-font-smoothing: antialiased;
}

body p,
body a,
body li,
body span,
body input,
body textarea,
body select,
body button { font-family: var(--hc-body) !important; }

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: var(--hc-display) !important;
  font-weight: 400 !important;
  letter-spacing: -0.025em;
}

.zpcontainer {
  width: min(calc(100% - 42px), 1240px) !important;
  max-width: 1240px !important;
}

/* Header */
.theme-header-topbar { display: none !important; }

.theme-header {
  min-height: 86px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(11,11,11,.97) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.28);
}

.theme-logo-parent img {
  width: auto !important;
  max-width: 108px !important;
  max-height: 108px !important;
  object-fit: contain !important;
}

.theme-site-name,
.theme-site-caption { color: var(--hc-ivory) !important; }

.theme-site-name {
  font-family: var(--hc-display) !important;
  font-size: 1.4rem !important;
}

.theme-site-caption {
  color: var(--hc-gold-light) !important;
  font-family: var(--hc-body) !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.theme-navigation-and-icons,
.theme-menu-area,
.theme-menu,
.theme-menu > ul,
.theme-menu > ul > li { background: transparent !important; }

.theme-menu > ul > li > a,
.theme-menu-name {
  color: var(--hc-ivory) !important;
  font-family: var(--hc-body) !important;
  font-size: .77rem !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

.theme-menu > ul > li > a:hover,
.theme-menu > ul > li.theme-menu-selected > a,
.theme-menu > ul > li.theme-menu-selected .theme-menu-name {
  color: var(--hc-gold-light) !important;
}

.theme-burger-icon,
.theme-burger-icon::before,
.theme-burger-icon::after {
  border-color: var(--hc-gold-light) !important;
  background-color: var(--hc-gold-light) !important;
}

/* Hero */
.theme-banner,
.zphero,
.zphero .zpslider-container,
.zphero .zpslider-img { min-height: clamp(650px, 78vh, 850px) !important; }

.zphero,
.zphero .zpdefault-section,
.zphero .zpdefault-section-bg {
  background-color: var(--hc-black) !important;
  color: var(--hc-ivory) !important;
}

.zphero .zprow { align-items: center !important; }

.zphero .zpelem-col {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

.zphero .zscustom-banner-small-heading,
.zscustom-content-small-heading {
  color: var(--hc-gold-light) !important;
  font-size: .73rem !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.zphero .zscustom-banner-small-heading::before,
.zscustom-content-small-heading::before {
  display: inline-block;
  width: 34px;
  height: 1px;
  margin: 0 11px 4px 0;
  background: currentColor;
  content: "";
}

.zphero h1 {
  max-width: 760px;
  color: var(--hc-white) !important;
  font-size: clamp(3.65rem, 7.2vw, 7rem) !important;
  line-height: .96 !important;
  text-transform: uppercase !important;
  text-wrap: balance;
}

.zphero p {
  max-width: 670px;
  color: #c2beb5 !important;
  font-size: clamp(1rem, 1.35vw, 1.16rem) !important;
  line-height: 1.72 !important;
}

.zphero .zscustom-banner-img,
.zphero .zscustom-banner-img img {
  width: 100% !important;
  min-height: 560px;
  object-fit: cover !important;
}

.zphero .zscustom-banner-img {
  overflow: hidden;
  border: 1px solid var(--hc-border);
  box-shadow: 0 26px 80px rgba(0,0,0,.45);
}

/* Buttons */
.zpbutton,
.zpbutton-wrapper,
a.zpbutton-wrapper {
  min-height: 52px !important;
  padding: 15px 25px !important;
  border: 1px solid var(--hc-gold) !important;
  border-radius: 0 !important;
  background: var(--hc-gold) !important;
  box-shadow: none !important;
  color: var(--hc-black) !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  letter-spacing: .10em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  transition: transform .18s ease, background .18s ease !important;
}

.zpbutton:hover,
.zpbutton-wrapper:hover {
  border-color: var(--hc-gold-light) !important;
  background: var(--hc-gold-light) !important;
  color: var(--hc-black) !important;
  transform: translateY(-2px);
}

/* Sections */
.theme-content-area > .zpsection,
.theme-footer-area .zpsection {
  padding-top: clamp(76px, 8vw, 120px) !important;
  padding-bottom: clamp(76px, 8vw, 120px) !important;
}

.theme-content-area > .zpsection.zpdefault-section,
.theme-content-area > .zpsection.zpdefault-section-bg {
  background-color: var(--hc-ivory) !important;
  color: var(--hc-black) !important;
}

.theme-content-area > .zpsection.zplight-section,
.theme-content-area > .zpsection.zplight-section-bg {
  background-color: var(--hc-black-soft) !important;
  color: var(--hc-ivory) !important;
}

.theme-content-area > .zpsection.zpdark-section,
.theme-content-area > .zpsection.zpdark-section-bg {
  background-color: var(--hc-black) !important;
  color: var(--hc-ivory) !important;
}

.zpsection h2 {
  font-size: clamp(2.7rem, 5.4vw, 5rem) !important;
  line-height: 1 !important;
  text-wrap: balance;
}

.zpsection h3 {
  font-size: clamp(1.85rem, 3.1vw, 2.85rem) !important;
  line-height: 1.08 !important;
}

.zpsection p {
  font-size: .98rem !important;
  line-height: 1.72 !important;
}

.zpsection.zplight-section h1,
.zpsection.zplight-section h2,
.zpsection.zplight-section h3,
.zpsection.zplight-section h4,
.zpsection.zplight-section h5,
.zpsection.zpdark-section h1,
.zpsection.zpdark-section h2,
.zpsection.zpdark-section h3,
.zpsection.zpdark-section h4,
.zpsection.zpdark-section h5 { color: var(--hc-ivory) !important; }

.zpsection.zplight-section p,
.zpsection.zpdark-section p { color: var(--hc-muted) !important; }

/* Service cards */
.zscustom-service-box,
.zpelem-box.zpdark-section,
.zpelem-box.zplight-section {
  overflow: hidden;
  border: 1px solid var(--hc-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.zscustom-service-box,
.zpelem-box.zpdark-section {
  background: var(--hc-charcoal) !important;
  color: var(--hc-ivory) !important;
}

.zpelem-box.zplight-section {
  background: #fffdf8 !important;
  color: var(--hc-black) !important;
}

.zscustom-service-box:hover,
.zpelem-box.zpdark-section:hover,
.zpelem-box.zplight-section:hover {
  border-color: var(--hc-gold) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.18) !important;
  transform: translateY(-4px);
}

.zscustom-service-box img,
.zpelem-image img {
  width: 100% !important;
  object-fit: cover !important;
}

.zscustom-service-box h5,
.zscustom-service-box h6 { color: var(--hc-ivory) !important; }

.zscustom-service-box p { color: var(--hc-muted) !important; }

/* Statistics */
.zpsection.zpdark-section .zpheading {
  color: var(--hc-gold-light) !important;
}

.zpsection.zpdark-section h2 {
  font-family: var(--hc-body) !important;
  font-weight: 700 !important;
}

/* Images and portfolio */
.zpelem-image { overflow: hidden; }

.zpelem-image img {
  transition: filter .35s ease, transform .55s ease;
}

.zpelem-image:hover img {
  filter: saturate(1.05) contrast(1.04);
  transform: scale(1.025);
}

/* Forms */
.zpform-container,
.zpform-outer,
.zpform-wrapper {
  border: 1px solid var(--hc-border) !important;
  border-top: 4px solid var(--hc-gold) !important;
  border-radius: 0 !important;
  background: var(--hc-white) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
}

.zpform-container input,
.zpform-container textarea,
.zpform-container select {
  min-height: 48px !important;
  border: 1px solid #cfc6b5 !important;
  border-radius: 0 !important;
  background: #fffdf8 !important;
  color: var(--hc-black) !important;
}

.zpform-container textarea { min-height: 140px !important; }

.zpform-container input:focus,
.zpform-container textarea:focus,
.zpform-container select:focus {
  border-color: var(--hc-gold) !important;
  outline: 2px solid rgba(184,146,79,.22) !important;
}

/* Footer */
.theme-footer-area,
.theme-footer-area .zpsection,
.theme-footer-area .zpdefault-section,
.theme-footer-area .zpdefault-section-bg {
  border-top: 1px solid var(--hc-border) !important;
  background: #050505 !important;
  color: var(--hc-muted) !important;
}

.theme-footer-area h1,
.theme-footer-area h2,
.theme-footer-area h3,
.theme-footer-area h4,
.theme-footer-area h5,
.theme-footer-area h6 { color: var(--hc-gold-light) !important; }

.theme-footer-area p,
.theme-footer-area span { color: var(--hc-muted) !important; }

.theme-footer-area a { color: var(--hc-ivory) !important; }
.theme-footer-area a:hover { color: var(--hc-gold-light) !important; }

/* Accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid var(--hc-gold-light) !important;
  outline-offset: 4px !important;
}

@media (max-width: 991px) {
  .theme-responsive-menu-area,
  .theme-responsive-menu-container { background: var(--hc-black) !important; }
  .theme-responsive-menu-area a { color: var(--hc-ivory) !important; }
  .zphero .zscustom-banner-img,
  .zphero .zscustom-banner-img img { min-height: 430px; }
}

@media (max-width: 767px) {
  .zpcontainer { width: min(calc(100% - 28px), 1240px) !important; }
  .theme-banner,
  .zphero,
  .zphero .zpslider-container,
  .zphero .zpslider-img { min-height: auto !important; }
  .zphero .zpelem-col {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .zphero h1 { font-size: clamp(3rem, 15vw, 4.8rem) !important; }
  .zphero .zscustom-banner-img,
  .zphero .zscustom-banner-img img { min-height: 330px; }
  .zpbutton,
  .zpbutton-wrapper { width: 100% !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { transition-duration: .01ms !important; }
}
/* Hermes Construction — global Zoho Sites theme */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --hc-black: #0b0b0b;
  --hc-black-soft: #121212;
  --hc-charcoal: #1a1a1a;
  --hc-gold: #b8924f;
  --hc-gold-light: #d5b36e;
  --hc-ivory: #f3efe6;
  --hc-white: #ffffff;
  --hc-muted: #aaa69e;
  --hc-border: rgba(184, 146, 79, 0.30);
  --hc-display: "DM Serif Display", Georgia, serif;
  --hc-body: "Inter", Arial, sans-serif;
}

html { scroll-behavior: smooth; }

body {
  overflow-x: hidden;
  background: var(--hc-black) !important;
  color: var(--hc-ivory);
  font-family: var(--hc-body) !important;
  -webkit-font-smoothing: antialiased;
}

body p,
body a,
body li,
body span,
body input,
body textarea,
body select,
body button { font-family: var(--hc-body) !important; }

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: var(--hc-display) !important;
  font-weight: 400 !important;
  letter-spacing: -0.025em;
}

.zpcontainer {
  width: min(calc(100% - 42px), 1240px) !important;
  max-width: 1240px !important;
}

/* Header */
.theme-header-topbar { display: none !important; }

.theme-header {
  min-height: 86px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(11,11,11,.97) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.28);
}

.theme-logo-parent img {
  width: auto !important;
  max-width: 108px !important;
  max-height: 108px !important;
  object-fit: contain !important;
}

.theme-site-name,
.theme-site-caption { color: var(--hc-ivory) !important; }

.theme-site-name {
  font-family: var(--hc-display) !important;
  font-size: 1.4rem !important;
}

.theme-site-caption {
  color: var(--hc-gold-light) !important;
  font-family: var(--hc-body) !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.theme-navigation-and-icons,
.theme-menu-area,
.theme-menu,
.theme-menu > ul,
.theme-menu > ul > li { background: transparent !important; }

.theme-menu > ul > li > a,
.theme-menu-name {
  color: var(--hc-ivory) !important;
  font-family: var(--hc-body) !important;
  font-size: .77rem !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

.theme-menu > ul > li > a:hover,
.theme-menu > ul > li.theme-menu-selected > a,
.theme-menu > ul > li.theme-menu-selected .theme-menu-name {
  color: var(--hc-gold-light) !important;
}

.theme-burger-icon,
.theme-burger-icon::before,
.theme-burger-icon::after {
  border-color: var(--hc-gold-light) !important;
  background-color: var(--hc-gold-light) !important;
}

/* Hero */
.theme-banner,
.zphero,
.zphero .zpslider-container,
.zphero .zpslider-img { min-height: clamp(650px, 78vh, 850px) !important; }

.zphero,
.zphero .zpdefault-section,
.zphero .zpdefault-section-bg {
  background-color: var(--hc-black) !important;
  color: var(--hc-ivory) !important;
}

.zphero .zprow { align-items: center !important; }

.zphero .zpelem-col {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

.zphero .zscustom-banner-small-heading,
.zscustom-content-small-heading {
  color: var(--hc-gold-light) !important;
  font-size: .73rem !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.zphero .zscustom-banner-small-heading::before,
.zscustom-content-small-heading::before {
  display: inline-block;
  width: 34px;
  height: 1px;
  margin: 0 11px 4px 0;
  background: currentColor;
  content: "";
}

.zphero h1 {
  max-width: 760px;
  color: var(--hc-white) !important;
  font-size: clamp(3.2rem, 5vw, 5rem) !important;
  line-height: .98 !important;
  text-transform: uppercase !important;
  text-wrap: balance;
}

.zphero p {
  max-width: 670px;
  color: #c2beb5 !important;
  font-size: clamp(1rem, 1.35vw, 1.16rem) !important;
  line-height: 1.72 !important;
}

.zphero .zscustom-banner-img,
.zphero .zscustom-banner-img img {
  width: 100% !important;
  min-height: 560px;
  object-fit: cover !important;
}

.zphero .zscustom-banner-img {
  overflow: hidden;
  border: 1px solid var(--hc-border);
  box-shadow: 0 26px 80px rgba(0,0,0,.45);
}

/* Buttons */
.zpbutton,
.zpbutton-wrapper,
a.zpbutton-wrapper {
  min-height: 52px !important;
  padding: 15px 25px !important;
  border: 1px solid var(--hc-gold) !important;
  border-radius: 0 !important;
  background: var(--hc-gold) !important;
  box-shadow: none !important;
  color: var(--hc-black) !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  letter-spacing: .10em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  transition: transform .18s ease, background .18s ease !important;
}

.zpbutton:hover,
.zpbutton-wrapper:hover {
  border-color: var(--hc-gold-light) !important;
  background: var(--hc-gold-light) !important;
  color: var(--hc-black) !important;
  transform: translateY(-2px);
}

/* Sections */
.theme-content-area > .zpsection,
.theme-footer-area .zpsection {
  padding-top: clamp(76px, 8vw, 120px) !important;
  padding-bottom: clamp(76px, 8vw, 120px) !important;
}

.theme-content-area > .zpsection.zpdefault-section,
.theme-content-area > .zpsection.zpdefault-section-bg {
  background-color: var(--hc-ivory) !important;
  color: var(--hc-black) !important;
}

.theme-content-area > .zpsection.zplight-section,
.theme-content-area > .zpsection.zplight-section-bg {
  background-color: var(--hc-black-soft) !important;
  color: var(--hc-ivory) !important;
}

.theme-content-area > .zpsection.zpdark-section,
.theme-content-area > .zpsection.zpdark-section-bg {
  background-color: var(--hc-black) !important;
  color: var(--hc-ivory) !important;
}

.zpsection h2 {
  font-size: clamp(2.7rem, 5.4vw, 5rem) !important;
  line-height: 1 !important;
  text-wrap: balance;
}

.zpsection h3 {
  font-size: clamp(1.85rem, 3.1vw, 2.85rem) !important;
  line-height: 1.08 !important;
}

.zpsection p {
  font-size: .98rem !important;
  line-height: 1.72 !important;
}

.zpsection.zplight-section h1,
.zpsection.zplight-section h2,
.zpsection.zplight-section h3,
.zpsection.zplight-section h4,
.zpsection.zplight-section h5,
.zpsection.zpdark-section h1,
.zpsection.zpdark-section h2,
.zpsection.zpdark-section h3,
.zpsection.zpdark-section h4,
.zpsection.zpdark-section h5 { color: var(--hc-ivory) !important; }

.zpsection.zplight-section p,
.zpsection.zpdark-section p { color: var(--hc-muted) !important; }

/* Service cards */
.zscustom-service-box,
.zpelem-box.zpdark-section,
.zpelem-box.zplight-section {
  overflow: hidden;
  border: 1px solid var(--hc-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.zscustom-service-box,
.zpelem-box.zpdark-section {
  background: var(--hc-charcoal) !important;
  color: var(--hc-ivory) !important;
}

.zpelem-box.zplight-section {
  background: #fffdf8 !important;
  color: var(--hc-black) !important;
}

.zscustom-service-box:hover,
.zpelem-box.zpdark-section:hover,
.zpelem-box.zplight-section:hover {
  border-color: var(--hc-gold) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.18) !important;
  transform: translateY(-4px);
}

.zscustom-service-box img,
.zpelem-image img {
  width: 100% !important;
  object-fit: cover !important;
}

.zscustom-service-box h5,
.zscustom-service-box h6 { color: var(--hc-ivory) !important; }

.zscustom-service-box p { color: var(--hc-muted) !important; }

/* Statistics */
.zpsection.zpdark-section .zpheading {
  color: var(--hc-gold-light) !important;
}

.zpsection.zpdark-section h2 {
  font-family: var(--hc-body) !important;
  font-weight: 700 !important;
}

/* Images and portfolio */
.zpelem-image { overflow: hidden; }

.zpelem-image img {
  transition: filter .35s ease, transform .55s ease;
}

.zpelem-image:hover img {
  filter: saturate(1.05) contrast(1.04);
  transform: scale(1.025);
}

/* Forms */
.zpform-container,
.zpform-outer,
.zpform-wrapper {
  border: 1px solid var(--hc-border) !important;
  border-top: 4px solid var(--hc-gold) !important;
  border-radius: 0 !important;
  background: var(--hc-white) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
}

.zpform-container input,
.zpform-container textarea,
.zpform-container select {
  min-height: 48px !important;
  border: 1px solid #cfc6b5 !important;
  border-radius: 0 !important;
  background: #fffdf8 !important;
  color: var(--hc-black) !important;
}

.zpform-container textarea { min-height: 140px !important; }

.zpform-container input:focus,
.zpform-container textarea:focus,
.zpform-container select:focus {
  border-color: var(--hc-gold) !important;
  outline: 2px solid rgba(184,146,79,.22) !important;
}

/* Footer */
.theme-footer-area,
.theme-footer-area .zpsection,
.theme-footer-area .zpdefault-section,
.theme-footer-area .zpdefault-section-bg {
  border-top: 1px solid var(--hc-border) !important;
  background: #050505 !important;
  color: var(--hc-muted) !important;
}

.theme-footer-area h1,
.theme-footer-area h2,
.theme-footer-area h3,
.theme-footer-area h4,
.theme-footer-area h5,
.theme-footer-area h6 { color: var(--hc-gold-light) !important; }

.theme-footer-area p,
.theme-footer-area span { color: var(--hc-muted) !important; }

.theme-footer-area a { color: var(--hc-ivory) !important; }
.theme-footer-area a:hover { color: var(--hc-gold-light) !important; }

/* Accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid var(--hc-gold-light) !important;
  outline-offset: 4px !important;
}

@media (max-width: 991px) {
  .theme-responsive-menu-area,
  .theme-responsive-menu-container { background: var(--hc-black) !important; }
  .theme-responsive-menu-area a { color: var(--hc-ivory) !important; }
  .zphero .zscustom-banner-img,
  .zphero .zscustom-banner-img img { min-height: 430px; }
}

@media (max-width: 767px) {
  .zpcontainer { width: min(calc(100% - 28px), 1240px) !important; }
  .theme-banner,
  .zphero,
  .zphero .zpslider-container,
  .zphero .zpslider-img { min-height: auto !important; }
  .zphero .zpelem-col {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .zphero h1 { font-size: clamp(3rem, 15vw, 4.8rem) !important; }
  .zphero .zscustom-banner-img,
  .zphero .zscustom-banner-img img { min-height: 330px; }
  .zpbutton,
  .zpbutton-wrapper { width: 100% !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { transition-duration: .01ms !important; }
}
/* Hermes Construction — global Zoho Sites theme */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --hc-black: #0b0b0b;
  --hc-black-soft: #121212;
  --hc-charcoal: #1a1a1a;
  --hc-gold: #b8924f;
  --hc-gold-light: #d5b36e;
  --hc-ivory: #f3efe6;
  --hc-white: #ffffff;
  --hc-muted: #aaa69e;
  --hc-border: rgba(184, 146, 79, 0.30);
  --hc-display: "DM Serif Display", Georgia, serif;
  --hc-body: "Inter", Arial, sans-serif;
}

html { scroll-behavior: smooth; }

body {
  overflow-x: hidden;
  background: var(--hc-black) !important;
  color: var(--hc-ivory);
  font-family: var(--hc-body) !important;
  -webkit-font-smoothing: antialiased;
}

body p,
body a,
body li,
body span,
body input,
body textarea,
body select,
body button { font-family: var(--hc-body) !important; }

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: var(--hc-display) !important;
  font-weight: 400 !important;
  letter-spacing: -0.025em;
}

.zpcontainer {
  width: min(calc(100% - 42px), 1240px) !important;
  max-width: 1240px !important;
}

/* Header */
.theme-header-topbar { display: none !important; }

.theme-header {
  min-height: 86px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(11,11,11,.97) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.28);
}

.theme-logo-parent img {
  width: auto !important;
  max-width: 108px !important;
  max-height: 108px !important;
  object-fit: contain !important;
}

.theme-site-name,
.theme-site-caption { color: var(--hc-ivory) !important; }

/* The uploaded Hermes mark already contains the company name. */
.theme-site-name,
.theme-site-caption { display: none !important; }

.theme-site-name {
  font-family: var(--hc-display) !important;
  font-size: 1.4rem !important;
}

.theme-site-caption {
  color: var(--hc-gold-light) !important;
  font-family: var(--hc-body) !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.theme-navigation-and-icons,
.theme-menu-area,
.theme-menu,
.theme-menu > ul,
.theme-menu > ul > li { background: transparent !important; }

.theme-menu > ul > li > a,
.theme-menu-name {
  color: var(--hc-ivory) !important;
  font-family: var(--hc-body) !important;
  font-size: .77rem !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

.theme-menu > ul > li > a:hover,
.theme-menu > ul > li.theme-menu-selected > a,
.theme-menu > ul > li.theme-menu-selected .theme-menu-name {
  color: var(--hc-gold-light) !important;
}

.theme-burger-icon,
.theme-burger-icon::before,
.theme-burger-icon::after {
  border-color: var(--hc-gold-light) !important;
  background-color: var(--hc-gold-light) !important;
}

/* Hero */
.theme-banner,
.zphero,
.zphero .zpslider-container,
.zphero .zpslider-img { min-height: clamp(650px, 78vh, 850px) !important; }

.zphero,
.zphero .zpdefault-section,
.zphero .zpdefault-section-bg {
  background-color: var(--hc-black) !important;
  color: var(--hc-ivory) !important;
}

.zphero .zprow { align-items: center !important; }

.zphero .zpelem-col {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

.zphero .zscustom-banner-small-heading,
.zscustom-content-small-heading {
  color: var(--hc-gold-light) !important;
  font-size: .73rem !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.zphero .zscustom-banner-small-heading::before,
.zscustom-content-small-heading::before {
  display: inline-block;
  width: 34px;
  height: 1px;
  margin: 0 11px 4px 0;
  background: currentColor;
  content: "";
}

.zphero h1 {
  max-width: 760px;
  color: var(--hc-white) !important;
  font-size: clamp(3.2rem, 5vw, 5rem) !important;
  line-height: .98 !important;
  text-transform: uppercase !important;
  text-wrap: balance;
}

.zphero p {
  max-width: 670px;
  color: #c2beb5 !important;
  font-size: clamp(1rem, 1.35vw, 1.16rem) !important;
  line-height: 1.72 !important;
}

.zphero .zscustom-banner-img,
.zphero .zscustom-banner-img img {
  width: 100% !important;
  min-height: 560px;
  object-fit: cover !important;
}

.zphero .zscustom-banner-img {
  overflow: hidden;
  border: 1px solid var(--hc-border);
  box-shadow: 0 26px 80px rgba(0,0,0,.45);
}

/* Buttons */
.zpbutton,
.zpbutton-wrapper,
a.zpbutton-wrapper {
  min-height: 52px !important;
  padding: 15px 25px !important;
  border: 1px solid var(--hc-gold) !important;
  border-radius: 0 !important;
  background: var(--hc-gold) !important;
  box-shadow: none !important;
  color: var(--hc-black) !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  letter-spacing: .10em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  transition: transform .18s ease, background .18s ease !important;
}

.zpbutton:hover,
.zpbutton-wrapper:hover {
  border-color: var(--hc-gold-light) !important;
  background: var(--hc-gold-light) !important;
  color: var(--hc-black) !important;
  transform: translateY(-2px);
}

/* Sections */
.theme-content-area > .zpsection,
.theme-footer-area .zpsection {
  padding-top: clamp(76px, 8vw, 120px) !important;
  padding-bottom: clamp(76px, 8vw, 120px) !important;
}

.theme-content-area > .zpsection.zpdefault-section,
.theme-content-area > .zpsection.zpdefault-section-bg {
  background-color: var(--hc-ivory) !important;
  color: var(--hc-black) !important;
}

.theme-content-area > .zpsection.zplight-section,
.theme-content-area > .zpsection.zplight-section-bg {
  background-color: var(--hc-black-soft) !important;
  color: var(--hc-ivory) !important;
}

.theme-content-area > .zpsection.zpdark-section,
.theme-content-area > .zpsection.zpdark-section-bg {
  background-color: var(--hc-black) !important;
  color: var(--hc-ivory) !important;
}

.zpsection h2 {
  font-size: clamp(2.7rem, 5.4vw, 5rem) !important;
  line-height: 1 !important;
  text-wrap: balance;
}

.zpsection h3 {
  font-size: clamp(1.85rem, 3.1vw, 2.85rem) !important;
  line-height: 1.08 !important;
}

.zpsection p {
  font-size: .98rem !important;
  line-height: 1.72 !important;
}

.zpsection.zplight-section h1,
.zpsection.zplight-section h2,
.zpsection.zplight-section h3,
.zpsection.zplight-section h4,
.zpsection.zplight-section h5,
.zpsection.zpdark-section h1,
.zpsection.zpdark-section h2,
.zpsection.zpdark-section h3,
.zpsection.zpdark-section h4,
.zpsection.zpdark-section h5 { color: var(--hc-ivory) !important; }

.zpsection.zplight-section p,
.zpsection.zpdark-section p { color: var(--hc-muted) !important; }

/* Service cards */
.zscustom-service-box,
.zpelem-box.zpdark-section,
.zpelem-box.zplight-section {
  overflow: hidden;
  border: 1px solid var(--hc-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.zscustom-service-box,
.zpelem-box.zpdark-section {
  background: var(--hc-charcoal) !important;
  color: var(--hc-ivory) !important;
}

.zpelem-box.zplight-section {
  background: #fffdf8 !important;
  color: var(--hc-black) !important;
}

.zscustom-service-box:hover,
.zpelem-box.zpdark-section:hover,
.zpelem-box.zplight-section:hover {
  border-color: var(--hc-gold) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.18) !important;
  transform: translateY(-4px);
}

.zscustom-service-box img,
.zpelem-image img {
  width: 100% !important;
  object-fit: cover !important;
}

.zscustom-service-box h5,
.zscustom-service-box h6 { color: var(--hc-ivory) !important; }

.zscustom-service-box p { color: var(--hc-muted) !important; }

/* Statistics */
.zpsection.zpdark-section .zpheading {
  color: var(--hc-gold-light) !important;
}

.zpsection.zpdark-section h2 {
  font-family: var(--hc-body) !important;
  font-weight: 700 !important;
}

/* Images and portfolio */
.zpelem-image { overflow: hidden; }

.zpelem-image img {
  transition: filter .35s ease, transform .55s ease;
}

.zpelem-image:hover img {
  filter: saturate(1.05) contrast(1.04);
  transform: scale(1.025);
}

/* Forms */
.zpform-container,
.zpform-outer,
.zpform-wrapper {
  border: 1px solid var(--hc-border) !important;
  border-top: 4px solid var(--hc-gold) !important;
  border-radius: 0 !important;
  background: var(--hc-white) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
}

.zpform-container input,
.zpform-container textarea,
.zpform-container select {
  min-height: 48px !important;
  border: 1px solid #cfc6b5 !important;
  border-radius: 0 !important;
  background: #fffdf8 !important;
  color: var(--hc-black) !important;
}

.zpform-container textarea { min-height: 140px !important; }

.zpform-container input:focus,
.zpform-container textarea:focus,
.zpform-container select:focus {
  border-color: var(--hc-gold) !important;
  outline: 2px solid rgba(184,146,79,.22) !important;
}

/* Footer */
.theme-footer-area,
.theme-footer-area .zpsection,
.theme-footer-area .zpdefault-section,
.theme-footer-area .zpdefault-section-bg {
  border-top: 1px solid var(--hc-border) !important;
  background: #050505 !important;
  color: var(--hc-muted) !important;
}

.theme-footer-area h1,
.theme-footer-area h2,
.theme-footer-area h3,
.theme-footer-area h4,
.theme-footer-area h5,
.theme-footer-area h6 { color: var(--hc-gold-light) !important; }

.theme-footer-area p,
.theme-footer-area span { color: var(--hc-muted) !important; }

.theme-footer-area a { color: var(--hc-ivory) !important; }
.theme-footer-area a:hover { color: var(--hc-gold-light) !important; }

/* Remove template-only newsletter and social/profile controls. */
.zscustom-team-info-box .zpelem-socialprofile,
.zscustom-team-info-box .zpelem-button,
.zscustom-newsletter-box .zpelem-newsletter,
.theme-footer-area .zpelem-socialprofile {
  display: none !important;
}

/* Accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid var(--hc-gold-light) !important;
  outline-offset: 4px !important;
}

@media (max-width: 991px) {
  .theme-responsive-menu-area,
  .theme-responsive-menu-container { background: var(--hc-black) !important; }
  .theme-responsive-menu-area a { color: var(--hc-ivory) !important; }
  .zphero .zscustom-banner-img,
  .zphero .zscustom-banner-img img { min-height: 430px; }
}

@media (max-width: 767px) {
  .zpcontainer { width: min(calc(100% - 28px), 1240px) !important; }
  .theme-banner,
  .zphero,
  .zphero .zpslider-container,
  .zphero .zpslider-img { min-height: auto !important; }
  .zphero .zpelem-col {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .zphero h1 { font-size: clamp(3rem, 15vw, 4.8rem) !important; }
  .zphero .zscustom-banner-img,
  .zphero .zscustom-banner-img img { min-height: 330px; }
  .zpbutton,
  .zpbutton-wrapper { width: 100% !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { transition-duration: .01ms !important; }
}
/* Hermes Construction — global Zoho Sites theme */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --hc-black: #0b0b0b;
  --hc-black-soft: #121212;
  --hc-charcoal: #1a1a1a;
  --hc-gold: #b8924f;
  --hc-gold-light: #d5b36e;
  --hc-ivory: #f3efe6;
  --hc-white: #ffffff;
  --hc-muted: #aaa69e;
  --hc-border: rgba(184, 146, 79, 0.30);
  --hc-display: "DM Serif Display", Georgia, serif;
  --hc-body: "Inter", Arial, sans-serif;
}

html { scroll-behavior: smooth; }

body {
  overflow-x: hidden;
  background: var(--hc-black) !important;
  color: var(--hc-ivory);
  font-family: var(--hc-body) !important;
  -webkit-font-smoothing: antialiased;
}

body p,
body a,
body li,
body span,
body input,
body textarea,
body select,
body button { font-family: var(--hc-body) !important; }

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: var(--hc-display) !important;
  font-weight: 400 !important;
  letter-spacing: -0.025em;
}

.zpcontainer {
  width: min(calc(100% - 42px), 1240px) !important;
  max-width: 1240px !important;
}

/* Header */
.theme-header-topbar { display: none !important; }

.theme-header {
  min-height: 86px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(11,11,11,.97) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.28);
}

.theme-logo-parent img {
  width: auto !important;
  max-width: 108px !important;
  max-height: 108px !important;
  object-fit: contain !important;
}

.theme-site-name,
.theme-site-caption { color: var(--hc-ivory) !important; }

/* The uploaded Hermes mark already contains the company name. */
.theme-site-name,
.theme-site-caption { display: none !important; }

.theme-site-name {
  font-family: var(--hc-display) !important;
  font-size: 1.4rem !important;
}

.theme-site-caption {
  color: var(--hc-gold-light) !important;
  font-family: var(--hc-body) !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.theme-navigation-and-icons,
.theme-menu-area,
.theme-menu,
.theme-menu > ul,
.theme-menu > ul > li { background: transparent !important; }

.theme-menu > ul > li > a,
.theme-menu-name {
  color: var(--hc-ivory) !important;
  font-family: var(--hc-body) !important;
  font-size: .77rem !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

.theme-menu > ul > li > a:hover,
.theme-menu > ul > li.theme-menu-selected > a,
.theme-menu > ul > li.theme-menu-selected .theme-menu-name {
  color: var(--hc-gold-light) !important;
}

.theme-burger-icon,
.theme-burger-icon::before,
.theme-burger-icon::after {
  border-color: var(--hc-gold-light) !important;
  background-color: var(--hc-gold-light) !important;
}

/* Hero */
.theme-banner,
.zphero,
.zphero .zpslider-container,
.zphero .zpslider-img { min-height: clamp(650px, 78vh, 850px) !important; }

.zphero,
.zphero .zpdefault-section,
.zphero .zpdefault-section-bg {
  background-color: var(--hc-black) !important;
  color: var(--hc-ivory) !important;
}

.zphero .zprow { align-items: center !important; }

.zphero .zpelem-col {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

.zphero .zscustom-banner-small-heading,
.zscustom-content-small-heading {
  color: var(--hc-gold-light) !important;
  font-size: .73rem !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.zphero .zscustom-banner-small-heading::before,
.zscustom-content-small-heading::before {
  display: inline-block;
  width: 34px;
  height: 1px;
  margin: 0 11px 4px 0;
  background: currentColor;
  content: "";
}

.zphero h1 {
  max-width: 760px;
  color: var(--hc-white) !important;
  font-size: clamp(3.2rem, 5vw, 5rem) !important;
  line-height: .98 !important;
  text-transform: uppercase !important;
  text-wrap: balance;
}

.zphero p {
  max-width: 670px;
  color: #c2beb5 !important;
  font-size: clamp(1rem, 1.35vw, 1.16rem) !important;
  line-height: 1.72 !important;
}

.zphero .zscustom-banner-img,
.zphero .zscustom-banner-img img {
  width: 100% !important;
  min-height: 560px;
  object-fit: cover !important;
}

.zphero .zscustom-banner-img {
  overflow: hidden;
  border: 1px solid var(--hc-border);
  box-shadow: 0 26px 80px rgba(0,0,0,.45);
}

/* Buttons */
.zpbutton,
.zpbutton-wrapper,
a.zpbutton-wrapper {
  min-height: 52px !important;
  padding: 15px 25px !important;
  border: 1px solid var(--hc-gold) !important;
  border-radius: 0 !important;
  background: var(--hc-gold) !important;
  box-shadow: none !important;
  color: var(--hc-black) !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  letter-spacing: .10em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  transition: transform .18s ease, background .18s ease !important;
}

.zpbutton:hover,
.zpbutton-wrapper:hover {
  border-color: var(--hc-gold-light) !important;
  background: var(--hc-gold-light) !important;
  color: var(--hc-black) !important;
  transform: translateY(-2px);
}

/* Sections */
.theme-content-area > .zpsection,
.theme-footer-area .zpsection {
  padding-top: clamp(76px, 8vw, 120px) !important;
  padding-bottom: clamp(76px, 8vw, 120px) !important;
}

.theme-content-area > .zpsection.zpdefault-section,
.theme-content-area > .zpsection.zpdefault-section-bg {
  background-color: var(--hc-ivory) !important;
  color: var(--hc-black) !important;
}

.theme-content-area > .zpsection.zplight-section,
.theme-content-area > .zpsection.zplight-section-bg {
  background-color: var(--hc-black-soft) !important;
  color: var(--hc-ivory) !important;
}

.theme-content-area > .zpsection.zpdark-section,
.theme-content-area > .zpsection.zpdark-section-bg {
  background-color: var(--hc-black) !important;
  color: var(--hc-ivory) !important;
}

.zpsection h2 {
  font-size: clamp(2.7rem, 5.4vw, 5rem) !important;
  line-height: 1 !important;
  text-wrap: balance;
}

.zpsection h3 {
  font-size: clamp(1.85rem, 3.1vw, 2.85rem) !important;
  line-height: 1.08 !important;
}

.zpsection p {
  font-size: .98rem !important;
  line-height: 1.72 !important;
}

.zpsection.zplight-section h1,
.zpsection.zplight-section h2,
.zpsection.zplight-section h3,
.zpsection.zplight-section h4,
.zpsection.zplight-section h5,
.zpsection.zpdark-section h1,
.zpsection.zpdark-section h2,
.zpsection.zpdark-section h3,
.zpsection.zpdark-section h4,
.zpsection.zpdark-section h5 { color: var(--hc-ivory) !important; }

.zpsection.zplight-section p,
.zpsection.zpdark-section p { color: var(--hc-muted) !important; }

/* Service cards */
.zscustom-service-box,
.zpelem-box.zpdark-section,
.zpelem-box.zplight-section {
  overflow: hidden;
  border: 1px solid var(--hc-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.zscustom-service-box,
.zpelem-box.zpdark-section {
  background: var(--hc-charcoal) !important;
  color: var(--hc-ivory) !important;
}

.zpelem-box.zplight-section {
  background: #fffdf8 !important;
  color: var(--hc-black) !important;
}

.zscustom-service-box:hover,
.zpelem-box.zpdark-section:hover,
.zpelem-box.zplight-section:hover {
  border-color: var(--hc-gold) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.18) !important;
  transform: translateY(-4px);
}

.zscustom-service-box img,
.zpelem-image img {
  width: 100% !important;
  object-fit: cover !important;
}

.zscustom-service-box h5,
.zscustom-service-box h6 { color: var(--hc-ivory) !important; }

.zscustom-service-box p { color: var(--hc-muted) !important; }

/* Statistics */
.zpsection.zpdark-section .zpheading {
  color: var(--hc-gold-light) !important;
}

.zpsection.zpdark-section h2 {
  font-family: var(--hc-body) !important;
  font-weight: 700 !important;
}

/* Images and portfolio */
.zpelem-image { overflow: hidden; }

.zpelem-image img {
  transition: filter .35s ease, transform .55s ease;
}

.zpelem-image:hover img {
  filter: saturate(1.05) contrast(1.04);
  transform: scale(1.025);
}

/* Forms */
.zpform-container,
.zpform-outer,
.zpform-wrapper {
  border: 1px solid var(--hc-border) !important;
  border-top: 4px solid var(--hc-gold) !important;
  border-radius: 0 !important;
  background: var(--hc-white) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
}

.zpform-container input,
.zpform-container textarea,
.zpform-container select {
  min-height: 48px !important;
  border: 1px solid #cfc6b5 !important;
  border-radius: 0 !important;
  background: #fffdf8 !important;
  color: var(--hc-black) !important;
}

.zpform-container textarea { min-height: 140px !important; }

.zpform-container input:focus,
.zpform-container textarea:focus,
.zpform-container select:focus {
  border-color: var(--hc-gold) !important;
  outline: 2px solid rgba(184,146,79,.22) !important;
}

/* Footer */
.theme-footer-area,
.theme-footer-area .zpsection,
.theme-footer-area .zpdefault-section,
.theme-footer-area .zpdefault-section-bg {
  border-top: 1px solid var(--hc-border) !important;
  background: #050505 !important;
  color: var(--hc-muted) !important;
}

.theme-footer-area h1,
.theme-footer-area h2,
.theme-footer-area h3,
.theme-footer-area h4,
.theme-footer-area h5,
.theme-footer-area h6 { color: var(--hc-gold-light) !important; }

.theme-footer-area p,
.theme-footer-area span { color: var(--hc-muted) !important; }

.theme-footer-area a { color: var(--hc-ivory) !important; }
.theme-footer-area a:hover { color: var(--hc-gold-light) !important; }

/* Remove template-only newsletter and social/profile controls. */
.zscustom-team-info-box .zpelem-socialprofile,
.zscustom-team-info-box .zpelem-button,
.zscustom-newsletter-box .zpelem-newsletter,
.theme-footer-area .zpelem-socialprofile {
  display: none !important;
}

/* Dark-first construction finish used across every page and nested card. */
.theme-banner,
.theme-content-area .zpsection,
.theme-content-area .zpdefault-section,
.theme-content-area .zpdefault-section-bg,
.theme-content-area .zplight-section,
.theme-content-area .zplight-section-bg,
.theme-content-area .zpdark-section,
.theme-content-area .zpdark-section-bg {
  background-color: var(--hc-black) !important;
  color: var(--hc-ivory) !important;
}

.theme-content-area h1,
.theme-content-area h2,
.theme-content-area h3,
.theme-content-area h4,
.theme-content-area h5,
.theme-content-area h6 {
  color: var(--hc-ivory) !important;
}

.theme-content-area p { color: #c2beb5 !important; }

.zscustom-service-box,
.zscustom-team-info-box {
  border: 1px solid var(--hc-border) !important;
  background: var(--hc-black-soft) !important;
}

/* Accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid var(--hc-gold-light) !important;
  outline-offset: 4px !important;
}

@media (max-width: 991px) {
  .theme-responsive-menu-area,
  .theme-responsive-menu-container { background: var(--hc-black) !important; }
  .theme-responsive-menu-area a { color: var(--hc-ivory) !important; }
  .zphero .zscustom-banner-img,
  .zphero .zscustom-banner-img img { min-height: 430px; }
}

@media (max-width: 767px) {
  .zpcontainer { width: min(calc(100% - 28px), 1240px) !important; }
  .theme-banner,
  .zphero,
  .zphero .zpslider-container,
  .zphero .zpslider-img { min-height: auto !important; }
  .zphero .zpelem-col {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .zphero h1 { font-size: clamp(3rem, 15vw, 4.8rem) !important; }
  .zphero .zscustom-banner-img,
  .zphero .zscustom-banner-img img { min-height: 330px; }
  .zpbutton,
  .zpbutton-wrapper { width: 100% !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { transition-duration: .01ms !important; }
}