/* STRAND: gold insignia, orange highlights, teal links. */
:root {
  --strand-gold: #f0c779;
  --strand-ember: #ff8a24;
  --strand-teal: #23d5c5;
  --strand-surface: #1b2025;
  --strand-edge: #ffffff18;
}
html body:not([data-page-id="home"]) {
  background-color: #0e1116;
  background-image: radial-gradient(ellipse 50rem 30rem at 10% -12rem, #ff8a241b, transparent 80%), radial-gradient(ellipse 45rem 38rem at 100% 40rem, #ff8a2408, transparent 80%), linear-gradient(145deg, #191b20, #101419 50rem, #0e1116);
}
html body > header .inner-page-header .nav-container {
  border: 1px solid #ffffff30;
  background: #151a20ed;
  box-shadow: 0 .3rem 1rem #0006;
}
html body > header .inner-page-header .nav-container nav .link-wrapper.active {
  background: #ff8a2412;
  box-shadow: inset 0 -2px 0 var(--strand-ember);
}
html body > header .inner-page-header .nav-container nav .link-wrapper.active .link { color: var(--strand-ember); }
html body > header .inner-page-header .nav-container nav .link-wrapper:hover:not(.active) { background: #ff8a2412; }
html body > header .inner-page-header .nav-container nav a.link:hover { color: var(--strand-ember); }
html body > header.menu-ready .inner-page-header .nav-container { background: #151a20fa; }
html body > header.menu-ready .menu-toggle { color: var(--strand-ember); border-color: #ff8a2450; background: #151a20; }
html body > header.menu-open .menu-toggle { color: #101419; background: var(--strand-ember); }
html body[data-page-id][data-page-type] .home .blurb-inner-container,
html body[data-page-id][data-page-type] .alphas-ghost-preview .preview-shell,
html body[data-page-id][data-page-type] .author-page .author-card {
  background: linear-gradient(125deg, #ff8a2410, transparent 35%), var(--strand-surface);
  border-color: var(--strand-edge);
}
html body[data-page-id][data-page-type] .home section.blurb .blurb-inner-container .blurb-book-cover-and-blurb-content .blurb-content > p:first-of-type { border-left-color: var(--strand-ember); background: #ff8a240a; }
html body[data-page-id][data-page-type] .home section.blurb .blurb-inner-container .blurb-book-cover-and-blurb-content .blurb-content h2 { color: var(--strand-ember); }
html body[data-page-id][data-page-type] .home .reviews > section { background: #151a20; }
html body[data-page-id][data-page-type] .reviews .review-body { background: #1c2229; border-color: var(--strand-edge); border-left-color: #f0c77980; box-shadow: 0 .4rem 1.25rem #0003; }
html body[data-page-id][data-page-type] .reviews .review-body:target, html body[data-page-id][data-page-type] .reviews .review-body:focus { outline-color: var(--strand-ember); }
html body[data-page-id][data-page-type] .review-themes { background: linear-gradient(135deg, #ff8a240b, transparent 65%), #1d232a; border-color: #ff8a2430; }
html body[data-page-id][data-page-type] .review-theme-buttons button { border-color: #ff8a2450; color: var(--strand-ember); background: #10191f; }
html body[data-page-id][data-page-type] .review-theme-buttons button[aria-pressed="true"] { background: var(--strand-ember); color: #10191f; border-color: var(--strand-ember); }
html body[data-page-id][data-page-type] .review-theme-buttons button:hover { border-color: var(--strand-ember); }
html body[data-page-id][data-page-type] .review-theme-quotes blockquote { border-left-color: var(--strand-ember); background: #0e161b99; }
html body[data-page-id][data-page-type] .review-theme-quotes a, html body[data-page-id][data-page-type] .reviews .read-more-reviews { color: var(--strand-teal); }
html body[data-page-id][data-page-type] .reviews .read-more-reviews { background: #17232a; border: 1px solid #ff8a2450; box-shadow: none; }
html body[data-page-id][data-page-type] .reviews .read-more-reviews:hover { background: #28323a; }
html body[data-page-id][data-page-type] .agent-file { background: var(--strand-surface); }
html body[data-page-id][data-page-type] .agent-story { background: #1c2229; }
html body[data-page-id][data-page-type] .agent-page a, html body[data-page-id][data-page-type] .agent-card-link { color: var(--strand-teal); }
html body[data-page-id][data-page-type] .agent-page a:hover { color: #73f0e5; }
html body[data-page-id][data-page-type] .agent-page .agent-story h3 { color: #fff; }
html body[data-page-id][data-page-type] .agent-file dt { color: var(--strand-ember); }
html body[data-page-id][data-page-type] .agent-file dd { color: #f4eee4; }
html body[data-page-id][data-page-type] .home section.character-cards .agent-card { background: #151f25; }
html body[data-page-id][data-page-type] .home section.character-cards .agent-card:hover, html body[data-page-id][data-page-type] .agent-story:hover { box-shadow: 0 0 0 1px #ff8a2470; }
html body[data-page-id][data-page-type] .agent-more { border-color: var(--strand-edge); }
html body[data-page-id][data-page-type] .stories-intro { background: linear-gradient(90deg, #ff8a240b, transparent 75%); border-left-color: var(--strand-ember); border-bottom-color: var(--strand-edge); }
html body[data-page-id][data-page-type] .story-grid section.page-list { background: #1c2229; border-color: var(--strand-edge); }
html body[data-page-id][data-page-type] .story-grid .title-and-description h2 a { color: var(--strand-teal); }
html body[data-page-id][data-page-type] .story-grid .title-and-description h2 a:hover { color: var(--strand-teal); }
html body[data-page-id][data-page-type] .story-grid .ctas a, html body[data-page-id][data-page-type] .story-back, html body[data-page-id][data-page-type] .story-next-links a { color: var(--strand-teal); background: #17232a; border-color: #ff8a2450; box-shadow: none; }
html body[data-page-id][data-page-type] .story-back { background: transparent; }
html body[data-page-id][data-page-type] .short-story { border-color: var(--strand-edge); background: #1b1e22; }
html body[data-page-id][data-page-type] .short-story .story-next { background: #17232a; border-color: #ff8a2430; }
html body[data-page-id][data-page-type] .short-story .html > h1 { border-bottom-color: var(--strand-edge); }
html body[data-page-id][data-page-type] .short-story .html > p:first-of-type { border-left-color: var(--strand-ember); }
html body[data-page-id][data-page-type] .alphas-ghost-preview .preview-intro-copy > a,
html body[data-page-id][data-page-type] .ctas a[href*="amazon.com"] {
  color: #23150d; background: var(--strand-ember); border: 1px solid var(--strand-ember); box-shadow: 0 .25rem 1rem #ff8a2418; text-shadow: none;
}
html body[data-page-id][data-page-type] .alphas-ghost-preview .preview-intro-copy > a:hover,
html body[data-page-id][data-page-type] .ctas a[href*="amazon.com"]:hover { background: #ffac7f; border-color: #ffac7f; color: #23150d; }
html body[data-page-id][data-page-type] .ctas a[href="/alphas-ghost-preview"] { background: #17232a; color: var(--strand-teal); border-color: #ff8a2450; box-shadow: none; }
html body[data-page-id][data-page-type] .preview-progress { border-bottom-color: var(--strand-edge); background: #131a20f5; }
html body[data-page-id][data-page-type] .preview-progress-status strong, html body[data-page-id][data-page-type] .preview-progress-percent { color: var(--strand-ember); }
html body[data-page-id][data-page-type] .preview-progress-links a[aria-current="location"] { background: #ff8a2418; border-color: #ff8a2455; color: var(--strand-ember); }
html body[data-page-id][data-page-type] .preview-progress-track { background: #ff8a2412; }
html body[data-page-id][data-page-type] .preview-progress-track > span { background: var(--strand-ember); }
html body[data-page-id][data-page-type] .alphas-ghost-preview .chapters h2 { color: var(--strand-ember); border-left-color: var(--strand-ember); }
html body[data-page-id][data-page-type] .preview-end { background: #17232a; border-color: #ff8a2430; }
html body[data-page-id][data-page-type] .author-page .author-emblem { border-color: var(--strand-edge); background: #13181e; }
html body[data-page-id][data-page-type] .author-copy h1 { border-bottom-color: var(--strand-edge); }
html body[data-page-id][data-page-type] .author-page .author-contact, html body[data-page-id][data-page-type] .author-social { background: #17232a; border-color: #ff8a2430; }
html body[data-page-id][data-page-type] .author-contact a, html body[data-page-id][data-page-type] .social-links a { background: #111a20; color: var(--strand-teal); border-color: #ff8a2450; box-shadow: none; }
html body[data-page-id][data-page-type] .author-contact a:hover, html body[data-page-id][data-page-type] .social-links a:hover { background: #28323a; color: #73f0e5; }
html body[data-page-id][data-page-type] .audiobook { background: transparent; --ab-accent: var(--strand-ember); }
html body[data-page-id][data-page-type] .audiobook .ab-experience { background: #182027; border-color: var(--strand-edge); box-shadow: 0 .5rem 2rem #0003; }
html body[data-page-id][data-page-type] .audiobook input[type=range], html body[data-page-id][data-page-type] .audiobook input[type=checkbox], html body[data-page-id][data-page-type] .audiobook input[type=radio] { accent-color: var(--strand-ember); }
html body[data-page-id][data-page-type] .audiobook .ab-actions strong { color: var(--strand-ember); }
html body[data-page-id][data-page-type] .audiobook .ab-actions svg { stroke: var(--strand-ember); }
html body[data-page-id][data-page-type] .audiobook .ab-bookmarks-link, html body[data-page-id][data-page-type] .audiobook .ab-preview-link, html body[data-page-id][data-page-type] .audiobook .ab-dialog-footer a { color: var(--strand-ember); }
html body[data-page-id][data-page-type] .audiobook .ab-dialog { background: #1b242c; border-color: #ff8a2440; }
html body[data-page-id][data-page-type] .audiobook .ab-track[aria-current=true] { color: var(--strand-ember); }
html body[data-page-id][data-page-type] .audiobook .ab-speed-option:has(input:checked) { background: #ff8a2412; color: var(--strand-ember); }
html body[data-page-id][data-page-type] .audiobook .ab-transport .ab-play:hover:enabled { background: #f4d697; }
html body[data-page-id][data-page-type] .audiobook .ab-transport button:hover:enabled:not(.ab-play), html body[data-page-id][data-page-type] .audiobook .ab-actions button:hover:enabled { background: #ff8a2410; }
html body[data-page-id][data-page-type] .site-footer { border-top-color: var(--strand-edge); background: #11171d; }
html body[data-page-id][data-page-type] .site-footer .footer-bottom { border-top-color: var(--strand-edge); }
html body[data-page-id][data-page-type] .site-footer .footer-bottom a { color: var(--strand-teal); }
html body[data-page-id][data-page-type] .home .buy-now-preview-buttons .buy-now-button { filter: none; }
html body[data-page-id][data-page-type] .home .buy-now-button img, html body[data-page-id][data-page-type] .footer-buttons a:first-child img { filter: sepia(1) saturate(2.3) hue-rotate(-22deg); }
html body a:focus-visible, html body button:focus-visible, html body input:focus-visible { outline-color: var(--strand-ember); }
@media (max-width: 750px) {
  html body[data-page-type="short-stories"] > header.menu-ready ~ main,
  html body[data-page-type="short-story"] > header.menu-ready ~ main { padding-top: 8rem; }
  html body[data-page-type="short-stories"] > header.menu-ready ~ main > article,
  html body[data-page-type="short-story"] > header.menu-ready ~ main > article { padding-top: 0; }
}

html body[data-page-id][data-page-type] .alphas-ghost-preview .preview-intro { background: linear-gradient(125deg, #ff8a2412, transparent 55%), #1b2025; }
html body[data-page-id][data-page-type] .alphas-ghost-preview .chapters h2::before { background: var(--strand-ember); box-shadow: none; }
html body[data-page-id][data-page-type] .alphas-ghost-preview .chapters h2::after { background: linear-gradient(90deg, #ff8a2466, transparent); }
html body[data-page-id][data-page-type] .story-grid section.page-list .title-and-description .ctas a { background: #17232a; color: var(--strand-teal); border-color: #ff8a2450; box-shadow: none; }
html body[data-page-id][data-page-type] .story-grid section.page-list .title-and-description .ctas a:hover { background: #28323a; color: #73f0e5; }
html body[data-page-id][data-page-type] .author-page .author-card { box-shadow: 0 1rem 2.5rem #0005; }
html body[data-page-id][data-page-type] .short-story .html .story-back { color: var(--strand-teal); }
html body[data-page-id][data-page-type] .short-story .html .story-next-links a { color: var(--strand-teal); border-color: #ff8a2450; background: #111a20; box-shadow: none; }

/* Destination links use teal; orange identifies controls and selected states. */
html body[data-page-id][data-page-type] main a { color: var(--strand-teal); }
html body[data-page-id][data-page-type] .reviews .rating-and-title .title a { color: var(--strand-teal); text-decoration-color: #23d5c580; }
html body[data-page-id][data-page-type] .audiobook .ab-preview-link,
html body[data-page-id][data-page-type] .audiobook .ab-dialog-footer a { color: var(--strand-teal); }
html body[data-page-id][data-page-type] .audiobook .ab-transport .ab-play { background: var(--strand-ember); color: #23150d; }
html body[data-page-id][data-page-type] .audiobook .ab-transport .ab-play:hover:enabled { background: #ffad63; }
html body[data-page-id][data-page-type] .audiobook :focus-visible { outline-color: var(--strand-ember); }
html body[data-page-id][data-page-type] main a:focus-visible,
html body[data-page-id][data-page-type] .site-footer a:focus-visible { outline-color: var(--strand-teal); }

/* Shared page frame aligns with the header and the Preview shell. */
html body main .content-shell {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(1100px, 90%);
  box-sizing: border-box;
  padding: 2.5rem;
  border: 1px solid var(--strand-edge);
  border-radius: 1rem;
  background: linear-gradient(125deg, #ff8a2410, transparent 35%), var(--strand-surface);
  box-shadow: 0 1rem 2.5rem #0005;
}
html body main .content-shell > .section-intro,
html body main .content-shell > .agents-collection,
html body main .content-shell > .agent-shell,
html body main article.reviews-page .content-shell > .reviews {
  width: 100%;
  max-width: none;
}
html body main .content-shell > .section-intro p { margin-bottom: 0; }
html body main .content-shell .agent-file { background: #12181e; }
html body main .content-shell .agent-story { background: #12181e; }
html body main .content-shell .agent-card:last-child { margin-bottom: 0; }
html body main .audiobook .content-shell .ab-experience {
  width: 100%;
  max-width: 480px;
  padding: 0 1rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
@media (max-width: 600px) {
  html body main .content-shell { width: 100%; padding: 1.5rem 1.25rem; border-left: 0; border-right: 0; border-radius: 0; }
  html body main .audiobook .content-shell .ab-experience { padding: 0; }
}

/* Introductory content and the material below share one frame, with distinct surfaces. */
html body main .content-shell { padding: 0; overflow: clip; background: #181d23; }
html body main .content-shell-header {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  padding: 2.5rem;
  margin: 0;
  border-bottom: 1px solid #ff8a2433;
  background: radial-gradient(ellipse at 0 0, #ff8a2412, transparent 65%), linear-gradient(125deg, #252426, #1b2228 75%);
}
html body main .content-shell-body {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  padding: 2.5rem;
  background: linear-gradient(180deg, #11182066, transparent 12rem), #181d23;
}
html body main article.reviews-page .content-shell-body > .reviews { width: 100%; max-width: none; padding: 0; }
html body main .content-shell .agent-stories { margin-top: 0; }
html body[data-page-id][data-page-type] main .content-shell .agent-file { background: transparent; }
html body main .content-shell .agent-file-copy { padding-top: 0; padding-bottom: 0; }
html body main .audiobook .content-shell .ab-experience { max-width: none; padding: 0; }
html body main .audiobook .content-shell-header .ab-artwork { margin-bottom: 0; }
html body main .audiobook .ab-player.content-shell-body { max-width: 480px; margin: 0 auto; padding-left: 1rem; padding-right: 1rem; background: transparent; }
html body main .audiobook .content-shell > .ab-preview-link { margin: 0 0 2rem; }
@media (max-width: 600px) {
  html body main .content-shell-header, html body main .content-shell-body { padding: 1.5rem 1.25rem; }
  html body main .content-shell .agent-file-copy { padding: 1.5rem 0 0; }
  html body main .audiobook .ab-player.content-shell-body { padding: 1.5rem 1.25rem; }
}

/* Shared outlined action treatment, matching the author contact links. */
html body[data-page-id][data-page-type] main .action-link.action-link,
html body[data-page-id][data-page-type] .short-story .html a.action-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  box-sizing: border-box;
  min-height: 2.75rem;
  padding: .7rem 1rem;
  border: 1px solid #ff8a2450;
  border-radius: .45rem;
  background: #111a20;
  box-shadow: none;
  color: var(--strand-teal);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .04em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
html body[data-page-id][data-page-type] main .action-link.action-link:hover,
html body[data-page-id][data-page-type] .short-story .html a.action-link:hover,
html body main .agent-card:hover .action-link,
html body main .agent-story:hover .action-link { background: #28323a; color: #73f0e5; }
html body main .agent-more > div { gap: .75rem; }
html body main .review-theme-quotes footer { gap: .75rem; }

html body[data-page-id][data-page-type] .alphas-ghost-preview .preview-intro-copy > a {
  background: var(--strand-teal);
  border-color: var(--strand-teal);
  color: #0d2422;
  box-shadow: 0 .25rem 1rem #23d5c518;
}
html body[data-page-id][data-page-type] .alphas-ghost-preview .preview-intro-copy > a:hover { background: #73f0e5; border-color: #73f0e5; color: #0d2422; }
html body main .home .reviews [hidden] { display: none !important; }

html body[data-page-id][data-page-type] .audiobook .ab-transport .ab-play { background: var(--strand-teal); color: #0d2422; }
html body[data-page-id][data-page-type] .audiobook .ab-transport .ab-play:hover:enabled { background: #73f0e5; }
html body[data-page-id][data-page-type] main .home .reviews .read-more-reviews.action-link {
  display: flex;
  margin: 2rem auto 0;
  min-height: 3.25rem;
  padding: 1rem 1.75rem;
  font-size: .95rem;
}

html body[data-page-id][data-page-type] .reviews .review-body { border-left-color: var(--strand-ember); }
html body[data-page-id][data-page-type] .reviews .review-body .rating { color: var(--strand-ember); }

html body main .agent-card-link { justify-content: flex-end; }
html body[data-page-id][data-page-type] main .agent-card-link .action-link.action-link {
  min-height: 3.25rem;
  padding: 1rem 1.75rem;
  font-size: .95rem;
}

html body[data-page-id="home"][data-page-type] main .home .agent-card-link .action-link.action-link,
html body[data-page-id="home"][data-page-type] main .home .reviews .read-more-reviews.action-link {
  background: #111a20;
  border-color: var(--strand-teal);
  color: var(--strand-teal);
  box-shadow: none;
}
html body[data-page-id="home"][data-page-type] main .home .agent-card:hover .agent-card-link .action-link,
html body[data-page-id="home"][data-page-type] main .home .reviews .read-more-reviews.action-link:hover {
  background: #23d5c51a;
  border-color: #73f0e5;
  color: #73f0e5;
}

html body[data-page-id][data-page-type] .story-grid section.page-list .title-and-description .ctas a,
html body[data-page-id][data-page-type] .agent-page .agent-story .action-link.action-link {
  background: var(--strand-teal);
  border-color: var(--strand-teal);
  color: #0d2422;
  box-shadow: 0 .25rem 1rem #23d5c518;
  box-sizing: border-box;
  min-height: 2.75rem;
  padding: .7rem 1rem;
  font-size: .78rem;
}
html body[data-page-id][data-page-type] .story-grid section.page-list .title-and-description .ctas a:hover,
html body[data-page-id][data-page-type] .agent-page .agent-story:hover .action-link.action-link {
  background: #73f0e5;
  border-color: #73f0e5;
  color: #0d2422;
}

html body[data-page-id][data-page-type] .book-cta.book-cta {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-height: 3.5rem;
  padding: 1rem 2rem;
  border: 2px solid var(--strand-teal);
  border-radius: .5rem;
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  filter: none;
}
html body[data-page-id][data-page-type] .book-cta.book-cta-solid { background: var(--strand-teal); color: #0d2422; box-shadow: 0 .35rem 1.2rem #23d5c51c; }
html body[data-page-id][data-page-type] .book-cta.book-cta-outline { background: #10171dba; color: var(--strand-teal); }
html body[data-page-id][data-page-type] .book-cta.book-cta-solid:hover { background: #73f0e5; border-color: #73f0e5; color: #0d2422; }
html body[data-page-id][data-page-type] .book-cta.book-cta-outline:hover { background: #23d5c51a; color: #73f0e5; border-color: #73f0e5; }
html body[data-page-id][data-page-type] .home .buy-now-preview-buttons { width: min(100%, 500px); gap: 1rem; }
html body[data-page-id][data-page-type] .home .buy-now-preview-buttons .book-cta { width: auto; flex: 1; margin: 0; }
html body[data-page-id][data-page-type] .footer-buttons .book-cta { flex: 1; width: auto; }
@media (max-width: 600px) {
  html body[data-page-id][data-page-type] .book-cta.book-cta { padding: .9rem 1.1rem; font-size: .95rem; }
  html body[data-page-id][data-page-type] .home .buy-now-preview-buttons { gap: .75rem; }
}

/* Give the homepage's primary actions the scale and depth of the cover art. */
html body[data-page-id="home"] .home .buy-now-preview-buttons.hero-contained { width: min(100%, 580px); gap: 1.25rem; margin-top: 1.4rem; }
html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta.book-cta {
  min-height: 4.4rem;
  padding: 1.25rem 2.25rem;
  border-radius: .7rem;
  font-size: 1.65rem;
  font-weight: 900;
  letter-spacing: .1em;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta-solid {
  background: linear-gradient(145deg, #58e7d9, #23d5c5 55%, #16b8ac);
  border-color: #76efe4;
  box-shadow: inset 0 1px 0 #ffffff65, 0 .45rem 0 #08776f, 0 .8rem 1.5rem #0009, 0 0 1.8rem #23d5c526;
}
html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta-outline {
  background: linear-gradient(145deg, #163735ed, #0c191bec);
  border-color: #55e5d7;
  color: #73f0e5;
  box-shadow: inset 0 1px 0 #ffffff18, 0 .45rem 0 #0a2528, 0 .8rem 1.5rem #0009;
}
html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta:hover { transform: translateY(-3px); }
html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta-solid:hover { background: linear-gradient(145deg, #84f5ea, #42e4d4 55%, #23d5c5); box-shadow: inset 0 1px 0 #ffffff80, 0 .6rem 0 #08776f, 0 1rem 1.7rem #0009, 0 0 2rem #23d5c540; }
html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta-outline:hover { background: linear-gradient(145deg, #204c47, #10272b); color: #adfff7; }
html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta:active { transform: translateY(3px); box-shadow: inset 0 1px 0 #ffffff30, 0 .15rem 0 #08776f, 0 .4rem 1rem #0007; }
@media (max-width: 750px) {
  html body[data-page-id="home"] .home .buy-now-preview-buttons.hero-contained { width: min(100%, 26rem); gap: .9rem; margin-top: 1.25rem; }
  html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta.book-cta { min-height: 3.8rem; padding: 1rem .9rem; font-size: 1.25rem; letter-spacing: .08em; }
}
@media (prefers-reduced-motion: reduce) {
  html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta { transition: none; }
  html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta:hover,
  html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta:active { transform: none; }
}

/* Brushed surfaces and beveled lighting give the hero actions more depth. */
html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta.book-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: .6rem;
}
html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: repeating-linear-gradient(105deg, #ffffff0d 0, #ffffff0d 1px, transparent 1px, transparent 4px), repeating-linear-gradient(0deg, #00000009 0, #00000009 1px, transparent 1px, transparent 3px);
}
html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta::after {
  content: "";
  position: absolute;
  inset: 2px;
  z-index: -1;
  pointer-events: none;
  border-radius: .4rem;
  border: 1px solid #ffffff25;
  background: linear-gradient(110deg, #ffffff25, transparent 40%, transparent 65%, #ffffff0b);
}
html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta-solid {
  background: linear-gradient(175deg, #8bf7e8 0%, #36ddcb 12%, #23cbb9 48%, #10ae9f 51%, #23d5c5 100%);
  border-color: #94fff0;
  text-shadow: 0 1px 0 #ffffff40;
  box-shadow: inset 0 2px 0 #ffffff70, inset 0 -3px 6px #006c6670, 0 .45rem 0 #075e58, 0 .55rem 0 1px #073b39, 0 1rem 1.5rem #000b, 0 0 2.2rem #23d5c535;
}
html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta-outline {
  background: linear-gradient(175deg, #365454f2 0%, #1d3338f5 20%, #102127f5 49%, #0b171df5 52%, #1d363bf5 100%);
  border-color: #65eee0;
  color: #8bfff0;
  text-shadow: 0 2px 3px #0009;
  box-shadow: inset 0 2px 0 #ffffff25, inset 0 -3px 6px #0006, 0 .45rem 0 #092328, 0 .55rem 0 1px #061619, 0 1rem 1.5rem #000b, 0 0 1.5rem #23d5c516;
}
html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta-solid:hover {
  background: linear-gradient(175deg, #b0fff4, #5bedda 15%, #36ddcb 48%, #18c5b3 51%, #51efda);
  box-shadow: inset 0 2px 0 #ffffff90, inset 0 -3px 6px #006c6650, 0 .6rem 0 #075e58, 0 .7rem 0 1px #073b39, 0 1.2rem 1.8rem #000b, 0 0 2.5rem #23d5c550;
}
html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta-outline:hover {
  background: linear-gradient(175deg, #416963, #244549 20%, #19363a 49%, #10292e 52%, #264c4c);
  color: #b4fff7;
  box-shadow: inset 0 2px 0 #ffffff35, inset 0 -3px 6px #0005, 0 .6rem 0 #092328, 0 .7rem 0 1px #061619, 0 1.2rem 1.8rem #000b, 0 0 2rem #23d5c530;
}
html body[data-page-id][data-page-type] :is(.home .hero-contained, .site-footer .footer-buttons) .book-cta:active { box-shadow: inset 0 2px 6px #0003, 0 .15rem 0 #075e58, 0 .4rem 1rem #0007; }

html body[data-page-id="home"][data-page-type] main .home .reviews .read-more-reviews.action-link { background: #111a20; border-color: var(--strand-teal); color: var(--strand-teal); box-shadow: none; }
html body[data-page-id="home"][data-page-type] main .home .reviews .read-more-reviews.action-link:hover { background: #23d5c51a; color: #73f0e5; border-color: #73f0e5; }
html body main .agents-index .section-intro { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2.5rem; }
.agent-portrait-nav { display: flex; gap: .75rem; }
html body main .agent-portrait-nav a { display: flex; flex-direction: column; align-items: center; gap: .65rem; width: 90px; text-decoration: none; font-size: .8rem; font-weight: 700; }
.agent-portrait-nav img { display: block; width: 100%; height: auto; border: 1px solid #ffffff30; border-radius: .65rem; box-shadow: 0 .4rem .8rem #0005; transition: transform .2s ease, border-color .2s ease; }
.agent-portrait-nav a:hover img { transform: translateY(-3px); border-color: var(--strand-teal); }
.agent-portrait-nav a:focus-visible { outline: 2px solid var(--strand-teal); outline-offset: 5px; border-radius: .65rem; }
html body[data-page-id][data-page-type] .agents-index .home section.character-cards .agent-card {
  box-sizing: border-box;
  padding: 1.25rem;
  border: 1px solid #ffffff28;
  background: linear-gradient(135deg, #303941, #242c34);
  box-shadow: 0 .6rem 1.4rem #0006, inset 0 1px 0 #ffffff0d;
  scroll-margin-top: 1.5rem;
}
html body[data-page-id][data-page-type] main .home section.character-cards .agent-card .split-character-card {
  border-radius: .85rem;
  overflow: hidden;
  box-shadow: 0 .5rem 1.25rem #0005, 0 .1rem .3rem #0003;
}
html body main .agents-index .agent-card-link { padding: 1.25rem 0 0; }
html body main .agent-story { display: flex; flex-direction: column; }
html body main .agent-page .agent-portrait { border-radius: 1rem; }
html body main .agent-story > div { display: flex; flex: 1; flex-direction: column; align-items: flex-start; }
html body main .agent-story > div > h3,
html body[data-page-id][data-page-type] .story-grid .title-and-description > h2 { flex: none; margin: 0 0 .8rem; }
html body main .agent-story > div > p,
html body[data-page-id][data-page-type] .story-grid .title-and-description > p { flex: none; margin: 0 0 1.5rem; }
html body main .agent-story > div > .action-link,
html body[data-page-id][data-page-type] .story-grid .title-and-description > .ctas { margin-top: auto; align-self: flex-start; }
html body[data-page-id][data-page-type] .site-footer .footer-buttons { gap: 1rem; padding-bottom: .6rem; }
@media (max-width: 900px) {
  html body main .agents-index .section-intro { grid-template-columns: 1fr; gap: 1.75rem; }
  .agent-portrait-nav { justify-content: flex-start; }
}
@media (max-width: 600px) {
  html body[data-page-id][data-page-type] .agents-index .home section.character-cards .agent-card { padding: .75rem; }
  html body main .agent-portrait-nav a { width: 80px; }
  html body[data-page-id][data-page-type] .site-footer .footer-buttons .book-cta { padding: 1rem 1.1rem; font-size: 1.25rem; }
}