html.background-dark{background:#000}html{background:#000;transition:background .6s;text-size-adjust:none;-webkit-text-size-adjust:none}body{color:#000;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:500 clamp(17px,1.18vw,20px)/1.5 "Manrope",Helvetica,Arial,sans-serif;font-style:normal}ul{list-style:none;padding:0;margin:0 0 2vw}li{margin-bottom:.4em;line-height:1.3}ul.role li:first-child{color:#fff}#gallery ul{list-style:"•" outside none;padding-left:10px}#gallery ul li{padding-left:8px}figure{margin:0}video,figure img{width:100%;height:auto;vertical-align:middle}video,figure img,.scroller.full .fixed figure,.project-list-item .link-container{border-radius:1.8vw}video.no-radius,figure img.no-radius{border-radius:0}.marquee-set figure img{border-radius:1vw}img.border{border:6px solid #333;box-sizing:border-box}img{border-style:none;vertical-align:middle}a{background-color:transparent;outline:0;text-decoration:none}blockquote{margin:0}blockquote p{margin-bottom:4px}h1,h2,h3,.info .about p,.project .intro hgroup p,.text-block-content hgroup p,.caption-container hgroup p,.info .contact li,input{font-size:2.8vw;font-weight:700;letter-spacing:-0.02em;line-height:1.15;margin:0 0 2.2vw}.project .intro h1{font-size:3.4vw}h2,.info .intro h1,.info .about p,.project .intro hgroup p{text-indent:12.222vw}.text-block.col-6 h3{text-indent:6.111vw}.text-block-content hgroup *,.caption-container hgroup *{display:inline}.project .intro hgroup p{margin-bottom:1vw;color:#fff}.project .intro h1::after,.text-block-heading h2::after{content:"—"}hgroup.text-block-heading p,.text-block-heading hgroup p{font-weight:700}h3,.project-list-item h2,.project-list-item hgroup p,.text-block-content hgroup p,.caption-container hgroup p,.info .about p{font-size:1.5vw;line-height:1.3}.text-block-content hgroup p,.caption-container hgroup p{margin-right:1.2%}p{margin:0 0 1.8vw}strong{font-weight:inherit}a:link,a:visited,a:active{color:#000}a.link:link,a.link:visited,a.link:active{text-decoration:none;position:relative;overflow:hidden;display:inline-block;vertical-align:bottom}a.link::after,p.link::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#333;transition:transform .4s,background .6s}.contact a.link::after{height:4px}a.link::after,p.link::after{transform:scaleX(0);transform-origin:right}a.link.link-visible::after,p.link.link-visible::after{transform:scaleX(1);transform-origin:left}.no-touchevents .cta:hover p.link::after,.no-touchevents a.link:hover::after{transform:scaleX(1);transform-origin:left}.no-touchevents .cta:hover p.link.link-visible::after,.no-touchevents a.link.link-visible:hover::after{transform:scaleX(0);transform-origin:right}a:hover{color:#000}.ass-key{white-space:pre;font-family:monospace}.scene .scene-transition{animation:sceneTransition .4s .4s cubic-bezier(0.3,1,0.3,1) both}.scene .pause.scene-transition{animation-delay:.5s}.scene .contact.pause.scene-transition{animation-delay:.6s}.scene.exiting .scene-transition{animation:sceneTransition .2s .3s reverse forwards}.scene.exiting .pause.scene-transition{animation-delay:.2s}.animate{opacity:.001}.animated{animation:enterAnimate 1s forwards}@keyframes sceneTransition{0%{opacity:.001;transform:translate3d(0,2vw,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@media(max-width:859px){@keyframes sceneTransition{0%{opacity:.001;transform:translate3d(0,4vw,0)}100%{opacity:1;transform:translate3d(0,0,0)}}}@keyframes enterAnimate{0%{opacity:.001}100%{opacity:1}}::-moz-selection{background:rgba(50,50,50,0.99);color:#eee;text-shadow:none}::selection{background:rgba(50,50,50,0.99);color:#eee;text-shadow:none}.error-page{position:relative;z-index:2}.error-page .text-block-content.col-3{padding-right:0}.error-page h2{text-indent:initial}#error-bg,#error-bg::before{background:url('/assets/rockandrollover.webp') no-repeat center center / 30%;position:fixed;top:0;left:0;height:100%;width:100%;z-index:1}#error-bg::before{content:'';background:rgba(0,0,0,0.65)}h1,h2:not(.projects h2),h4,p,li,a:link,a:visited,a:active,figure{transition:color 1s,opacity 1s,border 1s}html.change-page{transition:background .6s}.scroll-move{transition:transform cubic-bezier(0.2,1,0.3,1) 1.2s}.background-dark h1,.background-dark h2,.background-dark h3,.background-dark h4,.background-dark p,.background-dark .info .contact li,.background-dark strong,.background-dark a:link,.background-dark a:visited,.background-dark a:active,.background-dark .keepreading{color:#fff;transition:color .6s}.background-dark .info h1,.background-dark .info h2,.background-dark h4,.background-dark .project .intro hgroup p,.background-dark p,.background-dark li,.caption-container figure,.background-dark .secondary{color:#777}.background-dark strong{color:#ccc}.background-dark h2 strong,.background-dark h3 strong{color:#b1ffa7}.background-dark a.link::after,.background-dark p.link::after{background:#ddd}.background-dark .back-to-top{background-image:url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2217px%22%20height%3D%229px%22%20viewBox%3D%220%200%2017%209%22%20version%3D%221.1%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(-211.000000%2C%20-198.000000)%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22nonzero%22%3E%3Cpolygon%20points%3D%22211%20204.621058%20219.5%20198%20228%20204.621058%20226.192873%20207%20219.5%20201.785151%20212.807127%20207%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.col-8{width:93.777vw}.col-7{width:81.555vw}.col-6{width:69.333vw}.col-5{width:57.111vw}.col-4{width:44.888vw}.col-3{width:32.666vw}.col-2{width:20.444vw}.col-8,.col-6,.col-5,.col-4{margin-inline:auto}.scroller.full .col-5,.split .col-5{margin-inline:initial}.flex{display:flex;gap:4vw;justify-content:space-between}#content-container{padding:20vw 0 16vw}.stack>*{margin-bottom:5vw}.stack-small .gallery-item-container:first-child{margin-bottom:1.8vw}.text-block-content.col-3,.caption-container{max-width:627px;padding-right:2vw;box-sizing:border-box}.text-block-heading,.text-block-content{margin-bottom:2.666vw}.marquee-viewport{overflow:hidden}.marquee-track{display:flex;justify-content:space-around;width:max-content;animation:scrollHorizontal 24s linear infinite;will-change:auto}.marquee-track.will-change{will-change:transform}.marquee-set{display:flex;width:158vw;background:rgba(0,0,0,0.3)}.marquee-track.bottom .marquee-set{width:190vw}.marquee-track.commerce .marquee-set{width:215vw}.marquee-track.fast{animation-duration:34s;margin-bottom:2.082vw}.marquee-track.slow{animation-duration:60s}.marquee-set figure{margin:0 1.041vw}.marquee-set figure img{height:22.916vw;width:auto;backface-visibility:hidden;transform:translateZ(0)}@keyframes scrollHorizontal{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.projects{column-count:2;column-gap:2vw;column-fill:auto;height:calc(6vw + (45.8885vw * 263 / 414) + 4vw + (45.8885vw * 263 / 414))}.work-list .projects{margin-top:12vw}.projects:has(.project-list-item:nth-child(3):last-child){height:calc(6vw + (45.8885vw * 263 / 414) + (45.8885vw * 263 / 414))}.projects:has(.project-list-item:nth-child(2):last-child){height:calc(8vw + (45.8885vw * 263 / 414))}.project-list-item{box-sizing:border-box;aspect-ratio:414 / 263;break-inside:avoid;margin-top:2vw}.link-container{box-sizing:border-box;padding:4vw;border:2px solid rgba(255,255,255,0.2);height:100%;transition:border .6s}.project-list-item a{display:block;height:100%}.project-list-item:first-child{margin-top:6vw}.project-list-item .text-block-heading{margin-bottom:0;width:75%}.project-list-item .text-block-content{margin-left:2.666vw}.no-touchevents .project-list-item a:hover *,.project-list-item.active *{color:#fff}.project-list-item a h2{transition:transform .8s,color 1s;text-indent:0}.project-list-item p{margin-bottom:.6vw}.no-touchevents .project-list-item:has(a:hover) .preview-container,.no-touchevents .project-list-item:has(a:active) .preview-container{opacity:1;visibility:visible}.no-touchevents #content-container:not(.pointer-ready) .project-list-item:has(a:hover) .preview-container{opacity:0;visibility:hidden}.no-touchevents #content-container:not(.pointer-ready) .image-container{transition:none}.no-touchevents #content-container.pointer-ready .link-container:has(a:hover),.no-touchevents #content-container.pointer-ready .link-container:has(a:active){border:2px solid rgba(255,255,255,0)}.preview-container{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-10;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s;pointer-events:none}.projects-in .preview-container{display:block}.image-container{display:flex;justify-content:center;align-items:center;opacity:1;transition:transform cubic-bezier(0.2,1,0.3,1) .8s;pointer-events:none}.image-container img,.image-container video{width:45.887vw;height:auto}.squarespace-project .image-container{opacity:.45}.preview-container img,.preview-container video{opacity:1;transition:opacity .6s}.exiting .preview-container img,.exiting .preview-container video{opacity:0}.sound button{background:0;border:0;padding:8px;margin:1.2vw auto 0;display:block;width:140px;font:inherit;color:#777;cursor:pointer}.sound button.active{color:#fff}.sound button{user-select:none;-webkit-user-select:none}#header>span{display:none;padding-top:12vw;pointer-events:auto;position:relative;z-index:2}nav{position:fixed;top:0;z-index:7;padding-top:2.6vw;width:inherit}header nav ul{display:flex;justify-content:space-between}nav li span{margin-left:16px;transition:opacity .4s}nav li span.header-hide{opacity:0}nav li a{font-weight:700}.info #content-container{padding:26vw 0 12vw}.info section{margin-bottom:8vw}.info .intro h1{font-size:7vw;letter-spacing:-0.03em}.info .contact{position:fixed;bottom:0;margin-bottom:0;width:100%;z-index:2}.info .contact ul{display:flex;justify-content:space-between;margin-bottom:0}.info .contact li{font-size:4.8vw;line-height:initial}#project-container{padding-bottom:4rem}#project-container .intro,#project-container .intro .text-block-heading,.gallery-item-container{margin-bottom:12vw}.overflow{overflow:hidden}.gallery-item-container.double-row>:first-child{margin-bottom:3.333vw}.project-info .text-block{margin-bottom:6vw}.top{display:flex;margin-bottom:5.5vw}.collage.right .top{justify-content:flex-end}.top figure{width:72.444%}.bottom{display:flex}.collage.right .bottom,.collage.no-phone.left .bottom{flex-direction:row-reverse}.collage.no-phone.right .bottom{flex-direction:row}.bottom>figure{width:65%;align-self:flex-start}.bottom .phones{display:flex;justify-content:center;flex-grow:1}.collage.no-phone.left .bottom figure.scroll-move{justify-content:flex-start}figure.scroll-move.full-medium,figure.scroll-move.full-small{display:flex;justify-content:center}figure.scroll-move.full-medium{aspect-ratio:480/195}figure.scroll-move.full-small{aspect-ratio:480/120}figure.scroll-move.full-medium *{margin-left:-21vw}.scroll-move img,.scroll-move video{width:auto;height:100%}.scroller .fixed{position:sticky;top:50%;transform:translateY(-50%)}.scroller .caption-container,.split .caption-container{width:32.666vw}.scroller.full,.split>*{display:flex;justify-content:space-between}.split>*{align-items:center}.caption-container hgroup{margin-bottom:2.2vw}.scroller.full .caption-container{margin-bottom:10vw}.scroller.full .caption-container div{margin-top:24vw}.scroller.full .caption-container div:first-child{margin-top:14vw}.scroller.full .fixed{top:20vh;transform:none;height:36.372vw}.scroller.full .fixed figure{height:100%;box-sizing:border-box;padding:5%;background:#f2f2f2;will-change:auto}.scroller.full .fixed figure.will-change{will-change:transform}.scroller.full.dark figure{background:#282828}.scroller.full .fixed img{height:100%;object-fit:contain}.phones.scroller{margin-bottom:min(-6vw,-150px)}.phones.scroller .fixed{margin-top:min(25vw,426px);flex-shrink:0}.phones.scroller .caption-container{margin-top:min(20vw,341px);margin-bottom:min(38vw,640px)}.phones.scroller .caption-container div{margin-bottom:min(43vw,764px)}.phones.scroller .caption-container div:last-child{margin-bottom:0}.phones figure{width:min(22vw,375px);align-self:flex-start}.phones figure video,.phones figure>img{border-radius:min(2.2vw,37.5px)}.collage .phones figure{margin-top:8vw;width:20vw;border-radius:3.091vw}.collage .phones figure video,.collage .phones figure>img{border-radius:2.001vw}.caption.sticky{width:35%;margin-right:6%;top:50%;transform:translateY(-50%)}.caption.sticky p:last-child{margin-bottom:0}figure.zoom{cursor:url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5 0.970703H10.5V11.4707H0V14.4707H10.5V24.9707H13.5V14.4707H24V11.4707H13.5V0.970703Z' fill='black'/%3E%3C/svg%3E"),default;position:relative}body.zoomed{overflow:hidden}figure.zoomed{cursor:url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath transform='rotate(-45 12 12)' fill-rule='evenodd' clip-rule='evenodd' d='M13.5 0.970703H10.5V11.4707H0V14.4707H10.5V24.9707H13.5V14.4707H24V11.4707H13.5V0.970703Z' fill='black'/%3E%3C/svg%3E"),default;position:fixed;top:0;left:0;width:100%;height:100%;z-index:998;overflow:hidden}figure.scaleSmall.zoomed img{transform:scale(2)}figure.scaleMed.zoomed img{transform:scale(3)}figure.scaleLarge.zoomed img{transform:scale(5)}.touchevents figure.zoom figcaption,.no-touchevents figure.zoomed figcaption{display:none}.no-touchevents figure.zoom figcaption{position:absolute;bottom:2.2vw;left:3vw;font-size:16px;color:#727272}.back-to-top{background-image:url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2217px%22%20height%3D%229px%22%20viewBox%3D%220%200%2017%209%22%20version%3D%221.1%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(-211.000000%2C%20-198.000000)%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%3E%3Cpolygon%20points%3D%22211%20204.621058%20219.5%20198%20228%20204.621058%20226.192873%20207%20219.5%20201.785151%20212.807127%20207%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat no-repeat;background-position:center center;background-color:transparent;border:0;overflow:hidden;display:block;height:0;width:0;opacity:0;visibility:hidden;cursor:pointer;transition:opacity .5s,visibility 0s .5s,transform .8s}@media(max-width:859px){#back-to-top-container{position:relative;margin-bottom:20vw;display:flex;justify-content:center}.back-to-top{background-size:5vw;padding:12vw 6vw 0}}@media(min-width:860px){#back-to-top-container{position:fixed;right:2.6vw;bottom:1.6vw;z-index:2}.back-to-top{background-size:1.2vw;padding:2vw 1.2vw 0}}@media(min-width:860px) and (max-width:1100px){.back-to-top{background-size:16px;padding-top:24px}}.no-touchevents .back-to-top:hover{transform:translateY(-0.4vw)}.back-to-top.scrolled{opacity:1;visibility:visible;transition-delay:0s}.login-form{margin-bottom:8vw}#password-form{min-height:8vw}input{width:35vw;border:0;outline:0;margin-bottom:1.5vw;padding:0;background:0;caret-color:#fff}.login-form p:first-child,input[type='password']{color:#fff}p.form-error{color:#fff}::placeholder{font-family:"Manrope",Helvetica,Arial,sans-serif;font-weight:500;color:#444;opacity:1;transition:color .4s}:focus::placeholder{color:#555}@media(max-width:859px){ul,p{margin-bottom:6vw}.project-info ul{padding-left:12.222vw}body{font-size:19px}.project .intro h1{font-size:10vw}h1,h2,h3,.info .intro p,.project .intro hgroup p,.text-block-content hgroup p,.caption-container hgroup p,.info .teams li,input{font-size:7.8vw;margin-bottom:8vw}.info .intro h1{font-size:10vw}.info .intro h1,h2,.project .intro hgroup p,.text-block.col-6 h3{text-indent:12.222vw}h3,.project-list-item h2,.project-list-item hgroup p,.text-block-content hgroup p,.caption-container hgroup p{font-size:5.8vw}video,figure img,.scroller.full .fixed figure,.project-list-item .link-container{border-radius:2.6vw}.marquee-set figure img{border-radius:1.4vw}img.border{border-width:2px}#content-container{padding:12rem 0 0}.info #content-container{padding-top:16rem}.col-3,.col-5,.col-6,.col-8,.gallery-item-container.col-8.interface,.gallery-item-container.col-8.inset{width:90vw}.col-4{width:82vw}#project-container .intro,.gallery-item-container{margin-bottom:24vw}.text-block-content.col-4,.text-block-content .list-full li:first-child{margin-left:8.222vw}.text-block-content.col-3{margin-left:0}a{text-indent:0}.split>*{flex-direction:column}.split .col-5{margin-bottom:8vw}.split.stack>*{margin-bottom:16vw}.stack>*{margin-bottom:8vw}.split .caption-container{width:100%;order:1}.scroller.full .caption-container div:first-child{margin-top:0}nav{padding-top:4vw}nav li span{display:block;margin-left:0}.teams h2,.info .contact li{font-size:7vw}.info .about p{font-size:initial}.info .contact{position:relative}.info .contact ul{flex-direction:column}.projects,.projects:has(.project-list-item:nth-child(3):last-child),.projects:has(.project-list-item:nth-child(2):last-child){column-count:auto;height:auto;display:flex;flex-direction:column}.work-list .projects{margin-top:6rem}.project-list-item{position:relative;margin:0 0 24vw;aspect-ratio:auto;break-inside:auto}.resident-project{order:4}.link-container{padding:0;border:0}.project-list-item a h2{margin-bottom:4vw}.project-list-item a{position:relative;padding-bottom:60%}.project-list-item .text-block-heading{width:85%}.project-list-item .text-block-content{margin-left:0}.preview-container{position:absolute;top:initial;bottom:0;height:auto;visibility:visible;animation:previewDisplay 1s .4s 1 forwards}.image-container{justify-content:right}.image-container img,.image-container video{width:77.778vw}.squarespace-project .image-container{opacity:.55}@keyframes previewDisplay{0%{opacity:0}100%{opacity:1}}#project-container .intro .text-block-heading,#project-container .intro .gallery-item-container,.project-info .text-block{margin-bottom:16vw}#project-container{padding-bottom:1rem}.project-info{display:block}.marquee-set figure img{height:32vw}.marquee-set{width:214.4vw}.marquee-track.bottom .marquee-set{width:258.4vw}.marquee-track.commerce .marquee-set{width:291.7vw}.marquee-track.fast{animation-duration:28s}.marquee-track.slow{animation-duration:48s}.top{margin-bottom:6vw}.collage .phones figure{margin-top:6vw;padding:.8vw;border-width:.6vw}.phones figure{width:fit-content}.phones figure video,.phones figure>img{border-radius:4vw}.scroller .fixed{position:relative;top:0;transform:none}.scroller.col-6:not(.phones){width:88vw;align-items:center;gap:8vw}.scroller.col-6:not(.phones) .fixed{align-self:auto;width:56%;margin:0}.scroller.full .fixed{top:0;height:50vw}.scroller.full .fixed figure{padding:6%}.gallery-item-container.phones.scroller,.scroller.full{width:100vw;margin-bottom:24vw;flex-direction:column-reverse}.gallery-item-container.phones.scroller .fixed,.scroller.full .fixed{margin:0 0 12vw;align-self:center}.phones.scroller .caption-container,.scroller.full .caption-container{margin:0;display:flex;width:86.778vw;max-width:none;padding-right:0;box-sizing:content-box;scroll-padding:13.222vw;padding-left:13.222vw;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.phones.scroller .caption-container div,.scroller.full .caption-container div{flex-shrink:0;flex-basis:78%;margin:0;padding-right:8vw;scroll-snap-align:start;scroll-snap-stop:always}.phones.scroller .caption-container h3,.scroller.full .caption-container{margin-bottom:4vw}.sound-samples.flex{display:block;width:48vw}.sound-samples .sound{margin-bottom:12vw}#error-bg{background-size:50%}.login-form{margin-bottom:12vw}#password-form{min-height:32vw}input{width:70vw;margin-bottom:5vw}}