.portfolio-hero{margin:0 var(--gutter);display:grid;grid-template-columns:1fr;gap:20px;background:var(--project-color)}
.portfolio-hero>img{width:100%;height:auto;max-height:90svh;object-fit:contain}
.portfolio-hero-pair{grid-template-columns:1fr 1fr;background:transparent}
.portfolio-hero-pair>img{height:100%;max-height:none;object-fit:cover}
.case-astra .portfolio-hero{max-width:760px;margin:0 auto;background:transparent}
.case-astra .portfolio-hero>img{max-height:100svh}
.portfolio-story{margin:70px var(--gutter) 80px;display:grid;grid-template-columns:1fr 1.4fr;gap:9vw}
.portfolio-story h2{font-weight:400;margin-bottom:22px}
.portfolio-story p{font-family:var(--editorial);font-size:clamp(22px,2.2vw,34px);line-height:1.38;letter-spacing:-.025em}
.portfolio-story .portfolio-services-title{margin-top:35px;margin-bottom:15px}
.portfolio-story ul{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.8}
.portfolio-gallery{margin:0 var(--gutter)}
.portfolio-gallery-row{display:grid;gap:24px;margin-bottom:70px;align-items:start}
.gallery-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.gallery-single{grid-template-columns:minmax(0,1fr)}
.portfolio-gallery figure{min-width:0}
.portfolio-gallery img{width:100%;height:auto;object-fit:contain}
.gallery-pair img{aspect-ratio:.9;object-fit:contain;background:#eeeee9}
.gallery-single img{max-height:1000px;object-fit:contain}
.portfolio-gallery figcaption{display:grid;grid-template-columns:1fr 2fr;gap:25px;margin-top:16px}
.portfolio-gallery figcaption p{font-family:var(--editorial);font-size:18px;line-height:1.4;max-width:600px}
.gallery-pair figcaption{grid-template-columns:1fr;gap:10px}
.catalog-full .catalog-astra .catalog-image{aspect-ratio:.92}
.catalog-ami .catalog-image img,.catalog-astra .catalog-image img{object-position:center}
.catalog-oner .catalog-image img,.catalog-valroy .catalog-image img{object-fit:contain;background:#e7e3da}
.catalog-full .catalog-oner .catalog-image,.catalog-full .catalog-valroy .catalog-image{aspect-ratio:1.2}
.ami-spread .spread-main img{object-position:center}
.ami-spread .spread-detail img{object-position:center}
@media(max-width:760px){.portfolio-hero{gap:12px}.portfolio-hero-pair{grid-template-columns:1fr}.portfolio-hero>img{max-height:none}.case-astra .portfolio-hero{margin:0 var(--gutter)}.portfolio-story{grid-template-columns:1fr;gap:40px;margin-top:40px;margin-bottom:45px}.portfolio-story p{font-size:23px;line-height:1.4}.portfolio-story h2{margin-bottom:17px}.portfolio-story ul{font-size:15px}.portfolio-gallery-row{gap:32px;margin-bottom:40px}.gallery-pair{grid-template-columns:1fr}.gallery-pair img{aspect-ratio:auto;background:transparent}.portfolio-gallery figcaption{grid-template-columns:1fr;gap:10px}.portfolio-gallery figcaption p{font-size:18px}.ami-spread{grid-template-rows:55% 45%}.ami-spread .spread-detail{display:block}.ami-spread .spread-main img{object-position:center}.ami-spread .spread-detail img{object-position:center}.catalog-full .catalog-oner .catalog-image,.catalog-full .catalog-valroy .catalog-image{aspect-ratio:1.2}}
