/* WAH​AJ — editorial art direction for inner pages only.
   Keeps homepage HTML, stylesheet and animated sections untouched. */
:root{
 color-scheme:light;--bg:#ededee;--panel:#fff;--panel2:#f4f4f5;
 --line:rgba(19,20,24,.105);--soft:#555963;--white:#111216;
 --accent:#c8233b;--accent2:#d42b44;--shadow:0 18px 46px rgba(12,13,18,.085);
}
body{background:#ededee;color:#141417;scroll-padding-top:90px}
body:before{display:none!important}
h1,h2,h3,h4{color:#111216;letter-spacing:0!important}
p{color:#535760;line-height:1.95}
.eyebrow{color:#bd2037!important;font-size:13px;letter-spacing:0!important}
.eyebrow:before{background:#c8233b}
.wahaj-header{
 height:85px;background:rgba(250,250,251,.96);
 border-bottom:1px solid rgba(0,0,0,.075);
 box-shadow:0 6px 20px rgba(0,0,0,.025);
 backdrop-filter:blur(18px)
}
.brand .logo{filter:none;width:151px;height:76px}
.wahaj-header nav a{color:#23242a;font-size:13px;font-weight:700}
.wahaj-header nav a.active,.wahaj-header nav a:hover{color:#b91b34}
.wahaj-header nav a.active{border-bottom-color:#c8233b}
.header-cta{background:#c8233b;color:#fff!important}
.nav-toggle{border-color:#d7d7db;background:#fff}
.nav-toggle span{background:#1b1d22}
.container{width:min(1240px,calc(100% - 64px))}
.page-hero{
 background:linear-gradient(112deg,#f5f5f6 0%,#ededee 70%,#f4ecee 100%);
 border-bottom:1px solid rgba(23,23,23,.07);
 overflow:hidden
}
.page-hero:before{
 content:"";position:absolute;inset:0 auto 0 0;width:5px;
 background:linear-gradient(#c8233b,#872034);opacity:.9
}
.hero-grid{
 min-height:565px;padding-block:72px 86px;
 gap:clamp(36px,5vw,82px);
 grid-template-columns:minmax(0,1fr) minmax(0,.9fr)
}
.hero-copy{min-width:0;max-width:680px}
.hero-copy h1{font-size:clamp(35px,4.4vw,66px);line-height:1.38;margin:19px 0 20px}
.hero-copy p{font-size:16px;color:#595d66;line-height:2;max-width:585px}
.hero-actions{margin-top:30px;gap:12px}
.button-primary,.header-cta{background:#c8233b;box-shadow:none!important}
.button-primary:hover,.header-cta:hover{background:#9d182d!important}
.button-outline{color:#111216;background:#fff;border:1px solid #d5d5d8}
.button-outline:hover{background:#f3f3f4}
.hero-photo{
 border-radius:27px;aspect-ratio:1.18;
 background:#dcdce0;transform:none!important;
 border:7px solid #fff;
 box-shadow:0 22px 50px rgba(22,18,22,.13);
 isolation:isolate
}
.hero-photo:after{
 background:linear-gradient(to top,rgba(15,15,20,.13),transparent 42%);
 pointer-events:none
}
.hero-photo img{object-position:center;transition:transform .9s cubic-bezier(.23,1,.32,1)}
.hero-photo:hover>img{transform:scale(1.025)}
.hero-glow{display:none!important}
.wahaj-editorial-caption{
 position:absolute;bottom:17px;right:17px;z-index:4;
 background:rgba(18,19,22,.78);color:#fff;
 padding:8px 15px;border-radius:100px;
 font-size:12px;font-weight:700;
 box-shadow:0 5px 20px rgba(0,0,0,.12);
 pointer-events:none
}
.wahaj-team-hero-real{
 width:100%;height:100%;display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
 background:linear-gradient(130deg,#16161b,#25252d);
 overflow:hidden;padding:8px
}
.wahaj-team-hero-real img{
 display:block!important;position:static!important;
 width:100%!important;height:100%!important;min-width:0!important;
 object-fit:cover!important;object-position:center top!important;
 transform:none!important;border-radius:14px!important
}
.wahaj-team-hero-real img:first-child{
 outline:2px solid #c8233b;outline-offset:-2px
}
.page-section{padding-block:clamp(64px,7vw,100px);background:#fff}
.page-section.alt{background:#f1f1f3}
.section-intro{margin-bottom:36px;max-width:790px}
.section-intro h2{line-height:1.39;font-size:clamp(28px,3.7vw,48px)}
.section-intro p{font-size:15px}
.mini-card,.service-card,.portfolio-card,.review-card,.team-person,.contact-details,.wahaj-form,.policy-article{
 background:#fff;border:1px solid #e1e1e4;
 box-shadow:0 7px 22px rgba(23,24,28,.037);
 border-radius:22px
}
.mini-card{padding:29px 26px;min-height:200px}
.mini-card h3{line-height:1.5}
.mini-card p,.service-card p,.portfolio-content p,.team-body p{color:#5d616a;line-height:1.85}
.mini-card .numb,.service-index{color:#c8233b}
.mini-card:hover,.service-card:hover,.portfolio-card:hover{
 transform:translateY(-5px);border-color:rgba(200,35,59,.36);
 box-shadow:0 20px 42px rgba(30,22,27,.09)
}
.service-card{padding:12px 12px 23px}
.service-img{height:210px;border-radius:14px;background:#e9e9ec}
.service-img img{object-position:center}
.service-card h3{margin:10px 0;font-size:21px}
.card-link{color:#bd2037}
.split-info{gap:clamp(32px,5vw,68px)}
.split-info h2{line-height:1.38}
.split-media{min-height:365px;background:#e7e7eb;border:7px solid #fff;box-shadow:0 16px 35px rgba(16,17,20,.11)}
.split-media img{height:100%;max-height:520px;object-fit:cover}
.check-list li{border-bottom:1px solid #e6e6e8;color:#34363d;line-height:1.8}
.check-list li:before{content:"✓";color:#c8233b}
.faq-item{background:#fff;border:1px solid #e1e1e4;box-shadow:0 6px 20px rgba(0,0,0,.025)}
.faq-item summary{color:#1e2025;line-height:1.8}
.faq-item p{color:#53565c}
.faq-item summary:after{color:#c8233b}
.faq-item[open] summary:after{content:"−"}
.portfolio-card{background:#fff;min-height:380px}
.portfolio-card img{height:228px}
.portfolio-content span{color:#c8233b}
.portfolio-content strong{color:#2f3035}
.notice{background:#fff7f8;color:#773848;border-right:3px solid #c8233b}
.team-person{overflow:hidden}
.avatar-abstract{background:#e6e6ea}
.team-body span{color:#b92036}
.review-card blockquote{color:#26262a}
.review-meta{border-top:1px solid #e6e6e9}
.review-stars{color:#c8233b}
.contact-details>p,.contact-details small{color:#64676e}
.contact-line span{color:#7a7e85}
.contact-line a{color:#181a20}
.wahaj-form input:not([type=checkbox]),.wahaj-form select,.wahaj-form textarea{
 background:#f7f7f8;border:1px solid #dcdce1;color:#17181d;
}
.wahaj-form input:focus,.wahaj-form select:focus,.wahaj-form textarea:focus{
 border-color:#c8233b;box-shadow:0 0 0 3px rgba(200,35,59,.1)
}
.wahaj-form .privacy-consent{color:#565b63}
.policy-part{border-bottom:1px solid #e1e1e5}
.wahaj-rich-section{background:#f1f1f3!important}
.wahaj-rich-heading{max-width:850px;margin-bottom:36px}
.wahaj-rich-heading h2{font-size:clamp(28px,3.7vw,48px);line-height:1.4}
.wahaj-rich-heading p{color:#5c606a;font-size:15px}
.wahaj-rich-gallery{gap:16px}
.wahaj-rich-photo{
 background:#e4e4e8;aspect-ratio:4/5;
 border-radius:20px;border:5px solid #fff;
 box-shadow:0 12px 28px rgba(0,0,0,.06)
}
.wahaj-rich-photo figcaption{
 font:750 14px/1.65 Cairo,Tahoma,sans-serif;
 background:linear-gradient(transparent,rgba(12,12,16,.86));
 padding:40px 16px 17px
}
.wahaj-rich-photo img{object-fit:cover}
.wahaj-rich-photo:hover img{transform:scale(1.055)}
.wahaj-illustrative-note{
 margin:21px auto 0;max-width:950px;
 text-align:center;font-size:12px;color:#71737a
}
.foot-cta{
 background:linear-gradient(120deg,#18161a,#360f19 72%,#611427);
 color:#fff;border-top:0
}
.foot-cta h2,.foot-cta .eyebrow{color:#fff}
.foot-cta p{color:#d6cdd0}
.foot-cta em{color:#ff6b82}
.site-footer{background:#121216;color:#fff}
.site-footer h3,.site-footer a,.site-footer .footer-bottom,.site-footer p{color:#fff}
.site-footer .footer-logo{filter:brightness(0) invert(1)}
.footer-grid a{color:#d7d3d5}
.footer-grid a:hover{color:#ff6b82}
.footer-bottom{border-top-color:rgba(255,255,255,.15);color:#bbb}
.reveal{transition:opacity .72s cubic-bezier(.2,.72,.2,1),transform .72s cubic-bezier(.2,.72,.2,1)}
.reveal.will-reveal{opacity:0;transform:translateY(24px)}
.reveal.will-reveal.visible{opacity:1;transform:none}
@media(max-width:1150px){
 .wahaj-header nav a{font-size:12px}
 .wahaj-header{padding-inline:23px}
}
@media(max-width:900px){
 .wahaj-header{height:80px}
 .wahaj-header nav{
  top:80px;background:#fff;box-shadow:0 18px 36px rgba(0,0,0,.09);
  border-bottom:1px solid #e4e4e7
 }
 .wahaj-header nav a{color:#25262b}
 .hero-grid{grid-template-columns:1fr;min-height:auto;padding-block:60px;gap:35px}
 .hero-photo{max-height:450px;aspect-ratio:1.55}
 .wahaj-header .nav-toggle{display:block}
 .contact-grid{gap:22px}
 .split-info{grid-template-columns:1fr}
}
@media(max-width:600px){
 .container{width:calc(100% - 32px)}
 .wahaj-header{height:74px;padding-inline:16px}
 .wahaj-header nav{top:74px}
 .brand .logo{width:125px;height:64px}
 .page-hero .hero-grid{padding-block:48px 62px;gap:28px}
 .hero-copy h1{font-size:clamp(31px,8.8vw,43px);line-height:1.46}
 .hero-copy p{font-size:14px}
 .hero-photo{max-height:310px;aspect-ratio:1.24;border-width:5px}
 .page-section{padding-block:64px}
 .section-intro h2{font-size:clamp(27px,7.4vw,36px)}
 .card-grid,.card-grid.cols-2,.card-grid.cols-4{grid-template-columns:1fr;gap:16px}
 .mini-card{padding:25px;min-height:unset}
 .wahaj-rich-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .wahaj-rich-photo{border-width:3px;border-radius:15px;aspect-ratio:3/4}
 .wahaj-rich-photo figcaption{font-size:12px;padding:30px 10px 11px}
 .split-media{min-height:240px}
 .wahaj-form,.contact-details{padding:22px}
 .foot-cta h2{font-size:30px}
 .footer-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 .reveal,.reveal.will-reveal{opacity:1!important;transform:none!important;transition:none!important}
 .hero-photo img,.wahaj-rich-photo img{transition:none!important}
}