/* ==========================================================
   elevated.css · loaded after styles.css.
   Everything new or changed lives here, so the original
   stylesheet stays untouched and easy to compare.
   ========================================================== */
:root{
  --clay-blue:#1f5b7e;
  --clay-orange:#e0612c;
  --clay-lavender:#8f82d6;
  --clay-yellow:#eea52c;
  --leaf:#5f8a3e;
  --display:"Fredoka","Trebuchet MS",system-ui,sans-serif;
  --read:"Andika","Trebuchet MS",system-ui,sans-serif;
  --scene-h:min(56vh,520px);
  --tabbar-h:64px;
}

/* ---------- Typography: rounded like the clay logo, readable for early readers ---------- */
body{font-family:var(--read);font-size:1.05rem}
h1,h2,h3,.find-heading h1{font-family:var(--display);font-weight:600;letter-spacing:-.005em;text-wrap:balance}
.eyebrow,.site-header nav a,.sound-toggle,.paper-button,.wood-button,.danger-button,.progress-wrap,.badge,
.journal-heading p,.badge-progress,.badge-paper #foundBadge,.final-badge-name,.reward-pending,
.episode-resource .text-button,.short-title,.shorts-more{font-family:var(--display)}
.eyebrow{font-weight:600;letter-spacing:.14em}
.paper-button,.wood-button,.danger-button{font-weight:600;letter-spacing:.04em;text-transform:none;font-size:.95rem;border-radius:12px;padding:.8rem 1.15rem;min-height:46px;transition:transform .15s,box-shadow .15s}
.paper-button:hover,.wood-button:hover{transform:translateY(-2px) rotate(-.3deg);box-shadow:3px 5px 0 rgba(67,43,24,.22)}
.paper-button:active,.wood-button:active{transform:translateY(1px);box-shadow:1px 1px 0 rgba(67,43,24,.22)}
img{height:auto}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--clay-yellow);outline-offset:3px}

/* ---------- Header ---------- */
.logo-home img{object-fit:contain;background:#f2e4ca}
.site-header nav a{font-weight:600}
.sound-toggle{display:inline-flex;align-items:center;gap:.45rem;font-weight:600}
.sound-icon{width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h4l5-4v14l-5-4H4z'/%3E%3Cpath d='M17 9l4 6M21 9l-4 6' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h4l5-4v14l-5-4H4z'/%3E%3Cpath d='M17 9l4 6M21 9l-4 6' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.sound-toggle.on{background:var(--forest);color:#fff8e6}
.sound-toggle.on .sound-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h4l5-4v14l-5-4H4z'/%3E%3Cpath d='M16 8.5a5 5 0 010 7M18.5 6a8.5 8.5 0 010 12' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h4l5-4v14l-5-4H4z'/%3E%3Cpath d='M16 8.5a5 5 0 010 7M18.5 6a8.5 8.5 0 010 12' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}

/* ---------- Living landscape behind the clubhouse ---------- */
.find-section{isolation:isolate;padding-bottom:clamp(7rem,11vw,8.5rem);background:#e6efe0}
.landscape{position:absolute;inset:0;z-index:0;pointer-events:none;display:block}
.find-heading,.scene-shell,.completion{position:relative;z-index:1}
.find-heading{margin-bottom:clamp(1.6rem,4vw,2.8rem)}
.find-heading h1,.find-heading p{text-shadow:0 0 14px rgba(246,240,222,.95),0 0 4px rgba(246,240,222,.9)}
.find-heading .eyebrow{text-shadow:0 0 10px rgba(246,240,222,1)}
.scene{box-shadow:0 22px 60px rgba(21,47,37,.32),0 0 0 6px rgba(255,250,236,.85)}

/* ---------- Scene ---------- */
.scene-shell{position:relative}
.scene-chip{display:none}
.swipe-hint{display:none}
.find-heading h1{font-size:clamp(1.7rem,3.4vw,3.1rem)}

/* ---------- Badge popup: the hand-off outside ---------- */
.badge-next{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:.4rem}
.outside-button{background:var(--leaf);font-size:1.02rem}
.outside-teaser{margin:.7rem auto 0;font-size:.95rem;color:#4b5a40;max-width:34ch}
.discovery-links a{font-family:var(--display);font-weight:600}

/* ---------- Episodes ---------- */
.free-hunt{display:block;margin-top:.55rem;color:var(--leaf);font:600 .92rem/1.4 var(--display);text-decoration:none}
.free-hunt:hover{text-decoration:underline}
.soon-resource{background:#fdf3dc;border-style:dashed}
.photo-card span{font-family:var(--display);font-weight:600}

/* ---------- Shorts ---------- */
.shorts-filter{display:flex;gap:.5rem;flex-wrap:wrap;margin:-.25rem 0 .6rem}
.filter-chip{border:1.5px solid var(--wood);background:var(--cream);border-radius:999px;padding:.45rem .95rem;font:600 .9rem/1 var(--display);cursor:pointer;color:var(--wood)}
.filter-chip[aria-pressed="true"]{background:var(--wood);color:#fff8e6}
.short-title{font-weight:600;line-height:1.2}
.short-title small{display:block;font:400 .82rem/1.25 var(--read);opacity:.92;margin-top:.15rem}
.short-card{border-radius:14px;transition:transform .2s}
.short-card:hover{transform:translateY(-4px) rotate(-.6deg)}
.short-card[hidden]{display:none}

/* ---------- Leaf stamp (drawn, no image) ---------- */
.stamp-leaf{display:inline-block;width:46px;height:46px;border-radius:50%;border:2.5px dashed var(--leaf);background:#eef3dd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M9 31C9 17 17 9 32 8c-1 15-9 23-23 23z' fill='%235f8a3e'/%3E%3Cpath d='M9 31L24 16' stroke='%23eef3dd' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/66% no-repeat;transform:rotate(-8deg);flex:none}
.stamp-leaf.big{width:74px;height:74px}
.stamp-leaf.mini{position:absolute;right:6px;top:6px;width:32px;height:32px;border-width:2px}

/* ---------- Take It Outside ---------- */
.outside-section{padding:clamp(3.5rem,7vw,6rem) clamp(1rem,5vw,5rem);background:#dfe7cc;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.55) 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,rgba(95,138,62,.12) 0 2px,transparent 3px);background-size:38px 38px,52px 52px;position:relative}
.outside-heading{max-width:1250px;margin:0 auto 1.8rem;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}
.outside-heading h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:.2rem 0 .7rem;color:var(--forest)}
.outside-heading p:not(.eyebrow){max-width:58ch;margin:0}
.outside-heading .eyebrow{color:var(--leaf)}
.stamp-counter{display:flex;align-items:center;gap:.8rem;background:#fbf6e6;border:2px solid #b7c49a;border-radius:16px;padding:.8rem 1.1rem;font:500 .95rem/1.2 var(--display);color:var(--forest);box-shadow:4px 5px 0 #b7c49a;flex:none}
.stamp-counter strong{font-size:1.6rem}
.mission-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.mission-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-align:left;padding:1rem 1rem 1.1rem;background:#fbf6e6;border:1.5px solid #c8bf98;border-radius:16px;cursor:pointer;color:var(--ink);font:inherit;box-shadow:0 6px 0 #cbc39c;transition:transform .18s,box-shadow .18s}
.mission-card:nth-child(odd){transform:rotate(-.5deg)}
.mission-card:nth-child(even){transform:rotate(.5deg)}
.mission-card:hover{transform:translateY(-4px) rotate(0);box-shadow:0 10px 0 #cbc39c}
.mission-card img{width:74px;height:74px;object-fit:contain;filter:grayscale(.85) opacity(.55);transition:filter .3s}
.mission-card.unlocked img,.mission-card.done img{filter:none}
.mc-num{font:600 .7rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)}
.mission-card strong{font:600 1.08rem/1.2 var(--display);color:var(--forest)}
.mc-prompt{font-size:.88rem;color:#5b5a44;line-height:1.35}
.mc-meter{width:100%;height:6px;background:#e4dcc0;border-radius:4px;overflow:hidden;margin-top:auto}
.mc-meter i{display:block;height:100%;background:var(--leaf);border-radius:4px}
.mc-status{font:600 .85rem/1.2 var(--display);color:var(--wood)}
.mission-card.done{background:#f2f6e3;border-color:#9fb57c}
.mission-card.done .mc-status{color:var(--leaf)}
.mission-card>.stamp-leaf{position:absolute;right:.7rem;top:.7rem}
.outside-note{max-width:1250px;margin:1.5rem auto 0;font-size:.95rem;color:#4b5a40}

/* ---------- Outdoor mission dialog (a field-guide page) ---------- */
.mission-dialog{width:min(94vw,520px);max-height:92dvh;overflow:visible;color:var(--ink)}
.mission-dialog::backdrop{background:rgba(22,48,30,.72)}
.mission-paper{position:relative;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;background:#fbf8ee;background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(95,138,62,.09) 32px 33px);border-radius:18px;border:3px solid #b7c49a;box-shadow:0 24px 70px #0b1f14aa;padding:clamp(1.1rem,4vw,1.8rem)}
.mission-kicker{margin:0;font:600 .75rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--leaf)}
.mission-head{display:flex;align-items:center;gap:1rem;margin:.6rem 0 .4rem}
.mission-head img{width:88px;height:88px;object-fit:contain;flex:none}
.mission-head h2{margin:0;font-size:clamp(1.6rem,5vw,2.1rem);color:var(--forest);line-height:1.05}
.mission-prompt{margin:.25rem 0 0;font-style:italic;color:#56613f}
.read-aloud{display:inline-flex;align-items:center;gap:.5rem;margin:.3rem 0 .2rem;padding:.6rem 1.1rem;min-height:46px;border-radius:999px;border:2px solid var(--clay-blue);background:#eaf2f7;color:var(--clay-blue);font:600 1rem/1 var(--display);cursor:pointer;transition:transform .15s}
.read-aloud:hover{transform:translateY(-2px)}
.read-aloud.small{min-height:40px;padding:.45rem .9rem;font-size:.9rem;margin:.1rem auto .5rem}
.read-tip{margin:.2rem 0 0;font-size:.88rem;color:#56613f}
.mission-list{list-style:none;margin:.8rem 0;padding:0;display:grid;gap:.45rem}
.hunt-item{width:100%;display:flex;align-items:center;gap:.8rem;text-align:left;background:#fff;border:1.5px solid #d8d2b6;border-radius:12px;padding:.7rem .85rem;font:500 1.08rem/1.25 var(--read);color:var(--ink);cursor:pointer;min-height:52px;transition:background .15s,border-color .15s}
.hunt-item:hover{border-color:var(--leaf)}
.hunt-item .tick{width:26px;height:26px;border-radius:8px;border:2px solid #9aa77c;flex:none;display:grid;place-items:center;transition:background .15s,transform .15s}
.hunt-item[aria-pressed="true"]{background:#eef4dd;border-color:#a9c083}
.hunt-item[aria-pressed="true"] .tick{background:var(--leaf);border-color:var(--leaf);transform:rotate(-6deg)}
.hunt-item[aria-pressed="true"] .tick::after{content:"";width:12px;height:7px;border:3px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.hunt-item[aria-pressed="true"] span:last-child{text-decoration:line-through;text-decoration-color:rgba(95,138,62,.6);text-decoration-thickness:2px}
.mission-safety{margin:.2rem 0 .8rem;font-size:.92rem;color:#56613f;padding-left:.2rem}
.mission-safety.warn{background:#fdecc8;border-radius:10px;padding:.55rem .8rem;color:#6a4a12;font-weight:700}
.mission-play{background:#f1ecd7;border-radius:12px;padding:.8rem 1rem}
.mission-play p{margin:.2rem 0 0;font-size:1.05rem}
.mission-stamp{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding:.9rem 1rem;border:2px dashed var(--leaf);border-radius:14px;background:#f2f6e3}
.mission-stamp strong{font:600 1.25rem/1.1 var(--display);color:var(--leaf)}
.mission-stamp p{margin:.2rem 0 0}
.mission-stamp.pop .stamp-leaf{animation:stampIn .55s cubic-bezier(.2,1.6,.4,1)}
@keyframes stampIn{from{transform:scale(2.2) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(-8deg);opacity:1}}
.mission-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:1.1rem}
.mission-actions .text-button{color:var(--forest);font:600 .92rem/1.3 var(--display);padding:.5rem .2rem}
.mission-actions #missionReset{color:#7a6a50;margin-left:auto}

/* ---------- Badge book: leaf stamps ---------- */
.badge{position:relative}
.badge.stamped{border-color:var(--leaf);background:#f3f6e4}
.badge-note a{color:var(--forest);font-weight:700}
.next-panel{background:#f2f6e3;border-color:#9fb57c;box-shadow:4px 4px 0 #b7c49a}

/* ---------- Grown-ups ---------- */
.grown-section p a{color:var(--forest);font-weight:700}
.grown-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:0 clamp(1rem,6vw,6rem) clamp(3rem,6vw,5rem);background:#f5ead1}
.grown-values article{background:#fffaf0;border:1.5px solid #dcc9a0;border-radius:16px;padding:1.1rem 1.2rem}
.grown-values h3{margin:.4rem 0 .3rem;font-size:1.12rem;color:var(--forest)}
.grown-values p{margin:0;font-size:.95rem}
.grown-values a{color:var(--forest);font-weight:700}
.value-icon{font-size:1.6rem}

/* ---------- YouTube: pill, band, buttons ---------- */
.yt-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:999px;background:#e62117;color:#fff;text-decoration:none;font:600 .82rem/1 var(--display);letter-spacing:.04em;white-space:nowrap;transition:transform .15s}
.yt-pill:hover{transform:translateY(-1px)}
.yt-dot{font-size:.7rem}
.yt-band{padding:clamp(2.5rem,6vw,4.5rem) clamp(1rem,5vw,5rem);background:#3d2b1c;background-image:radial-gradient(circle at 10% 20%,rgba(238,165,44,.22),transparent 42%),radial-gradient(circle at 92% 85%,rgba(95,138,62,.28),transparent 45%),repeating-linear-gradient(95deg,rgba(255,255,255,.018) 0 2px,transparent 2px 9px);color:#fbf3e2;border-top:6px solid #5a3f28;border-bottom:6px solid #5a3f28}
.yt-band-inner{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem 3rem;flex-wrap:wrap}
.yt-band-copy{max-width:56ch}
.yt-band .eyebrow{color:var(--clay-yellow)}
.yt-band h2{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.05;margin:.2rem 0 .6rem;color:#fff8e6}
.yt-band p{margin:0;color:#eadcc3}
.yt-band-actions{display:grid;gap:.7rem;justify-items:start}
.yt-button{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.5rem;min-height:54px;border-radius:14px;background:#e62117;color:#fff;text-decoration:none;font:600 1.1rem/1 var(--display);box-shadow:0 6px 0 #9e140d;transition:transform .15s,box-shadow .15s}
.yt-button:hover{transform:translateY(-2px);box-shadow:0 8px 0 #9e140d}
.yt-button:active{transform:translateY(3px);box-shadow:0 2px 0 #9e140d}
.yt-link{color:#f6e7c8;font:600 1rem/1 var(--display)}
.yt-inline{display:inline-flex;align-items:center;gap:.45rem;color:#c4302b;font:600 .95rem/1.2 var(--display);text-decoration:none}
.yt-inline::before{content:"▶";display:inline-grid;place-items:center;width:1.7rem;height:1.2rem;border-radius:5px;background:#e62117;color:#fff;font-size:.6rem;padding-left:1px}
.yt-inline:hover{text-decoration:underline}

.site-header .yt-pill{margin-left:.2rem}
.nb-teaser{margin-top:.8rem!important}
.nb-teaser a{color:var(--forest);font:600 1rem/1.35 var(--display);text-decoration:none;border-bottom:2px solid rgba(95,138,62,.4)}
.nb-teaser a:hover{border-bottom-color:var(--leaf)}
.notebook-banner{display:grid;grid-template-columns:56px 1fr auto;gap:1rem;align-items:center;margin-top:1rem;padding:1rem 1.2rem;background:#f3f1fc;border:2px solid var(--clay-lavender);border-radius:16px;text-decoration:none;color:var(--ink);box-shadow:0 5px 0 #d9d3f3;transition:transform .15s}
.notebook-banner:hover{transform:translateY(-2px)}
.nbb-emoji{font-size:2.2rem;text-align:center}
.notebook-banner strong{display:block;font:600 1.3rem/1.1 var(--display);color:#4a3f96}
.notebook-banner small{display:block;font-size:.95rem;margin-top:.2rem}
.celebrate-yt{margin:1.2rem 0 .6rem}
@media(max-width:540px){
  .site-header .yt-pill{padding:.5rem .6rem;font-size:0;gap:0}
  .site-header .yt-pill .yt-dot{font-size:.8rem}
  .notebook-banner{grid-template-columns:44px 1fr}
  .notebook-banner .guide-go{grid-column:2}
}

/* ---------- Did you know? (badge + hunt popups) ---------- */
.fact-box{margin:.8rem 0;padding:.75rem .95rem .8rem 2.6rem;position:relative;background:#fff8dc;border:1.5px dashed var(--clay-yellow);border-radius:14px;text-align:left;font-size:1rem;line-height:1.45}
.fact-box::before{content:"💡";position:absolute;left:.8rem;top:.7rem;font-size:1.1rem}
.fact-box strong{display:block;font:600 .74rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:#a0680c;margin-bottom:.3rem}
.fact-box a{color:var(--forest);font-weight:700;white-space:nowrap}
.mission-yt{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:.8rem}

/* ---------- Parents' Corner ---------- */
.parents-section{padding:clamp(3rem,6vw,5rem) clamp(1rem,5vw,5rem);background:#fbf6e6;border-top:1px solid #e3d3ad}
.parents-section>*{max-width:1250px;margin-inline:auto}
.parents-head h2{font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.05;margin:.2rem 0 .6rem;color:var(--forest)}
.parents-head p:not(.eyebrow){max-width:60ch;margin:0}
.parents-sub{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;margin-top:2.2rem;margin-bottom:.9rem;font-size:1.3rem;color:var(--forest)}
.parents-sub span{font:400 .9rem/1 var(--read);color:#7a6a50}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.guide-card{display:grid;gap:.25rem;padding:1.2rem 1.3rem;background:#fff;border:1.5px solid #dccaa0;border-radius:16px;color:var(--ink);text-decoration:none;box-shadow:0 5px 0 #e3d3ad;transition:transform .18s,box-shadow .18s}
.guide-card:hover{transform:translateY(-3px);box-shadow:0 8px 0 #e3d3ad}
.guide-emoji{font-size:1.8rem}
.guide-num{font:600 .72rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--rust)}
.guide-card strong{font:600 1.35rem/1.1 var(--display);color:var(--forest)}
.guide-tag{font-size:.95rem;color:#5b5a44}
.guide-go{font:600 .92rem/1 var(--display);color:var(--leaf);margin-top:.4rem}
.guide-card.soon{border-style:dashed;background:#fffaf0}
.printable-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:.6rem}
.printable-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:.8rem;padding:.6rem .9rem .6rem .6rem;background:#fff;border:1.5px solid #e3d3ad;border-radius:14px;color:var(--ink);text-decoration:none;min-height:64px}
.printable-row:hover{border-color:var(--leaf);background:#f7faef}
.printable-row img{width:48px;height:48px;object-fit:contain}
.printable-row strong{display:block;font:600 1rem/1.2 var(--display);color:var(--forest)}
.printable-row small{display:block;font-size:.84rem;color:#6d6450;line-height:1.3}
.pr-go{font:600 .85rem/1 var(--display);color:var(--leaf);white-space:nowrap}
.pr-icon{font-size:1.9rem;text-align:center}
.printable-row.coloring{background:#fff7e6;border-style:dashed}
@media(max-width:850px){.guide-grid{grid-template-columns:1fr}}

/* ---------- Sign-up forms ---------- */
.updates-section{padding:clamp(3rem,6vw,5rem) clamp(1rem,5vw,5rem);background:var(--forest);background-image:radial-gradient(circle at 85% 20%,rgba(238,165,44,.18),transparent 40%),radial-gradient(circle at 10% 90%,rgba(143,130,214,.16),transparent 45%)}
.updates-card{max-width:1050px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;color:#f6edda}
.updates-card h2{font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.05;margin:.2rem 0 .6rem;color:#fff8e6}
.updates-card .eyebrow{color:var(--clay-yellow)}
.signup-form{display:grid;gap:.55rem}
.field-label{font:600 .95rem/1.2 var(--display)}
.field-row{display:flex;gap:.5rem;flex-wrap:wrap}
.field-row input{flex:1 1 220px;min-height:48px;border-radius:12px;border:2px solid #c9b58c;padding:.65rem .9rem;font:1rem var(--read);background:#fffaf0;color:var(--ink)}
.field-row .wood-button{flex:none}
.updates-card .wood-button{background:var(--clay-yellow);color:#2b1d08}
.check{display:flex;align-items:center;gap:.5rem;font-size:.95rem}
.check input{width:20px;height:20px;accent-color:var(--leaf)}
.form-status{margin:0;min-height:1.4em;font-size:.95rem}
.form-status.ok{color:#bfe3a5;font-weight:700}
.patch-form .form-status.ok{color:var(--leaf)}
.form-status.err{color:#ffb49c}
.patch-form .form-status.err{color:var(--rust)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.patch-form{max-width:560px;margin:2rem auto 0;background:#fff7e6;border:1.5px dashed #b99c73;border-radius:16px;padding:1.2rem 1.3rem;color:var(--ink)}
.contact-address{font:600 1rem var(--display);color:var(--forest);user-select:all;margin-top:.8rem!important}

/* ---------- Bundle ---------- */
.bundle-card{max-width:560px;margin:2rem auto 0;text-align:center;background:#fff8e9;border:2px solid var(--clay-yellow);border-radius:18px;padding:1.4rem;box-shadow:6px 7px 0 #e9c77b}
.bundle-card h3{margin:.2rem 0;color:var(--forest);font-size:1.5rem}
.bundle-price{font:600 1.3rem var(--display)}
.bundle-price s{opacity:.55;margin-right:.4rem}

/* ---------- Footer ---------- */
footer img{width:160px;border-radius:10px}
.footer-links{flex-wrap:wrap}

/* ---------- Celebration leaves ---------- */
.leaf-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9999;display:none}
.leaf-canvas.on{display:block}

/* ---------- Wide / maximized screens: one shared 1250px column ---------- */
.shorts-heading,.shorts-filter,.shorts-strip,.patch-grid{max-width:1250px;margin-inline:auto}
.shorts-more{display:block;max-width:1250px;margin-inline:auto}
@media(min-width:1400px){
  .grown-section,.grown-values{padding-inline:calc((100% - 1250px)/2)}
  .explore-section,.meet-section{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
  .explore-section>div:last-child,.meet-copy{max-width:720px;margin-inline:auto}
}

/* ---------- Mobile tab bar ---------- */
.tabbar{display:none}

@media(max-width:1050px){
  .mission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grown-values{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:850px){
  .site-header nav{display:none}
  .site-header{justify-content:space-between}
  body{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px))}
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(250,243,226,.97);border-top:1px solid #d6c49c;box-shadow:0 -6px 18px rgba(30,40,25,.08);backdrop-filter:blur(8px)}
  .tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:600 .72rem/1 var(--display);color:#6d6450;text-decoration:none}
  .tabbar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .tabbar a.current{color:var(--forest)}
  .tabbar a.current svg{stroke-width:2.3}
  .tabbar .tab-outside{color:var(--leaf)}
  .toast{bottom:calc(var(--tabbar-h) + 1rem)}

  /* shorter scene so the game controls are visible without scrolling */
  .scene{height:var(--scene-h);scrollbar-width:none}
  .scene::-webkit-scrollbar{display:none}
  .scene>img{height:var(--scene-h)}
  .scene #hotspots,.scene-vignette{height:var(--scene-h);width:calc(var(--scene-h) * 1.77683)}
  .scene-chip{display:flex;align-items:center;gap:.3rem;position:absolute;top:.7rem;left:.7rem;z-index:5;background:rgba(251,246,230,.94);border-radius:999px;padding:.4rem .75rem;font:600 .9rem/1 var(--display);color:var(--forest);box-shadow:0 3px 10px rgba(0,0,0,.18);pointer-events:none}
  .chip-star{color:var(--clay-orange)}
  .swipe-hint{display:block;position:absolute;left:50%;top:calc(var(--scene-h) - 2.6rem);transform:translateX(-50%);z-index:5;margin:0;background:rgba(20,45,34,.78);color:#fff8e6;border-radius:999px;padding:.4rem .9rem;font:600 .82rem/1 var(--display);pointer-events:none;white-space:nowrap;animation:hintFade 5s ease 1.5s forwards}
  .scene-swiped .swipe-hint{display:none}
  .find-heading p:last-child{font-size:.95rem}
  .outside-heading{flex-direction:column;align-items:flex-start}
  .updates-card{grid-template-columns:1fr}
}
@keyframes hintFade{0%,70%{opacity:1}100%{opacity:0}}

@media(max-width:540px){
  .mission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  .mission-card{padding:.85rem}
  .mission-card img{width:58px;height:58px}
  .mc-prompt{display:none}
  .grown-values{grid-template-columns:1fr;gap:.6rem}
  .grown-values article{display:grid;grid-template-columns:2.2rem 1fr;column-gap:.6rem;padding:.85rem 1rem}
  .grown-values .value-icon{grid-row:span 2;font-size:1.5rem}
  .grown-values h3{margin:0 0 .15rem}
  .mission-actions #missionReset{margin-left:0}
  .field-row .wood-button{width:100%}
  .logo-home{width:110px}
}

@media(prefers-reduced-motion:reduce){
  .mission-card,.mission-card:nth-child(odd),.mission-card:nth-child(even){transform:none}
  .swipe-hint{animation:none}
}

/* ---------- Source tags: every fact shows where it came from ---------- */
.src-tag{display:inline-flex;align-items:center;gap:.18rem;margin-left:.35rem;padding:.02rem .45rem .06rem;border-radius:999px;border:1px solid rgba(110,85,50,.3);background:rgba(255,250,236,.9);color:#7a6040;font:600 .68rem/1.5 var(--display);letter-spacing:.01em;text-decoration:none;vertical-align:.12em;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.src-tag:hover,.src-tag:focus-visible{background:#fff1c9;color:var(--rust);border-color:currentColor}
.src-tag span{font-size:.7rem}

.footer-links{flex-wrap:wrap;gap:.6rem 1.6rem}
.footer-links a[aria-current="page"]{color:#f7c948;text-decoration:none;font-weight:700}
.grown-contact{max-width:360px;margin-left:auto;text-align:center;padding:1.2rem 1.4rem;border-radius:18px;background:#fff8e9;border:2px solid #d9c08f}.grown-contact p{margin:.3rem 0 .8rem}.grown-contact .contact-address{font-size:.85rem;margin:.6rem 0 0;overflow-wrap:anywhere}@media(max-width:760px){.grown-contact{margin:1rem auto 0}}

#find,#welcome,#watch,#shorts,#outside,#field-guide,#badges,#antTown,#meet,#grown-ups,#parents,#updates,#patches,#contact{scroll-margin-top:76px}
/* ===== Welcome: the front door of A Little World ===== */
.welcome{position:relative;overflow:hidden;padding:clamp(1.2rem,3vw,2.6rem) clamp(.9rem,4vw,3rem) clamp(1.6rem,3vw,2.6rem);background:linear-gradient(180deg,#cfe6ea 0%,#e6eedb 48%,#f6edda 100%);isolation:isolate}
.wl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wl-sky{position:absolute;inset:0;z-index:-1;pointer-events:none}
.wl-sun{position:absolute;right:2.5%;top:3%;width:clamp(56px,7vw,110px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffe7a0 0 55%,rgba(255,221,130,.35) 56% 70%,transparent 71%);animation:wlSun 9s ease-in-out infinite}
/* the site standard puff cloud (Weather Lab tornado-scene shape: six puffs plus a lit layer), one tidy row */
.wl-cloud{position:absolute;height:57px;width:100px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-40 -42 133 76'><g fill='%23dde7ef'><circle cx='0' cy='0' r='22'/><circle cx='26' cy='-12' r='28'/><circle cx='54' cy='0' r='22'/><circle cx='27' cy='8' r='24'/><circle cx='-22' cy='8' r='16'/><circle cx='76' cy='8' r='15'/></g><g fill='%23fff'><circle cx='0' cy='-5' r='17.6'/><circle cx='26' cy='-17' r='22.4'/><circle cx='54' cy='-5' r='17.6'/><circle cx='27' cy='3' r='19.2'/><circle cx='-22' cy='3' r='12.8'/><circle cx='76' cy='3' r='12.0'/></g></svg>") center/contain no-repeat;opacity:.95;animation:wlDrift 60s linear infinite}
.wl-cloud.c1{top:4%;left:-10%;animation-duration:90s}.wl-cloud.c2{top:5%;left:-10%;animation-duration:90s;animation-delay:-30s}.wl-cloud.c3{top:4%;left:-10%;animation-duration:90s;animation-delay:-60s}
@keyframes wlDrift{to{translate:130vw 0}}
@keyframes wlSun{50%{scale:1.06}}
.wl-inner{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(1rem,3vw,3rem);align-items:center}
.wl-door-side{text-align:center}
.wl-logo{position:relative;max-width:720px;margin:0 auto;animation:wlRise .9s cubic-bezier(.2,.8,.2,1) both}
.wl-logo img{width:100%;height:auto;filter:drop-shadow(0 14px 22px rgba(38,54,47,.22))}
@keyframes wlRise{from{opacity:0;transform:translateY(18px) scale(.97)}}
/* the door button sits exactly over the blue door in the logo */
.wl-door{position:absolute;left:45.9%;top:65.8%;width:5.45%;height:15.6%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:48% 48% 3px 3px/30% 30% 3px 3px;perspective:420px;outline-offset:6px}
.wl-door:focus-visible{outline:3px solid var(--rust)}
.wl-glow{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 70%,#fff6cf 0,#ffd97a 45%,#f0a94a 100%);opacity:0;transition:opacity .35s}
.wl-panel{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#0a4658,#0f5367 60%,#0a4658);transform-origin:0 50%;transition:transform .7s cubic-bezier(.3,.9,.3,1.05);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.wl-panel i{position:absolute;right:16%;top:52%;width:14%;aspect-ratio:1;border-radius:50%;background:#f6edda}
.wl-door:hover .wl-panel{transform:rotateY(-18deg)}
.wl-door:hover .wl-glow,.wl-logo.open .wl-glow{opacity:1}
.wl-logo.open .wl-panel{transform:rotateY(-82deg)}
.wl-logo.open .wl-door{filter:drop-shadow(0 0 14px #ffd97a)}
.wl-knock{position:absolute;left:52.5%;top:58%;font:600 clamp(.7rem,1.2vw,.95rem)/1 var(--display);color:var(--wood);background:#fffaf0;padding:.3em .6em;border-radius:1em 1em 1em .2em;box-shadow:0 3px 0 rgba(113,67,38,.2);opacity:0;transform:translateY(6px) rotate(-4deg);pointer-events:none;transition:.3s}
.wl-logo:hover .wl-knock,.wl-logo.knocked .wl-knock{opacity:1;transform:none}
.wl-logo.knocked .wl-door{animation:wlKnock .45s}
@keyframes wlKnock{20%,60%{translate:-1px 0}40%,80%{translate:1px 0}}
.wl-hello{font:600 clamp(1.15rem,2.1vw,1.7rem)/1.3 var(--display);color:var(--forest);max-width:38ch;text-wrap:balance;margin:.4rem auto .9rem;animation:wlRise .9s .15s both}
.wl-cta{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin:0;animation:wlRise .9s .3s both}
/* the map */
.wl-map{position:relative;background:#f3e6c4;border-radius:22px;padding:clamp(.4rem,1vw,.8rem);box-shadow:0 0 0 3px #d9c28f inset,var(--shadow);transform:rotate(.6deg);animation:wlRise .9s .2s both}
.wl-map::before{content:"Map of A Little World";position:absolute;left:50%;top:-.9rem;translate:-50% 0;rotate:-1.5deg;font:600 clamp(.8rem,1.3vw,1rem)/1 var(--display);color:#fffaf0;background:var(--wood);padding:.45em 1em;border-radius:.5em;box-shadow:0 3px 0 rgba(0,0,0,.18);white-space:nowrap}
.wl-map svg{display:block;width:100%;height:auto}
.wl-n{font:700 20px var(--display);fill:var(--wood);text-anchor:middle}
.lm{cursor:pointer;transform-box:fill-box;transform-origin:50% 100%;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.lm-t{font:700 26px var(--display);fill:var(--forest);text-anchor:middle;paint-order:stroke;stroke:#fffaf0;stroke-width:7px;stroke-linejoin:round}
.lm:hover,.lm:focus-visible{transform:translateY(-6px) scale(1.06)}
.lm:hover .lm-t,.lm:focus-visible .lm-t{fill:var(--rust)}
.lm:focus-visible{outline:none}.lm:focus-visible .lm-t{text-decoration:underline}
.lm-flag{transform-box:fill-box;transform-origin:0 50%;animation:wlFlag 1.6s ease-in-out infinite}
@keyframes wlFlag{50%{transform:scaleX(.7) skewY(8deg)}}
.lm-rocket{animation:wlBob 2.4s ease-in-out infinite}
@keyframes wlBob{50%{transform:translateY(-6px)}}
.lm-flame{transform-box:fill-box;transform-origin:50% 0;animation:wlFlame .25s ease-in-out infinite alternate}
@keyframes wlFlame{to{transform:scaleY(.6)}}
.lm-bolt{animation:wlBolt 3.2s steps(1) infinite}
@keyframes wlBolt{0%,86%,94%{opacity:1}90%,98%{opacity:.15}}
.lm-rain{stroke-dasharray:4 8;animation:wlRain .6s linear infinite}
@keyframes wlRain{to{stroke-dashoffset:-12}}
.lm-tail{transform-box:fill-box;transform-origin:0 100%;animation:wlTail 2.8s ease-in-out infinite}
@keyframes wlTail{50%{transform:rotate(-12deg) translateY(4px)}}
.lm-ants{animation:wlAnts 3s linear infinite}
@keyframes wlAnts{50%{transform:translateX(6px)}}
.lm-play{transform-box:fill-box;transform-origin:center;animation:wlPulse 1.8s ease-in-out infinite}
@keyframes wlPulse{50%{transform:scale(1.2)}}
.lm-mag{animation:wlBob 3s ease-in-out infinite}
.wl-waves{animation:wlWave 4s ease-in-out infinite}
.lm-steam{transform-box:fill-box;transform-origin:50% 100%;animation:wlSteam 3.6s ease-in-out infinite}
@keyframes wlSteam{50%{transform:translateY(-5px) scale(1.08);opacity:.8}}
.lm-heron{transform-box:fill-box;transform-origin:50% 100%;animation:wlHeron 4.2s ease-in-out infinite}
@keyframes wlHeron{0%,70%,100%{transform:none}80%{transform:translateY(3px) rotate(4deg)}}
@keyframes wlWave{50%{transform:translateX(6px)}}
/* three plain-English tiles for grown-ups */
.wl-tiles{max-width:1500px;margin:clamp(1.4rem,3vw,2.4rem) auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.7rem,2vw,1.4rem)}
.wl-tiles div{background:rgba(255,250,240,.82);border-radius:16px;padding:1rem 1.2rem;box-shadow:0 0 0 1px rgba(113,67,38,.14),0 8px 20px rgba(25,35,27,.08);animation:wlRise .8s both}
.wl-tiles div:nth-child(2){animation-delay:.1s}.wl-tiles div:nth-child(3){animation-delay:.2s}
.wl-tiles b{display:block;font:600 1.05rem/1.2 var(--display);color:var(--rust);margin-bottom:.25rem}
.wl-tiles span{font-family:var(--read);color:var(--ink);line-height:1.45}
@media (max-width:900px){
  .wl-inner{grid-template-columns:1fr}
  .wl-map{transform:none;margin-top:1rem}
  .wl-tiles{grid-template-columns:1fr}
  .lm-t{font-size:30px;stroke-width:8px}
}
@media (prefers-reduced-motion:reduce){
  .welcome *,.welcome *::before,.welcome *::after{animation:none!important;transition:none!important}
}

/* ===== One framed card: the clubhouse photo and the Explorer Badges bar share a single cream frame ===== */
.find-section .scene-shell{padding:7px;border-radius:16px;background:linear-gradient(180deg,#fffaec 0%,#f8efd6 70%,#f1e3bf 100%);box-shadow:0 26px 60px rgba(21,47,37,.30),0 2px 0 rgba(255,255,255,.6) inset,0 0 0 1px rgba(113,67,38,.16)}
.find-section .scene{border-radius:10px 10px 4px 4px;box-shadow:0 1px 0 rgba(113,67,38,.18)}
.find-section .scene-toolbar{background:transparent;border:0;border-radius:0 0 10px 10px;margin-top:5px;padding:.85rem max(.75rem,1.6vw) .7rem;position:relative}
.find-section .scene-toolbar::before{content:"";position:absolute;left:1.2rem;right:1.2rem;top:-3px;border-top:2px dashed rgba(113,67,38,.22)}
@media (max-width:700px){.find-section .scene-shell{padding:5px;border-radius:12px}.find-section .scene{border-radius:8px 8px 3px 3px}}

/* Parents' corner: keep every heading and card clear of the giant forest trunks at the edges */
@media (min-width:901px){#parents.parents-section{padding-left:max(1rem,calc(clamp(50px,7vw,140px)*1.35 + 1rem));padding-right:max(1rem,calc(clamp(50px,7vw,140px)*1.35 + 1rem))}}
/* Explorer patches: a tidy 5 by 2 case instead of 7 and a stray 3 */
@media (min-width:760px){#patches .patch-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-width:640px}}

/* Welcome follows the Sun/Moon switch: a dusky sky, a moon in place of the sun and a few stars at night */
body.sky-night .welcome{background:linear-gradient(180deg,#16243f 0%,#243a5c 52%,#34504e 100%);transition:background .6s}
body.sky-night .wl-sun{background:radial-gradient(circle at 38% 40%,#fffbe8 0 30%,#f3ecc8 31% 52%,rgba(243,236,200,.25) 53% 66%,transparent 67%);animation:none;box-shadow:inset -10px -6px 0 rgba(200,190,150,.35)}
body.sky-night .wl-cloud{opacity:.18}
body.sky-night .wl-sky::after{content:"";position:absolute;inset:0 0 40% 0;background-image:radial-gradient(1.6px 1.6px at 12% 18%,#fff 60%,transparent),radial-gradient(1.2px 1.2px at 28% 8%,#fff 60%,transparent),radial-gradient(1.4px 1.4px at 44% 26%,#fff 60%,transparent),radial-gradient(1.2px 1.2px at 63% 12%,#fff 60%,transparent),radial-gradient(1.8px 1.8px at 78% 30%,#fff 60%,transparent),radial-gradient(1.2px 1.2px at 88% 9%,#fff 60%,transparent),radial-gradient(1.4px 1.4px at 6% 40%,#fff 60%,transparent),radial-gradient(1.2px 1.2px at 52% 44%,#fff 60%,transparent);animation:wlTwinkle 4s ease-in-out infinite alternate}
@keyframes wlTwinkle{to{opacity:.55}}
body.sky-night .wl-hello{color:#f6edda}
body.sky-night .wl-logo img{filter:drop-shadow(0 12px 26px rgba(0,0,0,.45)) brightness(.96)}
@media (prefers-reduced-motion:reduce){body.sky-night .wl-sky::after{animation:none}}
body.sky-night .wl-logo{isolation:isolate}
body.sky-night .wl-logo::before{content:"";position:absolute;inset:-8% -6% -14%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at 50% 58%,rgba(255,246,222,.8) 0,rgba(255,246,222,.55) 45%,rgba(255,246,222,0) 72%);pointer-events:none}

/* a little celebration when a hunt item is ticked: the box pops and leaf-colored sparkles burst out */
.hunt-item{position:relative}
.hunt-item.just-found .tick{animation:tickPop .45s cubic-bezier(.3,1.6,.5,1)}
.hunt-item.just-found::after{content:"";position:absolute;left:27px;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;pointer-events:none;box-shadow:0 -17px #f2c230,15px -9px #8fbf5a,15px 9px #e0612c,0 17px #8fbf5a,-15px 9px #f2c230,-15px -9px #e0612c;animation:tickBurst .6s ease-out forwards}
@keyframes tickPop{0%{transform:scale(.6) rotate(-6deg)}60%{transform:scale(1.28) rotate(-12deg)}100%{transform:scale(1) rotate(-6deg)}}
@keyframes tickBurst{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(1.6)}}
@media (prefers-reduced-motion:reduce){.hunt-item.just-found .tick,.hunt-item.just-found::after{animation:none}.hunt-item.just-found::after{display:none}}

/* badge popup: keep the "A little world discovery" stars on one line on phones */
@media (max-width:540px){.badge-paper>.eyebrow{white-space:nowrap;letter-spacing:.08em;font-size:clamp(.62rem,3.1vw,.8rem)}}

/* ===== small-page header art (thanks, privacy, sources): painted by page-art.js ===== */
.pg-hero{position:relative;isolation:isolate}
.pg-art{position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#b8dcec,#dcedee 60%,#f1efdc)}
.pg-art .pg-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.zone-hero.pg-hero{padding-bottom:calc(var(--pg-ground,150px) + .5rem)}
main.policy{padding-top:0}
main.policy>.pg-hero{padding:clamp(2rem,6vw,4.5rem) 0 calc(var(--pg-ground,150px) + .4rem)}
.policy>.pg-hero .updated{color:#4f5a4a}
.download-page{padding-top:0}
.download-page>.pg-hero{height:clamp(170px,16vw,240px);margin:0 -1rem clamp(1.2rem,3vw,2rem)}
.download-card a{overflow-wrap:anywhere}

/* ==== NAVBAR MEADOW START (generated by _work/navbar/gen_navbar.py) ==== */
/* ---------- Nav bar: the edge of a sunny meadow, naturalist field-station style ---------- */
.site-header{
  --nb-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180' %3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .33 0 0 0 0 .24 0 0 0 0 .12 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");
  --nb-wood:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='40' viewBox='0 0 160 40' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M0 7 C40 5 70 9 110 6 S150 8 160 7' stroke='%234a2a12' stroke-opacity='.22' stroke-width='.9'/%3E%3Cpath d='M0 15 C30 14 60 17 96 14 C108 13 112 18 124 18 C138 18 146 14 160 15' stroke='%234a2a12' stroke-opacity='.18' stroke-width='.8'/%3E%3Cpath d='M0 28 C34 27 66 31 100 29 C110 28 112 24 122 24 C134 24 140 29 160 28' stroke='%234a2a12' stroke-opacity='.2' stroke-width='.9'/%3E%3Cpath d='M0 34 C50 33 90 36 160 34' stroke='%234a2a12' stroke-opacity='.16' stroke-width='.7'/%3E%3Cpath d='M0 11 C50 10 80 12 160 10.5' stroke='%23ffe6c0' stroke-opacity='.14' stroke-width='.9'/%3E%3Cpath d='M0 22 C40 21 70 23 104 21.5 C114 21 118 21 124 21 C136 21 150 23 160 22' stroke='%23ffe6c0' stroke-opacity='.12' stroke-width='.9'/%3E%3Cellipse cx='123' cy='21' rx='5' ry='2.4' stroke='%234a2a12' stroke-opacity='.3' stroke-width='.8'/%3E%3Cellipse cx='123' cy='21' rx='2' ry='1' fill='%234a2a12' fill-opacity='.25'/%3E%3C/g%3E%3C/svg%3E");
  --nb-sprout:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' %3E%3Cpath d='M7 13.2 Q7.2 9.6 6.8 6.4' stroke='%23b5dc86' stroke-width='1.3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M6.9 7.6 Q2.4 8.4 1.2 4.4 Q5.6 3.4 6.9 7.6Z' fill='%239fd46a'/%3E%3Cpath d='M6.9 7.6 Q2.8 6.4 1.9 4.9' stroke='%236f9f3e' stroke-width='.5' fill='none'/%3E%3Cpath d='M6.9 6.2 Q8 1.4 12.8 1.2 Q12.6 6 6.9 6.2Z' fill='%23c1e68e'/%3E%3Cpath d='M6.9 6.2 Q9.6 3.6 12 2' stroke='%237fae4c' stroke-width='.5' fill='none'/%3E%3Cellipse cx='7' cy='13.2' rx='2.6' ry='.8' fill='%235a3a1e' opacity='.55'/%3E%3C/svg%3E");
  --nb-core:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='34' viewBox='0 0 36 34' %3E%3Cellipse cx='18' cy='21.3' rx='9' ry='1.1' fill='%232f4a1c' opacity='.35'/%3E%3Cpath d='M0 0 Q1.1 -3.1 0 -7 Q-1.1 -3.1 0 0Z' transform='translate(12 21) rotate(-35)' fill='%235d8a3a'/%3E%3Cpath d='M0 0 Q1.1 -3.6 0 -8 Q-1.1 -3.6 0 0Z' transform='translate(22 21) rotate(30)' fill='%236a9540'/%3E%3Cpath d='M0 0 Q1 -2.7 0 -6 Q-1 -2.7 0 0Z' transform='translate(17 21) rotate(-8)' fill='%23557f33'/%3E%3Cpath d='M10 21 Q8 14.5 9 8' fill='none' stroke='%235b8436' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M18 21 Q20.5 12.5 21 4' fill='none' stroke='%235b8436' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M25 21 Q28.5 16 29 11' fill='none' stroke='%235b8436' stroke-width='0.8' stroke-linecap='round'/%3E%3Cellipse cx='29.4' cy='10' rx='1.5' ry='2' fill='%23e3ad18'/%3E%3Cpath d='M28 11 q1.4 1.2 2.8 0' fill='%236a9540'/%3E%3Cg transform='translate(9 8) scale(0.95)'%3E%3Cg transform='rotate(10)' fill='%23eeb614'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cg transform='rotate(55)' fill='%23f7c81f'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cg transform='rotate(100)' fill='%23eeb614'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cg transform='rotate(145)' fill='%23f7c81f'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cg transform='rotate(190)' fill='%23eeb614'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cg transform='rotate(235)' fill='%23f7c81f'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cg transform='rotate(280)' fill='%23eeb614'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cg transform='rotate(325)' fill='%23f7c81f'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cpath d='M0 -1.1 L0 -3.6 M1 -.5 L3.1 -1.8 M-1 -.5 L-3.1 -1.8' stroke='%23c98d0c' stroke-width='.3' opacity='.6'/%3E%3Ccircle r='1.55' fill='%236b2f10'/%3E%3Ccircle cx='-.4' cy='-.45' r='.5' fill='%239a5a22'/%3E%3C/g%3E%3Cg transform='translate(21 4.5) scale(1.08)'%3E%3Cg transform='rotate(10)' fill='%23eeb614'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cg transform='rotate(55)' fill='%23f7c81f'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cg transform='rotate(100)' fill='%23eeb614'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cg transform='rotate(145)' fill='%23f7c81f'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cg transform='rotate(190)' fill='%23eeb614'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cg transform='rotate(235)' fill='%23f7c81f'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cg transform='rotate(280)' fill='%23eeb614'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cg transform='rotate(325)' fill='%23f7c81f'%3E%3Cpath d='M-.8 0 L-1.5 -4.3 L-.95 -4.8 L-.5 -4.35 L0 -4.9 L.5 -4.35 L.95 -4.8 L1.5 -4.3 L.8 0Z'/%3E%3C/g%3E%3Cpath d='M0 -1.1 L0 -3.6 M1 -.5 L3.1 -1.8 M-1 -.5 L-3.1 -1.8' stroke='%23c98d0c' stroke-width='.3' opacity='.6'/%3E%3Ccircle r='1.55' fill='%236b2f10'/%3E%3Ccircle cx='-.4' cy='-.45' r='.5' fill='%239a5a22'/%3E%3C/g%3E%3C/svg%3E");
  --nb-susan:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' %3E%3Cellipse cx='16' cy='21.3' rx='9' ry='1.1' fill='%232f4a1c' opacity='.35'/%3E%3Cpath d='M0 0 Q1.5 -3.6 0 -8 Q-1.5 -3.6 0 0Z' transform='translate(11 21) rotate(-30)' fill='%23557f33'/%3E%3Cpath d='M0 0 Q1.4 -3.6 0 -8 Q-1.4 -3.6 0 0Z' transform='translate(21 21) rotate(34)' fill='%235d8a3a'/%3E%3Cpath d='M0 0 Q1 -2 0 -4.5 Q-1 -2 0 0Z' transform='translate(16 15) rotate(50)' fill='%236a9540'/%3E%3Cpath d='M13 21 Q10.5 14.5 10 8' fill='none' stroke='%2356793a' stroke-width='0.95' stroke-linecap='round'/%3E%3Cpath d='M19 21 Q23 13 24 5' fill='none' stroke='%2356793a' stroke-width='0.95' stroke-linecap='round'/%3E%3Cg transform='translate(10 8) scale(0.82) rotate(-8)'%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(0)' fill='%23eb9a14'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(27.7)' fill='%23f4ab1c'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(55.4)' fill='%23eb9a14'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(83.1)' fill='%23f4ab1c'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(110.8)' fill='%23eb9a14'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(138.5)' fill='%23f4ab1c'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(166.2)' fill='%23eb9a14'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(193.8)' fill='%23f4ab1c'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(221.5)' fill='%23eb9a14'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(249.2)' fill='%23f4ab1c'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(276.9)' fill='%23eb9a14'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(304.6)' fill='%23f4ab1c'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(332.3)' fill='%23eb9a14'/%3E%3Cpath d='M0 -2.2 L0 -6.6' transform='rotate(0)' stroke='%23c77a0c' stroke-width='.25' opacity='.7'/%3E%3Cpath d='M0 -2.2 L0 -6.6' transform='rotate(55.4)' stroke='%23c77a0c' stroke-width='.25' opacity='.7'/%3E%3Cpath d='M0 -2.2 L0 -6.6' transform='rotate(110.8)' stroke='%23c77a0c' stroke-width='.25' opacity='.7'/%3E%3Cpath d='M0 -2.2 L0 -6.6' transform='rotate(166.2)' stroke='%23c77a0c' stroke-width='.25' opacity='.7'/%3E%3Cpath d='M0 -2.2 L0 -6.6' transform='rotate(221.5)' stroke='%23c77a0c' stroke-width='.25' opacity='.7'/%3E%3Cpath d='M0 -2.2 L0 -6.6' transform='rotate(276.9)' stroke='%23c77a0c' stroke-width='.25' opacity='.7'/%3E%3Cpath d='M0 -2.2 L0 -6.6' transform='rotate(332.3)' stroke='%23c77a0c' stroke-width='.25' opacity='.7'/%3E%3Cellipse rx='2.5' ry='2.2' fill='%233a2010'/%3E%3Cellipse cx='-.6' cy='-.8' rx='1.2' ry='.9' fill='%235e3a1b'/%3E%3Ccircle cx='-.9' cy='-1' r='.3' fill='%238a5a2a'/%3E%3C/g%3E%3Cg transform='translate(24 5.5) scale(0.95) rotate(-8)'%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(0)' fill='%23eb9a14'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(27.7)' fill='%23f4ab1c'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(55.4)' fill='%23eb9a14'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(83.1)' fill='%23f4ab1c'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(110.8)' fill='%23eb9a14'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(138.5)' fill='%23f4ab1c'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(166.2)' fill='%23eb9a14'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(193.8)' fill='%23f4ab1c'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(221.5)' fill='%23eb9a14'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(249.2)' fill='%23f4ab1c'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(276.9)' fill='%23eb9a14'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(304.6)' fill='%23f4ab1c'/%3E%3Cellipse cx='0' cy='-4.6' rx='1.15' ry='3.3' transform='rotate(332.3)' fill='%23eb9a14'/%3E%3Cpath d='M0 -2.2 L0 -6.6' transform='rotate(0)' stroke='%23c77a0c' stroke-width='.25' opacity='.7'/%3E%3Cpath d='M0 -2.2 L0 -6.6' transform='rotate(55.4)' stroke='%23c77a0c' stroke-width='.25' opacity='.7'/%3E%3Cpath d='M0 -2.2 L0 -6.6' transform='rotate(110.8)' stroke='%23c77a0c' stroke-width='.25' opacity='.7'/%3E%3Cpath d='M0 -2.2 L0 -6.6' transform='rotate(166.2)' stroke='%23c77a0c' stroke-width='.25' opacity='.7'/%3E%3Cpath d='M0 -2.2 L0 -6.6' transform='rotate(221.5)' stroke='%23c77a0c' stroke-width='.25' opacity='.7'/%3E%3Cpath d='M0 -2.2 L0 -6.6' transform='rotate(276.9)' stroke='%23c77a0c' stroke-width='.25' opacity='.7'/%3E%3Cpath d='M0 -2.2 L0 -6.6' transform='rotate(332.3)' stroke='%23c77a0c' stroke-width='.25' opacity='.7'/%3E%3Cellipse rx='2.5' ry='2.2' fill='%233a2010'/%3E%3Cellipse cx='-.6' cy='-.8' rx='1.2' ry='.9' fill='%235e3a1b'/%3E%3Ccircle cx='-.9' cy='-1' r='.3' fill='%238a5a2a'/%3E%3C/g%3E%3C/svg%3E");
  --nb-violet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='34' viewBox='0 0 30 34' %3E%3Cellipse cx='15' cy='21.3' rx='10' ry='1.1' fill='%232f4a1c' opacity='.35'/%3E%3Cg transform='translate(9 19.5) rotate(-30) scale(1.1)'%3E%3Cpath d='M0 1.2 C-3.4 -1 -3 -4.6 -.9 -4.2 Q0 -4 0 -3 Q0 -4 .9 -4.2 C3 -4.6 3.4 -1 0 1.2Z' fill='%234f8034'/%3E%3Cpath d='M0 1 L0 -3' stroke='%238fbf62' stroke-width='.3'/%3E%3C/g%3E%3Cg transform='translate(21 19.5) rotate(28) scale(1.1)'%3E%3Cpath d='M0 1.2 C-3.4 -1 -3 -4.6 -.9 -4.2 Q0 -4 0 -3 Q0 -4 .9 -4.2 C3 -4.6 3.4 -1 0 1.2Z' fill='%235a8a3a'/%3E%3Cpath d='M0 1 L0 -3' stroke='%238fbf62' stroke-width='.3'/%3E%3C/g%3E%3Cg transform='translate(15 18.5) rotate(0) scale(1.25)'%3E%3Cpath d='M0 1.2 C-3.4 -1 -3 -4.6 -.9 -4.2 Q0 -4 0 -3 Q0 -4 .9 -4.2 C3 -4.6 3.4 -1 0 1.2Z' fill='%2366993f'/%3E%3Cpath d='M0 1 L0 -3' stroke='%238fbf62' stroke-width='.3'/%3E%3C/g%3E%3Cpath d='M12 20 Q6.5 15.5 7 11' fill='none' stroke='%235a7f3a' stroke-width='0.6' stroke-linecap='round'/%3E%3Cpath d='M18 20 Q24 14.2 24 8.5' fill='none' stroke='%235a7f3a' stroke-width='0.6' stroke-linecap='round'/%3E%3Cg transform='translate(7 12.6) rotate(12) scale(0.95)'%3E%3Cg transform='rotate(-24)'%3E%3Cellipse cx='0' cy='-2.3' rx='1.3' ry='2.3' fill='%236b4cb0'/%3E%3C/g%3E%3Cg transform='rotate(24)'%3E%3Cellipse cx='0' cy='-2.3' rx='1.3' ry='2.3' fill='%236b4cb0'/%3E%3C/g%3E%3Cellipse cx='-2.2' cy='.1' rx='2' ry='1.25' fill='%237458bd'/%3E%3Cellipse cx='2.2' cy='.1' rx='2' ry='1.25' fill='%237458bd'/%3E%3Cellipse cx='-1.3' cy='.1' rx='.8' ry='.55' fill='%23f4efff'/%3E%3Cellipse cx='1.3' cy='.1' rx='.8' ry='.55' fill='%23f4efff'/%3E%3Cellipse cx='0' cy='2' rx='1.9' ry='1.8' fill='%236246a8'/%3E%3Cellipse cx='0' cy='1.3' rx='.9' ry='.7' fill='%23fbf8ff'/%3E%3Cpath d='M0 1.6 L0 3.3 M-.7 1.7 L-1 3 M.7 1.7 L1 3' stroke='%233b2a73' stroke-width='.3'/%3E%3Ccircle cx='0' cy='.7' r='.45' fill='%23b9c95a'/%3E%3C/g%3E%3Cg transform='translate(24 9.8) rotate(-10) scale(1.05)'%3E%3Cg transform='rotate(-24)'%3E%3Cellipse cx='0' cy='-2.3' rx='1.3' ry='2.3' fill='%236b4cb0'/%3E%3C/g%3E%3Cg transform='rotate(24)'%3E%3Cellipse cx='0' cy='-2.3' rx='1.3' ry='2.3' fill='%236b4cb0'/%3E%3C/g%3E%3Cellipse cx='-2.2' cy='.1' rx='2' ry='1.25' fill='%237458bd'/%3E%3Cellipse cx='2.2' cy='.1' rx='2' ry='1.25' fill='%237458bd'/%3E%3Cellipse cx='-1.3' cy='.1' rx='.8' ry='.55' fill='%23f4efff'/%3E%3Cellipse cx='1.3' cy='.1' rx='.8' ry='.55' fill='%23f4efff'/%3E%3Cellipse cx='0' cy='2' rx='1.9' ry='1.8' fill='%236246a8'/%3E%3Cellipse cx='0' cy='1.3' rx='.9' ry='.7' fill='%23fbf8ff'/%3E%3Cpath d='M0 1.6 L0 3.3 M-.7 1.7 L-1 3 M.7 1.7 L1 3' stroke='%233b2a73' stroke-width='.3'/%3E%3Ccircle cx='0' cy='.7' r='.45' fill='%23b9c95a'/%3E%3C/g%3E%3C/svg%3E");
  --nb-mush:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='34' viewBox='0 0 18 34' %3E%3Cellipse cx='9' cy='21.3' rx='6.5' ry='1.1' fill='%232f4a1c' opacity='.35'/%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f7c247'/%3E%3Cstop offset='1' stop-color='%23dd8a1c'/%3E%3C/linearGradient%3E%3ClinearGradient id='s' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23fbf4df'/%3E%3Cstop offset='1' stop-color='%23d9ccaa'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M6.8 21.2 Q6.2 19 7.3 18 L7.7 13 L10.3 13 L10.7 18 Q11.8 19 11.2 21.2Z' fill='url(%23s)'/%3E%3Cpath d='M6.9 15.2 Q9 16.6 11.1 15.2 L10.8 14 L7.2 14Z' fill='%23efe5c8'/%3E%3Cpath d='M2.3 13.4 Q2.2 6.6 9 6.3 Q15.8 6.6 15.7 13.4 Q9 14.8 2.3 13.4Z' fill='url(%23c)'/%3E%3Cpath d='M3 13.2 Q9 14.4 15 13.2' stroke='%23b86d14' stroke-width='.5' fill='none'/%3E%3Ccircle cx='6' cy='9.2' r='0.8' fill='%23fbf2d6'/%3E%3Ccircle cx='9.4' cy='7.6' r='0.75' fill='%23fbf2d6'/%3E%3Ccircle cx='12.4' cy='9.4' r='0.8' fill='%23fbf2d6'/%3E%3Ccircle cx='4.6' cy='11.8' r='0.6' fill='%23fbf2d6'/%3E%3Ccircle cx='8.2' cy='10.8' r='0.65' fill='%23fbf2d6'/%3E%3Ccircle cx='13.8' cy='12' r='0.55' fill='%23fbf2d6'/%3E%3Ccircle cx='10.8' cy='11.6' r='0.5' fill='%23fbf2d6'/%3E%3Cpath d='M5 8.6 Q7 7.2 9 7' stroke='%23fff3c4' stroke-width='.7' fill='none' opacity='.8' stroke-linecap='round'/%3E%3C/svg%3E");
  --nb-peb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='34' viewBox='0 0 18 34' %3E%3Cellipse cx='9' cy='21.4' rx='7.5' ry='1.2' fill='%232f4a1c' opacity='.38'/%3E%3Cpath d='M2.4 21.3 Q1.8 16.8 6.4 15.9 Q11.6 15 14.6 17.3 Q16.4 19.4 15.4 21.3Z' fill='%238e8574'/%3E%3Cpath d='M3.4 20.8 Q3.8 17.4 7.2 16.8 Q10 16.4 10.8 17.6 Q7 17.8 5.4 21Z' fill='%23b9b09d' opacity='.8'/%3E%3Cpath d='M3 21 Q9 21.9 15.3 20.8' stroke='%235e5648' stroke-width='.8' fill='none'/%3E%3Cellipse cx='10.5' cy='17.4' rx='1.2' ry='.5' fill='%23ded6c4' opacity='.7'/%3E%3C/svg%3E");
  --nb-maypop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='34' viewBox='0 0 24 34' %3E%3Cdefs%3E%3Cg id='L'%3E%3Cpath d='M0 0 L0 -2.4' stroke='%23557a30' stroke-width='.7'/%3E%3Cg transform='translate(0 -2.2)'%3E%3Cpath d='M0 0 Q2.1 -2.8 0 -5.6 Q-2.1 -2.8 0 0Z' transform='rotate(-40)'/%3E%3Cpath d='M0 0 L0 -4.8' transform='rotate(-40)' stroke='%23a8cf75' stroke-width='.35' opacity='.8'/%3E%3Cpath d='M0 0 Q2.1 -2.8 0 -5.6 Q-2.1 -2.8 0 0Z' transform='rotate(40)'/%3E%3Cpath d='M0 0 L0 -4.8' transform='rotate(40)' stroke='%23a8cf75' stroke-width='.35' opacity='.8'/%3E%3Cpath d='M0 0 Q2.3 -3.4 0 -6.8 Q-2.3 -3.4 0 0Z' transform='rotate(0)'/%3E%3Cpath d='M0 0 L0 -5.8' transform='rotate(0)' stroke='%23a8cf75' stroke-width='.35' opacity='.8'/%3E%3C/g%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23L' transform='translate(4 25.5) rotate(200) scale(0.9)' fill='%235f8f38'/%3E%3Cg transform='translate(12 25.5)'%3E%3Cellipse cx='0' cy='-4.3' rx='1.3' ry='3' transform='rotate(18)' fill='%23dccff0'/%3E%3Cellipse cx='0' cy='-4.3' rx='1.3' ry='3' transform='rotate(54)' fill='%23f3ecfa'/%3E%3Cellipse cx='0' cy='-4.3' rx='1.3' ry='3' transform='rotate(90)' fill='%23dccff0'/%3E%3Cellipse cx='0' cy='-4.3' rx='1.3' ry='3' transform='rotate(126)' fill='%23f3ecfa'/%3E%3Cellipse cx='0' cy='-4.3' rx='1.3' ry='3' transform='rotate(162)' fill='%23dccff0'/%3E%3Cellipse cx='0' cy='-4.3' rx='1.3' ry='3' transform='rotate(198)' fill='%23f3ecfa'/%3E%3Cellipse cx='0' cy='-4.3' rx='1.3' ry='3' transform='rotate(234)' fill='%23dccff0'/%3E%3Cellipse cx='0' cy='-4.3' rx='1.3' ry='3' transform='rotate(270)' fill='%23f3ecfa'/%3E%3Cellipse cx='0' cy='-4.3' rx='1.3' ry='3' transform='rotate(306)' fill='%23dccff0'/%3E%3Cellipse cx='0' cy='-4.3' rx='1.3' ry='3' transform='rotate(342)' fill='%23f3ecfa'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(0)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(15)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(30)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(45)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(60)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(75)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(90)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(105)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(120)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(135)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(150)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(165)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(180)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(195)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(210)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(225)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(240)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(255)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(270)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(285)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(300)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(315)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(330)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Cpath d='M0 -1.9 L0 -5.4' transform='rotate(345)' stroke='%235b2d8e' stroke-width='.45'/%3E%3Ccircle r='3.5' fill='none' stroke='%23f7f2ff' stroke-width='.9' opacity='.95'/%3E%3Ccircle r='2.2' fill='none' stroke='%237a3fae' stroke-width='.8'/%3E%3Ccircle r='1.3' fill='%23b8c95c'/%3E%3Cpath d='M0 0 L0 -2.3 M0 0 L2 1.1 M0 0 L-2 1.1' stroke='%23dfe88a' stroke-width='.45'/%3E%3Ccircle r='.5' fill='%238a9a3a'/%3E%3C/g%3E%3C/svg%3E");
  --nb-grassA:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='34' viewBox='0 0 260 34' %3E%3Cpath d='M16.2 22 Q15.1 16.9 13.3 12.7 Q17 17.4 17.9 22Z' fill='%234f7a31'/%3E%3Cpath d='M18.5 22 Q18.5 15.9 19.7 10.9 Q20.6 16.4 20.6 22Z' fill='%234f7a31'/%3E%3Cpath d='M21.4 22 Q21.5 17.2 22.6 13.3 Q23.1 17.7 23 22Z' fill='%237aa64b'/%3E%3Cpath d='M23.3 22 Q23.3 16.4 24.1 11.8 Q25.3 16.9 25.4 22Z' fill='%234f7a31'/%3E%3Cpath d='M24.3 22 Q25.2 17.2 28.5 13.3 Q27.3 17.7 26.6 22Z' fill='%23618c3c'/%3E%3Cpath d='M18.4 22 Q17 14.1 14.8 7.6 Q18.9 14.8 20 22Z' fill='%237aa64b'/%3E%3Cpath d='M24.4 22 Q25.4 17.1 28.8 13.1 Q27.3 17.5 26.5 22Z' fill='%2386b155'/%3E%3Cpath d='M92.3 22 Q90.8 16.2 88.2 11.4 Q93.2 16.7 94.5 22Z' fill='%234f7a31'/%3E%3Cpath d='M94.2 22 Q93.6 17.1 93 13.1 Q95.5 17.6 96.1 22Z' fill='%2395bd60'/%3E%3Cpath d='M101.5 22 Q102.2 16.5 104.8 12 Q104.1 17 103.5 22Z' fill='%234f7a31'/%3E%3Cpath d='M98.2 22 Q98 18.4 98.7 15.4 Q100 18.7 100.1 22Z' fill='%235a8438'/%3E%3Cpath d='M98.2 22 Q99.3 16.9 102.7 12.6 Q101 17.3 100.1 22Z' fill='%2395bd60'/%3E%3Cpath d='M151.8 22.5 Q150.8 17.1 149.4 12.7 Q153.1 17.6 154 22.5Z' fill='%23618c3c'/%3E%3Cpath d='M152.7 22.5 Q152.3 14.3 152.4 7.7 Q154.3 15.1 154.6 22.5Z' fill='%2395bd60'/%3E%3Cpath d='M153.4 22.5 Q152.1 16.9 150.1 12.3 Q154.1 17.4 155.2 22.5Z' fill='%235a8438'/%3E%3Cpath d='M155.2 22.5 Q154.4 13.7 153.4 6.5 Q156.3 14.5 157 22.5Z' fill='%23a6c96c'/%3E%3Cpath d='M155.8 22.5 Q156.1 15.5 157.7 9.9 Q157.9 16.2 157.7 22.5Z' fill='%23618c3c'/%3E%3Cpath d='M158.8 22.5 Q158.8 13.3 160 5.8 Q161 14.2 160.9 22.5Z' fill='%2386b155'/%3E%3Cpath d='M158.1 22.5 Q158.6 13.9 160.7 6.8 Q160.4 14.6 160 22.5Z' fill='%235a8438'/%3E%3Cpath d='M160 22.5 Q162.1 15 168 8.8 Q164 15.7 162.3 22.5Z' fill='%237aa64b'/%3E%3Cpath d='M221.9 22 Q222.8 16.8 225.9 12.6 Q225 17.3 224.3 22Z' fill='%2386b155'/%3E%3Cpath d='M225.8 22 Q226.5 17.8 229.3 14.4 Q228.4 18.2 227.7 22Z' fill='%235a8438'/%3E%3Cpath d='M217.7 22 Q216.5 17.3 214.4 13.4 Q218.4 17.7 219.4 22Z' fill='%235a8438'/%3E%3Cpath d='M219.2 22 Q217.9 18.8 215.7 16.2 Q219.8 19.1 220.9 22Z' fill='%2386b155'/%3E%3Cpath d='M221.3 22 Q221.4 18.7 222.6 16 Q223.3 19 223.2 22Z' fill='%23618c3c'/%3E%3C/svg%3E");
  --nb-grassB:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='173' height='34' viewBox='0 0 173 34' %3E%3Cpath d='M1.3 21.5 Q0.7 18.5 0 16.1 Q2.2 18.8 2.7 21.5Z' fill='%23618c3c'/%3E%3Cpath d='M6.8 21.5 Q6.8 18.5 7.7 16.1 Q8.5 18.8 8.5 21.5Z' fill='%235a8438'/%3E%3Cpath d='M13.3 21.5 Q13.4 18.4 14.2 15.9 Q14.7 18.7 14.7 21.5Z' fill='%234f7a31'/%3E%3Cpath d='M18.8 21.5 Q18.2 18.9 17.6 16.8 Q20 19.2 20.5 21.5Z' fill='%23a6c96c'/%3E%3Cpath d='M23 21.5 Q23.5 18.8 25.1 16.5 Q24.8 19 24.4 21.5Z' fill='%2386b155'/%3E%3Cpath d='M27.9 21.5 Q28.1 18.5 29.3 16 Q29.7 18.7 29.6 21.5Z' fill='%23a6c96c'/%3E%3Cpath d='M34.3 21.5 Q34.8 17.7 36.8 14.6 Q36.5 18 36.1 21.5Z' fill='%2395bd60'/%3E%3Cpath d='M40.2 21.5 Q40.6 19.1 42.2 17.2 Q42.1 19.4 41.8 21.5Z' fill='%234f7a31'/%3E%3Cpath d='M46.1 21.5 Q46.3 18.5 47.4 16.1 Q47.7 18.8 47.5 21.5Z' fill='%23618c3c'/%3E%3Cpath d='M50.6 21.5 Q51.3 17.5 53.8 14.3 Q53 17.9 52.5 21.5Z' fill='%23618c3c'/%3E%3Cpath d='M54.2 21.5 Q53.9 19.4 54.2 17.6 Q55.6 19.5 55.8 21.5Z' fill='%237aa64b'/%3E%3Cpath d='M59.3 21.5 Q59.3 17.6 60.1 14.4 Q61.1 17.9 61.1 21.5Z' fill='%2395bd60'/%3E%3Cpath d='M63.7 21.5 Q63.1 18.2 62.7 15.4 Q65 18.5 65.5 21.5Z' fill='%237aa64b'/%3E%3Cpath d='M69.6 21.5 Q69.1 17.9 68.8 15 Q70.8 18.2 71.2 21.5Z' fill='%23a6c96c'/%3E%3Cpath d='M74.7 21.5 Q75.1 19.4 76.8 17.7 Q76.9 19.6 76.6 21.5Z' fill='%237aa64b'/%3E%3Cpath d='M79.3 21.5 Q78.8 17.5 78.5 14.2 Q80.6 17.9 81 21.5Z' fill='%235a8438'/%3E%3Cpath d='M82.7 21.5 Q82.9 18.3 84.3 15.6 Q84.5 18.6 84.3 21.5Z' fill='%2386b155'/%3E%3Cpath d='M88.6 21.5 Q88.3 17.4 88.7 14.1 Q90.1 17.8 90.2 21.5Z' fill='%2386b155'/%3E%3Cpath d='M93.5 21.5 Q93.9 19.5 95.5 17.9 Q95.6 19.7 95.3 21.5Z' fill='%234f7a31'/%3E%3Cpath d='M98.6 21.5 Q99.1 17.5 101.2 14.3 Q100.6 17.9 100.1 21.5Z' fill='%23a6c96c'/%3E%3Cpath d='M104.7 21.5 Q104.7 19.5 105.4 17.9 Q106.1 19.7 106.1 21.5Z' fill='%23a6c96c'/%3E%3Cpath d='M109.8 21.5 Q109.2 19 108.7 17 Q110.9 19.2 111.3 21.5Z' fill='%2395bd60'/%3E%3Cpath d='M114.1 21.5 Q114.7 18.6 117 16.2 Q116.3 18.8 115.8 21.5Z' fill='%237aa64b'/%3E%3Cpath d='M120.2 21.5 Q119.7 17.6 119.1 14.5 Q121.1 18 121.6 21.5Z' fill='%2386b155'/%3E%3Cpath d='M123.4 21.5 Q122.7 18.6 121.6 16.2 Q124.2 18.9 124.8 21.5Z' fill='%23a6c96c'/%3E%3Cpath d='M127 21.5 Q126.4 19.3 125.9 17.4 Q128.2 19.5 128.7 21.5Z' fill='%234f7a31'/%3E%3Cpath d='M131.3 21.5 Q131.7 18.4 133.5 15.9 Q133.3 18.7 132.9 21.5Z' fill='%234f7a31'/%3E%3Cpath d='M137.5 21.5 Q136.8 19.4 135.9 17.8 Q138.3 19.6 138.9 21.5Z' fill='%234f7a31'/%3E%3Cpath d='M142.2 21.5 Q142.8 18.3 145.1 15.8 Q144.5 18.6 144 21.5Z' fill='%237aa64b'/%3E%3Cpath d='M146.5 21.5 Q146.1 17.4 145.9 14.1 Q147.8 17.8 148.2 21.5Z' fill='%23618c3c'/%3E%3Cpath d='M151.3 21.5 Q151.9 18.4 154.3 15.9 Q153.4 18.7 152.8 21.5Z' fill='%2395bd60'/%3E%3Cpath d='M156.1 21.5 Q156.7 17.6 159.1 14.5 Q158.4 18 157.9 21.5Z' fill='%235a8438'/%3E%3Cpath d='M162.3 21.5 Q162.2 19.3 162.7 17.5 Q163.6 19.5 163.6 21.5Z' fill='%234f7a31'/%3E%3Cpath d='M167.7 21.5 Q167.4 18.6 167.4 16.3 Q168.8 18.9 169.1 21.5Z' fill='%234f7a31'/%3E%3C/svg%3E");
  --nb-bank:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='34' viewBox='0 0 300 34' %3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2393b95e'/%3E%3Cstop offset='.55' stop-color='%236f9a45'/%3E%3Cstop offset='1' stop-color='%23557c35'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 19.6 L20 19 L40 20 L60 19.9 L80 19 L100 20.3 L120 20.4 L140 19.1 L160 20.4 L180 19.4 L200 19.6 L220 20.5 L240 20.2 L260 19 L280 19.5 L300 19.6 L300 24.4 L275 24.5 L250 24.3 L225 24.2 L200 24.3 L175 24.6 L150 24 L125 24.5 L100 24.4 L75 24 L50 24.3 L25 24.6 L0 24.4Z' fill='url(%23g)'/%3E%3Cpath d='M0 24.4 L25 24.6 L50 24.3 L75 24 L100 24.4 L125 24.5 L150 24 L175 24.6 L200 24.3 L225 24.2 L250 24.3 L275 24.5 L300 24.4' fill='none' stroke='%233f5f26' stroke-width='.9' opacity='.7'/%3E%3C/svg%3E");
  --nb-vine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='38' viewBox='0 0 420 38' %3E%3Cdefs%3E%3Cg id='L'%3E%3Cpath d='M0 0 L0 -2.4' stroke='%23557a30' stroke-width='.7'/%3E%3Cg transform='translate(0 -2.2)'%3E%3Cpath d='M0 0 Q2.1 -2.8 0 -5.6 Q-2.1 -2.8 0 0Z' transform='rotate(-40)'/%3E%3Cpath d='M0 0 L0 -4.8' transform='rotate(-40)' stroke='%23a8cf75' stroke-width='.35' opacity='.8'/%3E%3Cpath d='M0 0 Q2.1 -2.8 0 -5.6 Q-2.1 -2.8 0 0Z' transform='rotate(40)'/%3E%3Cpath d='M0 0 L0 -4.8' transform='rotate(40)' stroke='%23a8cf75' stroke-width='.35' opacity='.8'/%3E%3Cpath d='M0 0 Q2.3 -3.4 0 -6.8 Q-2.3 -3.4 0 0Z' transform='rotate(0)'/%3E%3Cpath d='M0 0 L0 -5.8' transform='rotate(0)' stroke='%23a8cf75' stroke-width='.35' opacity='.8'/%3E%3C/g%3E%3C/g%3E%3C/defs%3E%3Cpath d='M0 25 C70 23 140 28.5 210 25 S350 27 420 25' fill='none' stroke='%234e6f2c' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M0 24.4 C70 22.4 140 27.9 210 24.4 S350 26.4 420 24.4' fill='none' stroke='%2386ad55' stroke-width='.5' opacity='.7'/%3E%3Cuse href='%23L' transform='translate(22 24.6) rotate(183.3) scale(1)' fill='%236c9c40'/%3E%3Cuse href='%23L' transform='translate(64 24.8) rotate(43.1) scale(1)' fill='%236c9c40'/%3E%3Cuse href='%23L' transform='translate(108 25.6) rotate(167.6) scale(1)' fill='%23577f33'/%3E%3Cuse href='%23L' transform='translate(150 26.2) rotate(205.2) scale(1.1)' fill='%2378a94a'/%3E%3Cuse href='%23L' transform='translate(196 25.6) rotate(56.1) scale(1.1)' fill='%235f8f38'/%3E%3Cuse href='%23L' transform='translate(238 24) rotate(168.1) scale(1.1)' fill='%236c9c40'/%3E%3Cuse href='%23L' transform='translate(284 23.9) rotate(177.6) scale(1)' fill='%235f8f38'/%3E%3Cuse href='%23L' transform='translate(330 24.7) rotate(-51) scale(1.1)' fill='%236c9c40'/%3E%3Cuse href='%23L' transform='translate(372 25.4) rotate(154.3) scale(1.2)' fill='%23577f33'/%3E%3Cuse href='%23L' transform='translate(404 25.3) rotate(150.8) scale(1.2)' fill='%23577f33'/%3E%3Cpath d='M45 24.6 c1.5 2.5 -0.5 5 2 6.2 c2.6 1 3.6 -2.4 1.2 -3 c-1.4 -.3 -1.6 1.3 -0.2 1.2' fill='none' stroke='%2386ad55' stroke-width='.7' stroke-linecap='round'/%3E%3Cpath d='M128 26 c-1.5 2.5 0.5 5 -2 6.2 c-2.6 1 -3.6 -2.4 -1.2 -3 c1.4 -.3 1.6 1.3 0.2 1.2' fill='none' stroke='%2386ad55' stroke-width='.7' stroke-linecap='round'/%3E%3Cpath d='M262 23.8 c-1.5 2.5 0.5 5 -2 6.2 c-2.6 1 -3.6 -2.4 -1.2 -3 c1.4 -.3 1.6 1.3 0.2 1.2' fill='none' stroke='%2386ad55' stroke-width='.7' stroke-linecap='round'/%3E%3Cpath d='M352 25.1 c-1.5 2.5 0.5 5 -2 6.2 c-2.6 1 -3.6 -2.4 -1.2 -3 c1.4 -.3 1.6 1.3 0.2 1.2' fill='none' stroke='%2386ad55' stroke-width='.7' stroke-linecap='round'/%3E%3C/svg%3E");
  --nb-plank:linear-gradient(180deg,#a67646 0%,#8a5b32 58%,#744a28 100%);
  --nb-ring:#1f5b7e;
  backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0;overflow-x:clip;
  background:
    var(--nb-grain) 0 0/180px 180px,
    radial-gradient(ellipse 360px 120px at 7% -30%,rgba(255,238,176,.85),rgba(255,238,176,0) 72%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='30' viewBox='0 0 640 30' %3E%3Cdefs%3E%3Cg id='P' stroke='%23b2c792' stroke-width='1' fill='none' stroke-linecap='round'%3E%3Cpath d='M0 0 q-2.6 -1.8 -4.9 1.3'/%3E%3Cpath d='M0 0 q-2.1 -3 -4 0.3'/%3E%3Cpath d='M0 0 q-1.1 -3.8 -2.1 -0.4'/%3E%3Cpath d='M0 0 q0.1 -4 0.1 -0.6'/%3E%3Cpath d='M0 0 q1.2 -3.7 2.3 -0.4'/%3E%3Cpath d='M0 0 q2.1 -2.9 4.1 0.4'/%3E%3Cpath d='M0 0 q2.6 -1.8 4.9 1.3'/%3E%3C/g%3E%3C/defs%3E%3Cpath d='M0 20 C60 16 120 18 180 16.5 S300 13 360 16 S520 19 640 20 L640 30 L0 30Z' fill='%23dae6c5'/%3E%3Cg fill='%23c9daab'%3E%3Ccircle cx='14' cy='15.9' r='5.4'/%3E%3Ccircle cx='20.2' cy='16.3' r='4.5'/%3E%3Ccircle cx='25.4' cy='16.4' r='3.6'/%3E%3Ccircle cx='29.6' cy='16.6' r='3.9'/%3E%3Ccircle cx='35.1' cy='16.8' r='3.9'/%3E%3Ccircle cx='39.7' cy='16.2' r='4'/%3E%3Ccircle cx='44.5' cy='17.4' r='3.2'/%3E%3Ccircle cx='48.8' cy='16.9' r='3.7'/%3E%3Ccircle cx='54.2' cy='17.4' r='3.5'/%3E%3Ccircle cx='58.6' cy='17' r='4.4'/%3E%3Ccircle cx='64.1' cy='16.8' r='4.4'/%3E%3Ccircle cx='70.7' cy='17.2' r='4'/%3E%3Ccircle cx='76.3' cy='16.4' r='4.7'/%3E%3Ccircle cx='82.1' cy='16.7' r='3.3'/%3E%3Ccircle cx='85.9' cy='16.1' r='5'/%3E%3Ccircle cx='91.7' cy='17.5' r='3.4'/%3E%3Ccircle cx='96.6' cy='16.2' r='4.8'/%3E%3Ccircle cx='102.4' cy='16.8' r='3.9'/%3E%3Ccircle cx='106.9' cy='16.4' r='4.3'/%3E%3Ccircle cx='113.2' cy='16.2' r='5.5'/%3E%3Crect x='11' y='17' width='110' height='13'/%3E%3C/g%3E%3Cg fill='%23c9daab'%3E%3Ccircle cx='214' cy='15.9' r='5.5'/%3E%3Ccircle cx='220.9' cy='17' r='3.2'/%3E%3Ccircle cx='225' cy='16.3' r='4.4'/%3E%3Ccircle cx='230.7' cy='16.9' r='3.2'/%3E%3Ccircle cx='234.4' cy='16.2' r='4.2'/%3E%3Ccircle cx='239' cy='16.5' r='3.9'/%3E%3Ccircle cx='244.2' cy='16.9' r='4.5'/%3E%3Ccircle cx='250.3' cy='16.8' r='4.9'/%3E%3Ccircle cx='256.5' cy='17.4' r='4'/%3E%3Ccircle cx='261.1' cy='16.5' r='4.9'/%3E%3Ccircle cx='266.6' cy='16.7' r='5.2'/%3E%3Ccircle cx='273.7' cy='16.7' r='5'/%3E%3Ccircle cx='279.4' cy='16.6' r='4.5'/%3E%3Ccircle cx='285.8' cy='16.7' r='5.1'/%3E%3Ccircle cx='292.6' cy='16.4' r='5.3'/%3E%3Ccircle cx='300' cy='16.3' r='3.8'/%3E%3Ccircle cx='304.3' cy='16.3' r='4.1'/%3E%3Ccircle cx='310.2' cy='16.7' r='4.5'/%3E%3Ccircle cx='316.3' cy='16.4' r='4.8'/%3E%3Crect x='211' y='17' width='110' height='13'/%3E%3C/g%3E%3Cg fill='%23c9daab'%3E%3Ccircle cx='430' cy='16.6' r='5.1'/%3E%3Ccircle cx='436.7' cy='16.8' r='4.5'/%3E%3Ccircle cx='441.7' cy='16.1' r='5'/%3E%3Ccircle cx='447.3' cy='17.1' r='3.8'/%3E%3Ccircle cx='451.9' cy='16.9' r='5'/%3E%3Ccircle cx='458.3' cy='16.7' r='4.1'/%3E%3Ccircle cx='464' cy='16.5' r='5'/%3E%3Ccircle cx='470.8' cy='16.7' r='3.4'/%3E%3Ccircle cx='474.9' cy='16.1' r='5'/%3E%3Ccircle cx='481.5' cy='16.6' r='3.2'/%3E%3Ccircle cx='485.4' cy='16.7' r='4.8'/%3E%3Ccircle cx='492' cy='16.9' r='3.9'/%3E%3Ccircle cx='497' cy='16.2' r='4.3'/%3E%3Ccircle cx='503.3' cy='17.5' r='3.7'/%3E%3Ccircle cx='508.7' cy='17.1' r='3.2'/%3E%3Ccircle cx='513.3' cy='16.1' r='5.5'/%3E%3Ccircle cx='520' cy='17.5' r='3.7'/%3E%3Ccircle cx='524.4' cy='16.1' r='4.6'/%3E%3Ccircle cx='530.4' cy='15.7' r='5.5'/%3E%3Ccircle cx='538.3' cy='17.1' r='4.4'/%3E%3Ccircle cx='544.4' cy='17.4' r='3.8'/%3E%3Crect x='427' y='17' width='124' height='13'/%3E%3C/g%3E%3Cg fill='%23c9daab'%3E%3Ccircle cx='590' cy='16.5' r='3.3'/%3E%3Ccircle cx='594.2' cy='16.4' r='4.3'/%3E%3Ccircle cx='599.2' cy='16.6' r='4'/%3E%3Ccircle cx='605' cy='17.5' r='3.2'/%3E%3Ccircle cx='609.6' cy='17.5' r='3.5'/%3E%3Ccircle cx='614.4' cy='15.9' r='5.4'/%3E%3Ccircle cx='621.1' cy='17.3' r='4.1'/%3E%3Ccircle cx='626.6' cy='16.7' r='4.1'/%3E%3Ccircle cx='631.5' cy='16.6' r='3.3'/%3E%3Crect x='587' y='17' width='52' height='13'/%3E%3C/g%3E%3Cpath d='M96 24 Q97.2 16.6 96 11.1' stroke='%23b2c792' stroke-width='.9' fill='none'/%3E%3Cuse href='%23P' x='96' y='11.1'/%3E%3Cpath d='M262 24 Q263.2 15.6 262 9.2' stroke='%23b2c792' stroke-width='.9' fill='none'/%3E%3Cuse href='%23P' x='262' y='9.2'/%3E%3Cpath d='M380 24 Q381.2 16.6 380 11.3' stroke='%23b2c792' stroke-width='.9' fill='none'/%3E%3Cuse href='%23P' x='380' y='11.3'/%3E%3Cpath d='M470 24 Q471.2 16.6 470 11.2' stroke='%23b2c792' stroke-width='.9' fill='none'/%3E%3Cuse href='%23P' x='470' y='11.2'/%3E%3Cpath d='M612 24 Q613.2 16.2 612 10.5' stroke='%23b2c792' stroke-width='.9' fill='none'/%3E%3Cuse href='%23P' x='612' y='10.5'/%3E%3Cpath d='M0 24 C80 21 150 25 230 23 S400 20 470 23 S600 25 640 24 L640 30 L0 30Z' fill='%23c5d8a6'/%3E%3C/svg%3E") 0 calc(100% - 3px)/640px 30px repeat-x,
    linear-gradient(180deg,#cde3ea 0%,#dcebdf 36%,#efe9d1 72%,#ebdfbd 100%);
}
.site-header>*{position:relative;z-index:1}

/* grass bank, maypop vine and wildflowers along the bottom edge (hangs ~10px below) */
.site-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-14px;height:38px;z-index:0;pointer-events:none;
  background:
    var(--nb-core) 15% 0/36px 34px no-repeat,
    var(--nb-peb) 21% 0/18px 34px no-repeat,
    var(--nb-susan) 34% 0/34px 34px no-repeat,
    var(--nb-maypop) 43% 0/24px 34px no-repeat,
    var(--nb-mush) 52% 0/18px 34px no-repeat,
    var(--nb-violet) 63% 0/30px 34px no-repeat,
    var(--nb-core) 74% 0/36px 34px no-repeat,
    var(--nb-maypop) 81% 0/24px 34px no-repeat,
    var(--nb-susan) 90% 0/34px 34px no-repeat,
    var(--nb-violet) 98.5% 0/30px 34px no-repeat,
    var(--nb-vine) 0 0/420px 38px repeat-x,
    var(--nb-grassA) 0 0/260px 34px repeat-x,
    var(--nb-grassB) 57px 0/173px 34px repeat-x,
    var(--nb-bank) 0 0/300px 34px repeat-x;
}

/* a convergent lady beetle strolls along the vine, stopping now and then */
.site-header::before{
  content:"";position:absolute;left:0;bottom:-8px;width:18px;height:16px;z-index:2;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' %3E%3Cg stroke='%231b1411' stroke-width='.75' stroke-linecap='round'%3E%3Cpath d='M6 4 L4.6 1.4 M9 3.6 L9.3 1 M11.6 4.2 L13 1.8 M6 12 L4.6 14.6 M9 12.4 L9.3 15 M11.6 11.8 L13 14.2'/%3E%3Cpath d='M16.4 7 L17.6 5.8 M16.4 9 L17.6 10.2' stroke-width='.5'/%3E%3C/g%3E%3Cellipse cx='8' cy='8' rx='6.4' ry='5.5' fill='%23e2461e'/%3E%3Cellipse cx='7' cy='6' rx='4' ry='2.3' fill='%23ff8a5c' opacity='.45'/%3E%3Cpath d='M1.8 8 L12.6 8' stroke='%236e1a08' stroke-width='.55'/%3E%3Ccircle cx='4.2' cy='5.4' r='0.75' fill='%231b1411'/%3E%3Ccircle cx='7.6' cy='4.4' r='0.7' fill='%231b1411'/%3E%3Ccircle cx='10.4' cy='5.6' r='0.7' fill='%231b1411'/%3E%3Ccircle cx='5.4' cy='6.6' r='0.55' fill='%231b1411'/%3E%3Ccircle cx='4.2' cy='10.6' r='0.75' fill='%231b1411'/%3E%3Ccircle cx='7.6' cy='11.6' r='0.7' fill='%231b1411'/%3E%3Ccircle cx='10.4' cy='10.4' r='0.7' fill='%231b1411'/%3E%3Ccircle cx='5.4' cy='9.4' r='0.55' fill='%231b1411'/%3E%3Ccircle cx='2.6' cy='8' r='0.5' fill='%231b1411'/%3E%3Cellipse cx='13.7' cy='8' rx='2.1' ry='3.3' fill='%231b1411'/%3E%3Cpath d='M13.2 4.9 Q15.4 5.6 15.6 8 Q15.4 10.4 13.2 11.1' stroke='%23f4f1e8' stroke-width='.55' fill='none'/%3E%3Cpath d='M12.8 6.2 L14.3 7.4 M12.8 9.8 L14.3 8.6' stroke='%23f4f1e8' stroke-width='.6' stroke-linecap='round'/%3E%3Ccircle cx='16' cy='8' r='1.35' fill='%231b1411'/%3E%3Ccircle cx='16.4' cy='7.3' r='.3' fill='%23f4f1e8'/%3E%3Ccircle cx='16.4' cy='8.7' r='.3' fill='%23f4f1e8'/%3E%3Cellipse cx='5.2' cy='5.2' rx='1.3' ry='.6' fill='%23fff' opacity='.55' transform='rotate(-20 5.2 5.2)'/%3E%3C/svg%3E") center/contain no-repeat;
  animation:nbBugWalk 80s linear infinite,nbBugWobble .45s ease-in-out infinite alternate;
}
@keyframes nbBugWalk{
  0%{translate:-26px 0;opacity:0}
  2%{opacity:1}
  20%{translate:calc(24vw - 20px) 0}
  29%{translate:calc(24vw - 20px) 0}
  50%{translate:calc(52vw - 30px) 0}
  58%{translate:calc(52vw - 30px) 0}
  86%{translate:calc(100vw - 70px) 0;opacity:1}
  90%,100%{translate:calc(100vw - 70px) 0;opacity:0}
}
@keyframes nbBugWobble{from{rotate:-4deg}to{rotate:4deg}}

/* logo: a framed sign with a tickseed flower growing beside it, and a bumble bee that visits on hover */
.site-header .logo-home{position:relative}
.site-header .logo-home img{border-radius:9px;box-shadow:0 0 0 2.5px #94653a,0 0 0 4px #5e3d20,0 4px 0 3px rgba(70,42,16,.28)}
.site-header .logo-home::before{content:"";position:absolute;right:-24px;bottom:-17.5px;width:26px;height:34px;pointer-events:none;
  background:var(--nb-core) 0 0/36px 34px no-repeat}
.site-header .logo-home::after{content:"";position:absolute;left:calc(100% + 14px);top:24px;width:26px;height:20px;pointer-events:none;opacity:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 26 20' %3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cellipse cx='17.4' cy='11.6' rx='5.4' ry='4.3'/%3E%3C/clipPath%3E%3C/defs%3E%3Cellipse cx='14.5' cy='4.6' rx='4.6' ry='2.4' transform='rotate(-22 14.5 4.6)' fill='%23e9f3fb' opacity='.8' stroke='%238fa5b8' stroke-width='.45'/%3E%3Cellipse cx='17.5' cy='5.8' rx='3.6' ry='1.8' transform='rotate(-8 17.5 5.8)' fill='%23dfeaf4' opacity='.75' stroke='%238fa5b8' stroke-width='.4'/%3E%3Cg stroke='%231d1a17' stroke-width='.8' stroke-linecap='round' fill='none'%3E%3Cpath d='M9.6 13.6 L8.4 17.2 M12 14.2 L12 17.8 M14.6 14.4 L16 17.6'/%3E%3Cpath d='M4.6 8.6 Q3 5.4 1.4 5.2 M5.6 8.2 Q4.8 5 3.4 4'/%3E%3C/g%3E%3Cellipse cx='17.4' cy='11.6' rx='5.4' ry='4.3' fill='%231d1a17'/%3E%3Crect x='11' y='6' width='3.6' height='11' fill='%23f2c230' clip-path='url(%23a)'/%3E%3Cpath d='M15.2 8 Q16 11.6 15.2 15.2 M18.6 7.6 Q19.4 11.6 18.6 15.6' stroke='%233a342c' stroke-width='.5' fill='none' clip-path='url(%23a)'/%3E%3Ccircle cx='10.8' cy='10.4' r='4' fill='%23f3c233'/%3E%3Ccircle cx='11' cy='10' r='1.5' fill='%232a241c'/%3E%3Ccircle cx='6.4' cy='11.2' r='2.8' fill='%231d1a17'/%3E%3Ccircle cx='5.6' cy='10.4' r='.55' fill='%23fff' opacity='.8'/%3E%3Cellipse cx='16' cy='9.4' rx='2.6' ry='.9' fill='%23fff' opacity='.12'/%3E%3C/svg%3E") center/contain no-repeat;translate:18px -10px;transition:opacity .3s,translate .6s cubic-bezier(.3,1.4,.5,1)}
.site-header .logo-home:hover::after,.site-header .logo-home:focus-visible::after{opacity:1;translate:0 0;animation:nbBeeBob 1.2s ease-in-out .5s infinite}
@keyframes nbBeeBob{0%,100%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(-2px,-4px) rotate(5deg)}}

/* nav links: little wooden trail-sign plaques with a sprout */
.site-header nav{gap:clamp(.4rem,.9vw,.9rem);align-items:center}
.site-header nav a{--tilt:-1.2deg;
  position:relative;display:inline-flex;align-items:center;gap:.34rem;padding:.46rem .78rem .46rem .66rem;
  border-radius:6px 9px 7px 8px;color:#fff6df;font-size:.78rem;letter-spacing:.07em;text-decoration:none;
  text-shadow:0 1px 0 rgba(52,28,10,.6);
  background:
    radial-gradient(circle at 5px 50%,#3a2412 0 1.1px,rgba(255,226,180,.6) 1.2px 1.7px,transparent 1.9px),
    radial-gradient(circle at calc(100% - 5px) 50%,#3a2412 0 1.1px,rgba(255,226,180,.6) 1.2px 1.7px,transparent 1.9px),
    var(--nb-wood) 0 0/100% 100%,var(--nb-plank);
  box-shadow:inset 0 1px 0 rgba(255,228,186,.5),inset 0 -2px 0 rgba(58,32,12,.35),0 2px 0 #5a3a1e,0 4px 6px rgba(60,40,20,.22);
  transform:rotate(var(--tilt));transition:filter .2s}
.site-header nav a:nth-child(2n){--tilt:1deg}
.site-header nav a:nth-child(3n){--tilt:-.4deg}
.site-header nav a::before{content:"";width:13px;height:13px;flex:none;margin-left:.2rem;background:var(--nb-sprout) center/contain no-repeat;transform-origin:50% 100%;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.site-header nav a:hover,.site-header nav a:focus-visible{text-decoration:none;filter:brightness(1.08);animation:nbWiggle .55s ease-in-out}
.site-header nav a:hover::before,.site-header nav a:focus-visible::before{transform:scale(1.35) rotate(-10deg)}
@keyframes nbWiggle{0%,100%{transform:rotate(var(--tilt))}25%{transform:rotate(-4deg) translateY(-2px)}50%{transform:rotate(3deg) translateY(-2px)}75%{transform:rotate(-1.5deg)}}

/* back link on inner pages: a trail sign pointing home */
.site-header .back-link{position:relative;display:inline-flex;align-items:center;margin-left:14px;padding:.48rem .85rem .48rem .5rem;border-radius:0 8px 7px 0;
  color:#fff6df;text-shadow:0 1px 0 rgba(52,28,10,.6);text-decoration:none;
  background:radial-gradient(circle at calc(100% - 6px) 50%,#3a2412 0 1.1px,rgba(255,226,180,.6) 1.2px 1.7px,transparent 1.9px),var(--nb-wood) 0 0/100% 100%,var(--nb-plank);
  box-shadow:inset 0 1px 0 rgba(255,228,186,.5),inset 0 -2px 0 rgba(58,32,12,.35),0 2px 0 #5a3a1e,0 4px 6px rgba(60,40,20,.22);transform:rotate(-1deg)}
.site-header .back-link::before{content:"";position:absolute;left:-9.6px;top:50%;width:19.4px;height:19.4px;margin-top:-9.7px;z-index:-1;
  background:linear-gradient(135deg,#a67646,#8a5b32 58%,#744a28);transform:rotate(45deg);clip-path:polygon(0 0,0 100%,100% 100%);
  box-shadow:inset 1px 0 0 rgba(255,228,186,.45)}
.site-header .back-link:hover,.site-header .back-link:focus-visible{filter:brightness(1.08);animation:nbWiggle .55s ease-in-out;--tilt:-1deg}

/* YouTube: a red painted board (still YouTube red) */
.site-header .yt-pill{border-radius:7px 9px 8px 6px;padding:.52rem .82rem;text-shadow:0 1px 0 rgba(90,10,5,.45);
  background:var(--nb-wood) 0 0/100% 100%,linear-gradient(180deg,#f0301d 0%,#dc2215 55%,#c01b10 100%);
  box-shadow:inset 0 1px 0 rgba(255,200,180,.55),inset 0 -2px 0 rgba(90,8,4,.35),0 2px 0 #7c140c,0 4px 6px rgba(60,20,10,.25)}
.site-header .yt-pill .yt-dot{display:inline-grid;place-items:center;width:1.3rem;height:.92rem;border-radius:4px;background:#fff;color:#e62117;font-size:.5rem;text-shadow:none;padding-left:1px}
.site-header .yt-pill:hover{filter:brightness(1.06)}

/* Sound: pale birch plank, green-stained when on */
.site-header .sound-toggle{border:1.5px solid #8d6a3f;border-radius:7px 9px 8px 6px;color:#2c4a2e;
  background:var(--nb-wood) 0 0/100% 100%,linear-gradient(180deg,#fcf3de,#ecdbb4);
  box-shadow:inset 0 1px 0 #fffaf0,0 2px 0 #8d6a3f,0 4px 6px rgba(60,40,20,.18)}
.site-header .sound-toggle.on{color:#fff8e6;border-color:#213d23;text-shadow:0 1px 0 rgba(10,30,12,.5);
  background:var(--nb-wood) 0 0/100% 100%,linear-gradient(180deg,#52814a,#386337 60%,#2c512d);
  box-shadow:inset 0 1px 0 rgba(200,240,190,.35),0 2px 0 #1d361f,0 4px 6px rgba(20,40,20,.25)}
.site-header .sound-toggle:hover{filter:brightness(1.05)}
.site-header .sky-toggle{border-color:#8d6a3f;box-shadow:inset 0 2px 4px rgba(0,0,0,.18),0 2px 0 #8d6a3f}
/* night: the knob itself turns into the moon, so hide the second moon icon on the track */
.sky-toggle[aria-checked="true"] .sky-moon{opacity:0}

.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid var(--nb-ring);outline-offset:3px}

/* ---------- Dusk: deeper greens, stars, fireflies instead of the bee ---------- */
body.sky-night .site-header{--nb-ring:#ffd66b;
  --nb-plank:linear-gradient(180deg,#8d6440 0%,#6f4a2a 58%,#5c3b20 100%);
  background:
    radial-gradient(circle,#fffbe8 0 .9px,transparent 1.4px) 23px 3px/137px 14px repeat-x,
    radial-gradient(circle,#fff4c8 0 .7px,transparent 1.2px) 71px 14px/211px 14px repeat-x,
    radial-gradient(circle,#ffffff 0 .6px,transparent 1.1px) 5px 26px/97px 14px repeat-x,
    var(--nb-grain) 0 0/180px 180px,
    radial-gradient(ellipse 300px 110px at 8% -30%,rgba(255,244,200,.28),rgba(255,244,200,0) 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='30' viewBox='0 0 640 30' %3E%3Cdefs%3E%3Cg id='P' stroke='%231b3130' stroke-width='1' fill='none' stroke-linecap='round'%3E%3Cpath d='M0 0 q-2.6 -1.8 -4.9 1.3'/%3E%3Cpath d='M0 0 q-2.1 -3 -4 0.3'/%3E%3Cpath d='M0 0 q-1.1 -3.8 -2.1 -0.4'/%3E%3Cpath d='M0 0 q0.1 -4 0.1 -0.6'/%3E%3Cpath d='M0 0 q1.2 -3.7 2.3 -0.4'/%3E%3Cpath d='M0 0 q2.1 -2.9 4.1 0.4'/%3E%3Cpath d='M0 0 q2.6 -1.8 4.9 1.3'/%3E%3C/g%3E%3C/defs%3E%3Cpath d='M0 20 C60 16 120 18 180 16.5 S300 13 360 16 S520 19 640 20 L640 30 L0 30Z' fill='%2322393f'/%3E%3Cg fill='%231e363a'%3E%3Ccircle cx='14' cy='16.8' r='3.7'/%3E%3Ccircle cx='19.4' cy='16.6' r='5.3'/%3E%3Ccircle cx='26.6' cy='16.7' r='5.4'/%3E%3Ccircle cx='33.7' cy='15.8' r='4.9'/%3E%3Ccircle cx='40.6' cy='17' r='4.3'/%3E%3Ccircle cx='46.4' cy='16.3' r='3.9'/%3E%3Ccircle cx='52.1' cy='17' r='3.5'/%3E%3Ccircle cx='56.5' cy='17.1' r='3.9'/%3E%3Ccircle cx='62.3' cy='17.1' r='3.8'/%3E%3Ccircle cx='67' cy='16.4' r='4.5'/%3E%3Ccircle cx='72.3' cy='16.6' r='3.6'/%3E%3Ccircle cx='77.5' cy='16.3' r='4.4'/%3E%3Ccircle cx='83.9' cy='16' r='5.6'/%3E%3Ccircle cx='90.4' cy='16.5' r='3.7'/%3E%3Ccircle cx='94.9' cy='16.7' r='3.4'/%3E%3Ccircle cx='99' cy='17' r='4.6'/%3E%3Ccircle cx='105.4' cy='16.6' r='4.2'/%3E%3Ccircle cx='110.9' cy='16.6' r='4.1'/%3E%3Ccircle cx='115.5' cy='17.4' r='3.9'/%3E%3Crect x='11' y='17' width='110' height='13'/%3E%3C/g%3E%3Cg fill='%231e363a'%3E%3Ccircle cx='214' cy='16.8' r='4.4'/%3E%3Ccircle cx='220.4' cy='16.7' r='3.7'/%3E%3Ccircle cx='224.8' cy='16.7' r='4.2'/%3E%3Ccircle cx='231' cy='16.7' r='5.2'/%3E%3Ccircle cx='236.8' cy='17.4' r='3.3'/%3E%3Ccircle cx='241.6' cy='16.8' r='4.3'/%3E%3Ccircle cx='246.3' cy='17.2' r='4.1'/%3E%3Ccircle cx='252.3' cy='16.8' r='5.3'/%3E%3Ccircle cx='258.6' cy='16.6' r='3.5'/%3E%3Ccircle cx='263.1' cy='17' r='4.8'/%3E%3Ccircle cx='269.8' cy='16.8' r='4.8'/%3E%3Ccircle cx='275.9' cy='16' r='4.5'/%3E%3Ccircle cx='282.3' cy='17.4' r='3.8'/%3E%3Ccircle cx='287.4' cy='16.4' r='3.9'/%3E%3Ccircle cx='292.1' cy='16.7' r='4.7'/%3E%3Ccircle cx='297.5' cy='17.1' r='3.4'/%3E%3Ccircle cx='302' cy='16.4' r='4.1'/%3E%3Ccircle cx='307.6' cy='16.9' r='3.2'/%3E%3Ccircle cx='311.7' cy='16.3' r='5.5'/%3E%3Crect x='211' y='17' width='110' height='13'/%3E%3C/g%3E%3Cg fill='%231e363a'%3E%3Ccircle cx='430' cy='16.3' r='4.3'/%3E%3Ccircle cx='435.2' cy='16.4' r='5.5'/%3E%3Ccircle cx='441.9' cy='17.1' r='3.3'/%3E%3Ccircle cx='446.4' cy='16.4' r='4.2'/%3E%3Ccircle cx='452.1' cy='15.8' r='5.4'/%3E%3Ccircle cx='458.2' cy='16.7' r='4'/%3E%3Ccircle cx='463.7' cy='17.3' r='3.7'/%3E%3Ccircle cx='468.8' cy='16.3' r='4.4'/%3E%3Ccircle cx='475.4' cy='17.2' r='3.9'/%3E%3Ccircle cx='480.1' cy='17.2' r='3.7'/%3E%3Ccircle cx='484.6' cy='16.1' r='5.5'/%3E%3Ccircle cx='491.1' cy='16.8' r='3.7'/%3E%3Ccircle cx='496.2' cy='15.7' r='5.5'/%3E%3Ccircle cx='503.1' cy='17.5' r='3.7'/%3E%3Ccircle cx='507.4' cy='16.6' r='3.3'/%3E%3Ccircle cx='511.5' cy='16.7' r='5.4'/%3E%3Ccircle cx='519' cy='16.6' r='5.6'/%3E%3Ccircle cx='525.9' cy='17.5' r='3.6'/%3E%3Ccircle cx='531' cy='17.3' r='3.3'/%3E%3Ccircle cx='535.1' cy='16.6' r='4.1'/%3E%3Ccircle cx='539.9' cy='16.9' r='3.2'/%3E%3Ccircle cx='543.9' cy='15.7' r='5.5'/%3E%3Crect x='427' y='17' width='124' height='13'/%3E%3C/g%3E%3Cg fill='%231e363a'%3E%3Ccircle cx='590' cy='16.8' r='3.7'/%3E%3Ccircle cx='595.3' cy='16.2' r='5.2'/%3E%3Ccircle cx='601.1' cy='16.5' r='4.3'/%3E%3Ccircle cx='607.4' cy='16.8' r='3.7'/%3E%3Ccircle cx='612.8' cy='17' r='3.3'/%3E%3Ccircle cx='617.4' cy='15.8' r='5'/%3E%3Ccircle cx='623.1' cy='17.6' r='3.4'/%3E%3Ccircle cx='627.1' cy='16.8' r='5'/%3E%3Ccircle cx='633.3' cy='17.4' r='3.9'/%3E%3Crect x='587' y='17' width='52' height='13'/%3E%3C/g%3E%3Cpath d='M96 24 Q97.2 16.6 96 11.2' stroke='%231b3130' stroke-width='.9' fill='none'/%3E%3Cuse href='%23P' x='96' y='11.2'/%3E%3Cpath d='M262 24 Q263.2 15.9 262 9.9' stroke='%231b3130' stroke-width='.9' fill='none'/%3E%3Cuse href='%23P' x='262' y='9.9'/%3E%3Cpath d='M380 24 Q381.2 16.5 380 11.1' stroke='%231b3130' stroke-width='.9' fill='none'/%3E%3Cuse href='%23P' x='380' y='11.1'/%3E%3Cpath d='M470 24 Q471.2 16.6 470 11.2' stroke='%231b3130' stroke-width='.9' fill='none'/%3E%3Cuse href='%23P' x='470' y='11.2'/%3E%3Cpath d='M612 24 Q613.2 17 612 12' stroke='%231b3130' stroke-width='.9' fill='none'/%3E%3Cuse href='%23P' x='612' y='12'/%3E%3Cpath d='M0 24 C80 21 150 25 230 23 S400 20 470 23 S600 25 640 24 L640 30 L0 30Z' fill='%23233f33'/%3E%3C/svg%3E") 0 calc(100% - 3px)/640px 30px repeat-x,
    linear-gradient(180deg,#15223d 0%,#1f3350 42%,#29434b 76%,#2c4838 100%)}
body.sky-night .site-header::after{filter:brightness(.58) saturate(.85)}
body.sky-night .site-header .logo-home img{box-shadow:0 0 0 2.5px #7a5230,0 0 0 4px #3e2814,0 4px 0 3px rgba(0,0,0,.35)}
body.sky-night .site-header .logo-home::before{filter:brightness(.6) saturate(.85)}
body.sky-night .site-header .logo-home::after{width:24px;height:18px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18' %3E%3Cellipse cx='12' cy='6' rx='5' ry='2.2' transform='rotate(-12 12 6)' fill='%23dfe7f0' opacity='.35'/%3E%3Cg stroke='%231a1712' stroke-width='.6' stroke-linecap='round'%3E%3Cpath d='M9 11 L8 13.6 M11.4 11.4 L11.2 14 M13.6 11.2 L14.6 13.6 M5 8.4 Q3.4 6 2 5.8'/%3E%3C/g%3E%3Cpath d='M6.6 9.2 Q12 5.6 19 8.4 Q20.2 10.4 18.8 11.8 Q12 12.8 6.8 10.8Z' fill='%232b2620'/%3E%3Cpath d='M7.6 8.6 Q12 6.2 18 8.2' stroke='%23e9d58a' stroke-width='.6' fill='none'/%3E%3Cellipse cx='18.4' cy='10.2' rx='2.4' ry='1.9' fill='%23e8ff8a'/%3E%3Cellipse cx='18.8' cy='10.2' rx='1.3' ry='1' fill='%23fbffd8'/%3E%3Cellipse cx='6.4' cy='9.6' rx='2' ry='1.8' fill='%23e79aa0'/%3E%3Ccircle cx='6.2' cy='9.6' r='.8' fill='%231a1712'/%3E%3Ccircle cx='4.6' cy='10' r='1.2' fill='%231a1712'/%3E%3C/svg%3E") center/contain no-repeat,radial-gradient(circle at 78% 56%,rgba(232,255,130,.9) 0 2px,rgba(214,255,100,.35) 5px,rgba(214,255,100,0) 11px)}
body.sky-night .site-header .logo-home:hover::after,body.sky-night .site-header .logo-home:focus-visible::after{animation:nbBeeBob 1.6s ease-in-out .5s infinite,nbGlow 1.6s ease-in-out infinite}
@keyframes nbGlow{50%{opacity:.55}}
/* the lady beetle goes to bed; fireflies blink over the meadow instead */
body.sky-night .site-header::before{top:0;bottom:0;right:0;width:auto;height:auto;z-index:0;rotate:none;translate:none;
  --ff:radial-gradient(circle,rgba(246,255,180,1) 0 1.4px,rgba(222,255,110,.6) 2.6px,rgba(210,255,90,0) 8.5px);
  background:var(--ff) 0 0/420px 76px,var(--ff) 120px -14px/530px 76px,var(--ff) 300px 12px/610px 76px;
  animation:nbFlies 10s ease-in-out infinite}
@keyframes nbFlies{
  0%{opacity:0;background-position:0 8px,120px -14px,300px 16px}
  12%{opacity:1}
  24%{opacity:.12}
  32.9%{opacity:0;background-position:0 8px,120px -14px,300px 16px}
  33%{opacity:0;background-position:180px 14px,20px 6px,90px -12px}
  45%{opacity:1}
  57%{opacity:.1}
  65.9%{opacity:0;background-position:180px 14px,20px 6px,90px -12px}
  66%{opacity:0;background-position:330px -8px,260px 18px,470px 2px}
  79%{opacity:.95}
  91%{opacity:.12}
  100%{opacity:0;background-position:330px -8px,260px 18px,470px 2px}
}

@media(max-width:1180px) and (min-width:851px){
  .site-header{gap:.6rem;padding-inline:1.1rem}
  .site-header nav{gap:.3rem;flex-wrap:nowrap}
  .site-header nav a{padding:.4rem .5rem;font-size:.72rem;letter-spacing:.03em;background:var(--nb-wood) 0 0/100% 100%,var(--nb-plank)}
  .site-header .sound-toggle{white-space:nowrap}
  .site-header nav a::before{display:none}
  .site-header .logo-home::before,.site-header .logo-home::after{display:none}
}
@media(max-width:1020px) and (min-width:851px){
  .site-header .yt-pill{padding:.52rem .6rem;font-size:0;gap:0}
  .site-header .sound-toggle .sound-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media(max-width:850px){
  .site-header .logo-home::before{bottom:-13.5px}
  .site-header .logo-home img{box-shadow:0 0 0 2px #94653a,0 0 0 3px #5e3d20,0 3px 0 2px rgba(70,42,16,.25)}
  body.sky-night .site-header .logo-home img{box-shadow:0 0 0 2px #7a5230,0 0 0 3px #3e2814,0 3px 0 2px rgba(0,0,0,.3)}
}
@media(max-width:540px){
  .site-header::after{background:
    var(--nb-core) 30% 0/36px 34px no-repeat,
    var(--nb-mush) 55% 0/18px 34px no-repeat,
    var(--nb-violet) 76% 0/30px 34px no-repeat,
    var(--nb-vine) 0 0/420px 38px repeat-x,
    var(--nb-grassA) 0 0/260px 34px repeat-x,
    var(--nb-grassB) 57px 0/173px 34px repeat-x,
    var(--nb-bank) 0 0/300px 34px repeat-x}
  .site-header .logo-home::before,.site-header .logo-home::after{display:none}
  .site-header .back-link{margin-left:10px;padding-right:.6rem}
}
@media(prefers-reduced-motion:reduce){
  .site-header::before{animation:none;translate:38vw 0;opacity:1}
  body.sky-night .site-header::before{animation:none;opacity:.85;translate:none}
  .site-header nav a:hover,.site-header nav a:focus-visible,.site-header .back-link:hover,.site-header .back-link:focus-visible{animation:none}
  .site-header .logo-home::after{transition:opacity .2s}
  .site-header .logo-home:hover::after,.site-header .logo-home:focus-visible::after{animation:none;translate:0 0}
}
/* ==== NAVBAR MEADOW END ==== */

/* ===== Fixed design stage for the "find" hero (lw-stage.js + landscape.js) =====
   At 1024 px and wider the whole hero band is ONE composition in a 1920 x 1040 logical stage, scaled to the width like a
   video: the section keeps the stage's aspect ratio, and the heading and the photo card sit at fixed stage positions
   (--u is one logical unit, in container-query units), so the scenery painted around them never collides with them at any
   window width or zoom. The card box is at x 480, y 250, 960 wide (STAGE.card in landscape.js); keep the two in step.
   Below 1024 px the scenery becomes a scaled band on top and the heading and card flow under it at full width. */
@media (min-width:1024px){
  .find-section{container-type:inline-size;--u:calc(100cqw / 1920);aspect-ratio:1920/1040;padding:0;overflow:hidden}
  .find-section>.landscape{width:100%;height:100%}
  .find-section>.find-heading{position:absolute;left:25%;width:50%;top:calc(var(--u) * 16);max-width:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center}
  .find-section .find-heading .eyebrow{font-size:max(10px,calc(var(--u) * 14));margin:0}
  .find-section .find-heading h1{font-size:max(22px,calc(var(--u) * 50));max-width:calc(var(--u) * 780);margin:calc(var(--u) * 4) 0 calc(var(--u) * 8)}
  .find-section .find-heading>p:not(.eyebrow):not(.spotter-hint){font-size:max(13px,calc(var(--u) * 19));margin:0;line-height:1.35}
  .find-section .find-heading .spotter-hint{font-size:max(11px,calc(var(--u) * 15))!important;max-width:none;margin:calc(var(--u) * 8) 0 0!important;line-height:1.3;white-space:nowrap}
  .find-section>.scene-shell{position:absolute;left:25%;top:calc(var(--u) * 250);width:50%;max-width:none;margin:0;padding:calc(var(--u) * 7);border-radius:calc(var(--u) * 16)}
  .find-section .scene-shell .scene{width:100%;height:auto;aspect-ratio:1672/941}
  .find-section .scene-shell .scene-toolbar{zoom:max(.7,calc(var(--lw-s,1) * .86));margin-top:calc(var(--u) * 5 / max(.7,calc(var(--lw-s,1) * .86)))}
  .find-section>.completion{position:absolute;left:50%;top:calc(var(--u) * 700);transform:translateX(-50%);z-index:3;background:rgba(255,250,236,.96);border-radius:16px;box-shadow:0 12px 30px rgba(21,47,37,.28)}
}
@media (max-width:1023.98px){
  .find-section{padding-top:0;padding-inline:0}
  .find-section>.landscape{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1920/1040;margin-bottom:.9rem}
  .find-section>.scene-shell{margin-inline:clamp(0rem,2vw,1rem)}
}