#hero{overflow:hidden}#hero .slide{position:relative;overflow:hidden;color:var(--background);background:#00c2ff}#hero .image{z-index:0;position:absolute;width:770px;bottom:-1px;right:-1px;pointer-events:none}#hero .text{position:relative;margin-bottom:2em}#hero a{z-index:1}#hero a.play{z-index:2;position:relative;max-width:16em}#hero .image img{width:100%}#hero .image .land{width:170%;position:absolute;bottom:0;right:0}.controls{bottom:1rem;left:1rem}@media (max-width: 1099px){#hero{--height: min(45vw, 360px)}#hero .image img{transform:scale(1.1)}#hero .slide{padding-bottom:var(--height)}#hero .controls{bottom:var(--height)}}@media (min-width: 1100px){#hero .text{padding-right:650px;padding-bottom:2rem}}#hero .controls{gap:.5rem}.dot{width:.5rem;height:.5rem;font-size:0;background:#1c2579}.dot[disabled]{opacity:1;background:var(--primary)}#hero [disabled]{opacity:.5}