@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,400&family=Instrument+Sans:wght@300;400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--c-900:#021024;--c-700:#052659;--c-500:#5483b3;--c-300:#7da0ca;--c-100:#c1e8ff;--bg:#eef4fc;--bg-alt:#e3edf8;--text:#021024;--muted:#4a6080;--accent:#052659;--mid:#5483b3;--border:#5483b324;--radius:16px;--nav-h:66px;--ease:cubic-bezier(.4,0,.2,1);--serif:"Playfair Display",Georgia,serif;--sans:"Instrument Sans",system-ui,sans-serif}.dark{--bg:#060f1e;--bg-alt:#0a1628;--text:#daeeff;--muted:#7da0ca;--accent:#a8cceb;--mid:#7da0ca;--border:#7da0ca24}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{overflow-x:hidden}.app{background:#eef4fc;background:var(--bg);color:#021024;color:var(--text);font-family:Instrument Sans,system-ui,sans-serif;font-family:var(--sans);font-weight:300;min-height:100vh;transition:background .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);transition:background .4s var(--ease),color .4s var(--ease)}.container{margin:0 auto;max-width:1100px;padding:0 48px}.section{padding:112px 0}.section--alt{background:#e3edf8;background:var(--bg-alt)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);transition:opacity .7s var(--ease),transform .7s var(--ease);will-change:opacity,transform}.reveal.revealed{opacity:1;transform:none;will-change:auto}header.nav{height:66px;height:var(--nav-h);inset:0 0 auto 0;position:fixed;transition:background .35s,box-shadow .35s;z-index:100}header.nav.nav--scrolled{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb,#eef4fc 88%,#0000);background:color-mix(in srgb,var(--bg) 88%,#0000);box-shadow:0 1px 0 #5483b324;box-shadow:0 1px 0 var(--border)}.nav__inner{gap:40px;height:100%;margin:0 auto;max-width:1100px;padding:0 48px}.nav__inner,.nav__logo{align-items:center;display:flex}.nav__logo{color:#021024;color:var(--text);flex-shrink:0;gap:10px;text-decoration:none}.nav__avatar{border:1.5px solid #5483b324;border:1.5px solid var(--border);border-radius:50%;height:32px;object-fit:cover;width:32px}.nav__name{font-family:Playfair Display,Georgia,serif;font-family:var(--serif);font-size:18px;font-weight:700;letter-spacing:-.2px}.nav__links{display:flex;flex:1 1;gap:32px}.nav__link{color:#4a6080;color:var(--muted);font-size:14px;font-weight:400;text-decoration:none;transition:color .2s}.nav__link:hover{color:#021024;color:var(--text)}.nav__toggle{background:none;border:none;cursor:pointer;flex-shrink:0;margin-left:auto;padding:0}.toggle-track{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff73;border:1px solid #ffffffb3;border-radius:100px;box-shadow:0 2px 12px #0526591a,inset 0 1px 0 #fff9;display:flex;height:30px;padding:4px;transition:background .35s,box-shadow .35s;width:54px}.dark .toggle-track{background:#05265973;border-color:#7da0ca4d;box-shadow:0 2px 12px #0000004d,inset 0 1px 0 #7da0ca26}.toggle-thumb{align-items:center;background:#052659;background:var(--accent);border-radius:50%;color:#fff;display:flex;height:22px;justify-content:center;transition:transform .35s cubic-bezier(.4,0,.2,1),background .35s;width:22px;will-change:transform}.dark .toggle-thumb{background:#7da0ca;background:var(--c-300);color:#021024;color:var(--c-900);transform:translateX(24px)}.hero{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-top:66px;padding-top:var(--nav-h);position:relative}.hero:before{background:radial-gradient(ellipse 60% 60% at 80% 30%,color-mix(in srgb,#7da0ca 14%,#0000),#0000);background:radial-gradient(ellipse 60% 60% at 80% 30%,color-mix(in srgb,var(--c-300) 14%,#0000),#0000);content:"";inset:0;pointer-events:none;position:absolute}.hero__inner{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:1fr 400px;padding:80px 48px;position:relative}.hero__eyebrow{animation:fadeUp .8s .1s forwards;color:#5483b3;color:var(--mid);font-size:12px;font-weight:500;letter-spacing:.14em;margin-bottom:28px;opacity:0;text-transform:uppercase}.hero__heading{display:flex;flex-direction:column;font-family:Playfair Display,Georgia,serif;font-family:var(--serif);font-size:clamp(52px,8vw,106px);letter-spacing:-.03em;line-height:1;margin-bottom:28px}.hero__line{animation:fadeUp .9s forwards;display:block;opacity:0}.hero__line:first-child{animation-delay:.2s}.hero__line:nth-child(2){animation-delay:.35s}.hero__line:nth-child(3){animation-delay:.5s}.hero__line--name{color:#052659;color:var(--accent)}.hero__line--italic{color:#5483b3;color:var(--mid);font-style:italic}.dark .hero__line--name{color:#c1e8ff;color:var(--c-100)}.dark .hero__line--italic{color:#7da0ca;color:var(--c-300)}.hero__sub{animation:fadeUp .9s .62s forwards;color:#4a6080;color:var(--muted);font-size:17px;line-height:1.8;margin-bottom:44px;max-width:460px;opacity:0}.hero__cta{animation:fadeUp .9s .78s forwards;display:flex;flex-wrap:wrap;gap:14px;opacity:0}.hero__visual{animation:fadeIn 1s .5s forwards;opacity:0}.hero__photo-wrap,.hero__visual{position:relative}.hero__photo-frame{border-radius:24px;box-shadow:0 24px 64px color-mix(in srgb,#052659 20%,#0000);box-shadow:0 24px 64px color-mix(in srgb,var(--c-700) 20%,#0000);overflow:hidden}.hero__photo{aspect-ratio:4/5;display:block;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.4,0,.2,1);transition:transform .6s var(--ease);width:100%}.hero__photo-frame:hover .hero__photo{transform:scale(1.03)}.hero__badge{align-items:center;background:#eef4fc;background:var(--bg);border:1px solid #5483b324;border:1px solid var(--border);border-radius:100px;bottom:-16px;box-shadow:0 4px 16px color-mix(in srgb,#052659 10%,#0000);box-shadow:0 4px 16px color-mix(in srgb,var(--c-700) 10%,#0000);color:#021024;color:var(--text);display:flex;font-size:12px;font-weight:500;gap:8px;left:50%;padding:9px 20px;position:absolute;transform:translateX(-50%);white-space:nowrap}.hero__badge-dot{animation:pulse 2.5s ease-in-out infinite;background:#22c55e;border-radius:50%;height:7px;width:7px}.hero__stat{background:#eef4fc;background:var(--bg);border:1px solid #5483b324;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px color-mix(in srgb,#052659 10%,#0000);box-shadow:0 4px 16px color-mix(in srgb,var(--c-700) 10%,#0000);display:flex;flex-direction:column;gap:2px;padding:10px 16px;position:absolute}.hero__stat--tl{left:-24px;top:20px}.hero__stat--br{bottom:52px;right:-24px}.hero__stat-num{color:#052659;color:var(--accent);font-family:Playfair Display,Georgia,serif;font-family:var(--serif);font-size:22px;font-weight:700;line-height:1}.dark .hero__stat-num{color:#c1e8ff;color:var(--c-100)}.hero__stat-label{color:#4a6080;color:var(--muted);font-size:11px;font-weight:500;white-space:nowrap}.hero__stats-row{display:none}.hero__scroll{animation:fadeIn 1s 1.3s forwards;bottom:40px;left:50%;opacity:0;position:absolute;transform:translateX(-50%)}.hero__scroll-line{animation:scrollFade 2s ease-in-out 1.6s infinite;background:linear-gradient(180deg,#4a6080,#0000);background:linear-gradient(to bottom,var(--muted),#0000);height:52px;width:1px}.btn{align-items:center;border:none;border-radius:100px;cursor:pointer;display:inline-flex;font-family:Instrument Sans,system-ui,sans-serif;font-family:var(--sans);font-size:14px;font-weight:400;gap:8px;padding:13px 28px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all .25s var(--ease)}.btn--primary{background:#052659;background:var(--accent);box-shadow:0 4px 18px color-mix(in srgb,#052659 35%,#0000);box-shadow:0 4px 18px color-mix(in srgb,var(--accent) 35%,#0000);color:#fff}.btn--primary:hover{background:#5483b3;background:var(--mid);box-shadow:0 10px 28px color-mix(in srgb,#052659 30%,#0000);box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 30%,#0000);transform:translateY(-2px)}.dark .btn--primary{background:#7da0ca;background:var(--c-300);box-shadow:0 4px 18px color-mix(in srgb,#7da0ca 25%,#0000);box-shadow:0 4px 18px color-mix(in srgb,var(--c-300) 25%,#0000);color:#021024;color:var(--c-900)}.btn--ghost{background:#0000;border:1.5px solid #5483b324;border:1.5px solid var(--border);color:#021024;color:var(--text)}.btn--ghost:hover{border-color:#5483b3;border-color:var(--mid);color:#052659;color:var(--accent);transform:translateY(-1px)}.label{color:#5483b3;color:var(--mid);display:inline-block;font-size:11px;font-weight:500;letter-spacing:.16em;margin-bottom:14px;text-transform:uppercase}.dark .label{color:#7da0ca;color:var(--c-300)}.section__title{color:#021024;color:var(--text);font-family:Playfair Display,Georgia,serif;font-family:var(--serif);font-size:clamp(36px,5vw,62px);letter-spacing:-.025em;line-height:1.1;margin-bottom:18px}.section__sub{color:#4a6080;color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:60px;max-width:480px}.tech-grid{border:1px solid #5483b324;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 2px 16px color-mix(in srgb,#052659 6%,#0000);box-shadow:0 2px 16px color-mix(in srgb,var(--c-700) 6%,#0000);contain:layout;display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;overflow:hidden}.tech-card{background:#eef4fc;background:var(--bg);border-bottom:1px solid #5483b324;border-bottom:1px solid var(--border);border-right:1px solid #5483b324;border-right:1px solid var(--border);padding:28px 26px;transition:background .2s}.tech-card:nth-child(3n){border-right:none}.tech-card:nth-last-child(-n+3){border-bottom:none}.tech-card:hover{background:color-mix(in srgb,#7da0ca 7%,#eef4fc);background:color-mix(in srgb,var(--c-300) 7%,var(--bg))}.dark .tech-card,.section--alt .tech-card{background:#e3edf8;background:var(--bg-alt)}.dark .tech-card:hover{background:color-mix(in srgb,#7da0ca 7%,#e3edf8);background:color-mix(in srgb,var(--c-300) 7%,var(--bg-alt))}.tech-card__label{color:#5483b3;color:var(--mid);font-size:11px;font-weight:500;letter-spacing:.1em;margin-bottom:16px;text-transform:uppercase}.dark .tech-card__label{color:#7da0ca;color:var(--c-300)}.tech-card__items{display:flex;flex-wrap:wrap;gap:8px}.tech-pill{background:color-mix(in srgb,#5483b3 9%,#eef4fc);background:color-mix(in srgb,var(--c-500) 9%,var(--bg));border:1px solid #5483b324;border:1px solid var(--border);border-radius:100px;color:#4a6080;color:var(--muted);cursor:default;font-size:13px;padding:5px 13px;transition:background .18s,border-color .18s,color .18s}.tech-pill:hover{background:color-mix(in srgb,#7da0ca 16%,#eef4fc);background:color-mix(in srgb,var(--c-300) 16%,var(--bg));border-color:#5483b3;border-color:var(--mid);color:#052659;color:var(--accent)}.dark .tech-pill{background:color-mix(in srgb,#7da0ca 10%,#e3edf8);background:color-mix(in srgb,var(--c-300) 10%,var(--bg-alt));color:#7da0ca;color:var(--c-300)}.dark .tech-pill:hover{background:color-mix(in srgb,#7da0ca 20%,#e3edf8);background:color-mix(in srgb,var(--c-300) 20%,var(--bg-alt));color:#c1e8ff;color:var(--c-100)}.projects-list{border-top:1px solid #5483b324;border-top:1px solid var(--border);margin-top:60px}.project-row{grid-gap:36px;align-items:start;border-bottom:1px solid #5483b324;border-bottom:1px solid var(--border);display:grid;gap:36px;grid-template-columns:90px 1fr auto;padding:36px 0;transition:padding-left .25s cubic-bezier(.4,0,.2,1);transition:padding-left .25s var(--ease)}.project-row:hover{padding-left:8px}.project-row__meta{display:flex;flex-direction:column;gap:8px;padding-top:4px}.project-row__year{color:#4a6080;color:var(--muted);font-size:13px}.project-row__status{border-radius:100px;font-size:11px;font-weight:500;padding:3px 9px;width:-webkit-fit-content;width:fit-content}.status--live{background:color-mix(in srgb,#22c55e 13%,#0000);color:#16a34a}.dark .status--live{color:#4ade80}.status--dev{background:color-mix(in srgb,#5483b3 13%,#0000);background:color-mix(in srgb,var(--c-500) 13%,#0000);color:#5483b3;color:var(--mid)}.project-row__title{color:#021024;color:var(--text);font-family:Playfair Display,Georgia,serif;font-family:var(--serif);font-size:26px;letter-spacing:-.02em;margin-bottom:10px}.project-row__desc{color:#4a6080;color:var(--muted);font-size:15px;line-height:1.75;margin-bottom:14px;max-width:520px}.project-row__tags{display:flex;flex-wrap:wrap;gap:6px}.tag{border:1px solid #5483b324;border:1px solid var(--border);border-radius:100px;color:#4a6080;color:var(--muted);font-size:12px;padding:3px 10px}.project-row__link{align-items:center;color:#5483b3;color:var(--mid);display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding-top:4px;text-decoration:none;transition:gap .2s,color .2s;white-space:nowrap}.project-row__link:hover{color:#052659;color:var(--accent);gap:10px}.dark .project-row__link:hover{color:#c1e8ff;color:var(--c-100)}.about-grid{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 360px}.about__bio{color:#4a6080;color:var(--muted);font-size:17px;line-height:1.85;margin-bottom:32px}.about__details{border-top:1px solid #5483b324;border-top:1px solid var(--border);margin-bottom:36px}.about__row{align-items:center;border-bottom:1px solid #5483b324;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 0}.about__key{color:#4a6080;color:var(--muted);font-size:13px}.about__val{color:#021024;color:var(--text);font-size:14px}.about__val.open{color:#22c55e}.about__img-wrap{border-radius:24px;box-shadow:0 24px 64px color-mix(in srgb,#052659 16%,#0000);box-shadow:0 24px 64px color-mix(in srgb,var(--c-700) 16%,#0000);overflow:hidden}.about__img{aspect-ratio:4/5;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);transition:transform .6s var(--ease);width:100%}.about__img-wrap:hover .about__img{transform:scale(1.04)}.contact-grid{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 360px}.contact-cards{display:flex;flex-direction:column;gap:10px;margin-top:40px}.contact-card{align-items:center;background:#eef4fc;background:var(--bg);border:1px solid #5483b324;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);color:inherit;display:flex;gap:16px;padding:17px 20px;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .2s;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .2s}.section--alt .contact-card{background:#e3edf8;background:var(--bg-alt)}.contact-card:hover{border-color:#5483b3;border-color:var(--mid);box-shadow:0 6px 24px color-mix(in srgb,#5483b3 12%,#0000);box-shadow:0 6px 24px color-mix(in srgb,var(--c-500) 12%,#0000);transform:translateX(5px)}.contact-card--highlight{background:#052659!important;background:var(--accent)!important;border-color:#052659!important;border-color:var(--accent)!important;box-shadow:0 4px 20px color-mix(in srgb,#052659 30%,#0000);box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 30%,#0000);color:#fff}.contact-card--highlight:hover{box-shadow:0 10px 32px color-mix(in srgb,#052659 36%,#0000);box-shadow:0 10px 32px color-mix(in srgb,var(--accent) 36%,#0000);transform:translateX(5px) translateY(-1px)}.dark .contact-card--highlight{background:#7da0ca!important;background:var(--c-300)!important;border-color:#7da0ca!important;border-color:var(--c-300)!important;box-shadow:0 4px 20px color-mix(in srgb,#7da0ca 22%,#0000);box-shadow:0 4px 20px color-mix(in srgb,var(--c-300) 22%,#0000);color:#021024;color:var(--c-900)}.contact-card__icon{align-items:center;background:color-mix(in srgb,#7da0ca 14%,#0000);background:color-mix(in srgb,var(--c-300) 14%,#0000);border-radius:10px;color:#5483b3;color:var(--mid);display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.contact-card--highlight .contact-card__icon{background:#ffffff2e;color:#fff}.dark .contact-card--highlight .contact-card__icon{background:#02102424;color:#021024;color:var(--c-900)}.contact-card__body{display:flex;flex:1 1;flex-direction:column;gap:2px}.contact-card__label{font-size:10px;font-weight:500;letter-spacing:.1em;opacity:.55;text-transform:uppercase}.contact-card__val{font-size:14px}.contact-card svg:last-child{flex-shrink:0;opacity:.4;transition:opacity .2s,transform .2s}.contact-card:hover svg:last-child{opacity:1;transform:translateX(3px)}.contact__video-wrap{border-radius:24px;box-shadow:0 24px 64px color-mix(in srgb,#052659 16%,#0000);box-shadow:0 24px 64px color-mix(in srgb,var(--c-700) 16%,#0000);overflow:hidden}.contact__video{aspect-ratio:4/5;display:block;object-fit:cover;width:100%}.footer{border-top:1px solid #5483b324;border-top:1px solid var(--border);padding:28px 0}.footer__inner{align-items:center;display:flex;justify-content:space-between}.footer__copy{color:#4a6080;color:var(--muted);font-size:13px}.footer__links{display:flex;gap:28px}.footer__links a{color:#4a6080;color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s}.footer__links a:hover{color:#021024;color:var(--text)}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #22c55e73}60%{box-shadow:0 0 0 5px #22c55e00}}@keyframes scrollFade{0%,to{opacity:.35;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}@media (max-width:960px){.container{padding:0 28px}.section{padding:88px 0}.nav__inner{gap:22px;padding:0 28px}.nav__links{gap:20px}.hero__inner{gap:52px;grid-template-columns:1fr;padding:64px 28px 96px;text-align:center}.hero__text{align-items:center;display:flex;flex-direction:column;order:2}.hero__sub{max-width:100%}.hero__visual{margin:0 auto;max-width:300px;order:1}.hero__stat{display:none}.hero__stats-row{display:flex;gap:24px;justify-content:center;margin-top:32px}.hero__stat-inline{align-items:center;background:#eef4fc;background:var(--bg);border:1px solid #5483b324;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px color-mix(in srgb,#052659 8%,#0000);box-shadow:0 4px 16px color-mix(in srgb,var(--c-700) 8%,#0000);display:flex;flex-direction:column;gap:2px;padding:10px 20px}.tech-grid{grid-template-columns:repeat(2,1fr)}.tech-card:nth-child(3n){border-right:1px solid #5483b324;border-right:1px solid var(--border)}.tech-card:nth-last-child(-n+3){border-bottom:1px solid #5483b324;border-bottom:1px solid var(--border)}.tech-card:nth-child(2n){border-right:none}.tech-card:nth-last-child(-n+2){border-bottom:none}.project-row{gap:12px;grid-template-columns:1fr}.project-row__meta{align-items:center;flex-direction:row}.project-row:hover{padding-left:0}.about-grid,.contact-grid{gap:52px;grid-template-columns:1fr}.about__img,.contact__video{aspect-ratio:3/2}.about-right{order:-1}}@media (max-width:580px){.container{padding:0 20px}.section{padding:64px 0}.hero__scroll,.nav__links{display:none}.tech-grid{grid-template-columns:1fr}.tech-card:nth-child(2n){border-right:none}.tech-card:nth-last-child(-n+2){border-bottom:1px solid #5483b324;border-bottom:1px solid var(--border)}.tech-card{border-right:none}.tech-card:last-child{border-bottom:none}.footer__inner{flex-direction:column;gap:16px;text-align:center}}
/*# sourceMappingURL=main.46cc6de3.css.map*/