.home-hero{display:grid;grid-template-columns:1fr 1.1fr;grid-template-areas:"copy art" "actions art";gap:28px 25px;align-items:center;padding:8px 0 38px}.home-hero h1{font-size:clamp(34px,4.6vw,59px);white-space:nowrap}.home-hero .intro{font-size:20px}.home-hero figure{margin:0}.home-hero figure img{mix-blend-mode:multiply;display:block;width:100%;filter:drop-shadow(-8px 15px 13px #39221b30)}.home-hero figcaption{font:12px/1.5 var(--ui);color:var(--muted);max-width:380px;text-align:center;margin:16px auto 0}.service-paths{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;gap:45px}.service-paths article+article{padding-left:45px;border-left:1px solid var(--line)}.service-paths h2{font-size:34px}.service-paths p:not(.eyebrow){max-width:490px}.proof-preview{display:grid;grid-template-columns:270px 1fr;gap:44px;align-items:center;margin-top:45px;padding:34px 42px;background:var(--wash)}.proof-art{display:block;max-height:320px;text-align:center}.proof-art img{height:300px;width:auto;max-width:100%;box-shadow:0 8px 20px #342d2320}.proof-preview h2{font-size:40px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:25px}.section-heading h2{max-width:680px;margin:0}.section-heading .text-link{flex-shrink:0}.edition-overview>article{border-top:2px solid var(--gold);padding:24px;background:var(--white)}.edition-overview>article>.eyebrow{min-height:35px}.edition-overview>article>h3{font-size:34px}.help-choices{border-top:1px solid var(--line);padding-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.help-links a{display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:22px}.founder{display:grid;grid-template-columns:235px 1fr;gap:38px;align-items:center;max-width:920px}.founder img{width:235px;height:240px;object-fit:cover;object-position:center}.founder h2{font-size:36px}.founder p{max-width:640px}
@media(max-width:850px){.home-hero{grid-template-columns:1fr;grid-template-areas:"copy" "art" "actions";gap:14px;padding-bottom:25px}.home-hero h1{font-size:clamp(40px,9.6vw,59px);max-width:650px}.home-hero figure{max-width:650px;justify-self:center}.home-hero figure img{max-height:350px}.service-paths{gap:26px}.service-paths article+article{padding-left:26px}.proof-preview{grid-template-columns:180px 1fr;gap:25px;padding:25px}.proof-art img{height:auto;max-height:260px}.edition-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.edition-overview>article{padding:18px}.help-choices{gap:25px}.section-heading{display:block}.section-heading .text-link{margin-top:14px}}
@media(max-width:600px){.home-hero h1{font-size:clamp(38px,12.4vw,52px)}.home-hero .intro{font-size:18px}.home-hero .actions{align-items:stretch;flex-direction:column}.service-paths,.proof-preview,.edition-overview,.help-choices,.founder{grid-template-columns:1fr}.service-paths article+article{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:26px}.proof-preview{gap:25px;padding:25px 20px}.proof-art img{height:240px;width:auto}.proof-preview h2{font-size:34px}.edition-overview>article>.eyebrow{min-height:0}.founder img{width:100%;max-width:300px;height:auto;aspect-ratio:4/5;object-position:center top}.help-links a{font-size:21px}.home-hero figcaption{max-width:290px}}

/* The original hero artwork is clipped by its existing book silhouette. */
.home-hero .book-hero-art{background:transparent;border:0;box-shadow:none}
/* A full-width burgundy band makes the four next steps a clear destination after the preview. */
.home-book-process.section-space{margin-top:36px;padding:38px 36px 40px;border-top:3px solid var(--gold);background:var(--wine);color:var(--white)}
.home-book-process>.eyebrow{margin:0 0 12px;color:#ecd8ae;text-align:center}
.home-book-process h2{max-width:760px;margin:0 auto;font-size:clamp(28px,3.2vw,40px);line-height:1.18;text-align:center;text-wrap:balance;color:var(--white)}
.home-book-process+.section-space{margin-top:36px}
.home-book-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:32px 0 0}
.home-book-steps li{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;border-top:1px solid #ecd8ae66;padding-top:20px}
.home-book-step-number{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;border:1px solid #ecd8ae;border-radius:50%;font:32px/1 var(--display);color:#ecd8ae}
.home-book-steps p{margin:0;color:var(--white);font-size:19px;line-height:1.5}
@media(max-width:850px){.home-book-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:600px){.home-book-process.section-space{margin-top:26px;padding:28px 22px 30px}.home-book-process h2{font-size:28px}.home-book-steps{grid-template-columns:1fr;gap:18px;margin-top:24px}.home-book-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding-top:18px;align-items:center}.home-book-step-number{width:40px;height:40px;font-size:28px}.home-book-steps p{font-size:18px}}
.book-hero-mask{position:absolute;overflow:hidden;pointer-events:none}
.home-hero .book-cutout{filter:drop-shadow(-3px 14px 12px #33251e38) drop-shadow(0 3px 2px #281d1926)}
.home-hero .book-cutout img{clip-path:url(#ajhp-home-book-outline);mix-blend-mode:normal;filter:none;box-shadow:none;max-height:none}
/* AVIF and WebP encodings of the approved PNG. The picture is a plain block, and the figure takes its full column
   (as it did when the 1182px PNG was its only image), so the sizes hint selects a file without resizing the books
   or moving the outline clip measured from the image box. */
.home-hero .book-hero-art{width:100%}.home-hero .book-cutout picture{display:block}
.home-hero .hero-research-link{font-size:15px}
@media(max-width:600px){.home-hero .hero-research-link{align-self:flex-start}}
/* Dan, October 9, 2026: the headline is "Your Family / History Book" with "A gift for generations." beneath it,
   and the picture of the two books sits above the red button. The copy, the picture and the actions are three
   grid areas: at 850px and below they stack in that order; a wide screen keeps the copy and its actions together
   in the left column, beside the picture. Each headline line stays whole (nowrap, with the sizes above). */
.home-hero .hero-copy{grid-area:copy;align-self:end}
.home-hero .book-hero-art{grid-area:art}
.home-hero .hero-description{margin:20px 0 0;font:18px/1.6 var(--body);color:var(--muted);max-width:52ch}
.home-hero>.actions{grid-area:actions;align-self:start}
.home-hero .hero-tagline{display:inline-block;margin-top:.32em;font-size:.58em;font-style:italic;line-height:1.2;letter-spacing:0;color:var(--wine)}
@media(max-width:850px){.home-hero>.actions{margin-top:12px}}
/* Keep the editions heading in the small uppercase style the owner selected. */
.section-heading h2.eyebrow{font:600 11px/1.6 var(--ui);letter-spacing:2px;text-transform:uppercase;color:var(--wine);margin:0}
/* The finished-book photograph and description lead to one full-width sample link. */
.proof-preview{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.sample-preview-art>.eyebrow{margin:0 0 16px}
.proof-art.proof-photo{display:block;max-height:none;overflow:hidden;border-radius:2px;background:var(--paper);box-shadow:0 2px 4px #342d2314,0 16px 32px #342d2326}
.proof-art.proof-photo picture{display:block}
.proof-art.proof-photo img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:5/4;object-fit:cover;box-shadow:none}
.sample-book-link{grid-column:1/-1;width:100%;justify-content:center;text-decoration:none}
@media(max-width:850px) and (min-width:601px){.proof-preview{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:600px){.proof-preview{grid-template-columns:1fr}}

/* One clear invitation, with the service choice close by. */
.hero-call-note{margin:14px 0 0;max-width:43ch;font:13px/1.65 var(--ui);color:var(--muted)}
.hero-research-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.edition-initial{font:12px/1.65 var(--ui);color:var(--wine);margin:5px 0 12px}
@media(max-width:600px){.hero-call-note{font-size:13px}.home-hero .actions{gap:10px}.edition-initial{font-size:13px}}
/* The preview photograph keeps its pointer-only hover treatment. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.proof-photo img{transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.proof-photo:hover img{transform:scale(1.02)}
.sample-book-link.button.secondary:hover{border-color:var(--wine);box-shadow:inset 0 0 0 100vmax #5e1f280d}
}

/* Keep the founder’s promise on the two lines Dan chose, including narrow screens. */
.founder h2 span{white-space:nowrap}
.founder h2 em{font-style:italic}
.founder-signature{display:grid;gap:3px;margin:20px 0 24px;color:var(--wine)}
@font-face{font-family:AJHSignature;src:url("/conversion/assets/caveat-regular-latin.7bd727afb3d2.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
.founder-signature-name{font:400 38px/1.15 AJHSignature,"Segoe Print","Bradley Hand",cursive;letter-spacing:0}
.founder-signature-role{font:13px/1.5 var(--ui);color:var(--muted)}
@media(min-width:601px) and (max-width:850px){.founder h2{font-size:clamp(19px,calc(5vw - 11px),31px)}}
@media(max-width:600px){.founder h2{font-size:clamp(20px,6.8vw,36px)}}

/* Both book offerings are visible without opening a disclosure. */
.edition-overview{align-items:start}
.home-edition{scroll-margin-top:100px;margin-top:16px}
.edition-pricing>.price{display:block;margin:0}
/* The two payments are the price (Dan, October 14, 2026); a narrow card breaks the line only after the hyphen, and the
   smallest phones set it a little smaller so "Then $4,475 at printing" fits its card. */
.edition-pricing>.edition-payments{margin:0 0 6px;text-wrap:balance;font-size:clamp(24px,7.4vw,30px)}
.edition-payments>span{white-space:nowrap}
.edition-pricing>.edition-offer{display:block;margin:0}
.edition-pricing>.offering-guarantee{margin:0}
.home-edition-content{padding-top:24px}
.home-edition-content>.offering-card{border:0;padding:0;box-shadow:none;display:flex;gap:0}
.home-edition-content .offering-heading{display:none}
.home-edition-content .offering-scope{min-height:0}
.home-edition-content .offering-detail-inline{border-top:0;padding-top:0}
.home-edition-content .offering-actions-bottom{margin-top:22px}
.home-faq-answers{min-width:0}
.home-faq-terms{margin:20px 0 0}
.home-faq-call{margin-top:16px}

/* Center the book preview above the full-width next steps, without an empty second column. */
.proof-preview#sample{grid-template-columns:1fr;gap:20px;width:100%;max-width:640px;margin:45px auto 0;padding:28px}
.proof-preview#sample p{margin-bottom:0}
.sample-preview-art h2{font-size:clamp(28px,3vw,38px);line-height:1.15;margin:0 0 22px}
.home-video{width:100%;aspect-ratio:16/9;min-height:200px;position:relative;background:#241b19;overflow:hidden;border-radius:2px}
.home-video-play,.home-video video{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.home-video-play{color:#fff;text-decoration:none}
.home-video-play img{display:block;width:100%;height:100%;object-fit:contain}
.home-video-control{position:absolute;inset:auto 0 0;padding:24px 14px 12px;display:flex;align-items:center;gap:10px;background:linear-gradient(transparent,#201513e8);font:600 14px/1.5 var(--ui);color:#fff}
.home-video-control>span:first-child{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #ffffffa8;border-radius:50%;font-size:13px}
.home-video-control>span:last-child{margin-left:auto;font-size:11px;font-weight:400;white-space:nowrap}
.home-video-play:hover .home-video-control>span:first-child{background:var(--wine)}
.home-video-play:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}
.home-video-note a{color:inherit}
.home-video-note,.faq-list .home-video-note{font:11px/1.5 var(--ui);color:var(--muted);margin:8px 0 0;padding:0}
.home-review-answer{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1.25fr);gap:24px;padding:0 0 20px}
.faq-list .home-review-answer>p{margin:0;padding:0}
@media(max-width:850px){.home-review-answer{grid-template-columns:1fr}}
@media(max-width:600px){.proof-preview#sample{padding:20px}.home-video-control{gap:8px;font-size:13px;padding-right:10px;padding-left:10px}}
.home-edition-content .offering-payment{border-left:0;padding-left:0}
.home-edition-content .offering-price{font-size:34px}
.home-edition-content img{max-width:100%}
[data-home-invitation] .public-invitation{margin:24px 0 0}
.home-research-invitation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-top:35px;scroll-margin-top:100px;font:16px/1.7 var(--ui)}
.home-research-invitation>.text-link{display:inline-block;font-size:16px;scroll-margin-top:100px}
.home-research-invitation>p{margin:12px 0 0;color:var(--muted)}
.home-research-invitation>p>a{color:var(--wine);text-decoration:underline;text-underline-offset:4px}
.home-research-invitation a:focus-visible{outline:3px solid var(--wine);outline-offset:5px}
.home-more-questions>div{padding-left:18px}
.faq-list details[open]>summary>span{transform:rotate(45deg)}
.faq-list details:not([open])>summary>span{transform:none}
@media(min-width:601px) and (max-width:1000px){.edition-overview{grid-template-columns:1fr}.edition-overview>article{padding:24px}}
.home-edition-content .offering-detail{border-left:0;padding-left:0}

.edition-offer{font:11px/1.6 var(--ui);color:var(--muted);margin:0 0 12px}

/* Four challenges, one at a time. Native scrolling also works without scripts. */
.family-challenges{padding:34px 40px 28px;border:1px solid var(--line);background:#eee8dd}
.challenge-heading{display:flex;align-items:start;justify-content:space-between;gap:24px}
.challenge-heading h2{max-width:22ch;margin-bottom:26px;font-size:35px}
.challenge-count{flex:none;margin:8px 0 0;color:var(--muted);font:13px/1.5 var(--ui)}
.challenge-viewport{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.challenge-viewport:focus-visible{outline:3px solid var(--gold);outline-offset:6px}
.challenge-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;padding:0 2px 12px}
.challenge-change{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:26px;align-items:start}
.challenge-change p{margin:0;font:400 29px/1.28 var(--display);text-wrap:pretty}
.challenge-change p>span{display:block;margin-bottom:12px;font:600 11px/1.5 var(--ui);letter-spacing:1.5px;text-transform:uppercase}
.challenge-from{color:var(--muted)}
.challenge-change .challenge-to{color:var(--wine);font-size:35px;font-weight:600;line-height:1.22}
.challenge-arrow{align-self:center;display:grid;place-items:center;color:var(--gold)}
.challenge-arrow::before{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid currentColor}
.challenge-note{max-width:68ch;margin:24px 0 0;color:var(--muted);font:13px/1.6 var(--ui)}
.challenge-source{max-width:74ch;margin:10px 0 0;color:var(--muted);font:12px/1.6 var(--ui)}
.challenge-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:16px;margin-top:14px}
.challenge-topics{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.challenge-controls button{min-height:44px;border:0;border-radius:2px;background:transparent;color:var(--wine);font:600 12px/1.4 var(--ui);padding:9px 12px}
.challenge-controls .challenge-direction{flex:none;min-width:44px;font-size:23px;padding:4px}
.challenge-controls button[aria-pressed="true"]{background:transparent;color:var(--wine);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.challenge-controls button:disabled{opacity:.3;cursor:default}
.challenge-controls button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:600px){
  .family-challenges{padding:26px 21px 22px}
  .challenge-heading{gap:12px}
  .challenge-heading h2{font-size:30px}
  .challenge-change{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:clamp(8px,2.5vw,15px)}
  .challenge-change p{font-size:clamp(18px,4.6vw,25px);overflow-wrap:anywhere}
  .challenge-change p>span{margin-bottom:6px}
  .challenge-change .challenge-to{font-size:clamp(20px,5vw,28px)}
  .challenge-arrow::before{border-top-width:5px;border-bottom-width:5px;border-left-width:9px}
  .challenge-controls{gap:5px}
  .challenge-topics{gap:2px}
  .challenge-controls button{padding:8px;font-size:11px}
  .challenge-controls .challenge-direction{min-width:32px}
}
@media print{
  .challenge-viewport{display:block;overflow:visible}
  .challenge-slide{break-inside:avoid;margin-bottom:24px}
  .challenge-controls,.challenge-count{display:none!important}
}

/* Edition supporting copy. */
.edition-bundle{font:13px/1.6 var(--ui);color:var(--wine);margin:8px 0 12px}
.offering-narrative{font-size:16px;line-height:1.65;color:var(--muted);margin:18px 0}

/* The hero's three Start-a-book buttons (Dan, October 12, 2026): a small label on its own line, then three calls to action that share the row on a wide screen and stack on a phone. */
.home-hero .hero-start{flex-wrap:wrap;align-items:stretch;gap:12px 12px}
.home-hero .hero-start-label{flex:0 0 100%;margin:0 0 2px;font:600 13px/1.4 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
.home-hero .hero-start-note{flex:0 0 100%;margin:4px 0 0;font:14px/1.45 var(--ui);color:var(--muted)}
.home-hero .hero-start .button{flex:1 1 auto;white-space:nowrap;text-align:center;font-size:14px;padding:15px 14px;min-height:54px}
/* Side by side at every width (Dan, October 12, 2026, 8:46 AM: "make 3 the buttons be side by side"): on a phone the three share
   the row in equal thirds and their words wrap inside the button; the label keeps its own line. */
@media(max-width:600px){.home-hero .hero-start{flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:8px}.home-hero .hero-start .button{flex:1 1 0;min-width:0;white-space:normal;font-size:13px;line-height:1.25;padding:12px 8px;display:flex;align-items:center;justify-content:center}}
@media(max-width:340px){.home-hero .hero-start .button{font-size:12px;padding:12px 6px}}
@media(max-width:600px){.home-hero .hero-start-note{font-size:13px}}
html[data-festival-kiosk] .home-hero .hero-start .button{font-size:22px;min-height:56px;white-space:normal}


/* Show the included books before the price, with equal-size books in both editions. */
.edition-overview>article>h3{margin-bottom:0}
.edition-copies{margin:22px 0 14px}
.edition-copies-art{display:flex;align-items:center;justify-content:center;width:100%;max-width:300px;min-height:427px;margin:0 auto 20px}
.edition-copies-art>.offering-copies{display:block;width:100%;max-width:none;height:auto;margin:0}
.edition-copies figcaption{min-height:87px;font:14px/1.55 var(--ui)}
.edition-copies figcaption strong,.edition-copies figcaption span{display:block}
.edition-copies figcaption strong{font-size:16px;margin-bottom:3px}
.edition-includes{font:14px/1.55 var(--ui);color:var(--muted);margin:0 0 18px}
@media(max-width:600px){.edition-copies-art{min-height:0;margin-bottom:20px}.edition-copies figcaption{min-height:0}}

/* The FamilyBound headline replaces only the hero title; the book photograph stays. */
html[data-public-brand="familybound"] .home-hero .familybound-headline{white-space:normal;font-size:clamp(36px,4.2vw,54px);line-height:1.12;letter-spacing:-.65px;max-width:18ch;text-wrap:balance;margin-bottom:16px}
.familybound-tagline{font:italic 25px/1.4 var(--display);color:var(--wine);margin:0}
@media(max-width:850px){html[data-public-brand="familybound"] .home-hero .familybound-headline{font-size:clamp(36px,6.8vw,52px);max-width:22ch}.familybound-tagline{font-size:23px}}
@media(max-width:540px){html[data-public-brand="familybound"] .home-hero .familybound-headline{font-size:clamp(34px,9vw,44px);max-width:19ch}.familybound-tagline{font-size:21px}}

/* A tactile homepage: movement follows a deliberate hover or focus, then settles. */
@media(prefers-reduced-motion:no-preference){
  .home-hero .book-cutout picture{transition:transform .65s cubic-bezier(.22,1,.36,1);transform-origin:50% 65%}
  .page:has(.home-hero) .button{transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease,border-color .32s ease,background-color .32s ease}
  .page:has(.home-hero) .button>span[aria-hidden]{display:inline-block;transition:transform .32s cubic-bezier(.22,1,.36,1)}
  .page:has(.home-hero) .button:focus-visible>span[aria-hidden]{transform:translateX(4px)}
  .proof-photo:focus-visible img{transform:scale(1.025)}
  .edition-overview>article{transition:box-shadow .45s ease,border-color .45s ease}
  .edition-copies-art img{transition:transform .65s cubic-bezier(.22,1,.36,1)}
  .edition-overview>article:focus-within{box-shadow:0 14px 40px #39221b12;border-color:var(--wine)}
  .edition-overview>article:focus-within .edition-copies-art img{transform:translateY(-4px)}
  .home-book-step-number{transition:background-color .35s ease,color .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .page:has(.home-hero) .button:hover{transform:translateY(-3px);box-shadow:0 8px 18px #39221b24}
  .page:has(.home-hero) .button:hover>span[aria-hidden]{transform:translateX(4px)}
  .page:has(.home-hero) .button:active{transform:translateY(0);box-shadow:0 2px 4px #39221b18}
  .edition-overview>article:hover{box-shadow:0 14px 40px #39221b12;border-color:var(--wine)}
  .edition-overview>article:hover .edition-copies-art img{transform:translateY(-6px)}
  .home-book-steps li:hover .home-book-step-number{background:#ecd8ae;color:var(--wine);transform:translateY(-3px)}
}
@media(prefers-reduced-motion:reduce),print{
  .home-hero .book-cutout picture,.edition-copies-art img,.proof-photo img{transform:none!important}
}