/* Resting composition stays full-size. Reading opens only from its title. */
.hover-slides .slider-item__number,.hover-slides .slider-item__number *{visibility:hidden!important;pointer-events:none!important}
.hover-slides .slider-item__title{font-size:clamp(60px,6.1vw,108px);line-height:1;pointer-events:auto!important;cursor:pointer;transition:opacity .35s}
.hover-slides .slider-item__title:focus-visible{outline:1px solid currentColor;outline-offset:10px}
.hover-slides.is-reading .slider-item__title{opacity:0!important}
.hover-slides.is-reading .slider__bar{opacity:0;pointer-events:none}
.hover-slides .ai-banking,.hover-slides .fallback-scene{transition:transform .85s cubic-bezier(.25,.74,.22,.99);transform-origin:center}
.hover-slides.is-reading .ai-banking,.hover-slides.is-reading .fallback-scene{transform:translateX(-25vw) scale(.72);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 80%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 80%,transparent 100%)}
.hover-slides.is-reading.reading-left .ai-banking,.hover-slides.is-reading.reading-left .fallback-scene{transform:translateX(25vw) scale(.72)}
.scene-atmosphere{position:fixed;inset:-15%;z-index:0;background:#d6c8e6 url('/assets/scenes/desktop-1.webp?v=facil9') center/cover;filter:blur(85px);opacity:0;pointer-events:none;transition:opacity .7s}
.is-reading .scene-atmosphere{opacity:1}
.is-reading .ai-banking,.is-reading .fallback-scene{z-index:1}
.scene-atmosphere::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08,#f5f0f7bb 60%,#f5f0f7dd)}
.reading-left .scene-atmosphere::after{transform:scaleX(-1)}
.scene-layout{position:fixed;left:52%;right:4vw;top:88px;bottom:32px;z-index:12;display:flex;align-items:center;padding:36px 0 0;opacity:0;visibility:hidden;pointer-events:none;color:#211a29;font-family:GraphikLCG,Arial,sans-serif;transform:translateX(32px);transition:opacity .45s,transform .7s cubic-bezier(.25,.74,.22,.99),visibility .45s}
.reading-left .scene-layout{left:4vw;right:52%;transform:translateX(-32px)}
.is-reading .scene-layout{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.scene-copy{width:100%;max-height:100%;display:flex;flex-direction:column;min-height:0}
.scene-title{font:400 clamp(48px,5vw,80px)/1.02 PPNeueMontreal,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 22px;flex-shrink:0;text-wrap:balance}
.scene-close{position:absolute;top:0;right:0;display:grid;place-items:center;width:32px;height:32px;border:1px solid #20162640;border-radius:50%;background:transparent;font:300 24px/1 PPNeueMontreal,Arial,sans-serif;color:#211927;cursor:pointer;transition:background .2s}
.scene-close:hover{background:#ffffff70}.scene-close:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.scene-content{min-height:0;overflow:visible;padding:0;font:500 var(--copy-size,clamp(14px,1.05vw,17px))/1.4 GraphikLCG,Arial,sans-serif;letter-spacing:-.025em;color:#514858}
.scene-content:focus-visible{outline:1px solid #76627f;outline-offset:6px}
.scene-content p{font:inherit;margin:0;color:inherit}
.scene-content .scene-lead{font:inherit;color:#302637;margin:0 0 1.1em;max-width:40em}
.scene-content h3{font:500 1em/1.3 GraphikLCG,Arial,sans-serif;letter-spacing:-.03em;color:#211927;margin:0 0 .3em}
.scene-content a{color:#211927;text-decoration:none}.scene-content a:hover{text-decoration:underline;text-underline-offset:4px}
.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.05em 1.5em}
.brief-grid>section{border-top:1px solid #21192722;padding-top:.65em;min-width:0}
.brief-wide{grid-column:1/-1}
.scene-content .detail-links{display:flex;flex-wrap:wrap;gap:8px;margin:1.1em 0 0}
.scene-content .detail-links a{display:inline-flex;align-items:center;border:1px solid #21192738;font:inherit;font-size:.9em;line-height:1.2;padding:.7em 1em;border-radius:999px}
.scene-content .detail-links a:hover{background:#ffffff40;border-color:#21192780}
.scene-content .detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5em 2em;margin:0}
.scene-content .detail-stats>div{border-top:1px solid #21192730;padding-top:.65em;display:flex;flex-direction:column-reverse}
.scene-content .detail-stats dt{font:inherit;font-size:.85em;color:#62556a;margin-top:.35em}
.scene-content .detail-stats dd{font:400 clamp(38px,4vw,64px)/1 PPNeueMontreal,Arial,sans-serif;letter-spacing:-.055em;color:#211927;margin:0}
.brief-testimonials{display:grid;gap:.85em}
.brief-testimonials>section{border-top:1px solid #21192722;padding-top:.6em}
.scene-content cite{font:inherit;font-size:.82em;color:#76677e;display:block;margin-top:.35em}
.scene-content .contact-list{display:grid;grid-template-columns:1fr 1fr;gap:1em 1.5em;margin:0 0 1em}
.scene-content .contact-list>div{margin:0}.scene-content .contact-list dt{font-size:.8em;color:#76677e;margin-bottom:.3em}.scene-content .contact-list dd{font:inherit;margin:0}
.scene-content address{font:inherit}
/* The existing wordmark follows the side opposite the current slide title. */
.hover-slides .header .header__logo{position:fixed!important;left:4vw!important;right:auto!important;top:94px!important;display:block!important;padding:0!important;margin:0!important;opacity:1!important;pointer-events:auto!important;transform:none!important;transition:left .85s cubic-bezier(.25,.74,.22,.99),transform .85s cubic-bezier(.25,.74,.22,.99),opacity .3s!important}
.hover-slides.brand-right .header .header__logo{left:96vw!important;transform:translateX(-100%)!important}
.hover-slides .header .header__logo .facil-wordmark{font:500 clamp(44px,4.4vw,72px)/1 GraphikLCG,Arial,sans-serif;letter-spacing:-.065em;margin:0}
.hover-slides .header .header__logo .facil-wordmark>span{font:500 .2em/1 GraphikLCG,Arial,sans-serif;vertical-align:top;letter-spacing:0;margin-left:5px}
.hover-slides .header .header__logo span:last-child::before{display:none}
.hover-slides .header .is-menu-opened .header__logo,.hover-slides.brand-footer .header .header__logo{opacity:0!important;pointer-events:none!important}
@media(min-width:668px) and (max-height:700px){.scene-layout{top:76px;bottom:24px;padding-top:36px}.scene-title{font-size:clamp(42px,4vw,58px);margin-bottom:16px}.scene-content{--copy-size:14px;line-height:1.35}.brief-grid{gap:.8em 1.3em}.scene-content .scene-lead{margin-bottom:.85em}.scene-content .detail-links{margin-top:.85em}.hover-slides .header .header__logo{top:82px!important}}
@media(max-width:667px){
 .hover-slides.is-reading .slider__inner{background:transparent!important}
 .hover-slides .slider-item__title,.hover-slides .slider-item__title span{font-size:clamp(38px,11vw,60px)!important;line-height:1.05!important}
 .hover-slides.is-reading .ai-banking,.hover-slides.is-reading .fallback-scene,.hover-slides.is-reading.reading-left .ai-banking,.hover-slides.is-reading.reading-left .fallback-scene{transform:translateY(-27dvh) scale(.52)}
 .scene-layout,.reading-left .scene-layout{left:22px;right:22px;top:34dvh;bottom:24px;padding:34px 0 0;align-items:center;transform:translateY(25px)}
 .is-reading .scene-layout{transform:none}
 .scene-title{font-size:clamp(36px,10vw,52px);line-height:1.02;letter-spacing:-.04em;margin-bottom:16px;text-wrap:balance}
 .scene-content{--copy-size:13px;line-height:1.35;letter-spacing:-.025em}
 .brief-grid{gap:.85em 1em}.scene-content .detail-stats{gap:1.3em}.scene-content .detail-stats dd{font-size:40px}
 .scene-content .contact-list{gap:.9em}.scene-content .contact-list dd{font-size:.94em}
 .scene-close{width:29px;height:29px;font-size:22px}
 .scene-atmosphere::after{background:linear-gradient(180deg,#ffffff10,#f5f0f7dd 40%,#f5f0f7ef);transform:none}
 .hover-slides .header .header__logo{top:76px!important;left:22px!important}
 .hover-slides.brand-right .header .header__logo{left:calc(100vw - 22px)!important}
 .hover-slides .header .header__logo .facil-wordmark{font-size:38px}
}
@media(max-width:667px) and (max-height:720px){.scene-layout,.reading-left .scene-layout{top:27dvh;bottom:18px}.scene-title{font-size:33px;margin-bottom:12px}.scene-content{--copy-size:12px}.brief-grid{gap:.65em .9em}.hover-slides.is-reading .ai-banking,.hover-slides.is-reading .fallback-scene,.hover-slides.is-reading.reading-left .ai-banking,.hover-slides.is-reading.reading-left .fallback-scene{transform:translateY(-29dvh) scale(.42)}}
@media(prefers-reduced-motion:reduce){.scene-layout,.scene-atmosphere,.hover-slides .ai-banking,.hover-slides .fallback-scene,.hover-slides .slider-item__title,.hover-slides .header .header__logo{transition:none!important}}