.portfolio-hero{width:100%;margin-bottom:0}.portfolio-hero__wrapper{width:100%;height:70vh;min-height:500px;position:relative;overflow:hidden;background:#f5f5f5}.portfolio-hero__image{width:100%;height:100%;object-fit:cover;display:block}.portfolio-project-info{padding:80px 0}.portfolio-project-info__inner{max-width:800px;margin:0 auto}.portfolio-project-info__title{font-size:48px;line-height:1.2;font-weight:300;margin-bottom:32px;color:#000}.portfolio-project-info__description{font-size:18px;line-height:1.7;color:#333;margin-bottom:48px}.portfolio-project-info__description p{margin-bottom:1.5em}.portfolio-project-info__description p:last-child{margin-bottom:0}.portfolio-project-details{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 40px;margin-bottom:40px;padding:40px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.portfolio-project-detail{display:flex;flex-direction:column}.portfolio-project-detail__label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#999;margin-bottom:8px;font-weight:500}.portfolio-project-detail__value,.portfolio-project-detail__value a{font-size:16px;color:#000;text-decoration:none;line-height:1.5}.portfolio-project-detail__value a:hover{opacity:.6}.portfolio-share{display:flex;align-items:center;gap:16px}.portfolio-share__label{font-size:14px;color:#666;font-weight:500}.portfolio-share__buttons{display:flex;gap:12px}.portfolio-share__button{width:44px;height:44px;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;background:#fff;text-decoration:none;transition:all .2s ease}.portfolio-share__button:hover{background:#000;border-color:#000;color:#fff}.portfolio-share__button svg{width:20px;height:20px}.portfolio-gallery{width:100%}.portfolio-gallery__row{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:30px}.portfolio-gallery__item--half{position:relative;overflow:hidden;background:#f5f5f5;aspect-ratio:4/3}.portfolio-gallery__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.portfolio-gallery__item--half:hover .portfolio-gallery__image{transform:scale(1.03)}.portfolio-gallery__banner{width:100%;height:70vh;min-height:500px;position:relative;overflow:hidden;background:#f5f5f5;margin-bottom:30px}.portfolio-gallery__banner-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.portfolio-gallery__banner:hover .portfolio-gallery__banner-image{transform:scale(1.02)}.portfolio-navigation{padding:80px 0;border-top:1px solid #e0e0e0;margin-top:60px}.portfolio-navigation__inner{display:grid;grid-template-columns:1fr 1fr;gap:60px}.portfolio-navigation__link{text-decoration:none;color:#000;display:block;transition:opacity .2s ease}.portfolio-navigation__link:hover{opacity:.6}.portfolio-navigation__link--next{text-align:right;margin-left:auto}.portfolio-navigation__label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#999;margin-bottom:8px}.portfolio-navigation__title{display:block;font-size:20px;font-weight:400;line-height:1.4}@media screen and (max-width:989px){.portfolio-hero__wrapper{height:60vh;min-height:400px}.portfolio-project-info{padding:60px 0}.portfolio-project-info__title{font-size:36px}.portfolio-project-info__description{font-size:17px}.portfolio-project-details{grid-template-columns:1fr;gap:20px}.portfolio-grid{grid-template-columns:1fr;gap:40px}.project-info{position:static;top:auto}.portfolio-gallery__row{grid-template-columns:1fr;gap:20px;margin-bottom:20px}.portfolio-gallery__banner{height:50vh;min-height:350px;margin-bottom:20px}.portfolio-navigation__inner{grid-template-columns:1fr;gap:40px}.portfolio-navigation__link--next{text-align:left;margin-left:0}}@media screen and (max-width:749px){.portfolio-hero__wrapper{height:50vh;min-height:300px}.portfolio-project-info{padding:40px 0}.portfolio-project-info__title{font-size:28px;margin-bottom:24px}.portfolio-project-info__description{font-size:16px;margin-bottom:32px}.portfolio-project-details{padding:32px 0}.portfolio-share{flex-direction:column;align-items:flex-start;gap:12px}.portfolio-gallery__row{gap:15px;margin-bottom:15px}.portfolio-gallery__banner{height:40vh;min-height:250px;margin-bottom:15px}.portfolio-navigation{padding:60px 0 40px;margin-top:40px}.portfolio-navigation__inner{gap:32px}.portfolio-navigation__title{font-size:18px}}.portfolio-grid{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start}.portfolio-grid__content{max-width:100%}.portfolio-grid__sidebar{position:relative}.portfolio-image-gallery{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.portfolio-image-item{width:100%}.portfolio-image-item img{width:100%;height:auto;display:block}.portfolio-description{margin-top:40px;font-size:18px;line-height:1.8;color:#333}.portfolio-description p{margin-bottom:1.5em}.portfolio-description p:last-child{margin-bottom:0}.project-info{background:#f9f9f9;padding:40px;border-radius:8px;position:sticky;top:120px}.project-info__list{list-style:none;padding:0;margin:0}.project-info__item{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.project-info__item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.project-info__list .project-info__item.project-info__item--no-border{border-bottom:none!important;margin-bottom:.5rem!important;padding-bottom:.25rem!important;background:#ff00000d!important}.project-info__list .project-info__item.project-info__item--with-border{border-top:1px solid #e0e0e0!important;border-bottom:1px solid #e0e0e0!important;padding-top:1.5rem!important;padding-bottom:24px!important;margin-top:1rem!important;margin-bottom:24px!important;background:#00ff000d!important}.project-info__label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#999;margin-bottom:8px;font-weight:500}.project-info__value,.project-info__link{font-size:16px;color:#000;line-height:1.5}.project-info__link{text-decoration:none;transition:opacity .2s ease}.project-info__link:hover{opacity:.7}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-portfolio-project.css.map */