/* Theme-specific storytelling, original vanilla animation, no added libraries. */
.bps-headline,.bps-story,.bps-flow{position:relative;isolation:isolate;scroll-margin-top:0;--bps-cream:#f7eedf;--bps-brown:#3b291e;--bps-orange:#a64f29;--bps-cobalt:#3853c4;--bps-coral:#ffa08a}
.bps-eyebrow{display:block;font-size:10px;line-height:1.6;letter-spacing:.15em;text-transform:uppercase}
.bps-action{display:inline-flex;align-items:center;gap:25px;justify-content:space-between;min-height:44px;padding:9px 0;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font:inherit!important;font-size:12px!important;cursor:pointer}
.bps-action:hover{opacity:.75}.bps-action:focus-visible,.bps-story-controls button:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.bps-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bps-headline{padding:75px 7% 50px;overflow:hidden;min-height:430px;display:flex;flex-direction:column;justify-content:center;gap:30px}
.bps-headline-title{position:relative;z-index:1;font-size:clamp(45px,8vw,104px)!important;line-height:1.02!important;letter-spacing:-.065em!important}
.bps-headline-line{display:block;padding:0 0 .11em;margin-bottom:-.06em}.bps-type-line{display:block}.bps-type-line>[data-bps-char]{position:relative;white-space:pre-wrap}
/* Reserve every letter's space so typing never changes line breaks or section height. */
/* Share the text baseline, rather than positioning from the font's taller inline box.
   The negative margin cancels the border width, keeping all letter positions fixed. */
[data-bps-cursor=after]:after,[data-bps-cursor=before]:before{content:'';visibility:visible;display:inline-block;position:relative;left:.09em;height:.72em;height:1cap;width:0;border-left:max(2px,.025em) solid currentColor;margin-right:calc(-1 * max(2px,.025em));vertical-align:baseline;pointer-events:none}
[data-bps-cursor=before]:before{left:0}
[data-bps-type-state=complete] [data-bps-cursor=after]:after{animation:bps-type-caret .8s step-end 3 forwards}
[data-bps-type-paused=true] [data-bps-cursor]:after,[data-bps-type-paused=true] [data-bps-cursor]:before{animation-play-state:paused;visibility:hidden}
@keyframes bps-type-caret{0%,45%{opacity:1}46%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){[data-bps-cursor]:after,[data-bps-cursor]:before{display:none}}
.bps-headline-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:10px}.bps-headline-foot p{font-size:13px;max-width:310px;line-height:1.6}
.bps-headline.bps-warm{background:#e9bd8e;color:#422e20}.bps-warm .bps-headline-title{font-family:Georgia,serif;letter-spacing:-.055em!important}.bps-warm .bps-headline-line:last-child{font-style:italic;color:#8e3e20}.bps-headline-sun{position:absolute;right:-.04em;top:23%;font:clamp(140px,28vw,360px)/1 Georgia,serif;color:#b4693a26;transform:rotate(12deg)}
.bps-headline.bps-refined{background:#e5e9de;color:#284b3b;padding:85px 9% 55px;min-height:470px}.bps-refined .bps-headline-title{font:400 clamp(50px,8vw,108px)/1.05 Georgia,serif!important;letter-spacing:-.055em!important}.bps-refined .bps-headline-line:last-child{padding-left:11%;font-style:italic;color:#5c7966}.bps-headline-frame{position:absolute;inset:45px 5% 32px;border:1px solid #96ab956b;pointer-events:none}.bps-headline-frame:before{content:'';position:absolute;right:12%;top:0;bottom:0;width:1px;background:#96ab9533}
.bps-headline.bps-bold{background:#ffa08a;color:#25283a;padding:60px 7% 45px;min-height:450px}.bps-bold .bps-headline-title{font-size:clamp(58px,10vw,140px)!important;font-weight:800!important;line-height:.9!important;max-width:90%;letter-spacing:-.07em!important}.bps-bold .bps-headline-line:last-child{color:#3853c4}.bps-headline-stamp{position:absolute;right:7%;top:90px;transform:rotate(12deg);border:2px solid #3853c4;border-radius:50%;width:95px;height:95px;display:grid;place-content:center;text-align:center;font-size:9px;font-weight:700;line-height:1.5;color:#3853c4;letter-spacing:.08em}.bps-bold .bps-headline-foot{border-top:1px solid #25283a55;padding-top:25px}
/* Native page scroll drives one sticky stage. No nested scrolling or wheel handlers. */
.bps-story{height:240svh;min-height:1200px;background:#f1e4d1}.bps-story-stage{position:sticky;top:0;height:100svh;max-height:900px;min-height:500px;overflow:hidden;display:grid;grid-template-columns:42% 58%;align-items:stretch}
.bps-story-visual{position:relative;grid-column:2;grid-row:1;overflow:hidden;min-width:0;background:#201d17}.bps-story-image{position:absolute;inset:0;width:100%;height:100%;max-width:none!important;object-fit:cover;will-change:clip-path,transform}.bps-story-image-1,.bps-story-image-2{clip-path:inset(0 100% 0 0)}.bps-story-image-0{z-index:0}.bps-story-image-1{z-index:1}.bps-story-image-2{z-index:2}.bps-story-tint{position:absolute;inset:0;z-index:3;background:linear-gradient(0deg,#1d171b77,transparent 28%);pointer-events:none}.bps-story-art-label{position:absolute;z-index:4;left:30px;bottom:25px;color:white;font-size:9px;letter-spacing:.12em;text-shadow:0 1px 8px #000}
.bps-story-copy{grid-column:1;grid-row:1;padding:44px 14%;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative;z-index:5}.bps-story-title{font-size:clamp(23px,3.2vw,40px)!important;margin:20px 0 45px!important;line-height:1.12!important;letter-spacing:-.045em!important;max-width:360px}.bps-story-chapter-box{min-height:185px}.bps-chapter-number{font-size:10px;letter-spacing:.09em;text-transform:uppercase;display:block;margin-bottom:16px}.bps-story-chapter h3{font-size:clamp(32px,4vw,54px)!important;line-height:1.05!important;letter-spacing:-.05em!important;margin:0 0 17px!important}.bps-story-chapter p{font-size:12px;line-height:1.7;max-width:250px}.bps-story-rule{height:2px;background:currentColor;opacity:.6;position:relative;margin:25px 0 16px}.bps-story-rule>[data-bps-progress]{position:absolute;inset:-1px 0;height:4px;background:currentColor;transform:scaleX(0);transform-origin:left}.bps-story-controls{display:flex;gap:8px}.bps-story-controls button{display:flex;align-items:center;justify-content:center;min-height:44px;flex:1;min-width:0;gap:6px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:10px!important;padding:9px 5px;cursor:pointer}.bps-story-controls button>span:last-child{display:none}.bps-story-controls button[aria-pressed=true]{background:var(--bps-selected-bg);color:var(--bps-selected-ink);border-color:var(--bps-selected-bg)}.bps-story-hint{font-size:10px!important;line-height:1.6;margin-top:20px!important;display:flex;gap:15px;justify-content:space-between}
.bps-story.bps-warm{background:#f1e4d1;color:#493220;--bps-selected-bg:#9a4b2a;--bps-selected-ink:#fff4df}.bps-warm .bps-story-stage{grid-template-columns:46% 54%;padding:25px}.bps-warm .bps-story-visual{border-radius:170px 170px 5px 5px}.bps-warm .bps-story-copy{padding:35px 12% 35px 8%}.bps-warm .bps-story-title,.bps-warm .bps-story-chapter h3{font-family:Georgia,serif}.bps-warm .bps-story-chapter h3{color:#9a4b2a}.bps-warm .bps-story-image{object-position:52% center}
.bps-story.bps-refined{background:#e8ede4;color:#2e4b3c;--bps-selected-bg:#375646;--bps-selected-ink:#f3f4e9}.bps-refined .bps-story-stage{grid-template-columns:38% 62%;padding:0}.bps-refined .bps-story-copy{padding:42px 13%;border-right:1px solid #708e6b66}.bps-refined .bps-story-title,.bps-refined .bps-story-chapter h3{font-family:Georgia,serif}.bps-refined .bps-story-title{margin-bottom:55px!important;color:#617b6a}.bps-refined .bps-story-visual{margin:35px 35px 35px 0}.bps-refined .bps-story-image{object-position:50% center}.bps-refined .bps-story-controls button{border-left:0;border-right:0}
.bps-story.bps-bold{background:#3853c4;color:#fff5e9;--bps-selected-bg:#ffa08a;--bps-selected-ink:#25283a}.bps-bold .bps-story-stage{grid-template-columns:57% 43%}.bps-bold .bps-story-visual{grid-column:1;background:#ede8df}.bps-bold .bps-story-copy{grid-column:2;padding:45px 13%}.bps-bold .bps-story-title{font-size:clamp(25px,3.6vw,48px)!important;font-weight:600}.bps-bold .bps-story-chapter h3{color:#ffa08a;font-size:clamp(34px,4.5vw,58px)!important;font-weight:600}.bps-bold .bps-story-image{object-fit:contain;background:#eee8de}.bps-bold .bps-story-art-label{color:#25283a;text-shadow:none;background:#fff2e5dd;padding:7px 10px}.bps-bold .bps-story-tint{display:none}
/* Keep Bold captions in one stable grid cell and pull a squeegee along the ink line. */
.bps-bold .bps-story-chapter-box{display:grid;align-content:start}
.bps-bold .bps-story-chapter{grid-area:1/1;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity 70ms ease,transform 70ms ease}
/* A short timed handover finishes even if scrolling stops exactly at a boundary. */
.bps-bold .bps-story-chapter[aria-hidden=false]{opacity:1;transform:none;transition-duration:160ms;transition-delay:70ms}
.bps-bold .bps-story-image{will-change:clip-path}
.bps-bold .bps-story-rule{margin:47px 24px 16px;opacity:1;background:#fff5e94d}
.bps-bold .bps-story-rule>[data-bps-progress]{background:#ffa08a;height:3px;inset:0}
.bps-story-tool{position:absolute;left:0;top:1px;width:100%;height:0;pointer-events:none;transform:translateX(0);will-change:transform}
.bps-story-tool svg{position:absolute;left:0;top:0;width:48px;height:39px;overflow:visible;transform:translate(-50%,-100%);filter:drop-shadow(0 3px 2px #14235b33)}
/* Two full adjoining scenes share a curved image boundary; no image crossfade. */
.bps-flow{overflow:hidden;--bps-flow-curve:44px;background:#352c23;color:#fff4e3}.bps-flow-first,.bps-flow-second{position:relative;height:78svh;min-height:490px;max-height:760px;overflow:hidden;isolation:isolate}.bps-flow-second{margin-top:-135px;height:calc(78svh + 135px);min-height:625px;max-height:895px;border-radius:50% 50% 0 0 / var(--bps-flow-curve) var(--bps-flow-curve) 0 0;padding-top:135px}.bps-flow-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none!important;z-index:-2}.bps-flow-shade{position:absolute;inset:0;background:linear-gradient(90deg,#271d13d9,#271d1360 60%,#271d1320);z-index:-1}.bps-flow-copy{height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:65px 8%;gap:25px;max-width:760px}.bps-flow-copy h2{font:400 clamp(43px,6.9vw,88px)/1.03 Georgia,serif!important;letter-spacing:-.055em!important}.bps-flow-copy .bps-action{margin-top:5px}.bps-flow-second .bps-flow-copy{padding-top:85px}.bps-flow.bps-warm .bps-flow-second .bps-flow-shade{background:linear-gradient(90deg,#412619c9,#29180f66 65%,transparent)}.bps-flow.bps-refined .bps-flow-shade{background:linear-gradient(90deg,#192e24c9,#192e2444 68%,transparent)}.bps-flow.bps-refined .bps-flow-second{border-radius:25% 75% 0 0 / var(--bps-flow-curve) var(--bps-flow-curve) 0 0}.bps-flow.bps-refined .bps-flow-second .bps-flow-copy{align-items:flex-end;text-align:right;margin-left:auto}.bps-flow.bps-refined .bps-flow-second .bps-flow-shade{background:linear-gradient(-90deg,#192e24c9,#192e2422 75%)}.bps-flow.bps-bold{color:#25283a;background:#efe8dd}.bps-flow.bps-bold .bps-flow-first,.bps-flow.bps-bold .bps-flow-second{background:#efe8dd}.bps-flow.bps-bold .bps-flow-second{background:#ffa08a;border-radius:75% 25% 0 0 / var(--bps-flow-curve) var(--bps-flow-curve) 0 0}.bps-flow.bps-bold .bps-flow-image{width:63%;left:auto;right:0;object-fit:cover;z-index:0}.bps-flow.bps-bold .bps-flow-shade{display:none}.bps-flow.bps-bold .bps-flow-copy{max-width:52%;z-index:2;justify-content:center;padding-inline:7%;background:linear-gradient(90deg,#efe8dd 70%,#efe8dd00)}.bps-flow.bps-bold .bps-flow-second .bps-flow-copy{background:linear-gradient(90deg,#ffa08a 70%,#ffa08a00)}.bps-flow.bps-bold .bps-flow-copy h2{font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important;font-size:clamp(43px,6.2vw,80px)!important;letter-spacing:-.065em!important}.bps-flow-type{position:absolute;z-index:3;right:5%;bottom:28px;font:700 45px/1 Arial,sans-serif;color:#3853c4}
@media(min-width:1150px){.bps-story-controls button>span:last-child{display:inline}.bps-story-controls button{font-size:9px!important}}
@media(max-width:700px){
  .bps-eyebrow{font-size:9px;letter-spacing:.12em}.bps-headline{min-height:370px;padding:52px 7% 35px;gap:25px}.bps-headline-title{font-size:clamp(42px,10vw,70px)!important}.bps-headline-foot{align-items:flex-start;gap:20px;flex-direction:column}.bps-headline-foot p{font-size:12px}.bps-headline.bps-refined{padding:60px 9% 40px;min-height:400px}.bps-refined .bps-headline-title{font-size:clamp(48px,12vw,78px)!important}.bps-headline.bps-bold{min-height:370px;padding:50px 7% 35px}.bps-bold .bps-headline-title{font-size:clamp(49px,12.4vw,86px)!important;max-width:100%}.bps-headline-stamp{width:64px;height:64px;top:34px;right:7%;font-size:6px;opacity:.7}.bps-headline.bps-bold>.bps-eyebrow{max-width:65%}
  .bps-story{height:240svh;min-height:1250px}.bps-story-stage,.bps-warm .bps-story-stage,.bps-refined .bps-story-stage,.bps-bold .bps-story-stage{height:100svh;max-height:none;min-height:600px;grid-template-columns:1fr;grid-template-rows:44% 56%;padding:0}.bps-story-visual,.bps-bold .bps-story-visual{grid-column:1;grid-row:1;margin:0;border-radius:0}.bps-story-copy,.bps-warm .bps-story-copy,.bps-refined .bps-story-copy,.bps-bold .bps-story-copy{grid-column:1;grid-row:2;padding:20px 7% 18px;display:grid;grid-template-columns:1fr;align-content:center;border:0;justify-content:stretch}.bps-story-title,.bps-refined .bps-story-title,.bps-bold .bps-story-title{font-size:18px!important;margin:9px 0 20px!important;max-width:100%;font-family:inherit;line-height:1.25!important;letter-spacing:-.025em!important}.bps-story-chapter-box{min-height:110px}.bps-story-chapter h3,.bps-bold .bps-story-chapter h3{font-size:35px!important;line-height:1.05!important;margin:0 0 9px!important}.bps-story-chapter p{font-size:11px;max-width:none}.bps-chapter-number{font-size:8px;margin-bottom:9px}.bps-story-rule{margin:12px 0 7px}.bps-story-controls{gap:7px}.bps-story-controls button{font-size:9px!important;gap:6px;min-height:44px;padding:9px 7px}.bps-story-controls button>span:last-child{display:inline}.bps-story-hint{font-size:9px!important;margin-top:10px!important}.bps-story-art-label{font-size:8px;bottom:14px;left:7%}.bps-warm .bps-story-image{object-position:center 51%}.bps-bold .bps-story-image{object-fit:cover;object-position:center}.bps-refined .bps-story-visual{margin:0}
  .bps-flow-first,.bps-flow-second{height:72svh;min-height:440px}.bps-flow-second{height:calc(72svh + 90px);min-height:530px;margin-top:-90px;padding-top:90px}.bps-flow-copy{padding:40px 7%;gap:20px}.bps-flow-copy h2{font-size:clamp(39px,10vw,65px)!important}.bps-flow-second .bps-flow-copy{padding-top:70px}.bps-flow.bps-bold .bps-flow-copy{max-width:100%;justify-content:flex-start;height:50%;background:none!important;padding:35px 7%;gap:16px}.bps-flow.bps-bold .bps-flow-copy h2{font-size:clamp(38px,9.8vw,61px)!important}.bps-flow.bps-bold .bps-flow-image{width:100%;height:60%;top:auto;bottom:0;object-fit:cover}.bps-flow.bps-bold .bps-flow-second .bps-flow-copy{padding-top:45px}.bps-flow.bps-bold .bps-flow-type{bottom:18px;right:7%;font-size:30px}.bps-flow.bps-bold .bps-flow-copy .bps-action{margin-top:0}.bps-flow.bps-bold .bps-flow-second{min-height:600px}
}
@media(max-height:650px) and (min-width:701px){.bps-story-stage{min-height:480px}.bps-story-title{margin-bottom:25px!important}.bps-story-chapter-box{min-height:145px}.bps-story-copy{padding-top:25px;padding-bottom:25px}.bps-story-rule{margin-top:15px}.bps-story-hint{margin-top:12px!important}}
@media(max-height:600px){.bps-story-stage,.bps-warm .bps-story-stage,.bps-refined .bps-story-stage,.bps-bold .bps-story-stage{min-height:0;height:100svh}.bps-story-title,.bps-refined .bps-story-title,.bps-bold .bps-story-title{margin-bottom:20px!important;font-size:24px!important}.bps-story-chapter-box{min-height:115px}.bps-story-chapter h3,.bps-bold .bps-story-chapter h3{font-size:31px!important}.bps-story-copy,.bps-warm .bps-story-copy,.bps-refined .bps-story-copy,.bps-bold .bps-story-copy{padding-top:20px;padding-bottom:20px}.bps-story-rule{margin-top:12px;margin-bottom:7px}.bps-story-hint{margin-top:8px!important}}
@media(max-height:600px) and (max-width:700px){.bps-story-stage,.bps-warm .bps-story-stage,.bps-refined .bps-story-stage,.bps-bold .bps-story-stage{grid-template-rows:35% 65%}.bps-story-copy,.bps-warm .bps-story-copy,.bps-refined .bps-story-copy,.bps-bold .bps-story-copy{padding-top:12px;padding-bottom:12px}.bps-story-title{display:none}.bps-story-chapter-box{min-height:90px;margin-top:10px}.bps-story-chapter h3,.bps-bold .bps-story-chapter h3{font-size:27px!important}.bps-story-chapter p{font-size:10px}.bps-story-hint{display:none}.bps-chapter-number{margin-bottom:6px}}
@media(max-width:700px){.bps-bold .bps-story-rule{margin-top:40px;margin-bottom:10px}.bps-story-tool svg{width:44px;height:36px}}
@media(prefers-reduced-motion:reduce){.bps-headline-line>span,.bps-story-tool{will-change:auto}.bps-bold .bps-story-chapter{transition:none;transform:none}.bps-story-image{will-change:auto;transform:none!important}.bps-flow-second{--bps-flow-curve:44px}}

/* Bold: fixed print beds, joined by a reversible screen-printing pass. */
.bps-flow.bps-flow-liquid{height:220svh;min-height:0;overflow:visible}
.bps-flow-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.bps-flow-defs{position:absolute;pointer-events:none}
.bps-flow.bps-flow-liquid .bps-flow-first,.bps-flow.bps-flow-liquid .bps-flow-second{position:absolute;inset:0;height:100%;min-height:0;max-height:none;margin:0;padding:0;border-radius:0;background:none;overflow:visible;isolation:auto;z-index:auto;pointer-events:none}
.bps-flow-surface{position:absolute;overflow:hidden;isolation:isolate;z-index:0;background:#eee8de}
.bps-flow-second .bps-flow-surface{z-index:1;clip-path:inset(100% 0 0);will-change:clip-path}
/* Tool and mask share an identical percentage coordinate box at every size. */
.bps-flow-liquid .bps-flow-surface,.bps-flow-printbed{inset:8% 4% 8% 46%}
.bps-flow.bps-flow-liquid .bps-flow-image{width:100%;height:100%;top:0;bottom:0;object-position:center;object-fit:cover}
.bps-flow.bps-flow-liquid .bps-flow-copy{height:100%;max-width:46%;padding:40px 6%;gap:22px;justify-content:center;z-index:2;opacity:0;pointer-events:none;transition:opacity 65ms ease;background:none!important}
.bps-flow.bps-flow-liquid .bps-flow-copy h2{font-size:clamp(38px,5.5vw,76px)!important}
.bps-flow-description{max-width:280px;font-size:14px;line-height:1.75}
.bps-flow-inks{display:flex;align-items:center;gap:8px;margin-top:5px}
.bps-flow-inks i{display:block;width:16px;height:16px;border-radius:50%;background:#ee694c}
.bps-flow-inks i+i{background:#07519a}
.bps-flow-inks span{font-size:8px;letter-spacing:.08em;margin-left:5px}
.bps-flow-printbed{position:absolute;z-index:3;overflow:hidden;pointer-events:none;outline:1px solid #25283a18}
.bps-flow-carriage{position:absolute;inset:0;transform:translateY(118%);will-change:transform}
.bps-flow-squeegee{position:absolute;inset:0 0 auto;height:68px;max-height:17%;filter:drop-shadow(0 5px 3px #17130d29)}
.bps-flow-blade{position:absolute;inset:0 0 auto;height:12%;background:linear-gradient(#ee694c 0 22%,#202535 22% 88%,#58606b 88%);border-radius:1px}
.bps-flow-clamp{position:absolute;left:0;right:0;top:12%;height:24%;background:linear-gradient(#d5d8db,#f4f4ef 35%,#a4aaa9 80%,#777f83);border-bottom:1px solid #63696b}
.bps-flow-clamp:before,.bps-flow-clamp:after{content:'';position:absolute;top:30%;width:6px;height:40%;border-radius:50%;background:#7a8389;border:1px solid #e6e8e6}
.bps-flow-clamp:before{left:8%}.bps-flow-clamp:after{right:8%}
.bps-flow-handle{position:absolute;top:35%;left:7%;right:7%;height:59%;border-radius:0 0 5px 5px;border:1px solid #926f47;background:repeating-linear-gradient(0deg,#b9895417 0 1px,transparent 1px 5px),linear-gradient(#d9b588,#e3c296 65%,#c39a69);box-shadow:inset 0 -3px 2px #91612e26;display:grid;place-items:center;color:#684b31;font:600 8px/1 Arial,sans-serif;letter-spacing:.22em}
.bps-flow-registration{position:absolute;width:14px;height:14px;color:#25283a80}
.bps-flow-registration:before,.bps-flow-registration:after{content:'';position:absolute;background:currentColor}
.bps-flow-registration:before{left:6px;top:0;width:1px;height:14px}.bps-flow-registration:after{left:0;top:6px;width:14px;height:1px}
.bps-flow-registration-tl{top:14px;left:14px}.bps-flow-registration-tr{top:14px;right:14px}.bps-flow-registration-bl{bottom:14px;left:14px}.bps-flow-registration-br{bottom:14px;right:14px}
.bps-flow-print-label{position:absolute;left:40px;bottom:17px;font-size:8px;letter-spacing:.14em;color:#25283a;background:#eee8deeb;padding:5px 7px}
.bps-flow.bps-flow-liquid [aria-hidden=false]>.bps-flow-copy{opacity:1;pointer-events:auto;transition-duration:155ms;transition-delay:65ms}
.bps-flow.bps-flow-liquid .bps-flow-type{display:none}
.bps-flow-meter{position:absolute;z-index:4;left:7%;right:7%;bottom:18px;height:2px;background:#25283a26;pointer-events:none}
.bps-flow-meter>span{display:block;width:100%;height:100%;background:#3853c4;transform:scaleX(0);transform-origin:left}
@media(max-width:700px){
  .bps-flow.bps-flow-liquid .bps-flow-copy{height:44%;max-width:100%;padding:18px 7% 12px;gap:10px;justify-content:center}
  .bps-flow.bps-flow-liquid .bps-flow-copy h2{font-size:clamp(30px,9.2vw,46px)!important;line-height:1!important}
  .bps-flow-liquid .bps-flow-surface,.bps-flow-printbed{inset:46% 5% 5%}
  .bps-flow.bps-flow-liquid .bps-flow-image{width:100%;height:100%;top:0;bottom:0;object-position:center;object-fit:contain}
  .bps-flow-description{font-size:12px;line-height:1.55;max-width:360px}
  .bps-flow-inks{display:none}
  .bps-flow-print-label{font-size:7px;letter-spacing:.1em}
}
@media(max-height:550px) and (max-width:480px) and (orientation:portrait){
  .bps-flow.bps-flow-liquid .bps-flow-copy{height:42%;padding:12px 7%;gap:6px}
  .bps-flow.bps-flow-liquid .bps-flow-copy h2{font-size:30px!important}
  .bps-flow-liquid .bps-flow-description{display:none}
  .bps-flow-liquid .bps-flow-surface,.bps-flow-printbed{inset:44% 5% 5%}
}
@media(max-height:500px) and (max-width:700px) and (orientation:landscape){
  .bps-flow.bps-flow-liquid .bps-flow-copy{max-width:46%;height:100%;padding:20px 5%}
  .bps-flow-liquid .bps-flow-surface,.bps-flow-printbed{inset:8% 4% 8% 46%}
  .bps-flow.bps-flow-liquid .bps-flow-copy h2{font-size:clamp(26px,5.7vw,38px)!important}
  .bps-flow.bps-flow-liquid .bps-flow-image{width:100%;height:100%;top:0}
}
@media(prefers-reduced-motion:reduce){
  .bps-flow.bps-flow-liquid{height:auto}
  .bps-flow-liquid .bps-flow-stage{position:relative;height:auto}
  .bps-flow.bps-flow-liquid .bps-flow-first,.bps-flow.bps-flow-liquid .bps-flow-second{position:relative;height:100svh;min-height:440px;isolation:isolate}
  .bps-flow-liquid .bps-flow-surface{clip-path:none!important;will-change:auto}
  .bps-flow.bps-flow-liquid .bps-flow-copy{opacity:1;pointer-events:auto;transition:none}
  .bps-flow-liquid .bps-flow-meter,.bps-flow-liquid .bps-flow-printbed{display:none}
}
/* Cafe headline: a morning order, composed in three unhurried beats. */
.bps-headline.bwh{display:grid;grid-template-columns:1.3fr .7fr;gap:7%;align-items:center;padding:100px 7%;min-height:760px;background:#eee6d5;color:#493b2f;overflow:hidden}.bwh h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5.8vw,82px);line-height:1.05;letter-spacing:-.055em;margin:48px 0 30px}.bwh h2>span{display:block}.bwh h2 em{display:block;font-weight:400;color:#98603d}.bwh-note{font-size:16px;line-height:1.8;margin:0 0 32px;color:#75634f}.bwh-order{position:relative;padding:22px 0}.bwh-ticket{background:#fffaf0;padding:36px 26px 30px;box-shadow:0 20px 45px #493b2f20;transform:rotate(3deg);text-align:center;position:relative;border-bottom:6px dotted #eee6d5}.bwh-clip{position:absolute;width:62px;height:24px;background:#7e7968;left:calc(50% - 31px);top:10px;border-radius:4px;z-index:2;box-shadow:0 3px 4px #0002}.bwh-brand{display:block;font-size:30px;letter-spacing:-1.5px}.bwh-small{display:block;font:9px/1.6 monospace;letter-spacing:1px;margin-top:18px}.bwh-line{display:flex;justify-content:space-between;font:12px/1.5 monospace;text-align:left;padding:14px 0;border-bottom:1px dashed #9d8b7360;gap:8px}.bwh-total{font:28px/1.2 Georgia,serif;padding:26px 0 16px}.bwh-total em{color:#98603d}.bwh-stamp{display:inline-block;border:2px solid #8c5439;color:#8c5439;padding:9px 10px;font:10px monospace;letter-spacing:2px;transform:rotate(-8deg);margin:10px 0}.bwh-cup{width:84px;height:65px;border:2px solid #967658;border-radius:5px 5px 36px 36px;margin:66px auto 26px;position:relative}.bwh-cup:after{content:'';position:absolute;right:-24px;top:8px;width:22px;height:30px;border:2px solid #967658;border-radius:0 18px 20px 0}.bwh-coffee{position:absolute;inset:8px 5px 5px;background:#bc875b;border-radius:2px 2px 28px 28px;transform-origin:bottom}.bwh-steam{position:absolute;bottom:72px;left:7px;font:34px Georgia;color:#b79878;white-space:nowrap}.bwh[data-bwh-ready] .bwh-first{animation:bwh-rise 1.1s both}.bwh[data-bwh-ready] .bwh-second{animation:bwh-rise 1.2s .8s both}.bwh[data-bwh-ready] .bwh-coffee{animation:bwh-pour 1.8s .2s both}.bwh[data-bwh-ready] .bwh-steam{animation:bwh-rise 1.8s 1.3s both}.bwh[data-bwh-ready] .bwh-one{animation:bwh-rise .8s .4s both}.bwh[data-bwh-ready] .bwh-two{animation:bwh-rise .8s 1.2s both}.bwh[data-bwh-ready] .bwh-stamp{animation:bwh-stamp .65s 2.1s both}@keyframes bwh-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bwh-pour{from{transform:scaleY(.02)}to{transform:scaleY(1)}}@keyframes bwh-stamp{from{opacity:0;transform:rotate(-8deg) scale(1.3)}to{opacity:1;transform:rotate(-8deg) scale(1)}}@media(max-width:650px){.bps-headline.bwh{grid-template-columns:1fr;padding:64px 24px;gap:30px;min-height:0}.bwh h2{font-size:clamp(43px,10vw,64px);margin:32px 0 24px}.bwh-order{width:min(100%,310px);justify-self:center}.bwh .bps-action{min-height:44px}.bwh-ticket{padding:32px 24px}}@media(prefers-reduced-motion:reduce){.bwh *{animation:none!important;transition:none!important}}

/* Liquid fills the letterforms; the cup silhouette stays fixed throughout. */
.bwh h2{position:relative}.bwh h2 .bwh-fill{display:block;width:fit-content;max-width:100%;padding-bottom:.08em;margin-bottom:-.08em;color:transparent;background:linear-gradient(to bottom,#c79260 0%,#895033 18%,#493023 75%);background-repeat:no-repeat;background-position:left bottom;background-size:100% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bwh h2 .bwh-third{font-weight:400;background-image:linear-gradient(to bottom,#e0b581,#b77946 18%,#885232 75%)}.bwh[data-bwh-ready] h2 .bwh-fill{animation:bwh-letter-fill 2.4s linear both}.bwh[data-bwh-ready] h2 .bwh-second{animation-delay:1.1s}.bwh[data-bwh-ready] h2 .bwh-third{animation-delay:2.2s}.bwh h2:before{content:'';position:absolute;top:-32px;left:16%;width:3px;height:34px;border-radius:50%;background:linear-gradient(transparent,#a26b42);opacity:0;pointer-events:none}.bwh[data-bwh-ready] h2:before{animation:bwh-text-stream 2.5s both}.bwh-cup-inside{position:absolute;inset:4px;border-radius:2px 2px 29px 29px;overflow:hidden;isolation:isolate}.bwh-cup-inside .bwh-coffee{inset:0;background:linear-gradient(#d9aa73 0 4px,#a5693e 9px,#78472d);border-radius:0;transform:none}.bwh[data-bwh-ready] .bwh-coffee{animation:bwh-cup-fill 2.6s .15s cubic-bezier(.2,.5,.3,1) both}.bwh-cup-pour{position:absolute;left:37px;bottom:7px;width:3px;height:90px;background:linear-gradient(transparent,#a5693e 30%);opacity:0;border-radius:50%;pointer-events:none}.bwh[data-bwh-ready] .bwh-cup-pour{animation:bwh-cup-stream 2.7s both}.bwh[data-bwh-ready] .bwh-steam{animation-delay:2.7s}.bwh[data-bwh-ready] .bwh-stamp{animation-delay:4.4s}@keyframes bwh-letter-fill{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes bwh-cup-fill{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bwh-text-stream{0%{opacity:0;transform:scaleY(0)}12%{opacity:.8;transform:scaleY(1)}75%{opacity:.7}100%{opacity:0;transform:scaleY(.1)}}@keyframes bwh-cup-stream{0%{opacity:0;transform:scaleY(.1)}12%{opacity:1;transform:scaleY(1)}80%{opacity:1}100%{opacity:0;transform:scaleY(.1)}}@media(prefers-reduced-motion:reduce){.bwh[data-bwh-ready] h2 .bwh-fill,.bwh[data-bwh-ready] .bwh-coffee{animation:none;background-size:100% 100%;transform:none}.bwh h2:before,.bwh-cup-pour{display:none}}

/* The headline is words only; a continuous clip reveal avoids repainting its text gradient. */
.bwh h2:before{display:none!important}.bwh h2 .bwh-fill{background-size:100% 100%;will-change:clip-path}.bwh[data-bwh-ready] h2 .bwh-second{animation-delay:.55s}.bwh[data-bwh-ready] h2 .bwh-third{animation-delay:1.1s}@media(prefers-reduced-motion:reduce){.bwh h2 .bwh-fill{clip-path:none;will-change:auto}}

/* One shared clock and easing curve for the headline and the cup level. */
.bwh{--bwh-fill-time:2.6s;--bwh-fill-delay:.15s;--bwh-fill-ease:cubic-bezier(.2,.5,.3,1)}
.bwh[data-bwh-ready] h2 .bwh-fill{animation:bwh-letter-fill var(--bwh-fill-time) var(--bwh-fill-delay) var(--bwh-fill-ease) both}
.bwh[data-bwh-ready] .bwh-coffee{animation:bwh-cup-fill var(--bwh-fill-time) var(--bwh-fill-delay) var(--bwh-fill-ease) both}
.bwh[data-bwh-ready] .bwh-cup-pour{animation:bwh-cup-stream var(--bwh-fill-time) var(--bwh-fill-delay) linear both}
@media(prefers-reduced-motion:reduce){.bwh[data-bwh-ready] h2 .bwh-fill,.bwh[data-bwh-ready] .bwh-coffee{animation:none;clip-path:none;transform:none}}
/* The barista's notebook: a scroll-led photographic contact sheet. */
.bps-story.bws{background:#efe6d5;height:280svh;min-height:1500px}.bws .bps-story-stage{grid-template-columns:48% 52%;padding:48px 6%;gap:5%;max-height:none;min-height:640px;align-items:center}.bws .bps-story-visual{grid-column:2;background:transparent;border-radius:0;overflow:visible;height:78%;max-height:650px;transform:rotate(2deg)}.bws-photo{position:absolute;inset:0 0 42px;overflow:hidden;border:10px solid #fff9ec;box-shadow:0 15px 35px #50392220;border-radius:2px}.bws .bps-story-image{object-position:center;will-change:opacity,transform;clip-path:none}.bws .bps-story-image-1,.bws .bps-story-image-2{opacity:0}.bws-photo-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;font:9px/1.5 monospace;letter-spacing:.04em}.bws-note{position:absolute;left:-45px;bottom:65px;z-index:4;background:#fcf2d9;color:#724e32;padding:20px;box-shadow:0 8px 20px #39250e20;transform:rotate(-7deg);width:170px;display:flex;align-items:center;gap:10px;font:italic 18px/1.2 Georgia}.bws-note svg{width:62px;flex-shrink:0;overflow:visible}.bws .bps-story-copy{grid-column:1;padding:0;max-width:460px}.bws .bps-story-title{font:400 clamp(35px,4.5vw,62px)/1.06 Georgia!important;max-width:none;margin:30px 0 45px!important}.bws .bps-story-title em{color:#a66b42;font-weight:400}.bws .bps-story-chapter-box{display:grid;min-height:190px}.bws .bps-story-chapter{grid-area:1/1;opacity:0;transform:translateY(7px);pointer-events:none;transition:opacity 180ms ease,transform 180ms ease}.bws .bps-story-chapter[aria-hidden=false]{opacity:1;transform:none}.bws .bps-story-chapter h3{font:400 clamp(28px,3vw,39px)/1.15 Georgia!important;color:#513822}.bws .bps-story-chapter p{font-size:14px;line-height:1.7;max-width:340px}.bws .bps-chapter-number{color:#a16b42;letter-spacing:.15em}.bws-brew{display:flex;align-items:center;gap:12px;margin:18px 0 22px;font:8px monospace;letter-spacing:.07em}.bws-track{height:3px;background:#cdbba0;flex:1;position:relative;overflow:hidden}.bws-track span{position:absolute;inset:0;background:#985c35;transform-origin:left;transform:scaleX(0)}.bws .bps-story-controls button>span:last-child{display:inline}.bws .bps-story-controls button{border:0;border-bottom:1px solid #ae9577;justify-content:flex-start;padding:12px 8px;gap:9px;font-size:11px!important}.bws .bps-story-controls button[aria-pressed=true]{background:#624532;color:#fff8e8}.bws .bps-story-hint{margin-top:16px!important}
@media(max-width:700px){.bps-story.bws{height:270svh;min-height:1400px}.bws .bps-story-stage{grid-template-columns:1fr;grid-template-rows:42% 58%;padding:20px 24px;gap:0;min-height:0;height:100svh}.bws .bps-story-visual{grid-column:1;grid-row:1;height:95%;width:87%;justify-self:end;transform:rotate(2deg)}.bws-photo{inset:0 0 25px;border-width:6px}.bws-photo-caption{font-size:7px}.bws-note{left:-30px;bottom:42px;width:135px;padding:12px;font-size:15px}.bws-note svg{width:45px}.bws .bps-story-copy{grid-column:1;grid-row:2;max-width:none;padding:12px 0 0;display:block}.bws .bps-story-title{font-size:30px!important;margin:9px 0 18px!important}.bws .bps-story-title br{display:none}.bws .bps-story-chapter-box{min-height:125px}.bws .bps-story-chapter h3{font-size:28px!important;margin-bottom:8px!important}.bws .bps-story-chapter p{font-size:12px;line-height:1.5}.bws .bps-chapter-number{margin-bottom:7px;font-size:8px}.bws-brew{margin:10px 0}.bws .bps-story-controls button{font-size:10px!important}.bws .bps-story-hint{margin-top:9px!important}}
@media(max-height:650px){.bws .bps-story-stage{min-height:0}.bws .bps-story-title{font-size:30px!important;margin:10px 0 15px!important}.bws .bps-story-chapter-box{min-height:120px}.bws .bps-story-chapter h3{font-size:26px!important}.bws .bps-story-chapter p{font-size:12px}.bws-brew{margin:8px 0}.bws .bps-story-hint{display:none}}
@media(max-height:650px) and (max-width:700px){.bws .bps-story-stage{grid-template-rows:32% 68%;padding:14px 20px}.bws .bps-story-title{font-size:25px!important}.bws .bps-story-chapter-box{min-height:115px}.bws-note{display:none}.bws-photo-caption{display:none}.bws-photo{bottom:8px}}
@media(prefers-reduced-motion:reduce){.bws .bps-story-chapter,.bws .bps-story-image{transition:none!important;transform:none!important}}
.bws .bps-story-stage{grid-template-columns:45% 50%}.bws-note{width:210px;box-sizing:border-box;display:grid;grid-template-columns:1fr 62px}.bws-note span{min-width:0}@media(max-width:700px){.bws .bps-story-stage{grid-template-columns:1fr}.bws-note{width:165px;grid-template-columns:1fr 45px}}

/* Let outgoing copy fade away before the next stage gently arrives. */
.bws .bps-story-chapter{transition:opacity 220ms ease,transform 220ms ease;transform:translateY(-4px)}
.bws .bps-story-chapter[aria-hidden=false]{transition:opacity 520ms cubic-bezier(.22,.61,.36,1) 170ms,transform 520ms cubic-bezier(.22,.61,.36,1) 170ms;transform:translateY(0)}
.bws .bps-story-image-0{object-position:50% 70%}
.bws .bps-story-image-2{object-position:42% 62%}
.bws .bps-story-chapter-box{min-height:205px}
@media(max-width:700px){.bws .bps-story-chapter-box{min-height:145px}.bws .bps-story-image-0{object-position:50% 70%}}
@media(max-height:650px){.bws .bps-story-chapter-box{min-height:135px}}
@media(prefers-reduced-motion:reduce){.bws .bps-story-chapter,.bws .bps-story-chapter[aria-hidden=false]{transition:none;transform:none}}

/* Keep the preparation photographs unobstructed. */
.bws-note{display:none}
.bws .bps-story-image-2{object-position:45% 68%}

/* Drink explorer: selection-driven reveal independent of scrolling. */
.bps-flow.bdc{height:auto;min-height:760px;background:#eee3cf;color:#503622;display:grid;grid-template-columns:42% minmax(0,1fr);padding:70px 6%;gap:40px;overflow:hidden;transition:background-color .8s ease}.bdc[data-drink="1"]{background:#e7dcc8}.bdc[data-drink="2"]{background:#e5e4da}.bdc-intro{align-self:center}.bdc .bps-eyebrow{font:9px/1.6 sans-serif;letter-spacing:.16em}.bdc h2{font:400 clamp(48px,5.5vw,82px)/1.02 Georgia!important;letter-spacing:-.045em;margin:28px 0!important;color:#503622}.bdc h2 em{font-weight:400;color:#98704f}.bdc-intro>p{font:14px/1.8 sans-serif}.bdc-choices{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.bdc-choices button{font:12px sans-serif;min-height:48px;padding:12px 16px;border:1px solid #96795866;border-radius:30px;background:transparent;color:#503622;cursor:pointer;transition:background .25s,color .25s}.bdc-choices button span{font:9px monospace;opacity:.6;margin-right:8px}.bdc-choices button[aria-pressed=true]{background:#503622;color:#fff4df;border-color:#503622}.bdc button:focus-visible{outline:3px solid #a26736;outline-offset:4px}.bdc-detail{border-top:1px solid #96795855;padding-top:22px;min-height:155px;max-width:360px}.bdc-detail>span{font:10px sans-serif;text-transform:uppercase;letter-spacing:.14em}.bdc-detail h3{font:400 27px/1.2 Georgia;margin:12px 0}.bdc-detail p{font:13px/1.7 sans-serif;max-width:330px}.bdc-foot{font:8px monospace;letter-spacing:.12em;opacity:.7}.bdc-visual{position:relative;min-width:0;align-self:center;padding-bottom:50px}.bdc-photos{position:relative;height:590px;overflow:hidden;border-radius:220px 220px 12px 12px;background:#6f543c;isolation:isolate}.bdc-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none}.bdc-photo[data-bdc-image="2"]{object-position:50% 65%}.bdc-photo-number{position:absolute;bottom:20px;left:0;font:10px monospace;letter-spacing:.15em}.bdc-signature{position:absolute;bottom:0;right:0;font:italic 19px/1.1 Georgia;text-align:right}.bdc-signature em{font-style:normal}
@media(max-width:900px){.bps-flow.bdc{gap:24px;padding:50px 5%;grid-template-columns:42% minmax(0,1fr)}.bdc-photos{height:510px}.bdc-choices{gap:6px}.bdc-choices button{padding:10px 12px}.bdc-choices button span{display:none}}
@media(max-width:600px){.bps-flow.bdc{display:flex;flex-direction:column;gap:24px;padding:32px 6%;min-height:0}.bdc-intro{display:contents}.bdc .bps-eyebrow{order:0;font-size:8px}.bdc h2{order:1;font-size:48px!important;margin:0!important}.bdc h2 br{display:none}.bdc-intro>p{display:none}.bdc-visual{order:2;width:100%;padding-bottom:40px}.bdc-photos{height:340px;border-radius:150px 150px 10px 10px}.bdc-signature{font-size:15px}.bdc-choices{order:3;flex-wrap:nowrap;margin:0;gap:6px}.bdc-choices button{flex:1;padding:12px 10px;font-size:12px}.bdc-detail{order:4;min-height:130px;width:100%;max-width:none;padding-top:16px}.bdc-detail h3{font-size:25px}.bdc-foot{order:5}.bdc-photo[data-bdc-image="2"]{object-position:50% 59%}}
@media(prefers-reduced-motion:reduce){.bps-flow.bdc,.bdc-choices button{transition:none}}

.bdc-photo[data-bdc-image="0"]{object-position:50% 82%}.bdc-photo[data-bdc-image="2"]{object-position:50% 52%}.bdc-credits{margin-top:16px;font:10px/1.6 sans-serif;max-width:360px}.bdc-credits summary{cursor:pointer;min-height:28px}.bdc-credits a{color:inherit;text-decoration:underline}.bdc-credits p{margin:8px 0}@media(max-width:600px){.bdc-credits{order:6;margin:0}}

/* Naturally front-facing flat white photograph. */


.bdc-photo[data-bdc-image="1"]{height:100%;top:0;object-fit:cover;object-position:50% 50%;transform:none;background:#d8cdbd}

.bdc .bdc-photos{height:auto;aspect-ratio:1 / 1}