@font-face{font-family:ToolkitHand;src:url('../fonts/CaveatBrush-Regular.ttf') format('truetype');font-display:swap}
:root{--paper:#f7f3eb;--ink:#161513;--wine:#8c1237;--muted:#59554f}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,sans-serif;background-image:radial-gradient(#a49c8a18 .7px,transparent .7px);background-size:5px 5px}a{color:inherit}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--wine);outline-offset:4px}.skip-link{position:absolute;top:-80px;left:12px;z-index:10;background:white;padding:12px}.skip-link:focus{top:12px}
.toolkit-header{max-width:1200px;margin:auto;padding:22px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ded8cb}.brand{display:block;width:220px;flex-shrink:0}.art{position:relative;overflow:hidden;margin:0}.art img{position:absolute;max-width:none;height:auto;display:block}.brand-art{aspect-ratio:260/44}.brand-art img{width:326.924%;left:-113.462%;top:-40.91%}.toolkit-nav{display:flex;align-items:center;gap:20px;font-size:14px}.signup-link,.toolkit-submit{background:var(--wine);color:white;border:0;border-radius:3px;text-decoration:none;padding:14px 20px;font-weight:700;white-space:nowrap}.toolkit-nav details{position:relative}.toolkit-nav summary{cursor:pointer;padding:12px 0}.nav-panel{position:absolute;right:0;top:100%;z-index:5;min-width:235px;max-height:65vh;overflow:auto;background:var(--paper);padding:16px;border:1px solid #ded8cb;box-shadow:0 8px 20px #0002}.nav-panel a{display:block;padding:9px;text-decoration:none}.nav-panel a:hover{color:var(--wine)}.socials{display:flex;gap:10px}.socials img{width:25px;height:25px}
.signup-layout{max-width:1120px;margin:38px auto 0;padding:0 22px;display:grid;gap:24px}.signup-title{text-align:center;margin:0;grid-area:title}.eyebrow{font-size:clamp(15px,2vw,21px);letter-spacing:.22em;line-height:1.5;font-weight:400;display:block}.hand{font-family:ToolkitHand,'Segoe Print','Comic Sans MS',cursive;font-weight:400;font-style:italic;line-height:1.02}.signup-title .hand{display:block;font-size:clamp(48px,9vw,86px);margin:16px auto 0;max-width:600px}.emphasis{color:var(--wine);display:block;position:relative;padding-bottom:16px}.emphasis:after{content:'';position:absolute;bottom:0;left:12%;width:76%;height:6px;background:var(--wine);transform:rotate(-4deg);border-radius:50%}.book{grid-area:book;aspect-ratio:565/540;width:min(100%,530px);justify-self:center}.book img{width:150.443%;left:-24.779%;top:-74.074%}.description{grid-area:description;font-family:Georgia,serif;font-size:clamp(20px,2.1vw,24px);line-height:1.45;margin:0;text-align:center}.cards{grid-area:cards;aspect-ratio:735/275;width:100%;align-self:start}.cards img{width:115.646%;left:-8.844%;top:-410.909%}.signup-form{grid-area:form;width:100%;max-width:510px;justify-self:center}.field{margin:0 0 12px}.field label{display:block;font-size:13px;margin:0 0 6px;color:var(--muted)}.field input{width:100%;min-height:52px;border:1px solid #aaa39b;border-radius:3px;background:#ffffff50;padding:14px;color:var(--ink)}.toolkit-submit{width:100%;min-height:56px;letter-spacing:.14em;cursor:pointer}.toolkit-submit:disabled{opacity:.65;cursor:not-allowed}.consent,.form-status{font-size:13px;line-height:1.5;text-align:center;color:var(--muted)}.form-status{padding:10px;border:1px solid #d5c4b1;border-radius:3px}.form-status:empty{display:none}.toolkit-footer{max-width:1200px;margin:40px auto 0;padding:32px 20px 40px;text-align:center;border-top:1px solid #ded8cb;font-size:clamp(24px,4vw,36px)}.toolkit-footer p{margin:0;display:inline-block;position:relative;padding-bottom:17px}.toolkit-footer p:after{content:'';position:absolute;bottom:0;left:25%;width:50%;height:4px;background:var(--wine);transform:rotate(-5deg);border-radius:50%}
.signup-layout{grid-template-areas:'title' 'book' 'description' 'cards' 'form'}.thank-you{max-width:850px;margin:32px auto 0;padding:0 22px;text-align:center}.envelope{aspect-ratio:540/250;width:min(100%,420px);margin:0 auto}.envelope img{width:160.556%;left:-30.556%;top:-56%}.inbox{font-size:clamp(27px,5vw,42px);color:var(--wine);margin:14px 0 28px}.thank-title{font-size:clamp(40px,7vw,68px);margin:0 0 32px}.thank-copy{font:clamp(21px,3vw,27px)/1.5 Georgia,serif;max-width:670px;margin:0 auto}.idea-note{position:relative;display:flex;align-items:center;gap:14px;max-width:620px;margin:38px auto 0;padding:24px 16px;background:#fffaf0;box-shadow:0 8px 14px #3f30201c;transform:rotate(-2deg);border-bottom:3px dashed #e6dece}.idea-note:before{content:'';position:absolute;width:100px;height:26px;background:#cdb58b66;left:calc(50% - 50px);top:-14px;transform:rotate(3deg)}.bulb{aspect-ratio:285/280;width:32%;flex-shrink:0}.bulb img{width:304.211%;left:-45.614%;top:-471.429%}.idea-note p{font-size:clamp(23px,4vw,38px);margin:0;line-height:1.2}.idea-note strong{color:var(--wine)}
@media(max-width:599px){.toolkit-header{padding:18px 16px;gap:10px;flex-wrap:wrap}.brand{width:190px}.toolkit-nav{gap:14px;flex-wrap:wrap;width:100%;justify-content:center}.toolkit-nav .signup-link{padding:11px 16px}.socials{display:none}.signup-layout{margin-top:28px;gap:22px}.signup-title .hand{font-size:clamp(48px,12vw,70px)}.description{text-align:center}.toolkit-footer{margin-top:30px}.thank-you{margin-top:28px}.nav-panel{right:auto;left:0;min-width:200px}}
@media(min-width:900px){.signup-layout{grid-template-columns:1.08fr 1fr;column-gap:48px;row-gap:24px;grid-template-areas:'book title' 'book description' 'cards form';align-items:center}.signup-title{text-align:left}.signup-title .hand{font-size:86px}.description{text-align:left}.signup-form{justify-self:stretch;max-width:none}.book{width:100%;align-self:end}.cards{margin-top:12px}.toolkit-footer{margin-top:45px}}

/* Artwork windows use scaled source images. Override the shared fluid-image
   rule so the book/cards retain their intended scale and complete boundaries. */
.page-toolkit .art > img{max-width:none}
.signup-form .field label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.signup-layout{width:100%;grid-template-columns:minmax(0,1fr)}
.signup-layout > *{min-width:0}
.thank-you{width:100%}
.envelope{aspect-ratio:auto;clip-path:none}
.envelope img{position:static;display:block;width:100%;max-width:100%;height:auto}
/* Keep the envelope, scribbled shadow and angled label together at every size. */
.inbox-artwork{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:center;gap:clamp(8px,2vw,20px);width:100%;max-width:580px;margin:0 auto 36px;padding-right:12px}
.envelope-wrap{position:relative;min-width:0}
.inbox-artwork .envelope{width:100%;margin:0}
.inbox-artwork .inbox{justify-self:center;margin:0 0 8px;color:var(--ink);font-size:clamp(22px,4.5vw,38px);line-height:1.03;transform:rotate(-14deg);position:relative;padding-bottom:12px}
.inbox span{display:block}
.inbox-artwork .inbox:after{content:'';position:absolute;left:0;bottom:0;width:110%;height:4px;border-radius:50%;background:var(--wine);transform:rotate(-5deg)}
@media(min-width:900px){
  .signup-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
}