@font-face{font-family:Street;src:url('/expressions/street/fonts/RobotoFlex.woff2') format('woff2');font-weight:100 1000;font-display:swap}
@view-transition{navigation:auto}
:root{--paper:#f0f0e7;--ink:#111918;--muted:#a4afaa;--accent:#ed5939;--line:#eff6ee25;background:var(--ink);color:var(--paper);font-family:Street,Arial,'Hiragino Kaku Gothic ProN',sans-serif;font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}body{overflow-x:clip}p,h1,h2,figure{margin:0}button{touch-action:manipulation}
.st-header{position:fixed;z-index:10;inset:0 0 auto;height:90px;padding:0 3.4vw;display:flex;align-items:center;justify-content:space-between;gap:25px;pointer-events:none;background:linear-gradient(#111918f2,#11191800)}.st-header a{pointer-events:auto}.st-brand{font-size:32px;font-weight:820;letter-spacing:-1.7px}.st-brand span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:3px}.st-edition,.st-back{font-size:13px;letter-spacing:.08em}.st-edition i{font-style:normal;color:var(--muted);margin-left:20px}.st-back{display:flex;align-items:center;gap:16px;padding:13px 20px;border:1px solid #eef3e830;border-radius:30px;background:#111918a0}.st-back>span{font-size:18px}
.st-journey{position:relative}.st-pin{padding-top:100px}.st-track{display:flex;flex-direction:column;gap:70px;padding:0 5vw}.st-intro{padding:40px 0}.st-eyebrow{font-size:12px;font-weight:550;letter-spacing:.13em;line-height:1.8;color:var(--muted)}.st-intro h1{font-size:clamp(45px,4.7vw,88px);font-weight:550;line-height:1.4;letter-spacing:-.075em;margin:32px 0;white-space:nowrap}.st-intro h1 span{color:var(--accent)}.st-intro-copy{font-size:16px;line-height:2.15;color:#c6cdc6}.st-scroll{font-size:13px;letter-spacing:.03em;margin-top:40px;display:flex;align-items:center;gap:24px}.st-scroll span{font-size:25px;color:var(--accent)}
.st-work{flex:none;width:100%;scroll-margin-top:100px}.st-window{position:relative;width:100%;aspect-ratio:1.6;isolation:isolate}.st-host{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;margin:0;border:0;border-radius:12px;overflow:hidden;color:var(--paper);background:#19221f;transform-origin:50% 50%;will-change:transform;contain:layout style}.st-art-scroll,.st-art-journey,.st-art-pin{position:relative;width:100%;height:100%;overflow:hidden}.st-poster,.st-runtime,.st-runtime iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.st-poster{object-fit:cover;opacity:1;transition:opacity .45s .08s}.st-runtime{opacity:0;transition:opacity .45s}.st-host.is-ready .st-runtime{opacity:1}.st-host.is-ready .st-poster{opacity:0;pointer-events:none}.st-runtime iframe{pointer-events:none}.st-open{display:none;position:absolute;inset:0;border:0;border-radius:12px;padding:0;background:none;z-index:2;cursor:zoom-in}.st-open-label{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:15px;background:#f3f1e8f0;color:#16201c;padding:7px 7px 7px 18px;border-radius:40px;font-size:13px;opacity:0;translate:0 8px;transition:opacity .25s,translate .3s}.st-open-label b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:23px;font-weight:300}.st-open:hover .st-open-label,.st-open:focus-visible .st-open-label{opacity:1;translate:0 0}.st-caption{padding:20px 2px 0;display:grid;grid-template-columns:1fr auto;column-gap:24px;align-items:end}.st-caption>p:first-child{grid-column:1/-1;font-size:12px;letter-spacing:.09em;color:var(--muted);margin-bottom:9px}.st-caption h2{font-size:clamp(24px,2.05vw,36px);font-weight:470;letter-spacing:-.025em}.st-line{font-size:14px;line-height:1.7;color:#b7c0b8}.st-fallback-link{font-size:14px;border-bottom:1px solid;width:max-content;margin-top:14px}.st-nav{display:none}.st-modal-head,.st-modal-foot{display:none}
.st-enhanced .st-journey{height:var(--journey-height,860svh)}.st-enhanced .st-pin{position:sticky;top:0;height:100svh;min-height:500px;padding:0;overflow:clip}.st-enhanced .st-track{height:100%;padding:0;flex-direction:row;align-items:center;gap:5vw;will-change:transform;width:max-content}.st-enhanced .st-intro{width:43vw;min-width:370px;padding:0 2vw 5vh 4vw;flex:none}.st-enhanced .st-work{width:76vw;max-width:1500px;padding-top:18px}.st-enhanced .st-window{height:65svh;max-height:940px;aspect-ratio:auto}.st-enhanced .st-work--peel{width:calc(68svh * .86);max-width:53vw;align-self:center}.st-enhanced .st-work--peel .st-window{height:68svh}.st-enhanced .st-work--stickers{width:72vw}.st-enhanced .st-work--stickers .st-window{height:59svh}.st-enhanced .st-work--beat{width:62svh;max-width:68vw}.st-enhanced .st-work--beat .st-window{height:62svh}.st-enhanced .st-work--sound{width:87vw;max-width:1680px}.st-enhanced .st-work--sound .st-window{height:65svh}.st-enhanced .st-work--night{width:calc(70svh * .87);max-width:56vw}.st-enhanced .st-work--night .st-window{height:70svh}.st-enhanced .st-work--water{width:calc(70svh * 1.6);max-width:88vw}.st-work--water .st-presentation{display:block}.st-enhanced .st-work--water .st-window{height:70svh}.st-work--peel .st-caption,.st-work--beat .st-caption,.st-work--night .st-caption{display:block}.st-work--peel .st-line,.st-work--beat .st-line,.st-work--night .st-line{margin-top:9px}.st-enhanced .st-open,.st-mounted .st-open{display:block}.st-mounted .st-fallback-link{display:none}
.st-enhanced .st-nav{position:absolute;bottom:15px;left:3.4vw;right:3.4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.07em;pointer-events:none;opacity:calc(1 - var(--end-presence,0))}.st-nav-label{color:var(--muted)}.st-nav-label>span{margin-left:18px}.st-nav>div{display:flex;gap:5px;pointer-events:auto}.st-nav a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#9ba89f;transition:background .2s,color .2s}.st-nav a[aria-current=true]{color:var(--paper);background:#e5efe315}.st-count{color:#99a59c}.st-count b{font-weight:500;color:var(--paper)}
.st-host:modal{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;background:#111918;transform:none;transform-origin:0 0;will-change:auto;contain:none;display:grid;grid-template-rows:76px minmax(0,1fr) 62px;overflow:hidden}.st-host::backdrop{background:#07100ff2}.st-host:modal .st-modal-head,.st-host:modal .st-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 3vw}.st-modal-head h2{font-size:18px;font-weight:500;margin-top:2px}.st-modal-head .st-eyebrow{font-size:12px}.st-close,.st-replay{background:none;border:0;min-height:44px;padding:0;font-size:14px;display:flex;align-items:center;gap:18px}.st-close span{font-size:29px;font-weight:300}.st-modal-foot p{font-size:14px;color:#b0beb4}.st-host:modal .st-art-scroll{width:var(--art-width,100%);height:var(--modal-height,100%);max-width:100%;margin:auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.st-host:modal .st-art-journey{height:330%;overflow:visible}.st-host:modal .st-art-pin{position:sticky;top:0;height:var(--modal-height);overflow:hidden}.st-host:modal .st-runtime iframe{pointer-events:auto}.st-host:modal[data-interactive=true] .st-art-journey{height:100%}.st-host:modal[data-interactive=true] .st-art-scroll{overflow:hidden}.st-host:modal[data-interactive=false] .st-runtime iframe{pointer-events:none}.st-host:modal[data-interactive=false] .st-art-scroll{touch-action:pan-y}.st-modal-actions{display:flex;align-items:center;gap:26px;white-space:nowrap}.st-modal-actions a{font-size:13px;border-bottom:1px solid #7c9181;padding:8px 0}.st-host:modal[data-interactive=true] .st-replay{display:none}.st-host.is-fallback .st-replay{display:none}.st-host.is-fallback .st-runtime{visibility:hidden;pointer-events:none}
.st-end{margin:20px auto 0;width:min(70vw,480px);height:85svh;padding:0;background:var(--ink)}.st-next-banner{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;cursor:pointer;isolation:isolate}.st-next-banner img{position:absolute;inset:0;z-index:-1;display:block;width:100%;height:100%;object-fit:cover;object-position:55% center;filter:brightness(.48) saturate(.65)}.st-next-title{writing-mode:vertical-rl;text-orientation:mixed;font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(34px,3.6vw,54px);font-weight:400;line-height:1.4;letter-spacing:.2em;color:#f5f1e5;opacity:.38;transition:opacity .7s ease}.st-next-banner:hover .st-next-title,.st-next-banner:focus-visible .st-next-title{opacity:1}.st-next-banner:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.st-enhanced .st-end{flex:none;align-self:stretch;margin:0 0 0 1vw;width:clamp(260px,32vw,480px);height:100%;padding:0}
@media(hover:none){.st-next-title{opacity:.72}}
/* The cover is handed to the same finished first composition in one transition. */
.st-work--editorial .st-window{view-transition-name:street-entry}::view-transition-group(street-entry){animation-duration:.65s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(street-entry),::view-transition-new(street-entry){height:100%;object-fit:cover;mix-blend-mode:normal}::view-transition-old(root){animation:st-out .4s both}::view-transition-new(root){animation:st-in .5s both}@keyframes st-out{to{opacity:0}}@keyframes st-in{from{opacity:0}to{opacity:1}}
@media(hover:none){.st-open-label{opacity:1;translate:none;font-size:12px;padding:5px 6px 5px 14px}.st-open-label b{width:30px;height:30px;font-size:20px}}
@media(max-width:700px){.st-header{height:72px;padding:0 5vw}.st-brand{font-size:27px}.st-edition{display:none}.st-back{font-size:12px;padding:8px 14px;gap:12px}.st-enhanced .st-pin{min-height:460px}.st-enhanced .st-track{gap:7vw}.st-enhanced .st-intro{width:87vw;min-width:0;padding:0 6vw 30px}.st-intro h1{font-size:clamp(42px,12vw,70px);margin:25px 0}.st-intro-copy{font-size:14px}.st-scroll{margin-top:28px;font-size:12px}.st-enhanced .st-work{width:88vw;max-width:none;padding:0}.st-enhanced .st-window{height:51svh;max-height:none}.st-enhanced .st-work--peel,.st-enhanced .st-work--night{width:77vw;max-width:none}.st-enhanced .st-work--peel .st-window,.st-enhanced .st-work--night .st-window{height:57svh}.st-enhanced .st-work--stickers{width:91vw}.st-enhanced .st-work--stickers .st-window{height:48svh}.st-enhanced .st-work--beat{width:87vw;max-width:none}.st-enhanced .st-work--beat .st-window{height:min(52svh,100vw)}.st-enhanced .st-work--sound{width:94vw;max-width:none}.st-enhanced .st-work--sound .st-window{height:55svh}.st-enhanced .st-work--water{width:92vw;max-width:none}.st-enhanced .st-work--water .st-window{height:57svh}.st-caption{padding-top:16px;display:block;max-width:90vw}.st-caption>p:first-child{font-size:12px;letter-spacing:.04em;margin-bottom:7px}.st-caption h2{font-size:25px}.st-line{font-size:13px;line-height:1.7;margin-top:8px;max-width:85vw}.st-enhanced .st-nav{bottom:9px;left:4vw;right:4vw}.st-nav-label{display:none}.st-nav>div{gap:0}.st-nav a{width:38px;height:40px}.st-count{font-size:12px}.st-open-label{right:12px;bottom:12px}.st-host:modal{grid-template-rows:72px minmax(0,1fr) 70px}.st-host:modal .st-modal-head,.st-host:modal .st-modal-foot{padding:0 4vw;gap:12px}.st-modal-head h2{font-size:16px}.st-modal-head .st-eyebrow{font-size:10px}.st-modal-foot p{font-size:12px;max-width:45%;line-height:1.6}.st-close{gap:9px;font-size:12px}.st-modal-actions{gap:15px}.st-modal-actions a,.st-replay{font-size:12px}.st-enhanced .st-end{width:70vw;padding:0}.st-window{aspect-ratio:.85}}
@media(max-height:640px) and (min-width:701px){.st-header{height:60px}.st-enhanced .st-pin{min-height:410px}.st-enhanced .st-window,.st-enhanced .st-work--peel .st-window,.st-enhanced .st-work--night .st-window,.st-enhanced .st-work--water .st-window{height:58svh}.st-intro h1{font-size:46px;margin:18px 0}.st-intro-copy{font-size:14px}.st-scroll{margin-top:22px}.st-caption{padding-top:10px}.st-caption h2{font-size:23px}.st-caption>p:first-child{font-size:12px;margin-bottom:5px}.st-line{font-size:13px}.st-enhanced .st-nav{bottom:5px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}*,*:before,*:after{animation:none!important;transition:none!important}.st-host{transform:none!important}.st-scroll{display:none}.st-work--editorial .st-window{view-transition-name:none}.st-work--water .st-presentation{display:block}.st-end{margin-top:40px}}

.st-header{transition:color .25s,background .25s}.st-at-end .st-header{color:#17201c;background:linear-gradient(#eef0e9f2,#eef0e900)}.st-at-end .st-back{background:#eef0e9d0;border-color:#17201c30}.st-at-end .st-edition i{color:#65726a}
@media(max-height:480px){.st-enhanced .st-pin{min-height:0}.st-enhanced .st-work--beat .st-window,.st-enhanced .st-work--stickers .st-window{height:52svh}}

html{scrollbar-gutter:stable}.st-host:modal .st-art-scroll{transform-origin:0 0;will-change:transform}.st-host.is-ready .st-poster{transition:opacity .15s .45s}
.st-host::backdrop{animation:st-backdrop .45s both}@keyframes st-backdrop{from{background:#07100f00}to{background:#07100ff2}}


.st-poster--peel{background:#d8d4c8 url('/expressions/street/runtime/peel/street/04/wall.webp') center/cover;display:flex;align-items:center;justify-content:center}.st-poster--peel img{width:auto;height:88%;max-width:87%;object-fit:contain;box-shadow:2px 4px 10px #17201c30}

/* Keep the loading cover underneath; never dissolve back to it mid-loop.
   Each artwork owns its cut or return movement through its time score. */
.st-host.is-ready .st-poster{opacity:1;transition:none}
.st-host.is-ready .st-runtime{opacity:var(--loop-opacity,1)}
.st-host.is-ready .st-runtime{transition:none}
.st-header-tools{display:flex;align-items:center;gap:12px;pointer-events:auto}
.st-tool{background:transparent;border:1px solid #c9d7cb30;border-radius:30px;padding:10px 14px;min-height:40px;font-size:12px;white-space:nowrap;letter-spacing:.03em}
.st-tool[aria-pressed=true]{border-color:#ed593990}
.st-at-end .st-tool{border-color:#17201c30}
.st-tool:disabled{opacity:.5;cursor:wait}
@media(max-width:700px){.st-header-tools{gap:7px}.st-tool{font-size:11px;padding:8px 10px}.st-back{padding:8px 10px}.st-modal-foot:has([data-gallery-sound]) p{max-width:32%}.st-modal-foot:has([data-gallery-sound]) .st-modal-actions{gap:10px}}
@media(prefers-reduced-motion:reduce){[data-gallery-play]{display:none}}

.st-back .st-back-text{font-size:inherit}
@media(max-width:700px){.st-header{gap:8px}.st-modal-foot:has([data-gallery-sound]){flex-direction:column;justify-content:center;gap:2px}.st-modal-foot:has([data-gallery-sound]) p{max-width:none}.st-modal-foot:has([data-gallery-sound]) .st-modal-actions{width:100%;justify-content:space-between}}
@media(max-width:420px){.st-back .st-back-text{display:none}.st-header .st-back{gap:0;width:38px;justify-content:center}}

.st-intro-content{will-change:opacity,transform}
.sc-cover .st-host{transform:none!important}
.sc-cover .st-header,.sc-cover .st-nav,.sc-cover .st-open-label{visibility:hidden}
@media(prefers-reduced-motion:reduce){.st-intro-content{opacity:1!important;transform:none!important}}