@import url('./assets/fonts.css');
:root {
  --blue:#2d67b6;
  --paper:#f1f1f1;
  --black:#000;
  --content:1140px;
  --header-height:128px;
  color-scheme:dark
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:145px
}

body {
  margin:0;
  background:#000;
  color:var(--paper);
  font:400 16px/1.6 Poppins,Arial,sans-serif
}

a {
  color:inherit;
  text-decoration:none
}

button,input,textarea {
  font:inherit
}

button,a,input,textarea,summary {
  -webkit-tap-highlight-color:transparent
}

button {
  cursor:pointer
}

button:focus-visible,a:focus-visible,summary:focus-visible {
  outline:2px solid var(--blue);
  outline-offset:5px
}

img {
  display:block;
  max-width:100%;
  height:auto
}

h1,h2,h3,h4,p {
  margin:0
}

h1,h2,h3,h4 {
  text-wrap:balance
}

p,li {
  text-wrap:pretty
}

h2 {
  font-size:21px;
  font-weight:600;
  line-height:1;
  text-transform:uppercase
}

h2 span {
  color:var(--blue)
}

p {
  margin-bottom:1.5em
}

p:last-child {
  margin-bottom:0
}

strong {
  font-weight:700
}

.wrap {
  width:100%;
  max-width:var(--content);
  margin-inline:auto
}

.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}

.skip-link {
  position:fixed;
  top:-100px;
  left:20px;
  z-index:1000;
  background:#fff;
  color:#000;
  padding:10px
}

.skip-link:focus {
  top:10px
}

/* Kadence header values, implemented without the theme. */
.site-header {
  position:static;
  top:0;
  z-index:100;
  background:#000;
  border-bottom:2px solid var(--blue)
}

.header-inner {
  max-width:1290px;
  margin:auto;
  padding:15px 0;
  min-height:60px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px
}

.logo {
  width:168px;
  flex-shrink:0
}

.main-nav>ul {
  display:flex;
  align-items:center;
  gap:52.64px;
  padding:0;
  margin:0;
  list-style:none
}

.main-nav a,.main-nav button {
  text-transform:uppercase;
  white-space:nowrap
}

.main-nav a:hover,.main-nav button:hover,.main-nav a[aria-current] {
  color:var(--blue)
}

.main-nav .language-link {
  min-width: 38px;
  padding-inline: 10px;
  border: 1px solid rgba(89,155,235,.65);
  border-radius: 4px;
  color: #74adf0;
  text-align: center;
  line-height: 1.7;
}

.main-nav .language-link:hover,
.main-nav .language-link:focus-visible {
  border-color: #fff;
  color: #fff;
}

.service-menu {
  position:relative;
  z-index:210
}

.service-toggle {
  padding:0;
  background:none;
  border:0;
  color:#fff
}

.chevron {
  display:inline-block;
  width:7px;
  height:7px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  vertical-align:4px;
  margin-left:6px
}

.submenu {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:290px;
  list-style:none;
  margin:0;
  padding:16px 0;
  background:#000;
  box-shadow:0 4px 14px #0008
}

.submenu a {
  display:block;
  padding:10px 18px;
  white-space:normal;
  font-size:14px
}

.service-menu:hover .submenu,.service-menu:focus-within .submenu,.service-menu.is-open .submenu {
  display:block
}

.header-phone {
  background:var(--blue);
  border-radius:5px;
  padding:10px 18px;
  white-space:nowrap;
  color:#fff
}

.header-phone:hover {
  background:#fff;
  color:#000
}

.menu-toggle {
  display:none;
  border:0;
  background:none;
  color:#fff;
  padding:10px
}

.menu-toggle svg {
  display:block
}

.mobile-phone {
  display:none
}

.menu-close {
  display:none
}

.hero {
  padding-block:40px;
  background:#000
}

.hero-desktop {
  height:70vh;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain
}

.hero-mobile {
  display:none
}

@media (min-width:768px) and (max-width:1024px) {
  html[lang="fr-CA"] .hero-desktop {
    height:auto;
    aspect-ratio:1937 / 812;
    background-size:contain
  }
}

.services {
  background:var(--blue);
  padding:50px clamp(20px,5vw,80px)
}

.services h2 {
  margin-bottom:30.5px
}

.services-intro {
  font-family:Roboto,Arial,sans-serif;
  margin-bottom:40px
}

.services-grid {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:20px
}

@media(min-width:1025px) {
  .services>.wrap>h2,
  .services>.wrap>.services-intro {
    padding-inline-start:calc(4% - 30px)
  }
}

@media(min-width:768px) and (max-width:1024px) {
  .services>.wrap>h2,
  .services>.wrap>.services-intro {
    padding-inline-start:calc(5% - 10px)
  }
}

.service-card {
  width:23%;
  background:#000;
  color:#fff;
  box-shadow:0 4px 10px #0001;
  overflow:hidden;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease
}

.service-card img {
  display:block;
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  transition:transform .75s cubic-bezier(.2,.7,.2,1);
  backface-visibility:hidden
}

.service-copy {
  position:relative;
  z-index:1;
  padding:18px;
  background:#000
}

.service-copy h3 {
  font-size:14px;
  font-weight:700;
  line-height:1.5;
  margin:0 0 8px
}

.service-copy p {
  font-size:12px;
  line-height:1.6
}

.service-card:hover {
  color:#fff
}

@media(hover:hover) and (pointer:fine) {
  .service-card:hover,
  .service-card:focus-visible {
    transform:translateY(-5px);
    box-shadow:0 18px 42px #0006
  }
  .service-card:hover img,
  .service-card:focus-visible img {
    transform:scale(1.055)
  }
  .about-photo:hover img {
    transform:scale(1.035);
    box-shadow:0 20px 46px #0008
  }
  .section-media:hover>img {
    transform:scale(1.045)
  }
  .gallery-main:hover,
  .gallery-main:focus-within,
  .gallery-side-item:hover {
    transform:translateY(-4px);
    box-shadow:0 20px 46px #0008
  }
  .gallery-main:hover>img,
  .gallery-main:focus-within>img,
  .gallery-side-item:hover img {
    transform:scale(1.045)
  }
  .button:hover,
  .button:focus-visible,
  .contact-form button:hover,
  .contact-form button:focus-visible {
    transform:translateY(-2px);
    box-shadow:0 12px 28px #0005
  }
}

.reveal-item {
  opacity:0;
  transform:translateY(18px);
  transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--reveal-delay,0ms)
}

.reveal-item.is-visible {
  opacity:1;
  transform:none
}

@media(hover:hover) and (pointer:fine) {
  .service-card.reveal-item.is-visible:hover,
  .service-card.reveal-item.is-visible:focus-visible {
    transform:translateY(-5px)
  }
}

.reasons {
  padding:50px 0;
  background:var(--blue)
}

.reasons h2 {
  text-align:center;
  margin-bottom:30.5px
}

.accordion {
  display:grid;
  gap:15px
}

.accordion details {
  background:#000;
  border:1px solid #d5d8dc
}

.accordion summary {
  list-style:none;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  padding:10px;
  gap:5px;
  cursor:pointer;
  line-height:1.6
}

.accordion summary::-webkit-details-marker {
  display:none
}

.accordion summary::before {
  content:'+';
  font-size:10px;
  color:var(--blue);
  font-weight:700;
  flex:0 0 10px
}

.accordion details[open] summary::before {
  content:'−'
}

.accordion summary:hover,
.accordion summary:focus-visible {
  color:var(--blue)
}

.accordion-content {
  padding:10px;
  border-top:1px solid #d5d8dc;
  font:400 16px/1.6 Roboto,Arial,sans-serif;
  color:#fff
}

.accordion-content ul {
  padding-left:40px;
  margin-block:0 24px
}

.reasons-outro {
  font-family:Roboto,Arial,sans-serif;
  margin-top:20px;
  color:#fff
}

.about {
  display:grid;
  grid-template-columns:1fr 1fr
}

.about-copy,.mission {
  padding:50px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:20px
}

.about-photo {
  padding:40px;
  aspect-ratio:1
}

.about-photo img {
  height:100%;
  width:100%;
  object-fit:cover;
  transition:transform .85s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease;
  box-shadow:0 14px 34px #0005;
  backface-visibility:hidden
}

.button {
  display:inline-block;
  border:1px solid var(--blue);
  border-radius:3px;
  background:var(--blue);
  color:#fff;
  padding:12px 24px;
  font-size:15px;
  line-height:1;
  font-weight:500;
  transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease
}

.button:hover {
  background:#fff;
  color:#000
}

.gallery {
  padding:42px 0 50px;
  display:flex;
  gap:10px
}

.gallery-main {
  position:relative;
  width:65%;
  flex-shrink:0;
  overflow:hidden;
  box-shadow:0 14px 34px #0005;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease
}

.gallery-main>img {
  display:block;
  width:100%;
  height:518px;
  object-fit:cover;
  transition:transform .85s cubic-bezier(.2,.7,.2,1);
  backface-visibility:hidden
}

@media(min-width:768px) {
  .gallery--project-photo-aligned {
    padding-bottom:18px
  }
  .gallery--project-photo-aligned + .stats-section {
    padding-top:18px
  }
  .gallery-main--aligned {
    align-self:stretch;
    min-height:0
  }
  .gallery-main--aligned>img {
    position:absolute;
    inset:0;
    height:100%;
    object-position:center
  }
}

.gallery-link {
  position:absolute;
  left:3em;
  bottom:3em;
  padding:12px 24px;
  background:#000;
  font-size:15px;
  line-height:1.7;
  text-transform:uppercase;
  font-weight:500
}

.gallery-link:hover {
  background:var(--blue);
  color:#000
}

.gallery-side {
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:17px
}

.gallery-side-item {
  height:250px;
  overflow:hidden;
  box-shadow:0 14px 34px #0005;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease
}

.gallery-side-item img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .85s cubic-bezier(.2,.7,.2,1);
  backface-visibility:hidden
}

.gallery-side-item--comparison {
  height:auto;
  background:transparent
}

.gallery-side-item--comparison img {
  height:auto;
  object-fit:contain
}

.stats-section {
  padding:50px 0
}

.stats {
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  min-height:360px;
  padding:50px 0;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover
}

.stats::before {
  content:'';
  position:absolute;
  inset:0;
  background:#0004
}

.stats-divider {
  position:absolute;
  z-index:1;
  top:18px;
  bottom:18px;
  width:10px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#020914dd 30%,#7895b799 48%,#7895b799 52%,#020914dd 70%,transparent);
  box-shadow:0 0 14px #000c;
  pointer-events:none
}

.stats-divider--left {
  left:33.333%
}

.stats-divider--right {
  left:66.667%
}

.stat {
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:20px
}

.stat:first-child {
  grid-column:1;
  width:auto;
  margin:0
}

.stat:last-child {
  grid-column:3;
  width:auto;
  padding:0
}

.stat strong {
  font-size:52px;
  line-height:1;
  font-weight:600
}

.stat p {
  font:400 14px/1.6 Roboto,Arial,sans-serif;
  text-align:center
}

.mission {
  gap:20px
}

.mission p {
  margin-bottom:32px
}

.mission p:last-child {
  margin-bottom:0
}

/* Saved Google reviews; no Trustindex scripts. */
.reviews {
  padding:62px 16px 33px;
  height:310px
}

.review-carousel {
  position:relative
}

.review-track {
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  gap:16px;
  padding:0
}

.review-track::-webkit-scrollbar {
  display:none
}

.review-card {
  flex:0 0 calc((100% - 32px)/3);
  min-width:0;
  background:linear-gradient(145deg,#171b21 0%,#101419 100%);
  border:1px solid #29415f;
  border-radius:12px;
  padding:48px 20px 20px;
  height:215px;
  text-align:center;
  position:relative;
  color:#e8edf3;
  box-shadow:0 12px 28px rgba(0,0,0,.34);
  font:400 14px/1.45 Poppins,Arial,sans-serif;
  scroll-snap-align:start
}

.review-person {
  display:block;
  position:static;
  padding:0;
  height:20px
}

.review-avatar {
  position:absolute;
  left:50%;
  top:-32px;
  transform:translateX(-50%);
  width:64px;
  height:64px;
  border-radius:50%;
  background:#5737af;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:28px;
  font-weight:400
}

.review-person img {
  width:64px;
  height:64px;
  border-radius:50%;
  object-fit:cover;
  position:absolute;
  inset:0
}

.review-person img[hidden] {
  display:none
}

.review-person strong {
  font-size:13px;
  line-height:1.4;
  font-weight:600
}

.google-mark {
  font:bold 23px Arial,sans-serif;
  color:#4285f4;
  position:absolute;
  left:calc(50% + 12px);
  top:6px;
  background:#edf2f7;
  box-shadow:0 0 0 1px #4279c0;
  border-radius:50%;
  width:26px;
  height:26px;
  font-size:20px;
  line-height:26px
}

.stars {
  color:#fbbc04;
  font-size:20px;
  letter-spacing:1px;
  margin-top:4px;
  line-height:26px
}

.review-text {
  height:84px;
  max-height:84px;
  overflow:auto;
  scrollbar-width:thin;
  margin-top:4px;
  line-height:1.5
}

.review-arrow {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  border:1px solid #36577d;
  background:#18202a;
  color:#dbeafe;
  border-radius:50%;
  width:30px;
  height:30px;
  z-index:1;
  font-size:24px;
  line-height:1;
  box-shadow:0 4px 14px rgba(0,0,0,.5)
}

.review-arrow:hover {
  background:#2d67b6
}

.review-arrow:focus-visible {
  outline:2px solid #8eb8ee;
  outline-offset:3px
}

.review-prev {
  left:-12px
}

.review-next {
  right:-12px
}

.review-progress {
  display:none;
  height:3px;
  width:130px;
  background:#ffffff55;
  border-radius:4px;
  margin:20px auto
}

.review-progress span {
  display:block;
  width:43px;
  height:3px;
  background:#fff;
  border-radius:4px
}

.review-rating {
  display:none;
  text-align:center;
  font:400 14px/1.5 Poppins,sans-serif;
  padding-bottom:20px
}

.review-rating a {
  text-decoration:underline
}

.contact {
  border-top:1px solid var(--blue);
  box-shadow:0 -1px var(--blue);
  padding-top:52px;
  padding-bottom:50px;
  margin-top:0
}

.contact>h1,.contact>h2 {
  font-size:23px;
  letter-spacing:.6px;
  margin-bottom:10px;
  padding-bottom:16.5px;
  line-height:1
}

.lined-title {
  position:relative;
  display:table
}

.lined-title::after {
  content:'';
  position:absolute;
  bottom:-6px;
  left:0;
  width:55px;
  height:2px;
  background:var(--blue)
}

.contact-columns {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0
}

.contact-form {
  padding-top:0
}

.hp-field {
  position:absolute;
  left:-10000px;
  width:1px;
  height:1px;
  overflow:hidden
}

.form-alert {
  margin:0 0 18px;
  padding:12px 14px;
  border:1px solid #d63637;
  border-radius:3px;
  color:#fff;
  background:#3a1111
}

.form-alert.is-success {
  border-color:#2d67b6;
  background:#0c2b50
}

.fields {
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:20px;
  row-gap:0
}

.field {
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:5px 0;
  min-width:0
}

.field label {
  color:white;
  font-weight:700;
  font-size:16px;
  line-height:1.6
}

.required {
  color:#d63637
}

.field input,.field textarea {
  color:var(--paper);
  background:#212121;
  border:1px solid #066aab;
  border-radius:3px;
  padding:10px 14px;
  width:100%;
  font:400 16px/1.6 Poppins,Arial,sans-serif
}

.field input {
  height:43px
}

.field input::placeholder {
  color:#f1f1f199
}

.field textarea {
  height:120px;
  resize:vertical
}

.field-message {
  grid-column:1/-1
}

.contact-form button {
  background:#066aab;
  border:none;
  border-radius:3px;
  color:#fff;
  padding:10px 15px;
  margin-top:10px;
  font-weight:400;
  font-size:16px;
  line-height:21px;
  transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease
}

.contact-form button:hover {
  background:#fff;
  color:#000
}

.form-status {
  margin-top:16px;
  color:#f1f1f1
}

.form-status:empty {
  display:none
}

.form-privacy-notice {
  max-width:620px;
  margin:12px 0 0;
  color:#d7d7d7;
  font-size:13px;
  line-height:1.55
}

.form-privacy-notice a {
  color:#fff;
  text-decoration:underline;
  text-decoration-color:var(--blue);
  text-underline-offset:.18em
}

.form-privacy-notice a:hover {
  color:#8eb8ee
}

.turnstile-wrap {
  min-height:65px;
  margin-top:12px
}

.turnstile-local-note {
  display:inline-flex;
  align-items:center;
  min-height:65px;
  padding:12px 14px;
  border:1px dashed #066aab;
  border-radius:3px;
  color:#f1f1f1;
  background:#212121;
  font-size:14px
}

.contact-info {
  padding:50px 100px;
  align-self:center
}

.contact-info h2 {
  margin-bottom:10px;
  padding-bottom:10.5px
}

.contact-info .contact-description {
  padding:5px;
  text-shadow:0 0 10px #0005
}

.contact-links {
  list-style:none;
  margin:10px 0 40px;
  padding:5px;
  font-family:Roboto,Arial,sans-serif;
  line-height:1.6
}

.contact-links li {
  margin-bottom:5px
}

.contact-links a {
  display:flex;
  gap:9px;
  align-items:center
}

.contact-links svg {
  width:14px;
  height:14px;
  fill:var(--blue);
  flex-shrink:0
}

.contact-links a:hover {
  color:var(--blue)
}

.hours {
  padding:5px
}

.hours h3,.hours h4 {
  font-size:16px;
  font-weight:700;
  line-height:1.5;
  margin-bottom:8px
}

.hours p {
  margin-bottom:32px
}

.hours p:last-child {
  margin-bottom:0
}

.map-section {
  border-top:2px solid var(--blue);
  padding:70px 50px 78px
}

.map-section .wrap {
  max-width:626px;
  padding:12px;
  background:linear-gradient(145deg,#171b21 0%,#101419 100%);
  border:1px solid #29415f;
  border-radius:12px;
  box-shadow:0 12px 28px rgba(0,0,0,.34);
  overflow:hidden
}

.map-section iframe {
  border:0;
  width:100%;
  max-width:none;
  height:450px;
  display:block;
  border-radius:8px;
  filter:invert(.9) hue-rotate(180deg) brightness(.86) contrast(.92) saturate(.8)
}

.map-section iframe:focus-visible {
  outline:2px solid #8eb8ee;
  outline-offset:3px
}

.site-footer {
  border-top:2px solid var(--blue);
  padding-top:0;
  color:#fff
}

.footer-top {
  max-width:1290px;
  padding:30px 24px;
  margin:auto;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:30px
}

.footer-logo {
  width:200px;
  border-radius:10px;
  margin:0
}

.footer-columns {
  display:grid;
  grid-template-columns:1.3fr 1.55fr .75fr .8fr 1fr;
  gap:15px;
  align-items:start
}

.footer-columns h2 {
  position:relative;
  display:inline-block;
  margin:0 0 14px;
  font-size:22px;
  font-weight:700;
  line-height:1.2;
  text-transform:none
}

.footer-columns h2::after {
  content:'';
  position:absolute;
  bottom:-6px;
  left:0;
  width:30px;
  height:2px;
  background:var(--blue)
}

.footer-columns ul {
  list-style:none;
  margin:0;
  padding:0
}

.footer-columns li {
  margin-bottom:0
}

.footer-columns li+li {
  margin-top:.5em
}

.footer-columns p {
  font-size:16px;
  font-weight:400;
  line-height:1.5;
  margin-top:5px
}

.footer-about p {
  width:100%;
  max-width:none
}

.footer-contact a {
  white-space:nowrap
}

.footer-contact a+a {
  display:inline-block;
  margin-top:6px
}

.site-footer a:hover {
  color:var(--blue)
}

.social-links {
  display:flex;
  gap:14px;
  justify-content:center;
  padding:30px 0
}

.social-links a {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  background:#edf2f7;
  color:#000;
  border-radius:3px;
  padding:9px;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease
}

.social-links svg {
  width:22px;
  height:22px;
  fill:currentColor
}

.social-links a:hover,
.social-links a:focus-visible {
  color:#fff;
  transform:translateY(-3px);
  box-shadow:0 8px 20px #0008
}

.social-links a[aria-label="Facebook"]:hover,
.social-links a[aria-label="Facebook"]:focus-visible {
  background:#1877f2
}

.social-links a[aria-label="Instagram"]:hover,
.social-links a[aria-label="Instagram"]:focus-visible {
  background:linear-gradient(135deg,#833ab4,#c13584 42%,#e1306c 62%,#f77737 82%,#fcaf45)
}

.social-links a[aria-label="Yelp"]:hover,
.social-links a[aria-label="Yelp"]:focus-visible {
  background:#d32323
}

.copyright {
  border-top:1px solid var(--blue);
  text-align:center;
  padding:20px 0 50px;
  min-height:100px;
  max-width:1242px;
  margin:auto;
  line-height:1.6
}

.header-brand-tools {
  display:flex;
  flex-shrink:0;
  align-items:center;
  gap:40px
}

.header-brand-tools>a {
  display:flex;
  align-items:center
}

.persistent-audio {
  position:relative;
  z-index:190;
  flex:0 0 auto;
  font-family:Poppins,Arial,sans-serif
}

.audio-launcher,
.audio-panel {
  pointer-events:auto
}

.audio-launcher {
  display:flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:8px 18px 8px 14px;
  border:1px solid #3d78c9;
  border-radius:5px;
  background:#0b121b;
  color:#fff;
  box-shadow:0 5px 16px #0006;
  font-size:14px;
  font-weight:600;
  letter-spacing:.01em
}

.audio-launcher:hover,
.audio-launcher:focus-visible,
.audio-launcher[aria-expanded="true"] {
  border-color:var(--blue);
  background:#101823
}

.radio-icon {
  width:25px;
  height:25px;
  overflow:visible
}

.radio-icon circle {
  fill:var(--blue)
}

.radio-icon path {
  fill:none;
  stroke:var(--blue);
  stroke-width:1.8;
  stroke-linecap:round
}

.persistent-audio.is-playing .radio-icon {
  filter:drop-shadow(0 0 5px #2d67b6)
}

.audio-panel {
  position:absolute;
  left:-184px;
  top:calc(100% + 44px);
  display:grid;
  grid-template-columns:minmax(145px,auto) 46px minmax(190px,360px) 40px 34px;
  align-items:center;
  gap:12px;
  width:min(680px,calc(100vw - 56px));
  min-height:82px;
  padding:15px 16px 13px 19px;
  border:1px solid #33445b;
  border-radius:13px;
  background:linear-gradient(135deg,#11151b,#07090c 72%);
  color:#fff;
  box-shadow:0 18px 55px #000c
}

.audio-panel[hidden] {
  display:none
}

.audio-copy {
  display:flex;
  flex-direction:column;
  min-width:0;
  line-height:1.25
}

.audio-copy strong {
  overflow:hidden;
  font-size:15px;
  text-overflow:ellipsis;
  white-space:nowrap
}

.audio-kicker {
  margin-bottom:4px;
  color:#9da7b5;
  font-size:10px;
  letter-spacing:.11em;
  text-transform:uppercase
}

.audio-play,
.audio-volume,
.audio-minimize {
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  background:transparent;
  color:#fff
}

.audio-play {
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--blue)
}

.audio-play:hover {
  background:#3978cc
}

.audio-play svg {
  width:22px;
  height:22px;
  fill:currentColor
}

.audio-volume {
  width:38px;
  height:38px;
  color:#cbd2dc
}

.audio-volume.is-muted {
  color:#69717c;
  opacity:.72
}

.audio-volume svg {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round
}

.audio-minimize {
  width:32px;
  height:32px;
  color:#9ea7b3;
  font-size:25px;
  line-height:1
}

.audio-minimize:hover {
  color:#fff
}

.audio-timeline {
  min-width:0
}

.audio-progress {
  display:block;
  width:100%;
  height:18px;
  margin:0;
  accent-color:var(--blue);
  cursor:pointer
}

.audio-times {
  display:flex;
  justify-content:space-between;
  color:#8f99a7;
  font-size:10px;
  font-variant-numeric:tabular-nums
}

main[aria-busy="true"] {
  opacity:.68
}

@media(max-width:1290px) {
  .header-brand-tools {
    gap:28px
  }
  .audio-launcher {
    flex-direction:column;
    justify-content:center;
    gap:1px;
    width:82px;
    height:48px;
    min-height:48px;
    padding:4px 5px
  }
  .audio-launcher span {
    position:static;
    width:auto;
    height:auto;
    overflow:visible;
    clip-path:none;
    white-space:nowrap;
    font-size:10px;
    line-height:1.1
  }
  .audio-panel {
    position:fixed;
    top:82px;
    left:16px;
    width:min(680px,calc(100vw - 32px));
    transform:none
  }
  .main-nav.is-open {
    z-index:220
  }
}

@media(max-width:680px) {
  .header-brand-tools {
    gap:28px
  }
  .audio-launcher {
    width:76px;
    height:44px;
    min-height:44px;
    padding:3px 4px
  }
  .radio-icon {
    width:24px;
    height:24px
  }
  .audio-panel {
    position:fixed;
    inset:92px 10px auto;
    grid-template-columns:42px minmax(0,1fr) 34px;
    gap:10px;
    width:auto;
    transform:none;
    min-height:102px;
    padding:13px 14px;
    border-radius:12px
  }
  .audio-copy {
    grid-column:1 / 3;
    grid-row:1
  }
  .audio-minimize {
    grid-column:3;
    grid-row:1
  }
  .audio-play {
    grid-column:1;
    grid-row:2;
    width:40px;
    height:40px
  }
  .audio-timeline {
    grid-column:2;
    grid-row:2
  }
  .audio-volume {
    grid-column:3;
    grid-row:2
  }
}

@media(prefers-reduced-motion:reduce) {
  main[aria-busy="true"] { opacity:1 }
  .reveal-item {
    opacity:1;
    transform:none;
    transition:none
  }
  .service-card,
  .service-card img,
  .about-photo img,
  .section-media>img,
  .gallery-main,
  .gallery-main>img,
  .gallery-side-item,
  .gallery-side-item img,
  .button,
  .contact-form button {
    transition:none
  }
}

@media(min-width:768px) and (max-width:1290px) {
  .header-inner {
    max-width:none;
    padding:8px clamp(12px,2vw,24px);
    gap:clamp(8px,1.5vw,20px);
    min-height:80px
  }
  .logo {
    width:clamp(112px,14vw,141px)
  }
  .header-brand-tools {
    gap:32px
  }
  .audio-launcher {
    width:82px
  }
  .main-nav {
    min-width:0
  }
  .main-nav>ul {
    gap:clamp(8px,1.55vw,20px)
  }
  .service-menu:hover:not(.is-open) .submenu,
  .service-menu:focus-within:not(.is-open) .submenu {
    display:none
  }
  .service-menu.is-open .submenu {
    display:block
  }
  .main-nav a,.main-nav button {
    font-size:clamp(11px,1.3vw,14px)
  }
  .main-nav .language-link {
    min-width:34px;
    padding-inline:6px
  }
  .header-phone {
    padding:8px clamp(8px,1.2vw,14px);
    font-size:clamp(11px,1.3vw,14px)
  }
}

@media(max-width:767px) {
  .header-inner {
    padding:0 30px;
    min-height:80px
  }
  .logo {
    width:141px
  }
  .header-phone {
    display:none
  }
  .menu-toggle {
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    padding:10px;
    border:1px solid #3d78c9;
    border-radius:9px;
    background:var(--blue);
    box-shadow:0 5px 16px #0005
  }
  .menu-toggle:hover,
  .menu-toggle[aria-expanded="true"] {
    background:#3876c9
  }
  .menu-toggle svg {
    width:28px;
    height:28px;
    stroke-width:2.3;
    stroke-linecap:round
  }
  .main-nav {
    display:none;
    position:fixed;
    inset:0 0 0 auto;
    width:min(90vw,400px);
    height:100dvh;
    background:#000;
    overflow-y:auto;
    padding:65px 25px 30px;
    box-shadow:-12px 0 40px #0008
  }
  .main-nav.is-open {
    display:block
  }
  .main-nav>ul {
    display:block
  }
  .main-nav>ul>li {
    border-bottom:1px solid #ffffff22
  }
  .main-nav>ul>li>a,.service-toggle {
    display:block;
    padding:13px 0;
    text-align:left;
    width:100%;
    font-size:16px
  }
  .submenu {
    position:static;
    box-shadow:none;
    min-width:0;
    padding:0 0 8px
  }
  .service-menu:hover:not(.is-open) .submenu {
    display:none
  }
  .service-menu.is-open .submenu {
    display:block
  }
  .main-nav .mobile-phone {
    display:block
  }
  .menu-close {
    display:block;
    position:absolute;
    top:16px;
    right:25px;
    background:none;
    border:0;
    color:#fff;
    font-size:30px
  }
  .contact-info {
    padding-inline:70px
  }
  .footer-top {
    grid-template-columns:1fr
  }
  .footer-columns {
    margin-top:15px
  }
}

@media(max-width:1180px) and (min-width:768px) {
  .footer-columns {
    column-gap:55px;
    row-gap:30px;
    grid-template-columns:repeat(2,1fr)
  }
  .footer-about {
    padding-right:35px
  }
}

@media(max-width:1024px) {
  .service-card {
    width:45%
  }
  .about {
    grid-template-columns:1fr
  }
  .about-photo {
    display:none
  }
  .about-copy {
    padding:44px 35px
  }
  .contact {
    padding-inline:35px
  }
  .contact-columns {
    grid-template-columns:1fr
  }
  .contact-info {
    padding:40px 0 0
  }
}

@media(max-width:767px) {
  html {
    scroll-padding-top:90px
  }
  .header-inner {
    padding:5px 10px;
    min-height:80px
  }
  .hero {
    padding:10px 0
  }
  .hero-desktop {
    display:none
  }
  .hero-mobile {
    display:block;
    width:100%
  }
  .services {
    padding-top:50px;
    padding-bottom:50px
  }
  .services h2,.reasons h2,.about h2,.mission h2,.contact h1,.contact h2 {
    font-size:22px;
    line-height:1.15;
    letter-spacing:0
  }
  .services h2 {
    margin-bottom:11px
  }
  .services-intro {
    margin-bottom:20px
  }
  .reasons h2 {
    margin-bottom:31px
  }
  .services-grid {
    padding:0
  }
  .service-card {
    width:100%
  }
  .reasons {
    padding:50px 20px
  }
  .about-copy {
    padding:50px 20px
  }
  .gallery {
    padding:42px 0 0;
    display:block
  }
  .gallery-main {
    width:100%;
    margin-bottom:30px
  }
  .gallery-main>img {
    height:248px
  }
  .gallery-link {
    left:0;
    bottom:.2em;
    font-size:14px;
    padding:6px 7px
  }
  .gallery-side {
    gap:28px
  }
  .stats-section {
    padding:0
  }
  .stats {
    padding:0;
    margin-top:30px;
    flex-direction:column;
    align-items:stretch
  }
  .stat:first-child,.stat:last-child {
    width:100%;
    padding:10px;
    gap:20px
  }
  .stat:first-child {
    margin-top:11px
  }
  .stat:last-child {
    margin-top:20px
  }
  .mission {
    padding:50px 20px
  }
  .reviews {
    padding:62px 20px 33px;
    height:338px
  }
  .review-card {
    flex-basis:100%;
    height:243px
  }
  .review-arrow {
    width:26px;
    height:26px
  }
  .contact {
    padding:50px 20px
  }
  .contact>h2 {
    padding-bottom:16px;
    margin-bottom:0
  }
  .contact-columns {
    grid-template-columns:1fr
  }
  .fields {
    grid-template-columns:1fr
  }
  .contact-info {
    padding:32px 0 0
  }
  .contact-info h2 {
    margin-top:0
  }
  .contact-info .contact-description {
    padding-inline:0
  }
  .contact-links {
    font-size:16px;
    overflow-wrap:anywhere;
    padding-left:0
  }
  .map-section {
    padding:70px 20px 80px
  }
  .footer-top {
    padding:30px 24px
  }
  .footer-columns {
    grid-template-columns:1fr;
    gap:10px
  }
  .footer-columns section {
    margin-bottom:18px
  }
  .social-links {
    padding:60px 0
  }
  .copyright {
    max-width:calc(100% - 48px)
  }
  .footer-logo {
    margin:0 auto 16px
  }
  .copyright {
    font-size:14px
  }
}

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

/* Details resolved in the single visual comparison. */
.about-copy h2,.mission h2 {
  padding-bottom:10.5px
}

.contact-description p {
  margin-bottom:32px
}

.contact-description p:last-child {
  margin-bottom:0
}

.contact>.lined-title::after {
  bottom:11px
}

.contact-info .lined-title::after {
  bottom:5px;
  width:45px
}

html[lang="fr-CA"] .contact-info .lined-title::after {
  content:none
}

.review-track {
  padding-top:32px;
  margin-top:-32px
}

.review-carousel {
  overflow:visible
}

.review-prev {
  display:none
}

.review-arrow {
  top:50%
}

.contact {
  position:relative
}

.contact::before {
  content:"";
  position:absolute;
  top:-1px;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  height:1px;
  background:var(--blue)
}

html[lang="fr-CA"] .contact::before {
  left:0;
  width:100%;
  transform:none
}

@media(max-width:1024px) {
  .contact-info {
    min-width:0
  }
  .contact-links a {
    overflow-wrap:anywhere
  }
  .stat:last-child {
    padding:10px
  }
  .footer-columns {
    min-width:0
  }
}

@media(max-width:767px) {
  .about-copy h2,.mission h2 {
    padding-bottom:11px
  }
  .stat:last-child {
    margin-top:0
  }
  .stat:first-child {
    padding:10px 0 0;
    margin:11px 0 0
  }
  .stats {
    min-height:240px
  }
  .contact-info h2 {
    padding-bottom:11px
  }
  .footer-columns {
    margin-top:0
  }
}

@media(min-width:768px) and (max-width:1024px) {
  .stats {
    padding-inline:0
  }
}

@media(max-width:767px) {
  .stats {
    grid-template-columns:1fr;
    grid-template-rows:repeat(3,minmax(0,1fr));
    gap:0;
    padding:0 20px;
    min-height:360px;
    background-position:center 52%
  }
  .stats-divider {
    left:20px;
    right:20px;
    width:auto;
    height:8px;
    transform:translateY(-50%);
    background:linear-gradient(180deg,transparent,#020914dd 30%,#7895b799 48%,#7895b799 52%,#020914dd 70%,transparent);
    box-shadow:0 0 14px #000c
  }
  .stats-divider--left {
    top:33.333%;
    bottom:auto
  }
  .stats-divider--right {
    top:66.667%;
    bottom:auto
  }
  .stat:first-child {
    grid-column:1;
    grid-row:1;
    margin:0;
    padding:0
  }
  .stat:last-child {
    grid-column:1;
    grid-row:3;
    margin:0;
    padding:0
  }
}

.footer-columns li a {
  display:block;
  padding:0;
  line-height:1.4
}

.footer-columns > section:first-child li a {
  text-decoration:underline;
  text-decoration-color:#8eb8ee;
  text-underline-offset:.18em
}

.contact {
  padding-bottom:57px
}

.stars::after {
  content:"✓";
  display:inline-grid;
  place-items:center;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#4285f4;
  color:white;
  font:700 10px/1 Arial,sans-serif;
  vertical-align:2px;
  margin-left:5px;
  letter-spacing:0
}

.google-mark svg {
  width:22px;
  height:22px;
  vertical-align:middle
}

.review-prev.is-visible {
  display:block
}

/* Shared interior-page system, distilled from the five Elementor pages. */
.interior-page {
  min-height:55vh;
  overflow:hidden
}

.content-band {
  border-bottom:1px solid #36577d
}

.content-band .section-grid {
  display:grid;
  align-items:center;
  gap:50px;
  padding:65px 40px
}

.content-band.split-band .section-grid {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)
}

.content-band.page-intro .section-grid {
  padding-top:78px
}

.section-column {
  min-width:0
}

.section-copy {
  font-family:Roboto,Arial,sans-serif;
  text-align:left
}

.section-copy h1,.section-copy h2 {
  margin-bottom:22px;
  color:#fff;
  font-family:Poppins,Arial,sans-serif;
  font-size:23px;
  font-weight:600;
  line-height:1.25;
  letter-spacing:.01em;
  text-transform:uppercase
}

.section-copy .accent {
  color:var(--blue)
}

.rich-text {
  color:#fff
}

.rich-text ul {
  margin:0 0 1.5em;
  padding-left:1.35em
}

.rich-text li+li {
  margin-top:.5em
}

.privacy-content {
  max-width:920px;
  padding:78px 40px 72px
}

.privacy-page .section-copy h1 {
  margin-bottom:10px
}

.privacy-page .privacy-updated {
  margin-bottom:32px;
  color:#b9c5d3;
  font-size:14px
}

.privacy-page .rich-text h2 {
  margin:38px 0 14px;
  font-size:20px;
  text-transform:none
}

.privacy-page .rich-text h2:first-child {
  margin-top:0
}

.privacy-page .rich-text a {
  color:#8eb8ee;
  text-decoration:underline;
  text-underline-offset:.18em
}

.section-media {
  width:100%;
  overflow:hidden;
  box-shadow:0 16px 38px #0005
}

.business-card-services {
  display:none
}

.section-media img {
  display:block;
  width:100%;
  max-height:560px;
  object-fit:cover;
  backface-visibility:hidden
}

.section-media>img {
  transition:transform .9s cubic-bezier(.2,.7,.2,1)
}

.media-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px
}

.media-grid img {
  height:265px;
  object-fit:cover
}

.media-grid img.media-grid__contain {
  object-fit:contain;
  background:#465a6e
}

.dryer-video-trigger {
  height:265px;
  background:transparent;
  box-shadow:none
}

.invoice-preview-trigger.dryer-video-trigger {
  cursor:pointer
}

.media-grid .dryer-video-trigger img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 58%;
  background:transparent
}

.dryer-video-play {
  position:absolute;
  top:50%;
  left:50%;
  display:grid;
  place-items:center;
  width:68px;
  height:68px;
  border:3px solid #fff;
  border-radius:50%;
  background:#000b;
  color:#fff;
  font:700 30px/1 Arial,sans-serif;
  transform:translate(-50%,-50%);
  transition:background .25s ease,transform .25s ease
}

.dryer-video-trigger:hover .dryer-video-play,
.dryer-video-trigger:focus-visible .dryer-video-play {
  background:var(--blue);
  transform:translate(-50%,-50%) scale(1.06)
}

.invoice-preview-trigger.dryer-video-trigger:hover img,
.invoice-preview-trigger.dryer-video-trigger:focus-visible img {
  transform:none
}

.accordion-band .section-grid {
  max-width:1040px
}

.accordion-band .section-copy>h1,.accordion-band .section-copy>h2 {
  text-align:center;
  text-wrap:balance
}

.accordion-band.centered-intro .section-copy>.rich-text:first-of-type>p:first-child {
  text-align:center
}

.accordion-band .rich-text+.accordion,
.accordion-band .accordion+.rich-text {
  margin-top:22px
}

.prose-band .section-grid {
  max-width:980px;
  padding-block:38px
}

.prose-band .section-copy>h1,
.prose-band .section-copy>h2 {
  text-align:center;
  text-wrap:balance
}

.prose-band .rich-text {
  max-width:780px;
  margin-inline:auto;
  text-align:left
}

.prose-band .button {
  display:table;
  margin:24px auto 0
}

.blue-band {
  background:var(--blue)
}

.blue-band .section-copy .accent {
  color:#fff
}

.invoice-showcase {
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#050505
}

.invoice-showcase::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto -12% -45% 42%;
  height:80%;
  background:linear-gradient(135deg,transparent 0 46%,#101010 46% 72%,#080808 72%);
  pointer-events:none
}

.invoice-showcase-grid {
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr);
  align-items:center;
  gap:clamp(38px,4vw,64px);
  padding:clamp(64px,7vw,105px) 40px
}

.invoice-showcase-copy {
  max-width:520px
}

.invoice-showcase-copy h2 {
  max-width:500px
}

.invoice-showcase-line {
  display:block;
  width:72px;
  height:4px;
  margin:-6px 0 28px;
  background:var(--blue)
}

.invoice-preview {
  width:100%;
  max-width:720px;
  margin:0 auto
}

.invoice-preview figcaption {
  display:table;
  margin:0 auto 14px;
  padding:10px 24px;
  background:#26282a;
  color:#fff;
  font:600 15px/1.2 Poppins,Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase
}

.invoice-preview-trigger {
  position:relative;
  display:block;
  width:100%;
  padding:0;
  overflow:hidden;
  border:0;
  background:#fff;
  color:#fff;
  cursor:zoom-in;
  box-shadow:0 20px 55px #0009
}

.invoice-preview-trigger img {
  display:block;
  width:100%;
  height:auto;
  background:#fff;
  transition:transform .45s ease
}

.invoice-preview-trigger:hover img,
.invoice-preview-trigger:focus-visible img {
  transform:scale(1.018)
}

.invoice-zoom-label {
  position:absolute;
  right:16px;
  bottom:16px;
  padding:8px 13px;
  background:#000d;
  font:600 13px/1 Poppins,Arial,sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase
}

.invoice-lightbox {
  position:fixed;
  inset:0;
  width:100vw;
  max-width:none;
  height:100dvh;
  max-height:none;
  margin:0;
  padding:clamp(55px,6vw,85px) clamp(16px,4vw,60px);
  overflow:auto;
  border:0;
  background:#080808f7;
  color:#fff
}

.invoice-lightbox::backdrop {
  background:#000e
}

.invoice-lightbox[open] {
  display:flex;
  justify-content:center;
  align-items:flex-start
}

.invoice-lightbox img {
  display:block;
  width:min(1200px,94vw);
  max-width:none;
  height:auto;
  background:#fff;
  box-shadow:0 22px 70px #000
}

.invoice-lightbox-close {
  position:fixed;
  z-index:2;
  top:16px;
  right:20px;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  padding:0;
  border:2px solid #fff;
  background:#000;
  color:#fff;
  font:400 34px/1 Arial,sans-serif
}

.gallery-side-item--comparison.invoice-preview-trigger {
  background:transparent;
  box-shadow:none
}

.gallery-side-item--comparison.invoice-preview-trigger:focus-visible {
  outline:3px solid var(--blue);
  outline-offset:4px
}

.comparison-lightbox {
  padding:clamp(60px,6vw,90px) clamp(12px,3vw,44px)
}

.comparison-lightbox[open] {
  align-items:center
}

.comparison-lightbox img {
  width:min(1600px,96vw);
  max-width:96vw;
  max-height:calc(100dvh - 110px);
  object-fit:contain;
  background:transparent;
  touch-action:pan-x pan-y pinch-zoom
}

.video-lightbox {
  overflow:hidden;
  padding:clamp(58px,6vw,88px) clamp(12px,3vw,44px)
}

.video-lightbox[open] {
  align-items:center
}

.video-lightbox video {
  display:block;
  width:auto;
  max-width:94vw;
  height:auto;
  max-height:calc(100dvh - 110px);
  background:#000;
  box-shadow:0 22px 70px #000
}

.expert-summary {
  position:relative;
  overflow:hidden;
  background:#050505;
  color:#fff
}

.expert-summary::before {
  content:"";
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  width:100%;
  height:6px;
  background:var(--blue)
}

.expert-summary::after {
  content:"";
  position:absolute;
  right:-190px;
  bottom:-210px;
  width:520px;
  height:520px;
  border-radius:50%;
  background:radial-gradient(circle,#2d67b62e 0,transparent 68%);
  pointer-events:none
}

.expert-summary-inner {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);
  align-items:start;
  gap:clamp(42px,6vw,86px);
  padding:clamp(68px,7vw,108px) 40px
}

.expert-summary-intro {
  padding-top:4px
}

.expert-summary-intro h2 {
  max-width:440px;
  margin:0 0 24px;
  color:#fff;
  font-family:Poppins,Arial,sans-serif;
  font-size:clamp(32px,3.6vw,50px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.025em;
  text-transform:none;
  text-wrap:balance
}

.expert-summary-kicker {
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 18px;
  color:#8eb8ee;
  font:600 14px/1.2 Poppins,Arial,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase
}

.expert-summary-kicker::before {
  content:"";
  width:42px;
  height:2px;
  background:var(--blue)
}

.expert-summary-lede {
  max-width:440px;
  margin:0;
  color:#c8cdd3;
  font:400 17px/1.75 Roboto,Arial,sans-serif
}

.expert-summary-count {
  display:flex;
  align-items:center;
  gap:20px;
  margin-top:36px;
  padding:22px 0;
  border-top:1px solid #30343a;
  border-bottom:1px solid #30343a
}

.expert-summary-count strong {
  color:var(--blue);
  font:700 clamp(58px,6vw,78px)/.86 Poppins,Arial,sans-serif;
  letter-spacing:-.06em
}

.expert-summary-count span {
  color:#dce2e9;
  font:600 14px/1.45 Poppins,Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase
}

.expert-summary-content {
  min-width:0
}

.expert-summary-cards {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:expert-summary-card
}

.expert-summary-card {
  position:relative;
  min-height:242px;
  padding:28px;
  overflow:hidden;
  border:1px solid #292f37;
  background:linear-gradient(145deg,#12161b 0,#0c0f13 100%);
  box-shadow:0 16px 36px #0005;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
  counter-increment:expert-summary-card
}

.expert-summary-card::before {
  content:counter(expert-summary-card,decimal-leading-zero);
  position:absolute;
  top:27px;
  right:28px;
  color:#6f9dd7;
  font:600 14px/1 Poppins,Arial,sans-serif;
  letter-spacing:.08em
}

.expert-summary-icon {
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  margin-bottom:22px;
  border:1px solid #4279c0;
  background:#2d67b619;
  color:#74adf0
}

.expert-summary-icon svg {
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round
}

.expert-summary-card h3 {
  margin:0 0 11px;
  color:#fff;
  font:600 18px/1.3 Poppins,Arial,sans-serif
}

.expert-summary-card p {
  margin:0;
  color:#bfc5cc;
  font:400 15.5px/1.65 Roboto,Arial,sans-serif
}

.expert-summary-card-link {
  display:inline-block;
  margin-top:18px;
  padding-bottom:3px;
  border-bottom:1px solid #5790d8;
  color:#8eb8ee;
  font:600 14px/1.4 Poppins,Arial,sans-serif;
  transition:border-color .25s ease,color .25s ease
}

@media(hover:hover) and (pointer:fine) {
  .expert-summary-card:hover {
    transform:translateY(-4px);
    border-color:#4479bd;
    box-shadow:0 22px 46px #0008
  }
  .expert-summary-card-link:hover,
  .expert-summary-card-link:focus-visible {
    border-color:#fff;
    color:#fff
  }
}

.page-802 .content-band:nth-of-type(6) .rich-text {
  font-family:Poppins,Arial,sans-serif;
  font-weight:600
}

html[lang="en-CA"] .page-802 .content-band:nth-of-type(3) .rich-text {
  font-family:Poppins,Arial,sans-serif;
  font-weight:600
}

html[lang="fr-CA"] .page-802 .dryer-contact-link {
  color:#8eb8ee;
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:var(--blue);
  text-decoration-thickness:2px;
  text-underline-offset:.18em;
  transition:color .25s ease,text-decoration-color .25s ease
}

html[lang="fr-CA"] .page-802 .dryer-contact-link:hover,
html[lang="fr-CA"] .page-802 .dryer-contact-link:focus-visible {
  color:#fff;
  text-decoration-color:#fff
}

.service-contact-cta .rich-text {
  font-family:Poppins,Arial,sans-serif;
  font-weight:600;
  text-align:center
}

.service-contact-cta .dryer-contact-link {
  color:#8eb8ee;
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:var(--blue);
  text-decoration-thickness:2px;
  text-underline-offset:.18em;
  transition:color .25s ease,text-decoration-color .25s ease
}

.service-contact-cta .dryer-contact-link:hover,
.service-contact-cta .dryer-contact-link:focus-visible {
  color:#fff;
  text-decoration-color:#fff
}

.page-808 .section-media img,
.page-774 .content-band:first-child .section-media img {
  max-height:480px
}

.page-808+.site-footer {
  border-top:0
}

@media(max-width:1024px) {
  .content-band .section-grid {
    gap:36px;
    padding:52px 35px
  }
  .content-band.page-intro .section-grid {
    padding-top:58px
  }
  .media-grid img {
    height:210px
  }

  .page-774 .page-intro .section-media {
    position:relative
  }

  .page-774 .page-intro .business-card-services {
    display:block;
    position:absolute;
    top:4%;
    right:2%;
    width:45%;
    padding:3% 3% 3% 4%;
    background:rgba(255,255,255,.97);
    color:#111;
    font-size:clamp(10px,1.6vw,15px);
    font-weight:600;
    line-height:1.25;
    text-align:left;
    box-shadow:0 2px 8px #0002
  }

  .page-774 .page-intro .business-card-services ul {
    margin:0;
    padding-left:1.15em
  }

  .page-774 .page-intro .business-card-services li+li {
    margin-top:.45em
  }
  .dryer-video-trigger {
    height:210px
  }
  .expert-summary-inner {
    grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);
    gap:38px;
    padding-inline:35px
  }
  .expert-summary-card {
    min-width:0;
    padding:24px
  }
}

@media(min-width:768px) and (max-width:1024px) {
  .expert-summary-inner {
    padding-block:64px
  }
  .expert-summary-card h3 {
    padding-right:32px
  }
}

@media(max-width:900px) {
  .content-band .section-grid,
  .content-band.split-band .section-grid {
    grid-template-columns:1fr
  }
  .split-band .section-column--media:first-child {
    order:2
  }
  .page-774 .split-band .section-column--media:first-child,
  .page-804 .content-band:nth-child(2) .section-column--media:first-child,
  .page-804 .content-band:nth-child(6) .section-column--media:first-child {
    order:0
  }
  .invoice-showcase-grid {
    grid-template-columns:1fr;
    gap:44px;
    padding:60px 35px
  }
  .invoice-showcase-copy {
    max-width:760px
  }
  .invoice-preview {
    max-width:680px
  }
  .expert-summary-inner {
    grid-template-columns:1fr;
    gap:42px
  }
  .expert-summary-cards {
    gap:14px
  }
  .expert-summary-intro h2,
  .expert-summary-lede {
    max-width:720px
  }
  .expert-summary-count {
    max-width:620px
  }
}

@media(max-width:767px) {
  .content-band .section-grid,
  .content-band.split-band .section-grid {
    grid-template-columns:1fr;
    gap:28px;
    padding:42px 20px
  }
  .content-band.page-intro .section-grid {
    padding-top:50px
  }
  .section-copy h1,.section-copy h2 {
    font-size:22px;
    line-height:1.25;
    margin-bottom:18px
  }
  .section-copy,.rich-text,.accordion-content {
    font-size:15px
  }
  .privacy-content {
    padding:50px 20px 48px
  }
  .section-media img {
    max-height:420px
  }
  .media-grid {
    gap:8px
  }
  .media-grid img {
    height:190px
  }
  .dryer-video-trigger {
    height:190px
  }
  .dryer-video-play {
    width:58px;
    height:58px;
    font-size:26px
  }
  .split-band .section-column--media:first-child {
    order:2
  }
  .page-774 .split-band .section-column--media:first-child,
  .page-804 .content-band:nth-child(2) .section-column--media:first-child,
  .page-804 .content-band:nth-child(6) .section-column--media:first-child {
    order:0
  }
  .accordion summary {
    padding:12px 10px
  }
  .invoice-showcase-grid {
    gap:36px;
    padding:48px 20px
  }
  .invoice-showcase-line {
    width:62px;
    height:3px;
    margin:-3px 0 24px
  }
  .invoice-preview figcaption {
    padding:9px 18px;
    font-size:13px
  }
  .expert-summary-inner {
    gap:32px;
    padding:48px 16px 56px
  }
  .expert-summary-intro h2 {
    max-width:none;
    margin-bottom:18px;
    font-size:clamp(28px,8.6vw,34px);
    line-height:1.12
  }
  .expert-summary-lede {
    font-size:16px;
    line-height:1.65
  }
  .expert-summary-kicker {
    margin-bottom:14px;
    font-size:13px
  }
  .expert-summary-count {
    gap:14px;
    margin-top:28px;
    padding-block:18px
  }
  .expert-summary-count span {
    font-size:12px;
    letter-spacing:.06em
  }
  .expert-summary-cards {
    grid-template-columns:1fr;
    gap:12px
  }
  .expert-summary-card {
    min-height:0;
    padding:22px 20px
  }
  .expert-summary-card::before {
    top:21px;
    right:20px
  }
  .expert-summary-icon {
    width:42px;
    height:42px;
    margin-bottom:16px
  }
  .expert-summary-card h3 {
    padding-right:34px;
    font-size:17px
  }
  .expert-summary-card p {
    font-size:15px;
    line-height:1.6
  }
  .expert-summary-card-link {
    display:inline-flex;
    align-items:center;
    min-height:44px;
    margin-top:14px;
    padding:8px 0
  }
}

@media(max-width:520px) {
  .expert-summary-count strong {
    font-size:58px
  }
}

@media(max-width:360px) {
  .expert-summary-inner {
    padding-inline:14px
  }
  .expert-summary-card {
    padding-inline:18px
  }
  .expert-summary-card::before {
    right:18px
  }
}

/* Preserve room for the menu beside the wider audio button on narrow phones. */
@media(max-width:360px) {
  .header-inner { column-gap:6px; }
  .header-brand-tools { gap:22px; }
  .audio-launcher { width:68px; }
}