/* Each phase shares a presentation area and a separate space for its host. */
.making-panel{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(25px,4vw,70px)}
.making-scene{height:530px;min-width:0}
.making-scene .pose{left:0;bottom:0;width:155px}
.making-panel .work-in-progress{left:0;right:0;top:18px;height:350px;transform:none}
.making-panel[data-phase] .work-in-progress{transform:none}
.loose-thread{left:5%;top:35px;width:90%;height:270px}
.thought{max-width:85%;font-size:clamp(17px,1.5vw,23px);line-height:1.4}
.thought-one{left:8%;top:40px}
.thought-two{left:18%;top:125px}
.thought-three{left:10%;top:245px}
.sketch-photo{background:#e8e8e0}
.sketch-photo img{object-fit:contain;object-position:center;display:block}
.sketch-photo .design-swatches{inset:50% auto auto 50%;bottom:auto;right:auto;width:78%;transform:translate(-50%,-65%);display:flex;gap:0;z-index:2}
.sketch-photo .design-swatches i{flex:1;width:auto;min-width:0;height:95px}
.sketch-photo .design-swatches span{top:100%;left:0;right:0;text-align:center;white-space:normal;font-size:14px;line-height:1.4;margin-top:14px}
.making-panel[data-phase=idea] .sketch-photo:before,.making-panel[data-phase=idea] .sketch-photo:after{opacity:0}
.proof-checks{right:0;bottom:25px;transform:none}
.live-ribbon{right:12px;top:0;max-width:80%;font-size:12px}
.conversation-frame{position:absolute;left:0;right:0;top:18px;height:350px;border:2px solid var(--ink);background:#f7f1df;box-shadow:8px 10px 0 #88b7a350;overflow:hidden}
.making-panel:not([data-phase=conversation]) .conversation-frame{visibility:hidden}
.conversation-frame .thought-one{top:60px}
.conversation-frame .thought-two{top:145px}
.conversation-frame .thought-three{top:260px}
.conversation-frame .loose-thread{top:55px}
.making-scene{height:600px}
.process-thought{position:absolute;left:180px;right:8px;bottom:24px;padding:20px 24px;background:#fffaf0;border:2px solid var(--ink);border-radius:45% 40% 35% 30% / 25px 30px 25px 24px;box-shadow:4px 5px 0 #143b5815}
.process-thought:before,.process-thought:after{content:'';position:absolute;background:#fffaf0;border:2px solid var(--ink);border-radius:50%;width:15px;height:12px;left:-22px;bottom:24px}
.process-thought:after{width:8px;height:7px;left:-36px;bottom:15px}
.process-thought .eyebrow{font-size:10px;display:block;margin-bottom:8px}
.process-thought p{font:17px/1.4 Hotel,Georgia,serif;margin:0}
.proof-checks{bottom:175px}
@media(max-width:760px){
 .making-panel{grid-template-columns:minmax(0,1fr);gap:20px}
 .making-scene{height:520px;max-width:500px}
 .making-panel .work-in-progress{left:0;right:0;top:15px;height:270px}
 .making-scene .pose{left:0;bottom:0;width:135px}
 .loose-thread{top:20px;height:230px}
 .thought{font-size:17px;max-width:88%}
 .thought-one{left:6%;top:35px}
 .thought-two{left:10%;top:115px}
 .thought-three{left:7%;top:210px}
 .sketch-copy{padding:24px 10px 12px}
 .sketch-copy strong{font-size:22px;margin:20px 0}
 .sketch-copy em{font-size:29px}
 .sketch-photo .design-swatches i{height:70px}
 .sketch-photo .design-swatches span{font-size:12px;margin-top:10px}
 .proof-checks{bottom:165px;max-width:65%}
 .proof-checks>span{font-size:11px}
 .live-ribbon{font-size:10px;right:8px}
 .conversation-frame{top:15px;height:270px}
 .conversation-frame .thought-one{top:45px}
 .conversation-frame .thought-two{top:115px}
 .conversation-frame .thought-three{top:205px}
 .conversation-frame .loose-thread{top:30px;height:220px}
 .process-thought{left:145px;right:0;bottom:15px;padding:15px 14px}
 .process-thought p{font-size:14px;line-height:1.4}
 .process-thought .eyebrow{font-size:9px;margin-bottom:7px}
 .process-thought:before{left:-17px;width:11px;height:9px}
 .process-thought:after{left:-27px;width:6px;height:5px}
}
@media(max-width:380px){.making-scene .pose{width:105px}.process-thought{left:115px}.process-thought p{font-size:13px}}