*{box-sizing:border-box}:root{color:#fff;background:#071a25;font-family:Cormorant Garamond,Garamond,Palatino,Georgia,Times New Roman,serif}html,body,#app{width:100%;min-width:0;min-height:100svh;margin:0;background:#071a25}body{overflow-x:hidden;overflow-y:hidden}.hero-shell{width:100vw;height:100svh;min-height:100svh;height:100dvh;min-height:100dvh;overflow:hidden}.hero{position:relative;width:100vw;height:100svh;min-height:100svh;height:100dvh;min-height:100dvh;overflow:hidden;isolation:isolate}.hero-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#102d3b}.stage-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;opacity:0;transition:opacity 1.45s ease-in-out;will-change:opacity}.stage-image--active{opacity:1}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#03101714,#03101752)}h1{position:absolute;z-index:1;inset:50% 0 auto;margin:0;padding:1rem;color:#fff;font-size:clamp(2rem,6vw,5rem);font-weight:400;letter-spacing:-.045em;line-height:1.05;text-align:center;text-shadow:0 2px 24px rgba(0,0,0,.72);transform:translateY(-50%);opacity:.92;transition:opacity .7s ease,text-shadow .7s ease}.hero-title--final{opacity:1;text-shadow:0 3px 30px rgba(0,0,0,.86),0 0 1px rgba(255,255,255,.65)}@media(max-width:520px){.hero-frame{width:100vw;height:100svh;height:100dvh}.stage-image{object-fit:cover;object-position:center}h1{padding-inline:.75rem;font-size:clamp(1.9rem,9vw,3rem)}}@media(prefers-reduced-motion:reduce){.stage-image,h1{transition:none}}:focus-visible{outline:2px solid #e9c77a;outline-offset:4px}