.hero-section{width:100%;padding-inline:calc(var(--spacing,.25rem)*4);padding-top:calc(var(--spacing,.25rem)*20)}@media (min-width:48rem){.hero-section{padding-top:calc(var(--spacing,.25rem)*30)}}.hero-content{width:100%;max-width:calc(var(--spacing,.25rem)*152);margin-inline:auto}.hero-headline{font-family:var(--font-display,var(--font-crimson-pro),Georgia,serif);font-size:var(--text-display,clamp(1.75rem,1.511rem + 1.018vw,2rem));line-height:var(--tw-leading,var(--text-display--line-height,1.2));letter-spacing:var(--tw-tracking,var(--text-display--letter-spacing,-.02em));font-weight:var(--tw-font-weight,var(--text-display--font-weight,450));color:var(--color-neutral-950,#0c0a09);text-wrap:pretty}@supports (color:lab(0% 0 0)){.hero-headline{color:var(--color-neutral-950,lab(2.86037% .455312 .568903))}}.hero-description{margin-top:calc(var(--spacing,.25rem)*6);font-family:var(--font-sans,var(--font-geist-sans),sans-serif);font-size:var(--text-body-lg,1.125rem);line-height:var(--tw-leading,var(--text-body-lg--line-height,1.65));color:var(--color-neutral-500,#79716b);text-wrap:pretty}@supports (color:lab(0% 0 0)){.hero-description{color:var(--color-neutral-500,lab(48.1164% 2.35701 4.26852))}}.hero-description-link{border-radius:var(--radius-sm,.25rem);text-decoration-line:underline;-webkit-text-decoration-color:var(--color-neutral-300,#d6d3d1);-webkit-text-decoration-color:var(--color-neutral-300,#d6d3d1);-webkit-text-decoration-color:var(--color-neutral-300,#d6d3d1);text-decoration-color:var(--color-neutral-300,#d6d3d1);text-underline-offset:3px;text-decoration-skip-ink:none;transition-property:color,text-decoration-color;transition-duration:var(--duration-moderate);transition-timing-function:var(--ease-hover);text-decoration-thickness:1px}@supports (color:lab(0% 0 0)){.hero-description-link{-webkit-text-decoration-color:var(--color-neutral-300,lab(84.7909% .928015 1.59738));-webkit-text-decoration-color:var(--color-neutral-300,lab(84.7909% .928015 1.59738));-webkit-text-decoration-color:var(--color-neutral-300,lab(84.7909% .928015 1.59738));text-decoration-color:var(--color-neutral-300,lab(84.7909% .928015 1.59738))}}.hero-description-link:hover{color:var(--color-neutral-950,#0c0a09);-webkit-text-decoration-color:var(--color-neutral-950,#0c0a09);-webkit-text-decoration-color:var(--color-neutral-950,#0c0a09);-webkit-text-decoration-color:var(--color-neutral-950,#0c0a09);text-decoration-color:var(--color-neutral-950,#0c0a09)}@supports (color:lab(0% 0 0)){.hero-description-link:hover{color:var(--color-neutral-950,lab(2.86037% .455312 .568903));-webkit-text-decoration-color:var(--color-neutral-950,lab(2.86037% .455312 .568903));-webkit-text-decoration-color:var(--color-neutral-950,lab(2.86037% .455312 .568903));-webkit-text-decoration-color:var(--color-neutral-950,lab(2.86037% .455312 .568903));text-decoration-color:var(--color-neutral-950,lab(2.86037% .455312 .568903))}}.hero-tags{margin-top:calc(var(--spacing,.25rem)*12)}.hero-tags.scroll-fade-text{margin-inline:calc(var(--spacing,.25rem)*-.5);margin-top:calc(calc(var(--spacing,.25rem)*12) - 2px);margin-bottom:calc(var(--spacing,.25rem)*-.5);padding:calc(var(--spacing,.25rem)*.5)}
.card-surface-scrim{pointer-events:none;--cg-s:calc(100 - var(--cg-reach,40));--cg-span:calc(100 - var(--cg-s));--cg-max:var(--cg-opacity,.6);background:linear-gradient(to top,transparent calc(var(--cg-s)*1%),rgb(0 0 0/calc(var(--cg-max)*var(--cg-e1,.018)))calc((var(--cg-s) + var(--cg-span)*.1)*1%),rgb(0 0 0/calc(var(--cg-max)*var(--cg-e2,.075)))calc((var(--cg-s) + var(--cg-span)*.2)*1%),rgb(0 0 0/calc(var(--cg-max)*var(--cg-e3,.177)))calc((var(--cg-s) + var(--cg-span)*.3)*1%),rgb(0 0 0/calc(var(--cg-max)*var(--cg-e4,.324)))calc((var(--cg-s) + var(--cg-span)*.4)*1%),rgb(0 0 0/calc(var(--cg-max)*var(--cg-e5,.5)))calc((var(--cg-s) + var(--cg-span)*.5)*1%),rgb(0 0 0/calc(var(--cg-max)*var(--cg-e6,.676)))calc((var(--cg-s) + var(--cg-span)*.6)*1%),rgb(0 0 0/calc(var(--cg-max)*var(--cg-e7,.823)))calc((var(--cg-s) + var(--cg-span)*.7)*1%),rgb(0 0 0/calc(var(--cg-max)*var(--cg-e8,.925)))calc((var(--cg-s) + var(--cg-span)*.8)*1%),rgb(0 0 0/calc(var(--cg-max)*var(--cg-e9,.982)))calc((var(--cg-s) + var(--cg-span)*.9)*1%),rgb(0 0 0/var(--cg-max))100%);position:absolute;inset:0}
@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-leading:initial}}}.case-card{border-radius:var(--radius-3xl,1.5rem);width:100%;display:block}.case-card--button{color:inherit;font:inherit;text-align:inherit;cursor:pointer;appearance:none;background:0 0;border:0;padding:0}@media (prefers-reduced-motion:no-preference){.case-card{transition:scale .15s var(--ease-hover)}.case-card:active{scale:.98}}.case-card-tile{border-radius:var(--radius-3xl,1.5rem);aspect-ratio:4/5;isolation:isolate;width:100%;box-shadow:0 0 0 1px var(--color-neutral-200);transition:transform .18s var(--ease-hover);position:relative;overflow:hidden;container-type:inline-size}@media (min-width:48rem){.case-card-tile[data-format=landscape]{aspect-ratio:5/4}}.case-card-tile:after{content:"";pointer-events:none;z-index:20;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff}.case-card-bg{position:absolute;inset:0}.case-card-img{max-width:none;height:auto;position:absolute}.case-card-figure{pointer-events:none;inset-inline:0;position:absolute;top:0}@media (hover:hover) and (pointer:fine){.case-card:hover .case-card-tile{transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.case-card-tile{transition:none}.case-card:hover .case-card-tile{transform:none}}.case-card-star{--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:calc(calc(1/2*100%)*-1);width:54px;height:54px;translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;top:50%;left:50%}.case-card-star-float{width:100%;height:100%;animation:2.8s cubic-bezier(.45,0,.55,1) infinite alternate star-float;display:block}@keyframes star-float{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}.case-card-lock{top:calc(var(--spacing,.25rem)*4);right:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);color:var(--color-white,#fff);position:absolute}@media (prefers-reduced-motion:reduce){.case-card-star-float{animation:none;transform:none}}.case-card-content{z-index:10;flex-direction:column;display:flex;position:absolute;inset:0}.case-card-caption{gap:var(--spacing,.25rem);padding-inline:calc(var(--spacing,.25rem)*6);padding-top:calc(var(--spacing,.25rem)*6);color:var(--color-white,#fff);flex-direction:column;display:flex}@media (min-width:48rem){.case-card-caption{padding-inline:calc(var(--spacing,.25rem)*8);padding-top:calc(var(--spacing,.25rem)*8)}}.case-card-window{pointer-events:none;margin-top:calc(var(--spacing,.25rem)*16);margin-left:calc(var(--spacing,.25rem)*6);flex:1;min-height:0;position:relative}.case-card-window[data-place=inset]{margin-right:calc(var(--spacing,.25rem)*6)}.case-card-company{font-family:var(--font-sans,var(--font-geist-sans),sans-serif);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5);opacity:.8;text-wrap:pretty}.case-card-desc{font-family:var(--font-display,var(--font-crimson-pro),Georgia,serif);letter-spacing:-.02em;text-wrap:pretty;font-size:1.25rem;font-weight:450;line-height:1.1}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}
.case-grid{gap:calc(var(--spacing,.25rem)*4);flex-direction:column;width:100%;display:flex;position:relative}@media (min-width:48rem){.case-grid{align-items:flex-start;gap:calc(var(--spacing,.25rem)*6);flex-direction:row}}.case-grid-column{display:contents}@media (min-width:48rem){.case-grid-column{gap:calc(var(--spacing,.25rem)*6);flex-direction:column;flex:1;min-width:0;display:flex}}
@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-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}.projects-section{width:100%;padding-inline:calc(var(--spacing,.25rem)*4);padding-top:calc(var(--spacing,.25rem)*24)}@media (min-width:48rem){.projects-section{padding-top:calc(var(--spacing,.25rem)*40)}}.projects-section{scroll-margin-top:5rem}.projects-label{margin-inline:auto;margin-bottom:calc(var(--spacing,.25rem)*12);width:100%;max-width:calc(var(--spacing,.25rem)*152);font-family:var(--font-sans,var(--font-geist-sans),sans-serif);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-leading:1.12;--tw-font-weight:var(--font-weight-normal,400);line-height:1.12;font-weight:var(--font-weight-normal,400);--tw-tracking:-.015em;letter-spacing:-.015em;color:var(--color-neutral-400,#a6a09b)}@supports (color:lab(0% 0 0)){.projects-label{color:var(--color-neutral-400,lab(66.2166% 1.88044 3.20326))}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}