:root{--studio-cote:#8f5320}.st-ouverture{column-gap:var(--g);min-height:100svh;padding:150px var(--m) 72px;grid-template-columns:repeat(12,minmax(0,1fr));align-content:end;display:grid}.st-ouverture>.cote{grid-column:1/-1}.st-ouverture h1{letter-spacing:-.02em;grid-column:1/-1;margin-top:18px;font-size:clamp(96px,19vw,320px);line-height:.82}.st-these{grid-column:1/8;margin-top:48px;font-size:clamp(28px,3.1vw,50px);line-height:1.04}.st-chapo{grid-column:9/13;align-self:end;gap:18px;display:grid}.st-chapo p:first-child{font-size:16px;line-height:1.6}.st-tete{gap:20px;max-width:760px;display:grid}.st-tete h2{font-size:clamp(40px,4.6vw,76px);line-height:.96}.st-tete>p:not(.cote){max-width:520px;font-size:17px;line-height:1.55}.sp{border-top:1px solid #12111026;height:520svh;position:relative}.sp-scene{height:100svh;padding:96px var(--m) 48px;grid-template-rows:auto minmax(0,1fr);gap:40px;display:grid;position:sticky;top:0;overflow:hidden}.sp-stage{min-height:0;position:relative}.sp-plan{position:absolute;inset:0}.sp-datum{background:var(--basalte);transform-origin:0;width:100%;height:1.5px;position:absolute;top:0;left:0;transform:scaleX(0)}.sp-calque{color:var(--basalte);transform-origin:0 0;transition:opacity .45s var(--ease-seuil);position:absolute;top:0;left:0}.sp-cotes{opacity:0;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.sp-cote{opacity:0;transition:opacity .45s var(--ease-seuil)}.sp-cote path{fill:none;stroke:var(--studio-cote);stroke-width:1.5px;vector-effect:non-scaling-stroke}.sp-cote text{font-family:var(--font-mono);letter-spacing:.02em;fill:var(--studio-cote);paint-order:stroke;stroke:var(--chaux);stroke-width:8px;stroke-linejoin:round;font-size:34px}.sp-cote .sp-cote-nom{text-transform:uppercase;letter-spacing:.04em;font-size:18px}.sp-stage[data-actif] .sp-calque{opacity:.12}.sp-stage[data-actif=impluvium] .sp-calque[data-id=impluvium],.sp-stage[data-actif=patio] .sp-calque[data-id=patio],.sp-stage[data-actif=loggia] .sp-calque[data-id=loggia],.sp-stage[data-actif=rampe] .sp-calque[data-id=rampe]{opacity:1}.sp-stage[data-actif=tous] .sp-calque{opacity:.22}.sp-stage[data-actif=superpose] .sp-calque{opacity:.45}.sp-stage[data-actif=impluvium] .sp-cote[data-id=impluvium]:not([data-toutes]),.sp-stage[data-actif=patio] .sp-cote[data-id=patio]:not([data-toutes]),.sp-stage[data-actif=loggia] .sp-cote[data-id=loggia]:not([data-toutes]),.sp-stage[data-actif=rampe] .sp-cote[data-id=rampe]:not([data-toutes]),.sp-stage[data-actif=tous] .sp-cote[data-toutes]{opacity:1}.sp-noms{list-style:none}.sp-nom{position:absolute;top:0;left:0}.sp-nom a{gap:8px;display:grid}.sp-nom .d{font-size:clamp(26px,2.2vw,38px);line-height:1}.sp-entree{opacity:.8;font-size:15px}.sp-nom a:hover .d,.sp-nom a:focus-visible .d{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.sp-lectures{width:33%;position:absolute;top:0;bottom:0;right:0}.sp-lecture{opacity:0;visibility:hidden;transition:opacity .45s var(--ease-seuil), transform .45s var(--ease-seuil), visibility 0s linear .45s;justify-items:start;gap:14px;display:grid;position:absolute;top:0;left:0;right:0;transform:translateY(14px)}.sp-stage[data-actif=impluvium] .sp-lecture[data-id=impluvium],.sp-stage[data-actif=patio] .sp-lecture[data-id=patio],.sp-stage[data-actif=loggia] .sp-lecture[data-id=loggia],.sp-stage[data-actif=rampe] .sp-lecture[data-id=rampe],.sp-stage[data-actif=tous] .sp-fin{opacity:1;visibility:visible;transition:opacity .45s var(--ease-seuil), transform .45s var(--ease-seuil), visibility 0s;transform:none}.sp-lecture h3{font-size:clamp(34px,3.2vw,52px);line-height:1}.sp-lecture dl{gap:12px;margin:6px 0 4px;display:grid}.sp-lecture dl div{border-top:1px solid #12111033;gap:6px;padding-top:10px;display:grid}.sp-lecture dd{font-size:15px;line-height:1.55}.sp-fin{font-size:clamp(24px,2.2vw,34px);line-height:1.15}.spf{padding:130px var(--m) 120px;border-top:1px solid #12111026}.spf-dessin{max-width:980px;margin-top:56px}.spf .sp-plan{aspect-ratio:1000/660;position:relative}.spf .sp-calque,.spf .sp-cotes{width:100%}.spf .sp-cotes{opacity:1}.spf .sp-datum{top:75.76%;transform:none}.spf .sp-fin{margin-top:24px}.spf-lectures{gap:44px var(--g);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:64px;display:grid}.spf-lecture{align-content:start;justify-items:start;gap:12px;display:grid}.spf-lecture h3{font-size:clamp(28px,2.4vw,40px)}.spf-lecture dl{gap:10px;display:grid}.spf-lecture dd{font-size:15px;line-height:1.55}.st-methode{padding:130px var(--m) 120px;background:var(--pierre)}.st-etapes{gap:44px var(--g);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:70px;list-style:none;display:grid}.st-etapes li{border-top:1px solid #1211104d;align-content:start;gap:14px;padding-top:18px;display:grid}.st-etapes h3{font-size:clamp(26px,2.2vw,34px)}.st-etapes p{font-size:15px;line-height:1.6}.st-vrai{padding:130px var(--m) 120px;background:var(--basalte);color:var(--chaux)}.st-vrai h2{max-width:900px;font-size:clamp(40px,4.6vw,76px);line-height:.96}.st-colonnes{gap:44px var(--g);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:64px;display:grid}.st-colonnes h3{border-bottom:1px solid #e7e4de4d;padding-bottom:14px}.st-colonnes ul{gap:12px;margin-top:18px;list-style:none;display:grid}.st-colonnes li{font-size:17px;line-height:1.5}.st-informations{padding-top:0}.st-colophon{column-gap:var(--g);padding:110px var(--m) 90px;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.st-colophon h2{grid-column:1/4}.st-colophon dl{gap:26px var(--g);grid-column:4/13;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.st-colophon dl div{border-top:1px solid #12111033;gap:8px;padding-top:12px;display:grid}.st-colophon dd{font-size:15px;line-height:1.55}.st-contact{padding:90px var(--m) 120px;border-top:1px solid #12111026;justify-items:start;gap:18px;display:grid}.st-contact h2{font-size:clamp(34px,5.4vw,92px);line-height:1}.st-contact p:last-child{opacity:.8;max-width:520px;font-size:14px;line-height:1.55}@media (width<=899px){.sp{height:auto}.sp-scene{height:auto;padding:90px var(--m) 72px;display:block;position:static;overflow:visible}.sp-stage{margin-top:32px}.sp-plan{z-index:2;height:calc((100vw - 2 * var(--m)) * .66 + 24px);background:var(--chaux);position:sticky;top:0}.sp-calque,.sp-cotes{width:100%;top:12px}.sp-cotes{opacity:1}.sp-datum{top:calc(12px + (100vw - 2 * var(--m)) * .66 * .7576);transform:none}.sp-noms{display:none}.sp-lectures{width:auto;position:static}.sp-lecture{opacity:1;visibility:visible;border-top:1px solid #12111026;min-height:56svh;padding:30px 0 36px;position:static;transform:none}.sp-fin{min-height:0}.spf-lectures{grid-template-columns:1fr;gap:48px}.st-ouverture{min-height:0;padding:130px var(--m) 64px;display:block}.st-ouverture h1{font-size:clamp(88px,27vw,140px)}.st-these{margin-top:36px;font-size:27px}.st-chapo{margin-top:32px}.st-methode,.st-vrai{padding:90px var(--m) 84px}.st-etapes{grid-template-columns:1fr;gap:48px;margin-top:48px}.st-colonnes{grid-template-columns:1fr;margin-top:44px}.st-colophon{padding:80px var(--m) 64px;display:block}.st-colophon dl{grid-template-columns:1fr;margin-top:28px}.st-contact{padding:72px var(--m) 90px}.st-contact h2{font-size:clamp(30px,9vw,44px)}}
