:root{--pine:#092e28;--night:#071b20;--honey:#efbe5e;--cream:#fff8e8;--ink:#17332d;--muted:#587168;--line:#d8e2da}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{background:var(--night);color:white}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Georgia,serif;font-size:1.65rem}.brand span,.eyebrow{color:var(--honey)}.links{display:flex;gap:28px;font-weight:700}.links a[aria-current=page]{color:var(--honey)}
.page-hero{padding:90px 0 70px;background:linear-gradient(145deg,var(--night),var(--pine));color:white}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.77rem;font-weight:850}.page-hero h1{font:500 clamp(3rem,7vw,6rem)/.98 Georgia,serif;letter-spacing:-.04em;margin:18px 0}.page-hero p{max-width:700px;color:#d4e2dc;font-size:1.12rem;margin:0}
main section{padding:72px 0}.section-title{font:500 clamp(2rem,4vw,3.5rem)/1.05 Georgia,serif;margin:0 0 12px}.section-intro{color:var(--muted);max-width:720px;margin:0 0 32px}
.cover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cover{min-height:430px;border-radius:22px;background-position:center;background-size:cover;position:relative;overflow:hidden;display:flex;align-items:end;padding:26px;color:white}.cover:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(2,20,21,.95))}.cover div{position:relative;z-index:1}.cover h2{font:500 1.7rem/1.08 Georgia,serif;margin:6px 0}.cover small{color:#f3cc7d;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.series-section{background:#edf3ee}.series-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.series-card{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 32px rgba(7,27,32,.06);transition:transform .2s,box-shadow .2s}.series-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(7,27,32,.11)}.series-card :is(summary,.series-summary){cursor:pointer;display:grid;grid-template-columns:112px 1fr;gap:20px;align-items:center;padding:18px;list-style:none}.series-card :is(summary,.series-summary)::-webkit-details-marker{display:none}.series-card :is(summary,.series-summary) img{width:112px;aspect-ratio:9/16;object-fit:cover;border-radius:10px;box-shadow:0 8px 18px rgba(7,27,32,.22)}.series-card :is(summary,.series-summary) span{min-width:0}.series-card :is(summary,.series-summary) small{display:none}.series-card :is(summary,.series-summary) strong{display:block;font:500 1.35rem/1.12 Georgia,serif;margin:0 0 14px}.series-card :is(summary,.series-summary) em{color:var(--muted);font-size:.88rem;font-style:normal;font-weight:750}.series-card :is(summary,.series-summary) em:after{content:" ›"}.series-card ol{display:none}
.collection-hero{padding:82px 0 64px;background:linear-gradient(145deg,var(--night),var(--pine));color:white}.collection-hero h1{font:500 clamp(3rem,7vw,5.8rem)/.98 Georgia,serif;letter-spacing:-.04em;margin:18px 0}.collection-hero p{max-width:760px;color:#d4e2dc;font-size:1.12rem}.book-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.book-tile{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(7,27,32,.07);transition:.2s}.book-tile:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(7,27,32,.13)}.book-tile img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}.book-tile div{padding:22px}.book-tile h2{font:500 1.45rem/1.12 Georgia,serif;margin:10px 0}.book-tile p{margin:0;color:var(--muted);font-weight:750}.book-detail{padding:70px 0 88px;background:linear-gradient(145deg,var(--night),var(--pine));color:white}.book-detail-grid{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:70px;align-items:center}.detail-cover{margin:0}.detail-cover img{display:block;width:100%;border-radius:20px;box-shadow:0 28px 65px rgba(0,0,0,.35)}.book-copy h1{font:500 clamp(3rem,6vw,5.6rem)/.98 Georgia,serif;letter-spacing:-.04em;margin:18px 0 24px}.book-lead{font-size:1.18rem;color:#d9e7e0;max-width:620px}.inside-preview{background:var(--cream)}.story-preview-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:64px;align-items:center}.inside-art{margin:0;aspect-ratio:9/14.5;overflow:hidden;border-radius:24px;box-shadow:0 20px 50px rgba(7,27,32,.16)}.inside-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.story-info{padding:34px 0}.story-info h2{font:500 clamp(2.35rem,4.8vw,4.2rem)/1.02 Georgia,serif;letter-spacing:-.03em;margin:16px 0 24px}.story-info .book-kind{font-size:1.14rem;color:var(--muted);max-width:620px}.story-notes{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);margin-top:34px;padding-top:24px;color:var(--muted)}.story-notes strong{color:#a36d12}
.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.step{background:white;border:1px solid var(--line);border-radius:22px;padding:32px}.step b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--honey);margin-bottom:22px}.step h2{font:500 1.8rem/1.1 Georgia,serif;margin:0 0 10px}.step p{margin:0;color:var(--muted)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{background:white;border:1px solid var(--line);border-radius:22px;padding:30px}.plan.featured{background:var(--pine);color:white;border-color:var(--pine)}.plan h2{font:500 2rem/1.1 Georgia,serif}.plan .price{font:500 1.35rem Georgia,serif;color:#a36d12}.plan.featured .price{color:var(--honey)}.plan p{color:var(--muted)}.plan.featured p{color:#cbdcd4}.plan ul{padding-left:20px}.notice{margin-top:28px;padding:20px 24px;border-radius:15px;background:#f2dda7}
.button{display:inline-flex;justify-content:center;border-radius:999px;padding:13px 22px;background:var(--pine);color:white;font-weight:800}.back{display:inline-block;margin:0 clamp(32px,4vw,58px) 20px 0;color:#dbe6e0}
footer{background:var(--night);color:#cbd9d2;padding:40px 0;margin-top:70px}.foot{display:flex;justify-content:space-between;gap:30px;align-items:center}.foot nav{display:flex;gap:22px}.series-card :is(summary,.series-summary) em:after{content:none}
.cover,.book-tile{cursor:pointer}.cover{transition:transform .2s,box-shadow .2s}.cover:hover,.cover:focus-visible{transform:translateY(-4px);box-shadow:0 18px 38px rgba(7,27,32,.16);outline:3px solid rgba(239,190,94,.8);outline-offset:3px}.book-tile:focus-visible,.series-card :is(summary,.series-summary):focus-visible{outline:3px solid rgba(239,190,94,.8);outline-offset:3px}
@media(max-width:1000px){.series-list{grid-template-columns:repeat(2,1fr)}.book-shelf{grid-template-columns:repeat(2,1fr)}.story-preview-grid{gap:38px}}@media(max-width:800px){.links{gap:14px;font-size:.88rem}.cover-grid,.series-list,.steps,.plans{grid-template-columns:1fr}.cover{min-height:420px}.page-hero{padding:65px 0 55px}.page-hero .back{margin-right:28px}.series-card :is(summary,.series-summary){grid-template-columns:92px 1fr}.series-card :is(summary,.series-summary) img{width:92px}.book-detail-grid,.story-preview-grid{grid-template-columns:1fr;gap:38px}.detail-cover{width:min(320px,85%);margin:auto}.book-copy h1{font-size:clamp(2.7rem,14vw,4.4rem)}.story-info{padding:0}.wrap{width:min(100% - 28px,1180px)}.foot{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.book-shelf{grid-template-columns:1fr}}

.purchase-info{margin-top:28px}.detail-price{font-family:Georgia,serif;font-size:2.3rem;color:var(--pine,#183f34);margin:0 0 8px}.detail-price span{font:400 1rem Inter,sans-serif}.sales-status{font-size:.9rem;color:#567168}.purchase-info .button{margin-top:12px}

/* Shared purchase styling for book and collection pages. */
.purchase-info .detail-price{color:var(--honey);font-size:2.3rem;line-height:1.25;font-weight:600}
.purchase-info .detail-price span{color:#d4e2dc}
.purchase-info .sales-status{color:#d4e2dc;font-size:1rem;margin:12px 0 0}
.purchase-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;align-items:center}
.purchase-info .button{margin-top:0;background:var(--honey);color:var(--pine);border:1px solid var(--honey);min-height:48px;align-items:center;text-align:center;line-height:1.4}
.purchase-info>.button{margin-top:24px}
.purchase-info .button-secondary{background:transparent;color:var(--cream);border-color:#a8bfb5;font-weight:650}
.purchase-info .button:hover{background:#f5cc81}
.purchase-info .button-secondary:hover{background:rgba(255,248,232,.1)}
.purchase-info .button:focus-visible{outline:3px solid var(--cream);outline-offset:4px}
.book-number{color:#8a5b0b}
@media(max-width:560px){.purchase-actions{flex-direction:column;align-items:stretch}.purchase-actions .button{width:100%}}

/* Keep the four numbered stories in reading order from left to right. */
.book-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.book-shelf{grid-template-columns:repeat(4,minmax(220px,1fr));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:20px}.book-shelf .book-tile{scroll-snap-align:start}}

/* Intrinsic image sizing */
.detail-cover img,.book-tile img{height:auto}