.dd-scene svg{display:block;overflow:visible}
.dd-scene{position:absolute;left:0;top:0;width:390px;height:844px;transform-origin:195px 422px;pointer-events:none;animation:dd-sceneDrift 2.15s 0.9s cubic-bezier(0.22,1,0.36,1) both}
.dd-clip{position:absolute;left:112.03px;top:381.24px;width:400px;height:81.52px;overflow:hidden;animation:dd-clipMove 0.5s 1.8s cubic-bezier(0.22,1,0.36,1) both}
.dd-scroll{position:absolute;left:0;top:0;width:400px;height:81.52px;animation:dd-scroll 0.5s 1.8s cubic-bezier(0.22,1,0.36,1) both}
.dd-addle{position:absolute;left:0;top:10px;width:209.97px;height:61.52px;animation:dd-addleIn 0.5s 0.9s cubic-bezier(0.22,1,0.36,1) both,dd-fadeIn 0.15s 0.95s cubic-bezier(0.22,1,0.36,1) both}
.dd-final{position:absolute;left:68px;top:391.24px;width:44.03px;height:61.52px;animation:dd-fadeIn 0.01s 1.4s linear both,dd-slide 0.5s 1.8s cubic-bezier(0.22,1,0.36,1) both}
.dd-front{width:44.03px;height:61.52px;backface-visibility:hidden;-webkit-backface-visibility:hidden;animation:dd-flipFront 0.5s 2.3s cubic-bezier(0.22,1,0.36,1) both}
.dd-push{position:absolute;left:66.5px;top:242.46px;width:257px;height:359.07px;animation:dd-push 0.5s 0.9s cubic-bezier(0.22,1,0.36,1) both,dd-fadeOut 0.01s 1.4s linear both}
.dd-drift{width:257px;height:359.07px;animation:dd-drift 0.65s 0.25s cubic-bezier(0.22,1,0.36,1) both}
.dd-intro{width:257px;height:359.07px;animation:dd-intro 0.25s 0s cubic-bezier(0.22,1,0.36,1) both}
.dd-back{position:absolute;left:118.5px;top:345.5px;width:153px;height:153px;backface-visibility:hidden;-webkit-backface-visibility:hidden;animation:dd-flipBack 0.5s 2.3s cubic-bezier(0.22,1,0.36,1) both}
.dd-ring{width:153px;height:153px;box-sizing:border-box;padding:1.5px;border-radius:35.1px;background:linear-gradient(150deg,#F4F4F4 0%,#A9A9A9 35%,#E6E6E6 55%,#8C8C8C 100%);box-shadow:0 0 18px rgba(221,224,244,.16),-12px -9px 42px rgba(206,211,238,.14),14px 12px 48px rgba(183,190,222,.10),0 0 80px rgba(195,201,233,.08),0 24px 44px rgba(0,0,0,.75),0 7px 16px rgba(0,0,0,.6)}
.dd-ring img{display:block;width:150px;height:150px;border-radius:33.6px}
@keyframes dd-push{from{transform:translateX(0) scale(1)}to{transform:translateX(-104.99px) scale(0.16796)}}
@keyframes dd-drift{from{transform:scale(1)}to{transform:scale(1.02)}}
@keyframes dd-intro{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}
@keyframes dd-addleIn{from{transform:translateX(214.04px)}to{transform:translateX(0)}}
@keyframes dd-sceneDrift{from{transform:scale(1)}to{transform:scale(1.03)}}
@keyframes dd-clipMove{from{transform:translateX(0)}to{transform:translateX(104.99px)}}
@keyframes dd-scroll{from{transform:translateX(0)}to{transform:translateX(-222px)}}
@keyframes dd-slide{from{transform:translateX(0)}to{transform:translateX(104.99px)}}
@keyframes dd-flipFront{from{transform:perspective(600px) rotateY(0deg)}to{transform:perspective(600px) rotateY(180deg)}}
@keyframes dd-flipBack{from{transform:perspective(600px) rotateY(-180deg)}to{transform:perspective(600px) rotateY(0deg)}}
@keyframes dd-fadeIn{from{opacity:0}to{opacity:1}}
@keyframes dd-fadeOut{from{opacity:1}to{opacity:0}}

:root{color-scheme:dark;background:#111;color:#f5f4ef;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{overflow-x:clip}body{margin:0;overflow-x:clip}main{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:100px 24px;overflow:clip}
.brand{position:absolute;top:max(28px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));width:112px;line-height:0;animation:reveal .4s 3.27s both}
.arrival{display:flex;flex-direction:column;align-items:center;gap:36px}.icon-holder{position:relative;width:153px;height:153px}.reduced-icon{display:none}
.brand img{display:block;width:100%;height:auto}h1{margin:0;font-size:clamp(28px,5vw,48px);font-weight:400;line-height:1.2;letter-spacing:-.035em;animation:reveal .65s 3.27s both}
.splash{position:absolute;inset:0;pointer-events:none}
.stage{position:absolute;left:50%;top:50%;margin-left:-195px;margin-top:-422px;width:390px;height:844px;transform:scale(1)}
@keyframes reveal{from{opacity:0}to{opacity:1}}@keyframes retire{to{visibility:hidden}}


@media(max-width:480px){.stage{transform:scale(.82)}.icon-holder{width:126px;height:126px}.reduced-icon{transform:scale(.82);transform-origin:top left}.arrival{gap:30px}}
@media(max-height:480px){main{padding-block:84px 32px}.arrival{gap:20px}.stage{transform:scale(.7)}.icon-holder{width:108px;height:108px}.reduced-icon{transform:scale(.7);transform-origin:top left}}
@media(min-width:768px){.brand{top:40px;left:40px;width:124px}}
@media(prefers-reduced-motion:reduce){.splash{display:none}.brand,h1{animation:none}.reduced-icon{display:block}}