:root{--dark:#1b120f;--ink:#251812;--cream:#fbf3e5;--paper:#fff;--gold:#fac777;--rust:#8b3820;--line:#dfc7a6;--muted:#655247;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:1rem/1.65 var(--sans)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.24em}a:hover{color:#9a4428}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #aa5a18;outline-offset:4px}h1,h2,h3,p{margin:0 0 1rem}h1,h2,h3{font-family:var(--serif);font-weight:normal;line-height:1.06}h1{font-size:clamp(3rem,7vw,6.9rem);letter-spacing:-.065em}h2{font-size:clamp(2.35rem,4.7vw,4.65rem);letter-spacing:-.052em}h3{font-size:1.65rem;letter-spacing:-.025em}p{max-width:68ch}small{font-size:.83rem}.wrap{width:min(1160px,calc(100% - 44px));margin-inline:auto}.read{width:min(760px,calc(100% - 44px));margin-inline:auto}.skip{position:absolute;left:1rem;top:-100px;background:white;z-index:9;padding:.6rem}.skip:focus{top:.5rem}.top{background:#21140e;color:var(--cream);border-bottom:1px solid #60422d}.bar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.1rem}.brand{display:flex;gap:.65rem;align-items:center;text-decoration:none;font-family:var(--serif);font-size:1.22rem;line-height:1.05;white-space:nowrap}.brand small{display:block;font:600 .59rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#f0ba76;margin-top:.3rem}.brand img{flex:none}.top nav,.navlinks{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.8rem);flex-wrap:wrap}.top nav a{text-decoration:none;font-size:.86rem}.top a:hover,.top [aria-current]{color:var(--gold)}.menu,.mobile-nav{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:48px;border-radius:100px;padding:.67rem 1.23rem;text-decoration:none;font-weight:760;font-size:.88rem;background:linear-gradient(115deg,#ffda8d,#e99842);color:#24150c;border:1px solid #f3b963;box-shadow:0 5px 22px #39170022;transition:transform .2s,box-shadow .2s}.btn:hover{color:#24150c;transform:translateY(-3px);box-shadow:0 8px 24px #b8693540}.btn.alt{background:linear-gradient(115deg,#834129,#52261a);color:#fff6df;border-color:#905b3f}.btn.ghost{background:transparent;border-color:currentColor;color:inherit;box-shadow:none}.amz{font-size:.88em;font-weight:850;letter-spacing:-.06em;display:inline-block;line-height:1;border-bottom:2px solid #9b421c;border-radius:0 0 45% 42%;padding:0 2px 3px}.hero{color:var(--cream);background:radial-gradient(ellipse at 78% 34%,#75472e 0%,#40251a 38%,#21140e 77%);position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:-70% -25% 18% 10%;transform:rotate(-22deg);pointer-events:none;background:linear-gradient(90deg,transparent 48%,#ffd59815 50%,transparent 60%)}.hero-grid,.split{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:clamp(1.5rem,5vw,6rem)}.hero-grid{position:relative;min-height:620px;padding-block:clamp(3.4rem,6vw,6.5rem)}.hero h1{margin-bottom:1.4rem}.hero h1 em,.band h2 em{color:var(--gold);font-weight:normal}.eyebrow{font-size:.7rem;font-weight:790;text-transform:uppercase;letter-spacing:.21em;color:var(--rust);display:block;margin:0 0 1.1rem}.hero .eyebrow,.band .eyebrow,.dark .eyebrow{color:var(--gold)}.hero .lead{color:#ffebd2;max-width:48ch}.lead{font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.58;color:var(--muted)}.actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-block:1.55rem}.formatline{color:#eacbb0;font-size:.8rem}.bookstage{position:relative;display:grid;justify-items:center;text-align:center;isolation:isolate;gap:1.6rem;min-width:0}.bookstage::before{content:"";position:absolute;width:min(100%,470px);aspect-ratio:1;border:1px solid #d69a6650;border-radius:100%;top:50%;left:50%;transform:translate(-50%,-55%);z-index:-1;box-shadow:0 0 0 18px #e5aa690b,0 0 0 38px #e5aa6908}.orbit{perspective:1050px;width:clamp(150px,24vw,290px);aspect-ratio:680/1027}.volume{height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(-23deg) rotateX(5deg)}.front,.back,.edge,.spine{position:absolute;inset:0;backface-visibility:hidden;border-radius:3px;overflow:hidden}.front{transform:translateZ(13px);box-shadow:0 22px 50px #10070390}.back{transform:rotateY(180deg) translateZ(13px);background:#512c1c}.front img,.back img{height:100%;width:100%;object-fit:cover}.edge,.spine{width:26px;left:100%;right:auto;margin-left:-13px;transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#dec9a7 0 2px,#9b7756 3px,#e6d3b0 4px)}.spine{left:0;transform:rotateY(-90deg);background:linear-gradient(90deg,#26160f,#815a38,#322115);color:#f7e5c6;writing-mode:vertical-rl;text-align:center;padding-block:3px;font:13px var(--serif);display:grid;place-items:center}.ribbon{background:#48271b;color:#ffdfb5;border-block:1px solid #8c5d3d}.ribbon .wrap{padding:.77rem 0;display:flex;justify-content:space-between;gap:.7rem;font-size:.8rem;align-items:center}.ribbon a:hover{color:#fff}.section{padding-block:clamp(3.7rem,8vw,7.1rem)}.section.compact{padding-block:clamp(2.7rem,6vw,4.5rem)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.85rem}.section-head h2{margin-bottom:0}.chapter-list{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.chapter-list a{display:grid;grid-template-columns:2.4rem 1fr 1.1rem;align-items:center;gap:.35rem;padding:.82rem .5rem;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .2s,background .2s}.chapter-list a:hover{padding-left:1rem}.chapter-list b{font:1.3rem var(--serif)}.chapter-list span{font-size:.74rem;font-weight:800;color:var(--rust)}.band,.dark{color:#fff0da;background:radial-gradient(ellipse at 86% 20%,#5d3223,#241610 75%)}.band .split{grid-template-columns:1fr 1fr}.band img.photo{aspect-ratio:3/2;object-fit:cover;border-radius:.5rem}.band .lead,.dark .lead{color:#f0ceb3}.band blockquote{font:italic clamp(1.55rem,3vw,2.7rem)/1.18 var(--serif);margin:0 0 1rem;color:#ffe0a8}.band blockquote cite{display:block;font:650 .75rem var(--sans);margin-top:.7rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{display:flex;flex-direction:column;align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:.72rem;padding:1.35rem;transition:transform .2s,box-shadow .2s;min-width:0}.card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #61391718}.card .eyebrow{margin-bottom:.7rem}.card h2,.card h3{font-size:1.7rem;line-height:1.13}.card p{font-size:.93rem;color:var(--muted)}.card .link{margin-top:auto}.link{font-size:.91rem;font-weight:760;color:var(--rust)}.formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.formats a{min-height:61px;background:#fff;border:1px solid #d9ad79;border-radius:16px;text-decoration:none;padding:.6rem .75rem;display:flex;justify-content:space-between;align-items:center;gap:.4rem;color:#512718;transition:transform .2s}.formats a:hover{transform:translateY(-3px)}.formats a b{font-size:.9rem}.formats .amz{font-size:.68rem}.footer{background:#1c120e;color:#f7e8d5;padding:3rem 0}.footgrid{display:grid;grid-template-columns:1.25fr 1fr;gap:2rem}.footer a:hover{color:var(--gold)}.footer p{color:#e1c2a6;font-size:.85rem}.footer .navlinks a{font-size:.85rem}.site-note{border-top:1px solid #604637;margin-top:1.4rem;padding-top:1rem}.pagehead{padding-block:clamp(2.8rem,7vw,5rem);background:radial-gradient(ellipse at 85% 20%,#573223,#241610 78%);color:#fff5e4}.pagehead h1{font-size:clamp(2.8rem,6vw,5.3rem);max-width:20ch}.pagehead .lead,.pagehead .crumb{color:#f3d9bc}.pagehead .eyebrow{color:var(--gold)}.crumb{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.78rem;color:var(--muted);margin-bottom:1.2rem}.faq{border-top:1px solid var(--line)}details.q{border-bottom:1px solid var(--line);padding:0 .25rem}details.q summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer;font-weight:700;padding:.9rem 0}details.q summary::-webkit-details-marker{display:none}details.q summary::after{content:"+";font-size:1.35rem;color:var(--rust)}details.q[open] summary::after{content:"−"}details.q p{color:var(--muted);padding-right:1rem}.faqgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem}.bio-photo{border-radius:.55rem;width:100%;max-width:480px}.article p{font-size:1.08rem}.article h2{font-size:clamp(1.9rem,3.8vw,2.6rem);margin-top:2rem}.answer{background:var(--paper);border-left:4px solid #a4542b;padding:1rem 1.3rem;border-radius:0 .5rem .5rem 0}.answer p{margin:0}.ref-list,.chips{display:flex;gap:.55rem;flex-wrap:wrap;padding:0;list-style:none}.ref-list a,.chip{display:inline-flex;min-height:42px;align-items:center;padding:.37rem .83rem;border:1px solid #cfab83;border-radius:80px;background:#fff;color:#6b301d;font-weight:690;font-size:.84rem}.chip[aria-pressed=true]{background:#733b26;color:#fff6df}.filters{margin-bottom:1.5rem}.filters label{display:block;font-weight:760;margin-bottom:.3rem}.filters input{width:min(100%,440px);border:1px solid #aa815f;border-radius:12px;padding:.6rem .85rem;background:#fff;color:var(--ink)}.count{font-size:.83rem;color:var(--muted)}[hidden]{display:none!important}.review{font-size:1.05rem;margin:0 0 1.1rem}.reviews .card{padding:1.6rem}.fine{color:var(--muted);font-size:.88rem}.titlelock{max-width:17ch}.daytimes{color:var(--gold);font-weight:780}.border-top{border-top:1px solid var(--line)}
@media(max-width:850px){.bar{min-height:65px}.top nav{display:none}.menu{display:inline-flex}.mobile-nav{padding-bottom:1rem}.mobile-nav[open]{display:block}.mobile-nav summary{position:absolute;right:22px;top:12px;color:#2b170d}.mobile-nav .navlinks{padding:.3rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.hero-grid{min-height:0}.hero h1{font-size:clamp(3.5rem,10vw,6rem)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wrap,.read{width:calc(100% - 36px)}.hero-grid,.split,.band .split,.faqgrid,.footgrid{grid-template-columns:1fr}.hero-grid{padding-top:3.1rem;gap:1.65rem}.bookstage{gap:1.2rem}.bookstage::before{max-width:290px}.orbit{width:clamp(152px,47vw,210px)}.ribbon .wrap{align-items:start;flex-direction:column;gap:.15rem}.section-head{align-items:start;flex-direction:column}.cards{grid-template-columns:1fr}.formats{gap:.5rem}.formats a{padding:.56rem}.formats .amz{display:none}.mobile-nav summary{right:18px}.footgrid{gap:.75rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.btn:hover,.card:hover,.formats a:hover{transform:none}}

@media(max-width:850px){.mobile-nav{display:block}.mobile-nav:not([open]){padding-bottom:0}.mobile-nav summary{list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}}
.verses .card blockquote{font:italic 1.25rem/1.45 var(--serif);margin:0 0 1.1rem}.verses .card cite{font-style:normal}
.hero .subtitle{color:#f9cf9a;font-size:.92rem;font-weight:650;max-width:50ch}


@media (prefers-reduced-motion: no-preference) {
  .book-in-view .volume { animation: book-turn 7.5s linear infinite; }
}

@keyframes book-turn {
  0%, 20%, 82%, 100% { transform: translateZ(0) rotateY(-23deg); }
  47%, 57% { transform: translateZ(18px) rotateY(16deg); }
}

.study-layout {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  align-items: center;
  gap: clamp(1.5rem, 4vw, 3.5rem);
}
.study-graphic {
  width: 100%;
  border: 1px solid #926241;
  border-radius: .75rem;
  box-shadow: 0 16px 40px #11090570;
}
@media (max-width: 760px) {
  .study-layout { grid-template-columns: 1fr; }
}

.author-intro {
  display: grid;
  grid-template-columns: clamp(92px, 13vw, 156px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(.85rem, 2vw, 1.5rem);
}
.author-portrait {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: .6rem;
}


.home-reviews { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 620px) {
  .home-reviews { grid-template-columns: 1fr; }
}

.home-reviews .card {
  background: #35221a;
  border-color: #896448;
}
.home-reviews .card p { color: #f0d6bb; }
#reader-reviews .link { color: var(--gold); }
#reader-reviews .link:hover { color: #fff0da; }
#reader-reviews a:focus-visible { outline-color: var(--gold); }

.short-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(200px, 23vw, 252px);
  align-items: center;
  gap: clamp(1.5rem, 6vw, 5rem);
}
.video-card.trailer { max-width: 860px; margin-inline: auto; }
.short-feature h2 { max-width: 17ch; }
.video-card h3 { margin-bottom: .7rem; }
.video-card > .link { display: inline-block; margin-top: .65rem; }
.video-frame {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  min-height: 200px;
  border-radius: .7rem;
  background: #1b120f;
}
.video-card.short .video-frame { aspect-ratio: 9 / 16; }
.video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 760px) {
  .short-feature { grid-template-columns: 1fr; }
  .video-card.short { width: min(100%, 252px); }
}

.healing-video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 736 / 400;
  border-radius: .5rem;
  background: #1b120f;
}

.weekly-illustration { margin: 1.3rem 0 2rem; }
.weekly-illustration img { width: 100%; height: auto; border-radius: .6rem; }
.weekly-illustration figcaption { margin-top: .4rem; }

.pagehead-art {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: center;
  min-height: clamp(390px, 45vw, 620px);
  overflow: hidden;
  background: #1c171a;
  color: var(--cream);
}
.pagehead-picture,
.pagehead-art::before {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.pagehead-picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}
.pagehead-art::before {
  content: "";
  z-index: 0;
  background: linear-gradient(90deg, #171621e8 0%, #171621b3 30%, transparent 69%);
}
.pagehead-art .wrap {
  position: relative;
}
.pagehead-art h1,
.pagehead-art .lead {
  max-width: 29rem;
  color: var(--cream);
}
.pagehead-art h1 {
  font-size: clamp(2.45rem, 4.7vw, 4.4rem);
}
.pagehead-art .crumb a,
.pagehead-art .eyebrow {
  color: var(--gold);
}
@media (max-width: 620px) {
  .pagehead-art {
    min-height: 570px;
    align-items: end;
    padding-bottom: 2.4rem;
  }
  .pagehead-picture {
    bottom: 25%;
  }
  .pagehead-picture img {
    object-position: 58% 33%;
  }
  .pagehead-art::before {
    background: linear-gradient(0deg, #1c171a 20%, #1c171ae8 43%, #1c171a20 75%, transparent);
  }
}

.study-invite-card {
  max-width: 46rem;
  margin-inline: auto;
  padding: clamp(1.2rem, 4vw, 2rem);
  border-radius: 1rem;
  border: 1px solid #a38ac9;
  background: linear-gradient(135deg, #28204c, #162742);
  color: #f9f4ff;
}
.study-invite-card h2 { color: inherit; }
.study-invite-card .btn, .study-invite-card .button { margin-top: .5rem; }

.healing-story {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: center;
  min-height: clamp(25rem, 43vw, 36rem);
  background: #1b141b;
  color: #fff5e9;
  overflow: hidden;
}
.healing-story > .healing-story-art {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right 36%;
}
.healing-story::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, #1b141be8, #1b141bb5 32%, #1b141b16 64%, transparent);
}
.healing-story-copy { max-width: min(43%, 28rem); padding-block: 2rem; }
.healing-story-copy h2 { color: inherit; font-size: clamp(2.15rem, 4.4vw, 4rem); }
.healing-story-copy .eyebrow { color: var(--gold); }
.split-teaching-head {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: center;
  min-height: clamp(24rem, 39vw, 35rem);
  padding-block: clamp(2.5rem, 5vw, 4.5rem);
  overflow: hidden;
  background: #1c171a;
  color: var(--cream);
  text-align: left;
}
.split-teaching-head > .wrap { position: static; }
.split-teaching-head::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgb(28 23 26 / .98), rgb(28 23 26 / .88) 29%, rgb(28 23 26 / .35) 59%, transparent 85%);
}
.split-teaching-head img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: right 32%;
  border-radius: 0;
}
.split-teaching-head > .wrap > div { width: min(48%, 37rem); min-width: 0; }
.split-teaching-head h1 { font-size: clamp(2.15rem, 4.7vw, 4.6rem); overflow-wrap: anywhere; }
@media (max-width: 680px) {
  .split-teaching-head { min-height: 23rem; }
  .split-teaching-head > .wrap > div { width: min(100%, 32rem); }
  .split-teaching-head::before {
    background: linear-gradient(90deg, rgb(28 23 26 / .93), rgb(28 23 26 / .61) 67%, rgb(28 23 26 / .34)),
      linear-gradient(0deg, rgb(28 23 26 / .66), transparent 70%);
  }
}

.split-teaching-head h1, .split-teaching-head .lead { color: var(--cream); }
.split-teaching-head .crumb a, .split-teaching-head .eyebrow { color: var(--gold); }
@media (max-width: 680px) {
  .healing-story { display: flex; flex-direction: column; min-height: 0; }
  .healing-story > .healing-story-art { position: static; aspect-ratio: 1.38; height: auto; object-position: right top; }
  .healing-story::before { display: none; }
  .healing-story-copy { max-width: 100%; padding-block: 1.25rem 1.7rem; }
}

/* Decorative entrances run once when artwork or a card enters view. */
@media (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) :is(.vbm-art-entry,.vbm-quote-entry):not(:focus-within,:target) {
    animation: vbm-art-reveal .52s cubic-bezier(.18,.72,.24,1) var(--vbm-delay,0ms) backwards;
  }
  .vbm-quote-entry { --vbm-lift: 28px; --vbm-scale: .965; }
}
@media (min-width: 760px) {
  .vbm-quote-entry:nth-child(odd) { --vbm-drift: -10px; }
  .vbm-quote-entry:nth-child(even) { --vbm-drift: 10px; }
}
@keyframes vbm-art-reveal {
  from { opacity: .4; translate: var(--vbm-drift,0px) var(--vbm-lift,20px); scale: var(--vbm-scale,.985); }
  to { opacity: 1; translate: 0 0; scale: 1; }
}

.vbm-scroll-progress { display: none; }
@supports (animation-timeline: scroll(root block)) {
  @media (prefers-reduced-motion: no-preference) {
    html:not(.motion-off) .vbm-scroll-progress {
      display: block;
      position: fixed;
      inset: 0 0 auto;
      height: 3px;
      z-index: 50;
      pointer-events: none;
      background: linear-gradient(90deg,#a957ef,#38c5ff,#f5c587);
      transform-origin: left;
      animation: vbm-page-progress linear both;
      animation-timeline: scroll(root block);
    }
  }
}
@keyframes vbm-page-progress { from { scale: 0 1; } to { scale: 1 1; } }

@media (hover: hover) and (pointer: fine) {
  main :is(.quote-image-card,.quote-card,.daily-artwork,.armor-study-image,.photo-frame,.story-card):hover {
    border-color: #9ea8ff;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) main :is(.quote-image-card,.quote-card,.daily-artwork,.armor-study-image,.photo-frame,.story-card,.book-artwork-grid,.healing-story-art,.card) img {
    transition: scale .32s ease-out, filter .32s ease-out;
  }
  html:not(.motion-off) main :is(.quote-image-card,.quote-card,.daily-artwork,.armor-study-image,.photo-frame,.story-card,.book-artwork-grid,.healing-story-art,.card) img:hover,
  html:not(.motion-off) main :is(.quote-image-card,.daily-artwork,.card) > a:hover > img {
    scale: 1.035;
    filter: brightness(1.08) saturate(1.08);
  }
}

.review-book-cover { display: block; width: 64px; height: auto; margin: 0 0 .8rem; border-radius: .25rem; box-shadow: 0 6px 14px #0004; }

:root { --vbm-interaction-glow: #fac777; }

/* Give linked and standalone front covers the same response. */
:is(.review-cover, .cover-wrap, .cloud-cover:not(.cloud-album)):focus-visible > img {
  box-shadow: 0 0 0 2px var(--vbm-interaction-glow), 0 0 17px var(--vbm-interaction-glow);
}
@media (hover: hover) and (pointer: fine) {
  img:is([alt*="book cover by Vince Baker"], .review-book-cover, .book-front, .book-stage .front, .bookstage .front img):hover,
  :is(.review-cover, .cover-wrap, .cloud-cover:not(.cloud-album)):hover > img {
    filter: brightness(1.08) saturate(1.12);
    box-shadow: 0 0 0 1px var(--vbm-interaction-glow), 0 0 16px color-mix(in srgb, var(--vbm-interaction-glow) 64%, transparent), 0 9px 18px #0005;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) img:is([alt*="book cover by Vince Baker"], .review-book-cover, .book-front, .book-stage .front, .bookstage .front img) {
    transition: translate .26s ease-out, scale .26s ease-out, filter .26s ease-out, box-shadow .26s ease-out;
  }
  html:not(.motion-off) img:is([alt*="book cover by Vince Baker"], .review-book-cover):not(.book-front, .front, .front img):hover,
  html:not(.motion-off) :is(.review-cover, .cover-wrap, .cloud-cover:not(.cloud-album)):hover > img {
    translate: 0 -4px;
    scale: 1.045;
  }
}

/* Immediate feedback even when a button navigates to another page. */
:is(button, input[type="button"], input[type="submit"], [role="button"], a.btn, a.button, a.give, details > summary):not(:disabled, [aria-disabled="true"]):active {
  box-shadow: 0 0 0 2px var(--vbm-interaction-glow), 0 0 22px var(--vbm-interaction-glow);
}

/* A brief reflection across the cover, clipped to the cover link. */
:is(.review-cover, .cover-wrap, .cloud-cover:not(.cloud-album)) { position: relative; }
.cloud-ready .cloud-cover { position: absolute; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) :is(.review-cover, .cover-wrap, .cloud-cover:not(.cloud-album)) {
    overflow: clip;
    isolation: isolate;
  }
  html:not(.motion-off) :is(.review-cover, .cover-wrap, .cloud-cover:not(.cloud-album))::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(112deg, transparent 28%, #fff7 49%, transparent 67%);
    opacity: 0;
    translate: -110% 0;
  }
  html:not(.motion-off) :is(.review-cover, .cover-wrap, .cloud-cover:not(.cloud-album)):hover::after {
    animation: vbm-cover-glint .58s ease-out both;
  }
  html:not(.motion-off) :is(a.btn, a.button, a[data-cta^="amazon_book_"]):not(.cloud-cover) {
    transition: scale .2s ease-in-out, box-shadow .2s ease-in-out;
  }
  html:not(.motion-off) :is(a.btn, a.button, a[data-cta^="amazon_book_"]):not(.cloud-cover):hover {
    scale: 1.02;
    box-shadow: 0 7px 18px #0005, 0 0 14px color-mix(in srgb, var(--vbm-interaction-glow) 36%, transparent);
  }
  html:not(.motion-off) :is(a.btn, a.button) > span[aria-hidden="true"] {
    display: inline-block;
    transition: translate .2s ease-in-out;
  }
  html:not(.motion-off) :is(a.btn, a.button):hover > span[aria-hidden="true"] { translate: 3px 0; }
}
@keyframes vbm-cover-glint {
  0% { opacity: 0; translate: -110% 0; }
  25% { opacity: .65; }
  100% { opacity: 0; translate: 110% 0; }
}

@media (hover: hover) and (pointer: fine) {
  main :is(.card, .review-card, .daily-transcript, .scripture-feature):hover {
    border-color: color-mix(in srgb, var(--vbm-interaction-glow) 76%, #eac98a);
  }
}