:root {
  --black:#08090b;
  --ink:#172636;
  --gold:#c9a957;
  --light:#f3f5f6;
  --muted:#63717d;
--max:1220px}

* {
box-sizing:border-box}

html {
scroll-behavior:smooth}

body {
  margin:0;
  font:16px/1.65 Arial,Helvetica,sans-serif;
  color:var(--ink);
background:#fff}

img {
  max-width:100%;
display:block}

a {
  color:inherit;
text-decoration:none}

button,input,select,textarea {
font:inherit}

button {
cursor:pointer}

.container {
  width:min(var(--max),calc(100% - 48px));
margin-inline:auto}

.skip-link {
  position:absolute;
  top:-100px;
  left:12px;
  z-index:100;
  background:#fff;
padding:10px}

.skip-link:focus {
top:8px}

:focus-visible {
  outline:3px solid var(--gold);
outline-offset:3px}

h1,h2,h3,p {
margin-top:0}

h1,h2,h3 {
line-height:1.16}

h2 {
  font-size:clamp(2rem,4vw,3.25rem);
letter-spacing:-.035em}

h3 {
font-size:1.15rem}

p {
color:var(--muted)}

.eyebrow {
  display:block;
  text-transform:uppercase;
  letter-spacing:.17em;
  color:var(--gold);
  font-size:.78rem;
  font-weight:700;
margin-bottom:16px}

.button {
  display:inline-flex;
  align-items:center;
  gap:28px;
  padding:14px 22px;
  font-weight:700;
  font-size:.9rem;
border:0}

.button-gold {
  background:var(--gold);
color:var(--black)}

.button:hover {
filter:brightness(1.1)}

.text-link {
  display:inline-block;
  margin-top:20px;
  font-weight:700;
  color:#8d702e;
  border-bottom:1px solid currentColor;
padding-bottom:5px}

.section {
padding:94px 0}

.section-light {
background:var(--light)}

.split {
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
gap:clamp(32px,7vw,110px)}

.section-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
margin-bottom:24px}

.section-heading h2 {
margin-bottom:0}

.site-header {
  position:sticky;
  top:0;
  z-index:30;
  background:var(--black);
  color:#fff;
box-shadow:0 4px 18px #0003}

.header-inner {
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
gap:36px}

.brand {
flex:none}

.brand img {
  width:82px;
  height:69px;
object-fit:contain}

.primary-nav {
  display:flex;
  align-items:center;
gap:clamp(14px,2.2vw,31px)}

.primary-nav>a,.nav-dropdown-toggle {
  color:#f1f1f1;
  font-size:.89rem;
  font-weight:600;
  white-space:nowrap;
  border:0;
  background:none;
padding:13px 0}

.primary-nav>a:hover,.primary-nav>a.active,.nav-dropdown-toggle:hover,.nav-dropdown-toggle.active {
color:var(--gold)}

.nav-dropdown {
position:relative}

.nav-dropdown-menu {
  position:absolute;
  top:100%;
  left:0;
  display:none;
  min-width:215px;
  padding:8px;
  background:#151617;
box-shadow:0 10px 24px #0005}

.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu {
display:grid}

.nav-dropdown-menu a {
  padding:9px 11px;
font-size:.88rem}

.nav-dropdown-menu a:hover {
color:var(--gold)}

.menu-toggle {
  display:none;
  border:0;
  background:none;
  color:#fff;
font-size:1.7rem}

.hero {
  height:min(800px,calc(100svh - 84px));
  min-height:610px;
  position:relative;
  overflow:hidden;
  background:#13212d;
color:#fff}

.hero-video {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
pointer-events:none}

.hero-shade {
  position:absolute;
  inset:0;
background:linear-gradient(90deg,#02070cb8,#02070c20),linear-gradient(0deg,#02070cb8,transparent 54%)}

.hero-inner {
  position:relative;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
padding-bottom:28px}

.hero-slide {
  position:absolute;
  left:0;
  right:0;
  bottom:116px;
  max-width:810px;
  opacity:0;
  visibility:hidden;
  transform:translateY(14px);
  transition:opacity .8s,transform .8s,visibility .8s;
pointer-events:none}

.hero-slide.is-active {
  opacity:1;
  visibility:visible;
  transform:none;
pointer-events:auto}

.hero-kicker {
  color:#fff;
  font-size:.83rem;
  text-transform:uppercase;
  letter-spacing:.18em;
font-weight:700}

.hero-slide h1,.hero-slide h2 {
  font-size:clamp(2.55rem,5.4vw,5.3rem);
  font-weight:500;
  letter-spacing:-.05em;
  line-height:1.04;
  color:var(--gold);
margin:22px 0 18px}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 50% transparent black */
}
.image-wrapper {
  position: relative;
  display: inline-block; /* Keeps container exact size of the image */
}

.image-wrapper img {
  display: block;
  width: 100%; /* Adjust as needed */
  height: auto;
}
.hero-slide p {
  font-size:clamp(.95rem,1.4vw,1.1rem);
  line-height:1.55;
  color:#eee;
  max-width:650px;
margin:0 0 26px}

.hero-footer {
  display:flex;
  align-items:center;
  gap:24px;
z-index:2}

.hero-count {
  font-size:1.15rem;
  font-weight:700;
white-space:nowrap}

.hero-count #slide-current {
color:var(--gold)}

.count-divider {
  padding:0 9px;
color:#aaa}

.progress-track {
  height:2px;
  background:#ffffff66;
width:min(240px,27vw)}

.progress-fill {
  display:block;
  height:100%;
  width:0;
background:var(--gold)}

.progress-fill.is-running {
animation:progress 7s linear forwards}

@keyframes progress {
  from {
  width:0}

  to {
  width:100%}

}

.hero-controls {
  display:flex;
  gap:8px;
margin-left:auto}

.icon-button {
  width:43px;
  height:43px;
  border:1px solid #ffffff8c;
  border-radius:50%;
  background:transparent;
  color:#fff;
font-size:1rem}

.icon-button:hover {
background:#ffffff2b}

.hero-video-status {
  position:absolute;
  left:24px;
  bottom:90px;
  color:#fff;
  background:#0009;
  padding:7px 11px;
font-size:.8rem}

.about-photo {
  margin:0;
background:#172b37}

.about-photo img {
  width:100%;
  height:420px;
  object-fit:cover;
transition:transform .65s}

.about-photo {
overflow:hidden}

.about-photo:hover img {
transform:scale(1.045)}

.trust-strip {
  background:var(--gold);
color:#000}

.trust-inner {
  display:flex;
  justify-content:space-around;
  gap:20px;
  flex-wrap:wrap;
  padding-top:23px;
  padding-bottom:23px;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-weight:700;
font-size:1.5rem}

.numbers-section {
  background:#000;
color:#fff}

.numbers-section h2 {
color:#fff}

.numbers-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  border-top:1px solid #ffffff36;
padding-top:38px}

.numbers-grid>div {
  display:grid;
gap:5px}

.numbers-grid strong {
  font-size:clamp(1.5rem,3vw,2.3rem);
  line-height:1.2;
color:var(--gold)}

.numbers-grid span {
  color:#d7dde0;
font-size:.1.2rem}
/* 
.expertise-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
gap:12px}

.expertise-card {
  min-height:190px;
  background:#fff;
  border:1px solid #e0e4e6;
  padding:25px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
transition:transform .35s,border-color .35s,box-shadow .35s}

.expertise-card:hover {
  transform:translateY(-6px);
  border-color:var(--gold);
box-shadow:0 18px 36px #0001}

.expertise-card>span {
  color:#a18548;
font-size:.85rem}

.expertise-card h3 {
margin:0} */
.expertise-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.expertise-card {
    min-height: 190px;
    background: #fff;
    border: 1px solid #e0e4e6;
    display: flex;
    flex-direction: column;
    transition: transform .35s, border-color .35s, box-shadow .35s;
    overflow: hidden;
}

.expertise-card:hover {
    transform: translateY(-6px);
    border-color: var(--gold);
    box-shadow: 0 18px 36px #0001;
}

.expertise-media {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #e5e5e5;
}

.expertise-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: transform .5s ease;
}

.expertise-card:hover .expertise-media img {
    transform: scale(1.06);
}

.expertise-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
}

/* numbering kept exactly as original — unchanged */
.expertise-card > .expertise-body > span {
    color: #a18548;
    font-size: .85rem;
}

.expertise-card h3 {
    margin: 0;
}
.sector-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
margin-top:30px}

.sector-tile {
  position:relative;
  min-height:165px;
  overflow:hidden;
  background:#152536;
  color:#fff;
  display:flex;
  align-items:end;
  padding:25px;
  font-size:1.2rem;
  font-weight:700;
isolation:isolate}

.sector-tile img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-2;
transition:transform .75s}

.sector-tile:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,#000c,transparent);
  z-index:-1;
transition:background .35s}

.sector-tile:hover img {
transform:scale(1.09)}

.culture-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 40px;
    margin-top: 30px;
}

.culture-card {
    display: flex;
    align-items: stretch;
    gap: 22px;
    background: #fff;
    min-width: 0;
}

.culture-media {
    width: 140px;
    flex: none;
    aspect-ratio: 6 / 7;
    overflow: hidden;
    background: #172b37;
}

.culture-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s ease;
}

.culture-card:hover .culture-media img {
    transform: scale(1.05);
}

.culture-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.culture-body h3 {
    font-size: 1.2rem;
    margin: 0 0 8px;
    color: var(--ink);
}

.culture-body p {
    margin: 0 0 16px;
    color: var(--muted);
    font-size: .92rem;
    line-height: 1.55;
}

.culture-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--ink);
    width: fit-content;
}

.culture-dots {
    display: inline-flex;
    gap: 4px;
}

.culture-dots::before,
.culture-dots::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--gold);
}

.culture-dots {
    position: relative;
    width: 16px;
    height: 4px;
}

.culture-dots::before {
    position: absolute;
    left: 0;
}

.culture-dots::after {
    position: absolute;
    left: 10px;
}

.culture-link:hover {
    color: var(--gold);
}

@media (max-width: 680px) {
    .culture-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .culture-card {
        flex-direction: column;
    }
    .culture-media {
        width: 100%;
        aspect-ratio: 16 / 9;
    }
}
.three-grid,.project-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
margin-top:30px}

.three-grid article {
  border-top:3px solid var(--gold);
padding:25px 8px 0}

.three-grid p,.project-card p {
margin-bottom:0}

.project-card {
  background:#fff;
  box-shadow:0 5px 24px #00000012;
min-width:0}

.project-visual {
  position:relative;
  aspect-ratio:8/5;
  overflow:hidden;
  background:#172b37;
display:block}

.project-visual img {
  width:100%;
  height:100%;
  object-fit:cover;
transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s}

.project-visual:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,#030a0fb3,transparent 65%);
transition:background .4s}

.project-arrow {
  position:absolute;
  bottom:22px;
  right:24px;
  color:#fff;
  z-index:1;
  font-size:2rem;
  transform:translate(-12px,8px);
  opacity:0;
transition:transform .4s,opacity .4s}

.project-card:hover .project-visual img,.project-card:focus-within .project-visual img {
  transform:scale(1.08);
filter:brightness(.9)}

.project-card:hover .project-arrow,.project-card:focus-within .project-arrow {
  opacity:1;
transform:none}

.project-body {
padding:24px}

.project-body>span {
  font-size:.8rem;
  color:#a18548;
  text-transform:uppercase;
font-weight:700}

.project-body h3 {
margin:9px 0}

.ecosystem {
color:#fff;
background: linear-gradient(rgb(0 0 0 / 70%), rgb(0 0 0 / 65%)), url(assets/images/homepage/background.jpeg) 
            no-repeat center / cover;
}

.ecosystem h2,.ecosystem p {
  color:#fff;
max-width:770px}
.expertise-grid-2{
  
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;

}
.expertise-detail {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    border: 1px solid #e0e4e6;
    padding: 20px;
    background: #fff;
}

.expertise-detail img {
    width: 160px;
    height: 160px;
    object-fit: cover;
    flex: none;
    display: block;
}

.expertise-content {
    flex: 1;
    min-width: 0;
}

.expertise-content > span {
    color: #a18548;
    font-size: .85rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.expertise-content > span::after {
    content: "";
    width: 24px;
    height: 1px;
    background: #a18548;
}
.expertise-detail,
.expertise-content {
    min-width: 0; /* prevents flex children from forcing extra width */
}
.expertise-content h3 {
    margin: 8px 0 4px;
    font-size: 1.15rem;
}

.expertise-content .lead {
    color: var(--gold, #a18548);
    font-weight: 600;
    margin: 0 0 8px;
}

.expertise-content p:not(.lead) {
    color: #5a6268;
    font-size: .9rem;
    line-height: 1.5;
    margin: 0;
}

@media (max-width: 720px) {
    .expertise-grid-2 {
        grid-template-columns: 1fr;
    }
    .expertise-detail {
        flex-direction: column;
    }
    .expertise-detail img {
        width: 100%;
        height: 200px;
    }
}
.contact-cta {
background:#eff1f2}

.contact-panel {
  background: #fff;
    padding: 36px;
    color: #fff;
    background: linear-gradient(rgb(12 11 11 / 48%), rgb(255 255 255 / 0%)), url(assets/images/homepage/contactdmchomepage.jpeg) no-repeat center / cover;
            

}

.contact-panel p {
margin-bottom:18px}

.page-banner {
  background:#152434;
  color:#fff;
  position:relative;
  min-height:320px;
  display:flex;
  align-items:end;
overflow:hidden}

.page-banner.has-image {
min-height:430px}

.page-banner>img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
opacity:.55}

.page-banner:after {
  content:"";
  position:absolute;
  inset:0;
background:linear-gradient(0deg,#060d15d9,#060d1522)}

.banner-inner {
  position:relative;
  z-index:1;
padding-block:75px 55px}

.page-banner h1 {
  font-size:clamp(2.7rem,6vw,5rem);
  letter-spacing:-.04em;
  color:var(--gold);
margin-bottom:12px}

.page-banner p {
  max-width:700px;
color:#eef2f4}

.page-banner .eyebrow {
color:#fff;
}

.media-card {
  overflow:hidden;
  margin:0;
background:#172b37}

.media-card img {
  width:100%;
  height:100%;
  object-fit:cover;
transition:transform .75s ease,filter .75s ease}

.media-card:hover img {
  transform:scale(1.055);
filter:brightness(.88)}
.logo-track-wrap {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}

.logo-track {
    display: flex;
    gap: 20px;
    padding: 8px 0;
    width: max-content;
    animation: logo-scroll 25s linear infinite;
}

.logo-track img {
    width: 160px;
    height: 130px;
    object-fit: contain;
    flex: none;
}

.logo-track-wrap:hover .logo-track {
    animation-play-state: paused;
}

@keyframes logo-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
.copy-width {
max-width:800px}

.timeline {
  border-left:2px solid var(--gold);
  padding-left:30px;
  display:grid;
  gap:25px;
margin-top:30px}

.timeline article {
position:relative}

.timeline article:before {
  content:"";
  position:absolute;
  left:-37px;
  top:7px;
  width:12px;
  height:12px;
  border-radius:50%;
background:var(--gold)}

.timeline strong {
color:#a18548}

.timeline p {
margin:5px 0 0}

.foundation {
  display:grid;
  grid-template-columns:1fr 1fr;
gap:26px}

.foundation article,.dna article {
  padding:26px;
  background:#fff;
border-top:3px solid var(--gold)}

.dna {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
margin-top:28px}

.dna ul {
  padding-left:18px;
color:var(--muted)}

/* .expertise-detail {
  display:grid;
  grid-template-columns:64px 1fr;
  gap:22px;
  padding:30px 0;
border-bottom:1px solid #d7dfe3} */

.expertise-detail>span {
  font-size:1.6rem;
color:#a18548}

.expertise-detail h3 {
font-size:1.5rem}

.expertise-detail .lead {
  color:#967938;
font-weight:700}

.filters {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
margin:26px 0 32px}

.filter-button {
  border:1px solid #cbd2d8;
  background:#fff;
  padding:10px 17px;
  color:var(--ink);
border-radius:99px}

.filter-button:hover,.filter-button.is-active {
  background:var(--black);
  border-color:var(--black);
color:#fff}

.project-grid.catalog {
grid-template-columns:repeat(3,1fr)}

.project-card[hidden] {
display:none}

.project-card details {
  margin-top:12px;
  border-top:1px solid #ddd;
padding-top:12px}

.project-card summary {
  font-weight:700;
  cursor:pointer;
color:#846a32}

.project-card dl {
font-size:.89rem}

.project-card dt {
  font-weight:700;
margin-top:10px}

.project-card dd {
  margin:0;
color:var(--muted)}

.project-card details p {
margin-top:12px}

.load-more {
  display:block;
margin:35px auto 0}

.notice {
  padding:14px 18px;
  background:#f7edcf;
  border-left:3px solid var(--gold);
  color:#614c20;
font-size:.92rem}

.form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
gap:18px}

.form-field.full {
grid-column:1/-1}

.form-field label {
  display:block;
  margin:0 0 7px;
  font-weight:700;
font-size:.89rem}

.form-field input,.form-field textarea,.form-field select {
  display:block;
  width:100%;
  border:1px solid #cad3d9;
  background:#fff;
  padding:11px 13px;
  color:var(--ink);
border-radius:0}

.form-field textarea {
  min-height:140px;
resize:vertical}

.form-field input[type=file] {
padding:9px}

.form-field small {
color:var(--muted)}

.check-label {
  display:flex;
  align-items:start;
  gap:10px;
margin:18px 0}

.check-label input {
margin-top:6px}

.check-label a,.form-note a {
  color:#82692f;
text-decoration:underline}

.form-message {
  min-height:0;
margin-top:12px}

.form-message:not(:empty) {
  padding:12px;
  background:#f7edcf;
color:#614c20}

.form-action {
margin-top:22px}

.map-placeholder {
position:relative}

.map-placeholder img {
  width:100%;
  height:300px;
object-fit:cover}

.map-placeholder figcaption {
  position:absolute;
  left:15px;
  bottom:15px;
  background:#fff;
padding:10px 14px}

.contact-data {
  font-style:normal;
line-height:2}

.contact-data a {
color:#977532}

.privacy-pending {
max-width:750px}

.site-footer {
  background:#090b0e;
  color:#eee;
padding:58px 0 20px}

.footer-grid {
  display:flex;
  justify-content:space-between;
gap:50px}

.site-footer address {
  font-style:normal;
  line-height:2;
  margin-top:18px;
color:#ccc}

.site-footer nav {
  display:grid;
  align-content:start;
  gap:9px;
min-width:150px}

.site-footer a:hover {
color:var(--gold)}

.footer-bottom {
  border-top:1px solid #ffffff29;
  margin-top:35px;
  padding-top:20px;
  font-size:.85rem;
color:#aaa}

@media(max-width:950px) {
  .menu-toggle {
  display:block}

  .primary-nav {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:var(--black);
    padding:12px 24px 25px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    max-height:calc(100svh - 84px);
  overflow:auto}

  .primary-nav.is-open {
  display:flex}

  .primary-nav>a,.nav-dropdown-toggle {
    display:block;
    padding:11px 0;
  text-align:left}

  .nav-dropdown-menu {
    position:static;
    display:none;
    box-shadow:none;
    background:#161719;
  padding:4px 12px}

  .nav-dropdown:hover .nav-dropdown-menu {
  display:none}

  .nav-dropdown.is-open .nav-dropdown-menu {
  display:grid}

  .expertise-grid {
  grid-template-columns:repeat(2,1fr)}

  .numbers-grid {
  grid-template-columns:repeat(3,1fr)}

  .project-grid.catalog {
  grid-template-columns:repeat(2,1fr)}

}

@media(max-width:680px) {
  .container {
  width:min(var(--max),calc(100% - 32px))}

  .header-inner {
  min-height:72px}

  .brand img {
    width:70px;
  height:59px}

  .hero {
    height:calc(100svh - 72px);
  min-height:590px}

  .hero-slide {
    bottom:121px;
  max-width:100%}

  .hero-slide h1,.hero-slide h2 {
  font-size:clamp(2.2rem,9vw,3.5rem)}

  .hero-slide p {
  font-size:.95rem}

  .hero-footer {
  gap:12px}

  .progress-track {
  width:60px}

  .hero-controls {
  gap:5px}

  .icon-button {
    width:36px;
  height:36px}

  .section {
  padding:66px 0}

  .split,.three-grid,.project-grid,.foundation,.dna,.project-grid.catalog {
  grid-template-columns:1fr}

  .about-photo img {
  height:310px}

  .numbers-grid,.sector-grid {
  grid-template-columns:repeat(2,1fr)}

  .section-heading {
    align-items:start;
  flex-direction:column}

  .footer-grid {
  flex-direction:column}

  .sector-tile {
  min-height:125px}

  .form-grid {
  grid-template-columns:1fr}

  .form-field.full {
  grid-column:auto}

}

@media(max-width:390px) {
  .hero-slide {
  bottom:116px}

  .hero-slide h1,.hero-slide h2 {
  font-size:2rem}

  .hero-controls .icon-button {
    width:31px;
  height:31px}

  .progress-track {
  width:36px}

  .expertise-grid {
  grid-template-columns:1fr}

}

@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto}

  .hero-slide,.media-card img,.project-visual img,.project-arrow,.sector-tile img,.expertise-card {
  transition:none!important}

  .progress-fill.is-running {
  animation:none}

  .hero-video {
  display:none}

}

[hidden] {
display:none!important}