/* CV header/footer, with Tailwind utility values made explicit. */
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;padding:16px 0;background:rgba(5,5,5,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);min-height:77px;transition:all .3s}
.header-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}
.header-brand{display:flex;align-items:center;gap:12px}
.header-logo{display:block;width:44px;height:44px;object-fit:contain;flex-shrink:0}
.header-wordmark{font-family:'Reddit Sans',Arial,sans-serif;font-weight:700;font-size:18px;line-height:28px;letter-spacing:-.9px}
.glow-motion{background:linear-gradient(100deg,#2de2e6,#9b5cff);background-size:250% auto;background-position:100% 0;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position 1.5s ease-out}
.glow-motion.active{background-position:0% 0}
.header-topic{font:12px/16px var(--mono);text-transform:uppercase;letter-spacing:2.4px;display:block;color:#f3f4f6;white-space:nowrap;flex-shrink:0;text-align:right;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}
.header-delimiter{color:var(--cyan)}
@keyframes pulse{50%{opacity:.5}}
main{padding:141px 52px 20px;max-width:1188px;margin:auto}
.skip{z-index:100}
.cv-footer{padding:80px 0;text-align:center;background:#050505;position:relative;overflow:hidden;margin-top:65px}
.cv-footer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(100% - 48px);max-width:1152px;border-top:1px solid var(--line)}
.footer-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;position:relative;z-index:10}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.footer-logo{display:block;width:192px;max-width:70vw;height:auto;object-fit:contain}
.cv-footer p{margin:0;font:10px/15px var(--mono);text-transform:uppercase;letter-spacing:2px;color:var(--muted)}
@media(min-width:768px){.header-inner{padding:0 48px}.cv-footer::before{width:calc(100% - 96px)}}
@media(max-width:800px){main{padding:115px 22px 15px}}
@media(max-width:767px){.footer-logo{width:168px}}
@media(prefers-reduced-motion:reduce){.header-topic{animation:none}.site-header,.glow-motion{transition:none}}