/* Native scrolling; independent translate preserves existing hover transforms. */
html { scroll-padding-top: 110px; }
.scroll-atmosphere, .scroll-progress { display: none; pointer-events: none; }
.depth-enabled .scroll-atmosphere {
  display: block; position: fixed; inset: 0; overflow: hidden; z-index: 0;
}
.depth-enabled main, .depth-enabled .site-footer { position: relative; z-index: 1; }
.scroll-atmosphere i {
  position: absolute; width: min(74vw, 980px); aspect-ratio: 1;
  border: 1px solid rgba(108, 115, 85, .25); border-radius: 50%;
  left: -38vw; top: 18vh;
  translate: 0 var(--atmosphere-y, 0px);
}
.scroll-atmosphere i + i {
  width: min(60vw, 820px); left: auto; right: -34vw; top: 54vh;
  border-color: rgba(164, 110, 88, .24);
  translate: 0 calc(var(--atmosphere-y, 0px) * -1);
}
.depth-enabled .scroll-progress {
  display: block; position: fixed; top: 0; left: 0; right: 0; height: 2px;
  z-index: 50; background: var(--olive); transform-origin: left;
  transform: scaleX(var(--reading-progress, 0));
}
.depth-enabled .depth-layer { translate: 0 var(--depth-y, 0px); }
.depth-enabled .depth-layer:focus-within { translate: none; }
.depth-enabled .grid-heading::after {
  transform-origin: left; transform: scaleX(var(--line-depth, 1));
}
@media (max-width: 720px) {
  html { scroll-padding-top: 90px; }
  .scroll-atmosphere i { opacity: .6; }
}
@media (prefers-reduced-motion: reduce), print {
  .depth-enabled .depth-layer { translate: none !important; }
  .depth-enabled .grid-heading::after { transform: none; }
  .depth-enabled .scroll-atmosphere, .depth-enabled .scroll-progress { display: none; }
}
.depth-enabled .hero-media > picture { display: block; }

/* More pronounced depth: the archive rises over the slower opening image. */
.depth-enabled .hero-media { position: relative; z-index: 0; }
.depth-enabled #collezioni {
  position: relative; z-index: 2; background: rgb(var(--scroll-paper-rgb, 216, 207, 195));
  box-shadow: 0 -32px 0 rgb(var(--scroll-paper-rgb, 216, 207, 195));
}
.depth-enabled .category-grid, .depth-enabled .product-grid {
  padding-top: 48px; padding-bottom: 48px; row-gap: 128px;
}
.depth-enabled .contribution-steps { padding-top: 24px; padding-bottom: 64px; }
@media (max-width: 720px) {
  .depth-enabled .category-grid, .depth-enabled .product-grid {
    padding-top: 28px; padding-bottom: 28px; row-gap: 84px;
  }
}

/* Colour follows the section being read, keeping light surfaces and ink intact. */
body.depth-enabled { background-color: rgb(var(--scroll-paper-rgb, 216, 207, 195)); }
.depth-enabled .site-header:not(.nav-open) { background-color: rgba(var(--scroll-paper-rgb, 216, 207, 195), .94); }
@media (prefers-reduced-motion: reduce), print {
  body.depth-enabled { background-color: var(--bg); }
  .depth-enabled #collezioni { background: var(--bg); box-shadow: 0 -32px 0 var(--bg); }
  .depth-enabled .site-header:not(.nav-open) { background-color: var(--bg); }
}