@font-face{font-family:Jakarta;src:url('assets/fonts/jakarta-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Jakarta;src:url('assets/fonts/jakarta-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Jakarta;src:url('assets/fonts/jakarta-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Jakarta;src:url('assets/fonts/jakarta-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Cormorant;src:url('assets/fonts/cormorant-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Cormorant;src:url('assets/fonts/cormorant-italic.ttf') format('truetype');font-weight:500;font-style:italic;font-display:swap}
:root{--navy:#0a1338;--page:#fff;--ink:#0a1338;--card:#fff;--panel:#0a1338;--red:#e2000f;--muted:#606576;--line:#dcdfe6;--pale:#f4f5f7;--pad:clamp(24px,4.6vw,88px);--serif:Cormorant,Georgia,serif;--sans:Jakarta,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}::selection{background:var(--navy);color:#fff}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red);outline-offset:6px}button{border:0;background:none}h1,h2,h3,h4,p,figure{margin:0}img{display:block;max-width:100%}em{font-family:var(--serif);font-weight:500}h2{font-family:var(--serif);font-weight:500;line-height:.98;letter-spacing:-.035em;font-size:clamp(3.5rem,5.5vw,6.25rem)}.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}.skip-link{position:fixed;top:-100px;left:20px;background:var(--navy);color:#fff;padding:12px;z-index:30}.skip-link:focus{top:12px}.section-pad{padding:clamp(80px,8vw,150px) var(--pad)}.section-kicker{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:.875rem;font-weight:500;margin-bottom:55px}.section-kicker>span:first-child{color:var(--red)}.eyebrow{font-size:.875rem;font-weight:500}.site-header{min-height:100px;padding:22px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{width:clamp(140px,13vw,198px);flex-shrink:0}.brand img{height:auto}.site-header nav{display:flex;gap:30px;align-items:center;font-size:.875rem;font-weight:500}.site-header nav a{position:relative;padding:7px 0}.site-header nav a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--navy);transition:width .2s}.site-header nav a:hover:after{width:100%}.contact-nav span{padding-left:16px;font-size:1.4rem;line-height:1}
.hero{position:relative;min-height:580px;height:100svh;max-height:1080px;background:var(--navy);color:#fff;isolation:isolate;overflow:hidden;touch-action:pan-y}.slides,.slide,.hero-shade{position:absolute;inset:0}.slide{opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s;z-index:0}.slide.is-active{opacity:1;visibility:visible;z-index:1}.slide img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.hero-shade{z-index:2;background:rgba(0,0,0,.18);pointer-events:none}.hero-topline{position:absolute;z-index:3;top:28px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:20px;font-size:.8125rem;font-weight:500;text-shadow:none}.hero-bottom{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:45px;display:flex;justify-content:space-between;gap:35px;align-items:flex-end}.slide-caption{max-width:calc(100% - 200px)}.slide-caption>p:first-child{font-size:1rem;margin-bottom:9px}.slide-caption h1{font-size:clamp(2rem,3.7vw,4rem);font-weight:500;letter-spacing:-.055em;line-height:1.14;margin-bottom:15px}.slide-caption>p:last-child{font-size:.875rem;line-height:1.7;color:#fff}.slide-controls{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:20px}.slide-count{display:flex;align-items:center;gap:12px;font-size:.875rem;font-variant-numeric:tabular-nums}.slide-count>span:first-child{font-size:1.5rem}.count-divider{width:42px;height:1px;background:#ffffff70}.control-buttons{display:flex;gap:8px}.control-buttons button,.rail-controls button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;font-size:1.25rem;transition:background .2s,color .2s}.control-buttons button:hover{background:#fff;color:var(--navy)}#toggle-play{font-size:1rem}.slide-progress{position:absolute;bottom:0;left:0;right:0;height:3px;z-index:4;background:#ffffff30}.slide-progress span{display:block;width:0;height:100%;background:#fff}.slide-progress span.running{animation:slide-time 6.5s linear forwards}@keyframes slide-time{to{width:100%}}
.studio .statement{font-size:clamp(4.8rem,9vw,10rem);line-height:.94;letter-spacing:-.045em}.statement em{color:var(--ink)}.studio-details{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:65px;padding-top:36px;border-top:1px solid var(--line)}.studio-position{font-weight:500;font-size:1.125rem;line-height:1.55}.studio-position>span{display:block;font-size:.875rem;font-weight:400;color:var(--muted);margin-top:28px}.studio-copy{max-width:610px}.studio-copy .lead{font-size:clamp(1.35rem,1.8vw,1.8rem);letter-spacing:-.025em;line-height:1.5;margin-bottom:24px}.studio-copy>p:not(.lead){color:var(--muted);line-height:1.8}.text-link{display:inline-flex;gap:32px;align-items:center;border-bottom:1px solid var(--ink);margin-top:35px;padding-bottom:8px;font-size:.875rem;font-weight:600}.text-link span{font-size:1.35rem;transition:transform .2s}.text-link:hover span{transform:translate(3px,3px)}
.numbers{background:var(--pale);padding:70px 0 80px}.numbers-heading{padding:0 var(--pad);display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:36px}.numbers-heading .eyebrow{color:var(--muted);margin-bottom:20px}.numbers-heading h2{font-size:clamp(2.8rem,4vw,4.75rem)}.rail-controls{display:flex;gap:10px}.rail-controls button{border-color:var(--line)}.rail-controls button:hover{background:var(--ink);color:var(--page)}.rail-controls button:disabled{opacity:.3;cursor:default;background:transparent;color:inherit}.stats-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--pad) 10px;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;overscroll-behavior-inline:contain}.stat-card{flex:0 0 36%;min-width:320px;padding:30px 36px 34px;background:var(--card);scroll-snap-align:center;position:relative}.stat-index{position:absolute;top:30px;right:30px;font-size:.8125rem;color:var(--muted)}.stat-number{font-size:clamp(5.5rem,9vw,10rem);line-height:1.2;letter-spacing:-.08em;font-weight:400;margin:12px 0 64px}.stat-number>span{font-size:.65em;vertical-align:top;display:inline-block;padding-top:.16em;margin-left:5px;color:var(--red)}.stat-card h3{font-size:1.0625rem;font-weight:600;margin-bottom:8px}.stat-card>p:last-child{font-size:.9375rem;color:var(--muted)}
.section-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;align-items:end;margin-bottom:60px}.section-intro>p{color:var(--muted);max-width:490px;line-height:1.85}.capability-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:26px}.capability-tabs button{display:flex;align-items:center;gap:18px;text-align:left;border-top:1px solid var(--line);padding:21px 0;font-size:clamp(1.125rem,1.65vw,1.75rem);font-weight:500;transition:color .2s,border-color .2s}.capability-tabs button>span:first-child{font-size:.8125rem;color:var(--muted);font-weight:400}.capability-tabs button[aria-selected=true]{border-color:var(--red);color:var(--red)}.tab-arrow{margin-left:auto;font-size:1.5rem}.capability-panel{padding:clamp(30px,4.5vw,80px);background:var(--panel);color:#fff;min-height:645px}.capability-panel[hidden]{display:none}.panel-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;margin-bottom:64px}.panel-heading h3{font-family:var(--serif);font-size:clamp(2.75rem,4.2vw,5rem);font-weight:500;letter-spacing:-.03em;line-height:1.04}.panel-heading>div{font-size:.9375rem;line-height:1.8;color:#d6d9e3;padding-top:6px}.panel-heading>div>p+p{margin-top:16px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:45px;row-gap:34px}.services-grid article{border-top:1px solid #ffffff30;padding-top:20px}.services-grid h4{font-size:1rem;font-weight:500;margin-bottom:12px;line-height:1.5}.services-grid p{font-size:.875rem;color:#c4c9d9;line-height:1.8}
.difference{padding-top:30px}.difference>h2{margin-bottom:55px}.dna-row{display:grid;grid-template-columns:45px 1.05fr 1fr 32px;gap:25px;align-items:center;padding:36px 0;border-top:1px solid var(--line);transition:color .3s}.dna-row:last-child{border-bottom:1px solid var(--line)}.dna-number{font-size:.8125rem;color:var(--red)}.dna-row h3{font-size:clamp(1.5rem,2.5vw,2.75rem);font-weight:400;letter-spacing:-.04em;line-height:1.25;overflow-wrap:anywhere}.dna-row p{max-width:430px;font-size:1rem;line-height:1.7}.dna-marker{font-size:1.8rem;color:var(--red);opacity:0;transform:translate(-5px,5px);transition:opacity .25s,transform .25s}.dna-row:hover .dna-marker,.dna-row:focus .dna-marker{opacity:1;transform:none}.dna-list:focus-within .dna-row:not(:focus){color:var(--muted)}@media(hover:hover){.dna-list:hover .dna-row:not(:hover){color:var(--muted)}.dna-row:hover h3{color:var(--red)}}.collective{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding-top:100px}.collective .eyebrow{color:var(--red)}.collective h3{font-family:var(--serif);font-weight:500;font-size:clamp(2.5rem,3.6vw,4rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:28px}.collective>div>p{color:var(--muted);max-width:590px;line-height:1.8}.collective .disciplines{font-size:.875rem;margin-top:28px;line-height:2;color:var(--ink)}

@media(min-width:1800px){.hero-bottom{bottom:65px}.section-pad{padding-left:max(var(--pad),calc((100vw - 1720px)/2));padding-right:max(var(--pad),calc((100vw - 1720px)/2))}}
@media(max-width:1000px){.hero{min-height:520px}.studio-details,.section-intro{gap:40px}.services-grid{column-gap:26px}.panel-heading{gap:35px}.dna-row{grid-template-columns:30px 1fr 1fr 25px;gap:18px}.stat-card{flex-basis:44%}.capability-panel{min-height:720px}}
@media(max-width:700px){:root{--pad:24px}.site-header{min-height:82px;padding-top:20px;padding-bottom:20px;gap:16px}.brand{width:130px}.site-header nav{gap:20px}.site-header nav>a:not(.contact-nav){display:none}.site-header nav .contact-nav{font-size:.875rem}.contact-nav span{padding-left:8px}.hero{height:87svh;min-height:510px;max-height:800px}.hero-topline{top:21px;font-size:.75rem}.hero-topline>span:last-child{display:none}.hero-bottom{bottom:30px;flex-direction:column;align-items:stretch;gap:24px}.slide-caption{max-width:100%}.slide-caption h1{font-size:2.125rem;line-height:1.12}.slide-caption>p:first-child{font-size:.875rem}.slide-caption>p:last-child{font-size:.8125rem;max-width:290px;line-height:1.7}.slide-controls{flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.control-buttons button{width:36px;height:36px}.slide-count{font-size:.8125rem}.slide-count>span:first-child{font-size:1.125rem}.slide.montage img{object-position:center center}.slide[data-client="Financial Times"] img{object-position:49% center}.slide[data-client="Selected digital work"] img{object-position:55% center}.hero-shade{background:rgba(0,0,0,.18)}.section-pad{padding-top:75px;padding-bottom:75px}.section-kicker{font-size:.75rem;gap:18px;align-items:start;margin-bottom:36px}.section-kicker>span:last-child{text-align:right;max-width:150px}.studio .statement{font-size:clamp(3.6rem,12.3vw,5.4rem);line-height:.98}.studio-details{grid-template-columns:1fr;gap:30px;margin-top:40px;padding-top:28px}.studio-position{font-size:1rem}.studio-position>span{margin-top:12px}.studio-copy .lead{font-size:1.4rem}.studio-copy>p:not(.lead){font-size:.9375rem}.numbers{padding:45px 0 50px}.numbers-heading{align-items:end;gap:16px;margin-bottom:25px}.numbers-heading .eyebrow{font-size:.8125rem;margin-bottom:12px}.numbers-heading h2{font-size:2.7rem;max-width:230px}.rail-controls{gap:7px}.rail-controls button{width:34px;height:34px}.stat-card{min-width:0;flex-basis:83vw;padding:25px 28px 30px}.stats-rail{gap:14px}.stat-number{font-size:6.75rem;margin:16px 0 54px}.stat-index{right:25px;top:25px}.section-intro{grid-template-columns:1fr;gap:28px;margin-bottom:34px}.section-intro h2,.difference>h2{font-size:3.4rem}.section-intro>p{font-size:.9375rem;line-height:1.8}.capability-tabs{gap:13px;margin-bottom:18px}.capability-tabs button{position:relative;display:block;padding:16px 0;font-size:.9375rem;letter-spacing:-.035em}.capability-tabs button>span:first-child{display:block;font-size:.75rem;margin-bottom:6px}.tab-arrow{position:absolute;right:0;top:10px;font-size:1rem}.capability-panel{padding:30px 24px 34px;min-height:0}.panel-heading{grid-template-columns:1fr;gap:25px;margin-bottom:36px}.panel-heading h3{font-size:2.8rem}.panel-heading>div{font-size:.875rem;padding-top:0}.services-grid{grid-template-columns:1fr;gap:25px}.services-grid h4{font-size:1rem;margin-bottom:8px}.services-grid p{font-size:.875rem;line-height:1.75}.services-grid article{padding-top:18px}.difference{padding-top:10px}.difference>h2{margin-bottom:36px}.dna-row{grid-template-columns:22px 1fr 20px;gap:10px 14px;padding:25px 0}.dna-row h3{font-size:1.75rem}.dna-row p{grid-column:2;font-size:.9375rem}.dna-marker{grid-column:3;grid-row:1;font-size:1.4rem;opacity:1;transform:none}.dna-number{font-size:.75rem}.collective{grid-template-columns:1fr;gap:25px;padding-top:65px}.collective h3{font-size:2.8rem;margin-bottom:24px}.collective>div>p{font-size:.9375rem}.collective .disciplines{font-size:.8125rem}}
/* The page stays white by default; the visitor's explicit choice is remembered. */
html[data-theme="dark"]{color-scheme:dark;--page:#080808;--ink:#fff;--muted:#b1b1b6;--line:#353539;--pale:#101010;--card:#191919;--panel:#141414;--red:#ff4b52}
html[data-theme="light"]{color-scheme:light}
body{transition:background-color .2s,color .2s}
.site-header{position:fixed;top:0;left:0;right:0;z-index:20;background:transparent;transform:translateY(0);transition:transform .28s ease,visibility .28s;pointer-events:none}
.site-header a,.site-header button{pointer-events:auto}
.site-header.is-hidden{transform:translateY(-105%);visibility:hidden}
.site-header:focus-within{transform:none;visibility:visible}
.site-header nav a:after{background:currentColor}
[data-adaptive-ink]{transition:color .18s;color:#fff}
[data-ink="dark"]{color:var(--navy)}
[data-ink="light"]{color:#fff}
.brand{position:relative;display:grid}
.brand img{grid-area:1/1;transition:opacity .18s;pointer-events:none}
.brand[data-ink="light"] .brand-dark,.brand[data-ink="dark"] .brand-light{opacity:0}
.brand[data-ink="dark"] .brand-dark,.brand[data-ink="light"] .brand-light{opacity:1}
.theme-toggle{width:36px;height:36px;padding:8px;display:grid;place-items:center;flex-shrink:0}
.theme-icon{display:block;width:19px;height:19px;border:1.5px solid currentColor;border-radius:50%;overflow:hidden;position:relative;transform:rotate(-35deg);transition:transform .2s}
.theme-icon:after{content:'';position:absolute;inset:0 50% 0 0;background:currentColor}
[aria-pressed="true"] .theme-icon{transform:rotate(145deg)}
.hero-topline{top:120px}
.hero-shade{background:rgba(0,0,0,.18)}
.footer{background:var(--panel);color:#fff;padding:44px var(--pad) 0}
.footer-info{display:grid;grid-template-columns:1.2fr 1fr auto;gap:30px;align-items:start;font-size:.875rem;line-height:1.8}
.footer h2{font-family:var(--sans);font-size:.9375rem;font-weight:500;line-height:1.65;letter-spacing:0;margin-bottom:9px}
.footer-info p{font-size:.875rem;color:#c4c9d9}
.email-link{display:inline-flex;align-items:center;gap:14px;font-size:.875rem;border-bottom:1px solid #ffffff60;padding-bottom:3px;margin-bottom:9px;overflow-wrap:anywhere}
.email-link>span{font-size:1rem}
.back-top{display:flex;align-items:center;gap:14px;font-size:.875rem;white-space:nowrap}
.back-top span{font-size:1.125rem}
.footer-meta{font-size:.8125rem;color:#c4c9d9;margin:28px 0 20px}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff25;padding-top:16px;margin-bottom:30px;font-size:.75rem;color:#c4c9d9}
.footer-brand{display:block;margin:0;line-height:0}
.footer-brand img{width:100%;height:auto}
@media(max-width:700px){html{scroll-padding-top:94px}.site-header nav{gap:12px}.theme-toggle{width:32px;height:36px;padding:6px}.hero-topline{top:98px}.slide img[src*="mercedes-runway-landscape"]{object-position:74% center}.slide img[src*="mercedes-backdrop-landscape"]{object-position:49% center}.footer{padding-top:32px}.footer-info{grid-template-columns:1fr;gap:24px}.footer-info .back-top{justify-self:start}.footer-meta{margin-top:25px}.footer-bottom{gap:15px;align-items:start;margin-bottom:24px}.footer-bottom>span:last-child{text-align:right;max-width:100px}}
/* Native SVG cursors stay precisely under the mouse without a trailing animation. */
@media(hover:hover) and (pointer:fine){
  html,body,body *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='10' fill='none' stroke='%23ea1d24' stroke-opacity='.75' stroke-width='2'/%3E%3C/svg%3E") 14 14,auto}
  a,a *,button:not(:disabled),button:not(:disabled) *,[role="button"],[role="button"] *,input[type="submit"],summary,summary *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='10' fill='%23ea1d24' fill-opacity='.85'/%3E%3C/svg%3E") 14 14,pointer}
}
@media(forced-colors:active){html,body,body *{cursor:auto}a,a *,button:not(:disabled),button:not(:disabled) *{cursor:pointer}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.slide-progress{display:none}}