.boxy-page-stage{--stage-paper:#ffd0e2;--stage-accent:#ffa7c7;margin-block:22px 32px}.boxy-page-stage--contact{--stage-paper:#cce8fb;--stage-accent:#ffe58f}.boxy-page-stage--about{--stage-paper:#ffe58f;--stage-accent:#ffbcd4}.boxy-page-stage--faq{--stage-paper:#d7edca;--stage-accent:#ded0ff}.boxy-page-stage--shipping{--stage-paper:#cce8fb;--stage-accent:#cdeed0}.boxy-page-stage--returns,.boxy-page-stage--policy,.boxy-page-stage--page{--stage-paper:#e3d6ff;--stage-accent:#ffe58f}.boxy-page-stage__paper{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:28px;min-height:280px;border:2px solid #28231f;border-radius:26px;background:var(--stage-paper);padding:38px 48px;box-shadow:5px 6px #28231f;isolation:isolate}.boxy-page-stage__paper:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px dashed #28231f60;border-radius:17px;pointer-events:none;z-index:-1}.boxy-page-stage__tape{position:absolute;top:-10px;left:48%;width:94px;height:26px;background:#fff9bdc9;transform:rotate(-6deg);clip-path:polygon(3% 0,97% 0,100% 20%,97% 40%,100% 60%,97% 80%,100% 100%,0 100%,3% 80%,0 60%,3% 40%,0 20%)}.boxy-page-stage__copy{min-width:0}.boxy-page-stage__tag{display:inline-block;margin:0 0 14px;padding:6px 10px;border:1px solid #28231f;border-radius:5px;background:#fffaf1;box-shadow:2px 2px #28231f;font:11px/1.5 var(--font-mono,monospace);letter-spacing:.03em;transform:rotate(-2deg)}.boxy-page-stage h1{font-family:var(--font-display);font-size:clamp(36px,4.7vw,64px);font-weight:400;line-height:1.12;margin:0 0 16px;overflow-wrap:break-word;color:#28231f;max-width:18ch;text-wrap:balance}.boxy-page-stage__line{max-width:44ch;font-size:16px;line-height:1.65;margin:0;color:#28231f}.boxy-page-stage__email{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 13px;background:#fffaf1;border:1px solid #28231f;border-radius:30px;font-size:13px;color:#28231f;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.boxy-page-stage__art{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;min-width:0;padding:8px 10px}.boxy-page-stage__mascot{display:block;width:155px;max-width:100%;transform:rotate(4deg)}.boxy-page-stage__bubble{position:relative;display:block;margin-top:-2px;max-width:230px;padding:10px 14px;background:#fffaf1;border:1.5px solid #28231f;border-radius:16px 16px 16px 3px;box-shadow:2px 2px #28231f;font:12px/1.55 var(--font-mono,monospace);transform:rotate(-3deg);text-align:center}.boxy-page-stage__star,.boxy-page-stage__heart{position:absolute;font-size:46px;line-height:1;color:#28231f;-webkit-user-select:none;user-select:none}.boxy-page-stage__star{left:8px;top:10px;transform:rotate(-12deg)}.boxy-page-stage__heart{right:0;top:80px;transform:rotate(14deg);font-size:40px}main:has(.boxy-page-stage) .page-width-content>.section-content-wrapper{position:relative;padding:30px 34px;border:1.5px solid #d5c3b0;border-radius:22px;background:linear-gradient(90deg,transparent 0 18px,#ffd0e2 18px 20px,transparent 20px),#fffdf8;box-shadow:4px 5px #efe2cc;max-width:960px;margin-inline:auto;gap:20px}main:has(.boxy-page-stage) .page-width-content>.section-content-wrapper>.text-block{max-width:100%;text-align:left}main:has(.boxy-page-stage--faq) .page-width-content h2{font-size:21px;line-height:1.4;margin:24px 0 10px;padding:10px 14px;background:#e0efd5;border-radius:12px;border:1px solid #c2d2b6}main:has(.boxy-page-stage--faq) .page-width-content h2:first-child{margin-top:0}main:has(.boxy-page-stage) .page-width-content a{overflow-wrap:anywhere;text-underline-offset:3px}main:has(.boxy-page-stage--blog) .blog-posts-container{gap:30px}main:has(.boxy-page-stage--blog) .blog-post-item{overflow:hidden;padding:0!important;border:2px solid #28231f!important;border-radius:22px;background:#fff3c9;box-shadow:4px 5px #28231f;transition:transform .16s ease}main:has(.boxy-page-stage--blog) .blog-post-item:nth-of-type(4n+2){background:#dceecf}main:has(.boxy-page-stage--blog) .blog-post-item:nth-of-type(4n+3){background:#e6dcff}main:has(.boxy-page-stage--blog) .blog-post-item:nth-of-type(4n+4){background:#ffd8e7}main:has(.boxy-page-stage--blog) .blog-post-card{height:100%;background:transparent}main:has(.boxy-page-stage--blog) .blog-post-card__image-container{border-bottom:2px solid #28231f;border-radius:0!important;overflow:hidden}main:has(.boxy-page-stage--blog) .blog-post-card__content{padding:22px}main:has(.boxy-page-stage--blog) .blog-post-card h2,main:has(.boxy-page-stage--blog) .blog-post-card h3{font-size:clamp(23px,2.1vw,30px);line-height:1.25}main:has(.boxy-page-stage--blog) .blog-post-card p{font-size:15px;line-height:1.65}main:has(.boxy-page-stage--blog) .boxy-journal-intro{max-width:none;border:1.5px dashed #a59a86;border-radius:18px;background:#fffdf8;padding:22px 26px;margin:0 0 32px}main:has(.boxy-page-stage--blog) .boxy-journal-topics{display:flex;flex-wrap:wrap;gap:10px}main:has(.boxy-page-stage--blog) .boxy-journal-topics a{border:1.5px solid #28231f;border-radius:24px;padding:8px 13px;background:#ffe58f;color:#28231f;text-decoration:none;font-size:13px}main:has(.boxy-page-stage--blog) .boxy-journal-topics a:nth-child(2){background:#ded0ff}main:has(.boxy-page-stage--blog) .boxy-journal-topics a:nth-child(3){background:#cce8fb}main:has(.boxy-page-stage--contact) .contact-form{position:relative;width:min(100%,760px);max-width:100%;padding:34px!important;border:2px solid #28231f;border-radius:24px;background:repeating-linear-gradient(#fffdfa 0 31px,#e3eced 31px 32px);box-shadow:5px 6px #c8d9e6;margin-inline:auto}main:has(.boxy-page-stage--contact) .contact-form:before{content:"";position:absolute;width:80px;height:24px;top:-12px;right:34px;transform:rotate(7deg);background:#ffd0e2cc;pointer-events:none}main:has(.boxy-page-stage--contact) .contact-form__input{background:#fffdf8;border:1.5px solid #28231f;border-radius:12px;min-height:48px;padding:14px 16px;font-size:16px;color:#28231f}main:has(.boxy-page-stage--contact) .contact-form__input--textarea{min-height:180px}.boxy-send-station{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-width:0;margin-top:8px}.boxy-send-station .submit-button{min-height:48px;min-width:140px;background:#ff5a98;color:#201b17;padding:14px 26px;border:2px solid #28231f;border-radius:12px;box-shadow:3px 4px #28231f}.boxy-send-station__buddy{display:block;position:relative;width:80px;flex:0 0 80px;transform:rotate(-6deg);pointer-events:none}.boxy-send-station__envelope{position:absolute;right:-5px;bottom:15px;width:32px;height:23px;border:1.5px solid #28231f;border-radius:3px;background:#cce8fb;transform:rotate(15deg);z-index:1}.boxy-send-station__envelope:before{content:"";position:absolute;width:20px;height:20px;border-right:1.5px solid #28231f;border-bottom:1.5px solid #28231f;transform:rotate(45deg);left:4px;top:-12px}.boxy-send-station__note{font:11px/1.6 var(--font-mono,monospace);background:#fff3c9;padding:7px 10px;border:1px solid #28231f;border-radius:5px;max-width:160px;transform:rotate(-3deg)}.boxy-page-companion--article .boxy-site-scene{background:#ffd8e7;box-shadow:4px 4px #28231f;transform:rotate(-1deg)}.boxy-page-companion--article~.shopify-section .boxy-quick-answer{background:#e0efd5;border:1.5px solid #28231f;border-radius:18px;box-shadow:3px 4px #c8d7bb}.boxy-page-companion--article~.shopify-section .boxy-printable{background:#fff0b8;border:1.5px solid #28231f;border-radius:18px;box-shadow:3px 4px #e7d6a3}.boxy-page-companion--article~.shopify-section .boxy-tutorial h2{padding-bottom:10px;border-bottom:4px solid #ffc4db}@media(hover:hover)and (prefers-reduced-motion:no-preference){main:has(.boxy-page-stage--blog) .blog-post-item:hover{transform:translateY(-3px)}}@media(max-width:749px){.boxy-page-stage{margin-block:20px 26px}.boxy-page-stage__paper{grid-template-columns:minmax(0,1fr) 90px;gap:10px;padding:26px 20px;min-height:220px;border-radius:22px;box-shadow:3px 4px #28231f}.boxy-page-stage__paper:after{top:8px;right:8px;bottom:8px;left:8px;border-radius:15px}.boxy-page-stage h1{font-size:clamp(27px,7.8vw,38px);line-height:1.17;margin-bottom:12px;max-width:none}.boxy-page-stage__tag{font-size:9px;padding:4px 7px;margin-bottom:12px;max-width:100%}.boxy-page-stage__line{font-size:14px;line-height:1.6}.boxy-page-stage__art{padding:0}.boxy-page-stage__mascot{width:90px}.boxy-page-stage__bubble{font-size:9px;padding:7px 8px;max-width:102px;border-radius:10px;line-height:1.5}.boxy-page-stage__star{font-size:26px;left:-2px;top:-15px}.boxy-page-stage__heart{font-size:26px;right:-4px;top:38px}.boxy-page-stage__email{font-size:11px;padding:6px 9px;word-break:break-all}main:has(.boxy-page-stage) .page-width-content>.section-content-wrapper{padding:24px!important;background:linear-gradient(90deg,transparent 0 10px,#ffd0e2 10px 12px,transparent 12px),#fffdf8;border-radius:18px}main:has(.boxy-page-stage--faq) .page-width-content h2{font-size:18px;padding:10px}main:has(.boxy-page-stage--blog) .blog-posts-container{gap:24px}main:has(.boxy-page-stage--blog) .blog-post-card__content{padding:18px}main:has(.boxy-page-stage--blog) .boxy-journal-intro{padding:18px;margin-bottom:24px}main:has(.boxy-page-stage--contact) .contact-form{padding:24px 20px!important;box-shadow:3px 4px #c8d9e6;border-radius:20px}.boxy-send-station{gap:12px}.boxy-send-station .submit-button{min-width:118px;padding-inline:18px}.boxy-send-station__buddy{width:64px;flex-basis:64px}.boxy-send-station__note{font-size:10px;max-width:130px}}@media(prefers-reduced-motion:reduce){main:has(.boxy-page-stage--blog) .blog-post-item{transition:none}}main:has(.boxy-page-stage--blog) .boxy-journal-topics a{display:inline-flex;align-items:center;min-height:44px}.boxy-journal-about{margin-top:10px}.boxy-journal-about summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;font-size:13px;list-style:none}.boxy-journal-about summary::-webkit-details-marker{display:none}.boxy-journal-about summary:after{content:"+";font-size:20px;line-height:1}.boxy-journal-about[open] summary:after{content:"\2212"}.boxy-journal-about>p{font-size:14px;line-height:1.7}
/*# sourceMappingURL=/cdn/shop/t/38/assets/boxy-pages.css.map */