@import url('/astra-layout.css?v=1');
/* Mix only: the existing light editorial system remains unchanged underneath. */
.mix-site{--mix-dark:#11191f;--mix-light:#f5f5f1;--red:#e9002b}
.mix-site .demo-header{background:var(--mix-dark);color:var(--mix-light);border-bottom:1px solid #ffffff18}
.mix-site .desktop-nav>a[aria-current=page]{color:white;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:9px}
.mix-site .desktop-nav a:hover,.mix-site .nav-group summary:hover{color:#ff657f}
.mix-site .header-jobs{border-color:#ffffff6b;color:white}
.mix-site .header-jobs:hover{background:var(--red);border-color:var(--red)}
.mix-site .header-jobs>span,.mix-site .nav-group summary>span{color:#ff4c6c}
.mix-site .menu-toggle>span{background:white}
.mix-site .nav-dropdown,.mix-site .mobile-nav{background:var(--mix-dark);color:var(--mix-light);border-color:#ffffff24}
.mix-site .nav-dropdown>a:hover{background:#ffffff08}
.mix-site .nav-dropdown small{color:#b8c1c5}
.mix-site .nav-dropdown .nav-overview{color:#ff657f;border-color:#ffffff26}
.mix-site .mobile-nav>a,.mix-site .mobile-nav summary{border-color:#ffffff26}
.mix-site .mobile-nav .nav-dropdown{background:#1c272d}
.mix-site .mobile-nav a[aria-current=page]{color:#ff657f}
.mix-site .site-footer{background:var(--mix-dark)}
.mix-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--mix-dark);color:var(--mix-light)}
.mix-hero-grid{position:relative;display:grid;grid-template-columns:1.1fr 1fr;min-height:640px}
.mix-hero-copy{position:relative;z-index:2;padding-block:64px 56px;max-width:580px}
.mix-hero .eyebrow{color:#ccd4d5;font-size:11px}
.mix-hero h1{font-size:clamp(68px,6.7vw,96px);line-height:1.06;letter-spacing:-.06em;margin:27px 0 28px}
.mix-hero h1 em{color:var(--red)}
.mix-hero .lead{color:#d1d8d8;max-width:450px;font-size:17px;line-height:1.8}
.mix-hero .actions{gap:30px;margin-top:29px}
.mix-hero .actions>.text-link{color:white}
.mix-hero .actions>.text-link>span{color:#ff5d78}
.mix-hero .actions>.button:focus-visible{outline-color:white}
.mix-hero-location{display:flex;flex-direction:column;gap:5px;border-top:1px solid #ffffff24;padding-top:20px;margin-top:30px;max-width:445px;font-size:11px;color:#aebdc2;line-height:1.7}
.mix-hero-location>a{align-self:start;color:#d5dfe2;font-size:12px}
.mix-hero-location>a>span{margin-left:12px;color:#ff5d78}
.mix-hero-visual{position:absolute;z-index:0;top:0;bottom:0;left:43%;right:calc((min(100vw,1320px) - 100vw)/2);margin:0;overflow:hidden}
.mix-hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:54% 52%;filter:brightness(.83) saturate(.82)}
.mix-hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--mix-dark),#11191ff0 4%,#11191f91 23%,#11191f05 48%),linear-gradient(0deg,#11191fc7,transparent 45%),linear-gradient(180deg,#11191f35,transparent 35%);pointer-events:none}
.mix-hero-visual figcaption{position:absolute;right:50px;bottom:35px;z-index:1;font-size:10px;letter-spacing:.13em;color:#d8e0e1}
.mix-about-hero .mix-hero-grid{min-height:580px}
.mix-about-hero .mix-hero-copy{padding-block:72px 55px}
.mix-about-hero h1{font-size:clamp(64px,6.3vw,87px)}
.mix-site .audience-band{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
.mix-site .audience-band a{padding-block:36px}
.mix-site .audience-band a+a{border-color:var(--line)}
.mix-site .audience-band a>span:first-child{color:#5c665f}
.mix-site .audience-band a>span:last-child{color:var(--red)}
.mix-site .audience-band h2{font-size:29px}
.mix-site .audience-band p{color:var(--muted)}
.mix-site .audience-band a:hover h2{color:var(--red);text-decoration:none}
.mix-site .audience-band a:focus-visible{outline-color:var(--red)}
.mix-site .mix-collaboration{background:var(--mix-dark);color:var(--mix-light);padding-block:75px}
.mix-collaboration .section-intro h2{max-width:760px;font-size:clamp(37px,4vw,53px)}
.mix-collaboration .eyebrow{color:#b9c7ca}
.mix-collaboration .process-list{gap:50px;margin-top:45px}
.mix-collaboration .process-list article{border-color:#ffffff33}
.mix-collaboration .index{color:#ff5c79}
.mix-collaboration .process-list p{color:#b9c7ca}
.mix-site .inquiry-band{background:var(--soft);color:var(--ink);border-top:1px solid var(--line)}
.mix-site .inquiry-band .button{background:var(--red);color:white}
.mix-site .inquiry-band .button>span{color:white}
.mix-site .inquiry-band p{color:var(--muted)}
@media(min-width:1500px){.mix-hero-grid{min-height:710px}.mix-hero-copy{padding-top:76px}.mix-hero-visual img{object-position:54% 52%}}
@media(max-width:1150px){.mix-hero-grid{grid-template-columns:1.2fr 1fr;min-height:620px}.mix-hero-copy{padding-block:52px}.mix-hero h1{font-size:75px}.mix-hero .lead{font-size:16px;max-width:420px}.mix-hero-visual{left:45%}.mix-hero-visual figcaption{right:35px}.mix-hero .actions{gap:22px}.mix-hero .actions>.button{font-size:13px;padding-inline:19px;gap:23px}.mix-hero .actions>.text-link{font-size:13px;gap:20px}.mix-site .audience-band h2{font-size:27px}}
@media(max-width:1000px){.mix-hero-grid{grid-template-columns:1.3fr .8fr;min-height:610px}.mix-hero h1{font-size:clamp(64px,8.3vw,78px)}.mix-hero .lead{font-size:16px;max-width:400px}.mix-hero-visual{left:46%;opacity:.9}.mix-hero-visual:after{background:linear-gradient(90deg,var(--mix-dark),#11191fd9 9%,#11191f50 44%,transparent 85%),linear-gradient(0deg,#11191fd9,transparent 60%)}.mix-hero-location{max-width:380px}.mix-about-hero .mix-hero-copy{padding-block:55px}.mix-about-hero .mix-hero-grid{min-height:570px}.mix-collaboration .process-list{gap:30px}}
@media(max-width:700px){.mix-hero-grid{display:block;min-height:0;padding-bottom:0}.mix-hero-copy{padding-block:37px 27px;max-width:100%}.mix-hero .eyebrow{font-size:10px;letter-spacing:.1em}.mix-hero h1{font-size:clamp(55px,12vw,76px);line-height:1.05;margin:23px 0 23px}.mix-hero .lead{font-size:15px;line-height:1.75;max-width:470px}.mix-hero .actions{gap:18px;margin-top:24px}.mix-hero .actions>.button{font-size:12px;padding:14px 17px;min-height:50px;gap:20px}.mix-hero .actions>.text-link{font-size:12px;gap:16px}.mix-hero-location{border:0;padding:0;margin-top:23px;gap:3px;max-width:none;font-size:10px}.mix-hero-location>a{font-size:11px}.mix-hero-visual{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:215px;margin-inline:-23px;opacity:1}.mix-hero-visual img{object-position:50% 55%;filter:brightness(.85) saturate(.82)}.mix-hero-visual:after{background:linear-gradient(180deg,var(--mix-dark),#11191f7a 17%,transparent 43%),linear-gradient(0deg,#11191f8c,transparent 40%)}.mix-hero-visual figcaption{right:23px;bottom:18px;font-size:8px}.mix-about-hero .mix-hero-grid{min-height:0}.mix-about-hero .mix-hero-copy{padding-block:37px 25px}.mix-about-hero h1{font-size:clamp(52px,11.5vw,70px)}.mix-site .audience-band a,.mix-site .audience-band a+a{padding-block:27px}.mix-site .audience-band h2{font-size:27px}.mix-site .audience-band p{font-size:13px;margin-top:14px}.mix-site .mix-collaboration{padding-block:55px}.mix-collaboration .section-intro h2{font-size:35px;line-height:1.2}.mix-collaboration .process-list{gap:30px;margin-top:35px}.mix-collaboration .process-list h3{font-size:29px}.mix-collaboration .process-list p{font-size:15px}}
@media(max-width:370px){.mix-hero h1{font-size:51px}.mix-hero .actions{gap:16px;align-items:start;flex-direction:column}.mix-hero .actions>.text-link{min-height:34px;padding-block:3px}.mix-hero-visual{margin-inline:-20px;height:185px}.mix-hero-location{margin-top:18px}.mix-hero .lead{font-size:14px}.mix-about-hero h1{font-size:49px}}

/* The original connection motif sits over the photograph, away from the copy. */
.mix-hero-location strong{font-size:12px;font-weight:600;color:#edf1f1}
.mix-connection{position:absolute;z-index:1;width:88%;max-width:580px;aspect-ratio:1;left:9%;top:9%;color:var(--red);opacity:.68;pointer-events:none}
.mix-connection-rotor{transform-origin:300px 300px;animation:mix-orbit-turn 42s linear infinite;animation-play-state:paused}
.mix-hero-visual[data-motion=playing] .mix-connection-rotor{animation-play-state:running}
.mix-connection-label{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:9px 12px;background:#11191fdb;border:1px solid #e9002b75;color:#edf1f1;font-size:8px;letter-spacing:.15em;pointer-events:none}
.mix-connection-label i{width:4px;height:4px;background:var(--red);border-radius:50%}
.mix-people{left:19%;top:24%}.mix-business{right:7%;bottom:26%}
.mix-motion-toggle{position:absolute;z-index:3;right:26px;top:23px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff60;border-radius:50%;background:#11191fa8;color:white;cursor:pointer;font-size:15px}
.mix-motion-toggle:hover{border-color:var(--red);background:#11191f}.mix-motion-toggle:focus-visible{outline:2px solid white;outline-offset:4px}
.mix-individual{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:52px 65px;border-top:1px solid var(--line);scroll-margin-top:140px}
.mix-individual h2{font-size:clamp(32px,3.5vw,46px);line-height:1.2;letter-spacing:-.045em;margin-top:22px}
.mix-individual>div>p:not(.eyebrow){font-size:16px;line-height:1.85;color:var(--muted);margin-bottom:18px}
.mix-individual .button{margin-top:10px}
@keyframes mix-orbit-turn{to{transform:rotate(360deg)}}
@media(max-width:1000px){.mix-individual{gap:40px}.mix-connection{left:10%;width:90%;top:15%}.mix-people{left:23%;top:25%}.mix-business{right:6%;bottom:24%}}
@media(max-width:700px){.mix-hero-location strong{font-size:11px}.mix-connection{width:330px;max-width:none;left:calc(50% - 165px);top:-57px}.mix-connection-label{font-size:7px;padding:6px 9px;gap:6px}.mix-people{left:23px;top:30px}.mix-business{right:23px;bottom:40px}.mix-motion-toggle{right:18px;top:12px;width:36px;height:36px}.mix-individual{grid-template-columns:minmax(0,1fr);gap:25px;padding-block:40px 48px;scroll-margin-top:115px}.mix-individual h2{font-size:34px;margin-top:18px}.mix-individual>div>p:not(.eyebrow){font-size:15px}.mix-individual .button{font-size:12px;padding-inline:16px;gap:16px}}
@media(prefers-reduced-motion:reduce){.mix-connection-rotor{animation:none}.mix-motion-toggle{display:none}}