/* Approved eight-colour photographic textures, with SVG identity fallback. No fluid simulation. */
.gn-site .flow-section.has-photo-flow .flow-sticky{min-height:0;max-height:none;gap:18px;padding-block:28px}
.gn-site .flow-section.has-photo-flow .flow-heading{padding-top:8px}
.gn-site .flow-section.has-photo-flow .flow-surface{flex:none;width:min(92vw,1120px,calc((100svh - 300px)*1672/941));height:auto;min-height:0;aspect-ratio:1672/941;margin:auto;overflow:hidden}
.gn-site .flow-photo-still,.gn-site .flow-photo-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.gn-site .flow-photo-canvas{opacity:0;pointer-events:none;transition:none}
.gn-site .flow-photo-canvas.ready{opacity:1}
.gn-site .flow-section.has-photo-flow .flow-meter i{width:100%}
.gn-site .flow-section.has-photo-flow.is-static .flow-surface{width:min(92vw,1120px);margin:26px auto 16px}
.gn-site.motion-enabled .flow-section.has-photo-flow:not(.is-static){height:210svh;min-height:1350px}
.gn-site.motion-enabled .flow-section.has-photo-flow:not(.is-static) .flow-sticky{position:sticky;top:0;height:100svh;min-height:0;max-height:none}
.gn-site .flow-section.has-illustrated-flow .flow-sticky{min-height:0;max-height:none;gap:18px;padding-block:28px}
.gn-site .flow-section.has-illustrated-flow .flow-heading{padding-top:8px}
.gn-site .flow-section.has-illustrated-flow .flow-surface{flex:none;width:min(92vw,1120px,calc((100svh - 300px)*1120/600));height:auto;min-height:0;aspect-ratio:1120/600;margin:auto;overflow:visible}
.gn-site .flow-section.has-illustrated-flow svg{display:block;width:100%;height:auto;max-height:100%;overflow:visible}
.gn-site .flow-section.has-illustrated-flow .flow-meter i{width:100%}
.gn-site .flow-section.has-illustrated-flow.is-static .flow-surface{width:min(92vw,1120px);margin:26px auto 16px}
.gn-site.motion-enabled .flow-section.has-illustrated-flow:not(.is-static){height:210svh;min-height:1350px}
.gn-site.motion-enabled .flow-section.has-illustrated-flow:not(.is-static) .flow-sticky{position:sticky;top:0;height:100svh;min-height:0;max-height:none}
@media(max-width:640px){
 .gn-site.motion-enabled .flow-section.has-photo-flow:not(.is-static){height:175svh;min-height:1050px}
 .gn-site .flow-section.has-photo-flow .flow-heading h2{font-size:38px}
 .gn-site .flow-section.has-photo-flow .flow-sticky{justify-content:center;gap:24px;padding-block:26px}
 .gn-site .flow-section.has-photo-flow .flow-surface{width:94vw;margin:12px auto}
 .gn-site .flow-section.has-photo-flow .flow-footer{font-size:10px;gap:18px;padding-bottom:0}
 .gn-site .flow-section.has-photo-flow .flow-meter{max-width:90px}
 .gn-site.motion-enabled .flow-section.has-illustrated-flow:not(.is-static){height:175svh;min-height:1050px}
 .gn-site .flow-section.has-illustrated-flow .flow-heading h2{font-size:38px}
 .gn-site .flow-section.has-illustrated-flow .flow-sticky{justify-content:center;gap:24px;padding-block:26px}
 .gn-site .flow-section.has-illustrated-flow .flow-surface{width:94vw;margin:12px auto}
 .gn-site .flow-section.has-illustrated-flow .flow-footer{font-size:10px;gap:18px;padding-bottom:0}
 .gn-site .flow-section.has-illustrated-flow .flow-meter{max-width:90px}
}