:root{--loggia-brume:#dfe3e3;--loggia-lac:#7f98a0}.lo-credit,.tv-credit{letter-spacing:.03em;opacity:.7;font-size:11px}.lo-credit a,.tv-credit a{text-underline-offset:2px;text-decoration:underline}.ou{background:#c9d4d9;height:100svh;min-height:600px;position:relative;overflow:hidden}.ou-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ou-texte{z-index:2;left:var(--m);max-width:640px;color:var(--basalte);position:absolute;top:17svh}.ou-texte h1{margin-top:20px;font-size:clamp(60px,9vw,156px);line-height:.9}.ou-entree{margin-top:16px;font-size:clamp(24px,2.2vw,34px)}.ou-chapo{max-width:400px;margin-top:26px;font-size:16px;line-height:1.55}.ou-elevation{z-index:1;width:52vw;position:absolute;top:calc(75.5% - 7.8vw);left:41vw;overflow:visible}.ou-sol,.ou-vitre{fill:none;stroke:#f3f0e9;stroke-width:1px;vector-effect:non-scaling-stroke}.ou-vitre{opacity:.45}.ou-plein{fill:#f3f0e9;fill-opacity:.92}.ou-oeil{fill:none;stroke:#f3f0e9;stroke-width:1px;stroke-dasharray:6 6;vector-effect:non-scaling-stroke;opacity:.8}.ou-elevation text{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;fill:#f3f0e9;font-size:34px}.ou-passer,.ou-credit{z-index:2;color:var(--chaux);position:absolute;bottom:30px}.ou-passer{left:var(--m)}.ou-credit{right:var(--m)}.ar{column-gap:var(--g);padding:150px var(--m) 140px;background:var(--chaux);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.ar-tete{grid-column:1/8}.ar-tete h2,.vo-tete h2,.ca-tete h2,.lm-tete h2{margin-top:18px;font-size:clamp(44px,5vw,80px);line-height:.95}.ar-texte,.ca-texte,.lm-texte{max-width:520px;margin-top:28px;font-size:17px;line-height:1.55}.ar-dessin{grid-column:1/9;align-self:end;margin-top:70px}.ar-dessin figcaption{margin-top:14px}.ar-coupe{width:100%;height:auto;display:block}.ar-terre{fill:#d4cec4}.ar-trait,.ar-sol{fill:none;stroke:var(--basalte);stroke-width:1.2px;vector-effect:non-scaling-stroke}.ar-plein{fill:var(--basalte)}.ar-vitre{stroke:var(--loggia-lac);stroke-width:2px;vector-effect:non-scaling-stroke}.ar-eau{fill:var(--loggia-lac);fill-opacity:.6}.ar-escalier{fill:none;stroke:var(--basalte);stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.ar-vue{fill:none;stroke:var(--loggia-lac);stroke-width:1px;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}.ar-vue--forte{stroke:var(--basalte)}.ar-oeil{fill:var(--basalte)}.ar-coupe text{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;fill:var(--basalte);font-size:11px}.ar-photo{grid-area:1/10/3/13;align-self:end}.ar-photo img{aspect-ratio:3/4;object-fit:cover;width:100%}.ar-photo figcaption{margin-top:12px}.tv{background:#c9d4d9;height:420svh;position:relative}.tv-scene{height:100svh;position:sticky;top:0;overflow:hidden}.tv-gl{width:100%;height:100%;position:absolute;inset:0}.tv-repere{z-index:2;right:var(--m);color:var(--basalte);position:absolute;top:26px}.tv-passer{z-index:2;left:var(--m);color:var(--basalte);font-size:13px;position:absolute;top:22px}.tv-legendes{z-index:2;left:var(--m);width:min(440px,36vw);list-style:none;position:absolute;bottom:6svh}.tv-legende{color:var(--basalte);background:#e7e4def0;gap:10px;padding:22px 24px 24px;display:grid;position:absolute;bottom:0;left:0;right:0}.tv-legende h2{font-size:clamp(30px,2.8vw,44px);line-height:1}.tv-legende p:last-child{font-size:15px;line-height:1.5}.tv-credit{z-index:2;right:var(--m);max-width:372px;color:var(--basalte);text-align:right;opacity:1;background:#e7e4ded1;padding:5px 9px;position:absolute;bottom:22px}.tf{padding:120px var(--m) 60px;background:var(--chaux)}.tf-etapes{gap:60px var(--g);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.tf-etapes li{align-content:start;gap:10px;display:grid}.tf-etapes canvas{aspect-ratio:16/10;width:100%;margin-bottom:8px}.tf-etapes h2{font-size:clamp(30px,2.8vw,44px)}.tf .tv-credit{max-width:none;color:var(--basalte);text-align:left;background:0 0;margin-top:40px;padding:0;position:static}.vo{column-gap:var(--g);padding:150px var(--m) 140px;background:var(--loggia-brume);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.vo-tete{grid-column:1/8}.vo-parties{flex-wrap:wrap;grid-column:1/13;gap:8px;margin-top:44px;display:flex}.vo-parties button{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border:1px solid #12111047;border-radius:999px;padding:9px 15px;font-size:11px;transition:background-color .25s,color .25s,border-color .25s}.vo-parties button:hover{border-color:var(--basalte)}.vo-parties button[aria-pressed=true]{border-color:var(--basalte);background:var(--basalte);color:var(--chaux)}.vo-texte{grid-column:1/8;max-width:620px;min-height:3.2em;margin-top:26px;font-size:18px;line-height:1.5}.vo-dessin{margin-top:50px}.vo-dessin--plan{grid-column:1/6}.vo-dessin--coupe{grid-column:6/13;align-self:end}.vo-dessin figcaption{margin-top:12px}.vo-plan,.vo-coupe{width:100%;height:auto;display:block;overflow:visible}.vo-piece{fill:#eef0ef;stroke:var(--basalte);stroke-width:1px;vector-effect:non-scaling-stroke}.vo-pierre{fill:#d8d2c7;stroke:var(--basalte);stroke-width:1px;vector-effect:non-scaling-stroke}[data-part=bassin]{fill:var(--loggia-lac);fill-opacity:.55}.vo-plein{fill:var(--basalte)}.vo-trait,.vo-sol{fill:none;stroke:var(--basalte);stroke-width:1.2px;vector-effect:non-scaling-stroke}.vo-vitre{fill:none;stroke:var(--loggia-lac);stroke-width:2.5px;vector-effect:non-scaling-stroke}.vo-toit{fill:none;stroke:var(--basalte);stroke-width:1.2px;stroke-dasharray:8 6;vector-effect:non-scaling-stroke}.vo-coupe [data-part=toit]{fill:var(--basalte)}.vo-vu{fill:none;stroke:var(--basalte);stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke;opacity:.6}.vo-terre{fill:#cfc9bf}.vo-horizon{fill:none;stroke:var(--basalte);stroke-width:1px;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}.vo-plan text,.vo-coupe text{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;fill:var(--basalte);font-size:11px}.vo-plan .on,.vo-coupe .on{--allume:var(--loggia-lac)}.vo-plan .on .vo-plein,.vo-coupe .on .vo-plein,.vo-plan .on.vo-plein,.vo-coupe [data-part=toit].on{fill:#3f6a78}.vo-plan .on .vo-piece,.vo-coupe .on .vo-piece,.vo-plan .on .vo-pierre,.vo-coupe .on .vo-sol{fill:#bfd0d4;stroke:#3f6a78;stroke-width:2px}.vo-plan [data-part=bassin].on,.vo-coupe [data-part=bassin].on{fill:#3f6a78;fill-opacity:.85}.vo-toit.on{stroke:#3f6a78;stroke-width:2.5px}.vo-coupe .on .vo-vu,.vo-coupe .on .vo-horizon{stroke:#3f6a78;stroke-width:2px;opacity:1}.vo-coupe [data-part=horizon] circle{fill:var(--basalte)}.ca{padding:150px var(--m) 150px;background:var(--chaux)}.ca-tete{max-width:720px}.ca-rangee{--s:calc((100vw - 2 * var(--m) - 3 * 48px) / 11.9);align-items:flex-end;gap:48px;margin-top:80px;list-style:none;display:flex}.ca-ouverture{width:calc(var(--l) * var(--s));gap:8px;display:grid}.ca-baie{height:calc(var(--h) * var(--s));margin-bottom:calc(var(--allege) * var(--s));overflow:hidden}.ca-baie img{object-fit:cover;width:100%;height:100%}.ca-ouverture .cote{border-top:1px solid var(--basalte);padding-top:12px}.ca-ouverture .lo-credit{min-height:2.6em}.ca-sol{opacity:.7;margin-top:26px}.lm{padding:140px var(--m) 140px;background:var(--loggia-brume)}.lm-tete{max-width:720px}.lm-liste{gap:40px var(--g);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:64px;list-style:none;display:grid}.lm-liste li{align-content:start;gap:8px;display:grid}.lm-liste img{aspect-ratio:4/5;object-fit:cover;width:100%;margin-bottom:10px}.lm-liste h3{font-size:28px}.lm-liste p:not(.cote):not(.lo-credit){font-size:15px;line-height:1.5}.ls{height:100svh;min-height:560px;color:var(--chaux);background:#2b3438;position:relative;overflow:hidden}.ls-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ls:after{content:"";background:linear-gradient(#12111000 45%,#12111080 100%);position:absolute;inset:0}.ls-texte{z-index:2;left:var(--m);position:absolute;bottom:12svh}.ls-texte h2{margin-top:18px;font-size:clamp(46px,6.6vw,112px);line-height:.92}.ls-credit{z-index:2;right:var(--m);position:absolute;bottom:30px}.lf{column-gap:var(--g);padding:130px var(--m) 110px;background:var(--chaux);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.lf-tete{grid-column:1/5}.lf-tete h2{margin-top:16px;font-size:clamp(40px,4vw,60px)}.lf-statut{opacity:.85;max-width:340px;margin-top:22px;font-size:14px;line-height:1.55}.lf-donnees{gap:26px var(--g);grid-column:6/13;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lf-donnees div{border-top:1px solid #12111033;gap:8px;padding-top:12px;display:grid}.lf-donnees dd{font-size:15px;line-height:1.5}@media (width<=899px){.ou-texte{right:var(--m);top:13svh}.ou-texte h1{font-size:clamp(52px,15vw,76px)}.ou-entree{font-size:22px}.ou-chapo{font-size:15px}.ou-elevation{width:92vw;top:calc(75.5% - 13.8vw);left:4vw}.ou-elevation text{display:none}.ou-credit{left:var(--m);font-size:10px;bottom:12px;right:auto}.ou-passer{bottom:40px}.ar,.vo,.lf{padding:96px var(--m) 96px;display:block}.ar-dessin{margin:48px calc(-1 * var(--m)) 0}.ar-defile{overflow-x:auto}.ar-coupe{width:900px;padding:0 var(--m)}.ar-dessin figcaption{padding:0 var(--m)}.ar-photo{margin-top:48px}.tv{height:380svh}.tv-legendes{right:var(--m);width:auto;bottom:5svh}.tv-legende{background:0 0;padding:0}.tv-legende h2{font-size:32px}.tv-legende p:last-child{font-size:14px}.tv-credit{left:var(--m);right:var(--m);max-width:none;color:var(--basalte);text-align:left;opacity:.7;background:0 0;padding:0;font-size:10px;top:54px;bottom:auto}.tf{padding:72px var(--m) 40px}.tf-etapes{grid-template-columns:1fr;gap:48px}.tf-etapes canvas{aspect-ratio:3/4}.vo-parties{margin-top:32px}.vo-dessin{margin-top:36px}.ca,.lm{padding:96px var(--m) 96px}.ca-rangee{--s:calc((100vw - 2 * var(--m) - 24px) / 8.5);flex-wrap:wrap;gap:36px 24px;margin-top:48px}.lm-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 14px}.lm-liste h3{font-size:22px}.lf-donnees{grid-template-columns:1fr;margin-top:40px}}
