.sp{--sp-ease:cubic-bezier(.22, 1, .36, 1);--sp-bleed:calc(-1 * var(--grid-margin));flex-direction:column;gap:clamp(4.5rem,11vw,12rem);padding-top:clamp(1rem,3.6vw,4rem);padding-bottom:clamp(3rem,9vw,7rem);display:flex}.sp-progress{z-index:50;background:var(--color-lime);height:4px;box-shadow:0 1px 0 var(--color-blue);transform:scaleX(var(--read,0));transform-origin:0;pointer-events:none;position:fixed;inset:0 0 auto}[dir=rtl] .sp-progress{transform-origin:100%}.sp-hero{column-gap:var(--grid-gutter);grid-template-columns:1fr 1fr 2.05fr;grid-template-areas:"juice logo laptop""brew latte laptop";row-gap:clamp(1.25rem,2.1vw,2.25rem);display:grid}.sp-tile{aspect-ratio:404/390;transition:transform .5s var(--sp-ease);margin:0;position:relative;overflow:hidden}.sp-tile--juice{grid-area:juice}.sp-tile--logo{grid-area:logo;place-items:center;display:grid;overflow:visible}.sp-tile--brew{grid-area:brew}.sp-tile--latte{grid-area:latte}.sp-tile--laptop{aspect-ratio:auto;grid-area:laptop}.sp-tile img{object-fit:cover;width:100%;height:100%;animation:sp-tile-img .9s var(--sp-ease) both;animation-delay:calc(var(--order) * 90ms + 80ms);display:block}.sp-tile--logo img{object-fit:contain;width:92%;height:auto;animation-name:sp-logo-in;animation-duration:.8s}.sp-tile[data-curtain]:after{content:"";background:var(--color-lime);animation:sp-curtain .9s var(--sp-ease) both;animation-delay:calc(var(--order) * 90ms + 80ms);pointer-events:none;position:absolute;inset:0;transform:scaleX(0)}.sp-tile[data-curtain=blue]:after{background:var(--color-blue)}@keyframes sp-curtain{0%{transform-origin:0;transform:scaleX(0)}45%{transform-origin:0;transform:scaleX(1)}46%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}@keyframes sp-tile-img{0%,45%{opacity:0;transform:scale(1.2)}46%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes sp-logo-in{0%{clip-path:inset(0 100% 0 0);transform:translate(-12px)}to{clip-path:inset(0);transform:none}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.sp-tile{transform:translate3d(calc(var(--mx,0) * var(--depth,1) * -28px), calc(var(--my,0) * var(--depth,1) * -28px), 0)}[dir=rtl] .sp-tile{transform:translate3d(calc(-1*(var(--mx,0) * var(--depth,1) * -28px)), calc(var(--my,0) * var(--depth,1) * -28px), 0)}}.sp-title{font-family:var(--heading);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-dark-grey);margin:0;font-size:clamp(3rem,7.4vw,8rem);font-weight:400;line-height:.982}.sp [data-reveal]{transition-duration:.55s,.6s}.sp [data-reveal=split]{opacity:1;transform:none}.sp-title__mask{vertical-align:top;margin:-.04em 0 -.08em;padding:.04em 0 .08em;display:inline-block;overflow:hidden}.sp-title__word{transform-origin:0 100%;transition:transform .7s var(--sp-ease);transition-delay:calc(var(--i) * 60ms);display:inline-block;transform:translateY(110%)rotate(6deg)}[dir=rtl] .sp-title__word{transform-origin:100% 100%;transform:translateY(110%)rotate(-6deg)}.sp-title.is-revealed .sp-title__word{transform:none}.sp-head{column-gap:var(--grid-gutter);grid-template-columns:1fr 1fr;align-items:end;display:grid}.sp-head__copy{flex-direction:column;gap:.75em;display:flex}.sp-head__copy p,.sp-head__lead{font-family:var(--sans);text-align:left;color:var(--color-dark-grey);margin:0;font-size:clamp(.9375rem,1vw,1.0625rem);font-style:italic;font-weight:500;line-height:1.6}[dir=rtl] .sp-head__copy p,[dir=rtl] .sp-head__lead{text-align:right}.sp-head .sp-head__lead{font-size:clamp(1.5rem,2.1vw,2.25rem);line-height:1.2}.sp-head__copy .sp-head__lead{text-align:left}[dir=rtl] .sp-head__copy .sp-head__lead{text-align:right}.sp-head__copy .sp-head__lead{margin-bottom:1em}.sp-intro{flex-direction:column;gap:clamp(2.5rem,5vw,5rem);display:flex}.sp-intro__link{font-family:var(--sans);color:#2f91ce;text-underline-offset:.15em;align-self:center;font-size:clamp(1.125rem,1.4vw,1.5rem);font-weight:500;line-height:1;text-decoration:underline;transition:color .2s}.sp-intro__link:hover{color:var(--color-blue)}.sp-bleed{margin:0 var(--sp-bleed);aspect-ratio:1728/1089;background:var(--color-dark-grey);overflow:hidden}.sp-bleed--closing{aspect-ratio:1728/993}.sp-bleed img{object-fit:cover;width:100%;height:100%;transform:translateY(calc((var(--progress,.5) - .5) * -7%)) scale(1.08);will-change:transform;display:block}.sp-bleed--closing img{transform:translateY(calc((var(--progress,.5) - .5) * -7%)) scale(calc(1.2 - var(--progress,.5) * .12))}.sp [data-reveal=wipe]{opacity:1;transition:none;position:relative;transform:none}.sp [data-reveal=wipe]:after{content:"";background:var(--color-blue);transform-origin:top;transition:transform .8s var(--sp-ease);pointer-events:none;position:absolute;inset:0}.sp [data-reveal=wipe].is-revealed:after{transform:scaleY(0)}.sp-quad{margin:0 var(--sp-bleed);aspect-ratio:1570/1010;background:var(--color-dark-grey);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.sp-quad__cell{position:relative;overflow:hidden}.sp-quad__img{background-image:var(--quad-img);transition:transform .9s var(--sp-ease);background-repeat:no-repeat;background-size:200% 200%;position:absolute;inset:0;transform:scale(1.2)}.sp-quad__cell:first-child .sp-quad__img{background-position:0 0}[dir=rtl] .sp-quad__cell:first-child .sp-quad__img,.sp-quad__cell:nth-child(2) .sp-quad__img{background-position:100% 0}[dir=rtl] .sp-quad__cell:nth-child(2) .sp-quad__img{background-position:0 0}.sp-quad__cell:nth-child(3) .sp-quad__img{background-position:0 100%}[dir=rtl] .sp-quad__cell:nth-child(3) .sp-quad__img,.sp-quad__cell:nth-child(4) .sp-quad__img{background-position:100% 100%}[dir=rtl] .sp-quad__cell:nth-child(4) .sp-quad__img{background-position:0 100%}.sp [data-reveal=quad]{opacity:1;transition:none;transform:none}.sp-quad__cell:after{content:"";background:var(--color-blue);transition:transform .7s var(--sp-ease) var(--cell-delay,0s);pointer-events:none;position:absolute;inset:0}.sp-quad__cell:nth-child(2):after,.sp-quad__cell:nth-child(3):after{background:var(--color-lime)}.sp-quad.is-revealed .sp-quad__cell:first-child:after{transform:translateY(-101%)}.sp-quad.is-revealed .sp-quad__cell:nth-child(2):after{transform:translate(101%)}[dir=rtl] .sp-quad.is-revealed .sp-quad__cell:nth-child(2):after,.sp-quad.is-revealed .sp-quad__cell:nth-child(3):after{transform:translate(-101%)}[dir=rtl] .sp-quad.is-revealed .sp-quad__cell:nth-child(3):after{transform:translate(101%)}.sp-quad.is-revealed .sp-quad__cell:nth-child(4):after{transform:translateY(101%)}.sp-quad__img{transition-delay:var(--cell-delay,0s)}.sp-quad.is-revealed .sp-quad__img{transform:scale(1)}@media (hover:hover){.sp-quad.is-revealed .sp-quad__cell:hover .sp-quad__img{transition-duration:.8s;transition-delay:0s;transform:scale(1.06)}}.sp-impact{column-gap:var(--grid-gutter);grid-template-columns:1fr 1fr;align-items:end;display:grid}.sp-impact__stats{grid-template-rows:repeat(3,auto);grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:clamp(1.5rem,2.4vw,2.5rem) clamp(1.25rem,1.8vw,2rem);margin:0;padding:0;list-style:none;display:grid}.sp-stat{flex-direction:column;gap:.5rem;display:flex}.sp-stat__n{font-family:var(--heading);color:var(--color-dark-grey);align-self:flex-start;padding-bottom:.3rem;font-size:clamp(2.25rem,2.8vw,3rem);font-weight:700;line-height:1;position:relative}.sp-stat__n:after{content:"";background:var(--color-lime);transform-origin:0;height:.14em;transition:transform .7s var(--sp-ease);transition-delay:calc(var(--reveal-delay,0s) + .2s);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}[dir=rtl] .sp-stat__n:after{transform-origin:100%}.sp-stat.is-revealed .sp-stat__n:after{transform:scaleX(1)}.sp-stat__label{font-family:var(--sans);text-align:left;color:var(--color-dark-grey);font-size:clamp(.9375rem,1vw,1.0625rem);font-style:italic;font-weight:500;line-height:1.45}[dir=rtl] .sp-stat__label{text-align:right}.sp--missing{align-items:flex-start;gap:1.5rem;min-height:50vh}.sp-missing__title{font-family:var(--heading);text-transform:uppercase;color:var(--color-dark-grey);margin:0}.sp-missing__back{color:var(--color-blue)}@media (width<=820px){.sp-hero{grid-template-columns:1fr 1fr;grid-template-areas:"laptop laptop""logo juice""latte brew";row-gap:1.25rem}.sp-tile--laptop{aspect-ratio:827/816}.sp-head,.sp-impact{grid-template-columns:1fr;row-gap:2.5rem}.sp-impact__stats{grid-template-rows:none;grid-template-columns:1fr;grid-auto-flow:row}}@media (prefers-reduced-motion:reduce){.sp-progress{display:none}.sp-tile img,.sp-tile[data-curtain]:after{animation:none}.sp-tile[data-curtain]:after{content:none}.sp-title__word,.sp-bleed img,.sp-bleed--closing img,.sp-quad__img{transition:none;transform:none}.sp [data-reveal=wipe]:after,.sp-quad__cell:after{content:none}.sp-stat__n:after{transition:none;transform:scaleX(1)}}