.town-sculpture{aspect-ratio:1.094;isolation:isolate;--town-ink:#234d69;--town-progress:0;width:100%;position:relative}.town-sculpture__canvas,.town-sculpture__fallback,.town-sculpture__orbit{width:100%;height:100%;position:absolute;inset:0}.town-sculpture__canvas{z-index:2;opacity:0;touch-action:pan-y;transition:opacity .9s}.town-sculpture__canvas canvas{width:100%;height:100%;display:block}.town-sculpture__fallback{z-index:1;object-fit:contain;pointer-events:none;transition:opacity .7s}.town-sculpture--ready .town-sculpture__canvas{opacity:1}.town-sculpture--ready .town-sculpture__fallback{opacity:0}.town-sculpture__orbit{z-index:-1;stroke:var(--town-ink);stroke-width:.7px;opacity:calc(.2 - var(--town-progress) * .12);pointer-events:none}.town-sculpture__shadow{width:66%;height:18%;opacity:calc(.14 - var(--town-progress) * .06);filter:blur(20px);transform:rotate(-4deg) scale(calc(1 - var(--town-progress) * .15));pointer-events:none;background:#52616a;border-radius:50%;position:absolute;top:72%;left:17%}.town-sculpture__label{z-index:3;min-height:44px;color:var(--town-ink);letter-spacing:.025em;background:#fffcf5f0;border:1px solid #234d692e;border-radius:24px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:500;line-height:1.2;text-decoration:none;transition:background .18s,border-color .18s;display:flex;position:absolute;box-shadow:0 5px 18px #1a4e5412,inset 0 1px #fff}.town-sculpture__label:hover{background:#fffdf7;border-color:#234d6973}.town-sculpture__label:focus-visible{outline:2px solid var(--town-ink);outline-offset:4px}.town-sculpture__label span{background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #234d6914}.town-sculpture__label:after{content:"";background:linear-gradient(var(--town-ink), transparent);opacity:.35;width:1px;height:31px;position:absolute;top:100%;left:50%}.town-sculpture__label--mairie{transform:translateY(calc(var(--town-progress) * -8px));top:9%;left:42%}.town-sculpture__label--commerces{transform:translateY(calc(var(--town-progress) * 22px));top:48%;left:1%}.town-sculpture__label--habitants{transform:translateY(calc(var(--town-progress) * 12px));bottom:23%;right:1%}.town-sculpture__mode{z-index:3;color:#335b63;height:30px;font:500 12px/1.4 var(--sans,sans-serif);letter-spacing:.01em;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:4%;right:4%}.town-sculpture__mode i{background:#257f85;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 4px #25808512}.town-sculpture__mode-cadastre,.town-sculpture__mode-digital,.town-sculpture[data-town-stage=cadastre] .town-sculpture__mode-real{display:none}.town-sculpture[data-town-stage=cadastre] .town-sculpture__mode-cadastre{display:inline}.town-sculpture[data-town-stage=digital] .town-sculpture__mode-real{display:none}.town-sculpture[data-town-stage=digital] .town-sculpture__mode-digital{display:inline}.town-sculpture__chapters{gap:5px;margin-left:auto;margin-right:4%;display:flex}.town-sculpture__chapters b{background:#c4ccc6;width:17px;height:2px}.town-sculpture__chapters b:first-child{background:#3f6570}.town-sculpture[data-town-stage=cadastre] .town-sculpture__chapters b:first-child,.town-sculpture[data-town-stage=digital] .town-sculpture__chapters b:first-child{background:#c4ccc6}.town-sculpture[data-town-stage=cadastre] .town-sculpture__chapters b:nth-child(2){background:#92764c}.town-sculpture[data-town-stage=digital] .town-sculpture__chapters b:nth-child(3){background:#18858e}.town-sculpture[data-town-stage=cadastre] .town-sculpture__mode>i{background:#92764c;box-shadow:0 0 0 4px #92764c12}.town-sculpture__motion{z-index:4;width:44px;height:44px;color:var(--town-ink);cursor:pointer;background:#fffcf5c7;border:1px solid #234d6938;border-radius:50%;place-items:center;padding:0;transition:background .18s,transform .18s;display:grid;position:absolute;bottom:8%;right:7%}.town-sculpture__motion svg{width:16px;height:16px}.town-sculpture__motion:hover{background:#fffdf7;transform:scale(1.06)}.town-sculpture__motion:focus-visible{outline:2px solid var(--town-ink);outline-offset:4px}@media (max-width:600px){.town-sculpture__label{gap:7px;padding:8px 10px;font-size:12px}.town-sculpture__label--mairie{top:10%;left:40%}.town-sculpture__label--commerces{left:0}.town-sculpture__label--habitants{bottom:32%;right:0}.town-sculpture__motion{width:44px;height:44px;bottom:3%;right:4%}.town-sculpture__mode{display:none}}@media (prefers-reduced-motion:reduce){.town-sculpture__canvas,.town-sculpture__fallback,.town-sculpture__motion{transition:none}.town-sculpture__motion{display:none}}