.hero{padding-block:var(--sp-lg) var(--sp-section);position:relative}.hero>.wrap{z-index:1;position:relative}.hero-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:0 24px;display:grid}.hero-copy{z-index:3;grid-area:1/1/auto/span 7;position:relative}.hero h1{font-weight:800;font-size:var(--fs-display);letter-spacing:-.02em;margin:0 0 var(--sp-32);font-feature-settings:"palt";line-height:1.1}.hero h1 .l{white-space:nowrap;display:block}.hero .lead{max-width:30em;margin:0 0 var(--sp-48)}.hero-actions{align-items:center;gap:var(--sp-16) var(--sp-32);flex-wrap:wrap;display:flex}.hero-fig{z-index:1;grid-area:1/8/auto/span 5;margin:28px 0 0;position:relative;container-type:inline-size}.hero-fig .frame{aspect-ratio:1;position:relative}.hx-frame{border-radius:var(--r-l);background:var(--hx-bg,#ecebe7);touch-action:pan-y;cursor:grab;overflow:hidden}.hx-frame:active{cursor:grabbing}.hx-canvas{opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease);position:absolute;inset:0}.hx-frame.is-on .hx-canvas{opacity:1}.hx-poster{object-fit:contain;width:100%;height:100%;display:none;position:absolute;inset:0}html:not(.js) .hx-poster,.hx-frame.no-fx .hx-poster{display:block}.wf{aspect-ratio:1;border-radius:var(--r-l);background:var(--paper);position:relative;overflow:hidden}.wf-photo,.wf-wire{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.wf-clip{animation:12s infinite wf-clip;position:absolute;inset:0;overflow:hidden;transform:translateY(-100%)}.wf-wire{animation:12s infinite wf-wire;transform:translateY(100%)}.wf-scan{pointer-events:none;opacity:0;animation:12s infinite wf-scan;position:absolute;inset:0}.wf-scan:before{content:"";background:var(--cyan);height:2px;box-shadow:var(--cyan-glow-soft);position:absolute;top:-1px;left:0;right:0}.wf-scan:after{content:"";background:linear-gradient(rgba(var(--cyan-a),0),rgba(var(--cyan-a),.14));height:16%;position:absolute;top:-16%;left:0;right:0}@keyframes wf-clip{0%,18%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(-100%)}34%,62%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(0)}78%,to{transform:translateY(100%)}}@keyframes wf-wire{0%,18%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(100%)}34%,62%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(0)}78%,to{transform:translateY(-100%)}}@keyframes wf-scan{0%,17.9%{opacity:0;transform:translateY(0)}18%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(0)}34%{opacity:1;transform:translateY(100%)}34.1%,61.9%{opacity:0;transform:translateY(0)}62%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(0)}78%{opacity:1;transform:translateY(100%)}78.1%,to{opacity:0;transform:translateY(100%)}}html:not(.js) [data-wf-pause]{display:none}.wf.is-paused :is(.wf-clip,.wf-wire,.wf-scan),.wf.is-away :is(.wf-clip,.wf-wire,.wf-scan){animation-play-state:paused}@media (prefers-reduced-motion:reduce){.wf-clip,.wf-wire,.wf-scan{animation:none}[data-wf-pause]{display:none}}[data-hx-pause][hidden]{display:none}.hx-pause{font:inherit;color:inherit;margin:-4px var(--sp-16) -4px 0;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 0;text-decoration:underline}@media (pointer:coarse){.hx-pause{margin-block:-12px;padding-block:12px}}.hero-fig .fig-cap span:last-child{white-space:nowrap;flex-shrink:0}.hero-fig .dim-top b{margin-right:var(--sp-8);color:var(--ink);font-weight:700}.xhair{z-index:2;pointer-events:none;opacity:0;transition:opacity var(--dur-color);position:absolute;inset:0}.hero.xh-on .xhair{opacity:.5}.xhair i{background:var(--line);position:absolute}.xhair .xh-x{height:1px;transform:translateY(var(--cy,0));top:0;left:0;right:0}.xhair .xh-y{width:1px;transform:translateX(var(--cx,0));top:0;bottom:0;left:0}.xhair b{font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.06em;white-space:nowrap;transform:translate(calc(var(--cx,0) + 12px),calc(var(--cy,0) + 10px));font-weight:500;position:absolute;top:0;left:0}@media (width<=1023px){.hero-copy{grid-column:1/-1}.hero-fig{grid-area:2/1/auto/-1;margin:64px 0 0 28px}.hero-fig .frame.wf{aspect-ratio:4/3}.wf-photo,.wf-wire{object-position:50% 100%}}@media (width<=719px){.hero h1 .l{white-space:normal}}@media (hover:none),(width<=719px){.xhair{display:none}}