/* A quiet signpost over the referenced artwork; one slide per handoff. */
@property --handoff-gap { syntax: '<length>'; inherits: true; initial-value: 0px; }
.workshop-handoff { --handoff-gap: 0px; background:#101010; color:#fff; isolation:isolate; }
.workshop-handoff:has(.handoff-signpost[open]) { --handoff-gap: 110px; }
.workshop-handoff { transition: --handoff-gap 650ms ease; }
.handoff-art { position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.8;
 mask-image:linear-gradient(to bottom,#000 calc(50% - var(--handoff-gap)),transparent calc(50% - var(--handoff-gap)),transparent calc(50% + var(--handoff-gap)),#000 calc(50% + var(--handoff-gap))); }
.handoff-art iframe { border:0; width:100%; height:100%; display:block; }
.workshop-handoff .slide-inner { position:relative; z-index:1; width:100%; min-height:100%; display:flex; align-items:center; justify-content:center; padding:64px 24px; }
.handoff-signpost { max-width:min(1040px,100%); background:#101010e6; color:#fff; padding:18px 28px; font-size:clamp(36px,3vw,44px); line-height:1.25; font-weight:550; }
.handoff-signpost summary { display:flex; align-items:center; gap:20px; cursor:pointer; list-style:none; }
.handoff-signpost summary::-webkit-details-marker { display:none; }
.handoff-numbers { white-space:nowrap; font-variant-numeric:tabular-nums; }
.handoff-numbers span,.handoff-link span { font-family:Georgia,serif; font-size:1.35em; }
.handoff-signpost p { font-size:clamp(24px,2vw,28px); font-weight:400; line-height:1.4; margin:18px 0 0; text-align:right; }
.workshop-handoff .handoff-link { color:#fff; text-decoration:underline; text-underline-offset:5px; }
.handoff-signpost summary:focus-visible,.workshop-handoff a:focus-visible { outline:2px solid #fff; outline-offset:7px; }
.workshop-handoff .handoff-credit { position:absolute; z-index:2; bottom:18px; right:24px; max-width:calc(100% - 48px); color:#ddd; background:#101010d9; padding:4px 8px; font-size:12px; line-height:1.4; text-decoration:none; }
@media(max-width:600px) { .handoff-signpost { padding:16px; font-size:32px; } .handoff-signpost summary { gap:14px; align-items:flex-start; } .handoff-signpost p { font-size:22px; } }
@media(prefers-reduced-motion:reduce) { .workshop-handoff { transition:none; } }
@media print { .handoff-art { display:none; } .handoff-signpost>p { display:block!important; } }

.coworking-handoff:has(.handoff-signpost[open]) { --handoff-gap: 190px; }
.coworking-handoff .handoff-signpost p { text-align:left; font-size:clamp(24px,2vw,28px); }

@media(max-width:600px) { .coworking-handoff .handoff-signpost p { font-size:22px; } .coworking-handoff:has(.handoff-signpost[open]) { --handoff-gap: 260px; } }

@media(max-width:600px) { .coworking-handoff .handoff-credit { position:relative; display:block; bottom:auto; right:auto; width:max-content; margin:0 24px 18px auto; } .coworking-handoff .slide-inner { padding-bottom:28px; } }