@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap";:root{color:#d7e2ea;--bg:#0c0c0c;--text:#d7e2ea;--muted:#7e8991;--line:#ffffff24;--radius:38px;background:#0c0c0c;font-family:Kanit,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#0c0c0cd9;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:-.08em;font-size:25px;font-weight:700}.logo span{color:#b600a8;vertical-align:top;margin-left:3px;font-size:7px}.site-header nav{gap:42px;display:flex}.site-header nav a{letter-spacing:.08em;color:#9aa5ac;font-size:13px;transition:all .2s}.site-header nav a:hover,.site-header nav a.active{color:#fff}.nav-contact{border:1px solid #fff;border-radius:99px;padding:10px 18px;font-size:12px}main{padding-top:76px;overflow:hidden}.home-hero{flex-direction:column;justify-content:space-between;height:calc(100vh - 76px);min-height:700px;padding:5vh 3vw 40px;display:flex;position:relative}.hero-copy>p,.eyebrow,.page-hero>p{letter-spacing:.18em;color:var(--muted);font-size:11px}.hero-copy h1{letter-spacing:-.075em;background:linear-gradient(#626872,#c4d2dc);color:#0000;-webkit-background-clip:text;margin:5vh 0 0;font-size:clamp(95px,14vw,260px);font-weight:900;line-height:.72}.hero-copy h1 span{-webkit-text-stroke:1px #aab7c0;color:#0000}.home-intro{justify-content:space-between;align-items:end;display:flex}.home-intro>p{color:#a7b0b6;max-width:450px;font-size:17px;line-height:1.7}.primary-button{color:#fff;letter-spacing:.1em;background:linear-gradient(120deg,#b600a8,#7621b0 68%,#be4c00);border-radius:99px;padding:15px 28px;font-size:12px;display:inline-block}.home-portrait{align-items:end;width:min(31vw,470px);height:72%;display:flex;position:absolute;bottom:0;right:12%}.portrait-shape{background:linear-gradient(145deg,#202126,#b600a8 42%,#7621b0 70%,#be4c00);border-radius:48% 48% 4% 4%;flex-direction:column;justify-content:end;align-items:center;width:100%;height:78%;padding-bottom:18%;display:flex;box-shadow:0 40px 90px #000}.portrait-shape:before{content:"";aspect-ratio:1;background:linear-gradient(145deg,#cbd3d8,#4d5359);border-radius:50%;width:34%;position:absolute;top:18%;box-shadow:0 0 0 18px #111}.portrait-shape strong{font-size:42px}.portrait-shape span{letter-spacing:.2em;font-size:10px}.quick-projects{padding:130px 3vw}.section-title{grid-template-columns:1fr 2fr auto;align-items:end;margin-bottom:55px;display:grid}.section-title>p{letter-spacing:.18em;color:var(--muted);font-size:10px}.section-title h2{letter-spacing:-.04em;margin:0;font-size:55px}.section-title>a{font-size:13px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project-cover{border-radius:var(--radius);background:#27302c;height:470px;padding:28px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden}.project-cover:hover{transform:translateY(-10px);box-shadow:0 28px 60px #0008}.project-cover small{letter-spacing:.15em;font-size:10px}.project-cover>div{z-index:2;position:absolute;bottom:30px;left:30px}.project-cover b{font-size:66px;line-height:1}.project-cover h3{margin:7px 0 0;font-size:34px}.project-cover p{color:#ffffffa8;margin:4px 0}.project-cover.compact{height:360px}.cover-orbit{aspect-ratio:1;border:42px solid #ffffff17;border-radius:50%;width:70%;position:absolute;top:4%;right:-10%;box-shadow:inset 0 0 70px #0004}.green{--tone:#456124}.purple{--tone:#68389d}.blue{--tone:#315f87}.orange{--tone:#9a4d30}.teal{--tone:#287d78}.gold{--tone:#987a36}.project-cover.green,.case-hero.green,.mock-screen.green{background:linear-gradient(145deg,#172013,var(--tone))}.project-cover.purple,.case-hero.purple,.mock-screen.purple{background:linear-gradient(145deg,#1f1027,var(--tone))}.project-cover.blue,.case-hero.blue,.mock-screen.blue{background:linear-gradient(145deg,#101c27,var(--tone))}.project-cover.orange,.case-hero.orange,.mock-screen.orange{background:linear-gradient(145deg,#291713,var(--tone))}.project-cover.teal,.case-hero.teal,.mock-screen.teal{background:linear-gradient(145deg,#0d2221,var(--tone))}.project-cover.gold,.case-hero.gold,.mock-screen.gold{background:linear-gradient(145deg,#2a2312,var(--tone))}.home-about{text-align:center;padding:160px 4vw}.home-about>p{letter-spacing:.2em;color:var(--muted);font-size:10px}.home-about h2{letter-spacing:-.06em;font-size:clamp(50px,7vw,110px);font-weight:600;line-height:1.03}.home-about h2 span{color:#b600a8}.text-link{border-bottom:1px solid;padding-bottom:8px}.contact-strip{border-radius:var(--radius);color:#111;background:#fff;justify-content:space-between;margin:0 3vw 100px;padding:45px;font-size:25px;display:flex}.contact-strip a{font-weight:700}.page-hero{flex-direction:column;justify-content:center;height:70vh;min-height:560px;padding:10vh 3vw 40px;display:flex}.page-hero h1{letter-spacing:-.075em;background:linear-gradient(#626872,#c4d2dc);color:#0000;-webkit-background-clip:text;margin:30px 0 0;font-size:clamp(95px,14vw,250px);font-weight:900;line-height:.74}.page-hero h1 span{-webkit-text-stroke:1px #aab7c0;color:#0000}.profile{grid-template-columns:.8fr 1.3fr;align-items:center;gap:9vw;padding:100px 6vw 140px;display:grid}.profile-photo{border-radius:var(--radius);background:linear-gradient(145deg,#24282c,#b600a8 48%,#7621b0);flex-direction:column;justify-content:center;align-items:center;height:620px;display:flex}.profile-photo>div{font-size:70px;font-weight:700;line-height:.85}.profile-photo small{letter-spacing:.2em;margin-top:30px}.profile-copy h2,.about-columns h2,.advantages>h2,.case-section h2,.process-section h2,.screens h2,.result h2{letter-spacing:-.04em;font-size:clamp(38px,4vw,68px);line-height:1.1}.profile-copy>p:not(.eyebrow){color:#9ca6ac;max-width:700px;margin-bottom:40px;font-size:17px;line-height:1.9}.about-columns{color:#111;background:#fff;grid-template-columns:1fr 1fr;gap:8vw;padding:120px 6vw;display:grid}.experience{border-top:1px solid #1112;grid-template-columns:120px 1fr;gap:5px;padding:23px 0;display:grid}.experience span,.experience small{color:#666;font-size:12px}.experience strong{font-size:20px}.experience small{grid-column:2}.chip-list{flex-wrap:wrap;gap:10px;display:flex}.chip-list span,.tool-list span{border:1px solid;border-radius:99px;padding:10px 15px;font-size:12px}.tools-label{margin-top:60px}.tool-list{flex-direction:column;gap:0;display:flex}.tool-list span{border-width:0 0 1px;border-radius:0;padding:17px 0}.advantages{padding:130px 6vw}.advantages>div{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.advantages article{border-right:1px solid var(--line);min-height:320px;padding:45px}.advantages article:last-child{border:0}.advantages b{color:#b600a8;font-size:12px}.advantages h3{margin-top:90px;font-size:28px}.advantages p{color:#89939a;line-height:1.7}.projects-hero h1 span{color:#b600a8;-webkit-text-stroke:0}.project-grid{grid-template-columns:1fr 1fr;gap:55px 18px;padding:30px 3vw 150px;display:grid}.project-tile{display:block}.project-tile .project-cover{height:520px}.tile-meta{justify-content:space-between;align-items:center;padding:20px 8px;display:flex}.tile-meta>div{grid-template-columns:40px 1fr;column-gap:15px;display:grid}.tile-meta span{color:#b600a8}.tile-meta h2{margin:0;font-size:28px}.tile-meta p{color:var(--muted);grid-column:2;margin:5px 0}.tile-meta>b{font-size:30px}.case-hero{border-radius:0 0 var(--radius) var(--radius);align-items:end;height:calc(100vh - 76px);min-height:700px;margin:0 3vw;padding:9vh 5vw;display:flex;position:relative;overflow:hidden}.case-hero>div{z-index:2;position:relative}.case-hero h1{letter-spacing:-.06em;margin:25px 0;font-size:clamp(70px,10vw,175px);line-height:.78}.case-hero>div>p{letter-spacing:.1em}.case-sphere{aspect-ratio:1;border:60px solid #ffffff19;border-radius:50%;width:50%;position:absolute;top:3%;right:-5%}.case-overview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:60px 6vw 0;display:grid}.case-overview>div{border-right:1px solid var(--line);flex-direction:column;gap:10px;padding:30px;display:flex}.case-overview>div:last-child{border:0}.case-overview span{letter-spacing:.18em;color:var(--muted);font-size:10px}.case-section,.process-section,.screens,.result{padding:130px 6vw}.two-col{grid-template-columns:1fr 2fr;gap:7vw;display:grid}.two-col>div>p,.result>p:last-child{color:#a3adb3;max-width:850px;font-size:22px;line-height:1.8}.two-col ol{padding:0;list-style:none}.two-col li{border-top:1px solid var(--line);padding:23px 0;font-size:20px}.two-col li span{color:#b600a8;width:60px;display:inline-block}.process-section{color:#111;background:#fff}.process-section>div{grid-template-columns:repeat(5,1fr);margin-top:60px;display:grid}.process-section article{border-top:1px solid #1113;border-right:1px solid #1113;flex-direction:column;justify-content:space-between;min-height:200px;padding:28px 20px;display:flex}.process-section b{font-size:38px}.process-section span{font-size:17px}.stack-section{padding-bottom:80px}.screens{padding-top:80px}.screen-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px;display:grid}.mock-screen{border-radius:var(--radius);flex-direction:column;justify-content:space-between;height:600px;padding:30px;display:flex}.mock-screen span{font-size:12px}.mock-screen strong{font-size:34px}.screens>small{color:var(--muted);margin-top:20px;display:block}.result{background:#171717}.result>p:last-child{font-size:26px}.back-projects{text-align:center;padding:70px}.back-projects a{border:1px solid #fff;border-radius:99px;padding:17px 30px;display:inline-block}.not-found{text-align:center;place-content:center;min-height:70vh;display:grid}.not-found h1{margin:0;font-size:160px}.site-footer{text-align:center;border-top:1px solid var(--line);flex-direction:column;align-items:center;min-height:80vh;padding:100px 3vw 35px;display:flex}.site-footer>p{letter-spacing:.2em;font-size:10px}.site-footer h2{letter-spacing:-.06em;margin:12vh 0 55px;font-size:clamp(65px,10vw,165px);line-height:.8}.site-footer h2 span{-webkit-text-stroke:1px #aab7c0;color:#0000}.site-footer>a{border-bottom:2px solid;font-size:clamp(24px,3vw,45px)}.site-footer>div{border-top:1px solid var(--line);letter-spacing:.13em;justify-content:space-between;width:100%;margin-top:auto;padding-top:22px;font-size:10px;display:flex}@media (width<=800px){.site-header{height:64px;padding:0 18px}.site-header nav{gap:15px}.site-header nav a{font-size:11px}.nav-contact{display:none}main{padding-top:64px}.home-hero{height:auto;min-height:760px;padding:50px 20px 25px}.hero-copy h1{font-size:25vw;line-height:.78}.home-portrait{width:260px;height:420px;bottom:125px;right:20px}.portrait-shape strong{font-size:28px}.home-intro{z-index:3;align-items:end;position:relative}.home-intro>p{max-width:210px;font-size:13px}.primary-button{padding:13px 18px}.quick-projects{padding:90px 20px}.section-title{display:block}.section-title h2{margin:10px 0 15px;font-size:42px}.quick-grid,.project-grid,.about-columns,.profile,.advantages>div,.two-col,.process-section>div,.screen-grid{grid-template-columns:1fr}.quick-grid{gap:24px}.project-cover.compact{height:310px}.home-about{padding:100px 20px}.contact-strip{margin:0 20px 80px;padding:28px 22px;font-size:16px}.page-hero{height:55vh;padding:70px 20px 30px}.profile{gap:50px;padding:70px 20px}.profile-photo{height:460px}.about-columns,.advantages,.case-section,.process-section,.screens,.result{padding:80px 20px}.advantages article{border-right:0;border-bottom:1px solid var(--line)}.project-grid{padding:20px 20px 100px}.project-tile .project-cover{height:390px}.case-hero{height:72vh;min-height:580px;margin:0 15px;padding:55px 25px}.case-hero h1{font-size:19vw}.case-overview{grid-template-columns:1fr;margin:35px 20px 0}.case-overview>div{border-right:0;border-bottom:1px solid var(--line)}.two-col{gap:30px}.process-section article{border-right:0;min-height:130px}.mock-screen{height:430px}.site-footer{padding:80px 20px 25px}.site-footer>div{gap:10px}.site-footer>div span:nth-child(2){display:none}}.home-hero-v2{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.08fr) minmax(520px,.92fr);align-items:stretch;gap:20px;max-width:1700px;height:calc(100svh - 76px);min-height:740px;margin:0 auto;padding:52px 46px 38px;display:grid}.hero-name-block{z-index:3;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:4px;display:flex;position:relative}.hero-name-block>p:first-child{color:#77828b;letter-spacing:.22em;margin:0;font-size:11px;font-weight:600}.hero-name-block h1{letter-spacing:-.078em;color:#aeb7c1;background:0 0;flex-direction:column;margin:8vh 0 24px;font-size:clamp(104px,10.1vw,180px);font-weight:900;line-height:.76;display:flex}.hero-name-block h1 span:last-child{color:#c9d4dd}.hero-summary{color:#a2abb1;letter-spacing:.015em;max-width:590px;margin:auto 0 5vh;font-size:clamp(15px,1.15vw,19px);line-height:1.75}.hero-avatar-stage{isolation:isolate;justify-content:center;align-items:flex-end;min-width:0;height:100%;display:flex;position:relative}.hero-halo{z-index:-2;filter:saturate(1.08);background:radial-gradient(circle at 48% 12%,#a919b8 0 9%,#0000 36%),linear-gradient(145deg,#5e145e 3%,#bb00c4 43%,#7f1eb3 73%,#d15015);border-radius:48% 48% 5% 5%;height:70%;position:absolute;bottom:0;left:3%;right:0;box-shadow:0 34px 90px #000,0 0 100px #8e05a322}.hero-profile-card{z-index:-1;background:linear-gradient(145deg,#74137f,#c000bf 42%,#7f1eb3 74%,#cf4d14);border-radius:42% 42% 4% 4%;flex-direction:column;justify-content:flex-end;align-items:center;width:88%;height:54%;padding:0 8% 11%;display:flex;position:relative;box-shadow:0 38px 85px #000a}.hero-profile-card strong{color:#e5f0f5;letter-spacing:.08em;font-size:clamp(35px,3vw,52px);line-height:1}.hero-profile-card span{letter-spacing:.25em;color:#ecf5f4;margin-top:13px;font-size:10px;font-weight:600}.hero-avatar-frame{z-index:2;aspect-ratio:1;background:#060606;border:14px solid #101013;border-radius:50%;width:min(56%,380px);position:absolute;top:7%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 28px 55px #000b,0 0 0 1px #ffffff12}.hero-avatar-frame img{object-fit:cover;object-position:center 38%;width:100%;height:100%;display:block;transform:scale(1.06)}.hero-project-link{z-index:4;color:#fff;letter-spacing:.08em;background:linear-gradient(110deg,#b400b5,#7c1aa9 66%,#dd5217);border-radius:99px;justify-content:space-between;align-items:center;gap:30px;min-width:170px;padding:17px 23px;font-size:13px;font-weight:600;transition:transform .25s,box-shadow .25s;display:flex;position:absolute;bottom:31%;right:-1%;box-shadow:0 18px 45px #0008}.hero-project-link:hover{transform:translate(5px);box-shadow:0 22px 55px #8b0da54f}.hero-project-link span{font-size:18px}.hero-index{color:#6e7982;letter-spacing:.2em;writing-mode:vertical-rl;font-size:10px;position:absolute;top:7px;right:0}.hero-scroll{color:#626c73;letter-spacing:.22em;font-size:8px;position:absolute;bottom:18px;left:46px}@media (width<=1100px){.home-hero-v2{grid-template-columns:.95fr 1.05fr;padding-left:30px;padding-right:30px}.hero-name-block h1{font-size:clamp(82px,11vw,120px)}.hero-avatar-frame{width:56%;top:13%}.hero-project-link{min-width:145px;right:-3%}}@media (width<=800px){.home-hero-v2{flex-direction:column;gap:18px;height:auto;min-height:850px;padding:38px 20px 28px;display:flex}.hero-name-block h1{margin:40px 0 20px;font-size:24vw;line-height:.78}.hero-summary{max-width:92%;margin:0;font-size:13px;line-height:1.65}.hero-avatar-stage{height:430px;margin-top:12px}.hero-avatar-frame{border-width:10px;width:210px;top:0}.hero-profile-card{width:86%;height:74%;padding-bottom:10%}.hero-profile-card strong{font-size:31px}.hero-project-link{min-width:138px;padding:13px 17px;font-size:11px;bottom:23%;right:0}.hero-index,.hero-scroll{display:none}}.header-actions{align-items:center;gap:16px;display:flex}.language-toggle{color:#667078;align-items:center;gap:5px;font-family:Arial,sans-serif;font-size:10px;display:flex}.language-toggle button{color:inherit;cursor:pointer;background:0 0;border:0;padding:5px 2px}.language-toggle button.active{color:#fff}.language-toggle span{opacity:.45}.home-hero-v2{font-family:Inter Variable,Arial,sans-serif;font-size:14px;font-weight:300}.hero-name-block h1{font-family:system-ui,sans-serif}.hero-summary{font-size:14px;font-weight:300}.hero-halo{filter:saturate(1.02);background:radial-gradient(circle at 50% 15%,#a51dc7 0 8%,#0000 35%),linear-gradient(145deg,#301139,#9510ad 50%,#372060 100%)}.hero-profile-card{background:linear-gradient(145deg,#3c1246,#a611bc 48%,#392065)}.hero-project-link{background:linear-gradient(110deg,#9e06ae,#582480)}.hero-avatar-frame img{object-position:center 34%;transform:scale(1.02)}.hero-avatar-stage{--avatar-x:0px;--avatar-y:0px;--avatar-img-x:0px;--avatar-img-y:0px;--avatar-rx:0deg;--avatar-ry:0deg;perspective:900px}.hero-avatar-frame{transform:translateX(calc(-50% + var(--avatar-x))) translateY(var(--avatar-y)) rotateX(var(--avatar-rx)) rotateY(var(--avatar-ry));will-change:transform;transition:transform .16s cubic-bezier(.2,.75,.25,1)}.hero-avatar-frame img{object-position:center 46%;transform:scale(3) translate3d(var(--avatar-img-x),var(--avatar-img-y),0);will-change:transform;transition:transform .16s cubic-bezier(.2,.75,.25,1)}@media (width<=800px){.header-actions{gap:7px}.language-toggle{font-size:9px}.site-header nav{gap:12px}.hero-summary{font-size:14px}}@media (prefers-reduced-motion:reduce){.hero-avatar-frame,.hero-avatar-frame img{transition:none;transform:none}.hero-avatar-frame{transform:translate(-50%)}.hero-avatar-frame img{transform:scale(1.04)}}.hero-avatar-frame{width:min(66%,440px);box-shadow:none;background:0 0;border:0;border-radius:0;top:1%;overflow:visible}.hero-avatar-frame img{object-fit:contain;object-position:center;transform:scale(1.04) translate3d(var(--avatar-img-x),var(--avatar-img-y),0);border-radius:0;-webkit-mask-image:linear-gradient(#000 0% 78%,#0000 100%);mask-image:linear-gradient(#000 0% 78%,#0000 100%)}@media (width<=800px){.hero-avatar-frame{border:0;width:245px;top:-2%}.hero-avatar-frame img{transform:scale(1.04)}}.hero-avatar-frame{aspect-ratio:auto;background:0 0;width:100%;height:66%;top:0;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0% 76%,#0000 100%);mask-image:linear-gradient(#000 0% 76%,#0000 100%)}.hero-avatar-frame img{object-fit:contain;mix-blend-mode:screen;width:100%;height:100%;transform:translate3d(var(--avatar-x),var(--avatar-y),0) rotateX(var(--avatar-rx)) rotateY(var(--avatar-ry)) scale(.94);-webkit-mask-image:none;mask-image:none}@media (width<=800px){.hero-avatar-frame{width:100%;height:68%;top:0}.hero-avatar-frame img{transform:translate3d(var(--avatar-x),var(--avatar-y),0) rotateX(var(--avatar-rx)) rotateY(var(--avatar-ry)) scale(.92)}}@media (prefers-reduced-motion:reduce){.hero-avatar-frame img{transform:scale(.94)}}.hero-avatar-frame{height:56%;-webkit-mask-image:linear-gradient(#000 0% 72%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#0000 100%)}.hero-profile-card{height:50%}@media (width<=800px){.hero-avatar-frame{height:54%}.hero-profile-card{height:52%}}.hero-avatar-stage{align-items:center}.hero-avatar-frame{height:90%;top:4%;-webkit-mask-image:linear-gradient(#000 0% 84%,#0000 100%);mask-image:linear-gradient(#000 0% 84%,#0000 100%)}.hero-avatar-frame img{transform:translate3d(var(--avatar-x),var(--avatar-y),0) rotateX(var(--avatar-rx)) rotateY(var(--avatar-ry)) scale(1.08)}@media (width<=800px){.hero-avatar-frame{height:94%;top:0}.hero-avatar-frame img{transform:translate3d(var(--avatar-x),var(--avatar-y),0) rotateX(var(--avatar-rx)) rotateY(var(--avatar-ry)) scale(1.04)}}@media (prefers-reduced-motion:reduce){.hero-avatar-frame img{transform:scale(1.08)}}:root{--bg:#000;background:#000}.home-hero-v2{display:block;position:relative}.hero-name-block{width:56%;height:100%}.hero-avatar-stage{z-index:2;cursor:crosshair;perspective:none;isolation:auto;background:0 0;width:min(52vw,760px);height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-avatar-frame{width:100%;height:100%;box-shadow:none;will-change:transform;background:0 0;border:0;border-radius:0;top:0;left:0;overflow:hidden;transform:none;-webkit-mask-image:none;mask-image:none}.hero-avatar-frame img{object-fit:contain;object-position:center;mix-blend-mode:normal;will-change:opacity,transform;background:0 0;border-radius:0;width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:none;mask-image:none}@media (width<=800px){.home-hero-v2{display:flex}.hero-name-block{width:100%;height:auto}.hero-avatar-stage{cursor:default;width:100%;height:430px;position:relative;top:auto;left:auto;transform:none}.hero-avatar-frame{width:100%;height:100%;top:0;left:0}.hero-avatar-frame img{object-fit:contain}}@media (prefers-reduced-motion:reduce){.hero-avatar-frame,.hero-avatar-frame img{transition:none}}.hero-aurora{z-index:3;opacity:.76;filter:saturate(.92);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:3% -22% 0;overflow:hidden;-webkit-mask-image:radial-gradient(44% 49% at 50% 49%,#0000 0 40%,#000 68% 100%);mask-image:radial-gradient(44% 49% at 50% 49%,#0000 0 40%,#000 68% 100%)}.hero-avatar-frame{z-index:2;pointer-events:none}.hero-avatar-frame img{mix-blend-mode:normal}@media (width<=800px){.hero-aurora{opacity:.58;inset:2% -8% 0}}.project-cover.real-cover{background:#111}.project-cover.real-cover>img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.project-cover.real-cover:after{content:"";z-index:1;background:linear-gradient(#00000012 18%,#0000000d 42%,#000000d9 100%);position:absolute;inset:0}.project-cover.real-cover:hover>img{transform:scale(1.025)}.project-cover.real-cover small{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:99px;padding:7px 10px;position:relative}.case-document-hero{border-radius:0 0 var(--radius) var(--radius);aspect-ratio:16/9;background:#fff;margin:0 3vw;overflow:hidden}.case-document-hero img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-pages{gap:32px;margin-top:50px;display:grid}.portfolio-pages figure{border:1px solid var(--line);background:#121212;border-radius:28px;margin:0;overflow:hidden;box-shadow:0 28px 80px #0007}.portfolio-pages img{aspect-ratio:16/9;object-fit:cover;background:#fff;width:100%;display:block}.portfolio-pages figcaption{color:#aab4ba;letter-spacing:.04em;align-items:center;gap:18px;padding:19px 24px;font-size:13px;display:flex}.portfolio-pages figcaption span{color:#b600a8;letter-spacing:.16em;font-size:11px}@media (width<=800px){.case-document-hero{border-radius:0 0 22px 22px;margin:0 15px}.portfolio-pages{gap:18px;margin-top:30px}.portfolio-pages figure{border-radius:16px}.portfolio-pages figcaption{padding:14px 16px;font-size:11px}}:root{--linear-ease:linear(0,.068,.19 2.7%,.804 8.1%,1.037,1.199 13.2%,1.245,1.27 15.8%,1.274,1.272 17.4%,1.249 19.1%,.996 28%,.949,.928 33.3%,.926,.933 36.8%,1.001 45.6%,1.013,1.019 50.8%,1.018 54.4%,1 63.1%,.995 68%,1.001 85%,1)}.site-header .gooey-nav-container nav li a{color:inherit}.gooey-nav-container{--color-1:#fff;--color-2:#c400ba;--color-3:#7f4dff;--color-4:#86a7bc;position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{z-index:3;color:#8f9aa2;gap:20px;margin:0;padding:0 10px;list-style:none;display:flex;position:relative}.gooey-nav-container nav li{cursor:pointer;color:#8f9aa2;border-radius:100vw;transition:color .3s,box-shadow .3s;position:relative;box-shadow:0 0 .5px 1.5px #0000}.gooey-nav-container nav li a{letter-spacing:.08em;padding:9px 12px;font-size:13px;display:inline-block}.gooey-nav-container nav li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px #fff}.gooey-nav-container nav li:after{content:"";opacity:0;z-index:-1;background:#e4edf2;border-radius:100vw;transition:all .3s;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container nav li.active{color:#080808}.gooey-nav-container nav li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{opacity:1;pointer-events:none;z-index:1;place-items:center;width:0;height:0;display:grid;position:absolute;top:0;left:0}.gooey-nav-container .effect.text{color:#fff;transition:color .3s}.gooey-nav-container .effect.text.active{color:#080808}.gooey-nav-container .effect.filter{filter:blur(7px)contrast(100)blur();mix-blend-mode:lighten}.gooey-nav-container .effect.filter:before{content:"";z-index:-2;background:#0c0c0c;position:absolute;inset:-55px}.gooey-nav-container .effect.filter:after{content:"";opacity:0;z-index:-1;background:#e4edf2;border-radius:100vw;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container .effect.active:after{animation:.3s both gooey-pill}@keyframes gooey-pill{to{opacity:1;transform:scale(1)}}.particle,.point{opacity:0;transform-origin:50%;border-radius:100%;width:14px;height:14px;display:block}.particle{animation:gooey-particle var(--time) ease 1 -350ms;position:absolute;top:calc(50% - 7px);left:calc(50% - 7px)}.point{background:var(--color);opacity:1;animation:gooey-point var(--time) ease 1 -350ms}@keyframes gooey-particle{0%{transform:rotate(0deg) translate(var(--start-x),var(--start-y));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate)*.5)) translate(calc(var(--end-x)*1.2),calc(var(--end-y)*1.2));opacity:1}85%{transform:rotate(calc(var(--rotate)*.66)) translate(var(--end-x),var(--end-y));opacity:1}to{transform:rotate(calc(var(--rotate)*1.2)) translate(calc(var(--end-x)*.5),calc(var(--end-y)*.5));opacity:1}}@keyframes gooey-point{0%{opacity:0;transform:scale(0)}25%{transform:scale(calc(var(--scale)*.25))}38%{opacity:1}65%,85%{transform:scale(var(--scale));opacity:1}to{opacity:0;transform:scale(0)}}@media (width<=800px){.gooey-nav-container nav ul{gap:2px;padding:0}.gooey-nav-container nav li a{padding:8px 7px;font-size:11px}.particle,.point{width:10px;height:10px}}@media (prefers-reduced-motion:reduce){.particle,.point,.gooey-nav-container .effect.active:after{animation:none}.gooey-nav-container nav li:after{transition:none}}.soft-aurora-container{width:100%;height:100%}.soft-aurora-container canvas{width:100%;height:100%;display:block}