.hawaii-page{--hi-navy:#061d35;--hi-blue:#086899;--hi-aqua:#18b9cf;--hi-sand:#f0e4c8;--hi-red:#8f2f26;background:#f7fbfc;color:#092a3d}
.hi-hero{background-image:linear-gradient(90deg,#001a2bea 0%,#004a70a8 48%,#00324b20 100%),url("hawaii/waikiki-beach.jpg");background-size:cover;background-position:center 42%}.hi-hero:before{background:linear-gradient(180deg,transparent 45%,#001522c9)}
.hawaii-page figure{margin:0;overflow:hidden}.hawaii-page figure img{display:block;width:100%;height:100%;object-fit:cover}.hawaii-page figcaption{padding:14px 16px;color:#355b69;background:#fff;font-size:14px;line-height:1.65}
.hi-waikiki,.hi-limo,.hi-wreck,.hi-pearl{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(42px,7vw,105px);align-items:center;padding:clamp(84px,10vw,140px) var(--pad)}
.hi-waikiki,.hi-wreck{background:#fff}.hi-limo{color:#fff;background:linear-gradient(125deg,#006b91,#002b47)}.hi-pearl{color:#fff;background:linear-gradient(125deg,#111d2b,#3a4653)}
.hi-waikiki figure,.hi-limo figure,.hi-wreck figure,.hi-pearl figure{min-height:520px}.hi-waikiki h2,.hi-limo h2,.hi-wreck h2,.hi-pearl h2,.hi-heading h2,.hi-shark-copy h2{margin:10px 0 26px;font-size:clamp(38px,5vw,68px);line-height:1.25}.hi-waikiki p,.hi-wreck p{color:#486773;line-height:2.05}.hi-limo p,.hi-pearl p{color:#dceef4;line-height:2.05}.hi-limo figcaption{color:#dbeef4;background:#06364d}.hi-pearl figcaption{color:#e1e7eb;background:#222f3c}
.hi-ocean,.hi-sharks,.hi-missouri{padding:clamp(84px,10vw,140px) var(--pad)}.hi-ocean{background:var(--hi-sand)}.hi-sharks{color:#fff;background:linear-gradient(135deg,#03172c,#004a73)}.hi-missouri{background:#e7edf0}
.hi-heading,.hi-shark-copy{max-width:900px;margin-bottom:48px}.hi-heading>p:not(.eyebrow){max-width:820px;color:#4e6872;line-height:2.05}.hi-shark-copy p{max-width:820px;color:#d5edf4;line-height:2.05}
.hi-grid{display:grid;gap:12px}.hi-grid figure{min-height:350px}.hi-grid.ocean,.hi-grid.sharks{grid-template-columns:1.35fr .65fr;grid-template-rows:repeat(2,minmax(280px,30vw))}.hi-grid.ocean .wide,.hi-grid.sharks .wide{grid-row:span 2}.hi-grid.ocean .wide img{object-position:center}.hi-sharks figcaption{color:#dceff4;background:#06334d}
.hi-wreck figure img{object-position:center}
.hi-pearl h2{font-size:clamp(36px,4.6vw,64px);letter-spacing:.02em}.hi-pearl blockquote{margin:28px 0 0;padding:20px 24px;border-left:4px solid #e8bd64;background:#ffffff10;font-size:18px;font-weight:700;line-height:1.9}
.hi-grid.missouri{grid-template-columns:1.35fr .65fr}.hi-grid.missouri .hero{min-height:650px}.hi-grid.missouri figure:not(.hero){min-height:650px}.hi-grid.missouri .hero img{object-position:center}.hi-grid.missouri figure:not(.hero) img{object-position:center}
@media(max-width:900px){.hi-waikiki,.hi-limo,.hi-wreck,.hi-pearl{grid-template-columns:1fr}.hi-waikiki figure,.hi-limo figure,.hi-wreck figure,.hi-pearl figure{min-height:420px}.hi-grid.missouri{grid-template-columns:1fr 1fr}.hi-grid.missouri .hero,.hi-grid.missouri figure:not(.hero){min-height:480px}}
@media(max-width:620px){.hawaii-page .od-hero h1{font-size:clamp(56px,20vw,94px)}.hi-waikiki h2,.hi-limo h2,.hi-wreck h2,.hi-pearl h2,.hi-heading h2,.hi-shark-copy h2{font-size:clamp(34px,10vw,48px)}.hi-grid.ocean,.hi-grid.sharks,.hi-grid.missouri{grid-template-columns:1fr;grid-template-rows:auto}.hi-grid.ocean .wide,.hi-grid.sharks .wide{grid-row:auto}.hi-grid figure,.hi-grid.missouri .hero,.hi-grid.missouri figure:not(.hero){min-height:300px}.hi-pearl h2{font-size:clamp(30px,9vw,42px)}}
