/* SHEM EANSIT — The Soft Reveal
   Motion accents only: does not change positioning, fonts, colors, or cards.
   All content remains visible and operable without animation. */
#main .se-home-feature,
#main .se-home-destination,
#main .mode-card,
#main .ref-resource,
#main .resource-card,
#main .tool-panel,
#main .ol-community-row,
#main .guide-move,
#main .guide-response-card,
#main .se-intel-continue,
#main .guide-action-stack .btn,
#main .guide-after-save-actions .btn{
  backface-visibility:hidden;
}
/* Only decorative arrows respond to tap; essential controls do not move. */
@media(hover:hover) and (pointer:fine){
  #main .se-home-feature:hover .se-home-feature-action svg,
  #main .se-home-destination:hover .se-home-chevron svg{
    transform:translateX(3px);
  }
}
#main .se-home-feature-action svg,
#main .se-home-chevron svg{
  transition:transform 240ms cubic-bezier(.2,.65,.35,1);
}
#main .se-home-feature:active .se-home-feature-action svg,
#main .se-home-destination:active .se-home-chevron svg{
  transform:translateX(2px);
}
@media(prefers-reduced-motion:reduce){
  #main .se-home-feature-action svg,
  #main .se-home-chevron svg{
    transition:none!important;transform:none!important;
  }
}


/* BREEZE ARRIVAL v3 — development only
   The user's reference is a weightless fall, like light curtains descending
   and softly finding their resting place. Real movement, not opacity-only.
   Stable safety controls, private text, forms, and bottom nav never move.
   All geometry, colors, type, photography and button functions are preserved. */

@keyframes se-breeze-logo {
  0%   {opacity:.01;transform:translate3d(0,-42px,0) rotate(-1.45deg)}
  56%  {opacity:1;transform:translate3d(0,6px,0) rotate(.38deg)}
  74%  {opacity:1;transform:translate3d(0,-3px,0) rotate(-.18deg)}
  89%  {opacity:1;transform:translate3d(0,1px,0) rotate(.07deg)}
  100% {opacity:1;transform:translate3d(0,0,0) rotate(0)}
}
@keyframes se-breeze-photo {
  0%   {opacity:.18;transform:translate3d(0,-45px,0) rotate(.85deg)}
  60%  {opacity:1;transform:translate3d(0,5px,0) rotate(-.28deg)}
  78%  {transform:translate3d(0,-2px,0) rotate(.1deg)}
  100% {opacity:1;transform:translate3d(0,0,0) rotate(0)}
}
@keyframes se-breeze-button {
  0%   {opacity:.01;transform:translate3d(0,-86px,0) rotate(-2.65deg)}
  50%  {opacity:1;transform:translate3d(0,9px,0) rotate(.68deg)}
  69%  {opacity:1;transform:translate3d(0,-5px,0) rotate(-.35deg)}
  83%  {transform:translate3d(0,2.5px,0) rotate(.14deg)}
  93%  {transform:translate3d(0,-.8px,0) rotate(-.04deg)}
  100% {opacity:1;transform:translate3d(0,0,0) rotate(0)}
}
@keyframes se-breeze-light {
  0%   {opacity:.05;transform:translate3d(0,-32px,0) rotate(.9deg)}
  63%  {opacity:1;transform:translate3d(0,4px,0) rotate(-.18deg)}
  83%  {transform:translate3d(0,-1.5px,0) rotate(.07deg)}
  100% {opacity:1;transform:translate3d(0,0,0) rotate(0)}
}

/* The arrival: logo first, photograph floating in, then both actions gently land. */
#main .ol-welcome .ol-welcome-brand{
  animation:se-breeze-logo 1450ms cubic-bezier(.18,.63,.26,1) 30ms both;
  transform-origin:50% 0;
}
#main .ol-welcome .ol-arch{
  animation:se-breeze-photo 1550ms cubic-bezier(.19,.68,.28,1) 230ms both;
  transform-origin:50% 5%;
}
#main .ol-welcome #olGetStarted{
  animation:se-breeze-button 1830ms cubic-bezier(.20,.66,.29,1) 700ms both;
  transform-origin:50% 0;
}
#main .ol-welcome .ol-welcome-actions > p{
  animation:se-breeze-light 1380ms cubic-bezier(.23,.69,.27,1) 1150ms both;
  transform-origin:50% 0;
}

/* Welcome-to-auth remains editorial: image/copy settle, forms stay still. */
#main .ol-auth-topline{
  animation:se-breeze-light 810ms cubic-bezier(.22,.72,.3,1) 0ms both;
}
#main .ol-auth-scene{
  animation:se-breeze-photo 1170ms cubic-bezier(.2,.69,.27,1) 120ms both;
  transform-origin:50% 0;
}
#main .ol-auth-head{
  animation:se-breeze-light 1050ms cubic-bezier(.23,.69,.3,1) 240ms both;
}

/* Member arrival: a soft cascade of real buttons, not floating icons. */
#main .se-home-welcome{
  animation:se-breeze-light 970ms cubic-bezier(.2,.72,.3,1) 0ms both;
}
#main .se-home-spaces .se-home-feature{
  animation:se-breeze-button 1450ms cubic-bezier(.2,.69,.3,1) 300ms both;
  transform-origin:50% 0;
}
#main .se-home-spaces .se-home-section-title{
  animation:se-breeze-light 1020ms cubic-bezier(.2,.7,.3,1) 410ms both;
}
#main .se-home-spaces .se-home-destination[data-go="explore"]{
  animation:se-breeze-button 1490ms cubic-bezier(.2,.69,.3,1) 570ms both;
  transform-origin:50% 0;
}
#main .se-home-spaces .se-home-destination[data-go="private"]{
  animation:se-breeze-button 1490ms cubic-bezier(.2,.69,.3,1) 810ms both;
  transform-origin:50% 0;
}
#main .se-home-spaces .se-home-destination[data-go="community"]{
  animation:se-breeze-button 1490ms cubic-bezier(.2,.69,.3,1) 1050ms both;
  transform-origin:50% 0;
}

/* Onboarding buttons arrive in sequence before any personal data is entered. */
#app .se-onboarding-choices > .se-onboarding-choice{
  animation:se-breeze-light 1050ms cubic-bezier(.2,.69,.3,1) both;
}
#app .se-onboarding-choices > .se-onboarding-choice:nth-child(1){animation-delay:90ms}
#app .se-onboarding-choices > .se-onboarding-choice:nth-child(2){animation-delay:250ms}
#app .se-onboarding-choices > .se-onboarding-choice:nth-child(3){animation-delay:410ms}
#app .se-onboarding-choices > .se-onboarding-choice:nth-child(4){animation-delay:570ms}
#app .se-onboarding-choices > .se-onboarding-choice:nth-child(5){animation-delay:730ms}

/* Guide choices and final decisions, never the member's typed content. */
#main .mode-grid > .mode-card{
  animation:se-breeze-button 1270ms cubic-bezier(.2,.69,.3,1) both;
}
#main .mode-grid > .mode-card:nth-child(1){animation-delay:95ms}
#main .mode-grid > .mode-card:nth-child(2){animation-delay:275ms}
#main .mode-grid > .mode-card:nth-child(3){animation-delay:455ms}
#main .mode-grid > .mode-card:nth-child(4){animation-delay:635ms}
#main .guide-action-stack > .btn,
#main .guide-after-save-actions > .btn{
  animation:se-breeze-light 1060ms cubic-bezier(.2,.69,.3,1) both;
}
#main .guide-action-stack > .btn:nth-child(1),
#main .guide-after-save-actions > .btn:nth-child(1){animation-delay:100ms}
#main .guide-action-stack > .btn:nth-child(2),
#main .guide-after-save-actions > .btn:nth-child(2){animation-delay:290ms}
#main .guide-action-stack > .btn:nth-child(3),
#main .guide-after-save-actions > .btn:nth-child(3){animation-delay:480ms}

/* No flutter during tapping, no inherited animation on privacy actions.
   Keep reduced-motion accessibility immediate and fully visible. */
@media(prefers-reduced-motion:reduce){
  #main .ol-welcome .ol-welcome-brand,
  #main .ol-welcome .ol-arch,
  #main .ol-welcome #olGetStarted,
  #main .ol-welcome .ol-welcome-actions > p,
  #main .ol-auth-topline,
  #main .ol-auth-scene,
  #main .ol-auth-head,
  #main .se-home-welcome,
  #main .se-home-spaces .se-home-feature,
  #main .se-home-spaces .se-home-section-title,
  #main .se-home-spaces .se-home-destination,
  #main .mode-grid > .mode-card,
  #main .guide-action-stack > .btn,
  #main .guide-after-save-actions > .btn,
  #app .se-onboarding-choices > .se-onboarding-choice{
    animation:none!important;
    transform:none!important;
    opacity:1!important;
  }
}