/* Large, viewport-pinned story scenes. Native scrolling controls every pose. */
main{overflow:clip;display:flow-root}
.scene{scroll-margin-top:-100px}
.currency-traveller{display:none!important}
.artwork-site .invoice-section{padding:0;min-height:220svh}
.artwork-site .invoice-layout{position:sticky;top:0;height:100svh;min-height:650px;padding:105px 0 70px;overflow:visible;align-items:center}
.artwork-site .invoice-stage{height:min(62svh,650px);margin:0;isolation:auto}
.artwork-site .invoice-artwork{width:125%;height:100%;left:-10%;transform-origin:60% 60%}
.invoice-flight-card{position:absolute;z-index:6;right:8%;top:50%;width:225px;padding:22px;background:#fff;border:1px solid #e0e8ff;box-shadow:0 18px 70px #1c3e9e26,3px 5px 0 #c9d6f5;border-radius:18px;color:#10142b;will-change:transform,opacity;pointer-events:none}
.flight-icon{display:grid;place-items:center;width:35px;height:35px;background:#e4ebff;color:#0000ca;border-radius:50%;font-size:23px;margin-bottom:18px}
.flight-kicker{display:block;font-size:8px;letter-spacing:.15em;color:#7582a0}.invoice-flight-card strong{font-size:32px;letter-spacing:-.05em;line-height:1.05;display:block;margin:10px 0 14px}.flight-status{font-size:10px;color:#17875c;background:#dff8eb;display:inline-block;padding:7px 9px;border-radius:6px}
.artwork-site .invoice-art-note{bottom:-12px;left:20%}
.invoice-scroll-steps{width:320px;margin-top:30px}
.artwork-site .exchange-section{min-height:300svh;background:#070910;isolation:isolate}
.artwork-site .exchange-sticky{height:100svh;min-height:650px;top:0;padding:115px 0 170px;display:grid;grid-template-columns:.92fr 1.08fr;isolation:isolate}
.exchange-sticky>.scene-copy{align-self:center;max-width:530px}
.artwork-site .exchange-section .scene-copy h2{font-size:clamp(58px,5.7vw,88px);line-height:.98;margin:19px 0 22px}
.artwork-site .exchange-section .section-description{font-size:16px;max-width:335px;margin-bottom:22px}
.exchange-scroll-guide{display:none}
.exchange-backtype{position:absolute;left:-6vw;right:-6vw;top:11%;overflow:clip;z-index:-1;pointer-events:none;opacity:.17;white-space:nowrap}
.exchange-backtype span{display:block;font-size:clamp(110px,19vw,330px);line-height:1;font-family:DeskPro,Desk,Arial,sans-serif;font-weight:900;letter-spacing:-.065em;color:transparent;-webkit-text-stroke:1px #a7b5f0;will-change:transform}
.currency-performance{position:absolute;left:43%;top:15%;width:55%;height:66%;pointer-events:none;z-index:3;isolation:isolate}
.currency-performance>img{position:absolute;top:10%;left:7%;width:min(41vw,590px);height:min(41vw,590px);max-width:none;object-fit:contain;filter:drop-shadow(0 35px 40px #0008);will-change:transform,opacity;transform-origin:center}
.currency-performance .performance-rupee{opacity:0}
.currency-halo{position:absolute;inset:5% -5% -5%;border-radius:50%;background:radial-gradient(ellipse,#254fff4a,transparent 66%);will-change:transform,opacity}
.performance-label{display:none}
.artwork-site .exchange-sculpture{position:absolute;width:59%;height:70%;left:42%;top:12%;z-index:2;opacity:0;will-change:opacity}
.artwork-site .exchange-artwork{width:115%;left:-6%;height:100%;transform-origin:center}
.artwork-site .exchange-equation{bottom:75px;width:100%;gap:18px;min-height:90px;align-content:start}
.artwork-site .exchange-equation strong{font-size:clamp(48px,6.2vw,90px)}
.artwork-site .exchange-equation>div>span{font-size:18px}
.artwork-site .exchange-equation small{font-size:9px;margin-top:-4px}
.scroll-motion-ready .equation-receive{clip-path:none}
.exchange-scene-caption{position:absolute;inset:auto 0 24px;display:flex;align-items:center;gap:20px;border-top:1px solid #ffffff24;padding:16px 0 0 65px;color:#bac6e8;font-size:10px}
.scene-stage-number{color:#8196d0;letter-spacing:.12em;font-size:8px}.exchange-scene-caption strong{font-size:11px;font-weight:400}.scroll-direction{margin-left:auto;font-size:8px;letter-spacing:.16em;display:flex;gap:22px;align-items:center}.scroll-direction b{font-size:19px;color:#fff;font-weight:400}
.artwork-site .insights-section{min-height:230svh;margin-top:0;border-radius:0;isolation:isolate}
.artwork-site .insights-sticky{position:sticky;top:0;height:100svh;min-height:710px;padding:110px 0 165px;grid-template-columns:.86fr 1.14fr;gap:25px}
.artwork-site .dashboard-stage{height:min(50svh,490px);width:100%;max-width:none;margin:0;transform-origin:65% 50%}
.dashboard-float{transition:none}.scroll-motion-ready .chart-bars i{transition:height .7s var(--ease)}
.artwork-site .dashboard-caption{bottom:-135px;font-size:8px}
.artwork-site .forward-section{min-height:180svh;display:block;padding:0;overflow:clip}
.artwork-site .forward-layout{position:sticky;top:0;height:100svh;min-height:650px;padding:90px 0 50px}
.artwork-site .z-art{height:75svh;min-height:0;max-height:740px}
@media(min-width:1800px){.artwork-site .invoice-layout,.artwork-site .exchange-sticky,.artwork-site .insights-sticky,.artwork-site .forward-layout{max-width:1650px;width:calc(100% - 230px)}.artwork-site .exchange-section .scene-copy h2{font-size:100px}.currency-performance>img{width:650px;height:650px}}
@media(max-width:1100px) and (min-width:681px){.section-inner{width:calc(100% - 80px)}.artwork-site .invoice-section .scene-copy h2,.artwork-site .exchange-section .scene-copy h2,.artwork-site .insights-section .scene-copy h2{font-size:55px}.artwork-site .invoice-layout{grid-template-columns:1fr 1fr}.artwork-site .exchange-section .section-description{font-size:14px}.artwork-site .insights-sticky{grid-template-columns:.85fr 1.15fr;gap:10px}.artwork-site .insights-section .section-description{font-size:14px}.artwork-site .dashboard-stage{height:420px}.artwork-site .dashboard-caption{bottom:-139px}.invoice-flight-card{width:170px;padding:18px}.invoice-flight-card strong{font-size:26px}.currency-performance{top:22%;height:52%}.performance-label{font-size:6px}.artwork-site .exchange-equation strong{font-size:65px}.artwork-site .exchange-sticky{padding-bottom:190px}}
@media(max-width:680px){
 .artwork-site .invoice-section{min-height:210svh}.artwork-site .invoice-layout{height:100svh;min-height:660px;padding:88px 0 35px;grid-template-columns:1fr;align-content:start;gap:0}.artwork-site .invoice-section .scene-copy h2{font-size:clamp(38px,10.8vw,57px);margin:13px 0}.artwork-site .invoice-section .section-description{font-size:12px;max-width:300px;margin-bottom:16px}.invoice-layout .button{min-height:42px;font-size:11px}.invoice-scroll-steps{margin-top:18px;padding-top:11px;width:270px}.artwork-site .invoice-stage{height:38svh;max-height:355px;min-height:260px;margin:10px 0 0}.artwork-site .invoice-artwork{width:116%;left:-8%}.invoice-flight-card{width:145px;padding:13px;top:44%;right:2%;border-radius:12px}.flight-icon{width:25px;height:25px;font-size:16px;margin-bottom:9px}.flight-kicker{font-size:6px}.invoice-flight-card strong{font-size:23px;margin:6px 0 8px}.flight-status{font-size:7px;padding:5px}.artwork-site .invoice-art-note{font-size:6px;bottom:0}
 .artwork-site .exchange-section{min-height:270svh}.artwork-site .exchange-sticky{height:100svh;min-height:660px;padding:90px 0 180px;display:block}.exchange-sticky>.scene-copy{max-width:100%}.artwork-site .exchange-section .scene-copy h2{font-size:clamp(38px,10.6vw,56px);line-height:.98;max-width:310px;margin:14px 0}.artwork-site .exchange-section .section-description{font-size:11px;max-width:290px;margin-bottom:13px}.exchange-section .text-link{font-size:10px}.exchange-backtype{top:40%;left:-20vw;right:-10vw}.exchange-backtype span{font-size:130px}.currency-performance{top:40%;left:5%;width:90%;height:35%}.currency-performance>img{width:68vw;height:68vw;max-width:320px;max-height:320px;top:0;left:12%;filter:drop-shadow(0 20px 25px #0008)}.performance-label{display:none}.artwork-site .exchange-sculpture{width:105%;height:38%;left:-2.5%;top:40%}.artwork-site .exchange-artwork{width:100%;left:0}.artwork-site .exchange-equation{bottom:91px;gap:9px;min-height:50px}.artwork-site .exchange-equation strong{font-size:clamp(36px,10vw,55px)}.artwork-site .exchange-equation>div>span{font-size:11px}.equation-arrow{font-size:26px}.artwork-site .exchange-equation small{font-size:6px;margin-top:0}.exchange-scene-caption{bottom:28px;gap:10px;padding-top:12px}.exchange-scene-caption strong{font-size:8px;max-width:140px;line-height:1.4}.scene-stage-number{font-size:7px}.scroll-direction{font-size:6px;letter-spacing:.09em;gap:8px}.scroll-direction b{font-size:16px}
 .artwork-site .insights-section{min-height:220svh}.artwork-site .insights-sticky{height:100svh;min-height:740px;padding:88px 0 150px;grid-template-columns:1fr;display:block}.artwork-site .insights-section .scene-copy h2{font-size:45px;margin:13px 0}.artwork-site .insights-section .section-description{font-size:11px;max-width:300px;margin-bottom:12px}.insights-sticky .button{min-height:38px;font-size:10px}.feature-tabs{margin-top:13px;display:flex;gap:8px;max-width:100%;justify-content:space-between}.feature-tabs button{font-size:8px;padding:9px 0;gap:4px}.feature-tabs button svg{width:13px;height:13px}.artwork-site .dashboard-stage{height:300px;width:94%;margin:20px auto 0}.dashboard-window{max-height:330px}.dashboard-top{height:32px}.demo-content{padding:9px 8px}.demo-stats>div{padding:7px 4px}.demo-stats strong{font-size:15px}.demo-chart{margin:8px 0}.chart-bars{height:48px}.demo-table td{padding:6px 3px}.demo-table th{padding:5px 3px}.demo-heading{margin-bottom:7px}.artwork-site .floating-search{bottom:0;right:-3%;width:195px;padding:10px}.artwork-site .floating-balance{bottom:-63px;right:-3%;padding:9px;width:160px}.floating-balance strong{font-size:17px}.artwork-site .dashboard-caption{bottom:-87px;font-size:6px}.artwork-site .forward-section{min-height:170svh}.artwork-site .forward-layout{height:100svh;min-height:690px;padding:90px 0 30px;display:block}.artwork-site .z-art{width:110%;right:5%;height:43svh;min-height:300px;margin:10px 0 0}.forward-section h2{font-size:clamp(52px,15vw,75px)}
}
/* Still mode keeps the complete content without long empty pinning distances. */
.motion-paused .invoice-section,.motion-paused .exchange-section,.motion-paused .insights-section,.motion-paused .forward-section{min-height:0}
.motion-paused .invoice-layout,.motion-paused .exchange-sticky,.motion-paused .insights-sticky,.motion-paused .forward-layout{position:relative}
.motion-paused .invoice-flight-card,.motion-paused .currency-performance{display:none}.motion-paused .exchange-sculpture{opacity:1!important}
@media(max-width:680px){.exchange-scene-caption{padding-left:25px}}
@media(prefers-reduced-motion:reduce){.artwork-site .invoice-section,.artwork-site .exchange-section,.artwork-site .insights-section,.artwork-site .forward-section{min-height:0}.artwork-site .invoice-layout,.artwork-site .exchange-sticky,.artwork-site .insights-sticky,.artwork-site .forward-layout{position:relative}.invoice-flight-card,.currency-performance{display:none}.artwork-site .exchange-sculpture{opacity:1!important}}