@scope([style-c6a342]){:scope{--height: calc(100% - 10rem);--width: 90vw}header:scope{position:fixed;inset:0 var(--unit-4) auto;width:calc(100% - var(--unit-4)*2) !important;height:calc((100% - var(--height))/2);padding:var(--unit-2) calc((100vw - var(--width))/2 - var(--unit-4));border-bottom:var(--border-size) solid var(--border-color)}header:scope .img{position:relative;height:100%}header:scope .img img{height:100%}footer:scope{position:fixed;inset:auto var(--unit-4) 0;width:calc(100% - var(--unit-4)*2) !important;height:calc((100% - var(--height))/2);padding:var(--unit-2) calc((100vw - var(--width))/2 - var(--unit-4));border-top:var(--border-size) solid var(--border-color)}main:scope{position:fixed;inset:calc((100% - var(--height))/2) 0;padding:var(--unit-2) calc((100vw - var(--width))/2)}main:scope>h1{position:absolute;inset:auto 0 10vh 0;font-size:min(7.5rem,12vw);font-weight:300;text-align:center;letter-spacing:2rem;opacity:.6;z-index:var(--z-index)}main:scope>.animation{position:absolute;inset:0;filter:sepia(1);opacity:.75}main:scope>.animation>*{animation:fade-in 1s ease-in-out}main:scope img{position:absolute;transform:rotate(15deg) scale(4);aspect-ratio:1/1;opacity:.075;z-index:-1;filter:blur(1rem);pointer-events:none}@keyframes fade-in{from{opacity:0}to{opacity:1}}}