/* Shared rotating drone stills — Favourite photos + opted-in shoots */

.pks-bg{

  position:fixed;inset:0;z-index:0;background:#000;pointer-events:none;overflow:hidden;

}

.pks-bg-stack{position:absolute;inset:0;overflow:hidden}

.pks-bg-layer{

  position:absolute;inset:0;background:#000 center 35%/cover no-repeat;

  opacity:0;transition:opacity 1.4s ease;

}

.pks-bg-layer.is-on{opacity:1}

.pks-bg-stack::after{

  content:"";position:absolute;inset:0;z-index:1;background:transparent;transition:background .6s ease;

}

.pks-bg.has-stills .pks-bg-stack::after{

  background:

    linear-gradient(180deg,rgba(16,5,5,.28) 0%,rgba(16,5,5,.55) 42%,rgba(0,0,0,.88) 78%,#000 100%),

    radial-gradient(ellipse at 50% 0%,rgba(50,18,18,.25),transparent 55%);

}



/* Home-style top band with fade (matches former .hero-photo) */

.pks-bg--band{

  top:0;left:0;right:0;bottom:auto;height:min(72vh,620px);

  background:transparent;overflow:visible;

}

.pks-bg--band .pks-bg-stack{

  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0,rgba(0,0,0,.85) 45%,transparent 100%);

  mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0,rgba(0,0,0,.85) 45%,transparent 100%);

}

.pks-bg--band.has-stills .pks-bg-stack::after{

  background:linear-gradient(to bottom,rgba(16,5,5,.25) 0,rgba(16,5,5,.55) 55%,#000 100%);

}



/* Drone page overlay (cooler sky wash) */

.pks-bg--drone.has-stills .pks-bg-stack::after{

  background:

    linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.72) 42%,rgba(0,0,0,.94) 78%,#000 100%),

    radial-gradient(ellipse at 70% 20%,rgba(94,200,242,.12),transparent 50%);

}



/* Body sibling of .pks-bg — must NOT nest inside z-index:0 stacking context */

.pks-bg-credit{

  position:fixed;left:16px;bottom:14px;z-index:40;margin:0;

  display:inline-flex;align-items:center;gap:6px;

  font-family:system-ui,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.04em;

  color:rgba(255,255,255,.78);text-shadow:0 1px 2px rgba(0,0,0,.8);

  text-decoration:none;opacity:0;transition:opacity .6s ease,color .15s ease;

  pointer-events:none;user-select:none;

}

.pks-bg-credit.is-visible{opacity:1;pointer-events:auto}

.pks-bg-credit:hover{color:#fff}

.pks-bg-credit svg{

  width:13px;height:13px;flex-shrink:0;

  stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;

}