.portfolio-page,.portfolio-project{overflow:clip}.portfolio-hero,.portfolio-project-hero{border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--brand-blue) 15%, transparent), transparent 28rem), linear-gradient(135deg, color-mix(in srgb, var(--brand-cyan) 5%, var(--color-background)), var(--color-background) 58%);position:relative;overflow:hidden}.portfolio-hero:after,.portfolio-project-hero:after{border:1px solid color-mix(in srgb, var(--brand-cyan) 32%, transparent);content:"";opacity:.42;pointer-events:none;border-radius:50%;width:28rem;height:28rem;position:absolute;bottom:-13rem;right:-8rem}.portfolio-hero__grid,.portfolio-project-hero__grid{z-index:1;min-height:min(45rem, calc(100vh - var(--header-height)));grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(2rem,7vw,7rem);padding-block:clamp(4rem,9vw,8rem);display:grid;position:relative}.portfolio-hero__copy,.portfolio-project-hero__copy,.portfolio-section-heading,.portfolio-toolbar,.portfolio-card,.portfolio-project-intro,.portfolio-project-media,.portfolio-project-next{opacity:0;transition:opacity .52s,transform .52s cubic-bezier(.22,1,.36,1);transform:translateY(1.2rem)}.portfolio-hero__copy.is-visible,.portfolio-project-hero__copy.is-visible,.portfolio-section-heading.is-visible,.portfolio-toolbar.is-visible,.portfolio-card.is-visible,.portfolio-project-intro.is-visible,.portfolio-project-media.is-visible,.portfolio-project-next.is-visible{opacity:1;transform:none}.portfolio-hero__copy h1,.portfolio-project-hero__copy h1{max-width:9ch;font-family:var(--font-display);letter-spacing:-.085em;margin:0;font-size:clamp(3.45rem,7vw,6.8rem);line-height:.88}.portfolio-rule{vertical-align:.12em;background:var(--gradient-brand);width:2.55rem;height:.2rem;margin-right:.7rem;display:inline-block}.portfolio-hero__lead,.portfolio-project-hero__lead{max-width:31rem;color:var(--color-text-muted);margin:1.7rem 0 0;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.5}.portfolio-hero__stats{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;gap:.8rem 1.4rem;margin-top:2.4rem;font-size:.78rem;font-weight:700;display:flex}.portfolio-hero__stats span{align-items:center;gap:.42rem;display:inline-flex}.portfolio-hero__stats span:before{background:var(--brand-magenta);content:"";border-radius:50%;width:.35rem;height:.35rem}.portfolio-hero__stats strong{color:var(--color-text);font-size:1rem}.portfolio-hero__collage{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem;height:clamp(26rem,42vw,37rem);min-height:0;display:grid}.portfolio-hero__tile{border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;min-height:0;box-shadow:var(--shadow-sm);isolation:isolate;transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);display:grid;position:relative;overflow:hidden}.portfolio-hero__tile:first-child{grid-area:1/1/7/4}.portfolio-hero__tile:nth-child(2){grid-area:1/4/4/7}.portfolio-hero__tile:nth-child(3){grid-area:4/4/7/7}.portfolio-hero__tile:nth-child(4){display:none}.portfolio-hero__tile:hover{z-index:2;border-color:color-mix(in srgb, var(--brand-cyan) 65%, var(--color-border));box-shadow:var(--shadow-lg);transform:translateY(-.25rem)}.portfolio-hero__tile img{object-fit:contain;background:#0a0d13;width:100%;height:100%;min-height:0;transition:transform .52s cubic-bezier(.22,1,.36,1)}.portfolio-hero__tile:hover img{transform:scale(1.035)}.portfolio-hero__tile span{border-radius:var(--radius-pill);color:#fff;letter-spacing:.07em;text-transform:uppercase;background:#0a0d13c2;border:1px solid #ffffff2e;max-width:calc(100% - 1.5rem);padding:.35rem .55rem;font-size:.65rem;font-weight:800;line-height:1;position:absolute;bottom:.75rem;right:.75rem}.portfolio-gallery-section,.portfolio-project-body,.portfolio-related{padding-block:clamp(4.5rem,9vw,8rem)}.portfolio-gallery-section{background:var(--color-surface-muted)}.portfolio-section-heading,.portfolio-project-intro{grid-template-columns:minmax(0,1fr) minmax(16rem,.56fr);align-items:end;gap:2rem;margin-bottom:clamp(2rem,4vw,3.6rem);display:grid}.portfolio-section-heading h2,.portfolio-project-intro h2,.portfolio-final-cta h2,.portfolio-project-next h2{max-width:14ch;font-family:var(--font-display);letter-spacing:-.075em;margin:0;font-size:clamp(2.2rem,4.5vw,4.6rem);line-height:.93}.portfolio-section-heading>p,.portfolio-project-intro>p{max-width:28rem;color:var(--color-text-muted);margin:0;font-size:1rem}.portfolio-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.portfolio-filters{flex-wrap:wrap;gap:.5rem;display:flex}.portfolio-filter{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);min-height:2.55rem;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;padding:.5rem .85rem;font-size:.76rem;font-weight:800}.portfolio-filter:hover{border-color:var(--brand-cyan);color:var(--color-text);transform:translateY(-.1rem)}.portfolio-filter.is-active{background:var(--color-text);color:var(--color-inverse);border-color:#0000}.portfolio-results{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;flex:none;margin:0;font-size:.78rem;font-weight:800}.portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:1rem;transition:opacity .18s,transform .18s;display:grid}.portfolio-grid.is-switching{opacity:.66;transform:translateY(.25rem)}.portfolio-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;transition:opacity .52s ease, transform .52s cubic-bezier(.22, 1, .36, 1), border-color var(--transition-base), box-shadow var(--transition-base)}.portfolio-card[data-subcategory=vertical],.portfolio-card[data-subcategory=video],.portfolio-card[data-subcategory=square]{grid-column:span 3}.portfolio-card[data-subcategory=wide]{grid-column:span 7}.portfolio-card[data-subcategory=mixed]{grid-column:span 5}.portfolio-card--featured[data-subcategory=vertical],.portfolio-card--featured[data-subcategory=video]{grid-column:span 4}.portfolio-card--featured[data-subcategory=mixed]{grid-column:span 7}.portfolio-card:hover{border-color:color-mix(in srgb, var(--brand-blue) 58%, var(--color-border));box-shadow:var(--shadow-sm);transform:translateY(-.25rem)}.portfolio-card__link{flex-direction:column;height:100%;display:flex}.portfolio-card__media{border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0;background:radial-gradient(circle at 20% 15%, color-mix(in srgb, var(--brand-cyan) 24%, transparent), transparent 48%), #090c12;place-items:center;min-height:13rem;display:grid;position:relative;overflow:hidden}.portfolio-card[data-subcategory=vertical] .portfolio-card__media,.portfolio-card[data-subcategory=video] .portfolio-card__media{aspect-ratio:.76}.portfolio-card[data-subcategory=square] .portfolio-card__media{aspect-ratio:1}.portfolio-card[data-subcategory=wide] .portfolio-card__media{aspect-ratio:1.75}.portfolio-card[data-subcategory=mixed] .portfolio-card__media{aspect-ratio:1.48}.portfolio-card__media img{object-fit:contain;width:100%;height:100%;transition:transform .52s cubic-bezier(.22,1,.36,1)}.portfolio-card:hover .portfolio-card__media img{transform:scale(1.035)}.portfolio-card__open{color:#fff;opacity:0;width:2rem;height:2rem;transition:opacity var(--transition-fast), transform var(--transition-fast);background:#080b10b3;border:1px solid #ffffff40;border-radius:50%;place-items:center;font-size:1rem;display:grid;position:absolute;top:.75rem;right:.75rem;transform:translate(-.25rem,.25rem)}.portfolio-card:hover .portfolio-card__open,.portfolio-card:focus-within .portfolio-card__open{opacity:1;transform:none}.portfolio-card__body{flex-direction:column;flex:1;min-height:10rem;padding:1.1rem 1.2rem 1.25rem;display:flex}.portfolio-card__meta{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.portfolio-card__meta .eyebrow{margin-bottom:0;font-size:.66rem}.portfolio-card__featured{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--brand-magenta) 13%, var(--color-surface-muted));color:var(--brand-magenta);letter-spacing:.08em;text-transform:uppercase;padding:.28rem .45rem;font-size:.62rem;font-weight:800;line-height:1}.portfolio-card__body h2{letter-spacing:-.055em;margin:.7rem 0 .45rem;font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.02}.portfolio-card__body p{color:var(--color-text-muted);margin:0;font-size:.86rem;line-height:1.45}.portfolio-card__link-label{color:var(--color-text);align-items:center;gap:.45rem;margin-top:auto;padding-top:1rem;font-size:.78rem;font-weight:800;display:inline-flex}.portfolio-card__link-label span{color:var(--brand-cyan);transition:transform var(--transition-fast)}.portfolio-card:hover .portfolio-card__link-label span{transform:translate(.18rem,-.18rem)}.portfolio-final-cta,.portfolio-project-next{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(120deg, color-mix(in srgb, var(--brand-cyan) 10%, var(--color-surface)), var(--color-surface) 47%, color-mix(in srgb, var(--brand-magenta) 8%, var(--color-surface)));justify-content:space-between;align-items:end;gap:2rem;margin-top:clamp(3.5rem,7vw,6rem);padding:clamp(1.6rem,4vw,3rem);display:flex}.portfolio-final-cta .eyebrow,.portfolio-project-next .eyebrow{margin-bottom:.8rem}.portfolio-final-cta .button,.portfolio-project-next .button{flex:none}.portfolio-back{color:var(--color-text-muted);transition:color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:.5rem;margin-bottom:2.8rem;font-size:.8rem;font-weight:800;display:inline-flex}.portfolio-back:hover{color:var(--color-text);transform:translate(-.2rem)}.portfolio-project-hero__copy h1{max-width:11ch;font-size:clamp(3.15rem,6.4vw,6.2rem)}.portfolio-project-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:34rem;margin:2.4rem 0 0;display:grid}.portfolio-project-meta div{border-top:1px solid var(--color-border-strong);padding-top:.75rem}.portfolio-project-meta dt{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;font-weight:800}.portfolio-project-meta dd{margin:.35rem 0 0;font-size:.88rem;font-weight:700;line-height:1.45}.portfolio-project-hero__visual{border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:27rem;box-shadow:var(--shadow-lg);background:#090c12;place-items:center;margin:0;display:grid;overflow:hidden}.portfolio-project-hero__visual img{object-fit:contain;width:100%;height:100%;max-height:39rem}.portfolio-project-body{background:var(--color-background)}.portfolio-project-gallery{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.portfolio-project-media{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#090c12;grid-column:span 6;place-items:center;min-width:0;min-height:16rem;margin:0;display:grid;overflow:hidden}.portfolio-project-media:first-child,.portfolio-project-media--wide{grid-column:1/-1}.portfolio-project-media--vertical,.portfolio-project-media--video{grid-column:span 4}.portfolio-project-media img{object-fit:contain;width:100%;height:auto;max-height:42rem;transition:transform .7s cubic-bezier(.22,1,.36,1)}.portfolio-project-media:hover img{transform:scale(1.018)}.portfolio-project-next{flex-direction:column;align-items:flex-start;margin-top:clamp(3.5rem,7vw,6rem)}.portfolio-project-next h2{max-width:15ch;margin-bottom:1.6rem}.portfolio-related{background:var(--color-surface-muted)}.portfolio-grid--related{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-grid--related .portfolio-card,.portfolio-grid--related .portfolio-card[data-subcategory=vertical],.portfolio-grid--related .portfolio-card[data-subcategory=square],.portfolio-grid--related .portfolio-card[data-subcategory=wide],.portfolio-grid--related .portfolio-card[data-subcategory=mixed]{grid-column:span 1}.portfolio-grid--related .portfolio-card__media{aspect-ratio:1}[hidden]{display:none!important}@media (width<=980px){.portfolio-hero__grid,.portfolio-project-hero__grid{grid-template-columns:1fr;gap:3rem;min-height:0}.portfolio-hero__copy h1,.portfolio-project-hero__copy h1{max-width:11ch}.portfolio-hero__collage{min-height:27rem}.portfolio-card[data-subcategory=wide],.portfolio-card[data-subcategory=mixed],.portfolio-card--featured[data-subcategory=mixed]{grid-column:span 6}.portfolio-card[data-subcategory=vertical],.portfolio-card[data-subcategory=video],.portfolio-card[data-subcategory=square],.portfolio-card--featured[data-subcategory=vertical],.portfolio-card--featured[data-subcategory=video]{grid-column:span 3}.portfolio-project-media,.portfolio-project-media--vertical,.portfolio-project-media--video{grid-column:span 6}.portfolio-project-media:first-child,.portfolio-project-media--wide{grid-column:1/-1}}@media (width<=620px){.portfolio-hero__grid,.portfolio-project-hero__grid{padding-block:3.6rem 4rem}.portfolio-hero__copy h1,.portfolio-project-hero__copy h1{font-size:clamp(3.2rem,15vw,5.3rem)}.portfolio-hero__lead,.portfolio-project-hero__lead{font-size:1rem}.portfolio-hero__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.portfolio-hero__stats span:last-child{grid-column:1/-1}.portfolio-hero__collage{grid-template-rows:repeat(4,7rem);grid-template-columns:repeat(2,minmax(0,1fr));min-height:30rem}.portfolio-hero__tile:first-child{grid-area:1/1/5/2}.portfolio-hero__tile:nth-child(2){grid-area:1/2/3/3}.portfolio-hero__tile:nth-child(3){grid-area:3/2/5/3}.portfolio-section-heading,.portfolio-project-intro{grid-template-columns:1fr;gap:1.4rem}.portfolio-section-heading h2,.portfolio-project-intro h2,.portfolio-final-cta h2,.portfolio-project-next h2{font-size:clamp(2.3rem,11vw,3.8rem)}.portfolio-toolbar{flex-direction:column;align-items:flex-start}.portfolio-filters{scrollbar-width:thin;flex-wrap:nowrap;width:calc(100% + 1rem);padding:.1rem .5rem .45rem 0;overflow-x:auto}.portfolio-filter{flex:none}.portfolio-grid,.portfolio-grid--related{grid-template-columns:1fr}.portfolio-card[data-subcategory=vertical],.portfolio-card[data-subcategory=video],.portfolio-card[data-subcategory=square],.portfolio-card[data-subcategory=wide],.portfolio-card[data-subcategory=mixed],.portfolio-card--featured[data-subcategory=vertical],.portfolio-card--featured[data-subcategory=video],.portfolio-card--featured[data-subcategory=mixed],.portfolio-grid--related .portfolio-card,.portfolio-grid--related .portfolio-card[data-subcategory=vertical],.portfolio-grid--related .portfolio-card[data-subcategory=square],.portfolio-grid--related .portfolio-card[data-subcategory=wide],.portfolio-grid--related .portfolio-card[data-subcategory=mixed]{grid-column:1/-1}.portfolio-card__body{min-height:9rem}.portfolio-final-cta{flex-direction:column;align-items:flex-start}.portfolio-project-meta{grid-template-columns:1fr}.portfolio-project-hero__visual{min-height:17rem}.portfolio-project-gallery{grid-template-columns:1fr}.portfolio-project-media,.portfolio-project-media:first-child,.portfolio-project-media--wide,.portfolio-project-media--vertical,.portfolio-project-media--video{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.portfolio-hero__copy,.portfolio-project-hero__copy,.portfolio-section-heading,.portfolio-toolbar,.portfolio-card,.portfolio-project-intro,.portfolio-project-media,.portfolio-project-next{opacity:1;transition:none;transform:none}.portfolio-card:hover,.portfolio-hero__tile:hover{transform:none}.portfolio-card__media img,.portfolio-hero__tile img,.portfolio-project-media img{transition:none}}