/* A quiet entrance, in the visual family of MarvinKWhite.ai and TendeSF. */
.splash-page{min-height:100svh;background:#fff;color:#111}
.splash-header{padding:clamp(48px,9vh,90px) 24px 0;text-align:center}
.splash-header h1{font-size:clamp(29px,3.2vw,43px);font-weight:500;letter-spacing:-1.5px;line-height:1.2}
.splash-main{max-width:none;min-height:0;padding:clamp(115px,22vh,225px) 24px 90px;margin:0}
.splash-symbols{display:grid;grid-template-columns:repeat(6,120px);justify-content:center;align-items:center;gap:clamp(28px,4vw,66px)}
.splash-link{position:relative;display:flex;justify-content:center;align-items:center;width:120px;height:125px;text-decoration:none}
.splash-link .symbol{width:88px;height:88px;overflow:visible;transform-origin:center;transform-box:fill-box}
.splash-caption{position:absolute;top:calc(100% + 17px);left:50%;transform:translateX(-50%);font-size:13px;font-weight:400;line-height:1.4;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}
.splash-link:hover .splash-caption,.splash-link:focus-visible .splash-caption{opacity:1}
.splash-link:focus-visible{outline:1px solid #111;outline-offset:8px}
.splash-link .symbol-house{animation:splash-house 6s ease-in-out infinite}
.splash-link .symbol-about{animation:splash-eyes 5.6s ease-in-out infinite;transform-origin:50% 50%}
.splash-link .symbol-books{animation:splash-pages 5.2s ease-in-out infinite}
.splash-link .symbol-special-projects{animation:splash-projects 12s cubic-bezier(.7,0,.3,1) infinite}
.splash-link .symbol-prophetics{animation:splash-voice 3.8s ease-in-out infinite}
.splash-link .symbol-contact{animation:splash-conversation 6.5s ease-in-out infinite}
@keyframes splash-house{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes splash-eyes{0%,42%,49%,76%,83%,100%{transform:scaleY(1)}45%,79%{transform:scaleY(.08)}}
@keyframes splash-pages{0%,35%,65%,100%{transform:perspective(450px) rotateY(0)}42%{transform:perspective(450px) rotateY(-21deg)}50%{transform:perspective(450px) rotateY(18deg)}58%{transform:perspective(450px) rotateY(-9deg)}}
@keyframes splash-projects{0%,20%{transform:rotate(0)}35%,60%{transform:rotate(90deg)}75%,100%{transform:rotate(180deg)}}
@keyframes splash-voice{0%,35%,100%{transform:scale(1)}48%{transform:scale(1.075)}60%{transform:scale(1)}72%{transform:scale(1.045)}84%{transform:scale(1)}}
@keyframes splash-conversation{0%,40%,100%{transform:translateY(0) rotate(0)}55%{transform:translateY(-5px) rotate(-3deg)}70%{transform:translateY(0) rotate(2deg)}85%{transform:translateY(-2px) rotate(0)}}
@media(max-width:1050px){.splash-symbols{grid-template-columns:repeat(3,120px);gap:62px 65px}.splash-main{padding-top:clamp(90px,15vh,150px)}}
@media(max-width:540px){.splash-header{padding-top:60px}.splash-main{padding:80px 20px 90px}.splash-symbols{grid-template-columns:repeat(3,80px);gap:52px 25px}.splash-link{width:80px;height:95px}.splash-link .symbol{width:66px;height:66px}.splash-caption{font-size:11px;white-space:normal;width:100px;top:calc(100% + 10px)}}
@media(max-width:340px){.splash-symbols{grid-template-columns:repeat(2,85px);gap:45px 35px}.splash-main{padding-top:60px}}
@media(prefers-reduced-motion:reduce){.splash-link .symbol{animation:none!important;transform:none!important}.splash-caption{transition:none}}