.section-portfolio-case__wrap{padding:2rem 0 7.5rem}@media(max-width:61rem){.section-portfolio-case__wrap{padding:1.5rem 0 5rem}}.section-portfolio-case__top:not(:last-child){margin-bottom:3.5rem}@media(max-width:61rem){.section-portfolio-case__top:not(:last-child){margin-bottom:2.5rem}}.portfolio-case-top__slider-wrap:not(:last-child){margin-bottom:1.5rem}.portfolio-case-top__img{align-self:flex-start;aspect-ratio:16/9;background-color:var(--color-black-is-back);border:.0625rem solid var(--color-white-100);display:block;overflow:hidden;position:relative}.portfolio-case-top__img img{height:100%;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.portfolio-case-top__navigation{justify-content:flex-end;padding-right:var(--container-padding)}.portfolio-case-bottom__intro:not(:last-child){margin-bottom:3.5rem}@media(max-width:61rem){.portfolio-case-bottom__intro:not(:last-child){margin-bottom:3rem}}.portfolio-case-bottom__heading{align-items:start;display:grid;gap:1.5rem 2.5rem;grid-template-columns:minmax(0,1fr) auto}.portfolio-case-bottom__heading:not(:last-child){margin-bottom:1.75rem}@media(max-width:47rem){.portfolio-case-bottom__heading{grid-template-columns:1fr}}.portfolio-case-bottom__title{color:var(--color-white);max-width:47.5rem;text-transform:capitalize}.portfolio-case-bottom__description{max-width:63.75rem}.portfolio-case-bottom__project-link{--button-height:3rem;--button-padding-x:1.25rem;align-self:start}@media(max-width:47rem){.portfolio-case-bottom__project-link{width:-moz-fit-content;width:fit-content}}.portfolio-case-metas{--metas-padding-y:3.125rem;border:solid var(--color-white-050);border-width:.0625rem 0;padding:var(--metas-padding-y) 0}@media(max-width:61rem){.portfolio-case-metas{--metas-padding-y:4.375rem}}.portfolio-case-metas__row{--col-gap:1rem;display:flex;gap:var(--col-gap) 0;justify-content:space-between;margin:0 calc(var(--col-gap)/2*-1)}@media(max-width:61rem){.portfolio-case-metas__row{flex-wrap:wrap}}.portfolio-case-metas__col{padding:0 calc(var(--col-gap)/2)}.portfolio-case-metas__list>li:not(:last-child){margin-bottom:1rem}.portfolio-case-metas-item{display:flex;gap:.625rem}.portfolio-case-metas-item__label,.portfolio-case-metas-soc__label{color:var(--color-white);font-size:var(--heading-h6-font-size);font-weight:var(--heading-h6-font-weight);line-height:var(--heading-h6-line-height);text-transform:capitalize}.portfolio-case-metas-soc__label:not(:last-child){margin-bottom:1.0625rem}
