.portfolio-hero.svelte-afv5cg{position:relative;background:var(--color-krave-black);padding:10rem 2rem 6rem;text-align:center;overflow:hidden}.portfolio-hero__bg-grid.svelte-afv5cg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:4rem 4rem;mask-image:radial-gradient(ellipse 50% 60% at 15% 20%,black 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 85% 80%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 50% 60% at 15% 20%,black 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 85% 80%,black 0%,transparent 70%);mask-composite:add;-webkit-mask-composite:source-over;pointer-events:none}.portfolio-hero__spotlight.svelte-afv5cg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.portfolio-hero__spotlight--top-left.svelte-afv5cg{background:radial-gradient(ellipse 45% 50% at 15% 20%,rgba(234,255,116,.06) 0%,transparent 70%)}.portfolio-hero__spotlight--bottom-right.svelte-afv5cg{background:radial-gradient(ellipse 45% 50% at 85% 80%,rgba(234,255,116,.06) 0%,transparent 70%)}.portfolio-hero__content.svelte-afv5cg{position:relative;z-index:1;max-width:50rem;margin:0 auto}.portfolio-hero__kicker.svelte-afv5cg{display:inline-block;font-family:var(--font-sans);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-krave-lime);margin-bottom:1.5rem}.portfolio-hero__title.svelte-afv5cg{font-family:var(--font-thunder);font-size:clamp(3rem,10vw,8rem);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;color:#fff;margin:0 0 1.5rem;line-height:1}.portfolio-hero__line.svelte-afv5cg{display:block}.portfolio-hero__subtitle.svelte-afv5cg{font-family:var(--font-sans);font-size:1.25rem;font-weight:400;color:#fff9;margin:0;line-height:1.6;text-align:center}.portfolio-grid-section.svelte-afv5cg{background:var(--color-krave-black);padding:0 2rem 8rem}.portfolio-filters.svelte-afv5cg{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:80rem;margin:0 auto 3rem}.portfolio-filters__btn.svelte-afv5cg{font-family:var(--font-sans);font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.portfolio-filters__btn.svelte-afv5cg:hover{border-color:#fff6;color:#fff}.portfolio-filters__btn--active.svelte-afv5cg,.portfolio-filters__btn--active.svelte-afv5cg:hover{background:var(--color-krave-lime);border-color:var(--color-krave-lime);color:var(--color-krave-black)}.portfolio-grid.svelte-afv5cg{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:80rem;margin:0 auto}.portfolio-card.svelte-afv5cg{position:relative;aspect-ratio:9/16;border-radius:1rem;overflow:hidden;background:#ffffff0d;cursor:pointer}.portfolio-card__video.svelte-afv5cg{width:100%;height:100%;object-fit:cover}.portfolio-card__badge.svelte-afv5cg{position:absolute;top:1rem;left:1rem;z-index:10;background:var(--color-krave-lime);padding:.5rem 1rem;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--color-krave-black);text-transform:uppercase;letter-spacing:.05em}.portfolio-card__play-btn.svelte-afv5cg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:opacity .3s ease}.portfolio-card.svelte-afv5cg:hover .portfolio-card__play-btn:where(.svelte-afv5cg){opacity:0}.portfolio-card__play-icon.svelte-afv5cg{width:4rem;height:4rem;border-radius:50%;background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.portfolio-card.svelte-afv5cg:hover .portfolio-card__play-icon:where(.svelte-afv5cg){background:#ffffff4d;transform:scale(1.05)}.portfolio-card__play-icon.svelte-afv5cg svg:where(.svelte-afv5cg){width:1.5rem;height:1.5rem}.portfolio-load-more.svelte-afv5cg{display:flex;justify-content:center;margin-top:3rem}.portfolio-load-more__btn.svelte-afv5cg{display:flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-size:1rem;font-weight:600;padding:1rem 2rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;cursor:pointer;transition:all .3s ease}.portfolio-load-more__btn.svelte-afv5cg:hover{background:var(--color-krave-lime);border-color:var(--color-krave-lime);color:var(--color-krave-black)}.portfolio-load-more__btn.svelte-afv5cg svg:where(.svelte-afv5cg){width:1.25rem;height:1.25rem;transition:transform .3s ease}.portfolio-load-more__btn.svelte-afv5cg:hover svg:where(.svelte-afv5cg){transform:translateY(2px)}.portfolio-modal.svelte-afv5cg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem}.portfolio-modal__backdrop.svelte-afv5cg{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.portfolio-modal__content.svelte-afv5cg{position:relative;width:100%;max-width:30rem;max-height:90vh;border-radius:1rem;overflow:hidden;background:#000}.portfolio-modal__close.svelte-afv5cg{position:absolute;top:-3rem;right:0;width:2.5rem;height:2.5rem;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.portfolio-modal__close.svelte-afv5cg:hover{background:#fff3}.portfolio-modal__close.svelte-afv5cg svg:where(.svelte-afv5cg){width:1.25rem;height:1.25rem}.portfolio-modal__video.svelte-afv5cg{width:100%;height:auto;display:block;max-height:80vh;object-fit:contain}@media (max-width: 1200px){.portfolio-grid.svelte-afv5cg{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.portfolio-grid.svelte-afv5cg{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.portfolio-hero.svelte-afv5cg{padding:8rem 1.5rem 4rem}.portfolio-grid-section.svelte-afv5cg{padding:0 1rem 4rem}.portfolio-filters.svelte-afv5cg{gap:.5rem;margin-bottom:2rem}.portfolio-filters__btn.svelte-afv5cg{font-size:.75rem;padding:.5rem 1rem}.portfolio-grid.svelte-afv5cg{grid-template-columns:repeat(2,1fr);gap:1rem}.portfolio-card__badge.svelte-afv5cg{font-size:.625rem;padding:.375rem .75rem}.portfolio-load-more__btn.svelte-afv5cg{font-size:.875rem;padding:.875rem 1.5rem}.portfolio-hero__bg-grid.svelte-afv5cg{mask-image:radial-gradient(ellipse 60% 50% at 20% 15%,black 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 80% 85%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 20% 15%,black 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 80% 85%,black 0%,transparent 70%)}.portfolio-hero__spotlight--top-left.svelte-afv5cg{background:radial-gradient(ellipse 50% 40% at 20% 15%,rgba(234,255,116,.05) 0%,transparent 70%)}.portfolio-hero__spotlight--bottom-right.svelte-afv5cg{background:radial-gradient(ellipse 50% 40% at 80% 85%,rgba(234,255,116,.05) 0%,transparent 70%)}}