@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap');
 
:root {
    --bg:          #ffffff;
    --bg-alt:      #f5f5f5;
    --bg-dark:     #0a0a0a;
    --text:        #0a0a0a;
    --text-inv:    #ffffff;
    --muted:       #6b6b6b;
    --border:      #e0e0e0;
    --border-dark: #222222;
    --accent:      #0a0a0a;
    --saffron:     #0a0a0a;
 
    --max-width: 1360px;
    --header-h:  64px;
 
    --sans:  'Jost', sans-serif;
    --serif: 'Cormorant Garamond', serif;
 
    --nav-size:   11px;
    --body-size:  15px;
    --title-size: clamp(40px, 5.5vw, 74px);
 
    --spacing-xl: 140px;
    --spacing-lg: 96px;
    --spacing-md: 56px;
    --spacing-sm: 32px;
 
    --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
 
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 16px; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }
 
body {
    font-family: var(--sans);
    font-weight: 300;
    background: var(--bg);
    color: var(--text);
    font-size: var(--body-size);
    line-height: 1.7;
}
 
img { width: 100%; height: 100%; display: block; object-fit: cover; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
button, input, textarea, select { font-family: inherit; font-size: inherit; }
 
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
 
.fade-up { animation: fadeUp 0.9s var(--ease) both; }
.fade-in { animation: fadeIn 1.2s var(--ease) both; }
.d1 { animation-delay: 0.08s; }
.d2 { animation-delay: 0.22s; }
.d3 { animation-delay: 0.38s; }
.d4 { animation-delay: 0.56s; }
.d5 { animation-delay: 0.72s; }