@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@125,600;125,700&display=swap');
@font-face{font-family:'Maison Neue Extended';src:url('https://gluesociety.com/wp-content/uploads/useanyfont/7521maisonneueextbold.woff2') format('woff2');font-display:swap}
:root{--side:7.5vw;--font:'Maison Neue Extended','Archivo',Arial,sans-serif;--ease:cubic-bezier(.55,.085,0,.99);--ink:#fff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--font);background:#fff;color:var(--ink);font-size:16px;-webkit-font-smoothing:antialiased}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:0;border-radius:0;background:none;color:inherit;font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:7px}.screen-header{position:fixed;z-index:20;top:0;left:0;right:0;padding:29px var(--side);display:flex;align-items:center;justify-content:space-between;gap:32px;transition:color .4s}.screen-logo{font:700 25px/1.2 var(--font);letter-spacing:-1.2px;white-space:nowrap}.screen-header nav{display:flex;align-items:center;gap:36px;font-size:20px;font-weight:600;letter-spacing:-.4px}.screen-header nav button{padding:0}.screen-header nav a,.screen-header nav button{transition:opacity .2s}.screen-header nav a:hover,.screen-header nav button:hover{opacity:.65}.screen-stage{position:fixed;inset:0;overflow:hidden;touch-action:pan-x}.scene-track{height:100%;position:relative;will-change:transform;transform:translate3d(0,0,0)}.scene{position:relative;height:100%;width:100%;display:flex;align-items:center;isolation:isolate}.scene-art{position:absolute;inset:0;overflow:hidden;transform:scale(.6);will-change:transform;transition:transform 1s var(--ease)}.scene.is-current .scene-art{transform:scale(1)}.scene-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.13),rgba(0,0,0,.02) 30%,rgba(0,0,0,.05) 60%,rgba(0,0,0,.22));pointer-events:none}.scene-content{position:relative;width:85%;height:70%;margin:0 var(--side);display:flex;align-items:center;pointer-events:none;transition:opacity .35s}.scene h2{font-family:var(--font);font-size:clamp(70px,8.9vw,150px);font-weight:600;line-height:1;letter-spacing:-.02em;margin:0;max-width:95%;overflow-wrap:normal}.scene h2 a{pointer-events:auto;transition:opacity .2s}.scene h2 a:hover{opacity:.7}.scene-caption{position:absolute;bottom:0;left:0;max-width:80%;font-size:20px;font-weight:600;line-height:1.3;text-transform:uppercase;letter-spacing:-.02em;margin:0}.screen-pagination{position:fixed;right:var(--side);top:50%;transform:translateY(-50%);z-index:12;display:flex;flex-direction:column;gap:0}.page-number{display:flex;align-items:center;justify-content:flex-end;position:relative;height:36px;width:44px;padding:0;font-size:16px;font-weight:600;line-height:24px;opacity:.42;transition:opacity .2s}.page-number::before{content:'';position:absolute;right:31px;top:50%;width:28px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s}.page-number:hover,.page-number[aria-current=true]{opacity:1}.page-number[aria-current=true]::before{transform:scaleX(1)}.screen-arrows{position:fixed;z-index:15;left:calc(var(--side) - 8px);bottom:10.5%;display:flex;gap:32px}.screen-arrows button{width:40px;height:40px;padding:10px;display:grid;place-content:center}.screen-arrows span{display:block;width:15px;height:15px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(45deg)}.screen-arrows #next span{transform:rotate(225deg)}.screen-arrows button:hover{opacity:.6}.screen-arrows button:disabled{opacity:.3;cursor:default}.is-transitioning .scene-content{opacity:0}.is-transitioning .screen-header,.is-transitioning .screen-pagination,.is-transitioning .screen-arrows{color:#161616}.screen-header,.screen-pagination,.screen-arrows{transition:color .4s}.screen-stage.is-changing .scene-art{transform:scale(.6)}.scene.is-entering .scene-art{transform:scale(.6)}.scene.is-current.is-entering .scene-content{opacity:0}#project-menu{background:#fff;color:#111;position:fixed;inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;border:0;padding:30px var(--side) 36px;overscroll-behavior:contain}#project-menu::backdrop{background:#fff}.menu-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ccc;padding-bottom:28px}.menu-top h2{font-size:20px;font-weight:600;margin:0}.menu-top button{font-size:18px;display:flex;align-items:center;gap:22px;padding:0}.menu-top button span{font:300 36px/1 Arial}.menu-bottom{display:flex;justify-content:space-between;padding-top:28px;font-size:16px}#project-menu nav{padding-top:20px}#project-menu nav a{display:grid;grid-template-columns:44px 1fr auto;align-items:baseline;gap:20px;padding:10px 0;font-size:clamp(22px,3vw,44px);line-height:1.2;letter-spacing:-.04em;transition:opacity .2s}#project-menu nav a:hover{opacity:.45}.menu-number,#project-menu small{font-size:14px;letter-spacing:0}.menu-number{color:#777}#project-menu small{font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;padding:12px;background:#111;z-index:50}.skip-link:focus{top:20px}#current-project:focus{clip:auto;width:auto;height:auto;position:fixed;top:95px;left:var(--side);background:#111;padding:12px;z-index:40}.no-js{position:fixed;bottom:0;color:#111;background:#fff;padding:8px;z-index:40}@media(min-width:1800px){.screen-header{padding-top:40px}.scene h2{font-size:150px}}@media(max-width:1000px){:root{--side:6vw}.screen-logo{font-size:21px}.screen-header nav{font-size:17px;gap:26px}.scene-content{width:88%;margin-left:var(--side);margin-right:var(--side)}.scene h2{font-size:clamp(55px,9vw,100px);max-width:87%}.scene-caption{font-size:17px}.screen-pagination{right:5vw}.page-number{height:32px;font-size:14px}.screen-arrows{gap:20px}}@media(max-width:600px){:root{--side:6vw}.screen-header{padding-top:max(24px,env(safe-area-inset-top));gap:16px;align-items:flex-start}.screen-logo{font-size:17px;white-space:normal;max-width:145px;line-height:1.1;letter-spacing:-.6px}.screen-header nav{font-size:14px;gap:16px;line-height:1.1;flex-wrap:wrap;justify-content:flex-end}.scene h2{font-size:clamp(42px,11.5vw,67px);line-height:1;letter-spacing:-.025em;max-width:84%}.scene-content{height:68%;align-items:center}.scene-caption{font-size:14px;max-width:76%;line-height:1.4;bottom:4px}.screen-pagination{right:5vw}.page-number{height:30px;width:34px;font-size:13px}.page-number::before{right:27px;width:16px}.screen-arrows{bottom:8.5%;gap:18px}.screen-arrows span{width:12px;height:12px;border-width:2px}#project-menu{padding:24px 6vw}.menu-top{padding-bottom:20px}.menu-top h2,.menu-top button{font-size:16px}#project-menu nav a{grid-template-columns:25px 1fr;gap:10px;font-size:26px;padding:12px 0}#project-menu small{grid-column:2;font-size:12px;margin-top:-5px;color:#777}.menu-number{font-size:12px}.menu-bottom{gap:20px;font-size:13px;flex-wrap:wrap}}@media(max-height:560px) and (min-width:601px){.screen-header{padding-top:18px}.scene h2{font-size:65px}.scene-caption{font-size:14px}.page-number{height:27px;font-size:13px}.screen-arrows{bottom:5%}.scene-content{height:65%}}@media(prefers-reduced-motion:reduce){.scene-art,.scene-content,.scene-track,.screen-header,.screen-pagination,.screen-arrows{transition:none!important}.is-transitioning .scene-content{opacity:1}}

.scene-art{background:#141414}

.scene h2{max-width:88%;text-wrap:balance;font-size:clamp(64px,8.1vw,140px)}.page-number{height:clamp(23px,4.6vh,36px)}@media(max-width:600px){.scene h2{max-width:82%;font-size:clamp(32px,9.4vw,56px);overflow-wrap:break-word}.page-number{height:clamp(21px,3.8vh,30px)}}@media(max-height:560px){.scene h2{font-size:clamp(30px,7vh,60px)}.page-number{height:5vh;font-size:11px}}

/* Advertiser labels rise into place after the artwork transition. */
.scene-caption{bottom:48px;opacity:0;transform:translateY(20px);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.scene.caption-visible .scene-caption{opacity:1;transform:translateY(0)}.scene-content{transition:none}.scene h2{transition:opacity .35s}.is-transitioning .scene-content,.scene.is-current.is-entering .scene-content{opacity:1}.is-transitioning .scene h2,.scene.is-current.is-entering h2{opacity:0}@media(max-width:600px){.scene-caption{bottom:40px}.screen-logo{max-width:160px;white-space:nowrap;font-size:16px;letter-spacing:-.5px}.screen-header{gap:14px}.screen-header nav{gap:12px;font-size:13px}}@media(prefers-reduced-motion:reduce){.scene-caption,.scene h2{transition:none!important;transform:none}}
.project-hover-preview{position:fixed;top:0;left:0;width:260px;aspect-ratio:1.5;pointer-events:none;z-index:2;opacity:0;visibility:hidden;transform:translate3d(-1000px,-1000px,0);transition:opacity .18s,visibility .18s;box-shadow:0 12px 36px #0003;overflow:hidden;background:#eee}.project-hover-preview.is-visible{opacity:1;visibility:visible}.project-hover-preview img{display:block;width:100%;height:100%;object-fit:cover}@media(hover:none),(pointer:coarse){.project-hover-preview{display:none}}@media(prefers-reduced-motion:reduce){.project-hover-preview{transition:none}}

@media(hover:hover) and (pointer:fine){a[href],button:not(:disabled),[role="button"]:not([aria-disabled="true"]),input[type="submit"]:not(:disabled),input[type="button"]:not(:disabled),summary{cursor:url("/assets/loserpointer.png") 9 5,pointer}}