.making-panel .work-in-progress,.making-panel .proof-checks,.making-panel .live-ribbon{display:none}
.stage-exhibit{--accent:#b8d2ba;--deep:#294c40;position:absolute;left:0;right:0;top:18px;height:350px;border:2px solid var(--ink);box-shadow:8px 10px 0 #88b7a350;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding:25px 5%;gap:20px;background:#f7f1df;overflow:hidden;isolation:isolate}
.stage-exhibit[hidden]{display:none}
.exhibit-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;z-index:2}
.exhibit-heading>small{font:700 9px/1.4 Label;letter-spacing:.08em}
.exhibit-heading h3{font:700 clamp(25px,3vw,43px)/1.02 Bookman;margin:19px 0 14px;letter-spacing:-.055em}
.exhibit-heading h3 em{font-family:Hotel;font-weight:400;color:#ac4b29}
.exhibit-heading p{font:15px/1.35 Label;margin:0 0 20px}
.stage-exhibit button{min-height:44px;border:1px solid var(--ink);padding:8px 12px;background:#fffaf0;color:var(--ink);font:650 12px Label}
.palette-controls,.device-controls,.review-controls{display:flex;flex-wrap:wrap;gap:5px}
.stage-exhibit button[aria-pressed=true],.stage-exhibit .launch-preview{background:var(--ink);color:#fffaf0;box-shadow:3px 3px 0 #f0763d}
.stage-exhibit button:focus-visible{outline-offset:3px}
.exhibit-idea{background:linear-gradient(115deg,#f7f1df 51%,var(--accent) 51%)}
.exhibit-idea[data-palette=clay]{--accent:#eabca5;--deep:#884d3d}
.exhibit-idea[data-palette=ink]{--accent:#abc3d7;--deep:#143b58}
.mood-composition{position:relative;min-width:0}
.mood-photo{position:absolute;right:2%;top:10%;width:60%;height:75%;background:#e8e8e0;border:7px solid #fffaf0;transform:rotate(7deg);box-shadow:4px 5px 0 #143b5820}
.mood-photo img{width:100%;height:100%;object-fit:contain}
.mood-type{position:absolute;left:0;top:25%;padding:10px 15px;background:var(--deep);color:#fffaf0;font:70px/1 Hotel;transform:rotate(-7deg)}
.mood-type span{display:block;font:7px Label;letter-spacing:.08em;margin-top:5px}
.mood-colors{position:absolute;bottom:0;left:15%;right:5%;height:42px;display:flex;transform:rotate(-3deg);box-shadow:3px 4px 0 #143b5820}
.mood-colors i{flex:1;background:var(--deep)}.mood-colors i:nth-child(2){background:var(--accent)}.mood-colors i:nth-child(3){background:#fffaf0}
.mood-ticket{position:absolute;top:0;left:0;font:700 8px Label;letter-spacing:.08em;color:var(--deep)}
.exhibit-creation{background:#e8eee8;background-image:linear-gradient(#143b580b 1px,transparent 1px),linear-gradient(90deg,#143b580b 1px,transparent 1px);background-size:20px 20px}
.device-stage{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:0}
.device-frame{width:100%;height:220px;border:2px solid var(--ink);background:#fffaf0;box-shadow:6px 7px 0 #143b5820;transition:width .4s}
.device-bar{display:block;height:22px;font:8px/20px Label;padding-left:8px;border-bottom:1px solid var(--ink)}
.exhibit-site{display:grid;grid-template-columns:1.1fr 1fr;height:calc(100% - 22px);min-width:0;background:#fffaf0}
.exhibit-site-copy{display:flex;flex-direction:column;justify-content:center;padding:12px;min-width:0;color:#294c40}
.exhibit-site-copy small{font:7px Label;letter-spacing:.05em}
.exhibit-site-copy strong{font:27px/.95 Hotel;margin:15px 0 10px}
.exhibit-site-copy>span{font:8px Label}.exhibit-site-copy b{font:7px Label;margin-top:13px;text-decoration:underline;text-underline-offset:3px}
.exhibit-site>img{height:100%;width:100%;min-height:0;object-fit:contain;background:#e8e8e0}
.exhibit-creation[data-device=narrow] .device-frame{width:125px;height:250px;border-radius:12px;overflow:hidden}
.exhibit-creation[data-device=narrow] .exhibit-site{grid-template-columns:1fr;grid-template-rows:1fr 92px}
.exhibit-creation[data-device=narrow] .exhibit-site-copy{padding:8px}
.exhibit-creation[data-device=narrow] .exhibit-site-copy strong{font-size:22px;margin:6px 0}
.exhibit-caption{font:700 8px Label;letter-spacing:.05em;text-align:center}
.exhibit-refining{background:#f2d9c0}
.review-stage{position:relative;align-self:center;height:235px;padding-top:20px;min-width:0}
.review-stage .exhibit-site{height:180px;border:1px solid var(--ink);box-shadow:5px 5px 0 #143b5820}
.review-caption{font:12px/1.3 Label;margin:13px 0 0}
.review-mark{position:absolute;top:-4px;right:5px;font:italic 15px Hotel;transform:rotate(5deg)}
[data-review=type] .review-stage strong,[data-review=space] .review-stage .exhibit-site-copy,[data-review=action] .review-stage b{outline:2px dashed #b64d25;outline-offset:4px;background:#f5d88370}
.exhibit-reveal{background:#143b58;color:#fffaf0}
.exhibit-reveal h3 em{color:#b8e4d4}
.stage-exhibit.exhibit-reveal .launch-preview{background:#f0763d;color:#143b58;border-color:#f0763d;box-shadow:3px 3px 0 #fffaf0}
.launch-stage{position:relative;display:grid;place-items:center;min-width:0}
.launch-rays{position:absolute;width:120%;aspect-ratio:1;background:repeating-conic-gradient(from 10deg,#b8e4d425 0deg 3deg,transparent 3deg 20deg);border-radius:50%}
.launch-poster{position:relative;background:#b8e4d4;color:#143b58;padding:25px 20px;transform:rotate(-4deg);box-shadow:7px 7px 0 #081d31;width:90%;text-align:center}
.launch-poster>span{display:block;font:750 8px/1.4 Label;letter-spacing:.06em}
.launch-poster strong{display:block;font:700 clamp(35px,4vw,55px)/.96 Bookman;letter-spacing:-.07em;margin:23px 0}
.launch-poster em{font-family:Hotel;font-weight:400}
.launch-seal{position:absolute;right:-5px;bottom:5px;background:#f0763d;color:#143b58;border:2px solid #143b58;border-radius:50%;height:65px;width:65px;display:grid;place-content:center;text-align:center;font:750 10px/1.3 Label;transform:rotate(12deg)}
@media(max-width:1000px){.stage-exhibit{gap:12px;padding:23px 4%}.exhibit-heading h3{font-size:29px}.exhibit-heading p{font-size:13px}.stage-exhibit button{font-size:11px;padding:7px 9px}.mood-type{font-size:52px;padding:10px}.exhibit-site-copy{padding:8px}.exhibit-site-copy strong{font-size:23px}}
@media(max-width:760px){.stage-exhibit{top:15px;height:270px;padding:15px 4%;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.exhibit-heading>small{font-size:7px}.exhibit-heading h3{font-size:25px;margin:12px 0}.exhibit-heading p{font-size:12px;margin-bottom:12px}.stage-exhibit button{font-size:10px;padding:5px 7px;min-height:40px}.palette-controls,.review-controls{gap:4px}.mood-type{font-size:46px;padding:8px}.mood-type span{font-size:6px}.mood-photo{border-width:4px;right:0;width:70%}.mood-colors{height:30px;left:0;right:0}.mood-ticket{font-size:7px}.device-frame{height:175px}.exhibit-site-copy strong{font-size:20px}.exhibit-site-copy>span{display:none}.exhibit-site-copy b{font-size:6px}.exhibit-site-copy small{font-size:6px}.exhibit-creation[data-device=narrow] .device-frame{width:100px;height:205px}.exhibit-creation[data-device=narrow] .exhibit-site{grid-template-rows:1fr 70px}.exhibit-caption{font-size:6px}.device-stage{gap:8px}.review-stage{height:200px}.review-stage .exhibit-site{height:150px}.review-caption{font-size:10px}.review-mark{font-size:12px}.launch-poster{padding:19px 10px;width:95%}.launch-poster strong{font-size:33px;margin:20px 0}.launch-poster>span{font-size:7px}.launch-seal{width:48px;height:48px;font-size:8px;bottom:0;right:-4px}}
@media(prefers-reduced-motion:reduce){.device-frame{transition:none}}
.stage-exhibit{padding-bottom:106px;grid-template-rows:minmax(0,1fr)}
.stage-exhibit .exhibit-heading{margin:0;gap:0;min-height:0}
.stage-exhibit .exhibit-heading h3{margin:12px 0}
.stage-exhibit .exhibit-heading p{margin:0}
.stage-controls{position:absolute;left:0;right:0;bottom:0;min-height:88px;padding:10px 5% 13px;background:#fffaf0;border-top:2px solid var(--ink);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--ink)}
.stage-control-label{font:800 11px/1.4 Label;letter-spacing:.05em;max-width:145px}
.stage-controls .palette-controls,.stage-controls .device-controls,.stage-controls .review-controls{flex-wrap:nowrap;gap:9px}
.stage-controls button{font:750 14px/1.2 Label;min-height:46px;min-width:65px;padding:10px 15px;border:2px solid var(--ink);background:#f9dfbd;box-shadow:3px 3px 0 #143b5840;transition:background .15s,transform .15s}
.stage-controls button[aria-pressed=true]{background:var(--ink);color:white;box-shadow:3px 3px 0 #f0763d;text-decoration:underline;text-underline-offset:5px}
.stage-controls button:active{transform:translate(2px,2px);box-shadow:none}
.device-frame{height:190px}.exhibit-creation[data-device=narrow] .device-frame{height:205px}
.review-stage{height:210px}.review-stage .exhibit-site{height:160px}
.launch-poster{padding:15px}.launch-poster strong{margin:13px 0}
.discovery-instruction{font-weight:800;color:#143b58;background:#f9dfbd;padding:5px 8px;align-self:flex-start}
.discovery-questions button{border-width:2px;background:#f9dfbd}
.discovery-questions button[aria-pressed=true]{background:#143b58;color:#fffaf0;box-shadow:4px 4px 0 #f0763d}
@media(hover:hover){.stage-controls button:hover{background:#f0763d;color:#143b58;transform:translateY(-2px)}.discovery-questions button:hover{background:#b8e4d4;color:#143b58}}
@media(max-width:760px){
 .stage-exhibit{padding:12px 4% 97px}
 .stage-exhibit .exhibit-heading h3{font-size:24px;margin:10px 0}
 .stage-exhibit .exhibit-heading p{display:none}
 .stage-controls{padding:8px 10px 10px;min-height:84px;flex-direction:column;align-items:stretch;gap:6px}
 .stage-control-label{font-size:9px;max-width:none;text-align:center}
 .stage-controls .palette-controls,.stage-controls .device-controls,.stage-controls .review-controls{gap:7px;width:100%}
 .stage-controls button{flex:1;min-width:0;min-height:44px;font-size:13px;padding:8px 10px}
 .device-frame{height:135px}.exhibit-creation[data-device=narrow] .device-frame{height:150px;width:88px}
 .exhibit-creation[data-device=narrow] .exhibit-site{grid-template-rows:1fr 45px}
 .exhibit-site-copy strong{font-size:17px;margin:7px 0}.exhibit-site-copy b{margin-top:6px}
 .review-stage{height:150px;padding-top:16px}.review-stage .exhibit-site{height:110px}.review-caption{margin-top:7px;font-size:9px}
 .mood-type{font-size:35px}.mood-photo{height:70%}.mood-colors{height:23px}
 .launch-poster{padding:10px}.launch-poster strong{font-size:28px;margin:10px 0}.launch-seal{width:38px;height:38px;font-size:7px;bottom:-3px}
}

/* Scale a complete device viewport, not individual pieces of its contents. */
.exhibit-creation .device-frame{display:flex;flex-direction:column;overflow:hidden;transition:none;max-width:100%}
.exhibit-creation .device-bar{flex:0 0 18px;height:18px;line-height:17px}
.device-screen{position:relative;flex:1;min-height:0;overflow:hidden;background:#fffaf0}
.device-viewport{position:absolute;top:50%;left:50%;transform-origin:center}
.exhibit-creation .device-viewport .exhibit-site{width:100%;height:100%;grid-template-columns:1.1fr 1fr;grid-template-rows:minmax(0,1fr)}
.exhibit-creation .device-viewport .exhibit-site-copy{padding:55px;justify-content:center;min-height:0}
.exhibit-creation .device-viewport .exhibit-site-copy small{font:18px/1.3 Label;letter-spacing:.08em}
.exhibit-creation .device-viewport .exhibit-site-copy strong{font:86px/.96 Hotel;margin:34px 0 24px}
.exhibit-creation .device-viewport .exhibit-site-copy>span{display:block;font:23px/1.4 Label}
.exhibit-creation .device-viewport .exhibit-site-copy b{font:20px/1.4 Label;margin-top:35px}
.exhibit-creation .device-viewport .exhibit-site>img{min-height:0;height:100%;width:100%;object-fit:contain}
.exhibit-creation[data-device=narrow] .device-viewport .exhibit-site{grid-template-columns:1fr;grid-template-rows:330px 320px}
.exhibit-creation[data-device=narrow] .device-viewport .exhibit-site-copy{padding:24px 30px}
.exhibit-creation[data-device=narrow] .device-viewport .exhibit-site-copy strong{font-size:64px;margin:18px 0 12px}
.exhibit-creation[data-device=narrow] .device-viewport .exhibit-site-copy>span{font-size:19px}
.exhibit-creation[data-device=narrow] .device-viewport .exhibit-site-copy b{font-size:18px;margin-top:20px}
.exhibit-creation[data-device=narrow] .device-frame{width:114px;height:205px}
@media(max-width:760px){
 .exhibit-creation[data-device=narrow] .device-frame{width:80px;height:150px}
 .exhibit-creation .device-bar{flex-basis:14px;height:14px;line-height:13px;font-size:6px}
}