.studio-portfolio-index{width:min(1160px,100% - 80px)}.studio-portfolio-index-hero{padding:48px 0 28px}.studio-portfolio-index-hero h1{letter-spacing:-.035em;font-size:clamp(36px,4.6vw,56px);font-weight:500;line-height:1.12}.studio-portfolio-index-hero p{max-width:65ch;font-size:var(--studio-type-body);color:var(--studio-text-muted);margin-top:16px;line-height:1.7}.studio-portfolio-index-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.studio-portfolio-index-filters{flex-wrap:wrap;gap:8px;display:flex}.studio-portfolio-index-toolbar>p{font-size:var(--studio-type-label);color:var(--studio-text-muted);font-variant-numeric:tabular-nums;line-height:1.6}.studio-portfolio-index-order{white-space:nowrap}.studio-portfolio-index-grid{animation:portfolio-index-change .18s var(--ease);grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;margin:0;padding:0;list-style:none;display:grid}.studio-portfolio-index-grid>li{min-width:0}.studio-portfolio-index-grid>li>.card>a{border-radius:var(--studio-radius-inner);display:block}.studio-portfolio-index-photo{aspect-ratio:4/3;border-radius:var(--studio-radius-inner);background:var(--studio-surface-subtle);overflow:hidden}.studio-portfolio-index-photo img{height:100%;transition:transform .32s var(--ease)}.studio-portfolio-index-photo>p{height:100%;font-size:var(--studio-type-small);color:var(--studio-text-muted);place-items:center;padding:16px;line-height:1.6;display:grid}.studio-portfolio-index-grid>li>.card>a:is(:hover,:focus-visible) img{transform:scale(1.025)}.studio-portfolio-index-caption{justify-content:space-between;align-items:start;gap:16px;padding:16px 0 0;display:flex}.studio-portfolio-index-caption h3{font-size:var(--studio-type-price);letter-spacing:-.025em;overflow-wrap:anywhere;font-weight:500;line-height:1.35}.studio-portfolio-index-caption p{font-size:var(--studio-type-small);color:var(--studio-text-muted);margin-top:5px;line-height:1.6}.studio-portfolio-index-caption time{font-size:var(--studio-type-caption);color:var(--studio-text-muted);margin-top:6px;line-height:1.6;display:block}.studio-portfolio-index-caption>svg{flex-shrink:0;margin-top:4px}.studio-portfolio-index-empty{font-size:var(--studio-type-body);color:var(--studio-text-muted);padding:32px 0;line-height:1.7}.studio-portfolio-index-more{justify-content:center;margin-top:32px;display:flex}.studio-portfolio-index-close{border-top:1px solid var(--studio-divider);grid-template-columns:1.5fr 1fr;align-items:start;gap:64px;margin-top:72px;padding-top:40px;display:grid}.studio-portfolio-index-close h2{letter-spacing:-.03em;font-size:clamp(28px,3.4vw,40px);font-weight:500;line-height:1.15}.studio-portfolio-index-close p{max-width:65ch;font-size:var(--studio-type-body);color:var(--studio-text-muted);margin-top:16px;line-height:1.7}.studio-portfolio-index-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.studio-portfolio-index-address h3{font-size:var(--studio-type-section);font-weight:500;line-height:1.5}.studio-portfolio-index-address p{margin-top:8px}@keyframes portfolio-index-change{0%{opacity:.65}to{opacity:1}}@media (max-width:900px){.studio-portfolio-index-toolbar{display:block}.studio-portfolio-index-toolbar>p{margin-top:12px}}@media (max-width:600px){.studio-portfolio-index{width:calc(100% - 36px)}.studio-portfolio-index-hero{padding-top:32px;padding-bottom:20px}.studio-portfolio-index-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-portfolio-index-grid{gap:24px 14px}.studio-portfolio-index-grid[data-filter=all]>li:first-child{grid-column:1/-1}.studio-portfolio-index-grid[data-filter=all]>li:first-child .studio-portfolio-index-photo{aspect-ratio:16/10}.studio-portfolio-index-caption{gap:8px;padding-top:12px}.studio-portfolio-index-caption h3{font-size:var(--studio-type-body)}.studio-portfolio-index-caption>svg{width:16px;height:16px}.studio-portfolio-index-caption p{font-size:var(--studio-type-caption)}.studio-portfolio-index-grid[data-filter=all]>li:first-child h3{font-size:var(--studio-type-price)}.studio-portfolio-index-close{grid-template-columns:1fr;gap:28px;margin-top:48px;padding-top:32px}}@media (prefers-reduced-motion:reduce){.studio-portfolio-index-grid{animation:none}.studio-portfolio-index-photo img{transition:none}.studio-portfolio-index-grid>li>.card>a:is(:hover,:focus-visible) img{transform:none}}