/* The latest experiment is a working exhibit, with the Lab identity around it. */
.exhibit{--acid:#c4f56d;position:relative;min-width:0;background:#111613;color:#e9ebdb;border:1px solid #252b24;display:grid;grid-template-rows:44px 1fr auto;box-shadow:8px 8px 0 #d2d1c7;isolation:isolate}
.exhibit-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;font:8px var(--mono);letter-spacing:.06em;border-bottom:1px solid #ffffff26}
.exhibit-live{display:flex;gap:8px;align-items:center;color:var(--acid)}.exhibit-live:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px #c4f56d66}
.exhibit-scene{min-height:408px;position:relative;overflow:hidden;perspective:900px;background:#101711}
.exhibit-room{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% 50%;opacity:.7;filter:saturate(.65)}
.exhibit-scene:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#050b08c9,transparent 90%),linear-gradient(0deg,#030a08e6,transparent 65%);z-index:1}
.exhibit-poster{position:absolute;inset:0;z-index:4;padding:30px;background:linear-gradient(90deg,#07120bde,transparent);transform-origin:50% 100%;transition:transform .95s cubic-bezier(.45,.02,.16,1),opacity .8s}
.exhibit-poster>p:first-child{font:8px/1.7 var(--mono);letter-spacing:.06em;color:#c7cbb9;max-width:190px}
.exhibit-poster h2{font:400 clamp(78px,8vw,118px)/.84 var(--display);letter-spacing:-.025em;margin-top:25px;position:relative;z-index:2}
.exhibit-poster h2 span{color:var(--acid)}
.exhibit-poster .exhibit-tagline{font:11px/1.7 var(--sans);margin-top:23px;max-width:190px;color:#d4d8c7}
.exhibit-poster .exhibit-stamp{position:absolute;bottom:23px;left:30px;font:7px/1.7 var(--mono);color:#b6bfaa;letter-spacing:.06em}
.exhibit-phone{position:absolute;z-index:5;right:32px;top:53px;width:146px;height:318px;border-radius:31px 32px 30px 32px;background:linear-gradient(110deg,#687062,#313a32 12%,#212a24 80%,#101b13);border:2px solid #636b5c;box-shadow:5px 7px 0 #172119,13px 22px 18px #000b,inset 2px 1px 1px #89917b;transform:rotate(12deg);padding:16px 12px;pointer-events:none;transition:transform .85s,opacity .5s}
.exhibit-phone:before{content:'';display:block;margin:0 auto 12px;width:32px;height:9px;background:repeating-linear-gradient(90deg,#10160e 0 3px,transparent 3px 7px);border-radius:4px}
.exhibit-handset-brand{display:block;font:6px var(--mono);text-align:center;letter-spacing:2px;margin-bottom:9px;color:#bdc4ac}
.exhibit-lcd{background:linear-gradient(135deg,#c7d287,#a8b56e);color:#29341f;border:4px solid #111b11;border-radius:8px;padding:8px 5px;height:108px;text-align:center;box-shadow:inset 2px 3px 9px #35421688;position:relative;overflow:hidden}
.exhibit-lcd:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#26381813 2px 3px)}
.exhibit-lcd small{font:5px/1.8 var(--mono);display:block}.exhibit-lcd strong{font:bold 23px Georgia,serif;display:block;margin:5px 0}.exhibit-wave{height:14px;display:flex;justify-content:center;align-items:center;gap:2px;margin-top:7px}.exhibit-wave i{display:block;width:2px;background:#3f512d;height:var(--wave,8px)}
.exhibit-phone-keys{margin:11px 4px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.exhibit-phone-keys span{border-radius:50%;background:linear-gradient(#687853,#303d29);border:1px solid #7c8561;box-shadow:1px 2px 2px #0009;text-align:center;font:9px/17px Georgia;color:#d7dfbd}
.exhibit-phone-keys span:nth-child(2){background:#859174}.exhibit-phone-keys span:first-child{color:#c7f67b}.exhibit-phone-keys span:nth-child(3){color:#ec9c7d}
.exhibit[data-phase="ready"] .exhibit-phone{animation:exhibit-ring .35s ease-in-out 8}
@keyframes exhibit-ring{0%,100%{transform:rotate(12deg)}30%{transform:rotate(10deg) translateX(-1px)}70%{transform:rotate(14deg) translateX(1px)}}
.exhibit-brief{position:relative;z-index:3;padding:28px;min-height:408px;display:flex;flex-direction:column;align-items:flex-start;visibility:hidden;opacity:0;transform:translateY(12px);transition:opacity .5s .45s,transform .5s .45s;outline-offset:-8px}
.exhibit-case{font:7px/1.5 var(--mono);color:var(--acid);letter-spacing:.05em;margin-bottom:20px}
.exhibit-brief h3{font:400 clamp(32px,3.1vw,46px)/1.02 var(--display);max-width:65%;letter-spacing:.01em;min-height:94px}
.exhibit-question{font:11px/1.65 var(--sans);max-width:62%;color:#d3d9c7;margin:12px 0 18px}
.exhibit-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:auto}
.exhibit-choices button{min-height:51px;border:1px solid #c4f56d7a;background:#101b13e8;color:#e4ebd5;font:9px/1.5 var(--mono);padding:10px;transition:background .15s,color .15s}
.exhibit-choices button:hover{background:var(--acid);color:#162114}
.exhibit-choices button:focus-visible,.exhibit-power:focus-visible,.exhibit-sound:focus-visible,.exhibit-reset:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.exhibit-scene [hidden]{display:none!important}
.exhibit-result{font:11px/1.75 var(--sans);max-width:94%;background:#09120eef;border-left:2px solid var(--acid);padding:12px 14px;margin-top:auto}
.exhibit-reset{background:transparent;color:var(--acid);border:0;font:8px var(--mono);padding:13px 0 0;text-decoration:underline;text-underline-offset:4px}
.exhibit[data-phase="active"] .exhibit-poster,.exhibit[data-phase="result"] .exhibit-poster{transform:rotateX(87deg) scale(.86);opacity:0;pointer-events:none}
.exhibit[data-phase="active"] .exhibit-brief,.exhibit[data-phase="result"] .exhibit-brief{visibility:visible;opacity:1;transform:none}
.exhibit[data-phase="active"] .exhibit-phone,.exhibit[data-phase="result"] .exhibit-phone{transform:translate(27px,-7px) scale(.76) rotate(8deg);opacity:.78;z-index:2}
.exhibit-footer{z-index:6;position:relative;background:#111613;border-top:1px solid #ffffff26;padding:15px 20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}
.exhibit-power{display:flex;align-items:center;gap:10px;border:0;padding:0;background:transparent;color:#e4e9d6;font:8px/1.6 var(--mono);text-align:left;min-height:38px}
.exhibit-switch{height:24px;width:45px;border:1px solid #a2b18c;border-radius:30px;padding:3px;display:block;flex:none;background:#262e23;box-shadow:inset 0 2px 4px #0009}
.exhibit-switch:before{content:'';display:block;height:16px;width:16px;border-radius:50%;background:#a2b18c;transition:transform .2s,background .2s}
.exhibit-power[aria-checked="true"] .exhibit-switch:before{transform:translateX(20px);background:var(--acid);box-shadow:0 0 10px #c4f56d44}.exhibit-power small{display:block;color:#9faa92;font:7px/1.7 var(--mono)}
.exhibit-sound{font:7px var(--mono);color:#a8b39b;background:transparent;border:0;min-height:32px;padding:7px 0;text-decoration:underline;text-underline-offset:4px}
.exhibit-launch{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #ffffff20;font:600 11px/1.4 var(--sans);color:var(--acid)}.exhibit-launch span{font-size:19px}.exhibit-launch:hover{color:#fff}.exhibit-access{font:7px var(--mono);color:#a8b39b;font-weight:400;margin-left:8px}
@media(min-width:1500px){.exhibit-scene,.exhibit-brief{min-height:443px}.exhibit-phone{width:163px;height:334px;top:70px;right:40px}.exhibit-lcd{height:122px}.exhibit-poster h2{font-size:125px}.exhibit-phone-keys{gap:7px}.exhibit-phone-keys span{line-height:19px}}
@media(min-width:741px) and (max-width:1050px){.hero{grid-template-columns:1fr 1.05fr;gap:24px}h1{font-size:clamp(78px,10.4vw,112px)}.exhibit-phone{right:12px;width:122px;height:290px;padding:13px 9px;top:69px}.exhibit-poster{padding:25px 20px}.exhibit-poster h2{font-size:82px}.exhibit-poster .exhibit-tagline{max-width:130px;font-size:10px}.exhibit-poster .exhibit-stamp{left:20px}.exhibit-poster>p:first-child{font-size:7px}.exhibit-brief{padding:24px 19px}.exhibit-brief h3{font-size:33px}.exhibit-choices{gap:6px}.exhibit-choices button{font-size:8px}.exhibit-phone-keys{gap:5px}.exhibit-phone-keys span{line-height:15px}}
@media(max-width:740px){.exhibit{box-shadow:5px 5px 0 #d2d1c7}.exhibit-scene,.exhibit-brief{min-height:390px}.exhibit-poster{padding:26px 23px}.exhibit-poster h2{font-size:100px}.exhibit-poster>p:first-child{font-size:7px}.exhibit-poster .exhibit-tagline{font-size:11px;max-width:160px}.exhibit-phone{right:26px;top:76px;width:133px;height:300px;padding:14px 10px}.exhibit-poster .exhibit-stamp{left:23px;bottom:20px;font-size:6px}.exhibit-brief{padding:26px 23px}.exhibit-brief h3{font-size:39px}.exhibit-brief .exhibit-question{font-size:11px;max-width:62%}.exhibit-footer{padding:13px 18px}.exhibit-phone-keys span{line-height:15px}.exhibit-phone-keys{gap:5px}.exhibit-bar{font-size:7px;padding-inline:18px}}
@media(max-width:370px){.exhibit-poster h2{font-size:86px}.exhibit-poster .exhibit-tagline{max-width:125px}.exhibit-phone{right:9px;width:120px;height:290px}.exhibit-brief h3{font-size:33px}.exhibit-question{max-width:60%!important;font-size:10px!important}.exhibit-choices button{font-size:8px}.exhibit-access{display:block;margin-left:0;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.exhibit *{animation:none!important;transition:none!important}.exhibit[data-phase="active"] .exhibit-poster,.exhibit[data-phase="result"] .exhibit-poster{transform:none;visibility:hidden}}

@media(max-width:740px){.exhibit-poster h2{font-size:82px}.exhibit-poster .exhibit-tagline{max-width:145px}.exhibit-phone{right:7px;top:96px;transform:scale(.8) rotate(10deg);transform-origin:100% 0}.exhibit[data-phase="ready"] .exhibit-phone{animation:none}.exhibit[data-phase="active"] .exhibit-phone,.exhibit[data-phase="result"] .exhibit-phone{transform:scale(.72) rotate(8deg);top:70px}.exhibit-poster .exhibit-stamp{max-width:180px}}
@media(max-width:370px){.exhibit-poster h2{font-size:75px}.exhibit-phone{right:2px;transform:scale(.76) rotate(10deg)}.exhibit-poster .exhibit-tagline{max-width:125px;font-size:10px}}