.hero{position:relative;display:grid;align-items:center;min-height:clamp(37rem,52vw,46rem);min-height:clamp(37rem,min(52vw,calc(100svh - var(--header-height))),46rem);isolation:isolate;background:var(--color-charcoal);color:var(--color-ivory)}.hero-photo{position:absolute;z-index:-2;inset:0;--photo-position: 50% 46%}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0c120f14,#0c120f26 33%,#0c120fcf 54%,#0c120ff5)}.hero-inner{display:grid;grid-template-columns:53% minmax(0,1fr)}.hero-copy{grid-column:2;padding-block:clamp(3rem,5vw,5rem)}.hero .eyebrow,.workshop .eyebrow{color:var(--color-orange-light)}.hero-title{display:block;margin-top:clamp(1rem,2.5vw,1.95rem);font-size:clamp(3.5rem,5.42vw,5.25rem);line-height:.94;letter-spacing:-.03em}.hero-copy>p{max-width:29rem;margin-block:clamp(1rem,2.2vw,1.65rem) 1.8rem;color:var(--color-muted-on-dark);font-size:clamp(.95rem,1.25vw,1.05rem);line-height:1.65}.hero-copy>*{animation:hero-enter .42s ease-out both}.hero-copy>p{animation-delay:45ms}.hero-copy>.button{animation-delay:85ms}@keyframes hero-enter{0%{opacity:.72;transform:translateY(.35rem)}to{opacity:1;transform:none}}.service-strip{background:var(--color-sage);color:#fff}.service-strip ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:62rem;list-style:none;margin:0 auto;padding:.8rem 0}.service-strip li+li{border-inline-start:1px solid rgb(255 255 255 / 48%)}.service-strip a{display:flex;min-height:3.6rem;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(1.15rem,2.35vw,1.65rem);font-weight:800;letter-spacing:.035em;text-transform:uppercase}.service-strip a:hover,.service-strip a:focus-visible{text-decoration:underline;text-underline-offset:.19em}.method,.team{padding-block:var(--section-space);background:var(--color-ivory)}.method-grid,.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(2rem,6vw,6.4rem)}.method-image{height:clamp(20rem,36vw,32rem);overflow:hidden;background:var(--color-sage-tint);--photo-position: 58% center}.services{padding-block:var(--section-space);background:var(--color-sage-tint)}.services h2{font-size:clamp(2.25rem,calc(1.5rem + 3.05vw),4.25rem)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,2.1vw,1.65rem);margin-top:clamp(1.75rem,3.6vw,3rem)}.service-card{background:var(--color-paper)}.service-image{aspect-ratio:4 / 3;overflow:hidden}.service-image--entretien{--photo-position: 45% center}.service-image--diagnostic{--photo-position: 54% 57%}.service-image--optimisation{--photo-position: 50% 50%}.service-copy{padding:clamp(1rem,2.2vw,1.65rem) clamp(1rem,2.2vw,1.65rem) clamp(1.35rem,2.65vw,2.35rem)}.service-card h3{font-size:clamp(1.55rem,2.55vw,2.25rem);line-height:1}.service-card p{max-width:28rem;margin-top:.75rem;color:var(--color-muted);font-size:.94rem;line-height:1.6}.workshop{position:relative;background:var(--color-charcoal);color:var(--color-ivory)}.workshop-grid{display:grid;grid-template-columns:53% minmax(0,1fr);align-items:center;min-height:clamp(25rem,37vw,36rem)}.workshop-image{position:absolute;inset:0 auto 0 0;width:53%;--photo-position: 46% center}.workshop-copy{grid-column:2;padding:clamp(3rem,5vw,5.25rem) 0 clamp(3rem,5vw,5.25rem) clamp(2rem,5.6vw,4.75rem)}.workshop .section-copy{color:var(--color-muted-on-dark)}.workshop h2,.team h2{font-size:clamp(2.1rem,4.4vw,4rem)}.team-grid{grid-template-areas:"portraits copy";gap:clamp(1.75rem,4.5vw,4.75rem)}.team-copy{grid-area:copy}.portraits{grid-area:portraits;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.55rem,1.2vw,1rem)}.portraits figure{aspect-ratio:3 / 4;border-radius:5px;overflow:hidden;background:var(--color-sage-tint);--photo-position: 50% 26%}.portraits figure+figure{--photo-position: 50% 24%}.team h2{margin-top:0}@media(min-width:1600px){.hero-photo{--photo-position: 50% 10%}}@media(min-width:761px)and (max-width:960px){.hero-inner{grid-template-columns:50% minmax(0,1fr)}.hero-photo{--photo-position: 42% center}.hero:before{background:linear-gradient(90deg,#0c120f14,#0c120f33 31%,#0c120fd4 55%,#0c120ff5)}.service-card p{font-size:.88rem}}@media(max-width:760px){.hero{min-height:clamp(36rem,calc(100svh - var(--header-height)),43.5rem);align-items:end}.hero:before{background:linear-gradient(180deg,rgb(12 18 15 / 2%) 14%,rgb(12 18 15 / 30%) 33%,rgb(12 18 15 / 82%) 51%,rgb(12 18 15 / 91%) 71%,var(--color-charcoal) 94%)}.hero-photo{height:88%;--photo-position: 50% 27%}.hero-inner{display:block}.hero-copy{max-width:33rem;padding-block:clamp(13rem,37svh,19rem) clamp(2rem,6vw,3rem)}.hero .eyebrow{gap:.5rem;font-size:.67rem;letter-spacing:.075em}.hero .eyebrow:before{flex-basis:1.15rem}.hero-title{font-size:clamp(2.62rem,13vw,5.25rem)}.hero-copy>p{margin-bottom:1.35rem}.service-strip ul{display:block;padding-block:.2rem}.service-strip li+li{border-inline-start:0;border-block-start:1px solid rgb(255 255 255 / 48%)}.service-strip a{min-height:2.9rem;justify-content:flex-start}.method-grid,.team-grid,.service-grid,.workshop-grid{grid-template-columns:minmax(0,1fr)}.method-image{height:clamp(17rem,70vw,25rem)}.service-image{aspect-ratio:3 / 2;max-height:22rem}.workshop-grid{width:auto;display:block}.workshop-image{position:static;width:100%;height:clamp(14rem,58vw,24rem)}.workshop-copy{padding:2.5rem var(--gutter) 3.5rem}.workshop h2,.team h2{font-size:clamp(2.1rem,9vw,3.2rem)}.team-grid{grid-template-areas:"copy" "portraits"}}@media(max-width:760px)and (max-height:700px){.hero{min-height:calc(100svh - var(--header-height))}.hero:before{background:linear-gradient(180deg,rgb(12 18 15 / 4%) 12%,rgb(12 18 15 / 30%) 23%,rgb(12 18 15 / 79%) 31%,rgb(12 18 15 / 86%) 50%,var(--color-charcoal) 88%)}.hero-copy{padding-block:clamp(7rem,24svh,10rem) 1.125rem}.hero-title{margin-top:.75rem}.hero-copy>p{margin-block:.75rem 1rem;font-size:.875rem;line-height:1.5}}
