@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--navy:#101d30;--navy2:#172941;--cream:#f1eee7;--white:#faf8f3;--gold:#bca06f;--muted:#aab4c2;--ink:#182437;--line:rgba(244,242,235,.19);font-family:Manrope,'DM Sans',sans-serif;color:var(--white);background:var(--navy)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{font:inherit}a{color:inherit}button{cursor:pointer}img{max-width:100%}::selection{background:var(--gold);color:var(--navy)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
[dir=rtl]{font-family:'Noto Sans Arabic',sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0!important}[dir=rtl] .eyebrow{letter-spacing:0}
.wrap{width:min(100% - 80px,1340px);margin-inline:auto}.skip{position:fixed;z-index:100;top:-100px;left:20px;background:var(--white);color:var(--navy);padding:12px}.skip:focus{top:16px}
.header{position:relative;z-index:40;background:var(--navy);border-bottom:1px solid var(--line)}.header-inner{width:min(100% - 80px,1440px);margin:auto;min-height:88px;display:flex;align-items:center;gap:50px}.brand{text-decoration:none;display:flex;align-items:center;flex:none}.brand-image{width:154px;height:40px;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:27px;margin-inline-start:auto}.nav a{text-decoration:none;font-size:.84rem;color:#c3cad4;transition:color .2s;white-space:nowrap}.nav a:hover,.nav a[aria-current]{color:var(--white)}.nav a[aria-current]::after{content:'';display:block;width:100%;height:1px;background:var(--gold);margin-top:7px}.header-actions{display:flex;gap:18px;align-items:center}.lang-link{color:var(--gold);font-size:.83rem;text-decoration:none;border:1px solid #6b685e;padding:9px 12px;white-space:nowrap}.menu-btn{display:none;border:0;background:transparent;color:var(--white);height:44px;width:44px}.menu-btn span{display:block;width:23px;height:1px;background:currentColor;margin:7px auto;transition:transform .25s}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-btn[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.eyebrow,.kicker{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.19em;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h1{font-size:clamp(3.5rem,7.4vw,8.2rem);line-height:1.07;letter-spacing:-.075em}h2{font-size:clamp(2.5rem,4.5vw,5.4rem);line-height:1.14;letter-spacing:-.065em}h3{font-size:1.7rem;letter-spacing:-.045em}p{line-height:1.72}.period{color:var(--gold)}
.hero{padding-top:62px}.hero-top{display:flex;justify-content:space-between;align-items:center}.hero-edition{font-size:.72rem;letter-spacing:.12em;color:#8d98a9}.hero h1{max-width:1300px;margin:82px 0 88px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-bottom{display:grid;grid-template-columns:1fr 280px;gap:65px;align-items:end}.hero-lead{max-width:685px;font-size:clamp(1.15rem,1.8vw,1.65rem);line-height:1.55;color:#e3e6e9}.hero-aside{font-size:.88rem;color:var(--muted);margin:0;border-inline-start:1px solid var(--gold);padding-inline-start:22px}.actions{display:flex;align-items:center;gap:36px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:220px;gap:32px;padding:17px 23px;background:var(--gold);border:1px solid var(--gold);color:var(--navy);text-decoration:none;font-size:.88rem;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#dfc596}.button span,.text-link span,.more-link span,.footer-cta span{font-size:1.2rem}.text-link,.more-link{text-decoration:none;display:inline-flex;align-items:center;gap:25px;font-size:.9rem;font-weight:700;border-bottom:1px solid currentColor;padding:10px 0;transition:color .2s}.text-link:hover,.more-link:hover{color:var(--gold)}.hero-rule{display:flex;align-items:center;gap:22px;font-size:.73rem;color:var(--muted);margin:110px 0 0;padding-bottom:24px}.rule-line{height:1px;background:var(--line);flex:1}
.section-space{padding-block:112px 124px}.dark-section{background:var(--navy2)}.cream-section{background:var(--cream);color:var(--ink)}.cream-section .eyebrow{color:#806336}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:56px}.section-heading h2{margin:0;max-width:730px}.section-heading>p{max-width:320px;color:var(--muted);font-size:1rem;margin-bottom:4px}.cream-section .section-heading>p{color:#59616a}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.project-card{text-decoration:none;min-width:0}.project-art{height:330px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:#2d4258;isolation:isolate;transition:filter .25s}.project-card:hover .project-art{filter:brightness(1.13)}.project-art::before{content:'';position:absolute;inset:20px;border:1px solid rgba(255,255,255,.25);pointer-events:none}.project-art::after{content:'';position:absolute;inset:auto -10% -58% 20%;width:80%;aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:50%;pointer-events:none}.project-art strong{font-size:clamp(2.2rem,3.2vw,4rem);letter-spacing:-.07em;font-weight:700;line-height:1;max-width:85%;position:relative;z-index:1}.art-index,.art-stamp{font-size:.71rem;letter-spacing:.11em;text-transform:uppercase;position:relative;z-index:1}.art-line{display:block;width:70px;height:2px;background:var(--gold);position:absolute;top:43%;left:25px}.project-tink-home .project-art,.project-art.project-tink-home{background:#465151}.project-rawan-design .project-art,.project-art.project-rawan-design{background:#50483d}.project-tony-fast-food .project-art,.project-art.project-tony-fast-food{background:#55433a}.project-shiftdb .project-art,.project-art.project-shiftdb{background:#334858}.project-meta{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding:22px 0 20px;gap:15px}.project-meta h3{margin:8px 0 0}.project-meta .kicker{font-size:.67rem;letter-spacing:.08em}.project-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #667385;flex:none;font-size:1.3rem}.more-link{margin-top:42px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 34px}.work-grid .project-art{height:430px}.work-note{color:var(--muted);max-width:760px;margin:54px 0 0;font-size:.9rem}
.service-list{border-top:1px solid #bfc1be}.service-row{display:grid;grid-template-columns:90px minmax(220px,1fr) minmax(250px,.85fr) 35px;gap:25px;align-items:center;text-decoration:none;padding:37px 5px;border-bottom:1px solid #bfc1be;transition:padding .2s,background .2s}.service-row:hover{padding-inline:17px;background:#e7e1d7}.service-no{font-size:.79rem;color:#806336}.service-row h3{font-size:clamp(1.6rem,2.6vw,2.8rem);margin:0}.service-row p{margin:0;color:#59616a;font-size:.94rem}.service-arrow{font-size:1.4rem}.large .service-row{padding-block:55px}.statement{display:grid;grid-template-columns:1fr 3fr;gap:50px}.statement h2{grid-column:2;max-width:920px}.statement-bottom{grid-column:2;display:flex;justify-content:space-between;gap:40px;align-items:end}.statement-bottom p{color:var(--muted);max-width:565px;margin:0}.statement-bottom .more-link{white-space:nowrap}
.contact-band{background:#ab8e5d;color:var(--navy)}.contact-band-inner{padding-block:75px;display:flex;align-items:end;justify-content:space-between;gap:35px}.contact-band .eyebrow{color:#3e3424}.contact-band h2{max-width:740px;margin:0}.button.light{background:var(--navy);color:var(--white);border-color:var(--navy)}.button.light:hover{background:#253a55}
.footer{background:#0b1727}.footer-top{padding-block:65px;display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--line)}.footer-brand{text-decoration:none;font-size:2.8rem;font-weight:800;letter-spacing:-.06em}.footer-top p{color:var(--muted);font-size:.87rem;margin-top:12px}.footer-cta{text-decoration:none;border-bottom:1px solid var(--gold);display:inline-flex;gap:45px;align-items:center;padding:12px 0}.footer-bottom{display:flex;justify-content:space-between;padding-block:24px;font-size:.74rem;color:#9ca7b6}
.page-hero{padding-top:95px;padding-bottom:115px}.page-hero h1{max-width:1200px;margin:30px 0}.page-hero>p:last-child{max-width:730px;color:#c8d0d8;font-size:1.18rem}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.huge-label{font-size:clamp(6rem,16vw,16rem);letter-spacing:-.12em;font-weight:800;line-height:1;white-space:nowrap;opacity:.12}.about-layout h2{font-size:clamp(2.2rem,3.7vw,4.6rem)}.about-layout p:not(.eyebrow){color:#59616a;max-width:540px}.steps{max-width:1000px}.step{display:grid;grid-template-columns:135px 1fr;border-bottom:1px solid #bfc1be;padding:44px 0}.step:first-child{border-top:1px solid #bfc1be}.step-no{color:#806336;font-size:.85rem}.step h2{font-size:clamp(2rem,4vw,4.3rem);margin-bottom:15px}.step p{max-width:570px;color:#59616a;margin:0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:12vw;min-height:460px}.contact-layout h2{font-size:clamp(2.2rem,4vw,4.5rem)}.contact-pending{color:#68717b;margin-top:40px;max-width:370px}.brief{border-top:1px solid #bfc1be;padding-top:30px}.brief h2{font-size:1.6rem}.brief ol{list-style:none;padding:0;counter-reset:brief}.brief li{counter-increment:brief;border-bottom:1px solid #bfc1be;padding:23px 0;display:flex;gap:30px}.brief li::before{content:'0' counter(brief);color:#806336}
.project-hero{padding-top:55px}.back-link{text-decoration:none;font-size:.85rem;color:var(--gold);display:inline-block;margin-bottom:58px}.detail-art{height:clamp(350px,45vw,600px)}.detail-art strong{font-size:clamp(4rem,9vw,10rem)}.detail-art .art-line{top:52%}.project-detail-body{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-top:68px}.project-detail-body h2{font-size:2.1rem}.project-detail-body p:not(.eyebrow){font-size:1.22rem;color:#d4dbe3;max-width:680px}.project-detail-body .button{margin-top:24px}.project-fallback{font-size:.9rem!important;color:var(--muted)!important;border-inline-start:1px solid var(--gold);padding-inline-start:20px;margin-top:30px}
@media(max-width:1100px){.nav{gap:15px}.header-inner{gap:25px}.project-grid{gap:18px}.project-art{height:275px}.work-grid .project-art{height:350px}.service-row{grid-template-columns:55px 1fr 1fr 22px}}
@media(max-width:850px){.wrap,.header-inner{width:min(100% - 44px,1340px)}.header-inner{min-height:74px}.menu-btn{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy);padding:22px;border-bottom:1px solid var(--gold);box-shadow:0 18px 30px #07101d80}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav a{font-size:1rem;padding:14px;border-bottom:1px solid var(--line)}.nav a[aria-current]::after{display:none}.header-actions{margin-inline-start:auto}.hero h1{margin:55px 0}.hero-bottom{grid-template-columns:1fr}.hero-aside{max-width:500px}.hero-rule{margin-top:80px}.section-space{padding-block:80px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid .project-card:last-child:nth-child(odd){grid-column:span 2}.project-grid .project-card:last-child:nth-child(odd) .project-art{height:320px}.work-grid .project-card:last-child:nth-child(odd){grid-column:span 2}.service-row{grid-template-columns:42px 1fr 24px}.service-row p{grid-column:2;grid-row:2}.service-arrow{grid-column:3;grid-row:1}.statement{grid-template-columns:1fr}.statement h2,.statement-bottom{grid-column:1}.about-layout{grid-template-columns:1fr;gap:35px}.huge-label{font-size:clamp(5rem,21vw,10rem)}.contact-layout{gap:50px}.page-hero{padding-top:72px;padding-bottom:75px}}
@media(max-width:600px){.wrap,.header-inner{width:min(100% - 36px,1340px)}.brand-image{width:116px;height:34px}.header-actions{gap:8px}.lang-link{padding:8px;font-size:.75rem}.hero{padding-top:40px}.hero-edition{display:none}.eyebrow{font-size:.68rem}.hero h1{font-size:clamp(3.1rem,12vw,5.4rem);margin:56px 0}.hero-lead{font-size:1.12rem}.hero-rule{margin-top:72px}.actions{gap:18px}.button{min-width:0;width:100%}.section-space{padding-block:66px 78px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px}.project-grid,.work-grid{grid-template-columns:1fr;gap:38px}.project-grid .project-card:last-child:nth-child(odd),.work-grid .project-card:last-child:nth-child(odd){grid-column:auto}.project-art,.work-grid .project-art,.project-grid .project-card:last-child:nth-child(odd) .project-art{height:310px}.project-art strong{font-size:3rem}.service-row{padding-block:28px;column-gap:10px}.service-row h3{font-size:1.55rem}.service-row p{font-size:.88rem}.statement-bottom{display:block}.statement-bottom .more-link{margin-top:24px}.contact-band-inner{display:block;padding-block:65px}.contact-band-inner .button{margin-top:35px}.footer-top,.footer-bottom{display:block}.footer-cta{margin-top:20px}.footer-bottom span{display:block;margin:6px 0}.page-hero{padding-top:60px;padding-bottom:70px}.page-hero h1{font-size:clamp(3rem,12vw,5rem)}.page-hero>p:last-child{font-size:1rem}.step{grid-template-columns:48px 1fr;gap:12px;padding:30px 0}.step h2{font-size:2rem}.contact-layout,.project-detail-body{grid-template-columns:1fr;gap:36px}.detail-art{height:350px}.detail-art strong{font-size:3.8rem}.project-detail-body{padding-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}