/* Reuse the early inline SVG set and its rounded, colorful presentation.
   Scope every change to the requested icons; navigation/arrows stay unchanged. */
.tide-heading>.icon,.news-main .section-heading>.icon,.visit-section>.section-heading>.icon,
.ticket-heading .section-heading>.icon,.enjoy-section>.section-heading>.icon{
 scale:1;stroke-width:2.2;--icon-accent:currentColor;--icon-tint:#e5f6ff;
}
.tide-heading>.icon{width:44px;height:44px;color:var(--navy);--icon-tint:#e5f6ff}
.tide-heading{gap:14px}
.tide-overview>.icon{width:42px;height:42px;stroke-width:2;--icon-tint:#e5f6ff;--icon-accent:#008ce5}
.news-main .section-heading>.icon{--icon-tint:#fff0f5;--icon-accent:#ff5263}
.visit-section>.section-heading>.icon{--icon-tint:#cbeeff;--icon-accent:#008ce5}
.ticket-heading .section-heading>.icon{--icon-tint:#fff0bc;--icon-accent:#f66309}
.enjoy-section>.section-heading>.icon{--icon-tint:#cbeeff;--icon-accent:#008ce5}
.payment-info h3>.icon{width:32px;height:32px;scale:1;stroke-width:2.2;--icon-tint:#e5f6ff;--icon-accent:#008ce5}
.reason>.icon{width:70px;height:70px;padding:9px;border-radius:50%;stroke-width:2.2}
.reason-green>.icon{background:#f0f9eb;--icon-tint:#cde8bd;--icon-accent:#418b17}
.reason-blue>.icon{background:#e5f6ff;--icon-tint:#99ddff;--icon-accent:#0087da}
.reason-pink>.icon{background:#fff0f5;--icon-tint:#ffb8d0;--icon-accent:#ef5280}
.reason-orange>.icon{background:#fff2e8;--icon-tint:#ffc176;--icon-accent:#f66309}
.visit-link>.icon:first-child{width:48px;height:48px;padding:5px;stroke-width:2.2;border-radius:50%;--icon-accent:currentColor}
.guide-link>.icon:first-child{color:#159447;background:#f0f9eb;--icon-tint:#e0efcc}
.facility-link>.icon:first-child{color:#0087da;background:#e5f6ff;--icon-tint:#cbeeff}
.access-link>.icon:first-child{color:#f66309;background:#fff2e8;--icon-tint:#ffe0b0}
@media(min-width:1001px){
 .reason{grid-template-columns:70px minmax(0,1fr);column-gap:8px;padding-inline:13px}
 .hero-image{left:0;right:0;width:100%;height:100%;object-fit:cover;object-position:center}
 .hero{height:46vw}
 .hero-inner{align-items:flex-start}
 .hero-copy{padding-top:28px;padding-bottom:0}
 .hero-note{font-size:17px;margin-bottom:12px}
 .hero-note br{display:none}
 .hero h1{font-size:clamp(44px,3.5vw,58px)}
 .hero-lead{font-size:17px;margin-top:14px}
 .hero-shade{background:linear-gradient(90deg,rgba(232,248,255,.56) 0%,rgba(232,248,255,.24) 23%,rgba(232,248,255,0) 43%),linear-gradient(0deg,#073e6314,transparent 35%)}
}
@media(min-width:1001px) and (max-width:1190px){.reason{grid-template-columns:64px minmax(0,1fr);padding-inline:9px;column-gap:6px}.reason>.icon{width:64px;height:64px;padding:8px}}
@media(min-width:601px) and (max-width:1000px){.reason{grid-template-columns:70px minmax(0,1fr)}}
@media(max-width:600px){
 .tide-heading>.icon{width:34px;height:34px;align-self:flex-start;margin-top:2px}.tide-heading{gap:10px}
 .news-main .section-heading>.icon,.visit-section>.section-heading>.icon,.enjoy-section>.section-heading>.icon{width:34px;height:34px}
 .ticket-heading .section-heading>.icon{width:34px;height:34px}
 .reason>.icon{width:60px;height:60px;padding:8px}
 .visit-link>.icon:first-child{width:40px;height:40px;padding:4px}
 .payment-info h3>.icon{width:29px;height:29px}
}