.project-story{overflow:clip}.project-story h2{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(36px,4.1vw,65px);font-weight:450;line-height:1.06}.project-story h2 span{color:var(--muted)}.project-story .eyebrow{margin-bottom:24px}.project-hero{padding:130px 0 0}.project-breadcrumb{color:var(--muted);align-items:center;gap:14px;font-size:12px;display:flex}.project-breadcrumb a:hover{color:var(--text)}.project-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;margin:80px 0 64px;display:grid}.project-heading h1{letter-spacing:-.075em;margin:0 0 28px;font-size:clamp(90px,13vw,190px);font-weight:450;line-height:.9}.project-heading h1 span{color:var(--accent)}.project-client-name{letter-spacing:-.035em;font-size:clamp(21px,2.25vw,34px);line-height:1.22}.project-intro>p{color:var(--muted);max-width:480px;margin-bottom:28px;font-size:clamp(17px,1.5vw,21px);line-height:1.65}.project-jump{align-items:center;gap:18px;width:fit-content;margin-top:24px;font-size:13px;display:flex}.project-screen{border:1px solid var(--line);background:#151c25;border-radius:16px;margin:0;overflow:hidden;box-shadow:0 30px 70px #0002}.project-screen img{width:100%;height:auto;display:block}.project-screen-bar{font:10px var(--font-mono), monospace;color:#abb5c5;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.project-screen-bar>span:first-child{gap:6px;display:flex}.project-screen-bar i{background:#647186;border-radius:50%;width:6px;height:6px}.project-facts{border-bottom:1px solid var(--line);grid-template-columns:.8fr 1fr 1.5fr .7fr;gap:28px;margin:44px 0 0;padding-bottom:44px;display:grid}.project-facts dt{font:10px var(--font-mono), monospace;color:var(--muted);margin-bottom:12px}.project-facts dd{margin:0;font-size:16px}.project-overview{grid-template-columns:1.1fr 1fr;gap:100px;padding-top:120px;padding-bottom:120px;scroll-margin-top:110px;display:grid}.project-body p{color:var(--muted);font-size:18px;line-height:1.8}.project-body p+p{margin-top:22px}.project-library{background:var(--surface-search);padding:110px 0}.project-section-heading{grid-template-columns:1.1fr .9fr;align-items:end;gap:90px;margin-bottom:54px;display:grid}.project-section-heading>p{color:var(--muted-on-tint);font-size:18px;line-height:1.8}.project-screen figcaption{color:#b7c1d1;padding:20px 24px;font-size:13px;line-height:1.6}.project-experience{grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px;padding-top:130px;padding-bottom:130px;display:grid}.project-mobile-view{text-align:center}.project-phone{background:#151c25;border:1px solid #6c7582;border-radius:40px;width:min(310px,78%);margin:0 auto 32px;padding:8px;transform:rotate(-3deg);box-shadow:12px 25px 55px #0003}.project-phone img{border-radius:32px;width:100%;height:auto;display:block}.project-mobile-view .eyebrow{color:var(--muted);font-size:9px}.project-features{margin-top:42px}.project-features article{border-top:1px solid var(--line);gap:22px;padding:26px 0;display:flex}.project-features article>svg{color:var(--accent);flex:0 0 25px;margin-top:5px}.project-features h3{letter-spacing:-.035em;margin-bottom:10px;font-size:24px;font-weight:500}.project-features p{color:var(--muted);font-size:17px;line-height:1.75}.project-close{background:var(--surface-campaign);text-align:center;padding:110px 0 120px}.project-close h2{max-width:950px;margin:0 auto}.project-close .wrap>p:not(.eyebrow){max-width:590px;color:var(--muted-on-tint);margin:26px auto 34px;font-size:18px;line-height:1.7}.project-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}@media (max-width:900px){.project-heading{gap:40px;margin-top:64px}.project-overview,.project-section-heading{gap:40px}.project-experience{gap:35px}.project-facts{grid-template-columns:1fr 1fr}.project-screen-bar>span:last-child{display:none}}@media (max-width:650px){.project-hero{padding-top:104px}.project-heading{grid-template-columns:1fr;gap:32px;margin:48px 0 38px}.project-heading h1{font-size:100px}.project-overview,.project-section-heading,.project-experience{grid-template-columns:1fr}.project-overview,.project-experience{gap:38px;padding-top:72px;padding-bottom:72px}.project-library,.project-close{padding:72px 0}.project-library-screen{border-radius:10px}.project-facts{column-gap:16px}.project-facts dd{font-size:14px}.project-experience>div:last-child{grid-row:1}.project-body p,.project-section-heading>p{font-size:17px}.project-screen figcaption{padding:16px}.project-mobile-view{padding-top:18px}.project-actions{flex-direction:column;align-items:center}.project-actions .btn{justify-content:center;width:100%;max-width:340px}}