:root{--hhp-ink:#222026;--hhp-cream:#fcf9f2;--hhp-pink:#ff92ba;--hhp-sky:#80bafa;--hhp-yellow:#ffe86c;--hhp-aqua:#31dac5;--hhp-lime:#b1f15a}
html{scroll-behavior:smooth}
body.hhp-body{background:var(--hhp-cream)!important;color:var(--hhp-ink);margin:0;font-family:'Quicksand',Arial,sans-serif;font-style:normal;min-width:320px}
.hhp-body *, .hhp-body *:before, .hhp-body *:after{box-sizing:border-box}
.hhp-body button,.hhp-body input{font-family:inherit}
.hhp-skip{position:absolute;top:-100px;left:20px;z-index:100}.hhp-skip:focus{top:10px}
.hhp-header{background:#fff;position:relative;border-bottom:2px solid var(--hhp-ink)}
.hhp-head-inner{max-width:1450px;margin:auto;padding:12px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hhp-logo{display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#141116;text-decoration:none;font-size:2rem;flex-shrink:0}
.hhp-logo img{display:block;object-fit:contain;width:205px;max-height:84px;height:auto}
.hhp-menu{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:7px 12px;min-width:0}
.hhp-menu-list{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;margin:0;padding:0;list-style:none}
.hhp-menu a{color:#1f1e20;text-decoration:none;font-size:.95rem;font-weight:800;display:inline-flex;align-items:center;padding:9px 13px;border:2px solid transparent;border-radius:25px;white-space:nowrap}
.hhp-menu a:hover,.hhp-menu a:focus-visible,.hhp-menu .current-menu-item>a{border-color:var(--hhp-ink);background:var(--hhp-yellow)}
.hhp-rainbow-rule{height:7px;background:linear-gradient(to right,#ff912b 0 17%,#26d8cd 17% 35%,#b1f15a 35% 51%,#ffea69 51% 68%,#5899ff 68% 84%,#ff89ba 84% 100%)}
.hhp-main{max-width:1540px;margin:0 auto;padding:20px 28px 80px}
.hhp-home{max-width:1450px;margin:auto}
.hhp-hero{margin:44px auto 70px;background:var(--hhp-cream);border:3px solid var(--hhp-ink);border-radius:38px;box-shadow:11px 12px 0 var(--hhp-ink);padding:48px 50px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);align-items:center;gap:40px}
.hhp-tag{display:inline-block;padding:9px 17px;background:var(--hhp-yellow);color:var(--hhp-ink);border:2px solid var(--hhp-ink);box-shadow:3px 4px 0 var(--hhp-ink);border-radius:17px;font-size:.8rem;font-weight:800;letter-spacing:.04em;font-style:normal!important;transform:none!important;text-transform:uppercase}
.hhp-hero h1{font-family:'Quicksand',Arial,sans-serif!important;font-weight:700!important;font-style:normal!important;letter-spacing:-.055em;line-height:1.06;font-size:clamp(2.75rem,5.8vw,5.8rem);color:#151316;margin:25px 0;transform:none!important;rotate:none!important;skew:0!important}
.hhp-hero-copy>p{font-size:1.19rem;line-height:1.66;font-weight:600;max-width:630px}
.hhp-actions{display:flex;flex-wrap:wrap;gap:13px;margin:30px 0 24px}
.hhp-button,.hhp-see-more a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--hhp-ink);font-weight:800;padding:13px 22px;border:2px solid var(--hhp-ink);border-radius:45px;box-shadow:4px 5px 0 var(--hhp-ink);font-size:1.02rem}
.hhp-pink{background:var(--hhp-pink)}.hhp-yellow{background:var(--hhp-yellow)}
.hhp-button:hover,.hhp-see-more a:hover{transform:translateY(-3px)}
.hhp-hero-scribble{font-family:var(--hhp-small-font, 'Quicksand', Arial, sans-serif);font-weight:800;font-size:.88rem}
.hhp-photo-frame{position:relative;padding:22px 20px 13px;background:#fff;border:3px solid var(--hhp-ink);border-radius:14px;box-shadow:8px 9px 0 var(--hhp-pink),15px 16px 0 var(--hhp-aqua)}
.hhp-photo-tape{position:absolute;z-index:1;left:35%;top:-15px;width:35%;height:29px;background:rgba(255,228,79,.8);transform:rotate(-7deg)}
.hhp-photo-image{display:flex;align-items:center;justify-content:center;background:#eaf8fe;min-height:250px;border-radius:7px;padding:12px}
.hhp-photo-image img{width:100%;height:auto;max-height:550px;object-fit:contain;display:block}
.hhp-photo-caption{font-family:var(--hhp-small-font, 'Quicksand', Arial, sans-serif);font-size:1.13rem;text-align:center;font-weight:700;display:block;padding:17px 4px 4px}
.hhp-section-heading{text-align:center;margin-bottom:42px}.hhp-section-heading h2,.hhp-contact h2,.hhp-archive h1{font-family:'Quicksand',Arial,sans-serif;font-size:clamp(2.3rem,5vw,4.25rem);font-weight:700;font-style:normal;letter-spacing:-.04em;line-height:1.15;margin:20px 0 12px}.hhp-section-heading>p{font-family:var(--hhp-small-font, 'Quicksand', Arial, sans-serif);font-size:1.05rem;font-weight:700}
.hhp-scrapbook{padding:48px 0 65px;scroll-margin-top:30px}.hhp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:33px 29px;padding:15px 9px}.hhp-story-card{min-width:0}.hhp-story-card:nth-child(3n + 2){transform:translateY(20px)}
.hhp-polaroid{display:block;background:white;text-decoration:none;color:var(--hhp-ink);border:3px solid var(--hhp-ink);border-radius:12px;padding:13px 13px 20px;box-shadow:7px 9px 0 var(--hhp-ink),11px 13px 0 var(--hhp-pink);height:100%;transition:transform .15s ease}
.hhp-story-card:hover .hhp-polaroid{transform:translateY(-6px)}
.hhp-card-1 .hhp-polaroid{box-shadow:7px 9px 0 var(--hhp-ink),11px 13px 0 var(--hhp-lime)}.hhp-card-2 .hhp-polaroid{box-shadow:7px 9px 0 var(--hhp-ink),11px 13px 0 var(--hhp-sky)}.hhp-card-3 .hhp-polaroid{box-shadow:7px 9px 0 var(--hhp-ink),11px 13px 0 var(--hhp-yellow)}
.hhp-story-image{background:#fce4f0;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5px}.hhp-story-image img{width:100%;height:100%;object-fit:cover}.hhp-placeholder{font-size:6rem;color:#ef9fca}.hhp-story-copy{padding:12px 8px 0}.hhp-story-copy h3{font-size:1.45rem;font-style:normal;line-height:1.2;letter-spacing:-.02em;margin:0 0 7px}.hhp-story-copy p{font-family:var(--hhp-small-font, 'Quicksand', Arial, sans-serif);line-height:1.5;font-size:.96rem;margin:0 0 11px}.hhp-story-read{color:#a83366;font-weight:800;font-size:.95rem;text-decoration:underline;text-underline-offset:3px}
.hhp-see-more{text-align:center;margin:44px 0 0}.hhp-see-more a{background:var(--hhp-lime)}.hhp-empty{background:#fff8e4;border:3px dashed var(--hhp-pink);border-radius:20px;padding:35px;text-align:center;max-width:540px;margin:0 auto;font-weight:800}
.hhp-videos{padding:65px 0}.hhp-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.hhp-video{cursor:pointer;background:#fff;text-align:left;border:3px solid var(--hhp-ink);border-radius:13px;padding:11px;box-shadow:5px 7px 0 var(--hhp-aqua);color:var(--hhp-ink)}.hhp-video:nth-child(even){box-shadow:5px 7px 0 var(--hhp-pink)}.hhp-video:hover{transform:translateY(-4px)}.hhp-video-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#ddd;border-radius:6px}.hhp-video-image img{height:100%;width:100%;object-fit:cover;display:block}.hhp-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--hhp-pink);border:2px solid var(--hhp-ink);border-radius:50%;width:59px;height:59px;display:grid;place-items:center;padding-left:4px;font-size:1.4rem}.hhp-video strong{display:block;padding:11px 4px;font-size:1.08rem}
.hhp-contact{scroll-margin-top:30px;max-width:790px;margin:75px auto;text-align:center;padding:55px 26px;background:#e7f6ff;border:3px solid var(--hhp-ink);border-radius:30px;box-shadow:9px 10px 0 var(--hhp-yellow)}.hhp-contact p{font-family:var(--hhp-small-font, 'Quicksand', Arial, sans-serif);font-size:1.15rem}.hhp-contact a{font-weight:800;font-size:1.12rem;color:#9b3266;overflow-wrap:anywhere}
.hhp-video-modal[hidden]{display:none!important}.hhp-video-modal{position:fixed;inset:0;z-index:99999;background:rgba(10,10,10,.88);display:grid;place-items:center;padding:65px 12px 15px}.hhp-video-player{width:min(100%,1000px);aspect-ratio:16/9}.hhp-video-player iframe{display:block;border:0;width:100%;height:100%}.hhp-video-close{cursor:pointer;position:absolute;top:10px;right:22px;border:0;background:none;color:white;font-size:3rem}.hhp-modal-open{overflow:hidden}
.hhp-article{max-width:940px;margin:48px auto 85px;padding:38px 45px;background:#fff;border:3px solid var(--hhp-ink);border-radius:20px;box-shadow:9px 10px 0 var(--hhp-pink)}.hhp-article-heading{text-align:center;margin:20px 0 30px}.hhp-article-heading h1{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.045em;line-height:1.1;margin:20px 0 9px;font-style:normal}.hhp-article-heading time{color:#6b6267;font-weight:700}.hhp-back{display:inline-block;border-radius:30px;border:2px solid var(--hhp-ink);background:var(--hhp-lime);color:var(--hhp-ink);font-weight:800;padding:9px 16px;text-decoration:none}.hhp-back-bottom{margin-top:30px}.hhp-article-featured{margin:0 0 35px}.hhp-article-featured img{max-width:100%;height:auto;border-radius:12px;display:block}.hhp-article-content{font-size:1.12rem;line-height:1.85}.hhp-article-content img{max-width:100%;height:auto}.hhp-article-content .wp-block-gallery{gap:12px}
.hhp-archive{max-width:1300px;margin:auto}.hhp-archive>h1,.hhp-archive>p{text-align:center}.hhp-footer{text-align:center;padding:36px 18px 48px;background:#fff;border-top:7px solid var(--hhp-aqua)}.hhp-footer p{font-family:var(--hhp-small-font, 'Quicksand', Arial, sans-serif);font-size:1.15rem;font-weight:800}.hhp-footer small{font-size:.86rem}
@media(max-width:1070px){.hhp-head-inner{flex-direction:column;gap:10px}.hhp-hero{grid-template-columns:1fr;padding:32px 30px}.hhp-photo-frame{max-width:750px;margin:auto}.hhp-card-grid,.hhp-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hhp-main{padding:10px 15px 45px}.hhp-head-inner{padding:10px}.hhp-menu-list,.hhp-menu{gap:2px 4px;justify-content:center}.hhp-menu a{padding:7px 10px;font-size:.81rem}.hhp-logo img{width:170px}.hhp-hero{margin:24px 0 55px;padding:25px 21px;border-radius:25px;gap:30px;box-shadow:6px 7px 0 var(--hhp-ink)}.hhp-hero h1{font-size:clamp(2.35rem,11vw,3.3rem)}.hhp-hero-copy>p{font-size:1rem}.hhp-card-grid,.hhp-video-grid{grid-template-columns:1fr;gap:26px}.hhp-story-card:nth-child(3n + 2){transform:none}.hhp-article{padding:23px 17px;margin:22px auto 50px}.hhp-contact{margin:40px auto;padding:32px 16px}.hhp-photo-frame{padding:15px 13px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hhp-body *{transition:none!important}}


/* v1.2 — centered compact stickers; no repeated text boxes. */
.hhp-hero{margin-bottom:34px}
.hhp-scrapbook{padding:16px 0 28px;scroll-margin-top:24px}
.hhp-scrapbook .hhp-section-heading{margin-bottom:14px}
.hhp-scrapbook .hhp-section-heading h2{margin:15px 0 6px}
.hhp-scrapbook .hhp-section-heading p{margin:0 0 8px}
.hhp-tap-hint{display:table;margin:9px auto 0;padding:6px 17px;border-radius:50px;background:#ffd9ec;border:2px solid #252026;color:#252026;font-family:var(--hhp-small-font, 'Quicksand', Arial, sans-serif);font-weight:800;font-size:.93rem;transform:rotate(-1deg)}
.hhp-scrapbook .hhp-card-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:18px 26px;margin:0 auto;padding:5px 0 0;max-width:1180px}
.hhp-scrapbook .hhp-story-card{flex:0 1 234px;width:234px;min-width:0;transform:none!important}
.hhp-sticker-link{position:relative;display:block;min-height:265px;text-decoration:none;color:inherit;text-align:center;outline-offset:3px;transition:transform .18s ease}
.hhp-sticker-art{display:flex;flex-direction:column;align-items:center;justify-content:end;position:relative;width:100%;padding:5px 4px 12px;transition:filter .18s ease}
.hhp-sticker-image{position:relative;display:flex;justify-content:center;align-items:end;height:223px;width:100%;}
.hhp-sticker-image img{display:block;max-width:100%;width:auto;max-height:220px;height:auto;object-fit:contain;filter:drop-shadow(3px 5px 0 rgba(36,30,35,.14));}
.hhp-sticker-placeholder{font-size:7rem}
.hhp-title-wrap{display:inline-flex;position:relative;z-index:2;flex-direction:column;align-items:center;justify-content:center;width:min(100%,245px);max-width:100%;margin-top:-36px;padding:8px 6px 9px;background:#fffdf8;border:5px solid #fff;border-radius:50% 43% 47% 42% / 25% 26% 23% 32%;box-shadow:0 0 0 3px #6ed5eb,0 0 0 6px #ffe168,0 0 0 9px #ff9ecd,3px 8px 0 10px rgba(40,34,38,.12);transform:rotate(-3deg);}
.hhp-sticker-heading{display:flex;flex-direction:column;align-items:center;max-width:100%;line-height:1;}
.hhp-sticker-name{font-size:clamp(1.5rem,2.6vw,2rem);font-family:'Quicksand',Arial,sans-serif;font-weight:900;letter-spacing:-.08em;line-height:1.0;-webkit-text-stroke:1.4px #211d24;paint-order:stroke fill;white-space:nowrap;transform:rotate(-1deg);}
.hhp-letter-0{color:#5fc2fa}.hhp-letter-1{color:#ffe86c}.hhp-letter-2{color:#ff91b9}.hhp-letter-3{color:#b6f16b}.hhp-letter-4{color:#ac83f9}.hhp-letter-5{color:#52d8cd}
.hhp-sticker-detail{display:block;font-family:'Quicksand',Arial,sans-serif;font-size:clamp(.82rem,1.45vw,1.01rem);font-weight:900;color:#19171c;line-height:1.07;max-width:205px;overflow-wrap:break-word;margin:5px 0 0;letter-spacing:-.025em}
.hhp-mini-shark{position:absolute;right:-13px;bottom:-20px;transform:rotate(-14deg);font-size:2.25rem;filter:drop-shadow(2px 2px #fff) drop-shadow(-2px -2px #fff)}
.hhp-hover-message{position:absolute;z-index:4;top:42%;left:50%;transform:translate(-50%,-40%) scale(.92);padding:11px 16px;background:#fff;border:2px solid #252026;border-radius:24px;color:#201b20;box-shadow:4px 5px 0 #ff93bc;font-size:.94rem;font-weight:900;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
@media(hover:hover){.hhp-sticker-link:hover{transform:translateY(-4px)}.hhp-sticker-link:hover .hhp-sticker-art,.hhp-sticker-link:focus-visible .hhp-sticker-art{filter:grayscale(.92) brightness(.75)}.hhp-sticker-link:hover .hhp-hover-message,.hhp-sticker-link:focus-visible .hhp-hover-message{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.hhp-sticker-link:focus-visible .hhp-hover-message{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(hover:none){.hhp-hover-message{position:relative;display:block;top:auto;left:auto;transform:none;opacity:1;box-shadow:none;background:transparent;border:0;color:#a63169;font-size:.77rem;text-decoration:underline;text-underline-offset:3px;padding:10px 0 0}.hhp-sticker-link{min-height:unset}}
.hhp-scrapbook .hhp-see-more{margin:28px 0 7px}
.hhp-scrapbook-archive{padding:26px 0 45px}
.hhp-scrapbook-archive .hhp-card-grid{gap:22px 27px}
/* Story gallery: contained photo and video carousel. Touch scroll plus desktop arrows. */
.hhp-story-gallery{position:relative;max-width:660px;margin:24px auto 30px;padding:11px 11px 17px;background:#f8f5ec;border:2px solid #29262d;border-radius:17px;box-shadow:5px 6px 0 #8fdedb}
.hhp-gallery-track{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:9px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.hhp-gallery-track::-webkit-scrollbar{display:none}
.hhp-gallery-slide{margin:0;position:relative;flex:0 0 100%;scroll-snap-align:center;min-width:0;height:clamp(275px,40vw,420px);display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;overflow:hidden}
.hhp-gallery-slide img,.hhp-gallery-slide video{display:block;width:100%;height:100%;object-fit:contain}
.hhp-gallery-slide figcaption{position:absolute;bottom:0;left:0;right:0;padding:5px 10px;background:rgba(255,255,255,.9);color:#302b32;font-size:.78rem;text-align:center}
.hhp-gallery-arrow{position:absolute;z-index:2;top:48%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:2px solid #212025;color:#212025;background:rgba(255,255,255,.94);font-size:2rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:2px 3px 0 #ff92ba}
.hhp-gallery-prev{left:17px}.hhp-gallery-next{right:17px}
.hhp-gallery-arrow:disabled{opacity:.28;cursor:default}
.hhp-gallery-counter{display:block;position:absolute;bottom:22px;right:22px;border-radius:12px;background:#fff;border:1px solid #ddd;padding:3px 7px;font-size:.75rem;font-weight:900}
.hhp-gallery-dots{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px auto 0}
.hhp-gallery-dot{width:9px;height:9px;border:1px solid #726d75;border-radius:50%;background:#dad4d7;padding:0;cursor:pointer}
.hhp-gallery-dot.is-current{background:#fb7eb0;border-color:#fb7eb0;transform:scale(1.18)}
.hhp-article-content{max-width:760px;margin:0 auto}
.hhp-article-content p{margin-bottom:1.1rem}
@media(max-width:650px){.hhp-hero{margin-bottom:23px}.hhp-scrapbook{padding:8px 0 25px}.hhp-tap-hint{font-size:.78rem}.hhp-scrapbook .hhp-story-card{flex:0 1 215px;width:215px}.hhp-sticker-image{height:206px}.hhp-sticker-image img{max-height:205px}.hhp-title-wrap{max-width:215px}.hhp-gallery-slide{height:320px}.hhp-gallery-arrow{width:35px;height:35px;font-size:1.7rem}.hhp-article{padding:21px 13px}.hhp-story-gallery{max-width:100%;padding:7px 7px 16px}}

/* v1.3: the public website has one adjustable, upright small-text font. */
.hhp-body .hhp-hero-scribble,.hhp-body .hhp-photo-caption,.hhp-body .hhp-section-heading>p,.hhp-body .hhp-tap-hint,.hhp-body .hhp-contact p,.hhp-body .hhp-footer p,.hhp-body .hhp-story-copy p{font-family:var(--hhp-small-font,'Quicksand',Arial,sans-serif)!important;font-size:var(--hhp-small-size,16px);font-style:normal!important;transform:none!important;font-weight:600;letter-spacing:0!important}
.hhp-body .hhp-tag{background:var(--hhp-pill-bg,var(--hhp-yellow));color:var(--hhp-pill-text,var(--hhp-ink));font-style:normal!important}
.hhp-body .hhp-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,200px));justify-content:center;gap:17px;max-width:1190px;margin:0 auto}
.hhp-body .hhp-video-grid.hhp-video-grid-medium{grid-template-columns:repeat(auto-fit,minmax(210px,255px))}
.hhp-body .hhp-video-grid.hhp-video-grid-large{grid-template-columns:repeat(auto-fit,minmax(265px,365px))}
.hhp-body .hhp-video{min-width:0}
.hhp-body .hhp-video strong{font-size:.91rem;padding:8px 2px}
.hhp-body .hhp-video-play{width:41px;height:41px;font-size:1rem}
@media(max-width:650px){.hhp-body .hhp-video-grid,.hhp-body .hhp-video-grid.hhp-video-grid-medium,.hhp-body .hhp-video-grid.hhp-video-grid-large{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hhp-body .hhp-video strong{font-size:.79rem}}

/* v1.4: independently adjustable colors for existing elements. */
.hhp-body .hhp-pink{background:var(--hhp-hero-button-one,var(--hhp-pink))}
.hhp-body .hhp-yellow{background:var(--hhp-hero-button-two,var(--hhp-yellow))}
.hhp-body .hhp-tap-hint{background:var(--hhp-scrapbook-hint,#ffd9ec);transform:none}
.hhp-body .hhp-scrapbook .hhp-see-more a{background:var(--hhp-scrapbook-more,var(--hhp-lime))}
.hhp-body .hhp-video-play{background:var(--hhp-video-play,var(--hhp-pink))}
.hhp-body .hhp-video{background:var(--hhp-video-card,#fff)}
.hhp-body .hhp-video-grid.hhp-video-grid-small{grid-template-columns:repeat(auto-fit,minmax(195px,235px))}
.hhp-body .hhp-video-grid.hhp-video-grid-medium{grid-template-columns:repeat(auto-fit,minmax(225px,270px))}
.hhp-body .hhp-video-grid.hhp-video-grid-large{grid-template-columns:repeat(auto-fit,minmax(285px,370px))}
@media(max-width:650px){.hhp-body .hhp-video-grid,.hhp-body .hhp-video-grid.hhp-video-grid-small,.hhp-body .hhp-video-grid.hhp-video-grid-medium,.hhp-body .hhp-video-grid.hhp-video-grid-large{grid-template-columns:minmax(0, min(100%,340px));justify-content:center;gap:18px}}

/* v1.5: Title-letter die-cut, with no sign, pill, backing card, or repeated caption.
   Stroke rings follow letter contours; the actual photo above is unchanged. */
.hhp-scrapbook .hhp-story-card{flex:0 1 258px;width:258px}
.hhp-sticker-art{padding:3px 4px 15px}
.hhp-title-wrap{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;z-index:3;width:112%;max-width:none;margin:-27px -6% 0;padding:0;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:rotate(-2deg)}
.hhp-sticker-heading{display:block;width:100%;max-width:none;line-height:normal;filter:drop-shadow(2px 4px 0 rgba(44,33,40,.17));}
.hhp-sticker-title-svg{display:block;width:100%;height:auto;overflow:visible}
.hhp-sticker-title-svg text{font-style:normal}
.hhp-mini-shark{right:0;bottom:0;font-size:1.7rem;filter:drop-shadow(1px 2px 0 #fff);transform:rotate(-15deg)}
.hhp-sticker-link{min-height:285px}
@media(max-width:650px){.hhp-scrapbook .hhp-story-card{flex:0 1 242px;width:242px}.hhp-title-wrap{width:112%;max-width:none;margin:-26px -6% 0}.hhp-sticker-link{min-height:unset}}

/* v1.5 finishing spacing: roomy letter-art title; shark rests against the lettering. */
.hhp-mini-shark{right:10px;bottom:15px;font-size:1.55rem}

/* v1.6: per-story adjustable sticker design; title and decorations form ONE editable layer. */
.hhp-sticker-link .hhp-title-wrap.hhp-design-front{display:block; position:relative; flex:0 0 auto; width:var(--hhp-sticker-width,78%); max-width:none; margin:-29px auto 0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; filter:none!important; transform:translate(var(--hhp-sticker-x,0px),var(--hhp-sticker-y,0px)) rotate(var(--hhp-sticker-rotate,0deg)) scale(var(--hhp-sticker-scale,1))!important; transform-origin:center top; z-index:4; overflow:visible; isolation:isolate;}
.hhp-design-svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(2px 5px 0 rgba(45,40,45,.16));}
.hhp-design-front .hhp-design-icon{position:absolute; z-index:8; display:grid;place-items:center;line-height:1; pointer-events:none; filter:drop-shadow(1px 2px 0 white) drop-shadow(-1px -1px 0 white);}
.hhp-design-icon img{display:block;width:100%;height:100%;object-fit:contain;}
.hhp-design-icon .hhp-design-emoji{font-size:100%;line-height:1;}
@media(max-width:650px){.hhp-sticker-link .hhp-title-wrap.hhp-design-front{margin-top:-26px!important}}

/* Optional photo-specific cutout rings, separate from the text sticker. */
.hhp-sticker-image.hhp-photo-rings-on img.hhp-diecut-image{filter:none;}
.hhp-photo-rings-definitions{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}

/* v1.9.2: shared pixel-accurate photo outline OVERLAY. No SVG/CSS filter caches. */
.hhp-sticker-image{position:relative!important;overflow:visible!important;}
.hhp-sticker-image.hhp-photo-rings-on .hhp-diecut-image{filter:none!important;}
.hhp-sticker-image .hhp-photo-border-overlay{position:absolute!important;z-index:2!important;display:block;pointer-events:none!important;max-width:none!important;max-height:none!important;transform:none!important;filter:none!important;opacity:1!important;}


/* v2.4 — photographed memories in the same playful, handmade scrapbook style. */
.hhp-story-byline{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:38px 0 12px;padding:15px 18px;border-top:2px dashed #f4b5d2;border-bottom:2px dashed #8bd8ec;color:#35303a;font-size:.99rem;font-weight:600}
.hhp-story-byline span{font-size:1.35rem;color:#e86eaa}.hhp-story-byline strong{font-family:'DynaPuff','Quicksand',sans-serif;font-weight:600}
/* Apply a tidy scrapbook frame to ordinary Gutenberg, classic, and gallery images by default. */
.hhp-article-content figure.wp-block-image:not(.is-style-hhp-plain),
.hhp-article-content figure.wp-caption,
.hhp-article-content .wp-block-gallery figure.wp-block-image:not(.is-style-hhp-plain){
  position:relative;display:table;max-width:min(100%,740px);width:fit-content;
  margin:28px auto 34px;padding:11px 11px 14px;background:#fff;
  border:2px solid #27252b;border-radius:9px;box-shadow:5px 6px 0 #ff98c6,9px 10px 0 #66d1ed;
  transform:rotate(-.65deg);transition:transform .2s ease,box-shadow .2s ease
}
.hhp-article-content figure.wp-block-image:not(.is-style-hhp-plain):nth-of-type(even),
.hhp-article-content .wp-block-gallery figure.wp-block-image:nth-child(even){transform:rotate(.8deg);box-shadow:5px 6px 0 #ffe77b,9px 10px 0 #67d6bd}
.hhp-article-content figure.wp-block-image:not(.is-style-hhp-plain):hover,
.hhp-article-content figure.wp-caption:hover{transform:rotate(0deg)}
.hhp-article-content figure.wp-block-image img,.hhp-article-content figure.wp-caption img{display:block;max-width:100%;height:auto;border-radius:3px}
.hhp-article-content figcaption,.hhp-article-content .wp-caption-text{caption-side:bottom;text-align:center;margin:12px 6px 1px;font-weight:700;color:#413947;font-size:.88rem;line-height:1.45}
.hhp-article-content figure.wp-block-image.is-style-hhp-polaroid,
.hhp-article-content figure.wp-block-image.is-style-hhp-polaroid:nth-of-type(even){padding:13px 13px 28px;box-shadow:7px 8px 0 #8cdad5,12px 13px 0 #ff9ecb;transform:rotate(-1.2deg)}
.hhp-article-content figure.wp-block-image.is-style-hhp-plain,
.hhp-article-content figure.wp-block-image.is-style-hhp-plain:nth-of-type(even){transform:none;border:0;box-shadow:none;background:transparent;padding:0}
.hhp-article-content p>img:not(.emoji),.hhp-article-content p>a>img:not(.emoji){display:block;max-width:100%;height:auto;margin:22px auto 29px;padding:9px;background:#fff;border:2px solid #28252c;border-radius:8px;box-shadow:5px 6px 0 #ffe075,9px 10px 0 #f68fbf}
.hhp-article-content .wp-block-gallery{display:flex;flex-wrap:wrap;align-items:flex-start;gap:25px;margin:32px auto}
.hhp-article-content .wp-block-gallery figure.wp-block-image{flex:1 1 180px;min-width:0;margin:8px!important;box-sizing:border-box}
/* Keep top slideshow separate from the body image treatment. */
.hhp-story-gallery{max-width:750px;background:#fff;border:3px solid #29262d;border-radius:20px;padding:13px 13px 19px;box-shadow:6px 7px 0 #ffe576,12px 13px 0 #85ddee;margin:28px auto 43px}
.hhp-gallery-slide{background:#fffaf6;border-radius:10px}
.hhp-gallery-slide figcaption{font-weight:700;background:rgba(255,255,255,.93);border-top:1px solid #f2e7e8}
@media(max-width:650px){.hhp-story-gallery{padding:8px 8px 14px;margin:22px auto 32px;box-shadow:4px 5px 0 #ffe576,7px 8px 0 #85ddee}.hhp-article-content figure.wp-block-image:not(.is-style-hhp-plain),.hhp-article-content figure.wp-caption{margin:20px auto 27px;padding:7px 7px 10px}.hhp-story-byline{font-size:.93rem}}

/* v2.4.2 — catch classic, Gutenberg and hand-inserted body photos alike. */
.hhp-article-content figure.hhp-body-photo-auto:not(.is-style-hhp-plain),
.hhp-article-content .wp-caption.hhp-body-photo-auto:not(.is-style-hhp-plain){
 display:table!important;position:relative;box-sizing:border-box;width:fit-content;max-width:min(100%,740px)!important;
 padding:11px 11px 14px!important;margin:28px auto 34px!important;background:#fff!important;
 border:2px solid #29252e!important;border-radius:9px!important;
 box-shadow:5px 6px 0 #ff98c6,9px 10px 0 #66d1ed!important;
 transform:rotate(-.65deg);transition:transform .2s ease
}
.hhp-article-content figure.hhp-body-photo-auto:nth-of-type(even):not(.is-style-hhp-plain){box-shadow:5px 6px 0 #ffe77b,9px 10px 0 #67d6bd!important;transform:rotate(.65deg)}
.hhp-article-content figure.hhp-body-photo-auto:hover{transform:rotate(0)!important}
.hhp-article-content img.hhp-body-photo-auto-img{
 display:block;box-sizing:border-box;width:auto;max-width:min(100%,740px)!important;height:auto;
 margin:28px auto 34px;padding:11px 11px 14px;background:#fff;
 border:2px solid #29252e;border-radius:9px;box-shadow:5px 6px 0 #ffe77b,9px 10px 0 #ff98c6;
 transform:rotate(-.4deg);transition:transform .2s ease
}
.hhp-article-content img.hhp-body-photo-auto-img:hover{transform:rotate(0)}
.hhp-story-gallery .hhp-gallery-slide figcaption{display:none!important}
@media(max-width:650px){.hhp-article-content figure.hhp-body-photo-auto:not(.is-style-hhp-plain),.hhp-article-content .wp-caption.hhp-body-photo-auto:not(.is-style-hhp-plain){padding:7px 7px 10px!important;margin:20px auto 27px!important}.hhp-article-content img.hhp-body-photo-auto-img{padding:7px 7px 10px;margin:20px auto 27px}}

/* 2.4.3: use a familiar round portrait in place of the printed author name. */
.hhp-story-byline-photo{gap:12px}.hhp-story-byline-photo .hhp-byline-label{font-size:1rem;font-weight:700;color:#35303a}
.hhp-story-byline-photo .hhp-writer-face{width:54px;height:54px;display:block;object-fit:cover;object-position:center;border-radius:50%;border:4px solid #fff;outline:3px solid #ff95c4;box-shadow:3px 4px 0 #77dff0}

/* 2.4.4: looping galleries have two always-available navigation arrows. */
.hhp-story-gallery:focus-visible{outline:3px solid #47cae6;outline-offset:5px}
.hhp-story-gallery .hhp-gallery-arrow:focus-visible{outline:3px solid #48cee7;outline-offset:3px}

/* v2.4.6 — friendly and accessible contact form (no extra plugin required). */
.hhp-contact-form-wrap{margin:30px auto 20px;max-width:640px;text-align:left}
.hhp-contact-form{display:grid;gap:18px}
.hhp-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hhp-contact-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.hhp-contact-field label{font-family:'Quicksand',Arial,sans-serif;font-size:.95rem;font-weight:800;color:var(--hhp-ink)}
.hhp-contact-field input,.hhp-contact-field select,.hhp-contact-field textarea{display:block;width:100%;border:2px solid var(--hhp-ink);border-radius:14px;background:#fff;padding:14px 15px;font-size:1rem;line-height:1.35;color:var(--hhp-ink);box-shadow:3px 4px 0 #aedeee;font-family:var(--hhp-small-font,'Quicksand',Arial,sans-serif);font-weight:600;appearance:auto}
.hhp-contact-field textarea{resize:vertical;min-height:150px}
.hhp-contact-field input:focus-visible,.hhp-contact-field select:focus-visible,.hhp-contact-field textarea:focus-visible{outline:4px solid #ff92ba;outline-offset:2px}
.hhp-contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.hhp-contact .hhp-contact-privacy{flex:1 1 260px;text-align:left;font-size:.86rem;line-height:1.5;color:#53505e;margin:0;font-weight:600}
.hhp-contact-submit{border:3px solid var(--hhp-ink);border-radius:40px;background:var(--hhp-pink);box-shadow:4px 5px 0 var(--hhp-ink);padding:13px 22px;color:var(--hhp-ink);font-size:1rem;font-weight:900;cursor:pointer;white-space:normal;text-align:center}
.hhp-contact-submit:hover{transform:translateY(-2px)}.hhp-contact-submit:focus-visible{outline:4px solid var(--hhp-ink);outline-offset:3px}
.hhp-contact-trap{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.hhp-contact-feedback{padding:16px 18px;margin-bottom:22px;border:2px solid var(--hhp-ink);border-radius:16px;font-weight:800;text-align:center}
.hhp-contact-success{background:#def8d5}.hhp-contact-error{background:#ffe0e8}
.hhp-contact .hhp-contact-email{margin:30px 0 0;font-size:.94rem;line-height:1.6}
.hhp-contact .hhp-contact-email a{font-size:inherit}
@media(max-width:650px){.hhp-contact-fields{grid-template-columns:1fr}.hhp-contact-bottom{flex-direction:column;align-items:stretch}.hhp-contact .hhp-contact-privacy{flex:0 1 auto}.hhp-contact-submit{width:100%}}

/* v2.4.7 — dedicated Contact Us page and accessible author-name popover. */
.hhp-contact-standalone{margin:clamp(32px,7vw,85px) auto clamp(65px,10vw,130px);max-width:820px}
.hhp-contact-standalone h1{font-family:'Quicksand',Arial,sans-serif;font-size:clamp(2.3rem,5vw,4.25rem);font-weight:700;letter-spacing:-.04em;line-height:1.15;margin:20px 0 12px}
.hhp-writer-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;appearance:none;border:0;background:transparent;padding:6px;margin:-6px 2px;cursor:pointer;border-radius:50%;touch-action:manipulation}
.hhp-writer-trigger:focus-visible{outline:3px solid #342e37;outline-offset:5px}
.hhp-writer-trigger .hhp-writer-name{position:absolute;z-index:10;bottom:calc(100% + 11px);left:50%;transform:translate(-50%,4px);opacity:0;visibility:hidden;pointer-events:none;padding:8px 12px;border:2px solid #2b2630;border-radius:13px;background:#fff4b7;box-shadow:3px 4px 0 #ef8db2;font-family:'Quicksand',Arial,sans-serif;font-size:.94rem;font-weight:800;line-height:1.2;color:#2b2630;white-space:nowrap;max-width:min(280px,80vw);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}
.hhp-writer-trigger .hhp-writer-name::after{content:'';position:absolute;top:100%;left:50%;width:10px;height:10px;background:#fff4b7;border-right:2px solid #2b2630;border-bottom:2px solid #2b2630;transform:translate(-50%,-5px) rotate(45deg)}
.hhp-writer-trigger:hover .hhp-writer-name,.hhp-writer-trigger:focus-visible .hhp-writer-name,.hhp-writer-trigger.is-open .hhp-writer-name{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.hhp-writer-trigger .hhp-writer-name{transition:none}}

/* v2.5.0 — public Daily Pet Pic. Bright die-cut + real Polaroid, no decorative clutter. */
.hhp-petpic-section{padding:10px 18px 60px;display:flex;justify-content:center;align-items:center;scroll-margin-top:35px}
.hhp-petpic-card{--hhp-pet-ink:#28212c;position:relative;max-width:440px;width:min(100%,440px);padding:15px 15px 21px;text-align:center;isolation:isolate}
.hhp-petpic-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;margin:0 auto -3px;padding:0 5px;line-height:1;font-style:normal}
.hhp-petpic-today{font-family:'DynaPuff','Quicksand',sans-serif;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;color:#ff8db8;-webkit-text-stroke:1px var(--hhp-pet-ink);paint-order:stroke fill;transform:rotate(-4deg) translateX(-50px) translateY(12px);text-shadow:2px 3px 0 #fff,4px 5px 0 #65d5e9}
.hhp-petpic-big{font-family:'DynaPuff','Quicksand',sans-serif;font-size:clamp(2.35rem,5.6vw,3.65rem);font-weight:700;letter-spacing:-.025em;color:#fff4a7;-webkit-text-stroke:2.2px var(--hhp-pet-ink);paint-order:stroke fill;filter:drop-shadow(3px 4px 0 #fff) drop-shadow(5px 5px 0 #ff85b6);transform:rotate(-2deg)}
.hhp-petpic-date{font-family:'Coming Soon','Comic Sans MS',cursive;position:relative;z-index:2;margin:15px 0 13px;color:#413749;text-align:left;padding-left:18px;font-size:1rem;font-weight:700;transform:rotate(-3deg)}
.hhp-petpic-date:empty{display:none}
.hhp-petpic-polaroid{position:relative;margin:0;background:#fff;border:3px solid var(--hhp-pet-ink);border-radius:18px;padding:14px 14px 10px;box-shadow:0 0 0 5px #fff,0 0 0 9px #7bdcec,8px 9px 0 10px #ffe36d,14px 15px 0 11px #ff94c4;transform:rotate(1.2deg)}
.hhp-petpic-mat{background:#f1f8fb;position:relative;width:100%;aspect-ratio:1.13;overflow:hidden;border-radius:7px;line-height:0;border:1px solid #ece6ee}
.hhp-petpic-mat img{width:100%;height:100%;object-fit:cover;object-position:var(--petpic-x,50%) var(--petpic-y,50%);transform:scale(var(--petpic-zoom,1));transform-origin:var(--petpic-x,50%) var(--petpic-y,50%);display:block;max-width:none}
.hhp-petpic-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 6px 1px;font-family:'Coming Soon','Comic Sans MS',cursive;font-size:1.05rem;font-weight:700;color:#312b37;line-height:1.4;text-align:left}
.hhp-petpic-caption{min-width:0;overflow-wrap:anywhere}.hhp-petpic-heart{font-family:'DynaPuff','Quicksand',sans-serif;color:#ff80b2;font-size:2.1rem;line-height:1;text-shadow:1px 2px 0 #302538;flex:none}
@media(max-width:550px){.hhp-petpic-section{padding:10px 14px 50px}.hhp-petpic-card{padding:12px 15px 16px}.hhp-petpic-polaroid{padding:11px 11px 9px;box-shadow:0 0 0 4px #fff,0 0 0 7px #7bdcec,5px 6px 0 8px #ffe36d,10px 11px 0 9px #ff94c4}.hhp-petpic-today{transform:rotate(-4deg) translateX(-35px) translateY(11px)}.hhp-petpic-date{padding-left:7px}}
@media(prefers-reduced-motion:reduce){.hhp-petpic-polaroid{transition:none}}

/* v2.5.1: Display the shared family-hub image using its original portrait/landscape framing. */
.hhp-petpic-card--portrait .hhp-petpic-mat{aspect-ratio:0.9}
.hhp-petpic-card--landscape .hhp-petpic-mat{aspect-ratio:1.4}
.hhp-petpic-mat img[style*="object-fit:contain"]{background:#f1f8fb}


/* v2.5.2 — Compact public-home Pet Pic. The family hub card is unaffected. */
.hhp-home .hhp-petpic-section{display:flex;width:100%;padding:2px clamp(15px,5vw,72px) 42px;margin:0 auto;align-items:flex-start;scroll-margin-top:32px}
.hhp-home .hhp-petpic-align--left{justify-content:flex-start}
.hhp-home .hhp-petpic-align--center{justify-content:center}
.hhp-home .hhp-petpic-align--right{justify-content:flex-end}
.hhp-petpic-section .hhp-petpic-card{--hhp-pet-ink:#29242e;width:100%;max-width:300px;padding:15px 7px 9px;isolation:isolate;text-align:center}
.hhp-petpic-section .hhp-petpic-size--medium{max-width:365px}
.hhp-petpic-section .hhp-petpic-heading{position:relative;z-index:3;display:inline-block;width:auto;max-width:calc(100% + 14px);margin:0 auto -13px;padding:7px 16px;border:2.5px solid var(--hhp-pet-ink);border-radius:999px;background:#ffe982;box-shadow:0 0 0 4px #fff,4px 5px 0 4px #ff9ac9;color:var(--hhp-pet-ink);font-family:'DynaPuff','Quicksand',sans-serif;font-size:clamp(1rem,1.7vw,1.2rem);font-weight:700;letter-spacing:-.035em;line-height:1.2;transform:none;filter:none;-webkit-text-stroke:0;text-shadow:none}
.hhp-petpic-section .hhp-petpic-polaroid{padding:12px 12px 9px;transform:rotate(1deg);border:2.5px solid var(--hhp-pet-ink);border-radius:15px;box-shadow:0 0 0 4px #fff,0 0 0 7px #65cee6,6px 7px 0 8px #ffe16e,11px 12px 0 9px #ff94c4}
.hhp-petpic-section .hhp-petpic-mat{border-radius:5px;overflow:hidden;aspect-ratio:1.12;background:#edf8fd;border:1px solid #ddd;position:relative;line-height:0}
.hhp-petpic-section .hhp-petpic-mat img{border-radius:4px;clip-path:inset(0 round 4px)}
.hhp-petpic-section .hhp-petpic-card--portrait .hhp-petpic-mat{aspect-ratio:.93}
.hhp-petpic-section .hhp-petpic-card--landscape .hhp-petpic-mat{aspect-ratio:1.38}
.hhp-petpic-section .hhp-petpic-date{position:absolute;top:9px;right:0px;left:auto;z-index:4;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:6px 10px;border:2px solid white;border-radius:999px;background:#bafa5c;box-shadow:2px 3px 0 #29242e;color:#2b2730;font-family:'Quicksand',Arial,sans-serif;font-size:.72rem;font-weight:900;line-height:1.1;text-align:center;white-space:nowrap;transform:rotate(-2deg)}
.hhp-petpic-section .hhp-petpic-foot{padding:12px 3px 0;gap:8px;text-align:left;font-family:'Coming Soon','Comic Sans MS',cursive;font-size:.88rem;font-weight:700;line-height:1.32}
.hhp-petpic-section .hhp-petpic-heart{font-size:1.45rem;line-height:1}
.hhp-petpic-admin-preview{max-width:460px;margin:18px auto 25px}
.hhp-petpic-admin-preview .hhp-petpic-section{padding:15px 10px 30px}
@media(max-width:650px){.hhp-home .hhp-petpic-section{justify-content:center;padding:8px 14px 39px}.hhp-petpic-section .hhp-petpic-card{max-width:min(100%,290px)}.hhp-petpic-section .hhp-petpic-size--medium{max-width:min(100%,335px)}.hhp-petpic-section .hhp-petpic-polaroid{padding:10px 10px 8px}.hhp-petpic-section .hhp-petpic-heading{font-size:1.04rem}.hhp-petpic-section .hhp-petpic-date{font-size:.68rem}}


/* v2.5.3 — Public homepage: scrapbook stickers + Daily Pet Pic in one tidy row.
   The full Scrapbook archive and the private family hub are unchanged. */
.hhp-home-story-pet-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(245px,290px);
    align-items:center;
    column-gap:clamp(16px,2.5vw,33px);
    max-width:1300px;
    margin:0 auto;
}
.hhp-home-story-pet-row > .hhp-scrapbook{
    min-width:0;
    padding:17px 0 24px;
}
.hhp-home-story-pet-row .hhp-section-heading{
    margin:0 auto 14px;
}
.hhp-home-story-pet-row .hhp-section-heading h2{
    font-size:clamp(2.15rem,3.55vw,3.6rem);
    line-height:1.1;
}
/* Keep the photo stickers close together instead of spreading across the page. */
.hhp-home-story-pet-row .hhp-scrapbook .hhp-card-grid{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:center;
    column-gap:clamp(5px,.65vw,9px);
    row-gap:10px;
    max-width:760px;
    padding:4px 0 0;
    margin:0 auto;
}
.hhp-home-story-pet-row .hhp-scrapbook .hhp-story-card{
    width:auto;
    flex:0 1 clamp(152px,12.5vw,182px);
    max-width:182px;
    min-width:0;
}
.hhp-home-story-pet-row .hhp-sticker-image{height:210px}
.hhp-home-story-pet-row .hhp-sticker-image img{max-height:207px}
.hhp-home-story-pet-row .hhp-sticker-link{min-height:250px}
.hhp-home-story-pet-row .hhp-scrapbook .hhp-see-more{margin:17px auto 8px}
.hhp-home-story-pet-row > .hhp-petpic-section{
    width:100%;
    min-width:0;
    margin:0;
    padding:2px 10px 12px;
    align-self:center;
    scroll-margin-top:30px;
}
.hhp-home-story-pet-row .hhp-petpic-section .hhp-petpic-card,
.hhp-home-story-pet-row .hhp-petpic-section .hhp-petpic-size--medium{
    width:100%;
    max-width:285px;
}
@media(max-width:1000px){
    .hhp-home-story-pet-row{grid-template-columns:minmax(0,1fr) minmax(215px,255px);column-gap:15px}
    .hhp-home-story-pet-row .hhp-scrapbook .hhp-story-card{flex-basis:clamp(133px,15.5vw,168px)}
    .hhp-home-story-pet-row .hhp-sticker-image{height:185px}
    .hhp-home-story-pet-row .hhp-sticker-image img{max-height:183px}
    .hhp-home-story-pet-row .hhp-sticker-link{min-height:218px}
}
@media(max-width:830px){
    .hhp-home-story-pet-row{display:flex;flex-direction:column;gap:16px}
    .hhp-home-story-pet-row > .hhp-scrapbook{width:100%;padding-bottom:0}
    .hhp-home-story-pet-row .hhp-scrapbook .hhp-story-card{flex:0 1 min(30%,215px);max-width:215px}
    .hhp-home-story-pet-row .hhp-section-heading h2{font-size:clamp(2.3rem,7vw,3.4rem)}
    .hhp-home-story-pet-row > .hhp-petpic-section{width:100%;justify-content:center;padding:3px 10px 30px}
}
@media(max-width:570px){
    .hhp-home-story-pet-row .hhp-scrapbook .hhp-card-grid{gap:9px 10px}
    .hhp-home-story-pet-row .hhp-scrapbook .hhp-story-card{flex:0 1 min(46%,195px)}
    .hhp-home-story-pet-row .hhp-sticker-image{height:180px}
    .hhp-home-story-pet-row .hhp-sticker-image img{max-height:178px}
    .hhp-home-story-pet-row .hhp-sticker-link{min-height:0}
    .hhp-home-story-pet-row .hhp-scrapbook .hhp-see-more{margin:13px auto 7px}
}


/* v2.5.4 — The scrapbook and shared public Pet Pic should read as one
   cozy cluster, not two distant standalone columns. CSS-only; never alters
   story ordering, saved sticker art or the private-family Pet Pic. */
@media (min-width:831px){
  .hhp-home-story-pet-row{
    width:100%; max-width:920px;
    grid-template-columns:minmax(0,1fr) minmax(0,236px);
    gap:clamp(15px,1.6vw,24px);
    align-items:end;
  }
  .hhp-home-story-pet-row > .hhp-scrapbook{
    width:100%; padding:6px 0 10px;
  }
  .hhp-home-story-pet-row .hhp-scrapbook .hhp-card-grid{
    width:100%; max-width:620px;
    column-gap:clamp(0px,.45vw,7px);
    row-gap:6px;
    padding:0;
  }
  .hhp-home-story-pet-row .hhp-scrapbook .hhp-story-card{
    flex:0 1 clamp(135px,11.4vw,171px);
    max-width:171px;
  }
  /* Old deliberate stagger pushes the middle sticker into the empty space.
     Use the natural individual sticker silhouette instead. */
  .hhp-home-story-pet-row .hhp-story-card:nth-child(3n + 2){transform:none}
  .hhp-home-story-pet-row .hhp-scrapbook .hhp-see-more{margin:3px auto 4px}
  .hhp-home-story-pet-row .hhp-sticker-link{min-height:218px}
  .hhp-home-story-pet-row > .hhp-petpic-section{
    align-self:end; justify-content:center;
    padding:0 1px 27px;
    margin:0;
  }
  .hhp-home-story-pet-row .hhp-petpic-section .hhp-petpic-card,
  .hhp-home-story-pet-row .hhp-petpic-section .hhp-petpic-size--medium{
    max-width:235px;
  }
  .hhp-home-story-pet-row .hhp-section-heading h2{
    font-size:clamp(2.1rem,3.1vw,3.05rem);
  }
}
@media (min-width:831px) and (max-width:1030px){
  .hhp-home-story-pet-row{max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,210px);gap:10px}
  .hhp-home-story-pet-row .hhp-scrapbook .hhp-story-card{flex-basis:clamp(122px,14vw,152px)}
  .hhp-home-story-pet-row .hhp-petpic-section .hhp-petpic-card,
  .hhp-home-story-pet-row .hhp-petpic-section .hhp-petpic-size--medium{max-width:205px}
}

/* v2.5.5: uploaded and embedded videos share one card/modal presentation. */
.hhp-body .hhp-video-card-preview{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.hhp-body .hhp-video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2.7rem;background:linear-gradient(135deg,#ffebad,#a9edf0)}
.hhp-body .hhp-video-player video{display:block;width:100%;height:100%;max-height:calc(100dvh - 110px);background:#111;object-fit:contain}

.hhp-body .hhp-video-player.hhp-video-player-native{aspect-ratio:auto;width:min(100%,740px);max-height:calc(100dvh - 110px);display:flex;justify-content:center;align-items:center}
.hhp-body .hhp-video-player.hhp-video-player-native video{width:auto;max-width:100%;max-height:calc(100dvh - 110px);height:auto;object-fit:contain}


/* v2.5.6 — Give near-square/wide finished story stickers enough width on the
   public homepage. Preserve each PNG's natural proportions and transparency. */
@media (min-width: 1031px){
  .hhp-home-story-pet-row .hhp-scrapbook .hhp-story-card.hhp-home-wide-sticker{
    flex:0 1 clamp(195px,15.3vw,230px);
    max-width:230px;
  }
}
@media (min-width: 831px) and (max-width: 1030px){
  .hhp-home-story-pet-row .hhp-scrapbook .hhp-story-card.hhp-home-wide-sticker{
    flex:0 1 clamp(170px,19vw,205px);
    max-width:205px;
  }
}

/* v2.5.7 — Tuck the public Pet Pic date pill farther right within its photo. */

/* v2.5.8 — Public homepage positioning requested for the shared Pet Pic.
   The pill needs to be allowed OUTSIDE the image mat: that element clips overflow.
   At the 1536px desktop size it shifts 200px farther right; on narrow screens
   the shift progressively decreases so the label stays in view. */
.hhp-home .hhp-petpic-section .hhp-petpic-heading{
  transform:translateY(-25px);
}
.hhp-home .hhp-petpic-section .hhp-petpic-polaroid{
  overflow:visible;
}
.hhp-home .hhp-petpic-section .hhp-petpic-date{
  top:21px;
  right:12px;
  transform:translateX(clamp(0px, calc(46vw - 506px), 200px)) rotate(-2deg);
}
@media (max-width:830px){
  .hhp-home .hhp-petpic-section .hhp-petpic-heading{
    transform:translateY(-13px);
  }
}


/* v2.5.9 — straight pet-card label; interactive Polaroid photo + zoom lightbox.
   Preserve the user's approved date-pill placement and shared pet source. */
.hhp-petpic-section .hhp-petpic-open{
  display:block;
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  padding:0;
  margin:0;
  border:1px solid #ddd;
  border-radius:5px;
  background:#edf8fd;
  color:inherit;
  cursor:zoom-in;
  font:inherit;
  text-align:inherit;
  touch-action:manipulation;
}
.hhp-petpic-section .hhp-petpic-open:focus-visible{
  outline:3px solid #1878ae;
  outline-offset:5px;
}
.hhp-petpic-section .hhp-petpic-open img{
  transition:transform .24s ease,filter .24s ease;
}
.hhp-petpic-section .hhp-petpic-hover-hint{
  position:absolute;
  z-index:2;
  right:9px;
  bottom:9px;
  padding:7px 11px;
  border-radius:999px;
  color:#29242e;
  background:rgba(255,255,255,.96);
  border:1.5px solid #29242e;
  box-shadow:2px 3px 0 rgba(41,36,46,.25);
  font-family:'Quicksand',Arial,sans-serif;
  font-size:.76rem;
  font-weight:800;
  white-space:nowrap;
  line-height:1.2;
  opacity:0;
  transform:translateY(7px);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
@media(hover:hover){
  .hhp-petpic-section .hhp-petpic-polaroid{
    transition:translate .24s ease,box-shadow .24s ease;
  }
  .hhp-petpic-section .hhp-petpic-polaroid:hover{translate:0 -4px}
  .hhp-petpic-section .hhp-petpic-open:hover img{
    transform:scale(calc(var(--petpic-zoom,1) * 1.055));
    filter:brightness(1.04);
  }
  .hhp-petpic-section .hhp-petpic-open:hover .hhp-petpic-hover-hint{opacity:1;transform:none}
}
.hhp-petpic-section .hhp-petpic-open:focus-visible .hhp-petpic-hover-hint{opacity:1;transform:none}
.hhp-petpic-lightbox[hidden]{display:none!important}
.hhp-petpic-lightbox{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(16px,4vw,44px);
  background:rgba(26,22,30,.86);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.hhp-petpic-lightbox-dialog{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  max-width:min(94vw,1050px);
  max-height:calc(100dvh - 40px);
  min-width:0;
  gap:11px;
}
.hhp-petpic-lightbox-photo{
  display:block;
  max-width:100%;
  max-height:calc(100dvh - 115px);
  width:auto;
  height:auto;
  object-fit:contain;
  border:clamp(5px,1vw,10px) solid #fff;
  border-radius:9px;
  background:#fff;
  box-shadow:0 12px 45px rgba(0,0,0,.25);
}
.hhp-petpic-lightbox-caption{
  max-width:min(94vw,780px);
  text-align:center;
  font-family:'Coming Soon','Quicksand',sans-serif;
  font-size:clamp(.9rem,2vw,1.15rem);
  line-height:1.4;
  color:white;
}
.hhp-petpic-lightbox-close{
  position:absolute;
  z-index:1;
  right:-12px;
  top:-12px;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:2px solid #29242e;
  border-radius:50%;
  background:#fff0a4;
  box-shadow:2px 3px 0 #ff8cba;
  color:#29242e;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.hhp-petpic-lightbox-close:focus-visible{outline:3px solid #90ecff;outline-offset:3px}
@media(max-width:600px){
  .hhp-petpic-lightbox{padding:14px}
  .hhp-petpic-lightbox-dialog{max-width:94vw}
  .hhp-petpic-lightbox-photo{max-height:calc(100dvh - 92px)}
  .hhp-petpic-lightbox-close{right:-8px;top:-8px}
}
@media(prefers-reduced-motion:reduce){
  .hhp-petpic-section .hhp-petpic-open img,
  .hhp-petpic-section .hhp-petpic-hover-hint,
  .hhp-petpic-section .hhp-petpic-polaroid{transition:none!important}
}


/* v2.5.10 — Paper-page treatment on PUBLIC HOME scrapbook only.
   Heading, story stickers and action button sit on one tactile scrapbook
   sheet. Pet Pic remains its own separate Polaroid, no framing change.
   Archive and private family pages are not affected. */
.hhp-home .hhp-scrapbook-home{
  position:relative;
  isolation:isolate;
  background-color:#fffdf7;
  background-image:
    radial-gradient(ellipse at 12% 9%,rgba(255,255,255,.87),transparent 42%),
    radial-gradient(ellipse at 83% 92%,rgba(230,217,187,.16),transparent 60%),
    repeating-linear-gradient(101deg,rgba(126,104,77,.018) 0 1px,transparent 1px 6px),
    linear-gradient(152deg,#fffefa 4%,#fffaf0 100%);
  border:1.5px solid #e2d9c9;
  border-radius:8px 13px 9px 11px;
  box-shadow:0 3px 0 rgba(227,215,198,.85),0 12px 24px rgba(54,43,29,.105),inset 0 0 0 1px rgba(255,255,255,.78);
  padding:clamp(24px,2.8vw,38px) clamp(20px,2.5vw,34px) clamp(22px,2.35vw,32px);
  overflow:visible;
}
/* The second, subtly crooked sheet beneath the real photo stickers. */
.hhp-home .hhp-scrapbook-home::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:7px 2px -5px 6px;
  border:1px solid #e7dece;
  border-radius:9px 12px 12px 7px;
  background:#fff6e8;
  transform:rotate(1.05deg);
  box-shadow:4px 8px 10px rgba(78,60,44,.055);
  pointer-events:none;
}
/* Subtle paper grain; no repeating dots, tape, or distracting decoration. */
.hhp-home .hhp-scrapbook-home::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:.52;
  background-image:
    radial-gradient(circle at 23% 15%,rgba(167,136,91,.075) 0 .45px,transparent .75px),
    radial-gradient(circle at 77% 61%,rgba(162,131,98,.064) 0 .5px,transparent .9px);
  background-size:18px 19px,27px 31px;
}
.hhp-home .hhp-scrapbook-home > *{position:relative;z-index:1}
.hhp-home-story-pet-row .hhp-scrapbook .hhp-section-heading{margin-bottom:13px}
.hhp-home-story-pet-row .hhp-scrapbook .hhp-see-more{margin:6px auto 0}
@media(min-width:831px){
  .hhp-home-story-pet-row{
    max-width:1090px;
    grid-template-columns:minmax(0,1fr) minmax(0,236px);
    gap:clamp(20px,2.2vw,33px);
    align-items:center;
    padding:12px 10px 8px;
  }
  .hhp-home-story-pet-row > .hhp-scrapbook{
    padding:31px clamp(20px,2.4vw,32px) 25px;
    width:100%;
  }
  .hhp-home-story-pet-row .hhp-scrapbook .hhp-card-grid{max-width:680px}
  .hhp-home-story-pet-row > .hhp-petpic-section{
    align-self:center;
    padding:0 1px 0;
  }
}
@media(min-width:831px) and (max-width:1030px){
  .hhp-home-story-pet-row{
    max-width:100%;
    grid-template-columns:minmax(0,1fr) minmax(0,210px);
    padding-inline:12px;
    gap:16px;
  }
  .hhp-home-story-pet-row > .hhp-scrapbook{padding:24px 15px 22px}
}
@media(max-width:830px){
  .hhp-home-story-pet-row{gap:24px;padding:4px 15px 15px}
  .hhp-home-story-pet-row > .hhp-scrapbook{
    width:100%;
    padding:25px clamp(14px,4vw,27px) 22px;
  }
  .hhp-home-story-pet-row > .hhp-petpic-section{padding:2px 10px 30px}
}
@media(max-width:450px){
  .hhp-home-story-pet-row{padding-inline:12px}
  .hhp-home-story-pet-row > .hhp-scrapbook{padding:20px 12px 20px}
  .hhp-home .hhp-scrapbook-home::before{inset:6px 2px -4px 3px;transform:rotate(.55deg)}
}
@media(prefers-reduced-motion:reduce){
  .hhp-home .hhp-scrapbook-home::before{transform:none}
}