/* A quiet project signature in the lower margin, never part of the composition. */
/* The same reserved margin is used by website and Studio canvases. Authored
   full-bleed / frame-changing sequences still own the whole screen. */
:is(html,#project-colophon) body.page-project-detail #project-story>.story-slide:not(:is(.story-slide--full_bleed,.story-slide--double_bleed,.story-slide--poster,.story-slide--reel)):not(:has(.story-layout--bleed)):not(:is([data-cinema-preset=image_to_copy],[data-cinema-preset=text_to_image],[data-cinema-preset=anchored_title],[data-cinema-preset=split_open],[data-cinema-preset=single_dual_single],[data-cinema-preset=reel])){
 padding-bottom:calc(max(clamp(12px,2.2svh,32px),env(safe-area-inset-bottom,0px)) + 100px)!important;
}
body.page-project-detail .project-colophon{
 position:fixed;z-index:85;
 right:auto;top:auto;
 left:calc(var(--project-frame-left,32px) + 22px);width:max-content;max-width:min(66.666vw,760px,calc(100% - var(--project-frame-left,32px) - var(--project-frame-right,32px) - 44px));
 bottom:calc(var(--project-frame-bottom,12px) + 52px);
 min-height:24px;margin:0;padding:0;display:flex;box-sizing:border-box;
 gap:clamp(8px,2vw,28px);align-items:stretch;
 color:#fff;font-family:var(--font-support);font-size:clamp(8px,.625vw,9px);font-weight:350;
 line-height:1.35;letter-spacing:.005em;mix-blend-mode:normal;
 opacity:1;visibility:visible;pointer-events:none;
 transition:opacity .28s ease,visibility .28s ease;
}
body.page-project-detail .project-colophon>div{
 display:flex;align-items:center;min-width:0;flex:0 1 auto;padding-left:10px;
 border-left:1px solid #ffffff38;
}
body.page-project-detail .project-colophon dd{
 margin:0;font:inherit;letter-spacing:inherit;overflow-wrap:anywhere;
 /* Every fact remains accessible, including long locations on narrow phones. */
}
body.page-project-detail .project-colophon__year{
 flex:none;white-space:nowrap;
}
body.page-project-detail .project-colophon a{
 pointer-events:auto;color:inherit;font:inherit;text-decoration:none;
 display:inline-block;max-width:100%;vertical-align:middle;padding-block:3px;
 text-underline-offset:3px;
}
body.page-project-detail .project-colophon a:hover,
body.page-project-detail .project-colophon a:focus-visible{
 text-decoration:underline;
}
body.page-project-detail .project-colophon a:focus-visible{
 outline:1px solid currentColor;outline-offset:3px;
}
/* Keep the cover signature in exactly the same lower-margin slot as slides.
   Reserve its measured height below the title, including wrapped phone facts. */
:is(html,#project-colophon) body.page-project-detail #project-story .project-cover:not([data-cover-disclosure="open"]) .project-cover__content{
 padding-bottom:calc(var(--project-frame-bottom,12px) + 52px + var(--project-signature-height,36px) + 20px)!important;
}
body.page-project-detail.project-on-hero:has(.project-cover[data-cover-disclosure="open"]) .project-colophon,
html.project-switching body.page-project-detail .project-colophon{
 opacity:0;visibility:hidden;
}
@media(max-width:600px){
 body.page-project-detail .project-colophon{
  left:calc(var(--project-frame-left,16px) + 12px);
  gap:12px;
 }
 body.page-project-detail .project-colophon>div{padding-left:6px}
}
@media(prefers-reduced-motion:reduce){body.page-project-detail .project-colophon{transition:none}}
/* Captions and signature facts share the same quiet supporting type. */
:is(html,#project-signature-type) body.page-project-detail :where(.project-colophon dd,.story-image-caption,.story-media__caption,.project-cover__image-caption){
 font-family:var(--font-support)!important;font-size:clamp(8px,.625vw,9px)!important;
 font-weight:var(--geist-copy-weight,280)!important;line-height:1.35!important;letter-spacing:.005em!important;opacity:1!important;
}