/* Daylight projected through glass. An atmospheric layer, never a content surface. */
.albatros.home #contenuto { position: relative; isolation: isolate; }
.alb-atmosphere {
  position: absolute;
  inset: 0 0 auto;
  z-index: -1;
  height: var(--alb-light-height, 100svh);
  width: 100%;
  pointer-events: none;
  overflow: clip;
}
.alb-atmosphere-screen { position: sticky; top: 0; height: 100svh; width: 100%; overflow: hidden; }
.alb-atmosphere-wash {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 92% 8%, #dce6f4 0, rgb(220 230 244 / 0%) 62%), radial-gradient(ellipse at 3% 90%, #e5edf7 0, rgb(229 237 247 / 0%) 58%), #f7f9fc;
}
.alb-atmosphere-optics { position: absolute; inset: -50px 0; transform: translate3d(var(--alb-light-x, 0px), var(--alb-light-scroll, 0px), 0); transition: transform .7s cubic-bezier(.16, 1, .3, 1); }
.alb-light-pane {
  position: absolute;
  top: -35%;
  height: 170%;
  width: 32%;
  background: linear-gradient(90deg, rgb(255 255 255 / 0%), rgb(255 255 255 / 70%) 8%, rgb(255 255 255 / 42%) 78%, rgb(255 255 255 / 0%));
  border-inline-start: 1px solid rgb(255 255 255 / 85%);
  transform: skewX(-24deg);
}
.alb-light-pane-a { left: 21%; --alb-pane-from: -45px; --alb-pane-to: 65px; }
.alb-light-pane-b { left: 79%; width: 20%; opacity: .75; --alb-pane-from: 50px; --alb-pane-to: -45px; }
.alb-light-seam {
  position: absolute;
  top: -35%;
  left: 65%;
  width: 13%;
  height: 170%;
  border-inline-start: 1px solid rgb(36 68 183 / 8%);
  border-inline-end: 1px solid rgb(255 255 255 / 78%);
  transform: skewX(-24deg);
}
.alb-motion-ready .alb-light-pane { animation: alb-daylight-drift 28s ease-in-out infinite alternate; animation-play-state: paused; }
.alb-motion-ready .alb-light-pane-b { animation-duration: 36s; }
.alb-motion-ready .alb-light-seam { animation: alb-daylight-edge 38s ease-in-out infinite alternate; animation-play-state: paused; }
.alb-motion-ready .alb-atmosphere.alb-loop-visible .alb-light-pane,
.alb-motion-ready .alb-atmosphere.alb-loop-visible .alb-light-seam { animation-play-state: running; }
.alb-page-hidden .alb-atmosphere .alb-light-pane,
.alb-page-hidden .alb-atmosphere .alb-light-seam,
.alb-motion-paused .alb-atmosphere .alb-light-pane,
.alb-motion-paused .alb-atmosphere .alb-light-seam { animation-play-state: paused !important; }
@keyframes alb-daylight-drift {
  from { transform: translate3d(var(--alb-pane-from), 0, 0) skewX(-24deg); }
  to { transform: translate3d(var(--alb-pane-to), 0, 0) skewX(-24deg); }
}
@keyframes alb-daylight-edge {
  from { transform: translate3d(-15px, 0, 0) skewX(-24deg); }
  to { transform: translate3d(35px, 0, 0) skewX(-24deg); }
}
@media (max-width: 760px) {
  .alb-atmosphere-wash { background: radial-gradient(ellipse at 100% 25%, #e2eaf6 0, rgb(226 234 246 / 0%) 75%), #f7f9fc; }
  .alb-light-pane-a { left: 52%; width: 58%; --alb-pane-from: -12px; --alb-pane-to: 18px; opacity: .65; }
  .alb-light-pane-b, .alb-light-seam { display: none; }
  .alb-motion-ready .alb-light-pane-a { animation-duration: 34s; }
  .alb-atmosphere-optics { transform: none; transition: none; }
}
@media (prefers-reduced-motion: reduce) {
  .alb-atmosphere-optics { transform: none; transition: none; }
  .alb-motion-ready .alb-light-pane, .alb-motion-ready .alb-light-seam { animation: none; }
}