#page .project-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;padding:48px 32px;background:#fafafa;color:#121212;width:100%;box-sizing:border-box;align-items:center}
#page .project-heading h1{font-family:var(--portfolio-type)!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.12!important;font-weight:400!important;letter-spacing:-.025em!important;margin:0 0 24px;text-align:left}
#page .project-heading p{font-family:var(--portfolio-body)!important;font-size:20px!important;line-height:1.45!important;font-weight:400;margin:0;text-align:left}
#page .project-external{display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:230px}
#page .project-external a{font-family:var(--portfolio-body);font-size:18px;line-height:1.3;color:inherit;text-decoration:underline;text-underline-offset:4px;text-align:right}
#page .project-description{padding:24px 32px 48px;background:#fafafa;box-sizing:border-box}
#page .project-description .sqs-html-content{max-width:850px}
@media(max-width:767px){#page .project-heading{grid-template-columns:1fr;padding:32px 24px;gap:24px}#page .project-external{align-items:flex-start;flex-direction:row;flex-wrap:wrap;max-width:none;gap:12px 20px}#page .project-external a{text-align:left}#page .project-description{padding:0 24px 32px}}

#page .project-external .project-link-arrow{display:inline-block;font-size:.65em;line-height:1;vertical-align:.12em;margin-left:2px}
