.hp-project-hero{align-items:flex-start;min-height:520px;padding:124px 0 72px;display:flex;position:relative;overflow:hidden}.hp-project-hero-bg{z-index:0;opacity:.25;pointer-events:none;position:absolute;inset:0}.hp-project-hero-bg svg{width:100%;height:100%}.hp-project-hero-content{z-index:1;width:100%;max-width:calc(var(--hp-max-w) + var(--hp-gutter) * 2);padding:0 var(--hp-gutter);gap:var(--hp-gap);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid;position:relative}.hp-project-tagline{grid-area:1/1;align-self:start}.hp-project-tagline p{color:#b3b3b3;font-family:var(--hp-sans);text-transform:capitalize;margin:0;font-size:18px;font-weight:300;line-height:150%}.hp-project-hero-center{text-align:left;flex-direction:column;grid-area:1/2/auto/4;align-items:flex-start;gap:24px;display:flex}.hp-project-num{color:var(--hp-accent-light);font-family:var(--hp-mono);letter-spacing:-12px;-webkit-user-select:none;user-select:none;font-size:120px;font-weight:100;line-height:105%}.hp-project-title{color:var(--hp-text-2);font-family:var(--hp-sans);margin:0;font-size:42px;font-weight:400;line-height:116.667%}.hp-project-subtitle{font-weight:400}.hp-project-tags{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:12px;display:flex}.hp-project-body{gap:var(--hp-gap);padding:96px var(--hp-gutter) 0;max-width:calc(var(--hp-max-w) + var(--hp-gutter) * 2);grid-template-columns:repeat(3,1fr);width:100%;margin:0 auto;display:grid}.hp-project-sidebar{flex-direction:column;grid-area:1/1;align-self:start;gap:48px;display:flex}.hp-project-url-block{flex-direction:column;gap:6px;display:flex}.hp-project-url-label{color:#b3b3b3;font-family:var(--hp-mono);letter-spacing:.6px;text-transform:uppercase;font-size:16px;font-weight:400;line-height:125%}.hp-project-url-value{color:var(--hp-text-2);font-family:var(--hp-sans);font-size:16px;font-weight:600;line-height:125%;text-decoration:none;transition:color .2s}.hp-project-url-value:hover{color:var(--hp-accent-light);text-decoration:none}.hp-project-logo-wrap{grid-area:2/1;align-self:end}.hp-project-logo{opacity:.6;max-width:180px}.hp-project-logo svg{width:100%;height:auto}.hp-project-content{flex-direction:column;grid-area:1/2/3/4;gap:48px;display:flex}.hp-project-intro{color:var(--hp-text-2);font-family:var(--hp-sans);margin:0;font-size:18px;font-weight:400;line-height:175%}.hp-project-intro-sub{color:#999;font-family:var(--hp-sans);margin:0;font-size:18px;font-weight:400;line-height:175%}.hp-project-features{flex-direction:column;gap:36px;display:flex}.hp-project-feature{flex-direction:column;gap:8px;display:flex}.hp-project-feature-title{color:#666;font-family:var(--hp-sans);margin:0;font-size:18px;font-weight:600;line-height:125%}.hp-project-feature-body{color:#999;font-family:var(--hp-sans);margin:0;font-size:18px;font-weight:400;line-height:175%}.hp-project-steps{margin-top:48px;margin-bottom:0}.hp-project-embed{border-radius:36px}.hp-project-step-text{color:#999;margin:0;font-family:Geist Mono,monospace;font-size:16px;font-style:normal;font-weight:300;line-height:180%}.hp-project-footer{margin-top:72px}@media (max-width:991.98px){.hp-project-hero{min-height:auto;padding:96px 0 56px}.hp-project-hero-content{flex-direction:column;gap:0;display:flex}.hp-project-tagline{margin-top:48px;margin-bottom:48px}.hp-project-num{letter-spacing:-9.6px;font-size:96px}.hp-project-title{font-size:32px}.hp-project-tagline p{font-size:16px}.hp-project-body{padding:124px var(--hp-gutter) 0;flex-direction:column;gap:0;display:flex}.hp-project-sidebar{align-self:auto}.hp-project-url-label,.hp-project-url-value{font-size:14px}.hp-project-content{margin-top:124px}.hp-project-logo-wrap{order:10;align-self:center;margin-top:96px}.hp-project-intro,.hp-project-intro-sub{font-size:16px;line-height:32px}.hp-project-feature-title{font-size:16px}.hp-project-feature-body{font-size:16px;line-height:32px}.hp-project-steps{margin-top:36px;margin-bottom:0}.hp-project-content{gap:36px}.hp-project-embed{border-radius:32px}.hp-project-footer{margin-top:96px}}@media (max-width:575.98px){.hp-project-hero{padding:96px 0 40px}.hp-project-hero-content{gap:32px;padding:0 12px}.hp-project-tagline p{font-size:14px}.hp-project-num{letter-spacing:-7.2px;font-size:72px}.hp-project-title{font-size:24px}.hp-project-tags{gap:6px}.hp-project-body{padding:72px var(--hp-gutter) 0}.hp-project-sidebar{flex-flow:wrap;align-items:flex-start;gap:24px}.hp-project-logo{max-width:120px}.hp-project-content{margin-top:72px}.hp-project-intro,.hp-project-intro-sub{font-size:14px;line-height:28px}.hp-project-feature-title{font-size:15px}.hp-project-feature-body{font-size:14px;line-height:28px}.hp-project-content{gap:24px}.hp-project-steps{margin-top:24px;margin-bottom:0}.hp-project-embed{border-radius:24px}.hp-project-step-text{font-size:12px}.hp-project-footer{margin-top:96px}}