/* Requested AR/EN and visual refinements, 5 October 2026. */
.header-tools{display:flex;align-items:center;gap:26px}.languages{display:flex;direction:ltr;align-items:center;gap:3px;border:var(--border-card);border-radius:8px;padding:3px;background:var(--color-bg)}.languages button{background:transparent;border-radius:5px;font-family:var(--font-body);font-size:11px;padding:7px 9px;color:var(--color-text-muted)}.languages button[aria-pressed=true]{background:var(--color-text);color:var(--color-bg)}.brand img,footer img{width:150px;height:auto}
.hero-shell{position:relative;isolation:isolate}.hero-shell::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('brand/04-backgrounds/paper-dots-tile.svg');background-size:var(--paper-dot-spacing) var(--paper-dot-spacing);mask-image:linear-gradient(to bottom,black 0%,black 20%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 20%,transparent 100%)}
h1 em,h2 em,.venture-art em,.studio .hero h1 em{font:inherit;letter-spacing:inherit;color:var(--neutral-950);background:var(--vermilion-500);padding:0 .065em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero h1{line-height:1.11}.closing h2{line-height:1.17}.about-copy h2{line-height:1.35}.venture-art>p{line-height:1.22}.hero-visual{background:none}.studio .hero-visual{background:none}.header-cta{white-space:nowrap}.arabic-note:dir(ltr){text-align:left;min-width:0;justify-self:stretch}.arabic-note:dir(ltr) h3{font-family:var(--font-head);letter-spacing:-.045em;font-size:30px;line-height:1.15}.arabic-note:dir(ltr) .eyebrow{font-family:var(--font-mono);letter-spacing:.055em}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .portrait strong,[dir=rtl] .desk-note strong,[dir=rtl] .venture-art>p,[dir=rtl] .manifesto p{font-family:var(--font-body);letter-spacing:0}
[dir=rtl] .eyebrow,[dir=rtl] .review-bar,[dir=rtl] .directions button,[dir=rtl] .hero-foot,[dir=rtl] .margin-note,[dir=rtl] .metadata,[dir=rtl] .art-top,[dir=rtl] .video-label,[dir=rtl] .video-language,[dir=rtl] .sample-label,[dir=rtl] .manifesto>span,[dir=rtl] .now-box li>span:first-child,[dir=rtl] .prototype-note,[dir=rtl] .dialog-callout{font-family:var(--font-body);letter-spacing:0;line-height:1.7}
[dir=rtl] .eyebrow{font-size:12px}[dir=rtl] .hero h1{font-size:76px;line-height:1.43;margin-block:18px 23px}[dir=rtl] .intro{font-size:16px;line-height:1.95;max-width:440px}[dir=rtl] .hero-foot{font-size:11px}[dir=rtl] .hero-foot span+span{border-left:0;border-right:1px solid var(--color-border-strong);padding-left:0;padding-right:18px}[dir=rtl] .hero-visual{direction:rtl}[dir=rtl] .portrait{transform:rotate(-3deg)}[dir=rtl] .desk-note{left:auto;right:4px;transform:rotate(4deg)}[dir=rtl] .desk-note:hover{transform:rotate(0)}[dir=rtl] .margin-note{right:auto;left:10px;font-size:10px}[dir=rtl] .portrait figcaption div>span{font-family:var(--font-body);font-size:11px}[dir=rtl] .header-cta span{margin-left:0;margin-right:15px}[dir=rtl] .section-heading h2{font-size:40px;line-height:1.5}[dir=rtl] .section-heading>p{font-size:14px}[dir=rtl] .work-description h3{font-size:25px;line-height:1.55}[dir=rtl] .work-description>p{font-size:14px}[dir=rtl] .metadata{font-size:11px}[dir=rtl] .metadata span+span{border-left:0;border-right:1px solid var(--color-border);padding-left:0;padding-right:16px}[dir=rtl] .venture-art>p{font-size:36px;line-height:1.55}[dir=rtl] .note-row{text-align:right}[dir=rtl] .note-row h3{font-size:27px;line-height:1.65}[dir=rtl] .note-row p{font-size:13px}[dir=rtl] .arabic-note{min-width:0;justify-self:stretch}[dir=rtl] .note-arrow{transform:scaleX(-1)}[dir=rtl] .about-copy h2{font-size:37px;line-height:1.7}[dir=rtl] .about-copy p{font-size:15px;line-height:2}[dir=rtl] .now-box h2{line-height:1.6}[dir=rtl] .now-box strong{font-size:14px}[dir=rtl] .closing h2{font-size:70px;line-height:1.65}[dir=rtl] .dialog-title{font-size:34px;line-height:1.7}[dir=rtl] .studio .hero-visual{right:auto;left:0}[dir=rtl] .studio .hero-copy{max-width:690px}[dir=rtl] .studio .hero h1{font-size:82px}
@media(max-width:1100px){.header-tools{gap:14px}.header-cta{display:none}[dir=rtl] .hero h1{font-size:62px}[dir=rtl] .studio .hero h1{font-size:65px}.hero{padding-top:45px}.studio .hero-copy{max-width:570px}[dir=rtl] .studio .hero-copy{max-width:570px}}
@media(max-width:760px){.site-header{flex-wrap:wrap;height:auto;min-height:106px;gap:12px;padding-block:18px}.site-header nav{order:3;width:100%;justify-content:center;padding-top:5px;gap:32px}.brand img{width:137px}.header-tools{margin-inline-start:auto}.languages button{padding:6px 9px;font-size:10px}.hero,.studio .hero{padding-top:30px}.hero-shell::before{mask-image:linear-gradient(to bottom,black,rgba(0,0,0,.7) 30%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black,rgba(0,0,0,.7) 30%,transparent 100%)}.hero h1{font-size:clamp(48px,10vw,72px)}[dir=rtl] .hero h1,[dir=rtl] .studio .hero h1{font-size:52px;line-height:1.5}[dir=rtl] .hero .eyebrow{font-size:10px}[dir=rtl] .intro{font-size:14px}[dir=rtl] .hero-foot{font-size:10px}[dir=rtl] .hero-foot span+span{padding-right:12px}[dir=rtl] .section-heading h2{font-size:30px}[dir=rtl] .section-heading>p{font-size:12px}[dir=rtl] .venture-art>p{font-size:32px}[dir=rtl] .work-description h3{font-size:24px}[dir=rtl] .work-description>p{font-size:13px}[dir=rtl] .note-row h3{font-size:22px}[dir=rtl] .note-row p{font-size:12px}[dir=rtl] .about-copy h2{font-size:29px}[dir=rtl] .about-copy p{font-size:14px}[dir=rtl] .closing h2{font-size:56px}[dir=rtl] .now-box strong{font-size:12px}[dir=rtl] .now-box li>span:first-child{font-size:10px}[dir=rtl] .dialog-title{font-size:27px}.arabic-note:dir(ltr) h3{font-size:24px}[dir=rtl] .studio .hero-visual{left:auto;right:auto}}
