/* Keep the cinematic geometry; adapt only text, reading order and controls. */
@font-face{font-family:ECOTROVE Arabic;src:url('./assets/noto-kufi-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:ECOTROVE Arabic;src:url('./assets/noto-kufi-bold.ttf') format('truetype');font-weight:700;font-display:swap}
.header{direction:ltr}.language-switch{font:400 14px/1.6 'ECOTROVE Arabic',sans-serif;color:inherit;text-decoration:none;border:1px solid currentColor;border-radius:4px;padding:6px 11px;white-space:nowrap;flex-shrink:0;min-height:38px;display:inline-flex;align-items:center;justify-content:center;margin-left:18px;transition:background .2s}
.language-switch:hover{background:#b8c2b729}.language-switch:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.carousel-track{direction:ltr}.project-card{direction:ltr}.project-info,.portfolio-caption{direction:inherit}
html[lang=ar] body{font-family:'ECOTROVE Arabic',sans-serif}
html[lang=ar] :is(.nav,.mobile-nav,.header-cta,.scroll-cue,.work-subtitle,.concept-note,.project-info,.portfolio-caption small,.control-text,.boot-inner>p,.boot-inner>small,.boot-skip,.paper .paper-content p,.paper-signature small,.coupon-line,.coupon-button,.new-business,.contact footer p,.footer-bottom,.footer-seal,.accessibility-seal,dialog,.contact-button){font-family:'ECOTROVE Arabic',sans-serif;letter-spacing:0}
html[lang=ar] :is(h1,h2,h3,h4){font-family:'ECOTROVE Arabic',sans-serif;letter-spacing:0;font-style:normal}
html[lang=ar] :is(.nav,.mobile-nav,.header-cta,.boot-inner>p,.boot-inner>small,.project-info,.portfolio-caption small){direction:rtl}
html[lang=ar] .nav{font-size:16px;gap:28px}
html[lang=ar] .header-cta{font-size:16px}
html[lang=ar] .hero h1{font-size:clamp(38px,4.2vw,78px);line-height:1.7;font-weight:400;text-align:right;text-wrap:balance}
html[lang=ar] .hero-copy{width:46vw}
html[lang=ar] .hero-bottom{justify-content:flex-end;width:46vw;top:calc(47% + 12vw + 25px)}
html[lang=ar] .scroll-cue{font-size:20px;line-height:1.8}
html[lang=ar] .section-heading h2,html[lang=ar] .client-names{font-family:STIX,Georgia,serif;direction:ltr}
html[lang=ar] .work-subtitle{font-size:17px;line-height:1.8}
html[lang=ar] .concept-note{font-size:14px;line-height:1.7}
html[lang=ar] .paper .paper-content h2{font-size:clamp(34px,4.5vw,72px);line-height:1.65;letter-spacing:0}
html[lang=ar] .paper .paper-content p{font-size:18px;line-height:2.1}
html[lang=ar] .paper-content h3{font-size:clamp(32px,4.5vw,68px);line-height:1.65;letter-spacing:0}
html[lang=ar] .intro-layout{grid-template-columns:1fr 270px}
html[lang=ar] .paper-intro{column-count:2;column-gap:32px}
html[lang=ar] .about-banner{direction:ltr}
html[lang=ar] .about-banner small{font:400 clamp(10px,1vw,17px)/1.8 'ECOTROVE Arabic',sans-serif;direction:rtl;letter-spacing:0}
html[lang=ar] .serious-content h3{text-align:right}
html[lang=ar] .paper-signature{direction:ltr;text-align:right}
html[lang=ar] .paper-signature small{direction:rtl;font-size:14px;line-height:2}
html[lang=ar] .consultation h4{font-size:24px;line-height:1.7}
html[lang=ar] .paper .consultation p{font-size:16px;line-height:2}
html[lang=ar] .coupon-line{font-size:16px}
html[lang=ar] .coupon-button{font-size:16px;line-height:1.8}
html[lang=ar] .shred-outro h3{font-family:'ECOTROVE Arabic',sans-serif;font-size:clamp(30px,3.5vw,62px);line-height:1.75;letter-spacing:0;text-align:right}
html[lang=ar] .story-intro h2{font-size:clamp(28px,4.2vw,68px);line-height:1.6;letter-spacing:0}
html[lang=ar] .story-intro p{font:400 clamp(14px,1.4vw,24px)/1.8 'ECOTROVE Arabic',sans-serif}
html[lang=ar] .tie-caption h2{font-size:clamp(28px,3.5vw,64px);line-height:1.6}
html[lang=ar] .tie-caption p{font:400 clamp(14px,1.3vw,24px)/1.8 'ECOTROVE Arabic',sans-serif}
html[lang=ar] .contact-hello h2,html[lang=ar] .contact-copy h3{font-size:clamp(64px,8vw,150px);line-height:1.7;letter-spacing:0}
html[lang=ar] .contact-copy>p:not(.eyebrow){font:400 23px/2 'ECOTROVE Arabic',sans-serif}
html[lang=ar] .contact-columns{font:400 18px/2 'ECOTROVE Arabic',sans-serif;text-align:right;max-width:1100px}
html[lang=ar] .contact-columns h4{font-size:22px;line-height:1.8}
html[lang=ar] .new-business h4{font-size:25px;line-height:1.7}
html[lang=ar] .new-business p{font-size:18px;line-height:2}
html[lang=ar] .new-business a{direction:ltr;display:inline-block;font-family:STIX,serif}
html[lang=ar] .contact footer p{font-size:18px;line-height:2;font-style:normal}
html[lang=ar] .footer-bottom{font-size:14px;line-height:1.9}
html[lang=ar] .footer-seal{font-size:14px;line-height:1.9}
html[lang=ar] .accessibility-seal{font-size:13px;line-height:1.9;font-style:normal}
html[lang=ar] dialog{font-size:17px;line-height:2;text-align:right}
html[lang=ar] dialog h2{font-size:38px;line-height:1.7}
html[lang=ar] #dialog-title{font-family:STIX,Georgia,serif;direction:ltr;text-align:right}
html[lang=ar] .dialog-close{font-family:'ECOTROVE Arabic',sans-serif;font-size:15px;line-height:1.8}
html[lang=ar] :is(.hero h1,.paper .paper-content h2,.paper-content h3,.consultation h4,.office h2,.story-intro h2,.tie-caption h2,.contact-hello h2,.contact-copy h3,.contact-columns h4,.new-business h4){font-family:'ECOTROVE Arabic',sans-serif}
html[lang=ar] .work-subtitle :is(span,button){font-family:'ECOTROVE Arabic',sans-serif}
html[lang=ar] .experience-controls{direction:rtl}
html[lang=ar] .control-text{font-size:12px}
@media(max-width:1024px){html[lang=ar] .hero-bottom .pointing-hands{transform:none;height:34px;direction:ltr}html[lang=ar] .hero-bottom .pointing-hands img{transform:rotate(90deg)}}
@media(min-width:1025px) and (max-width:1350px){.header .nav{gap:18px;left:47%}.header .nav a{font-size:16px}.header .header-cta{font-size:15px}.language-switch{margin-left:12px}}
@media(max-width:1024px){.language-switch{margin-left:12px}html[lang=ar] .hero-copy{width:calc(100% - 48px)}html[lang=ar] .hero h1{text-align:center;font-size:clamp(34px,5vw,54px);line-height:1.7}html[lang=ar] .hero-bottom{width:calc(100% - 48px);top:46%;justify-content:center}html[lang=ar] .intro-layout{display:block}html[lang=ar] .paper-intro{column-count:2}}
@media(max-width:640px){.header{gap:12px;padding-inline:22px}.header .wordmark{font-size:22px}.header .header-cta{display:none}.language-switch{margin-left:auto;font-size:12px;min-height:38px}.header .menu-toggle{margin-left:0}html[lang=ar] .hero h1{font-size:clamp(27px,7.6vw,40px);line-height:1.7}html[lang=ar] .hero-copy{top:16%}html[lang=ar] .hero-bottom{top:43%}html[lang=ar] .scroll-cue{font-size:16px}html[lang=ar] .work-subtitle{font-size:13px}html[lang=ar] .paper-intro{column-count:1}html[lang=ar] .paper .paper-content p{font-size:16px;line-height:2}html[lang=ar] .paper .paper-content h2,html[lang=ar] .paper-content h3{font-size:31px;line-height:1.75}html[lang=ar] .shred-outro h3{text-align:center;font-size:30px}html[lang=ar] .story-intro h2{font-size:30px;line-height:1.6}html[lang=ar] .contact-copy>p:not(.eyebrow){font-size:19px}html[lang=ar] .contact-columns{font-size:17px}html[lang=ar] .mobile-nav a{font-size:25px;line-height:1.7}html[lang=ar] .new-business{padding:22px}html[lang=ar] .new-business p{font-size:16px}html[lang=ar] dialog h2{font-size:28px}}