.website-portfolio{padding-top:clamp(3rem,7vw,7rem)}.portfolio-intro{max-width:58rem;margin-bottom:clamp(3rem,6vw,6rem)}.portfolio-kicker{color:var(--color-grey);letter-spacing:.16em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.67rem;font-weight:500;line-height:1.6}.portfolio-intro h1{letter-spacing:-.045em;margin:1.5rem 0;font-size:clamp(2.8rem,7vw,6.3rem);font-weight:400;line-height:.98}.portfolio-intro>p:last-child{max-width:36rem;color:var(--color-grey);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.7}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem 2rem;display:grid}.portfolio-card{min-width:0}.portfolio-image-link{aspect-ratio:1280/900;border:1px solid var(--color-hairline);display:block;overflow:hidden}.portfolio-image-link img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .25s}.portfolio-image-link:hover img{transform:scale(1.025)}.portfolio-card-copy{padding:1.5rem 0}.portfolio-card h2,.portfolio-card h3{letter-spacing:-.03em;margin:.6rem 0 .85rem;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:400;line-height:1.1}.portfolio-card-copy>p:not(.portfolio-kicker){max-width:34rem;color:var(--color-grey);line-height:1.7}.portfolio-open{border-bottom:1px solid;align-items:center;gap:.7rem;min-height:44px;margin-top:1rem;font-family:Inter,sans-serif;font-size:.9rem;display:inline-flex}.portfolio-next,.portfolio-products{border-top:1px solid var(--color-hairline);margin-top:clamp(3rem,6vw,6rem);padding-top:2.5rem}.portfolio-products>h2{letter-spacing:-.035em;margin:.9rem 0 2.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:400}.portfolio-products .portfolio-image-link img{object-fit:contain;background:#111}.portfolio-card-copy>.portfolio-product-credit{margin-top:.75rem;font-size:.7rem}.portfolio-next h2{letter-spacing:-.035em;margin-bottom:.9rem;font-size:clamp(2rem,4vw,3rem);font-weight:400}.portfolio-next p{color:var(--color-grey)}.portfolio-demo{color:#17251e;background:#f4f1e9;flex-direction:column;width:100%;height:100dvh;min-height:360px;font-family:Inter,sans-serif;display:flex}.portfolio-demo-bar{border-bottom:1px solid #17251e22;flex:none;align-items:center;gap:1.2rem;padding:.65rem 1.25rem;display:flex}.portfolio-demo-back,.portfolio-demo-live{flex:none;align-items:center;gap:.35rem;min-height:44px;font-size:.8rem;display:inline-flex}.portfolio-demo-caption{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.portfolio-demo-caption strong{font-size:.85rem;font-weight:600}.portfolio-demo-caption span{font-size:.65rem;line-height:1.3}.portfolio-demo-disclosure{border-bottom:1px solid #17251e22;flex:none;margin:0;padding:.55rem 1.25rem;font-size:.7rem;line-height:1.45}.portfolio-demo-frame{background:#fff;border:0;flex:1;width:100%;min-height:0;display:block}@media (width<=640px){.portfolio-grid{grid-template-columns:1fr;gap:2rem}.portfolio-demo-bar{gap:.7rem;padding:.4rem .75rem}.portfolio-demo-back span{font-size:.7rem}.portfolio-demo-caption strong{font-size:.75rem}.portfolio-demo-live{font-size:.7rem}.portfolio-demo-disclosure{padding:.5rem .75rem;font-size:.65rem}}@media (prefers-reduced-motion:reduce){.portfolio-image-link img{transition:none}}