/* Desktop performance layer: loaded for screens 720px and wider only (phones are untouched).
   Decorative loops stop after one play, cards are flat layers instead of nested 3D scenes,
   and masks/blurs exist only where they are visible on screen. */
@media(min-width:720px){
  /* ---- Services carousel: one flat layer per card ---- */
  .services .card{transform-style:flat!important;backface-visibility:visible!important;will-change:auto!important;-webkit-box-reflect:none!important}
  .services .card .cp,.services .ctiers,.services .card .ico.big{transform:none!important}
  /* only the few cards near the centre are real 3D layers; the rest are plain scaled cards */
  .services .card:not(.live){transform:scale(var(--sc,1)) scaleX(cos(var(--ry,0deg))) skewY(calc(var(--ry,0deg) * -.12))!important}
  .services .card:not(.live)::before,.services .card::after{display:none!important}
  

  /* section backgrounds are static images: no permanent GPU layer for each one */
  main>section:not(.hero)::before{will-change:auto!important;translate:none!important;scale:1!important}

  /* decorative masked/conic borders become plain borders (they only ever rested still after the loops were stopped) */
  .t-card::after,.celeb::after,.steps li::after{display:none!important}
  .celeb-media::before{background:none!important;-webkit-mask:none!important;mask:none!important;border:2px dotted rgba(232,190,100,.7);box-sizing:border-box}

  /* shadows: same depth, much smaller blur radius (large blurred shadows are the costliest thing to paint) */
  .t-card{box-shadow:0 14px 24px -14px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.5),inset 0 1px 0 #fff!important}
  .services .card{box-shadow:0 16px 26px -16px rgba(60,35,5,.55),inset 0 1px 0 #fff!important}
  .celeb{box-shadow:0 12px 20px -12px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.1)!important}
  .celeb:hover{box-shadow:0 16px 26px -12px rgba(0,0,0,.9),0 0 0 1px rgba(217,178,106,.25),inset 0 1px 0 rgba(255,255,255,.14)!important}
  .insights .post{box-shadow:0 16px 28px -16px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.14)!important}
  .cta-box{box-shadow:0 16px 32px -14px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.2)!important}
  .btn,.btn-gold{box-shadow:0 8px 14px -8px rgba(100,65,15,.7)!important}
  .btn,.btn *,.btn::before,.btn::after{text-shadow:none!important}
  .services .card .cp,b.cp{box-shadow:0 8px 12px -6px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.2)!important}
  /* soft glows behind big headings: a tight shadow instead of a 14-24px blur */
  h2,h2 .ln,h2 span,.sec-head h2,.eyebrow{text-shadow:0 1px 6px rgba(0,0,0,.35)!important}
  .services h2,.celebs h2,.why h2{text-shadow:none!important}

  /* The travelling gold light on the centred service card.
     It used to repaint a masked conic gradient on every frame (the main cause of the choppy scroll).
     Now a gold-lit square simply rotates behind the card face, which the GPU does for free. */
  .services .card.live{background:transparent!important;border-color:transparent!important;overflow:hidden;isolation:isolate;border-radius:22px}
  .services .card.live::before{display:block!important;content:"";position:absolute;inset:-35%;z-index:-2;padding:0;-webkit-mask:none!important;mask:none!important;filter:none!important;opacity:1!important;
    background:conic-gradient(rgba(184,136,60,.4) 0deg,rgba(184,136,60,.4) 250deg,rgba(255,210,90,.55) 295deg,#ffd45a 338deg,#fff 359deg,rgba(184,136,60,.4) 360deg);
    animation:pk-ring-spin 7s linear infinite!important;will-change:transform}
  .services .card.live::after{display:block!important;content:"";position:absolute;inset:2px;border-radius:20px;z-index:-1;padding:0;-webkit-mask:none!important;mask:none!important;filter:none!important;opacity:1!important;animation:none!important;
    background:radial-gradient(120% 70% at 50% 0%,rgba(255,255,255,.95),rgba(255,255,255,0) 60%),linear-gradient(165deg,#fffdf8 0%,#f6ead2 55%,#ecd9b3 100%)}
  @keyframes pk-ring-spin{to{transform:rotate(360deg)}}

  /* cards keep their tilt, but their inner pieces are no longer separate 3D layers */
  .celeb *,.celeb-media,.tiles div *,.tiles div::before,.tiles div::after,.steps li *,.steps li::before,.steps li::after,
  .insights .post *,.insights .post::before,.insights .post::after,.about .stats *,.about .stats div::before,.about .stats div::after{transform:none!important;transform-style:flat!important}
  /* glass without the live blur: a darker translucent panel looks the same and costs nothing to scroll */
  .insights .post{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(160deg,rgba(32,22,13,.9),rgba(14,9,5,.88))!important}
  .insights .post::after{display:none!important}
  .about .stats>div{transform-style:flat!important}
}