:root{
  --ink:#22261F;--paper:#FBFAF6;--cream:#F4EFE5;
  --orange:#E3792F;--orange-soft:#F8E3D2;
  --lilac:#C6B5EA;--lilac-soft:#EFEAF9;
  --lime:#CDE06C;--lime-soft:#F0F4DC;
  --gray:#6E7268;--line:#E6E2D6;
  --r:26px;--max:1180px;
  --fd:'Archivo Black',sans-serif;--fb:'Poppins',sans-serif;--fwd:400;--ls:-.01em;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--fb);color:var(--ink);background:var(--paper);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,.display{font-family:var(--fd);font-weight:var(--fwd);text-transform:uppercase;line-height:1.06;letter-spacing:var(--ls)}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.25}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
section{position:relative;padding:100px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray);border:1.5px solid var(--line);background:#fff;padding:8px 18px;border-radius:100px;margin-bottom:26px}
[dir=rtl] .eyebrow{letter-spacing:0}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--orange);font-style:normal}
.h2{font-size:clamp(32px,4.6vw,58px)}
.h2 .o,.o{color:var(--orange)}
.sub{color:var(--gray);font-size:16.5px;max-width:56ch;margin-top:20px}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;padding:16px 32px;border-radius:100px;text-decoration:none;background:var(--ink);color:var(--paper);transition:transform .18s ease,background .18s ease}
.btn:hover{transform:translateY(-3px);background:#000}
.btn.orange{background:var(--orange);color:#fff}
.btn.orange:hover{background:#cf6a24}
.btn.line{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.btn.line:hover{background:var(--ink);color:var(--paper)}
.btn .arr{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:14px}
.btn.sm{padding:12px 22px;font-size:13.5px}
.plus{color:var(--orange);font-weight:700;font-style:normal}
.ph{overflow:hidden;position:relative;background:var(--cream)}
.ph img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02)}
.ph.arch{border-radius:200px 200px var(--r) var(--r)}
.ph.round{border-radius:var(--r)}
.ph.pill{border-radius:200px}
.squig{position:absolute;pointer-events:none;z-index:0}
.rv{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.7,.3,1),transform .8s cubic-bezier(.2,.7,.3,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.12s}.rv.d2{transition-delay:.24s}.rv.d3{transition-delay:.36s}
.floaty{animation:floaty 7s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none;transition:none}
  .floaty,.mq-track{animation:none!important}
}
/* header */
header{position:sticky;top:0;z-index:100;background:rgba(251,250,246,.9);backdrop-filter:blur(10px);border-bottom:1.5px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:80px;gap:14px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo-icon{height:44px;width:auto;color:var(--orange);transition:transform .3s ease}
.logo:hover .logo-icon{transform:rotate(-8deg)}
.logo-word{height:20px;width:auto;color:var(--ink)}
.logo-txt{display:flex;flex-direction:column;gap:3px}
.logo-sub{font-weight:600;font-size:8.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gray)}
[dir=rtl] .logo-sub{letter-spacing:.08em}
nav ul{display:flex;gap:26px;list-style:none}
nav a{text-decoration:none;font-weight:500;font-size:14.5px;color:var(--ink);position:relative;white-space:nowrap}
nav a::after{content:"";position:absolute;inset-inline-start:0;bottom:-5px;width:0;height:2px;background:var(--orange);transition:width .2s}
nav a:hover::after,nav a[aria-current]::after{width:100%}
.lang{position:relative}
.lang>button{display:flex;align-items:center;gap:7px;border:1.5px solid var(--line);background:#fff;border-radius:100px;padding:10px 16px;font-family:var(--fb);font-weight:600;font-size:13px;cursor:pointer}
.lang-list{display:none;position:absolute;top:calc(100% + 8px);inset-inline-end:0;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:8px;min-width:150px;box-shadow:0 18px 40px rgba(34,38,31,.1);z-index:110}
.lang.open .lang-list{display:block}
.lang-list a{display:block;text-decoration:none;font-size:13.5px;font-weight:500;padding:9px 14px;border-radius:12px}
.lang-list a:hover{background:var(--cream)}
.lang-list a[aria-current]{background:var(--orange-soft);font-weight:700}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0}
.burger span{width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .25s}
.burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.on span:nth-child(2){opacity:0}
.burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.m-menu{display:none;position:fixed;top:80px;left:0;right:0;z-index:99;background:var(--paper);border-bottom:1.5px solid var(--line);padding:18px 28px 26px;max-height:calc(100vh - 80px);overflow:auto}
.m-menu.open{display:block}
.m-menu a{display:block;text-decoration:none;font-weight:600;font-size:16px;padding:13px 2px;border-bottom:1.5px solid var(--line)}
.m-menu a.btn{margin-top:14px;justify-content:center;border-bottom:none;display:flex}
@media (max-width:1060px){nav ul{display:none}.nav>.btn{display:none}.burger{display:flex}}
/* hero */
.hero{padding:80px 0 90px;overflow:hidden}
.hero .wrap{position:relative;z-index:1}
.hero-top{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end;margin-bottom:56px}
.hero h1{font-size:clamp(46px,7.4vw,108px)}
.hero-side p{color:var(--gray);font-size:16px;margin-bottom:24px}
.hero-side .btns{display:flex;gap:14px;flex-wrap:wrap}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.chip{font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding:7px 16px;border-radius:100px;color:var(--ink)}
.chip.or{background:var(--orange);color:#fff}
.chip.li{background:var(--lilac)}
.chip.lm{background:var(--lime)}
.chip.ol{border:1.5px solid var(--line);background:#fff;color:var(--gray)}
.hero-tiles{display:grid;grid-template-columns:1.1fr .6fr 1fr .7fr;gap:18px;align-items:stretch;height:330px}
.tile{border-radius:var(--r);position:relative;overflow:hidden}
.tile.pattern{background:var(--orange);display:flex;align-items:center;justify-content:center}
.tile.stat{background:var(--lilac-soft);display:flex;flex-direction:column;justify-content:center;padding:30px}
.tile.stat b{font-family:var(--fd);font-weight:var(--fwd);font-size:50px}
.tile.stat span{font-weight:600;font-size:13px;color:var(--gray);text-transform:uppercase;letter-spacing:.06em}
.tile.stat .mini{margin-top:18px;display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:100px;padding:8px 14px;font-size:12px;font-weight:600;width:max-content}
@media (max-width:940px){.hero-top{grid-template-columns:1fr}.hero-tiles{grid-template-columns:1fr 1fr;height:auto}.hero-tiles .tile{min-height:190px}}
/* marquee */
.mq{border-block:1.5px solid var(--line);background:#fff;padding:20px 0;overflow:hidden}
.mq-track{display:flex;gap:52px;width:max-content;animation:mqx 34s linear infinite}
.mq-track span{font-family:var(--fd);font-weight:var(--fwd);text-transform:uppercase;font-size:15px;white-space:nowrap;display:flex;align-items:center;gap:52px;opacity:.85}
@keyframes mqx{to{transform:translateX(-50%)}}
[dir=rtl] .mq-track{animation-name:mqx-r}
@keyframes mqx-r{to{transform:translateX(50%)}}
/* about */
.about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-visual{position:relative}
.about-visual .ph{height:460px}
.float-card{position:absolute;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:16px 20px;box-shadow:0 16px 40px rgba(34,38,31,.08)}
.float-card b{font-family:var(--fd);font-weight:var(--fwd);font-size:22px;color:var(--orange);display:block}
.float-card span{font-size:12px;font-weight:600;color:var(--gray)}
.acc-list{margin-top:30px;border-top:1.5px solid var(--line)}
.acc-item{border-bottom:1.5px solid var(--line);padding:18px 4px;cursor:pointer}
.acc-item h3{font-family:var(--fb);font-weight:600;font-size:16.5px;text-transform:none;display:flex;justify-content:space-between;align-items:center;letter-spacing:0;gap:14px}
.acc-item h3 em{font-style:normal;color:var(--orange);font-weight:700;font-size:20px;transition:transform .25s;flex-shrink:0}
.acc-item p{max-height:0;overflow:hidden;color:var(--gray);font-size:14.5px;transition:max-height .35s ease,margin .35s ease}
.acc-item.open p{max-height:170px;margin-top:10px}
.acc-item.open h3 em{transform:rotate(45deg)}
@media (max-width:940px){.about .wrap{grid-template-columns:1fr}.about-visual .ph{height:340px}}
/* dept cards */
.dept{background:#fff;border-block:1.5px solid var(--line)}
.dept-head{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap;margin-bottom:50px}
.dept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.d-card{border:1.5px solid var(--line);border-radius:var(--r);padding:34px 30px;background:var(--paper);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;min-height:220px;text-decoration:none}
.d-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(34,38,31,.09);border-color:transparent}
.d-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--orange-soft)}
.d-icon svg{width:28px;height:28px}
.d-card h3,.d-card h2{font-family:var(--fb);font-weight:700;font-size:19px;text-transform:none;letter-spacing:0;line-height:1.35}
.d-card p{font-size:14px;color:var(--gray)}
.d-card .go{position:absolute;top:26px;inset-inline-end:26px;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:15px;transition:background .2s,color .2s,transform .2s}
.d-card:hover .go{background:var(--orange);color:#fff;border-color:var(--orange)}
.d-card.feature{background:var(--orange);border-color:var(--orange)}
.d-card.feature h3,.d-card.feature h2,.d-card.feature p{color:#fff}
.d-card.feature p{opacity:.92}
.d-card.feature .d-icon{background:rgba(255,255,255,.2)}
.d-card.feature .go{border-color:rgba(255,255,255,.4);color:#fff}
.d-card.lilac-bg{background:var(--lilac-soft)}
.d-card.lilac-bg .d-icon,.d-card.lime-bg .d-icon{background:#fff}
.d-card.lime-bg{background:var(--lime-soft)}
@media (max-width:940px){.dept-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.dept-grid{grid-template-columns:1fr}}
/* spotlight */
.spot .card{background:var(--ink);border-radius:36px;padding:64px;color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;overflow:hidden}
.spot .h2{color:var(--paper)}
.spot p{color:#B9BCB2;margin:18px 0 26px;font-size:15.5px}
.spot .mini-stats{display:flex;gap:14px;flex-wrap:wrap}
.mini-stat{background:#fff;color:var(--ink);border-radius:20px;padding:20px 24px;transform:rotate(-2deg)}
.mini-stat:nth-child(2){transform:rotate(1.5deg);background:var(--lime)}
.mini-stat:nth-child(3){transform:rotate(-1deg);background:var(--lilac)}
.mini-stat b{font-family:var(--fd);font-weight:var(--fwd);font-size:28px;display:block}
.mini-stat span{font-size:12px;font-weight:600;color:#4a4e44}
.spot .ph{height:400px;border-radius:28px}
.spot .eyebrow.dark{background:transparent;border-color:#3d423a;color:#A8ACA0}
@media (max-width:940px){.spot .card{grid-template-columns:1fr;padding:44px 30px}}
/* numbers */
.numbers{background:#fff;border-block:1.5px solid var(--line)}
.numbers .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.num-grid{display:grid;grid-template-columns:1fr 1fr}
.num{padding:34px 28px;border-inline-start:1.5px solid var(--line)}
.num:nth-child(-n+2){border-bottom:1.5px solid var(--line)}
.num b{font-family:var(--fd);font-weight:var(--fwd);font-size:clamp(38px,4.2vw,56px);display:block}
.num b i{color:var(--orange);font-style:normal}
.num span{font-size:13.5px;font-weight:600;color:var(--gray);text-transform:uppercase;letter-spacing:.06em}
@media (max-width:940px){.numbers .wrap{grid-template-columns:1fr}}
/* journey */
.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1.5px solid var(--line)}
.jstep{padding:36px 26px 10px 0;border-inline-end:1.5px solid var(--line);margin-inline-end:26px;position:relative}
[dir=rtl] .jstep{padding:36px 0 10px 26px}
.jstep:last-child{border-inline-end:none;margin-inline-end:0}
.jnum{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:var(--fwd);font-size:17px;color:#fff;margin-bottom:22px}
.jstep:nth-child(1) .jnum{background:var(--orange)}
.jstep:nth-child(2) .jnum{background:var(--ink)}
.jstep:nth-child(3) .jnum{background:var(--lilac)}
.jstep:nth-child(4) .jnum{background:var(--lime);color:var(--ink)}
.jstep h3{font-family:var(--fb);font-weight:700;font-size:17px;text-transform:none;letter-spacing:0;margin-bottom:8px}
.jstep p{font-size:14px;color:var(--gray)}
@media (max-width:940px){.journey-grid{grid-template-columns:1fr 1fr}.jstep{border-bottom:1.5px solid var(--line)}}
@media (max-width:640px){.journey-grid{grid-template-columns:1fr}.jstep{border-inline-end:none;margin-inline-end:0}}
/* people */
.people .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
.people-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.p-card{position:relative;border-radius:170px;overflow:hidden;height:430px;background:var(--cream)}
.p-card:nth-child(2){margin-top:36px}
.p-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02);transition:transform .5s ease}
.p-card:hover img{transform:scale(1.05)}
.p-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,22,18,.78) 0%,rgba(20,22,18,.25) 42%,transparent 65%)}
.p-body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:0 22px 32px;text-align:center;color:#fff}
.p-body h3{font-family:var(--fb);font-weight:700;font-size:17px;text-transform:none;letter-spacing:0;margin-bottom:6px}
.p-body p{font-size:12.5px;opacity:.85;line-height:1.5;margin-bottom:14px}
.p-body .tag{display:inline-flex;align-items:center;gap:8px;border:1.5px solid rgba(255,255,255,.5);border-radius:100px;padding:7px 16px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.p-body .tag i{font-style:normal;color:var(--lime);font-weight:700}
.p-card:nth-child(2) .tag i{color:var(--lilac)}
.p-card:nth-child(3) .tag i{color:var(--orange)}
@media (max-width:940px){.people .wrap{grid-template-columns:1fr}.p-card{height:360px;border-radius:120px}}
@media (max-width:640px){.people-cards{grid-template-columns:1fr}.p-card:nth-child(2){margin-top:0}}
/* band */
.band{padding:0 0 100px}
.band-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;height:300px}
.band-grid .tile{height:100%}
.tile.icon-tile{display:flex;align-items:center;justify-content:center}
.tile.icon-tile.a{background:var(--lilac-soft)}
.tile.quote-tile{background:var(--ink);color:var(--paper);display:flex;align-items:center;padding:28px}
.tile.quote-tile p{font-weight:600;font-size:15px;line-height:1.5}
@media (max-width:940px){.band-grid{grid-template-columns:1fr 1fr;height:auto}.band-grid .tile{min-height:190px}}
/* testimonials */
.testi{background:var(--cream);border-block:1.5px solid var(--line)}
.testi .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.t-box{background:#fff;border:1.5px solid var(--line);border-radius:32px;padding:50px;position:relative;min-height:290px}
.t-mark{position:absolute;top:-24px;inset-inline-start:44px;width:52px;height:52px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:var(--fwd);font-size:26px}
.t-slide{display:none}
.t-slide.on{display:block;animation:fadeup .5s ease}
@keyframes fadeup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.t-slide blockquote{font-size:clamp(16px,1.6vw,19px);font-weight:500;line-height:1.6}
.t-slide cite{display:flex;align-items:center;gap:14px;margin-top:24px;font-style:normal}
.t-ava{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:var(--fwd);color:#fff;font-size:16px;flex-shrink:0}
.t-slide cite b{font-size:14.5px}
.t-slide cite small{display:block;color:var(--gray);font-weight:500;font-size:12.5px}
.t-nav{display:flex;gap:10px;margin-top:28px}
.t-nav button{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:#fff;cursor:pointer;font-size:16px;transition:all .2s}
.t-nav button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (max-width:940px){.testi .wrap{grid-template-columns:1fr}.t-box{padding:36px 26px}}
/* why rows */
.why{background:#fff;border-block:1.5px solid var(--line)}
.why-row{display:grid;grid-template-columns:60px 1.1fr 1.6fr 60px;gap:26px;align-items:center;padding:28px 6px;border-bottom:1.5px dashed var(--line);transition:padding-inline-start .2s ease}
.why-row:hover{padding-inline-start:18px}
.why-row:last-child{border-bottom:none}
.why-row .wnum{font-family:var(--fd);font-weight:var(--fwd);font-size:15px;color:var(--orange)}
.why-row h3{font-family:var(--fb);font-weight:700;font-size:18px;text-transform:none;letter-spacing:0}
.why-row p{font-size:14.5px;color:var(--gray)}
.why-row .go{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;transition:all .2s}
.why-row:hover .go{background:var(--orange);border-color:var(--orange);color:#fff}
@media (max-width:760px){.why-row{grid-template-columns:40px 1fr;grid-template-rows:auto auto}.why-row p{grid-column:2}.why-row .go{display:none}}
/* city */
.city .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.city-photos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.city-photos .ph:nth-child(1){height:340px;border-radius:200px 200px 26px 26px}
.city-photos .ph:nth-child(2){height:340px;border-radius:26px 26px 200px 200px;margin-top:40px}
.city-list{margin-top:26px;display:grid;border-top:1.5px solid var(--line)}
.city-list li{display:flex;gap:14px;align-items:center;font-weight:500;font-size:15px;list-style:none;padding:14px 2px;border-bottom:1.5px solid var(--line)}
@media (max-width:940px){.city .wrap{grid-template-columns:1fr}}
/* faq */
.faq details{background:#fff;border:1.5px solid var(--line);border-radius:20px;margin-bottom:14px;overflow:hidden;transition:border-color .2s}
.faq details[open]{border-color:var(--orange)}
.faq summary{cursor:pointer;list-style:none;padding:22px 28px;font-weight:600;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";width:36px;height:36px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:400;color:var(--gray);transition:transform .25s,background .25s,color .25s}
.faq details[open] summary::after{transform:rotate(45deg);background:var(--orange);color:#fff;border-color:var(--orange)}
.faq details p{padding:0 28px 24px;font-size:14.5px;color:var(--gray)}
/* big cta */
.bigcta{background:var(--ink);color:var(--paper);text-align:center;overflow:hidden;padding:120px 0}
.bigcta .h2{font-size:clamp(38px,6.6vw,86px);color:var(--paper)}
.bigcta p{color:#A8ACA0;max-width:54ch;margin:26px auto 40px;font-size:16.5px}
.bigcta .spark{position:absolute;color:var(--orange)}
.bigcta .note{margin-top:26px;font-size:13px;color:#7d8176;font-weight:500}
/* inner pages */
.page-hero{padding:64px 0 80px;overflow:hidden}
.crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:500;color:var(--gray);margin-bottom:24px;list-style:none}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--orange)}
.crumbs li+li::before{content:"/";margin-inline-end:10px;color:var(--line)}
.page-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.page-hero h1{font-size:clamp(38px,5.6vw,76px)}
.page-hero .lead{color:var(--gray);font-size:16.5px;margin:22px 0 30px;max-width:52ch}
.page-hero .ph{height:420px}
.page-hero .btns{display:flex;gap:14px;flex-wrap:wrap}
@media (max-width:940px){.page-hero .wrap{grid-template-columns:1fr}.page-hero .ph{height:300px}}
.feat{background:#fff;border-block:1.5px solid var(--line)}
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:46px}
@media (max-width:760px){.feat-grid{grid-template-columns:1fr}}
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:46px}
.c-card{border:1.5px solid var(--line);border-radius:var(--r);padding:30px;background:#fff;display:flex;flex-direction:column;gap:10px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.c-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(34,38,31,.08)}
.c-card b{font-size:16px}
.c-card span{font-size:13.5px;color:var(--gray)}
.c-card .d-icon{width:48px;height:48px;border-radius:16px}
@media (max-width:940px){.contact-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.contact-grid{grid-template-columns:1fr}}
/* footer */
footer{padding:70px 0 34px;border-top:1.5px solid var(--line)}
.f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
footer h4{font-family:var(--fb);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--gray);margin-bottom:16px}
[dir=rtl] footer h4{letter-spacing:0}
footer ul{list-style:none;display:grid;gap:9px}
footer li a{text-decoration:none;font-size:14.5px;font-weight:500;color:var(--ink)}
footer li a:hover{color:var(--orange)}
.f-note{font-size:14px;color:var(--gray);max-width:36ch;margin-top:16px}
.f-bottom{border-top:1.5px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--gray)}
@media (max-width:860px){.f-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.f-grid{grid-template-columns:1fr}}