/* =====================================================================
   360SPIN – PHOTO & CLIP FOCAL POINTS  (one line per photo)
   =====================================================================
   HOW TO MOVE A PHOTO IN ITS FRAME
   Find the photo's line below and change its value. Format: "X% Y%".
     -d = desktop / tablet landscape (screens wider than 860px)
     -m = mobile (860px and narrower)
   X% is the left/right position, Y% is the up/down position of the visible
   window inside the photo:  0% = show the left / top edge, 100% = show the
   right / bottom edge, 50% = dead centre.
   Raise X to bring more of the photo's RIGHT side into view; lower it for more
   of the LEFT.  Raise Y to show more of the BOTTOM (e.g. cut the ceiling, keep the
   legs); lower Y to show more of the TOP (keep the heads).
   Only the axis that is actually being cropped moves anything: a photo that is
   cropped top/bottom ignores X, one cropped left/right ignores Y.
   "50% 50%" (no crop) means the frame matches the photo's shape, so nothing to adjust.
   Photos NOT listed (Glam Booth, Glambot and the Glam "more" panel) are shown whole
   with object-fit:contain, so they are never cropped.
   ===================================================================== */
:root{

  /* ---------- HOME PAGE (index.html) ---------- */
  /* Opening hero clip, Educators’ Ball — desktop: f3047777c0 754x900 frame, no crop; mobile: f3047777c0 390x844 frame, crops 45% of photo */
  --fp-hero-d:50% 50%;  --fp-hero-m:43% 50%;
  /* Gallery frame 1: friends squeeze in (selfie) — desktop: 76fccac543 662x900 frame, no crop; mobile: 76fccac543 390x844 frame, crops 37% of photo */
  --fp-walk1-selfie-d:50% 50%;  --fp-walk1-selfie-m:12% 50%;
  /* Gallery frame 2: lift on the stairs — desktop: c32d1a8259 1440x900 frame, crops 6% of photo; mobile: 3777fcfcac 390x844 frame, crops 15% of photo */
  --fp-walk2-stairs-d:50% 0%;  --fp-walk2-stairs-m:100% 50%;
  /* Gallery frame 3 left: Glam Booth couple — desktop: e6b1ccddb2 719x900 frame, crops 11% of photo; mobile: e6b1ccddb2 390x844 frame, crops 35% of photo */
  --fp-walk3a-glam-couple-d:50% 0%;  --fp-walk3a-glam-couple-m:50% 50%;
  /* Gallery frame 3 right: Glam Booth friends (desktop only) — desktop: c7eb17d934 719x900 frame, crops 3% of photo; mobile: not shown */
  --fp-walk3b-glam-friends-d:50% 0%;  --fp-walk3b-glam-friends-m:50% 50%;
  /* Gallery frame 4: Audio Guest Book pair — desktop: a47b07c01f 662x900 frame, crops 9% of photo; mobile: a47b07c01f 390x844 frame, crops 31% of photo */
  --fp-walk4-audio-book-d:50% 0%;  --fp-walk4-audio-book-m:60% 50%;
  /* Gallery frame 5: Glambot clip — desktop: 73ee88841d 1440x900 frame, crops 10% of photo; mobile: 73ee88841d 390x844 frame, crops 74% of photo */
  --fp-walk5-glambot-d:0% 50%;  --fp-walk5-glambot-m:42% 50%;
  /* Gallery frame 6: group hug — desktop: d6deb949e0 1440x900 frame, no crop; mobile: 1ef9e8c942 390x844 frame, no crop */
  --fp-walk6-group-d:50% 50%;  --fp-walk6-group-m:50% 50%;
  /* "How we look after you" photo 1: bride + friends — desktop: 7911b4c9a5 720x480 frame, no crop; mobile: 7911b4c9a5 390x251 frame, crops 3% of photo */
  --fp-care1-bride-d:50% 50%;  --fp-care1-bride-m:50% 0%;
  /* "How we look after you" photo 2: groomsmen — desktop: 9247937d0d 720x480 frame, no crop; mobile: 9247937d0d 390x251 frame, crops 3% of photo */
  --fp-care2-groomsmen-d:50% 50%;  --fp-care2-groomsmen-m:50% 0%;
  /* Brand tile: McDonald’s clip — desktop: 68870e206b 413x517 frame, crops 30% of photo; mobile: not shown */
  --fp-tile-mcdonalds-d:50% 57%;  --fp-tile-mcdonalds-m:50% 50%;
  /* Brand tile: Boffo Glam Booth couple — desktop: ae520fb2ea 413x517 frame, crops 3% of photo; mobile: ae520fb2ea 167x223 frame, crops 3% of photo */
  --fp-tile-boffo-d:50% 0%;  --fp-tile-boffo-m:100% 50%;
  /* Brand tile: BDO clip — desktop: d9753d718a 413x517 frame, crops 30% of photo; mobile: d9753d718a 167x223 frame, crops 25% of photo */
  --fp-tile-bdo-d:50% 57%;  --fp-tile-bdo-m:50% 58%;
  /* Booths grid: 360 Booth clip — desktop: b8cc3edeb9 298x373 frame, no crop; mobile: not shown */
  --fp-booth-360-clip-d:50% 50%;  --fp-booth-360-clip-m:50% 50%;
  /* Booths grid: Audio Guest Book photo — desktop: 075519ea15 298x373 frame, crops 16% of photo; mobile: not shown */
  --fp-booth-audio-guest-book-d:50% 0%;  --fp-booth-audio-guest-book-m:50% 50%;
  /* Audio Guest Book "more" panel photo — desktop: bcb104168e 520x612 frame, crops 43% of photo; mobile: bcb104168e 342x287 frame, crops 21% of photo */
  --fp-panel-audio-guest-book-d:36% 50%;  --fp-panel-audio-guest-book-m:21% 50%;

  /* ---------- 360 PHOTO BOOTH PAGE (/360-photo-booth-hire-adelaide/) ---------- */
  /* Top of page clip (Educators’ Ball) — desktop: f3047777c0 605x806 frame, crops 10% of photo; mobile: f3047777c0 342x428 frame, crops 5% of photo */
  --fp-lp-hero-d:21% 50%;  --fp-lp-hero-m:0% 50%;
  /* Weddings section photo (stairs lift) — desktop: c32d1a8259 605x756 frame, crops 47% of photo; mobile: 3777fcfcac 342x428 frame, crops 32% of photo */
  --fp-lp-wedding-d:54% 50%;  --fp-lp-wedding-m:50% 6%;
  /* Corporate section clip (BDO) — desktop: d9753d718a 605x806 frame, crops 25% of photo; mobile: d9753d718a 342x428 frame, crops 30% of photo */
  --fp-lp-corporate-d:50% 58%;  --fp-lp-corporate-m:50% 57%;
  /* Birthdays/galas section photo (group hug) — desktop: d6deb949e0 605x756 frame, crops 50% of photo; mobile: 1ef9e8c942 342x428 frame, crops 42% of photo */
  --fp-lp-parties-d:70% 50%;  --fp-lp-parties-m:50% 0%;
}

/* ---- applier: do not edit. Every photo/clip carries data-fp="<name>" and reads its --fp-<name>-d / -m value above ---- */
html body [data-fp][data-fp][data-fp]{object-position:var(--fp-d,50% 50%)!important}
@media (max-width:860px){html body [data-fp][data-fp][data-fp]{object-position:var(--fp-m,50% 50%)!important}}