/* HEtoiture: unified editorial layout and restrained motion. */
:root{--night:#111e2b;--night-soft:#1b2b3b;--red:#ca302b;--surface:#e8ecef;--line:#bfc9d0;--ease:cubic-bezier(.2,.75,.2,1)}
html{scroll-padding-top:104px}body{overflow-x:clip}h2 em{font-style:normal;color:#a72d2b}svg{vertical-align:middle;flex-shrink:0}.section{padding:88px 7%}.section-heading{align-items:start;margin-bottom:42px}.section-heading h2{margin-bottom:0}.section-heading .eyebrow{line-height:1.8}.section p{line-height:1.8}.skip-link{position:fixed;top:8px;left:12px;z-index:200;background:white;color:#111e2b;padding:12px 18px;transform:translateY(-160%)}.skip-link:focus{transform:none}.reading-progress{position:fixed;z-index:101;top:0;left:0;width:100%;height:3px;background:#e45c52;transform:scaleX(0);transform-origin:left;pointer-events:none}
body>header{position:sticky;top:0;height:86px;background:#111e2bf5;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff19;transition:box-shadow .3s}.has-scrolled>header{box-shadow:0 8px 25px #07132126}.nav a{transition:color .2s}.nav .contact-link{background:var(--red);border-color:var(--red)!important;color:white;border-radius:4px}.menu{color:white}.nav a.active:not(.contact-link){color:#ff9188}.logo img{width:210px!important;height:auto!important}
.pro-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:15px 23px;border:1px solid var(--red);border-radius:4px;background:var(--red);color:white;font-weight:600;line-height:1.4;transition:background .25s,box-shadow .25s,transform .25s}.pro-button svg{transition:transform .3s var(--ease)}.pro-button:hover{background:#af2622;box-shadow:0 8px 20px #07132124;transform:translateY(-2px)}.pro-button:hover svg{transform:translateX(4px)}.pro-button-secondary{background:transparent;color:var(--night);border-color:#6b7d8a}.pro-button-secondary:hover{background:var(--night);color:white;border-color:var(--night)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d85045;outline-offset:5px}
.pro-hero{min-height:680px;min-height:min(790px,calc(100svh - 86px));padding:66px 7% 105px;justify-content:center;overflow:hidden}.pro-hero .hero-content{position:relative;z-index:2;max-width:850px}.pro-hero .hero-content>.eyebrow{color:#f1f4f7;margin-bottom:24px}.pro-hero h1{font-size:clamp(52px,6.3vw,92px);line-height:1.04;letter-spacing:-3.8px}.pro-hero h1>span,.pro-hero h1>em{display:block}.pro-hero .hero-lead{font-size:clamp(17px,1.5vw,21px);line-height:1.65;margin:26px 0;max-width:650px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-actions .pro-button-secondary{border-color:#c2cbd5;color:#fff;background:#101e2b35}.hero-actions .pro-button-secondary:hover{background:#fff;color:var(--night)}.pro-hero .hero-photo{inset:0;height:100%;z-index:-1;background:var(--night)}.pro-hero .hero-photo img{width:100%;height:100%;object-position:center 48%;animation:none;transform:translateY(var(--hero-drift,0px)) scale(1.09);will-change:transform}.pro-hero .hero-photo:after{background:linear-gradient(90deg,#071321df 0%,#071321a6 44%,#07132130 100%),linear-gradient(0deg,#0713219e,transparent 30%)}.hero-bottom{position:absolute;left:7%;right:7%;bottom:26px;display:flex;justify-content:space-between;align-items:end;gap:24px;font-size:13px;line-height:1.7;color:#f0f3f6;z-index:2}.hero-bottom small{color:#c6d0da;font-size:12px}.discover-link{display:flex;align-items:center;gap:18px;border-bottom:1px solid #80909e;padding-bottom:8px}.discover-link span{font-size:22px}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 7%;gap:25px;background:var(--night);color:#b8c6d2;border-top:1px solid #ffffff20;font-size:12px}.trust-strip>span,.trust-strip>a{padding-left:18px;border-left:1px solid #556677;line-height:1.7}.trust-strip strong{display:block;color:#f5f7f9;font-size:14px;font-weight:600;margin-bottom:4px}.trust-strip svg{width:17px}.trust-strip>a:hover strong{color:#ff9188}
.intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.intent-card{position:relative;overflow:hidden;border:1px solid var(--line);padding:38px;background:#f2f4f6;transition:background .4s,transform .4s,border-color .4s}.intent-card:after{content:'';position:absolute;right:-90px;top:-80px;width:230px;height:230px;border:1px solid #9aabb630;transform:rotate(45deg);pointer-events:none;transition:transform .7s}.intent-card:hover{transform:translateY(-5px);border-color:#7c909e;background:#fff}.intent-card:hover:after{transform:rotate(45deg) translate(-15px,15px)}.intent-index{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#8e2927}.intent-card h3{font-size:clamp(25px,2.5vw,36px);line-height:1.25;margin:28px 0 20px}.intent-card p{color:var(--muted);max-width:450px;margin-bottom:32px}.intent-link{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:20px;font-weight:600}.intent-new{background:#dfe5ea}
.pro-featured{background:var(--night);color:white}.pro-featured .section-heading .eyebrow{color:#f18b82!important}.pro-featured h2 em{color:#c0cdd7}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 28px}.featured-grid>.project-card:first-child{grid-column:1/-1}.featured-grid>.project-card:first-child .project-image{height:510px}.featured-grid .project-card:nth-child(2){margin-top:0}.featured-grid .project-image{height:340px}.project-card{display:block;min-width:0}.project-card .project-image{position:relative;isolation:isolate}.project-card .project-image img{transition:transform .85s var(--ease),filter .65s;object-position:center}.project-card:hover .project-image img,.project-card:focus-visible .project-image img{transform:scale(1.045)}.project-open{position:absolute;bottom:20px;right:20px;left:auto;display:flex;align-items:center;gap:18px;padding:12px 16px;background:#111e2be8;color:white;font-size:13px;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;pointer-events:none}.project-card:hover .project-open,.project-card:focus-visible .project-open{opacity:1;transform:none}.project-info h3{font-weight:600;font-size:clamp(22px,2vw,30px)}.pro-featured .project-info p{color:#bdcbd6}.pro-featured .project-tag{color:#f0b0aa;border-color:#6b7885}.section-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:42px}.section-bottom p{margin:0;color:var(--muted);font-size:15px}.pro-featured .section-bottom p{color:#bfccd6}.section-bottom .text-link{display:flex;gap:16px;align-items:center;margin-top:0}
.team-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.team-visual{margin:0;position:relative}.team-visual img{width:100%;height:480px;object-fit:cover;display:block}.team-visual:before{content:'';position:absolute;left:-12px;top:24px;bottom:24px;border-left:3px solid var(--red)}.team-visual figcaption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:12px}.team-copy h2{font-size:clamp(32px,3.5vw,50px);line-height:1.16;margin:22px 0}.team-copy p{color:var(--muted)}.team-copy .pro-button{margin-top:14px}
.pro-method-section{background:var(--night);color:#fff}.pro-method-section .section-heading .eyebrow{color:#ef9c94!important}.pro-method{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;--method-progress:0}.method-rail{position:absolute;left:20px;right:20px;top:25px;height:1px;background:#71818e77}.method-rail span{display:block;height:2px;width:100%;transform:scaleX(var(--method-progress));transform-origin:left;background:#f1786c;transition:transform .8s var(--ease)}.method-item{position:relative}.method-number{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid #778b9b;background:#182b3b;border-radius:50%;color:#dce6ee;font-size:13px;margin-bottom:28px;transition:background .6s,border-color .6s}.method-active .method-number{background:#ba302b;border-color:#f18d83;color:white}.method-item h3{font-size:23px;margin-bottom:14px}.method-item p{font-size:14px;line-height:1.8;color:#d1dce5}.pro-method-section.method-photo:before{opacity:.4}.service-accordion{border-bottom:1px solid var(--line)}.service-accordion summary{transition:background .25s}.service-accordion summary:hover{background:#ffffff60}.service-accordion[open]{background:#f3f5f7}.repairs-content{align-items:center}.repairs-content>.pro-button{flex-shrink:0}.cta-band{padding:65px 7%;background:#dce3e8}.cta-band h2{font-size:clamp(32px,3.5vw,50px)}.brand-strip{border-top:1px solid var(--line)}
.page-intro{padding:66px 7% 60px}.page-intro h1{font-size:clamp(40px,5vw,72px);max-width:1000px;line-height:1.12}.page-intro p{max-width:790px;line-height:1.8}.detail-cover{position:relative;margin:36px 7% 0;height:550px}.detail-cover img{width:100%;height:100%;object-fit:cover}.cover-hint{position:absolute;right:20px;bottom:20px;background:#111e2bdd;color:white;font-size:13px;padding:12px 18px;pointer-events:none}.project-story{display:grid;grid-template-columns:1fr 2fr;gap:9%}.project-story aside{align-self:start}.project-spec{border-top:1px solid var(--line);margin:30px 0;padding-top:26px}.project-spec .eyebrow{font-size:11px;color:#92403c;margin-bottom:10px}.project-spec p{color:var(--muted);margin-bottom:25px}.story-part{display:flex;gap:24px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}.story-part:last-child{margin-bottom:0}.story-number{color:#a32d29;font-size:12px;padding-top:8px}.story-part h2{font-size:29px;letter-spacing:-.8px;margin-bottom:16px}.story-part p{margin:0;color:var(--muted)}.related-projects{background:#dce3e9}.related-projects .project-card:nth-child(2),.service-editorial~.section .project-card:nth-child(2){margin-top:0}.related-projects .project-image{height:310px}.gallery-grid .project-card:nth-child(2){margin-top:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filters button{min-height:43px;border-radius:4px;font-size:13px;padding:10px 17px;transition:background .2s,color .2s}.filter-status{font-size:13px;color:var(--muted);margin:0 0 20px}.chantier-grid,.chalet-gallery{gap:28px}.chantier-grid figure,.chalet-gallery figure{margin:0;background:#f3f5f6;border:1px solid #d0d9df;overflow:hidden}.chantier-grid figcaption,.chalet-gallery figcaption{padding:14px 18px;font-size:13px;line-height:1.6;margin:0}.gallery-phase{margin:14px 18px}.chantier-grid a img,.chalet-gallery a img{transition:transform .65s var(--ease)}.chantier-grid a:hover img,.chalet-gallery a:hover img{transform:scale(1.025)}.project-lightbox{border-radius:6px}.lightbox-image-wrap{touch-action:pan-y}.lightbox-zoomed .lightbox-image-wrap{touch-action:auto}.lightbox-navigation button{min-width:110px}.lightbox-toolbar{border-bottom:1px solid #556879;padding-bottom:14px}.lightbox-caption{min-height:24px}.service-editorial{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-top:64px}.service-editorial h2{font-size:36px;line-height:1.2;margin:22px 0}.service-editorial p{color:var(--muted)}.service-editorial figure{margin:0}.service-editorial img{width:100%;height:480px;object-fit:cover}.service-editorial figcaption{font-size:12px;color:var(--muted);margin-top:12px}.service-scope{background:#dce3e8}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.scope-grid article{border-top:1px solid #9dabb6;padding-top:22px}.scope-grid span{font-size:12px;color:#a92e29}.scope-grid h3{font-size:25px;margin:22px 0 16px}.scope-grid p{font-size:15px;color:var(--muted)}.contact-grid form{padding:30px;background:#f5f7f8;border:1px solid #c7d1da;border-radius:5px}.contact-grid input,.contact-grid select,.contact-grid textarea{background:white;min-height:48px;border-color:#acbac5}.contact-grid textarea{min-height:160px}.contact-grid .pill{background:var(--red);color:#fff;border-color:var(--red);border-radius:4px}footer{padding-left:7%;padding-right:7%}
@keyframes pro-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.pro-hero h1>span,.pro-hero h1>em{animation:pro-rise .8s var(--ease) both}.pro-hero h1>span:nth-child(2){animation-delay:.1s}.pro-hero h1>em{animation-delay:.2s}.hero-actions{animation:pro-rise .7s .3s var(--ease) both}.hero-content>.eyebrow{animation:pro-rise .6s var(--ease) both}.hero-lead{animation:pro-rise .8s .2s var(--ease) both}.service-accordion[open] .service-expanded{animation:pro-rise .35s var(--ease)}}
@media(hover:none){.project-open{opacity:1;transform:none;font-size:12px;padding:10px 12px;right:12px;bottom:12px}}
@media(min-width:1600px){.section,footer{padding-left:max(7%,calc((100vw - 1380px)/2));padding-right:max(7%,calc((100vw - 1380px)/2))}}
@media(max-width:1000px){.nav{gap:17px;font-size:13px}.logo img{width:175px!important}.pro-method{gap:18px}.team-visual img{height:430px}.intent-card{padding:28px}.featured-grid>.project-card:first-child .project-image{height:430px}}
@media(max-width:800px){html{scroll-padding-top:88px}.section{padding:60px 6%}body>header{height:74px;padding:0 6%}.logo img{width:175px!important}.nav{top:74px;background:#111e2b;max-height:calc(100svh - 150px);overflow:auto}.menu{min-height:44px;font-size:14px}.section-heading h2{font-size:36px;line-height:1.16}.section-heading{margin-bottom:28px}.section-heading .eyebrow{margin-bottom:16px}.pro-hero{min-height:670px;min-height:min(760px,calc(100svh - 74px));padding:44px 6% 108px;justify-content:center}.pro-hero h1{font-size:clamp(46px,9.5vw,68px);letter-spacing:-2.4px}.pro-hero .hero-content>.eyebrow{font-size:11px;margin-bottom:22px}.pro-hero .hero-lead{font-size:17px;margin:22px 0}.hero-actions{gap:12px}.hero-actions .pro-button{padding:13px 17px;min-height:49px;font-size:14px;gap:15px}.hero-bottom{left:6%;right:6%;bottom:25px;font-size:11px}.hero-bottom small{font-size:10px}.discover-link{font-size:11px}.pro-hero .hero-photo img{object-position:62% center;will-change:auto}.pro-hero .hero-photo:after{background:linear-gradient(90deg,#071321d6,#07132166),linear-gradient(0deg,#071321a1,transparent 45%)}.trust-strip{grid-template-columns:1fr 1fr;gap:24px 16px;padding:27px 6%}.trust-strip>span,.trust-strip>a{padding-left:12px;font-size:11px}.trust-strip strong{font-size:12px}.intent-grid,.team-section,.service-editorial,.project-story{grid-template-columns:1fr}.intent-card{padding:28px}.intent-card h3{font-size:28px}.intent-grid{gap:18px}.featured-grid{gap:28px;grid-template-columns:1fr}.featured-grid>.project-card:first-child{grid-column:auto}.featured-grid>.project-card:first-child .project-image,.featured-grid .project-image{height:300px}.project-info h3{font-size:23px}.project-info{gap:12px}.project-info p{font-size:13px}.project-tag{font-size:10px}.section-bottom{align-items:start;flex-direction:column;gap:22px;margin-top:30px}.section-bottom p{font-size:14px}.team-section{gap:30px}.team-visual img{height:340px}.team-copy h2{font-size:36px}.pro-method{grid-template-columns:1fr;gap:26px}.method-rail{left:24px;top:20px;bottom:40px;right:auto;width:1px;height:auto}.method-rail span{width:2px;height:100%;transform:scaleY(var(--method-progress));transform-origin:top}.method-item{display:grid;grid-template-columns:50px 1fr;column-gap:22px}.method-number{grid-row:1/3;margin:0}.method-item h3{font-size:23px;margin:3px 0 10px}.method-item p{grid-column:2;margin:0}.repairs-content>.pro-button{margin-top:22px}.cta-band{padding:48px 6%}.page-intro{padding:42px 6% 38px}.page-intro h1{font-size:clamp(36px,7.5vw,50px);overflow-wrap:break-word}.page-intro p{font-size:15px}.detail-cover{height:330px;margin:26px 6% 0}.cover-hint{bottom:12px;right:12px;font-size:11px;padding:10px 12px}.project-story{gap:34px}.project-spec{display:grid;grid-template-columns:1fr;gap:0;margin:22px 0}.project-story aside>.pro-button{font-size:14px}.story-part{gap:18px}.story-part h2{font-size:26px}.scope-grid{grid-template-columns:1fr;gap:20px}.service-editorial{gap:28px}.service-editorial h2{font-size:32px}.service-editorial img{height:320px}.contact-grid form{padding:22px}.contact-grid{padding-top:10px!important}.pro-button{font-size:14px;min-height:50px}.filters{gap:8px}.filters button{font-size:12px;min-height:42px;padding:9px 12px}.lightbox-navigation button{min-width:95px}.project-lightbox{width:96vw;max-height:92dvh}.mobile-contact{padding-left:6%;padding-right:6%;z-index:90}.mobile-contact a{font-size:14px}.related-projects .project-image{height:290px}footer{padding-left:6%;padding-right:6%}}
@media(max-width:400px){.hero-actions{display:grid}.hero-actions .pro-button{justify-content:space-between}.pro-hero{min-height:665px}.hero-bottom{align-items:start}.discover-link{display:none}.trust-strip{gap:20px 12px}.project-info{flex-wrap:wrap}.contact-grid form{padding:18px}.team-visual img{height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pro-hero .hero-photo img{transform:none!important;will-change:auto}.pro-button:hover,.intent-card:hover{transform:none}.project-card:hover .project-image img{transform:none}.method-rail span{transition:none}.project-open{opacity:1;transform:none}}

/* Fine details: consistent feedback, clear image states and typographic rhythm. */
::selection{background:#b93430;color:#fff}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.eyebrow{font-weight:600}.pro-button{position:relative;isolation:isolate;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff20}.pro-button::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 15%,#ffffff15 50%,transparent 85%);transform:translateX(-120%);transition:transform .65s var(--ease)}.pro-button:hover::before,.pro-button:focus-visible::before{transform:translateX(120%)}.pro-button:active{transform:translateY(0);box-shadow:inset 0 2px 5px #0002}.pro-button svg{width:20px;height:20px}.pro-button:focus-visible{outline-offset:5px}.intent-link svg{transition:transform .35s var(--ease)}.intent-card:hover .intent-link svg{transform:translateX(6px)}
.nav a:not(.contact-link){position:relative;border-bottom:0!important;padding-bottom:6px}.nav a:not(.contact-link)::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#ed7368;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav a:hover::after,.nav a.active::after,.nav a:focus-visible::after{transform:scaleX(1)}.nav .contact-link{box-shadow:inset 0 1px 0 #ffffff18;transition:background .25s,box-shadow .25s}.nav .contact-link:hover{background:#af2622;box-shadow:0 4px 15px #0002}
.project-index{position:absolute;top:20px;left:20px;z-index:2;display:grid;place-items:center;width:39px;height:39px;background:#111e2bd9;border:1px solid #ffffff50;color:#fff;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:1px;backdrop-filter:blur(8px);pointer-events:none}.project-card .project-image::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(0deg,#07132170,transparent);opacity:0;transition:opacity .45s;pointer-events:none}.project-card:hover .project-image::after,.project-card:focus-visible .project-image::after{opacity:1}.project-open{z-index:3;border:1px solid #ffffff38;backdrop-filter:blur(8px);border-radius:3px}.project-info h3{transition:color .25s}.project-card:hover .project-info h3{color:#b62e29}.pro-featured .project-card:hover .project-info h3{color:#ff9a90}.project-tag{align-self:start;white-space:normal;line-height:1.5}.project-info>div{min-width:0}.featured-grid>.project-card:first-child .project-info h3{font-size:clamp(25px,2.5vw,36px)}
.photo-loading{position:relative;background:#cfd8df;overflow:hidden}.photo-loading::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,#ffffff35 50%,transparent 75%);background-size:200% 100%;animation:photo-sheen 1.6s linear infinite;pointer-events:none;z-index:1}.photo-loading img{opacity:0}.project-image img,.team-visual img,.chantier-grid a img,.chalet-gallery a img{transition:opacity .35s,transform .8s var(--ease)}.team-visual figcaption{border-left:2px solid #b9c6cf;padding-left:12px;margin-top:16px}.team-copy .eyebrow{color:#a4302c}.story-part{transition:border-color .3s}.story-part:hover{border-color:#ad6f69}.story-number{font-variant-numeric:tabular-nums}.method-number{box-shadow:0 0 0 7px #111e2b36}.method-active .method-number{box-shadow:0 0 0 7px #d65b4820}.method-item h3{letter-spacing:-.6px}
.service-accordion{border-radius:3px}.service-accordion>summary{padding-left:14px;padding-right:14px}.service-accordion[open]>summary{border-bottom:1px solid #c9d2d9}.service-accordion .service-toggle b{transition:transform .35s var(--ease)}.service-accordion[open] .service-toggle b{transform:rotate(45deg)}.service-accordion[open] .service-expanded{padding-left:14px;padding-right:14px}.brand-window{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.review-carousel-controls button,.brand-pause{transition:background .25s,color .25s,border-color .25s}.review-carousel-controls button:hover{background:#111e2b;color:white;border-color:#111e2b}.client-review{border:1px solid #cbd5dd;border-top:2px solid #ca302b;border-radius:3px;box-shadow:0 5px 18px #111e2b04}.client-review-author{padding-top:14px;border-top:1px solid #d3dbe1}.full-review summary{padding:8px 0}.contact-grid .field label{font-weight:600;font-size:13px;letter-spacing:.2px}.contact-grid input,.contact-grid textarea,.contact-grid select{transition:border-color .2s,box-shadow .2s}.contact-grid input:hover,.contact-grid textarea:hover,.contact-grid select:hover{border-color:#667d8e}.contact-grid input:focus,.contact-grid textarea:focus,.contact-grid select:focus{border-color:#b83730;box-shadow:0 0 0 3px #ca302b12}.contact-grid .field:focus-within label{color:#a52e29}.cta-band{background:linear-gradient(115deg,#111e2b,#1b3041);color:#fff;border-top:1px solid #7e514f}.cta-band p{color:#c4d0db}.cta-band .pill{background:#ca302b;border-color:#e1665d;color:#fff;border-radius:4px;transition:background .25s,transform .25s}.cta-band .pill:hover{background:#ad2723;transform:translateY(-2px)}.footer-bottom{border-top-color:#b7c4cd}.footer-links a{transition:color .25s}.footer-links a:hover{color:#b62e29}
.lightbox-counter{font-variant-numeric:tabular-nums;font-size:13px;letter-spacing:2px;color:#d8e2eb}.lightbox-progress{height:2px;background:#52657966;margin:0 0 16px;overflow:hidden}.lightbox-progress span{display:block;height:100%;width:100%;background:#f17e71;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.lightbox-image-wrap{position:relative;background:#0c1722;border-radius:3px}.lightbox-image{transition:opacity .2s}.photo-pending .lightbox-image{opacity:0!important}.lightbox-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#c3cfdb;letter-spacing:.4px}.lightbox-loading[hidden]{display:none}.lightbox-toolbar button:disabled{opacity:.45;cursor:wait}.lightbox-caption{border-top:1px solid #405365;padding-top:14px;color:#cbd8e3}.lightbox-original{background:transparent}.project-lightbox::backdrop{backdrop-filter:blur(5px)}
@keyframes photo-sheen{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes menu-enter{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}
@keyframes gallery-open{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:no-preference){.project-lightbox[open]{animation:gallery-open .22s var(--ease)}}
@media(max-width:800px){.menu{position:relative;padding:10px 12px 10px 36px;border:1px solid #718393;border-radius:3px;min-height:42px}.menu:before,.menu:after{content:'';position:absolute;width:14px;height:1px;left:12px;background:currentColor;transition:transform .25s,top .25s}.menu:before{top:16px}.menu:after{top:23px}.menu[aria-expanded="true"]:before{top:20px;transform:rotate(45deg)}.menu[aria-expanded="true"]:after{top:20px;transform:rotate(-45deg)}.nav.open{animation:menu-enter .22s var(--ease);box-shadow:0 12px 24px #06132140;border-bottom:1px solid #718393}.nav.open>a{width:100%;padding-top:10px;padding-bottom:10px}.nav.open>a.contact-link{margin-top:4px;text-align:center}.project-index{top:14px;left:14px;width:34px;height:34px;font-size:11px}.project-open{backdrop-filter:none}.featured-grid>.project-card:first-child .project-info h3{font-size:25px}.service-accordion>summary{padding-left:8px;padding-right:8px}.service-accordion[open] .service-expanded{padding-left:8px;padding-right:8px}.lightbox-progress{margin-bottom:12px}.lightbox-caption{font-size:13px}.project-lightbox::backdrop{backdrop-filter:none}.mobile-contact a{transition:background .15s,transform .15s}.mobile-contact a:active{transform:scale(.98)}.brand-window{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}}
@media(prefers-reduced-motion:reduce){.photo-loading::before{animation:none}.project-lightbox[open],.nav.open{animation:none}.pro-button::before{display:none}.project-image img,.team-visual img,.lightbox-image{transition:none}.lightbox-progress span,.menu:before,.menu:after{transition:none}}

/* Editorial finish: one surface palette and one card construction throughout. */
:root{--paper:#eef0ee;--card:#faf8f3;--card-line:#d7dcd9;--muted:#53616b}
body{background:var(--paper)}
.page-intro{border-bottom-width:2px}.page-intro+.section{padding-top:48px!important}
.project-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--card-line);border-radius:5px;box-shadow:0 3px 12px #111e2b05;transition:border-color .25s,box-shadow .25s;overflow:hidden;color:var(--night)}
.project-card.hidden{display:none}.project-card .project-image{flex-shrink:0;width:100%;border-radius:0}.project-card .project-image img{display:block}
.project-card .project-info{display:flex;flex-direction:column;gap:22px;flex:1;margin:0;padding:25px 28px 22px;border:0;background:var(--card);color:var(--night)}
.project-card .project-info h3{font-size:clamp(22px,1.9vw,28px);line-height:1.3;letter-spacing:-.7px;margin:0 0 10px;color:var(--night)}
.project-card .project-info p,.pro-featured .project-card .project-info p{color:#53616b;font-size:14px;line-height:1.65;margin:0;max-width:60ch}
.project-card .project-meta{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--card-line);padding-top:16px;margin-top:auto}
.project-card .project-tag{border:0;background:none;color:#8f302b;font-size:11px;font-weight:600;letter-spacing:.5px;padding:0;align-self:auto}
.project-card .card-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #c8cecb;color:#a52e29;flex-shrink:0;transition:background .25s,color .25s,border-color .25s}
.card-arrow svg{width:16px;height:16px;transition:transform .25s}
.project-card:focus-visible{outline-offset:5px}.project-card:focus-visible .card-arrow{background:var(--red);border-color:var(--red);color:#fff}
.pro-featured .project-card{border-color:#45515c}.pro-featured .project-card:hover .project-info h3{color:#a52e29}
.featured-grid,.gallery-grid{align-items:stretch}.project-grid>.project-card:nth-child(2){margin-top:0}
.chantier-grid figure,.chalet-gallery figure{background:var(--card);border-color:var(--card-line);border-radius:4px}.chantier-grid figcaption,.chalet-gallery figcaption{color:#53616b;padding:18px 20px;line-height:1.7}.gallery-phase{color:#8f302b}
.intent-card,.intent-new,.material-card,.material-card:hover,.product-doc-card,.client-review,.contact-grid form{background:var(--card);border-color:var(--card-line);border-radius:4px}
.material-card h2{line-height:1.25;letter-spacing:-.8px}.material-card p,.product-doc-card p{max-width:65ch}.material-card li+li{margin-top:8px}
.intent-card:after{border-color:#9aabb620}.related-projects,.service-scope{background:#e2e7e6}.section-heading{border-top-color:#c1cac7}.pro-featured .section-heading,.pro-method-section .section-heading{border-top-color:#586876}
.service-accordion[open]{background:var(--card)}.service-accordion[open]{padding-left:0}.service-accordion summary{border-radius:3px}.service-accordion .service-expanded{padding-bottom:24px}
.faq details{border-color:#c5ceca;padding:0}.faq summary{list-style:none;position:relative;padding:24px 44px 24px 0;font-size:19px;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:4px;top:24px;font-size:24px;color:#a52e29;line-height:1.2}.faq details[open] summary:after{content:'−'}.faq details[open] summary{color:#8f302b}.faq details p{margin:0;padding:0 36px 24px 0;max-width:70ch}
.filters{padding-bottom:20px;border-bottom:1px solid #c5ceca;margin-bottom:28px}.filters button{background:var(--card);border-color:#899b9b;min-height:44px}.filters button.selected{background:var(--night);border-color:var(--night);color:#fff}.filter-status{font-variant-numeric:tabular-nums}
.contact-grid .notice{padding:22px 0;border-top:1px solid #c5ceca;margin-top:26px;line-height:1.85}.contact-grid form .notice{font-size:12px;line-height:1.7;margin-top:0;border:0;padding:0 0 16px}.contact-grid input,.contact-grid select,.contact-grid textarea{border-radius:3px;font:inherit;font-size:16px}.contact-grid .field label{line-height:1.5}.contact-grid .pill{min-height:50px}
footer .footer-links a:hover,footer .footer-links a:focus-visible{color:#ffaaa1}.footer-links a{padding:3px 0;line-height:1.5}.footer-top p{font-size:14px;max-width:360px}.footer-bottom{gap:18px;line-height:1.65}.cta-band .pill{white-space:normal;text-align:center;min-height:50px;display:inline-flex;align-items:center;justify-content:center}
@media(hover:hover){.project-card:hover{box-shadow:0 12px 28px #111e2b12;border-color:#98a9a5}.project-card:hover .card-arrow{background:var(--red);color:white;border-color:var(--red)}.project-card:hover .card-arrow svg{transform:translateX(2px)}.project-card:hover .project-tag{background:none;color:#8f302b}.filters button:not(.selected):hover{background:#e1e7e4;border-color:#556b70}.faq summary:hover{color:#8f302b}}
@media(max-width:800px){.page-intro+.section{padding-top:32px!important}.project-card .project-info{padding:21px 20px 18px;gap:18px}.project-card .project-info h3,.featured-grid>.project-card:first-child .project-info h3{font-size:23px;line-height:1.3}.project-card .project-info p{font-size:13px}.project-card .project-meta{padding-top:14px}.project-open{gap:10px;font-size:11px;padding:9px 11px}.project-open svg{width:16px}.faq summary{font-size:17px;padding-top:20px;padding-bottom:20px}.faq summary:after{top:20px}.faq details p{padding-right:8px;font-size:15px}.filters{gap:8px;padding-bottom:18px}.filters button{min-height:44px}.footer-links{gap:28px}.footer-links a{min-height:32px}.footer-bottom{font-size:11px}.contact-grid .notice{overflow-wrap:anywhere}.mobile-contact{padding-bottom:max(12px,env(safe-area-inset-bottom))}.contact-grid input,.contact-grid select,.contact-grid textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.project-card,.card-arrow,.card-arrow svg{transition:none}.project-card:hover .card-arrow svg{transform:none}}

/* Clearer home promise with controlled wrapping on narrow screens. */
.pro-hero h1{font-size:clamp(48px,5.6vw,80px);letter-spacing:-2.5px}.pro-hero h1 em{font-size:.82em;line-height:1.13;margin-top:10px;max-width:780px}.pro-hero .hero-content>.eyebrow{line-height:1.7}.pro-hero .hero-lead{max-width:660px}
@media(max-width:800px){.pro-hero h1{font-size:clamp(42px,8.5vw,64px);letter-spacing:-1.7px}.pro-hero h1 em{margin-top:12px}.pro-hero .hero-lead{font-size:16px;line-height:1.7}.pro-hero{min-height:740px}}

/* Warm mineral palette: ivory canvas, lighter cards and quiet sand dividers. */
:root{--paper:#f3efe7;--surface:#eae3d8;--card:#fcf8f1;--card-line:#dcd3c6;--line:#c9bfb1}
html,body,main,#app,.view{background-color:var(--paper)}
.section:not(.home-realisations):not(.method-photo):not(.dark):not(.reviews-section){background-color:var(--paper)}
.section:not(.home-realisations):not(.method-photo):not(.dark):not(.reviews-section):is(.related-projects,.service-scope){background-color:var(--surface)}
.reviews-section,.service-material-panel,.form-message{background-color:var(--surface)}
.intent-card,.intent-new,.material-card,.material-card:hover,.product-doc-card,.client-review,.contact-grid form{background-color:var(--card);border-color:var(--card-line)}
.chantier-grid .close-up,.chalet-gallery .close-up,.chalet-gallery .small-source{background-color:var(--surface);border-color:var(--card-line)}
.contact-grid input,.contact-grid select,.contact-grid textarea{background-color:#fffdf9}
.material-brand,.product-doc-logo{background-color:var(--card);border-color:var(--card-line)}
.section-heading,.project-spec,.story-part,.scope-grid article,.filters,.faq details,.contact-grid .notice,.client-review-author{border-color:var(--line)}
.pro-featured .section-heading,.pro-method-section .section-heading,.dark .section-heading{border-color:#586876}
.team-visual figcaption{border-color:var(--line)}.project-card .card-arrow{border-color:#c9bfb1}
.service-accordion[open]>summary{border-color:var(--card-line)}.service-accordion summary:hover{background-color:#fcf8f1a6}
.photo-loading{background:#e4dccf}.filters button{background:var(--card)}.filters button.selected{background:var(--night)}
@media(hover:hover){.intent-card:hover{background:#fffdf9;border-color:#b9aa97}.project-card:hover{border-color:#b9aa97}.filters button:not(.selected):hover{background:#eae3d8;border-color:#8c7c68}}

#project-form button:disabled{opacity:.7;cursor:wait}#form-result:empty{display:none}.form-success{border-left:3px solid #35634b;color:#234b37}.form-error{border-left:3px solid #a52e29;color:#792a27}.form-message a,.contact-grid form .notice a{text-decoration:underline;text-underline-offset:3px}.form-message{line-height:1.75;overflow-wrap:anywhere}

.project-address{min-width:0;margin:12px 0 28px;padding:22px 0 0;border:0;border-top:1px solid var(--line)}.project-address legend{padding:0 12px 0 0;font:600 20px Manrope,sans-serif;color:var(--night)}.form-required-note{font-size:12px;color:var(--muted);margin:0 0 24px}.project-address .form-row:last-of-type .field{margin-bottom:0}

/* Method steps: explicit contrast for both ivory and photographic surfaces. */
.pro-method-section:not(.method-photo){background:var(--paper);color:var(--night)}
.pro-method .method-item h3{color:var(--night)}
.pro-method .method-item p{color:#53616b}
.method-photo .pro-method .method-item h3,.dark .pro-method .method-item h3{color:#fff}
.method-photo .pro-method .method-item p,.dark .pro-method .method-item p{color:#d1dce5}
.pro-method-section:not(.method-photo) .section-heading .eyebrow{color:#a62d28!important}
