:root{--background:#101211;--foreground:#efeee8;--primary:#ffff00;--primary-foreground:#101211;--accent:#00bfe9;--border:#ffffff26;--radius:0}
/* Darken the rendered media, including the chapter transition canvases.
   The source clips stay untouched and this value can be tuned per chapter. */
#home-page{--atlas-video-brightness:.6}
#home-landing__bg__video,.home-screen__step-1__bg__canvas{filter:brightness(var(--atlas-video-brightness));background-size:cover;background-position:center}
.home-screen__step-1__content__title,.home-screen__step-1__content__subtitle{text-shadow:0 2px 12px rgba(16,18,17,.35)}
.mobile #home-landing__bg{background-image:url('/media/atlas-homepage/00-opening-hero.jpg')}
button:focus-visible,a:focus-visible,label:focus-visible{outline:2px solid #00bfe9;outline-offset:6px}
.template-message{padding:20px;background:#101211;color:#ffff00;font-size:16px;line-height:1.5}
#home-landing__content__text{color:#101211}
#home-landing__content__cta{color:#ffff00}
.no-touchevents #home-landing__content__cta:hover{color:#101211}
#contact__header__img{background-image:url('/media/atlas-sections/contact-hero.jpg');background-position:center;background-size:auto 100%}
#main-loading__lines path{opacity:0!important}
#main-loading__progress__value{color:#00bfe9}
#main-loading__progress__txt{color:#b6b9b0}
#home-screen-3 .home-screen__step-2__bg,#home-screen-5 .home-screen__step-2__bg{background-color:#242821}
#home-screen-4 .home-screen__step-2__bg{background-color:#242821}
#home-screen-4 .home-screen__step-2__content__inner__title,#home-screen-4 .home-screen__step-2__content__inner__subtitle,#home-screen-4 .home-screen__step-2__content__inner__body,#home-screen-4 .home-screen__step-2__content__inner__link{color:#17211a}
#home-screen-6 .home-screen__step-2__bg{background-color:#242821}
#home-screen-6 .home-screen__step-2__content__inner__subtitle{color:#00bfe9}
#home-screen-7 .home-screen__step-2__bg{background-color:#242821}
#home-screen-7 .home-screen__step-2__content__inner__title,#home-screen-7 .home-screen__step-2__content__inner__subtitle,#home-screen-7 .home-screen__step-2__content__inner__body,#home-screen-7 .home-screen__step-2__content__inner__link{color:#101211}
#nav__content__bg path{stroke:#242821}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Preserve contrast in the original controls and yellow panels. */
.nav-toggle__list__line,.home-landing__line,.home-screen__step-1__lines__line,.home-pagination__nav__item__btn::after,.home-pagination__nav__item__btn::before,.project__media__nav__item--selected .project__media__nav__item__picto,#contact__form__edu__add__icon::after,#contact__form__edu__add__icon::before{background-color:#efeee8}
.nav-toggle__cross__line,.project__media__close__btn__picto__line,.contact__form__edu__remove::after,.contact__form__edu__remove::before{background-color:#101211}
.project__tags,.project__tag__name,.project__tag__value,#contact__infos__panel,#contact__infos__panel__title,#contact__infos__panel a,#contact__infos__panel strong,#contact__form__file__btn,#solutions__experts,#solutions__experts__title,#solutions__experts__subtitle,.solutions__experts__item__title,.solutions__experts__item__body,#not-found__back{color:#101211}
#solutions__experts__bg{background-color:#dbded3}
.solutions__experts__item::after{background-color:#00bfe9}
.contact__form--fail #contact__form__alert{color:#101211}
/* Requested Process colours apply consistently at every existing breakpoint. */
#process__title,.process__step__title{color:#00bfe9}
#solutions__experts .solutions__experts__item__picto .atlas-service-icon,#solutions__experts .solutions__experts__item__picto .atlas-service-icon *{fill:none;stroke:#00bfe9}
/* Monochrome menu artwork reuses the unchanged Atlas master symbol. */
#nav__content__bg{pointer-events:none}
#nav__content__bg .atlas-nav-symbol{filter:grayscale(1) brightness(.48);transform-origin:720px 450px;animation:atlas-nav-breathe 10s ease-in-out infinite alternate}
@keyframes atlas-nav-breathe{from{transform:scale(.96) rotate(-2deg)}to{transform:scale(1.04) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){#nav__content__bg .atlas-nav-symbol{animation:none}}
/* Requested black copy on the light About, Process and Services surfaces. */
#about__title,#about__body__intro,#solutions__price__title,#solutions__price__body{color:#000}
#process__intro .process__intro__txt,.process__step__body{color:#949494}
.process__step__index{color:#000}
@media screen and (min-width:1024px){.process__step__outer-index{color:#f9f8f6}}

/* Give the supplied header mark enough contrast and enlarge it consistently. */
#logo{scale:1.5;background:transparent;padding:0;border-radius:0}

/* Keep the original first-visit loader; page transitions use a rotating Atlas symbol alone. */
#ajax-loading__anim{opacity:0;pointer-events:none}
#ajax-loading__txt{display:none}
.atlas-ajax-logo{position:absolute;top:50%;left:50%;width:min(140px,34vw);aspect-ratio:1;transform:translate(-50%,-50%)}
.atlas-ajax-logo svg{display:block;width:100%;height:100%;transform-origin:center;animation:atlas-loader-spin 1.4s ease-in-out infinite;will-change:transform}
@keyframes atlas-loader-spin{0%{transform:rotate(0) scale(.86);opacity:.7}50%{transform:rotate(180deg) scale(1.08);opacity:1}100%{transform:rotate(360deg) scale(.86);opacity:.7}}
@keyframes atlas-loader-fade{0%,100%{opacity:.65}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.atlas-ajax-logo svg{animation:atlas-loader-fade 1.4s ease-in-out infinite;will-change:auto}}

/* Stack the contact panel above the map instead of overlaying it. */
#contact__infos{display:flex;flex-direction:column;min-height:0}
#contact__infos__panel{order:1}
#contact__infos__map{order:2;position:relative;top:auto;right:auto;left:auto;margin-top:0}
@media screen and (min-width:1024px){
  #contact__infos__panel{width:83.74%;margin-left:8.13%}
  #contact__infos__map{width:83.74%;height:660px;margin-left:8.13%}
}

/* The video and template index were removed; let the review use the full column. */
.about__testimonial__body{margin-top:0}
.about__testimonial__body__infos{width:100%;padding-right:0;margin-top:0}
.about__testimonial__review-link{color:inherit}

/* Requested Services contrast and image removal. */
#solutions__subtitle{color:#000}
.solutions__industries__item__label__txt{color:#000;opacity:1}
.solutions__industries__item--selected .solutions__industries__item__label__txt,.solutions__industries__item:hover .solutions__industries__item__label__txt{color:#00bfe9}
#solutions__industries + #solutions__experts{margin-top:0}
#solutions__service{background-image:none;color:#000}
#solutions__service__title,#solutions__service__body{color:#000}
#solutions__price{background-image:none}
#solutions__price__images{display:none}
#solutions__price__txt{margin-top:80px;margin-right:13.77%;margin-left:13.77%}
@media screen and (min-width:1024px){#solutions__price__txt{margin-top:120px;margin-right:29.17%;margin-left:29.17%}}

/* Requested cyan homepage headings, scoped to the annotated chapters. */
.home-screen__step-1__content__title{font-size:20px}
#home-screen-2 .home-screen__step-1__content__title,
#home-screen-2 .home-screen__step-2__content__inner__subtitle,
#home-screen-4 .home-screen__step-1__content__title,
#home-screen-6 .home-screen__step-1__content__title{color:#00bfe9}
#home-screen-4 .home-screen__step-2__content__inner__title{color:#000}
#home-screen-4 .home-screen__step-2__content__inner__subtitle{color:#00bfe9}

/* Secondary chapters share the Construction panel and page-surround colours. */
.home-screen__step-2{background-color:#e3e3e3}
#home-screen-1 .home-screen__step-2__bg,
#home-screen-2 .home-screen__step-2__bg,
#home-screen-3 .home-screen__step-2__bg,
#home-screen-4 .home-screen__step-2__bg,
#home-screen-5 .home-screen__step-2__bg,
#home-screen-6 .home-screen__step-2__bg,
#home-screen-7 .home-screen__step-2__bg{background-color:#242821}
#home-screen-1 .home-screen__step-2__content__inner__title,
#home-screen-1 .home-screen__step-2__content__inner__body,
#home-screen-1 .home-screen__step-2__content__inner__link,
#home-screen-4 .home-screen__step-2__content__inner__title,
#home-screen-4 .home-screen__step-2__content__inner__body,
#home-screen-4 .home-screen__step-2__content__inner__link,
#home-screen-7 .home-screen__step-2__content__inner__title,
#home-screen-7 .home-screen__step-2__content__inner__body,
#home-screen-7 .home-screen__step-2__content__inner__link{color:#efeee8}
#home-screen-1 .home-screen__step-2__content__inner__subtitle,
#home-screen-7 .home-screen__step-2__content__inner__subtitle{color:#ffff00}

/* Use the supplied Atlas project media for the annotated homepage chapters. */
@media screen and (min-width:1024px){
  #home-screen-2 .home-screen__step-2__img{background-image:url('/media/atlas-sections/design-and-planning.jpg');background-position:50% 50%}
  #home-screen-3 .home-screen__step-2__img{background-image:url('/media/atlas-sections/construction.jpg');background-position:50% 50%}
  #home-screen-4 .home-screen__step-2__img{background-image:url('/media/atlas-sections/renovations-property-maintenance.jpg');background-position:50% 45%}
  #home-screen-7 .home-screen__step-2__img{background-image:url('/media/atlas-sections/start-a-project.jpg');background-position:50% 50%}
}

/* Keep the Services selector images consistent while preserving each source ratio. */
.solutions__industries__item__img{height:clamp(220px,31vw,400px);object-fit:cover;object-position:center}
.solutions__industries__item:nth-child(3) .solutions__industries__item__img{object-position:50% 38%}
.solutions__industries__item:nth-child(4) .solutions__industries__item__img{object-fit:contain;object-position:center;background:#fff}


/* September review: a shorter image with a five-line, blue service statement.
   Image heights are half the former two-line hero at the existing breakpoints. */
#solutions__title-wrapper{--atlas-hero-height:122px;padding:48px 6.52% 45px;min-height:0}
#solutions__header__img-wrapper{left:38%;top:36px;bottom:auto;height:var(--atlas-hero-height)}
#solutions__header__img{position:absolute}
#solutions__subtitle{color:#00bfe9;font-size:clamp(28px,5.2vw,48px);line-height:1.08;width:max-content;max-width:100%;font-weight:700}
#solutions__intro{margin-top:0}
#solutions__industries{padding-bottom:80px}
#solutions__industries + #solutions__price #solutions__price__txt{margin-top:30px}
#about__header{height:0;min-height:0;margin-bottom:0;background:none}
#about__anim-in-shape-1{display:none}

/* The desktop guide span grows from 55.7% to 66.84% (a 20% increase).
   Each row is sized by its text; the image crops into that exact row height. */
#process__lines>div,.process__step::after{background-color:#bfc3c5}
.process__step__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:stretch;margin-left:6.52%;margin-right:6.52%}
#process__steps .process__step__txt{width:auto;margin:0;min-width:0}
#process__steps .process__step__img{width:100%;height:0;min-height:100%;margin:0;object-fit:cover;object-position:center;align-self:stretch;filter:sepia(.08) saturate(.9)}
.process__step__img{grid-column:2;grid-row:1;order:0}
.process__step__inner::before{content:"";grid-column:2;grid-row:1;z-index:1;background:rgba(0,191,233,.09);pointer-events:none}
.process__step:nth-child(even) .process__step__inner::before{grid-column:1}
.process__step__txt{grid-column:1;grid-row:1;order:0}
.process__step:nth-child(even) .process__step__img{grid-column:1;order:0}
.process__step:nth-child(even) .process__step__txt{grid-column:2;order:0}
.process__step__body,#process__intro{font-size:16px;line-height:1.65}
.process__step{scroll-margin-top:40px}
.terms__section__title,#terms__title{color:#00bfe9}
.terms__section__body{font-size:16px;color:#777;line-height:1.75}
.terms__section__body a{color:#007f9c;text-decoration:underline;text-underline-offset:3px}
#terms__intro{padding-bottom:40px}
@media screen and (min-width:1024px){
  #solutions__title-wrapper{--atlas-hero-height:253.2px;padding:80px 8.13% 60px 15.14%}
  #solutions__header__img-wrapper{left:43%;top:60px}
  #solutions__subtitle{font-size:40px}
  #process__lines>div:nth-child(-n+3){left:16.58%}
  #process__lines>div:nth-child(n+4){right:16.58%}
  #process__header{margin-left:20%;margin-right:20%;padding-top:100px}
  #process__steps .process__step__inner{margin-left:20%;margin-right:20%;gap:9%}
  #process__steps .process__step__txt{width:auto;margin:0}
  #process__steps .process__step__img{width:100%;margin:0}
  .process__step__title{font-size:40px;line-height:1.08;margin-bottom:24px}
  #process__title{font-size:clamp(56px,5.3vw,77px);line-height:1.04}
  #solutions__industries{padding-bottom:100px}
  .footer__page__section__title{overflow-wrap:normal}
}
@media screen and (min-width:1280px){
  #solutions__title-wrapper{--atlas-hero-height:292.64px}
  #solutions__subtitle{font-size:58px}
}
@media screen and (min-width:1400px){
  #solutions__title-wrapper{--atlas-hero-height:339.92px}
  #solutions__subtitle{font-size:clamp(58px,4.4vw,74px)}
  #process__header{margin-right:20%;margin-left:20%}
}
@media screen and (max-width:599px){
  #solutions__header__img-wrapper{left:45%;opacity:.65}
  .process__step__inner{gap:6%}
  .process__step__title{font-size:clamp(23px,6vw,28px);overflow-wrap:break-word}
  .process__step__body{font-size:16px}
  #process__intro{display:grid;gap:20px}
  #process__intro .process__intro__txt{width:auto;margin:0}
}
/* Owner-supplied secondary backgrounds; keep the animation wrappers intact. */
@media (min-width:1024px){
  #home-screen-1 .home-screen__step-2__img,
  #home-screen-5 .home-screen__step-2__img,
  #home-screen-6 .home-screen__step-2__img{display:block;inset:0;background-color:#efeee8}
  #home-screen-1 .home-screen__step-2__img:before{content:"";position:absolute;inset:0;background:url('/media/atlas-sections/one-team-secondary-6.jpg') center/cover no-repeat}
  #home-screen-5 .home-screen__step-2__img{background-image:url('/media/atlas-sections/development-secondary.jpg');background-size:87.8583vh 100%;background-position:right center}
  #home-screen-6 .home-screen__step-2__img{background-image:url('/media/atlas-sections/canopy-secondary.jpg');background-size:cover;background-position:center}
}