.scroll-invitation{position:absolute;right:5%;top:116px;display:flex;align-items:center;gap:9px;font-size:7px;letter-spacing:1.3px;color:#918974}.scroll-invitation>span{height:20px;width:12px;border:1px solid #9c9583;border-radius:10px;position:relative}.scroll-invitation>span:after{content:'';width:2px;height:4px;border-radius:2px;background:var(--red);position:absolute;left:4px;top:4px;animation:scrollHint 1.8s ease-in-out infinite}@keyframes scrollHint{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(6px);opacity:1}}.choose-heading h1{font-size:clamp(77px,7.6vw,126px);line-height:.86}.choose-heading h1 em{color:var(--red)}.choose-heading h1 br{display:block}.choose-heading .eyebrow{margin-bottom:20px}.choose-description{margin-top:20px}.choose-screen{padding-top:151px}.scene-sticky{transition:background-color .8s}.scene-callout{position:absolute;display:flex;gap:13px;align-items:center;border-left:2px solid var(--red);padding:12px 18px;background:#ffffffb3;backdrop-filter:blur(12px);border-radius:0 7px 7px 0;box-shadow:0 9px 25px #6c5d3510;opacity:0;transform:translateY(15px);transition:opacity .6s,transform .6s;pointer-events:none}.scene-callout .callout-symbol{font-size:27px;color:var(--red)}.scene-callout div>span{display:block;font-size:7px;letter-spacing:1.2px;color:#8a816e;margin-bottom:7px}.scene-callout strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:25px;font-weight:600;line-height:1}.scene-callout strong b{font-weight:600;font-size:38px}.scene-callout strong small{font-family:Inter,sans-serif;font-size:13px}.scene-callout p{font-size:8px;line-height:1.5;margin:6px 0 0;color:#8a816e}.measure-callout{right:9%;bottom:20%}.objects-callout{right:8%;top:21%}.experience[data-phase="0"] .measure-callout,.experience[data-phase="2"] .measure-callout,.experience[data-phase="1"] .objects-callout{opacity:1;transform:translateY(0)}.visual-caption{position:absolute;left:44%;right:8%;bottom:12%;display:flex;align-items:center;gap:15px;font-size:7px;letter-spacing:.8px;color:#8e8573;opacity:0;transition:opacity .4s}.in-journey .visual-caption{opacity:1}.visual-caption-index{white-space:nowrap;color:var(--red);font-weight:600}.visual-caption-line{height:1px;background:#cac2b1;flex:1;min-width:20px}.visual-caption-line i{display:block;height:2px;background:var(--red);width:0;transition:width .15s}.visual-caption-next{font-size:6px;white-space:nowrap}.in-journey .scene-note{bottom:8%;font-size:6px}.security-visual{position:absolute;left:48%;right:7%;bottom:17%;opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s;pointer-events:none}.security-heading{font-size:7px;color:#ddd7b4;letter-spacing:1.1px;display:flex;align-items:center;gap:8px;margin-bottom:14px}.security-dot{height:5px;width:5px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px #fff04414}.security-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.security-card{border:1px solid #ffffff25;background:#34362dca;border-radius:7px;padding:16px 12px;backdrop-filter:blur(14px);transition:transform .5s}.security-card svg{display:block;width:25px;height:25px;color:var(--yellow);margin-bottom:13px}.security-card strong{display:block;color:#f3f1e9;font-size:10px;line-height:1.5;font-weight:500}.security-card>span{font-size:7px;color:#b4b5a2;line-height:1.6;display:block;margin-top:4px}.is-secure .scene-sticky{background:#252820}.is-secure .scene-backword{color:#fff;opacity:.025}.is-secure .scene-orbit{border-color:#fff04414}.is-secure .scene-orbit:after,.is-secure .scene-orbit:before{color:#fff04433}.is-secure .security-visual{opacity:1;transform:translateY(0)}.is-secure .scene-badge{background:#3d4035aa;border-color:#ffffff23;color:#eeead6}.is-secure .scene-badge i{background:var(--yellow)}.is-secure .scene-note{color:#979b87}.is-secure .scene-counter{color:#949983}.is-secure .scene-counter>span{color:var(--yellow)}.is-secure .chapter-copy{color:var(--paper)}.is-secure .chapter-copy h2 em{color:var(--yellow)}.is-secure .chapter-copy .eyebrow{color:#aeb29c;border-color:#ffffff25}.is-secure .chapter-copy>p:not(.eyebrow){color:#b7baa9}.is-secure .security-lines{color:#d1d3c2}.is-secure .security-lines span{border-color:#ffffff1a}.is-secure .chapter-next{color:#b7baa9}.is-secure .chapter-next>span{border-color:#ffffff33}.is-secure .chapter-copy .selected-contact{background:var(--yellow);color:var(--ink)}.is-secure .visual-caption-index{color:var(--yellow)}.is-secure .visual-caption-line{background:#ffffff20}.is-secure .visual-caption-line i{background:var(--yellow)}.is-secure .visual-caption-next{color:#a6aa94}.is-secure .scene-rail a{color:#a6aa94}.is-secure .scene-rail a[aria-current]{color:var(--yellow)}.is-secure .scene-rail i{background:#ffffff30}.is-secure .scene-rail a[aria-current] i{background:var(--yellow)}.is-secure #world{inset:5% 0 20% 33%}.is-secure .scene-badge{top:13%}.choice-row>.pill span{animation:arrowNudge 2.4s ease-in-out infinite}@keyframes arrowNudge{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@media(min-width:1450px){.security-card{padding:20px}.security-card strong{font-size:12px}.security-card>span{font-size:9px}.security-card svg{width:30px;height:30px}.scene-callout strong{font-size:28px}}
@media(max-width:1000px){.security-visual{left:45%;right:7%;bottom:15%}.security-card{padding:12px 8px}.security-card strong{font-size:9px}.security-card>span{font-size:6px}.objects-callout{top:18%}.measure-callout{bottom:20%}.visual-caption-next{display:none}.scroll-invitation{font-size:6px}.choose-heading h1{font-size:8.7vw}}
@media(max-width:650px){.choose-screen{padding-top:109px}.choose-heading h1{font-size:55px;line-height:.87}.choose-heading h1 br{display:none}.choose-heading h1 em br{display:none}.choose-heading h1 em{max-width:340px}.choose-heading .eyebrow{margin-bottom:16px}.choose-description{font-size:10px;margin-top:14px}.scroll-invitation{top:auto;bottom:220px;left:6%;right:auto;font-size:6px;letter-spacing:.6px;gap:6px}.scroll-invitation>span{width:10px;height:16px}.scroll-invitation>span:after{left:3px;height:3px}.scene-callout{padding:8px 11px;gap:8px;border-left-width:1px;border-radius:0 5px 5px 0}.scene-callout .callout-symbol{font-size:18px}.scene-callout div>span{font-size:5px;letter-spacing:.5px;margin-bottom:5px}.scene-callout strong{font-size:18px}.scene-callout strong b{font-size:24px}.scene-callout strong small{font-size:9px}.scene-callout p{display:none}.measure-callout{right:7%;bottom:19%}.objects-callout{right:6%;top:54%}.visual-caption{left:7%;right:7%;bottom:13%;font-size:6px;gap:12px}.visual-caption-next{display:block;font-size:5px;letter-spacing:0}.in-journey .scene-note{bottom:11%;font-size:4px;letter-spacing:.25px}.in-journey .scene-counter{bottom:13.5%;font-size:7px;right:6%;display:none}.security-visual{left:6%;right:6%;bottom:15.5%}.security-heading{font-size:5px;margin-bottom:8px;letter-spacing:.4px}.security-dot{width:4px;height:4px}.security-cards{gap:5px}.security-card{padding:9px 7px;border-radius:4px}.security-card svg{width:17px;height:17px;margin-bottom:6px}.security-card strong{font-size:8px;line-height:1.2}.security-card>span{font-size:5px;line-height:1.5;margin-top:4px}.is-secure #world{inset:40% 0 25% 0}.is-secure .scene-badge{top:auto;bottom:43%;font-size:6px;padding:7px 9px}.is-secure .chapter-copy h2{font-size:43px}.is-secure .chapter-copy>p:not(.eyebrow){font-size:10px;max-width:310px}.is-secure .security-lines{display:none}.is-secure .chapter-copy .selected-contact{margin-top:5px;font-size:9px;padding:11px 15px}.is-secure .chapter-copy .chapter-next{margin-top:12px;font-size:8px}.is-secure .scene-orbit{top:58%;height:17%}.is-secure .scene-backword{top:51%}.is-secure .visual-caption{bottom:12.3%}.is-secure .scene-note{bottom:10.7%}}
@media(prefers-reduced-motion:reduce){.scroll-invitation>span:after,.choice-row>.pill span{animation:none}.scene-sticky,.scene-callout,.security-visual{transition:none}}
.in-journey .scene-counter{display:none}.objects-callout{top:24%}@media(max-width:650px){.objects-callout{top:54%}}
@media(max-width:650px){.security-card strong{font-size:9px}.security-card>span{font-size:6px}.security-heading{font-size:6px;letter-spacing:.25px}}

/* Keep the mobile scene anchored to its opening position in every chapter. */
@media(max-width:650px){#world,.in-journey #world,.is-secure #world{inset:31% 0 30% 0}}
