:root{--bg:#0b0b0d;--bg-elev:#121214;--bg-card:#0f0f12;--text:#ecebe5;--text-dim:#a4a29a;--text-mute:#6e6c66;--line:#ecebe51f;--line-soft:#ecebe512;--accent:#cdf24c;--accent-dim:#aacc3e;--accent-ink:#10130a;--font-display:"Fraunces", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--maxw:1240px;--gutter:clamp(20px, 5vw, 64px);--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:100px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.scroll-progress{z-index:200;background:var(--accent-grad,linear-gradient(90deg, var(--accent), var(--accent-2,#73d6ff)));background:linear-gradient(90deg, var(--accent), #8b7bff);transform-origin:0;height:3px;position:fixed;top:0;left:0;right:0}@media (pointer:fine){html,body{cursor:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='26'%3E%3Cpath%20d='M3,2L3,20L8,15.5L11.4,22L14.3,20.6L10.9,14.3L17.5,14.3Z'%20fill='%23ECEBE5'%20stroke='%230b0b0d'%20stroke-width='1.4'%20stroke-linejoin='round'/%3E%3C/svg%3E") 3 2,auto}a,button,[role=button],.work-row,.svc,.hero-soc,.icon-btn,.nav-logo,.chip,.skill-col li,label{cursor:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='26'%3E%3Cpath%20d='M3,2L3,20L8,15.5L11.4,22L14.3,20.6L10.9,14.3L17.5,14.3Z'%20fill='%23cdf24c'%20stroke='%230b0b0d'%20stroke-width='1.4'%20stroke-linejoin='round'/%3E%3C/svg%3E") 3 2,pointer}}html{scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent), var(--accent-dim));border:3px solid var(--bg);background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent);border-width:2px}::-webkit-scrollbar-corner{background:var(--bg)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em;font-optical-sizing:auto;font-weight:500;line-height:1.02}.italic{font-style:italic}.accent{color:var(--accent)}.grain{z-index:1;pointer-events:none;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.spot{z-index:-1;pointer-events:none;--sx:50vw;--sy:30vh;background:radial-gradient(34vw 34vw at var(--sx) var(--sy), #cdf24c1a, transparent 60%), radial-gradient(60vw 50vh at 78% -5%, #cdf24c14, transparent 60%), radial-gradient(50vw 40vh at -5% 30%, #cdf24c0d, transparent 55%);position:fixed;inset:0}.container{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin:0 auto}section{padding-block:clamp(52px,6.5vw,96px);position:relative}.divider{background:var(--line-soft);height:1px}.label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);align-items:center;gap:12px;margin-bottom:28px;font-size:.78rem;display:flex}.label .num{color:var(--accent)}.label .ln{background:var(--line);flex:1;max-width:80px;height:1px}.label:after{content:"✦";color:var(--accent);opacity:.7;font-size:.7rem;animation:3.6s ease-in-out infinite twinkle}.glyph{color:var(--accent);margin-left:8px;animation:3.2s ease-in-out infinite twinkle;display:inline-block}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.85)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(90deg)}}.tw{color:var(--text-dim)}.tw-caret{color:var(--accent);margin-left:1px;animation:1s step-end infinite caret}@keyframes caret{50%{opacity:0}}.mascot{margin:0 auto 18px;display:block}.mascot .eye{transform-box:fill-box;transform-origin:50%;animation:4.2s infinite blink}@keyframes blink{0%,91%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}.mascot .antenna-dot{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite twinkle}.h-section{font-size:clamp(2.1rem,5.5vw,3.8rem)}.lead{color:var(--text-dim);max-width:620px;font-size:clamp(1.05rem,2vw,1.3rem)}.btn{transition:all .3s var(--ease);font-size:.95rem;font-weight:500;font-family:var(--font-sans);border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;display:inline-flex}.btn .ar{transition:transform .3s var(--ease)}.btn:hover .ar{transform:translate(4px)}.btn-accent{background:var(--accent);color:var(--accent-ink);font-weight:600}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 12px 30px #cdf24c40}.btn-line{border-color:var(--line);color:var(--text)}.btn-line:hover{border-color:var(--text);background:#ffffff08;transform:translateY(-2px)}.avail{border:1px solid var(--line);color:var(--text-dim);font-size:.82rem;font-family:var(--font-mono);letter-spacing:.02em;border-radius:999px;align-items:center;gap:9px;padding:7px 15px;display:inline-flex}.dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;animation:2.2s infinite pulse;box-shadow:0 0 #cdf24c99}@keyframes pulse{0%{box-shadow:0 0 #cdf24c80}70%{box-shadow:0 0 0 8px #cdf24c00}to{box-shadow:0 0 #cdf24c00}}.nav{z-index:50;padding:18px var(--gutter);transition:all .4s var(--ease);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);background:#0b0b0db3;padding-block:12px}.nav-logo{display:inline-flex}.logo-in{padding-bottom:.3em;animation:.6s cubic-bezier(.22,1,.36,1) both logo-in;display:inline-block;position:relative}.logo-name{color:var(--text);transition:color .4s var(--ease);padding:0 .06em;font-family:Caveat,Segoe Script,cursive;font-size:clamp(1.75rem,2.4vw,2.15rem);font-weight:600;line-height:.9;display:inline-block}.logo-underline{pointer-events:none;width:100%;height:.42em;position:absolute;bottom:0;left:0;right:0;overflow:visible}.logo-underline path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.logo-underline .ul-base{stroke:var(--accent);stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:1px;animation:.85s cubic-bezier(.22,1,.36,1) .3s forwards ul-draw}.logo-underline .ul-glint{stroke:var(--accent);stroke-width:3.5px;opacity:0;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 5px var(--accent));transition:opacity .35s var(--ease)}.nav-logo:hover .logo-name{color:var(--accent)}.nav-logo:hover .ul-glint{opacity:1;animation:.6s cubic-bezier(.22,1,.36,1) forwards ul-redraw}@keyframes logo-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ul-draw{to{stroke-dashoffset:0}}@keyframes ul-redraw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.logo-in{animation:none}.logo-underline .ul-base{stroke-dashoffset:0;animation:none}.nav-logo:hover .ul-glint{opacity:1;stroke-dashoffset:0;animation:none}}.nav-mid{gap:6px;display:flex}.nav-mid a{color:var(--text-dim);transition:color .2s var(--ease);border-radius:999px;padding:8px 14px;font-size:.92rem}.nav-mid a:hover{color:var(--text)}.nav-right{align-items:center;gap:16px;display:flex}.nav-burger{font-size:1.5rem;display:none}.menu{z-index:49;background:var(--bg);padding:var(--gutter);flex-direction:column;justify-content:center;gap:8px;display:flex;position:fixed;inset:0}.menu a{font-family:var(--font-display);color:var(--text);font-size:clamp(2rem,9vw,3.4rem)}.menu a:hover{color:var(--accent);font-style:italic}.menu .menu-foot{font-family:var(--font-mono);color:var(--text-mute);margin-top:40px;font-size:.85rem}.preloader{z-index:200;background:var(--bg);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.pl-center{flex-direction:column;align-items:stretch;padding:0 24px;display:inline-flex}.pl-word{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(3rem,14vw,9rem);font-weight:600;line-height:1.05;display:inline-block;position:relative}.pl-word-base{color:#ffffff1a}.pl-word-fill{color:var(--accent);position:absolute;inset:0}.pl-scan{background:var(--accent);width:2px;transition:opacity .3s var(--ease);position:absolute;top:4%;bottom:4%;box-shadow:0 0 14px 2px #cdf24cb3}.pl-row{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-mute);justify-content:space-between;align-items:center;margin-top:18px;font-size:clamp(.68rem,1.4vw,.85rem);display:flex}.pl-row .pl-pct{color:var(--accent)}.hero{align-items:center;min-height:100svh;padding-top:104px;padding-bottom:40px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ecebe509 1px,#0000 1px),linear-gradient(90deg,#ecebe509 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(115% 80% at 26% 16%,#000,#0000 72%);mask-image:radial-gradient(115% 80% at 26% 16%,#000,#0000 72%)}.hero:after{content:"";z-index:-1;filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#cdf24c24,#0000 65%);width:560px;height:560px;animation:16s ease-in-out infinite alternate aurora;position:absolute;top:-130px;left:-150px}@keyframes aurora{0%{transform:translate(0)scale(1)}to{transform:translate(150px,90px)scale(1.25)}}.hero:before{display:none}.dot-wrap{z-index:0;pointer-events:none;position:absolute;inset:-10% 0}.dot-grid{width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(125% 95% at 30% 16%,#000 36%,#0000 82%);mask-image:radial-gradient(125% 95% at 30% 16%,#000 36%,#0000 82%)}.hero-grid{z-index:1;grid-template-columns:1.3fr .7fr;align-items:center;gap:clamp(30px,5vw,64px);width:100%;display:grid;position:relative}.hero-eyebrow{align-items:center;gap:12px;margin-bottom:18px;display:flex}.hero-eyebrow:before{content:"";background:var(--accent);flex:none;width:30px;height:1px}.he-role{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;font-size:.8rem}.he-role .tw{color:var(--text-dim)}.hero h1{letter-spacing:-.03em;font-size:clamp(2.4rem,5.6vw,4.6rem);font-weight:400}.hero h1 .line{display:block;overflow:hidden}.hero-sub{color:var(--text-dim);max-width:500px;margin:22px 0 28px;font-size:clamp(1rem,1.7vw,1.18rem)}.hero-cta{flex-wrap:wrap;align-items:center;gap:14px;display:flex;position:relative}.hero-meta{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.01em;color:var(--text-dim);background:#ffffff04;border-radius:14px;flex-wrap:wrap;align-items:stretch;margin-top:30px;font-size:.8rem;display:inline-flex;overflow:hidden}.hm-item{align-items:center;gap:9px;padding:13px 20px;line-height:1;display:inline-flex}.hm-item+.hm-item{border-left:1px solid var(--line)}.hm-item b{color:var(--text);font-weight:500}.hm-item.lead-item{color:var(--text);background:#cdf24c12}.hero-socials{gap:12px;margin-top:20px;display:flex}.hero-soc{border:1px solid var(--line);width:46px;height:46px;color:var(--text-dim);transition:all .25s var(--ease);border-radius:12px;place-items:center;font-size:1.1rem;display:grid}.hero-soc:hover{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.hero-socials .soc-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);align-self:center;margin-left:6px;font-size:.72rem}.hero-photo{perspective:1000px;position:relative}.hero-photo:before{content:"";z-index:-1;filter:blur(44px);background:radial-gradient(closest-side,#cdf24c33,#0000 70%);position:absolute;inset:-12% -8% -18% 6%}.hero-photo .frame{border:1px solid var(--line);aspect-ratio:4/5;transform-style:preserve-3d;will-change:transform;border-radius:18px;position:relative;overflow:hidden}.hero-photo .frame img{object-fit:cover;filter:grayscale(.15)contrast(1.02);width:100%;height:100%;transition:filter .5s var(--ease), transform .6s var(--ease)}.hero-photo:hover .frame img{filter:grayscale(0)contrast(1.05);transform:scale(1.03)}.hero-photo .tag-corner{font-family:var(--font-mono);color:var(--text);letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);background:#0b0b0d8c;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 13px;font-size:.72rem;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.hero-photo .tag-corner .star{color:var(--accent)}.hero-photo .corner{border:2px solid var(--accent);z-index:2;width:26px;height:26px;position:absolute}.hero-photo .corner.tl{border-bottom:0;border-right:0;border-top-left-radius:6px;top:-7px;left:-7px}.hero-photo .corner.br{border-top:0;border-left:0;border-bottom-right-radius:6px;bottom:-7px;right:-7px}.photo-stat{z-index:3;-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);background:#0b0b0dc7;border-radius:16px;align-items:center;gap:11px;padding:12px 16px;display:flex;position:absolute;top:-20px;left:-20px}.ps-num{font-family:var(--font-display);color:var(--accent);font-size:1.7rem;font-weight:600;line-height:1}.ps-lbl{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);font-size:.6rem;line-height:1.3}.photo-vlabel{z-index:3;writing-mode:vertical-rl;font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--text-mute);white-space:nowrap;font-size:.7rem;position:absolute;top:50%;left:-28px;transform:translateY(-50%)rotate(180deg)}.hero-spark{z-index:0;color:var(--accent);pointer-events:none;opacity:.5;animation:4s ease-in-out infinite twinkle;position:absolute}.hero-spark.s1{font-size:1.1rem;animation-delay:0s;top:17%;left:5%}.hero-spark.s2{font-size:.8rem;animation-delay:1.3s;bottom:20%;left:47%}.hero-spark.s3{font-size:1.35rem;animation-delay:2.1s;top:26%;right:41%}.doodle{width:1em;height:1em;color:var(--accent);vertical-align:middle;display:inline-block}.doodle--draw path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s ease-out .5s forwards doodle-draw}@keyframes doodle-draw{to{stroke-dashoffset:0}}.cta-doodle{width:52px;height:auto;color:var(--accent);position:absolute;top:-36px;left:24px;transform:rotate(46deg)}.hero-squiggle{width:66px;height:auto;color:var(--accent);opacity:.5;z-index:0;position:absolute;bottom:16%;left:6%}#about,#services,#work,#experience{position:relative}#about .container,#services .container,#work .container,#experience .container{z-index:1;position:relative}.sec-doodle{z-index:0;height:auto;color:var(--accent);opacity:.24;pointer-events:none;position:absolute}.sd-about{width:56px;animation:8s ease-in-out infinite doodle-bob;top:12%;right:7%}.sd-services{width:66px;animation:9s ease-in-out infinite reverse doodle-bob;bottom:12%;left:4%}.sd-work{width:56px;animation:10s ease-in-out infinite doodle-bob;top:13%;right:6%}.sd-exp{opacity:.3;width:26px;animation:5s ease-in-out infinite twinkle;bottom:14%;right:6%}@keyframes doodle-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(8deg)}}.hero-scroll{bottom:30px;left:var(--gutter);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);align-items:center;gap:12px;font-size:.7rem;display:flex;position:absolute}.hero-scroll .bar{background:var(--line);width:1px;height:44px;position:relative;overflow:hidden}.hero-scroll .bar:after{content:"";background:var(--accent);width:100%;height:45%;animation:scrolldown 1.9s var(--ease) infinite;position:absolute;inset:0 auto auto 0}@keyframes scrolldown{0%{transform:translateY(-110%)}to{transform:translateY(260%)}}.marquee{border-block:1px solid var(--line-soft);overflow:hidden}.marquee-row{white-space:nowrap;padding-block:16px;overflow:hidden}.marquee-row+.marquee-row{border-top:1px solid var(--line-soft)}.marquee-track{will-change:transform;gap:0;animation:26s linear infinite scroll-x;display:inline-flex}.marquee-track--rev{animation-duration:34s;animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{font-family:var(--font-display);color:var(--text);align-items:center;gap:52px;padding-inline:26px;font-size:clamp(1.3rem,3.2vw,2.1rem);display:inline-flex}.marquee-row--rev .marquee-item,.marquee-track--rev .marquee-item{color:var(--text-dim)}.marquee-item .sep{color:var(--accent);font-size:.9em}@keyframes scroll-x{to{transform:translate(-50%)}}.about-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(30px,6vw,80px);display:grid}.about-h{font-size:clamp(1.8rem,4vw,3rem)}.about-body p{color:var(--text-dim);margin-bottom:20px;font-size:1.12rem}.about-body p:last-child{margin-bottom:0}.about-body strong{color:var(--text);font-weight:500}.stats{text-align:center;border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:clamp(44px,9vw,130px);margin-top:44px;padding-top:36px;display:flex}.stat-val{font-family:var(--font-display);font-size:clamp(1.7rem,3.5vw,2.6rem)}.stat-label{color:var(--text-mute);font-size:.85rem;font-family:var(--font-mono);margin-top:4px}.svc-grid{background:var(--line-soft);border:1px solid var(--line-soft);border-radius:18px;grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.svc{background:var(--bg);transition:background .35s var(--ease);padding:clamp(26px,3vw,40px);position:relative}.svc:hover{background:var(--bg-elev)}.svc:before{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .45s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.svc:hover:before{transform:scaleX(1)}.svc-arrow{color:var(--text-mute);opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease), color .35s var(--ease);font-size:1.15rem;position:absolute;top:clamp(26px,3vw,40px);right:clamp(26px,3vw,40px);transform:translate(-6px,6px)}.svc:hover .svc-arrow{opacity:1;color:var(--accent);transform:translate(0)}.svc-num{font-family:var(--font-mono);color:var(--accent);font-size:.8rem}.svc h3{margin:16px 0 12px;font-size:1.55rem}.svc p{color:var(--text-dim);margin-bottom:20px;font-size:1rem}.svc-points{flex-direction:column;gap:8px;display:flex}.svc-points li{color:var(--text-mute);padding-left:20px;font-size:.92rem;position:relative}.svc-points li:before{content:"→";color:var(--accent);position:absolute;left:0}.skills-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:16px;display:grid}.skills-grid>*{height:100%}.skill-card{background:var(--bg-card);border:1px solid var(--line);height:100%;transition:border-color .35s var(--ease), transform .35s var(--ease), background .35s var(--ease);border-radius:16px;padding:clamp(22px,2.4vw,30px)}.skill-card:hover{background:var(--bg-elev);border-color:#cdf24c66;transform:translateY(-3px)}.skill-head{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:18px;font-size:.78rem;display:flex}.skill-ic{width:34px;height:34px;color:var(--accent);background:#cdf24c1a;border-radius:10px;flex:none;place-items:center;font-size:1.05rem;display:grid}.skill-chips{flex-wrap:wrap;gap:9px;display:flex}.skill-chip{font-family:var(--font-mono);border:1px solid var(--line);color:var(--text-dim);background:var(--bg);transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);border-radius:999px;padding:7px 13px;font-size:.8rem}.skill-chip:hover{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.exp-list{gap:16px;display:grid}.exp-card{background:var(--bg-card);border:1px solid var(--line);transition:border-color .35s var(--ease), transform .35s var(--ease), background .35s var(--ease);border-radius:16px;padding:clamp(24px,3vw,34px);position:relative;overflow:hidden}.exp-card:before{content:"";background:var(--accent);opacity:.45;width:3px;transition:opacity .35s var(--ease);position:absolute;top:0;bottom:0;left:0}.exp-card:hover{background:var(--bg-elev);border-color:#cdf24c59;transform:translateY(-3px)}.exp-card:hover:before{opacity:1}.exp-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.exp-period{font-family:var(--font-mono);color:var(--accent);letter-spacing:.02em;font-size:.8rem}.exp-company{font-family:var(--font-display);transition:color .3s var(--ease);margin-top:6px;font-size:clamp(1.45rem,3vw,1.95rem);font-weight:500}.exp-card:hover .exp-company{color:var(--accent)}.exp-role{font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:.78rem}.exp-loc{color:var(--text-mute);margin-top:8px;font-size:.9rem}.exp-points{flex-direction:column;gap:11px;margin-top:18px;display:flex}.exp-points li{color:var(--text-dim);padding-left:22px;font-size:1rem;position:relative}.exp-points li:before{content:"–";color:var(--accent);position:absolute;left:0}.exp-card .tags{margin-top:20px}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{font-family:var(--font-mono);border:1px solid var(--line);color:var(--text-mute);border-radius:999px;padding:5px 11px;font-size:.74rem}.work-list{border-bottom:1px solid var(--line)}.work-row{will-change:transform;padding:clamp(28px,4vw,48px) 0;transition:transform .4s cubic-bezier(.22,1,.36,1);position:relative}.work-row>*{z-index:1;position:relative}.wr-line{background:var(--line);transform-origin:0;z-index:1;height:1px;position:absolute;top:0;left:0;right:0}.work-row:before{content:"";background:var(--accent);z-index:1;width:3px;height:0;transition:height .45s var(--ease);border-radius:2px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.work-row:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%), #cdf24c1a, transparent 72%);opacity:0;transition:opacity .4s var(--ease);border-radius:16px;position:absolute;inset:-2px -18px}@media (hover:hover){.work-row:hover:before{height:68%}.work-row:hover:after{opacity:1}}.wr-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:clamp(10px,1.4vw,16px);display:flex}.wr-no{font-family:var(--font-mono);color:var(--accent);letter-spacing:.02em;font-size:.82rem}.wr-no .wr-sep,.wr-no .wr-year{color:var(--text-mute)}.wr-tag{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:.7rem}.wr-title{font-family:var(--font-display);transition:color .35s var(--ease);flex-wrap:wrap;align-items:center;gap:.3em;padding-bottom:.08em;font-size:clamp(2rem,5.5vw,3.4rem);font-weight:500;line-height:1.12;display:inline-flex}.work-row:first-child .wr-title{font-size:clamp(2.6rem,8vw,4.6rem)}.work-row:hover .wr-title{color:var(--accent)}.wr-arrow{color:var(--text-mute);opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease), color .4s var(--ease);font-size:.6em;transform:translate(-8px,8px)}.work-row:hover .wr-arrow{opacity:1;color:var(--accent);transform:translate(0)}.wr-desc{color:var(--text-dim);max-width:720px;margin-top:14px;font-size:clamp(.98rem,1.4vw,1.1rem)}.wr-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 24px;margin-top:22px;display:flex}.wr-tags{flex-wrap:wrap;gap:8px;display:flex}.wr-links{gap:18px;display:flex}.wr-links a{color:var(--text-dim);transition:color .25s var(--ease);align-items:center;gap:6px;font-size:.88rem;display:inline-flex}.wr-links a:hover{color:var(--accent)}.wr-private{font-family:var(--font-mono);color:var(--text-mute);align-items:center;gap:6px;font-size:.76rem;display:inline-flex}.contact{text-align:center;position:relative;overflow:hidden}.contact .container{z-index:1;position:relative}.contact .label{justify-content:center}.contact .ct-h{letter-spacing:-.03em;font-size:clamp(2.4rem,9vw,6rem);font-weight:400;line-height:1.02}.ct-word{display:inline-block}.ct-sub{max-width:480px;color:var(--text-dim);margin:22px auto 0;font-size:clamp(1rem,1.6vw,1.12rem)}.contact-mail{font-family:var(--font-display);color:var(--text);transition:color .3s var(--ease);align-items:center;gap:10px;margin-top:30px;font-size:clamp(1.3rem,4vw,2.4rem);display:inline-flex}.contact-mail .cm-text{background-image:linear-gradient(var(--accent), var(--accent));transition:background-size .45s var(--ease);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;padding-bottom:5px}.contact-mail:hover{color:var(--accent)}.contact-mail:hover .cm-text{background-size:100% 2px}.contact-mail .cm-arrow{opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease);font-size:.7em;transform:translate(-8px,8px)}.contact-mail:hover .cm-arrow{opacity:1;transform:translate(0)}.contact-row{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}.contact-socials{justify-content:center;gap:12px;margin-top:32px;display:flex}.ct-clock{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);align-items:center;gap:9px;margin-top:42px;font-size:.76rem;display:inline-flex}.ct-clock .ct-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;animation:2.2s infinite pulse}.ct-spark{color:var(--accent);pointer-events:none;z-index:0;opacity:.2;position:absolute}.ct-spark.s1{font-size:1.4rem;animation:7s ease-in-out infinite ct-float;top:16%;left:12%}.ct-spark.s2{font-size:1rem;animation:9s ease-in-out infinite reverse ct-float;top:26%;right:14%}.ct-spark.s3{font-size:1.2rem;animation:8s ease-in-out infinite ct-float;bottom:20%;left:22%}.ct-spark.s4{font-size:.9rem;animation:10s ease-in-out infinite reverse ct-float;bottom:30%;right:18%}@keyframes ct-float{0%,to{opacity:.14;transform:translateY(0)rotate(0)}50%{opacity:.4;transform:translateY(-18px)rotate(120deg)}}.contact:before{content:"";z-index:0;pointer-events:none;filter:blur(20px);background:radial-gradient(circle,#cdf24c1a,#0000 62%);width:min(70vw,720px);height:420px;animation:6s ease-in-out infinite ct-glow;position:absolute;top:14%;left:50%;transform:translate(-50%)}@keyframes ct-glow{0%,to{opacity:.55;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.08)}}.ct-chip{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:7px 15px;font-size:.7rem;display:inline-flex}.ct-chip .lt{color:var(--accent)}.contact-mail{cursor:pointer;will-change:transform;background:0 0;border:none}.contact-mail.copied .cm-text{color:var(--accent);background-size:100% 2px}.contact-mail.copied .cm-arrow{opacity:1;color:var(--accent);transform:none}.magnetic{transition:transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .3s var(--ease), background .3s var(--ease)}.icon-btn{border:1px solid var(--line);width:48px;height:48px;color:var(--text-dim);transition:all .25s var(--ease);border-radius:12px;place-items:center;font-size:1.15rem;display:grid}.icon-btn:hover{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.footer{border-top:1px solid var(--line);padding-block:36px}.footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer .muted{color:var(--text-mute);font-family:var(--font-mono);font-size:.82rem}.to-top{font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:6px;font-size:.82rem;display:inline-flex}.to-top:hover{color:var(--accent)}@media (width<=940px){.nav-mid,.nav-right .btn{display:none}.nav-burger{display:block}.hero-grid{grid-template-columns:1fr}.hero-photo{order:-1;max-width:340px;margin-inline:auto}.cta-doodle,.hero-squiggle,.hero-spark,.sec-doodle,.hero-scroll{display:none}.photo-stat{padding:10px 13px;top:-14px;left:-12px}.ps-num{font-size:1.45rem}.photo-vlabel{letter-spacing:.24em;font-size:.62rem;left:-22px}.about-grid{grid-template-columns:1fr;gap:28px}.svc-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr);gap:28px}.exp-card-head{gap:8px}.wr-top{flex-wrap:wrap;gap:8px}}@media (width<=560px){.stats{gap:36px 48px}.skills-grid{grid-template-columns:1fr}.hero-meta{flex-direction:column;align-items:stretch;width:100%}.hm-item+.hm-item{border-left:0;border-top:1px solid var(--line)}.photo-vlabel{display:none}.photo-stat{top:-12px;left:-8px}.hero-cta{width:100%}.hero-cta .btn{flex:100%;justify-content:center}}@media (width>=941px) and (height<=860px){.hero{padding-top:92px;padding-bottom:28px}.hero-eyebrow{margin-bottom:12px}.hero h1{font-size:clamp(2.2rem,4.4vw,3.6rem)}.hero-sub{margin:16px 0 22px;font-size:1.05rem}.hero-meta{margin-top:22px}.hero-socials{margin-top:14px}.hero-scroll{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}