@layer tokens,reset,base,layout,components,motion;@layer tokens{:root{--color-bg: #000;--color-bg-surface: rgba(255, 255, 255, .08);--color-bg-overlay: rgba(15, 15, 15, .8);--color-bg-overlay-surface: rgba(255, 255, 255, .03);--color-text-primary: #d1d1d1;--color-text-secondary: #7c7c7c;--color-cta: #b88114;--color-cta-bg: rgba(184, 129, 20, .1);--color-cta-bg-hover: rgba(184, 129, 20, .18);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 10px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-20: 80px;--space-40: 160px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-heading: 32px;--container-tight: 480px;--container-wide: 1568px;--duration-interaction: .2s;--duration-view-transition: .42s;--duration-page-transition: .52s;--duration-reveal: .9s;--easing-standard: ease-out;--easing-emphasized: cubic-bezier(.22, 1, .36, 1);--easing-reveal: cubic-bezier(.22, .61, .36, 1)}}@layer reset{*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*::selection{color:var(--color-bg);background-color:var(--color-text-primary)}}@layer base{html,body{min-height:100dvh;background:var(--color-bg);color:var(--color-text-secondary);font-family:var(--font-suisse),sans-serif;font-weight:400;font-size:var(--font-size-md);line-height:1.5;-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}.heading-text,.work-card-title{width:100%;color:var(--color-text-primary);font-weight:500}.text-block .heading-text{font-size:var(--font-size-heading);font-weight:400;letter-spacing:-.16px}.body-text{width:100%}.text-block{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);width:100%;max-width:var(--container-tight)}.text-block--centered{text-align:center}.text-block--fluid{max-width:none}.email-chip{margin-top:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);line-height:1;vertical-align:middle;border-radius:var(--radius-md);background:var(--color-bg-surface);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-5)}.email-chip__link{color:var(--color-text-primary);transition:color var(--duration-interaction) var(--easing-standard)}.email-chip__copy{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);background:var(--color-text-primary);color:var(--color-bg);cursor:pointer;transition:background var(--duration-interaction) var(--easing-standard),color var(--duration-interaction) var(--easing-standard)}.email-chip__copy--copied{background:var(--color-cta);color:var(--color-text-primary)}.email-chip__copy svg{position:absolute;transition:opacity var(--duration-interaction) var(--easing-standard)}.email-chip__copy .icon-copy{opacity:1}.email-chip__copy .icon-check,.email-chip__copy--copied .icon-copy{opacity:0}.email-chip__copy--copied .icon-check{opacity:1}@media(hover:hover)and (pointer:fine){.email-chip__link:hover{color:var(--color-text-primary)}}}@layer layout{.page-shell{width:100%;transform-origin:center top;will-change:opacity,transform,filter;transition:opacity var(--duration-page-transition) var(--easing-standard),transform var(--duration-page-transition) var(--easing-emphasized),filter var(--duration-view-transition) var(--easing-emphasized)}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%;max-width:var(--container-wide);margin-inline:auto;background:var(--color-bg);padding-inline:var(--space-6)}.page--home,.page--work{gap:var(--space-20);padding-top:100px;padding-bottom:220px}.page--about{gap:120px;padding-top:100px;padding-bottom:240px}.showreel{width:100%;max-height:810px;aspect-ratio:1920 / 1080;border-radius:8px;overflow:hidden}.showreel video{width:100%;height:100%;object-fit:cover}.work-grid{display:grid;grid-template-columns:1fr;gap:var(--space-12);width:100%}.work-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%}.work-card-media,.work-cover{position:relative;width:100%;aspect-ratio:640 / 480;border-radius:var(--radius-sm);overflow:hidden}.work-card-media img,.work-card-media video,.work-cover img,.work-cover video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.work-grid>*{min-width:0}.work-card-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.work-card-desc{width:100%;font-size:var(--font-size-sm)}.about-section{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:var(--container-tight)}.about-section--spacious{gap:var(--space-5)}.about-section--compact{gap:var(--space-2)}.about-body p+p{margin-top:10px}@media(min-width:768px){.page{padding-inline:var(--space-7)}.page--home,.page--work{gap:var(--space-40);padding:260px 64px 64px}.page--about{padding-top:260px;padding-bottom:160px}.work-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-20) var(--space-10)}}}@layer motion{@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-on-load{opacity:0;transform:translateY(12px);animation:fadeUp var(--duration-reveal) var(--easing-reveal) forwards;animation-delay:var(--delay, .15s)}.animate-on-scroll{opacity:0;transform:translateY(12px);transition:opacity var(--duration-reveal) var(--easing-reveal),transform var(--duration-reveal) var(--easing-reveal)}.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}}}@layer components{.navbar{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-6));left:50%;transform:translate(-50%);width:100%;max-width:min(var(--container-tight),calc(100vw - var(--space-10)));display:flex;flex-direction:column;align-items:stretch;border-radius:var(--radius-lg);background:var(--color-bg-overlay);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;z-index:50;font-size:var(--font-size-sm);@media(min-width:768px){top:var(--space-7);bottom:auto}}.navbar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4)}.navbar-profile{display:flex;align-items:center;flex:1;min-width:0;gap:var(--space-3)}.navbar-avatar{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-sm);object-fit:cover}.navbar-identity{display:flex;flex-direction:column;min-width:0}.navbar-name{color:var(--color-text-primary);font-weight:500}:where(.navbar-title,.navbar-meta-row,.navbar-link-text){color:var(--color-text-secondary)}.navbar-meta{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.navbar-meta-row{display:flex;align-items:center;gap:var(--space-1);white-space:nowrap}.navbar-meta-text--expanded{display:none}.navbar-meta-icon{width:14px;height:14px;flex-shrink:0}.navbar-links{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-lg);background:var(--color-bg-overlay-surface)}.navbar-main-links{display:flex;align-items:center;gap:var(--space-1)}.navbar-link{position:relative;border-radius:var(--radius-md);transition:background-color var(--duration-interaction) var(--easing-standard);&:active:not(.active){background-color:var(--color-bg-surface)}&:is(.active,:active) .navbar-link-text{color:var(--color-text-primary)}@media(hover:hover)and (pointer:fine){&:hover{background-color:var(--color-bg-surface)}}}.navbar-link-bg{position:absolute;inset:0;z-index:0;border-radius:inherit;background:var(--color-bg);pointer-events:none}::view-transition-group(navbar-active-bg){z-index:0;animation-duration:var(--duration-view-transition);animation-timing-function:var(--easing-emphasized)}::view-transition-old(navbar-active-bg),::view-transition-new(navbar-active-bg){animation-duration:var(--duration-view-transition);animation-timing-function:var(--easing-emphasized)}::view-transition-group(navbar-label-home),::view-transition-group(navbar-label-work),::view-transition-group(navbar-label-about){z-index:1}.navbar-link-inner,.navbar-contact{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4)}.navbar-link-inner{z-index:1}.navbar-link-text{white-space:nowrap;transition:color var(--duration-interaction) var(--easing-standard)}.navbar-contact{border-radius:var(--radius-md);background:var(--color-cta-bg);color:var(--color-cta);font-weight:500;white-space:nowrap;transition:background-color var(--duration-interaction) var(--easing-standard);@media(hover:hover)and (pointer:fine){&:hover{background:var(--color-cta-bg-hover)}}}@media(min-width:480px){.navbar-meta-text--expanded{display:inline}.navbar-meta-text--collapsed{display:none}.navbar-link-inner,.navbar-contact{padding-inline:var(--space-5)}}}@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}