:root{--navy:#101d32;--navy2:#172a43;--gold:#c9a76a;--cream:#f7f4ed;--ink:#263246}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.7}a{color:inherit}header{background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.15rem max(5%,calc((100vw - 1160px)/2));flex-wrap:wrap}.brand{text-decoration:none;font-size:1.2rem;letter-spacing:.04em}.brand span{display:block;font: .62rem Arial,sans-serif;letter-spacing:.36em;color:var(--gold)}nav{display:flex;gap:1.3rem;flex-wrap:wrap}nav a{text-decoration:none;font: .8rem Arial,sans-serif;color:#e7e6e4}nav a:hover{color:var(--gold)}.hero{background:linear-gradient(135deg,#101d32,#253d57);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;padding:6rem max(6%,calc((100vw - 1080px)/2));align-items:center;min-height:590px}.eyebrow{font:700 .7rem Arial,sans-serif;letter-spacing:.23em;color:var(--gold);margin:0 0 1rem}.hero h1{font-size:clamp(3.1rem,6vw,5.8rem);line-height:1.05;font-weight:400;margin:0 0 1.5rem}.hero h1 em{color:#e3c68f;font-weight:400}.hero-copy>p:not(.eyebrow){max-width:520px;color:#e3e5e8}.subtitle{font-size:1.35rem!important;color:#e6c88d!important}.button{display:inline-block;background:var(--gold);color:#142036;text-decoration:none;padding:.85rem 1.4rem;margin-top:1.4rem;font:700 .85rem Arial,sans-serif;border-radius:3px}.portrait-placeholder{height:380px;border:1px solid #8c806b;position:relative;display:flex;align-items:end;justify-content:center;overflow:hidden;background:linear-gradient(#314963,#647183 55%,#17283c)}.sun{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#f7dba2 0%,#d6ad6e 42%,transparent 70%);top:18%;left:50%;transform:translateX(-50%)}.portrait-note{position:relative;text-align:center;width:100%;padding:1rem;background:#101d32d9;color:#fff;font: .75rem Arial,sans-serif;letter-spacing:.2em}.portrait-note small{display:block;letter-spacing:normal;color:#d4d1cc;margin-top:.3rem}.section{padding:5.5rem max(6%,calc((100vw - 1080px)/2))}.section h2{font-weight:400;font-size:clamp(2.3rem,4vw,3.5rem);line-height:1.2;margin:.2rem 0 1.2rem;color:var(--navy)}.intro{text-align:center;max-width:1050px;margin:auto}.intro p:last-child{font-size:1.15rem}.feature{background:#eae5db;display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:center}.book-subtitle{font-style:italic;font-size:1.2rem}.status{font: .85rem Arial,sans-serif;color:#5c6170;margin-top:2rem}.cover-placeholder{aspect-ratio:2/3;max-width:340px;width:100%;justify-self:center;background:radial-gradient(circle at 50% 70%,#d8b56d,#46546b 42%,#12213c 75%);box-shadow:14px 18px 35px #0003;color:#f8e5b8;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:2rem 1rem}.cover-placeholder span{font-size:2.6rem;line-height:1.1;letter-spacing:.04em}.cover-placeholder small{font-size:.75rem;letter-spacing:.12em}.cover-placeholder strong{font-size:.8rem;letter-spacing:.14em}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2.5rem 0}.tiles a{padding:2rem 1.2rem;min-height:160px;background:#fff;border-top:3px solid var(--gold);text-decoration:none;box-shadow:0 5px 20px #0000000a}.tiles strong{display:block;font-size:1.3rem;color:var(--navy)}.tiles span{display:block;font: .85rem/1.5 Arial,sans-serif;color:#5a6170;margin-top:.7rem}.future{border-top:1px solid #ddd;padding:1rem 0}.future h3{margin-bottom:0}.writers{background:var(--navy2);color:#f6f2e9}.writers h2{color:#fff}.writers p:last-child{max-width:650px}.contact{text-align:center}footer{background:var(--navy);color:#d8dce3;padding:2rem 6%;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font: .78rem Arial,sans-serif}@media(max-width:760px){.hero,.feature{grid-template-columns:1fr;gap:2.5rem}.hero{padding-top:4rem}.portrait-placeholder{height:320px;max-width:340px}.tiles{grid-template-columns:repeat(2,1fr)}.section{padding-top:4rem;padding-bottom:4rem}}@media(max-width:440px){.tiles{grid-template-columns:1fr}.cover-placeholder span{font-size:2rem}nav{gap:.8rem}}

.portrait-frame{max-width:420px;overflow:hidden;border:1px solid #a78b59;box-shadow:0 22px 55px #0005}.portrait-frame img{display:block;width:100%;height:auto;aspect-ratio:1119/1343;object-fit:cover}

/* Version 2: author biography page */
nav a[aria-current="page"]{color:var(--gold);text-decoration:underline;text-underline-offset:.45rem}.text-link{color:#806029;text-underline-offset:.25rem;font:700 .9rem Arial,sans-serif}.about-hero{background:linear-gradient(135deg,#101d32,#253d57);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;padding:5rem max(6%,calc((100vw - 1080px)/2))}.about-hero h1{font-weight:400;font-size:clamp(3rem,5.5vw,5.4rem);line-height:1.08;margin:0 0 1.4rem}.about-hero h1 em{color:#e3c68f;font-weight:400}.about-lead{font-size:1.4rem;color:#e9d09e}.about-content{max-width:860px;margin:auto;padding:5rem 2rem 6rem}.about-content h2{font-size:clamp(2.3rem,4vw,3.4rem);font-weight:400;color:var(--navy);margin:0 0 1.6rem}.about-content p{font-size:1.14rem}.about-content blockquote{margin:2.5rem 0;padding:1rem 1.5rem;border-left:3px solid var(--gold);font-size:1.5rem;font-style:italic;color:var(--navy)}.about-content .about-note{font: .85rem/1.6 Arial,sans-serif;color:#666e7a;background:#eee9df;padding:1rem 1.2rem}@media(max-width:760px){.about-hero{grid-template-columns:1fr;gap:2rem;padding-top:4rem}.about-hero .portrait-frame{max-width:340px}.about-content{padding:3rem 1.5rem 4rem}}

.about-content h3{font-size:1.65rem;line-height:1.3;color:var(--navy);margin:2.8rem 0 .8rem;font-weight:400}.about-content h3+p{margin-top:.6rem}

/* Version 4: Books and featured book detail */
.books-banner{background:linear-gradient(135deg,#101d32,#253d57);color:#fff;padding:5rem max(6%,calc((100vw - 1080px)/2));}.books-banner h1{font-size:clamp(2.8rem,5vw,4.6rem);font-weight:400;line-height:1.14;margin:.4rem 0 1rem}.books-banner p:last-child{font-size:1.2rem;color:#e7d5b6}.book-feature-v4{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.7fr);align-items:start;gap:4rem;background:#eae5db}.book-feature-v4 h2{font-size:clamp(2.3rem,3.5vw,3.4rem)}.book-feature-v4 p{font-size:1.12rem}.book-feature-v4 blockquote{border-left:3px solid var(--gold);padding:.6rem 1.2rem;margin:2rem 0;font-size:1.3rem;font-style:italic}.book-hook{font-size:1.3rem!important;color:#6f552d}.book-cover-awaiting{aspect-ratio:2/3;max-width:340px;width:100%;border:2px dashed #9c8869;background:#f3eee4;color:#534d45;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;gap:1rem;justify-self:center}.book-cover-awaiting span{font-size:1.6rem;color:var(--navy)}.book-cover-awaiting small{font: .85rem/1.5 Arial,sans-serif}.coming-books{background:var(--cream)}@media(max-width:760px){.book-feature-v4{grid-template-columns:1fr}.books-banner{padding:4rem 6%}}

/* Version 5: approved front cover artwork */
.book-cover-art {display:flex;align-items:center;justify-content:center;min-width:0;}
.book-cover-art img {display:block;width:auto;max-width:100%;height:auto;max-height:580px;object-fit:contain;box-shadow:0 16px 34px rgba(10,20,40,.2);}
@media(max-width:700px){.book-cover-art img{max-height:480px;}}

/* Version 5b: proportionate display panel, with original front artwork kept undistorted. */
.book-cover-art img{width:min(100%,340px);height:auto;max-height:none;aspect-ratio:2/3;object-fit:contain;border:1px solid #c5a66d;box-shadow:0 18px 38px rgba(10,20,40,.24)}
@media(max-width:700px){.book-cover-art img{width:min(100%,300px);max-height:none}}

/* V5C: authentic approved Kindle front cover, no crop or padding */
.book-cover-art img{width:min(100%,340px);height:auto;aspect-ratio:auto;object-fit:contain;border:0;max-height:none}

/* Version 6: dedicated section pages */
.detail-content{max-width:1200px;margin:auto}.page-intro{font-size:1.25rem;max-width:850px;margin:0 0 2.5rem}.creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;margin:2rem 0 3rem}.creative-panel{background:#fff;border-top:3px solid var(--gold);padding:2rem 1.5rem;box-shadow:0 8px 24px #101d320b;scroll-margin-top:1.5rem}.creative-panel h2{font-size:2rem}.creative-panel p{font-size:1.05rem}.creative-panel .status{font-size:.86rem}.contact-panel{max-width:760px;background:#fff;padding:2.5rem;border-top:3px solid var(--gold)}.small-note{color:#5c6170;font: .9rem/1.7 Arial,sans-serif}.on-dark{color:#e6c88d}@media(max-width:800px){.creative-grid{grid-template-columns:1fr}.creative-panel{padding:1.5rem}}

/* Version 7A: accessible mobile navigation. Desktop layout remains unchanged. */
.mobile-menu-toggle{display:none;background:transparent;border:1px solid #c9a76a;color:#fff;border-radius:4px;font:700 .88rem Arial,sans-serif;padding:.65rem .8rem;cursor:pointer;align-items:center;gap:.55rem;min-height:44px}
.mobile-menu-toggle:focus-visible,nav a:focus-visible{outline:3px solid #e3c68f;outline-offset:3px}
@media(max-width:600px){
 header.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem 1rem;align-items:center;padding:1rem 6%}
 .site-header .brand{font-size:1.05rem;min-width:0}
 .mobile-menu-toggle{display:inline-flex;justify-self:end}
 .site-header nav{display:none;grid-column:1/-1;flex-direction:column;gap:0;width:100%;padding:.35rem 0 .5rem;border-top:1px solid #ffffff35}
 .site-header nav.is-open{display:flex}
 .site-header nav a{display:block;padding:.85rem .5rem;min-height:44px;font-size:1rem;border-bottom:1px solid #ffffff24}
}