/* Display preferences 1.0.0: Hope58's color, type and motion mapping. */
:root{
  --display-scale:1;
  --display-surface:#ffffff;
  --display-surface-soft:#eef7f9;
  --display-ink:#101010;
  --display-muted:#3a3a3a;
  --display-border:#68757b;
  --display-button:#2a5764;
  --display-button-hover:#1b4150;
  --display-on-button:#ffffff;
  --display-focus:#993702;
  --display-radius:0.75rem;
  --display-gap:0.75rem;
  --display-pad:1rem;
  --display-small:0.875rem;
  --display-body:1rem;
  --display-title:1.2rem;
  --display-target:2.75rem;
  --display-panel-width:23rem;
  --display-shadow:0 0.5rem 2rem rgba(0,0,0,0.22);
}
:root[data-display-text="larger"]{--display-scale:1.25}
:root[data-display-text="largest"]{--display-scale:1.5}

.display-preferences{--display-bottom:max(1rem,env(safe-area-inset-bottom));position:fixed;inset:auto auto var(--display-bottom) max(1rem,env(safe-area-inset-left));display:flex;flex-direction:column-reverse;align-items:flex-start;gap:0.5rem;z-index:2147483638;max-width:calc(100% - 2rem);font-family:'Inter','Segoe UI',sans-serif;color:var(--display-ink)}
.display-preferences [hidden]{display:none!important}
.display-launcher,.display-panel button,.display-panel select{font:inherit;font-size:var(--display-body);min-height:var(--display-target);border:1px solid var(--display-border);border-radius:var(--display-radius);padding:0.5rem 0.75rem;cursor:pointer}
.display-launcher{display:grid;place-items:center;flex:none;width:3.5rem;height:3.5rem;padding:0.65rem;border-radius:50%;background:var(--display-button);color:var(--display-on-button);box-shadow:var(--display-shadow)}
.display-launcher svg{display:block;width:100%;height:100%;pointer-events:none}
.display-launcher:hover{background:var(--display-button-hover)}
.display-panel{position:relative;width:var(--display-panel-width);max-width:100%;max-height:calc(100dvh - var(--display-bottom) - 5rem);overflow-y:auto;overscroll-behavior:contain;padding:var(--display-pad);border:1px solid var(--display-border);border-radius:var(--display-radius);background:var(--display-surface);box-shadow:var(--display-shadow)}
.display-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--display-gap);margin-bottom:var(--display-pad)}
.display-heading h2{font:700 var(--display-title)/1.35 'Fraunces',serif;margin:0;color:var(--display-ink)}
.display-panel button{color:var(--display-ink);background:var(--display-surface-soft)}
.display-panel button:hover{text-decoration:underline}
.display-field{display:grid;gap:0.375rem;margin-bottom:var(--display-gap)}
.display-field label{font-weight:700}
.display-panel select{width:100%;color:var(--display-ink);background:var(--display-surface)}
.display-check{display:flex;align-items:start;gap:var(--display-gap);min-height:var(--display-target);padding:0.5rem 0;cursor:pointer;line-height:1.5}
.display-check input{flex:0 0 auto;width:1.25rem;height:1.25rem;margin-top:0.15rem;accent-color:var(--display-button)}
.display-panel p{font-size:var(--display-small);line-height:1.55;color:var(--display-muted);margin:0.5rem 0 1rem}
.display-panel #display-status{margin-bottom:0}
.display-preferences :focus-visible{outline:3px solid var(--display-focus);outline-offset:3px}

html[data-display-motion="stop"]{scroll-behavior:auto}
html[data-display-motion="stop"] *,html[data-display-motion="stop"] *::before,html[data-display-motion="stop"] *::after{scroll-behavior:auto!important}
html[data-display-motion="stop"] :is(.hero .slide,.hero .slide img,.page-hero.has-image .bg img,.gh,.gh-media img){animation:none!important;transition:none!important}
html[data-display-motion="stop"] .hero .slide{opacity:0}
html[data-display-motion="stop"] .hero .slide:first-child{opacity:1}
html[data-display-motion="stop"] .go-heart.reveal .gh{opacity:1;transform:none}

@media (forced-colors:none){
  :root[data-display-theme="dark"]{color-scheme:dark;--paper:#101a1d;--cream:#17282d;--sky:#14262b;--teal:#b9e4e9;--teal-dk:#0b1518;--gold:#ffd079;--gold-hover:#ffe1a8;--orange:#ffd079;--burnt:#ffbf7a;--ink:#f4fbfc;--ink-soft:#d4e4e7;--line:#60777d}
  :root[data-display-theme="dark"] .site-header,:root[data-display-theme="dark"] .mobile-nav,:root[data-display-theme="dark"] .primary-nav .submenu,:root[data-display-theme="dark"] .prog-card,:root[data-display-theme="dark"] .impact-card,:root[data-display-theme="dark"] .value-card,:root[data-display-theme="dark"] .benefit,:root[data-display-theme="dark"] .give-card,:root[data-display-theme="dark"] .u-news-card,:root[data-display-theme="dark"] .news-signup .card,:root[data-display-theme="dark"] .event-card,:root[data-display-theme="dark"] .events-empty,:root[data-display-theme="dark"] .go-way,:root[data-display-theme="dark"] .contact-form input,:root[data-display-theme="dark"] .contact-form textarea,:root[data-display-theme="dark"] .news-signup input,:root[data-display-theme="dark"] .events-empty input{background:var(--paper)}
  :root[data-display-theme="dark"] .site-header{background:rgba(16,26,29,0.97)}
  :root[data-display-theme="dark"] .site-footer .newsletter input{background:rgba(255,255,255,0.08)}
  :root[data-display-theme="dark"] .skip:focus{background:#000;color:#fff}
}
@media (max-width:680px){.display-preferences{--display-bottom:max(1rem,env(safe-area-inset-bottom));left:max(0.5rem,env(safe-area-inset-left));max-width:calc(100% - 1rem)}}
@media (max-height:35rem){.display-preferences{--display-bottom:max(0.5rem,env(safe-area-inset-bottom));flex-direction:column;max-height:calc(100dvh - 1rem);overflow-y:auto;overscroll-behavior:contain;padding:4px}.display-panel{flex:none;max-height:none;overflow:visible}}
@media (forced-colors:active){.display-preferences,.display-preferences *{forced-color-adjust:auto}.display-launcher,.display-panel,.display-panel button,.display-panel select{background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none}.display-preferences :focus-visible{outline-color:Highlight}}
@media print{.display-preferences{display:none}}