@font-face{font-family:Lab Index I;src:local(Georgia);unicode-range:U+49;font-weight:100 900}.homepage .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 48px;min-height:auto;padding-top:84px;padding-bottom:220px;position:relative}.home-hero-content{display:contents}.home-copy{grid-area:1/1;align-self:center;min-width:0}.homepage .hero h1{margin-bottom:56px;font-size:clamp(52px,6.4vw,88px)}.home-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:90%;margin:0;padding:0;list-style:none;display:grid}.home-features li{perspective:600px;min-width:0;position:relative}.home-features li[data-open=true]{z-index:12}.home-feature-card{width:100%;min-height:90px;color:var(--tone-one);cursor:help;transform:rotateX(var(--feature-rx,0deg)) rotateY(var(--feature-ry,0deg));background:#f1f2f4;border:1px solid #1d1d1f04;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:11px 9px;transition:transform .18s ease-out,background .18s ease-out,box-shadow .18s ease-out;display:flex}.home-feature-content{transform:translate(var(--feature-x,0px), var(--feature-y,0px));flex-direction:column;align-items:center;gap:7px;transition:transform .18s ease-out;display:flex}.home-feature-card svg{fill:currentColor;width:25px;height:25px}.home-feature-label{color:#424245;text-align:center;font-size:12px;font-weight:500;line-height:1.4}.home-feature-card:hover,.home-feature-card:focus-visible{background:#eceff4;box-shadow:0 8px 20px #1d1d1f08}.home-feature-card:focus-visible{outline:2px solid var(--tone-one);outline-offset:4px}.home-feature-tooltip{color:#4b5565;opacity:0;visibility:hidden;background:#f5f8fd;border:1px solid #5277b830;border-radius:14px;width:264px;margin-top:10px;padding:12px 16px;font-size:12px;line-height:1.45;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px);box-shadow:0 10px 28px #243c6414}.home-features li:before{content:"";z-index:1;visibility:hidden;background:#f5f8fd;border-top:1px solid #5277b830;border-left:1px solid #5277b830;width:12px;height:12px;position:absolute;top:calc(100% + 3px);left:calc(50% - 6px);transform:rotate(45deg)}.home-features li[data-open=true]:before{visibility:visible}.home-feature-tooltip:after{content:"";height:14px;position:absolute;inset:-14px 0 auto}.home-feature-tooltip strong{color:#31558e;margin-bottom:5px;font-size:13px;font-weight:600;display:block}.home-features li:first-child .home-feature-tooltip{left:0;transform:translateY(-4px)}.home-features li:last-child .home-feature-tooltip{left:auto;right:0;transform:translateY(-4px)}.home-features li[data-open=true] .home-feature-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.home-features li:first-child[data-open=true] .home-feature-tooltip,.home-features li:last-child[data-open=true] .home-feature-tooltip{transform:none}.home-artwork{grid-area:1/2;align-self:center;min-width:0;position:relative}.home-preview-window{perspective:1200px;width:100%;height:clamp(270px,40svh,340px);position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(60% 78%,#000 38%,#000c 55%,#0005 70%,#0000 84%),linear-gradient(#0000,#000 24% 76%,#0000);mask-image:radial-gradient(60% 78%,#000 38%,#000c 55%,#0005 70%,#0000 84%),linear-gradient(#0000,#000 24% 76%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.home-scene{opacity:0;perspective:1200px;--port-scale:.55;position:absolute;inset:0}.home-scene:first-child{opacity:1}.home-plane{transform-origin:50%;position:absolute;inset:0}.home-port-fit{transform-origin:0 0;filter:opacity();position:absolute;top:50%;left:50%}.home-port{width:100%;height:100%;-webkit-mask-composite:source-in;mask-composite:intersect}.home-motion-control{color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;display:flex;position:absolute;bottom:-12px;right:0}.home-motion-control:hover{color:var(--ink);background:#1d1d1f06}.home-motion-control:focus-visible{outline:2px solid var(--tone-one);outline-offset:3px}.home-motion-control svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.homepage .learning-picker{justify-content:flex-end;gap:24px;position:absolute;top:calc(100% - 24px);right:28px}.homepage .catalog>.topic-section:first-child{padding-top:0}.home-hero-content[data-reduced-motion=true] .home-motion-control{visibility:hidden}.home-hero-content[data-paused=true] .home-feature-card,.home-hero-content[data-paused=true] .home-feature-content{transform:none}@media (prefers-reduced-motion:reduce){.home-motion-control{visibility:hidden}.home-feature-card,.home-feature-content{transition:none;transform:none}.home-feature-tooltip{transition:none}}@media (min-width:1001px) and (max-height:700px){.homepage .hero{padding-top:60px;padding-bottom:196px}.home-preview-window{height:250px}}@media (max-width:1000px){.homepage .hero{grid-template-columns:1fr;gap:48px;padding-top:68px;padding-bottom:40px}.home-copy,.home-artwork,.homepage .learning-picker{grid-area:auto/1}.homepage .learning-picker{justify-content:flex-end;position:relative;top:auto;right:auto}.home-artwork{justify-self:center;width:min(100%,600px);margin-bottom:104px}.home-preview-window{height:300px}}@media (max-width:620px){.homepage .hero{gap:40px;padding:64px 20px 44px}.homepage .hero h1{margin-bottom:40px;font-size:clamp(36px,9.6vw,58px)}.home-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-feature-card{min-height:86px;padding:9px}.home-feature-tooltip{width:calc(200% + 12px);max-width:340px}.home-features li:nth-child(odd) .home-feature-tooltip{left:0;right:auto;transform:none}.home-features li:nth-child(2n) .home-feature-tooltip{left:auto;right:0;transform:none}.home-preview-window{height:250px}}