*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#c2c2c0;color:#191919;font-family:Arial,Helvetica,sans-serif;font-size:16px}button,a{color:inherit}button{font:inherit;border:0;background:none;cursor:pointer;padding:8px}button:hover,a:hover{opacity:.65}button:focus-visible,a:focus-visible{outline:2px solid #3527e8;outline-offset:4px}header{position:fixed;top:12px;left:24px;right:20px;display:flex;align-items:center;justify-content:space-between;z-index:400}.brand{font-size:34px;font-weight:200;letter-spacing:-4px;text-decoration:none;color:#eee}main{height:100%;position:relative}.readout{position:absolute;left:20%;right:20%;top:12%;display:flex;justify-content:space-between;pointer-events:none;font:11px monospace;z-index:350}.readout span{background:#222;color:#eee;padding:3px 5px}#stage{position:absolute;inset:0;touch-action:pan-y;overflow:hidden}.tile{position:absolute;left:50%;top:50%;width:110px;height:66px;padding:0;border:1px solid #eee7;background:#aaa;will-change:transform;transition:filter .2s;box-shadow:0 0 0 1px #ffffff12}.tile img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.tile:hover,.tile:focus-visible{filter:brightness(1.16);outline:2px solid #fff;opacity:1!important}.tile span{display:none;position:absolute;bottom:-22px;left:0;white-space:nowrap;background:#3020d6;color:white;padding:3px;font:11px monospace}.tile:hover span,.tile:focus-visible span{display:block}.caption{position:fixed;left:50%;bottom:64px;transform:translateX(-50%);font:11px monospace;pointer-events:none;white-space:nowrap}footer{position:fixed;bottom:16px;left:20px;right:20px;z-index:400;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(0deg,#c2c2c0 30%,transparent)}nav,.options{display:flex;align-items:center;gap:4px}#shapes{position:absolute;bottom:45px;left:0;background:#c2c2c0e8;padding:6px}#shapes:not([hidden]){display:flex;gap:8px}.options button{font-size:14px;color:#555}dialog{border:0;background:#e7e7e3;color:#111;padding:24px;max-width:1000px;width:90vw;max-height:90vh}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.player-head{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:20px;font-weight:400;margin:0 0 16px}.close{white-space:nowrap}#embed{aspect-ratio:16/9;background:#111;margin-bottom:16px}iframe{border:0;width:100%;height:100%}#info{max-width:550px;padding:36px}#info .close{float:right}#info p{line-height:1.5}#film-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}#film-list button{text-align:left;padding:0;font-size:14px}#film-list img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:6px}body.static #stage{overflow:auto;padding:90px 24px 110px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-content:start}body.static .tile{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:16/9;transform:none!important;opacity:1!important}body.static .readout{display:none}body.static .tile span{display:block;position:static;background:none;color:#111;text-align:left;padding:5px 0}body.static .tile{margin-bottom:24px}body.static footer{background:#c2c2c0}.tile[hidden]{display:none!important}@media(max-width:600px){header{left:16px}.readout{left:18px;right:18px;top:13%;font-size:9px}.tile{width:78px;height:47px}footer{left:8px;right:8px;font-size:13px}.options button{font-size:11px}#shapes:not([hidden]){gap:0}#film-list{grid-template-columns:repeat(2,1fr)}dialog{padding:16px;width:96vw}.caption{font-size:9px;bottom:70px}body.static #stage{grid-template-columns:repeat(2,1fr)}h1{font-size:17px}}
body.static .tile{min-width:0}body.static .tile span{white-space:normal}body.static footer nav,body.static #motion,body.static .caption{display:none}body.static footer{justify-content:flex-end}body.static #stage{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:600px){body.static #stage{grid-template-columns:repeat(2,minmax(0,1fr))}}
.playback-note{color:#eee;display:flex;align-items:center;justify-content:center;height:100%;text-align:center;margin:0;padding:30px;line-height:1.5}#player:has(.playback-note) #external{display:inline-block;background:#222;color:white;padding:12px 18px;text-decoration:none}#player:has(.playback-note) #embed{background:#333;aspect-ratio:auto;min-height:150px}

.brand{display:block;width:115px;height:30.5px;letter-spacing:normal}.brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}header{top:6px}@media(max-width:600px){.brand{width:92.5px;height:24.5px}header{top:7px}}
header{min-height:61px}.brand{align-self:flex-start}@media(max-width:600px){header{min-height:49px}}
/* Movement-triggered image tracking, inspired by the reference's 1px frame. */
#tracking-frame{position:fixed;left:0;top:0;border:1px solid #d8ff3e;z-index:360;pointer-events:none;opacity:0;transition:opacity .25s;--tracking:#d8ff3e}#tracking-frame.active{opacity:.92}#tracking-frame::before,#tracking-frame::after{content:"";position:absolute;width:9px;height:9px;border-color:var(--tracking);border-style:solid}#tracking-frame::before{left:-4px;top:-4px;border-width:1px 0 0 1px}#tracking-frame::after{right:-4px;bottom:-4px;border-width:0 1px 1px 0}.tracking-meta,.tracking-title{position:absolute;background:var(--tracking);color:#27300b;font:10px/1.4 monospace;white-space:nowrap;padding:1px 4px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.tracking-meta{left:-1px;bottom:calc(100% + 5px)}.tracking-title{right:-1px;top:calc(100% + 5px)}.tracking-coords{position:absolute;right:0;top:-19px;color:#343e11;font:9px/1 monospace;background:#d8ff3e;padding:2px 3px}.tile:focus-visible{outline-color:#d8ff3e!important}body.static #tracking-frame{display:none}@media(max-width:600px){.tracking-meta,.tracking-title{font-size:8px;max-width:160px}.tracking-coords{font-size:8px;top:-17px}}@media(prefers-reduced-motion:reduce){#tracking-frame{display:none;transition:none}}
.tracking-coords{left:-1px;right:auto;top:calc(100% + 23px);font-size:8px;background:#d8ff3ee6}body:has(#tracking-frame.active) .tile:hover span{visibility:hidden}@media(max-width:600px){.tracking-coords{top:calc(100% + 20px)}}

/* iPhone viewport, safe-area and touch ergonomics. */
html,body{height:100%;height:100dvh}main{height:100%;height:100dvh}header{top:calc(6px + env(safe-area-inset-top,0px));left:max(24px,env(safe-area-inset-left,0px));right:max(20px,env(safe-area-inset-right,0px))}footer{bottom:calc(16px + env(safe-area-inset-bottom,0px));left:max(20px,env(safe-area-inset-left,0px));right:max(20px,env(safe-area-inset-right,0px))}.caption{bottom:calc(74px + env(safe-area-inset-bottom,0px))}dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.close,#external{min-height:44px}.close{min-width:70px}.brand{position:relative}.brand::after{content:"";position:absolute;left:0;top:0;width:115px;height:44px}#stage{touch-action:pinch-zoom;overscroll-behavior:contain}body.static #stage{touch-action:pan-y pinch-zoom;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}#film-list button{min-height:44px}#film-list img{content-visibility:auto}#info .close{float:none;display:block;margin-left:auto}
@media(max-width:600px),(max-height:500px){header{min-height:49px;top:calc(7px + env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px))}header button,footer button,#shapes button{min-width:44px;min-height:44px}footer{left:max(8px,env(safe-area-inset-left,0px));right:max(8px,env(safe-area-inset-right,0px));bottom:calc(8px + env(safe-area-inset-bottom,0px))}nav,.options{gap:0}.options button{font-size:12px}#shapes{bottom:52px;max-width:calc(100vw - 16px);padding:4px}#shapes:not([hidden]){gap:0}.caption{bottom:calc(66px + env(safe-area-inset-bottom,0px))}dialog{width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));padding:16px}.player-head h1{margin-bottom:8px}.player-head{gap:8px}.close{padding:8px}#external{display:inline-flex;align-items:center}#index .player-head{position:sticky;top:-16px;background:#e7e7e3;padding-top:8px;z-index:1}}
@media(max-height:500px){.readout{top:67px;font-size:9px;left:18px;right:18px}.caption{display:none}#player{max-width:700px}#player #embed{max-height:calc(100dvh - 155px);aspect-ratio:16/9;width:auto;margin-inline:auto}#film-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(hover:none){.tile:hover{filter:none;outline:none}.tile:hover span{display:none}}
/* Selected campaign awards: content awaits source verification. */
#info:has(.campaign-awards){max-width:680px}#info .about-head{position:sticky;top:-36px;background:#e7e7e3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:8px;z-index:1}#info .about-head h1{margin:0}#info .about-head .close{margin:0}.campaign-awards{margin-top:32px;padding-top:24px;border-top:1px solid #1113}.campaign-awards h2{font:11px/1.5 monospace;letter-spacing:.04em;font-weight:400;margin:0 0 18px}.award-list{list-style:none;margin:0;padding:0}.award-item{padding:16px 0;border-top:1px solid #1112}.award-item:first-child{border-top:0;padding-top:0}.award-title{font-size:16px;font-weight:400;line-height:1.4;margin:0 0 6px}.award-result{font-size:14px;line-height:1.5;margin:0 0 6px}.award-credit{font-size:12px;line-height:1.5;color:#555;margin:0}.award-source{display:inline-flex;align-items:center;min-height:44px;font:11px monospace;text-underline-offset:3px}.awards-note{font-size:12px;line-height:1.5;color:#555;margin-top:18px}@media(max-width:600px){#info:has(.campaign-awards){padding:20px}#info .about-head{top:-20px}.campaign-awards{margin-top:24px;padding-top:20px}.award-item{padding:14px 0}.award-title{font-size:16px}}
/* Viewport-filling film viewer; native fullscreen is a progressive enhancement. */
#player{inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;background:#101010;color:#f4f4f0;overflow:hidden}#player .player-surface{width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding: max(12px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:#101010;color:#f4f4f0}#player .player-head{min-height:44px}#player h1{margin:0;font-size:16px}#player #embed{width:100%;height:100%;max-height:none;aspect-ratio:auto;margin:0;display:grid;place-items:center}#player iframe{width:100%;height:100%;object-fit:contain}#player #external{justify-self:start;font-size:12px;display:inline-flex;align-items:center;min-height:44px}#player .close{min-height:44px}#player .playback-note{max-width:38em;padding:24px;line-height:1.5}.player-surface:fullscreen{width:100vw;height:100vh}
.awards-intro{font-size:14px;line-height:1.5;margin:0 0 24px}.award-results{list-style:none;padding:0;margin:10px 0 0}.award-results li{font-size:14px;line-height:1.55;margin:8px 0;overflow-wrap:anywhere}.award-results .award-source{font-size:10px;padding:0 4px;vertical-align:middle}.campaign-awards h2{font-size:13px;text-transform:none;letter-spacing:0}
/* Compact awards typography: match the section heading throughout. */
.campaign-awards{font-family:monospace;margin-top:26px;padding-top:20px}.campaign-awards h2{font:400 13px/1.35 monospace;margin-bottom:12px}.campaign-awards .awards-intro{font:400 12px/1.4 monospace;margin:0 0 18px}.campaign-awards .award-item{padding:12px 0}.campaign-awards .award-item:first-child{padding-top:0}.campaign-awards .award-title{font:400 14px/1.35 monospace;margin:0 0 4px}.campaign-awards .award-credit{font:400 11px/1.35 monospace;margin:0}.campaign-awards .award-results{margin:6px 0 0}.campaign-awards .award-results li{font:400 12px/1.4 monospace;margin:5px 0}.campaign-awards .award-source{font:400 10px/1.4 monospace;min-height:0;padding:2px 4px;position:relative}.campaign-awards .award-source::after{content:"";position:absolute;inset:-10px 0}.campaign-awards .awards-note{font:400 11px/1.4 monospace;margin-top:14px}@media(max-width:600px){.campaign-awards{margin-top:22px;padding-top:18px}.campaign-awards .award-item{padding:11px 0}.campaign-awards .award-results li{line-height:1.4}}
/* Uniform awards list, matching the heading exactly. */
.campaign-awards,.campaign-awards *{font-family:monospace!important;font-size:13px!important;line-height:1.2!important;font-weight:400!important;letter-spacing:0!important}.campaign-awards h2{margin:0 0 8px}.campaign-awards .awards-intro{margin:0 0 10px}.campaign-awards .award-item{padding:8px 0}.campaign-awards .award-title{margin:0 0 3px}.campaign-awards .award-credit{margin:0}.campaign-awards .award-results{margin:3px 0 0}.campaign-awards .award-results li{margin:3px 0}.campaign-awards .award-source{padding:0 3px}.campaign-awards .awards-note{margin-top:8px}@media(max-width:600px){.campaign-awards .award-item{padding:8px 0}}
/* Requested half-size footnote awards, preserving browser zoom. */
.campaign-awards,.campaign-awards *{font-size:6.5px!important;line-height:1.2!important}.campaign-awards h2{margin-bottom:4px}.campaign-awards .awards-intro{margin-bottom:5px}.campaign-awards .award-item{padding:4px 0}.campaign-awards .award-title{margin-bottom:1.5px}.campaign-awards .award-results{margin-top:1.5px}.campaign-awards .award-results li{margin:1.5px 0}.campaign-awards .award-source{padding:0 1.5px}.campaign-awards .awards-note{margin-top:4px}@media(max-width:600px){.campaign-awards .award-item{padding:4px 0}}
/* Phone landscape: expand the existing iframe without resetting playback. */
@media(orientation:landscape) and (max-height:600px){#player .player-surface{position:relative;display:block;padding:0 max(0px,env(safe-area-inset-right,0px)) 0 max(0px,env(safe-area-inset-left,0px));overflow:hidden}#player #embed{position:absolute;inset:0 max(0px,env(safe-area-inset-right,0px)) 0 max(0px,env(safe-area-inset-left,0px));width:auto;height:100%;max-height:none;margin:0}#player .player-head{position:absolute;top:max(0px,env(safe-area-inset-top,0px));right:max(4px,env(safe-area-inset-right,0px));z-index:2;min-height:44px;background:#101010b8;border-radius:2px}#player .player-head h1{display:none}#player .close{min-height:44px;padding:6px 10px}#player #external{position:absolute;left:max(8px,env(safe-area-inset-left,0px));top:max(0px,env(safe-area-inset-top,0px));z-index:2;margin:0;padding:4px 8px;background:#101010b8;border-radius:2px;min-height:44px}#player iframe{height:100%;width:100%}}