@font-face{font-family:Interstate;src:url(/assets/regular.ttf)}@font-face{font-family:Interstate;src:url(/assets/bold.ttf);font-weight:700}@font-face{font-family:InterstateLight;src:url(/assets/light.ttf)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Interstate,Arial,sans-serif;color:#555}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:transparent;color:inherit}a{color:inherit;text-decoration:none}a:hover,button:hover{color:#dc561e}:focus-visible{outline:2px solid #dc561e;outline-offset:5px}.app{height:100%;min-height:560px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 35%,#fff 15%,#f7f7f7 55%,#b8b8b8 150%)}header{position:absolute;inset:0 0 auto 0;padding:27px 25px;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none}header a{pointer-events:auto}.brand img{width:312px;height:14px;display:block}nav{display:flex;gap:5px}nav a{padding:9px 17px;font-size:18px;font-family:InterstateLight,Arial,sans-serif}nav a:hover,nav a.active{background:#fff;border-radius:4px;box-shadow:0 0 20px #0002;color:#333}.bubbles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.timeline{position:absolute;left:0;right:0;bottom:0;height:300px;pointer-events:none}.timeline svg{position:absolute;bottom:-100px;left:0;overflow:visible;pointer-events:none;touch-action:none}.date-handle{cursor:ew-resize;outline:none;pointer-events:all}.date-handle:focus-visible circle{stroke:#dc561e;stroke-width:3}.date-caption{position:absolute;top:145px;left:50%;transform:translate(-50%);text-align:center;pointer-events:auto;z-index:3}.date-caption>button{font-family:InterstateLight,Arial,sans-serif;font-size:30px;white-space:nowrap}.date-caption small{display:block;font:11px Interstate,Arial,sans-serif;color:#aaa;margin-top:4px;letter-spacing:2px}.date-editor{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#fff;box-shadow:0 2px 25px #0002;border-radius:6px;width:290px;padding:15px;display:flex;flex-wrap:wrap;gap:10px;text-align:left}.date-editor label{width:calc(50% - 5px);font-size:11px}.date-editor input{display:block;width:100%;border:1px solid #ccc;margin-top:5px;padding:5px;color:#555;background:#fff;min-width:0}.date-editor button{font-size:11px;padding:5px 0}.filters{position:absolute;left:27px;bottom:70px;display:flex;gap:20px;z-index:4}.filters button{display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;padding:0}.filters i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font:15px Arial;color:#fff;border:1px solid #ffffff90;box-shadow:inset 0 0 8px #fff5}.filters button[aria-pressed=false]{opacity:.45}.filters small{font-size:9px;color:#aaa}.vis-tools{position:absolute;right:25px;bottom:42px;font-size:10px;display:flex;gap:14px;align-items:center;z-index:4}.vis-tools>span{color:#999}.vis-tools button{padding:3px 0}.intro-card{position:absolute;left:50%;top:calc(50% - 60px);transform:translate(-50%,-50%);width:560px;padding:28px;background:#fff;border-radius:6px;box-shadow:0 0 20px #0002;font-family:InterstateLight,Arial,sans-serif;font-size:22px;line-height:1.42;color:#555;z-index:6}.intro-card p{margin:0 0 20px}.intro-card a{font-size:17px;color:#dc561e;display:flex;justify-content:space-between;align-items:center}.intro-card a span{font:28px Arial}.intro-view .date-caption{opacity:.4}.no-mentions,.loading{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);max-width:400px;text-align:center;font-size:15px;line-height:1.6}.tooltip{position:absolute;z-index:15;width:280px;background:#fff;border-radius:5px;padding:14px 18px;box-shadow:0 2px 20px #0002;pointer-events:none;font-size:12px}.tooltip:after{content:"";position:absolute;left:45%;bottom:-13px;border:7px solid transparent;border-top-color:#fff}.tooltip strong{display:block;max-height:45px;overflow:hidden;font-weight:400}.tooltip span{display:block;color:#999;margin:7px 0 4px}.tooltip small{font-size:10px;color:#aaa}.bottom-actions{position:absolute;bottom:60px;left:25px;right:25px;display:flex;justify-content:space-between;font:18px InterstateLight,Arial,sans-serif;pointer-events:none}.bottom-actions a{pointer-events:auto}.bottom-actions b{font:28px Arial;margin-left:12px;font-weight:400}.app:has(.vis-tools) .bottom-actions{bottom:73px}.app:has(.vis-tools) .bottom-actions a{font-size:15px}footer{position:absolute;bottom:0;left:0;right:0;height:22px;background:#fff5;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:8px;color:#888;letter-spacing:.3px;z-index:20}footer small{font-size:8px}.portfolio{position:absolute;top:100px;right:30px;bottom:120px;left:30px;display:flex;flex-direction:column;justify-content:center}.project-top{display:flex;align-items:center;justify-content:space-between;max-width:900px;width:100%;margin:0 auto 15px;font-size:11px;color:#888}.project-top label{display:flex;gap:12px;align-items:center}.project-top select{border:0;background:#fff7;color:#555;padding:6px 25px 6px 8px;max-width:200px}.project-stage{position:relative;display:flex;justify-content:center;align-items:center;gap:35px;min-height:0}.project-stage figure{margin:0;max-width:100%;text-align:center;animation:appear .3s ease}.project-stage img,.project-stage video{max-width:min(75vw,900px);max-height:calc(100vh - 310px);object-fit:contain;box-shadow:0 5px 25px #0002;background:#111;display:block;margin:auto}.project-stage video{width:640px;aspect-ratio:var(--ratio,16/9)}.project-stage figcaption{margin:20px 0 0;display:flex;justify-content:center;align-items:baseline;gap:12px;font-size:14px}.project-stage figcaption strong{font-weight:400;color:#222}.project-stage figcaption span{color:#555}.project-stage figcaption small{color:#999}.previous,.next{font:50px InterstateLight,Arial;flex-shrink:0;padding:10px;line-height:1}.previous:disabled,.next:disabled{opacity:.2;cursor:default}.project-dots{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;max-width:900px;margin:30px auto 0}.project-dots button{padding:4px}.project-dots span{width:15px;height:15px;display:block;background:#f6f6f6;border:1px solid #bbb;border-radius:50%}.project-dots button[aria-current=true] span{background:#fff;box-shadow:0 0 7px #0004;border-color:#888}.about{position:absolute;inset:140px max(8vw,30px) 150px;display:grid;grid-template-columns:minmax(0,650px) minmax(200px,310px);justify-content:center;gap:60px;overflow-y:auto;padding-right:20px}.about-copy h1{font-size:34px;line-height:1.05;color:#444;margin:0 0 15px}.about p{font-family:InterstateLight,Arial,sans-serif;font-size:16px;line-height:1.55}.about .lead{font-size:20px}.intentions{display:flex;flex-direction:column;gap:10px;font-size:15px;color:#dc561e;margin:25px 0}.about aside h2{margin:0;font-size:32px;font-weight:400}.about aside h3{font-size:19px;font-weight:400;margin:30px 0 0}.about aside a{color:#dc561e}.about aside small{font-size:10px;color:#999}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;display:grid;place-items:center;padding:20px}.dialog{position:relative;width:min(600px,100%);max-height:85vh;overflow:auto;padding:40px;background:#fff;border-radius:6px;box-shadow:0 10px 60px #0003;outline:none}.dialog h2{font-family:InterstateLight,Arial,sans-serif;font-size:28px;font-weight:400;line-height:1.25;margin:15px 0}.dialog p{line-height:1.65;font-size:14px}.dialog .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1px}.dialog .domain{color:#999;font-size:12px}.dismiss{position:absolute;right:12px;top:8px;font:28px Arial}.article-link{display:inline-block;margin-top:15px;color:#dc561e;font-size:14px}.archive-note{display:block;color:#999;font-size:10px;margin-top:25px;line-height:1.5}.search-label{display:block;font-size:11px}.search-label input{display:block;width:100%;border:1px solid #ddd;padding:12px;margin-top:10px;color:#555}.mention-list{max-height:45vh;overflow:auto;border-top:1px solid #eee}.mention-list button{display:flex;gap:12px;width:100%;text-align:left;padding:15px 0;border-bottom:1px solid #eee}.mention-list button i{width:14px;height:14px;border-radius:50%;margin-top:3px;flex-shrink:0}.mention-list strong{font-size:13px;font-weight:400;display:block}.mention-list small{font-size:10px;display:block;color:#999;margin-top:7px}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){header{padding:25px 18px}.brand img{width:220px;height:auto}nav{gap:0}nav a{font-size:15px;padding:6px 8px}.intro-card{width:calc(100% - 40px);max-width:560px;font-size:19px;padding:24px}.filters{bottom:102px;left:18px;gap:15px}.filters i{width:22px;height:22px}.filters small{display:none}.filters button{font-size:9px;gap:5px}.date-caption{top:195px}.date-caption>button{font-size:23px}.vis-tools{right:18px;bottom:34px;font-size:9px;gap:10px}.vis-tools>span{display:none}.app:has(.vis-tools) .bottom-actions{bottom:100px}.bottom-actions{left:18px;right:18px;font-size:15px}.bottom-actions b{font-size:20px;margin-left:4px}footer span{max-width:68%;font-size:6px}footer small{font-size:6px}.portfolio{top:90px;right:15px;bottom:120px;left:15px}.project-stage{gap:5px}.project-stage img,.project-stage video{max-width:calc(100vw - 100px);max-height:calc(100vh - 330px)}.previous,.next{font-size:35px;padding:4px}.project-stage figcaption{flex-wrap:wrap;font-size:12px;gap:5px}.project-dots{gap:2px;margin-top:20px}.project-dots span{width:11px;height:11px}.about{top:100px;right:25px;bottom:125px;left:25px;display:block;padding:0}.about aside{margin-top:40px}.about-copy h1{font-size:30px}.dialog{padding:30px 24px}.dialog h2{font-size:24px}.date-editor{bottom:80px}}@media(max-width:410px){.brand img{width:185px}nav a{font-size:14px}.filters{gap:9px}.bottom-actions a{font-size:12px!important}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.intro-card{font-size:18px;line-height:1.35}.sound-toggle{font-size:8px;margin-right:14px;padding:0}footer>div{display:flex;align-items:center}@media(max-width:760px){.sound-toggle{font-size:7px;margin-right:8px}}.selected-date-band{pointer-events:stroke;cursor:grab;transition:stroke .2s}.selected-date-band:hover,.selected-date-band:active{stroke:#000}.selected-date-band:active{cursor:grabbing}.selected-date-band:focus-visible{outline:none;stroke:#000;filter:drop-shadow(0 0 2px #dc561e)}.date-handle{cursor:ew-resize;pointer-events:all}.date-handle:focus-visible circle{stroke:none}.date-handle:focus-visible .date-handle-dot{stroke:#dc561e;stroke-width:2}.date-handle-hit{pointer-events:all}.date-tag{pointer-events:none}.date-tag text{font:11px Interstate,Arial,sans-serif;fill:#474747}.timeline-ticks{pointer-events:none}.date-caption{top:165px}.date-caption>button{font-size:25px;line-height:28px;color:#151515;opacity:.65;padding:0}@media(max-width:760px){.date-caption{top:165px}.date-caption>button{font-size:25px}.date-editor{bottom:45px}}header{padding:27px 24px}header nav{position:absolute;right:20px;top:23px;gap:15px}header nav a{display:block;width:43px;height:22px;padding:0;line-height:0}header nav a:last-child{width:52px}header nav a img{display:block;width:43px;height:20px}header nav a:last-child img{width:50px}.filters{left:27px;bottom:44px;height:20px;gap:20px}.filters button{padding:0;gap:5px;font-family:InterstateLight,Arial,sans-serif;font-size:16.6px;line-height:20px;color:#434343;opacity:1;align-items:flex-start}.filters .filter-circle{width:18px;height:18px;flex-shrink:0;border:0;border-radius:50%;box-shadow:inset 0 0 4px #fff5;display:grid;place-items:center;transition:opacity .25s}.filter-circle img{width:8px;height:8px;display:block}.filter-label{transition:opacity .25s}.filters button[aria-pressed=false]{opacity:1}.filters button[aria-pressed=false] .filter-circle,.filters button[aria-pressed=false] .filter-label{opacity:.5}.filters button[aria-pressed=false]:hover .filter-circle,.filters button[aria-pressed=false]:hover .filter-label{opacity:1}.filters button[aria-pressed=true]:hover .filter-label{opacity:.5}.bottom-actions,.app:has(.vis-tools) .bottom-actions{left:24px;right:25px;bottom:43px;height:34px;align-items:flex-start}.footer-link{display:block;position:relative;height:34px;line-height:0;padding:0}.spot-link{width:138px}.buzz-link{width:151px}.footer-link>img{width:100%;height:100%;display:block}.link-arrow{position:absolute;top:0;width:9px;height:9px;background:#dc561e;mask:url(/assets/link-arrow.png) center/contain no-repeat;opacity:0;transition:opacity .25s}.spot-link .link-arrow{left:127px}.buzz-link .link-arrow{left:4px;transform:scaleX(-1)}.footer-link:hover .link-arrow,.footer-link:focus-visible .link-arrow{opacity:1}.intro-card a{position:relative;display:block;width:144px;height:23px;font-size:20px;line-height:23px;color:#e96d24}.intro-card .intro-arrow{position:absolute;left:135px;top:8px;width:9px;height:9px;background:#e96d24;mask:url(/assets/intro-arrow.png) center/contain no-repeat;transition:background .25s}.intro-card a:hover .intro-arrow{background:#151515}footer{padding-left:7px;background:#fff3}.footer-address{position:absolute;top:4px;left:7px;width:454.9px;height:14px}footer>div{margin-left:auto}@media(max-width:760px){header nav a{padding:0}.filters{left:18px;gap:12px}.filters button{font-size:13px;gap:5px}.filters .filter-circle{width:18px;height:18px}.bottom-actions,.app:has(.vis-tools) .bottom-actions{left:18px;right:18px}.spot-link{width:138px}.footer-address{width:min(60vw,454.9px);height:auto;top:6px}.vis-tools{bottom:86px}}.vis-tools{bottom:26px}@media(max-width:760px){.vis-tools{bottom:86px}}@media(max-width:410px){.filters{gap:8px}.filters button{font-size:11px}}.intro-card{display:block;cursor:pointer}.intro-card,.intro-card:hover{color:#555}.intro-card .intro-cta{display:inline-flex;align-items:baseline;gap:6px;width:auto;height:auto;font:20px/23px InterstateLight,Arial,sans-serif;color:#e96d24}.intro-card .intro-arrow{display:inline-block;position:static;left:auto;top:auto;width:9px;height:9px;flex:0 0 9px}.intro-card:hover .intro-arrow,.intro-card:focus-visible .intro-arrow{background:#151515}.intro-card:focus-visible{outline:2px solid #dc561e;outline-offset:5px}.original-ball-tooltip{left:0;top:0;width:276px;max-width:calc(100vw - 24px);padding:14px;border-radius:6px;background:#fff;box-shadow:none;filter:drop-shadow(0 0 7px #00000026);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .25s;will-change:transform}.original-ball-tooltip.is-visible{opacity:1;visibility:visible}.tooltip-domain{font:700 12px/16px Interstate,Arial,sans-serif;color:#afba08;overflow-wrap:anywhere;margin:0 0 2px}.tooltip-title{font:25px/27.6px InterstateLight,Arial,sans-serif;color:#000;margin:0;overflow-wrap:break-word}.tooltip-date{display:block;font:11px/16px InterstateLight,Arial,sans-serif;color:#767676;margin-top:2px}.original-ball-tooltip:after{content:"";position:absolute;width:25px;height:50px;background:#fff;border:0;left:var(--tail-anchor,0px);top:auto;bottom:-25px;clip-path:polygon(0 0,100% 0,0 100%)}.original-ball-tooltip[data-side=left]:after{left:calc(var(--tail-anchor,100%) - 25px);clip-path:polygon(0 0,100% 0,100% 100%)}.original-ball-tooltip[data-vertical=below]:after{top:-25px;bottom:auto;clip-path:polygon(0 0,0 100%,100% 100%)}.original-ball-tooltip[data-vertical=below][data-side=left]:after{clip-path:polygon(100% 0,0 100%,100% 100%)}.original-ball-tooltip:after{z-index:-1}.work-gallery{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.work-rail{display:flex;align-items:center;gap:110px;position:absolute;left:50%;top:50%;width:max-content;transform-origin:0 50%;transition:transform .55s cubic-bezier(.18,.75,.2,1)}.work-card{position:relative;flex-shrink:0;padding:10px 10px 0;border-radius:6px;background:transparent;transition:background .25s,box-shadow .25s}.work-card.is-active{background:#fff;box-shadow:0 0 20px #00000026}.work-media,.work-neighbor-preview{position:relative;display:block;width:100%;height:calc(100% - 32px);padding:0;border:0;background:none;overflow:hidden}.work-media>img,.work-media>video,.work-neighbor-preview>img{display:block;width:100%;height:100%;object-fit:contain}.work-neighbor-preview>img{opacity:.35}.work-neighbor-preview:hover>img{opacity:.55}.work-card-caption{height:32px;display:flex;align-items:flex-start;gap:16px;padding-top:8px;font:12px/16px Interstate,Arial,sans-serif;text-transform:uppercase;white-space:nowrap}.work-caption-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;padding-right:60px}.work-client{color:#1c1c1c}.work-title{color:#4a4a4a}.work-medium{color:#8b8b8b}.work-counter{margin-left:auto;flex-shrink:0;text-transform:none;color:#1c1c1c}.work-edge{position:absolute;top:calc(50% - 52px);width:64px;height:64px;padding:0;opacity:0;transition:opacity .2s;z-index:4}.work-edge img{display:block;width:64px;height:64px}.work-edge-left{left:25px}.work-edge-right{right:25px;transform:rotate(180deg)}.work-edge.is-revealed,.work-edge:focus-visible{opacity:1}.work-edge:disabled{visibility:hidden;pointer-events:none}.work-dots{position:absolute;left:50%;transform:translate(-50%,-50%);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent)}.work-dot-track{position:absolute;left:50%;top:50%;display:flex;gap:11px;transform-origin:0 0;transition:transform .55s cubic-bezier(.18,.75,.2,1)}.work-dot-track button{display:block;flex-shrink:0;padding:0;width:24px;height:24px;border-radius:50%}.work-dot-track span{display:block;width:24px;height:24px;border:1px solid #bbbbbbbf;border-radius:50%;background:#f6f6f6}.work-dot-track button[aria-current=true] span,.work-dot-track button:hover span{background:#fff;border-color:#bbb;box-shadow:0 0 6px #00000026}.video-media .work-poster{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35}.work-poster-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:#fe7017;mix-blend-mode:multiply;opacity:0;animation:poster-tint .5s 1.5s forwards}.video-media video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1s}.video-media.is-ready video{opacity:1}.work-video-progress{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .25s;pointer-events:none}.video-media:hover .work-video-progress,.video-media:focus-within .work-video-progress,.video-media.is-paused .work-video-progress,.video-media.is-buffering .work-video-progress{opacity:1}.work-buffer-fill,.work-playback-fill{position:absolute;left:0;top:0;height:100%;background:#fe7017;mix-blend-mode:multiply}.work-buffer-fill{opacity:.5}.work-playback-fill{opacity:.75;border-right:1px solid #ffffff80}.video-media.is-playing:not(.is-buffering) .work-buffer-fill{opacity:0}.work-play-surface{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;display:grid;place-items:center}.work-play-surface img{width:85px;height:85px;opacity:0;transition:opacity .2s}.work-play-surface:hover img,.work-play-surface:focus-visible img,.video-media.is-paused .work-play-surface img{opacity:1}.work-loading-spinner{position:absolute;width:12px;height:12px;right:64px;bottom:10px;animation:work-spin 1s linear infinite}.work-volume{position:absolute;width:16px;height:16px;right:83px;bottom:8px;padding:2px;color:#999;line-height:0}.work-media-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#dc561e;font-size:14px;background:#fff8}@keyframes poster-tint{to{opacity:.3375}}@keyframes work-spin{to{transform:rotate(360deg)}}@media(pointer:coarse){.work-edge{opacity:.65}}@media(prefers-reduced-motion:reduce){.work-rail,.work-dot-track,.video-media video{transition:none}.work-poster-tint{opacity:.3375}}.work-gallery,.work-dots{overflow:clip}
