/* Background layout v1: mobile-only correction. All four photo files unchanged.
   Native aspect ratios and the same width scale for every slice; no parallax.
   Additional scroll height is quiet, source-colored water, not photo zoom. */
.ocean-water{display:none}
@media(max-width:1000px){
  .site .ocean{--water-blend:clamp(12px,5vw,40px)}
  .site .ocean::after{z-index:2}
  .site .ocean .ocean-track{
    width:100%;min-width:0;height:100%;aspect-ratio:auto;
    display:grid;grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto;
    gap:0;align-items:start;
  }
  .site .ocean .ocean-track>.ocean-piece{
    position:relative;z-index:1;width:100%;height:auto;min-height:0;
    object-fit:contain;align-self:start;filter:none;
  }
  .site .ocean .ocean-piece[data-vfw-id="ocean-1"]{grid-row:1;
    -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--water-blend)),transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--water-blend)),transparent 100%);
  }
  .site .ocean .ocean-piece[data-vfw-id="ocean-2"]{grid-row:3}
  .site .ocean .ocean-piece[data-vfw-id="ocean-3"]{grid-row:5}
  .site .ocean .ocean-piece[data-vfw-id="ocean-2"],
  .site .ocean .ocean-piece[data-vfw-id="ocean-3"]{
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--water-blend),#000 calc(100% - var(--water-blend)),transparent);
    mask-image:linear-gradient(to bottom,transparent,#000 var(--water-blend),#000 calc(100% - var(--water-blend)),transparent);
  }
  .site .ocean .ocean-piece[data-vfw-id="ocean-4"]{grid-row:7;
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--water-blend),#000);
    mask-image:linear-gradient(to bottom,transparent,#000 var(--water-blend),#000);
  }
  .site .ocean .ocean-water{display:block;position:relative;align-self:stretch;min-height:0;z-index:0}
  .site .ocean .ocean-water::before{
    content:"";position:absolute;inset:calc(-1 * var(--water-blend)) 0;
    background:inherit;pointer-events:none;
  }
  .site .ocean .ocean-water-1{grid-row:2}
  .site .ocean .ocean-water-2{grid-row:4}
  .site .ocean .ocean-water-3{grid-row:6}
  .site .ocean .ocean-water-1{background:linear-gradient(90deg,#00040b 0.0000%, #00050b 4.1667%, #00060c 8.3333%, #00060d 12.5000%, #00070f 16.6667%, #00070f 20.8333%, #010911 25.0000%, #010a14 29.1667%, #010b16 33.3333%, #010c17 37.5000%, #01111e 41.6667%, #011423 45.8333%, #011422 50.0000%, #011220 54.1667%, #000e1a 58.3333%, #010c16 62.5000%, #010b14 66.6667%, #000a12 70.8333%, #000810 75.0000%, #00060d 79.1667%, #00060b 83.3333%, #00050c 87.5000%, #00040b 91.6667%, #00030a 95.8333%, #000308 100.0000%)}
  .site .ocean .ocean-water-2{background:linear-gradient(90deg,#010307 0.0000%, #010307 4.1667%, #000307 8.3333%, #000409 12.5000%, #01060c 16.6667%, #00070d 20.8333%, #01090f 25.0000%, #010b12 29.1667%, #010c14 33.3333%, #0d273a 37.5000%, #18384e 41.6667%, #041d2d 45.8333%, #011927 50.0000%, #021927 54.1667%, #010e17 58.3333%, #020f19 62.5000%, #010c15 66.6667%, #00080f 70.8333%, #01070d 75.0000%, #00050b 79.1667%, #00050b 83.3333%, #000409 87.5000%, #000308 91.6667%, #010207 95.8333%, #010206 100.0000%)}
  .site .ocean .ocean-water-3{background:linear-gradient(90deg,#000001 0.0000%, #000001 4.1667%, #000102 8.3333%, #010103 12.5000%, #010103 16.6667%, #000103 20.8333%, #010103 25.0000%, #010103 29.1667%, #000104 33.3333%, #000205 37.5000%, #010206 41.6667%, #010206 45.8333%, #010206 50.0000%, #010206 54.1667%, #000204 58.3333%, #000104 62.5000%, #010103 66.6667%, #010103 70.8333%, #010103 75.0000%, #010103 79.1667%, #010102 83.3333%, #000001 87.5000%, #000001 91.6667%, #000001 95.8333%, #000000 100.0000%)}
}