.fb-hero{
  min-height:100vh;min-height:100svh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:48px 16px;text-align:center;
  background:radial-gradient(ellipse at 50% 45%,var(--bdx) 0%,#1a0308 60%,#000 100%);
}
.fb-title{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(52px,11vw,160px);line-height:1.05;color:var(--champ)}
.fb-title svg{display:inline-block;width:.55em;height:.55em;color:var(--pink);vertical-align:-.02em}
.fb-hint{margin-top:40px;font-family:var(--serif);font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:rgba(249,223,170,.8)}
.fb-30{
  padding:clamp(80px,14vh,140px) 16px;text-align:center;
  background:radial-gradient(ellipse at 50% 30%,#8c1b33 0%,var(--bdx) 55%,var(--bdx-deep) 100%);
}
.fb-frames{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(24px,5vw,56px);margin-top:48px}
.fb-frames .frame{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:clamp(150px,24vw,240px)}
.fb-frames .frame:nth-child(1){transform:rotate(-4deg)}
.fb-frames .frame:nth-child(3){transform:rotate(3deg)}
.fb-date{
  padding:clamp(80px,14vh,140px) 16px;text-align:center;color:var(--bdx);
  background:radial-gradient(ellipse at 50% 40%,#fffafb 0%,var(--blush) 50%,#f5d6dd 100%);
}
.fb-d{font-family:var(--serif);font-size:clamp(40px,8vw,96px);line-height:1.1;margin-top:16px}
.fb-c{font-family:var(--serif);font-weight:700;font-size:clamp(40px,8vw,96px);line-height:1.1}