@font-face{font-family:Inter;src:url('assets/fonts/inter-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--ink:#141922;--muted:#66707d;--blue:#164be8;--paper:#fafaf8;--line:#dfe2e6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body.studio-site{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.65;min-width:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:-.055em;line-height:1.1}h1{font-size:clamp(56px,7.5vw,112px);margin-bottom:28px}h2{font-size:clamp(32px,3.7vw,54px);margin-bottom:0}h3{font-size:25px}em{font-style:normal;color:var(--blue)}p{line-height:1.75}.section{padding:76px max(5%,calc((100% - 1320px)/2));margin:auto;max-width:none}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;line-height:1.6;margin:0 0 23px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:38px}.section-heading>p{max-width:380px;color:var(--muted);font-size:15px;margin-bottom:0}.section-heading>*{min-width:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:white;font-size:13px;font-weight:600;padding:14px 22px;max-width:100%;transition:background .2s,transform .2s}.button span{font-size:19px;flex-shrink:0}.button:hover{background:#0c36b8;transform:translateY(-2px)}.button-quiet{background:transparent;color:var(--ink);border-color:#cdd3dc}.button-quiet:hover{background:#edf1fb}.text-link{display:inline-flex;align-items:center;gap:28px;font-size:14px;font-weight:600;border-bottom:1px solid #bec6d3;padding:7px 0;color:var(--ink)}.text-link span{font-size:21px}.text-link:hover{color:var(--blue)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #789aff;outline-offset:5px}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:white;color:var(--ink);padding:14px}.skip:focus{top:10px}
/* Quiet navigation keeps the work in focus. */
.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(5%,calc((100% - 1320px)/2));background:#fafaf8f5;backdrop-filter:blur(15px);border-bottom:1px solid #dfe2e6aa}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-family:Manrope,sans-serif;font-size:27px;font-weight:700;letter-spacing:-1px;line-height:1.15}.brand img{width:46px;height:46px;object-fit:contain}.brand small{display:block;font-family:Inter,sans-serif;font-size:7px;font-weight:500;letter-spacing:1.5px;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:500}.site-header nav>a{padding:10px 0;min-height:44px;display:flex;align-items:center;white-space:nowrap}.site-header nav>a:hover,.site-header nav>a[aria-current=page]{color:var(--blue)}.site-header nav>.nav-cta{padding:12px 19px;background:var(--ink);color:white;border-radius:5px;gap:25px;margin-left:8px}.site-header nav>.nav-cta:hover{background:var(--blue);color:white}.menu{display:none}
/* A compact, real-project-led first impression. */
.studio-hero{display:grid;grid-template-columns:1fr 1.13fr;gap:50px;align-items:center;padding-top:48px;padding-bottom:52px;min-height:620px}.hero-copy{min-width:0}.hero-copy .eyebrow{display:flex;align-items:center;gap:8px;color:#525f73;font-size:9px;letter-spacing:1px}.available-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0}.hero-copy h1{font-size:clamp(70px,7.2vw,106px);line-height:.99;letter-spacing:-.065em;font-weight:600;margin:30px 0}.hero-description{font-size:17px;color:var(--muted);line-height:1.8;margin:0 0 27px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-footnote{display:flex;gap:20px;flex-wrap:wrap;font-size:7px;letter-spacing:1.1px;color:#838a96;margin-top:44px}.hero-work{position:relative;min-width:0;padding:29px 28px 24px;background:var(--blue);color:white;border-radius:9px;box-shadow:0 22px 50px #12398f15;overflow:hidden}.hero-work:before{content:'';position:absolute;width:350px;height:350px;right:-110px;top:-140px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 45px #ffffff05,0 0 0 90px #ffffff04;pointer-events:none}.hero-work-top{position:relative;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#cfddff;margin-bottom:42px}.hero-screen{position:relative;display:block;padding:0;background:#101d34;border:6px solid #101d34;border-radius:8px;box-shadow:0 18px 28px #001b6544;transform:perspective(1200px) rotateY(-5deg) rotateZ(-2deg);transition:transform .45s}.hero-screen:hover{transform:perspective(1200px) rotateY(0) rotateZ(0)}.hero-screen img{width:100%;height:auto;aspect-ratio:1365/605;object-fit:contain;background:white;border-radius:0 0 3px 3px}.screen-chrome{height:24px;display:flex;align-items:center;gap:4px;padding:0 8px}.screen-chrome i{width:4px;height:4px;border-radius:50%;background:#6d86a8}.screen-chrome span{font-size:5px;letter-spacing:.8px;color:#a1b6d3;margin-left:auto}.hero-work-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;margin:35px 0 20px}.hero-work-bottom p{font-size:7px;letter-spacing:1.5px;color:#c1d2ff;margin:0 0 5px}.hero-work-bottom h2{font-size:28px;letter-spacing:-.04em;color:white}.hero-project-link{width:43px;height:43px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;font-size:24px}.hero-project-link:hover{background:white;color:var(--blue)}.hero-project-tabs{display:flex;gap:6px;flex-wrap:wrap;position:relative;border-top:1px solid #ffffff25;padding-top:17px}.hero-project-tabs button{padding:9px 13px;min-height:38px;font-size:10px;color:#d0dfff;background:transparent;border:1px solid transparent;border-radius:4px}.hero-project-tabs button[aria-pressed=true]{background:white;color:var(--blue)}.hero-project-tabs button:hover{border-color:#ffffff66}.hero-project-tabs button[hidden]{display:none}
/* Small proof strip, not a second full-screen presentation. */
.client-proof{display:flex;align-items:center;gap:50px;padding-top:23px;padding-bottom:27px;border-block:1px solid var(--line)}.client-proof>p{font-size:8px;letter-spacing:1.5px;line-height:1.9;color:#7b8491;margin:0;flex-shrink:0}.proof-brands{display:flex;justify-content:space-between;align-items:center;gap:30px;width:100%;min-width:0}.proof-brands>a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:55px}.proof-brands img{width:auto;max-width:145px;height:45px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .2s,opacity .2s}.proof-brands a:hover img{filter:none;opacity:1}.proof-brands a:nth-child(2) img{height:57px}.proof-brands .wordmark{display:block;font-family:Manrope,sans-serif;font-size:18px;line-height:1.1;font-weight:700;letter-spacing:-.6px;color:#69717d}.wordmark span{display:block;font-family:Inter,sans-serif;font-size:10px;letter-spacing:1px;font-weight:500;margin-top:3px}
.studio-services{padding-bottom:60px}.service-rows{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:45px 1.1fr 1fr 34px;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);transition:padding .25s}.service-row:hover{padding-left:12px;padding-right:12px}.service-row h3{font-size:clamp(24px,2.5vw,34px);letter-spacing:-.04em;margin:0}.service-row>p{max-width:355px;color:var(--muted);font-size:13px;margin:0}.row-number{color:#929aa6;font-size:10px}.row-arrow{font-size:27px;color:var(--blue)}.service-row:hover h3{color:var(--blue)}
.studio-work{background:#f0f2f5;padding-top:65px;padding-bottom:54px}.selected-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.selected-card{min-width:0}.selected-cover{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.28;overflow:hidden;padding:45px 21px 35px;border-radius:5px;background:#d6e3fc}.selected-cover.tone-0{background:#0f213e}.selected-cover.tone-1{background:#e7e6df}.selected-cover.tone-2{background:#c6d9fc}.selected-cover img{width:100%;height:auto;box-shadow:0 16px 25px #0003;transition:transform .5s;transform:perspective(600px) rotateY(-4deg) rotateZ(-2deg)}.selected-cover:hover img{transform:perspective(600px) rotateY(0) rotateZ(0) scale(1.035)}.project-label{position:absolute;top:19px;left:21px;font-size:8px;letter-spacing:1px;color:#5b6881}.tone-0 .project-label{color:#afc3e8}.cover-arrow{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:white;font-size:21px;color:var(--ink)}.selected-copy{display:flex;justify-content:space-between;gap:15px;padding:22px 0 0}.selected-copy h3{font-size:21px;margin-bottom:6px;letter-spacing:-.03em}.selected-copy p{font-size:11px;color:#7d8693;margin:0}.project-number{color:#9aa3b0;font-size:9px;padding-top:3px}.work-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:34px;border-top:1px solid #d7dde6;padding-top:23px}.work-footer p{font-size:12px;color:var(--muted);margin:0}
.studio-about{position:relative;display:grid;grid-template-columns:.55fr 1.2fr 1fr;gap:35px;align-items:center;padding-top:58px;padding-bottom:58px}.studio-about>.eyebrow{align-self:start;font-size:8px;max-width:120px;margin-top:10px}.studio-about h2{font-size:39px}.studio-about>div{max-width:390px;padding-right:35px}.studio-about p:not(.eyebrow){font-size:13px;color:var(--muted)}.studio-about>img{position:absolute;width:60px;height:60px;right:3%;top:45%;opacity:.2;pointer-events:none}.studio-cta{background:#111a2b;color:white;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding-top:62px;padding-bottom:62px}.studio-cta h2{font-size:clamp(35px,4.3vw,60px);color:white}.studio-cta .eyebrow{color:#8fa7d4}.studio-cta>div{min-width:0}.studio-cta>div>p:not(.eyebrow){font-size:15px;color:#a6b5d0;max-width:355px}.studio-cta .button{background:#fff;color:#111a2b;border-color:white}.studio-cta .button:hover{background:#d5e1ff}.cta-email{display:block;overflow-wrap:anywhere;font-size:11px;color:#8fa6cf;margin-top:19px}
/* Inner pages use the same editorial language and compact spacing. */
.studio-intro{padding-top:64px;padding-bottom:55px;border-bottom:1px solid var(--line)}.studio-intro h1{font-size:clamp(48px,6.4vw,90px);line-height:1.12;letter-spacing:-.055em;margin:0 0 22px}.studio-intro>p:not(.eyebrow){max-width:590px;color:var(--muted);font-size:17px;margin-bottom:0}.service-details{padding-top:0}.service-detail{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:55px 0;border-bottom:1px solid var(--line);scroll-margin-top:110px}.service-detail:nth-child(even) .service-art{order:2}.service-art{background:#102a59;border-radius:5px;min-width:0;overflow:hidden;padding:20px}.service-art img{width:100%;height:auto}.service-detail h2{font-size:39px;margin-bottom:22px}.service-detail p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:450px}.capability-list{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:24px 0}.capability-list li{font-size:10px;border:1px solid var(--line);border-radius:3px;padding:6px 9px;color:#627083}.studio-campaigns{background:#f0f2f5}.campaign-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.campaign-shelf figure{margin:0;min-width:0}.campaign-shelf figcaption{font-size:9px;letter-spacing:.8px;color:#697688;margin-top:15px}.campaign-image{position:relative;display:block;width:100%;border:0;padding:0;cursor:zoom-in;background:#112955;border-radius:5px;overflow:hidden}.campaign-image img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.campaign-enlarge{position:absolute;right:14px;top:14px;width:36px;height:36px;background:#fff;color:#102549;border-radius:50%;font-size:24px;display:grid;place-items:center}.campaign-single{grid-template-columns:minmax(0,480px);justify-content:center}
.sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.sector-card{display:block;min-width:0;border:1px solid var(--line);border-radius:6px;background:white;overflow:hidden}.sector-visual{padding:35px 17px;background:#e5ecf9;min-height:210px;display:flex;align-items:center}.sector-visual img{width:100%;height:auto;box-shadow:0 10px 18px #1c3c6c17}.sector-card>div:last-child{padding:26px}.sector-card h2{font-size:28px;letter-spacing:-.04em;margin-bottom:16px}.sector-card p{color:var(--muted);font-size:14px}.sector-card .eyebrow{display:block;font-size:8px;margin-bottom:17px}.sector-card .text-link{font-size:12px}.section-note{font-size:14px;color:var(--muted);margin:30px 0 0}.method-list{padding-top:10px;padding-bottom:35px}.method-list article{display:grid;grid-template-columns:65px 1fr 1fr;gap:40px;align-items:start;padding:37px 0;border-bottom:1px solid var(--line)}.method-list h2{font-size:38px}.method-number{color:var(--blue);font-size:12px;margin-top:9px}.method-list p{font-size:14px;color:var(--muted);margin-bottom:15px}.method-tags{font-size:9px;letter-spacing:.7px;color:#8794a7}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;padding-top:40px}.faq h2{font-size:40px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:var(--blue);font-size:21px}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:14px;color:var(--muted);margin:15px 0 0}
.about-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.about-symbol{background:#edf1f8;border-radius:5px;display:grid;place-items:center;min-width:0}.about-symbol img{width:85%;height:auto}.about-story h2{margin-bottom:25px}.about-story p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:520px}.team-section{background:#f0f2f5}.team-grid{gap:18px}.team-card{border:0;border-radius:5px;box-shadow:none;background:white}.team-card:hover{transform:none;box-shadow:none}.team-portrait{aspect-ratio:4/5}.team-copy{padding:20px 16px}.team-copy h3{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.03em;color:var(--ink)}.team-copy>p:first-child{display:none}.team-copy>.team-role{font-size:10px;font-weight:400;color:var(--muted);margin-top:10px}.team-index{background:#0005;border:0;backdrop-filter:none}.team-line{display:none}
/* Portfolio and supplied interface galleries. */
.portfolio{padding-top:38px}.portfolio>.section-heading{display:none}.work-grid{gap:26px}.work-card{background:white;border:1px solid var(--line);border-radius:5px;box-shadow:none;transform:none}.work-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1538710e}.work-image img{aspect-ratio:1365/605;object-fit:contain}.work-copy{padding:24px}.work-copy .eyebrow{font-size:8px;color:var(--blue)}.work-copy h3 a{color:var(--ink)}.work-copy h3{font-size:24px;letter-spacing:-.04em}.work-copy>p:not(.eyebrow){color:var(--muted);font-size:13px}.work-tags span{font-size:9px;color:#6a7689;background:#f4f6fa;border-color:#dfe5ed;border-radius:3px}.work-filters{margin-top:0}.work-filters button{font:500 12px Inter,sans-serif;background:transparent;color:#677384;border:1px solid #d8dee7;padding:11px 16px;border-radius:4px;min-height:44px}.work-filters button:hover,.work-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white;box-shadow:none}.work-count{color:#8993a1;font-size:11px;margin:20px 0 28px}.browser-bar{justify-content:flex-start;background:#152238}.browser-bar span{margin-left:10px}.work-open{background:#122b50e6;border:0;font-size:9px;border-radius:4px}.project-intro{background:#f0f3f8;padding-top:52px;padding-bottom:42px}.breadcrumb{color:#7d8a9e;font-size:11px;display:inline-flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.project-intro h1{font-size:clamp(40px,5.5vw,76px);color:var(--ink);font-weight:600;line-height:1.15;overflow-wrap:anywhere}.project-intro .eyebrow{font-size:9px;color:var(--blue);margin-top:17px}.project-summary{font-size:17px;color:var(--muted);max-width:740px;line-height:1.75;margin:0 0 23px}.project-intro .work-tags span{font-size:10px;padding:7px 10px}.project-gallery{padding-top:45px;padding-bottom:45px}.gallery-heading h2{font-size:34px}.gallery-heading p{color:var(--muted);font-size:13px;max-width:335px}.screen-grid{gap:26px}.screen-preview{border-color:#d8dfe8;border-radius:5px;box-shadow:none}.screen-grid figcaption{font-size:12px;color:#5f6e84}.project-note{color:#8b96a5;font-size:10px}.page-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#111a2b;color:white;padding-top:50px;padding-bottom:50px}.page-cta h2,.page-cta em{color:white}.page-cta .eyebrow{color:#8fa7d4}.screen-dialog{background:#f7f9fc;color:var(--ink);border:1px solid #d6dfed;border-radius:8px;max-height:calc(100dvh - 24px);max-width:calc(100% - 24px);padding:16px}.viewer-toolbar p{font-size:12px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.viewer-controls{font-size:12px;color:#697c98;flex-wrap:wrap}.screen-dialog button{min-height:44px;background:var(--blue);color:white;border:0;border-radius:4px;font-size:12px;padding:10px 15px;flex-shrink:0}.screen-dialog #viewer-image{max-height:calc(100dvh - 175px);height:auto;width:auto;max-width:100%;object-fit:contain;margin:18px auto}.screen-dialog::backdrop{background:#0a1427db}.screen-dialog button[hidden]{display:none}
/* Direct contact remains one tap away on every page. */
.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding-top:55px;padding-bottom:65px}.contact h2{font-size:38px}.contact>div>p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:24px}.contact .eyebrow{font-size:9px}.contact-details{display:grid;gap:23px;margin-top:32px}.contact-details>a,.contact-details>div{display:block;color:#2c3c55;font-size:15px;overflow-wrap:anywhere}.contact-details small{display:block;color:#9aa4b3;font-size:8px;letter-spacing:1px;margin-bottom:5px}.contact-details span{color:var(--blue);margin-left:5px}.contact .whatsapp-link{display:inline-flex;background:#1dce63;color:white;border-radius:50px;font-size:15px;gap:10px;min-height:50px;padding:13px 22px;margin-top:28px;font-weight:600}.contact .whatsapp-link svg{width:26px;height:26px}.contact form{background:white;border:1px solid var(--line);border-radius:6px;padding:30px;min-width:0}.contact label{display:block;color:#627083;font-size:12px;margin:0 0 22px}.form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.contact input,.contact select,.contact textarea{display:block;width:100%;max-width:100%;min-width:0;color:var(--ink);background:#f9fafc;border:1px solid #dce2ed;border-radius:4px;padding:13px;font-size:16px;margin-top:8px}.contact textarea{resize:vertical;min-height:115px}.contact input::placeholder,.contact textarea::placeholder{color:#a0a9b7}.channel-picker{border:0;padding:0;margin:10px 0 22px;display:flex;gap:18px;flex-wrap:wrap;min-width:0}.channel-picker legend{font-size:10px;color:#8a94a4;margin-bottom:13px}.channel-picker label{display:flex;gap:8px;align-items:center;margin:0;padding:8px 0;min-height:40px}.channel-picker input{width:16px;height:16px;margin:0;padding:0;accent-color:var(--blue)}.contact form .button{width:100%;font-size:12px;gap:15px}.contact #form-status{font-size:10px;color:#8996aa;margin:14px 0 0}.whatsapp-float{position:fixed;width:56px;height:56px;right:22px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:45;background:#1dce63;display:grid;place-items:center;border:0;box-shadow:0 3px 12px #0002;border-radius:50%;padding:0}.whatsapp-float>svg{width:37px;height:37px}.whatsapp-float:hover{background:#19b956;transform:translateY(-2px);box-shadow:0 5px 15px #0002}body:has(dialog[open]) .whatsapp-float{visibility:hidden}
.site-footer{padding:38px max(5%,calc((100% - 1320px)/2)) 24px;background:var(--paper);border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:start}.footer-top>p{font-size:12px;color:#8a929f;margin:5px 0 0}.footer-links{display:grid;gap:8px;font-size:11px;color:#657184;overflow-wrap:anywhere}.footer-links>a:first-child{color:var(--ink);font-weight:600}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:22px;margin-top:28px;font-size:9px;color:#9099a6}.footer-bottom>a{color:#657184;padding-right:60px}
/* Responsive composition; no page-wide overflow clipping. */
main,section,article,form,fieldset,.hero-copy,.section-heading>div,.service-detail>div,.team-copy{min-width:0}.studio-intro h1,.team-copy h3,.studio-cta h2,.contact h2{overflow-wrap:anywhere}.studio-reveal.in-view{animation:studio-arrive .55s ease both}@keyframes studio-arrive{from{opacity:.4;translate:0 12px}to{opacity:1;translate:0 0}}
@media(min-width:1700px){.studio-hero{min-height:670px}.hero-copy h1{font-size:112px}.hero-work{padding:35px}.hero-work-top{margin-bottom:50px}.hero-work-bottom{margin-top:42px}}
@media(max-width:1100px){.studio-hero{gap:30px;grid-template-columns:1fr 1.05fr;min-height:540px}.hero-copy h1{font-size:80px}.hero-work{padding:23px 20px}.hero-work-top{margin-bottom:28px}.hero-work-bottom{margin-top:28px}.hero-project-tabs button{padding:8px;font-size:9px}.hero-description{font-size:15px}.service-detail{gap:40px}.sector-grid{gap:18px}.sector-card>div:last-child{padding:22px}.sector-card h2{font-size:24px}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact{gap:40px}.site-header nav{gap:19px;font-size:12px}.brand{font-size:25px}.studio-about{grid-template-columns:.45fr 1fr 1fr;gap:25px}.studio-about h2{font-size:33px}}
@media(max-width:1050px){.menu{display:flex;align-items:center;gap:9px;background:transparent;color:var(--ink);border:1px solid #cdd3dd;min-height:44px;border-radius:4px;padding:10px 14px;font-size:12px}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:14px 5% 23px;background:var(--paper);border-bottom:1px solid var(--line);max-height:calc(100dvh - 90px);overflow-y:auto}.site-header nav.open{display:flex;flex-direction:column;gap:4px;align-items:stretch}.site-header nav>a{padding:11px 14px;font-size:14px;white-space:normal}.site-header nav>.nav-cta{margin:6px 0 0;justify-content:space-between}.client-proof{gap:26px}.proof-brands{gap:18px}.proof-brands img{max-width:110px}.proof-brands .wordmark{font-size:16px}.studio-cta{gap:40px}}
@media(max-width:850px){.studio-hero{grid-template-columns:1fr 1fr;gap:24px}.hero-copy h1{font-size:67px}.hero-copy .eyebrow{font-size:7px}.hero-work-bottom h2{font-size:23px}.hero-work-top{font-size:7px}.hero-footnote{font-size:6px;gap:10px}.actions .button{font-size:11px;padding:12px 16px;gap:18px}.hero-project-tabs{gap:3px}.hero-project-tabs button{font-size:8px;padding:8px 5px}.selected-grid{gap:18px}.selected-cover{padding:40px 12px 30px;aspect-ratio:1.15}.selected-copy h3{font-size:18px}.section{padding-top:55px;padding-bottom:55px}.studio-hero{padding-top:36px;padding-bottom:40px}.client-proof{padding-top:20px;padding-bottom:20px;display:block}.client-proof>p{margin-bottom:15px}.client-proof>p br{display:none}.proof-brands{justify-content:space-between;gap:16px}.service-row{grid-template-columns:30px 1fr 1fr 25px;gap:18px}.service-row h3{font-size:25px}.service-row>p{font-size:12px}.studio-about{grid-template-columns:1fr 1fr}.studio-about>.eyebrow{grid-column:1/-1;max-width:none;margin:0}.studio-about>img{display:none}.studio-about>div{padding:0}.studio-cta h2{font-size:41px}.sector-grid{grid-template-columns:1fr}.sector-card{display:grid;grid-template-columns:1fr 1fr}.sector-visual{min-height:190px}.sector-card h2{font-size:28px}.service-detail h2{font-size:32px}.service-detail{gap:30px}.about-story{gap:40px}.about-story h2{font-size:36px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq{gap:35px}.method-list article{grid-template-columns:35px .75fr 1fr;gap:25px}.method-list h2{font-size:32px}.contact{grid-template-columns:1fr}.contact form{max-width:660px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>p{display:none}}
@media(max-width:650px){html{scroll-padding-top:86px}.site-header{padding-top:13px;padding-bottom:13px;gap:14px}.brand{font-size:23px}.brand img{width:40px;height:40px}.brand small{font-size:6px;letter-spacing:1.2px}.section{padding:44px 6%}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin-top:20px;font-size:14px;max-width:480px}.eyebrow{font-size:9px;margin-bottom:18px}.studio-hero{grid-template-columns:1fr;gap:32px;padding-top:35px;padding-bottom:30px;min-height:0}.hero-copy .eyebrow{font-size:8px;letter-spacing:.9px}.hero-copy h1{font-size:clamp(64px,17vw,92px);line-height:1.02;margin:23px 0}.hero-description{font-size:15px;margin-bottom:22px}.hero-footnote{display:none}.actions .button{font-size:12px;min-height:46px;padding:13px 18px}.hero-work{padding:22px 21px 19px;border-radius:5px}.hero-work-top{margin-bottom:27px;font-size:7px}.hero-screen{border-width:5px}.screen-chrome{height:18px}.screen-chrome span{font-size:4px}.hero-work-bottom{margin:26px 0 15px}.hero-work-bottom h2{font-size:26px}.hero-project-link{width:38px;height:38px}.hero-project-tabs{justify-content:space-between;gap:4px;padding-top:12px}.hero-project-tabs button{font-size:9px;padding:8px 10px;min-height:40px}.client-proof{padding-top:22px;padding-bottom:24px}.client-proof>p{font-size:7px;margin-bottom:18px}.proof-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 22px}.proof-brands img{max-width:100%;height:33px}.proof-brands a:nth-child(2) img{height:45px}.proof-brands .wordmark{font-size:15px;line-height:1.1;text-align:center}.wordmark span{font-size:8px}.proof-brands>a{min-height:42px}.proof-brands>a:nth-child(n+4){display:none}.studio-services h2,.studio-work h2,.studio-cta h2{font-size:33px}.service-row{grid-template-columns:24px 1fr 24px;gap:14px;padding:20px 0}.service-row h3{font-size:24px}.service-row>p{grid-column:2;grid-row:2;max-width:none;font-size:12px;margin-top:0}.row-arrow{grid-column:3;grid-row:1;font-size:24px}.row-number{align-self:start;padding-top:5px}.service-row:hover{padding-left:0;padding-right:0}.selected-grid{grid-template-columns:1fr;gap:26px}.selected-cover{aspect-ratio:1.7;padding:36px 22px 22px}.selected-copy{padding-top:15px}.selected-copy h3{font-size:22px}.selected-copy p{font-size:10px}.work-footer{display:block;margin-top:25px;padding-top:20px}.work-footer>p{display:none}.work-footer .text-link{font-size:13px}.studio-about{display:block;padding-top:38px;padding-bottom:38px}.studio-about>.eyebrow{margin:0 0 19px}.studio-about h2{font-size:33px;margin-bottom:20px}.studio-about>div{max-width:none}.studio-about p:not(.eyebrow){font-size:13px;max-width:480px}.studio-about .text-link{font-size:12px}.studio-cta{display:block;padding-top:40px;padding-bottom:40px}.studio-cta>div:last-child{margin-top:24px}.studio-cta>div>p:not(.eyebrow){font-size:13px;margin-bottom:20px}.cta-email{font-size:10px}.studio-intro{padding-top:40px;padding-bottom:35px}.studio-intro h1{font-size:clamp(41px,11vw,66px);letter-spacing:-.05em}.studio-intro>p:not(.eyebrow){font-size:15px}.service-details{padding-top:0;padding-bottom:24px}.service-detail{grid-template-columns:1fr;gap:25px;padding:32px 0}.service-detail:nth-child(even) .service-art{order:0}.service-art{padding:10px}.service-detail h2{font-size:33px}.service-detail p:not(.eyebrow){font-size:14px}.service-detail .eyebrow{font-size:8px}.capability-list{margin:20px 0}.studio-campaigns h2{font-size:32px}.campaign-shelf{grid-template-columns:1fr;gap:25px}.campaign-single{grid-template-columns:1fr}.campaign-shelf figcaption{font-size:8px}.sector-card{display:block}.sector-visual{padding:30px 18px;min-height:0}.sector-card>div:last-child{padding:24px}.sector-card h2{font-size:29px}.method-list{padding-top:5px;padding-bottom:20px}.method-list article{grid-template-columns:26px 1fr;gap:12px 18px;padding:26px 0}.method-list article>div{grid-column:2}.method-list h2{font-size:30px}.method-list p{font-size:13px}.method-number{font-size:10px}.method-tags{font-size:8px}.faq{grid-template-columns:1fr;gap:23px;padding-top:26px}.faq h2{font-size:33px}.faq summary{font-size:14px}.faq details p{font-size:13px}.about-story{grid-template-columns:1fr;gap:27px}.about-symbol{max-width:400px;width:100%;justify-self:center}.about-symbol img{width:75%}.about-story h2{font-size:34px}.about-story p:not(.eyebrow){font-size:14px}.team-section .section-heading h2{font-size:32px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.team-copy{padding:17px 12px}.team-copy h3{font-size:16px;line-height:1.3;overflow-wrap:anywhere}.team-copy>.team-role{font-size:9px}.team-index{width:26px;height:26px;font-size:9px;left:11px;bottom:11px}.team-portrait{aspect-ratio:4/5}.work-grid{grid-template-columns:1fr;gap:24px}.work-copy{padding:22px}.work-copy h3{font-size:25px}.work-filters{gap:7px}.work-filters button{font-size:10px;padding:10px 12px}.work-count{font-size:10px;margin-top:18px}.portfolio{padding-top:28px}.project-intro{padding-top:32px;padding-bottom:30px}.project-intro h1{font-size:clamp(36px,10vw,55px);line-height:1.15;margin:17px 0}.project-summary{font-size:15px}.project-intro .work-tags span{font-size:9px;padding:6px 8px}.project-gallery{padding-top:30px;padding-bottom:30px}.gallery-heading{display:block;margin-bottom:23px}.gallery-heading h2{font-size:29px}.gallery-heading p{font-size:12px;margin:15px 0 0}.screen-grid{grid-template-columns:1fr;gap:20px}.screen-grid figcaption{font-size:11px;padding:12px 2px}.screen-grid figure:first-child{grid-column:auto}.screen-grid .browser-bar span{font-size:8px}.page-cta{display:block;padding-top:38px;padding-bottom:38px}.page-cta h2{font-size:33px}.page-cta .button{margin-top:25px}.screen-dialog{padding:12px;width:calc(100% - 20px);max-width:calc(100% - 20px)}.viewer-toolbar{align-items:flex-start;gap:10px}.viewer-toolbar p{font-size:11px}.screen-dialog button{font-size:11px;padding:10px 12px}.viewer-controls{font-size:11px;gap:8px}.contact{padding-top:35px;gap:35px}.contact h2{font-size:33px}.contact form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.contact-details>a,.contact-details>div{font-size:14px}.contact .whatsapp-link{font-size:14px}.site-footer{padding:30px 6% 25px}.footer-top{display:block}.footer-links{margin-top:24px;gap:9px;font-size:11px}.footer-bottom{flex-direction:column;gap:10px;margin-top:24px;font-size:8px;padding-top:18px}.footer-bottom>a{padding-right:60px}.whatsapp-float{width:52px;height:52px;right:14px;bottom:calc(16px + env(safe-area-inset-bottom))}.whatsapp-float>svg{width:35px;height:35px}}
@media(max-width:380px){.hero-project-tabs button{font-size:8px;padding:8px 6px}.hero-work{padding:20px 17px 16px}.hero-copy h1{font-size:62px}.brand{font-size:21px}.brand img{width:37px;height:37px}.team-grid{grid-template-columns:1fr}.team-copy{padding:22px}.team-copy h3{font-size:22px}.team-copy>.team-role{font-size:11px}.hero-copy .eyebrow{font-size:7px}.hero-description br{display:none}}
@media(max-height:500px) and (max-width:1050px){.site-header{padding-top:8px;padding-bottom:8px}.site-header nav{max-height:calc(100dvh - 70px)}}
@media(hover:none){.hero-screen,.selected-cover img,.selected-cover:hover img{transform:none}.work-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-screen,.selected-cover img{transform:none}}
.more-projects{margin-top:32px}.more-projects[hidden]{display:none}
.studio-reveal.in-view{animation-fill-mode:none}
.studio-tech{padding-top:28px;padding-bottom:28px;border-top:1px solid var(--line)}.studio-tech>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:20px;cursor:pointer;list-style:none;font-family:Manrope,sans-serif;letter-spacing:-.03em}.studio-tech>summary::-webkit-details-marker{display:none}.studio-tech>summary>span:last-child{font-size:28px;color:var(--blue)}.studio-tech[open]>summary>span:last-child{transform:rotate(45deg)}.studio-tech .technology-section{margin-top:25px;border:0;background:#f0f3f8;padding-top:32px;padding-bottom:28px}.studio-tech .tech-heading{padding-left:24px;padding-right:24px}.studio-tech .tech-heading h2{font-size:28px}.studio-tech .tech-heading-copy p{font-size:12px}
@media(max-width:650px){.hero-screen{transform:none}.campaign-shelf{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:#a5b7d6 transparent}.campaign-single{grid-auto-columns:100%}.campaign-shelf figure{scroll-snap-align:start}.campaign-image{border-radius:5px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.team-copy{padding:16px 11px}.team-copy h3{font-size:15px}.team-copy>.team-role{font-size:9px}}