@layer components{.clip{align-content:start;gap:.9rem;display:grid}.clip__frame{aspect-ratio:16/9;background:var(--ink-0);clip-path:polygon(0 0,100% 0,100% calc(100% - 1.5rem),calc(100% - 1.5rem) 100%,0 100%);position:relative;overflow:hidden}.clip__media{-o-object-fit:cover;object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.clip__iframe{opacity:0;transition:opacity .7s}.clip__iframe.is-on{opacity:1}.clip__iframe--ambient{pointer-events:none}.clip__play{z-index:2;text-align:left;justify-content:space-between;align-items:flex-end;gap:.75rem;padding:.85rem;display:flex;position:absolute;inset:0}.clip__play:focus-visible{outline:2px solid var(--accent-text);outline-offset:-4px}.clip__stamp{background:var(--flood);color:var(--flood-fg);font:650 .9375rem/1 var(--font-sans);padding:.35rem .6rem;font-stretch:92%}.clip__sound{background:var(--accent-text);color:var(--flood);font:700 .9375rem/1 var(--font-sans);opacity:0;transition:opacity .25s,transform .3s var(--ease-signal);align-items:center;gap:.4rem;margin-left:auto;padding:.55rem .8rem;font-stretch:92%;display:inline-flex;transform:translateY(6px)}@media (hover:hover){.clip__play:focus-visible .clip__sound,.clip__play:hover .clip__sound{opacity:1;transform:none}}@media (hover:none){.clip__sound{opacity:1;transform:none}}.clip__cap{gap:.25rem;display:grid}.clip__moment{font:650 1.125rem/1.3 var(--font-sans);letter-spacing:-.015em;color:var(--flood-fg)}.clip__src{font:550 .9375rem/1.3 var(--font-sans);color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.3em;font-stretch:92%}@media (hover:hover){.clip__src:hover{color:var(--accent-text)}}.moments__title{margin-bottom:1.5rem;font-size:clamp(1.9rem,3.4vw,2.8rem)}.moments__grid{gap:2rem;display:grid}@media (width>=640px){.moments__grid[data-n=many]{grid-template-columns:repeat(2,minmax(0,1fr))}}.album__title{margin-bottom:1.5rem;font-size:clamp(1.9rem,3.4vw,2.8rem)}.album__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.album__grid[data-n="1"]{grid-template-columns:minmax(0,24rem)}.album__grid[data-n="2"]{max-width:40rem}@media (width>=640px){.album__grid[data-n=many]{grid-template-columns:repeat(3,minmax(0,1fr))}}.album__photo{aspect-ratio:1}.album__grid[data-n="1"] .album__photo{aspect-ratio:4/5}}