/* Nav: mark + wordmark left, page menu centred, book-a-call right.
   Scrolled (or narrow), the centre links fold into one "menu" pill that opens the full-screen menu,
   where a deck on the left deals the pages out as flat cards. Everything is scoped to .nos-nav / .nos-menu. */

/* ---------- bar ---------- */
.nos-nav{position:fixed;top:0;left:0;right:0;z-index:50;height:calc(var(--nav-h) + env(safe-area-inset-top,0px));
  padding:env(safe-area-inset-top,0px) clamp(14px,1.6vw,22px) 0;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.nos-nav::before{content:"";position:absolute;inset:0 0 -28px 0;z-index:-1;pointer-events:none;opacity:0;
  background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.82) 58%,rgba(0,0,0,0) 100%);transition:opacity .3s ease}
.nos-nav.is-scrolled::before{opacity:1}
.nos-nav.menu-open::before{opacity:0}
.nos-nav a:focus-visible,.nos-nav button:focus-visible{outline:2px solid var(--red);outline-offset:3px}

/* left: mark + wordmark */
.nos-nav .brand{justify-self:start;display:inline-flex;align-items:center;gap:10px;min-width:0}
.nos-nav .brand svg{height:30px;width:auto;flex:none;color:var(--red);transition:transform .5s var(--ease)}
.nos-nav .brand:hover svg{transform:rotate(-8deg)}
.nos-nav .wm{font-family:var(--f-display);font-size:19px;line-height:1;letter-spacing:.004em;white-space:nowrap}

/* centre: links, which fold into the pill */
.nos-nav .center{position:relative;justify-self:center;display:grid;place-items:center}
.nos-nav .links{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none;
  transition:opacity .28s ease,transform .38s var(--ease),filter .28s ease,visibility 0s}
.nos-nav .lk{appearance:none;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:7px;
  height:36px;padding:0 13px;border-radius:7px;font-size:12.5px;letter-spacing:.01em;text-transform:lowercase;
  transition:background-color .2s ease,color .2s ease}
.nos-nav .lk:hover,.nos-nav .dd.open>.lk{background:var(--hair)}
.nos-nav .lk .t{white-space:pre}
.nos-nav .lk .chev{width:9px;height:9px;flex:none;transition:transform .3s var(--ease);opacity:.8}
.nos-nav .dd.open>.lk .chev{transform:rotate(180deg)}
.nos-nav .lk .ext{font-size:11px;opacity:.6}

/* the red fill is a background layer, not a transformed child, so the rounded corners hold in every browser;
   fixed width so "menu" and "close" are the same shape */
.nos-nav .pill{position:absolute;appearance:none;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;width:96px;padding:0;
  border-radius:8px;border:1px solid var(--faint);font-size:12.5px;letter-spacing:.01em;
  background:linear-gradient(var(--red),var(--red)) 0 0/0% 100% no-repeat,#161514;
  opacity:0;visibility:hidden;transform:scaleX(.55);
  transition:opacity .25s ease,transform .38s var(--ease),visibility 0s .38s,border-color .2s ease,background-size .38s var(--ease)}
.nos-nav .pill:hover,.nos-nav .pill:focus-visible{background-size:100% 100%;border-color:var(--red)}
.nos-nav .pill .x{width:10px;height:10px}
.nos-nav .pill .when-open{display:none}
.nos-nav.menu-open .pill .when-open{display:inline-flex;align-items:center;gap:8px}
.nos-nav.menu-open .pill .when-shut{display:none}

.nos-nav.is-scrolled .links,.nos-nav.menu-open .links{opacity:0;visibility:hidden;transform:scale(.9);filter:blur(4px);
  transition:opacity .22s ease,transform .38s var(--ease),filter .22s ease,visibility 0s .38s}
.nos-nav.is-scrolled .pill,.nos-nav.menu-open .pill{opacity:1;visibility:visible;transform:none;
  transition:opacity .3s ease .08s,transform .42s var(--ease) .04s,visibility 0s,border-color .2s ease,background-size .38s var(--ease)}

/* dropdown panels */
.nos-nav .dd{position:static}
.nos-nav .panel{position:absolute;top:calc(100% + 12px);left:50%;z-index:2;
  width:min(760px,calc(100vw - 28px));padding:22px;border-radius:12px;border:1px solid var(--faint);
  background:var(--panel);box-shadow:0 28px 70px rgba(0,0,0,.65);
  display:grid;grid-template-columns:minmax(0,1fr) 224px;gap:22px;
  opacity:0;visibility:hidden;transform:translate(-50%,-6px);
  transition:opacity .2s ease,transform .3s var(--ease),visibility 0s .3s}
.nos-nav .panel::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}   /* hover bridge */
.nos-nav .panel.sm{width:min(560px,calc(100vw - 28px))}
.nos-nav .dd.open .panel{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .2s ease,transform .3s var(--ease),visibility 0s}
.nos-nav .p-eb{margin:0 0 12px 10px;font-family:var(--f-hud);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.nos-nav .items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);grid-auto-flow:column;gap:2px 14px;margin:0;padding:0;list-style:none}
.nos-nav .items.one{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}
.nos-nav .items a{display:grid;gap:4px;padding:10px;border-radius:8px;transition:background-color .2s ease}
.nos-nav .items a b{font-family:var(--f-display);font-weight:400;font-size:17px;line-height:1.15;display:flex;align-items:center;gap:8px}
.nos-nav .items a b i{font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--red-hot);opacity:0;transform:translate(-4px,2px);transition:opacity .2s ease,transform .3s var(--ease)}
.nos-nav .items a span{font-size:11px;line-height:1.4;color:var(--dim)}
.nos-nav .items a:hover,.nos-nav .items a:focus-visible{background:var(--hair)}
.nos-nav .items a:hover b i,.nos-nav .items a:focus-visible b i{opacity:1;transform:none}
.nos-nav .items a:focus-visible{outline:2px solid var(--red);outline-offset:0}
.nos-nav .items li{opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .3s var(--ease)}
.nos-nav .dd.open .items li{opacity:1;transform:none;transition-delay:calc(var(--i,0) * 22ms + 40ms)}

/* services panel: the four suits, two by two, each with its numeral and pip like a card index */
.nos-nav .items.suits{grid-template-rows:none;grid-auto-flow:row;gap:4px 14px}
.nos-nav .items.suits a{grid-template-columns:auto;padding:12px 10px 14px}
.nos-nav .items .pip{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-display);font-size:13px;line-height:1;color:var(--dim)}
.nos-nav .items .pip svg{width:11px;height:11px;color:var(--ink)}
.nos-nav .items .pip.r svg{color:var(--red)}
.nos-nav .all{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0 10px;font-size:11.5px;color:var(--dim);transition:color .2s ease}
.nos-nav .all:hover,.nos-nav .all:focus-visible{color:var(--ink)}
.nos-nav .items a[aria-current=page] b{color:var(--red-hot)}
.nos-menu .tlinks a[aria-current=page],.nos-menu .mlist a[aria-current=page] b{color:var(--red-hot)}

.nos-nav .feat{border-left:1px solid var(--hair);padding-left:22px;display:flex;flex-direction:column}
.nos-nav .feat .p-eb{margin-left:0}
.nos-nav .tile{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;
  aspect-ratio:4/3.2;max-width:100%;padding:14px;border-radius:8px;transition:filter .25s ease}
.nos-nav .tile canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.nos-nav .tile b{font-family:var(--f-display);font-weight:400;font-size:17px;line-height:1.18;text-wrap:balance}
.nos-nav .tile span{font-size:11px;display:inline-flex;gap:6px;align-items:center}
.nos-nav .tile i{font-style:normal}
.nos-nav .tile:hover{filter:brightness(1.15)}
.nos-nav .tile.back{background:#120403}
.nos-nav .tile.noise{background:#0f0f0e;border:1px solid var(--faint)}
.nos-nav .more{margin-top:12px;font-size:11px;line-height:1.5;color:var(--dim);transition:color .2s ease}
.nos-nav .more:hover,.nos-nav .more:focus-visible{color:var(--ink)}

/* right: book a call */
.nos-nav .right{justify-self:end;display:flex;align-items:center;gap:10px}
.nos-nav .cta{display:inline-flex;align-items:stretch;gap:2px;color:#000}
.nos-nav .cta .box,.nos-nav .cta .tl{display:inline-flex;align-items:center;justify-content:center;height:36px;border-radius:7px;
  background:linear-gradient(var(--red),var(--red)) 0 0/0% 100% no-repeat,var(--ink);
  transition:color .25s ease,background-size .38s var(--ease)}
.nos-nav .cta .box{padding:0 16px;font-size:12.5px;letter-spacing:.01em;white-space:pre}
.nos-nav .cta .tl{width:36px;font-size:14px;transition-delay:.06s}
.nos-nav .cta:hover .box,.nos-nav .cta:hover .tl,.nos-nav .cta:focus-visible .box,.nos-nav .cta:focus-visible .tl{color:var(--ink);background-size:100% 100%}
.nos-nav .cta .arr{display:inline-block;transition:transform .38s var(--ease)}
.nos-nav .cta:hover .arr,.nos-nav .cta:focus-visible .arr{transform:rotate(45deg)}

/* ---------- full-screen menu ---------- */
.nos-menu{--pad:clamp(16px,2.4vw,32px);position:fixed;inset:0;z-index:40;display:grid;
  grid-template-rows:calc(var(--nav-h) + env(safe-area-inset-top,0px)) minmax(0,1fr) auto;
  padding-inline:var(--pad);padding-block:0 calc(18px + env(safe-area-inset-bottom,0px));background:var(--bg);
  opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s .3s}
.nos-menu[data-open]{opacity:1;visibility:visible;transition:opacity .22s ease,visibility 0s}
.nos-menu a:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.nos-menu .stagewrap{display:grid;place-items:center;align-content:center;gap:clamp(18px,3.2vh,34px);min-height:0}
.nos-menu .hud{font-family:var(--f-hud);font-size:11px;letter-spacing:.2em;color:var(--dim)}

/* deck + six slots in one row: deck | lead | card × 6 with gaps */
.nos-menu .deal{--gap:clamp(10px,1.4vw,20px);--lead:clamp(16px,2.4vw,36px);
  --cw:min(176px,calc((100vw - 2 * var(--pad) - 5 * var(--gap) - var(--lead)) / 7));--ch:calc(var(--cw) * 1.4);
  position:relative;width:calc(7 * var(--cw) + 5 * var(--gap) + var(--lead));max-width:100%;height:calc(var(--ch) + 14px)}
.nos-menu .deck{position:absolute;left:0;bottom:0;width:var(--cw);height:var(--ch);border-radius:10px;background:#120403;
  border:1px solid rgba(219,37,24,.45);display:grid;place-items:center;
  box-shadow:1px 1px 0 #3a0a06,2px 2px 0 #070101,3px 3px 0 #3a0a06,4px 4px 0 #070101,5px 5px 0 #3a0a06,6px 6px 0 #070101,14px 20px 36px rgba(0,0,0,.6);
  opacity:0;transform:translateX(-14px);transition:opacity .25s ease,transform .45s var(--ease)}
.nos-menu .deck canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}
.nos-menu .seal{position:relative;display:grid;place-items:center;width:44%;aspect-ratio:1;border-radius:50%;background:#000;border:1px solid rgba(219,37,24,.5)}
.nos-menu .seal svg{width:34%;height:52%;color:var(--red)}
.nos-menu[data-open] .deck{opacity:1;transform:none}

.nos-menu .pc{--x:calc(var(--cw) + var(--lead) + var(--i) * (var(--cw) + var(--gap)));
  /* corner pips scale with the card; the padding reserves their space so text never runs into them */
  --pip:clamp(10px,calc(var(--cw) * .075),13px);--inset:clamp(7px,calc(var(--cw) * .06),11px);
  --clear:calc(var(--inset) + var(--pip) * 1.55 + 6px);
  position:absolute;bottom:0;left:var(--x);z-index:calc(var(--i) + 2);width:var(--cw);height:var(--ch);
  display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(4px,calc(var(--cw) * .045),8px);
  /* every title starts on the same line across the row */
  padding:max(var(--clear),calc(var(--ch) * .33)) clamp(10px,calc(var(--cw) * .09),16px) var(--clear);border-radius:10px;overflow:hidden;
  background:var(--paper);color:var(--paper-ink);border:1px solid rgba(0,0,0,.25);
  box-shadow:0 10px 24px rgba(0,0,0,.45);
  opacity:0;transform:translateX(calc(-1 * var(--x)));
  transition:transform .3s var(--ease),opacity .12s ease,box-shadow .3s ease}
/* deal: the top card (Contact) goes to the far slot first, then each card stops one slot nearer the deck */
.nos-menu[data-open] .pc{--d:calc((5 - var(--i)) * 70ms + 140ms);opacity:1;transform:none;
  transition:transform .7s var(--ease) var(--d),opacity .14s ease var(--d),box-shadow .3s ease}
.nos-menu.dealt .pc{transition:transform .3s var(--ease),opacity .14s ease,box-shadow .3s ease}
.nos-menu.dealt .pc:hover,.nos-menu.dealt .pc:focus-visible{transform:translateY(-10px);box-shadow:0 22px 36px rgba(0,0,0,.6)}
.nos-menu .pc .ix{position:absolute;top:var(--inset);left:var(--inset);width:var(--pip);height:calc(var(--pip) * 1.55);color:var(--red)}
.nos-menu .pc .ix.b{top:auto;left:auto;bottom:var(--inset);right:var(--inset);transform:rotate(180deg)}
.nos-menu .pc b{font-family:var(--f-display);font-weight:400;font-size:clamp(15px,calc(var(--cw) * .15),26px);line-height:1.05;overflow-wrap:anywhere}
.nos-menu .pc span{font-size:clamp(10px,calc(var(--cw) * .068),11.5px);line-height:1.35;opacity:.72;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.nos-menu .pc.red{background:var(--red-fill);color:var(--ink);border-color:rgba(0,0,0,.3)}
.nos-menu .pc.red .ix{color:#000}

/* plain text links under the cards */
.nos-menu .tlinks{display:grid;grid-template-columns:repeat(4,10em);gap:12px clamp(20px,3vw,40px);justify-content:center;
  font-size:13px;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .3s var(--ease)}
.nos-menu[data-open] .tlinks{opacity:1;transform:none;transition:opacity .3s ease .6s,transform .45s var(--ease) .6s}
.nos-menu .tlinks a{transition:color .18s ease}
.nos-menu .tlinks a:hover,.nos-menu .tlinks a:focus-visible{color:var(--red-hot)}

/* phone list */
.nos-menu .mlist{display:none;width:100%;margin:0;padding:0;list-style:none}
.nos-menu .mlist a{display:grid;gap:4px;padding:14px 2px;border-top:1px solid var(--hair)}
.nos-menu .mlist li:last-child a{border-bottom:1px solid var(--hair)}
.nos-menu .mlist b{font-family:var(--f-display);font-weight:400;font-size:32px;line-height:1}
.nos-menu .mlist span{font-size:11px;color:var(--dim)}
.nos-menu .mlist .red b{color:var(--red-hot)}
.nos-menu .mlist li{opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .4s var(--ease)}
.nos-menu[data-open] .mlist li{opacity:1;transform:none;transition-delay:calc(var(--i) * 40ms + 60ms)}

.nos-menu .mfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;
  padding-top:14px;border-top:1px solid var(--faint);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.nos-menu .mfoot nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.nos-menu .mfoot a{transition:color .18s ease}
.nos-menu .mfoot a:hover{color:var(--ink)}

/* ---------- page preview that follows the cursor over a card ----------
   A card can point at a looping video (data-video + data-poster) or an image (data-img);
   until then it shows the page mock from its <template>. */
.nos-menu .pv{position:absolute;left:0;top:0;z-index:30;width:320px;border-radius:10px;overflow:hidden;background:#000;
  border:1px solid var(--faint);box-shadow:0 26px 60px rgba(0,0,0,.75);pointer-events:none;
  transform-origin:0 100%;opacity:0;transition:opacity .18s ease;will-change:transform}
.nos-menu .pv.on{opacity:1}
.nos-menu .pv-bar{display:flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-bottom:1px solid var(--hair);background:#0e0d0d;font-size:10px;color:var(--dim)}
.nos-menu .pv-bar i{width:6px;height:6px;border-radius:50%;background:var(--faint)}
.nos-menu .pv-bar span{margin-left:6px}
.nos-menu .pv-body{position:relative;width:320px;height:200px;overflow:hidden}
.nos-menu .pv-body video,.nos-menu .pv-body img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* page mocks, drawn at 960 × 600 and shrunk into the preview */
.mock{position:absolute;left:0;top:0;width:960px;height:600px;padding:20px 40px 0;overflow:hidden;
  background:#000;color:var(--ink);font-family:var(--f-mono);transform:scale(.33334);transform-origin:0 0}
.mock .mn{display:flex;align-items:center;justify-content:space-between;height:34px;font-size:12px}
.mock .mn .l{display:flex;align-items:center;gap:9px;font-family:var(--f-display);font-size:17px}
.mock .mn .l svg{color:var(--red)}
.mock .mn .c{display:flex;gap:24px;color:var(--dim)}
.mock .btn{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:6px;background:var(--ink);color:#000;font-size:12px}
.mock .btn.o{background:transparent;color:var(--ink);border:1px solid var(--faint)}
.mock .btn.r{background:var(--red);color:var(--ink)}
.mock .k{display:block;margin:58px 0 14px;font-family:var(--f-hud);font-size:12px;letter-spacing:.16em;color:var(--dim)}
.mock h3{margin:0 0 18px;font-family:var(--f-display);font-weight:400;font-size:64px;line-height:.98;letter-spacing:-.01em}
.mock h3.xl{margin-top:84px;font-size:124px}
.mock p{margin:0 0 22px;max-width:46ch;font-size:15px;line-height:1.55;color:var(--dim)}
.mock .row{display:flex;gap:8px}
.mock .glow{position:absolute;left:0;right:0;bottom:0;height:170px;background:linear-gradient(180deg,rgba(0,0,0,0),#2a0603)}
.mock .list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid var(--faint)}
.mock .list span{padding:12px 0;border-bottom:1px solid var(--hair);font-family:var(--f-display);font-size:22px}
.mock .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mock .tiles span{height:128px;display:flex;align-items:flex-end;padding:12px;border-radius:8px;font-family:var(--f-display);font-size:19px}
.mock .t1{background:var(--red)} .mock .t2{background:#120403} .mock .t3{background:#0f0f0e;border:1px solid var(--faint)}
.mock .t4{background:var(--paper);color:var(--paper-ink)} .mock .t5{background:#1a1918}
.mock .ppl{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mock .ppl div{height:200px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:16px;border-radius:10px;border:1px solid var(--faint);background:#0f0f0e}
.mock .ppl b{font-family:var(--f-display);font-weight:400;font-size:28px}
.mock .ppl i{font-style:normal;font-size:12px;color:var(--dim)}
.mock .form{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:660px;margin-bottom:14px}
.mock .form span{height:44px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--faint);border-radius:7px;font-size:12px;color:var(--dim)}
.mock .form .w{grid-column:1/-1}
/* previews of the inner pages: copy on the left, card on the right, like the pages themselves */
.mock .two{display:grid;grid-template-columns:5fr 6fr;gap:44px;align-items:start;margin-top:52px}
.mock .two .k{margin-top:0}
.mock .two h3{font-size:56px}
.mock .fc{display:grid;gap:14px;padding:30px 28px 32px;border-radius:14px;border:1px solid var(--faint);background:#0f0e0e}
.mock .fc>b{font-family:var(--f-display);font-weight:400;font-size:28px}
.mock .fc .form{grid-template-columns:1fr 1fr;margin:0}
.mock .fc .btn{justify-self:start}
.mock .bar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mock .bar i{height:3px;border-radius:2px;background:var(--faint)}
.mock .bar i.on{background:var(--red)}
.mock .suitrows{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mock .suitrows span{display:grid;gap:6px;padding:18px 18px 20px;border-radius:12px;border:1px solid var(--faint);background:#0f0e0e}
.mock .suitrows i{display:flex;align-items:center;gap:7px;font-style:normal;font-family:var(--f-display);font-size:16px;color:var(--dim)}
.mock .suitrows i svg{width:14px;height:14px;color:var(--ink)}
.mock .suitrows .r i svg{color:var(--red)}
.mock .suitrows b{font-family:var(--f-display);font-weight:400;font-size:30px}
.mock .suitrows em{font-style:normal;font-size:13px;color:var(--dim)}
.mock .fan{position:relative;height:250px}
.mock .fan span{position:absolute;left:50%;bottom:0;width:120px;height:168px;margin-left:-60px;border-radius:10px;background:var(--paper);display:grid;place-items:center;
  transform-origin:50% 140%;box-shadow:0 12px 26px rgba(0,0,0,.5)}
.mock .fan svg{width:40px;height:40px;color:#0b0a0a}
.mock .fan .c2 svg,.mock .fan .c3 svg{color:var(--red)}
.mock .fan .c1{transform:rotate(-21deg)} .mock .fan .c2{transform:rotate(-7deg)} .mock .fan .c3{transform:rotate(7deg)} .mock .fan .c4{transform:rotate(21deg)}
.mock .two+.ppl{margin-top:26px}
.mock .ppl div{height:150px}

/* ---------- narrow screens ---------- */
@media (max-width:880px){
  .nos-nav .links{display:none}
  .nos-nav .pill{position:static;opacity:1;visibility:visible;transform:none}
}
@media (max-width:820px){
  .nos-menu .deal,.nos-menu .tlinks,.nos-menu .hud,.nos-menu .pv{display:none}
  .nos-menu .mlist{display:block}
  .nos-menu .stagewrap{place-items:stretch;align-content:start;padding-top:12px;overflow-y:auto}
  .nos-menu .mfoot{flex-direction:column;align-items:flex-start}
}
@media (max-width:520px){
  .nos-nav .wm{display:none}
  .nos-nav .cta .box{padding:0 12px;font-size:12px}
  .nos-nav .cta .tl{width:32px}
  .nos-nav .pill{width:84px}
}
@media (prefers-reduced-motion:reduce){
  .nos-nav *,.nos-nav *::before,.nos-menu,.nos-menu *{transition-duration:.01ms!important;transition-delay:0s!important}
}