/* Homepage only. All content remains visible without JavaScript or motion. */
.motion-title-line{display:inline-block;max-width:100%}
.motion-scene{position:relative}
.motion-orbit{display:none;position:absolute;width:280px;aspect-ratio:1;pointer-events:none;color:var(--blue)}
.home-motion-enabled .motion-orbit{display:block}
.motion-orbit-ring,.motion-orbit-axis{position:absolute;inset:0;border:1px solid currentColor;border-radius:50%}
.motion-orbit-ring{opacity:.18}
.motion-orbit-ring:nth-child(2){inset:16%;border-style:dashed;opacity:.25;transform:rotate(var(--orbit-turn,0deg))}
.motion-orbit-ring:nth-child(3){inset:32%;opacity:.16}
.motion-orbit-axis{border:0;transform:rotate(calc(var(--orbit-turn,0deg) * -.7))}
.motion-orbit-axis:before{content:"";position:absolute;left:50%;top:0;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5}
.motion-orbit-axis:after{content:"";position:absolute;left:50%;top:13%;height:74%;width:1px;background:currentColor;opacity:.12;transform:rotate(35deg)}
.focus-care>.motion-orbit{right:34%;top:68px;transform:translateY(var(--orbit-shift,0px))}
.focus-care .section-heading,.focus-care .focus-grid{position:relative;z-index:1}
.home-motion-enabled .focus-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;transform:scaleX(var(--care-line,0));transform-origin:left;background:linear-gradient(90deg,#416b70,#a1c3b9);pointer-events:none}
.home-motion-enabled .focus-icon{transform:translateY(var(--icon-lift,0px)) rotate(var(--icon-turn,0deg))}
.home-motion-enabled .programs{overflow:hidden;isolation:isolate}
.home-motion-enabled .programs:before{content:"";position:absolute;z-index:-1;width:720px;height:720px;right:-240px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(137,178,167,.16),transparent 66%);transform:translateY(var(--wash-shift,0px));pointer-events:none}
.home-motion-enabled .program-card>img,
.home-motion-enabled .doctor-photo>img,
.home-motion-enabled .tour-card>img{transform:translate3d(0,var(--photo-shift,0px),0) scale(var(--photo-scale,1.06));transition:none}
/* Individual translate/scale compose with the entrance and scroll transforms. */
.home-motion-enabled :is(.focus-card,.program-card,.tour-card,.column-card){translate:0 var(--card-lift,0px);box-shadow:var(--card-shadow,0 0 0 transparent);transition:translate .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s ease,background-color .35s ease,color .35s ease}
.home-motion-enabled .column-grid .column-card:hover{transform:none}
.home-motion-enabled .focus-icon{translate:0 var(--hover-icon-lift,0px);scale:var(--card-zoom,1);transition:translate .55s ease,scale .55s ease,filter .35s ease,opacity .35s ease}
.home-motion-enabled :is(.program-card,.tour-card)>img{scale:var(--card-zoom,1);transition:scale .65s cubic-bezier(.2,.7,.2,1)}
.motion-card-arrow{display:inline-block}
.home-motion-enabled .motion-card-arrow,
.home-motion-enabled .column-card>b{translate:var(--arrow-shift,0px) calc(var(--arrow-shift,0px) * -.6);transition:translate .4s ease}
.home-motion-enabled :is(.focus-card,.program-card,.tour-card,.column-card):focus-visible{--card-lift:-7px;--card-shadow:0 18px 38px rgba(16,40,45,.18);--card-zoom:1.055;--hover-icon-lift:-4px;--arrow-shift:4px;z-index:2;outline:2px solid var(--blue);outline-offset:4px}
@media(hover:hover) and (pointer:fine){
  .home-motion-enabled :is(.focus-card,.program-card,.tour-card,.column-card):hover{--card-lift:-7px;--card-shadow:0 18px 38px rgba(16,40,45,.18);--card-zoom:1.055;--hover-icon-lift:-4px;--arrow-shift:4px;z-index:2}
}
/* Prepare titles too, so readable text never snaps dim when its entrance starts. */
.home-motion-enabled .motion-reveal-pending{opacity:.08}
.home-motion-enabled h2.motion-reveal-pending{opacity:.15}
.home-motion-enabled .system-panels{position:relative}
.home-motion-enabled .system-panel{position:relative;color:rgba(255,255,255,.68);transition:color .35s ease,background-color .35s ease}
.home-motion-enabled .system-panel h3,
.home-motion-enabled .system-panel.active h3{font-size:22px;transition:color .35s ease}
.home-motion-enabled .system-panel.active small,
.home-motion-enabled .system-panel.active p{color:inherit}
.home-motion-enabled .system-panel:before{content:"";position:absolute;left:-18px;top:22px;bottom:22px;width:2px;background:#bedcd4;transform:scaleY(0);transform-origin:top;transition:transform .45s ease}
.home-motion-enabled .system-panel.is-reading{color:#fff;background:linear-gradient(90deg,rgba(158,199,186,.08),transparent 85%)}
.home-motion-enabled .system-panel.is-reading:before{transform:scaleY(1)}
.home-motion-enabled .system-panel.is-reading small,
.home-motion-enabled .system-panel.is-reading p{color:#c4e1df}
.system-copy>.motion-orbit{position:relative;width:150px;margin-top:38px;color:#c4e1df}
/* The decorative child must not change the original paragraph's last-child styling. */
.motion-scene .system-copy>p:not(.eyebrow){max-width:380px;color:rgba(255,255,255,.68);margin-top:28px}
.motion-scene .system-copy h2{word-break:keep-all}
/* Stretch over the explanation row only: sticky copy must stop before the equipment row. */
.system-intro{min-width:0;align-self:stretch}
@media(min-width:1001px) and (min-height:720px){
  .home-motion-enabled .system-copy{position:sticky;top:65px;align-self:start}
}
@media(min-width:761px){
  .motion-scene .system-copy h2{font-size:clamp(30px,3.05vw,46px)}
  /* Asymmetric arcs/markers make desktop rotation legible at a glance. */
  .motion-orbit-ring{border-width:1.5px;opacity:.34}
  .motion-orbit-ring:first-child{transform:rotate(calc(var(--orbit-turn,0deg) * .45))}
  .motion-orbit-ring:first-child:before{content:"";position:absolute;inset:-2px;border:3px solid transparent;border-top-color:currentColor;border-radius:50%}
  .motion-orbit-ring:nth-child(2){opacity:.5}
  .motion-orbit-ring:nth-child(3){inset:28%;border-radius:28%;opacity:.38;transform:rotate(calc(var(--orbit-turn,0deg) * .6))}
  .motion-orbit-axis:before{width:9px;height:9px;opacity:.85}
  .motion-orbit-axis:after{width:1.5px;opacity:.32}
  .system-copy>.motion-orbit{width:210px}
}
@media(min-width:1101px){
  .focus-care>.motion-orbit{width:clamp(300px,26vw,400px);left:50%;right:auto;top:28px;transform:translate(-50%,var(--orbit-shift,0px))}
}
@media(max-width:760px){
  .focus-care>.motion-orbit{width:180px;right:8px;top:55px;opacity:.75}
  .home-motion-enabled .focus-card:after{left:16px;width:calc(100% - 32px)}
  .system-copy>.motion-orbit{display:none}
  .motion-scene .system-copy>p:not(.eyebrow){font-size:14px;margin-bottom:45px}
  .home-motion-enabled .system-panel h3,
  .home-motion-enabled .system-panel.active h3{font-size:19px}
  .home-motion-enabled .system-panel:before{left:-9px;top:24px;bottom:24px}
}
@media print{
  .motion-orbit{display:none!important}
  .home-motion-enabled .system-copy{position:static}
}
