@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--black:#07040c;--ink:#11091b;--purple:#7d2cff;--violet:#b86cff;--acid:#c9ff26;--paper:#eee9f3;--muted:#9a91a7;--line:#ebe3f32e;--pad:clamp(24px,4vw,72px);color:#f6f0fa;background:var(--black);font-synthesis:none;font-family:Space Grotesk,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);min-width:320px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.site-shell{position:relative;overflow:hidden}.page-width{width:min(1700px,calc(100% - var(--pad)*2));margin-inline:auto}.grain{z-index:100;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}.nav{z-index:90;width:100%;height:92px;padding:0 var(--pad);border-bottom:1px solid #ffffff24;grid-template-columns:1fr auto 1fr;align-items:center;transition:all .3s;display:grid;position:fixed;top:0;left:0}.nav.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07040ccc;height:72px}.brand{letter-spacing:-2px;font-size:28px;font-weight:700}.brand span{vertical-align:top;color:var(--acid);margin-left:3px;font-size:10px}.nav-links{letter-spacing:.12em;gap:42px;font-size:11px;display:flex}.nav-links a{opacity:.72;transition:all .2s}.nav-links a:hover{opacity:1;color:var(--acid)}.nav-cta{background:#ffffff0a;border:1px solid #fff6;border-radius:100px;justify-self:end;align-items:center;gap:10px;padding:12px 18px;font-size:12px;transition:all .2s;display:flex}.nav-cta:hover{color:#09040e;background:var(--acid);border-color:var(--acid)}.menu-btn{background:0 0;border:0;display:none}.hero{isolation:isolate;background:#08030e;height:100svh;min-height:760px;position:relative;overflow:hidden}.hero-video,.hero-fallback,.hero-shade{width:100%;height:100%;position:absolute;inset:0}.hero-video{z-index:-4;object-fit:cover;opacity:.24;filter:hue-rotate(30deg)saturate(1.7)contrast(1.2)}.hero-fallback{z-index:-5;background:radial-gradient(circle at 68%,#8631e8 0,#0000 26%),radial-gradient(circle at 24% 38%,#2e104a 0,#0000 32%),#08030e;animation:8s ease-in-out infinite alternate pulse}.hero-shade{z-index:-3;background:linear-gradient(90deg,#06020aeb,#07030c1f 55%,#050209ad),linear-gradient(0deg,#07040c 0,#0000 28%)}@keyframes pulse{to{filter:hue-rotate(35deg)brightness(1.18);transform:scale(1.08)}}.hero-orbit{z-index:-2;border:1px solid #d29fff26;border-radius:50%;position:absolute}.orbit-a{width:62vw;height:62vw;top:-12vw;right:-10vw}.orbit-b{border-color:#c9ff261f;width:38vw;height:38vw;top:8vw;right:2vw}.hero-content{flex-direction:column;justify-content:space-between;height:100%;padding-top:145px;padding-bottom:46px;display:flex}.hero-kicker{letter-spacing:.16em;align-items:center;gap:9px;font-size:11px;display:flex}.live-dot{background:var(--acid);width:7px;height:7px;box-shadow:0 0 14px var(--acid);border-radius:50%;animation:1.4s infinite blink;display:inline-block}@keyframes blink{50%{opacity:.25}}.hero-title-wrap{margin-top:auto;margin-bottom:auto;position:relative}.hero-index{letter-spacing:.22em;color:#d4cadc;margin:0 0 12px 7px;font-size:10px}.hero h1{letter-spacing:-.085em;max-width:1400px;margin:0;font-size:clamp(92px,13.2vw,230px);font-weight:600;line-height:.72}.hero h1>span{display:block}.hero h1>span:nth-child(2){color:#0000;-webkit-text-stroke:1.5px #ffffffdb;margin-left:12vw}.hero h1 .acid{-webkit-text-stroke:0;color:var(--acid);font-style:italic}.hero h1 sup{letter-spacing:0;color:var(--acid);-webkit-text-stroke:0;vertical-align:top;margin-left:12px;font-size:15px}.hero-role{letter-spacing:.1em;align-items:flex-start;gap:16px;font-size:12px;line-height:1.45;display:flex;position:absolute;top:38%;right:2%}.hero-role svg{color:var(--acid)}.hero-bottom{border-top:1px solid #fff3;justify-content:space-between;align-items:end;padding-top:22px;display:flex}.hero-bottom p{margin:0;font-size:15px;line-height:1.4}.hero-bottom p span{letter-spacing:.15em;color:#a89fad;font-size:9px}.scroll-link{letter-spacing:.15em;align-items:center;gap:16px;font-size:10px;display:flex}.scroll-link svg{border:1px solid #6c6370;border-radius:50%;width:40px;height:40px;padding:10px}.side-code{writing-mode:vertical-rl;letter-spacing:.2em;color:#8e8398;font-size:9px;position:absolute;top:45%;right:18px}.section{padding:150px 0}.section-head{color:#2e2536;letter-spacing:.15em;border-top:1px solid #140a1e59;justify-content:space-between;padding-top:14px;font-size:10px;display:flex}.section-head.light{color:#aca2b2;border-color:var(--line)}.about,.ability{background:var(--paper);color:var(--ink)}.about-grid{grid-template-columns:minmax(380px,.85fr) 1.15fr;align-items:center;gap:clamp(60px,9vw,170px);margin-top:100px;display:grid}.portrait-wrap{background:linear-gradient(145deg,#1a0c2b,#3b1661 55%,#ad69ff);justify-content:center;align-items:end;height:670px;padding:50px;display:flex;position:relative;overflow:hidden}.portrait-wrap:after{content:"";border:1px solid #ffffff42;position:absolute;inset:18px}.portrait-wrap img{z-index:2;object-fit:cover;object-position:50% 20%;filter:saturate(.7)contrast(1.08);mix-blend-mode:luminosity;border-radius:48% 48% 8px 8px;width:min(86%,430px);height:82%;position:relative;box-shadow:0 20px 70px #0000004d}.portrait-halo{background:var(--acid);filter:blur(2px);border-radius:50%;width:440px;height:440px;position:absolute;top:80px;box-shadow:0 0 80px #c9ff264d}.portrait-tag{z-index:3;letter-spacing:.13em;color:#fff;font-size:11px;line-height:1.1;position:absolute;top:24px;left:29px}.portrait-code{z-index:3;text-align:right;color:#fff;letter-spacing:.12em;font-size:9px;line-height:1.5;position:absolute;bottom:25px;right:28px}.eyebrow{letter-spacing:.2em;align-items:center;gap:10px;font-size:10px;display:flex}.bio h2{letter-spacing:-.06em;margin:35px 0 44px;font-size:clamp(50px,5vw,86px);line-height:1.05}.outline{color:#0000;-webkit-text-stroke:1px var(--ink);font-style:italic}.bio-copy{color:#554c5d;max-width:720px;font-family:DM Sans,Microsoft YaHei,sans-serif;font-size:18px;line-height:1.9}.bio-copy em{color:#6d13bf;background:linear-gradient(#0000 65%,#9a38ff24 65%);font-style:normal}.facts{border-top:1px solid #bcb4c3;border-bottom:1px solid #bcb4c3;grid-template-columns:1fr 1fr;margin-top:44px;display:grid}.facts>div{flex-direction:column;gap:5px;padding:24px 12px 24px 0;display:flex}.facts>div+div{border-left:1px solid #bcb4c3;padding-left:28px}.facts small{letter-spacing:.16em;color:#776e7d;font-size:9px}.facts strong{font-size:16px}.facts span{color:#7d7382;font-size:12px}.contact-row{flex-wrap:wrap;gap:25px;margin-top:28px;display:flex}.contact-row a{align-items:center;gap:8px;font-size:12px;display:flex}.metrics{border-top:1px solid #a9a1ae;border-bottom:1px solid #a9a1ae;grid-template-columns:repeat(4,1fr);margin-top:120px;display:grid}.metrics>div{align-items:end;gap:20px;padding:35px 25px;display:flex}.metrics>div+div{border-left:1px solid #a9a1ae}.metrics strong{letter-spacing:-.06em;font-size:clamp(46px,5vw,76px);font-weight:500}.metrics sup{color:#8e1fe5;font-size:20px}.metrics span{letter-spacing:.08em;color:#645b68;margin-bottom:8px;font-size:9px;line-height:1.5}.work-title{justify-content:space-between;align-items:end;margin:100px 0 70px;display:flex}.work-title h2{letter-spacing:-.08em;margin:0;font-size:clamp(80px,11vw,180px);line-height:.7}.work-title h2 span{color:var(--acid);vertical-align:top;font-size:.3em}.work-title h2 i{color:#0000;-webkit-text-stroke:1px white;margin-left:12vw;font-style:italic}.work-title p{color:#aaa0af;font-size:12px;line-height:1.7}.projects{grid-template-columns:1fr 1fr;gap:90px 28px;display:grid}.project-card:first-child{grid-column:1/-1}.project-art{background:#6b1bd1;height:min(67vw,900px);position:relative;overflow:hidden}.project-card:not(:first-child) .project-art{height:min(43vw,650px)}.art-grid{background-image:linear-gradient(#ffffff21 1px,#0000 1px),linear-gradient(90deg,#ffffff21 1px,#0000 1px);background-size:6% 6%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.art-no{letter-spacing:.2em;z-index:2;font-size:12px;position:absolute;top:6%;left:5%}.art-word{z-index:3;letter-spacing:-.1em;color:#e8d7ff;mix-blend-mode:overlay;font-size:clamp(90px,18vw,300px);font-weight:600;line-height:.8;position:absolute;top:35%;left:5%}.art-orb{aspect-ratio:1;filter:saturate(1.5);background:radial-gradient(circle at 35% 30%,#fff 0,#d1ff38 10%,#9822ff 35%,#160123 70%);border-radius:50%;width:55%;position:absolute;top:10%;right:7%;box-shadow:0 0 100px #ba53ff}.cloth .project-art:after{content:"CULTURE × FUTURE × AIGC × ";white-space:nowrap;color:var(--acid);font-size:5vw;font-weight:600;position:absolute;bottom:9%;left:-3%;transform:rotate(-4deg)}.expo .art-orb{filter:blur(1px);background:conic-gradient(from 20deg,#0b0410,#a820ff,#0b0410,#431a5c,#0b0410);border-radius:4% 60% 12% 50%;width:80%;top:28%;right:-15%}.expo .art-word{color:#0b0510;mix-blend-mode:normal;font-size:9vw;top:41%;left:-17%;transform:rotate(-90deg)}.expo .art-grid{filter:invert()}.city .art-orb{background:linear-gradient(90deg,#7117e7 33%,#dcff33 33% 40%,#be72ff 40% 67%,#140a1f 67%);border-radius:0;width:54%;top:20%;right:23%;transform:perspective(600px)rotateX(60deg)rotate(-35deg);box-shadow:18px 18px #c5ff2a}.city .art-word{color:#d8ff30;mix-blend-mode:normal;top:60%;left:8%}.project-meta{border-top:1px solid #554d5b;grid-template-columns:1fr auto auto;align-items:start;gap:28px;margin-top:18px;padding-top:20px;display:grid}.project-meta>div:first-child{grid-template-columns:40px auto;column-gap:14px;display:grid}.project-meta h3{margin:0;font-size:22px}.project-meta p{color:#89818e;letter-spacing:.12em;grid-column:2;margin:5px 0;font-size:10px}.project-meta>div>span{color:#8f8793;font-size:10px}.project-side{text-align:right;flex-direction:column;gap:8px;display:flex}.project-meta button{cursor:pointer;background:0 0;border:1px solid #665f6a;border-radius:50%;place-items:center;width:52px;height:52px;transition:all .2s;display:grid}.project-meta button:hover{background:var(--acid);color:#08040b;transform:rotate(45deg)}.project-note{color:#887f8b;margin:16px 0;font-size:11px}.ability-intro{justify-content:space-between;align-items:start;margin:100px 0 70px;display:flex}.ability-intro>p{letter-spacing:.12em;font-size:11px;line-height:1.6}.ability-intro h2{letter-spacing:-.08em;width:70%;margin:0;font-size:clamp(65px,8vw,130px);line-height:.85}.ability-intro h2 span{color:#8720dc;font-style:italic}.skills-grid{border-top:1px solid #aaa1b1;border-left:1px solid #aaa1b1;grid-template-columns:repeat(4,1fr);display:grid}.skill-card{border-bottom:1px solid #aaa1b1;border-right:1px solid #aaa1b1;flex-direction:column;justify-content:space-between;min-height:460px;padding:26px;transition:all .35s;display:flex}.skill-card:hover{color:#fff;background:#1b0a2a;transform:translateY(-10px)}.skill-top{justify-content:space-between;display:flex}.skill-top>span{font-size:11px}.skill-top svg{opacity:.55}.skill-card small{letter-spacing:.15em;color:#796e7d;font-size:9px}.skill-card h3{margin:10px 0 18px;font-size:26px}.skill-card p{color:#746a78;font-family:DM Sans,Microsoft YaHei;font-size:14px;line-height:1.8}.skill-card:hover p,.skill-card:hover small{color:inherit}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{letter-spacing:.1em;border:1px solid;border-radius:20px;padding:7px 10px;font-size:8px}.experience-strip{border-top:1px solid #aaa1b1;margin-top:100px}.experience-strip>span{letter-spacing:.18em;padding:17px 0;font-size:9px;display:block}.experience-strip>div{border-top:1px solid #c0b8c4;grid-template-columns:1fr 1fr;align-items:center;padding:18px 0;display:grid}.experience-strip strong{font-size:20px}.experience-strip small{color:#736a78}.contact{background:#09030e;min-height:100svh;position:relative;overflow:hidden}.contact-inner{z-index:2;flex-direction:column;min-height:100svh;padding-top:65px;display:flex;position:relative}.contact-grid-bg{background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:6vw 6vw;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 60%,#000,#0000 70%);mask-image:radial-gradient(circle at 60%,#000,#0000 70%)}.contact-flare{filter:blur(20px);background:radial-gradient(circle,#8f24ed 0,#481077 27%,#0000 68%);border-radius:50%;width:70vw;height:70vw;position:absolute;top:-10%;right:-10%}.contact-main{margin:auto 0}.contact-main>p{letter-spacing:.15em;align-items:center;gap:9px;font-size:10px;display:flex}.contact-main h2{letter-spacing:-.075em;margin:32px 0 50px;font-size:clamp(76px,11.2vw,190px);line-height:.76}.contact-main h2 span{color:#0000;-webkit-text-stroke:1.5px white;font-style:italic}.mail-link{background:var(--acid);color:#09040d;border-radius:50px;align-items:center;gap:50px;padding:18px 24px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.contact footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;align-items:end;padding:25px 0 35px;display:grid}.footer-brand{font-size:52px}.contact footer p{color:#92899a;font-size:9px;line-height:1.7}.contact footer>div:last-child{letter-spacing:.1em;justify-self:end;gap:25px;font-size:10px;display:flex}@media (width<=1000px){.nav{grid-template-columns:1fr auto}.nav-links{width:100%;padding:25px var(--pad);background:#0b0611;flex-direction:column;display:none;position:absolute;top:72px;left:0}.nav-links.open{display:flex}.nav-cta{display:none}.menu-btn{flex-direction:column;justify-content:center;align-items:center;gap:7px;width:40px;height:40px;display:flex}.menu-btn span{background:#fff;width:20px;height:1px;display:block}.hero-role{display:none}.hero h1{font-size:17vw}.hero h1>span:nth-child(2){margin-left:5vw}.about-grid{grid-template-columns:1fr}.portrait-wrap{height:600px}.metrics{grid-template-columns:1fr 1fr}.metrics>div:nth-child(3){border-top:1px solid #aaa;border-left:0}.metrics>div:nth-child(4){border-top:1px solid #aaa}.projects{grid-template-columns:1fr}.project-card:first-child{grid-column:auto}.project-card .project-art,.project-card:not(:first-child) .project-art{height:75vw}.skills-grid{grid-template-columns:1fr 1fr}.ability-intro h2{width:auto}.contact footer{grid-template-columns:1fr 1fr}.contact footer>p{display:none}}@media (width<=640px){:root{--pad:20px}.nav{height:72px}.hero{min-height:700px}.hero-content{padding-top:110px}.hero h1{font-size:21vw;line-height:.82}.hero h1>span:nth-child(2){margin-left:0}.hero-index{margin-bottom:25px}.hero-bottom p{display:none}.hero-bottom{justify-content:flex-end}.section{padding:100px 0}.about-grid{margin-top:60px}.portrait-wrap{height:500px;padding:30px}.portrait-halo{width:310px;height:310px}.bio h2{font-size:46px}.bio-copy{font-size:15px}.facts{grid-template-columns:1fr}.facts>div+div{border-top:1px solid #bcb4c3;border-left:0;padding-left:0}.metrics{margin-top:75px}.metrics>div{padding:24px 10px;display:block}.metrics strong{font-size:43px;display:block}.work-title{margin:70px 0 45px;display:block}.work-title h2{font-size:22vw}.work-title p{margin-top:35px}.projects{gap:60px}.project-meta{grid-template-columns:1fr auto}.project-side{display:none}.ability-intro{margin:70px 0 45px;display:block}.ability-intro h2{margin-top:45px;font-size:18vw}.skills-grid{grid-template-columns:1fr}.skill-card{min-height:380px}.experience-strip>div{grid-template-columns:1fr;gap:5px}.contact-main h2{font-size:18vw}.contact footer{grid-template-columns:1fr;gap:24px}.contact footer>div:last-child{justify-self:start}.footer-brand{font-size:38px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero-fallback,.live-dot{animation:none}}.nav{height:100px;padding-inline:max(var(--pad), calc((100vw - 1700px) / 2));border-bottom:0}.nav>.brand{color:var(--acid);font-style:italic}.nav-links{letter-spacing:.025em;gap:36px}.nav-links a{opacity:.9}.nav-cta{background:#9218f5;border-color:#ac4dff;border-radius:10px;padding:14px 24px;box-shadow:0 0 0 4px #951cff15}.hero{isolation:isolate;background:radial-gradient(circle at 50% 48%,#ec009b12,#0000 35%),#191919;border:2px solid #191919;height:100svh;min-height:720px;overflow:hidden}.hero-fallback{background:#191919;animation:none}.hero-shade{background:linear-gradient(90deg,#191919ad,#0000 25% 75%,#191919ad),linear-gradient(#0000 74%,#191919d1)}.hero-content{height:100%;padding:0;display:block;position:relative}.hero-title-position{z-index:1;pointer-events:none;width:max-content;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.hero-title-motion{position:relative}.hero-title{z-index:0;color:#ec009b;letter-spacing:-.068em;white-space:nowrap;text-align:center;filter:drop-shadow(0 10px 30px #ec009b1f);width:max-content;margin:0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(76px,10.65vw,196px);font-weight:900;line-height:.84;position:relative}.hero-title:before,.hero-title:after{content:"Visual Designer";z-index:-1;color:#0000;-webkit-text-stroke:1px #ec009b7a;width:max-content;position:absolute;left:50%;transform:translate(-50%)}.hero-title:before{top:-1.12em}.hero-title:after{top:1.12em}.hero-sculpture{z-index:2;pointer-events:none;mix-blend-mode:screen;width:min(56vw,92svh,920px);position:absolute;top:15%;left:50%;transform:translate(-50%)}.plum-entry{--entry-duration:1.65s;--drift-distance:21px;--sway-angle:13deg;--breath-scale:1.035;opacity:0;transform-origin:50% 55%}.plum-parallax{--plum-parallax-x:0px;--plum-parallax-y:0px;transform:translate3d(var(--plum-parallax-x), var(--plum-parallax-y), 0);will-change:transform;transition:transform .7s cubic-bezier(.16,1,.3,1)}.plum-entry,.plum-drift,.plum-sway,.hero-plums{transform-origin:50% 55%}.plum-sway{filter:drop-shadow(0 30px 42px #0000006b)}.hero-plums{aspect-ratio:1491/1055;object-fit:contain;width:100%;height:auto;display:block}.plum-entry[data-ready=true]{animation:plum-enter var(--entry-duration) both}.plum-entry[data-ready=true] .plum-drift{animation:plum-drift 6.2s var(--entry-duration) ease-in-out infinite both}.plum-entry[data-ready=true] .plum-sway{animation:plum-sway 8.7s var(--entry-duration) ease-in-out infinite both}.plum-entry[data-ready=true] .hero-plums{animation:plum-breathe 7.4s var(--entry-duration) ease-in-out infinite both}.sculpture-caption{color:#75627e;letter-spacing:.2em;text-align:center;margin-top:-24px;font-size:8px;display:block}.hero-bottom{z-index:3;border:0;align-items:end;padding:0;position:absolute;inset:auto 0 11%}.hero-bottom .hero-manifesto{letter-spacing:-.025em;font-size:clamp(15px,1.45vw,22px);line-height:1.4;display:block}.hero-bottom .hero-manifesto span{color:#b248ff;font:inherit;letter-spacing:inherit}.hero-manifesto small{color:#88818e;letter-spacing:.16em;margin-top:16px;font-size:9px;display:block}.engagement-panel{width:min(540px, calc(100vw - var(--pad) * 2));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(112deg,#0d0c0deb,#230b1bc7);border:1px solid #ec009b9e;padding:17px 18px 18px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000061,inset 0 0 40px #ec009b0e}.engagement-panel:before{content:"";opacity:.2;filter:blur(28px);pointer-events:none;background:#ec009b;border-radius:50%;width:130px;height:130px;position:absolute;top:-76px;right:-55px}.hero-engagement{z-index:4;position:absolute;bottom:8.5%;left:50%;transform:translate(-50%)}.engagement-heading{color:#ec009b;letter-spacing:.14em;grid-template-columns:auto minmax(24px,1fr) auto;align-items:center;gap:12px;margin-bottom:13px;font-size:9px;display:grid;position:relative}.engagement-heading i{background:#ec009b7a;height:1px}.engagement-heading em{color:#9b8c96;letter-spacing:.08em;font-size:8px;font-style:normal}.engagement-items{grid-template-columns:1fr 1.22fr;gap:10px;display:grid;position:relative}.engagement-stat,.engagement-like{color:#f4edf2;background:#ffffff06;border:1px solid #ffffff1c;align-items:center;gap:12px;min-width:0;min-height:59px;padding:9px 13px;display:flex}.engagement-stat>span,.engagement-like>span{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.engagement-stat small,.engagement-like small{color:#9b9198;letter-spacing:.1em;white-space:nowrap;font-size:9px}.engagement-stat strong,.engagement-like strong{letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:.9}.engagement-stat svg{color:#ec009b;flex:none}.engagement-like{appearance:none;font:inherit;cursor:pointer;color:#191919;background:#ec009b;border-color:#ec009b;transition:color .35s,background .35s,border-color .35s,transform .35s cubic-bezier(.16,1,.3,1)}.engagement-like small{color:#191919ad}.engagement-like:hover:not(:disabled){color:#ec009b;background:#f4edf2;border-color:#f4edf2;transform:translateY(-3px)}.engagement-like:hover:not(:disabled) small{color:#191919ad}.engagement-like[aria-pressed=true]{color:#f4edf2;cursor:default;background:#ec009b1f;border-color:#ec009bb8}.engagement-like[aria-pressed=true] small{color:#c69eb8}.engagement-like:focus-visible{outline-offset:3px;outline:2px solid #fff}.engagement-like:disabled{opacity:1}.contact-actions{justify-content:space-between;align-items:end;gap:36px;display:flex}.contact-engagement{background:#0b070cb8;flex:0 540px}.hero .scroll-link{letter-spacing:0;gap:22px;font-size:17px;line-height:1.5}.hero .scroll-link small{color:#b248ff;letter-spacing:.06em;font-size:9px}.hero .scroll-link svg{color:#c883ff;border-color:#713099;transition:background .2s}.hero .scroll-link:hover svg{color:#fff;background:#7914be}.hero-status{color:#827b87;letter-spacing:.12em;align-items:center;gap:9px;font-size:9px;display:flex;position:absolute;inset:auto 0 26px}.hero-status>span:last-child{margin-left:auto}@keyframes plum-enter{0%{opacity:0;filter:blur(9px);animation-timing-function:cubic-bezier(.12,.76,.2,1);transform:translateY(82px)rotate(-31deg)scale(.7)}68%{opacity:1;filter:blur();animation-timing-function:cubic-bezier(.22,.61,.36,1);transform:translateY(-5px)rotate(11deg)scale(1.1)}to{opacity:1;filter:blur();transform:translateY(0)rotate(0)scale(1)}}@keyframes plum-drift{0%,50%,to{transform:translateY(0)}25%{transform:translateY(calc(-1 * var(--drift-distance)))}75%{transform:translateY(var(--drift-distance))}}@keyframes plum-sway{0%,50%,to{transform:rotate(0)}25%{transform:rotate(var(--sway-angle))}75%{transform:rotate(calc(-1 * var(--sway-angle)))}}@keyframes plum-breathe{0%,to{transform:scale(1)}50%{transform:scale(var(--breath-scale))}}@media (width>=1900px){.hero-title{font-size:196px}}@media (width<=1100px){.nav{height:78px}.hero{min-height:650px}.hero-title-position{top:46%}.hero-title{font-size:10.55vw}.hero-sculpture{width:min(60vw,76svh);top:20%}.hero-engagement{bottom:8.5%}.contact-actions{flex-direction:column;align-items:flex-start}.contact-engagement{flex-basis:auto}}@media (width>=641px) and (height<=760px){.hero-sculpture{width:min(50vw,66svh);top:14%}.hero-engagement{padding-block:12px;bottom:7%}.engagement-heading{margin-bottom:9px}.engagement-stat,.engagement-like{min-height:52px}.hero-bottom{bottom:4%}.hero-status{bottom:10px}}@media (width<=640px){.hero{min-height:700px}.hero-title-position{width:88vw;top:47%}.hero-title{white-space:normal;width:88vw;font-size:clamp(54px,17vw,68px);line-height:.78}.hero-title:before,.hero-title:after{white-space:normal;width:88vw}.hero-title:before{top:-1.65em}.hero-title:after{top:1.65em}.hero-sculpture{width:min(94vw,430px);top:27%}.engagement-panel{width:calc(100vw - 40px);padding:12px}.hero-engagement{bottom:18%}.engagement-heading{grid-template-columns:auto 1fr;margin-bottom:9px}.engagement-heading em{display:none}.engagement-items{grid-template-columns:.9fr 1.1fr;gap:7px}.engagement-stat,.engagement-like{gap:8px;min-height:49px;padding:7px 9px}.engagement-stat small,.engagement-like small{font-size:8px}.engagement-stat strong,.engagement-like strong{font-size:18px}.plum-entry{--drift-distance:11px;--sway-angle:6deg;--breath-scale:1.018}.sculpture-caption{margin-top:-10px;font-size:6px}.hero-bottom{justify-content:space-between;bottom:10%}.hero-bottom .hero-manifesto{font-size:13px}.hero-manifesto small{margin-top:10px;font-size:7px}.hero .scroll-link{gap:8px;font-size:12px}.hero .scroll-link small{font-size:6px}.hero .scroll-link svg{width:30px;height:30px;padding:6px}}@media (prefers-reduced-motion:reduce){.hero-title-motion,.plum-entry,.plum-entry[data-ready=true],.plum-parallax,.plum-entry[data-ready=true] .plum-drift,.plum-entry[data-ready=true] .plum-sway,.plum-entry[data-ready=true] .hero-plums{filter:none;opacity:1;transition:none;animation:none;transform:none}}:root{--accent:#ec009b;--accent-light:#ff98da;--accent-dark:#a6006d;--accent-glow:#ec009b40;--purple:var(--accent);--violet:var(--accent-light);--acid:var(--accent);--black:#0c070a;--ink:#1b0914;--paper:#f3e9ef}::selection{background:var(--accent);color:#130810}.nav.scrolled{background:#0c070ad9}.hero h1,.hero-subline,.hero-bottom .hero-manifesto span,.hero .scroll-link small,.metrics sup,.ability-intro h2 span{color:var(--accent)}.hero h1:before,.hero h1:after{-webkit-text-stroke-color:#ec009b66}.nav-cta{background:var(--accent);border-color:var(--accent);color:#160610;box-shadow:0 0 0 4px #ec009b14}.portrait-wrap{background:linear-gradient(145deg, #290c20, #611644 55%, var(--accent-light))}.portrait-halo{box-shadow:0 0 80px var(--accent-glow)}.bio-copy em{color:var(--accent-dark);background:linear-gradient(#0000 65%,#ec009b1f 65%)}.work{background:#10060c}.project-art{background:var(--accent)}.art-word{color:#ffdbef}.art-orb{background:radial-gradient(circle at 35% 30%, #fff 0, #ffc6ec 10%, var(--accent) 35%, #230119 70%);box-shadow:0 0 100px var(--accent-light)}.cloth .project-art{background:linear-gradient(135deg,#471032,#dc319e 55%,#ffbade)}.cloth .project-art:after{color:#190710}.expo .project-art{background:var(--accent)}.expo .art-orb{background:conic-gradient(from 20deg,#10040c,#ff69cc,#10040c,#5c1a47,#10040c)}.expo .art-word{color:#10050b}.city .project-art{background:linear-gradient(150deg,#171014,#321325)}.city .art-orb{background:linear-gradient(90deg, var(--accent-dark) 33%, #ffc6ec 33% 40%, var(--accent) 40% 67%, #1f0a17 67%);box-shadow:18px 18px 0 var(--accent-light)}.city .art-word{color:var(--accent)}.skill-card:hover{background:#2a0a1f}.skill-card:nth-child(2):hover{background:var(--accent-dark)}.skill-card:nth-child(3):hover{background:var(--accent);color:#160610}.contact{background:#0e030b}.contact-flare{background:radial-gradient(circle, var(--accent) 0, #77104f 27%, transparent 68%)}.hero .scroll-link svg{color:var(--accent);border-color:var(--accent)}.nav-cta,.mail-link,.project-meta button,.hero .scroll-link,.menu-btn{transition:transform .28s cubic-bezier(.2,.8,.2,1),background-color .28s,color .28s,border-color .28s,box-shadow .28s}.nav-cta svg,.mail-link svg,.project-meta button svg,.hero .scroll-link svg{transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .28s,color .28s,border-color .28s}.mail-link:hover{gap:50px}.project-meta button:hover{background:var(--accent);transform:none}.hero .scroll-link:hover svg{background:var(--accent);color:#160610}@media (hover:hover) and (pointer:fine){.nav-cta:hover,.mail-link:hover{color:var(--accent-dark);border-color:var(--accent-light);box-shadow:0 8px 28px var(--accent-glow);background:#ffe5f5;transform:translateY(-3px)}.nav-cta:hover svg{transform:translate(3px,-3px)}.mail-link:hover svg{transform:translate(7px)}.project-meta button:hover{border-color:var(--accent);box-shadow:0 6px 22px var(--accent-glow);transform:translateY(-3px)}.project-meta button:hover svg{transform:translate(2px,-2px)rotate(12deg)}.hero .scroll-link:hover{transform:translateY(-2px)}.hero .scroll-link:hover svg{box-shadow:0 0 22px var(--accent-glow);transform:rotate(-45deg)}.menu-btn:hover{background:#ec009b29;transform:translateY(-2px)}.menu-btn:hover span{background:var(--accent)}}.nav-cta:focus-visible,.mail-link:focus-visible,.project-meta button:focus-visible,.hero .scroll-link:focus-visible,.menu-btn:focus-visible{outline:2px solid var(--accent-light);outline-offset:5px}.nav-cta:active,.mail-link:active,.project-meta button:active,.hero .scroll-link:active{transform:translateY(0)scale(.98)}@media (width<=1000px){.nav-links{background:#11060d}}@media (prefers-reduced-motion:reduce){.nav-cta,.mail-link,.project-meta button,.hero .scroll-link,.menu-btn,.nav-cta svg,.mail-link svg,.project-meta button svg,.hero .scroll-link svg{transition:none}.nav-cta:hover,.mail-link:hover,.project-meta button:hover,.hero .scroll-link:hover,.menu-btn:hover,.nav-cta:active,.mail-link:active,.project-meta button:active,.hero .scroll-link:active,.nav-cta:hover svg,.mail-link:hover svg,.project-meta button:hover svg,.hero .scroll-link:hover svg{transform:none}}.portfolio-portrait{padding:48px 24px 32px}.portfolio-portrait .portrait-halo{display:none}.portfolio-portrait img{object-fit:contain;filter:none;mix-blend-mode:normal;width:100%;height:100%;box-shadow:none;border-radius:0}.portfolio-project .project-art,.portfolio-project:not(:first-child) .project-art{aspect-ratio:16/9;background:#080808;height:auto;overflow:hidden}.portfolio-project .project-art img{object-fit:contain;width:100%;height:100%;display:block}.portfolio-project .project-meta{gap:16px}.portfolio-project .project-meta h3{font-size:clamp(17px,1.5vw,24px)}.portfolio-project .project-note{line-height:1.8}.about .metrics>div{flex-wrap:wrap;gap:12px}.about .metrics strong{font-size:clamp(36px,4vw,68px)}.about{isolation:isolate;color:#f8eef4;background:#090809;position:relative;overflow:hidden}.about .section-head{z-index:3;color:#ff65bd;border-color:#ec009b;position:relative}.about-liquid{z-index:-1;pointer-events:none;position:absolute;inset:4% -9% 32%;overflow:hidden}.about-liquid span{aspect-ratio:1.45;opacity:.86;filter:saturate(1.15);border:clamp(28px,4vw,70px) solid #ec009b;border-radius:62% 38% 57% 43%/38% 61% 39% 62%;width:48%;position:absolute}.about-liquid span:first-child{top:14%;left:-12%;transform:rotate(34deg)skew(-10deg)}.about-liquid span:last-child{top:4%;right:-10%;transform:rotate(-27deg)skew(8deg)}.about .about-grid{z-index:2;background:#040404f5;border:5px solid #ec4a9d;grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);grid-template-areas:"bio portrait";align-items:stretch;gap:clamp(42px,6vw,110px);margin-top:70px;padding:clamp(36px,4vw,72px);position:relative;box-shadow:0 34px 90px #00000073}.about .portfolio-portrait{background:#171214;grid-area:portrait;align-self:stretch;height:auto;min-height:560px;padding:0}.about .portfolio-portrait:after{border-color:#ffffff38;inset:16px}.about .portfolio-portrait img{object-fit:cover;object-position:50% 26%;width:100%;height:100%}.about .bio{flex-direction:column;grid-area:bio;justify-content:center;min-width:0;display:flex}.about .eyebrow{color:#ff65bd}.about .bio h2{color:#ffeaf5;margin:20px 0 34px;font-size:clamp(48px,5vw,84px);line-height:.98}.about .bio h2:before{content:"✦ ✦ ✦ ✦ ✦";color:#ec009b;letter-spacing:.38em;margin-bottom:16px;font:700 10px/1 sans-serif;display:block}.about .outline{-webkit-text-stroke-color:#ffb4dc}.about .bio-copy{color:#cbbfc6;font-size:14px;line-height:1.85}.about .bio-copy em{color:#ff65bd;background:linear-gradient(#0000 70%,#ec009b3d 70%)}.about .facts{border-color:#ec009b7a;grid-template-columns:1fr;margin-top:30px}.about .facts>div{padding:17px 12px 17px 28px;position:relative}.about .facts>div:before{content:"✓";color:#0a0709;background:#ec4a9d;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;font-weight:900;display:grid;position:absolute;top:18px;left:0}.about .facts>div+div{border-top:1px solid #ec009b47;border-left:0;padding-left:28px}.about .facts small,.about .facts span{color:#a798a0}.about .contact-row a{color:#ff65bd}.about .metrics{z-index:2;color:#f8eef4;background:#050505;border-color:#ec009b;margin-top:90px;padding-top:125px;position:relative}.about .metrics:before{content:"SELECTED FACTS";color:#ffe3f2;letter-spacing:-.04em;white-space:nowrap;font-family:Georgia,serif;font-size:clamp(38px,5vw,72px);font-weight:700;position:absolute;top:35px;left:50%;transform:translate(-50%)}.about .metrics:after{content:"PROFILE / EXPERIENCE / IMPACT";color:#ec4a9d;letter-spacing:.2em;font-size:7px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.about .metrics>div+div{border-color:#ec009b57}.about .metrics span{color:#b9aab2}@media (width<=1000px){.about .about-grid{grid-template-columns:1fr;grid-template-areas:"bio""portrait"}.about .portfolio-portrait{min-height:520px}.about .metrics{grid-template-columns:repeat(2,1fr)}.about .metrics>div:nth-child(3){border-top:1px solid #ec009b57;border-left:0}.about .metrics>div:nth-child(4){border-top:1px solid #ec009b57}}@media (width<=640px){.about .about-grid{border-width:3px;margin-top:44px;padding:24px}.about .portfolio-portrait{min-height:420px}.about .bio h2{font-size:9.8vw;line-height:1.04}.about .metrics{padding-top:105px}.about .metrics:before{font-size:11vw;top:38px}.about .metrics>div{padding:25px 16px}}.motion-enabled{overflow-x:clip}html:has(.motion-enabled){overflow-x:clip}.opening{z-index:200;pointer-events:none;grid-template-rows:1fr 1fr;display:grid;position:fixed;inset:0;overflow:hidden}.opening-panel{transform-origin:top;background:#ec009b}.opening-panel-b{transform-origin:bottom;background:#110814}.opening-mark{z-index:2;color:#fff;letter-spacing:.24em;white-space:nowrap;font-size:clamp(10px,.9vw,15px);font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.motion-enabled .nav{transform:translateY(-24px)}.motion-enabled .hero-bottom,.motion-enabled .hero-status{transform:translateY(32px)}.opening-panel,.opening-mark,.motion-enabled .hero-title-wrap h1,.motion-enabled .hero-sculpture{will-change:transform, opacity, clip-path}@media (width<=640px){.opening-mark{font-size:9px}}@media (prefers-reduced-motion:reduce){.opening{display:none}.hero-title-wrap h1,.work-title h2,.ability-intro h2,.contact-main h2,.project-card,.project-art,.skill-card{will-change:auto}}.project-detail{z-index:180;color:#f8f1f6;overscroll-behavior:contain;background:#0a0709;position:fixed;inset:0;overflow:hidden auto}.project-card-hit{z-index:3;position:absolute;inset:0}.project-detail-nav{z-index:3;min-height:82px;padding:14px var(--pad);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0709d1;border-bottom:1px solid #ffffff29;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.project-detail-nav>div{flex-direction:column;align-items:center;gap:4px;display:flex}.project-detail-nav strong{font-size:17px}.project-detail-nav span,.project-detail-back{letter-spacing:.13em;font-size:9px}.project-detail-nav>span:last-child{color:#ec009b;justify-self:end}.project-detail-intro{width:min(1700px,calc(100% - var(--pad)*2));margin:0 auto;padding:clamp(90px,12vw,190px) 0 clamp(70px,9vw,140px)}.project-detail-intro>span{color:#ec009b;letter-spacing:.18em;font-size:10px}.project-detail-intro h1{color:#0000;letter-spacing:-.075em;-webkit-text-stroke:1px #f8f1f6;margin:24px 0 35px;font-size:clamp(64px,10vw,180px);line-height:.82}.project-detail-intro p{color:#a79ca3;max-width:720px;margin:0;line-height:1.8}.project-slides{width:min(1700px,calc(100% - var(--pad)*2));margin:0 auto}.project-slides figure{margin:0 0 clamp(50px,7vw,110px)}.project-slides figure>span{color:#8e838a;letter-spacing:.15em;margin-bottom:12px;font-size:9px;display:block}.project-slides img{background:#191116;width:100%;height:auto;display:block;box-shadow:0 25px 90px #00000061}.project-detail-footer{color:#ec009b;letter-spacing:-.04em;place-items:center;min-height:35vh;font-size:clamp(24px,4vw,64px);display:grid}@media (width<=640px){.project-detail-nav{grid-template-columns:1fr auto;min-height:68px}.project-detail-nav>div{align-items:flex-end}.project-detail-nav>span:last-child{display:none}.project-detail-intro h1{font-size:17vw}}.glare-hover{width:var(--gh-width);height:var(--gh-height);isolation:isolate;background:var(--gh-bg);border:1px solid var(--gh-border);border-radius:var(--gh-br);place-items:center;display:grid;position:relative;overflow:hidden}.glare-hover:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(var(--gh-angle), transparent 58%, var(--gh-rgba) 69%, transparent 80%);background-position:-100% -100%;background-repeat:no-repeat;background-size:var(--gh-size) var(--gh-size);transition:background-position var(--gh-duration) cubic-bezier(.2, .75, .25, 1);position:absolute;inset:0}.glare-hover:hover:before{background-position:100% 100%}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:background-position var(--gh-duration) cubic-bezier(.2, .75, .25, 1);background-position:100% 100%}@media (prefers-reduced-motion:reduce){.glare-hover:before,.glare-hover--play-once:hover:before{transition:none}}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--color-sensitivity:calc(var(--edge-sensitivity) + 20);isolation:isolate;border-radius:var(--border-radius);background:var(--card-bg);border:1px solid #180c202e;display:grid;position:relative;overflow:visible;transform:translateZ(.01px)}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";z-index:-1;border-radius:inherit;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));pointer-events:none;transition:opacity .2s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):before,.border-glow-card:not(:hover):after,.border-glow-card:not(:hover)>.edge-light{opacity:0;transition-duration:.65s}.border-glow-card:before{background:linear-gradient(var(--card-bg) 0 100%) padding-box, linear-gradient(transparent 0 100%) border-box, var(--gradient-1) border-box, var(--gradient-2) border-box, var(--gradient-3) border-box, var(--gradient-4) border-box, var(--gradient-5) border-box, var(--gradient-6) border-box, var(--gradient-7) border-box;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, #000 calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), #000 calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, #000 calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), #000 calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-1), var(--gradient-2), var(--gradient-3), var(--gradient-4), var(--gradient-5), var(--gradient-6), var(--gradient-7);opacity:calc(var(--fill-opacity) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:multiply}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);z-index:2;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, #000 2.5%, transparent 10%, transparent 90%, #000 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, #000 2.5%, transparent 10%, transparent 90%, #000 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-0), inset 0 0 5px var(--glow-2), inset 0 0 18px var(--glow-4), 0 0 3px var(--glow-1), 0 0 12px var(--glow-3), 0 0 30px var(--glow-5);position:absolute}.border-glow-inner{z-index:1;min-height:inherit;display:flex;position:relative;overflow:hidden}.skills-grid .border-glow-card.skill-card{background:var(--card-bg);color:#f8f0f6;border-color:#ec009b3d;padding:0;box-shadow:0 18px 50px #26051b1f}.skills-grid .border-glow-card.skill-card:hover{background:var(--card-bg);color:#f8f0f6;border-color:#ec009b8c;transform:translateY(-9px);box-shadow:0 26px 64px #46053033}.skills-grid .border-glow-card.skill-card:hover p,.skills-grid .border-glow-card.skill-card:hover small{color:inherit}.skill-card-content{width:100%;min-height:inherit;background:linear-gradient(145deg,#ec009b14,#0000 38%),repeating-linear-gradient(90deg,#0000 0 49px,#ffffff05 50px);flex-direction:column;justify-content:space-between;padding:30px;display:flex;position:relative}.skill-card-content:before{content:"";background:#ec009b;width:72px;height:3px;position:absolute;top:0;left:30px;box-shadow:0 0 18px #ec009b80}.skills-grid{border:0;gap:16px}.skills-grid .skill-top{color:#ff65c8;align-items:center}.skills-grid .skill-top>span{letter-spacing:.14em;font-size:12px;font-weight:600}.skills-grid .skill-top svg{opacity:1;border:1px solid #ec009b61;border-radius:50%;width:34px;height:34px;padding:8px;transition:transform .45s cubic-bezier(.16,1,.3,1),background .3s,color .3s}.skills-grid .skill-card:hover .skill-top svg{color:#160b13;background:#ec009b;transform:rotate(45deg)}.skills-grid .skill-card small{color:#ec009b;letter-spacing:.18em;font-size:9px}.skills-grid .skill-card h3{color:#fff8fd;letter-spacing:-.04em;margin:12px 0 20px;font-size:clamp(23px,1.7vw,30px)}.skills-grid .skill-card p{color:#f8e6f3a8;font-size:14px;line-height:1.8}.skills-grid .tags{gap:7px}.skills-grid .tags span{color:#f6badf;background:#ec009b0d;border-color:#ec009b6b;padding:7px 11px}.skills-grid .skill-card:hover .tags span{color:#ffd7f0;background:#ec009b1f;border-color:#ec009bb8}.experience-strip>span{text-align:center}.experience-strip>div{text-align:center;grid-template-columns:1fr;justify-items:center;gap:7px;padding-block:24px}@media (width<=1000px){.skills-grid{gap:14px}}@media (width<=640px){.skills-grid{gap:12px}.skill-card-content{padding:26px}.skill-card-content:before{left:26px}}@media (prefers-reduced-motion:reduce){.border-glow-card,.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{transition:none!important}.skills-grid .border-glow-card.skill-card:hover{transform:none}}.post-hero{isolation:isolate;background:#10060c;position:relative}.post-hero-field{z-index:0;pointer-events:none;height:100svh;margin-bottom:-100svh;position:sticky;top:0;overflow:hidden}.post-hero-content{z-index:1;position:relative}.dot-field-container,.dot-field-container canvas,.dot-field-container svg{width:100%;height:100%;position:absolute;inset:0}.dot-field-container{opacity:.9;overflow:hidden}.dot-field-container canvas{display:block}.dot-field-container svg{pointer-events:none}.dot-field-container circle{opacity:0;will-change:opacity}.post-hero .about,.post-hero .ability{background:#f3e9eff0}.post-hero .work{background:#10060ce6}.post-hero .contact{background:#0e030be0}@media (width<=640px){.dot-field-container{opacity:.72}}@media (prefers-reduced-motion:reduce){.dot-field-container circle{display:none}}