/* Project accounts extend the existing portfolio and secondary-page layouts. */
.intro-project-link{display:block;margin-top:24px;font:15px/1.6 "Inter",Arial,sans-serif;letter-spacing:0}
.intro-project-link a{border-bottom:1px solid #83868e;padding-bottom:5px}
.project-case-link{display:flex;width:fit-content;margin-top:18px}
.build-details{display:grid;grid-template-columns:1fr 1fr;gap:52px;padding:0 0 36px}
.build-detail{min-width:0}
.build-detail h3,.portfolio .build-detail h3{font-size:25px;line-height:1.2;letter-spacing:-.035em;margin:0 0 16px}
.build-detail h4,.build-next h4,.portfolio .build-detail h4,.portfolio .build-next h4{font:600 13px/1.5 "Inter",Arial,sans-serif;letter-spacing:0;text-transform:none;margin:0 0 16px}
.build-detail p,.build-next p{font-size:16px;line-height:1.75;margin:0 0 16px}
.portfolio .build-detail p,.portfolio .build-next p{color:#3b4047}
.build-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #bfc2c0;padding:30px 0 16px;gap:20px}
.build-results strong{display:block;font-size:clamp(35px,4vw,60px);font-weight:800;letter-spacing:-.06em;line-height:1.1;margin-bottom:10px}
.build-results span{display:block;font-size:13px;line-height:1.6}
.build-caption{font-size:13px;line-height:1.7;color:#62666e;margin:0 0 28px;max-width:780px}
.build-next{border-left:3px solid #0078c9;padding:2px 0 2px 22px;margin:24px 0 48px;max-width:850px}
.build-next p{margin:0}
.community-lesson{padding-top:14px}
.portfolio .community-lesson strong{color:#17191e}
.portfolio-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:10%;scroll-margin-top:110px}
.portfolio-case+.portfolio-case{border-top:1px solid #bfc2c0;margin-top:64px;padding-top:64px}
.portfolio-case .case-heading h2{font-size:clamp(36px,4.2vw,64px);letter-spacing:-.055em;line-height:1.05;margin:20px 0 24px}
.case-heading>p{font-size:14px;line-height:1.7;color:#62666e}
.case-body{min-width:0}
.case-body>.build-detail+.build-detail{margin-top:32px}
.case-logo{background:white;max-width:220px;margin-bottom:36px;border-radius:12px;overflow:hidden}
.case-logo img{width:100%;aspect-ratio:1.4;object-fit:cover}
.project-index{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;font-size:14px;line-height:1.7}
.project-index a{text-underline-offset:5px}
.project-archive .portfolio-case.section{width:min(100%,1440px);margin-inline:auto;padding-inline:var(--gutter)}
.project-archive .case-body .build-details{grid-template-columns:1fr;gap:20px;padding-bottom:10px}
.project-archive .build-detail p,.project-archive .build-next p{color:var(--soft)}
.project-archive .build-caption,.project-archive .case-heading>p{color:var(--soft)}
.project-archive .section-light .build-detail p,.project-archive .section-light .case-heading>p{color:#3b4047}
.project-archive .portfolio-case+.portfolio-case{border-color:var(--line)}
.project-archive .text-link{font-size:14px;display:inline-block;line-height:1.7;text-underline-offset:5px}
.project-archive .hero-actions{align-items:center}
.project-archive .build-next{margin-bottom:28px}
.project-archive .build-results{border-color:var(--line)}
.project-archive .case-logo{max-width:180px}
.project-archive .page-hero{min-height:520px}
.project-archive .page-hero h1{font-size:clamp(48px,6vw,92px);max-width:800px}
.project-archive .case-heading .eyebrow{line-height:1.7}
.project-archive [id],.portfolio #one1-studio,.portfolio #integrate-now,.portfolio #editor-community{scroll-margin-top:110px}
@media(max-width:900px){.portfolio-case{gap:6%}.build-details{gap:32px}}
@media(max-width:700px){
  .build-details,.portfolio-case{grid-template-columns:1fr;gap:24px}
  .build-details{padding-bottom:20px}
  .build-results{gap:18px;padding-top:24px}
  .build-results strong{font-size:34px}
  .build-results span{font-size:12px}
  .build-detail p,.build-next p{font-size:15px;line-height:1.75}
  .portfolio-case+.portfolio-case{margin-top:44px;padding-top:44px}
  .portfolio-case .case-heading h2{font-size:40px;margin:15px 0}
  .case-heading>p{margin:0 0 12px}
  .case-logo{max-width:150px;margin-bottom:26px}
  .project-archive .page-hero{min-height:0}
  .project-archive .page-hero h1{font-size:48px}
  .project-index{gap:12px 22px}
  .build-next{padding-left:16px}
  .intro-project-link{font-size:13px;max-width:300px;margin:22px auto 0}
}
@media(max-width:380px){.build-results strong{font-size:28px}.build-results{gap:10px}.project-archive .page-hero h1{font-size:40px}}

.studio-examples{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}
.studio-examples>h3{font-size:22px;margin:0 0 24px}
.studio-examples-grid{display:grid;gap:20px}
.studio-examples .card{padding:24px;border:1px solid var(--line)}
.studio-examples .card h4{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin:16px 0}
.studio-examples .card p{font-size:15px;line-height:1.75}