/* CEO JAMES Storybook — lightweight, accessible, responsive styles */
:root{--navy:#10233e;--navy2:#091729;--gold:#d9a83d;--gold2:#f2d48a;--ink:#1f2933;--muted:#627080;--paper:#f7f3eb;--white:#fffdf8;--line:#e5ddcd;--teal:#1a736f;--serif:Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--reading:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit}img{max-width:100%;display:block}button{font:inherit}.skip{position:absolute;left:-999px;top:auto}.skip:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.7rem;border:2px solid var(--gold)}
.site-head{background:rgba(11,27,47,.98);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 18px #07111f20}.head-inner{max-width:1200px;margin:auto;padding:.7rem 1.25rem;display:flex;align-items:center;gap:1rem;justify-content:space-between}.brand{display:flex;align-items:center;gap:.7rem;min-width:190px;text-decoration:none}.brand-mark{width:42px;height:42px;border:1.5px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-family:var(--serif);font-weight:bold;font-size:1.15rem}.brand-text{display:grid;line-height:1.15}.brand-text strong{font-size:.96rem;letter-spacing:.08em}.brand-text small{font-size:.64rem;color:#c8d2df;letter-spacing:.13em;margin-top:.25rem}.nav{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.nav a{color:#e8edf2;text-decoration:none;padding:.56rem .72rem;border-radius:999px;font-size:.86rem}.nav a:hover,.nav a:focus-visible,.nav a.active{background:#263c56;color:#ffe3a1}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid #60718a;border-radius:9px;padding:.5rem .7rem}
main{min-height:65vh}.wrap{max-width:1100px;margin:auto;padding:clamp(1rem,3vw,2.2rem)}.eyebrow{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--teal)}h1,h2,h3{font-family:var(--serif);line-height:1.15;color:var(--navy)}h1{font-size:clamp(2rem,5vw,3.65rem);letter-spacing:-.025em;margin:.45rem 0 1rem}h2{font-size:clamp(1.5rem,3.5vw,2.35rem);margin:.4rem 0 1rem}h3{font-size:1.35rem;margin:.3rem 0 .55rem}p{margin:.6rem 0 1rem}.muted{color:var(--muted)}.lead{font-size:clamp(1.06rem,2vw,1.25rem);color:#485665;max-width:68ch}.gold{color:var(--gold2)}.rule{height:1px;background:var(--line);margin:1.6rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none;background:var(--gold);color:#172337;font-weight:800;border:1px solid var(--gold);padding:.75rem 1.15rem;border-radius:999px;min-height:46px;box-shadow:0 4px 0 #956d1a20}.btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn.secondary{background:transparent;color:var(--navy);border-color:#c6a65e;box-shadow:none}.btn.navy{background:var(--navy);color:#fff;border-color:var(--navy)}.actions{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin:1.3rem 0}.panel{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:clamp(1rem,2.6vw,1.6rem);box-shadow:0 10px 25px #1b27350a}.cover-hero{max-width:1240px;margin:0 auto;padding:1rem clamp(.75rem,2vw,1.5rem) 0}.cover-art{border-radius:22px;overflow:hidden;box-shadow:0 25px 70px #08182d30;background:var(--navy)}.cover-art img{width:100%;height:auto;aspect-ratio:5/7;object-fit:cover}.cover-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:1.4rem;align-items:center;margin:1.5rem auto 0;max-width:1100px;padding:0 clamp(1rem,3vw,2rem)}.statline{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.stat{padding:.65rem .9rem;border-left:3px solid var(--gold);background:#fffaf0;border-radius:0 10px 10px 0;font-size:.9rem}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;flex-wrap:wrap;margin:2.2rem 0 1rem}.episode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.episode-card{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.episode-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #14223815}.episode-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.episode-card .card-copy{padding:1rem;display:flex;flex-direction:column;flex:1}.episode-no{color:var(--teal);font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.episode-card p{font-size:.93rem;color:var(--muted);margin-bottom:1rem}.read-link{margin-top:auto;color:#866116;font-weight:800;font-size:.9rem}.story-shell{max-width:950px;margin:auto;padding:clamp(1rem,3vw,2.5rem)}.story-top{display:grid;grid-template-columns:1fr .78fr;gap:1.5rem;align-items:center;margin-bottom:1.6rem}.story-cover{background:#e4dfd4;border:1px solid var(--line);padding:.45rem;border-radius:16px;box-shadow:0 16px 40px #17233717}.story-cover img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:11px}.image-caption{font-size:.82rem;color:var(--muted);margin:.55rem .25rem .15rem;line-height:1.45}.story-meta{color:var(--muted);font-size:.9rem}.story-body{background:#fffdf8;border:1px solid var(--line);border-radius:20px;padding:clamp(1.1rem,4vw,3rem);box-shadow:0 12px 32px #111b2807}.story-text{font-family:var(--serif);font-size:var(--reading);line-height:1.82;max-width:70ch;margin:0 auto}.story-text p{margin:0 0 1.1em}.story-text p:first-child:first-letter{font-size:1.25em;font-weight:bold;color:#966c13}.story-text .final-note{font-family:var(--sans);background:#eef4f2;border-left:4px solid var(--teal);padding:1rem;border-radius:0 10px 10px 0;font-size:.92rem}.reader-tools{display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.font-controls{display:flex;gap:.4rem;align-items:center}.font-controls button{border:1px solid var(--line);background:#fffdf8;border-radius:8px;padding:.4rem .6rem;cursor:pointer;color:var(--navy);font-weight:800}.pager{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.4rem 0}.pager a{color:var(--navy);font-weight:800;text-decoration:none;background:#f0e7d5;border:1px solid #e3d6bb;padding:.7rem .95rem;border-radius:12px}.pager a:hover{background:#ead8b3}.reflection{margin-top:1.5rem;padding:1.1rem;border:1px dashed #c9aa63;background:#fff9e9;border-radius:14px}.reflection strong{color:#715212}.character-grid,.services-grid,.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.character-card,.service-card,.gallery-card{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden}.character-card img,.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.character-card div,.service-card,.gallery-card .copy{padding:1rem}.service-card{display:flex;flex-direction:column;align-items:flex-start}.service-icon{width:44px;height:44px;border-radius:12px;background:#f5e8c9;color:#8e6410;display:grid;place-items:center;font-size:1.35rem;margin-bottom:.7rem}.service-card p,.character-card p,.gallery-card p{color:var(--muted);font-size:.94rem}.service-card .btn{margin-top:auto}.mini-label{display:inline-block;color:#815d16;background:#f6e9c8;padding:.25rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.quote{font-family:var(--serif);font-size:1.45rem;line-height:1.5;color:var(--navy);border-left:4px solid var(--gold);padding-left:1rem;margin:1.2rem 0}.callout{background:var(--navy);color:#fff;border-radius:20px;padding:clamp(1.2rem,3vw,2rem);display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.callout h2{color:#fff}.callout p{color:#dbe3ed;margin-bottom:0}.callout .btn{white-space:nowrap}.footer{margin-top:3rem;background:var(--navy2);color:#e8edf3;padding:2rem 1rem}.footer-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1.5rem}.footer strong{color:#f2d48a}.footer a{color:#e8edf3;text-decoration:none}.footer a:hover{text-decoration:underline;color:#f2d48a}.footer small{color:#aab8c9}.footer p,.footer li{font-size:.9rem}.footer ul{padding-left:1.1rem;margin:.6rem 0}.disclaimer{font-size:.78rem;color:#6a7582;border-top:1px solid #ffffff20;margin-top:1.6rem;padding-top:1rem}.footer .disclaimer{color:#aab8c9}.notice{border-left:4px solid var(--gold);background:#fff8e7;border-radius:0 12px 12px 0;padding:1rem}.contact-links{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.pill{border:1px solid #d7c9ab;border-radius:999px;padding:.45rem .75rem;text-decoration:none;font-weight:700;background:#fffcf3;font-size:.88rem}.pill:hover{background:#f2e5c6}
@media(max-width:800px){.head-inner{flex-wrap:wrap}.menu-toggle{display:inline-block;margin-left:auto}.nav{display:none;width:100%;padding:.35rem 0 .6rem;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{border-radius:9px}.cover-bottom{grid-template-columns:1fr;padding:0 1rem}.episode-grid,.character-grid,.services-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-top{grid-template-columns:1fr}.story-cover{max-width:540px;margin:auto}.story-top-copy{order:-1}.footer-inner{grid-template-columns:1fr 1fr}.callout{grid-template-columns:1fr}.callout .btn{justify-self:start}}
@media(max-width:520px){.episode-grid,.character-grid,.services-grid,.gallery-grid{grid-template-columns:1fr}.brand{min-width:0}.brand-text strong{font-size:.85rem}.brand-text small{font-size:.58rem}.story-text{font-size:calc(var(--reading) - 1px)}.pager a{font-size:.85rem;padding:.6rem .7rem}.footer-inner{grid-template-columns:1fr}.cover-art{border-radius:14px}.cover-bottom{padding:0 .25rem}.statline{display:grid;grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.site-head,.footer,.reader-tools,.pager,.actions,.reflection,.menu-toggle{display:none!important}body{background:#fff}.story-body{box-shadow:none;border:none;padding:0}.story-text{font-size:11pt}.story-shell{max-width:none;padding:0}.story-top{grid-template-columns:1fr 1fr}.story-cover{box-shadow:none}}

.network-status{position:relative;padding:.65rem 1rem;text-align:center;background:#fff4d7;color:#59400b;border-bottom:1px solid #e5c875;font-size:.88rem;font-weight:650}.network-status[hidden]{display:none}.share-tools{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.8rem}.pill-button{font:inherit;cursor:pointer;color:var(--navy)}.share-status{font-size:.83rem;color:var(--teal);min-width:9ch}.link-note{font-size:.8rem;color:var(--muted);margin-top:.65rem}.link-pending{opacity:.8;text-decoration:underline dotted;cursor:pointer}.link-pending[aria-disabled="true"]{opacity:.75}