.aesthetic-experience-section{min-height:0}.aesthetic-experience-section #aesthetic-projects{scroll-margin-top:0}.aesthetic-experience-section .experience-index{max-height:620px;overflow-y:auto;overscroll-behavior-y:contain;padding:0 20px 0 24px;margin-left:-24px;scrollbar-width:thin;scrollbar-color:var(--kit-cobalt) transparent;scroll-snap-type:y proximity}.aesthetic-experience-section .experience-index button{flex:0 0 auto;min-height:125px;width:100%;scroll-snap-align:center}.aesthetic-experience-section .experience-index button[aria-pressed=true] .experience-face-front{transform:translateY(-35%) rotateX(90deg);opacity:0}.aesthetic-experience-section .experience-index button[aria-pressed=true] .experience-face-back{transform:translateY(0) rotateX(0);opacity:1}.aesthetic-experience-section .experience-marker{top:calc(50% - 4px)}.aesthetic-experience-section .experience-body{font-size:clamp(16px,1.05vw,18px)}@media (max-width:700px){.aesthetic-experience-section .experience-index{max-height:240px}.aesthetic-experience-section .experience-index button{min-height:80px}}.story-site.about-clone.story-about-integrated{--aesthetics-navy:#102f5a;--story-blue:var(--aesthetics-navy);--about-blue:var(--aesthetics-navy)}.story-about-integrated .about-language-section,.story-about-integrated .aesthetics-scroll-story,.story-about-integrated .aesthetics-story-stage,.story-about-integrated .page-first,.story-about-integrated .story-world-map,.story-about-integrated>.gallery-interactive,.story-site.about-clone.story-about-integrated{background:var(--aesthetics-navy);color:var(--kit-cream)}