.mb-cinematic{--mb-cine-bg: #080908;--mb-cine-green: var(--mb-green, #7ABF3F);position:relative;height:var(--mb-cine-distance, 380vh);background:var(--mb-cine-bg);color:#f3f3ea}.mb-cinematic__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate;background:var(--mb-cine-bg)}.mb-home .section-header .header-wrapper{transition:background-color .35s ease,border-color .35s ease,backdrop-filter .35s ease}.mb-home.mb-cinematic-header-active .section-header .header-wrapper{background:transparent!important;border-bottom-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.mb-cinematic__media,.mb-cinematic__shade,.mb-cinematic__poster,.mb-cinematic__video,.mb-cinematic__fallback{position:absolute;top:0;right:0;bottom:0;left:0}.mb-cinematic__media{width:100%;overflow:hidden}.mb-cinematic__poster,.mb-cinematic__video,.mb-cinematic__fallback{width:100%;height:100%;object-fit:cover;object-position:center;will-change:opacity}.mb-cinematic__poster{z-index:0;opacity:1;transition:opacity .5s ease}.mb-cinematic.is-ready .mb-cinematic__poster{opacity:0}.mb-cinematic__video--ritual{z-index:1;opacity:1}.mb-cinematic__video--latte{z-index:2;opacity:0}.mb-cinematic__fallback{z-index:3;display:none}.mb-cinematic__seq{display:none}.mb-cinematic--codecs .mb-cinematic__seq{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mb-cinematic__shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#080908,#080908f0 24%,#0809089e 41%,#08090814 70%,#08090808),linear-gradient(180deg,rgba(8,9,8,.22),transparent 55%,rgba(8,9,8,.6))}.mb-cinematic__content{position:relative;z-index:2;display:flex;align-items:center;min-height:100%;pointer-events:none}.mb-cinematic__copy{position:relative;width:min(610px,52vw);min-height:min(64vh,620px);padding-block:clamp(72px,10vw,140px)}.mb-cinematic__beat{position:absolute;top:50%;left:0;width:100%;opacity:0;transform:translate3d(0,-50%,0);pointer-events:none;will-change:opacity,transform}.mb-cinematic__beat--1{opacity:1}.mb-home .section-header .header{animation:mb-cinematic-header-in .9s cubic-bezier(.22,1,.36,1) .12s both}.mb-cinematic__beat--1 .mb-cinematic__title{animation:mb-cinematic-copy-in 1.05s cubic-bezier(.22,1,.36,1) .46s both}@keyframes mb-cinematic-header-in{0%{opacity:0;transform:translate3d(0,-16px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes mb-cinematic-copy-in{0%{opacity:0;transform:translate3d(0,28px,0);filter:blur(5px)}to{opacity:1;transform:translateZ(0);filter:blur(0)}}.mb-cinematic__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:#f3f3ea9e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase}.mb-cinematic__eyebrow:before{width:30px;height:1px;background:var(--mb-cine-green);content:""}.mb-cinematic__title{max-width:9ch;margin:0;color:#f3f3ea;font-family:Abodio,sans-serif;font-size:clamp(54px,7.5vw,112px);font-weight:400;letter-spacing:-.025em;line-height:.92}.mb-cinematic__beat--2 .mb-cinematic__title{max-width:12ch}.mb-cinematic__title--intro{max-width:15ch}.mb-cinematic__title em{color:var(--mb-cine-green);font-style:normal}.mb-cinematic__chapter{max-width:10ch;margin:0;color:#f3f3ea;font-family:Abodio,sans-serif;font-size:clamp(48px,6vw,88px);letter-spacing:-.025em;line-height:.96}.mb-cinematic__beat--5 .mb-cinematic__title{max-width:14ch}.mb-cinematic__title--stack{max-width:none;display:flex;flex-direction:column;align-items:flex-start;line-height:.88;row-gap:clamp(10px,1.5vw,26px)}.mb-cinematic__title--stack span{display:block;white-space:nowrap}.mb-cinematic__title--stack .mb-cine-l1{font-size:clamp(28px,3.74vw,55px);letter-spacing:-.01em}.mb-cinematic__title--stack .mb-cine-l2{font-size:clamp(38px,5.02vw,74px)}.mb-cinematic__title--stack .mb-cine-l3{font-size:clamp(78px,10.33vw,152px)}@media(max-width:749px){.mb-cinematic__title--stack .mb-cine-l1{font-size:clamp(19px,5.6vw,26px)}.mb-cinematic__title--stack .mb-cine-l2{font-size:clamp(28px,7.52vw,40px)}.mb-cinematic__title--stack .mb-cine-l3{font-size:clamp(56px,15.5vw,78px)}}.mb-cinematic__body{max-width:460px;margin:26px 0 0;color:#f3f3eab3;font-size:clamp(15px,1.5vw,18px);line-height:1.55}.mb-cinematic__actions{display:flex;gap:12px;margin-top:32px;pointer-events:auto}.mb-cinematic__progress{position:absolute;z-index:3;right:24px;bottom:24px;width:64px;height:1px;overflow:hidden;background:#ffffff2e}.mb-cinematic__progress:after{display:block;width:100%;height:100%;background:var(--mb-cine-green);content:"";transform:scaleX(0);transform-origin:left}@media(max-width:749px){.mb-cinematic{height:var(--mb-cine-distance-mobile, 330vh)}.mb-cinematic__media{top:0;right:0;bottom:0;left:0;width:100%}.mb-cinematic__poster,.mb-cinematic__video,.mb-cinematic__fallback{object-position:63% center}.mb-cinematic__shade{background:linear-gradient(180deg,#08090814,#0809081a 38%,#080908d6,#080908)}.mb-cinematic__content{align-items:flex-end}.mb-cinematic__copy{width:100%;min-height:48vh;padding-top:40vh;padding-bottom:max(58px,env(safe-area-inset-bottom))}.mb-cinematic__title{max-width:8ch;font-size:clamp(48px,15vw,72px)}.mb-cinematic__beat--2 .mb-cinematic__title{max-width:11ch;font-size:clamp(46px,13.5vw,68px)}.mb-cinematic__title--intro{max-width:13ch;font-size:clamp(40px,11.5vw,58px)}.mb-cinematic__chapter{max-width:9ch;font-size:clamp(42px,12vw,60px)}.mb-cinematic__beat--5 .mb-cinematic__title{max-width:11ch}.mb-cinematic__body{max-width:34rem;font-size:15px}.mb-cinematic__progress{right:18px;bottom:18px;width:48px}}@media(min-width:750px){.mb-cinematic__copy{width:min(680px,44vw)}}@media(prefers-reduced-motion:reduce){.mb-home .section-header .header,.mb-cinematic__beat--1 .mb-cinematic__title{animation:none}.mb-cinematic{height:auto;min-height:100svh}.mb-cinematic__stage{position:relative;min-height:100svh}.mb-cinematic__poster,.mb-cinematic__video{display:none}.mb-cinematic__fallback{display:block;opacity:1;transform:none;z-index:1}.mb-cinematic__copy{min-height:52vh}.mb-cinematic__beat{display:none}.mb-cinematic__beat--5{display:block;opacity:1;transform:translate3d(0,-50%,0)}.mb-cinematic__actions{opacity:1;transform:none}.mb-cinematic__progress{display:none}}@supports (animation-timeline: view()){.mb-cinematic:not(.mb-cinematic--static){view-timeline-name:--mb-cine;view-timeline-axis:block}.mb-cinematic:not(.mb-cinematic--static) .mb-cinematic__beat{animation:mb-cine-beat linear both;animation-timeline:--mb-cine}.mb-cinematic:not(.mb-cinematic--static) .mb-cinematic__beat--1{animation-name:mb-cine-beat-first;animation-range:contain 0% contain 6.25%}.mb-cinematic:not(.mb-cinematic--static) .mb-cinematic__beat--sift{animation-range:contain 6.25% contain 12.5%}.mb-cinematic:not(.mb-cinematic--static) .mb-cinematic__beat--2{animation-range:contain 12.5% contain 25%}.mb-cinematic:not(.mb-cinematic--static) .mb-cinematic__beat--3{animation-range:contain 25% contain 50%}.mb-cinematic:not(.mb-cinematic--static) .mb-cinematic__beat--4{animation-range:contain 50% contain 75%}.mb-cinematic:not(.mb-cinematic--static) .mb-cinematic__beat--5{animation-name:mb-cine-beat-last;animation-range:contain 75% contain 100%}.mb-cinematic:not(.mb-cinematic--static) .mb-cinematic__video--ritual,.mb-cinematic:not(.mb-cinematic--static) .mb-cinematic__video--latte{animation:mb-cine-ritual linear both;animation-timeline:--mb-cine;animation-range:contain 0% contain 100%}.mb-cinematic:not(.mb-cinematic--static) .mb-cinematic__video--latte{animation-name:mb-cine-latte}.mb-cinematic:not(.mb-cinematic--static) .mb-cinematic__media{animation:mb-cine-push linear both;animation-timeline:--mb-cine;animation-range:contain 0% contain 100%;will-change:transform}.mb-cinematic:not(.mb-cinematic--static) .mb-cinematic__progress:after{animation:mb-cine-progress linear both;animation-timeline:--mb-cine;animation-range:contain 0% contain 100%}}@keyframes mb-cine-beat{0%{opacity:0;transform:translate3d(0,calc(-50% + 22px),0) scale(.985)}14%{opacity:1;transform:translate3d(0,-50%,0) scale(1)}86%{opacity:1;transform:translate3d(0,-50%,0) scale(1)}to{opacity:0;transform:translate3d(0,calc(-50% - 22px),0) scale(1.015)}}@keyframes mb-cine-beat-first{0%{opacity:1;transform:translate3d(0,-50%,0) scale(1)}86%{opacity:1;transform:translate3d(0,-50%,0) scale(1)}to{opacity:0;transform:translate3d(0,calc(-50% - 22px),0) scale(1.015)}}@keyframes mb-cine-beat-last{0%{opacity:0;transform:translate3d(0,calc(-50% + 22px),0) scale(.985)}14%{opacity:1;transform:translate3d(0,-50%,0) scale(1)}to{opacity:1;transform:translate3d(0,-50%,0) scale(1)}}@keyframes mb-cine-ritual{0%,46%{opacity:1}54%,to{opacity:0}}@keyframes mb-cine-latte{0%,46%{opacity:0}54%,to{opacity:1}}@keyframes mb-cine-push{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes mb-cine-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mb-cinematic--js .mb-cinematic__beat--1{opacity:0}.mb-cinematic--js .mb-cinematic__progress:after{transform:scaleX(var(--mb-cine-p, 0))}.mb-cinematic--static{height:auto;min-height:100svh}.mb-cinematic--static .mb-cinematic__stage{position:relative;min-height:100svh}.mb-cinematic--static .mb-cinematic__beat{display:none}.mb-cinematic--static .mb-cinematic__beat--5{display:block;opacity:1}.mb-cinematic--static .mb-cinematic__video--latte{opacity:1}.mb-cinematic--static .mb-cinematic__progress{display:none}@media(prefers-reduced-motion:reduce){.mb-cinematic .mb-cinematic__beat,.mb-cinematic .mb-cinematic__video,.mb-cinematic .mb-cinematic__media,.mb-cinematic .mb-cinematic__progress:after{animation:none!important}.mb-cinematic .mb-cinematic__beat--5{opacity:1}}@media(max-width:749px){.mb-cinematic__eyebrow{font-size:11.5px;letter-spacing:.2em}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/mb-cinematic-matcha.css.map */