:root{--text: #2d1940;--muted: #68557e;--pink: #ff5ca8;--hot-pink: #ff3d93;--cyan: #34d5ff;--blue: #5f88ff;--lime: #c3ff58;--orange: #ffb84e;--cream: #fffdf0;--panel: rgba(255, 255, 255, .6);--panel-border: rgba(255, 255, 255, .84);--shadow: 0 22px 80px rgba(137, 66, 176, .18);--px: 0px;--py: 0px;--scroll-shift: 0px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Space Grotesk,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,92,168,.25),transparent 25%),radial-gradient(circle at 85% 15%,rgba(52,213,255,.32),transparent 25%),radial-gradient(circle at 55% 100%,rgba(195,255,88,.24),transparent 28%),linear-gradient(135deg,#fffdf0,#fff1fb 42%,#eefbff);overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;opacity:.08;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.48) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 72%);mask-image:radial-gradient(circle at center,black,transparent 72%)}.mesh,.orb{position:fixed;border-radius:999px;pointer-events:none;opacity:.56;transform:translate3d(var(--layer-x, 0px),calc(var(--layer-y, 0px) - (var(--scroll-shift) * .2)),0);will-change:transform}.orb{filter:blur(30px);animation:drift 12s ease-in-out infinite}.orb-a{top:7%;left:-4rem;width:16rem;height:16rem;background:#ff5ca86b}.orb-b{top:28rem;right:-3rem;width:13rem;height:13rem;background:#34d5ff61;animation-delay:-3s}.orb-c{bottom:7%;left:42%;width:14rem;height:14rem;background:#c3ff5842;animation-delay:-6s}.mesh{mix-blend-mode:screen}.mesh-a{top:2rem;right:8%;width:28rem;height:28rem;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.82),transparent 18%),radial-gradient(circle at 70% 38%,rgba(52,213,255,.36),transparent 24%),radial-gradient(circle at 45% 74%,rgba(255,92,168,.3),transparent 20%);filter:blur(14px)}.mesh-b{bottom:2rem;left:-2rem;width:25rem;height:25rem;background:radial-gradient(circle at 58% 34%,rgba(255,184,78,.36),transparent 22%),radial-gradient(circle at 46% 70%,rgba(195,255,88,.3),transparent 18%),radial-gradient(circle at 26% 48%,rgba(95,136,255,.2),transparent 28%);filter:blur(16px)}.site-header,main,.site-footer{position:relative;z-index:1}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem clamp(1rem,3vw,2rem)}.brand{font-family:Syne,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:.06em;text-transform:lowercase}.nav{display:flex;flex-wrap:wrap;gap:.9rem}.nav a,.contact-links a{padding:.7rem 1rem;border-radius:999px;background:#ffffff85;border:1px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .25s ease,background .25s ease}.nav a{display:grid;line-height:.95;gap:.08rem;overflow:hidden}.nav a span:last-child{opacity:.38}.nav a:hover,.nav a:focus-visible,.contact-links a:hover,.contact-links a:focus-visible,.button:hover,.button:focus-visible{transform:translateY(-2px)}main{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding-bottom:4rem}.panel,.chapter-card{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow,.section-tag,.chapter-year,.chapter-index{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.eyebrow,.section-tag,.chapter-year{color:var(--hot-pink)}h1,h2,h3{margin:0;font-family:Syne,sans-serif;line-height:.96}h1{font-size:clamp(3.1rem,8.8vw,6.8rem)}h1 span{color:var(--blue)}h2{font-size:clamp(2rem,4.8vw,4rem)}h3{font-size:clamp(1.7rem,3vw,2.6rem)}p{margin:0}.hero{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:2rem;align-items:center;margin-top:1rem;padding:clamp(1.5rem,4vw,3rem);border-radius:36px;overflow:hidden;isolation:isolate}.hero-glow,.hero-grid,[data-parallax],.pfp-card,.chapter-card{--layer-x: 0px;--layer-y: 0px}[data-parallax]{transform:translate3d(var(--layer-x),calc(var(--layer-y) - (var(--scroll-shift) * .08)),0);will-change:transform}.hero-glow,.hero-grid{position:absolute;pointer-events:none}.hero-glow{border-radius:999px;filter:blur(18px);z-index:0}.hero-glow-a{top:-4rem;left:-3rem;width:18rem;height:18rem;background:radial-gradient(circle,rgba(255,92,168,.28),transparent 65%)}.hero-glow-b{right:2%;bottom:-4rem;width:18rem;height:18rem;background:radial-gradient(circle,rgba(52,213,255,.24),transparent 68%)}.hero-grid{inset:0;background-image:linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.48),transparent 78%);mask-image:linear-gradient(180deg,rgba(0,0,0,.48),transparent 78%);opacity:.4}.hero-copy,.hero-art{position:relative;z-index:1}.hero-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:.45rem 1rem;border-radius:999px;background:#1f1530;color:#fff;font-family:Syne,sans-serif;font-size:1.15rem;font-weight:700;width:fit-content;margin-bottom:.9rem;transform:rotate(-4deg);box-shadow:0 12px 22px #1f153033}.lede,.intro-strip p,.timeline-head p,.chapter-copy p,.roles-note,.highlight-panel p,.asset-callout p,.contact-copy p,.cta-card p,.site-footer p{color:var(--muted);line-height:1.75}.lede{max-width:38rem;margin-top:1.2rem;font-size:1.05rem}.cta-row,.hero-pills,.role-cloud,.contact-links{display:flex;flex-wrap:wrap;gap:.85rem}.cta-row{margin:1.8rem 0 1.25rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.85rem 1.2rem;border-radius:999px;font-weight:700;transition:transform .25s ease,box-shadow .25s ease}.button.primary{color:#fff;background:linear-gradient(135deg,var(--hot-pink),var(--blue));box-shadow:0 12px 24px #5f88ff40}.button.secondary{background:#ffffffad;border:1px solid rgba(255,255,255,.88)}.hero-pill,.role-pill,.cta-badge,.fun-note{display:inline-flex;align-items:center;min-height:2.35rem;padding:.48rem .92rem;border-radius:999px;font-size:.9rem;font-weight:700;background:#ffffffb8;border:1px solid rgba(255,255,255,.92)}.fun-note-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.1rem}.fun-note:nth-child(odd){transform:rotate(-2deg)}.fun-note:nth-child(2n){transform:rotate(2deg)}.hero-art{min-height:30rem;display:grid;place-items:center;perspective:1200px}.pfp-stage{position:relative;width:min(28rem,100%);aspect-ratio:1;display:grid;place-items:center}.pfp-card{position:relative;width:72%;aspect-ratio:1;padding:1rem;border-radius:38px;background:linear-gradient(145deg,#ffffffc2,#ffffff3d),linear-gradient(135deg,#ff5ca829,#34d5ff29);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);transform:translate3d(var(--layer-x),calc(var(--layer-y) - (var(--scroll-shift) * .12)),0) rotateX(calc(var(--py) * -.08)) rotateY(calc(var(--px) * .06))}.pfp-placeholder,.art-placeholder,.hire-art{display:grid;place-items:center;width:100%;height:100%;text-align:center;color:var(--muted);font-weight:700;border-radius:28px;border:1px dashed rgba(110,88,135,.32);background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.86),transparent 30%),linear-gradient(145deg,#ffffff9e,#ffffff4d);padding:1rem}.art-image{width:100%;height:100%;display:block;object-fit:contain;border-radius:22px}.pfp-orbit{position:absolute;border-radius:50%;border:1px dashed rgba(95,136,255,.35);animation:spin 22s linear infinite}.orbit-one{inset:10%}.orbit-two{inset:1%;border-color:#ff5ca847;animation-direction:reverse;animation-duration:28s}.floating-chip{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:5rem;min-height:3rem;padding:.7rem .9rem;border-radius:999px;background:#ffffffdb;border:1px solid rgba(255,255,255,.98);box-shadow:0 16px 30px #494f7026;font-weight:800;animation:bob 5s ease-in-out infinite}.chip-a{top:8%;left:4%}.chip-b{top:20%;right:1%;animation-delay:-1s}.chip-c{right:7%;bottom:18%;animation-delay:-2s}.chip-d{left:10%;bottom:16%;animation-delay:-3s}.intro-strip,.timeline-head,.roles-panel,.highlight-panel,.asset-callout,.contact{margin-top:1.25rem;border-radius:28px;padding:clamp(1.25rem,3vw,2rem)}.section-divider{position:relative;display:grid;place-items:center;height:clamp(5rem,12vw,8rem);margin:1.4rem 0 .8rem}.divider-line{position:absolute;left:0;width:100%;border-radius:999px}.divider-line-a{height:1px;top:48%;background:linear-gradient(90deg,#ff5ca800,#ff5ca88c,#5f88ff80,#ff5ca800)}.divider-line-b{height:5.5rem;top:.35rem;background:radial-gradient(circle at center,rgba(255,255,255,.65),transparent 60%);filter:blur(22px);opacity:.85}.divider-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:2.3rem;padding:.45rem .95rem;border-radius:999px;background:#ffffffc7;border:1px solid rgba(255,255,255,.92);color:var(--muted);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transform:rotate(-2deg);box-shadow:0 14px 30px #76549a1f}.intro-strip{display:grid;grid-template-columns:1fr .95fr;gap:1.4rem;align-items:end}.intro-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;grid-column:1 / -1}.mini-card{padding:1rem;border-radius:20px;background:#ffffff9e;border:1px solid rgba(255,255,255,.86);box-shadow:inset 0 1px #ffffff73;transform:rotate(var(--tilt, 0deg))}.mini-card:nth-child(1){--tilt: -2deg}.mini-card:nth-child(2){--tilt: 1deg}.mini-card:nth-child(3){--tilt: -1deg}.mini-card span{display:block;margin-bottom:.35rem;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--hot-pink);font-weight:700}.mini-card strong{font-family:Syne,sans-serif;font-size:1.2rem}.timeline{margin-top:1.5rem}.timeline-head{display:grid;gap:.75rem}.story-line{display:flex;justify-content:space-between;gap:.5rem;padding:1.1rem 1rem .3rem}.story-dot{width:.9rem;height:.9rem;border-radius:50%;background:linear-gradient(135deg,var(--hot-pink),var(--blue));box-shadow:0 0 0 8px #ffffff47}.chapter-list{display:grid;gap:1.1rem;margin-top:.7rem}.chapter-card{border-radius:30px;padding:clamp(1.2rem,3vw,1.8rem);position:relative;overflow:hidden}.chapter-card.pink{background:linear-gradient(180deg,#ff5ca81c,#ffffffa3)}.chapter-card.cyan{background:linear-gradient(180deg,#34d5ff1f,#ffffffa3)}.chapter-card.lime{background:linear-gradient(180deg,#c3ff5824,#ffffffa3)}.chapter-card.orange{background:linear-gradient(180deg,#ffb84e24,#ffffffa3)}.chapter-card.blue{background:linear-gradient(180deg,#5f88ff24,#ffffffa3)}.chapter-meta{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem;position:relative;z-index:1}.chapter-index{color:#2d19402e;font-family:Syne,sans-serif;font-size:clamp(2.4rem,7vw,4.8rem);line-height:.8}.chapter-index-small{font-size:clamp(1rem,2.2vw,1.4rem);line-height:1;opacity:.75;text-transform:none;letter-spacing:.04em}.chapter-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:1.4rem;align-items:center}.chapter-copy{display:grid;gap:.8rem;position:relative;z-index:1}.art-frame{display:grid;gap:.7rem;align-self:start;position:relative;z-index:1}.art-placeholder{min-height:18rem;border-radius:30px}.art-stamp{position:absolute;top:-.7rem;left:1rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:.45rem .8rem;border-radius:999px;background:#201433;color:#fff;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;transform:rotate(-7deg)}.asset-note{font-size:.92rem;color:var(--muted)}.skills-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:1.2rem;margin-top:1.3rem}.roles-panel,.highlight-panel{display:grid;gap:1rem}.role-cloud{margin-top:.2rem}.asset-callout{display:grid;gap:.75rem}.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:1.2rem;align-items:stretch}.contact-copy,.cta-card{display:grid;gap:1rem}.cta-card{padding:1.2rem;border-radius:26px;background:linear-gradient(180deg,#5f88ff1a,#ffffff8f);border:1px solid rgba(255,255,255,.82)}.cta-badge{width:fit-content;background:linear-gradient(135deg,#ff5ca833,#5f88ff33);transform:rotate(-3deg)}.hire-art{min-height:18rem}.site-footer{padding:0 1rem 2rem;text-align:center}.reveal{opacity:1;transform:translateY(0) scale(1)}.motion-ready .reveal{opacity:0;transform:translateY(24px) scale(.98);transition:opacity .6s ease,transform .6s ease}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}@keyframes drift{0%,to{transform:translate3d(var(--layer-x, 0px),calc(var(--layer-y, 0px) - (var(--scroll-shift) * .2)),0)}50%{transform:translate3d(calc(var(--layer-x, 0px) + 1rem),calc(var(--layer-y, 0px) - 1rem - (var(--scroll-shift) * .2)),0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-parallax],.pfp-card,.chapter-card,.mesh,.orb{transform:none!important}}@media(max-width:980px){.hero,.intro-strip,.chapter-layout,.skills-grid,.contact,.intro-mini-grid{grid-template-columns:1fr}.hero-art{min-height:24rem}.story-line{display:none}.section-divider{height:4.6rem}}@media(max-width:720px){.site-header{flex-direction:column;align-items:flex-start}.nav{width:100%}.nav a,.contact-links a{flex:1 1 auto;justify-content:center}main{width:min(100% - 1rem,1180px)}h1{font-size:clamp(2.8rem,17vw,4.6rem)}.mesh,.hero-grid{display:none}}