.experience-section{position:relative;z-index:6;background:#fff;color:#333;font-family:var(--font-gilroy);padding:100px 0;scroll-margin-top:100px}
.experience-inner{width:min(1000px,calc(100% - 80px));margin:auto;text-align:center}
.experience-heading{font-size:var(--section-heading-size);font-weight:500;line-height:1.2;letter-spacing:-1.2px;margin:0 0 56px;text-align:center}
.experience-body{font-size:clamp(24px,min(4.03vw,6.45svh),58px);line-height:1.11724;font-weight:500;margin:0;text-wrap:pretty}
.experience-metric{display:inline;color:#ff6400;font-size:1.2em;font-weight:500;line-height:0;vertical-align:baseline;white-space:nowrap}
.experience-device-slot{display:inline-block;width:.95em;height:.95em;vertical-align:-.12em;margin:0 .15em;font-size:inherit}
.experience-device-fallback{width:100%;height:100%;object-fit:contain}
.has-product-sequence .experience-device-fallback{visibility:hidden}
.experience-world{display:inline-block;width:1.7em;height:.95em;object-fit:cover;border-radius:.22em;vertical-align:-.12em;margin:0 .2em}
.experience-people{white-space:nowrap}
.experience-avatars{display:inline-flex;vertical-align:-.12em;align-items:center;margin:0 3px 0 2px;height:.95em}
.experience-avatars img{display:block;width:.95em;height:.95em;object-fit:cover;border-radius:50%;border:2px solid #fff;background:#eee;box-sizing:border-box}
.experience-avatars img+img{margin-left:-.22em}
.experience-source{position:relative;margin-top:26px;display:inline-flex;gap:20px;align-items:center;color:#555;font-size:16px;text-decoration:none;border:0;padding:0;transition:color .2s;pointer-events:auto}
.experience-source:hover{color:#c44d00}
.experience-source:focus-visible{outline:2px solid #ff6400;outline-offset:7px}
.experience-note{position:absolute;bottom:100%;left:50%;width:max-content;max-width:min(290px,calc(100vw - 48px));padding:10px 12px;border-radius:10px;background:#222;color:#fff;font-size:12px;line-height:1.5;text-align:left;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .16s,transform .16s,visibility .16s;z-index:2}
.experience-source:hover .experience-note,.experience-source:focus-visible .experience-note{opacity:1;visibility:visible;transform:translate(-50%,0)}
.has-product-sequence .experience-section{position:absolute;inset:0;padding:0;background:transparent;opacity:0;visibility:hidden;pointer-events:none;display:flex;align-items:center;justify-content:center}
@media(max-width:767px){.experience-section{padding:88px 0 48px}.experience-inner{width:calc(100% - 40px)}.experience-body{font-size:24px;line-height:1.45}.experience-device-slot{font-size:inherit;width:.95em;height:.95em}.experience-source{font-size:14px;margin-top:20px}.has-product-sequence .experience-inner{max-height:calc(100% - 110px);overflow-y:auto;pointer-events:auto;scrollbar-width:none}}
@media(prefers-reduced-motion:reduce){.experience-note{transition:none}}

.has-product-sequence .experience-heading{position:absolute;left:20px;right:20px;margin:0;text-align:center}
.has-product-sequence .experience-step{padding-top:70px}
@media(max-width:767px){.experience-heading{font-size:30px;margin-bottom:32px}.has-product-sequence .experience-step{padding-top:100px}.has-product-sequence .experience-inner{max-height:calc(100% - 60px)}}

.experience-reveal-word{display:inline-block;white-space:nowrap}

/* Reserve a separate title row and fit the paragraph into the remaining stage. */
.has-product-sequence .experience-inner{max-height:none;overflow:visible}
.has-product-sequence .experience-step{position:absolute;left:50%;top:var(--experience-content-top,180px);bottom:32px;transform:translateX(-50%);width:min(1000px,calc(100% - 80px));padding-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.has-product-sequence .experience-body,.has-product-sequence .experience-source{flex-shrink:0}
@media(max-width:767px){.has-product-sequence .experience-step{width:calc(100% - 40px);bottom:24px}}
.hero-scene-title .closing-earn{color:var(--accent-orange,#ff6400)}

@media(max-width:767px){.has-product-sequence .experience-step{bottom:min(24svh,190px)}}

/* Each heading word rises through its own mask on the shared scroll timeline. */
.experience-title-mask { display: inline-block; overflow: hidden; vertical-align: bottom; padding-bottom: .08em; margin-bottom: -.08em; }
.experience-title-mask > span { display: inline-block; }

/* Balance each sentence separately across viewport sizes. */
.experience-sentence { display: block; text-wrap: balance; }
.experience-step { position: relative; top: -20px; }
.has-product-sequence .experience-step { transform: translate(-50%, -20px); }

/* Mobile research copy: another +8px in type and +4px in line height. */
@media (max-width: 767px) {
  .experience-body { font-size: 36px; line-height: 38.8px; }
}