section.yalp-maillage-services-module{--charbon:#151515;--creme:#fdf6ed;--jaune:#eaff6e;--mint:#2fe295;--lav:#789aff;--pink:#ffa8da;--orange:#ff6f40;--ink60:rgba(21,21,21,.6);--shell60:hsla(34,80%,96%,.6);--line:rgba(21,21,21,.12);--line-dark:hsla(34,80%,96%,.14);background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--charbon);overflow:hidden;position:relative;z-index:1;--rule:var(--line);--muted:var(--ink60);--surface:rgba(21,21,21,.05)}section.yalp-maillage-services-module.black{background-color:var(--charbon);color:var(--creme);--rule:var(--line-dark);--muted:var(--shell60);--surface:hsla(34,80%,96%,.05)}section.yalp-maillage-services-module.white{background-color:var(--creme)}section.yalp-maillage-services-module.pink{background-color:var(--pink)}section.yalp-maillage-services-module.orange{background-color:var(--orange)}section.yalp-maillage-services-module.yellow{background-color:var(--jaune)}section.yalp-maillage-services-module.green{background-color:var(--mint)}section.yalp-maillage-services-module.blue{background-color:var(--lav)}section.yalp-maillage-services-module .container{align-items:flex-start;display:flex;flex-direction:column}section.yalp-maillage-services-module .container>.label{margin-bottom:10px}section.yalp-maillage-services-module .container .intro h2+p{margin-top:15px}section.yalp-maillage-services-module .tabs{border:1px solid var(--rule);border-radius:100px;display:flex;flex-wrap:nowrap;gap:4px;margin-top:45px;max-width:100%;overflow-x:auto;padding:5px;position:relative;scroll-behavior:smooth;scrollbar-width:none;width:auto;-ms-overflow-style:none;--fondu:48px}section.yalp-maillage-services-module .tabs::-webkit-scrollbar{display:none}section.yalp-maillage-services-module .tabs.fade-r{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--fondu)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--fondu)),transparent)}section.yalp-maillage-services-module .tabs.fade-l{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - var(--fondu)),transparent);mask-image:linear-gradient(to left,#000 calc(100% - var(--fondu)),transparent)}section.yalp-maillage-services-module .tabs.fade-l.fade-r{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fondu),#000 calc(100% - var(--fondu)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fondu),#000 calc(100% - var(--fondu)),transparent)}section.yalp-maillage-services-module .tabs .tab{appearance:none;background:none;border:0;border-radius:100px;color:var(--muted);cursor:pointer;font-family:articulat-cf,sans-serif;font-size:16px;font-weight:500;line-height:1.3;padding:10px 20px;transition:background-color .3s ease,color .3s ease;white-space:nowrap}section.yalp-maillage-services-module .tabs .tab:hover{background:var(--surface);color:inherit}section.yalp-maillage-services-module .tabs .tab{flex:0 0 auto;position:relative;z-index:1}section.yalp-maillage-services-module .tabs .tab.active{background:transparent;color:var(--creme)}section.yalp-maillage-services-module.black .tabs .tab.active{background:transparent;color:var(--charbon)}section.yalp-maillage-services-module .tab-indicator{background:var(--charbon);border-radius:100px;height:calc(100% - 10px);left:0;pointer-events:none;position:absolute;top:5px;width:0;z-index:0}section.yalp-maillage-services-module.black .tab-indicator{background:var(--creme)}section.yalp-maillage-services-module .tabs.ready .tab-indicator{transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){section.yalp-maillage-services-module .tabs.ready .tab-indicator{transition:none}}section.yalp-maillage-services-module .panels{margin-top:45px;position:relative;width:100%}section.yalp-maillage-services-module .panel{align-items:center;display:none;gap:60px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}section.yalp-maillage-services-module .panel.active{animation:yalp-panel .3s ease both;background:var(--surface);border-radius:30px;display:grid;padding:40px}@keyframes yalp-panel{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}section.yalp-maillage-services-module .panel-text{align-items:flex-start;display:flex;flex-direction:column;gap:30px}section.yalp-maillage-services-module .panel-text .richtext-content{max-width:520px}section.yalp-maillage-services-module .panel-text .actions{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}section.yalp-maillage-services-module .panel-text .richtext-content h3+p{margin-top:15px}section.yalp-maillage-services-module .panel-media{display:flex;flex-direction:column;gap:30px;justify-self:end;max-width:620px;width:100%}section.yalp-maillage-services-module .video{display:flex;flex-direction:column;gap:15px}section.yalp-maillage-services-module .video-frame{aspect-ratio:16/9;background-color:var(--surface);border:1px solid var(--rule);border-radius:30px;cursor:pointer;line-height:0;overflow:hidden;position:relative;width:100%}section.yalp-maillage-services-module .video-frame .play-button{align-items:center;background-color:rgba(21,21,21,.35);border:1px solid var(--creme);border-radius:100px;bottom:20px;box-sizing:border-box;color:var(--creme);display:flex;flex-direction:row;font-size:16px;gap:0;height:42px;justify-content:center;left:20px;line-height:1;min-width:42px;padding:0 14px;position:absolute;transition:gap .35s ease,background-color .3s ease;z-index:1}section.yalp-maillage-services-module .video-frame .play-button span{display:block;max-width:0;opacity:0;overflow:hidden;transition:max-width .35s ease,opacity .25s ease;white-space:nowrap}section.yalp-maillage-services-module .video-frame:focus-visible .play-button,section.yalp-maillage-services-module .video-frame:hover .play-button{background-color:rgba(21,21,21,.55);gap:8px}section.yalp-maillage-services-module .video-frame:focus-visible .play-button span,section.yalp-maillage-services-module .video-frame:hover .play-button span{max-width:12rem;opacity:1}@media (prefers-reduced-motion:reduce){section.yalp-maillage-services-module .video-frame .play-button,section.yalp-maillage-services-module .video-frame .play-button span{transition:none}}section.yalp-maillage-services-module .video-frame .play-button:before{background-color:var(--creme);content:"";flex-shrink:0;height:12px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23151515' d='M10 5 0 10V0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23151515' d='M10 5 0 10V0Z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:12px}section.yalp-maillage-services-module .video-frame img,section.yalp-maillage-services-module .video-frame video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}section.yalp-maillage-services-module .video-frame video{opacity:0;transition:opacity .3s}section.yalp-maillage-services-module .video-frame video.playing{opacity:1}section.yalp-maillage-services-module .portfolio-link{display:flex;justify-content:flex-end;margin:30px 0 0}@media screen and (max-width:768px){section.yalp-maillage-services-module .tabs{display:none}section.yalp-maillage-services-module .panels{display:flex;flex-direction:column;gap:15px;margin-top:30px}section.yalp-maillage-services-module .panel,section.yalp-maillage-services-module .panel.active{animation:none;background-color:var(--surface);border-radius:30px;display:flex;flex-direction:column;gap:15px;padding:30px}section.yalp-maillage-services-module .panel-text{gap:15px}section.yalp-maillage-services-module .panel-media{gap:15px;max-width:none}section.yalp-maillage-services-module .portfolio-link{justify-content:flex-start;margin-top:15px}}section.yalp-maillage-services-module.modal-open{z-index:100}section.yalp-maillage-services-module .modal-video{align-items:center;display:flex;flex-direction:row;height:100%;left:0;opacity:0;padding-top:80px;pointer-events:none;position:fixed;top:0;transition:opacity .3s;width:100%;z-index:20}section.yalp-maillage-services-module .modal-video.active{opacity:1;pointer-events:all}section.yalp-maillage-services-module .modal-video .modal-background{background-color:var(--charbon);height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%}section.yalp-maillage-services-module .modal-video .container{display:block;height:fit-content;max-width:min(960px,calc(177.89047vh - 391.35903px));width:100%}section.yalp-maillage-services-module .modal-video .modal-content{height:fit-content;position:relative;width:100%}section.yalp-maillage-services-module .modal-video .modal-close{align-items:center;border:1px solid var(--creme);border-radius:100px;cursor:pointer;display:flex;height:45px;justify-content:center;position:absolute;right:-5px;top:-15px;transform:translate(100%,-100%);width:45px}section.yalp-maillage-services-module .modal-video .modal-close:before{background-color:var(--creme);content:"";height:13px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.831' height='12.831' viewBox='0 0 12.831 12.831'%3E%3Cg fill='none' stroke='%23fdf6ed'%3E%3Cpath d='m.354.352 12.124 12.124M.354 12.478 12.478.354'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.831' height='12.831' viewBox='0 0 12.831 12.831'%3E%3Cg fill='none' stroke='%23fdf6ed'%3E%3Cpath d='m.354.352 12.124 12.124M.354 12.478 12.478.354'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:13px}section.yalp-maillage-services-module .modal-video .video-wrapper{aspect-ratio:877/493;background-color:var(--charbon);border-radius:20px;height:auto;overflow:hidden;position:relative;width:100%}section.yalp-maillage-services-module .modal-video .video-wrapper video{height:100%;object-fit:cover;width:100%;z-index:1}@media screen and (max-width:768px){section.yalp-maillage-services-module .modal-video .modal-close{right:0;transform:translateY(-100%)}section.yalp-maillage-services-module .video-frame .play-button{bottom:15px;font-size:14px;height:38px;left:15px;min-width:38px;padding:0 12px}}