:root{--paper:#ffffff;--ink:#151515;--blue:#0078AD;--line:rgba(21,21,21,.28);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mono,.eyebrow{font-family:var(--mono);font-size:10px;line-height:1.35;letter-spacing:.02em}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")} .loader{position:fixed;inset:0;background:#111;color:var(--paper);z-index:999;display:grid;place-items:center;transition:transform 1s cubic-bezier(.77,0,.18,1);font-family:var(--mono)}.loader.done{transform:translateY(-100%)}.loader__mark{font-family:var(--sans);font-size:clamp(52px,9vw,140px);font-weight:400;letter-spacing:-.09em;line-height:1}.loader__count{position:absolute;right:24px;bottom:20px;font-size:11px}.loader__line{height:1px;position:absolute;left:24px;right:24px;bottom:48px;background:#333}.loader__line span{display:block;height:100%;width:0;background:var(--paper)}.cursor{position:fixed;width:92px;height:58px;border-radius:0;background:rgba(0,120,173,.88);border:0;color:#fff;z-index:300;display:grid;place-items:center;pointer-events:none;transform:translate(-50%,-50%) scale(0);transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .3s ease;clip-path:polygon(0 50%,7% 35%,18% 20%,33% 8%,50% 3%,67% 8%,82% 20%,93% 35%,100% 50%,93% 65%,82% 80%,67% 92%,50% 97%,33% 92%,18% 80%,7% 65%);backdrop-filter:blur(5px)}.cursor.visible{transform:translate(-50%,-50%) scale(1)}.cursor span{font:9px var(--mono);letter-spacing:.08em}
.nav{position:absolute;top:0;left:0;width:100%;z-index:20;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start;padding:18px 24px;font:10px var(--mono);color:#fff;background:transparent}.wordmark{font-family:var(--sans);font-weight:600;font-size:27px;line-height:1;letter-spacing:-.1em}.wordmark span{font:7px var(--mono);vertical-align:top;margin-left:4px}.nav nav{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.nav nav a,.nav__cta{display:inline-block}.nav i{font-style:normal;color:#b7b7b7}.nav__cta{justify-self:end;text-align:center;background:var(--blue);color:#fff;padding:10px 13px;margin-top:-7px;border:1px solid rgba(255,255,255,.45)}.menu{display:none;border:0;background:none;color:#fff;font:10px var(--mono)}
.hero{height:100svh;min-height:700px;position:relative;overflow:hidden;background:#090909;color:#fff;padding:110px 24px 24px}.hero__video{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;z-index:0;filter:grayscale(1) contrast(1.15) brightness(.72);transform:scale(1.04);transition:transform .2s linear}.hero__veil{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,120,173,.16),transparent 32%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.64));pointer-events:none}.frame-mark{position:absolute;width:15px;height:15px;z-index:5}.frame-mark:before,.frame-mark:after{content:'';position:absolute;background:currentColor}.frame-mark:before{width:15px;height:1px}.frame-mark:after{width:1px;height:15px}.tl{left:17px;top:84px}.tr{right:17px;top:84px;transform:rotate(90deg)}.bl{left:17px;bottom:17px;transform:rotate(270deg)}.br{right:17px;bottom:17px;transform:rotate(180deg)}.hero__index{position:absolute;left:24px;top:105px;z-index:5;font-size:11px;line-height:1.45}.hero__center-logo{position:absolute;z-index:5;left:50%;top:50%;width:clamp(130px,16vw,250px);aspect-ratio:1;transform:translate(-50%,-50%);overflow:hidden;display:grid;place-items:center;pointer-events:none}.hero__center-logo img{width:100%;height:100%;object-fit:cover;transform:scale(1.92);mix-blend-mode:screen}.hero__intro{position:absolute;z-index:5;left:24px;bottom:24px;width:min(596px,50vw);margin:0;font:clamp(24px,3vw,37px)/1.28 var(--mono);text-transform:uppercase}.hero__next{position:absolute;right:27px;bottom:29px;display:flex;gap:9px;align-items:end;font:10px/1.15 var(--mono);z-index:10}.hero__next small{display:block;color:#ccc;margin-bottom:5px}.thumb{width:78px;height:48px;overflow:hidden;filter:grayscale(1);border:1px solid #fff}.thumb img{height:100%;object-fit:cover}.hero__scroll{position:absolute;z-index:5;right:22px;top:44%;text-align:center}.hero__scroll span{font-size:24px}.ticker{border-block:1px solid var(--ink);overflow:hidden;white-space:nowrap;padding:13px 0;font:10px var(--mono);background:var(--ink);color:var(--paper)}.ticker div{width:max-content;animation:ticker 24s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}
.section-pad{padding:130px 24px}.eyebrow{margin-bottom:55px}.manifesto{min-height:95vh;display:grid;grid-template-columns:1fr 2.5fr;position:relative}.manifesto h2{grid-column:2;font-size:clamp(56px,8.8vw,145px);line-height:.82;letter-spacing:-.075em;margin:0;font-weight:500}.manifesto h2 span{color:var(--blue)}.manifesto__copy{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:85px;border-top:1px solid var(--ink);padding-top:15px}.manifesto__copy p{margin:0;max-width:410px;font-size:20px;line-height:1.2}.manifesto__copy .mono{font-size:10px;max-width:320px;justify-self:end}
.work{border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.work>.section-head{grid-column:1/-1;display:grid;grid-template-columns:1fr 2.5fr;gap:30px;align-items:start}.section-head{display:flex;justify-content:space-between;align-items:start}.section-head p{font:10px/1.35 var(--mono);margin:0;width:230px}.work-title{grid-column:2;margin:0;font-size:clamp(54px,7.6vw,124px);font-weight:500;line-height:.84;letter-spacing:-.072em;color:var(--ink)}.work-title span{color:var(--blue)!important}.project{display:block;position:relative;border-top:1px solid var(--ink);padding:18px 18px 0;overflow:hidden}.project:nth-of-type(even){border-left:1px solid var(--ink)}.project__meta{display:grid;grid-template-columns:48px 1fr auto;font:9px var(--mono);margin-bottom:18px}.project__meta span:last-child{text-align:right}.project__visual{height:52vh;min-height:460px;position:relative;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;filter:none;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project:hover .project__visual{filter:none;transform:scale(.988)}.service{background-image:linear-gradient(#c9573155,#c9573155),url('https://framerusercontent.com/images/g08jScoTusKKsk2CuLqXz1ZUuss.png?scale-down-to=4096&width=5224&height=2788');background-color:#c95731}.swytch{background-image:linear-gradient(#ffffff11,#ffffff11),url('https://framerusercontent.com/images/ZosMH7yZKF5Kl7EYi6gh0rJXM.png?scale-down-to=4096&width=5224&height=2788');background-color:#f5f5f5}.onehive{background-image:linear-gradient(#f3b65033,#f3b65033),url('https://framerusercontent.com/images/I6311hL9riIe3kxVWpInSnmcKU.png?scale-down-to=4096&width=5224&height=2788');background-color:#f3b650}.nifti{background-image:url('https://framerusercontent.com/images/Sgad92CiT7qawD7sr67ZeZqJxl4.png?scale-down-to=4096&width=5224&height=1557');background-size:cover;background-color:#f6f6f6}.project__stamp{position:absolute;right:3%;bottom:7%;border:1px solid #fff;color:#fff;background:#1114;backdrop-filter:blur(4px);padding:14px 22px;font:10px/1.2 var(--mono);transform:rotate(-4deg);text-align:center}.project__footer{display:grid;grid-template-columns:1fr auto;align-items:end;gap:15px;padding:18px 0 52px}.project__footer h3{grid-column:1/-1;margin:0;font-size:clamp(34px,4.2vw,64px);letter-spacing:-.055em;line-height:.88}.project__footer p{font:10px/1.35 var(--mono);width:min(330px,100%);margin:0}.project__footer p strong{font-weight:500;letter-spacing:.05em}.project__footer b{font:10px var(--mono);font-weight:500;background:var(--blue);color:#fff;padding:11px 13px;border:1px solid var(--blue);white-space:nowrap}
.approach{background:#171717;color:var(--paper)}.approach .section-head{display:grid;grid-template-columns:1fr 2.5fr;gap:30px}.approach .section-head h2{grid-column:2;font-size:clamp(72px,11vw,180px);line-height:.78;letter-spacing:-.08em;margin:0 0 38px;font-weight:500;text-align:right}.approach .section-head .approach__promise{grid-column:2;width:min(620px,100%);max-width:none;margin:0 0 90px auto;text-align:right;font:13px/1.45 var(--mono);text-transform:uppercase}.approach__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #555}.approach article{min-height:400px;padding:20px;border-right:1px solid #555;display:flex;flex-direction:column}.approach article:last-child{border:0}.approach article span{font:10px var(--mono)}.approach article h3{font-size:52px;letter-spacing:-.05em;margin:auto 0}.approach article p{font:11px/1.45 var(--mono);max-width:310px}.quote{height:100vh;min-height:700px;padding:20px;background:var(--blue);color:white;display:flex;align-items:center;overflow:hidden}.quote blockquote{font-size:clamp(50px,8vw,132px);line-height:.86;letter-spacing:-.065em;margin:0;max-width:1400px}.quote__credit{display:flex;gap:100px;margin-top:50px;font:10px var(--mono)}
.faq{display:grid;grid-template-columns:1fr 2.6fr}.faq h2{grid-column:2;font-size:clamp(64px,10vw,150px);line-height:.8;letter-spacing:-.075em;margin:0 0 100px}.faq__list{grid-column:2;border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--ink)}summary{display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:26px 0;cursor:pointer;font-size:20px;list-style:none}summary::-webkit-details-marker{display:none}summary span,summary i{font:10px var(--mono);font-style:normal}summary i{font-size:20px}details[open] summary i{transform:rotate(45deg)}details p{max-width:600px;margin:0 0 32px 60px;font:12px/1.6 var(--mono)}
footer{background:#111;color:var(--paper);min-height:100vh;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.footer__top{padding-top:80px}.footer__top h2{font-size:clamp(76px,14vw,230px);line-height:.74;letter-spacing:-.09em;margin:100px 0 80px}.footer__top em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--paper)}.footer__cta{display:inline-block;border:1px solid var(--paper);border-radius:50%;padding:50px 30px;font:10px var(--mono);transition:.3s}.footer__cta:hover{background:var(--paper);color:#111;transform:rotate(-5deg)}.footer__bottom{border-top:1px solid #555;padding-top:16px;display:grid;grid-template-columns:1fr 1fr 1.6fr auto;gap:20px;color:#aaa}.footer__bottom a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(55px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
@media(max-width:800px){.cursor{display:none}.nav{grid-template-columns:1fr auto}.nav nav,.nav__cta{display:none}.menu{display:block}.hero{min-height:680px}.hero__index{top:105px;left:24px;font-size:10px}.hero__center-logo{width:min(42vw,180px)}.hero__intro{bottom:58px;width:78%;font-size:12px}.hero__next{display:none}.manifesto,.faq{display:block}.manifesto h2,.manifesto__copy,.faq h2,.faq__list{grid-column:auto}.manifesto{min-height:auto}.manifesto__copy{grid-template-columns:1fr;margin-top:60px}.manifesto__copy .mono{justify-self:start}.section-pad{padding:90px 18px}.work{display:block}.project{padding:14px 12px 0}.project:nth-of-type(even){border-left:0}.project__visual{height:54vh;min-height:420px}.project__footer{grid-template-columns:1fr;gap:15px}.project__footer h3{grid-column:auto}.project__footer p{width:auto}.project__meta{grid-template-columns:40px 1fr auto}.approach .section-head{display:block}.approach .section-head h2{text-align:left;margin-top:60px}.approach__grid{grid-template-columns:1fr}.approach article{min-height:300px;border-right:0;border-bottom:1px solid #555}.quote{min-height:600px;height:85vh}.quote__credit{gap:30px}.faq h2{margin:60px 0}.footer__top h2{margin:80px 0}.footer__bottom{grid-template-columns:1fr 1fr}.footer__bottom div:nth-child(3){grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.loader{display:none}.reveal{opacity:1;transform:none}}

/* Nest the studio label tightly inside the hero's top-left frame mark. */
.hero__index{top:89px;left:22px}

.loader{background:#000}
.loader-seen .loader{display:none}
.loader__animation{display:block;width:clamp(220px,22vw,360px);aspect-ratio:1;object-fit:cover;background:#000}


/* Hero social proof replaces the previous selected-work teaser. */
.hero__proof{position:absolute;right:27px;bottom:26px;z-index:10;width:min(620px,50vw);color:#fff}
.hero__proof p{margin:0 0 11px;font:400 15px/1.3 'Barlow',sans-serif;color:rgba(255,255,255,.8)}
.hero__proof-logos{display:flex;align-items:center;justify-content:flex-start;gap:24px;white-space:nowrap}
.hero__proof-logos img{display:block;width:auto;height:20px;object-fit:contain}
.hero__proof-logos img:nth-child(1){width:94px;height:auto}
.hero__proof-logos img:nth-child(2){width:78px;height:auto}
.hero__proof-logos img:nth-child(3){width:79px;height:auto}
.hero__proof-logos img:nth-child(4){width:90px;height:auto}

/* A restrained vertical cue keeps the scroll direction visible. */
.hero__scroll{animation:scroll-drift 1.8s ease-in-out infinite}
@keyframes scroll-drift{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}

@media(max-width:800px){
  .hero__proof{left:18px;right:18px;bottom:130px;width:auto}
  .hero__proof p{font-size:12px;max-width:360px}
  .hero__proof-logos{justify-content:flex-start;flex-wrap:wrap;gap:10px 18px}
  .hero__proof-logos img{transform:scale(.82);transform-origin:left center;margin-right:-10px}
}

/* Right-aligned trust lockup using the site's mono display language. */
.hero__proof{text-align:right}
.hero__proof p{font:400 13px/1.3 var(--mono)}
.hero__proof-logos{justify-content:flex-end}

/* Current MXY problem section, adapted to the concept's monochrome system. */
.problems{background:#0d0d0d;color:#fff;min-height:100vh}
.problems h2{max-width:1100px;margin:0 auto 80px;text-align:center;font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1;letter-spacing:-.055em}
.problems__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:64px 72px}
.problems article{min-height:310px;border:1px solid rgba(255,255,255,.18);padding:28px;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .3s ease,background .3s ease}
.problems article:hover{border-color:var(--blue);background:rgba(0,120,173,.08)}
.problems article img{width:72px;height:72px;object-fit:contain;margin-bottom:24px}
.problems article h3{max-width:470px;margin:0 0 20px;font-size:clamp(24px,2.2vw,34px);font-weight:400;line-height:1.15;letter-spacing:-.035em}
.problems article p{max-width:500px;margin:auto 0 0;color:rgba(255,255,255,.58);font:13px/1.55 var(--mono)}

@media(max-width:800px){
  .hero__proof p{font-size:10px}
  .problems h2{text-align:left;margin-bottom:50px}
  .problems__grid{grid-template-columns:1fr;gap:16px}
  .problems article{min-height:280px;padding:22px}
}

/* White editorial problem section using the concept's original visual language. */
.problems-editorial{min-height:100vh;display:grid;grid-template-columns:1fr 2.5fr;position:relative;background:var(--paper);color:var(--ink)}
.problems-editorial>.eyebrow{grid-column:1}
.problems-editorial>h2{grid-column:2;margin:0 0 85px;font-size:clamp(54px,7.6vw,124px);font-weight:500;line-height:.84;letter-spacing:-.072em}
.problems-editorial>h2 span{color:var(--blue)}
.problems-editorial__grid{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.problems-editorial article{min-height:390px;padding:18px 28px 38px;border-right:1px solid var(--ink);display:flex;flex-direction:column}
.problems-editorial article:first-child{padding-left:0}
.problems-editorial article:last-child{padding-right:0;border-right:0}
.problems-editorial article>span{font:10px/1.3 var(--mono);color:var(--blue)}
.problems-editorial article h3{max-width:500px;margin:auto 0 28px;font-size:clamp(27px,2.55vw,42px);font-weight:400;line-height:1.05;letter-spacing:-.045em}
.problems-editorial article h3 .problem-line{display:block;white-space:nowrap}
.problems-editorial article p{max-width:480px;margin:0;color:rgba(21,21,21,.68);font:13px/1.55 var(--mono)}
@media(min-width:801px){
  .problems-editorial article h3,
  .problems-editorial article:nth-child(3) h3{font-size:25px}
}

.hero__proof p{text-transform:uppercase;transform:translateY(2px)}
.project__footer p{font-size:13px;line-height:1.35}

@media(max-width:800px){
  .problems-editorial{display:block}
  .problems-editorial>h2{margin-bottom:55px}
  .problems-editorial__grid{display:block}
  .problems-editorial article,.problems-editorial article:nth-child(even){min-height:280px;padding:18px 0 34px;border-right:0;border-bottom:1px solid var(--ink)}
  .problems-editorial article:last-child{border-bottom:0}
}

/* Full testimonial section: live MXY videos and client quotes in this concept's system. */
.testimonials{background:#101010;color:#fff}
.testimonials__head{display:grid;grid-template-columns:1fr 2.5fr;margin-bottom:95px}
.testimonials__head .eyebrow{grid-column:1}
.testimonials__head h2{grid-column:2;margin:0;font-size:clamp(66px,10.5vw,168px);font-weight:500;line-height:.78;letter-spacing:-.08em}
.testimonials__head h2 span{display:block;color:var(--blue);font-size:clamp(42px,8.3vw,132px);letter-spacing:-.075em;white-space:nowrap}
.testimonials__videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#555;border:1px solid #555;margin-bottom:95px}
.testimonials__videos figure{margin:0;background:#101010}
.testimonials__videos video{display:block;width:100%;height:clamp(380px,48vw,680px);object-fit:cover;background:#101010;filter:none}
.testimonials__videos figcaption{padding:14px 16px;display:flex;justify-content:space-between;gap:18px;font:10px/1.35 var(--mono)}
.testimonials__videos figcaption span{color:#909090;text-align:right}
.testimonials__quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #555}
.testimonials__quotes article{min-height:430px;padding:20px 30px 28px 0;border-bottom:1px solid #555;display:flex;flex-direction:column}
.testimonials__quotes article:nth-child(odd){border-right:1px solid #555}
.testimonials__quotes article:nth-child(even){padding-left:30px}
.testimonials__quotes article>span{font:10px var(--mono);color:var(--blue)}
.testimonials__quotes blockquote{margin:36px 0 48px;font-size:clamp(24px,2.72vw,43px);line-height:1.02;letter-spacing:-.045em}
.testimonials__quotes footer{min-height:0;margin-top:auto;padding:0;background:none;display:flex;flex-direction:row;align-items:center;gap:14px;font:10px/1.35 var(--mono)}
.testimonials__quotes footer img{width:72px;height:72px;flex:0 0 72px;object-fit:cover;object-position:center;filter:grayscale(1);border:1px solid #777;border-radius:0;background:#fff}
.testimonials__quotes footer div{display:flex;flex-direction:column;gap:4px}
.testimonials__quotes footer small{font:inherit;color:#888}

@media(max-width:800px){
  .testimonials__head{display:block;margin-bottom:55px}
  .testimonials__videos{grid-template-columns:1fr;margin-bottom:65px}
  .testimonials__videos video{height:120vw;max-height:650px}
  .testimonials__quotes{display:block;border-top:1px solid #555}
  .testimonials__quotes article,
  .testimonials__quotes article:nth-child(odd),
  .testimonials__quotes article:nth-child(even){min-height:360px;padding:18px 0 26px;border-left:0;border-right:0;border-top:0;border-bottom:1px solid #555}
}

/* Seamless client-logo ticker inside the hero proof lockup. */
.hero__proof-logos{display:block;overflow:hidden;white-space:nowrap}
.hero__proof-track{display:flex;align-items:center;width:max-content;animation:proof-logo-scroll 14s linear infinite}
.hero__proof-set{display:flex;align-items:center;gap:24px;flex:none;padding-right:24px}
@keyframes proof-logo-scroll{to{transform:translateX(-33.333333%)}}

@media(max-width:800px){
  .hero__proof-logos{display:block}
  .hero__proof-track{animation-duration:11s}
  .hero__proof-set{gap:18px;padding-right:18px}
}

.hero__proof p{font-size:11px;transform:translateY(5px)}
@media(max-width:800px){.hero__proof p{font-size:10px}}

@media(max-width:800px){
  .work>.section-head{display:block}
  .work-title{margin-top:55px;font-size:clamp(48px,14vw,72px)}
  .approach .section-head .approach__promise{width:100%;margin:0 0 65px;text-align:left;font-size:11px}
  summary{grid-template-columns:38px 1fr auto;gap:8px;font-size:17px;line-height:1.2}
  details p{margin-left:46px;margin-right:8px}
}

/* Latest layout refinements. */
.project__footer b{background:#fff;color:var(--ink);border-color:var(--ink)}
.project__footer p{width:min(440px,100%)}
.problems-editorial__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.testimonials__videos video{filter:grayscale(1);transition:filter .35s ease}
.testimonials__videos figure:hover video{filter:grayscale(0)}
.testimonial-photo{width:72px;height:72px;flex:0 0 72px;overflow:hidden;border:1px solid #777;background:#fff;display:block}
.testimonial-photo img{width:100%;height:100%;border:0;object-fit:cover;transform:none}
.testimonial-photo--kevin img{transform:none;object-position:center}
.nav__action{justify-self:end;display:flex;flex-direction:column;align-items:center;gap:5px}
.nav__action .nav__cta{justify-self:auto}
.nav__action>span{font:8px/1 var(--mono);letter-spacing:.08em;color:#fff}
.approach article h3{font-size:clamp(30px,3vw,48px);line-height:.98}

/* Geometric card cues: a quiet, precise reveal inspired by the supplied motion reference. */
.icon-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.has-line-icon{position:relative;overflow:hidden;isolation:isolate;--icon-x:0px;--icon-y:0px}
.section-card-icon{
  position:absolute;
  z-index:0;
  top:50px;
  left:28px;
  width:58px;
  height:58px;
  color:var(--blue);
  opacity:.78;
  pointer-events:none;
  transform:translate(var(--icon-x),var(--icon-y)) scale(1);
  transition:opacity .5s ease,transform .9s cubic-bezier(.22,1,.36,1);
  will-change:transform,opacity;
}
.section-card-icon use{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.has-line-icon:hover .section-card-icon,.has-line-icon.icon-active .section-card-icon{opacity:1;transform:translate(var(--icon-x),var(--icon-y)) scale(1.04)}
.approach .section-card-icon{left:20px;color:var(--blue);opacity:.82}
.approach .has-line-icon:hover .section-card-icon,.approach .has-line-icon.icon-active .section-card-icon{opacity:1}
.approach article:nth-child(1) .section-card-icon{animation:approachIconDrift 6.2s cubic-bezier(.45,.05,.55,.95) infinite}
.approach article:nth-child(2) .section-card-icon{animation:approachIconDrift 7s cubic-bezier(.45,.05,.55,.95) -2.15s infinite}
.approach article:nth-child(3) .section-card-icon{animation:approachIconDrift 6.6s cubic-bezier(.45,.05,.55,.95) -4.1s infinite}
.approach .section-card-icon use{animation:approachIconBreathe 4.8s ease-in-out infinite}
@keyframes approachIconDrift{
  0%,100%{transform:translate(var(--icon-x),var(--icon-y)) scale(1) rotate(0deg)}
  30%{transform:translate(calc(var(--icon-x) + 2px),calc(var(--icon-y) - 3px)) scale(1.025) rotate(.65deg)}
  68%{transform:translate(calc(var(--icon-x) - 2px),calc(var(--icon-y) + 1px)) scale(.99) rotate(-.45deg)}
}
@keyframes approachIconBreathe{0%,100%{opacity:.68}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.section-card-icon,.approach .section-card-icon,.approach .section-card-icon use{transition:none;animation:none}}

@media(max-width:1100px){
  .problems-editorial__grid{display:block}
  .problems-editorial article{min-height:270px;padding:18px 0 34px;border-right:0;border-bottom:1px solid var(--ink)}
  .problems-editorial article:last-child{border-bottom:0}
  .section-card-icon{top:38px;left:auto;right:0;width:52px;height:52px}
  .approach .section-card-icon{left:18px;right:auto}
}

@media(max-width:800px){
  .problems-editorial__grid{display:block}
  .nav__action{display:none}
}

/* Full-width horizontal case-study rows: existing visual system, new format. */
.work{display:block}
.project,.project:nth-of-type(even){
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(380px,.85fr);
  grid-template-rows:auto 1fr;
  grid-template-areas:"visual meta" "visual footer";
  height:clamp(680px,52vw,820px);
  min-height:0;
  padding:0;
  border-left:0;
}
.project__meta{grid-area:meta;margin:0;padding:22px 26px;border-left:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.project__visual{grid-area:visual;height:auto;min-height:0}
.project__footer{grid-area:footer;display:flex;flex-direction:column;align-items:stretch;padding:34px 28px 28px;border-left:1px solid var(--ink)}
.project__footer h3{margin:0 0 28px;font-size:clamp(42px,4.7vw,72px)}
.project__footer p{width:100%;max-width:470px}
.project__footer b{align-self:flex-end;margin-top:auto}
.project__details{width:100%;max-width:540px;font:10px/1.5 var(--mono)}
.project__details dl{display:grid;grid-template-columns:minmax(0,1fr);margin:0}
.project__details dl>div{display:flex;flex-direction:column;gap:5px;padding:12px 12px 12px 0}
.project__details dl>div:nth-child(2){padding-left:0}
.project__details dl>div:nth-child(n+3){grid-column:1/-1;padding:14px 0}
.project__details dt{color:var(--blue);font-weight:500;letter-spacing:.04em}
.project__details dd{margin:0;max-width:50ch}
.wordmark{width:44px;height:44px;overflow:visible;display:grid;place-items:center;margin-top:-7px}
.wordmark img{width:100%;height:100%;object-fit:contain;transform:none;mix-blend-mode:screen}

@media(max-width:800px){
  .project,.project:nth-of-type(even){
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    grid-template-areas:"meta" "visual" "footer";
    height:auto;
    min-height:0;
  }
  .project__meta{border-left:0;padding:16px 14px}
  .project__visual{height:54vh;min-height:420px}
  .project__footer{border-left:0;padding:28px 14px 36px;min-height:310px}
  .project__footer h3{font-size:clamp(42px,13vw,68px)}
  .project__details{font-size:10px}
}

/* Static client proof in the upper-right hero corner. */
.hero__proof{top:auto;right:24px;bottom:20px;width:min(540px,44vw);text-align:right}
.hero__proof p{margin:0 0 10px;transform:none;font:400 10px/1.35 var(--mono);letter-spacing:.02em}
.hero__proof-logos{display:flex;justify-content:flex-end;overflow:visible;white-space:normal}
.hero__proof-logos{transform:translateY(-3px)}
.project__visual>video,.project__visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.project__visual.swytch>video{height:calc(100% + 20px);margin-top:-20px;object-fit:cover;object-position:center top;background:#f5f5f5;transform:scale(1.012);transform-origin:center top}
.project__visual.nifti>img{object-position:center top}
.footer__top em{color:var(--blue);-webkit-text-stroke:0}
.footer__cta{position:relative;top:-24px}
.hero__proof-set{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:0;flex-wrap:nowrap}
.project__meta{grid-template-columns:48px 1fr}

@media(max-width:800px){
  .hero__proof{top:auto;left:18px;right:18px;bottom:150px;width:auto;text-align:left}
  .hero__proof-logos,.hero__proof-set{justify-content:flex-start}
  .hero__proof-set{gap:12px;flex-wrap:wrap}
}

/* Match the hero statement to the Manrope display headings below. */
.hero__intro{font-family:var(--sans);font-weight:500;line-height:1.05;letter-spacing:-.055em}
.hero__intro-kicker{display:block;margin-bottom:10px;font:400 10px/1.35 var(--mono);letter-spacing:.02em}

/* Restrained, mouse-reactive halftone field across the full site. */
.site__particles{position:fixed;inset:0;width:100%;height:100%;z-index:90;pointer-events:none;opacity:1}
@media(max-width:800px){.site__particles{display:none}}
@media(prefers-reduced-motion:reduce){.site__particles{display:none}}

/* Persistent eye-shaped booking prompt. */
.booking-mascot{position:fixed;right:18px;bottom:18px;z-index:140;width:190px;height:116px;display:block;color:#fff;filter:drop-shadow(0 14px 24px rgba(0,0,0,.24));transform-origin:50% 50%;animation:booking-mascot-float 7.2s cubic-bezier(.45,0,.35,1) infinite;isolation:isolate;transition:bottom .75s cubic-bezier(.22,1,.36,1)}
.booking-mascot.is-over-hero{bottom:96px}
.booking-mascot__eye{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.booking-mascot__pupil{--pupil-x:0px;--pupil-y:0px;--pupil-scale:1;transform-box:fill-box;transform-origin:center;transform:translate3d(var(--pupil-x),var(--pupil-y),0) scale(var(--pupil-scale));will-change:transform}
.booking-mascot__centre{fill:#0078ad;transition:fill .35s ease}
.booking-mascot__pupil-label{fill:#fff;font:500 8px/1 var(--mono);letter-spacing:.035em;text-anchor:middle;dominant-baseline:middle;pointer-events:none}
.booking-mascot__orbit-text{fill:#0078ad;font:500 8px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.booking-mascot__orbit-mobile{display:none}
.booking-mascot:hover .booking-mascot__pupil,.booking-mascot:focus-visible .booking-mascot__pupil{--pupil-scale:1.08}.booking-mascot:hover .booking-mascot__centre,.booking-mascot:focus-visible .booking-mascot__centre{fill:#006996}
.booking-mascot:focus-visible{outline:1px solid #fff;outline-offset:4px}
@keyframes booking-mascot-float{0%,100%{translate:0 0;rotate:-.4deg;scale:1}28%{translate:-6px -5px;rotate:.35deg;scale:1.012}58%{translate:4px -9px;rotate:.65deg;scale:.992}78%{translate:7px -3px;rotate:-.15deg;scale:1.006}}
.project--temporarily-hidden{display:none!important}
@media(max-width:800px){.booking-mascot{right:10px;bottom:10px;width:176px;height:108px}.booking-mascot.is-over-hero{bottom:110px}.booking-mascot__orbit-text{font-size:6.5px;letter-spacing:.025em}.booking-mascot__orbit-text+.booking-mascot__orbit-text{display:none}.booking-mascot__orbit-text animate{display:none}}
@media(prefers-reduced-motion:reduce){.booking-mascot{animation:none}.booking-mascot__orbit-text animate{display:none}}

@media(max-width:800px){.booking-mascot__orbit-text animate{display:initial}.booking-mascot__orbit-text+.booking-mascot__orbit-text{display:block}}

/* Controlled entrance motion: one transform, no clipped glyphs or scroll drift. */
.premium-heading{opacity:0;transform:translate3d(0,28px,0);will-change:transform,opacity;transition:opacity .82s cubic-bezier(.16,1,.3,1),transform 1.08s cubic-bezier(.16,1,.3,1);transition-delay:var(--premium-delay,0ms)}
.premium-heading.premium-in{opacity:1;transform:translate3d(0,0,0)}
.premium-eyebrow{opacity:0;transform:translate3d(0,12px,0);will-change:transform,opacity;transition:opacity .68s cubic-bezier(.16,1,.3,1),transform .86s cubic-bezier(.16,1,.3,1);transition-delay:var(--premium-delay,0ms)}
.premium-eyebrow.premium-in{opacity:1;transform:translate3d(0,0,0)}
.project__visual>video,.project__visual>img{
  --premium-media-y:0px;
  transform:translate3d(0,var(--premium-media-y),0) scale(1.055);
  transition:filter .45s ease;
  will-change:transform;
}
.project__visual.swytch>video{height:calc(100% + 20px);margin-top:-20px;object-position:center top;transform:translate3d(0,0,0) scale(1.012);transform-origin:center top}
.project:hover .project__visual>video,.project:hover .project__visual>img{filter:saturate(1.04) contrast(1.015)}
.premium-rise{opacity:0;clip-path:inset(10% 0 0 0);transform:translate3d(0,34px,0);transition:opacity .9s ease,clip-path 1.05s cubic-bezier(.22,1,.36,1),transform 1.05s cubic-bezier(.22,1,.36,1);transition-delay:var(--premium-rise-delay,0ms);will-change:transform,clip-path,opacity}
.premium-rise.premium-in{opacity:1;clip-path:inset(0 0 0 0);transform:translate3d(0,0,0)}
.premium-section{--premium-bg-y:0px;background-position:center calc(50% + var(--premium-bg-y));will-change:background-position}
@media(min-width:801px) and (max-width:1100px){.approach .section-head{display:block}.approach .section-head h2{grid-column:auto;width:100%;max-width:100%;font-size:clamp(64px,10.5vw,104px);line-height:.82;letter-spacing:-.072em;text-align:right;padding-inline:8px;box-sizing:border-box}}
@media(max-width:800px){.project__visual>video,.project__visual>img{transform:translate3d(0,var(--premium-media-y),0) scale(1.035)}.project__visual.swytch>video{height:calc(100% + 14px);margin-top:-14px;transform:translate3d(0,0,0) scale(1.008)}}
@media(max-width:800px){.approach .section-head h2{width:100%;max-width:100%;font-size:clamp(48px,12.5vw,72px);line-height:.84;letter-spacing:-.068em;padding-inline:2px;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){.premium-heading,.premium-eyebrow,.premium-rise{animation:none!important;transition:none!important;clip-path:none;transform:none;translate:none;opacity:1}.project__visual>video,.project__visual>img{transform:none!important}}

/* Responsive consolidation — tablet and mobile homepage layouts. */
@media (min-width:801px) and (max-width:1100px){
  .nav{padding:14px 18px;grid-template-columns:.7fr 1.55fr .85fr}
  .nav nav{gap:clamp(26px,5vw,64px)}
  .hero{padding-inline:20px}
  .hero__index{left:20px}
  .hero__intro{left:20px;bottom:22px;width:min(52vw,520px);font-size:clamp(27px,3.45vw,38px);line-height:.98}
  .hero__proof{right:18px;bottom:22px;width:min(43vw,450px)}
  .hero__proof-set{gap:10px}
  .hero__proof-logos img:nth-child(1){width:76px}
  .hero__proof-logos img:nth-child(2){width:62px}
  .hero__proof-logos img:nth-child(3){width:64px}
  .hero__proof-logos img:nth-child(4){width:74px}
  .project{grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);height:clamp(500px,55vw,590px)}
  .project__footer{padding:26px 24px 30px}
  .project__footer h3{font-size:clamp(42px,5vw,58px)}
  .problems-editorial{grid-template-columns:.7fr 2.6fr}
  .problems-editorial__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .problems-editorial article{min-height:390px;padding:18px 18px 32px;border-right:1px solid var(--ink);border-bottom:0}
  .problems-editorial article:first-child{padding-left:0}
  .problems-editorial article:last-child{padding-right:0;border-right:0}
  .problems-editorial article h3{font-size:clamp(25px,3vw,34px)}
  .problems-editorial article p{font-size:11px}
  .booking-mascot{width:164px;height:100px;right:10px}
  .booking-mascot.is-over-hero{bottom:128px}
}

@media (max-width:800px){
  html,body{overflow-x:hidden}
  .nav{padding:12px 16px;align-items:start}
  .wordmark{width:38px;height:38px;margin-top:-4px}
  .menu{font-size:10px;padding:9px 11px;border:1px solid rgba(255,255,255,.7)}
  .hero{height:100svh;min-height:700px;padding:90px 18px 18px}
  .hero__index{left:23px;top:84px;max-width:72vw;font-size:9px}
  .tl{left:15px;top:76px}.tr{right:15px;top:76px}.bl{left:15px;bottom:15px}.br{right:15px;bottom:15px}
  .hero__intro{left:23px;right:23px;bottom:116px;width:auto;max-width:600px;font-size:clamp(28px,7.3vw,40px);line-height:.95;letter-spacing:-.06em}
  .hero__intro-kicker{margin-bottom:7px;font-size:8px;line-height:1.25;letter-spacing:.025em}
  .hero__proof{left:23px;right:23px;bottom:23px;width:auto;text-align:left}
  .hero__proof p{max-width:none;margin-bottom:7px;font-size:8px;line-height:1.25;white-space:normal}
  .hero__proof-logos,.hero__proof-set{justify-content:flex-start}
  .hero__proof-logos{transform:none;overflow:hidden}
  .hero__proof-set{gap:9px;padding:0;flex-wrap:nowrap}
  .hero__proof-logos img{margin:0!important;transform:none!important}
  .hero__proof-logos img:nth-child(1){width:65px}
  .hero__proof-logos img:nth-child(2){width:53px}
  .hero__proof-logos img:nth-child(3){width:55px}
  .hero__proof-logos img:nth-child(4){width:62px}
  .booking-mascot{right:10px;bottom:10px;width:176px;height:108px}
  .booking-mascot.is-over-hero{top:50%;right:10px;bottom:auto;width:176px;height:108px}
  .site__particles{display:block;opacity:.82}
  .ticker{padding:10px 0;font-size:8px}
  .section-pad{padding:76px 18px}
  .problems-editorial{min-height:0}
  .problems-editorial>h2{margin:42px 0 48px;font-size:clamp(45px,12.2vw,72px);line-height:.86}
  .problems-editorial__grid{display:block}
  .problems-editorial article,.problems-editorial article:nth-child(even){min-height:280px;padding:18px 0 30px;border-right:0;border-bottom:1px solid var(--ink)}
  .problems-editorial article h3{margin:auto 0 22px;font-size:clamp(29px,7.5vw,39px);max-width:620px}
  .problems-editorial article p{font-size:11px;max-width:560px}
  .work>.section-head{display:block;padding-top:76px;padding-bottom:58px}
  .work-title{margin-top:40px;font-size:clamp(47px,12.5vw,74px);line-height:.86}
  .project,.project:nth-of-type(even){grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"meta" "visual" "footer";height:auto;min-height:0}
  .project__meta{padding:13px 14px;font-size:8px}
  .project__visual{height:auto;min-height:0;aspect-ratio:4/3}
  .project__footer{min-height:0;padding:25px 14px 30px;gap:22px}
  .project__footer h3{font-size:clamp(42px,12.5vw,66px);line-height:.9}
  .project__footer p{font-size:10px;max-width:520px}
  .project__visual>video,.project__visual>img{transform:none}
  .project__visual.swytch>video{height:calc(100% + 12px);margin-top:-12px;transform:scale(1.006);object-position:center top}
  .approach .section-head h2{margin-top:44px;text-align:left}
  .approach article{min-height:330px;padding:22px 18px 30px}
  .testimonials__videos,.testimonials__quotes{grid-template-columns:1fr}
  .testimonials__videos figure,.testimonials__quotes article{min-height:auto}
  .testimonials__videos figure{aspect-ratio:4/5}
  .faq{padding-top:76px;padding-bottom:76px}
  .faq h2{font-size:clamp(58px,17vw,94px)}
  .faq summary{grid-template-columns:42px 1fr auto;gap:8px;font-size:clamp(18px,5vw,28px)}
  .footer__top{padding-inline:18px}
  .footer__top h2{font-size:clamp(54px,15vw,96px);line-height:.82}
  .footer__cta{top:-8px;width:220px;height:110px}
}

@media (max-width:520px){
  .hero{min-height:680px}
  .hero__intro{bottom:48px;font-size:clamp(27px,8.25vw,34px);max-width:94%}
  .hero__intro-kicker{font-size:7.5px}
  .hero__proof p{max-width:330px;font-size:7.5px}
  .booking-mascot{width:164px;height:100px}
  .booking-mascot.is-over-hero{top:50%;bottom:auto;width:164px;height:100px}
  .project__visual{aspect-ratio:1/1}
  .project__footer{padding-bottom:28px}
  .approach article{min-height:300px}
  .footer__bottom{grid-template-columns:1fr;gap:20px}
  .footer__bottom div:nth-child(3){grid-column:auto}
}

/* Full-screen mobile navigation: keeps the homepage usable at touch sizes. */
/* Sticky navigation: compresses into a floating control strip after the hero begins moving. */
.nav{
  position:fixed;top:0;left:50%;z-index:220;width:100%;
  transform:translateX(-50%);isolation:isolate;
  transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .28s ease,top .55s cubic-bezier(.22,1,.36,1),width .7s cubic-bezier(.22,1,.36,1),padding .55s cubic-bezier(.22,1,.36,1),background-color .45s ease,border-color .45s ease,border-radius .7s cubic-bezier(.22,1,.36,1),box-shadow .55s ease,backdrop-filter .45s ease;
  will-change:transform,opacity,top,width,padding
}
.nav.is-hidden:not(.is-menu-open){transform:translate(-50%,-145%);opacity:0;pointer-events:none}
.nav:not(.is-menu-open){color:#111}
.nav.on-dark:not(.is-menu-open){color:#fff}
.nav:not(.is-menu-open) .wordmark img{filter:invert(1);mix-blend-mode:normal}
.nav.on-dark:not(.is-menu-open) .wordmark img{filter:none}
.nav:not(.is-menu-open) i,.nav:not(.is-menu-open) .nav__action>span{color:currentColor;opacity:.62}
.nav:not(.is-menu-open) .menu{color:currentColor;border-color:currentColor;background:transparent}
.nav:after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(110deg,rgba(255,255,255,.08),transparent 32%,rgba(0,120,173,.09));transition:opacity .45s ease}
.nav.is-scrolled{
  top:12px;width:min(calc(100% - 48px),1040px);padding:11px 14px;
  align-items:center;background:transparent;border:0;
  border-radius:0;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none
}
.nav.is-scrolled:after{opacity:0}
.nav .wordmark,.nav .nav__cta,.nav .nav__action>span{transition:width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),margin .5s cubic-bezier(.22,1,.36,1),padding .5s cubic-bezier(.22,1,.36,1),opacity .3s ease}
.nav.is-scrolled .wordmark{width:36px;height:36px;margin-top:0}
.nav.is-scrolled .nav__cta{margin-top:0;padding:9px 12px}
.nav.is-scrolled .nav__action{gap:0}
.nav.is-scrolled .nav__action>span{height:0;margin:0;opacity:0;overflow:hidden}

@media(max-width:800px){
  .nav{height:62px;overflow:hidden;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .28s ease,top .55s cubic-bezier(.22,1,.36,1),width .7s cubic-bezier(.22,1,.36,1),height .65s cubic-bezier(.22,1,.36,1),padding .55s cubic-bezier(.22,1,.36,1),background-color .45s ease,border-color .45s ease,border-radius .7s cubic-bezier(.22,1,.36,1),box-shadow .55s ease,backdrop-filter .45s ease}
  .nav.is-scrolled{top:9px;width:calc(100% - 18px);padding:9px 11px;border-radius:0}
  .nav.is-scrolled .wordmark{width:34px;height:34px}
  .nav.is-scrolled .menu{border-color:currentColor;background:transparent}
}

@media (max-width:800px){
  body.menu-open{overflow:hidden}
  .nav.is-menu-open{
    position:fixed;top:0;left:50%;right:auto;bottom:auto;z-index:300;height:100dvh;padding:14px 16px;
    display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;
    align-items:start;width:100%;transform:translateX(-50%);border:0;border-radius:0;background:#111;color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;
    animation:mobile-menu-shell-in .62s both cubic-bezier(.16,1,.3,1)
  }
  .nav.is-menu-open:before{content:'';position:absolute;z-index:0;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:0;animation:mobile-menu-scan 1s .12s both cubic-bezier(.16,1,.3,1);pointer-events:none}
  .nav.is-menu-open .wordmark{grid-column:1;grid-row:1}
  .nav.is-menu-open .wordmark img{filter:none;mix-blend-mode:normal}
  .nav.is-menu-open .menu{grid-column:2;grid-row:1;justify-self:end}
  .nav.is-menu-open nav{
    grid-column:1/-1;grid-row:2;align-self:center;display:flex;
    flex-direction:column;gap:0;width:100%;animation:mobile-menu-content-in .48s .12s both cubic-bezier(.22,1,.36,1)
  }
  .nav.is-menu-open nav a{
    display:flex;justify-content:space-between;align-items:center;
    padding:13px 0;border-bottom:1px solid rgba(255,255,255,.28);
    font:500 clamp(36px,11vw,66px)/.95 var(--sans);letter-spacing:-.055em;
    opacity:0;transform:translate3d(0,26px,0);animation:mobile-menu-link-in .64s both cubic-bezier(.16,1,.3,1)
  }
  .nav.is-menu-open nav a:nth-child(1){animation-delay:.16s}
  .nav.is-menu-open nav a:nth-child(2){animation-delay:.23s}
  .nav.is-menu-open nav a:nth-child(3){animation-delay:.3s}
  .nav.is-menu-open nav i{font:10px var(--mono);letter-spacing:0}
  .nav.is-menu-open .nav__action{
    grid-column:1/-1;grid-row:3;justify-self:stretch;display:flex;
    align-items:stretch;gap:7px;padding-bottom:max(8px,env(safe-area-inset-bottom));animation:mobile-menu-content-in .48s .2s both cubic-bezier(.22,1,.36,1)
  }
  .nav.is-menu-open .nav__cta{display:block;width:100%;padding:15px;text-align:center}
}
@keyframes mobile-menu-content-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes mobile-menu-shell-in{from{clip-path:inset(0 0 100% 0);opacity:.72}to{clip-path:inset(0);opacity:1}}
@keyframes mobile-menu-link-in{from{opacity:0;transform:translate3d(0,26px,0);letter-spacing:-.085em}to{opacity:1;transform:translate3d(0,0,0);letter-spacing:-.055em}}
@keyframes mobile-menu-scan{0%{top:0;opacity:0}20%{opacity:.9}100%{top:100%;opacity:0}}
@media(max-width:800px){
  .testimonials__head .testimonials__title{font-size:12vw;line-height:.94}
  .problems-editorial>h2,.work-title,.approach .section-head h2,.testimonials__head h2,.faq h2,.footer__top h2,.project__footer h3{
    max-width:100%;line-height:.94;overflow-wrap:normal;word-break:normal;hyphens:none
  }
  .project__visual.swytch{background:#fff}
  .project__visual.swytch>video{
    width:100%;height:calc(100% + 32px);margin:-32px 0 0;object-fit:cover;object-position:center;transform:none
  }
  .swytch-mobile-mask{
    position:absolute;inset:0;z-index:2;display:block;pointer-events:none;
    background:linear-gradient(#fff,#fff) top/100% 14.2% no-repeat
  }
  .swytch-mobile-mask:after{
    content:'KITS    SPECS    BIKE TYPES    ABOUT    ACCESSORIES    FIND A SHOP';
    position:absolute;top:7.2%;left:50%;transform:translate(-50%,-50%);width:94%;
    color:#111;text-align:center;white-space:nowrap;font:600 clamp(6px,1.75vw,8px)/1 var(--sans);letter-spacing:-.015em
  }
}

@media(min-width:801px){.swytch-mobile-mask{display:none}}

/* Keep the full desktop-style booking eye visible above mobile browser chrome. */
@media(max-width:800px){
  .booking-mascot{
    --booking-mobile-bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px));
    right:14px;bottom:var(--booking-mobile-bottom);width:190px;height:116px;
    transform:translate3d(0,0,0);
    transition:transform 1.05s cubic-bezier(.22,1,.36,1),right .65s cubic-bezier(.22,1,.36,1)
  }
  .booking-mascot.is-over-hero{right:14px;bottom:var(--booking-mobile-bottom);width:190px;height:116px;transform:translate3d(0,-86px,0)}
  .booking-mascot__eye{overflow:visible}
  .booking-mascot__orbit-text{font-size:7px;letter-spacing:.03em}
  .booking-mascot__orbit-text+.booking-mascot__orbit-text{display:block}
  .booking-mascot__orbit-desktop{display:none!important}
  .booking-mascot__orbit-mobile{display:block!important;font-size:6.35px!important;letter-spacing:.018em!important}
}
/* Direct-address homepage refinements. */
.hero__veil{background:linear-gradient(180deg,rgba(0,120,173,.16),rgba(0,0,0,.15) 32%,rgba(0,0,0,.33) 58%,rgba(0,0,0,.79))}
@media(min-width:801px){
  .nav__cta{padding:13px 16px;font-size:12px}
  .nav.is-scrolled .nav__cta{padding:11px 15px}
  .hero__proof p{font-size:12px}
}
@media(max-width:800px){
  .problem-break{display:none}
}

/* Conversion prompt beneath the final case study. */
.work-cta{
  display:flex;align-items:flex-end;justify-content:space-between;gap:32px;
  padding-top:72px;padding-bottom:72px;border-top:1px solid #111;background:#fff
}
.work-cta h2{margin:24px 0 0;font:500 clamp(54px,7vw,112px)/.84 var(--sans);letter-spacing:-.065em}
.work-cta h2 em{color:var(--ink);font-style:normal}
.work-cta__button{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  min-width:220px;min-height:72px;padding:20px 28px;border:1px solid var(--blue);
  background:var(--blue);color:#fff;font:500 13px var(--mono);text-decoration:none
}
@media(max-width:800px){
  .work-cta{align-items:stretch;flex-direction:column;padding-top:48px;padding-bottom:48px}
  .work-cta h2{font-size:15vw}
  .work-cta__button{width:100%;min-height:62px}
}

/* Stronger final booking prompt. */
.footer__top em{color:#fff}
.footer__cta{
  top:-24px;padding:62px 38px;border-color:var(--blue);background:var(--blue);
  color:#fff;font-size:12.5px
}
.footer__cta:hover{border-color:#fff;background:#fff;color:#111}
@media(max-width:800px){
  .footer__cta{top:-8px;width:275px;height:138px;padding:20px}
}

/* Editorial video testimonial stories. */
.testimonial-stories{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
  margin-bottom:95px;border:1px solid #555;background:#555
}
.testimonial-story{display:flex;flex-direction:column;gap:24px;padding:18px;background:#101010}
.testimonial-story video{
  display:block;width:100%;height:clamp(220px,22vw,340px);object-fit:cover;
  object-position:center;background:#080808;filter:grayscale(1)
}
.testimonial-story__profile{display:flex;align-items:center;gap:14px;font:10px/1.35 var(--mono)}
.testimonial-story__profile img{
  width:58px;height:58px;flex:0 0 58px;border:1px solid #666;border-radius:0;
  object-fit:cover;object-position:center;filter:grayscale(1)
}
.testimonial-story__profile div{display:flex;flex-direction:column;gap:4px}
.testimonial-story__profile span{color:#888}
.testimonial-story blockquote{min-height:4.1em;margin:0;font:400 clamp(24px,2.1vw,34px)/1.02 var(--sans);letter-spacing:-.04em}
.testimonial-story__copy{margin-top:auto;padding-top:20px;border-top:1px solid #555}
.testimonial-story__copy span{color:var(--blue);font:10px var(--mono)}
.testimonial-story__copy p{margin:18px 0 2px;color:#aaa;font:12px/1.6 var(--mono)}
@media(max-width:800px){
  .testimonial-stories{grid-template-columns:1fr;margin-bottom:65px}
  .testimonial-story{gap:20px;padding:14px}
  .testimonial-story video{height:min(68vw,420px)}
  .testimonial-story blockquote{min-height:0;font-size:clamp(28px,8vw,42px)}
}