@layer base,components,utility;@layer base{@font-face{font-family:Holyfat;src:url(/wp-content/themes/lanarkshire-bespoke/assets/fonts/Holyfat.woff2) format("woff2");font-display:block;font-weight:700}@font-face{font-family:Stolzl;src:url(/wp-content/themes/lanarkshire-bespoke/assets/fonts/Stolzl-Book.woff2) format("woff2");font-display:swap;font-weight:300}@font-face{font-family:Stolzl;src:url(/wp-content/themes/lanarkshire-bespoke/assets/fonts/Stolzl-Regular.woff2) format("woff2");font-display:swap;font-weight:400}@font-face{font-family:Stolzl;src:url(/wp-content/themes/lanarkshire-bespoke/assets/fonts/Stolzl-Bold.woff2) format("woff2");font-display:swap;font-weight:700}}@layer base{:root{--color-white: 255 255 255;--color-black: 0 0 0;--color-yellow: 245 194 66;--color-light-yellow: 255 249 182;--color-green: 35 72 68;--color-dark-green: 17 36 34}:root{--__max: 1440;--__rem: .0625rem;--__fluid: calc((100vi - 400 * var(--__rem)) / (var(--__max) - 400));--font-size-1: .875rem ;--font-size-2: clamp( calc(15 * var(--__rem)), calc(15 * var(--__rem) + (20 - 15) * var(--__fluid)), calc(20 * var(--__rem)) );--font-size-3: clamp( calc(20 * var(--__rem)), calc(20 * var(--__rem) + (25 - 20) * var(--__fluid)), calc(25 * var(--__rem)) );--font-size-4: clamp( calc(20 * var(--__rem)), calc(20 * var(--__rem) + (40 - 20) * var(--__fluid)), calc(40 * var(--__rem)) );--font-size-5: clamp( calc(30 * var(--__rem)), calc(30 * var(--__rem) + (75 - 30) * var(--__fluid)), calc(75 * var(--__rem)) );--font-size-6: clamp( calc(60 * var(--__rem)), calc(60 * var(--__rem) + (160 - 60) * var(--__fluid)), calc(160 * var(--__rem)) );--font-weight-1: 300;--font-weight-2: 400;--font-weight-3: 700}:root{--font-family-1: "Stolzl", sans-serif;--font-family-2: "Holyfat", var(--font-family-1);--line-height-1: 1;--line-height-2: 1.2;--line-height-3: 1.5;--font-size: var(--font-size-3);--line-height: var(--line-height-3)}:root{--main-gap: clamp( calc(30 * var(--__rem)), calc(30 * var(--__rem) + (60 - 30) * var(--__fluid)), calc(60 * var(--__rem)) );--app-margin: clamp( calc(20 * var(--__rem)), calc(20 * var(--__rem) + (120 - 20) * var(--__fluid)), calc(120 * var(--__rem)) );--app-main: min( calc(max(100vi, 280px) - (2 * var(--app-margin))), calc(1200 * var(--__rem)) )}@property --cqi{syntax: "<length> | <percentage>"; inherits: true; initial-value: 100%;}}@layer base{*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}:where(html){hanging-punctuation:first allow-end last;interpolate-size:allow-keywords;scroll-behavior:smooth;scrollbar-gutter:stable;text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}:where(html.translated-rtl){direction:rtl}@media(prefers-reduced-motion:reduce){:where(html){scroll-behavior:auto}}:where(body){min-block-size:100svb;min-inline-size:300px}:where(canvas,img,picture,svg,video){block-size:auto;border:none;display:block;max-inline-size:100%}:where(button,input,progress,select,textarea){appearance:none;background:transparent;border:none;color:inherit;font:inherit;hanging-punctuation:none;line-height:inherit;text-align:start;touch-action:manipulation}:where(button){cursor:pointer;user-select:none}:where(textarea){resize:vertical;scrollbar-gutter:stable}:where(textarea:not([rows])){field-sizing:content}:where(fieldset,iframe){border:none}:where(p,li,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word;text-wrap:pretty}:where(abbr[title]){border:none;text-decoration:none}:where(address,cite){font-style:inherit}:where(small){font-size:inherit}:where(li,ol,ul){list-style:none}:where(dialog,[popover]){background:transparent;border:none;color:inherit;margin:auto;max-block-size:none;max-inline-size:none;position:fixed}:where(dialog,dialog::backdrop){overscroll-behavior:contain}:where([popover]){inset:auto}:where(dialog:not([open],[popover]),[popover]:not(:popover-open)){display:none}:where([hidden]:not([hidden=until-found])){display:none!important}:where(input[type=search]){&::-webkit-search-cancel-button,&::-webkit-search-decoration,&::-webkit-search-results-button,&::-webkit-search-results-decoration{display:none}}:where(details>summary){list-style:none;&::marker{content:""}}}@layer base{html{accent-color:rgb(var(--color-green));background:color-mix(in srgb,rgb(var(--color-white)),rgb(var(--color-light-yellow)) 30%);color:rgb(var(--color-green));color-scheme:light;scrollbar-color:rgb(var(--color-green)) rgb(var(--color-light-yellow))}body{display:flex;flex-direction:column;font-family:var(--font-family-1);font-size:var(--font-size);font-weight:var(--font-weight-1);font-synthesis:none;justify-content:start;line-height:var(--line-height);min-block-size:100svb;min-inline-size:var(--app-min-outer);overflow-x:clip;:where(&)>*{flex:0 1 auto;min-inline-size:0}&:where([inert],:has(dialog[open]:modal)){overflow:hidden}}:focus-visible{outline:2px solid #ff00ff;outline-offset:2px}.focus-within{&:has(:focus-visible){outline:2px solid #ff00ff;outline-offset:2px;:focus-visible{outline:none}}}.grid{align-items:start;container:grid / inline-size;display:grid;grid-template-columns:[inline-start] 1fr [margin-start] var(--app-margin) [main-start] var(--app-main) [main-end] var(--app-margin) [margin-end] 1fr [inline-end];inline-size:100%;:where(&)>*{grid-column:main;min-inline-size:0}:where(&)>&{grid-column:inline;inline-size:100cqi}}.full-bleed{--cqi: 100cqi;inline-size:var(--cqi);margin-inline-start:calc(50% - (.5 * var(--cqi)))}}@layer base{::selection{background:rgb(var(--color-yellow));color:rgb(var(--color-dark-green))}::target-text{background:rgb(var(--color-green));color:rgb(var(--color-yellow))}:is(i,em){font-weight:var(--font-weight-2);font-style:normal}:is(b,strong){font-weight:var(--font-weight-3)}:is(h1,h2,h3,h4,h5,h6){font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight-3);:is(a,b,i,em,strong){font-style:inherit;font-weight:inherit}}p{font-size:var(--font-size);line-height:var(--line-height);&:has(small:only-child){--font-size: var(--font-size-1)}}a{color:currentColor;transition:color .2s,text-decoration-color .2s;text-decoration-color:rgb(from currentColor r g b / .4);text-decoration-line:underline;text-decoration-skip-ink:all;text-decoration-thickness:1px;text-underline-offset:.3ex;font-weight:var(--font-weight-2);&:hover{color:rgb(var(--color-dark-green));text-decoration-color:rgb(from currentColor r g b / .1)}}.display,.display-large{font-family:var(--font-family-2);font-weight:var(--font-weight-3);line-height:var(--line-height-1)}.display-large{--font-size: var(--font-size-6);--line-height: .7;font-size:var(--font-size);line-height:var(--line-height);text-wrap:balance}.large{--font-size: var(--font-size-4);--line-height: var(--line-height-2)}.center{text-align:center}.reverse{color:rgb(var(--color-light-yellow));& a{color:rgb(var(--color-yellow));&:hover{color:rgb(var(--color-light-yellow))}}}}@layer components{.Logo{aspect-ratio:222 / 155;display:block;flex:none;inline-size:fit-content;& img{block-size:100px;inline-size:auto;max-inline-size:none;@container main (inline-size >= 56.25rem){block-size:145px}}}}@layer components{.Button{--background: var(--color-yellow);--border-color: var(--background) / 0;--border-radius: 15px;--border-size: 0;--block-size: calc(2.2 * var(--font-size));--color: var(--color-dark-green);--hover-background: var(--color-light-yellow);--hover-border-color: var(--hover-background) / 0;--hover-color: var(--color-green);--font-size: var(--font-size-2);--line-height: var(--line-height-1);--padding-block: 10px;--padding-inline: calc(1 * var(--font-size));align-items:center;border:var(--border-size) solid rgb(var(--border-color));border-radius:var(--border-radius);block-size:var(--block-size);background:rgb(var(--background));color:rgb(var(--color));cursor:pointer;display:flex;gap:10px;font-family:var(--font-family-1);font-size:var(--font-size);font-weight:var(--font-weight-2);flex-shrink:0;inline-size:fit-content;justify-content:center;line-height:var(--line-height);margin:0;min-inline-size:var(--block-size);padding:var(--padding-block) var(--padding-inline);text-align:start;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;&:hover{--background: var(--hover-background);--border-color: var(--hover-border-color);--color: var(--hover-color)}&[disabled]{opacity:.5;pointer-events:none}& span{text-box:trim-both cap alphabetic}& svg{block-size:var(--font-size);inline-size:var(--font-size);flex:none;& path{fill:currentColor}}:where(p) &{display:inline-flex;vertical-align:top}@media(prefers-contrast:more){--border-color: var(--color);--border-size: 3px}}.Button--large{--block-size: calc(3 * var(--font-size));--padding-inline: calc(1.5 * var(--font-size));&:has(>.visually-hidden+svg,svg:only-child){--padding-inline: var(--padding-block)}}.Button--small{--font-size: var(--font-size-1)}.Button--border{--background: var(--color-dark-green) / 0;--border-color: var(--color-yellow);--color: var(--color-white);--hover-background: var(--color-green) / 1;--hover-border-color: var(--color-light-yellow);--hover-color: var(--color-light-yellow);--border-radius: calc(1px * infinity);--border-size: 3px}.Button--green{--background: var(--color-green);--color: var(--color-yellow);--hover-background: var(--color-dark-green);--hover-color: var(--color-light-yellow)}.Button--arrow{--block-size: 69px;--border-size: 4px;justify-content:center;&:not(:hover){--border-color: var(--color-white)}& svg{block-size:auto;inline-size:auto}}}@layer components{.Field{--background: var(--color-light-yellow);--border-color: var(--background) / 0;--border-radius: 16px;--border-width: 1px;--color: var(--color-dark-green);--font-size: var(--font-size-1);--line-height: var(--line-height-3);--padding-block: 5px;--padding-inline: 20px;border:var(--border-width) solid rgb(var(--border-color));border-radius:var(--border-radius);block-size:52px;background:rgb(var(--background));color:rgb(var(--color));display:block;font-family:var(--font-family-1);font-size:var(--font-size);font-weight:var(--font-weight-1);inline-size:100%;line-height:var(--line-height);padding:var(--padding-block) var(--padding-inline);&[disabled]{opacity:.5;pointer-events:none}&::placeholder{color:rgb(var(--color-dark-green));opacity:.5}}textarea.Field{--padding-block: 15px;&[rows]{block-size:auto}&:not([rows]){block-size:auto;field-sizing:content;min-block-size:52px}}}@layer components{.Form{container:form / inline-size}.Form-body{display:grid;gap:30px;>*{grid-column:1 / -1}.cf-turnstile{background:rgb(var(--color-light-yellow) / .1);block-size:65px;inline-size:300px}}.Form-submit{display:grid;gap:30px;@container form (inline-size >= 26rem){.cf-turnstile{grid-column:1;grid-row:1}[type=submit]{grid-column:2;grid-row:1;justify-self:end}}}.Form-field{--label-block-size: calc(var(--font-size-1) * var(--line-height-3));align-items:start;display:grid;justify-items:start;>*{grid-column:1;grid-row:1}.Field{order:1}& label{display:block;font-size:var(--font-size-1);line-height:var(--line-height-3);order:2;transition:transform .1s}&:has(.Field:placeholder-shown){& label{color:rgb(var(--color-dark-green));cursor:text;pointer-events:none;transform:translate(20px) translateY(calc(.5 * (52px - var(--label-block-size))))}}&:has(.Field:not(:placeholder-shown)){& label{transform:translateY(calc(-1 * (4px + var(--label-block-size))))}}}}@layer components{.Donate{--border: 0px;align-items:center;background:rgb(var(--color-green));background-image:linear-gradient(180deg,rgb(var(--color-green)),rgb(var(--color-dark-green)));border-radius:16px;color:rgb(var(--color-yellow));display:flex;flex-direction:column;row-gap:20px;text-align:center;padding:calc(30px - var(--border));padding-block-end:calc(40px - var(--border));:is(h1,h2,h3){font-weight:var(--font-weight-2)}@media(prefers-contrast:more){--border: 2px;border:var(--border) solid currentColor}}}@layer components{.Text-Lockup{text-align:center;& span{display:block}:is(p,span):not(.display-large){--font-size: var(--font-size-4);font-size:var(--font-size);font-weight:var(--font-weight-3);line-height:var(--line-height);text-wrap:balance}.display-large{margin-block-end:.2ex}}}@layer components{.Prose{container:prose / inline-size;display:flex;flex-direction:column;gap:var(--font-size);inline-size:100%;max-inline-size:calc(700 * var(--__rem));:where(&>*){margin-block:0;max-inline-size:100cqi;min-inline-size:0}:where(&)>:is(ol,ul):not([class]){list-style:none outside;padding-inline-start:1ch;& li{&:before{content:"•" / "";display:inline-block;inline-size:1.5ch;vertical-align:top}}}:where(&)>ol:not([class]){counter-reset:--ol-counter;& li{&:before{content:counter(--ol-counter) "." / "";counter-increment:--ol-counter}}}}.Prose--center{margin-inline:auto}.Prose--text-center{align-items:center;margin-inline:auto;text-align:center}.Prose--wide{max-inline-size:none}}@layer components{.Social{align-items:center;display:flex;flex-wrap:wrap;gap:20px;& h2{font-weight:var(--font-weight-1)}& ul{display:flex;flex-wrap:wrap;gap:20px}& a{display:block}:is(img,svg){block-size:46px;fill:currentColor;inline-size:46px}}}@layer components{.Statement{background:rgb(var(--color-yellow));color:rgb(var(--color-green));border-radius:20px;padding:30px}@container main (inline-size >= 56.25rem){.Statement{max-inline-size:calc(720 * var(--__rem));padding:60px}}}@layer components{.Accordion{background:rgb(var(--color-green));grid-column:inline;overflow-x:clip;position:relative;margin-block:var(--main-gap);padding-block-start:calc(.5 * var(--main-gap));>svg{display:block;inset-block-end:calc(100% - 1px);inset-inline:0;inline-size:100%;max-block-size:93px;position:absolute;& path{fill:rgb(var(--color-green))}}}@container main (inline-size >= 56.25rem){.Accordion{margin-block-start:calc(93px + var(--main-gap))}}.Accordion-header{color:rgb(var(--color-yellow));padding-block-end:var(--main-gap)}.Accordion-details{&::details-content{block-size:0;display:flow-root;overflow:clip;transition:block-size .6s,content-visibility .6s allow-discrete}&[open]::details-content{block-size:auto}+&{margin-block-start:-1px}}.Accordion-summary{border-block:1px solid rgb(var(--color-light-yellow));color:rgb(var(--color-yellow));cursor:pointer;padding-block:min(40px,var(--main-gap));transition:color .2s;>div{align-items:center;display:flex;justify-content:space-between}.Button{--color: var(--color-light-yellow);--border-color: var(--color);rotate:-90deg;transition:rotate .2s;:where(.Accordion-details[open]) &{rotate:0deg}}& svg{fill:currentColor;flex:none}&:hover{color:rgb(var(--color-light-yellow))}:is(h1,h3){--font-size: var(--font-size-5);--line-height: var(--line-height-2)}}}@layer components{.Heart-Prose{background:rgb(var(--color-yellow));overflow-x:clip;padding-block:calc(2 * var(--main-gap));position:relative;>svg{display:none}:is(.Hero,.Hero-Text)+&{>svg{background:linear-gradient(180deg,rgb(var(--color-dark-green)) calc(100% - 1px),rgb(var(--color-yellow)) calc(100% - 1px));display:block;grid-column:inline;inset-block-start:-1px;inset-inline:0;inline-size:100cqi;max-block-size:93px;position:absolute;& path{fill:rgb(var(--color-yellow))}}}}.Heart-Prose-body{position:relative;.Bubbles{--inline-size: 480px;--block-size: calc(var(--inline-size) * (400 / 440));block-size:var(--block-size);color:rgb(var(--color-green));inline-size:var(--inline-size);inset-inline-start:max(calc(720 * var(--__rem)),calc(100% - var(--inline-size)));transform:translate(calc(.5 * var(--app-margin)));position:absolute;&:dir(rtl){transform:translate(calc(-.5 * var(--app-margin)))}&:nth-child(1 of.Bubbles){inset-block-start:0}&:nth-child(2 of.Bubbles){inset-block-end:0}}}@container main (inline-size < 56.25rem){.Heart-Prose-body{.Bubbles{display:none}}}@property --heart-ratio{syntax: "<number>"; inherits: true; initial-value: 0;}@keyframes --heart-animation{0%{--heart-ratio: 0}to{--heart-ratio: 1}}.Heart-Prose-body{view-timeline-name:--heart-prose;.Bubbles{--heart-center: calc(50% - (.5 * var(--block-size)));animation:--heart-animation;animation-range:entry 30% contain 50%;animation-fill-mode:forwards;animation-timing-function:linear;animation-timeline:--heart-prose;&:nth-child(1 of.Bubbles){inset-block-start:calc(0% + (var(--heart-ratio) * var(--heart-center)))}&:nth-child(2 of.Bubbles){inset-block-end:calc(0% + (var(--heart-ratio) * var(--heart-center)))}}}}@layer components{.Media-Prose{--media-size-px: calc(1px * var(--media-size));align-items:start;display:grid;gap:40px}.Media-Prose-image,.Media-Prose-video{border-radius:20px}@container main (inline-size >= 56.25rem){.Media-Prose{&:has(>.Media-Prose-media:first-child){grid-template-columns:min(calc(var(--max-media-size, 50%) - 20px),var(--media-size-px, 400px)) auto}&:has(>.Media-Prose-media:last-child){grid-template-columns:auto min(calc(var(--max-media-size, 50%) - 20px),var(--media-size-px, 400px))}}}}@layer components{.Media-Double{align-items:start;display:grid;gap:40px}.Media-Double-image,.Media-Double-video{border-radius:20px}@container main (inline-size >= 56.25rem){.Media-Double{grid-template-columns:repeat(2,calc(50% - 20px))}}}@layer components{.Media-Banner{overflow-x:clip;@container main (inline-size >= 37.5rem){padding-block:var(--main-gap)}@container main (inline-size >= 56.25rem){padding-block:calc(2 * var(--main-gap))}}.Media-Banner-body{grid-column:margin;position:relative;.Bubbles{color:rgb(var(--color-green));inset-block-start:50%;inline-size:60%;inset-inline-end:0;transform:translate(18%) translateY(-50%);position:absolute}.Button{position:absolute;inset-inline-start:30px;inset-block-end:30px}}.Media-Banner-image,.Media-Banner-video{inline-size:100%;max-inline-size:none;object-fit:cover;@container main (inline-size >= 90rem){border-radius:20px}}}@layer components{.Member-Cloud-header{margin-block-end:30px;text-align:center;text-wrap:balance;:is(h1,h2,h3){--font-size: var(--font-size-4)}}.Member-Cloud-list{column-gap:40px;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;& li{font-size:var(--font-size-4);font-weight:var(--font-weight-2)}}}@layer components{.Member-Profile{align-items:start;display:grid;gap:40px}.Member-Profile-main{& hgroup{margin-block-end:30px;font-weight:var(--font-weight-3);:is(h1,h2,h3){--font-size: var(--font-size-4)}}}.Member-Profile-media{aspect-ratio:1 / 1;max-inline-size:460px;position:relative;isolation:isolate;&:after,&:before{border-radius:100%;block-size:100%;content:"";display:block;inline-size:100%;position:absolute;z-index:-1}&:after{background:rgb(var(--color-yellow));inset-block-start:5px;inset-inline-start:-30px}&:before{background:rgb(var(--color-green));inset-block-start:-5px;inset-inline-end:-30px}@media(prefers-contrast:more){&:after,&:before{display:none}}}.Member-Profile-image{border-radius:100%;block-size:100%;inline-size:100%;object-fit:cover;object-position:top;overflow:clip}.Member-Profile-toggle{margin-block-start:30px;&[aria-expanded=true]{& svg{rotate:180deg}}}@container main (inline-size >= 56.25rem){.Member-Profile{grid-template-columns:min(40%,460px) auto;gap:80px;padding-block:var(--main-gap);+&{padding-block-start:0}}}@media not (scripting:enabled){.Member-Profile-toggle{display:none}}@media(scripting:enabled){.Member-Profile-main{.Prose{block-size:200px;overflow:hidden;mask:linear-gradient(to bottom,#000 0%,transparent 100%);transition:block-size 1s,content-visibility 1s allow-discrete}}.Member-Profile{&:has([aria-expanded=true]){.Member-Profile-main{.Prose{block-size:auto;mask:none}}}}}}@layer components{.Donate-Banner{--border: 0px;align-items:start;background:rgb(var(--color-green));background-image:linear-gradient(to bottom,rgb(var(--color-green)),rgb(var(--color-dark-green)));border-radius:16px;color:rgb(var(--color-yellow));display:grid;gap:30px;isolation:isolate;overflow:clip;padding:calc(30px - var(--border));position:relative;&:before{aspect-ratio:330 / 313;background:rgb(var(--color-light-yellow));content:"";display:block;inline-size:min(80%,440px);inset-block-start:50%;inset-inline-end:0;mask:url(../images/combined-heart.svg);mask-repeat:no-repeat;mask-size:100%;opacity:.05;position:absolute;transform:translateY(-50%) translate(15%);z-index:-1}@media(prefers-contrast:more){--border: 2px;border:var(--border) solid currentColor;&:before{display:none}}}.Donate-Banner-prose{:is(h1,h2,h3){--font-size: var(--font-size-4);font-weight:var(--font-weight-2);&:not(:last-child){margin-block-end:20px}}}@container main (inline-size >= 56.25rem){.Donate-Banner{align-items:center;grid-template-columns:1fr auto;padding:calc(40px - var(--border)) calc(60px - var(--border))}}}@layer components{.Funding-Form{--border: 0px;align-items:start;background:rgb(var(--color-green));background-image:linear-gradient(to bottom,rgb(var(--color-green)),rgb(var(--color-dark-green)));border-radius:16px;color:rgb(var(--color-light-yellow));display:grid;gap:30px;isolation:isolate;overflow:clip;padding:calc(30px - var(--border));position:relative;&:before{aspect-ratio:330 / 313;background:rgb(var(--color-light-yellow));content:"";display:block;inline-size:auto;inline-size:100%;block-size:100%;inset:0;mask:url(../images/combined-heart.svg);mask-repeat:no-repeat;mask-position:center;mask-size:cover;opacity:.05;position:absolute;z-index:-1}.Prose{max-inline-size:calc(800 * var(--__rem))}@media(prefers-contrast:more){--border: 2px;border:var(--border) solid currentColor;&:before{display:none}}}@container form (inline-size >= 37.5rem){.Funding-Form{.Form-body{grid-template-columns:repeat(2,calc(50% - 15px))}.Form-field{&:has([name=first-name],[name=second-name],[name=position],[name=organisation]){grid-column:auto / span 1}}}}@container main (inline-size >= 56.25rem){.Funding-Form{padding:calc(40px - var(--border)) calc(60px - var(--border));.Prose{margin-block-end:10px}}}}@layer components{.Bubbles{overflow:visible;& circle{fill:currentColor}}}@layer components{.Hero{align-items:start;background:rgb(var(--color-green));background:linear-gradient(180deg,color-mix(in srgb,rgb(var(--color-green)),rgb(var(--color-dark-green)) 30%),rgb(var(--color-dark-green)));grid-template-rows:auto 1fr;justify-items:center;isolation:isolate;overflow-x:clip;.Bubbles{align-self:end;aspect-ratio:378 / 555;grid-column:1 / -1;grid-row:1 / 3;margin-block-end:-60px;max-inline-size:min(378px,30%);@container main (inline-size < 31.25rem){max-inline-size:35%}&:nth-child(1){justify-self:left;transform:translate(calc(-1% * ((100 / 378) * 58)))}&:nth-child(2){justify-self:right;transform:translate(calc(1% * ((100 / 378) * 58)))}& circle{fill:rgb(var(--color-yellow));transform:translate(0);will-change:transform}}}.Hero-lockup{color:rgb(var(--color-yellow));grid-row:1;.display{color:rgb(var(--color-light-yellow))}}.Hero-main{align-items:center;align-self:stretch;grid-row:2;display:grid;grid-template-rows:auto 1fr;justify-items:center;padding-block:40px;row-gap:var(--main-gap)}}@layer components{.Hero-Text{align-items:start;background:rgb(var(--color-green));background:linear-gradient(180deg,color-mix(in srgb,rgb(var(--color-green)),rgb(var(--color-dark-green)) 30%),rgb(var(--color-dark-green)))}.Hero-Text-main{color:rgb(var(--color-yellow));max-inline-size:calc(800 * var(--__rem));padding-block:var(--main-gap);& h1{--font-size: var(--font-size-4);--line-height: var(--line-height-2);font-weight:var(--font-weight-3);margin-block-end:30px}& p{--font-size: var(--font-size-5);--line-height: var(--line-height-2);font-weight:var(--font-weight-3)}}}@layer components{.Hero-Banner{background:rgb(var(--color-green));background:linear-gradient(180deg,color-mix(in srgb,rgb(var(--color-green)),rgb(var(--color-dark-green)) 30%),rgb(var(--color-dark-green)));grid-column:inline;inline-size:100%;margin-inline:auto;max-inline-size:1920px;overflow:clip;.Main>&{&:first-child{margin-block-start:calc(-1 * var(--main-gap))}}:where(.single-story) &{background:linear-gradient(180deg,color-mix(in srgb,rgb(var(--color-green)),rgb(var(--color-dark-green)) 30%),color-mix(in srgb,rgb(var(--color-green)),rgb(var(--color-dark-green)) 60%) 50%,transparent 50%)}}.Hero-Banner-media{--mask-size: min(93px, calc(100cqi * (93 / 1440)));position:relative;mask-image:url(../images/banner-mask-top.svg),url(../images/banner-mask-bottom.svg),linear-gradient(0deg,#000,#000);mask-position:top,bottom,center;mask-repeat:no-repeat;mask-size:100% var(--mask-size),100% var(--mask-size),100% 100%;mask-composite:exclude;.Button{position:absolute;inset-inline-start:30px;inset-block-end:30px}}.Hero-Banner-image,.Hero-Banner-video{inline-size:100%;max-inline-size:none;object-fit:cover;transform:scaleY(.997)}.Hero-Banner-lockup{.display-large{color:rgb(var(--color-yellow))}}.Hero-Banner-body{padding-block:var(--main-gap);.Prose{color:rgb(var(--color-yellow));padding-block-start:var(--main-gap)}}}@layer components{.Stories{grid-column:inline}.Stories-header{padding-block:var(--main-gap)}.Stories-main{background-image:url(../images/green-top.svg),url(../images/green-bottom.svg),linear-gradient(180deg,transparent 50px,rgb(var(--color-green)) 50px,rgb(var(--color-green)) calc(100% - 50px),transparent calc(100% - 50px));background-position:top,bottom,center;background-repeat:no-repeat;background-size:100% 100px,100% 100px,100% 100%;padding-block:calc(2 * var(--main-gap))}.Stories-list{display:grid;gap:var(--main-gap);grid-template-columns:repeat(2,calc(50% - (.5 * var(--main-gap))))}.Stories-item{position:relative}.Stories-media{block-size:340px;inline-size:100%;position:relative;& img{border-radius:20px;block-size:100%;inline-size:100%;max-inline-size:none;object-fit:cover;object-position:center}.Button{--border-radius: calc(1px * infinity);--padding-block: 0;--padding-inline: 0;inset-block-end:30px;inset-inline-end:30px;position:absolute;rotate:-90deg;& svg{block-size:24px;inline-size:auto}}}.Stories-heading{padding:20px;& span{display:block;font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight-1)}.large{font-weight:var(--font-weight-3)}& a{display:block;&:after{content:"";display:block;inset:0;position:absolute}}}@container main (inline-size < 56.25rem){.Stories-item{grid-column:1 / -1}}@container main (inline-size >= 37.5rem){.Stories-media{block-size:440px;.Button{inset-block-end:60px;inset-inline-end:60px}}}@container main (inline-size >= 56.25rem){.Stories-item{&[data-columns="2"]{grid-column:1 / -1}}}}@layer components{.Values{grid-column:inline}.Values-header{padding-block:var(--main-gap)}.Values-main{padding-block-end:var(--main-gap)}.Values-list{align-items:start;display:grid;gap:var(--main-gap);grid-template-columns:repeat(2,calc(50% - (.5 * var(--main-gap))))}.Values-item{align-items:start;display:grid;gap:20px;position:relative}.Values-media{block-size:300px;inline-size:100%;margin-block-end:10px;& img{border-radius:20px;block-size:100%;inline-size:100%;max-inline-size:none;object-fit:cover;object-position:center}}@container main (inline-size < 56.25rem){.Values-list{>*{grid-column:1 / -1}}}}@layer components{@property --header-fixed{syntax: "<number>"; inherits: true; initial-value: 1;}@keyframes --header-timeline{0%{--header-fixed: 1}50%,to{--header-fixed: 0}}.Header{animation:--header-timeline;animation-range:exit;animation-timing-function:linear;animation-timeline:view(block);animation-fill-mode:forwards;background:rgb(var(--color-green));background:linear-gradient(180deg,rgb(var(--color-green)),color-mix(in srgb,rgb(var(--color-green)),rgb(var(--color-dark-green)) 30%));color:rgb(var(--color-light-yellow))}.Header-body{container-name:main}.Header-main{align-items:center;display:flex;justify-content:space-between;padding-block:30px;@container main (inline-size >= 56.25rem){padding-block:60px}}.Header-nav{inset-block-start:var(--app-block-start);inset-inline-start:calc(50% - 70px);position:fixed;pointer-events:none;z-index:999;.Menu-toggle{pointer-events:all}}@media(width<37.5rem){.Header-nav{inset-inline:auto calc(var(--app-margin) - 15px);transform-origin:100% 0%;&:dir(rtl){transform-origin:0% 0%}}.Header-donate{align-self:end}}@container style(--header-fixed: 0){.Header-nav{.Menu-toggle{&:not(:hover){.Bubbles{& circle:not([data-static]){transition:transform .5s;transform:scale(.01)!important}}}}}}}@layer components{.Footer{container-name:main;contain:content;overflow:clip}.Footer-body{display:grid;gap:30px;isolation:isolate;position:relative;padding-block-start:80px;padding-block-end:20px}.Footer-ellipse{--inline-size: clamp( calc(1140 * var(--__rem)), calc(140% + (2 * var(--app-margin))), calc(1920 * var(--__rem)) );block-size:200%;fill:rgb(var(--color-green));grid-column:1 / -1;inset-block-start:0;inset-inline:calc(-.5 * (var(--inline-size) - 100%));inline-size:var(--inline-size);max-inline-size:none;position:absolute;z-index:-1;& stop{&:nth-child(1){stop-color:rgb(var(--color-green))}&:nth-child(2){stop-color:rgb(var(--color-dark-green))}}}.Footer-logo{margin-inline:auto}.Footer-links{& li{margin-block-end:10px}}.Footer-small{column-gap:30px;display:flex;flex-wrap:wrap;font-weight:var(--font-weight-2);justify-content:space-between;row-gap:10px;& a{font-weight:var(--font-weight-3)}& strong{color:rgb(var(--color-yellow))}}.Footer-form{container:form / inline-size;margin-block-end:30px}@container form (inline-size >= 26rem){.Footer-form{.Form-body{grid-template-columns:repeat(2,calc(50% - 15px))}.Form-field{&:has([name=first-name],[name=second-name]){grid-column:auto / span 1}}}}@container main (inline-size >= 56.25rem){.Footer-body{grid-template-columns:1fr 1.5fr;>*{grid-column:1 / -1}}.Footer-links{font-size:var(--font-size-4);grid-column:1}.Footer-donate{grid-column:1}.Footer-main{grid-column:2;grid-row:2 / 5}}}@layer components{.Menu{block-size:calc(100% - var(--app-block-start));contain:strict;container:main / inline-size;inline-size:100%;inset:0;inset-block-start:var(--app-block-start);margin:0;overscroll-behavior:contain;&:not([open]){display:none}&::backdrop{background:rgb(var(--color-black) / .5)}}.Menu-clip{padding-block-end:150px}.Menu-body{background:rgb(var(--color-yellow));isolation:isolate;overflow-x:clip;padding-block:var(--main-gap);position:relative;&:before{background:rgb(var(--color-light-yellow));block-size:100%;content:"";display:block;inline-size:1330px;inset-block:0;inset-inline-end:-800px;mask:url(../images/combined-heart.svg);mask-repeat:no-repeat;mask-position:left bottom;mask-size:100%;position:absolute;z-index:-1;@container main (inline-size < 56.25rem){inline-size:960px;inset-inline:40% auto}}}.Menu-toggle{--fill-color: var(--color-yellow);--stroke-color: var(--color-green);--hover-fill-color: var(--color-light-yellow);block-size:80px;inline-size:140px;position:relative;& svg:not(.Bubbles){inset:0;inset-block-start:27px;margin-inline:auto;position:absolute;stroke:rgb(var(--stroke-color));stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.Bubbles{block-size:112px;inline-size:209px;inset-block-start:0;inset-inline-start:calc(.5*(100% - 209px));max-inline-size:none;position:absolute;& circle{fill:rgb(var(--fill-color));transition:transform .1s;transform-origin:50% 50%!important}& circle[data-static]{transition:fill .2s}}&:hover{.Bubbles{& circle{transition:transform .1s}& circle[data-static]{fill:rgb(var(--hover-fill-color))}}}}@media(width<37.5rem){.Menu-toggle{transform:scale(.6);transform-origin:50% 0%}}.Menu-close{block-size:150px;grid-column:inline;inset-block-start:100%;inline-size:100%;overflow-y:clip;position:absolute;z-index:-1;.Menu-toggle{position:relative;inset-inline-start:calc(50% - 70px)}}.Menu-links{margin-block-end:30px;& li{margin-block-end:10px}}.Menu-footer{align-items:center;border-block-start:1px solid rgb(var(--color-light-yellow));display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;margin-block-start:var(--main-gap);padding-block-start:min(40px,var(--main-gap));& svg{fill:currentColor}}.Menu-main{align-items:center;display:grid;inline-size:min(100%,calc(980 * var(--__rem)));margin-inline:auto;>*{grid-column:1 / -1}}@container main (inline-size >= 56.25rem){.Menu-links{font-size:var(--font-size-4)}.Menu-main{grid-template-columns:auto auto;column-gap:60px;.Menu-logo{margin-block-end:0}.Menu-links{grid-column:1;margin-block-end:0}.Menu-donate{grid-column:2;justify-self:end;max-inline-size:calc(570 * var(--__rem))}}}}@layer components{.Main{container:main / inline-size;margin-block-end:auto;padding-block:var(--main-gap);row-gap:var(--main-gap);:where(body>&){background-image:linear-gradient(180deg,color-mix(in srgb,rgb(var(--color-white)),rgb(var(--color-light-yellow)) 50%) 600px,color-mix(in srgb,rgb(var(--color-white)),rgb(var(--color-light-yellow)) 30%))}>.grid{&:first-child{margin-block-start:calc(-1 * var(--main-gap))}+&{margin-block-start:calc(-1 * var(--main-gap))}}}.Main--light-yellow-gradient{background-image:linear-gradient(180deg,color-mix(in srgb,rgb(var(--color-white)),rgb(var(--color-light-yellow)) 50%) 600px,color-mix(in srgb,rgb(var(--color-white)),rgb(var(--color-light-yellow)) 30%))}.Main--light-yellow{background:rgb(var(--color-light-yellow));+.Footer{background:rgb(var(--color-light-yellow))}}.Main--yellow{background:rgb(var(--color-yellow));+.Footer{background:rgb(var(--color-yellow))}}.Main--green{background:rgb(var(--color-green))}.Main--dark-green{background:rgb(var(--color-dark-green))}.Main--green-gradient{background:rgb(var(--color-dark-green));background-image:linear-gradient(180deg,rgb(var(--color-green)),rgb(var(--color-dark-green)))}}@layer utility{@media not (prefers-reduced-motion:reduce){@view-transition{navigation:auto}:root{--menu-duration: .5s;--menu-clip-close: circle(0% at 50% 0%);--menu-clip-open: circle(100% at 50% 0%);--menu-easing: ease-in}@keyframes --menu-fade-open{0%{opacity:0}to{opacity:1}}@keyframes --menu-fade-close{0%{opacity:1}to{opacity:0}}@keyframes --menu-clip-open{0%{clip-path:circle(0% at 50% 0%)}to{clip-path:circle(100% at 50% 0%)}}@keyframes --menu-clip-close{0%{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}to{clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%)}}:root[data-dialog=menu]{:focus-visible{outline:none}}.Menu-clip{view-transition-name:--menu}.Menu{&::backdrop{view-transition-name:--menu-backdrop}}::view-transition-group(--menu){animation-duration:var(--menu-duration);animation-timing-function:var(--menu-easing);animation-fill-mode:forwards;z-index:1}::view-transition-old(--menu){animation-name:--menu-clip-close}::view-transition-new(--menu){animation-name:--menu-clip-open}::view-transition-group(--menu-backdrop){animation-duration:calc(var(--menu-duration) - .2s);animation-timing-function:linear;animation-fill-mode:forwards}::view-transition-old(--menu-backdrop){animation-name:--menu-fade-close}::view-transition-new(--menu-backdrop){animation-name:--menu-fade-open;animation-delay:.2s;opacity:0}}}@layer utility{.visually-hidden{border:0;block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}@layer utility{@keyframes --Media-Prose-prose{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50%)}}@keyframes --Media-Prose-media{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes --Statement{0%{transform:translateY(50%)}to{transform:translateY(-50%)}}@media not (prefers-reduced-motion:reduce){.single-story .Main--green-gradient{@container main (inline-size >= 56.25rem){.Media-Prose-media{animation:--Media-Prose-media;animation-range:entry 0% contain 50%;animation-fill-mode:forwards;animation-timing-function:linear;animation-timeline:view()}.Media-Prose-prose{animation:--Media-Prose-prose;animation-range:contain 50% exit 100%;animation-fill-mode:forwards;animation-timing-function:linear;animation-timeline:view()}.Statement{animation:--Statement;animation-range:cover;animation-fill-mode:forwards;animation-timing-function:linear;animation-timeline:view()}}}}}:root{--app-block-start: 0px;margin-top:var(--app-block-start)!important}@media(width>782px){:root:has(#wpadminbar){--app-block-start: var(--wp-admin--admin-bar--height, 0px)}}@media(width<782px){:root:has(#wpadminbar){#wpadminbar{display:none}}}