/* Timeless Snapshot — arsip editorial, frame foto, dan cap waktu. */
.t-timelesssnapshot {
    --bg: #f1eee8; --bg-2: #e5dfd4; --card: #fbfaf7; --ink: #242320; --muted: #746f66;
    --accent: #95614a; --accent-2: #bd8b70; --on-accent: #fffaf7; --line: rgba(149,97,74,.25);
    --hero-rgb: 241,238,232; --tint-a: .78; --hero-ink: #242320;
    --serif-s: 'Bodoni Moda', Georgia, serif;
    color-scheme: light;
}
.t-timelesssnapshot .page { background: linear-gradient(90deg, rgba(36,35,32,.035) 1px, transparent 1px) 0 0 / 32px 32px, var(--bg); }
.t-timelesssnapshot .cover, .t-timelesssnapshot .hero, .t-timelesssnapshot .aside { background-image: linear-gradient(var(--hero-tint), var(--hero-tint)), var(--cover, none), linear-gradient(135deg, #fbfaf7, #e6e0d6); }
.t-timelesssnapshot .cover::before { inset: 22px; border: 1px solid var(--ink); border-radius: 0; opacity: .78; }
.t-timelesssnapshot .cover::after { inset: 34px; border: 1px solid rgba(36,35,32,.28); border-radius: 0; opacity: .7; }
.t-timelesssnapshot .cover__inner { gap: .9rem; }
.t-timelesssnapshot .kicker { font: 600 .65rem 'Manrope', sans-serif; letter-spacing: .38em; color: var(--accent); }
.t-timelesssnapshot .names, .t-timelesssnapshot .names i, .t-timelesssnapshot .sec__title,
.t-timelesssnapshot .event h3, .t-timelesssnapshot .lstory__title, .t-timelesssnapshot .quote,
.t-timelesssnapshot .wishes__title, .t-timelesssnapshot .thanks { font-family: var(--serif-s); }
.t-timelesssnapshot .names { font-style: italic; font-weight: 400; letter-spacing: -.045em; line-height: .98; }
.t-timelesssnapshot .names i { font-style: normal; color: var(--accent); }
.t-timelesssnapshot .cover .names { font-size: clamp(3.8rem, 15vw, 5.8rem); }
.t-timelesssnapshot .cover__date, .t-timelesssnapshot .hero__date, .t-timelesssnapshot .aside__date { font: 600 .72rem 'Manrope', sans-serif; letter-spacing: .24em; text-transform: uppercase; color: var(--muted); }
.t-timelesssnapshot .cover__to { border-top: 1px solid var(--line); padding-top: .85rem; margin-top: 1rem; }
.t-timelesssnapshot .cover__to strong { font: 500 1.35rem var(--serif-s); }
.t-timelesssnapshot .sec { padding-block: 4.8rem; }
.t-timelesssnapshot .sec--tint { background: var(--bg-2); }
.t-timelesssnapshot .sec__title { font-weight: 400; letter-spacing: -.035em; }
.t-timelesssnapshot .sec__title::before { content: '01 / '; display: block; margin-bottom: .7rem; font: 600 .62rem 'Manrope', sans-serif; letter-spacing: .2em; color: var(--accent); }
.t-timelesssnapshot .sec__title::after { content: '—'; margin-top: .5rem; color: var(--accent); }
.t-timelesssnapshot .lead-txt, .t-timelesssnapshot .person__parents, .t-timelesssnapshot .event__addr,
.t-timelesssnapshot .story, .t-timelesssnapshot .lstory__text { color: var(--muted); }
.t-timelesssnapshot .quote { font-size: 1.3rem; line-height: 1.6; }
.t-timelesssnapshot .ornament { font-size: 0; }
.t-timelesssnapshot .ornament::before { content: '✦'; font: 1.1rem/1 'Manrope', sans-serif; color: var(--accent); }
.t-timelesssnapshot .event, .t-timelesssnapshot .lstory__card, .t-timelesssnapshot .gift,
.t-timelesssnapshot .rsvp, .t-timelesssnapshot .wish { border-radius: 0; background: rgba(251,250,247,.88); border-color: rgba(36,35,32,.18); box-shadow: none; }
.t-timelesssnapshot .event::before { inset: 10px; border-radius: 0; border-color: rgba(149,97,74,.2); }
.t-timelesssnapshot .event h3, .t-timelesssnapshot .lstory__title, .t-timelesssnapshot .gift__bank { color: var(--accent); }
.t-timelesssnapshot .divider { width: 28px; background: var(--ink); }
.t-timelesssnapshot .ibtn { border-radius: 0; border-color: var(--ink); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.t-timelesssnapshot .ibtn--solid { background: var(--ink); color: var(--bg); box-shadow: none; }
.t-timelesssnapshot .ibtn--solid:hover { background: var(--accent); color: #fff; }
.t-timelesssnapshot .pframe { padding: 0 14px 14px 0; }
.t-timelesssnapshot .pframe::before { inset: 14px 0 0 14px; border-radius: 0; border-color: var(--accent); opacity: .8; }
.t-timelesssnapshot .pframe::after { display: none; }
.t-timelesssnapshot .pframe__arch { border-radius: 0; background: var(--bg-2); box-shadow: 10px 10px 0 rgba(149,97,74,.12); }
.t-timelesssnapshot .pframe__init { font-family: var(--serif-s); font-style: italic; color: var(--accent); background: var(--bg-2); }
.t-timelesssnapshot .countdown { gap: 0; }
.t-timelesssnapshot .countdown div { border: 0; border-left: 1px solid var(--line); border-radius: 0; background: none; box-shadow: none; }
.t-timelesssnapshot .countdown div:first-child { border-left: 0; }
.t-timelesssnapshot .countdown b { font-family: var(--serif-s); color: var(--ink); }
.t-timelesssnapshot .music { border-radius: 0; background: var(--ink); color: var(--bg); border-color: var(--ink); }
.t-timelesssnapshot .ifoot { border-top-color: var(--ink); }
.t-timelesssnapshot .ifld input, .t-timelesssnapshot .ifld textarea, .t-timelesssnapshot .ifld select { border-radius: 0; border-color: rgba(36,35,32,.22); background: #fff; color: var(--ink); }
.t-timelesssnapshot .lstory::before { background: var(--ink); opacity: .3; }
.t-timelesssnapshot .lstory__dot { width: 9px; height: 9px; top: 20px; border-radius: 0; transform: rotate(45deg); background: var(--accent); box-shadow: 0 0 0 4px var(--bg), 0 0 0 5px var(--line); }
@media (min-width: 960px) { .t-timelesssnapshot .page { border-left: 1px solid rgba(36,35,32,.16); border-right: 1px solid rgba(36,35,32,.16); } }