.project-detail__back{padding-top:var(--page-header-pt);padding-left:var(--section-padding-x);padding-right:var(--section-padding-x)}.project-detail__back .container{padding-left:0;padding-right:0}.project-detail__back-link{align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:var(--tracking-wider);font-size:var(--text-xs);color:var(--color-muted-foreground);text-transform:uppercase;margin-top:var(--space-8);transition:color var(--duration-fast) var(--ease-default);display:inline-flex}.project-detail__back-link:hover{color:var(--color-foreground)}.project-detail__hero{padding:var(--space-10) var(--section-padding-x) 0;border-bottom:1px solid var(--color-border)}.project-detail__hero-inner{max-width:var(--container-max);margin-left:auto;margin-right:auto}.project-detail__hero-row{justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-12);flex-direction:column;display:flex}@media (min-width:768px){.project-detail__hero-row{flex-direction:row;align-items:flex-end}}.project-detail__meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.project-detail__type{font-family:var(--font-mono);letter-spacing:var(--tracking-wider);font-size:var(--text-xs);text-transform:uppercase;color:color-mix(in srgb, var(--color-muted-foreground) 50%, transparent);border:1px solid var(--color-border);padding:var(--space-1) var(--space-2)}.project-detail__year{font-family:var(--font-mono);font-size:var(--text-xs);color:color-mix(in srgb, var(--color-muted-foreground) 40%, transparent)}.project-detail__title{font-family:var(--font-display);font-weight:var(--font-weight-black);letter-spacing:-.02em;color:var(--color-foreground);text-transform:uppercase;font-size:clamp(48px,8vw,120px);line-height:.95}.project-detail__tagline{font-family:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:.04em;color:var(--color-primary);text-transform:uppercase;margin-top:var(--space-3);font-size:1.15rem}.project-detail__result-wrap{flex-shrink:0}.project-detail__result-label{font-family:var(--font-mono);letter-spacing:var(--tracking-wider);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-muted-foreground);margin-bottom:var(--space-1)}.project-detail__result{font-family:var(--font-display);font-weight:var(--font-weight-black);letter-spacing:-.01em;color:var(--color-primary);font-size:clamp(28px,4vw,52px);line-height:1}.project-detail__hero-image{margin-left:calc(var(--section-padding-x) * -1);margin-right:calc(var(--section-padding-x) * -1);aspect-ratio:21/9;position:relative;overflow:hidden}.project-detail__hero-image img{object-fit:cover;width:100%;height:100%}.project-detail__hero-image-overlay{background-color:color-mix(in srgb, var(--color-background) 20%, transparent);position:absolute;inset:0}.project-detail__metrics{padding:var(--space-10) var(--section-padding-x);background-color:var(--color-primary)}.project-detail__metrics-grid{max-width:var(--container-max);grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto;display:grid}@media (min-width:768px){.project-detail__metrics-grid{grid-template-columns:repeat(4,1fr)}}.project-detail__metric{padding:var(--space-4) var(--space-6);border-right:1px solid color-mix(in srgb, var(--color-primary-foreground) 20%, transparent)}.project-detail__metric:first-child{padding-left:0}.project-detail__metric:last-child{border-right:none;padding-right:0}@media (min-width:768px){.project-detail__metric{padding-top:0;padding-bottom:0}}.project-detail__metric-value{font-family:var(--font-display);font-weight:var(--font-weight-black);letter-spacing:-.02em;color:var(--color-primary-foreground);font-size:clamp(32px,4vw,56px);line-height:1}.project-detail__metric-label{font-family:var(--font-body);letter-spacing:.04em;font-size:var(--text-xs);text-transform:uppercase;color:color-mix(in srgb, var(--color-primary-foreground) 60%, transparent);margin-top:var(--space-1)}.project-detail__overview{padding:var(--space-20) var(--section-padding-x);border-bottom:1px solid var(--color-border)}.project-detail__overview-grid{max-width:var(--container-max);gap:var(--space-12);grid-template-columns:1fr;margin-left:auto;margin-right:auto;display:grid}@media (min-width:1024px){.project-detail__overview-grid{gap:var(--space-20);grid-template-columns:5fr 7fr}}.project-detail__overview-text{font-family:var(--font-body);line-height:var(--leading-relaxed);color:var(--color-foreground);font-size:var(--text-base)}.project-detail__aside{gap:var(--space-10);flex-direction:column;display:flex}.project-detail__block{border-left:2px solid var(--color-primary);padding-left:var(--space-6)}.project-detail__block--muted{border-left-color:color-mix(in srgb, var(--color-foreground) 20%, transparent)}.project-detail__block-title{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--text-base);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-3)}.project-detail__block-title--primary{color:var(--color-primary)}.project-detail__block-title--foreground{color:var(--color-foreground)}.project-detail__block-text{font-family:var(--font-body);color:var(--color-muted-foreground);line-height:1.7;font-size:var(--text-sm)}.project-detail__deliverables{gap:var(--space-2);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.project-detail__deliverables{grid-template-columns:repeat(2,1fr)}}.project-detail__deliverable{align-items:flex-start;gap:var(--space-2);display:flex}.project-detail__deliverable-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.project-detail__deliverable-text{font-family:var(--font-body);color:var(--color-foreground);font-size:var(--text-sm)}.project-detail__gallery{padding:var(--space-20) var(--section-padding-x);border-bottom:1px solid var(--color-border);background-color:var(--color-card)}.project-detail__gallery-inner{max-width:var(--container-max);margin-left:auto;margin-right:auto}.project-detail__gallery-main{aspect-ratio:16/9;margin-bottom:var(--space-3);position:relative;overflow:hidden}.project-detail__gallery-main img{object-fit:cover;width:100%;height:100%}.project-detail__gallery-main-overlay{background-color:color-mix(in srgb, var(--color-background) 10%, transparent);position:absolute;inset:0}.project-detail__gallery-caption{background-color:color-mix(in srgb, var(--color-background) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-3) var(--space-6);position:absolute;bottom:0;left:0;right:0}.project-detail__gallery-caption p{font-family:var(--font-body);color:var(--color-muted-foreground);font-size:var(--text-sm);margin:0}.project-detail__gallery-thumbs{gap:var(--space-3);display:flex}.project-detail__gallery-thumb{aspect-ratio:16/9;cursor:pointer;opacity:.5;transition:opacity var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);border:none;flex:1;padding:0;position:relative;overflow:hidden}.project-detail__gallery-thumb:hover{opacity:.8}.project-detail__gallery-thumb--active{opacity:1;box-shadow:0 0 0 2px var(--color-primary), 0 0 0 4px var(--color-card)}.project-detail__gallery-thumb img{object-fit:cover;width:100%;height:100%}.project-detail__testimonial{padding:var(--space-20) var(--section-padding-x);border-bottom:1px solid var(--color-border)}.project-detail__testimonial-inner{max-width:48rem;margin-left:auto;margin-right:auto}.project-detail__quote-mark{font-family:var(--font-display);font-weight:var(--font-weight-black);color:var(--color-primary);margin-bottom:var(--space-6);font-size:3rem;line-height:1;display:block}.project-detail__quote{font-family:var(--font-body);color:var(--color-foreground);margin-bottom:var(--space-8);font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.7}.project-detail__author{align-items:center;gap:var(--space-4);display:flex}.project-detail__author-img{width:var(--space-12);height:var(--space-12);object-fit:cover}.project-detail__author-name{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--text-base);letter-spacing:.04em;color:var(--color-foreground);text-transform:uppercase}.project-detail__author-role{font-family:var(--font-body);color:var(--color-muted-foreground);font-size:var(--text-xs)}.project-detail__nav{border-top:1px solid var(--color-border);grid-template-columns:1fr;display:grid}@media (min-width:768px){.project-detail__nav{grid-template-columns:repeat(2,1fr)}}.project-detail__nav-link{align-items:center;gap:var(--space-6);padding:var(--space-10) var(--space-8);transition:background-color var(--duration-fast) var(--ease-default);border-bottom:1px solid var(--color-border);display:flex}@media (min-width:768px){.project-detail__nav-link{padding-left:var(--space-12);padding-right:var(--space-12);border-bottom:none}.project-detail__nav-link:first-child{border-right:1px solid var(--color-border)}}.project-detail__nav-link:hover{background-color:var(--color-card)}.project-detail__nav-link--next{text-align:right;justify-content:flex-end}.project-detail__nav-link:hover .project-detail__nav-icon,.project-detail__nav-link:hover .project-detail__nav-client{color:var(--color-primary)}.project-detail__nav-icon{color:var(--color-muted-foreground);transition:color var(--duration-fast) var(--ease-default);flex-shrink:0}.project-detail__nav-label{font-family:var(--font-mono);letter-spacing:var(--tracking-wider);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-muted-foreground);margin-bottom:var(--space-1)}.project-detail__nav-client{font-family:var(--font-display);font-weight:var(--font-weight-black);letter-spacing:-.01em;color:var(--color-foreground);text-transform:uppercase;transition:color var(--duration-fast) var(--ease-default);font-size:1.35rem;line-height:1}.project-detail__nav-empty{display:none}@media (min-width:768px){.project-detail__nav-empty{border-right:1px solid var(--color-border);display:block}}
