.header{display:flex;width:100%;padding:2rem;justify-content:center;align-items:center;color:var(--ice);position:fixed;top:0;z-index:30;animation:header-shrink linear both;animation-timeline:scroll(root);animation-range:0 200px}@keyframes header-shrink{to{padding:1rem 2rem}}.header .header__container{display:flex;width:100%;max-width:var(--max-width);justify-content:space-between;background:color-mix(in oklab,var(--ink-10) 65%,transparent);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);padding:1rem 1.6rem;border-radius:999px;height:auto;min-height:6.4rem;border:1px solid var(--ink-30);box-shadow:0 30px 80px -40px #2563ff73,inset 0 1px color-mix(in oklab,var(--electric) 25%,transparent);flex-wrap:wrap;transition:padding .4s var(--ease-out-soft)}.header .profile .header__title{font-size:var(--text-title);font-weight:600;cursor:pointer;font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 50;letter-spacing:-.02em}.header .header__list{display:flex;align-items:center;justify-content:space-evenly;gap:.8rem;margin-right:1rem;padding:0;list-style:none}.header .links{display:flex;gap:22px;font-size:var(--text-general);outline:none}.header .menu__link{position:relative;display:flex;align-items:center;gap:.8rem;padding:.8rem 1.4rem;border-radius:999px;color:var(--sky);transition:color .35s var(--ease-out-soft),background .35s var(--ease-out-soft),transform .35s var(--ease-out-soft);font-size:1.4rem}.header .menu__num{font-family:var(--font-mono);font-size:1rem;letter-spacing:.1em;color:var(--electric);opacity:.7;transition:opacity .35s,color .35s}.header .menu__link:hover{color:var(--ice);background:color-mix(in oklab,var(--electric) 14%,transparent);transform:translateY(-1px)}.header .menu__link:hover .menu__num{color:var(--accent-cyan);opacity:1}.header .menu__link:after{content:"";position:absolute;inset:auto 1.4rem .4rem;height:1px;background:linear-gradient(90deg,var(--azure),var(--accent-cyan));transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease-out-soft)}.header .menu__link:hover:after{transform:scaleX(1)}.icons,.menu__btn{display:none}@media screen and (max-width:768px){.header{padding:1rem}.header .header__container{border-radius:24px}.header .links{position:fixed;width:100%;top:calc(100vh - 16rem);justify-content:center;align-items:center;right:0;align-self:center;flex-direction:column;pointer-events:none}.header .header__list{margin-right:0;z-index:2;background:color-mix(in oklab,var(--ink-10) 88%,transparent);backdrop-filter:blur(20px);justify-content:space-around;align-items:center;border-radius:22px;width:calc(100% - 2rem);padding:.8rem 1rem;border:1px solid var(--ink-30);box-shadow:0 20px 60px -20px #2563ff80;align-self:center;opacity:0;pointer-events:none;transition:opacity .35s}.header .menu__num{display:none}.links:focus-within .header__list{opacity:1;pointer-events:all}.links:focus-within .menu__btn{opacity:0;pointer-events:none}.icon__container{display:flex;flex-direction:column;align-items:center;gap:.2rem}.icons{display:block}.menu__label{font-size:1rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sky)}.menu__btn{display:flex;justify-content:center;align-items:center;gap:.6rem;padding:.6rem 2rem;background:color-mix(in oklab,var(--ink-10) 80%,transparent);border-radius:999px;font-size:1.4rem;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;transition:.35s opacity;max-width:-moz-max-content;max-width:max-content;color:var(--accent-cyan);position:absolute;border:1px solid color-mix(in oklab,var(--accent-cyan) 50%,transparent);pointer-events:all;animation:linear scroll-btn;animation-timeline:scroll();box-shadow:0 8px 30px -10px #58e5ff99}}@keyframes scroll-btn{0%,1%{opacity:0}2%{opacity:inherit}}.img__container[data-astro-cid-tvrurpns]{position:relative;width:4rem;height:4rem;border-radius:50%;overflow:hidden;transition:.4s var(--ease-out-soft);border:1px solid color-mix(in oklab,var(--electric) 60%,transparent);box-shadow:0 0 color-mix(in oklab,var(--azure) 50%,transparent)}.img__container[data-astro-cid-tvrurpns]:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(from 0deg,var(--azure),var(--accent-cyan),var(--electric),var(--azure));filter:blur(6px);opacity:.55;z-index:-1;animation:spin 6s linear infinite}.img__container[data-astro-cid-tvrurpns] img[data-astro-cid-tvrurpns]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.img__container[data-astro-cid-tvrurpns] .dot[data-astro-cid-tvrurpns]{position:absolute;bottom:1px;right:1px;width:8px;height:8px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan);animation:pulse 1.8s ease-in-out infinite}.profile[data-astro-cid-tvrurpns]:hover .img__container[data-astro-cid-tvrurpns]{transform:scale(1.05);box-shadow:0 0 0 6px color-mix(in oklab,var(--azure) 18%,transparent)}.profile[data-astro-cid-tvrurpns]{display:flex;align-items:center;gap:1.2rem;text-decoration:none}.header__title[data-astro-cid-tvrurpns]{display:flex;flex-direction:column;line-height:1;gap:2px}.header__title-name[data-astro-cid-tvrurpns]{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 30;font-weight:500;font-size:1.8rem;color:var(--ice);letter-spacing:-.02em}.header__title-meta[data-astro-cid-tvrurpns]{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.18em;color:var(--sky);opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}@media(max-width:480px){.header__title-meta[data-astro-cid-tvrurpns]{display:none}.header__title-name[data-astro-cid-tvrurpns]{font-size:1.6rem}}.footer{width:100%;background:var(--ink-0);border-top:1px solid var(--ink-30);padding:10rem 4rem 4rem;display:flex;justify-content:center;color:var(--ice);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,color-mix(in oklab,var(--cobalt) 30%,transparent),transparent 60%);pointer-events:none}.footer__inner{width:100%;max-width:var(--max-width);display:flex;flex-direction:column;gap:6rem;position:relative}.footer__statement{display:flex;flex-direction:column;gap:1.6rem}.footer__line{font-family:var(--font-display);font-size:clamp(4rem,9vw,11rem);font-weight:300;line-height:.95;letter-spacing:-.04em;color:var(--ice);margin:0;font-variation-settings:"opsz" 144,"SOFT" 30;text-wrap:balance}.footer__line em{font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 100;background:var(--text-glow);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.footer__email{display:inline-flex;align-items:center;gap:1.4rem;font-family:var(--font-display);font-size:clamp(2.4rem,4.4vw,5.6rem);font-weight:300;letter-spacing:-.02em;color:var(--ice);text-decoration:none;transition:color .4s var(--ease-out-soft),text-shadow .4s var(--ease-out-soft);max-width:-moz-max-content;max-width:max-content;font-variation-settings:"opsz" 144,"SOFT" 30;border-bottom:1px solid var(--ink-30);padding-bottom:1.6rem}.footer__email-text{background:linear-gradient(90deg,var(--ice) 0%,var(--ice) 50%,var(--accent-cyan) 100%);background-size:200% 100%;background-position:0% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .7s var(--ease-out-soft)}.footer__email:hover{text-shadow:0 0 60px var(--electric)}.footer__email:hover .footer__email-text{background-position:-100% 0}.footer__email svg{color:var(--electric);transition:transform .4s var(--ease-out-soft),color .4s var(--ease-out-soft);flex-shrink:0}.footer__email:hover svg{color:var(--accent-cyan);transform:translate(4px,-4px)}.footer__bar{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:2.4rem;border-top:1px dashed color-mix(in oklab,var(--ink-30) 70%,transparent)}.footer__bar-block{display:flex;flex-direction:column;gap:.4rem;font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.16em}.footer__bar-label{color:var(--sky);opacity:.6;text-transform:uppercase}.footer__bar-value{color:var(--ice)}.footer__bar-block--right{flex-direction:row;justify-content:flex-end;gap:1.6rem}.footer__bar-block--right a{color:var(--ice);text-decoration:none;letter-spacing:.2em;transition:.35s var(--ease-out-soft)}.footer__bar-block--right a:hover{color:var(--accent-cyan)}@media screen and (max-width:900px){.footer{padding:8rem 2.4rem 3rem}.footer__bar{grid-template-columns:repeat(2,1fr)}.footer__bar-block--right{justify-content:flex-start}}
