@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-stretch:75% 100%;font-display:swap;src:url(/fonts/archivo-hero.woff2) format("woff2")}:root{--mach-black: #1b1b1b;--mach-charcoal: #353535;--mach-navy: #274c77;--mach-blue: #6096ba;--mach-sky: #a3cef1;--mach-gray: #8b8c89;--mach-white: #e7ecef;--mach-red: #d95050;--mach-green: #4fae68;--color-background: var(--mach-black);--color-text: var(--mach-white);--color-muted: var(--mach-gray);--color-accent: var(--mach-blue);--wave-1: var(--mach-navy);--wave-2: color-mix(in srgb, var(--mach-navy), var(--mach-blue));--wave-3: var(--mach-blue);--wave-4: color-mix(in srgb, var(--mach-blue), var(--mach-sky));--wave-5: var(--mach-sky);--header-height: 96px;--page-gutter: clamp(24px, 5vw, 88px);color-scheme:dark;scrollbar-width:thin;scrollbar-color:var(--mach-blue) var(--mach-black);font-family:Arial,Helvetica,sans-serif;color:var(--color-text);background:var(--color-background);font-synthesis:none;-webkit-font-smoothing:antialiased}@supports not (scrollbar-color: auto){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:var(--mach-black)}::-webkit-scrollbar-thumb{background:var(--mach-blue);border:2px solid var(--mach-black);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--mach-sky)}}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--color-text);outline-offset:7px}button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:30;padding:12px 18px;background:var(--color-background);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.header{position:fixed;inset:0 0 auto;z-index:10;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--page-gutter);background:var(--color-background);border-bottom:1px solid var(--mach-charcoal)}.wordmark{display:inline-flex;align-items:center;flex-shrink:0;gap:5px;font-size:33px;font-weight:900;letter-spacing:-2px;line-height:1}.wordmark>img{display:block;width:clamp(156px,14vw,200px);height:auto}.wordmark>span{width:5px;height:5px;margin:4px 0 0 3px;background:var(--mach-blue)}.navigation{display:flex;align-items:center;gap:clamp(28px,5vw,80px);font-size:13px}.nav-link{display:flex;align-items:center;gap:9px;padding-block:12px}.nav-dot{width:5px;height:5px;background:var(--color-accent);border-radius:50%}.ocean-track{height:calc(100svh + 553.333333svh)}.ocean{--advance-color: var(--mach-navy);position:sticky;top:0;height:100svh;min-height:480px;overflow:hidden;isolation:isolate;background:var(--color-background)}@media(prefers-reduced-motion:reduce){.ocean-track{height:auto}.ocean{position:relative}}.ocean[tabindex="-1"]:focus{outline:none}.ocean-scene{position:absolute;inset:var(--header-height) 0 0;overflow:hidden;isolation:isolate}.horizon{position:absolute;inset:25% -20% -50%;background:radial-gradient(ellipse at 50% 65%,var(--wave-2),transparent 64%);opacity:.35}.scene-brand,.brand-halo{position:absolute;z-index:0;top:2%;left:50%;width:min(42vw,22svh,320px);opacity:0;visibility:hidden;transform:translate(-50%);pointer-events:none}.scene-brand{--brand-glow: 0;height:auto;filter:drop-shadow(0 0 calc(var(--brand-glow) * 12px) color-mix(in srgb,var(--mach-sky) 65%,transparent))}.brand-halo{aspect-ratio:2000 / 1646}.brand-halo:before,.brand-halo:after{content:"";position:absolute;pointer-events:none}.brand-halo:before{inset:-70% -100%;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--mach-white) 75%,transparent) 0%,color-mix(in srgb,var(--mach-white) 55%,transparent) 17%,color-mix(in srgb,var(--mach-sky) 30%,transparent) 35%,color-mix(in srgb,var(--mach-blue) 14%,transparent) 52%,transparent 70%)}.brand-halo:after{inset:64% -130% 0;background:radial-gradient(ellipse,color-mix(in srgb,var(--mach-white) 45%,transparent),color-mix(in srgb,var(--mach-sky) 18%,transparent) 35%,transparent 70%);filter:blur(5px)}.waves{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;overflow:visible;pointer-events:none}.wave{stroke-width:.6;vector-effect:non-scaling-stroke;paint-order:stroke fill}.wave--1{fill:var(--wave-1);stroke:var(--wave-2)}.wave--2{fill:var(--wave-2);stroke:var(--wave-3)}.wave--3{fill:var(--wave-3);stroke:var(--wave-4)}.wave--4{fill:var(--wave-4);stroke:var(--wave-5)}.wave--5{fill:var(--wave-5);stroke:#ffffff1a}.story-line{opacity:0;pointer-events:none}.story-text{fill:var(--mach-white);font-family:Archivo,Arial,sans-serif;font-size:clamp(25px,min(7.125vw,11.7svh),108px);font-stretch:85%;font-weight:800;letter-spacing:-.015em;word-spacing:.045em}.story-line--operation .story-text{font-size:clamp(38px,min(9.55vw,15.675svh),145px);font-stretch:100%;fill:var(--mach-navy)}.story-line--operation .operation-highlight{opacity:0;fill:url(#operation-sweep)}.operation-sweep stop{stop-color:var(--mach-white)}.story-icon{--icon-size: clamp(46.2px, min(10.5vw, 17.22svh), 159.6px)}.story-icon svg{width:var(--icon-size);height:var(--icon-size);overflow:visible}.cursor-pointer{fill:var(--mach-sky);stroke:none}.click-feedback{opacity:0;stroke:var(--mach-sky);stroke-width:2.5;stroke-linecap:round}.gear-rotor{fill:var(--mach-sky)}.scene-footer{position:absolute;z-index:2;inset:auto var(--page-gutter) 24px;display:flex;justify-content:center;align-items:center;color:var(--mach-navy)}.scene-label{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.6px}.scene-label>span{width:5px;height:5px;border-radius:50%;background:currentColor}.scroll-cue{display:flex;align-items:center;gap:17px;padding:12px 4px;border:0;background:none;color:var(--advance-color);font-size:11px;letter-spacing:.3px}.scroll-cue svg{width:17px;height:17px}.scroll-cue:focus-visible{outline-color:currentColor}.scroll-cue:disabled{cursor:default}.progress-track{position:absolute;inset:auto 0 0;height:2px;background:#ffffff15}.progress-fill{height:100%;background:var(--mach-navy);transform:scaleX(0);transform-origin:left}.noscript-note{position:fixed;bottom:70px;inset-inline:24px;color:var(--mach-navy);font-size:13px;text-align:center}@media(min-width:1600px){.wordmark{font-size:38px}}@media(max-width:600px){:root{--header-height: 80px}.story-text,.story-line--operation .story-text{font-stretch:75%}.wordmark{font-size:28px}.navigation{gap:22px;font-size:12px}.scene-footer{bottom:13px}.scene-label{display:none}.scroll-cue{font-size:10px}}@media(max-height:480px)and (orientation:landscape){.ocean{min-height:100svh}.scene-brand,.brand-halo{top:0;width:min(20vw,17svh)}.scene-footer{bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.operation-highlight{display:none}.ocean{--advance-color: var(--mach-white)}}@font-face{font-family:Archivo;font-style:normal;font-weight:400 600;font-display:optional;src:url(/fonts/archivo-text.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/jetbrains-mono.woff2) format("woff2")}@font-face{font-family:MACH Lora;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lora-intro.woff2) format("woff2")}@font-face{font-family:MACH Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/newsreader-intro.woff2) format("woff2")}@font-face{font-family:"MACH Source Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/source-serif-intro.woff2) format("woff2")}@font-face{font-family:MACH Cormorant;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cormorant-intro.woff2) format("woff2")}@font-face{font-family:"MACH DM Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-intro.woff2) format("woff2")}@font-face{font-family:MACH Fraunces;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fraunces-intro.woff2) format("woff2")}@font-face{font-family:MACH Libre Caslon;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/libre-caslon-intro.woff2) format("woff2")}@font-face{font-family:MACH Playfair;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/playfair-intro.woff2) format("woff2")}:root{--section-space: clamp(72px, 9vw, 140px);--ink: #353535;--paper: #e7ecef;--muted-ink: #586775;--accent-ink: color-mix(in srgb, var(--mach-blue) 80%, var(--mach-navy));font-family:Archivo,Arial,sans-serif}[data-viewport-section]{scroll-margin-top:-24px}html{scroll-padding-top:calc(var(--header-height) + 24px)}body{overflow-x:clip}[hidden]{display:none!important}img{display:block;max-width:100%;height:auto}figure,h1,h2,h3,p{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}.section-pad{--section-gutter: var(--page-gutter);padding:var(--section-space) var(--section-gutter)}.mono,.section-label,.tags,.project-art-top,.project-art-caption,.asset-caption,.footer-bottom,.case-facts,.contact-placeholders small{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400;letter-spacing:.04em}.section-label{display:flex;align-items:center;gap:20px;margin-bottom:55px;line-height:1.6}.section-label>span:first-child{opacity:.65}.section-label:after{content:"";height:1px;width:50px;margin-left:8px;background:currentColor;opacity:.3}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:60px}h2{font-size:clamp(40px,5.2vw,80px);line-height:1.03;letter-spacing:-.065em;font-weight:500}h2 em,h1 em{font-style:normal;color:var(--accent-ink)}.section-heading>p{max-width:340px;font-size:17px;line-height:1.65;color:var(--muted-ink)}.text-link,.button,.nav-contact,.back-link{display:inline-flex;align-items:center;gap:18px;line-height:1.4}.text-link{width:fit-content;font-size:14px;padding-block:12px;border-bottom:1px solid currentColor}.text-link svg,.button svg,.nav-contact svg,.back-link svg,.project-open svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;flex:0 0 auto;transition:transform .25s ease}.text-link:hover svg,.nav-contact:hover>svg:last-child,.project-card:hover .project-open svg{transform:translate(3px,-3px)}.lead{font-size:clamp(20px,2vw,27px);line-height:1.5;letter-spacing:-.025em}.review-note{display:flex;gap:10px;align-items:baseline;margin:0 0 22px;padding-left:13px;border-left:2px solid var(--mach-blue);font-size:12px;line-height:1.7;color:inherit;opacity:.8}.header{transition:border-color .25s}.wordmark{font-family:Arial,sans-serif}.navigation{flex:1;font-size:13px}.nav-links{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:36px}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;bottom:4px;height:1px;left:0;right:0;transform:scaleX(0);transform-origin:left;background:var(--mach-sky);transition:transform .2s}.nav-link:hover:after,.nav-link[aria-current]:after{transform:scaleX(1)}.nav-contact{padding:13px 18px;gap:12px;border:1px solid var(--mach-green);border-radius:4px;margin-left:auto;background:var(--mach-green);color:var(--mach-black);font-weight:600;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.nav-contact .whatsapp-icon{width:21px;height:21px}.nav-contact:is(:hover,:focus-visible){background:color-mix(in srgb,var(--mach-green) 85%,white);border-color:color-mix(in srgb,var(--mach-green) 85%,white);box-shadow:0 6px 22px #4fae6830;transform:translateY(-2px)}.nav-contact:is(:hover,:focus-visible) .whatsapp-icon{transform:rotate(-8deg) scale(1.06)}.nav-contact:focus-visible{outline-color:var(--mach-green)}.nav-contact:active{transform:translateY(0)}.menu-toggle{display:none}.hero-intro{position:absolute;top:calc(var(--header-height) + 35px);left:var(--page-gutter);z-index:3;max-width:250px}.hero-intro .mono{color:var(--mach-sky);font-size:10px}.hero-intro p{margin-top:14px;line-height:1.5;font-size:19px;letter-spacing:-.02em}.hero-intro a{display:inline-flex;align-items:center;gap:24px;margin-top:18px;font-size:12px;padding-block:8px;border-bottom:1px solid #e7ecef60}.static-story{position:absolute;inset:36% var(--page-gutter) auto;z-index:3;text-align:center;font-weight:800;font-size:clamp(28px,6vw,86px);line-height:1.1;letter-spacing:-.045em}.static-story p+p{margin-top:18px}.static-story p:last-child{color:var(--mach-navy)}.static-story p:last-child span{color:var(--paper)}.intro{position:relative;overflow:hidden;background:var(--paper);color:var(--ink);padding-top:calc(var(--section-space) + 25px);padding-bottom:calc(var(--section-space) + 55px)}.intro:before{content:"";position:absolute;inset:0 0 auto;height:14px;background:var(--mach-sky)}.intro-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;position:relative;z-index:1}.intro h2{font-size:clamp(65px,8vw,124px);font-weight:500;line-height:.96;letter-spacing:-.07em}.intro-word{display:inline-grid;place-items:center;vertical-align:baseline;font-weight:400;line-height:1.08;letter-spacing:-.055em}.intro-word-variant{grid-area:1 / 1;visibility:hidden;white-space:nowrap;font-family:MACH Lora,Georgia,serif}.intro-word-variant[data-typeface=newsreader]{font-family:MACH Newsreader,Georgia,serif}.intro-word-variant[data-typeface=source-serif]{font-family:"MACH Source Serif",Georgia,serif}.intro-word-variant[data-typeface=cormorant]{font-family:MACH Cormorant,Georgia,serif}.intro-word-variant[data-typeface=dm-serif]{font-family:"MACH DM Serif",Georgia,serif}.intro-word-variant[data-typeface=fraunces]{font-family:MACH Fraunces,Georgia,serif}.intro-word-variant[data-typeface=libre-caslon]{font-family:MACH Libre Caslon,Georgia,serif}.intro-word-variant[data-typeface=playfair]{font-family:MACH Playfair,Georgia,serif}.intro-word:not(.is-font-ready) .intro-word-variant{font-family:Archivo,Arial,sans-serif}.intro-word-variant.is-active{visibility:visible}.intro-copy>p+p{margin-top:25px;max-width:420px;font-size:16px;line-height:1.75;color:var(--muted-ink)}.intro-copy .button-work{margin-top:34px}.intro-line{position:absolute;left:0;bottom:15px;width:100%;height:100px;stroke:var(--mach-blue);stroke-width:1;opacity:.55;pointer-events:none}.projects{background:#f4f5f4;color:var(--ink)}.project-card{display:block}.project-cover{position:relative;background:var(--mach-navy);overflow:hidden;aspect-ratio:16/8.5}.project-cover>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s ease}.project-card:hover .project-cover>img{transform:scale(1.02)}.project-artwork{position:relative;aspect-ratio:16/8.5;padding:40px;overflow:hidden;background:#223c56;color:var(--paper);display:flex;flex-direction:column;justify-content:center}.project-grid{position:absolute;inset:0;background-image:linear-gradient(#a3cef110 1px,transparent 1px),linear-gradient(90deg,#a3cef110 1px,transparent 1px);background-size:70px 70px}.project-art-top{position:absolute;inset:35px 40px auto;display:flex;justify-content:space-between;font-size:11px;color:var(--mach-sky)}.project-art-name{position:relative;font-weight:800;font-size:clamp(60px,13vw,208px);letter-spacing:-.065em;z-index:1;line-height:1;padding-bottom:25px}.project-art-name span{color:var(--mach-sky)}.project-art-line{position:absolute;inset:auto 0 0;width:100%;height:48%;stroke:var(--mach-sky);stroke-width:1.5;opacity:.7}.project-art-line circle{fill:var(--mach-sky)}.project-art-caption{position:absolute;bottom:27px;font-size:9px;letter-spacing:.08em;color:var(--mach-sky)}.project-open{position:absolute;right:32px;bottom:28px;border:1px solid #e7ecef80;width:52px;height:52px;display:grid;place-items:center;color:var(--paper);border-radius:50%;background:#274c7780}.project-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-top:25px}.project-meta h3{font-size:clamp(24px,2.7vw,36px);font-weight:500;letter-spacing:-.035em}.project-meta p{margin-top:10px;font-size:13px;color:var(--muted-ink)}.project-meta .text-link{padding-top:4px}.solutions{background:var(--paper);color:var(--ink)}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #274c7730;border-left:1px solid #274c7730}.service-card{padding:34px 38px 24px;border-right:1px solid #274c7730;border-bottom:1px solid #274c7730}.service-illustration{width:210px;height:148px;margin:-8px 0 25px}.service-card h3{font-size:clamp(25px,2.6vw,37px);letter-spacing:-.045em;font-weight:500}.service-card>p{font-size:16px;line-height:1.65;max-width:460px;color:var(--muted-ink);margin-top:18px;min-height:80px}.tags{display:flex;flex-wrap:wrap;list-style:none;gap:8px;padding:0;margin:24px 0 30px;font-size:10px;color:var(--mach-navy)}.tags li{padding:6px 10px;border:1px solid #274c7730;border-radius:2px}.process{container-type:inline-size;background:var(--mach-navy);color:var(--paper);padding-top:clamp(48px,5vw,80px)}.process .section-heading{display:block;margin-bottom:clamp(50px,6vw,90px)}.process h2{font-size:min(7cqw,88px);white-space:nowrap}.process h2 em{color:var(--mach-sky)}.process-flow{position:relative;isolation:isolate}.process-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke-linecap:round;stroke-width:1.5;pointer-events:none}.process-route-line{stroke:var(--mach-sky)}.process-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.7fr);list-style:none;padding:16px 0 0;margin:0}.process-steps li{position:relative;padding:var(--step-offset) 30px 0 0}.process-steps li:nth-child(1){--step-offset: clamp(38px, 4.5vw, 64px);--point-shift: 0px}.process-steps li:nth-child(2){--step-offset: 0px;--point-shift: 18px}.process-steps li:nth-child(3){--step-offset: clamp(58px, 6.5vw, 94px);--point-shift: 2px}.process-steps li:last-child{padding-right:0}.process-steps li:nth-child(4){--step-offset: clamp(12px, 1.6vw, 24px);--point-shift: 14px}.process-point{display:block;width:60px;height:60px}.step-icon{width:100%;height:100%;border:1px solid var(--mach-sky);border-radius:50%;display:grid;place-items:center;color:var(--mach-navy);background:var(--mach-sky)}.step-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.process-step-copy{position:relative}.process-steps h3{margin:35px 0 16px;font-size:23px;font-weight:500;letter-spacing:-.035em}.process-steps p{max-width:245px;font-size:15px;line-height:1.7;color:#d0dce7}.about{color:var(--ink);background:#f4f5f4;padding-top:clamp(48px,5vw,80px)}.about-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.about-copy .lead{max-width:510px;font-size:23px}.about-copy>p:not(.lead){margin-top:24px;color:var(--muted-ink);font-size:15px;line-height:1.7}.about-copy .about-question{color:var(--mach-navy)!important;font-size:21px!important;margin-top:9px!important;letter-spacing:-.03em}.asset-caption{font-size:9px;line-height:1.6;color:var(--muted-ink);margin-top:12px}.people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(44px,8vw,120px);max-width:1120px;margin:64px auto 0}.person{--portrait-color: var(--mach-sky);min-width:0;width:100%;max-width:440px;justify-self:center}.person--alternate{--portrait-color: var(--mach-blue)}.person h3{font-size:clamp(28px,2.4vw,34px);font-weight:500;letter-spacing:-.035em;margin-bottom:12px}.person-info>.mono{display:block;color:var(--mach-navy);text-transform:uppercase;font-size:10px;line-height:1.8}.person p{font-size:15px;line-height:1.75;max-width:450px;margin-top:17px;color:var(--muted-ink)}.person-portrait{position:relative;width:min(100%,360px,38svh);aspect-ratio:var(--portrait-ratio);margin:0 auto 30px;isolation:isolate}.portrait-bubble{position:absolute;inset:0;-webkit-mask-image:var(--portrait-mask, none);mask-image:var(--portrait-mask, none);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}.portrait-photo{width:100%;height:100%;object-fit:contain}.portrait-color{position:absolute;inset:0;background:var(--portrait-color);clip-path:circle(0% at 50% 100%)}.portrait-doodle{position:absolute;left:6%;bottom:-5%;width:88%;height:98%;object-fit:contain;object-position:center bottom;opacity:0}.contact{background:var(--mach-navy);color:var(--paper);position:relative;overflow:hidden;padding-bottom:calc(var(--section-space) + 40px)}.contact-layout{position:relative;z-index:1}.contact-layout{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:7%}.contact h2{font-size:clamp(46px,6.2vw,92px)}.contact h2 em{color:var(--mach-sky)}.contact-layout p{max-width:470px;font-size:17px;line-height:1.7;margin-top:30px;color:#d0dce7}.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:35px}.button{padding:17px 22px;font-size:14px;border:1px solid currentColor}.button-work{justify-content:space-between;min-height:64px;padding:19px 26px;gap:30px;border-radius:4px;background:var(--mach-navy);border-color:var(--mach-navy);color:var(--paper);font-size:clamp(17px,1.5vw,20px);font-weight:500;transition:background-color .25s ease,box-shadow .25s ease,transform .25s ease}.button-work svg{width:24px;height:24px}.button-work:is(:hover,:focus-visible){background:color-mix(in srgb,var(--mach-navy) 82%,var(--mach-blue));box-shadow:0 8px 24px #274c7720;transform:translateY(-2px)}.button-work:is(:hover,:focus-visible) svg{transform:translate(3px,-3px)}.button-work:focus-visible{outline-color:var(--mach-navy)}.button-light{background:var(--paper);color:var(--mach-navy);border-color:var(--paper)}.contact-actions>a{display:inline-flex;align-items:center;gap:18px;max-width:100%;font-size:14px;line-height:1.4;border-radius:4px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.contact-actions>a svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;flex:0 0 auto;transition:transform .25s ease}.contact-actions .contact-email{padding:12px 0;color:#fff;border-bottom:1px solid #ffffff80;overflow-wrap:anywhere}.contact-actions .button-light:is(:hover,:focus-visible){background:var(--mach-sky);border-color:var(--mach-sky);box-shadow:0 8px 24px #a3cef150;transform:translateY(-4px)}.contact-actions .contact-email:is(:hover,:focus-visible){background:#ffffff0d;border-color:#fff;box-shadow:0 8px 22px #a3cef130;transform:translateY(-4px)}.contact-actions>a:is(:hover,:focus-visible) svg{transform:translate(4px,-4px)}.contact .contact-actions>a:focus-visible{outline-color:#fff}.contact-actions>a:active{transform:translateY(0)}.contact-placeholders{margin-top:38px;display:flex;flex-wrap:wrap;gap:28px}.contact-placeholders>span{display:inline-flex;flex-direction:column;align-items:flex-start;gap:10px;border-bottom:1px solid #a3cef180;padding:0 35px 14px 0;color:#d0dce7;font-size:15px}.contact-placeholders small{font-size:9px;color:var(--mach-sky)}.contact-symbol{position:relative;isolation:isolate}.contact-symbol:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-35%;background:radial-gradient(ellipse,#e7ecef65,#a3cef123 35%,transparent 65%)}.contact-symbol-svg{display:block;position:relative;width:100%;height:auto;filter:drop-shadow(0 0 12px #a3cef130)}.contact-wave{position:absolute;width:200%;height:130px;left:0;bottom:-1px;fill:#213e60;opacity:.7;pointer-events:none;animation:contact-wave-drift 18s linear infinite}@keyframes contact-wave-drift{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.contact-wave{animation:none}.contact-actions>a,.contact-actions>a svg{transition:none}.contact-actions>a:is(:hover,:focus-visible),.contact-actions>a:is(:hover,:focus-visible) svg{transform:none}}.site-footer{padding:65px var(--page-gutter) 25px;background:var(--mach-black);color:var(--paper)}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:40px;padding-bottom:65px}.footer-brand{font-family:Arial,sans-serif;font-size:clamp(64px,8vw,120px);line-height:.9;font-weight:800;letter-spacing:-.07em}.footer-brand span{color:var(--mach-sky)}.footer-main p{max-width:220px;font-size:24px;line-height:1.25;letter-spacing:-.035em}.footer-main nav{display:grid;grid-template-columns:1fr 1fr;gap:17px 36px;font-size:12px}.footer-main nav a:hover,.footer-bottom a:hover{color:var(--mach-sky)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e7ecef24;padding-top:24px;font-size:9px;color:#b6c3cc}.case-page{background:var(--paper);color:var(--ink)}.case-page .header{color:var(--paper)}.case-intro{padding-top:calc(var(--header-height) + 65px);padding-bottom:65px}.back-link{font-size:12px;margin-bottom:65px}.back-link svg{transform:rotate(225deg);width:16px}.case-intro .section-label{margin-bottom:24px}.case-intro h1{font-size:clamp(66px,9vw,144px);line-height:.95;font-weight:500;letter-spacing:-.07em}.case-summary{max-width:650px;font-size:21px;line-height:1.6;margin-top:35px}.case-facts{display:flex;gap:25px;flex-wrap:wrap;margin:38px 0 25px}.case-hero-media{padding-inline:var(--page-gutter)}.case-hero-media>img{width:100%;height:auto}.case-text-section{border-bottom:1px solid #274c7730;padding-block:75px}.case-text-section .section-label{margin-bottom:30px}.case-text-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;align-items:start}.case-text-layout h2{font-size:clamp(35px,4.5vw,65px)}.case-text-layout .review-note{margin:12px 0 0}.case-gallery{background:#d8e3eb}.case-gallery>h2{margin-bottom:50px}.case-screen{margin-top:35px}.case-screen>img{width:100%;height:auto}figcaption{font-size:12px;line-height:1.7;margin-top:15px;color:var(--muted-ink)}.screen-placeholder{min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;border:1px dashed #274c7760;background:#e7ecef60;text-align:center}.screen-placeholder svg{width:140px;stroke:var(--mach-blue);stroke-width:1;margin-bottom:26px}.screen-placeholder>span{font-size:22px;letter-spacing:-.035em}.screen-placeholder p{max-width:330px;color:var(--muted-ink);font-size:13px;line-height:1.7;margin-top:12px}.screen-placeholder--mobile{max-width:330px;width:100%;box-sizing:border-box;min-height:440px;justify-self:center}.screen-placeholder--mobile svg{height:150px;width:90px}.case-mobile{display:grid;grid-template-columns:1fr 1fr;gap:15%;align-items:center;margin-top:90px}.case-mobile h3{font-size:40px;margin-top:20px;font-weight:500;letter-spacing:-.04em}.case-mobile img{max-height:750px;width:auto;margin:auto}.case-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:70px}.case-delivery h2{margin-bottom:30px}.case-delivery li,.case-delivery p{font-size:18px;line-height:1.8}@media(min-width:1700px){.section-pad{--section-gutter: max(var(--page-gutter), calc((100vw - 1500px)/2) )}}@media(max-width:1000px){.nav-links{gap:22px}.section-heading{gap:35px}.section-heading>p{max-width:290px;font-size:16px}.intro-layout{gap:6%}.service-card{padding:25px}.process-steps li{padding-right:20px}.about-layout{gap:6%}.about-copy .lead{font-size:20px}.footer-main{grid-template-columns:1fr 1fr}.footer-main nav{grid-column:1/-1;display:flex;flex-wrap:wrap}}@media(max-width:700px){.header{padding-inline:24px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;padding:10px;border:1px solid #e7ecef45;background:transparent;color:var(--paper)}.menu-toggle span{display:block;width:22px;height:1px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.navigation{position:absolute;top:100%;left:0;right:0;padding:20px 24px 30px;background:var(--mach-black);border-bottom:1px solid #e7ecef30;flex-direction:column;align-items:stretch;gap:8px;visibility:hidden;pointer-events:none}.navigation.is-open{visibility:visible;pointer-events:auto}.nav-links{position:static;transform:none;flex-direction:column;align-items:stretch;gap:8px}.nav-link{font-size:21px;padding:10px 0}.nav-contact{margin:15px 0 0;width:fit-content}.hero-intro{top:calc(var(--header-height) + 25px);max-width:200px}.hero-intro .mono{font-size:9px}.hero-intro p{font-size:16px;margin-top:12px}.hero-intro a{margin-top:10px}.section-label{font-size:9px;gap:15px;margin-bottom:35px}.section-label:after{width:26px}.section-heading{display:block;margin-bottom:38px}.section-heading>p{margin-top:25px;max-width:430px}h2{font-size:clamp(39px,8.5vw,58px)}.intro-layout{grid-template-columns:1fr;gap:40px}.intro h2{font-size:clamp(63px,14vw,92px)}.intro-copy{max-width:480px}.intro-copy .button-work{margin-top:28px;padding-inline:20px;gap:20px}.intro-line{height:55px}.project-cover,.project-artwork{aspect-ratio:4/3}.project-artwork{padding:20px}.project-art-name{font-size:clamp(48px,12.7vw,90px);padding-bottom:0}.project-art-top{inset:20px 20px auto;font-size:8px}.project-art-caption{font-size:7px;bottom:20px;max-width:170px;line-height:1.7}.project-open{width:39px;height:39px;right:20px;bottom:20px}.project-meta{display:block}.project-meta .text-link{margin-top:20px}.service-grid{grid-template-columns:1fr}.service-card{padding:25px 22px 20px}.service-illustration{width:170px;height:120px}.service-card>p{min-height:auto}.service-card h3{font-size:29px}.process-steps{grid-template-columns:1fr;gap:0;padding-top:5px}.process-steps li{padding:0 0 46px 88px;min-height:164px}.process-point{position:absolute;top:0;left:var(--point-shift);width:45px;height:45px}.step-icon svg{width:22px;height:22px}.process-steps li:last-child{padding-bottom:0}.process-steps h3{margin:9px 0 13px}.process-steps p{max-width:100%}.about-layout{grid-template-columns:1fr;gap:40px}.people{gap:58px;grid-template-columns:1fr;margin-top:44px}.person-portrait{width:min(100%,310px,36svh);margin-bottom:24px}.contact-layout{grid-template-columns:1fr}.contact h2{font-size:clamp(42px,9vw,66px)}.contact-layout p{font-size:16px}.contact-symbol{width:130px;margin:60px 0 15px auto}.contact-placeholders{gap:20px}.contact-placeholders>span{font-size:13px;padding-right:25px}.footer-main{gap:25px;padding-bottom:40px}.footer-main p{font-size:18px;max-width:165px}.footer-main nav{gap:20px 25px;padding-top:10px}.footer-bottom{flex-wrap:wrap;font-size:8px}.footer-bottom>span:last-child{display:none}.case-intro{padding-top:calc(var(--header-height) + 40px);padding-bottom:40px}.case-intro .back-link{margin-bottom:50px}.case-intro h1{font-size:clamp(57px,12vw,90px)}.case-intro .section-label{font-size:8px}.case-facts{gap:15px;font-size:10px}.case-text-section{padding-block:50px}.case-text-layout{grid-template-columns:1fr;gap:25px}.case-mobile,.case-comparison{grid-template-columns:1fr;gap:30px}.screen-placeholder{min-height:280px;padding:30px 20px}}@media(max-width:600px){.scroll-cue{gap:7px}}@media(max-height:480px)and (orientation:landscape){.hero-intro{top:calc(var(--header-height) + 10px)}.hero-intro p,.hero-intro a{display:none}.hero-intro .mono{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-intro{display:none}}@media(scripting:none){.menu-toggle{display:none}.navigation{position:static;visibility:visible;pointer-events:auto;display:flex;flex-direction:row;flex-wrap:wrap;padding:0;border:0;gap:12px}.nav-links{position:static;transform:none;flex-direction:row;flex-wrap:wrap;gap:12px}.navigation .nav-link,.navigation .nav-contact{font-size:11px}.navigation .nav-contact{border:0;padding:8px 0;margin:0}.navigation .nav-contact svg{display:none}.hero-intro{display:none}}@media(scripting:none)and (max-width:700px){.header{height:auto;min-height:var(--header-height);flex-wrap:wrap;gap:12px;padding-block:12px;box-sizing:border-box}.navigation{width:100%}.header .wordmark{font-size:24px}}.about.is-enhanced{height:calc(100svh - var(--header-height));padding-block:clamp(18px,3vh,32px);display:flex;flex-direction:column;gap:clamp(16px,2.5vh,26px)}.about.is-enhanced .about-layout{flex:0 0 auto;gap:6%}.about.is-enhanced h2{font-size:clamp(38px,4.6vw,70px)}.about.is-enhanced .about-copy .lead{font-size:clamp(16px,1.6vw,21px);line-height:1.45}.about.is-enhanced .about-copy>p:not(.lead){margin-top:12px;font-size:13px;line-height:1.5}.about.is-enhanced .about-copy .about-question{font-size:18px!important;margin-top:5px!important}.about.is-enhanced .people{--people-column-gap: clamp(20px, 2vw, 34px);container-type:size;flex:1;min-height:0;width:calc(100% + var(--section-gutter));max-width:none;margin:0 calc(var(--section-gutter) / -2);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:24px var(--people-column-gap)}.about.is-enhanced .person{display:contents}.about.is-enhanced .person-portrait{grid-column:1;grid-row:1 / -1;width:auto;height:min(100%,520px,calc((100cqw - 2 * var(--people-column-gap)) / 3.15 / (var(--portrait-ratio))));max-width:100%;margin:0;align-self:center;justify-self:start}.about.is-enhanced .person--alternate .person-portrait{grid-column:3;justify-self:end}.about.is-enhanced .person-info{grid-column:2;grid-row:1;min-width:0;width:100%;max-width:400px;align-self:end;justify-self:start;text-align:left}.about.is-enhanced .person--alternate .person-info{grid-row:2;align-self:start;justify-self:end;text-align:right}.about.is-enhanced .person h3{margin:0 0 12px;font-size:clamp(24px,2.2vw,32px)}.about.is-enhanced .person-info>.mono{font-size:9px;line-height:1.6}.about.is-enhanced .person p{margin:14px 0 0;font-size:14px;line-height:1.55}@media(min-width:701px)and (max-width:1000px){.about.is-enhanced .person p{font-size:13px;line-height:1.5}}@media(max-width:700px){.about.is-enhanced{padding-block:18px;gap:18px}.about.is-enhanced .about-layout{gap:12px}.about.is-enhanced h2{font-size:clamp(28px,7.6vw,40px)}.about.is-enhanced .about-copy .lead{font-size:14px}.about.is-enhanced .about-copy>p:not(.lead){margin-top:8px;font-size:12px;line-height:1.4}.about.is-enhanced .about-copy .about-question{font-size:14px!important;margin-top:4px!important}:is(.about,.about.is-enhanced) .people{container-type:normal;width:100%;margin:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:20px}:is(.about,.about.is-enhanced) .person{display:grid;grid-row:auto;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:minmax(0,1fr);gap:16px;max-width:none;min-height:0;align-items:center}:is(.about,.about.is-enhanced) .person--alternate{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}:is(.about,.about.is-enhanced) .person-portrait{grid-column:1;grid-row:1;width:100%;height:auto;margin:0;justify-self:start}:is(.about,.about.is-enhanced) .person--alternate .person-portrait{grid-column:2;grid-row:1;justify-self:end}:is(.about,.about.is-enhanced) .person-info{grid-column:2;grid-row:1;padding:0;align-self:center;text-align:left}:is(.about,.about.is-enhanced) .person--alternate .person-info{grid-column:1;grid-row:1;align-self:center;text-align:right}:is(.about,.about.is-enhanced) .person h3{margin-bottom:8px;font-size:clamp(17px,4.6vw,22px)}:is(.about,.about.is-enhanced) .person-info>.mono{font-size:8px;line-height:1.5}:is(.about,.about.is-enhanced) .person p{margin-top:8px;font-size:12px;line-height:1.45}.about.is-enhanced .people{grid-template-rows:minmax(0,1.15fr) minmax(0,1fr)}.about.is-enhanced .person{container-type:size}.about.is-enhanced .person-portrait,.about.is-enhanced .person--alternate .person-portrait{width:auto;height:min(100%,calc((100cqw - 16px) * .425 / (var(--portrait-ratio))))}}
