.project-story .story-main{padding-top:126px}.story-back{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--portfolio-secondary);margin-bottom:54px}.story-back:hover{color:var(--portfolio-accent)}.story-heading-row{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;align-items:end}.interior-page .story-header h1{font-size:clamp(48px,7vw,100px);max-width:14ch;margin:0}.story-tagline{font-size:clamp(22px,2.8vw,34px);line-height:1.3;letter-spacing:-.03em;color:#61616a;margin-top:22px;max-width:28ch}.story-meta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:5px}.story-meta>span:not(.story-status){font-size:13px;color:#61616a}.story-meta strong{font-size:20px;line-height:1.4;max-width:27ch;font-weight:500}.story-meta .v2-text-link{margin-top:8px}.story-status{font-size:12px;color:#365775;background:#e5eef8;padding:7px 13px;border-radius:30px;margin-bottom:10px}.interior-page main>.story-visuals{padding:0;margin-top:64px;margin-bottom:100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.story-visuals.is-web .story-screen:first-child{grid-column:1/-1}.story-visuals.is-web .story-screen:only-child{max-width:none}.story-screen{min-width:0;margin:0}.story-screen-stage{border-radius:28px;padding:clamp(18px,3vw,42px);overflow:hidden}.story-screen-stage .project-gallery,.story-screen-stage .screen-expand{width:100%}.story-screen-stage .story-capture{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 12px 32px #1d1d1f14}.story-visuals.is-mobile .story-screen-stage{min-height:620px;display:flex;align-items:center;justify-content:center;padding:40px}.story-visuals.is-mobile .story-screen-stage .project-gallery{max-width:260px}.story-visuals.is-mobile .story-capture{border-radius:26px}.story-screen figcaption{display:flex;gap:16px;padding:18px 4px;line-height:1.5}.story-screen figcaption>span{color:#777780;font-size:13px;padding-top:2px}.story-screen figcaption strong{font-size:15px;font-weight:500}.story-screen figcaption p{font-size:13px;color:#61616a;margin-top:4px;max-width:64ch}.interior-page main>:is(.story-overview,.story-contribution){padding:60px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:80px;border-top:1px solid #d9d9df}.interior-page .story-main h2{font-size:clamp(30px,3.5vw,48px);max-width:14ch}.story-lead{font-size:clamp(18px,1.65vw,22px);line-height:1.7;color:#44444b}.story-capabilities{margin-top:34px}.story-capabilities li{display:flex;align-items:baseline;gap:18px;padding:16px 0;border-top:1px solid #d9d9df}.story-capabilities li span{font-size:12px;color:#0969ce}.interior-page .story-contribution h3{font-size:15px;margin-top:32px;margin-bottom:14px}.story-technologies{display:flex;flex-wrap:wrap;gap:10px}.story-technologies li{padding:8px 16px;background:#fff;border:1px solid #e0e0e5;border-radius:30px;font-size:14px}.interior-page main>.story-source{padding:32px;background:#e8f1fc;border-radius:24px;margin-block:32px 64px}.story-source>p:not(.v2-eyebrow){max-width:88ch;font-size:17px;margin-bottom:18px}.interior-page main>.story-next{padding:70px 0 100px;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;border-top:1px solid #d9d9df}.story-next .v2-button{margin-top:28px}.story-next-project{align-self:center;display:grid;grid-template-columns:1fr auto;padding:28px;border-radius:24px;background:#fff;transition:box-shadow .2s}.story-next-project:hover{box-shadow:0 8px 32px #1d1d1f0d}.story-next-project span{font-size:13px;color:#61616a;grid-column:1/-1}.story-next-project strong{font-size:28px;letter-spacing:-.035em;margin-top:10px;font-weight:500}.story-next-project svg{align-self:end;color:#0969ce}@media (max-width:767px){.project-story .story-main{padding-top:108px}.story-back{margin-bottom:32px}.story-heading-row{grid-template-columns:1fr;gap:28px}.interior-page .story-header h1{font-size:clamp(44px,12vw,68px)}.story-meta strong{font-size:17px}.interior-page main>.story-visuals{margin-block:36px 48px;gap:20px;grid-template-columns:1fr}.story-visuals.is-mobile .story-screen-stage{min-height:0;padding:28px}.story-visuals.is-mobile .story-screen-stage .project-gallery{max-width:230px}.interior-page main>:is(.story-overview,.story-contribution,.story-next){grid-template-columns:1fr;gap:26px;padding-block:36px}.interior-page main>.story-source{padding:24px}.story-lead{font-size:18px}}
