.cat{min-width:0;padding-bottom:2.4rem}.cat-hero{max-width:32rem;padding:.35rem 0 .4rem}.cat-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 .75rem;font-size:.68rem}.cat-hero-title{font-family:var(--display);letter-spacing:-.04em;color:var(--ink);margin:0;font-size:clamp(1.85rem,3.4vw,2.7rem);font-weight:500;line-height:1.2}.cat-hint{color:var(--muted);letter-spacing:.01em;margin:.7rem 0 0;font-size:.78rem;font-weight:400;line-height:1.45}.cat-stage{margin-top:1.1rem}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem .95rem;width:100%;min-width:0;display:grid}.cat-card{text-align:left;cursor:pointer;perspective:1100px;background:0 0;border:0;width:100%;min-width:0;margin:0;padding:0;display:block}.cat-card-inner{aspect-ratio:4/3;transform-style:preserve-3d;transition:transform .7s;display:block;position:relative}.cat-card.is-flipped .cat-card-inner{transform:rotateY(180deg)}.cat-card-face{backface-visibility:hidden;border-radius:.35rem;position:absolute;inset:0;overflow:hidden}.cat-card-face.is-front{background:#ece8e1}.cat-card-face.is-back{background:color-mix(in srgb, var(--bg) 88%, var(--ink));color:var(--ink);flex-direction:column;justify-content:flex-start;gap:.4rem;padding:1.05rem 1.05rem 1.1rem;display:flex;transform:rotateY(180deg)}.cat-card-face.is-back:before{content:"";flex:0 0 55%}.cat-photo{width:100%;height:100%}.cat-photo :is(img,span){object-fit:cover;width:100%;height:100%}.cat-photo.is-placeholder{background:color-mix(in srgb, var(--line) 70%, #f4f1ea);height:100%}.cat-card-index{color:#fff;letter-spacing:.14em;text-shadow:0 1px 8px #00000059;font-size:.68rem;position:absolute;top:.7rem;left:.8rem}.cat-card-face.is-back .cat-card-index{color:var(--muted);text-shadow:none;position:static}.cat-card-label{color:#fff;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 8px #0006;max-width:70%;font-size:.78rem;position:absolute;bottom:.75rem;right:.8rem;overflow:hidden}.cat-card-back-title{font-family:var(--display);letter-spacing:-.03em;overflow-wrap:anywhere;font-size:1.2rem;font-weight:500}.cat-card-story{max-width:22rem;color:var(--muted);overflow-wrap:anywhere;font-size:.88rem;line-height:1.55}.cat-card-accent{opacity:.45;align-self:flex-end;font-size:.85rem}.cat-card.is-sleep:hover .cat-card-inner{transition-duration:.85s;transform:translateY(3px)}.cat-card.is-sleep.is-flipped:hover .cat-card-inner{transform:rotateY(180deg)translateY(3px)}.cat-card.is-box:hover .cat-card-inner{transform:translateY(-5px)}.cat-card.is-box.is-flipped:hover .cat-card-inner{transform:rotateY(180deg)translateY(-5px)}.cat-card.is-play:hover .cat-card-inner{transform:rotate(-1.4deg)translateY(-3px)}.cat-card.is-play.is-flipped:hover .cat-card-inner{transform:rotateY(180deg)rotate(-1.4deg)translateY(-3px)}.cat-card.is-look .cat-photo :is(img,span){transition:transform 4.5s}.cat-card.is-look:hover .cat-photo :is(img,span){transform:scale(1.04)}.cat-card.is-nudged{animation:.7s cat-wiggle}.cat-egg-row{flex-wrap:wrap;align-items:baseline;gap:.85rem 1.1rem;margin:1.35rem 0 0;display:flex}.cat-egg,.cat-egg-line{color:var(--muted);font:inherit;background:0 0;border:0;margin:0;padding:0;font-size:.88rem}.cat-egg{cursor:pointer}.cat-empty{color:var(--muted);margin:2rem 0 0}.cat-moments{max-width:100%;margin-top:3.2rem}.cat-moments-kicker{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .35rem;font-size:.68rem}.cat-moments h2{font-family:var(--display);margin:0 0 1.2rem;font-size:1.35rem;font-weight:500}.cat-moments-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.cat-moment{text-align:left;min-width:0;font:inherit;color:inherit;background:0 0;border:0;gap:.45rem;margin:0;padding:0;display:grid}.cat-moment.is-flippable{cursor:pointer}.cat-moment-date{color:var(--muted);margin:0;font-size:.72rem}.cat-moment h3{margin:0;font-size:.88rem;font-weight:500}.cat-moment-photo,.cat-moment-stage{aspect-ratio:4/5;border-radius:.3rem;display:block;overflow:hidden}.cat-moment-stage{perspective:900px}.cat-moment-inner{height:100%;transform-style:preserve-3d;transition:transform .6s;display:block;position:relative}.cat-moment.is-flipped .cat-moment-inner{transform:rotateY(180deg)}.cat-moment-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.cat-moment-face.is-back{background:color-mix(in srgb, var(--bg) 88%, var(--ink));color:var(--muted);flex-direction:column;justify-content:flex-end;gap:.4rem;padding:.8rem;font-size:.82rem;line-height:1.55;display:flex;transform:rotateY(180deg)}.cat-moment-flip{color:#fff;text-shadow:0 1px 6px #00000059;font-size:.78rem;position:absolute;bottom:.4rem;right:.45rem}.cat-moment:not(.is-flippable) .cat-moment-photo :is(img,span){transition:transform .5s}.cat-moment:not(.is-flippable):hover .cat-moment-photo :is(img,span){transform:scale(1.03)}@keyframes cat-wiggle{0%,to{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(-3px)}}@media (hover:hover) and (pointer:fine){.cat-card:hover .cat-card-inner{box-shadow:0 10px 28px #14120e14}}@media (max-width:720px){.cat-grid{gap:.55rem}.cat-card-inner{aspect-ratio:1}.cat-card-face.is-back{gap:.28rem;padding:.75rem .75rem .8rem}.cat-card-index{font-size:.62rem;top:.5rem;left:.55rem}.cat-card-label{font-size:.72rem;bottom:.5rem;right:.55rem}.cat-card-back-title{font-size:1.02rem}.cat-card-story{max-width:none;font-size:.8rem;line-height:1.45}.cat-moments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.cat-card-inner,.cat-moment-inner,.cat-card.is-look .cat-photo :is(img,span),.cat-moment:not(.is-flippable) .cat-moment-photo :is(img,span){transition:none;animation:none}.cat-card.is-nudged{animation:none}}