/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-weight-medium:500;--font-weight-semibold:600;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}}:root{--color-background:#080808;--color-surface:#fff;--color-text-primary:#fff;--color-text-muted:#ffffff80;--color-project-overlay:#0003;--color-play-button:#00000080;--font-regular:"Host Grotesk:Regular";--font-medium:"Host Grotesk:Medium";--font-semibold:"Host Grotesk:SemiBold";--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-size-name:24px;--font-size-body:20px;--font-size-name-mobile:20px;--font-size-body-mobile:16px;--line-height-tight:1.2;--line-height-body:1.28;--page-padding-top:0px;--page-padding-bottom:24px;--page-padding-x-mobile:24px;--page-padding-x-desktop:64px;--page-gap:32px;--hero-gap:36px;--hero-gap-mobile:28px;--bio-gap:22px;--bio-gap-mobile:18px;--intro-gap:8px;--social-gap:18px;--social-gap-mobile:12px;--project-card-gap:16px;--project-grid-gap:24px;--work-padding-y:48px;--work-peek-height:28px;--work-peek-offset:calc(var(--page-gap) + var(--work-padding-y) + var(--work-peek-height));--footer-gap:16px;--hero-viewport-height:100svh;--hero-viewport-padding-y:64px;--hero-viewport-padding-y-mobile:32px;--hero-media-size:min(368px, calc(100vw - 48px));--hero-media-size-mobile:min(300px, calc(100vw - 48px), 42svh);--project-grid-columns-mobile:1;--project-grid-columns-tablet:2;--project-grid-columns-desktop:4;--radius-hero:6px;--radius-project:6px;--radius-play-button:999px;--transition-duration:.3s;--entrance-distance:10px;--entrance-duration:.7s;--entrance-ease:cubic-bezier(.22, 1, .36, 1);--play-button-padding:8px;--play-icon-size:24px;--play-button-blur:4px}@font-face{font-family:Host Grotesk\:Regular;font-style:normal;font-weight:400;src:url(https://static.figma.com/font/HostGrotesk_wght__1)format("woff2")}@font-face{font-family:Host Grotesk\:Medium;font-style:normal;font-weight:500;src:url(https://static.figma.com/font/HostGrotesk_wght__1)format("woff2")}@font-face{font-family:Host Grotesk\:SemiBold;font-style:normal;font-weight:600;src:url(https://static.figma.com/font/HostGrotesk_wght__1)format("woff2")}html,body,#root{background:var(--color-background);height:100%}*{box-sizing:border-box}body{margin:0}@keyframes reveal-up{0%{opacity:0;transform:translate3d(0, var(--entrance-distance), 0)}to{opacity:1;transform:translate(0)}}.app{background:var(--color-background);width:100%;min-height:100vh}.page-shell{align-items:center;gap:var(--page-gap);padding:var(--page-padding-top) var(--page-padding-x-mobile) var(--page-padding-bottom);flex-direction:column;display:flex}.hero{align-items:center;gap:var(--hero-gap-mobile);min-height:var(--hero-viewport-height);padding:var(--hero-viewport-padding-y-mobile) 0;flex-direction:column;justify-content:center;width:100%;display:flex}.hero-media{aspect-ratio:16/9;background:var(--color-background);border-radius:var(--radius-hero);clip-path:inset(0 round var(--radius-hero));max-width:var(--hero-media-size-mobile);width:var(--hero-media-size-mobile);flex-shrink:0;overflow:hidden}.hero-video{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.003)}.hero-media,.intro,.bio-copy,.clients,.socials,.project-card,.footer-text{animation:reveal-up var(--entrance-duration) var(--entrance-ease) both}.hero-media{animation-delay:80ms}.bio{align-items:center;gap:var(--bio-gap-mobile);flex-direction:column;width:100%;display:flex}.intro{animation-delay:.17s}.bio-copy{animation-delay:.26s}.clients{animation-delay:.35s}.socials{animation-delay:.44s}.intro{align-items:center;gap:var(--intro-gap);text-align:center;flex-direction:column;width:100%;display:flex}.name,.role,.bio-copy,.clients,.social-link,.social-divider,.project-title,.footer-text{text-align:center;width:100%;margin:0}.name{color:var(--color-text-primary);font-family:var(--font-semibold);font-size:var(--font-size-name-mobile);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.role,.social-link,.social-divider{color:var(--color-text-muted);font-family:var(--font-medium);font-size:var(--font-size-body-mobile);font-weight:var(--font-weight-medium);line-height:var(--line-height-body)}.project-title{color:var(--color-text-muted);font-family:var(--font-medium);font-size:var(--font-size-body-mobile);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}.bio-copy,.clients,.footer-text{color:var(--color-text-muted);font-family:var(--font-regular);font-size:var(--font-size-body-mobile);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}.bio-copy,.clients{text-wrap:pretty;max-width:min(100%,550px)}.socials{align-items:center;gap:var(--social-gap-mobile);flex-wrap:wrap;justify-content:center;display:flex}.social-item{align-items:center;gap:var(--social-gap-mobile);display:flex}.social-link{transition:color var(--transition-duration);width:auto;text-decoration:none}.social-link:hover{color:var(--color-text-primary)}.social-divider{width:auto}.work{margin-top:calc(var(--work-peek-offset) * -1);padding:var(--work-padding-y) 0;width:100%}.projects-grid{gap:var(--project-grid-gap);grid-template-columns:repeat(var(--project-grid-columns-mobile), minmax(0, 1fr));display:grid}.project-card{cursor:pointer;gap:var(--project-card-gap);flex-direction:column;text-decoration:none;display:flex}.project-card:first-child{animation-delay:.54s}.project-card:nth-child(2){animation-delay:.61s}.project-card:nth-child(3){animation-delay:.68s}.project-card:nth-child(4){animation-delay:.75s}.project-media{aspect-ratio:1;border-radius:var(--radius-project);position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-overlay,.project-play-layer{opacity:0;transition:opacity var(--transition-duration);position:absolute;inset:0}.project-overlay{background:var(--color-project-overlay);border-radius:var(--radius-project)}.project-play-layer{will-change:opacity;justify-content:center;align-items:center;display:flex}.project-play-button{-webkit-backdrop-filter:blur(var(--play-button-blur));backdrop-filter:blur(var(--play-button-blur));background:var(--color-play-button);border-radius:var(--radius-play-button);padding:var(--play-button-padding);transform:translateZ(0)}.project-play-icon{height:var(--play-icon-size);width:var(--play-icon-size);display:block}.project-title{transition:color var(--transition-duration)}.project-card:hover .project-overlay,.project-card:hover .project-play-layer{opacity:1}.project-card:hover .project-title{color:var(--color-text-primary)}.footer{align-items:flex-start;gap:var(--footer-gap);flex-wrap:wrap;justify-content:space-between;width:100%;display:flex}.footer-text{text-align:left;width:auto}.footer-text:first-child{animation-delay:.86s}.footer-text:nth-child(2){animation-delay:.93s}@media (prefers-reduced-motion:reduce){.hero-media,.intro,.bio-copy,.clients,.socials,.project-card,.footer-text{opacity:1;animation:none;transform:none}}@media (width>=640px){.projects-grid{grid-template-columns:repeat(var(--project-grid-columns-tablet), minmax(0, 1fr))}}@media (width<=767px) and (height<=700px){:root{--font-size-name-mobile:20px;--font-size-body-mobile:15px;--hero-gap-mobile:20px;--bio-gap-mobile:14px;--hero-viewport-padding-y-mobile:20px;--hero-media-size-mobile:min(240px, calc(100vw - 48px), 36svh)}}@media (width>=768px){.page-shell{padding-left:var(--page-padding-x-desktop);padding-right:var(--page-padding-x-desktop)}.hero{gap:var(--hero-gap);padding-bottom:var(--hero-viewport-padding-y);padding-top:var(--hero-viewport-padding-y)}.hero-media{max-width:var(--hero-media-size);width:var(--hero-media-size)}.bio{gap:var(--bio-gap)}.name{font-size:var(--font-size-name)}.role,.clients,.social-link,.social-divider,.project-title,.footer-text,.bio-copy{font-size:var(--font-size-body)}.socials,.social-item{gap:var(--social-gap)}}@media (width>=1024px){.projects-grid{grid-template-columns:repeat(var(--project-grid-columns-desktop), minmax(0, 1fr))}}