:root{--atmo-color:rgba(0, 0, 0, 1);--atmo-logo:none;--atmo-logo-size:120px;--atmo-logo-opacity:1;--atmo-logo-filter:drop-shadow(0 0 8px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 12px rgba(255, 255, 255, 0.8));--atmo-logo-position:center;--atmo-image:none;--atmo-in-ms:780ms;--atmo-out-ms:760ms;--atmo-ease:cubic-bezier(0.2, 0.8, 0.2, 1)}html.atmo-cover::before,html.atmo-cover::after{--atmo-cover-in-ms:calc(var(--atmo-in-ms) * 0.8);--atmo-cover-in-delay-ms:calc(var(--atmo-in-ms) * 0.8);--atmo-cover-out-ms:calc(var(--atmo-in-ms) * 1);content:"";position:fixed;pointer-events:none}html.atmo-cover::before{z-index:2147483646;background:var(--atmo-color);opacity:0;width:160vmax;height:160vmax;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform var(--atmo-cover-in-ms) var(--atmo-ease) var(--atmo-in-ms),opacity var(--atmo-cover-in-ms) ease;will-change:transform,opacity}@supports (height:100dvh){html.atmo-cover::before{width:160dvmax;height:160dvmax}}html.atmo-cover::after{view-timeline-name:logo;inset:0;z-index:2147483647;background-image:var(--atmo-logo);background-repeat:no-repeat;background-position:center;background-size:var(--atmo-logo-size);opacity:0;filter:var(--atmo-logo-filter);transition:opacity 180ms ease 200ms;will-change:opacity}html.atmo-cover.atmo-cover--in::before,html.atmo-cover.atmo-cover--hold::before{transform-origin:right bottom;opacity:1;transform:translate(-50%,-50%) scale(1)}html.atmo-cover.atmo-cover--out::before{opacity:1;transform-origin:left top;transform:translate(-50%,-50%) scale(0);transition:transform var(--atmo-cover-out-ms) var(--atmo-ease),opacity 200ms}html.atmo-cover.atmo-cover--in::after,html.atmo-cover.atmo-cover--hold::after{opacity:var(--atmo-logo-opacity)}html.atmo-cover.atmo-cover--out::after{opacity:0}@media only screen and (max-width:600px){html.atmo-cover::before{z-index:2147483646;background:var(--atmo-color);opacity:0;width:160vmax;height:160vmax;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform var(--atmo-cover-in-ms) var(--atmo-ease) var(--atmo-in-ms),opacity var(--atmo-cover-in-ms) ease;will-change:transform,opacity}html.atmo-cover.atmo-cover--out::before{opacity:1;transform-origin:left top;transform:translate(-50%,-50%) scale(0);transition:transform var(--atmo-cover-out-ms) var(--atmo-ease),opacity 200ms}html.atmo-cover::after{background-image:var(--atmo-logo);background-size:min(var(--atmo-logo-size),70vw);opacity:0;transition:opacity 180ms ease 400ms}}@view-transition{navigation:auto}@keyframes image-in{0%{opacity:0;transform:translateY(0) scale(1.01)}33%{opacity:1;transform:translateY(0) scale(1)}66%{opacity:0;transform:translateY(0) scale(1.01)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes image-out{0%{opacity:1;transform:translateY(0) scale(1.01)}33%{opacity:0;transform:translateY(0) scale(1)}66%{opacity:1;transform:translateY(0) scale(1.01)}100%{opacity:0;transform:translateY(0) scale(1)}}html #atmo{--atmo-content-in-ms:calc(var(--atmo-in-ms) * 0.8);--atmo-content-out-delay-ms:calc(var(--atmo-out-ms) * 1.2);--atmo-content-out-ms:calc(var(--atmo-in-ms) * 1);content:"";position:fixed;inset:0;pointer-events:none;z-index:2147483644;background-color:var(--atmo-color);background-image:var(--atmo-image);background-size:cover;background-position:top;background-repeat:no-repeat;opacity:0;left:50%;top:50%;width:100vw;height:100vh;width:100dvw;height:100dvh;transform:translate(-50%,-50%);mask:radial-gradient(#000 70%,#0000 71%) content-box 50%/var(--_s,150% 150%) no-repeat,linear-gradient(#000 0 0);-webkit-mask:radial-gradient(#000 70%,#0000 71%) content-box 50%/var(--_s,150% 150%) no-repeat,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:mask var(--atmo-content-in-ms) var(--atmo-ease),-webkit-mask var(--atmo-content-in-ms) var(--atmo-ease);will-change:mask,-webkit-mask}@media only screen and (max-width:600px){html #atmo{}html.atmo-cover #atmo{z-index:2147483645}}html.atmo-cover.atmo-cover--in #atmo,html.atmo-cover.atmo-cover--hold #atmo{opacity:1;--_s:0% 0%}html.atmo-cover.atmo-cover--out #atmo{opacity:1;--_s:150% 150%;transition:mask var(--atmo-in-ms) var(--atmo-ease) var(--atmo-content-out-delay-ms),-webkit-mask var(--atmo-in-ms) var(--atmo-ease) var(--atmo-content-out-delay-ms)}