@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-tracking:initial;--tw-border-style:solid;--tw-duration:initial;--tw-font-weight:initial}}}.about-section{background-color:var(--color-black,#000);width:100%;min-height:100vh;padding-inline:calc(var(--spacing,.25rem) * 8);padding-top:calc(var(--spacing,.25rem) * 32);padding-bottom:calc(var(--spacing,.25rem) * 32);flex-direction:column;display:flex;position:relative}@media (min-width:768px){.about-section{padding-inline:calc(var(--spacing,.25rem) * 16);flex-direction:row}}.tech-column{gap:calc(var(--spacing,.25rem) * 8);flex-direction:column;flex:1;display:flex}@media (min-width:768px){.tech-column{top:calc(var(--spacing,.25rem) * 32);height:fit-content;position:sticky}}.tech-title{max-width:150px;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em);color:var(--color-muted,var(--muted));text-transform:uppercase}.tech-grid{margin-top:calc(var(--spacing,.25rem) * 8);max-width:var(--container-sm,24rem);gap:calc(var(--spacing,.25rem) * 4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:640px){.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tech-box{aspect-ratio:1;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 3);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a;flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.tech-box{border-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}.tech-box{padding:calc(var(--spacing,.25rem) * 4);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.tech-box:hover{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.tech-box:hover{border-color:color-mix(in oklab, var(--color-white,#fff) 20%, transparent)}}.tech-box:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.tech-box:hover{background-color:color-mix(in oklab, var(--color-white,#fff) 5%, transparent)}}}.tech-name{--tw-tracking:var(--tracking-tighter,-.05em);letter-spacing:var(--tracking-tighter,-.05em);color:var(--color-muted,var(--muted));text-transform:uppercase;font-size:10px}@media (hover:hover){.tech-name:is(:where(.group):hover *){color:var(--color-foreground,var(--foreground))}}.blog-column{margin-top:calc(var(--spacing,.25rem) * 20);gap:calc(var(--spacing,.25rem) * 24);flex-direction:column;flex:1.5;display:flex}@media (min-width:768px){.blog-column{margin-top:calc(var(--spacing,.25rem) * 0)}}.blog-item{gap:calc(var(--spacing,.25rem) * 6);flex-direction:column;display:flex}.blog-label{--tw-font-weight:var(--font-weight-bold,700);font-size:10px;font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em);color:var(--color-accent,var(--accent));text-transform:uppercase}.blog-content{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em)}@media (min-width:768px){.blog-content{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)))}}.blog-link{margin-top:calc(var(--spacing,.25rem) * 4);align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-bottom-style:var(--tw-border-style);border-color:#ffffff1a;border-bottom-width:1px;width:fit-content;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.blog-link{border-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}.blog-link{padding-bottom:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em);color:var(--color-muted,var(--muted));text-transform:uppercase;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.blog-link:hover{color:var(--color-foreground,var(--foreground))}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
@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-font-weight:initial;--tw-tracking:initial;--tw-border-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.aboutme-section{gap:calc(var(--spacing,.25rem) * 12);background-color:var(--color-black,#000);width:100%;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 20);flex-direction:column;display:flex}@media (min-width:21rem){.aboutme-section{padding-inline:calc(var(--spacing,.25rem) * 8)}}@media (min-width:48rem){.aboutme-section{padding-inline:calc(var(--spacing,.25rem) * 16)}}.aboutme-title{margin-bottom:calc(var(--spacing,.25rem) * 8);font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em)}@media (min-width:48rem){.aboutme-title{font-size:var(--text-5xl,3rem);line-height:var(--tw-leading,var(--text-5xl--line-height,1))}}.bento-grid{gap:calc(var(--spacing,.25rem) * 4);grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:250px;display:grid}@media (min-width:48rem){.bento-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:300px}}.bento-card{border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a;border-radius:2rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.bento-card{border-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}.bento-card{background-color:#18181b4d}@supports (color:color-mix(in lab, red, red)){.bento-card{background-color:color-mix(in oklab, var(--color-zinc-900,lab(8.30603% .618212 -2.16573)) 30%, transparent)}}.bento-card{padding:calc(var(--spacing,.25rem) * 4);--tw-backdrop-blur:blur(var(--blur-md,12px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;transition-duration:.5s}@media (min-width:21rem){.bento-card{padding:calc(var(--spacing,.25rem) * 8)}}@media (hover:hover){.bento-card:hover{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bento-card:hover{border-color:color-mix(in oklab, var(--color-white,#fff) 20%, transparent)}}.bento-card:hover{background-color:#18181b66}@supports (color:color-mix(in lab, red, red)){.bento-card:hover{background-color:color-mix(in oklab, var(--color-zinc-900,lab(8.30603% .618212 -2.16573)) 40%, transparent)}}}.card-bio{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:color-mix(in oklab, var(--color-zinc-900,#18181b) 10%, transparent);--tw-gradient-to:color-mix(in oklab, var(--color-zinc-900,#18181b) 60%, transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));flex-direction:column;justify-content:flex-end;display:flex}@supports (color:lab(0% 0 0)){.card-bio{--tw-gradient-from:color-mix(in oklab, var(--color-zinc-900,lab(8.30603% .618212 -2.16573)) 10%, transparent);--tw-gradient-to:color-mix(in oklab, var(--color-zinc-900,lab(8.30603% .618212 -2.16573)) 60%, transparent)}}@media (min-width:48rem){.card-bio{grid-area:span 2/span 2/span 2/span 2}.card-principles{grid-area:span 1/span 2/span 1/span 2}}.card-location{justify-content:space-between;align-items:center;display:flex}@media (min-width:48rem){.card-location{grid-area:span 1/span 2/span 1/span 2}}.card-cta{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 6);text-align:center;flex-direction:column;display:flex}@media (min-width:48rem){.card-cta{grid-area:span 1/span 1/span 1/span 1}}.card-cta{background-color:#27272a66}@supports (color:color-mix(in lab, red, red)){.card-cta{background-color:color-mix(in oklab, var(--color-zinc-800,lab(15.7305% .613749 -2.16959)) 40%, transparent)}}.card-tech{justify-content:space-between;align-items:center;display:flex;overflow:hidden}@media (min-width:48rem){.card-tech{grid-area:span 1/span 3/span 1/span 3}}.isometric-code{pointer-events:none;top:calc(var(--spacing,.25rem) * 8);right:calc(var(--spacing,.25rem) * 8);opacity:.4;width:100%;height:100%;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.7s;transition-duration:.7s;position:absolute;transform:perspective(1000px)rotateX(15deg)rotateY(-15deg)rotate(5deg)scale(.9)}.bento-card:hover .isometric-code{transform:perspective(1000px)rotateX(15deg)rotateY(-15deg)rotate(5deg)scale(.95)}.pill{border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a;border-radius:3.40282e38px}@supports (color:color-mix(in lab, red, red)){.pill{border-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}.pill{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.pill{background-color:color-mix(in oklab, var(--color-black,#000) 40%, transparent)}}.pill{padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 1.5);--tw-font-weight:var(--font-weight-bold,700);font-size:10px;font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em);white-space:nowrap;text-transform:uppercase;--tw-backdrop-blur:blur(var(--blur-sm,8px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.pill-accent{border-color:var(--color-accent,var(--accent))}@supports (color:color-mix(in lab, red, red)){.pill-accent{border-color:color-mix(in oklab, var(--color-accent,var(--accent)) 20%, transparent)}}.pill-accent{background-color:var(--color-accent,var(--accent))}@supports (color:color-mix(in lab, red, red)){.pill-accent{background-color:color-mix(in oklab, var(--color-accent,var(--accent)) 5%, transparent)}}.pill-accent{color:var(--color-accent,var(--accent))}.globe-icon{pointer-events:none;top:50%;right:calc(var(--spacing,.25rem) * 0);height:calc(var(--spacing,.25rem) * 32);width:calc(var(--spacing,.25rem) * 32);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);opacity:.2;position:absolute}@media (min-width:48rem){.globe-icon{height:calc(var(--spacing,.25rem) * 48);width:calc(var(--spacing,.25rem) * 48)}}.blog-link{margin-top:calc(var(--spacing,.25rem) * 4);align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-bottom-style:var(--tw-border-style);border-color:#ffffff1a;border-bottom-width:2px;width:fit-content;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.blog-link{border-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}.blog-link{padding-bottom:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em);color:var(--color-muted,var(--muted));text-transform:uppercase;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.blog-link:hover{color:var(--color-foreground,var(--foreground))}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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}
@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-font-weight:initial;--tw-tracking:initial;--tw-border-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-leading:initial}}}.featured-section{gap:calc(var(--spacing,.25rem) * 12);background-color:var(--color-black,#000);width:100%;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 32);flex-direction:column;display:flex}@media (min-width:48rem){.featured-section{padding-inline:calc(var(--spacing,.25rem) * 16)}}.featured-header{margin-bottom:calc(var(--spacing,.25rem) * 4);justify-content:space-between;align-items:flex-end;display:flex}.featured-label{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:.3em;letter-spacing:.3em;color:var(--color-foreground,var(--foreground));text-transform:uppercase}@media (min-width:48rem){.featured-label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}.projects-grid{gap:calc(var(--spacing,.25rem) * 6);padding-bottom:calc(var(--spacing,.25rem) * 6);display:flex;overflow-x:auto}@media (min-width:48rem){.projects-grid{gap:calc(var(--spacing,.25rem) * 8)}}.projects-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab}.projects-grid.is-dragging{scroll-snap-type:none;cursor:grabbing!important}.projects-grid.is-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}@media (min-width:1024px){.projects-grid{scroll-snap-type:none}}.projects-grid::-webkit-scrollbar{height:4px;display:block}.projects-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.projects-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px;transition:background .3s}.projects-grid::-webkit-scrollbar-thumb:hover{background:#fff6}.project-card{cursor:pointer;gap:calc(var(--spacing,.25rem) * 5);scroll-snap-align:start;flex-direction:column;flex-shrink:0;width:calc(100% - 3rem);display:flex}@media (min-width:640px){.project-card{width:calc(50% - 12px)}}@media (min-width:1024px){.project-card{scroll-snap-align:none;width:calc(25% - 24px)}}.project-image-container{aspect-ratio:3/4;border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff0d;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.project-image-container{border-color:color-mix(in oklab, var(--color-white,#fff) 5%, transparent)}}.project-image-container{background-color:var(--color-zinc-900,#18181b);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;transition-duration:.5s}@supports (color:lab(0% 0 0)){.project-image-container{background-color:var(--color-zinc-900,lab(8.30603% .618212 -2.16573))}}.project-image-container:hover{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.project-image-container:hover{border-color:color-mix(in oklab, var(--color-white,#fff) 20%, transparent)}}.project-actions-overlay{pointer-events:none;inset:calc(var(--spacing,.25rem) * 0);--tw-translate-y:calc(var(--spacing,.25rem) * 4);translate:var(--tw-translate-x) var(--tw-translate-y);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 4);background-color:#0009;flex-direction:column;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.project-actions-overlay{background-color:color-mix(in oklab, var(--color-black,#000) 60%, transparent)}}.project-actions-overlay{opacity:0;--tw-backdrop-blur:blur(var(--blur-sm,8px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;transition-duration:.5s}.project-card:hover .project-actions-overlay{pointer-events:auto;--tw-translate-y:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);opacity:1}.action-btn{width:calc(var(--spacing,.25rem) * 40);padding-block:calc(var(--spacing,.25rem) * 3);--tw-font-weight:var(--font-weight-bold,700);font-size:10px;font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em);text-transform:uppercase;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-radius:3.40282e38px;transition-duration:.3s}.btn-primary{background-color:var(--color-white,#fff);color:var(--color-black,#000)}@media (hover:hover){.btn-primary:hover{background-color:var(--color-accent,var(--accent));color:var(--color-white,#fff)}}.btn-secondary{border-style:var(--tw-border-style);border-width:1px;border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.btn-secondary{border-color:color-mix(in oklab, var(--color-white,#fff) 20%, transparent)}}.btn-secondary{color:var(--color-white,#fff);background-color:#0000}@media (hover:hover){.btn-secondary:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.btn-secondary:hover{background-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}}.project-image{object-fit:cover;width:100%;height:100%;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.7s;transition-duration:.7s}.project-card:hover .project-image{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.project-info{gap:calc(var(--spacing,.25rem) * 1);flex-direction:column;display:flex}.project-title{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);text-transform:uppercase;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.project-title:is(:where(.group):hover *){color:var(--color-accent,var(--accent))}}.project-desc{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--color-muted,var(--muted))}.project-overlay{inset:calc(var(--spacing,.25rem) * 0);background-color:#0000;position:absolute}@supports (color:color-mix(in lab, red, red)){.project-overlay{background-color:color-mix(in oklab, var(--color-black,#000) 0%, transparent)}}.project-overlay{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.project-overlay:is(:where(.group):hover *){background-color:#0003}@supports (color:color-mix(in lab, red, red)){.project-overlay:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-black,#000) 20%, transparent)}}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{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}@property --tw-leading{syntax:"*";inherits:false}