/* Illustrated astrology almanac direction, inspired by the supplied book reference. */
:root{--paper:#f3efda;--ink:#202d24;--blue:#d8dfc5;--muted:#52604d;--line:#929e80;--white:#faf5e3;--accent:#28533b;--soft:#e8e9d2;--gold:#c39a35;--night:#f3efda;--serif:Georgia,'Times New Roman',serif;--display:Impact,'Arial Narrow','Franklin Gothic Medium',sans-serif}
body{background:var(--paper);color:var(--ink);color-scheme:light}body:before{display:none}::selection{background:#dfbd56;color:#202d24}
.reviewbar{background:#203b2b;color:#f2edda;border-bottom:1px solid #203b2b}.reviewnav button[aria-current=page]{background:#f3efda;color:#203b2b}
.wrap{max-width:1350px;padding-left:54px;padding-right:54px}.nav{border-bottom:2px solid var(--ink);height:95px}.wordmark{font-family:var(--serif);font-weight:700;letter-spacing:-1.2px;font-size:34px;color:var(--ink)}.wordmark:before{color:var(--ink);font-weight:400}
.navlinks{color:var(--ink);font-size:13px}.navlinks a:hover,.linkbutton:hover{color:#964d28}
.eyebrow,.statuslabel{color:var(--ink);letter-spacing:1.7px;font-size:11px}
h1,h2{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.2px;color:var(--ink);line-height:1.02}
h1 em{font:inherit;color:var(--ink)}h3{color:var(--ink);font-family:var(--serif)}
.hero{padding:28px 0 48px;gap:52px;grid-template-columns:1fr 1fr}
.hero h1{font-family:var(--display);font-size:clamp(56px,6.5vw,94px);line-height:1.02;letter-spacing:0}
.hero p{color:#394e3d;font:18px/1.65 var(--serif);max-width:410px;margin:25px 0}
.hero .eyebrow{font:italic 19px/1.4 var(--serif);text-transform:none;letter-spacing:0;margin-bottom:20px}
.heroimg{padding:0;border:0;border-radius:0}.heroimg:before{display:none}.heroimg img{border-radius:0;max-height:530px;width:100%;aspect-ratio:4/5;object-fit:cover;background:#819477}
.heroimg figcaption{background:#f3efdadf;color:#203b2b;font-size:9px;left:16px;bottom:15px}
.btn{background:var(--accent);border:1px solid var(--ink);color:#faf4df;border-radius:0;font-weight:500;box-shadow:3px 3px 0 #203b2b30;padding:15px 25px}.btn:hover{background:#386747;border-color:var(--ink)}.btn.secondary{color:var(--ink);background:#e4cf80;border:1px solid var(--ink)}.btn.secondary:hover{background:#ebdca2}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#9a4e25}
.lunar-divider{padding:15px 0 38px;gap:28px}.lunar-divider:before,.lunar-divider:after{background:var(--ink);width:120px}.moon{border-color:#203b2b;background:transparent}.moon.waxing{background:linear-gradient(90deg,transparent 50%,#203b2b 50%)}.moon.full{background:#ddb94e;box-shadow:none;border-color:#203b2b}.moon.waning{background:linear-gradient(90deg,#203b2b 50%,transparent 50%)}
.section{border-top:1px solid var(--ink);padding:68px 0}.intro h2{font-size:clamp(40px,4.2vw,60px)}.intro p{color:var(--muted);font:19px/1.6 var(--serif)}
.steps{gap:45px;margin-top:44px}.step .number{color:#9c502d;font-family:var(--serif);font-style:italic;font-size:24px}.step h3{color:var(--ink);font-size:27px}.step p{color:#3f513f}
.portrait-slot{background:#94a581;border:1px solid var(--ink);border-radius:0;min-height:375px;box-shadow:inset 0 0 0 9px #94a581,inset 0 0 0 10px #203b2b}
.portrait-slot:before,.portrait-slot:after{border-color:#203b2b60}.portrait-slot .initial{color:#f8eed5}.portrait-slot p{color:#203b2b}.jolene p:not(.promise){color:#3f513f}.promise{color:#964d28}
.pricechoice{background:#f8f2de;border:1px solid #67765d;border-radius:0;color:var(--ink)}.pricechoice.selected{background:#d8dfc5;border:2px solid #28533b}.pricechoice b{color:var(--ink)}.pricechoice small{color:#52604d}
.order{background:#d8dfc5;border:1px solid #56654d;box-shadow:5px 5px 0 #203b2b16}.order .pricechoice{background:#f6f0dc}.order .pricechoice.selected{background:#e6ce7c}.total{border-color:#708062}
.annotation{background:#e9dfbc;color:#514b30;border-color:#9a762c}.field input,.field select{background:#fff9e8;color:var(--ink);border:1px solid #819071;border-radius:0}.field input::placeholder{color:#68735c}.field input:focus{border-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}
.payment-slot{background:#e7e8d1;color:var(--muted)}.lettercard{background:#fcf6e3;border:1px solid #9aa384;box-shadow:5px 6px 0 #2139220c}.lettercard h3,.address{color:var(--ink)}.prompts li:before{color:#97502d}
.accountcard{background:#faf4df;border-color:#8f9b7f}.emailpreview,.pausebox{background:#d8dfc5;border:1px solid #718464}.pausebox h3,.emailpreview h3{color:var(--ink)}.emailpreview .subject{border-color:#8f9b7f}
.flownode{background:#e3e6cf;border-color:var(--accent)}.upselltable th{background:#d8dfc5}.swatch i{border-color:#8e967d}.toast{background:#203b2b;color:#faf4df}.footer{border-top:2px solid var(--ink)}.welcome .lede{color:#4a5d43}
.pagehead h1,.centerpage h1{font-family:var(--display);letter-spacing:.2px;font-size:60px}.welcome h1{font-size:68px;letter-spacing:0}
.how-label{margin-bottom:18px}.correspondence-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.correspondence-steps h3{font-size:25px}.how-billing{margin:32px auto 0;max-width:850px;text-align:center}
.sample-exchange{margin-top:65px;padding-top:50px;border-top:1px dashed #929e80}.sample-heading{max-width:760px;margin:0 auto 35px;text-align:center}.sample-heading h2{font-size:clamp(34px,3.8vw,51px)}.sample-heading>p{margin:20px auto 0;max-width:540px}.sample-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.sample-letter{padding:32px 36px;background:#fcf7e7;border:1px solid #9ba388;box-shadow:5px 6px 0 #203b2b0c;position:relative}.reply-letter{margin-top:32px;background:#e5e9d2}.letter-meta{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #9ba388;padding-bottom:16px;margin-bottom:28px;font:11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:1px;color:#516148}.sample-letter h3{font-style:italic;font-size:28px;margin-bottom:22px}.letter-body p{font:17px/1.8 var(--serif);color:#354431;margin:0 0 18px}.letter-signoff{font:italic 18px/1.6 var(--serif);margin-top:26px}.letter-signoff span{font-size:26px}.sample-close{margin-top:38px;display:flex;justify-content:center;align-items:center;gap:45px}.sample-close p{font:italic 19px/1.5 var(--serif)}
@media(max-width:1000px){.correspondence-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-letter{padding:25px}.sample-pair{gap:22px}}
@media(max-width:650px){.correspondence-steps{grid-template-columns:1fr;gap:26px}.how-billing{text-align:left}.sample-exchange{margin-top:38px;padding-top:38px}.sample-heading{text-align:left}.sample-heading>p{margin-left:0}.sample-pair{grid-template-columns:1fr;gap:24px}.reply-letter{margin-top:0}.sample-letter{padding:24px}.letter-meta{font-size:10px;letter-spacing:.7px}.sample-close{flex-direction:column;align-items:start;gap:22px}.sample-close .btn{width:100%}}
@media(max-width:900px){.wrap{padding-left:28px;padding-right:28px}.hero{gap:32px}.hero h1{font-size:66px}}
@media(max-width:650px){.wrap{padding-left:22px;padding-right:22px}.nav{height:80px}.wordmark{font-size:29px}.hero{grid-template-columns:1fr;gap:28px;padding:28px 0 35px}.hero h1{font-size:66px;line-height:1}.hero .eyebrow{font-size:17px;margin-bottom:18px}.hero p{font-size:18px;margin:22px 0}.heroimg{max-width:440px}.heroimg img{aspect-ratio:4/5;max-height:none}.lunar-divider{gap:20px;padding:0 0 35px}.lunar-divider:before,.lunar-divider:after{width:55px}.section{padding:45px 0}.pagehead h1,.centerpage h1{font-size:48px}.welcome h1{font-size:54px}.portrait-slot{min-height:330px}.intro h2{font-size:43px}}

.jolene-portrait{margin:0;align-self:start}.jolene-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--ink);padding:8px;background:#f3efda}.jolene-portrait figcaption{font-size:11px;line-height:1.5;color:var(--muted);margin-top:10px;max-width:48ch}

.handwritten-letter{padding:0;background:transparent;border:0;box-shadow:none}.handwritten-letter .letter-meta{margin:0 0 15px;padding:0 3px 14px}.letter-image-link{display:block;box-shadow:4px 6px 16px #203b2b12;transition:transform .2s ease;cursor:zoom-in}.letter-image-link:hover{transform:translateY(-3px)}.letter-image-link img{display:block;width:100%;height:auto;border:1px solid #9ba38866}.letter-transcript{margin-top:16px;border-bottom:1px solid #9ba388;padding-bottom:14px}.letter-transcript summary{cursor:pointer;font-size:13px;text-underline-offset:4px}.letter-transcript[open] summary{margin-bottom:24px}.letter-transcript .letter-body p{font-size:16px}.letter-transcript h3{font-size:25px}@media(prefers-reduced-motion:reduce){.letter-image-link{transition:none}.letter-image-link:hover{transform:none}}

.letter-audio{margin-top:24px;padding:20px;background:#e5e9d2;border:1px solid #9ba388}.letter-audio audio{display:block;width:100%;margin:14px 0 10px;height:42px}.letter-audio .eyebrow{font-size:10px;letter-spacing:1.5px}

/* Illustrated almanac ornaments, decorative and outside reading areas. */
.astro-ornament{display:block;width:120px;height:120px;background-image:url('assets/celestial-ornaments.png');background-size:200% 200%;background-repeat:no-repeat;mix-blend-mode:multiply;pointer-events:none;flex-shrink:0}
.ornament-sun{background-position:0 0}.ornament-moon{background-position:100% 0}.ornament-botanical{background-position:0 100%}.ornament-envelope{background-position:100% 100%}
.illustrated-intro{position:relative;max-width:none;padding:16px 145px 20px}.illustrated-intro h2{max-width:740px;margin-left:auto;margin-right:auto}.intro-sun,.intro-moon{position:absolute;top:36px;width:125px;height:125px}.intro-sun{left:0;transform:rotate(-12deg)}.intro-moon{right:0;transform:rotate(8deg)}
.heading-ornament{width:112px;height:112px;margin:0 auto 22px}.pricing-ornament{width:154px;height:154px;margin:-16px 0 18px}.jolene-ornament{width:125px;height:125px;margin:24px 0 -20px}.faq-ornament{width:98px;height:98px;margin:0 auto 24px}.faq>h2{text-align:center}.celestial-signoff{display:flex;gap:25px;align-items:center;justify-content:center;padding:12px 0 42px}.celestial-signoff>span:not(.astro-ornament){height:1px;background:var(--line);width:130px}.celestial-signoff .astro-ornament{width:80px;height:80px}.welcome-ornament,.pause-ornament{width:110px;height:110px;margin-bottom:25px}
@media(max-width:900px){.illustrated-intro{padding-left:90px;padding-right:90px}.intro-sun,.intro-moon{width:82px;height:82px;top:60px}}
@media(max-width:650px){.illustrated-intro{padding:0;text-align:left}.intro-sun{position:static;width:86px;height:86px;margin:0 0 24px;transform:none}.intro-moon{display:none}.heading-ornament{margin:0 0 22px;width:92px;height:92px}.pricing-ornament{width:120px;height:120px;margin:0 0 20px}.jolene-ornament{width:100px;height:100px}.faq-ornament{margin-left:0}.faq>h2{text-align:left}.celestial-signoff{padding-bottom:28px;gap:18px}.celestial-signoff>span:not(.astro-ornament){width:70px}}
.astro-ornament{filter:brightness(1.25) saturate(.95)}

.includes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:40px}.includes-grid article{border-top:1px solid #9ba388;padding-top:22px}.includes-grid h3{font-size:27px;margin:12px 0 16px}.includes-grid p{font-size:15px;color:var(--muted)}.includes-symbol{font:30px var(--serif);color:#9c762b}.sample-heading>.sample-context{font:18px/1.6 var(--serif);max-width:570px}.sample-heading>p.small{font:12px/1.6 var(--sans)}@media(max-width:650px){.includes-grid{grid-template-columns:1fr;gap:26px}.correspondence-includes .intro{text-align:left}}

.wordmark.brand-logo:before{content:none}.brand-logo{display:inline-flex;align-items:center}.brand-logo img{display:block;width:220px;height:80px;object-fit:contain}.footer .brand-logo img{width:190px;height:70px}footer.reviewbar{margin-top:10px}@media(max-width:650px){.brand-logo img{width:165px;height:60px}}

/* Physical astrology correspondence, shown immediately after the introduction. */
.penpal-story{padding:42px 0 54px;border-top:1px solid var(--line)}
.penpal-story-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:30px}
.penpal-story-heading h2{font-size:clamp(32px,3.3vw,48px);max-width:560px}
.penpal-story-heading .eyebrow{max-width:250px}
.penpal-story-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:72px;padding:0;margin:0;list-style:none}
.penpal-story-steps li{position:relative;text-align:center;min-width:0}
.penpal-vignette{height:238px;position:relative;display:flex;align-items:center;justify-content:center;margin:0 0 25px}
.penpal-paper img{height:215px;width:150px;object-fit:cover;object-position:top;border:1px solid var(--line);transform:rotate(-8deg);box-shadow:6px 7px 0 color-mix(in srgb,var(--ink) 9%,transparent)}
.penpal-return img{transform:rotate(7deg)}
.penpal-astrologer img{width:172px;height:212px;object-fit:cover;object-position:50% 25%;border-radius:48% 48% 3px 3px;border:1px solid var(--ink);outline:1px solid var(--line);outline-offset:7px}
.penpal-postmark{position:absolute;right:8%;bottom:12px;border:1px solid var(--ink);border-radius:50%;width:80px;height:80px;display:flex;flex-direction:column;justify-content:center;background:var(--paper);font:10px/1.7 var(--sans);letter-spacing:1px;transform:rotate(12deg)}
.penpal-return .penpal-postmark{right:auto;left:5%;transform:rotate(-12deg)}
.penpal-star{position:absolute;font-family:var(--serif);color:var(--ink);font-size:35px}.star-one{left:12%;top:20px}.star-two{right:7%;bottom:12px;font-size:46px}
.penpal-step-label{display:block;font:10px/1.5 var(--sans);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
.penpal-story-steps h3{font-size:26px;margin-bottom:12px}
.penpal-story-steps p{font-family:var(--serif);font-size:16px;line-height:1.65;text-wrap:pretty;margin:auto;max-width:29ch}
.penpal-arrow{position:absolute;right:-58px;top:80px;font:48px var(--serif);color:var(--ink)}
.penpal-story-note{text-align:center;margin:38px auto 0;font-family:var(--serif);font-size:20px;font-style:italic;max-width:none}
.penpal-story-note span{display:block;font:11px/1.5 var(--sans);color:var(--muted);margin-top:9px}
@media(max-width:900px){.penpal-story-steps{gap:36px}.penpal-arrow{right:-34px;font-size:35px}.penpal-postmark{right:0}.penpal-return .penpal-postmark{left:0}.star-one{left:0}.star-two{right:0}}
@media(max-width:650px){.penpal-story{padding:30px 0}.penpal-story-heading{display:block;text-align:center;margin-bottom:24px}.penpal-story-heading .eyebrow{max-width:none;margin-bottom:16px}.penpal-story-steps{grid-template-columns:1fr;gap:48px}.penpal-vignette{height:218px;max-width:280px;margin:0 auto 20px}.penpal-paper img{height:195px;width:138px}.penpal-astrologer img{height:192px;width:158px}.penpal-arrow{position:static;display:block;transform:rotate(90deg);font-size:34px;line-height:1;margin-top:22px}.penpal-story-steps p{max-width:32ch}.penpal-story-note{font-size:18px}}