/* A large desktop feed, followed by a foreground wallet interaction. */
.experience.scroll-story{height:390svh}
.story-pin{z-index:1;padding-top:22px}
.story-heading{padding:17px 0 9px}
.story-heading h2{font-size:clamp(31px,3.4vw,52px)}
.story-feed{left:11%;top:12px;width:78%;max-width:none;height:calc(100% - 48px);background:#202723;border:7px solid #29322d;border-bottom-width:18px;border-radius:16px;box-shadow:0 28px 50px #18281b24,0 2px 0 #59655b inset;overflow:visible;transform-origin:50% 55%;scale:1}
.story-feed:before{content:'';position:absolute;top:calc(100% + 18px);left:44%;width:12%;height:20px;background:linear-gradient(90deg,#a0aaa2,#d0d7ce 45%,#a0aaa2);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.story-feed:after{content:'';position:absolute;top:calc(100% + 37px);left:34%;width:32%;height:5px;border-radius:50% 50% 3px 3px;background:linear-gradient(90deg,#919c93,#d7ded4,#8c988f);box-shadow:0 6px 13px #223e2520}
.story-feed .browser-bar{height:29px;background:#edf0ed;border-bottom:1px solid #d8ded9;border-radius:8px 8px 0 0;font:9px Arial,sans-serif;color:#68756d;padding:0 13px;display:flex;align-items:center;justify-content:space-between}
.monitor-display{height:calc(100% - 29px);display:grid;grid-template-columns:54px minmax(0,1fr) 25%;background:white;border-radius:0 0 3px 3px;overflow:hidden;color:#0f1419;font-family:Arial,Helvetica,sans-serif}
.x-rail{border-right:1px solid #eff3f4;display:flex;align-items:center;flex-direction:column;gap:21px;padding:16px 0;color:#0f1419}
.x-rail>b{font-size:24px;line-height:1}.x-rail svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.x-rail .rail-compose{width:30px;height:30px;background:#0f1419;color:white;border-radius:50%;display:grid;place-items:center;font-size:21px}
.monitor-timeline{min-width:0;min-height:0;display:flex;flex-direction:column}
.x-feed-tabs{display:flex;align-items:center;justify-content:space-around;height:43px;flex-shrink:0;border-bottom:1px solid #eff3f4;font-size:12px;font-weight:700;color:#536471;background:#ffffffed;position:relative;z-index:2}
.x-feed-tabs b{color:#0f1419;height:100%;display:flex;align-items:center;position:relative}
.x-feed-tabs b:after{content:'';height:3px;border-radius:3px;background:#1d9bf0;position:absolute;bottom:0;left:0;right:0}
.feed-viewport{flex:1;min-height:0;overflow:hidden;position:relative}
.feed-scroll{position:relative;will-change:transform;padding-bottom:380px}
.x-post{display:flex;gap:10px;padding:15px 16px 12px;border-bottom:1px solid #eff3f4;font:13px/1.45 Arial,Helvetica,sans-serif;background:#fff;color:#0f1419}
.x-avatar{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#0c1710;color:#adf5d0;font:italic 800 24px var(--display)}
.x-avatar.alt{background:#adf5d0;color:#0c1710}
.x-avatar.pons-avatar{border-radius:4px;background:linear-gradient(135deg,#fff,#f1f4f1);color:#94ad9b;font:900 30px var(--display);text-shadow:1px 1px #708276,-1px -1px #dce4db}
.x-post-body{min-width:0;flex:1}
.x-post-header{display:flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap}
.x-post-header>b{font-weight:700}.x-post-header>span{color:#536471;overflow:hidden;text-overflow:ellipsis}.x-post-header>i{font-style:normal;margin-left:auto;color:#536471;font-weight:bold;letter-spacing:1px}
.x-verified{display:inline-grid;place-items:center;background:#1d9bf0;color:#fff;width:13px;height:13px;flex-shrink:0;clip-path:polygon(50% 0,63% 12%,81% 7%,87% 25%,100% 36%,93% 53%,98% 72%,80% 80%,71% 98%,52% 91%,33% 99%,22% 82%,3% 74%,9% 54%,0 36%,17% 26%,20% 7%,39% 13%);font-size:9px}
.x-verified.gold{background:#e9b52c}
.x-post p{margin:6px 0 10px}.x-link{color:#1d9bf0}
.x-post-art{height:146px;border-radius:10px;position:relative;overflow:hidden;margin:11px 0;background:#07100a;color:#eef7f0;display:flex;flex-direction:column;justify-content:center;padding:22px}
.x-post-art small{position:relative;z-index:1;font:8px var(--body);letter-spacing:.16em;color:#adf5d0}
.x-post-art strong{position:relative;z-index:1;font:500 35px/.98 var(--display);letter-spacing:-.055em;margin-top:12px}
.x-post-art strong em{font-style:normal;color:#adf5d0}
.feed-art-orbit{background:#050b07 url('assets/orbit-sculpture.png') 77% 48%/cover}
.feed-art-orbit:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020a04e0,transparent)}
.feed-art-flow{background:radial-gradient(ellipse at 85% 55%,#52745c,#172d20 35%,#060d08 70%)}
.feed-art-flow .mini-route{position:absolute;width:200px;height:200px;border:1px solid #adf5d05e;border-radius:50%;right:-30px;top:-24px;transform:rotate(-30deg);box-shadow:0 0 0 30px #adf5d008,0 0 0 65px #adf5d005}
.mini-route i{position:absolute;display:grid;place-items:center;width:43px;height:43px;border:1px solid #adf5d08c;background:#20402c;color:#adf5d0;border-radius:50%;font:22px var(--display);font-style:normal;left:0;top:20px}.mini-route i+ i{left:auto;right:4px;top:133px}
.x-engagement{display:flex;justify-content:space-between;align-items:center;color:#536471;font-size:9px;margin-top:10px}
.x-engagement span{display:flex;align-items:center;gap:5px}.x-engagement svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4}
.x-disclosure{font-size:8px;color:#79868b;margin-top:9px;line-height:1.4}
.x-contract-line{font-size:14px;line-height:1.7;overflow-wrap:anywhere;margin:13px 0!important}
.story-feed .story-contract{display:inline;background:transparent;box-shadow:none;border:0;border-radius:4px;color:inherit;cursor:default;padding:1px 2px;font-style:normal}
.story-feed .story-contract.is-detected{background:rgba(173,245,208,.16);box-shadow:inset 0 -1px 0 rgba(173,245,208,.8)}
.pons-art{height:80px;background:#e9f3eb;color:#173522;display:flex;align-items:center;justify-content:space-between;border:1px solid #d3e6d8;border-radius:9px;padding:15px 18px;overflow:hidden}
.pons-art b{font:500 24px/1 var(--display);letter-spacing:-.05em}.pons-art span{font:italic 700 53px var(--display);color:#8eb89b;transform:rotate(-12deg)}
.x-sidebar{padding:12px 13px;border-left:1px solid #eff3f4;color:#0f1419;overflow:hidden}
.x-search{border-radius:30px;border:1px solid #eff3f4;background:#f7f9f9;padding:8px 12px;font-size:11px;color:#536471;margin-bottom:17px}
.x-trends{border:1px solid #eff3f4;border-radius:12px;padding:14px 11px}
.x-trends h4{font-size:15px;margin:0 0 18px}.x-trends p{margin:0 0 17px;font-size:12px;font-weight:700}.x-trends small{display:block;font-size:9px;color:#536471;font-weight:400;margin:3px 0}.x-sidebar>small{font-size:8px;line-height:1.7;color:#9ba5aa;display:block;margin:12px 4px}
.story-panel{left:calc(50% - 175px);top:50%;margin-top:-205px;width:350px;padding:22px;background:radial-gradient(circle at 88% 0%,#adf5d01f,transparent 34%),#111412f7;border:1px solid #ffffff1a;border-radius:22px;box-shadow:0 24px 80px #0006,0 0 0 1px #0003;transform-origin:50% 50%;scale:1}
.story-panel .panel-bar{margin-bottom:22px;font-family:'Segoe UI',Arial,sans-serif;font-size:16px}.story-panel .panel-bar>span{color:#f4f8f5}.story-panel .panel-bar i{border-radius:9px;font-style:normal}.story-panel .panel-bar>b{font-size:8px;color:#9ca89f;letter-spacing:.05em}
.story-panel .asset-icon{border-radius:16px;background:#adf5d014;border:1px solid #adf5d026}.story-panel .panel-address{margin:14px 0;color:#8f9892}.story-panel .story-amount{border-radius:15px;background:#ffffff04;border-color:#ffffff1a;padding:16px}.story-panel .story-amount b{font:600 34px 'Segoe UI',Arial,sans-serif;color:#f4f8f5}.story-panel .story-quick>span{padding:8px 0;border-radius:8px;border-color:#ffffff1a}.story-panel .story-buy{border-radius:13px;justify-content:center;padding:15px;font-size:13px}.story-buy>span{margin-left:auto}.story-panel .quote-row{margin:10px 0}.story-panel .panel-note{margin-bottom:0}
.story-approval{left:calc(50% - 155px);top:50%;margin-top:-160px;scale:1}
/* The next section slides over the finished scene while its pin stays still. */
#next{position:relative;z-index:3;margin-top:-100svh;background:#070908;border-radius:38px 38px 0 0;box-shadow:0 -20px 70px #07100a25;min-height:100svh}
.story-reduced #next{margin-top:0;border-radius:0}
@media(min-width:1500px){.story-pin{padding-left:6%;padding-right:6%}}
@media(max-width:900px){.story-feed{left:3%;width:94%}.monitor-display{grid-template-columns:44px minmax(0,1fr) 20%}.x-sidebar{padding:10px 8px}.x-trends{padding:12px 8px}.x-trends h4{font-size:12px}.x-post{padding:13px 12px}.x-post-art{height:130px}.story-panel{left:calc(50% - 165px);width:330px}}
@media(max-width:600px){.experience.scroll-story{height:390svh}.story-heading{padding:16px 0 8px}.story-heading h2{font-size:32px}.story-heading>p{font-size:7px}.story-feed{left:-2%;width:104%;top:14px;height:calc(100% - 48px);border-width:4px;border-bottom-width:12px;border-radius:11px}.story-feed:before{top:calc(100% + 12px);height:16px}.story-feed:after{top:calc(100% + 27px)}.story-feed .browser-bar{height:24px;font-size:7px;padding:0 8px}.monitor-display{height:calc(100% - 24px);grid-template-columns:minmax(0,1fr)}.x-sidebar,.x-rail{display:none}.x-feed-tabs{height:34px;font-size:10px}.x-post{font-size:11px;gap:8px;padding:12px 10px}.x-avatar{width:28px;height:28px;font-size:20px}.x-avatar.pons-avatar{font-size:24px}.x-post-header{font-size:10px}.x-verified{width:11px;height:11px;font-size:8px}.x-post-art{height:120px;padding:17px}.x-post-art strong{font-size:30px}.x-contract-line{font-size:11px;line-height:1.8}.pons-art{height:65px;padding:12px}.pons-art b{font-size:20px}.x-engagement{font-size:8px}.x-disclosure{font-size:7px}.story-panel{width:min(300px,96%);left:50%;margin-left:calc(min(300px,96%) / -2);margin-top:-192px;padding:18px}.story-panel .panel-bar{font-size:15px;margin-bottom:15px}.story-panel .story-amount{padding:12px}.story-panel .story-amount b{font-size:30px}.story-panel .story-quick{margin-bottom:12px}.story-panel .story-buy{padding:13px}.story-approval{width:86%;left:7%;margin-top:-152px;padding:20px}#next{border-radius:24px 24px 0 0}}
@media(max-height:720px) and (min-width:601px){.story-pin{min-height:530px;padding-top:13px}.story-heading{padding-top:9px}.story-heading h2{font-size:29px}.story-heading h2 br{display:none}.story-heading h2>span{margin-left:10px}.story-panel{scale:.83}.story-approval{scale:.88}.story-feed{scale:1}.x-post-art{height:115px}.x-post-art strong{font-size:29px}.x-post{padding-top:10px;padding-bottom:9px}.story-bottom{padding-top:9px}.story-heading>p{font-size:9px}}
@media(max-height:690px) and (max-width:600px){.story-heading{padding-top:9px}.story-heading h2{font-size:25px}.story-panel{scale:.82}.story-approval{scale:.85}.story-pin{min-height:570px}.x-post-art{height:100px}}
.story-reduced .experience.scroll-story{height:auto}
@media(prefers-reduced-motion:reduce){.experience.scroll-story{height:auto}#next{margin-top:0;border-radius:0}}