*{box-sizing:border-box}:root{color:#fff;background:#071a25;font-family:Georgia,Times New Roman,serif}html,body,#app{min-width:0;min-height:100%;margin:0;background:#071a25}body{overflow-x:hidden}.hero-shell{display:grid;min-height:100svh;place-items:center;padding:clamp(1rem,4vw,3rem)}.hero{position:relative;display:grid;width:min(100%,72rem);min-height:min(82svh,54rem);place-items:center;isolation:isolate}.hero-frame{position:relative;width:min(100%,64rem);overflow:hidden;border-radius:clamp(.75rem,2vw,1.5rem);background:#102d3b;box-shadow:0 1.5rem 5rem #0000004d;aspect-ratio:16 / 10}.stage-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transform:scale(1.018);transition:opacity .7s ease-in-out,transform .9s ease-out;will-change:opacity,transform}.stage-image--active{opacity:1;transform:scale(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%)}@media(max-width:520px){.hero-shell{padding:.75rem}.hero{min-height:78svh}.hero-frame{width:100%;border-radius:.75rem}h1{padding-inline:.75rem;font-size:clamp(1.9rem,9vw,3rem)}}@media(prefers-reduced-motion:reduce){.stage-image{transition:none;transform:none}}:focus-visible{outline:2px solid #e9c77a;outline-offset:4px}