@font-face{font-family:Street;src:url('/expressions/street/fonts/RobotoFlex.woff2') format('woff2');font-weight:100 1000;font-display:swap}
*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;color:#222720;background:#f0efe9;font-family:Street,Arial,'Hiragino Kaku Gothic ProN',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #1741d8;outline-offset:5px}.gallery-header{display:flex;align-items:center;justify-content:space-between;padding:28px 5vw 22px;border-bottom:1px solid #20282122}.brand{font-size:28px;font-weight:850;letter-spacing:-1.2px}.brand span{font-size:11px;vertical-align:top;letter-spacing:0}.gallery-header>span{font-size:10px;letter-spacing:.13em}.gallery-header>a:last-child{font-size:12px}.intro{position:relative;padding:32px 5vw 25px}.intro>p{font-size:9px;letter-spacing:.14em;margin:0 0 8px}.intro h1{font-size:30px;font-weight:500;letter-spacing:-.04em;margin:0}.intro>span{position:absolute;right:5vw;bottom:28px;font-size:11px;letter-spacing:.05em;color:#676c61}.exhibit{height:250svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:430px;padding:24px 5vw;display:flex;flex-direction:column;gap:14px}.exhibit-label{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;font-size:9px;letter-spacing:.12em}.show-window{position:relative;flex:1;min-height:0;border-radius:18px;overflow:hidden;isolation:isolate;background:#d7d0c2 url(wall.webp) center/cover;cursor:pointer;container-type:size;perspective:1000px;outline:none}.show-window:focus-visible{outline:3px solid #2540d9;outline-offset:5px}.show-window:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,#e8d6ad2d,transparent 65%,#31393120);z-index:-1}.wall-title{position:absolute;left:7%;top:20%;mix-blend-mode:multiply;user-select:none;pointer-events:none}.wall-title>span{font-size:clamp(7px,1cqw,12px);letter-spacing:.15em}.wall-title h2{font-size:clamp(55px,10cqw,145px);line-height:.81;letter-spacing:-.063em;font-weight:930;margin:27px 0 18px;transform:rotate(-3deg)}.wall-title em{font-style:normal;color:#d84b25}.wall-title p{font-size:clamp(10px,1.05cqw,14px);letter-spacing:.03em}.print-note{position:absolute;top:6%;left:7%;font-size:8px;letter-spacing:.1em;line-height:1.7;opacity:.62;pointer-events:none}.show-pieces{position:absolute;inset:0;pointer-events:none}.show-piece{position:absolute;display:block;transform-origin:center;will-change:transform,opacity;pointer-events:none}.show-piece img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;will-change:filter}.wall-serial{position:absolute;left:4%;bottom:24px;font-size:7px;letter-spacing:.12em;opacity:.55;pointer-events:none}.open-cue{position:absolute;bottom:20px;right:24px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:500;pointer-events:none}.cue-circle{display:grid;place-items:center;width:38px;height:38px;border:1px solid #23281f99;border-radius:50%;font-size:25px;transition:background .2s,color .2s,transform .2s}.show-window:hover .cue-circle,.show-window:focus-visible .cue-circle{background:#202720;color:#f5f1e6;transform:rotate(45deg)}.caption{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:0 0 7px;flex-shrink:0}.caption>div>span{font-size:8px;letter-spacing:.11em;color:#707368}.caption h2{font-size:23px;font-weight:480;letter-spacing:-.02em;margin:5px 0 0}.caption p{font-size:11px;line-height:1.65;margin:0;color:#5b645a}.progress{position:absolute;left:0;right:0;bottom:0;height:1px;background:#252c2424}.progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#242e26}.gallery-footer{display:flex;justify-content:space-between;align-items:center;padding:58px 5vw 78px;font-size:12px}.gallery-footer>span{font-size:18px}dialog{padding:0;border:0;border-radius:14px;width:calc(100% - 36px);max-width:1600px;height:calc(100svh - 36px);max-height:none;background:#d7d0c2;color:#242b23;box-shadow:0 30px 100px #171d284a}dialog::backdrop{background:#171d20b5;backdrop-filter:blur(8px)}dialog[open]{animation:open-wall .28s cubic-bezier(.2,.7,.2,1)}.dialog-bar{position:absolute;inset:0 0 auto;height:51px;z-index:2;background:#f4f1e9;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #22272022}.dialog-bar>span{font-size:9px;letter-spacing:.12em}.dialog-bar button{border:0;background:none;cursor:pointer;min-height:44px;display:flex;gap:25px;align-items:center;font-size:11px;color:inherit}.dialog-bar b{font-size:26px;font-weight:300}#workshop-content{position:absolute;inset:51px 0 0}#workshop-content iframe{width:100%;height:100%;border:0;display:block}.loading{text-align:center;margin:20vh 20px;font-size:13px}.no-script{padding:24px 5vw}@keyframes open-wall{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:720px){.gallery-header{padding:20px 5vw}.gallery-header>span{display:none}.brand{font-size:24px}.intro{padding:24px 5vw 18px}.intro h1{font-size:25px}.intro>span{position:static;display:block;font-size:10px;margin-top:17px}.exhibit{height:235svh}.stage{padding:17px 14px 18px;gap:10px;min-height:520px}.exhibit-label{font-size:7px}.exhibit-label>span:last-child{display:none}.show-window{border-radius:12px}.wall-title{left:8%;top:9%}.wall-title h2{font-size:clamp(54px,19cqw,92px);margin:18px 0 12px}.wall-title>span{font-size:7px}.wall-title p{font-size:9px}.print-note{display:none}.open-cue{bottom:16px;right:16px;font-size:9px;gap:6px}.cue-circle{width:30px;height:30px;font-size:22px}.wall-serial{bottom:21px;left:6%;font-size:5px;max-width:120px;line-height:1.6}.caption{min-height:65px}.caption h2{font-size:19px}.caption p{font-size:9px}.caption>div>span{font-size:6px}.gallery-footer{padding:35px 5vw 55px;gap:15px}.gallery-footer>span{font-size:13px}.gallery-footer>a{font-size:10px}dialog{width:100%;height:100svh;border-radius:0}.dialog-bar{padding:0 14px}.dialog-bar>span{font-size:8px}}
@media(max-height:600px) and (min-width:721px){.stage{padding-top:12px;padding-bottom:12px;gap:8px}.caption{min-height:48px}.caption h2{font-size:18px}.wall-title{top:15%}.wall-title h2{font-size:clamp(50px,20cqh,95px);margin:18px 0 13px}.print-note{font-size:6px}.wall-title p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.exhibit{height:auto}.stage{position:relative}.show-piece,.show-piece img{will-change:auto}dialog[open]{animation:none}.cue-circle{transition:none}}

.initial-eye{left:72%;top:43%;width:min(44cqw,56cqh,380px);height:min(44cqw,56cqh,380px);transform:translate(-50%,-50%) rotate(-12deg)}.initial-star{left:50%;top:73%;width:min(25.52cqw,32.48cqh,220.4px);height:min(25.52cqw,32.48cqh,220.4px);transform:translate(-50%,-50%) rotate(9deg)}.initial-eye img,.initial-star img{filter:drop-shadow(1px 2px 1px #20191152)}
@container(max-width:649px){.initial-eye{left:68%;top:57%;width:41.8cqw;height:41.8cqw}.initial-star{left:32%;top:72%;width:26.4cqw;height:26.4cqw}}

@media(max-width:720px){.wall-title{top:6%}.wall-title h2{font-size:clamp(25px,min(12cqw,8cqh),45px);line-height:.84;margin:14px 0 8px}.wall-title h2 br:first-of-type{display:none}.wall-title h2 em{font-size:clamp(48px,min(23cqw,17cqh),92px)}}
