#guide{background:#f0ece3}
#guide .section-head{max-width:780px}
.guide-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);grid-template-rows:repeat(3,auto);gap:14px}
.guide-card{position:relative;display:flex;flex-direction:column;min-height:176px;padding:26px;border:1px solid rgba(19,50,51,.12);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(19,50,51,.07);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.guide-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(19,50,51,.12)}
.guide-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e3f1ef;color:var(--sea-dark);font-size:20px}
.guide-card h3{font-family:Georgia,"Yu Mincho",serif;font-size:1.25rem;line-height:1.3;margin:14px 0 7px}
.guide-card p{margin:0 0 18px;color:var(--muted);font-size:.9rem;line-height:1.65}
.guide-card a{margin-top:auto;color:var(--sea-dark);font-weight:800;text-decoration:none}
.guide-feature{grid-row:1/4;min-height:570px;padding:0;background:#0e353b;color:#fff}
.guide-feature>img{width:100%;height:300px;object-fit:cover}
.guide-feature-copy{display:flex;flex-direction:column;flex:1;padding:30px}
.guide-feature .guide-kicker{display:inline-flex;align-self:flex-start;padding:6px 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#a8e5df;font-size:11px;letter-spacing:.12em}
.guide-feature h3{font-size:clamp(1.8rem,3vw,2.65rem);margin:18px 0 10px}.guide-feature p{color:rgba(255,255,255,.72);font-size:1rem}
.guide-feature a{display:inline-flex;align-self:flex-start;padding:12px 18px;border-radius:999px;background:#fff;color:#0e353b}
@media(max-width:800px){.guide-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.guide-feature{grid-column:1/3;grid-row:auto;min-height:0}.guide-feature>img{height:auto;aspect-ratio:16/9}.guide-card{min-height:220px}}
@media(max-width:560px){.guide-grid{grid-template-columns:1fr}.guide-feature{grid-column:auto}.guide-card{min-height:0}.guide-feature-copy{padding:24px}.guide-feature h3{font-size:clamp(1.65rem,7.3vw,1.9rem);line-height:1.35;word-break:keep-all}}

/* 2026-08 home travel-tools refinement */
.guide-card a{display:inline-flex;min-height:44px;align-items:center;align-self:flex-start}
.guide-card:focus-within{outline:3px solid #ffcc66;outline-offset:3px}
@media(max-width:800px){.guide-grid{gap:12px}.guide-card{min-height:190px}.guide-feature{min-height:0}}
@media(max-width:560px){.guide-card{min-height:0;padding:22px}.guide-feature{padding:0}.guide-feature-copy{padding:22px}.guide-card p{margin-bottom:12px}.guide-card a{min-height:46px}}

/* Cinematic beach introduction */
.beach-film{position:relative;background:#062f36;color:#fff}
.beach-film-media{position:relative;min-height:clamp(430px,62vw,720px);overflow:hidden}
.beach-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0b5964}
.beach-film-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(3,25,30,.18) 65%,rgba(3,25,30,.82) 100%);pointer-events:none}
.beach-film-copy{position:absolute;z-index:2;inset:auto 0 clamp(34px,6vw,72px);text-shadow:0 2px 18px rgba(0,0,0,.34)}
.beach-film-copy .eyebrow{margin:0 0 10px;color:#d5fbf7}
.beach-film-copy h2{max-width:820px;margin:0;font-family:Georgia,"Yu Mincho",serif;font-size:clamp(2rem,5vw,4.6rem);line-height:1.08;letter-spacing:-.025em}
.beach-film-copy>p:last-child{max-width:650px;margin:16px 0 0;font-size:clamp(.95rem,1.7vw,1.16rem);line-height:1.7;color:rgba(255,255,255,.88)}
.beach-film-toggle{position:absolute;z-index:3;right:max(18px,calc((100vw - 1120px)/2));bottom:clamp(34px,6vw,72px);display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(5,34,39,.52);color:#fff;backdrop-filter:blur(8px);cursor:pointer}
.beach-film-toggle:hover{background:rgba(5,34,39,.78)}

/* Visual travel-tool cards */
.guide-card--visual{min-height:0;padding:0}
.guide-card-media{height:92px;overflow:hidden;background:#d8e9e8}
.guide-card-media>img{width:100%;height:100%;object-fit:cover;object-position:center top}
.guide-card-media--split{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#fff}
.guide-card-media--split>img{width:100%;height:100%;object-fit:cover}
.guide-card-copy{display:flex;flex:1;flex-direction:column;padding:15px 20px 17px}
.guide-card--visual h3{margin:0 0 5px;font-size:1.08rem}
.guide-card--visual p{margin:0 0 6px;font-size:.82rem;line-height:1.5}
.guide-card--visual a{min-height:34px}

@media(max-width:800px){.guide-card--visual{min-height:0}.guide-card-media{height:auto;aspect-ratio:16/8.2}.guide-card-copy{padding:18px 20px 20px}.guide-card--visual h3{font-size:1.16rem}.guide-card--visual p{font-size:.88rem}}
@media(max-width:560px){.beach-film-media{min-height:520px}.beach-film video{object-position:center}.beach-film-copy{bottom:34px;padding-right:74px}.beach-film-copy h2{font-size:clamp(2rem,10vw,3.1rem)}.beach-film-copy>p:last-child{font-size:.92rem}.beach-film-toggle{right:18px;bottom:34px}.guide-card--visual{padding:0}.guide-card-media{aspect-ratio:16/8.5}.guide-card-copy{padding:18px 20px 20px}}