.photo-story.coffee-story{--paper:#fff8ec;--quiet:#e1d7c7;--gold:#dfbb82;background:#171913;color:var(--paper)}
.photo-story.coffee-story header{background:linear-gradient(180deg,#11150fe6,transparent)}
.photo-story.coffee-story header img{filter:none}
.photo-story.coffee-story header .lnk{color:#fff8ec}
.photo-story.coffee-story .cta{background:#f0dfc0;color:#27291f;border-color:#f0dfc0}
.photo-story.coffee-story .journey-frame{background:#171913}
.photo-story .photo-ready .journey-poster{display:none}
.photo-story.coffee-story .journey-vignette{background:linear-gradient(90deg,rgba(12,17,12,.84) 0%,rgba(12,17,12,.70) 26%,rgba(12,17,12,.26) 47%,transparent 65%),linear-gradient(0deg,rgba(10,14,10,.78),transparent 23%,transparent 73%,rgba(10,14,10,.34));z-index:1}
.photo-story.coffee-story .edition{color:#e4dac8;border-color:#f6e9d137;text-shadow:0 1px 10px #0008}
.photo-story.coffee-story .story-copy{width:39%;top:29%}
.photo-story.coffee-story .story-chapter h1,.photo-story.coffee-story .story-chapter h2{color:#fff9ef;text-shadow:0 3px 28px #0004}
.photo-story.coffee-story .story-chapter>p:last-child{color:#e5dbce;text-shadow:0 2px 14px #0008}
.photo-story.coffee-story .chapter-kicker{color:#e9c996}
.photo-story.coffee-story .scroll-cue{color:#eee4d6}
.photo-story.coffee-story .chapter-nav button,.photo-story.coffee-story .motion-toggle{color:#fff8ec;background:#182015b8;border-color:#f0dfc050;backdrop-filter:blur(10px)}
.photo-story.coffee-story .chapter-nav [aria-current]{background:#edddbf;color:#27291f;border-color:#edddbf}
.photo-story.coffee-story :focus-visible{outline-color:#f6dfb2}
.photo-story.coffee-story .journey-progress{background:#f0dfc028}
.photo-story.coffee-story .art-caption{display:none}
.photo-story.coffee-story .story-end{background:#20251d;border-color:#e9d9ba26}
.photo-story.coffee-story .story-end p,.photo-story.coffee-story footer{color:#d3cbbe}
.photo-story.coffee-story .story-outline li{border-color:#e9d9ba26}
.photo-story.coffee-story .study-note{color:#b7ae9e!important}
.photo-story.coffee-story .story-end .g{color:#e9c996}
.photo-scene{position:absolute;inset:0;overflow:hidden;isolation:isolate;pointer-events:none;opacity:0;background:#171913}
.photo-scene--ready{opacity:1}
.photo-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;user-select:none}
.photo-room-space,.photo-room-layer{position:absolute;inset:0;overflow:hidden}
.photo-room-image{object-position:50% 50%}
.photo-room-layer{will-change:clip-path}
.photo-wipe-seam{position:absolute;top:0;bottom:0;width:1px;background:#fff4d5;box-shadow:0 0 15px 3px #fff4d54d;opacity:0;pointer-events:none}
.photo-wipe-seam--after{background:#e0c399;box-shadow:0 0 15px 3px #e0c39955}
@media(max-width:760px){
  .photo-story.coffee-story .journey-vignette{background:linear-gradient(180deg,rgba(12,17,12,.80) 0%,rgba(12,17,12,.73) 24%,rgba(12,17,12,.36) 38%,transparent 52%,transparent 78%,rgba(10,14,10,.83) 100%)}
  .photo-story.coffee-story .story-copy{top:135px;width:calc(100% - 48px)}
  .photo-story.coffee-story .story-chapter h1,.photo-story.coffee-story .story-chapter h2{font-size:clamp(30px,8.8vw,39px)}
  .photo-story.coffee-story .story-chapter>p:last-child{font-size:12px;margin-top:10px}
  .photo-story.coffee-story .edition{color:#e8dfcf}
  .photo-room-image{object-position:44% 50%}
  .photo-story.coffee-story .chapter-nav button,.photo-story.coffee-story .motion-toggle{background:#182015d4}
}
@media(max-height:640px){
  .photo-story.coffee-story .story-copy{top:110px;width:40%}
  .photo-story.coffee-story .story-chapter h1,.photo-story.coffee-story .story-chapter h2{font-size:clamp(24px,3.4vw,34px)}
}
@media(prefers-reduced-motion:reduce){.photo-room-layer{will-change:auto}}