/* Additive, source-backed render and drawing interludes. */
.steps-archive{position:relative;overflow:hidden;isolation:isolate;background:#e9e8df;color:#1b2926}.steps-archive figure{position:relative;z-index:1;margin:0}.steps-archive a{display:block;color:inherit}.steps-archive img{width:100%;display:block}
.steps-closeup{background:#fff}.steps-closeup .steps-archive-image{height:clamp(520px,68vw,850px);overflow:hidden}.steps-closeup .steps-archive-image img{width:100%;height:100%;object-fit:cover;object-position:50% 53%;transform:scale(1.23)}
.steps-closeup figcaption{margin:0;padding:25px 5vw;background:#1b2926;color:#e9e8df;opacity:1;display:flex;align-items:center;justify-content:space-between;gap:30px;font:10px/1.7 Mono,monospace}.steps-closeup figcaption b{font:clamp(36px,6vw,84px)/.9 Display,Arial;letter-spacing:-.04em;text-transform:uppercase;font-weight:500}
.steps-contact-lines{position:absolute;inset:7% -5% 15%;z-index:2;pointer-events:none;opacity:.24;animation:steps-line-travel 15s ease-in-out infinite alternate}.steps-contact-lines i{position:absolute;display:block;left:0;right:0;height:1px;background:#1f625d}.steps-contact-lines i:nth-child(1){top:15%;left:62%}.steps-contact-lines i:nth-child(2){top:49%;right:68%}.steps-contact-lines i:nth-child(3){top:75%;left:75%}.steps-contact-lines:after{content:'';position:absolute;inset:0;border-left:1px dashed #1f625d;border-right:1px dashed #1f625d;margin-inline:9%}
.steps-drawing-room{background:#1b2926;color:#fffaf0;padding:85px 5vw}.steps-drawing-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px;position:relative;z-index:1}.steps-drawing-heading h3{font:clamp(42px,7vw,100px)/.92 Display,Arial;text-transform:uppercase;letter-spacing:-.04em;max-width:740px}.steps-drawing-heading p{font:11px/1.8 Mono,monospace;max-width:250px;margin:0}
.steps-drawing-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start}.steps-drawing-grid figure:nth-child(2){margin-top:80px}.steps-drawing-grid .steps-archive-image{background:#fff;padding:14px;border-top:10px solid #d65327}.steps-drawing-grid img{height:470px;object-fit:contain}.steps-drawing-grid figcaption{font:10px/1.7 Mono,monospace;opacity:1;margin-top:18px}
.steps-grid-drift{position:absolute;inset:-100px;pointer-events:none;z-index:0;background:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:80px 80px;opacity:.35;animation:steps-grid-shift 24s linear infinite}
@keyframes steps-line-travel{from{transform:translateY(-15px)}to{transform:translateY(18px)}}
@keyframes steps-grid-shift{from{transform:translate(0,0)}to{transform:translate(80px,80px)}}
@media(max-width:760px){.steps-closeup .steps-archive-image{height:500px}.steps-closeup .steps-archive-image img{transform:scale(1.08);object-position:50% 53%}.steps-closeup figcaption{display:block;padding:25px 5vw;font-size:9px}.steps-closeup figcaption b{display:block;font-size:42px;margin-bottom:15px}.steps-drawing-room{padding:60px 5vw}.steps-drawing-heading{display:block;margin-bottom:35px}.steps-drawing-heading h3{font-size:47px}.steps-drawing-heading p{max-width:280px;font-size:10px;margin-top:25px}.steps-drawing-grid{grid-template-columns:1fr;gap:35px}.steps-drawing-grid figure:nth-child(2){margin-top:0}.steps-drawing-grid .steps-archive-image{padding:9px;border-top-width:7px}.steps-drawing-grid img{height:360px}.steps-drawing-grid figcaption{font-size:9px}.steps-contact-lines{opacity:.15}}

/* The original transparent render fills the context chapter without a studio rectangle. */
body[data-story="3stp"] #context .context-cutout{width:100%;max-width:1080px;margin:0 auto}
body[data-story="3stp"] #context .context-cutout .picture{background:transparent}
body[data-story="3stp"] #context .context-cutout img{width:100%;height:clamp(480px,75vw,980px);object-fit:contain;transform:none}
body[data-story="3stp"] #context .context-cutout figcaption{text-align:center}
@media(max-width:760px){body[data-story="3stp"] #context .context-cutout img{height:115vw;max-height:550px}}