/* ==========================================================================
   ITAS MEDIA — Premium design system
   ========================================================================== */
:root{
  --ink:#05052a;
  --ink-2:#060652;
  --navy:#000060;
  --navy-700:#23238c;
  --navy-900:#03034c;
  --teal:#00a8b4;
  --sky:#00c9cf;
  --grad:linear-gradient(120deg,#00a8b4,#00c9cf);
  --grad-2:linear-gradient(135deg,#00d6d0,#00789c);
  --line:rgba(255,255,255,.10);
  --shadow-sm:0 6px 20px rgba(4,4,44,.10);
  --shadow-lg:0 30px 80px -20px rgba(4,4,44,.45);
  --r:22px;
}

*{ -webkit-tap-highlight-color:transparent; }
html{ scroll-behavior:smooth; }
body{
  font-family:'Almarai',system-ui,sans-serif;
  background:#fff; color:#1c1e33;
  overflow-x:hidden; overflow-x:clip;
}
img{ max-width:100%; }

::selection{ background:var(--teal); color:#fff; }
::-webkit-scrollbar{ width:11px; }
::-webkit-scrollbar-track{ background:#05052a; }
::-webkit-scrollbar-thumb{ background:linear-gradient(#00a8b4,#00c9cf); border-radius:99px; border:2px solid #05052a; }

/* ---------- utilities ---------- */
.grad-text{ background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.grad-bg{ background-image:var(--grad); }
.navy-grad{ background:radial-gradient(1200px 600px at 80% -10%,#2b2c9c 0%,#0a0a6e 45%,#03034a 100%); }
.ink-grad{ background:radial-gradient(1200px 700px at 85% -10%,#14146e 0%,#060652 50%,#02022c 100%); }
.glass{ background:rgba(255,255,255,.06); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.12); }
.glass-light{ background:rgba(255,255,255,.72); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(12,14,40,.06); }
.glass-dark{ background:rgba(5,5,60,.55); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,.10); }
.grad-border{ position:relative; }
.grad-border::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1px;
  background:linear-gradient(135deg,rgba(0,168,180,.9),rgba(0,201,207,.35),transparent 60%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;
}
.grid-lines{
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:52px 52px;
}
.grid-lines-dark{
  background-image:linear-gradient(rgba(4,4,44,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(4,4,44,.07) 1px,transparent 1px);
  background-size:52px 52px;
}
.noise{ position:absolute; inset:0; pointer-events:none; opacity:.5; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"); }
.blob{ position:absolute; border-radius:50%; filter:blur(80px); opacity:.4; pointer-events:none; }

/* ---------- aurora / animated background ---------- */
.aurora{ position:absolute; inset:-20% -10%; z-index:0; pointer-events:none; filter:blur(60px); opacity:.75; }
.aurora i{ position:absolute; display:block; border-radius:50%; mix-blend-mode:screen; }
.aurora i:nth-child(1){ width:44vw; height:44vw; background:#00a8b4; top:-6%; right:-4%; animation:float1 18s ease-in-out infinite; }
.aurora i:nth-child(2){ width:40vw; height:40vw; background:#00c9cf; bottom:-10%; left:-6%; animation:float2 22s ease-in-out infinite; }
.aurora i:nth-child(3){ width:32vw; height:32vw; background:#2c2fd0; top:30%; left:35%; animation:float3 26s ease-in-out infinite; }
@keyframes float1{ 50%{ transform:translate(-8%,10%) scale(1.15); } }
@keyframes float2{ 50%{ transform:translate(10%,-8%) scale(1.2); } }
@keyframes float3{ 50%{ transform:translate(-6%,-12%) scale(1.1); } }

/* ---------- eyebrow + headings ---------- */
.eyebrow{
  display:inline-flex; align-items:center; gap:.5rem;
  font-size:.8rem; font-weight:800; letter-spacing:normal;
  padding:.45rem 1rem; border-radius:99px;
  color:#00939e; background:rgba(0,168,180,.12); border:1px solid rgba(0,168,180,.26);
}
.eyebrow.on-dark{ color:#7ff0e2; background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14); }

/* Ensure Arabic headings never collide vertically or horizontally */
h1, h2, h3, h4, h5, h6,
.h-display{
  font-family:'Almarai',system-ui,sans-serif;
  letter-spacing:normal !important;
  word-spacing:normal;
  line-height:1.42 !important;
}
.h-display{
  font-weight:900;
  line-height:1.4 !important;
  letter-spacing:normal !important;
}
.h-display [data-split]{
  line-height:1.45 !important;
  padding-block:.12em;
  display:inline-block;
  width:100%;
}
.h-display > .block + .block{
  margin-top:.55em;
}
.hero-title{
  line-height:1.25 !important;
}
.hero-title > [data-split]{
  display:inline;
  width:auto;
  padding-block:0;
}
.hero-title .split-word{
  white-space:nowrap;
}

/* ---------- buttons ---------- */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
  font-weight:800; border-radius:99px; padding:.95rem 1.9rem; line-height:1;
  transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s, background .25s, color .25s, opacity .25s;
  white-space:nowrap; }
.btn svg{ width:1.15rem; height:1.15rem; }
.btn-grad{ background-image:var(--grad-2); color:#fff; box-shadow:0 14px 34px -10px rgba(0,196,172,.65); }
.btn-grad:hover{ transform:translateY(-3px); box-shadow:0 22px 46px -12px rgba(0,196,172,.8); }
.btn-dark{ background:#0a0a5c; color:#fff; }
.btn-dark:hover{ transform:translateY(-3px); background:#14146e; }
.btn-ghost{ background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(8px); }
.btn-ghost:hover{ background:rgba(255,255,255,.16); transform:translateY(-3px); }
.btn-outline{ border:2px solid var(--navy); color:var(--navy); }
.btn-outline:hover{ background:var(--navy); color:#fff; transform:translateY(-3px); }
.btn-like{ position:relative; overflow:hidden; }
.btn-like::after{ content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent); transform:translateX(-120%); transition:transform .7s; }
.btn-like:hover::after{ transform:translateX(120%); }

/* ---------- cards / tilt ---------- */
.card{ background:#fff; border:1px solid rgba(12,14,40,.07); border-radius:var(--r); box-shadow:var(--shadow-sm);
  transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s, border-color .4s; }
.card:hover{ transform:translateY(-8px); box-shadow:var(--shadow-lg); border-color:rgba(0,196,172,.35); }
.card-dark{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); color:#fff; border-radius:var(--r);
  transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s, border-color .4s, background .4s; }
.card-dark:hover{ transform:translateY(-8px); background:rgba(255,255,255,.08); border-color:rgba(0,196,172,.45); }
.card-hover{ transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
.card-hover:hover{ transform:translateY(-8px); }
.tilt{ transform-style:preserve-3d; will-change:transform; }
.tilt-inner{ transform:translateZ(40px); }

/* ---------- reveal on scroll ---------- */
.reveal{ opacity:0; transform:translateY(28px); transition:opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1); transition-delay:var(--d,0ms); }
.reveal-left{ opacity:0; transform:translateX(-40px); transition:opacity .9s, transform .9s; transition-delay:var(--d,0ms); }
.reveal-right{ opacity:0; transform:translateX(40px); transition:opacity .9s, transform .9s; transition-delay:var(--d,0ms); }
.reveal-scale{ opacity:0; transform:scale(.94); transition:opacity .9s, transform .9s; transition-delay:var(--d,0ms); }
.reveal.in,.reveal-left.in,.reveal-right.in,.reveal-scale.in{ opacity:1; transform:none; }

/* ---------- marquee ---------- */
.marquee{ display:flex; gap:3.5rem; width:max-content; animation:scroll 30s linear infinite; }
.marquee:hover{ animation-play-state:paused; }
@keyframes scroll{ to{ transform:translateX(50%); } }
.marquee-mask{ -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }

/* ---------- misc ---------- */
.pulse-ring::after{ content:""; position:absolute; inset:0; border-radius:inherit; border:2px solid #25D366; animation:pr 1.8s ease-out infinite; }
@keyframes pr{ 0%{transform:scale(1);opacity:.7} 100%{transform:scale(1.6);opacity:0} }
.scroll-progress{ position:fixed; top:0; right:0; height:3px; width:0; background-image:var(--grad); z-index:100; transition:width .1s linear; }
.to-reveal-img{ clip-path:inset(0 0 100% 0); transition:clip-path 1s cubic-bezier(.2,.8,.2,1); }
.to-reveal-img.in{ clip-path:inset(0 0 0 0); }

/* ---------- nav dropdown ---------- */
.nav-dd{ position:relative; }
.nav-dd > .dd-panel{ opacity:0; visibility:hidden; transform:translateY(10px); transition:.22s; }
.nav-dd:hover > .dd-panel{ opacity:1; visibility:visible; transform:none; }

/* ---------- forms ---------- */
.field{ width:100%; border:1.5px solid rgba(12,14,40,.12); border-radius:14px; padding:.85rem 1rem; font-family:inherit; font-weight:600; color:#1c1e33; background:#fff; transition:border-color .2s, box-shadow .2s; }
.field:focus{ outline:none; border-color:var(--teal); box-shadow:0 0 0 4px rgba(0,196,172,.15); }

/* ---------- swiper ---------- */
.swiper{ padding-bottom:56px; }
.swiper-pagination-bullet{ background:#c7cad9; opacity:1; }
.swiper-pagination-bullet-active{ background-image:var(--grad); width:26px; border-radius:99px; }

/* ---------- article typography (RTL) ---------- */
.prose-ar{ color:#3a3d63; line-height:2; font-size:1.075rem; }
.prose-ar > * + *{ margin-top:1.15rem; }
.prose-ar h2{ color:var(--navy); font-weight:900; font-size:1.6rem; margin-top:2.4rem; line-height:1.5; }
.prose-ar h3{ color:var(--navy); font-weight:800; font-size:1.28rem; margin-top:1.9rem; }
.prose-ar h4{ color:var(--navy); font-weight:700; font-size:1.1rem; margin-top:1.5rem; }
.prose-ar ul{ list-style:disc; padding-inline-start:1.5rem; }
.prose-ar ol{ list-style:decimal; padding-inline-start:1.5rem; }
.prose-ar li{ margin-top:.5rem; }
.prose-ar a{ color:#00a08e; font-weight:700; text-decoration:underline; }
.prose-ar img{ border-radius:1rem; margin:1.5rem auto; }
.prose-ar blockquote{ border-inline-start:4px solid var(--teal); background:#f2f3f9; padding:1rem 1.25rem; border-radius:.75rem; color:#4a4d8f; font-weight:600; }

.line-clamp-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.line-clamp-3{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
  .reveal,.reveal-left,.reveal-right,.reveal-scale{ opacity:1 !important; transform:none !important; }
}

/* ==========================================================================
   Header / Footer / motion components
   ========================================================================== */
.itas-wrap{ max-width:80rem; margin-inline:auto; padding-inline:1rem; }

/* --- topbar --- */
.itas-topbar{ display:none; background:transparent; color:#fff; font-size:.78rem; font-weight:600; transition:background .35s,color .35s; }
@media(min-width:768px){ .itas-topbar{ display:block; } }
.itas-topbar-in{ display:flex; align-items:center; justify-content:space-between; height:42px; }
.itas-topbar-l{ display:flex; gap:1.4rem; }
.itas-toplink{ display:inline-flex; align-items:center; gap:.45rem; color:inherit; transition:color .2s; }
.itas-toplink:hover{ color:#00a8b4; }
.itas-toplink svg{ width:14px; height:14px; }
.itas-topbar-r{ display:flex; align-items:center; gap:.55rem; }
.itas-social{ display:inline-flex; width:28px; height:28px; border-radius:9px; align-items:center; justify-content:center; background:rgba(255,255,255,.06); transition:.2s; }
.itas-social svg{ width:15px; height:15px; }
.itas-social:hover{ background-image:var(--grad); color:#fff; transform:translateY(-2px); }

/* --- nav (glassy, transparent at top, frosted when scrolled) --- */
#site-header{ position:fixed; inset:0 0 auto; z-index:60; width:100%; }
.itas-nav{ background:transparent; border-bottom:0; transition:background .35s, box-shadow .35s; }
#site-header.scrolled .itas-nav{ background:rgba(255,255,255,.96); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:none; }
#site-header.scrolled .itas-topbar{ background:rgba(255,255,255,.96); color:#23238c; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.itas-nav-in{ display:flex; align-items:center; justify-content:space-between; gap:1rem; height:76px; transition:height .3s; }
#site-header.scrolled .itas-nav-in{ height:64px; }
.itas-logo{ display:flex; align-items:center; gap:.7rem; }
#site-header + section{ margin-top:0; }
#site-header + section .itas-wrap{ padding-top:6rem; }
@media(min-width:768px){ #site-header + section .itas-wrap{ padding-top:9.25rem; } }
.itas-logo-img{ height:46px; width:auto; max-width:200px; object-fit:contain; border-radius:10px; padding:5px 9px; background:rgba(255,255,255,.94); box-shadow:0 4px 18px rgba(0,0,0,.12); }
@media(min-width:1024px){ .itas-logo-img{ height:50px; max-width:220px; } }
.itas-logo-mark{ position:relative; width:46px; height:46px; border-radius:14px; overflow:hidden; display:grid; place-items:center; background:#fff; box-shadow:0 0 0 1px rgba(255,255,255,.16), 0 10px 24px -8px rgba(0,196,172,.6); }
.itas-logo-mark img{ width:100%; height:100%; object-fit:cover; }
.itas-logo-mark span{ display:none; font-weight:900; font-size:1.4rem; color:#05052a; }
.itas-logo-mark.no-img span{ display:block; }
.itas-logo-txt b{ display:block; color:#fff; font-weight:900; font-size:1.06rem; line-height:1.12; }
.itas-logo-txt i{ display:block; font-style:normal; color:#00e0c6; font-weight:800; font-size:.6rem; letter-spacing:.22em; }
.itas-nav-links{ display:none; align-items:center; gap:.1rem; }
@media(min-width:1024px){ .itas-nav-links{ display:flex; } }
.itas-nav-link{ display:inline-flex; align-items:center; gap:.3rem; padding:.55rem .8rem; border-radius:99px; color:rgba(255,255,255,.9); font-weight:700; font-size:.9rem; transition:.2s; }
.itas-nav-link svg{ width:14px; height:14px; transition:transform .2s; }
.itas-nav-link:hover{ color:#fff; background:rgba(255,255,255,.12); }
.itas-nav-link.is-active{ color:#fff; background:rgba(255,255,255,.16); }
#site-header.scrolled .itas-nav-link{ color:rgba(5,5,42,.72); }
#site-header.scrolled .itas-nav-link:hover{ color:#05052a; background:rgba(0,168,180,.12); }
#site-header.scrolled .itas-nav-link.is-active{ color:#05052a; background-image:var(--grad); }
.nav-dd:hover .itas-nav-link svg{ transform:rotate(180deg); }
.itas-nav-cta{ display:flex; align-items:center; gap:.5rem; }
.itas-nav-bt{ display:none; padding:.72rem 1.4rem; font-size:.85rem; }
@media(min-width:1024px){ .itas-nav-bt{ display:inline-flex; } }
.itas-burger{ display:inline-flex; flex-direction:column; gap:5px; width:44px; height:44px; align-items:center; justify-content:center; border-radius:12px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.3); transition:background .35s,border-color .35s; }
#site-header.scrolled .itas-burger{ background:rgba(5,5,42,.06); border-color:rgba(5,5,42,.1); }
@media(min-width:1024px){ .itas-burger{ display:none; } }
.itas-burger span{ width:20px; height:2px; background:#fff; border-radius:2px; transition:background .35s,transform .25s,opacity .25s; }
#site-header.scrolled .itas-burger span{ background:#05052a; }
.itas-burger.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.itas-burger.open span:nth-child(2){ opacity:0; }
.itas-burger.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
.itas-mm{ position:absolute; inset-inline:0; top:100%; background:rgba(5,5,42,.98); backdrop-filter:blur(18px); border-bottom:0; max-height:0; overflow:hidden; transition:max-height .4s ease; }
.itas-mm.open{ max-height:80vh; overflow-y:auto; border-bottom:1px solid rgba(255,255,255,.1); }
.itas-mm-in{ padding:1rem; display:flex; flex-direction:column; }
.itas-mm-link,.itas-mm-label{ display:block; padding:.85rem .4rem; font-weight:800; color:#fff; border-bottom:1px solid rgba(255,255,255,.08); }
.itas-mm-link.is-active{ color:#7ff0e2; }
.itas-mm-group{ border-bottom:1px solid rgba(255,255,255,.08); }
.itas-mm-sub{ display:block; padding:.6rem 1.2rem .6rem .4rem; color:rgba(255,255,255,.72); font-weight:600; font-size:.9rem; }
.itas-mm-sub:hover{ color:#7ff0e2; }
.itas-mm-contact{ margin-top:1rem; display:flex; flex-direction:column; gap:.5rem; color:rgba(255,255,255,.6); }
.itas-dd-panel{ position:absolute; top:100%; right:0; margin-top:.4rem; width:17rem; border-radius:18px; background:rgba(6,6,72,.98); border:1px solid rgba(255,255,255,.1); box-shadow:0 30px 60px -20px rgba(0,0,0,.7); padding:.5rem; z-index:70; }
.itas-dd-item{ display:block; padding:.7rem 1rem; border-radius:12px; color:rgba(255,255,255,.8); font-weight:600; font-size:.9rem; transition:.2s; }
.itas-dd-item:hover{ background:rgba(0,168,180,.16); color:#7ff0e2; padding-inline-start:1.4rem; }

/* --- footer --- */
.itas-footer{ position:relative; overflow:hidden; background:#fff; color:#05052a; padding-top:4.5rem; }
.itas-footer .aurora{ opacity:0; }
.itas-footer-grid{ position:relative; z-index:2; display:grid; gap:2.6rem; grid-template-columns:1fr; padding-bottom:3rem; }
@media(min-width:768px){ .itas-footer-grid{ grid-template-columns:1fr 1fr; } }
@media(min-width:1024px){ .itas-footer-grid{ grid-template-columns:1.6fr 1fr 1fr 1.25fr; } }
.itas-logo-light .itas-logo-txt b{ color:#05052a; }
.itas-f-brand p{ color:rgba(5,5,42,.66); line-height:1.9; margin-top:1.1rem; font-size:.94rem; max-width:36ch; }
.itas-f-social{ display:flex; gap:.6rem; margin-top:1.3rem; }
.itas-f-social a{ width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:rgba(5,5,42,.05); border:1px solid rgba(5,5,42,.08); transition:.25s; }
.itas-f-social a svg{ width:18px; height:18px; }
.itas-f-social a:hover{ background-image:var(--grad); transform:translateY(-3px); }
.itas-f-col h4{ font-weight:800; font-size:1.05rem; margin-bottom:1.2rem; position:relative; padding-bottom:.7rem; }
.itas-f-col h4::after{ content:""; position:absolute; bottom:0; right:0; width:2.2rem; height:3px; border-radius:3px; background-image:var(--grad); }
.itas-f-col ul{ display:flex; flex-direction:column; gap:.75rem; }
.itas-f-col a,.itas-f-col li span{ color:rgba(5,5,42,.7); font-size:.92rem; transition:color .2s, padding .2s; }
.itas-f-col a:hover{ color:#00a8b4; }
.itas-f-contact li{ display:flex; gap:.7rem; align-items:flex-start; }
.itas-f-contact svg{ width:18px; height:18px; color:#00a8b4; flex:0 0 auto; margin-top:.2rem; }
.itas-f-bottom{ position:relative; z-index:2; border-top:1px solid rgba(5,5,42,.08); padding:1.5rem 1rem; display:flex; flex-wrap:wrap; gap:.6rem; justify-content:space-between; color:rgba(5,5,42,.55); font-size:.85rem; }

/* --- floating actions --- */
.itas-float{ position:fixed; bottom:1.4rem; left:1.4rem; z-index:70; width:56px; height:56px; border-radius:50%; background:#25D366; color:#fff; display:grid; place-items:center; box-shadow:0 18px 40px -10px rgba(37,211,102,.7); }
.itas-float svg{ width:28px; height:28px; }
.itas-totop{ position:fixed; bottom:1.6rem; left:5.8rem; z-index:70; width:48px; height:48px; border-radius:50%; background:#0a0a5c; color:#fff; display:grid; place-items:center; box-shadow:0 16px 34px -12px rgba(0,0,0,.6); opacity:0; visibility:hidden; transform:translateY(10px); transition:.3s; }
.itas-totop svg{ width:20px; height:20px; }
.itas-totop.show{ opacity:1; visibility:visible; transform:none; }
.itas-totop:hover{ background-image:var(--grad); }

/* --- split text --- */
.split-word{ display:inline-block; opacity:0; transform:translateY(105%); margin-inline-end:0.28em; white-space:normal; }
.split-word:last-child{ margin-inline-end:0; }
[data-split].in .split-word{ opacity:1; transform:none; transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .9s cubic-bezier(.2,.8,.2,1); transition-delay:calc(var(--i) * 55ms); }

/* --- spotlight overlay --- */
.has-spot{ position:relative; }
.has-spot::after{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0; transition:opacity .35s; background:radial-gradient(340px circle at var(--sx,50%) var(--sy,50%), rgba(0,196,172,.20), transparent 60%); }
.has-spot:hover::after{ opacity:1; }

.itas-cover-img{ transition:transform 1s cubic-bezier(.2,.8,.2,1); }
.group:hover .itas-cover-img{ transform:scale(1.07); }

/* --- photographic page heroes --- */
.itas-page-hero{ min-height:330px; background:#101226; }
.itas-page-hero__image,.itas-page-hero__shade{ position:absolute; inset:0; width:100%; height:100%; }
.itas-page-hero__image{ object-fit:cover; object-position:center 42%; }
.itas-page-hero__shade{ background:linear-gradient(270deg,rgba(8,9,24,.88),rgba(8,9,24,.68) 55%,rgba(8,9,24,.48)),linear-gradient(0deg,rgba(8,9,24,.28),transparent 55%); }
.itas-page-hero .itas-wrap{ padding-block:3.5rem; }

/* --- homepage hero slider --- */
.itas-home-slider{ min-height:clamp(560px,78vh,760px); background:#080918; }
.itas-home-slides,.itas-home-slide{ position:absolute; inset:0; }
.itas-home-slide{ visibility:hidden; opacity:0; transition:opacity .8s ease,visibility .8s; }
.itas-home-slide.is-active{ visibility:visible; opacity:1; }
.itas-home-slide__image,.itas-home-slide__shade{ position:absolute; inset:0; width:100%; height:100%; }
.itas-home-slide__image{ object-fit:cover; object-position:center; }
.itas-home-slide__shade{ background:linear-gradient(270deg,rgba(5,5,28,.88),rgba(5,5,28,.72) 45%,rgba(5,5,28,.24)),linear-gradient(0deg,rgba(5,5,28,.42),transparent 60%); }
.itas-home-slider__content{ position:relative; z-index:2; display:flex; align-items:center; min-height:inherit; padding-top:9.25rem; padding-bottom:6rem; }
@media(max-width:767px){
  .itas-page-hero{ min-height:320px; }
  .itas-page-hero .itas-wrap{ padding-block:2.75rem; }
  .itas-home-slider{ min-height:620px; }
  .itas-home-slider__content{ padding-bottom:6.5rem; }
}
@media(prefers-reduced-motion:reduce){
  .itas-home-slide{ transition:none; }
}