/* ============================================================
   GEORESEARCH — Responsive Layer (V5)
   ------------------------------------------------------------
   This file intentionally sits on top of the approved V4 CSS.
   Desktop presentation above 1100px is left untouched.
   ============================================================ */

/* Generated mobile navigation controls are invisible on desktop. */
.mobile-nav-bar{display:none}
.mobile-menu-flags{display:none}

@media (max-width:1100px){
  :root{--mobile-nav-h:60px}
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--mobile-nav-h) + 8px)}
  body{overflow-x:hidden}
  img,svg{max-width:100%}

  .wrap{
    width:min(var(--max),calc(100% - clamp(28px,5vw,56px)));
  }

  /* Corporate header: keep the approved identity, only reflow it. */
  .corp-head,
  .corp-inner{min-height:clamp(126px,16vw,160px)}
  .corp-inner{
    grid-template-columns:minmax(175px,220px) minmax(0,1fr);
    gap:clamp(22px,4vw,38px);
    padding:10px 0;
  }
  .big-logo img{width:clamp(185px,22vw,225px)}
  .company-name{padding-left:clamp(20px,3vw,32px)}
  .company-name strong{font-size:clamp(21px,2.8vw,29px)}
  .company-name span{font-size:clamp(9px,1.15vw,12px)}
  .company-name small{font-size:clamp(8px,1vw,10.5px)}
  .contact-box{display:none}

  /* Real mobile/tablet navigation. Existing desktop markup is reused. */
  .navbar{
    height:var(--mobile-nav-h);
    min-height:var(--mobile-nav-h);
    position:sticky;
    top:0;
    z-index:120;
    overflow:visible;
  }
  .mobile-nav-bar{
    width:min(var(--max),calc(100% - clamp(24px,5vw,56px)));
    height:var(--mobile-nav-h);
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  .mobile-nav-home{
    display:flex;
    align-items:center;
    min-width:0;
    color:#e7eef1;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .mobile-nav-actions{display:flex;align-items:center;gap:8px}
  .mobile-search-btn,
  .mobile-nav-toggle{
    width:44px;
    height:44px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:4px;
    background:rgba(255,255,255,.025);
    color:#edf4f6;
    display:grid;
    place-items:center;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-search-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
  .mobile-nav-toggle span,
  .mobile-nav-toggle::before,
  .mobile-nav-toggle::after{
    content:"";
    width:20px;
    height:2px;
    border-radius:2px;
    background:currentColor;
    display:block;
    transition:transform .22s ease,opacity .22s ease;
  }
  .mobile-nav-toggle{position:relative;gap:4px}
  .mobile-nav-toggle.is-open span{opacity:0}
  .mobile-nav-toggle.is-open::before{position:absolute;transform:rotate(45deg)}
  .mobile-nav-toggle.is-open::after{position:absolute;transform:rotate(-45deg)}

  .navbar .navin{
    position:absolute;
    left:0;
    right:0;
    top:var(--mobile-nav-h);
    width:100%;
    height:auto;
    max-height:calc(100dvh - var(--mobile-nav-h));
    margin:0;
    padding:10px clamp(14px,4vw,28px) calc(22px + env(safe-area-inset-bottom));
    display:block;
    overflow:auto;
    overscroll-behavior:contain;
    background:rgba(7,15,20,.985);
    border-top:1px solid rgba(255,255,255,.10);
    box-shadow:0 24px 55px rgba(0,0,0,.38);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px);
    transition:opacity .20s ease,transform .20s ease,visibility .20s;
  }
  .navbar.mobile-menu-open .navin{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .mobile-menu-flags{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:48px;
    padding:4px 4px 8px;
    border-bottom:1px solid rgba(255,255,255,.09);
  }
  .mobile-menu-flags .langflag{width:27px;height:18px}

  .navbar .navlink,
  .navbar .navdrop>button{
    width:100%;
    min-width:0;
    height:auto;
    min-height:50px;
    padding:0 4px;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.09);
    justify-content:space-between;
    font-size:13px;
    text-align:left;
  }
  .navbar .navlink.active:after{display:none}
  .navbar .navdrop{display:block!important;width:100%}
  .navbar .navdrop>button svg{width:14px;transition:transform .2s ease}
  .navbar .navdrop.mobile-sub-open>button svg{transform:rotate(180deg)}
  .navbar .mega,
  .navbar .navdrop:hover .mega{
    position:static;
    width:100%;
    padding:0;
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
    max-height:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transform:none;
    border:0;
    box-shadow:none;
    background:transparent;
    transition:max-height .28s ease,opacity .2s ease,padding .2s ease;
  }
  .navbar .navdrop.mobile-sub-open .mega,
  .navbar .navdrop.mobile-sub-open:hover .mega{
    max-height:620px;
    padding:8px 0 12px;
    opacity:1;
    visibility:visible;
  }
  .navbar .mega a{
    min-height:58px;
    padding:11px 13px;
    border-color:rgba(255,255,255,.075);
    border-radius:3px;
  }
  .navbar .mega strong{font-size:11px;line-height:1.35}
  .navbar .mega span{font-size:9.5px;line-height:1.35}
  body.mobile-nav-locked{overflow:hidden}

  /* Home hero — fluid rather than tied to one tablet width. */
  .hero-grid{
    grid-template-columns:1fr;
    gap:0;
    padding:clamp(48px,7vw,66px) 0 390px;
  }
  .hero-copy{max-width:min(820px,88vw)}
  .hero-title{font-size:clamp(48px,8vw,72px)}
  .hero-sub{font-size:clamp(15px,2.2vw,19px)}
  .hero-lead{font-size:clamp(15px,2vw,18px)}
  .hero-aside{display:none}
  .tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.5vw,12px)}
  .htile{min-height:clamp(145px,17vw,168px);padding:15px 12px}

  /* Dense sections reflow progressively. */
  .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stat{min-width:0;padding:16px clamp(14px,2.4vw,22px)}
  .stats .btn,
  .stat-contact{margin:18px 0 18px 18px;justify-self:start}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 22px}
  .timeline:before{display:none}
  .result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .choose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .choose.big{grid-column:span 2;grid-row:auto;min-height:330px}
  .inquiry-grid{grid-template-columns:1fr;gap:36px}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

  /* Internal pages. */
  .service-page-hero{min-height:clamp(350px,48vw,420px)}
  .service-page-hero-inner{padding-top:clamp(54px,8vw,74px);padding-bottom:clamp(54px,8vw,74px)}
  .service-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:760px){
  .section{padding:clamp(58px,10vw,76px) 0}
  .section-title{margin-bottom:32px}
  h2{font-size:clamp(29px,7.3vw,39px)}

  /* Compact branded header. */
  .corp-head,
  .corp-inner{min-height:112px}
  .corp-inner{
    grid-template-columns:1fr;
    place-items:center;
    text-align:center;
    padding:16px 0;
  }
  .big-logo img{width:clamp(168px,48vw,205px);margin:auto}
  .company-name{display:none}

  .mobile-nav-home{font-size:11px;letter-spacing:.06em}

  /* Hero tiles become part of normal document flow. */
  .hero{min-height:0}
  .hero-grid{
    padding:clamp(44px,11vw,62px) 0 clamp(38px,8vw,52px);
  }
  .hero-copy{max-width:100%}
  .hero-title{
    font-size:clamp(38px,12vw,58px);
    line-height:.98;
    overflow-wrap:anywhere;
  }
  .hero-sub{font-size:clamp(16px,4.7vw,22px);line-height:1.28;letter-spacing:.055em}
  .hero-lead{font-size:clamp(14px,4vw,17px);line-height:1.55}
  .hero-actions{gap:10px;margin-top:24px}
  .hero-actions .btn{flex:1 1 220px;min-width:0}
  .hero-tiles{position:relative;left:auto;right:auto;bottom:auto}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:18px}
  .htile{min-height:clamp(140px,43vw,166px)}
  .hicon{width:clamp(47px,13vw,58px);height:clamp(47px,13vw,58px)}
  .htile strong{font-size:clamp(11px,3.3vw,13px)}
  .htile span{font-size:clamp(9px,2.7vw,10px)}

  /* Statistics stay compact but readable on phones. */
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
  .stat{
    min-height:104px;
    padding:14px clamp(10px,3vw,16px);
    gap:10px;
    border-right:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  .stat strong{font-size:clamp(24px,7vw,29px)}
  .stat span{font-size:clamp(8px,2.35vw,9.5px)}
  .stat-svg{width:clamp(38px,10vw,46px);height:clamp(38px,10vw,46px);flex-basis:clamp(38px,10vw,46px)}
  .stat-svg.armenia{width:clamp(42px,11vw,50px);height:clamp(42px,11vw,50px)}
  .stat-label{font-size:clamp(10px,2.8vw,12px)!important}
  .stat-contact{
    grid-column:1/-1;
    width:calc(100% - 28px);
    margin:14px;
    min-width:0;
  }

  .cards,
  .service-detail-grid{grid-template-columns:1fr}
  .card-body p{min-height:0}
  .timeline{grid-template-columns:1fr;gap:30px}
  .step{max-width:460px;margin:auto}
  .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  .choose-grid{grid-template-columns:1fr}
  .choose.big{grid-column:auto;min-height:310px}
  .choose.big h3{margin-top:85px;font-size:clamp(25px,7vw,30px)}
  .form{padding:clamp(17px,5vw,25px)}
  .form-grid{grid-template-columns:1fr}
  .full{grid-column:auto}
  .formfoot{align-items:stretch;flex-direction:column}
  .formfoot .btn{width:100%}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px}

  .service-page-hero{min-height:330px}
  .service-page-hero h1{font-size:clamp(34px,9vw,48px)}
  .service-page-hero p{font-size:clamp(14px,3.8vw,17px);line-height:1.65}
  .service-page-actions{gap:10px}
  .service-detail-card{padding:clamp(21px,5vw,28px);min-height:0}

  .searchbox{width:calc(100% - 24px);margin:5vh auto}
  .searchhead{padding:14px}
  .searchhead input{min-width:0;font-size:16px}
}

@media (max-width:480px){
  .wrap{width:calc(100% - 28px)}
  .mobile-nav-bar{width:calc(100% - 24px)}
  .mobile-nav-home{max-width:calc(100% - 108px);overflow:hidden;text-overflow:ellipsis}

  .hero-actions .btn,
  .service-page-actions .btn{width:100%;flex:1 1 100%}
  .hero-title{font-size:clamp(36px,11.5vw,49px)}
  .hero-sub{font-size:clamp(15px,4.8vw,20px)}
  .tiles{gap:8px}
  .htile{padding-left:8px;padding-right:8px}

  .stat{min-height:100px;align-items:center}
  .stat-number{justify-content:flex-start}
  .result-grid{grid-template-columns:1fr}
  .result-art{height:125px}
  .footer-grid{grid-template-columns:1fr}
  .bottom{flex-direction:column;gap:7px}

  .service-page-actions{display:grid;grid-template-columns:1fr}
}

@media (max-width:350px){
  .wrap{width:calc(100% - 20px)}
  .tiles{grid-template-columns:1fr}
  .htile{min-height:132px}
  .stats-grid{grid-template-columns:1fr}
  .stat-contact{grid-column:auto}
}

/* Touch devices should not depend on hover to communicate state. */
@media (hover:none){
  .home-page .htile:hover,
  .home-page .card[data-href]:hover,
  .home-page .btn:hover{transform:none}
}

/* ------------------------------------------------------------
   Compact desktop / small laptop refinement.
   Keeps the approved desktop composition while preventing the
   corporate header and navigation from becoming cramped.
   ------------------------------------------------------------ */
@media (min-width:1101px) and (max-width:1280px){
  .wrap{width:min(var(--max),calc(100% - 40px))}
  .corp-inner{grid-template-columns:220px minmax(0,1fr) 320px;gap:26px}
  .big-logo img{width:215px}
  .company-name{padding-left:26px}
  .company-name strong{font-size:26px;letter-spacing:.15em}
  .company-name span{font-size:10.5px;letter-spacing:.13em}
  .company-name small{font-size:9.5px;letter-spacing:.12em}
  .contact-box{gap:8px 12px}
  .contact-lines{font-size:11px}
  .search-mini button{width:190px}
  .navlink,.navdrop>button{padding-left:clamp(12px,1.25vw,16px);padding-right:clamp(12px,1.25vw,16px);font-size:12px}
  .stats-grid{grid-template-columns:.68fr .68fr .78fr 1.08fr 1.18fr 1.18fr auto}
  .stat{padding-left:14px;padding-right:14px;gap:10px}
  .stat-contact{min-width:148px;margin-left:8px;padding-left:12px;padding-right:12px;gap:8px;font-size:10.5px}
}

/* Long Armenian/Russian technical terms must never force horizontal scroll. */
@media (max-width:760px){
  .section-title h2,
  .choose h3,
  .card-body h3,
  .service-detail-card h3,
  .ftitle,
  .flink a{overflow-wrap:anywhere}
}


/* Verification responsive rules */
@media (max-width:1100px){
  .navbar .nav-verify{
    width:100%;height:auto;min-height:46px;margin:12px 0 2px;padding:0 14px;
    border:1px solid rgba(83,198,240,.45);border-radius:4px;
    justify-content:center;background:rgba(36,151,197,.13);font-size:11px;
  }
}
@media (max-width:760px){
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:460px}
  .hero-action-stack{width:100%}
  .hero-action-stack>.btn,.hero-actions>.btn{width:100%;min-width:0}
  .verify-dialog{padding:30px 20px 24px}
  .verify-dialog h2{font-size:24px;margin-right:34px}
  .verify-form{grid-template-columns:1fr}
  .verify-form .btn{width:100%}
}

/* ============================================================
   Navigation entrance — line-to-bar reveal
   ------------------------------------------------------------
   Runs once per browsing session (class is assigned by site-shell.js).
   The dark navigation surface first appears as a thin horizontal line,
   expands across the viewport, then grows vertically into the full bar.
   ============================================================ */
.navbar.nav-intro{
  background:transparent;
  border-bottom-color:transparent;
  isolation:isolate;
}
.navbar.nav-intro::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:rgba(7,15,20,.96);
  border-bottom:1px solid rgba(255,255,255,.13);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  transform-origin:center center;
  animation:geoNavSurfaceReveal 1.08s cubic-bezier(.22,.76,.24,1) both;
}
.navbar.nav-intro .navin,
.navbar.nav-intro .mobile-nav-bar{
  z-index:1;
}
@media (min-width:1101px){
  .navbar.nav-intro .navin{
    position:relative;
    animation:geoNavContentReveal .62s cubic-bezier(.2,.72,.24,1) .62s both;
  }
}
@media (max-width:1100px){
  .navbar.nav-intro .mobile-nav-bar{
    position:relative;
    animation:geoNavContentReveal .56s cubic-bezier(.2,.72,.24,1) .58s both;
  }
}
@keyframes geoNavSurfaceReveal{
  0%{
    opacity:0;
    transform:scaleX(.025) scaleY(.025);
    box-shadow:none;
  }
  14%{
    opacity:1;
  }
  48%{
    transform:scaleX(1) scaleY(.025);
    box-shadow:none;
  }
  76%{
    transform:scaleX(1) scaleY(1);
  }
  100%{
    opacity:1;
    transform:scale(1);
    box-shadow:0 8px 24px rgba(0,0,0,.08);
  }
}
@keyframes geoNavContentReveal{
  0%{
    opacity:0;
    transform:translateY(8px);
  }
  100%{
    opacity:1;
    transform:none;
  }
}
@media (prefers-reduced-motion:reduce){
  .navbar.nav-intro::before,
  .navbar.nav-intro .navin,
  .navbar.nav-intro .mobile-nav-bar{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}

/* ============================================================
   GEORESEARCH INTRO — refined timing + blue light wave
   2026-09-19
   Keeps the existing once-per-session behaviour from site-shell.js.
   ============================================================ */

/* Extend the original navigation reveal by ~0.5 s overall. */
.navbar.nav-intro::before{
  animation-duration:1.48s;
}
@media (min-width:1101px){
  .navbar.nav-intro .navin{
    animation-duration:.74s;
    animation-delay:1.00s;
  }
}
@media (max-width:1100px){
  .navbar.nav-intro .mobile-nav-bar{
    animation-duration:.68s;
    animation-delay:1.00s;
  }
}

/* A restrained cyan light sweep passes across the completed navigation. */
.navbar.nav-intro::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-34%;
  width:28%;
  z-index:1;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(
    105deg,
    rgba(92,200,243,0) 0%,
    rgba(92,200,243,.05) 20%,
    rgba(122,220,255,.24) 48%,
    rgba(92,200,243,.08) 70%,
    rgba(92,200,243,0) 100%
  );
  filter:blur(5px);
  transform:translateX(0) skewX(-14deg);
  animation:geoNavBlueSweep 1.16s cubic-bezier(.24,.72,.28,1) 1.80s both;
}
.navbar.nav-intro .navin,
.navbar.nav-intro .mobile-nav-bar{
  z-index:2;
}
@keyframes geoNavBlueSweep{
  0%{opacity:0;transform:translateX(0) skewX(-14deg)}
  12%{opacity:.72}
  48%{opacity:1}
  88%{opacity:.70}
  100%{opacity:0;transform:translateX(485%) skewX(-14deg)}
}

/* Continue the same visual rhythm through the six homepage application tiles. */
.site-intro-run.home-page .hero-tiles .htile{
  overflow:hidden;
  animation:geoTileBlueGlow .72s cubic-bezier(.2,.72,.25,1);
}
.site-intro-run.home-page .hero-tiles .htile::after{
  content:"";
  position:absolute;
  top:-12%;
  bottom:-12%;
  left:-68%;
  width:48%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(
    105deg,
    rgba(92,200,243,0) 0%,
    rgba(104,211,250,.05) 20%,
    rgba(124,222,255,.23) 50%,
    rgba(104,211,250,.07) 72%,
    rgba(92,200,243,0) 100%
  );
  filter:blur(4px);
  transform:translateX(0) skewX(-13deg);
  animation:geoTileBlueSweep .72s cubic-bezier(.2,.72,.25,1);
}
.site-intro-run.home-page .hero-tiles .htile:nth-child(1),
.site-intro-run.home-page .hero-tiles .htile:nth-child(1)::after{animation-delay:2.94s}
.site-intro-run.home-page .hero-tiles .htile:nth-child(2),
.site-intro-run.home-page .hero-tiles .htile:nth-child(2)::after{animation-delay:3.12s}
.site-intro-run.home-page .hero-tiles .htile:nth-child(3),
.site-intro-run.home-page .hero-tiles .htile:nth-child(3)::after{animation-delay:3.30s}
.site-intro-run.home-page .hero-tiles .htile:nth-child(4),
.site-intro-run.home-page .hero-tiles .htile:nth-child(4)::after{animation-delay:3.48s}
.site-intro-run.home-page .hero-tiles .htile:nth-child(5),
.site-intro-run.home-page .hero-tiles .htile:nth-child(5)::after{animation-delay:3.66s}
.site-intro-run.home-page .hero-tiles .htile:nth-child(6),
.site-intro-run.home-page .hero-tiles .htile:nth-child(6)::after{animation-delay:3.84s}

@keyframes geoTileBlueGlow{
  0%,100%{
    transform:scale(1);
    border-color:rgba(190,220,232,.28);
    background:linear-gradient(180deg,rgba(12,26,34,.48),rgba(5,15,20,.88));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.018);
  }
  45%{
    transform:scale(1.03);
    border-color:rgba(90,201,242,.74);
    background:linear-gradient(180deg,rgba(15,37,48,.56),rgba(5,16,22,.93));
    box-shadow:
      inset 0 0 0 1px rgba(124,220,255,.08),
      0 11px 24px rgba(131,220,252,.16),
      0 18px 34px rgba(0,0,0,.14),
      0 0 24px rgba(91,205,246,.10);
  }
}
@keyframes geoTileBlueSweep{
  0%{opacity:0;transform:translateX(0) skewX(-13deg)}
  18%{opacity:.65}
  50%{opacity:1}
  82%{opacity:.55}
  100%{opacity:0;transform:translateX(355%) skewX(-13deg)}
}

@keyframes geoTileIconPulse{
  0%,100%{transform:scale(1);filter:drop-shadow(0 0 5px rgba(54,185,235,.14))}
  45%{transform:scale(1.04);filter:drop-shadow(0 3px 7px rgba(101,210,250,.22))}
}
@keyframes geoTileTitlePulse{
  0%,100%{color:#fff}
  45%{color:#8bdcff}
}
.site-intro-run.home-page .hero-tiles .htile .hicon{
  animation:geoTileIconPulse .72s cubic-bezier(.2,.72,.25,1);
}
.site-intro-run.home-page .hero-tiles .htile strong{
  animation:geoTileTitlePulse .72s cubic-bezier(.2,.72,.25,1);
}
.site-intro-run.home-page .hero-tiles .htile:nth-child(1) .hicon,
.site-intro-run.home-page .hero-tiles .htile:nth-child(1) strong{animation-delay:2.94s}
.site-intro-run.home-page .hero-tiles .htile:nth-child(2) .hicon,
.site-intro-run.home-page .hero-tiles .htile:nth-child(2) strong{animation-delay:3.12s}
.site-intro-run.home-page .hero-tiles .htile:nth-child(3) .hicon,
.site-intro-run.home-page .hero-tiles .htile:nth-child(3) strong{animation-delay:3.30s}
.site-intro-run.home-page .hero-tiles .htile:nth-child(4) .hicon,
.site-intro-run.home-page .hero-tiles .htile:nth-child(4) strong{animation-delay:3.48s}
.site-intro-run.home-page .hero-tiles .htile:nth-child(5) .hicon,
.site-intro-run.home-page .hero-tiles .htile:nth-child(5) strong{animation-delay:3.66s}
.site-intro-run.home-page .hero-tiles .htile:nth-child(6) .hicon,
.site-intro-run.home-page .hero-tiles .htile:nth-child(6) strong{animation-delay:3.84s}

@media (max-width:700px){
  .navbar.nav-intro::after{
    opacity:0;
    width:34%;
    animation-duration:1.02s;
  }
  .site-intro-run.home-page .hero-tiles .htile,
  .site-intro-run.home-page .hero-tiles .htile::after,
  .site-intro-run.home-page .hero-tiles .htile .hicon,
  .site-intro-run.home-page .hero-tiles .htile strong{
    animation-duration:.62s;
  }
}

@media (prefers-reduced-motion:reduce){
  .navbar.nav-intro::after,
  .site-intro-run.home-page .hero-tiles .htile,
  .site-intro-run.home-page .hero-tiles .htile::after,
  .site-intro-run.home-page .hero-tiles .htile .hicon,
  .site-intro-run.home-page .hero-tiles .htile strong{
    animation:none!important;
  }
}