*,:after,:before {
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246/0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}
::backdrop {
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246/0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}
/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before {
  box-sizing:border-box;
  border:0 solid #e5e7eb
}
:after,:before {
  --tw-content:""
}
:host,html {
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  tab-size:4;
  font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-feature-settings:normal;
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent
}
body {
  line-height:inherit
}
hr {
  height:0;
  color:inherit;
  border-top-width:1px
}
abbr:where([title]) {
  text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6 {
  font-size:inherit;
  font-weight:inherit
}
a {
  text-decoration:inherit
}
b,strong {
  font-weight:bolder
}
code,kbd,pre,samp {
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em
}
small {
  font-size:80%
}
sub,sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub {
  bottom:-.25em
}
sup {
  top:-.5em
}
table {
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}
button,input,optgroup,select,textarea {
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  margin:0;
  padding:0
}
button,select {
  text-transform:none
}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}
:-moz-focusring {
  outline:auto
}
:-moz-ui-invalid {
  box-shadow:none
}
progress {
  vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
  height:auto
}
[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}
::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
summary {
  display:list-item
}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
  margin:0
}
fieldset {
  margin:0
}
fieldset,legend {
  padding:0
}
menu,ol,ul {
  list-style:none;
  margin:0;
  padding:0
}
dialog {
  padding:0
}
textarea {
  resize:vertical
}
input::placeholder,textarea::placeholder {
  opacity:1;
  color:#9ca3af
}
[role=button],button {
  cursor:pointer
}
:disabled {
  cursor:default
}
audio,canvas,embed,iframe,img,object,svg,video {
  display:block;
  vertical-align:middle
}
img,video {
  max-width:100%;
  height:auto
}
[hidden]:where(:not([hidden=until-found])) {
  display:none
}
.sticky {
  position:sticky
}
.top-0 {
  top:0
}
.top-20 {
  top:5rem
}
.z-10 {
  z-index:10
}
.z-40 {
  z-index:40
}
.mx-auto {
  margin-left:auto;
  margin-right:auto
}
.mb-2 {
  margin-bottom:.5rem
}
.mb-3 {
  margin-bottom:.75rem
}
.mb-4 {
  margin-bottom:1rem
}
.mb-5 {
  margin-bottom:1.25rem
}
.ml-3 {
  margin-left:.75rem
}
.mt-1 {
  margin-top:.25rem
}
.mt-2 {
  margin-top:.5rem
}
.mt-3 {
  margin-top:.75rem
}
.mt-4 {
  margin-top:1rem
}
.mt-5 {
  margin-top:1.25rem
}
.mt-6 {
  margin-top:1.5rem
}
.mt-7 {
  margin-top:1.75rem
}
.block {
  display:block
}
.flex {
  display:flex
}
.inline-flex {
  display:inline-flex
}
.grid {
  display:grid
}
.hidden {
  display:none
}
.h-10 {
  height:2.5rem
}
.h-11 {
  height:2.75rem
}
.h-2\.5 {
  height:.625rem
}
.h-20 {
  height:5rem
}
.h-28 {
  height:7rem
}
.h-48 {
  height:12rem
}
.h-52 {
  height:13rem
}
.h-64 {
  height:16rem
}
.h-9 {
  height:2.25rem
}
.h-\[360px\] {
  height:360px
}
.h-\[calc\(100\%-2\.25rem\)\] {
  height:calc(100% - 2.25rem)
}
.h-\[calc\(100vh-4rem\)\] {
  height:calc(100vh - 4rem)
}
.h-\[calc\(100vh-7\.75rem\)\] {
  height:calc(100vh - 7.75rem)
}
.h-auto {
  height:auto
}
.h-full {
  height:100%
}
.h-px {
  height:1px
}
.min-h-16 {
  min-height:4rem
}
.min-h-24 {
  min-height:6rem
}
.min-h-\[calc\(100vh-4rem\)\] {
  min-height:calc(100vh - 4rem)
}
.min-h-full {
  min-height:100%
}
.min-h-screen {
  min-height:100vh
}
.w-10 {
  width:2.5rem
}
.w-2\.5 {
  width:.625rem
}
.w-9 {
  width:2.25rem
}
.w-full {
  width:100%
}
.w-px {
  width:1px
}
.min-w-0 {
  min-width:0
}
.max-w-2xl {
  max-width:42rem
}
.max-w-4xl {
  max-width:56rem
}
.max-w-6xl {
  max-width:72rem
}
.max-w-\[390px\] {
  max-width:390px
}
.max-w-full {
  max-width:100%
}
.flex-1 {
  flex:1 1 0%
}
.shrink-0 {
  flex-shrink:0
}
.grow {
  flex-grow:1
}
.cursor-pointer {
  cursor:pointer
}
.list-none {
  list-style-type:none
}
.flex-col {
  flex-direction:column
}
.flex-wrap {
  flex-wrap:wrap
}
.items-center {
  align-items:center
}
.justify-start {
  justify-content:flex-start
}
.justify-end {
  justify-content:flex-end
}
.justify-center {
  justify-content:center
}
.justify-between {
  justify-content:space-between
}
.gap-1\.5 {
  gap:.375rem
}
.gap-10 {
  gap:2.5rem
}
.gap-2 {
  gap:.5rem
}
.gap-3 {
  gap:.75rem
}
.gap-4 {
  gap:1rem
}
.gap-5 {
  gap:1.25rem
}
.gap-8 {
  gap:2rem
}
.space-y-1>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.25rem * var(--tw-space-y-reverse))
}
.space-y-1\.5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.375rem * var(--tw-space-y-reverse))
}
.space-y-2>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.5rem * var(--tw-space-y-reverse))
}
.space-y-3>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.75rem * var(--tw-space-y-reverse))
}
.space-y-4>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}
.space-y-5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))
}
.overflow-auto {
  overflow:auto
}
.overflow-hidden,.truncate {
  overflow:hidden
}
.truncate {
  text-overflow:ellipsis
}
.truncate,.whitespace-nowrap {
  white-space:nowrap
}
.rounded-full {
  border-radius:9999px
}
.rounded-lg {
  border-radius:var(--radius)
}
.rounded-md {
  border-radius:calc(var(--radius) - 2px)
}
.border {
  border-width:1px
}
.border-y {
  border-top-width:1px
}
.border-b,.border-y {
  border-bottom-width:1px
}
.border-r {
  border-right-width:1px
}
.border-t {
  border-top-width:1px
}
.border-dashed {
  border-style:dashed
}
.border-input {
  border-color:hsl(var(--input))
}
.border-slate-300 {
  --tw-border-opacity:1;
  border-color:rgb(203 213 225/var(--tw-border-opacity,1))
}
.border-white\/10 {
  border-color:rgb(255 255 255/.1)
}
.bg-\[\#eef2f3\] {
  --tw-bg-opacity:1;
  background-color:rgb(238 242 243/var(--tw-bg-opacity,1))
}
.bg-\[\#f5f7f8\] {
  --tw-bg-opacity:1;
  background-color:rgb(245 247 248/var(--tw-bg-opacity,1))
}
.bg-\[\#f7f3ee\] {
  --tw-bg-opacity:1;
  background-color:rgb(247 243 238/var(--tw-bg-opacity,1))
}
.bg-\[\#fbfcfc\] {
  --tw-bg-opacity:1;
  background-color:rgb(251 252 252/var(--tw-bg-opacity,1))
}
.bg-\[var\(--site-primary\)\] {
  background-color:var(--site-primary)
}
.bg-amber-400 {
  --tw-bg-opacity:1;
  background-color:rgb(251 191 36/var(--tw-bg-opacity,1))
}
.bg-background {
  background-color:hsl(var(--background))
}
.bg-border {
  background-color:hsl(var(--border))
}
.bg-card {
  background-color:hsl(var(--card))
}
.bg-emerald-400 {
  --tw-bg-opacity:1;
  background-color:rgb(52 211 153/var(--tw-bg-opacity,1))
}
.bg-emerald-50 {
  --tw-bg-opacity:1;
  background-color:rgb(236 253 245/var(--tw-bg-opacity,1))
}
.bg-primary {
  background-color:hsl(var(--primary))
}
.bg-red-400 {
  --tw-bg-opacity:1;
  background-color:rgb(248 113 113/var(--tw-bg-opacity,1))
}
.bg-secondary {
  background-color:hsl(var(--secondary))
}
.bg-slate-50 {
  --tw-bg-opacity:1;
  background-color:rgb(248 250 252/var(--tw-bg-opacity,1))
}
.bg-slate-950 {
  --tw-bg-opacity:1;
  background-color:rgb(2 6 23/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)
}
.bg-white\/90 {
  background-color:rgb(255 255 255/.9)
}
.object-cover {
  object-fit:cover
}
.p-1 {
  padding:.25rem
}
.p-3 {
  padding:.75rem
}
.p-4 {
  padding:1rem
}
.p-5 {
  padding:1.25rem
}
.p-6 {
  padding:1.5rem
}
.p-8 {
  padding:2rem
}
.px-3 {
  padding-left:.75rem;
  padding-right:.75rem
}
.px-4 {
  padding-left:1rem;
  padding-right:1rem
}
.px-5 {
  padding-left:1.25rem;
  padding-right:1.25rem
}
.py-1 {
  padding-top:.25rem;
  padding-bottom:.25rem
}
.py-14 {
  padding-top:3.5rem;
  padding-bottom:3.5rem
}
.py-2 {
  padding-top:.5rem;
  padding-bottom:.5rem
}
.py-3 {
  padding-top:.75rem;
  padding-bottom:.75rem
}
.py-4 {
  padding-top:1rem;
  padding-bottom:1rem
}
.py-8 {
  padding-top:2rem;
  padding-bottom:2rem
}
.pb-16 {
  padding-bottom:4rem
}
.pb-2 {
  padding-bottom:.5rem
}
.pt-0 {
  padding-top:0
}
.text-left {
  text-align:left
}
.text-2xl {
  font-size:1.5rem;
  line-height:2rem
}
.text-3xl {
  font-size:1.875rem;
  line-height:2.25rem
}
.text-4xl {
  font-size:2.25rem;
  line-height:2.5rem
}
.text-base {
  font-size:1rem;
  line-height:1.5rem
}
.text-lg {
  font-size:1.125rem;
  line-height:1.75rem
}
.text-sm {
  font-size:.875rem;
  line-height:1.25rem
}
.text-xs {
  font-size:.75rem;
  line-height:1rem
}
.font-bold {
  font-weight:700
}
.font-medium {
  font-weight:500
}
.font-normal {
  font-weight:400
}
.font-semibold {
  font-weight:600
}
.uppercase {
  text-transform:uppercase
}
.leading-6 {
  line-height:1.5rem
}
.leading-7 {
  line-height:1.75rem
}
.leading-none {
  line-height:1
}
.leading-tight {
  line-height:1.25
}
.tracking-normal {
  letter-spacing:0
}
.tracking-wide {
  letter-spacing:.025em
}
.text-\[var\(--site-accent\)\] {
  color:var(--site-accent)
}
.text-\[var\(--site-primary\)\] {
  color:var(--site-primary)
}
.text-card-foreground {
  color:hsl(var(--card-foreground))
}
.text-emerald-900 {
  --tw-text-opacity:1;
  color:rgb(6 78 59/var(--tw-text-opacity,1))
}
.text-foreground {
  color:hsl(var(--foreground))
}
.text-muted-foreground {
  color:hsl(var(--muted-foreground))
}
.text-primary-foreground {
  color:hsl(var(--primary-foreground))
}
.text-secondary-foreground {
  color:hsl(var(--secondary-foreground))
}
.text-slate-400 {
  --tw-text-opacity:1;
  color:rgb(148 163 184/var(--tw-text-opacity,1))
}
.text-slate-500 {
  --tw-text-opacity:1;
  color:rgb(100 116 139/var(--tw-text-opacity,1))
}
.text-slate-600 {
  --tw-text-opacity:1;
  color:rgb(71 85 105/var(--tw-text-opacity,1))
}
.text-slate-900 {
  --tw-text-opacity:1;
  color:rgb(15 23 42/var(--tw-text-opacity,1))
}
.text-slate-950 {
  --tw-text-opacity:1;
  color:rgb(2 6 23/var(--tw-text-opacity,1))
}
.text-white {
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity,1))
}
.text-white\/65 {
  color:rgb(255 255 255/.65)
}
.text-white\/70 {
  color:rgb(255 255 255/.7)
}
.shadow-2xl {
  --tw-shadow:0 25px 50px -12px rgb(0 0 0/0.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)
}
.shadow-2xl,.shadow-sm {
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-sm {
  --tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)
}
.shadow-soft {
  --tw-shadow:0 18px 60px -40px rgb(15 23 42/0.45);
  --tw-shadow-colored:0 18px 60px -40px 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 {
  outline-style:solid
}
.ring-offset-background {
  --tw-ring-offset-color:hsl(var(--background))
}
.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)
}
.backdrop-blur {
  --tw-backdrop-blur:blur(8px)
}
.backdrop-blur,.backdrop-blur-xl {
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-xl {
  --tw-backdrop-blur:blur(24px)
}
.transition-\[grid-template-columns\] {
  transition-property:grid-template-columns;
  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-colors {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  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
}
@keyframes enter {
  0% {
  opacity:var(--tw-enter-opacity,1);
  transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))
}

}
@keyframes exit {
  to {
  opacity:var(--tw-exit-opacity,1);
  transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))
}

}
:root {
  --font-sans:"Segoe UI",Arial,sans-serif;
  --font-serif:Georgia,"Times New Roman",serif
}
@media(min-width:901px) {
  .links .mobile {
  display:none!important
}

}
:root {
  --ink:#173832;
  --green:#1e5146;
  --deep:#133d35;
  --orange:#e76f3d;
  --cream:#f8f4ec;
  --line:#dce4df
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  margin:0;
  color:var(--ink);
  font-family:var(--font-sans),sans-serif
}
.shell {
  width:min(1160px,calc(100% - 40px));
  margin:auto
}
a {
  text-decoration:none;
  color:inherit
}
img {
  display:block;
  max-width:100%
}
svg {
  width:18px
}
.topbar {
  background:var(--deep);
  color:#dbe9e5;
  font-size:12px
}
.topbar-in {
  height:35px;
  display:flex;
  align-items:center;
  gap:28px
}
.topbar a,.topbar span {
  display:flex;
  align-items:center;
  gap:6px
}
.topbar a {
  margin-left:auto;
  color:#ffd59e
}
header {
  height:84px;
  background:#fff;
  position:sticky;
  top:0;
  z-index:30;
  border-bottom:1px solid #edf1ef
}
.nav {
  height:100%
}
.brand,.nav {
  display:flex;
  align-items:center
}
.brand {
  gap:11px
}
.brand img {
  width:65px;
  height:50px;
  object-fit:contain
}
.brand b,.brand small {
  display:block
}
.brand b {
  font-family:var(--font-serif);
  font-size:18px
}
.brand small {
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:1.3px;
  color:#6d7e79;
  margin-top:3px
}
.links {
  display:flex;
  gap:32px;
  margin-left:auto;
  font-size:14px;
  font-weight:600
}
.links a:hover {
  color:var(--orange)
}
.actions {
  display:flex;
  gap:22px;
  margin-left:34px
}
.actions,.button {
  align-items:center;
  font-size:14px;
  font-weight:700
}
.button {
  display:inline-flex!important;
  justify-content:center;
  gap:9px;
  border-radius:6px;
  padding:13px 20px;
  background:var(--orange);
  color:#fff;
  box-shadow:0 8px 22px #e76f3d33;
  transition:.2s
}
.button:hover {
  transform:translateY(-2px)
}
.button.large {
  padding:16px 23px
}
.button.glass {
  border:1px solid #ffffff77;
  background:#ffffff15
}
.button.outline {
  border:1px solid #b7c7c1;
  background:white;
  color:var(--ink);
  box-shadow:none
}
.menu,.mobile {
  display:none
}
.hero {
  height:700px;
  position:relative;
  color:#fff;
  overflow:hidden
}
.hero>img,.shade {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover
}
.shade {
  background:linear-gradient(90deg,#102f2bdd,#153a32a6 50%,#153a3222 80%)
}
.hero-in {
  position:relative;
  height:595px;
  display:flex;
  align-items:center
}
.hero-in>div {
  max-width:670px
}
.eyebrow {
  text-transform:uppercase;
  letter-spacing:2.1px;
  color:var(--orange);
  font-size:12px;
  font-weight:800;
  margin:0 0 20px;
  display:flex;
  align-items:center;
  gap:8px
}
.eyebrow.light {
  color:#ffd7b6
}
.hero h1,.section h2 {
  font-family:var(--font-serif);
  font-weight:500;
  margin:0;
  line-height:1.06
}
.hero h1 {
  font-size:68px
}
.hero h1 em,.section h2 em {
  font-style:italic;
  color:#f49b6f
}
.hero-in>div>p:not(.eyebrow) {
  font-size:18px;
  line-height:1.7;
  color:#eef5f2
}
.hero-btns {
  display:flex;
  gap:13px;
  margin-top:31px
}
.hero-note {
  position:absolute;
  bottom:0;
  width:100%;
  height:105px;
  background:#fff;
  color:var(--ink)
}
.hero-note>.shell {
  height:100%;
  display:flex;
  align-items:center;
  gap:18px
}
.hero-note i {
  height:54px;
  width:54px;
  border-radius:50%;
  background:#fff0e9;
  color:var(--orange);
  display:grid;
  place-items:center
}
.hero-note p {
  font-size:13px;
  line-height:1.5
}
.hero-note b {
  font-size:15px
}
.hero-note a {
  margin-left:auto;
  color:var(--orange);
  font-weight:800;
  font-size:13px
}
.section {
  padding:105px 0
}
.split {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:105px;
  align-items:center
}
.photos {
  position:relative;
  padding:0 66px 70px 0
}
.photo-main {
  height:530px;
  width:100%;
  object-fit:cover;
  border-radius:4px
}
.photo-small {
  position:absolute;
  width:230px;
  height:185px;
  object-fit:cover;
  right:0;
  bottom:0;
  border:10px solid white
}
.stamp {
  position:absolute;
  top:30px;
  right:12px;
  width:125px;
  height:125px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:var(--orange);
  color:#fff;
  font-size:12px
}
.section h2 {
  font-size:50px
}
.copy>p:not(.eyebrow) {
  color:#5e6d68;
  line-height:1.8;
  font-size:15px
}
.checks {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
  margin:26px 0
}
.checks span {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:700
}
.checks svg,.more {
  color:var(--orange)
}
.more {
  font-size:13px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-bottom:1px solid #efb99f;
  padding-bottom:5px
}
.contact,.programs {
  background:var(--cream)
}
.title {
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin-bottom:45px
}
.title>p {
  width:390px;
  color:#687670;
  line-height:1.7;
  font-size:14px
}
.program-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px
}
.program-grid article {
  background:#fff;
  padding:30px 26px;
  min-height:310px;
  position:relative;
  border:1px solid #ecebe5;
  border-radius:5px
}
.program-grid article>span {
  position:absolute;
  right:20px;
  top:20px;
  color:#d0d8d4;
  font-family:var(--font-serif)
}
.program-grid article>svg {
  color:var(--orange);
  width:34px;
  height:34px;
  margin:24px 0 32px
}
.program-grid h3 {
  font-family:var(--font-serif);
  font-size:22px
}
.program-grid p {
  font-size:13px;
  color:#66736f;
  line-height:1.7
}
.donate,.founder {
  background:var(--deep);
  color:#fff
}
.donate-grid,.founder-grid {
  display:grid;
  grid-template-columns:1fr 430px;
  gap:100px;
  align-items:center
}
.donate-grid>div>p:not(.eyebrow),.founder p:not(.eyebrow) {
  color:#c7d5d1;
  line-height:1.8
}
.founder blockquote {
  font-family:var(--font-serif);
  font-size:22px;
  font-style:italic;
  border-left:2px solid var(--orange);
  padding-left:22px;
  margin:30px 0
}
.founder small {
  display:block;
  color:#9fb5ae;
  margin-top:4px
}
.founder-photo {
  position:relative
}
.founder-photo:before {
  content:"";
  position:absolute;
  inset:-25px 25px 25px -25px;
  border:1px solid #ffffff38
}
.founder-photo img {
  height:500px;
  width:100%;
  object-fit:cover;
  position:relative
}
.gallery {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-auto-rows:250px;
  gap:14px
}
.gallery figure {
  margin:0;
  position:relative;
  overflow:hidden
}
.gallery .wide {
  grid-column:span 2
}
.gallery img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.4s
}
.gallery figure:hover img {
  transform:scale(1.04)
}
.gallery figcaption {
  position:absolute;
  inset:auto 0 0;
  padding:30px 18px 16px;
  color:#fff;
  font-size:13px;
  font-weight:700;
  background:linear-gradient(transparent,#122f2bb8)
}
.social {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-top:34px;
  font-size:13px
}
.social-icons {
  display:flex;
  gap:8px
}
.social-icons a {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%
}
.trust {
  padding:32px 0;
  background:#edf5f2
}
.trust>.shell {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px
}
.trust .shell>div {
  display:flex;
  gap:15px;
  align-items:center
}
.trust svg {
  width:38px;
  height:38px;
  color:var(--orange)
}
.trust b,.trust p,.trust small {
  display:block;
  margin:0
}
.trust small {
  font-size:12px;
  color:#64746e
}
.donate-grid {
  grid-template-columns:1fr 1fr
}
.donate-phone {
  display:flex;
  align-items:center;
  gap:9px
}
.donate-phone a {
  font-weight:800
}
.bank {
  background:#fff;
  color:var(--ink);
  padding:30px;
  border-radius:6px;
  box-shadow:0 30px 60px #071a1659
}
.bank-head {
  display:flex;
  gap:14px;
  align-items:center;
  border-bottom:1px solid var(--line);
  padding-bottom:20px
}
.bank-head i {
  width:46px;
  height:46px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff0e9;
  color:var(--orange)
}
.bank-head small {
  text-transform:uppercase;
  letter-spacing:1.5px;
  color:#78857f
}
.bank-head h3 {
  margin:3px 0;
  font-family:var(--font-serif)
}
.bank dl div {
  display:flex;
  justify-content:space-between;
  padding:8px 0;
  font-size:12px
}
.bank dt {
  color:#7b8883
}
.bank dd {
  margin:0;
  font-weight:800;
  text-align:right
}
.receipt {
  background:#eef6f3;
  padding:13px;
  display:flex;
  gap:9px;
  font-size:11px!important;
  color:#567068!important
}
.contact-card {
  background:white;
  padding:55px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  box-shadow:0 20px 50px #193c3212
}
.contact-card>div>p:not(.eyebrow) {
  color:#68756f;
  line-height:1.7
}
.contact-btns {
  display:flex;
  gap:10px;
  margin-top:25px
}
.contact-list>div {
  display:flex;
  gap:15px;
  padding:16px 0;
  border-bottom:1px solid var(--line);
  font-size:13px
}
.contact-list svg {
  color:var(--orange);
  flex:none
}
.contact-list p {
  margin:0
}
.contact-list small {
  display:block;
  text-transform:uppercase;
  letter-spacing:1.5px;
  color:#8b9792;
  font-size:9px
}
footer {
  background:#102f29;
  color:#d3e0dc;
  padding:65px 0 25px
}
.footer-grid {
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1.3fr;
  gap:60px
}
.footer-brand img {
  width:90px;
  filter:brightness(0) invert(1)
}
.footer-brand p {
  font-size:12px;
  line-height:1.7;
  color:#9fb4ae
}
.footer-grid h4 {
  color:#fff;
  font-family:var(--font-serif)
}
.footer-grid>div>a {
  display:block;
  font-size:12px;
  color:#a9bbb6;
  margin:10px 0
}
.footer-grid .social-icons {
  margin-bottom:18px
}
.footer-grid small {
  color:#8fa7a0
}
.copyright {
  border-top:1px solid #ffffff17;
  margin-top:50px;
  padding-top:20px;
  display:flex;
  justify-content:space-between;
  font-size:10px;
  color:#769089
}
@media(max-width:900px) {
  .actions,.links {
  display:none
}
.links.open {
  position:absolute;
  top:84px;
  left:0;
  right:0;
  background:#fff;
  flex-direction:column;
  margin:0;
  padding:25px 20px;
  box-shadow:0 12px 25px #0002
}
.links .mobile,.links.open {
  display:flex
}
.menu {
  display:block;
  margin-left:auto;
  border:0;
  background:none
}
.hero h1 {
  font-size:48px
}
.contact-card,.donate-grid,.founder-grid,.split {
  grid-template-columns:1fr;
  gap:55px
}
.program-grid {
  grid-template-columns:1fr 1fr
}
.footer-grid {
  grid-template-columns:2fr 1fr 1fr
}
.footer-grid>div:last-child {
  grid-column:1/-1
}

}
@media(max-width:600px) {
  .shell {
  width:calc(100% - 28px)
}
.topbar-in {
  justify-content:center
}
.topbar a,.topbar span:nth-child(2) {
  display:none
}
.nav,header {
  height:70px
}
.links.open {
  top:70px
}
.brand img {
  width:52px
}
.brand b {
  font-size:15px
}
.brand small {
  font-size:8px
}
.hero {
  height:650px
}
.hero-in {
  height:525px;
  align-items:flex-start;
  padding-top:80px
}
.hero h1 {
  font-size:42px
}
.hero-in>div>p:not(.eyebrow) {
  font-size:15px
}
.hero-btns {
  flex-direction:column
}
.hero-note {
  height:125px
}
.hero-note a {
  display:none
}
.hero-note p {
  font-size:11px
}
.section {
  padding:65px 0
}
.section h2 {
  font-size:39px
}
.split {
  gap:50px
}
.photos {
  padding-right:35px
}
.photo-main {
  height:420px
}
.photo-small {
  width:170px;
  height:135px
}
.stamp {
  width:100px;
  height:100px;
  right:0;
  font-size:10px
}
.checks {
  grid-template-columns:1fr
}
.title {
  display:block
}
.title>p {
  width:auto;
  margin-top:20px
}
.program-grid {
  grid-template-columns:1fr
}
.program-grid article {
  min-height:auto
}
.founder-photo img {
  height:350px
}
.gallery {
  grid-template-columns:1fr;
  grid-auto-rows:230px
}
.gallery .wide {
  grid-column:auto
}
.trust>.shell {
  grid-template-columns:1fr;
  gap:25px
}
.bank {
  padding:22px 18px
}
.contact-card {
  padding:28px 20px
}
.contact-btns {
  flex-direction:column
}
.footer-grid {
  grid-template-columns:1fr 1fr;
  gap:35px
}
.footer-brand,.footer-grid>div:last-child {
  grid-column:1/-1
}
.copyright {
  display:block;
  line-height:2
}

}
.inner-hero {
  height:520px;
  position:relative;
  color:#fff;
  overflow:hidden
}
.inner-hero>.shade,.inner-hero>img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover
}
.inner-hero>.shade {
  background:linear-gradient(90deg,#102f2be8,#153a32a9 52%,#153a3225 85%)
}
.inner-hero>.shell {
  height:100%;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:1160px
}
.inner-hero h1 {
  font-family:var(--font-serif);
  font-weight:500;
  font-size:64px;
  line-height:1.05;
  max-width:750px;
  margin:0
}
.inner-hero h1 em {
  font-weight:500;
  color:#f49b6f
}
.inner-hero>.shell>p:last-child {
  font-size:17px;
  line-height:1.7;
  max-width:650px;
  color:#e6efec
}
.goal-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}
.goal-grid article {
  position:relative;
  padding:34px;
  background:var(--cream);
  border:1px solid #ece8de;
  border-radius:8px;
  transition:.25s
}
.goal-grid article:hover {
  transform:translateY(-5px);
  box-shadow:0 20px 45px #193c3213
}
.goal-grid article>span {
  position:absolute;
  right:24px;
  color:#c9d2ce;
  font-family:var(--font-serif)
}
.goal-grid svg {
  width:34px;
  height:34px;
  color:var(--orange);
  margin:12px 0 26px
}
.goal-grid h3 {
  font:500 23px var(--font-serif)
}
.goal-grid p {
  font-size:13px;
  line-height:1.75;
  color:#66736f
}
.story-card {
  background:white;
  border-left:3px solid var(--orange);
  padding:42px;
  max-width:760px;
  box-shadow:0 18px 50px #193c3212
}
.story-card>svg {
  color:var(--orange);
  width:34px;
  height:34px
}
.story-card p {
  font:italic 23px/1.6 var(--font-serif);
  color:#425b54
}
.story-card small {
  display:block;
  color:#85918d;
  margin-top:5px
}
.page-cta {
  background:var(--deep);
  color:white;
  padding:70px 0
}
.page-cta>.shell {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:50px
}
.page-cta h2 {
  font:500 42px/1.1 var(--font-serif);
  max-width:680px;
  margin:0
}
.page-cta .eyebrow {
  margin-bottom:14px
}
.page-cta>.shell>div:last-child {
  display:flex;
  align-items:center;
  gap:24px;
  flex:none
}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:800
}
.impact-list {
  display:grid;
  gap:12px;
  margin:30px 0
}
.impact-list span {
  display:flex;
  align-items:center;
  gap:14px;
  background:#f8f4ec;
  padding:15px 18px;
  border-radius:5px
}
.impact-list svg {
  color:var(--orange)
}
.donate-page {
  background:#eef5f2
}
.donate-page .donate-grid {
  color:var(--ink)
}
.donate-page .bank dl div {
  display:flex;
  justify-content:space-between;
  padding:10px 0;
  border-bottom:1px solid var(--line);
  font-size:12px
}
.donate-page .bank dt {
  color:#7b8883
}
.donate-page .bank dd {
  margin:0;
  font-weight:800;
  text-align:right
}
@media(max-width:900px) {
  .inner-hero h1 {
  font-size:50px
}
.goal-grid {
  grid-template-columns:1fr 1fr
}
.page-cta>.shell {
  align-items:flex-start;
  flex-direction:column
}

}
@media(max-width:600px) {
  .inner-hero {
  height:450px
}
.inner-hero h1 {
  font-size:41px
}
.inner-hero>.shell>p:last-child {
  font-size:15px
}
.goal-grid {
  grid-template-columns:1fr
}
.story-card {
  padding:28px 22px
}
.story-card p {
  font-size:20px
}
.page-cta h2 {
  font-size:35px
}
.page-cta>.shell>div:last-child {
  align-items:flex-start;
  flex-direction:column
}
.page-cta {
  padding:55px 0
}

}
.impact-grid {
  grid-template-columns:repeat(4,1fr)
}
.visitor img {
  height:440px;
  width:100%;
  object-fit:cover;
  border-radius:6px
}
.visitor small {
  display:block;
  color:#7a8984;
  margin-top:5px
}
.testimonial {
  max-width:850px!important;
  text-align:center
}
.testimonial>svg {
  width:40px;
  height:40px;
  color:var(--orange)
}
.testimonial p {
  font:italic 27px/1.55 var(--font-serif);
  color:#40564f
}
.testimonial small {
  display:block;
  color:#82918c;
  margin-top:5px
}
.gallery-page {
  grid-auto-rows:300px
}
.enquiry-form {
  background:#fff;
  padding:30px;
  border:1px solid #e6ebe8;
  box-shadow:0 18px 45px #193c3212
}
.enquiry-form label {
  display:grid;
  gap:7px;
  margin-bottom:15px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:1.1px;
  font-weight:800;
  color:#66756f
}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea {
  width:100%;
  border:1px solid #dce4df;
  border-radius:4px;
  padding:13px 14px;
  background:#fbfcfb;
  color:var(--ink);
  font:14px var(--font-sans);
  text-transform:none;
  letter-spacing:0;
  outline:none
}
.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus {
  border-color:var(--orange);
  box-shadow:0 0 0 3px #e76f3d18
}
.form-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px
}
.form-success {
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--green);
  font-size:12px;
  margin-top:15px
}
.form-success svg {
  width:18px
}
.contact-card {
  align-items:start
}
@media(max-width:1000px) {
  .impact-grid {
  grid-template-columns:1fr 1fr
}
.links {
  gap:18px
}
.actions {
  margin-left:20px
}

}
@media(max-width:600px) {
  .impact-grid {
  grid-template-columns:1fr
}
.gallery-page {
  grid-auto-rows:240px
}
.form-row {
  grid-template-columns:1fr
}
.enquiry-form {
  padding:22px 18px
}
.testimonial p {
  font-size:22px
}

}
.verbatim-heading h2 {
  font:500 42px/1.12 var(--font-serif);
  margin:0 0 25px
}
.verbatim-split {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center
}
.verbatim-split>img {
  width:100%;
  height:480px;
  object-fit:cover;
  border-radius:8px
}
.section>.shell>p,.verbatim-split p {
  line-height:1.8;
  color:#5f6f69
}
.certificate-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px
}
.certificate-grid article,.contact-premium article,.criteria article,.vision-grid article {
  background:white;
  padding:28px;
  border:1px solid #e4e9e5;
  border-radius:7px;
  box-shadow:0 16px 40px #193c3210
}
.certificate-grid h3 {
  font:500 19px var(--font-serif)
}
.vision-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px
}
.contact-premium h3,.vision-grid h3 {
  font:500 28px var(--font-serif);
  color:var(--orange)
}
.registration {
  background:#eef5f2;
  border-left:3px solid var(--orange);
  padding:25px;
  line-height:1.9;
  margin:25px 0
}
.verbatim-cards {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px
}
.verbatim-cards article {
  display:grid;
  grid-template-columns:180px 1fr;
  background:#fff;
  border-radius:7px;
  overflow:hidden
}
.verbatim-cards img {
  width:100%;
  height:100%;
  object-fit:cover
}
.verbatim-cards div {
  padding:22px
}
.verbatim-cards h3 {
  font:500 25px var(--font-serif)
}
.verbatim-cards p {
  font-size:13px;
  line-height:1.7;
  color:#61716b
}
.criteria {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin:25px 0 70px
}
.criteria b {
  font:italic 28px var(--font-serif);
  color:var(--orange)
}
.qr {
  width:190px!important;
  height:260px!important;
  object-fit:cover;
  margin:0 auto 20px
}
.contact-premium {
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:18px
}
.contact-premium svg {
  width:34px;
  height:34px;
  color:var(--orange)
}
.program-feature {
  background:var(--deep);
  color:#fff;
  padding:40px;
  border-radius:8px;
  margin:28px 0
}
.program-feature p {
  color:#d4e2dd
}
.program-masonry {
  column-count:3;
  column-gap:16px
}
.program-masonry article {
  break-inside:avoid;
  background:#fff;
  border:1px solid #e4e8e5;
  border-radius:7px;
  overflow:hidden;
  margin-bottom:16px
}
.program-masonry img {
  width:100%;
  max-height:430px;
  object-fit:cover
}
.program-masonry p {
  white-space:pre-line;
  padding:20px;
  line-height:1.65;
  color:#52625c;
  font-size:14px
}
.goal-grid {
  margin-top:35px
}
@media(max-width:900px) {
  .contact-premium,.verbatim-split {
  grid-template-columns:1fr
}
.certificate-grid,.criteria {
  grid-template-columns:1fr 1fr
}
.verbatim-cards {
  grid-template-columns:1fr
}
.program-masonry {
  column-count:2
}

}
@media(max-width:600px) {
  .verbatim-heading h2 {
  font-size:34px
}
.verbatim-split>img {
  height:330px
}
.certificate-grid,.criteria,.verbatim-cards article,.vision-grid {
  grid-template-columns:1fr
}
.verbatim-cards img {
  height:220px
}
.program-masonry {
  column-count:1
}
.program-feature {
  padding:25px 20px
}

}
.premium-donation {
  background:linear-gradient(180deg,#eef5f2,#f9f7f1)
}
.donation-intro {
  display:grid;
  grid-template-columns:1fr auto;
  gap:60px;
  align-items:center;
  margin-bottom:45px
}
.donation-intro p {
  font:22px/1.7 var(--font-serif);
  color:#40574f;
  margin:0
}
.donation-call {
  display:flex;
  align-items:center;
  gap:12px;
  background:var(--orange);
  color:#fff;
  padding:18px 24px;
  border-radius:7px;
  box-shadow:0 14px 32px #e76f3d38;
  font-weight:800
}
.donation-call svg {
  width:22px;
  height:22px
}
.donation-options {
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:24px;
  align-items:stretch
}
.qr-card,.transfer-card {
  background:#fff;
  border:1px solid #e2e8e4;
  border-radius:10px;
  box-shadow:0 25px 65px #193c3217
}
.transfer-card {
  padding:38px
}
.donation-card-title {
  display:flex;
  align-items:center;
  gap:16px;
  border-bottom:1px solid var(--line);
  padding-bottom:25px;
  margin-bottom:18px
}
.donation-card-title>svg {
  width:48px;
  height:48px;
  padding:12px;
  border-radius:50%;
  background:#fff0e9;
  color:var(--orange)
}
.donation-card-title small {
  text-transform:uppercase;
  letter-spacing:1.5px;
  color:#82908b
}
.donation-card-title h2 {
  font:500 27px var(--font-serif);
  margin:4px 0
}
.transfer-card dl div {
  display:grid;
  grid-template-columns:150px 1fr;
  gap:20px;
  padding:13px 0;
  border-bottom:1px solid #edf0ee
}
.transfer-card dt {
  color:#7a8883;
  font-size:13px
}
.transfer-card dd {
  margin:0;
  font-weight:800;
  text-align:right
}
.qr-card {
  padding:22px;
  display:grid;
  place-items:center
}
.qr-card img {
  width:100%;
  max-height:430px;
  object-fit:contain
}
.donation-notes {
  background:var(--deep);
  color:#fff
}
.note-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px
}
.note-grid article {
  padding:35px;
  border:1px solid #ffffff26;
  border-radius:8px;
  background:#ffffff08
}
.note-grid svg {
  width:34px;
  height:34px;
  color:#f49b6f
}
.note-grid h2 {
  font:500 30px var(--font-serif)
}
.note-grid p {
  color:#cfddd8;
  line-height:1.8
}
.map-embed {
  margin-top:30px
}
.map-embed iframe {
  display:block;
  width:100%;
  height:480px;
  border-radius:10px!important;
  box-shadow:0 24px 60px #193c3224
}
@media(max-width:800px) {
  .donation-intro,.donation-options,.note-grid {
  grid-template-columns:1fr
}
.donation-call {
  justify-self:start
}
.transfer-card {
  padding:26px
}
.map-embed iframe {
  height:400px
}

}
@media(max-width:500px) {
  .donation-intro p {
  font-size:19px
}
.transfer-card dl div {
  grid-template-columns:1fr;
  gap:5px
}
.transfer-card dd {
  text-align:left
}
.donation-card-title h2 {
  font-size:21px
}
.map-embed iframe {
  height:330px
}

}
.home-hero {
  min-height:760px;
  position:relative;
  color:#fff;
  overflow:hidden
}
.home-hero>.shade,.home-hero>img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover
}
.home-hero>.shade {
  background:linear-gradient(90deg,#0e3029ed,#123a31b5 55%,#123a3129 90%)
}
.home-hero-copy {
  position:relative;
  padding:105px 0;
  display:flex;
  min-height:760px;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start
}
.home-hero h1 {
  font:500 68px/1.03 var(--font-serif);
  max-width:760px;
  margin:0
}
.home-hero-copy>p:not(.eyebrow) {
  font-size:19px;
  line-height:1.7;
  max-width:650px
}
.hero-contact {
  display:grid;
  gap:10px;
  margin:18px 0 28px
}
.hero-contact a {
  display:flex;
  align-items:flex-start;
  gap:9px;
  font-size:13px
}
.hero-contact a span {
  max-width:540px
}
.hero-contact svg {
  color:#f49b6f;
  flex:none
}
.feature-split,.home-about,.testimonial-layout,.visitor-feature {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center
}
.feature-split>img {
  width:100%;
  height:560px;
  object-fit:cover;
  border-radius:8px
}
.feature-split h2,.why-head h2 {
  font:500 49px/1.08 var(--font-serif)
}
.feature-split p {
  line-height:1.7;
  color:#5d6e68
}
.source-actions {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  margin-top:25px
}
.source-actions>a:not(.button) {
  color:var(--orange);
  font-size:13px;
  font-weight:800
}
.home-collage {
  position:relative;
  padding:0 55px 60px 0
}
.home-collage>img:first-child {
  width:100%;
  height:540px;
  object-fit:cover;
  border-radius:8px
}
.home-collage>img:last-child {
  position:absolute;
  right:0;
  bottom:0;
  width:260px;
  height:190px;
  object-fit:cover;
  border:10px solid var(--cream);
  border-radius:5px
}
.home-about>div:last-child p {
  line-height:1.8;
  color:#62716c
}
.visitor-images {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px
}
.visitor-images img {
  width:100%;
  height:440px;
  object-fit:cover
}
.visitor-feature p {
  font:22px/1.7 var(--font-serif);
  color:#d5e1dd
}
.visitor-logo {
  width:80px;
  margin-bottom:20px
}
.signature,.visitor-logo {
  filter:brightness(0) invert(1)
}
.signature {
  width:130px;
  margin-top:20px
}
.home-life-gallery {
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  grid-auto-rows:230px;
  gap:12px;
  margin:35px 0
}
.home-life-gallery img {
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:5px
}
.home-life-gallery img:first-child {
  grid-row:span 2
}
.why-head {
  display:grid;
  grid-template-columns:1fr 400px;
  gap:50px;
  align-items:center
}
.why-head img {
  width:100%;
  height:280px;
  object-fit:cover;
  border-radius:7px
}
.why-donate>.shell>p {
  max-width:900px
}
.testimonial-home {
  background:#fff
}
.testimonial-layout>img {
  width:100%;
  height:460px;
  object-fit:cover;
  border-radius:8px
}
.testimonial-layout>div>p:not(.eyebrow) {
  font:italic 25px/1.6 var(--font-serif);
  color:#42564f
}
@media(max-width:900px) {
  .home-hero h1 {
  font-size:52px
}
.feature-split,.home-about,.testimonial-layout,.visitor-feature,.why-head {
  grid-template-columns:1fr
}
.home-life-gallery {
  grid-template-columns:1fr 1fr
}
.home-life-gallery img:first-child {
  grid-row:auto
}
.visitor-images img {
  height:380px
}

}
@media(max-width:600px) {
  .home-hero,.home-hero-copy {
  min-height:680px
}
.home-hero-copy {
  padding:75px 0
}
.home-hero h1 {
  font-size:43px
}
.home-hero-copy>p:not(.eyebrow) {
  font-size:16px
}
.feature-split>img {
  height:380px
}
.feature-split h2,.why-head h2 {
  font-size:38px
}
.home-collage>img:first-child {
  height:440px
}
.home-collage>img:last-child {
  width:180px;
  height:135px
}
.visitor-images {
  grid-template-columns:1fr
}
.visitor-images img {
  height:350px
}
.home-life-gallery {
  grid-template-columns:1fr;
  grid-auto-rows:260px
}
.why-head img {
  height:230px
}
.testimonial-layout>img {
  height:340px
}

}
.certificate-images article {
  padding:0;
  overflow:hidden
}
.certificate-images img {
  width:100%;
  height:240px;
  object-fit:cover;
  background:#fff
}
.certificate-images h3 {
  padding:0 20px 18px
}
.principle-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:55px
}
.principle-grid article {
  border:1px solid #ffffff24;
  background:#ffffff08;
  padding:25px;
  border-radius:7px
}
.principle-grid h3 {
  font:500 22px var(--font-serif);
  color:#f49b6f
}
.principle-grid p {
  font-size:13px;
  line-height:1.7;
  color:#c8d7d2
}
.registration-image {
  width:100%;
  max-width:830px;
  max-height:460px;
  object-fit:contain;
  margin:0 auto 30px
}
.donation-visit,.objectives {
  margin:25px 0 70px
}
.donation-visit>img,.objectives>img {
  height:390px
}
.objectives ul {
  line-height:1.9;
  color:#52645d
}
@media(max-width:900px) {
  .principle-grid {
  grid-template-columns:1fr 1fr
}

}
@media(max-width:600px) {
  .principle-grid {
  grid-template-columns:1fr
}
.certificate-images img {
  height:300px
}
.donation-visit>img,.objectives>img {
  height:320px
}

}
.visitor-images {
  grid-template-columns:1fr
}
.visitor-images img:first-child {
  display:none
}
.visitor-images img:last-child {
  height:520px
}
.home-life-gallery:before {
  content:"";
  display:block;
  width:100%;
  height:100%;
  min-height:230px;
  background:url(../images/2024/07/2.png) 50%/cover no-repeat;
  border-radius:5px;
  grid-row:span 2
}
.why-donate {
  padding-top:115px;
  padding-bottom:115px
}
.why-donate>.shell {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  row-gap:0
}
.why-donate .why-head {
  margin-bottom:34px
}
.why-donate>.shell>p {
  max-width:920px;
  margin:0 0 22px;
  font-size:15px;
  line-height:1.85
}
.why-donate>.shell>ul {
  display:flex;
  flex-wrap:wrap;
  gap:10px 24px;
  margin:0 0 28px;
  padding:0;
  list-style:none
}
.why-donate>.shell>ul li {
  position:relative;
  padding-left:18px;
  font-size:13px;
  font-weight:700;
  color:#53665f
}
.why-donate>.shell>ul li:before {
  content:"";
  position:absolute;
  left:0;
  top:.45em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--orange)
}
.why-donate>.shell>.button {
  justify-self:start
}
.why-donate .goal-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin-top:54px;
  align-items:stretch
}
.why-donate .goal-grid article {
  display:flex;
  min-height:245px;
  height:100%;
  flex-direction:column;
  justify-content:flex-start;
  padding:38px 36px;
  background:#fff;
  border:1px solid #e4e9e5;
  border-radius:10px;
  box-shadow:0 18px 44px #193c3210
}
.why-donate .goal-grid article:hover {
  border-color:#e7bca6;
  box-shadow:0 24px 55px #193c3218
}
.why-donate .goal-grid h3 {
  margin:0 0 16px;
  font-size:26px;
  line-height:1.2;
  color:var(--ink)
}
.why-donate .goal-grid p {
  margin:0;
  font-size:14px;
  line-height:1.8;
  color:#61716b
}
@media(max-width:700px) {
  .why-donate {
  padding-top:75px;
  padding-bottom:75px
}
.why-donate .goal-grid {
  grid-template-columns:1fr;
  gap:16px;
  margin-top:40px
}
.why-donate .goal-grid article {
  min-height:0;
  padding:28px 24px
}
.why-donate .goal-grid h3 {
  font-size:23px
}
.why-donate>.shell>ul {
  display:grid;
  gap:10px
}
.visitor-images img:last-child {
  height:400px
}
.home-life-gallery:before {
  grid-row:auto;
  min-height:320px
}

}
.life-section button.button {
  display:none!important
}
.program-feature {
  display:grid;
  grid-template-columns:300px 1fr;
  gap:34px;
  align-items:center
}
.program-feature>img {
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:6px
}
.program-feature h2 {
  font:500 34px/1.15 var(--font-serif);
  margin-top:0
}
.program-masonry video {
  display:block;
  width:100%;
  max-height:430px;
  aspect-ratio:1/1;
  object-fit:cover;
  background:#0d2e28
}
.program-masonry article>img {
  aspect-ratio:1/1
}
.program-masonry article>p {
  margin:0
}
@media(max-width:700px) {
  .program-feature {
  grid-template-columns:1fr;
  padding:24px
}
.program-feature>img {
  max-width:320px
}
.program-feature h2 {
  font-size:29px
}

}
.contact-premium article:first-child .button {
  display:none
}
body {
  overflow-x:hidden
}
.button,.certificate-grid article,.contact-premium article,.goal-grid article,.links a,.menu,.program-masonry article,.qr-card,.social-icons a,.transfer-card,.verbatim-cards article {
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,color .28s ease,background-color .28s ease
}
.button:active {
  transform:translateY(0) scale(.98)
}
.social-icons a:hover {
  transform:translateY(-3px);
  border-color:var(--orange);
  color:var(--orange)
}
.certificate-grid article:hover,.contact-premium article:hover,.goal-grid article:hover,.program-masonry article:hover,.verbatim-cards article:hover {
  transform:translateY(-5px);
  box-shadow:0 22px 50px #193c3217
}
.feature-split>img,.home-collage img,.home-hero>img,.inner-hero>img,.testimonial-layout>img,.verbatim-split>img {
  transition:transform .8s cubic-bezier(.2,.7,.2,1)
}
.home-hero:hover>img,.inner-hero:hover>img {
  transform:scale(1.025)
}
main>section {
  animation:section-in .7s ease both
}
main>section:nth-of-type(2) {
  animation-delay:.06s
}
main>section:nth-of-type(3) {
  animation-delay:.12s
}
@keyframes section-in {
  0% {
  opacity:0;
  transform:translateY(18px)
}
to {
  opacity:1;
  transform:none
}

}
@media(max-width:1100px) {
  .shell {
  width:min(100% - 40px,960px)
}
.actions,.links {
  display:none
}
.links.open {
  display:flex;
  position:absolute;
  top:84px;
  left:0;
  right:0;
  z-index:50;
  flex-direction:column;
  gap:0;
  margin:0;
  padding:14px 20px 22px;
  background:#fff;
  box-shadow:0 18px 35px #102f2924
}
.links.open a {
  width:100%;
  padding:13px 4px;
  border-bottom:1px solid #edf0ee
}
.links .mobile {
  display:flex!important
}
.menu {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin-left:auto;
  border:0;
  border-radius:50%;
  background:#f7f8f6;
  color:var(--ink);
  cursor:pointer
}
.feature-split,.home-about,.testimonial-layout,.verbatim-split,.visitor-feature {
  gap:45px
}
.section {
  padding:85px 0
}
.contact-premium {
  grid-template-columns:1fr 1fr
}
.contact-premium article:first-child {
  grid-column:1/-1
}
.program-masonry {
  column-count:2
}
.certificate-grid {
  grid-template-columns:repeat(3,1fr)
}
.principle-grid {
  grid-template-columns:1fr 1fr
}
.footer-grid {
  gap:35px
}
.home-hero h1 {
  font-size:58px
}
.inner-hero h1 {
  font-size:54px
}

}
@media(max-width:768px) {
  .shell {
  width:calc(100% - 32px)
}
.topbar {
  display:none
}
.nav,header {
  height:72px
}
.links.open {
  top:72px
}
.brand img {
  width:54px;
  height:46px
}
.brand b {
  font-size:16px
}
.brand small {
  font-size:8px;
  letter-spacing:1px
}
.section {
  padding:64px 0
}
.section h2,.verbatim-heading h2 {
  font-size:38px
}
.home-hero,.home-hero-copy {
  min-height:640px
}
.home-hero-copy {
  padding:75px 0
}
.home-hero h1 {
  font-size:45px
}
.inner-hero {
  height:430px
}
.inner-hero h1 {
  font-size:42px
}
.donation-intro,.donation-options,.feature-split,.home-about,.note-grid,.testimonial-layout,.verbatim-split,.visitor-feature {
  grid-template-columns:1fr
}
.feature-split>img,.verbatim-split>img {
  height:380px
}
.certificate-grid,.contact-premium,.criteria,.goal-grid,.principle-grid,.vision-grid,.why-donate .goal-grid {
  grid-template-columns:1fr
}
.contact-premium article:first-child {
  grid-column:auto
}
.program-masonry {
  column-count:1
}
.program-feature {
  grid-template-columns:1fr
}
.footer-grid {
  grid-template-columns:1fr 1fr
}
.footer-brand,.footer-grid>div:last-child {
  grid-column:1/-1
}
.page-cta>.shell {
  flex-direction:column;
  align-items:flex-start
}
.page-cta h2 {
  font-size:35px
}
.map-embed iframe {
  height:380px
}
.home-life-gallery {
  grid-template-columns:1fr 1fr;
  grid-auto-rows:220px
}
.why-head {
  grid-template-columns:1fr
}
.why-head img {
  height:260px
}
.donation-card-title {
  align-items:flex-start
}
.transfer-card {
  padding:28px
}
.visitor-images img:last-child {
  height:430px
}

}
@media(max-width:480px) {
  .shell {
  width:calc(100% - 24px)
}
.brand small {
  display:none
}
.brand b {
  font-size:15px
}
.section {
  padding:54px 0
}
.section h2,.verbatim-heading h2 {
  font-size:33px
}
.eyebrow {
  font-size:10px;
  letter-spacing:1.7px;
  margin-bottom:14px
}
.home-hero,.home-hero-copy {
  min-height:610px
}
.home-hero h1 {
  font-size:39px
}
.home-hero-copy>p:not(.eyebrow) {
  font-size:15px
}
.hero-contact a {
  font-size:12px
}
.inner-hero {
  height:390px
}
.inner-hero h1 {
  font-size:36px
}
.button {
  min-height:44px;
  padding:12px 18px
}
.feature-split>img,.verbatim-split>img {
  height:310px
}
.home-collage {
  padding-right:28px
}
.home-collage>img:first-child {
  height:390px
}
.home-collage>img:last-child {
  width:155px;
  height:120px
}
.home-life-gallery {
  grid-template-columns:1fr;
  grid-auto-rows:250px
}
.home-life-gallery:before {
  min-height:300px
}
.goal-grid article,.why-donate .goal-grid article {
  padding:26px 22px
}
.why-donate .goal-grid h3 {
  font-size:22px
}
.program-feature {
  padding:20px
}
.program-masonry p {
  padding:17px
}
.certificate-images img {
  height:270px
}
.contact-premium article {
  padding:24px
}
.map-embed iframe {
  height:310px
}
.donation-call {
  width:100%;
  justify-content:center
}
.transfer-card {
  padding:22px
}
.donation-card-title h2 {
  font-size:20px;
  overflow-wrap:anywhere
}
.transfer-card dl div {
  grid-template-columns:1fr;
  gap:5px
}
.transfer-card dd {
  text-align:left;
  overflow-wrap:anywhere
}
.note-grid article {
  padding:26px 22px
}
.footer-grid {
  grid-template-columns:1fr
}
.footer-brand,.footer-grid>div:last-child {
  grid-column:auto
}
.copyright {
  display:block;
  line-height:1.8
}
.page-cta {
  padding:50px 0
}
.page-cta h2 {
  font-size:31px
}

}
@media(hover:none) {
  .button:hover,.certificate-grid article:hover,.contact-premium article:hover,.goal-grid article:hover,.program-masonry article:hover,.verbatim-cards article:hover {
  transform:none
}

}
@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto
}
*,:after,:before {
  animation-duration:.01ms!important;
  animation-iteration-count:1!important;
  transition-duration:.01ms!important
}

}
.whatsapp-float {
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:90;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:56px;
  padding:0 19px;
  border:3px solid #fff;
  border-radius:999px;
  background:#20b95a;
  color:#fff;
  font-size:14px;
  font-weight:800;
  box-shadow:0 14px 38px #0a39244a;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease
}
.whatsapp-float svg {
  width:25px;
  height:25px
}
.whatsapp-float:hover {
  transform:translateY(-4px);
  background:#169e4a;
  box-shadow:0 20px 45px #0a39245c
}
.whatsapp-float:focus-visible {
  outline:3px solid #102f29;
  outline-offset:3px
}
@media(max-width:600px) {
  .whatsapp-float {
  right:14px;
  bottom:14px;
  width:56px;
  height:56px;
  min-height:56px;
  padding:0;
  justify-content:center
}
.whatsapp-float span {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap
}

}
@media(hover:hover) {
  .links>a {
  position:relative
}
.links>a:not(.button):after {
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-8px;
  height:2px;
  background:var(--orange);
  transition:right .25s ease
}
.links>a:not(.button):hover:after {
  right:0
}
.brand img {
  transition:transform .3s ease
}
.brand:hover img {
  transform:rotate(-4deg) scale(1.06)
}
.brand b {
  transition:color .25s ease
}
.brand:hover b {
  color:var(--orange)
}
.footer-grid>div>a,.source-actions>a:not(.button),.text-link {
  transition:color .22s ease,transform .22s ease
}
.footer-grid>div>a:hover,.source-actions>a:not(.button):hover,.text-link:hover {
  color:#f49b6f;
  transform:translateX(4px)
}
.certificate-images img,.feature-split>img,.home-collage img,.home-life-gallery img,.program-masonry img,.testimonial-layout>img,.verbatim-cards img,.verbatim-split>img,.visitor-images img,.why-head img {
  transition:transform .45s ease,filter .45s ease
}
.certificate-images article:hover img,.feature-split>img:hover,.home-collage img:hover,.home-life-gallery img:hover,.program-masonry article:hover img,.testimonial-layout>img:hover,.verbatim-cards article:hover img,.verbatim-split>img:hover,.visitor-images img:hover,.why-head img:hover {
  transform:scale(1.025);
  filter:saturate(1.05)
}
.criteria article,.note-grid article,.principle-grid article {
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease
}
.criteria article:hover,.note-grid article:hover,.principle-grid article:hover {
  transform:translateY(-4px);
  border-color:#e7a584;
  box-shadow:0 18px 38px #193c3217
}
.donation-call {
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease
}
.donation-call:hover {
  transform:translateY(-3px);
  background:#d95f30;
  box-shadow:0 18px 38px #e76f3d4a
}
.contact-premium article svg,.goal-grid article svg {
  transition:transform .25s ease
}
.contact-premium article:hover svg,.goal-grid article:hover svg {
  transform:scale(1.12) rotate(-4deg)
}
.social-icons a:hover svg {
  transform:scale(1.08)
}

}
.donation-visit {
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:60px;
  align-items:start;
  margin-top:30px
}
.donation-visit>div {
  padding:34px 36px;
  background:var(--cream);
  border-left:3px solid var(--orange);
  border-radius:0 8px 8px 0
}
.donation-visit>div p {
  margin:0 0 24px;
  font-size:16px;
  line-height:1.85
}
.donation-visit>img {
  width:100%;
  height:390px;
  object-fit:cover;
  object-position:center;
  border-radius:8px
}
.donation-visit+.verbatim-heading {
  margin-top:90px
}
@media(max-width:900px) {
  .donation-visit {
  grid-template-columns:1fr;
  gap:24px
}
.donation-visit>img {
  height:420px
}
.donation-visit+.verbatim-heading {
  margin-top:65px
}

}
@media(max-width:520px) {
  .donation-visit>div {
  padding:25px 22px
}
.donation-visit>div p {
  font-size:15px
}
.donation-visit>img {
  height:300px
}
.donation-visit+.verbatim-heading {
  margin-top:50px
}

}
.file\:border-0::file-selector-button {
  border-width:0
}
.file\:bg-transparent::file-selector-button {
  background-color:transparent
}
.file\:text-sm::file-selector-button {
  font-size:.875rem;
  line-height:1.25rem
}
.file\:font-medium::file-selector-button {
  font-weight:500
}
.placeholder\:text-muted-foreground::placeholder {
  color:hsl(var(--muted-foreground))
}
.hover\:bg-muted:hover {
  background-color:hsl(var(--muted))
}
.hover\:bg-primary\/90:hover {
  background-color:hsl(var(--primary)/.9)
}
.hover\:bg-secondary\/80:hover {
  background-color:hsl(var(--secondary)/.8)
}
.hover\:bg-slate-900:hover {
  --tw-bg-opacity:1;
  background-color:rgb(15 23 42/var(--tw-bg-opacity,1))
}
.hover\:text-foreground:hover {
  color:hsl(var(--foreground))
}
.hover\:text-white:hover {
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity,1))
}
.focus-visible\:outline-none:focus-visible {
  outline:2px solid transparent;
  outline-offset:2px
}
.focus-visible\:ring-2:focus-visible {
  --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(2px + 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)
}
.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color:hsl(var(--ring))
}
.disabled\:pointer-events-none:disabled {
  pointer-events:none
}
.disabled\:cursor-not-allowed:disabled {
  cursor:not-allowed
}
.disabled\:opacity-50:disabled {
  opacity:.5
}
.group[open] .group-open\:rotate-180 {
  --tw-rotate:180deg;
  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))
}
.peer:disabled~.peer-disabled\:cursor-not-allowed {
  cursor:not-allowed
}
.peer:disabled~.peer-disabled\:opacity-70 {
  opacity:.7
}
@media (min-width:640px) {
  .sm\:grid-cols-2 {
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.sm\:grid-cols-3 {
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.sm\:flex-row {
  flex-direction:row
}
.sm\:items-end {
  align-items:flex-end
}
.sm\:p-4 {
  padding:1rem
}
.sm\:p-6 {
  padding:1.5rem
}
.sm\:text-base {
  font-size:1rem;
  line-height:1.5rem
}

}
@media (min-width:768px) {
  .md\:block {
  display:block
}
.md\:flex {
  display:flex
}
.md\:hidden {
  display:none
}
.md\:grid-cols-3 {
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.md\:grid-cols-\[0\.85fr_1\.15fr\] {
  grid-template-columns:.85fr 1.15fr
}
.md\:grid-cols-\[0\.9fr_1\.1fr\] {
  grid-template-columns:.9fr 1.1fr
}
.md\:grid-cols-\[1fr_0\.95fr\] {
  grid-template-columns:1fr .95fr
}
.md\:flex-row {
  flex-direction:row
}
.md\:items-start {
  align-items:flex-start
}
.md\:items-center {
  align-items:center
}
.md\:p-10 {
  padding:2.5rem
}
.md\:py-20 {
  padding-top:5rem;
  padding-bottom:5rem
}
.md\:text-6xl {
  font-size:3.75rem;
  line-height:1
}

}
@media (min-width:1024px) {
  .lg\:sticky {
  position:sticky
}
.lg\:top-16 {
  top:4rem
}
.lg\:h-\[calc\(100vh-4rem\)\] {
  height:calc(100vh - 4rem)
}
.lg\:grid-cols-\[260px_minmax\(430px\2c 1fr\)_minmax\(430px\2c 0\.92fr\)\] {
  grid-template-columns:260px minmax(430px,1fr) minmax(430px,.92fr)
}
.lg\:grid-cols-\[minmax\(430px\2c 1fr\)_minmax\(430px\2c 0\.92fr\)\] {
  grid-template-columns:minmax(430px,1fr) minmax(430px,.92fr)
}
.lg\:px-5 {
  padding-left:1.25rem;
  padding-right:1.25rem
}

}
@media (min-width:1280px) {
  .xl\:grid-cols-4 {
  grid-template-columns:repeat(4,minmax(0,1fr))
}

}