/* cartagena.no designsystem. Generert fra index.html. Ikke rediger uten aa oppdatere alle sider. */
/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .logos-track{width:auto;flex-wrap:wrap;justify-content:center}
  .logos{flex-wrap:wrap;justify-content:center}
  .logos[aria-hidden]{display:none}
  *,*::before,*::after{animation:none !important;transition:none !important}
  .reveal{opacity:1 !important;transform:none !important}
  html{scroll-behavior:auto}
}
/* responsive */
@media(max-width:1100px){
  .nav-links{gap:20px;min-width:0}
  #cta-nav{font-size:13px;padding:10px 16px;white-space:nowrap;min-width:0}
}
@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:30px;grid-template-areas:"copy" "visual" "actions"}
  .diamonds{width:min(320px,72vw)}
  .d-cap{bottom:-34px}
  /* Prevent decorative diamond outline from crossing the CTA on mobile */
  .hero-actions{position:relative;z-index:2}
  .hero-cta{position:relative;z-index:2;margin-top:28px}
  .d-outline{right:-3%;bottom:2%;opacity:.5;z-index:0}
  .cards,.art-grid,.plat-grid,.team{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .step:nth-child(2){border-right:none}
  .why{grid-template-columns:1fr}.why-stat{text-align:left}
  .offices{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .logos img{height:28px;margin-right:36px}
  .hero-cta{margin-top:36px}
  .nav-links{display:none}
  .hamburger{display:flex}
  .nav-right .btn{display:none} .nav-right{gap:10px} .nav-mobile .mob-foot .lang{display:none}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2){border-right:none}
  .stat{border-bottom:1px solid var(--line)}
  .cards,.art-grid,.prod-grid,.plat-grid,.team,.offices{grid-template-columns:1fr}
  .prod-body{padding:22px 22px 26px}
}
.nav-mobile{line-height:1.62;display:none;position:fixed;top:0;left:0;right:0;background:rgba(8,23,48,.97);backdrop-filter:blur(20px);z-index:99;flex-direction:column;padding:90px 28px 34px;gap:6px;transform:translateY(-100%);transition:transform .4s var(--ease)}
.nav-mobile.show{display:flex}
.nav-mobile.open{transform:none}
.nav-mobile a{color:#dfe8f6;font-size:18px;padding:13px 0;border-bottom:1px solid var(--line);font-family:"Schibsted Grotesk";font-weight:500}
.nav-mobile .mob-foot{display:flex;flex-direction:column;gap:14px;margin-top:18px;align-items:stretch}
.nav-mobile .mob-foot .lang{align-self:flex-start}
.nav-mobile .mob-foot .btn-primary{width:100%;justify-content:center;min-height:44px;white-space:normal;word-break:normal;overflow-wrap:normal;text-align:center}