@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/geist-variable-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.breakdance .honeypot{display:none!important}
@media(max-width:700px){}
/* An image replaces the original Oxygen hero background for prioritised loading.
   Keep its cover geometry INSIDE the hero, regardless of viewport height. */
.breakdance .heroMedia{overflow:hidden}
.breakdance .heroMediaImage{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 58%}
@media(max-width:700px){.breakdance .heroMediaImage{object-position:38% 50%}}

/* Pixel-parity hero layers: the original Oxygen design used a single
   cover background plus a left-to-right navy gradient, not an in-flow <img>.
   V2 retains the eager-loading <img> for LCP but treats it as background media.
   This is a site-theme fix, not shared Pixlwrk branding. */
.breakdance .lfcLcpHero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-image:none;
}
.breakdance .lfcLcpHero .lfcLcpMedia{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.breakdance .lfcLcpHero .lfcLcpMediaImage{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center center;
}
.breakdance .lfcLcpHero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(5,18,48,.96),rgba(8,35,80,.72),rgba(8,35,80,.22));
}
.breakdance .lfcLcpHero>.container{position:relative;z-index:2}

/* The shared theme page-hero helper has the same cover-media contract.
   Keep its overlay and content above the image at every breakpoint. */
.breakdance .pageHero:has(>.pageHeroImage){
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.breakdance .pageHero>.pageHeroImage{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center center;
  z-index:0;
}
.breakdance .pageHero>.pageHeroOverlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(5,18,48,.96),rgba(8,35,80,.72),rgba(8,35,80,.22));
}
.breakdance .pageHero>.pageHeroInner{position:relative;z-index:2}

/* Both signed-out and signed-in Members pages now have a photographic
   hero behind the transparent shared header, matching the original Oxygen
   treatment instead of an unrelated solid navigation strip. */
.breakdance.lfc-v2-members-page .siteHeader { background:transparent; }
.breakdance .lfc-v2-members-hero .container { max-width:none; }
.breakdance .lfc-v2-members-hero__content { max-width:790px; }
.breakdance .lfc-v2-members-hero__booking {
  flex-shrink:0;
  max-width:280px;
  padding:18px 0 10px;
  color:#fff;
}
.breakdance .lfc-v2-members-hero__booking .eyebrow { display:block; margin:0 0 12px; }
.breakdance .lfc-v2-members-hero__booking a {
  display:inline-flex;
  gap:12px;
  align-items:center;
  color:#fff;
  font-size:17px;
  font-weight:750;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.65);
  padding-bottom:7px;
}
.breakdance .lfc-v2-members-hero__booking a:focus-visible,
.breakdance .lfc-v2-members-hero__booking a:hover { border-color:#fff; }
.breakdance .lfc-v2-members-hero__booking a:focus-visible { outline:3px solid #80c5f4; outline-offset:4px; }
.breakdance .lfc-v2-members-documents {
  background:#f2f6fa;
  padding-block:clamp(55px,6vw,92px);
  min-height:55vh;
}
.breakdance .lfc-v2-members-documents__intro { margin:0 0 clamp(30px,3vw,42px); }
.breakdance .lfc-v2-members-documents__intro .eyebrow { margin:0 0 15px; }
.breakdance .lfc-v2-members-documents__intro h2 {
  color:#102139;
  font-size:clamp(38px,4.5vw,58px);
  font-weight:500;
  letter-spacing:-.055em;
  line-height:1.06;
  margin:0;
}
@media(max-width:700px) {
  .breakdance .lfc-v2-members-hero__content { max-width:100%; }
  .breakdance .lfc-v2-members-hero__booking { max-width:100%; padding-top:25px; }
  .breakdance .lfc-v2-members-hero h1 { font-size:clamp(42px,12vw,53px); }
}