/* AVP site updates, Nov 2026 (KeiStone Kollective)
   Loaded after styles.css. Covers: new AVP logo lockup, AVP monogram as
   decorative mark, Books & Merch page, homepage book teaser. */

/* New logo lockup is wider (about 6:1), so give it a little more room. */
.logo{width:300px}
.logo img{width:100%;height:auto;display:block}
.footer-main img{width:280px;height:auto}
@media(max-width:1100px){.logo{width:260px}}
@media(max-width:800px){.logo{width:236px}.footer-main img{width:250px}}
@media(max-width:580px){.logo{width:214px}.footer-main img{width:230px}}

/* AVP monogram replaces the old chevron mark. Keep it from stretching. */
.purpose-mark,.service-video-mark{object-fit:contain}
.purpose-mark{height:auto;aspect-ratio:771/406}

/* Homepage teaser */
.book-teaser{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;border-top:1px solid var(--line)}
.book-teaser h2{font-size:clamp(33px,3.7vw,52px);line-height:1.12;letter-spacing:-1.4px;color:var(--navy)}
.book-teaser h2 em{color:var(--label)}
.book-teaser p{font-size:15px;line-height:1.9;color:var(--muted);max-width:520px}
.book-teaser .teaser-actions{display:flex;flex-wrap:wrap;gap:22px 34px;align-items:center;margin-top:28px}
.book-teaser .teaser-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding:0;list-style:none}
.book-teaser .teaser-tags li{font-family:var(--label-font);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--label);border:1px solid var(--line);padding:8px 12px}
@media(max-width:800px){.book-teaser{grid-template-columns:1fr;gap:28px}}

/* Books & Merch page */
.books-page .page-intro{grid-template-columns:1.1fr .9fr}
.books-page .coming-badge{display:inline-block;font-family:var(--label-font);font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--navy);background:var(--gold);padding:8px 14px;margin-bottom:24px}
.books-mark{background:var(--navy);display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:12%}
.books-mark img{width:100%;height:auto}
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.offer-grid article{border-top:2px solid var(--gold);padding-top:24px}
.offer-grid h3{font-size:27px;margin-bottom:14px;color:var(--navy)}
.offer-grid p{font-size:14px;color:var(--muted);line-height:1.9}
.offer-grid .status{display:block;margin-top:16px;font-family:var(--label-font);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--label)}
.offer-grid .text-link{margin-top:16px}
@media(max-width:1100px){.offer-grid{gap:24px}}
@media(max-width:800px){.offer-grid{grid-template-columns:1fr;gap:28px}}

.book-signup{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.book-signup h2{font-size:clamp(33px,3.7vw,48px);line-height:1.12;color:var(--navy)}
.book-signup .signup-copy p{font-size:15px;line-height:1.9;color:var(--muted);margin-top:20px;max-width:470px}
.book-signup form{display:grid;gap:18px;background:var(--surface);border:1px solid var(--line);padding:34px}
.book-signup label{display:grid;gap:8px;font-size:13px;color:var(--navy)}
.book-signup input[type=text],.book-signup input[type=email]{font:inherit;font-size:15px;padding:13px 14px;border:1px solid var(--line);background:var(--ivory);color:var(--navy)}
.book-signup fieldset{border:0;padding:0;margin:0;display:grid;gap:10px}
.book-signup legend{font-size:13px;color:var(--navy);margin-bottom:8px}
.book-signup .check{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--muted)}
.book-signup .fineprint{font-size:12px;color:var(--muted);line-height:1.7}
.book-signup .signup-success{border:1px solid var(--line);background:var(--surface);padding:34px}
.book-signup .signup-success h3{font-size:26px;color:var(--navy);margin-bottom:10px}
@media(max-width:800px){.book-signup{grid-template-columns:1fr;gap:30px}.book-signup form{padding:24px}}

/* Keep the sign-up checkboxes compact (overrides the site's full-width form fields) */
.book-signup .check{display:flex!important;grid-template-columns:none;align-items:center;justify-content:flex-start;gap:12px;text-align:left}
.book-signup .check input[type=checkbox]{width:18px!important;height:18px;min-height:0;flex:0 0 18px;margin:0;padding:0;accent-color:var(--navy)}