:root{--ink:#20201f;--paper:#f3eadf;--paper2:#e8dccf;--coral:#ea3d4d;--sage:#73866f;--white:#fffaf3;--line:rgba(32,32,31,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Tajawal",sans-serif;line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.section-pad{padding:110px max(5vw,32px)}.site-header{height:88px;padding:0 max(5vw,32px);display:flex;align-items:center;gap:36px;position:relative;z-index:20;background:var(--ink);color:var(--white);border-bottom:1px solid rgba(255,255,255,.12)}.brand img{width:58px;height:58px;object-fit:contain}.site-header nav{display:flex;gap:30px;margin-inline-start:auto}.site-header nav a{font-size:15px;color:#d8d0c8;transition:.2s}.site-header nav a:hover,.site-header nav a.active{color:#fff}.header-cta{border-bottom:1px solid var(--coral);padding:8px 0;font-weight:700}.menu-toggle{display:none;background:none;border:0;color:#fff;font:inherit}.eyebrow{font-size:13px;letter-spacing:.08em;font-weight:700;margin:0 0 20px}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;overflow:hidden}.hero h1,.page-hero h1{font-size:clamp(54px,7vw,105px);line-height:.96;letter-spacing:-.055em;margin:0}.hero h1 em,.page-hero h1 em{font-style:normal;color:var(--coral)}.lead{font-size:clamp(18px,2vw,25px);max-width:720px;color:#4c4945;margin:34px 0}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-weight:700;border:1px solid var(--ink);transition:.25s}.button.primary{background:var(--coral);border-color:var(--coral);color:white}.button.primary:hover{background:var(--ink);border-color:var(--ink)}.button.secondary{background:var(--ink);color:white}.text-button{border:0;padding-inline:0}.hero-canvas{height:min(70vh,720px);position:relative}.hero-canvas figure{margin:0;position:absolute;overflow:hidden}.hero-main{inset:4% 4% 8% 18%;background:#fff}.hero-main img{width:100%;height:100%;object-fit:cover}.hero-float{width:32%;left:0;bottom:0;border:10px solid var(--paper)}.hero-note{position:absolute;top:0;right:0;background:var(--coral);color:white;padding:18px 22px;font-weight:700;line-height:1.4}.dark-section{background:var(--ink);color:var(--white)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:50px}.section-head h2{font-size:clamp(42px,5vw,72px);line-height:1;margin:0}.section-head>p{max-width:520px;font-size:18px;color:#bbb2aa}.section-head.light>p{color:#c9c0b7}.inline-link{font-weight:700;border-bottom:1px solid}.light-link{color:var(--white)}.rashf-stage{display:block;position:relative;overflow:hidden;background:#758970}.rashf-stage img{width:100%;height:min(72vh,780px);object-fit:cover;transition:.5s}.rashf-stage:hover img{transform:scale(1.015)}.rashf-stage span{position:absolute;right:28px;bottom:26px;background:var(--white);color:var(--ink);padding:13px 18px;font-weight:700}.rashf-stage small{position:absolute;left:24px;top:24px;background:var(--ink);color:white;padding:8px 12px}.project-editorial{display:grid;grid-template-columns:1.3fr .7fr;gap:32px}.project{position:relative;margin-bottom:38px}.project-wide{grid-row:span 2}.project img{width:100%;height:460px;object-fit:cover;background:#ddd}.project-tall img{height:680px;object-position:center top}.project-square img{height:auto}.project div{padding-top:15px;display:grid;grid-template-columns:1fr auto;align-items:end}.project h3{font-size:30px;margin:0}.project p,.project span{color:#69625c;margin:0}.services-strip .section-head{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:40px}.service-lines>a{display:grid;grid-template-columns:70px 1.1fr 1fr 40px;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);padding:28px 0}.service-lines b{color:var(--coral)}.service-lines h3{font-size:28px;margin:0}.service-lines span{color:#bdb5ae}.service-lines i{font-style:normal;font-size:22px}.monthly{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw}.monthly-intro h2{font-size:clamp(42px,5.2vw,78px);line-height:1.05;margin:0 0 30px}.monthly-intro>p:last-child{font-size:19px;max-width:700px}.monthly-panel{background:var(--paper2);padding:42px}.monthly-panel>p{font-weight:800}.monthly-panel ul{list-style:none;padding:0;margin:30px 0}.monthly-panel li{padding:14px 0;border-bottom:1px solid var(--line)}.monthly-panel li:before{content:"✓";color:var(--coral);margin-left:12px}.monthly-panel>div{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:35px}.process{padding-top:40px}.process-list{list-style:none;padding:0;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:90px 1fr;padding:22px 0;border-bottom:1px solid var(--line);font-size:24px}.process-list b{color:var(--coral);font-size:14px}.about{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center}.portrait{background:var(--coral);overflow:hidden;border-radius:50% 50% 8px 8px}.portrait img{width:100%}.about-copy h2{font-size:clamp(38px,5vw,68px);line-height:1.08;margin:0}.about-copy>p:not(.eyebrow){font-size:20px;color:#c9c0b7;max-width:770px;margin:34px 0}.guide-teaser{display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw;align-items:center}.guide-cover{background:var(--coral);color:#fff;padding:36px;min-height:540px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:18px 18px 0 var(--ink)}.guide-cover strong{font-size:150px;line-height:.7}.guide-cover h3{font-size:35px;line-height:1.15;margin:0}.guide-copy h2{font-size:clamp(40px,5vw,72px);line-height:1.05;margin:0}.guide-copy>p:not(.eyebrow){font-size:20px;max-width:680px;margin:28px 0}.final-cta{text-align:center;background:var(--paper2)}.final-cta p{font-weight:700}.final-cta h2{font-size:clamp(45px,6vw,86px);line-height:1.05;margin:20px 0 38px}footer{background:var(--ink);color:var(--white);padding:60px max(5vw,32px);display:grid;grid-template-columns:90px 1fr auto;gap:30px;align-items:center}footer img{width:70px}footer div{display:flex;gap:24px}footer small{grid-column:2/4;color:#aaa}.whatsapp-float{position:fixed;z-index:25;left:22px;bottom:22px;background:#1f9d55;color:#fff;padding:12px 18px;border-radius:99px;font-weight:700}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.page-hero{padding-top:150px;padding-bottom:140px}.page-hero>p:last-child{font-size:21px;max-width:680px}.work-feature{padding-top:30px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:50px}.filter-bar button{font:inherit;border:1px solid var(--ink);background:transparent;padding:10px 18px;cursor:pointer}.filter-bar button.active{background:var(--ink);color:white}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 32px}.work-card img{width:100%;aspect-ratio:1.2;object-fit:cover;background:#ddd}.work-card.tall img{aspect-ratio:.75;object-position:center top}.work-card.wide{grid-column:span 2}.work-card.wide img{aspect-ratio:2.3}.work-card h2{font-size:32px;margin:14px 0 0}.work-card p{margin:0;color:#69625c}.case-hero{position:relative;background:#758970}.case-hero>img{width:100%;height:calc(100vh - 88px);object-fit:cover}.case-hero>div{position:absolute;inset:auto max(5vw,32px) 45px auto;color:#fff;text-shadow:0 2px 18px #000}.case-hero h1{font-size:clamp(80px,14vw,210px);line-height:.8;margin:20px 0}.case-hero p{font-size:24px}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.case-intro h2{font-size:60px;line-height:1.05;margin:0}.case-intro>div>p{font-size:20px}.case-intro dl div{display:grid;grid-template-columns:120px 1fr;border-top:1px solid var(--line);padding:16px 0}.case-intro dt{font-weight:800}.case-banner img{width:100%}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.case-grid img{width:100%}.case-close{text-align:center;background:#758970;color:white}.case-close h2{font-size:clamp(45px,6vw,86px)}.service-detail article{display:grid;grid-template-columns:70px 1fr .8fr;gap:40px;align-items:center;padding:70px 0;border-bottom:1px solid rgba(255,255,255,.2)}.service-detail article>b{color:var(--coral)}.service-detail h2{font-size:48px;margin:4px 0}.service-detail p{color:#aaa}.service-detail span{display:block;color:#ccc;font-size:18px;margin-bottom:24px}.service-detail a{border-bottom:1px solid}.service-detail img{width:100%;max-height:420px;object-fit:cover}.guide-landing{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw}.guide-landing h1{font-size:clamp(50px,7vw,100px);line-height:.98;margin:0}.guide-landing>div>p:not(.eyebrow){font-size:21px;max-width:750px}.guide-cover.large{min-height:650px}.coming-note{border-right:4px solid var(--coral);padding:8px 18px;margin:30px 0;display:flex;flex-direction:column}.coming-note span{color:#625d57}
@media(max-width:900px){.section-pad{padding:78px 22px}.site-header{height:74px;padding:0 20px}.brand img{width:48px;height:48px}.menu-toggle{display:block;margin-inline-start:auto}.site-header nav{display:none;position:absolute;top:74px;right:0;left:0;background:var(--ink);padding:25px;flex-direction:column;margin:0}.site-header nav.open{display:flex}.site-header .header-cta{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero h1,.page-hero h1{font-size:clamp(45px,14vw,70px)}.hero-canvas{height:500px}.section-head{align-items:start;flex-direction:column}.rashf-stage img{height:auto;min-height:340px}.project-editorial,.monthly,.about,.guide-teaser,.case-intro,.guide-landing{grid-template-columns:1fr}.project-wide{grid-row:auto}.project img,.project-tall img{height:auto}.service-lines>a{grid-template-columns:45px 1fr 25px}.service-lines span{display:none}.monthly-panel>div{align-items:start;flex-direction:column}.process-list li{font-size:19px}.about .portrait{max-width:500px;margin:auto}.guide-cover{max-width:500px}.portfolio-grid{grid-template-columns:1fr}.work-card.wide{grid-column:auto}.work-card.wide img{aspect-ratio:1.4}.case-hero>img{height:auto;min-height:420px}.case-hero h1{font-size:80px}.case-grid{grid-template-columns:1fr}.service-detail article{grid-template-columns:40px 1fr}.service-detail article img{grid-column:1/3}.guide-cover.large{order:-1;min-height:520px}footer{grid-template-columns:70px 1fr}footer div{grid-column:1/3;flex-wrap:wrap}footer small{grid-column:1/3}}
@media(max-width:520px){.section-pad{padding:64px 18px}.hero{padding-top:45px}.hero h1{font-size:46px}.lead{font-size:17px}.hero-canvas{height:390px}.hero-float{border-width:6px}.section-head h2,.monthly-intro h2,.about-copy h2,.guide-copy h2{font-size:38px}.rashf-stage span{right:12px;bottom:12px}.rashf-stage small{left:12px;top:12px}.service-lines h3{font-size:21px}.monthly-panel{padding:26px}.final-cta h2{font-size:42px}.guide-cover{min-height:450px;padding:25px}.guide-cover strong{font-size:110px}.guide-cover h3{font-size:28px}.page-hero{padding-top:90px;padding-bottom:90px}.filter-bar{gap:6px}.filter-bar button{padding:8px 12px;font-size:14px}.work-card h2{font-size:26px}.case-intro h2,.service-detail h2{font-size:38px}.case-hero>div{bottom:20px}.case-hero p{font-size:17px}.guide-landing h1{font-size:48px}.whatsapp-float{font-size:14px;left:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.rashf-stage img{transition:none}}

/* Dark editorial direction — aligned with the portfolio identity */
:root{--ink:#202020;--paper:#242424;--paper2:#2c2c2c;--coral:#eb3e4d;--sage:#73866f;--white:#efe2d3;--line:rgba(239,226,211,.16)}
body{background:var(--paper);color:var(--white)}
.site-header{background:#1f1f1f}
.hero .lead,.page-hero>p:last-child,.project p,.project span,.work-card p,.monthly-intro>p:last-child,.coming-note span{color:#c8bfb6}
.dark-section{background:#1f1f1f}
.monthly-panel,.final-cta{background:#2d2d2d}
.monthly-panel li,.process-list,.process-list li,.case-intro dl div{border-color:rgba(239,226,211,.16)}
.button.secondary{background:var(--white);border-color:var(--white);color:var(--ink)}
.text-button{color:var(--white)}
.hero-main,.project img,.work-card img,.service-detail img{background:#191919}
.guide-cover{box-shadow:18px 18px 0 #111}
.filter-bar button{color:var(--white);border-color:rgba(239,226,211,.55)}
.filter-bar button.active{background:var(--white);color:var(--ink)}

/* Let every artwork keep its original composition */
.hero-canvas figure,.rashf-stage,.project img,.work-card img,.service-detail img,.case-banner img,.case-grid img{border-radius:22px}
.hero-main img,.project img,.project-tall img,.work-card img,.work-card.wide img,.work-card.tall img,.service-detail img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.hero-main{display:flex;align-items:center;justify-content:center;border-radius:22px;background:#191919}
.hero-main img{width:100%;max-height:100%;object-fit:contain}
.hero-float{border-color:var(--paper);border-radius:18px}
.rashf-stage img{height:auto;min-height:0;object-fit:contain;border-radius:0}
.rashf-stage{border-radius:24px}
.project-editorial{align-items:start}
.project-tall img{max-height:720px;width:100%;object-fit:contain}
.work-card{align-self:start}
.work-card img{width:100%}
.work-card.tall img{max-height:760px}
.service-detail img{max-height:560px;object-fit:contain}
.case-hero>img{object-fit:contain;background:#1c241b}

@media(max-width:900px){
  .hero h1,.page-hero h1{font-size:clamp(38px,10.5vw,54px);line-height:1.04;letter-spacing:-.04em}
  .lead,.page-hero>p:last-child{font-size:16px;line-height:1.75}
  .section-head h2,.monthly-intro h2,.about-copy h2,.guide-copy h2{font-size:34px;line-height:1.14}
  .final-cta h2{font-size:38px}
  .case-intro h2,.service-detail h2{font-size:34px}
  .project h3,.work-card h2{font-size:25px}
  .rashf-stage img{min-height:0}
}
@media(max-width:520px){
  .section-pad{padding:56px 18px}
  .hero{padding-top:38px;gap:42px}
  .hero h1,.page-hero h1{font-size:37px;line-height:1.07}
  .lead{font-size:15px;margin:24px 0}
  .section-head h2,.monthly-intro h2,.about-copy h2,.guide-copy h2{font-size:30px}
  .service-lines h3{font-size:19px}
  .process-list li{font-size:17px}
  .final-cta h2{font-size:33px}
  .guide-cover h3{font-size:25px}
  .page-hero{padding-top:72px;padding-bottom:72px}
  .case-intro h2,.service-detail h2{font-size:30px}
  .case-hero h1{font-size:62px}
  .case-hero p{font-size:15px}
  .guide-landing h1{font-size:37px;line-height:1.08}
  .button{min-height:48px;padding:0 18px}
}

/* Keep primary content immediately visible; motion is reserved for hover feedback. */
.reveal,.reveal.visible{opacity:1;transform:none;transition:none}