/* Quiet light: keep the cream film, expose only lower/right portrait reflections. */
.hc-photo-light > .light-current {
  --current-strength: .065;
  mask-image: linear-gradient(transparent 0 48%, #000 82%);
  -webkit-mask-image: linear-gradient(transparent 0 48%, #000 82%);
  filter: saturate(.6);
}
.hc-scene.is-light-ready .hc-current-window { opacity: .1; }
body[data-hero-scene="hidden-current"] .site-header.is-scrolled {
  background: rgb(58 3 23 / .66);
  border-color: rgb(238 213 178 / .18);
  backdrop-filter: blur(18px) saturate(115%);
  -webkit-backdrop-filter: blur(18px) saturate(115%);
  box-shadow: 0 8px 32px rgb(30 1 12 / .12);
}
body[data-hero-scene="hidden-current"] .site-header.nav-open .nav-links {
  background: rgb(58 3 23 / .88);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
html[data-screen-layout="stable"] #main > section.section:not(#top):not(#price) {
  width: calc(100% - 48px);
  margin-inline: auto;
  margin-top: 24px;
}
#main #modes .modes-background img,
#main #modes .figma-background { filter: none; transform: none; }
#main #modes .modes-background::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(transparent 0 27%, rgb(58 3 23 / .7) 40%, rgb(58 3 23 / .35) 62%, transparent 85%);
}
#main #work.approach-section { background: #f2ddc6; }
#main #work > .approach-current {
  top: 0;
  left: -6%;
  width: 112%;
  height: 100%;
  opacity: .58;
  filter: saturate(.18) sepia(.14) blur(6px);
  mix-blend-mode: screen;
}
#main #work > .approach-video.is-ready { opacity: .32; }
@media (max-width: 900px) {
  html[data-screen-layout="stable"] #main > section.section:not(#top):not(#price) {
    width: calc(100% - 28px);
    margin-top: 16px;
  }
  .hc-photo-light > .light-current {
    --current-strength: .045;
    mask-image: none;
    -webkit-mask-image: none;
  }
  .hc-scene.is-light-ready .hc-current-window { opacity: .04; }
  #main #work > .approach-current { left: -35%; width: 170%; opacity: .42; }
  #main #modes .modes-background { display: block; height: 800px; mask-image: linear-gradient(#000 0 80%, transparent); -webkit-mask-image: linear-gradient(#000 0 80%, transparent); }
  #main #modes .modes-background img { object-fit: fill; }
  #main #modes .modes-background::after,
  #main #modes > .section-heading::before { content: none; display: none; }
}
@media (max-width: 480px) {
  #main #modes .modes-background {
    height: 1280px;
    mask-image: linear-gradient(#000 0 285px, rgb(0 0 0 / .12) 385px, rgb(0 0 0 / .2) 85%, transparent);
    -webkit-mask-image: linear-gradient(#000 0 285px, rgb(0 0 0 / .12) 385px, rgb(0 0 0 / .2) 85%, transparent);
  }
}
@media (max-width: 360px) {
  #main #modes .modes-background {
    height: 1560px;
    mask-image: linear-gradient(#000 0 330px, rgb(0 0 0 / .12) 430px, rgb(0 0 0 / .2) 85%, transparent);
    -webkit-mask-image: linear-gradient(#000 0 330px, rgb(0 0 0 / .12) 430px, rgb(0 0 0 / .2) 85%, transparent);
  }
}
@media (prefers-reduced-transparency: reduce) {
  body[data-hero-scene="hidden-current"] .site-header.is-scrolled,
  body[data-hero-scene="hidden-current"] .site-header.nav-open .nav-links {
    background: #3a0317;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}