@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);.loader{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.loader-name{margin-top:5%}.site-hero{height:100vh;overflow:hidden;padding-top:7rem}.header__container{height:100%;position:relative;text-align:center}.cta{display:flex;gap:1.2rem;justify-content:center;margin-top:2.5rem}.header__socials{align-items:center;bottom:3rem;display:flex;flex-direction:column;gap:.8rem;left:0;position:absolute}.header__socials:after{background:var(--color-primary);content:"";height:2rem;width:1px}.me{border-radius:12rem 12rem 0 0;height:26rem;left:calc(50% - 9rem);margin-top:-2.5rem;overflow:hidden;padding:5rem 1.5rem 1.5rem;position:absolute;width:18rem}.scroll__down{bottom:5rem;font-size:.9rem;font-weight:300;position:absolute;right:-2.3rem;transform:rotate(90deg)}@media screen and (max-width:1024px){header{height:68vh}}@media screen and (max-width:600px){header{height:100vh}.header__socials,.scroll__down{display:none}}nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000004d;border-radius:3rem;bottom:2rem;box-shadow:0 4px 8px #0003;gap:.8rem;left:50%;padding:.7rem 1.7rem;position:fixed;transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:2}nav,nav a{display:flex}nav a{align-items:center;background:#0000;border-radius:50%;color:var(--color-light);font-size:1.1rem;justify-content:center;padding:.9rem;transition:background .3s ease,color .3s ease}nav a:hover{background:#0000004d;color:var(--color-primary)}nav a.active{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary);color:var(--color-bg);transition:background .3s ease,color .3s ease,box-shadow .3s ease}.about-neo{position:relative}.about-head{margin-bottom:1.25rem;text-align:center}.about-head .eyebrow{color:var(--color-light);font-size:.85rem;letter-spacing:.08em}.about-head h2{margin:.25rem 0 0}.head-accent{background:var(--color-primary);border-radius:999px;box-shadow:0 0 18px #00000040,0 0 22px var(--color-primary);display:block;height:3px;margin:.6rem auto 0;opacity:.9;width:84px}.neo-grid{grid-gap:clamp(1.2rem,4.5vw,3.5rem);align-items:start;display:grid;gap:clamp(1.2rem,4.5vw,3.5rem);grid-template-columns:minmax(280px,36%) 1fr}.neo-portrait{min-height:420px;position:relative}.portrait-frame{aspect-ratio:5/6;background:#00000014;border:1px solid var(--color-primary);border-radius:20px;box-shadow:0 14px 40px #00000040;overflow:hidden;position:relative;transition:transform .2s ease;width:min(520px,100%)}.portrait-frame img{display:block;height:100%;object-fit:cover;width:100%}.frame-glow{background:radial-gradient(180px 120px at 20% 20%,var(--color-primary),#0000 60%),radial-gradient(220px 140px at 80% 70%,var(--color-primary-variant),#0000 65%);inset:0;mix-blend-mode:soft-light;opacity:.16}.blob,.frame-glow{pointer-events:none;position:absolute}.blob{animation:blob-morph 10s ease-in-out infinite alternate;background:radial-gradient(60% 70% at 30% 30%,var(--color-primary),#0000 70%),radial-gradient(60% 70% at 80% 80%,var(--color-primary-variant),#0000 75%);border-radius:50%;filter:blur(40px);height:60%;inset:-8% -10% auto -8%;opacity:.25}@keyframes blob-morph{0%{transform:translate(-6px) scale(1)}to{transform:translate(6px,-6px) scale(1.05)}}.floater{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#ffffff0f,#ffffff1a);border:1px solid var(--color-primary-variant);border-radius:11px;box-shadow:0 8px 22px #00000038;color:var(--color-primary);display:inline-flex;font-size:.9rem;gap:.5rem;padding:.42rem .65rem;position:absolute}.floater svg{color:#000;font-size:1rem;position:relative;top:-1px}.floater em{color:#fff;font-style:normal;opacity:.85}.floater-1{left:10px;top:12px}.floater-2{bottom:16px;left:16px}.neo-content{position:relative}.neo-cards{grid-gap:clamp(.6rem,2.4vw,1rem);display:grid;gap:clamp(.6rem,2.4vw,1rem);grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.neo-card{grid-gap:.3rem;background:linear-gradient(180deg,#ffffff0a,#0000000f);border:1px solid var(--color-primary-variant);border-radius:16px;box-shadow:0 10px 24px #0000002e;color:inherit;display:grid;gap:.3rem;min-height:120px;overflow:hidden;padding:1rem .9rem;place-content:center;position:relative;text-align:center;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.neo-card:hover{border-color:var(--color-primary);box-shadow:0 14px 36px #00000040;transform:translateY(-4px)}.neo-card .ring{background:var(--color-bg);border:1px solid var(--color-primary-variant);border-radius:14px;box-shadow:0 6px 18px #00000026;color:var(--color-primary);display:grid;font-size:1.2rem;height:46px;margin:0 auto .4rem;place-items:center;width:46px}.neo-card strong{font-size:.98rem}.neo-card small{color:var(--color-light);font-size:.72rem}.shine:before{background:linear-gradient(90deg,#fff0,#ffffff2e 50%,#fff0);content:"";height:140%;left:-60%;opacity:0;position:absolute;top:-20%;transform:rotate(20deg);transition:opacity .2s ease;width:50%}.shine:hover:before{animation:shine-sweep .85s ease forwards;opacity:1}@keyframes shine-sweep{0%{left:-60%}to{left:120%}}.neo-textwrap{margin:.25rem 0 1rem;max-width:62ch}.neo-text{line-height:1.65;margin:0 0 .9rem}.magnet{transform:translate(0) scale(1);transition:transform .12s ease;will-change:transform}.neo-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.6rem}.chip{background:#00000008;border:1px dashed var(--color-primary-variant);color:var(--color-primary);font-size:.82rem;padding:.35rem .6rem}@media (max-width:1080px){.neo-grid{grid-template-columns:1fr}.neo-portrait{min-height:auto;order:-1}.neo-cards{grid-template-columns:repeat(3,1fr)}.neo-textwrap{margin-left:auto;margin-right:auto}}@media (max-width:780px){.neo-cards{grid-template-columns:1fr 1fr}}@media (max-width:520px){.neo-cards{grid-template-columns:1fr}.neo-chips{justify-content:center}.about-head{margin-bottom:.9rem}}@media (prefers-reduced-motion:reduce){.magnet,.portrait-frame,.shine:before{animation:none!important;transition:none!important}}:root{--card-bg:color-mix(in oklab,var(--color-bg-variant) 82%,#0b1220 18%);--chip-surface:color-mix(in oklab,var(--color-bg-variant) 78%,#1a2444 22%);--chip-surface-2:color-mix(in oklab,var(--color-bg-variant) 86%,#0e162b 14%)}.skills__title{color:#eaf0ff;color:var(--text-strong);position:relative}.skills__title:after{background:linear-gradient(90deg,#0000,var(--color-primary),#0000);border-radius:3px;bottom:-.6rem;content:"";height:3px;left:50%;opacity:.9;position:absolute;transform:translateX(-50%);width:120px}.skills__grid{grid-gap:2.2rem;display:grid;gap:2.2rem;grid-template-columns:1fr 1fr}.skills__card{-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);background:color-mix(in oklab,var(--color-bg-variant) 82%,#0b1220 18%);background:var(--card-bg);border:1px solid color-mix(in oklab,var(--color-primary) 12%,#0000);border-radius:24px;box-shadow:0 14px 34px -20px #0009;overflow:hidden;padding:2.2rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.skills__card:hover{border-color:color-mix(in oklab,var(--color-primary) 26%,#0000)}.skills__card-header{align-items:center;display:flex;gap:.9rem;margin-bottom:1.2rem}.skills__card-header h3{color:#eaf0ff;color:var(--text-strong);margin:0}.skills__badge{background:radial-gradient(circle at 30% 30%,#fff3 0,#fff0 55%),color-mix(in oklab,var(--color-primary) 30%,#0000);border:1px solid color-mix(in oklab,var(--color-primary) 20%,#0000);border-radius:50%;height:42px;width:42px}.skills__chips{grid-gap:.85rem 1rem;display:grid;gap:.85rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.skills__chip{--brand:var(--color-primary);align-items:center;background:linear-gradient(180deg,color-mix(in oklab,var(--color-bg-variant) 78%,#1a2444 22%),color-mix(in oklab,var(--color-bg-variant) 86%,#0e162b 14%));background:linear-gradient(180deg,var(--chip-surface),var(--chip-surface-2));border:1px solid color-mix(in oklab,var(--brand) 24%,#0000);border-radius:999px;box-shadow:0 10px 20px -18px #000000b3;color:#eaf0ff;color:var(--text-strong);display:flex;gap:.7rem;padding:.8rem 1rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.skills__chip:hover{border-color:color-mix(in oklab,var(--brand) 36%,#0000);box-shadow:0 16px 26px -18px #000000bf;transform:translateY(-2px)}.skills__chip-iconwrap{background:radial-gradient(120% 120% at 30% 30%,#fff4 0,#fff0 55%),color-mix(in oklab,var(--brand) 26%,#0000);border:1px solid color-mix(in oklab,var(--brand) 40%,#0000);border-radius:50%;display:grid;height:28px;place-items:center;width:28px}.skills__chip-icon{color:var(--brand);font-size:1rem}.skills__chip-text{font-weight:600;letter-spacing:.1px}@media (max-width:1024px){.skills__grid{grid-template-columns:1fr}}@media (max-width:600px){.skills__chips{grid-template-columns:1fr}.skills__card{padding:1.6rem}}:root{--card-surface:color-mix(in oklab,var(--color-bg-variant) 78%,#0b1220 22%);--card-surface-2:color-mix(in oklab,var(--color-bg-variant) 86%,#0e162b 14%);--ring:color-mix(in oklab,var(--color-primary) 45%,#0000);--text-strong:#eaf0ff}.proj__title{color:#eaf0ff;color:var(--text-strong);position:relative}.proj__title:after{background:linear-gradient(90deg,#0000,var(--color-primary),#0000);border-radius:3px;bottom:-.6rem;content:"";height:3px;left:50%;opacity:.9;position:absolute;transform:translateX(-50%);width:120px}.portfolio__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,minmax(0,1fr))}.card3d{perspective:1000px;position:relative}.card3d__border{background:linear-gradient(135deg,color-mix(in oklab,var(--color-primary) 40%,#0000),#0000 40% 60%,color-mix(in oklab,var(--color-primary) 18%,#0000));border-radius:20px;filter:blur(6px);inset:-1px;opacity:.55;position:absolute;transition:opacity .25s ease,transform .25s ease}.card3d__inner{background:linear-gradient(180deg,color-mix(in oklab,var(--color-bg-variant) 78%,#0b1220 22%),color-mix(in oklab,var(--color-bg-variant) 86%,#0e162b 14%));background:linear-gradient(180deg,var(--card-surface),var(--card-surface-2));border:1px solid color-mix(in oklab,var(--color-primary) 16%,#0000);border-radius:20px;box-shadow:0 18px 40px -24px #000000b3;overflow:hidden;position:relative;transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card3d:hover .card3d__inner{border-color:color-mix(in oklab,var(--color-primary) 26%,#0000);box-shadow:0 22px 50px -26px #000c;transform:translateY(-6px) rotateX(1deg) rotateY(.5deg)}.card3d:hover .card3d__border{opacity:.9;transform:scale(1.01)}.card3d__media{aspect-ratio:16/9;border-bottom:1px solid #0003;overflow:hidden;position:relative}.card3d__media img{display:block;height:100%;object-fit:cover;transform:scale(1);transition:transform .5s ease;width:100%}.card3d__media:after{background:radial-gradient(120% 120% at 70% 10%,#0000,#0002 60%,#0005 100%);content:"";inset:0;pointer-events:none;position:absolute}.card3d:hover .card3d__media img{transform:scale(1.08)}.card3d__shine{background:linear-gradient(90deg,#0000 45%,#ffffff80 52%,#0000 60%);content:"";height:240%;left:-120%;mix-blend-mode:screen;opacity:0;position:absolute;top:-120%;transform:rotate(25deg);transition:opacity .25s ease,transform .7s ease;width:240%}.card3d:hover .card3d__shine{opacity:.85;transform:rotate(25deg) translateX(18%)}.card3d__title{color:#eaf0ff;color:var(--text-strong);font-size:1.05rem;margin:1rem 1rem .35rem}.card3d__blurb{color:color-mix(in oklab,#eaf0ff 75%,#9aa4b5);color:color-mix(in oklab,var(--text-strong) 75%,#9aa4b5);font-size:.95rem;margin:0 1rem .8rem}.card3d__chips{display:flex;flex-wrap:wrap;gap:.5rem .6rem;padding:0 1rem 1rem}.chip{--brand:var(--color-primary);align-items:center;background:linear-gradient(180deg,color-mix(in oklab,color-mix(in oklab,var(--color-bg-variant) 78%,#0b1220 22%) 82%,#32406a 18%),color-mix(in oklab,color-mix(in oklab,var(--color-bg-variant) 78%,#0b1220 22%) 86%,#0e162b 14%));background:linear-gradient(180deg,color-mix(in oklab,var(--card-surface) 82%,#32406a 18%),color-mix(in oklab,var(--card-surface) 86%,#0e162b 14%));border:1px solid color-mix(in oklab,var(--brand) 40%,#0000);border-radius:999px;color:#eaf0ff;color:var(--text-strong);display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.45rem .7rem}.chip__dot{background:var(--brand);border-radius:50%;box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 25%,#0000);height:.55rem;width:.55rem}.card3d__cta{display:flex;gap:.6rem;margin-top:.2rem;padding:0 1rem 1.1rem}.btn{align-items:center;border:1px solid #0000;border-radius:12px;display:inline-flex;font-weight:600;gap:.5rem;padding:.7rem 1rem;text-decoration:none;transition:all .2s ease}.btn--ghost{background:#0000;border-color:color-mix(in oklab,var(--color-primary) 30%,#0000);color:#eaf0ff;color:var(--text-strong)}.btn--ghost:hover{border-color:color-mix(in oklab,var(--color-primary) 45%,#0000);box-shadow:0 0 0 6px color-mix(in oklab,var(--color-primary) 16%,#0000)}.btn--primary{background:linear-gradient(180deg,color-mix(in oklab,var(--color-primary) 28%,#fff0),color-mix(in oklab,var(--color-primary) 40%,#0000));border-color:color-mix(in oklab,var(--color-primary) 55%,#0000);color:#0b1220}.btn--primary:hover{transform:translateY(-1px)}@media (max-width:1200px){.portfolio__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.portfolio__grid{grid-template-columns:1fr}}.graphic-design-container{display:flex;flex-direction:column;overflow:hidden;padding:20px}.header{margin-top:3rem;text-align:center}.header h5{color:var(--color-light);margin-bottom:1rem}.header h2{color:var(--color-primary);margin-bottom:3rem}.scroller{align-items:center;display:flex;overflow-x:hidden;position:relative;white-space:nowrap}.background-container,.scroller{width:100%}.image-container{display:flex;gap:10px}.image{-webkit-user-drag:none;user-drag:none;max-height:300px;max-width:100%}.container.contact__container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:30% 58%;width:58%}.contact__options{display:flex;flex-direction:column;gap:1.2rem}.contact__option{background:var(--color-bg-variant);border:1px solid #0000;border-radius:1.2rem;padding:1.2rem;text-align:center;transition:var(--transition)}.contact__option:hover{background:#0000;border-color:var(--color-primary-variant)}.contact__option-icon{font-size:1.5rem;margin-bottom:.5rem}.contact__option a{display:inline-block;font-size:.8rem;margin-top:.7rem}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{background:#0000;border:2px solid var(--color-primary-variant);border-radius:.5rem;color:var(--color-white);padding:1.5rem;resize:none;width:100%}@media screen and (max-width:1024px){.container.contact__container{gap:2rem;grid-template-columns:1fr}}@media screen and (max-width:600px){.container.contact__container{width:var(--container-width-sm)}}footer{background:var(--color-primary);font-size:.9rem;margin-top:7rem;padding:3rem 0;text-align:center}footer a{color:var(--color-bg)}.footer__logo{display:inline-block;font-size:2rem;font-weight:500;margin-bottom:2rem}.permalinks{flex-wrap:wrap;gap:2rem;margin:0 auto 3rem}.footer__socials,.permalinks{display:flex;justify-content:center}.footer__socials{gap:1rem;margin-bottom:4rem}.footer__socials a{background:var(--color-bg);border:1px solid #0000;border-radius:.7rem;color:var(--color-white);display:flex;padding:.8rem}.footer__socials a:hover{background:#0000;border-color:var(--color-bg);color:var(--color-bg)}.footer__copyright{color:var(--color-bg);margin-bottom:4rem}@media screen and (max-width:600px){.permalinks{flex-direction:column;gap:1.5rem}.footer__socials{margin-bottom:2.6rem}}.experiences__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,1fr)}.experience-card{background:var(--color-bg-variant);border:1px solid var(--color-primary);border-radius:1.2rem;height:auto;min-height:0;min-height:auto;overflow:hidden;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.experience-card:before{background:var(--color-primary);content:"";height:100%;left:0;opacity:.9;position:absolute;top:0;width:4px}.experience-card:hover{background:#0000;border-color:var(--color-primary-variant);box-shadow:0 12px 30px #0000001f;transform:translateY(-2px)}.experience-header{grid-gap:1rem;align-items:center;background:var(--color-primary);border-bottom:1px solid var(--color-primary-variant);display:grid;gap:1rem;grid-template-columns:auto 1fr auto;padding:1.25rem 1.25rem 1rem}.experience-icon{background:var(--color-bg);border-radius:12px;box-shadow:0 6px 20px #00000026;color:var(--color-primary);display:grid;font-size:1.25rem;height:44px;place-items:center;width:44px}.experience-titles{display:flex;flex-direction:column;gap:.1rem}.experience-role{color:var(--color-bg);font-size:1.05rem;font-weight:700;letter-spacing:.2px;margin:0}.experience-company{color:var(--color-bg-variant);font-size:.95rem;font-weight:500;margin:0}.experience-period{background:var(--color-bg);border:1px solid var(--color-primary-variant);border-radius:999px;color:var(--color-primary);font-size:.8rem;font-weight:700;padding:.35rem .6rem;white-space:nowrap}.experience-badges{display:flex;flex-wrap:wrap;gap:.5rem;padding:.8rem 1.25rem 0}.exp-badge{align-items:center;background:#0000000a;border:1px dashed var(--color-primary-variant);border-radius:999px;color:var(--color-primary);display:inline-flex;font-size:.82rem;gap:.4rem;padding:.35rem .6rem}.exp-badge .badge-icon{display:grid;font-size:1rem;place-items:center}.experience__list{list-style:none;margin:0;padding:1rem 1.25rem .25rem}.experience__list li{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:auto 1fr;padding:.55rem 0}.experience__list-icon{color:var(--color-primary);margin-top:2px}.experience__list p{font-size:.95rem;line-height:1.55;margin:0}.experience-tech{border-top:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1.25rem 1.25rem}.tech-chip{background:#00000005;border:1px solid var(--color-primary-variant);border-radius:8px;color:var(--color-primary);font-size:.78rem;padding:.35rem .55rem}@media screen and (max-width:1024px){.experiences__container{gap:1.25rem;grid-template-columns:1fr 1fr}}@media screen and (max-width:720px){.experience-header{grid-template-areas:"title period" "icon  period";grid-template-columns:1fr auto;row-gap:.75rem}.experience-icon{grid-area:icon}.experience-titles{grid-area:title}.experience-period{grid-area:period}}@media screen and (max-width:600px){.experiences__container{gap:1rem;grid-template-columns:1fr}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#1f1f38;--color-bg-variant:#2c2c6c;--color-primary:#4db5ff;--color-primary-variant:#4db5ff66;--color-white:#fff;--color-light:#fff9;--transition:all 400ms ease;--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background:#1f1f38;background:var(--color-bg);color:#fff;color:var(--color-white);font-family:Poppins,sans-serif;line-height:1.7}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}section{margin-top:8rem}section>h2,section>h5{color:#fff9;color:var(--color-light);text-align:center}section>h2{color:#4db5ff;color:var(--color-primary);margin-bottom:3rem}.text-light{color:#fff9;color:var(--color-light)}a{color:#4db5ff;color:var(--color-primary);transition:all .4s ease;transition:var(--transition)}a:hover{color:#fff;color:var(--color-white)}.btn{border:1px solid #4db5ff;border:1px solid var(--color-primary);border-radius:.4rem;color:#4db5ff;color:var(--color-primary);cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:all .4s ease;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:hover{background:#fff;background:var(--color-white);border-color:#0000}.btn-primary,.btn:hover{color:#1f1f38;color:var(--color-bg)}.btn-primary{background:#4db5ff;background:var(--color-primary)}img{display:block;object-fit:cover;width:100%}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}section{margin-top:6rem}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-sm)}section>h2{margin-bottom:2rem}}
/*# sourceMappingURL=main.09e972fc.css.map*/