/* Motion is optional: content and controls remain usable without JavaScript. */
@media(prefers-reduced-motion:no-preference){
 .motion-ready .voyage-copy{animation:bf-arrive .75s cubic-bezier(.2,.7,.2,1) both}
 .motion-ready .voyage-copy .actions{animation:bf-arrive .7s .15s cubic-bezier(.2,.7,.2,1) both}
 .motion-ready .page-hero .lead,.motion-ready .case-intro .lead{animation:bf-arrive .65s .12s ease-out both}
 .motion-ready .compass-art{animation:bf-compass-arrive .8s ease-out both}
 .motion-ready .compass-star-layer{animation:bf-needle-settle .9s cubic-bezier(.16,.75,.25,1) backwards}
 .motion-ready .site-header .logo{animation:bf-arrive .6s ease-out both}
 .motion-ready .compass-menu-hero .voyage-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 45% 70%,#ffc55b1c,transparent 52%);animation:bf-horizon 12s ease-in-out 2 alternate}
 .compass-track-marker{transition:cx .5s cubic-bezier(.22,.75,.2,1),cy .5s cubic-bezier(.22,.75,.2,1),filter .3s}
 .compass-destination-icon{transition:box-shadow .3s,border-color .3s,background .3s,transform .3s}
 .is-pointed .compass-destination-icon{box-shadow:0 0 0 4px #efbd5d15,0 0 24px #efbd5d45}
 .voyage-card,.studio-linkedin-card,.insight-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
 .voyage-card-art img,.case-card-image img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
 .button,.header-quote,.profile-resume-button,.profile-linkedin-button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
 .button>span:last-child,.header-quote>span,.case-card-cta>span,.profile-resume-button>span:last-child,.profile-linkedin-button>span{display:inline-block;transition:transform .2s ease}
 .button:active,.header-quote:active,.profile-resume-button:active,.profile-linkedin-button:active{transform:translateY(1px) scale(.985)}
 .process-grid{position:relative;isolation:isolate}
 .process-grid::before{content:"";position:absolute;z-index:-1;top:25px;left:0;right:0;height:1px;background:linear-gradient(90deg,#e6bb6a70,transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.1s ease}
 .process-grid.is-in-view::before{transform:scaleX(1)}
 .process-grid.is-in-view .number{animation:bf-step-light .9s ease both}
 .process-grid article:nth-child(2) .number{animation-delay:.15s}.process-grid article:nth-child(3) .number{animation-delay:.3s}.process-grid article:nth-child(4) .number{animation-delay:.45s}
 @media(hover:hover) and (pointer:fine){
  .voyage-card:hover,.insight-card:hover{transform:translateY(-5px);border-color:#e7bd768c;box-shadow:0 14px 32px #0003}
  .studio-linkedin-card:hover{transform:translateY(-3px);border-color:#d8b57580}
  .voyage-card:hover .voyage-card-art img{transform:scale(1.035)}
  .case-card-image:hover img{transform:scale(1.025) translateY(-3px)}
  .button:hover>span:last-child,.header-quote:hover>span,.case-card-cta:hover>span,.profile-resume-button:hover>span:last-child,.profile-linkedin-button:hover>span{transform:translateX(4px)}
 }
 @media(max-width:700px){
  .motion-ready .compass-art{animation-duration:.7s}
  .motion-ready .compass-menu-hero .voyage-scene::after{animation:none;opacity:.6}
  .process-grid::before{display:none}
 }
}
@keyframes bf-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes bf-compass-arrive{from{opacity:0}to{opacity:1}}
@keyframes bf-needle-settle{from{transform:rotate(calc(var(--needle-angle) - 12deg))}to{transform:rotate(var(--needle-angle))}}
@keyframes bf-horizon{from{opacity:.25}to{opacity:.85}}
@keyframes bf-step-light{from{color:#a5bac5;filter:brightness(.8)}to{color:#edc77f;filter:brightness(1.1)}}
@media(prefers-reduced-motion:reduce){.compass-star-layer,.compass-track-marker,.compass-destination,.compass-destination-icon{transition:none!important}.motion-ready *, .motion-ready *::before,.motion-ready *::after{animation:none!important;scroll-behavior:auto!important}.voyage-card,.studio-linkedin-card,.insight-card,.case-card-image img{transition:none!important}}
