.hero-section{width:100%}.hero-inner{width:100%;padding:120px 1rem}@media (min-width:768px){.hero-inner{padding-left:2.5rem;padding-right:2.5rem}}.hero-content{text-align:center;max-width:420px;margin-left:auto;margin-right:auto}.hero-title{font-family:var(--font-geist-sans),sans-serif;letter-spacing:-.8px;font-size:1.125rem;font-weight:500;line-height:1.32}.hero-title-link{--tw-text-opacity:1;color:rgb(var(--color-muted-foreground)/var(--tw-text-opacity,1));text-underline-offset:4px;text-decoration-line:underline;text-decoration-style:dotted;transition:all .15s ease-out}.hero-title-link:hover{--tw-text-opacity:1;color:rgb(var(--color-foreground)/var(--tw-text-opacity,1))}.hero-description{text-wrap:balance;text-align:center;--tw-text-opacity:1;color:rgb(var(--color-foreground)/var(--tw-text-opacity,1));max-width:394px;margin-top:1.5rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.6}
.case-card{width:100%;display:block}.case-card:active{scale:.98}.case-card-tile{aspect-ratio:566/360;isolation:isolate;border-radius:24px;width:100%;transition:transform .18s ease-out;position:relative;overflow:hidden}.case-card-bg{position:absolute;inset:0}.case-card-img{-o-object-fit:cover;object-fit:cover}@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-blur{pointer-events:none;border-radius:inherit;-webkit-mask-image:linear-gradient(to top,#000 calc(var(--cb-start,6)*1%),transparent calc(var(--cb-end,30)*1%));-webkit-mask-image:linear-gradient(to top,#000 calc(var(--cb-start,6)*1%),transparent calc(var(--cb-end,30)*1%));mask-image:linear-gradient(to top,#000 calc(var(--cb-start,6)*1%),transparent calc(var(--cb-end,30)*1%));position:absolute;inset:0;overflow:hidden}.case-card-blur-inner{filter:blur(calc(var(--cb-blur,6)*1px));transform:scale(var(--cb-bleed,1.02));position:absolute;inset:0}.case-card-scrim{pointer-events:none;--cg-span:calc(var(--cg-end,90) - var(--cg-start,40));background:linear-gradient(to bottom,transparent calc(var(--cg-start,40)*1%),rgb(0 0 0/calc(var(--cg-opacity,.75)*.15))calc((var(--cg-start,40) + var(--cg-span)*.22)*1%),rgb(0 0 0/calc(var(--cg-opacity,.75)*.38))calc((var(--cg-start,40) + var(--cg-span)*.44)*1%),rgb(0 0 0/calc(var(--cg-opacity,.75)*.65))calc((var(--cg-start,40) + var(--cg-span)*.66)*1%),rgb(0 0 0/calc(var(--cg-opacity,.75)*.86))calc((var(--cg-start,40) + var(--cg-span)*.84)*1%),rgb(0 0 0/var(--cg-opacity,.75))calc(var(--cg-end,90)*1%));position:absolute;inset:0}.case-card-star{--tw-translate-x:-50%;--tw-translate-y:-50%;width:54px;height:54px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));position:absolute;top:50%;left:50%}.case-card-star-float{will-change:transform;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{--tw-text-opacity:1;width:1.25rem;height:1.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));position:absolute;top:1rem;right:1rem}@media (prefers-reduced-motion:reduce){.case-card-star-float{will-change:auto;animation:none;transform:none}}.case-card-caption{z-index:10;flex-direction:column;gap:.25rem;display:flex;position:absolute;bottom:1.25rem;left:1.5rem;right:1.5rem}.case-card-company{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));letter-spacing:-.128px;font-size:1rem;line-height:1.2}.case-card-desc{text-wrap:balance;--tw-text-opacity:1;color:rgb(214 212 209/var(--tw-text-opacity,1));letter-spacing:-.128px;font-size:1rem;line-height:1.2}
.projects-section{width:100%;padding:5rem 1rem 10rem;scroll-margin-top:5rem}.projects-container{max-width:1156px;margin-left:auto;margin-right:auto}.projects-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;display:grid}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.projects-grid{position:relative}