.portfolio-hero-img.svelte-1xti6zc{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:oklch(var(--foreground-raw) / .03);will-change:clip-path}.portfolio-hero-img__el.svelte-1xti6zc{width:100%;height:115%;object-fit:cover;object-position:center;will-change:transform;margin-top:-7.5%}.pg-grid.svelte-hy4d9e{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,1.5vw,1.5rem)}.pg-item.svelte-hy4d9e{will-change:clip-path,opacity}.pg-item--offset.svelte-hy4d9e{margin-top:clamp(2rem,5vw,5rem)}.pg-item__frame.svelte-hy4d9e{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:0;background:#090b0f08}.pg-item__frame.svelte-hy4d9e img:where(.svelte-hy4d9e){width:100%;height:110%;object-fit:cover;object-position:center;will-change:transform;margin-top:-5%}.pg-grid.svelte-hy4d9e:has(.pg-item:where(.svelte-hy4d9e):only-child){grid-template-columns:1fr;max-width:50rem;margin-left:auto;margin-right:auto}.pg-item.svelte-hy4d9e:only-child .pg-item__frame:where(.svelte-hy4d9e){aspect-ratio:3 / 2}.pg-item.svelte-hy4d9e:only-child{margin-top:0}@media(max-width:640px){.pg-grid.svelte-hy4d9e{grid-template-columns:1fr}.pg-item--offset.svelte-hy4d9e{margin-top:0}}.portfolio-nav.svelte-k7x6q7{padding-top:var(--space-section-sm);padding-bottom:var(--space-section-sm);border-top:1px solid var(--border)}.portfolio-nav__inner.svelte-k7x6q7{max-width:90rem;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:stretch;min-height:14rem}.portfolio-nav__divider.svelte-k7x6q7{width:1px;background:oklch(var(--foreground-raw) / .1);align-self:stretch}.portfolio-nav__side.svelte-k7x6q7{position:relative}.portfolio-nav__side--right.svelte-k7x6q7{text-align:right}.portfolio-nav__link.svelte-k7x6q7{display:flex;flex-direction:column;justify-content:center;gap:.75rem;position:relative;overflow:hidden;padding:2rem;height:100%;text-decoration:none;transition:background-color .3s ease}.portfolio-nav__link.svelte-k7x6q7:hover{background-color:transparent}.portfolio-nav__link--next.svelte-k7x6q7{align-items:flex-end}.portfolio-nav__label.svelte-k7x6q7{font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;color:oklch(var(--foreground-raw) / .6);position:relative;z-index:1}.portfolio-nav__arrow.svelte-k7x6q7{display:inline-block;transition:transform .3s ease}.portfolio-nav__link.svelte-k7x6q7:hover .portfolio-nav__arrow:where(.svelte-k7x6q7){transform:translate(-4px)}.portfolio-nav__link--next.svelte-k7x6q7:hover .portfolio-nav__arrow:where(.svelte-k7x6q7){transform:translate(4px)}.portfolio-nav__title.svelte-k7x6q7{font-family:Satoshi,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.25rem,2vw,2.25rem);font-weight:800;text-transform:uppercase;letter-spacing:-.03em;line-height:1;color:var(--foreground);position:relative;z-index:1;transition:color .3s ease}.portfolio-nav__link.svelte-k7x6q7:hover .portfolio-nav__title:where(.svelte-k7x6q7){color:var(--primary)}.portfolio-nav__client.svelte-k7x6q7{font-size:.875rem;letter-spacing:.06em;text-transform:uppercase;color:oklch(var(--foreground-raw) / .6);position:relative;z-index:1}@media(max-width:768px){.portfolio-nav__inner.svelte-k7x6q7{grid-template-columns:1fr auto 1fr;gap:0;min-height:auto}.portfolio-nav__title.svelte-k7x6q7,.portfolio-nav__client.svelte-k7x6q7{display:none}.portfolio-nav__link.svelte-k7x6q7{padding:1.25rem 0;gap:0}.portfolio-nav__link--next.svelte-k7x6q7{align-items:flex-end}.portfolio-nav__divider.svelte-k7x6q7{width:1px;height:auto;margin:0 .5rem}}.pf-prose-col{position:relative}.pf-prose-col:before{content:"";position:absolute;inset:-2rem;background-image:linear-gradient(oklch(var(--foreground-raw) / .04) 1px,transparent 1px),linear-gradient(90deg,oklch(var(--foreground-raw) / .04) 1px,transparent 1px);background-size:4rem 4rem;mask-image:linear-gradient(to bottom,transparent 0%,oklch(1 0 0) 20%,oklch(1 0 0) 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,oklch(1 0 0) 20%,oklch(1 0 0) 80%,transparent 100%);pointer-events:none;z-index:0}.pf-prose-col>*{position:relative;z-index:1}.pf-prose-eyebrow{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.08em;color:oklch(var(--foreground-raw) / .4);font-weight:500;margin:0 0 .75rem}.pf-prose-headline{font-size:var(--text-heading);font-weight:900;letter-spacing:-.02em;line-height:1.15;color:var(--foreground);margin:0 0 2rem}.pf-prose{color:oklch(var(--foreground-raw) / .6);font-size:var(--text-body);line-height:1.7;max-width:42rem}.pf-prose p{margin-bottom:1.5rem}.pf-prose p:last-child{margin-bottom:0}.pf-prose strong{color:var(--foreground);font-weight:700}.pf-prose h2{font-size:var(--text-heading);font-weight:900;letter-spacing:-.02em;margin-top:2.5rem;margin-bottom:1rem;color:var(--foreground)}.pf-prose h3{font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:700;margin-top:2rem;margin-bottom:.75rem;color:var(--foreground)}.pf-prose a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.pf-prose ul,.pf-prose ol{padding-left:1.25rem;margin-bottom:1.25rem}.pf-prose li{margin-bottom:.375rem}.pf-meta-strip{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem}.pf-meta-strip__item{display:flex;align-items:baseline;gap:.625rem}.pf-meta-strip__label{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.08em;color:oklch(var(--foreground-raw) / .35);font-weight:500}.pf-meta-strip__value{font-size:var(--text-detail);font-weight:700;color:var(--foreground)}a.pf-meta-strip__link{text-decoration:none;transition:color .3s ease}a.pf-meta-strip__link:hover{color:var(--primary)}.pf-meta-strip__divider{width:1px;height:1rem;background:oklch(var(--foreground-raw) / .15);flex-shrink:0}@media(max-width:479px){.pf-meta-strip__divider{display:none}.pf-meta-strip{gap:.75rem 1.25rem}}.pf-editorial-section{position:relative}.pf-specs{position:sticky;top:6rem}.pf-specs__product-link{display:flex;flex-direction:column;gap:.25rem;padding:1.25rem;background:oklch(var(--foreground-raw) / .03);border:1px solid oklch(var(--foreground-raw) / .08);text-decoration:none;cursor:pointer;transition:all .25s ease;position:relative;margin-bottom:1.5rem}.pf-specs__product-link:hover{background:oklch(var(--foreground-raw) / .05);border-color:var(--primary)}.pf-specs__product-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:oklch(var(--foreground-raw) / .4);font-weight:500}.pf-specs__product-name{font-size:clamp(1.125rem,1rem + .5vw,1.375rem);font-weight:900;letter-spacing:-.02em;color:var(--foreground);line-height:1.2}.pf-specs__product-arrow{position:absolute;top:1.25rem;right:1.25rem;font-size:1rem;color:oklch(var(--foreground-raw) / .25);transition:all .25s ease}.pf-specs__product-link:hover .pf-specs__product-arrow{color:var(--primary);transform:translate(3px)}.pf-specs__list-title{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:oklch(var(--foreground-raw) / .35);font-weight:500;margin:0 0 .25rem;padding-bottom:.5rem}.pf-specs__list{display:flex;flex-direction:column}.pf-specs__row{padding:.875rem 0;border-bottom:1px solid oklch(var(--foreground-raw) / .06)}.pf-specs__row:last-child{border-bottom:none}.pf-specs__label{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.08em;color:oklch(var(--foreground-raw) / .4);font-weight:500;margin:0}.pf-specs__value{margin:.1875rem 0 0;font-size:var(--text-detail);font-weight:600;color:var(--foreground);line-height:1.5}.pf-specs__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid oklch(var(--foreground-raw) / .1)}.pf-specs__download{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--foreground);text-decoration:none;padding:.75rem 1rem;border:1px solid oklch(var(--foreground-raw) / .12);border-radius:9999px;transition:all .3s ease;cursor:pointer}.pf-specs__download:hover{border-color:var(--foreground);background:oklch(var(--foreground-raw) / .03)}.pf-specs__more{display:block;margin-top:1.25rem;font-size:.8125rem;font-weight:600;color:oklch(var(--foreground-raw) / .5);text-decoration:none;transition:color .3s ease}.pf-specs__more:hover{color:var(--foreground)}