/* Mavocado identity: original vector artwork, with a white wordmark for dark surfaces. */
.site-header .brand{gap:14px;align-items:center}.brand-name{display:none}.site-header .brand>img.brand-symbol{position:static;display:block;width:64px;height:64px;object-fit:contain}.site-header .brand>img.brand-wordmark{position:static;display:block;width:360px;height:auto;object-fit:contain}.site-header.is-compact .brand{gap:8px}.site-header.is-compact .brand>img.brand-symbol{width:28px;height:28px}.site-header.is-compact .brand>img.brand-wordmark{width:165px;height:auto}
.hero{padding-top:130px}.hero-meta{display:none}.hero-gallery{height:360px;overflow:hidden;perspective:1000px}.gallery-track{position:absolute;left:0;top:calc(50% - 115px);padding:0 0 42px;transition:opacity .7s;z-index:1}.gallery-card{flex-basis:20.5vw;aspect-ratio:1.5}.ribbon-canvas{position:absolute;inset:0 0 36px;width:100%;height:calc(100% - 36px);display:block;z-index:2;opacity:0;transition:opacity .7s;touch-action:pan-y}.has-ribbon .ribbon-canvas{opacity:1}.has-ribbon .gallery-track{opacity:0;pointer-events:none}.has-ribbon:has(.gallery-card:focus-visible) .gallery-track{opacity:1;pointer-events:auto;z-index:3}.has-ribbon:has(.gallery-card:focus-visible) .ribbon-canvas{opacity:0}.hero-gallery::before,.hero-gallery::after{display:none}.gallery-hint,.gallery-toggle{z-index:4}.gallery-toggle{bottom:0}.gallery-hint{bottom:8px}
/* Rows use the same typographic title and cursor-following preview behavior as the reference. */
.project-row{display:block;min-height:350px;overflow:visible}.project-index{position:absolute;top:25px;left:33%;padding:0;color:#ddd;font-size:12px}.project-name{position:absolute;left:33%;top:50%;transform:translateY(-50%);max-width:65%;z-index:2}.project-name h3{position:relative;font-size:clamp(56px,6.5vw,100px);line-height:1.05;transform:none!important;color:#eee!important;white-space:nowrap}.project-name h3>span{display:block;transition:opacity .55s var(--ease),transform .8s var(--ease)}.project-name h3>em{display:block;position:absolute;inset:0 auto auto 0;font-size:1.18em;line-height:.9;color:var(--lime);opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease),transform .8s var(--ease);white-space:nowrap}.project-row:hover .project-name h3>span,.project-row:focus-visible .project-name h3>span{opacity:0;transform:translateY(-15px)}.project-row:hover .project-name h3>em,.project-row:focus-visible .project-name h3>em{opacity:1;transform:translateY(0)}.project-name p{display:none}.project-type{position:absolute;right:0;top:25px;bottom:auto;padding:0;font-size:12px;color:#bbb;transition:color .5s}.project-float{left:var(--preview-x,50%);top:var(--preview-y,50%);width:300px;aspect-ratio:1.5;opacity:0;z-index:3;border-radius:7px;transform:translate(-50%,-50%) scale(.83) rotate(-2deg);transition:left .7s var(--ease),top .7s var(--ease),transform .7s var(--ease),opacity .45s;will-change:left,top,transform}.project-float img{object-fit:cover}.project-row:hover .project-float,.project-row:focus-visible .project-float{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}.project-arrow{position:absolute;right:0;bottom:25px;width:58px;height:58px;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .7s var(--ease),background .5s;background:var(--lime);color:#111}.project-row:hover .project-arrow,.project-row:focus-visible .project-arrow{opacity:1;transform:none}.project-row:hover .project-type{color:var(--lime)}.work-section .section-top>a{border:0;padding-right:0;gap:16px;min-height:40px;font-size:13px}.work-section .section-top>a svg{width:35px;height:35px;padding:9px;border-radius:50%;background:#eee;color:#111}.work-section .section-top>a:hover{background:none;color:var(--lime)}
/* Pinned catalogues: each following card covers and gently recedes the preceding one. */
.service-tabs{padding-bottom:22px}.service-row{display:block;position:sticky;top:calc(170px + var(--stack-i,0)*7px);border:0;padding:0;min-height:0;perspective:1200px;background:#050505}.service-stack-card{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:38px 0 48px;min-height:330px;border-top:1px dotted #353535;background:#050505;transform-origin:50% 0;transform:scale(var(--stack-scale,1));opacity:var(--stack-opacity,1);filter:blur(var(--stack-blur,0));transition:transform .35s var(--ease),opacity .35s,filter .35s;will-change:transform}.service-row:last-child .service-stack-card{padding-bottom:35px}.industry-grid{display:block;gap:0;padding:0}.industry-stack-row .service-right p{font-size:24px;line-height:1.25;letter-spacing:-.03em;max-width:430px}.service-left h3{font-size:clamp(27px,2.6vw,42px)}.service-stack-card .service-image{height:166px;aspect-ratio:auto;max-width:100%}.service-row .service-image{background:var(--blue)}.industry-stack-row:nth-child(2n) .service-image{background:var(--lime)}
/* Vector marks do not depend on font clipping; the reviews flow from left to right. */
.quote-mark{display:none}.quote-icon{display:block;width:32px;height:30px;overflow:visible;color:var(--lime);flex:0 0 auto;margin:0 0 8px}.voices-window{overflow:hidden;touch-action:pan-y;cursor:grab}.voices-window:active{cursor:grabbing}.voices-track{width:max-content;display:flex;gap:36px;overflow:visible;scroll-snap-type:none;padding:0;will-change:transform;user-select:none}.voice-card{flex:0 0 400px;width:400px;min-height:360px;scroll-snap-align:none}.voice-card blockquote{margin-top:22px}.voice-controls{align-items:center}.voice-pause{font-size:13px}.voice-card .review-avatar{pointer-events:none}.contact-banner{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.banner-title-row{display:grid;grid-template-columns:minmax(0,1fr) clamp(110px,13vw,210px);align-items:center;gap:60px;margin:62px 0 50px;padding-right:4%}.contact-banner .banner-title-row h2{font-size:clamp(90px,12vw,205px);line-height:.91;letter-spacing:-.065em;margin:0;min-width:0}.contact-banner .contact-orb{position:static;width:100%;height:auto;aspect-ratio:1;margin:0;justify-self:end;align-self:center}.contact-bottom{min-height:48px}
/* Four-column footer based on the supplied reference. */
.editorial-footer{padding:0;background:#f2f2f1;color:#0b0b0b;border-radius:0;color-scheme:light}.footer-grid{display:grid;grid-template-columns:46% 18% 18% 18%;border-top:1px solid #d6d6d6}.footer-grid>div{padding:40px 28px 46px;border-right:1px solid #d6d6d6;min-width:0}.footer-grid>div:last-child{border:0}.footer-eyebrow{display:block;font-size:11px;letter-spacing:.13em;color:#777;line-height:1.3;margin-bottom:25px}.footer-contact-line{display:flex;align-items:center;gap:15px;flex-wrap:nowrap}.footer-contact-line>img{width:34px;height:34px;flex-shrink:0}.footer-contact-line>a{font-size:clamp(15px,1.5vw,24px);color:#0b0b0b;font-weight:400;letter-spacing:-.035em;line-height:1.3;white-space:nowrap}.footer-contact-line>a:hover{color:var(--blue)}.footer-call{display:inline-flex;align-items:center;gap:14px;margin-top:30px;min-height:49px;padding:14px 20px;background:#0b0b0b;color:white;border-radius:50px;font-size:13px;transition:background .4s}.footer-call:hover{background:var(--blue)}.footer-call>span{font-size:18px;line-height:1}.footer-pages nav{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-pages nav a,.footer-social-grid>a,.footer-location>strong{font-family:'Barlow Condensed','Inter Tight',Arial,sans-serif;font-weight:600;font-size:32px;line-height:1.06;letter-spacing:-.03em;transition:color .3s}.footer-pages nav a:hover{color:var(--blue)}.footer-service-label{margin-top:38px;margin-bottom:20px}.footer-service-links{display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.4;letter-spacing:-.01em}.footer-service-links>a:hover{color:var(--blue)}.editorial-footer .footer-social-grid{display:flex;flex-direction:column;gap:10px}.editorial-footer .footer-social-grid>a{background:transparent!important;padding:0;gap:10px;justify-content:flex-start;border:0;color:#0b0b0b;text-transform:uppercase;font-size:30px;min-height:32px;box-shadow:none}.editorial-footer .footer-social-grid>a>span{gap:8px;align-items:center}.editorial-footer .footer-social-grid>a>.social-icon{display:block}.editorial-footer .footer-social-grid>a>svg:not(.social-icon){display:none}.editorial-footer .footer-social-grid .social-icon{width:15px;height:15px}.editorial-footer .footer-social-grid>a:hover{color:var(--blue)}.footer-location>strong{display:block;font-size:32px}.footer-location>p{font-size:14px;line-height:1.4;color:#777;display:flex;align-items:center;gap:7px;margin-top:20px;white-space:nowrap}.footer-location p i{width:7px;height:7px;background:#28bf54;border-radius:50%;flex-shrink:0}.footer-location time{font-variant-numeric:tabular-nums}.footer-global{font-size:11px;line-height:1.4;color:#888;display:block;margin-top:15px}.footer-baseline{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #d6d6d6;padding:26px 28px;font-size:12px;color:#777}.footer-baseline img{width:36px;height:36px}.footer-baseline>a:hover{color:var(--blue)}
@media(min-width:1700px){.hero{padding-top:160px}.hero-gallery{height:430px}.gallery-track{top:110px}.service-stack-card{min-height:380px}.footer-grid>div{padding:48px}.footer-contact-line>a{font-size:26px}.footer-contact-line>img{width:44px;height:44px}}
@media(max-width:1180px){.site-header .brand>img.brand-symbol{width:48px;height:48px}.site-header .brand>img.brand-wordmark{width:285px}.site-header .brand{gap:10px}.service-stack-card{gap:45px}.service-left h3{font-size:29px}.footer-grid{grid-template-columns:44% 19% 19% 18%}.footer-grid>div{padding:34px 20px}.footer-contact-line{gap:12px}.footer-contact-line>a{font-size:16px}.footer-contact-line>img{width:28px;height:28px}.footer-pages nav a,.editorial-footer .footer-social-grid>a{font-size:27px}.footer-location>p{font-size:11px}}
@media(max-width:950px){.hero{padding-top:120px}.hero-gallery{height:330px}.service-stack-card{gap:32px}.service-row{top:calc(168px + var(--stack-i,0)*6px)}.service-left h3{font-size:25px}.project-row{min-height:300px}.project-name{left:25%}.project-index{left:25%}.project-float{width:250px}.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-grid>.footer-project{grid-column:1/-1;border-right:0;border-bottom:1px solid #d6d6d6}.footer-contact-line{gap:22px}.footer-contact-line>a{font-size:25px}.footer-contact-line>img{width:40px;height:40px}.footer-pages nav a,.editorial-footer .footer-social-grid>a,.footer-location>strong{font-size:30px}.footer-location>p{font-size:14px}.banner-title-row{gap:35px}}
@media(max-width:700px){.site-header .brand{gap:9px}.site-header .brand>img.brand-symbol{width:34px;height:34px}.site-header .brand>img.brand-wordmark{width:190px;height:auto}.site-header.is-compact .brand>img.brand-symbol{width:25px;height:25px}.site-header.is-compact .brand>img.brand-wordmark{width:150px}.hero{padding-top:92px}.hero-gallery{height:280px}.gallery-card{flex-basis:235px}.gallery-track{top:55px}.gallery-hint{font-size:9px}.project-row{min-height:270px;padding:0}.project-index{left:0;top:20px;font-size:9px}.project-name{left:0;top:110px;max-width:100%;transform:none}.project-name h3{font-size:48px;line-height:1}.project-name h3>em{font-size:1.18em}.project-name p{display:none}.project-type{right:0;left:auto;top:20px;bottom:auto;max-width:72%;text-align:right;font-size:9px}.project-arrow{bottom:20px;right:0;width:35px;height:35px;border-radius:10px;opacity:1;transform:none}.project-float{left:auto!important;right:45px;top:155px!important;width:128px;opacity:1;transform:rotate(-4deg)!important;border-radius:5px;transition:transform .6s,opacity .5s}.project-name h3>em{font-size:1.1em}.project-row:hover .project-float,.project-row:focus-visible .project-float{transform:rotate(2deg)!important}.work-section .section-top>a{gap:9px;font-size:11px}.work-section .section-top>a svg{width:29px;height:29px;padding:8px}.service-tabs{padding-bottom:18px}.service-row{top:calc(144px + var(--stack-i,0)*5px);padding:0;min-height:0}.service-stack-card{display:flex;flex-direction:column;gap:18px;min-height:0;padding:25px 0 29px}.service-left h3{font-size:clamp(22px,6vw,29px);gap:9px}.service-stack-card .tags{margin:17px 0 16px;gap:6px}.service-stack-card .tags>span{font-size:12px;padding:6px 10px}.service-left>.pill{min-height:36px;font-size:11px;padding:9px 13px}.service-stack-card .service-image{height:150px;width:100%;max-width:100%}.service-stack-card .service-right{gap:15px;display:flex}.service-stack-card .service-right p{font-size:14px;line-height:1.35}.industry-stack-row .service-right p{font-size:19px;line-height:1.2}.voice-card{flex-basis:300px;width:300px;min-height:355px}.voices-track{gap:28px}.voice-card blockquote{font-size:20px;line-height:1.3}.quote-icon{height:27px;width:29px}.voice-controls{gap:5px}.voice-controls .round-button{width:29px;height:29px;font-size:14px}.voice-controls .voice-pause{font-size:10px}.voices-section .section-top h2{font-size:36px}.banner-title-row{grid-template-columns:minmax(0,1fr) 60px;gap:15px;margin:42px 0 30px;padding:0}.contact-banner .banner-title-row h2{font-size:clamp(49px,15vw,90px);line-height:.96;letter-spacing:-.065em}.contact-banner .contact-orb{width:60px;height:60px}.contact-bottom{min-height:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div{padding:29px 20px 32px}.footer-grid>.footer-project{grid-column:1/-1;padding-bottom:35px}.footer-contact-line{gap:10px;flex-wrap:wrap}.footer-contact-line>img{width:28px;height:28px}.footer-contact-line>a{font-size:clamp(13px,3.4vw,20px);letter-spacing:-.035em}.footer-contact-line>a:last-child{margin:0}.footer-call{font-size:12px;min-height:44px;padding:12px 17px;margin-top:24px}.footer-eyebrow{font-size:10px;margin-bottom:22px}.footer-grid>.footer-pages{border-bottom:1px solid #d6d6d6}.footer-grid>.footer-social{border-right:0;border-bottom:1px solid #d6d6d6}.footer-grid>.footer-location{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;padding-top:27px;padding-bottom:28px}.footer-location>.footer-eyebrow{grid-column:1/-1;margin:0}.footer-location>strong{font-size:28px}.footer-location>p{margin:0;justify-content:flex-end;font-size:13px}.footer-location .footer-global{grid-column:1/-1;margin:0;font-size:11px}.footer-pages nav a,.editorial-footer .footer-social-grid>a{font-size:30px}.editorial-footer .footer-social-grid .social-icon{width:14px;height:14px}.footer-service-label{margin-top:28px}.footer-service-links{font-size:12px;gap:9px}.footer-baseline{padding:22px 20px;gap:16px;font-size:9px}.footer-baseline img{width:27px;height:27px}}
@media(max-width:360px){.site-header .brand>img.brand-wordmark{width:165px}.site-header .brand>img.brand-symbol{width:30px;height:30px}.site-header .brand{gap:7px}.project-name h3{font-size:43px}.service-left h3{font-size:21px}.footer-contact-line{gap:8px}.footer-contact-line>a{font-size:12px}.footer-contact-line>img{width:23px;height:23px}.contact-banner .banner-title-row h2{font-size:14.8vw}.banner-title-row{grid-template-columns:minmax(0,1fr) 50px;gap:12px}.contact-banner .contact-orb{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.ribbon-canvas{display:none}.hero-gallery{height:280px}.gallery-track{opacity:1!important;pointer-events:auto!important}.service-row{position:relative;top:0!important}.service-stack-card{transform:none!important;filter:none!important;opacity:1!important}.project-float{will-change:auto}.voices-track{will-change:auto}}

.work-section{user-select:none}
@media(max-width:700px){.site-header{gap:12px}.footer-contact-line>a{font-size:clamp(13.5px,3.6vw,20px)}}
@media(max-width:360px){.site-header .brand>img.brand-wordmark{width:150px}.site-header .brand>img.brand-symbol{width:28px}.editorial-footer .footer-social-grid>a{font-size:24px}.footer-contact-line>a{font-size:13.5px}.hero h1{font-size:clamp(29px,9.2vw,35px)}}

@media(min-width:1181px){.footer-contact-line>a{font-size:clamp(22px,1.9vw,28px)}}
@media(min-width:951px) and (max-width:1180px){.footer-contact-line>a{font-size:19px}}
/* Version 34: first-screen hierarchy, softly blurred ribbon edges and aligned work rules. */
@media(min-width:701px){.hero{padding-top:clamp(100px,15svh,132px);padding-bottom:48px}.hero-gallery{height:clamp(190px,32svh,300px)}.gallery-card{flex-basis:17vw}.gallery-track{top:calc(50% - 100px)}.hero-intro{padding-top:28px}.hero-bottom{margin-top:28px}}
.hero-gallery::before,.hero-gallery::after{content:'';display:block;position:absolute;top:0;bottom:36px;width:clamp(55px,10vw,185px);z-index:3;pointer-events:none;background:#11111105;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);mask-image:linear-gradient(90deg,#000 0%,#000b 28%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000b 28%,transparent 100%)}.hero-gallery::before{left:0}.hero-gallery::after{right:0;transform:rotate(180deg)}
.work-list{border-top:0;position:relative}.work-list::before,.project-row::after{content:'';position:absolute;left:33%;right:0;height:1px;background:var(--line);pointer-events:none}.work-list::before{top:0}.project-row{border-bottom:0}.project-row::after{bottom:0}
.footer-contact-line{align-items:flex-start;flex-wrap:nowrap;gap:16px}.footer-contact-line>img{margin-top:3px}.footer-contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.footer-contact-links>a{font-size:clamp(22px,1.9vw,28px);font-weight:400;color:#0b0b0b;line-height:1.2;letter-spacing:-.035em;white-space:nowrap}.footer-contact-links>a:hover{color:var(--blue)}.footer-project .footer-call{margin-top:26px}.editorial-footer .footer-project-socials{display:flex;flex-direction:row;gap:20px;margin-top:28px;align-items:center}.editorial-footer .footer-project-socials>a{display:grid;place-items:center;width:28px;min-height:30px;padding:0;border:0;line-height:1;background:transparent!important;color:#151515}.editorial-footer .footer-project-socials .social-icon{width:22px;height:22px}.editorial-footer .footer-project-socials>a:hover{color:var(--blue)}
.footer-pages nav,.footer-services nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-pages nav a,.footer-services nav a{font-family:'Barlow Condensed','Inter Tight',Arial,sans-serif;font-size:28px;font-weight:600;line-height:1.12;letter-spacing:-.025em;text-transform:uppercase;color:#111;white-space:nowrap}.footer-pages nav a:hover,.footer-services nav a:hover{color:var(--blue)}
@media(max-width:1180px) and (min-width:951px){.footer-contact-links>a{font-size:23px}.footer-pages nav a,.footer-services nav a{font-size:25px}}
@media(max-width:950px){.work-list::before,.project-row::after{left:25%}.footer-grid>.footer-services{border-right:1px solid #d6d6d6}.footer-contact-links>a{font-size:26px}}
@media(max-width:700px){.hero-gallery{height:240px}.gallery-card{flex-basis:205px}.gallery-track{top:40px}.hero-intro{padding-top:24px}.hero-gallery::before,.hero-gallery::after{width:54px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.work-list::before,.project-row::after{left:0}.footer-contact-line{gap:13px;align-items:flex-start}.footer-contact-line>img{width:31px;height:31px;margin-top:1px}.footer-contact-links{gap:10px}.footer-contact-links>a{font-size:23px}.footer-grid>.footer-services{border-right:0;border-bottom:1px solid #d6d6d6}.footer-pages nav a,.footer-services nav a{font-size:23px;line-height:1.15}.footer-pages nav,.footer-services nav{gap:13px}.editorial-footer .footer-project-socials{margin-top:24px;gap:20px}.editorial-footer .footer-project-socials>a{width:27px;min-height:30px}.editorial-footer .footer-project-socials .social-icon{width:21px;height:21px}}
@media(max-width:360px){.footer-contact-links>a{font-size:21px}.footer-contact-line>img{width:27px;height:27px}.footer-pages nav a,.footer-services nav a{font-size:20px}.footer-contact-line{gap:11px}}
@media(min-width:701px) and (max-height:700px){.hero-intro{padding-top:22px}.hero h1{font-size:clamp(60px,12.5svh,92px)}.hero-bottom{margin-top:24px}.hero-bottom p{font-size:14px}.hero{padding-bottom:32px}}

/* Version 35: separate the masthead and ribbon while retaining first-fold heading visibility. */
.ribbon-canvas{inset:0;width:100%;height:100%}.hero-gallery::before,.hero-gallery::after{bottom:0}.gallery-track{top:50%;translate:0 -50%;padding:0}
@media(min-width:701px){.hero{padding-top:calc(clamp(100px,15svh,132px) + 24px)}.hero-gallery{height:clamp(166px,calc(32svh - 24px),276px)}.project-name h3{font-size:clamp(50px,5.9vw,90px)}}
@media(max-width:700px){.hero{padding-top:108px}.hero-gallery{height:224px}.project-name h3{font-size:44px}}
@media(max-width:360px){.project-name h3{font-size:40px}}

/* Version 37: matching footer typography, level previews, spacious uncropped service visuals. */
.footer-pages nav a,.footer-services nav a,.footer-location>strong{font-family:'Inter Tight',Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.35;letter-spacing:-.02em;text-transform:none}
.footer-pages nav,.footer-services nav{gap:14px}
.project-row .project-float{transform:translate(-50%,-50%) rotate(0deg) scale(1)}
.project-row:hover .project-float,.project-row:focus-visible .project-float{transform:translate(calc(-50% + var(--px,0px)),calc(-50% + var(--py,0px))) rotate(0deg) scale(1)}
.service-stack-card{min-height:405px}
.service-stack-card .service-image{width:400px;height:260px;max-width:100%}
.service-stack-card .service-image img{object-fit:contain}
.service-image:hover img{transform:none}
@media(min-width:951px) and (max-width:1180px){.footer-pages nav a,.footer-services nav a{font-size:15px}}
@media(max-width:700px){.footer-pages nav a,.footer-services nav a{font-size:16px}.footer-location>strong{font-size:24px}.footer-pages nav,.footer-services nav{gap:16px}.project-row .project-float,.project-row:hover .project-float,.project-row:focus-visible .project-float{transform:rotate(0deg)!important}.service-stack-card{min-height:0;padding-bottom:36px}.service-stack-card .service-image{height:clamp(190px,58vw,300px);width:100%}.service-stack-card .service-right{gap:18px}}
@media(max-width:360px){.footer-pages nav a,.footer-services nav a{font-size:14px}}