.project-page{background-color:var(--base-100)}.project-page .project-header{width:100vw;height:50svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:1.5em;padding-bottom:3em;text-align:center}.project-page .project-hero-heading{display:inline-flex;flex-direction:column;align-items:center;gap:1rem}.project-page .project-hero-live-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem 1.1rem;border-radius:999px;border:1px solid rgba(0,0,0,.18);background:var(--base-100);color:var(--base-400);font-family:PP Neue Montreal;font-size:.95rem;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.project-page .project-hero-live-btn:hover{transform:scale(1.05)}.project-page .project-header p{margin-bottom:2rem}.project-page .project-banner-img{position:relative;width:100%;height:100svh;overflow:hidden}.project-page .project-banner-img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.project-page img{width:100%;height:100%;object-fit:cover;display:block}.project-page .project-meta-bar{display:flex;gap:0;padding:1.5rem 5%;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.project-page .project-meta-bar-item{display:flex;flex-direction:column;gap:.5rem;flex:1 1}.project-page .meta-bar-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;opacity:.5;color:var(--base-400)}.project-page .meta-bar-value{font-size:1.2rem;font-weight:500;color:var(--base-400);opacity:.85}.project-page .project-section{display:grid;grid-template-columns:30% 70%;padding:3rem 5%;grid-gap:0;gap:0;align-items:start;max-width:1440px;margin:0 auto}.project-page .project-section-label p{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;opacity:.4;font-weight:500}.project-page .project-section-content h2{font-size:4rem;margin-bottom:1rem}.project-page .project-section-content p{line-height:1.8;max-width:62ch;opacity:.85;margin:0 0 1rem}.project-page .project-tags-line{font-size:.9rem!important;opacity:.6!important;letter-spacing:.02em;margin-top:1rem!important}.project-page .project-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.35rem}.project-page .project-list li{font-size:1rem;font-weight:500;font-family:PP Pangram Sans;opacity:.85;padding:.5rem 1rem;position:relative}.project-page .project-list li:before{content:"·";position:absolute;left:0;opacity:.5}.project-page .project-section-divider{width:90%;margin:0 auto;height:1px;background:currentColor;opacity:.1}.project-page .project-full-img{width:90%;margin:2.5rem auto;border-radius:.75rem;overflow:hidden;aspect-ratio:16/7}.project-page .project-full-img img{width:100%;height:100%;object-fit:cover}.project-page .project-two-img{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;width:90%;margin:0 auto 2.5rem}.project-page .project-two-img-item{border-radius:.75rem;overflow:hidden;aspect-ratio:4/3}.project-page .project-two-img-item img{width:100%;height:100%;object-fit:cover}.project-page .project-nav{width:90%;max-width:1440px;margin:3rem auto 4rem;padding-top:1.75rem;border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;gap:1rem}.project-page .project-nav-link{text-decoration:none;color:inherit;font-family:PP Neue Montreal;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;gap:.35rem;opacity:.85}.project-page .project-nav-link:hover{opacity:1}.project-page .project-nav-right{display:flex;gap:1.25rem}.project-page .project-nav-link.external{padding:.4rem .9rem;border-radius:999px;border:1px solid rgba(0,0,0,.15);background:var(--base-100);font-size:.95rem}.project-page .project-nav-link.external:hover{background:var(--base-200)}@media (max-width:768px){.project-page .project-meta-bar{flex-wrap:wrap;gap:1.25rem 0;padding:1.25rem}.project-page .project-header{height:30svh}.project-page h3{font-size:2rem}.project-page .project-meta-bar-item{flex:0 0 50%}.project-page .project-section{grid-template-columns:1fr;padding:2.5rem 1.25rem;gap:.5rem}.project-page .project-full-img,.project-page .project-two-img{width:100%;border-radius:0;margin-left:0;margin-right:0}.project-page .project-full-img{border-radius:0}.project-page .project-two-img{grid-template-columns:1fr;border-radius:0}.project-page .project-two-img-item{border-radius:0}.project-page .project-section-divider{width:100%}.project-page .project-hero-heading{gap:.75rem}.project-page .project-nav{width:100%;padding:1.75rem 1.25rem 0;margin-bottom:3rem}.project-page .project-nav,.project-page .project-nav-right{flex-direction:column;align-items:flex-start}}