.cta-section[data-astro-cid-axutazfk]{padding:var(--space-6xl) var(--container-padding);text-align:center;& h2{cursor:default;font-family:var(--font-headline);letter-spacing:-.05em;margin-bottom:var(--space-3xl);text-transform:uppercase;font-size:clamp(2rem,10vw,8rem);font-weight:700}& .cta-content{align-items:center;gap:var(--space-xl);flex-direction:column;display:flex;& p{color:var(--on-surface-variant);max-width:var(--content-width-sm);font-size:clamp(1rem,2vw,1.25rem)}}& .cta-button{background:var(--primary);border-radius:var(--radius-md);color:var(--on-primary);font-family:var(--font-headline);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);padding:var(--space-md) var(--space-xl);text-transform:uppercase;text-decoration:none;transition:transform .2s;display:inline-block;position:relative;overflow:hidden;& .shine{background:var(--glass-light);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}&:hover{transform:scale(1.05);& .shine{transform:translate(100%)}}}}.hero[data-astro-cid-i3irphx7]{min-height:90vh;padding:var(--container-padding);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden;& .hero-blueprint{@media (width<1024px){display:none}@media (width>=1024px){display:block}opacity:.1;pointer-events:none;height:100%;right:0;top:var(--space-5xl);width:50%;position:absolute}& .hero-content{& .tag-status{background:var(--secondary-soft);color:var(--secondary);font-family:var(--font-label);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-widest);margin-bottom:var(--space-xl);padding:var(--space-2xs) var(--space-sm);text-transform:uppercase;display:inline-block}& h1{font-size:clamp(3rem,13vw,10rem);font-weight:var(--font-weight-black);letter-spacing:-.05em;line-height:var(--leading-none);margin-bottom:var(--space-xl);& span{color:var(--primary)}}& .hero-desc{border-left:4px solid var(--primary);color:var(--on-surface-variant);font-size:var(--font-size-lg);margin-bottom:var(--space-2xl);max-width:var(--content-width-lg);padding-left:var(--space-lg)}}}.hero-meta[data-astro-cid-i3irphx7]{gap:var(--space-2xl);flex-wrap:wrap;display:flex;& .meta-item{& label{color:var(--outline);font-family:var(--font-label);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);letter-spacing:.15em;margin-bottom:var(--space-2xs);text-transform:uppercase;display:block;&.status-text{color:var(--secondary)}& .status-dot{background:var(--secondary);height:var(--dot-size);margin-right:var(--space-xs);width:var(--dot-size);border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;display:inline-block}}& p{font-family:var(--font-label);font-weight:var(--font-weight-normal);line-height:.75rem;& a{color:var(--primary);text-decoration:none}}}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.metric-card[data-astro-cid-3fd6gv4z]{@media (width<1024px){padding:var(--space-xl) var(--space-xl)}@media (width>=1024px){padding:var(--space-3xl)}background:var(--surface);transition:all .5s;overflow:hidden;& .label{font-size:clamp(var(--font-size-sm), 3vw, var(--font-size-md));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}& h3{font-family:var(--font-headline);font-size:clamp(2rem,4vw,8rem);font-weight:var(--font-weight-heavy);letter-spacing:-.05em;margin:var(--space-md) 0 var(--space-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}& p{color:var(--on-surface-variant)}&.label{color:var(--primary);font-family:var(--font-headline);letter-spacing:.15em;font-size:.75rem;font-weight:700}&:hover{background:var(--primary);color:var(--on-primary);&.label{color:var(--on-primary)}& p{color:var(--on-primary-soft)}}}.metrics-section[data-astro-cid-ztfsuhx7]{@media (width<768px){padding:var(--container-padding);border-radius:0}@media (width>=768px){border-radius:var(--radius-lg);padding:var(--space-5xl) var(--container-padding)}background:var(--surface-container-low);& .metrics-grid{@media (width<768px){grid-template-columns:repeat(1,1fr)}@media (width>=768px){grid-template-columns:repeat(3,1fr)}border-radius:var(--radius-lg);gap:var(--space-4xs);max-width:var(--max-width);margin:0 auto;display:grid;overflow:hidden}}.main-project[data-astro-cid-ldl6e4tb]{@media (width>=768px){grid-column:span 8}@media (width<768px){grid-column:span 1}& .project-image-wrapper{@media (width<768px){border-radius:0}@media (width>=768px){border-radius:var(--radius-lg)}aspect-ratio:16/9;background:var(--surface-container-highest);margin-bottom:var(--space-lg);position:relative;overflow:hidden;& img{filter:grayscale();object-fit:cover;width:100%;height:100%;transition:all .7s}& .overlay-tags{bottom:var(--space-lg);gap:var(--space-xs);left:var(--space-lg);display:flex;position:absolute;& span{background:var(--primary);border-radius:var(--radius-xs);color:var(--surface);font-family:var(--font-label);font-size:var(--font-size-2xs);font-weight:var(--font-weight-normal);padding:var(--space-2xs) var(--space-xs);text-transform:uppercase}}}& .project-info{@media (width<768px){padding:0 var(--container-padding)}@media (width>=768px){padding:0}justify-content:space-between;align-items:flex-start;display:flex;& h3{font-family:var(--font-headline);font-size:var(--font-size-2xl);font-weight:var(--font-weight-heavy);text-transform:uppercase;transition:color .3s}}& .arrow-icon{color:var(--outline-variant);font-size:2.25rem;transition:color .3s}& .meta{color:var(--outline);font-family:var(--font-label);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-md);text-transform:uppercase}& .description{font-family:var(--font-body);margin-top:var(--space-xs);font-size:1rem}&:hover{& img{filter:grayscale(0)}& h3{color:var(--primary)}& .project-info p{color:var(--on-surface-variant)}& .arrow-icon{color:var(--primary)}}}.side-project[data-astro-cid-dx56vejc]{@media (width>=768px){border-bottom:1px solid rgb(var(--color-outline-rgb), .15);padding-bottom:var(--space-3xl)}& .side-image{@media (width<768px){border-radius:0}@media (width>=768px){border-radius:var(--radius-md)}aspect-ratio:16/9;background:var(--surface-container-highest);margin-bottom:var(--space-lg);overflow:hidden;& img{filter:grayscale();object-fit:cover;width:100%;height:100%;transition:all .7s}&:hover img[data-astro-cid-dx56vejc]{filter:grayscale(0)}}& .project-info{@media (width<768px){padding:0 var(--container-padding)}@media (width>=768px){padding:0}gap:var(--space-2xs);flex-direction:column;display:flex}& h4{font-family:var(--font-headline);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-transform:uppercase;transition:color .3s}& .meta{color:var(--outline);font-family:var(--font-label);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}&:hover h4[data-astro-cid-dx56vejc]{color:var(--primary)}}.projects-section[data-astro-cid-wbvzyo52]{margin-bottom:var(--space-6xl);& .section-header{@media (width<768px){padding:var(--container-padding)}@media (width>=768px){margin-bottom:var(--container-padding);padding:var(--space-6xl) 0 var(--container-padding)}border-bottom:1px solid rgb(var(--color-outline-rgb), .15);justify-content:space-between;align-items:flex-end;display:flex;& .tag{color:var(--primary);font-family:var(--font-label);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wider);line-height:var(--leading-none);text-transform:uppercase}& h2{font-family:var(--font-headline);font-size:var(--font-size-4xl);font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-tight);text-transform:uppercase}& .header-meta{@media (width<768px){display:none}@media (width>=768px){display:block}color:var(--outline);font-family:var(--font-label);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-normal);text-align:right;text-transform:uppercase}}}.projects-layout[data-astro-cid-wbvzyo52]{@media (width>=768px){grid-template-columns:repeat(12,1fr)}@media (width<768px){grid-template-columns:1fr}gap:var(--space-2xl);display:grid}.side-projects[data-astro-cid-wbvzyo52]{gap:var(--space-2xl);flex-direction:column;grid-column:span 1;display:flex}@media (width>=768px){.side-projects[data-astro-cid-wbvzyo52]{grid-column:span 4}}.tech-item[data-astro-cid-ia2napgz]{background:var(--surface);border-radius:var(--radius-lg);align-items:center;gap:var(--space-md);padding:var(--space-lg);text-align:center;flex-direction:column;justify-content:center;transition:background .3s;display:flex;&:hover{background:var(--primary);& span,& p{color:var(--on-primary)}}& span{color:var(--primary);font-size:1.875rem}& p{font-family:var(--font-headline);text-transform:uppercase;font-size:.7rem;font-weight:700}}.tech-section[data-astro-cid-ylyitcfj]{@media (width<768px){padding:var(--container-padding);border-radius:0}@media (width>=768px){border-radius:var(--radius-lg);padding:var(--space-6xl) var(--container-padding)}background:var(--surface-container);& .tag-status{color:var(--primary);font-family:var(--font-label);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);letter-spacing:.2em;margin-bottom:var(--space-md);text-transform:uppercase;padding:0;display:inline-block}& .tech-grid{@media (width<768px){grid-template-columns:repeat(2,1fr)}@media (width>=768px){grid-template-columns:repeat(3,1fr)}@media (width>=1024px){grid-template-columns:repeat(6,1fr)}gap:var(--space-md);max-width:var(--max-width);margin:0 auto;display:grid}}