@font-face{font-family:Manrope;src:url('assets/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--paper:#f5f4ef;--ink:#171a20;--blue:#2448ff;--muted:#565950}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%;height:auto}.wrap{width:calc(100% - 96px);max-width:1248px;margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;z-index:5;background:var(--ink);color:var(--paper);padding:15px}.skip:focus{top:10px}
.navigation{display:flex;align-items:center;justify-content:space-between;padding-block:29px}.brand img{width:184px}.navigation nav{display:flex;gap:32px;font-size:15px;font-weight:600}.navigation nav a{text-decoration:none;padding-block:9px}.navigation nav a:hover{color:var(--blue)}
.opening{display:grid;grid-template-columns:2fr 1fr;gap:48px;align-items:end;padding-block:68px 80px}h1{font-size:clamp(54px,5.6vw,80px);font-weight:550;letter-spacing:-.062em;line-height:1.08;margin:0}.intro{padding-bottom:3px}.intro p{font-size:18px;line-height:1.7;margin:0 0 25px}.intro a{color:var(--blue);font-size:15px;font-weight:600}
h2{font-size:clamp(40px,4.2vw,60px);font-weight:550;line-height:1.08;letter-spacing:-.055em;margin:0}.project-heading{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px;margin-bottom:27px}.project-heading h2{color:var(--blue)}.project-heading p{font-size:25px;line-height:1.3;letter-spacing:-.025em;margin:0}.demo-link{font-size:15px;font-weight:600;padding-block:5px;display:inline-block}
.sequence{display:flex;gap:25px;margin-bottom:19px;flex-wrap:wrap}.sequence button{border:0;border-bottom:2px solid transparent;background:none;padding:9px 0;font-size:15px;line-height:1.3;transition:color 160ms,border-color 160ms}.sequence button[aria-pressed=true]{border-color:var(--ink);font-weight:700}.sequence button:hover{color:var(--blue)}.fitops .sequence{justify-content:flex-end}.fitops-media{background:#e9d9bf;display:grid;grid-template-columns: .37fr 1fr;gap:30px;align-items:center;padding:40px}.landing{width:100%;align-self:center}.capture{display:block;width:100%;background:none;border:0;padding:0;cursor:zoom-in;min-width:0}.capture img{width:100%}.workflow-image{transition:opacity 150ms}.capture-footer{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:14px}.capture-footer p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.zoom{background:none;border:0;padding:6px 0;font-size:13px;text-decoration:underline;text-underline-offset:4px;flex-shrink:0}.case{margin-top:22px}.case summary{font-size:15px;cursor:pointer;width:fit-content;padding:8px 0}.case-content{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:26px 0 6px}.case h3{font-size:21px;font-weight:600;margin:0 0 12px;letter-spacing:-.03em}.case p{font-size:16px;line-height:1.75;margin:0}
.aarc{margin-top:118px;display:grid;grid-template-columns: .68fr 1fr;gap:0 64px;align-items:center}.aarc-copy{padding-bottom:45px}.aarc-copy h2{font-size:48px;margin-bottom:28px}.project-statement{font-size:27px;line-height:1.35;letter-spacing:-.03em;margin:0 0 20px}.aarc-copy>p:not(.project-statement){max-width:300px;font-size:16px;line-height:1.75;margin:0 0 24px}.aarc-media{background:#e2e5e9;padding:22px}.aarc .case{grid-column:1/-1}.aarc .sequence{margin-bottom:12px}
.services{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:130px}.services h2{font-size:48px}.service-list{display:grid;gap:30px}.service-list h3{font-size:24px;letter-spacing:-.035em;font-weight:550;margin:0 0 10px}.service-list p{font-size:17px;line-height:1.7;max-width:410px;margin:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:56px 85px}.contact h2{font-size:48px;color:var(--blue)}.contact p{font-size:17px;line-height:1.7;margin:0 0 18px}.contact-link{font-size:28px;letter-spacing:-.04em;font-weight:600}.contact .signature{font-size:13px;color:var(--muted);margin-top:42px}
.image-dialog{max-width:calc(100vw - 40px);width:1400px;max-height:calc(100dvh - 40px);padding:0;border:0;background:var(--paper);color:var(--ink)}.image-dialog::backdrop{background:#171a20b8}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;gap:25px}.dialog-toolbar p{margin:0;font-size:15px}.close-dialog{background:var(--ink);color:var(--paper);border:0;padding:10px 18px;font-size:15px}.image-scroll{overflow:auto;max-height:calc(100dvh - 116px)}.image-scroll img{width:100%;min-width:960px;max-width:none}
@media(min-width:1500px){.opening{padding-top:84px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.opening{grid-template-columns:1.6fr 1fr;gap:35px;padding-block:50px 65px}h1{font-size:60px}.intro p{font-size:16px}.project-heading p{font-size:22px}.fitops-media{padding:25px;gap:20px}.aarc{gap:0 35px}.aarc-copy h2{font-size:40px}.project-statement{font-size:23px}.services,.contact{gap:50px}.services h2,.contact h2{font-size:40px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.navigation{padding-block:20px}.brand img{width:148px}.navigation nav{gap:18px;font-size:13px}.navigation nav a:nth-child(2){display:none}.opening{grid-template-columns:1fr;gap:27px;padding-block:45px 59px}h1{font-size:clamp(40px,10vw,65px);line-height:1.09}.intro p{font-size:16px;margin-bottom:17px}.intro a{font-size:14px}.project-heading{grid-template-columns:1fr auto;gap:16px;margin-bottom:20px}.project-heading h2{font-size:43px}.project-heading p{font-size:18px;grid-row:2;grid-column:1/-1}.project-heading p br{display:none}.demo-link{font-size:13px}.fitops .sequence{justify-content:flex-start}.sequence{gap:19px;margin-bottom:14px}.sequence button{font-size:13px;padding-block:10px}.fitops-media{padding:14px;display:block}.landing{display:none}.capture-footer{gap:12px;align-items:start;margin-top:12px}.capture-footer p{font-size:12px;max-width:185px}.zoom{font-size:12px;padding:0;line-height:1.6}.case{margin-top:18px}.case summary{font-size:14px}.case-content{grid-template-columns:1fr;gap:23px;padding-top:20px}.case h3{font-size:21px}.case p{font-size:15px}.aarc{grid-template-columns:1fr;margin-top:76px;gap:26px}.aarc-copy{padding:0}.aarc-copy h2{font-size:39px;margin-bottom:20px}.project-statement{font-size:24px;margin-bottom:15px}.aarc-copy>p:not(.project-statement){font-size:15px;margin-bottom:16px;max-width:340px}.aarc-media{padding:14px}.aarc .case{margin-top:-10px}.services{grid-template-columns:1fr;gap:32px;padding-block:83px 68px}.services h2,.contact h2{font-size:37px}.service-list{gap:25px}.service-list h3{font-size:23px}.service-list p{font-size:16px}.contact{grid-template-columns:1fr;gap:27px;padding-block:25px 45px}.contact p{font-size:16px}.contact-link{font-size:26px}.contact .signature{margin-top:35px;font-size:12px}.image-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.dialog-toolbar{padding:12px 14px}.dialog-toolbar p{font-size:13px}.image-scroll{max-height:calc(100dvh - 92px)}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand img{width:135px}.navigation nav{gap:13px;font-size:12px}.sequence{gap:14px}.sequence button{font-size:12px}.project-heading{gap:12px}.project-heading h2{font-size:39px}.demo-link{font-size:12px}.capture-footer p{max-width:145px}.zoom{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.capture picture{display:block}.image-scroll img.mobile-capture{min-width:0;max-width:100%;width:390px;margin-inline:auto}
@media(max-width:700px){.fitops .capture img{aspect-ratio:390/844;object-fit:contain}}

/* V4: the campaign reel leads; quieter reading sections follow. */
.navigation{padding-block:21px}.opening{grid-template-columns:2fr 1fr;padding-block:27px 35px;gap:40px;align-items:end}.opening h1{font-size:clamp(36px,3.7vw,54px);line-height:1.12;font-weight:550;letter-spacing:-.055em}.intro-copy{margin:0 0 3px;font-size:18px;line-height:1.65}.hero-reel{width:calc(100% - 64px);max-width:1760px;margin:0 auto 100px}.hero-reel video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#d9ed9b}.hero-reel figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:8px;font-size:14px}.hero-reel figcaption a{text-decoration:none;padding-block:12px}.hero-reel figcaption a:hover{text-decoration:underline}.hero-reel button{border:0;background:none;padding:12px 0;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.hero-reel button:disabled{text-decoration:none;cursor:default}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.opening h1{font-size:43px}.opening{padding-block:22px 32px}.intro-copy{font-size:16px}.hero-reel{margin-bottom:75px}}
@media(max-width:700px){.navigation{padding-block:18px}.opening{grid-template-columns:1fr;gap:20px;padding-block:25px 27px}.opening h1{font-size:clamp(32px,8.2vw,46px)}.intro-copy{font-size:15px;line-height:1.6}.intro-copy br{display:none}.hero-reel{width:calc(100% - 40px);margin-bottom:61px}.hero-reel video{aspect-ratio:3/4}.hero-reel figcaption{font-size:12px;gap:12px}.hero-reel button{font-size:12px;flex-shrink:0}}
@media(max-width:360px){.hero-reel{width:calc(100% - 32px)}.hero-reel figcaption{font-size:11px}.hero-reel button{font-size:11px}.opening h1{font-size:31px}}

.fitops-media{grid-template-columns:1fr;background:#e6e5db}

@media(max-width:700px){.hero-reel figcaption,.hero-reel button{font-size:13px}}
/* V5: finish the main landing while preserving the accepted reel. */
[hidden]{display:none!important}
.navigation{position:relative}.menu-toggle{display:none;border:0;background:none;padding:10px 0 10px 18px;min-height:44px;font-size:16px}
.services{padding-block:130px 100px;gap:90px}.services h2{font-size:50px}.service-list{gap:35px}.service-list h3{font-size:28px;line-height:1.2;font-weight:550;margin-bottom:12px}.service-list p{max-width:470px;font-size:17px}
.process{padding-block:60px 110px}.process-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.process-heading h2{font-size:48px}.process-heading>p{max-width:330px;margin:0;font-size:18px;line-height:1.7}.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;list-style:none;padding:0;margin:55px 0 0}.process-steps h3{font-size:24px;line-height:1.3;font-weight:550;letter-spacing:-.035em;margin:0 0 15px}.process-steps p{font-size:16px;line-height:1.75;margin:0;max-width:350px}
.contact{padding-block:66px 80px;gap:90px}.contact-copy>p:first-child{max-width:360px;font-size:18px}.contact-link{display:inline-block;line-height:1.35;font-size:25px;padding-block:7px}.contact .signature{font-size:14px;line-height:1.7;margin-top:39px}.contact h2{font-size:48px}
.sequence button,.zoom,.case summary,.demo-link{min-height:44px}.capture-footer .zoom{padding-block:8px}.demo-link{display:inline-flex;align-items:center}
@media(max-width:1000px){.navigation nav{gap:23px;font-size:14px}.services,.process-heading,.contact{gap:45px}.services h2,.process-heading h2,.contact h2{font-size:42px}.process-steps{gap:28px}.process-steps h3{font-size:22px}.contact-link{font-size:23px}}
@media(max-width:700px){.menu-toggle{display:block}.navigation nav{position:absolute;left:0;right:0;top:100%;z-index:5;display:flex;flex-direction:column;gap:0;padding:10px 0 20px;background:var(--paper);font-size:20px}.navigation nav a{padding:12px 4px;min-height:48px}.navigation nav a:nth-child(2){display:block}.navigation{padding-block:14px}.services{padding-block:83px 62px;gap:32px}.services h2{font-size:37px}.service-list{gap:30px}.service-list h3{font-size:25px}.service-list p{font-size:16px;max-width:420px}.process{padding-block:30px 64px}.process-heading{grid-template-columns:1fr;gap:23px}.process-heading h2{font-size:37px}.process-heading>p{font-size:16px;max-width:350px}.process-steps{grid-template-columns:1fr;gap:29px;margin-top:34px}.process-steps h3{font-size:23px;margin-bottom:10px}.process-steps p{font-size:16px;max-width:420px}.contact{padding-block:31px 49px;gap:26px}.contact h2{font-size:37px}.contact-copy>p:first-child{font-size:16px;max-width:340px}.contact-link{font-size:23px}.contact .signature{font-size:13px;margin-top:29px}.sequence button,.demo-link,.case summary{font-size:14px}.zoom,.capture-footer p{font-size:13px}.sequence{gap:18px}.capture-footer{align-items:center}.capture-footer p{max-width:195px}}
@media(max-width:360px){.sequence{gap:13px}.sequence button{font-size:13px}.capture-footer p{max-width:154px}.zoom{font-size:12px}.services h2,.process-heading h2,.contact h2{font-size:34px}.contact-link{font-size:21px}}
/* V6: agency-led visual content; project detail is opt-in. */
.hero-reel{margin-bottom:86px}
.studio{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;align-items:center;margin-bottom:110px}.studio h2{font-size:60px;line-height:1.05}.studio p{font-size:18px;line-height:1.7;max-width:330px;margin:27px 0 0}.studio>img{width:100%;aspect-ratio:3/2;object-fit:cover}
.capabilities{padding-block:15px 95px}.capabilities>h2{font-size:54px;margin-bottom:42px}.capability-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:85px;align-items:center}.service-art img{display:block;width:100%;height:auto;aspect-ratio:1000/760;object-fit:contain}.service-options details+details{margin-top:29px}.service-options summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;font-size:28px;line-height:1.25;font-weight:550;letter-spacing:-.04em;min-height:48px;padding-block:8px}.service-options summary::-webkit-details-marker{display:none}.service-options summary::after{content:'+';font-size:27px;line-height:1;font-weight:400;letter-spacing:0}.service-options details[open] summary::after{content:'−'}.service-options details[open] summary{color:var(--blue)}.service-options p{font-size:17px;line-height:1.75;margin:14px 0 0;max-width:390px}
.work-gallery{padding-block:23px 60px}.work-gallery>h2{font-size:42px;margin-bottom:30px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.project-teaser{display:block;width:100%;text-align:left;border:0;padding:0;background:none;color:var(--ink);cursor:pointer}.project-teaser>img{width:100%;height:240px;object-fit:cover;object-position:top;transition:filter 160ms}.project-teaser:hover>img{filter:brightness(.96)}.project-teaser:first-child>img{background:#d2d5cb}.project-teaser:last-child>img{background:#e2e5e9}.teaser-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:17px}.teaser-title strong{font-size:29px;line-height:1.2;font-weight:550;letter-spacing:-.045em}.teaser-title>span{font-size:14px;text-decoration:underline;text-underline-offset:4px}.teaser-description{display:block;font-size:15px;line-height:1.6;margin-top:8px;color:var(--muted)}
.project-dialog{width:1120px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);padding:0;border:0;background:var(--paper);color:var(--ink);overflow:auto}.project-dialog::backdrop{background:#171a20b8}.project-toolbar{position:sticky;top:0;z-index:3;display:flex;justify-content:flex-end;padding:13px 24px;background:var(--paper)}.project-toolbar button{border:0;background:var(--ink);color:var(--paper);font-size:15px;padding:12px 18px;min-height:44px}.project-dialog-body{padding:13px 36px 39px}.project-dialog .modal-project{width:100%;margin:0}.project-dialog .aarc{display:block}.project-dialog .aarc-copy{padding:0;margin-bottom:28px}.project-dialog .project-heading{gap:24px}.project-dialog .project-heading h2{font-size:52px}.project-dialog .project-heading p{font-size:21px}.project-dialog .fitops-media{padding:24px}.project-dialog .case{margin-top:29px}.project-dialog .case-content{padding-top:0;gap:30px}.project-dialog .case h3{font-size:22px}.project-dialog .case p{font-size:16px}
@media(max-width:1000px){.studio{gap:38px;grid-template-columns:.8fr 1.2fr}.studio h2{font-size:46px}.studio p{font-size:16px}.capability-layout{gap:40px;grid-template-columns:1.1fr .9fr}.capabilities>h2{font-size:44px}.service-options summary{font-size:24px}.service-options p{font-size:16px}.project-teaser>img{height:auto;aspect-ratio:16/9}.project-dialog .project-heading{grid-template-columns:1fr 1fr}.project-dialog .project-heading .demo-link{grid-column:2}.project-dialog .case-content{gap:24px}}
@media(max-width:700px){.hero-reel{margin-bottom:65px}.studio{grid-template-columns:1fr;gap:29px;margin-bottom:70px}.studio h2{font-size:42px}.studio p{font-size:16px;max-width:380px;margin-top:20px}.capabilities{padding-block:0 62px}.capabilities>h2{font-size:37px;margin-bottom:27px}.capability-layout{grid-template-columns:1fr;gap:27px}.service-options details+details{margin-top:18px}.service-options summary{font-size:25px}.service-options p{font-size:16px;margin-top:11px}.work-gallery{padding-block:12px 38px}.work-gallery>h2{font-size:34px;margin-bottom:25px}.project-grid{grid-template-columns:1fr;gap:29px}.project-teaser>img{height:auto;aspect-ratio:16/9}.teaser-title{margin-top:13px}.teaser-title strong{font-size:27px}.teaser-title>span{font-size:14px}.teaser-description{font-size:14px;margin-top:6px}.project-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.project-toolbar{padding:11px 15px}.project-dialog-body{padding:8px 18px 29px}.project-dialog .project-heading{display:block}.project-dialog .project-heading h2{font-size:43px}.project-dialog .project-heading p{font-size:19px;margin-top:15px}.project-dialog .project-heading .demo-link{margin-top:10px}.project-dialog .fitops-media{padding:10px}.project-dialog .case-content{grid-template-columns:1fr;gap:24px}.project-dialog .case p{font-size:15px}.project-dialog .capture-footer p{max-width:155px}.project-dialog .sequence{gap:13px}.project-dialog .sequence button{font-size:12px}.project-dialog .zoom{font-size:12px}.project-dialog .aarc-copy h2{font-size:39px}}
@media(max-width:360px){.studio h2{font-size:38px}.capabilities>h2{font-size:34px}.service-options summary{font-size:23px}.project-dialog-body{padding-inline:12px}.project-dialog .sequence{gap:10px}.project-dialog .sequence button{font-size:11px}.project-dialog .capture-footer p{max-width:125px;font-size:12px}.project-dialog .zoom{font-size:11px}}

/* V16: direct WhatsApp contact in the opening and a persistent, accessible shortcut. */
.whatsapp-cta{display:inline-flex;align-items:center;gap:11px;margin-top:25px;padding:14px 19px;background:#25d366;color:#073b20;text-decoration:none;font-size:16px;font-weight:650;line-height:1.35;border-radius:3px;box-shadow:0 3px 12px #171a2018;transition:background-color .2s ease,box-shadow .25s ease,transform .25s cubic-bezier(.2,.8,.2,1)}
.opening-copy{z-index:2}
.whatsapp-cta svg{width:24px;height:24px;flex:none;fill:currentColor;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.whatsapp-cta:is(:hover,:focus-visible){background:#107c41;color:#fff;box-shadow:0 8px 22px #25d36650;transform:translateY(-2px)}
.whatsapp-cta:is(:hover,:focus-visible) svg{transform:scale(1.08) rotate(-5deg)}
.whatsapp-float{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:15;display:grid;place-items:center;width:58px;height:58px;background:#25d366;color:#073b20;border-radius:50%;box-shadow:0 3px 14px #171a2030;transition:background-color .2s ease,box-shadow .25s ease,transform .25s cubic-bezier(.2,.8,.2,1)}
.whatsapp-float::before{content:"";position:absolute;inset:-4px;border:2px solid #d9ed9b;border-radius:inherit;opacity:0;transform:scale(.82);transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.whatsapp-float svg{width:31px;height:31px;fill:currentColor;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.whatsapp-float:hover,.whatsapp-float:focus-visible{background:#107c41;color:#fff;box-shadow:0 7px 22px #25d36666;transform:translateY(-3px) scale(1.04)}
.whatsapp-float:hover::before,.whatsapp-float:focus-visible::before{opacity:1;transform:scale(1)}
.whatsapp-float:hover svg,.whatsapp-float:focus-visible svg{transform:scale(1.08) rotate(-5deg)}
.whatsapp-cta:focus-visible,.whatsapp-float:focus-visible{outline:3px solid #107c41;outline-offset:5px}
@media(max-width:700px){.whatsapp-cta{margin-top:22px;font-size:15px}.whatsapp-float{width:54px;height:54px;right:17px;bottom:calc(18px + env(safe-area-inset-bottom,0px))}.whatsapp-float svg{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.whatsapp-cta,.whatsapp-cta svg,.whatsapp-float,.whatsapp-float::before,.whatsapp-float svg{transition:none}.whatsapp-cta:is(:hover,:focus-visible),.whatsapp-float:hover,.whatsapp-float:focus-visible{transform:none}.whatsapp-cta:is(:hover,:focus-visible) svg,.whatsapp-float:hover svg,.whatsapp-float:focus-visible svg{transform:none}}

.project-dialog .case-intro{font-size:16px;line-height:1.7;max-width:670px;margin:0 0 25px}.project-dialog .capture-footer{justify-content:flex-end}.project-dialog .case-content p{max-width:none}

/* V7: clearer offer, distinct service examples, connected reading rhythm. */
.intro-copy span{display:block}
.studio{margin-bottom:78px}
.capabilities{padding-bottom:64px}
.capabilities>h2{margin-bottom:34px}
.capability-layout{grid-template-columns:1.2fr .8fr;gap:64px}
.service-art{min-width:0;margin:0}
.service-art picture{display:block}
.service-art img{aspect-ratio:4/3}
.service-art figcaption{font-size:14px;line-height:1.6;color:var(--muted);margin-top:12px}
.work-gallery{padding-bottom:38px}
.process{padding-block:48px 78px}
.contact{padding-top:48px}
@media(max-width:1000px){.intro-copy{font-size:16px}.capability-layout{grid-template-columns:1.1fr .9fr;gap:36px}.studio{margin-bottom:66px}.capabilities{padding-bottom:50px}}
@media(max-width:700px){.intro-copy{font-size:15px}.studio{margin-bottom:48px}.capabilities{padding-bottom:40px}.capabilities>h2{margin-bottom:25px}.capability-layout{grid-template-columns:1fr;gap:23px}.service-art figcaption{font-size:13px;margin-top:10px}.work-gallery{padding-block:12px 28px}.process{padding-block:25px 48px}.contact{padding-top:25px}}
@media(max-width:700px){.service-art-vertical img{aspect-ratio:2/3}}

/* V8: concrete scope is visible only inside the selected service. */
.capability-layout{align-items:start}
.service-scope{margin:17px 0 0;max-width:420px;font-size:16px;line-height:1.65}
.service-scope>div+div{margin-top:17px}
.service-scope dt{font-weight:650;margin-bottom:4px}
.service-scope dd{margin:0}
.service-options .service-proposal{font-size:14px;line-height:1.65;color:var(--muted);max-width:420px;margin:26px 0 0}
@media(max-width:700px){.service-scope{margin-top:14px}.service-scope>div+div{margin-top:15px}.service-options .service-proposal{margin-top:22px}}

/* V9: the approved agency opening, with optional real-time TU geometry. */
:root{--settle:cubic-bezier(.16,1,.3,1)}
.wrap{width:calc(100% - 144px);max-width:1550px}
.navigation{height:96px;padding-block:0}.navigation .brand img{width:174px}.navigation nav{font-size:17px;gap:30px}
.opening{height:calc(82svh - 96px);min-height:620px;max-height:950px;display:flex;align-items:center;position:relative;padding-block:0;gap:0}
.opening-copy{position:relative;z-index:1;transform:translateY(-28px)}
.opening h1{font-size:clamp(60px,5.4vw,100px);line-height:1.06;letter-spacing:-.057em;font-weight:500;max-width:1000px}
.title-line{display:block}.opening .intro-copy{font-size:18px;line-height:1.65;margin:30px 0 0;letter-spacing:-.02em}
.tu-stage{position:absolute;width:55vw;max-width:850px;right:-60px;top:50%;transform:translateY(-55%);pointer-events:none;aspect-ratio:1}
.tu-poster,.tu-canvas{display:block;width:100%;height:auto;aspect-ratio:1;filter:drop-shadow(12px 24px 24px #171a2018);transition:opacity .35s}
.tu-canvas{position:absolute;inset:0;opacity:0}.tu-stage.is-live .tu-canvas{opacity:1}.tu-stage.is-live .tu-poster{opacity:0}
.hero-reel{width:100%;max-width:none;margin:0 0 100px}
.reel-frame{width:90%;max-width:1720px;margin-inline:auto;transform:scale(var(--reel-scale,1));transform-origin:center bottom;will-change:transform}
.hero-reel figcaption{width:90%;max-width:1720px;margin:18px auto 0;gap:24px;font-size:14px}
.hero-reel .reel-case{padding:12px 0;text-align:left;text-decoration:none;line-height:1.5;min-width:0}.reel-case span{text-decoration:underline;text-underline-offset:4px}.hero-reel .reel-case:hover{color:var(--blue)}
#reel-toggle{flex-shrink:0}
.hero-reel .reel-case{flex:1 1 auto}
@media(min-width:701px) and (max-width:1100px){.wrap{width:calc(100% - 80px)}.navigation nav{font-size:14px;gap:20px}.opening{height:auto;min-height:0;display:block;padding-top:75px}.opening h1{font-size:61px}.opening-copy{transform:none}.opening .intro-copy{font-size:17px}.tu-stage{position:relative;width:400px;max-width:60%;right:auto;top:auto;transform:none;margin:0 0 0 auto}}
@media(max-width:700px){.wrap{width:calc(100% - 44px)}.navigation{height:82px;padding-block:0}.navigation .brand img{width:146px}.opening{min-height:0;max-height:none;height:auto;display:block;padding-block:43px 0}.opening-copy{transform:none}.opening h1{font-size:clamp(34px,9.3vw,49px);line-height:1.09;letter-spacing:-.055em}.title-line{display:inline}.opening .intro-copy{font-size:15px;line-height:1.6;margin-top:24px}.tu-stage{position:relative;width:280px;max-width:85%;right:auto;top:auto;transform:none;margin:-5px -2px -5px auto}.hero-reel{width:100%;margin-bottom:65px}.reel-frame{width:calc(100% - 28px);transform:none}.hero-reel video{aspect-ratio:3/4}.hero-reel figcaption{width:calc(100% - 44px);gap:18px;margin-top:9px;font-size:13px}.hero-reel button{font-size:13px}.hero-reel .reel-case{max-width:220px}}
@media(prefers-reduced-motion:no-preference){.brand,.navigation nav a,.opening h1 .title-line,.opening .intro-copy{animation:opening-arrive 1.2s var(--settle) both}.brand{animation-duration:.7s}.navigation nav a:nth-child(1){animation-delay:30ms}.navigation nav a:nth-child(2){animation-delay:70ms}.navigation nav a:nth-child(3){animation-delay:110ms}.navigation nav a:nth-child(4){animation-delay:150ms}.opening h1 .title-line{animation-delay:.12s}.opening h1 .title-line:nth-child(2){animation-delay:.16s}.opening .intro-copy{animation-delay:.25s}.tu-stage{animation:tu-arrive 1.4s var(--settle) .4s both}}
@keyframes opening-arrive{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@keyframes tu-arrive{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.reel-frame{transform:none!important}.tu-canvas{display:none}.tu-stage .tu-poster{opacity:1!important}}

/* V10: original service scenes and compact, layered project previews. */
@font-face{font-family:CampaignSans;src:url('assets/campaign/mona-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
.capabilities{padding-top:20px;padding-bottom:80px}
.capabilities>h2{font-size:clamp(42px,4vw,62px);margin-bottom:44px}
.capability-layout{grid-template-columns:minmax(0,1.35fr) minmax(310px,.8fr);gap:72px;align-items:start}
.service-stage{container-type:inline-size;position:relative;aspect-ratio:1.24;background:#dddcd0;overflow:hidden;transition:background-color .45s;isolation:isolate}
.service-stage[data-service=campaign]{background:#d3d9ca}.service-stage[data-service=application]{background:#dce1e2}
.service-scene{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .35s,visibility .35s}
.service-scene[data-active=true]{opacity:1;visibility:visible}
.service-scene [data-layer]{position:absolute;box-shadow:0 1.8cqw 3.8cqw -1.5cqw #171a2040}
.patio-web{left:6%;top:13%;width:85%;padding:4%;background:#f9f6ee;transform:rotate(-4deg)}
.patio-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5%}
.patio-header strong{font-size:3.8cqw;font-weight:650;letter-spacing:-.08em}.patio-header span{font-size:1.22cqw}
.patio-content{display:grid;grid-template-columns:1fr 1.03fr;gap:3%;align-items:center}
.patio-content>img{width:100%;height:100%;aspect-ratio:.95;object-fit:cover;object-position:51% center}
.patio-copy .patio-title{font-size:5.2cqw;line-height:1.03;letter-spacing:-.07em;margin:0 0 12%;font-weight:500}
.patio-copy>p:not(.patio-title){font-size:1.32cqw;line-height:1.6;margin:0 0 18%}
.patio-link{font-size:1.25cqw;line-height:1.3;font-weight:650;display:block}
.patio-phone{width:28%;right:5%;bottom:7%;border:.8cqw solid #282b24;border-radius:2.8cqw;background:#f9f6ee;padding:2%;transform:rotate(5deg);overflow:hidden}
.patio-phone-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16%}.patio-phone-header strong{font-size:3cqw;letter-spacing:-.07em}.patio-phone-header span{font-size:1.25cqw}
.patio-phone .patio-title{font-size:3.7cqw;line-height:1.06;letter-spacing:-.065em;margin:0 0 12%;font-weight:500}
.patio-phone img{width:100%;aspect-ratio:.92;object-fit:cover;object-position:55% center;margin-bottom:14%}
.patio-phone .patio-link{font-size:1.4cqw;margin-bottom:7%}
.campaign-print{left:7%;top:13%;width:56%;height:77%;background:#d9ed9b;transform:rotate(-5deg);font-family:CampaignSans,Arial,sans-serif;color:#20291f;overflow:hidden}
.campaign-photo{position:relative;height:58%;overflow:hidden}.campaign-photo img{width:100%;height:100%;object-fit:cover;object-position:center 37%}
.campaign-photo>span{position:absolute;top:8%;left:7%;font-size:1.8cqw;line-height:1.2;color:#fff;font-weight:650;text-shadow:0 1px 4px #17201480}
.campaign-copy{padding:6% 7%}.campaign-copy p{font-size:6.5cqw;line-height:.97;letter-spacing:-.065em;font-weight:550;margin:0 0 6%}.campaign-copy>span{font-size:1.65cqw}
.campaign-phone{width:33%;right:7%;top:8%;border:.85cqw solid #20291f;border-radius:3.2cqw;overflow:hidden;transform:rotate(6deg);background:#20291f}
.campaign-phone img{width:100%;height:auto;aspect-ratio:390/844;object-fit:cover;object-position:top}
.application-choice{left:6%;top:17%;width:44%;height:auto;aspect-ratio:328/221;transform:rotate(-5deg);background:#fff}
.application-confirmed{right:5%;top:31%;width:44%;height:auto;aspect-ratio:328/339;transform:rotate(4deg);background:#fff}
.service-art figcaption{margin-top:15px;max-width:570px;font-size:13px}
.service-options{padding-top:5px}.service-options summary{font-size:clamp(24px,2.2vw,33px);font-weight:500;min-height:54px;padding-block:5px}
.service-options details+details{margin-top:26px}.service-scope{font-size:15px;line-height:1.65;margin-top:18px;max-width:425px}.service-scope dt{font-size:14px;font-weight:650;margin-bottom:3px}.service-scope>div+div{margin-top:18px}
.service-options .service-proposal{font-size:13px;margin-top:25px}
.work-gallery{padding-block:10px 42px}.work-gallery>h2{font-size:42px;margin-bottom:30px}.project-grid{gap:32px;grid-template-columns:1fr 1fr}
.project-visual{display:block;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.86;container-type:inline-size}
.project-visual img,.project-visual svg{position:absolute;display:block;max-width:none;height:auto;box-shadow:0 1.5cqw 3.5cqw -1cqw #171a2040}
.project-fitops{background:#d2d8ca}.project-aarc{background:#dce2e6}
.project-fitops .project-screen{width:81%;left:6%;top:12%;transform:rotate(-4deg);transform-origin:center}
.project-phone{width:23%;right:6%;top:13%;border:.6cqw solid #20291f;border-radius:2cqw;transform:rotate(5deg);background:#20291f}
.project-aarc .project-screen{width:85%;left:5%;top:10%;transform:rotate(-3deg)}
.project-record{width:48%;right:4%;top:35%;transform:rotate(4deg);background:#eff3f6}
.teaser-title{margin-top:19px}.teaser-title strong{font-size:29px;font-weight:500}.teaser-description{font-size:14px;margin-top:7px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.project-visual img,.project-visual svg{transition:translate .5s var(--settle),rotate .5s var(--settle)}.project-teaser:is(:hover,:focus-visible) .project-screen{translate:0 -5px;rotate:1deg}.project-teaser:is(:hover,:focus-visible) .project-phone,.project-teaser:is(:hover,:focus-visible) .project-record{translate:0 -9px;rotate:-2deg}}
@media(min-width:701px) and (max-width:1100px){.capability-layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,1fr);gap:34px}.service-stage{aspect-ratio:.9}.patio-web{top:17%;width:87%;left:4%}.patio-phone{width:35%;bottom:13%}.campaign-print{top:19%;height:61%}.campaign-phone{top:22%;width:38%;right:5%}.application-choice{width:68%;left:7%;top:7%}.application-confirmed{width:48%;right:7%;top:50%}.project-visual{aspect-ratio:1.6}.project-phone{width:27%}.project-record{width:52%;top:37%}.service-scope{font-size:14px}.service-options details+details{margin-top:22px}}
@media(max-width:700px){.capabilities{padding-top:0;padding-bottom:44px}.capabilities>h2{font-size:37px;margin-bottom:27px}.capability-layout{grid-template-columns:1fr;gap:23px}.service-stage{aspect-ratio:.86}.patio-web{left:5%;top:17%;width:88%}.patio-phone{width:34%;bottom:9%;right:6%}.patio-phone-header strong{font-size:3.8cqw}.patio-phone-header span{font-size:1.65cqw}.patio-phone .patio-title{font-size:4.6cqw}.patio-phone .patio-link{font-size:1.8cqw}.patio-phone img{aspect-ratio:1.05}.campaign-print{width:59%;height:74%;top:14%;left:6%}.campaign-copy p{font-size:7cqw}.campaign-phone{width:37%;right:6%;top:12%}.application-choice{width:68%;left:7%;top:7%}.application-confirmed{width:48%;right:7%;top:50%}.service-art figcaption{font-size:12px;line-height:1.6;margin-top:13px}.service-options{padding-top:0}.service-options summary{font-size:26px;min-height:52px}.service-options details+details{margin-top:18px}.service-scope{font-size:15px;line-height:1.65;margin-top:15px}.service-scope dt{font-size:14px}.service-scope>div+div{margin-top:15px}.service-options .service-proposal{font-size:13px;margin-top:22px}.work-gallery{padding-block:8px 28px}.work-gallery>h2{font-size:34px;margin-bottom:24px}.project-grid{grid-template-columns:1fr;gap:30px}.project-visual{aspect-ratio:1.8}.teaser-title{margin-top:15px}.teaser-title strong{font-size:27px}.teaser-description{font-size:14px;margin-top:6px}.project-phone{width:25%}.project-record{width:51%}}
@media(max-width:360px){.capabilities>h2{font-size:34px}.service-options summary{font-size:24px}}
@media(max-width:700px){.service-options .service-art{margin:16px 0 22px}.service-options .service-art figcaption{max-width:none}}

/* V11: readable working stages and a distinct, useful closing invitation. */
.process{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:110px;padding-block:100px 120px}
.process-heading{display:block;align-self:start;position:sticky;top:64px}
.process-heading h2{font-size:clamp(44px,4.45vw,68px);line-height:1.05;font-weight:500;letter-spacing:-.06em}
.process-heading>p{max-width:330px;font-size:18px;line-height:1.7;margin:30px 0 0}
.process-steps{display:block;margin:0;padding:4px 0 0;list-style:none}
.process-steps li+li{margin-top:48px}
.process-steps h3{font-size:clamp(28px,2.8vw,40px);font-weight:500;letter-spacing:-.05em;line-height:1.15;margin:0 0 17px}
.process-steps p{font-size:17px;line-height:1.75;max-width:470px;margin:0}
.contact{display:block;background:var(--ink);color:var(--paper);padding:0;overflow:hidden}
.contact-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:100px;padding-block:104px 96px;min-height:480px}
.contact h2{color:var(--paper);font-size:clamp(70px,7.6vw,116px);line-height:1.02;font-weight:500;letter-spacing:-.065em;margin:0}
.contact-copy>p:first-child{font-size:19px;line-height:1.7;max-width:350px;margin:0 0 32px;color:#dedfd8}
.contact-link{display:inline-flex;align-items:center;justify-content:center;min-height:60px;background:var(--paper);color:var(--ink);font-size:18px;font-weight:650;line-height:1.35;letter-spacing:-.025em;text-decoration:none;padding:18px 24px;border-radius:4px}
.contact-link:hover{background:var(--blue);color:#fff}
.contact a:focus-visible{outline:3px solid var(--paper);outline-offset:6px}
.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:42px}
.contact .signature{font-size:16px;line-height:1.65;margin:0;color:var(--paper)}.signature strong{font-weight:500;display:block}.signature span{font-size:14px;color:#b9bdb8;display:block}
.back-to-top{display:inline-flex;align-items:center;font-size:14px;min-height:44px;line-height:1.5;text-decoration:underline;text-underline-offset:5px}
.back-to-top:hover{color:#c8d1ff}
@media(min-width:701px) and (max-width:1100px){.process{gap:50px;padding-block:75px 90px}.process-heading{top:40px}.process-heading>p{font-size:16px;margin-top:25px}.process-steps h3{font-size:30px}.process-steps p{font-size:16px}.process-steps li+li{margin-top:37px}.contact-main{gap:50px;padding-block:80px;grid-template-columns:1fr 1fr;min-height:410px}.contact h2{font-size:72px}.contact-copy>p:first-child{font-size:17px}.contact-link{font-size:17px;padding-inline:20px;min-height:56px}}
@media(max-width:700px){.process{grid-template-columns:1fr;gap:43px;padding-block:60px 72px}.process-heading{position:static}.process-heading h2{font-size:clamp(37px,10vw,48px);line-height:1.08}.process-heading>p{font-size:16px;max-width:330px;margin-top:24px}.process-steps{padding:0}.process-steps li+li{margin-top:33px}.process-steps h3{font-size:28px;line-height:1.18;margin-bottom:13px}.process-steps p{font-size:16px;line-height:1.75;max-width:430px}.contact-main{grid-template-columns:1fr;gap:34px;padding-block:62px 50px;min-height:0}.contact h2{font-size:clamp(50px,16vw,76px);line-height:1.02}.contact-copy>p:first-child{font-size:16px;line-height:1.75;max-width:350px;margin-bottom:26px}.contact-link{font-size:17px;min-height:56px;padding:16px 22px}.contact-bottom{align-items:start;gap:24px;padding-bottom:32px}.contact .signature{font-size:15px;line-height:1.65}.signature span{font-size:12px}.back-to-top{font-size:13px;min-height:44px}.contact a:focus-visible{outline-offset:4px}}
@media(max-width:360px){.process-steps h3{font-size:26px}.contact-bottom{flex-direction:column;gap:15px}.contact .signature{font-size:15px}.signature span{font-size:13px}}

/* Interaction motion follows native disclosure, focus and top-layer behavior. */
.service-options summary{transition:color .2s ease,translate .35s var(--settle)}
.service-options summary::after{content:'';flex:0 0 16px;width:16px;height:16px;background:linear-gradient(currentColor,currentColor) center/14px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 14px no-repeat;transition:background-size .3s var(--settle),rotate .4s var(--settle)}
.service-options details[open] summary::after{content:'';background-size:14px 1.5px,1.5px 0;rotate:180deg}
.project-teaser .teaser-title,.demo-link,.zoom,.sequence button,.navigation nav a,#reel-toggle{transition:color .2s ease,text-underline-offset .25s ease}
.project-toolbar button,.close-dialog,.contact-link{transition:background-color .2s ease,color .2s ease}
.capture{overflow:clip}
.capture .workflow-image{transition:scale .55s var(--settle),opacity .18s ease}
.project-teaser:focus-visible .teaser-title,.service-options summary:focus-visible,.zoom:focus-visible,.demo-link:focus-visible{color:var(--blue)}
@media(hover:hover) and (pointer:fine){
  .service-options summary:hover{color:var(--blue);translate:5px 0}
  .project-teaser:hover .teaser-title,.zoom:hover,.demo-link:hover,#reel-toggle:hover{color:var(--blue)}
  .project-toolbar button:hover,.close-dialog:hover{background:var(--blue)}
  .capture:hover .workflow-image{scale:1.012}
  .zoom:hover,.demo-link:hover{text-underline-offset:7px}
}
@supports (interpolate-size:allow-keywords){
  .service-options details::details-content{interpolate-size:allow-keywords;block-size:0;overflow:clip;opacity:0;transition:block-size .46s var(--settle),opacity .22s ease,content-visibility .46s allow-discrete}
  .service-options details[open]::details-content{block-size:auto;opacity:1}
}
@media(prefers-reduced-motion:no-preference){
  .project-dialog,.image-dialog{opacity:0;translate:0 20px;scale:.988;transition:opacity .24s ease,translate .38s var(--settle),scale .38s var(--settle),display .38s allow-discrete,overlay .38s allow-discrete}
  .project-dialog[open],.image-dialog[open]{opacity:1;translate:0 0;scale:1}
  .project-dialog::backdrop,.image-dialog::backdrop{background-color:transparent;transition:background-color .28s ease,display .38s allow-discrete,overlay .38s allow-discrete}
  .project-dialog[open]::backdrop,.image-dialog[open]::backdrop{background-color:#171a20b8}
  @starting-style{
    .project-dialog[open],.image-dialog[open]{opacity:0;translate:0 20px;scale:.988}
    .project-dialog[open]::backdrop,.image-dialog[open]::backdrop{background-color:transparent}
  }
  .brand{animation-duration:.8s}
  .navigation nav a{animation-duration:.9s}
  .opening h1 .title-line{animation-duration:1.05s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
  .opening .intro-copy{animation-duration:1.1s;animation-delay:.3s}
}
@media(prefers-reduced-motion:reduce){
  .service-options details::details-content{transition:none!important}
  .service-options summary{translate:none!important}
  .capture .workflow-image{scale:1!important}
  .project-visual img,.project-visual svg{translate:none!important;rotate:none!important}
}

/* V19: one primary contact path and space around the persistent shortcut. */
.contact-actions{display:grid;justify-items:start;gap:10px;margin-top:26px}
.contact .contact-copy>p:first-child{margin-bottom:0}
.contact .whatsapp-cta{margin-top:0;font-size:17px;min-height:54px}
.contact .whatsapp-cta:focus-visible{outline-color:var(--paper)}
.hero-reel figcaption{padding-inline-end:76px;flex-wrap:wrap;column-gap:20px;row-gap:0}
@media(min-width:701px) and (max-width:900px){.contact-main{gap:32px}.contact h2{font-size:clamp(50px,7.2vw,64px)}}
@media(max-width:700px){.contact-actions{margin-top:22px}.contact .whatsapp-cta{font-size:15px}.hero-reel figcaption{padding-inline-end:66px;column-gap:16px}}

/* V20: a full, direct-contact footer with useful navigation. */
.contact{background:#eeefea;color:var(--ink)}
.contact-main{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:start;gap:80px;padding-block:82px 110px;min-height:380px}
.contact h2{color:var(--ink);font-size:clamp(64px,7.5vw,108px);line-height:1.05;letter-spacing:-.065em}
.contact-number{display:inline-flex;align-items:center;gap:14px;max-width:100%;min-height:48px;margin-top:28px;font-size:clamp(24px,2.5vw,34px);font-weight:500;line-height:1.4;letter-spacing:-.025em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;transition:color .2s ease}
.contact-number svg{width:28px;height:28px;flex:none;fill:#107c41}
.contact-number:hover{color:#107c41}
.contact-navigation{display:grid;justify-items:start;align-content:start;gap:0;padding-top:9px}
.contact-navigation a{display:inline-flex;align-items:center;min-height:48px;font-size:24px;line-height:1.4;letter-spacing:-.025em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;transition:color .2s ease}
.contact-navigation a:hover,.contact .back-to-top:hover{color:var(--blue)}
.contact a:focus-visible{outline-color:var(--blue)}
.contact-bottom{align-items:center;padding-bottom:34px}
.contact .copyright{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
@media(min-width:701px) and (max-width:1000px){.contact-main{gap:40px;padding-block:66px 82px;min-height:330px}.contact h2{font-size:clamp(58px,8vw,80px)}.contact-number{font-size:27px;gap:12px}.contact-navigation a{font-size:22px}}
@media(max-width:700px){.contact-main{grid-template-columns:1fr;gap:48px;padding-block:52px 54px;min-height:0}.contact h2{font-size:clamp(54px,14vw,76px)}.contact-number{font-size:clamp(23px,6.3vw,29px);gap:11px;margin-top:20px}.contact-number svg{width:25px;height:25px}.contact-navigation{padding:0;grid-template-columns:1fr 1fr;gap:0 24px}.contact-navigation a{font-size:20px;min-height:48px}.contact-navigation a:last-child{grid-column:1/-1}.contact-bottom{gap:18px;padding-bottom:24px;flex-wrap:wrap}.contact .copyright{font-size:13px}}