/* Scoped to the collection; the existing site layout remains independent. */
.moment-wall{width:min(1080px,calc(100vw - 64px));position:relative;left:50%;transform:translateX(-50%);margin:86px 0 76px;scroll-margin-top:88px}
.moment-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.moment-eyebrow{font-size:10px;letter-spacing:.28em;color:#a6a2cd;margin-bottom:10px}
.moment-heading h2{font-size:32px;font-weight:400;letter-spacing:.1em}.moment-heading h2 span{font-size:13px;color:#777d97;letter-spacing:.08em;margin-left:14px}
.moment-edition{font-size:9px;letter-spacing:.16em;text-align:right;line-height:2;color:#9399b2}
.moment-intro{font-size:14px;color:#c9cbd8;margin:18px 0 32px}.moment-intro span{color:#858ba1;margin-left:16px;font-size:12px}
.moment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;row-gap:36px}
.keepsake{min-width:0;perspective:1100px}.keepsake-surface{position:relative;display:block;width:100%;aspect-ratio:2/3;padding:0;border:1px solid #ffffff26;border-radius:13px;background:#111520;color:inherit;cursor:grab;isolation:isolate;transform-style:preserve-3d;touch-action:pan-y;transition:box-shadow .4s,border-color .4s;box-shadow:0 16px 35px #0005;font-family:inherit;-webkit-user-select:none;user-select:none}
.keepsake-surface:active{cursor:grabbing}.keepsake-surface:focus-visible{outline:2px solid #b8b0ff;outline-offset:6px}.keepsake-surface:hover,.keepsake.is-active .keepsake-surface{border-color:#b1a2ed88;box-shadow:0 18px 48px #0009,0 0 25px #8b7cf818}
.keepsake-face{position:absolute;inset:0;overflow:hidden;border-radius:12px;backface-visibility:hidden;transition:transform .85s cubic-bezier(.2,.75,.25,1)}
.keepsake-face img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.keepsake-stamp{position:absolute;bottom:14px;left:16px;font-size:9px;letter-spacing:.2em;text-shadow:0 1px 5px #000;background:#080b1455;padding:4px 7px;border:1px solid #ffffff24;border-radius:3px}
.keepsake-shine{position:absolute;inset:0;border-radius:12px;pointer-events:none;background:linear-gradient(125deg,#ffffff18,transparent 35%,transparent 70%,#ffffff08);z-index:3}
.moment-gl{position:absolute;inset:0;width:100%;height:100%;border-radius:12px;pointer-events:none;z-index:2}
.keepsake-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 1px 6px}.keepsake-caption p{font-size:8px;letter-spacing:.22em;color:#888fa8;margin-bottom:3px}.keepsake-caption h3{font-size:16px;font-weight:400;letter-spacing:.06em}.keepsake-effect{font-size:10px;color:#b8b0da;border:1px solid #a99cdf30;border-radius:20px;padding:3px 9px;white-space:nowrap}
.keepsake-bottom{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#858ba1}.keepsake-bottom a{color:#abb2ce;text-decoration:none;flex-shrink:0}.keepsake-bottom a:hover{text-decoration:underline}
.moment-footnote{border-top:1px solid #ffffff12;padding-top:22px;margin-top:32px;font-size:10px;color:#9298af;letter-spacing:.06em;display:flex;justify-content:space-between}.moment-footnote span{color:#697087}
.moment-status:empty{display:none}.moment-status{font-size:12px;color:#b4b9ce;margin-top:15px}
.keepsake-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;border-radius:12px;background:radial-gradient(ellipse at 30% 15%,#4d3d69,#171a2c 65%);transform:rotateY(-180deg);backface-visibility:hidden;transition:transform .85s cubic-bezier(.2,.75,.25,1);border:1px solid #b5a0ed66;padding:22px}.keepsake-back>span{font-size:30px;color:#dbccff}.keepsake-back small{font-size:8px;letter-spacing:.2em;color:#aea6c8}.keepsake-back strong{font-size:19px;font-weight:400;line-height:2.1;letter-spacing:.05em}.keepsake-back em{font-size:11px;font-style:normal;color:#aca5c7}.is-flipped .keepsake-face{transform:rotateY(180deg)}.is-flipped .keepsake-back{transform:rotateY(0)}
.keepsake.fallback-pulse .keepsake-face{transform:scale(.975);filter:brightness(1.13)}
@media(max-width:850px){.moment-wall{width:min(720px,calc(100vw - 40px))}.moment-grid{gap:30px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.moment-intro span{display:block;margin:7px 0 0}}
@media(max-width:480px){.moment-wall{width:100%;margin:54px 0}.moment-grid{gap:26px 12px}.moment-heading h2{font-size:25px}.moment-heading h2 span{margin-left:5px}.moment-edition{font-size:7px}.moment-eyebrow{font-size:8px;letter-spacing:.15em}.moment-intro{font-size:12px;margin-bottom:23px}.keepsake-caption{align-items:start;flex-direction:column;gap:5px;margin-top:12px}.keepsake-caption h3{font-size:14px}.keepsake-effect{font-size:9px;padding:1px 7px}.keepsake-bottom{flex-wrap:wrap;font-size:9px}.keepsake-bottom>span{min-height:28px}.keepsake-stamp{font-size:7px;bottom:8px;left:8px}.moment-footnote{font-size:9px}.moment-footnote span{display:none}.keepsake-back{gap:10px;padding:10px}.keepsake-back strong{font-size:13px}.keepsake-back small{font-size:6px}.keepsake-back em{font-size:9px}}
@media(prefers-reduced-motion:reduce){.keepsake-face,.keepsake-back,.keepsake-surface{transition:none}.keepsake.fallback-pulse .keepsake-face{transform:none}}

/* Keep the extended navigation readable on narrow screens. */
.topnav .nav-brand{flex-shrink:0}
.topnav .nav-links{min-width:0;overflow-x:auto;align-items:center;scrollbar-width:none}
.topnav .nav-links::-webkit-scrollbar{display:none}
.topnav .nav-links>a,.topnav .nav-links>button{flex-shrink:0;white-space:nowrap}
.keepsake.is-active .keepsake-face img{visibility:hidden}

@media(max-width:480px){.moment-heading{gap:8px}.moment-heading h2{white-space:nowrap}.moment-edition{font-size:6px;letter-spacing:.05em;flex-shrink:0}.moment-heading h2 span{font-size:10px}}