/* Homepage rhythm: the films move; everything else waits for an invitation. */
.home-route .dime-experience .hero-intro{min-height:0;padding-bottom:126px}
.home-route .dime-experience .dime-constellation{inset:auto auto 0 50%;width:min(1080px,85%);height:112px;transform:translateX(-50%)}
.home-route .dime-experience .floating-dime-0{--float-x:6%;--float-y:47px}
.home-route .dime-experience .floating-dime-1{--float-x:20%;--float-y:57px}
.home-route .dime-experience .floating-dime-2{--float-x:35%;--float-y:69px}
.home-route .dime-experience .floating-dime-3{--float-x:50%;--float-y:76px}
.home-route .dime-experience .floating-dime-4{--float-x:65%;--float-y:65px}
.home-route .dime-experience .floating-dime-5{--float-x:80%;--float-y:53px}
.home-route .dime-experience .floating-dime-6{--float-x:94%;--float-y:44px}
.home-route.v26 .dime-experience .floating-dime .dime-choice>span{opacity:0;transition:opacity .22s ease}
.home-route.v26 .dime-experience .floating-dime .dime-choice:is(:hover,:focus-visible,[aria-pressed=true])>span{opacity:1}
.home-route.v26 .dime-experience .floating-dime .dime-choice .dime-portrait{filter:drop-shadow(0 0 13px rgb(199 179 232 / var(--magnet-glow,0)))!important}
.home-route.v26 .dime-experience .floating-dime .dime-portrait>image{filter:grayscale(1)}
.home-route.v26 .dime-experience .floating-dime .dime-choice[aria-pressed=true] .dime-portrait>image{filter:grayscale(0)}
.home-route .dime-experience .hero-intro .dime-selector{margin-top:28px}
.home-route.v26 .dime-experience .create-choice .create-halo{opacity:.14!important;scale:1;transition:opacity .38s ease,scale .5s ease!important}
.home-route.v26 .dime-experience .create-choice:is(:hover,:focus-visible) .create-halo{opacity:.72!important;scale:1.1!important}
.home-route.v26 .dime-experience .create-choice .create-glow-orb{animation:dime-hero-invitation-orbit var(--orb-duration,16s) cubic-bezier(.45,0,.55,1) infinite alternate!important;animation-delay:var(--orb-delay,0s)!important;animation-play-state:paused!important}
.home-route.v26 .dime-experience .create-choice:is(:hover,:focus-visible) .create-glow-orb{animation-duration:2.4s!important;animation-play-state:running!important}
/* One card at a time. Hidden controls never steal the first touch. */
.home-route.v26 .dime-experience .final-cell .card-add{opacity:0;pointer-events:none;transition:opacity .2s ease,background-color .2s ease,color .2s ease,scale .2s ease}
.home-route.v26 .dime-experience .final-cell:has(:focus-visible) .card-add,.home-route.v26 .dime-experience .final-cell[data-touch-revealed=true] .card-add{opacity:1;pointer-events:auto}
.home-route.v26 .dime-experience .final-cell[data-touch-revealed=true] .card-shade{opacity:0!important}
.home-route.v26 .dime-experience .final-cell[data-touch-revealed=true] :is(.final-cell-top,.final-cell-bottom,.personality-badge){opacity:1!important}
.home-route.v26 .dime-experience .final-cell[data-touch-revealed=true]::after{opacity:1!important}
@media(hover:hover){.home-route.v26 .dime-experience .final-cell:hover .card-add{opacity:1;pointer-events:auto}}
.home-route .v-introduction{padding-bottom:clamp(45px,5vw,76px)}
.home-route .v-stories{padding-top:clamp(45px,5vw,76px)}
/* Continue the same person's story, using existing media and the brand curves. */
.home-route .v-presence{min-height:480px;background:radial-gradient(ellipse at 55% 55%,#c7b3e82b,transparent 67%)}
.home-route .v-presence-portrait{width:clamp(220px,24vw,300px);height:clamp(270px,29vw,365px);rotate:-4deg}
.home-route .v-presence-portrait img{object-position:center 38%}
.home-route .v-presence .presence-friend{top:0;right:8%}
.home-route .v-presence .presence-artist{bottom:42px;right:0}
.home-route .v-presence .label-face{top:53px;left:0}
.home-route .v-presence .label-voice{top:38%;right:-5px}
.home-route .v-presence .label-you{bottom:28px;left:6%}
.home-route .v-story-stage{background:transparent;border-radius:0;overflow:visible}
.home-route .v-story-panel{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8%;padding:0}
.home-route .v-story-panel .v-media{aspect-ratio:4/4.4;max-height:650px;border-radius:36px 36px 80px 36px}
.home-route .v-story-copy{padding:24px 0}
.home-route .v-story-copy h3{font-size:clamp(36px,4.2vw,58px)}
.home-route .v-story-panel .v-media figcaption{padding:65px 28px 28px;font-size:14px}
.home-route .v-trust{gap:7%}
.home-route .v-trust-art{background:radial-gradient(ellipse at 50% 52%,#9aaef024,transparent 68%)}
.home-route .world-cta{margin-top:24px}
@media(max-width:760px){
 .home-route .dime-experience .hero-intro{padding-bottom:108px}
 .home-route .dime-experience .dime-constellation{width:calc(100% - 32px);height:96px}
 .home-route .dime-experience .floating-dime .dime-choice{width:48px;min-width:44px;min-height:60px}
 .home-route .dime-experience .floating-dime .dime-portrait{width:46px;height:46px}
 .home-route .dime-experience .floating-dime .dime-choice>span{font-size:11px}
 .home-route .dime-experience .floating-dime .dime-choice>i{top:31px;right:1px;width:13px;height:13px}
 .home-route .dime-experience .floating-dime-0{--float-x:5%;--float-y:30px}
 .home-route .dime-experience .floating-dime-1{--float-x:20%;--float-y:42px}
 .home-route .dime-experience .floating-dime-2{--float-x:35%;--float-y:48px}
 .home-route .dime-experience .floating-dime-3{--float-x:50%;--float-y:56px}
 .home-route .dime-experience .floating-dime-4{--float-x:65%;--float-y:48px}
 .home-route .dime-experience .floating-dime-5{--float-x:80%;--float-y:39px}
 .home-route .dime-experience .floating-dime-6{--float-x:95%;--float-y:31px}
 .home-route .v-presence{min-height:390px;max-width:400px}
 .home-route .v-presence-portrait{width:220px;height:285px}
 .home-route .v-presence .label-face{top:48px;left:0}
 .home-route .v-presence .presence-friend{right:0;top:4px}
 .home-route .v-presence .label-you{bottom:16px}
 .home-route .v-story-panel{grid-template-columns:1fr;gap:0}
 .home-route .v-story-panel .v-media{aspect-ratio:4/4.2;max-height:520px;border-radius:28px 28px 56px 28px}
 .home-route .v-story-copy{padding:30px 4px 0}
 .home-route .v-story-tabs{flex-wrap:nowrap;overflow:auto;scrollbar-width:none;gap:8px;padding-bottom:5px;margin:26px 0}
 .home-route .v-story-tabs::-webkit-scrollbar{display:none}
 .home-route .v-story-tabs button{flex:none}
}
@media(max-width:360px){.home-route .dime-experience .floating-dime .dime-portrait{width:38px;height:38px}.home-route .dime-experience .floating-dime .dime-choice{width:44px}.home-route .dime-experience .floating-dime .dime-choice>i{top:26px}}
@media(prefers-reduced-motion:reduce){.home-route.v26 .dime-experience .create-choice .create-glow-orb{animation:none!important}.home-route.v26 .dime-experience .create-choice .create-halo,.home-route.v26 .dime-experience .final-cell .card-add{transition:none!important}}
html[data-motion=paused] .home-route.v26 .dime-experience .create-choice .create-glow-orb,html[data-capture-active=true] .home-route.v26 .dime-experience .create-choice .create-glow-orb{animation-play-state:paused!important}
