@import url('/fonts/fonts.css');
.cinematic.visual-pass #services.services-editorial{height:auto;min-height:100svh;display:flex;align-items:center;padding:24px max(6vw,24px)}.services-editorial>div{width:100%}.hq>.button{margin-top:25px}
/* Brand accents, keeping longer reading copy in the existing body font. */
.visual-pass .button,.visual-pass .text-link,.visual-pass button,.visual-pass .journey-next,.visual-pass .journey-pill-ink-label,.visual-pass h1 em,.visual-pass h2 em{font-family:'Space Grotesk',sans-serif}
.visual-pass h2 em{font-size:1.08em;line-height:inherit;font-weight:400}
:root{--ink:#222329;--paper:#f7f7ef;--mint:#c3edc7;--purple:#7052f5;--line:#d9dbd1;--speed:1;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #8868f8;outline-offset:5px}img{display:block;max-width:100%}button{border:0}p{line-height:1.65;margin:0 0 20px}h1,h2,h3{font-weight:500;letter-spacing:-.055em;line-height:1.05;margin:0}em{font-style:normal;color:#53745c}h1{font-size:clamp(48px,5.7vw,92px)}h2{font-size:clamp(36px,4.3vw,64px)}h3{font-size:28px;letter-spacing:-.04em}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:26px}.section{padding:100px max(6vw,24px)}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;gap:30px}nav{display:flex;gap:28px;font-size:13px}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.brand{display:flex;align-items:center;gap:12px}.brand .mark{width:28px}.brand img{width:125px;filter:brightness(0)}.mark{display:inline-block;width:55px;flex-shrink:0}.mark svg{display:block;width:100%;overflow:visible;fill:#c3edc7}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;background:var(--ink);color:white;padding:17px 23px;font-size:13px;border-radius:4px;white-space:nowrap}.button:hover{background:#7052f5}.button span{font-size:20px}.text-link{font-size:13px;background:none;padding:0;display:inline-flex;gap:20px;align-items:center}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.review{position:relative;z-index:10;background:#202328;color:#fff;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.review>a{color:#c3edc7}.review>span{opacity:.7}.motion>summary{list-style:none;text-decoration:underline;text-underline-offset:4px}.motion>div{position:absolute;right:16px;top:42px;background:#252731;border:1px solid #585b65;padding:24px;width:280px;box-shadow:0 12px 30px #0004;border-radius:8px;display:flex;flex-wrap:wrap;gap:14px}.motion label{display:grid;width:100%;gap:5px}.motion select,.motion button{background:#fff;color:#222;padding:9px;border-radius:3px}.motion small{color:#bec1cb;line-height:1.5}.motion span{display:flex;align-items:center;gap:30px;width:100%}.motion .mark{width:30px}.hero{padding:44px 6vw 68px;display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center;min-height:660px}.hero h1 em{display:block}.intro{font-size:16px;max-width:535px;margin:28px 0 30px}.editorial-photo{position:relative;align-self:stretch;min-height:480px;background:#d3d6c6;overflow:hidden;border-radius:180px 180px 3px 3px}.editorial-photo>img{width:100%;height:100%;object-fit:cover;position:absolute}.editorial-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#162517b8)}.photo-caption{position:absolute;bottom:28px;left:28px;color:white;z-index:1;font-size:13px;line-height:1.8}.photo-caption span{display:block;font-family:Georgia,serif;font-size:28px}.hero-mark{position:absolute;right:30px;bottom:30px;z-index:2;width:60px}.clients{padding:38px 6vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:50px}.clients h2{font-size:20px;letter-spacing:-.03em}.clients p{font-size:11px;margin:8px 0 0;white-space:nowrap}.logos{display:flex;justify-content:space-between;align-items:center;gap:32px;flex:1}.logos img{width:92px;max-height:34px;object-fit:contain;filter:grayscale(1) brightness(.3)}.team{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.large-copy{font-size:21px;line-height:1.65}.human-note{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.human-note p{font-size:13px;line-height:1.6;margin:0}.mini-mark{padding:20px;background:#e4eadc;border-radius:50%}.mini-mark .mark{width:28px}.mini-mark svg{fill:#416e4c}.companion{background:#e9ede2}.section-heading{max-width:730px;margin-bottom:50px}.section-heading>p:not(.eyebrow){max-width:680px;margin:23px 0 0}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:stretch}.task-list{display:flex;flex-direction:column}.task-list button{text-align:left;display:flex;gap:20px;padding:25px 20px;border-top:1px solid #cbd4c3;background:none;flex:1}.task-list button:last-child{border-bottom:1px solid #cbd4c3}.task-list button>span{font-size:11px;padding-top:5px}.task-list button>span:last-child{margin-left:auto;font-size:20px}.task-list button p{font-size:13px;line-height:1.6;margin:8px 0 0;max-width:350px}.task-list button strong{font-size:18px;font-weight:500}.task-list button[aria-selected=true]{background:#d3dec8}.task-demo{position:relative;border-radius:12px;padding:24px;background:#23174b;color:white;overflow:hidden;min-height:440px;display:flex;flex-direction:column;align-items:center}.demo-top{display:flex;width:100%;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;z-index:1}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c3edc7;box-shadow:0 0 12px #c3edc770}.task-demo>img{width:220px;height:200px;object-fit:cover;object-position:center;margin:0 auto;mask-image:radial-gradient(ellipse,#000 42%,transparent 72%)}.question{align-self:flex-end;border:1px solid #81729e;background:#403157;border-radius:14px 14px 0 14px;padding:13px 18px;font-size:13px;max-width:90%;position:relative}.answer{align-self:flex-start;padding:20px 0 5px;max-width:90%}.answer .eyebrow{font-size:10px;color:#c3edc7}.answer p{margin:8px 0 15px;font-size:17px}.task-demo small{font-size:10px;color:#c9bfdb;align-self:flex-start}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-grid article{padding:30px 32px 20px 0;display:flex;align-items:flex-start;flex-direction:column}.service-grid article+article{border-left:1px solid var(--line);padding-left:32px}.service-number{font-size:12px;color:#627464;display:block;margin-bottom:45px}.service-grid h3{margin-bottom:20px}.service-grid p{font-size:14px;max-width:300px;margin-bottom:30px}.service-grid button{margin-top:auto}.more-services{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:40px;padding:22px 0;font-size:14px}.more-services summary{display:flex;justify-content:space-between;list-style:none}.more-services ul{padding-left:20px;columns:2;line-height:2}.hq{background:#202b24;color:#f3f7ee}.hq em{color:#c3edc7}.hq>p:not(.eyebrow){max-width:640px;margin-top:28px}.hq-flow{display:flex;gap:25px;align-items:center;border-top:1px solid #516052;padding-top:30px;margin-top:40px;font-size:15px}.hq-flow b{color:#c3edc7;font-weight:400}.about{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:7vw}.video-poster{height:350px;position:relative;overflow:hidden;border-radius:6px}.video-poster>img{height:100%;width:100%;object-fit:cover;filter:brightness(.7)}.video-poster button{position:absolute;bottom:25px;left:25px;padding:12px 18px;background:#fff;border-radius:30px;font-size:12px;display:flex;align-items:center;gap:14px}.video-poster button span{font-size:16px}.about h2{margin-bottom:25px}.quote{padding-top:20px;text-align:center;max-width:1120px;margin:auto}.quote blockquote{font-size:clamp(23px,2.6vw,38px);letter-spacing:-.025em;line-height:1.4;margin:30px 0}.quote>div{display:flex;align-items:center;justify-content:center;gap:16px}.quote img{width:48px;height:48px;border-radius:50%;object-fit:cover}.quote div p{font-size:12px;text-align:left;margin:0}.closing{position:relative;background:#dbe7d3;text-align:center}.closing h2{font-size:clamp(50px,6vw,84px)}.closing>p:not(.eyebrow){max-width:460px;margin:25px auto}.closing-mark{width:55px;margin-bottom:30px}.closing-mark svg{fill:#527b57}dialog{border:0;border-radius:12px;padding:50px;max-width:560px;width:calc(100% - 32px);background:#f7f7ef;color:#222329}dialog::backdrop{background:#171021b8;backdrop-filter:blur(5px)}dialog h2{font-size:42px;margin-bottom:25px}dialog p{font-size:15px}.close{position:absolute;right:15px;top:10px;font-size:30px;background:none}.close-contact{margin-top:15px}#video-dialog{max-width:1000px;background:#171021;padding:45px 12px 12px;color:white}#video-frame{aspect-ratio:16/9}iframe{width:100%;height:100%;border:0}
.video-poster button{color:#222329}
/* Reuse the original rounded inline film and centered glass play control. */
.inline-film{position:relative;isolation:isolate;background:#141a18;border-radius:22px;box-shadow:0 16px 40px #141a1814}
.inline-film .inline-film-play{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;background:transparent;color:white;border-radius:inherit;text-align:center}
.inline-film .inline-film-play[hidden]{display:none}
.inline-film .inline-film-icon{width:76px;height:76px;display:grid;place-items:center;padding-left:4px;border:1px solid #ffffff80;border-radius:50%;background:#ffffff26;backdrop-filter:blur(12px);font-size:25px;box-shadow:0 8px 24px #0002;transition:background .2s,color .2s,transform .2s}
.inline-film .inline-film-label{position:absolute;top:calc(50% + 54px);left:24px;right:24px;font-size:14px;text-shadow:0 1px 8px #000}
.inline-film .inline-film-icon{padding-left:0}
.inline-film-icon svg{display:block;width:26px;height:26px}
.inline-film-play:hover .inline-film-icon{background:#c3edc7;color:#203b2a;transform:scale(1.06)}
.inline-film-play:focus-visible{outline-offset:-6px}
.inline-film.film-started:after{display:none}
.inline-film.film-started>img{visibility:hidden}
.inline-film>iframe{position:absolute;inset:0;z-index:3;width:100%;height:100%;background:#000;border-radius:inherit}
.inline-film.film-started .inline-film-play{z-index:4}
.inline-film.film-started .inline-film-label{display:none}
.inline-film.film-started .inline-film-icon{opacity:0;transition:opacity .2s,background .2s,color .2s,transform .2s}
.inline-film.film-started .inline-film-play:hover .inline-film-icon,.inline-film.film-started .inline-film-play:focus-visible .inline-film-icon,.inline-film.film-paused .inline-film-icon{opacity:1}
.inline-film .inline-film-play[aria-busy=true] .inline-film-icon{opacity:1;animation:film-loading 1s ease-in-out infinite}
@keyframes film-loading{50%{opacity:.4}}
@media(prefers-reduced-motion:reduce){.inline-film .inline-film-play[aria-busy=true] .inline-film-icon{animation:none}}
/* The tennis-ball cursor styles live in site-shared.css. */
@media(prefers-reduced-motion:reduce){.inline-film .inline-film-icon{transition:none}.inline-film-play:hover .inline-film-icon{transform:none}}
.client-marquee{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.client-track{display:flex;width:max-content;animation:client-marquee 48s linear infinite}
.client-group{display:flex;align-items:center;gap:48px;padding-right:48px;flex-shrink:0}
.client-group img{width:120px;height:40px;object-fit:contain;filter:grayscale(1) brightness(.25);opacity:.8}
.marquee-toggle{flex:none;background:transparent;padding:8px;color:inherit;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.client-marquee:hover .client-track,.client-marquee:focus-within .client-track,.clients.is-paused .client-track{animation-play-state:paused}
@keyframes client-marquee{to{transform:translateX(-50%)}}
@media(max-width:760px){.client-marquee{margin-top:24px}.client-group{gap:32px;padding-right:32px}.client-group img{width:100px;height:34px}.marquee-toggle{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.client-marquee{mask-image:none;overflow:visible}.client-track{animation:none;width:100%}.client-group{flex-wrap:wrap;justify-content:center;width:100%;gap:24px;padding:0}.client-group[aria-hidden]{display:none}.marquee-toggle{display:none}}
@media(max-width:760px){header:has(nav){height:auto;padding-top:22px;padding-bottom:20px}header nav{display:flex;order:3;width:100%;justify-content:space-between;margin-top:12px;font-size:11px}}
/* Hero-only visual studies. */
.hero-study{background:#111315;color:#f2f4f1;font-family:'Manrope',Arial,sans-serif}
.study-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 4vw;border-bottom:1px solid #ffffff17;font-size:11px;background:#191c1e}
.study-toolbar nav{display:flex;gap:6px}.study-toolbar nav a{padding:8px 16px;border:1px solid transparent;border-radius:30px;text-transform:capitalize}
.study-toolbar [aria-current=page]{border-color:#a2b5ab;background:#ffffff0b}
.study-toolbar button{background:none;color:#cad3ce;font-size:11px;margin-left:15px}
.study-header{height:100px;padding:0 5vw;position:relative;z-index:2}.study-header>span{font-size:9px;letter-spacing:.13em;color:#a2aaa5}
.study-brand{display:flex;align-items:center;gap:12px}.study-brand>img:last-child{width:125px;filter:brightness(0) invert(1)}.study-logo{width:27px!important;filter:none!important}
.study-contact{background:#c3edc7;color:#14291d;padding:16px 22px;border-radius:3px;font-size:12px;font-weight:600}
.study-header .study-contact{background:none;border:1px solid #c5d7cb50;color:#e4eee7;padding:12px 20px}
.study-hero{position:relative;isolation:isolate;min-height:720px;padding:70px 5vw 115px;display:grid;grid-template-columns:1.05fr 1fr;gap:2vw;align-items:center;overflow:hidden}
.study-copy{position:relative;z-index:2;pointer-events:none}.study-copy a,.study-copy button{pointer-events:auto}
.study-copy .eyebrow{font-size:10px;letter-spacing:.16em;color:#b5c5bc}
.study-copy h1{font-size:clamp(48px,5.25vw,82px);font-weight:500;letter-spacing:-.06em;line-height:1.07}
.study-copy h1 em{color:#c3edc7}.study-intro{max-width:470px;color:#b1bdb6;font-size:14px;line-height:1.8;margin:28px 0}
.study-actions{display:flex;align-items:center;gap:25px;font-size:12px}
.study-art{position:relative;min-width:0;aspect-ratio:1;--turn:0deg;--scroll:0;--drift:0px}
.study-baseline{position:absolute;left:5vw;right:5vw;bottom:30px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:23px;color:#9baa9f;font-size:9px;letter-spacing:.08em}
.study-proof{padding:32px 5vw;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}
.study-proof>span{font-size:9px;letter-spacing:.12em;color:#a8b5ad}.study-proof img{width:95px;height:30px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.7}
.study-story{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:110px 8vw}.study-story h2{font-size:60px;color:#c3edc7}.study-story>p{font-size:20px;line-height:1.7;color:#b7c3bd}
.study-notes{padding:65px 8vw;background:#1c2021;border-top:1px solid #ffffff16}.study-notes>span{font-size:10px;letter-spacing:.1em;color:#a7b6ae}.study-notes h2{font-size:36px;margin:24px 0}.study-notes p{max-width:680px;color:#bbc5c0;font-size:15px}.study-notes .study-small{font-size:12px;color:#879b90}.study-notes>a{font-size:12px;color:#c3edc7}
.sculpture{position:absolute;inset:-12% -15%;perspective:900px;display:grid;place-items:center}
.glass-mark{width:95%;height:95%;overflow:visible;transform:rotate(-13deg) rotateY(calc(-20deg + var(--turn) + var(--scroll)*12deg)) rotateX(12deg);filter:drop-shadow(12px 24px 8px #0008);transition:transform .25s ease-out;position:relative;z-index:1}
.sculpture-halo{position:absolute;inset:10%;background:radial-gradient(ellipse,#61967d28,transparent 68%);filter:blur(15px)}
.plinth{position:absolute;bottom:12%;left:5%;right:5%;height:1px;box-shadow:0 -20px 70px 20px #c3edc70a;background:linear-gradient(90deg,transparent,#c3edc745,transparent);transform:rotate(-13deg)}
.object-caption{position:absolute;bottom:0;right:14%;font-size:8px;letter-spacing:.17em;color:#7e9e8c}
.study-enter .glass-bar{animation:glass-arrive 1.4s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*.16s)}
@keyframes glass-arrive{from{opacity:0;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}}
.study-people{background:#181619}.study-people .study-copy h1 em{color:#d9c1fa}.study-people .study-contact{background:#dcc7f7}.study-people .study-hero{background:radial-gradient(ellipse at 85% 60%,#59384635,transparent 60%)}
.people-art{position:absolute;inset:0;transform:translateY(calc(var(--scroll)*-22px));transition:transform .15s linear}
.people-ring{position:absolute;width:90%;aspect-ratio:1;border:1px solid #b0a0b533;border-radius:50%;left:5%;top:4%}
.portrait{margin:0;position:absolute;border:5px solid #363234;border-bottom-width:28px;box-shadow:0 20px 45px #0005;overflow:hidden}
.portrait img{width:100%;height:100%;object-fit:cover}.portrait figcaption{position:absolute;bottom:10px;left:10px;font-size:10px;color:white;text-shadow:0 1px 5px #000}
.portrait-one{width:49%;height:58%;left:0;top:0;transform:rotate(-10deg) translateY(var(--drift));z-index:1}.portrait-one img{object-position:16% center;width:210%;max-width:none}
.portrait-two{width:53%;height:64%;right:0;top:24%;transform:rotate(7deg) translateY(calc(var(--drift)*-1));z-index:3}.portrait-two img{object-position:51% center}
.portrait-three{width:39%;height:41%;left:6%;bottom:1%;transform:rotate(-4deg) translateY(calc(var(--drift)*.6));z-index:2}.portrait-three img{width:230%;max-width:none;transform:translateX(-48%)}
.people-stamp{position:absolute;right:3%;top:0;display:flex;align-items:center;gap:13px;color:#ccb8de;font-size:12px;line-height:1.5;transform:rotate(5deg)}
.study-video{position:absolute;bottom:-7%;left:45%;z-index:4;border:1px solid #c4b4ce66;border-radius:30px;background:#29222ef0;color:#e8dcf3;padding:13px 20px;font-size:11px;white-space:nowrap}
.study-enter .portrait{animation:portrait-arrive 1.2s ease-out both}.study-enter .portrait-two{animation-delay:.15s}.study-enter .portrait-three{animation-delay:.3s}
@keyframes portrait-arrive{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}
.study-signals{background:#131219}.study-signals .study-hero{background:radial-gradient(ellipse at 80% 40%,#44325e35,transparent 60%)}
.signal-art{position:absolute;inset:-10% -16%;display:grid;align-items:center}.signal-art svg{width:100%;overflow:visible}.signal-result{opacity:0;filter:drop-shadow(0 0 12px #c3edc725)}
.signal-key{display:flex;justify-content:center;gap:28px;position:absolute;bottom:6%;width:100%;font-size:10px;color:#adacc0}.signal-key i{display:inline-block;width:5px;height:5px;background:#c3edc7;border-radius:50%;margin-right:7px}.signal-key span+span i{background:#a68bfa}
.study-paused *{animation-play-state:paused!important}
.study-people .study-header .study-contact{color:#24182e}
.object-caption{bottom:7%}
#study-dialog{background:#202124;color:#f1f3ef;max-width:850px}.study-close{position:absolute;right:15px;top:8px;font-size:30px;background:none;color:white}.study-dialog-content iframe{aspect-ratio:16/9;display:block;min-height:300px}.study-dialog-content h2{font-size:40px}
@media(max-width:900px){.study-header>span{display:none}.study-hero{grid-template-columns:1fr 1fr;padding-top:45px;min-height:650px}.study-copy h1{font-size:48px}.study-intro{font-size:12px}.study-actions{gap:15px;font-size:11px}.study-proof img{width:70px}.study-story h2{font-size:46px}}
@media(max-width:650px){.study-toolbar{padding:10px 15px;flex-wrap:wrap;font-size:10px}.study-toolbar nav{order:3;width:100%;justify-content:center}.study-toolbar nav a{padding:7px 16px}.study-header{height:80px;padding:0 24px}.study-header .study-contact{padding:10px 14px;font-size:11px}.study-hero{padding:28px 24px 90px;grid-template-columns:1fr;gap:32px}.study-copy h1{font-size:clamp(43px,10vw,62px)}.study-copy .eyebrow{font-size:8px}.study-intro{font-size:13px;max-width:420px}.study-actions{font-size:11px;gap:20px}.study-actions .study-contact{padding:14px 16px}.study-art{width:100%;max-width:420px;margin:15px auto;aspect-ratio:1.1}.sculpture{inset:-6% -8%}.glass-mark{width:90%;height:100%}.object-caption{font-size:7px;bottom:-4%}.study-baseline{left:24px;right:24px;bottom:22px;font-size:8px}.study-baseline>span{max-width:180px;line-height:1.7}.study-proof{flex-wrap:wrap;gap:20px;padding:25px 24px}.study-proof>span{width:100%}.study-proof img{width:calc((100% - 80px)/5);height:25px}.study-story{grid-template-columns:1fr;padding:65px 24px;gap:25px}.study-story h2{font-size:43px}.study-story>p{font-size:17px}.study-notes{padding:45px 24px}.study-notes h2{font-size:30px}.people-stamp{font-size:10px}.people-stamp .study-logo{width:22px!important}.study-video{bottom:-9%;left:42%;font-size:10px;padding:10px 15px}.signal-art{inset:-8% -10%}.signal-key{font-size:9px;gap:18px;bottom:0}.study-dialog-content iframe{min-height:190px}.study-brand>img:last-child{width:115px}}
/* Direction 01: editorial, warm paper, portrait framing. */
.editorial h1,.editorial h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.055em}.editorial h1 em,.editorial h2 em{font-style:italic}.editorial .hero-copy{padding:20px 0}.editorial .hero h1{font-size:clamp(50px,5.3vw,82px)}
/* Direction 02: product-led, asymmetric workflow, violet and mint. */
.product{--paper:#fcfcff;--ink:#21183b;--line:#e2deeb;font-family:'Manrope',Arial,sans-serif}.product em{color:#7052f5}.product .hero{grid-template-columns:1.05fr 1fr;background:radial-gradient(ellipse at 80% 50%,#e8ddff,transparent 55%);gap:2vw}.product h1{font-size:clamp(48px,5.3vw,78px);font-weight:600}.product .button{background:#7052f5;border-radius:8px}.product .button:hover{background:#5336c9}.mav-stage{position:relative;min-width:0;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.mav-stage>img{width:100%;height:100%;object-fit:contain;position:relative;mask-image:radial-gradient(ellipse,#000 44%,transparent 71%)}.stage-label{position:absolute;bottom:9%;left:50%;transform:translateX(-50%);white-space:nowrap;display:flex;gap:10px;align-items:center;font-size:11px;border:1px solid #ad9ec4;background:#f8f4ffe8;border-radius:30px;padding:12px 18px;color:#32204a}.product .hero-mark{right:8%;top:10%;bottom:auto;width:48px;transform:rotate(10deg)}.product .hero-mark svg{fill:#7052f5}.orbit{position:absolute;inset:10%;border:1px solid #b4a3d8;border-radius:50%;transform:rotate(-30deg) scaleY(.78)}.product .companion{background:#f0ecfa}.product .companion .section-heading{max-width:800px}.product .task-list button[aria-selected=true]{background:#e2d9f8;border-radius:8px}.product .task-list button{border-color:#d8cfea}.product .hq{background:#24183f}.product .hq em{color:#bea9ff}.product .closing{background:#ede5ff}.product .closing-mark svg{fill:#7052f5}.product .service-number{color:#7052f5}
/* Direction 03: cinematic, dark stage and larger scale. */
.cinematic{--paper:#141319;--ink:#f4f2f7;--line:#353139;color:#f4f2f7;background:#141319;font-family:'Manrope',Arial,sans-serif}.cinematic em{color:#c3edc7}.cinematic .brand img{filter:brightness(0) invert(1)}.cinematic .button{background:#c3edc7;color:#152019}.cinematic .button:hover{background:#ddf0d9}.cinematic header{position:relative;z-index:2}.cinematic .hero{min-height:740px;position:relative;grid-template-columns:1.3fr 1fr;padding-top:30px;padding-bottom:100px;overflow:hidden;background:radial-gradient(ellipse at 78% 45%,#382455 0,transparent 56%)}.cinematic .hero-copy{position:relative;z-index:2}.cinematic h1{font-size:clamp(54px,6.2vw,94px);font-weight:500;letter-spacing:-.065em}.cinematic .intro{color:#bfb9ca;font-size:14px;max-width:450px}.cinematic .mav-stage{width:125%;margin-left:-12%;align-self:center}.cinematic .mav-stage>img{mask-image:radial-gradient(ellipse,#000 40%,transparent 70%)}.cinematic .stage-label{background:#221b30d9;color:#d3c8e5;border-color:#554567;bottom:6%}.cinematic .orbit{border-color:#5a4577;inset:5%}.cinematic .hero-mark{top:10%;right:9%;bottom:auto;width:65px}.hero-foot{position:absolute;bottom:30px;left:6vw;right:6vw;display:flex;justify-content:space-between;border-top:1px solid #51445f;padding-top:20px;font-size:10px;letter-spacing:.08em}.cinematic .clients .logos img{filter:grayscale(1) brightness(0) invert(1)}.cinematic .large-copy{color:#c6c0ce}.cinematic .mini-mark{background:#252e28}.cinematic .mini-mark svg{fill:#c3edc7}.cinematic .companion{background:#201a2c}.cinematic .task-list button{border-color:#4a4057}.cinematic .task-list button[aria-selected=true]{background:#342940}.cinematic .task-list button p{color:#c4bbcf}.cinematic .service-number{color:#c3edc7}.cinematic .service-grid p{color:#bfb9ca}.cinematic .hq{background:#c3edc7;color:#16281b}.cinematic .hq em{color:#476a4f}.cinematic .hq-flow{border-color:#83b28b}.cinematic .hq-flow b{color:#41654a}.cinematic .closing{background:#211a2e}.cinematic .closing-mark svg{fill:#c3edc7}.cinematic .quote{color:#dfd8e7}
/* Refined cinematic opening: the recruiting story leads, Mav appears below. */
.cinematic .hero{display:block;min-height:720px;padding-top:65px;background:radial-gradient(ellipse at 92% 50%,#302442 0,transparent 60%)}
.cinematic .hero-copy{max-width:1040px}
.cinematic .hero h1{max-width:1000px;font-size:clamp(58px,6.7vw,100px)}
.cinematic .hero .intro{max-width:575px;font-size:15px;margin-top:32px}
.brand-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.cinematic .brand-atmosphere .hero-mark{width:85px;right:9%;top:auto;bottom:135px;opacity:.65}
.contour{position:absolute;border:1px solid #a89bb51a;width:720px;height:720px;border-radius:50%;right:-300px;top:5%;transform:rotate(-25deg) scaleX(.72)}
.contour-two{right:-245px;width:800px;height:800px;top:0}
.contour-three{right:-190px;width:880px;height:880px;top:-5%}
.cinematic .task-demo>img{width:150px;height:145px;margin:12px auto}
.cinematic-card-copy{padding:85px 26px 30px;font-size:32px;letter-spacing:-.055em;line-height:1.15;color:#f4f2f7}
.cinematic-card-copy em{color:#c3edc7}
/* Comparison page. */
.comparison{background:#f1f0e9}.compare-wrap{max-width:1600px;margin:auto}.compare-wrap header{border-bottom:1px solid #d3d5c9;height:90px}.compare-wrap header>span{font-size:10px;letter-spacing:.12em}.compare-wrap main{padding:70px 6vw 35px}.compare-wrap h1{font-size:clamp(60px,7vw,100px);font-family:Georgia,serif}.compare-wrap h1 em{font-style:italic}.compare-intro{font-size:16px;margin:25px 0 50px}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.concept-card{min-width:0;color:#222329;background:none!important}.card-preview{height:270px;position:relative;overflow:hidden;border-radius:6px;background:#28194d}.card-preview>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.concept-card:hover .card-preview>img{transform:scale(1.04)}.card-preview>span:not(.mark){position:absolute;top:16px;left:16px;z-index:1;font-size:10px;background:#f7f7eff0;padding:8px 11px;text-transform:uppercase;letter-spacing:.1em;color:#222}.card-preview .mark{position:absolute;bottom:20px;right:20px;width:40px}.concept-card.product .card-preview>img{object-fit:contain;mask-image:radial-gradient(ellipse,#000 40%,transparent 76%)}.concept-card.cinematic .card-preview{background:#181020}.concept-card.cinematic .card-preview>img{object-fit:contain;mask-image:radial-gradient(ellipse,#000 40%,transparent 73%)}.concept-card h2{font-family:inherit!important;font-size:25px;font-weight:500;letter-spacing:-.04em;margin:23px 0 14px;display:flex;justify-content:space-between}.concept-card h2 span{font-size:20px}.concept-card p{font-size:13px;max-width:350px;color:#62645e;margin-bottom:16px}.open-concept{font-size:11px;font-weight:700}.comparison-note{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid #d3d5c9;padding-top:28px;margin-top:50px}.comparison-note p{font-size:12px;color:#62645e}.comparison-note strong{color:#222329;font-weight:500}
/* Logo bars appear one at a time; order is set per bar by the review controls. */
.motion-playing .bar{animation:bar-in calc(.5s * var(--speed)) both;animation-delay:calc(var(--step) * .16s * var(--speed))}.motion-playing .loader .bar{animation:bar-loop calc(2.8s * var(--speed)) infinite both;animation-delay:calc(var(--step) * .16s * var(--speed))}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}@keyframes bar-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-loop{0%,8%{opacity:0}25%,65%{opacity:1}85%,100%{opacity:0}}
@media(min-width:1600px){#top{max-width:1800px;margin:auto}}
@media(max-width:1000px){nav{gap:15px;font-size:11px}header{gap:16px;padding:0 4vw}.hero{padding-left:4vw;padding-right:4vw;gap:30px}.logos{gap:20px}.logos img{width:65px}.clients{gap:25px}.cinematic h1{font-size:60px}.editorial-photo{min-height:440px}.concept-grid{gap:18px}.card-preview{height:220px}}
@media(max-width:760px){header{height:85px;padding:0 24px;flex-wrap:wrap;gap:10px}header>.button{font-size:11px;padding:11px 13px;gap:10px}header nav{display:none}.brand img{width:106px}.brand .mark{width:23px}.review{padding:10px 16px;font-size:10px;gap:12px}.review>span{display:none}.section{padding:64px 24px}.hero,.product .hero,.cinematic .hero{grid-template-columns:1fr;padding:34px 24px 45px;gap:35px;min-height:0}.hero h1,.product h1,.cinematic h1,.editorial .hero h1{font-size:clamp(44px,9.8vw,68px)}.hero .eyebrow{font-size:10px;margin-bottom:23px}.intro{font-size:14px;margin:23px 0}.editorial-photo{min-height:380px;border-radius:130px 130px 4px 4px}.hero-copy{padding:0!important}.actions{gap:22px}.actions>.button{padding:15px 18px}.mav-stage{max-width:500px;width:100%;margin:auto}.cinematic .mav-stage{width:100%;margin:0 auto}.cinematic .hero{padding-bottom:95px;gap:5px}.cinematic .hero-foot{left:24px;right:24px;bottom:24px}.hero-foot>span{display:none}.clients{display:block;padding:30px 24px}.clients>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:15px}.clients p{white-space:normal;font-size:10px;max-width:140px;margin:0}.logos{margin-top:25px;gap:15px;flex-wrap:wrap;justify-content:flex-start}.logos img{width:calc((100% - 60px)/5);max-height:28px}.team{grid-template-columns:1fr;gap:30px}.large-copy{font-size:18px}.workflow{grid-template-columns:1fr;gap:30px}.task-list button{padding:20px 12px}.task-demo{min-height:410px}.section-heading{margin-bottom:30px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article+article{padding:28px 0;border-left:0;border-bottom:1px solid var(--line)}.service-number{margin-bottom:20px}.service-grid p{max-width:none;margin-bottom:20px}.more-services ul{columns:1}.hq-flow{flex-direction:column;align-items:flex-start;gap:15px}.hq-flow b{transform:rotate(90deg)}.about{grid-template-columns:1fr;gap:30px}.about>div:last-child{grid-row:1}.video-poster{height:290px}.quote{padding-top:10px}.quote blockquote{font-size:25px}.closing h2{font-size:58px}.compare-wrap header>span{font-size:8px;max-width:115px;text-align:right}.compare-wrap main{padding:45px 24px 20px}.compare-wrap h1{font-size:62px}.compare-intro{font-size:14px}.concept-grid{grid-template-columns:1fr;gap:40px}.card-preview{height:300px}.comparison-note{grid-template-columns:1fr;gap:0}.concept-card p{max-width:none}.motion>div{right:8px;max-width:calc(100vw - 16px)}dialog{padding:45px 25px}dialog h2{font-size:36px}}
@media(max-width:760px){.cinematic .hero{padding:45px 24px 145px;min-height:0}.cinematic .hero h1{font-size:clamp(44px,10.8vw,68px)}.cinematic .brand-atmosphere .hero-mark{width:38px;bottom:76px;right:26px;opacity:.5}.cinematic .hero .intro{font-size:14px}.contour{opacity:.55;right:-520px}.contour-two{right:-490px}.contour-three{right:-460px}}
/* Selected direction: the sculptural mark joins the full cinematic homepage. */
.sculpture.hero-mark{width:auto;right:auto;bottom:auto}
.cinematic .hero{display:grid;grid-template-columns:1.05fr 1fr;gap:3vw;padding:55px 5vw 105px;min-height:740px;background:radial-gradient(ellipse at 83% 48%,#25473729,transparent 56%)}
.cinematic .hero-copy{max-width:650px}
.cinematic .hero h1{font-size:clamp(48px,5.3vw,80px);max-width:680px;line-height:1.08}
.cinematic .hero .intro{max-width:480px;font-size:14px}
.sculpture-stage{position:relative;aspect-ratio:1;min-width:0;--turn:0deg;--scroll:0;--light:50%}
.cinematic .sculpture.hero-mark{position:absolute;inset:-8% -12%;width:auto;opacity:1}
.cinematic .glass-mark{filter:drop-shadow(10px 22px 10px #0008)}
.cinematic .sculpture-halo{background:radial-gradient(ellipse at var(--light) 45%,#c3edc71a,transparent 65%);inset:5%;filter:blur(18px)}
.cinematic .object-caption{bottom:8%;right:12%;font-size:8px;color:#93b3a0}
.cinematic .plinth{bottom:14%;opacity:.6}
.cinematic.motion-playing .glass-bar{animation:glass-arrive calc(1.25s * var(--speed)) cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--step) * .16s * var(--speed))}
.cinematic.paused .glass-mark{transition:none}
@media(max-width:1050px) and (min-width:761px){.cinematic .hero{gap:1vw}.cinematic .hero h1{font-size:54px}.cinematic .hero .actions{gap:20px}.cinematic .object-caption{font-size:6px}}
@media(max-width:760px){.cinematic .hero{grid-template-columns:1fr;padding:35px 24px 95px;gap:20px;min-height:0}.cinematic .hero h1{font-size:clamp(44px,10.8vw,68px)}.sculpture-stage{width:100%;max-width:450px;margin:0 auto;aspect-ratio:1.1}.cinematic .sculpture.hero-mark{inset:-4% -8%}.cinematic .object-caption{bottom:0;right:10%;font-size:7px}.cinematic .hero-foot{font-size:9px}.cinematic .hero .intro{font-size:14px}}
/* Full-page art direction: a dark material scene, warm paper, and glass UI. */
.cinematic.visual-pass{background:#f5f4ef;color:#242c29;--ink:#222e27;--line:#dbded7;--paper:#f5f4ef}
.visual-pass .review{background:#eeeee8;color:#323f36;border-bottom:1px solid #d9ded5;padding:11px 24px}
.visual-pass .review>a{color:#435e4b}.hero-compare{display:flex;gap:4px;font-size:11px}
.hero-compare a{padding:7px 15px;border-radius:20px;color:#536459}
.hero-compare [aria-current=page]{background:#23382b;color:#ddf0d9}
.visual-pass .motion>div{color:white}.visual-pass header{margin:18px 18px 0;padding:0 4vw;background:#131b18;border-radius:24px 24px 0 0;color:#e4eee8}
.cinematic.visual-pass .hero{margin:0 18px;min-height:760px;padding:50px 4vw 105px;border-radius:0 0 24px 24px;gap:1vw;grid-template-columns:1.25fr 1fr;color:#f2f5f1;background:radial-gradient(ellipse at 85% 55%,#52675745,transparent 56%),linear-gradient(135deg,#131b18,#111916 70%,#25302a)}
.cinematic.visual-pass .hero h1{font-size:clamp(43px,4.7vw,72px);line-height:1.07;letter-spacing:-.055em;font-weight:500;max-width:750px}
.cinematic.visual-pass .hero h1 em{font:inherit;color:#c3edc7;margin-top:16px;display:block}
.cinematic.visual-pass .hero .intro{font-size:13px;line-height:1.8;color:#bac8bf;max-width:540px;margin:25px 0}
.visual-pass .hero .eyebrow{color:#b4c5b9;font-size:10px}
.visual-pass .hero-copy{max-width:none}.visual-pass .hero .text-link{color:#e4eee8}
.visual-pass .hero .button,.visual-pass header .button{background:#c3edc7;color:#1d3325}
.visual-pass .hero .button:hover,.visual-pass header .button:hover{background:#ddf0d9}
.visual-pass .hero-foot{left:4vw;right:4vw;border-color:#8da18e35;color:#b6c6ba;font-size:9px}
.visual-pass .sculpture-stage{isolation:isolate}
.visual-pass .scene-platform{position:absolute;width:135%;height:42%;bottom:0;left:-15%;border-radius:50%;transform:rotate(-8deg);background:radial-gradient(ellipse at 50% 10%,#a8c7ad20,#30463722 45%,#081c1455 70%);border-top:1px solid #c3edc741;box-shadow:0 35px 70px #07170f55;z-index:-1}
.visual-pass .scene-orbit{position:absolute;inset:-3% -8% 8% 10%;border:1px solid #bcd5c526;border-radius:50%;transform:rotate(-25deg) scaleX(.7);z-index:-1}
.cinematic.visual-pass .sculpture.hero-mark{inset:-5% -10% 0 -8%}.cinematic.visual-pass .object-caption{bottom:5%;right:13%;font-size:7px}
.hero-mav{position:absolute;width:68%;right:-7%;bottom:-4%;z-index:3;mask-image:radial-gradient(ellipse at 50% 48%,#000 38%,transparent 71%);pointer-events:none}
.mav-caption{position:absolute;right:4%;bottom:-2%;font-size:8px;letter-spacing:.12em;color:#bcdac6;z-index:4}
.cinematic.visual-pass.with-mav .sculpture.hero-mark{inset:-10% 16% 8% -16%;opacity:.95}
.visual-pass.with-mav .scene-platform{width:125%;left:-13%;bottom:-3%}
.visual-pass.with-mav .object-caption{display:none}
.cinematic.visual-pass .clients{margin:0 4vw;padding:38px 2vw;border-top:0;border-bottom:1px solid #d7ddd4;color:#334239}
.cinematic.visual-pass .clients .logos img{filter:grayscale(1) brightness(.25);opacity:.8}
.cinematic.visual-pass .clients h2{font-size:23px;letter-spacing:-.035em}
.cinematic.visual-pass .section{padding:90px 6vw}
.cinematic.visual-pass h2{font-size:clamp(38px,4.4vw,66px);line-height:1.06}
.cinematic.visual-pass em{color:#41794d}
.cinematic.visual-pass .eyebrow{font-size:10px;letter-spacing:.13em}
.cinematic.visual-pass .team{gap:10vw;padding-top:100px}
.cinematic.visual-pass .large-copy{color:#5b675f;font-size:19px}
.cinematic.visual-pass .human-note{border-color:#d8ddd4}.cinematic.visual-pass .mini-mark{background:#e3e9dd}.cinematic.visual-pass .mini-mark svg{fill:#5b8564}
.team-strip{position:relative;margin-top:30px;max-width:470px;border-radius:12px;overflow:hidden;height:175px;background:#e6eadd}
.team-strip>img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:brightness(.7)}
.team-strip>span{position:absolute;bottom:20px;left:22px;color:white;font-size:20px;line-height:1.15;letter-spacing:-.03em}
.cinematic.visual-pass .companion{background:#edf0e7;border-radius:28px;margin:0 18px;padding:75px 4vw}
.cinematic.visual-pass .section-heading{max-width:830px;margin-bottom:42px}
.cinematic.visual-pass .section-heading>p:not(.eyebrow){color:#5c695f;font-size:15px}
.cinematic.visual-pass .companion .section-heading{max-width:830px}
.cinematic.visual-pass .illustration-note{font-size:10px!important;color:#647865!important;letter-spacing:.02em}
.cinematic.visual-pass .workflow{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:stretch;margin-bottom:45px}
.cinematic.visual-pass .task-list button{color:#34443a;border-color:#d5ddcf;padding:16px 18px;border-radius:6px}
.cinematic.visual-pass .task-list button strong{font-size:15px}
.cinematic.visual-pass .task-list button p{font-size:11px;color:#657064;margin-top:5px}
.cinematic.visual-pass .task-list button[aria-selected=true]{background:#dce6d5}
.cinematic.visual-pass .task-demo{min-height:360px;background:radial-gradient(ellipse at 50% 30%,#584575,#252332 70%);border:1px solid #665b7844;border-radius:16px}
.cinematic.visual-pass .task-demo>img{width:140px;height:125px;margin:0 auto}
.cinematic.visual-pass .task-demo .question{background:#ffffff15;border-color:#d4cbe238;color:#e9e4ef;font-size:12px}
.cinematic.visual-pass .task-demo .answer p{font-size:15px}
.workflow-gallery{display:grid;grid-template-columns:1fr 1fr;gap:32px 26px}
.workflow-card{min-width:0}.workflow-art{position:relative;height:295px;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at 10% 20%,#ddf0d9,transparent 55%),linear-gradient(145deg,#a9c4ad,#d6e4d4 48%,#a6b6cb)}
.workflow-1 .workflow-art{background:radial-gradient(ellipse at 90% 5%,#e6dced,transparent 50%),linear-gradient(145deg,#b4b0d3,#e0dbe2 55%,#acb7b5)}
.workflow-2 .workflow-art{background:radial-gradient(ellipse at 70% 90%,#d6bfa0,transparent 65%),linear-gradient(145deg,#d5d0bb,#f0e9d9 55%,#c4cdad)}
.workflow-3 .workflow-art{background:radial-gradient(ellipse at 0% 20%,#c2cfe0,transparent 55%),linear-gradient(145deg,#abbcc3,#d7e4df 55%,#9db9b3)}
.material-ribbon{position:absolute;width:250px;height:430px;top:-70px;right:-10px;border:32px solid #effff75c;border-radius:50%;transform:rotate(35deg);box-shadow:inset 12px 4px 17px #4c655236,10px 15px 25px #4b70662b;transition:transform .7s ease}
.workflow-card:hover .material-ribbon{transform:rotate(42deg) translateY(-5px)}
.floating-interface{position:absolute;inset:47px 12% 58px;background:#ffffff5e;backdrop-filter:blur(18px);border:1px solid #ffffff80;border-radius:13px;padding:18px;box-shadow:0 18px 40px #40544a1a;color:#32493b;display:flex;flex-direction:column;justify-content:center}
.mini-search{display:flex;justify-content:space-between;gap:10px;background:#ffffff55;padding:10px 12px;border-radius:6px;font-size:11px;margin-bottom:9px}
.talent-lines>span{display:flex;align-items:center;gap:8px;border-top:1px solid #ffffff75;padding:8px 0;font-size:9px}
.talent-lines i{font-size:8px;font-style:normal;padding:5px;border-radius:50%;background:#ffffff75}.talent-lines b{margin-left:auto;font-size:8px;font-weight:500}
.workflow-label{position:absolute;bottom:20px;left:24px;font-size:8px;letter-spacing:.11em;color:#38513f}
.workflow-caption{padding:23px 4px 0}.workflow-caption h3{font-size:22px;letter-spacing:-.035em}.workflow-caption p{font-size:13px;color:#637061;margin:12px 0 0;max-width:440px}
.rediscovery-orbits{display:flex;justify-content:space-between;position:relative;align-items:center;min-height:62px;font-size:9px}
.rediscovery-orbits>span{padding:12px 8px;border:1px solid #ffffffa0;border-radius:30px;background:#ffffff45}.rediscovery-orbits>i{position:absolute;left:48%;top:20px;font-style:normal}
.mini-answer{font-size:12px;line-height:1.6;padding:12px;background:#ffffff70;border-radius:7px;margin-top:8px}.mini-answer strong{font-weight:500}.mini-answer hr{border:0;border-top:1px solid #99ad9566;margin:9px 0}
.mini-chat{background:#536759;color:#f3f7f1;padding:10px 12px;font-size:10px;border-radius:9px 9px 0 9px;align-self:flex-end;max-width:90%}
.small-dot{display:inline-block;background:#6f9875;width:6px;height:6px;border-radius:50%;margin-right:6px}
.pipeline-visual{height:110px;display:flex;align-items:flex-end;gap:12px;padding-bottom:20px}
.pipeline-visual>span{height:var(--height);width:25%;background:linear-gradient(#ffffffa0,#8cb09ca0);border-radius:5px 5px 0 0;font-size:8px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px;color:#344b3c;border:1px solid #ffffff88}
.cinematic.visual-pass .services{background:#f5f4ef}
.cinematic.visual-pass .service-grid{gap:22px;border:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.cinematic.visual-pass .service-grid article,.cinematic.visual-pass .service-grid article+article{position:relative;display:block;border:1px solid #dce0d7;padding:0;border-radius:18px;overflow:hidden;background:#e9eee5}
.service-scenery{position:relative;height:320px;background:radial-gradient(ellipse at 65% 75%,#d2dcbb,transparent 60%),linear-gradient(130deg,#f4f8f3,#dce9e0 70%);overflow:hidden}
.service-1 .service-scenery{background:radial-gradient(ellipse at 30% 90%,#e5d3bc,transparent 65%),linear-gradient(130deg,#f4f3f8,#dcdceb)}
.service-2 .service-scenery{background:radial-gradient(ellipse at 90% 90%,#e6cbac,transparent 55%),linear-gradient(130deg,#f5f5ee,#dde7db)}
.service-object{position:absolute;width:100%;height:100%;top:10px;left:0;filter:drop-shadow(10px 20px 12px #526e6225);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.visual-service:hover .service-object,.visual-service:focus-within .service-object{transform:translateY(-8px) rotate(-3deg)}
.service-index{position:absolute;top:23px;left:22px;font-size:9px;letter-spacing:.09em;color:#4f6556}
.service-tag{position:absolute;bottom:15px;left:22px;font-size:8px;letter-spacing:.1em;color:#607465}
.service-content{padding:24px 22px;background:#ffffff5c;backdrop-filter:blur(15px)}
.cinematic.visual-pass .service-content h3{font-size:25px;margin:0 0 17px}
.service-detail summary{font-size:11px;list-style:none;display:flex;justify-content:space-between;gap:10px;color:#5f7162;cursor:pointer}
.service-detail summary::-webkit-details-marker{display:none}
.cinematic.visual-pass .service-detail p{color:#58685b;font-size:13px;margin:18px 0}
.cinematic.visual-pass .service-detail .button{color:#f3f7ed;background:#38503c;font-size:11px;padding:12px 14px;width:100%}
.cinematic.visual-pass .more-services{border-color:#d6ddcf;font-size:12px}
.cinematic.visual-pass .hq{background:#f5f4ef;padding-top:15px;text-align:center}
.cinematic.visual-pass .hq>p:not(.eyebrow){margin:25px auto 40px;max-width:700px;color:#627062;font-size:15px}
.cinematic.visual-pass .hq em{color:#41794d}
.hq-window{position:relative;max-width:1120px;margin:45px auto 0;text-align:left;background:radial-gradient(ellipse at 90% 90%,#a2b8a98c,transparent 60%),linear-gradient(140deg,#dce7d8,#ccd9cd 50%,#dbd5e7);padding:42px;border-radius:23px;box-shadow:inset 0 0 0 1px #ffffffa0}
.hq-window-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px;color:#405847}
.hq-wordmark{font-size:20px;letter-spacing:-.04em;font-weight:600}.hq-window-top>span:nth-child(2){font-size:9px;letter-spacing:.1em}.hq-window-top small{font-size:9px}
.hq-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.hq-columns>div{background:#ffffff85;backdrop-filter:blur(15px);border:1px solid #ffffffba;padding:24px;border-radius:12px;min-width:0}
.hq-column-index{font-size:9px;color:#758d77}.hq-columns h3{font-size:22px;margin:25px 0 12px}.hq-columns p{font-size:12px;line-height:1.6;color:#5d7360}
.hq-placeholder{display:grid;gap:8px;margin-top:24px}.hq-placeholder i{height:7px;background:#93ad9660;border-radius:5px}.hq-placeholder i:nth-child(2){width:80%}.hq-placeholder i:nth-child(3){width:55%}
.hq-window-bottom{padding-top:25px;text-align:center;font-size:11px;color:#4d6852}
.cinematic.visual-pass .about{background:#17241d;color:#e5eee6;margin:0 18px;border-radius:24px;grid-template-columns:1.2fr 1fr;padding:55px 4vw}
.cinematic.visual-pass .about em{color:#c3edc7}.cinematic.visual-pass .about p{color:#bdcbbd}
.cinematic.visual-pass .video-poster{height:380px;border-radius:15px}
.cinematic.visual-pass .quote{padding:90px 8vw;color:#35493a;max-width:1150px}
.cinematic.visual-pass .quote blockquote{font-size:clamp(24px,2.7vw,38px);line-height:1.45}
.cinematic.visual-pass .closing-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding-top:20px;align-items:stretch}
.cinematic.visual-pass .contact-panel{border-radius:22px;overflow:hidden;padding:55px 40px;text-align:left;background:radial-gradient(ellipse at 100% 0,#c9bcd8,transparent 55%),radial-gradient(ellipse at 5% 100%,#d2dba8,transparent 60%),linear-gradient(145deg,#c1d4c0,#92b5a0);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.cinematic.visual-pass .contact-panel h2{font-size:clamp(42px,4.4vw,64px);color:#273d2b}.cinematic.visual-pass .contact-panel em{color:#41794d}
.cinematic.visual-pass .contact-panel>p:not(.eyebrow){margin:25px 0;color:#3e5944;font-size:14px}
.cinematic.visual-pass .contact-panel .button{background:#263f2c;color:#f1f9ed}
.cinematic.visual-pass .contact-panel .closing-mark{width:38px;margin-bottom:25px}
.cinematic.visual-pass .contact-panel .closing-mark svg{fill:#41794d}
.faq{padding:20px 0}.cinematic.visual-pass .faq h2{font-size:40px;margin-bottom:30px}
.faq details{border-top:1px solid #d5dccf;padding:20px 0}.faq details:last-child{border-bottom:1px solid #d5dccf}
.faq summary{list-style:none;font-size:13px;line-height:1.5;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:19px;font-weight:400;color:#6a806a;transition:transform .2s}
.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:12px;color:#637363;line-height:1.8;margin:15px 20px 0 0}
@media(max-width:1000px){.cinematic.visual-pass .hero{grid-template-columns:1.2fr 1fr;min-height:680px}.cinematic.visual-pass .hero h1{font-size:49px}.service-scenery{height:260px}.service-content{padding:20px 16px}.cinematic.visual-pass .service-content h3{font-size:21px}.floating-interface{inset:45px 7% 55px}.hq-window{padding:28px}.hq-columns>div{padding:20px}.cinematic.visual-pass .contact-panel{padding:40px 25px}}
@media(max-width:760px){.visual-pass .review{flex-wrap:wrap;padding:10px 15px}.hero-compare{display:flex!important;order:3;width:100%;justify-content:center}.visual-pass header{margin:10px 10px 0;padding:20px 20px;height:auto;border-radius:18px 18px 0 0}.visual-pass header nav{display:flex;order:3;width:100%;justify-content:space-between;font-size:10px;margin-top:12px}.visual-pass header>.button{font-size:10px;padding:10px 11px}
.cinematic.visual-pass .hero{margin:0 10px;grid-template-columns:1fr;padding:28px 20px 85px;gap:20px;min-height:0;border-radius:0 0 18px 18px}.cinematic.visual-pass .hero h1{font-size:clamp(38px,9.2vw,61px);line-height:1.1}.cinematic.visual-pass .hero .intro{font-size:12px}.cinematic.visual-pass .hero .actions{gap:18px}.cinematic.visual-pass .hero .text-link{font-size:11px}.cinematic.visual-pass .hero .button{padding:13px 15px;font-size:11px}
.visual-pass .hero-foot{left:20px;right:20px;font-size:8px}.visual-pass.with-mav .hero-foot>span{display:block;font-size:7px;max-width:155px}.visual-pass.with-mav .hero-foot>a{max-width:130px;text-align:right}.cinematic.visual-pass .sculpture.hero-mark{inset:0 -5% 0 -5%}.cinematic.visual-pass.with-mav .sculpture.hero-mark{inset:-5% 18% 6% -8%}.hero-mav{right:-1%;bottom:0;width:67%}.mav-caption{font-size:6px;bottom:-4%;right:2%}
.cinematic.visual-pass .clients{padding:30px 14px;margin:0 10px}.cinematic.visual-pass .section{padding:60px 24px}.cinematic.visual-pass .team{gap:30px}.cinematic.visual-pass .large-copy{font-size:16px}.team-strip{height:180px}
.cinematic.visual-pass .companion{margin:0 10px;padding:45px 20px;border-radius:20px}.cinematic.visual-pass .workflow{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.cinematic.visual-pass .task-list button{padding:13px 10px}.cinematic.visual-pass .task-demo{min-height:340px}.workflow-gallery{grid-template-columns:1fr;gap:30px}.workflow-art{height:280px}.workflow-caption h3{font-size:21px}.workflow-caption p{font-size:12px}.floating-interface{inset:45px 9% 53px}
.cinematic.visual-pass .service-grid{grid-template-columns:1fr;gap:24px}.service-scenery{height:300px}.cinematic.visual-pass .service-content h3{font-size:26px}.service-content{padding:24px}
.cinematic.visual-pass .hq{padding-top:0}.hq-window{padding:22px;margin-top:25px}.hq-window-top{flex-wrap:wrap;gap:10px}.hq-window-top>span:nth-child(2){display:none}.hq-columns{grid-template-columns:1fr}.hq-columns>div{padding:20px;min-height:0}.hq-columns h3{margin:12px 0;font-size:22px}.hq-placeholder{margin-top:15px}
.cinematic.visual-pass .about{margin:0 10px;padding:40px 20px;grid-template-columns:1fr;border-radius:20px}.cinematic.visual-pass .video-poster{height:280px}.cinematic.visual-pass .quote{padding:65px 25px}
.cinematic.visual-pass .closing-grid{grid-template-columns:1fr;padding:15px 20px 50px;gap:30px}.cinematic.visual-pass .contact-panel{padding:40px 25px}.cinematic.visual-pass .contact-panel h2{font-size:49px}.cinematic.visual-pass .faq h2{font-size:37px}.faq{padding:10px 4px}}
/* Mav-only hero: a smaller first statement and a dominant purple second beat. */
.cinematic.visual-pass .hero h1{font-size:clamp(32px,3.4vw,51px);max-width:700px;line-height:1.12}
.cinematic.visual-pass .hero h1 em{font-size:clamp(43px,4.6vw,69px);color:#b899f4;line-height:1.08;margin-top:25px}
.cinematic.visual-pass.with-mav .hero{min-height:690px;grid-template-columns:1.15fr 1fr;background:#141a18}
.visual-pass.with-mav .sculpture-stage{aspect-ratio:1;overflow:visible;min-height:430px;isolation:auto}
.visual-pass.with-mav .mav-still{width:110%;max-width:none;right:-5%;bottom:0;transform:none;animation:none;mask-image:radial-gradient(ellipse at 50% 50%,#000 48%,transparent 72%)}
.visual-pass.with-mav .mav-caption{bottom:-3%;left:12%;right:0;text-align:center;font-size:8px;color:#b8a7d1}
@media(max-width:1000px) and (min-width:761px){.cinematic.visual-pass .hero h1{font-size:35px}.cinematic.visual-pass .hero h1 em{font-size:48px}.with-mav .sculpture-stage{min-height:350px}}
@media(max-width:760px){.cinematic.visual-pass .hero h1{font-size:31px}.cinematic.visual-pass .hero h1 em{font-size:42px;margin-top:20px}.cinematic.visual-pass.with-mav .hero{grid-template-columns:1fr;min-height:0}.visual-pass.with-mav .sculpture-stage{min-height:0;aspect-ratio:1;margin-top:30px}.visual-pass.with-mav .mav-caption{bottom:-1%;font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.bar{opacity:1!important;transform:none!important}}
.visual-pass .bars-video-stage{overflow:hidden;aspect-ratio:640/600}
.bars-video-stage .bars-poster,.bars-video-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect;pointer-events:none}
.bars-video-stage:has(video.is-visible) .bars-poster{visibility:hidden}
.bars-video-stage video{opacity:0}
.bars-video-stage video.is-visible{opacity:1}
.visual-pass.with-mav .mav-video-stage{overflow:hidden;isolation:isolate}
.mav-video-stage .mav-poster,.mav-video-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
.mav-video-stage video{opacity:0}
.mav-video-stage video.is-visible{opacity:1}
.mav-video-stage[data-motion="entrance"] .mav-poster,.mav-video-stage:has(video.is-visible) .mav-poster{visibility:hidden}
.cinematic.visual-pass.with-mav .hero h1{font-size:clamp(40px,4.2vw,64px);line-height:1.08;letter-spacing:-.045em}
.cinematic.visual-pass.with-mav .hero{padding-bottom:45px}
.cinematic.visual-pass.with-mav .hero h1 em{font-size:inherit;line-height:inherit;margin-left:0;margin-top:8px;width:100%;text-align:left}
.with-mav .hero-lead{display:block;letter-spacing:-.045em}
@media(min-width:1001px){.with-mav .hero-lead{white-space:normal;text-align:left}}
@media(min-width:1001px) and (min-height:600px){
  .cinematic.visual-pass.with-mav{--hero-margin:18px;--hero-header:100px}
  .cinematic.visual-pass.with-mav#top,.cinematic.visual-pass.with-mav #top{max-width:none}
  .cinematic.visual-pass.with-mav header{height:var(--hero-header);margin:var(--hero-margin) var(--hero-margin) 0}
  .cinematic.visual-pass.with-mav .hero{height:calc(100svh - var(--hero-header) - 2 * var(--hero-margin));min-height:0;margin:0 var(--hero-margin) var(--hero-margin);padding:clamp(20px,4svh,48px) 4vw;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .cinematic.visual-pass.with-mav .hero h1{max-width:none}
  .cinematic.visual-pass.with-mav .mav-video-stage{min-height:0;width:min(100%,calc(100svh - 220px));max-height:100%;justify-self:center;aspect-ratio:1}
}
@media(max-width:760px){.cinematic.visual-pass.with-mav .hero h1{font-size:clamp(32px,8vw,44px)}.cinematic.visual-pass.with-mav .hero{padding-bottom:30px}}
.companion-journey{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7vw;align-items:start}
.companion-guide{position:sticky;top:28px;border-radius:22px;background:#141e19;color:#e6eee7;overflow:hidden;padding:24px;max-height:calc(100svh - 56px)}
.companion-guide-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#b7cbbf}
.companion-guide>img{width:100%;height:min(40vw,48svh);object-fit:contain;mask-image:radial-gradient(ellipse,#000 48%,transparent 73%)}
.companion-guide>p{margin:18px 0 0;font-size:15px;line-height:1.45;color:#c8d9cc;text-align:center}
.chapter-progress{justify-content:center;gap:12px}
.chapter-progress a{display:grid;place-items:center;width:40px;height:40px;border:1px solid #506258;border-radius:50%;color:#c5d2c8;font-size:11px}
.chapter-progress a[aria-current]{background:#c3edc7;border-color:#c3edc7;color:#17271b}
.companion-chapter{scroll-margin-top:50px;padding:28px 0 70px;border-top:1px solid #c5cec0;min-height:75svh;position:relative}
.companion-chapter:last-child{padding-bottom:32px}
.companion-chapter:before{content:'';position:absolute;top:-1px;left:0;width:45px;height:3px;background:transparent}
.companion-chapter.is-active:before{background:#7052f5}
.chapter-heading{display:flex;align-items:baseline;gap:18px}
.chapter-number{font-size:12px;color:#74618d;flex-shrink:0}
.chapter-heading h3{font-size:clamp(26px,2.7vw,40px);color:#253d30;line-height:1.12}
.chapter-description{font-size:15px;color:#596b5e;margin:20px 0 26px;max-width:480px}
.companion-chapter .workflow-art{height:300px}
.chapter-judgment{font-size:14px;color:#435d4b;margin:22px 0 0;line-height:1.6}
.chapter-judgment>span{display:block;color:#80609d;font-size:9px;letter-spacing:.12em;margin-bottom:8px}
.chapter-mav{display:none}
.cinematic.visual-pass .companion.chat-journey{padding:0;background:none;border-radius:0;position:relative;margin:18px}
.journey-pin{padding:32px 4vw;background:#edf0e7;border-radius:26px}
.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}
.journey-heading .eyebrow{margin-bottom:10px;font-size:10px;color:#617761}
.journey-heading h2{font-size:clamp(32px,3.3vw,52px);color:#263c30}
.journey-heading-copy{min-width:0}
.journey-summary{max-width:680px;margin:14px 0 0;font-size:clamp(13px,1vw,16px);line-height:1.6;color:#5a695c}
.cinematic.visual-pass .client-stories{max-width:none;padding:80px 6vw}
.quote>.client-stories-grid{display:grid;align-items:stretch;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;text-align:left}
.client-story{margin:0;padding:30px;border:1px solid #d3ddd0;border-radius:24px;background:linear-gradient(135deg,#ddf0d9,#ebe5f2);display:flex;flex-direction:column;gap:28px}
.cinematic.visual-pass .client-story blockquote{font-size:clamp(18px,1.4vw,23px);line-height:1.6;margin:0}
.client-story figcaption{margin-top:auto;font-size:14px;line-height:1.6;display:flex;align-items:center;gap:14px}
.client-story figcaption img{width:56px;height:56px;flex-shrink:0;border-radius:50%;object-fit:cover}
.client-story figcaption div{min-width:0}
.quote>.stories-heading{display:block;text-align:left;margin-bottom:36px}
.quote>.stories-carousel{display:block;position:relative}
.stories-carousel>.stories-viewport{display:block;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:0}
.stories-side-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:48px;height:48px;padding:0;border-radius:50%;border:1px solid #b9cdb8;background:#edf4e9f2;color:#354d3d;box-shadow:0 3px 12px #23352718;transition:background .2s,color .2s}
.stories-side-arrow.is-prev{left:-24px}.stories-side-arrow.is-next{right:-24px}
.stories-side-arrow svg{width:24px;height:24px}.stories-side-arrow:hover{background:#c3edc7}.stories-side-arrow:focus-visible{outline:2px solid #8463bd;outline-offset:4px}
@media(max-width:760px){.stories-side-arrow{width:40px;height:40px}.stories-side-arrow.is-prev{left:-16px}.stories-side-arrow.is-next{right:-16px}}
.stories-viewport::-webkit-scrollbar{display:none}
.stories-track{display:flex;gap:24px;align-items:stretch}
.carousel-story{flex:0 0 calc((100% - 72px)*.3);min-width:0;margin:0;padding:30px;border:1px solid #d5dfd1;border-radius:24px;background:linear-gradient(125deg,#e3edde,#e9e3f1);display:flex;flex-direction:column;text-align:left;scroll-snap-align:start}
.stories-viewport{cursor:grab;user-select:none}.stories-viewport.is-dragging{scroll-snap-type:none;cursor:grabbing}
.cinematic.visual-pass .carousel-story blockquote{font-size:clamp(18px,1.4vw,24px);line-height:1.6;margin:0 0 30px;letter-spacing:-.025em}
.carousel-story .quote-highlight{font-weight:650;color:#70509c}
.carousel-story figcaption{margin-top:auto;display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.5}
.carousel-story figcaption div{min-width:0}.carousel-story figcaption span{display:block;font-size:12px;color:#5a695c;margin-top:4px}
.quote .carousel-story .story-headshot{width:64px;height:64px;flex-shrink:0;object-fit:cover;border-radius:50%}
.quote .carousel-story .story-logo{display:block;height:24px;width:82px;object-fit:contain;object-position:left center;border-radius:0;margin-top:7px}
.quote>.stories-controls{display:flex;justify-content:space-between;margin-top:24px;font-size:12px;color:#617363}
.stories-controls>div{display:flex;gap:10px}.stories-controls button{background:transparent;color:#344d3d;border:1px solid #c9d3c3;border-radius:30px;min-width:44px;height:44px;padding:0 16px;font:inherit}
.stories-controls button:hover{background:#e0e8dc}.stories-controls button:focus-visible,.stories-viewport:focus-visible{outline:2px solid #8463bd;outline-offset:4px}
@media(max-width:1000px){.carousel-story{padding:24px;flex-basis:calc((100% - 24px)/2)}}
@media(max-width:760px){.carousel-story{flex-basis:88%;padding:24px}.cinematic.visual-pass .carousel-story blockquote{font-size:20px}.carousel-story figcaption{gap:10px}.carousel-story figcaption strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.carousel-story{transition:none}.stories-auto{display:none}}
.stories-heading h2{margin:0}
.cinematic.visual-pass .stories-heading h2 em{color:#8463bd}
.quote>.story-feature{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:center;text-align:left;padding:42px;border:1px solid #d3ddd0;border-radius:28px;background:linear-gradient(125deg,#e1ecdf,#e9e3f1);min-height:430px}
.story-portrait{margin:0;align-self:stretch;min-height:300px}
.quote .story-portrait img{width:100%;height:100%;max-height:370px;border-radius:20px;object-fit:cover}
.story-theme{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#75549f;margin:0 0 22px}
.cinematic.visual-pass .story-copy blockquote{margin:0 0 32px;font-size:clamp(22px,2.2vw,34px);line-height:1.45}
.story-attribution{display:flex;justify-content:space-between;gap:20px;align-items:center}
.story-attribution strong{font-size:15px}.story-attribution span{display:block;font-size:12px;color:#5a695c;margin-top:5px}
.quote .story-attribution img{width:110px;height:40px;border-radius:0;object-fit:contain}
.quote>.story-selectors{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:28px}
.story-selectors button{background:transparent;color:#52675b;padding:10px 5px;border-radius:16px;font:inherit;display:flex;align-items:center;flex-direction:column;gap:10px}
.quote .story-selectors img{height:64px;width:64px;border:3px solid transparent;padding:3px;transition:border-color .2s,transform .2s}
.story-selectors button[aria-pressed=true] img{border-color:#9671d0;transform:scale(1.06)}
.story-selectors button[aria-pressed=true]{color:#52377a}
.story-selectors button:hover{background:#e7eade}.story-selectors button:focus-visible{outline:2px solid #8463bd;outline-offset:3px}
.story-selectors span{font-size:12px}
@media(max-width:760px){.quote>.story-feature{grid-template-columns:1fr;gap:22px;padding:24px;min-height:0}.story-portrait{min-height:0;align-self:auto}.quote .story-portrait img{width:100px;height:100px;border-radius:50%}.cinematic.visual-pass .story-copy blockquote{font-size:23px}.quote>.story-selectors{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.story-attribution{align-items:flex-start}.quote .story-attribution img{width:75px}.stories-heading h2{font-size:38px}.story-selectors span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.quote .story-selectors img{transition:none}}
.client-story figcaption span{display:block;color:#5a695c;font-size:12px}
@media(max-width:1000px){.quote>.client-stories-grid{grid-template-columns:1fr}.journey-summary{max-width:620px}}
.cinematic.visual-pass .journey-heading h2 em{color:#b899f4}
.journey-instructions{font-size:11px;color:#65766b;flex-shrink:0}
.journey-instructions p{margin:0 0 5px}.journey-instructions a{text-decoration:underline;text-underline-offset:3px}
.journey-window{min-width:0;min-height:0}
.chat-viewport{min-width:0;min-height:0;overflow:hidden}
.demo-composer{display:flex;align-items:center;gap:12px;border:1px solid #fff;background:#ffffff80;border-radius:12px;padding:12px 15px;margin:10px 0;color:#7b887e;font-size:12px;min-height:54px}
.demo-composer>span{flex:1}.demo-composer b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#526b5a;color:white}
.demo-composer[data-typing=true]{color:#294534}.demo-composer[data-typing=true]>span:after{content:'|';color:#7052f5}
.chat-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.demo-question[hidden]{display:none}
.demo-question:not([hidden]){animation:chat-answer-in .22s ease both}
.journey-track{display:grid;gap:28px}
.companion-chapter.journey-scene{min-height:0;border:0;padding:24px 0;display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:4vw;align-items:center}
.journey-scene:before{display:none}
.scene-number{font-size:11px;color:#816599;letter-spacing:.12em}
.scene-copy h3{font-size:clamp(25px,3vw,44px);line-height:1.09;color:#283f30;margin:18px 0}
.scene-copy>p{font-size:14px;color:#5d6f60;max-width:330px}
.scene-human{margin-top:26px;padding-top:18px;border-top:1px solid #cdd6c7}
.scene-human>span{font-size:9px;letter-spacing:.11em;color:#82669b}.scene-human p{margin:8px 0 0;font-size:12px;color:#506455;line-height:1.6}
.scene-mav,.static-chat-portrait{display:none}
.demo-glass{min-height:0;border:1px solid #fff;border-radius:22px;box-shadow:0 18px 50px #46614312,inset 0 1px #fff;background:radial-gradient(ellipse at 0 0,#ddf0d999,transparent 65%),linear-gradient(120deg,#e9f0e5,#d5dceb);padding:20px;display:flex;flex-direction:column;color:#2b4234;overflow:hidden}
.scene-1 .demo-glass{background:radial-gradient(ellipse at 0 0,#ded3f1aa,transparent 65%),linear-gradient(120deg,#eeedf2,#d6e1dc)}
.scene-2 .demo-glass{background:radial-gradient(ellipse at 0 0,#f2e3c6aa,transparent 65%),linear-gradient(120deg,#f1ede4,#dce5d2)}
.demo-topline{display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid #ffffffb0;font-size:13px}
.demo-topline>span:nth-child(2){font-size:9px;color:#657465;margin-left:auto}
.demo-reset{background:#ffffff80;border:1px solid #fff;border-radius:20px;padding:6px 10px;font-size:10px}
.demo-transcript{min-height:0;overflow:auto;padding:16px 4px 8px;scrollbar-width:thin;scrollbar-color:#9aae9d transparent}
.demo-question{background:#53685a;color:#fff;border-radius:13px 13px 3px 13px;padding:12px 15px;margin:0 0 14px 12%;width:88%}
.demo-answer{padding:0 4px;margin-bottom:14px}
.demo-question>span,.demo-answer>span{display:block;font-size:8px;letter-spacing:.12em;opacity:.8;margin-bottom:5px}
.demo-question p,.demo-answer p{font-size:12px;line-height:1.55;margin:0}
.demo-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.demo-results>div{padding:13px 10px;border-radius:12px;border:1px solid #fff;background:#ffffff70;backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:7px}
.demo-results strong{font-size:11px;font-weight:600}.demo-results>div>span:last-child{font-size:10px;line-height:1.45;color:#627363}
.result-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e4ecdf;font-size:14px;color:#6e587f}
.demo-prompts{border-top:1px solid #ffffffa0;padding-top:12px;margin-top:auto}
.demo-prompts>span{font-size:8px;letter-spacing:.12em;color:#657662;display:block;margin-bottom:8px}
.demo-prompts>div{display:flex;gap:8px;flex-wrap:wrap}.demo-prompts button{border:1px solid #ffffffd0;border-radius:20px;padding:9px 12px;background:#ffffff90;font-size:11px;color:#3d5546;display:flex;gap:12px;align-items:center}
.demo-prompts button:hover,.demo-prompts button[aria-pressed=true]{background:#294534;color:#fff;border-color:#294534}
.journey-footer{display:flex;align-items:flex-end;gap:32px;padding-top:12px}
.journey-window{position:relative}
.chat-character{display:none;pointer-events:none}
.chat-character-media{position:relative;background:#141e19;overflow:hidden}
.chat-character-media img,.chat-character-media video{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:contain}
.chat-character-media [hidden]{display:none}
.chat-character>span{font-size:9px;color:#475e4e;white-space:nowrap}
.chat-journey.is-horizontal .demo-glass{align-self:center}
.demo-thinking{font-size:12px;color:#6d50ab;padding:12px 4px}
.demo-answer[hidden],.demo-results[hidden],.demo-thinking[hidden]{display:none}
.demo-answer:not([hidden]),.demo-results:not([hidden]){animation:chat-answer-in .35s ease both}
@keyframes chat-answer-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.demo-answer,.demo-results{animation:none!important}}
.journey-steps{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end;padding-bottom:20px}
.journey-steps button{border:1px solid #c9d3c3;background:transparent;border-radius:30px;padding:10px 14px;font-size:11px;color:#526c5b;display:flex;gap:8px}
.journey-steps button>span{opacity:.6}.journey-steps button[aria-current]{background:#294534;border-color:#294534;color:#fff}
.chat-journey.is-horizontal .journey-pin{position:sticky;top:18px;height:calc(100svh - 36px);display:flex;flex-direction:column;overflow:hidden}
.chat-journey.is-horizontal .journey-window{overflow:hidden;flex:1}
.chat-journey.is-horizontal .journey-track{display:flex;gap:0;height:100%;will-change:transform}
.chat-journey.is-horizontal .journey-scene{flex:0 0 100%;height:100%;padding:0 2px;min-width:0}
.chat-journey.is-horizontal .demo-glass{height:100%;max-height:520px}
.chat-journey.is-horizontal .demo-transcript{flex:1}
@media(max-width:1000px),(max-height:699px),(prefers-reduced-motion:reduce){
 .journey-heading{display:block}.journey-instructions{margin-top:18px}.journey-instructions p{display:none}
 .companion-chapter.journey-scene{display:block;border-top:1px solid #cbd5c5;padding:30px 0}
 .scene-copy{position:relative;padding-right:75px}.scene-copy h3{font-size:30px}.scene-human{margin-top:16px;margin-bottom:22px}
 .scene-copy{padding-right:0}.demo-answer{display:flow-root}
 .demo-glass{max-height:none}.demo-transcript{overflow:visible}.journey-footer{display:none}
 .journey-pin{padding:28px 22px}.cinematic.visual-pass .companion.chat-journey{margin:10px}
 .demo-results{grid-template-columns:1fr}.demo-results>div{display:grid;grid-template-columns:25px 1fr;align-items:center}
 .demo-results>div>span:last-child{grid-column:2}.demo-topline{flex-wrap:wrap}.demo-topline>span:nth-child(2){font-size:8px}
 .demo-prompts button{font-size:10px}.demo-glass{padding:14px;border-radius:16px}.scene-copy>p{font-size:13px}
}
@media(max-width:900px),(max-height:600px),(prefers-reduced-motion:reduce){
 .companion-journey{display:block}.companion-guide{display:none}
 .companion-chapters{display:grid;grid-template-columns:1fr;gap:28px}
 .companion-chapter,.companion-chapter:last-child{min-height:0;padding:24px;border:1px solid #d1dacb;border-radius:18px;background:#f5f6f0}
 .companion-chapter:before{display:none}.chapter-heading{align-items:center;gap:12px;flex-wrap:wrap}
 .chapter-heading h3{width:100%;font-size:28px}.chapter-mav{display:block;width:58px;height:58px;object-fit:cover;border-radius:50%;margin-left:auto}
 .companion-chapter .workflow-art{height:280px}.chapter-description{font-size:14px}
}

/* Meet Mav: stable full-body stage and scroll-controlled conversations. */
.chat-journey .scene-human,.chat-journey .static-chat-portrait{display:none}
.chat-journey .scene-copy h3{font-size:clamp(22px,2.2vw,32px);margin:7px 0}
.chat-journey .scene-copy>p{max-width:none;font-size:12px;margin-bottom:12px}
.chat-journey .scene-number{font-size:9px}
.chat-journey .demo-topline{padding:9px 0;font-size:11px}
.chat-journey .demo-transcript{padding:14px 4px 8px}
.chat-journey .demo-glass{height:100%;max-height:none}
.chat-journey .journey-scene{display:block;padding:0!important;min-width:0}
.chat-journey.is-horizontal .journey-window{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;flex:1;overflow:hidden}
.chat-journey.is-horizontal .chat-character{position:relative;inset:auto;display:flex;width:100%;height:100%;min-height:0;align-items:stretch;gap:0;background:#141e19;border-radius:22px;overflow:hidden;z-index:auto}
.chat-journey.is-horizontal .chat-character-media,.chat-journey.is-horizontal .chat-character[data-motion=walking] .chat-character-media{width:100%;height:100%;flex:1;min-height:0;border:0;border-radius:0;box-shadow:none;transition:none}
.chat-journey .chat-character-media img,.chat-journey .chat-character-media video{width:100%;height:100%;transform:none!important;transition:none;object-fit:contain}
.chat-journey .chat-character>span{position:absolute;bottom:22px;left:24px;color:#b4cfbb;font-size:11px}
.chat-journey.is-horizontal .journey-track{transition:none}
.chat-journey.is-horizontal .demo-question,.chat-journey.is-horizontal .demo-answer,.chat-journey.is-horizontal .demo-results{animation:none;transition:none}
.chat-journey.is-horizontal .demo-glass{max-height:none;align-self:stretch}
.chat-journey.is-horizontal .demo-transcript{padding-left:4px}
.chat-journey .journey-footer{padding-top:20px}
.chat-journey .journey-steps{padding-bottom:0}
@media(max-width:1000px),(max-height:699px),(prefers-reduced-motion:reduce){
 .chat-journey .chat-character{display:flex;position:relative;width:100%;height:240px;border-radius:20px;background:#141e19;overflow:hidden;margin-bottom:24px}
 .chat-journey .chat-character-media{width:100%;height:100%;border:0;border-radius:0}
 .chat-journey .chat-character>span{display:none}
 .chat-journey .journey-scene{margin-bottom:24px}
 .chat-journey .demo-glass{height:auto}
 .chat-journey .demo-composer{display:none}
 .demo-question{animation:none!important}
}

/* Two conversations, with glass confined to the speech bubbles. */
.bubble-journey{--chat-gap:36px;--mav-surface:#141e19}
.bubble-journey .journey-window{isolation:isolate}
.bubble-journey .chat-character-media img,.bubble-journey .chat-character-media video{left:50%;top:50%;width:var(--chat-media-side,100%);height:var(--chat-media-side,100%);transform:translate(-50%,-50%)!important;mask-image:linear-gradient(to right,transparent,#000 7%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 92%,transparent);mask-composite:intersect}
.bubble-journey.is-horizontal .journey-window{gap:var(--chat-gap);overflow:visible}
.bubble-journey .chat-viewport{position:relative;z-index:2}
.bubble-journey .journey-scene{position:relative;background:none;border:0;border-radius:0}
.bubble-title{position:absolute;top:10px;left:0;right:0;font-size:clamp(17px,1.65vw,25px);font-weight:400;color:#304b3a;line-height:1.2}
.bubble-title>span{display:block;font-size:9px;letter-spacing:.14em;color:#806796;margin-bottom:10px}
.bubble-conversation{height:100%;display:grid;grid-template-rows:max-content minmax(0,1fr)}
.recruiter-slot{display:flex;justify-content:flex-end;align-items:flex-start;padding:90px 3px 22px 12%}
.recruiter-bubble{padding:18px 22px;border:1px solid #ffffffee;border-radius:24px 24px 5px 24px;background:radial-gradient(ellipse at 0 0,#ddf0d9b3,transparent 75%),linear-gradient(120deg,#ffffffb8,#d4cde8b8);box-shadow:inset 0 1px 0 #fff,0 10px 24px #5b47610b;backdrop-filter:blur(18px);color:#263e30;width:100%}
.bubble-speaker{display:block;font-size:9px;letter-spacing:.14em;margin-bottom:9px;color:inherit;opacity:.72}
.bubble-copy{display:grid}
.bubble-copy p{grid-area:1/1;margin:0;font-size:clamp(13px,1.17vw,18px);line-height:1.5}
.copy-space{visibility:hidden;pointer-events:none}
.recruiter-bubble[data-typing=true] .question-text:after{content:'|';color:#7954c4}
.response-slot{position:relative;padding:0 3px 3px 0;min-height:0}
.mav-bubble{position:relative;--bubble-reveal:0;padding:22px 26px;border-radius:22px 28px 28px 8px;color:#edf4ee;background:radial-gradient(ellipse at 100% 0,#baa0f12b,transparent 65%),radial-gradient(ellipse at 100% 100%,#c3edc72b,transparent 70%),var(--mav-surface);box-shadow:inset 0 1px 0 #ddf0d94a,inset -1px -1px 0 #d6c4fa29;backdrop-filter:blur(18px);clip-path:inset(0 calc((1 - var(--bubble-reveal))*100%) 0 0 round 22px 28px 28px 8px)}
.mav-bubble .bubble-speaker{color:#c3edc7;opacity:1}
.bubble-results{list-style:none;margin:15px 0 0;padding:0;display:grid;gap:0}
.bubble-results li{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:baseline;padding:10px 0;border-top:1px solid #ecfff017}
.bubble-results li>span{font-size:10px;color:#c0c9ea}
.bubble-results li>p{font-size:12px;line-height:1.4;margin:0;color:#e0e9e2}
.bubble-note{font-size:10px;line-height:1.4;color:#aac0af;margin:12px 0 0}
.bubble-thinking{position:absolute;left:0;top:0;display:flex;align-items:center;gap:12px;padding:12px 17px;border-radius:18px 18px 18px 5px;background:radial-gradient(ellipse at 100% 0,#baa0f12b,transparent 65%),radial-gradient(ellipse at 100% 100%,#c3edc72b,transparent 70%),var(--mav-surface);box-shadow:inset 0 1px 0 #ddf0d94a,inset -1px -1px 0 #d6c4fa29;backdrop-filter:blur(18px);color:#edf4ee;font-size:11px;font-weight:500;letter-spacing:.01em}
.bubble-thinking .bubble-speaker{color:#c3edc7;opacity:1;margin:0}
.thinking-status{display:flex;align-items:center;gap:12px}
.thinking-dots{display:flex;gap:4px;align-items:center}
.thinking-dots i{display:block;width:4px;height:4px;border-radius:50%;background:#b899f4;opacity:.45;animation:thinking-dot 1.2s ease-in-out infinite}
.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}
@keyframes thinking-dot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.thinking-dots i{animation:none;opacity:.7}}
.bubble-thinking[hidden]{display:none}
.mav-liquid{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible;visibility:hidden}
.bubble-journey .mav-bubble{border-radius:28px 28px 28px 5px}
.bubble-journey.is-horizontal:not(.is-vertical) .mav-bubble{background:none;box-shadow:none;backdrop-filter:none;clip-path:none}
.demo-disclosure{font-size:9px;color:#697767;letter-spacing:.02em;align-self:center}
.bubble-journey .journey-footer{justify-content:space-between}
.bubble-journey .journey-steps button:focus-visible{outline:2px solid #7954c4;outline-offset:3px}
.bubble-journey.is-horizontal:not(.is-vertical) .chat-viewport{overflow:visible;clip-path:inset(0 0 0 calc(-1 * var(--chat-gap)))}
.bubble-journey.is-horizontal .journey-track{gap:var(--chat-gap)}
.bubble-journey.is-horizontal .chat-character{z-index:3}
.bubble-journey .journey-footer{justify-content:flex-end}
.bubble-journey .journey-steps{position:relative;isolation:isolate;flex-wrap:nowrap;align-items:center}
.journey-pill-fill{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 80% 0,#baa0f144,transparent 70%),linear-gradient(120deg,#294534,#3c5147);mask-repeat:no-repeat}
.journey-pill-ink{position:absolute;inset:0;pointer-events:none;color:#fff;z-index:2;mask-repeat:no-repeat}
.journey-pill-ink-label{position:absolute;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid transparent;font-size:11px;line-height:1;white-space:nowrap}
.journey-pill-ink-label>span{opacity:.6}
.bubble-journey .journey-steps button,.bubble-journey .journey-steps button[aria-current]{background:transparent;border-color:#c9d3c3;color:#526c5b;height:38px;align-items:center;line-height:1;padding:0 14px;white-space:nowrap}
.bubble-journey .journey-next{height:38px;min-width:38px;align-self:center;line-height:1;padding:0 12px}
/* Full-height human-team story between the client proof and Mav demo. */
.cinematic.visual-pass .team.team-story{min-height:100svh;padding:clamp(40px,6svh,76px) max(5.3vw,24px);gap:6vw;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;color:#293f32}
.team-story-copy{max-width:620px}
.team-story h2{font-size:clamp(40px,4.1vw,64px);line-height:1.02}
.team-story-intro{font-size:15px;line-height:1.6;color:#607064;margin:24px 0}
.team-story-details{display:grid;gap:15px;margin:0 0 25px}
.team-story-details article{border-top:1px solid #d6ded1;padding-top:12px;display:grid;grid-template-columns:155px minmax(0,1fr);gap:18px}
.team-story-details h3{font-size:14px;letter-spacing:-.025em;line-height:1.4;font-weight:500}
.team-story-details p{font-size:12px;line-height:1.55;color:#647266;margin:0}
.team-story-cta{background:#294534;border-radius:7px}
.team-story-photos{height:clamp(460px,74svh,790px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px}
.team-story-photos figure{margin:0;min-height:0;position:relative;overflow:hidden;border-radius:22px;background:#dce4d6}
.team-story-photos img{width:100%;height:100%;object-fit:cover}
.team-photo-main img{object-position:center 20%}
.team-film-play{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;gap:14px;text-align:left;padding:26px;background:transparent;color:white;font-size:16px}
.team-film-icon{width:48px;height:48px;flex:none;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:#ffffff24;backdrop-filter:blur(12px);font-size:17px}
.team-film-play:hover .team-film-icon{background:#c3edc7;color:#203b2a}
.team-film-play small{display:block;font-size:11px;opacity:.8;margin-top:6px}
.team-film-play:focus-visible{outline-offset:-5px}
.team-photo-main:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#14281aca);pointer-events:none}
.team-photo-main figcaption{position:absolute;left:24px;bottom:22px;z-index:1;color:white;font-size:20px;letter-spacing:-.035em}
.team-photo-bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;min-height:0}
.team-photo-bottom figure img{object-position:center;object-fit:cover}
.team-photo-note{border-radius:22px;background:linear-gradient(140deg,#ddf0d9,#e7e0ef);padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.team-photo-note .mark{width:32px}.team-photo-note .mark svg{fill:#65856c}
.team-photo-note p{font-size:clamp(16px,1.5vw,23px);line-height:1.2;letter-spacing:-.035em;margin:16px 0 0}
@media(max-width:1000px){.cinematic.visual-pass .team.team-story{gap:32px}.team-story-details article{grid-template-columns:1fr;gap:4px}.team-photo-bottom{grid-template-columns:1fr}.team-photo-note{display:none}}
@media(max-width:760px){.cinematic.visual-pass .team.team-story{min-height:100svh;grid-template-columns:1fr;padding:56px 24px;gap:32px}.team-story-copy{max-width:none}.team-story h2{font-size:clamp(42px,9vw,60px)}.team-story-details article{grid-template-columns:1fr;gap:5px}.team-story-photos{height:570px;grid-template-rows:1.3fr 1fr}.team-photo-bottom{grid-template-columns:1.3fr 1fr;gap:12px}.team-photo-note{display:flex;padding:18px}.team-photo-main figcaption{font-size:18px}.team-story-cta{min-height:48px}}
/* Both films use Vimeo's 426:224 source ratio, before and during playback. */
.cinematic.visual-pass .video-poster.inline-film,.team-story-photos .team-photo-main.inline-film{width:100%;height:auto;aspect-ratio:426/224;align-self:start}
.inline-film>img{position:absolute;inset:0}
.team-story-photos{height:auto;grid-template-rows:auto auto}
.team-photo-bottom figure{aspect-ratio:822/502;align-self:center}
.team-photo-bottom figure img{display:block}
.inline-film>.team-preview-slide{opacity:0;transition:opacity .9s ease;object-position:center}
.inline-film>.team-preview-slide.is-current{opacity:1}

.cinematic.visual-pass .impact-section{min-height:100svh;display:grid;align-items:center;padding:clamp(40px,6svh,76px) max(5.3vw,24px);background:#141a18;color:#f2f5ed;border-radius:28px;overflow:hidden;position:relative;isolation:isolate}
.impact-section:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 90%,#c3edc70c,transparent 60%),radial-gradient(ellipse at 95% 10%,#ae8ee51a,transparent 60%)}
.impact-inner{width:100%;display:grid;gap:clamp(28px,5svh,64px)}
.cinematic.visual-pass #impact-title{font-size:clamp(42px,5.2vw,80px);line-height:1.04;letter-spacing:-.05em;margin:0}
.cinematic.visual-pass #impact-title em{color:#b899f0}
.impact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0}
.impact-stat{display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:clamp(155px,23svh,260px);padding:clamp(24px,3vw,44px);border:1px solid #ddf0d921;border-radius:22px;background:linear-gradient(130deg,#e8ffe30c,#ffffff03);box-shadow:inset 0 1px 0 #ffffff09}
.impact-stat dt{font-size:clamp(15px,1.4vw,21px);color:#f2f5ed;line-height:1.3}
.impact-stat dd{order:-1;margin:0;font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:clamp(62px,7.5vw,116px);line-height:1;letter-spacing:-.055em;color:#c3edc7}
.impact-stat .impact-value{color:#c3edc7}
.impact-feature dt{color:#f2f5ed;text-shadow:0 2px 12px #141a18}
.cinematic.visual-pass .impact-section{margin:18px;min-height:calc(100svh - 36px);padding:clamp(32px,5svh,64px) 4vw;border-radius:24px}
.impact-inner{gap:clamp(28px,5svh,52px)}
.cinematic.visual-pass #impact-title{font-size:clamp(38px,4.5vw,72px)}
.impact-grid{grid-template-columns:1.3fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:0 5vw}
.impact-stat{min-height:0;padding:22px 0;gap:8px;border:0;border-bottom:1px solid #ddf0d929;border-radius:0;background:none;box-shadow:none}
.impact-stat:last-child{border-bottom:0}
.impact-stat dd{font-size:clamp(52px,5.4vw,84px)}
.impact-feature{grid-row:span 3;position:relative;isolation:isolate;overflow:hidden;justify-content:flex-start;min-height:450px;padding:36px;border:1px solid #ddf0d929;border-radius:22px;background:radial-gradient(ellipse at 90% 100%,#baa0f124,transparent 70%),linear-gradient(140deg,#c3edc714,#c3edc703)}
.impact-feature dd{font-size:clamp(100px,12vw,190px);letter-spacing:-.075em;position:relative;z-index:1}
.impact-feature dt{position:relative;z-index:1;font-size:clamp(20px,2vw,28px)}
.impact-mark{position:absolute;bottom:-35px;right:22px;width:70%;aspect-ratio:164/126;transform:rotate(-16deg);opacity:.42;z-index:-1;background:#cbb8e8;mask:url('/assets/mavericks-mark.svg') center/contain no-repeat;-webkit-mask:url('/assets/mavericks-mark.svg') center/contain no-repeat}
.impact-mark i{width:14%;height:90%;border-radius:100px;background:linear-gradient(115deg,#edfff0aa,#98c6b54d 40%,#38584b38 70%,#c3edc775);border:1px solid #ddf0d957;box-shadow:8px 8px 0 #0b17143d}
.impact-mark i:nth-child(2){height:72%}.impact-mark i:nth-child(3){height:56%}.impact-mark i:nth-child(4){height:80%}.impact-mark i:nth-child(5){height:100%}
.impact-stat{position:relative}
.impact-stat dt button{background:none;color:inherit;padding:0;display:flex;gap:18px;align-items:center;text-align:left;font:inherit}
.impact-stat dt button:after{content:'';position:absolute;inset:0;z-index:3;cursor:inherit;border-radius:inherit}
.impact-stat dt button span{font-size:16px;opacity:.55}
.impact-stat .impact-value,.impact-stat dt{transition:opacity .25s ease}
.impact-stat dd.impact-description{position:absolute;inset:12px 0;display:flex;align-items:center;margin:0;font-family:inherit;font-size:clamp(13px,1.1vw,17px);font-weight:400;line-height:1.65;letter-spacing:0;color:#e4ece3;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease,visibility .25s;pointer-events:none;z-index:2}
.impact-feature dd.impact-description{inset:36px;font-size:clamp(17px,1.6vw,24px);align-items:flex-start;padding-top:24px}
.impact-stat:focus-within .impact-description,.impact-stat.is-expanded .impact-description{opacity:1;visibility:visible;transform:none}
.impact-stat:focus-within .impact-value,.impact-stat:focus-within dt,.impact-stat.is-expanded .impact-value,.impact-stat.is-expanded dt{opacity:0}
.impact-stat:focus-within{outline:2px solid #b899f0;outline-offset:5px}
@media(hover:hover){.impact-stat:hover .impact-description{opacity:1;visibility:visible;transform:none}.impact-stat:hover .impact-value,.impact-stat:hover dt{opacity:0}}
@media(prefers-reduced-motion:reduce){.impact-stat .impact-value,.impact-stat dt,.impact-stat dd.impact-description{transition:none;transform:none}}
@media(max-width:760px){.impact-stat:not(.impact-feature){min-height:230px}.impact-feature dd.impact-description{inset:26px;font-size:16px}.impact-stat dd.impact-description{font-size:14px}}
@media(max-width:760px){.cinematic.visual-pass .impact-section{margin:10px;min-height:calc(100svh - 20px);padding:40px 24px;border-radius:18px}.impact-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:0}.impact-feature{grid-row:auto;min-height:320px;padding:26px;margin-bottom:12px}.impact-feature dd{font-size:clamp(94px,25vw,150px)}.impact-stat:not(.impact-feature){padding:25px 0}.impact-inner{gap:30px}}
@media(prefers-reduced-motion:reduce){.inline-film>.team-preview-slide{transition:none}}
@media(max-width:760px){.team-story-photos{height:auto;grid-template-rows:auto auto}.team-photo-bottom{grid-template-columns:1fr}.team-photo-note{min-height:150px}}
.bubble-journey.is-horizontal .journey-heading{margin-bottom:28px;flex-shrink:0}
.bubble-journey.is-horizontal .journey-pin{padding-top:32px;padding-bottom:32px}
.bubble-journey.is-horizontal .journey-footer{flex-shrink:0;justify-content:flex-end;padding-top:2px}
.bubble-journey .journey-footer .journey-steps{flex-shrink:0}
.journey-next{display:grid;place-items:center;align-self:stretch;min-width:39px;padding:8px 12px;border:1px solid #c9d3c3;border-radius:30px;color:#526c5b;font-size:17px}
.journey-next:hover{background:#dce5d9}
.journey-next:focus-visible{outline:2px solid #7954c4;outline-offset:3px}
@media(min-width:1001px) and (max-height:800px){
 .bubble-journey.is-horizontal .journey-pin{padding-top:22px;padding-bottom:22px}
 .bubble-journey.is-horizontal .journey-footer{padding-top:12px}
 .bubble-journey .journey-pin{padding-top:22px;padding-bottom:22px}
 .bubble-journey .journey-heading{margin-bottom:18px}
 .bubble-journey .recruiter-bubble{padding:13px 18px}
 .bubble-journey .mav-bubble{padding:17px 21px}
 .bubble-journey .bubble-results li{padding:7px 0}
 .bubble-journey .bubble-results{margin-top:10px}
 .bubble-journey .bubble-note{margin-top:8px}
}
@media(max-width:1000px),(max-height:699px),(prefers-reduced-motion:reduce){
 .bubble-journey .mav-liquid{display:none}
 .bubble-journey .bubble-title{position:static;margin:0 0 20px;font-size:23px}
 .bubble-journey .bubble-conversation{display:block;height:auto}
 .bubble-journey .recruiter-slot{padding:0 0 20px 8%}
 .bubble-journey .recruiter-bubble{padding:16px 18px}
 .bubble-journey .mav-bubble{padding:20px;clip-path:none}
 .bubble-journey .bubble-copy p{font-size:14px}
 .bubble-journey .bubble-results li{grid-template-columns:1fr;gap:4px;padding:12px 0}
 .bubble-journey .journey-footer{display:flex;padding:0}
 .bubble-journey .journey-steps{display:none}
 .bubble-journey .journey-track{gap:28px}
}

/* Full-screen supporting sections. Content can grow on small screens and zoom. */
.cinematic.visual-pass #services{min-height:100svh;padding:clamp(32px,5svh,64px) 5.3vw;display:flex;flex-direction:column;justify-content:center}
.cinematic.visual-pass #services .section-heading{margin-bottom:28px;max-width:100%}
.cinematic.visual-pass #services .section-heading .eyebrow{margin-bottom:18px}
.cinematic.visual-pass #services .section-heading>p:not(.eyebrow){margin-top:22px}
.cinematic.visual-pass #services .service-scenery{height:clamp(180px,25svh,250px);background:linear-gradient(135deg,#edf4eb,#dceade 60%,#e3dced)}
.cinematic.visual-pass #services .service-1 .service-scenery{background:linear-gradient(135deg,#efecf5,#e1dced 65%,#dceade)}
.cinematic.visual-pass #services .service-2 .service-scenery{background:linear-gradient(135deg,#e6eee4,#dedfeb 70%,#ece7f2)}
.cinematic.visual-pass #services .service-content{padding:26px 24px 30px}
.cinematic.visual-pass #services .service-detail summary{font-size:14px;min-height:28px;align-items:center}
.cinematic.visual-pass #services .more-services{margin-top:24px}
.cinematic.visual-pass .hq.section{margin:18px;min-height:calc(100svh - 36px);padding:clamp(32px,5svh,64px) 4vw;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#b899f014,transparent 65%),#141a18;color:#f2f5ed;text-align:left;display:flex;flex-direction:column;justify-content:center}
.cinematic.visual-pass .hq.section>.eyebrow{color:#a6b9ab;margin-bottom:18px}
.cinematic.visual-pass .hq.section em{color:#b899f0}
.cinematic.visual-pass .hq.section>p:not(.eyebrow){margin:24px 0 0;max-width:760px;color:#cad4cb;line-height:1.7}
.cinematic.visual-pass .hq.section .hq-window{width:100%;max-width:none;margin:32px 0 0;padding:28px;background:linear-gradient(120deg,#c3edc71a,#cbb8e81c);border:1px solid #e4ece32b;box-shadow:inset 0 1px 0 #ffffff14;border-radius:24px}
.cinematic.visual-pass .hq.section .hq-window-top{color:#f2f5ed;padding-bottom:20px}
.cinematic.visual-pass .hq.section .hq-window-top>span:nth-child(2){display:none}
.cinematic.visual-pass .hq.section .hq-window-top small{font-size:11px;color:#bbc6bc}
.cinematic.visual-pass .hq.section .hq-columns{gap:0;border:1px solid #dce8df24;border-radius:16px;background:#f2f5ed08;overflow:hidden}
.cinematic.visual-pass .hq.section .hq-columns>div{background:none;backdrop-filter:none;border:0;border-radius:0;padding:24px}
.cinematic.visual-pass .hq.section .hq-columns>div+div{border-left:1px solid #dce8df24}
.cinematic.visual-pass .hq.section .hq-column-index{display:none}
.cinematic.visual-pass .hq.section .hq-columns h3{margin:0 0 12px;color:#f2f5ed}
.cinematic.visual-pass .hq.section .hq-columns p{color:#c4d0c6;font-size:14px}
.cinematic.visual-pass .hq.section .hq-placeholder i{background:#cbb8e833}
.cinematic.visual-pass .hq.section .hq-window-bottom{color:#bdcbbf;text-align:left;padding-top:20px;font-size:12px}
.cinematic.visual-pass .closing-grid.section{min-height:100svh;padding:clamp(32px,5svh,64px) 5.3vw;align-content:center;align-items:stretch}
.cinematic.visual-pass .closing-grid .faq{position:relative;padding:20px 0}
.cinematic.visual-pass .closing-grid .faq summary{font-size:15px;min-height:24px;align-items:center}
.cinematic.visual-pass .closing-grid .faq details p{font-size:14px;line-height:1.7}
.cinematic.visual-pass .closing-grid .faq details{padding:18px 0}
.cinematic.visual-pass .closing-grid .faq-items{overflow-anchor:none}
@media(max-width:760px){
 .cinematic.visual-pass #services{padding:48px 24px}
 .cinematic.visual-pass #services .service-scenery{height:220px}
 .cinematic.visual-pass .hq.section{margin:10px;padding:40px 24px;min-height:calc(100svh - 20px);border-radius:18px}
 .cinematic.visual-pass .hq.section .hq-window{padding:18px;margin-top:28px}
 .cinematic.visual-pass .hq.section .hq-columns>div{padding:20px}
 .cinematic.visual-pass .hq.section .hq-columns>div+div{border-left:0;border-top:1px solid #dce8df24}
 .cinematic.visual-pass .closing-grid.section{padding:40px 24px;gap:36px}
}

/* Kyle's homepage revisions, 2026-10-15. */
/* H01: proof line; Mav about 22% smaller so the headline and CTA lead. */
.hero-proof{display:flex;flex-wrap:wrap;gap:10px 0;list-style:none;margin:26px 0 0;padding:0;font-size:14px;color:#c9d3cc}
.hero-proof li{display:flex;align-items:center}.hero-proof li+li:before{content:'';width:1px;height:16px;margin:0 16px;background:#ddf0d940}
.hero-proof strong{font-family:'Space Grotesk',sans-serif;font-weight:500;color:#c3edc7;margin-right:6px}
@media(min-width:761px){.cinematic.visual-pass.with-mav .mav-video-stage{width:min(78%,calc((100svh - 220px)*.78))}}
@media(max-width:760px){.visual-pass.with-mav .sculpture-stage{width:78%;margin-left:auto;margin-right:auto}.hero-proof{font-size:13px;gap:6px 18px}.hero-proof li+li:before{display:none}}

/* H04: capability chips; the product conversation leads and Mav's column narrows. */
.journey-heading .eyebrow{letter-spacing:.14em;text-transform:uppercase}
.journey-capabilities{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 0;padding:0}
.journey-capabilities li{padding:7px 13px;border-radius:999px;border:1px solid #cfdacb;background:#fbfbf6;font-size:12px;color:#3d5444}
.chat-journey.is-horizontal .journey-window{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}
@media(max-width:1000px){.chat-journey .chat-character{height:180px}}

/* H03: one stat card with four metrics, three proof points beside it. */
.cinematic.visual-pass .proof-section{margin:18px;min-height:calc(100svh - 36px);display:grid;align-items:center;padding:clamp(32px,5svh,64px) 4vw;background:#141a18;color:#f2f5ed;border-radius:24px;position:relative;overflow:hidden;isolation:isolate}
.proof-section:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% 95%,#c3edc70d,transparent 55%),radial-gradient(ellipse at 95% 5%,#b899f014,transparent 50%)}
.proof-inner{display:grid;gap:clamp(28px,5svh,52px)}
.proof-head .eyebrow{color:#c3edc7;letter-spacing:.2em;font-size:11px;margin:0 0 14px}
.cinematic.visual-pass .proof-head h2{font-size:clamp(38px,4.5vw,70px);line-height:1.04;letter-spacing:-.05em;margin:0;color:#f2f5ed}
.cinematic.visual-pass .proof-head h2 em{color:#b899f0}
.proof-head>p:last-child{max-width:640px;margin:16px 0 0;font-size:clamp(15px,1.2vw,18px);line-height:1.6;color:#c4d0c6}
.proof-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.proof-card{position:relative;overflow:hidden;isolation:isolate;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #ddf0d929;border-radius:22px;background:linear-gradient(150deg,#1d2522,#262a33)}
.proof-card>div{display:flex;flex-direction:column;gap:8px;padding:clamp(22px,2.6vw,38px)}
.proof-card>div:nth-child(odd){border-right:1px solid #ddf0d91f}.proof-card>div:nth-child(-n+2){border-bottom:1px solid #ddf0d91f}
.proof-card dd{order:-1;margin:0;font-family:'Space Grotesk',sans-serif;font-size:clamp(46px,5vw,84px);line-height:1;letter-spacing:-.06em;color:#c3edc7}
.proof-card dt{font-size:clamp(14px,1.15vw,17px);color:#e7ede6;line-height:1.35}
.proof-mark{position:absolute;right:-6%;bottom:-18%;width:46%;aspect-ratio:164/126;transform:rotate(-14deg);opacity:.13;z-index:-1;background:#cbb8e8;mask:url('/assets/mavericks-mark.svg') center/contain no-repeat}
.proof-points{list-style:none;margin:0;padding:0;display:grid}
.proof-points li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid #ddf0d921}.proof-points li:first-child{padding-top:0}.proof-points li:last-child{border-bottom:0;padding-bottom:0}
.proof-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#ffffff0a;border:1px solid #ddf0d921}.proof-icon svg{width:24px;height:24px;fill:none;stroke:#c3edc7;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.proof-points h3{margin:0 0 6px;font-size:clamp(17px,1.4vw,21px);font-weight:500;letter-spacing:-.025em;color:#f2f5ed}
.proof-points p{margin:0;font-size:14px;line-height:1.6;color:#b5c2b7}
@media(max-width:1000px){.proof-body{grid-template-columns:1fr}}
@media(max-width:760px){.cinematic.visual-pass .proof-section{margin:10px;min-height:0;padding:40px 22px;border-radius:18px}.proof-card>div{padding:20px 18px}.proof-card dd{font-size:40px}.proof-card dt{font-size:13px}}

/* H05: the decision guide renders inside services-section.js. */
.cinematic.visual-pass #services.services-guide{min-height:100svh;padding:clamp(32px,5svh,64px) 5.3vw;display:flex;flex-direction:column;justify-content:center}
@media(max-width:760px){.cinematic.visual-pass #services.services-guide{padding:48px 22px}}

/* H06: MavsHQ product visualization with fixed demo data. */
.cinematic.visual-pass .mavshq-section{margin:18px;min-height:calc(100svh - 36px);display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);gap:clamp(28px,3.4vw,56px);align-items:center;padding:clamp(32px,5svh,64px) 4vw;background:#111614;color:#f2f5ed;border-radius:24px;position:relative;overflow:hidden;isolation:isolate}
.mavshq-section:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 18%,#9b7fe024,transparent 45%),radial-gradient(ellipse at 55% 95%,#c3edc71a,transparent 45%)}
.mavshq-copy .eyebrow{color:#c9d3cc;letter-spacing:.18em;font-size:11px;margin:0 0 16px}
.cinematic.visual-pass .mavshq-copy h2{font-size:clamp(36px,3.8vw,62px);line-height:1.04;letter-spacing:-.05em;margin:0;color:#f2f5ed}.cinematic.visual-pass .mavshq-copy h2 em{color:#b899f0;display:block}
.mavshq-intro{margin:18px 0 22px;font-size:clamp(14px,1.05vw,16px);line-height:1.65;color:#c4d0c6}
.mavshq-points{list-style:none;margin:0;padding:0;display:grid}
.mavshq-points li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid #ddf0d91f}
.mavshq-points li>span{font:12px 'Space Grotesk',sans-serif;color:#c3edc7;padding-top:3px}
.mavshq-points h3{margin:0 0 4px;font-size:16px;font-weight:500;color:#f2f5ed;letter-spacing:-.02em}.mavshq-points p{margin:0;font-size:13px;line-height:1.55;color:#aebcb1}
.mavshq-outcome{margin:18px 0 0;padding-top:16px;border-top:1px solid #ddf0d91f;font-family:'Space Grotesk',sans-serif;font-size:clamp(15px,1.2vw,18px);line-height:1.5;color:#c3edc7}
.mavshq-board{position:relative;margin:0;padding:44px 0}
.mavshq-board figcaption{position:absolute;top:0;right:0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8fa096}
.mavshq-window{border-radius:20px;border:1px solid #ffffff1f;background:linear-gradient(160deg,#1b2120f2,#171b22f2);box-shadow:0 30px 80px #0007,inset 0 1px 0 #ffffff14;padding:16px;font-size:11px;color:#dfe7e1}
.mavshq-top{display:flex;align-items:center;gap:18px;padding:4px 6px 14px;border-bottom:1px solid #ffffff14}.mavshq-top strong{font-size:16px;letter-spacing:-.02em;font-weight:600}
.mavshq-tabs{display:flex;gap:16px;margin-left:auto;color:#9faea3}.mavshq-tabs b{color:#f2f5ed;font-weight:500;box-shadow:0 2px 0 #c3edc7;padding-bottom:3px}
.mavshq-client{padding:5px 10px;border:1px solid #ffffff24;border-radius:8px;color:#cfd8d1}
.mavshq-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.mavshq-panel{border:1px solid #ffffff14;border-radius:14px;background:#ffffff06;padding:14px;min-width:0}
.mavshq-panel h4{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:500;color:#f2f5ed}.mavshq-panel>small{display:block;margin:3px 0 12px;color:#8fa096;font-size:10px}
.mavshq-badge{font-style:normal;font-size:9.5px;padding:3px 8px;border-radius:999px;background:#b899f02e;color:#d8c8f7;white-space:nowrap}.mavshq-badge.is-alert{background:#e7697a2b;color:#f3a7b1}
.mavshq-total{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:500 30px 'Space Grotesk',sans-serif;letter-spacing:-.04em}.mavshq-total span{font-size:10px;letter-spacing:0;padding:3px 7px;border-radius:999px;background:#c3edc72b;color:#c3edc7}.mavshq-total small{font:10px 'DM Sans',sans-serif;color:#8fa096;letter-spacing:0}
.mavshq-bars,.mavshq-attention,.mavshq-roles{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.mavshq-bars li{display:grid;grid-template-columns:62px minmax(0,1fr) 20px 26px;gap:8px;align-items:center;color:#c4cec7}.mavshq-bars i{height:8px;border-radius:999px;background:linear-gradient(90deg,#9b7fe0 var(--w),#ffffff12 var(--w))}.mavshq-bars li:nth-child(n+4) i{background:linear-gradient(90deg,#c3edc7 var(--w),#ffffff12 var(--w))}.mavshq-bars b{font-weight:500;text-align:right;color:#f2f5ed}.mavshq-bars small{color:#8fa096;text-align:right}
.mavshq-attention li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:8px;align-items:start;padding-bottom:8px;border-bottom:1px solid #ffffff0d}.mavshq-attention li:last-child{border-bottom:0;padding-bottom:0}
.mavshq-attention i{width:12px;height:12px;border-radius:50%;margin-top:2px;background:#e7697a}.mavshq-attention .is-step i,.mavshq-attention .is-clock i{background:#e9b45c}.mavshq-attention .is-info i{background:#9b7fe0}
.mavshq-attention span{color:#eef3ef}.mavshq-attention small{display:block;color:#8fa096;font-size:10px;margin-top:2px}.mavshq-attention b{font-weight:400;font-size:10px;color:#f3a7b1;white-space:nowrap}.mavshq-attention .is-step b,.mavshq-attention .is-info b{color:#e9c27d}
.mavshq-roles li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;padding-bottom:8px;border-bottom:1px solid #ffffff0d}.mavshq-roles li:last-child{border-bottom:0;padding-bottom:0}
.mavshq-roles span{color:#eef3ef;min-width:0}.mavshq-roles span i{display:block;height:5px;margin-top:6px;border-radius:999px;background:linear-gradient(90deg,#9b7fe0,#c3edc7 var(--w),#ffffff12 var(--w))}
.mavshq-roles small{grid-column:1;color:#8fa096;font-size:10px}.mavshq-roles b{grid-row:1/3;grid-column:2;font-weight:400;font-size:9.5px;padding:3px 8px;border-radius:999px;background:#b899f02e;color:#d8c8f7;white-space:nowrap}
.mavshq-callout{position:absolute;padding:9px 14px;border-radius:12px;border:1px solid #ffffff24;background:#1a201ee6;color:#eef3ef;font-size:12px;box-shadow:0 10px 30px #0006;white-space:nowrap}
.mavshq-callout:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#c3edc7;margin-right:9px;vertical-align:1px;box-shadow:0 0 0 4px #c3edc726}
.callout-momentum{top:4px;left:6%}.callout-attention{bottom:4px;left:30%}.callout-progress{bottom:4px;right:2%}
@media(max-width:1180px){.cinematic.visual-pass .mavshq-section{grid-template-columns:1fr}.mavshq-board{padding:28px 0 0}.mavshq-callout{display:none}}
@media(max-width:760px){.cinematic.visual-pass .mavshq-section{margin:10px;min-height:0;padding:40px 18px;border-radius:18px}.mavshq-panels{grid-template-columns:1fr}.mavshq-tabs{display:none}.mavshq-window{padding:12px}.mavshq-board figcaption{position:static;margin-bottom:10px}}

/* Kyle's layout carry-over, 2026-10-16. */
/* H01: three-line headline, larger subhead, proof icon tiles, arc glow and floor, logo strip above the fold. */
@media(min-width:1001px) and (min-height:600px){
  .cinematic.visual-pass.with-mav{--hero-strip:118px}
  .cinematic.visual-pass.with-mav .hero{height:calc(100svh - var(--hero-header) - 2 * var(--hero-margin) - var(--hero-strip));grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);position:relative;overflow:hidden;isolation:isolate}
  .cinematic.visual-pass.with-mav .mav-video-stage{width:min(100%,calc((100svh - 330px)*.9))}
  .cinematic.visual-pass.with-mav .clients{padding:26px 2vw}
}
.cinematic.visual-pass.with-mav .hero h1{font-size:clamp(40px,4.05vw,62px);line-height:1.06}
.with-mav .hero-lead{white-space:nowrap}
.cinematic.visual-pass.with-mav .hero .intro{font-size:clamp(15px,1.2vw,18px);line-height:1.6;max-width:640px;color:#c4d0c6;margin:22px 0 26px}
.hero-proof{gap:12px 0;margin-top:30px}
.hero-proof li{gap:12px}
.hero-proof li+li:before{margin:0 6px 0 18px}
.nowrap{white-space:nowrap}
.proof-tile{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#ffffff0d;border:1px solid #ddf0d91c;flex:none}
.proof-tile svg{width:19px;height:19px;fill:none;stroke:#c3edc7;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-glow{position:absolute;inset:0;pointer-events:none;z-index:2;mix-blend-mode:screen}
.hero-arc{position:absolute;right:-9%;top:6%;width:min(62vh,600px);aspect-ratio:1;border-radius:50%;border:1.5px solid #c3edc766;box-shadow:0 0 40px #c3edc740,inset 0 0 60px #c3edc726;mask-image:linear-gradient(200deg,#000 20%,transparent 75%)}
.hero-floor{position:absolute;right:-6%;bottom:-6%;width:62%;height:34%;background:radial-gradient(ellipse 60% 45% at 62% 55%,#c3edc755,transparent 70%)}
.hero-copy{position:relative;z-index:3}
@media(max-width:1000px){.with-mav .hero-lead{white-space:normal}.hero-arc{width:70vw;right:-20%;top:auto;bottom:10%}}
@media(max-width:760px){.cinematic.visual-pass.with-mav .hero .intro{font-size:15px}.proof-tile{width:32px;height:32px}.hero-proof li+li:before{display:none}.hero-proof{gap:10px 18px}.hero-floor{width:100%;right:0;height:22%}}
@media(prefers-reduced-motion:reduce){.hero-glow{mix-blend-mode:screen}}
/* H02: icon tiles on the value points; the proof card leads with a big 50+. */
.cinematic.visual-pass .team-story-details{gap:0}
.cinematic.visual-pass .team-story-details article{grid-template-columns:52px minmax(0,1fr);gap:18px;padding:16px 0;border-top:1px solid #d6ded1;align-items:start}
.cinematic.visual-pass .team-story-details article:first-child{border-top:0;padding-top:4px}
.value-tile{width:52px;height:52px;border-radius:12px;background:#e3ecdd;display:grid;place-items:center}
.value-tile svg{width:24px;height:24px;fill:none;stroke:#5c7b62;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cinematic.visual-pass .team-story-details h3{font-size:16px;font-weight:600;margin:0 0 4px;color:#1f3226}
.cinematic.visual-pass .team-story-details h3 span{font:400 13px 'Space Grotesk',sans-serif;color:#5a695c;margin-right:12px}
.cinematic.visual-pass .team-story-details p{font-size:13.5px;line-height:1.55}
.team-photo-note p{display:flex;flex-direction:column;margin:0}
.team-photo-note .note-figure{font:500 clamp(40px,4vw,62px)/1 'Space Grotesk',sans-serif;letter-spacing:-.05em;color:#1f3226}
.team-photo-note .note-label{font-size:clamp(18px,1.7vw,26px);line-height:1.15;letter-spacing:-.035em;color:#1f3226;margin-top:6px}
.team-photo-note .note-ready{font-size:clamp(14px,1.15vw,17px);color:#647266;letter-spacing:-.01em;margin-top:8px}
@media(max-width:1000px){.cinematic.visual-pass .team-story-details article{grid-template-columns:44px minmax(0,1fr);gap:14px}.value-tile{width:44px;height:44px}}
/* H03: larger icon tiles and titles on the proof points. */
.proof-points li{grid-template-columns:68px minmax(0,1fr);gap:24px;padding:24px 0}
.proof-icon{width:68px;height:68px;border-radius:16px;background:#ffffff0c}
.proof-icon svg{width:32px;height:32px;stroke-width:1.5}
.proof-points h3{font-size:clamp(20px,1.75vw,26px);margin-bottom:8px}
.proof-points p{font-size:15px;line-height:1.6}
@media(max-width:760px){.proof-points li{grid-template-columns:52px minmax(0,1fr);gap:16px}.proof-icon{width:52px;height:52px}.proof-icon svg{width:26px;height:26px}.proof-points h3{font-size:19px}}
/* H04: copy and list left; product collage with demo data right. Mav stays small inside "Mav's take". */
.cinematic.visual-pass .mav-section{min-height:100svh;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.3fr);gap:clamp(28px,3.5vw,60px);align-items:center;padding:clamp(32px,5svh,64px) 5.3vw;background:linear-gradient(160deg,#f4f4ee,#eef1e8);color:#293f32;overflow:hidden}
.mav-copy .eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#5f7f66;margin:0 0 14px}
.cinematic.visual-pass .mav-copy h2{font-size:clamp(40px,4.4vw,70px);line-height:1.02;letter-spacing:-.05em;margin:0;color:#1f3226}
.cinematic.visual-pass .mav-copy h2 em{display:block;color:#b899f4}
.mav-intro{margin:18px 0 0;font-size:clamp(15px,1.15vw,18px);line-height:1.6;color:#5d6f61;max-width:620px}
.mav-points{list-style:none;margin:26px 0 0;padding:0}
.mav-points li{display:grid;grid-template-columns:56px 30px minmax(0,1fr);gap:14px;align-items:start;padding:18px 0;border-top:1px solid #d6ded1}
.mav-points .value-tile{width:56px;height:56px;background:#e1ece0}
.mav-num{font:13px 'Space Grotesk',sans-serif;color:#5a695c;padding-top:4px}
.mav-points h3{margin:0 0 6px;font-size:clamp(17px,1.4vw,21px);font-weight:600;letter-spacing:-.025em;color:#1f3226}
.mav-points p{margin:0;font-size:14px;line-height:1.6;color:#5d6f61}
.mav-collage{position:relative;margin:0}
.mav-collage figcaption{position:absolute;top:-28px;right:0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8a9a8d}
.collage-stage{position:relative;aspect-ratio:1.2;font-size:11px;color:#2b3a30}
.collage-stage:before{content:'';position:absolute;width:42%;aspect-ratio:1;left:-6%;top:6%;border-radius:50%;background:radial-gradient(#c3edc7aa,transparent 68%);z-index:0}
.c-card{position:absolute;z-index:1;border-radius:16px;background:#fff;box-shadow:0 18px 50px #2b402f1f,0 2px 6px #2b402f0f;border:1px solid #e3e8e1;padding:16px}
.c-card h4{margin:0;font-size:13px;font-weight:600;color:#1f3226;display:flex;align-items:center;gap:8px}
.c-app{left:0;top:7%;width:66%;padding:0;overflow:hidden}
.c-top{display:flex;align-items:center;gap:18px;padding:12px 16px;border-bottom:1px solid #eef1ec;color:#6d7a70}
.c-logo{font:700 15px 'Space Grotesk',sans-serif;color:#1f3226;margin-right:6px}
.c-top .is-active{color:#1f3226;font-weight:600;box-shadow:0 2px 0 #1f3226;padding-bottom:3px}
.c-me{margin-left:auto;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#d6c6ef,#c3edc7)}
.c-role{display:flex;justify-content:space-between;gap:12px;padding:14px 16px 6px}
.c-role strong{display:block;font-size:17px;letter-spacing:-.02em;color:#1f3226}.c-role small{display:block;color:#7b877e;margin-top:3px;font-size:10px}.c-role small b{color:#2f4a38}
.c-search{align-self:start;border:1px solid #e1e6df;border-radius:8px;padding:6px 10px;color:#9aa49c;font-size:9.5px;white-space:nowrap}
.c-stages{display:flex;gap:6px;padding:10px 16px 0}
.c-stages span{flex:1;padding-top:8px;border-top:3px solid #c9d2cb;font-size:9.5px;color:#56645a;white-space:nowrap}
.c-stages em{font-style:normal;font-size:9px;padding:1px 6px;border-radius:999px;background:#eef1ec;margin-left:3px}
.c-stages .s-0{border-color:#5d6fd0}.c-stages .s-1{border-color:#7fb6c9}.c-stages .s-2{border-color:#e7b65c;color:#b07d1d}.c-stages .s-3{border-color:#b899f0}
.c-prompt{margin:12px 16px 0;padding:9px 12px;border-radius:10px;background:#f3f6f1;color:#3a4a3f;line-height:1.45}
.c-prompt span{display:block;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#5a695c;margin-bottom:2px}
.c-take{position:relative;display:flex;gap:10px;margin:10px 16px 16px;padding:14px;border-radius:12px;background:linear-gradient(135deg,#f6f2fd,#eef4ef);border:1px solid #e6def4}
.c-take>div{flex:1;min-width:0}.c-take h4 i{font-style:normal;color:#9b7fe0}
.c-take p{margin:6px 0 10px;line-height:1.5;color:#3d4b41;max-width:300px}
.c-button{display:inline-block;padding:7px 12px;border-radius:7px;background:#1f3226;color:#f2f5ed;font-size:10px}
.c-take .c-mav{width:84px;height:84px;border-radius:50%;align-self:center;flex:none;object-fit:cover;box-shadow:0 0 0 4px #fff,0 0 0 5px #ddd0f5,0 10px 24px #4b3b6b33}
.c-matches{right:0;top:0;width:40%;background:#1b2622;border-color:#1b2622;color:#eef3ef}
.c-matches h4{color:#f2f5ed;margin-bottom:10px}
.c-match{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0}
.c-match span b{display:block;font-size:12px;font-weight:600}.c-match small{display:block;font-size:9.5px;color:#a9b8ad}
.c-match em{font-style:normal;font-size:9.5px;padding:4px 8px;border-radius:999px;background:#c9b4f2;color:#2d2340;white-space:nowrap}
.c-face{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#3b4a43;display:grid;place-items:center}
.c-face:before{content:attr(data-initials);font-size:12px;font-weight:600;color:#dfe8e1}
.c-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c-brief{left:4%;bottom:0;width:50%}
.c-brief h4 small{margin-left:auto;font-weight:400;font-size:9.5px;color:#7b877e}
.c-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #eef1ec;color:#56645a}.c-row:first-of-type{margin-top:10px}
.c-row b{font-weight:500;color:#2f3d33}.c-row b.ok:before,.c-row b.risk:before,.c-row b.warn:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#c3edc7}.c-row b.risk:before{background:#e0606f}.c-row b.warn:before{background:#e7b65c}
.c-insights{right:2%;bottom:4%;width:42%}
.c-insights p{margin:6px 0 4px;color:#56645a;line-height:1.45}.c-insights p b{color:#1f3226}
.c-insights svg{display:block;width:100%;height:84px}
.c-tip{position:absolute;right:14px;top:58px;padding:5px 8px;border-radius:8px;background:#f1ebfc;border:1px solid #ddd0f5;font-size:9px;color:#4b3b6b;max-width:120px;line-height:1.35}
.c-legend{display:flex;gap:14px;margin-top:6px;color:#6d7a70;font-size:9.5px}.c-legend i{display:inline-block;width:14px;height:3px;border-radius:2px;background:#9b7fe0;margin-right:6px;vertical-align:2px}.c-legend i.dash{background:repeating-linear-gradient(90deg,#9aa59d 0 3px,transparent 3px 6px)}
@media(max-width:1100px){.cinematic.visual-pass .mav-section{grid-template-columns:1fr}.mav-collage{margin-top:28px}}
@media(max-width:760px){
 .cinematic.visual-pass .mav-section{padding:48px 18px;min-height:0}
 .mav-points li{grid-template-columns:44px minmax(0,1fr);gap:12px}.mav-points .value-tile{width:44px;height:44px}.mav-num{display:none}
 .mav-collage figcaption{position:static;margin-bottom:10px}
 .collage-stage{aspect-ratio:auto;display:grid;gap:12px}.collage-stage:before{display:none}
 .c-card{position:static;width:auto}
 .c-top{gap:12px;overflow:hidden}.c-search,.c-stages .s-3,.c-stages .s-4{display:none}
}
/* H06: callout cards joined to the dashboard, 3-icon outcome row, larger tilted dashboard with glow. */
.cinematic.visual-pass .mavshq-section{grid-template-columns:minmax(0,.62fr) minmax(0,1.5fr);gap:clamp(24px,3vw,48px)}
.mavshq-section:before{background:radial-gradient(ellipse 40% 45% at 70% 22%,#8f6fe03a,transparent 70%),radial-gradient(ellipse 35% 40% at 55% 92%,#c3edc726,transparent 70%),radial-gradient(ellipse 25% 30% at 25% 75%,#c3edc714,transparent 70%)}
.mavshq-outcome{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:22px 0 0;padding:18px 0 0;border-top:1px solid #ddf0d91f;font-family:inherit;font-size:15px;line-height:1.35;color:#f2f5ed}
.mavshq-outcome li{display:flex;flex-direction:column;gap:10px;padding:0 14px}.mavshq-outcome li:first-child{padding-left:0}.mavshq-outcome li+li{border-left:1px solid #ddf0d91f}
.outcome-icon svg{width:24px;height:24px;fill:none;stroke:#c3edc7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mavshq-board{padding:96px 0 104px;perspective:1600px}
.mavshq-window{transform:rotateY(-7deg) rotateX(3deg);transform-origin:40% 50%;box-shadow:0 40px 90px #000a,0 0 0 1px #ffffff14,0 0 80px #c3edc714;font-size:11.5px}
.mavshq-callout{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:#161c1aee;white-space:normal;max-width:330px;z-index:2}
.mavshq-callout:before{display:none}
.callout-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#ffffff0d;flex:none}.callout-icon svg{width:20px;height:20px;fill:none;stroke:#c3edc7;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mavshq-callout b{display:block;font-size:14px;font-weight:500;color:#f2f5ed}.mavshq-callout small{display:block;font-size:11.5px;color:#a9b8ad;margin-top:2px;line-height:1.4}
.callout-line{position:absolute;width:1px;height:34px;background:linear-gradient(#c3edc799,#c3edc733)}
.callout-line:after{content:'';position:absolute;left:-4px;width:9px;height:9px;border-radius:50%;background:#e9fff0;box-shadow:0 0 10px #c3edc7}
.callout-momentum{top:8px;left:8%}.callout-momentum .callout-line{top:100%;left:18px}.callout-momentum .callout-line:after{bottom:-5px}
.callout-attention{bottom:8px;left:24%}.callout-attention .callout-line{bottom:100%;right:40px}.callout-attention .callout-line:after{top:-5px}
.callout-progress{bottom:8px;right:0}.callout-progress .callout-line{bottom:100%;left:50%}.callout-progress .callout-line:after{top:-5px}
.mavshq-attention i{width:16px;height:16px;margin-top:0;display:grid;place-items:center;font:700 9px/1 'DM Sans',sans-serif;font-style:normal;color:#1a1f1d}
.mavshq-more{display:block;margin-top:12px;font-size:10px;color:#a9b8ad}
@media(max-width:1180px){.mavshq-window{transform:none}.mavshq-board{padding:28px 0 0}}
@media(max-width:760px){.mavshq-outcome{grid-template-columns:1fr;gap:12px}.mavshq-outcome li{flex-direction:row;align-items:center;padding:0}.mavshq-outcome li+li{border-left:0}}
.cinematic.visual-pass .mavshq-section{grid-template-columns:minmax(0,.72fr) minmax(0,1.45fr)}
.cinematic.visual-pass .mavshq-copy h2{font-size:clamp(34px,3.4vw,58px)}
/* H04 (Oct 16 review): capabilities in development are marked, not mixed in with live ones. */
.journey-capabilities li.is-soon{border-style:dashed;background:transparent;color:#5f6f63}.journey-capabilities li.is-soon small{margin-left:6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8a69bc}

/* Christian's Oct 20 review. */
/* Hero: the ring sits behind Mav, the floor light stays in front, and Mav is smaller with his paws where they
   were, so the headline leads. A soft contact shadow fades in once he has walked in. */
.cinematic.visual-pass.with-mav .hero{isolation:isolate}
.cinematic.visual-pass.with-mav .hero-glow{mix-blend-mode:normal;z-index:auto}
.cinematic.visual-pass.with-mav .hero-arc{z-index:-1;mix-blend-mode:screen}
.cinematic.visual-pass.with-mav .hero-floor{z-index:2;mix-blend-mode:screen}
.cinematic.visual-pass.with-mav .hero-copy{position:relative;z-index:4}
.cinematic.visual-pass.with-mav .sculpture-stage,.cinematic.visual-pass.with-mav .mav-video-stage{isolation:auto}
.mav-shadow{position:absolute;left:24%;right:22%;top:86.5%;height:7%;z-index:3;border-radius:50%;background:radial-gradient(closest-side,#000000f2,#000000a6 45%,transparent);filter:blur(4px);mix-blend-mode:multiply;pointer-events:none;opacity:1;transition:opacity .9s ease-out}
.mav-video-stage[data-motion="entrance"] .mav-shadow{opacity:0}
/* Team video slides fill the frame: the stairs still is now cropped to its color frame, so no black border shows. */
.inline-film>.team-preview-slide{width:100%;height:100%;object-fit:cover}
/* One button style across the site: mint, lavender on hover with a small lift, as on the inner pages. */
.cinematic.visual-pass .button:not(.contact-panel .button){transition:background .25s,color .25s,transform .25s}
.cinematic.visual-pass .button:not(.contact-panel .button):hover{background:#b899f4;color:#1d3325;transform:translateY(-2px)}
.cinematic.visual-pass .section-more{margin-top:34px;align-self:flex-start}
/* The hero's "See how we work" lands exactly on the next section; this page has no sticky header to clear. */
html:has(body.cinematic){scroll-padding-top:0}
/* Full-window sections fit the window (and so settle into place on scroll): slightly less padding and a
   smaller MavsHQ heading. */
.cinematic.visual-pass .mav-section,.cinematic.visual-pass .mavshq-section{padding-top:clamp(24px,3.4svh,44px);padding-bottom:clamp(24px,3.4svh,44px)}
.cinematic.visual-pass #services.services-editorial{padding-top:16px;padding-bottom:16px}
.cinematic.visual-pass .mavshq-copy h2{font-size:clamp(30px,2.9vw,50px)}
.cinematic.visual-pass .mavshq-intro{font-size:14px;line-height:1.65}
.cinematic.visual-pass .mavshq-points li{padding-top:12px;padding-bottom:12px}
.cinematic.visual-pass .mav-copy .section-more,.cinematic.visual-pass .mavshq-copy .section-more{margin-top:24px}
@media(min-width:1181px){.cinematic.visual-pass .mavshq-section{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}}
/* Zoom: the hero keeps the window-height rule as a minimum and grows when its content needs more room (at
   150% zoom the numbers line was cut off), and Mav keeps a usable size on short windows. */
@media(min-width:761px){.cinematic.visual-pass.with-mav .hero{height:auto;min-height:calc(100svh - var(--hero-header) - 2 * var(--hero-margin) - var(--hero-strip))}.cinematic.visual-pass.with-mav .mav-video-stage{width:min(78%,max(270px,calc((100svh - 220px)*.78)))}}
/* Hover: the visual elements respond to the pointer (Oct 20 review); the numbers count up (site-shared.js). */
.cinematic.visual-pass :is(.proof-points li,.team-story-details article,.mav-points li,.mavshq-points li,.mavshq-outcome li){transition:transform .3s,background .3s}
.cinematic.visual-pass :is(.proof-points li,.team-story-details article,.mav-points li,.mavshq-points li):hover{transform:translateX(6px)}
.cinematic.visual-pass :is(.value-tile,.proof-icon,.outcome-icon,.proof-tile){transition:transform .35s cubic-bezier(.2,.9,.25,1.3),background .3s}
.cinematic.visual-pass :is(li,article):hover>:is(.value-tile,.proof-icon,.outcome-icon,.proof-tile),.cinematic.visual-pass .mavshq-outcome li:hover .outcome-icon{transform:scale(1.12) rotate(-6deg)}
.cinematic.visual-pass .proof-card>div{transition:background .3s}
.cinematic.visual-pass .proof-card>div:hover{background:#ffffff0d}
.cinematic.visual-pass .collage-stage>.c-card,.cinematic.visual-pass .mavshq-callout{transition:transform .35s,box-shadow .35s}
.cinematic.visual-pass .collage-stage>.c-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px #29433224}
.cinematic.visual-pass .mavshq-callout:hover{transform:translateY(-4px)}
.cinematic.visual-pass .mavshq-window .mavshq-panel{transition:background .3s}
.cinematic.visual-pass .mavshq-window .mavshq-panel:hover{background:#ffffff08}
@media(prefers-reduced-motion:reduce){.cinematic.visual-pass :is(.proof-points li,.team-story-details article,.mav-points li,.mavshq-points li,.collage-stage>.c-card,.mavshq-callout){transition:none;transform:none!important}}
/* MavsHQ callouts: the two bottom callouts no longer overlap each other. */
.cinematic.visual-pass .callout-attention{left:2%;max-width:47%}
.cinematic.visual-pass .callout-progress{right:0;max-width:47%}

/* Christian's second Oct 20 review. */
/* Hero: Mav back at his full size; the floor glow is drawn inside his stage, centred under his paws. */
.cinematic.visual-pass.with-mav .hero-floor{display:none}
.mav-floor{position:absolute;left:4%;right:4%;top:78%;height:24%;z-index:2;border-radius:50%;background:radial-gradient(ellipse 50% 50% at 50% 50%,#c3edc75c,transparent 72%);mix-blend-mode:screen;pointer-events:none}
.mav-shadow{left:22%;right:22%;top:86%}
/* Testimonials: room above the cards so a lifted card is not clipped; a full-window section. */
.cinematic.visual-pass #testimonials{min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.stories-section .stories-viewport{padding-top:10px;padding-bottom:16px;margin-top:-10px}
/* Closing panel: text centred vertically, the Mavericks logo at the bottom right (as on the inner pages). */
.cinematic.visual-pass .contact-panel{display:flex;flex-direction:column;justify-content:center;position:relative}
.cinematic.visual-pass .contact-panel .closing-mark{position:absolute;right:36px;bottom:32px;left:auto;top:auto;margin:0}

/* Mav chat answers (Oct 20 meeting): a list of matches, a forecast chart and a drop-off funnel, each something
   Mav made. companion-journey.js. */
.bubble-results.mav-chart,.bubble-results.mav-funnel{display:block;margin-top:15px;padding-top:12px;border-top:1px solid #ecfff017}
.mav-chart-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end;height:96px}
.mav-chart-bars span{display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:4px;height:100%;position:relative}
.mav-chart-bars span:before{content:'';grid-row:1;align-self:end;width:56%;height:var(--h);border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#c3edc7,#9b7fe0)}
.mav-chart-bars b{font-weight:500;font-size:12px;color:#f2f5ed}
.mav-chart-bars small{font-size:10px;color:#a9b6ad}
.mav-chart p,.mav-funnel p{margin:12px 0 0;font-size:12px;line-height:1.45;color:#dfe8e1}
.mav-chart p strong{font-weight:600;color:#c3edc7}
.mav-funnel>small{display:block;margin-bottom:8px;font-size:10px;color:#a9b6ad}
.mav-funnel ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bubble-results.mav-funnel li{padding:0;border:0;display:grid;grid-template-columns:120px 1fr 34px;gap:10px;align-items:center;font-size:11px;color:#c9d3cc}
.mav-funnel li i{height:7px;border-radius:999px;background:linear-gradient(90deg,#9b7fe0 var(--w),#ffffff14 var(--w))}
.mav-funnel li:nth-child(2) i{background:linear-gradient(90deg,#e9a0aa var(--w),#ffffff14 var(--w))}
.mav-funnel li:nth-child(2) span,.mav-funnel li:nth-child(2) b{color:#f3b7bf}
.mav-funnel li b{font-weight:500;text-align:right;color:#f2f5ed}
.mav-funnel p{padding:9px 11px;border-radius:10px;background:#b899f01f;color:#e7ddfb}
@media(max-width:1000px){.bubble-results.mav-matches li{grid-template-columns:1fr}.mav-funnel li{grid-template-columns:100px 1fr 30px}}
/* Mav chat heading: title and summary on the left, capabilities on the right, so the chat keeps its height. */
.bubble-journey .journey-heading-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;align-items:end}
.bubble-journey .journey-heading-copy{position:relative}.bubble-journey .journey-heading-copy>h2{grid-column:1/-1;grid-row:1;margin-bottom:14px;padding-right:180px}
.bubble-journey .journey-heading-copy>.journey-summary{grid-column:1;grid-row:2;margin-bottom:0}
.bubble-journey .journey-heading-copy>.journey-capabilities{grid-column:2;grid-row:2;align-self:end;margin:0}
.bubble-journey .journey-footer>.section-more{margin:0;flex-shrink:0}
@media(max-width:1000px){.bubble-journey .journey-heading-copy{grid-template-columns:1fr}.bubble-journey .journey-heading-copy>.journey-capabilities{grid-column:1;grid-row:3;margin-top:18px}}
/* Phone hero (Christian, Oct 20 meeting): the whole hero, Mav included, fits one phone screen. */
@media(max-width:600px){
 html .cinematic.visual-pass.with-mav .hero h1{font-size:31px;line-height:1.04}
 html .cinematic.visual-pass.with-mav .hero .intro{font-size:14px;line-height:1.55;margin-top:14px}
 html .cinematic.visual-pass.with-mav .hero .actions{margin-top:18px}
 html .cinematic.visual-pass.with-mav .hero .actions .button{padding-top:12px;padding-bottom:12px}
 html .cinematic.visual-pass.with-mav .hero .hero-proof{margin-top:16px;gap:6px 14px;font-size:12px}
 html .cinematic.visual-pass.with-mav .hero .hero-proof svg,html .cinematic.visual-pass.with-mav .hero .hero-proof .proof-icon{width:26px;height:26px}
 html .cinematic.visual-pass.with-mav .hero .mav-video-stage{width:min(56%,210px);margin-top:-6px}
}
/* MavsHQ section on tablets and phones: copy above, board below, at full width. */
@media(max-width:900px){html .cinematic.visual-pass .mavshq-section{grid-template-columns:1fr;gap:28px}html .cinematic.visual-pass .mavshq-section .mavshq-board{padding:40px 0 30px}}
/* Hero (Christian, Oct 20 evening): Mav keeps his size; no floor shadow under him and no ring behind him. */
html .hero .hero-arc,html .hero .mav-floor,html .hero .mav-shadow{display:none!important}

/* Mav chat, Oct 20 evening: match cards with headshots, a line chart forecast, "Meet Mav" in the title row. */
.bubble-results.mav-matches{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.bubble-results.mav-matches li{position:relative;display:flex;flex-direction:column;gap:0;padding:14px;border:1px solid #ecfff01a;border-radius:16px;background:#ffffff08}
.mav-match-score{position:absolute;top:12px;right:12px;padding:4px 9px;border-radius:999px;background:linear-gradient(120deg,#c3edc7,#b899f4);color:#16201a;font:600 11px 'Space Grotesk',sans-serif;white-space:nowrap}
.mav-match-head{display:flex;align-items:center;gap:10px;padding-right:74px;min-height:40px}
.mav-match-head img{width:40px;height:40px;flex:0 0 40px;border-radius:50%;object-fit:cover;object-position:50% 45%;box-shadow:0 0 0 2px #c3edc755}
.mav-match-head>span{min-width:0}
.bubble-results.mav-matches strong{display:block;font-weight:600;font-size:12.5px;color:#f2f5ed;line-height:1.25}
.mav-match-head small{display:block;font-size:10.5px;color:#b7c4bb;margin-top:2px}
.bubble-results.mav-matches li>p{margin:10px 0 0;font-size:11px;line-height:1.45;color:#dfe8e1}
.mav-match-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:8px;font-size:10px;color:#a9b6ad}
.mav-match-meta span+span:before{content:'·';margin-right:10px;color:#6f7d74}
.mav-match-meta .is-known{color:#c3edc7}
.mav-tags{display:flex;gap:4px;margin-top:auto;padding-top:9px;flex-wrap:wrap}
.mav-tags i{font-style:normal;font-size:9.5px;padding:2px 8px;border-radius:999px;background:#b899f02a;color:#ddd0fb}
.mav-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:10px 0 0!important;font-size:11.5px!important;color:#c9d3cc!important}
.mav-legend span{display:inline-flex;align-items:center;gap:7px}
.mav-legend .is-actual:before,.mav-legend .is-forecast:before{content:'';width:18px;height:0;border-top:2.5px solid #c3edc7;border-radius:2px}
.mav-legend .is-forecast:before{border-top:2.5px dashed #b899f4}
.mav-legend span:last-child{color:#a9b6ad}
/* Drop-off answer, lighter (Oct 20 evening): bigger type, more air. */
.bubble-results.mav-funnel{padding-top:14px}
.mav-funnel>small{font-size:11.5px!important;margin-bottom:12px!important}
.bubble-results.mav-funnel li{grid-template-columns:150px 1fr 44px;gap:14px;font-size:13px}
.mav-funnel ul{gap:11px!important}
.mav-funnel li i{height:9px}
.mav-funnel p{margin-top:14px!important;padding:11px 14px!important;font-size:13px!important}
/* Feature chips at the bottom left of the Mav section, beside the step buttons (Oct 20 evening). */
.bubble-journey .journey-footer>.journey-capabilities{margin:0;max-width:52%;align-self:center}
.bubble-journey .journey-heading-copy>.journey-summary{grid-column:1/-1;max-width:760px}
.mav-line{display:block;width:100%;height:auto;overflow:visible}
.mav-line .grid{stroke:#ffffff14;stroke-width:1}
.mav-line text{font:10px 'Manrope',sans-serif;fill:#a9b6ad}
.mav-line .actual{fill:none;stroke:#c3edc7;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.mav-line .forecast{fill:none;stroke:#b899f4;stroke-width:2.5;stroke-dasharray:5 6;stroke-linecap:round}
.mav-line .today{stroke:#ffffff33;stroke-dasharray:2 4}
.mav-line .today-label{fill:#dfe8e1}
.mav-line circle.is-actual{fill:#c3edc7}
.mav-line circle.is-forecast{fill:#1b2420;stroke:#b899f4;stroke-width:2}
.bubble-journey .journey-heading-copy>.section-more{position:absolute;right:0;top:0;margin:0}
@media(max-width:1000px){.bubble-journey .journey-heading-copy>h2{padding-right:0}.bubble-journey .journey-heading-copy>.section-more{position:static;grid-column:1;grid-row:4;justify-self:start;margin-top:18px}.bubble-results.mav-matches{grid-template-columns:1fr}}
/* Mav's "Learn more" tip: follows the pointer while it is over Mav; a keyboard user reaches it with Tab. */
.mav-tip{position:fixed;left:0;top:0;z-index:2147483646;padding:9px 14px;border-radius:999px;background:#c3edc7;color:#16201a;font:500 12.5px 'Manrope',sans-serif;white-space:nowrap;text-decoration:none;box-shadow:0 10px 26px #0006;opacity:0;transform:translateY(4px) scale(.96);transition:opacity .18s,transform .18s;pointer-events:none}
body:has(.mav-video-stage.is-mav-hover) .mav-tip,.mav-tip:focus-visible{opacity:1;transform:none}
.mav-tip:focus-visible{outline:2px solid #b899f4;outline-offset:3px}
/* Mav is shown through one canvas (mav-hero.js), so the hero colour read from it matches exactly. */
.mav-video-stage .mav-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
.mav-video-stage.is-canvas>.mav-poster,.mav-video-stage.is-canvas>video{opacity:0!important}
.bubble-journey .journey-heading-copy{grid-template-columns:minmax(0,1fr)}
.bubble-journey .journey-footer{align-items:center;gap:20px}
.bubble-journey .journey-footer>.journey-capabilities{max-width:none;flex:1 1 auto;display:flex;flex-wrap:wrap;gap:5px}
.bubble-journey .journey-footer>.journey-capabilities li{font-size:10.5px;padding:4px 10px;margin:0}
.bubble-journey .journey-footer>.journey-steps{flex:0 0 auto}
.bubble-journey .journey-heading-copy{width:100%}
.bubble-journey .journey-heading-copy>.journey-summary{max-width:1080px}
.bubble-journey .mav-match-score{color:#16201a!important;-webkit-text-fill-color:#16201a;font-size:10.5px;padding:3px 8px}
.bubble-journey .mav-match-head{padding-right:62px}
.bubble-journey .mav-match-head small{line-height:1.35}
/* Feature chips inside Mav's card, at its foot (Christian, Oct 20 evening). */
.bubble-journey .chat-character{position:relative}
.bubble-journey .chat-character-foot{position:absolute;left:14px;right:14px;top:14px;z-index:3}
.bubble-journey .chat-character-foot .journey-capabilities{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:0}
.bubble-journey .chat-character-foot .journey-capabilities li{margin:0;padding:4px 9px;font-size:10px;line-height:1.3;color:#dfe8e1;background:#ffffff0f;border:1px solid #ffffff22;border-radius:999px}
.bubble-journey .chat-character-foot .journey-capabilities li.is-soon{border-style:dashed;color:#c9bdf0;background:transparent}
.bubble-journey .chat-character-foot .journey-capabilities li.is-soon small{color:#b899f4}
/* Chips below Mav, inside his card (Christian, Oct 20 evening): Mav moves up to leave room for them. */
.bubble-journey .chat-character-foot{top:auto!important;bottom:16px}
.bubble-journey .chat-character:has(.chat-character-foot) .chat-character-media img,.bubble-journey .chat-character:has(.chat-character-foot) .chat-character-media video{top:calc(50% - 74px)}
.bubble-journey .chat-character:has(.chat-character-foot) .chat-character-media{container-type:size}
.bubble-journey .chat-character:has(.chat-character-foot) .chat-character-media img,.bubble-journey .chat-character:has(.chat-character-foot) .chat-character-media video{--room:calc(var(--foot-h,150px) + 28px);--side:min(var(--chat-media-side,100cqw),100cqw,calc(100cqh - var(--room)));width:var(--side);height:var(--side);top:calc((100cqh - var(--room)) / 2)}
/* "What are you building next?" + FAQ fits one window, zoomed or not (Christian, Oct 20 evening). */
html .closing-grid{padding-top:clamp(18px,3svh,45px);padding-bottom:clamp(18px,3svh,45px);max-height:none}
html .closing-grid .faq h2{font-size:clamp(28px,min(3.4vw,5.4svh),52px)}
html .closing-grid .faq-items summary{padding-top:clamp(11px,1.9svh,22px);padding-bottom:clamp(11px,1.9svh,22px)}
html .closing-grid .faq-items details>p{padding-bottom:clamp(12px,2svh,24px)}
html .closing-grid>.closing{max-height:calc(100svh - 2 * clamp(18px,3svh,45px))}
html .cinematic.visual-pass .closing-grid .faq details{padding:0}
html .cinematic.visual-pass .closing-grid .faq h2{margin-bottom:clamp(14px,2.4svh,30px)}
html .cinematic.visual-pass .closing-grid .faq details p{margin-top:0}
.inline-film{overflow:hidden}
.bubble-journey .chat-character-foot .journey-capabilities{justify-content:flex-start}
html #mav-title em{color:#8463bd}
/* Keyboard focus (WCAG 2.4.7): the scrolling logo strip shows where focus is; homepage skip link. */
.client-marquee:focus-visible,.sm-window:focus-visible{outline:3px solid #b899f4;outline-offset:6px;border-radius:8px}
.skip-content{position:absolute;left:25px;top:-100px;padding:15px;background:#c3edc7;color:#16201a;z-index:100}
.skip-content:focus{top:25px}
/* Phone hero (Christian, Oct 20 mobile pass): header and hero fill exactly one screen, matching the inner pages. */

/* Phone chart (Oct 20 mobile pass): the chart is drawn 760 units wide, so labels, lines and dots scale up to stay readable. */
@media(max-width:760px){.mav-line{margin:6px 0 14px}.mav-line text{font-size:25px}.mav-line .actual,.mav-line .forecast{stroke-width:5}.mav-line .forecast{stroke-dasharray:10 12}.mav-line circle{r:7}.mav-line circle.is-forecast{stroke-width:4}.mav-line .grid{stroke-width:2}}
@media(max-width:760px){.mav-line text:nth-of-type(-n+4){display:none}.mav-line text:nth-of-type(6){text-anchor:start}}
/* Compact Mav chat (Christian, Oct 21 mobile pass): below desktop size, Mav's card shows Mav above his feature chips,
   the three step buttons sit above one conversation at a time, and only the chosen conversation takes up height. */
.bubble-journey.is-compact .journey-window{display:flex;flex-direction:column;gap:14px}
.bubble-journey.is-compact .chat-character{height:auto!important;display:flex;flex-direction:column;align-items:stretch;padding:14px 14px 16px;border-radius:22px;background:#131b18}
.bubble-journey.is-compact .chat-character-media{position:relative;height:150px!important;container-type:normal}
.bubble-journey.is-compact .chat-character-media img{position:absolute;left:50%;top:50%!important;width:150px!important;height:150px!important;transform:translate(-50%,-50%)!important}
.bubble-journey.is-compact .chat-character-foot{position:static!important;margin-top:10px}
.bubble-journey.is-compact .journey-steps{display:flex!important;gap:8px;overflow-x:auto;scrollbar-width:none;margin:2px 0 0;padding:2px 0}
.bubble-journey.is-compact .journey-steps::-webkit-scrollbar{display:none}
.bubble-journey.is-compact .journey-steps .journey-pill-fill,.bubble-journey.is-compact .journey-steps .journey-pill-ink,.bubble-journey.is-compact .journey-steps .journey-next{display:none}
.bubble-journey.is-compact .journey-steps button{flex:none;height:44px;padding:0 16px;border:1px solid #c9d3c3;border-radius:999px;background:transparent;color:#526c5b;font-size:13px;white-space:nowrap}
.bubble-journey.is-compact .journey-steps button[aria-current]{background:#131b18;border-color:#131b18;color:#e4eee8}
.bubble-journey.is-compact .journey-steps button span{margin-right:6px;opacity:.7}
.bubble-journey.is-compact .journey-track{display:grid!important;grid-template-columns:100%!important;transform:none!important}
.bubble-journey.is-compact .journey-scene{grid-area:1/1;min-width:0}
.bubble-journey.is-compact .journey-scene:not(.is-current){visibility:hidden}
.bubble-journey.is-compact .chat-viewport{min-height:var(--compact-h,0)}
.bubble-journey.is-compact .journey-scene:not(.is-current),.bubble-journey.is-compact .journey-scene:not(.is-current) *{visibility:hidden!important}
.bubble-journey.is-compact .journey-steps{justify-content:flex-start!important;width:100%;max-width:100%}
/* Phone homepage hero (Christian, Oct 21): shorter than the screen so the logo strip below shows. */
@media(max-width:760px){.cinematic.visual-pass.with-mav .hero{padding-top:24px;padding-bottom:20px;gap:10px}.cinematic.visual-pass.with-mav .sculpture-stage{height:150px!important;min-height:0!important}}

/* Phone scroll chat (Christian, Oct 21): the same pinned, scroll-driven conversation as desktop, stacked vertically.
   The heading and feature chips scroll past first; the pinned panel holds Mav, one conversation at a time sliding
   sideways, and numbered step pills. */
.bubble-journey.is-vertical .journey-heading{margin-bottom:18px}
.bubble-journey.is-vertical .journey-heading .chat-character-foot{position:static!important;margin-top:16px}
.bubble-journey.is-vertical .journey-heading .journey-capabilities{justify-content:flex-start}
.bubble-journey.is-vertical .journey-heading .journey-capabilities li{color:#3d5444;background:#fbfbf6;border-color:#cfdacb}
.bubble-journey.is-vertical .journey-pin{top:10px;height:calc(100svh - 20px);padding:12px 0 10px}
.bubble-journey.is-vertical .journey-window{display:flex!important;flex-direction:column;gap:12px;flex:1;min-height:0;overflow:hidden}
.bubble-journey.is-vertical .chat-character{flex:0 0 auto;height:clamp(104px,17svh,160px)!important;width:100%;border-radius:20px}
.bubble-journey.is-vertical .chat-character-media{height:100%!important;container-type:normal!important}
.bubble-journey.is-vertical .chat-character-media img,.bubble-journey.is-vertical .chat-character-media video{position:absolute;left:50%;top:50%!important;height:100%!important;width:auto!important;aspect-ratio:1;transform:translate(-50%,-50%)!important}
.bubble-journey.is-vertical .chat-viewport{flex:1;min-height:0;overflow:hidden;clip-path:none}
.bubble-journey.is-vertical .journey-track{display:flex!important;height:100%;gap:16px}
.bubble-journey.is-vertical .journey-scene{flex:0 0 100%;height:100%;overflow:hidden}
.bubble-journey.is-vertical .mav-liquid{display:none}
.bubble-journey.is-vertical .journey-footer{justify-content:center;padding-top:10px}
.bubble-journey.is-vertical .journey-steps{display:flex!important}
.bubble-journey.is-vertical .journey-steps button{font-size:0;padding:0;width:44px;height:44px;justify-content:center}
.bubble-journey.is-vertical .journey-steps button span,.bubble-journey.is-vertical .journey-pill-ink-label span{font-size:12px}
.bubble-journey.is-vertical .journey-pill-ink-label{font-size:0;justify-content:center}
.bubble-journey.is-vertical .bubble-conversation{height:auto!important;justify-content:flex-start}
.bubble-journey.is-vertical .response-slot{flex:0 0 auto!important;height:auto!important;min-height:0!important}
.bubble-journey.is-vertical .mav-bubble{height:auto!important}
.bubble-journey.is-vertical .chat-character{height:clamp(84px,12svh,118px)!important}
.bubble-journey.is-vertical .journey-window{gap:10px}
.bubble-journey.is-vertical .journey-scene h3,.bubble-journey.is-vertical .scene-title{margin-bottom:8px}
.bubble-journey.is-vertical .recruiter-bubble{padding:12px 16px}
.bubble-journey.is-vertical .mav-bubble{padding:14px 16px}
.bubble-journey.is-vertical .mav-matches{gap:8px}
.bubble-journey.is-vertical .journey-scene>*{transform:scale(var(--fit,1));transform-origin:top left;width:calc(100% / var(--fit,1))}
/* Phone MavsHQ board (Oct 21 mobile pass): laid out 520px wide so it scales less; floating callouts hidden. */
@media(max-width:760px){.mavshq-section .mavshq-board .mavshq-callout{display:none}}
/* Phone homepage (Oct 21 mobile pass). Hero stats: three even columns, number above its label. */
@media(max-width:760px){
html .cinematic.visual-pass.with-mav .hero .hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
html .cinematic.visual-pass.with-mav .hero .hero-proof li{display:grid;grid-template-columns:auto;justify-items:start;gap:6px;font-size:12px;line-height:1.3}
html .cinematic.visual-pass.with-mav .hero .hero-proof li:before{display:none}
}
@media(max-width:760px){html .cinematic.visual-pass.with-mav .hero .hero-proof{align-items:start}
/* Team section: the photo keeps its full frame; the 50+ card becomes a short strip under it. */
.cinematic .team-photo-note{display:grid!important;grid-template-columns:auto 1fr;align-items:center;column-gap:16px;padding:14px 18px!important;min-height:0!important}
.cinematic .team-photo-note .mark{grid-row:1 / span 2}
.cinematic .team-photo-note p{margin:0}
.cinematic .team-photo-note .note-figure{font-size:30px!important;line-height:1!important}}
/* Tablet hero stats (Oct 21): the same even three columns as phones, so the third stat never wraps behind a divider. */
@media(min-width:761px) and (max-width:1000px){html .cinematic.visual-pass.with-mav .hero .hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}html .cinematic.visual-pass.with-mav .hero .hero-proof li:before{display:none}}
/* 50+ card (Christian, Oct 21 video): on desktop the card matched the photo only at 1920+. Narrower, its text made it
   taller than the photo and pushed the bars mark onto "50+". Type now scales with the card's width so it fits beside
   the uncropped photo, with a fixed gap under the mark. */
@media (min-width:761px){
.team-photo-bottom .team-photo-note{container-type:inline-size;gap:clamp(8px,4cqi,14px);padding:clamp(14px,7.5cqi,24px)}
.team-photo-bottom .team-photo-note .mark{width:clamp(22px,10cqi,32px)}
.team-photo-bottom .team-photo-note .note-figure{font-size:clamp(30px,22cqi,72px)}
.team-photo-bottom .team-photo-note .note-label{font-size:clamp(14px,9.4cqi,28px);margin-top:4px}
.team-photo-bottom .team-photo-note .note-ready{font-size:clamp(12px,6.2cqi,19px);margin-top:6px}
}
@media (min-width:761px) and (max-width:1120px){
.team-photo-bottom .team-photo-note{display:grid;grid-template-columns:auto 1fr;align-content:center;column-gap:10px;row-gap:0;padding:12px 16px}
.team-photo-bottom .team-photo-note .mark{align-self:center;width:22px}
.team-photo-bottom .team-photo-note p{display:contents}
.team-photo-bottom .team-photo-note .note-figure{grid-column:2;font-size:30px}
.team-photo-bottom .team-photo-note .note-label,.team-photo-bottom .team-photo-note .note-ready{grid-column:1 / -1;font-size:15px}
.team-photo-bottom .team-photo-note .note-ready{font-size:12.5px;margin-top:4px}
}
/* Mav's chat video is shown through a canvas copy (companion-journey.js) so the box colour matches it exactly. */
.chat-character-media.has-frame video{opacity:0}
.chat-character-media .chat-character-frame{position:absolute;display:block;pointer-events:none}
.chat-character-media video[hidden]~.chat-character-frame{display:none}
.chat-character:has(video:not([hidden])),.chat-character-media:has(video:not([hidden])){background-color:var(--frame-bg,#141e19)!important}
/* Phone homepage, Christian's Oct 21 device review. Each section is set for portrait instead of squeezed. */
@media(max-width:760px){
/* Hero: Mav first, above the heading; the three stats as rows so the long one fits. */
html .cinematic.visual-pass.with-mav section.hero{display:flex;flex-direction:column}
html .cinematic.visual-pass.with-mav section.hero .sculpture-stage{order:-1;margin:0 auto 6px}
html .cinematic.visual-pass.with-mav .hero ul.hero-proof{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
html .cinematic.visual-pass.with-mav .hero ul.hero-proof li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.3}
html .cinematic.visual-pass.with-mav .hero ul.hero-proof li .proof-tile{flex:none}
/* Logo strip: the logos say it; the heading only took space. */
#clients>div:first-child{display:none}
/* Team photos: one gap between the video, the photo and the 50+ card. */
.team-story-photos,.team-photo-bottom{gap:14px!important}
}
/* Phone FAQ: the reserved desktop height left empty space above the footer (Christian, Oct 21 review). */
@media(max-width:760px){html .closing-grid .faq-items{min-height:0!important}html .closing-grid.section{padding-bottom:8px!important}}
/* Phone numbers section (Christian, Oct 21 review: "could be shrunk... fit on one page"): a tighter 2x2 of figures,
   and the three proof points as cards that swipe sideways, so the section fits one phone screen. */
@media(max-width:760px){
html .cinematic.visual-pass .proof-section{padding:30px 0 26px}
html .cinematic.visual-pass .proof-section .proof-head{padding:0 20px}
html .cinematic.visual-pass .proof-section .proof-head h2{margin-bottom:10px}
html .cinematic.visual-pass .proof-section .proof-head p{font-size:14px;line-height:1.5;margin:0}
html .cinematic.visual-pass .proof-section .proof-body{gap:16px;margin-top:18px}
html .cinematic.visual-pass .proof-section .proof-card{margin:0 20px}
html .cinematic.visual-pass .proof-section .proof-card>div{padding:14px 16px 13px}
html .cinematic.visual-pass .proof-section .proof-card dd{font-size:32px;line-height:1}
html .cinematic.visual-pass .proof-section .proof-card dt{font-size:12.5px;margin-top:6px}
html .cinematic.visual-pass .proof-section .proof-points{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 4px;scroll-padding:0 20px;scrollbar-width:none;margin:0}
html .cinematic.visual-pass .proof-section .proof-points::-webkit-scrollbar{display:none}
html .cinematic.visual-pass .proof-section .proof-points li{flex:0 0 78%;scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035)}
html .cinematic.visual-pass .proof-section .proof-points li+li{border-top:1px solid rgba(255,255,255,.1)}
html .cinematic.visual-pass .proof-section .proof-points .proof-icon{width:38px;height:38px}
html .cinematic.visual-pass .proof-section .proof-points .proof-icon svg{width:20px;height:20px}
html .cinematic.visual-pass .proof-section .proof-points h3{font-size:16px;margin:0 0 6px}
html .cinematic.visual-pass .proof-section .proof-points p{font-size:13px;line-height:1.5;margin:0}
}
/* Phones show the desktop MavsHQ board scaled down whole (Christian, Oct 21 review); .pv-fit zooms it to fit. */
@media(max-width:760px){html .pv-fit .mavshq-panels{grid-template-columns:repeat(3,minmax(0,1fr))}html .pv-fit .mavshq-tabs{display:flex}html .pv-fit .mavshq-window{padding:16px}html .pv-fit .mavshq-board figcaption{font-size:20px}}
/* Phone Mav chat, rebuilt for portrait (Christian, Oct 21 review). Mav's window sits at the foot of the screen, the
   conversation rests just above it, and his reply rises out of the window and grows upward as it fills. The three
   steps are a labelled progress bar instead of numbered circles, and all three candidate matches show. */
.bubble-journey.is-vertical .journey-heading .chat-character-foot{display:none}
.bubble-journey.is-vertical .journey-heading{margin-bottom:6px}
.bubble-journey.is-vertical .journey-heading .journey-summary{margin:10px 0 14px}
.bubble-journey.is-vertical .journey-window{gap:10px}
.bubble-journey.is-vertical .chat-viewport{order:1}
.bubble-journey.is-vertical .chat-character{order:2;height:clamp(96px,15svh,136px)!important;border-radius:22px}
.bubble-journey.is-vertical .journey-scene{display:flex;flex-direction:column;justify-content:flex-end}
.bubble-journey.is-vertical .journey-scene>h3{margin-bottom:auto!important;padding-bottom:8px;font-size:20px}
.bubble-journey.is-vertical .journey-scene>*{transform-origin:bottom left}
.bubble-journey.is-vertical .bubble-conversation{display:flex;flex-direction:column;gap:10px}
.bubble-journey.is-vertical .recruiter-slot{align-self:flex-end;max-width:92%}
.bubble-journey.is-vertical .mav-bubble{transform-origin:50% 100%;transition:transform .55s cubic-bezier(.2,.9,.25,1.15),border-radius .55s ease}
.bubble-journey.is-vertical .journey-scene:is([data-chat-phase=typing],[data-chat-phase=sending],[data-chat-phase=thinking]) .mav-bubble{transform:translateY(34px) scale(.72);border-radius:40px}
.bubble-journey.is-vertical.is-measuring .journey-scene{justify-content:flex-start!important}
.bubble-journey.is-vertical .recruiter-slot{min-height:0!important;height:auto!important}
.bubble-journey.is-vertical .bubble-results[style*="opacity: 0;"]{display:none}
.bubble-journey.is-vertical.is-measuring .bubble-results{display:grid!important}
.bubble-journey.is-vertical .mav-matches{gap:6px}
.bubble-journey.is-vertical .journey-footer{padding-top:8px}
.bubble-journey.is-vertical .journey-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) 44px;gap:6px;width:100%;align-items:center}
.bubble-journey.is-vertical .journey-steps .journey-pill-fill,.bubble-journey.is-vertical .journey-steps .journey-pill-ink{display:none}
.bubble-journey.is-vertical .journey-steps button{width:auto;height:44px;font-size:0;padding:0;background:none;border:0;position:relative}
.bubble-journey.is-vertical .journey-steps button:before{content:'';position:absolute;left:0;right:0;top:50%;height:5px;margin-top:-2.5px;border-radius:3px;background:#d3ddcf}
.bubble-journey.is-vertical .journey-steps button[aria-current=step]:before{background:#3f7a50}
.bubble-journey.is-vertical .journey-steps button span{display:none}
.bubble-journey.is-vertical .journey-steps .journey-next{width:44px;height:44px}
.bubble-journey.is-vertical .chat-character-media img,.bubble-journey.is-vertical .chat-character-media video{height:150%!important;top:50%!important}
/* Phone match cards: name, role, score and location, so all three fit above Mav's window. */
.bubble-journey.is-vertical .mav-matches li>p,.bubble-journey.is-vertical .mav-matches .mav-tags{display:none}
.bubble-journey.is-vertical .mav-matches li{padding:10px 12px}
.bubble-journey.is-vertical .mav-matches .mav-match-meta{margin-top:6px}
.bubble-journey.is-vertical .journey-scene{position:relative;padding-top:34px}
.bubble-journey.is-vertical .journey-scene>h3{position:absolute;top:0;left:0;right:0;margin:0!important;padding:0;transform:none!important;width:auto!important}
/* Compact chat (tablets in portrait): Mav's reply grows as it fills instead of opening as a tall empty box. */
.bubble-journey.is-compact .bubble-results[style*="opacity: 0;"]{display:none}
.bubble-journey.is-compact .mav-bubble,.bubble-journey.is-compact .response-slot{height:auto!important;min-height:0!important}
/* Phone chat, second pass (Christian, Oct 21): an inner margin so the title and bubbles do not touch the card's
   edge, the title set as a quiet label, Mav shown whole in his window, and the stack sized to its content with
   no gap above the progress bar. */
.bubble-journey.is-vertical .journey-pin{padding:14px 14px 12px!important;box-sizing:border-box}
.bubble-journey.is-vertical .journey-window{justify-content:flex-end}
.bubble-journey.is-vertical .chat-viewport{flex:1 1 auto}
.bubble-journey.is-vertical .journey-scene{padding-top:30px}
.bubble-journey.is-vertical .journey-scene>h3{font-size:13px!important;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#5f7864;top:4px!important}
.bubble-journey.is-vertical .chat-character{height:120px!important}
.bubble-journey.is-vertical .chat-character-media img,.bubble-journey.is-vertical .chat-character-media video{height:112%!important;top:50%!important}
.bubble-journey.is-vertical .journey-footer{padding-top:10px}
.bubble-journey.is-vertical .journey-heading h2 em{white-space:nowrap}
.bubble-journey.is-vertical .journey-heading{margin-bottom:22px!important}
.bubble-journey.is-vertical .journey-heading .section-more{margin-top:4px}
/* Phones and tablets show the desktop MavsHQ picture exactly - tilted window and its three callouts - scaled down
   whole by .pv-fit (Christian, Oct 21: "why are we not just using the image from desktop"). */
@media(max-width:1180px){
html .cinematic.visual-pass .mavshq-section .pv-fit .mavshq-board{padding:96px 0 104px!important;perspective:1600px}
html .pv-fit .mavshq-board .mavshq-callout{display:flex!important}
html .pv-fit .mavshq-board figcaption{position:absolute;top:0;right:0;margin:0;font-size:13px}
}
@media(max-width:1180px){html .pv-fit .mavshq-board .mavshq-window{transform:rotateY(-7deg) rotateX(3deg);transform-origin:40% 50%}}
/* Touch devices: Vimeo's own controls handle the film once it loads, so our overlay steps aside. */
.inline-film.film-started.film-native .inline-film-play{display:none}
html body .button span[aria-hidden]{font-size:16px!important;line-height:1}
@media(max-width:760px){html body .hero h1 .hero-lead{display:inline!important}html body .hero h1{text-wrap:balance}}
@media(max-width:760px){html body .closing-grid .contact-panel h2,html body .closing-grid .contact-panel h2 em{font-size:min(44px,11vw)!important}}
/* Phone chat heading: the same 24px side margin as the team section above it (Christian, Oct 21: the heading,
   line and button sat 10px from the screen edge; the chat card below keeps its width). */
@media(max-width:760px){.bubble-journey.is-vertical .journey-heading{padding-left:14px!important;padding-right:14px!important}}