@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');.visible {
visibility: visible } .collapse {visibility: collapse} .fixed {position: fixed} .absolute {position: absolute} .relative {position: relative} .sticky {position: sticky} .inset-0 {inset: 0px} .inset-x-0 {left: 0px; right: 0px} .bottom-0 {bottom: 0px} .top-24 {top: 6rem} .mx-auto {margin-left: auto; margin-right: auto} .my-6 {margin-top: 1.5rem; margin-bottom: 1.5rem} .mb-1 {margin-bottom: .25rem} .mb-10 {margin-bottom: 2.5rem} .mb-3 {margin-bottom: .75rem} .mb-4 {margin-bottom: 1rem} .mb-6 {margin-bottom: 1.5rem} .mb-8 {margin-bottom: 2rem} .mr-2 {margin-right: .5rem} .mt-12 {margin-top: 3rem} .mt-3 {margin-top: .75rem} .block {display: block} .inline-block {display: inline-block} .flex {display: flex} .table {display: table} .grid {display: grid} .hidden {display: none} .aspect-\[4\/3\] {aspect-ratio: 4/3} .h-10 {height: 2.5rem} .h-12 {height: 3rem} .h-4 {height: 1rem} .h-\[60vh\] {height: 60vh} .h-full {height: 100%} .h-px {height: 1px} .min-h-\[460px\] {min-height: 460px} .w-10 {width: 2.5rem} .w-4 {width: 1rem} .w-full {width: 100%} .max-w-2xl {max-width: 42rem} .max-w-3xl {max-width: 48rem} .max-w-4xl {max-width: 56rem} .max-w-6xl {max-width: 72rem} .max-w-\[65ch\] {max-width: 65ch} .max-w-md {max-width: 28rem} .flex-1 {flex: 1 1 0%} .flex-shrink {flex-shrink: 1} .border-collapse {border-collapse: collapse} .transform {transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .flex-row {flex-direction: row} .flex-col {flex-direction: column} .flex-wrap {flex-wrap: wrap} .items-center {align-items: center} .justify-center {justify-content: center} .justify-between {justify-content: space-between} .gap-1 {gap: .25rem} .gap-2 {gap: .5rem} .gap-3 {gap: .75rem} .gap-8 {gap: 2rem} .overflow-hidden {overflow: hidden} .rounded-2xl {border-radius: 1rem} .rounded-full {border-radius: 9999px} .rounded-md {border-radius: .375rem} .border {border-width: 1px} .border-t {border-top-width: 1px} .border-\[\#cf6a3b\]\/40 {border-color: rgb(207 106 59 / .4)} .border-slate-200 { --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)) } .border-slate-600 { --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)) } .bg-\[\#123f50\] { --tw-bg-opacity: 1; background-color: rgb(18 63 80 / var(--tw-bg-opacity, 1)) } .bg-\[\#cf6a3b\] { --tw-bg-opacity: 1; background-color: rgb(207 106 59 / var(--tw-bg-opacity, 1)) } .bg-slate-100 { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)) } .bg-slate-200 { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)) } .bg-slate-900 { --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)) } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } .bg-white\/10 {background-color: rgb(255 255 255 / .1)} .object-cover {-o-object-fit: cover; object-fit: cover} .p-6 {padding: 1.5rem} .px-2 {padding-left: .5rem; padding-right: .5rem} .px-3 {padding-left: .75rem; padding-right: .75rem} .px-4 {padding-left: 1rem; padding-right: 1rem} .px-8 {padding-left: 2rem; padding-right: 2rem} .py-0\.5 {padding-top: .125rem; padding-bottom: .125rem} .py-1 {padding-top: .25rem; padding-bottom: .25rem} .py-12 {padding-top: 3rem; padding-bottom: 3rem} .py-16 {padding-top: 4rem; padding-bottom: 4rem} .pb-12 {padding-bottom: 3rem} .pb-16 {padding-bottom: 4rem} .pt-8 {padding-top: 2rem} .text-center {text-align: center} .text-3xl {font-size: 1.875rem; line-height: 2.25rem} .text-4xl {font-size: 2.25rem; line-height: 2.5rem} .text-lg {font-size: 1.125rem; line-height: 1.75rem} .text-sm {font-size: .875rem; line-height: 1.25rem} .text-xl {font-size: 1.25rem; line-height: 1.75rem} .text-xs {font-size: .75rem; line-height: 1rem} .font-bold {font-weight: 700} .font-extrabold {font-weight: 800} .font-medium {font-weight: 500} .font-semibold {font-weight: 600} .uppercase {text-transform: uppercase} .capitalize {text-transform: capitalize} .italic {font-style: italic} .leading-tight {line-height: 1.25} .tracking-tight {letter-spacing: -.025em} .tracking-wider {letter-spacing: .05em} .text-\[\#123f50\] { --tw-text-opacity: 1; color: rgb(18 63 80 / var(--tw-text-opacity, 1)) } .text-\[\#cf6a3b\] { --tw-text-opacity: 1; color: rgb(207 106 59 / var(--tw-text-opacity, 1)) } .text-slate-200 { --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity, 1)) } .text-slate-300 { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)) } .text-slate-500 { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)) } .text-slate-700 { --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)) } .text-slate-900 { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)) } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .underline {text-decoration-line: underline} .opacity-60 {opacity: .6} .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .outline-none {outline: 2px solid transparent; outline-offset: 2px} .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) } .ring-slate-100 { --tw-ring-opacity: 1; --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity, 1)) } .filter {filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .transition {transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .transition-all {transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .transition-transform {transition-property: transform; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .duration-500 {transition-duration: .5s} .\[-\:\\s\] {-: s} .placeholder\:text-slate-400::-moz-placeholder { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)) } .placeholder\:text-slate-400::placeholder { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)) } .hover\:-translate-y-1:hover { --tw-translate-y: -.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .hover\:border-\[\#123f50\]:hover { --tw-border-opacity: 1; border-color: rgb(18 63 80 / var(--tw-border-opacity, 1)) } .hover\:bg-slate-200:hover { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)) } .hover\:text-\[\#123f50\]:hover { --tw-text-opacity: 1; color: rgb(18 63 80 / var(--tw-text-opacity, 1)) } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .hover\:underline:hover {text-decoration-line: underline} .hover\:opacity-90:hover {opacity: .9} .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .group:hover .group-hover\:scale-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:text-\[\#123f50\] { --tw-text-opacity: 1; color: rgb(18 63 80 / var(--tw-text-opacity, 1)) } @media (min-width: 640px) {.sm\:flex {display: flex} .sm\:grid-cols-2 {grid-template-columns: repeat(2,minmax(0,1fr))} .sm\:flex-row {flex-direction: row} .sm\:px-6 {padding-left: 1.5rem; padding-right: 1.5rem} .sm\:py-20 {padding-top: 5rem; padding-bottom: 5rem} .sm\:text-4xl {font-size: 2.25rem; line-height: 2.5rem}} @media (min-width: 768px) {.md\:text-5xl {font-size: 3rem; line-height: 1} .md\:text-xl {font-size: 1.25rem; line-height: 1.75rem}} @media (min-width: 1024px) {.lg\:mx-0 {margin-left: 0px; margin-right: 0px} .lg\:mb-0 {margin-bottom: 0px} .lg\:w-48 {width: 12rem} .lg\:flex-shrink-0 {flex-shrink: 0} .lg\:grid-cols-3 {grid-template-columns: repeat(3,minmax(0,1fr))} .lg\:flex-row {flex-direction: row} .lg\:flex-col {flex-direction: column} .lg\:gap-12 {gap: 3rem} .lg\:py-2 {padding-top: .5rem; padding-bottom: .5rem} .lg\:pb-16 {padding-bottom: 4rem} .lg\:text-6xl {font-size: 3.75rem; line-height: 1} .lg\:leading-relaxed {line-height: 1.625}} @media (min-width: 1280px) {.xl\:gap-16 {gap: 4rem}} family=Nunito+Sans:wght@400;500;600;700&display=swap');
:root { --font-display: "Fraunces", Georgia, serif; --font-body: "Nunito Sans", system-ui, sans-serif; } .mo-root {background: #f8fafc; font-family: var(--font-body);} .mo-display {font-family: var(--font-display);} .mo-body {font-family: var(--font-body);} .mo-body :where(p) {margin: 1.5rem 0; line-height: 1.8; font-size: 1.125rem; color: #475569;} .mo-body :where(p):first-of-type {font-size: 1.25rem; color: #334155;} .mo-body :where(h2) {font-family: var(--font-display); font-size: 1.875rem; font-weight: 700; margin: 3rem 0 1rem; color: #123f50; letter-spacing: -.01em;} .mo-body :where(h3) {font-family: var(--font-display); font-size: 1.5rem; font-weight: 600; margin: 2rem 0 .75rem; color: #1e293b;} .mo-body :where(ul) {margin: 1.5rem 0; padding-left: 1.5rem; list-style: disc; line-height: 1.8; font-size: 1.125rem; color: #475569;} .mo-body :where(ul) :where(li)::marker {color: #cf6a3b;} .mo-body :where(li) {margin-bottom: .5rem;} .mo-body :where(strong) {color: #0f172a;} .mo-body :where(blockquote) {margin: 2.5rem 0; padding: 2rem 2.5rem; border-left: 4px solid #cf6a3b; background: #123f500d; border-radius: 1rem; font-style: italic; color: #123f50; font-size: 1.25rem; font-weight: 500;} .mo-body :where(blockquote) :where(p) {color: #123f50; margin: 0;} .mo-body :where(a) {color: #123f50; text-decoration: underline; text-underline-offset: 3px;} .mo-body :where(table) {width: 100%; border-collapse: collapse; margin: 2.5rem 0; font-size: 1rem; line-height: 1.55; border: 1px solid #e2e8f0;} .mo-body :where(thead th) {background: #123f50; color: #fff; font-family: var(--font-display); font-weight: 700; text-align: left; padding: .75rem 1rem; vertical-align: top; letter-spacing: -.005em;} .mo-body :where(tbody td) {padding: .75rem 1rem; vertical-align: top; border-top: 1px solid #e2e8f0; color: #475569;} .mo-body :where(tbody tr:nth-child(even)) {background: rgba(0,0,0,.025);} .mo-body :where(tbody td:first-child) {font-weight: 700; color: #123f50;} .mo-body :where(tbody tr:first-child) {background: rgba(79,138,106,.12);} .mo-body :where(tbody tr:first-child td:first-child) {border-left: 3px solid #cf6a3b;} @media (max-width: 640px) {.mo-body :where(table) {font-size: .82rem; margin: 1.75rem 0;} .mo-body :where(thead th) {padding: .5rem .6rem;} .mo-body :where(tbody td) {padding: .5rem .6rem;}});