@property --rayon{syntax:"<percentage>";inherits:false;initial-value:160%}.hero.hero--maison{--pad-haut:clamp(18px,3.2vh,44px);--reserve:104px;--legende-h:70px;--photo-h:min(clamp(360px,calc(100svh - var(--tete) - var(--pad-haut) - var(--reserve) - var(--legende-h)),760px), 50vw );--photo-w:calc(var(--photo-h) * .8);grid-template-columns:minmax(0,1fr) var(--photo-w);grid-template-rows:auto minmax(190px,1fr);grid-template-areas:"texte photo" "carte photo";column-gap:clamp(40px,5.4vw,96px);row-gap:clamp(18px,2.8vh,32px);align-items:stretch;min-height:0;padding:var(--pad-haut) var(--marge) clamp(28px,4.4vh,56px)}.hero--maison .hero__texte{grid-area:texte;gap:clamp(14px,2.5vh,28px)}.hero--maison h1{font-size:clamp(2.5rem,min(4.5vw,7vh),5rem)}.hero--maison .chapo{max-width:52ch;font-size:clamp(1.06rem,1.25vw,1.2rem)}.hero--maison .repere,.hero--maison .bouton{font-size:1.04rem}.hero--maison .repere__nom{display:none}.hero--maison .hero__image{grid-area:photo;align-self:end;display:flex;flex-direction:column;min-width:0}.maison__photo{position:relative;height:var(--photo-h);aspect-ratio:4/5;overflow:hidden;border-radius:3px;background:#17140f}.hero--maison .maison__photo img.maison__calque{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0}.hero--maison .maison__photo img.maison__allume{-webkit-mask-image:radial-gradient(circle at var(--lx,50%) var(--ly,30%),#000 var(--rayon),transparent calc(var(--rayon) + 30%));mask-image:radial-gradient(circle at var(--lx,50%) var(--ly,30%),#000 var(--rayon),transparent calc(var(--rayon) + 30%))}.maison__halo{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle at var(--lx,50%) var(--ly,30%),rgb(255 196 128 / .5),rgb(255 170 96 / .14) 28%,transparent 58%)}.hero--maison .maison__legende,.maison__aide{box-sizing:border-box;height:calc(var(--legende-h) - 12px)}.hero--maison .maison__legende{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:2px}.hero--maison .maison__legende,.maison__aide{letter-spacing:.01em;text-transform:none}.maison__aide{display:block;margin-top:12px;padding-top:10px;border-top:1px solid var(--filet);font:400 1.03rem/1.35 var(--mono);color:var(--texte)}.maison__aide .maison__aide-suite{color:var(--doux)}html:not(.js) .maison__aide-suite{display:none}.maison__carte{grid-area:carte;display:flex;flex-direction:column;min-width:0;min-height:0;max-width:640px}@media(min-width:901px){.maison__carte{container-type:size}.maison__aide{width:min(100cqw,(100cqh - var(--legende-h)) * 648 / 268,640px)}}.maison__cadre{position:relative;flex:1 1 0;min-height:120px;container-type:size}.maison__plan{position:absolute;left:0;bottom:0;width:min(100cqw,100cqh * 648 / 268,640px);aspect-ratio:648/268;color:var(--texte)}.maison__dessin{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.maison__dessin path,.maison__dessin rect,.maison__dessin circle{vector-effect:non-scaling-stroke}.maison__murs path{fill:none;stroke:currentColor;stroke-opacity:.9;stroke-width:4;stroke-linecap:square}.maison__cloisons path{fill:none;stroke:currentColor;stroke-opacity:.6;stroke-width:2;stroke-linecap:square}.maison__terrasse path{fill:none;stroke:currentColor;stroke-opacity:.25;stroke-width:1;stroke-dasharray:none}.maison__terrasse .maison__dalles{stroke-opacity:.12}.maison__vitre{fill:none;stroke:currentColor;stroke-opacity:.32;stroke-width:1}.maison__tableau{fill:var(--fond);stroke:currentColor;stroke-opacity:.75;stroke-width:1.3;transition:stroke .4s var(--courbe)}.hero--maison:has(.maison__fil.trace) .maison__tableau{stroke:var(--accent-grand);stroke-opacity:1}.maison__fil{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1;opacity:0;vector-effect:none}.maison__fil.trace{stroke-dashoffset:0;opacity:1}.maison__lampe{fill:currentColor;fill-opacity:.3;stroke:none;transition:fill .35s var(--courbe),fill-opacity .35s var(--courbe)}.maison__lampe.allumee{fill:var(--accent);fill-opacity:1}.maison__pieces{position:absolute;inset:0;margin:0;padding:0;list-style:none}.maison__piece{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);background:color-mix(in oklab,var(--texte) 4%,transparent)}.maison__piece[data-piece=exterieur]{background:color-mix(in oklab,var(--texte) 2%,transparent)}.maison__piece:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:color-mix(in oklab,var(--accent) 14%,transparent);transition:opacity .55s var(--courbe)}.maison__piece.allumee:before{opacity:1}.maison__nom{position:absolute;left:var(--nx);top:var(--ny);transform:translate(-50%,-50%);white-space:nowrap;font:600 1.04rem/1.2 var(--titre);letter-spacing:-.005em;transition:color .3s var(--courbe);color:color-mix(in oklab,var(--doux) 60%,var(--texte))}.maison__piece.allumee .maison__nom{color:var(--texte)}.maison__etiquette{position:absolute;z-index:1;left:var(--x);top:var(--y);transform:translateY(-50%);pointer-events:none;white-space:nowrap;font:400 1.04rem/1 var(--mono);letter-spacing:.01em;color:var(--doux)}.maison__bouton{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:2px;background:transparent;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .25s var(--courbe)}.maison__bouton:hover{background:color-mix(in oklab,var(--accent) 7%,transparent)}.maison__bouton:hover .maison__nom,.maison__bouton[aria-pressed=true] .maison__nom{color:var(--texte)}.maison__bouton[aria-pressed=true] .maison__nom{font-weight:700}.maison__bouton:focus-visible{outline:2px solid var(--focus);outline-offset:-5px}.maison__rang{display:none}@media(max-width:900px){.hero.hero--maison{--photo-w:min(44%,360px);grid-template-columns:minmax(0,1fr) var(--photo-w);grid-template-rows:auto auto;grid-template-areas:"texte photo" "carte carte";column-gap:clamp(28px,4.6vw,48px);row-gap:clamp(32px,4vw,48px);align-items:start;padding-top:clamp(28px,4vw,48px)}.hero--maison h1{font-size:clamp(2.4rem,5.4vw,3.2rem)}.hero--maison .hero__texte{padding-top:6px}.hero--maison .hero__image{align-self:start}.maison__photo{width:100%;height:auto}.maison__carte{max-width:none}.maison__cadre{flex:none;min-height:0;container-type:normal}.maison__plan{position:relative;width:100%}}@media(max-width:760px){.hero.hero--maison{grid-template-columns:minmax(0,1fr);grid-template-areas:"texte" "photo";row-gap:36px;padding-top:32px}.hero--maison h1{font-size:clamp(2.3rem,10.4vw,3rem);line-height:1}.hero--maison .hero__image{align-self:stretch}.maison__carte{display:none}.hero--maison .maison__legende{height:auto}.js .maison__rang{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px}.maison__rang button{grid-column:span 2;min-height:48px;padding:0 6px;border:1.5px solid var(--accent-grand);border-radius:2px;background:var(--fond);color:var(--texte);font:600 1.04rem/1.1 var(--titre);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .25s var(--courbe),color .25s var(--courbe)}.maison__rang button:nth-child(n+4){grid-column:span 3}.maison__rang button:hover{background:color-mix(in oklab,var(--accent) 9%,transparent)}.maison__rang button[aria-pressed=true]{background:var(--accent);color:var(--sur-accent)}}@media(forced-colors:active){.maison__bouton[aria-pressed=true],.maison__rang button[aria-pressed=true]{forced-color-adjust:none;background:Highlight;color:HighlightText}.maison__rang button{border-color:ButtonText}.maison__fil{stroke:Highlight}}