.detail-page{overflow:hidden;background:var(--ink)}
.detail-header{position:fixed;inset:0 var(--scroll-gutter) auto 0;z-index:4;display:flex;align-items:center;justify-content:center;padding:20px 38px;background:transparent;pointer-events:none}
.detail-header>a{pointer-events:auto}
.detail-back{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:12px;letter-spacing:.02em}
.detail-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2}
.detail-back:hover{color:#e6b0c6}
.all-works-icon{display:block;width:25px;height:25px;fill:currentColor}
.detail-scroller{height:100svh;height:100dvh;width:calc(100% - var(--scroll-gutter));overflow-y:auto;overflow-x:hidden;scrollbar-width:none;outline:none;overscroll-behavior-y:contain}
.detail-scroller::-webkit-scrollbar{display:none}
.detail-hero{position:relative;height:100svh;min-height:500px;background:#171b1d;overflow:hidden}
.detail-hero video{display:block;width:100%;height:100%;object-fit:cover}
.detail-hero--image{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(32px,6vw,112px);
  width:min(1440px,100%);
  height:auto;
  min-height:100svh;
  margin-inline:auto;
  padding:clamp(88px,12svh,128px) clamp(24px,5vw,80px) clamp(32px,6svh,72px);
  background:var(--ink);
}
.detail-hero--image .project-cover-image{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:76svh;
  justify-self:center;
}
.detail-cover-info{min-width:0;display:grid;gap:clamp(14px,2vw,28px)}
.detail-cover-info h1{margin:0;font-size:clamp(2.25rem,5vw,5rem);font-weight:400;line-height:1;letter-spacing:-.04em;white-space:nowrap;overflow:hidden}
.detail-cover-info h1>span{display:inline-block;font-size:var(--cover-title-size,1em)}
.detail-cover-info .detail-project-meta{margin:0;font-size:13px}
.detail-cover-info .project-lead{font-size:clamp(1rem,1.6vw,1.45rem);line-height:1.5;max-width:38ch;color:var(--muted)}
.detail-hero--image + .project-story:not([hidden]){padding-block-start:clamp(32px,6vw,90px)}
.detail-hero--image + .project-story .project-body:first-of-type,
.detail-hero--image + .project-story .project-facts:first-child{margin-top:0}
@media(max-width:700px){
  .detail-hero--image{grid-template-columns:minmax(0,1fr);min-height:0;gap:24px;padding:86px 24px 32px}
  .detail-hero--image .project-cover-image{max-height:65svh}
}
.hero-caption{position:absolute;bottom:30px;left:38px;right:38px;display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:1.5;z-index:1}
.project-story{width:min(920px,calc(100% - 96px));margin:auto;padding:clamp(90px,12vw,180px) 0 clamp(80px,10vw,150px)}
.project-story h1{margin:0 0 30px;font-size:18px;line-height:1.4;letter-spacing:0;font-weight:400;text-wrap:balance}
.project-story-heading{margin-bottom:clamp(24px,3vw,30px)}
.project-story .project-story-heading h1{margin-bottom:0}
.detail-hero:not(.detail-hero--image) + .project-story{
  width:min(1600px,calc(100% - 2 * var(--studio-inset)));
  padding-block:clamp(36px,5vw,80px);
}
.project-story-heading{
  display:grid;
  justify-items:center;
  text-align:center;
  gap:12px;
}
.project-story .project-story-heading h1{
  max-width:28ch;
  font-size:clamp(1.5rem,3vw,3.25rem);
  line-height:1.1;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.project-story .project-story-heading .detail-project-meta{
  margin:0;
  font-size:12px;
}
.project-story-heading .detail-project-meta:not(:empty){display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px}
.project-story:has(>.project-story-heading):not(:has(>.project-lead:not([hidden]),>.project-body:not([hidden]),>.project-facts:not([hidden]))) .project-story-heading{margin-bottom:0}
.project-story:has(>.project-story-heading):not(:has(>.project-lead:not([hidden]),>.project-body:not([hidden]),>.project-facts:not([hidden]))) + :is(.managed-section,.detail-footer){margin-block-start:0}
.project-lead{max-width:28ch;font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.15;font-weight:400;letter-spacing:-.025em;margin:0;text-wrap:pretty}
.project-body{max-width:49ch;margin:48px 0 0;font-size:clamp(1.2rem,1.8vw,1.65rem);line-height:1.45;letter-spacing:-.01em;text-wrap:pretty;color:#c1c9ce}
.project-facts{margin:90px 0 0;display:grid;grid-template-columns:1fr 1fr 1.6fr;border-top:1px solid #394048;border-bottom:1px solid #394048;gap:32px;padding:20px 0 24px;font-size:12px;line-height:1.6}
.project-facts dt{margin-bottom:16px;color:#aab5bf}
.project-facts dd{margin:0;max-width:29ch;overflow-wrap:break-word}
.project-media{margin:0 38px;background:transparent}
.media-window{position:relative;overflow:hidden;background:#171b1d;aspect-ratio:16/9}
.project-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.project-media figcaption{display:flex;justify-content:space-between;gap:20px;padding:15px 0;font-size:12px;line-height:1.5;color:#aab5bf}
.detail-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:100px 38px 0;padding:26px 0 30px;border-top:1px solid #394048;font-size:12px;line-height:1.5}
.footer-back{display:inline-flex;align-items:center;gap:12px;flex:none;min-height:44px;font-size:clamp(22px,2.1vw,30px);line-height:1.2;letter-spacing:-.02em;white-space:nowrap;transition:color .2s}
.footer-back svg{width:40px;height:24px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.4}
.footer-back-shaft{transform-origin:34px 12px;transition:transform .3s var(--ease)}
.footer-back-head{transition:transform .3s var(--ease)}
.footer-back:focus-visible{color:var(--yellow)}
.footer-back:focus-visible .footer-back-shaft{transform:scaleX(1.18)}
.footer-back:focus-visible .footer-back-head{transform:translateX(-5px)}
@media(hover:hover) and (pointer:fine){.footer-back:hover{color:var(--yellow)}.footer-back:hover .footer-back-shaft{transform:scaleX(1.18)}.footer-back:hover .footer-back-head{transform:translateX(-5px)}}
.detail-footer:focus-within{opacity:1!important;transform:none!important}
#footer-project{min-width:0;text-align:right;overflow-wrap:anywhere}
.detail-page[data-preview-crop="true"] .detail-hero video,.detail-page[data-preview-crop="true"] .project-media video{transform:scale(1.3)}
@media(max-width:700px){.detail-header{padding:13px 24px}.hero-caption{left:24px;right:24px;bottom:24px;font-size:11px}.project-story{width:calc(100% - 48px);padding:80px 0}.project-story h1{font-size:16px;margin-bottom:24px}.project-lead{font-size:clamp(1.8rem,6.5vw,2.6rem);line-height:1.2}.project-body{font-size:19px;margin-top:32px}.project-facts{grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;padding:20px 0}.project-facts>div:last-child{grid-column:1/-1}.project-facts dt{margin-bottom:7px}.project-media{margin:0 24px}.project-media video{aspect-ratio:4/5}.project-media figcaption{font-size:11px}.detail-footer{margin:64px 24px 0;font-size:11px}.detail-back{font-size:12px}}


.project-suspended *{animation-play-state:paused!important}
.project-suspended #detail-scrollbar,.project-preview #detail-scrollbar{visibility:hidden;pointer-events:none}

html.embedded-project,html.embedded-project body{background:transparent}
.embedded-project .molten-backdrop{display:none}
.detail-scroller{position:relative;z-index:1}

.detail-page video:not([controls]){pointer-events:none}
.content-reveal{min-width:0}
@media(max-width:700px){.media-window{aspect-ratio:4/5}}
.managed-section{width:min(calc(100% - 76px),1600px);margin:80px auto}
.managed-video .media-window{width:min(100%,1280px);aspect-ratio:16/9;margin-inline:auto;background:#000}
.managed-video .media-window:has(.managed-film-size){width:fit-content;max-width:100%;aspect-ratio:auto}
.managed-film-size{display:block;max-width:100%;height:auto;visibility:hidden}
.managed-film-embed{display:block;width:100%;aspect-ratio:16/9;border:0}
.managed-video video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.managed-video video:fullscreen{width:100%;height:100%}
.managed-section h2{font-size:clamp(24px,3vw,46px);font-weight:400;margin:0 0 24px}
.managed-section p{max-width:68ch;white-space:pre-line;line-height:1.7;margin-bottom:28px}
.managed-section>img{display:block;width:100%;height:auto}
.project-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.project-image-grid.grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.project-image-grid.grid-editorial{grid-template-columns:var(--editorial-columns,2fr 1fr)}
.project-image-grid.grid-editorial>figure:first-child{grid-row:span 2}
.project-image-grid>figure{margin:0;min-width:0}
.project-image-grid img{display:block;width:100%;height:auto}
@media(max-width:700px){.project-image-grid,.project-image-grid.grid-three,.project-image-grid.grid-editorial{grid-template-columns:1fr;gap:20px}}
.managed-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.managed-pair h2,.managed-pair p,.managed-pair figcaption{grid-column:1/-1}
@media(min-width:701px){
  .managed-pair>img,.project-image-grid.grid-two>figure>img{aspect-ratio:4/3;object-fit:contain}
  .managed-pair>img:first-of-type,.project-image-grid.grid-two>figure:nth-child(odd)>img{object-position:right center}
  .managed-pair>img:nth-of-type(2),.project-image-grid.grid-two>figure:nth-child(even)>img{object-position:left center}
  .project-image-grid.grid-two>figure:nth-child(odd):last-child>img{object-position:center}
}
.managed-section figcaption{color:var(--muted);font-size:12px;margin-top:16px}
.managed-text[data-text-layout] {
  width: min(920px, calc(100% - 76px));
  margin: clamp(64px, 9vw, 140px) auto;
  overflow-wrap: anywhere;
}
.managed-text[data-text-layout] h2 { white-space: pre-line; }
.managed-text[data-text-layout] .managed-text-copy p { margin: 0; }
.managed-text .managed-text-note { font-size: 13px; color: var(--muted); margin: 24px 0 0; }
.managed-text[data-text-layout=display] h2 {
  font-size: clamp(34px, 6vw, 84px);
  line-height: 1.04;
  letter-spacing: -.035em;
  margin-bottom: clamp(20px, 4vw, 40px);
}
.managed-text[data-text-layout=display] .managed-text-copy {
  color: var(--muted);
  font-size: clamp(16px, 2vw, 22px);
}
.managed-text[data-text-layout=display] .managed-text-copy p { max-width: 54ch; line-height: 1.5; }
.managed-text[data-text-layout=columns] .managed-text-copy { display: grid; gap: 16px; }
@media (min-width: 701px) {
  .managed-text[data-text-layout=split]:has(> h2 + .managed-text-copy) {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: 16px clamp(28px, 5vw, 64px);
  }
  .managed-text[data-text-layout=split]:has(> h2 + .managed-text-copy) h2 { margin: 0; }
  .managed-text[data-text-layout=split]:has(> h2 + .managed-text-copy) .managed-text-note { grid-column: 2; margin: 0; }
  .managed-text[data-text-layout=columns] .managed-text-copy:has(> p + p) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(28px, 5vw, 64px);
  }
}
@media (max-width: 700px) {
  .managed-text[data-text-layout] { width: calc(100% - 48px); }
}
@media(max-width:700px){.managed-section{width:calc(100% - 48px);margin:48px auto}.managed-pair{grid-template-columns:1fr;gap:20px}}

@media(max-width:700px){.project-image-grid.grid-editorial>figure:first-child{grid-row:auto}}