/* This page's breadcrumbs sit on the light paper background. */
main > .breadcrumbs{color:var(--muted)}
.farewell-examples{padding-block:36px;scroll-margin-top:30px}
.farewell-viewer{max-width:480px;margin-inline:auto}
.farewell-viewer video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:4px}
.farewell-viewer figcaption{text-align:center;color:var(--muted);font-size:13px;padding-top:14px}
.farewell-examples h1{font-size:clamp(36px,4.3vw,58px);line-height:1.08}
.farewell-gallery{min-width:0;width:100%}
.farewell-viewer a{display:block}
.farewell-viewer img{width:100%;height:auto;border-radius:4px}
.farewell-full-viewer{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:calc(60px + env(safe-area-inset-top,0px)) 0 24px;border:0;background:var(--paper);overflow:auto;overscroll-behavior:contain}
.farewell-full-viewer img{display:block;width:100%;max-width:1200px;height:auto;margin:auto}
.farewell-full-close{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));right:12px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font-size:30px;z-index:1}