.story-album{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;padding:16px 0;align-items:start}
.story-album__item{min-width:0;max-width:340px;margin:0 auto;width:100%;text-align:center}
.story-album__item>button{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;box-shadow:none;color:inherit}
.story-album__item>button:disabled{opacity:1;cursor:default}
.story-album__item h2{font:600 1rem/1.45 var(--font-heading);margin:12px 0 4px;overflow-wrap:normal;word-break:normal}
.story-album__item p{font:400 .875rem/1.5 var(--font-body);margin:4px 0;overflow-wrap:normal;word-break:normal}
.story-card{position:relative;display:block;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:7%;isolation:isolate;container-type:inline-size}
.story-card img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.story-card__frame{z-index:1}.story-card__title{position:absolute;z-index:2;left:25%;right:25%;bottom:6.5%;height:4.8%;display:flex;align-items:center;justify-content:center;color:#573721;font-family:var(--font-heading);font-weight:700;font-size:4.4cqw;line-height:1.05;text-align:center;word-break:normal;overflow-wrap:normal;text-wrap:balance}
/* Title plaques occupy different positions in the approved, untouched frames. */
.story-card[data-frame=frame-s] .story-card__title{bottom:5%;left:27%;right:27%;font-size:4.2cqw}
.story-card[data-frame=frame-growth-ssr] .story-card__title{bottom:5%;left:31%;right:31%;font-size:3.1cqw}
.story-card[data-frame=frame-seasonal-halloween] .story-card__title{bottom:6.5%;left:30%;right:30%;font-size:3.7cqw}
.story-card[data-frame=frame-seasonal-christmas] .story-card__title{bottom:5.5%;left:29%;right:29%;font-size:3.6cqw}
.story-new{display:inline-block;padding:4px 9px;border-radius:20px;background:var(--nav-active-bg,#fae4b7);color:var(--nav-text,#573721);font-size:.75rem;font-weight:600;line-height:1.4}
.story-album__item>button>.story-new{position:absolute;right:8px;top:8px;z-index:3}
.story-dialog{max-width:480px!important}.story-reveal{text-align:center;--story-glow:rgba(221,195,239,.55)}
.story-reveal[data-style=growth]{--story-glow:rgba(244,203,97,.55)}.story-reveal[data-style=seasonal]{--story-glow:rgba(173,199,245,.65)}
.story-flip{display:block;width:min(100%,300px);aspect-ratio:3/4;max-height:none;margin:12px auto;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;perspective:1100px;animation:story-enter .8s ease-out;color:inherit}
.story-flip:disabled{opacity:1;cursor:default}.story-flip__inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s ease-in-out}
.story-flip.is-revealed .story-flip__inner{transform:rotateY(180deg)}
.story-flip__back,.story-flip__front{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:7%}
.story-flip__front{transform:rotateY(180deg)}.story-flip.is-revealed .story-flip__front{animation:story-glow .5s .5s ease-out}
.story-reveal__prompt{min-height:1.5em}.story-reveal__error{font-size:.875rem}.story-hint .g-row{margin:0}
@keyframes story-enter{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
@keyframes story-glow{50%{box-shadow:0 0 28px 8px var(--story-glow)}}
@media(max-width:600px){.story-album{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.story-album__item h2{font-size:.9rem}.story-flip{width:min(100%,260px)}}
@media(prefers-reduced-motion:reduce){.story-flip,.story-flip.is-revealed .story-flip__front{animation:none}.story-flip__inner{transition:none}}
body[data-animations=off] .story-flip,body[data-animations=off] .story-flip.is-revealed .story-flip__front{animation:none}body[data-animations=off] .story-flip__inner{transition:none}