@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;600;700&display=swap');

body { font-family: 'DM Sans', sans-serif; background-color: #f4f0e7; color: #1d302c; }
h1,h2,h3,header,footer { font-family: 'Fraunces', serif; }
h1,h2,h3 { text-wrap: balance; }
p { text-wrap: pretty; }
section[id] { scroll-margin-top: 5.5rem; }
/* Warm paper surfaces with deep teal accents. */
header { background-color: rgb(244 240 231 / 92%) !important; color: #1d302c !important; }
section { background-color: #f4f0e7; }
section:nth-of-type(even) { background-color: #e8e4d8; }
a, button { transition: color .2s ease, background-color .2s ease, transform .2s ease; }
button { border-radius: 999px !important; }
#home > div > img { object-position: 58% center; opacity: .96; }
#home > div > div:nth-child(2) { background: linear-gradient(90deg, rgb(17 43 39 / 94%), rgb(17 43 39 / 76%) 38%, rgb(17 43 39 / 20%) 72%, transparent); }
#home .backdrop-blur-md { border-color: rgb(255 255 255 / 30%); background-color: rgb(29 48 44 / 38%); }
#about img,#scenarios img { transition: transform 700ms cubic-bezier(.2,.7,.2,1); border-radius: 1.25rem; }
#about img:hover,#scenarios img:hover { transform: scale(1.025); }
#about img { object-position: 35% center; }
#scenarios img { object-position: 70% center; }
@media (max-width: 640px) { #home > div > img { object-position: 62% center; } }