:root{--paper:#faf5e9;--ink:#45392f;--plum:#9d634e;--stroke:#d8bfa7}
body{background-color:#faf5e9;background-image:radial-gradient(#a1876e13 .7px,transparent .85px),linear-gradient(90deg,#c6ab8c08 1px,transparent 1px);background-size:9px 9px,34px 34px}
header{background:#faf5e9f0;box-shadow:0 2px 0 #b69f8330}
.brand{font-family:Fraunces,serif;letter-spacing:-.6px}.brand-mark{font-family:Caveat,cursive;transform:rotate(-11deg);border-radius:43% 57% 36% 64% / 55% 40% 60% 45%;box-shadow:2px 3px 0 #684b3d2c}
.hero{background:radial-gradient(ellipse at 80% 25%,#e7cdb2aa 0 19%,transparent 54%),#f3e7d6;background-image:radial-gradient(ellipse at 80% 25%,#e7cdb2aa 0 19%,transparent 54%),radial-gradient(#9a765112 .7px,transparent .8px);background-size:auto,8px 8px;position:relative}
.hero:before{content:"✷";position:absolute;font:70px Caveat;color:#c19468;left:47%;top:70px;transform:rotate(17deg);opacity:.8}
.hero h1{letter-spacing:-2.2px}.hero h1:after{content:"";display:block;width:180px;height:13px;border-bottom:3px solid #b87c5d;border-radius:55% 45%;transform:rotate(-3deg);margin:8px 0 0 10px}
.eyebrow{font-family:Caveat,cursive;letter-spacing:.3px;font-size:21px;text-transform:none;border:0;background:#fff9ed;transform:rotate(-2deg);box-shadow:3px 3px 0 #bba38c55}
.hero .micro{font:500 21px Caveat,cursive;color:#a17963}
.button,.nav-cta{border-radius:15px 19px 14px 21px;box-shadow:3px 4px 0 #72564447;transform:rotate(-.5deg)}.button:hover,.nav-cta:hover{transform:rotate(.5deg) translateY(-2px)}
.button.light{border:2px solid #b89a7e;background:#fff9ef}.art-stage .blob{border:3px dashed #aa856f88;background:#e5c7b0;transform:rotate(-13deg)}
.main-book{border:10px solid #fffbef;box-shadow:16px 22px 0 #a37f6852,-8px 0 0 #cfaa8a;border-radius:8px 14px 13px 5px;background:#efe0c9}
.cover-top{font:600 16px Caveat;letter-spacing:1.1px}.cover-title{font:600 33px/1.05 Fraunces,serif}.cover-name{font:700 12px Caveat;letter-spacing:.5px}
.cover-art{background:#f9f3e6;border:2px solid #cbb196;border-radius:47% 53% 8px 10px/48% 52% 9px 11px;overflow:hidden}
.cover-art svg{filter:sepia(.12)}.float-tag{font:700 23px Caveat;box-shadow:3px 4px 0 #b7a08788;border:1px solid #dcc0a1;border-radius:12px 17px 11px 16px}
.section-head{position:relative}.section-head .kicker{font:700 22px Caveat;text-transform:none;letter-spacing:.2px}
.section-head h2{letter-spacing:-1.5px}.section-head:after{content:"﹏﹏﹏";font:38px Caveat;color:#c5a081;display:block;line-height:.4;margin-top:22px}
.step,.product,.form-card,.faq details{background:#fffcf4;border:2px solid #dac6b0;box-shadow:5px 6px 0 #c3a88d55;border-radius:19px 29px 17px 24px/22px 18px 25px 17px}
.step:nth-child(2),.product:nth-child(2){border-radius:28px 16px 28px 17px/18px 29px 16px 23px}
.step:nth-child(3),.product:nth-child(3){border-radius:17px 31px 19px 30px/29px 16px 27px 15px}
.step .num{background:#f6e5cf!important;border:2px solid #b99376;font:600 29px Caveat;color:#9b6b55!important;transform:rotate(-9deg)}
.step h3{font-size:26px}.step p{line-height:1.8}
.collections,.faq{background:#f1e9dd;background-image:repeating-linear-gradient(0deg,#ffffff00 0,#ffffff00 30px,#c0a98c0a 31px)}
.product-art{border-bottom:2px dashed #c6b09b}.mini-cover{border:8px solid #fffaf0;background:#f9f0df;box-shadow:7px 10px 0 #a8897166;border-radius:6px 17px 9px 4px}.mini-cover strong{font-family:Fraunces;font-size:21px}.mini-cover small{font:700 14px Caveat;letter-spacing:.5px}.mini-icon{font-size:68px;filter:none}
.preview-pill{font:700 17px Caveat;letter-spacing:0;transform:rotate(5deg);background:#fffbef}
.product .price{font-family:Fraunces}.choose{border:2px solid #b9937e;border-radius:12px 16px 13px 18px;transform:rotate(-1deg)}
.order-left h2:after{content:"♡";display:inline-block;color:#bb886d;margin-left:13px;font:40px Caveat;transform:rotate(15deg)}
.form-card{box-shadow:9px 10px 0 #d9bda150}.form-card h3{font-size:33px}.form-card .hint{font-size:15px}
.field input,.field select{border:2px solid #decbbb;border-radius:13px 17px 12px 15px;background:#fffdf8}.field input:focus,.field select:focus{outline:2px solid #ba8c72;outline-offset:2px}
.upload{border:2px dashed #b88d72;border-radius:24px 15px 25px 14px;background:#fbf2e5;transform:rotate(-.2deg)}
.upload strong{font:700 24px Caveat}.care-note{border-radius:5px 15px 11px 9px;background:#f5e9da;border-left:4px solid #b8896d}
.summary{background:#fff9ed;border:2px dashed #b89177;border-radius:12px}
.faq details{box-shadow:3px 4px 0 #c3a88d3b}.faq summary:before{content:"✎";display:inline-block;color:#b47d61;font:24px Caveat;margin-right:8px}.faq details p{padding-left:26px}
.last-call{background:#e8d6c1;border:2px dashed #b28d73;border-radius:42% 58% 12% 15%/15% 16% 13% 11%;box-shadow:7px 8px 0 #c3a88d44}.last-call:before{content:"✦  ♡  ✷";display:block;font:32px Caveat;color:#a77356;margin-bottom:12px}
footer{border-top:2px dashed #c9b097}
@media(max-width:700px){.hero:before{display:none}.hero h1:after{width:120px}.art-stage{margin-top:-25px}.last-call{border-radius:26px 38px 20px 29px}.section-head:after{margin-top:20px}}
