html{scroll-behavior:smooth}
body{margin:0;background:#FDFCFA;color:#14233F;font-family:'Archivo',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#14233F}a:hover{color:#C9A227}
::selection{background:#C9A227;color:#0A1225}
@keyframes ro-rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes ro-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ro-flow{to{stroke-dashoffset:-100}}
@keyframes ro-glow{0%,78%{box-shadow:0 0 0 rgba(242,193,78,0);border-color:rgba(244,240,234,.18)}100%{box-shadow:0 0 24px rgba(242,193,78,.35);border-color:rgba(242,193,78,.55)}}
@keyframes ro-rootglow{0%{box-shadow:0 0 30px rgba(242,193,78,.55)}25%,100%{box-shadow:0 8px 28px rgba(0,0,0,.28)}}
@keyframes ro-radar{0%{transform:scale(.55);opacity:.55}100%{transform:scale(1.7);opacity:0}}
@keyframes ro-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
@keyframes ro-pan{0%{transform:scale(1.06) translateX(0)}100%{transform:scale(1.06) translateX(-2.5%)}}
@media(max-width:920px){.ro-depts{grid-template-columns:repeat(2,1fr)!important}.ro-strip{grid-template-columns:repeat(2,1fr)!important}.ro-cards,.ro-cards3,.ro-proj,.ro-story,.ro-contact,.ro-scope{grid-template-columns:1fr!important}.ro-lines{display:none}.ro-tips{grid-template-columns:repeat(2,1fr)!important;margin-top:22px!important}.ro-contact{padding:44px 30px!important}}.ro-mail:hover .ro-mailicon{opacity:1!important;transform:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:#FDFCFA;color:#14233F;font-family:'Archivo',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#14233F}a:hover{color:#C9A227}
::selection{background:#C9A227;color:#0A1225}
@keyframes ro-rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@media(max-width:920px){.ro-svcgrid{grid-template-columns:1fr!important}.ro-svcgrid>div{order:0!important}}
@media(max-width:920px){.ro-cards3{grid-template-columns:1fr!important}.ro-detail{grid-template-columns:1fr!important;gap:10px!important}}
@media(max-width:920px){.ro-founders{grid-template-columns:1fr!important}.ro-profile{grid-template-columns:1fr!important;padding:28px!important}}
html{scroll-behavior:smooth}
body{margin:0;background:#FDFCFA;color:#14233F;font-family:'Archivo',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#14233F}a:hover{color:#C9A227}
::selection{background:#C9A227;color:#0A1225}
@keyframes ro-rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes ro-lift{0%,100%{transform:translateY(0);box-shadow:0 5px 14px rgba(10,18,37,.10)}50%{transform:translateY(-8px);box-shadow:0 20px 42px rgba(10,18,37,.22)}}
.ro-vac{animation:ro-lift 2.6s ease-in-out infinite;background:#fff;border:1px solid rgba(201,162,39,.4)!important;border-radius:10px;padding:14px 16px!important;margin:6px 0}
@media(max-width:920px){.ro-cards3{grid-template-columns:1fr!important}.ro-ladders{grid-template-columns:1fr!important;gap:32px!important}.ro-shifts{grid-template-columns:repeat(2,1fr)!important}.ro-job{padding:28px 22px!important}}

/* hover states */
.hv1:hover{color:#F4F0EA !important}
.hv2:hover{transform:translateY(-1px) !important;box-shadow:0 8px 24px rgba(201,162,39,.35) !important}
.hv3:hover{transform:translateY(-2px) !important;box-shadow:0 18px 44px rgba(201,162,39,.45) !important;color:#0A1225 !important}
.hv4:hover{border-color:#E3B341 !important;background:rgba(227,179,65,.08) !important;color:#F4F0EA !important}
.hv5:hover{transform:translateY(-4px) !important;border-color:rgba(227,179,65,.5) !important;background:rgba(244,240,234,.09) !important;box-shadow:0 18px 44px rgba(244,240,234,.18) !important}
.hv6:hover{color:#C9A227 !important}
.hv7:hover{transform:translateY(-5px) !important;box-shadow:0 24px 60px rgba(10,18,37,.12) !important;border-color:rgba(201,162,39,.45) !important}
.hv8:hover{transform:translateY(-5px) !important;box-shadow:0 24px 60px rgba(10,18,37,.12) !important}
.hv9:hover{border-color:#E3B341 !important;color:#E3B341 !important}
.hv10:hover{border-color:#C9A227 !important;transform:translateY(-3px) !important;box-shadow:0 20px 48px rgba(10,18,37,.16) !important}
.hv11:hover{transform:translateY(-2px) !important;box-shadow:0 16px 36px rgba(10,18,37,.35) !important;color:#FDFCFA !important}
.hv12:hover{border-color:rgba(227,179,65,.5) !important;background:rgba(244,240,234,.06) !important}
.hv13:hover{background:rgba(244,240,234,.06) !important;border-color:rgba(227,179,65,.5) !important}
.hv14:hover{transform:translateY(-2px) !important;color:#0A1225 !important}
.hv15:hover{transform:translateX(4px) !important;border-color:rgba(201,162,39,.4) !important;box-shadow:0 16px 40px rgba(10,18,37,.12) !important}
.hv16:hover{transform:translateY(-2px) !important;color:#FDFCFA !important}
.hv17:hover{transform:scale(1.04) !important}
.hv18:hover{transform:translateY(-4px) !important;border-color:rgba(201,162,39,.4) !important;box-shadow:0 20px 48px rgba(10,18,37,.14) !important}

/* --- responsive nav (mobile menu + link underline) --- */
.ro-navlink{position:relative;transition:color .35s ease}
.ro-navlink::after{content:"";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#E3B341,#C9A227);transition:width .32s cubic-bezier(.22,1,.36,1)}
.ro-navlink:hover::after{width:calc(100% - 28px)}
nav[data-nav-light] .ro-navlink{color:rgba(16,29,54,.75)!important}
nav[data-nav-light] .ro-navlink:hover{color:#101D36!important}
nav[data-nav-light] .ro-brandtext{color:#14233F!important}
nav[data-nav-light] .ro-brandsub{color:#5A6B85!important}
nav[data-nav-light] .ro-menubtn{color:#14233F!important;border-color:rgba(16,29,54,.3)!important}
@media(max-width:920px){
  .ro-desklinks{display:none!important}
  .ro-menubtn{display:block!important}
}
@media(min-width:921px){ .ro-mobilemenu{display:none!important} }
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001s!important;animation-iteration-count:1!important}
  html{scroll-behavior:auto}
}
