/* Northgate Pharma — navy and mustard with a bold diagonal split. One deliberate light look. */
:root{
  color-scheme:light;
  --navy:#0C2033; --navy-2:#14304A; --navy-3:#1D3F5F;
  --gold:#EFAA42; --gold-2:#F6C676; --gold-soft:#FBEED6;
  --white:#FFFFFF; --paper:#FAF7F1; --ink:#0C2033; --ink-2:#4B5C6D; --line:#E6DECF;
  --display:"Poppins","Tajawal",system-ui,sans-serif;
  --body:"Poppins","Tajawal",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
  --ar:"Tajawal","Poppins",Tahoma,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{font-family:var(--body);color:var(--ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;
  background:linear-gradient(118deg,var(--gold) 0 58%,var(--navy) 58% 100%) fixed;
  padding:max(28px,env(safe-area-inset-top,0px)) max(28px,env(safe-area-inset-right,0px)) 28px max(28px,env(safe-area-inset-left,0px))}
[dir="rtl"] body{font-family:var(--ar);font-size:17px;line-height:1.85}
img{max-width:100%}
[hidden]{display:none!important}
a{color:inherit}
p{margin:0}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;margin:0;line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{font-family:var(--ar);font-weight:800;line-height:1.3;letter-spacing:0}
.ltr{direction:ltr;unicode-bidi:isolate}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

.site{max-width:1320px;margin-inline:auto;background:var(--white);box-shadow:0 30px 70px -20px rgba(6,16,28,.55);overflow:hidden}
.wrap{max-width:1200px;margin-inline:auto;padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px))}
.band{padding-block:96px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 30px;border-radius:999px;font:700 15px/1 var(--body);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .2s,background .2s,color .2s;white-space:nowrap}
[dir="rtl"] .btn{font-family:var(--ar)}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:var(--navy);box-shadow:0 10px 24px -10px rgba(239,170,66,.8)}
.btn-navy{background:var(--navy);color:#fff}
.btn-line{border-color:rgba(255,255,255,.6);color:#fff}
.btn-line:hover{border-color:#fff}
.btn-line-dark{border-color:var(--navy);color:var(--navy)}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}

/* hero with diagonal */
.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden;isolation:isolate}
.diag{position:absolute;inset:0;background:var(--gold);clip-path:polygon(74% 0,100% 0,100% 100%,34% 100%);z-index:-1}
.hero.inner .diag{clip-path:polygon(78% 0,100% 0,100% 100%,52% 100%)}
[dir="rtl"] .diag{clip-path:polygon(0 0,26% 0,66% 100%,0 100%)}
[dir="rtl"] .hero.inner .diag{clip-path:polygon(0 0,22% 0,48% 100%,0 100%)}
.nav{display:flex;align-items:center;gap:24px;padding:30px 64px 0;position:relative;z-index:5}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--gold)}
.brand svg{width:46px;height:46px;flex:none}
.brand b{display:block;font-family:var(--display);font-weight:800;font-size:25px;line-height:1;letter-spacing:-.01em}
.brand small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.42em;color:#fff;margin-top:5px}
[dir="rtl"] .brand b{font-family:var(--ar)}
[dir="rtl"] .brand small{letter-spacing:0;font-size:13px}
.links{display:flex;gap:6px;margin-inline-start:auto}
.links a{text-decoration:none;font-weight:600;font-size:15px;padding:10px 16px;color:#fff;position:relative}
.links a::after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:3px;background:var(--navy);transform:scaleX(0);transition:transform .2s}
.links a:hover::after,.links a[aria-current="page"]::after{transform:scaleX(1)}
.links a[aria-current="page"]::after{background:var(--navy)}
.tools{display:flex;gap:8px}
.lang{height:40px;padding:0 16px;border-radius:999px;border:2px solid var(--navy);background:var(--navy);color:#fff;font:700 13px var(--body);cursor:pointer}
.menu-btn{display:none;width:44px;height:40px;border-radius:999px;border:2px solid var(--navy);background:var(--navy);color:#fff;cursor:pointer;place-items:center}
@media (max-width:1060px){
  .nav{flex-wrap:wrap;padding:20px 18px 0;gap:10px}
  .brand svg{width:40px;height:40px}
  .brand b{font-size:22px}
  .lang{padding:0 12px}
  .tools{margin-inline-start:auto}
  .links{display:none;order:5;flex-basis:100%;flex-direction:column;margin:12px 0 0;background:var(--navy-2);border-radius:18px;padding:8px}
  .links.open{display:flex}
  .links a{padding:13px 16px}
  .links a::after{display:none}
  .links a[aria-current="page"]{color:var(--gold)}
  .menu-btn{display:grid}
}

.stripes{position:absolute;display:flex;gap:14px;z-index:1;pointer-events:none}
.stripes i{display:block;width:26px;height:150px;background:var(--navy);transform:skewX(-34deg)}
.stripes.s-top{right:150px;top:-50px}
.stripes.s-top i{height:76px}
.stripes.s-bot{left:44%;bottom:-30px}
.stripes.s-bot i{background:var(--gold);height:140px}
.stripes.s-bot i:first-child{background:transparent;border:3px solid var(--gold)}
.hero.inner .stripes.s-bot{left:58%}
[dir="rtl"] .stripes.s-top{right:auto;left:120px}
[dir="rtl"] .stripes i{transform:skewX(34deg)}
[dir="rtl"] .stripes.s-bot{left:auto;right:44%}
[dir="rtl"] .hero.inner .stripes.s-bot{right:58%}

.hero-body{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;padding:60px 64px 100px;position:relative;z-index:2}
.hero.inner .hero-body{padding:46px 64px 84px;grid-template-columns:1.4fr .8fr}
.hi{color:var(--gold);font-weight:700;font-size:clamp(20px,2vw,28px)}
.hero h1{margin-top:10px}
.hero h1 .l1{display:block;font-size:clamp(54px,8.4vw,124px);font-weight:800;line-height:.98;letter-spacing:-.03em}
.hero h1 .l2{display:block;font-size:clamp(36px,5vw,72px);font-weight:700;padding-inline-start:clamp(80px,13vw,190px);line-height:1.05;margin-top:6px}
.hero.inner h1 .l1{font-size:clamp(44px,6.4vw,92px)}
.hero.inner h1 .l2{font-size:clamp(32px,4.2vw,60px)}
[dir="rtl"] .hero h1 .l1,[dir="rtl"] .hero h1 .l2{letter-spacing:0;line-height:1.2}
.hero .sub{color:rgba(255,255,255,.82);max-width:46ch;margin-top:24px;font-size:16.5px}
.hero .sub p{font-size:16.5px}
.crumbs{display:flex;gap:10px;font-size:13px;color:rgba(255,255,255,.7);margin-bottom:20px}
.crumbs a{text-decoration:none;color:#fff}
.crumbs a:hover{color:var(--gold)}
.hero-art{position:relative;display:grid;place-items:center}
.hmap{width:min(100%,460px);height:auto;direction:ltr}
.hmap .shadow{fill:rgba(12,32,51,.22)}
.hmap .land{fill:var(--navy);stroke:var(--navy);stroke-width:2;stroke-linejoin:round}
.hmap .tr path{fill:none;stroke:var(--gold);stroke-width:2.4;stroke-dasharray:4 6;stroke-linecap:round;animation:flow 2.4s linear infinite}
@keyframes flow{to{stroke-dashoffset:-20}}
.hmap .dt circle{fill:rgba(255,255,255,.55)}
.hmap .hb{fill:#fff}
.hmap .hq-h{fill:var(--gold);opacity:.35}
.hmap .hq{fill:var(--gold);stroke:#fff;stroke-width:3}
.tag{position:absolute;background:#fff;color:var(--navy);border-radius:16px;padding:12px 18px;box-shadow:0 18px 30px -16px rgba(12,32,51,.6);display:grid;line-height:1.2}
.tag b{font-size:22px;font-weight:800}
.tag span{font-size:12px;color:var(--ink-2);font-weight:500}
.tag.t1{left:2%;top:18%}
.tag.t2{right:0;bottom:12%;background:var(--navy);color:#fff}
.tag.t2 span{color:rgba(255,255,255,.75)}
.bigmark{width:min(100%,260px);height:auto;filter:drop-shadow(14px 14px 0 rgba(12,32,51,.18))}
.logo-stack{display:grid;gap:12px;width:min(100%,300px)}
.ls{display:grid;place-items:center;height:72px;background:#fff;box-shadow:0 14px 26px -16px rgba(12,32,51,.6);clip-path:polygon(0 0,100% 0,100% 74%,93% 100%,0 100%)}
.ls .lg{display:block;height:var(--h);aspect-ratio:var(--ar);max-width:78%;background:var(--navy);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.ls:nth-child(even){margin-inline-start:40px}
.pin-art svg{width:120px;height:auto;filter:drop-shadow(12px 12px 0 rgba(12,32,51,.15))}
.pin-art.big svg{width:170px}
@media (max-width:900px){
  .hero-body,.hero.inner .hero-body{grid-template-columns:1fr;padding:36px 22px 70px;gap:36px}
  .diag{clip-path:polygon(100% 46%,100% 100%,0 100%,0 78%)}
  .hero.inner .diag{clip-path:polygon(100% 80%,100% 100%,0 100%,0 97%)}
  .hero.inner .hero-body{padding-bottom:90px}
  [dir="rtl"] .diag{clip-path:polygon(0 46%,0 100%,100% 100%,100% 78%)}
  [dir="rtl"] .hero.inner .diag{clip-path:polygon(0 80%,0 100%,100% 100%,100% 97%)}
  .stripes.s-top{right:30px}
  .stripes.s-bot{display:none}
  .hmap{width:min(100%,320px)}
  .hero.inner .hero-art{display:none}
  .hero.inner .hero-art:has(.hmap){display:grid}
  .tag.t1{left:0;top:4%}
}

/* stats strip */
.stats-strip{background:var(--paper);border-bottom:1px solid var(--line)}
.stats{display:grid;grid-template-columns:repeat(4,1fr)}
.stats>div{padding:34px 26px;border-inline-start:1px solid var(--line);position:relative}
.stats>div:first-child{border-inline-start:0}
.stats>div::before{content:"";position:absolute;inset-inline-start:26px;top:0;width:34px;height:5px;background:var(--gold);transform:skewX(-30deg)}
.stats b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(38px,4.4vw,56px);line-height:1;font-variant-numeric:tabular-nums}
.stats span{display:block;font-size:14px;color:var(--ink-2);margin-top:8px}
@media (max-width:760px){.stats{grid-template-columns:1fr 1fr}.stats>div:nth-child(3){border-inline-start:0}.stats>div:nth-child(n+3){border-top:1px solid var(--line)}}

/* type */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#B97A16}
.eyebrow::before{content:"";width:26px;height:5px;background:var(--gold);transform:skewX(-30deg)}
[dir="rtl"] .eyebrow{letter-spacing:0;font-size:15px}
[dir="rtl"] .eyebrow::before{transform:skewX(30deg)}
.h2{font-size:clamp(32px,4.2vw,54px);margin-top:14px}
.lede{color:var(--ink-2);font-size:17px;max-width:62ch;margin-top:16px}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:44px}

/* intro */
.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.year-block{aspect-ratio:1;max-width:380px;width:100%;background:var(--navy);color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;clip-path:polygon(0 0,100% 0,100% 82%,82% 100%,0 100%)}
.year-block::before{content:"";position:absolute;inset:0;background:var(--gold);clip-path:polygon(62% 0,100% 0,100% 100%,22% 100%);opacity:1}
.year-block .yr{position:relative;font-family:var(--display);font-weight:800;font-size:clamp(60px,8vw,104px);line-height:1;color:#fff;text-shadow:4px 4px 0 var(--navy)}
.year-block .cap{position:relative;font-weight:600;font-size:14px;margin-top:8px;color:var(--navy);background:#fff;align-self:flex-start;padding:6px 14px;border-radius:999px}
@media (max-width:860px){.intro-grid{grid-template-columns:1fr;gap:36px}.year-block{max-width:300px}}

/* services */
.services{background:var(--paper)}
.svc-head{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.svc{background:#fff;border:1px solid var(--line);padding:32px 28px;display:flex;flex-direction:column;gap:12px;min-width:0;position:relative;transition:transform .2s,box-shadow .2s}
.svc::before{content:"";position:absolute;top:0;inset-inline-start:0;width:0;height:4px;background:var(--gold);transition:width .3s}
.svc:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(12,32,51,.45)}
.svc:hover::before{width:100%}
.svc .ico{width:54px;height:54px;background:var(--navy);color:var(--gold);display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}
.svc .ico svg{width:26px;height:26px}
.svc h3{font-size:21px;margin-top:6px}
.svc p{color:var(--ink-2);font-size:15px}
.svc ul{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.svc li{font-size:12px;font-weight:600;padding:4px 10px;background:var(--gold-soft);color:#8A5A10;border-radius:999px}
@media (max-width:900px){.svc-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.svc-grid{grid-template-columns:1fr}}

/* network */
.network{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.network::before{content:"";position:absolute;inset:0;background:var(--navy-2);clip-path:polygon(70% 0,100% 0,100% 100%,48% 100%)}
.network>.wrap{position:relative}
.network .eyebrow{color:var(--gold)}
.network .lede{color:rgba(255,255,255,.78)}
.net-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.hubs{display:grid;gap:10px}
.hub{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:15px 20px;background:var(--navy-2);border-inline-start:4px solid rgba(255,255,255,.25)}
.hub.hq{border-inline-start-color:var(--gold);background:var(--navy-3)}
.hub .pin{width:12px;height:12px;border-radius:50%;background:#fff}
.hub.hq .pin{background:var(--gold)}
.hub b{font-weight:700}
.hub span{color:rgba(255,255,255,.72);font-size:13px;display:block}
.hub i{font-style:normal;font-size:12px;font-weight:700;color:var(--gold)}
.routes{width:100%;height:auto;max-width:100%;direction:ltr}
.routes .iraq{fill:var(--navy-3);stroke:var(--gold);stroke-width:1.8;stroke-linejoin:round}
.routes .spokes path{stroke:rgba(255,255,255,.55);stroke-width:1;fill:none}
.routes .trunks path{stroke:var(--gold);stroke-width:2.2;stroke-dasharray:4 6;fill:none;stroke-linecap:round;animation:flow 2.4s linear infinite}
.routes .cap circle{fill:rgba(255,255,255,.7)}
.routes .halo{fill:#fff;opacity:.2}
.routes .hubdot{fill:#fff}
.routes .hqhalo{fill:var(--gold);opacity:.35}
.routes .hqdot{fill:var(--gold);stroke:var(--navy);stroke-width:2}
.routes text{font-family:var(--body);fill:#fff;font-size:12px;font-weight:600;letter-spacing:1px}
.routes .hqlbl{fill:var(--gold)}
.routes .sub{fill:rgba(255,255,255,.7);font-size:9.5px;letter-spacing:2px}
[dir="rtl"] .routes text{font-family:var(--ar);letter-spacing:0;font-size:14px}
[dir="rtl"] .routes .sub{font-size:11px}
.ops{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:56px}
.op{border-top:4px solid var(--gold);padding-top:16px}
.op b{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.2vw,40px);display:block;line-height:1.1;font-variant-numeric:tabular-nums}
.op span{color:rgba(255,255,255,.72);font-size:14px}
@media (max-width:900px){.net-grid{grid-template-columns:1fr}.ops{grid-template-columns:1fr 1fr}.network::before{display:none}}

/* about */
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.story-grid .lede+.lede{margin-top:14px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}
.fact{background:var(--paper);padding:22px;border-inline-start:4px solid var(--gold)}
.fact b{font-family:var(--display);font-weight:800;font-size:42px;display:block;line-height:1;font-variant-numeric:tabular-nums}
.fact span{font-size:14px;color:var(--ink-2);display:block;margin-top:8px}
.mv{display:grid;gap:14px}
.mv-card{border:1px solid var(--line);padding:28px}
.mv-card h3{font-size:22px;margin-top:12px}
.mv-card p{color:var(--ink-2);margin-top:10px;font-size:15px}
.mv-card.feature{background:var(--navy);color:#fff;border-color:var(--navy);clip-path:polygon(0 0,100% 0,100% 86%,92% 100%,0 100%)}
.mv-card.feature .eyebrow{color:var(--gold)}
.mv-card.feature p{color:rgba(255,255,255,.78)}
@media (max-width:900px){.story-grid{grid-template-columns:1fr;gap:40px}}
.timeline{margin-top:48px;position:relative;display:grid}
.timeline::before{content:"";position:absolute;inset-block:10px;inset-inline-start:110px;width:3px;background:var(--gold)}
.ms{display:grid;grid-template-columns:94px 34px 1fr;align-items:start;padding-block:10px}
.ms .yr{font-family:var(--display);font-weight:800;font-size:26px;line-height:1.3;font-variant-numeric:tabular-nums}
.ms .node{width:16px;height:16px;background:var(--navy);border:3px solid var(--gold);margin-top:9px;margin-inline-start:8px;transform:rotate(45deg);position:relative;z-index:1}
.ms.now .node{background:var(--gold)}
.ms .body{background:var(--paper);padding:16px 22px;min-width:0}
.ms.now .body{background:var(--navy);color:#fff}
.ms.now .body p{color:rgba(255,255,255,.78)}
.ms .body b{font-weight:700;display:block}
.ms .body p{color:var(--ink-2);font-size:15px;margin-top:4px}
@media (max-width:600px){.timeline::before{inset-inline-start:72px}.ms{grid-template-columns:58px 30px 1fr}.ms .yr{font-size:18px}.ms .node{margin-inline-start:6px}}
.v-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.val{padding:30px 26px;background:var(--paper);position:relative}
.val:nth-child(odd){background:var(--navy);color:#fff}
.val:nth-child(odd) p{color:rgba(255,255,255,.75)}
.val .ltr{font-family:var(--display);font-weight:800;font-size:46px;line-height:1;color:var(--gold);display:block}
.val h3{font-size:21px;margin-top:16px}
.val p{color:var(--ink-2);font-size:15px;margin-top:8px}
@media (max-width:900px){.v-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.v-grid{grid-template-columns:1fr}}

/* partners */
.p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pcard{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;text-decoration:none;min-width:0;transition:transform .2s,box-shadow .2s}
.pcard:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(12,32,51,.45)}
.plogo{height:150px;display:grid;place-items:center;background:var(--paper);position:relative;overflow:hidden}
.plogo::before{content:"";position:absolute;inset:0;background:var(--gold);clip-path:polygon(84% 0,100% 0,100% 100%,70% 100%);transition:clip-path .35s}
.pcard:hover .plogo::before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.plogo .lg{position:relative;display:block;height:var(--h,44px);aspect-ratio:var(--ar,3);max-width:80%;background:var(--navy);-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-repeat:no-repeat}
.pcard .meta{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:16px 20px}
.pcard .flag{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--ink-2);text-transform:uppercase}
[dir="rtl"] .pcard .flag{letter-spacing:0;font-size:14px}
.pcard .area{font-size:12.5px;font-weight:600;padding:4px 12px;background:var(--navy);color:#fff;border-radius:999px}
@media (max-width:900px){.p-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.p-grid{grid-template-columns:1fr}}
.home-partners{background:#fff}

/* process */
.steps4{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.steps4 li{background:var(--paper);padding:30px 24px;position:relative}
.steps4 b{display:inline-grid;place-items:center;width:52px;height:52px;background:var(--gold);color:var(--navy);font-weight:800;font-size:17px;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}
.steps4 h3{font-size:19px;margin-top:18px}
.steps4 p{color:var(--ink-2);font-size:14.5px;margin-top:8px}
@media (max-width:900px){.steps4{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.steps4{grid-template-columns:1fr}}

/* contact */
.c-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:start}
.c-info{display:grid;gap:10px}
.c-row{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:16px 20px;background:var(--paper);border-inline-start:4px solid var(--gold)}
.c-row>span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
[dir="rtl"] .c-row>span{letter-spacing:0;font-size:14px}
.c-row b{font-weight:600;overflow-wrap:anywhere}
.c-row b a{text-decoration:none}
.maplink{display:block;margin-top:6px;font-size:13px;color:#B97A16;text-decoration:underline!important}
form{background:var(--navy);color:#fff;padding:34px;display:grid;gap:16px;clip-path:polygon(0 0,100% 0,100% 94%,94% 100%,0 100%)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:grid;gap:6px;font-size:13px;font-weight:600;color:rgba(255,255,255,.85)}
input,textarea,select{font:inherit;font-size:15px;color:var(--ink);background:#fff;border:2px solid transparent;border-radius:10px;padding:12px 14px;width:100%}
textarea{min-height:130px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold)}
form .btn{justify-self:start}
.sent{color:var(--gold);font-size:14px;font-weight:600}
@media (max-width:900px){.c-grid{grid-template-columns:1fr}}
@media (max-width:520px){.f2{grid-template-columns:1fr}.c-row{grid-template-columns:1fr;gap:2px}form{padding:24px}}
.visit{padding-top:0}
.visit-card{display:flex;justify-content:space-between;align-items:center;gap:40px;background:var(--gold);padding-block:56px;position:relative}
.visit-card .eyebrow{color:var(--navy)}
.visit-card .eyebrow::before{background:var(--navy)}
.visit-card .lede{color:var(--navy)}
@media (max-width:700px){.visit-card{flex-direction:column;align-items:flex-start}.visit-card .pin-art{display:none}}

/* CTA */
.cta-band{background:var(--gold);color:var(--navy);position:relative;overflow:hidden;padding-block:80px}
.cta-band::before{content:"";position:absolute;inset:0;background:var(--navy);clip-path:polygon(86% 0,100% 0,100% 100%,74% 100%)}
.cta-band .lede{color:var(--navy)}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;position:relative;z-index:1}
.cta-inner .cta{margin-top:0}
.stripes.s-cta{right:26%;top:-20px}
.stripes.s-cta i{height:200px}
[dir="rtl"] .cta-band::before{clip-path:polygon(0 0,14% 0,26% 100%,0 100%)}
[dir="rtl"] .stripes.s-cta{right:auto;left:26%}
@media (max-width:900px){.cta-band::before,.stripes.s-cta{display:none}}

/* footer */
footer{background:var(--navy);color:rgba(255,255,255,.75);font-size:14px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-block:60px 40px}
.foot-brand p{margin-top:18px;max-width:36ch}
footer h4{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
[dir="rtl"] footer h4{letter-spacing:0;font-size:15px}
footer p+p{margin-top:6px}
footer a{text-decoration:none}
footer a:hover{color:var(--gold)}
.foot-links{display:grid;gap:8px}
.foot-base{padding-block:20px 28px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr}}
@media (max-width:600px){body{padding:10px}.band{padding-block:64px}}
@media (max-width:900px){
  .hero.inner:has(.hmap) .diag{clip-path:polygon(100% 52%,100% 100%,0 100%,0 74%)}
  [dir="rtl"] .hero.inner:has(.hmap) .diag{clip-path:polygon(0 52%,0 100%,100% 100%,100% 74%)}
}