@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_57c51ab3-module__w3ji-a__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_57c51ab3-module__w3ji-a__variable{--font-sans:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../media/1316bdccde5e7cab-s.160r40akwi9i..woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../media/91a2f7867a28cebf-s.0utyqeqzax2l4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../media/57b02995d6e1530a-s.p.0iub4925t_o54.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/85fcf895b86d74a6-s.12xb_oat076h..woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5307092570128b5a-s.0dld-t76zw9ln.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b67966e0b83b2cd0-s.p.04y9-s23ppywx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_ac04a758-module__I4szsa__className{font-family:Fraunces,Fraunces Fallback}.fraunces_ac04a758-module__I4szsa__variable{--font-serif:"Fraunces", "Fraunces Fallback"}
@property --pct{syntax:"<integer>";inherits:false;initial-value:0}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display:var(--font-serif), "Fraunces", Georgia, serif;--font-body:var(--font-sans), "DM Sans", system-ui, sans-serif;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--shell:1220px;--topbar-h:66px;--safe-bottom:env(safe-area-inset-bottom,0px);--ease:cubic-bezier(.22, 1, .36, 1);--ease-io:cubic-bezier(.76, 0, .24, 1);--intro:1.55s;--bg:#12080c;--bg-2:#1c0b13;--text:#f8eee5;--text-soft:#e6d3cb;--muted:#b89f9b;--accent:#eab54d;--accent-strong:#f6ca70;--accent-ink:#1f1206;--accent-2:#f0728f;--accent-tint:#eab54d21;--accent-2-tint:#f0728f24;--line:#ffded21a;--line-strong:#ffded22e;--glass:#2e101c6b;--glass-strong:#200b14c2;--glass-border:#ffd2c424;--glass-highlight:#ffece217;--glass-blur:22px;--shadow:0 30px 70px -32px #000c, 0 2px 10px #00000040;--blob-1:#96143acc;--blob-2:#d23c646b;--blob-3:#d6962861;--blob-4:#60123cbf;--mote:#ffd68cd9;--grain-opacity:.09;--rule:#eab54d0f;--input-bg:#0a030673;--status:#7fd6a0;--play-grad:conic-gradient(from var(--spin), #eab54d, #f0728f, #9c1b45, #eab54d);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f7f0e5;--bg-2:#fbf6ee;--text:#22121a;--text-soft:#432b33;--muted:#74595f;--accent:#911d42;--accent-strong:#76122f;--accent-ink:#fff8ef;--accent-2:#c58a12;--accent-tint:#911d4214;--accent-2-tint:#c58a1224;--line:#461e281a;--line-strong:#461e282e;--glass:#fffaf47a;--glass-strong:#fffbf6cc;--glass-border:#ffffffd9;--glass-highlight:#fffffff2;--shadow:0 26px 60px -32px #6e1e3759, 0 1px 3px #501e2814;--blob-1:#e8809c8c;--blob-2:#f4c46899;--blob-3:#ba345c47;--blob-4:#fcd2b0bf;--mote:#c58a12b3;--grain-opacity:.06;--rule:#911d420f;--input-bg:#ffffffb8;--status:#2f8a4c;--play-grad:conic-gradient(from var(--spin), #911d42, #c58a12, #e8809c, #911d42);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.intro-seen{--intro:50ms}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar-h) + 32px);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.6;overflow-x:hidden}img,svg,iframe{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}em{font-style:italic}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}::selection{background:var(--accent);color:var(--accent-ink)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}.loader{z-index:300;background:var(--bg);animation:loader-out .9s var(--ease-io) 1.15s forwards;place-items:center;display:grid;position:fixed;inset:0}.intro-seen .loader{display:none}.loader-inner{animation:loader-inner-out .5s var(--ease-io) 1.05s forwards;justify-items:center;gap:14px;display:grid}.loader-shelf{border-bottom:2px solid var(--accent);align-items:flex-end;gap:5px;height:64px;padding-bottom:4px;display:flex}.loader-shelf span{width:11px;height:var(--h);background:linear-gradient(180deg, var(--accent) 0 12%, var(--accent-2) 12% 16%, var(--accent) 16% 100%);transform-origin:bottom;animation:spine-in .55s var(--ease) both;animation-delay:calc(var(--i) * 70ms);border-radius:2px 2px 0 0}.loader-shelf span:nth-child(3n){background:linear-gradient(180deg, var(--accent-2) 0 80%, var(--accent) 80% 86%, var(--accent-2) 86% 100%)}.loader-shelf span:nth-child(4n+1){opacity:.8;width:15px}.loader-name{font-family:var(--font-display);color:var(--text);animation:fade-up .6s var(--ease) .2s both;font-size:1.6rem;font-style:italic}.loader-status{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);gap:10px;font-size:.72rem;display:flex}.loader-pct{min-width:3.2em;color:var(--accent);font-variant-numeric:tabular-nums;counter-reset:pct var(--pct);animation:1s cubic-bezier(.3,.6,.3,1) forwards pct-count}.loader-pct:after{content:counter(pct) "%"}@keyframes pct-count{to{--pct:100}}@keyframes spine-in{0%{transform:scaleY(0)}}@keyframes loader-inner-out{to{opacity:0;transform:translateY(-24px)}}@keyframes loader-out{to{clip-path:inset(0 0 100%);visibility:hidden}}.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop-mesh{transform:translate3d(0, calc(var(--scroll,0) * -120px), 0);position:absolute;inset:0}.blob{border-radius:50%;width:62vmax;height:62vmax;position:absolute}.blob-1{background:radial-gradient(circle, var(--blob-1) 0%, transparent 62%);animation:26s ease-in-out infinite alternate drift-1;top:-24vmax;left:-18vmax}.blob-2{background:radial-gradient(circle, var(--blob-2) 0%, transparent 62%);animation:32s ease-in-out infinite alternate drift-2;top:-8vmax;right:-22vmax}.blob-3{background:radial-gradient(circle, var(--blob-3) 0%, transparent 62%);animation:29s ease-in-out infinite alternate drift-3;bottom:-30vmax;right:-6vmax}.blob-4{background:radial-gradient(circle, var(--blob-4) 0%, transparent 62%);animation:35s ease-in-out infinite alternate drift-4;bottom:-26vmax;left:-20vmax}@keyframes drift-1{50%{transform:translate(14vmax,10vmax)scale(1.12)}to{transform:translate(26vmax,-2vmax)scale(.95)}}@keyframes drift-2{50%{transform:translate(-18vmax,16vmax)scale(.9)}to{transform:translate(-8vmax,30vmax)scale(1.1)}}@keyframes drift-3{50%{transform:translate(-24vmax,-12vmax)scale(1.15)}to{transform:translate(-36vmax,4vmax)scale(1)}}@keyframes drift-4{50%{transform:translate(20vmax,-16vmax)scale(1.05)}to{transform:translate(8vmax,-30vmax)scale(.92)}}.motes span{left:var(--x);width:var(--s);height:var(--s);background:var(--mote);box-shadow:0 0 8px var(--mote);opacity:0;animation:mote-rise var(--t) linear var(--delay) infinite;border-radius:50%;position:absolute;bottom:-10px}@keyframes mote-rise{0%{opacity:0;transform:translate(0,0)}10%{opacity:.9}50%{transform:translate(40px,-55vh)}85%{opacity:.6}to{opacity:0;transform:translate(-30px,-110vh)}}.backdrop-grain{opacity:var(--grain-opacity);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%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.cursor-glow{display:none}.has-pointer .cursor-glow{pointer-events:none;z-index:0;background:radial-gradient(circle, var(--accent-tint) 0%, var(--accent-2-tint) 35%, transparent 68%);width:520px;height:520px;transition:transform .25s var(--ease);border-radius:50%;display:block;position:fixed;top:-260px;left:-260px}.scroll-progress{z-index:70;transform-origin:0;height:3px;transform:scaleX(var(--scroll,0));background:linear-gradient(90deg, var(--accent-2), var(--accent));position:fixed;top:0;left:0;right:0}.portfolio-home,.projects-page{z-index:1;position:relative}.glass{background:var(--glass);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight), var(--shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%)}.panel{border-radius:var(--radius-lg);padding:30px;position:relative}.shell{width:100%;max-width:var(--shell);margin:0 auto;padding:0 28px}.shell-top{padding-top:calc(var(--topbar-h) + 56px)}.section{padding-top:130px}.panel-title{font-family:var(--font-display);color:var(--text);margin-bottom:16px;font-size:1.2rem;font-weight:500}.section-sub{color:var(--muted);max-width:58ch;margin-top:14px;font-size:1.05rem}.section-head{align-items:baseline;gap:18px;margin-bottom:40px;display:flex}.section-num{font-family:var(--font-display);color:var(--accent);font-size:1.1rem;font-style:italic}.section-title{font-family:var(--font-display);letter-spacing:-.025em;font-variation-settings:"opsz" 144, "SOFT" 50;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:400;line-height:1}.section-rule{background:linear-gradient(90deg, var(--line-strong), transparent);transform-origin:0;flex:1;align-self:center;height:1px}.js .section-head .section-rule{transition:transform 1.4s var(--ease) .25s;transform:scaleX(0)}.js .section-head.is-in .section-rule{transform:scaleX(1)}.section-link{align-self:center}.btn{cursor:pointer;white-space:nowrap;isolation:isolate;transition:color .3s ease, border-color .3s ease, transform .3s var(--ease), box-shadow .3s ease;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:.92rem;font-weight:600;line-height:1.2;display:inline-flex;position:relative;overflow:hidden}.btn svg{width:16px;height:16px;transition:transform .35s var(--ease);flex-shrink:0}.btn:hover svg{transform:translate(2px,-2px)}.btn:active{transform:scale(.97)}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-accent:before{content:"";z-index:-1;background:var(--accent-2);transition:transform .5s var(--ease), border-radius .5s var(--ease);border-radius:50% 50% 0 0;position:absolute;inset:0;transform:translateY(105%)}.btn-accent:hover:before{border-radius:0;transform:translateY(0)}.btn-accent:hover{box-shadow:0 12px 30px -12px var(--accent-2)}:root[data-theme=light] .btn-accent:hover{color:#22121a}.btn-ghost{background:var(--glass);border-color:var(--line-strong);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-ghost:before{content:"";z-index:-1;background:var(--accent-tint);transform-origin:100%;transition:transform .5s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.btn-ghost:hover:before{transform-origin:0;transform:scaleX(1)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-large{padding:14px 26px;font-size:.98rem}.btn-small{padding:7px 15px;font-size:.82rem}.intro{animation:fade-up 1s var(--ease) backwards;animation-delay:calc(var(--intro) + var(--d,0s))}@keyframes fade-up{0%{opacity:0;transform:translateY(26px)}}.js [data-reveal]{opacity:0;transition:opacity 1s var(--ease), transform 1.1s var(--ease);transition-delay:var(--d,0s);transform:translateY(42px)}.js [data-reveal].is-in{opacity:1;transform:none}.topbar{z-index:50;animation:topbar-in 1s var(--ease) backwards;animation-delay:calc(var(--intro) + .2s);padding:0 16px;position:fixed;top:14px;left:0;right:0}@keyframes topbar-in{0%{opacity:0;transform:translateY(-120%)}}.topbar-inner{max-width:var(--shell);height:var(--topbar-h);background:var(--glass-strong);border-radius:999px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 12px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{width:42px;height:42px;font-family:var(--font-display);color:var(--accent);background:var(--bg-2);border-radius:50%;place-items:center;font-size:1.05rem;font-style:italic;display:grid;position:relative}.brand-mark:before{content:"";background:var(--play-grad);-webkit-mask-composite:xor;border-radius:50%;padding:2px;animation:6s linear infinite spin-var;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes spin-var{to{--spin:360deg}}.brand-name{font-family:var(--font-display);white-space:nowrap;font-size:1.1rem;font-weight:500}.topbar-links{gap:2px;display:flex;position:relative}.topbar-links a{color:var(--muted);border-radius:999px;padding:8px 15px;font-size:.9rem;font-weight:500;transition:color .25s;position:relative}.topbar-links a:after{content:"";background:var(--accent);width:5px;height:5px;transition:transform .35s var(--ease);border-radius:50%;margin-left:-2.5px;position:absolute;bottom:3px;left:50%;transform:scale(0)}.topbar-links a:hover,.topbar-links a.active{color:var(--text)}.topbar-links a.active:after{transform:scale(1)}.topbar-actions{align-items:center;gap:8px;display:flex}.theme-toggle{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--text);cursor:pointer;transition:border-color .25s ease, color .25s ease, transform .5s var(--ease);background:0 0;border-radius:50%;place-items:center;display:grid}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);transform:rotate(25deg)}.theme-icon{animation:icon-pop .6s var(--ease);place-items:center;display:grid}.theme-icon svg{width:18px;height:18px}@keyframes icon-pop{0%{opacity:0;transform:rotate(-120deg)scale(.3)}}.dock{display:none}.hero{position:relative}.hero-name{font-family:var(--font-display);letter-spacing:-.045em;font-variation-settings:"opsz" 144, "SOFT" 100;color:var(--text);font-size:clamp(4.2rem,15vw,13.5rem);font-weight:350;line-height:.86}.hero-name .line{padding:0 .04em .1em 0;display:block;overflow:hidden}.hero-name .line-2{color:var(--accent);padding-left:.9em;font-style:italic;font-weight:300}@keyframes shimmer{50%{background-position:100% 0}}.char{animation:char-up 1.1s var(--ease) backwards;animation-delay:calc(var(--intro) + var(--i) * 55ms);display:inline-block}@keyframes char-up{0%{opacity:0;transform:translateY(110%)rotate(8deg)}}.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);align-items:start;gap:56px;margin-top:36px;display:grid}.hero-role{border:1px solid var(--line-strong);background:var(--glass);color:var(--text-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:10px;padding:7px 16px 7px 12px;font-size:.86rem;display:inline-flex}.status-dot{background:var(--status);border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.status-dot:after{content:"";background:var(--status);animation:ping 2s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}@keyframes ping{to{opacity:0;transform:scale(3)}}.hero-lede{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin-top:26px;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.2}.rotator{vertical-align:bottom;padding-bottom:.08em;display:inline-grid;overflow:hidden}.rotator-word{color:var(--accent);white-space:nowrap;animation:word-in .75s var(--ease) both;grid-area:1/1;font-style:italic}@keyframes word-in{0%{opacity:0;filter:blur(6px);transform:translateY(100%)rotateX(-80deg)}}.hero-tagline{max-width:52ch;color:var(--muted);margin-top:18px;font-size:1.02rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:540px;margin-top:48px;display:grid}.stat{border-top:1px solid var(--line-strong);flex-direction:column-reverse;padding:16px 16px 0 0;display:flex}.stat+.stat{padding-left:18px}.stat dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--accent);font-size:3rem;line-height:1}.stat dt{color:var(--muted);margin-top:8px;font-size:.82rem;line-height:1.35}.id-card{border-radius:var(--radius-lg);width:100%;max-width:360px;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(2.5deg);transition:transform .6s var(--ease);justify-self:end;margin-top:clamp(-17rem,-19vw,-6rem);padding:18px;animation-name:card-drop;animation-duration:1.3s;position:relative}.id-card.is-hover{transition:transform .12s linear}@keyframes card-drop{0%{opacity:0;transform:translateY(-60px)rotate(-8deg)scale(.92)}}.id-badge{z-index:2;width:112px;height:112px;animation:18s linear infinite spin;position:absolute;top:-44px;left:-48px}.id-badge-bg{fill:var(--accent)}.id-badge text{font-family:var(--font-body);letter-spacing:.08em;fill:var(--accent-ink);font-size:10px;font-weight:700}.id-badge .id-badge-mark{font-size:24px;font-family:var(--font-display)}@keyframes spin{to{transform:rotate(360deg)}}.id-card-head{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;padding:2px 4px 14px 56px;font-size:.7rem;font-weight:600;display:flex}.id-card-no{color:var(--accent)}.id-photo{border-radius:var(--radius-md);aspect-ratio:4/5;background:var(--accent-tint);position:relative;overflow:hidden}.id-photo img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease);transform:scale(1.04)}.id-card:hover .id-photo img{transform:scale(1.1)}.id-photo:after{content:"";mix-blend-mode:multiply;background:linear-gradient(#0000 50%,#12080c73);position:absolute;inset:0}.id-fields{grid-template-columns:1fr 1fr;gap:4px 16px;margin-top:14px;padding:0 4px;display:grid}.id-fields dt{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.66rem}.id-fields dd{color:var(--text);align-items:center;gap:5px;margin-top:2px;font-size:.92rem;display:flex}.id-fields dd svg{width:14px;height:14px;color:var(--accent)}.id-glare,.catalog-card:after{pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--mx,50%) var(--my,0%), #ffffff38, transparent 45%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.id-card.is-hover .id-glare,.catalog-card.is-hover:after{opacity:1}.marquee{border-block:1px solid var(--line-strong);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin-top:110px;padding:22px 0;position:relative;overflow:hidden;transform:rotate(-2deg)scale(1.04);-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{width:max-content;animation:48s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee ul{list-style:none;display:flex}.marquee li{font-family:var(--font-display);white-space:nowrap;color:var(--text);align-items:center;font-size:clamp(1.4rem,3vw,2.3rem);display:flex}.marquee li:nth-child(2n){color:var(--accent);font-style:italic}.marquee li:after{content:"❦";color:var(--accent-2);margin:0 .8em;font-size:.7em;animation:9s linear infinite spin;display:inline-block}@keyframes marquee{to{transform:translate(-50%)}}.about-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:48px;display:grid}.about-statement{top:calc(var(--topbar-h) + 48px);font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.14;position:sticky}.about-statement em{color:var(--accent);background-image:linear-gradient(var(--accent-2), var(--accent-2));transition:background-size 1.2s var(--ease) .5s;background-position:0 92%;background-repeat:no-repeat;background-size:0% 2px}.about-statement.is-in em,:root:not(.js) .about-statement em{background-size:100% 2px}.about-text{color:var(--text-soft);font-size:1.06rem}.about-text+.about-text{margin-top:14px}.about-lists{border-top:1px dashed var(--line-strong);grid-template-columns:1.2fr 1fr;gap:28px;margin-top:30px;padding-top:26px;display:grid}.competency-list{gap:8px;list-style:none;display:grid}.competency-list li{color:var(--text-soft);transition:color .25s ease, transform .35s var(--ease);padding-left:18px;font-size:.93rem;position:relative}.competency-list li:hover{color:var(--accent);transform:translate(4px)}.competency-list li:before{content:"";background:var(--accent);width:8px;height:1px;position:absolute;top:.65em;left:0}.subject-list{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.subject-list li{border:1px solid var(--line-strong);color:var(--text-soft);background:var(--accent-tint);transition:transform .3s var(--ease), background-color .3s ease, color .3s ease;border-radius:999px;padding:5px 12px;font-size:.8rem}.subject-list li:hover{background:var(--accent);color:var(--accent-ink);transform:translateY(-2px)rotate(-2deg)}.index-list{border-top:1px solid var(--line-strong);list-style:none}.index-row{border-bottom:1px solid var(--line-strong);position:relative}.index-row:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--accent-tint), var(--accent-2-tint));transform-origin:bottom;transition:transform .6s var(--ease);position:absolute;inset:0;transform:scaleY(0)}.index-row:hover:before,.index-row:focus-within:before{transform:scaleY(1)}.index-head{grid-template-columns:56px minmax(0,1fr) 150px 84px 48px;align-items:center;gap:20px;padding:28px 14px;display:grid}.index-num{font-family:var(--font-display);color:var(--muted);font-size:1.05rem;font-style:italic;transition:color .3s}.index-row:hover .index-num{color:var(--accent)}.index-title{font-family:var(--font-display);letter-spacing:-.015em;transition:transform .6s var(--ease), color .3s ease;font-size:clamp(1.4rem,2.8vw,2.25rem);font-weight:400;line-height:1.1}.index-row:hover .index-title{font-style:italic;transform:translate(14px)}.index-platform{color:var(--muted);transition:transform .6s var(--ease) 40ms;align-items:center;gap:7px;margin-top:6px;font-size:.86rem;display:inline-flex}.index-platform svg{width:15px;height:15px;color:var(--accent)}.index-row:hover .index-platform{transform:translate(14px)}.index-call{font-family:var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.index-year{color:var(--muted);font-size:.84rem}.index-arrow{border:1px solid var(--line-strong);width:46px;height:46px;transition:transform .6s var(--ease), background-color .3s ease, color .3s ease, border-color .3s ease;border-radius:50%;place-items:center;display:grid}.index-arrow svg{width:18px;height:18px}.index-row:hover .index-arrow{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);transform:rotate(45deg)}.index-expand{transition:grid-template-rows .7s var(--ease);grid-template-rows:0fr;display:grid}.index-expand>div{overflow:hidden}.index-row:hover .index-expand,.index-row:focus-within .index-expand{grid-template-rows:1fr}.index-expand-inner{opacity:0;transition:opacity .4s ease, transform .6s var(--ease);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:0 14px 30px 90px;display:grid;transform:translateY(-10px)}.index-row:hover .index-expand-inner,.index-row:focus-within .index-expand-inner{opacity:1;transition-delay:.12s;transform:none}.index-expand-inner p{max-width:60ch;color:var(--text-soft)}.index-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.play-link{align-items:center;gap:14px;margin-right:8px;display:inline-flex}.play-link-label{font-size:.95rem;font-weight:600;line-height:1.25;display:grid}.play-link-label small{color:var(--muted);font-size:.76rem;font-weight:400}.play-orb{flex-shrink:0;place-items:center;width:76px;height:76px;display:grid;position:relative}.play-orb-text{width:100%;height:100%;animation:12s linear infinite spin;position:absolute;inset:0}.play-orb-text text{font-family:var(--font-body);letter-spacing:.1em;fill:var(--text-soft);font-size:9.5px;font-weight:700}.play-orb-core{color:#fff;background:var(--play-grad);width:44px;height:44px;box-shadow:0 10px 26px -8px var(--accent-2);transition:transform .5s var(--ease);border-radius:50%;place-items:center;animation:4s linear infinite spin-var;display:grid;position:relative}.play-orb-core:before,.play-orb-core:after{content:"";border:2px solid var(--accent-2);animation:orb-pulse 2.4s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}.play-orb-core:after{animation-delay:1.2s}.play-orb-core svg{filter:drop-shadow(0 1px 2px #0000004d);width:18px;height:18px;margin-left:3px}@keyframes orb-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.play-link:hover .play-orb-core,.catalog-play:hover .play-orb-core{transform:scale(1.15)}.play-link:hover .play-orb-text,.catalog-play:hover .play-orb-text{animation-duration:4s}.play-orb-large{width:132px;height:132px}.play-orb-large .play-orb-core{width:74px;height:74px}.play-orb-large .play-orb-core svg{width:28px;height:28px}.play-orb-large .play-orb-text text{font-size:9px}.page-head{max-width:760px;margin-bottom:40px}.page-head .btn{margin-top:26px}.page-title{font-family:var(--font-display);letter-spacing:-.04em;font-variation-settings:"opsz" 144, "SOFT" 100;font-size:clamp(3.4rem,10vw,8rem);font-weight:350;line-height:.92}.page-title em{color:var(--accent);font-weight:300}.back-link{color:var(--muted);transition:color .2s ease, gap .3s var(--ease);align-items:center;gap:8px;margin-bottom:28px;font-size:.9rem;display:inline-flex}.back-link:hover{color:var(--accent);gap:12px}.back-link svg{width:16px;height:16px}.filter-bar{top:calc(var(--topbar-h) + 26px);z-index:20;background:var(--glass-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:fit-content;max-width:100%;box-shadow:var(--shadow);border-radius:999px;flex-wrap:wrap;gap:8px;margin-bottom:30px;padding:8px;display:flex;position:sticky}.filter-chip{color:var(--muted);cursor:pointer;transition:background-color .3s ease, color .3s ease, transform .3s var(--ease);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.filter-chip:hover{color:var(--text)}.filter-chip.is-active{background:var(--accent);color:var(--accent-ink);transform:scale(1.04)}.filter-count{background:var(--accent-tint);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;display:grid}.filter-chip.is-active .filter-count{background:#00000024}.catalog-list{gap:28px;display:grid}.catalog-card{border-radius:var(--radius-lg);background-image:repeating-linear-gradient(180deg, transparent 0 31px, var(--rule) 31px 32px);background-color:var(--glass);transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease), border-color .3s ease;animation:card-in .8s var(--ease) backwards;animation-delay:calc(var(--intro) * .6 + var(--i,0) * 90ms);padding:0 34px 42px;position:relative;overflow:hidden}.catalog-card.is-hover{border-color:color-mix(in srgb, var(--accent) 50%, transparent);transition:transform .12s linear,border-color .3s}@keyframes card-in{0%{opacity:0;transform:translateY(50px)scale(.97)}}.catalog-card-top{border-bottom:1px solid color-mix(in srgb, var(--accent) 45%, transparent);justify-content:space-between;align-items:center;margin-bottom:22px;padding:18px 0 14px;display:flex}.call-number{font-family:var(--font-display);letter-spacing:.04em;color:var(--accent);font-size:1rem;font-weight:600}.accession{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.catalog-card-body{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:40px;display:grid}.catalog-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;font-size:.8rem;display:flex}.catalog-icon{width:28px;height:28px;color:var(--accent);background:var(--accent-tint);border-radius:9px;place-items:center;display:grid}.catalog-icon svg{width:16px;height:16px}.catalog-title{font-family:var(--font-display);letter-spacing:-.015em;margin-top:16px;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:400;line-height:1.1}.catalog-platform{color:var(--muted);margin-top:8px;font-size:.9rem}.catalog-platform strong{color:var(--text-soft);font-weight:600}.catalog-desc{color:var(--text-soft);margin-top:14px;font-size:1.04rem}.catalog-details{gap:10px;margin-top:18px;list-style:none;display:grid}.catalog-details li{color:var(--text-soft);padding-left:24px;font-size:.95rem;position:relative}.catalog-details li:before{content:"§";font-family:var(--font-display);color:var(--accent);position:absolute;top:0;left:0}.catalog-card .subject-list{margin-top:20px}.catalog-actions{gap:8px;margin-top:20px;display:flex}.catalog-play{border-radius:var(--radius-md);isolation:isolate;min-height:320px;color:var(--text);border:1px solid var(--line-strong);background:var(--bg-2);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:28px;display:flex;position:relative;overflow:hidden}.catalog-play:before{content:"";z-index:-2;background:var(--play-grad);opacity:.38;filter:blur(40px);animation:10s linear infinite spin-var;position:absolute;inset:-40%}.catalog-play:after{content:"";z-index:-1;background:repeating-linear-gradient(90deg, transparent 0 22px, var(--line) 22px 23px);position:absolute;inset:0}.catalog-play-call{font-family:var(--font-display);color:var(--text);opacity:.12;transition:opacity .4s ease, transform .8s var(--ease);font-size:3.4rem;font-style:italic;line-height:1;position:absolute;top:14px;left:18px}.catalog-play:hover .catalog-play-call{opacity:.25;transform:translate(8px)}.catalog-play-label{text-align:center;font-family:var(--font-display);font-size:1.15rem;display:grid}.catalog-play-label small{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.76rem}.catalog-hole{background:var(--bg);border:1px solid var(--line-strong);border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;bottom:12px;left:50%;box-shadow:inset 0 1px 3px #0006}.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;display:grid}.timeline{padding-left:30px;list-style:none;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-2), transparent);transform-origin:top;border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:5px}.js [data-reveal] .timeline:before{transition:transform 1.6s var(--ease) .3s;transform:scaleY(0)}.js [data-reveal].is-in .timeline:before{transform:scaleY(1)}.timeline li{padding-bottom:26px;position:relative}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";background:var(--bg);border:2px solid var(--accent);width:12px;height:12px;transition:transform .4s var(--ease), background-color .3s ease;border-radius:50%;position:absolute;top:3px;left:-30px}.timeline li:hover:before{background:var(--accent);transform:scale(1.4)}.timeline-date{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:600}.timeline h4{font-family:var(--font-display);margin-top:4px;font-size:1.15rem;font-weight:500;line-height:1.3}.timeline-org{color:var(--muted);margin-top:2px;font-size:.9rem}.timeline p:not(.timeline-org){color:var(--text-soft);margin-top:8px;font-size:.93rem}.contact-big{font-family:var(--font-display);letter-spacing:-.02em;max-width:18ch;margin-bottom:44px;font-size:clamp(2rem,5vw,3.8rem);line-height:1.08}.contact-big em{color:var(--accent)}.contact-big span{color:#0000;background:linear-gradient(100deg, var(--accent), var(--accent-2), var(--accent));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-style:italic;animation:5s ease-in-out infinite shimmer;display:inline-block}.contact-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:22px;display:grid}.contact-form{gap:16px;display:grid}.contact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.contact-field{gap:6px;display:grid}.contact-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78rem;font-weight:600}.contact-input,.contact-textarea{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--input-bg);width:100%;color:var(--text);transition:border-color .25s ease, box-shadow .25s ease, transform .3s var(--ease);padding:13px 15px;font-size:.97rem}.contact-textarea{resize:vertical;min-height:150px}.contact-input::placeholder,.contact-textarea::placeholder{color:var(--muted);opacity:.75}.contact-input:focus,.contact-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-tint);outline:none;transform:translateY(-1px)}.contact-submit{justify-self:start}.contact-side{flex-direction:column;display:flex}.contact-list{gap:2px;margin-bottom:24px;list-style:none;display:grid}.contact-list a,.contact-static{border-radius:var(--radius-sm);color:var(--text-soft);overflow-wrap:anywhere;transition:background-color .25s ease, color .25s ease, padding .4s var(--ease);grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:12px;margin:0 -12px;padding:12px;font-size:.95rem;display:grid}.contact-list a:hover{background:var(--accent-tint);color:var(--text);padding-left:18px}.contact-list svg{width:18px;height:18px;color:var(--accent)}.contact-list a>svg:last-child{opacity:0;width:15px;height:15px;transition:opacity .3s ease, transform .4s var(--ease);transform:translate(-6px,6px)}.contact-list a:hover>svg:last-child{opacity:1;transform:none}.contact-cv{align-self:flex-start;margin-top:auto}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;margin-top:110px;padding:26px 0 40px;font-size:.86rem;display:flex}.footer-top{font-family:var(--font-display);font-style:italic;transition:color .25s}.footer-top:hover{color:var(--accent)}.video-modal{color:var(--text);background:0 0;border:0;width:100%;max-width:min(600px,100vw - 24px);margin:auto;padding:0;overflow:visible}.video-modal::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a030699;animation:.4s fade-in}.video-modal[open] .video-modal-inner{animation:modal-in .6s var(--ease)}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(40px)scale(.94)}}.video-modal-inner{border-radius:var(--radius-lg);background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:20px}.video-modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.video-modal-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.7rem}.video-modal-head h3{font-family:var(--font-display);font-size:1.35rem;font-weight:500;line-height:1.2}.video-close{border:1px solid var(--line-strong);cursor:pointer;width:40px;height:40px;transition:transform .4s var(--ease), border-color .25s ease, color .25s ease;background:0 0;border-radius:50%;flex-shrink:0;font-size:1.5rem;line-height:1}.video-close:hover{border-color:var(--accent);color:var(--accent);transform:rotate(90deg)}.video-frame{border-radius:var(--radius-md);background:#fff;height:min(70vh,640px);position:relative;overflow:hidden}.video-frame iframe{opacity:0;border:0;width:100%;height:100%;transition:opacity .5s;position:relative}.video-frame.is-loaded iframe{opacity:1}.video-loading{background:var(--bg-2);justify-content:center;align-items:flex-end;gap:6px;padding-bottom:calc(50% - 20px);transition:opacity .4s;display:flex;position:absolute;inset:0}.video-frame.is-loaded .video-loading{opacity:0}.video-loading span{background:var(--accent);transform-origin:bottom;width:12px;height:40px;animation:book-bounce .9s var(--ease-io) infinite alternate;border-radius:2px}.video-loading span:nth-child(2){background:var(--accent-2);animation-delay:.15s}.video-loading span:nth-child(3){animation-delay:.3s}@keyframes book-bounce{0%{transform:scaleY(.3)}}.video-open{margin-top:14px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.btn-ghost,.marquee{background-color:var(--glass-strong)}}@media (hover:none){.index-expand{grid-template-rows:1fr}.index-expand-inner{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{display:none}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}.js [data-reveal]{opacity:1;transform:none}}@media (max-width:1080px){.catalog-card-body{grid-template-columns:minmax(0,1fr) 240px;gap:28px}.index-head{grid-template-columns:44px minmax(0,1fr) 130px 48px}.index-year{display:none}.index-expand-inner{grid-template-columns:1fr;padding-left:78px}}@media (max-width:900px){.topbar-links{display:none}.hero-grid{grid-template-columns:1fr;gap:64px}.id-card{justify-self:center;max-width:340px;margin-top:0}.about-grid,.experience-grid,.contact-grid{grid-template-columns:1fr}.about-statement{position:static}.catalog-card-body{grid-template-columns:1fr}.catalog-play{flex-direction:row;min-height:220px}}@media (max-width:720px){:root{--topbar-h:58px;--glass-blur:14px}.blob{animation:none}.motes span:nth-child(n+8){display:none}.topbar{padding:0 12px;top:10px}.topbar-inner{padding:0 8px}.brand-mark{width:38px;height:38px}.topbar-actions .theme-toggle{display:none}.shell{padding:0 16px}.shell-top{padding-top:calc(var(--topbar-h) + 44px)}main,.projects-page main{padding-bottom:calc(96px + var(--safe-bottom))}.section{padding-top:96px}.section-head{flex-wrap:wrap;gap:10px 14px;margin-bottom:30px}.section-rule{display:none}.section-link{margin-left:auto}.hero-name .line-2{padding-left:.5em}.hero-stats{max-width:none}.stat dd{font-size:2.3rem}.marquee{margin-top:80px;padding:16px 0}.panel{padding:24px 18px}.about-lists{grid-template-columns:1fr}.index-head{grid-template-columns:30px minmax(0,1fr) 40px;gap:12px;padding:22px 4px}.index-call{display:none}.index-arrow{width:38px;height:38px}.index-expand-inner{padding:0 4px 24px 46px}.index-row:hover .index-title,.index-row:hover .index-platform{transform:none}.catalog-card{padding:0 18px 40px}.catalog-play{flex-direction:column}.filter-bar{border-radius:var(--radius-md);top:calc(var(--topbar-h) + 18px)}.contact-form-grid{grid-template-columns:1fr}.footer{flex-direction:column;margin-top:80px}.id-badge{width:92px;height:92px;top:-36px;left:-26px}.dock{left:0;right:0;bottom:calc(12px + var(--safe-bottom));z-index:50;animation:dock-in .9s var(--ease) backwards;animation-delay:calc(var(--intro) + .3s);padding:0 12px;display:block;position:fixed}@keyframes dock-in{0%{opacity:0;transform:translateY(120%)}}.dock-inner{background:var(--glass-strong);border-radius:22px;justify-content:space-around;align-items:center;gap:2px;max-width:480px;margin:0 auto;padding:6px;display:flex}.dock-item{color:var(--muted);cursor:pointer;transition:color .25s ease, background-color .25s ease, transform .35s var(--ease);background:0 0;border:0;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 2px;font-size:.66rem;font-weight:600;display:flex}.dock-item svg{width:20px;height:20px}.dock-item.active{color:var(--accent);background:var(--accent-tint);transform:translateY(-2px)}.dock-divider{background:var(--line-strong);width:1px;height:28px}}@media (max-width:380px){.brand-name{font-size:1rem}.stat dt{font-size:.74rem}}