@keyframes fadeIn{from{opacity:0}to{opacity:1}}.home{display:flex;flex-direction:column;min-height:100svh;overflow:hidden}canvas{position:absolute;top:0;left:0;pointer-events:none}.home::after{content:"";pointer-events:none;background:linear-gradient(54deg in oklch,oklch(from rgba(22,145,198,0.861) l c h/0.65) -15%,oklch(from rgba(22,145,198,0.861) l c h/0) 48%),linear-gradient(12deg in oklch,oklch(from rgba(208,114,6,0.9) calc(l - 0.1) c h/0.65) -10%,oklch(from rgba(255,141,7,0.9) calc(l - 0.1) c h/0) 45%);position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:0}#pl img,#logo,#helix{position:absolute;top:50%;left:50%;max-height:65svh}#pl img{transition:opacity 2s 0.75s cubic-bezier(0,0,0.3,1),filter 2s 0.75s cubic-bezier(0,0,0.3,1),translate 2s 0.75s cubic-bezier(0,0,0.3,1)}#logo{transition:opacity 3.75s 1.45s cubic-bezier(0,0,0.3,1),filter 3.8s 1.4s cubic-bezier(0,0,0.3,1),translate 3.8s 1.3s cubic-bezier(0,0,0.3,1)}#pl img.hidden{opacity:0;transform-origin:0% 0%;filter:blur(12px);transform:translateX(-100%) translateX(35%) translateY(-60%)}#logo.hidden{opacity:0;translate:0;transform-origin:0% 0%;filter:brightness(3)}#pl img{transform:translateX(-100%) translateX(35%) translateY(-60%)}#helix,#logo{max-height:40svh;transform:translateY(-60%)}#helix{height:100%;aspect-ratio:1/1.8267;perspective:500px}#helix .slice{width:100%;height:5%;background:transparent url(https://ssr-www.pages.dev/images/logos/logo-home.svg?kwid=1bfqlwtjpw-%2560ln)0 0/100%auto no-repeat;transition:opacity 3s cubic-bezier(0.3,0,0.4,1),transform 1.5s cubic-bezier(0.6,0,0.5,1);transform-origin:50% 50%;transform:rotateY(0deg);--delay:0.025s}#helix.hidden .slice{opacity:0;transform:rotateY(235deg)}#helix .slice:nth-child(1){background-position:0 0%;transition-delay:calc(var(--delay)*1)}#helix .slice:nth-child(2){background-position:0 5.25%;transition-delay:calc(var(--delay)*2)}#helix .slice:nth-child(3){background-position:0 10.5%;transition-delay:calc(var(--delay)*3)}#helix .slice:nth-child(4){background-position:0 15.75%;transition-delay:calc(var(--delay)*4)}#helix .slice:nth-child(5){background-position:0 21%;transition-delay:calc(var(--delay)*5)}#helix .slice:nth-child(6){background-position:0 26.25%;transition-delay:calc(var(--delay)*6)}#helix .slice:nth-child(7){background-position:0 31.5%;transition-delay:calc(var(--delay)*7)}#helix .slice:nth-child(8){background-position:0 36.75%;transition-delay:calc(var(--delay)*8)}#helix .slice:nth-child(9){background-position:0 42%;transition-delay:calc(var(--delay)*9)}#helix .slice:nth-child(10){background-position:0 47.25%;transition-delay:calc(var(--delay)*10)}#helix .slice:nth-child(11){background-position:0 52.5%;transition-delay:calc(var(--delay)*11)}#helix .slice:nth-child(12){background-position:0 57.75%;transition-delay:calc(var(--delay)*12)}#helix .slice:nth-child(13){background-position:0 63%;transition-delay:calc(var(--delay)*13)}#helix .slice:nth-child(14){background-position:0 68.25%;transition-delay:calc(var(--delay)*14)}#helix .slice:nth-child(15){background-position:0 73.5%;transition-delay:calc(var(--delay)*15)}#helix .slice:nth-child(16){background-position:0 78.75%;transition-delay:calc(var(--delay)*16)}#helix .slice:nth-child(17){background-position:0 84%;transition-delay:calc(var(--delay)*17)}#helix .slice:nth-child(18){background-position:0 89.25%;transition-delay:calc(var(--delay)*18)}#helix .slice:nth-child(19){background-position:0 94.5%;transition-delay:calc(var(--delay)*19)}#helix .slice:nth-child(20){background-position:0 99.75%;transition-delay:calc(var(--delay)*20)}.intro{display:flex;flex-direction:column;justify-content:flex-end;flex:1;z-index:1;padding:var(--g3) var(--g3) var(--g8) var(--g3);opacity:0;animation:fadeIn 3.3s cubic-bezier(0.6,0,0.3,1) 1s forwards}.intro p{font:normal 800 24px/1.2 var(--atw-title-font);text-transform:uppercase;margin:0}.intro p a{color:#27bbf4;text-decoration:none}.intro p:first-of-type{font:normal 800 16px/1 var(--atw-title-font);color:#eeaa23}#github,#bluesky{width:24px;height:24px;position:absolute;bottom:var(--g4);font-size:0;opacity:0.4;transition:opacity 0.2s cubic-bezier(0,0,0.3,1);z-index:1;display:none}#github{right:var(--g14);background:var(--icon-github) center center/contain no-repeat}#bluesky{right:var(--g4);background:var(--icon-bluesky) center center/contain no-repeat}#github:hover,#github:focus,#bluesky:hover,#bluesky:focus{opacity:1}@media screen and (min-width:500px){.intro p{max-width:500px;font-size:28px}.intro p:first-of-type{font-size:20px}}@media screen and (min-width:640px){:root{--spread:max(90px,14svh)}.intro p{font-size:36px}.intro p:first-of-type{font-size:22px}#pl img{max-height:80svh}#helix,#logo{max-height:55svh}#github,#bluesky{display:block}}@media screen and (min-width:960px){.intro{padding:var(--g6) var(--g6) var(--g10) var(--g6)}.intro p{max-width:600px;font-size:42px}.intro p:first-of-type{font-size:24px;margin-bottom:var(--g2)}#pl img{max-height:100svh;transform:translateX(-100%) translateX(35%) translateY(-50%)}#helix,#logo{transform:translateY(-50%);max-height:70svh}}