.abc-hero-scene{isolation:isolate}.abc-home-hero-bubble{z-index:2;background:var(--color-surface);text-align:left;width:max-content;max-width:min(7.5rem,40vw);color:var(--color-ink);border-radius:1.1rem;padding:.35rem .65rem;font-size:12px;font-weight:800;line-height:1.25;display:block;position:absolute;top:7%;left:auto;right:3%;box-shadow:0 0 0 1px #17171714,0 8px 24px #1717171f}.abc-home-hero-bubble-short{display:inline}.abc-home-hero-bubble-full{display:none}.abc-home-hero-bubble:after{content:"";background:var(--color-surface);width:.65rem;height:.65rem;position:absolute;top:.75rem;left:-.28rem;rotate:45deg;box-shadow:-1px 1px #1717170d}.abc-home-hero-bubble--from-left:after{left:auto;right:-.28rem;box-shadow:1px -1px #1717170d}@media (min-width:640px){.abc-home-hero-bubble{max-width:14.5rem;padding:.7rem .95rem;font-size:13px;font-weight:700;line-height:1.35;top:15%;right:15%}.abc-home-hero-bubble-short{display:none}.abc-home-hero-bubble-full{display:inline}.abc-home-hero-bubble:after{top:1.15rem;left:-.32rem}}@media (min-width:1024px){.abc-home-hero-bubble{max-width:16rem;padding:.75rem 1rem;font-size:.875rem;top:13%;right:14%}}@media (min-width:1280px){.abc-home-hero-bubble{top:12%;right:16%}}.abc-home-hero-art{object-fit:cover;object-position:65% 10%;width:100%;height:100%;position:absolute;inset:0}.abc-home-hero-frame{aspect-ratio:478/269;width:100%;position:relative}@media (min-width:1024px){.abc-home-hero-frame{aspect-ratio:478/269;width:100%;max-width:71.1rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}@media (min-width:1280px){.abc-home-hero-frame{max-width:74.7rem}}.abc-home-hero-fade{pointer-events:none;background:linear-gradient(to right, color-mix(in srgb, var(--color-canvas) 95%, transparent) 0%, color-mix(in srgb, var(--color-canvas) 70%, transparent) 35%, color-mix(in srgb, var(--color-canvas) 20%, transparent) 60%, transparent 100%);display:block;position:absolute;inset:0}.abc-home-hero-fade-right{pointer-events:none;background:linear-gradient(to left, var(--color-canvas) 0%, color-mix(in srgb, var(--color-canvas) 70%, transparent) 40%, transparent 100%);width:18%;position:absolute;inset:0 0 0 auto}.abc-home-hero-fade-bottom{pointer-events:none;background:linear-gradient(to top, var(--color-canvas) 0%, color-mix(in srgb, var(--color-canvas) 50%, transparent) 50%, transparent 100%);height:12%;position:absolute;inset:auto 0 0}@media (min-width:640px){.abc-home-hero-art{object-position:60% 8%}.abc-home-hero-fade{background:linear-gradient(to right, color-mix(in srgb, var(--color-canvas) 85%, transparent) 0%, color-mix(in srgb, var(--color-canvas) 25%, transparent) 30%, transparent 55%);display:block}.abc-home-hero-fade-right{background:linear-gradient(to left, var(--color-canvas) 0%, color-mix(in srgb, var(--color-canvas) 75%, transparent) 45%, transparent 100%);width:22%}.abc-home-hero-fade-bottom{height:14%}}@media (min-width:1024px){.abc-home-hero-art{object-fit:cover;object-position:50% 50%;width:100%;height:100%;inset:0}.abc-home-hero-fade{background:linear-gradient(to right, color-mix(in srgb, var(--color-canvas) 75%, transparent) 0%, color-mix(in srgb, var(--color-canvas) 20%, transparent) 26%, transparent 48%);display:block}.abc-home-hero-fade-right{background:linear-gradient(to left, var(--color-canvas) 0%, color-mix(in srgb, var(--color-canvas) 80%, transparent) 50%, transparent 100%);width:25%}.abc-home-hero-fade-bottom{height:15%}}.abc-hero-stage{aspect-ratio:5/4.4;border-radius:2rem;min-height:22rem;overflow:hidden;box-shadow:0 0 0 1px #1717170f,0 22px 50px #1717171f}@media (min-width:640px){.abc-hero-stage{min-height:26rem}}@media (min-width:1024px){.abc-hero-stage{min-height:28rem}}.abc-hero-sky{background:radial-gradient(circle at 78% 16%,#fff6c4 0%,#0000 28%),radial-gradient(80% 55% at 70% 8%,#ffe082 0%,#0000 48%),linear-gradient(#9fd4ff 0%,#dcefff 28%,#eef6c9 58%,#fff8e7 100%)}.abc-hero-3d-in{animation:.45s ease-out abc-hero-fade}@keyframes abc-hero-fade{0%{opacity:0}to{opacity:1}}.abc-hero-table{perspective:820px}.abc-hero-squares{transform-origin:50% 90%;border-radius:.85rem;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid;overflow:hidden;transform:rotateX(58deg)rotate(-10deg);box-shadow:0 0 0 10px #fffdf6,0 22px 40px #17171729}.abc-hero-sparkle{filter:drop-shadow(0 0 6px #ffd54ae6)}.abc-hero-accent{color:var(--color-accent)}.abc-hero-sun{filter:blur(.5px);background:radial-gradient(circle,#fff6c4 0%,#ffe082 42%,#0000 72%);border-radius:999px;width:4.5rem;height:4.5rem}.abc-hero-cloud{opacity:.88;background:#fffdf6;border-radius:999px;width:3.4rem;height:1.6rem;box-shadow:1.1rem .15rem 0 .15rem #fffdf6}.abc-hero-cloud-a{animation:9s ease-in-out infinite abc-cloud-drift}.abc-hero-cloud-b{animation:11s ease-in-out infinite reverse abc-cloud-drift}.abc-hero-twinkle{font-size:1.05rem;animation:2.4s ease-in-out infinite abc-twinkle}.abc-hero-twinkle-delay{animation-delay:.8s}@keyframes abc-cloud-drift{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@keyframes abc-twinkle{0%,to{opacity:.25;transform:scale(.85)}50%{}}@media (max-width:1023.98px){.abc-hero-c .abc-home-hero-frame{aspect-ratio:1/.92;overflow:hidden}.abc-hero-c .abc-hero-img{transform-origin:62% 18%;transform:scale(1.18);object-position:62% 40%!important}.abc-hero-c .abc-hero-mbubble{max-width:8.5rem!important;top:7%!important}.abc-hero-c .abc-hero-copy{margin-top:0;padding-top:.75rem}}@media (min-width:640px) and (max-width:1023.98px){.abc-hero-c .abc-home-hero-frame{aspect-ratio:16/10}.abc-hero-c .abc-hero-img{transform:scale(1.08)}}@media (min-width:1024px){.abc-hero-c,.abc-hero-c .abc-hero-copy{min-height:38rem}.abc-hero-c .abc-home-hero-frame{width:104%;max-width:78rem;left:54%}.abc-hero-c .abc-hero-img{transform-origin:62% 46%;transform:scale(1.12)}}@media (min-width:1280px){.abc-hero-c,.abc-hero-c .abc-hero-copy{min-height:40rem}.abc-hero-c .abc-home-hero-frame{max-width:82rem}}
