@font-face{font-family:Rubik;src:url('assets/Rubik-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Rubik;src:url('assets/Rubik-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Rubik;src:url('assets/Rubik-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--ink:#1f3349;--ivory:#fff3dc;--sun:#fbbe4b;--lip:#cfbd9c;--soft:#526174;--gutter:5%;--font:Rubik,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:500 16px var(--font);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--sun);outline-offset:6px}::selection{background:var(--sun);color:var(--ink)}[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:16px;padding:12px;background:var(--ivory);z-index:30}.skip-link:focus{top:16px}
.opening{position:relative;isolation:isolate;display:flex;flex-direction:column;height:100svh;min-height:650px;padding:0 var(--gutter);color:var(--ivory);background:var(--ink)}.scene{position:absolute;inset:0;z-index:-2;overflow:hidden}.scene img,.scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.scene video{opacity:0;transition:opacity .4s}.scene video.playing{opacity:1}.opening:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#101b21d1 0%,#101b2160 38%,#101b2100 76%),linear-gradient(90deg,#101b212d,transparent 70%)}
.masthead{height:108px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.wordmark{width:176px;display:block;filter:drop-shadow(0 1px 3px #fff3dc80)}.game-logo{display:block;width:100%;height:auto}.logo-letters{font:700 59px Rubik,Arial,sans-serif;letter-spacing:-2px}.logo-city{font:700 15px Rubik,Arial,sans-serif;letter-spacing:8px}.masthead p{margin:0;color:var(--sun);font-size:29px}.hero-message{margin:auto 0 122px;max-width:1100px}h1{font-size:clamp(72px,7.2vw,108px);font-weight:700;line-height:1.03;letter-spacing:-3.6px;margin:0;text-shadow:0 2px 16px #101b212a}h1 em{font-style:normal;color:var(--sun)}.description{font-size:19px;line-height:1.6;margin:22px 0 27px}.actions{display:grid;grid-template-columns:repeat(2,168px);align-items:start;gap:14px}.download-wrap{display:flex;flex-direction:column;align-items:center;gap:13px}.download-wrap small{font-size:9px;font-weight:500;letter-spacing:.1px;line-height:1.5;white-space:nowrap}.cta{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;height:49px;min-height:49px;width:168px;min-width:0;padding:12px 17px;border:0;border-radius:2px;background:var(--ivory);color:var(--ink);box-shadow:inset 0 1px #fff8,0 4px 0 var(--lip),0 7px 0 #101b215c;font-size:14px;font-weight:700;line-height:1.2;transition:transform .15s,background .15s,box-shadow .15s;text-shadow:none;white-space:nowrap}.cta svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}.cta .play-fill{fill:currentColor;stroke:none}.cta.secondary{min-width:0}.cta:hover,.cta:focus-visible{background:var(--sun);box-shadow:inset 0 1px #fff6,0 4px 0 #c79334,0 7px 0 #101b215c;transform:translateY(-1px)}.cta:active{transform:translateY(4px);box-shadow:inset 0 1px #fff6,0 1px 0 #c79334,0 4px 0 #101b215c}.cta.primary{background:var(--sun);box-shadow:inset 0 1px #fff6,0 4px 0 #c79334,0 7px 0 #101b215c}.cta.primary:hover,.cta.primary:focus-visible{background:#ffcb63;box-shadow:inset 0 1px #fff6,0 4px 0 #c79334,0 7px 0 #101b215c}.cta.primary:active{box-shadow:inset 0 1px #fff6,0 1px 0 #c79334,0 3px 0 #101b215c}.availability-message{font-weight:600!important}.section-download{margin:38px auto 30px;min-height:76px}
#motion-toggle{position:absolute;right:var(--gutter);bottom:29px;width:42px;height:42px;border:1px solid #fff3dc80;border-radius:50%;background:#1f3349bc;color:var(--ivory);display:grid;place-items:center;padding:11px}#motion-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.5}#motion-toggle .play-icon{display:none;fill:currentColor;stroke:none}#motion-toggle.paused .play-icon{display:block}#motion-toggle.paused .pause-icon{display:none}.scroll-cue{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:48px;height:48px;display:grid;place-items:center}.scroll-cue svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .2s}.scroll-cue:hover svg{transform:translateY(4px)}
.your-day{min-height:100svh;min-height:max(750px,100svh);padding:58px var(--gutter) 0;display:flex;flex-direction:column;background:#f6ead4}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:25px}h2{font-size:clamp(40px,3.5vw,58px);font-weight:700;letter-spacing:-1.8px;line-height:1.08;margin:0}.section-sun{font-size:58px;line-height:1;color:#a66820}.experiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0}.experience{min-width:0}.photo{position:relative;display:block;width:100%;aspect-ratio:4/3;padding:0;border:0;border-radius:3px;overflow:hidden;background:var(--lip);box-shadow:0 4px 0 #d8c8aa;text-align:left}.photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.photo:hover img{transform:scale(1.035)}.enlarge{position:absolute;right:12px;bottom:12px;background:var(--ivory);color:var(--ink);width:34px;height:34px;display:grid;place-items:center;font-size:22px;box-shadow:0 3px 0 var(--lip),0 5px 0 #101b2140}.experience h3{font-size:clamp(24px,2vw,34px);line-height:1.15;letter-spacing:-.8px;margin:26px 0 12px}.experience p{font-size:14px;line-height:1.7;margin:0;color:var(--soft)}footer{margin-top:auto;min-height:77px;border-top:1px solid #1f33492c;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:.8px}footer a{font-size:12px;letter-spacing:0;padding:14px 0}footer a span{margin-left:8px}
dialog{width:min(1100px,calc(100vw - 72px));max-width:none;max-height:calc(100svh - 60px);padding:0;border:0;border-radius:4px;background:var(--ivory);color:var(--ink);box-shadow:0 8px 0 var(--lip),0 22px 80px #0008;overflow:auto}dialog::backdrop{background:#0c1721df;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:15px;z-index:2;width:43px;height:43px;display:grid;place-items:center;border:0;border-radius:2px;background:var(--ivory);color:var(--ink);box-shadow:0 3px 0 var(--lip),0 6px 0 #101b2152}.dialog-close svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2}.dialog-close:hover{background:var(--sun)}.dialog-media{background:#172737;display:flex;align-items:center;justify-content:center;min-height:80px}.dialog-media img,.dialog-media video{display:block;width:100%;max-height:calc(100svh - 230px);object-fit:contain}.dialog-bottom{padding:26px 30px 25px;display:flex;justify-content:space-between;align-items:center;gap:30px}.dialog-bottom h2{font-size:30px;letter-spacing:-.7px}.dialog-bottom p{font-size:14px;line-height:1.6;margin:9px 0 0;color:var(--soft);max-width:620px}.dialog-bottom .cta{height:49px;min-height:49px;width:168px;min-width:0;font-size:14px}.dialog-bottom .download-wrap{gap:13px}.dialog-bottom small{font-size:9px}
@media(min-width:1700px){.masthead{height:130px}.wordmark{width:210px}.hero-message{margin-bottom:145px}.description{font-size:20px}.cta{height:51px;min-height:51px;font-size:14px}.download-wrap small{font-size:9px}.your-day{padding-top:72px}.section-heading{margin-bottom:44px}.experiences{gap:42px}.experience p{font-size:17px}.experience h3{margin-top:31px}footer{min-height:95px;font-size:11px}footer a{font-size:14px}}
@media(max-height:820px) and (min-width:1001px){.opening{min-height:600px}.masthead{height:90px}.wordmark{width:158px}.hero-message{margin-bottom:92px}h1{font-size:86px}.description{font-size:17px;margin:21px 0 24px}.cta{height:47px;min-height:47px;font-size:14px}.your-day{min-height:max(680px,100svh);padding-top:48px}.section-heading{margin-bottom:34px}h2{font-size:46px}.section-sun{font-size:50px}.photo{aspect-ratio:16/11}.experience h3{font-size:26px;margin-top:23px}.experience p{font-size:13px}.section-download{margin-top:28px;margin-bottom:25px}footer{min-height:63px}}
@media(min-width:701px) and (max-width:1000px){.hero-message{margin-bottom:120px}h1{font-size:84px;letter-spacing:-3px}.description{font-size:18px}.your-day{padding-top:50px}.section-heading{margin-bottom:40px}h2{font-size:44px}.section-sun{font-size:54px}.experiences{grid-template-columns:1fr;gap:27px}.experience{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:center}.photo{grid-row:1/3;aspect-ratio:16/10}.experience h3{align-self:end;margin:0 0 12px;font-size:28px}.experience p{align-self:start;max-width:260px;font-size:14px}footer{margin-top:15px}}
@media(max-width:700px){:root{--gutter:6%}.opening{min-height:650px}.masthead{height:88px}.wordmark{width:148px}.hero-message{margin-bottom:112px}h1{font-size:clamp(54px,14vw,88px);letter-spacing:-2.5px;line-height:1.05}.description{font-size:16px;margin:20px 0 25px}.actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:342px;gap:13px}.download-wrap{gap:14px;min-width:0}.cta{height:48px;min-height:48px;min-width:0;width:100%;padding:12px 13px;gap:6px;font-size:13px}.cta.secondary{min-width:0}.cta svg{width:18px;height:18px}.download-wrap small{font-size:9px;letter-spacing:-.05px}#motion-toggle{width:38px;height:38px;bottom:23px}.scroll-cue{bottom:18px}.your-day{padding-top:51px;min-height:100svh}.section-heading{margin-bottom:36px;align-items:flex-start;gap:15px}h2{font-size:37px;max-width:310px;letter-spacing:-1.5px}.section-sun{font-size:34px;margin-top:5px}.experiences{grid-template-columns:1fr;gap:38px;margin:0}.photo{aspect-ratio:16/11}.experience h3{font-size:29px;margin:24px 0 10px}.experience p{font-size:14px}.enlarge{width:33px;height:33px}.section-download{margin:36px auto 28px}.section-download .cta{width:168px}footer{margin-top:15px;min-height:77px;font-size:8px}footer a{font-size:11px}dialog{width:calc(100vw - 30px);max-height:calc(100svh - 35px)}.dialog-close{right:10px;top:10px;width:38px;height:38px}.dialog-media img,.dialog-media video{max-height:52svh;min-height:190px;object-fit:contain}.dialog-bottom{padding:24px 21px;display:block}.dialog-bottom h2{font-size:26px;letter-spacing:-.6px}.dialog-bottom p{font-size:13px;margin-top:10px}.dialog-bottom .download-wrap{align-items:center;margin-top:24px;gap:13px}.dialog-bottom .cta{width:168px;min-width:0;justify-content:center}.dialog-bottom small{align-self:center;font-size:9px}.opening:after{background:linear-gradient(0deg,#101b21da 0%,#101b2177 42%,#101b210d 80%)}}
@media(max-width:370px){h1{font-size:50px}.description{font-size:14px}.cta{font-size:12px;padding:14px 10px;gap:6px}.cta svg{width:18px}.download-wrap small{font-size:8px}.hero-message{margin-bottom:110px}h2{font-size:34px}.experience h3{font-size:26px}.section-sun{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Short films share one playback controller. */

/* A fixed-width highlight keeps the sentence still as the names change. */
.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}
.agent-rotation{display:inline-grid;vertical-align:baseline;white-space:nowrap}
.agent-highlight{display:inline-block;padding:0 .17em;background:var(--sun);color:var(--ink);text-shadow:none}
.agent-name{grid-area:1/1;opacity:0;transform:translateY(.18em);transition:opacity .18s ease,transform .18s ease;pointer-events:none}
.agent-name.is-current{opacity:1;transform:translateY(0)}
.description{line-height:1.5;margin:21px 0 27px;max-width:520px}.actions{row-gap:17px}.actions>.download-status{grid-column:1/-1;text-align:left;font-size:12px;line-height:1.5;letter-spacing:0}.download-wrap small{font-size:12px;white-space:normal;text-align:center;letter-spacing:0}.your-day{min-height:0;padding-top:64px}.section-heading{margin-bottom:35px}.section-download{margin:48px auto 40px;gap:16px}footer{margin-top:0;min-height:80px}.photo{aspect-ratio:16/10}.photo img,.photo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo video{opacity:0;transition:opacity .25s}.photo video.playing{opacity:1}.photo:hover img{transform:none}.enlarge{display:flex;gap:7px;width:auto;height:31px;padding:0 9px;font-size:11px;box-shadow:none;border-radius:2px;background:#fff3dce8}.enlarge svg{width:13px;height:13px;fill:currentColor}.preview-toggle{flex-shrink:0;width:40px;height:40px;padding:11px;border:1px solid #1f334945;border-radius:50%;background:transparent;color:var(--ink);display:grid;place-items:center}.preview-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2}.preview-toggle .play-icon{display:none;fill:currentColor;stroke:none}.preview-toggle.paused .play-icon{display:block}.preview-toggle.paused .pause-icon{display:none}.preview-toggle:hover{background:#eadcc3}.dialog-bottom small{font-size:12px;max-width:260px}.dialog-bottom .download-wrap{flex-shrink:0;gap:15px}.dialog-bottom .download-wrap small{max-width:260px}.dialog-media video{aspect-ratio:16/9}.experience h3{margin-top:24px}.experience p{font-size:15px;line-height:1.6}
@media(min-width:1700px){.description{font-size:22px}.actions>.download-status,.download-wrap small{font-size:13px}.your-day{padding-top:72px}.section-download{margin-top:56px}.experience p{font-size:17px}}
@media(max-height:820px) and (min-width:1001px){.hero-message{margin-bottom:98px}.description{font-size:17px;margin:18px 0 23px}.your-day{min-height:0;padding-top:48px}.experience p{font-size:14px}.section-download{margin-top:36px;margin-bottom:34px}}
@media(min-width:701px) and (max-width:1000px){.your-day{padding-top:52px}.experience h3{margin-top:0}.experience p{font-size:14px}.section-download{margin:40px auto 35px}footer{margin-top:0}}
@media(max-width:700px){.hero-message{margin-bottom:115px}.description{font-size:16px;line-height:1.55;margin:19px 0 26px}.actions{row-gap:17px}.actions>.download-status{font-size:12px}.download-wrap small{font-size:12px}.your-day{padding-top:45px;min-height:0}.section-heading{margin-bottom:30px;align-items:center}.preview-toggle{width:35px;height:35px;padding:8px}.experiences{gap:35px}.photo{aspect-ratio:16/10}.experience h3{margin:22px 0 9px}.experience p{font-size:14px}.section-download{margin:39px auto 34px}footer{margin-top:0}.dialog-bottom small{font-size:12px}.dialog-bottom .download-wrap{margin-top:24px}.dialog-media video{min-height:0}}
@media(max-width:370px){.description{font-size:14px}.actions>.download-status{font-size:12px}.download-wrap small{font-size:12px}.hero-message{margin-bottom:110px}}

/* Center the visible icon and Rubik label as one compact group. */
.cta>span{display:block;line-height:1;transform:translateY(1px)}
.cta>svg{display:block;width:14px;height:18px}
.cta.secondary>svg{width:11px;height:14px}
.release-note{font-size:11px;font-weight:500;opacity:.9}
