html:has([data-page=contact]){overflow-x:auto}html:has([data-page=contact]) body{overflow-x:auto}html:has([data-page=contact]) body{color:#111318;-webkit-font-smoothing:antialiased;background:#f5f3ef;margin:0;font-family:Manrope,system-ui,sans-serif}[data-page=contact] a{color:#111318;text-underline-offset:3px;text-decoration-color:#ffb020}[data-page=contact] a:hover{color:#ffb020}[data-page=contact] *{box-sizing:border-box}[data-page=contact]:focus-visible,[data-page=contact] :focus-visible{outline-offset:3px;outline:2px solid #ffb020}html:has([data-page=contact]){scroll-behavior:smooth;scroll-padding-top:88px}@keyframes iPulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes aboutRun{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:calc(100% - 6px)}}@keyframes aboutChip{0%,to{opacity:0}8%,28%{opacity:1}40%{opacity:0}}@keyframes aboutBar{0%{transform:scaleX(0)}60%,85%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes aboutFlow{0%{opacity:0;top:-4px}20%,80%{opacity:1}to{opacity:0;top:calc(100% - 4px)}}@keyframes heroTick{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes heroDrift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-4%,3%)scale(1.08)}}@keyframes ctSpin{to{transform:rotate(360deg)}}[data-page=contact] input::placeholder,[data-page=contact] textarea::placeholder{color:#8a8d92}@media (prefers-reduced-motion:reduce){html:has([data-page=contact]){scroll-behavior:auto}[data-page=contact] *{animation:none!important}}.contact-h1:hover{color:#ffb020!important}.contact-f2:focus{border-color:#111318!important;box-shadow:0 0 0 3px #ffb02059!important}.contact-h3:hover{border-color:#111318!important}.contact-h4:hover{background:#ffffff3d!important}.contact-h5:hover{background:#ffc24d!important}.contact-h6:hover{color:#f3f1ec!important}
