/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Gloock&family=Figtree:wght@300;400;500;600&display=swap');
@keyframes sw3marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sw3-moitie:hover .sw3-moitie-bg,.sw3-bande:hover .sw3-moitie-bg{transform:scale(1.08)}
.sw3-moitie .sw3-moitie-ct>*{transition:transform .8s cubic-bezier(.22,1,.36,1)}
.sw3-moitie:hover .sw3-moitie-ct>*{transform:translateY(-8px)}
.sw3-mas-img{transition:transform .9s cubic-bezier(.22,1,.36,1),filter .9s}
.sw3-mas-img:hover{transform:scale(1.02);filter:brightness(1.05)}
.sw3-card-clair,.sw3-card-sombre{position:relative}
.sw3-footer-full a{color:inherit}
@supports (animation-timeline: view()){
 .sw3-heroA-bg{animation:sw3par linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
 @keyframes sw3par{to{transform:translateY(14%) scale(1.06)}}
 .sw3-bio-img,.sw3-split-img{animation:sw3rise linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
 @keyframes sw3rise{from{transform:translateY(60px);opacity:.3}to{transform:none;opacity:1}}
}/* End custom CSS */