.ippe-hero,.ippe-hero *{box-sizing:border-box}.ippe-hero{--ippe-hero-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;isolation:isolate;color:#f5f4ef;width:100dvw;max-width:100dvw;height:clamp(38rem,56.25vw,54rem);min-height:38rem;font-family:var(--ippe-hero-font);font-synthesis:none;background:radial-gradient(circle at 50% 48%,#24221f 0,#080808 54%,#030303 100%);margin-inline:calc(50% - 50dvw);position:relative;overflow:hidden}.ippe-hero__stage,.ippe-hero__scratch{position:absolute;inset:0}.ippe-hero__stage{z-index:0}.ippe-hero__stage canvas{width:100%;height:100%;display:block}.ippe-hero__scratch{z-index:2;cursor:crosshair;touch-action:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%}.ippe-hero__copy{z-index:3;pointer-events:none;mix-blend-mode:difference;position:absolute;top:clamp(1.5rem,5vw,4.5rem);left:clamp(1.5rem,5vw,5rem)}.ippe-hero__title{letter-spacing:-.075em;margin:0;font-size:clamp(3.3rem,9.5vw,9.5rem);font-weight:520;line-height:.82}.ippe-hero__instruction,.ippe-hero__status{letter-spacing:.15em;text-transform:uppercase;font-size:.6875rem;font-weight:650}.ippe-hero__instruction{border-bottom:1px solid;margin:clamp(2rem,5vh,4rem) 0 0;padding-bottom:.45rem;transition:opacity .4s;display:inline-block}.ippe-hero__instruction.is-used{opacity:.42}.ippe-hero__status{z-index:4;color:#f5f4efb8;pointer-events:none;align-items:center;gap:.625rem;display:flex;position:absolute;bottom:clamp(1.25rem,4vw,3.25rem);left:clamp(1.5rem,5vw,5rem)}.ippe-hero__status-dot{border:1px solid;border-radius:50%;width:.4375rem;height:.4375rem;animation:1.2s ease-in-out infinite alternate ippe-hero-pulse}.ippe-hero__status.is-ready .ippe-hero__status-dot{background:#f5f4ef;animation:none}.ippe-hero__status.is-error{color:#ff8c75}@keyframes ippe-hero-pulse{to{opacity:.25}}@media (width<=40rem){.ippe-hero{height:min(78svh,48rem);min-height:36rem}.ippe-hero__copy{right:1.5rem}.ippe-hero__title{font-size:clamp(3rem,16vw,5.8rem)}}@media (prefers-reduced-motion:reduce){.ippe-hero__status-dot{animation:none}}.ippe-glow-hero .ippe-hero__veil,.ippe-glow-hero .ippe-hero__glow{width:100%;height:100%;display:block;position:absolute;inset:0}.ippe-glow-hero .ippe-hero__veil{z-index:2;pointer-events:none}.ippe-glow-hero .ippe-hero__glow{z-index:3;cursor:none;touch-action:none;mix-blend-mode:screen;-webkit-tap-highlight-color:transparent}.ippe-glow-hero .ippe-hero__copy{z-index:4}.ippe-glow-hero .ippe-hero__status{z-index:5}