/* An editorial sequence: one photograph changes with the selected chapter. */
.artisan{padding:88px 0 85px;background:var(--surface)}
.artisan-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:end;margin-bottom:36px}
.artisan-intro h2{font-size:clamp(34px,3.5vw,49px);max-width:760px;line-height:1.12}
.artisan-intro h2 em{display:block;margin-top:5px}
.artisan-intro .eyebrow{margin-bottom:18px}
.artisan-intro>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:410px;margin:0 0 3px}
.artisan-editorial{display:grid;grid-template-columns:1.08fr 1fr;gap:66px;align-items:center}
.artisan-visual{margin:0;position:relative;height:430px;border-radius:4px 65px 4px 4px;isolation:isolate;background:var(--brand);overflow:hidden}
.artisan-shot{position:absolute;inset:0;opacity:0;transform:scale(1.065);transition:opacity .9s,transform 1.5s cubic-bezier(.2,.7,.15,1);pointer-events:none}
.artisan-shot.is-active{opacity:1;transform:scale(1.015);z-index:1}
.artisan-shot img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.artisan-visual:after{content:'';position:absolute;inset:38% 0 0;background:linear-gradient(transparent,color-mix(in srgb,var(--brand) 85%,transparent));z-index:2;pointer-events:none}
.artisan-visual figcaption{position:absolute;left:29px;bottom:28px;right:29px;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;color:var(--surface)}
.artisan-visual figcaption small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:9px}
.artisan-visual figcaption strong{font-size:27px;line-height:1.15;font-weight:500;letter-spacing:-.045em;display:block;max-width:330px}
.artisan-photo-index{font-size:70px;font-weight:500;line-height:1;letter-spacing:-.08em;color:var(--accent)}
.artisan-photo-strip{position:absolute;left:0;top:0;bottom:0;width:4px;background:color-mix(in srgb,var(--surface) 25%,transparent);z-index:4}
.artisan-photo-strip>span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleY(var(--artisan-progress,.333));transform-origin:top;transition:transform .7s var(--ease)}
.artisan-chapters{min-width:0}
.artisan-chapter{position:relative;padding:22px 0;border-bottom:1px solid var(--line)}
.artisan-chapter:first-child{padding-top:0}
.artisan-chapter:last-of-type{border-bottom:0}
.artisan-chapter-toggle{width:100%;display:flex;align-items:center;gap:18px;text-align:left;background:transparent;padding:0;color:var(--ink)}
.artisan-chapter-toggle>span:first-child{font-size:11px;letter-spacing:.05em;color:var(--muted);width:23px;flex:0 0 23px}
.artisan-chapter-toggle .chapter-title{font-size:21px;line-height:1.35;font-weight:500;letter-spacing:-.035em}
.artisan-chapter-toggle>b{margin-left:auto;font-size:23px;line-height:1;font-weight:400;color:var(--muted);transition:transform .5s}
.artisan-chapter.is-active .artisan-chapter-toggle>span:first-child,.artisan-chapter.is-active .chapter-title{color:var(--accent)}
.artisan-chapter.is-active .artisan-chapter-toggle>b{transform:rotate(45deg);color:var(--accent)}
.artisan-chapter-body{padding-left:41px;padding-top:15px}
.artisan-chapter-body p{font-size:13px;line-height:1.9;color:var(--muted)}
.artisan-story-ready .artisan-chapter-body{display:grid;grid-template-rows:0fr;padding-top:0;transition:grid-template-rows .55s var(--ease),padding-top .55s;visibility:hidden}
.artisan-story-ready .artisan-chapter.is-active .artisan-chapter-body{grid-template-rows:1fr;padding-top:15px;visibility:visible}
.artisan-chapter-body>div{min-height:0;overflow:hidden}
.artisan-links{display:flex;align-items:center;flex-wrap:wrap;gap:15px 24px;margin:26px 0 0 41px}
.artisan-links .text-link{font-size:11px}.artisan-links .text-link:last-child{color:var(--muted);font-weight:400}
.artisan-story-ready .artisan-visual{clip-path:inset(0 0 0 100%);transition:clip-path 1.05s cubic-bezier(.2,.7,.15,1)}
.artisan-story-ready.story-visible .artisan-visual{clip-path:inset(0)}
/* Six commitments, with a distinct visual treatment for each subject. */
.trust{padding:85px 0 92px;background:linear-gradient(var(--surface),var(--surface-alt) 45%,var(--surface))}
.trust .section-head{gap:60px;align-items:end;margin-bottom:34px}.trust h2{max-width:760px;font-size:clamp(32px,3.2vw,44px)}
.trust .head-aside{font-size:13px;max-width:330px;line-height:1.9}
.trust-composition{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;align-items:stretch}
.trust-craft{grid-row:span 2;background:var(--surface);border-radius:19px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 45px -35px color-mix(in srgb,var(--brand) 40%,transparent)}
.trust-craft-photo{height:235px;position:relative;overflow:hidden;flex:1;min-height:220px}
.trust-craft-photo>img{height:100%;width:100%;object-fit:cover;object-position:center;transition:transform 1s var(--ease)}
.trust-craft:hover .trust-craft-photo>img{transform:scale(1.045)}
.trust-craft-photo:after{position:absolute;inset:50% 0 0;content:'';background:linear-gradient(transparent,color-mix(in srgb,var(--brand) 65%,transparent))}
.trust-craft-photo>span{position:absolute;left:24px;bottom:20px;z-index:1;font-size:11px;color:var(--surface);letter-spacing:.04em}
.trust-craft-copy{padding:25px 26px 27px}
.trust-craft-copy article+article{margin-top:22px}
.trust-craft-copy h3{font-size:16px;line-height:1.4;margin-bottom:8px}
.trust-craft-copy p{font-size:11px;color:var(--muted);line-height:1.8}
.trust-proof{position:relative;min-height:238px;padding:23px 25px 24px;border-radius:18px;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;background:var(--surface);box-shadow:0 12px 35px -28px color-mix(in srgb,var(--brand) 25%,transparent)}
.trust-proof h3{font-size:16px;line-height:1.35;margin:0 0 9px;position:relative;z-index:2}
.trust-proof p{font-size:11px;line-height:1.8;color:var(--muted);position:relative;z-index:2}
.trust-proof-art{height:92px;position:relative;margin-bottom:18px;flex:0 0 92px}
.trust-warranty{background:var(--accent);color:var(--brand)}
.trust-warranty h3,.trust-warranty p{color:var(--brand)}
.warranty-number{font-size:93px;line-height:.95;font-weight:500;letter-spacing:-.08em;display:block}
.warranty-number>small{font-size:17px;letter-spacing:-.03em;margin-left:8px}
.warranty-seal{position:absolute;right:0;top:-2px;width:85px;height:85px;fill:none;stroke:var(--brand);stroke-width:1.2;opacity:.65;transform:rotate(12deg);transition:transform .8s var(--ease)}
.trust-warranty:hover .warranty-seal{transform:rotate(-8deg)}
.warranty-seal .seal-check{stroke-dasharray:50;stroke-dashoffset:50;transition:stroke-dashoffset 1s .25s}
.trust-warranty.visible .seal-check{stroke-dashoffset:0}
.trust-quote{background:var(--surface)}
.quote-illustration{position:absolute;right:0;top:-8px;width:118px;height:118px;background:var(--surface);border:1px solid var(--line);border-radius:4px;box-shadow:-7px 7px 0 var(--surface-alt),-8px 8px 0 var(--line);transform:rotate(8deg);padding:17px;transition:transform .75s var(--ease)}
.trust-quote:hover .quote-illustration{transform:rotate(0) translateY(-3px)}
.quote-illustration:before{content:'';display:block;width:21px;height:5px;background:var(--accent);margin-bottom:13px}
.quote-illustration i{display:block;height:2px;background:var(--line);margin:9px 0}
.quote-illustration i:last-child{width:54%;background:var(--accent);transform-origin:left;transform:scaleX(0);transition:transform .8s .5s}
.trust-quote.visible .quote-illustration i:last-child{transform:scaleX(1)}
.quote-delay{position:absolute;left:0;bottom:0;font-size:46px;line-height:1;letter-spacing:-.06em;color:var(--accent);font-weight:500;z-index:1}
.trust-schedule{background:color-mix(in srgb,var(--brand) 5%,var(--surface))}
.planning-art{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:start;padding-top:8px;position:relative;height:92px}
.planning-art i{display:block;height:80px;border-left:1px solid var(--line)}
.planning-bar{position:absolute;height:11px;background:var(--accent);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .85s var(--ease)}
.planning-bar.one{top:14px;left:0;width:39%;transition-delay:.1s}.planning-bar.two{top:38px;left:29%;width:39%;transition-delay:.3s}.planning-bar.three{top:62px;left:58%;width:39%;transition-delay:.5s}
.trust-schedule.visible .planning-bar{transform:scaleX(1)}
.trust-emergency{background:var(--brand);color:var(--surface)}
.trust-emergency h3{color:var(--surface)}.trust-emergency p{color:color-mix(in srgb,var(--surface) 75%,var(--brand))}
.emergency-orbit{position:absolute;right:-24px;top:-43px;width:165px;height:165px;border:1px solid color-mix(in srgb,var(--surface) 18%,transparent);border-radius:50%}
.emergency-orbit:before{content:'';position:absolute;inset:20px;border:1px solid color-mix(in srgb,var(--surface) 10%,transparent);border-radius:50%}
.emergency-orbit:after{content:'';position:absolute;left:21px;top:22px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.emergency-time{font-size:50px;font-weight:500;letter-spacing:-.07em;line-height:1;position:absolute;left:0;bottom:0;color:var(--accent)}
.trust-emergency.visible .emergency-orbit{animation:trust-orbit 18s linear infinite}
.trust-emergency:not(.motion-visible) .emergency-orbit{animation-play-state:paused}
@keyframes trust-orbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.artisan-intro{gap:40px}.artisan-editorial{gap:38px}.artisan-visual{height:420px}.artisan-chapter-toggle .chapter-title{font-size:18px}.artisan-chapter-body p{font-size:12px}.trust-composition{gap:13px;grid-template-columns:1.1fr 1fr 1fr}.trust-proof{padding:22px 20px;min-height:250px}.trust-craft-copy{padding:23px}.warranty-number{font-size:77px}.warranty-seal{width:68px;height:68px}.quote-illustration{width:100px;height:109px}.quote-delay{font-size:40px}}
@media(max-width:900px){.trust-composition{grid-template-columns:1fr 1fr}.trust-craft{grid-column:span 2;grid-row:auto;display:grid;grid-template-columns:1fr 1fr}.trust-craft-photo{height:auto;min-height:250px}.trust-proof{min-height:230px}.trust .section-head{gap:30px}.trust .head-aside{max-width:290px}.artisan-intro{gap:30px;grid-template-columns:1.15fr .85fr}.artisan-intro>p{font-size:12px}.artisan-editorial{gap:28px;grid-template-columns:.9fr 1fr}.artisan-links{margin-left:0}.artisan-chapter-body{padding-left:0}.artisan-visual figcaption{left:22px;right:22px}.artisan-visual figcaption strong{font-size:24px}.artisan-photo-index{font-size:54px}}
@media(max-width:760px){.artisan,.trust{padding:62px 0}.artisan-intro{grid-template-columns:1fr;gap:22px;margin-bottom:27px}.artisan-intro h2{font-size:34px}.artisan-intro>p{font-size:13px;max-width:540px}.artisan-editorial{grid-template-columns:1fr;gap:28px}.artisan-visual{height:300px;border-top-right-radius:48px}.artisan-chapter-toggle .chapter-title{font-size:19px}.artisan-chapter-body{padding-left:40px}.artisan-chapter-body p{font-size:13px}.artisan-links{margin-left:40px}.trust .section-head{display:block}.trust .head-aside{margin-top:20px;max-width:540px}.trust-craft-copy h3{font-size:15px}.trust-proof h3{font-size:15px}.trust h2{font-size:32px}.trust-proof{padding:22px;min-height:250px}}
@media(max-width:480px){.artisan-intro h2{font-size:31px}.artisan-visual{height:270px}.artisan-visual figcaption strong{font-size:22px}.artisan-photo-index{font-size:53px}.artisan-chapter-toggle .chapter-title{font-size:17px}.artisan-links{margin-left:0}.trust-craft{display:flex}.trust-craft-photo{height:205px;min-height:205px;flex:auto}.trust-craft-copy{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:23px 21px}.trust-craft-copy article+article{margin-top:0}.trust-craft-copy h3{font-size:14px}.trust-craft-copy p{font-size:11px}.trust-composition{gap:12px}.trust-proof{min-height:270px;padding:20px 17px}.trust-proof-art{height:80px;flex-basis:80px;margin-bottom:17px}.warranty-number{font-size:65px}.warranty-number>small{font-size:14px;margin-left:4px}.warranty-seal{width:47px;height:47px;right:-5px;top:-5px;opacity:.3}.quote-illustration{width:78px;height:90px;padding:12px;right:-12px;top:-7px;opacity:.7}.quote-delay{font-size:36px}.emergency-time{font-size:40px}.trust-proof h3{font-size:14px}.trust-proof p{font-size:10px;line-height:1.8}.trust .head-aside{font-size:12px}}
@media(prefers-reduced-motion:reduce){.artisan-story-ready .artisan-visual{clip-path:none;transition:none}.artisan-shot,.artisan-chapter-body,.warranty-seal,.planning-bar,.quote-illustration{transition:none!important}.trust-emergency.visible .emergency-orbit{animation:none}.warranty-seal .seal-check{stroke-dashoffset:0}.planning-bar,.quote-illustration i:last-child{transform:none}}

.trust-composition h2 em,.trust .section-head h2 em{display:block}
.artisan-chapter-toggle .chapter-title{width:auto;flex:1;color:inherit;letter-spacing:-.035em}

/* Roof anatomy: coordinates stay attached to the uncropped original photograph. */
.materials{background:var(--surface);padding:76px 0}
.roof-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;align-items:end;margin-bottom:35px}
.roof-heading h2{font-size:clamp(31px,3vw,43px);line-height:1.14;max-width:650px}
.roof-heading .lead{font-size:12px;line-height:1.9;margin:0 0 3px;max-width:470px}
.roof-explorer-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:52px;align-items:start}
.roof-scene{position:relative;aspect-ratio:4/3;margin:0;isolation:isolate;border-radius:3px 34px 3px 3px;overflow:hidden;background:var(--surface-alt)}
.roof-scene>img{width:100%;height:100%;display:block;object-fit:contain}
.roof-trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.roof-trace path{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.roof-trace-under{stroke:color-mix(in srgb,var(--surface) 60.0%,transparent);stroke-width:3}
.roof-trace-line{stroke:var(--accent);stroke-width:1.25;stroke-dasharray:1}
.roof-scene-label{position:absolute;left:20px;bottom:17px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--surface);background:color-mix(in srgb,var(--brand) 72%,transparent);padding:8px 11px;border-radius:3px;pointer-events:none}
.roof-point{position:absolute;left:var(--point-x);top:var(--point-y);transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:transparent;color:var(--brand);padding:0;z-index:2}
.roof-point>span{display:grid;place-items:center;width:30px;height:30px;background:var(--surface);border-radius:50%;box-shadow:0 2px 12px color-mix(in srgb,var(--brand) 20.0%,transparent);font-size:10px;transition:background .35s,color .35s,transform .5s}
.roof-point:before{content:'';position:absolute;inset:1px;border:1px solid color-mix(in srgb,var(--surface) 60.0%,transparent);border-radius:50%;transition:transform .5s,border-color .4s}
.roof-point[aria-pressed=true]>span{background:var(--accent);color:var(--brand);transform:scale(1.12)}
.roof-point[aria-pressed=true]:before{border-color:var(--accent);transform:scale(1.25)}
.roof-point>b{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,5px);font-size:9px;font-weight:500;white-space:nowrap;padding:7px 10px;background:var(--surface);color:var(--brand);border-radius:3px;box-shadow:0 5px 20px color-mix(in srgb,var(--brand) 13.33%,transparent);opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}
.roof-point:hover>b,.roof-point:focus-visible>b{opacity:1;transform:translate(-50%,0)}
.roof-point:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.roof-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px}
.roof-tab{position:relative;display:block;text-align:left;background:transparent;font-size:10px;line-height:1.5;color:var(--muted);padding:14px 0 0}
.roof-tab>span{display:block;font-size:9px;margin-bottom:4px}
.roof-tab:before,.roof-tab:after{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:var(--line)}
.roof-tab:after{background:var(--accent);transform:scaleX(0);transform-origin:left}
.roof-tab[aria-pressed=true]{color:var(--brand)}
.roof-tab[aria-pressed=true]>span{color:var(--accent)}
.roof-tab[aria-pressed=true]:after{transform:scaleX(var(--sequence-progress,1))}
.roof-details{min-width:0}
.roof-detail{margin-bottom:30px}
.roof-ready .roof-detail{margin:0}
.roof-detail-eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:4px 0 17px}
.roof-detail>h3{font-size:29px;line-height:1.2;letter-spacing:-.045em;font-weight:500;margin:0 0 19px;max-width:420px}
.roof-detail>h3 em{display:inline;color:var(--acc);font-weight:inherit}
.roof-detail-copy{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 22px;max-width:420px}
.roof-details .material-tabs{margin:20px 0 16px}
.roof-details .material-list{margin:0}
.roof-details .material-item{grid-template-columns:1fr 1fr;gap:22px;min-height:220px}
.roof-details .material-turntable{height:220px;border-radius:4px 22px 4px 4px}
.roof-details .material-item h3{font-size:15px;letter-spacing:-.025em}
.roof-details .material-item p{font-size:11px;line-height:1.8}
.roof-magnification{margin:0;position:relative;overflow:hidden;aspect-ratio:5/3;max-height:255px;border-radius:3px 23px 3px 3px;background:var(--surface-alt)}
.roof-magnification svg{width:100%;height:100%;display:block}
.roof-magnification figcaption{position:absolute;bottom:14px;left:14px;font-size:9px;background:var(--surface);color:var(--brand);padding:8px 12px;border-radius:3px}
.roof-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;color:var(--muted);font-size:9px}
.roof-controls p{margin:0}
.roof-play{font-size:9px;background:transparent;color:var(--brand);padding:10px 0 10px 15px}
.roof-detail[hidden],.pledge-page[hidden],.roof-experience [hidden],.pledge-experience [hidden]{display:none!important}

/* The commitments form one notebook, with depth supplied by paper and motion. */
.trust{padding:76px 0 80px;background:color-mix(in srgb,var(--brand) 2%,var(--surface));overflow:hidden}
.trust .section-head{gap:65px;align-items:end;margin-bottom:39px}
.trust .section-head h2{font-size:clamp(33px,3.6vw,49px);line-height:1.13;letter-spacing:-.055em;max-width:780px}
.trust .section-head h2 em{display:block}
.trust .head-aside{max-width:320px;font-size:12px;line-height:1.9;margin-bottom:3px}
.pledge-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center}
.pledge-index-heading{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
.pledge-tab{display:flex;gap:16px;align-items:center;position:relative;width:100%;padding:17px 0;text-align:left;background:transparent;color:var(--muted);border-bottom:1px solid var(--line);transition:color .4s,padding .4s}
.pledge-tab>span:first-child{font-size:10px;font-variant-numeric:tabular-nums}
.pledge-tab>b{font-size:15px;font-weight:500;letter-spacing:-.03em}
.pledge-tab .pledge-arrow{margin-left:auto;font-size:18px;opacity:0;transform:translate(-6px,6px);transition:opacity .35s,transform .4s}
.pledge-tab:after{content:'';position:absolute;left:0;bottom:-1px;height:2px;background:var(--accent);width:100%;transform:scaleX(0);transform-origin:left}
.pledge-tab[aria-pressed=true]{color:var(--brand);padding-left:8px}
.pledge-tab[aria-pressed=true]>span:first-child{color:var(--accent)}
.pledge-tab[aria-pressed=true] .pledge-arrow{color:var(--accent);opacity:1;transform:none}
.pledge-tab[aria-pressed=true]:after{transform:scaleX(var(--sequence-progress,1))}
.pledge-index>.text-link{margin-top:29px;font-size:11px}
.pledge-book{min-width:0;perspective:1500px}
.pledge-pages{position:relative;isolation:isolate}
.pledge-page{position:relative;background:var(--surface);padding:26px 32px 23px 39px;border:1px solid color-mix(in srgb,var(--brand) 9%,var(--surface));border-radius:3px 12px 12px 3px;margin:0 0 25px;box-shadow:0 22px 45px -30px color-mix(in srgb,var(--brand) 28%,transparent);transform-origin:0 50%;backface-visibility:hidden}
.pledge-ready .pledge-pages{display:grid;perspective:1300px}
.pledge-ready .pledge-pages:before,.pledge-ready .pledge-pages:after{content:'';position:absolute;inset:8px -7px -6px 10px;background:var(--surface);border:1px solid var(--line);border-radius:3px 12px 12px 3px;transform:rotate(1.8deg);z-index:-2}
.pledge-ready .pledge-pages:after{inset:5px -3px -3px 5px;transform:rotate(.8deg);z-index:-1}
.pledge-ready .pledge-page{grid-area:1/1;margin:0;min-height:410px;display:flex;flex-direction:column}
.pledge-page:before{content:'';position:absolute;left:10px;top:0;bottom:0;width:1px;background:var(--line)}
.pledge-page:after{content:'';position:absolute;top:-1px;left:39px;width:42px;height:5px;background:var(--accent)}
.notebook-page-header,.notebook-page-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;color:var(--muted)}
.notebook-page-header>span:first-child{color:var(--brand);font-weight:600}
.notebook-page-header>span:last-child{text-transform:uppercase;font-size:8px;letter-spacing:.06em}
.notebook-page-body{display:grid;grid-template-columns:1.15fr 1fr;gap:8px;align-items:center;flex:1;padding:24px 0 27px}
.notebook-page-copy{min-width:0}
.notebook-page-copy .notebook-metric{font-size:clamp(65px,6.6vw,96px);line-height:1;letter-spacing:-.075em;font-weight:500;margin:0 0 24px;color:var(--accent)}
.notebook-metric small{font-size:17px;line-height:1.4;letter-spacing:-.025em;display:block;color:var(--brand);margin-top:9px}
.notebook-page-copy .notebook-metric.is-word{font-size:clamp(34px,3.7vw,53px);letter-spacing:-.055em}
.notebook-page-copy h3{font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.035em;margin:0 0 12px;color:var(--brand)}
.notebook-page-copy>p:not(.notebook-metric){font-size:11px;line-height:1.9;color:var(--muted);margin:0;max-width:280px}
.notebook-illustration{width:100%;max-height:280px;overflow:visible;transform:rotate(-5deg);color:var(--brand)}
.notebook-illustration text{fill:var(--muted);font-family:inherit;font-size:8px;letter-spacing:.015em}
.notebook-draw{fill:none;stroke:color-mix(in srgb,var(--brand) 28%,var(--surface));stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.notebook-accent{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.notebook-bars,.notebook-dot{fill:var(--accent)}
.notebook-hand{transform-origin:140px 143px}
.notebook-page-footer{border-top:1px solid var(--line);padding-top:14px;font-size:8px}
.notebook-page-footer>span:last-child{color:var(--brand);font-variant-numeric:tabular-nums}
.pledge-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;font-size:10px;color:var(--muted)}
.pledge-controls>p{margin:0;font-variant-numeric:tabular-nums}.pledge-count{color:var(--accent)}
.pledge-controls>div{display:flex;gap:14px;align-items:center}
.pledge-controls button{background:transparent;color:var(--brand);padding:10px;font-size:9px}
.pledge-controls .icon{width:17px;height:17px}.pledge-prev .icon{transform:rotate(180deg)}
.pledge-page.turning-leaf{position:absolute;inset:0;z-index:5;pointer-events:none}
@media(max-width:1100px){.roof-heading{gap:40px}.roof-explorer-layout{grid-template-columns:1.1fr 1fr;gap:32px}.roof-detail>h3{font-size:25px}.roof-details .material-item{gap:16px;grid-template-columns:.85fr 1fr}.roof-details .material-turntable{height:200px}.roof-tab{font-size:9px}.pledge-layout{gap:40px;grid-template-columns:.8fr 1.2fr}.pledge-page{padding:24px 25px 22px 30px}.pledge-page:after{left:30px}.notebook-page-body{grid-template-columns:1.2fr .8fr;gap:0}.notebook-page-copy h3{font-size:16px}.pledge-tab>b{font-size:13px}}
@media(max-width:800px){.roof-heading{grid-template-columns:1fr;gap:20px}.roof-heading .lead{max-width:640px}.roof-explorer-layout{grid-template-columns:1fr 1fr;gap:25px}.roof-navigation{gap:8px}.roof-tab{font-size:8px}.roof-details .material-item{grid-template-columns:1fr}.roof-details .material-turntable{height:180px}.roof-details .material-item p{font-size:11px}.roof-details .material-item h3{margin-bottom:7px}.roof-detail>h3{font-size:24px}.roof-magnification{margin-top:20px}.trust .section-head{gap:30px}.trust .head-aside{max-width:260px}.pledge-layout{gap:27px;grid-template-columns:.7fr 1fr}.notebook-page-body{grid-template-columns:1fr}.notebook-illustration{position:absolute;right:18px;top:65px;width:100px;height:125px;opacity:.7}.notebook-page-copy .notebook-metric{font-size:68px;margin-bottom:32px}.notebook-page-copy .notebook-metric.is-word{font-size:35px;max-width:150px}.notebook-page-copy>p:not(.notebook-metric){max-width:none}.pledge-ready .pledge-page{min-height:400px}.pledge-tab{gap:11px}}
@media(max-width:650px){
 .materials,.trust{padding:58px 0}.roof-explorer-layout{grid-template-columns:1fr;gap:27px}.roof-scene{max-height:none}.roof-navigation{gap:10px;margin-top:17px}.roof-tab{font-size:9px}.roof-heading h2{font-size:32px}.roof-heading{margin-bottom:27px}.roof-detail>h3{font-size:27px;max-width:100%}.roof-details .material-item{grid-template-columns:.9fr 1.1fr;gap:20px;min-height:205px}.roof-details .material-turntable{height:205px}.roof-detail-copy{font-size:12px;max-width:none}.roof-magnification{max-height:220px}.roof-controls{align-items:start;font-size:8px;gap:15px}.roof-controls p{max-width:190px;line-height:1.8}.roof-play{font-size:8px;white-space:nowrap;padding-top:0}.roof-point>span{width:26px;height:26px;font-size:9px}.roof-scene-label{font-size:7px;left:12px;bottom:12px}.roof-detail-eyebrow{margin-bottom:12px}
 .trust .section-head{display:block;margin-bottom:27px}.trust .section-head h2{font-size:33px}.trust .head-aside{max-width:none;margin-top:18px}.pledge-layout{display:flex;flex-direction:column;gap:25px;align-items:stretch}.pledge-index-heading,.pledge-index>.text-link{display:none}.pledge-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 14px}.pledge-tab{display:block;padding:12px 0;min-height:68px}.pledge-tab>b{font-size:10px;line-height:1.5;display:block;margin-top:5px}.pledge-tab>span:first-child{font-size:9px}.pledge-tab .pledge-arrow{display:none}.pledge-tab[aria-pressed=true]{padding-left:0}.pledge-book{padding-right:8px}.pledge-page{padding:25px 24px 22px 31px}.pledge-ready .pledge-page{min-height:365px}.notebook-page-body{grid-template-columns:1.1fr .9fr;gap:8px}.notebook-illustration{position:static;width:100%;height:auto;opacity:1}.notebook-page-copy .notebook-metric{font-size:64px;margin-bottom:24px}.notebook-page-copy .notebook-metric.is-word{font-size:35px}.notebook-page-copy h3{font-size:16px}.notebook-metric small{font-size:14px}.notebook-page-header{font-size:8px}.notebook-page-header>span:last-child{font-size:7px}.notebook-page-footer{font-size:7px}.pledge-controls{margin-top:20px}
}
@media(max-width:380px){.roof-navigation{gap:7px}.roof-tab{font-size:8px}.roof-details .material-item{gap:13px}.roof-details .material-turntable{height:180px}.notebook-page-body{grid-template-columns:1fr}.notebook-illustration{display:none}.pledge-ready .pledge-page{min-height:350px}.roof-point>b{font-size:8px}}
@media(prefers-reduced-motion:reduce){.roof-point:before,.roof-point>span,.roof-point>b,.pledge-tab,.pledge-arrow{transition:none}}

/* The cutaway sits in a light architectural studio. Brand accents come from the CRM. */
.roof-cutaway{aspect-ratio:1.2;min-height:430px;border-radius:5px 32px 5px 5px;background:radial-gradient(ellipse at 48% 35%,var(--surface) 10%,color-mix(in srgb,var(--brand) 5%,var(--surface)) 100%);overflow:hidden;isolation:isolate}
.roof-cutaway:before{content:'';position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--brand) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--brand) 3%,transparent) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent 45%,black);pointer-events:none;z-index:-1}
.roof-canvas{position:absolute;inset:0;cursor:grab;touch-action:pan-y;outline-offset:-5px}
.roof-canvas.is-dragging{cursor:grabbing}
.roof-canvas canvas{display:block;width:100%;height:100%}
.roof-cutaway:not(.model-ready) :is(.roof-canvas,.roof-model-leaders,.roof-model-labels,.roof-explode,.roof-model-tools){visibility:hidden}
.roof-model-fallback{position:absolute;inset:50px 20px 35px;display:grid;place-items:center;color:var(--muted)}
.roof-model-fallback>svg{width:90%;max-height:90%;opacity:.6}
.roof-model-status{font-size:10px;text-align:center;align-self:end}
.model-ready .roof-model-fallback{display:none}
.roof-model-top,.roof-model-bottom{position:absolute;left:21px;right:21px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}
.roof-model-top{top:19px}.roof-model-bottom{bottom:17px}
.roof-model-top>span{font-size:8px;letter-spacing:.11em;color:var(--muted);display:flex;gap:8px;align-items:center}
.roof-model-top i{display:inline-block;padding:3px 5px;background:var(--surface);border:1px solid var(--line);border-radius:4px;font-size:8px;font-style:normal;color:var(--brand)}
.roof-model-top button,.roof-model-tools{pointer-events:auto}
.roof-explode{display:flex;gap:8px;align-items:center;color:var(--brand);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:9px 11px;font-size:9px;box-shadow:0 3px 12px color-mix(in srgb,var(--brand) 3%,transparent)}
.roof-explode .icon{height:12px;width:12px}.roof-explode[aria-pressed=true]{border-color:var(--accent)}
.roof-model-hint{font-size:8px;letter-spacing:.025em;color:var(--muted)}
.roof-model-tools{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.roof-model-tools button{width:31px;height:30px;display:grid;place-items:center;background:transparent;font-size:17px;color:var(--brand)}
.roof-model-tools button:hover{color:var(--accent)}
.roof-model-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
.roof-model-leaders path{stroke:color-mix(in srgb,var(--brand) 38%,transparent);stroke-width:1;fill:none;stroke-linejoin:round;transition:stroke .4s}
.roof-leader-halo{fill:color-mix(in srgb,var(--surface) 85%,transparent);stroke:color-mix(in srgb,var(--brand) 30%,transparent);stroke-width:1}
.roof-leader-dot{fill:var(--brand)}
.roof-model-leaders .is-selected path{stroke:var(--accent);stroke-width:1.4}
.roof-model-leaders .is-selected .roof-leader-dot{fill:var(--accent)}
.roof-model-leaders .is-selected .roof-leader-halo{stroke:var(--accent)}
.roof-model-label{position:absolute;display:flex;align-items:center;gap:7px;z-index:2;padding:7px 9px;line-height:1.25;border:1px solid color-mix(in srgb,var(--brand) 9%,transparent);border-radius:5px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--brand);backdrop-filter:blur(10px);box-shadow:0 3px 14px color-mix(in srgb,var(--brand) 5%,transparent);white-space:nowrap;transition:background .35s,border-color .35s}
.roof-model-label>span{font-size:8px;color:var(--muted);font-variant-numeric:tabular-nums}
.roof-model-label>b{font-size:9px;font-weight:500;letter-spacing:-.02em}
.roof-model-label[aria-pressed=true]{border-color:var(--accent);background:var(--surface)}
.roof-model-label[aria-pressed=true]>span{color:var(--accent)}
.roof-model-label:hover{border-color:var(--accent)}
.roof-layer-notes{position:relative;display:grid;grid-template-columns:110px 1fr;gap:25px;align-items:center;padding:25px 0 29px;margin:10px 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.roof-layer-number{font-size:95px;line-height:1;letter-spacing:-.085em;font-weight:500;color:var(--accent)}
.roof-layer-notes ul{list-style:none;margin:0;padding:0}
.roof-layer-notes li{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--brand);padding:9px 0;line-height:1.5}
.roof-layer-notes li>span{color:var(--muted);font-size:8px}
.roof-reveal-layer{font-size:11px}
.roof-details{padding-top:7px}
@media(max-width:1100px){.roof-cutaway{min-height:405px;aspect-ratio:1.1}.roof-layer-notes{grid-template-columns:85px 1fr;gap:20px}.roof-layer-number{font-size:76px}.roof-layer-notes li{font-size:10px}.roof-model-top,.roof-model-bottom{left:15px;right:15px}}
@media(max-width:800px){.roof-explorer-layout{grid-template-columns:1fr;gap:30px}.roof-cutaway{aspect-ratio:1.35;min-height:380px}.roof-details .material-item{grid-template-columns:1fr 1.2fr}.roof-details .material-turntable{height:220px}.roof-layer-notes{grid-template-columns:110px 1fr;max-width:530px}.roof-layer-number{font-size:90px}.roof-layer-notes li{font-size:12px}.roof-details .material-item p{font-size:12px}.roof-details{padding-top:0}.roof-tab{font-size:10px}}
@media(max-width:500px){.roof-cutaway{aspect-ratio:.93;min-height:365px}.roof-model-label{gap:5px;padding:7px}.roof-model-label>b{font-size:8px}.roof-model-label>span{font-size:7px}.roof-model-top>span{font-size:7px;letter-spacing:.08em}.roof-explode{font-size:8px;padding:8px}.roof-model-top{top:14px}.roof-model-bottom{bottom:12px}.roof-model-top,.roof-model-bottom{left:12px;right:12px}.roof-model-hint{font-size:7px}.roof-model-tools button{width:28px;height:28px}.roof-tab{font-size:9px}.roof-layer-notes{grid-template-columns:85px 1fr;gap:20px;padding:20px 0}.roof-layer-number{font-size:74px}.roof-layer-notes li{font-size:10px}.roof-details .material-item{gap:16px;grid-template-columns:.9fr 1.1fr}.roof-details .material-item p{font-size:11px}.roof-details .material-turntable{height:205px}}
@media(prefers-reduced-motion:reduce){.roof-model-label,.roof-model-leaders path{transition:none}}

.trust{background:var(--surface);padding:78px 0 85px}
.craft-pledges .section-head{display:block;margin-bottom:32px}
.craft-pledges .section-head .head-aside{max-width:660px;margin:18px 0 0;font-size:13px;line-height:1.85;text-align:left}
.craft-pledges-layout{display:grid;grid-template-columns:1fr 1.04fr;gap:65px;align-items:center}
.craft-pledges-visual{position:relative;align-self:stretch;min-height:490px;overflow:hidden;border-radius:3px 36px 3px 3px;background:var(--brand)}
.craft-pledge-photo{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.04);transition:opacity .8s,transform 1.3s cubic-bezier(.16,1,.3,1);pointer-events:none}
.craft-pledge-photo.is-active{opacity:1;transform:scale(1);z-index:1}
.craft-pledge-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.craft-pledge-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,color-mix(in srgb,var(--brand) 85%,transparent))}
.craft-pledge-photo figcaption{position:absolute;bottom:32px;left:30px;right:30px;z-index:2;color:var(--surface)}
.craft-pledge-photo figcaption span{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.craft-pledge-photo figcaption strong{font-size:29px;line-height:1.18;font-weight:500;letter-spacing:-.04em;display:block;max-width:340px}
.craft-photo-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:color-mix(in srgb,var(--surface) 20.78%,transparent);z-index:3}
.craft-photo-progress span{display:block;height:100%;background:var(--accent);transform:scaleX(var(--craft-progress,0));transform-origin:left}
.craft-promise{border-bottom:1px solid var(--line)}
.craft-promise:last-of-type{border-bottom:0}
.craft-promise h3{margin:0}
.craft-promise-button{display:grid;grid-template-columns:25px 1fr 22px;gap:17px;align-items:center;background:transparent;text-align:left;width:100%;padding:21px 0;color:var(--brand)}
.craft-promise-button>span:nth-child(2){font-size:17px;font-weight:500;letter-spacing:-.035em;line-height:1.4}
.craft-promise-n{font-size:10px;letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums}
.craft-promise-button>b{font-size:24px;font-weight:400;color:var(--muted);text-align:center;transition:transform .4s,color .4s}
.craft-promise.is-active .craft-promise-button>b{transform:rotate(45deg);color:var(--accent)}
.craft-promise.is-active .craft-promise-n,.craft-promise.is-active .craft-promise-button>span:nth-child(2){color:var(--accent)}
.craft-promise-body p{font-size:12px;color:var(--muted);line-height:1.85;padding:0 25px 23px 42px}
.craft-ready .craft-promise-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.16,1,.3,1),opacity .4s;opacity:0}
.craft-ready .craft-promise-body>div{overflow:hidden;min-height:0}
.craft-ready .craft-promise.is-active .craft-promise-body{grid-template-rows:1fr;opacity:1}
.craft-pledges-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:29px}
.craft-pledges-footer .text-link{font-size:11px}
.craft-pledges-play{background:transparent;padding:8px 0 8px 15px;font-size:9px;color:var(--muted)}
@media(max-width:1000px){.craft-pledges-layout{gap:35px;grid-template-columns:.9fr 1.1fr}.craft-promise-button{gap:12px;padding:18px 0}.craft-promise-button>span:nth-child(2){font-size:15px}.craft-promise-body p{padding-left:37px}.craft-pledges-visual{min-height:470px}.craft-pledge-photo figcaption{left:24px;bottom:27px}.craft-pledge-photo figcaption strong{font-size:25px}}
@media(max-width:700px){.trust{padding:58px 0}.craft-pledges-layout{grid-template-columns:1fr;gap:17px}.craft-pledges-visual{height:290px;min-height:0}.craft-pledge-photo img{object-position:center 45%}.craft-promise-button{padding:17px 0}.craft-promise-button>span:nth-child(2){font-size:16px}.craft-pledge-photo figcaption strong{font-size:25px;max-width:none}.craft-pledge-photo figcaption{bottom:25px}.craft-promise-body p{font-size:12px}.craft-pledges-footer{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.craft-pledge-photo,.craft-promise-body,.craft-promise-button>b{transition:none!important}.craft-pledge-photo{transform:none}}

.roof-selection-column{min-width:0}
.roof-material-library{margin-bottom:25px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.roof-material-library-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}
.roof-material-library-heading b{font-size:13px;letter-spacing:-.02em;font-weight:500}
.roof-material-library-heading>span{font-size:9px;color:var(--muted)}
.roof-material-library .material-tabs{display:grid;grid-template-columns:repeat(var(--roof-material-columns,4),minmax(0,1fr));gap:9px;background:none;padding:0;border-radius:0;margin:15px 0}
.roof-material-library .material-tab[data-material-kind="canal"]{grid-column:1/-1;height:145px}
.roof-material-library .material-tab[data-material-kind="canal"] .material-choice-name{font-size:13px;font-weight:700}
.material-sample.canal{width:52px;height:72px;border:9px solid #b46d45;border-top:0;border-radius:0 0 50% 50%;transform:rotate(-18deg)}
.roof-material-library .material-turntable.material-tab{height:140px;width:100%;min-width:0;padding:0;border:1px solid transparent;border-radius:9px;box-shadow:none;color:var(--brand)}
.roof-material-library .material-tab[aria-selected=true]{border-color:var(--accent)}
.roof-material-library .material-tab[aria-selected=true]:before{display:none}
.roof-material-library .material-turntable canvas{height:calc(100% - 26px)!important;top:0;bottom:26px}
.roof-material-library .material-choice-name{position:absolute;bottom:9px;left:3px;right:3px;text-align:center;font-size:10px;line-height:1.3;z-index:2;pointer-events:none}
.roof-material-library .material-tab[aria-selected=true] .material-choice-name{color:var(--brand);font-weight:600}
.roof-material-library .material-list{margin:0;display:block}
.roof-material-library .material-item{display:block;min-height:0;padding:0;border:0}
.roof-material-library .material-item h3{font-size:15px;margin:0 0 6px}
.roof-material-library .material-item p{font-size:11px;line-height:1.8;min-height:40px}
.roof-material-library .material-controls{font-size:8px;margin-top:9px}
.roof-material-library .material-motion-toggle{font-size:8px}
.roof-selection-column .roof-detail>h3{font-size:25px;margin-bottom:12px}
.roof-selection-column .roof-detail-copy{font-size:11px;margin-bottom:15px}
.roof-selection-column .roof-layer-notes{padding:12px 0;margin:10px 0 13px;grid-template-columns:65px 1fr;gap:19px}
.roof-selection-column .roof-layer-number{font-size:59px}
.roof-selection-column .roof-layer-notes li{font-size:10px;padding:5px 0}
.projection .model-card{background:var(--surface);overflow:hidden}
.projection .model-header{background:var(--surface);border:0;box-shadow:none;padding-bottom:14px}
.projection-frame{background:var(--surface)}
/* Compact editorial column balances the original interactive house. */
.projection{padding:62px 0;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--brand-accent) 3%,var(--surface)) 65%,var(--surface))}
.projection .projection-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px}
.projection .projection-copy h2{max-width:none;font-size:clamp(30px,2.6vw,39px);line-height:1.15}
.projection .projection-copy .eyebrow{margin-bottom:20px}
.projection .projection-copy .lead{font-size:12px;line-height:1.85;margin-top:20px;max-width:550px}
.projection .projection-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 0}
.projection .projection-feature{display:block;padding:18px;max-width:none;border:1px solid color-mix(in srgb,var(--brand-accent) 15%,var(--surface));border-radius:10px;background:var(--surface)}
.projection .projection-feature:before{top:19px;right:17px;font-size:9px;color:var(--muted);background:none}
.projection .projection-feature>.icon{width:20px;height:20px;margin:0 0 11px;color:var(--brand-accent)}
.projection .projection-feature b{font-size:13px;line-height:1.35;margin-bottom:6px}
.projection .projection-feature p{font-size:10px;line-height:1.7;max-width:none}
.projection-action{display:flex;align-items:center;gap:17px;margin-top:24px}
.projection-action .button{flex-shrink:0;font-size:11px;padding:15px 18px;gap:17px}
.projection-action .micro{font-size:9px;line-height:1.7;max-width:150px;color:var(--muted)}
.projection .model-card{box-shadow:0 20px 55px -32px color-mix(in srgb,var(--brand) 30%,transparent);border:1px solid var(--line)}
@media(min-width:901px){.projection .projection-frame{height:clamp(450px,calc(100svh - 210px),560px)}}
@media(max-width:1100px){.projection .projection-layout{gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.projection .projection-feature{padding:15px}.projection-action{align-items:flex-start;flex-direction:column;gap:8px}.projection-action .micro{max-width:none}}
@media(max-width:900px){.projection .projection-layout{grid-template-columns:1fr;gap:25px}.projection .projection-story{display:contents}.projection .projection-copy{grid-row:1}.projection .model-card{grid-row:2;max-width:none}.projection .projection-features{grid-row:3;margin:0}.projection-action{grid-row:4;margin-top:0;flex-direction:row;align-items:center;gap:20px}.projection .projection-copy .lead{max-width:680px}}
@media(max-width:500px){.projection{padding:48px 0}.projection .projection-feature{padding:15px 13px}.projection .projection-feature b{font-size:12px}.projection .projection-feature p{font-size:10px}.projection .projection-copy h2{font-size:30px}.projection-action{flex-direction:column;align-items:flex-start;gap:8px}.projection-action .button{width:100%;justify-content:space-between}}
/* A joined craft photograph / opening-hours panel fills the former empty centre. */
.closing{padding:58px 0}
.closing .closing-layout{grid-template-columns:minmax(330px,.95fr) minmax(0,1.55fr);gap:52px;align-items:center}
.closing .closing-copy{min-width:0}
.closing h2{font-size:clamp(32px,3vw,42px)}
.closing .closing-number{font-size:clamp(27px,2.3vw,34px);gap:22px}
.closing-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);min-width:0;overflow:hidden;border-radius:22px;background:color-mix(in srgb,var(--brand-accent) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--brand-accent) 12%,var(--surface))}
.closing-photo{margin:0;position:relative;min-height:365px;overflow:hidden}
.closing-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:46% center;transition:transform 1s var(--ease)}
.closing-photo:after{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--brand-accent)}
.closing-panel:hover .closing-photo img{transform:scale(1.035)}
.closing .closing-panel .hours-card{background:transparent;border:0;box-shadow:none;border-radius:0;max-width:none;width:auto;justify-self:stretch;padding:30px 28px;align-self:center}
.closing .closing-panel .hours-card h3{font-size:21px;margin-bottom:21px}
.closing .closing-panel .hours-card dl>div{padding:6px 0;gap:12px}
.closing .closing-panel .hours-card>p{margin-top:20px;padding-top:20px;border-color:color-mix(in srgb,var(--brand-accent) 23%,var(--surface))}
@media(max-width:1100px){.closing .closing-layout{grid-template-columns:minmax(300px,.9fr) minmax(0,1.3fr);gap:30px}.closing-panel{grid-template-columns:minmax(140px,.85fr) minmax(240px,1fr)}.closing .closing-panel .hours-card{padding:27px 22px}}
@media(max-width:900px){.closing .closing-layout{grid-template-columns:1fr;gap:32px}.closing .closing-copy{max-width:580px}.closing-panel{grid-template-columns:1fr 1fr}.closing-photo{min-height:340px}.closing .closing-panel .hours-card{padding:30px}.closing h2{font-size:38px}}
@media(max-width:520px){.closing{padding:42px 0}.closing h2{font-size:33px}.closing-panel{grid-template-columns:1fr}.closing-photo{min-height:0;height:215px}.closing-photo img{object-position:center 62%}.closing .closing-panel .hours-card{padding:26px}.closing .closing-number{font-size:29px}}
@media(prefers-reduced-motion:reduce){.closing-photo img{transition:none}.closing-panel:hover .closing-photo img{transform:none}}
@media(max-width:500px){.roof-material-library .material-turntable.material-tab{height:122px}.roof-material-library .material-tabs{gap:6px}.roof-material-library .material-choice-name{font-size:9px}.roof-material-library-heading>span{font-size:8px}.roof-material-library .material-item p{min-height:0}.roof-material-library .material-controls{align-items:flex-start}.roof-material-library .material-controls>span{max-width:160px}}

.material-tabs{display:flex;gap:5px;padding:5px;background:var(--surface-alt);border-radius:10px;margin:27px 0 19px}
.material-tab{flex:1;min-width:0;padding:11px 9px;border-radius:7px;font-size:11px;line-height:1.3;background:transparent;color:var(--muted);transition:background .25s,color .25s,box-shadow .25s}
.material-tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 3px 12px color-mix(in srgb,var(--brand) 9%,transparent)}
.material-tab[aria-selected=true]:before{content:'';display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:7px;vertical-align:2px}
.material-list{display:grid;grid-template-columns:1fr;gap:0;margin-top:25px}
.materials-tabs-ready .material-list{margin-top:0}
.material-item{display:grid;grid-template-columns:minmax(175px,.9fr) 1.1fr;gap:24px;align-items:center;padding:12px 0}
.material-item+.material-item{border-top:1px solid var(--line)}
.materials-tabs-ready .material-item{padding:0;border:0;min-height:250px}
.material-item h3{font-size:17px;line-height:1.4;margin:0 0 12px}
.material-item p{font-size:12px;line-height:1.85}
.material-turntable{display:grid;place-items:center;width:100%;height:250px;position:relative;padding:0;overflow:hidden;isolation:isolate;border-radius:15px;background:linear-gradient(145deg,var(--surface),var(--surface-alt));cursor:grab;touch-action:pan-y}
.material-turntable:active{cursor:grabbing}
.material-turntable canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.material-turntable.is-ready>.material-sample{display:none}
.material-view-caption{position:absolute;right:12px;bottom:10px;font-size:9px;letter-spacing:.08em;z-index:1;color:var(--muted);pointer-events:none}
.material-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:12px;color:var(--muted);font-size:9px}
.material-motion-toggle{color:var(--ink);background:transparent;padding:9px 0;font-size:9px;white-space:nowrap}
.material-motion-toggle:hover{color:var(--accent-dark)}
@media(max-width:1100px){.materials-layout{gap:35px;grid-template-columns:.85fr 1.15fr}.material-item{grid-template-columns:minmax(145px,.9fr) 1.1fr;gap:19px}.material-turntable{height:225px}.materials-tabs-ready .material-item{min-height:225px}.material-item h3{font-size:15px}.material-tab{font-size:10px;padding:11px 6px}}
@media(max-width:760px){.materials-layout{display:flex;flex-direction:column-reverse;gap:28px}.materials-visual{min-height:0;height:230px;flex:none;width:100%}.materials-visual>img{object-position:50% 55%}.material-item{grid-template-columns:minmax(145px,.85fr) 1.15fr;gap:20px}.material-caption strong{font-size:24px}.material-tabs{margin-top:22px}.material-tab{font-size:11px}.material-controls{font-size:9px}}
@media(max-width:420px){.material-item{grid-template-columns:135px 1fr;gap:17px}.material-turntable{height:210px}.materials-tabs-ready .material-item{min-height:225px}.material-item h3{font-size:14px}.material-item p{font-size:11px;line-height:1.8}.material-tab{font-size:10px;padding:11px 4px}.material-tab[aria-selected=true]:before{display:none}.material-controls,.material-motion-toggle{font-size:8px}.materials-visual{height:210px}}


/* Rotating editorial cards. The original section palette remains in premium.css. */
.reviews{overflow:hidden}
.reviews-shell{position:relative;--deck-offset:330px;--deck-width:580px}
.reviews-shell.is-enhanced .reviews-grid{display:block;position:relative;height:480px;perspective:1400px;perspective-origin:50% 45%;isolation:isolate;touch-action:pan-y;cursor:grab;outline-offset:5px}
.reviews-shell.is-enhanced .review{position:absolute;left:50%;top:35px;width:var(--deck-width);min-height:350px;padding:35px 40px;border-radius:18px;background:color-mix(in srgb,var(--brand-accent) 5%,var(--surface));border:1px solid color-mix(in srgb,color-mix(in srgb,var(--brand-accent) 45%,var(--surface)) 40.0%,transparent);box-shadow:0 24px 50px -30px color-mix(in srgb,var(--brand) 40.0%,transparent);transform:translateX(-50%) translateZ(-400px) scale(.85);opacity:0;transition:transform .95s cubic-bezier(.22,.7,.16,1),opacity .75s,filter .8s,box-shadow .8s;pointer-events:none;backface-visibility:hidden;will-change:transform;filter:brightness(.92);z-index:0}
.reviews-shell.is-enhanced .review[data-slot="front"]{transform:translateX(-50%) translateZ(65px);opacity:1;filter:none;z-index:3;pointer-events:auto;box-shadow:0 35px 65px -30px color-mix(in srgb,var(--brand) 33.33%,transparent)}
.reviews-shell.is-enhanced .review[data-slot="left"]{transform:translateX(calc(-50% - var(--deck-offset))) translateY(22px) translateZ(-190px) rotateY(32deg) rotateZ(-4deg);opacity:.65;z-index:2}
.reviews-shell.is-enhanced .review[data-slot="right"]{transform:translateX(calc(-50% + var(--deck-offset))) translateY(22px) translateZ(-190px) rotateY(-32deg) rotateZ(4deg);opacity:.65;z-index:2}
.reviews-shell .review:before{content:'“';position:absolute;right:25px;top:2px;font-family:Georgia,serif;font-size:130px;color:color-mix(in srgb,var(--brand-accent) 12.55%,transparent);line-height:1;pointer-events:none}
.reviews-shell .review blockquote{font-size:18px;line-height:1.8;letter-spacing:-.02em;color:color-mix(in srgb,var(--brand) 80%,var(--surface));margin:24px 0 28px;position:relative}
.reviews-shell .review>.stars{font-size:12px;letter-spacing:4px}
.reviews-shell .review footer b{font-size:13px}.reviews-shell .review footer small{font-size:10px}
.reviews-shell .review-avatar{width:42px;height:42px;font-size:13px}
.reviews-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:4;color:color-mix(in srgb,var(--brand) 80%,var(--surface))}
.reviews-controls[hidden]{display:none}
.reviews-controls button{color:inherit;background:transparent}
.reviews-position{font-size:13px;font-variant-numeric:tabular-nums;display:flex;gap:12px;align-items:center}
.reviews-position span{font-size:10px;color:color-mix(in srgb,var(--brand) 51%,var(--surface))}
.reviews-dots{display:flex;gap:10px}.review-dot{width:45px;height:44px;position:relative;padding:0}
.review-dot:before,.review-dot>span{content:'';position:absolute;left:0;right:0;top:21px;height:2px;background:color-mix(in srgb,var(--brand) 14%,var(--surface))}
.review-dot>span{background:var(--brand-accent);transform:scaleX(0);transform-origin:left}
.review-dot[aria-current=true]>span{transform:scaleX(var(--review-progress,0))}
.reviews-actions{display:flex;align-items:center;gap:10px}.reviews-actions .icon-button{width:43px;height:43px;background:color-mix(in srgb,var(--brand) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 14%,var(--surface));font-size:20px;transition:background .25s,transform .25s}.reviews-actions .icon-button:hover{background:color-mix(in srgb,var(--brand) 11%,var(--surface));transform:translateY(-2px)}
.review-toggle{display:flex;align-items:center;gap:8px;font-size:10px;padding:13px 10px}
.reviews-help{font-size:10px;text-align:center;color:color-mix(in srgb,var(--brand) 52%,var(--surface));margin-top:16px}
.review-status{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
@media(max-width:1000px){.reviews-shell{--deck-width:520px;--deck-offset:280px}}
@media(max-width:760px){.reviews-shell{--deck-width:calc(100vw - 92px);--deck-offset:160px}.reviews-shell.is-enhanced .review{padding:27px 25px;min-height:350px}.reviews-shell .review blockquote{font-size:16px}.reviews-shell.is-enhanced .review[data-slot="front"]{transform:translateX(-50%)}.reviews-controls{flex-wrap:wrap;gap:8px}.reviews-position{font-size:11px}.reviews-position span{font-size:9px}.reviews-actions{gap:6px}.reviews-actions .icon-button{width:38px;height:38px}.reviews-dots{order:3;justify-content:center;width:100%}.reviews-help{margin-top:2px}.review-toggle{font-size:9px;padding:10px 6px}}
@media(prefers-reduced-motion:reduce){.reviews-shell.is-enhanced .review{transition:none}}

.material-turntable,.material-item:nth-child(n) .material-turntable{background:radial-gradient(ellipse at 50% 28%,var(--surface),color-mix(in srgb,var(--brand) 8%,var(--surface)))}
.chat-bubble>img{object-position:50% 58%}
.process.is-animated .step-top:after{display:none}
.process-number{display:grid;place-items:center;padding:0;width:45px;height:45px;flex:0 0 45px;border-radius:50%;font-size:24px;letter-spacing:-.05em;line-height:1;background:transparent;color:color-mix(in srgb,var(--accent) 70%,var(--surface));transition:background .45s,color .45s,transform .55s}
.process-step.is-current .process-number{background:var(--accent);color:var(--on-accent);transform:scale(1.07)}
.process-step.is-complete .process-number{color:var(--accent)}
.step-track{display:block;position:relative;flex:1;height:2px;background:color-mix(in srgb,var(--surface) 12%,transparent);overflow:visible}
.step-track>span{display:block;height:100%;background:var(--accent);transform:scaleX(var(--step-progress,0));transform-origin:left}
.step-track>i{position:absolute;left:calc(var(--step-progress,0)*100%);top:50%;width:6px;height:6px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);opacity:0}
.process-step.is-current .step-track>i{opacity:1}
.process-step:last-child .step-track{visibility:hidden}
.process-step h3{transition:transform .5s,color .5s}.process-step.is-current h3{transform:translateY(-3px);color:var(--acc)}
.process-step.is-current p{color:var(--on-dark)}
.process-playback{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:24px;font-size:10px;color:color-mix(in srgb,var(--surface) 65%,transparent)}
.process-pause{display:flex;align-items:center;gap:8px;background:transparent;color:inherit;padding:8px 0;font-size:10px}
.process-playback-count{font-variant-numeric:tabular-nums;letter-spacing:.1em}
@media(max-width:760px){.process-number{width:39px;height:39px;flex-basis:39px;font-size:23px}.process .step-top{gap:12px;margin-bottom:17px}.process-playback{margin-top:19px}}
@media(prefers-reduced-motion:reduce){.process-number,.process-step h3{transition:none}.process-step.is-current h3,.process-step.is-current .process-number{transform:none}}

.roof-selection-column{min-width:0}
.roof-material-library{margin-bottom:25px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.roof-material-library-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}
.roof-material-library-heading b{font-size:13px;letter-spacing:-.02em;font-weight:500}
.roof-material-library-heading>span{font-size:9px;color:var(--muted)}
.roof-material-library .material-tabs{display:grid;grid-template-columns:repeat(var(--roof-material-columns,4),minmax(0,1fr));gap:9px;background:none;padding:0;border-radius:0;margin:15px 0}
.roof-material-library .material-turntable.material-tab{height:140px;width:100%;min-width:0;padding:0;border:1px solid transparent;border-radius:9px;box-shadow:none;color:var(--brand)}
.roof-material-library .material-tab[aria-selected=true]{border-color:var(--accent)}
.roof-material-library .material-tab[aria-selected=true]:before{display:none}
.roof-material-library .material-turntable canvas{height:calc(100% - 26px)!important;top:0;bottom:26px}
.roof-material-library .material-choice-name{position:absolute;bottom:9px;left:3px;right:3px;text-align:center;font-size:10px;line-height:1.3;z-index:2;pointer-events:none}
.roof-material-library .material-tab[aria-selected=true] .material-choice-name{color:var(--brand);font-weight:600}
.roof-material-library .material-list{margin:0;display:block}
.roof-material-library .material-item{display:block;min-height:0;padding:0;border:0}
.roof-material-library .material-item h3{font-size:15px;margin:0 0 6px}
.roof-material-library .material-item p{font-size:11px;line-height:1.8;min-height:40px}
.roof-material-library .material-controls{font-size:8px;margin-top:9px}
.roof-material-library .material-motion-toggle{font-size:8px}
.roof-selection-column .roof-detail>h3{font-size:25px;margin-bottom:12px}
.roof-selection-column .roof-detail-copy{font-size:11px;margin-bottom:15px}
.roof-selection-column .roof-layer-notes{padding:12px 0;margin:10px 0 13px;grid-template-columns:65px 1fr;gap:19px}
.roof-selection-column .roof-layer-number{font-size:59px}
.roof-selection-column .roof-layer-notes li{font-size:10px;padding:5px 0}
.projection .model-card{background:var(--surface);overflow:hidden}
.projection .model-header{background:var(--surface);border:0;box-shadow:none;padding-bottom:14px}
.projection-frame{background:var(--surface)}
/* Accueil élagage : animer le trait existant, puis donner du relief au parcours. */
@media (prefers-reduced-motion: no-preference) {
  .accueil-elagage .hero-ville-trait path {
    stroke-dasharray: 1;
    animation: elagage-trait 750ms ease-out 150ms backwards;
  }
  .accueil-elagage :is(.real-photo, .contact-photo).rv.in {
    animation: elagage-entree 680ms cubic-bezier(.2,.7,.2,1) both;
    animation-delay: var(--elagage-delai, 0ms);
  }
  @keyframes elagage-trait {
    from { stroke-dashoffset: 1; }
    to { stroke-dashoffset: 0; }
  }
  @keyframes elagage-entree {
    from { opacity: 0; translate: 0 18px; }
    to { opacity: 1; translate: 0 0; }
  }
}

.roof-colors{padding:16px 0;border-top:1px solid var(--line);margin-top:14px}.roof-colors>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.roof-colors small{font-size:10px;color:var(--muted)}.roof-color-options{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px}.roof-color-swatch{width:26px;height:26px;border-radius:50%;background:var(--swatch);border:2px solid #fff;outline:1px solid #aaa;cursor:pointer}.roof-color-swatch[aria-pressed=true]{outline:2px solid var(--acc)}.roof-custom-color{display:flex;align-items:center;gap:7px;font-size:11px;margin-left:4px}.roof-color-input{width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}.roof-color-reset{background:none;border:0;text-decoration:underline;font-size:11px;color:inherit;cursor:pointer}.roof-color-options button:focus-visible,.roof-color-input:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
/* Homepage signature: tokens come exclusively from the client identity. */
.premium-site .container{padding:0}.premium-site .hero-coque{position:relative;z-index:2;background:var(--acc);border-radius:0 0 50% 50% / 0 0 90px 90px;padding-bottom:5px}.premium-site div.hero.hero-bloc{min-height:clamp(640px,84vh,800px)!important;padding:130px 0 90px!important;border-radius:0 0 50% 50% / 0 0 88px 88px!important}.premium-site div.hero.hero-bloc .hp-h1{font-size:clamp(38px,4.5vw,68px)!important}.premium-site div.hero.hero-bloc .hp-preuves{margin-top:44px!important}
.premium-site .urg-grille,.premium-site .wa-grille,.premium-site .qc-grille{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.premium-site #urgence{position:relative;overflow:hidden}.premium-site #urgence .amb{position:absolute;inset:0;z-index:-1}.premium-site #urgence .amb img{width:100%;height:100%;object-fit:cover}.premium-site .urg-txt .lead{margin:24px 0}.premium-site .urg-points{display:grid;grid-template-columns:1fr 1fr;gap:15px;list-style:none;font-size:12px}.premium-site .urg-points li{display:flex;gap:10px;align-items:center}.premium-site .urg-points svg{width:20px;height:20px;fill:none;stroke:var(--acc);stroke-width:1.5}.premium-site .urg-rappel{padding:30px;max-width:380px;justify-self:end}.premium-site .urg-rappel h3{font-size:24px;margin:18px 0 15px}.premium-site .urg-rappel p{font-size:13px;line-height:1.8;margin-bottom:22px}.premium-site .urg-rappel small{display:block;margin-top:12px;font-size:10px}.premium-site .urg-pastille{display:block;width:30px;color:var(--acc)}.premium-site .urg-pastille svg{fill:none;stroke:currentColor;stroke-width:1.5}
.premium-site .wa-txt .lead{margin:22px 0}.premium-site .wa-etapes{list-style:none;counter-reset:wa;display:grid;gap:10px;max-width:460px}.premium-site .wa-etapes li{display:flex;padding:14px;gap:12px;counter-increment:wa}.premium-site .wa-etapes li:before{content:counter(wa);display:grid;place-items:center;align-self:start;width:24px;height:24px;flex:none;border-radius:50%;background:var(--acc);color:var(--btn-text);font-size:10px}.premium-site .wa-etapes b{display:block;font-size:12px}.premium-site .wa-etapes small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.premium-site .wa-actions{display:flex;gap:12px;margin-top:22px}.premium-site .wa-btn svg{width:18px;fill:currentColor}.premium-site .wa-tel{background:#191919;border-radius:32px;padding:10px;box-shadow:0 25px 40px -20px #0007}.premium-site .wa-ecran{border-radius:24px;overflow:hidden;background:#f3f4ef}.premium-site .wa-haut{display:flex;gap:12px;align-items:center;padding:20px;background:#fff}.premium-site .wa-haut img{width:36px}.premium-site .wa-haut b,.premium-site .wa-haut small{display:block;font-size:11px}.premium-site .wa-haut small{font-size:9px;color:var(--muted);margin-top:5px}.premium-site .wa-fil{padding:20px 15px;display:grid;gap:15px}.premium-site .wa-bulle{padding:14px;background:#fff;border-radius:10px;font-size:12px;line-height:1.7}.premium-site .wa-moi{background:color-mix(in srgb,var(--acc) 10%,#fff);margin-left:20px}.premium-site .wa-bulle small{display:block;font-size:8px;text-align:right;opacity:.6;margin-top:10px}
.premium-site .qc-grille{align-items:start}.premium-site .qc-grille h2{margin-bottom:25px}.premium-site .qc-grille .faq-list{max-width:none}.premium-site .qc-grille .qc-devis{min-width:0}.premium-site .qc-grille .form-box{width:100%}
@media(max-width:760px){.premium-site div.hero.hero-bloc{min-height:620px!important;padding:110px 22px 70px!important;border-radius:0 0 50% 50% / 0 0 45px 45px!important}.premium-site .hero-coque{border-radius:0 0 50% 50% / 0 0 47px 47px}.premium-site .urg-grille,.premium-site .wa-grille,.premium-site .qc-grille{grid-template-columns:1fr;gap:30px}.premium-site .urg-rappel{justify-self:stretch;max-width:none}.premium-site .wa-tel{margin:15px auto;width:100%;max-width:310px}.premium-site .wa-actions{flex-wrap:wrap}.premium-site .wa-actions .btn{font-size:12px;padding:14px 18px}}
.premium-site{--brand:var(--marque);--ink:var(--marque);--accent:var(--acc);--brand-accent:var(--acc);--accent-dark:var(--acc2);--surface:#fff;--surface-alt:color-mix(in srgb,var(--marque) 4%,#fff);--line:color-mix(in srgb,var(--marque) 13%,#fff);--muted:color-mix(in srgb,var(--marque) 68%,#fff);--on-dark:#fff;--on-accent:var(--btn-acc-text,#fff);--ease:cubic-bezier(.16,1,.3,1);color:var(--marque);background:#fff}
.premium-site:not(.premium-resto){--ink:var(--marque-fond,var(--marque))}
.premium-site .sec{padding:78px 0;isolation:isolate}.premium-site .container,.premium-site .wrap{width:calc(100% - 80px);max-width:1240px;margin-inline:auto}
.premium-site h2{font-size:clamp(30px,3.2vw,46px);line-height:1.14;letter-spacing:-.055em;font-weight:600;margin:0}.premium-site h2 em{color:var(--acc);font-style:italic;font-weight:inherit}.premium-site .section-head{margin-bottom:34px}.premium-site .eyebrow{font-size:10px;letter-spacing:.12em;font-weight:500;text-transform:uppercase;margin:0 0 24px;color:var(--muted)}
.premium-site .eyebrow:before{background:var(--acc)}.premium-site button{font-family:inherit;cursor:pointer}.premium-site button:focus-visible,.premium-site a:focus-visible{outline:2px solid var(--acc);outline-offset:5px}.premium-site [hidden]{display:none!important}.premium-site .text-link{display:inline-flex;gap:20px;align-items:center;background:none;border:0;color:inherit;font-size:12px;font-weight:500;padding:10px 0;text-decoration:none}.premium-site .text-link:hover{color:var(--acc)}
.premium-site .artisan,.premium-site .trust,.premium-site .materials{background:#fff}.premium-site .artisan-intro{gap:50px}.premium-site .artisan-intro>p{font-size:14px}.premium-site .artisan-editorial.without-photo,.premium-site .craft-pledges-layout.without-photo{grid-template-columns:1fr;max-width:900px}.premium-site .artisan-chapter-toggle,.premium-site .craft-promise-button,.premium-site .roof-tab,.premium-site .roof-model-tools button,.premium-site .roof-explode,.premium-site .material-tab,.premium-site .process-number{border:0}.premium-site .craft-pledges .head-aside{max-width:680px;margin:18px 0 0;color:var(--muted)}.premium-site .craft-pledges h2 em{display:block}.premium-site .craft-pledge-photo figcaption{color:#fff}.premium-site .artisan-visual figcaption{color:#fff}
.premium-site .rb{display:none}.premium-site .sec-avec-decor>.decor,.premium-site .sec>.amb{display:none}.premium-site #services{background:linear-gradient(#fff,var(--surface-alt),#fff)}.premium-site #services .svc-head{display:flex;justify-content:space-between;gap:40px;align-items:end}.premium-site #services .svc-head-lead{max-width:330px;font-size:13px;color:var(--muted)}.premium-site #services .sf-familles{margin-top:30px}.premium-site #services .sf-famille{border-radius:12px;overflow:hidden}.premium-site #services .sf-corps{border-radius:16px;background:#fff;box-shadow:0 16px 50px -30px #0003;padding:28px;gap:30px}.premium-site #services .sf-aide{background:var(--marque);color:#fff;border-radius:12px}.premium-site #services .sf-aide h3,.premium-site #services .sf-aide p,.premium-site #services .sf-aide li,.premium-site #services .sf-aide .eyebrow{color:#fff}.premium-site #services .sf-aide-illustration{display:none}
.premium-site #urgence{background:var(--marque);color:#fff}.premium-site #urgence .amb{display:block;opacity:.22}.premium-site #urgence h2,.premium-site #urgence .lead,.premium-site #urgence .eyebrow{color:#fff}.premium-site #urgence .urg-rappel{background:#fff;color:var(--marque);border-radius:16px}.premium-site #urgence .urg-rappel p{color:var(--muted)}.premium-site #photo-whatsapp{background:color-mix(in srgb,var(--acc) 5%,#fff)}.premium-site .wa-tel{transform:rotate(-3deg);max-width:330px;justify-self:center}.premium-site .wa-etapes li{background:#fff;border-radius:8px}
.premium-site .roof-heading{gap:50px}.premium-site .roof-explorer-layout{gap:42px}.premium-site .roof-experience .wrap{width:100%}.premium-site .roof-scene{min-width:0}.premium-site .roof-model-status{color:var(--muted)}.premium-site .material-tabs{background:none}.premium-site .material-controls{color:var(--muted)}.premium-site .material-motion-toggle{border:0;background:none;color:inherit}.premium-site .roof-material-library .material-turntable{height:140px;border:1px solid transparent}.premium-site .roof-material-library .material-turntable[aria-selected=true]{border-color:var(--acc)}
.premium-site .mat{background:var(--surface-alt)}.premium-site .mat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.premium-site .mat-item{background:#fff;padding:25px;border-radius:14px;transform:none!important;border:0;min-height:190px}.premium-site .mat-item:last-child:nth-child(odd){grid-column:1/-1}.premium-site .mat-num{color:var(--acc);font-size:45px;font-weight:500}.premium-site .mat-desc{color:var(--muted)}
.premium-site #projection-3d{background:linear-gradient(#fff,var(--surface-alt),#fff);padding:60px 0}.premium-site .pjt-appel{grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}.premium-site .pjt-appel h2{font-size:clamp(29px,2.6vw,39px)}.premium-site .pjt-appel .lead{font-size:13px;line-height:1.85}.premium-site .pjt-appel-pts{margin-top:24px;gap:12px}.premium-site .pjt-appel-pts li{padding:16px;border-color:color-mix(in srgb,var(--acc) 18%,#fff)}.premium-site .pjt-appel-pts b{font-size:13px}.premium-site .pjt-appel-pts span{font-size:11px;line-height:1.65}.premium-projection{border-radius:22px;overflow:hidden;position:sticky;top:105px;background:#fff;border:1px solid var(--line);box-shadow:0 25px 50px -30px #0004;min-width:0}.premium-projection-head{padding:20px;display:flex;justify-content:space-between;gap:10px;font-size:11px}.premium-projection-head a{font-size:10px;color:var(--muted)}.premium-projection-frame{display:block;width:100%;height:535px;border:0;background:#fff}
.premium-site #deroulement{background:var(--marque-fond,var(--marque));color:#fff}.premium-site #deroulement h2,.premium-site #deroulement .eyebrow{color:#fff}.premium-site #deroulement h2 em{color:var(--acc)}.premium-site .process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:45px}.premium-site .process-step{padding:0;border:0;background:none;box-shadow:none;min-width:0}.premium-site .step-top{display:flex;align-items:center;gap:18px;margin-bottom:22px}.premium-site .process-step h3{font-size:17px;margin:0 0 13px;color:#fff}.premium-site .process-step p{font-size:12px;line-height:1.85;color:#ffffffb8}.premium-site .process-step:before,.premium-site .process-step:after{display:none}.premium-site .process-playback button{border:0}
.premium-site .real-simple-section{background:#fff}.premium-site .premium-gallery{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-auto-rows:215px;gap:14px}.premium-site .premium-gallery .real-photo{height:auto;min-height:0;border-radius:14px;overflow:hidden;position:relative}.premium-site .premium-gallery .real-photo:first-child{grid-row:span 2}.premium-site .premium-gallery .real-photo:nth-child(6){grid-column:1/-1;max-height:220px}.premium-site .premium-gallery .real-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.premium-site .premium-gallery .real-photo:hover img{transform:scale(1.04)}.premium-site .gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;font-size:11px;color:var(--muted)}
.premium-gallery-dialog{width:min(1100px,94vw);max-height:94dvh;background:var(--marque);border:0;border-radius:16px;color:#fff;padding:20px}.premium-gallery-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.premium-gallery-dialog img{display:block;max-height:72dvh;max-width:100%;margin:auto;object-fit:contain}.premium-gallery-dialog .gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px}.premium-gallery-dialog button{border:0;background:transparent;color:#fff;padding:12px;font-size:18px}.premium-gallery-dialog .gallery-caption{font-size:12px;color:#fffc}
.premium-site #zones-intervention{background:linear-gradient(#fff,color-mix(in srgb,var(--acc) 3%,#fff));padding-bottom:70px!important}.premium-site .zones-layout{display:grid;grid-template-columns:1.3fr .9fr;gap:65px;align-items:start}.premium-site .zones-head{text-align:left;max-width:none;margin:0 0 28px}.premium-site .zones-head h2{font-size:clamp(30px,3vw,42px)}.premium-site .zones-head .lead{font-size:13px;line-height:1.85;color:var(--muted)}.premium-site .zones-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:28px 0 24px;background:#fff;border:1px solid color-mix(in srgb,var(--acc) 16%,#fff);border-radius:12px;padding:18px 0}.premium-site .zki{padding:0 20px;border:0;min-width:0}.premium-site .zki+.zki{border-left:1px solid color-mix(in srgb,var(--acc) 20%,#fff)}.premium-site .zki-n{font-size:clamp(20px,2vw,29px);color:var(--acc);line-height:1.2;overflow-wrap:anywhere}.premium-site .zki-l{font-size:10px;color:var(--muted);margin-top:8px}.premium-site .zones-map{position:sticky;top:110px;align-self:start}.premium-site .zmap-card{border-radius:22px;overflow:hidden;box-shadow:0 20px 45px -25px #0004;border:1px solid var(--line)}.premium-site .zmap-canvas{height:540px}.premium-site .zmap-canvas .zone-map{height:100%!important;min-height:0}.premium-site .zmap-chips{background:#fff;padding:18px;gap:8px}.premium-site .zones-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;max-height:400px;overflow:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--acc) transparent}.premium-site .zl-row{padding:12px 0;display:flex;align-items:center;gap:7px;border-bottom:1px solid color-mix(in srgb,var(--acc) 12%,#fff);min-width:0;font-size:11px;color:var(--marque);background:none;border-radius:0}.premium-site .zl-name{font-size:11px;flex:1;min-width:0}.premium-site .zl-postal{font-size:9px;color:var(--muted);margin-left:6px;white-space:nowrap}.premium-site .zl-dist{font-size:9px;color:var(--muted);flex-shrink:0}.premium-site .zl-dot{display:none}.premium-city-search{display:block;margin-bottom:15px}.premium-city-search>span{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.premium-city-search input{width:100%;font:inherit;font-size:12px;border:1px solid color-mix(in srgb,var(--acc) 25%,#fff);padding:16px;border-radius:9px;background:#fff;color:var(--marque)}.premium-site .premium-city-empty{font-size:12px}.premium-site .ville-absente{margin-top:24px;background:color-mix(in srgb,var(--acc) 7%,#fff);border-radius:10px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.premium-site .ville-absente b{font-size:12px}.premium-site .ville-absente small{display:block;font-size:10px;margin-top:7px}
.premium-site #avis{background:var(--surface-alt);color:var(--marque);overflow:hidden}.premium-site .reviews-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.premium-site .reviews-heading p{font-size:13px;color:var(--muted);margin-top:18px;max-width:650px}.premium-site .rating{display:grid;gap:8px}.premium-site .rating .avis-big{font-size:55px;color:var(--acc);line-height:1}.premium-site .rating small{font-size:17px;color:var(--muted)}.premium-site .rating .avis-base{font-size:10px;color:var(--muted)}.premium-site .reviews-viewport.avis-cards{animation:none;gap:20px;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.premium-site .reviews-shell.is-enhanced .reviews-viewport{display:block;width:100%;transform:none;animation:none}.premium-site .reviews-shell .review.avis-card{background:#fff;color:var(--marque);flex:none;margin:0;box-sizing:border-box}.premium-site .reviews-shell .avis-text{font-size:17px;line-height:1.85;color:var(--marque);margin:24px 0;display:block;-webkit-line-clamp:unset;overflow:visible}.premium-site .reviews-shell .avis-author{display:flex;align-items:center;gap:12px}.premium-site .reviews-shell .avis-av{background:var(--acc);color:var(--on-accent)}.premium-site .reviews-shell .avis-name{display:block;font-size:13px;color:var(--marque)}.premium-site .reviews-shell .avis-loc{display:block;font-size:10px;color:var(--muted)}.premium-site .reviews-shell .avis-stars{color:var(--acc)}.premium-site .reviews-controls button{border:0}.premium-site .reviews-dots{flex-wrap:wrap;justify-content:center}.premium-site .review-dot{width:24px}.premium-site .reviews-controls{margin-bottom:20px}
.premium-site .qc{background:#fff}.premium-site .qc-grid{gap:65px}.premium-site .form-box{border-radius:16px;background:#fff;box-shadow:0 15px 45px -25px #0005}.premium-site .cta-final{padding:60px 0;background:#fff;color:var(--marque)}.premium-site .cta-final>.amb,.premium-site .cta-final>.motif{display:none}.premium-site .cta-final .cta-inner{max-width:1240px;width:calc(100% - 80px);margin:auto;display:grid;grid-template-columns:.9fr 1.55fr;gap:50px;align-items:center}.premium-site .cta-final .cta-h{color:var(--marque);font-size:clamp(30px,3vw,42px)}.premium-site .cta-final .cta-h em,.premium-site .cta-final .cta-tel-xl{color:var(--acc)}.premium-site .cta-final .cta-tel-xl{font-size:clamp(26px,2.5vw,35px)}.premium-site .cta-final .cta-def,.premium-site .cta-final .cta-tel-sub{color:var(--muted)}.premium-site .cta-final .cta-btn{background:var(--acc);color:var(--on-accent)}.premium-site .premium-closing-panel{display:grid;grid-template-columns:.9fr 1fr;background:var(--surface-alt);border:1px solid var(--line);border-radius:20px;overflow:hidden}.premium-closing-photo{margin:0;min-height:340px;position:relative}.premium-closing-photo img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.premium-site .premium-closing-panel .cta-carte{border:0;box-shadow:none;background:none;padding:28px 22px;color:var(--marque);align-self:center;border-radius:0}.premium-site .cta-final .cta-h-titre{color:var(--marque)}.premium-site .cta-final .cta-h-jour,.premium-site .cta-final .cta-h-note{color:var(--muted)}
@media(max-width:1000px){.premium-site .container,.premium-site .wrap{width:calc(100% - 48px)}.premium-site .zones-layout{gap:30px}.premium-site .roof-explorer-layout{gap:25px}.premium-site .craft-pledges-layout{gap:30px}.premium-site .pjt-appel{gap:25px}.premium-site .cta-final .cta-inner{width:calc(100% - 48px);gap:28px}.premium-site .premium-closing-panel{grid-template-columns:.7fr 1fr}.premium-site .premium-gallery{grid-auto-rows:180px}}
@media(max-width:760px){.premium-site .sec{padding:48px 0}.premium-site .container,.premium-site .wrap{width:calc(100% - 36px)}.premium-site .artisan-intro,.premium-site .artisan-editorial,.premium-site .roof-heading,.premium-site .roof-explorer-layout,.premium-site .zones-layout,.premium-site .pjt-appel,.premium-site .craft-pledges-layout{grid-template-columns:1fr;gap:24px}.premium-site .artisan-intro>p{max-width:none}.premium-site .artisan-visual{height:310px}.premium-site .craft-pledges-visual{height:300px;min-height:0}.premium-site .artisan-visual figcaption strong{font-size:24px}.premium-site #services .svc-head{display:block}.premium-site #services .sf-corps{padding:18px}.premium-site #services .svc-head-lead{max-width:none;margin-top:18px}.premium-site .pjt-appel-pts{grid-template-columns:1fr 1fr}.premium-projection{position:relative;top:auto}.premium-projection-frame{height:460px}.premium-site .process-steps{grid-template-columns:1fr 1fr;gap:30px 20px}.premium-site .process-step p{font-size:12px}.premium-site .zones-map{position:relative;top:auto}.premium-site .zmap-canvas{height:420px}.premium-site .zones-kpis{margin-top:20px}.premium-site .zki{padding:0 12px}.premium-site .zki-n{font-size:23px}.premium-site .zones-list{gap:0 16px}.premium-site .zl-row{flex-wrap:wrap}.premium-site .zl-postal{display:block;margin-left:0;margin-top:3px}.premium-site .premium-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:155px}.premium-site .premium-gallery .real-photo:first-child{grid-column:1/-1;grid-row:span 2}.premium-site .premium-gallery .real-photo:nth-child(6){grid-column:1/-1}.premium-site .reviews-heading{align-items:start}.premium-site .rating .avis-big{font-size:36px}.premium-site .reviews-shell{--deck-width:calc(100vw - 70px);--deck-offset:135px}.premium-site .reviews-shell .avis-text{font-size:14px}.premium-site .reviews-shell.is-enhanced .review{padding:25px;min-height:300px}.premium-site .cta-final .cta-inner{grid-template-columns:1fr;width:calc(100% - 36px);gap:28px}.premium-site .premium-closing-panel{grid-template-columns:1fr 1fr}.premium-site .premium-closing-panel .cta-carte{padding:20px 16px}.premium-site .gallery-bottom{font-size:10px}.premium-site .mat-grid{display:block}.premium-site .mat-list{margin-top:25px}.premium-site .mat-item{padding:20px}.premium-site .craft-promise-button>span:nth-child(2){font-size:15px}}
@media(max-width:420px){.premium-site .premium-closing-panel{grid-template-columns:1fr}.premium-closing-photo{min-height:180px}.premium-site .reviews-heading{display:block}.premium-site .rating{margin-top:20px}.premium-site .zones-list{grid-template-columns:1fr}.premium-site .zl-postal{display:inline;margin-left:5px}.premium-site .mat-list{grid-template-columns:1fr}.premium-site .process-steps{grid-template-columns:1fr}.premium-site .step-track{display:none}.premium-site .process-step{display:grid;grid-template-columns:50px 1fr;column-gap:16px}.premium-site .step-top{grid-row:span 2;margin:0;align-self:start}.premium-site .process-step h3{margin-top:5px}.premium-site .process-step p{grid-column:2}.premium-site .roof-material-library .material-turntable{height:115px}}
@media(prefers-reduced-motion:reduce){.premium-site *, .premium-site *:before,.premium-site *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.premium-site .artisan-story-ready .artisan-visual{clip-path:none}}

.premium-site .zmap-canvas .zone-leaflet{height:100%!important;min-height:0}

/* Priorité explicite sur les anciens thèmes par identifiant. */
.premium-site #artisan,.premium-site #pourquoi,.premium-site #materiaux{background:#fff;color:var(--marque)}
.premium-site #pourquoi .eyebrow{color:var(--muted)}.premium-site #pourquoi .eyebrow:before{background:var(--acc)}
.premium-site .roof-experience .lead{font-size:13px;line-height:1.85;margin:0;max-width:470px}
.premium-site .zones-few .zl-row{border:0;border-bottom:1px solid var(--line);padding:14px 0;background:transparent;box-shadow:none}
.premium-site .zones-few .zl-sub{font-size:10px;line-height:1.6;margin-top:6px;color:var(--muted)}
.premium-site .zones-few .zones-list{gap:0 24px}
.premium-site .craft-pledges-play,.premium-site .roof-play{background:transparent;border:0}

.premium-site .rv{filter:none!important;transform:translateY(12px);transition-duration:.55s!important;transition-delay:0ms!important}.premium-site .rv.in{transform:none}
.premium-site .roof-heading{align-items:start}.premium-site .roof-heading h2{margin:0}
.premium-site .cta-final .cta-btn{box-shadow:none}

.premium-site .premium-gallery:has(>.real-photo:nth-child(4):last-child){grid-template-columns:1fr 1fr}.premium-site .premium-gallery:has(>.real-photo:nth-child(4):last-child) .real-photo:first-child{grid-row:auto}
.premium-site .premium-gallery:not(:has(>.real-photo:nth-child(4))){grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.premium-site .premium-gallery:not(:has(>.real-photo:nth-child(4))) .real-photo:first-child{grid-row:auto}
@media(max-width:760px){.premium-site .premium-gallery:not(:has(>.real-photo:nth-child(4))){grid-template-columns:1fr}.premium-site .premium-gallery:has(>.real-photo:nth-child(4):last-child) .real-photo:first-child{grid-column:auto}}

/* Keep the premium components independent from the legacy card layouts. */
.premium-site #deroulement .process-step{display:block;text-align:left;border-radius:0}
.premium-site #deroulement .step-top{width:100%;min-width:0}
.premium-site #deroulement .step-track{min-width:30px;height:3px;background:#ffffff30}
.premium-site #deroulement .process-step.is-current h3{color:var(--acc)}
.premium-site #deroulement .process-number{border:1px solid #ffffff38}
.premium-site #deroulement .is-current .process-number{border-color:var(--acc);box-shadow:0 0 0 7px color-mix(in srgb,var(--acc) 16%,transparent)}
.premium-site .premium-gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(195px,19vw,250px)}
.premium-site .premium-gallery>.real-photo,.premium-site .premium-gallery>.real-photo:first-child,.premium-site .premium-gallery>.real-photo:nth-child(6){grid-column:auto;grid-row:auto;aspect-ratio:auto;width:100%;height:100%;max-height:none;min-width:0;align-self:stretch}
.premium-site .reviews-shell.is-enhanced .review.avis-card{transform:var(--review-transform,translateX(-50%) translateZ(-400px) scale(.85))!important;transition:transform .85s cubic-bezier(.22,.7,.16,1),opacity .65s,filter .7s,box-shadow .7s!important;gap:0}
.premium-site .reviews-shell.is-enhanced .review[data-slot="front"]{--review-transform:translateX(-50%) translateZ(65px)}
.premium-site .reviews-shell.is-enhanced .review[data-slot="left"]{--review-transform:translateX(calc(-50% - var(--deck-offset))) translateY(22px) translateZ(-190px) rotateY(32deg) rotateZ(-4deg)}
.premium-site .reviews-shell.is-enhanced .review[data-slot="right"]{--review-transform:translateX(calc(-50% + var(--deck-offset))) translateY(22px) translateZ(-190px) rotateY(-32deg) rotateZ(4deg)}
.premium-site .reviews-shell .avis-text{flex:1;margin:22px 0 28px}
.premium-site .cta-final .cta-coord{min-width:0}
.premium-site .cta-final .cta-def{margin-top:22px;border-top:1px solid var(--line)}
.premium-site .cta-final .cta-def div{padding:11px 0;grid-template-columns:80px minmax(0,1fr);gap:14px;border-bottom:1px solid var(--line)}
.premium-site .cta-final .cta-def dt{color:var(--muted);font-size:10px;letter-spacing:.08em}
.premium-site .cta-final .cta-def dd{color:var(--marque);font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.premium-site .cta-final .cta-def dd small{color:var(--muted);font-size:12px}
.premium-site .cta-final .cta-btn{margin-top:20px}
.premium-site .cta-final .cta-24{color:var(--marque);font-size:15px;line-height:1.8}
@media(max-width:760px){
 .premium-site .premium-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:165px}
 .premium-site .reviews-shell.is-enhanced .review[data-slot="front"]{--review-transform:translateX(-50%)}
}
@media(max-width:420px){
 .premium-site #deroulement .process-step{display:grid;grid-template-columns:45px minmax(0,1fr);gap:0 20px}
 .premium-site #deroulement .step-top{grid-row:span 2;align-self:stretch;position:relative;align-items:flex-start}
 .premium-site #deroulement .step-track{display:block;position:absolute;top:56px;bottom:-16px;left:19px;width:3px;height:auto;min-width:0}
 .premium-site #deroulement .step-track>span{transform:scaleY(var(--step-progress,0));transform-origin:top}
 .premium-site #deroulement .step-track>i{left:50%;top:calc(var(--step-progress,0)*100%)}
}
@media(prefers-reduced-motion:reduce){.premium-site .reviews-shell.is-enhanced .review.avis-card{transition:none!important}}
.premium-site .cta-final .cta-coord{display:flex;flex-direction:column;align-items:flex-start}
.premium-site .cta-final .cta-def{width:100%;margin-top:22px}
.premium-site .cta-final .cta-inner{padding:0;text-align:left}
.premium-site .cta-final .cta-h,.premium-site .cta-final .cta-def{text-align:left}
@media(max-width:760px){
 .premium-site .reviews-shell.is-enhanced .review.avis-card{transition:transform .55s var(--ease),opacity .4s!important}
 .premium-site .reviews-shell.is-enhanced .review[data-slot="left"]{--review-transform:translateX(-75%) scale(.96);opacity:0;pointer-events:none}
 .premium-site .reviews-shell.is-enhanced .review[data-slot="right"]{--review-transform:translateX(-25%) scale(.96);opacity:0;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.premium-site .reviews-shell.is-enhanced .review.avis-card{transition:none!important}}

@media(max-width:760px){.premium-site .reviews-dots{gap:6px;flex-wrap:nowrap}.premium-site .review-dot{flex:1 1 0;min-width:0;width:auto}.premium-site .reviews-viewport{transition:height .55s var(--ease)}}

/* Respiration entre les prestations et le panneau urgence. */
.premium-site #services.savoir-faire.sf-direction-3{padding-bottom:78px}
@media(max-width:760px){.premium-site #services.savoir-faire.sf-direction-3{padding-bottom:48px}}

/* Le hero mobile garde le contenu complet et sa photo bord à bord. */
@media(max-width:900px){
  .premium-site header.site-hdr .hdr-burger span{background:#16181d!important}
  .premium-site div.hero.hero-bloc{margin:0!important;width:100%;min-height:0!important;padding:44px 0 52px!important}
  .premium-site div.hero.hero-bloc .hp-inner{width:100%;padding:0 24px!important}
  .premium-site div.hero.hero-bloc .hp-sub{display:block!important;margin:16px 0 0!important;font-size:14px;line-height:1.7;max-width:54ch;text-align:left!important}
  .premium-site div.hero.hero-bloc .hp-rappel{display:flex!important;align-items:flex-start;gap:9px;margin:20px 0 0!important;font-size:13px;line-height:1.65}
  .premium-site div.hero.hero-bloc .hp-rappel svg{width:18px;height:18px;flex:none;margin-top:2px}
  .premium-site div.hero.hero-bloc .hp-rappel-lien{background:none;border:0;padding:0;font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
  .premium-site .zones-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding-right:4px;max-height:420px}
  .premium-site .zones-list.zones-list-short{grid-template-columns:1fr;max-height:none}
  .premium-site .zones-list .zl-row{flex-direction:column;justify-content:center;gap:5px;text-align:center;padding:14px 5px}
  .premium-site .zones-list .zl-name{flex:none;width:100%;white-space:normal;overflow:visible;text-overflow:clip;font-size:12px;line-height:1.5}
  .premium-site .zones-list .zl-postal{display:block;margin:3px 0 0;font-size:10px}
  .premium-site .zones-list .zl-sub{font-size:10px;line-height:1.5}
  .premium-site .zones-list .zl-wide{grid-column:1 / -1}
}

/* Accueil édité : les preuves précèdent les outils, une seule expérience 3D. */
.premium-site .hero-coque{border-radius:0;padding-bottom:0;background:var(--marque)}
.premium-site div.hero.hero-bloc{border-radius:0!important;min-height:620px!important;padding-bottom:64px!important}
.premium-site .section-head .eyebrow{margin-bottom:16px}
.premium-site #services .svc-head{align-items:center}
.premium-site #services .svc-head h2{text-align:left}
.premium-site #realisations{padding-top:56px;padding-bottom:56px}
.premium-site #avis{padding-top:56px;padding-bottom:40px}
.premium-site #urgence{padding:48px 0}
.premium-site #urgence h2{font-size:clamp(28px,2.8vw,38px)}
.premium-site .urg-txt .lead{font-size:14px;line-height:1.8;margin:18px 0}
.premium-site .urg-rappel{padding:25px;justify-self:stretch;max-width:none}
.premium-site .urg-grille{grid-template-columns:1.7fr 1fr;gap:50px}
.premium-site .wa-grille{grid-template-columns:1.5fr 1fr;gap:60px}
.premium-site .wa-txt h2{font-size:clamp(29px,3vw,40px)}
.premium-site .wa-txt .lead{font-size:14px;line-height:1.85;margin:18px 0 12px;max-width:55ch}
.premium-site .wa-instructions{font-size:13px;line-height:1.8;color:var(--muted)}
.premium-site .wa-tel{max-width:290px;transform:none;border-radius:26px;padding:7px;box-shadow:0 14px 30px -20px #0006}
.premium-site .wa-haut{padding:15px}.premium-site .wa-fil{gap:10px;padding:14px}.premium-site .wa-bulle{font-size:11px;padding:12px}
.premium-site #materiaux{padding-bottom:32px}
.premium-site #projection-3d.projection-bridge{padding:40px 0;margin-bottom:60px;background:var(--marque-fond,var(--marque))}
.premium-site .projection-bridge-inner{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:30px;align-items:center;padding:0;border-radius:0;background:transparent;color:#fff}
.premium-site .projection-bridge-symbol{color:var(--acc);position:relative;width:80px}
.premium-site .projection-bridge-symbol svg{display:block;width:80px;height:80px}
.premium-site .projection-bridge-symbol>span{position:absolute;inset:37px 0 auto;text-align:center;font-size:10px;font-weight:600;color:#fff}
.premium-site .projection-bridge .eyebrow{color:#ffffffb8;margin-bottom:10px;font-size:9px}
.premium-site .projection-bridge h2{font-size:clamp(23px,2.3vw,30px);color:#fff;line-height:1.25;letter-spacing:-.035em}
.premium-site .projection-bridge p{font-size:12px;line-height:1.8;color:#ffffffc9;margin:12px 0;max-width:66ch}
.premium-site .projection-bridge ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;padding:0;font-size:10px;color:#fff}
.premium-site .projection-bridge li:before{content:'+';color:var(--acc);margin-right:6px}
.premium-site .projection-bridge .btn{font-size:12px;white-space:nowrap;padding:17px 21px}
.premium-site #pourquoi{padding-top:52px;padding-bottom:52px}
.premium-site #deroulement{padding:46px 0}
.premium-site #deroulement>.container{display:grid;grid-template-columns:.7fr 2fr;gap:24px 48px;align-items:start}
.premium-site #deroulement .section-head{margin:0}
.premium-site #deroulement h2{font-size:30px}
.premium-site #deroulement .process-steps{margin-top:0;gap:24px}
.premium-site #deroulement .step-top{margin-bottom:16px}
.premium-site #deroulement .process-step h3{font-size:14px;margin-bottom:10px}
.premium-site #deroulement .process-playback{grid-column:2;margin-top:0}
@media(max-width:1000px){
 .premium-site .projection-bridge-inner{grid-template-columns:70px 1fr;gap:22px}
 .premium-site .projection-bridge-symbol,.premium-site .projection-bridge-symbol svg{width:65px}
 .premium-site .projection-bridge .btn{grid-column:2;justify-self:start}
 .premium-site #deroulement>.container{grid-template-columns:1fr}
 .premium-site #deroulement .process-playback{grid-column:1}
}
@media(max-width:760px){
 .premium-site div.hero.hero-bloc{min-height:0!important;padding-bottom:40px!important}
 .premium-site #realisations,.premium-site #avis,.premium-site #urgence,.premium-site #pourquoi{padding-top:40px;padding-bottom:40px}
 .premium-site .urg-grille,.premium-site .wa-grille{grid-template-columns:1fr;gap:24px}
 .premium-site .urg-rappel{padding:20px}
 .premium-site .wa-tel{width:100%;max-width:290px;margin:0 auto}
 .premium-site .projection-bridge-inner{grid-template-columns:1fr;gap:18px}
 .premium-site .projection-bridge-symbol{display:none}
 .premium-site .projection-bridge .btn{grid-column:1;width:100%;white-space:normal;justify-content:center}
 .premium-site .projection-bridge ul{display:grid;gap:8px}
 .premium-site #projection-3d.projection-bridge{padding:32px 0;margin-bottom:40px}
 .premium-site #deroulement .process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}
 .premium-site #deroulement .process-step{display:block}
 .premium-site #deroulement .step-top{position:relative;display:flex;flex-direction:row;align-items:center;margin-bottom:16px}
 .premium-site #deroulement .step-track{position:relative;inset:auto;width:auto;min-width:20px;height:3px;flex:1}
 .premium-site #deroulement .step-track>span{transform:scaleX(var(--step-progress,0));transform-origin:left}
 .premium-site #deroulement .step-track>i{left:calc(var(--step-progress,0)*100%);top:50%}
 .premium-site #deroulement .process-step p{font-size:12px}
}

/* Une seule entrée dans les services, sans bandeau de présentation redondant. */
.premium-site #services.savoir-faire.sf-direction-3{padding-top:62px;background:linear-gradient(180deg,#fff 0%,var(--surface-alt) 100%)}
.premium-site #services .svc-head{display:flex;justify-content:space-between;align-items:end;gap:28px;width:100%;max-width:none;margin:0 0 28px;text-align:left}
.premium-site #services .svc-head>div{flex:1;min-width:0;text-align:left}
.premium-site #services .svc-head .eyebrow{justify-content:flex-start;margin:0 0 14px;text-align:left}
.premium-site #services .svc-head h2{margin:0;max-width:780px;text-align:left;font-size:clamp(30px,3.2vw,44px);line-height:1.16}
.premium-site #services .svc-head .sf-tous{position:static;display:inline-flex;align-items:center;gap:12px;flex:none;padding:12px 16px;margin:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--marque);font-size:12px}
.premium-site #services .svc-head .sf-tous.on{border-color:var(--acc);color:var(--marque)}
.premium-site #services .svc-head .sf-tous small{font-size:10px;color:var(--muted)}
.premium-site #services .sf-familles{margin:0 0 24px;padding:0}
.premium-site #services .sf-famille img{aspect-ratio:16/9;height:auto;object-fit:cover}
.premium-site #services .sf-famille-nom{padding:16px 18px;font-size:20px}
.premium-site #services .sf-corps{display:block;padding:28px 30px;box-shadow:0 12px 35px -25px #0002}
.premium-site #services .sf-contenu{width:100%;min-width:0}
.premium-site #services .sf-selection{margin:0 0 18px;font-size:19px;letter-spacing:-.025em;font-weight:600;color:var(--marque)}
.premium-site #services .prest-liste{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
.premium-site #services .sf-navigation{margin-top:18px}
@media(max-width:760px){
 .premium-site #services.savoir-faire.sf-direction-3{padding-top:38px}
 .premium-site #services .svc-head{align-items:start;flex-direction:column;gap:18px;margin-bottom:22px}
 .premium-site #services .svc-head h2{font-size:31px;max-width:100%}
 .premium-site #services .sf-familles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .premium-site #services .sf-famille{grid-column:auto!important;min-width:0}
 .premium-site #services .sf-famille.sf-family-last{grid-column:1/-1!important}
 .premium-site #services .sf-famille-nom{padding:12px;font-size:16px}
 .premium-site #services .sf-corps{padding:22px 18px}
 .premium-site #services .prest-liste{grid-template-columns:1fr}
}

/* Fin de page autonome : FAQ ouverte, formulaire à gauche, infos pratiques en bandeau. */
.premium-site.home-compact-end #faq{background:#fff;padding:68px 0}
.premium-site.home-compact-end #faq .faq-grid{display:block}
.premium-site.home-compact-end #faq .faq-intro{position:static;text-align:center;max-width:740px;margin:0 auto 32px}
.premium-site.home-compact-end #faq .faq-intro .eyebrow{justify-content:center}
.premium-site.home-compact-end #faq .faq-intro h2{margin:0 auto 16px;max-width:none}
.premium-site.home-compact-end #faq .faq-intro .lead{margin:0 auto;max-width:none}
.premium-site.home-compact-end #faq .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:start;background:none;border:0;border-radius:0;padding:0;box-shadow:none}
.premium-site.home-compact-end #faq .faq-row{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;box-shadow:none}
.premium-site.home-compact-end #faq .faq-row summary{padding:22px 0;gap:16px}
.premium-site.home-compact-end #faq .faq-q{font-size:15px;line-height:1.5}
.premium-site.home-compact-end #faq .faq-n{font-size:16px;flex:0 0 24px}
.premium-site.home-compact-end #faq .faq-a{padding:0 32px 22px 40px;font-size:14px}
.premium-site.home-compact-end #contact{background:color-mix(in srgb,var(--acc) 5%,white);padding:64px 0;border-top:1px solid color-mix(in srgb,var(--acc) 12%,white)}
.premium-site.home-compact-end #contact:before,.premium-site.home-compact-end #contact:after{display:none}
.premium-site.home-compact-end .home-contact-heading{margin:0 0 30px;max-width:920px}
.premium-site.home-compact-end .home-contact-heading h2{font-size:clamp(30px,3.4vw,44px);line-height:1.15;max-width:none}
.premium-site.home-compact-end .home-contact-heading .lead{max-width:72ch!important;font-size:14px}
.premium-site.home-compact-end .home-contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:40px;align-items:start}
.premium-site.home-compact-end .home-contact-left{order:2;min-width:0;padding-top:14px}
.premium-site.home-compact-end #contact .home-contact-form{order:1;position:static;width:100%;max-width:none;margin:0;padding:30px;box-shadow:0 14px 40px -28px #0004;border:1px solid var(--line);border-radius:16px;transform:none}
.premium-site.home-compact-end #contact .home-contact-form:before,.premium-site.home-compact-end #contact .home-contact-form:after{display:none}
.premium-site.home-compact-end #contact .home-contact-form .form-kicker,.premium-site.home-compact-end #contact .home-contact-form .form-title{display:none}
.premium-site.home-compact-end #contact .home-contact-form .form-sub{font-size:12px;margin:0 0 24px;font-weight:400}
.premium-site.home-compact-end #contact .home-contact-form .ftxt{min-height:110px}
.premium-site.home-compact-end #contact .ct-aide{margin:0;padding:0;background:none;border:0;box-shadow:none;border-radius:0}
.premium-site.home-compact-end #contact .ct-aide-titre{font-size:11px;line-height:1.7}
.premium-site.home-compact-end #contact .ct-aide-liste li{font-size:13px;padding:14px 0;line-height:1.6}
.premium-site.home-compact-end #contact .ct-photo{margin:24px 0 0;padding:20px;box-shadow:none;border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:16px}
.premium-site.home-compact-end #contact .ct-photo span{font-size:12px}
.premium-site.home-compact-end .cta-final{padding:42px 0;background:#fff;border-top:1px solid var(--line)}
.premium-site.home-compact-end .cta-final .cta-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px;align-items:start}
.premium-site.home-compact-end .cta-final .cta-h{font-size:22px;margin:0 0 16px}
.premium-site.home-compact-end .cta-final .cta-tel-xl{font-size:28px;margin:0 0 6px}
.premium-site.home-compact-end .cta-final .cta-tel-sub{font-size:10px;margin-bottom:18px}
.premium-site.home-compact-end .cta-final .cta-def{margin:0;gap:0}
.premium-site.home-compact-end .cta-final .cta-def>div{padding:9px 0;font-size:12px}
.premium-site.home-compact-end .cta-final .cta-carte{padding:0;border:0;background:none;box-shadow:none;border-radius:0}
.premium-site.home-compact-end .cta-final .cta-carte:after{display:none}
.premium-site.home-compact-end .cta-final .cta-h-head{justify-content:space-between;gap:12px;margin:0 0 14px}
.premium-site.home-compact-end .cta-final .cta-h-grille{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;width:100%;max-width:none}
.premium-site.home-compact-end .cta-final .cta-h-jour{display:flex;justify-content:space-between;gap:10px;padding:10px 0;font-size:12px}
@media(max-width:760px){
 .premium-site.home-compact-end #faq,.premium-site.home-compact-end #contact{padding:44px 0}
 .premium-site.home-compact-end #faq .faq-intro{text-align:left;margin-bottom:18px}
 .premium-site.home-compact-end #faq .faq-intro .eyebrow{justify-content:flex-start}
 .premium-site.home-compact-end #faq .faq-list{grid-template-columns:1fr}
 .premium-site.home-compact-end #faq .faq-row summary{padding:18px 0}
 .premium-site.home-compact-end .home-contact-layout{grid-template-columns:1fr;gap:26px}
 .premium-site.home-compact-end #contact .home-contact-form{padding:22px 18px}
 .premium-site.home-compact-end .home-contact-left{padding:0}
 .premium-site.home-compact-end .cta-final .cta-inner{grid-template-columns:1fr;gap:28px}
 .premium-site.home-compact-end .cta-final .cta-h-grille{grid-template-columns:1fr}
}

.premium-site.home-compact-end #faq>.ps-decor,.premium-site.home-compact-end #contact>.ps-decor{display:none}

/* Urgence en bandeau d’appel, puis photo en invitation centrée : deux rythmes distincts. */
.premium-site #urgence{padding:54px 0;background:var(--marque);isolation:isolate}
.premium-site #urgence:before,.premium-site #urgence:after{display:none}
.premium-site #urgence .urg-grille{display:block}
.premium-site #urgence .urg-txt{max-width:920px;margin:0 auto 30px;text-align:center}
.premium-site #urgence .urg-txt .eyebrow{justify-content:center;margin-bottom:18px}
.premium-site #urgence .urg-txt h2{max-width:920px;margin:0 auto;font-size:clamp(28px,3vw,40px);line-height:1.2}
.premium-site #urgence .urg-txt .lead{max-width:760px;margin:18px auto 22px;color:#ffffffc9}
.premium-site #urgence .urg-points{display:flex;justify-content:center;gap:18px 30px;flex-wrap:wrap;margin:0;padding:0}
.premium-site #urgence .urgent-call-band{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:32px;align-items:center;padding:28px 34px;width:100%;max-width:none;background:var(--acc);color:var(--urgent-ink,#151515);border:0;border-radius:14px;box-shadow:none;text-align:left}
.premium-site #urgence .urgent-availability{display:flex;flex-direction:column;gap:4px;border-right:1px solid color-mix(in srgb,var(--urgent-ink,#151515) 25%,transparent)}
.premium-site #urgence .urgent-availability strong{font-size:64px;font-weight:600;letter-spacing:-.06em;line-height:1}
.premium-site #urgence .urgent-availability strong span{font-size:22px;letter-spacing:-.04em;margin-left:4px}
.premium-site #urgence .urgent-availability>span{font-size:12px;font-weight:500}
.premium-site #urgence .urgent-call-copy h3{font-size:24px;line-height:1.25;margin:0 0 8px;color:var(--urgent-ink,#151515);font-weight:600}
.premium-site #urgence .urgent-call-copy p{font-size:13px;color:var(--urgent-ink,#151515);line-height:1.65;margin:0;max-width:45ch}
.premium-site #urgence .urgent-call-action{display:flex;flex-direction:column;gap:9px;align-items:center}
.premium-site #urgence .urgent-call-action>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.premium-site #urgence .urgent-call-number{display:inline-flex;justify-content:center;gap:12px;padding:20px 24px;background:#fff;color:#151515;border:0;border-radius:9px;white-space:nowrap;font-size:23px;font-weight:600;box-shadow:0 8px 16px -12px #0005;transition:transform .2s,box-shadow .2s}
.premium-site #urgence .urgent-call-number:hover{transform:translateY(-3px);box-shadow:0 12px 22px -12px #0007}
.premium-site #urgence .urgent-call-number svg{width:22px;height:22px;fill:currentColor;flex-shrink:0}
/* Une option de contact rattachée à l’urgence, sans section supplémentaire. */
.premium-site .photo-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:22px 30px;background:#fff;border:0;border-radius:12px;box-shadow:0 10px 30px -22px #0003;color:var(--marque)}
.premium-site .photo-contact-copy{min-width:0}
.premium-site .photo-contact h3{font-size:19px;line-height:1.35;font-weight:600;margin:0 0 6px;color:var(--marque)}
.premium-site .photo-contact p{font-size:12px;line-height:1.65;color:var(--muted);margin:0;max-width:65ch}
.premium-site .photo-contact .wa-actions{display:flex;flex-shrink:0;gap:10px;margin:0}
.premium-site .photo-contact .wa-btn{background:var(--marque);color:#fff;border-radius:8px;box-shadow:none;padding:14px 20px;font-size:12px}
.premium-site .photo-contact .wa-sms{border:1px solid var(--line);border-radius:8px;padding:14px 18px;background:#fff;color:var(--marque);font-size:12px}
.premium-site .photo-contact-standalone{padding-top:20px;padding-bottom:20px}
@media(max-width:760px){
 .premium-site .photo-contact{align-items:stretch;flex-direction:column;gap:16px;padding:20px}
 .premium-site .photo-contact .wa-actions{flex-wrap:wrap}
 .premium-site .photo-contact .wa-btn{flex:1;justify-content:center;padding:14px 12px}
 .premium-site .photo-contact .wa-sms{padding:14px 16px}
}
@media(max-width:900px){
 .premium-site #urgence .urgent-call-band{grid-template-columns:120px minmax(0,1fr);gap:22px;padding:26px}
 .premium-site #urgence .urgent-call-action{grid-column:1/-1;flex-direction:row;justify-content:space-between}
 .premium-site #urgence .urgent-availability strong{font-size:52px}
}
@media(max-width:600px){
 .premium-site #urgence{padding:40px 0}
 .premium-site #urgence .urg-txt{text-align:left;margin-bottom:26px}
 .premium-site #urgence .urg-txt .eyebrow{justify-content:flex-start}
 .premium-site #urgence .urg-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;text-align:left}
 .premium-site #urgence .urgent-call-band{grid-template-columns:85px minmax(0,1fr);gap:20px;padding:24px 20px}
 .premium-site #urgence .urgent-availability strong{font-size:43px}
 .premium-site #urgence .urgent-availability strong span{font-size:16px;margin-left:2px}
 .premium-site #urgence .urgent-availability>span{font-size:10px}
 .premium-site #urgence .urgent-call-copy h3{font-size:19px}
 .premium-site #urgence .urgent-call-copy p{font-size:12px}
 .premium-site #urgence .urgent-call-action{flex-direction:column;gap:10px;align-items:stretch}
 .premium-site #urgence .urgent-call-action>span{text-align:center}
 .premium-site #urgence .urgent-call-number{font-size:21px;padding:17px 12px}
}

/* Fonds continus : chaque section revient au blanc, sans bord séparateur. */
body.premium-site{--section-wash:color-mix(in srgb,var(--marque) 3%,white)}
body.premium-site section.sec:is(#services,#realisations,#avis,#urgence,#photo-whatsapp,#materiaux,#matiere,#projection-3d,#pourquoi,#deroulement,#zones-intervention,#faq,#contact){background:linear-gradient(180deg,#fff 0%,var(--section-wash) 28%,var(--section-wash) 72%,#fff 100%);border-top:0;border-bottom:0;box-shadow:none}
body.premium-site section:is(#photo-whatsapp,#contact,#zones-intervention){--section-wash:color-mix(in srgb,var(--acc) 4%,white)}
body.premium-site #urgence{color:var(--marque)}
body.premium-site #urgence .urg-txt h2{color:var(--marque)}
body.premium-site #urgence .urg-txt .lead,body.premium-site #urgence .urg-txt .eyebrow{color:var(--muted)}
body.premium-site #urgence .urgent-call-band{box-shadow:0 18px 44px -27px color-mix(in srgb,var(--acc) 45%,transparent)}

/* Contraste des textes sur le bandeau d'urgence et l'icône du hero. */
body.premium-site #urgence .urgent-call-band{--urgent-ink:#fff!important;color:#fff}
body.premium-site #urgence .urgent-call-band .urgent-call-copy h3,body.premium-site #urgence .urgent-call-band .urgent-call-copy p,body.premium-site #urgence .urgent-availability,body.premium-site #urgence .urgent-call-action>span{color:#fff}
body.premium-site .hero .hp-rappel svg,body.premium-site .hero .hp-rappel svg path{fill:none!important;stroke:#fff!important}
@media(max-width:760px){body.premium-site .hero .hp-rappel,body.premium-site div.hero.hero-bloc .hp-rappel{display:none!important}}
/* Bandeaux bord à bord ; le contenu garde l’alignement des autres sections. */
body.premium-site section.sec#deroulement{background:var(--marque-fond,var(--marque))}
body.premium-site #deroulement>.container{padding:0;background:transparent;border-radius:0;box-shadow:none}
body.premium-site .cta-block.cta-final{border:0;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--marque) 2%,white) 50%,#fff);box-shadow:none}
body.premium-site .cta-block.cta-final:before,body.premium-site .cta-block.cta-final:after{display:none}
body.premium-site .site-ftr.ftr-clair{border-top:0}
body.premium-site .site-ftr.ftr-clair:not(.ftr-theme-explicite){background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--marque) 4%,white) 140px)}
body.premium-site .hero-coque:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,#fff);pointer-events:none;z-index:3}
@media(max-width:760px){body.premium-site section.sec#deroulement{padding-block:36px}body.premium-site .hero-coque:after{height:34px}}