/* The motion system: native scrolling, seamless loops, and photographic depth. */
.hero h1 .word-window{height:1.14em;overflow:hidden;position:relative;margin-bottom:-.12em;animation:fadeInUp 1.3s .4s var(--ease) both}
.hero h1 .word-track{display:flex;flex-direction:column;animation:headlineRoll 15s cubic-bezier(.65,0,.25,1) 1.8s infinite;will-change:transform}
.hero h1 .word-track em{display:block;line-height:1.14;flex-shrink:0}
@keyframes headlineRoll{0%,25%{transform:translateY(0)}33%,58%{transform:translateY(-25%)}66%,91%{transform:translateY(-50%)}100%{transform:translateY(-75%)}}
.hero-photo img{object-position:66% 65%;transform:scale(1.18) translateY(var(--hero-y,0px));filter:brightness(.8) saturate(.86)}
.hero-shade{background:linear-gradient(90deg,#101510e8 0%,#101510b3 31%,#10151010 85%),linear-gradient(0deg,#0c110caf,transparent 40%,#0c110c22 70%,#0c110c80)}
.hero-motion,.partner-motion{display:inline-flex;align-items:center;gap:9px;background:transparent;border:0;padding:8px;font-size:9px;letter-spacing:.03em;color:inherit;white-space:nowrap}
.hero-motion{color:#cdd2c2}
.motion-symbol{display:grid;place-items:center;width:23px;height:23px;border:1px solid currentColor;border-radius:50%;font-size:9px}
.brand-ribbon{overflow:hidden;padding:33px 0 37px;border-bottom:1px solid var(--line);background:var(--paper)}
.brand-ribbon-track{display:flex;width:max-content;animation:brandTravel 46s linear infinite}
.brand-ribbon-track>span{display:flex;align-items:center;gap:.28em;padding-right:.45em;font-family:var(--serif);font-size:clamp(58px,6.5vw,105px);line-height:1;letter-spacing:-.04em;white-space:nowrap}
.brand-ribbon-track em{color:var(--red)}
.brand-ribbon-track i{font-family:var(--sans);font-style:normal;color:var(--red);font-size:.43em;padding:0 .5em}
@keyframes brandTravel{to{transform:translateX(-50%)}}
.story-word{display:inline-block;color:#7b8171;transition:color .6s var(--ease),transform .6s var(--ease);transform:translateY(6px)}
.story-word.lit{color:var(--ink);transform:translateY(0)}
.red .story-word{color:#967469}.red .story-word.lit{color:var(--red)}
.craft-backgrounds{left:30%;width:70%}
.craft-image{object-position:center;filter:saturate(.92)}
.craft-shade{background:linear-gradient(90deg,#101510 3%,#101510 28%,#101510ed 38%,#10151063 65%,#10151018 100%),linear-gradient(0deg,#101510c9,transparent 25%)}
.craft-image[data-scene="2"]{object-position:center 70%;transform:scale(1.15)}
.craft-image[data-scene="2"].active{transform:scale(1.08)}
.kiosk-figure{position:relative}
.kiosk-figure img{object-position:center 70%;transform:scale(1.05);clip-path:inset(0)}
.kiosk-figure img:hover{transform:scale(1.08)}
.careers-photo{object-position:65% 70%;transform:scale(1.12);filter:saturate(.85) brightness(.85)}
.careers-shade{background:linear-gradient(90deg,#101510f2,#101510c2 32%,#10151030 80%),linear-gradient(0deg,#1015108c,transparent 50%)}
.boba-image img{width:100%;height:100%;object-fit:cover;object-position:65% center;mix-blend-mode:multiply}
.food-image-wrap img[data-key="boba"]{object-position:65% center}
.partners{margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));margin-top:95px;padding-top:65px;border-top:1px solid var(--line);overflow:hidden}
.partner-heading{padding:0 var(--gutter);text-align:center;margin-bottom:42px}
.partner-heading .eyebrow{font-size:8px;color:var(--muted);letter-spacing:.15em}
.partner-heading h3{font-family:var(--serif);font-size:clamp(42px,4vw,64px);line-height:1.04;margin-top:24px}
.partner-heading h3 br{display:none}
.partner-heading h3 em{color:var(--red);margin-left:.15em}
.partner-lane{overflow:hidden;padding:18px 0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.partner-track{display:flex;width:max-content;animation:partnerTravel 46s linear infinite;will-change:transform}
.partner-lane.reverse .partner-track{animation-direction:reverse;animation-duration:57s}
.partner-group{display:flex;align-items:center;gap:44px;white-space:nowrap;padding-right:44px;flex-shrink:0}
.partner-group span{font-family:var(--serif);font-size:clamp(30px,3.25vw,52px);line-height:1.2;letter-spacing:-.04em;color:#343e2e}
.partner-group i{font-size:16px;font-style:normal;color:var(--red);line-height:1}
.partner-lane.reverse .partner-group span{color:#68745c}
@keyframes partnerTravel{to{transform:translateX(-50%)}}
.partner-bottom{padding:0 var(--gutter);margin-top:31px;display:flex;align-items:center;justify-content:center;gap:35px}
.partner-bottom p{font-size:10px;color:var(--muted)}
.partner-motion{color:#536048}
.partner-lane:hover .partner-track{animation-play-state:paused}
.partner-lane:focus-within .partner-track{animation-play-state:paused}
.motion-paused .hero-photo img{will-change:auto}
@media(max-width:900px){.hero-motion .motion-label{display:none}.partner-heading h3 br{display:block}.partner-heading h3 em{margin-left:0}.craft-backgrounds{left:15%;width:85%}.partner-group{gap:30px;padding-right:30px}.partner-group span{font-size:38px}}
@media(max-width:650px){.hero-photo img{width:125%;max-width:none;left:0;object-position:65% 65%;transform:translateX(-15%) scale(1.18);filter:brightness(.68) saturate(.88)}.hero-shade{background:linear-gradient(0deg,#101510ed 0%,#101510a6 35%,#1015101a 90%),linear-gradient(90deg,#10151073,transparent)}.hero-motion{margin-left:8px}.hero-copy{bottom:145px}.brand-ribbon{padding:23px 0 27px}.brand-ribbon-track>span{font-size:56px}.brand-ribbon-track{animation-duration:32s}.craft-backgrounds{left:0;width:100%}.craft-image{left:0;width:100%;object-position:60% center}.craft-shade{background:linear-gradient(0deg,#101510 5%,#101510e8 40%,#1015102b 100%)}.craft-image[data-scene="2"]{width:120%;left:-10%;object-position:65% 70%}.careers-photo{left:0;width:120%;object-position:65% 70%;transform:translateX(-8%) scale(1.12)}.careers-shade{background:linear-gradient(0deg,#101510f5 10%,#101510ab 50%,#10151015)}.boba-image{height:390px}.boba-image img{width:100%;height:100%;object-fit:cover;object-position:65% center;transform:scale(1.08);animation:none}.partners{padding-top:50px;margin-top:65px}.partner-heading{margin-bottom:25px}.partner-heading .eyebrow{font-size:7px;max-width:270px;margin:0 auto;line-height:1.9}.partner-heading h3{font-size:44px;margin-top:23px}.partner-lane{padding:14px 0}.partner-group{gap:26px;padding-right:26px}.partner-group span{font-size:34px}.partner-group i{font-size:12px}.partner-track{animation-duration:39s}.partner-lane.reverse .partner-track{animation-duration:47s}.partner-bottom{flex-direction:column;gap:12px;margin-top:25px}.partner-bottom p{font-size:9px}.partner-motion{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero h1 .word-track{animation:none;transform:none}.brand-ribbon-track,.partner-track{animation:none;will-change:auto;transform:none}.brand-ribbon-track>span:not(:first-child){display:none}.brand-ribbon-track{width:100%;justify-content:center}.brand-ribbon-track>span{font-size:clamp(24px,5vw,65px);padding:0;gap:.2em}.brand-ribbon-track i{display:none}.partner-lane{mask-image:none;padding-left:var(--gutter);padding-right:var(--gutter)}.partner-track{width:100%}.partner-group{flex-wrap:wrap;justify-content:center;gap:16px 24px;padding:0;width:100%}.partner-group[aria-hidden=true]{display:none}.partner-group i{display:none}.partner-group span{font-size:25px}.hero-motion,.partner-motion{display:none}.story-word,.red .story-word{transform:none;color:inherit}.hero-photo img{transform:scale(1.18)}@media(max-width:650px){.hero-photo img{transform:translateX(-15%) scale(1.18)}}}