.project-detail{width:100%;max-width:1152px;margin:0 auto;padding:64px 24px 120px;display:grid;grid-template-columns:minmax(0,1fr) 280px;-moz-column-gap:48px;column-gap:48px;row-gap:24px}.project-detail__header{grid-column:1;grid-row:1}.project-detail__title{font-size:clamp(2.6rem,6.5vw,4.4rem);line-height:.98;font-weight:500;letter-spacing:-.02em}.project-detail__meta{display:flex;flex-direction:column;gap:4px}.project-detail__meta--mobile{display:none}.project-detail__meta--desktop{display:flex;margin-top:1.5rem}.project-detail__summary,.project-detail__role,.project-detail__year{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.95rem;color:var(--text);margin:0}.project-detail__role,.project-detail__year{opacity:.7}.project-detail__mobileCover{display:none}.project-detail__body{grid-column:1;grid-row:2}.project-detail__cover{grid-column:2;grid-row:1 / 3;align-self:start}.project-detail__content{font-size:1.35rem;line-height:1.7;color:var(--text)}.project-detail__content :is(h2,h3){font-size:1.55rem;line-height:1.25;margin:1.4em 0 .7em;font-weight:650}.project-detail__content p{margin:0 0 1.1em}.project-detail__content a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.project-detail__coverImage{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;background:color-mix(in oklab,var(--bg) 85%,var(--text))}.project-detail__link{display:inline-flex;align-items:center;gap:10px;margin-top:8px;font-family:var(--font-mono);font-size:.95rem;padding:8px 12px;border:2px solid var(--accent);color:var(--accent);background:transparent;text-decoration:none;transition:background .2s}.project-detail__link:hover{background:color-mix(in oklab,var(--accent) 10%,transparent)}.project-detail__gallery{grid-column:1 / -1;margin-top:2rem}.project-detail__galleryTitle{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.95rem;color:var(--text);margin-bottom:.75rem}.project-detail__galleryWrapper{position:relative}.project-detail__galleryBtn{display:none}.project-detail__galleryGrid{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}.project-detail__galleryImage{flex:0 0 auto;width:280px;aspect-ratio:4 / 3;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:opacity .2s;background:color-mix(in oklab,var(--bg) 85%,var(--text));scroll-snap-align:start}.project-detail__galleryImage:hover{opacity:.85}.project-detail__galleryCounter{display:none}.project-detail__footer{grid-column:1 / -1;margin-top:36px}.project-detail__back{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.95rem;color:var(--text);text-decoration:none;width:-moz-fit-content;width:fit-content}.project-detail__back:hover{text-decoration:underline;text-underline-offset:6px}.project-detail__lightbox{position:fixed;inset:0;z-index:9999;background:#000000f2;display:none;align-items:center;justify-content:center;border:none;width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0}.project-detail__lightbox[open]{display:flex}.project-detail__lightbox::backdrop{background:#000000f2}.project-detail__lightboxImage{max-width:95vw;max-height:95vh;-o-object-fit:contain;object-fit:contain}.project-detail__lightboxClose{position:absolute;top:1.5rem;right:1.5rem;color:#fff;background:transparent;border:none;cursor:pointer;z-index:10000}.project-detail__lightboxClose svg{width:2rem;height:2rem}.project-detail__lightboxNav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#00000080;border-radius:50%;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.project-detail__lightboxNav:hover{background:#000000b3}.project-detail__lightboxNav--prev{left:1rem}.project-detail__lightboxNav--next{right:1rem}.project-detail__lightboxNav svg{width:2.5rem;height:2.5rem}.project-detail__lightboxNav--prev svg{transform:rotate(-90deg)}.project-detail__lightboxNav--next svg{transform:rotate(90deg)}@media (max-width: 900px){.project-detail{padding:32px 16px 100px;display:block}.project-detail__mobileCover{display:block;max-width:320px;margin:0 auto 2rem}.project-detail__header{margin-bottom:1.5rem}.project-detail__meta--mobile{display:flex;margin-top:1rem}.project-detail__meta--desktop,.project-detail__cover{display:none}.project-detail__content{font-size:1.15rem}.project-detail__gallery{margin-top:2rem}.project-detail__galleryGrid{scrollbar-width:none}.project-detail__galleryGrid::-webkit-scrollbar{display:none}.project-detail__galleryImage{width:160px}.project-detail__footer{margin-top:2rem}}