@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');
:root{--cream:#fffaf0;--ink:#173e55;--blue:#185d83;--pale:#e6f0f0;--orange:#f3a847;--line:#deddd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d77a17;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(46px,5.1vw,76px)}h2{font-size:clamp(36px,3.6vw,52px)}h3{font-size:27px}em{font-weight:500}header{max-width:1340px;margin:auto;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:Fraunces,Georgia,serif;font-weight:700;font-size:26px;line-height:1}.brand-small{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:.26em;margin-top:6px}.brandmark{border-radius:50%;background:var(--ink);color:var(--cream);font-size:21px;padding:13px 10px;letter-spacing:-4px;width:48px;height:48px}.brandmark span{color:var(--orange)}nav{display:flex;gap:30px;font-size:14px;font-weight:600}nav a:hover,.text-button:hover{color:#b06321}.nav-cta{border:1px solid var(--ink);border-radius:30px;padding:10px 19px;font-size:13px;font-weight:600}.wrap{max-width:1244px;margin:auto;padding-left:40px;padding-right:40px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:78px;padding-bottom:65px;align-items:center;min-height:690px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;margin-bottom:22px}.hero h1 em{color:var(--blue)}.intro{max-width:450px;font-size:17px;margin:26px 0 30px;color:#48616d}.button{display:inline-flex;background:var(--ink);color:white;border-radius:40px;padding:15px 25px;font-size:14px;font-weight:600;gap:28px;align-items:center;transition:transform .2s,background .2s}.button:hover{background:#266b8e;transform:translateY(-2px)}.hero-note{font-size:12px;margin-top:15px;color:#5c6d71}.hero-art{position:relative;padding-top:28px}.book-stack{height:440px;position:relative}.hero-book{position:absolute;width:270px;border-radius:4px;box-shadow:0 19px 25px #173e5530}.back{right:0;top:15px;transform:rotate(10deg)}.front{left:5px;top:55px;transform:rotate(-8deg)}.sun{position:absolute;top:-30px;left:60px;font-size:75px;color:var(--orange)}.round-note{position:absolute;right:-7px;bottom:19px;background:var(--orange);border-radius:50%;height:126px;width:126px;text-align:center;padding:17px 5px;transform:rotate(9deg);font-size:12px;line-height:1.35;border:5px solid var(--cream)}.round-note strong{font-family:Fraunces,Georgia,serif;font-size:24px}.art-caption{text-align:center;margin-top:18px;font-family:Fraunces,Georgia,serif;font-style:italic;font-size:17px}.ribbon{display:flex;justify-content:center;align-items:center;gap:36px;background:var(--ink);color:var(--cream);padding:20px;font-size:11px;letter-spacing:.13em}.ribbon b{color:var(--orange);font-size:18px}.section{padding-top:94px;padding-bottom:94px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:45px}.section-heading>p{max-width:330px;font-size:15px;color:#536770}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.cover-button{padding:24px 20px 18px;background:#e8eee9;border:none;border-radius:7px;width:100%;display:block;overflow:hidden}.book-card:nth-child(2) .cover-button{background:#e9e5db}.book-card:nth-child(3) .cover-button{background:#e3ebef}.book-card:nth-child(4) .cover-button{background:#eee6d3}.cover-button img{border-radius:2px;box-shadow:3px 7px 12px #173e5522;transition:transform .25s}.cover-button:hover img{transform:translateY(-6px) rotate(-2deg)}.cover-button span{display:block;font-size:10px;margin-top:16px}.book-label{font-size:9px;letter-spacing:.11em;font-weight:700;margin:23px 0 12px}.book-card h3{font-size:24px;min-height:54px;line-height:1.15}.book-card>p:not(.book-label){font-size:13px;color:#54676f;margin:12px 0 18px;min-height:62px}.text-button{border:0;padding:0;background:none;font-size:12px;font-weight:600;text-align:left}.text-button span{margin-left:18px}.availability{border-top:1px solid var(--line);padding-top:22px;margin-top:38px;font-size:12px;color:#5d7078}.corgi-section{background:var(--pale);text-align:center}.section-lead{max-width:500px;margin:22px auto 0;font-size:16px;color:#536770}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:50px}.character-grid img{width:160px;height:160px;border-radius:50%;margin:0 auto 25px;mix-blend-mode:multiply}.character-role{font-size:10px;font-weight:700;letter-spacing:.13em;margin-bottom:12px}.character-grid h3{font-size:36px}.character-grid article>p:last-child{font-size:14px;color:#506975;margin:18px auto 0;max-width:275px}.inside{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.inside-copy>p:not(.eyebrow){margin-top:23px;color:#536770}.inside ul{padding:10px 0 0;list-style:none;font-size:14px}.inside li{border-bottom:1px solid var(--line);padding:12px 0}.inside li:before{content:'✦';color:#bd741f;margin-right:13px}.small{font-size:12px}.page-gallery{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:center}.page-gallery button{padding:0;border:1px solid #ddded6;background:white;box-shadow:0 7px 15px #173e5510;transition:transform .2s}.page-gallery button:hover{transform:translateY(-5px)}.page-main{transform:rotate(-3deg)}.page-main span{display:block;padding:10px;font-size:12px}.page-thumbs{display:flex;flex-direction:column;gap:20px;transform:rotate(4deg)}.story{background:#f3dfb5;position:relative;overflow:hidden}.story-inner{padding-top:75px;padding-bottom:75px;max-width:800px;text-align:center;position:relative;z-index:1}.story p:not(.eyebrow){font-size:17px;max-width:610px;margin:22px auto}.story .button{margin-top:12px}.story-spark{position:absolute;font-size:400px;line-height:1;right:-90px;bottom:-110px;color:#e8c68e;transform:rotate(20deg)}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-size:16px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';font-size:24px;line-height:1}details[open] summary:after{content:'−'}details p{font-size:14px;color:#536770;padding-top:15px}footer{border-top:1px solid var(--line);padding-top:35px!important;padding-bottom:35px!important;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:21px}footer p{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:15px}footer>div{font-size:10px;display:flex;flex-direction:column;gap:8px}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}dialog{border:0;border-radius:12px;padding:48px;width:min(900px,92vw);max-height:90vh;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#102d45aa;backdrop-filter:blur(5px)}.close{position:absolute;right:16px;top:12px;background:transparent;border:0;font-size:24px}.modal-book{display:grid;grid-template-columns:.8fr 1fr;gap:35px;align-items:center}.modal-book img{max-height:65vh;object-fit:contain}.modal-book h2{font-size:36px;margin-bottom:20px}.modal-book p{margin:16px 0}.modal-book .availability{font-size:13px}.large-page{max-height:75vh;width:auto;margin:auto}.privacy-copy p{margin-top:15px}.privacy-copy h2{font-size:32px}
@media(min-width:1400px){.hero{min-height:740px}.hero-book{width:290px}.book-stack{height:465px}}@media(max-width:1000px){header{padding:22px 30px}.hero{gap:25px;min-height:600px}.hero-book{width:220px}.book-stack{height:360px}.round-note{width:105px;height:105px;font-size:10px;padding-top:11px}.round-note strong{font-size:21px}.book-grid{gap:18px}.cover-button{padding:15px 12px}.book-card h3{font-size:21px}.character-grid{gap:35px}.inside{gap:35px}.ribbon{gap:20px;font-size:9px}}@media(max-width:760px){header{padding:20px 22px;flex-wrap:wrap;gap:18px}.brand{font-size:24px}.brandmark{width:43px;height:43px;padding:10px}.nav-cta{font-size:11px;padding:9px 14px}nav{order:3;width:100%;justify-content:space-between;font-size:12px;gap:10px}.wrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;gap:18px}.hero h1{font-size:clamp(43px,9.5vw,64px)}.intro{font-size:16px;max-width:470px}.hero-art{max-width:440px;width:100%;margin:auto;padding-top:38px}.book-stack{height:365px}.hero-book{width:230px}.sun{top:-1px;font-size:60px;left:80px}.front{left:15px;top:35px}.back{right:15px;top:0}.round-note{bottom:28px;right:4px}.art-caption{font-size:15px;margin-top:0}.ribbon{gap:15px;flex-wrap:wrap;padding:18px 22px}.ribbon span:last-child,.ribbon b:last-of-type{display:none}.section{padding-top:62px;padding-bottom:62px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;max-width:100%}.book-grid{grid-template-columns:repeat(2,1fr);gap:35px 18px}.book-card h3{font-size:23px;min-height:78px}.book-label{font-size:8px;letter-spacing:.05em;margin-top:17px;min-height:25px}.book-card>p:not(.book-label){font-size:13px;min-height:80px}.cover-button{padding:15px 12px 10px}.cover-button span{font-size:8px}.availability{line-height:1.6}.character-grid{grid-template-columns:1fr;gap:40px}.character-grid img{width:145px;height:145px;margin-bottom:18px}.character-grid article>p:last-child{max-width:300px}.inside{grid-template-columns:1fr;gap:35px}.page-gallery{max-width:480px;margin:auto}.story-inner{padding-top:60px;padding-bottom:60px}.story p:not(.eyebrow){font-size:16px}.story-spark{font-size:240px;bottom:-60px}.faq{grid-template-columns:1fr;gap:20px}footer{align-items:flex-start;flex-direction:column;gap:18px}footer>div{flex-direction:row;justify-content:space-between;width:100%;align-items:center}dialog{padding:46px 24px 28px}.modal-book{grid-template-columns:1fr;gap:25px}.modal-book img{max-height:42vh;margin:auto}.modal-book h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Approved Storybook Pack brand identity */
header{padding-top:8px;padding-bottom:8px}.brand-logo{width:112px;height:112px;object-fit:contain}.story-logo{width:240px;height:240px;object-fit:contain;margin:0 auto 30px;border-radius:8px}.footer-logo{width:100px;height:100px;object-fit:contain}@media(max-width:760px){header{padding-top:8px;padding-bottom:18px;gap:8px 18px}.brand-logo{width:95px;height:95px}.story-logo{width:210px;height:210px}}

.book-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}
.purchase-link {
  padding: 10px 16px;
  font-size: 13px;
}
.release-status {
  color: #5d7078;
  font-size: 13px;
  font-weight: 600;
}
