/* AOA updates, Nov 2026: Start here testimony, note pages, free map */ .tag-line{display:inline-block;font-family:'Cinzel',Georgia,serif;font-size:.72rem;letter-spacing:.18em;color:var(--gold-hi);border:1px solid var(--rule);padding:4px 10px;margin-bottom:16px} .start-in{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:56px;align-items:center} .start-cover{border:1px solid var(--rule);box-shadow:0 18px 44px rgba(0,0,0,.55)} .start-cover img{width:100%;height:auto;display:block} .start-body h2{font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.15} .start-body .sub{color:var(--mute);font-style:italic;margin:12px 0 4px;font-size:1.2rem} .player{margin:18px 0 8px} .player audio{width:100%;display:block;min-height:54px} .ai-line{font-size:.95rem;color:var(--mute);margin:6px 0 0} .start-cta{margin-top:28px;font-size:1.35rem;color:#fff3d6;line-height:1.4} .start-cta+.btn{margin-top:16px} .notes{margin-top:56px;padding-top:36px;border-top:1px solid var(--rule)} .notes h3{font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.25} .notes .btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px} .page-top{padding:64px 0 24px;border-top:0} .page-wrap{max-width:860px;margin:0 auto;padding:0 24px} .crumb{font-family:'Cinzel',Georgia,serif;font-size:.78rem;letter-spacing:.16em;color:var(--mute);text-decoration:none;display:inline-block;margin-bottom:22px} .crumb:hover{color:var(--gold-hi)} .note-page h1{font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.12} .note-page .meta{color:var(--mute);font-style:italic;margin:12px 0 26px;font-size:1.2rem} .note-grid{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:36px;align-items:center;margin-bottom:6px} .note-art{border:1px solid var(--rule);box-shadow:0 18px 44px rgba(0,0,0,.55);max-width:300px} .note-art img{width:100%;height:auto;display:block} .note-video{margin-top:34px;padding-top:26px;border-top:1px solid var(--rule)} .note-video h2{font-size:1.2rem;letter-spacing:.1em;margin-bottom:14px} .note-video video{width:100%;max-width:640px;display:block;background:#000;border:1px solid var(--rule)} .page-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px} @media (max-width:820px){.note-grid{grid-template-columns:1fr;gap:22px}.note-art{max-width:260px}.start-in{grid-template-columns:1fr;gap:28px}.start-cover{max-width:300px}.page-top{padding:40px 0 16px}} /* Hero: the crisp books-on-the-shelf image leads the page as the main banner; the title sits right under it (Nov 2026) */ .hero{display:flex;flex-direction:column} .hero .shelf{order:-1} .hero-bg,.hero-bgwrap::after{display:none} .hero-in{padding:56px 0 72px} .shelf::before{display:none} .shelf::after{height:8%} .shelf img{max-width:2048px} /* AoA Framework: contact form, letter on the writer's desk with a Get in touch tab (concept A) */ #cf{background:linear-gradient(180deg,transparent calc(33.3% - 1px),rgba(54,38,26,.14) calc(33.3% - 1px),rgba(255,243,214,.7) 33.3%,transparent calc(33.3% + 2px)),linear-gradient(180deg,rgba(255,243,214,.55),rgba(220,174,104,.14)),#f0e2c6 !important;color:#21160e;border:1px solid rgba(54,38,26,.35);border-radius:3px;position:relative;padding:clamp(48px,7vw,68px) clamp(20px,5vw,56px) clamp(26px,5vw,52px);box-shadow:inset 0 0 0 6px #f0e2c6,inset 0 0 0 7px rgba(220,174,104,.85),0 24px 44px rgba(0,0,0,.55),7px 9px 0 -1px #cdb795,13px 18px 0 -2px #dcae68} #cf::before{content:"GET IN TOUCH";position:absolute;top:-24px;left:clamp(20px,5vw,56px);display:inline-block;padding:12px 28px;font-family:Cinzel,serif;font-weight:700;font-size:.95rem;letter-spacing:.2em;line-height:1.2;color:#21160e;background:radial-gradient(circle at 35% 30%,#f2cd8e,#dcae68 70%);border:2px solid #36261a;border-radius:999px;box-shadow:inset 0 0 0 4px rgba(242,205,142,.6),inset 0 0 0 5px rgba(54,38,26,.4),0 3px 0 #36261a,0 9px 14px rgba(33,22,14,.35);pointer-events:none} #cf label{display:block;font-family:Cinzel,serif;font-weight:700;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#36261a;margin:0 0 2px} #cf input,#cf select,#cf textarea{display:block;width:100%;box-sizing:border-box;min-height:52px;margin:0 0 24px;padding:10px 4px;background-color:transparent;color:#21160e;border:0;border-bottom:2px solid #36261a;border-radius:0;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.3rem;transition:background-color .15s} #cf :is(input,select,textarea):focus{outline:3px solid #21160e;outline-offset:3px;background-color:rgba(220,174,104,.32)} #cf select{appearance:none;-webkit-appearance:none;padding-right:2.4rem;background-image:linear-gradient(45deg,transparent 50%,#36261a 50%),linear-gradient(135deg,#36261a 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 13px) 55%;background-size:7px 7px;background-repeat:no-repeat} #cf select option{background:#f0e2c6;color:#21160e} #cf textarea{min-height:12rem;padding:0 4px;line-height:2rem;resize:vertical;background-image:repeating-linear-gradient(180deg,transparent 0,transparent calc(2rem - 2px),rgba(54,38,26,.4) calc(2rem - 2px),rgba(54,38,26,.4) 2rem);background-attachment:local} #cf .btn{display:block;width:100%;max-width:21rem;min-height:58px;margin:6px 0 0;padding:16px 28px;font-family:Cinzel,serif;font-weight:700;font-size:.95rem;letter-spacing:.2em;color:#21160e;background:radial-gradient(circle at 35% 30%,#f2cd8e,#dcae68 70%);border:2px solid #36261a;border-radius:999px;box-shadow:inset 0 0 0 4px rgba(242,205,142,.6),inset 0 0 0 5px rgba(54,38,26,.4),0 3px 0 #36261a,0 9px 14px rgba(33,22,14,.35);cursor:pointer;transition:transform .15s,box-shadow .15s} #cf .btn:hover{transform:translateY(-2px)} #cf .btn:active{transform:translateY(2px);box-shadow:inset 0 0 0 4px rgba(242,205,142,.6),inset 0 0 0 5px rgba(54,38,26,.4),0 1px 0 #36261a} #cf .btn:focus-visible{outline:3px solid #21160e;outline-offset:4px} #cf .sent{margin:22px 0 0;font-family:'Dancing Script',cursive;font-weight:600;font-size:1.7rem;line-height:1.3;color:#36261a} @media (prefers-reduced-motion:reduce){#cf input,#cf select,#cf textarea,#cf .btn{transition:none}}