/* Keep the original cinematic palette, video, and floating cover. */
:root{--color-muted:#aab8c6;--color-subtle:#91a1b2}
html{scroll-padding-top:6.5rem}
body{line-height:1.65}
header{background:rgba(5,7,10,.96)!important;border-bottom-color:#253443!important}
header nav a{font-size:.875rem!important;letter-spacing:.055em!important}
header [aria-label="Richard Phillips home"]{min-width:0}
.display{line-height:1.04;letter-spacing:.015em;text-wrap:balance}
h1.display{font-size:clamp(2.5rem,6.5vw,6.2rem)!important;max-width:14ch}
p{ text-wrap:pretty }
.eyebrow{font-size:.8125rem;letter-spacing:.16em;line-height:1.55}
button,a{touch-action:manipulation}
button[class*="text-"],a[class*="min-h-11"]{font-size:.875rem}
[class*="text-[0.65rem]"],[class*="text-[0.68rem]"],[class*="text-[0.72rem]"]{font-size:.8125rem!important;letter-spacing:.1em!important}
:where(a,button,[role="switch"]):focus-visible{outline:2px solid var(--color-accent);outline-offset:5px}
section[tabindex="-1"]:focus,main[tabindex="-1"]:focus{outline:none}
/* Content remains readable if scripts or intersection observers fail. */
.reveal,.reveal-in{opacity:1;filter:none;transform:none;transition:none}
#home-hero{min-height:0}
#home-hero>.wrap{min-height:min(780px,calc(100svh - 80px));padding-block:4rem 5.5rem}
#home-hero .scanline{opacity:.12}
#home-hero .stars{opacity:.3}
#home-hero .book-float{animation-duration:10s}
.hero-motion-control{position:absolute;bottom:1.25rem;right:max(1.5rem,calc((100vw - 1180px)/2));z-index:25;min-height:44px;padding:.6rem 1rem;border:1px solid #658087;background:#081119e8;color:#dce8ee;font:600 .875rem/1.4 var(--font-sans, sans-serif);letter-spacing:.02em;cursor:pointer}
.hero-motion-control:hover{border-color:var(--color-accent);color:var(--color-accent)}
html[data-motion="paused"] .book-float,html[data-motion="paused"] .marquee-track{animation-play-state:paused!important}
#books img{object-fit:contain}
#books [role="group"][aria-label="Series"]{gap:.5rem}
#books [aria-pressed="true"]{outline-offset:3px}
#mobile-nav{max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
[role="dialog"]{max-width:min(94vw,60rem);max-height:90dvh;overflow-y:auto}
@media(min-width:1024px){header nav{gap:1.25rem!important}#home-hero>.wrap{gap:3rem}#home-hero h1{margin-top:.5rem}}
@media(max-width:640px){html{scroll-padding-top:5rem}.wrap{width:calc(100% - 2.5rem)}header .wrap{width:calc(100% - 2rem)}header [aria-label="Richard Phillips home"]>span:first-child{font-size:1.1rem;letter-spacing:.12em}header [aria-label="Richard Phillips home"]>span:nth-child(2){font-size:.625rem;letter-spacing:.13em}#home-hero>.wrap{min-height:0;padding-block:2.5rem 5.5rem;gap:2rem}h1.display{font-size:clamp(2.65rem,10.5vw,4rem)!important}#home-hero .book-float img{width:10rem}.hero-motion-control{right:1.25rem}section .display{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.book-float,.marquee-track{animation:none}html[data-motion="playing"] .book-float{animation:book-float 10s ease-in-out infinite}html[data-motion="playing"] .marquee-track{animation:marquee 36s linear infinite}}
/* Reader-first marketing pass */
.book-product{display:flex;flex-direction:column;min-width:0;gap:.85rem}.book-product>button{height:auto;flex:1}.book-product>button>span:first-child{width:100%}.book-buy{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem .5rem;border:1px solid #38616b;background:#10272f;color:#c3f5f8;font-size:.875rem;font-weight:600;line-height:1.35;text-align:center}.book-buy:hover{background:var(--color-accent);color:var(--color-accent-fg)}
#start>div>div:nth-child(2)>a:first-child{border-color:var(--color-accent)}
.producer-invitation{padding:3.5rem 0;border-block:1px solid var(--color-line);background:#0a151e}.producer-invitation-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem}.producer-invitation h2{font-size:clamp(2rem,3vw,2.8rem);margin-bottom:1rem}.producer-invitation p.text-muted{max-width:650px}.producer-invitation a{max-width:290px;text-align:center;padding-block:.85rem}
section:has(blockquote){padding-block:2.25rem!important}section:has(blockquote) blockquote{font-size:clamp(1.4rem,2.5vw,2rem)!important}section:has(blockquote) cite{margin-top:1rem}section:has(blockquote) .eyebrow{margin-bottom:.65rem}
@media(max-width:760px){.producer-invitation-inner{grid-template-columns:1fr;gap:1.5rem}.producer-invitation a{justify-self:start}.book-buy{font-size:.8125rem}}
.beta-request-form{display:grid;gap:.65rem;margin-top:1.5rem;max-width:36rem}.beta-request-form label{font-size:.9375rem;font-weight:600;color:#e4eff4}.beta-request-form input,.beta-request-form textarea{display:block;width:100%;padding:.8rem 1rem;border:1px solid #506878;background:#07121a;color:#edf4f7;font:inherit;border-radius:2px}.beta-request-form input{min-height:48px}.beta-request-form textarea{resize:vertical}.beta-request-form label:not(:first-child){margin-top:.5rem}.beta-request-form :is(input,textarea):focus{outline:2px solid var(--color-accent);outline-offset:2px}.beta-request-form [hidden]{display:none!important}.beta-primary{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:.8rem 1.2rem;background:var(--color-accent);color:var(--color-accent-fg);font-weight:700;text-align:center}.beta-request-form>button{margin-top:.65rem}.beta-help{font-size:.875rem;line-height:1.6;color:var(--color-muted);margin-top:.4rem}.beta-request-result{border-top:1px solid #496273;margin-top:1rem;padding-top:1.25rem}.beta-request-result>p:first-child{margin-bottom:1rem}.beta-request-result textarea{margin-top:.65rem}.beta-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.beta-actions button{border:1px solid #64828e;padding:.7rem 1rem;min-height:48px}
.producer-contact-section{padding:5rem 0;background:#0d1b25;border-top:1px solid var(--color-line)}.producer-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;align-items:start}.producer-contact-section h2{font-size:clamp(2.1rem,3.5vw,3.4rem);margin-bottom:1.3rem}.producer-request-form{margin-top:0}.producer-request-form input[type="hidden"]{display:none}@media(max-width:760px){.producer-contact-grid{grid-template-columns:1fr;gap:2rem}.producer-contact-section{padding:3rem 0}}
#beta-request{scroll-margin-top:6rem}.beta-request-form input[type="hidden"]{display:none}
