/* The opening sequence follows the supplied 00–24 second video reference.
   Natural document flow is the default, including without JavaScript. */
.opening-backdrop,.opening-shutters{display:none;}
.home-page .problem-card{position:relative;justify-content:flex-start;}
.home-page .problem-card h3{position:relative;font-weight:700;text-transform:none;line-height:1.02;max-width:none;padding-right:20px;}
.home-page .problem-card p{margin-top:20px;}
.home-page .card-accent{color:var(--mdmi-accent-text);}
.home-page .card-quote{position:absolute;top:22px;right:24px;color:var(--pale);font-size:88px;font-weight:800;line-height:1;pointer-events:none;}
.home-page .outcomes-scroll{padding:100px 0;background:#fff;}
.home-page .outcomes{margin:0 auto;color:var(--ink);}
.home-page .outcomes .outcome-row{display:block;margin-top:60px;}
.home-page .outcomes .outcome-row>div{position:relative;isolation:isolate;min-height:76svh;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.home-page .outcomes .outcome-number{position:absolute;inset:50% 0 auto;height:100svh;display:flex;align-items:center;justify-content:center;color:var(--pale);font-size:clamp(460px,100svh,1100px);font-weight:900;line-height:.8;letter-spacing:-.065em;margin:-50svh 0 0;z-index:-1;}
.home-page .outcomes .outcome-row h3{font-size:clamp(56px,7.5vw,112px);line-height:.95;padding-bottom:22px;border-bottom:1px solid #16283633;}
.home-page .outcomes .outcome-row p{font-size:18px;max-width:370px;margin:22px auto 0;}
.home-page .outcomes>.label{margin-bottom:28px;}
.home-page .outcomes .highlight{color:var(--mdmi-accent-text);}
.home-page .outcomes .highlight:before{display:none;}
.home-page.intro-motion-ready .opening-story{position:relative;isolation:isolate;}
.intro-motion-ready .opening-backdrop{display:block;position:sticky;top:0;height:var(--scene-height,100svh);margin-bottom:calc(-1 * var(--scene-height,100svh));overflow:clip;z-index:0;background:#162836 linear-gradient(135deg,#52616b 0%,#162836 72%) center/cover;}
.opening-backdrop:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#ffffff20 calc(20% - 1px),#ffffff20 20%);}
.scene-people{position:absolute;inset:0;background:url("quadro-assets/hero-people.webp") right bottom/auto 100% no-repeat;opacity:var(--people-opacity,1);will-change:opacity;}
.hero-assembling .scene-people{visibility:hidden;}
.intro-motion-ready .home-hero{background:none;z-index:1;}
.intro-motion-ready .home-hero .hero-people{visibility:hidden;}
.intro-motion-ready .hero-tiles{opacity:var(--hero-photo-opacity,1);will-change:opacity;}
.intro-motion-ready .hero-tile{translate:var(--assembly-x,0px) var(--assembly-y,0px);opacity:var(--assembly-opacity,1);}
.intro-motion-ready .hero-inner{translate:0 var(--hero-copy-y,0px);}
.intro-motion-ready .hero-hint{opacity:var(--hero-photo-opacity,1);}
.intro-motion-ready .intro-scroll{position:relative;padding:0;height:235svh;overflow:visible;background:none;z-index:2;}
.intro-motion-ready .intro-stage{position:sticky;top:0;height:100svh;min-height:550px;overflow:clip;display:grid;place-items:center;}
.intro-motion-ready .intro-stage>.wrap{padding-block:90px;}
.intro-motion-ready .intro-stage .section-heading{font-size:clamp(48px,5.4vw,84px);max-width:1000px;margin:auto;translate:0 var(--intro-heading-y,0px);scale:var(--intro-heading-scale,1);will-change:transform;}
.intro-motion-ready .problem-stack{display:block;position:absolute;inset:0;margin:0;max-width:none;padding:0;pointer-events:none;}
.intro-motion-ready .problem-card{--problem-width:500px;position:absolute;width:var(--problem-width);min-height:360px;top:50%;left:calc((100% - var(--problem-width))/2);padding:48px;transform:translate3d(var(--card-x,0px),var(--card-y,110vh),0) rotate(var(--card-turn,-8deg));opacity:var(--card-opacity,0);will-change:transform;box-shadow:0 14px 30px #1628361a;}
.intro-motion-ready .problem-card h3{font-size:50px;max-width:none;}
.intro-motion-ready .problem-card p{font-size:17px;max-width:none;}
.intro-motion-ready .card-quote{top:32px;right:34px;font-size:100px;}
.intro-motion-ready .problem-card:nth-child(2),.intro-motion-ready .problem-card:nth-child(3){transform:translate3d(var(--card-x,0px),var(--card-y,110vh),0) rotate(var(--card-turn,-8deg));}
.intro-motion-ready .opening-shutters{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));pointer-events:none;z-index:4;}
.opening-shutters i{background:white;transform:scaleX(var(--shutter-scale,0));transform-origin:center;will-change:transform;margin-inline:-1px;}
.intro-motion-ready .outcomes-scroll{height:390svh;padding:0;position:relative;margin-top:-40svh;z-index:3;isolation:isolate;}
.intro-motion-ready .outcomes-stage{height:100svh;min-height:550px;position:sticky;top:0;overflow:clip;display:grid;place-items:center;}
.intro-motion-ready .outcomes{max-width:none;}
.intro-motion-ready .outcomes>.label,.intro-motion-ready .outcomes>.section-heading{translate:0 var(--outcome-heading-y,0px);opacity:var(--outcome-heading-opacity,1);}
.intro-motion-ready .outcomes>.section-heading{font-size:clamp(48px,5.4vw,84px);}
.home-page.intro-motion-ready .outcomes .outcome-row{position:absolute;inset:0;display:block;margin:0;pointer-events:none;}
.home-page.intro-motion-ready .outcomes .outcome-row>div{position:absolute;inset:0;min-height:0;translate:none;opacity:1;}
.intro-motion-ready .outcome-row .outcome-number{translate:0 var(--outcome-number-y,0px);transform:perspective(1200px) rotateX(var(--outcome-number-turn,0deg));opacity:var(--outcome-number-opacity,0);will-change:transform,opacity;}
.intro-motion-ready .outcome-row h3,.intro-motion-ready .outcome-row p{translate:0 var(--outcome-y,110vh);opacity:var(--outcome-opacity,0);will-change:transform;}
.intro-motion-ready .outcome-row h3{letter-spacing:-.045em;}
.home-page .site-header.on-dark-scene:not(.header-light){background:transparent;color:white;box-shadow:none;backdrop-filter:none;}
.home-page .site-header.on-dark-scene .site-menu .button{background:white;color:#162836;}
.home-page.menu-open .site-header.on-dark-scene{background:var(--pale);color:#162836;}
@media(max-width:809px){
 .home-page .intro-scroll .section-heading .highlight{white-space:normal;}
 .intro-motion-ready .opening-backdrop{height:var(--scene-height,100svh);}
 .scene-people{background-position:65% bottom;}
 .opening-backdrop:after{background-size:250% 100%;}
 .intro-motion-ready .intro-scroll{height:190svh;}
 .intro-motion-ready .intro-stage{min-height:500px;}
 .intro-motion-ready .intro-stage .section-heading{font-size:38px;max-width:380px;}
 .intro-motion-ready .problem-card{--problem-width:min(320px,calc(100vw - 64px));min-height:280px;padding:28px;}
 .intro-motion-ready .problem-card h3{font-size:clamp(28px,8.3vw,36px);}
 .intro-motion-ready .problem-card p{font-size:15px;}
 .home-page .card-quote{top:20px;right:22px;font-size:66px;}
 .intro-motion-ready .outcomes-scroll{height:auto;padding:70px 0 30px;margin-top:-35svh;}
 .intro-motion-ready .outcomes-stage{height:auto;min-height:0;position:relative;overflow:visible;display:block;}
 .intro-motion-ready .outcomes>.label,.intro-motion-ready .outcomes>.section-heading{translate:none;opacity:1;}
 .intro-motion-ready .outcomes>.section-heading{font-size:38px;}
 .home-page .outcomes .outcome-row,.home-page.intro-motion-ready .outcomes .outcome-row{position:relative;display:block;margin-top:35px;}
 .home-page .outcomes .outcome-row>div,.home-page.intro-motion-ready .outcomes .outcome-row>div{position:relative;inset:auto;min-height:72svh;translate:none;opacity:1;isolation:isolate;}
 .home-page .outcomes .outcome-row .outcome-number{font-size:clamp(350px,100vw,650px);translate:0 var(--mobile-number-y,0px);transform:none;opacity:1;}
 .home-page .outcomes .outcome-row h3{font-size:clamp(42px,11vw,64px);padding-bottom:18px;}
 .home-page .outcomes .outcome-row p{font-size:16px;max-width:270px;margin-top:18px;}
 .intro-motion-ready .outcome-row h3,.intro-motion-ready .outcome-row p{translate:0 var(--mobile-outcome-y,0px);opacity:1;}
}
@media(prefers-reduced-motion:reduce){
 .opening-backdrop,.opening-shutters{display:none!important;}
 .home-page .hero-tile,.home-page .hero-inner{translate:none!important;}
 .home-page .outcomes .outcome-row .outcome-number,.home-page .outcomes .outcome-row h3,.home-page .outcomes .outcome-row p{translate:none!important;transform:none!important;opacity:1!important;}
}

.opening-story .hero-people,.opening-story .scene-people{background-image:var(--mdmi-hero-image)}