/* P0013A — single-line desktop navigation, arrow removal and luminous proposal CTA */
@property --proposal-border-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}
@media(min-width:1101px){
  .primary-nav{column-gap:clamp(.85rem,1.55vw,1.7rem)}
  .nav-links{flex:0 1 auto;min-width:0}
  .nav-links>a,.nav-dropdown,.nav-dropdown>summary{flex-shrink:0;white-space:nowrap}
  .nav-links>a[href="/clients"]{min-width:max-content;white-space:nowrap}
  .nav-dropdown>summary::after{content:none!important;display:none!important;margin:0!important}
  .primary-nav>.button-small{
    --proposal-border-angle:0deg;
    animation:proposal-border-rotation 4.2s linear infinite,proposal-glow-breathe 2.8s ease-in-out infinite;
    background:
      linear-gradient(135deg,#087fc0,#3e3b9c) padding-box,
      conic-gradient(from var(--proposal-border-angle),#5ee8ff,#087fc0 22%,#826eff 48%,#ffffff 62%,#5ee8ff 82%,#087fc0) border-box;
    border:2px solid transparent;
    box-shadow:0 .7rem 1.7rem rgba(9,116,185,.24),0 0 0 1px rgba(95,224,255,.08);
    flex:0 0 auto;
    isolation:isolate;
    min-width:max-content;
    overflow:hidden;
    position:relative;
    transform:translateZ(0);
    transition:box-shadow .3s ease,filter .3s ease,transform .3s ease;
    white-space:nowrap;
  }
  .primary-nav>.button-small::before{
    background:linear-gradient(108deg,transparent 20%,rgba(255,255,255,.42) 48%,transparent 76%);
    content:"";
    inset:0;
    pointer-events:none;
    position:absolute;
    transform:translateX(-145%);
    transition:transform .75s ease;
  }
  .primary-nav>.button-small:hover,.primary-nav>.button-small:focus-visible{
    box-shadow:0 1rem 2.2rem rgba(9,116,185,.32),0 0 1.25rem rgba(88,222,255,.38),0 0 2.2rem rgba(112,83,255,.2);
    filter:saturate(1.12);
    transform:translateY(-2px);
  }
  .primary-nav>.button-small:hover::before,.primary-nav>.button-small:focus-visible::before{transform:translateX(145%)}
}
@keyframes proposal-border-rotation{to{--proposal-border-angle:360deg}}
@keyframes proposal-glow-breathe{50%{box-shadow:0 .9rem 2rem rgba(9,116,185,.31),0 0 1rem rgba(84,225,255,.28)}}
@media(max-width:1180px) and (min-width:1101px){
  .primary-nav{column-gap:.72rem}
  .nav-links{gap:.12rem}
  .nav-links>a,.nav-dropdown>summary{padding-inline:.58rem}
  .primary-nav>.button-small{padding-inline:.8rem}
}
@media(prefers-reduced-motion:reduce){
  .primary-nav>.button-small{animation:none}
  .primary-nav>.button-small::before{display:none}
}
