@font-face{font-family:'Home Paytone One';src:url('fonts/paytone-one.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}

.home-main{position:relative;width:100%;max-width:1160px;min-height:100svh;margin:0 auto;padding:60px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}
.home-grid{width:100%;max-width:1044px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:40px;perspective:850px}
.home-card{--rx:0deg;--ry:0deg;position:relative;display:grid;grid-template-rows:100px 28px minmax(36px,auto) 25px 25px 40px;row-gap:12px;align-content:space-between;justify-items:center;align-items:center;min-width:0;min-height:386px;padding:28px 24px 30px;border:1px solid #ffffffd9;border-radius:32px;background:linear-gradient(135deg,#ffffff65,#ffffff28);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:0 15px 40px #6e5c8b1c,inset 0 1px 1px #fff9;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s ease-out,box-shadow .2s;color:#fff;text-align:center;font-family:'Home Paytone One',sans-serif;font-weight:400}
.home-card:hover{box-shadow:0 20px 45px #6e5c8b27}
.home-avatar{position:relative;display:grid;place-items:center;width:100px;height:100px;overflow:hidden;border-radius:50%;border:2px solid #fff;background:linear-gradient(130deg,#e8dff1,#c9d7e7);box-shadow:0 5px 18px #6b547b1c}
.home-avatar span{font-size:27px}.home-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-avatar img[hidden]{display:none}
.home-card h2{width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 25px/1.4 'Home Paytone One',sans-serif;letter-spacing:0;color:#fff;text-shadow:0 1px 4px #675c7a40}
.home-badges{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;max-width:100%;min-height:34px;padding:5px 9px;border:1px solid #ffffff85;border-radius:99px;background:#ffffff3d}.home-badges:empty{visibility:hidden}.home-badges img{display:block;width:23px;height:23px;object-fit:contain}
.home-role{margin:0;font:400 15px/25px 'Home Paytone One',sans-serif;color:#fff;white-space:nowrap;text-shadow:0 1px 4px #675c7a40}
.social-divider{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:158px;margin:0;font:400 15px/25px 'Home Paytone One',sans-serif;letter-spacing:0;color:#fff;text-shadow:0 1px 4px #675c7a40}.social-divider span:first-child,.social-divider span:last-child{flex:1;height:1px;background:#ffffff66}
.home-socials{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;margin:0;padding:0}.home-socials a{display:grid;place-items:center;width:34px;height:40px;color:#fff;transition:transform .2s,filter .2s}.home-socials a:hover{transform:translateY(-3px);filter:drop-shadow(0 0 6px #ffffff99)}.home-socials svg{width:31px;height:31px;fill:currentColor;stroke:none}.home-socials svg.outline{fill:none;stroke:currentColor;stroke-width:1.8}.home-socials a:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:5px}
.home-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;max-width:750px;margin:0;padding:0;color:#fff;font:400 14px/1.8 'Home Paytone One',sans-serif;text-align:center;text-shadow:0 1px 4px #675c7a40}.home-footer p{margin:0}

@media(min-width:761px) and (max-width:1050px){.home-main{padding:45px 24px;gap:34px}.home-grid{gap:24px}.home-card{padding:27px 18px 28px;min-height:370px;grid-template-rows:92px 28px minmax(34px,auto) 24px 24px 38px}.home-avatar{width:92px;height:92px}.home-role,.social-divider{font-size:13px}.home-socials{gap:8px}.home-socials a{width:31px}.home-socials svg{width:28px;height:28px}.home-footer{font-size:12px;gap:16px}}
@media(max-width:760px){.home-main{padding:36px 22px;gap:30px}.home-grid{grid-template-columns:1fr;max-width:340px;gap:26px}.home-card{min-height:370px;padding:26px 24px 28px;grid-template-rows:94px 28px minmax(34px,auto) 24px 24px 38px;border-radius:28px}.home-avatar{width:94px;height:94px}.home-card h2{font-size:25px}.home-role,.social-divider{font-size:14px}.home-socials svg{width:29px;height:29px}.home-footer{max-width:370px;font-size:11px;gap:14px}}
@media(prefers-reduced-motion:reduce){.home-card{transform:none;transition:none}.home-socials a{transition:none}}
/* Sweetish signature uses the same sequential handwriting as the profile entrances. */
.home-page .entry-signature{width:min(88vw,680px)}
.stroke-six{animation-delay:4.25s;animation-duration:.65s}.stroke-seven{animation-delay:4.88s;animation-duration:.8s}.stroke-eight{animation-delay:5.66s;animation-duration:1s}.stroke-nine{animation-delay:6.64s;animation-duration:.65s;stroke-width:4}
@media(prefers-reduced-motion:reduce){.stroke-six,.stroke-seven,.stroke-eight,.stroke-nine{visibility:visible;stroke-dashoffset:0}}
/* More noticeable pointer tilt while retaining a smooth return. */
.home-grid{perspective:850px}
.home-card{transition:transform .16s ease-out,box-shadow .2s}

