#sisyphus-details{--page-bg:#000;--ink:#d8ddd7;--muted:#9aa398;--body-font:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;--gap:clamp(24px,2.3vw,48px);position:relative;background:#000;opacity:0;min-height:100%;width:100%;color:var(--ink);font-family:var(--body-font);font-weight:300}
@scope (#sisyphus-details){
*{box-sizing:border-box}:scope{margin:0;background:var(--page-bg);color:var(--ink);font-family:var(--body-font);font-weight:300}figure,p,h1,h2{margin:0}img{display:block;width:100%;height:auto}.project-layout{max-width:2000px;margin:auto;padding:clamp(64px,7vw,140px) 3.5vw 80px 7vw;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(260px,.87fr) minmax(0,1fr);gap:var(--gap);grid-template-areas:"hero origin context" "actions translation stage" "actions space stage";align-items:start}.project-layout>*{min-width:0}.hero{grid-area:hero}.origin{grid-area:origin}.translation{grid-area:translation}.space{grid-area:space}.actions{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.context{grid-area:context;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.stage{grid-area:stage}.section-label{font-size:12px;letter-spacing:.08em;color:var(--muted);margin-bottom:20px}.copy h1,.copy h2{font-size:clamp(19px,1.55vw,28px);line-height:1.55;font-weight:450;margin-bottom:20px;text-wrap:pretty}.copy>p:not(.section-label){font-size:clamp(14px,1.04vw,18px);line-height:1.475;text-wrap:pretty}.copy>p+p{margin-top:14px}.stage img{width:100%;height:auto}.context img{width:100%;height:auto}
@media(max-width:1100px) and (min-width:761px){.project-layout{padding-left:5vw;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"hero origin" "actions translation" "actions space" "context stage"}}
@media(max-width:760px){.project-layout{display:flex;flex-direction:column;padding:52px 24px 60px;gap:28px}.project-layout>*{width:100%}.copy h1,.copy h2{font-size:23px;line-height:1.55;margin-bottom:15px}.copy>p:not(.section-label){font-size:16px;line-height:1.475}.section-label{font-size:12px;margin-bottom:13px}.translation,.space{margin-top:22px}.actions{gap:8px}.context{gap:12px}.stage{margin-top:0}}

@media(max-width:760px){.context{grid-template-columns:1fr;gap:20px}}

/* Shared captions and a single spatial-evidence group. */
figcaption{display:flex;align-items:baseline;gap:7px;margin-top:10px;font-size:12px;line-height:1.7;font-weight:400;color:var(--muted);text-wrap:pretty}figcaption::before{content:"↖";flex:none;font-size:15px;line-height:1}
.actions-group{grid-area:actions}.space-group{grid-area:spatial;display:flex;flex-direction:column;gap:26px;min-width:0}.space-group .context{order:1}.space-group .stage{order:2}.space-group .space{order:0}.actions{grid-area:auto}.actions img{aspect-ratio:1;object-fit:contain}
@media(min-width:1101px){.project-layout{grid-template-areas:"hero origin spatial" "actions translation spatial";align-items:start}.space-group .copy h2{font-size:clamp(19px,1.4vw,25px)}.space-group .copy>p:not(.section-label){font-size:clamp(14px,1vw,17px)}}
@media(max-width:1100px) and (min-width:761px){.project-layout{grid-template-areas:"hero origin" "actions translation" "spatial spatial"}.space-group{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"summary context" "summary stage"}.space-group .space{grid-area:summary}.space-group .context{grid-area:context}.space-group .stage{grid-area:stage}}
@media(max-width:760px){.space-group{gap:24px;margin-top:22px}.space-group .space{margin-top:0}.context{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.context figure{min-width:0}figcaption{font-size:11px;gap:5px}.space-group .context img{height:auto;max-width:100%}}

/* Presentation continuation; all source images retain their supplied crop. */
.space-group .space{order:0}.space-group .stage{order:1}.space-group .space-explanation{order:2}.space-group .context{order:3}
.presentation{max-width:2000px;margin:0 auto;padding:48px 3.5vw 100px 7vw}.presentation-heading{margin-bottom:28px}.presentation-grid{display:grid;grid-template-columns:1fr .57fr 1.1fr 1.1fr;gap:24px;align-items:start}.presentation-grid img{width:100%;height:auto}.live-group .copy{margin-top:18px}.presentation-heading h2,.live-group h2{font-size:clamp(19px,1.55vw,28px)}
@media(max-width:1100px) and (min-width:761px){.space-group{display:flex}.presentation{padding-left:5vw}.presentation-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.project-layout,.presentation{width:100%;padding-left:24px;padding-right:24px;margin-left:0;margin-right:0;box-sizing:border-box}.presentation{padding-top:32px;padding-bottom:60px}.presentation-grid{grid-template-columns:minmax(0,1fr);gap:32px}.presentation-figure img{max-width:70%;margin:auto}.presentation-heading h2,.live-group h2{font-size:23px}.space-explanation{margin:0}}
/* 70% of the previous title and body sizes, confined to design-process content. */
.copy h1,.copy h2{font-size:clamp(13.3px,1.085vw,19.6px)}.copy>p:not(.section-label){font-size:clamp(9.8px,.728vw,12.6px)}.section-label{font-size:8.4px}
@media(min-width:1101px){.space-group .copy h2{font-size:clamp(13.3px,.98vw,17.5px)}.space-group .copy>p:not(.section-label){font-size:clamp(9.8px,.7vw,11.9px)}}
@media(max-width:760px){.copy h1,.copy h2{font-size:16.1px}.copy>p:not(.section-label){font-size:11.2px}}

/* Adjacent section spacing is half of the previous 80 + 48 pixels. */
.project-layout{padding-bottom:40px}.presentation{padding-top:24px}
.presentation-grid{align-items:start}.presentation-grid>figure,.presentation-grid>.live-group{margin-top:0;align-self:start}.presentation-grid img{vertical-align:top;display:block}.object-description{font-size:clamp(9.8px,.728vw,12.6px);line-height:1.475;margin-top:10px;font-weight:300;color:var(--ink)}.presentation-grid figcaption{font-weight:450}
.finale{position:relative;max-width:2000px;margin:0 auto 60px;display:grid;grid-template-columns:29% 71%;align-items:center;background:#000;padding-left:6vw;padding-right:3.5vw}.finale-copy{position:relative;z-index:1;padding-right:20px}.finale .finale-copy h2{font-size:clamp(24px,2.4vw,42px);line-height:1.5;font-weight:400;margin-bottom:38px}.finale .finale-copy p{font-size:clamp(11px,1vw,16px);line-height:1.65;color:#aab2a9}.finale-image img{width:100%;height:auto}
@media(max-width:760px){.project-layout{padding-bottom:30px}.presentation{padding-top:16px}.object-description{font-size:11.2px}.finale{display:flex;flex-direction:column;gap:24px;padding:20px 24px 40px;margin-bottom:0}.finale-copy{padding-right:0;width:100%}.finale .finale-copy h2{font-size:23px;margin-bottom:20px}.finale .finale-copy p{font-size:11.2px;line-height:1.65}.finale-image{width:100%}}

}