body { font-family: Poppins, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.35; color: var(--color-black); background-color: #eff2ff; background-image: radial-gradient(circle, rgba(255, 255, 255, .9) 0%, #eff2ff 100%); background-size: 100% 190vh; background-position: center top -75vh; background-repeat: no-repeat; background-attachment: fixed; }
section { padding: 75px 0; }
body > section { padding: 75px 1.5rem; }
body > header + section { padding-top: 30px; }

.brand-logo { display: inline-block; }

h1.huge { font-size: 2.75rem; font-weight: 800; line-height: 1.25; }

header { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 1rem; padding-right: 1.5rem; }
header.sticky { background-image: linear-gradient(0deg, rgb(250 251 255 / 0%), rgb(250 251 255 / 90%)); backdrop-filter: blur(1px); position: sticky; top: 0; z-index: 10; pointer-events: none; }
header.sticky > * { pointer-events: auto; }

footer { display: flex; justify-content: center; gap: 1.5rem; width: 100%; height: 4rem; padding: 1rem; margin-top: -4rem; font-size: .75rem; line-height: 1rem; }
footer a { color: var(--color-gray-dark); }
footer a:hover { text-decoration: underline; }

#big-branding { width: 250px; max-width: 75%; }

.cta-container { width: calc(600px - 2rem); max-width: 100%; margin: auto; font-size: 1rem; }

.wave-section { display: flex; align-items: center; color: white; background-image: url("../media/brand/pattern-wavy-overflow.svg"); background-size: cover; }
.wave-section .cta-container { margin-top: 9rem; margin-bottom: 1rem; }
.wave-section h2 { margin-bottom: 2rem; font-size: 2.5rem; font-weight: 800; line-height: 1.35; text-shadow: 0 2px 0 rgb(19 32 77 / 50%); }

.wave-hero { display: grid; grid-template-columns: 2fr 1fr; min-height: 100vh; }
.wave-hero .wave-section { background-image: url("../media/brand/pattern.svg"); clip-path: polygon(100% 100%, 100% 0%, 5.5% 0%, 5.5% .5%, 5.495% 1%, 5.49% 1.5%, 5.48% 2%, 5.47% 2.5%, 5.455% 3%, 5.44% 3.5%, 5.425% 4%, 5.405% 4.5%, 5.38% 5%, 5.355% 5.5%, 5.33% 6%, 5.3% 6.5%, 5.27% 7%, 5.24% 7.5%, 5.205% 8%, 5.165% 8.5%, 5.13% 9%, 5.085% 9.5%, 5.045% 10%, 5% 10.5%, 4.955% 11%, 4.91% 11.5%, 4.86% 12%, 4.81% 12.5%, 4.76% 13%, 4.705% 13.5%, 4.655% 14%, 4.6% 14.5%, 4.545% 15%, 4.485% 15.5%, 4.43% 16%, 4.37% 16.5%, 4.315% 17%, 4.255% 17.5%, 4.195% 18%, 4.135% 18.5%, 4.075% 19%, 4.015% 19.5%, 3.955% 20%, 3.895% 20.5%, 3.835% 21%, 3.775% 21.5%, 3.72% 22%, 3.66% 22.5%, 3.6% 23%, 3.545% 23.5%, 3.485% 24%, 3.43% 24.5%, 3.375% 25%, 3.32% 25.5%, 3.27% 26%, 3.215% 26.5%, 3.165% 27%, 3.115% 27.5%, 3.07% 28%, 3.025% 28.5%, 2.98% 29%, 2.935% 29.5%, 2.895% 30%, 2.855% 30.5%, 2.815% 31%, 2.78% 31.5%, 2.745% 32%, 2.715% 32.5%, 2.685% 33%, 2.655% 33.5%, 2.63% 34%, 2.61% 34.5%, 2.585% 35%, 2.57% 35.5%, 2.55% 36%, 2.535% 36.5%, 2.525% 37%, 2.515% 37.5%, 2.51% 38%, 2.505% 38.5%, 2.5% 39%, 2.5% 39.5%, 2.505% 40%, 2.505% 40.5%, 2.515% 41%, 2.525% 41.5%, 2.535% 42%, 2.55% 42.5%, 2.565% 43%, 2.585% 43.5%, 2.605% 44%, 2.63% 44.5%, 2.655% 45%, 2.68% 45.5%, 2.71% 46%, 2.745% 46.5%, 2.78% 47%, 2.815% 47.5%, 2.85% 48%, 2.89% 48.5%, 2.93% 49%, 2.975% 49.5%, 3.02% 50%, 3.065% 50.5%, 3.115% 51%, 3.16% 51.5%, 3.215% 52%, 3.265% 52.5%, 3.315% 53%, 3.37% 53.5%, 3.425% 54%, 3.48% 54.5%, 3.54% 55%, 3.595% 55.5%, 3.655% 56%, 3.715% 56.5%, 3.77% 57%, 3.83% 57.5%, 3.89% 58%, 3.95% 58.5%, 4.01% 59%, 4.07% 59.5%, 4.13% 60%, 4.19% 60.5%, 4.25% 61%, 4.31% 61.5%, 4.37% 62%, 4.425% 62.5%, 4.485% 63%, 4.54% 63.5%, 4.595% 64%, 4.65% 64.5%, 4.705% 65%, 4.755% 65.5%, 4.805% 66%, 4.855% 66.5%, 4.905% 67%, 4.95% 67.5%, 5% 68%, 5.04% 68.5%, 5.085% 69%, 5.125% 69.5%, 5.165% 70%, 5.2% 70.5%, 5.235% 71%, 5.27% 71.5%, 5.3% 72%, 5.33% 72.5%, 5.355% 73%, 5.38% 73.5%, 5.4% 74%, 5.42% 74.5%, 5.44% 75%, 5.455% 75.5%, 5.47% 76%, 5.48% 76.5%, 5.49% 77%, 5.495% 77.5%, 5.5% 78%, 5.5% 78.5%, 5.5% 79%, 5.495% 79.5%, 5.49% 80%, 5.48% 80.5%, 5.47% 81%, 5.46% 81.5%, 5.445% 82%, 5.425% 82.5%, 5.405% 83%, 5.385% 83.5%, 5.36% 84%, 5.335% 84.5%, 5.305% 85%, 5.275% 85.5%, 5.24% 86%, 5.205% 86.5%, 5.17% 87%, 5.13% 87.5%, 5.09% 88%, 5.05% 88.5%, 5.005% 89%, 4.96% 89.5%, 4.915% 90%, 4.865% 90.5%, 4.815% 91%, 4.765% 91.5%, 4.71% 92%, 4.66% 92.5%, 4.605% 93%, 4.55% 93.5%, 4.49% 94%, 4.435% 94.5%, 4.375% 95%, 4.32% 95.5%, 4.26% 96%, 4.2% 96.5%, 4.14% 97%, 4.08% 97.5%, 4.02% 98%, 3.96% 98.5%, 3.9% 99%, 3.84% 99.5%, 3.78% 100%); }

@media (prefers-color-scheme: dark) {
	header.sticky { background-image: linear-gradient(0deg, rgb(5 5 5 / 0%), rgb(5 5 5 / 90%)); }

	.wave-section { background-color: rgb(0 0 0 / 20%); background-blend-mode: darken; }
}

@media (max-width: 768px) {
	.wave-hero { display: block; }
	.wave-hero .wave-section { padding: 60px 0; margin-bottom: 90px; clip-path: none; }
}