@import url('/fonts/fonts.css');

:root{--paper:#f6f5ef;--ink:#293e32;--muted:#5a695c;--dark:#131b18;--mint:#c3edc7;--lavender:#b899f4;--line:#d6ded1;--gutter:clamp(24px,6vw,110px);font-family:'Manrope',Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:30px}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9974ce;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(46px,5.2vw,82px);line-height:1.04}h2{font-size:clamp(36px,4vw,60px);line-height:1.08}h3{font-size:28px;line-height:1.2}p{line-height:1.75}em{font-style:normal;color:#8a69bc}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.eyebrow,.tiny-label{font-family:'Space Grotesk',sans-serif;font-weight:400;letter-spacing:.1em;font-size:11px;line-height:1.5}.eyebrow{margin-bottom:22px}.tiny-label{display:block}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:20px 25px;border-radius:5px;background:var(--mint);color:#243d2b;font:400 14px 'Space Grotesk',sans-serif;white-space:nowrap;transition:background .25s,transform .25s}.button>span{font-size:22px}.button:hover{background:var(--lavender);transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:28px;padding-bottom:8px;border-bottom:1px solid #9eaaa0;font:14px 'Space Grotesk',sans-serif}.text-link:hover{color:#8360b1}.small-note{font-size:12px;color:var(--muted);line-height:1.65}.brand-bars{display:block;width:40px;height:32px;background:currentColor;mask:url('/assets/mavericks-mark.svg') center/contain no-repeat;-webkit-mask:url('/assets/mavericks-mark.svg') center/contain no-repeat}.skip-content{position:absolute;left:25px;top:-100px;padding:15px;background:var(--mint);z-index:100}.skip-content:focus{top:25px}

/* Shared visual rhythm: framed hero, substantial images, editorial sections. */
.page-hero{margin:0 18px 18px;border-radius:0 0 24px 24px;padding:65px 4vw 75px;min-height:620px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:6%;background:radial-gradient(ellipse at 90% 100%,#33313c80,transparent 65%),var(--dark);color:#f2f4ed;overflow:hidden}.page-hero h1 em,.contact-hero h1 em{color:var(--lavender)}.hero-writing{max-width:720px}.hero-writing>.eyebrow{color:#b6c3b8}.hero-writing>.eyebrow a{border-bottom:1px solid #78877c}.hero-lead{font-size:clamp(15px,1.22vw,18px);color:#bac8be;max-width:550px;margin-top:28px}.hero-writing>.button{margin-top:34px}.service-hero-visual{height:460px;position:relative;padding-bottom:30px}.service-hero-visual>img{height:100%;width:100%;object-fit:cover;border-radius:24px}.service-glass{position:absolute;bottom:0;left:-32px;right:38px;padding:28px;border:1px solid #e9f6e980;border-radius:18px;color:#293e32;background:linear-gradient(120deg,#ddf0d9e8,#e4dff1ed);backdrop-filter:blur(18px);box-shadow:0 18px 48px #0002}.service-glass strong{display:block;font-size:26px;letter-spacing:-.04em;font-weight:400;margin:12px 0 20px}.glass-avatars{display:flex;align-items:center}.abstract-person{width:31px;height:31px;border:2px solid #e4eadd;border-radius:50%;margin-left:-6px;background:radial-gradient(circle at 50% 38%,#aac7b1 0 21%,transparent 22%),radial-gradient(ellipse at 50% 115%,#aac7b1 0 53%,#3c5144 54%)}.abstract-person:first-child{margin-left:0}.person-1{filter:hue-rotate(80deg)}.person-2{filter:hue-rotate(150deg)}.glass-avatars>span:last-child{font-size:11px;margin-left:12px}.photo-caption{position:absolute;top:20px;left:20px;background:#14211cb3;color:white;border-radius:20px;padding:9px 13px;font-size:9px;letter-spacing:.08em;backdrop-filter:blur(8px)}
.proof-strip{padding:42px var(--gutter);border-bottom:1px solid var(--line)}.proof-strip>span{display:block;text-align:center;font:10px 'Space Grotesk',sans-serif;letter-spacing:.14em;color:var(--muted);margin-bottom:27px}.proof-strip>div{display:flex;align-items:center;justify-content:space-between;gap:35px}.proof-strip img{width:100px;height:36px;object-fit:contain;filter:brightness(0) saturate(100%);opacity:.58}
.page-section{padding:100px var(--gutter)}.section-heading{max-width:700px}.section-heading>p:last-child:not(.eyebrow){max-width:580px;font-size:16px;color:var(--muted);margin-top:26px}.page-jumps{display:flex;justify-content:center;gap:45px;padding:26px 25px;border-bottom:1px solid var(--line);font:12px 'Space Grotesk',sans-serif}.page-jumps a:hover{color:#8964b8}.service-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:10%;align-items:center}.fit-card{padding:35px 35px 30px;border-radius:22px;background:#e9ede2;border:1px solid #d6ded1;position:relative}.fit-card:before{content:'';display:block;width:12px;height:12px;border-radius:50%;background:#a58bce;margin-bottom:24px}.fit-card>.tiny-label{color:#718477}.fit-card>p{font-size:23px;line-height:1.45;letter-spacing:-.035em;margin:20px 0 30px}.fit-card>a{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #cbd5c9;font:13px 'Space Grotesk',sans-serif}
.scope-section{margin:0 18px;border-radius:28px;background:#eaf0e5;display:grid;grid-template-columns:1fr 1.1fr;gap:7%;padding:65px calc(var(--gutter) - 18px)}.scope-image{position:relative;min-height:540px}.scope-image>img{width:100%;height:100%;position:absolute;object-fit:cover;border-radius:22px}.scope-image>div{position:absolute;inset:auto 0 0;padding:90px 30px 30px;border-radius:0 0 22px 22px;background:linear-gradient(transparent,#14221bea);color:#f1f5ec}.scope-image .brand-bars{width:29px;height:23px;margin-bottom:22px;color:var(--mint)}.scope-image p{font-size:25px;letter-spacing:-.04em;line-height:1.4}.scope-content{padding:15px 0}.scope-content h2{font-size:clamp(34px,3.5vw,52px)}.scope-list{margin-top:36px}.scope-list details{border-top:1px solid #cad6c8;padding:23px 0}.scope-list summary{list-style:none;display:flex;gap:18px;align-items:center;cursor:pointer}.scope-list summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}.scope-list summary>span{font-size:11px;color:#8a9c8c}.scope-list h3{font-size:20px;letter-spacing:-.03em;flex:1}.scope-list summary>b{font-size:22px;font-weight:400;color:#738573}.scope-list details[open] summary>b{transform:rotate(45deg)}.scope-list details>p{font-size:14px;line-height:1.8;color:#677d6b;padding:14px 25px 0 35px}
.process-section>.section-heading{max-width:700px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.step-num{font:400 42px 'Space Grotesk',sans-serif;color:#a28bc1;letter-spacing:-.06em}.step-line{height:1px;background:#cfd9cb;margin:18px 0 27px;position:relative}.step-line:after{content:'';position:absolute;width:8px;height:8px;background:#a28bc1;border-radius:50%;top:-3px}.process-grid h3{font-size:25px;margin-bottom:15px}.process-grid p{font-size:14px;color:var(--muted)}
.quote-panel{margin:0 var(--gutter);padding:48px 60px;background:linear-gradient(125deg,#e0ebdc,#e7e0ef);border:1px solid #d7dfd1;border-radius:28px;position:relative}.quote-symbol{font:95px Georgia,serif;color:#a48bc6;line-height:.8}.quote-panel blockquote{font-size:clamp(23px,2.45vw,37px);line-height:1.5;letter-spacing:-.04em;margin:10px 0 32px;max-width:1020px}.quote-panel figcaption{display:flex;align-items:center;gap:15px}.quote-panel figcaption>img:first-child{width:52px;height:52px;border-radius:50%;object-fit:cover}.quote-panel figcaption strong{display:block;font-size:14px;font-weight:600}.quote-panel figcaption span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.quote-panel .quote-logo{margin-left:auto;width:110px;height:40px;object-fit:contain;max-width:20%}
.faq-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.faq-list details{border-bottom:1px solid var(--line);padding:24px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;gap:20px;justify-content:space-between;font-size:18px;line-height:1.4}.faq-list summary>span{font-size:23px;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{padding:18px 40px 0 0;font-size:14px;color:var(--muted)}.related-services{padding-top:0}.related-services>div:last-child{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:35px}.related-services>div>a{position:relative;border:1px solid var(--line);border-radius:20px;padding:30px;transition:background .2s}.related-services>div>a:hover{background:#e9e2f1}.related-services a>span:first-child{font:11px 'Space Grotesk',sans-serif;color:#80927f;text-transform:uppercase;letter-spacing:.08em}.related-services h3{margin-top:35px}.related-services a>span:last-child{position:absolute;right:28px;bottom:25px;font-size:26px}
.page-closing{position:relative;margin:0 18px 18px;padding:65px calc(var(--gutter) - 18px);border-radius:28px;background:radial-gradient(ellipse at 100% 80%,#d9cee9,transparent 60%),#dde8d7;display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:30px}.page-closing>.brand-bars{position:absolute;right:45px;top:35px;color:#829c80;width:36px}.page-closing h2{font-size:clamp(38px,4.3vw,65px)}.page-closing>div:last-child{padding-left:15%}.page-closing>div:last-child>p{font-size:16px;margin-bottom:25px}.page-closing .button{background:#293f31;color:#f3f6ef}.page-closing .button:hover{background:#725195}.site-footer{padding:60px var(--gutter) 25px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand .brand-bars{width:27px;height:22px;color:#719a74}.footer-brand img{width:130px;filter:brightness(0);opacity:.85}.site-footer>div:first-child>p{font-size:13px;margin-top:22px;color:var(--muted)}.site-footer h3{font:11px 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.1em;margin-bottom:25px;color:#80917e}.site-footer>div:not(:first-child)>a{display:block;font-size:13px;margin:0 0 15px}.site-footer a:hover{color:#8a69bc}.site-footer .footer-bottom{grid-column:1/-1;padding-top:28px;border-top:1px solid var(--line);display:flex;gap:30px;justify-content:space-between;color:#5a695c;font-size:11px}.site-footer .footer-bottom>a{font-size:11px;margin:0}

/* Services overview. */
.service-map{position:relative;height:450px;width:100%;max-width:480px;margin:auto}.service-map:before{content:'';position:absolute;inset:65px;border:1px solid #c3edc72d;border-radius:50%}.service-orbit{position:absolute;width:210px;height:210px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;font:20px 'Space Grotesk',sans-serif;text-align:center;padding:30px;background:linear-gradient(140deg,#dcebdded,#a0b4a8c2);color:#293d31;border:1px solid #ddf0d98c;box-shadow:inset 0 1px 10px #fff5,0 25px 50px #0002;backdrop-filter:blur(14px);transition:transform .35s}.service-orbit:hover{transform:translateY(-8px)}.service-orbit>span:first-child{font-size:11px;opacity:.6}.service-orbit>span:last-child{font-size:24px}.orbit-0{left:0;top:0}.orbit-1{right:0;top:105px;background:linear-gradient(140deg,#dfd6efef,#aa98cbbf)}.orbit-2{left:20px;bottom:0;background:linear-gradient(140deg,#d5e0ccef,#7f9b8bc9)}.map-center{position:absolute;left:45%;top:40%;width:35px;color:var(--mint);opacity:.5}
.service-feature-list{margin-top:55px}.service-feature{display:grid;grid-template-columns:60px 1fr 31%;gap:35px;padding:32px 0;border-top:1px solid var(--line);align-items:center}.feature-index{font:22px 'Space Grotesk',sans-serif;color:#5a695c}.service-feature h3{font-size:36px}.service-feature p{font-size:15px;color:var(--muted);margin:18px 0 22px;max-width:520px}.service-feature>img{width:100%;height:210px;object-fit:cover;border-radius:18px;transition:filter .3s}.service-feature:hover>img{filter:saturate(1.18)}.specialist-section{background:#eaf0e5;border-radius:28px;margin:0 18px 80px;padding-left:calc(var(--gutter) - 18px);padding-right:calc(var(--gutter) - 18px)}.specialist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.specialist-grid>a,.specialist-grid>aside{padding:30px;border:1px solid #cfd9cb;border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;background:#f5f6ed80;min-height:310px;transition:background .25s}.specialist-grid>a:hover{background:#e3d9ef}.specialist-grid .tiny-label{color:#81947e;font-size:10px}.specialist-grid h3{font-size:26px;margin-top:28px}.specialist-grid p{font-size:13px;color:var(--muted);margin:18px 0 25px}.specialist-grid>a>span:last-child{margin-top:auto;font-size:25px}.specialist-grid>aside{background:#2c4033;color:#eef3e9}.specialist-grid>aside p{color:#b9cbb9}.specialist-grid>aside .brand-bars{color:#c3edc7;width:28px}.specialist-grid>aside .button{padding:12px 17px;font-size:12px;margin-top:auto}

/* Team and client pages. */
.team-collage{height:470px;position:relative}.collage-main{position:absolute;right:0;top:0;width:85%;height:320px;object-fit:cover;border-radius:23px}.collage-small{position:absolute;left:-15px;bottom:0;width:66%;height:230px;object-fit:cover;border-radius:23px;border:8px solid var(--dark)}.collage-note{position:absolute;right:0;bottom:0;width:36%;height:140px;border-radius:18px;background:linear-gradient(130deg,#ddf0d9,#d8cce8);padding:20px;color:#3b5140}.collage-note .brand-bars{width:22px;height:18px;margin-bottom:15px}.collage-note>span:last-child{font-size:18px;line-height:1.3;letter-spacing:-.04em}.about-mission{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.about-mission>div:last-child{padding-top:42px;color:var(--muted);font-size:15px}.about-mission .large-body{font-size:27px;letter-spacing:-.04em;color:var(--ink);margin-bottom:20px}.about-mission>div:last-child p{margin-bottom:20px}.team-film{margin:0 18px;background:#e8ede1;border-radius:28px;display:grid;grid-template-columns:1.55fr 1fr;overflow:hidden}.film-frame{position:relative}.film-frame>img{width:100%;height:100%;min-height:400px;object-fit:cover}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;border:1px solid #ffffff90;background:linear-gradient(135deg,#fff6,#2225);backdrop-filter:blur(14px);color:white;font-size:23px;box-shadow:0 10px 30px #0003}.film-play>span{display:block;margin-left:4px}.film-play:hover{background:#a98aca90}.team-film>div:last-child{padding:55px 35px;align-self:center}.team-film p:last-child{color:var(--muted);margin-top:25px;font-size:14px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:50px}.values-grid article{position:relative;border-top:1px solid #cfd8cb;padding-top:25px}.values-grid h3{margin:20px 0 15px}.values-grid p{font-size:14px;color:var(--muted)}.value-shape{display:block;width:90px;height:90px;border-radius:50%;background:linear-gradient(130deg,#b5d5ba,#b6a1ce);margin:5px 0 40px}.value-0{border:18px solid #b2cbb2;background:none}.value-1{border-radius:45% 55% 45% 55%;box-shadow:18px 0 0 -5px #b29acb80}.value-2{border-radius:50% 50% 12px 12px}.value-3{border-radius:10px 50% 50% 50%;transform:rotate(-45deg)}.values-grid .tiny-label{color:#81937e}.join-panel{margin:0 var(--gutter) 100px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.join-panel>img{height:400px;object-fit:cover;width:100%;border-radius:25px}.join-panel p:not(.eyebrow){font-size:15px;color:var(--muted);margin:23px 0 27px}
.hero-quote{padding:38px;background:linear-gradient(140deg,#ddf0d9ed,#ddd1edeb);border:1px solid #ffffff70;border-radius:25px;color:#334a39;transform:rotate(2deg)}.hero-quote>img{height:30px;width:100px;object-fit:contain;object-position:left}.hero-quote blockquote{font-size:clamp(29px,3vw,44px);line-height:1.3;letter-spacing:-.05em;margin:40px 0}.hero-quote>div{display:flex;gap:14px;align-items:center}.hero-quote>div>img{width:50px;height:50px;border-radius:50%;object-fit:cover}.hero-quote p{font-size:13px;line-height:1.6}.hero-quote p span{font-size:11px;color:#708170}.logo-wall{margin-top:45px;display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.logo-wall>div{height:130px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.logo-wall img{max-width:115px;max-height:44px;filter:brightness(0);opacity:.65}.all-quotes{padding-top:10px}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:45px}.quote-grid .quote-panel{margin:0;padding:32px;display:flex;flex-direction:column;border-radius:22px}.quote-grid .quote-symbol{font-size:65px}.quote-grid blockquote{font-size:23px;line-height:1.6;flex:1}.quote-grid .quote-logo{width:75px}.quote-grid figcaption{gap:12px}.quote-grid figcaption strong{font-size:12px}.quote-grid figcaption span{font-size:10px}.all-quotes>.small-note{margin-top:25px}

/* How we work. */
.mav-page-visual{position:relative;max-width:480px;width:100%;margin:auto}.mav-page-visual>img{width:100%;height:475px;object-fit:contain}.mav-caption{display:flex;justify-content:center;gap:10px;font:9px 'Space Grotesk',sans-serif;letter-spacing:.12em;color:#acbfb0;margin-top:15px}.mav-caption i{width:7px;height:7px;background:var(--mint);border-radius:50%}.working-steps{margin-top:50px}.working-steps article{display:grid;grid-template-columns:100px 1fr;padding:30px 0;border-top:1px solid var(--line);gap:35px}.working-steps article>div{display:grid;grid-template-columns:1fr 1fr;gap:12px 60px}.working-steps .eyebrow{grid-column:1/-1;margin:0;color:#6b52a6}.working-steps h3{font-size:28px;max-width:480px}.working-steps article p:last-child{color:var(--muted);font-size:15px}.connected-section{margin:0 18px;padding:75px calc(var(--gutter) - 18px);background:#e9eee4;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.connected-section .small-note{margin-top:20px;max-width:350px}.work-visual{padding:28px;border-radius:24px;background:linear-gradient(130deg,#d7e5d4,#ddd5e7);box-shadow:0 20px 60px #30453510;border:1px solid #fff}.work-top{display:flex;align-items:center;gap:12px;font:16px 'Space Grotesk',sans-serif;margin-bottom:30px}.work-top .brand-bars{width:24px;height:20px}.work-top small{margin-left:auto;font:10px 'Manrope',sans-serif;color:#768773}.context-pill{border:1px solid #fff7;background:#ffffff42;border-radius:12px;margin-top:12px;padding:18px;display:flex;justify-content:space-between;font-size:14px}.work-answer{margin:25px 0;background:#263d2e;border-radius:16px 16px 16px 4px;padding:25px;color:#eff4e9}.work-answer .tiny-label{color:#b6a0d4;margin-bottom:13px}.work-answer p{font-size:25px;line-height:1.4;letter-spacing:-.04em}.work-bottom{font-size:8px;letter-spacing:.12em;color:#82917d}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:45px 0 25px}.roadmap-grid article{padding:30px;border:1px solid var(--line);border-radius:20px}.status-label{display:inline-block;font:9px 'Space Grotesk',sans-serif;letter-spacing:.12em;color:#80639e;padding:7px 10px;border-radius:20px;background:#e9e0f1}.roadmap-grid h3{font-size:25px;margin:30px 0 15px}.roadmap-grid p{font-size:14px;color:var(--muted)}

/* Blog and article reading. */
.blog-hero-art{position:relative;border:1px solid #b9d0bc24;border-radius:50%;width:370px;height:370px;max-width:100%;margin:auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 25%,#aeb59b24,transparent 75%)}.blog-hero-art .brand-bars{position:absolute;width:250px;height:240px;color:#b5a0cb25;transform:rotate(-20deg)}.blog-hero-art p{position:relative;font-size:42px;line-height:1.15;letter-spacing:-.05em}.blog-filter{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:40px}.blog-filter h2{font-size:35px}.blog-filter>span{font-size:12px;color:var(--muted)}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 35px}.article-image{height:290px;border-radius:24px;overflow:hidden;position:relative;background:#e6e9df}.article-image>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.article-card:hover .article-image>img{transform:scale(1.035)}.article-image>span{position:absolute;right:20px;bottom:20px;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#f1f4e9b8;backdrop-filter:blur(10px);font-size:23px}.article-card>.eyebrow{display:block;margin:25px 0 15px;color:#6b52a6}.article-card h3{font-size:30px;line-height:1.25;max-width:550px;margin-bottom:25px}.article-heading{padding:70px var(--gutter) 55px;max-width:1200px;margin:auto}.article-heading>.text-link{font-size:12px;margin-bottom:55px}.article-heading h1{font-size:clamp(38px,4.8vw,68px);line-height:1.12}.article-heading>.eyebrow{color:#6b52a6}.article-heading>p:last-child{font-size:12px;color:var(--muted);margin-top:25px}.article-heading>p>span{padding:0 12px}.article-cover{margin:0 var(--gutter);height:450px;border-radius:24px;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover}.article-layout{display:grid;grid-template-columns:240px minmax(0,740px);gap:65px;padding:70px var(--gutter) 100px;justify-content:center}.article-layout aside{font-size:12px;color:var(--muted);padding-top:10px}.article-layout aside>p{margin:18px 0 25px}.article-prose{font-size:17px;line-height:1.85;color:#536657}.article-prose p{margin-bottom:24px}.article-prose strong{color:#2d4334;font-weight:600}.article-prose a{color:#6b52a6;text-decoration:underline;overflow-wrap:anywhere}.article-prose h2,.article-prose h3{font-size:29px;margin:30px 0 20px;color:var(--ink)}.article-prose li{margin-bottom:15px}.article-next{padding:45px var(--gutter) 80px;border-top:1px solid var(--line)}.article-next>a{display:flex;align-items:center;gap:40px;justify-content:space-between;max-width:1000px}.article-next h2{font-size:35px;line-height:1.25}.article-next>a>span{font-size:45px}

/* Contact is a working local mockup; no transport or storage. */
.contact-hero{margin:0 18px 18px;padding:55px 4vw 70px;background:radial-gradient(ellipse at 80% 50%,#32333d80,transparent 70%),var(--dark);border-radius:0 0 24px 24px;display:grid;grid-template-columns:1fr 1fr;gap:8%;color:#eff4eb;align-items:start}.contact-intro{padding-top:25px}.contact-intro h1{font-size:clamp(48px,5.2vw,78px)}.contact-intro .eyebrow{color:#a9bba9}.contact-intro .hero-lead{font-size:17px}.contact-photo{position:relative;margin-top:40px;border-radius:20px;overflow:hidden;max-width:490px}.contact-photo img{width:100%;height:240px;object-fit:cover}.contact-photo>span{position:absolute;bottom:0;left:0;right:0;padding:32px 20px 18px;background:linear-gradient(transparent,#15221dd9);font-size:14px}.contact-expect{max-width:450px;margin-top:30px}.contact-expect .tiny-label{color:#b3a0cf;font-size:10px}.contact-expect p{margin-top:12px;font-size:13px;color:#aabdac}.contact-form-card{background:#f5f6ee;border-radius:24px;padding:35px;color:var(--ink);box-shadow:0 25px 70px #0002}.form-heading{position:relative;margin-bottom:30px;padding-right:40px}.form-heading .brand-bars{position:absolute;right:0;top:0;width:28px;height:23px;color:#789578}.form-heading>p{font-size:26px;letter-spacing:-.04em;line-height:1.3;margin-bottom:10px}.form-heading>span{font-size:12px;color:var(--muted)}#contact-form>label,.field-grid>label{display:block;font-size:11px;font-weight:500;margin-bottom:18px}#contact-form label>span:not(:last-child){color:#9a87b0}#contact-form input:not([type=checkbox]),#contact-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #cfd9ca;border-radius:7px;background:#ffffff70;color:var(--ink);padding:13px 14px;font-size:13px;outline:0;transition:border-color .2s,box-shadow .2s}#contact-form input:focus,#contact-form textarea:focus{border-color:#9878bc;box-shadow:0 0 0 3px #b899f422}#contact-form textarea{resize:vertical;min-height:100px;max-height:260px}#contact-form [aria-invalid=true]{border-color:#a65352!important}input::placeholder,textarea::placeholder{color:#94a18f}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-error{display:block;font-size:10px;color:#9c4745;margin-top:6px}.field-error:empty{display:none}.interest-options{padding:0;margin:2px 0 22px;border:0;display:flex;flex-wrap:wrap;gap:8px}.interest-options legend{font-size:11px;margin-bottom:12px;padding:0}.interest-options label{position:relative}.interest-options input{position:absolute;opacity:0;width:1px;height:1px}.interest-options label>span{display:inline-block;padding:9px 12px;border:1px solid #ced8c9;border-radius:25px;font:11px 'Space Grotesk',sans-serif;cursor:pointer;transition:background .2s}.interest-options input:checked+span{background:#304b38;border-color:#304b38;color:white}.interest-options input:focus-visible+span{outline:3px solid #b899f4;outline-offset:3px}.form-privacy{font-size:10px;color:#5a695c;line-height:1.6;margin:5px 0 20px}.form-privacy a{text-decoration:underline}.form-submit{width:100%;background:#304837;color:white;font-size:13px;padding:15px 20px}.form-submit:hover{background:#74558e}.preview-disclosure{font-size:9px;line-height:1.6;color:#5a695c;text-align:center;margin-top:12px}.form-alert{padding:13px;border:1px solid #d6b5ac;border-radius:7px;background:#f2e3dc;color:#8e5146;font-size:12px;margin-bottom:15px}.form-success{padding:50px 0;min-height:590px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;outline:0}.success-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#ddf0d9;color:#507151;font-size:30px;margin-bottom:30px}.form-success h2{font-size:40px}.form-success>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:25px 0 30px}.form-review{border-top:1px solid #d9dfd1;margin-top:22px;padding-top:15px;color:#5a695c;font-size:10px}.form-review summary{cursor:pointer}.form-review>div{display:flex;gap:8px;margin-top:12px}.form-review button{background:#e7eadd;border:1px solid #d0dac9;border-radius:5px;color:#53684e;padding:7px 10px;font-size:10px}.contact-proof{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:6%}.contact-proof .quote-panel{margin:0;padding:30px}.contact-proof blockquote{font-size:23px}.contact-proof .quote-logo{width:75px}
.text-hero{grid-template-columns:1fr;min-height:400px}.privacy-copy{display:grid;grid-template-columns:220px 1fr;gap:70px;max-width:1200px;margin:auto}.privacy-copy aside{font-size:13px;color:var(--muted)}.privacy-copy>div>section{margin-bottom:45px}.privacy-copy h2{font-size:30px;margin-bottom:20px}.privacy-copy p{font-size:15px;color:var(--muted)}
.film-dialog{width:min(1000px,90vw);padding:0;background:#101814;border:0;border-radius:18px;overflow:visible}.film-dialog::backdrop{background:#07110cbd;backdrop-filter:blur(10px)}.film-player{aspect-ratio:16/9;overflow:hidden;border-radius:18px}.film-player iframe{width:100%;height:100%;border:0}.film-close{position:absolute;right:0;top:-45px;width:34px;height:34px;border-radius:50%;background:#e4ecdf;color:#344c3a;font-size:24px}

@media(min-width:1700px){.page-hero,.contact-hero{padding-left:6vw;padding-right:6vw}.service-hero-visual{height:550px}.page-hero{min-height:740px}}
@media(max-width:1050px){.page-hero{gap:4%;min-height:580px;padding-top:45px;padding-bottom:55px}.service-hero-visual{height:400px}.service-glass{left:-10px;right:10px;padding:20px}.service-glass strong{font-size:22px}.scope-section{gap:5%;padding-top:45px;padding-bottom:45px}.scope-image{min-height:500px}.scope-list h3{font-size:18px}.quote-panel{padding:35px}.specialist-grid{grid-template-columns:repeat(2,1fr)}.service-orbit{width:180px;height:180px;font-size:17px}.service-map{height:390px;max-width:370px}.team-collage{height:400px}.collage-main{height:275px}.collage-small{height:190px}.collage-note{height:115px;padding:15px}.collage-note>span:last-child{font-size:15px}.contact-hero{gap:5%}.contact-form-card{padding:27px}.contact-intro h1{font-size:55px}.contact-proof{grid-template-columns:1fr 1fr}.contact-proof blockquote{font-size:20px}.values-grid{gap:18px}.values-grid h3{font-size:23px}.article-layout{grid-template-columns:170px minmax(0,1fr);gap:35px}}
@media(max-width:760px){:root{--gutter:25px}.page-hero{margin:0 10px 10px;border-radius:0 0 18px 18px;grid-template-columns:1fr;padding:35px 22px 45px;gap:45px;min-height:0}.hero-writing{max-width:560px}h1{font-size:clamp(43px,9.8vw,68px)}h2{font-size:36px}.hero-lead{font-size:15px;margin-top:23px}.hero-writing>.button{margin-top:25px}.eyebrow{font-size:10px;margin-bottom:18px}.button{padding:16px 20px;font-size:12px}.service-hero-visual{height:355px;max-width:500px;width:100%;margin:auto;padding-bottom:25px}.service-glass{left:10px;right:10px;bottom:0;padding:20px}.service-glass strong{font-size:22px;margin:10px 0 16px}.photo-caption{font-size:8px}.proof-strip{padding:30px 25px}.proof-strip>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;justify-items:center}.proof-strip img{width:78px;height:28px}.page-jumps{padding:22px 20px;gap:20px;overflow-x:auto;justify-content:flex-start;font-size:10px;white-space:nowrap}.page-section{padding:60px 25px}.service-intro{grid-template-columns:1fr;gap:30px}.fit-card{padding:25px}.fit-card>p{font-size:22px}.section-heading>p:last-child:not(.eyebrow){font-size:15px;margin-top:22px}.scope-section{margin:0 10px;padding:25px 20px 10px;grid-template-columns:1fr;gap:25px;border-radius:22px}.scope-image{min-height:280px}.scope-image>div{padding:70px 22px 22px}.scope-image p{font-size:22px}.scope-content{padding-top:10px}.scope-list{margin-top:25px}.scope-list h3{font-size:18px}.scope-list details>p{padding-left:32px}.process-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.process-grid article{display:grid;grid-template-columns:50px 1fr;column-gap:20px}.process-grid .step-line{display:none}.process-grid h3{font-size:24px;align-self:center;margin:0}.process-grid p{grid-column:2;margin-top:10px}.step-num{font-size:35px}.quote-panel{margin:0 15px;padding:28px 24px;border-radius:22px}.quote-panel blockquote{font-size:23px}.quote-panel figcaption{gap:12px}.quote-panel figcaption strong{font-size:12px}.quote-panel figcaption span{font-size:10px;max-width:160px}.quote-panel .quote-logo{width:65px}.quote-panel figcaption>img:first-child{width:43px;height:43px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-list summary{font-size:16px}.related-services{padding-top:0}.related-services>div:last-child{grid-template-columns:1fr;gap:15px;margin-top:25px}.related-services>div>a{padding:25px}.related-services h3{font-size:25px;margin-top:20px}.page-closing{margin:0 10px 10px;padding:45px 25px;border-radius:22px;grid-template-columns:1fr;gap:25px}.page-closing>.brand-bars{right:25px;top:25px;width:25px}.page-closing>div:last-child{padding:0}.page-closing h2{font-size:42px}.page-closing>div:last-child>p{font-size:14px}.site-footer{padding:45px 25px 25px;grid-template-columns:1fr 1fr;gap:35px}.site-footer>div:first-child{grid-column:1/-1}.site-footer .footer-bottom{flex-wrap:wrap;gap:20px;font-size:10px}.site-footer .footer-bottom>span:first-child{width:100%}.service-map{max-width:330px;height:355px}.service-orbit{width:170px;height:170px;font-size:16px}.orbit-1{top:95px}.service-feature{grid-template-columns:30px 1fr;gap:15px;padding:25px 0}.service-feature>img{grid-column:2;height:180px;grid-row:2}.service-feature h3{font-size:29px}.service-feature p{font-size:14px}.specialist-section{margin:0 10px 55px;padding:40px 20px}.specialist-grid{grid-template-columns:1fr;gap:15px;margin-top:30px}.specialist-grid>a,.specialist-grid>aside{min-height:0;padding:25px}.specialist-grid h3{margin-top:20px;font-size:25px}.specialist-grid p{margin:15px 0 20px}.team-collage{height:360px;max-width:450px;width:100%;margin:auto}.collage-main{height:245px}.collage-small{left:0;height:180px;border-width:5px}.collage-note{height:105px}.about-mission{grid-template-columns:1fr;gap:20px}.about-mission>div:last-child{padding-top:0}.team-film{margin:0 10px;grid-template-columns:1fr;border-radius:22px}.film-frame>img{height:260px;min-height:0}.team-film>div:last-child{padding:35px 25px}.values-grid{grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:30px}.values-grid h3{font-size:23px}.values-grid p{font-size:13px}.value-shape{width:65px;height:65px;margin-bottom:25px}.value-0{border-width:13px}.join-panel{margin:0 25px 60px;grid-template-columns:1fr;gap:30px}.join-panel>img{height:270px}.hero-quote{transform:none;padding:28px}.hero-quote blockquote{font-size:31px;margin:30px 0}.logo-wall{grid-template-columns:repeat(2,1fr);margin-top:30px}.logo-wall>div{height:100px}.logo-wall img{max-width:100px;max-height:35px}.all-quotes{padding-top:0}.quote-grid{grid-template-columns:1fr;margin-top:30px}.quote-grid .quote-panel{padding:25px}.quote-grid blockquote{font-size:22px}.mav-page-visual>img{height:350px}.working-steps{margin-top:30px}.working-steps article{grid-template-columns:40px 1fr;gap:20px}.working-steps article>div{grid-template-columns:1fr;gap:15px}.working-steps h3{font-size:25px}.working-steps article p:last-child{font-size:14px}.connected-section{margin:0 10px;padding:40px 22px;grid-template-columns:1fr;gap:35px;border-radius:22px}.work-visual{padding:20px}.work-answer p{font-size:23px}.roadmap-grid{grid-template-columns:1fr;gap:15px;margin-top:30px}.roadmap-grid article{padding:25px}.roadmap-grid h3{margin:20px 0 12px}.blog-hero-art{width:280px;height:280px}.blog-hero-art p{font-size:35px}.blog-hero-art .brand-bars{width:200px}.blog-filter h2{font-size:28px}.blog-filter>span{font-size:10px}.article-grid{grid-template-columns:1fr;gap:40px}.article-image{height:220px;border-radius:18px}.article-card h3{font-size:27px}.article-heading{padding:40px 25px}.article-heading>.text-link{margin-bottom:35px}.article-heading h1{font-size:37px}.article-heading>p:last-child{font-size:11px}.article-cover{margin:0 15px;height:230px;border-radius:20px}.article-layout{padding:40px 25px 55px;grid-template-columns:1fr;gap:25px}.article-layout aside{display:none}.article-prose{font-size:16px}.article-next{padding:35px 25px 60px}.article-next h2{font-size:26px}.article-next>a{gap:20px}.contact-hero{margin:0 10px 10px;padding:35px 20px 30px;border-radius:0 0 18px 18px;grid-template-columns:1fr;gap:35px}.contact-intro{padding:0}.contact-intro h1{font-size:48px}.contact-intro .hero-lead{font-size:15px}.contact-photo{margin-top:28px}.contact-photo img{height:200px}.contact-expect{margin-top:25px}.contact-form-card{padding:25px 20px;border-radius:20px}.form-heading>p{font-size:24px}.field-grid{gap:12px}.form-success{min-height:480px}.form-success h2{font-size:35px}.contact-proof{grid-template-columns:1fr;gap:30px}.contact-proof .quote-panel{padding:25px}.text-hero{min-height:0}.privacy-copy{grid-template-columns:1fr;gap:30px}.privacy-copy h2{font-size:27px}.film-dialog{width:94vw}.film-player{border-radius:12px}}
/* Historical client work and community archive. */
.case-hero-names{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;transform:rotate(-7deg);max-width:440px;margin:auto}.case-hero-names>span{font:26px 'Space Grotesk',sans-serif;letter-spacing:-.05em;padding:24px 28px;border:1px solid #cadfc82a;border-radius:60px;background:linear-gradient(125deg,#c4ddc51a,#b899f419);color:#c3d4c4}.case-hero-names>span:nth-child(2n){color:#c6addf}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.case-card{padding:30px;border:1px solid #d3ddce;border-radius:23px;background:linear-gradient(140deg,#e5edde,#e6e0ee);transition:transform .25s}.case-card:hover{transform:translateY(-5px)}.case-card-top{display:flex;align-items:center;justify-content:space-between}.case-card-top img{width:105px;height:38px;object-fit:contain;object-position:left;filter:brightness(0);opacity:.6}.case-card-top>span{font-size:23px}.case-card-stat{display:flex;align-items:center;gap:20px;margin:45px 0 25px}.case-card-stat strong{font:400 72px 'Space Grotesk',sans-serif;letter-spacing:-.07em;line-height:1;color:#526e54}.case-card-stat>span{font-size:12px;color:#71846f;line-height:1.6}.case-card p{font-size:17px;line-height:1.5;min-height:76px;letter-spacing:-.03em;margin-bottom:30px}.case-card>.tiny-label{font-size:9px;color:#87709e}.case-source-note{margin-top:25px}.case-results{padding:40px;border-radius:25px;background:linear-gradient(130deg,#dfeadbf0,#ddcfea);color:#354b39}.case-results>img{max-width:130px;height:45px;object-fit:contain;object-position:left;filter:brightness(0);opacity:.65;margin-bottom:35px}.case-results>div{display:flex;align-items:center;gap:25px}.case-results strong{font:400 110px 'Space Grotesk',sans-serif;letter-spacing:-.08em;line-height:1.1}.case-results>div>span{font-size:20px;max-width:150px;line-height:1.3}.case-results .case-duration{border-top:1px solid #afbea955;padding-top:20px;margin-top:20px}.case-duration strong{font-size:50px}.case-duration>span{font-size:15px!important}.case-results small{display:block;font-size:10px;color:#7d8c79;margin-top:25px}.case-scope{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.role-cloud{display:flex;flex-wrap:wrap;gap:12px}.role-cloud>span{padding:13px 18px;border:1px solid #cbd7c6;border-radius:30px;font:13px 'Space Grotesk',sans-serif;background:#eaf0e5}.role-cloud>span:nth-child(3n){background:#e8e0f0;border-color:#d7cbe2}.case-context{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.case-context>img{width:100%;height:350px;object-fit:cover;border-radius:23px}.case-context .button{margin-top:30px}.case-more{padding-top:0}.case-more .case-grid{grid-template-columns:1fr 1fr}.case-discovery{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding-top:20px;align-items:center}.case-discovery .button{margin-top:25px}.case-discovery-names{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.case-discovery-names span{padding:30px;border-radius:50px;background:#e2eada;color:#71866c;font:25px 'Space Grotesk',sans-serif}.case-discovery-names span:nth-child(2){background:#e6ddee;color:#8f70ae}.together-art{padding:45px;background:linear-gradient(130deg,#c3edc7,#b8a2d0);border-radius:50% 50% 20px 20px;color:#344c39;max-width:420px}.together-art>span{display:block;font-size:clamp(55px,6vw,90px);line-height:1.1;letter-spacing:-.06em}.together-art>span:nth-child(2){text-align:right}.together-art small{display:block;font-size:10px;letter-spacing:.12em;margin-top:40px}.event-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%}.event-intro>div:last-child{align-self:center}.event-intro>div:last-child>p{color:var(--muted);font-size:15px}.event-intro .button{margin:25px 0 18px}.event-intro .small-note{font-size:11px!important}.event-agenda{background:#e9eee3;border-radius:28px;margin:0 18px;padding-left:calc(var(--gutter) - 18px);padding-right:calc(var(--gutter) - 18px)}.event-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.event-panels h3{margin:25px 0 20px;font-size:26px}.event-panels p{font-size:14px;color:var(--muted)}.event-panels small{display:block;font-size:11px;color:#8c769e;line-height:1.6;margin-top:25px}
@media(max-width:1000px){.case-grid{grid-template-columns:1fr 1fr}.case-card-stat{gap:15px}.case-card-stat strong{font-size:65px}}
@media(max-width:760px){.case-hero-names{max-width:330px;gap:10px;margin:15px auto}.case-hero-names>span{font-size:21px;padding:20px}.case-grid,.case-more .case-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.case-card{padding:27px}.case-card p{min-height:0}.case-card-stat{margin:30px 0 22px}.case-card-stat strong{font-size:70px}.case-results{padding:30px}.case-results strong{font-size:90px}.case-results>div>span{font-size:18px}.case-duration strong{font-size:45px}.case-scope,.case-context,.case-discovery,.event-intro{grid-template-columns:1fr;gap:30px}.role-cloud{gap:8px}.role-cloud>span{padding:11px 14px;font-size:12px}.case-context>img{height:260px}.case-more{padding-top:0}.case-discovery-names span{font-size:20px;padding:23px}.together-art{padding:35px;width:100%;max-width:330px;margin:auto}.together-art>span{font-size:65px}.event-agenda{margin:0 10px;padding:40px 25px;border-radius:22px}.event-panels{grid-template-columns:1fr;gap:35px}.event-panels h3{margin:15px 0}.event-intro .button{white-space:normal;font-size:11px}.case-results .case-duration strong{font-size:45px}}
.quote-panel+.page-closing{margin-top:80px}
.mav-page-visual>img{mask-image:radial-gradient(ellipse 48% 48% at 50% 50%,#000 65%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 48% 48% at 50% 50%,#000 65%,transparent 100%)}
@media(max-width:760px){.quote-panel+.page-closing{margin-top:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Kyle's revised Embedded Recruiting, Embedded Sourcing and Clients pages (2026-10-15), laid out to his ER, ES and CL mockups. */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;margin-top:34px}.hero-actions .button{margin-top:0}.page-hero .hero-actions .text-link{color:#e4eee8;border-color:#78877c}.page-hero .hero-actions .text-link:hover{color:var(--lavender)}
.button-outline{background:transparent;color:#e4eee8;box-shadow:inset 0 0 0 1px #6f7f74}.button-outline:hover{background:#ffffff14}
#approach,#included,#process,#service-faq,#directory,#stories{scroll-margin-top:84px}
/* Embedded Recruiting and Embedded Sourcing: the original section patterns (restored Oct 17 for consistency with the rest of the site). */
.service-hero-revised h1{font-size:clamp(44px,5vw,78px)}.service-hero-revised h1 em{color:var(--mint)}
.hero-scope{margin-top:30px;font-size:14px;color:#d8e2da;padding-left:14px;border-left:2px solid var(--lavender);max-width:520px}
.handoff-stages{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px;font:12px 'Space Grotesk',sans-serif;color:#cfdad2}.handoff-stages li{padding:8px 12px;border:1px solid #4d5d53;border-radius:30px}.handoff-stages li+li:before{content:'→';margin-right:8px;color:var(--mint)}
.service-jumps{position:sticky;top:0;z-index:4;background:#f6f5efee;backdrop-filter:blur(12px);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px var(--gutter);gap:20px}.service-jumps>div{display:flex;gap:38px}.service-jumps>div a{padding:8px 0;border-bottom:2px solid transparent}.service-jumps>div a[aria-current]{color:#41794d;border-color:#c3edc7}
.jump-contact{flex-shrink:0;padding:10px 16px;border-radius:5px;background:var(--mint);color:#243d2b}.jump-contact:hover{background:var(--lavender)}
.approach-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:8%;align-items:start}.approach-grid>div>.button,.included-head>div>.button{margin-top:30px}
.situation-cards{display:grid;gap:14px}.situation-cards article{padding:26px 28px;border-radius:18px;background:#ddf0d9}.situation-cards h3{font-size:21px;letter-spacing:-.03em}.situation-cards p{font-size:14px;color:var(--muted);margin-top:6px}
.approach-strip{margin-top:45px;padding:26px 32px;border-radius:18px;background:var(--dark);color:#eef3ea;font-size:clamp(18px,1.8vw,24px);letter-spacing:-.03em}
.fit-list{padding:38px;border-radius:24px;background:#e6def3}.fit-list h3{font-size:28px;margin-bottom:22px}.fit-list ul{list-style:none;padding:0;margin:0;display:grid;gap:18px}.fit-list li{position:relative;padding-left:44px;font-size:16px;line-height:1.55}.fit-list li:before{content:'✓';position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:50%;background:#a58bce;color:#fff;display:grid;place-items:center;font-size:14px}
.handoff-blocks{margin-top:45px;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.handoff-blocks article{padding:28px 30px;border-radius:18px;background:#e2ede0}.handoff-blocks h3{font-size:23px}.handoff-blocks p{font-size:14px;color:var(--muted);margin-top:6px}.handoff-arrow{font-size:30px;color:#4a6a52}
.revised-included{margin:0 18px;padding:80px calc(var(--gutter) - 18px);border-radius:28px;background:#ddf0d9}.included-head{display:grid;grid-template-columns:1.6fr 1fr;gap:30px 60px;align-items:center}.included-photo img{width:100%;height:260px;object-fit:cover;border-radius:20px}
.included-cards{list-style:none;padding:0;margin:45px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.included-cards li{padding:26px;border-radius:18px;background:#f6f5ef}.card-num{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ddf0d9;font:500 14px 'Space Grotesk',sans-serif}.included-cards h3{font-size:21px;letter-spacing:-.03em;margin:20px 0 10px}.included-cards p{font-size:14px;color:var(--muted);line-height:1.65}
#embedded-sourcing-included .included-cards,.revised-included:not(:has(.included-photo)) .included-cards{grid-template-columns:repeat(2,1fr)}.revised-included:not(:has(.included-photo)) .included-head{grid-template-columns:1fr}
.ownership-strip{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #c3dcc0;border-radius:18px;background:#ddf0d9}.ownership-strip p{padding:22px 28px;display:flex;align-items:center;gap:16px;font-size:17px}.ownership-strip p+p{border-left:1px solid #c3dcc0}.ownership-strip .brand-bars{width:26px;height:20px;color:#2c4935}
.included-note{margin-top:20px;font-size:14px;color:#55705b}
.process-cards{list-style:none;padding:0;margin:50px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:none}.process-cards li{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fbfaf6;position:relative}.process-cards li:not(:last-child):after{content:'';position:absolute;top:58px;right:-23px;width:22px;height:1px;background:#a28bc1}.process-cards .step-num{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#a28bc1;color:#fff;font-size:16px;letter-spacing:0}.process-cards h3{font-size:23px;margin:22px 0 10px}.process-cards p{font-size:14px;color:var(--muted)}
.feedback-loop{margin:22px auto 0;width:max-content;max-width:100%;padding:10px 20px;border-radius:30px;background:#e6def3;color:#6f4fa0;font-size:14px}.section-action{margin-top:40px;text-align:center}
.revised-testimonial{margin:0 18px;padding:80px var(--gutter);border-radius:28px}.revised-testimonial.tone-dark{background:var(--dark);color:#eef3ea}.revised-testimonial.tone-lavender{background:#e6def3}.revised-testimonial h2{font-size:clamp(28px,2.8vw,42px);margin-bottom:34px}.revised-testimonial blockquote{margin:0;font-size:clamp(23px,2.4vw,36px);line-height:1.45;letter-spacing:-.035em;max-width:1050px}.revised-testimonial mark{background:none;color:var(--lavender)}.tone-lavender mark{color:#6f4fa0}
.revised-testimonial figcaption{display:flex;align-items:center;gap:16px;margin-top:34px}.testimonial-portrait{width:56px;height:56px;border-radius:50%;object-fit:cover}.revised-testimonial figcaption strong{display:block;font-size:15px}.revised-testimonial figcaption span{font-size:13px;opacity:.75}.testimonial-logo{margin-left:auto;width:120px;height:40px;object-fit:contain}.tone-dark .testimonial-logo{filter:brightness(0) invert(1);opacity:.85}.revised-testimonial>.text-link{margin-top:34px;color:inherit}
.revised-faq>div:first-child .button{margin-top:30px}
.related-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.related-cards a{padding:34px;border:1px solid var(--line);border-radius:22px;background:#fbfaf6;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,transform .2s}.related-cards a:hover{border-color:#a28bc1;transform:translateY(-2px)}.related-cards h3{font-size:28px}.related-cards p{color:var(--muted);font-size:15px;flex:1}.related-cards .text-link{align-self:flex-start}
.revised-closing{margin:0 18px 18px;padding:70px var(--gutter);border-radius:28px;background:radial-gradient(ellipse at 100% 100%,#33313c,transparent 60%),var(--dark);color:#eef3ea;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end}.revised-closing>.eyebrow{grid-column:1/-1;margin:0;color:#b6c3b8}.revised-closing h2{font-size:clamp(38px,4.3vw,64px)}.revised-closing h2 em{color:var(--lavender)}.revised-closing>div:first-of-type>p{margin-top:22px;color:#c3cfc6;max-width:560px}.closing-action p{margin-top:16px;font-size:13px;color:#aebcb1}
@media(max-width:1000px){.approach-grid,.included-head{grid-template-columns:1fr}.included-cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.service-jumps{padding:10px 16px;flex-wrap:wrap}.service-jumps>div{gap:18px;overflow-x:auto;max-width:100%;flex-wrap:wrap}.jump-contact{display:none}.revised-included,.revised-testimonial{margin:0 10px;padding:50px 20px;border-radius:22px}.included-cards,.revised-included:not(:has(.included-photo)) .included-cards,.process-cards,.related-cards,.handoff-blocks{grid-template-columns:1fr}.handoff-arrow{transform:rotate(90deg);justify-self:center}.process-cards li:not(:last-child):after{display:none}.fit-list{padding:28px}.revised-testimonial figcaption{flex-wrap:wrap}.testimonial-logo{margin-left:0}.feedback-loop{width:auto;text-align:center}}
@media(prefers-reduced-motion:reduce){.related-cards a{transition:none}.related-cards a:hover{transform:none}}
.tone-lavender .testimonial-logo{mix-blend-mode:multiply}
.revised-included+.revised-testimonial{margin-top:80px}
@media(max-width:760px){.revised-included+.revised-testimonial{margin-top:50px}}
.related-cards:has(>a:nth-child(3)){grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.related-cards:has(>a:nth-child(3)){grid-template-columns:1fr}}

/* Clients */
.clients-hero h1{font-size:clamp(46px,5.4vw,84px)}
.hero-logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;transform:rotate(-3deg)}.hero-logo-grid>div{display:grid;place-items:center;height:92px;padding:22px 34px;border-radius:12px;background:#f4f2ea;box-shadow:0 4px 12px #0002}.hero-logo-grid img{max-width:78%;max-height:36px;object-fit:contain}
.hero-logo-grid>div:nth-child(2n){transform:translateY(-8px)}
.featured-strip{padding:56px var(--gutter) 48px}
.featured-strip-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.featured-strip-head h2{font:500 12px 'Space Grotesk',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#2f4236;margin:4px 0 0}
.featured-strip-head p{font-size:16px;line-height:1.6;color:#4f6354;max-width:420px}
.featured-strip-logos{margin-top:30px;display:grid;grid-template-columns:repeat(6,1fr);gap:32px;align-items:center}
.featured-strip-logos img{width:100%;max-width:140px;height:38px;object-fit:contain;margin:auto;mix-blend-mode:multiply}
.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.split-heading p{font-size:16px;line-height:1.6;color:var(--muted);max-width:420px}
.client-story-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.client-story{display:flex;flex-direction:column;border:1px solid #d6dbd2;border-radius:16px;overflow:hidden;background:#efeee6;transition:transform .2s}.client-story:hover{transform:translateY(-3px)}
.client-story-band{display:grid;place-items:center;height:124px;padding:24px}.band-0{background:#dce8d7}.band-1{background:#e5dbf1}.band-2{background:#e3e4dc}.client-story-band img{max-width:60%;max-height:48px;object-fit:contain;mix-blend-mode:multiply}
.client-story-body{display:flex;flex-direction:column;gap:18px;padding:26px 28px 30px;flex:1}.client-story-body h3{font-size:24px;letter-spacing:-.03em;font-weight:500}
.client-story dl{margin:0;display:grid;gap:14px;flex:1}.client-story dt{font:11px 'Space Grotesk',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7b8c7d}.client-story dd{margin:5px 0 0;font-size:14px;line-height:1.6}.client-story dd strong{font-size:30px;font-weight:400;letter-spacing:-.04em;color:#6f4fa0}.client-story .text-link{align-self:flex-start}.client-story dl>div:first-child dd{min-height:3.2em}.client-story-section>.small-note{margin-top:22px}
.revised-closing{margin:0 18px 18px;padding:70px var(--gutter);border-radius:28px;background:radial-gradient(ellipse at 100% 100%,#33313c,transparent 60%),var(--dark);color:#eef3ea;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.revised-closing h2{font-size:clamp(38px,4.3vw,64px)}.revised-closing h2 em{color:var(--lavender)}.revised-closing .closing-action p{color:#c3cfc6;margin-bottom:26px;font-size:16px;line-height:1.6}.revised-closing .closing-action .button{margin-top:0}
.client-directory{background:#e8ede3;margin:0 18px;border-radius:28px;padding-left:calc(var(--gutter) - 18px);padding-right:calc(var(--gutter) - 18px)}
.directory-controls{margin-top:36px;display:grid;grid-template-columns:1fr 280px;gap:12px}.directory-controls input,.directory-controls select{width:100%;height:52px;padding:0 16px;border:1px solid #c9d2c4;border-radius:10px;background:#f6f5ef;font:15px 'Manrope',sans-serif;color:var(--ink)}.directory-controls input:focus-visible,.directory-controls select:focus-visible{outline:3px solid #9974ce;outline-offset:2px}
.directory-count{margin:18px 0 14px;font-size:13px;color:#56655a}
.directory-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.directory-grid li{padding:22px 16px;border-radius:14px;background:#f6f5ef;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.directory-grid li:focus{outline:3px solid #9974ce;outline-offset:2px}.directory-logo{height:62px;width:100%;display:grid;place-items:center;margin-bottom:10px}.directory-logo img{max-width:80%;max-height:56px;object-fit:contain}.directory-grid strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.directory-grid li>span{font-size:12px;color:#5a695c}
.logo-text{font:500 22px 'Space Grotesk',sans-serif;letter-spacing:-.02em;color:#2e4335}
.directory-empty{padding:40px;text-align:center;border-radius:14px;background:#f6f5ef}.directory-empty p:first-child{font-size:20px}.directory-empty p+p{color:var(--muted);font-size:14px}.directory-empty .text-link{margin-top:14px;background:none;cursor:pointer}
.directory-more{display:block;margin:28px auto 0;padding:14px 22px;border:1px solid #8b9a8c;border-radius:8px;background:transparent;color:var(--ink);font:14px 'Space Grotesk',sans-serif}.directory-more:hover{background:#f6f5ef}
.client-testimonials{padding-top:100px}
.featured-logos figcaption{font-size:12px;color:var(--muted)}

@media(max-width:1000px){.client-story-grid{grid-template-columns:1fr}.featured-strip-logos{grid-template-columns:repeat(3,1fr)}.directory-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
 .ownership-strip p+p{border-left:0;border-top:1px solid #c3dcc0}
 .featured-strip{padding:40px 22px}.featured-strip-head,.split-heading{grid-template-columns:1fr;gap:12px}.featured-strip-logos{gap:24px}
 .hero-logo-grid{gap:10px}.hero-logo-grid>div{height:64px;padding:12px 18px}.hero-logo-grid img{max-height:26px}
 .revised-closing{margin:0 10px 10px;padding:45px 22px;grid-template-columns:1fr;border-radius:22px}
 .client-directory{margin:0 10px;padding:50px 20px;border-radius:22px}.directory-controls{grid-template-columns:1fr}.directory-grid{grid-template-columns:repeat(2,1fr);gap:10px}.directory-grid li{padding:16px 10px}
 .button,.hero-actions .button{white-space:normal}
}
.directory-logo img,.client-story-band img{mix-blend-mode:multiply}
/* Privacy policy and cookie settings (Oct 16, 2026) */
.footer-cookie,.text-button{background:none;padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px}
.site-footer .footer-bottom .footer-cookie{font-size:inherit;min-height:24px}
.privacy-copy aside nav{display:grid;gap:12px;position:sticky;top:30px}.privacy-copy aside nav a{color:var(--ink)}.privacy-copy aside nav a:hover{color:#8a69bc}
.privacy-copy>div>section{scroll-margin-top:30px}.privacy-copy p+p{margin-top:14px}.privacy-copy p strong{color:var(--ink);font-weight:600}.privacy-copy a:not(nav a){text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.policy-table{width:100%;border-collapse:collapse;margin:20px 0 24px;font-size:14px;color:var(--ink)}.policy-table th,.policy-table td{text-align:left;padding:12px 14px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}.policy-table th{font:400 11px 'Space Grotesk',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.policy-date{font-size:13px!important}
@media(max-width:760px){.privacy-copy aside{display:none}.policy-table{font-size:13px}}
.form-trap{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
/* Services hero map with four services (Oct 16 review). */
.service-map .service-orbit{width:190px;height:190px;font-size:17px}.service-map .orbit-0{left:0;top:0}.service-map .orbit-1{right:0;left:auto;top:30px}.service-map .orbit-2{left:30px;top:auto;bottom:0}.service-map .orbit-3{right:10px;bottom:20px;background:linear-gradient(140deg,#e6dcf3ef,#b9a3e3c4)}
@media(max-width:760px){.service-map .service-orbit{width:150px;height:150px;font-size:14px;padding:20px;gap:8px}.service-map .orbit-1{top:25px}.service-map .orbit-2{left:15px}.service-map .orbit-3{right:5px;bottom:15px}}
/* Inner-page logo marquee: the homepage marquee, ported (Oct 16 review). */
.site-marquee{display:flex;align-items:center;gap:50px;margin:0 4vw;padding:38px 2vw;border-bottom:1px solid #d7ddd4;color:#334239}
.site-marquee h2{font-size:23px;letter-spacing:-.035em;line-height:1.2}.site-marquee p{font-size:11px;margin:8px 0 0;white-space:nowrap;color:var(--muted);line-height:1.5}
.sm-window{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.sm-track{display:flex;width:max-content;animation:sm-marquee 60s linear infinite}.sm-window:hover .sm-track,.sm-window:focus-within .sm-track{animation-play-state:paused}
.sm-group{display:flex;align-items:center;gap:48px;padding-right:48px;flex-shrink:0}.sm-group img{width:120px;height:40px;object-fit:contain;filter:grayscale(1) brightness(.25);opacity:.8}
@keyframes sm-marquee{to{transform:translateX(-50%)}}
@media(max-width:760px){.site-marquee{display:block;padding:30px 20px;margin:0 10px}.site-marquee p{white-space:normal}.sm-window{margin-top:20px}.sm-group{gap:32px;padding-right:32px}.sm-group img{width:100px;height:34px}}
@media(prefers-reduced-motion:reduce){.sm-track{animation:none;width:100%}.sm-group{flex-wrap:wrap;justify-content:center;width:100%;gap:24px;padding:0}.sm-group[aria-hidden]{display:none}}
/* Clients testimonials: the homepage testimonial card, in a sideways-scrolling row (Oct 16 review). */
.story-row{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px;margin-top:40px;scrollbar-width:thin}
.story-row:focus-visible{outline:3px solid #9974ce;outline-offset:4px}
.story-row .carousel-story{flex:0 0 calc((100% - 48px)/3);min-width:280px;margin:0;padding:30px;border:1px solid #d5dfd1;border-radius:24px;background:linear-gradient(125deg,#e3edde,#e9e3f1);display:flex;flex-direction:column;scroll-snap-align:start}
.story-row blockquote{font-size:clamp(17px,1.3vw,21px);line-height:1.6;margin:0 0 30px;letter-spacing:-.02em;color:var(--ink)}
.story-row .quote-highlight{font-weight:650;color:#70509c}
.story-row figcaption{margin-top:auto;display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.5}
.story-row figcaption span{display:block;font-size:12px;color:#5a695c;margin-top:4px}
.story-row .story-headshot{width:64px;height:64px;flex-shrink:0;object-fit:cover;border-radius:50%}
.story-row .story-logo{display:block;height:24px;width:82px;object-fit:contain;object-position:left center;margin-top:7px}
@media(max-width:760px){.story-row .carousel-story{flex-basis:88%;padding:24px}.story-row blockquote{font-size:18px}}
/* Fixes from the Oct 16 pass. */
.footer-legal{display:inline-flex;align-items:center;gap:22px}
.site-marquee p{white-space:normal;max-width:240px}
.site-footer .footer-bottom{align-items:center}.site-footer .footer-bottom .footer-cookie{font-size:13px;min-height:0}
@media(max-width:760px){.site-footer .footer-bottom .footer-cookie{font-size:10px}}
.directory-grid li .directory-hires{margin-top:8px;padding:3px 10px;border-radius:999px;background:#c3edc7;color:#243d2b;font:500 12px/1.4 "Space Grotesk",sans-serif;letter-spacing:.02em}
/* Page nav and FAQ rows keep 44px tap targets in the original style. */
.service-jumps{padding-top:6px;padding-bottom:6px}.service-jumps>div a,.service-jumps .jump-contact{display:inline-flex;align-items:center;gap:8px;min-height:44px}.service-jumps>div a{padding:0}
.faq-list summary{min-height:44px}
@media(max-width:760px){.service-jumps{padding:6px 12px}.service-jumps .jump-contact{display:none}.service-jumps>div{gap:0;flex-wrap:nowrap;justify-content:space-between;width:100%;overflow:visible}.service-jumps>div a{padding:0 6px;font-size:12.5px;white-space:nowrap}}
/* Coordination and Executive Search: who owns what (Kyle, Oct 18), in the hand-off block style. */
.ownership-blocks{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;margin-top:36px}
.revised-ownership .included-note{margin-top:24px}
.sm-group .sm-text{flex:0 0 auto;width:120px;text-align:center;font:500 22px 'Space Grotesk',sans-serif;letter-spacing:-.03em;color:#333c36;opacity:.8}
/* Focal points so faces stay in frame when a photo is cropped (Kyle, Oct 19) */
img[src$="/mavs-event-audience.jpg"]{object-position:50% 22%}
img[src$="/mavs-event-panel-close.jpg"]{object-position:50% 25%}
img[src$="/mavs-event-group.jpg"]{object-position:50% 30%}
img[src$="/mavs-event-panel.jpg"]{object-position:50% 30%}
img[src$="/mavs-team-laughing.jpg"],img[src$="/mavs-team-pair.jpg"]{object-position:50% 20%}
/* People photos are never cropped (Christian, Oct 19): each shows whole, at its own
   aspect ratio, at every width, instead of filling a fixed-height box. */
.service-hero-visual{height:auto!important;padding-bottom:0!important}
.service-hero-visual>img,.service-feature>img,.included-photo img,.join-panel>img,.contact-photo img{height:auto!important;aspect-ratio:auto}
.film-frame>img{height:auto!important;min-height:0!important}
.collage-main,.collage-small{height:auto!important}
.collage-small{object-fit:contain}
.service-hero-visual>.photo-caption{top:auto;bottom:16px}
/* A percentage row gap overflows a stacked grid (the cards ran into the dark strip on
   phones), so the stacked rows use a fixed gap. */
.page-hero,.contact-hero,.service-intro,.scope-section,.faq-layout,.about-mission,.connected-section,.contact-proof,.case-scope,.case-context,.event-intro,.approach-grid,.included-head{row-gap:40px}
/* The About collage box follows the photos' own shapes now that they are not cropped,
   and is tall enough that the small photo no longer covers the main one. */
.team-collage{height:auto!important;aspect-ratio:1.1}

/* Christian's Oct 20 review. */
/* Section links: a floating pill once the hero is out of view, not a second header bar. */
body .service-jumps{position:fixed;left:50%;top:auto;bottom:22px;z-index:30;width:auto;max-width:calc(100vw - 32px);margin:0;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid #ffffff1f;border-radius:999px;background:#131b18e8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 40px #0000004d;opacity:0;transform:translate(-50%,24px);pointer-events:none;transition:opacity .3s,transform .3s}
body .service-jumps.is-shown{opacity:1;transform:translate(-50%,0);pointer-events:auto}
body .service-jumps>div{display:flex;flex-wrap:nowrap;gap:2px;overflow:visible;width:auto;max-width:none}
body .service-jumps>div a{display:inline-flex;align-items:center;min-height:0;padding:10px 16px;border:0;border-radius:999px;color:#c9d5cd;font:400 13px 'Space Grotesk',sans-serif;white-space:nowrap;transition:background .2s,color .2s}
body .service-jumps>div a:hover{background:#ffffff14;color:#fff}
body .service-jumps>div a[aria-current]{background:#ffffff1f;color:#c3edc7}
body .service-jumps .jump-contact{display:inline-flex;gap:10px;min-height:0;padding:10px 18px;border-radius:999px;background:#c3edc7;color:#1d3325;font:400 13px 'Space Grotesk',sans-serif}
body .service-jumps .jump-contact:hover{background:#b899f4}
@media(max-width:760px){body .service-jumps{bottom:12px;padding:4px}body .service-jumps .jump-contact{display:none}body .service-jumps>div a{padding:9px 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){body .service-jumps{transition:none}}
/* Less green on the service pages: neutral panels, with green kept for buttons and small accents. */
body .revised-included{background:#ecebe4}
body .included-cards li{background:#fbfaf6}
body .situation-cards article,body .handoff-blocks article{background:#fbfaf6;border:1px solid var(--line)}
body .card-num{background:#e6def3;color:#4f3a8c}
/* Related services sit in their own panel, so the FAQ above reads as finished. */
body .revised-related{margin:0 18px 18px;padding:80px calc(var(--gutter) - 18px);border-radius:28px;background:#ecebe4}
body .revised-related .related-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body .revised-related .related-cards a:hover{border-color:#7052f5;transform:translateY(-4px);box-shadow:0 16px 36px #29433214}
@media(max-width:900px){body .revised-related .related-cards{grid-template-columns:1fr}}
@media(max-width:760px){body .revised-related{margin:0 10px 10px;padding:60px 22px}}
/* Closing panel: the logo sits above the heading, clear of the text on the right. */
body .page-closing{padding-top:118px}
body .page-closing>.brand-bars{left:calc(var(--gutter) - 18px);right:auto;top:52px}
@media(max-width:760px){body .page-closing{padding-top:84px}body .page-closing>.brand-bars{left:25px;top:32px}}
/* Hero height: the same rule as the homepage hero (the window height less the header and the logo strip). */
body .page-hero{min-height:calc(100vh - 254px);min-height:calc(100svh - 254px)}
body .page-hero .service-hero-visual>img{max-height:calc(100svh - 380px);width:auto;max-width:100%;margin-left:auto}
/* About hero photos: one grid, even gaps, no border on any photo. */
body .team-collage{position:static;height:auto!important;aspect-ratio:auto;display:grid;grid-template-columns:1.55fr 1fr;gap:16px;align-items:stretch;max-width:600px;margin-left:auto}
body .team-collage>.collage-main{position:static;grid-column:1/-1;width:100%;height:auto!important;border-radius:22px}
body .team-collage>.collage-small{position:static;width:100%;height:auto!important;object-fit:contain;border:0;border-radius:18px}
body .team-collage>.collage-note{position:static;width:auto;height:auto;display:flex;flex-direction:column;justify-content:space-between;border-radius:18px}
/* Values: cards with line icons in place of the abstract shapes. */
.value-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:50px}
.value-cards article{padding:30px 28px 34px;border:1px solid var(--line);border-radius:22px;background:#fbfaf6;transition:transform .3s,box-shadow .3s,border-color .3s}
.value-cards article:hover{transform:translateY(-4px);border-color:#b8a6e0;box-shadow:0 16px 36px #29433214}
.value-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#ece6f6;color:#5b43a6}
.value-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.value-num{display:block;margin:34px 0 10px;font:400 12px 'Space Grotesk',sans-serif;color:#5a695c;letter-spacing:.08em}
.value-cards h3{font-size:26px}
.value-cards p{margin-top:12px;font-size:14px;color:var(--muted)}
@media(max-width:1000px){.value-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.value-cards{grid-template-columns:1fr}}
/* Contact: a shorter hero with fewer line breaks. */
body .contact-hero{padding:45px 4vw 50px;align-items:center;min-height:calc(100svh - 254px)}
body .contact-intro{padding-top:0}
body .contact-intro .hero-lead br{display:none}
body .contact-photo{margin-top:30px}
body .contact-photo{max-width:430px}
body .contact-expect{margin-top:22px}
body .contact-form-card{padding:28px 30px}
body .contact-form-card textarea{min-height:84px}
/* Clients: an aligned logo grid in the hero, with a lift on hover. */
body .hero-logo-grid{transform:none;gap:14px}
body .hero-logo-grid>div,body .hero-logo-grid>div:nth-child(2n){transform:none;transition:transform .3s,box-shadow .3s,background .3s}
body .hero-logo-grid>div:hover{transform:translateY(-5px);background:#fff;box-shadow:0 18px 34px #0004}
/* Industry menu: opens below the field (site-pages.js). */
.sector-menu{position:relative}
.sector-toggle{width:100%;height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid #c9d2c4;border-radius:10px;background:#f6f5ef;color:var(--ink);font:15px 'Manrope',sans-serif;text-align:left}
.sector-toggle>span:last-child{transition:transform .2s;transform:translateY(-3px)}
.sector-menu.is-open .sector-toggle{border-color:#7052f5}
.sector-menu.is-open .sector-toggle>span:last-child{transform:translateY(-3px) rotate(180deg)}
.sector-list{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:10;max-height:320px;overflow:auto;margin:0;padding:6px;list-style:none;background:#fbfaf6;border:1px solid #d6ded1;border-radius:12px;box-shadow:0 22px 44px #29433224}
.sector-list li{padding:10px 12px;border-radius:8px;font-size:14px;cursor:pointer}
.sector-list li:hover{background:#ece6f6;color:#4f3a8c}
.sector-list li[aria-selected=true]{font-weight:600;color:#4f3a8c}
/* Directory: six compact tiles per row and page buttons, so every client fits without a very tall section. */
body .directory-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
body .directory-grid li{padding:18px 12px;transition:transform .25s,box-shadow .25s,background .25s}
body .directory-grid li:hover{transform:translateY(-3px);background:#fff;box-shadow:0 12px 26px #29433214}
body .directory-logo{height:52px;margin-bottom:8px}
body .directory-logo img{max-height:44px}
.directory-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:30px}
.directory-pager button{min-width:42px;height:42px;padding:0 12px;border:1px solid #c9d2c4;border-radius:999px;background:transparent;color:var(--ink);font:14px 'Space Grotesk',sans-serif;transition:background .2s,color .2s,border-color .2s}
.directory-pager button:hover:not(:disabled){border-color:#7052f5;color:#7052f5}
.directory-pager button[aria-current]{background:#293e32;border-color:#293e32;color:#f3f6ef}
.directory-pager button:disabled{opacity:.35;cursor:default}
@media(max-width:1100px){body .directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){body .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Pages without a logo strip under the hero fill the window, so no empty band shows below it. */
body .page-hero:not(:has(+.site-marquee)),body .contact-hero{min-height:calc(100vh - 136px);min-height:calc(100svh - 136px)}
/* Services hero: four equal circles on a 2x2 grid around a centered logo, in one shared style. */
body .service-map{display:grid;grid-template-columns:repeat(2,190px);grid-template-rows:repeat(2,190px);gap:30px;place-content:center;width:auto;height:auto;max-width:none;margin:auto;position:relative}
body .service-map:before{inset:50%;width:330px;height:330px;transform:translate(-50%,-50%);border-color:#c3edc72d}
body .service-map .service-orbit{position:relative;inset:auto;width:190px;height:190px;margin:0;background:radial-gradient(circle at 30% 25%,#2c3a34,#1b2420);border:1px solid #c3edc733;color:#e6efe8;box-shadow:inset 0 1px 0 #ffffff14,0 18px 40px #0000004d;transition:transform .3s,background .3s,color .3s,border-color .3s}
body .service-map .service-orbit>span:first-child{color:#c3edc7;opacity:1}
body .service-map .service-orbit:hover{transform:translateY(-6px);background:#c3edc7;border-color:#c3edc7;color:#1d3325}
body .service-map .service-orbit:hover>span:first-child{color:#41794d}
body .service-map .map-center{position:absolute;left:50%;top:50%;width:34px;height:28px;transform:translate(-50%,-50%);color:#c3edc7;opacity:.8}
@media(max-width:760px){body .service-map{grid-template-columns:repeat(2,150px);grid-template-rows:repeat(2,150px);gap:18px}body .service-map .service-orbit{width:150px;height:150px}body .service-map:before{width:250px;height:250px}}
/* How we work: Mav and MavsHQ in depth, text beside the illustrative screens. */
.how-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:6%;align-items:center}
.how-feature.is-dark{margin:0 18px;border-radius:28px;padding-left:calc(var(--gutter) - 18px);padding-right:calc(var(--gutter) - 18px);background:#131b18;color:#eef3ea}
.how-feature.is-dark h2{color:#f2f4ed}.how-feature.is-dark h2 em{color:var(--lavender)}.how-feature.is-dark .section-heading>p:last-child{color:#aebdb2}
.how-chips{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.how-chips li{padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fbfaf6;font-size:12.5px}
.how-chips li.is-soon{border-style:dashed;background:transparent;color:#5f6f63}.how-chips small{margin-left:6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8a69bc}
.how-points{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:0}
.how-points li{display:grid;grid-template-columns:44px 1fr;gap:6px;padding:18px 0;border-top:1px solid var(--line);transition:transform .3s}
.how-points li:hover{transform:translateX(6px)}
.how-feature.is-dark .how-points li{border-color:#2c3933}
.how-points span{font:400 12px 'Space Grotesk',sans-serif;color:#5a695c;padding-top:5px}
.how-points h3{font-size:20px;letter-spacing:-.03em}
.how-points p{margin-top:6px;font-size:14px;color:var(--muted)}
.how-feature.is-dark .how-points p{color:#aebdb2}
.how-screens{margin:0}
.how-screens img{width:100%;height:auto}
.how-screens figcaption{margin-top:12px;text-align:right;font:400 10px 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5a695c}
@media(max-width:900px){.how-feature{grid-template-columns:1fr;gap:40px}}
@media(max-width:760px){.how-feature.is-dark{margin:0 10px;padding:60px 22px}}
body .service-jumps>div a,body .service-jumps .jump-contact{min-height:44px}
@media(max-width:1100px){body:has(.mc-banner) .service-jumps{opacity:0;pointer-events:none}}

/* Christian's second Oct 20 review. */
/* Sections alternate plain and panel, so each reads as its own section. */
body .section-panel{margin:0 18px;padding:90px calc(var(--gutter) - 18px);border-radius:28px;background:#ecebe4}
body .section-panel+.section-plain,body .section-plain+.section-panel{margin-top:0}
body .section-plain{background:transparent;margin-left:0;margin-right:0;border-radius:0}
body .section-panel .included-cards li,body .section-panel .related-cards a,body .section-panel .situation-cards article{background:#fbfaf6}
body .section-panel+.page-closing,body .section-plain+.page-closing{margin-top:18px}
body .section-panel+.section-plain{padding-top:100px}
@media(max-width:760px){body .section-panel{margin:0 10px;padding:60px 22px}}
/* What's included: a 1-2-3-4 step row on every service page, with a line through the numbers. */
body .included-cards,body .revised-included:not(:has(.included-photo)) .included-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}
body .included-cards li{position:relative}
body .included-cards li:not(:last-child):after{content:'';position:absolute;top:46px;left:calc(26px + 40px + 10px);right:-16px;height:1px;background:linear-gradient(90deg,#b8a6e0,#c3edc7)}
@media(max-width:1000px){body .included-cards,body .revised-included:not(:has(.included-photo)) .included-cards{grid-template-columns:1fr}body .included-cards li:not(:last-child):after{display:none}}
/* Closing panel: text centred vertically; the Mavericks logo at the bottom right. */
body .page-closing{align-items:center;padding-top:65px;padding-bottom:65px}
body .page-closing>.brand-bars{left:auto;right:calc(var(--gutter) - 18px);top:auto;bottom:40px}
@media(max-width:760px){body .page-closing{padding-top:45px;padding-bottom:80px}body .page-closing>.brand-bars{right:25px;left:auto;top:auto;bottom:28px}}
/* Heroes size with the window, as the homepage does: spacing, type and visuals shrink on short or zoomed windows. */
body .page-hero{padding-top:clamp(20px,4.5svh,60px);padding-bottom:clamp(24px,5svh,70px)}
body .page-hero h1{font-size:clamp(36px,min(5.2vw,8.4svh),82px)}
body .page-hero .hero-lead{margin-top:clamp(14px,2.8svh,28px)}
body .page-hero .hero-writing>.button,body .page-hero .hero-actions{margin-top:clamp(18px,3.4svh,34px)}
body .page-hero .service-hero-visual>img{max-height:calc(100svh - 360px)}
body .page-hero .team-collage{max-width:min(600px,calc((100svh - 320px)*1.1))}
body .page-hero .hero-logo-grid>div{height:clamp(56px,9.5svh,92px)}
/* Services hero: four circles, green to purple, spaced out and set on a slight turn. */
body .service-map{--c:clamp(118px,min(19svh,14vw),190px);grid-template-columns:repeat(2,var(--c));grid-template-rows:repeat(2,var(--c));gap:clamp(28px,5svh,54px);transform:rotate(-10deg)}
body .service-map:before{width:calc(var(--c)*1.95);height:calc(var(--c)*1.95)}
body .service-map .service-orbit{width:var(--c);height:var(--c);transform:rotate(10deg);border:1px solid #ffffff3d;color:#1d3325;box-shadow:inset 0 1px 0 #ffffff59,0 20px 44px #0000004d}
body .service-map .orbit-0{background:linear-gradient(145deg,#d6f4d8,#c3edc7 45%,#b5dcc4)}
body .service-map .orbit-1{background:linear-gradient(145deg,#c9efcc,#bcd9d0 50%,#c3b4ec)}
body .service-map .orbit-2{background:linear-gradient(145deg,#c3edc7,#c6c6e8 55%,#b9a3ef)}
body .service-map .orbit-3{background:linear-gradient(145deg,#cfc4f2,#b899f4 55%,#a688ea)}
body .service-map .service-orbit>span:first-child{color:#41794d}
body .service-map .orbit-3>span:first-child{color:#4f3a8c}
body .service-map .service-orbit:hover{transform:rotate(10deg) translateY(-6px) scale(1.04);background:linear-gradient(145deg,#ffffff,#e9e2fb);border-color:#fff;color:#1d3325}
body .service-map .map-center{transform:translate(-50%,-50%) rotate(10deg)}
/* Services list: every photo the same height, shown whole. */
body .service-feature>img{height:190px!important;width:auto;max-width:100%;justify-self:end;object-fit:contain}
@media(max-width:760px){body .service-feature>img{height:auto!important;width:100%;justify-self:stretch}}
/* About video: plays inside its frame. */
body .film-frame{position:relative}
body .film-frame>.film-inline{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;background:#000;z-index:3}
body .film-frame.is-playing>.film-play{display:none}
/* About: the values sit in a panel so the sections alternate. */
body .values-section{margin:0 18px;padding-left:calc(var(--gutter) - 18px);padding-right:calc(var(--gutter) - 18px);border-radius:28px;background:#ecebe4}
body .values-section .value-cards article{background:#fbfaf6}
@media(max-width:760px){body .values-section{margin:0 10px;padding:60px 22px}}
body .how-view{min-width:0}
/* Clients hero: the logo cards angled again, floating gently and lifting on hover. */
body .hero-logo-grid{transform:rotate(-3deg)}
body .hero-logo-grid>div{animation:logo-float 7s ease-in-out infinite;animation-delay:calc(var(--i,0) * -.9s)}
body .hero-logo-grid>div:nth-child(2n){margin-top:-10px}
body .hero-logo-grid>div:nth-child(1){--i:0}body .hero-logo-grid>div:nth-child(2){--i:1}body .hero-logo-grid>div:nth-child(3){--i:2}body .hero-logo-grid>div:nth-child(4){--i:3}body .hero-logo-grid>div:nth-child(5){--i:4}body .hero-logo-grid>div:nth-child(6){--i:5}body .hero-logo-grid>div:nth-child(7){--i:6}body .hero-logo-grid>div:nth-child(8){--i:7}
body .hero-logo-grid>div:hover{animation-play-state:paused;transform:translateY(-6px) rotate(2deg) scale(1.04)}
@keyframes logo-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.8deg)}}
@media(prefers-reduced-motion:reduce){body .hero-logo-grid>div{animation:none}}
/* Clients directory: fits one window. */
body .client-directory{padding-top:70px;padding-bottom:60px}
body .client-directory .directory-controls{margin-top:28px}
/* Logo strip: the homepage's spacing; logo sizes are balanced by site-shared.js. */
body .sm-group{gap:56px;padding-right:56px}
body .sm-group img{object-fit:contain}
body .client-directory .directory-grid li{padding:12px 10px 14px;gap:3px}
body .client-directory .directory-logo{height:46px;margin-bottom:6px}
body .client-directory .directory-logo img{max-height:38px}
body .client-directory .directory-grid strong{font-size:13px}
body .client-directory .directory-grid li>span{font-size:11px}
body .client-directory .section-heading>p:last-child{margin-top:16px}
body .client-directory .directory-count{margin:12px 0 10px}
/* How we work MavsHQ copy (Kyle, Oct 20). */
.how-feature .how-sub{margin:18px 0 0;font-size:15px;line-height:1.7;color:#aebdb2;max-width:560px}
.how-feature .how-tagline{margin:22px 0 0;font:400 20px/1.3 'Manrope',Arial,sans-serif;letter-spacing:-.02em;color:var(--lavender)}
/* About (Kyle and Christian, Oct 20 meeting): the video panel and the team photo each get their own space, so
   the values panel, the video and "Want to be one of the Mavs?" no longer run into each other. */
body .values-section+.team-film{margin-top:clamp(40px,6vw,90px)}
body .team-film+.join-panel{margin-top:clamp(70px,8vw,120px)}
@media(max-width:760px){body .values-section+.team-film{margin-top:30px}body .team-film+.join-panel{margin-top:55px}}
/* Logo strips (Christian, Oct 20 meeting): the homepage strip's look on every page - same logo box, spacing and
   speed - with logos chosen for each page. */
.site-marquee .sm-group{gap:48px;padding-right:48px}
.site-marquee .sm-track{animation-duration:48s}
.site-marquee .sm-group img{width:120px;height:40px;object-fit:contain;filter:grayscale(1) brightness(.25);opacity:.8}
@media(max-width:760px){.site-marquee .sm-group{gap:32px;padding-right:32px}.site-marquee .sm-group img{width:100px;height:34px}}
/* Services photos (Christian, Oct 20 meeting): one identical 3:2 box for all four, cropped to fill. */
body .service-feature>img{width:285px;height:190px!important;max-width:100%;object-fit:cover;justify-self:end}
@media(max-width:760px){body .service-feature>img{width:100%;height:auto!important;aspect-ratio:3/2;justify-self:stretch}}
/* Our clients globe (Oct 20 meeting). */
.clients-hero .client-globe{position:relative;width:min(100%,560px);aspect-ratio:1;justify-self:center;align-self:center}
.client-globe canvas{width:100%;height:100%;display:block;contain:layout paint size}
.globe-labels{display:none}
@supports (position-anchor:--a){
 .globe-labels{display:block}
 .globe-label{position:absolute;display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;background:#141c18e6;border:1px solid #ffffff1f;color:#e9efe8;font-size:11px;white-space:nowrap;pointer-events:none;transition:opacity .4s,filter .4s;filter:blur(calc((1 - var(--v,1)) * 6px))}
 .globe-label.is-west{right:anchor(left);top:anchor(center);translate:-10px -50%}
 .globe-label.is-east{left:anchor(right);top:anchor(center);translate:10px -20%}
 .globe-label.is-south{right:anchor(center);top:anchor(bottom);translate:12px 8px}
 .globe-label.is-north{left:anchor(right);bottom:anchor(top);translate:6px -4px}
 .globe-label b{font-weight:600;color:var(--mint)}
 .globe-logos{display:flex}
 .globe-logos img{width:22px;height:22px;border-radius:50%;object-fit:contain;background:#fff;padding:3px;margin-left:-6px;border:1px solid #141c18}
 .globe-logos img:first-child{margin-left:0}
}
.globe-note{margin:22px 0 0;font-size:13px;line-height:1.5;color:#b9c6bd;max-width:420px}
@media(max-width:760px){.clients-hero .client-globe{width:min(100%,360px)}}
/* Logo strip heading and spacing: the homepage values exactly (Christian, Oct 20: weight and vertical position
   differed). */
body .site-marquee{padding-top:26px;padding-bottom:26px}
body .site-marquee h2{font-weight:500;line-height:1.06}
body .site-marquee>div:first-child>p{color:rgb(51,66,57);line-height:1.65}
@media(max-width:760px){body .site-marquee{display:block;padding:30px 14px}body .site-marquee>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:15px}body .site-marquee>div:first-child>p{white-space:normal;font-size:10px;line-height:1.65;max-width:140px;margin:0}body .site-marquee .sm-window{margin-top:24px}}
/* "What's included" steps (Christian, Oct 20 evening): the numbers sit on one continuous line above the cards, like
   a timeline, instead of short lines running through each card. */
@media(min-width:1001px){
 body .included-cards,body .revised-included:not(:has(.included-photo)) .included-cards{padding-top:58px}
 body .included-cards li:not(:last-child):after{display:none}
 body .included-cards:before{content:'';position:absolute;top:18px;left:44px;right:calc((100% - 48px)/4 - 44px);height:2px;border-radius:2px;background:linear-gradient(90deg,#b8a6e0,#c3edc7)}
 body .included-cards .card-num{position:absolute;top:-58px;left:26px;width:36px;height:36px;margin:0;display:grid;place-items:center;border-radius:50%;background:#f4f3ee;box-shadow:0 0 0 2px #b8a6e0 inset;font:500 13px 'Space Grotesk',sans-serif;color:#5c4a8a}
 body .section-panel .included-cards .card-num{background:#ecebe4}
 body .included-cards h3{margin-top:0}
}
/* About video: the homepage player (Oct 20 evening) - glass play/pause button over the video, video covering the
   frame (site-pages.js sizes the iframe), no black bars. */
body .film-frame{overflow:hidden;background:#141a18}
body .film-frame>.film-inline{inset:auto;width:auto;height:auto;background:transparent;pointer-events:none}
body .film-frame.is-playing>.film-play{display:grid;z-index:4;opacity:0;transition:opacity .2s}
body .film-frame.is-playing:hover>.film-play,body .film-frame.is-paused>.film-play,body .film-frame>.film-play:focus-visible{opacity:1}
body .film-frame>.film-play{display:grid;place-items:center;width:76px;height:76px;padding:0;border:1px solid #ffffff80;background:#ffffff26;color:#fff;backdrop-filter:blur(12px);box-shadow:0 8px 24px #0002;transition:background .2s,color .2s,transform .2s,opacity .2s}
body .film-frame>.film-play:hover{background:#c3edc7;color:#203b2a;transform:translate(-50%,-50%) scale(1.06)}
body .film-frame>.film-play svg{display:block;width:26px;height:26px}
/* About "Make a difference": both halves centred on one line (Christian, Oct 20 evening). */
body .about-mission{align-items:center}
body .about-mission>div:last-child{padding-top:0}
body .about-mission>div:last-child>:last-child{margin-bottom:0}
/* Contact hero fits a normal browser window (Christian, Oct 20 evening): Email and Company share a row, the message
   box and spacing are tighter, and the hero's own padding is smaller. */
@media(min-width:761px){
 body .contact-hero{padding-top:clamp(20px,3.5svh,44px);padding-bottom:clamp(20px,3.5svh,44px);align-items:center}
 body #contact-form{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}
 body #contact-form>*{grid-column:1/-1}
 body #contact-form>label:has(input[name=email]){grid-column:1}
 body #contact-form>label:has(input[name=company]){grid-column:2}
 body #contact-form>label,body #contact-form .field-grid>label{margin-bottom:12px}
 body #contact-form .field-grid{margin-bottom:0}
 body #contact-form input:not([type=checkbox]){padding-top:10px;padding-bottom:10px;margin-top:6px}
 body #contact-form textarea{min-height:68px;height:68px;margin-top:6px;padding-top:10px}
 body #contact-form .interest-options{margin-bottom:12px}
 body #contact-form button.button{padding-top:13px;padding-bottom:13px}
 body .contact-form-card{padding:22px 26px}
 body .contact-form-card .form-heading{margin-bottom:14px}
 body .contact-photo img{height:clamp(150px,24svh,240px)}
}
body #client-grid{align-content:start}
/* Our clients globe, Oct 20 evening: larger, reaching up behind a transparent header; labels keep a fixed size;
   every city is a hover target with a card of its clients. */
@media(min-width:761px){
 /* Standard hero height and header; the globe is larger than the hero, so its top and bottom are cut off by the
    hero's edges (Christian, Oct 20 evening). */
 body.clients-page .clients-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);overflow:hidden;position:relative}
 body.clients-page .clients-hero .client-globe{position:absolute;right:-6%;top:50%;width:min(980px,68vw);translate:0 -50%;margin:0}
 body.clients-page .clients-hero .hero-writing{position:relative;z-index:2}
}

.client-globe canvas{cursor:grab;touch-action:pan-y}
.client-globe.is-dragging canvas{cursor:grabbing}
@supports (position-anchor:--a){
 .globe-label{width:max-content}
 .globe-logos img{flex:0 0 22px}
 .globe-text{flex:0 0 auto}
 .client-globe .globe-hits{display:block}
 .globe-hit{position:absolute;left:anchor(center);top:anchor(center);translate:-50% -50%;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;transition:box-shadow .2s}
 .globe-hit:hover,.globe-hit:focus-visible{box-shadow:0 0 0 2px #b899f4,0 0 0 6px #b899f433;outline:0}
}
.globe-hits{display:none}
.globe-card{position:absolute;z-index:8;width:260px;padding:14px 16px;border-radius:16px;background:#151d19f2;border:1px solid #ffffff22;box-shadow:0 18px 40px #0008;color:#e9efe8;font-size:12px;line-height:1.45;pointer-events:none}
.globe-card strong{display:block;font-weight:600;font-size:14px;margin-bottom:8px}
.globe-card strong b{font-weight:500;color:var(--mint);margin-left:4px}
.globe-card-logos{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.globe-card-logos img{width:30px;height:30px;border-radius:8px;object-fit:contain;background:#fff;padding:4px}
.globe-card-names{display:block;color:#b9c6bd}

.client-globe .globe-label{pointer-events:auto;cursor:pointer}
/* Our clients directory (Oct 20 evening): a full-screen section like the homepage's; no divider above it; even space
   around the logo strip; heading and subheading on one line each; more companies per page. */
body.clients-page .site-marquee{border-bottom:0;margin-bottom:18px}
@media(min-width:1101px){
 body.clients-page .client-directory{min-height:100svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding-top:44px;padding-bottom:36px}
 body.clients-page .client-directory .section-heading{max-width:none}
 body.clients-page .client-directory .section-heading h2 br{display:none}
 body.clients-page .client-directory .section-heading h2{font-size:clamp(34px,3.4vw,52px)}
 body.clients-page .client-directory .section-heading>p:last-child{max-width:none;white-space:nowrap}
 body.clients-page #client-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
 body.clients-page .client-directory .directory-grid li{padding:10px 8px 11px}
 body.clients-page .client-directory .directory-logo{height:38px;margin-bottom:4px}
 body.clients-page .client-directory .directory-logo img{max-height:30px}
}
@media(min-width:1101px){body.clients-page .client-directory{justify-content:flex-start}body.clients-page .client-directory .section-heading h2 em{margin-left:.24em}}
@media(min-width:1101px){body.clients-page .client-directory .directory-grid strong{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.clients-page .client-directory .directory-grid li>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}
/* Privacy: a short hero, so the policy starts on the first screen (Oct 20 evening). */
body .page-hero.text-hero{min-height:0!important;padding-top:clamp(36px,6svh,72px);padding-bottom:clamp(36px,6svh,72px)}
/* Directory panel sized like the homepage's panel sections: the window height less 36px, with 18px all round. */
@media(min-width:1101px){body.clients-page .client-directory{min-height:calc(100svh - 36px);margin:18px}}
/* Globe fits the hero with equal space above, right and below (Christian, Oct 20 evening). */
@media(min-width:761px){body.clients-page .clients-hero .client-globe{--gp:clamp(28px,4.5svh,48px);top:var(--gp);right:var(--gp);height:calc(100% - var(--gp) * 2);width:auto;aspect-ratio:1;translate:none}}
/* About: centred play/pause icons; "Want to be one of the Mavs?" text left, photo right (Oct 20 evening). */
body .film-frame>.film-play>.film-icon{display:grid;place-items:center;margin:0;width:26px;height:26px}
body .film-frame>.film-play>.film-icon svg{width:26px;height:26px}
@media(min-width:761px){body .join-panel>img{order:2}body .join-panel>div{order:1}}
/* Blog: a short hero like Privacy, so the articles start on the first screen. */
body.blog-page .page-hero{min-height:0!important;padding-top:clamp(36px,6svh,72px);padding-bottom:clamp(36px,6svh,72px)}
/* About video = the homepage player (Oct 20 evening): the whole frame is the play button; the glass circle sits in
   its exact centre; the icons are the homepage's. */
body .film-frame>.film-play,body .film-frame>.film-play:hover{position:absolute;inset:0;left:0;top:0;transform:none!important;width:auto;height:auto;padding:0;border:0;border-radius:inherit;background:transparent;box-shadow:none;backdrop-filter:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}
body .film-frame>.film-play>.film-icon{width:76px;height:76px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:#ffffff26;backdrop-filter:blur(12px);box-shadow:0 8px 24px #0002;transition:background .2s,color .2s,transform .2s}
body .film-frame>.film-play:hover>.film-icon{background:#c3edc7;color:#203b2a;transform:scale(1.06)}
body .film-frame.is-playing>.film-play>.film-icon{opacity:0;transition:opacity .2s}
body .film-frame.is-playing:hover>.film-play>.film-icon,body .film-frame.is-paused>.film-play>.film-icon{opacity:1}
body .film-frame.is-playing>.film-play{opacity:1}
/* About order (Oct 20 evening): hero, video, "Make a difference", values, join. */
body .page-hero+.team-film{margin-top:0}
body .values-section+.join-panel{margin-top:clamp(70px,8vw,120px)}
/* Blog article page (Oct 20 evening). */
body .page-hero.article-hero{min-height:0!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);padding-top:clamp(32px,5svh,64px);padding-bottom:clamp(32px,5svh,64px)}
body .article-hero h1{font-size:clamp(32px,3.4vw,52px);line-height:1.1;letter-spacing:-.04em;margin:14px 0 0}
body .article-hero .article-back{color:#c3edc7;font-size:12px}
body .article-hero .article-category{margin:28px 0 0;font:500 11px 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b899f4}
body .article-hero .article-byline{margin-top:18px;font-size:13px;color:#aebdb2}
body .article-hero .article-cover{margin:0;height:auto;aspect-ratio:16/10;border-radius:20px;overflow:hidden}
body .article-hero .article-cover img{width:100%;height:100%;object-fit:cover}
body .article-single{max-width:720px;margin:0 auto;padding:clamp(40px,6vw,72px) 24px clamp(48px,6vw,80px);font-size:17px;line-height:1.75}
body .article-single h2{font-size:clamp(24px,2.2vw,30px);margin:42px 0 14px;letter-spacing:-.03em}
body .article-single p{margin:0 0 18px}
body .article-single ul{margin:0 0 18px;padding-left:22px}
body .article-single li{margin-bottom:8px}
body .article-next{max-width:720px;margin:0 auto 70px;padding:28px 24px 0;border-top:1px solid var(--line)}
body .article-next>a{display:flex;align-items:center;justify-content:space-between;gap:24px;text-decoration:none;color:inherit}
body .article-next h2{font-size:clamp(22px,2vw,28px);margin:10px 0 0}
body .blog-index{padding-top:clamp(40px,5vw,64px)}
@media(max-width:760px){body .page-hero.article-hero{grid-template-columns:1fr}body .article-single{font-size:16px}}
/* Guide pages (Kyle's SEO plan, Oct 20). */
body .guide-hero h1{font-size:clamp(32px,3.2vw,50px)}
body .guide-hero .hero-lead{margin-top:16px;font-size:15px;color:#c9d3cc;max-width:560px}
body .guide-hero .hero-actions{margin-top:22px}
body .guide-cta{max-width:960px;margin:0 auto 20px;padding:32px 36px;border-radius:24px;background:var(--dark);color:#eef3ea;display:flex;align-items:center;justify-content:space-between;gap:32px}
body .guide-cta h2{font-size:clamp(22px,2.2vw,30px);color:#f2f4ed;margin:0}
body .guide-cta p{margin:8px 0 0;color:#aebdb2;font-size:14px;max-width:560px}
body .guide-faq{max-width:1100px;margin:0 auto}
body .guide-related{max-width:960px;margin:0 auto 80px;padding:0 24px}
body .guide-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
body .guide-related a{display:grid;gap:6px;padding:20px;border:1px solid var(--line);border-radius:18px;text-decoration:none;color:inherit;background:#fbfaf6}
body .guide-related a span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
body .guide-related a strong{font-weight:500;font-size:16px}
body .guide-related a:hover{border-color:#b899f4}
body .guide-index .guide-group{margin-top:34px}
body .guide-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:12px}
body .guide-cards a{display:grid;grid-template-rows:auto 1fr auto;gap:8px;padding:20px;border-radius:18px;background:#fbfaf6;border:1px solid var(--line);text-decoration:none;color:inherit;min-height:170px}
body .guide-cards a strong{font-weight:500;font-size:16px;line-height:1.3}
body .guide-cards a span{font-size:13px;color:var(--muted);line-height:1.5}
body .guide-cards a:hover{border-color:#b899f4}
@media(max-width:1000px){body .guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}body .guide-related>div{grid-template-columns:1fr}body .guide-cta{flex-direction:column;align-items:flex-start;margin:0 18px 20px}}
@media(max-width:560px){body .guide-cards{grid-template-columns:1fr}}
/* How we work and About heroes: shorter, the same height, so the next section shows (Christian, Oct 20 evening). */
@media(min-width:761px){
 body.short-hero-page .page-hero{--hh:clamp(440px,calc(100svh - 320px),600px);min-height:0!important;height:var(--hh);padding-top:clamp(24px,4svh,48px);padding-bottom:clamp(24px,4svh,48px);box-sizing:border-box}
 body.short-hero-page .page-hero .team-collage,body.short-hero-page .page-hero .service-hero-visual{max-height:calc(var(--hh) - 2 * clamp(24px,4svh,48px));height:100%;align-self:center}
 body.short-hero-page .page-hero .service-hero-visual>img{max-height:calc(var(--hh) - 2 * clamp(24px,4svh,48px) - 10px)}
}
/* The About collage scales with the shorter hero; photos stay whole (no cropping). Its height is about 0.95 x width. */
@media(min-width:761px){body.short-hero-page .page-hero .team-collage{height:auto;max-height:none;width:100%;max-width:calc((var(--hh) - 2 * clamp(24px,4svh,48px)) / .97)}}
@media(min-width:1001px){body .guide-cards{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}}
/* Blog guides (Oct 20 evening): below the articles; every card the same width, five per row, left-aligned; the
   heading and subheading on one line each. */
body .guide-index{padding-top:0}
body .guide-index .section-heading{max-width:none}
body .guide-index .section-heading h2 em{display:inline}
body .guide-index .section-heading h2 br{display:none}
body .guide-index .section-heading>p:last-child{max-width:none}
@media(min-width:1001px){body .guide-cards{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
/* Guides linked from each service page (Kyle's SEO plan). */
body .service-guides{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
body .service-guides>span{font:500 11px 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:6px}
body .service-guides a{padding:7px 13px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:inherit;text-decoration:none;background:#fbfaf6}
body .service-guides a:hover{border-color:#b899f4;color:#7052f5}
/* Accessibility (WCAG 2.2 AA, Oct 20): text colours that fell below 4.5:1 contrast are darkened; large step numbers
   meet 3:1; the shell's small purple labels meet 4.5:1. */
body .working-steps .step-num{color:#7d64a8}
body .hq-shell-section .hq-eyebrow{color:#6b52a6}
@media(max-width:900px){body .page-closing .button{max-width:100%;box-sizing:border-box;white-space:normal}body .page-closing>div{min-width:0}}
.sm-window:focus-visible{outline:3px solid #b899f4;outline-offset:6px;border-radius:8px}
/* Phone heroes (Christian, Oct 20 mobile pass): the header and hero fill exactly one screen, as on desktop. Blog,
   article, guide and privacy heroes stay short so their text starts on the first screen. */

@media(max-width:760px){.clients-hero .client-globe{width:min(100%,300px)}.clients-hero{gap:28px}}
/* Phone globe (Oct 20 mobile pass): only the two biggest cities are labelled, so labels neither overlap nor run off-screen. */
@media(max-width:760px){.clients-hero .globe-label[data-rank="3"],.clients-hero .globe-label[data-rank="4"]{display:none}}
/* Phone heroes (Christian, Oct 21): shorter than the screen so the next section shows and the page reads as
   scrollable. Tighter padding and smaller visuals; photos keep everyone's face in frame. */
@media(max-width:760px){
body .page-hero:not(.text-hero):not(.article-hero){padding-top:26px;padding-bottom:30px;gap:22px}
body .page-hero .service-hero-visual,body.short-hero-page .page-hero .service-hero-visual{height:auto!important;max-height:none!important}
body .page-hero .service-hero-visual>img,body.short-hero-page .page-hero .service-hero-visual>img{max-height:175px!important;width:auto!important;max-width:100%;margin:0 auto!important;display:block}
body .clients-hero .client-globe{width:min(100%,230px)}
body .page-hero .service-map{zoom:.62;margin-inline:auto}
body .page-hero .team-collage,body.short-hero-page .page-hero .team-collage{max-width:250px!important;max-height:none!important;margin:0 auto!important}
}
@media(max-width:760px){body .page-hero,body .page-hero:not(:has(+ .site-marquee)){min-height:0!important}}
.privacy-copy .policy-list{margin:14px 0 0;padding-left:20px;display:grid;gap:8px;font-size:15px;line-height:inherit;color:var(--muted)}.privacy-copy .policy-list+p{margin-top:14px}
.privacy-copy h3.policy-sub{font-size:17px;font-weight:600;color:var(--ink);margin:24px 0 8px;letter-spacing:-.01em}.privacy-copy h2+h3.policy-sub{margin-top:0}
/* Inner pages on phones, Christian's Oct 21 device review applied page by page. */
@media(max-width:760px){
/* Logo strips: the logos carry it; the heading only took space (as on the homepage). */
.site-marquee>div:first-child{display:none!important}
/* About values: icon beside the title, so each card is about half as tall. */
.value-cards{grid-template-columns:1fr!important;gap:12px!important;margin-top:28px!important}
.value-cards article{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:center;padding:18px 18px 20px!important}
.value-cards .value-icon{grid-row:1 / span 2;margin:0!important;align-self:start}
.value-cards .value-num{margin:0!important;font-size:11px}
.value-cards h3{font-size:22px!important;margin:0!important}
.value-cards p{grid-column:1 / -1;margin-top:10px!important}
/* Headlines break in balanced lines instead of leaving one word alone. */
.page-section h2,.page-hero h1,.page-closing h2{text-wrap:balance}
}
@media(max-width:760px){
/* About hero: a little wider so the "Good people. On your side." card reads in two lines. */
body .page-hero .team-collage,body.short-hero-page .page-hero .team-collage{max-width:320px!important}
/* Blog hero: the decorative circle at half height, so the articles start sooner. */
.page-hero .blog-hero-art{max-width:200px;margin:0 auto;aspect-ratio:1}
.page-hero .blog-hero-art p{font-size:24px!important}
.blog-index .section-heading,.blog-index>div:first-child{margin-bottom:18px}
}
/* Touch screens: Vimeo's own controls handle the film, so our play button steps aside once it loads. */
.film-native.is-playing .film-play,.film-native.is-playing button[data-vimeo]{display:none!important}
@media(max-width:760px){
/* iPhones zoom into any field under 16px when it is tapped (Christian, Oct 21, Contact form). */
input,textarea,select{font-size:16px!important}
}
/* Our clients on phones: the globe opens the page, above the heading (Christian, Oct 21), like Mav on the homepage. */
@media(max-width:760px){.clients-hero{display:flex!important;flex-direction:column}.clients-hero>:not(.hero-writing){order:-1;margin-bottom:6px}}
/* Services list on phones, condensed (Christian, Oct 21): no number column, smaller titles and photos, less padding.
   Photos keep their full frame, only smaller. */
@media(max-width:760px){
.service-feature-list{margin-top:26px!important}
body .service-feature{grid-template-columns:1fr!important;gap:8px!important;padding:18px 0!important}
body .service-feature>.feature-index{display:none}
body .service-feature h3{font-size:24px!important}
body .service-feature p{margin:6px 0 10px!important}
body .service-feature>img{grid-column:1!important;grid-row:auto!important;height:150px!important;width:auto!important;max-width:100%!important;aspect-ratio:auto!important;object-fit:contain!important;justify-self:start!important}
}
/* Blog header on phones, condensed (Christian, Oct 21: "looks a little silly"): the decorative circle is dropped and
   the heading and line sit in a short band. */
@media(max-width:760px){.page-hero:has(.blog-hero-art){padding-bottom:26px!important;gap:0!important}.page-hero .blog-hero-art{display:none!important}}