.route-portfolio main{max-width:none}.portfolio-page{width:100%}.portfolio-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:3rem;align-items:end;margin-bottom:2.5rem}.portfolio-intro h1{margin-top:0;font-size:clamp(3rem,6vw,4.9rem);line-height:1.05;letter-spacing:-.055em}.portfolio-intro>p{max-width:28rem;margin:0 0 .15rem;color:var(--muted);font-size:1.2rem;line-height:1.6}.portfolio-intro em{color:var(--ink);font-style:normal}.portfolio-eyebrow{color:var(--muted);font:600 .68rem/1.6 system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase}#kind-tabs{margin-bottom:2.5rem}#portfolio-results.is-leaving{animation:var(--content-exit-animation)}#portfolio-results.is-entering{animation:var(--content-enter-animation)}.portfolio-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2.6rem 1.5rem}.portfolio-card{grid-column:span 2;min-width:0}.portfolio-card.featured{grid-column:span 3}.portfolio-card[hidden]{display:none}.project-open{display:block;width:100%;color:inherit;text-align:left;text-decoration:none;box-shadow:none;border-radius:14px;overflow:visible}.project-open:before{display:none}.project-image{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.55;overflow:hidden;padding:18px;border:1px solid var(--hairline);border-radius:14px;background:color-mix(in srgb,var(--paper) 72%,var(--rust) 12%)}.portfolio-card.featured .project-image{aspect-ratio:1.6;padding:25px}.project-image img{display:block;width:100%;height:100%;border-radius:5px;object-fit:contain;transition:transform .35s ease}.project-open:hover .project-image img{transform:scale(1.035)}.explore{position:absolute;right:14px;bottom:14px;padding:6px 12px;border:1px solid var(--hairline);border-radius:22px;background:var(--paper);color:var(--ink);font-size:.8rem;opacity:0;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease}.project-open:hover .explore,.project-open:focus-visible .explore{opacity:1;transform:none}.project-info{padding:1rem 2px 0}.project-info h2{display:block;margin:.35rem 0 .55rem;font-size:1.5rem;font-weight:500;letter-spacing:-.03em;line-height:1.2}.portfolio-card.featured .project-info h2{font-size:1.85rem}.project-info p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.55}.project-info .skills,.portfolio-project-skills{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.skill-tag{display:inline-flex;align-items:center;min-height:26px;padding:.15rem .7rem;border:0;border-radius:999px;background:color-mix(in srgb,var(--rust) 18%,var(--paper));color:color-mix(in srgb,var(--rust) 72%,var(--ink));font-size:.76rem;line-height:1.2}.portfolio-closing{display:flex;justify-content:space-between;gap:1.25rem;margin-top:4.4rem;padding:2rem 0 3rem;border-top:1px solid var(--hairline);color:var(--muted);font-size:.9rem}.portfolio-closing p{margin:0}.portfolio-project-category{color:var(--rust);font:600 .72rem/1.6 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}.portfolio-project-summary{max-width:44rem;margin-top:.2rem;color:var(--muted);font-size:1.2rem;line-height:1.55}.portfolio-cover{display:grid;min-height:18rem;place-items:center;margin:2rem 0 0;padding:1.5rem;overflow:hidden;border:1px solid var(--hairline);border-radius:1rem;background:color-mix(in srgb,var(--paper) 72%,var(--rust) 12%)}.portfolio-cover img{display:block;width:100%;max-height:36rem;border-radius:.4rem;object-fit:contain}.portfolio-project-copy{max-width:48rem;margin-top:2.2rem}.portfolio-project-copy p{margin-bottom:1.2rem}.portfolio-project-copy h2{margin:2rem 0 .8rem;font-size:1.35rem}.portfolio-project-copy li{margin-bottom:.65rem}.portfolio-project-skills{margin-top:1.5rem}.portfolio-project-links{margin-top:1rem}.portfolio-gallery{display:grid;gap:1.75rem;margin-top:2.5rem}.portfolio-gallery figure{margin:0}.portfolio-gallery img{display:block;width:100%;max-height:42rem;object-fit:contain;border:1px solid var(--hairline);border-radius:.8rem;background:color-mix(in srgb,var(--paper) 72%,var(--rust) 12%)}.portfolio-gallery figcaption{margin-top:.45rem;color:var(--muted);font-size:.8rem}@media(max-width:820px){.portfolio-intro{grid-template-columns:1fr;gap:1.3rem}.portfolio-intro>p{max-width:38rem;font-size:1.1rem}.portfolio-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:2rem 1rem}.portfolio-card,.portfolio-card.featured{grid-column:span 3}.portfolio-card.featured .project-info h2{font-size:1.55rem}.portfolio-closing{flex-direction:column}.portfolio-closing>a{align-self:flex-start}}@media(max-width:520px){.portfolio-intro{gap:1rem;margin-bottom:1.7rem}.portfolio-intro h1{font-size:clamp(2.8rem,13vw,4rem)}.portfolio-grid{grid-template-columns:minmax(0,1fr);gap:2rem}.portfolio-card,.portfolio-card.featured{grid-column:1}.portfolio-card.featured .project-image{padding:14px}.portfolio-card.featured .project-info h2,.project-info h2{font-size:1.5rem}.portfolio-eyebrow{font-size:.6rem}.skill-tag{min-height:1.35rem;padding-inline:.58rem;font-size:.72rem}.portfolio-cover{min-height:13rem;padding:.9rem}}