.ui__collection{background-color:hsl(var(--card));border-radius:.75rem;display:flex;flex-direction:column;justify-content:space-between}@media (hover:hover) and (pointer:fine){.ui__collection:hover{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}}.ui__collection .heading{font-size:clamp(1.25rem,1.17rem + .34vw,1.5rem);font-weight:600;line-height:1.4}.ui__collection:hover .heading{color:hsl(var(--primary-foreground))}.ui__collection .icon{height:1.25rem;width:auto}@media (min-width:1024px){.ui__collection .icon{height:2.25rem}}@media (min-width:1280px){.ui__collection .icon{height:2.5rem}}.ui__collection-header{display:flex;padding:1.5rem 1.5rem 1rem}.ui__collection-header .texts{flex-grow:1}.ui__collection-header .texts>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.ui__collection-thumb{background-color:hsl(var(--secondary));border-radius:.375rem;margin:.5rem!important;overflow:hidden}.ui__collection-thumb img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ui__collection-thumb:hover img{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ui__work{display:inline-flex;flex-direction:column}.ui__work>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}@media (min-width:768px){.ui__work>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}}@media (min-width:640px){.ui__work.featured{grid-column:span 2/span 2}}.ui__work-header .heading{font-size:clamp(1.25rem,1.17rem + .34vw,1.5rem);font-weight:600;line-height:1.4;margin-bottom:0}.ui__work-header p{color:hsl(var(--card-foreground));font-size:clamp(1rem,.92rem + .34vw,1.25rem);line-height:1.6;margin-top:0}.ui__work-thumb{border-radius:.125rem;flex-grow:1;overflow:hidden}.ui__work-thumb img{height:100%;-o-object-fit:cover;object-fit:cover;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.ui__work:hover .ui__work-thumb{--tw-ring-color:hsl(var(--primary))}.ui__work:hover img{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.project{--offset:clamp(1rem,.54rem + 2.04vw,2.5rem);display:flex;margin-top:20%;min-height:calc(100dvh - clamp(1rem,.54rem + 2.04vw,2.5rem));position:-webkit-sticky;position:sticky;top:clamp(1rem,.54rem + 2.04vw,2.5rem)}.project__wrapper{height:100%;perspective:250vw;width:100%}.project__wrapper.light *{color:hsl(var(--background))}.project__content{display:flex;flex-direction:column;gap:clamp(1rem,.39rem + 2.72vw,3rem)!important;overflow:hidden}@media (min-width:640px){.project__content{gap:clamp(.75rem,.52rem + 1.02vw,1.5rem)!important}}.project__content{background:var(--color);box-shadow:0 4px 32px -8px #00000024;perspective:250vw;transform-origin:50% 10%;transform-style:preserve-3d}.project__content.light *{color:hsl(var(--background))}.project__content .top{align-items:last baseline;display:flex;justify-content:space-between}.project__content .bottom{display:flex;flex-direction:column-reverse;flex-grow:1;gap:clamp(1rem,.69rem + 1.36vw,2rem);justify-content:space-between}@media (min-width:640px){.project__content .bottom{flex-direction:row}}.project__heading{font-size:clamp(3rem,2.08rem + 4.08vw,6rem);font-weight:500;letter-spacing:-.025em;line-height:1}.project__heading .title{font:inherit;margin:0}.project__data{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;gap:clamp(1rem,.69rem + 1.36vw,2rem)}.project__data .num{align-self:flex-end;font-size:clamp(3rem,2.08rem + 4.08vw,6rem);font-weight:500;letter-spacing:-.025em;line-height:1.1;margin:0}@media not all and (min-width:640px){.project__data .num{display:none}}.project__data .description{flex-grow:1;font-size:clamp(1rem,.9rem + .43vw,1.3125rem);line-height:1.4;margin:0}@media (min-width:640px){.project__data .description{flex-grow:0;width:32vw}}.project__cover{margin:0;width:100%}@media not all and (min-width:640px){.project__cover{aspect-ratio:1/1}}@media (min-width:640px){.project__cover{width:max(42.5%,35vw)}}.project__cover:before{content:"";float:left;padding-bottom:50%}.project__cover:after{clear:both;content:"";display:table}.project__cover img{border-radius:.125rem;height:100%;margin:0;-o-object-fit:cover;object-fit:cover;width:100%}.post-nav{display:flex}.post-nav>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-color:hsl(var(--border));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.post-nav{border-bottom-width:1px;border-top-width:1px}.post-nav .prev{justify-content:flex-start}.post-nav .prev .post-nav__label{align-items:flex-start}.post-nav .next{justify-content:flex-end}.post-nav .next .post-nav__label{align-items:flex-end}.post-nav__link{align-items:center;display:flex;gap:.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2rem clamp(1rem,.39rem + 2.72vw,3rem);position:relative;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:50%}@media (hover:hover) and (pointer:fine){.post-nav__link:hover{background-color:hsl(var(--secondary));cursor:pointer}}.post-nav__link.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.post-nav__icon{flex-shrink:0;height:clamp(1rem,.69rem + 1.36vw,2rem);transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:clamp(1rem,.69rem + 1.36vw,2rem)}.post-nav__label{display:flex;flex-direction:column;flex-shrink:1;overflow:hidden}.post-nav__label .subhead{color:hsl(var(--muted-foreground));font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(.75rem,.71rem + .17vw,.875rem);line-height:1.1;text-align:left;text-transform:uppercase}.post-nav__label .title{font-size:clamp(1.25rem,1.17rem + .34vw,1.5rem);font-weight:600;line-height:1.4;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.project__item,.project__list--header{width:100%}.project__item .title,.project__list--header .title{grid-column:span 6/span 6}@media (min-width:640px){.project__item .title,.project__list--header .title{grid-column:span 5/span 5}}@media (min-width:768px){.project__item .title,.project__list--header .title{grid-column:span 2/span 2}}.project__item .meta,.project__list--header .meta{display:none}@media (min-width:768px){.project__item .meta,.project__list--header .meta{display:block;grid-column:span 4/span 4}}.project__item .more,.project__item .year,.project__list--header .more,.project__list--header .year{grid-column:span 1/span 1}@media (min-width:640px){.project__item .more,.project__list--header .more{grid-column:span 2/span 2}}@media (min-width:768px){.project__item .more,.project__list--header .more{grid-column:span 1/span 1}}.project__item .wrapper,.project__list--header{align-items:flex-end;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));justify-content:space-between;padding-bottom:clamp(.75rem,.52rem + 1.02vw,1.5rem);padding-top:clamp(.75rem,.52rem + 1.02vw,1.5rem)}.project__list--header>div{color:hsl(var(--muted-foreground)/.6);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(.75rem,.71rem + .17vw,.875rem);font-weight:600;line-height:1.6;text-transform:uppercase}.project__item{position:relative;transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.project__item:hover{background-color:hsl(var(--card))}}.project__item:first-child{border-top-width:1px}.project__item :where(.archived) *,.project__item :where(.disabled) *{color:hsl(var(--muted))}.project__item :where(.archived) .meta,.project__item :where(.disabled) .meta{opacity:.35}.project__item :where(.archived) .title{text-decoration:line-through}.project__item .title{font-size:clamp(1.5rem,1.35rem + .68vw,2rem);font-weight:500;letter-spacing:-.015em;line-height:1.2;margin:0}@media (min-width:768px){.project__item .title{font-size:clamp(1.75rem,1.37rem + 1.7vw,3rem);letter-spacing:-.015em;line-height:1.1}}.project__item .meta{gap:.375rem}@media (min-width:768px){.project__item .meta{display:flex}}.project__item .badge{text-transform:capitalize}.project__item .badge.cat{outline-color:hsl(var(--accent))}.project__item .year{align-self:flex-end;font-size:clamp(1rem,.9rem + .43vw,1.3125rem);line-height:1.4}.project__item .more{align-items:center;align-self:end;display:flex;flex:1;font-weight:500;gap:.5em;justify-content:end;visibility:hidden}.project__item:hover .more{visibility:visible}.project__item .hover-reveal{aspect-ratio:4/3;height:auto;width:clamp(12.5rem,9.6301rem + 12.7551vw,21.875rem)}
