/* Augmenation — shared static site styles */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{margin:0;padding:0;background:#FFFFFF;color:#101010;font-family:'Archivo',sans-serif;}
::selection{background:#C8FF00;color:#101010;}
a{color:#101010;text-decoration:none;}

/* focus ring (visible on light + lime contexts) */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible,[data-vidbtn]:focus-visible{
  outline:2px solid #101010 !important;outline-offset:2px;box-shadow:0 0 0 4px rgba(200,255,0,0.95);
}

/* marquee + reveal */
@keyframes marq{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes revealUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:none;}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
[data-reveal]{animation:revealUp .7s ease both;animation-timeline:view();animation-range:entry 0% cover 22%;}
main{animation:fadeIn .6s ease both;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  [data-reveal],main{animation:none !important;}
}

/* nav + link hovers handled generically via [data-h] in site.js;
   a couple of static conveniences: */
.navlink:hover{color:#C8FF00;}

/* mobile menu */
#m-menu{display:none;}
body{overflow-x:hidden;}
#m-burger{display:none;}
@media (max-width:1080px) and (min-width:1025px){
  #site-cta > a:first-child{display:none !important;}
  #site-nav{gap:18px !important;}
  #site-header{padding:14px 24px !important;}
}
@media (max-width:1024px){
  #site-nav,#site-cta{display:none !important;}
  #m-burger{display:flex !important;}
  #site-header{padding:12px 20px !important;flex-wrap:nowrap !important;position:fixed !important;top:0;left:0;right:0;}
  body{padding-top:64px;}
  #m-menu.open{display:flex !important;}
  section, .wrap{padding-left:20px !important;padding-right:20px !important;}
  .hero-grid{grid-template-columns:1fr !important;gap:8px !important;}
  .hero-grid h1{font-size:clamp(46px,13vw,72px) !important;}
  .hero-map,[data-m="hero-map"]{display:none !important;}
  .marq-line{font-size:14px !important;}
  #team-grid{grid-template-columns:1fr 1fr !important;}
}