/* Each page section occupies one viewport; long content scrolls within it. */
html{scroll-snap-type:y mandatory;scroll-padding:0}
body>section,body>footer{box-sizing:border-box;height:100svh;height:100dvh;min-height:0;max-height:none;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}
body>.ticker{display:none}
body>#accueil,body>#banane,body>#webdesign,body>#marque{overflow:hidden}
body>#accueil{height:100dvh;min-height:0;max-height:none}
.workshop-world{height:100%;min-height:0;aspect-ratio:auto}
.workshop-plane{width:100%;height:100%}
body>.webdesign .lab{margin-top:0}
body>footer{display:flex;align-content:center;align-items:center;flex-wrap:wrap}
@media(max-width:700px){.workshop-world{padding-top:45dvh}.workshop-plane{width:80dvh;height:45dvh;transform:translateX(calc((100vw - 80dvh)*.32))}.workshop-copy{padding:1.5dvh 6% 45px}.workshop-copy h2{font-size:clamp(24px,4.5dvh,38px);margin:1dvh 0}.workshop-copy p{font-size:clamp(12px,1.8dvh,15px);line-height:1.4;margin:1dvh 0}.workshop-copy .button{padding:10px 15px;margin-top:1dvh}.workshop-toggle{bottom:8px;padding:6px 10px;font-size:11px}}