@font-face{font-family:Mulish;src:url(/fonts/Mulish-Light.ttf) format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Mulish;src:url(/fonts/Mulish-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Mulish;src:url(/fonts/Mulish-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Mulish;src:url(/fonts/Mulish-ExtraBold.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}:root{color-scheme:dark;--honda-black: #000;--honda-red: #ef0025;--honda-red-dark: #d92b31;--honda-gray: #858585;--honda-white: #fff;--screen-pad: clamp(28px, 7vw, 76px);font-family:Mulish,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;background:var(--honda-black)}body{overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid white;outline-offset:4px}.mobile-app{min-height:100vh;min-height:100svh;min-height:100dvh;background:#000;color:#fff}.mobile-screen{position:relative;isolation:isolate;width:min(100%,1080px);min-height:100vh;min-height:100svh;min-height:100dvh;margin:0 auto;overflow:hidden;background:#000;animation:mobile-screen-fade .32s ease-out both}@keyframes mobile-screen-fade{0%{opacity:0}to{opacity:1}}.figma-chrome{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.register-screen>.figma-chrome,.login-screen>.figma-chrome{height:100vh;height:100svh}.brand-mark{position:absolute;z-index:2;top:1.8%;right:1.8%;width:29%;height:auto;display:block}.home-screen .brand-mark{top:.35%;right:.03%;width:29.03%}.experience-title{position:absolute;top:36%;left:50%;display:grid;justify-items:center;color:#fff;line-height:.98;transform:translate(-50%);white-space:nowrap}.home-screen .experience-title{top:37.11%}.home-screen .experience-title strong{font-size:clamp(30px,10vw,108px)}.experience-title strong{font-size:clamp(30px,10vw,92px);font-weight:700}.experience-title span{font-size:clamp(40px,13vw,118px);font-weight:700}.experience-title.compact{top:20.5%}.experience-title.compact strong{font-size:clamp(25px,7.2vw,72px)}.experience-title.compact span{font-size:clamp(34px,9.5vw,96px)}.home-actions{position:absolute;top:60.8%;left:50%;width:72%;display:grid;gap:clamp(14px,1.62vh,31px);transform:translate(-50%)}.home-actions .pill-button{min-height:clamp(58px,10.74vw,116px);font-size:clamp(17px,4.63vw,50px)}.pill-button{min-height:clamp(58px,7vh,94px);border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;padding:12px 24px;font-size:clamp(17px,4.6vw,42px);font-weight:400;text-decoration:none;cursor:pointer;transition:transform .14s cubic-bezier(.23,1,.32,1),opacity .14s ease}.pill-button:active:not(:disabled){transform:scale(.98)}.pill-button.primary{background:var(--honda-red)}.pill-button.secondary{background:var(--honda-gray)}.pill-button:disabled{cursor:not-allowed;opacity:.42}.close-button{position:absolute;z-index:5;top:max(22px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:#00000073;color:#fff}.close-button svg{width:26px;height:26px}.register-screen{overflow-x:hidden;overflow-y:auto;padding:max(300px,34.5vh,46vw) 0 max(56px,env(safe-area-inset-bottom));padding:max(300px,34.5svh,46vw) 0 max(56px,env(safe-area-inset-bottom));scroll-padding-bottom:max(56px,env(safe-area-inset-bottom));overscroll-behavior-y:contain}.registration-form{position:relative;width:74%;max-width:680px;margin:0 auto;display:grid;gap:clamp(16px,2.2vh,32px);gap:clamp(16px,2.2svh,32px)}.registration-form>label:not(.consent-row),.gallery-login-form>label{display:grid;gap:12px;color:#fff;font-size:clamp(14px,3.3vw,30px)}.registration-form input:not([type=checkbox]),.gallery-login-form input{width:100%;min-height:48px;border:0;border-bottom:2px solid rgba(255,255,255,.72);border-radius:0;background:transparent;color:#fff;padding:6px 0;font-size:clamp(18px,4vw,36px);outline:0}.registration-form input:not([type=checkbox]):focus,.gallery-login-form input:focus{border-color:var(--honda-red)}.consent-row{min-height:44px;display:flex;align-items:center;gap:16px;color:#fff;font-size:clamp(13px,3vw,28px)}.consent-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;width:clamp(28px,5vw,58px);height:clamp(28px,5vw,58px);border:2px solid white;border-radius:7px;display:grid;place-items:center;background:transparent}.consent-row input:after{width:55%;height:30%;border-bottom:3px solid white;border-left:3px solid white;content:"";opacity:0;transform:rotate(-45deg) translate(2px,-1px)}.consent-row input:checked{background:var(--honda-red);border-color:var(--honda-red)}.consent-row input:checked:after{opacity:1}.form-submit{width:100%;margin-top:clamp(4px,2vh,24px)}.selfie-screen h1{position:absolute;top:14.5%;left:50%;margin:0;font-size:clamp(28px,5.5vw,60px);font-weight:400;transform:translate(-50%);white-space:nowrap}.selfie-oval{position:absolute;top:21%;left:50%;width:min(39%,420px);aspect-ratio:.72;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#ddd;color:#333;transform:translate(-50%);cursor:pointer}.selfie-oval span{width:70%;text-align:center;font-size:clamp(12px,2.8vw,24px)}.selfie-oval img{width:100%;height:100%;display:block;object-fit:cover}.selfie-oval input{position:absolute;width:1px;height:1px;opacity:0}.selfie-tips{position:absolute;top:59%;left:50%;width:78%;margin:0;padding-left:1.1em;color:#fff;font-size:clamp(12px,2.7vw,27px);line-height:1.32;transform:translate(-50%)}.selfie-actions{position:absolute;bottom:19%;left:50%;width:72%;display:grid;gap:12px;transform:translate(-50%)}.selfie-actions.has-message{bottom:max(7%,env(safe-area-inset-bottom))}.selfie-actions.conflict{bottom:max(3.5%,env(safe-area-inset-bottom));gap:10px}.selfie-actions .pill-button{width:100%}.selfie-submit{position:static;width:100%;font-weight:700}.selfie-submit:active:not(:disabled){transform:scale(.98)}.form-message{margin:0;color:#ffbdc7;font-size:clamp(13px,2.9vw,24px);line-height:1.35;text-align:center}.gallery-face-screen{min-height:720px;min-height:max(100vh,720px);min-height:max(100svh,720px);display:flex;flex-direction:column;align-items:center;gap:clamp(18px,2.5vh,28px);gap:clamp(18px,2.5svh,28px);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:max(94px,11.5vh) 12% max(34px,env(safe-area-inset-bottom));padding:max(94px,11.5svh) 12% max(34px,env(safe-area-inset-bottom))}.face-login-heading{position:relative;z-index:1;width:74%;align-self:flex-start;text-align:left}.face-login-heading p{margin:0 0 6px;color:var(--honda-red);font-size:clamp(13px,3vw,26px);font-weight:800}.face-login-heading h1{margin:0;font-size:clamp(28px,7.2vw,64px);line-height:1.04;text-wrap:balance}.face-login-heading span{display:block;margin-top:10px;color:#ffffffc7;font-size:clamp(13px,3.2vw,26px);line-height:1.32}.face-camera{position:relative;z-index:1;flex:0 0 auto;width:min(72vw,360px);aspect-ratio:1;border:3px solid rgba(255,255,255,.86);border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#d9d9d9}.face-camera.active{border-color:var(--honda-red)}.face-camera video{width:100%;height:100%;display:block;object-fit:cover;transform:scaleX(-1)}.face-camera-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:12px;color:#333;padding:24px;text-align:center}.face-camera-placeholder svg{width:42px;height:42px}.face-login-actions{position:relative;z-index:1;width:100%;max-width:560px;margin-top:auto;display:grid;gap:12px}.login-screen{overflow-x:hidden;overflow-y:auto;padding:max(230px,29vh) 0 max(48px,env(safe-area-inset-bottom));padding:max(230px,29svh) 0 max(48px,env(safe-area-inset-bottom));scroll-padding-bottom:max(48px,env(safe-area-inset-bottom));overscroll-behavior-y:contain}.gallery-login-form{position:relative;width:74%;max-width:680px;margin:0 auto;display:grid;gap:clamp(18px,3vh,40px);gap:clamp(18px,3svh,40px)}.gallery-login-form>div p{margin:0 0 6px;color:var(--honda-red);font-size:clamp(13px,3vw,26px);font-weight:800}.gallery-login-form h1{margin:0;font-size:clamp(34px,8vw,76px);line-height:1;text-wrap:balance}.gallery-screen{display:grid;grid-template-rows:auto auto auto;align-items:center;align-content:start;gap:clamp(18px,2vh,30px);min-height:100vh;min-height:100svh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:max(68px,6.5svh,calc(env(safe-area-inset-top) + 56px)) max(18px,5vw) max(24px,env(safe-area-inset-bottom))}.gallery-close{top:12px}.gallery-main{min-height:0;width:min(100%,660px,calc(40vh + 104px));width:min(100%,660px,calc(40svh + 104px));justify-self:center;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:4px}.gallery-main>button{min-width:44px;min-height:72px;border:0;display:grid;place-items:center;background:transparent;color:var(--honda-red)}.gallery-main>button svg{width:44px;height:44px;stroke-width:4}.gallery-main>button:disabled{opacity:.24}.gallery-photo{width:100%;aspect-ratio:1 / 1.55;display:grid;place-items:center;overflow:hidden;background:#ddd}.gallery-photo>img{width:100%;height:100%;display:block;object-fit:contain;background:#111;animation:mobile-screen-fade .26s ease-out both}.gallery-empty{width:100%;height:100%;display:grid;align-content:center;justify-items:center;gap:20px;background:#191919;color:#fff;padding:24px;text-align:center}.gallery-empty .brand-mark{position:static;width:min(60%,250px);height:auto}.gallery-empty p{max-width:340px;margin:0;color:#ffffffc7;font-size:clamp(14px,3.2vw,23px)}.gallery-empty strong{color:#fff;font-variant-numeric:tabular-nums}.gallery-thumbnails{width:min(100%,660px);justify-self:center;display:grid;grid-template-columns:repeat(6,minmax(48px,1fr));gap:5px;overflow-x:auto;padding:3px;scroll-snap-type:x proximity;scrollbar-width:none}.gallery-thumbnails::-webkit-scrollbar{display:none}.gallery-thumbnails button{min-width:0;min-height:60px;aspect-ratio:.8;border:0;background:#ddd;padding:0;overflow:hidden;scroll-snap-align:center}.gallery-thumbnails button.selected{outline:3px solid var(--honda-red);outline-offset:2px}.gallery-thumbnails img{width:100%;height:100%;display:block;object-fit:cover}.download-button{justify-self:center;width:min(72%,560px);min-height:52px;font-size:clamp(15px,3.5vw,30px);font-weight:700}@media(max-width:360px){:root{--screen-pad: 22px}.home-actions,.selfie-actions{width:82%}.register-screen .experience-title.compact{top:25.5%}.register-screen{padding-top:max(280px,37vh,46vw);padding-top:max(280px,37svh,46vw);padding-inline:12px}.registration-form,.gallery-login-form{width:82%}.gallery-face-screen{padding-inline:8%}.face-login-heading{width:82%}}@media(max-height:720px),(max-width:375px){.selfie-tips{top:55%;width:82%;line-height:1.24}.selfie-actions{bottom:max(7%,env(safe-area-inset-bottom))}.selfie-actions.conflict{bottom:max(2.5%,env(safe-area-inset-bottom))}}@media(min-width:720px)and (max-height:1100px){.mobile-screen{min-height:1100px}}@media(max-height:720px){.mobile-screen:not(.gallery-screen){min-height:720px}.gallery-screen{min-height:568px;padding-top:max(60px,calc(env(safe-area-inset-top) + 52px))}}@media(orientation:landscape)and (max-height:600px){.mobile-screen:not(.gallery-screen){min-height:720px}.register-screen{padding-top:max(340px,46vw)}.login-screen{padding-top:220px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}