.showcase-entry{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--blue);margin:0 0 40px}.showcase-entry span{display:inline-flex;width:24px;height:24px;border:1px solid #bdd9f7;border-radius:50%;justify-content:center;align-items:center}.four-pole-showcase{height:440svh;position:relative;background:#fff;border-top:1px solid #eeeef1;--showcase-top:68px}.showcase-sticky{position:sticky;top:var(--showcase-top);height:calc(100svh - var(--showcase-top));min-height:530px;overflow:hidden;background:#fff}.showcase-shell{position:relative;width:100%;height:100%;max-width:1800px;margin:auto}.showcase-heading{position:absolute;top:34px;left:max(40px,calc((100% - 1160px)/2));right:max(40px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}.showcase-heading .eyebrow{font-size:10px;letter-spacing:.17em}.showcase-skip{font-size:11px;color:#85858b;padding:8px 0}.showcase-skip:hover{color:var(--blue)}.showcase-media{position:absolute;right:-2%;top:50%;width:78%;aspect-ratio:16/9;transform:translateY(-45%);isolation:isolate}.showcase-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff 0,transparent 10%,transparent 92%,#fff 100%),linear-gradient(0deg,#fff 0,transparent 12%,transparent 94%,#fff 100%);z-index:2}.showcase-media canvas,.showcase-poster{position:absolute;width:100%;height:100%;inset:0;object-fit:contain}.showcase-media canvas{opacity:0}.showcase-media.is-ready canvas{opacity:1}.showcase-media.is-ready .showcase-poster{visibility:hidden}.showcase-media.is-loading:before{content:"";position:absolute;left:50%;bottom:12%;width:22px;height:22px;border:2px solid #ddd;border-top-color:#6e6e73;border-radius:50%;animation:showcase-spin .8s linear infinite;z-index:4}.showcase-copy{position:absolute;left:max(40px,calc((100% - 1160px)/2));top:49%;width:33%;max-width:390px;transform:translateY(-50%);z-index:4;pointer-events:none}.showcase-panel{position:absolute;left:0;right:0;top:50%;opacity:0;transform:translateY(calc(-50% + 20px));transition:opacity .35s ease,transform .5s ease;visibility:hidden}.showcase-panel.is-active{opacity:1;transform:translateY(-50%);visibility:visible}.showcase-panel h2{font-size:clamp(40px,4.4vw,66px);line-height:1.03;letter-spacing:-.055em;margin:15px 0 23px}.showcase-panel h2 span{color:#929298}.showcase-panel p:not(.eyebrow){font-size:17px;line-height:1.55;color:var(--muted);max-width:300px}.showcase-panel .text-link{pointer-events:auto;margin-top:23px;font-size:13px}.showcase-footer{position:absolute;bottom:34px;left:max(40px,calc((100% - 1160px)/2));right:max(40px,calc((100% - 1160px)/2));display:grid;grid-template-columns:1fr minmax(290px,420px) 1fr;align-items:end;gap:30px;z-index:6}.showcase-scroll-hint{font-size:11px;line-height:1.7;color:#77777e;display:flex;align-items:center;gap:12px}.showcase-scroll-hint svg{width:18px;height:27px;flex:none}.showcase-scroll-hint .scroll-dot{animation:showcase-scroll 1.8s ease infinite}.showcase-control{width:100%;position:relative}.showcase-progress{height:2px;background:#e8e8ed;position:relative;overflow:hidden;margin-bottom:15px}.showcase-progress i{height:100%;background:var(--ink);display:block;transform:scaleX(0);transform-origin:left;will-change:transform}.showcase-steps{display:flex;justify-content:space-between;gap:6px}.showcase-steps button{padding:5px 0;border:0;background:transparent;color:#a0a0a7;font-size:10px;letter-spacing:.01em;position:relative;min-height:30px}.showcase-steps button[aria-pressed="true"]{color:var(--ink)}.showcase-angle{font-size:11px;letter-spacing:.08em;color:#77777e;text-align:right;font-variant-numeric:tabular-nums}.showcase-angle strong{display:block;font-size:22px;color:var(--ink);font-weight:500;letter-spacing:-.03em;margin-bottom:3px}.showcase-load-status{font-size:10px;color:#8f8f96;position:absolute;bottom:95px;right:max(40px,calc((100% - 1160px)/2));z-index:5}.showcase-fallback-message{display:none}.four-pole-showcase.is-static{height:auto}.is-static .showcase-sticky{position:relative;top:0;height:680px}.is-static .showcase-scroll-hint{display:none}.is-static .showcase-footer{grid-template-columns:1fr minmax(290px,420px) 1fr}.is-static .showcase-control{grid-column:2}.is-static .showcase-fallback-message{display:block}.is-static .showcase-angle{grid-column:3}.showcase-end-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:var(--blue);position:absolute;bottom:97px;left:max(40px,calc((100% - 1160px)/2));z-index:7;opacity:0;visibility:hidden;transition:opacity .3s}.four-pole-showcase.is-complete .showcase-end-link{opacity:1;visibility:visible}@keyframes showcase-scroll{0%,100%{transform:translateY(0);opacity:.4}55%{transform:translateY(6px);opacity:1}}@keyframes showcase-spin{to{transform:rotate(360deg)}}
@media(min-width:1700px){.showcase-media{width:73%;right:0}.showcase-copy{width:30%}}
@media(max-width:1100px) and (min-width:701px){.showcase-copy{width:34%}.showcase-panel h2{font-size:43px}.showcase-panel p:not(.eyebrow){font-size:15px;max-width:250px}.showcase-media{width:85%;right:-8%}.showcase-footer{grid-template-columns:1fr 300px 75px;gap:20px}}
@media(max-width:700px){.four-pole-showcase{height:370svh;--showcase-top:60px}.showcase-sticky{min-height:510px}.showcase-heading{left:25px;right:25px;top:24px}.showcase-heading .eyebrow{font-size:8px;letter-spacing:.12em}.showcase-skip{font-size:10px}.showcase-copy{left:25px;right:25px;top:23%;width:auto;max-width:none;transform:translateY(-50%);text-align:center}.showcase-panel h2{font-size:clamp(34px,9.5vw,45px);margin:12px 0 14px;line-height:1.05}.showcase-panel p:not(.eyebrow){font-size:13px;line-height:1.5;max-width:290px;margin:auto}.showcase-panel .eyebrow{font-size:9px}.showcase-panel .text-link{font-size:12px;margin-top:15px}.showcase-media{width:120%;right:-8%;top:53%;transform:translateY(-40%)}.showcase-footer{bottom:25px;left:25px;right:25px;grid-template-columns:1fr 56px;gap:20px;align-items:center}.showcase-scroll-hint{position:absolute;bottom:85px;width:100%;justify-content:center;font-size:10px;gap:8px}.showcase-scroll-hint svg{width:13px;height:21px}.showcase-control{grid-column:1}.showcase-angle{grid-column:2;font-size:8px}.showcase-angle strong{font-size:19px}.showcase-steps button{font-size:9px}.showcase-progress{margin-bottom:9px}.showcase-load-status{bottom:112px;left:25px;right:25px;text-align:center}.showcase-end-link{bottom:100px;left:25px;right:25px;justify-content:center;font-size:11px}.four-pole-showcase.is-complete .showcase-scroll-hint{opacity:0}.is-static .showcase-sticky{height:660px}.is-static .showcase-footer{grid-template-columns:1fr 56px}.is-static .showcase-control{grid-column:1}.is-static .showcase-angle{grid-column:2}}
@media(max-height:650px) and (min-width:701px){.showcase-sticky{min-height:420px}.showcase-copy{top:44%}.showcase-panel h2{font-size:40px}.showcase-panel p:not(.eyebrow){font-size:14px}.showcase-media{width:65%;right:1%;top:43%}.showcase-footer{bottom:18px}.showcase-heading{top:17px}.showcase-load-status,.showcase-end-link{bottom:78px}}
@media(prefers-reduced-motion:reduce){.four-pole-showcase{height:auto}.showcase-sticky{position:relative;top:0;height:680px}.showcase-scroll-hint{display:none}.showcase-panel{transition:none}.showcase-media.is-loading:before{animation:none}.showcase-scroll-hint .scroll-dot{animation:none}}

.four-pole-showcase{scroll-margin-top:calc(var(--showcase-top) - 130px)}

.is-unavailable .showcase-angle,.is-unavailable .showcase-progress{visibility:hidden}.is-unavailable .showcase-steps button{opacity:.4}.is-unavailable .showcase-load-status{color:var(--muted)}