/* Real configurator film, interactive angle sweep and compact inspiration gallery. */
#atelier,#connaissances,#definition,#univers{scroll-margin-top:120px}
#atelier .shell{position:relative}
#atelier .section-anchor{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
#atelier .section-title{max-width:980px;margin-bottom:32px}
#atelier .configurator-film{margin:0;background:#080e18;border:1px solid #294c48;border-radius:16px;overflow:hidden;box-shadow:0 24px 65px #071b1824}
#atelier .configurator-film-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;color:#dcece8;font-size:13px}
#atelier .configurator-film-bar>span:first-child{display:flex;align-items:center;gap:10px}
#atelier .configurator-film-bar i{width:7px;height:7px;border-radius:50%;background:#55e6d5;box-shadow:0 0 13px #55e6d566}
#atelier .configurator-film-bar>span:last-child{color:#91b4ae;font-variant-numeric:tabular-nums}
#atelier video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#080e18}
#atelier .configurator-film figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:13px 22px;color:#a8c2bd;font-size:12px;line-height:1.5}
#atelier [data-configurator-play],.angle-toggle{font:inherit;font-size:12px;border:1px solid #526e68;border-radius:30px;background:transparent;color:inherit;min-height:36px;padding:7px 14px;cursor:pointer}
#atelier [data-configurator-play]:focus-visible,.angle-toggle:focus-visible{outline:3px solid #1bafa2;outline-offset:3px}
#atelier .configurator-invitation{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;margin-top:34px;padding-top:28px;border-top:1px solid var(--section-line)}
#atelier .configurator-invitation h3{font-size:30px;line-height:1.15;margin:0 0 10px}
#atelier .configurator-invitation p{max-width:650px;font-size:17px;margin:0}
#atelier .configurator-cta{display:grid;gap:10px;justify-items:start}
#atelier .configurator-cta .button{gap:18px;white-space:normal;text-align:center}
#atelier .configurator-cta small{font-size:11px;max-width:290px}
.angle-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px}
.angle-controls>span{font-size:11px;color:var(--section-text);max-width:240px}
.angle-toggle{color:var(--section-text);min-height:40px;border-color:var(--section-line)}
.angle-toggle[hidden],#atelier [hidden]{display:none}
#definition #angle-status:empty{display:none}
#univers .universe-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}
#univers .universe-grid img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;margin-bottom:14px}
#univers .universe-grid h3{font-size:19px;line-height:1.25;margin-bottom:9px}
#univers .universe-grid p{font-size:12px;line-height:1.6}
@media(max-width:1000px){#univers .universe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#atelier .configurator-invitation{gap:24px}}
@media(max-width:760px){#univers .universe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 17px}#univers .universe-grid h3{font-size:18px}#atelier .configurator-invitation{grid-template-columns:1fr;gap:20px}#atelier .configurator-film-bar{padding:12px 14px;font-size:11px}#atelier .configurator-film figcaption{padding:12px 14px;font-size:10px}#atelier .configurator-invitation h3{font-size:27px}#atelier .configurator-invitation p{font-size:16px}#atelier .configurator-cta small{max-width:none}}
@media(max-width:420px){#univers .universe-grid{gap:24px 13px}#univers .universe-grid h3{font-size:16px}#univers .universe-grid p{font-size:11px}#atelier .configurator-film{border-radius:10px}}