.about-hero-scroll{--about-hero-gutter:1.25rem;--about-hero-grid-gap:4rem;--about-hero-container-max:1912px;letter-spacing:-.03em;font-size:3vw;font-weight:500;line-height:.9;overflow:hidden}.about-hero-scroll .pin-height{height:400vh}.about-hero-scroll .about-hero-container{justify-content:space-between;align-items:center;column-gap:15px;height:100vh;display:flex;position:relative;overflow:hidden}.about-hero-scroll .about-hero-container .name{top:15vh;left:var(--about-hero-gutter);z-index:2;margin:0;position:absolute}.about-hero-scroll .about-hero-container .left{width:40%;margin-top:6vh;padding:0;position:relative}.about-hero-scroll:not(.is-ready) .paragraph:not(:first-child){visibility:hidden}.about-hero-scroll .paragraph{margin:0}.about-hero-scroll .about-hero-container .right{object-fit:cover;flex-shrink:0;width:auto;max-width:60vw;height:calc(100vh - 30px);margin-top:15px}@media (min-width:768px){.about-hero-scroll .about-hero-container .right{top:15px;right:max(var(--about-hero-gutter),calc((100vw - min(100vw,var(--about-hero-container-max)))/2 + var(--about-hero-gutter)));left:calc((100vw - min(100vw,var(--about-hero-container-max)))/2 + var(--about-hero-gutter) + (min(100vw,var(--about-hero-container-max)) - 2*var(--about-hero-gutter) - var(--about-hero-grid-gap))/2 + var(--about-hero-grid-gap));width:auto;max-width:none;margin-top:0;position:absolute}}.about-hero-scroll .paragraph:not(:first-child){position:absolute;top:0;left:0;right:0}.about-hero-scroll .word{margin:-.14em 0;display:inline-block;position:relative;overflow:hidden}.about-hero-scroll .word span{padding:.14em 0;display:block}.about-hero-scroll .paragraph:not(:first-child) .word span{transform:translateY(-100%)}@media (max-width:500px){.about-hero-scroll{font-size:30px}.about-hero-scroll .about-hero-container{flex-direction:column;justify-content:flex-start;padding-top:15px}.about-hero-scroll .about-hero-container .left{order:2;width:100%;margin:15px 0 0}.about-hero-scroll .about-hero-container .right{width:100%;max-width:initial;order:1;height:auto;max-height:55%;margin-top:0;position:relative;top:auto;left:auto;right:auto}.about-hero-scroll .about-hero-container .name{top:auto;bottom:20px;left:var(--about-hero-gutter)}}