@font-face{font-family:Thmanyah;src:url(../fonts/thmanyah-sans-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Thmanyah;src:url(../fonts/thmanyah-sans-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Thmanyah;src:url(../fonts/thmanyah-sans-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Thmanyah;src:url(../fonts/thmanyah-sans-Black.woff2) format('woff2');font-weight:900;font-display:swap}
:root{
  --ivory:#f6f2ea;--paper:#fbf9f4;--sand:#ece5d6;
  --navy:#171c28;--navy2:#212839;--ink:#0f131c;
  --gold:#b88a3e;--gold-l:#e3c27c;--gold-d:#8a6528;
  --text:#1b202b;--muted:#6b6f78;--line:#ddd3c0;
  --grad:linear-gradient(100deg,#8f6a2c 0%,#e6c785 40%,#b88a3e 65%,#f0d697 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Thmanyah,system-ui,sans-serif;background:var(--ivory);color:var(--text);line-height:1.9;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:min(1240px,100% - 56px);margin-inline:auto}
.gold{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.kicker{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:700;color:var(--gold)}
.kicker em{font-family:Cinzel,serif;font-style:normal;font-size:13px;letter-spacing:2px;color:var(--muted)}
.kicker::after{content:"";flex:0 0 60px;height:1px;background:var(--gold)}
.h2{font-size:clamp(32px,4.4vw,58px);font-weight:900;line-height:1.3;margin-top:16px;letter-spacing:-.5px}
section{padding:140px 0;position:relative}
.btn{display:inline-flex;align-items:center;gap:14px;padding:17px 34px;font:700 16px/1 Thmanyah,sans-serif;transition:.4s;border:0;cursor:pointer}
.btn .arr{transition:.4s}.btn:hover .arr{transform:translateX(-6px)}
.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:var(--gold-d)}
.btn-gold{background:var(--grad);background-size:200% 100%;color:#1a1408}.btn-gold:hover{background-position:100% 0}
.link{font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:4px;color:var(--navy)}

/* header */
header{position:fixed;top:0;inset-inline:0;z-index:50;transition:.4s;background:rgba(246,242,234,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
header.scrolled{background:rgba(246,242,234,.9);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
nav{display:flex;align-items:center;justify-content:space-between;height:96px}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:58px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}
.brand b{display:block;font-size:18px;font-weight:900;line-height:1.3}
.brand small{display:block;font-family:Cinzel,serif;font-size:10.5px;letter-spacing:2.5px;color:var(--gold)}
.menu{display:flex;gap:34px;font-size:15px;font-weight:500}
.menu a{color:#3a3f4a;transition:.3s}.menu a:hover{color:var(--gold)}
.nav-cta{display:flex;align-items:center;gap:22px}
.nav-cta .ph{font-weight:700;font-size:15px}
.burger{display:none;background:var(--navy);color:var(--gold-l);border:0;width:46px;height:46px;font-size:20px}

/* hero */
.hero{padding:0;min-height:min(100vh,940px);display:grid;grid-template-columns:1.15fr .85fr}
.hero-text{padding:190px 0 90px;padding-inline:max(28px,calc((100vw - 1240px)/2)) 70px;display:flex;flex-direction:column;justify-content:center}
.hero h1{font-size:clamp(44px,6.2vw,92px);font-weight:900;line-height:1.12;letter-spacing:-1px;margin:22px 0 28px}
.hero h1 span{display:block}
.hero p{font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:560px}
.hero .ctas{display:flex;gap:28px;align-items:center;margin-top:44px;flex-wrap:wrap}
.hero-panel{position:relative;background:var(--navy);margin-top:96px;overflow:hidden;display:grid;place-items:center}
.hero-panel .pattern{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.hero-panel .emblem{position:relative;width:62%;max-width:360px;filter:drop-shadow(0 30px 60px rgba(0,0,0,.5));animation:float 7s ease-in-out infinite}
.hero-panel .caption{position:absolute;bottom:40px;inset-inline:40px;display:flex;justify-content:space-between;color:#aeb2bc;font-size:13px;border-top:1px solid rgba(227,194,124,.3);padding-top:18px}
.hero-panel .caption b{font-family:Cinzel,serif;color:var(--gold-l);letter-spacing:2px;font-weight:500}
@keyframes float{50%{transform:translateY(-14px)}}

/* stats strip */
.strip{padding:0;margin-top:-1px;background:var(--paper);border-bottom:1px solid var(--line)}
.strip .wrap{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr}
.strip .s{padding:44px 0;border-inline-start:1px solid var(--line);padding-inline-start:36px}
.strip .s:first-child{border:0;padding-inline-start:0}
.strip b{display:block;font-family:Cinzel,serif;font-size:58px;line-height:1;color:var(--navy)}
.strip b sup{font-size:24px;color:var(--gold)}
.strip span{color:var(--muted);font-size:15px}
.strip .q{display:flex;align-items:center;font-size:18px;font-weight:700;color:var(--navy);line-height:1.7}

/* about */
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}
.about .big{font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.75;color:var(--navy)}
.about .big mark{background:linear-gradient(transparent 62%,rgba(227,194,124,.5) 62%);color:inherit}
.about p.body{color:var(--muted);font-size:17px;margin-top:26px}
.tabs{margin-top:90px;border-top:2px solid var(--navy)}
.tab-btns{display:flex;gap:0}
.tab-btns button{flex:1;background:none;border:0;border-bottom:1px solid var(--line);padding:26px 0;font:900 22px Thmanyah,sans-serif;color:#a29a8a;cursor:pointer;text-align:start;display:flex;gap:14px;align-items:baseline;transition:.3s}
.tab-btns button i{font-family:Cinzel,serif;font-style:normal;font-size:13px;color:var(--gold)}
.tab-btns button.on{color:var(--navy);border-bottom:2px solid var(--gold)}
.tab-pane{display:none;padding:46px 0 0;grid-template-columns:1fr 1fr;gap:60px;animation:fade .6s}
.tab-pane.on{display:grid}
.tab-pane h3{font-size:30px;font-weight:900;color:var(--navy)}
.tab-pane p,.tab-pane li{font-size:18px;color:#4a4f59}
.tab-pane ol{list-style:none;counter-reset:g;display:grid;gap:16px}
.tab-pane ol li{counter-increment:g;display:flex;gap:16px}
.tab-pane ol li::before{content:"0" counter(g);font-family:Cinzel,serif;color:var(--gold);font-size:15px;padding-top:4px}
@keyframes fade{from{opacity:0;transform:translateY(12px)}}

/* services list */
.services{background:var(--navy);color:#ecebe6}
.services .kicker em{color:#8e93a0}
.svc-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:70px;flex-wrap:wrap}
.svc-head p{max-width:420px;color:#9ea3ae}
.rows{border-top:1px solid rgba(227,194,124,.25)}
.row{display:grid;grid-template-columns:110px 1fr 1.2fr 60px;gap:30px;align-items:center;padding:38px 0;border-bottom:1px solid rgba(227,194,124,.25);position:relative;transition:.5s;cursor:default}
.row::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(227,194,124,.08));transform:scaleX(0);transform-origin:right;transition:.6s cubic-bezier(.2,.7,.2,1)}
.row:hover::before{transform:scaleX(1)}
.row .no{font-family:Cinzel,serif;font-size:44px;color:transparent;-webkit-text-stroke:1px var(--gold-l);line-height:1}
.row h3{font-size:clamp(22px,2.4vw,32px);font-weight:900;transition:.4s}
.row:hover h3{color:var(--gold-l);transform:translateX(-8px)}
.row p{color:#9ea3ae;font-size:16px}
.row .go{width:52px;height:52px;border:1px solid rgba(227,194,124,.4);border-radius:50%;display:grid;place-items:center;color:var(--gold-l);transition:.4s}
.row:hover .go{background:var(--grad);color:#1a1408;border-color:transparent}

/* maintenance feature */
.maint-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);background:var(--paper)}
.maint-grid > div{padding:70px 60px}
.maint-grid .dark{background:var(--sand);position:relative;overflow:hidden}
.maint-grid .dark svg.bg{position:absolute;inset-inline-end:-60px;bottom:-60px;width:340px;opacity:.12}
.maint-grid p{color:#4f545e;font-size:17px;margin-top:20px}
.feat{list-style:none;display:grid;grid-template-columns:1fr;gap:0;position:relative}
.feat li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px dashed #cdbfa3;font-weight:700;font-size:16.5px;color:var(--navy)}
.feat li:last-child{border:0}
.feat li::before{content:"";flex:none;width:9px;height:9px;margin-top:11px;transform:rotate(45deg);background:var(--gold)}

/* marquee */
.marquee{padding:46px 0;background:var(--ink);overflow:hidden;color:#fff;white-space:nowrap}
.marquee .track{display:inline-flex;gap:60px;animation:mq 38s linear infinite;font-size:clamp(26px,3vw,40px);font-weight:900}
.marquee span{display:inline-flex;align-items:center;gap:60px}
.marquee span::after{content:"";width:14px;height:14px;transform:rotate(45deg);background:var(--grad)}
.marquee .o{color:transparent;-webkit-text-stroke:1px var(--gold-l)}
@keyframes mq{to{transform:translateX(50%)}}

/* staffing + warehouse cards */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.card{padding:60px 54px;border:1px solid var(--line);background:var(--paper);position:relative;transition:.5s}
.card:hover{transform:translateY(-6px);box-shadow:0 40px 70px -40px rgba(23,28,40,.45)}
.card .ic{width:70px;height:70px;background:var(--navy);display:grid;place-items:center;margin-bottom:30px}
.card .ic svg{width:32px;height:32px;stroke:var(--gold-l);fill:none;stroke-width:1.4}
.card h3{font-size:30px;font-weight:900;color:var(--navy)}
.card small{display:block;color:var(--gold);font-weight:700;font-size:14px;margin-bottom:6px}
.card p{color:#555a64;font-size:16.5px;margin-top:16px}
.card.navy{background:var(--navy);border-color:var(--navy);color:#fff}
.card.navy h3{color:#fff}.card.navy p{color:#a8acb6}.card.navy .ic{background:var(--grad)}.card.navy .ic svg{stroke:#1a1408}

/* specialties */
.spec{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:60px;border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}
.spec div{padding:40px 36px;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);display:flex;gap:22px;align-items:center;transition:.4s}
.spec div:hover{background:var(--navy);color:#fff}
.spec div:hover h4{color:#fff}
.spec svg{flex:none;width:44px;height:44px;stroke:var(--gold);fill:none;stroke-width:1.2}
.spec h4{font-size:20px;font-weight:900;color:var(--navy);line-height:1.5;transition:.4s}
.spec-foot{display:flex;gap:16px;flex-wrap:wrap;margin-top:40px}
.spec-foot span{padding:10px 22px;border:1px solid var(--gold);color:var(--gold-d);font-weight:700;font-size:15px;border-radius:40px}

/* clients */
.clients{background:var(--paper);border-block:1px solid var(--line)}
.logos{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px}
.logos div{height:120px;border:1px solid var(--line);display:grid;place-items:center;font-family:Cinzel,serif;font-size:13px;letter-spacing:1.5px;color:#a69d8b;background:var(--ivory);transition:.4s}
.logos div:hover{border-color:var(--gold);color:var(--gold-d)}

/* contact */
.contact{background:var(--navy);color:#ecebe6;overflow:hidden}
.contact .kicker em{color:#8e93a0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.c-list{margin-top:50px;display:grid;gap:30px}
.c-list div small{display:block;font-size:13px;color:var(--gold-l);margin-bottom:2px}
.c-list div b{font-size:22px;font-weight:700}
form{background:var(--ivory);color:var(--text);padding:54px;display:grid;gap:22px}
form h3{font-size:26px;font-weight:900;color:var(--navy)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
input,select,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #cfc4ae;padding:14px 0;font:inherit;font-size:16px;color:var(--text);outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--gold)}
textarea{min-height:100px;resize:vertical}
footer{background:var(--ink);color:#8e93a0;padding:36px 0;font-size:14px}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
footer .brand b{color:#fff}
.wa{position:fixed;bottom:26px;inset-inline-start:26px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--navy);display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(0,0,0,.5);border:1px solid var(--gold)}
.wa svg{width:27px;height:27px;fill:var(--gold-l)}

.reveal{opacity:0;transform:translateY(40px);transition:1s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

@media (max-width:1050px){
  .menu,.nav-cta .ph{display:none}.burger{display:block}
  .menu.open{display:flex;flex-direction:column;position:absolute;top:96px;inset-inline:0;background:var(--ivory);padding:26px 28px;gap:18px;border-bottom:1px solid var(--line)}
  .hero{grid-template-columns:1fr}.hero-text{padding:150px 28px 70px}.hero-panel{min-height:440px;margin-top:0}
  .strip .wrap{grid-template-columns:repeat(3,1fr)}.strip .q{grid-column:1/-1;border-top:1px solid var(--line);padding:30px 0}
  .about-grid,.contact-grid,.maint-grid,.duo{grid-template-columns:1fr;gap:50px}
  .maint-grid{gap:0}
  .tab-pane{grid-template-columns:1fr;gap:20px}
  .row{grid-template-columns:70px 1fr 52px}.row p{grid-column:2/3}.row .go{grid-row:1;grid-column:3}
  .spec{grid-template-columns:1fr 1fr}
  .logos{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  section{padding:90px 0}.wrap{width:calc(100% - 32px)}
  .hero-text{padding:130px 16px 60px}
  .strip .wrap{grid-template-columns:1fr}.strip .s{border-inline-start:0;border-top:1px solid var(--line);padding:28px 0}.strip .s:first-child{border-top:0}
  .strip b{font-size:46px}
  .tab-btns button{font-size:17px}
  .row{grid-template-columns:1fr 46px;gap:10px 20px}.row .no{font-size:30px}.row h3{grid-column:1}.row p{grid-column:1/-1}.row .go{grid-row:1;grid-column:2;width:44px;height:44px}
  .maint-grid > div,.card,form{padding:40px 24px}
  .spec{grid-template-columns:1fr}
  .f2{grid-template-columns:1fr}
  .logos{gap:12px}
}

/* WordPress additions */
body.admin-bar header{top:32px}
@media (max-width:782px){body.admin-bar header{top:46px}}
.logos div img{max-width:70%;max-height:70px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:.4s}
.logos div:hover img{filter:none;opacity:1}
.notice{padding:14px 18px;font-weight:700;font-size:15px}
.notice.ok{background:#e9f3e6;color:#2d5a22}.notice.err{background:#f6e3e0;color:#8a2a1c}
.hp{position:absolute!important;left:-9999px!important;opacity:0}

/* Language switch */
.lang{display:inline-grid;place-items:center;min-width:46px;height:46px;padding:0 12px;border:1px solid var(--gold);color:var(--gold-d);font-weight:700;font-size:14px;letter-spacing:1px;transition:.3s}
.lang:hover{background:var(--navy);border-color:var(--navy);color:var(--gold-l)}
.menu .lang-m{display:none}

/* English (LTR) adjustments */
html[dir=ltr] body{line-height:1.75}
html[dir=ltr] .kicker em{font-family:Thmanyah,sans-serif;letter-spacing:0;font-size:14px;font-weight:500}
html[dir=ltr] .h2{letter-spacing:-1px}
html[dir=ltr] .hero h1{letter-spacing:-2px;line-height:1.05;font-size:clamp(42px,5.4vw,80px)}
html[dir=ltr] .btn:hover .arr{transform:translateX(6px)}
html[dir=ltr] .row::before{background:linear-gradient(270deg,transparent,rgba(227,194,124,.08));transform-origin:left}
html[dir=ltr] .row:hover h3{transform:translateX(8px)}
html[dir=ltr] .marquee .track{animation-name:mq-ltr}
@keyframes mq-ltr{to{transform:translateX(-50%)}}
html[dir=ltr] .tab-btns button{font-size:20px}
html[dir=ltr] .about .big{line-height:1.6}

@media (max-width:1050px){
  .nav-cta .lang{display:none}
  .menu.open .lang-m{display:block;color:var(--gold-d);font-weight:700}
}

/* Arabic headings: no negative tracking, room for dots between lines */
html[dir=rtl] .hero h1{letter-spacing:0;line-height:1.35;font-size:clamp(40px,5.2vw,86px)}
html[dir=rtl] .h2{letter-spacing:0;line-height:1.45}
@media (min-width:641px){html[dir=rtl] .hero h1 span{white-space:nowrap}}

/* Mobile header: logo on top, Enquire + menu button underneath */
@media (max-width:640px){
  nav{height:auto;flex-direction:column;justify-content:center;gap:12px;padding:14px 0 16px}
  .brand{justify-content:center}
  .nav-cta{justify-content:center;gap:10px}
  .nav-cta .btn{padding:12px 30px!important}
  .menu.open{top:100%!important}
  .hero-text{padding-top:175px!important}
}

/* Mobile: Enquire centered, menu button pinned to the side edge */
@media (max-width:640px){
  .nav-cta{position:relative;width:100%;justify-content:center}
  .nav-cta .burger{position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%)}
}

/* Service cards with photos */
.svc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.svc-card{display:flex;flex-direction:column;background:var(--navy2);border:1px solid rgba(227,194,124,.16);overflow:hidden;color:#ecebe6;transition:transform .6s cubic-bezier(.2,.7,.2,1),border-color .5s,box-shadow .6s}
.svc-card figure{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden}
.svc-card figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.04);transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter .8s}
.svc-card figure::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(23,28,40,.95) 0%,rgba(23,28,40,.25) 45%,rgba(23,28,40,0) 70%)}
.svc-card .no{position:absolute;z-index:1;bottom:14px;inset-inline-start:26px;font-family:Cinzel,serif;font-size:50px;line-height:1;color:transparent;-webkit-text-stroke:1px var(--gold-l)}
.svc-card .body{display:flex;flex-direction:column;flex:1;padding:26px 28px 30px}
.svc-card h3{font-size:22px;font-weight:900;color:#fff;margin-bottom:10px}
.svc-card p{color:#9ea3ae;font-size:15px;margin-bottom:22px}
.svc-card .more{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:var(--gold-l);border-top:1px solid rgba(227,194,124,.2);padding-top:18px}
.svc-card .more i{font-style:normal;transition:transform .4s}
.svc-card:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 40px 70px -40px rgba(0,0,0,.8)}
.svc-card:hover figure img{transform:scale(1.07);filter:saturate(1) contrast(1.04)}
.svc-card:hover .more i{transform:translateX(-6px)}
html[dir=ltr] .svc-card:hover .more i{transform:translateX(6px)}

/* Expertise photo tiles */
.spec-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}
.tile{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--navy)}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter .8s}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,19,28,.94) 0%,rgba(15,19,28,.45) 42%,rgba(15,19,28,0) 72%);transition:.6s}
.tile::before{content:"";position:absolute;z-index:2;bottom:0;inset-inline-start:0;height:3px;width:0;background:var(--grad);transition:width .7s cubic-bezier(.2,.7,.2,1)}
.tile .cap{position:absolute;z-index:1;inset-inline:0;bottom:0;padding:26px 28px;display:flex;align-items:center;gap:18px}
.tile .d{flex:none;width:48px;height:48px;border:1px solid var(--gold-l);transform:rotate(45deg);display:grid;place-items:center;background:rgba(15,19,28,.4);backdrop-filter:blur(4px)}
.tile .d svg{transform:rotate(-45deg);width:22px;height:22px;stroke:var(--gold-l);fill:none;stroke-width:1.4}
.tile h4{color:#fff;font-size:20px;font-weight:900;line-height:1.45}
.tile:hover img{transform:scale(1.08);filter:saturate(1)}
.tile:hover::before{width:100%}

@media (max-width:1050px){
  .svc-cards,.spec-tiles{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .svc-cards,.spec-tiles{grid-template-columns:1fr;gap:18px}
  .svc-card .body{padding:22px 22px 26px}
  .tile{aspect-ratio:16/10}
}

/* Client logos: white cards, centered rows */
.logos{display:flex;flex-wrap:wrap;justify-content:center}
.logos div{flex:0 0 calc(25% - 18px);height:150px}
.logos div.has-img{background:#fff;border-color:var(--line)}
.logos div img{max-width:78%;max-height:110px;filter:grayscale(1);opacity:.8}
@media (max-width:1050px){.logos div{flex-basis:calc(50% - 12px)}}
@media (max-width:640px){.logos div{flex-basis:calc(50% - 6px);height:120px}.logos div img{max-height:84px}}

/* Long company name in the header */
.brand b{font-size:16.5px;line-height:1.35}
.brand small{letter-spacing:1.6px;font-size:10px}
@media (max-width:1250px) and (min-width:1051px){.menu{gap:24px}.nav-cta .ph{display:none}}
@media (max-width:640px){
  .brand{max-width:100%}
  .brand b{font-size:14.5px}
  .brand small{font-size:8.5px;letter-spacing:1px}
}
.kicker em{white-space:nowrap}
@media (max-width:640px){.hero-text .kicker em,.hero-text .kicker::after{display:none}}

/* 7th service: full-width featured card */
.svc-card.wide{grid-column:1/-1;flex-direction:row}
.svc-card.wide figure{flex:0 0 50%;aspect-ratio:auto;min-height:340px}
.svc-card.wide figure::after{background:linear-gradient(to left,rgba(23,28,40,.9) 0%,rgba(23,28,40,.2) 40%,rgba(23,28,40,0) 70%)}
html[dir=ltr] .svc-card.wide figure::after{background:linear-gradient(to right,rgba(23,28,40,.9) 0%,rgba(23,28,40,.2) 40%,rgba(23,28,40,0) 70%)}
.svc-card.wide .body{justify-content:center;padding:44px 50px}
.svc-card.wide h3{font-size:clamp(24px,2.4vw,32px)}
.svc-card.wide p{font-size:16.5px;max-width:520px}
.svc-card.wide .more{margin-top:10px;align-self:flex-start;border-top:0;padding:14px 26px;background:var(--grad);color:#1a1408}
@media (max-width:640px){
  .svc-card.wide{flex-direction:column}
  .svc-card.wide figure{flex:none;aspect-ratio:3/2;min-height:0}
  .svc-card.wide figure::after{background:linear-gradient(to top,rgba(23,28,40,.95) 0%,rgba(23,28,40,.25) 45%,rgba(23,28,40,0) 70%)}
  .svc-card.wide .body{padding:22px 22px 26px}
}

/* Footer social accounts */
.socials{display:flex;align-items:center;gap:12px}
.socials span{font-size:13px;color:#8e93a0;margin-inline-end:4px}
.socials a{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(227,194,124,.35);border-radius:50%;transition:.35s}
.socials a svg{width:18px;height:18px;fill:var(--gold-l);transition:.35s}
.socials a:hover{background:var(--grad);border-color:transparent}
.socials a:hover svg{fill:#1a1408}
@media (max-width:640px){footer .wrap{flex-direction:column;text-align:center}}

/* Service grid: 6-col track so leftover cards can fill the last row evenly */
.svc-cards{grid-template-columns:repeat(6,1fr)}
.svc-card{grid-column:span 2}
.svc-card.half{grid-column:span 3}
.svc-card.half figure{aspect-ratio:16/8}
.svc-card.wide{grid-column:1/-1}
@media (max-width:1050px){
  .svc-cards{grid-template-columns:1fr 1fr}
  .svc-card,.svc-card.half{grid-column:span 1}
  .svc-card.half figure{aspect-ratio:3/2}
}
@media (max-width:640px){
  .svc-cards{grid-template-columns:1fr}
  .svc-card.wide{grid-column:span 1}
}