@font-face{font-family:Metropolis;src:url("/public/fonts/metropolis-latin-400-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Metropolis;src:url("/public/fonts/metropolis-latin-500-normal.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Metropolis;src:url("/public/fonts/metropolis-latin-600-normal.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Metropolis;src:url("/public/fonts/metropolis-latin-700-normal.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
/* Thmanyah's own hosted Regular face; no redistributed or modified font file. */
@font-face{font-family:Thmanyah;src:local("thmanyah sans Regular"),url("https://framerusercontent.com/assets/x6EBzvXf1Fi35XhsRoHxePDVo.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#f4f2ee;--ink:#24241f;--muted:#65655e;--line:#cecdc5;--copper:#835633;--sans:Metropolis,"Helvetica Neue",Arial,sans-serif;--arabic:Thmanyah,Tahoma,Arial,sans-serif;--pad:clamp(22px,4.6vw,88px);--space:clamp(80px,10vw,160px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}img{display:block;max-width:100%;height:auto}button{border:0;background:none}p,h1,h2,h3,figure{margin:0}p+p{margin-top:1.3em}h1,h2,h3{font-weight:400;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(54px,7.8vw,132px)}h2{font-size:clamp(36px,4.3vw,72px)}h3{font-size:clamp(24px,2.3vw,38px)}[hidden]{display:none!important}::selection{background:#d5b38d;color:var(--ink)}:focus-visible{outline:2px solid var(--copper);outline-offset:6px}main:focus{outline:none}.page-pad{padding-inline:var(--pad)}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;line-height:1.5}.skip-link{position:fixed;z-index:100;top:12px;inset-inline-start:12px;background:var(--ink);color:white;padding:12px 20px;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding-inline:var(--pad);border-bottom:1px solid var(--line)}.wordmark{display:block;flex-shrink:0}.wordmark img{width:145px;height:auto}.desktop-nav{display:flex;gap:clamp(20px,2.8vw,50px);margin-inline-start:auto}.desktop-nav a,.header-actions a{font-size:13px;white-space:nowrap}.desktop-nav a{position:relative;padding-block:10px}.desktop-nav a[aria-current],.desktop-nav a:hover{color:var(--copper)}.desktop-nav a[aria-current]:after{content:"";position:absolute;bottom:2px;inset-inline:0;height:1px;background:currentColor}.header-actions{display:flex;align-items:center;gap:28px}.header-contact{display:flex;gap:25px;align-items:center;border:1px solid var(--ink);border-radius:99px;padding:10px 17px}.locale-link{font-family:var(--arabic);padding:10px 0}.menu-toggle{display:none}.menu-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;padding:26px;background:var(--ink);color:var(--paper)}.menu-dialog::backdrop{background:var(--ink)}.menu-top{display:flex;justify-content:space-between;align-items:center}.menu-top button{min-height:44px;color:inherit}.menu-dialog nav{display:grid;margin:10vh 0}.menu-dialog nav a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #555;padding:18px 0;font-size:clamp(32px,8vw,56px)}.menu-dialog nav small{font-size:12px}.hero{padding-top:50px;padding-bottom:58px}.hero-top{display:flex;justify-content:space-between;align-items:center}.hero-index{font-size:12px;color:var(--muted)}.hero h1{position:relative;margin-block:48px 38px;max-width:1400px;font-size:clamp(72px,10.5vw,176px);line-height:1.01;letter-spacing:-.065em}.hero h1>span{font-family:var(--sans);font-style:normal;font-size:1.03em;letter-spacing:-.065em}.hero h1 i{position:absolute;inset-inline-end:0;top:0;font-size:.64em;font-style:normal;font-family:var(--sans);font-weight:300}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:32px}.hero-bottom>p{max-width:405px;font-size:18px;line-height:1.55}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:52px;padding:14px 24px;border:1px solid var(--ink);border-radius:99px;font-size:14px;transition:background .2s,color .2s}.button-dark{background:var(--ink);color:var(--paper)}.button:hover{background:var(--copper);border-color:var(--copper);color:white}.button:disabled{opacity:.6;cursor:wait}.featured-image{position:relative;display:block;margin-inline:var(--pad);overflow:hidden;background:#dad6cf}.featured-image>img{width:100%;aspect-ratio:1.95;object-fit:cover;transition:transform .6s}.featured-image:hover>img{transform:scale(1.015)}.featured-caption{position:absolute;inset-inline:30px;bottom:28px;display:flex;justify-content:space-between;align-items:center;color:white;font-size:28px;text-shadow:0 1px 10px #000}.featured-caption>span:last-child{display:grid;place-items:center;border:1px solid white;border-radius:50%;width:54px;height:54px}.featured-caption small{display:block;font-size:12px;letter-spacing:.03em}.section{padding-block:var(--space)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:56px}.section-heading .eyebrow{margin-bottom:22px}.section-heading>p{max-width:250px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid currentColor;padding-block:7px;font-size:14px;line-height:1.6}.text-link:hover{color:var(--copper)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 28px}.project-card a{display:block}.project-card img{width:100%;aspect-ratio:1.28;object-fit:cover;background:#e1ded8;transition:filter .3s}.project-card a:hover img{filter:brightness(1.035)}.project-card:nth-child(even){padding-top:90px}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.project-meta h3{font-size:30px;letter-spacing:-.025em}.project-meta>span{font-size:24px}.project-category{font-size:13px;color:var(--muted);margin-top:4px}.studio-band{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 2.2fr;gap:50px;padding-block:var(--space);background:var(--ink);color:var(--paper)}.studio-band>div{position:relative;z-index:1}.studio-band h2{max-width:800px}.studio-band>div>p{max-width:520px;margin-block:32px}.studio-band .text-link{color:#dcb386}.carved-symbol{position:absolute;font-family:var(--sans);font-size:420px;line-height:.8;inset-inline-start:-40px;bottom:-80px;color:#33332d;transform:rotate(-15deg)}.carved-symbol>span{position:absolute;font-family:var(--sans);font-size:160px;top:0;right:0}.service-list{border-top:1px solid var(--line)}.service{border-bottom:1px solid var(--line)}.service summary{display:grid;grid-template-columns:90px 1fr 30px;gap:20px;align-items:center;padding-block:30px;list-style:none}.service summary::-webkit-details-marker{display:none}.service-number{font-size:12px;color:var(--muted)}.service summary h3{font-size:clamp(26px,3.2vw,52px)}.service-plus{font-size:28px;font-weight:300}.service[open] .service-plus{transform:rotate(45deg)}.service-body{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding:0 0 40px 110px}.service-body>p{max-width:490px;font-size:18px}.service-body .eyebrow{color:var(--muted);margin-bottom:15px}.insights-section{background:#eae7e0}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.story-card img{width:100%;aspect-ratio:1.65;object-fit:cover;margin-bottom:25px}.story-card h3{max-width:650px;font-size:clamp(28px,3vw,46px);line-height:1.15;margin-block:14px}.story-card p:not(.eyebrow){max-width:540px;color:var(--muted)}.story-card .text-link{margin-top:20px}.contact-band{padding:var(--space) var(--pad);background:#d9c8b4}.contact-display{display:flex;justify-content:space-between;align-items:end;gap:24px;font-size:clamp(42px,7vw,116px);line-height:1.05;letter-spacing:-.05em;margin-top:30px}.contact-display>span{font-size:.85em}.site-footer{padding:60px var(--pad) 26px}.footer-main{display:flex;justify-content:space-between;align-items:start;gap:35px;padding-bottom:70px}.footer-main p,.footer-main>a:last-child{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:var(--muted)}.page-intro{padding-top:80px;padding-bottom:65px}.page-intro>.eyebrow{display:inline-block;margin-bottom:28px}.page-intro h1{max-width:1200px}.intro-copy{max-width:600px;font-size:21px;margin-top:32px}.archive{padding-bottom:var(--space)}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px}.filters a{border:1px solid var(--line);border-radius:99px;padding:10px 17px;font-size:13px}.filters a[aria-current],.filters a:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.pagination{display:flex;gap:20px;justify-content:center;margin-top:60px}.empty-state{padding:50px 0;color:var(--muted)}.project-intro h1{font-size:clamp(80px,13vw,200px)}.project-intro-bottom{display:flex;justify-content:space-between;gap:70px;align-items:start;margin-top:35px}.project-intro-bottom>p{max-width:620px;font-size:clamp(22px,2.5vw,36px);line-height:1.35}.project-intro dl{display:flex;gap:35px;margin:0;max-width:380px}.project-intro dt{font-size:12px;color:var(--muted);margin-bottom:10px}.project-intro dd{font-size:14px;margin:0}.case-hero img{width:100%;height:auto}.case-copy{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-block:100px}.case-copy h2{font-size:clamp(32px,3.5vw,56px);margin-bottom:25px}.case-copy p:not(.eyebrow){max-width:720px;font-size:20px;white-space:pre-line}.case-copy .text-link{margin-top:30px}.case-gallery{display:grid;gap:45px}.case-gallery img{width:100%}.case-gallery figcaption{font-size:12px;color:var(--muted);margin-top:12px}.process-section{background:#e6ded3;padding-block:var(--space)}.process-section>h2{max-width:1000px;margin-top:30px}.process-section ol{padding:0;margin:70px 0 0;display:grid;grid-template-columns:repeat(7,1fr);list-style:none;gap:20px}.process-section li{border-top:1px solid var(--ink);padding-top:20px}.process-section li span{font-size:12px}.process-section li h3{font-size:20px;margin-top:25px;letter-spacing:-.02em}.studio-image img{width:100%;max-height:650px;object-fit:cover}.client-names{display:flex;flex-wrap:wrap;justify-content:space-between;gap:36px;margin-top:50px;font-size:clamp(24px,3vw,46px);font-family:var(--sans)}.article-intro{max-width:1250px;margin-inline:auto;text-align:center}.article-intro h1{font-size:clamp(42px,6vw,90px)}.article-intro .intro-copy{margin-inline:auto}.article-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;font-size:12px;color:var(--muted);margin-top:36px}.article-image{margin-inline:var(--pad)}.article-image img{width:100%;max-height:600px;object-fit:cover}.article-body{max-width:760px;padding:70px 24px 120px;margin-inline:auto;font-size:19px;line-height:1.85}.article-body h2{font-size:34px;margin-block:50px 25px;line-height:1.25}.article-body p{white-space:pre-line}.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;padding-bottom:var(--space)}.contact-aside>p:first-child{max-width:360px;font-size:22px;line-height:1.5;margin-bottom:40px}.contact-aside>a{display:block;width:fit-content;border-bottom:1px solid var(--line);margin-bottom:18px}.contact-aside>.eyebrow{margin-top:40px}.inquiry-form{display:grid;gap:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.inquiry-form label{display:grid;gap:10px;font-size:14px}.inquiry-form input:not([type=checkbox]),.inquiry-form textarea,.inquiry-form select{border:0;border-bottom:1px solid #94938a;background:transparent;border-radius:0;padding:12px 0;width:100%;min-width:0;min-height:48px;outline-offset:3px}.inquiry-form small{font-size:12px;color:var(--muted)}.inquiry-form .check{display:flex;align-items:start;gap:12px;font-size:13px}.check input{width:18px;height:18px;flex-shrink:0;margin-top:3px}.inquiry-form .button{justify-self:start}.honeypot{position:absolute;inset-inline-start:-9999px;opacity:0}.form-status{font-size:16px;line-height:1.6}.form-status.error{color:#9c302a}.preview-banner{padding:12px 24px;text-align:center;background:#d9c8b4;font-size:14px}.error-page{min-height:65vh}.error-page .button{margin-top:40px}
/* Arabic has its own rhythm; Latin display rules must never shape Arabic letters. */
:lang(ar){font-family:var(--arabic);font-synthesis:none;letter-spacing:0}html[dir=rtl] body{font-family:var(--arabic);font-size:18px}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.3;font-weight:400}html[dir=rtl] .hero h1{font-size:clamp(64px,9vw,145px);line-height:1.25;letter-spacing:0}html[dir=rtl] .hero h1>span{font-family:var(--arabic);font-style:normal;letter-spacing:0}html[dir=rtl] .hero h1 i{font-family:var(--sans)}html[dir=rtl] .hero-bottom>p,html[dir=rtl] .service-body>p{font-size:20px;line-height:1.8}html[dir=rtl] .eyebrow{font-size:14px;letter-spacing:0}html[dir=rtl] .desktop-nav a,html[dir=rtl] .header-actions a{font-size:15px}html[dir=rtl] .service-body{padding-left:0;padding-right:110px}html[dir=rtl] .text-link,html[dir=rtl] .button,html[dir=rtl] .filters a{font-size:16px}html[dir=rtl] .contact-display{letter-spacing:0;line-height:1.3}html[dir=rtl] .article-body{font-size:21px;line-height:1.95}html[dir=rtl] .project-category{font-size:15px}html[dir=rtl] .inquiry-form label{font-size:16px}html[dir=rtl] .locale-link{font-family:var(--sans)}[dir=ltr]{unicode-bidi:isolate}
@media(min-width:1600px){.site-header,.hero,.section,.studio-band,.page-intro,.archive,.case-copy,.case-gallery,.contact-layout,.process-section,.contact-band,.site-footer{padding-inline:max(var(--pad),calc((100vw - 1600px)/2))}}
@media(max-width:1100px){.site-header{gap:22px}.desktop-nav{gap:22px}.header-actions{gap:20px}.header-contact{display:none}.hero h1 i{font-size:.5em}.service-body{gap:35px}.process-section ol{grid-template-columns:repeat(4,1fr);row-gap:35px}.project-intro-bottom{gap:35px}.footer-main{flex-wrap:wrap}}
@media(max-width:760px){.site-header{height:82px}.wordmark img{width:120px}.desktop-nav{display:none}.header-actions{margin-inline-start:auto;gap:24px}.menu-toggle{display:flex;gap:12px;align-items:center;font-size:13px;min-height:44px}.hero{padding-top:32px;padding-bottom:36px}.hero-top .eyebrow{max-width:230px;font-size:10px}.hero-index{display:none}.hero h1{font-size:clamp(57px,11.5vw,86px);line-height:1.08;letter-spacing:-.055em;margin-block:38px 30px}.hero h1 i{display:none}.hero-bottom{align-items:start;flex-direction:column;gap:26px}.hero-bottom>p{font-size:16px;max-width:320px}.button{font-size:13px;min-height:48px;padding:12px 20px;gap:35px}.featured-image{margin-inline:0}.featured-image>img{aspect-ratio:1.25}.featured-caption{inset-inline:22px;bottom:20px;font-size:23px}.featured-caption>span:last-child{width:42px;height:42px}.section-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:16px}.work-grid{gap:36px;grid-template-columns:1fr}.project-card:nth-child(even){padding-top:0}.project-card img{aspect-ratio:1.3}.project-meta{margin-top:15px}.project-meta h3{font-size:26px}.studio-band{grid-template-columns:1fr;gap:25px}.studio-band h2{font-size:38px}.carved-symbol{inset-inline-start:auto;inset-inline-end:-65px;opacity:.4}.service summary{grid-template-columns:28px 1fr 20px;gap:14px;padding-block:24px}.service summary h3{font-size:27px}.service-body{grid-template-columns:1fr;padding-inline-start:42px;gap:24px;padding-bottom:30px}.service-body>p{font-size:16px}.story-grid{grid-template-columns:1fr;gap:50px}.contact-display{font-size:46px;align-items:start}.footer-main{flex-direction:column;gap:28px;padding-bottom:40px}.footer-bottom{font-size:11px;gap:18px}.page-intro{padding-top:54px;padding-bottom:42px}.page-intro h1{font-size:clamp(43px,10vw,72px)}.intro-copy{font-size:18px}.filters{gap:8px;margin-bottom:32px}.filters a{padding:9px 13px;font-size:12px}.project-intro h1{font-size:clamp(65px,17vw,100px)}.project-intro-bottom{flex-direction:column;gap:32px}.project-intro-bottom>p{font-size:23px}.project-intro dl{gap:30px}.case-copy{grid-template-columns:1fr;gap:28px;padding-block:65px}.case-copy p:not(.eyebrow){font-size:18px}.case-gallery{gap:30px}.process-section ol{grid-template-columns:repeat(2,1fr)}.process-section>h2{font-size:34px}.process-section li h3{font-size:22px}.article-intro h1{font-size:40px}.article-meta{gap:18px}.article-body{padding-block:45px 80px;font-size:18px}.article-body h2{font-size:29px}.article-image{margin-inline:0}.contact-layout{grid-template-columns:1fr;gap:50px}.contact-aside>p:first-child{font-size:20px}.form-row{grid-template-columns:1fr;gap:25px}.inquiry-form .button{width:100%}html[dir=rtl] .hero h1{font-size:clamp(56px,12vw,82px)}html[dir=rtl] .hero-bottom>p{font-size:18px}html[dir=rtl] .service-body{padding-right:42px}html[dir=rtl] .contact-display{font-size:40px}html[dir=rtl] .article-body{font-size:19px}html[dir=rtl] .hero-top .eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Editorial content must wrap safely at narrow widths and high zoom. */
h1,h2,h3,.case-copy p,.article-body p,.project-intro-bottom>p{overflow-wrap:anywhere}
.image-placeholder{width:100%;aspect-ratio:1.95;background:#e1ded8}
.featured-image::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.65));pointer-events:none}
.featured-caption{z-index:1}

.no-script-nav{display:flex;gap:20px;flex-wrap:wrap;padding-block:20px;border-bottom:1px solid var(--line)}

/* Text and controls remain usable when font downloads fail or text is enlarged. */
input,select,textarea{max-width:100%}button,a,summary{overflow-wrap:anywhere}.contact-aside a{overflow-wrap:anywhere}html.font-fallback{--arabic:Tahoma,Arial,sans-serif;--sans:Arial,sans-serif}
.menu-toggle{white-space:nowrap;flex-shrink:0}
@media(max-width:400px){.site-header{gap:12px}.site-header .wordmark img{width:108px}.header-actions{gap:16px}}