/* Language controls and readable service content share the existing brand system. */
.language-switch{display:flex;gap:5px;align-items:center;flex-shrink:0;margin-inline-start:16px;direction:ltr}
.language-switch a{font:600 11px/1.3 Arial,sans-serif;padding:8px 6px;text-decoration:none;color:inherit;border-bottom:2px solid transparent;white-space:nowrap}
.language-switch a[aria-current]{border-color:#00b6d2;color:#007e95}
.language-switch a:focus-visible{outline:2px solid #007e95;outline-offset:2px}
.service-overview{padding:75px max(6vw,24px);background:#eff4f3;color:#122228;border-top:1px solid #ccd9da}
.service-overview>small{font-size:11px;letter-spacing:.12em;color:#34616b}
.service-overview h2{font-size:clamp(27px,3vw,44px);line-height:1.2;max-width:1000px;margin:20px 0 30px}
.service-prose{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px}
.service-prose p{font-size:16px;line-height:1.85;margin:0 0 24px;max-width:65ch}
.service-overview>a{display:inline-block;padding:12px 0;color:#006c80;font-weight:600;text-underline-offset:5px}
html[lang=en] .hero h1{font-size:clamp(62px,7.4vw,116px)}
html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:Tahoma,Arial,sans-serif;letter-spacing:0!important;line-height:1.45}
html[dir=rtl] .hero h1{font-size:clamp(54px,6.3vw,100px);line-height:1.4}
html[dir=rtl] small,html[dir=rtl] .category-kicker{letter-spacing:0!important}
html[dir=rtl] .hero-copy,html[dir=rtl] .detail-copy,html[dir=rtl] .category-heading,html[dir=rtl] .project-caption{text-align:right}
html[dir=rtl] .email,html[dir=rtl] a[href^="tel:"],html[dir=rtl] a[href^="mailto:"],html[dir=rtl] .logo{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .work-dropdown{left:auto;right:0}
html[dir=rtl] .category-count{margin-left:0;margin-right:auto}
html[dir=rtl] .category-page h1{font-size:clamp(40px,6vw,90px)}
@media(max-width:1150px){.site-header{gap:12px}.site-header>nav{gap:14px}.language-switch{margin-inline-start:4px}.language-switch a{padding-inline:4px}}
@media(max-width:760px){.service-prose{grid-template-columns:1fr;gap:0}.service-overview{padding-block:45px}.site-header>.language-switch{margin-inline-start:auto}.site-header>.menu{order:3}.language-switch a{font-size:11px;padding:8px 5px}html[lang=en] .hero h1{font-size:clamp(52px,13vw,84px)}html[dir=rtl] .hero h1{font-size:clamp(48px,11vw,74px)}.service-prose p{font-size:15px}}
.project[hidden],.empty-state[hidden]{display:none!important}
html[dir=rtl] .studio-guide .guide-label{max-width:180px;min-width:90px;line-height:1.6;text-align:right}
html[dir=rtl] .hero h1{margin-inline:0}
/* Revolt's agency voice: bold display type, quieter reading text. */
body{font-family:Manrope,Arial,sans-serif;font-weight:400}h1,h2,h3{font-family:Manrope,Arial,sans-serif}small{font-weight:700;letter-spacing:.12em}.language-switch a{font-family:Manrope,Arial,sans-serif}.hero h1{font-weight:500}.hero h1 strong{font-weight:800}h2{font-weight:400}h2 b{font-weight:800}p{font-weight:400}
html[dir=rtl] body,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:'Noto Sans Arabic',Tahoma,sans-serif}
.home .studio-ribbon{padding:30px 0;overflow:hidden;display:block;background:#f5f5ef;border-block:1px solid #cbd8d5;transform:none;direction:ltr}
.ribbon-track{display:flex;align-items:center;width:max-content;animation:revolt-ribbon 34s linear infinite;will-change:transform}
.ribbon-group{display:flex;align-items:center;gap:48px;padding-inline-end:48px;flex-shrink:0}
.home .studio-ribbon span{font-family:Manrope,Arial,sans-serif;font-size:clamp(28px,4vw,66px);font-weight:800;line-height:1.2;letter-spacing:-.04em;white-space:nowrap;color:#11343b}
.home .studio-ribbon i{font-style:normal;font-size:36px;line-height:1;color:#00a8c6;font-weight:400}
html[dir=rtl] .studio-ribbon span{font-family:'Noto Sans Arabic',Tahoma,sans-serif;letter-spacing:0;font-size:clamp(26px,3.5vw,56px)}
.home .studio-ribbon:hover .ribbon-track{animation-play-state:paused}
@keyframes revolt-ribbon{to{transform:translateX(-50%)}}
.process-illustration{width:100%;height:auto;max-height:220px;object-fit:contain;margin-bottom:30px}.process-grid article{overflow:hidden}
.home .brands{background:#f6f7f3;padding:100px var(--gutter) 90px}.brands>small{color:#54747a}.home .brands h2{max-width:900px;font-size:clamp(45px,5vw,76px);letter-spacing:-.05em;margin-bottom:25px}.brand-intro{font-size:17px;line-height:1.8;max-width:650px;color:#61777a;margin-bottom:55px}
.home .brand-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:0}.home .brand-list img{width:100%;height:140px;padding:32px 24px;object-fit:contain;background:#fff;border:0;border-radius:2px;filter:grayscale(1);opacity:.78;transition:filter .25s,opacity .25s,transform .25s}.home .brand-list img:hover{filter:none;opacity:1;transform:translateY(-3px)}
.brand-more{margin-top:30px}.brand-more>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px 0;font-size:13px;font-weight:700;border-bottom:1px solid #cbd7d3;list-style:none}.brand-more>summary::-webkit-details-marker{display:none}.brand-more>summary span{font-size:24px;color:#008da7}.brand-more[open]>summary{margin-bottom:24px}.brand-more[open]>summary span{transform:rotate(45deg)}.brand-note{margin-top:32px;font-size:11px;color:#75888a;max-width:650px}
/* A clear, contained project affordance replaces the floating oval. */
.project .photo{overflow:hidden;position:relative}.project .photo>span{position:absolute!important;inset:auto 16px 16px auto!important;transform:none!important;display:inline-flex!important;align-items:center;justify-content:center;min-width:0!important;width:auto!important;height:auto!important;min-height:40px;padding:12px 16px!important;border:0!important;border-radius:2px!important;background:#0c2930!important;color:#f3f8f5!important;font-family:Manrope,Arial,sans-serif!important;font-size:11px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:.01em!important;box-shadow:0 4px 20px #04191c22;transition:background .25s,color .25s!important;z-index:3}.project:hover .photo>span,.project:focus-visible .photo>span{background:#00b2ce!important;color:#09262d!important}.project:focus-visible{outline:2px solid #008da7;outline-offset:5px}html[dir=rtl] .project .photo>span{inset:auto auto 16px 16px!important;font-family:'Noto Sans Arabic',Tahoma,sans-serif!important}
@media(max-width:1100px){.home .brand-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home .brand-list img{height:128px;padding:30px 22px}}
@media(max-width:600px){.home .brand-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home .brand-list img{height:116px;padding:28px 24px}.brand-intro{font-size:15px;margin-bottom:30px}.home .brands{padding-block:65px}.ribbon-group{gap:28px;padding-inline-end:28px}.home .studio-ribbon{padding-block:24px}.home .studio-ribbon i{font-size:24px}.process-illustration{max-height:180px;margin-bottom:20px}.project .photo>span{inset:auto 12px 12px auto!important;min-height:38px;font-size:10px!important;padding:10px 12px!important}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none}.home .brand-list img{transition:none}}