@import"fonts.css";:root{color-scheme:dark;--bg:#131212;--orange:#f26522;--white:#ededed;--muted:#a1a0a0;--purple:#7b42b5;--spring:cubic-bezier(.22,1.2,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:Space Grotesk,sans-serif;font-weight:400;overflow-x:clip}body:before{content:"";position:absolute;inset:0 0 auto;height:5400px;pointer-events:none;background:radial-gradient(ellipse 1100px 1100px at -8% 250px,rgba(242,101,34,.085),transparent 78%),radial-gradient(ellipse 1000px 1200px at 110% 2100px,rgba(242,101,34,.035),transparent 75%),radial-gradient(ellipse 1000px 1000px at -8% 2900px,rgba(242,101,34,.05),transparent 80%);z-index:-1}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:2px solid #ccf500;outline-offset:6px}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,p{margin:0}h1,h2{font-family:Clash Display,sans-serif}button{color:inherit}.skip-link{position:fixed;left:16px;top:-80px;background:var(--orange);color:#131212;padding:12px;z-index:100}.skip-link:focus{top:12px}.header{height:120px;padding:0 120px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;gap:25px}.logo{width:175px;flex-shrink:0}.desktop-nav{display:flex;gap:36px;align-items:center;font-size:16px;color:var(--muted)}.desktop-nav a{padding:4px 8px;transition:color .15s}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--orange)}.desktop-nav a[aria-current]{font-weight:700}.contact-button{position:relative;width:218px;height:77px;display:grid;place-items:center;font-weight:700;color:var(--orange);font-size:16px}.contact-button:before{content:"";position:absolute;inset:8px;background:var(--orange);clip-path:polygon(1% 18%,95% 0,100% 84%,3% 100%);opacity:0;transition:opacity .3s,transform .4s var(--spring)}.contact-button:after{content:"";position:absolute;inset:5px;background:url(assets/contact-outline.svg) center/100% 100% no-repeat;pointer-events:none}.contact-button span{position:relative;transition:color .3s,transform .4s var(--spring)}.contact-button:hover:before{opacity:1;transform:translate(-4px,-3px)}.contact-button:hover span{color:var(--bg);transform:translate(-3px,-2px)}.menu-toggle,.mobile-menu{display:none}.hero{position:relative;height:818px}.hero-content{position:relative;margin:0 140px;padding-top:40px;height:100%;display:flex;flex-direction:column;align-items:center}.hero-intro{animation:intro 1s cubic-bezier(.44,0,.56,1) .1s both;z-index:2}.greeting{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:300;line-height:28px}.greeting canvas{width:26px;height:27px}.intro-line{width:405px;height:17px;object-fit:fill;margin-top:5px}.hero-heading{position:relative;margin-top:32px;z-index:2;animation:intro 1s cubic-bezier(.44,0,.56,1) .2s both}.hero-heading h1,.heading-stroke{font:600 90px/.8 Clash Display,sans-serif;text-align:center;letter-spacing:0}.heading-stroke{position:absolute;inset:3px -5px auto 5px;color:transparent;-webkit-text-stroke:.4px var(--white);pointer-events:none}.portrait{position:relative;width:474px;height:496px;margin-top:58px;animation:hero-rise 2s var(--spring) both;z-index:1}.portrait>img:last-child{width:474px;height:490px;object-fit:contain;position:absolute;bottom:0}.portrait-border{position:absolute;right:-7.5px;top:-14.5px;width:472px;height:439px}.decoration{position:absolute;z-index:3}.moon{width:362px;height:362px;right:-71px;top:73px;pointer-events:auto;scale:.48;transform-origin:center}.blur{width:65px;height:65px;left:42.5px;top:435px;pointer-events:none}.clock{width:52px;height:55px;right:-76px;top:367px;transform:rotate(-25deg);pointer-events:none}.orbit-art{position:absolute;inset:-424px 0 -200px;overflow:hidden;pointer-events:none}.orbit-art i{position:absolute;border:1px solid rgba(113,113,113,.13);border-radius:50%;width:1700px;height:1700px;left:-820px;top:-780px}.orbit-art i:nth-child(2){width:2050px;height:2050px;left:-995px;top:-955px}.orbit-art i:nth-child(3){width:2400px;height:2400px;left:-1170px;top:-1130px}.orbit-art i:nth-child(4){width:2750px;height:2750px;left:-1345px;top:-1305px}.orbit-art i:nth-child(5){width:3100px;height:3100px;left:-1520px;top:-1480px}.orbit-art i:nth-child(6){width:3450px;height:3450px;left:-1695px;top:-1655px}.stars{position:absolute;inset:420px 0 0}.stars i{position:absolute;width:2px!important;height:2px!important;background:#717171;border:0;border-radius:50%;opacity:.7}.skills-marquee{position:absolute;bottom:-2px;left:-10%;width:120%;height:88px;transform:rotate(-6deg);background:var(--purple);color:#131212;z-index:5;overflow:hidden;display:flex;align-items:center}.ticker-track{display:flex;width:max-content;will-change:transform;animation:ticker var(--duration,40s) linear infinite}.ticker-group{display:flex;align-items:center;flex-shrink:0}.skill{display:flex;align-items:center;gap:24px;font:500 48px/1.2 Clash Display,sans-serif;white-space:nowrap;padding:0 14px}.skill b{color:#ccf500;font-size:52px;font-weight:400}.skill:nth-child(3n) b{color:var(--orange)}.skill:nth-child(3n+1) b{color:var(--white)}.marquee-outline{position:absolute;width:220%;left:-60%;bottom:-15px;height:93px;border:1px solid var(--white);transform:rotate(4deg);opacity:.8}.works{position:relative;padding:170px 120px 40px;display:flex;flex-direction:column;align-items:center;gap:80px}.section-title{display:flex;flex-direction:column;align-items:center;gap:10px}.section-title h2{font-size:38px;line-height:1.2;font-weight:600}.section-title img{width:205px;height:12px}.work-content{width:100%;display:flex;flex-direction:column;gap:40px}.showreel{width:100%;height:auto;aspect-ratio:16 / 9;position:relative;overflow:hidden;flex-shrink:0}.showreel iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.video-pending{width:100%;height:100%;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;font:500 32px Clash Display,sans-serif;color:#a1a0a0;border:1px solid #303030;background:#0000001f}.play-symbol{font-size:70px;font-weight:300}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px;width:100%}.project-card{position:relative;height:480px;overflow:hidden;isolation:isolate;display:block;background:#171717}.project-card .thumbnail,.project-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-card .thumbnail{z-index:1;transition:opacity .4s var(--spring)}.project-card video{z-index:0}.project-card:hover .thumbnail,.project-card:focus-visible .thumbnail{opacity:0}.project-card.video-unavailable:hover .thumbnail{opacity:1}.project-caption{position:absolute;z-index:2;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:140px 20px 20px;background:linear-gradient(transparent,#131212)}.project-caption h3{font:600 20px/1.2 Clash Display,sans-serif;margin:0}.paper-button{position:relative;display:grid;place-items:center;width:350px;height:99px;flex-shrink:0;color:#131212;font-size:18px;font-weight:600;isolation:isolate}.paper-button:before,.paper-button:after{content:"";position:absolute;inset:0;background:url(assets/button-fill.svg) center/100% 91% no-repeat;z-index:-1;transition:transform .4s var(--spring)}.paper-button:after{background-image:url(assets/button-outline.svg);transform:translate(4px,6px);z-index:-2}.paper-button:hover:before{transform:translate(-6px,-3px)}.paper-button span{transition:transform .4s var(--spring)}.paper-button:hover span{transform:translate(-6px,-3px)}.paper-button.medium{width:297px}.trusted{padding:120px;display:flex;align-items:center;flex-direction:column;gap:64px}.logo-strips{display:flex;flex-direction:column;gap:16px;width:100%}.logo-ticker{height:108px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}.logo-ticker .ticker-group{gap:16px;padding:10px 8px}.logo-ticker img{height:88px;width:auto;max-width:none;object-fit:contain}.ticker-track.reverse{animation-direction:reverse}.numbers{height:240px;display:flex;align-items:center;justify-content:center}.numbers-inner{width:100%;padding:0 140px;display:flex;align-items:center;justify-content:space-between}.stat{position:relative;min-width:160px;text-align:center}.stat strong{display:block;font:700 72px/1.2 Clash Display,sans-serif;color:var(--orange)}.stat p{font-weight:300;font-size:16px;color:var(--muted);line-height:28px}.stat-star{position:absolute;top:-13px;left:-22px;font-size:32px;transform:rotate(var(--star-angle,24deg))}.contact-section{padding:0 20px}.contact-panel{position:relative;display:flex;gap:24px;background:#201e1e;overflow:hidden;align-items:center;min-height:483px}.contact-photo{height:483px;width:51.6%;flex-shrink:0;position:relative}.contact-photo :is(img,.contact-photo-art){position:absolute;max-width:none;width:calc(100% + 132px);height:722.5px;left:-126px;top:-120px;object-fit:cover}.contact-copy{flex:1;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:64px;padding:30px 0}.contact-copy>div{width:80%}.contact-copy h2{font-size:24px;font-weight:400;line-height:1.2;margin-bottom:12px}.contact-copy p{font-size:14px;line-height:28px;font-weight:300;color:var(--muted)}.contact-icons{position:absolute;right:-20px;top:-20.5px;width:652px;height:402.5px;object-fit:contain;opacity:.86;pointer-events:none}.footer{height:605px;padding:0 120px;display:flex;align-items:center}.footer-inner{width:100%;display:flex;flex-direction:column;gap:80px}.footer-title p{font-size:18px;font-weight:300;display:flex;align-items:center;gap:6px;margin-bottom:24px}.footer-title canvas{width:36px;height:36px}.email{font:600 clamp(60px,8.8vw,155px)/1.2 "Clash Display",sans-serif;white-space:nowrap;position:relative;display:inline-block;transition:color .35s}.email:hover{color:transparent;-webkit-text-stroke:1px var(--white)}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-bottom nav{display:flex;gap:72px;color:var(--muted);font-size:14px}.footer-bottom nav a:hover{color:var(--orange)}.socials{display:flex;align-items:center;gap:48px}.socials a{width:32px;height:32px;display:block;position:relative;overflow:hidden}.socials svg{width:100%;height:100%;fill:currentColor;transition:transform .4s var(--spring),color .4s}.socials a:hover svg{color:var(--orange);transform:scale(.86) rotate(-8deg)}.reveal{opacity:0;transform:translateY(150px);transition:opacity 1s ease,transform 1s var(--spring)}.reveal.shown{opacity:1;transform:translateY(0)}.trusted.reveal{transform:translateY(40px);transition-duration:2s;transition-delay:.3s}.trusted.shown{transform:translateY(0)}dialog{max-width:440px;border:1px solid #49413b;background:#201e1e;color:#ededed;padding:44px 32px;font-size:16px;line-height:1.5}dialog p+p{margin-top:16px;color:var(--muted)}dialog a{color:var(--orange);display:inline-block;margin-top:24px}dialog::backdrop{background:#000b}.dialog-close{position:absolute;right:8px;top:4px;border:0;background:none;font-size:30px}@keyframes ticker{to{transform:translate(-50%)}}@keyframes intro{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes hero-rise{0%{opacity:0;transform:translateY(150px)}to{opacity:1;transform:none}}@media(min-width:1440px){.hero{height:854px}.hero-heading h1,.heading-stroke{font-size:112px}.greeting{font-size:20px}.section-title h2{font-size:48px}.contact-copy h2{font-size:40px}.contact-copy p,.desktop-nav,.contact-button{font-size:18px}}@media(max-width:1199px){html{scroll-padding-top:88px}.header{height:88px;padding:20px;background:#131212}.logo{width:146px}.logo img{width:146px;height:40px}.desktop-nav,.header>.contact-button{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;border:0;background:transparent;width:48px;height:48px;padding:9px;z-index:30}.menu-toggle span{display:block;width:30px;height:2px;background:var(--white);transition:transform .4s var(--spring)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mobile-menu:not([hidden]){display:flex;position:fixed;inset:88px 0 0;z-index:19;background:#121111;padding:88px 20px 40px;flex-direction:column;align-items:center;overflow:auto;gap:70px;animation:intro .4s var(--spring)}.mobile-menu nav{display:flex;align-items:center;flex-direction:column;gap:36px;font:600 38px Clash Display,sans-serif}.mobile-menu nav>a[aria-current]{color:var(--orange)}body.menu-open{overflow:hidden}.menu-open .header{position:fixed;top:0;left:0;width:100%}.menu-open main{padding-top:88px}.hero{height:588px}.hero-content{margin:0 20px;padding-top:24px}.hero-intro{width:240px}.greeting{font-size:14px;line-height:28px;white-space:nowrap}.greeting canvas{flex-shrink:0}.intro-line{width:240px;height:12px}.hero-heading{margin-top:32px}.hero-heading h1,.heading-stroke{font-size:60px;line-height:.8}.portrait{margin-top:24px;width:296px;height:306px}.portrait>img:last-child{width:296px;height:306px}.portrait-border{width:293px;height:272px;top:-8px;right:-4px}.moon{right:-20px;top:33px;width:202px;height:202px}.blur{left:32.5px;top:229px;width:42px;height:42px}.clock{right:2.97px;top:180px}.skills-marquee{height:50px;bottom:24px}.skill{font-size:24px;gap:14px;padding:0 10px}.skill b{font-size:30px}.marquee-outline{height:55px;bottom:15px}.orbit-art{opacity:.6}.works{padding:70px 20px 40px;gap:40px}.section-title h2{font-size:26px}.section-title img{width:150px;height:10px}.work-content{gap:9px}.project-grid{grid-template-columns:1fr;gap:24px}.project-card{height:338px}.project-card:nth-child(n+3){display:none}.project-caption h3{font-size:14px}.project-caption{padding:100px 20px 20px}.paper-button{width:280px;height:93px;font-size:16px}.trusted{padding:60px 20px;gap:40px}.logo-strips{gap:12px}.logo-ticker{height:70px}.logo-ticker img{height:50px}.numbers{height:170px}.numbers-inner{padding:0 30px;gap:12px}.stat{min-width:0;flex:1}.stat strong{font-size:38px}.stat p{font-size:10px;line-height:16px}.stat-star{font-size:18px;left:2px;top:-12px}.contact-section{padding:40px 20px}.contact-panel{min-height:0;flex-direction:column;gap:24px}.contact-photo{height:290px;width:100%;overflow:hidden}.contact-photo :is(img,.contact-photo-art){width:100%;height:auto;top:-66px;left:-4px}.contact-copy{padding:0 24px 30px;gap:24px}.contact-copy>div{width:100%}.contact-copy h2{font-size:24px}.contact-copy p{font-size:14px;line-height:24px}.contact-icons{width:100%;top:250px;right:0;opacity:.25}.paper-button.medium{width:260px}.footer{height:423px;padding:40px 20px}.footer-inner{gap:48px}.footer-title p{font-size:14px;margin-bottom:24px}.footer-title canvas{width:26px;height:26px}.email{font-size:clamp(28px,9.4vw,100px)}.footer-bottom{align-items:flex-start;gap:32px;flex-direction:column}.footer-bottom nav{gap:40px;font-size:12px}.socials{gap:32px}.socials a{width:24px;height:24px}}@media(min-width:600px)and (max-width:1199px){.hero-content{max-width:760px;margin:auto}.works,.trusted{padding-left:60px;padding-right:60px}.project-card{height:520px}.contact-photo{height:400px}.contact-photo :is(img,.contact-photo-art){top:-120px}.contact-copy{max-width:640px;padding-bottom:50px}.footer{padding-left:60px;padding-right:60px}.footer-bottom{flex-direction:row}.numbers-inner{padding:0 90px}.stat strong{font-size:60px}.stat p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.ticker-track{transform:none}.hero-intro,.hero-heading,.portrait{animation:none}}html{overflow-x:hidden;scrollbar-width:none}html::-webkit-scrollbar{display:none}.orbit-art{inset:-544px 0 auto;height:1425px}.orbit-art>i{top:0!important;left:-370px!important;width:var(--diameter)!important;height:var(--diameter)!important;border-color:#ffffff14}.stars{inset:544px 0 0}.stars i{left:var(--star-x)!important;top:var(--star-y)!important}.stat+.stat{border-left:1px solid #424141}.stat{flex:1}.stat-star{left:28px}@media(max-width:1199px){.logo,.logo img{width:100px;height:28px}.menu-toggle{width:36px;height:36px;padding:5px;gap:3px;align-items:flex-end}.menu-toggle span{width:17px;height:2px}.menu-toggle span:first-child{width:10px;align-self:flex-start}.menu-toggle span:last-child{width:10px}.menu-toggle[aria-expanded=true] span:first-child{width:26px;transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{width:26px;transform:translateY(-5px) rotate(-45deg)}.hero{height:640px}.hero-content{padding-top:32px}.hero-heading h1,.heading-stroke{font-size:50px;line-height:1.2}.heading-stroke{inset:2px -3px auto 3px;-webkit-text-stroke:.3px rgba(237,237,237,.6)}.intro-line{height:17px}.portrait{width:349px;height:369px;max-width:100%;flex-shrink:0}.portrait>img:last-child{width:100%;height:369px}.portrait-border{width:353px;max-width:calc(100% + 4px);height:302px;right:-10px;top:-11.5px;transform:rotate(-1deg)}.moon{top:41px}.blur{top:237px}.clock{top:188px}.skills-marquee{height:70px;bottom:18px}.marquee-outline{height:70px;bottom:32px}.orbit-art{top:-292px;height:1279px}.stars{inset:292px 0 0}.works{padding-top:40px;gap:24px}.trusted{padding:40px 20px;gap:24px}.trusted.reveal{transition-duration:.4s;transition-delay:.3s}.numbers{height:auto;padding:40px 20px}.numbers-inner{padding:0;flex-direction:column;gap:12px}.stat{width:100%;flex:initial;height:100px;display:flex;flex-direction:column;justify-content:center;gap:8px}.stat strong{font-size:40px}.stat p{font-size:14px;line-height:20px}.stat+.stat{border:0;margin-top:104px}.stat+.stat:before{content:"";position:absolute;left:50%;width:1px;height:80px;background:#424141;top:-92px}.stat-star{left:calc(50% - 72px)}.contact-photo{height:276px}.contact-copy{padding:20px;gap:64px;align-items:center}.contact-icons{width:652px;max-width:none;top:-20.5px;right:-20px;opacity:.86}.contact-copy h2{font-size:16px}.contact-copy p{font-size:14px;line-height:28px}}.project-card{transition:box-shadow .4s var(--spring)}.project-card:hover,.project-card:focus-visible{box-shadow:0 0 90px #f265224d}.contact-button:hover:before{transform:translate(3px,4px)}.contact-button:after{transition:transform .4s var(--spring)}.contact-button:hover:after{transform:translate(2px,6px)}.contact-button:hover span{transform:translate(1px)}.footer-inner{gap:44px}.footer-title{padding-bottom:45px;border-bottom:1px solid #242424}.footer-title p{font:400 24px/1.2 Clash Display,sans-serif;margin-bottom:20px}.email{font-size:125px}.email:hover{color:var(--white);-webkit-text-stroke:0}.socials a:hover svg{transform:none}@media(max-width:1199px){.footer-title p{font-size:14px}.email{font-size:clamp(28px,12.05vw,90px)}.footer-inner{gap:24px}.footer-title{padding-bottom:25px}}.socials a{width:24px;height:24px}.socials img{position:absolute;inset:0;width:100%;height:100%}.social-hover{opacity:0;transition:opacity .2s}.socials a:hover .social-hover,.socials a:focus-visible .social-hover{opacity:1}body{position:relative;isolation:isolate}body:before{height:auto;inset:0}.showreel-external{align-self:flex-end;font-size:12px;color:var(--muted);margin-top:-28px}.showreel-external:hover{color:var(--orange)}@media(max-width:1199px){.showreel-external{margin-top:0;margin-bottom:12px}}.arrow-tile{position:relative;flex:none;width:62px;height:62px;display:flex;align-items:center;justify-content:center;overflow:hidden}.arrow-fill,.arrow-outline{position:absolute;width:51px;height:49px;max-width:none;transition:transform .4s var(--spring)}.arrow-fill{left:6px;top:7px}.arrow-outline{left:2px;top:11px;overflow:visible}.arrow-window{position:relative;z-index:1;flex:none;width:54px;height:26px;overflow:hidden}.arrow-window span{position:absolute;width:18px;height:18px;transition:transform .4s var(--spring)}.arrow-window svg{display:block;width:18px;height:18px;fill:#000;transform:rotate(-45deg)}.arrow-out{left:18px;top:7px}.arrow-in{left:-6px;top:34px}.project-card:is(:hover,:focus-visible) .arrow-fill{transform:translate(2px,-3px)}.project-card:is(:hover,:focus-visible) .arrow-out{transform:translate(26px,-35px)}.project-card:is(:hover,:focus-visible) .arrow-in{transform:translate(26px,-32px)}@media(max-width:1199px){.arrow-tile{width:47px;height:48px}.arrow-fill,.arrow-outline{width:36px;height:35px}.project-card:is(:hover,:focus-visible) .arrow-fill{transform:none}.project-card:is(:hover,:focus-visible) .arrow-out{transform:translate(24px,-27px)}.project-card:is(:hover,:focus-visible) .arrow-in{transform:translate(24px,-27px)}}.contact-button{width:218px;height:77px;display:block;overflow:hidden;font-weight:700;line-height:1.2}.contact-button:before,.contact-button:after{inset:auto;clip-path:none;background-color:transparent;background-position:center;background-size:100% 100%;background-repeat:no-repeat;transform:none;transition:left .4s var(--spring),top .4s var(--spring),opacity .4s var(--spring)}.contact-button:before{width:193px;height:71px;left:calc(47.0046% - 96.5px);top:calc(43.0233% - 35.5px);background-image:url(assets/contact-fill.svg);opacity:0}.contact-button:after{width:195px;height:72px;left:calc(49.3088% - 97.5px);top:calc(48.8372% - 36px);background-image:url(assets/contact-outline.svg)}.contact-button span{position:absolute;left:50%;bottom:23px;white-space:nowrap;transform:translate(-50%);transition:color .4s var(--spring)}.contact-button:is(:hover,:focus-visible){overflow:visible}.contact-button:is(:hover,:focus-visible):before{left:calc(48.3871% - 96.5px);top:calc(47.6744% - 35.5px);opacity:1;transform:none}.contact-button:is(:hover,:focus-visible):after{left:calc(50.2304% - 97.5px);top:calc(100% - 72px);transform:none}.contact-button:is(:hover,:focus-visible) span{color:#131212;transform:translate(-50%)}.paper-button{display:block;overflow:hidden;line-height:1.2}.paper-button:before,.paper-button:after{inset:auto;transform:none;background-size:100% 100%;transition:left .4s var(--spring),top .4s var(--spring)}.paper-button:before{width:340px;height:90px;left:0;top:0;background-image:url(assets/button-fill.svg)}.paper-button:after{width:343px;height:88px;right:-1px;bottom:3px;background-image:url(assets/button-outline.svg)}.paper-button span{position:absolute;white-space:nowrap;left:48%;top:52%;transform:translate(-50%,-50%);transition:left .4s var(--spring),top .4s var(--spring)}.paper-button:is(:hover,:focus-visible){overflow:visible}.paper-button:is(:hover,:focus-visible):before{left:-6px;top:-3px;transform:none}.paper-button:is(:hover,:focus-visible) span{left:46%;top:48%;transform:translate(-50%,-50%)}.paper-button.medium:before{width:286px;height:75px;left:calc(49.1961% - 143px);top:calc(45.4545% - 37.5px);background-image:url(assets/button-medium-fill.svg)}.paper-button.medium:after{width:287px;height:76px;right:auto;bottom:auto;left:calc(51.4469% - 143.5px);top:calc(53.5354% - 38px);background-image:url(assets/button-medium-outline.svg)}.paper-button.medium span{left:49%}.paper-button.medium:is(:hover,:focus-visible):before{left:calc(47.91% - 143px);top:3px}.paper-button.medium:is(:hover,:focus-visible) span{left:47%;top:46%}@media(max-width:1199px){.header>.contact-button{display:none}.mobile-menu .contact-button{width:215px;height:80px;font-size:16px;overflow:hidden}.mobile-menu .contact-button:before{width:150px;height:58px;left:calc(48.8372% - 75px);top:-1px;background-image:url(assets/contact-mobile-fill.svg);opacity:1}.mobile-menu .contact-button:after{width:151px;height:59px;left:calc(50.2326% - 75.5px);top:4px;background-image:url(assets/contact-mobile-outline.svg)}.mobile-menu .contact-button span{left:49%;top:25px;bottom:auto;color:#131212}.paper-button,.paper-button.medium{width:280px;height:93px}.paper-button:before,.paper-button.medium:before{width:258px;height:68px;left:calc(48.5714% - 129px);top:calc(47.3118% - 34px);background-image:url(assets/button-small-fill.svg)}.paper-button:after,.paper-button.medium:after{width:260px;height:69px;right:auto;bottom:auto;left:calc(51.0714% - 130px);top:calc(53.7634% - 34.5px);background-image:url(assets/button-small-outline.svg)}.paper-button span,.paper-button.medium span{left:48%;top:53%}.paper-button:is(:hover,:focus-visible):before,.paper-button.medium:is(:hover,:focus-visible):before{left:calc(47.5% - 129px);top:6px}.paper-button:is(:hover,:focus-visible) span,.paper-button.medium:is(:hover,:focus-visible) span{left:47%;top:48%}}.embed-fallback{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;background:#171515;border:1px solid #343030}.embed-fallback strong{font-size:clamp(18px,3vw,32px)}.embed-fallback p{font-size:14px;color:#aaa}.embed-fallback a{background:#f26522;color:#131212;padding:14px 24px;font-weight:600}.embed-fallback a:hover{background:#ff7b35}.embed-fallback a:focus-visible{outline:2px solid white;outline-offset:4px}.portrait-window{position:absolute;bottom:0;width:100%;height:490px;overflow:hidden;container-type:inline-size;background:#626264;clip-path:polygon(1.3% 20.7%,91.6% 0,99.3% 92.2%,7.7% 92.2%)}.portrait-window img{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;transform-origin:0 0;pointer-events:none}@media(max-width:1199px){.portrait-window{height:369px}}.hero-reel-button{--reel-closed:77.139px;--reel-open:239.139px;position:relative;top:20px;z-index:4;display:block;flex-shrink:0;width:var(--reel-closed);height:77.139px;margin-top:24px;border:.569px solid rgba(255,163,121,.4);border-radius:41px;background:linear-gradient(90deg,#ff9a6c4d,#f566244d);backdrop-filter:blur(1.55px);overflow:hidden;transform-origin:center;animation:reel-enter .5s cubic-bezier(.6,0,.6,1) .6s both,reel-expand .4s cubic-bezier(.6,0,.6,1) 1.1s both}.hero-reel-button img{position:absolute;left:10px;top:10px;width:56px;height:56px;max-width:none}.hero-reel-button span{position:absolute;left:74px;top:18.5px;white-space:nowrap;color:#fff;font:500 32px/39px Clash Display,sans-serif;animation:reel-label .2s cubic-bezier(.6,0,.6,1) 1.3s both}.hero-reel-button:focus-visible{outline:2px solid #fff;outline-offset:5px}.hero-reel-button{scale:1;transition:scale .2s cubic-bezier(.6,0,.6,1)}.hero-reel-button:hover{scale:1.05}.hero-reel-button.is-pressed{scale:1;transition:none}.hero-reel-button+.portrait{margin-top:32px;flex-shrink:0}.hero{height:893px}@media(min-width:1440px){.hero{height:929px}}@keyframes reel-enter{0%{transform:scale(0)}to{transform:scale(1)}}.skills-marquee{animation:banner-reveal-left .6s cubic-bezier(.6,0,.6,1) 0ms both}.marquee-outline{animation:banner-reveal-right .6s cubic-bezier(.6,0,.6,1) 0ms both}@keyframes banner-reveal-left{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes banner-reveal-right{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){.skills-marquee,.marquee-outline{animation:none;clip-path:none}}@keyframes reel-expand{0%{width:var(--reel-closed)}to{width:var(--reel-open)}}@keyframes reel-label{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media(max-width:1199px){.hero{height:714px}.hero-reel-button{--reel-closed:61.71px;--reel-open:191.31px;height:61.71px;margin-top:16px}.hero-reel-button img{left:8px;top:8px;width:44.8px;height:44.8px}.hero-reel-button span{left:59.2px;top:14.8px;font-size:25.6px;line-height:31.2px}.hero-reel-button+.portrait{margin-top:20px}}@media(prefers-reduced-motion:reduce){.hero-reel-button{animation:none;width:var(--reel-open)}.hero-reel-button span{animation:none;opacity:1;transform:none}}body.theme-enabled{isolation:isolate}.theme-spread{position:fixed;inset:0;z-index:-2;pointer-events:none;visibility:hidden}body[data-theme=light],body[data-theme=light] .hero-reel-button span,body[data-theme=light] dialog,body[data-theme=light] .contact-page input,body[data-theme=light] .contact-page textarea,body[data-theme=light] .project-overview aside li,body[data-theme=light] .keywords span{color:#131212}body[data-theme=light] .heading-stroke,body[data-theme=light] .email:hover{-webkit-text-stroke-color:#131212}@media(prefers-reduced-motion:reduce){body[data-theme=light] .email:hover{color:#131212}}body.theme-enabled,.theme-enabled .hero-reel-button span,.theme-enabled dialog,.theme-enabled .contact-page input,.theme-enabled .contact-page textarea,.theme-enabled .project-overview aside li,.theme-enabled .keywords span{transition:color .4s cubic-bezier(.6,0,.6,1)}.theme-enabled .heading-stroke{transition:-webkit-text-stroke-color .4s cubic-bezier(.6,0,.6,1)}.theme-enabled .email{transition:color .4s cubic-bezier(.6,0,.6,1),-webkit-text-stroke-color .4s cubic-bezier(.6,0,.6,1)}@media(prefers-reduced-motion:reduce){body.theme-enabled,.theme-enabled .hero-reel-button span,.theme-enabled dialog,.theme-enabled .heading-stroke,.theme-enabled .email{transition:none}}:root{--theme-duration:.4s;--theme-easing:cubic-bezier(.6,0,.6,1)}.orbit-art i{transition:border-color var(--theme-duration) var(--theme-easing)}body[data-theme=light] .orbit-art i{border-color:#f2652242}@media(prefers-reduced-motion:reduce){.orbit-art i{transition:none}}body:before{transition:opacity var(--theme-duration) var(--theme-easing)}body.theme-enabled:after{content:"";position:absolute;inset:0 0 auto;height:5400px;pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(ellipse 1100px 1100px at -8% 250px,rgba(242,101,34,.25),transparent 78%),radial-gradient(ellipse 1000px 1200px at 110% 2100px,rgba(242,101,34,.25),transparent 75%),radial-gradient(ellipse 1000px 1000px at -8% 2900px,rgba(242,101,34,.25),transparent 75%);transition:opacity var(--theme-duration) var(--theme-easing)}body[data-theme=light]:before{opacity:0}body[data-theme=light]:after{opacity:1}@media(prefers-reduced-motion:reduce){body:before,body.theme-enabled:after{transition:none}}.marquee-outline{transition:border-color var(--theme-duration) var(--theme-easing)}body[data-theme=light] .marquee-outline{border-color:#131212}@media(prefers-reduced-motion:reduce){.marquee-outline{transition:none}}.logo{position:relative}.logo>img,.logo-light{transition:opacity var(--theme-duration) var(--theme-easing)}.logo-light{position:absolute;inset:0;opacity:0;pointer-events:none}.logo-light img{position:absolute;max-width:none}.logo-light-outline{left:2.27%;top:13.34%;width:97.83%;height:86.96%}.logo-light-fill{left:0;top:0;width:97.73%;height:86.36%}body[data-theme=light] .logo>img{opacity:0}body[data-theme=light] .logo-light{opacity:1}@media(prefers-reduced-motion:reduce){.logo>img,.logo-light{transition:none}}.desktop-nav a{transition:color var(--theme-duration) var(--theme-easing)}body[data-theme=light] .desktop-nav a:not([aria-current]):not(:hover){color:#5c5c5c}@media(prefers-reduced-motion:reduce){.desktop-nav a{transition:none}}:is(.header,.mobile-menu) .contact-button{isolation:isolate;color:#131212;font-weight:600}:is(.header,.mobile-menu) .contact-button:before,:is(.header,.mobile-menu) .contact-button:after{inset:auto;background-color:transparent;background-size:100% 100%;clip-path:none;transform:none;transition:left var(--theme-duration) var(--theme-easing),top var(--theme-duration) var(--theme-easing);pointer-events:none}:is(.header,.mobile-menu) .contact-button:before{width:97.14%;height:90.91%;left:0;top:0;background-image:url(assets/button-fill.svg);opacity:1;z-index:-1}:is(.header,.mobile-menu) .contact-button:after{width:98%;height:88.89%;inset:auto -1px 3px auto;background-image:url(assets/button-outline.svg);z-index:-2}:is(.header,.mobile-menu) .contact-button span{left:48%;top:52%;bottom:auto;color:#131212;transform:translate(-50%,-50%);transition:left var(--theme-duration) var(--theme-easing),top var(--theme-duration) var(--theme-easing)}:is(.header,.mobile-menu) .contact-button:is(:hover,:focus-visible):before{left:-6px;top:-3px;transform:none}:is(.header,.mobile-menu) .contact-button:is(:hover,:focus-visible):after{left:auto;top:auto;transform:none}:is(.header,.mobile-menu) .contact-button:is(:hover,:focus-visible) span{left:46%;top:48%;transform:translate(-50%,-50%)}@media(prefers-reduced-motion:reduce){:is(.header,.mobile-menu) .contact-button:before,:is(.header,.mobile-menu) .contact-button:after,:is(.header,.mobile-menu) .contact-button span{transition:none}}:is(.header,.mobile-menu) .contact-button{overflow:visible}:is(.header,.mobile-menu) .contact-button:before,:is(.header,.mobile-menu) .contact-button:after,:is(.header,.mobile-menu) .contact-button span{transition-duration:.2s}@media(prefers-reduced-motion:reduce){:is(.header,.mobile-menu) .contact-button:before,:is(.header,.mobile-menu) .contact-button:after,:is(.header,.mobile-menu) .contact-button span{transition-duration:0ms}}@media(min-width:1200px){.contact-route .header:after{content:"";display:block;width:218px;height:77px;flex-shrink:0}}@media(min-width:1200px){.contact-route .desktop-nav a:first-child{width:calc(2.69921875em + 16px)}}.trusted-logo-tile{display:block;position:relative;flex-shrink:0}.logo-ticker .trusted-logo-light{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity var(--theme-duration) var(--theme-easing)}body[data-theme=light] .trusted-logo-light{opacity:1}@media(prefers-reduced-motion:reduce){.logo-ticker .trusted-logo-light{transition:none}}.trusted-logo-tile>img:first-child{transition:opacity var(--theme-duration) var(--theme-easing)}body[data-theme=light] .trusted-logo-tile:has(.trusted-logo-light)>img:first-child{opacity:0}@media(prefers-reduced-motion:reduce){.trusted-logo-tile>img:first-child{transition:none}}.stat p{transition:color var(--theme-duration) var(--theme-easing)}body[data-theme=light] .stat p{color:#131212}@media(prefers-reduced-motion:reduce){.stat p{transition:none}}.contact-panel{transition:background-color var(--theme-duration) var(--theme-easing)}body[data-theme=light] .contact-panel{background-color:#fae8ce}@media(prefers-reduced-motion:reduce){.contact-panel{transition:none}}.contact-icons{transition:filter var(--theme-duration) var(--theme-easing)}body[data-theme=light] .contact-icons{filter:brightness(0) invert(1)}@media(prefers-reduced-motion:reduce){.contact-icons{transition:none}}.contact-copy p{transition:color var(--theme-duration) var(--theme-easing)}body[data-theme=light] .contact-copy p{color:#131212}@media(prefers-reduced-motion:reduce){.contact-copy p{transition:none}}.footer-bottom nav{font-family:Clash Display,sans-serif;font-size:18px;font-weight:500;line-height:1.2}.desktop-nav,.mobile-menu nav>a:not(.contact-button){font-family:Clash Display,sans-serif;font-size:18px;font-weight:500;line-height:1.2}.desktop-nav a[aria-current]{font-weight:500}@media(min-width:1200px){.contact-route .desktop-nav a:first-child{width:auto}}.portrait-window #portrait{top:0}.portrait-window img{transition:opacity var(--theme-duration) var(--theme-easing)}.portrait-window .portrait-light{top:0;opacity:0}body[data-theme=light] .portrait-window #portrait,body[data-theme=light] .portrait-window .portrait-light{opacity:1}@media(prefers-reduced-motion:reduce){.portrait-window img{transition:none}}.portrait-window #portrait{transform:scale(1.1);transform-origin:50% 25%}.home-page .stat strong,.home-page .project-caption h3{transition:color var(--theme-duration) var(--theme-easing)}.home-page .header,.home-page .mobile-menu{transition:background-color var(--theme-duration) var(--theme-easing)}.home-page .menu-toggle span{transition:transform .4s var(--spring),background-color var(--theme-duration) var(--theme-easing)}.home-page .footer-bottom nav a,.home-page .showreel-external,.home-page .mobile-menu nav>a{transition:color var(--theme-duration) var(--theme-easing)}.home-page[data-theme=light] .desktop-nav a[aria-current],.home-page[data-theme=light] .desktop-nav a:hover,.home-page[data-theme=light] .stat strong,.home-page[data-theme=light] .footer-bottom nav a:hover,.home-page[data-theme=light] .showreel-external:hover{color:#131212}.home-page[data-theme=light] .desktop-nav a[aria-current]{text-decoration:underline;text-decoration-color:#f26522;text-underline-offset:7px}.home-page[data-theme=light] .footer-bottom nav a,.home-page[data-theme=light] .showreel-external{color:#5c5c5c}.home-page[data-theme=light] .project-caption h3{color:#ededed}.home-page[data-theme=light] .project-caption{background:linear-gradient(transparent,#131212e6 70%,#131212)}.home-page[data-theme=light] :is(a,button,canvas):focus-visible{outline-color:#131212}.home-page .social-light{opacity:0;transition:opacity var(--theme-duration) var(--theme-easing)}.home-page[data-theme=light] .social-light{opacity:1}@media(max-width:1199px){.home-page[data-theme=light] .header,.home-page[data-theme=light] .mobile-menu{background-color:#fdf7ee}.home-page[data-theme=light] .mobile-menu nav>a:not(.contact-button){color:#131212}.home-page[data-theme=light] .mobile-menu nav>a[aria-current]{text-decoration:underline;text-decoration-color:#f26522;text-underline-offset:7px}.home-page[data-theme=light] .menu-toggle span{background-color:#131212}}@media(prefers-reduced-motion:reduce){.home-page .stat strong,.home-page .project-caption h3,.home-page .header,.home-page .mobile-menu,.home-page .menu-toggle span,.home-page .footer-bottom nav a,.home-page .showreel-external,.home-page .mobile-menu nav>a,.home-page .social-light{transition:none}}body .email:hover,body[data-theme=light] .email:hover{color:#f26522;-webkit-text-stroke:0}.work-route[data-theme=light] .desktop-nav a[aria-current]{color:#131212;text-decoration:underline;text-decoration-color:#f26522;text-underline-offset:7px}body .project-caption{background:none;isolation:isolate}body .project-caption:before,body .project-caption:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;transition:opacity var(--theme-duration) var(--theme-easing)}body .project-caption:before{background:linear-gradient(transparent,#131212);opacity:1}body .project-caption:after{background:linear-gradient(#fff0,#fff6);opacity:0}body[data-theme=light] .project-caption{background:none}body[data-theme=light] .project-caption:before{opacity:0}body[data-theme=light] .project-caption:after{opacity:1}body[data-theme=light] .project-caption h3{color:#131212;text-shadow:0 0 48px #FFFFFF}body .project-caption h3{transition:color var(--theme-duration) var(--theme-easing),text-shadow var(--theme-duration) var(--theme-easing)}@media(prefers-reduced-motion:reduce){body .project-caption:before,body .project-caption:after,body .project-caption h3{transition:none}}body .footer-bottom nav{display:flex;gap:36px;font:500 18px/1.2 Clash Display,sans-serif}body .footer-bottom nav a{padding:4px 8px;color:var(--muted);transition:color var(--theme-duration) var(--theme-easing)}body .footer-bottom nav a:is(:hover,[aria-current]){color:#f26522}body[data-theme=light] .footer-bottom nav a{color:#5c5c5c}body[data-theme=light] .footer-bottom nav a:is(:hover,[aria-current]){color:#131212}body[data-theme=light] .footer-bottom nav a[aria-current]{text-decoration:underline;text-decoration-color:#f26522;text-underline-offset:7px}body .social-light{opacity:0;transition:opacity var(--theme-duration) var(--theme-easing)}body[data-theme=light] .social-light{opacity:1}@media(prefers-reduced-motion:reduce){body .footer-bottom nav a,body .social-light{transition:none}}body .footer .socials a .social-hover{z-index:2;transition:opacity var(--theme-duration) var(--theme-easing)}body .footer .socials a .social-light{z-index:1}body .footer .socials a:is(:hover,:focus-visible) .social-hover{opacity:1}@media(prefers-reduced-motion:reduce){body .footer .socials a .social-hover{transition:none}}.hero .blur{transition:opacity var(--theme-duration) var(--theme-easing)}.hero .blur-light{opacity:0;pointer-events:none}body[data-theme=light] .hero .blur:not(.blur-light){opacity:0}body[data-theme=light] .hero .blur-light{opacity:1}@media(prefers-reduced-motion:reduce){.hero .blur{transition:none}}@media(max-width:599px){.header{height:64px;padding:12px 20px}.mobile-menu:not([hidden]){inset:64px 0 0}.menu-open main{padding-top:64px}.hero{height:auto}.hero-content{height:auto;padding-top:12px;padding-bottom:48px}.hero-intro .intro-line{width:120px;height:8.5px;margin:5px auto 0}.hero-heading{margin-top:8px}.hero-heading h1,.heading-stroke{font-size:clamp(33.6px,9.6vw,40px);line-height:1.14}.hero-reel-button{top:0;--reel-closed:70.59624px;--reel-open:218.85864px;height:70.59624px;margin-top:32px}.hero-reel-button img{left:9.152px;top:9.152px;width:51.2512px;height:51.2512px}.hero-reel-button span{left:67.7248px;top:16.9312px;font-size:29.2864px;line-height:35.6928px}.hero-reel-button+.portrait{width:174px;height:184.8px;margin-top:32px;animation:none}.portrait-window{height:184.8px}.portrait-border{width:177.6px;height:151.2px;right:-4px;top:-8px}.skills-marquee,.marquee-outline{bottom:0}.moon{width:192px;height:192px;right:-70.32px;top:0}.works>.section-title.reveal{opacity:1;transform:none}}body[data-theme=light] .graph{filter:brightness(.88)}body[data-theme=light] .footer .footer-bottom nav>:is(a,button),body[data-theme=light] .footer .footer-bottom nav>a:is(:hover,[aria-current]),body[data-theme=light] .footer .footer-bottom nav>button:hover{color:#404040}.home-page .first-fold-entry{animation:first-fold-intro 1s cubic-bezier(.44,0,.56,1) var(--entry-delay,.2s) both!important}.home-page .first-fold-entry.reveal{transition:none;transform:none}@keyframes first-fold-intro{0%{opacity:0;translate:0 20px}to{translate:0 0}}@media(prefers-reduced-motion:reduce){.home-page .first-fold-entry{animation:none!important}}.home-page .works>.section-title h2{scale:1.25}@media(min-width:600px){.home-page .hero{zoom:1.25}}@media(min-width:600px)and (max-width:1199px){.home-page .hero{height:auto}.home-page .hero-content{height:auto;width:calc(100% - 80px);max-width:900px;margin:0 auto;padding:16px 0 56px}.home-page .hero-intro{width:auto}.home-page .greeting{font-size:16px;line-height:28px}.home-page .hero-intro .intro-line{width:144px;height:10px;margin:7px auto 0}.home-page .hero-heading{margin-top:16px}.home-page .hero-heading h1,.home-page .heading-stroke{font-size:clamp(48px,5.5vh,64px);line-height:1.14}.home-page .heading-stroke{-webkit-text-stroke-width:.2px}.home-page .hero-reel-button{--reel-open:clamp(210px,24vh,255px);--reel-closed:calc(var(--reel-open)*.32256);height:var(--reel-closed);top:0;margin-top:36px;border-radius:60px}.home-page .hero-reel-button img{left:calc(var(--reel-closed)*.12964);top:calc(var(--reel-closed)*.12964);width:calc(var(--reel-closed)*.726);height:calc(var(--reel-closed)*.726)}.home-page .hero-reel-button span{left:calc(var(--reel-closed)*.9593);top:calc(var(--reel-closed)*.23983);font-size:calc(var(--reel-closed)*.41484);line-height:1.21875}.home-page .hero-reel-button+.portrait{--portrait-width:clamp(180px,20vh,230px);width:var(--portrait-width);height:calc(var(--portrait-width)*1.06207);margin-top:40px;animation:none}.home-page .portrait-window{height:100%}.home-page .portrait-border{width:calc(var(--portrait-width)*1.0207);height:calc(var(--portrait-width)*.869);right:-5px;top:-10px}.home-page .moon{width:230px;height:230px;right:-20px;top:35px}.home-page .blur{left:32px;top:310px}.home-page .clock{right:12px;top:270px}.home-page .skills-marquee{height:75px;bottom:0;transform:rotate(-3deg)}.home-page .marquee-outline{height:75px;bottom:0;transform:rotate(2deg)}.home-page .skill{font-size:28px;gap:16px}.home-page .skill b{font-size:32px}.home-page .works{padding-top:56px;gap:32px}.home-page .works>.section-title.reveal{opacity:1;transform:none}.home-page .works>.section-title h2{font-size:30px}}@media(min-width:1200px){.home-page .hero{height:auto}.home-page .hero-content{height:auto;width:calc(100% - 280px);max-width:none;margin:0 auto;padding:16px 0 56px}.home-page .greeting{font-size:18px;line-height:28px}.home-page .hero-intro .intro-line{width:160px;height:11px;margin:7px auto 0}.home-page .hero-heading{margin-top:16px}.home-page .hero-heading h1,.home-page .heading-stroke{font-size:clamp(56px,6.7vh,76px);line-height:1.14}.home-page .heading-stroke{inset:2px -3px auto 3px;-webkit-text-stroke-width:.2px}.home-page .hero-reel-button{--reel-open:clamp(210px,24vh,255px);--reel-closed:calc(var(--reel-open)*.32256);height:var(--reel-closed);top:0;margin-top:36px;border-radius:60px}.home-page .hero-reel-button img{left:calc(var(--reel-closed)*.12964);top:calc(var(--reel-closed)*.12964);width:calc(var(--reel-closed)*.726);height:calc(var(--reel-closed)*.726)}.home-page .hero-reel-button span{left:calc(var(--reel-closed)*.9593);top:calc(var(--reel-closed)*.23983);font-size:calc(var(--reel-closed)*.41484);line-height:1.21875}.home-page .hero-reel-button+.portrait{--portrait-width:clamp(216px,27.6vh,300px);width:var(--portrait-width);height:calc(var(--portrait-width)*1.06207);margin-top:40px;animation:none}.home-page .portrait-window{height:100%}.home-page .portrait-border{width:calc(var(--portrait-width)*1.0207);height:calc(var(--portrait-width)*.869);right:-5px;top:-10px}.home-page .moon{width:362px;height:362px;right:-71px;top:73px}.home-page .blur{width:65px;height:65px;left:42.5px;top:435px}.home-page .clock{right:-76px;top:367px}.home-page .skills-marquee{height:80px;bottom:0;transform:rotate(-3deg)}.home-page .marquee-outline{height:80px;bottom:0;transform:rotate(2deg)}.home-page .skill{font-size:32px;gap:18px}.home-page .skill b{font-size:36px}.home-page .works{padding-top:56px;gap:32px}.home-page .works>.section-title.reveal{opacity:1;transform:none}.home-page .works>.section-title h2{font-size:32px}.home-page .works>.section-title img{width:180px;height:10px}}@media(max-width:599px){.home-page .works{padding-top:56px}}.home-page .keyframe{width:92px;height:92px;left:19%;top:315px;transform:rotate(-14deg);touch-action:none}.home-page .pick-whip{width:130px;height:100px;right:17%;top:330px;transform:rotate(12deg);touch-action:none}@media(min-width:600px)and (max-width:1199px){.home-page .keyframe{width:72px;height:72px;left:15%;top:255px}.home-page .pick-whip{width:100px;height:84px;right:13%;top:310px}}@media(max-width:599px){.home-page .decoration:not(.mobile-decoration){display:none}.home-page .keyframe{width:48px;height:48px;left:6px;top:300px}.home-page .pick-whip{width:64px;height:60px;right:0;top:330px}}.home-page .hero-content{--rive-drag-width:695px;--rive-drag-height:655px}@media(max-width:1199px){.home-page .hero-content{--rive-drag-width:335px;--rive-drag-height:315px}}.home-page .pick-whip{--rive-content-width:130;--rive-content-height:100;--drag-width:var(--rive-drag-width);--drag-height:var(--rive-drag-height);width:var(--drag-width);height:var(--drag-height);margin-right:calc((130px - var(--drag-width))/2);margin-top:calc((100px - var(--drag-height))/2);scale:.805}@media(min-width:600px)and (max-width:1199px){.home-page .pick-whip{--rive-content-width:100;--rive-content-height:84;margin-right:calc((100px - var(--drag-width))/2);margin-top:calc((84px - var(--drag-height))/2)}}@media(max-width:599px){.home-page .pick-whip{--rive-content-width:64;--rive-content-height:60;margin-right:calc((64px - var(--drag-width))/2);margin-top:calc((60px - var(--drag-height))/2)}}.home-page .pick-whip{z-index:2}.home-page .graph{z-index:3}.home-page .keyframe,.home-page .moon{z-index:4}.home-page .rive-burst-waiting{visibility:hidden}.home-page .rive-burst-entry{animation:rive-burst .5s cubic-bezier(0,.41,.36,1.01) var(--burst-delay,0ms) both,rive-burst-opacity .5s linear var(--burst-delay,0ms) backwards!important}@keyframes rive-burst-opacity{0%{opacity:0}}@keyframes rive-burst{0%{translate:var(--burst-x) var(--burst-y);scale:0}to{translate:var(--burst-translate,0 0);scale:var(--burst-scale,1)}}@media(prefers-reduced-motion:reduce){.home-page .rive-burst-entry{animation:none!important}}.home-page .keyframe.rive-burst-entry{animation:rive-burst .5s cubic-bezier(0,.41,.36,1.01) var(--burst-delay,0ms) both,rive-burst-opacity .5s linear var(--burst-delay,0ms) backwards,keyframe-wiggle 2.8s ease-in-out calc(var(--burst-delay,0ms) + .5s) infinite!important}@keyframes keyframe-wiggle{0%,to{rotate:-8deg}50%{rotate:8deg}}@media(prefers-reduced-motion:reduce){.home-page .keyframe.rive-burst-entry{animation:none!important}}@media(max-width:599px){.home-page .decoration[data-mobile-slot=left-top]{left:4px;right:auto;top:112px}.home-page .decoration[data-mobile-slot=left-bottom]{left:8px;right:auto;top:292px}.home-page .moon[data-mobile-slot=right-top]{right:-70.32px;left:auto;top:0}.home-page .decoration[data-mobile-slot=right-bottom]{right:0;left:auto;top:292px}}.project-personal-badge{position:absolute;right:18px;top:18px;z-index:3;display:block;padding:12px 18px 9px;background:#f26522;color:#131212;clip-path:polygon(0 18%,100% 0,100% 100%,0 100%);font:600 14px/1.2 Space Grotesk,sans-serif;pointer-events:none}@media(max-width:599px){.project-personal-badge{right:12px;top:12px;font-size:12px;padding:10px 14px 8px}}@media(min-width:1200px){.desktop-nav{gap:clamp(12px,2vw,36px)}}body .footer{height:auto;min-height:605px;padding-top:80px;padding-bottom:80px}body .footer-bottom{gap:32px}body .footer-bottom nav{flex-wrap:wrap;gap:16px 24px}body .footer-bottom .socials{flex-shrink:0}@media(max-width:1199px){body .footer{min-height:423px;padding-top:64px;padding-bottom:48px}}@media(min-width:600px)and (max-width:1199px){body .footer-bottom{align-items:flex-start}body .footer-bottom nav{width:auto}}body .footer-title{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:32px}body .footer-title>p{grid-column:1/-1}body .footer-title .email{font-size:clamp(28px,7.3vw,112px);min-width:0}body .footer-title>.socials{justify-self:end;align-self:center;gap:24px}body .footer-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px}body .footer-bottom nav{width:auto;justify-content:flex-start;gap:16px 24px}body .footer-legal{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-shrink:0;font:500 14px/1.4 Clash Display,sans-serif;color:var(--muted)}body .footer-legal a,body .footer-legal button{padding:4px 0}body .footer-legal button{border:0;background:none;font:inherit;color:inherit;cursor:pointer}body .footer-legal :is(a,button):hover{color:var(--orange)}body[data-theme=light] .footer-legal{color:#404040}@media(max-width:1199px){body .footer-title .email{font-size:clamp(28px,7vw,80px)}body .footer-title>.socials{gap:16px}}@media(max-width:599px){body .footer-title{column-gap:12px}body .footer-title .email{font-size:clamp(22px,6.1vw,36px)}body .footer-title>.socials{gap:10px}body .footer-title>.socials a{width:20px;height:20px}body .footer-bottom{gap:16px;align-items:center}body .footer-bottom nav{gap:8px;font-size:12px}body .footer-bottom nav a{padding:4px 0}body .footer-legal{gap:10px;font-size:11px}body .footer-legal a{max-width:none}}body .footer .footer-title .email{font-size:clamp(28px,7.3vw,112px)}body .footer .footer-bottom nav{flex-wrap:nowrap;white-space:nowrap;width:auto}@media(max-width:1199px){body .footer .footer-title .email{font-size:clamp(28px,7vw,80px)}}@media(max-width:599px){body .footer .footer-title .email{font-size:clamp(22px,6.1vw,36px)}body .footer .footer-bottom nav{font-size:12px;gap:8px}}body .footer .footer-title>.socials{align-self:end;padding-bottom:12px}body .footer .footer-title>.socials a{width:40px;height:40px}@media(max-width:1199px){body .footer .footer-title>.socials{padding-bottom:8px}body .footer .footer-title>.socials a{width:32px;height:32px}}@media(max-width:599px){body .footer .footer-title{column-gap:10px}body .footer .footer-title>.socials{gap:8px;padding-bottom:3px}body .footer .footer-title>.socials a{width:24px;height:24px}}.home-page #project-grid .project-card .thumbnail{opacity:1}.home-page #project-grid .project-card.preview-playing .thumbnail{opacity:0}.home-page .trusted{gap:32px;padding-bottom:32px}.home-page .logo-strips{flex-direction:row}.home-page .logo-ticker{width:100%;min-width:0}@media(max-width:1199px){.home-page .trusted{gap:24px;padding-bottom:16px}}@media(max-width:599px){.home-page .hero-reel-button+.portrait{--portrait-width:clamp(144px,16vh,184px)}}.home-page .work-content>.showreel{width:80%;max-width:1000px;align-self:center}@media(max-width:599px){.home-page .work-content>.showreel{width:100%}}.home-page .hero-content{padding-bottom:40px}.home-page #project-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px;align-items:stretch}.home-page #project-grid>:is(.project-card,.showreel-tile){display:block;height:100%;min-width:0;aspect-ratio:auto;border-radius:0}.home-page #project-grid .project-caption{padding:72px 16px 16px}@media(max-width:1199px){.home-page .works{padding-left:20px;padding-right:20px}}@media(max-width:599px){.home-page #project-grid{gap:24px}.home-page #project-grid .project-caption{padding:56px 14px 14px}}.home-page .works.work-entry-waiting{opacity:0;translate:0 20px}.home-page .works.work-entry-running{animation:first-fold-intro 1s cubic-bezier(.44,0,.56,1) both}@media(prefers-reduced-motion:reduce){.home-page .works.work-entry-running{animation:none}}body.home-page:before,body.home-page.theme-enabled:after{inset:0;height:auto}@media(hover:none)and (pointer:coarse){.home-page .pick-whip{pointer-events:none;touch-action:pan-y}}@media(max-width:599px){body:is(.home-page,.about-route,.work-route,.freebies-route,.privacy-route) .footer{height:auto;min-height:0;padding-top:32px;padding-bottom:40px}.home-page .numbers{padding-bottom:24px}}body:is(.home-page,.about-route)[data-theme=light] .stat p{font-weight:400;color:#131212}body:is(.home-page,.about-route) .numbers{height:200px;margin-top:0}body:is(.home-page,.about-route) .numbers-inner{padding:0 52px;flex-direction:row;gap:0;transform:none!important}body:is(.home-page,.about-route) .stat{flex:1}body:is(.home-page,.about-route) .stat+.stat{border-left:1px solid #4c4848}body:is(.home-page,.about-route) .stat strong{font-size:72px;color:var(--orange)}body:is(.home-page,.about-route) .stat-star{left:calc(50% - 75px)}@media(max-width:1199px){body:is(.home-page,.about-route) .numbers{height:570px;margin-top:24px}body:is(.home-page,.about-route) .numbers-inner{padding:0;flex-direction:column;gap:65px}body:is(.home-page,.about-route) .stat{flex:initial}body:is(.home-page,.about-route) .stat+.stat{border-left:0}body:is(.home-page,.about-route) .stat strong{font-size:64px}body:is(.home-page,.about-route) .stat p{font-size:13px;line-height:28px}body:is(.home-page,.about-route) .stat-star{left:8px;top:-10px}}body:is(.home-page,.about-route)[data-theme=light] .stat strong{color:#f26522}body:is(.home-page,.about-route) .stat strong{width:fit-content;margin-inline:auto}body:is(.home-page,.about-route) .stat-star{--stat-star-size:32px;width:var(--stat-star-size);left:calc(50% - var(--stat-number-width,100px)/2 - var(--stat-star-size) - 8px);top:-10px}@media(max-width:1199px){body:is(.home-page,.about-route) .stat-star{--stat-star-size:18px}}@media(max-width:599px){body:is(.home-page,.about-route) footer.footer{padding-top:64px;padding-bottom:64px}}