*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fff}main{position:fixed;inset:0}.slide{position:absolute;inset:0;display:grid;place-items:center;visibility:hidden}.slide-0{background:#fff;visibility:visible}.slide-1{background:#000}.slide-2{background:#737373}.logo{width:min(420px,78vw,70vh);width:min(420px,78vw,70svh);aspect-ratio:1;position:relative;overflow:hidden}.logo img{display:block;position:absolute;width:100%;height:auto;left:0;top:-6.5%;max-width:none}.slide.active{visibility:visible;z-index:1}