@font-face{font-family:Montserrat-Regular;src:url(/fonts/Montserrat/Montserrat-Regular.ttf)format("truetype")}@font-face{font-family:Montserrat-Bold;src:url(/fonts/Montserrat/Montserrat-Bold.ttf)format("truetype")}@font-face{font-family:Montserrat-Black;src:url(/fonts/Montserrat/Montserrat-Black.ttf)format("truetype")}@font-face{font-family:Montserrat-Regular;src:url(/fonts/Montserrat/Montserrat-Regular.ttf)format("truetype")}@font-face{font-family:Montserrat-Bold;src:url(/fonts/Montserrat/Montserrat-Bold.ttf)format("truetype")}@font-face{font-family:Montserrat-Black;src:url(/fonts/Montserrat/Montserrat-Black.ttf)format("truetype")}.badge{color:#fff;background-color:#313b6b;border-radius:8px;padding:6px 12px;font-size:16px}.box{background-color:#fff;border-radius:8px;padding:20px}@media screen and (max-width:768px){.box{padding:16px}}.project-detail-page{background-color:#ebecef;min-height:100vh}.project-detail-page__header{z-index:3;background-color:#fff;padding:120px 0 100px;position:relative;box-shadow:0 4px 4px #ddd}@media screen and (max-width:768px){.project-detail-page__header{padding:92px 0 48px}}.project-detail-page__header .header__breadcrumbs{word-break:break-word;flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;display:flex}@media screen and (max-width:768px){.project-detail-page__header .header__breadcrumbs{font-size:14px}}.project-detail-page__header .header__breadcrumbs a{color:#313b6b;text-decoration:none}.project-detail-page__header .header__breadcrumbs a svg,.project-detail-page__header .header__breadcrumbs a i{color:#313b6b}.project-detail-page__header .header__breadcrumbs svg,.project-detail-page__header .header__breadcrumbs i{color:#505050}.project-detail-page__header .header__breadcrumbs span{color:#7b7b7b}.project-detail-page__header .header__landing{justify-content:space-around;align-items:center;gap:48px;margin-top:32px;display:flex}@media screen and (max-width:768px){.project-detail-page__header .header__landing{flex-direction:column;gap:24px;margin-top:24px}}.project-detail-page__header .header__landing .landing__image{border:1px solid #ebecef;border-radius:8px;width:50%;height:auto;display:block}@media screen and (max-width:768px){.project-detail-page__header .header__landing .landing__image{width:100%}}.project-detail-page__header .header__landing .landing__title{color:#313b6b;text-transform:uppercase;margin:0;font-family:Montserrat-Black;font-size:44px}@media screen and (max-width:768px){.project-detail-page__header .header__landing .landing__title{font-size:32px}}.project-detail-page__header .header__landing .landing__description{color:#7b7b7b;margin:16px 0 0;font-size:18px}@media screen and (max-width:768px){.project-detail-page__header .header__landing .landing__description{margin-top:12px;font-size:16px}}.project-detail-page__header .header__landing .landing__tech-stack-title{color:#505050;margin:28px 0 0;font-family:Montserrat-Bold;font-size:20px}@media screen and (max-width:768px){.project-detail-page__header .header__landing .landing__tech-stack-title{margin-top:24px;font-size:18px}}.project-detail-page__header .header__landing .landing__tech-stack-list{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:inline-flex}.project-detail-page__details{flex-direction:column;gap:24px;padding-top:3rem;padding-bottom:3rem;display:flex}@media screen and (max-width:768px){.project-detail-page__details{gap:20px;padding-top:2rem;padding-bottom:2rem}}.project-detail-page__details .details__full-description{color:#505050;font-size:18px}@media screen and (max-width:768px){.project-detail-page__details .details__full-description{font-size:16px}}.project-detail-page__details .details__link{word-break:break-word;flex-flow:column wrap;gap:12px;font-size:18px;display:flex}@media screen and (max-width:768px){.project-detail-page__details .details__link{font-size:16px}}.project-detail-page__details .details__link .link__label{color:#505050}.project-detail-page__details .details__link .link__value{color:#313b6b;font-family:Montserrat-Bold;text-decoration:none}.project-detail-page__details .details__link .link__value:hover{text-decoration:underline}.project-detail-page__details .details__image{border-radius:8px;width:100%;height:auto;display:block}.project-detail-page__copyright{text-align:center;color:#505050;padding:20px 0;font-size:16px}
