@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Caveat:wght@500;600;700&display=swap');
/* Cream, red, and browns are exact sRGB colors from logos.ai and its PNG export.
   Butterscotch is sampled from the existing logo's golden fur, not a named swatch. */
:root{--cream:#FEFAF3;--chico-red:#A11914;--brown:#834F2C;--dark-brown:#331003;--butterscotch:#DFAA6F;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--cream);color:var(--dark-brown);font-family:var(--sans)}body{margin:0;border-top:6px solid var(--chico-red);min-height:100vh}a{color:inherit}.page{width:min(1180px,100%);margin:auto;padding:0 55px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:25px 0;border-bottom:1px solid var(--butterscotch);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.4px;text-transform:uppercase}.construction>span{width:7px;height:7px;border-radius:50%;background:var(--chico-red)}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px;padding:28px 0 50px}.hero-copy{text-align:center}.brand{display:block;width:min(355px,100%);margin:-12px auto -22px}.brand img{width:100%;height:auto;display:block}h1{font-family:var(--serif);font-size:clamp(44px,4.8vw,60px);line-height:1.02;font-weight:400;letter-spacing:-1.5px;color:var(--chico-red);margin:0 0 18px}.coming-soon{font-size:17px;font-weight:600;margin:0 0 16px;color:var(--brown)}.intro,.body-copy{max-width:375px;margin:0 auto;font-size:15px;line-height:1.7}.body-copy{color:var(--brown);font-size:14px;margin-top:10px}.signature{font-family:'Caveat',cursive;color:var(--brown);font-size:24px;margin:22px 0 0}.signature strong{font-size:31px;font-weight:600;display:inline-block;margin-left:10px;transform:rotate(-6deg);color:var(--chico-red)}.portrait-scene{position:relative;margin:28px 4px 12px 0}.portrait-frame{border-radius:220px 220px 26px 26px;overflow:hidden;border:8px solid var(--cream);outline:1px solid var(--butterscotch);background:var(--butterscotch);box-shadow:10px 13px 0 var(--butterscotch)}.portrait-frame img{width:100%;height:auto;display:block}figcaption{position:absolute;left:22px;right:8px;bottom:-18px;border:1px solid var(--butterscotch);background:var(--cream);padding:16px 12px;text-align:center;color:var(--brown);transform:rotate(-3deg);font-family:'Caveat',cursive;font-size:25px;line-height:1.05}figcaption strong{display:block;font-size:29px;font-weight:600;color:var(--dark-brown)}.book-teaser{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 4px 28px;border-top:1px solid var(--butterscotch);border-bottom:1px solid var(--butterscotch)}.eyebrow{color:var(--brown);font-size:9px;letter-spacing:1.8px;font-weight:700}h2{font-family:var(--serif);color:var(--chico-red);font-size:30px;line-height:1.2;font-weight:400;margin:7px 0 5px}.book-teaser p{color:var(--brown);font-size:13px;margin:0}.book-flourish{color:var(--brown);font-family:'Caveat',cursive;font-size:25px;line-height:1.1;transform:rotate(-4deg)}footer{display:flex;justify-content:space-between;gap:20px;padding:23px 0 26px;font-size:10px;color:var(--brown)}a:focus-visible{outline:3px solid var(--chico-red);outline-offset:4px}
@media(max-width:950px){.page{padding:0 35px}.hero{gap:40px}.brand{width:310px}h1{font-size:48px}.coming-soon{font-size:15px}.intro{font-size:14px}.portrait-scene{margin-top:35px}figcaption{font-size:22px;left:8px}figcaption strong{font-size:25px}}
@media(max-width:650px){.page{padding:0 25px}.site-header{justify-content:center;padding:22px 0}.welcome{display:none}.construction{font-size:9px;letter-spacing:1.25px}.hero{grid-template-columns:1fr;gap:22px;padding:12px 0 48px}.brand{width:325px;margin-top:-4px;margin-bottom:-18px}h1{font-size:clamp(43px,11.5vw,58px)}.coming-soon{font-size:15px;margin-bottom:14px}.intro{font-size:15px;max-width:330px}.body-copy{max-width:315px}.signature{margin-top:16px}.portrait-scene{width:min(340px,calc(100% - 8px));margin:15px auto 14px}.portrait-frame{border-width:7px;box-shadow:7px 10px 0 var(--butterscotch)}figcaption{left:12px;right:4px}.book-teaser{text-align:center;justify-content:center;padding:26px 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}}