*{box-sizing:border-box}html,body,#app{margin:0;min-width:0;background:#071a25;color:#fff}body{font-family:Georgia,Times New Roman,serif;overflow-x:hidden}.sequence{height:500svh;position:relative}.viewport{height:100svh;min-height:100svh;position:sticky;top:0;overflow:hidden;background:#071a25}.hero-canvas,.fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.fallback{background:#071a25}.fallback img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .5s ease}h1{position:absolute;z-index:2;inset:auto 0 10%;margin:0 auto;padding:1rem;text-align:center;color:#fff;font-size:clamp(2rem,6.2vw,6rem);line-height:1.05;font-weight:400;letter-spacing:-.045em;text-shadow:0 2px 24px rgba(0,0,0,.6)}@media(max-width:520px){h1{bottom:9%;font-size:clamp(1.8rem,8vw,3.1rem);line-height:1.08;padding-inline:1rem}}@media(prefers-reduced-motion:reduce){.sequence{height:100svh}.hero-canvas{display:none}.fallback img:not(:first-child){display:none}.fallback img:first-child{opacity:1}}@media print{.sequence{height:100svh}}:focus-visible{outline:2px solid #e9c77a;outline-offset:4px}