.landing-approved-hero{isolation:isolate;background:var(--background);height:100dvh;position:relative;overflow:hidden}.landing-hero-intro{z-index:4;text-align:center;padding:clamp(100px,14dvh,165px) 1.25rem 0;animation:.5s ease-out both hero-intro-enter;position:relative}.landing-hero-intro h1{max-width:1500px;color:var(--primary);font-family:var(--font-newsreader), serif;letter-spacing:-.055em;margin:0 auto;font-size:clamp(3rem,5.6vw,6.8rem);font-weight:500;line-height:1.04}.landing-access-button{background:var(--primary);min-width:236px;min-height:58px;color:var(--primary-foreground);border-radius:9px;justify-content:center;align-items:center;margin-top:2rem;padding:1rem 2rem;font-size:1.1rem;font-weight:550;transition:background .2s,box-shadow .2s;display:inline-flex}.landing-access-button:hover{background:color-mix(in srgb, var(--primary), black 12%);box-shadow:0 6px 20px #472b4725}.landing-hero-scene{pointer-events:none;position:absolute;inset:0}.landing-hero-backdrop{transform:translateY(var(--hero-back-shift,0px));position:absolute;inset:-2% 0 0}.landing-hero-backdrop img{object-fit:cover;object-position:center;width:100%;height:100%}.landing-hero-foreground{transform:translateY(var(--hero-front-shift,0px));position:absolute;inset:0}.landing-hero-guest,.landing-hero-table{animation:.65s cubic-bezier(.2,.65,.3,1) .18s both hero-scene-enter;position:absolute}.landing-hero-guest{z-index:1;width:38%;top:32%;left:10%}.landing-hero-table{z-index:2;width:59%;animation-delay:.26s;top:49%;left:42%}.landing-hero-guest img,.landing-hero-table img{width:100%;height:auto}@keyframes hero-intro-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-scene-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:799px){.landing-hero-intro{padding-top:clamp(90px,13dvh,155px);padding-inline:1.5rem}.landing-hero-intro h1{max-width:620px;font-size:clamp(2rem,min(12.8vw,7dvh),5.6rem);line-height:1.04}.landing-hero-title-line{display:block}.landing-access-button{min-width:210px;min-height:54px;margin-top:1.65rem}.landing-hero-guest{width:86%;top:40%;left:-6%}.landing-hero-table{width:108%;top:63%;left:39%}}@media (prefers-reduced-motion:reduce){.landing-hero-intro,.landing-hero-guest,.landing-hero-table{animation:none}.landing-hero-backdrop,.landing-hero-foreground{transform:none}.landing-access-button{transition:none}}@media (max-height:650px){.landing-hero-intro{padding-top:82px}.landing-hero-intro h1{font-size:clamp(1.75rem,6dvh,3rem)}.landing-access-button{min-height:44px;margin-top:1rem;padding-block:.6rem;font-size:1rem}.landing-hero-guest{top:44%}.landing-hero-table{top:59%}}@media (max-height:500px){.landing-hero-title-line{display:inline}.landing-hero-intro h1{font-size:clamp(1.5rem,6dvh,2rem)}.landing-hero-guest{top:49%}.landing-hero-table{top:60%}}@media (max-width:799px){.landing-approved-hero{--hero-scene-start:max(40dvh, calc(var(--hero-copy-bottom,50dvh) + var(--hero-scene-gap)));--hero-back-offset:max(0px, calc(var(--hero-copy-bottom,50dvh) + var(--hero-scene-gap) - 40dvh))}.landing-hero-backdrop{top:calc(var(--hero-back-offset) - 2%);bottom:calc(-1 * var(--hero-back-offset))}.landing-hero-guest{top:var(--hero-scene-start)}.landing-hero-table{top:calc(var(--hero-scene-start) + 20dvh)}}.landing-artwork{position:absolute;inset:0}.landing-artwork[data-status=loading] .landing-artwork-content,.landing-artwork[data-status=failed] .landing-artwork-content{visibility:hidden}.landing-artwork[data-status=loading] .landing-hero-guest,.landing-artwork[data-status=loading] .landing-hero-table{animation:none}.landing-artwork-skeleton{pointer-events:none;position:absolute;inset:38% 0 0;overflow:hidden}.landing-skeleton-guest,.landing-skeleton-table{background:var(--secondary);animation:1.4s ease-in-out infinite hero-skeleton-pulse;position:absolute}.landing-skeleton-guest{border-radius:45% 45% 0 0;width:27%;height:100%;top:0;left:15%}.landing-skeleton-table{border-radius:45%;width:48%;height:45%;top:25%;left:47%}.landing-artwork-error{z-index:5;border:1px solid var(--border);background:var(--background);text-align:center;border-radius:12px;width:fit-content;margin-inline:auto;padding:1rem 1.5rem;position:absolute;inset:auto 1rem 2rem}.landing-artwork-error button{text-underline-offset:4px;min-height:44px;color:var(--primary);cursor:pointer;text-decoration:underline}.landing-artwork-error button:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.landing-hero-backdrop,.landing-hero-foreground{transition:transform .12s linear}@keyframes hero-skeleton-pulse{50%{opacity:.5}}@media (max-width:799px){.landing-artwork-skeleton{top:var(--hero-scene-start)}.landing-skeleton-guest{width:65%;left:0}.landing-skeleton-table{width:65%;left:50%}}@media (prefers-reduced-motion:reduce){.landing-skeleton-guest,.landing-skeleton-table{animation:none}.landing-hero-backdrop,.landing-hero-foreground{transition:none}}.landing-access-button:focus-visible{outline:3px solid var(--ring);outline-offset:5px;border-radius:5px}.landing-hero-actions{justify-content:center;gap:12px;margin:1.5rem auto 0;display:flex}.landing-hero-actions .landing-access-button{border:1px solid var(--primary);min-height:48px;margin-top:0}.landing-demo-button{background:var(--background);color:var(--primary)}.landing-demo-button:hover{background:var(--secondary);box-shadow:none}@media (max-width:799px){.landing-hero-intro{padding-inline:1rem}.landing-hero-intro h1{font-size:clamp(2rem,min(10.2vw,6.8dvh),4.5rem)}.landing-hero-title-line{display:block}.landing-hero-actions{flex-direction:column;width:min(280px,100% - 2rem);margin-top:1.3rem}.landing-hero-actions .landing-access-button{width:100%;padding:.7rem 1rem;font-size:1rem}}@media (max-height:500px) and (max-width:799px){.landing-approved-hero{min-height:560px}}