[hidden]{display:none!important}.welcome-open{overflow:hidden}.welcome{position:fixed;inset:0;z-index:50;background:#08090b;color:#f4f4f0;display:grid;place-items:center;overflow:hidden;min-height:440px;transition:opacity .75s ease,transform .9s cubic-bezier(.22,1,.36,1);perspective:1000px}.welcome.leaving{opacity:0;transform:scale(1.08);pointer-events:none}.welcome-brand{position:absolute;top:32px;left:var(--gutter);font-size:15px;font-weight:600;letter-spacing:-.5px}.welcome-note{position:absolute;bottom:28px;left:var(--gutter);color:#858993;font-size:11px}.welcome-skip{position:absolute;right:var(--gutter);top:28px;background:none;border:0;border-bottom:1px solid #6e727b;padding:8px 0;font-size:12px}.welcome-center{display:flex;align-items:center;flex-direction:column;text-align:center;position:relative;z-index:2;padding:70px 20px 65px}.avatar-space{width:clamp(220px,29vw,350px);aspect-ratio:1;perspective:850px;margin-bottom:14px}.avatar-head{position:relative;width:100%;height:100%;transform:translate3d(var(--head-x,0px),var(--head-y,0px),0) rotateX(var(--pitch,0deg)) rotateY(var(--yaw,0deg)) rotateZ(var(--roll,0deg));transition:transform .36s cubic-bezier(.2,.7,.3,1);will-change:transform}.avatar-head>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 28px #0008);user-select:none;-webkit-user-drag:none}.avatar-eye{position:absolute;top:41.25%;width:9.4%;height:4.45%;border-radius:50%;overflow:hidden;pointer-events:none}.avatar-eye.left{left:34.6%;transform:rotate(1deg)}.avatar-eye.right{left:54.8%;transform:rotate(-1deg)}.avatar-iris{position:absolute;width:49%;aspect-ratio:1;top:50%;left:50%;border-radius:50%;background:radial-gradient(circle at 50% 50%,#13120f 0 32%,#4b3424 34%,#916443 56%,#3d2d22 68%,#201a16 72%);box-shadow:0 0 1px #34251a;transform:translate(calc(-50% + var(--eye-x,0px)),calc(-50% + var(--eye-y,0px)));transition:transform .25s ease-out}.avatar-iris:after{content:'';position:absolute;left:23%;top:18%;width:18%;height:18%;border-radius:50%;background:#fffc;box-shadow:4px 5px 0 -1px #fff6}.welcome-center h2{font:500 clamp(36px,4.6vw,66px)/1.05 var(--display);letter-spacing:-.055em}.welcome-center>p{font-size:14px;color:#a8aab4;margin-top:15px}.enter-button{display:flex;align-items:center;gap:35px;border:1px solid #ffffff40;border-radius:40px;background:#f4f4f0;color:#16171b;font-size:14px;padding:15px 23px;margin-top:29px;transition:box-shadow .25s,transform .25s}.enter-button span{font-size:19px}.enter-button:hover{box-shadow:0 0 28px #c6c1fc33;transform:translateY(-2px)}.welcome-key{margin-top:13px;color:#656a76;font-size:10px}.welcome-words{position:absolute;inset:0;pointer-events:none;overflow:hidden}.welcome-words span{position:absolute;color:#858a99;font-size:clamp(12px,1.4vw,21px);letter-spacing:-.025em;opacity:0;animation:word-arrive 1.5s ease forwards;animation-delay:var(--delay);transform:translateY(16px)}.welcome-words span:nth-child(1){left:15%;top:28%;--delay:.2s}.welcome-words span:nth-child(2){right:13%;top:34%;--delay:.8s}.welcome-words span:nth-child(3){left:10%;top:63%;--delay:1.4s}.welcome-words span:nth-child(4){right:10%;top:65%;--delay:2s}.welcome-words span:nth-child(5){right:24%;top:16%;--delay:2.6s}.welcome-words span:nth-child(6){left:24%;bottom:13%;--delay:3.2s}.welcome-words:before,.welcome-words:after{content:'+';position:absolute;color:#c8b6f055;font-size:28px;font-weight:300;left:30%;top:19%}.welcome-words:after{left:auto;right:25%;top:78%;font-size:19px}.welcome.entered .welcome-center{transform:translateY(-35px);transition:transform .7s}.replay-welcome{border:0;background:none;font-size:10px;color:inherit;padding:0}.welcome-open .site-header{visibility:hidden}@keyframes word-arrive{to{opacity:.55;transform:translateY(0)}}@media(max-width:760px){.welcome-brand{top:23px;font-size:13px}.welcome-skip{top:17px;font-size:11px}.welcome-center{padding:55px 20px}.avatar-space{width:min(65vw,290px)}.welcome-center h2{font-size:42px}.welcome-words span{font-size:11px}.welcome-words span:nth-child(1){left:7%;top:21%}.welcome-words span:nth-child(2){right:6%;top:17%}.welcome-words span:nth-child(3){left:5%;top:72%}.welcome-words span:nth-child(4){right:5%;top:78%}.welcome-words span:nth-child(n+5){display:none}.welcome-key{display:none}.welcome-note{bottom:20px;font-size:9px}}@media(max-height:640px){.avatar-space{width:190px;margin-bottom:4px}.welcome-center h2{font-size:36px}.welcome-center>p{margin-top:9px}.enter-button{margin-top:17px}.welcome-key{display:none}}@media(prefers-reduced-motion:reduce){.welcome,.avatar-head,.avatar-iris,.enter-button{transition:none!important}.welcome-words span{animation:none;opacity:.5;transform:none}}.motion-reduced .welcome-words span{animation:none;opacity:.5;transform:none}.motion-reduced .avatar-head,.motion-reduced .avatar-iris{transition:none}
/* Complete cartoon eyes, with a tiny local shift of the original artwork. */
.avatar-eye{top:49.4%;width:13.8%;height:8.2%;border-radius:45%;mask-image:radial-gradient(ellipse,#000 50%,transparent 72%);transform:translate(var(--eye-x,0px),var(--eye-y,0px))!important;transition:transform .25s ease-out;background-image:url('assets/sandro-avatar-v6.png');background-size:724.638% 1219.512%;pointer-events:none}.avatar-eye.left{left:29.4%;background-position:34.107% 53.813%}.avatar-eye.right{left:54.8%;background-position:63.573% 53.813%}.avatar-iris{display:none}
.avatar-head.has-3d{transform:none!important;transition:none!important}.avatar-head.has-3d>img,.avatar-head.has-3d .avatar-eye{visibility:hidden}.avatar-webgl{position:absolute;inset:0;width:100%;height:100%;display:block}.avatar-space{width:clamp(250px,33vw,400px)}@media(max-width:760px){.avatar-space{width:min(72vw,310px)}}@media(max-height:640px){.avatar-space{width:220px}}