/* Homepage scenery only: retain the existing hero layout, content and service links. */
.home-wow .hw-london-hero {
    isolation:isolate;
    overflow:hidden;
    background-color:#142b4e;
    background-image:linear-gradient(90deg,rgba(11,24,48,.42) 0%,rgba(15,32,59,.4) 35%,rgba(18,40,69,.22) 58%,rgba(18,40,69,0) 76%,rgba(18,40,69,0) 100%),url('/assets/homepage-london-wide.png');
    background-size:cover;
    background-position:center,bottom right;
    background-repeat:no-repeat;
}
.home-wow .hw-london-hero:after { display:none; }
.hw-river-scenery { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; display:none; }
.hw-river-track { position:absolute; inset:0; }
.hw-water-filter { position:absolute; pointer-events:none; }
.hw-water-surface {
    position:absolute; bottom:0; left:0; right:0; height:var(--hw-water-depth,0px);
    background-image:linear-gradient(90deg,rgba(11,24,48,.42) 0%,rgba(15,32,59,.4) 35%,rgba(18,40,69,.22) 58%,rgba(18,40,69,0) 76%,rgba(18,40,69,0) 100%),url('/assets/homepage-london-wide.png');
    background-size:100% 100%,var(--hw-scene-width) var(--hw-scene-height);
    background-position:center,bottom right; background-repeat:no-repeat;

    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 5px),transparent);
    mask-image:linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 5px),transparent);
}
.hw-river-boat { position:absolute; left:0; bottom:-10px; width:240px; height:80px; background:url('/assets/homepage-riverboat.png') center/contain no-repeat; }
.hw-motion-toggle { position:absolute; bottom:12px; left:18px; z-index:2; border:1px solid rgba(255,255,255,.4); border-radius:6px; background:rgba(11,24,48,.8); color:#fff; padding:6px 10px; font:inherit; font-size:12px; cursor:pointer; }
.hw-motion-toggle[hidden] { display:none; }
.hw-motion-toggle:focus-visible { outline:3px solid #9ce2e4; outline-offset:3px; }
@media(min-width:1101px) and (prefers-reduced-motion:no-preference) {
    .hw-motion-ready .hw-river-scenery { display:block; }
    .hw-motion-ready .hw-river-track { animation:hw-river-crossing 85s linear -64s infinite; }
    .hw-motion-ready .hw-river-boat { animation:hw-boat-bob 5s ease-in-out infinite; }
    .hw-motion-paused .hw-river-track { animation-play-state:paused; }
    .hw-motion-paused .hw-river-boat { animation-play-state:paused; }
}
@keyframes hw-boat-bob { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-.8px); } }
@keyframes hw-river-crossing { from { transform:translateX(-260px); } to { transform:translateX(100%); } }
@media(max-width:1100px) {
    .home-wow .hw-london-hero { background-image:linear-gradient(90deg,rgba(11,24,48,.88),rgba(15,32,59,.76)),url('/assets/homepage-london-wide.png'); }
}
@media(prefers-reduced-motion:reduce) { .hw-river-scenery,.hw-motion-toggle { display:none; } }

/* Small, stretched ripples preserve the photographed reflections. */
.hw-river-boat::before {
    content:""; position:absolute; right:83%; bottom:15px; width:105px; height:8px;
    background:radial-gradient(ellipse at right,rgba(214,236,242,.32),rgba(181,216,229,.12) 42%,transparent 72%);
    filter:blur(1px); transform-origin:right center;
}
@media(min-width:1101px) and (prefers-reduced-motion:no-preference) {
    .hw-motion-ready .hw-water-surface { animation:hw-water-drift 7s ease-in-out infinite; }
    .hw-motion-ready .hw-river-boat::before { animation:hw-wake 4.7s ease-in-out infinite; }
    .hw-motion-paused .hw-water-surface,.hw-motion-paused .hw-river-boat::before { animation-play-state:paused; }
}
@keyframes hw-water-drift {
    0%,100% { transform:translate3d(0,0,0); }
    38% { transform:translate3d(2px,-.6px,0); }
    72% { transform:translate3d(-1px,.4px,0); }
}
@keyframes hw-wake {
    0%,100% { transform:scale(1,.85); opacity:.65; }
    50% { transform:scale(1.13,1.1); opacity:.9; }
}

/* Use the space released by the removed service panel. */
.home-wow .hw-london-hero .hw-hero-grid { grid-template-columns:minmax(0,1fr); }
.home-wow .hw-london-hero .hw-hero-copy { min-width:0; }
.home-wow .hw-london-hero .hw-hero-lead { max-width:1100px; }
@media(min-width:1101px) {
    .home-wow .hw-london-hero .hw-hero-copy h1 span { white-space:nowrap; }
}

.home-wow .hw-london-hero .hw-hero-copy { text-shadow:0 1px 3px rgba(8,24,45,.8); }

@media(min-width:2200px) {
 .home-wow .hw-london-hero,.hw-water-surface {
 background-image:linear-gradient(90deg,rgba(11,24,48,.42) 0%,rgba(15,32,59,.4) 35%,rgba(18,40,69,.22) 58%,rgba(18,40,69,0) 76%),url('/assets/homepage-london-panorama.png');
 }
}