@layer components{.project-details{border-top:var(--layout-border);border-bottom:var(--layout-border);flex-direction:column;gap:16px;margin:0 auto 40px;display:flex}.project-details__inner{--padding:20px;width:min(calc(100% - var(--padding)),calc(var(--layout-width)*.65));background:linear-gradient(to top left,var(--grey-000)0%,var(--grey-100)50%,var(--grey-000)100%);border-left:var(--layout-border);border-right:var(--layout-border);flex-direction:column;margin-inline:auto;display:flex;position:relative}@media (width>=520px) and (width<=920px){.project-details__inner{--padding:50px}}.project-details__header{border-bottom:var(--layout-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.project-details__title{font-family:var(--serif-font);font-size:var(--h2);text-wrap:balance;font-weight:500}.project-details__info{font-size:var(--label);font-family:var(--monospace-font);border-bottom:var(--layout-border);flex-wrap:wrap;align-items:center;gap:1ch;padding:10px;display:flex}.project-details__content{padding:14px 10px}}