/* Stitch premium black-club photographs. Responsive composition and seamless black fades. */

body.us-landing.landing-photography .us-hero-media {
  margin-top: 0;
}

body.us-landing.landing-photography .us-hero-support-frame {
  position: relative;
  inset: auto;
}

body.us-landing.landing-photography .us-hero-support {
  position: relative;
  inset: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 36px;
  width: 100%;
  max-width: none;
  margin: 12px auto 32px;
  padding: 0;
  text-align: center;
}

body.us-landing.landing-photography .us-hero-support::before {
  display: none;
}

body.us-landing.landing-photography .us-hero-support .us-button {
  width: auto;
  margin: 0;
}

body.us-landing.landing-photography .us-hero-differentiator {
  margin: 0;
  font-size: 18px;
  text-align: left;
}

body.us-landing.landing-photography .us-hero-heading {
  padding-bottom: 16px;
}

body.us-landing.landing-photography .us-cinematic-photo {
  margin: 0;
}

/* Fade the complete hero composition so the photo and projected screen share one edge. */
body.us-landing.landing-photography .us-cinematic-photo .stitch-scene {
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, #000 4%, #000 96%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to right, transparent 0%, #000 4%, #000 96%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);
  mask-composite: intersect;
}

body.us-landing.landing-photography .us-member-scene .us-scene-scrim {
  background: none;
}

body.us-landing.landing-photography .us-remote-scene .us-scene-scrim {
  background: none;
}

body.us-landing.landing-photography .us-final-scene .us-scene-scrim {
  background: none;
}

body.us-landing.landing-photography .us-final-scene .us-scene-background::after {
  content: none;
}

body.us-landing.landing-photography .us-final-scene {
  background: #000;
}

body.us-landing.landing-photography :is(.us-member-scene, .us-remote-scene) {
  border-block-color: transparent;
}

body.us-landing.landing-photography .landing-coaching-photo {
  overflow: hidden;
  padding: 0;
  border: 0;
  background: transparent;
}

/* Keep the member in the full, natural composition and fade the image before copy/device. */
@media (min-width: 1101px) {
  body.us-landing.landing-photography .us-member-scene .us-scene-background {
    left: 0;
    right: auto;
    width: 100%;
    -webkit-mask-image:
      linear-gradient(to right, transparent 0%, #000 4%, #000 31%, transparent 54%),
      linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(to right, transparent 0%, #000 4%, #000 31%, transparent 54%),
      linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);
    mask-composite: intersect;
  }
}

/* The remote copy sits on black; the side fade reveals the subject to its right. */
body.us-landing.landing-photography .us-remote-scene .us-scene-background {
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, transparent 42%, #000 52%, #000 96%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to right, transparent 0%, transparent 42%, #000 52%, #000 96%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);
  mask-composite: intersect;
}

/* The closing photo fades only at its outer edges; no scrim crosses the people. */
body.us-landing.landing-photography .us-final-scene .us-scene-background {
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, #000 4%, #000 96%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to right, transparent 0%, #000 4%, #000 96%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);
  mask-composite: intersect;
}

@media (max-width: 1100px) {
  body.us-landing.landing-photography :is(.us-member-scene, .us-remote-scene) .us-scene-background {
    position: relative;
    inset: auto;
    display: block;
    width: 100%;
    height: auto;
  }

  body.us-landing.landing-photography :is(.us-member-scene, .us-remote-scene, .us-final-scene) .us-scene-background {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);
  }

  body.us-landing.landing-photography .us-member-scene .us-scene-background img {
    width: 100%;
    height: auto;
    max-height: 640px;
    object-fit: contain;
  }

  body.us-landing.landing-photography .us-remote-scene .us-scene-background img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  body.us-landing.landing-photography :is(.us-member-scene, .us-remote-scene) .us-scene-scrim {
    display: none;
  }

  body.us-landing.landing-photography :is(.us-member-scene, .us-remote-scene) .us-scene-content {
    min-height: 0;
    padding-block: 28px 56px;
  }
}

@media (max-width: 760px) {
  body.us-landing.landing-photography .us-final-scene .us-scene-background {
    top: 0;
    bottom: auto;
    height: auto;
    aspect-ratio: 1376 / 768;
  }

  body.us-landing.landing-photography .us-final-scene .us-scene-content {
    min-height: 0;
    padding-top: 58%;
  }

  body.us-landing.landing-photography .us-hero-support {
    gap: 18px;
    flex-direction: column;
    align-items: flex-start;
    margin: 10px 0 28px;
    text-align: left;
  }

  body.us-landing.landing-photography .us-hero-differentiator {
    font-size: 18px;
  }

  body.us-landing.landing-photography .us-hero-support .us-button {
    min-height: 48px;
  }

  body.us-landing.landing-photography .us-member-scene .us-scene-content {
    padding-top: 24px;
  }
}

/* Preserve each entire closing photograph; keep the CTA clear of faces. */
body.us-landing.landing-photography .us-final-scene { display: block; min-height: 0; }
body.us-landing.landing-photography .us-final-scene .us-scene-background { position: relative; inset: auto; display: block; width: 100%; height: auto; aspect-ratio: 1376 / 768; }
body.us-landing.landing-photography .us-final-scene .us-scene-background img { width: 100%; height: auto; object-fit: contain; }
body.us-landing.landing-photography .us-final-scene .us-scene-content { min-height: 0; padding: 24px 0 64px; }

/* The founder's chosen photograph is the hero background, with copy in its quiet left edge. */
body.us-landing.landing-founder .us-hero {
  isolation: isolate;
  overflow: hidden;
  min-height: 780px;
  padding: 128px 0 108px;
  background: #000;
}
body.us-landing.landing-founder .us-cinematic-photo {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: auto;
  max-width: none;
  height: 100%;
  mask-image: linear-gradient(to right, transparent, #000 12%, #000 94%, transparent), linear-gradient(to bottom, transparent, #000 16%, #000 78%, transparent);
  mask-composite: intersect;
}
body.us-landing.landing-founder .landing-founder-hero {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  filter: brightness(.94);
}
body.us-landing.landing-founder .us-hero::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #000c 0%, #0009 28%, #0005 45%, transparent 62%);
}
body.us-landing.landing-founder .us-hero h1 {
  text-align: left;
  font-size: clamp(56px, 5.4vw, 80px);
  line-height: 1.1;
}
body.us-landing.landing-founder .us-hero h1 [data-hero-quake] {
  font-size: clamp(36px, 3.35vw, 49px);
  margin-top: 18px;
}
body.us-landing.landing-founder :is(.us-hero-subtitle, .us-hero-audience) {
  margin-left: 0;
  max-width: 530px;
  text-align: left;
}
body.us-landing.landing-founder .us-hero-subtitle { font-size: 24px; }
body.us-landing.landing-founder .us-hero-audience { font-size: 16px; }
body.us-landing.landing-founder .us-hero-support {
  align-items: flex-start;
  flex-direction: column;
  gap: 22px;
  margin-top: 24px;
}
@media (max-width: 1000px) {
  body.us-landing.landing-founder .us-hero {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 42px 0 32px;
  }
  body.us-landing.landing-founder .us-hero::after { display: none; }
  body.us-landing.landing-founder .us-hero-heading { order: 0; padding-bottom: 0; }
  body.us-landing.landing-founder .us-hero h1 { font-size: clamp(34px, 7vw, 64px); }
  body.us-landing.landing-founder .us-hero h1 [data-hero-quake] { font-size: clamp(22px, 4.6vw, 42px); margin-top: 12px; }
  body.us-landing.landing-founder .us-hero-subtitle { font-size: 19px; max-width: 580px; }
  body.us-landing.landing-founder .us-hero-audience { font-size: 14px; }
  body.us-landing.landing-founder .us-cinematic-photo {
    position: relative;
    order: 1;
    z-index: 0;
    inset: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 1376 / 768;
    margin: 12px 0 0;
    mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 78%, transparent);
  }
  body.us-landing.landing-founder .landing-founder-hero { object-fit: contain; filter: brightness(.94); }
  body.us-landing.landing-founder .us-hero-media { order: 2; }
  body.us-landing.landing-founder .us-hero-support { margin: 0; gap: 18px; }
}

/* Match the photographed display's perspective and ambient light. */
.landing-coaching-photo .photo-stage .environment { width: 1376px; height: 768px; }
.landing-coaching-photo .physical-screen { filter: brightness(.62) saturate(.7) contrast(.92) blur(.3px); }
.landing-coaching-photo .physical-screen::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg,#a9d5c51a,transparent 50%,#0003); pointer-events: none; }
body.us-landing.landing-founder .us-hero-action-word { margin-right: .16em; }
html[lang="el"] body.us-landing.landing-founder .us-hero h1 { max-width: none; margin-inline: 0; }

/* Lead with the product category, then offer a clear path to the working flow. */
body.us-landing.landing-founder .us-hero-category {
  margin: 0 0 22px;
  color: #a5ae9e;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: .06em;
}
body.us-landing.landing-founder .us-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 26px;
}
body.us-landing.landing-founder .us-hero-tour {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  color: #e5e8e1;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  text-underline-offset: 5px;
}
body.us-landing.landing-founder .us-hero-tour:is(:hover,:focus-visible) {
  color: var(--us-accent, #a6ee16);
  text-decoration: underline;
}
@media (max-width: 600px) {
  body.us-landing.landing-photography .us-header-inner { gap: 10px; }
  body.us-landing.landing-photography .us-menu-toggle { padding-inline: 12px; font-size: 13px; white-space: nowrap; }
  body.us-landing.landing-founder .us-hero-category { font-size: 11px; margin-bottom: 16px; letter-spacing: .025em; }
  body.us-landing.landing-founder .us-hero-actions { gap: 10px 20px; }
  body.us-landing.landing-founder .us-hero-tour { font-size: 13px; }
}

/* The wide member photo leaves a naturally quiet right side for product proof. */
@media (min-width: 1101px) {
  body.us-landing.landing-photography .us-member-scene .us-scene-content { min-height: 800px; }
  body.us-landing.landing-photography .us-member-scene .us-scene-background img { object-position: center; }
}
/* Fade the photograph and its real TV display as one composition. */
body.us-landing.landing-photography .landing-coaching-photo {
  mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent), linear-gradient(to bottom, transparent, #000 5%, #000 94%, transparent);
  mask-composite: intersect;
}
@media (max-width: 600px) {
  body.us-landing.landing-photography :is(.us-member-scene, .us-remote-scene) .us-scene-background { aspect-ratio: 4 / 3; }
  body.us-landing.landing-photography :is(.us-member-scene, .us-remote-scene) .us-scene-background img { height: 100%; object-fit: cover; }
  body.us-landing.landing-photography .us-member-scene .us-scene-background img { object-position: 22% center; }
  body.us-landing.landing-photography .us-remote-scene .us-scene-background img { object-position: 85% center; }
}

/* Exact founder-selected photographs; screen projections travel with the photo. */
.selected-photo-scene { position: relative; width: 100%; overflow: hidden; isolation: isolate; background: #000; }
.selected-photo-scene .photo-stage, .selected-photo-scene .projection-stage { position: absolute; inset: 0 auto auto 0; transform-origin: 0 0; }
.selected-photo-scene .projection-stage { pointer-events: none; }
body.us-landing.landing-selected .us-hero[data-cinematic-hero] .projection-stage { opacity: 1; }
.selected-photo-scene .photo-stage .environment { display: block; width: 100%; height: 100%; max-width: none; object-fit: fill; }
.selected-photo-scene .physical-screen { background: #080b0b; filter: brightness(.84) saturate(.72) contrast(.93) blur(3px); }
.selected-photo-scene .physical-screen::after { content: ''; position: absolute; inset: 0; background: linear-gradient(125deg,#9fc5bd13,transparent 55%,#0002); pointer-events: none; }
.selected-member-phone .physical-screen { filter: brightness(.84) saturate(.68) contrast(.93) blur(3px); }
.selected-gym-tv .physical-screen { filter: brightness(.92) saturate(.74) contrast(.92) blur(2.5px); }

body.us-landing.landing-selected .us-hero { min-height: max(850px,calc(55.82vw + 110px)); padding-top: 60px; }
body.us-landing.landing-selected .us-cinematic-photo { inset: 125px 0 auto; height: auto; mask-image: linear-gradient(to bottom,transparent,#000 9%,#000 86%,transparent); }
body.us-landing.landing-selected .us-hero::after { background: linear-gradient(90deg,#0009,#0006 25%,transparent 44%); }
body.us-landing.landing-selected .us-hero-subtitle { max-width: 470px; }
body.us-landing.landing-selected .us-hero-audience { max-width: 430px; }
body.us-landing.landing-selected .us-hero-support { max-width: 440px; margin-left: 0; }

/* Portraits retain their natural framing; the fade belongs to the photo's edge. */
@media (min-width: 1101px) {
 body.us-landing.landing-selected .us-member-scene .us-scene-background {
  left: 0; right: auto; width: min(45%,640px); height: 100%; display: flex; align-items: center;
  mask-image: linear-gradient(to right,transparent,#000 7%,#000 80%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 86%,transparent);
  mask-composite: intersect;
 }
 body.us-landing.landing-selected .us-member-scene .us-scene-content { min-height: 960px; align-content: center; }
 body.us-landing.landing-selected .us-remote-scene .us-scene-background {
  left: auto; right: 0; width: 50%; max-width: 760px; height: 100%;
  mask-image: linear-gradient(to right,transparent,#000 20%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 87%,transparent);
  mask-composite: intersect;
 }
 body.us-landing.landing-selected .us-remote-scene .us-scene-background img { object-position: center 35%; }
 body.us-landing.landing-selected .us-remote-scene .us-scene-content { min-height: 880px; }
}
@media (max-width: 1200px) {
 body.us-landing.landing-selected .us-hero { display: flex; flex-direction: column; min-height: 0; padding: 42px 0 32px; }
 body.us-landing.landing-selected .us-hero::after { display: none; }
 body.us-landing.landing-selected .us-hero-heading { order: 0; padding-bottom: 0; }
 body.us-landing.landing-selected .us-cinematic-photo { position: relative; order: 1; z-index: 0; inset: auto; width: 100%; height: auto; aspect-ratio: auto; margin: 12px 0 0; }
 body.us-landing.landing-selected .us-hero-media { order: 2; }
 body.us-landing.landing-selected .us-hero-support { max-width: none; margin: 0; gap: 18px; }
}
@media (max-width: 1100px) {
 body.us-landing.landing-selected :is(.us-member-scene,.us-remote-scene) .us-scene-background {
  width: min(100%,520px); height: auto; aspect-ratio: auto; margin-inline: auto;
  mask-image: linear-gradient(to bottom,transparent,#000 5%,#000 89%,transparent);
 }
 body.us-landing.landing-selected .us-member-scene .us-scene-background { max-height: 680px; }
 body.us-landing.landing-selected .us-remote-scene .us-scene-background img { width: 100%; height: auto; max-height: 680px; object-fit: cover; object-position: center 30%; }
}
@media (max-width: 600px) {
 body.us-landing.landing-selected :is(.us-member-scene,.us-remote-scene) .us-scene-background { max-height: 580px; }
 body.us-landing.landing-selected .us-remote-scene .us-scene-background img { height: 580px; }
}

/* More photographs, same layout footprint. Controls remain above the edge fades. */
.photo-gallery { position: relative; width: 100%; height: 100%; isolation: isolate; touch-action: pan-y; pointer-events: auto; }
.photo-gallery [data-photo-slide] { position: absolute; inset: 0; width: 100%; height: 100%; }
.photo-gallery [data-photo-slide][hidden] { display: none; }
.photo-gallery--landscape { aspect-ratio: 1376 / 768; height: auto; }
.photo-gallery-controls { position: absolute; z-index: 5; bottom: 10%; right: max(7%,24px); display: flex; align-items: center; gap: 5px; padding: 4px; border: 1px solid #ffffff26; border-radius: 999px; background: #060b09df; color: #f1f5ee; box-shadow: 0 4px 22px #0004; }
.photo-gallery-controls[hidden] { display: none; }
body.us-landing .photo-gallery-controls button { display: grid; place-items: center; width: 40px; height: 40px; min-height: 40px; margin: 0; padding: 0; border: 0; border-radius: 50%; color: #edf3e7; background: transparent; font: 24px/1 system-ui; cursor: pointer; }
body.us-landing .photo-gallery-controls button:hover { background: #ffffff16; }
body.us-landing .photo-gallery-controls button:focus-visible { outline: 2px solid var(--us-accent,#a6ee16); outline-offset: 2px; }
.photo-gallery-controls span { min-width: 44px; text-align: center; font: 500 12px/1.2 system-ui; font-variant-numeric: tabular-nums; }
body.us-landing.landing-selected .us-cinematic-photo { pointer-events: auto; }
body.us-landing.landing-selected .us-scene-background { pointer-events: auto; }
body.us-landing.landing-selected .us-scene-content { pointer-events: none; }
body.us-landing.landing-selected .us-scene-content :is(a,button,input,select,summary) { pointer-events: auto; }
body.us-landing.landing-selected .selected-photo-scene .photo-stage .environment { width: 100%; height: 100%; max-height: none; object-fit: fill; object-position: center; }
body.us-landing.landing-selected .selected-photo-scene .physical-screen img { width: 100%; height: 100%; max-height: none; object-fit: fill; }
.selected-photo-scene .screen-reflection img { transform: scaleX(-1); }
.selected-photo-scene .screen-reflection { filter: brightness(.62) saturate(.55) blur(8px); }
.selected-refinery-tv .physical-screen::after { background: linear-gradient(14deg,transparent 61%,#dcf9ec08 66%,#e5fff09c 69%,#ffffffb3 70%,#bfffe63d 73%,transparent 77%); }
.selected-floor-tv .physical-screen::after { background: radial-gradient(ellipse at 95% 54%,#e6f5ed70,transparent 14%),linear-gradient(140deg,#98c5b916,transparent 70%); }
@media (min-width: 1201px) {
 body.us-landing.landing-selected .us-cinematic-photo .photo-gallery-controls { right: max(8%,40px); bottom: 15%; }
}
@media (max-width: 1100px) {
 body.us-landing.landing-selected :is(.us-member-scene,.us-remote-scene) .us-scene-background { height: min(680px,179.17vw); }
}
@media (max-width: 760px) {
 .photo-gallery--hero { aspect-ratio: 780 / 768; }
 .photo-gallery--tv { aspect-ratio: 850 / 768; }
 .photo-gallery-controls { right: 7%; bottom: 8%; }
}
@media (max-width: 600px) {
 body.us-landing.landing-selected :is(.us-member-scene,.us-remote-scene) .us-scene-background { height: min(580px,179.17vw); }
}

/* Editorial backgrounds: feather the whole scene, including its projected glass. */
body.us-landing.landing-selected {
  --photo-feather: linear-gradient(180deg, transparent 0%, #00000012 3%, #00000061 7%, #000000c7 14%, #000 23%, #000 72%, #000000c7 84%, #00000061 93%, #00000012 98%, transparent 100%);
  --photo-edge: linear-gradient(90deg, transparent 0%, #00000061 3%, #000000c7 7%, #000 13%, #000 87%, #000000c7 93%, #00000061 97%, transparent 100%);
}
body.us-landing.landing-selected :is(.us-cinematic-photo, .landing-coaching-photo, .selected-closing-background) {
  -webkit-mask-image: var(--photo-edge), var(--photo-feather);
  -webkit-mask-composite: source-in;
  mask-image: var(--photo-edge), var(--photo-feather);
  mask-composite: intersect;
}
body.us-landing.landing-selected .us-hero::after {
  background: linear-gradient(90deg, #000000e0 0%, #000000b8 19%, #00000070 32%, #0000001f 43%, transparent 55%);
}
body.us-landing.landing-selected :is(.us-member-scene, .us-remote-scene) .us-scene-background {
  -webkit-mask-image: var(--photo-edge), var(--photo-feather);
  -webkit-mask-composite: source-in;
  mask-image: var(--photo-edge), var(--photo-feather);
  mask-composite: intersect;
}

/* One closing composition replaces the separate photograph and CTA blocks. */
body.us-landing.landing-selected .us-final-scene {
  position: relative;
  isolation: isolate;
  padding-block: 0;
}
body.us-landing.landing-selected .us-final-scene .us-scene-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}
body.us-landing.landing-selected .photo-gallery--closing {
  height: 100%;
  aspect-ratio: auto;
}
body.us-landing.landing-selected .us-final-scene .us-scene-scrim {
  display: block;
  background: linear-gradient(180deg, transparent 28%, #0000000f 43%, #0000008c 65%, #000000d6 85%, #000 100%);
}
body.us-landing.landing-selected .us-final-scene .us-scene-content {
  min-height: clamp(680px, 56vw, 960px);
  padding-block: 0 76px;
  align-content: end;
}
body.us-landing.landing-selected .us-final-scene .photo-gallery-controls {
  top: 22%;
  bottom: auto;
  right: max(6%, 24px);
}
body.us-landing.landing-selected .us-final-copy h2 {
  font-size: clamp(36px, 4.2vw, 60px);
  text-shadow: 0 2px 24px #00000070;
}
body.us-landing.landing-selected .us-final .us-button { margin-top: 28px; }

@media (min-width: 1101px) {
  /* The TV remains visible at the right; copy uses the quiet left of the gym. */
  body.us-landing.landing-selected #floor {
    position: relative;
    isolation: isolate;
    aspect-ratio: 1376 / 768;
    align-items: center;
  }
  body.us-landing.landing-selected #floor .us-gallery-copy {
    position: relative;
    z-index: 2;
    grid-column: 1 / 5;
    padding: 32px 0 48px 24px;
    pointer-events: none;
  }
  body.us-landing.landing-selected #floor .us-gallery-copy ul { color: #d5d9d1; }
  body.us-landing.landing-selected #floor .landing-coaching-photo {
    position: absolute;
    inset: 0;
    height: 100%;
    z-index: 0;
    grid-column: auto;
  }
  body.us-landing.landing-selected #floor .photo-gallery--tv { height: 100%; aspect-ratio: auto; }
  body.us-landing.landing-selected #floor::after {
    content: '';
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, #000000e6, #000000ba 23%, #00000075 34%, transparent 48%);
  }
  body.us-landing.landing-selected .us-member-scene .us-scene-background {
    --photo-edge: linear-gradient(90deg, transparent, #00000061 4%, #000000c7 9%, #000 17%, #000 72%, #000000ad 86%, transparent);
  }
  body.us-landing.landing-selected .us-remote-scene .us-scene-background {
    --photo-edge: linear-gradient(90deg, transparent, #00000061 10%, #000000c7 20%, #000 32%, #000 83%, #00000075 95%, transparent);
  }
}
@media (max-width: 1200px) {
  body.us-landing.landing-selected .us-hero::after { display: none; }
  body.us-landing.landing-selected .us-cinematic-photo { margin-block: -8px -24px; }
}
@media (max-width: 760px) {
  body.us-landing.landing-selected .us-final-scene .us-scene-content {
    min-height: 490px;
    padding-block: 290px 48px;
  }
  body.us-landing.landing-selected .us-final-scene .us-scene-background {
    height: 360px;
    --photo-feather: linear-gradient(180deg, transparent, #00000061 8%, #000 23%, #000 59%, #0000008c 77%, transparent 100%);
  }
  body.us-landing.landing-selected .us-final-scene .us-scene-scrim {
    background: linear-gradient(180deg, transparent 130px, #0000001a 210px, #000000ad 285px, #000 360px);
  }
  body.us-landing.landing-selected .us-final-scene .photo-gallery-controls {
    top: 42px;
    right: 24px;
  }
  body.us-landing.landing-selected .us-final-copy h2 { font-size: clamp(32px, 8.6vw, 42px); }
}