/* Source of the PawPedia pages' styles. Built into /assets/pawpedia.css by scripts/site/pawpedia.mjs. */
/* PawPedia: an encyclopedia layout (owner-approved 2026-10-03). A sticky contents rail beside the text column,
   quiet grey boxes with hairline borders. The header, cookie bar, newsletter band and footer are the site's own:
   their rules are appended to this file by the build (scripts/site/pawpedia-chrome.mjs). */
:root{
  --bg:#ffffff; --surface:#f8f9fa; --surface-2:#eaecf0; --border:#a2a9b1; --border-soft:#c8ccd1;
  --text:#202122; --muted:#54595d; --link:#3366cc; --link-active:#233566; --red:#ff0000; --red-hover:#d60000; --on-red:#ffffff;
  --serif:"Nunito","Segoe UI",system-ui,-apple-system,sans-serif; /* headings: Nunito ExtraBold (brand) */
  --sans:"Nunito","Segoe UI",system-ui,-apple-system,sans-serif;
  color-scheme:light;
}
body{margin:0;background:#f4f6f1;color:var(--text);font:16px/1.6 var(--sans);-webkit-text-size-adjust:100%}
.pp *,.pp *::before,.pp *::after{box-sizing:border-box}
.pp{background:var(--bg);color:var(--text);min-height:100%;overflow-wrap:break-word}
.pp a{color:var(--link);text-decoration:none}
.pp a:hover{text-decoration:underline}
.pp a:active{color:var(--link-active)}
.pp :focus-visible{outline:2px solid var(--link);outline-offset:2px}
.toc-list a:focus-visible,.results a:focus-visible{outline-offset:-2px}
.pp h1:focus,.pp h2:focus,.pp h3:focus{outline:none}
html{scroll-padding-top:calc(var(--hdr-h,83px) + 12px)}
:where(.pp) button{font:inherit;color:inherit}
.pp img{max-width:100%;height:auto}
.pp [hidden]{display:none!important}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pw{max-width:1180px;margin-inline:auto;padding-inline:24px}
.i-ext{width:.68em;height:.68em;margin-left:.22em;vertical-align:baseline;fill:currentColor;flex:none}
.nw{white-space:nowrap}
.sprite{position:absolute;width:0;height:0;overflow:hidden}

/* PawPedia bar (the site's own header sits above it; see site-header.mjs) */
.hd{background:var(--surface);border-bottom:1px solid var(--border-soft)}
.hd-in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding-block:10px}
.pp-brand{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--text)!important;text-decoration:none!important}
.brand-txt{display:flex;flex-direction:column;line-height:1.15}
.brand-name{font-family:var(--serif);font-weight:800;font-size:1.6rem;letter-spacing:0;color:var(--text)}
.brand-tag{font-size:.75rem;color:var(--muted);margin-top:2px}
.search{position:relative;min-width:0;flex:1 1 200px;max-width:520px;margin-left:12px;display:flex}
.search-ic{position:absolute;left:10px;top:50%;width:18px;height:18px;margin-top:-9px;fill:none;stroke:var(--muted);stroke-width:1.8;pointer-events:none}
.search input{flex:1 1 0;width:0;min-width:0;height:40px;padding:0 10px 0 36px;font:inherit;font-size:1rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:2px 0 0 2px;appearance:none;-webkit-appearance:none}
.search input::placeholder{color:#72777d;opacity:1}
.search input:focus{outline:none;border-color:var(--link);box-shadow:inset 0 0 0 1px var(--link)}
.search input::-webkit-search-cancel-button{-webkit-appearance:none}
.search-btn{flex:none;height:40px;padding:0 14px;font-weight:700;font-size:.875rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-left:0;border-radius:0 2px 2px 0;cursor:pointer}
.search-btn:hover{background:var(--bg)}
.results{position:absolute;z-index:20;left:0;right:0;top:100%;margin:0;padding:0;list-style:none;background:var(--bg);border:1px solid var(--border);border-top:0;max-height:min(70vh,520px);overflow-y:auto;box-shadow:0 10px 24px -6px rgba(0,0,0,.35)}
.results li{margin:0}
.results a{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 10px;color:var(--text);text-decoration:none}
.results a:hover,.results a.is-on{background:var(--surface-2);text-decoration:none}
.results img,.results .ph{flex:none;width:40px;height:40px;object-fit:cover;background:var(--surface-2);border:1px solid var(--border-soft)}
.res-t{display:block;line-height:1.3;color:var(--text)}
.res-d{display:block;font-size:.8125rem;line-height:1.3;color:var(--muted)}
.res-none{padding:12px 10px;color:var(--muted);font-size:.9375rem}
.hd-nav{margin-left:auto;margin-right:-4px;display:flex;align-items:center}
.hd-nav a{display:inline-flex;align-items:center;min-height:40px;padding-inline:4px;font-size:.9375rem}

/* article layout */
.layout{display:grid;grid-template-columns:208px minmax(0,960px);column-gap:32px;padding-block:24px 8px}
.rail{align-self:start;position:sticky;top:calc(var(--hdr-h,0px) + 12px);max-height:calc(100vh - var(--hdr-h,0px) - 24px);overflow-y:auto;padding:8px 8px 16px 0;font-size:.875rem;line-height:1.45}
.toc-h{display:flex;align-items:baseline;gap:8px;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid var(--border-soft)}
.toc-h h2{margin:0;font:700 .875rem/1.4 var(--sans);color:var(--text)}
.toc-hide{background:none;border:0;padding:2px 4px;font-size:.8125rem;color:var(--muted);cursor:pointer}
.toc-hide::before{content:"["}.toc-hide::after{content:"]"}
.toc-hide:hover{color:var(--link)}
.toc-list{list-style:none;margin:0;padding:0}
.toc-list li{margin:0}
.toc-list a{display:block;padding:5px 0}
.toc-list li.sub a{padding-left:16px}
.toc-list a.is-on{color:var(--text);font-weight:700}
.toc-show{display:none;flex:none;width:40px;height:40px;margin-left:-12px;padding:9px;background:none;border:1px solid transparent;border-radius:2px;cursor:pointer;color:var(--text)}
.toc-show:hover{background:var(--surface-2)}
.toc-show svg{display:block;width:20px;height:20px;fill:currentColor}
.toc-m{display:none}
.content{min-width:0}
.title-row{display:flex;align-items:flex-start;gap:8px}
.first-heading{margin:0;font:800 1.8rem/1.3 var(--serif);color:#000;text-wrap:balance;flex:1 1 auto;min-width:0}
.tabs{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:0 16px;margin-top:6px;border-bottom:1px solid var(--border);font-size:.875rem}
.tabs-rule{min-height:0;margin-top:8px}
.tabs-l{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 14px}
.tab{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 0 1px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:none;line-height:1.2}
.tab.is-active{color:var(--text);font-weight:700;border-bottom-color:var(--text)}
.tab-btn{color:var(--link);cursor:pointer}
.tab-btn:hover{border-bottom-color:var(--link)}
.tab-btn svg{width:16px;height:16px;fill:currentColor}
.listen-note{align-self:center;color:var(--muted);font-size:.8125rem}
.tabs-r{padding-block:10px;color:var(--muted)}
.site-sub{margin:8px 0 0;font-size:.875rem;color:var(--muted)}

.body{margin-top:14px}
.body::after{content:"";display:block;clear:both}
.body p{margin:.5em 0 1em}
.body h2{display:flow-root;margin:1.5em 0 .4em;padding-bottom:.15em;font:800 1.5rem/1.3 var(--serif);color:#000;border-bottom:1px solid var(--border);text-wrap:balance}
.body h3{margin:1.2em 0 .2em;font:700 1.125rem/1.4 var(--sans);color:#000}
.body ul{margin:.3em 0 1em 1.6em;padding:0}
.body li{margin-bottom:.25em}
.hatnote{font-style:italic;padding-left:1.6em;color:var(--text)}

.infobox{float:right;clear:right;width:300px;margin:4px 0 16px 28px;padding:4px;background:var(--surface);border:1px solid var(--border);font-size:.875rem;line-height:1.45;color:var(--text)}
.ib-title{padding:6px 8px;background:var(--surface-2);font-weight:700;font-size:1rem;text-align:center}
.ib-fig{margin:4px 0 0}
.ib-fig img{display:block;width:100%;height:auto}
.ib-fig figcaption{padding:6px 8px 4px;text-align:center;font-size:.8125rem;line-height:1.4}
.ib-table{width:100%;border-collapse:collapse;table-layout:fixed}
.ib-table th,.ib-table td{padding:5px 8px;vertical-align:top;text-align:left;border-top:1px solid var(--surface-2)}
.ib-table th{width:38%;font-weight:700}

.notice{clear:both;display:flex;gap:12px;align-items:flex-start;margin:24px 0 0;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-left:10px solid var(--link);font-size:.9375rem;line-height:1.5}
.notice svg{flex:none;width:22px;height:22px;margin-top:1px;fill:var(--link)}
.notice p{margin:0}
.catlinks{clear:both;margin-top:24px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);font-size:.9375rem}
.catlinks .sep{color:var(--border);margin-inline:4px}
.last-mod{margin:16px 0 0;font-size:.8125rem;color:var(--muted)}

/* index */
.cols{columns:3 240px;column-gap:32px;margin-top:.7em}
.letter{padding-bottom:14px}
.body .letter h3{margin:0 0 .2em;break-inside:avoid;break-after:avoid}
.body .cols ul{margin:0 0 .4em 1.4em}
.cols li{break-inside:avoid}
.subject-sec h3{margin-bottom:0}
.subject-c{font:400 .8125rem/1.4 var(--sans);color:var(--muted);white-space:nowrap}
.body .subject-b{margin:.1em 0 0;color:var(--muted);font-size:.9375rem}

/* main page */
.mp{padding-block:20px 8px}
.mp-welcome{padding:18px 20px;text-align:center;background:var(--surface);border:1px solid var(--border-soft)}
.mp-welcome h1{margin:0;font:800 2rem/1.25 var(--serif);color:#000;text-wrap:balance}
.mp-welcome p{margin:4px 0 0}
.mp-tag{font-size:1.0625rem}
.mp-count{font-size:.9375rem;color:var(--muted)}
.mp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}
.mp-grid>.box{display:flex;flex-direction:column}
.mp-grid>.box>.box-b{flex:1 1 auto}
.box{background:var(--surface);border:1px solid var(--border-soft);min-width:0}
.box>h2{margin:0;padding:6px 14px;font:800 1.35rem/1.35 var(--serif);color:#000;background:var(--surface-2);border-bottom:1px solid var(--border-soft)}
.box-b{padding:12px 14px 14px}
.box-b::after{content:"";display:block;clear:both}
.box-b p{margin:0 0 .7em}
.featured-img{float:left;margin:4px 16px 8px 0;border:1px solid var(--border-soft);background:var(--bg);padding:3px;line-height:0}
.featured-img img{display:block;width:200px;height:auto}
.more-p{margin:0!important;text-align:right}
.more{font-weight:700;display:inline-block;padding-block:4px}
.dyk{margin:0 0 0 1.3em;padding:0}
.dyk li{margin-bottom:.55em}
.dyk-src{white-space:normal}
.latest,.rescues,.subjects{list-style:none;margin:0;padding:0}
.latest{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 28px;margin-bottom:8px}
.latest li{display:flex;gap:12px;align-items:flex-start;min-width:0}
.latest img{flex:none;width:96px;height:54px;object-fit:cover;border:1px solid var(--border-soft);background:var(--surface-2)}
.latest-t{line-height:1.4}
.latest-d{font-size:.8125rem;color:var(--muted)}
.rescues{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 28px}
.rescue-n{font-weight:700}
.rescues p{margin:2px 0 0;font-size:.9375rem;line-height:1.5}
.wide-box{margin-top:16px}
.subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 28px}
.subject-t{font-weight:700;font-size:1.0625rem}
.subjects p{margin:0;font-size:.9375rem;line-height:1.5}

/* footer */
.ft{margin-top:32px;border-top:1px solid var(--border-soft);background:var(--surface);font-size:.8125rem;color:var(--muted)}
.ft-in{padding-block:16px 24px;display:flex;flex-wrap:wrap;gap:6px 28px;align-items:flex-start;justify-content:space-between}
.ft p{margin:0;max-width:70ch}
.ft-links{display:flex;flex-wrap:wrap;gap:0 18px;list-style:none;margin:0;padding:0}

/* contents rail hidden by the reader (desktop only) */
@media (min-width:1000px){
  .pp.toc-off .rail{display:none}
  .pp.toc-off .layout{grid-template-columns:minmax(0,960px);justify-content:center}
  .pp.toc-off .toc-show{display:block}
}
@media (max-width:999px){
  .layout{grid-template-columns:minmax(0,1fr);padding-block:16px 8px}
  .rail{display:none}
  .toc-m{display:block;margin-top:12px;background:var(--surface);border:1px solid var(--border-soft)}
  .toc-m summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 12px;font-weight:700;cursor:pointer;list-style:none}
  .toc-m summary::-webkit-details-marker{display:none}
  .toc-m-s::before{content:"show";font-weight:400;font-size:.875rem;color:var(--link)}
  .toc-m[open] .toc-m-s::before{content:"hide"}
  .toc-m .toc-list{padding:0 12px 8px;border-top:1px solid var(--border-soft)}
  .toc-m .toc-list a{padding:9px 0;line-height:1.4}
}
@media (max-width:1100px){.rescues,.latest{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .hd-in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand brand" "search nav";gap:8px 12px;padding-block:8px}
  .pp-brand{grid-area:brand;min-width:0;justify-self:start}
  .brand-txt{min-width:0}
  .brand-name{font-size:1.5rem}
  .brand-tag{font-size:.75rem}
  .search{grid-area:search;max-width:none;margin-left:0}
  .search input{border-radius:2px}
  .search-btn{display:none}
  .results{right:auto;width:calc(100vw - 48px);max-width:calc(100vw - 48px)}
  .hd-nav{grid-area:nav;margin-left:0}
  .first-heading{font-size:1.6rem}
  .tabs:not(.tabs-rule){border-bottom:0}
  .tabs-l{flex:1 1 100%;border-bottom:1px solid var(--border)}
  .tabs-r{flex-basis:100%;padding-block:8px 0}
  .infobox{float:none;width:100%;margin:0 0 16px}
  /* the first paragraphs come before the facts box on a phone */
  .body-art{display:flex;flex-direction:column}
  .body-art>.lead{order:1}
  .body-art>.infobox{order:2;margin:4px 0 0}
  .body-art>.rest{order:3}
  .site-sub{display:none}
  .mp-welcome h1{font-size:1.7rem}
  .mp-grid{grid-template-columns:minmax(0,1fr)}
  .subjects{grid-template-columns:minmax(0,1fr);gap:4px}
  .rescues{grid-template-columns:minmax(0,1fr);gap:8px}
  .latest{grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:0}
  .latest li{padding-block:8px;border-top:1px solid var(--surface-2)}
  .latest li:first-child{border-top:0;padding-top:0}
  .subject-t{display:inline-flex;align-items:center;min-height:40px}
  .subjects p{margin-top:-6px;padding-bottom:6px}
  .featured-img{float:none;display:block;margin:0 0 10px;max-width:420px}
  .featured-img img{width:100%}
  .more{padding-block:10px}
  .cols{columns:1}
  .cols li a,.see li a{display:block;padding-block:8px;line-height:1.5}
  .cols li,.see li{margin-bottom:0}
  .latest-t a,.rescue-n a{display:inline-block;padding-block:8px}
  .ft-links a{display:inline-flex;align-items:center;min-height:40px}
  .catlinks a{display:inline-block;padding-block:8px}
  .hatnote{padding-left:0}
}

/* full version: breadcrumb, rescue video cards, subject pages, topics */
.crumbs{margin:0 0 6px;font-size:.8125rem;line-height:1.5;color:var(--muted)}
.crumb{display:inline-block}
.crumb:not(:last-child){margin-right:7px}
.crumbs .sep{margin-right:7px;color:var(--border)}
.layout.no-rail{grid-template-columns:minmax(0,1fr)}
#pp-main{padding-bottom:56px}
.rail{padding-top:4px;margin-top:-4px}
.body .vids,.vids{list-style:none;margin:.7em 0 .8em;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px}
.vids-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.vids li{margin:0;min-width:0}
.pp a.vid{display:block;color:var(--text);text-decoration:none}
.vid-th{position:relative;display:block;aspect-ratio:16/9;background:var(--surface-2);border:1px solid var(--border-soft);overflow:hidden}
.vid-th img{display:block;width:100%;height:100%;object-fit:cover}
.vid-play{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:rgba(0,0,0,.62);display:grid;place-items:center}
.vid-play svg{width:22px;height:22px;fill:#fff}
.vid-dur{position:absolute;right:6px;bottom:6px;padding:1px 6px;border-radius:2px;background:rgba(0,0,0,.78);color:#fff;font-size:.75rem;line-height:1.5}
.vid-t{display:block;margin-top:7px;font-weight:700;line-height:1.35;color:var(--link)}
.pp a.vid:hover .vid-t{text-decoration:underline}
.vid-m{display:block;margin-top:2px;font-size:.8125rem;line-height:1.4;color:var(--muted)}
.body .sub-list{list-style:none;margin:.5em 0 1.2em;padding:0;columns:2 320px;column-gap:36px}
.sub-list li{break-inside:avoid;margin:0 0 .8em}
.sub-list a{display:inline-block;font-weight:700;line-height:1.35;text-wrap:balance}
.sub-x{display:block;font-size:.875rem;line-height:1.45;color:var(--muted)}
.topics{list-style:none;margin:0;padding:0;columns:3 240px;column-gap:28px}
.topics li{break-inside:avoid;margin:0 0 .35em}
.toc-list li.sub2 a{padding-left:32px}
.body h4{margin:1.1em 0 .1em;font:700 1rem/1.4 var(--sans);color:#000}
.body .topic-sec .cols{margin-top:.3em}
.see-sec[hidden]{display:none}
@media (max-width:900px){.vids-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:999px){.mp-grid{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1000px){.pp.toc-off .layout.no-rail{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .body .vids,.vids,.vids-4{grid-template-columns:minmax(0,1fr);gap:12px}
  .pp a.vid{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:12px;align-items:start}
  .vid-th{grid-row:1 / span 2}
  .vid-play{width:32px;height:32px;margin:-16px 0 0 -16px}
  .vid-play svg{width:16px;height:16px}
  .vid-t{margin-top:0}
  .body .sub-list{columns:1}
  .sub-list li a,.topics li a{display:inline-block;padding-block:6px}
  .sub-list li a{padding-block:8px}
  .topics{columns:1}
  .site-sub.subject-line{display:block}
  .crumbs{line-height:2.4;margin:-6px 0 0}
  .crumbs a{padding-block:6px}
  .listen-note{flex:1 1 0%;min-width:0;line-height:1.3}
  #pp-main{padding-bottom:50px}
}
.res-none a{display:inline;min-height:0;padding:0;color:var(--link)}

/* Brand-book type: Zing Rust names things (titles, in capitals), Zing Sans Rust Light labels them (small spaced
   capitals), Zing Script Rust is the friendly accent, Nunito is read. The Zing faces have one weight: keep 400. */
.pp{--display:"Zing Rust","Nunito",ui-sans-serif,system-ui,sans-serif;--sub:"Zing Sans Rust","Nunito",ui-sans-serif,system-ui,sans-serif;--script:"Zing Script Rust","Nunito",ui-sans-serif,system-ui,sans-serif;--ink:#0f3a40;--ink-2:#16565e}
.first-heading,.mp-welcome h1,.box>h2,.brand-name,.ib-title{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;color:var(--ink)}
.first-heading{font-size:2.25rem;line-height:1.05;padding-top:4px}
.mp-welcome h1{font-size:2.6rem;line-height:1.05}
.box>h2{font-size:1.3rem;line-height:1.15;padding:10px 14px 7px}
.body h2{line-height:1.25;letter-spacing:-.01em;color:var(--ink)}
.body h3{font-weight:800;color:var(--ink);letter-spacing:-.01em}
.brand-name{font-size:1.7rem;line-height:1}
.ib-title{font-size:1.1rem;line-height:1.15;padding:9px 8px 7px}
.brand-tag,.mp-tag,.toc-h h2,.toc-m-t,.latest-d,.subject-c,.catlinks b{font-family:var(--sub);font-weight:400;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2)}
.brand-tag{font-size:.8125rem;letter-spacing:.12em;margin-top:5px;color:var(--ink)}
.mp-tag{font-size:.9375rem;text-wrap:balance}
.toc-h h2{font-size:.9375rem;line-height:1.4}
.toc-m-t{font-size:.9375rem}
.latest-d{font-size:.84375rem;letter-spacing:.1em}
.subject-c{font-size:.8125rem;letter-spacing:.1em}
.pp .more,.pp .rescue-n a{font-family:var(--script);font-weight:400;color:var(--red);font-size:1.5em;line-height:1.1}
.pp .more:active,.pp .rescue-n a:active{color:var(--red-hover)}
.pp .search-btn{font-family:var(--display);font-weight:400;font-size:1.0625rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);padding-top:2px}
.toc-show{margin-top:3px}
@media (max-width:760px){
  .first-heading{font-size:1.8rem}
  .mp-welcome h1{font-size:1.95rem}
  .body h2{font-size:1.3125rem}
  .brand-name{font-size:1.5rem}
  .brand-tag{font-size:.75rem;letter-spacing:.08em}
}

.crumbs{font-family:var(--sub);text-transform:uppercase;letter-spacing:.1em;font-size:.8125rem;color:var(--ink-2)}
.vid-t{color:var(--ink)}
.body h4{font-weight:800;color:var(--ink)}

/* The site's header, cookie bar, newsletter band, footer and skip button: lifted from site.css (pawpedia-chrome.mjs). */
:where(.skip, .hdr, .cookie, .nl, .foot) { all:initial; display:block; -webkit-locale:"en"; }
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofINeaB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofINeaB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofINeaB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofINeaB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofINeaB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { font-family:"Zing Rust"; src:url("/assets/fonts/zing-rust.otf") format("opentype"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Zing Sans Rust"; src:url("/assets/fonts/zing-sans-rust.otf") format("opentype"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Zing Script Rust"; src:url("/assets/fonts/zing-script-rust.otf") format("opentype"); font-weight:400; font-style:normal; font-display:swap; }

:where(.skip, .hdr, .cookie, .nl, .foot) {

  --logo-red:#ff0000;
  --red-700:#c40000; --red-600:#e60000; --red-500:#ff0000; --red-50:#ffecec;
  --teal-900:#0f3a40; --teal-700:#16565e; --teal-500:#2c858e; --teal-50:#e6f2f2;
  --amber:#e09112;

  --green-500:#349a2f; --green-eye:#2f9d4d; --green-book:#00864d; --green-600:#0a7444; --green-900:#0b4a31;

  --green-web:#009966; --green-billboard:#2f9d4d;

  --red-band:#f0525a;

  --fp-amp:6px; --fp-para:90;
  --ink-700:#33413f; --ink-600:#5b6b68; --ink-400:#5f6e6b;

  --ground:#f4f6f1;
  --ground-deep:#e9ede3;
  --white:#ffffff;
  --line:#e1e6da;

  --display:"Zing Rust", "Nunito", ui-sans-serif, system-ui, sans-serif;
  --sub:"Zing Sans Rust", "Nunito", ui-sans-serif, system-ui, sans-serif;
  --body:"Nunito", ui-sans-serif, system-ui, sans-serif;
  --paw:url("/img/paw.webp");
  --wrap:1180px; --ease:cubic-bezier(.16,1,.3,1);
}
:where(.skip, .skip *, .hdr, .hdr *, .cookie, .cookie *, .nl, .nl *, .foot, .foot *) { box-sizing:border-box; }
:where(.skip, .hdr, .cookie, .nl, .foot) { margin:0; background:var(--ground); color:var(--ink-600); font-family:var(--body); font-size:16px; line-height:1.75; -webkit-font-smoothing:antialiased; }
:where(.skip, .hdr, .cookie, .nl, .foot) p, :where(.skip, .hdr, .cookie, .nl, .foot) ul { margin:0; }
:where(.skip, .hdr, .cookie, .nl, .foot) a { color:inherit; text-decoration:none; }
:where(.skip, .hdr, .cookie, .nl, .foot) h2, :where(.skip, .hdr, .cookie, .nl, .foot) h4 { margin:0; font-family:var(--body); font-weight:800; color:var(--teal-900); line-height:1.12; letter-spacing:-.015em; text-wrap:balance; }
:where(.skip, .hdr, .cookie, .nl, .foot) h2 { font-family:var(--display); font-weight:400; text-transform:uppercase; letter-spacing:.01em; line-height:1.02; }
:where(.skip, .hdr, .cookie, .nl, .foot) :focus-visible { outline:3px solid var(--red-500); outline-offset:3px; border-radius:8px; }

:where(.skip, .hdr, .cookie, .nl, .foot) .wrap { width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:24px; }

:where(.skip, .hdr, .cookie, .nl, .foot) .btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:50px; padding:0 22px; border-radius:999px; font-family:var(--display); font-size:18px; font-weight:400; letter-spacing:.04em; text-transform:uppercase; border:1.5px solid transparent; cursor:pointer; transition:transform .25s var(--ease), background-color .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease), color .25s var(--ease); }
:where(.skip, .hdr, .cookie, .nl, .foot) .btn:hover { transform:translateY(-2px); }
:where(.skip, .hdr, .cookie, .nl, .foot) .btn:active { transform:translateY(0); }
:where(.skip, .hdr, .cookie, .nl, .foot) .btn--red { background:var(--red-500); color:#fff; }
:where(.skip, .hdr, .cookie, .nl, .foot) .btn--red:hover { background:var(--red-600); box-shadow:0 12px 26px -14px rgba(196,36,24,.6); }

.hdr { position:sticky; top:0; z-index:60; background:rgba(244,246,241,.92); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }
:where(.skip, .hdr, .cookie, .nl, .foot) .hdr-in { display:flex; align-items:center; gap:22px; min-height:82px; }

:where(.skip, .hdr, .cookie, .nl, .foot) .brand { display:flex; align-items:center; gap:11px; flex-shrink:0; }
:where(.skip, .hdr, .cookie, .nl, .foot) .brand .mark { width:46px; height:46px; border-radius:50%; flex-shrink:0; background:var(--paw) center/80% no-repeat, var(--logo-red); }
:where(.skip, .hdr, .cookie, .nl, .foot) .brand .wm { display:block; height:21px; width:auto; overflow:visible; fill:var(--teal-900); }
.foot .brand .wm { fill:#fff; }

@media (max-width:1180px) { :where(.skip, .hdr, .cookie, .nl, .foot) .nav a { padding:0 9px; font-size:14px; } .hdr .brand .wm { height:18px; } .hdr .btn { padding:0 15px; font-size:17px; } :where(.skip, .hdr, .cookie, .nl, .foot) .hdr-in { gap:14px; }}
@media (max-width:520px) { .hdr .brand .wm { height:16px; } .hdr .brand .mark { width:38px; height:38px; }}
:where(.skip, .hdr, .cookie, .nl, .foot) .nav { display:flex; gap:2px; margin-left:auto; list-style:none; padding:0; }

:where(.skip, .hdr, .cookie, .nl, .foot) .nav a { display:inline-flex; align-items:center; min-height:44px; padding:0 11px; font-size:15px; font-weight:700; white-space:nowrap; color:var(--ink-700); position:relative; isolation:isolate; transition:color .3s var(--ease); }
.hdr .btn { min-height:46px; padding:0 20px; font-size:18px; }
:where(.skip, .hdr, .cookie, .nl, .foot) .nav a::before { content:""; position:absolute; inset:4px -3px; z-index:-1; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23f0525a%22%20d%3D%22M9%200H91Q94%200%2094.6%203L99.4%2035Q100%2040%2095%2040H5Q0%2040%200.6%2035L5.4%203Q6%200%209%200Z%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat; clip-path:circle(0% at 50% 50%); transition:clip-path .25s var(--ease); }
:where(.skip, .hdr, .cookie, .nl, .foot) .nav a:hover, :where(.skip, .hdr, .cookie, .nl, .foot) .nav a.on { color:#fff; }
:where(.skip, .hdr, .cookie, .nl, .foot) .nav a:hover::before, :where(.skip, .hdr, .cookie, .nl, .foot) .nav a.on::before { clip-path:circle(75% at 50% 50%); transition:clip-path .6s var(--ease); }
.hdr .btn { min-height:46px; padding:0 20px; }
:where(.skip, .hdr, .cookie, .nl, .foot) .burger { display:none; width:48px; height:48px; border:1px solid var(--line); border-radius:14px; background:transparent; cursor:pointer; margin-left:auto; flex-direction:column; align-items:center; justify-content:center; gap:5px; }
:where(.skip, .hdr, .cookie, .nl, .foot) .burger svg { width:24px; height:24px; fill:none; stroke:var(--teal-900); stroke-width:2; stroke-linecap:round; }
:where(.skip, .hdr, .cookie, .nl, .foot) .soc-count { margin:18px 0 0; font-weight:800; color:var(--teal-900); font-size:15px; }
:where(.skip, .hdr, .cookie, .nl, .foot) .soc-count strong { font-family:var(--display); font-weight:400; font-size:24px; color:var(--red-500); margin-inline-end:4px; }
:where(.skip, .hdr, .cookie, .nl, .foot) .soc-count + .socials { margin-top:10px; }

.foot { background:var(--teal-900); color:rgba(255,255,255,.88); padding-block:14px 12px; position:relative; overflow:hidden; }
.foot .fp i { opacity:calc(var(--o,.1) * .55); }
.foot .socials { display:flex; gap:6px; margin:0 0 0 auto; padding:0; list-style:none; }
.foot .socials a { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.14); color:#fff; transition:background-color .2s, transform .2s; }
.foot .socials a svg { width:14px; height:14px; fill:currentColor; }
.foot .socials a:hover { background:var(--red-500); transform:translateY(-2px); }
.foot h4 { margin:0; white-space:nowrap; color:#fff; font-size:13px; text-transform:uppercase; letter-spacing:.14em; font-family:var(--sub); font-weight:400; }
@media (max-width:760px) { .foot .socials { margin-left:0; } .foot .socials a { width:40px; height:40px; }}

.cookie { position:fixed; inset-inline:0; inset-block-end:0; z-index:90; display:flex; justify-content:center; padding:12px; pointer-events:none; }
.cookie[hidden] { display:none; }
:where(.skip, .hdr, .cookie, .nl, .foot) .cookie-card { pointer-events:auto; width:100%; max-width:780px; background:var(--teal-900); border-radius:16px; padding:12px 14px 12px 20px; box-shadow:0 18px 44px rgba(14,58,66,.36); display:flex; gap:18px; align-items:center; }
.cookie p { font-size:14px; line-height:1.55; color:rgba(255,255,255,.78); flex:1; min-width:0; }
.cookie p a { color:#fff; text-decoration:underline; text-underline-offset:2px; white-space:nowrap; }
:where(.skip, .hdr, .cookie, .nl, .foot) .cookie-acts { display:flex; gap:8px; flex-shrink:0; }
:where(.skip, .hdr, .cookie, .nl, .foot) .cookie-acts .btn {
  min-height:44px; padding:0 18px; font-size:14px; border-radius:10px;
  background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.3);
}
:where(.skip, .hdr, .cookie, .nl, .foot) .cookie-acts .btn:hover { background:rgba(255,255,255,.22); transform:none; }
@media (max-width:720px) {
  .cookie { padding:10px; }
  :where(.skip, .hdr, .cookie, .nl, .foot) .cookie-card { flex-direction:column; align-items:stretch; gap:12px; padding:16px; }
  :where(.skip, .hdr, .cookie, .nl, .foot) .cookie-acts .btn { flex:1; }}
.foot li a, .foot .socials a { min-height:44px; }

:where(.skip, .hdr, .cookie, .nl, .foot) .fp { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
:where(.skip, .hdr, .cookie, .nl, .foot) .fp i { position:absolute; top:var(--y); width:var(--s); aspect-ratio:1; background:var(--paw) center/contain no-repeat; filter:brightness(0) invert(1); opacity:var(--o,.1); rotate:var(--r,0deg); translate:0 calc(var(--py,0px) * var(--v,1)); animation:fp-float var(--t,10s) ease-in-out var(--dl,0s) infinite alternate; }
@media (prefers-reduced-motion: reduce) { :where(.skip, .hdr, .cookie, .nl, .foot) .fp i { animation:none; translate:none; }}
.foot { isolation:isolate; }
.foot > .wrap { position:relative; z-index:1; }

:where(.skip, .hdr, .cookie, .nl, .foot) .btn:active { transform:translateY(0) scale(.97); }
:where(.skip, .hdr, .cookie, .nl, .foot) .nav a:active::before { clip-path:circle(75% at 50% 50%); transition:clip-path .15s; }
:where(.skip, .hdr, .cookie, .nl, .foot) .nav a:active { color:#fff; }

@media (max-width:760px) {
  :where(.skip, .hdr, .cookie, .nl, .foot) { --fp-para:110; }
  :where(.skip, .hdr, .cookie, .nl, .foot) .fp i { width:calc(var(--s) * .55); opacity:calc(var(--o,.1) * .7); }}
.foot, .foot li a { color:#fff; }
.foot .fp i { opacity:calc(var(--o,.1) * .6); }

.nl { background:var(--red-500); color:#fff; position:relative; overflow:hidden; isolation:isolate; padding-block:46px; }
.nl > .wrap { position:relative; z-index:1; }
.nl .fp i { opacity:calc(var(--o,.1) * 1.5); }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-in { display:grid; grid-template-columns:1fr auto; gap:24px 44px; align-items:center; }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-text h2 { color:#fff; font-family:var(--body); font-weight:900; font-size:clamp(24px,2.6vw,32px); text-transform:none; letter-spacing:-.01em; line-height:1.15; display:flex; flex-wrap:wrap; align-items:center; gap:0 10px; }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-lbl { position:relative; isolation:isolate; display:inline-block; padding:3px 14px 5px; color:var(--red-500); }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-lbl::before { content:""; position:absolute; inset:0; z-index:-1; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M9%200H91Q94%200%2094.6%203L99.4%2035Q100%2040%2095%2040H5Q0%2040%200.6%2035L5.4%203Q6%200%209%200Z%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat; }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-text p { margin:10px 0 0; color:rgba(255,255,255,.94); font-size:15.5px; max-width:52ch; }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-form { display:flex; gap:12px; width:min(560px, 100%); }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-form input { flex:1; min-width:0; min-height:58px; border-radius:16px; border:0; padding:0 20px; font-family:var(--body); font-size:16px; color:var(--teal-900); background:#fff; }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-form input::placeholder { color:var(--ink-400); }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-form input:focus { outline:3px solid rgba(255,255,255,.55); outline-offset:2px; }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-btn { min-height:58px; padding:0 26px; border:0; border-radius:16px; background:#fff; color:var(--red-500); font-family:var(--display); font-size:18px; letter-spacing:.04em; text-transform:uppercase; cursor:pointer; display:inline-flex; align-items:center; gap:10px; transition:background-color .2s, color .2s, transform .2s; }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-btn .pawi { width:20px; height:20px; background:var(--red-500); -webkit-mask:var(--paw) center/contain no-repeat; mask:var(--paw) center/contain no-repeat; transition:background-color .2s; }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-btn:hover { background:var(--teal-900); color:#fff; transform:translateY(-2px); } :where(.skip, .hdr, .cookie, .nl, .foot) .nl-btn:hover .pawi { background:#fff; }
.foot { background:#fff; color:var(--ink-600); padding:56px 0 0; border-top:0; }
.foot .fp { display:none; }
:where(.skip, .hdr, .cookie, .nl, .foot) .foot-grid { display:grid; grid-template-columns:1.35fr 1fr 1fr 1.25fr; gap:36px 40px; align-items:start; }
.foot .brand .wm { fill:var(--teal-900); }
.foot .ab { margin:18px 0 0; font-size:15px; line-height:1.6; color:var(--ink-600); max-width:30rem; }
.foot .socials { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 0; padding:0; list-style:none; }
.foot .socials a { width:38px; height:38px; border-radius:50%; background:var(--red-50); color:var(--red-500); display:grid; place-items:center; transition:background-color .2s, color .2s, transform .2s; }
.foot .socials a svg { width:15px; height:15px; fill:currentColor; }
.foot .socials a:hover { background:var(--red-500); color:#fff; transform:translateY(-2px); }
.foot h4 { font-family:var(--body); font-weight:800; font-size:20px; color:var(--teal-900); text-transform:none; letter-spacing:0; margin:0 0 14px; min-height:0; display:block; }
.foot ul { list-style:none; padding:0; margin:0; display:grid; gap:2px; }
.foot li a { display:inline-flex; align-items:center; min-height:34px; font-size:15px; color:var(--ink-600); transition:color .2s; }
.foot li a:hover { color:var(--red-500); text-decoration:none; }
:where(.skip, .hdr, .cookie, .nl, .foot) .foot-bar { margin-top:52px; background:var(--ground-deep); padding:16px 0; font-size:13.5px; color:var(--ink-400); }
:where(.skip, .hdr, .cookie, .nl, .foot) .foot-bar .wrap { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 20px; }
:where(.skip, .hdr, .cookie, .nl, .foot) .foot-bar a { color:var(--ink-600); } :where(.skip, .hdr, .cookie, .nl, .foot) .foot-bar a:hover { color:var(--teal-900); }
@media (max-width:1024px) { :where(.skip, .hdr, .cookie, .nl, .foot) .foot-grid { grid-template-columns:1fr 1fr; } :where(.skip, .hdr, .cookie, .nl, .foot) .nl-in { grid-template-columns:1fr; } :where(.skip, .hdr, .cookie, .nl, .foot) .nl-form { width:100%; }}
@media (max-width:640px) { :where(.skip, .hdr, .cookie, .nl, .foot) .foot-grid { grid-template-columns:1fr; } .nl { padding-block:30px; } :where(.skip, .hdr, .cookie, .nl, .foot) .nl-text h2 { font-size:22px; } :where(.skip, .hdr, .cookie, .nl, .foot) .nl-text p { margin-top:6px; font-size:14.5px; } :where(.skip, .hdr, .cookie, .nl, .foot) .nl-form input { min-height:50px; padding:0 14px; } :where(.skip, .hdr, .cookie, .nl, .foot) .nl-btn { min-height:50px; padding:0 16px; font-size:16px; gap:6px; flex-shrink:0; } :where(.skip, .hdr, .cookie, .nl, .foot) .nl-btn .pawi { display:none; } :where(.skip, .hdr, .cookie, .nl, .foot) .nl-in { grid-template-columns:minmax(0,1fr); } :where(.skip, .hdr, .cookie, .nl, .foot) .nl-form { width:100%; min-width:0; } :where(.skip, .hdr, .cookie, .nl, .foot) .foot-bar .wrap { flex-direction:column; }}
.nl .fp { display:none; }
.foot .socials a { width:38px; height:38px; min-height:0; padding:0; flex:0 0 38px; aspect-ratio:1; border-radius:12px; }
:where(.skip, .hdr, .cookie, .nl, .foot) #foot-articles li a { min-height:0; padding:8px 0; line-height:1.4; }

:where(.skip, .hdr, .cookie, .nl, .foot) .foot-grid > * { min-width:0; }
.foot ul { grid-template-columns:minmax(0,1fr); } .foot li { min-width:0; }
:where(.skip, .hdr, .cookie, .nl, .foot) #foot-articles li a { display:block; overflow-wrap:anywhere; }
@media (max-width:640px) {
  :where(.skip, .hdr, .cookie, .nl, .foot) .foot-grid { grid-template-columns:repeat(2, minmax(0,1fr)); gap:30px 20px; }
  :where(.skip, .hdr, .cookie, .nl, .foot) .foot-grid > .foot-brand, :where(.skip, .hdr, .cookie, .nl, .foot) .foot-grid > div:last-child { grid-column:1 / -1; }
  .foot .foot-brand .brand { display:none; }
  .foot .ab { margin-top:0; }}

.nl { background:var(--red-band); }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-lbl { color:var(--red-band); }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-btn { color:var(--red-band); } :where(.skip, .hdr, .cookie, .nl, .foot) .nl-btn .pawi { background:var(--red-band); }
:where(.skip, .hdr, .cookie, .nl, .foot) #foot-articles li a { display:block; min-height:34px; line-height:34px; padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }

@media (max-width:1119px) {
  :where(.skip, .hdr, .cookie, .nl, .foot) .nav { display:none; }
  :where(.skip, .hdr, .cookie, .nl, .foot) .burger { display:flex; }
  :where(.skip, .hdr, .cookie, .nl, .foot) .nav.open { display:flex; position:absolute; inset-inline:0; top:100%; flex-direction:column; gap:0; background:var(--white); border-bottom:1px solid var(--line); padding:8px 24px 16px; box-shadow:0 20px 40px -20px rgba(13,47,44,.28); }
  :where(.skip, .hdr, .cookie, .nl, .foot) .nav.open a { min-height:50px; }
  :where(.skip, .hdr, .cookie, .nl, .foot) .nav.open { max-height:calc(100dvh - 83px); overflow-y:auto; overscroll-behavior:contain; }
  :where(.skip, .hdr, .cookie, .nl, .foot) .nav.open a::before { inset:4px -10px; }}

.skip { position:absolute; left:-9999px; top:12px; z-index:100; background:var(--teal-900); color:#fff; border:0; border-radius:12px; padding:12px 18px; font-family:var(--body); font-weight:800; font-size:15px; }
.skip:focus { left:16px; }
:where(.skip, .hdr, .cookie, .nl, .foot) .nav .nav-donate { display:none; }
@media (max-width:760px) { :where(.skip, .hdr, .cookie, .nl, .foot) .nav .nav-donate { display:list-item; } :where(.skip, .hdr, .cookie, .nl, .foot) .nav .nav-donate a { color:var(--red-500); font-weight:800; } :where(.skip, .hdr, .cookie, .nl, .foot) .nav .nav-donate a:hover, :where(.skip, .hdr, .cookie, .nl, .foot) .nav .nav-donate a:active, :where(.skip, .hdr, .cookie, .nl, .foot) .nav .nav-donate a.on { color:#fff; }}
.nl :focus-visible { outline-color:#fff; }
@media (prefers-reduced-motion:reduce) { :where(.skip, .skip *, .hdr, .hdr *, .cookie, .cookie *, .nl, .nl *, .foot, .foot *), :where(.skip, .skip *, .hdr, .hdr *, .cookie, .cookie *, .nl, .nl *, .foot, .foot *)::before, :where(.skip, .skip *, .hdr, .hdr *, .cookie, .cookie *, .nl, .nl *, .foot, .foot *)::after { animation-duration:.01ms !important; animation-delay:0s !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }}

@media (min-width:1120px) { :where(.skip, .hdr, .cookie, .nl, .foot) .nav .nav-contact { display:none; }}

:where(.skip, .hdr, .cookie, .nl, .foot) .fp { display:none !important; }
@media (prefers-reduced-motion:reduce){ :where(.skip, .hdr, .cookie, .nl, .foot) .btn:hover {transform:none}}
@media (max-width:760px) {
  :where(.skip, .hdr, .cookie, .nl, .foot) .nav { display:none; }
  :where(.skip, .hdr, .cookie, .nl, .foot) .burger { display:flex; }
  .hdr .btn { display:none; }
  :where(.skip, .hdr, .cookie, .nl, .foot) .nav.open { display:flex; position:absolute; inset-inline:0; top:100%; flex-direction:column; gap:0; background:var(--white); border-bottom:1px solid var(--line); padding:8px 24px 16px; box-shadow:0 20px 40px -20px rgba(13,47,44,.28); }
  :where(.skip, .hdr, .cookie, .nl, .foot) .nav.open a { min-height:50px; }
  :where(.skip, .hdr, .cookie, .nl, .foot) .nav.open { max-height:calc(100dvh - 83px); overflow-y:auto; overscroll-behavior:contain; }
  :where(.skip, .hdr, .cookie, .nl, .foot) .nav.open a::before { inset:4px -10px; }
  :where(.skip, .hdr, .cookie, .nl, .foot) .btn { width:100%; }}

:where(.skip, .hdr, .cookie, .nl, .foot) .form-err { margin:6px 0 0; padding:14px 18px; border-radius:14px; background:#fdecea; color:#8a1c1c; font-weight:700; }
:where(.skip, .hdr, .cookie, .nl, .foot) form[aria-busy="true"] [type="submit"] { opacity:.65; cursor:progress; }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-msg { grid-column:-2 / -1; margin:0; padding:12px 18px; border-radius:14px; background:#fff; color:var(--teal-900); font-weight:700; }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-msg:focus { outline:none; }
:where(.skip, .hdr, .cookie, .nl, .foot) .nl-msg--err { background:#fdecea; color:#8a1c1c; }
:where(.skip, .hdr, .cookie, .nl, .foot) .hp { position:absolute !important; left:-10000px !important; top:auto !important; width:1px !important; height:1px !important; overflow:hidden !important; }
@keyframes fp-float { from { transform:translateY(calc(var(--fp-amp,6px) * -1)) rotate(-2deg); } to { transform:translateY(var(--fp-amp,6px)) rotate(2deg); } }