.app-shell{min-height:100vh;position:relative;overflow:hidden;padding:0 clamp(.8rem,2vw,1.6rem) 3rem}.profiles-strip{margin:1.2rem 0 .6rem;text-align:center}.profiles-strip-eyebrow{margin:0 0 .55rem;font-size:.72rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#282d3a8c}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f05f58,#3f7ef1);transform-origin:0 50%;z-index:100;pointer-events:none}.paper-grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.06;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}body.theme-lab{background:linear-gradient(180deg,#0a0c12,#161a26)!important;color:#e7ecf5}body.theme-lab .app-shell,body.theme-lab .notebook-spread{color:#e7ecf5}body.theme-lab .content-card,body.theme-lab .gh-activity,body.theme-lab .stat-card,body.theme-lab .process-step{background:#1419269e!important;border-color:#ffffff14!important;color:#e7ecf5}body.theme-lab h1,body.theme-lab h2,body.theme-lab h3{color:#fffaf3!important}body.theme-lab p,body.theme-lab li{color:#e7ecf5c7!important}body.theme-lab .paper-grain{opacity:.12;mix-blend-mode:screen}.page-noise{position:fixed;inset:auto;width:26rem;height:26rem;border-radius:999px;pointer-events:none;filter:blur(60px);opacity:.45}.page-noise-left{top:-10rem;left:-8rem;background:#f14d4433}.page-noise-right{right:-10rem;bottom:-10rem;background:#4180ee38}.notebook-shell{position:relative;min-height:100vh}.notebook-spread{min-height:100vh;display:grid;grid-template-rows:auto 1fr;padding:0 clamp(.3rem,1vw,.75rem);position:relative}.notebook-spread:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 24%,rgba(62,127,239,.16) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 52%,rgba(217,73,89,.15) 0 1px,transparent 1.5px),radial-gradient(circle at 32% 74%,rgba(35,39,48,.08) 0 1px,transparent 1.5px);background-size:16px 16px,18px 18px,14px 14px;opacity:.35;mix-blend-mode:multiply}.notebook-spread:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(17,21,29,.08) 0 1px,transparent 1.7px),radial-gradient(circle at 84% 68%,rgba(17,21,29,.08) 0 1px,transparent 1.7px),radial-gradient(circle at 55% 88%,rgba(63,126,241,.12) 0 1px,transparent 1.8px);background-size:12px 12px,12px 12px,18px 18px;opacity:.28;mix-blend-mode:multiply}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:1.1rem;z-index:5;margin-top:1rem;padding:.85rem 1rem;border-radius:999px;background:#f9fbffc7;border:1px solid rgba(95,105,124,.14);box-shadow:0 16px 40px #3945600f,0 0 0 1px #ffffff6b inset;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-mark,.profile-chip,.nav-links a{text-decoration:none}.brand-mark{font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1e222c}.nav-links{display:flex;align-items:center;gap:1.1rem;padding:.2rem .35rem;border-radius:999px}.nav-links a{font-size:.9rem;color:#282d3ab8}.nav-actions{display:inline-flex;align-items:center;gap:.55rem}.status-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem;border-radius:999px;background:#4bbb7a1a;border:1px solid rgba(75,187,122,.32);color:#2c7a4d;font-size:.82rem;font-weight:600}.status-dot{width:.55rem;height:.55rem;border-radius:999px;background:#38c172;box-shadow:0 0 #38c17280;animation:status-pulse 1.8s ease-out infinite}@keyframes status-pulse{0%{box-shadow:0 0 #38c1728c}70%{box-shadow:0 0 0 12px #38c17200}to{box-shadow:0 0 #38c17200}}.profile-chip{padding:.8rem 1.1rem;border-radius:999px;background:#212736eb;color:#fffaf3;font-size:.9rem;box-shadow:0 14px 28px #27334a2e}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;gap:clamp(2rem,6vw,4rem);padding:clamp(4rem,10vw,7rem) 0 2.4rem}@media(max-width:960px){.hero-grid{grid-template-columns:minmax(0,1fr)}.portrait-paper{transform:none}}.hero-copy{justify-self:start;position:relative;width:min(44rem,100%);min-width:0;padding:.5rem 0 .5rem .35rem}.hero-copy:before{content:"";position:absolute;right:2rem;top:1rem;width:8rem;height:8rem;pointer-events:none;background:radial-gradient(circle,rgba(63,126,241,.2) 0 1px,transparent 1.6px);background-size:10px 10px;opacity:.55}.hero-kicker{margin:0 0 .75rem;color:#30394db8}.handwritten-line{font-family:var(--font-hand);font-size:1.5rem;line-height:1.1;letter-spacing:.02em;transform:rotate(-1.4deg);color:#4465aad6}.hero-copy h1{margin:0;display:grid;gap:.02em;min-width:0;font-family:var(--font-display);font-weight:800;font-size:clamp(3.2rem,9vw,7rem);letter-spacing:-.03em;line-height:.9;color:#11151d;text-shadow:.02em .02em 0 rgba(255,255,255,.45),.03em .05em 0 rgba(72,92,140,.08)}.hero-copy h1 span{color:#151922}.hero-copy h1 .hero-name-first{color:#3f7ef1}.hero-name-pencil-wrap{display:inline-block;overflow:hidden;padding-right:.08em;white-space:nowrap}.hero-name-pencil{display:inline-block;font-family:var(--font-hand);font-weight:700;letter-spacing:.01em;color:#1e2430;transform:translateY(.04em) rotate(-1.6deg);opacity:0;clip-path:inset(0 100% 0 0);animation:pencil-write 1.35s cubic-bezier(.22,1,.36,1) .22s forwards,pencil-float 4.8s ease-in-out 1.6s infinite}.hero-underline{position:relative;width:min(28rem,92%);height:2.4rem;margin-top:.3rem;overflow:visible}.hero-rough-stroke{width:100%;height:auto}.hero-stroke{position:absolute;display:block;left:0;transform-origin:left center;animation:underline-draw 2.4s ease forwards}.hero-stroke-red{--rotation: -2deg;top:.35rem;width:100%;transform:rotate(-2deg) scaleX(0)}.hero-stroke-blue{--rotation: 1.4deg;top:.95rem;left:2rem;width:76%;transform:rotate(1.4deg) scaleX(0);animation-delay:.22s}.hero-summary{margin:1.25rem 0 0;max-width:34rem;font-size:1.12rem;line-height:1.8;color:#343b49}.hero-summary:after{content:"";display:block;width:6.5rem;height:.22rem;margin-top:.8rem;border-radius:999px;background:#3f7ef199;transform:rotate(-3deg)}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.5rem}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.85rem 1.3rem;border-radius:999px;text-decoration:none}.primary-action{background:linear-gradient(135deg,#f05f58,#d93d53);color:#fffaf7;box-shadow:0 20px 36px #d93d5333}.secondary-action{background:#fffffcad;border:1px solid rgba(95,105,124,.12)}.hero-bullets{margin:1.75rem 0 0;padding:0;list-style:none;display:grid;gap:.8rem}.hero-bullets li{position:relative;padding-left:1.2rem;color:#232730d1}.hero-bullets li:before{content:"";position:absolute;left:0;top:.72rem;width:.55rem;height:.18rem;border-radius:999px;background:#5c7cb1b8;transform:rotate(-10deg)}.portrait-card{position:relative}.portrait-paper{position:relative;padding:1.15rem;border-radius:2rem;background:linear-gradient(160deg,#ffffffed,#f2f7fffa);box-shadow:0 28px 50px #303b5614,inset 0 0 0 1px #59627614;transform:rotate(2deg)}.portrait-paper-webgl{display:flex}.portrait-paper-webgl>.webgl-hero{flex:1}.portrait-frame-loading{width:100%;aspect-ratio:1 / 1.05;border-radius:1.6rem;background:linear-gradient(180deg,#fffffde6,#f1f5fcdb);border:1px dashed rgba(82,71,63,.22)}.portrait-frame{min-height:28rem;border-radius:1.5rem;border:1px dashed rgba(82,71,63,.22);position:relative;overflow:hidden;background:radial-gradient(circle at top,rgba(190,214,255,.22),transparent 32%),linear-gradient(180deg,#fffffdf5,#f1f5fceb)}.portrait-frame:before{content:"";position:absolute;right:1.1rem;top:1.1rem;width:6rem;height:6rem;pointer-events:none;background:radial-gradient(circle,rgba(17,21,29,.12) 0 1px,transparent 1.6px);background-size:8px 8px;opacity:.5}.portrait-note{position:absolute;right:1.25rem;bottom:1.2rem;margin:0;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#2a252185}.portrait-sketch{position:absolute;inset:0}.sketch{position:absolute;border:2px solid rgba(42,37,33,.45);border-radius:999px}.sketch.halo{width:16rem;height:16rem;top:3rem;left:50%;transform:translate(-50%);border-color:#3f7ef142}.sketch.head{width:10rem;height:13rem;top:5.4rem;left:50%;transform:translate(-50%)}.sketch.jaw{width:8.6rem;height:6rem;top:13.5rem;left:50%;transform:translate(-50%);border-top-color:transparent}.sketch.shoulder-left,.sketch.shoulder-right{width:9rem;height:10rem;top:16.4rem;border-top-color:transparent}.sketch.shoulder-left{left:3.6rem;transform:rotate(12deg)}.sketch.shoulder-right{right:3.6rem;transform:rotate(-12deg)}.tape-strip{position:absolute;width:10rem;opacity:.72;pointer-events:none;filter:drop-shadow(0 10px 18px rgba(79,60,44,.12))}.tape-strip-portrait{top:-1.1rem;left:50%;transform:translate(-50%) rotate(-6deg)}.divider-wrap{display:flex;justify-content:center;padding:.25rem 0 1.5rem}.pencil-divider{width:min(52rem,100%);opacity:.9}.reel-section{position:relative;min-height:100vh;margin:0}.reel-stage{position:sticky;top:5.5rem;display:grid;gap:1.4rem;padding:1.2rem 0 2rem}.reel-copy{width:min(35rem,100%);padding-left:.35rem}.reel-copy h2{margin:0;max-width:18ch;font-family:var(--font-display);font-weight:800;letter-spacing:-.025em;font-size:clamp(2rem,4vw,3.6rem);line-height:.94}.reel-copy p:last-child{margin:.95rem 0 0;max-width:40rem;line-height:1.8;color:#343b49d1}.reel-window{position:relative;overflow:hidden;border-radius:2rem;padding:2.2rem 0 1.5rem;background:linear-gradient(180deg,#ffffff80,#f3f8ffad);border:1px solid rgba(92,102,121,.12);box-shadow:inset 0 0 0 1px #ffffff7a,0 18px 44px #39456014}.reel-window-boundary{position:absolute;inset:0;pointer-events:none;z-index:2}.reel-window:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 20%,rgba(63,126,241,.16) 0 1px,transparent 1.7px),radial-gradient(circle at 72% 34%,rgba(217,73,89,.14) 0 1px,transparent 1.7px);background-size:14px 14px,18px 18px;opacity:.45}.reel-window:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 76%,rgba(17,21,29,.1) 0 1px,transparent 1.6px),radial-gradient(circle at 88% 20%,rgba(17,21,29,.08) 0 1px,transparent 1.6px);background-size:10px 10px,11px 11px;opacity:.3}.reel-window-top{position:absolute;top:.9rem;left:2rem;right:2rem;height:.28rem;border-radius:999px;background:linear-gradient(90deg,#d94959d1,#3f7ef19e);transform:rotate(-.8deg)}.reel-boundary,.reel-boundary-scribble{position:absolute;transform-origin:left center;transition:transform .55s ease,opacity .55s ease}.reel-boundary{background:#10141cd6;border-radius:999px;opacity:.38}.reel-boundary-left{left:1rem;top:1.2rem;width:.28rem;height:calc(100% - 2.4rem);transform:scaleY(.15);transform-origin:top center}.reel-boundary-bottom{left:1.25rem;right:1.25rem;bottom:.9rem;height:.28rem;transform:scaleX(.15) rotate(-1.2deg)}.reel-boundary-scribble{border-radius:999px;opacity:0}.reel-boundary-scribble-red{left:2rem;top:1rem;width:7rem;height:.42rem;background:#d94959e6;transform:scaleX(.2) rotate(-5deg)}.reel-boundary-scribble-blue{right:2.4rem;bottom:1.25rem;width:5rem;height:.24rem;background:#3f7ef1d9;transform:scaleX(.2) rotate(6deg);transform-origin:right center}.reel-section-active .reel-boundary-left{opacity:.82;transform:scaleY(1)}.reel-section-active .reel-boundary-bottom{opacity:.82;transform:scaleX(1) rotate(-1.2deg)}.reel-section-active .reel-boundary-scribble{opacity:1;transform:scaleX(1) rotate(var(--scribble-rotation, 0deg))}.reel-boundary-scribble-red{--scribble-rotation: -5deg}.reel-boundary-scribble-blue{--scribble-rotation: 6deg}.reel-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(19rem,24rem);gap:1.25rem;padding:0 6rem 0 1.4rem;will-change:transform;position:relative;z-index:1}.reel-card{position:relative;min-height:19rem;padding:1.35rem;border-radius:1.6rem;overflow:hidden;border:2px solid rgba(15,19,25,.88);box-shadow:0 22px 40px #1d233026}.reel-card-halftone{position:absolute;inset:auto 1rem 1rem auto;width:7rem;height:7rem;background:radial-gradient(circle,rgba(15,19,25,.28) 0 1px,transparent 1.8px);background-size:8px 8px;opacity:.55}.reel-card:before{content:"";position:absolute;left:1rem;top:.95rem;width:4.8rem;height:.22rem;border-radius:999px;background:#0f1319d1;transform:rotate(-2.8deg);opacity:.8}.reel-card h3{margin:.4rem 0 0;max-width:12ch;font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.8rem,4vw,2.6rem);line-height:.95}.reel-card p:last-of-type{margin:1rem 0 0;max-width:22ch;line-height:1.7}.reel-index{margin:0;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase}.reel-tag{margin:.7rem 0 0}.reel-card-blue{background:linear-gradient(145deg,#e9f2fff5,#cbe0fff5)}.reel-card-red{background:linear-gradient(145deg,#ffedeef7,#ffd1d6f7)}.reel-card-ink{background:linear-gradient(145deg,#1d2330f7,#30394df7);color:#f8fbff}.reel-card-ink .reel-card-halftone{background:radial-gradient(circle,rgba(255,255,255,.22) 0 1px,transparent 1.8px)}.reel-card-ink:before{background:#ffffffb8}.reel-card-ink .reel-index,.reel-card-ink .reel-tag,.reel-card-ink p:last-of-type{color:#f5f8ffdb}.reel-scribble{position:absolute;left:1.2rem;bottom:1rem;display:grid;gap:.35rem}.reel-scribble span{display:block;height:.26rem;border-radius:999px;background:#0f1319e0}.reel-scribble span:first-child{width:3.6rem;transform:rotate(-7deg)}.reel-scribble span:last-child{width:2rem;background:#3f7ef1d1;transform:rotate(4deg)}.content-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.25rem;padding-bottom:1rem;position:relative;z-index:1}.content-card{padding:1.6rem;border-radius:1.5rem;background:#fffffead;border:1px solid rgba(92,102,121,.1);box-shadow:0 18px 40px #39456012;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.content-card:before{content:"";position:absolute;right:1rem;bottom:1rem;width:6rem;height:6rem;pointer-events:none;background:radial-gradient(circle,rgba(17,21,29,.08) 0 1px,transparent 1.6px);background-size:8px 8px;opacity:.42}.content-card-boundary{position:absolute;inset:0;pointer-events:none}.boundary-stroke,.boundary-scribble{position:absolute;display:block;border-radius:999px;transition:transform var(--boundary-duration, .56s) ease,opacity var(--boundary-duration, .56s) ease;transition-delay:var(--boundary-delay, 0ms)}.boundary-stroke{background:#11151dd1;opacity:.26}.boundary-stroke-top{top:.85rem;left:1rem;width:5.8rem;height:.24rem;transform:scaleX(.18) rotate(-2deg);transform-origin:left center}.boundary-stroke-side{top:1rem;right:.9rem;width:.22rem;height:6rem;transform:scaleY(.18) rotate(1deg);transform-origin:top center}.boundary-scribble{opacity:0}.boundary-scribble-red{right:1rem;top:auto;bottom:1.15rem;width:2.3rem;height:.34rem;background:#d94959e0;transform:scaleX(.2) rotate(-7deg);transform-origin:right center}.boundary-scribble-blue{left:auto;right:1rem;bottom:1.8rem;width:3rem;height:.2rem;background:#3f7ef1c7;transform:scaleX(.2) rotate(5deg);transform-origin:right center}.content-card-active .boundary-stroke-top{opacity:.7;transform:scaleX(1) rotate(-2deg)}.content-card-active .boundary-stroke-side{opacity:.62;transform:scaleY(1) rotate(1deg)}.content-card-active .boundary-scribble{opacity:1}.content-card-active .boundary-scribble-red{transform:scaleX(1) rotate(-7deg)}.content-card-active .boundary-scribble-blue{transform:scaleX(1) rotate(5deg)}.content-card h2{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;font-size:clamp(1.5rem,2.5vw,2.3rem);line-height:1.08;display:inline;background-image:linear-gradient(120deg,#ffd9668c,#f05f582e);background-repeat:no-repeat;background-position:0 88%;background-size:0% .4em;padding:0 .05em}.content-card h2:after{content:"";display:block;width:4.8rem;height:.28rem;margin-top:.65rem;border-radius:999px;background:linear-gradient(90deg,#d94959d1,#3f7ef185);transform:rotate(-2deg)}.section-about:after,.section-notes:after,.section-contact:after{content:"";position:absolute;left:1rem;bottom:.95rem;width:4.5rem;height:.18rem;border-radius:999px;background:#3f7ef199;transform:rotate(-4deg);opacity:.78}.content-card:not(.content-card-active) .boundary-stroke,.content-card:not(.content-card-active) .boundary-scribble{transition-delay:0ms}.content-card>p:last-of-type{margin:.95rem 0 0;color:#343b49cc;line-height:1.8}.section-tag{margin:0 0 .85rem;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:#d64959}.section-about,.section-projects{grid-column:span 7}.section-journey{grid-column:span 5}.journey-grid{margin:1.2rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.journey-card{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:.95rem 1rem;border-radius:.85rem;background:#fffffeb8;border:1px solid rgba(95,105,124,.16);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.journey-card:hover{border-color:#3f7ef152;box-shadow:0 14px 28px #303b5614}.journey-card:before{content:"";position:absolute;inset:auto -2rem -2rem auto;width:5rem;height:5rem;border-radius:999px;opacity:.18;filter:blur(18px);pointer-events:none}.journey-blue:before{background:#3f7ef1}.journey-red:before{background:#d93d53}.journey-amber:before{background:#ffb700}.journey-green:before{background:#38c172}.journey-icon{font-size:1rem;line-height:1;font-weight:600}.journey-blue .journey-icon{color:#3f7ef1}.journey-red .journey-icon{color:#d93d53}.journey-amber .journey-icon{color:#d39800}.journey-green .journey-icon{color:#2c7a4d}.journey-title{margin:0;font-size:.92rem;font-weight:700;color:#11151d;letter-spacing:.01em}.journey-body{margin:0;font-size:.78rem;line-height:1.5;color:#282d3ab8}.section-notes{grid-column:span 5}.section-contact{grid-column:span 7}.contact-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.4rem}.section-play{grid-column:span 5;display:flex;flex-direction:column;height:26rem;padding:1.25rem 1.25rem 1.5rem;overflow:hidden}.section-play .ttt-container{height:100%}.project-list,.note-list,.principle-list{margin:1.2rem 0 0}.project-list{display:grid;gap:1rem}.project-item{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:1.4rem 1.4rem 1.4rem 1.2rem;border-radius:1rem;border:1px solid rgba(95,105,124,.1);background:#fffffe6b;position:relative;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}.project-item+.project-item{margin-top:.85rem}.project-item:hover{border-color:#3f7ef147;background:#fffffec7;box-shadow:0 18px 40px #303b560f}.project-item h3{margin:0;font-size:1.12rem}.project-item:after{display:none}.project-body{min-width:0}.project-head{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap}.project-role{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#d94959c7;padding:.18rem .55rem;border-radius:999px;background:#d9495914}.project-item p{margin:.45rem 0 0;color:#343b49cc;line-height:1.7}.project-meta{margin-top:.7rem;display:grid;gap:.55rem}.project-stack{display:flex;flex-wrap:wrap;gap:.35rem}.project-chip{font-size:.74rem;padding:.22rem .6rem;border-radius:999px;background:#3f7ef114;color:#284682eb;border:1px solid rgba(63,126,241,.18)}.project-outcome{font-size:.95rem;color:#3f7ef1d9}.project-actions{display:flex;gap:.55rem;margin-top:.85rem;flex-wrap:wrap}.project-btn{display:inline-flex;align-items:center;gap:.42rem;padding:.5rem .85rem;border-radius:999px;font-size:.82rem;font-weight:600;text-decoration:none;letter-spacing:.01em;transition:box-shadow .25s ease,background .25s ease;border:1px solid transparent}.project-btn-code{background:#11151deb;color:#fffaf3;border-color:#11151deb}.project-btn-code:hover{background:#1e2430;box-shadow:0 12px 24px #11151d38}.project-btn-demo{background:linear-gradient(135deg,#f05f58,#d93d53);color:#fffaf3}.project-btn-demo:hover{box-shadow:0 14px 28px #d93d5347}.project-btn svg{flex-shrink:0}.project-index{margin:0;font-size:.86rem;letter-spacing:.18em;color:#3f7ef1f2}.note-list,.principle-list{padding-left:1.1rem;display:grid;gap:.85rem;color:#232730d6}.contact-action{margin-top:1.35rem}.eyebrow{margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:#9b5c42}.starter-card h1{margin:0;font-size:clamp(2.4rem,6vw,4rem);line-height:.95}.starter-card p:last-child{margin:1rem 0 0;font-size:1.05rem;line-height:1.7;color:#3f3834}.paper-tear{position:absolute;left:5%;width:24%;height:1.25rem;opacity:.6;background:linear-gradient(90deg,#d9495933,#3f7ef124),linear-gradient(135deg,transparent .4rem,rgba(124,101,84,.09) .5rem,transparent .7rem);background-size:100% 100%,1rem 100%}.paper-tear-top{top:5.5rem;border-radius:999px}.paper-tear-bottom{bottom:3rem;left:auto;right:7%;width:18%;opacity:.45}.scribble-cluster{position:absolute;display:grid;gap:1rem;width:9rem}.scribble-cluster span{display:block;height:.3rem;border-radius:999px;background:#2a25212e;transform-origin:left center}.scribble-cluster span:nth-child(1){width:100%;transform:rotate(-8deg)}.scribble-cluster span:nth-child(2){width:72%;background:#c05c2a3d;transform:rotate(6deg)}.scribble-cluster span:nth-child(3){width:88%;background:#526fb02e;transform:rotate(-3deg)}.scribble-cluster-left{left:clamp(.5rem,3vw,3rem);top:clamp(8rem,14vw,10rem)}.scribble-cluster-right{right:clamp(.5rem,3vw,3rem);bottom:clamp(3rem,10vw,7rem)}@keyframes underline-draw{0%{transform:rotate(var(--rotation, 0deg)) scaleX(0);opacity:.4}to{transform:rotate(var(--rotation, 0deg)) scaleX(1);opacity:1}}@keyframes pencil-write{0%{opacity:0;clip-path:inset(0 100% 0 0);filter:blur(1.5px)}20%{opacity:.55}to{opacity:1;clip-path:inset(0 0 0 0);filter:blur(0)}}@keyframes pencil-float{0%,to{transform:translateY(.04em) rotate(-1.6deg)}50%{transform:translateY(0) rotate(-1.1deg)}}@media(max-width:720px){.app-shell{padding:0 1rem 2rem}.notebook-shell,.notebook-spread{min-height:100vh}.scribble-cluster{width:5.5rem;gap:.6rem}.paper-tear{width:36%}.site-nav{flex-wrap:wrap;top:.8rem;border-radius:1.5rem}.nav-links{order:3;width:100%;justify-content:center;flex-wrap:wrap}.hero-grid{grid-template-columns:minmax(0,1fr);padding-top:2rem}.hero-copy h1{font-size:clamp(2.2rem,11vw,4.4rem)}.hero-copy:before{display:none}.handwritten-line{font-size:1.08rem}.hero-copy{padding-left:0}.portrait-paper{transform:none}.portrait-frame{min-height:22rem}.reel-section{min-height:auto;margin-bottom:2rem}.reel-stage{position:relative;top:0}.reel-track{overflow-x:auto;padding-bottom:.6rem}.reel-boundary-left,.reel-boundary-bottom,.content-card-boundary{display:none}.content-grid{grid-template-columns:1fr}.section-about,.section-projects,.section-journey,.section-notes,.section-contact,.section-play{grid-column:span 1}.section-projects .project-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding-bottom:.5rem;margin:1rem -.5rem 0;scroll-padding:.5rem;-webkit-overflow-scrolling:touch}.section-projects .project-item{flex:0 0 80%;scroll-snap-align:start;border-top:none!important;padding:1rem!important;border-radius:1rem;background:#fffffe9e;border:1px solid rgba(95,105,124,.12)}}.editor-link{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .95rem .5rem .7rem;border-radius:999px;border:1px solid rgba(17,21,29,.85);background:linear-gradient(135deg,#1b1f28,#0e1116);color:#f2ede3;cursor:pointer;font:inherit;line-height:1.05;box-shadow:0 10px 24px #1419262e;transition:box-shadow .25s ease,transform .2s ease}.editor-link:hover{box-shadow:0 14px 30px #ff7a3d4d}.editor-link-clap{font-size:1.05rem;line-height:1}.editor-link-text{display:flex;flex-direction:column;align-items:flex-start;font-weight:700;font-size:.85rem}.editor-link-sub{font-weight:500;font-size:.62rem;letter-spacing:.05em;color:#34dccb}@media(max-width:720px){.editor-link-sub{display:none}}.certs{margin:.6rem 0}.certs-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.8rem;flex-wrap:wrap;gap:.5rem}.certs-eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#282d3a8c}.certs-sub{margin:0;font-size:.78rem;color:#282d3a8c;font-style:italic}.certs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.cert{position:relative;display:flex;flex-direction:column;gap:.45rem;padding:.95rem 1rem 1rem;border-radius:.95rem;background:#fffffeb8;border:1px solid rgba(95,105,124,.16);text-decoration:none;color:inherit;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.cert:before{content:"";position:absolute;inset:auto -2.5rem -2.5rem auto;width:6rem;height:6rem;border-radius:999px;opacity:.18;filter:blur(20px);pointer-events:none}.cert-blue:before{background:#3f7ef1}.cert-red:before{background:#d93d53}.cert-amber:before{background:#ffb700}.cert-green:before{background:#38c172}.cert:hover{border-color:var(--cert-hover, rgba(63, 126, 241, .32));box-shadow:0 16px 32px #303b5614}.cert-blue:hover{--cert-hover: rgba(63, 126, 241, .4)}.cert-red:hover{--cert-hover: rgba(217, 73, 89, .4)}.cert-amber:hover{--cert-hover: rgba(255, 183, 0, .4)}.cert-green:hover{--cert-hover: rgba(56, 193, 114, .4)}.cert-top{display:flex;align-items:center;gap:.6rem}.cert-badge{width:2rem;height:2rem;border-radius:.55rem;display:grid;place-items:center;font-weight:700;font-size:.78rem;letter-spacing:.04em;color:#fffaf3;flex-shrink:0}.cert-blue .cert-badge{background:linear-gradient(135deg,#3f7ef1,#1e3b8c)}.cert-red .cert-badge{background:linear-gradient(135deg,#f05f58,#d93d53)}.cert-amber .cert-badge{background:linear-gradient(135deg,#ffb700,#d39800);color:#1e2430}.cert-green .cert-badge{background:linear-gradient(135deg,#6df0a3,#2c7a4d);color:#1e2430}.cert-headline{display:flex;flex-direction:column;line-height:1;gap:.18rem;flex:1;min-width:0}.cert-issuer{margin:0;font-size:.78rem;font-weight:700;color:#1e2430;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cert-date{margin:0;font-size:.7rem;color:#282d3a8c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.cert-arrow{font-size:1rem;color:#282d3a66;flex-shrink:0}.cert-title{margin:0;font-size:.95rem;font-weight:600;color:#11151d;line-height:1.25}.cert-body{margin:0;font-size:.78rem;line-height:1.55;color:#282d3ab3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:880px){.certs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.certs-grid{grid-template-columns:1fr}}.coding-stats{margin:0 auto .8rem;max-width:60rem;width:100%}.coding-stats-eyebrow{margin:0 0 .85rem;text-align:center;font-size:.78rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#282d3a8c}.coding-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.stat-card{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem 1.1rem;border-radius:1rem;background:#fffffec7;border:1px solid rgba(95,105,124,.14);text-decoration:none;color:inherit;overflow:hidden;transition:box-shadow .3s ease}.stat-card:hover{box-shadow:0 18px 40px #303b561a}.stat-card:before{content:"";position:absolute;inset:auto -2rem -2rem auto;width:6rem;height:6rem;border-radius:999px;opacity:.18;filter:blur(20px);pointer-events:none}.stat-leet:before{background:#ffa116}.stat-cf:before{background:#2196f3}.stat-acc:before{background:#38c172}.stat-contests:before{background:#d93d53}.stat-label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#282d3a99}.stat-value{margin:0;font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:700;color:#1e2430;line-height:1}.stat-sub{margin:0;font-size:.82rem;color:#282d3ab3}.stat-extra{margin:.35rem 0 0;font-size:.95rem;color:#3f7ef1d9}.stat-diff{margin-top:.55rem;display:grid;gap:.32rem}.stat-diff-row{display:grid;grid-template-columns:1rem 1fr auto;gap:.5rem;align-items:center;font-size:.74rem}.stat-diff-label{font-weight:700;font-size:.72rem}.stat-diff-track{height:.32rem;border-radius:999px;background:#5f697c1f;overflow:hidden}.stat-diff-fill{display:block;height:100%;border-radius:999px;transition:width .6s ease}.stat-diff-num{font-variant-numeric:tabular-nums;color:#282d3ac7}.stat-diff-total{color:#282d3a80}@media(max-width:880px){.coding-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.coding-stats-grid{grid-template-columns:1fr}}.cmdk-hint{position:fixed;bottom:1.4rem;left:1.4rem;z-index:60;display:inline-flex;align-items:center;gap:.3rem;padding:.5rem .75rem;border-radius:999px;background:#fffffec7;border:1px solid rgba(95,105,124,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;font-family:inherit;color:#232730c7;font-size:.78rem;box-shadow:0 14px 28px #303b561a}.cmdk-hint kbd{padding:.12rem .4rem;border-radius:.4rem;background:#5f697c1a;font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cmdk-backdrop{position:fixed;inset:0;z-index:120;background:#1419266b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:start center;padding:8vh 1rem 1rem}.cmdk-shell{width:min(34rem,100%);border-radius:1.2rem;background:linear-gradient(160deg,#fffaf3,#f1f6ff);border:1px solid rgba(95,105,124,.18);box-shadow:0 30px 80px #14192647;overflow:hidden}[cmdk-root]{width:100%;display:flex;flex-direction:column}[cmdk-input]{width:100%;padding:1rem 1.25rem;border:none;border-bottom:1px solid rgba(95,105,124,.16);background:transparent;font-size:1rem;color:#1e222c;outline:none}[cmdk-input]::placeholder{color:#282d3a80}[cmdk-list]{max-height:22rem;overflow-y:auto;padding:.4rem}[cmdk-group-heading]{padding:.6rem .85rem .3rem;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#282d3a8c}[cmdk-item]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .85rem;border-radius:.7rem;cursor:pointer;font-size:.95rem;color:#1e222ceb;-webkit-user-select:none;user-select:none}[cmdk-item][data-selected=true]{background:#3f7ef11a;color:#1e2430}[cmdk-empty]{padding:1rem;text-align:center;font-size:.92rem;color:#282d3a99}.cmdk-kbd{padding:.12rem .42rem;border-radius:.4rem;background:#5f697c1f;font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#282d3ac7}.contact-links{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.contact-link{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;border-radius:.85rem;background:#fffffe9e;border:1px solid rgba(95,105,124,.16);text-decoration:none;color:inherit;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.contact-link:hover{border-color:#3f7ef15c;transform:translateY(-1px);box-shadow:0 12px 24px #303b560f}.contact-link-icon{width:1.7rem;height:1.7rem;flex-shrink:0;display:grid;place-items:center;border-radius:.55rem;background:#3f7ef11a;color:#1e3b8c}.contact-link-icon svg{width:1rem;height:1rem}.contact-link-text{display:flex;flex-direction:column;gap:.18rem;min-width:0;flex:1}.contact-link-label{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#282d3a8c}.contact-link-value{font-size:.88rem;font-weight:600;color:#1e2430;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-link-arrow{font-size:1.05rem;color:#282d3a66;flex-shrink:0}@media(max-width:540px){.contact-links{grid-template-columns:1fr}}.now-panel{margin:.85rem 0 0;padding:.95rem 1.05rem 1rem;border-radius:1rem;background:#fffffe9e;border:1px dashed rgba(95,105,124,.32)}.now-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.6rem}.now-pulse{position:relative;width:.55rem;height:.55rem;display:inline-block}.now-pulse-dot{position:absolute;inset:0;border-radius:999px;background:#38c172;box-shadow:0 0 #38c1728c;animation:now-pulse 1.8s ease-out infinite}@keyframes now-pulse{0%{box-shadow:0 0 #38c1728c}70%{box-shadow:0 0 0 9px #38c17200}to{box-shadow:0 0 #38c17200}}.now-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#282d3a8c;flex:1}.now-stamp{font-size:.7rem;color:#282d3a80;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.now-list{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}.now-list li{display:grid;grid-template-columns:5.5rem 1fr;align-items:baseline;gap:.7rem}.now-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#282d3a8c}.now-value{font-size:.86rem;line-height:1.5;color:#282d3ae0}@media(max-width:540px){.now-list li{grid-template-columns:1fr;gap:.15rem}}.tech-stack{margin:1rem 0 0;padding:1rem 1.05rem 1.1rem;border-radius:1rem;background:radial-gradient(circle at 0% 0%,rgba(63,126,241,.06),transparent 38%),radial-gradient(circle at 100% 100%,rgba(217,73,89,.06),transparent 38%),#f7f4eec7;color:#1e2430;border:1px solid rgba(95,105,124,.18);box-shadow:0 16px 32px #303b560f}.tech-stack-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.85rem}.tech-stack-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#282d3a8c}.tech-stack-rule{flex:1;height:1px;background:linear-gradient(90deg,rgba(40,45,58,.18),transparent)}.tech-stack-meta{font-size:.7rem;color:#282d3a80;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.tech-row{display:grid;grid-template-columns:5.5rem 1fr;align-items:start;gap:.7rem;padding:.55rem 0;border-top:1px dashed rgba(95,105,124,.2)}.tech-row:first-of-type{border-top:none;padding-top:0}.tech-row-label{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#282d3a8c;padding-top:.28rem}.tech-row-chips{display:flex;flex-wrap:wrap;gap:.35rem}.tech-chip{display:inline-flex;align-items:center;padding:.28rem .65rem;border-radius:999px;font-size:.74rem;font-weight:500;letter-spacing:.01em;background:#fffffec7;border:1px solid rgba(95,105,124,.2);color:#232730e6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;cursor:default;transition:background .2s ease,border-color .2s ease}.tech-chip:hover{background:linear-gradient(135deg,#3f7ef124,#d949591f);border-color:#3f7ef159;color:#1e2430}@media(max-width:540px){.tech-row{grid-template-columns:1fr;gap:.4rem}.tech-row-label{padding-top:0}}.gh-activity{margin:.8rem auto;padding:1.6rem 1.8rem 1.4rem;border-radius:1.2rem;background:#fffffeb8;border:1px solid rgba(95,105,124,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-grid;gap:.9rem;justify-self:center;max-width:100%}.gh-activity-wrap{display:grid;justify-content:center}.gh-eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#282d3a8c}.gh-card-head{display:flex;align-items:center;gap:.85rem;padding-bottom:.4rem;border-bottom:1px dashed rgba(95,105,124,.18)}.gh-card-icon{width:2.2rem;height:2.2rem;border-radius:999px;background:linear-gradient(135deg,#11151d,#1e2430);color:#fffaf3;display:grid;place-items:center;flex-shrink:0}.gh-card-icon svg{width:1.2rem;height:1.2rem}.gh-card-handle{margin:.18rem 0 0;font-size:.85rem;font-weight:600;color:#1e2430;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gh-chart{display:grid;gap:.4rem;overflow-x:auto}.gh-months{display:grid;grid-auto-flow:column;grid-auto-columns:.85rem;gap:.18rem;padding-left:.1rem;font-size:.72rem;color:#282d3a99;min-width:max-content}.gh-month-label{white-space:nowrap}.gh-grid{display:grid;grid-auto-flow:column;grid-auto-columns:.85rem;gap:.18rem;min-width:max-content}.gh-col{display:grid;grid-template-rows:repeat(7,.85rem);gap:.18rem}.gh-cell{display:block;width:.85rem;height:.85rem;border-radius:.18rem;background:#ebedf0;border:1px solid rgba(27,31,35,.04)}.gh-empty{background:transparent;border-color:transparent}.gh-level-0{background:#ebedf0}.gh-level-1{background:#9be9a8}.gh-level-2{background:#40c463}.gh-level-3{background:#30a14e}.gh-level-4{background:#216e39}.gh-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;font-size:.78rem;color:#282d3ab3}.gh-total{color:#282d3ac7}.gh-username{font-weight:600;color:#3f7ef1f2;text-decoration:none}.gh-legend{display:inline-flex;align-items:center;gap:.3rem}.gh-legend .gh-cell{width:.72rem;height:.72rem}@media(max-width:720px){.gh-activity{padding:1.2rem 1rem 1rem}.gh-footer{justify-content:center}}.gh-pins{margin:.6rem 0}.gh-pins-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.6rem}.gh-pins-eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#282d3a8c}.gh-pins-link{font-size:.78rem;font-weight:600;color:#3f7ef1f2;text-decoration:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.gh-pins-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.gh-pin{display:flex;flex-direction:column;gap:.5rem;padding:.95rem 1rem .85rem;border-radius:.85rem;background:#fffffeb8;border:1px solid rgba(95,105,124,.16);text-decoration:none;color:inherit;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}.gh-pin:hover{border-color:#3f7ef15c;box-shadow:0 14px 28px #303b5614}.gh-pin-top{display:flex;align-items:center;gap:.45rem}.gh-pin-icon{width:.95rem;height:.95rem;color:#282d3a8c;flex-shrink:0}.gh-pin-name{font-size:.92rem;font-weight:600;color:#3f7ef1f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gh-pin-owner{color:#282d3a8c;font-weight:500}.gh-pin-desc{margin:0;font-size:.8rem;line-height:1.5;color:#282d3ab8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gh-pin-meta{display:flex;gap:.85rem;font-size:.72rem;color:#282d3a99;margin-top:auto}.gh-pin-lang,.gh-pin-stat{display:inline-flex;align-items:center;gap:.3rem}.gh-pin-dot{width:.55rem;height:.55rem;border-radius:999px}@media(max-width:880px){.gh-pins-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.gh-pins-grid{grid-template-columns:1fr}}.intro-loader{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:linear-gradient(rgba(113,132,181,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(113,132,181,.13) 1px,transparent 1px),radial-gradient(circle at 30% 30%,rgba(242,105,92,.16),transparent 30%),radial-gradient(circle at 70% 80%,rgba(105,139,214,.18),transparent 32%),linear-gradient(180deg,#fffaf3,#f1f6ff);background-size:3rem 3rem,3rem 3rem,100% 100%,100% 100%,100% 100%}.intro-paper{width:min(34rem,90%);padding:2rem 2rem 1.6rem;border-radius:1.6rem;background:#fffaf3e0;border:1px solid rgba(95,105,124,.12);box-shadow:0 30px 60px #303b561f;text-align:center}.intro-eyebrow{margin:0 0 .4rem;font-size:.78rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#282d3a8c}.intro-svg{width:100%;height:auto;display:block}.intro-tag{margin:.2rem 0 0;color:#3f7ef1bf;font-size:1.05rem}.intro-name{margin:.2rem 0 .85rem;font-size:clamp(2rem,5vw,3.4rem);font-weight:700;letter-spacing:-.01em;color:#11151d;line-height:1}.intro-bar{width:100%;height:3px;background:linear-gradient(90deg,#f05f58,#3f7ef1);border-radius:999px;transform-origin:0 50%;margin:0 0 .6rem}.marquee{position:relative;width:100%;overflow:hidden;margin:.5rem 0 1.5rem;padding:.8rem 0;border-top:1px dashed rgba(95,105,124,.22);border-bottom:1px dashed rgba(95,105,124,.22);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:inline-flex;align-items:center;gap:1.4rem;white-space:nowrap;animation:marquee-scroll 32s linear infinite;will-change:transform}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.42rem .95rem;border-radius:999px;background:#fffffe9e;border:1px solid rgba(95,105,124,.14);font-size:.92rem;color:#232730d1;flex-shrink:0}.marquee-dot{width:.42rem;height:.42rem;border-radius:999px;background:linear-gradient(135deg,#f05f58,#3f7ef1)}@keyframes marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}.music-chip{position:fixed;top:5.5rem;right:1.2rem;z-index:70;display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .9rem .4rem .4rem;border-radius:999px;background:#141926eb;color:#fffaf3;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 28px #1419262e;font-family:inherit;cursor:default;-webkit-user-select:none;user-select:none}.music-toggle{width:1.9rem;height:1.9rem;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#6df0a3,#38c172);border:none;color:#0b0e16;cursor:pointer;flex-shrink:0}.music-info{display:flex;flex-direction:column;line-height:1;gap:.18rem;cursor:pointer;max-width:11rem;overflow:hidden}.music-title{font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-artist{font-size:.66rem;color:#fffaf380;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-controls{display:inline-flex;align-items:center;gap:.15rem;margin-left:.2rem}.music-controls button{width:1.5rem;height:1.5rem;border:none;background:#ffffff0f;color:#fffaf3;border-radius:999px;font-size:1rem;line-height:1;cursor:pointer}.music-controls button:hover{background:#ffffff29}.music-bars{display:inline-flex;align-items:flex-end;gap:2px;height:.7rem}.music-bars span{width:2.5px;background:#0b0e16;border-radius:1px;animation:music-bar .9s ease-in-out infinite}.music-bars span:nth-child(1){height:60%;animation-delay:-.3s}.music-bars span:nth-child(2){height:100%;animation-delay:-.6s}.music-bars span:nth-child(3){height:70%;animation-delay:0s}@keyframes music-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@media(max-width:600px){.music-chip{top:5rem;right:.8rem}.music-info{max-width:7rem}}.numbers-band{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:.6rem 0;padding:1.2rem .4rem;border-top:1px solid rgba(95,105,124,.16);border-bottom:1px solid rgba(95,105,124,.16)}.numbers-item{display:flex;flex-direction:column;gap:.18rem;padding:0 1rem;border-right:1px dashed rgba(95,105,124,.18)}.numbers-item:last-child{border-right:none}.numbers-value{font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:700;line-height:1;color:#11151d;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.numbers-suffix{color:#3f7ef1f2;margin-left:.05em}.numbers-label{margin:.4rem 0 0;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#282d3a9e}.numbers-sub{margin:0;font-size:.78rem;color:#282d3a8c}@media(max-width:880px){.numbers-band{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 0}.numbers-item:nth-child(3){border-right:none}}@media(max-width:480px){.numbers-band{grid-template-columns:repeat(2,minmax(0,1fr))}.numbers-item:nth-child(2),.numbers-item:nth-child(4){border-right:none}}.oss-callout{position:relative;margin:.8rem 0 .4rem;padding:1.4rem 1.6rem 1.5rem;border-radius:1.2rem;background:linear-gradient(180deg,#0b0f1af2,#141926f2);color:#e7ecf5;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px #1419262e;overflow:hidden}.oss-callout:before{content:"";position:absolute;inset:-50% -10% auto auto;width:22rem;height:22rem;background:radial-gradient(circle,rgba(63,126,241,.22),transparent 60%);pointer-events:none}.oss-head{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.oss-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .7rem;border-radius:999px;background:#38c17229;border:1px solid rgba(56,193,114,.4);font-size:.7rem;font-weight:700;letter-spacing:.2em;color:#6df0a3}.oss-dot{width:.45rem;height:.45rem;border-radius:999px;background:#6df0a3;box-shadow:0 0 8px #6df0a3}.oss-eyebrow{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#e7ecf58c}.oss-title{margin:.85rem 0 1rem;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.25;color:#fffaf3;max-width:38rem}.oss-diff{margin:0;padding:.85rem 1rem;border-radius:.7rem;background:#0000004d;border:1px solid rgba(255,255,255,.06);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.55;overflow-x:auto;display:flex;flex-direction:column}.oss-line{display:block;white-space:pre}.oss-line-meta{color:#e7ecf580;margin-bottom:.35rem}.oss-line-old{color:#ff8a92;background:#d9495914}.oss-line-new{color:#6df0a3;background:#38c17214}.oss-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.95rem;flex-wrap:wrap}.oss-meta{font-size:.82rem;color:#e7ecf599}.oss-link{font-size:.88rem;font-weight:600;color:#fffaf3;text-decoration:none;padding:.45rem .9rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);transition:background .25s ease,transform .25s ease}.oss-link:hover{background:#ffffff29;transform:translateY(-1px)}.process-strip{margin:.8rem 0}.process-eyebrow{margin:0 0 .85rem;text-align:center;font-size:.78rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#282d3a8c}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.process-step{position:relative;padding:1.2rem 1.2rem 1.3rem;border-radius:1rem;background:#fffffe9e;border:1px solid rgba(95,105,124,.12);transition:border-color .3s ease,box-shadow .3s ease}.process-step:hover{border-color:#3f7ef147;box-shadow:0 18px 40px #303b560f}.process-num{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:linear-gradient(135deg,#f05f58,#d93d53);color:#fffaf3;font-weight:700;font-size:.78rem;letter-spacing:.04em;margin-bottom:.7rem}.process-step h3{margin:0 0 .35rem;font-size:1.1rem;font-weight:700;color:#11151d}.process-step p{margin:0;font-size:.92rem;line-height:1.55;color:#282d3abf}@media(max-width:880px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.process-grid{grid-template-columns:1fr}}.profile-tabs{display:flex;gap:.55rem;margin:0 auto .75rem;flex-wrap:wrap;justify-content:center}.profile-tab{position:relative;display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .95rem .55rem .7rem;border-radius:999px;background:#fffffec7;border:1px solid rgba(95,105,124,.16);text-decoration:none;color:inherit;cursor:pointer;transition:border-color .25s ease,transform .25s ease,background .25s ease}.profile-tab:hover{border-color:var(--tab-accent, rgba(63, 126, 241, .4));transform:translateY(-2px)}.profile-tab-icon{width:1.5rem;height:1.5rem;display:grid;place-items:center;color:var(--tab-accent, #11151d)}.profile-tab-icon svg{width:100%;height:100%}.profile-tab-meta{display:flex;flex-direction:column;line-height:1;gap:.18rem}.profile-tab-label{font-size:.85rem;font-weight:600;color:#1e2430}.profile-tab-handle{font-size:.7rem;color:#282d3a8c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.profile-tab-preview{position:absolute;bottom:calc(100% + .7rem);left:50%;transform:translate(-50%);width:22rem;border-radius:.85rem;background:#11151d;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 50px #14192652;overflow:hidden;z-index:30;pointer-events:none;display:block}.profile-tab-preview-bar{display:flex;align-items:center;gap:.35rem;padding:.5rem .7rem;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.profile-tab-dot{width:.55rem;height:.55rem;border-radius:999px;background:#ffffff2e}.profile-tab-preview-url{margin-left:.45rem;font-size:.7rem;color:#e7ecf58c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-tab-preview img{display:block;width:100%;height:auto;background:#1e2430}.profile-tab-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:2.5rem 1rem;color:#fffaf3;text-align:center}.profile-tab-placeholder-icon{width:2.4rem;height:2.4rem}.profile-tab-placeholder-icon svg{width:100%;height:100%}.profile-tab-placeholder-text{font-size:.95rem;font-weight:700;color:#fffaf3}.profile-tab-placeholder-handle{font-size:.78rem;color:#fffaf38c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:720px){.profile-tab-preview{display:none}}.resume-trigger{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .95rem;border-radius:999px;background:linear-gradient(135deg,#f05f58,#d93d53);color:#fffaf3;border:none;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 14px 28px #d93d5338;transition:box-shadow .25s ease}.resume-trigger:hover{box-shadow:0 18px 36px #d93d5352}.resume-backdrop{position:fixed;inset:0;z-index:130;background:#14192699;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:1.5rem}.resume-shell{width:min(60rem,100%);height:min(86vh,60rem);display:flex;flex-direction:column;border-radius:1.4rem;background:linear-gradient(160deg,#fffaf3,#f1f6ff);border:1px solid rgba(95,105,124,.18);box-shadow:0 40px 80px #14192647;overflow:hidden}.resume-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.2rem 1.4rem;border-bottom:1px solid rgba(95,105,124,.14);flex-wrap:wrap}.resume-eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#282d3a8c}.resume-title{margin:.2rem 0 0;font-size:1.4rem;font-weight:700;color:#11151d}.resume-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.resume-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .95rem;border-radius:999px;font-size:.85rem;font-weight:600;text-decoration:none;border:1px solid transparent;transition:box-shadow .25s ease,transform .25s ease,background .25s ease}.resume-btn-primary{background:linear-gradient(135deg,#1e2430,#11151d);color:#fffaf3}.resume-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px #11151d42}.resume-btn-ghost{background:#fffffe9e;border-color:#5f697c2e;color:#282d3ad9}.resume-btn-ghost:hover{background:#fffffeeb}.resume-close{width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(95,105,124,.18);background:#fffffe9e;font-size:1.4rem;line-height:1;color:#282d3ab3;cursor:pointer;transition:background .25s ease}.resume-close:hover{background:#fffffeeb}.resume-frame{flex:1;background:#2a2e3a;position:relative}.resume-iframe{width:100%;height:100%;border:none;display:block}.mew-sticker-wrapper{animation:float-wobble 4s infinite ease-in-out;filter:drop-shadow(4px 4px 0px rgba(0,0,0,.8))}.mew-sticker{position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;pointer-events:auto}.mew-sticker-content{padding:.6rem 1.2rem;border-radius:4px 12px 6px 14px/12px 6px 14px 4px;border:4px solid #fff;font-family:var(--font-hand);font-weight:700;font-size:1.3rem;color:#111;display:flex;align-items:center;justify-content:center;white-space:nowrap;box-shadow:inset 0 0 0 1px #0000000d}.term-trigger{position:fixed;bottom:1.4rem;left:5.4rem;z-index:60;width:2.4rem;height:2.4rem;border-radius:999px;background:#fffffed1;color:#282d3ac7;border:1px solid rgba(95,105,124,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;cursor:pointer;box-shadow:0 12px 24px #303b561a;display:grid;place-items:center}.term-trigger:hover{color:#1e2430;border-color:#3f7ef166}.term-trigger-prompt{letter-spacing:-.05em}.term-window{position:fixed;bottom:5rem;left:1.4rem;z-index:90;width:min(28rem,calc(100vw - 2.8rem));height:22rem;border-radius:1rem;background:#0b0e16f5;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #14192666;display:flex;flex-direction:column;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#e7ecf5}.term-bar{display:flex;align-items:center;gap:.4rem;padding:.6rem .85rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.term-dot{width:.7rem;height:.7rem;border-radius:999px;cursor:pointer}.term-dot-red{background:#ff605c}.term-dot-amber{background:#ffbd44}.term-dot-green{background:#00ca4e}.term-title{position:absolute;left:50%;transform:translate(-50%);font-size:.7rem;letter-spacing:.05em;color:#e7ecf58c}.term-body{flex:1;padding:.85rem 1rem 1rem;overflow-y:auto;font-size:.82rem;line-height:1.55}.term-line{display:flex;gap:.5rem;white-space:pre-wrap}.term-line span{display:block}.term-error{color:#ff8a92}.term-prompt-prefix{color:#6df0a3;font-weight:700;flex-shrink:0}.term-prompt-cmd{color:#fffaf3}.term-input-line{margin-top:.2rem}.term-input{flex:1;background:transparent;border:none;outline:none;color:#fffaf3;font-family:inherit;font-size:inherit;padding:0;caret-color:#6df0a3}.term-body::-webkit-scrollbar{width:6px}.term-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.ttt-fab{position:fixed;bottom:1.4rem;right:1.4rem;z-index:60;display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.05rem .7rem .85rem;border:1px solid rgba(95,105,124,.18);border-radius:999px;background:linear-gradient(135deg,#fffaf3,#f1f5ff);color:#1e222c;font-size:.95rem;cursor:pointer;box-shadow:0 18px 30px #303b5629,0 2px 6px #303b5614}.ttt-fab-mark{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:999px;background:linear-gradient(135deg,#f05f58,#d93d53);color:#fffaf3;font-size:.78rem;letter-spacing:.04em}.ttt-modal-backdrop{position:fixed;inset:0;z-index:80;background:transparent;pointer-events:auto}.ttt-modal{position:fixed;bottom:5rem;right:1.4rem;width:21rem;height:26rem;padding:1.25rem 1.25rem 1.5rem;border-radius:1.4rem;background:linear-gradient(160deg,#fffaf3,#f1f6ff);border:1px solid rgba(95,105,124,.16);box-shadow:0 30px 60px #14192638,0 4px 10px #14192614;display:flex;flex-direction:column}@media(max-width:480px){.ttt-modal{width:calc(100vw - 2rem);right:1rem;bottom:5rem}}.ttt-close{position:absolute;top:.6rem;right:.8rem;width:2rem;height:2rem;border:none;background:transparent;font-size:1.6rem;line-height:1;color:#282d3a99;cursor:pointer}.ttt-close:hover{color:#1e222c}.ttt-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;margin:0;width:100%;height:100%;opacity:1}.ttt-stage{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}.ttt-container.in-view{opacity:1;transform:translateY(0)}.ttt-title{font-size:1.35rem;margin:0 0 .4rem;color:#1e222c;text-align:center}.ttt-chooser{display:flex;flex-direction:column;align-items:center;gap:1rem}.ttt-chooser-btns{display:flex;gap:1rem}.ttt-btn{background:#fffc;border:2px solid rgba(17,21,29,.8);border-radius:255px 15px 225px/15px 225px 15px 255px;font-size:1.5rem;padding:.5rem 1.5rem;cursor:pointer;box-shadow:3px 3px #11151dcc;transition:transform .2s,box-shadow .2s;color:#111}.ttt-btn:hover{transform:translate(-2px,-2px) rotate(-3deg);box-shadow:5px 5px #11151dcc}.ttt-game{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.ttt-status{margin:0;height:1.4rem;font-size:1rem;color:#3f7ef1e6}.ttt-board{position:relative;width:200px;height:200px;flex-shrink:0}.ttt-grid-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.grid-line{fill:none;stroke:#11151db3;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:400;stroke-dashoffset:400}.in-view .v-line-1{animation:drawLine .6s .2s forwards ease-in-out}.in-view .v-line-2{animation:drawLine .6s .4s forwards ease-in-out}.in-view .h-line-1{animation:drawLine .6s .8s forwards ease-in-out}.in-view .h-line-2{animation:drawLine .6s 1s forwards ease-in-out}@keyframes drawLine{to{stroke-dashoffset:0}}.ttt-cells{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.ttt-cell{display:flex;align-items:center;justify-content:center;cursor:default}.ttt-cell-active{cursor:pointer}.ttt-cell-active:hover{background:#3f7ef10d}.ttt-mark{font-size:3rem;line-height:1;color:#111;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(0) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.ttt-strike-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.strike-line{stroke:#d94959cc;stroke-width:6;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;animation:drawLine .5s .1s forwards ease-in-out}.ttt-reset{margin-top:.4rem;font-size:1rem;padding:.35rem 1rem}.ttt-chooser{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%}@media(max-width:720px){.ttt-container{grid-column:span 1}}.page-flip{position:fixed;inset:0;z-index:9999;pointer-events:auto;perspective:2200px;perspective-origin:left center;overflow:hidden}.flip-sheet{position:absolute;inset:0;transform-origin:left center;transform:rotateY(92deg);backface-visibility:hidden;background:repeating-linear-gradient(180deg,transparent 0 2.45rem,rgba(63,126,241,.1) 2.45rem 2.5rem),radial-gradient(120% 80% at 80% 0%,rgba(217,73,89,.06),transparent 55%),linear-gradient(165deg,#fffdf7,#f1f6ff);box-shadow:0 40px 120px #14192652,inset 0 0 0 1px #fff9;display:flex;align-items:center;justify-content:center}.flip-spiral{position:absolute;left:0;top:0;bottom:0;width:2.4rem;background:radial-gradient(circle at 1.2rem 1.1rem,rgba(20,25,38,.32) 0 .28rem,transparent .34rem) 0 0 / 100% 2.4rem repeat-y;opacity:.7}.flip-margin{position:absolute;left:2.9rem;top:0;bottom:0;width:2px;background:#d9495966}.flip-label{display:flex;flex-direction:column;align-items:center;gap:.35rem;transform:translate(1rem) rotate(-1deg);text-align:center}.flip-label-kicker{font-size:clamp(1.2rem,3vw,1.9rem);color:#4465aad9}.flip-label-main{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;font-size:clamp(2rem,6vw,4rem);color:#14181f}.flip-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(20,25,38,.22) 0%,transparent 22%,transparent 80%,rgba(20,25,38,.12) 100%);mix-blend-mode:multiply}@media(prefers-reduced-motion:reduce){.flip-sheet{transform:rotateY(0)}}:root{--font-body: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;--font-display: "Bricolage Grotesque", "Hanken Grotesk", "Segoe UI", sans-serif;--font-hand: "Caveat", "Bradley Hand", "Segoe Print", cursive;--font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;font-family:var(--font-body);line-height:1.5;font-weight:400;color:#1b1f26;background:linear-gradient(rgba(113,132,181,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(113,132,181,.13) 1px,transparent 1px),radial-gradient(circle at top,rgba(242,105,92,.11),transparent 26%),radial-gradient(circle at right,rgba(105,139,214,.16),transparent 24%),linear-gradient(180deg,#fff,#f1f6ff);background-size:3rem 3rem,3rem 3rem,100% 100%,100% 100%,100% 100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(rgba(113,132,181,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(113,132,181,.13) 1px,transparent 1px),radial-gradient(circle at 20% 0%,rgba(242,105,92,.09),transparent 17%),radial-gradient(circle at 100% 100%,rgba(105,139,214,.16),transparent 22%),linear-gradient(180deg,#fff,#f1f6ff);background-size:3rem 3rem,3rem 3rem,100% 100%,100% 100%,100% 100%}a{color:inherit}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible{outline:2px dashed rgba(63,126,241,.85);outline-offset:3px;border-radius:6px}.inline-link{color:#3f7ef1f2;text-decoration:none;font-weight:600;background-image:linear-gradient(currentColor,currentColor);background-position:0 90%;background-repeat:no-repeat;background-size:0% 1.2px;padding-bottom:1px;transition:background-size .25s ease}.inline-link:hover{background-size:100% 1.2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}