@font-face{font-family:'Alegreya';src:url('assets/fonts/Alegreya-Variable.ttf') format('truetype');font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:'Alegreya';src:url('assets/fonts/Alegreya-Italic-Variable.ttf') format('truetype');font-style:italic;font-weight:400 900;font-display:swap}
:root{--cream:#FEFAF3;--red:#A11914;--brown:#834F2C;--ink:#331003;--gold:#DFAA6F;--serif:'Alegreya',Georgia,serif;--sans:'Alegreya',Georgia,serif}
*{box-sizing:border-box}html{background:var(--cream);color:var(--ink);font-family:var(--sans)}body{margin:0;min-height:100vh;border-top:8px solid transparent;border-image:repeating-linear-gradient(130deg,var(--red) 0 25px,var(--gold) 25px 50px) 8}a{color:inherit}.page{width:100%;max-width:1480px;margin:auto;padding:0 56px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--gold);color:var(--brown)}.welcome{font-size:12px;letter-spacing:.25px}.construction{display:flex;gap:9px;align-items:center;font-size:10px;font-weight:700;letter-spacing:1.15px;text-transform:uppercase;background:#f6ead9;border:1px solid #ead3b2;border-radius:25px;padding:10px 15px}.construction>span{width:7px;height:7px;flex:none;border-radius:50%;background:var(--red)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:center;gap:28px;padding:16px 0 26px}.hero-copy{min-width:0;text-align:center}.brand{display:block;width:min(285px,100%);margin:-12px auto -14px}.brand img{display:block;width:100%;height:auto}h1{font-family:var(--serif);font-size:clamp(44px,3.9vw,58px);line-height:1.02;font-weight:400;letter-spacing:-1.2px;color:var(--red);margin:0 0 14px}.coming-soon{font-size:17px;font-weight:600;margin:0 0 13px;color:var(--brown)}.intro,.body-copy{max-width:370px;margin:0 auto;font-size:15px;line-height:1.65}.body-copy{color:var(--brown);font-size:14px;margin-top:9px}.signature{font-family:'Alegreya',Georgia,serif;color:var(--brown);font-size:25px;margin:16px 0 0}.signature strong{font-size:30px;font-weight:600;display:inline-block;margin-left:10px;transform:rotate(-6deg);color:var(--red)}
.construction-scene{position:relative;isolation:isolate;min-width:0;margin:0;align-self:center;padding:46px 0 12px}.scene-backdrop{position:absolute;z-index:-2;inset:90px 15px 68px 75px;background:radial-gradient(ellipse at 62% 43%,#f6e9d6 0,#f9efdf 49%,#fefaf300 73%);border-radius:48% 52% 39% 55%;transform:rotate(-5deg)}.paws-note{position:absolute;top:0;right:34px;transform:rotate(5deg);font:600 32px/1.05 'Alegreya',Georgia,serif;color:var(--red)}.paw-trail{position:absolute;right:36px;top:66px;width:140px;fill:var(--gold);opacity:.27;z-index:-1;transform:rotate(10deg)}.construction-scene img{display:block;width:100%;height:auto;max-height:475px;object-fit:contain}.construction-scene figcaption{position:relative;margin:8px auto 0;text-align:center;color:var(--brown);transform:rotate(-3deg);font:600 24px/1.1 'Alegreya',Georgia,serif}.construction-scene figcaption strong{font-size:26px;font-weight:600;display:block}
.book-teaser{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 4px 22px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}.eyebrow{color:var(--brown);font-size:9px;letter-spacing:1.8px;font-weight:700}h2{font-family:var(--serif);color:var(--red);font-size:29px;line-height:1.2;font-weight:400;margin:5px 0 4px}.book-teaser p{color:var(--brown);font-size:13px;margin:0}.book-flourish{color:var(--brown);font-family:'Alegreya',Georgia,serif;font-size:25px;line-height:1.1;transform:rotate(-4deg)}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 0 22px;font-size:10px;color:var(--brown)}a:focus-visible{outline:3px solid var(--red);outline-offset:4px}
@media(min-width:1600px){.page{max-width:1540px}.hero{gap:40px}.construction-scene img{max-height:500px}}
@media(max-width:1000px){.page{padding:0 30px}.hero{gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.brand{width:255px}h1{font-size:44px}.coming-soon{font-size:15px}.intro{font-size:14px}.body-copy{font-size:13px}.paws-note{font-size:27px;right:12px}.paw-trail{width:108px;right:16px}.construction-scene figcaption{font-size:22px}.construction-scene figcaption strong{font-size:24px}}
@media(max-width:700px){.page{padding:0 24px}.site-header{justify-content:center;padding:15px 0}.welcome{display:none}.construction{font-size:9px;letter-spacing:1px}.hero{grid-template-columns:minmax(0,1fr);gap:32px;padding:10px 0 30px}.brand{width:260px;margin:-6px auto -10px}h1{font-size:clamp(39px,10.8vw,52px);margin-bottom:16px}.coming-soon{font-size:16px}.intro{max-width:330px;font-size:15px}.body-copy{max-width:330px;font-size:14px}.signature{font-size:25px}.construction-scene{width:100%;padding-top:42px}.construction-scene img{max-height:none}.paws-note{font-size:27px;right:10px;top:0}.paw-trail{width:92px;right:5px;top:54px}.scene-backdrop{inset:70px 0 62px 24px}.construction-scene figcaption{font-size:24px;margin-top:14px}.construction-scene figcaption strong{font-size:26px}.book-teaser{text-align:center;justify-content:center;padding:24px 0}.book-flourish{display:none}.eyebrow{font-size:8px;letter-spacing:1.3px}h2{font-size:27px}footer{flex-direction:column;gap:8px;text-align:center;font-size:10px}}

/* Use the supplied Alegreya family consistently across the website text. */
h1,h2{font-weight:700}h1{line-height:1.1}.paws-note{font-size:24px;font-style:italic}.signature{font-size:20px;font-style:italic}.signature strong{font-size:24px}.construction-scene figcaption{font-size:18px;font-style:italic;line-height:1.4}.construction-scene figcaption strong{font-size:20px}.book-flourish{font-size:18px;font-style:italic;line-height:1.4}
@media(max-width:1000px){.paws-note{font-size:21px}.signature{font-size:18px}.signature strong{font-size:22px}}
@media(max-width:700px){.paws-note{font-size:21px;right:8px}.signature{font-size:19px}.signature strong{font-size:23px}.construction-scene figcaption{font-size:18px}.construction-scene figcaption strong{font-size:19px}h2{font-size:25px}}

/* The original, spacious text layout uses Alegreya; the sign-off uses the supplied artwork. */
.signature{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:9px;font-size:19px;min-height:80px}
.signature-art{display:block;position:relative;flex:none;width:180px;height:80px;overflow:hidden;mix-blend-mode:multiply}
.signature-art img{display:block;position:absolute;max-width:none;width:255px;height:auto;left:-28px;top:-15px}
@media(max-width:1000px){.signature{font-size:17px;gap:0}.signature-art{width:150px;height:70px}.signature-art img{width:220px;left:-25px;top:-13px}}
@media(max-width:700px){.signature{font-size:17px;gap:0}.signature-art{width:150px;height:70px}.signature-art img{width:220px;left:-25px;top:-13px}}
@media(max-width:360px){.signature{flex-wrap:wrap;gap:0}.signature-art{margin-top:-8px}}

/* Playful construction promo styling, using Alegreya and the existing art. */
.welcome{font-size:11px;font-weight:700;letter-spacing:1.7px}.hero{gap:26px}.hero-copy{padding-top:15px}.work-badge{display:inline-flex;gap:8px;align-items:center;margin:0 0 19px;padding:8px 13px;border:1px dashed var(--gold);border-radius:9px;background:#f6e9d6;color:var(--brown);font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;transform:rotate(-2deg)}.work-badge>span{font-size:10px;color:var(--red)}h1{font-size:clamp(53px,4.8vw,72px);line-height:1.08;letter-spacing:-2px;margin-bottom:22px}.coming-soon{font-size:17px;margin-bottom:17px}.intro{max-width:390px;font-size:16px;line-height:1.65}.body-copy{font-size:14px;line-height:1.75;margin-top:15px}.signature{margin-top:15px;gap:10px;font-size:19px}.paws-note{right:18px;top:7px}.scene-backdrop{background:radial-gradient(ellipse at 62% 43%,#f3e0c2 0,#f8ecd9 50%,#fefaf300 74%)}.construction-scene figcaption{display:table;margin:14px auto 0;padding:9px 22px 11px;border:1px solid #e7c9a0;border-radius:9px;background:#fffaf2;box-shadow:3px 4px 0 #f2e2cb;transform:rotate(-3deg);font-size:17px}.construction-scene figcaption strong{font-size:19px}.book-teaser{padding-top:23px;padding-bottom:23px}.book-flourish{max-width:220px;font-size:18px}
@media(max-width:1000px){h1{font-size:54px;letter-spacing:-1.5px}.work-badge{font-size:9px;padding:8px 10px;letter-spacing:.4px}.coming-soon{font-size:15px}.intro{font-size:14px}.body-copy{font-size:13px}.signature{font-size:18px}.paws-note{right:8px;font-size:20px}}
@media(max-width:700px){.hero{gap:36px;padding-top:30px}.hero-copy{padding:0}.work-badge{font-size:10px;margin-bottom:18px}h1{font-size:clamp(52px,14vw,65px);letter-spacing:-1.6px;margin-bottom:20px}.coming-soon{font-size:16px}.intro{font-size:15px;max-width:330px}.body-copy{font-size:14px}.signature{font-size:19px;margin-top:14px}.paws-note{top:0;right:8px;font-size:21px}.construction-scene figcaption{font-size:16px}.construction-scene figcaption strong{font-size:18px}.book-teaser{padding:25px 0}.welcome{display:none}}

/* Approved book wording, brand colors, and subtitle proportions. */
.book-teaser h2{color:#A82323}
.book-teaser p{color:#501E0D;font-size:19px;font-weight:700;line-height:1.25}
@media(max-width:700px){.book-teaser p{font-size:16.5px}}

/* Chico’s next adventure: original supplied cover and silver tag. */
.welcome{display:flex;align-items:center;gap:12px}.header-tag{width:76px;height:58px;object-fit:contain}.site-header{padding:10px 0}
.book-teaser{gap:25px;align-items:center;padding:27px 4px 29px}.book-cover{display:block;width:108px;flex:none;line-height:0;border-radius:2px;box-shadow:3px 5px 0 #e8d1b5,0 8px 18px #501e0d19;transform:rotate(-3deg);transition:transform .2s ease}.book-cover:hover{transform:rotate(0)}.book-cover img{display:block;width:100%;height:auto;border-radius:2px}.book-details{min-width:0;flex:1}.book-announcement{font-size:18px;font-weight:700;color:#834F2C;margin:4px 0 8px}.book-teaser h2{margin:0 0 4px}.book-flourish{flex:none;font-size:18px}
.signup{margin-top:15px}.signup-invite{border:0;border-radius:9px;background:#A82323;color:#FEFAF3;padding:11px 17px;box-shadow:0 3px 0 #7e1a1a;font:700 16px/1.3 Alegreya,Georgia,serif;cursor:pointer}.signup-invite:hover{background:#8f1e1e}.signup-invite:focus-visible{outline:3px solid #DFAA6F;outline-offset:4px}.signup-invite:disabled{opacity:.65;cursor:wait}.signup-invite span{margin-left:4px}.signup-form{max-width:470px}.signup-form>label{display:block;font-size:15px;color:#501E0D;margin-bottom:6px}.signup-fields{display:flex;gap:9px;align-items:stretch}.signup-fields input{min-width:0;flex:1;background:#fffdf9;border:1px solid #DFAA6F;border-radius:7px;padding:10px 12px;font:400 16px Alegreya,Georgia,serif;color:#501E0D}.signup-fields input:focus{outline:2px solid #DFAA6F;outline-offset:2px}.signup-form .signup-consent{display:flex;align-items:flex-start;gap:7px;font-size:13px;line-height:1.35;margin-top:12px}.signup-consent input{accent-color:#A82323;margin-top:3px}.signup-form small{font-size:12px;color:#834F2C}.signup-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.book-teaser .signup-error{font-size:14px;color:#A82323;margin-top:8px}.signup-success{max-width:390px;color:#501E0D;background:#f6ead9;border:1px solid #e7c9a0;border-radius:9px;padding:13px 16px;font-size:15px}.signup-success strong,.signup-success span{display:block}.signup-success strong{font-size:18px;color:#A82323;margin-bottom:3px}
@keyframes paw-appear{0%,8%,100%{opacity:.12}23%,73%{opacity:1}}.paw-trail>use{animation:paw-appear 9s ease-in-out infinite}.paw-trail>use:nth-of-type(2){animation-delay:.8s}.paw-trail>use:nth-of-type(3){animation-delay:1.6s}
@media(max-width:1000px){.book-flourish{display:none}.book-teaser{gap:22px}.book-cover{width:100px}}
@media(max-width:700px){.welcome{display:flex}.welcome>span{display:none}.header-tag{width:57px;height:44px}.site-header{justify-content:space-between;padding:10px 0}.book-teaser{display:flex;flex-direction:column;gap:21px;padding:30px 0}.book-cover{width:115px}.book-details{width:100%}.book-announcement{font-size:18px;margin-bottom:10px}.book-teaser h2{font-size:25px}.book-teaser p{font-size:16.5px}.signup-form{margin:auto;text-align:left}.signup-invite{font-size:15px}.signup-success{margin:auto}.signup-fields{flex-wrap:wrap}.signup-fields input{flex-basis:170px}}
@media(prefers-reduced-motion:reduce){.paw-trail>use{animation:none;opacity:1}.book-cover{transition:none}}
