.project-detail{box-sizing:border-box;background-color:var(--bg-color,#000);width:100%;min-height:100vh;color:var(--text-color,#fff);padding:clamp(80px,9.5vh,105px) 1% clamp(4rem,8vh,6rem);position:relative}.project-container{box-sizing:border-box;grid-template-columns:minmax(300px,.92fr) minmax(480px,1.58fr);align-items:start;gap:clamp(1.2rem,2.5vw,2.5rem);width:100%;max-width:100%;display:grid}.project-info-col{flex-direction:column;height:fit-content;display:flex;position:sticky;top:clamp(72px,8.5vh,92px)}.project-title{font-family:var(--font-heading,"DM Sans", sans-serif);color:#fff;letter-spacing:-.025em;margin:0 0 clamp(1.4rem,2.6vh,2.2rem);font-size:clamp(1.85rem,2.5vw,2.6rem);font-weight:700;line-height:1.1}.project-desc-group{flex-direction:column;gap:clamp(1rem,1.8vh,1.4rem);display:flex}.project-desc-p{font-family:var(--font-primary,"Roboto", sans-serif);color:#ffffffe0;letter-spacing:-.008em;max-width:480px;margin:0;font-size:clamp(.92rem,1.05vw,1.02rem);font-weight:400;line-height:1.55}.project-desc-p.is-indented{padding-left:clamp(1.5rem,3.2vw,3.5rem)}.project-divider{background-color:#ffffff1f;border:none;width:100%;height:1px;margin:clamp(1rem,1vh,1rem) 0 clamp(1.6rem,3vh,2.2rem)}.project-meta-grid{grid-template-columns:1fr 1fr;gap:clamp(1.4rem,2.4vh,1.8rem) clamp(1.2rem,2vw,2rem);display:grid}.project-meta-item{flex-direction:column;gap:.35rem;display:flex}.project-meta-label{font-family:var(--font-primary,"Roboto", sans-serif);text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;font-size:.72rem;font-weight:500}.project-meta-val{font-family:var(--font-primary,"Roboto", sans-serif);color:#fff;letter-spacing:-.01em;font-size:clamp(.9rem,1vw,.98rem);font-weight:500;line-height:1.35}.project-live-cta{font-family:var(--font-primary,"Roboto", sans-serif);color:#fff;align-items:center;gap:4px;width:fit-content;font-size:clamp(.92rem,1.05vw,1rem);font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.project-live-cta:hover{opacity:.8;transform:translate(2px)}.project-live-arrow{font-size:.95em;display:inline-block}.project-next-nav{flex-direction:column;gap:.35rem;margin-top:clamp(2.2rem,4.2vh,3.2rem);display:flex}.project-next-label{font-family:var(--font-primary,"Roboto", sans-serif);text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;font-size:.72rem;font-weight:500}.project-next-title{font-family:var(--font-heading,"DM Sans", sans-serif);color:#fff;letter-spacing:-.015em;width:fit-content;font-size:clamp(1.15rem,1.4vw,1.4rem);font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-block}.project-next-title:hover{opacity:.8;transform:translate(2px)}.project-gallery-col{flex-direction:column;gap:clamp(1rem,1.5vw,1.5rem);width:100%;display:flex}.project-gallery-item{background-color:#111;border-radius:4px;width:100%;overflow:hidden}.project-gallery-img{object-fit:contain;width:100%;height:auto;transition:opacity .3s;display:block}@media (width<=960px){.project-detail{padding:clamp(35px,3vh,90px) clamp(1rem,4vw,1.5rem) clamp(3rem,6vh,4.5rem)}.project-container{grid-template-columns:1fr;gap:clamp(2.5rem,5vh,3.5rem)}.project-info-col{position:static;top:auto}.project-desc-p.is-indented{padding-left:1.25rem}.project-meta-grid{grid-template-columns:1fr 1fr}}@media (width<=580px){.project-desc-p.is-indented{padding-left:0}.project-meta-grid{grid-template-columns:1fr;row-gap:1.2rem}}
