.sample-project-page{background-color:var(--base-100);color:var(--base-400)}.sample-project-page h3{letter-spacing:-.1rem;text-transform:uppercase;font-size:4rem;font-weight:700;line-height:1.1}.sample-project-page .project-header{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:1.5em;width:100vw;height:50svh;padding-bottom:3em;display:flex}.sample-project-page .project-header p{margin-bottom:2rem}.sample-project-page .project-details{text-align:center;flex-direction:column;align-items:center;gap:4rem;width:55%;margin:0 auto 4rem;padding:8rem 1rem 2rem;display:flex}.sample-project-page .details{flex-direction:column;gap:1rem;width:100%;margin-bottom:4rem;display:flex}.sample-project-page .details a.project-link{color:var(--base-500);text-decoration:none;transition:opacity .2s}.sample-project-page .details a.project-link:hover{opacity:.8}.sample-project-page .project-form-section{background-color:var(--base-200);text-align:left;border:1px solid #1a16141a;border-radius:1rem;width:55%;margin:6rem auto;padding:3rem}.sample-project-page .project-form-section h3{text-transform:uppercase;margin-bottom:1rem;font-size:2.5rem}.sample-project-page .project-form-section p{color:var(--base-300);margin-bottom:2rem;font-size:1.1rem;line-height:1.4}.sample-project-page .project-form{flex-direction:column;gap:1.5rem;display:flex}.sample-project-page .form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.sample-project-page .form-group{flex-direction:column;gap:.5rem;display:flex}.sample-project-page .form-group label{text-transform:uppercase;color:var(--base-400);font-family:Geist Mono;font-size:.8rem}.sample-project-page .form-group input,.sample-project-page .form-group textarea{color:var(--base-400);background-color:#fff9;border:1px solid #1a161426;border-radius:.5rem;padding:1rem;font-family:PP Neue Montreal;font-size:1.1rem;transition:all .3s}.sample-project-page .form-group input:focus,.sample-project-page .form-group textarea:focus{border-color:var(--base-500);background-color:#fff;outline:none}.sample-project-page .submit-btn{background-color:var(--base-400);color:#fff;cursor:pointer;text-transform:uppercase;border:none;border-radius:.5rem;align-self:flex-start;padding:1rem 2.5rem;font-family:PP Pangram Sans;font-size:1rem;font-weight:700;transition:all .3s}.sample-project-page .submit-btn:hover{background-color:var(--base-500)}.sample-project-page .submit-btn:disabled{opacity:.5;cursor:not-allowed}.sample-project-page .form-success-msg{color:var(--base-500);text-align:center;background-color:#ff6e141a;border-radius:.5rem;padding:2rem;font-family:PP Neue Montreal;font-size:1.25rem;font-weight:500}.sample-project-page .next-project{text-align:center;border-top:1px solid #1a16141a;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100vw;height:50svh;padding:4rem 1.25rem;display:flex}.sample-project-page .next-project a{color:inherit;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;transition:color .3s;display:flex}.sample-project-page .next-project a:hover h3{color:var(--base-500)}.sample-project-page .next-project h2{margin:0;font-size:6rem;line-height:1}.sample-project-page .next-project h3{color:var(--base-300);font-size:3rem}@media (max-width:1000px){.sample-project-page .project-header{padding:1.25em 1.25em 3em}.sample-project-page .project-details{gap:3em;width:100%;padding:6em 1.25em}.sample-project-page .project-form-section{width:calc(100% - 2.5rem);margin:4rem 1.25rem;padding:2rem 1.5rem}.sample-project-page .form-row{grid-template-columns:1fr}.sample-project-page .submit-btn{align-self:center;width:100%}.sample-project-page h3{font-size:2rem}.sample-project-page .next-project{height:auto;padding:6rem 1.25rem}.sample-project-page .next-project h2{font-size:4rem}.sample-project-page .next-project h3{font-size:2rem}}