@font-face{font-family:Futura SC;src:url(/fonts/Futura-Lig.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Futura SC;src:url(/fonts/Futura-Boo.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Futura SC;src:url(/fonts/Futura-Med.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Futura SC;src:url(/fonts/Futura-Dem.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Futura SC;src:url(/fonts/Futura-Bol.otf)format("opentype");font-weight:700 900;font-style:normal;font-display:swap}:root{--ink:#020d50;--paper:#f4f8ff;--red:#43a6ff;--pink:#8bdcff;--line:#7ac9ff59;--glass:#000d57d1}*{box-sizing:border-box}html,body{background:#02082e;min-height:100%;margin:0;font-family:Futura SC,Arial,Helvetica,sans-serif}button{font:inherit}.kiosk-shell{color:#fff;background:#01051f;place-items:center;min-height:100svh;display:grid}.kiosk-frame{isolation:isolate;background:#03126a url(/booth-reference.png) 50%/100% 100% no-repeat;flex-direction:column;width:min(100vw,56.25svh);min-height:100svh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 90px #071b93}.kiosk-frame:before{content:"";z-index:-1;background:linear-gradient(#000c5414,#00083d3d 45%,#00052fcc);position:absolute;inset:0}.brand{letter-spacing:.28em;text-shadow:0 0 12px #5cc8ff,0 0 28px #145cff;flex-direction:column;align-items:center;height:88px;padding:24px 26px 12px;line-height:1;display:flex}.brand span{font-size:19px;font-weight:600}.brand small{letter-spacing:.44em;margin-top:7px;font-size:8px}section{flex-direction:column;flex:1;min-height:0;padding:20px 26px 34px;display:flex}footer{border-top:1px solid var(--line);letter-spacing:.22em;color:#b8dbff;background:#000739a6;place-items:center;height:34px;font-size:7px;display:grid}.screen-enter{animation:.45s cubic-bezier(.22,.8,.25,1) both enter}@keyframes enter{0%{opacity:0;transform:translateY(14px)}}.welcome-screen{text-align:center;justify-content:flex-end;align-items:center;padding-bottom:6vh}.eyebrow{color:#a8e8ff;letter-spacing:.22em;text-shadow:0 0 10px #4cbcff;margin:0 0 15px;font-size:9px;font-weight:800}h1{letter-spacing:-.065em;text-transform:uppercase;text-shadow:0 4px 24px #001357;margin:0;font-size:clamp(42px,8svh,68px);font-weight:900;line-height:.88}.lede{color:#d8ecff;text-shadow:0 2px 8px #00104d;margin:22px 0 30px;font-size:14px;line-height:1.55}.primary-button,.secondary-button,.record-button,.stop-button{text-transform:uppercase;letter-spacing:.12em;cursor:pointer;touch-action:manipulation;border:0;border-radius:2px;justify-content:center;align-items:center;gap:12px;min-height:64px;padding:0 24px;font-size:12px;font-weight:800;display:flex}.primary-button{color:#06116a;background:#f8fcff;width:100%;box-shadow:0 0 8px #fff,0 0 25px #52bfff}.primary-button svg{width:17px}.primary-button:active{transform:scale(.985)}.primary-button:disabled{opacity:.65}.secondary-button{color:#fff;background:#021066d1;border:1px solid #75d8ff;width:100%;margin-top:12px;box-shadow:inset 0 0 18px #338fff40,0 0 12px #42baff47}.secondary-button:disabled{opacity:.4}.microcopy,.hint{color:#b6d8ff;letter-spacing:.05em;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:9px;display:flex}.microcopy svg{width:12px}.finish-session{flex-shrink:0;margin-top:12px}.selection-screen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#000c5c9e,#000845e0);padding-top:12px}.selection-heading{text-align:center}.selection-heading h1{font-size:clamp(36px,6.2svh,58px)}.selection-heading>p:last-child{color:#d5eaff;max-width:300px;margin:15px auto 22px;font-size:12px;line-height:1.45}.question-grid{gap:10px;display:grid}.question-choice{text-align:left;color:#fff;cursor:pointer;background:linear-gradient(125deg,#072396eb,#000e5deb);border:1px solid #389aff;border-radius:3px;grid-template-columns:35px 1fr;align-items:center;width:100%;min-height:102px;padding:15px 48px 15px 18px;display:grid;position:relative;box-shadow:inset 0 0 22px #2e80ff3d,0 4px 18px #00042759}.question-choice:active{border-color:#fff;transform:scale(.985)}.question-choice>span{color:#8bdcff;letter-spacing:.12em;align-self:start;margin-top:4px;font-size:9px;font-weight:800}.question-choice strong{letter-spacing:-.025em;font-size:17px;line-height:1.08}.question-choice.complete{color:#8eafd7;background:#000d4ee0;border-color:#316bb5}.question-choice.complete i{color:#fff;background:#38aeff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;right:18px;box-shadow:0 0 14px #2d9dff}.question-choice.complete svg{width:14px}.selection-status{text-align:center;color:#acd6ff;text-transform:uppercase;letter-spacing:.14em;margin-top:auto;padding-top:16px;font-size:9px}.progress-row{color:#b5dbff;letter-spacing:.14em;justify-content:space-between;align-items:center;height:34px;font-size:9px;font-weight:700;display:flex}.progress-row strong{color:#fff}.progress-dots{gap:5px;display:flex}.progress-dots i{background:#17418e;width:22px;height:3px}.progress-dots i.active{background:#9ce9ff;box-shadow:0 0 8px #41adff}.record-screen,.review-screen,.done-screen,.center-screen{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#000c5480,#000739e6)}.camera-window,.playback-window,.final-preview{background:#03104e;border:2px solid #82dcff;border-radius:82px 82px 8px 8px;position:relative;overflow:hidden;box-shadow:0 0 8px #fff,inset 0 0 22px #1454cb,0 0 26px #167bff}.camera-window{flex:1;min-height:250px;max-height:49svh}.camera-window.is-recording{border-color:#fff;box-shadow:0 0 10px #fff,0 0 30px #39a9ff}.camera-window video,.playback-window video,.final-preview video{object-fit:cover;width:100%;height:100%;display:block}.camera-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 65px #00125e9e}.recording-pill,.ready-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.14em;white-space:nowrap;background:#000d5bc7;border:1px solid #68ceff;border-radius:99px;padding:9px 13px;font-size:9px;font-weight:800;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #248cff}.recording-pill i{background:#fff;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 8px #fff}.camera-question{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;background:#000d5bd1;border-left:3px solid #8fe7ff;padding:16px 18px;position:absolute;bottom:14px;left:14px;right:14px}.camera-question span{color:#9de8ff;letter-spacing:.2em;margin-bottom:7px;font-size:7px;font-weight:800;display:block}.camera-question strong{color:#fff;letter-spacing:-.025em;text-shadow:0 1px 8px #001663;font-size:clamp(16px,2.5svh,22px);line-height:1.07;display:block}.question-card{min-height:100px;padding:20px 4px 16px}.question-card p{color:#9de8ff;letter-spacing:.19em;margin:0 0 7px;font-size:8px;font-weight:800}.question-card h2{letter-spacing:-.035em;max-width:95%;margin:0;font-size:clamp(20px,3.2svh,30px);line-height:1.05}.record-button,.stop-button{color:#06116a;background:#fff;width:100%;box-shadow:0 0 8px #fff,0 0 20px #41b7ff}.record-button span{color:#fff;background:#0c4add;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 10px #2fa6ff}.record-button svg{width:17px}.stop-button{color:#fff;background:#0d4ee0;border:1px solid #8bdcff}.stop-button span{background:#fff;border-radius:2px;width:14px;height:14px}.review-screen{justify-content:flex-start}.playback-window{height:min(50svh,520px);margin:7px 0 20px}.review-copy{text-align:center;padding:8px 16px 25px}.review-copy p{color:#9de8ff;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800}.review-copy h2{margin:0;font-size:23px;line-height:1.1}.keep{margin-top:auto}.play-answer{color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#000a4c8f;border:0;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.play-answer span{background:#0f4ee1;border:2px solid #b9efff;border-radius:50%;place-items:center;width:64px;height:64px;padding-left:4px;display:grid;box-shadow:0 0 22px #36a9ff}.play-answer svg{width:25px}.play-answer strong{text-transform:uppercase;letter-spacing:.14em;margin-top:5px;font-size:12px}.play-answer small{color:#d8ecff;letter-spacing:.08em;font-size:10px}.center-screen{text-align:center;justify-content:center;align-items:center;padding-bottom:16vh}.spinner-ring{border:1px solid #3267b8;border-top:3px solid #b9f2ff;border-radius:50%;place-items:center;width:145px;height:145px;margin-bottom:38px;animation:1.8s linear infinite spin;display:grid;box-shadow:0 0 24px #197cff}.spinner-ring svg{color:#d7f8ff;filter:drop-shadow(0 0 8px #fff);animation:1.8s linear infinite reverse spin}@keyframes spin{to{transform:rotate(360deg)}}.done-screen{text-align:center;align-items:center}.done-screen h1{font-size:44px}.final-preview{border-radius:55px 55px 4px 4px;width:68%;height:30svh;margin:22px auto 18px}.qr-card{color:#031064;text-align:left;background:#eef8ff;align-items:center;gap:18px;width:100%;padding:15px;display:flex;box-shadow:0 0 22px #48b6ff}.qr-wrap{background:#fff;padding:8px;line-height:0}.qr-card h2{margin:0 0 7px;font-size:18px}.qr-card p{color:#20478a;margin:0;font-size:10px;line-height:1.5}.done-screen .secondary-button{min-height:50px;margin-top:auto}.oops{background:#0b46d0;border:3px solid #bdedff;border-radius:50%;place-items:center;width:145px;height:145px;margin-bottom:38px;font-size:31px;font-weight:900;display:grid;transform:rotate(-8deg);box-shadow:0 0 40px #248eff}@media (max-height:700px){.brand{height:68px;padding-top:17px}.welcome-screen{padding-bottom:3vh}.lede{margin:14px 0 20px}.camera-window{max-height:42svh}.question-card{min-height:76px;padding:12px 4px 10px}.final-preview{height:25svh;margin:12px auto}}.brand{height:88px;text-shadow:none;justify-content:center;align-items:center;padding:16px 26px 10px;display:flex}.brand img{object-fit:contain;background:#fff;width:154px;height:58px;padding:6px 10px;display:block}.welcome-screen{padding-bottom:4vh}.campaign-lockup{color:#fff;text-shadow:0 0 5px #fff,0 0 22px #42adff;place-items:center;width:min(92%,390px);min-height:170px;margin:auto 0 10px;display:grid;position:relative}.campaign-lockup strong{letter-spacing:-.055em;font-size:clamp(43px,7svh,67px);line-height:.82}.campaign-lockup span{color:#fff;font-size:clamp(120px,19svh,190px);font-weight:700;line-height:1;position:absolute}.campaign-lockup span:first-child{top:-42px;left:-5px}.campaign-lockup span:last-child{bottom:-95px;right:-5px}.welcome-screen>h1{margin-bottom:2px;font-size:clamp(50px,8svh,76px)}.welcome-screen .lede{max-width:390px}.welcome-screen .lede strong{color:#fff}.question-choice{color:#07145b;background:#fff;border:0;border-radius:28px;width:calc(100% - 18px);margin-right:18px;box-shadow:0 0 9px #fff,0 0 24px #36a3ffc7}.question-choice:after{content:"";filter:drop-shadow(4px 5px 5px #2797ff59);border:0 solid #0000;border-top-width:18px;border-left:28px solid #fff;position:absolute;bottom:9px;right:-17px}.question-choice>span{color:#176aff}.question-choice.complete{color:#6376a6;box-shadow:none;background:#dfeaff}.question-choice.complete:after{border-left-color:#dfeaff}.question-choice:disabled:not(.complete){opacity:.38;box-shadow:none}.question-choice.complete i{z-index:1;background:#1357df}.center-screen{padding-bottom:10vh}.campaign-loading{border:2px solid #9ce9ff;border-radius:72px 72px 6px 6px;width:82%;height:min(40svh,430px);margin-bottom:18px;overflow:hidden;box-shadow:0 0 10px #fff,0 0 30px #178dff}.campaign-loading img,.campaign-loading video{object-fit:cover;width:100%;height:100%;display:block}.campaign-loading img{object-position:center 43%}.loading-bar{background:linear-gradient(90deg,#fff,#44b5ff,#fff) 0 0/200% 100%;width:82%;height:4px;margin-bottom:26px;animation:1.5s linear infinite loading;box-shadow:0 0 12px #4abaff}@keyframes loading{to{background-position:-200% 0}}.welcome-artwork{background:#06135c;flex:1;width:100%;min-height:100svh;padding:0;position:relative;overflow:hidden}.welcome-artwork>img{object-fit:cover}.welcome-click-target{z-index:2;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;width:57.2%;height:8.2%;margin:0;position:absolute;top:74.7%;left:23.3%}.welcome-click-target span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.welcome-click-target:focus-visible{outline-offset:5px;outline:4px solid #fff;box-shadow:0 0 28px #4de4ff}.welcome-click-target:active{background:#ffffff1a}.welcome-click-target.is-listening{animation:1.4s ease-in-out infinite welcome-pulse}@keyframes welcome-pulse{50%{background:#5bdfff21;box-shadow:0 0 28px #5bdfffa6}}.selection-screen{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#00106214,#00053629),url(/assets/questions-background.png) 50%/cover no-repeat;min-height:100svh;padding-top:16svh;padding-bottom:7svh}.selection-heading>p:last-child{margin-bottom:18px}.selection-screen .question-grid{gap:9px}.selection-screen .question-choice{min-height:88px}.selection-screen .selection-status{padding-top:12px}@media (max-height:760px){.selection-screen{padding-top:13svh;padding-bottom:4svh}.selection-screen .selection-heading h1{font-size:36px}.selection-screen .selection-heading>p:last-child{margin:10px auto 12px}.selection-screen .question-grid{gap:7px}.selection-screen .question-choice{min-height:74px}.selection-screen .question-choice strong{font-size:15px}}.kiosk-frame.campaign-page{background:#06135c url(/assets/questions-background.png) 50%/cover no-repeat}.kiosk-frame.campaign-page:before{background:linear-gradient(#000c540a,#00083d29 48%,#00052f47)}.campaign-page .record-screen,.campaign-page .review-screen,.campaign-page .done-screen,.campaign-page .center-screen{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#000c5429,#0007399e)}.campaign-page .record-screen,.campaign-page .review-screen{padding-top:12svh;padding-bottom:6svh}.campaign-page .done-screen{padding-top:13svh;padding-bottom:6svh}.campaign-page .center-screen{padding-top:15svh;padding-bottom:10svh}.campaign-page .done-screen .secondary-button{margin-bottom:6svh}@media (max-height:760px){.campaign-page .record-screen,.campaign-page .review-screen,.campaign-page .done-screen{padding-top:10svh;padding-bottom:4svh}.campaign-page .center-screen{padding-top:11svh;padding-bottom:6svh}.campaign-page .done-screen .secondary-button{margin-bottom:5svh}}.selection-screen.selection-artwork{background:#06135c;min-height:100svh;padding:0;position:relative;overflow:hidden}.selection-artwork>img{object-fit:cover}.artwork-question-grid{z-index:2;position:absolute;inset:0}.artwork-question-choice{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:28px;width:48.5%;height:12%;position:absolute;left:25.8%}.artwork-question-choice.question-1{top:30.1%}.artwork-question-choice.question-2{top:45.3%}.artwork-question-choice.question-3{top:60.7%}.artwork-question-choice.question-4{top:75.7%}.artwork-question-choice:focus-visible{outline-offset:5px;outline:4px solid #fff}.artwork-question-choice:not(:disabled):active{background:#37b5ff33}.artwork-question-choice.complete{background:#115be62b}.artwork-question-choice.complete span{color:#0753dc;background:#fff;border:3px solid #54cfff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:-10px;right:-10px;box-shadow:0 0 9px #fff,0 0 20px #36aaff}.artwork-question-choice.complete svg{stroke-width:4px;width:21px}.artwork-finish{z-index:3;color:#fff;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;touch-action:manipulation;background:#031877f0;border:2px solid #8ce4ff;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:60%;height:4.8%;font-size:10px;font-weight:800;display:flex;position:absolute;top:88.3%;left:20%;box-shadow:0 0 9px #fff,0 0 22px #2ca5ff}.artwork-finish svg{width:16px}.artwork-finish:active{transform:scale(.98)}.artwork-screen{background:#06135c;flex:1;width:100%;min-height:100svh;padding:0;position:relative;overflow:hidden}.artwork-screen>img{object-fit:cover;z-index:0}.welcome-artwork .welcome-click-target{z-index:2;width:58.5%;height:8%;top:84.2%;left:22.7%}.selection-artwork .artwork-question-choice{width:45.2%;height:11.5%;left:29.3%}.selection-artwork .artwork-question-choice.question-1{top:25.2%}.selection-artwork .artwork-question-choice.question-2{top:39.2%}.selection-artwork .artwork-question-choice.question-3{top:53.7%}.selection-artwork .artwork-question-choice.question-4{top:68.2%}.selection-artwork .artwork-finish{width:58.5%;height:8%;box-shadow:none;color:#0000;background:0 0;border:0;top:84.1%;left:22.8%}.selection-artwork .artwork-finish span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.selection-artwork .artwork-finish:disabled{cursor:default}.selection-artwork .artwork-finish.is-ready:focus-visible{outline-offset:4px;outline:4px solid #fff}.selection-artwork .artwork-finish.is-ready:active{background:#46beff29}.artwork-camera-window,.artwork-review-window,.artwork-processing-window,.artwork-final-window{z-index:2;background:#050b35;border-radius:3.2%;width:58.4%;position:absolute;left:20.8%;overflow:hidden}.artwork-camera-window,.artwork-review-window,.artwork-processing-window{height:51.8%;top:26.7%}.artwork-camera-window video,.artwork-review-window video,.artwork-processing-window video,.artwork-final-window video{object-fit:cover;width:100%;height:100%;display:block}.artwork-timer,.artwork-take{z-index:3;color:#fff;letter-spacing:.12em;background:#020d4bd1;border:1px solid #8de5ffd9;border-radius:999px;padding:8px 11px;font-size:clamp(10px,1.4svh,16px);font-weight:700;position:absolute;top:2.4%;box-shadow:0 0 12px #40b8ffb3}.artwork-timer{right:4%}.artwork-timer i{background:#ff251d;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 8px #ff251d}.artwork-take{left:4%}.artwork-record-action{z-index:3;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;width:58.5%;height:8%;position:absolute;top:84.1%;left:22.8%}.artwork-record-action span,.artwork-review-keep span,.artwork-review-again span,.artwork-done-finish span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.artwork-record-action:focus-visible,.artwork-review-play:focus-visible,.artwork-review-keep:focus-visible,.artwork-review-again:focus-visible,.artwork-done-finish:focus-visible{outline-offset:4px;outline:4px solid #fff}.artwork-record-action:active{background:#49beff2b}.artwork-review-play{z-index:3;color:#10248e;cursor:pointer;background:#ffffffe6;border:2px solid #10248e;border-radius:50%;place-items:center;width:86px;height:86px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.artwork-review-play svg{width:36px;height:36px;margin-left:5px}.artwork-review-keep,.artwork-review-again,.artwork-done-finish{z-index:3;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;position:absolute}.artwork-review-keep{width:45%;height:4.7%;top:84.1%;left:27.5%}.artwork-review-again{width:45%;height:4.7%;top:90%;left:27.5%}.artwork-review-again:disabled{cursor:default;opacity:.45}.artwork-review-keep:active,.artwork-review-again:not(:disabled):active,.artwork-done-finish:active{background:#5ac7ff24}.artwork-processing-window{z-index:2}.artwork-final-window{height:34.3%;top:26.8%}.artwork-qr{z-index:3;aspect-ratio:1;background:#fff;width:23.4%;padding:.8%;line-height:0;position:absolute;top:66.6%;left:38.3%}.artwork-qr svg{width:100%;height:100%;display:block}.artwork-done-finish{width:44.7%;height:4.7%;top:89.5%;left:27.7%}
