@keyframes nameReveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes circleSnap{0%{opacity:.25;transform:scale(.88)}65%{opacity:.25;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.splash{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background-color:#000}.splash__bg{position:absolute;inset:0;background-color:#0a0a0a;z-index:0}.splash__bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.5s ease}.splash__bg-img--active{opacity:1}.splash__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#00000080,#0000004d 40% 60%,#0009)}.splash__content{position:relative;z-index:1;text-align:center;padding:var(--space-8);display:flex;flex-direction:column;justify-content:center;align-items:center}.splash__name{font-family:var(--font-serif);font-size:clamp(3rem,10vw,7rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.05;margin-bottom:var(--space-4);background-size:cover;background-position:center;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.6);filter:brightness(1.5) contrast(1.3) drop-shadow(0 2px 4px rgba(0,0,0,.9)) drop-shadow(0 0 8px rgba(0,0,0,.7));opacity:0;animation:nameReveal .7s cubic-bezier(.22,1,.36,1) .3s forwards}.splash__tagline{font-family:var(--font-sans);font-size:clamp(.75rem,2vw,1rem);font-weight:400;letter-spacing:.25em;text-transform:uppercase;color:var(--color-primary);margin:0;opacity:0;animation:fadeUp .6s ease .8s forwards}.splash__circles{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8);margin-top:var(--space-8);padding-bottom:var(--space-8)}.splash__circle{position:relative;width:120px;height:120px;border-radius:50%;overflow:visible;border:2px solid rgba(255,255,255,.25);box-shadow:0 4px 30px #00000080;text-decoration:none;display:flex;align-items:center;justify-content:center;opacity:0;cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.splash__circle--category,.splash__circle--about{animation:circleSnap 1s cubic-bezier(.22,1,.36,1) forwards}.splash__circle:hover{border-color:#ffffff80;box-shadow:0 6px 40px #0009}.splash__circle:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.splash__circle-rotator{position:absolute;inset:0;border-radius:50%;overflow:hidden}.splash__circle-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease}.splash__circle-slide--active{opacity:1}.splash__circle-img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;transition:opacity .4s ease}.splash__portrait-default{opacity:1}.splash__portrait-hover,.splash__circle--about:hover .splash__portrait-default{opacity:0}.splash__circle--about:hover .splash__portrait-hover{opacity:1}.splash__circle-label{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:#ffffff80;white-space:nowrap;transition:color var(--transition-base)}.splash__circle:hover .splash__circle-label{color:#fff}.splash__social{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);z-index:1;display:flex;gap:var(--space-4);opacity:0;animation:fadeUp .6s ease 1.8s forwards}.splash__social-link{color:#ffffff59;transition:color var(--transition-base);display:flex;align-items:center;justify-content:center;padding:var(--space-2)}.splash__social-link:hover{color:#fffc}.splash__social-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:4px}@media(max-width:575px){.splash__name{font-size:clamp(2.2rem,12vw,3.5rem);background-image:none!important;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:#ffffff;-webkit-text-stroke:0;filter:none;text-shadow:0 2px 20px rgba(0,0,0,.7)}.splash__name:before{display:none}.splash__circles{gap:var(--space-6)}.splash__circle{width:90px;height:90px}.splash__circle-label{bottom:-24px;font-size:.625rem}}@media(prefers-reduced-motion:reduce){.splash__name,.splash__tagline,.splash__circle{animation:none;opacity:1;transform:none}.splash__circle-slide,.splash__bg-img{transition:none}}