.journey-bookmark{
  --journey-paper:#eee6d2;
  --journey-ink:#3f3020;
  --journey-soft:#705e49;
  --journey-terra:#c85f43;
  position:fixed;
  z-index:80;
  left:clamp(.8rem,2vw,1.5rem);
  bottom:clamp(.8rem,2vw,1.5rem);
  width:min(calc(100vw - 1.6rem),21rem);
  color:var(--journey-ink);
  filter:drop-shadow(0 1.2rem 2.4rem rgba(23,19,14,.18));
  animation:journeyBookmarkArrive .65s cubic-bezier(.2,.78,.2,1) both;
}
.journey-bookmark::before{content:"";position:absolute;z-index:-1;inset:-.42rem .85rem auto;width:3.7rem;height:1.1rem;background:rgba(200,95,67,.26);transform:rotate(-3deg);mix-blend-mode:multiply;}
.journey-bookmark-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:.7rem;padding:1rem 1rem .9rem;border:1px solid rgba(63,48,32,.24);background:linear-gradient(105deg,rgba(238,230,210,.98),rgba(216,207,180,.96));text-decoration:none;overflow:hidden;}
.journey-bookmark-card::after{content:"";position:absolute;right:-1.5rem;bottom:-2.3rem;width:7.5rem;aspect-ratio:1;border:1px solid rgba(159,50,35,.18);border-radius:48% 52% 44% 56%;background:radial-gradient(circle,rgba(200,95,67,.12),transparent 68%);pointer-events:none;}
.journey-bookmark-kicker{grid-column:1;display:block;color:#9f3223;font-size:.56rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;}
.journey-bookmark strong{grid-column:1;display:block;margin-top:.22rem;font-family:'Hahmlet',serif;font-size:1.05rem;line-height:1.35;letter-spacing:-.02em;}
.journey-bookmark small{grid-column:1;display:block;color:var(--journey-soft);font-size:.69rem;line-height:1.55;}
.journey-bookmark-arrow{grid-column:2;grid-row:1/4;align-self:center;color:#9f3223;font-size:1.2rem;transition:transform .25s ease;}
.journey-bookmark-card:is(:hover,:focus-visible) .journey-bookmark-arrow{transform:translateX(.35rem);}
.journey-bookmark-dismiss{position:absolute;z-index:2;right:.35rem;top:.28rem;width:1.9rem;height:1.9rem;border:0;background:transparent;color:rgba(63,48,32,.55);font:inherit;font-size:.9rem;cursor:pointer;}
.journey-bookmark-progress{grid-column:1/3;height:1px;margin-top:.35rem;background:rgba(63,48,32,.15);overflow:hidden;}
.journey-bookmark-progress i{display:block;width:var(--journey-progress,0%);height:100%;background:var(--journey-terra);transform-origin:left;animation:journeyProgressDraw .8s .25s ease both;}
@keyframes journeyBookmarkArrive{from{opacity:0;transform:translateY(1.2rem) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes journeyProgressDraw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:560px){.journey-bookmark{left:.65rem;bottom:.65rem;width:calc(100vw - 1.3rem)}.journey-bookmark-card{padding:.72rem 2.1rem .68rem .85rem}.journey-bookmark strong{font-size:.92rem}.journey-bookmark small{display:none}.journey-bookmark-progress{margin-top:.15rem}}
@media(prefers-reduced-motion:reduce){.journey-bookmark,.journey-bookmark-progress i{animation:none!important}.journey-bookmark-arrow{transition:none!important}}