@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Instrument+Sans:wght@400;500;600&display=swap";:root{color-scheme:dark;--night: #040913;--night-deep: #01040c;--sky: #dce8ff;--ice: #edf4ff;--panel-light: rgba(255, 255, 255, .88);--panel-light-line: rgba(8, 18, 34, .08);--ink: #09111f;--ink-soft: rgba(9, 17, 31, .68);--mint: #9af6d0;--shadow: 0 40px 120px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top,rgba(47,85,185,.18),transparent 34%),linear-gradient(180deg,var(--night) 0%,var(--night-deep) 100%);color:var(--ice);font-family:Instrument Sans,sans-serif}a,button{color:inherit;font:inherit}button{border:0}.portfolio-page{min-height:100vh;padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.hero{--scroll-progress: 0;position:relative;min-height:165vh;overflow:clip;background:radial-gradient(circle at center 22%,rgba(117,154,255,.12),transparent 0 26%),linear-gradient(180deg,#02060e66,#02050cf0)}.site-header{position:absolute;top:1.2rem;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:.95rem 1.15rem;border:1px solid rgba(202,219,255,.14);border-radius:999px;background:#070e1d61;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand,.site-nav{display:inline-flex;align-items:center}.brand{gap:.75rem;text-decoration:none;font-family:Chakra Petch,sans-serif;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:2.2rem;height:2.2rem;border:1px solid rgba(154,246,208,.48);border-radius:50%;color:var(--mint);box-shadow:inset 0 0 28px #9af6d01f}.site-nav{gap:1.4rem}.site-nav a{color:#edf4ffcc;text-decoration:none}.hero-canvas,.starfield,.star-clusters,.grid-haze,.nebula,.hero-orbit,.light-column{position:absolute;top:0;right:0;bottom:0;left:0}.hero-canvas{overflow:hidden}.starfield{transform:translateY(calc(var(--scroll-progress) * 14vh)) scale(calc(1 + (var(--scroll-progress) * .28)));transform-origin:center 28%}.star{position:absolute;left:var(--star-left);top:var(--star-top);width:var(--star-size);height:var(--star-size);border-radius:999px;background:#fff;opacity:var(--star-opacity);box-shadow:0 0 10px #ffffffb8;animation:twinkle var(--star-duration) ease-in-out infinite;animation-delay:var(--star-delay)}.star-cluster{position:absolute;left:var(--cluster-left);top:var(--cluster-top);width:var(--cluster-size);height:var(--cluster-size);border-radius:50%;background:radial-gradient(circle,rgba(218,231,255,var(--cluster-opacity)),transparent 68%);filter:blur(10px);transform:translate(-50%,-50%) scale(calc(1 + (var(--scroll-progress) * .34)))}.nebula{filter:blur(18px)}.nebula-a{background:radial-gradient(circle at 18% 28%,rgba(79,118,255,.34),transparent 0 26%),radial-gradient(circle at 78% 24%,rgba(125,214,255,.18),transparent 0 18%);transform:translateY(calc(var(--scroll-progress) * 10vh)) scale(calc(1 + (var(--scroll-progress) * .12)))}.nebula-b{background:radial-gradient(circle at 45% 56%,rgba(130,100,255,.16),transparent 0 20%),radial-gradient(circle at 68% 74%,rgba(154,246,208,.12),transparent 0 18%);transform:translateY(calc(var(--scroll-progress) * -4vh)) scale(calc(1 + (var(--scroll-progress) * .22)))}.hero-orbit{inset:auto;left:50%;top:14%;width:min(84vw,1100px);height:min(84vw,1100px);border:1px solid rgba(197,216,255,.08);border-radius:50%;transform:translate(-50%) scale(calc(1 - (var(--scroll-progress) * .08)))}.orbit-a{box-shadow:0 0 90px #6281ff0f}.orbit-b{width:min(62vw,760px);height:min(62vw,760px);top:18%;border-color:#c5d8ff24}.light-column{background:radial-gradient(circle at 50% 14%,rgba(220,234,255,.32),transparent 16%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 44%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 84%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 84%);opacity:calc(.8 - (var(--scroll-progress) * .45))}.grid-haze{background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:120px 120px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 82%);mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 82%);transform:perspective(1000px) rotateX(calc(64deg + (var(--scroll-progress) * 8deg))) translateY(calc(20vh + (var(--scroll-progress) * 9vh))) scale(calc(1.1 + (var(--scroll-progress) * .12)));transform-origin:center top;opacity:calc(.58 + (var(--scroll-progress) * .22))}.hero-sticky{position:sticky;top:0;z-index:3;display:grid;align-content:center;min-height:100vh;width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:3rem 0 12rem}.hero-copy{max-width:760px;margin:0 auto;text-align:center;transform:translateY(calc(var(--scroll-progress) * -10vh)) scale(calc(1 - (var(--scroll-progress) * .08)));transform-origin:center center;opacity:calc(1 - (var(--scroll-progress) * .55))}.eyebrow,.section-kicker,.post-meta{margin:0;font-family:Chakra Petch,sans-serif;font-size:.84rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#edf4ffbd}.hero-copy h1,.section-heading h2,.contact-card h2{margin:0;font-family:Fraunces,serif;font-weight:600;letter-spacing:-.04em;line-height:.94}.hero-copy h1{max-width:12ch;margin-top:1rem;margin-left:auto;margin-right:auto;font-size:clamp(3rem,6.5vw,5.1rem)}.intro,.section-body,.about-panel p,.post-card p{line-height:1.75;color:#edf4ffc2}.intro{max-width:40rem;margin:1.2rem auto 0;font-size:clamp(1rem,1.7vw,1.12rem)}.hero-actions,.action-row{display:flex;flex-wrap:wrap;gap:.9rem}.hero-actions{margin-top:1.7rem;justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.3rem;padding:.9rem 1.3rem;border:1px solid transparent;border-radius:999px;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,#dbe7ff,#93b0ff);color:#08111f;box-shadow:0 18px 50px #4b71eb4d}.button-primary:hover,.button-primary:focus-visible{box-shadow:0 24px 60px #4b71eb6b}.button-secondary,.button-ghost{border-color:#ccdcff2e;background:#08101f6b;color:var(--ice)}.button-ghost{cursor:default}.hero-microcopy{margin:2rem auto 0;max-width:34rem;text-align:center;color:#edf4ff94;transform:translateY(calc(var(--scroll-progress) * -6vh));opacity:calc(1 - (var(--scroll-progress) * .7))}.content-shell{position:relative;z-index:4;margin-top:-4vh;padding:0 1rem 1rem}.about-section,.posts-section,.contact-section{width:min(1120px,100%);margin:0 auto}.about-section,.posts-section{margin-bottom:1rem;padding:2rem;border:1px solid var(--panel-light-line);border-radius:34px;background:radial-gradient(circle at top right,rgba(164,192,255,.12),transparent 24%),var(--panel-light);box-shadow:var(--shadow)}.section-heading{max-width:760px;color:var(--ink)}.section-kicker,.post-meta{color:#09111f8f}.section-heading h2,.contact-card h2{margin-top:.85rem;font-size:clamp(2.8rem,5vw,5rem);color:var(--ink)}.section-body,.about-panel p,.post-card p{color:var(--ink-soft)}.about-grid{display:grid;grid-template-columns:1.2fr .85fr;gap:1rem;margin-top:2.2rem}.about-panel{padding:1.4rem;border:1px solid var(--panel-light-line);border-radius:24px;background:#ffffffa3}.about-panel-large{grid-row:span 2;display:grid;align-content:space-between;gap:1rem}.about-panel h3,.post-card h3{margin:0;color:var(--ink)}.about-panel-stack h3,.about-panel-actions h3{margin-bottom:1rem}.note-list{margin:0;padding:0;list-style:none}.note-list li{padding:.95rem 0;border-top:1px solid rgba(9,17,31,.08);color:var(--ink)}.note-list li:first-child{border-top:0;padding-top:0}.tooltip-wrap{position:relative;display:inline-flex;align-items:center}.tooltip{position:absolute;left:50%;top:calc(100% + .7rem);min-width:max-content;padding:.55rem .75rem;border-radius:12px;background:#08111f;color:#fff;font-size:.92rem;opacity:0;transform:translate(-50%) translateY(-6px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.tooltip-wrap:hover .tooltip,.tooltip-wrap:focus-within .tooltip{opacity:1;transform:translate(-50%) translateY(0)}.section-heading-wide{display:grid;gap:.25rem}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.posts-grid-single{grid-template-columns:1fr}.post-card{padding:1.4rem;border:1px solid var(--panel-light-line);border-radius:24px;background:linear-gradient(180deg,#ffffffeb,#f5f9ffc7)}.posts-grid-single .post-card{padding:1.8rem}.posts-grid-single .post-card h3{max-width:24ch;font-size:clamp(1.6rem,2.4vw,2.35rem)}.posts-grid-single .post-card p{max-width:72ch;font-size:1.02rem}.post-meta{display:flex;justify-content:space-between;gap:1rem}.post-card h3{margin-top:1rem;font-size:1.3rem;line-height:1.2}.post-link{display:inline-flex;margin-top:1rem;color:#09111f85}.contact-section{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.contact-card{padding:2.2rem;border:1px solid rgba(208,223,255,.16);border-radius:34px;background:radial-gradient(circle at top,rgba(72,115,255,.22),transparent 28%),linear-gradient(180deg,#07101fd1,#030812f5);text-align:center;box-shadow:var(--shadow)}.contact-card h2{max-width:12ch;margin:.85rem auto 0;color:#fff}.contact-card .section-body{max-width:640px;margin:1rem auto 0;color:#edf4ffb8}.contact-card .button{margin-top:1.5rem}@keyframes twinkle{0%,to{opacity:calc(var(--star-opacity) * .45);transform:scale(.9)}50%{opacity:var(--star-opacity);transform:scale(1.7)}}@media(max-width:900px){.about-grid,.posts-grid{grid-template-columns:1fr}.about-panel-large{grid-row:auto}}@media(max-width:720px){.site-header{top:.75rem;width:calc(100% - 1rem);border-radius:24px}.site-nav{display:none}.hero{min-height:150vh}.hero-sticky{width:calc(100% - 1.25rem);padding-top:7.5rem}.hero-copy h1{font-size:clamp(2.8rem,13vw,4.4rem)}.intro{max-width:24rem}.content-shell{margin-top:-2vh;padding:0 .5rem .5rem}.about-section,.posts-section,.contact-card{padding:1.4rem}}