/* All effects enhance native scrolling and ordinary links. */
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;border:0}.coffee-story{margin-top:44px;background:var(--green);color:var(--cream);position:relative}.story-stage{position:relative}.story-topline,.story-bottom,.story-progress{display:none}.story-shots{display:grid;grid-template-columns:repeat(3,1fr)}.story-shot{position:relative;min-height:420px;overflow:hidden}.story-image-wrap{position:absolute;inset:0;overflow:hidden}.story-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.story-shot[data-scene="2"] .story-image-wrap img{object-position:50% 36%}.story-copy{position:absolute;left:8%;right:7%;bottom:38px;z-index:6;text-shadow:0 2px 18px #0005}.story-copy:before{content:'';position:absolute;inset:-100px -14% -40px;background:linear-gradient(transparent,#15291d9c);z-index:-1;pointer-events:none}.story-copy>p{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.story-copy h3{font-family:var(--serif);font-size:clamp(35px,4.2vw,60px);font-weight:400;line-height:1.1;letter-spacing:-1px}.story-description{display:block;font-size:11px;line-height:1.7;margin-top:17px;max-width:360px}.story-shade{display:none}
.motion-ready .coffee-story{height:225svh}.motion-ready .story-stage{position:sticky;top:82px;height:calc(100svh - 82px);min-height:440px;max-height:1100px;overflow:hidden;isolation:isolate}.motion-ready .story-shots{display:block;position:absolute;inset:0}.motion-ready .story-shot{position:absolute;inset:0;overflow:visible;min-height:0}.motion-ready .story-image-wrap{will-change:clip-path;clip-path:inset(0 0 var(--scene-cut,100%) 0)}.motion-ready .story-shot:first-child .story-image-wrap{--scene-cut:0%;z-index:1}.motion-ready .story-shot:nth-child(2) .story-image-wrap{z-index:2}.motion-ready .story-shot:nth-child(3) .story-image-wrap{z-index:3}.motion-ready .story-image-wrap img{transform:scale(var(--scene-scale,1.1));will-change:transform}.motion-ready .story-shade{display:block;position:absolute;inset:0;background:linear-gradient(180deg,#14271c52 0%,transparent 27%,#14271c26 55%,#14271cc9 100%);z-index:4;pointer-events:none}.motion-ready .story-topline{position:absolute;top:33px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;z-index:7;font-size:9px;letter-spacing:1.8px;text-shadow:0 1px 10px #0005}.motion-ready .story-counter{font-variant-numeric:tabular-nums;font-size:10px;letter-spacing:2px}.motion-ready .story-copy{left:6%;right:6%;bottom:100px;text-shadow:none;pointer-events:none}.motion-ready .story-copy:before{display:none}.motion-ready .story-copy>p,.motion-ready .story-description{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .65s ease}.motion-ready .story-copy h3{font-size:clamp(65px,12vw,190px);line-height:1.12;letter-spacing:-4px;overflow:hidden;padding-bottom:5px}.motion-ready .story-copy h3>span{display:block;transform:translateY(115%) rotate(3deg);transform-origin:left center;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.motion-ready .story-shot.is-current .story-copy h3>span{transform:translateY(0) rotate(0)}.motion-ready .story-shot.is-past .story-copy h3>span{transform:translateY(-115%) rotate(-3deg)}.motion-ready .story-shot.is-current .story-copy>p,.motion-ready .story-shot.is-current .story-description{opacity:1;transform:translateY(0);transition-delay:.12s}.motion-ready .story-description{font-size:13px;margin-top:19px}.motion-ready .story-copy>p{font-size:9px;letter-spacing:2px;margin-bottom:16px}.motion-ready .story-bottom{position:absolute;left:6%;right:6%;bottom:32px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:30px}.story-scroll-label{font-size:8px;letter-spacing:1.5px;display:flex;align-items:center;gap:22px}.story-scroll-label>span{font-size:23px;animation:scroll-nudge 3s ease-in-out infinite}.story-scene-controls{display:flex;gap:22px}.story-scene-controls button{border:0;background:none;color:var(--cream);font-size:8px;display:flex;gap:8px;align-items:center;padding:6px 0;opacity:.5;transition:opacity .3s}.story-scene-controls button[aria-pressed=true],.story-scene-controls button:hover{opacity:1}.story-scene-controls i{width:28px;height:2px;background:var(--cream);display:block;transform:scaleX(.55);transform-origin:left;transition:transform .4s}.story-scene-controls button[aria-pressed=true] i{transform:scaleX(1)}.motion-ready .story-progress{display:block;position:absolute;bottom:0;left:0;right:0;height:3px;background:#f5f1e829;z-index:8}.story-progress>span{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(var(--story-progress,0));background:var(--pink)}
/* Text masks preserve the heading's semantic accessible name. */
.word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.13em;margin-bottom:-.13em}.motion-ready .motion-word{display:inline-block;transform:translateY(115%) rotate(3deg);transform-origin:left center;transition:transform .85s cubic-bezier(.16,.75,.2,1);transition-delay:calc(var(--word-index,0)*35ms);}.motion-ready .copy-visible .motion-word{transform:translateY(0) rotate(0)}.motion-ready .motion-image-reveal{clip-path:inset(0 0 100% 0);transition:clip-path 1.15s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.motion-ready .motion-image-reveal.image-visible{clip-path:inset(0)}.motion-ready .hero-photo-frame{border-radius:var(--hero-radius,48%) var(--hero-radius,48%) 4px 4px;transform:rotate(var(--hero-roll,3deg));transition:border-radius .18s linear,transform .18s linear}.motion-ready .hero-photo{transform:scale(var(--hero-scale,1.12));transition:transform .25s linear}.motion-ready .hero-photo-frame:hover .hero-photo{transform:scale(calc(var(--hero-scale,1.12) + .035))}.motion-ready .marquee-band{translate:var(--ribbon-shift,0px) 0;transition:translate .12s linear}.motion-ready .motion-tilt{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s cubic-bezier(.16,.7,.2,1),clip-path 1.15s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d;backface-visibility:hidden}.motion-ready .motion-tilt.is-tilting{transition:transform .16s ease-out,clip-path 1.15s cubic-bezier(.2,.7,.2,1);will-change:transform}.motion-ready .motion-tilt:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,30%),#fff4,transparent 60%);pointer-events:none;opacity:0;transition:opacity .4s}.motion-ready .motion-tilt.is-tilting:after{opacity:.6}.taste-image-panel{isolation:isolate}.taste-image-panel .taste-transition{position:absolute;inset:0;z-index:3;pointer-events:none;object-position:50% 50%;transform:scale(1.03);height:100%;width:100%;object-fit:cover}.taste-tag,.image-caption{z-index:5}
@view-transition{navigation:auto}img[src$="/max-luscher.jpg"]{view-transition-name:portrait-max}img[src$="/roland-braza.jpg"]{view-transition-name:portrait-roland}::view-transition-old(root){animation:page-out .38s ease both}::view-transition-new(root){animation:page-in .6s cubic-bezier(.2,.7,.2,1) both}::view-transition-group(portrait-max),::view-transition-group(portrait-roland){animation-duration:.85s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}::view-transition-old(portrait-max),::view-transition-new(portrait-max),::view-transition-old(portrait-roland),::view-transition-new(portrait-roland){mix-blend-mode:normal;height:100%;object-fit:cover}@keyframes page-out{to{opacity:0;transform:translateY(-12px)}}@keyframes page-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.story-copy h3{font-size:4vw}.motion-ready .story-copy h3{font-size:12vw}}
@media(max-width:760px){.coffee-story{margin-top:31px}.story-shots{grid-template-columns:1fr}.story-shot{min-height:340px}.story-copy{left:6%;bottom:30px}.story-copy h3{font-size:47px;letter-spacing:-1.5px}.story-copy>p{font-size:7px}.story-description{font-size:11px}.motion-ready .coffee-story{height:180svh}.motion-ready .story-stage{top:74px;height:calc(84svh - 74px);min-height:390px;max-height:800px}.motion-ready .story-topline{top:23px;font-size:7px;letter-spacing:1px}.motion-ready .story-counter{font-size:8px;letter-spacing:1px}.motion-ready .story-copy{bottom:101px;left:6%;right:5%}.motion-ready .story-copy h3{font-size:clamp(39px,10.8vw,80px);line-height:1.14;letter-spacing:-1.7px}.motion-ready .story-copy>p{font-size:7px;letter-spacing:1.2px;margin-bottom:12px}.motion-ready .story-description{font-size:11px;max-width:270px;margin-top:15px}.motion-ready .story-bottom{bottom:27px;gap:15px}.story-scroll-label{font-size:6px;letter-spacing:.8px;gap:12px}.story-scroll-label>span{font-size:20px}.story-scene-controls{gap:13px}.story-scene-controls button{font-size:7px;gap:5px}.story-scene-controls i{width:20px}.motion-ready .motion-word{transition-duration:.7s;transition-delay:calc(var(--word-index,0)*25ms)}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.motion-ready .coffee-story{height:auto}.motion-ready .story-stage{position:relative;top:auto;height:auto;min-height:0;max-height:none;overflow:visible}.motion-ready .story-shots{position:relative;display:grid;grid-template-columns:1fr}.motion-ready .story-shot{position:relative;min-height:340px}.motion-ready .story-image-wrap{clip-path:none!important}.motion-ready .story-image-wrap img{transform:none!important}.motion-ready .story-copy>p,.motion-ready .story-description{opacity:1;transform:none}.motion-ready .story-copy h3>span{transform:none!important}.motion-ready .story-topline,.motion-ready .story-bottom,.motion-ready .story-progress{display:none}.motion-ready .motion-word{transform:none}.motion-ready .motion-image-reveal{clip-path:none}.motion-ready .motion-tilt{transform:none!important}.motion-ready .hero-photo-frame{transform:rotate(3deg);border-radius:48% 48% 4px 4px}.motion-ready .hero-photo{transform:scale(1.12)}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
.motion-ready .motion-tilt{position:relative}

/* Avoid retaining large composited layers while the scene is off screen. */
.motion-ready .story-image-wrap,.motion-ready .story-image-wrap img{will-change:auto}
.motion-ready .story-in-view .story-image-wrap{will-change:clip-path}
.motion-ready .story-in-view .story-image-wrap img{will-change:transform}
.founders-page .profile-portrait.hero-enter{animation:none}