.header{--nav-height:68px;min-height:calc(100svh - var(--nav-height));background-color:var(--dark-bg);color:var(--text-white);flex-direction:column;display:flex;position:relative;overflow:hidden}.header:before{content:"";background-image:url(../media/header-bg.3yj9nutz1pcmc.png),radial-gradient(560px at 76% 46%,#5c62ec33,#0000 70%);background-position:right 4% center,50%;background-repeat:no-repeat;background-size:760px,auto;animation:1s cubic-bezier(.55,.085,.68,.53) both text-focus-in;position:absolute;inset:0}.header__wrapper{z-index:1;width:100%;padding-top:var(--section-gap);padding-bottom:var(--section-gap);flex-direction:column;flex:1;justify-content:center;align-items:flex-start;display:flex;position:relative}.header__status{font-size:var(--text-xs);color:#fffc;background-color:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:6px 14px 6px 12px;display:inline-flex}.header__dot{background-color:#4ade80;border-radius:50%;width:8px;height:8px;position:relative}.header__dot:after{content:"";border-radius:inherit;background-color:inherit;animation:2s ease-out infinite header-pulse;position:absolute;inset:0}.header__title{letter-spacing:-.035em;color:#ffffff6b;text-wrap:balance;margin-bottom:24px;font-size:clamp(2.375rem,1.4rem + 4vw,4.5rem);font-weight:700;line-height:1.02}.header__title strong{font-weight:inherit;color:var(--text-white);display:block}.header__title em{color:var(--accent);font-style:normal}.header__text{max-width:44ch;font-size:var(--text-lg);color:#ffffffb3;text-wrap:pretty;margin-bottom:36px;line-height:1.5}.actions{flex-wrap:wrap;gap:12px;display:flex}.header .btn{padding:16px 28px}.btn--ghost{background-color:#0000;border-color:#ffffff59}.btn--ghost:hover{border-color:var(--text-white);background-color:#ffffff14}.header__bottom{z-index:1;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;padding-bottom:24px;display:flex;position:relative}.header__stack{color:#ffffff8c;flex-wrap:wrap;gap:6px 20px;display:flex}.header__scroll{color:#9ea3f5;white-space:nowrap;align-items:center;gap:8px;transition:color .2s;display:inline-flex}.header__scroll span{animation:1.8s ease-in-out infinite header-bounce}.header__scroll:hover{color:var(--text-white)}.header__scroll:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}@media (max-width:900px){.header:before{background-position:right -180px top 24px,50%;background-size:520px,auto}}@media (max-width:650px){.header{min-height:unset}}@media (max-width:480px){.header__stack{display:none}.header__bottom{justify-content:flex-end}}@media (max-height:560px){.header{min-height:unset}}@keyframes text-focus-in{0%{filter:blur(12px);opacity:0}to{filter:blur();opacity:1}}@keyframes header-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes header-bounce{50%{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.header__dot:after,.header__scroll span{animation:none}}
.project-preview__title{text-align:center;margin:0;font-size:1.2rem}.portfolio-preview__more{margin-top:var(--block-gap);justify-content:center;display:flex}.portfolio-preview__more .btn svg{width:1rem;height:1rem}