.selection-card{min-height:clamp(90px,14svh,120px);height:100%;background:hsla(0,0%,100%,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid hsla(0,0%,100%,.07);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);padding:clamp(12px,2svh,18px)}.selection-card:hover{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.16)}.selection-card:active{transform:scale(.96)}.selection-card .selection-card-icon{width:clamp(24px,3.5svh,32px);height:clamp(24px,3.5svh,32px);margin-bottom:clamp(8px,1.2svh,12px);color:var(--pal-on-photo);opacity:.9}.selection-card .selection-card-icon svg{width:100%;height:100%}.selection-card .selection-card-title{color:var(--pal-on-photo);font-weight:var(--fw-semibold);line-height:var(--lh-heading);margin-bottom:4px}.selection-card .selection-card-desc,.selection-card .selection-card-title{font-size:var(--fs-caption);letter-spacing:var(--letter-spacing);text-align:center;text-wrap:balance}.selection-card .selection-card-desc{color:color-mix(in srgb,var(--pal-on-photo) 74%,transparent);font-weight:var(--fw-regular);line-height:var(--lh-ui);max-width:200px}@media(max-width:1024px){.selection-gate-overlay .selection-gate-content{max-width:500px}.selection-gate-overlay .selection-gate-logo .gate-logo-img{max-width:120px}}@media(max-width:768px){.selection-gate-overlay .selection-gate-content{padding:clamp(12px,3svh,24px) 16px calc(env(safe-area-inset-bottom, 0px) + 72px);max-width:100%}.selection-gate-overlay .gate-loader-wrapper{width:110px}.selection-card{min-height:unset;aspect-ratio:1/1;border-radius:22px}.selection-gate-overlay .selection-gate-hint{padding:14px 20px;font-size:var(--fs-caption);font-weight:var(--fw-regular);line-height:var(--lh-ui);letter-spacing:var(--letter-spacing)}}.selection-gate-loading-fallback{width:100%;height:100vh;background:var(--bg-base)}.selection-gate-overlay{position:fixed;top:0;left:0;width:100%;height:100svh;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--pal-video-bg);overflow-y:auto;-webkit-overflow-scrolling:touch}.selection-gate-overlay .gate-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.selection-gate-overlay .gate-video-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.48) 42%,rgba(0,0,0,.72)),rgba(0,0,0,.22)}.selection-gate-overlay .gate-video-bg .gate-video-el{width:100%;height:100%;object-fit:cover}.selection-gate-content{max-width:600px;padding:clamp(16px,4svh,40px) 24px calc(env(safe-area-inset-bottom, 0px) + 76px);justify-content:flex-start;z-index:2;position:relative;margin:auto;flex-shrink:0}.selection-gate-content,.selection-gate-intro{width:100%;display:flex;flex-direction:column;align-items:center}.selection-gate-intro{text-align:center;transition:transform 1s cubic-bezier(.23,1,.32,1)}.is-ready .selection-gate-intro{transform:translateY(clamp(-20px,-3svh,-40px))}.selection-gate-logo{display:flex;flex-direction:column;align-items:center;width:100%}.selection-gate-logo .gate-logo-img{max-width:clamp(70px,11svh,120px);height:auto;display:block;margin-bottom:clamp(12px,2svh,24px);filter:invert(1)}.selection-gate-logo .gate-slogan{font-size:var(--fs-text);font-weight:var(--fw-regular);line-height:var(--lh-reading);letter-spacing:var(--letter-spacing);font-weight:var(--fw-medium);color:var(--pal-on-photo);max-width:400px}.gate-loader-wrapper{width:160px;height:2px;background:hsla(0,0%,100%,.1);margin-top:clamp(16px,2.5svh,32px);border-radius:2px;overflow:hidden}.gate-loader-wrapper .gate-loader-bar{width:0;height:100%;background:var(--pal-on-photo);box-shadow:0 0 10px hsla(0,0%,100%,.5);transition:width .1s linear}.is-ready .gate-loader-wrapper{opacity:0;height:0;margin-top:0;transition:all .5s ease}.selection-gate-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:clamp(10px,1.5svh,20px);gap:clamp(10px,1.5svh,20px);margin-top:clamp(10px,1.5svh,20px);width:100%;opacity:0;visibility:hidden;pointer-events:none}.is-ready .selection-gate-grid{opacity:1;visibility:visible;pointer-events:auto}.gate-extra-actions{display:flex;gap:12px;width:100%;margin-top:clamp(8px,1.2svh,16px);opacity:0;visibility:hidden;pointer-events:none}.gate-extra-actions.is-ready{opacity:1;visibility:visible;pointer-events:auto}.gate-extra-btn{flex:1 1;min-height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);border:1px solid hsla(0,0%,100%,.07);border-radius:24px;background:hsla(0,0%,100%,.08);color:color-mix(in srgb,var(--pal-on-photo) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.gate-extra-btn:hover{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.16);color:var(--pal-on-photo)}.gate-extra-btn:active{transform:scale(.96)}.gate-extra-btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:inherit;opacity:.9}.gate-extra-btn-icon svg{width:100%;height:100%}.selection-gate-hint{position:absolute;bottom:0;left:0;width:100%;padding:18px 24px;background:rgba(0,0,0,.32);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid hsla(0,0%,100%,.06);color:color-mix(in srgb,var(--pal-on-photo) 72%,transparent);font-size:var(--fs-caption);font-weight:var(--fw-regular);line-height:var(--lh-ui);letter-spacing:var(--letter-spacing);font-weight:var(--fw-medium);text-align:center;z-index:10;text-wrap:balance}