:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:#000}*{box-sizing:border-box}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.03em}a{color:inherit;text-decoration:none}::selection{background:#fff3}.project-section{min-height:110vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative}@media(min-width:640px){.project-section{padding:2.5rem}}.project-card{position:relative;width:100%;max-width:1400px;aspect-ratio:16/10;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;background-color:#111;border:1px solid rgba(255,255,255,.05)}@media(min-width:640px){.project-card{aspect-ratio:16/9}}.card-gradient-bg{position:absolute;inset:0;opacity:.4;transition:transform .7s ease-out}.project-card:hover .card-gradient-bg{transform:scale(1.05)}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 50%,transparent 100%)}.card-content{position:relative;z-index:10;width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end}@media(min-width:768px){.card-content{padding:4rem}}.card-grid{display:flex;flex-direction:column;justify-content:space-between;gap:2rem}@media(min-width:768px){.card-grid{flex-direction:row;align-items:flex-end}}.text-content{max-width:48rem}.tags-container{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.tag{padding:.375rem 1rem;border-radius:9999px;background-color:#ffffff1a;color:#ffffffe6;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.project-title{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;color:#fff;letter-spacing:-.025em}@media(min-width:768px){.project-title{font-size:4.5rem}}.project-description{font-size:1.125rem;color:#fffc;line-height:1.625;margin-bottom:2rem}@media(min-width:768px){.project-description{font-size:1.5rem}}.solution-box{background-color:#ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.solution-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:.75rem;font-weight:600}.solution-text{color:#ffffffe6;font-size:.875rem}@media(min-width:768px){.solution-text{font-size:1.125rem}}.visit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#fff;color:#000;padding:1rem 2rem;border-radius:9999px;font-weight:700;transition:transform .2s}.visit-btn:hover{transform:scale(1.05)}.visit-btn:active{transform:scale(.95)}.visit-btn svg{transition:transform .2s}.visit-btn:hover svg{transform:translate(2px,-2px)}@media(max-width:900px){.project-section{min-height:auto;padding:1.25rem}.project-card{aspect-ratio:auto;min-height:520px}.card-content{padding:1.75rem}.card-grid{gap:1.5rem}.project-title{font-size:2rem}.project-description{font-size:1rem;margin-bottom:1.5rem}.solution-box{padding:1.25rem}}@media(max-width:640px){.project-card{min-height:480px}.card-content{padding:1.5rem}.tags-container{gap:.5rem}.tag{font-size:.65rem;padding:.3rem .75rem}.project-title{font-size:1.75rem;margin-bottom:1rem}.project-description{font-size:.95rem}.solution-text{font-size:.85rem}.visit-btn{width:100%;padding:.9rem 1.5rem}}.app-main{background-color:#000;min-height:100vh;color:#fff}.hero-section{min-height:100svh;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center;padding:0 1rem}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.blob-purple{position:absolute;top:20%;left:20%;width:30vmax;height:30vmax;background-color:#581c8733;border-radius:50%;filter:blur(100px);animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}.blob-teal{position:absolute;bottom:20%;right:20%;width:40vmax;height:40vmax;background-color:#134e4a33;border-radius:50%;filter:blur(80px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title-container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}.hero-title{font-size:clamp(48px,12vw,150px);font-weight:700;letter-spacing:-.05em;background:linear-gradient(to bottom,#fff,#fff9);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}@media(min-width:640px){.hero-title{font-size:150px}}.hero-subtitle-container{position:relative;z-index:10;margin-top:1.5rem}.hero-subtitle{font-size:1.25rem;color:#ffffff80;font-weight:300;letter-spacing:.1em;text-transform:uppercase}@media(min-width:640px){.hero-subtitle{font-size:1.875rem}}.scroll-indicator{position:absolute;bottom:2.5rem;color:#ffffff4d;text-transform:uppercase;font-size:.875rem;letter-spacing:.1em}.projects-container{display:flex;flex-direction:column;padding-bottom:8rem}.site-footer{padding:5rem 0;text-align:center;color:#fff3;border-top:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.hero-section{padding:0 1.5rem}.hero-title{font-size:clamp(40px,14vw,96px);letter-spacing:-.03em}.hero-subtitle{font-size:1rem}.scroll-indicator{bottom:1.5rem;font-size:.75rem}.projects-container{padding-bottom:6rem}.site-footer{padding:3rem 1.5rem}}@media(max-width:480px){.hero-section{min-height:94svh}.scroll-indicator{display:none}}