/* ════════════════════════════════════════════════════════════════════
   DYCREPTY SECURITY AND CONSULTING SERVICES
   Design system — "Layers of Defence"
   Typefaces: Bebas Neue · Montserrat · Roboto · Archivo · Cairo
   (the exact faces used on the original site)
   ════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────── TOKENS ─────────────────────────── */
:root{
  /* dark ground */
  --ink:        #05070F;
  --ink-2:      #080C18;
  --surface:    #0D1426;
  --surface-2:  #131C33;
  --surface-3:  #1A2440;
  --hair:       rgba(255,255,255,.09);
  --hair-soft:  rgba(255,255,255,.055);

  /* light ground */
  --paper:      #F4F6FA;
  --paper-2:    #E9EDF5;
  --paper-ink:  #0B1020;
  --paper-mut:  #5B6579;
  --paper-hair: rgba(11,16,32,.10);

  /* brand — sampled from the Dycrepty logo */
  --orange:      #F1592A;
  --orange-lift: #FF7B4D;
  --orange-deep: #C63F16;
  --navy:        #283891;
  --navy-lift:   #3B4DC4;

  /* type on dark */
  --txt:   #FFFFFF;
  --mut:   #9AA5BE;
  --mut-2: #6E7A94;

  /* type */
  --f-display: "Bebas Neue", "Arial Narrow", sans-serif;
  --f-head:    "Montserrat", system-ui, sans-serif;
  --f-body:    "Roboto", system-ui, sans-serif;
  --f-meta:    "Archivo", system-ui, sans-serif;
  --f-alt:     "Cairo", system-ui, sans-serif;

  /* rhythm */
  --shell:  1280px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --sect:   clamp(5rem, 9vw, 8.5rem);
  --ease:      cubic-bezier(.22,.61,.36,1);
  --ease-out:  cubic-bezier(.16,1,.3,1);
  --hdr-h:     84px;
}

@media (max-width: 860px){ :root{ --hdr-h: 68px; } }

/* ─────────────────────────── RESET ─────────────────────────── */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:calc(var(--hdr-h) + 12px); }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }

body{
  margin:0;
  background:var(--ink);
  color:var(--txt);
  font-family:var(--f-body);
  font-size:clamp(1rem, .96rem + .18vw, 1.075rem);
  line-height:1.75;
  font-weight:300;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
body.is-locked{ overflow:hidden; }

img,svg,video{ display:block; max-width:100%; }
img{ height:auto; }
h1,h2,h3,h4,h5,h6,p,figure,blockquote,ul,ol{ margin:0; }
ul,ol{ list-style:none; padding:0; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer; }
input,textarea,select{ font:inherit; color:inherit; }

:focus-visible{ outline:2px solid var(--orange); outline-offset:3px; border-radius:2px; }

::selection{ background:var(--orange); color:#fff; }

.shell{ width:100%; max-width:var(--shell); margin-inline:auto; padding-inline:var(--gutter); }

.skip-link{
  position:fixed; top:8px; left:8px; z-index:400;
  background:var(--orange); color:#fff; padding:.6rem 1rem;
  font-family:var(--f-head); font-size:.8rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  transform:translateY(-160%); transition:transform .25s var(--ease);
}
.skip-link:focus{ transform:translateY(0); }

/* ─────────────────────────── SCROLL PROGRESS ─────────────────────────── */
.scroll-progress{
  position:fixed; inset:0 0 auto 0; height:2px; z-index:300;
  background:transparent; pointer-events:none;
}
.scroll-progress span{
  display:block; height:100%; width:0%;
  background:linear-gradient(90deg,var(--navy-lift),var(--orange));
  transition:width .1s linear;
}

/* ─────────────────────────── TYPE PRIMITIVES ─────────────────────────── */
.eyebrow{
  font-family:var(--f-head);
  font-size:.72rem; font-weight:600; letter-spacing:.24em; text-transform:uppercase;
  color:var(--mut); line-height:1.6;
  display:flex; align-items:center; gap:.7rem; flex-wrap:wrap;
}
.eyebrow__num{
  font-family:var(--f-meta); font-weight:700; font-size:.72rem; letter-spacing:.1em;
  color:var(--orange);
  position:relative; padding-right:.9rem;
}
.eyebrow__num::after{
  content:""; position:absolute; right:0; top:50%; width:.5rem; height:1px;
  background:currentColor; opacity:.55;
}
.eyebrow--orange{ color:var(--orange); }

.section--light .eyebrow{ color:var(--paper-mut); }

.pulse{
  width:7px; height:7px; border-radius:50%; background:var(--orange);
  box-shadow:0 0 0 0 rgba(241,89,42,.7);
  animation:pulse 2.4s var(--ease-out) infinite;
  flex:none;
}
@keyframes pulse{
  0%{ box-shadow:0 0 0 0 rgba(241,89,42,.55); }
  70%{ box-shadow:0 0 0 12px rgba(241,89,42,0); }
  100%{ box-shadow:0 0 0 0 rgba(241,89,42,0); }
}

.h-display{
  font-family:var(--f-display);
  font-weight:400;
  font-size:clamp(2.9rem, 1.6rem + 5.4vw, 5.6rem);
  line-height:.9;
  letter-spacing:.012em;
  text-transform:uppercase;
  margin-top:.6rem;
}
.accent{ color:var(--orange); }

.prose p, .prose__p{
  color:var(--mut);
  margin-top:1.15rem;
  max-width:62ch;
}
.section--light .prose p,
.section--light .prose__p{ color:var(--paper-mut); }
.prose p:first-child{ margin-top:0; }

/* ─────────────────────────── BUTTONS ─────────────────────────── */
.btn{
  --btn-bg:var(--orange);
  --btn-fg:#fff;
  position:relative; overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center; gap:.7rem;
  padding:1rem 1.7rem;
  font-family:var(--f-head); font-size:.78rem; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase; line-height:1;
  color:var(--btn-fg); background:var(--btn-bg);
  border:1px solid transparent;
  transition:transform .35s var(--ease-out), box-shadow .35s var(--ease), background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
  isolation:isolate;
}
.btn svg{ width:1.05em; height:1.05em; flex:none; transition:transform .35s var(--ease-out); }
.btn::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(105deg,var(--orange-lift),var(--orange));
  transform:translateY(101%); transition:transform .4s var(--ease-out);
}
.btn:hover::before{ transform:translateY(0); }
.btn:hover{ transform:translateY(-2px); box-shadow:0 14px 34px -14px rgba(241,89,42,.75); }
.btn:active{ transform:translateY(0); }

.btn--primary{ background:var(--orange); color:#fff; }
.btn--ghost{
  background:transparent; color:var(--txt);
  border-color:rgba(255,255,255,.28);
}
.btn--ghost::before{ background:rgba(255,255,255,.1); }
.btn--ghost:hover{ border-color:rgba(255,255,255,.5); box-shadow:none; }

.btn--sm{ padding:.8rem 1.25rem; font-size:.7rem; letter-spacing:.14em; }
.btn--lg{ padding:1.15rem 2.1rem; font-size:.82rem; }
.btn--block{ width:100%; }

.btn--primary:hover svg{ transform:translateX(3px); }
.hero__cta .btn--primary:hover svg{ transform:translateY(3px); }

/* ═══════════════════════════ HEADER ═══════════════════════════ */
.site-header{
  position:fixed; inset:0 0 auto 0; z-index:200;
  height:var(--hdr-h);
  display:flex; align-items:center;
  transition:background-color .4s var(--ease), backdrop-filter .4s var(--ease), border-color .4s var(--ease), height .4s var(--ease);
  border-bottom:1px solid transparent;
}
.site-header.is-stuck{
  background:rgba(5,7,15,.82);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  border-bottom-color:var(--hair);
  --hdr-h:72px;
}
@media (max-width:860px){ .site-header.is-stuck{ --hdr-h:64px; } }

.site-header__inner{ display:flex; align-items:center; gap:2rem; }

.brand{ flex:none; display:block; }
.brand img{
  width:clamp(170px, 17vw, 232px); height:auto;
  transition:width .4s var(--ease);
}
.is-stuck .brand img{ width:clamp(150px, 14vw, 196px); }

.nav{ margin-left:auto; }
.nav__list{ display:flex; align-items:center; gap:.35rem; }
.nav__item{ position:relative; }

.nav__link{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.65rem .95rem;
  font-family:var(--f-head); font-size:.76rem; font-weight:600;
  letter-spacing:.13em; text-transform:uppercase;
  color:rgba(255,255,255,.82);
  transition:color .25s var(--ease);
  position:relative;
}
.nav__link::after{
  content:""; position:absolute; left:.95rem; right:.95rem; bottom:.35rem;
  height:1.5px; background:var(--orange);
  transform:scaleX(0); transform-origin:left; transition:transform .35s var(--ease-out);
}
.nav__link:hover, .nav__item.is-active > .nav__link{ color:#fff; }
.nav__link:hover::after, .nav__item.is-active > .nav__link::after{ transform:scaleX(1); }

.nav__caret{ width:9px; height:6px; transition:transform .3s var(--ease); opacity:.7; }
.nav__item--has-sub:hover .nav__caret,
.nav__item--has-sub.is-open .nav__caret{ transform:rotate(180deg); }

.nav__sub{
  position:absolute; top:calc(100% + .4rem); left:0; min-width:220px;
  background:rgba(10,14,26,.96);
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  border:1px solid var(--hair);
  padding:.5rem;
  opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:opacity .28s var(--ease), transform .28s var(--ease-out), visibility .28s;
  box-shadow:0 30px 60px -25px rgba(0,0,0,.9);
}
.nav__item--has-sub:hover .nav__sub,
.nav__item--has-sub:focus-within .nav__sub,
.nav__item--has-sub.is-open .nav__sub{ opacity:1; visibility:visible; transform:translateY(0); }

.nav__sub a{
  display:block; padding:.65rem .85rem;
  font-family:var(--f-head); font-size:.76rem; font-weight:500; letter-spacing:.06em;
  color:var(--mut);
  border-left:2px solid transparent;
  transition:color .22s var(--ease), background-color .22s var(--ease), border-color .22s var(--ease), padding-left .22s var(--ease);
}
.nav__sub a:hover{ color:#fff; background:rgba(255,255,255,.05); border-left-color:var(--orange); padding-left:1.05rem; }

.site-header__actions{ display:flex; align-items:center; gap:1rem; flex:none; }

.tel-link{
  display:inline-flex; align-items:center; gap:.5rem;
  font-family:var(--f-meta); font-size:.8rem; font-weight:500; letter-spacing:.03em;
  color:var(--mut); transition:color .25s var(--ease);
  white-space:nowrap;
}
.tel-link svg{ width:15px; height:15px; color:var(--orange); }
.tel-link:hover{ color:#fff; }

@media (max-width:1180px){ .tel-link{ display:none; } }
@media (max-width:1024px){
  .nav{ display:none; }
  .site-header__actions{ margin-left:auto; }
}
@media (max-width:520px){ .site-header__actions .btn{ display:none; } }

/* burger */
.burger{
  display:none; width:44px; height:44px; position:relative; flex:none;
  border:1px solid var(--hair);
}
.burger span{
  position:absolute; left:12px; right:12px; height:1.5px; background:#fff;
  transition:transform .34s var(--ease-out), opacity .2s var(--ease);
}
.burger span:nth-child(1){ top:16px; }
.burger span:nth-child(2){ top:21.5px; }
.burger span:nth-child(3){ top:27px; }
.burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(5.5px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-5.5px) rotate(-45deg); }
@media (max-width:1024px){ .burger{ display:block; } }

/* drawer */
.drawer{
  position:fixed; inset:0; z-index:190;
  background:linear-gradient(160deg,#070B16 0%,#0C1426 100%);
  display:flex; align-items:flex-start;
  opacity:0; transition:opacity .4s var(--ease);
  overflow-y:auto; overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.drawer[hidden]{ display:none; }
.drawer.is-open{ opacity:1; }
.drawer__inner{ width:100%; padding:calc(var(--hdr-h) + 1.75rem) var(--gutter) 2.5rem; }
.drawer__list{ margin-top:1.15rem; border-top:1px solid var(--hair); }
.drawer__list li{ border-bottom:1px solid var(--hair); }
.drawer__list a{
  display:flex; align-items:baseline; gap:1rem;
  padding:.85rem .2rem;
  font-family:var(--f-display); font-size:1.65rem; line-height:1.15;
  letter-spacing:.02em; text-transform:uppercase;
  color:#fff;
  transform:translateY(14px); opacity:0;
  transition:color .25s var(--ease), transform .5s var(--ease-out), opacity .5s var(--ease);
}
.drawer.is-open .drawer__list a{ transform:translateY(0); opacity:1; }
.drawer__list li:nth-child(1) a{ transition-delay:.06s }
.drawer__list li:nth-child(2) a{ transition-delay:.10s }
.drawer__list li:nth-child(3) a{ transition-delay:.14s }
.drawer__list li:nth-child(4) a{ transition-delay:.18s }
.drawer__list li:nth-child(5) a{ transition-delay:.22s }
.drawer__list li:nth-child(6) a{ transition-delay:.26s }
.drawer__list li:nth-child(7) a{ transition-delay:.30s }
.drawer__list li:nth-child(8) a{ transition-delay:.34s }
.drawer__list a:hover{ color:var(--orange); }
.drawer__num{ font-family:var(--f-meta); font-size:.68rem; font-weight:700; letter-spacing:.14em; color:var(--orange); }
.drawer__foot{ margin-top:1.9rem; display:flex; flex-direction:column; gap:.9rem; align-items:flex-start; }
.drawer__meta{ font-family:var(--f-meta); font-size:.92rem; color:var(--mut); }
.drawer__meta:hover{ color:#fff; }

/* ═══════════════════════════ HERO ═══════════════════════════ */
.hero{
  position:relative; isolation:isolate;
  min-height:100svh;
  display:flex; flex-direction:column; justify-content:flex-end;
  padding-top:calc(var(--hdr-h) + 2.75rem);
  overflow:hidden;
  background:var(--ink);
}
@supports not (min-height:100svh){ .hero{ min-height:100vh; } }

.hero__media{ position:absolute; inset:-8% 0 0; z-index:-2; }
.hero__media img{
  width:100%; height:112%; object-fit:cover; object-position:55% 45%;
  filter:brightness(.62) saturate(.84) contrast(1.08);
  will-change:transform;
}
.hero__scrim{
  position:absolute; inset:0;
  background:
    /* a pool of shadow that follows the headline block, rather than a flat
       band down the left edge — keeps the skyline alive on both sides */
    radial-gradient(ellipse 72% 60% at 31% 44%,
      rgba(5,7,15,.84)  0%,
      rgba(5,7,15,.58) 46%,
      rgba(5,7,15,0)   80%),
    linear-gradient(to bottom,
      rgba(5,7,15,.40)  0%,
      rgba(5,7,15,.12) 32%,
      rgba(5,7,15,.40) 66%,
      rgba(5,7,15,.90) 94%,
      var(--ink)      100%),
    linear-gradient(to right,
      rgba(5,7,15,.62)  0%,
      rgba(5,7,15,.34) 40%,
      rgba(5,7,15,.06) 72%,
      rgba(5,7,15,.28)100%);
}
.hero__grid{
  position:absolute; inset:0; opacity:.5;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:clamp(70px,8vw,120px) clamp(70px,8vw,120px);
  mask-image:radial-gradient(ellipse 80% 70% at 50% 40%, #000 20%, transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%, #000 20%, transparent 78%);
}

.hero__arcs{
  position:absolute; z-index:-1;
  right:clamp(-70px,-4vw,-20px); top:50%; transform:translateY(-50%);
  width:clamp(260px, 27vw, 430px); height:auto;
  opacity:.16; pointer-events:none;
}
.hero__arcs .arc{ stroke-dasharray:2600; stroke-dashoffset:2600; animation:draw 2.4s var(--ease-out) forwards; }
.hero__arcs .arc--o{ stroke:var(--orange); }
.hero__arcs .arc--n{ stroke:var(--navy-lift); }
.hero__arcs .arc:nth-child(1){ animation-delay:.25s }
.hero__arcs .arc:nth-child(2){ animation-delay:.42s }
.hero__arcs .arc:nth-child(3){ animation-delay:.59s }
.hero__arcs .arc:nth-child(4){ animation-delay:.76s }
@keyframes draw{ to{ stroke-dashoffset:0; } }
@media (max-width:1024px){ .hero__arcs{ opacity:.1; right:-14%; } }

.hero__inner{ position:relative; padding-bottom:clamp(2.25rem,4.5vw,3.75rem); }
.hero__eyebrow{ color:#fff; font-size:.7rem; letter-spacing:.2em; }

.hero__title{
  font-family:var(--f-display); font-weight:400;
  font-size:clamp(2.85rem, 1rem + 7.7vw, 7.2rem);
  line-height:.88; letter-spacing:.008em; text-transform:uppercase;
  margin-top:1.35rem;
  max-width:23ch;
  text-shadow:0 2px 40px rgba(0,0,0,.5);
}
.hero__title .line{ display:block; }
.hero__title .accent{
  background:linear-gradient(96deg,var(--orange) 10%,var(--orange-lift) 90%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

.hero__lede{
  margin-top:1.55rem; max-width:52ch;
  color:rgba(255,255,255,.89);
  font-size:clamp(1.02rem,.95rem + .35vw,1.22rem);
  line-height:1.75;
  border-left:2px solid var(--orange);
  padding-left:1.35rem;
}

.hero__cta{ margin-top:2rem; display:flex; flex-wrap:wrap; gap:.9rem; }

.hero__strip{
  position:relative;
  border-top:1px solid var(--hair);
  background:linear-gradient(to bottom, rgba(255,255,255,.028), rgba(255,255,255,0));
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
.hero__strip-inner{
  display:grid; grid-template-columns:repeat(4,1fr);
}
.cred{
  padding:1.5rem 1.4rem;
  display:flex; flex-direction:column; gap:.25rem;
  border-left:1px solid var(--hair-soft);
}
.cred:first-child{ border-left:0; padding-left:0; }
.cred strong{
  font-family:var(--f-display); font-weight:400;
  font-size:clamp(1.5rem,1.1rem + 1.1vw,2.1rem); line-height:1;
  color:var(--orange); letter-spacing:.02em;
}
.cred span{
  font-family:var(--f-head); font-size:.68rem; font-weight:500;
  letter-spacing:.13em; text-transform:uppercase; color:var(--mut); line-height:1.5;
}
@media (max-width:760px){
  .hero__strip-inner{ grid-template-columns:repeat(2,1fr); }
  .cred{ padding:1.1rem 1rem; }
  .cred:nth-child(odd){ border-left:0; padding-left:0; }
  .cred:nth-child(n+3){ border-top:1px solid var(--hair-soft); }
}

.hero__scroll{
  position:absolute; right:var(--gutter); bottom:0;
  display:flex; flex-direction:column; align-items:center; gap:.85rem;
}
.hero__scroll-text{
  writing-mode:vertical-rl;
  font-family:var(--f-head); font-size:.62rem; font-weight:600;
  letter-spacing:.3em; text-transform:uppercase; color:var(--mut-2);
  transition:color .3s var(--ease);
}
.hero__scroll:hover .hero__scroll-text{ color:#fff; }
.hero__scroll-line{
  width:1px; height:56px; background:linear-gradient(to bottom,transparent,var(--orange));
  position:relative; overflow:hidden;
}
.hero__scroll-line::after{
  content:""; position:absolute; inset:0; background:var(--orange);
  animation:scrollcue 2.2s var(--ease-out) infinite;
}
@keyframes scrollcue{
  0%{ transform:translateY(-100%); } 60%,100%{ transform:translateY(100%); }
}
@media (max-width:1024px){ .hero__scroll{ display:none; } }

/* ─────────────────────────── FILM GRAIN ─────────────────────────── */
.hero::after,
.stats::after,
.contact::after{
  content:""; position:absolute; inset:0; z-index:0;
  pointer-events:none; opacity:.42; 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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  background-size:160px 160px;
}
.hero > *:not(.hero__media):not(.hero__arcs){ position:relative; z-index:1; }
.stats > .shell, .contact > .shell{ position:relative; z-index:1; }

/* ═══════════════════════════ QUOTE ═══════════════════════════ */
.quote{
  position:relative; isolation:isolate; overflow:hidden;
  padding:clamp(4.5rem,8vw,7.5rem) 0;
  text-align:center;
  background:var(--ink-2);
}
.quote__media{ position:absolute; inset:0; z-index:-2; }
.quote__media img{
  width:100%; height:100%; object-fit:cover;
  opacity:.24; filter:grayscale(1) contrast(1.15);
}
.quote::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:
    radial-gradient(ellipse 70% 100% at 50% 50%, rgba(40,56,145,.28), transparent 70%),
    linear-gradient(to bottom, var(--ink) 0%, rgba(8,12,24,.55) 30%, rgba(8,12,24,.55) 70%, var(--ink) 100%);
}
.quote__inner{ position:relative; display:flex; flex-direction:column; align-items:center; }
.quote__mark{ width:clamp(46px,5vw,68px); height:auto; margin-bottom:1.6rem; opacity:.9; }
.quote__title{
  font-family:var(--f-display); font-weight:400;
  font-size:clamp(2.4rem,1.1rem + 5.6vw,5.4rem);
  line-height:.94; letter-spacing:.015em; text-transform:uppercase;
  max-width:20ch;
}
.quote__sub{
  margin-top:1.1rem;
  font-family:var(--f-head); font-weight:200;
  font-size:clamp(1.05rem,.95rem + .5vw,1.5rem);
  letter-spacing:.02em; color:var(--mut);
}

/* ═══════════════════════════ SECTIONS ═══════════════════════════ */
.section{ position:relative; padding:var(--sect) 0; }
.section--dark{ background:var(--ink); }
.section--light{ background:var(--paper); color:var(--paper-ink); }
.section--light .h-display{ color:var(--paper-ink); }
.section--hairline{ border-top:1px solid var(--hair); }

.section-head{ max-width:70ch; }
.section-head--centre{ margin-inline:auto; text-align:center; }
.section-head--centre .eyebrow{ justify-content:center; }
.section-head--wide{ max-width:76ch; }
.section-head__lede{
  margin-top:1.5rem; color:var(--mut);
  font-size:clamp(1rem,.96rem + .25vw,1.12rem);
}
.section--light .section-head__lede{ color:var(--paper-mut); }
.section-head--centre .section-head__lede{ margin-inline:auto; }

/* split layout */
.split{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(2.5rem,6vw,6rem);
  align-items:center;
}
.split--reverse .split__media{ order:2; }
@media (max-width:900px){
  .split{ grid-template-columns:1fr; gap:2.75rem; }
  .split--reverse .split__media{ order:0; }
}

/* framed image */
.framed{ position:relative; }
.framed__img{ position:relative; overflow:hidden; background:var(--surface); }
.framed__img::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(200deg, rgba(241,89,42,.12), transparent 55%);
  pointer-events:none;
}
.framed__img img{
  width:100%; aspect-ratio:4/5; object-fit:cover;
  transition:transform 1.1s var(--ease-out);
}
.framed:hover .framed__img img{ transform:scale(1.045); }
.framed__rule{
  position:absolute; left:-14px; top:26px; bottom:26px; width:5px;
  background:linear-gradient(to bottom,var(--orange),var(--navy));
}
.framed__badge{
  position:absolute; right:-1px; bottom:-1px;
  background:var(--ink); color:#fff;
  padding:1.05rem 1.4rem;
  display:flex; flex-direction:column; gap:.15rem;
  border-left:3px solid var(--orange);
}
.framed__badge-k{
  font-family:var(--f-head); font-size:.6rem; font-weight:600;
  letter-spacing:.22em; text-transform:uppercase; color:var(--mut-2);
}
.framed__badge-v{
  font-family:var(--f-display); font-size:1.35rem; letter-spacing:.03em; line-height:1.1;
}

.framed--stack{ padding-bottom:clamp(3rem,7vw,5rem); padding-right:clamp(2.5rem,6vw,4.5rem); }
.framed--stack .framed__img img{ aspect-ratio:5/4; }
.framed__inset{
  position:absolute; right:0; bottom:0;
  width:clamp(140px,34%,235px);
  border:6px solid var(--ink);
  overflow:hidden;
  box-shadow:0 26px 60px -26px rgba(0,0,0,.95);
}
.framed__inset img{ width:100%; aspect-ratio:3/4; object-fit:cover; }

/* chips + pills */
.chips{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:2rem; }
.chips li{
  font-family:var(--f-head); font-size:.68rem; font-weight:600;
  letter-spacing:.11em; text-transform:uppercase;
  padding:.55rem .9rem;
  border:1px solid var(--paper-hair);
  color:var(--paper-mut);
  background:rgba(255,255,255,.6);
}
.section--light .chips li:hover{ border-color:var(--orange); color:var(--orange); }

.pill-row{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:2rem; }
.pill{
  font-family:var(--f-head); font-size:.68rem; font-weight:600;
  letter-spacing:.11em; text-transform:uppercase;
  padding:.55rem .9rem;
  border:1px solid var(--hair); color:var(--mut);
  background:rgba(255,255,255,.03);
}

/* ═══════════════════════════ BENEFITS ═══════════════════════════ */
.benefits{ overflow:hidden; isolation:isolate; }
.benefits__bg{ position:absolute; inset:0; z-index:-1; }
.benefits__bg img{
  width:100%; height:100%; object-fit:cover; object-position:center 30%;
  opacity:.17; filter:grayscale(.55);
}
.benefits__bg::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to bottom, var(--ink) 0%, rgba(5,7,15,.7) 30%, rgba(5,7,15,.8) 65%, var(--ink) 100%);
}

.feature-grid{
  margin-top:clamp(2.75rem,5vw,4rem);
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:var(--hair);
  border:1px solid var(--hair);
}
@media (max-width:900px){ .feature-grid{ grid-template-columns:1fr; } }

.feature{
  position:relative; overflow:hidden;
  background:linear-gradient(170deg, rgba(19,28,51,.9), rgba(8,12,24,.92));
  padding:clamp(2rem,3.4vw,2.9rem);
  transition:background-color .45s var(--ease);
}
.feature::before{
  content:""; position:absolute; left:0; top:0; width:100%; height:2px;
  background:linear-gradient(90deg,var(--orange),var(--navy-lift));
  transform:scaleX(0); transform-origin:left;
  transition:transform .6s var(--ease-out);
}
.feature:hover::before{ transform:scaleX(1); }
.feature:hover{ background:linear-gradient(170deg, rgba(26,36,64,.95), rgba(12,17,32,.95)); }

.feature__num{
  position:absolute; right:1.1rem; top:.6rem;
  font-family:var(--f-display); font-size:3.6rem; line-height:1;
  color:rgba(255,255,255,.045); letter-spacing:.02em;
}
.feature__icon{
  display:grid; place-items:center;
  width:58px; height:58px;
  color:var(--orange);
  border:1px solid rgba(241,89,42,.3);
  background:rgba(241,89,42,.07);
  transition:transform .5s var(--ease-out), background-color .4s var(--ease);
}
.feature:hover .feature__icon{ transform:translateY(-3px); background:rgba(241,89,42,.14); }
.feature__icon svg{ width:28px; height:28px; }

.feature__title{
  margin-top:1.5rem;
  font-family:var(--f-head); font-weight:700;
  font-size:clamp(1.02rem,.98rem + .28vw,1.16rem);
  line-height:1.4; letter-spacing:-.005em;
}
.feature__text{ margin-top:.85rem; color:var(--mut); font-size:.96rem; }

/* ═══════════════════════════ CONTEXT ═══════════════════════════ */
.context__grid{
  display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:clamp(2.5rem,6vw,5.5rem);
  align-items:start;
}
@media (max-width:960px){ .context__grid{ grid-template-columns:1fr; gap:2.5rem; } }

.context__aside{ position:sticky; top:calc(var(--hdr-h) + 3rem); }
@media (max-width:960px){ .context__aside{ position:static; } }
.context__figure{ margin-top:2rem; overflow:hidden; }
.context__figure img{ width:100%; aspect-ratio:3/4; object-fit:cover; }
@media (max-width:960px){ .context__figure img{ aspect-ratio:16/9; } }

.context__lead{
  font-family:var(--f-head); font-weight:300;
  font-size:clamp(1.15rem,1rem + .8vw,1.6rem);
  line-height:1.55; color:var(--paper-ink);
  max-width:46ch;
}
.context__body .prose__p{ margin-top:1.4rem; max-width:64ch; }

.expect{
  margin-top:2.2rem;
  display:grid; grid-template-columns:repeat(2,1fr); gap:1px;
  background:var(--paper-hair);
  border:1px solid var(--paper-hair);
}
@media (max-width:640px){ .expect{ grid-template-columns:1fr; } }
.expect li{
  background:#fff; padding:1.35rem 1.4rem;
  display:flex; gap:.9rem; align-items:flex-start;
  transition:background-color .3s var(--ease);
}
.expect li:hover{ background:var(--paper-2); }
.expect__n{
  font-family:var(--f-meta); font-weight:700; font-size:.72rem;
  letter-spacing:.1em; color:var(--orange); padding-top:.28rem; flex:none;
}
.expect__t{
  font-family:var(--f-head); font-weight:500; font-size:.94rem; line-height:1.55;
  color:var(--paper-ink);
}

.pullquote{
  margin-top:2.4rem;
  padding:clamp(1.6rem,3vw,2.3rem) clamp(1.6rem,3vw,2.4rem);
  background:var(--paper-ink); color:#fff;
  border-left:4px solid var(--orange);
  position:relative; overflow:hidden;
}
.pullquote::after{
  content:""; position:absolute; right:-40px; top:-40px; width:190px; height:190px;
  border:1px solid rgba(255,255,255,.09); border-radius:50%;
}
.pullquote p{
  font-family:var(--f-head); font-weight:300;
  font-size:clamp(1.02rem,.96rem + .42vw,1.25rem);
  line-height:1.65; position:relative; max-width:58ch;
}

/* ═══════════════════════════ STATS ═══════════════════════════ */
.stats{
  position:relative; isolation:isolate; overflow:hidden;
  padding:clamp(3.5rem,6vw,5.5rem) 0;
  background:var(--ink-2);
  border-block:1px solid var(--hair);
}
.stats__bg{ position:absolute; inset:0; z-index:-1; }
.stats__bg img{ width:100%; height:100%; object-fit:cover; opacity:.34; }
.stats__bg::after{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(ellipse 100% 80% at 50% 50%, rgba(40,56,145,.22), transparent 68%),
    linear-gradient(to bottom, rgba(5,7,15,.86), rgba(5,7,15,.66));
}
.stats__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; }
@media (max-width:760px){ .stats__grid{ grid-template-columns:repeat(2,1fr); row-gap:2.5rem; } }

.stat{
  text-align:center; padding:.5rem 1rem;
  border-left:1px solid var(--hair);
}
.stat:first-child{ border-left:0; }
@media (max-width:760px){ .stat:nth-child(odd){ border-left:0; } }

.stat__num{
  display:block;
  font-family:var(--f-display); font-weight:400;
  font-size:clamp(3rem,1.6rem + 5.4vw,5.4rem);
  line-height:1; letter-spacing:.01em;
  background:linear-gradient(180deg,#fff 20%,#FFC0A6 62%,var(--orange) 104%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.stat__label{
  display:block; margin-top:.75rem;
  font-family:var(--f-head); font-size:.68rem; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:var(--mut);
}

/* ═══════════════════════════ SERVICES ═══════════════════════════ */
.svc-grid{
  margin-top:clamp(2.75rem,5vw,4rem);
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:var(--hair); border:1px solid var(--hair);
}
@media (max-width:1000px){ .svc-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .svc-grid{ grid-template-columns:1fr; } }

.svc{
  position:relative; isolation:isolate; overflow:hidden;
  background:var(--ink);
  min-height:clamp(340px,33vw,430px);
  display:flex; flex-direction:column; justify-content:flex-end;
}
.svc__media{ position:absolute; inset:0; z-index:-2; }
.svc__media img{
  width:100%; height:100%; object-fit:cover;
  transition:transform 1.2s var(--ease-out), filter .6s var(--ease);
  filter:grayscale(.4) brightness(.88);
}
.svc::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(to top, rgba(5,7,15,.96) 0%, rgba(5,7,15,.9) 34%, rgba(5,7,15,.55) 66%, rgba(5,7,15,.2) 100%);
  transition:opacity .5s var(--ease);
}
.svc:hover .svc__media img{ transform:scale(1.06); filter:grayscale(0) brightness(1); }

.svc__body{ position:relative; padding:clamp(1.6rem,2.6vw,2.2rem); }
.svc__num{
  display:inline-block;
  font-family:var(--f-meta); font-size:.7rem; font-weight:700;
  letter-spacing:.16em; color:var(--orange);
  padding-bottom:.55rem; margin-bottom:.9rem;
  border-bottom:1px solid rgba(241,89,42,.4);
}
.svc__title{
  font-family:var(--f-head); font-weight:700;
  font-size:clamp(1.05rem,1rem + .35vw,1.25rem);
  line-height:1.32;
}
.svc__text{
  margin-top:.85rem; color:var(--mut); font-size:.93rem; line-height:1.7;
  transition:color .4s var(--ease);
}
.svc:hover .svc__text{ color:#C9D2E4; }

.svc__arc{
  position:absolute; right:-70px; top:-70px; width:180px; height:180px;
  border:1.5px solid rgba(241,89,42,.55); border-radius:50%;
  opacity:0; transform:scale(.7);
  transition:opacity .55s var(--ease), transform .7s var(--ease-out);
}
.svc:hover .svc__arc{ opacity:1; transform:scale(1); }



/* ═══════════════════════════ METHODOLOGY ═══════════════════════════ */
.steps{
  margin-top:clamp(2.75rem,5vw,4rem);
  display:grid; grid-template-columns:repeat(4,1fr);
  gap:clamp(1rem,2vw,1.6rem);
  counter-reset:step;
}
@media (max-width:1000px){ .steps{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .steps{ grid-template-columns:1fr; } }

.step{ position:relative; }
.step__media{ position:relative; overflow:hidden; background:var(--paper-2); }
.step__media img{
  width:100%; aspect-ratio:4/3; object-fit:cover;
  transition:transform 1s var(--ease-out);
}
.step:hover .step__media img{ transform:scale(1.06); }
.step__media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(11,16,32,.55), transparent 55%);
}
.step__body{ padding-top:1.4rem; position:relative; }
.step__body::before{
  content:""; position:absolute; left:0; top:0; width:38px; height:2px; background:var(--orange);
}
.step__n{
  display:block; margin-top:.9rem;
  font-family:var(--f-meta); font-size:.7rem; font-weight:700;
  letter-spacing:.18em; color:var(--orange);
}
.step__title{
  margin-top:.55rem;
  font-family:var(--f-display); font-weight:400;
  font-size:clamp(1.45rem,1.2rem + .9vw,1.9rem);
  line-height:1.05; letter-spacing:.02em; text-transform:uppercase;
  color:var(--paper-ink);
}
.step__text{ margin-top:.7rem; color:var(--paper-mut); font-size:.93rem; line-height:1.7; }

/* ═══════════════════════════ AFFILIATIONS ═══════════════════════════ */
.affil{ overflow:hidden; isolation:isolate; }
.affil__bg{ position:absolute; inset:0; z-index:-1; }
.affil__bg img{
  width:100%; height:100%; object-fit:cover; object-position:center 40%;
  opacity:.34;
}
.affil__bg::after{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(ellipse 90% 80% at 50% 45%, rgba(5,7,15,.42), rgba(5,7,15,.86) 78%),
    linear-gradient(to bottom, var(--ink) 0%, rgba(5,7,15,.42) 32%, rgba(5,7,15,.6) 72%, var(--ink) 100%);
}

.affil__row{
  margin-top:clamp(2.5rem,4.5vw,3.5rem);
  display:grid; grid-template-columns:auto 1fr;
  gap:clamp(1.5rem,4vw,3.5rem);
  align-items:center;
}
@media (max-width:820px){ .affil__row{ grid-template-columns:1fr; justify-items:center; text-align:center; } }

.affil__card{
  display:grid; place-items:center;
  width:clamp(170px,20vw,220px); aspect-ratio:1;
  background:#fff; padding:1.9rem;
  position:relative;
}
.affil__card::after{
  content:""; position:absolute; inset:auto 0 0 0; height:4px;
  background:linear-gradient(90deg,var(--orange),var(--navy));
}
.affil__card img{ width:100%; height:auto; object-fit:contain; }

.affil__creds{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--hair); border:1px solid var(--hair); width:100%; }
@media (max-width:820px){ .affil__creds{ grid-template-columns:repeat(2,1fr); } }
.affil__cred{
  background:var(--surface); padding:1.5rem 1.2rem;
  display:flex; flex-direction:column; gap:.3rem; align-items:flex-start;
  transition:background-color .35s var(--ease);
}
@media (max-width:820px){ .affil__cred{ align-items:center; } }
.affil__cred:hover{ background:var(--surface-2); }
.affil__cred strong{
  font-family:var(--f-display); font-weight:400; font-size:1.7rem; line-height:1;
  letter-spacing:.03em; color:var(--orange);
}
.affil__cred span{
  font-family:var(--f-head); font-size:.66rem; font-weight:500;
  letter-spacing:.12em; text-transform:uppercase; color:var(--mut-2); line-height:1.5;
}

/* ═══════════════════════════ CONTACT ═══════════════════════════ */
.contact{ position:relative; isolation:isolate; overflow:hidden; background:var(--ink-2); }
.contact__bg{ position:absolute; inset:0; z-index:-1; }
.contact__bg img{ width:100%; height:100%; object-fit:cover; opacity:.36; }
.contact__bg::after{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(ellipse 70% 90% at 15% 40%, rgba(40,56,145,.4), transparent 62%),
    linear-gradient(to right, rgba(5,7,15,.94) 0%, rgba(5,7,15,.82) 45%, rgba(5,7,15,.9) 100%);
}

.contact__grid{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);
  gap:clamp(2.5rem,6vw,5rem);
  align-items:start;
}
@media (max-width:960px){ .contact__grid{ grid-template-columns:1fr; } }

.contact__icon{
  display:grid; place-items:center; width:60px; height:60px;
  color:var(--orange); background:rgba(241,89,42,.1);
  border:1px solid rgba(241,89,42,.32);
  margin-bottom:1.8rem;
}
.contact__icon svg{ width:26px; height:26px; }

.contact__title{
  margin-top:.9rem;
  font-family:var(--f-display); font-weight:400;
  font-size:clamp(2.2rem,1.3rem + 3.6vw,3.8rem);
  line-height:.98; letter-spacing:.015em; text-transform:uppercase;
  max-width:16ch;
}
.contact__lede{ margin-top:1.2rem; color:var(--mut); max-width:46ch; }

.contact__list{ margin-top:2.4rem; display:grid; gap:1px; background:var(--hair); border:1px solid var(--hair); }
.contact__list li{
  background:rgba(13,20,38,.72);
  padding:1.35rem 1.5rem;
  display:flex; align-items:center; gap:1.15rem;
  transition:background-color .35s var(--ease);
}
.contact__list li:hover{ background:rgba(26,36,64,.8); }
.contact__ico{
  display:grid; place-items:center; width:42px; height:42px; flex:none;
  color:var(--orange); border:1px solid rgba(241,89,42,.28);
}
.contact__ico svg{ width:19px; height:19px; }
.contact__kv{ display:flex; flex-direction:column; gap:.15rem; min-width:0; }
.contact__k{
  font-family:var(--f-meta); font-size:.64rem; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:var(--mut-2);
}
.contact__v{
  font-family:var(--f-alt); font-weight:600;
  font-size:clamp(.98rem,.94rem + .3vw,1.14rem);
  color:#fff; transition:color .25s var(--ease);
  word-break:break-word;
}
.contact__v:hover{ color:var(--orange); }

/* panel + form */
.contact__panel{
  background:rgba(10,15,29,.86);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border:1px solid var(--hair);
  padding:clamp(1.75rem,3.4vw,2.75rem);
  position:relative; overflow:hidden;
}
.contact__panel::before{
  content:""; position:absolute; left:0; top:0; width:100%; height:3px;
  background:linear-gradient(90deg,var(--orange),var(--navy));
}
.contact__panel-title{
  font-family:var(--f-display); font-weight:400;
  font-size:clamp(1.9rem,1.4rem + 1.6vw,2.7rem);
  line-height:1; letter-spacing:.025em; text-transform:uppercase;
}
.contact__panel-lede{ margin-top:.8rem; color:var(--mut); font-size:.97rem; max-width:44ch; }

.form{ margin-top:1.9rem; display:grid; gap:1.05rem; }
.form__row{ display:grid; grid-template-columns:1fr 1fr; gap:1.05rem; }
@media (max-width:520px){ .form__row{ grid-template-columns:1fr; } }

.field{ display:grid; gap:.5rem; }
.field label{
  font-family:var(--f-head); font-size:.66rem; font-weight:600;
  letter-spacing:.18em; text-transform:uppercase; color:var(--mut-2);
}
.field input, .field textarea{
  width:100%;
  background:rgba(255,255,255,.035);
  border:1px solid var(--hair);
  padding:.92rem 1rem;
  font-family:var(--f-body); font-size:.97rem; font-weight:300;
  color:#fff;
  transition:border-color .28s var(--ease), background-color .28s var(--ease), box-shadow .28s var(--ease);
  resize:vertical;
}
.field input::placeholder, .field textarea::placeholder{ color:rgba(255,255,255,.28); }
.field input:focus, .field textarea:focus{
  outline:none;
  border-color:var(--orange);
  background:rgba(255,255,255,.06);
  box-shadow:0 0 0 3px rgba(241,89,42,.14);
}
.field.is-invalid input, .field.is-invalid textarea{ border-color:#E0483C; }

.hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; }

.form__note{
  min-height:1.2rem;
  font-family:var(--f-head); font-size:.78rem; font-weight:500; letter-spacing:.04em;
  color:var(--mut);
}
.form__note.is-ok{ color:#4ED6A1; }
.form__note.is-err{ color:#FF7A6E; }

/* ═══════════════════════════ FOOTER ═══════════════════════════ */
.site-footer{ background:#03050C; border-top:1px solid var(--hair); }
.site-footer__top{
  display:grid; grid-template-columns:1.7fr 1fr 1fr 1.2fr;
  gap:clamp(2rem,4vw,3.5rem);
  padding-block:clamp(3rem,6vw,4.5rem);
}
@media (max-width:900px){ .site-footer__top{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .site-footer__top{ grid-template-columns:1fr; } }

.site-footer__brand img{ width:clamp(190px,20vw,250px); }
.site-footer__brand p{ margin-top:1.3rem; color:var(--mut-2); font-size:.92rem; max-width:40ch; }

.site-footer__h{
  font-family:var(--f-head); font-size:.66rem; font-weight:700;
  letter-spacing:.22em; text-transform:uppercase; color:#fff;
  margin-bottom:1.1rem;
  position:relative; padding-bottom:.75rem;
}
.site-footer__h::after{
  content:""; position:absolute; left:0; bottom:0; width:26px; height:2px; background:var(--orange);
}
.site-footer__nav ul{ display:grid; gap:.65rem; }
.site-footer__nav a,
.site-footer__contact a{
  font-size:.93rem; color:var(--mut-2);
  transition:color .25s var(--ease), padding-left .25s var(--ease);
}
.site-footer__nav a:hover{ color:var(--orange); padding-left:.35rem; }
.site-footer__contact{ display:flex; flex-direction:column; }
.site-footer__contact a{ display:block; margin-bottom:.6rem; font-family:var(--f-meta); }
.site-footer__contact a:hover{ color:var(--orange); }
.site-footer__loc{ margin-top:.4rem; font-size:.85rem; color:var(--mut-2); opacity:.75; }

.site-footer__bar{
  border-top:1px solid var(--hair);
  padding-block:1.4rem;
  display:flex; flex-wrap:wrap; gap:.6rem 2rem; justify-content:space-between; align-items:center;
}
.site-footer__bar p{
  font-family:var(--f-head); font-size:.72rem; font-weight:500;
  letter-spacing:.06em; color:var(--mut-2);
}
.site-footer__creds{ letter-spacing:.12em !important; text-transform:uppercase; font-size:.66rem !important; }

/* ═══════════════════════════ REVEAL ═══════════════════════════ */
[data-reveal]{
  opacity:0; transform:translateY(26px);
  transition:opacity .85s var(--ease-out), transform .85s var(--ease-out);
  will-change:opacity, transform;
}
[data-reveal].is-in{ opacity:1; transform:none; }
[data-reveal-delay="1"]{ transition-delay:.10s; }
[data-reveal-delay="2"]{ transition-delay:.20s; }
[data-reveal-delay="3"]{ transition-delay:.30s; }
[data-reveal-delay="4"]{ transition-delay:.40s; }

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  [data-reveal]{ opacity:1 !important; transform:none !important; }
  .hero__arcs .arc{ stroke-dashoffset:0 !important; }
  .hero__media img{ transform:none !important; }
}