.project-detail__hero{position:relative;display:flex;min-height:100svh;overflow:hidden;align-items:flex-end;background:var(--color-primary);color:var(--color-white)}
.project-detail__hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.project-detail__hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,29,27,.85) 0,rgba(29,29,27,0) 26%),linear-gradient(180deg,rgba(29,29,27,0) 48%,rgba(29,29,27,.24) 64%,rgba(29,29,27,.9) 100%)}
.project-detail__hero-content{position:relative;z-index:1;padding-bottom:clamp(3rem,4.625vw,4.625rem)}
.project-detail__location{margin:0;color:var(--color-accent);font-size:var(--font-size-lead);line-height:1}
.project-detail__title{max-width:none;margin-top:.5rem;color:var(--color-white)}
.project-gallery{overflow:clip;padding-block:clamp(4rem,5.625vw,5.625rem)}
.project-gallery__track{display:grid;width:100%;grid-auto-columns:clamp(17rem,26.667vw,25rem);grid-auto-flow:column;gap:2rem;overflow-x:auto;margin-right:calc(var(--container-x)*-1);padding-right:var(--container-x);scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;overscroll-behavior-inline:contain}
.project-gallery__track::-webkit-scrollbar{display:none}
.project-gallery__track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.project-gallery__track.is-dragging *{pointer-events:none}
.project-gallery__thumb,.project-gallery__play{position:relative;width:100%;padding:0;border:0;aspect-ratio:1;background:transparent;scroll-snap-align:start}
.project-gallery__thumb{overflow:hidden}
.project-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.project-gallery__thumb:hover img,.project-gallery__thumb:focus-visible img{transform:scale(1.035)}
.project-gallery__play{display:flex;gap:1.25rem;align-items:center;justify-content:center;color:var(--color-primary);white-space:nowrap}
.project-breadcrumbs{display:flex;gap:0;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.project-detail__hero+.project-breadcrumbs{margin-top:clamp(4rem,5.625vw,5.625rem)}
.project-breadcrumbs::-webkit-scrollbar{display:none}
.project-breadcrumbs a,.project-breadcrumbs__current{display:inline-flex;gap:1.5rem;align-items:center;padding-right:1.5rem;color:var(--color-primary);font-size:var(--font-size-h4);line-height:1;text-decoration:none}
.project-breadcrumbs a{--exarch-button-shift:.25rem;--exarch-button-duration:.2s;transition:color var(--exarch-button-duration) ease}
.project-breadcrumbs a::before,.project-breadcrumbs__current::before{display:block;width:1.3125rem;height:1.75rem;flex:0 0 auto;background:url("../images/icons/arrow-small-light.svg") center/contain no-repeat;content:""}
.project-breadcrumbs a::before,.project-breadcrumbs a .project-breadcrumbs__label{transition:transform var(--exarch-button-duration) ease}
.project-breadcrumbs a:hover,.project-breadcrumbs a:focus-visible{color:var(--color-accent)}
.project-breadcrumbs a:hover::before,.project-breadcrumbs a:focus-visible::before{transform:translateX(var(--exarch-button-shift))}
.project-breadcrumbs a:hover .project-breadcrumbs__label,.project-breadcrumbs a:focus-visible .project-breadcrumbs__label{transform:translateX(calc(var(--exarch-button-shift)*-1))}
.project-breadcrumbs__label{display:block}
.project-breadcrumbs__current{color:#888e94}
.project-breadcrumbs__current::before{opacity:.35}
.project-information{padding-block:clamp(4rem,5.625vw,5.625rem)}
.project-information__divider{margin-bottom:clamp(3.5rem,5vw,5rem)}
.project-information__intro{display:flex;flex-direction:column;gap:2rem}
.project-information__description{max-width:30.25rem;color:#111;font-size:var(--font-size-h3);line-height:1.35}
.project-information__description>p:last-child,.project-information__content>*:last-child{margin-bottom:0}
.project-information__content{margin-top:2rem}
.project-information__data{display:flex;flex-direction:column;gap:1.5rem;margin:0}
.project-information__row{display:flex;flex-direction:column;gap:.75rem}
.project-information__row dt{color:var(--color-accent);font-size:var(--font-size-body);font-weight:400;line-height:1}
.project-information__row dd{margin:0;color:var(--color-primary);font-size:var(--font-size-h3);line-height:1.35}
.project-information__row>.gradient-divider{margin-top:.75rem}
.project-information__row--awards details,.project-information__row--awards summary{width:100%}
.project-information__row--awards summary{display:flex;align-items:center;justify-content:space-between;color:var(--color-primary);font-size:var(--font-size-h2);line-height:1;list-style:none;cursor:pointer}
.project-information__row--awards summary::-webkit-details-marker{display:none}
.project-information__row--awards summary span{color:var(--color-accent);transition:transform .2s ease}
.project-information__row--awards details[open] summary span{transform:rotate(45deg)}
.project-information__row--awards p{margin:1rem 0 0;color:var(--color-primary);font-size:var(--font-size-h3);white-space:pre-line}
.project-related .exarch-project-set__heading{margin-bottom:2rem}
.project-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:rgba(13,20,26,.97);color:#fff}
.project-viewer::backdrop{background:rgba(13,20,26,.97)}
.project-viewer[open]{display:grid;grid-template-columns:clamp(3.5rem,7vw,7rem) minmax(0,1fr) clamp(3.5rem,7vw,7rem);grid-template-rows:1fr auto;align-items:center}
.project-viewer__figure{display:grid;min-width:0;height:calc(100dvh - 7rem);margin:0;padding:clamp(1rem,4vw,4rem) 0 1rem;grid-template-rows:minmax(0,1fr) auto;place-items:center}
.project-viewer__image{display:block;max-width:100%;max-height:100%;object-fit:contain}
.project-viewer__caption{min-height:1.4rem;margin-top:1rem;color:rgba(255,255,255,.72);text-align:center}
.project-viewer__nav,.project-viewer__close,.project-viewer__autoplay{border:0;background:transparent;color:#fff;cursor:pointer}
.project-viewer__nav{align-self:center;font-size:clamp(1.5rem,3vw,2.5rem);grid-row:1}
.project-viewer__nav--prev{grid-column:1}
.project-viewer__nav--next{grid-column:3}
.project-viewer__status{display:flex;grid-column:2;grid-row:2;gap:1rem;align-items:center;justify-content:center;padding-bottom:1.5rem}
.project-viewer__autoplay{display:grid;width:2rem;height:2rem;padding:0;font-size:.875rem;place-items:center}
.project-viewer__counter{margin:0;letter-spacing:.08em}
.project-viewer__close{position:absolute;z-index:2;top:clamp(1.25rem,3vw,2.5rem);right:clamp(1.25rem,3vw,2.5rem);width:43px;height:30px;padding:0}
.project-viewer__close img{display:block;width:100%;height:100%;filter:brightness(0) invert(1)}
body.has-project-viewer{overflow:hidden}
@media(max-width:767.98px){.project-detail__hero{min-height:78svh}.project-detail__hero-content{padding-bottom:2.5rem}.project-gallery__track{grid-auto-columns:72vw;gap:1rem}.project-breadcrumbs a,.project-breadcrumbs__current{gap:.75rem;padding-right:1rem;font-size:.875rem}.project-information__data{margin-top:1rem}.project-viewer[open]{grid-template-columns:3.25rem minmax(0,1fr) 3.25rem}.project-viewer__figure{height:calc(100dvh - 5.5rem);padding-top:4.5rem}.project-viewer__caption{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.project-gallery__thumb img,.project-information__row--awards summary span{transition:none}}
