/* The supplied 12:47 and 12:54 designs form one pinned horizontal sequence.
   Desktop and iPad retain one proportional composition, including portrait iPad. */
@font-face{font-family:VideoFirs;src:url('fonts/firs-light-video-20261013.woff?v=20261014-solutions-1') format('woff');font-weight:300;font-display:swap}
@font-face{font-family:VideoFirs;src:url('fonts/firs-regular-video-20261013.woff') format('woff');font-weight:400;font-display:swap}
.video-scene{position:relative;z-index:6;isolation:isolate;background:#000}
.video-stage{position:relative;width:100%;background:#000;overflow:hidden}
.video-panel{position:relative;display:grid;place-items:center;width:100%;height:100vh;height:100svh;background:#000;isolation:isolate;overflow:hidden}
.is-horizontal .video-stage{position:sticky;top:0;height:100vh;height:100svh}
.is-horizontal .video-panel{position:absolute;inset:0;height:100%}
.is-horizontal .video-panel-lab{z-index:1}
.is-horizontal .video-panel-tools,.is-horizontal .video-panel-office{transform:translate3d(100%,0,0);will-change:transform}
.is-horizontal .video-panel-tools{z-index:2}
.is-horizontal .video-panel-office{z-index:4}
.video-shade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:1}
.video-artboard{position:relative;isolation:isolate;container-type:inline-size;width:min(100%,177.7778svh);aspect-ratio:16/9;overflow:hidden;color:#fff;font-family:VideoFirs,Arial,sans-serif;font-weight:400}
.team-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;background:#000}
.video-panel-lab .team-video{filter:brightness(.75)}
.video-panel-tools .team-video{filter:brightness(.7)}
.video-brand{position:absolute;left:5.5%;top:5.1%;width:10.9%}
.video-brand img{display:block;width:100%;height:auto;filter:brightness(0) invert(1)}
.video-meta{position:absolute;top:42.2%;left:5.5%;right:10.2%;display:grid;grid-template-columns:1fr auto;align-items:center;font-size:1.15vw;font-size:1.15cqw;line-height:1.25;white-space:nowrap}
.video-explore{display:flex;align-items:center;gap:.55cqw;color:#fff;text-decoration:none}
.video-explore svg{width:2.2cqw;height:2.2cqw;fill:none;stroke:currentColor;stroke-width:1.4}
.video-title{position:absolute;left:5%;top:57.2%;margin:0;color:#cabda3;font-family:VideoFirs,Arial,sans-serif;font-weight:300;font-size:3.5vw;font-size:3.5cqw;line-height:1.16;letter-spacing:-.025em}
.video-title>span{display:block;white-space:nowrap}
.video-panel-lab .video-title,.video-panel-tools .video-title{color:#fff}
.video-panel-tools .video-title{top:58.2%;letter-spacing:-.01em}
.video-objective{position:absolute;left:4.9%;bottom:8.2%;margin:0;color:#9c9b9a;font-size:1.15vw;font-size:1.15cqw;line-height:1.2}
.video-formula{position:absolute;right:3%;bottom:8.2%;display:block;width:7.3cqw;aspect-ratio:73.442 / 166.010}
.video-formula-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.video-cell{position:absolute;display:block;width:51.3616%;height:25.8213%;color:#fff}
.video-cell-hu{left:0;top:0;height:26.1496%}.video-cell-te{left:0;top:24.9449%}.video-cell-do{left:48.6384%;top:24.9449%}.video-cell-ps{left:48.6384%;top:49.5615%}.video-cell-tk{left:0;top:74.1787%}
.video-scene a:focus-visible{outline:2px solid #cabda3;outline-offset:4px}
/* Only the phone composition reflows. */
@media(max-width:700px){
 .video-artboard{width:100%;height:100%;aspect-ratio:auto}
 .team-video{object-position:62% center;opacity:.78}.video-artboard:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 20%,#0004 42%,#000b 100%);pointer-events:none}
 .video-brand{left:24px;top:30px;width:140px}.video-meta{left:24px;right:24px;top:34%;grid-template-columns:1fr;gap:12px;font-size:12px;white-space:normal}.video-explore{position:static;justify-self:end;gap:6px}.video-explore svg{width:21px;height:21px}
 .video-title{left:24px;right:24px;top:51%;font-size:clamp(23px,6.8vw,40px);line-height:1.2;letter-spacing:-.03em}.video-title>span{white-space:normal}.video-objective{left:24px;bottom:29px;font-size:11px}
 .video-panel-tools .video-title{top:51%}
 .video-formula{right:24px;bottom:67px;width:70px}
}

/* The five original PDF artboards follow the third video without changing proportions.
   Portrait viewports fit each complete card and show the following card edge. */
.tool-cards{position:relative;display:flex;align-items:center;width:max-content;background:#000}
.tool-card{position:relative;flex:0 0 auto;width:min(85.3904svh,86vw);height:100%;display:grid;align-content:center;background:#000;isolation:isolate;--card-copy:1;--card-copy-y:0px;--card-zoom:1;--card-color-scale:1}
.tool-card-art{position:relative;width:100%;aspect-ratio:492.432 / 576.683;overflow:hidden}
.tool-card-svg{display:block;width:100%;height:100%;overflow:hidden;fill:#000;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter}
.tool-card-copy{opacity:var(--card-copy);transform:translateY(var(--card-copy-y))}
.tool-card-color{position:absolute;left:-1px;right:-1px;bottom:-1px;height:calc(38.677077% + 1px);background:var(--card-accent);transform-origin:50% 100%;transform:scaleY(var(--card-color-scale));z-index:1;pointer-events:none}
.tool-card-plus-disc{fill:#fff;fill-opacity:0;transition:fill-opacity .18s linear}
.tool-card-plus-symbol{fill:#fff;transition:fill .18s linear}
.tool-card.is-complete .tool-card-plus-disc{fill-opacity:1}
.tool-card.is-complete .tool-card-plus-symbol{fill:var(--card-accent)}
.tool-card-photo{transform-box:view-box;transform-origin:246.216px 176.8195px;transform:scale(var(--card-zoom))}
.tool-card-links{position:absolute;inset:0;opacity:var(--card-copy)}
.tool-card-link,.tool-card-more{position:absolute;display:block;color:#fff}
.tool-card-link{width:34%;height:4.6%;left:4.44%;top:66.8%}
.tool-card-link-2,.tool-card-link-4{left:42.47%}
.tool-card-link-3,.tool-card-link-4{top:72.61%}
.tool-card-more{left:89.8%;top:67.3%;width:6.6%;height:5.7%;border-radius:50%}
.is-horizontal .tool-cards{position:absolute;inset:0 auto 0 0;height:100%;z-index:4;transform:translate3d(100vw,0,0);will-change:transform}

/* Supplied five-solutions PDF, between the third video and the tool cards. */
.is-horizontal .video-panel-solutions{z-index:3;transform:translate3d(100%,0,0);will-change:transform}
.is-horizontal .tool-cards{z-index:5}
.solutions-artboard{position:relative;width:min(100%,178.644svh);aspect-ratio:1030.21 / 576.683}
.solutions-artboard img{display:block;width:100%;height:auto}
.solutions-next{position:absolute;left:93.7%;top:47.8%;width:2.8%;height:5%;border-radius:50%}

/* Native HTML video outside SVG: iPad can size and composite the media correctly. */
.tool-card-art-video{isolation:isolate;background:var(--card-accent,#8769ff);border:0;box-shadow:none}
.tool-card-art-video>.tool-card-svg{position:relative;z-index:2}
.tool-card-video-window{position:absolute;left:0;top:0;width:100%;height:61.322923%;overflow:hidden;background:var(--capsule-bg,#8068b3);z-index:0;pointer-events:none}
.tool-card-video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 54%;transform:scale(calc(var(--card-zoom) * var(--capsule-size,1)));transform-origin:center}
.tool-card-art-video>.tool-card-links{z-index:3}

/* Color edge bleed remains inside the supplied artwork; never stroke the animated plane. */
.tool-card-box-edge{fill:none;stroke:var(--card-accent);stroke-width:4;pointer-events:none}

/* Explicit layers prevent video surfaces falling behind the artboard in Safari. */
.video-artboard>.team-video{z-index:0}
.video-artboard>:not(video){z-index:2}
.video-artboard:after{z-index:1}