/* Full-width sea scene with readable live text. */
.photo-hero{position:relative;isolation:isolate;padding:0;border:0;background:#078dac;color:#fff;min-height:clamp(640px,56.25vw,840px);display:flex;align-items:center}
.hero-backdrop{position:absolute;inset:0;z-index:-2}.hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.photo-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,67,78,.88),rgba(0,76,89,.68) 30%,rgba(0,89,100,.15) 49%,transparent 64%)}
.photo-hero .voyage-grid{display:block;padding-top:48px;padding-bottom:48px}.photo-hero .voyage-copy{padding:0;width:47%;max-width:550px}
.photo-hero .pop-label{color:#fff;background:#00627090;border:1px solid #ffffff80;border-radius:7px;transform:none;font-size:.8rem;padding:6px 12px;margin-bottom:22px}
.photo-hero .voyage-copy h1{font-family:"Yu Gothic",Meiryo,sans-serif;font-size:clamp(2.2rem,3.5vw,3.15rem);line-height:1.45;font-weight:800;letter-spacing:0;color:white;margin:0 0 25px;text-shadow:0 2px 9px #003d4c66}
.photo-hero .voyage-copy h1 .exam-key{color:#ffe279}
.hero-venue{display:flex;align-items:center;gap:16px;width:fit-content;background:#ffe279;color:#164b50;padding:11px 19px;border-radius:7px;margin:0 0 19px}.hero-venue small{font-size:.83rem;white-space:nowrap}.hero-venue strong{font-size:1.45rem}
.hero-office{font-size:.95rem;margin:0 0 22px;color:white}.hero-exam-note{font-size:.77rem;line-height:1.8;color:#fff;margin:23px 0 0;text-shadow:0 1px 4px #003e48}
.photo-hero .buttons{display:flex;gap:12px;flex-wrap:wrap;margin:0;max-width:none}.photo-hero .button{font-size:.88rem;padding:13px 16px;border-radius:8px;box-shadow:0 3px 0 #004a5270;border-width:1px;gap:10px}.photo-hero .button:hover{box-shadow:0 5px 0 #004a5270}.photo-hero .button:after{display:none}
@media(max-width:1000px) and (min-width:651px){.photo-hero{min-height:580px}.photo-hero .voyage-copy{width:49%}.photo-hero .voyage-copy h1{font-size:2rem}.photo-hero .pop-label{font-size:.7rem}.hero-venue{gap:10px;padding:10px 12px}.hero-venue strong{font-size:1.2rem}.photo-hero .button{padding:11px;font-size:.8rem}.hero-backdrop img{object-position:58% center}}
@media(max-width:650px){.photo-hero{min-height:calc(420px + 100vw);align-items:flex-start;background:#029dc0}.hero-backdrop img{position:absolute;bottom:0;width:100%;height:auto;object-fit:contain}.photo-hero:after{background:linear-gradient(180deg,#004c64e8 0%,#00566fd6 25%,#006d7f88 43%,transparent 63%)}.photo-hero .voyage-grid{padding-top:24px;padding-bottom:0}.photo-hero .voyage-copy{width:100%;max-width:none}.photo-hero .pop-label{font-size:11px;padding:5px 9px;margin-bottom:17px}.photo-hero .voyage-copy h1{font-size:clamp(1.72rem,7.3vw,2.35rem);line-height:1.4;margin-bottom:19px}.hero-venue{gap:13px;padding:9px 13px;margin-bottom:13px}.hero-venue small{font-size:12px}.hero-venue strong{font-size:20px}.hero-office{font-size:12px;margin-bottom:16px}.photo-hero .buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo-hero .button{padding:11px 8px;min-height:46px;font-size:13px}.hero-exam-note{font-size:11px;line-height:1.7;margin-top:17px}}
@media(max-width:650px){.photo-hero .voyage-grid{margin-top:0;margin-bottom:0}}
@media(max-width:650px){.hero-backdrop img{mask-image:linear-gradient(180deg,transparent,#000 25%)}}