@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-50{z-index:50}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-\[65vh\]{height:65vh}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-auto{width:auto}.w-full{width:100%}.min-w-full{min-width:100%}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-transparent{border-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.object-cover{object-fit:cover}.text-center{text-align:center}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:opacity-70:is(:where(.group):hover *){opacity:.7}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}body{background-color:#fff;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cardPop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}#work>.grid{animation:.42s cubic-bezier(.2,.7,.2,1) both fadeScaleIn}#work>.grid>a article,#work>.grid>a>article,#work>.grid>*>article{animation:.48s cubic-bezier(.2,.7,.2,1) both cardPop}#work>.grid>:first-child article{animation-delay:30ms}#work>.grid>:nth-child(2) article{animation-delay:60ms}#work>.grid>:nth-child(3) article{animation-delay:90ms}#work>.grid>:nth-child(4) article{animation-delay:.12s}#work>.grid>:nth-child(5) article{animation-delay:.15s}#work>.grid>:nth-child(6) article{animation-delay:.18s}#work>.grid>:nth-child(7) article{animation-delay:.21s}#work>.grid>:nth-child(8) article{animation-delay:.24s}#work>.relative{animation:.42s cubic-bezier(.2,.7,.2,1) both fadeSlideIn}#work>.relative .flex[style*=translateX]{will-change:transform}@media (prefers-reduced-motion:reduce){#work>.grid,#work>.grid>a article,#work>.grid>a>article,#work>.relative{animation:none!important}}:is(#work,#cinematography,#music,#tv)>.grid{animation:.42s cubic-bezier(.2,.7,.2,1) both fadeScaleIn}:is(#work,#cinematography,#music,#tv)>.grid>a article,:is(#work,#cinematography,#music,#tv)>.grid>a>article,:is(#work,#cinematography,#music,#tv)>.grid>*>article{animation:.48s cubic-bezier(.2,.7,.2,1) both cardPop}:is(#work,#cinematography,#music,#tv)>.grid>:first-child article{animation-delay:30ms}:is(#work,#cinematography,#music,#tv)>.grid>:nth-child(2) article{animation-delay:60ms}:is(#work,#cinematography,#music,#tv)>.grid>:nth-child(3) article{animation-delay:90ms}:is(#work,#cinematography,#music,#tv)>.grid>:nth-child(4) article{animation-delay:.12s}:is(#work,#cinematography,#music,#tv)>.grid>:nth-child(5) article{animation-delay:.15s}:is(#work,#cinematography,#music,#tv)>.grid>:nth-child(6) article{animation-delay:.18s}:is(#work,#cinematography,#music,#tv)>.grid>:nth-child(7) article{animation-delay:.21s}:is(#work,#cinematography,#music,#tv)>.grid>:nth-child(8) article{animation-delay:.24s}:is(#work,#cinematography,#music,#tv)>.relative{animation:.42s cubic-bezier(.2,.7,.2,1) both fadeSlideIn}:is(#work,#cinematography,#music,#tv)>.relative .flex[style*=translateX]{will-change:transform}@media (prefers-reduced-motion:reduce){:is(#work,#cinematography,#music,#tv)>.grid,:is(#work,#cinematography,#music,#tv)>.grid>a article,:is(#work,#cinematography,#music,#tv)>.grid>a>article,:is(#work,#cinematography,#music,#tv)>.relative{animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}