.graffiti{font-family:Graffiti City,cursive;font-style:normal}.graffiti.orange{color:#fc8f02}.graffiti.green{color:#00e58c}.bold.white{font-family:Impact,Arial Black,sans-serif;font-weight:400;color:#fff}.timeline-pre-heading{text-align:center;padding:2rem 1.5rem}@media(max-width:768px){.timeline-pre-heading{padding:1.5rem}}.timeline-pre-heading__line{display:flex;justify-content:center;align-items:baseline;gap:1rem;margin:0;line-height:1.05;font-size:5rem}@media(max-width:1024px){.timeline-pre-heading__line{font-size:3.5rem}}@media(max-width:768px){.timeline-pre-heading__line{font-size:3.5rem;gap:.75rem}}@media(max-width:480px){.timeline-pre-heading__line{font-size:2.75rem}}.portfolio-pre-heading{text-align:center;padding:4rem 1.5rem 2rem}@media(max-width:768px){.portfolio-pre-heading{padding:2.5rem 1.5rem 1.5rem}}.portfolio-pre-heading__line{display:flex;justify-content:center;align-items:baseline;gap:1rem;margin:0;line-height:1.05;font-size:4.5rem}@media(max-width:1024px){.portfolio-pre-heading__line{font-size:3rem}}@media(max-width:768px){.portfolio-pre-heading__line{font-size:3.25rem;gap:.75rem}}@media(max-width:480px){.portfolio-pre-heading__line{font-size:2.5rem}}.projects-heading{text-align:center;padding:2rem 1.5rem}@media(max-width:768px){.projects-heading{padding:1.5rem}}.projects-heading__line{display:flex;justify-content:center;align-items:baseline;gap:1rem;margin:0;line-height:1.05;font-size:4.5rem}@media(max-width:1024px){.projects-heading__line{font-size:3rem}}@media(max-width:768px){.projects-heading__line{font-size:3.25rem;gap:.75rem}}@media(max-width:480px){.projects-heading__line{font-size:2.5rem}}.testimonials-pre-heading{text-align:center;padding:2rem 1.5rem}@media(max-width:768px){.testimonials-pre-heading{padding:1.5rem}}.testimonials-pre-heading__line{display:flex;justify-content:center;align-items:baseline;gap:1rem;margin:0;line-height:1.05;font-size:4.5rem}@media(max-width:1024px){.testimonials-pre-heading__line{font-size:3rem}}@media(max-width:768px){.testimonials-pre-heading__line{font-size:3.25rem;gap:.75rem}}@media(max-width:480px){.testimonials-pre-heading__line{font-size:2.5rem}}.projects-page{min-height:100vh}.projects-section{padding:6rem 1.5rem 3rem}.projects-section .projects-inner{max-width:90rem;margin:0 auto}.projects-filter{display:flex;justify-content:center;align-items:center;gap:7rem;margin-bottom:4rem}@media(max-width:768px){.projects-filter{gap:0;margin-bottom:2.5rem}}.projects-filter__item{position:relative;display:flex;flex-direction:column;align-items:center;background:none;border:none;padding:.5rem 1rem;cursor:pointer;width:9rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.projects-filter__item:hover{transform:translateY(-.35rem) scale(1.07)}.projects-filter__item:hover .projects-filter__zigzag{transform:translate(-50%,-50%) rotate(20deg) scale(1.15)}.projects-filter__item:hover .projects-filter__zigzag--flipped{transform:translate(-50%,-50%) rotate(199deg) scale(1.15)}.projects-filter__item:hover .projects-filter__label{letter-spacing:.02em}.projects-filter__item.active .projects-filter__label:after{transform:scaleX(1)}.projects-filter__item:not(.active){opacity:.4}@media(max-width:768px){.projects-filter__item{flex:1;width:auto;padding:.75rem .5rem}}.projects-filter__zigzag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:160%;width:auto;pointer-events:none;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.projects-filter__zigzag--flipped{transform:translate(-50%,-50%) rotate(179deg)}.projects-filter__label{font-family:Impact,Arial Black,sans-serif;font-weight:400;font-size:4rem;letter-spacing:-.03em;line-height:1;position:relative;z-index:1;transition:letter-spacing .3s ease}.projects-filter__label .filter-label-inner{display:inline-block}.projects-filter__label .ai-text{color:#00e58c}.projects-filter__label:after{content:"";position:absolute;bottom:-.2em;left:0;right:0;height:3px;border-radius:2px;transform:scaleX(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.projects-filter__label--green{color:#00e58c}.projects-filter__label--green:after{background-color:#00e58c}.projects-filter__label--white{color:#fff}.projects-filter__label--white:after{background-color:#fff}.projects-filter__label--orange{color:#fc8f02}.projects-filter__label--orange:after{background-color:#fc8f02}@media(max-width:768px){.projects-filter__label{font-size:clamp(1.5rem,7vw,2rem)}}.projects-description{max-width:64rem;margin:0 auto 3rem;text-align:center}.projects-description__text{display:none;font-family:Rajdhani,sans-serif;font-size:1.125rem;color:#dadada;line-height:1.75}.projects-description__text.is-active{display:block}@media(max-width:768px){.projects-description__text{font-size:.9375rem}}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;transition:opacity .28s ease}.projects-grid--exiting{opacity:0;pointer-events:none}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.projects-grid{grid-template-columns:1fr}}.portfolio-card{position:relative;display:block;overflow:hidden;aspect-ratio:469/200;cursor:pointer;transition:opacity .4s ease,transform .4s cubic-bezier(.25,.46,.45,.94)}.portfolio-card[data-animate]{opacity:0;transform:translateY(1.25rem)}.portfolio-card--visible{opacity:1;transform:translateY(0)}.portfolio-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.portfolio-card__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;opacity:0;transition:opacity .3s ease}.portfolio-card__name{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.5rem;color:#fff;text-align:center;line-height:1.2;padding:0 1rem}@media(max-width:768px){.portfolio-card__name{font-size:1.125rem}}.portfolio-card__tags{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:0 1rem;max-width:100%}.portfolio-card .portfolio-card__tag{font-family:Rajdhani,sans-serif;font-size:1.125rem;color:#fff;text-align:center}.portfolio-card:hover .portfolio-card__image{opacity:.5}.portfolio-card:hover .portfolio-card__overlay{opacity:1}.portfolio-card-skeleton{aspect-ratio:469/200;position:relative;overflow:hidden;opacity:0;transform:translateY(1.25rem);transition:opacity .4s ease,transform .4s cubic-bezier(.25,.46,.45,.94);background-color:#ffffff0d}.portfolio-card-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);background-size:250% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite}.portfolio-card-skeleton--visible{opacity:1;transform:translateY(0)}.portfolio-card-skeleton--exiting{opacity:0;transform:translateY(0);transition:opacity .3s ease}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.projects-loading{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:2rem 0}.projects-loading[hidden]{display:none}.projects-loading__dot{width:.625rem;height:.625rem;border-radius:50%;background:#00e58c;animation:projects-dot-bounce 1.2s ease-in-out infinite}.projects-loading__dot:nth-child(2){animation-delay:.2s}.projects-loading__dot:nth-child(3){animation-delay:.4s}@keyframes projects-dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.projects-sentinel{height:1px;margin-top:1rem}
