.dating-page{--dating-pad:clamp(22px, 2vw, 30px)}.dating-indent{padding-inline:var(--dating-pad)}.dating-backdrop{pointer-events:none;position:fixed;inset:0;overflow:hidden}.dating-backdrop video{object-fit:cover;filter:blur(4px);opacity:0;width:100%;height:100%;transition:opacity .6s;transform:scale(1.04)}.dating-backdrop video[data-ready]{opacity:1}.dating-backdrop:after{content:"";background:radial-gradient(at 50% 55%,#0000 25%,#000000b3 75%,#000000f0 100%),linear-gradient(#000000e6,#000c 45%,#000000e6);position:absolute;inset:0}.dating-bento{--dating-overlap:-40px;columns:3 380px;column-gap:20px;width:100%;margin:24px 0 0;padding:0;list-style:none}.dating-bento[data-masonry]{columns:auto;position:relative}.dating-bento[data-masonry]>.dating-card{margin:0;position:absolute}.dating-card{scroll-margin-top:calc(var(--site-header-height) + 24px);margin-bottom:var(--dating-overlap);padding:var(--dating-pad);padding-bottom:calc(var(--dating-pad) + 88px);background:rgb(255 255 255/var(--dating-fill,9%));border-radius:calc(64px * var(--squircle-scale));corner-shape:squircle;-webkit-backdrop-filter:blur(28px)saturate(1.6)brightness(1.15);backdrop-filter:blur(28px)saturate(1.6)brightness(1.15);break-inside:avoid;font-family:var(--font-body);color:#f4f4ee;letter-spacing:-.005em;flex-direction:column;gap:28px;font-size:15px;line-height:1.55;display:flex;position:relative;box-shadow:inset 0 .5px #ffffff2e,inset 0 1.5px 1px -.5px #ffffff12,inset 0 -.5px #ffffff4d,inset 0 -1.5px 1px -.5px #ffffff1f;-webkit-mask-image:linear-gradient(#000 calc(100% - 140px),#0000);mask-image:linear-gradient(#000 calc(100% - 140px),#0000)}.dating-card[data-accent=ruby]{background:linear-gradient(160deg,#c828464d,#960e282b 60%,#ffffff0f)}.dating-card[data-accent=gold]{background:linear-gradient(160deg,#ffbe283d,#c88c0a21 60%,#ffffff0f)}.dating-card[data-accent=blue]{background:linear-gradient(160deg,#3c8cff42,#1e5ac824 60%,#ffffff0f)}.dating-card[data-accent=violet]{background:linear-gradient(160deg,#965aff42,#6432c824 60%,#ffffff0f)}.dating-card:target:after{content:"";border-radius:inherit;corner-shape:inherit;pointer-events:none;background:#ffffff24;position:absolute;inset:0}.dating-card-top{justify-content:space-between;align-items:center;display:flex}.dating-card-number{letter-spacing:-.04em;color:#f4f4eeb3;background:#ffffff0d;border-radius:999px;place-items:center;width:32px;height:32px;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;display:grid}.dating-card-icon{color:#f3efe6d1;flex-shrink:0}.dating-card[data-accent=ruby] .dating-card-icon{color:#f06475}.dating-card[data-accent=gold] .dating-card-icon{color:#ffcc4d}.dating-card[data-accent=blue] .dating-card-icon{color:#7db4ff}.dating-card[data-accent=violet] .dating-card-icon{color:#b99bff}.dating-card h2{font-family:var(--font-display);letter-spacing:-.04em;color:#f4f4ee;text-wrap:balance;margin:0 0 12px;font-size:clamp(24px,2vw,30px);font-weight:400;line-height:1.1}.dating-card-body{opacity:.75}.dating-card-body>:first-child{margin-top:0}@media (prefers-reduced-motion:no-preference){.dating-bento>.dating-card:nth-child(-n+3){animation:dating-card-in .9s var(--ease-out-quint) backwards;animation-delay:.7s}.dating-bento>.dating-card:nth-child(2){animation-delay:.79s}.dating-bento>.dating-card:nth-child(3){animation-delay:.88s}.dating-card:target:after{animation:dating-card-flash 2.4s var(--ease-out-quint) .3s both}}@keyframes dating-card-flash{0%,to{opacity:0}12%,36%{opacity:1}24%{opacity:.25}}@keyframes dating-card-in{0%{opacity:0;translate:0 16px}}