/* A full-bleed personal seascape behind the existing hero composition. */
.hero .heroSea{position:absolute;inset:0;z-index:0;pointer-events:none;background:url('../images/story/home-sea.webp') center 56%/cover no-repeat;filter:saturate(.9) brightness(.79)}
.hero .heroSea:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,31,.72),rgba(7,18,31,.2) 55%,rgba(7,18,31,.06)),linear-gradient(0deg,var(--navy),transparent 36%,rgba(7,18,31,.14))}
.hero .veil{background:linear-gradient(90deg,rgba(7,18,31,.94),rgba(7,18,31,.52) 30%,rgba(7,18,31,.02) 58%,transparent),linear-gradient(0deg,rgba(7,18,31,.92),transparent 34%)}
.storyFull{background-image:url('../images/story/sunset-level.webp')}
.finalBG{background-image:linear-gradient(0deg,rgba(7,18,31,.9),rgba(7,18,31,.45) 45%,rgba(7,18,31,.45)),url('../images/story/final-level.webp')}
.final>.copy{isolation:isolate;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.final>.copy:before{content:"";position:absolute;inset:30px -8vw;z-index:-1;pointer-events:none;background:radial-gradient(ellipse closest-side at center,rgba(7,18,31,.9) 0%,rgba(7,18,31,.78) 45%,rgba(7,18,31,.32) 76%,transparent 100%)}
.final>.copy p{color:var(--ivory)}
.screen>.section-footer{position:absolute;z-index:8;bottom:13px;left:clamp(24px,5vw,85px);right:80px;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:7px 22px;padding:0;border:0;background:transparent;color:rgba(244,237,227,.7);font:400 10px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.015em}
.section-footer a{text-decoration:none;color:inherit;white-space:nowrap}
.section-footer-links{display:flex;gap:16px}
.section-footer-links a{display:inline-flex;align-items:center;min-height:24px;color:var(--champagne);padding:3px 0}
.section-footer a:hover{color:var(--ivory)}
.site-footer{display:grid;grid-template-columns:minmax(210px,.6fr) minmax(0,1.4fr);gap:35px;padding:30px clamp(24px,5vw,85px);background:var(--navy);border-top:1px solid rgba(221,196,155,.18);color:rgba(244,237,227,.73);font-size:11px;line-height:1.65}
.footer-notes{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.site-footer h2{font:500 11px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--champagne);margin:0 0 9px}
.site-footer p{font-size:11px;line-height:1.7;margin:0}
.info-dialog{width:min(92vw,620px);max-height:82svh;overflow:auto;border:1px solid rgba(221,196,155,.42);border-radius:14px;padding:38px;background:var(--navy);color:var(--ivory);box-shadow:0 25px 100px rgba(0,0,0,.4)}
.info-dialog::backdrop{background:rgba(3,9,16,.75);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.info-dialog h2{font-size:clamp(30px,4vw,42px);line-height:1.1;margin:0 35px 22px 0}
.info-dialog p{font-size:16px;line-height:1.75;margin:0;color:rgba(244,237,227,.88)}
.info-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:1px solid rgba(221,196,155,.3);border-radius:8px;background:transparent;color:var(--champagne);font-size:24px;line-height:1}
@media(max-width:1000px) and (min-width:641px){
 .hero .heroSea{background-image:url('../images/story/home-sea-1280.webp')}
 .storyFull{background-image:url('../images/story/sunset-level-960.webp')}
 .finalBG{background-image:linear-gradient(0deg,rgba(7,18,31,.9),rgba(7,18,31,.45)),url('../images/story/final-level-960.webp')}
}
@media(max-width:900px){
 .hero .heroSea{background-position:66% center;filter:saturate(.9) brightness(.75)}
 .hero .veil{background:linear-gradient(0deg,var(--navy) 0%,rgba(7,18,31,.95) 20%,rgba(7,18,31,.1) 51%,rgba(7,18,31,.1))}
 .screen>.section-footer{left:24px;right:68px;bottom:12px;gap:3px 16px;font-size:9px}
 .section-footer-links{gap:16px}
 .site-footer{grid-template-columns:1fr;gap:22px;padding:28px 24px}
 .footer-notes{grid-template-columns:1fr;gap:21px}
 .info-dialog{padding:32px 24px}
}
@media(max-width:640px){
 .hero .heroSea{background-image:url('../images/story/home-sea-960.webp')}
 .storyFull{background-image:url('../images/story/sunset-level-640.webp')}
 .finalBG{background-image:linear-gradient(0deg,rgba(7,18,31,.9),rgba(7,18,31,.45)),url('../images/story/final-level-640.webp')}
}