.elementor-kit-8{--e-global-color-primary:#F8F8F9;--e-global-color-secondary:#F1E6E6;--e-global-color-text:#8A302B;--e-global-color-accent:#93A8BC;--e-global-color-539e31a:#2C3E4B;--e-global-color-73d5169:#131A21;--e-global-color-f62e365:#1D2226;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root{
  /* -- The Agency: approved brand palette */
  --rose:#B37267;
  --maroon:#8A302B;
  --blue-pale:#93A8BC;
  --blue:#4B7191;
  --navy:#2C3E4B;
  --ink-navy:#131A21;

  --maroon-deep:#5A1F1C;
  --maroon-tint:#F1E6E6;
  --blue-tint:#CED8E1;
  --terracotta:var(--rose);
  --terracotta-deep:#86564D;
  --navy-deep:var(--ink-navy);

  --paper:#F8F8F9;
  --paper-raised:#FFFFFF;
  --ink:#1D2226;
  --ink-soft:#5C6469;
  --line:rgba(19,26,33,0.13);
  --radius-btn:999px;
  --radius-card:8px;
  --shadow-card:0 24px 48px -28px rgba(19,26,33,0.45);

  --font-display:'Gill Sans Nova','Gill Sans MT','Gill Sans',Calibri,"Century Gothic",sans-serif;
  --font-display-book:'Gill Sans Nova Book','Gill Sans MT','Gill Sans',Calibri,"Century Gothic",sans-serif;
  --font-body:'Gill Sans Nova','Gill Sans MT','Gill Sans',Calibri,"Century Gothic",sans-serif;

  color-scheme:light;
}

*{
  box-sizing:border-box;
}

body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3{
  font-family:var(--font-display);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
  color:var(--navy);
  text-wrap:balance;
  margin:0;
}

p{
  margin:0;
}

a{
  color:inherit;
}

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

::selection{
  background:var(--maroon);
  color:#fff;
}

.eyebrow{
  font-family:var(--font-display-book);
  text-transform:uppercase;
  letter-spacing:0.05em;
  font-size:0.78rem;
  font-weight:400;
  color:var(--blue);
}

.wrap{
  max-width:1180px;
  margin-inline:auto;
  padding-inline:24px;
}


/* ========================================
   PROOF BAR
   ======================================== */

.proof-bar{
  background:var(--navy-deep);
  color:#EDEAE6;
  font-size:0.82rem;
  border-bottom:3px solid var(--maroon);
}

.proof-bar .wrap{
  display:flex;
  flex-wrap:wrap;
  gap:6px 16px;
  align-items:center;
  padding-block:9px;
}

.proof-bar strong{
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:0.12em;
  font-size:0.72rem;
  color:#fff;
  background:var(--maroon);
  padding:3px 9px;
  border-radius:3px;
}

.proof-bar span{
  color:#C7C1BA;
}


/* ========================================
   HEADER
   ======================================== */

.site-header{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(243,241,237,0.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}

.site-header .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-block:12px;
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
}

.brand img{
  height:30px;
  width:auto;
}

.header-actions{
  display:flex;
  align-items:center;
  gap:18px;
}

.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-body);
  font-weight:600;
  font-size:0.92rem;
  padding:12px 26px;
  border-radius:var(--radius-btn);
  text-decoration:none;
  border:1.5px solid transparent;
  cursor:pointer;
  transition:
    transform .15s ease,
    box-shadow .15s ease,
    background .15s ease;
}

.btn:hover{
  transform:translateY(-1px);
}

.btn-primary{
  background:var(--maroon);
  color:#fff;
  box-shadow:0 14px 26px -14px rgba(124,42,42,0.65);
}

.btn-primary:hover{
  background:var(--maroon-deep);
}

.btn-ghost{
  background:transparent;
  border-color:var(--navy);
  color:var(--navy);
}

.btn-ghost:hover{
  background:var(--navy);
  color:#fff;
}

.btn-light{
  background:#fff;
  color:var(--maroon);
}

.btn-light:hover{
  background:var(--maroon-tint);
}

.btn-block{
  width:100%;
  justify-content:center;
}


/* ========================================
   HERO
   ======================================== */

.hero{
  padding-block:96px 100px;
}

.hero .wrap{
  display:grid;
  grid-template-columns:1.05fr 0.95fr;
  align-items:center;
  gap:56px;
}

.hero-copy{
  text-align:left;
}

.hero h1{
  font-size:clamp(2.2rem,3.2vw,3rem);
  line-height:1.05;
  margin-block:16px 22px;
}

.hero h1 em{
  font-style:normal;
  color:var(--maroon);
}

.hero-sub{
  max-width:52ch;
  color:var(--ink-soft);
  font-size:1.1rem;
  margin-bottom:34px;
}

.hero-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:26px;
  flex-wrap:wrap;
  margin-bottom:0;
}

.hero-art{
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
}

.hero-art img{
  width:100%;
  max-width:380px;
  height:auto;
  display:block;
  position:relative;
  z-index:1;
  animation:balloon-float 6s ease-in-out infinite;
}

.hero-art .cloud{
  position:absolute;
  height:auto;
  z-index:0;
  fill:var(--blue-tint);
  animation:cloud-drift ease-in-out infinite;
}

.hero-art .cloud-1{
  width:112px;
  top:2%;
  left:0;
  opacity:.55;
  animation-duration:15s;
}

.hero-art .cloud-2{
  width:78px;
  top:62%;
  right:4%;
  opacity:.4;
  animation-duration:12s;
  animation-delay:-4s;
}

.hero-art .cloud-3{
  width:60px;
  top:-2%;
  right:26%;
  opacity:.3;
  animation-duration:10s;
  animation-delay:-7s;
}

@keyframes balloon-float{
  0%,100%{
    transform:translateY(0) rotate(-1deg);
  }

  50%{
    transform:translateY(-14px) rotate(1deg);
  }
}

@keyframes cloud-drift{
  0%,100%{
    transform:translateX(0);
  }

  50%{
    transform:translateX(12px);
  }
}


/* ========================================
   AGENCY ADVANTAGE / WHY BAND
   ======================================== */

.why{
  background:var(--navy);
  color:#EDEAE6;
  padding-block:64px;
}

.why .eyebrow{
  color:#D6A9A0;
}

.why h2{
  color:#fff;
  font-size:clamp(1.5rem,2.6vw,2rem);
  margin-bottom:14px;
  max-width:32ch;
}

.why-hub{
  width:100%;
  margin-top:8px;
}

.why-hub > svg{
  width:100%;
  height:auto;
  display:block;
}

.why-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin-top:24px;
}

.why-item{
  position:relative;
  border-top:1px solid rgba(237,234,230,0.35);
  border-left:1px solid rgba(237,234,230,0.35);
  border-bottom:1px solid rgba(237,234,230,0.35);
  padding:20px 22px 26px 22px;
  clip-path:polygon(
    16px 0,
    100% 0,
    100% 100%,
    0 100%,
    0 16px
  );
}

.why-item:last-child{
  border-right:1px solid rgba(237,234,230,0.35);
}

.why-num{
  display:block;
  color:#D6A9A0;
  font-size:0.72rem;
  letter-spacing:0.14em;
  font-weight:600;
  font-family:var(--font-body);
  margin-bottom:12px;
}

.why-item p{
  color:#fff;
  font-size:1.35rem;
  line-height:1.4;
  font-family:var(--font-body);
  font-weight:500;
  text-transform:none;
  margin:0;
}


/* ========================================
   SERVICES
   ======================================== */

.services{
  padding-block:80px;
}

.section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  flex-wrap:wrap;
  margin-bottom:40px;
}

.section-head h2{
  font-size:clamp(1.7rem,3vw,2.3rem);
  white-space:nowrap;
  margin-top:10px;
}

.service-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  width:100%;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--radius-btn);
  padding:6px;
  margin-bottom:32px;
}

.service-tab{
  appearance:none;
  border:none;
  background:transparent;
  font-family:var(--font-body);
  font-weight:600;
  font-size:0.88rem;
  color:var(--ink-soft);
  padding:11px 22px;
  border-radius:var(--radius-btn);
  cursor:pointer;
  white-space:nowrap;
  flex:1 1 0;
  text-align:center;
  transition:background .15s ease,color .15s ease;
}

.service-tab:hover{
  color:var(--navy);
}

.service-tab:focus-visible{
  outline:2px solid var(--blue);
  outline-offset:2px;
}

.service-tab.is-active{
  background:var(--navy);
  color:#fff;
}

.service-panels{
  background:var(--paper-raised);
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  padding:48px;
  max-width:760px;
  margin-inline:auto;
  box-shadow:0 30px 60px -42px rgba(19,26,33,0.22);
}

.service-panel{
  display:grid;
  grid-template-columns:1fr auto;
  column-gap:40px;
  align-items:start;
}

.service-panel[hidden]{
  display:none;
}

.service-panel-badge{
  width:120px;
  height:120px;
  border-radius:22px;
  background:var(--paper);
  border:1px solid var(--line);
  box-shadow:0 16px 32px -18px rgba(19,26,33,0.3);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}

.service-panel-badge svg{
  width:66px;
  height:66px;
}

.service-panel-text h3{
  font-size:1.4rem;
  color:var(--navy);
  margin-bottom:14px;
}

.service-panel-desc{
  font-size:1.02rem;
  color:var(--ink-soft);
  font-family:var(--font-body);
  text-transform:none;
  margin-bottom:26px;
}

.service-row-label{
  font-family:var(--font-display-book);
  font-size:0.72rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--maroon);
  margin-bottom:14px;
}

.service-row-list{
  list-style:none;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

.service-row-list > li{
  position:relative;
  padding-left:18px;
  font-size:0.92rem;
  line-height:1.5;
  color:var(--ink-soft);
  font-family:var(--font-body);
  text-transform:none;
}

.service-row-list > li::before{
  content:"";
  position:absolute;
  left:0;
  top:0.6em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--rose);
}

.services-cta{
  display:flex;
  justify-content:center;
  margin-top:48px;
}


/* ========================================
   STATS / MOUNTAINS
   ======================================== */

.stats{
  position:relative;
  padding-block:56px;
  border-block:1px solid var(--line);
  overflow:hidden;
  background:var(--blue-tint);
}

.stats-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}

.stats-scrim{
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(19,26,33,0.08) 0%,
    rgba(19,26,33,0.22) 100%
  );
}

.stats .wrap{
  position:relative;
  z-index:2;
}

.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:56px;
  text-align:center;
}

.stat b{
  display:block;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.9rem,3.6vw,2.6rem);
  font-variant-numeric:tabular-nums;
  color:#fff;
  text-shadow:0 2px 10px rgba(19,26,33,0.25);
}

.stat span{
  font-size:0.82rem;
  color:rgba(255,255,255,0.85);
  letter-spacing:0.02em;
  text-shadow:0 1px 6px rgba(19,26,33,0.25);
}

.scene-wide{
  display:block;
}

.scene-safe{
  display:none;
}

@media (max-width:900px){
  .scene-wide{
    display:none;
  }

  .scene-safe{
    display:block;
  }
}


/* ========================================
   TESTIMONIAL
   ======================================== */

.testimonial{
  padding-block:88px;
}

.testimonial .wrap{
  max-width:920px;
  margin-inline:auto;
  text-align:center;
}

.testimonial blockquote{
  margin:0;
}

.testimonial blockquote p{
  font-family:var(--font-display-book);
  font-size:clamp(1.25rem,2.4vw,1.6rem);
  line-height:1.45;
  color:var(--navy);
  letter-spacing:0.01em;
}

.testimonial-attr{
  margin-top:28px;
}

.testimonial-attr .name{
  display:block;
  font-family:var(--font-display);
  font-size:1rem;
  letter-spacing:0.03em;
  color:var(--navy);
}

.testimonial-attr .role{
  display:block;
  font-size:0.85rem;
  color:var(--ink-soft);
  margin-top:4px;
}

.testimonial-attr .context{
  display:block;
  font-size:0.78rem;
  color:var(--ink-soft);
  opacity:0.75;
  margin-top:2px;
}


/* ========================================
   CTA / CONTACT
   ======================================== */

.dark-flow{
  background:linear-gradient(
    155deg,
    var(--navy) 0%,
    var(--maroon-deep) 68%,
    var(--navy-deep) 100%
  );
}

.cta{
  color:#fff;
  padding-block:80px 40px;
}

.cta .wrap{
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:56px;
  align-items:start;
}

.cta .eyebrow{
  color:#E3B6AD;
}

.cta h2{
  color:#fff;
  font-size:clamp(1.8rem,3.2vw,2.5rem);
  margin-block:14px 18px;
}

.cta h2 .nowrap{
  white-space:nowrap;
}

.cta-copy p{
  color:#D6D1CB;
  max-width:40ch;
  font-size:1.02rem;
  margin-bottom:26px;
}

.cta-points{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.cta-points div{
  display:flex;
  gap:12px;
  align-items:flex-start;
  font-size:1.2rem;
  color:#E3E0DB;
}

.cta-points svg{
  flex:none;
  margin-top:2px;
  color:var(--terracotta);
}

.form-card{
  background:var(--paper-raised);
  border-radius:14px;
  padding:34px;
  box-shadow:0 30px 60px -24px rgba(0,0,0,0.5);
}

.form-card h3{
  color:var(--navy);
  font-size:1.15rem;
  margin-bottom:20px;
}

.field{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:16px;
}

.field label{
  font-size:0.78rem;
  font-weight:600;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:var(--ink-soft);
}

.field label .optional{
  font-weight:400;
  text-transform:none;
  letter-spacing:0;
  opacity:0.65;
}

.field input,
.field select,
.field textarea{
  font-family:var(--font-body);
  font-size:0.96rem;
  padding:11px 14px;
  border-radius:8px;
  border:1.5px solid var(--line);
  background:var(--paper);
  color:var(--ink);
}

.field textarea{
  resize:vertical;
  min-height:88px;
}

.field input:focus,
.field select:focus,
.field textarea:focus{
  outline:2px solid var(--maroon);
  outline-offset:1px;
  background:#fff;
}

.field-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.form-note{
  font-size:0.78rem;
  color:var(--ink-soft);
  margin-top:12px;
  text-align:center;
}


/* ========================================
   FOOTER
   ======================================== */

.site-footer{
  color:#B9B2AB;
  padding-block:28px 32px;
}

.footer-stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:18px;
}

.footer-logo-link{
  display:inline-flex;
  transition:opacity .15s ease;
}

.footer-logo-link:hover{
  opacity:0.8;
}

.footer-logo-primary{
  height:86px;
  width:auto;
}

.footer-email{
  color:#EDEAE6;
  font-size:0.98rem;
  font-weight:500;
  text-decoration:none;
  letter-spacing:0.01em;
}

.footer-email:hover{
  color:#fff;
}

.footer-divider{
  width:100%;
  max-width:420px;
  height:1px;
  background:rgba(255,255,255,0.14);
  margin-block:4px;
}

.footer-logo-secondary{
  height:26px;
  width:auto;
}

.footer-copyright{
  font-size:0.78rem;
  color:#8B8479;
}


/* ========================================
   FLIGHT PATH ANIMATION
   ======================================== */

.flight-line{
  stroke-dasharray:520;
  stroke-dashoffset:520;
  animation:draw 1.6s ease forwards .3s;
}

@keyframes draw{
  to{
    stroke-dashoffset:0;
  }
}

@media (prefers-reduced-motion:reduce){
  .flight-line{
    animation:none;
    stroke-dashoffset:0;
  }

  .hero-art img{
    animation:none;
  }

  .hero-art .cloud{
    animation:none;
  }
}


/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width:900px){

  .why-grid{
    gap:22px;
  }

  .service-tabs{
    border-radius:20px;
    justify-content:center;
  }

  .service-tab{
    flex:0 1 auto;
  }

  .service-panels{
    padding:32px;
  }

  .service-panel{
    column-gap:26px;
  }

  .service-panel-badge{
    width:96px;
    height:96px;
    border-radius:18px;
  }

  .service-panel-badge svg{
    width:52px;
    height:52px;
  }

  .cta .wrap{
    grid-template-columns:1fr;
  }

  .stats-grid{
    grid-template-columns:repeat(2,1fr);
    gap:28px 20px;
  }

  .hero .wrap{
    grid-template-columns:1fr;
    text-align:center;
    gap:36px;
  }

  .hero-copy{
    text-align:center;
  }

  .hero-sub{
    margin-inline:auto;
  }

  .hero-actions{
    justify-content:center;
  }

  .hero-art{
    order:-1;
  }

  .hero-art img{
    max-width:240px;
  }

  .hero-art .cloud-1{
    width:76px;
  }

  .hero-art .cloud-2{
    width:54px;
  }

  .hero-art .cloud-3{
    width:42px;
  }
}

@media (max-width:640px){

  .service-tabs{
    padding:5px;
    gap:4px;
  }

  .service-tab{
    padding:9px 16px;
    font-size:0.84rem;
  }

  .service-panels{
    padding:24px;
  }

  .service-panel{
    grid-template-columns:1fr;
    row-gap:20px;
  }

  .service-panel-badge{
    order:-1;
    width:84px;
    height:84px;
  }

  .service-panel-badge svg{
    width:46px;
    height:46px;
  }

  .field-row{
    grid-template-columns:1fr;
  }

  .footer-logo-primary{
    height:60px;
  }

  .footer-logo-secondary{
    height:20px;
  }

  .hero{
    padding-block:56px 60px;
  }

  .why{
    padding-block:48px;
  }

  .why-hub{
    display:none;
  }

  .why-grid{
    grid-template-columns:1fr;
    gap:0;
    margin-top:16px;
  }

  .why-item{
    border-right:1px solid rgba(237,234,230,0.35);
  }

  .why-item:last-child{
    border-right:1px solid rgba(237,234,230,0.35);
  }

  .services{
    padding-block:56px;
  }

  .stats{
    padding-block:40px;
  }

  .stats-grid{
    grid-template-columns:1fr;
    gap:24px;
  }

  .testimonial{
    padding-block:56px;
  }

  .cta{
    padding-block:56px;
  }

  .hero h1{
    font-size:1.72rem;
  }

  .brand img{
    height:26px;
  }
}

.site-footer .footer-logo-primary {
    height: 86px !important;
    width: auto !important;
    max-width: 280px !important;
    object-fit: contain;
}

.site-footer .footer-logo-link {
    width: auto !important;
    max-width: 280px;
}

@media (max-width: 640px) {
    .site-footer .footer-logo-primary {
        height: 60px !important;
        width: auto !important;
        max-width: 220px !important;
    }
}

/* =========================================================
   HERO CLOUDS — reliable right-to-left travel
   ========================================================= */

.hero-art {
    position: relative;
    overflow: visible;
}

.hero-art .cloud {
    position: absolute;
    left: 0 !important;
    right: auto !important;

    z-index: 0;
    fill: var(--blue-tint);
    pointer-events: none;

    opacity: 0;

    animation-name: cloud-fly-right-to-left !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
}


/* Large upper cloud */
.hero-art .cloud-1 {
    width: 112px;
    top: 8%;

    --cloud-opacity: 0.55;
    --start-x: 620px;
    --end-x: -140px;

    animation-duration: 22s !important;
    animation-delay: -3s !important;
}


/* Lower cloud */
.hero-art .cloud-2 {
    width: 78px;
    top: 66%;

    --cloud-opacity: 0.40;
    --start-x: 620px;
    --end-x: -110px;

    animation-duration: 28s !important;
    animation-delay: -17s !important;
}


/* Small upper cloud */
.hero-art .cloud-3 {
    width: 60px;
    top: 15%;

    --cloud-opacity: 0.30;
    --start-x: 620px;
    --end-x: -90px;

    animation-duration: 18s !important;
    animation-delay: -11s !important;
}


@keyframes cloud-fly-right-to-left {

    /* Off to the right, invisible */
    0% {
        transform: translateX(var(--start-x)) translateY(0);
        opacity: 0;
    }

    /* Still invisible while entering */
    12% {
        opacity: 0;
    }

    /* Entire cloud is now inside — fade it in */
    18% {
        opacity: var(--cloud-opacity);
    }

    /* Gentle drift while crossing */
    42% {
        transform: translateX(280px) translateY(-5px);
        opacity: var(--cloud-opacity);
    }

    62% {
        transform: translateX(120px) translateY(4px);
        opacity: var(--cloud-opacity);
    }

    /* Fade while still fully inside */
    80% {
        opacity: var(--cloud-opacity);
    }

    86% {
        opacity: 0;
    }

    /* Finish offscreen left */
    100% {
        transform: translateX(var(--end-x)) translateY(0);
        opacity: 0;
    }
}

.site-header .brand img {
    height: 80px !important;
    width: auto !important;
}

@media (max-width: 640px) {
    .site-header .brand img {
        height: 36px !important;
    }
}


.agency-form-success {
    margin: 0 0 22px;
    padding: 16px 18px;

    background: rgba(75, 113, 145, 0.10);
    border: 1px solid rgba(75, 113, 145, 0.28);
    border-radius: 10px;

    color: var(--navy);
    font-size: 0.92rem;
    line-height: 1.5;
}

.agency-form-success strong {
    display: block;
    margin-bottom: 3px;
    color: var(--navy);
}

/* Additional hero clouds */

.hero-art .cloud-4 {
    width: 92px;
    top: 34%;

    --cloud-opacity: 0.38;
    --start-x: 620px;
    --end-x: -125px;

    animation-duration: 24s !important;
    animation-delay: -8s !important;
}

.hero-art .cloud-5 {
    width: 70px;
    top: 82%;

    --cloud-opacity: 0.26;
    --start-x: 620px;
    --end-x: -105px;

    animation-duration: 20s !important;
    animation-delay: -14s !important;
}/* End custom CSS */