.sample-project-page{background-color:var(--base-100)}.sample-project-page .project-live-links{display:flex;justify-content:center;padding:0 0 2.5rem}.sample-project-page .live-links-container{display:flex;align-items:center;gap:1.25rem;padding:.65rem 1.5rem;border-radius:100px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sample-project-page .live-links-label{font-family:Geist Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.15rem;color:var(--base-300);font-weight:600}.sample-project-page .live-links-list{display:flex;align-items:center;gap:.5rem}.sample-project-page .live-link-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:100px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--base-400);text-decoration:none;font-family:PP Neue Montreal,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.02rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.sample-project-page .live-link-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:var(--base-500,#fff);transform:translateY(-1px)}.sample-project-page .live-link-btn svg{opacity:.6;transition:all .3s ease}.sample-project-page .live-link-btn:hover svg{opacity:1;transform:translate(2px,-2px)}.sample-project-page .live-link-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.6);animation:livePulse 2s ease-in-out infinite;flex-shrink:0}@keyframes livePulse{0%,to{box-shadow:0 0 4px rgba(34,197,94,.4)}50%{box-shadow:0 0 10px rgba(34,197,94,.8)}}.sample-project-page .project-description-text{padding:6rem 0;width:100%;background-color:var(--base-100)}.sample-project-page .project-description-text .container{width:65%;margin:0 auto}.sample-project-page .project-description-text h2{font-family:PP Neue Montreal,sans-serif;font-weight:400;font-size:1.5rem;line-height:1.65;letter-spacing:0;text-transform:none;color:var(--base-400);white-space:pre-line}.sample-project-page .project-details .details h3{font-family:PP Neue Montreal,sans-serif;font-weight:500;font-size:1.15rem;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--base-400)}.sample-project-page .project-details .details p{font-family:Geist Mono,monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.12rem;color:var(--base-300);font-weight:500}.sample-project-page h3{font-size:4rem}.sample-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}.sample-project-page .project-header p{margin-bottom:2rem}.sample-project-page .project-banner-img{position:relative;width:100%;height:100svh;overflow:hidden}.sample-project-page img{width:100%;height:100%;object-fit:cover;object-position:top;transition:object-position 4s ease-in-out}.sample-project-page .next-project-img:hover img,.sample-project-page .project-banner-img:hover img,.sample-project-page .project-img:hover img{object-position:bottom}.sample-project-page .project-banner-img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.sample-project-page .project-details{width:55%;padding:8rem 1rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4rem;margin:0 auto 4rem}.sample-project-page .details{display:flex;flex-direction:column;gap:1rem;margin-bottom:4rem}.sample-project-page .project-images{background-color:var(--fg);color:var(--bg);padding:4em 2em}.sample-project-page .project-images-container{width:75%;margin:0 auto;display:flex;flex-direction:column;gap:2em}.sample-project-page .project-img{position:relative;width:100%;height:80svh;border-radius:1rem;overflow:hidden}.sample-project-page .project-img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.sample-project-page .next-project{width:100vw;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5em;text-align:center}.sample-project-page .next-project-img{position:relative;width:35%;height:400px;border-radius:1rem;overflow:hidden}.sample-project-page .next-project-img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width:1000px){.sample-project-page .project-header{padding:1.25em 1.25em 3em}.sample-project-page .project-details{width:100%;padding:6em 1.25em;gap:3em}.sample-project-page h3{font-size:2rem}.sample-project-page .project-description-text h2{font-size:1.2rem;line-height:1.6}.sample-project-page .project-details .details h3{font-size:1.05rem}.sample-project-page .project-images{padding:4em 1.25em}.sample-project-page .project-images-container{width:100%;gap:1.25em}.sample-project-page .next-project{padding:1.25em}.sample-project-page .next-project-img{width:75%}.sample-project-page .project-img{height:65svh}}