Billard

.billard-placeholder { min-height: 60vh; display: grid; place-items: center; padding: clamp(40px, 8vw, 100px) clamp(20px, 5vw, 64px); color: var(–amf-text, #f7f9ff); background: radial-gradient(circle at 16% 8%, color-mix(in srgb, var(–amf-accent, #44d0d8) 14%, transparent), transparent 32%), radial-gradient(circle at 86% 18%, color-mix(in srgb, var(–amf-accent-3, #7aa6d6) 16%, transparent), transparent 32%), linear-gradient(135deg, var(–amf-bg-1, #1f4d6b), var(–amf-bg-2, #285f7a) 52%, var(–amf-bg-3, #3a5c86)); font-family: ‘Cormorant Garamond’,’EB Garamond’,’Hoefler Text’,Georgia,’Times New Roman’,serif; position: relative; box-sizing: border-box; } .billard-inner { max-width: 720px; text-align: center; } .billard-eyebrow { font-family: ‘IBM Plex Mono’,’JetBrains Mono’,’SF Mono’,Consolas,monospace; font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: color-mix(in srgb, currentColor 55%, transparent); margin: 0 0 24px; } .billard-title { font: italic 500 clamp(48px, 7vw, 88px)/0.95 inherit; letter-spacing: -.02em; margin: 0; } .billard-title em { font-style: italic; display: block; font-size: .55em; margin-top: .2em; color: color-mix(in srgb, currentColor 55%, transparent); } .billard-intro { font: italic 400 clamp(16px, 1.4vw, 19px)/1.6 inherit; color: color-mix(in srgb, currentColor 70%, transparent); margin: 28px 0 0; }

Hobbies · iv

Billard— rack & rest

An empty table — the first frame will live here.