:root{color-scheme:light;font-family:Outfit,sans-serif;background-color:#0a0816;--pink: #ffb0ff;--peach: #ffb36b;--sun: #ffd86b;--rose: #ff86d6;--glass: rgba(255, 255, 255, .16);--glass-strong: rgba(255, 255, 255, .28);--glow-shadow: 0 0 16px rgba(255, 231, 190, .42), 0 0 34px rgba(255, 168, 88, .58), 0 14px 34px rgba(255, 122, 58, .42)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0a0816;color:#f7f2ff;overflow:hidden;cursor:none}html,body,#root{overflow-x:hidden}#root{min-height:100vh}.scene{position:relative;width:100vw;height:100vh;overflow:hidden;cursor:default;-webkit-user-select:none;user-select:none;touch-action:none}.scene-filter{position:relative;width:100%;height:100%;filter:hue-rotate(var(--hue, 0deg))}.cursor-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999}.cursor-dot,.cursor-trail{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 6px #ffffffe6,0 0 12px #ffc2eccc,0 0 18px #ffd86bb3;transform:translate(-100px,-100px);transition:transform .02s linear}.cursor-trail{width:6px;height:6px;opacity:.7;filter:blur(.2px)}.backdrop{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(circle at 20% 20%,rgba(255,176,255,.95),transparent 55%),radial-gradient(circle at 80% 0%,rgba(255,179,107,.9),transparent 60%),radial-gradient(circle at 15% 75%,rgba(255,216,107,.85),transparent 60%),radial-gradient(circle at 80% 80%,rgba(255,134,214,.85),transparent 60%),#0a0816;filter:blur(6px);z-index:0}.bokeh-layer,.sparkle-layer{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:1}.bokeh{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffffffd9,#fff0);filter:blur(1px);opacity:.9;transform:translate(var(--x),var(--y)) scale(.95);animation:drift 16s ease-in-out infinite;animation-fill-mode:both}@keyframes drift{0%{transform:translate(var(--x),var(--y)) scale(.95)}50%{transform:translate(calc(var(--x) + 30px),calc(var(--y) - 20px)) scale(1.05)}to{transform:translate(var(--x),var(--y)) scale(.95)}}.sparkle{position:absolute;border-radius:50%;background:radial-gradient(circle,#fff,#ffd86b00);box-shadow:0 0 22px #ff86d6;opacity:1;transform:translate(var(--sx),var(--sy));animation:sparkle-drift 6s linear infinite}@keyframes sparkle-drift{0%{transform:translate(var(--sx),var(--sy)) scale(1)}50%{transform:translate(calc(var(--sx) + 6px),calc(var(--sy) - 6px)) scale(1.05)}to{transform:translate(var(--sx),var(--sy)) scale(1)}}.map{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%) scale(1.44);z-index:2}.node{position:absolute;min-width:288px;max-width:336px;padding:22px 26px;border-radius:22px;background:linear-gradient(135deg,#ffffff38,#ffffff14);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px #0c062266;transition:box-shadow .25s ease,transform .25s ease;text-align:center}.node:hover{box-shadow:var(--glow-shadow)}.node-title{margin:0;font-size:1.32rem;font-weight:600}.node-subtitle{margin:6px 0 0;color:#fffc;font-size:1.02rem}.node ul{margin:12px 0 0;padding-left:0;list-style:none;color:#ffffffd9;font-size:1.08rem;line-height:1.35}.icon-list{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.icon-button{position:relative;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(135deg,#ffffff38,#ffffff14);color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,box-shadow .2s ease}.icon-button span{font-size:1.2rem}.icon-img{width:22px;height:22px;display:block}.icon-img-white{filter:brightness(0) invert(1)}.icon-img-artistic{transform:rotate(90deg)}.center-contact-details{margin-top:14px;display:flex;justify-content:center;justify-items:center;align-items:center;gap:10px;font-size:.92rem}.meeting-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.42);background:linear-gradient(135deg,#ffffff52,#ffffff24);color:#fffffff0;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.meeting-button:hover{color:#fff;transform:translateY(-2px);text-shadow:0 0 10px rgba(255,255,255,.75),0 0 18px rgba(255,176,255,.55);box-shadow:var(--glow-shadow)}.icon-button:after{content:attr(data-label);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:6px 10px;border-radius:999px;background:#10081ce6;color:#fff;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 18px #0c062259}.icon-button:hover{transform:translateY(-2px);box-shadow:var(--glow-shadow)}.icon-button:hover:after{opacity:1;transform:translate(-50%) translateY(-2px)}.icon-button:focus-visible,.center-contact-details a:focus-visible,.roulette-widget:focus-visible,.blog-widget:focus-visible,.blog-card:focus-visible,.blog-nav:focus-visible,.resume-close:focus-visible,.resume-download:focus-visible,.hue-control:focus-within{outline:none;box-shadow:var(--glow-shadow)}.center{min-width:360px;text-align:center;border-radius:28px;transform:translate(-50%,-192px)}.name{margin:0;font-family:filmotype-lacrosse,sans-serif;font-weight:400;font-style:normal;font-size:3.6rem;letter-spacing:1px;text-align:center;line-height:.82;display:flex;flex-direction:column;gap:0}.name span{display:block;font-size:3.6rem}.pronouns{margin:6px 0 0;font-size:1.08rem;text-transform:lowercase;letter-spacing:.12em}.tagline{margin:8px 0 0;font-size:1.08rem;color:#ffffffd9}.sporkles{margin:6px 0 0;letter-spacing:.2em;font-size:1.02rem;color:#ffffffe6}.marketing-card{width:min(1000px,92vw);max-height:85vh}.marketing-frame{width:100%;height:60vh;border:none;border-radius:16px;background:#0a081666}.marketing-content{display:grid;gap:24px}.marketing-columns{display:grid;gap:18px}.marketing-columns h3{margin-bottom:8px}.marketing-grid{margin-top:12px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.marketing-grid img{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 26px #0c06224d}.spotify-player{position:fixed;right:24px;bottom:24px;z-index:10;width:296px;padding:8px;border-radius:20px;background:linear-gradient(135deg,#ffffff38,#ffffff14);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 28px #0c062259;transform-origin:bottom right;transition:box-shadow .2s ease,transform .2s ease}.spotify-player:hover{box-shadow:var(--glow-shadow)}.spotify-player iframe{width:100%}.utility-widgets{position:fixed;right:24px;top:24px;width:296px;z-index:10}.tech-stack-widget{width:100%;border-radius:16px;background:linear-gradient(135deg,#ffffff38,#ffffff14);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 28px #0c062259;display:flex;flex-direction:column;transition:box-shadow .2s ease}.tech-stack-widget:hover{box-shadow:var(--glow-shadow)}.tech-stack-toggle{width:100%;min-height:72px;padding:12px 14px;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.tech-stack-sub{display:block;font-family:inherit;font-size:.95rem;font-weight:600;color:#ffffffe6;text-transform:lowercase;line-height:1.2}.tech-stack-panel{padding:0 10px;display:grid;gap:14px;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .2s ease,padding .2s ease}.tech-stack-widget.is-open .tech-stack-panel{max-height:min(65vh,540px);overflow-y:auto;opacity:1;padding:4px 10px 10px;transition:max-height .35s ease,opacity .2s ease .1s,padding .2s ease}.tech-stack-mobile-overlay{display:none}.tech-group h4{margin:0 0 8px;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffffa6}.tech-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.tech-item{min-height:64px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 4px;text-align:center;font-size:.52rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffffe0;line-height:1.2;transition:background .2s ease,border-color .2s ease}.tech-item:hover{background:#ffffff24;border-color:#ffffff52}.tech-item img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(255,255,255,.28))}.widget-label{font-size:.88rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffffb3}.widget-value{font-size:1rem;font-weight:600}.roulette-widget{position:fixed;left:24px;bottom:24px;z-index:10;width:296px;min-height:72px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#ffffff38,#ffffff14);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 28px #0c062259;display:grid;gap:8px;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.roulette-widget:hover{transform:translateY(-2px);box-shadow:var(--glow-shadow)}.blog-widget{position:fixed;left:24px;top:24px;z-index:10;width:296px;min-height:72px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#ffffff38,#ffffff14);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 28px #0c062259;display:grid;gap:8px;text-align:left;text-decoration:none;text-transform:uppercase;color:inherit;font:inherit;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.blog-widget:hover{transform:translateY(-2px);box-shadow:var(--glow-shadow)}.blog-subtext,.roulette-result{display:block;font-family:inherit;font-size:.95rem;font-weight:600;color:#ffffffe6;text-transform:lowercase;line-height:1.2}.blog-list-overlay{display:contents}.blog-list{position:fixed;left:24px;top:104px;z-index:11;width:296px;display:grid;gap:10px}.blog-card{width:100%;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.3);background:linear-gradient(135deg,#ffffff38,#ffffff14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 28px #0c062259;color:#fff;text-align:left;font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.blog-card-title{margin-right:6px}.blog-card-date{font-size:.84rem;font-weight:500;color:#ffffffd1}.blog-card:hover{transform:translateY(-2px);box-shadow:var(--glow-shadow)}.blog-panel{width:min(780px,90vw);max-height:calc(85vh - 30px);overflow-y:auto}.blog-panel::-webkit-scrollbar{width:10px}.blog-panel::-webkit-scrollbar-track{margin-block:18px}.blog-panel::-webkit-scrollbar-thumb{background:#1c122899;border-radius:999px}.blog-panel-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.blog-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.75);background:linear-gradient(135deg,#ffffffb3,#ffffff61);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 24px #ffffff2e,0 8px 20px #0c062238;color:#181028f2;font-size:1.8rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;z-index:22}.blog-nav:hover:not(:disabled){transform:translateY(-50%) scale(1.04);box-shadow:var(--glow-shadow)}.blog-nav:disabled{opacity:.45;cursor:not-allowed}.blog-nav-prev{left:-64px}.blog-nav-next{right:-64px}.blog-article p{margin:0 0 14px;white-space:pre-line}.blog-article p:last-child{margin-bottom:0}.roulette-result{min-height:1.2em}.roulette-result.burst{animation:sparkle-burst .9s ease-out}@keyframes sparkle-burst{0%{transform:scale(1);text-shadow:0 0 0 rgba(255,255,255,0)}40%{transform:scale(1.08);text-shadow:0 0 12px rgba(255,255,255,.9),0 0 24px rgba(255,182,255,.8),0 0 36px rgba(255,216,107,.7)}to{transform:scale(1);text-shadow:0 0 0 rgba(255,255,255,0)}}.resume-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07040e8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:20;padding:24px}.blog-overlay{padding-bottom:120px}.resume-card{width:min(900px,90vw);max-height:85vh;overflow:auto;padding:28px 32px;border-radius:24px;background:linear-gradient(135deg,#ffffff47,#ffffff1f);border:1px solid rgba(255,255,255,.35);box-shadow:0 24px 60px #0c062273}.resume-close{position:sticky;top:0;margin-left:auto;display:block;border:none;background:#fff3;color:#fff;font-size:1rem;padding:6px 10px;border-radius:999px;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.resume-close:hover{transform:translateY(-1px);box-shadow:var(--glow-shadow)}.resume-header{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-top:8px;margin-bottom:18px}.resume-header h2{margin:0 0 6px;font-size:1.6rem;letter-spacing:1px}.resume-header p{margin:0;color:#ffffffd9}.resume-download{text-decoration:none;color:#1b0f2a;font-weight:600;background:linear-gradient(135deg,#ffd2ffe6,#ffd86be6);padding:10px 16px;border-radius:999px;box-shadow:0 10px 24px #ffb2e659;transition:box-shadow .2s ease,transform .2s ease}.resume-download:hover{transform:translateY(-2px);box-shadow:var(--glow-shadow)}.resume-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 14px;border-radius:999px;background:linear-gradient(135deg,#ffffff38,#ffffff14);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fffffff0;font-family:inherit;font-size:inherit;font-weight:600;text-decoration:none;white-space:nowrap;transition:box-shadow .2s ease,transform .2s ease,color .2s ease}.resume-download-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:var(--glow-shadow)}.resume-card h3{margin:24px 0 12px;font-size:1.1rem;text-transform:uppercase;letter-spacing:.12em}.resume-item{margin-bottom:20px}.resume-role{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-weight:600}.resume-meta{margin:4px 0 10px;color:#fffc;font-size:.9rem}.resume-card ul{margin:8px 0 0;padding-left:18px;color:#ffffffe6;line-height:1.35}.resume-card p{color:#ffffffe0;line-height:1.4}.hue-control{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#ffffff38,#ffffff14);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 28px #0c062259;z-index:9;transition:box-shadow .2s ease,transform .2s ease}.hue-control:hover{box-shadow:var(--glow-shadow)}.hue-control span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#fffc}.hue-control input[type=range]{width:min(220px,45vw);cursor:pointer;accent-color:#ffd86b}.hue-control input[type=range]::-webkit-slider-runnable-track{height:6px;background:#fff9;border-radius:999px}.hue-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#f7f2ff;border:2px solid rgba(255,255,255,.85);box-shadow:0 6px 16px #0c062259;margin-top:-6px}.hue-control input[type=range]::-moz-range-track{height:6px;background:#fff9;border-radius:999px}.hue-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#f7f2ff;border:2px solid rgba(255,255,255,.85);box-shadow:0 6px 16px #0c062259}@media (max-width: 900px){.map{transform:translate(-50%,-50%) scale(1.08)}}@media (max-width: 720px){html,body{height:100%;overflow-x:hidden;overflow-y:hidden}.scene{width:100%;height:100dvh;min-height:0;overflow:hidden;touch-action:none}.scene-filter{height:100%;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;--mobile-card-width: min(92vw, 370px);--mobile-stack-gap: clamp(8px, 1.2dvh, 10px);--mobile-control-min-height: clamp(58px, 8.6dvh, 72px);gap:var(--mobile-stack-gap);padding:clamp(14px,3.4dvh,36px) 0 clamp(8px,1.5dvh,16px);overflow:hidden}.backdrop{position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%}.map{position:relative;left:auto!important;top:auto!important;width:100%!important;height:auto!important;transform:none!important;display:flex;flex-direction:column;align-items:center;gap:var(--mobile-stack-gap);padding:0 16px;order:1}.node{position:static!important;width:var(--mobile-card-width)!important;max-width:var(--mobile-card-width)!important;min-width:0!important;padding:clamp(14px,2.2dvh,18px) 20px;transform:none!important;margin:0 auto}.node-title{font-size:1.1rem}.node-subtitle{font-size:.95rem}.node ul{font-size:.98rem}.center{min-width:0;width:var(--mobile-card-width);transform:none!important;margin:0 auto;order:1}.name,.name span{font-size:clamp(2.75rem,10vw,3.4rem)}.tagline,.pronouns,.sporkles{font-size:.95rem}.tagline{margin-top:clamp(4px,.8dvh,8px)}.sporkles{margin-top:clamp(3px,.6dvh,6px)}.center .icon-list{margin-top:clamp(10px,1.6dvh,14px);gap:clamp(8px,1.2dvh,10px)}.center .icon-button{width:clamp(38px,6.2dvh,44px);height:clamp(38px,6.2dvh,44px)}.center-contact-details{margin-top:clamp(8px,1.2dvh,14px);gap:8px;font-size:clamp(.78rem,3.3vw,.9rem)}.utility-widgets{position:static;width:var(--mobile-card-width);margin:0 auto;order:3}.tech-stack-widget{width:100%;flex-direction:column}.tech-stack-toggle{min-height:var(--mobile-control-min-height);justify-content:center;text-align:center}.tech-stack-panel{display:none}.tech-stack-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tech-stack-mobile-panel{display:grid;gap:var(--mobile-stack-gap);position:static;margin-top:0;width:min(92vw,420px);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;padding:20px 18px;border-radius:24px;background:linear-gradient(135deg,#ffffff47,#ffffff1f);border:1px solid rgba(255,255,255,.35);box-shadow:0 24px 60px #0c062273;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tech-stack-mobile-panel .tech-group h4{margin:4px 0 10px;padding-inline:2px}.spotify-player,.roulette-widget,.blog-widget,.blog-list,.hue-control{position:static;margin:0 auto;transform:none;width:var(--mobile-card-width)}.roulette-widget,.blog-widget{min-height:var(--mobile-control-min-height);display:flex;flex-direction:column;justify-content:center}.blog-card{min-height:0;display:block}.node-resume{order:2}.node-pro{order:3}.node-art{order:4}.roulette-widget{order:3;text-align:center}.blog-widget{order:2;text-align:center}.blog-list-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.blog-list{display:grid;gap:var(--mobile-stack-gap);position:static;margin-top:0;width:min(92vw,420px);padding:20px 18px;border-radius:24px;background:linear-gradient(135deg,#ffffff47,#ffffff1f);border:1px solid rgba(255,255,255,.35);box-shadow:0 24px 60px #0c062273;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.blog-panel{width:min(92vw,720px)}.blog-overlay{align-items:flex-start;padding-top:24px;padding-bottom:160px}.blog-nav{position:fixed;top:auto;bottom:24px;transform:none}.blog-nav:hover:not(:disabled){transform:scale(1.04)}.blog-nav-prev{left:16px}.blog-nav-next{right:16px}.spotify-player{order:6;margin-bottom:0;width:var(--mobile-card-width);padding:clamp(6px,1dvh,8px)}.hue-control{position:static;order:7;margin-bottom:0;transform:none;width:var(--mobile-card-width);z-index:9}.hue-control input[type=range]{width:100%}.spotify-player iframe{width:100%;height:80px}.resume-card{width:min(92vw,720px);padding:20px 18px}.resume-header{flex-direction:column;align-items:flex-start}}@media (max-width: 420px){.map{padding-top:0}.name,.name span{font-size:3rem}.node{padding:16px 18px}}