.font-display font-family: 'Cormorant Garamond', serif;
/* Card hover */ .text-card background: var(--card); border: 1px solid var(--border); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s ease, border-color 0.5s ease; risa niihara pastel white 3
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Risa Niihara — Pastel White 3</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Outfit:wght@200;300;400;500&display=swap" rel="stylesheet"> <style> :root --bg: #f5f0eb; --bg-deep: #ece5dd; --fg: #2c2520; --muted: #9a8e83; --accent: #c4a882; --accent-light: #ddd0be; --card: rgba(255,255,255,0.55); --border: rgba(196,168,130,0.25); --blush: rgba(210,170,150,0.08); .font-display font-family: 'Cormorant Garamond'
/* Nav link */ .nav-link position: relative; color: var(--muted); transition: color 0.3s ease; border: 1px solid var(--border)