.home-front{--home-ink:#071a22;--home-paper:#f4e8cf;--home-muted:#45616b;--home-cyan:#19e6d4;--home-coral:#ff6b57;--home-gold:#ffcf5c;color:var(--home-ink);background:var(--home-paper)}
.home-front *{box-sizing:border-box}.home-front h2,.home-front h3{overflow-wrap:anywhere;line-height:1.08}.home-front a{color:inherit}.home-news-intro.eco-hero{min-height:22rem;display:flex;align-items:end;padding:clamp(2rem,6vw,6rem);background:#06202c;color:#f4e8cf}.home-news-intro h2{font-size:clamp(3rem,8vw,8rem);max-width:10ch;margin:.2em 0}.home-news-intro p{max-width:50ch}.home-kicker,.home-meta,.home-source{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.home-news>.home-lead,.home-river,.home-watch,.home-facts,.home-routes{padding:clamp(2rem,5vw,5rem)}.home-lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}.home-lead h3{font-size:clamp(2.2rem,4.6vw,5rem);margin:.4em 0}.home-lead p,.home-river-item p{line-height:1.6}.home-plate,.home-picture img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}.home-picture{margin:0}.home-picture figcaption{font-size:.75rem}.home-meta span{display:inline-block;background:var(--home-ink);color:var(--home-paper);padding:.45em .7em;margin-right:.8em}.home-via{color:var(--home-muted)}.home-source a,.home-watch a,.home-facts a{display:inline-block;padding:.6rem 0}.home-river{background:#e7d9bd}.home-river>h2,.home-facts h2,.home-routes h2,.home-watch h2{font-size:clamp(2.3rem,5vw,5rem);margin:.2em 0 1em}.home-river-item{display:grid;grid-template-columns:minmax(130px,.32fr) minmax(0,1fr);gap:clamp(1rem,3vw,3rem);padding:2rem 0;border-top:1px solid #82918d}.home-river-item:nth-of-type(even){margin-left:12%}.home-river-item h3{font-size:clamp(1.5rem,2.8vw,2.8rem);margin:.4em 0}.home-river-item p{margin:.5em 0}.home-watch{background:#ffcf5c;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.home-watch-art{background:#06202c;color:#19e6d4;min-height:16rem;display:flex;align-items:center;justify-content:center;gap:2rem;font-size:clamp(3rem,6vw,6rem);line-height:1}.home-facts{background:#06202c;color:#f4e8cf}.home-facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.home-facts-grid>div{border-top:1px solid #8ff5c0;padding-top:1rem}.home-facts strong{font-size:clamp(2rem,4vw,4rem)}.home-routes{display:flex;flex-wrap:wrap;gap:0 2rem}.home-routes h2{width:100%}.home-routes a{min-height:44px;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #82918d;text-decoration:none;font-weight:700}.home-routes a span{color:#a0392d}@media(max-width:700px){.home-lead,.home-watch,.home-facts-grid{grid-template-columns:1fr}.home-river-item{grid-template-columns:1fr}.home-river-item:nth-of-type(even){margin-left:0}.home-river-item .home-plate,.home-river-item .home-picture{max-width:22rem}.home-news-intro.eco-hero{min-height:19rem}.home-watch-art{min-height:12rem}}
.home-watch-art{position:relative}.home-watch-art button{position:absolute;inset:0;z-index:1;background:transparent;color:transparent;border:0;cursor:pointer;min-height:44px}.home-watch-art button:focus-visible{outline:3px solid #ff6b57;outline-offset:-5px}.home-watch-art iframe{width:100%;aspect-ratio:16/9;border:0}
.glow-stage>.eco-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.home-news-intro{min-height:22rem;display:flex;align-items:end;padding:clamp(2rem,6vw,6rem);background:#06202c;color:#f4e8cf}.home-watch-art button{position:static;display:flex;align-items:center;justify-content:center;gap:1.2rem;width:100%;min-height:16rem;padding:1rem;background:#06202c;color:#19e6d4;border:0;cursor:pointer;font-size:clamp(2rem,5vw,5rem);line-height:1;text-align:left}.home-watch-art button small{font-size:1rem;color:#f4e8cf}.home-watch-art button:focus-visible{outline:3px solid #ff6b57;outline-offset:-5px}.home-river-item.home-visible{animation:home-arrive .65s ease both}@keyframes home-arrive{from{transform:translateY(18px);opacity:.55}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.home-river-item.home-visible{animation:none}}
.home-story[data-island="jamaica"] .home-meta span{background:#24583b;color:#fff}.home-story[data-island="barbados"] .home-meta span,.home-story[data-island="bahamas"] .home-meta span{background:#164e67;color:#fff}.home-story[data-island="cayman"] .home-meta span,.home-story[data-island="bermuda"] .home-meta span{background:#704134;color:#fff}.home-story[data-island="region"] .home-meta span,.home-story[data-island="world"] .home-meta span{background:#493a68;color:#fff}
.eco-pause{background:#02070d!important;color:#fff!important;border-color:#8ff5c0!important}.app-header [data-pause]{display:none!important}
.home-watch-art{min-width:0}@media(max-width:700px){.home-watch{grid-template-columns:minmax(0,1fr)}.home-watch-art button{font-size:1.75rem;gap:.6rem;flex-wrap:wrap}.home-watch-art button small{width:100%;text-align:center}}
/* HOME3 continuation 2: sea surface and story movement. */
.home-front{--home-paper:#f4f8f5;--home-ink:#f4f8f5;--home-muted:#bad3ce;--home-deep:#061b24;--home-line:#49746f;color:var(--home-paper);background:transparent}
.home-front .home-news,.home-front .home-river,.home-front .home-facts,.home-front .home-routes{background:transparent;color:var(--home-paper)}
.home-front .home-news-intro{background:#06202c;color:#f4f8f5}.home-front .home-via{color:var(--home-muted)}
.home-front .home-river-item,.home-front .home-facts-grid>div{border-color:var(--home-line)}
.home-front .home-meta span{color:#fff}.home-front .home-watch{background:#ffcf5c;color:#071a22}
.home-front .home-picture>a{display:block;overflow:hidden;aspect-ratio:16/9}.home-front .home-picture img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.home-front .home-picture figcaption{color:var(--home-muted)}
.home-front .home-plate{aspect-ratio:600/338}.home-front .home-story h3 a{text-decoration-thickness:1px;text-underline-offset:.12em}
.home-front .home-routes{gap:.75rem}.home-front .home-routes a{display:inline-flex;min-height:48px;align-items:center;padding:.5rem 1.1rem;border:1px solid #75c5b9;border-radius:999px;color:#ecf9f5;background:#0a2e34;white-space:nowrap;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s}.home-front .home-routes a:nth-of-type(3n+2){border-color:#f0b870;background:#39311d}.home-front .home-routes a:nth-of-type(3n){border-color:#ff9b8c;background:#422927}.home-front .home-routes a span{color:#fff}.home-front .home-routes a:focus-visible{outline:3px solid #8ff5c0;outline-offset:3px}
.home-front .home-watch-art button{position:relative;overflow:hidden;isolation:isolate}.home-front .home-watch-art button::before{content:"";position:absolute;inset:15% -20%;z-index:-1;opacity:.4;background:repeating-linear-gradient(90deg,transparent 0 12px,#32bdac 13px 15px,transparent 16px 24px);clip-path:polygon(0 46%,10% 40%,18% 55%,25% 21%,32% 78%,39% 37%,47% 60%,55% 15%,63% 84%,71% 38%,80% 58%,90% 35%,100% 46%,100% 54%,90% 65%,80% 42%,71% 62%,63% 16%,55% 85%,47% 40%,39% 63%,32% 22%,25% 79%,18% 45%,10% 60%,0 54%)}
.home-front .home-river-item{position:relative}.home-front .home-river-item::before{content:"";position:absolute;top:-1px;left:0;width:18%;height:2px;background:#8ff5c0;opacity:0}
html.home-motion-enabled[data-motion=playing] .home-in-view.home-river-item::before{opacity:.7;animation:home-current 5s linear infinite}
html.home-motion-enabled[data-motion=playing] .home-in-view.home-watch-art button::before{animation:home-wave 8s ease-in-out infinite alternate}
html.home-motion-enabled[data-motion=playing] .home-in-view .orb-light{animation:home-pulse 3s ease-in-out infinite}
html.home-motion-enabled[data-motion=playing] .home-story:hover .home-plate,html.home-motion-enabled[data-motion=playing] .home-story:focus-within .home-plate,html.home-motion-enabled[data-motion=playing] .home-routes a:hover,html.home-motion-enabled[data-motion=playing] .home-routes a:focus-visible{transform:translateY(-4px);filter:drop-shadow(0 5px 9px #19e6d466)}
.home-front .home-plate{transition:transform .3s,filter .3s}
@keyframes home-current{from{transform:translateX(0)}to{transform:translateX(450%)}}@keyframes home-wave{from{transform:translateX(-8%);opacity:.2}to{transform:translateX(8%);opacity:.55}}@keyframes home-pulse{0%,100%{filter:brightness(.85)}50%{filter:brightness(1.35)}}
@supports(animation-timeline:view()){html.home-motion-enabled[data-motion=playing] .home-story.home-in-view .home-plate{animation:home-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes home-drift{from{translate:0 8px}to{translate:0 -8px}}}
@media(prefers-reduced-motion:reduce){.home-front .home-story .home-plate,.home-front .home-river-item::before,.home-front .home-watch-art button::before,.glow-orbits .orb-light{animation:none!important;translate:none!important;transition:none!important}}
html.home-motion-enabled[data-motion=playing] .home-story:hover .home-picture a,html.home-motion-enabled[data-motion=playing] .home-story:focus-within .home-picture a{transform:translateY(-4px);filter:drop-shadow(0 5px 9px #19e6d466)}.home-front .home-picture a{transition:transform .3s,filter .3s}
.home-meta span{background:#174853}@media(max-width:900px){.home-front .home-watch-art button{font-size:1.75rem;gap:.6rem;flex-wrap:wrap}.home-front .home-watch-art button small{width:100%;text-align:center}}@media(max-width:700px){.home-front .home-story>div{padding-right:40px}}
@media(max-width:350px){.home-front .home-story>div{padding-right:8px}.home-front .home-meta time{display:inline-block;white-space:nowrap}}
/* The lead belongs inside the front-page opening. */
.home-front .home-news-intro{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);align-items:center;gap:clamp(2rem,4vw,4rem);min-height:0;padding:clamp(2rem,4vw,4rem);overflow:hidden}
.home-front .home-news-heading{min-width:0}.home-front .home-news-heading h2{font-size:clamp(2.5rem,4.4vw,4.5rem);max-width:9ch;margin:.25em 0;line-height:1.04}
.home-front .home-news-intro .home-lead{min-width:0;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(1.5rem,2.5vw,3rem);padding:0}
.home-front .home-news-intro .home-lead>div{min-width:0}.home-front .home-news-intro .home-lead h3{font-size:clamp(1.7rem,2.3vw,2.6rem)}
.home-front .home-news-intro .home-lead>.home-plate,.home-front .home-news-intro .home-lead>.home-picture{transform:rotate(-2deg);box-shadow:0 16px 35px #0008}
.home-front .home-picture img{object-position:center 42%}
html.home-motion-enabled .home-news-intro .home-lead.home-in-view>.home-plate,html.home-motion-enabled .home-news-intro .home-lead.home-in-view>.home-picture{animation:home-lead-float 7s ease-in-out infinite;animation-timeline:auto}
@keyframes home-lead-float{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-8px)}}
.home-front .home-watch-art button::after{content:"";position:absolute;z-index:-1;left:0;top:50%;width:8rem;aspect-ratio:1;border:1px solid #8ff5c0;border-radius:50%;box-shadow:0 0 0 1.5rem #19e6d422,0 0 0 3rem #19e6d411,0 0 3rem #19e6d466;transform:translate(-15%,-50%);opacity:.55}
html.home-motion-enabled .home-in-view.home-watch-art button::after{animation:home-player-ripple 5s ease-in-out infinite}
@keyframes home-player-ripple{0%,100%{transform:translate(-15%,-50%) scale(.85);opacity:.3}50%{transform:translate(10%,-50%) scale(1.15);opacity:.75}}
@media(max-width:1050px){.home-front .home-news-intro{grid-template-columns:1fr}.home-front .home-news-heading h2{max-width:none}.home-front .home-news-intro .home-lead h3{font-size:clamp(1.6rem,3vw,2.2rem)}}
@media(max-width:700px){.home-front .home-news-intro{gap:1.25rem;padding:1.5rem}.home-front .home-news-heading h2{font-size:clamp(2.1rem,8vw,3rem)}.home-front .home-news-intro .home-lead{grid-template-columns:1fr;gap:1rem}.home-front .home-news-intro .home-lead h3{font-size:clamp(1.5rem,6vw,2rem)}.home-front .home-news-intro .home-lead p{line-height:1.45}.home-front .home-news-intro .home-lead>.home-plate,.home-front .home-news-intro .home-lead>.home-picture{transform:none}}
@media(prefers-reduced-motion:reduce){.home-front .home-news-intro .home-lead>.home-plate,.home-front .home-news-intro .home-lead>.home-picture,.home-front .home-watch-art button::after{animation:none!important}}
/* P11 */ .home-picture img { object-position: 50% 18%; }