*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*::selection{color:#000;background-color:#b3b3b3}html,body{min-height:100vh;background:#000;color:#757575;font-family:var(--font-suisse),sans-serif;font-weight:400;font-size:16px;line-height:22px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}ul{list-style:none}img,video{display:block;-webkit-user-drag:none;user-select:none}.navbar{position:fixed;top:32px;left:50%;transform:translate(-50%);width:480px;max-width:calc(100vw - 48px);display:flex;column-gap:4px;align-items:flex-start;justify-content:center;padding:4px;border-radius:50px;background:#161514cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:50}.navbar-link{position:relative;flex:1 0 0;min-height:1px;min-width:1px;border-radius:46px;transition:background-color .3s ease-out}.navbar-link:hover{background-color:#222}.navbar-link:active:not(.active){background-color:#111}.navbar-link-pill{position:absolute;inset:0;border-radius:inherit;background:#000;z-index:0;pointer-events:none}::view-transition-group(navbar-active-pill){z-index:0;animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(navbar-active-pill),::view-transition-new(navbar-active-pill){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(navbar-label-home),::view-transition-group(navbar-label-work),::view-transition-group(navbar-label-about){z-index:1}.navbar-link-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;padding:12px 24px}.navbar-link-text{font-size:14px;line-height:20px;white-space:nowrap;color:#7d7d7d;transition:color .2s ease-out}.navbar-link.active .navbar-link-text,.navbar-link:active .navbar-link-text{color:#b3b3b3}.page-shell{width:100%;transition:opacity .52s ease-out,transform .52s cubic-bezier(.22,1,.36,1),filter .42s cubic-bezier(.22,1,.36,1);transform-origin:center top;will-change:opacity,transform,filter}body.is-nav-pending .page-shell{opacity:0;transform:scale(.992);filter:blur(8px);pointer-events:none}.page{display:flex;flex-direction:column;align-items:center;width:100%;background:#000;padding-left:24px;padding-right:24px}.page--home{gap:140px;padding-top:240px;padding-bottom:140px}.page--work{gap:140px;padding-top:240px;padding-bottom:24px}.page--about{gap:80px;padding-top:176px;padding-bottom:140px}.heading-text,.work-card-title{font-weight:500;color:#b3b3b3;width:100%}.body-text{width:100%}.body-text--leading-0{line-height:0}.body-text--leading-0 span,.body-text--leading-0 a{line-height:22px}.content-block{display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:center;max-width:840px;width:100%}.text-block{display:flex;flex-direction:column;gap:8px;align-items:flex-start;max-width:480px;width:100%}.text-block--gap-10{gap:10px}.text-block--no-max{max-width:none}.link-gold{color:#b88114;text-decoration:underline;text-decoration-skip-ink:none;cursor:pointer;transition:color .2s ease-out}.link-gold:hover{color:#d19a1b}.email-highlight{color:#b3b3b3;text-decoration:underline}.showreel{width:100%;max-width:1488px;max-height:720px;aspect-ratio:1920 / 1080;overflow:hidden}.showreel video{width:100%;height:100%;object-fit:cover}.work-grid{display:grid;grid-template-columns:1fr;gap:80px 24px;width:100%;max-width:1488px}@media(min-width:768px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.work-grid{grid-template-columns:repeat(3,1fr)}}.work-card{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%}.work-card-media{position:relative;width:100%;aspect-ratio:640 / 480;overflow:hidden}.work-card-media img,.work-card-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.work-card-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.work-card-desc{font-size:14px;line-height:20px;width:100%}.about-section{display:flex;flex-direction:column;align-items:flex-start;max-width:480px;width:100%}.about-section--gap-16{gap:16px}.about-section--gap-8{gap:8px}.avatar{width:48px;height:48px;border-radius:4px}.about-body p+p{margin-top:10px}.recognitions-list{line-height:0;list-style:disc}.recognitions-list li{margin-inline-start:24px;list-style:disc}.recognitions-list li span{line-height:22px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-on-load{opacity:0;transform:translateY(12px);animation:fadeUp .9s cubic-bezier(.22,.61,.36,1) forwards}.animate-on-load[data-delay="0"]{animation-delay:.15s}.animate-on-load[data-delay="0.1"]{animation-delay:.25s}.animate-on-load[data-delay="0.2"]{animation-delay:.35s}.animate-on-load[data-delay="0.3"]{animation-delay:.45s}.animate-on-scroll{opacity:0;transform:translateY(12px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}.animate-on-load{opacity:1;transform:none;animation:none}.animate-on-scroll,.animate-on-scroll.is-visible{opacity:1;transform:none;transition:none}}@media(max-width:768px){.navbar{max-width:calc(100vw - 32px);bottom:calc(16px + env(safe-area-inset-bottom,0px));top:auto}.navbar-link-inner{padding:16px 24px}.page{padding-left:16px;padding-right:16px}.page--home{padding-top:100px;padding-bottom:120px;gap:80px}.page--work{padding-top:100px;padding-bottom:100px;gap:80px}.page--about{padding-top:100px;padding-bottom:120px;gap:80px}.work-grid{gap:48px}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}