:root{--cream:#fff6e7;--ink:#27233e;--pink:#f34583;--hot:#ee3771;--orange:#ff8b57;--yellow:#ffe26e;--lilac:#cfc4fb;--periwinkle:#9099ed;--mint:#b8e6d7;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 80px));margin:0 auto}.skip-link{position:absolute;left:-999px;top:0;z-index:100;background:white;padding:1rem}.skip-link:focus{left:1rem}.ticker{overflow:hidden;background:var(--pink);height:32px;display:flex;align-items:center;color:white;font-size:11px;letter-spacing:2px;font-weight:800;white-space:nowrap}.ticker-track{width:max-content;animation:marquee 36s linear infinite}@keyframes marquee{to{transform:translateX(-42%)}}.site-header{position:relative;background:var(--cream);z-index:10;border-bottom:1px solid rgba(39,35,62,.14)}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--serif);font-size:36px;font-weight:800;line-height:1;letter-spacing:-2px;white-space:nowrap}.brand span:first-child{color:var(--pink)}.brand-flower{display:inline-block;color:var(--orange);font-family:var(--sans);font-size:25px;vertical-align:top;margin-left:4px;line-height:1}.site-nav{display:flex;gap:39px;align-items:center;font-weight:800;font-size:13px;letter-spacing:.1px}.site-nav a:not(.nav-pill){padding:10px 0}.site-nav a:hover,.text-link:hover,.next-link:hover{color:var(--hot)}.nav-pill{background:var(--yellow);padding:13px 20px;border:2px solid var(--ink);border-radius:999px;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}.nav-pill:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.nav-pill span{padding-left:8px}.mobile-toggle{display:none}.hero{position:relative;background:var(--cream);overflow:hidden}.hero-grid{min-height:640px;display:grid;grid-template-columns:53% 47%;align-items:stretch}.hero-copy{position:relative;z-index:2;padding:102px 12px 82px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px}.eyebrow-star{color:var(--pink);font-size:20px;line-height:0;vertical-align:middle;margin-right:5px}.hero h1{font:800 clamp(52px,5.8vw,82px)/1.09 var(--serif);letter-spacing:-3.8px;margin:28px 0 22px}.hero h1 em{color:var(--pink);font-weight:700}.hero-intro{font-size:17px;max-width:440px;margin-bottom:29px}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:53px;padding:13px 23px;font-size:13px;font-weight:800;border:2px solid var(--ink);border-radius:999px;box-shadow:4px 4px 0 var(--ink);transition:transform .16s,box-shadow .16s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button-dark{background:var(--ink);color:white}.button-dark:hover{color:white}.button-pink{background:var(--pink);color:white}.text-link{font-weight:800;font-size:13px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.text-link span{padding-left:5px}.hero-aside{display:flex;align-items:center;gap:15px;margin-top:72px;font-size:11px;text-transform:uppercase;line-height:1.6;letter-spacing:1.6px}.smiley{font-size:46px;font-weight:400;color:var(--orange);line-height:1;transform:rotate(-17deg)}.hero-art{position:relative;isolation:isolate;background:var(--lilac);min-height:600px;margin-right:calc((min(1180px,100vw - 80px) - 100vw)/2);overflow:hidden}.hero-art:before{content:"";position:absolute;width:650px;height:650px;border:2px solid rgba(255,255,255,.7);border-radius:50%;left:0;top:20px;z-index:-1}.hero-orbit{position:absolute;border:2px dashed rgba(39,35,62,.22);border-radius:50%;width:440px;height:440px;left:14%;top:22%}.orbit-two{width:260px;height:260px;left:34%;top:36%;border-style:solid;border-color:rgba(255,255,255,.4)}.book-shadow{position:absolute;top:70%;left:30%;width:310px;height:55px;background:rgba(39,35,62,.23);filter:blur(20px);border-radius:50%;transform:rotate(-17deg)}.book-3d{position:absolute;width:273px;height:407px;left:29%;top:17%;transform:rotate(-11deg);filter:drop-shadow(17px 22px 1px rgba(39,35,62,.16));animation:float 5.2s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px) rotate(-9deg)}}.book-face{position:relative;width:100%;height:100%;background:#6c57cc;border:5px solid var(--ink);overflow:hidden;padding:30px 24px;color:#fff2a4;box-shadow:inset -12px 0 0 rgba(18,17,45,.2)}.book-spine{position:absolute;width:25px;height:405px;left:-23px;top:4px;background:#45379e;transform:skewY(10deg);border:5px solid var(--ink);border-right:0}.cover-orb{position:absolute;border:3px solid #f67ca4;border-radius:50%;width:240px;height:240px;left:60px;top:140px;transform:rotate(-30deg)}.orb-b{width:180px;height:180px;left:-25px;top:200px;border-color:#c4a8ff}.cover-author{position:relative;z-index:1;font-size:15px;font-weight:800;letter-spacing:3.3px;color:white}.cover-title{position:relative;z-index:1;font:800 45px/1.04 var(--serif);letter-spacing:-2px;margin-top:104px}.cover-title i{font-size:78px;font-weight:500;color:#fff}.cover-line{position:absolute;bottom:21px;left:24px;font-size:9px;font-weight:800;letter-spacing:2px}.cover-star{position:absolute;font-size:44px;color:#ffb25b}.s1{right:22px;top:54px}.s2{right:15px;bottom:54px;color:#f9aec9}.s3{left:30px;top:92px;color:#f7c2f0}.floating-tag{position:absolute;font-weight:800;line-height:1.1;text-align:center;z-index:2;box-shadow:6px 8px 0 var(--ink);border:2px solid var(--ink)}.tag-top{transform:rotate(12deg);top:10%;right:3%;background:var(--yellow);padding:19px 20px;border-radius:55% 45% 47% 53%;font-size:15px}.tag-top span{color:var(--pink)}.tag-bottom{bottom:13%;left:8%;transform:rotate(-9deg);background:var(--mint);padding:18px;border-radius:4px;font-size:13px}.tag-bottom span{color:var(--pink)}.illustration-burst{font-size:95px;position:absolute;left:4%;top:6%;color:var(--pink)}.doodle-heart{position:absolute;right:10%;bottom:7%;font:120px/1 var(--serif);color:var(--pink);transform:rotate(20deg)}.little-star{position:absolute;color:#ffefaf;font-size:42px;right:13%;top:39%}.star-two{color:#f34583;left:12%;bottom:19%}.hero-bottom{display:flex;justify-content:space-between;align-items:center;background:var(--yellow);padding:17px max(40px,calc((100vw - 1180px)/2));font-weight:800;font-size:10px;letter-spacing:2px}.section-pad{padding:104px 0}.books-section{background:#fffaf3}.section-header{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:48px}.pink-ink{color:var(--pink)}.section-header h2,.about-copy h2{font:800 clamp(44px,5.2vw,69px)/1.12 var(--serif);letter-spacing:-2.5px;margin:20px 0 0}.section-header h2 em{color:var(--pink)}.section-header p{max-width:310px;font-size:16px;margin:0 0 11px}.book-feature{border:2px solid var(--ink);border-radius:12px;display:grid;grid-template-columns:48% 52%;overflow:hidden;box-shadow:8px 8px 0 var(--ink)}.book-feature-art{min-height:484px;background:var(--mint);position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.book-feature-art:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;border:3px solid white;top:60px;left:-65px}.feature-cover{width:246px;height:360px;position:relative;background:linear-gradient(145deg,#ef65a5,#f4a45f 75%);border:5px solid var(--ink);box-shadow:16px 17px 0 rgba(39,35,62,.14);transform:rotate(-6deg);overflow:hidden;color:#fff;display:flex;align-items:center;flex-direction:column;padding:32px 9px}.feature-cover-ring{position:absolute;width:320px;height:320px;border:3px solid #fff6e7;border-radius:50%;top:105px;left:-45px;opacity:.7}.feature-cover-author{font-size:12px;font-weight:800;letter-spacing:3px;z-index:1}.feature-cover-title{font:800 42px/1 var(--serif);text-align:center;margin-top:66px;z-index:1;text-shadow:3px 3px 0 rgba(39,35,62,.16)}.feature-cover-title em{font-size:70px}.feature-cover-symbol{margin-top:16px;font-size:23px;z-index:1}.feature-cover-caption{position:absolute;bottom:23px;font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:1.5px;z-index:1}.feature-spark{position:absolute;font-size:94px;z-index:2;color:var(--pink)}.spark-a{top:7%;left:6%}.spark-b{bottom:9%;right:10%;font-size:100px;color:#fff}.art-note{position:absolute;bottom:12px;left:18px;font-size:8px;font-weight:800;letter-spacing:1px;background:white;padding:3px 5px}.book-feature-copy{background:#fff6e7;padding:66px 72px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--pink)}.new-dot{display:inline-block;width:9px;height:9px;background:var(--pink);border-radius:50%;margin-right:10px}.book-feature h3{font:800 54px/1.05 var(--serif);letter-spacing:-2px;margin:16px 0 20px}.genre-line{font-size:10px;font-weight:800;letter-spacing:1.1px;line-height:1.9}.genre-line span{padding:0 5px;color:var(--pink)}.book-feature-copy p{font-size:15px;line-height:1.8;margin:18px 0 0}.book-feature-copy .button{margin-top:31px}.note{font-size:11px;opacity:.7;margin-top:15px}.coming-next{display:flex;gap:28px;align-items:center;padding:46px 0 5px}.next-icon{background:var(--lilac);width:75px;height:75px;border-radius:50%;flex:0 0 75px;text-align:center;line-height:75px;font-size:50px;color:var(--pink)}.coming-next>div:nth-child(2){flex:1}.tiny-label{color:var(--pink);font-size:10px;letter-spacing:2px;font-weight:800}.coming-next h3{font:700 26px/1.25 var(--serif);margin:10px 0 8px}.coming-next h3 em{color:var(--hot)}.coming-next p{font-size:13px;margin:0}.next-link{font-size:13px;font-weight:800;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}.quote-band{background:var(--pink);color:white;text-align:center;padding:42px 0 56px;overflow:hidden}.quote-band .container{position:relative}.quote-band p{font:800 clamp(35px,4.8vw,64px)/1.14 var(--serif);margin:0}.quote-band em{color:var(--yellow)}.quote-spark{font-size:76px;position:absolute;left:4%;top:-13px;color:var(--yellow)}.quote-spark.bottom{font-size:87px;left:auto;right:5%;top:42px;transform:rotate(12deg)}.about-section{background:var(--cream)}.about-grid{display:grid;grid-template-columns:46% 54%;gap:80px;align-items:center}.about-image{background:var(--periwinkle);border:2px solid var(--ink);border-radius:8px;transform:rotate(-2deg);box-shadow:9px 9px 0 var(--ink);padding:20px 20px 17px;max-width:430px}.about-image-inner{position:relative;min-height:420px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 18px,transparent 18px,transparent 36px),#e9b8d3;display:grid;place-items:center;overflow:hidden}.about-image-inner:before{content:"";position:absolute;width:330px;height:330px;border:2px solid white;border-radius:50%}.portrait-prompt{font:700 38px/1.15 var(--serif);color:var(--ink);text-align:center;transform:rotate(5deg);z-index:1;letter-spacing:-1px}.portrait-prompt span{color:var(--pink)}.portrait-decoration{position:absolute;font-size:78px;color:var(--yellow);top:4px;right:5px}.portrait-decoration.bottom{top:auto;bottom:10px;left:22px;right:auto;color:var(--pink)}.portrait-caption{font-size:12px;font-weight:800;letter-spacing:2px;text-align:center;margin-top:15px}.about-copy{max-width:550px}.about-copy h2{margin-bottom:24px}.about-copy h2 em{color:var(--pink)}.about-copy p{font-size:16px;line-height:1.9}.signature{font:700 30px var(--serif)!important;margin-top:30px!important}.signature span{color:var(--pink)}.newsletter-section{background:var(--yellow);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);overflow:hidden}.newsletter-inner{position:relative;min-height:480px;display:grid;grid-template-columns:36% 64%;gap:28px;align-items:center}.newsletter-copy{padding:74px 0 75px;z-index:2;max-width:640px}.newsletter-copy h2{font:800 clamp(43px,5.4vw,74px)/1.05 var(--serif);letter-spacing:-3px;margin:16px 0 23px}.newsletter-copy h2 em{color:var(--pink)}.newsletter-copy p{max-width:575px;font-size:16px;line-height:1.75;margin-bottom:28px}.mail-art{height:300px;position:relative}.envelope{position:absolute;left:2%;top:40px;width:280px;height:210px;background:#fffaf3;border:4px solid var(--ink);transform:rotate(-13deg);box-shadow:14px 16px 0 var(--ink);display:grid;place-items:center;overflow:hidden}.envelope:before,.envelope:after{content:"";position:absolute;border-left:4px solid var(--ink);border-bottom:4px solid var(--ink);width:200px;height:200px;transform:rotate(-45deg);top:-115px}.envelope:after{border-left:0;border-bottom:0;border-top:4px solid var(--ink);border-right:4px solid var(--ink);width:190px;height:190px;top:117px}.envelope span{font-size:72px;z-index:1;color:var(--pink);font-family:var(--serif);margin-top:32px}.mail-swoop{position:absolute;color:var(--pink);font-size:92px;left:67%;top:-15px}.newsletter-heart{position:absolute;color:var(--orange);font:100px var(--serif);right:-4%;top:8%;transform:rotate(17deg)}.mailerlite-slot{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.signup-disclaimer{font-size:11px;opacity:.75}.site-footer{background:var(--ink);color:#fff6e7;padding:44px 0 22px}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-brand{font-size:30px}.footer-inner>span{font-size:10px;font-weight:800;letter-spacing:1.4px;text-align:center;max-width:260px}.top-link{font-weight:800;font-size:12px}.footer-bottom{margin-top:35px;padding-top:22px;border-top:1px solid rgba(255,255,255,.25);font-size:11px;display:flex;justify-content:space-between;gap:20px}.footer-bottom span:last-child{letter-spacing:1px}a:focus-visible,button:focus-visible{outline:3px solid var(--pink);outline-offset:5px}@media(max-width:1000px){.container{width:min(100% - 50px,1180px)}.hero-grid{grid-template-columns:52% 48%}.hero-copy{padding:83px 0 75px}.hero h1{font-size:clamp(48px,5.8vw,71px)}.book-3d{left:24%;width:235px;height:365px;top:22%}.book-spine{height:363px}.cover-title{font-size:38px;margin-top:95px}.cover-title i{font-size:65px}.tag-bottom{left:1%}.book-feature-copy{padding:49px 42px}.about-grid{gap:45px}.newsletter-inner{grid-template-columns:34% 66%}.envelope{width:210px;height:170px;top:78px}.envelope:before{top:-136px}.envelope:after{top:116px}.mail-swoop{left:55%}}@media(max-width:700px){.container{width:calc(100% - 36px)}.ticker{height:27px;font-size:9px}.header-inner{min-height:75px}.brand{font-size:30px}.mobile-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;border:0;background:transparent;padding:10px}.mobile-toggle span{display:block;width:25px;height:3px;background:var(--ink)}.site-nav{position:absolute;top:100%;left:0;right:0;display:none;background:var(--cream);padding:20px 25px 28px;flex-direction:column;align-items:stretch;gap:7px;border-bottom:2px solid var(--ink)}.site-nav.open{display:flex}.site-nav a{padding:11px!important}.site-nav .nav-pill{display:block;text-align:center}.hero-grid{display:flex;flex-direction:column}.hero-copy{padding:58px 0 40px}.hero h1{font-size:clamp(50px,10vw,70px);letter-spacing:-2.8px;margin:24px 0 22px}.hero-intro{font-size:16px}.hero-aside{margin-top:38px}.hero-art{min-height:460px;margin:0 -18px}.book-3d{top:9%;left:36%;width:225px;height:334px}.book-spine{height:332px}.cover-title{margin-top:80px}.cover-title i{font-size:65px}.tag-top{top:9%;right:5%;font-size:12px;padding:15px}.tag-bottom{left:6%;bottom:8%;font-size:11px}.hero-art:before{width:440px;height:440px}.hero-bottom{padding:15px 18px;font-size:8px;letter-spacing:1px}.hero-bottom span:last-child{display:none}.section-pad{padding:72px 0}.section-header{display:block;margin-bottom:32px}.section-header h2,.about-copy h2{font-size:49px}.section-header p{margin-top:19px}.book-feature{display:block}.book-feature-art{min-height:420px}.book-feature-copy{padding:45px 25px}.book-feature h3{font-size:45px}.coming-next{gap:15px;padding-top:38px;flex-wrap:wrap}.next-icon{width:55px;height:55px;flex-basis:55px;line-height:55px;font-size:40px}.coming-next>div:nth-child(2){flex:1 1 calc(100% - 70px)}.coming-next h3{font-size:23px}.next-link{margin-left:70px}.quote-band{padding:44px 0}.quote-band p{font-size:42px}.quote-spark{font-size:43px;left:-10px;top:-22px}.quote-spark.bottom{font-size:60px;right:-12px;top:86px}.about-grid{display:flex;flex-direction:column;gap:65px;align-items:stretch}.about-image{max-width:380px;width:90%;align-self:center}.about-image-inner{min-height:340px}.portrait-prompt{font-size:30px}.about-copy h2{margin-top:19px}.newsletter-inner{display:flex;flex-direction:column;align-items:stretch;gap:0}.mail-art{height:190px}.envelope{left:50%;top:32px;transform:translateX(-50%) rotate(-12deg);width:170px;height:140px}.envelope span{font-size:52px}.mail-swoop{left:76%;top:4px;font-size:57px}.newsletter-copy{padding:5px 0 62px}.newsletter-copy h2{font-size:52px}.newsletter-heart{top:5%;right:3%;font-size:55px}.footer-inner{align-items:flex-start;flex-direction:column;gap:14px}.footer-inner>span{text-align:left}.footer-bottom{display:block;line-height:2.3}.footer-bottom span:last-child{display:block}}@media(max-width:420px){.hero-actions{gap:17px}.hero h1{font-size:48px}.hero-art{min-height:420px}.book-3d{left:32%;top:10%;width:207px;height:315px}.book-spine{height:315px}.cover-title{font-size:35px;margin-top:72px}.cover-title i{font-size:57px}.tag-top{right:2%}.tag-bottom{left:2%}.book-feature-art{min-height:410px}.feature-cover{width:222px;height:328px}.feature-cover-title{font-size:36px}.feature-cover-title em{font-size:62px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.book-3d{animation:none}*{transition:none!important}}

/* REAL PHOTO SLOTS: Add images/book-cover.jpg and images/author-photo.jpg.
   Original illustrations are the fallback if you have not added the images yet. */
.replaceable-image{display:none}
.replaceable-image.is-loaded{display:block}
.hero-book-image,.featured-book-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:5}
.author-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;z-index:2}
.about-image-inner .portrait-decoration{z-index:3}


/* PHOTO FIX v2: CSS backgrounds are independent of JavaScript and lazy-load.
   If files are missing, the original sample art remains underneath. */
.book-face::after,
.feature-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 6;
  background-image: url("images/book-cover.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  pointer-events: none;
}
.about-image-inner::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background-image: url("images/author-photo.jpg");
  background-repeat: no-repeat;
  background-position: center 28%;
  background-size: cover;
  pointer-events: none;
}
/* If the existing lazy image becomes visible too, it uses the same source. */


/* Copy refresh: preserve the artwork while giving the longer signature headline room. */
.hero-grid{min-height:730px}
.hero-copy{padding-top:80px;padding-bottom:60px}
.hero h1{font-size:clamp(50px,4.8vw,69px);line-height:1.08;letter-spacing:-3px;margin:26px 0 20px}
.hero-aside{margin-top:43px}
@media (min-width:701px) and (max-width:1000px){
  .hero-grid{min-height:695px}
  .hero-copy{padding-top:63px;padding-bottom:52px}
  .hero h1{font-size:clamp(42px,4.7vw,55px);letter-spacing:-2.3px}
  .hero-aside{margin-top:33px}
}
@media (max-width:700px){
  .hero-grid{min-height:0}
  .hero-copy{padding:54px 0 42px}
  .hero h1{font-size:clamp(44px,9vw,61px);letter-spacing:-2.7px}
  .hero-aside{margin-top:32px}
}
@media (max-width:420px){
  .hero h1{font-size:clamp(39px,10.7vw,48px);letter-spacing:-2.2px}
}

/* Nina Collins copy / detail refinements — retains the original retro site layout. */
.hero-eyebrow{min-height:20px;} /* Intentional empty space above headline */
/* Keep the longer jacket-copy hook legible in its floating yellow sticker. */
.tag-top{font-size:13px;line-height:1.16;max-width:190px;}
.tag-bottom{min-width:136px;line-height:1.18;}
/* Remove earlier sample-label styling entirely, including any pseudo-element text. */
.art-note,.art-note::after{display:none!important;content:none!important;}
/* Give the longer Bookshelf headline a balanced wrap without changing its appearance. */
.section-header h2{max-width:790px;}
/* Social links near the bottom, treated as part of the original dark footer. */
.footer-socials{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin-top:26px;}
.footer-socials a{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--cream);border:1px solid rgba(255,246,231,.38);border-radius:999px;padding:11px 15px;font-size:12px;font-weight:800;text-decoration:none;transition:background .2s ease,transform .2s ease;}
.footer-socials a span{font-weight:500;opacity:.83;}
.footer-socials a:hover{background:rgba(255,255,255,.14);transform:translateY(-2px);}
.footer-credit{font-size:11px;line-height:1.6;color:rgba(255,246,231,.7);margin-top:16px;text-align:left;}
@media(max-width:700px){
  .tag-top{font-size:11px;padding:13px 11px;max-width:140px;right:3%;}
  .tag-bottom{min-width:0;font-size:11px;padding:13px 12px;left:6%;}
  .section-header h2{font-size:clamp(36px,8.6vw,49px);letter-spacing:-1.8px;}
  .footer-socials{gap:10px;}
  .footer-socials a{padding:10px 13px;}
}
@media(max-width:420px){
  .tag-top{font-size:10px;padding:12px 9px;max-width:135px;right:3%;}
  .tag-bottom{font-size:10px;padding:12px 10px;left:4%;}
}


/* NINA COLLINS • PLAYFUL 90S ACCENTS (ORIGINAL VECTOR DOODLES)
   Inline SVG stickers preserve the current typography, cover, photo and layout. */
.retro-sticker{position:absolute;display:block;z-index:2;overflow:visible;pointer-events:none;filter:drop-shadow(4px 5px 0 rgba(39,35,62,.15));}
.retro-cassette{width:117px;height:auto;left:3%;top:4%;transform:rotate(-14deg);}
.retro-rainbow{width:125px;height:auto;right:2%;bottom:5%;transform:rotate(12deg);}
.retro-camera{width:103px;height:auto;right:5%;bottom:6%;transform:rotate(12deg);z-index:4;}
.about-image-inner .retro-butterfly{width:100px;height:auto;bottom:7px;left:8px;transform:rotate(-12deg);z-index:5;}
.retro-smiley{width:96px;height:auto;right:-2.5%;top:8%;transform:rotate(16deg);z-index:1;}
/* Crisp checkerboard used where the large quote band once was. */
.checkerboard-divider{
  height:84px;
  background-color:#ffffff;
  background-image:conic-gradient(var(--pink) 25%,#ffffff 0 50%,var(--pink) 0 75%,#ffffff 0);
  background-size:56px 56px;
  background-position:center;
  border-top:7px solid var(--yellow);
  border-bottom:7px solid var(--yellow);
  box-shadow:inset 0 2px 0 rgba(39,35,62,.18),inset 0 -2px 0 rgba(39,35,62,.18);
}
.footer-bottom span:last-child{font-weight:700;text-transform:uppercase;letter-spacing:.8px;}
@media(max-width:1000px){
  .retro-cassette{width:102px;left:1%;top:5%;}
  .retro-rainbow{width:110px;right:2%;bottom:4%;}
  .retro-camera{width:87px;right:5%;bottom:6%;}
  .retro-smiley{width:78px;right:0;}
}
@media(max-width:700px){
  .checkerboard-divider{height:63px;background-size:40px 40px;border-top-width:5px;border-bottom-width:5px;}
  .retro-cassette{width:91px;left:2%;top:2%;}
  .retro-rainbow{width:98px;right:3%;bottom:0;}
  .retro-camera{width:83px;right:3%;bottom:5%;}
  .about-image-inner .retro-butterfly{width:83px;}
  .retro-smiley{width:68px;right:0;top:0;}
  .footer-bottom span:last-child{max-width:380px;}
}
@media(max-width:420px){
  .retro-cassette{width:77px;left:3%;top:2%;}
  .retro-rainbow{width:85px;right:0;bottom:1%;}
  .retro-camera{width:75px;}
}


/* Tweak requested 2026-10-17: heart seal on envelope, pink/white checkerboard, heart after Collins. */
.brand-flower{color:var(--pink);font-size:23px;transform:translateY(-1px)}
.envelope{overflow:visible}
.envelope::before{z-index:1}
.envelope::after{z-index:2}
.envelope span{
  position:absolute;
  left:50%;
  top:49%;
  transform:translate(-50%,-50%);
  margin-top:0;
  z-index:3;
  font-size:58px;
  line-height:1;
  color:var(--pink);
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}
@media(max-width:1000px){
  .envelope span{font-size:50px; top:50%;}
}
@media(max-width:700px){
  .envelope span{font-size:42px; top:50%;}
}


/* October final-detail revision */
.checkerboard-divider{height:116px;background-size:86px 86px;border:0;box-shadow:none}
.envelope{background:transparent;border:0;box-shadow:14px 16px 0 var(--ink);overflow:visible;display:block}
.envelope::before,.envelope::after{content:none!important;display:none!important}
.envelope-drawing{width:100%;height:100%;display:block;filter:drop-shadow(0 0 0 transparent)}
.social-section{background:#fce4ed;padding:88px 0 96px;border-top:2px solid var(--ink)}
.social-inner{display:grid;grid-template-columns:43% 57%;gap:36px;align-items:center}
.social-intro h2{font:800 clamp(38px,4.4vw,60px)/1.1 var(--serif);letter-spacing:-2.5px;margin:18px 0}
.social-intro h2 em{color:var(--pink)}
.social-intro p{max-width:380px;font-size:16px}
.social-cards{display:grid;gap:20px}
.social-card{display:flex;align-items:center;gap:19px;background:#fffaf3;border:2px solid var(--ink);border-radius:16px;padding:22px 24px;box-shadow:6px 6px 0 var(--ink);transition:transform .2s,box-shadow .2s}
.social-card:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}
.social-icon{width:57px;height:57px;flex-shrink:0;display:grid;place-items:center;color:var(--pink);background:#fce4ed;border-radius:14px}
.social-icon svg{width:40px;height:40px}
.social-words{display:flex;flex-direction:column;min-width:0;line-height:1.4}
.social-words strong{font:800 25px var(--serif)}
.social-words small{font-size:13px;overflow-wrap:anywhere}
.social-arrow{margin-left:auto;font-size:27px;font-weight:800}
@media(max-width:700px){
 .checkerboard-divider{height:85px;background-size:64px 64px;border:0}
 .social-section{padding:62px 0 70px}
 .social-inner{display:block}
 .social-intro{margin-bottom:28px}
 .social-cards{gap:17px}
 .social-card{padding:18px 15px;gap:13px}
 .social-icon{width:49px;height:49px}
 .social-icon svg{width:34px;height:34px}
 .social-words strong{font-size:23px}
 .social-words small{font-size:12px}
}


/* Checkerboard refinement: true square tiles, larger overall divider, no border. */
.checkerboard-divider{height:132px;background-size:88px 88px;border:0!important;box-shadow:none!important;background-position:center;}
@media(max-width:700px){.checkerboard-divider{height:96px;background-size:64px 64px;border:0!important;box-shadow:none!important;}}
@media(max-width:420px){.checkerboard-divider{height:88px;background-size:56px 56px;border:0!important;box-shadow:none!important;}}


/* Nina Collins — The Pen Pal update */
.header-inner{gap:18px}
.header-socials{display:flex;gap:9px;align-items:center;margin-left:12px;margin-right:auto}
.header-socials a{width:32px;height:32px;border:1.5px solid var(--ink);background:#fffaf3;border-radius:50%;display:grid;place-items:center;color:var(--pink);transition:transform .2s,background .2s}
.header-socials a:hover{transform:translateY(-2px);background:var(--yellow)}
.header-socials svg{width:17px;height:17px}
.site-nav{gap:25px}
.hero-bottom{justify-content:flex-start}
.upcoming-feature{margin-top:70px;display:grid;grid-template-columns:46% 54%;border:2px solid var(--ink);border-radius:16px;overflow:hidden;box-shadow:8px 8px 0 var(--ink);background:var(--cream)}
.upcoming-art{min-height:505px;position:relative;background:var(--lilac);display:grid;place-items:center;overflow:hidden}
.upcoming-orbit{position:absolute;width:460px;height:460px;border:3px solid rgba(255,255,255,.65);border-radius:50%;top:5%;left:0}
.upcoming-book{position:relative;width:240px;height:354px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:32px 14px;background:linear-gradient(155deg,#f34583 0%,#dc92d7 46%,#6c66bd 100%);border:5px solid var(--ink);box-shadow:16px 18px 0 rgba(39,35,62,.20);transform:rotate(-8deg);color:#fff6e7;z-index:1}
.upcoming-book strong{font:800 42px/1.04 var(--serif);letter-spacing:-1px}
.upcoming-book strong em{font-size:64px}
.upcoming-placeholder-top,.upcoming-placeholder-bottom{font-size:9px;letter-spacing:1.4px;font-weight:800}
.upcoming-book img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.upcoming-art-heart{position:absolute;right:10%;top:14%;font-size:72px;color:var(--yellow);transform:rotate(20deg)}
.upcoming-copy{padding:58px 54px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.upcoming-copy h3{font:800 clamp(38px,4vw,55px)/1.1 var(--serif);letter-spacing:-2px;margin:16px 0 27px}
.upcoming-copy h3 em{color:var(--pink)}
.upcoming-kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--pink)}
.upcoming-copy h4{font:800 29px var(--serif);margin:9px 0 6px}
.upcoming-copy p{font-size:15px;line-height:1.85;max-width:405px;margin:10px 0 26px}
@media(max-width:900px){.header-socials{margin-right:auto;margin-left:0}.site-nav{gap:14px}.upcoming-copy{padding:40px 33px}.upcoming-art{min-height:445px}}
@media(max-width:700px){.header-inner{gap:12px}.header-socials{gap:6px;margin-left:auto;margin-right:0}.header-socials a{width:27px;height:27px}.header-socials svg{width:15px;height:15px}.brand{font-size:28px}.upcoming-feature{grid-template-columns:1fr;margin-top:47px}.upcoming-art{min-height:400px}.upcoming-book{width:210px;height:310px}.upcoming-copy{padding:37px 27px 43px}.upcoming-copy h3{font-size:43px}}
@media(max-width:380px){.header-inner{gap:6px}.brand{font-size:25px}.header-socials{gap:4px}.header-socials a{width:25px;height:25px}.mobile-toggle{padding:5px}}

/* Five-link navigation + social icons, without crowding the header. */
.header-inner{gap:14px}
.site-nav{gap:clamp(12px,1.45vw,26px);white-space:nowrap}
.header-socials{flex-shrink:0}
@media(min-width:701px) and (max-width:1100px){
 .brand{font-size:30px}
 .site-nav{gap:11px;font-size:12px}
 .nav-pill{padding:10px 12px}
 .header-socials{gap:5px}
}
@media(max-width:700px){
 .site-nav{gap:7px;white-space:normal}
 .header-inner{gap:9px}
}
/* Offset anchored sections from the viewport edge. */
#upcoming,#books,#about,#newsletter,#socials{scroll-margin-top:24px}


/* Nina Collins footer + floating-cover refinements. */
.book-spine{display:none!important}
.book-3d{filter:drop-shadow(13px 18px 1px rgba(39,35,62,.16))}
.footer-inner{justify-content:space-between}
.footer-bottom{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:5px;
  margin-top:23px;
  padding-top:15px;
}
.footer-bottom .copyright,
.footer-bottom .designer-credit{display:block;line-height:1.5}
.footer-bottom .designer-credit{
  font-size:10px;
  letter-spacing:.6px;
  opacity:.7;
  font-weight:700;
}
@media(max-width:700px){
  .footer-bottom{display:flex;gap:5px;line-height:1.5}
  .footer-bottom .designer-credit{max-width:none}
}


/* Added uploaded official images on 2026-10-17 */
.author-photo{object-position:center 22%!important}
.coming-book-cover img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}


/* Keep the official MailerLite embed in the Pen Pal visual system. */
.mailerlite-embedded{width:100%;max-width:470px;display:block}
#mlb2-47272255.ml-form-embedContainer{width:100%!important;margin:0!important;display:block!important}
#mlb2-47272255.ml-form-embedContainer .ml-form-align-center{text-align:left!important}
#mlb2-47272255.ml-form-embedContainer .ml-form-embedWrapper.embedForm{
  width:100%!important;max-width:470px!important;display:block!important;
  background:transparent!important;border:0!important;border-radius:0!important
}
#mlb2-47272255.ml-form-embedContainer .ml-form-embedBody,
#mlb2-47272255.ml-form-embedContainer .ml-form-successBody{padding:0!important}
#mlb2-47272255.ml-form-embedContainer .ml-form-embedContent{margin:0!important}
#mlb2-47272255.ml-form-embedContainer .ml-form-embedContent .sr-only{position:absolute!important}
#mlb2-47272255.ml-form-embedContainer .ml-form-fieldRow input[type=email]{
  background:#fffaf3!important;border:2px solid var(--ink)!important;
  border-radius:12px!important;padding:15px 17px!important;
  font:500 16px var(--sans)!important;min-height:53px;box-shadow:4px 4px 0 var(--ink)
}
#mlb2-47272255.ml-form-embedContainer .ml-form-embedSubmit{margin:16px 0 0!important}
#mlb2-47272255.ml-form-embedContainer .ml-form-embedSubmit button.primary{
  background:var(--ink)!important;border:2px solid var(--ink)!important;
  color:white!important;border-radius:999px!important;
  padding:15px 24px!important;box-shadow:4px 4px 0 #f34583!important;
  font:800 14px var(--sans)!important;min-height:53px;
  cursor:pointer
}
#mlb2-47272255.ml-form-embedContainer .ml-form-embedSubmit button.primary:hover{
  background:#42395b!important
}
#mlb2-47272255.ml-form-embedContainer .ml-form-successContent{
  padding:18px 0;text-align:left!important
}
#mlb2-47272255.ml-form-embedContainer .ml-form-successContent h4{
  font:800 26px var(--serif)!important;color:var(--ink)!important
}
#mlb2-47272255.ml-form-embedContainer .ml-form-successContent p{
  font:500 15px var(--sans)!important;color:var(--ink)!important
}


/* Cleaner 2026 Nina Collins homepage refinement */
.site-nav{font-size:16px;font-weight:800;gap:clamp(14px,1.6vw,28px)}
.site-nav a{padding:10px 0;white-space:nowrap}
.site-nav a[href="#newsletter"]{background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;padding:10px 0;color:inherit}
.site-nav a[href="#newsletter"]:hover{color:var(--hot)}
/* Centered swinging marquee: slides one way and then returns, without jumping. */
.ticker-track{animation:nina-bounce-marquee 22s ease-in-out infinite alternate;will-change:transform}
@keyframes nina-bounce-marquee{from{transform:translateX(0)}to{transform:translateX(min(0px,calc(100vw - 100%)))}}
@media(max-width:900px) and (min-width:701px){.site-nav{font-size:13px;gap:10px}}
@media(max-width:700px){.site-nav{font-size:17px;gap:10px;white-space:normal}.site-nav a[href="#newsletter"]{padding:11px!important}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}

/* Nina Collins: lavender header background, preserving existing site colors and text. */
.site-header{background:var(--lilac);}
@media(max-width:700px){.site-nav{background:var(--lilac);}}

/* Restored cream header; desktop navigation sits closer to the page center. */
.site-header{background:var(--cream)}
@media(min-width:701px){.site-nav{margin-right:clamp(25px,5vw,85px)}}
@media(max-width:700px){.site-nav{background:var(--cream);margin-right:0}}