[data-page=realisation-rooftop-les-reformes] .rf-back{color:#0d0d0da6;align-items:center;gap:.5em;min-height:44px;margin-bottom:1.4rem;font-size:.9rem;font-weight:600;transition:color .3s;display:inline-flex}[data-page=realisation-rooftop-les-reformes] .rf-back:hover{color:var(--ink)}[data-page=realisation-rooftop-les-reformes] .rf-back span:first-child{transition:transform .3s var(--e-quint);display:inline-block}[data-page=realisation-rooftop-les-reformes] .rf-back:hover span:first-child{transform:translate(-4px)}[data-page=realisation-rooftop-les-reformes] .rf-dark{background:var(--ink);padding:clamp(3.5rem,7vw,6rem) 0;position:relative;overflow:clip}[data-page=realisation-rooftop-les-reformes] .rf-dark:before{content:"";pointer-events:none;background:radial-gradient(60% 40% at 12% 28%,#7b61ff29,#0000 60%);position:absolute;inset:0}[data-page=realisation-rooftop-les-reformes] .rf-dark .wrap{position:relative}[data-page=realisation-rooftop-les-reformes] .rf-dark .sec-label{color:#f5efde9e}[data-page=realisation-rooftop-les-reformes] .rf-dark .sec-h2{color:var(--cream)}[data-page=realisation-rooftop-les-reformes] .rf-dark .sec-label .ast use,[data-page=realisation-rooftop-les-reformes] .rf-tale .sec-label .ast use,[data-page=realisation-rooftop-les-reformes] .rf-cta .sec-label .ast use{fill:currentColor}[data-page=realisation-rooftop-les-reformes] .rf-face-grid{grid-template-columns:minmax(0,300px) 2px minmax(0,1fr);align-items:center;gap:clamp(1.3rem,3.4vw,2.9rem);margin-top:clamp(2rem,4vw,3rem);display:grid}[data-page=realisation-rooftop-les-reformes] .rf-face-rule{background:linear-gradient(#0000,#7b61ffd9 16%,#c24cf6eb 50%,#ff8a00d9 84%,#0000);border-radius:2px;align-self:stretch;min-height:220px;box-shadow:0 0 26px -6px #c24cf699}[data-page=realisation-rooftop-les-reformes] .rf-place{flex-direction:column;gap:.7rem;margin:0;display:flex;position:relative}[data-page=realisation-rooftop-les-reformes] .rf-place .seam-tape{--tr:-3deg;z-index:2;top:-9px;left:50%}[data-page=realisation-rooftop-les-reformes] .rf-place video{aspect-ratio:608/1080;object-fit:cover;background:#111;border:1px solid #f5efde24;border-radius:18px;width:100%;box-shadow:0 34px 74px -28px #000000b8}[data-page=realisation-rooftop-les-reformes] .rf-site{flex-direction:column;gap:.7rem;min-width:0;margin:0;display:flex}[data-page=realisation-rooftop-les-reformes] .rf-face-cap{font-family:var(--font-caveat);font-size:clamp(1.15rem,1.9vw,1.45rem);font-weight:600;line-height:1.05}[data-page=realisation-rooftop-les-reformes] .rf-face-cap--place{color:var(--orange);transform:rotate(-1.6deg)}[data-page=realisation-rooftop-les-reformes] .rf-face-cap--site{color:#b9a6ff;transform:rotate(-1deg)}[data-page=realisation-rooftop-les-reformes] .rf-face-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.1rem;margin-top:clamp(1.8rem,3.5vw,2.6rem);display:flex}[data-page=realisation-rooftop-les-reformes] .rf-face-foot .marker{color:var(--cream);opacity:.84;max-width:40ch;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.2}[data-page=realisation-rooftop-les-reformes] .rf-browser{border-radius:14px;overflow:hidden;box-shadow:0 40px 90px -30px #0009}[data-page=realisation-rooftop-les-reformes] .rf-browser-bar{background:#1c1c1c;align-items:center;gap:.4em;padding:.65em 1em;display:flex}[data-page=realisation-rooftop-les-reformes] .rf-browser-bar i{background:#f5efde47;border-radius:50%;width:9px;height:9px}[data-page=realisation-rooftop-les-reformes] .rf-browser-bar em{color:#f5efde99;letter-spacing:.02em;margin-left:.6em;font-size:.78rem;font-style:normal}[data-page=realisation-rooftop-les-reformes] .rf-browser video{aspect-ratio:1280/800;background:#111;width:100%;display:block}[data-page=realisation-rooftop-les-reformes] .rf-visit{color:var(--cream);border:1.6px solid #f5efde66;border-radius:100px;align-items:center;gap:.55em;min-height:44px;padding:.6em 1.3em;font-size:.9rem;font-weight:600;transition:background .35s,color .35s,border-color .35s;display:inline-flex}[data-page=realisation-rooftop-les-reformes] .rf-visit:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}[data-page=realisation-rooftop-les-reformes] .rf-tale{background:var(--cream);padding:clamp(3.5rem,7vw,6rem) 0}[data-page=realisation-rooftop-les-reformes] .rf-tale-lead{font-family:var(--font-instrument-serif);letter-spacing:.01em;max-width:22ch;color:var(--ink);margin-top:.5rem;font-size:clamp(1.5rem,3vw,2.35rem);font-style:italic;line-height:1.22}[data-page=realisation-rooftop-les-reformes] .rf-tale-body{flex-direction:column;gap:1.15rem;max-width:62ch;margin-top:clamp(1.5rem,3vw,2.3rem);display:flex}[data-page=realisation-rooftop-les-reformes] .rf-tale-body p{color:#0d0d0dd1;font-size:clamp(1.02rem,.5vw + .95rem,1.18rem);line-height:1.62}[data-page=realisation-rooftop-les-reformes] .rf-tale-body strong{color:var(--ink);font-weight:700}[data-page=realisation-rooftop-les-reformes] .rf-did-grid{grid-template-columns:1.05fr .95fr;align-items:start;gap:clamp(2rem,4.5vw,4rem);margin-top:clamp(2rem,4vw,2.8rem);display:grid}[data-page=realisation-rooftop-les-reformes] .rf-pills{flex-direction:column;gap:.9rem;display:flex}[data-page=realisation-rooftop-les-reformes] .rf-pill{color:var(--cream);transition:border-color .3s,background .3s,transform .35s var(--e-quint);border:1.5px solid #f5efde38;border-radius:14px;align-items:baseline;gap:1em;padding:1.1rem 1.3rem;display:flex}[data-page=realisation-rooftop-les-reformes] .rf-pill:hover{background:#f5efde0d;border-color:#f5efde80;transform:translate(5px)}[data-page=realisation-rooftop-les-reformes] .rf-pill b{font-family:var(--font-archivo);background:var(--grad-soft);color:#0000;-webkit-background-clip:text;background-clip:text;flex:none;font-size:.78rem;font-weight:900}[data-page=realisation-rooftop-les-reformes] .rf-pill span{min-width:0;display:block}[data-page=realisation-rooftop-les-reformes] .rf-pill strong{font-size:1.06rem;font-weight:700;display:block}[data-page=realisation-rooftop-les-reformes] .rf-pill em{color:#f5efde9e;margin-top:.18rem;font-size:.88rem;font-style:normal;display:block}[data-page=realisation-rooftop-les-reformes] .rf-bridge{background:#f5efde0a;border:1.5px solid #f5efde33;border-radius:16px;flex-direction:column;align-self:start;gap:.95rem;padding:clamp(1.4rem,2.6vw,1.9rem);display:flex}[data-page=realisation-rooftop-les-reformes] .rf-bridge-eyebrow{font-family:var(--font-instrument-serif);color:var(--orange);font-size:1.12rem;font-style:italic}[data-page=realisation-rooftop-les-reformes] .rf-bridge p{color:#f5efdecc;font-size:1rem;line-height:1.58}[data-page=realisation-rooftop-les-reformes] .rf-story{color:var(--cream);border-bottom:1.5px solid #f5efde59;align-items:center;gap:.6em;width:fit-content;padding-bottom:.2em;font-weight:600;transition:border-color .3s;display:inline-flex}[data-page=realisation-rooftop-les-reformes] .rf-story:hover{border-color:var(--violet)}[data-page=realisation-rooftop-les-reformes] .rf-story .arrow{transition:transform .3s var(--e-quint);display:inline-block}[data-page=realisation-rooftop-les-reformes] .rf-story:hover .arrow{transform:translate(4px)}[data-page=realisation-rooftop-les-reformes] .rf-cta{background:var(--cream);text-align:center;padding:clamp(3.5rem,7vw,5.5rem) 0 clamp(2.5rem,5vw,4rem)}[data-page=realisation-rooftop-les-reformes] .rf-cta .sec-h2{margin-inline:auto}[data-page=realisation-rooftop-les-reformes] .rf-cta-row{flex-wrap:wrap;justify-content:center;gap:1.1rem;margin-top:2rem;display:flex}@media (max-width:900px){[data-page=realisation-rooftop-les-reformes] .rf-did-grid{grid-template-columns:1fr;gap:2rem}[data-page=realisation-rooftop-les-reformes] .rf-face-grid{grid-template-columns:1fr;gap:1.7rem}[data-page=realisation-rooftop-les-reformes] .rf-face-rule{display:none}[data-page=realisation-rooftop-les-reformes] .rf-place{text-align:center;align-items:center}[data-page=realisation-rooftop-les-reformes] .rf-place video{max-width:360px;max-height:none;margin-inline:auto}[data-page=realisation-rooftop-les-reformes] .rf-face-cap--place,[data-page=realisation-rooftop-les-reformes] .rf-face-cap--site{align-self:center}}