@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&family=Nunito:wght@400;500;600;700;800;900&display=swap');
:root{--cream:#fff9ea;--peach:#ffb38a;--green:#73b94c;--green-dark:#286044;--blue:#8ed1dc;--hand:'Kalam',cursive}
body{font-family:'Nunito',system-ui,sans-serif;background:var(--cream)}
h1,h2,h3,.button,.primary-nav a{font-family:'Nunito',system-ui,sans-serif}
.announcement{background:var(--green-dark);font-weight:800}.site-header{border-bottom:3px solid var(--ink);box-shadow:none}.site-header.is-sticky{box-shadow:0 6px 0 rgba(32,32,32,.08)}
.primary-nav a{font-size:15px;font-weight:900}.primary-nav a:after{height:5px;border-radius:50%;bottom:-7px;transform:rotate(-2deg)}
.button{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:999px;font-size:13px}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.hero{background:var(--green-dark)}.hero-overlay{background:linear-gradient(90deg,rgba(24,63,44,.94) 0%,rgba(24,63,44,.77) 42%,rgba(24,63,44,.05) 76%)}.hero h1{font-weight:900;letter-spacing:-.045em}.hero h1:after{content:'♥';display:inline-block;color:var(--yellow);font-family:var(--hand);font-size:.52em;transform:rotate(10deg);margin-left:12px}.hero-copy .eyebrow,.hand-note,.scribble{font-family:var(--hand);text-transform:none;letter-spacing:0;font-size:20px;font-weight:700}.hero-copy>p:not(.eyebrow){font-weight:700}.button-glass{border-color:#fff;box-shadow:4px 4px 0 #fff}.button-glass:hover{box-shadow:2px 2px 0 #fff}
.eyebrow{font-size:12px;font-weight:900}.section-heading h2,.brand-copy h2,.prefooter h2{font-weight:900}.section-heading h2:after{content:' ~';color:var(--red);font-family:var(--hand)}
.magazine-home{background:var(--cream);position:relative}.magazine-splash{position:relative;display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:center;background:var(--yellow);border:3px solid var(--ink);border-radius:34px;padding:72px 7%;box-shadow:10px 10px 0 var(--ink);overflow:hidden}.magazine-splash:before{content:'';position:absolute;left:-45px;bottom:-70px;width:220px;height:220px;border:25px solid var(--peach);border-radius:50%}.magazine-copy{position:relative;z-index:2}.magazine-copy .hand-note{color:var(--red);margin:0 0 22px;transform:rotate(-2deg)}.magazine-copy h2{font-size:clamp(44px,5vw,72px);font-weight:900;line-height:.98;letter-spacing:-.05em;margin:0 0 24px}.magazine-copy h2 span{font-family:var(--hand);font-weight:700;color:var(--green-dark);letter-spacing:-.02em}.magazine-copy>p:not(.hand-note,.eyebrow){font-size:18px;font-weight:700;max-width:560px}.magazine-meta{display:flex;gap:14px;align-items:center;margin:26px 0}.magazine-meta strong,.magazine-meta span{background:#fff;border:2px solid var(--ink);border-radius:999px;padding:7px 13px;font-size:12px}.button-dark{background:var(--ink);border-color:var(--ink)}.magazine-cover-link{position:relative;z-index:2;perspective:1000px}.magazine-cover{aspect-ratio:.72;max-width:390px;margin:auto;background:#fff;border:3px solid var(--ink);box-shadow:14px 16px 0 rgba(32,32,32,.25);transform:rotate(3deg);transition:.3s;overflow:hidden}.magazine-cover:hover{transform:rotate(0) translateY(-5px)}.magazine-cover img{width:100%;height:100%;object-fit:cover}.demo-cover{height:100%;padding:28px;background:var(--red);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.cover-logo{font-size:30px;line-height:.8;font-weight:1000}.cover-logo small{display:block;font-size:13px;letter-spacing:.25em;margin-top:9px}.demo-cover>p{font-family:var(--hand);font-size:38px;margin:40px 0 8px;color:var(--yellow)}.demo-cover>strong{font-size:42px;line-height:.95;letter-spacing:-.04em;position:relative;z-index:2}.demo-cover>span{margin-top:auto;font-family:var(--hand);font-size:16px}.cover-bubbles i{position:absolute;width:100px;height:100px;border-radius:50%;background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:25px;font-weight:1000;right:20px;bottom:85px;transform:rotate(7deg)}.cover-bubbles i:nth-child(2){width:80px;height:80px;background:#fff;right:120px;bottom:38px}.cover-bubbles small{font-size:10px}.doodle{position:absolute;font-family:var(--hand);font-weight:900;z-index:3}.doodle-star{right:44%;top:35px;color:var(--red);font-size:42px;transform:rotate(-10deg)}.doodle-arrow{left:43%;bottom:50px;font-size:65px;transform:rotate(-15deg);color:var(--green-dark)}
.categories-section{background:#fff}.category-card{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);cursor:default}.category-card:nth-child(4n+1){background:#fff1a8}.category-card:nth-child(4n+2){background:#ffd4be}.category-card:nth-child(4n+3){background:#d7f0c8}.category-card:nth-child(4n){background:#ccecf1}.category-card:before{display:none}.category-card:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px) rotate(-1deg)}.circle-arrow{border:2px solid var(--ink);color:var(--red);background:#fff;font-family:var(--hand)}
.brand-section{background:var(--red);border-block:3px solid var(--ink)}.brand-copy h2{font-family:var(--hand);font-weight:700;letter-spacing:-.03em}.benefit{background:var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transform:rotate(-1deg)}.benefit:nth-child(2){transform:rotate(1deg);background:#fff1a8}.benefit p{color:#555}.benefit>span{color:var(--red)}
.store-feature,.store-card,.hours-card,.job-card,.post-card,.contact-form{border-width:3px;border-color:var(--ink)}.store-card{box-shadow:4px 4px 0 var(--ink)}.prefooter{background:var(--green-dark);border-top:3px solid var(--ink)}.prefooter h2{font-family:var(--hand)}
.magazine-archive-hero{background:var(--yellow);border-bottom:3px solid var(--ink);padding:90px 0;position:relative;overflow:hidden}.magazine-archive-hero:after{content:'☺';position:absolute;right:6%;bottom:-40px;font-family:var(--hand);font-size:190px;color:rgba(255,255,255,.55);transform:rotate(12deg)}.magazine-archive-hero h1{font-size:clamp(52px,7vw,94px);font-weight:1000;line-height:.92;letter-spacing:-.06em;margin:0 0 25px}.magazine-archive-hero h1 em{font-family:var(--hand);font-style:normal;color:var(--red);font-weight:700}.magazine-archive-hero>div>p:not(.eyebrow){max-width:650px;font-size:19px;font-weight:700}.scribble{display:inline-block;color:var(--green-dark);transform:rotate(-3deg);margin-bottom:12px}.hero-doodle{position:absolute;right:33%;top:55px;color:var(--red);font-size:50px}.magazine-archive{background:var(--cream)}.magazine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:80px 44px}.magazine-card{transform:rotate(var(--tilt));transition:.25s}.magazine-card:hover{transform:rotate(0) translateY(-7px)}.magazine-card-cover{display:block;aspect-ratio:.72;border:3px solid var(--ink);box-shadow:9px 10px 0 var(--ink);position:relative;background:#fff;overflow:hidden}.magazine-card-cover img{width:100%;height:100%;object-fit:cover}.demo-cover.mini>strong{font-size:35px}.peel{position:absolute;right:-45px;top:22px;background:var(--yellow);color:var(--ink);border-block:2px solid var(--ink);width:170px;text-align:center;padding:7px;transform:rotate(42deg);font-family:var(--hand);font-weight:700}.magazine-card-info{padding:27px 5px}.magazine-card-info>p{font-family:var(--hand);font-size:20px;color:var(--red);margin:0}.magazine-card-info h2{font-size:24px;margin:2px 0}.magazine-card-info>span{font-size:13px;color:var(--muted)}.hand-link{display:block;font-family:var(--hand);font-size:18px;font-weight:700;color:var(--green-dark);margin-top:12px}.playful-empty{border:3px dashed var(--ink);background:#fff1a8}.playful-empty>span{font-family:var(--hand);font-size:70px;color:var(--red)}
.reader-hero{background:var(--yellow);padding:70px 0;border-bottom:3px solid var(--ink)}.reader-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.reader-heading h1{font-size:clamp(45px,6vw,78px);line-height:1;font-weight:1000;margin:0 0 10px}.reader-heading .hand-note{color:var(--red);margin:0}.reader-actions{display:flex;gap:12px}.reader-section{padding:55px 0;background:#403c37}.pdf-reader{height:82vh;border:3px solid var(--ink);background:#fff;box-shadow:10px 10px 0 #171717}.pdf-reader iframe{width:100%;height:100%;border:0}.reader-no-pdf{display:grid;grid-template-columns:380px 1fr;gap:65px;align-items:center;color:#fff}.reader-cover{aspect-ratio:.72;border:3px solid var(--ink);box-shadow:10px 10px 0 #171717;overflow:hidden}.reader-cover img{width:100%;height:100%;object-fit:cover}
.page-hero{background:#fff1a8;border-bottom:3px solid var(--ink)}.page-hero h1,.about-hero h1,.single-store-hero h1{font-weight:1000}.footer-brand .site-logo text{font-family:'Nunito',sans-serif}
@media(max-width:900px){.magazine-splash{grid-template-columns:1fr 320px;gap:35px;padding:55px 5%}.magazine-grid{grid-template-columns:repeat(2,1fr)}.doodle-arrow{display:none}}
@media(max-width:760px){.site-header{border-bottom-width:2px}.magazine-splash{grid-template-columns:1fr;padding:38px 24px 45px;border-radius:24px;box-shadow:6px 7px 0 var(--ink)}.magazine-copy h2{font-size:43px}.magazine-cover{max-width:280px;margin-top:20px}.doodle-star{right:20px;top:15px}.magazine-meta{align-items:flex-start;flex-direction:column;gap:7px}.magazine-grid{grid-template-columns:1fr;gap:60px}.magazine-card{max-width:390px;margin:auto}.reader-heading{display:block}.reader-actions{margin-top:25px;flex-wrap:wrap}.reader-section{padding:24px 0}.pdf-reader{height:70vh;box-shadow:5px 5px 0 #171717}.reader-no-pdf{grid-template-columns:1fr}.reader-cover{max-width:330px;margin:auto}.magazine-archive-hero{padding:65px 0}.hero-doodle{display:none}.hero h1:after{font-size:.42em}}
