/* QlikMatrix shared design tokens, taken from the homepage. */
:root{--qm-font:'DM Sans',system-ui,sans-serif;--qm-ink:#1e1f23;--qm-copy:#5e616a;--qm-red:#b8261c;--qm-white:#fff;--qm-gray:#f7f7f8;--qm-blush:#fff7f6;--qm-line:#ecedf0;--qm-h1:clamp(46px,5.4vw,80px);--qm-h2:clamp(32px,3.6vw,48px);--qm-h3:24px}
html{scroll-behavior:smooth;scroll-padding-top:96px;scrollbar-color:#b8261c #f7f7f8;scrollbar-width:thin}body{font-family:var(--qm-font);font-optical-sizing:auto;color:var(--qm-ink);background:var(--qm-white)}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--qm-gray)}body::-webkit-scrollbar-thumb{background:#b8261c;border:2px solid var(--qm-gray);border-radius:8px}button,input,select,textarea{font-family:var(--qm-font)}:is(section,[id]){scroll-margin-top:96px}.qm-inner main{font-family:var(--qm-font);background:var(--qm-white);color:var(--qm-ink)}
.qm-inner main :is(h1,h2,h3){font-family:var(--qm-font);font-optical-sizing:auto;overflow-wrap:anywhere}
.qm-inner main h1{font-size:var(--qm-h1)!important;font-weight:800!important;line-height:.98!important;letter-spacing:-.045em!important;color:var(--qm-ink)}
.qm-inner main h2{font-size:var(--qm-h2)!important;font-weight:800!important;line-height:1.06!important;letter-spacing:-.04em!important;color:var(--qm-ink)}
.qm-inner main h3{font-size:var(--qm-h3)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.03em!important;color:var(--qm-ink)}
.qm-inner main :is(h1,h2) em{font-style:normal;color:var(--qm-red)}
.qm-inner main :is(.intro,.muted,.hero-description,.premium-intro,.svc-desc,.cs-intro,.thanks-intro,.story p:not(.eyebrow),.web-project-story p:not(.eyebrow),.card-body>p:not(.meta),.section-top>p){font-size:16px!important;line-height:1.7!important;color:var(--qm-copy);letter-spacing:normal}
.qm-inner main .eyebrow{font-size:11px!important;font-weight:800!important;line-height:1.5;letter-spacing:.12em;color:var(--qm-red)}
.qm-inner main :is(.button,.qm-explore-case){font-size:15px!important;font-weight:700!important;min-height:48px;border-radius:10px;background:var(--qm-red);border-color:var(--qm-red);color:#fff;line-height:1.4}
.qm-inner :is(.wrap,.cs-wrap){max-width:1240px;margin-inline:auto;padding-inline:28px}
.qm-inner main :is(.hero,.detail-hero,.svc-hero,.cs-hero){background:#fff}
.qm-inner .detail-hero{max-width:100%;padding-block:48px}.qm-inner .detail-hero .intro{max-width:720px;margin-top:24px}
.qm-inner .detail-image{display:block;width:100%;height:auto;max-height:560px;aspect-ratio:12/5;object-fit:contain;background:var(--qm-gray);border:1px solid var(--qm-line);border-radius:16px}
.qm-inner .detail-showcase{background:var(--qm-gray);border-color:var(--qm-line);border-radius:16px}.qm-inner .detail-showcase .detail-image{aspect-ratio:auto;border:0}
.qm-inner .story-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;margin:64px 0}.qm-inner .story-layout>*{min-width:0}.qm-inner .story-layout aside{background:var(--qm-gray);border:1px solid var(--qm-line);padding:28px;border-radius:14px}.qm-inner .story-layout dt{font-size:12px;color:var(--qm-copy);font-weight:700}.qm-inner .story-layout dd{font-size:15px;line-height:1.7;color:var(--qm-ink);overflow-wrap:anywhere}.qm-inner .story{padding:0;background:transparent;border:0}.qm-inner .story section{padding:30px;border:1px solid var(--qm-line);border-radius:14px;margin:0 0 24px;background:#fff}.qm-inner .story section:nth-of-type(even){background:var(--qm-gray)}.qm-inner .story h2{margin-bottom:22px}.qm-inner .story .web-outcomes{font-size:16px;line-height:1.7;color:var(--qm-copy)}.qm-inner .story section p:not(.eyebrow){margin-bottom:0}
.qm-inner .web-project-story{border-color:var(--qm-line);padding:48px 28px;border-radius:16px;margin-bottom:20px}.qm-inner .web-project-story:nth-child(even){background:var(--qm-gray)}.qm-inner :is(.filters,.story-layout aside,.cs-studio-board){background:var(--qm-gray);border-color:var(--qm-line)}
.qm-inner :is(.cs-model-section,.svc-approach,.approach){background:var(--qm-gray);border-color:var(--qm-line)}.qm-inner :is(.svc-story-flow,.cs-studio){background:var(--qm-gray)}
.qm-inner :is(.cta,.case-hub .cta,.cs-next,.svc-page .cs-next-inner){background:var(--qm-blush);color:var(--qm-ink);border-color:#f3e3e0}.qm-inner main .cta{border:1px solid #f3e3e0;border-radius:18px;padding:48px;margin:40px 0 64px;gap:32px}.qm-inner main :is(.cta,.cs-next) :is(h2,h3){color:var(--qm-ink)}.qm-inner main :is(.cta,.cs-next) p:not(.eyebrow){color:var(--qm-copy);font-size:16px;line-height:1.7}.qm-inner main :is(.cta,.cs-next) .eyebrow{color:var(--qm-red)}.qm-inner main .cta .button{background:var(--qm-red);color:white;border-color:var(--qm-red);white-space:nowrap}.qm-inner main .cta .button:hover{background:#8e1a12}
/* Preserve intentionally inverted proof panels and compact card hierarchy. */
.qm-inner .case-spotlight h2{color:#fff;font-size:clamp(27px,2.5vw,35px)!important;line-height:1.15!important;font-weight:700!important}.qm-inner .project h3{font-size:24px!important}.qm-inner #our-team .team-info h3{font-size:19px!important}.qm-inner #our-team .team-head h2{color:var(--qm-ink)}.qm-inner #our-team{background:#fff}.qm-inner main .card-body>p:not(.meta){font-size:14px!important}.qm-inner main :is(.svc-result,.cs-dark-card) h3{color:white}.qm-inner .thanks-wrap{max-width:960px}.qm-inner main .source-note{font-size:12px!important;color:var(--qm-copy)}
.qm-inner main img{max-width:100%}.qm-inner :is(.project-grid,.social-scope,.story-layout,.google-results,.detail-showcase,.web-project-story,.cs-model-map){min-width:0}.qm-inner .detail-bottom{gap:20px;flex-wrap:wrap}.qm-inner main .button{max-width:100%;text-align:center;white-space:normal}.qm-inner main :is(.cta,.cs-next) a{max-width:100%}.qm-inner main a:focus-visible,.qm-inner main button:focus-visible{outline:3px solid var(--qm-red);outline-offset:4px}
@media(max-width:1000px){.qm-inner .story-layout{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}.qm-inner main .cta{padding:32px}.qm-inner .story section{padding:25px}}
@media(max-width:760px){html{scroll-padding-top:80px}:is(section,[id]){scroll-margin-top:80px}.qm-inner :is(.wrap,.cs-wrap){padding-inline:20px}.qm-inner .story-layout{grid-template-columns:1fr;gap:28px;margin:36px 0}.qm-inner .story-layout aside{padding:24px}.qm-inner .story section{padding:24px 20px}.qm-inner main h1{font-size:clamp(40px,8.5vw,64px)!important;line-height:1.02!important}.qm-inner main h2{font-size:clamp(30px,5.4vw,40px)!important;line-height:1.1!important}.qm-inner main h3{font-size:22px!important}.qm-inner .detail-hero{padding-block:30px}.qm-inner .detail-image{aspect-ratio:36/25;max-height:none}.qm-inner .web-project-story{padding:28px 20px;grid-template-columns:1fr;gap:25px}.qm-inner main .cta{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:30px 24px;margin:32px 0 48px}.qm-inner main .cta .button{margin-top:0;white-space:normal}.qm-inner .detail-showcase{grid-template-columns:1fr}.qm-inner .case-spotlight h2{font-size:30px!important}.qm-inner #our-team .team-info h3{font-size:16px!important}.qm-inner .cs-hero,.qm-inner .svc-hero{grid-template-columns:1fr}.qm-inner .cs-studio-board{overflow:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.qm-inner .svc-visual{animation:none}.qm-inner .project:hover{transform:none}}

body:not(.qm-inner) #top h1{font-size:var(--qm-h1)!important;font-weight:800!important;line-height:.98!important;letter-spacing:-.045em!important}body:not(.qm-inner) section h2{font-size:var(--qm-h2)!important;font-weight:800!important;line-height:1.06!important;letter-spacing:-.04em!important}
@media(max-width:760px){body:not(.qm-inner) #top h1{font-size:clamp(40px,8.5vw,64px)!important;line-height:1.02!important}body:not(.qm-inner) section h2{font-size:clamp(30px,5.4vw,40px)!important;line-height:1.1!important}}

/* Aryaville: quieter section headings within the shared typography family. */
.qm-inner main.aryaville-case h2{font-family:'DM Sans',system-ui,sans-serif!important;font-size:32px!important;font-weight:700!important;line-height:1.18!important;letter-spacing:-.03em!important}
@media(max-width:760px){.qm-inner main.aryaville-case h2{font-size:26px!important}}

/* OJAL: compact H2 sizes scoped to the case-study page. */
.qm-inner main.ojal-case h2{font-size:32px!important}
@media(max-width:760px){.qm-inner main.ojal-case h2{font-size:26px!important}}

/* Compact top headings throughout case-study collections and details. */
.qm-inner main.qm-case-page h1{font-size:56px!important;line-height:1.05!important}
@media(max-width:1000px){.qm-inner main.qm-case-page h1{font-size:46px!important}}
@media(max-width:760px){.qm-inner main.qm-case-page h1{font-size:36px!important;line-height:1.1!important}}

/* Match OJAL's compact section headings across all case-study pages. */
.qm-inner main.qm-case-page h2{font-family:'DM Sans',system-ui,sans-serif!important;font-size:32px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.03em!important}
@media(max-width:760px){.qm-inner main.qm-case-page h2{font-size:26px!important}}
/* Keep pagination labels legible despite page-specific outline styles. */
.qm-inner main .load #load-more{background:#b8261c!important;color:#fff!important;border:1px solid #b8261c!important;min-height:50px;padding:14px 26px;border-radius:10px;opacity:1;font-weight:700}
.qm-inner main .load #load-more span{color:inherit!important}
.qm-inner main .load #load-more:hover{background:#8e1a12!important;border-color:#8e1a12!important;color:#fff!important}
.qm-inner main .load #load-more:focus-visible{outline:3px solid #b8261c;outline-offset:4px}

/* Mobile services accordion and compact device navigation */
.qm-mobile-services-toggle{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0;background:transparent;border:0;border-bottom:1px solid #ecedf0;color:#1e1f23;font:700 24px 'DM Sans',sans-serif;text-align:left;cursor:pointer;touch-action:manipulation}
.qm-mobile-services-toggle span{font-size:28px;transition:transform .2s}
.qm-mobile-services-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.qm-mobile-services{display:flex;flex-direction:column;padding:8px 0 12px 14px;border-bottom:1px solid #ecedf0;background:#fff7f6;border-radius:0 0 10px 10px}
.qm-mpanel .qm-mobile-services a{display:flex;align-items:center;min-height:44px!important;padding:9px 12px;font-size:15px!important;line-height:1.4;font-weight:600;color:#45474e;text-decoration:none;border-bottom:1px solid #f0e4e2;white-space:normal}
.qm-mpanel .qm-mobile-services a:last-child{border:0}
.qm-mobile-services-toggle:focus-visible,.qm-mobile-services a:focus-visible{outline:3px solid #b8261c;outline-offset:2px}
@media(max-width:760px){.qm-mobile-services-toggle{font-size:20px;min-height:48px}.qm-mpanel{box-sizing:border-box;width:100%;max-height:calc(100dvh - 72px);overflow-y:auto;-webkit-overflow-scrolling:touch}.qm-mpanel .qm-mobile-services a{font-size:15px!important}}
@media(min-width:761px) and (max-width:1100px){.qm-mpanel{box-sizing:border-box;width:100%}}