.art { display: block; inline-size: 100%; block-size: auto; overflow: visible }
.art:is(.art--trailhead, .art--summit, .art--devices) { overflow: hidden }
.art[class*="art--terrain-"] { block-size: 100% }
.art :is(path, rect, circle, ellipse, use, line, polygon) { stroke-linecap: round; stroke-linejoin: round }
.art {
  --art-wood: color-mix(in oklab, var(--art-coffee) 58%, var(--art-peach));
  --art-wood-deep: color-mix(in oklab, var(--art-coffee) 82%, var(--art-peach));
  --art-stone: color-mix(in oklab, var(--art-rule) 62%, var(--art-paper));
  --art-stone-deep: var(--art-rule);
  --art-grass: color-mix(in oklab, var(--art-leaf) 70%, var(--art-mint));
  --art-sign: var(--art-mustard);
  --art-sign-deep: var(--art-mustard-deep);
}
.art .paper { fill: var(--art-paper) }             .art .paper-deep { fill: var(--art-paper-deep) }
.art .surface { fill: var(--surface-warm) }        .art .map { fill: var(--map) }
.art .line { fill: var(--art-line) }               .art .rule { fill: var(--art-rule) }
.art .ink { fill: var(--art-ink) }                 .art .mark { fill: var(--art-mark) }
.art .shade { fill: var(--art-shade) }             .art .shine { fill: var(--art-shine) }
.art .check { fill: var(--art-check) }
.art .blush { fill: var(--art-blush) }             .art .blush-warm { fill: var(--art-blush-warm) }
.art .rose { fill: var(--art-rose) }               .art .coffee { fill: var(--art-coffee) }
.art .peach { fill: var(--art-peach) }             .art .mint { fill: var(--art-mint) }
.art .mustard { fill: var(--art-mustard) }         .art .lavender { fill: var(--art-lavender) }
.art .teal { fill: var(--art-teal) }               .art .wine { fill: var(--art-wine) }
.art .forest { fill: var(--art-forest) }           .art .mustard-deep { fill: var(--art-mustard-deep) }
.art .lavender-deep { fill: var(--art-lavender-deep) }
.art .peach-deep { fill: var(--art-peach-deep) }
.art .laptop { fill: var(--art-laptop) }           .art .laptop-deep { fill: var(--art-laptop-deep) }
.art .leaf { fill: var(--art-leaf) }               .art .leaf-deep { fill: var(--art-leaf-deep) }
.art .grass { fill: var(--art-grass) }
.art .skin-1 { fill: var(--art-skin-1) }           .art .skin-2 { fill: var(--art-skin-2) }
.art .skin-3 { fill: var(--art-skin-3) }
.art .hair-1 { fill: var(--art-hair-1) }           .art .hair-2 { fill: var(--art-hair-2) }
.art .hair-3 { fill: var(--art-hair-3) }
.art .road { fill: var(--art-road) }               .art .trace { fill: var(--mark) }
.art .sign { fill: var(--art-sign) }               .art .sign-deep { fill: var(--art-sign-deep) }
.art .wood { fill: var(--art-wood) }               .art .wood-deep { fill: var(--art-wood-deep) }
.art .stone { fill: var(--art-stone) }             .art .stone-deep { fill: var(--art-stone-deep) }
.art .lens { fill: var(--art-lens); stroke: var(--art-ink) }
.art .peach-soft { fill: color-mix(in oklab, var(--art-peach) 42%, var(--art-paper)) }
.art .mustard-soft { fill: color-mix(in oklab, var(--art-mustard) 40%, var(--art-paper)) }
.art .lavender-soft { fill: color-mix(in oklab, var(--art-lavender) 42%, var(--art-paper)) }
.art .mint-soft { fill: color-mix(in oklab, var(--art-mint) 50%, var(--art-paper)) }
.art .rose-soft { fill: color-mix(in oklab, var(--art-rose) 30%, var(--art-paper)) }
.art .mint-deep { fill: color-mix(in oklab, var(--art-mint) 70%, var(--art-leaf)) }
.art .stroke-mint-feather { stroke: color-mix(in oklab, var(--art-mint) 42%, var(--map)) }
.art .card { fill: var(--surface-warm); stroke: var(--art-line); stroke-width: 1.5 }
.art .frost { fill: color-mix(in srgb, var(--surface-warm) 62%, transparent) }
.art .review-pill { fill: color-mix(in srgb, var(--art-mustard) 45%, var(--art-paper)) }
.art .c-ink { fill: var(--art-ink) }               .art .c-subtle { fill: var(--ink-subtle) }
.art .c-paper { fill: var(--art-paper) }           .art .c-paper-deep { fill: var(--art-paper-deep) }
.art .c-check { fill: var(--art-check) }
.art .t-field { fill: var(--terrain-field) }
.art .t-field-feather { fill: color-mix(in oklab, var(--terrain-field) 58%, var(--map)) }
.art .t-field-deep { fill: color-mix(in oklab, var(--terrain-field) 78%, var(--art-mustard)) }
.art .t-hill { fill: var(--terrain-hill) }
.art .t-hill-feather { fill: color-mix(in oklab, var(--terrain-hill) 58%, var(--map)) }
.art .t-hill-deep { fill: color-mix(in oklab, var(--terrain-hill) 74%, var(--art-leaf)) }
.art .t-pond { fill: var(--terrain-pond) }
.art .t-pond-deep { fill: color-mix(in oklab, var(--terrain-pond) 72%, var(--art-teal)) }
.art .t-shore { fill: color-mix(in oklab, var(--terrain-field) 60%, var(--map)) }
.art .t-pond-feather { fill: color-mix(in oklab, var(--terrain-hill) 52%, var(--map)) }
.art .t-dusk { fill: var(--terrain-dusk) }
.art .t-dusk-feather { fill: color-mix(in oklab, var(--terrain-dusk) 58%, var(--map)) }
.art .t-dusk-deep { fill: color-mix(in oklab, var(--terrain-dusk) 76%, var(--art-lavender)) }
.art .t-clay { fill: var(--terrain-clay) }
.art .t-clay-feather { fill: color-mix(in oklab, var(--terrain-clay) 58%, var(--map)) }
.art .t-clay-deep { fill: color-mix(in oklab, var(--terrain-clay) 74%, var(--art-peach)) }
.art .ui-bg { fill: var(--stage) }                 .art .ui-raised { fill: var(--stage-raised) }
.art .ui-card { fill: var(--stage-card) }          .art .ui-hover { fill: var(--stage-card-hover) }
.art .ui-line { fill: var(--stage-line-soft) }     .art .ui-rule { fill: var(--stage-line) }
.art .ui-text { fill: var(--cream) }               .art .ui-subtle { fill: var(--subtle) }
.art .ui-mark { fill: var(--mark) }                .art .ui-ok { fill: var(--ok-dark) }
.art .ui-mark-ink { fill: var(--mark-ink) }
.art .ui-chip-todo { fill: color-mix(in srgb, var(--cream) 12%, var(--stage-card)) }
.art .ui-chip-review { fill: color-mix(in srgb, var(--mark) 28%, var(--stage-card)) }
.art .ui-chip-done { fill: color-mix(in srgb, var(--ok-dark) 26%, var(--stage-card)) }
.art .ui-col { fill: color-mix(in srgb, var(--cream) 4%, var(--stage-raised)) }
.art .c-ui-text { fill: var(--cream) }             .art .c-ui-subtle { fill: var(--subtle) }
.art .c-ui-mark-ink { fill: var(--mark-ink) }      .art .c-ui-ok { fill: var(--ok-dark) }
.art [class*="stroke-"] { fill: none }
.art .stroke-ink { stroke: var(--art-ink) }             .art .stroke-shade { stroke: var(--art-shade) }
.art .stroke-shine { stroke: var(--art-shine) }         .art .stroke-paper { stroke: var(--art-paper) }
.art .stroke-teal { stroke: var(--art-teal) }           .art .stroke-forest { stroke: var(--art-forest) }
.art .stroke-mustard { stroke: var(--art-mustard) }     .art .stroke-mustard-deep { stroke: var(--art-mustard-deep) }
.art .stroke-hair-3 { stroke: var(--art-hair-3) }       .art .stroke-leaf-deep { stroke: var(--art-leaf-deep) }
.art .stroke-leaf { stroke: var(--art-leaf) }           .art .stroke-grass { stroke: var(--art-grass) }
.art .stroke-skin-3 { stroke: var(--art-skin-3) }       .art .stroke-vein { stroke: var(--art-vein) }
.art:is(.art--trailhead, .art--summit) path.stroke-road { vector-effect: non-scaling-stroke; stroke-width: var(--road-w) }
.art:is(.art--trailhead, .art--summit) path.stroke-trace { vector-effect: non-scaling-stroke; stroke-width: var(--trace-w); stroke-dasharray: 10 10 }
@media (max-width: 759px) { .art:is(.art--trailhead, .art--summit) path.stroke-trace { stroke-dasharray: 7 8 } }
.art .stroke-road { stroke: var(--art-road) }           .art .stroke-trace { stroke: var(--mark) }
.art .stroke-wood { stroke: var(--art-wood) }           .art .stroke-wood-deep { stroke: var(--art-wood-deep) }
.art .stroke-rule { stroke: var(--art-rule) }           .art .stroke-line { stroke: var(--art-line) }
.art .stroke-check { stroke: var(--art-check) }         .art .stroke-mark { stroke: var(--art-mark) }
.art .stroke-ui-line { stroke: var(--stage-line-soft) } .art .stroke-ui-subtle { stroke: var(--subtle) }
.art .stroke-ui-text { stroke: var(--cream) }           .art .stroke-ui-ok { stroke: var(--ok-dark) }
.art .stroke-ui-mark { stroke: var(--mark) }            .art .stroke-ui-bg { stroke: var(--stage) }
.art .stroke-t-pond-deep { stroke: color-mix(in oklab, var(--terrain-pond) 60%, var(--art-teal)) }
.art .stroke-surface { stroke: var(--surface-warm) }
.art[class*="art--terrain-"] [class*="stroke-"] { vector-effect: non-scaling-stroke }
.art text { font-family: var(--font-body); font-weight: 600 }
.art .t-ui { font-family: var(--font-ui); font-weight: 500 }
.art .t-display { font-family: var(--font-display); font-weight: 800 }
.art .t-num { font-variant-numeric: tabular-nums }
.art .t-b { font-weight: 700 }
.art .t-xb { font-weight: 800 }
.art .t-r { font-weight: 400 }
.art .t-mid { text-anchor: middle }
.art .t-end { text-anchor: end }
.art .art__tick { stroke-dasharray: none }
.art mask { mask-type: alpha }
.art .art__reveal { fill: none; stroke: var(--art-ink); stroke-dasharray: 1 2 }
.art .art__count--1, .art .art__count--2 { opacity: 0 }
.art .art__lids { opacity: 0 }
.art :is(.art__pin, .art__badge, .art__ground, .art__lid-mark, .art__blink, .art__eyes, .art__leaf,
  .art__bit, .art__raise, .art__wave, .art__sip, .art__curl, .art__post, .art__arm, .art__card,
  .art__pop, .art__grow, .art__bush, .art__scout, .art__flag, .art__screen, .art__chip, .art__clearing,
  .art__land, .art__crown, .art__tree, .art__head, .art__blaze) {
  transform-box: fill-box }
.art :is(.art__pin, .art__leaf, .art__post, .art__grow, .art__bush, .art__scout, .art__flag, .art__card,
  .art__chip, .art__crown, .art__tree) {
  transform-origin: 50% 100% }
.art :is(.art__badge, .art__ground, .art__lid-mark, .art__blink, .art__eyes, .art__bit, .art__sip,
  .art__curl, .art__pop, .art__clearing, .art__screen, .art__head, .art__blaze) { transform-origin: 50% 50% }
.art .art__card--comment { transform-origin: 0% 15% }
.art .art__card--approved { transform-origin: 15% 50% }
.art :is(.art__raise, .art__wave) { transform-origin: 17.99px 88.34px }
.art .art__arm { transform-origin: 121.4px 50% }
.art--trail-end .art__bit:nth-child(1) { --bx: 54px; --by: 20px }
.art--trail-end .art__bit:nth-child(2) { --bx: -52px; --by: 24px }
.art--trail-end .art__bit:nth-child(3) { --bx: -68px; --by: -8px }
.art--trail-end .art__bit:nth-child(4) { --bx: 64px; --by: -6px }
.art--trail-end .art__bit:nth-child(5) { --bx: -10px; --by: 36px }
.art--trail-end .art__bit:nth-child(6) { --bx: -82px; --by: 12px }
.art--summit .art__bit:nth-child(1) { --bx: 112.5px; --by: 5.3px }
.art--summit .art__bit:nth-child(2) { --bx: 86.5px; --by: -43.5px }
.art--summit .art__bit:nth-child(3) { --bx: 148.5px; --by: -44.7px }
.art--summit .art__bit:nth-child(4) { --bx: -113.0px; --by: 15.5px }
.art--summit .art__bit:nth-child(5) { --bx: -165.5px; --by: -32.7px }
.art--summit .art__bit:nth-child(6) { --bx: -177.5px; --by: 10.8px }
.art--summit .art__bit:nth-child(7) { --bx: -51.5px; --by: 33.3px }
.art--summit .art__bit:nth-child(8) { --bx: 56.5px; --by: 32.8px }
.art--summit .art__bit:nth-child(9) { --bx: -199.5px; --by: -78.7px }
.art--summit .art__bit:nth-child(10) { --bx: 179.0px; --by: -85.0px }
@media (prefers-reduced-motion: no-preference) {
  .js [data-trail] .art { --art-play: paused }
  .js [data-trail] .is-reached .art, .js [data-trail] .art.is-reached { --art-play: running }
  .js [data-trail] :is(.art--person-mira, .art--person-sana, .art--person-dan) .art__ground { animation: art-ground 550ms var(--ease-snap) both var(--art-play) }
  .js [data-trail] :is(.art--person-mira, .art--person-sana, .art--person-dan) .art__pin { animation: art-pin 550ms var(--ease-snap) both var(--art-play) }
  .js [data-trail] :is(.art--person-mira, .art--person-sana, .art--person-dan) .art__who { animation: art-rise 750ms var(--ease-snap) 150ms both var(--art-play) }
  .js [data-trail] :is(.art--person-mira, .art--person-sana, .art--person-dan) .art__badge { animation: art-unfold 450ms var(--ease-snap) 650ms both var(--art-play) }
  .js [data-trail] .art--person-mira .art__raise { animation: art-raise 800ms var(--ease-snap) 380ms both var(--art-play) }
  .js [data-trail] .art--person-mira .art__wave { animation: art-wave 1300ms ease-in-out 1150ms both var(--art-play) }
  .js [data-trail] .art--person-sana .art__lid-mark { animation: art-pop 450ms var(--ease-snap) 720ms both var(--art-play) }
  .js [data-trail] .art--person-sana .art__blink { animation: art-blink 260ms ease-in-out 1350ms both var(--art-play) }
  .js [data-trail] .art--person-dan .art__sip { animation: art-sip 1100ms var(--ease-in-out) 750ms both var(--art-play) }
  .js [data-trail] .art--person-dan .art__curl { animation: art-curl 900ms var(--ease-out) 1250ms both var(--art-play) }
  .js [data-trail] .art--person-dan .art__curl + .art__curl { animation-delay: 1420ms }
  .js [data-trail] .art--scout-sign .art__lids { animation: art-lids 160ms linear 760ms both var(--art-play) }
  .js [data-trail] .art--scout-sign .art__eyes { animation: art-scout-eyes 1900ms var(--ease-in-out) 260ms both var(--art-play) }
  .js [data-trail] .art--scout-sign .art__scout { animation: art-hop 620ms var(--ease-out) 2150ms both var(--art-play) }
  .js [data-trail] .art--scout-sign .art__ground { animation: art-hop-shadow 620ms var(--ease-out) 2150ms both var(--art-play) }
  .js [data-trail] :is(.art--prop-bush, .art--summit) .art__leaf { animation: art-rustle 900ms var(--ease-in-out) 150ms both var(--art-play) }
  .js [data-trail] :is(.art--prop-bush, .art--summit) .art__bush > g:nth-of-type(2) .art__leaf { animation-delay: 230ms }
  .js [data-trail] :is(.art--prop-bush, .art--summit) .art__bush > g:nth-of-type(3) .art__leaf { animation-delay: 80ms }
  .js [data-trail] :is(.art--prop-bush, .art--summit) .art__bush > g:nth-of-type(4) .art__leaf { animation-delay: 300ms }
  .js [data-trail] :is(.art--prop-bush, .art--summit) .art__bush > g:nth-of-type(5) .art__leaf { animation-delay: 380ms }
  .js [data-trail] .art--prop-tree .art__crown { animation: art-sway 1400ms var(--ease-in-out) 100ms both var(--art-play) }
  .js [data-trail] :is(.art--prop-tree, .art--prop-fence) .art__blaze { animation: art-pop 450ms var(--ease-snap) 500ms both var(--art-play) }
  .js [data-trail] .art--prop-flowers .art__head { animation: art-bloom 550ms var(--ease-snap) both var(--art-play) }
  .js [data-trail] .art--prop-flowers g:nth-of-type(6) .art__head { animation-delay: 80ms }
  .js [data-trail] .art--prop-flowers g:nth-of-type(7) .art__head { animation-delay: 200ms }
  .js [data-trail] .art--prop-flowers g:nth-of-type(8) .art__head { animation-delay: 320ms }
  .js [data-trail] .art--prop-flowers g:nth-of-type(9) .art__head { animation-delay: 440ms }
  .js [data-trail] .art--prop-flowers g:nth-of-type(10) .art__head { animation-delay: 560ms }
  .js [data-trail] .art--prop-bench .art__curl { animation: art-curl 900ms var(--ease-out) 200ms both var(--art-play) }
  .js [data-trail] .art--prop-bench .art__curl + .art__curl { animation-delay: 380ms }
  .js [data-trail] .art--summit .art__reveal { animation: art-reveal 1800ms linear both var(--art-play) }
  .js [data-trail] .art--summit :is(.art__pin, .art__ground) { animation: art-pin 550ms var(--ease-snap) both var(--art-play) }
  .js [data-trail] .art--summit .art__ground { animation-name: art-ground }
  .js [data-trail] .art--summit :is(.art__pin--mira, .art__ground--mira) { animation-delay: 1200ms }
  .js [data-trail] .art--summit :is(.art__pin--sana, .art__ground--sana) { animation-delay: 1430ms }
  .js [data-trail] .art--summit :is(.art__pin--dan, .art__ground--dan) { animation-delay: 2100ms }
  .js [data-trail] .art--summit .art__who { animation: art-rise 750ms var(--ease-snap) both var(--art-play) }
  .js [data-trail] .art--summit .art__pin--mira .art__who { animation-delay: 1330ms }
  .js [data-trail] .art--summit .art__pin--sana .art__who { animation-delay: 1560ms }
  .js [data-trail] .art--summit .art__pin--dan .art__who { animation-delay: 2230ms }
  .js [data-trail] .art--summit .art__badge { animation: art-unfold 450ms var(--ease-snap) both var(--art-play) }
  .js [data-trail] .art--summit .art__badge--mira { animation-delay: 1700ms }
  .js [data-trail] .art--summit .art__badge--sana { animation-delay: 1950ms }
  .js [data-trail] .art--summit .art__badge--dan { animation-delay: 2450ms }
  .js [data-trail] .art--summit .art__raise { animation: art-raise 800ms var(--ease-snap) 1630ms both var(--art-play) }
  .js [data-trail] .art--summit .art__wave { animation: art-wave 1300ms ease-in-out 2600ms both var(--art-play) }
  .js [data-trail] .art--summit .art__lid-mark { animation: art-pop 450ms var(--ease-snap) 1850ms both var(--art-play) }
  .js [data-trail] .art--summit .art__blink { animation: art-blink 260ms ease-in-out 3000ms both var(--art-play) }
  .js [data-trail] .art--summit .art__sip { animation: art-sip 1100ms var(--ease-in-out) 2650ms both var(--art-play) }
  .js [data-trail] .art--summit .art__curl { animation: art-curl 900ms var(--ease-out) 2900ms both var(--art-play) }
  .js [data-trail] .art--summit .art__curl + .art__curl { animation-delay: 3050ms }
  .js [data-trail] .art--summit .art__clearing { animation: art-unfold 450ms var(--ease-snap) 1750ms both var(--art-play) }
  .js [data-trail] .art--summit .art__post { animation: art-stem 450ms var(--ease-snap) 1850ms both var(--art-play) }
  .js [data-trail] .art--summit .art__arm { animation: art-arm 650ms var(--ease-snap) 2000ms both var(--art-play) }
  .js [data-trail] .art--summit .art__bit { animation: art-burst 900ms var(--ease-snap) 2200ms both var(--art-play) }
  .js [data-trail] .art--summit .art__bit:nth-child(even) { animation-delay: 2260ms }
  .js [data-trail] .art--summit .art__bit:nth-child(3n) { animation-delay: 2320ms }
  .js [data-trail] .art--trail-end .art__clearing { animation: art-unfold 450ms var(--ease-snap) both var(--art-play) }
  .js [data-trail] .art--trail-end .art__post { animation: art-stem 450ms var(--ease-snap) 150ms both var(--art-play) }
  .js [data-trail] .art--trail-end .art__arm { animation: art-arm 650ms var(--ease-snap) 320ms both var(--art-play) }
  .js [data-trail] .art--trail-end .art__bit { animation: art-burst 900ms var(--ease-snap) 520ms both var(--art-play) }
  .js [data-trail] .art--trail-end .art__bit:nth-child(even) { animation-delay: 580ms }
  .js [data-trail] .art--trail-end .art__leaf { animation: art-rustle 900ms var(--ease-in-out) 200ms both var(--art-play) }
  .js [data-trail] .art--devices .art__screen { animation: art-screen 650ms var(--ease-out) both var(--art-play) }
  .js [data-trail] .art--devices .art__device--monitor .art__screen { animation-delay: 180ms }
  .js [data-trail] .art--devices .art__device--tablet .art__screen { animation-delay: 360ms }
  .js [data-trail] .art--devices .art__device--phone .art__screen { animation-delay: 540ms }
}
@keyframes art-pin { from { opacity: 0; translate: 0 -28px; scale: .6 } }
@keyframes art-ground { from { opacity: 0; scale: .3 } }
@keyframes art-rise { from { translate: 0 180px } }
@keyframes art-raise { from { opacity: 0; rotate: 110deg } }
@keyframes art-wave { 0%, 100% { rotate: 0deg } 18% { rotate: -15deg } 40% { rotate: 10deg }
  62% { rotate: -12deg } 82% { rotate: 5deg } }
@keyframes art-unfold { from { scale: 0 } }
@keyframes art-pop { from { opacity: 0; scale: .4 } }
@keyframes art-fade { from { opacity: 0 } }
@keyframes art-blink { 0%, 100% { scale: 1 1 } 45%, 55% { scale: 1 .1 } }
@keyframes art-sip { 0%, 100% { translate: 0 0; rotate: 0deg } 35%, 62% { translate: -5px -12px; rotate: -7deg } }
@keyframes art-curl { from { opacity: 0; translate: 0 10px; scale: .6 } }
@keyframes art-lids { from { opacity: 1 } }
@keyframes art-scout-eyes {
  0%, 27% { scale: 1 .08; translate: 0 0 }
  38% { scale: 1 1; translate: 0 0 }
  54% { translate: -6px 0 }
  72% { translate: 6px 0 }
  84% { translate: 0 0; scale: 1 1 }
  90% { scale: 1 .1 }
  96%, 100% { scale: 1 1 } }
@keyframes art-rustle { 0%, 100% { rotate: 0deg } 22% { rotate: -9deg } 52% { rotate: 6deg } 78% { rotate: -3deg } }
@keyframes art-sway { 0%, 100% { rotate: 0deg } 30% { rotate: -2.5deg } 62% { rotate: 1.6deg } 84% { rotate: -.6deg } }
@keyframes art-bloom { from { scale: 0; rotate: -60deg } }
@keyframes art-screen { from { opacity: 0; translate: 0 6px } }
@keyframes art-hop { 0%, 100% { translate: 0 0 } 38% { translate: 0 -12px } 70% { translate: 0 0 } 84% { translate: 0 -3px } }
@keyframes art-hop-shadow { 0%, 100% { scale: 1 } 38% { scale: .78 } 70% { scale: 1 } 84% { scale: .95 } }
.art--trailhead .art__bit:nth-child(1) { --bx: -31px; --by: -45px }
.art--trailhead .art__bit:nth-child(2) { --bx: -60px; --by: -23px }
.art--trailhead .art__bit:nth-child(3) { --bx: -85px; --by: 5px }
.art--trailhead .art__bit:nth-child(4) { --bx: -43px; --by: -78px }
.art--trailhead .art__bit:nth-child(5) { --bx: -75px; --by: -65px }
.art--trailhead .art__bit:nth-child(6) { --bx: -11px; --by: 29px }
@media (prefers-reduced-motion: no-preference) {
  .art--trailhead .art__land { animation: art-land 700ms var(--ease-out) 100ms both }
  .art--trailhead .art__reveal { animation: art-reveal 1800ms linear 300ms both }
  .art--trailhead .art__pin { animation: art-pin 550ms var(--ease-snap) both }
  .art--trailhead .art__ground { animation: art-ground 550ms var(--ease-snap) both }
  .art--trailhead :is(.art__pin--mira, .art__ground--mira) { animation-delay: 650ms }
  .art--trailhead :is(.art__pin--sana, .art__ground--sana) { animation-delay: 1100ms }
  .art--trailhead :is(.art__pin--dan, .art__ground--dan) { animation-delay: 1600ms }
  .art--trailhead .art__who { animation: art-rise 750ms var(--ease-snap) both }
  .art--trailhead .art__pin--mira .art__who { animation-delay: 780ms }
  .art--trailhead .art__pin--sana .art__who { animation-delay: 1230ms }
  .art--trailhead .art__pin--dan .art__who { animation-delay: 1730ms }
  .art--trailhead .art__raise { animation: art-raise 800ms var(--ease-snap) 980ms both }
  .art--trailhead .art__wave { animation: art-wave 1300ms ease-in-out 1750ms both }
  .art--trailhead .art__lid-mark { animation: art-pop 450ms var(--ease-snap) 1400ms both }
  .art--trailhead .art__blink { animation: art-blink 260ms ease-in-out 2600ms both }
  .art--trailhead .art__curl { animation: art-curl 900ms var(--ease-out) 2200ms both }
  .art--trailhead .art__curl + .art__curl { animation-delay: 2350ms }
  .art--trailhead .art__badge { animation: art-unfold 450ms var(--ease-snap) both }
  .art--trailhead .art__badge--mira { animation-delay: 1030ms }
  .art--trailhead .art__badge--sana { animation-delay: 1480ms }
  .art--trailhead .art__badge--dan { animation-delay: 1980ms }
  .art--trailhead .art__grow { animation: art-sprout 650ms var(--ease-snap) both }
  .art--trailhead .art__tree { animation-delay: 450ms }
  .art--trailhead .art__bush { animation-delay: 900ms }
  .art--trailhead g:has(> .art__bush) + g .art__bush { animation-delay: 1250ms }
  .art--trailhead .art__card { animation: art-card 650ms var(--ease-snap) both }
  .art--trailhead .art__card--brief { animation-delay: 1150ms }
  .art--trailhead .art__chip { animation: art-sprout 450ms var(--ease-snap) both }
  .art--trailhead .art__chip:nth-of-type(1) { animation-delay: 1350ms }
  .art--trailhead .art__chip:nth-of-type(2) { animation-delay: 1420ms }
  .art--trailhead .art__chip:nth-of-type(3) { animation-delay: 1490ms }
  .art--trailhead .art__card--draft { animation-delay: 1500ms }
  .art--trailhead .art__card--clock { animation-delay: 1700ms }
  .art--trailhead .art__count--1 { animation: art-count-1 900ms ease-in-out 1950ms both }
  .art--trailhead .art__count--2 { animation: art-count-2 900ms ease-in-out 1950ms both }
  .art--trailhead .art__count--3 { animation: art-count-3 900ms ease-in-out 1950ms both }
  .art--trailhead .art__card--comment { animation-name: art-pop; animation-delay: 2150ms }
  .art--trailhead .art__card--review { animation-delay: 2250ms }
  .art--trailhead .art__clearing { animation: art-unfold 450ms var(--ease-snap) 2050ms both }
  .art--trailhead .art__post { animation: art-stem 450ms var(--ease-snap) 2150ms both }
  .art--trailhead .art__arm { animation: art-arm 650ms var(--ease-snap) 2300ms both }
  .art--trailhead .art__bit { animation: art-burst 800ms var(--ease-snap) 2450ms both }
  .art--trailhead .art__bit:nth-child(2) { animation-delay: 2475ms }
  .art--trailhead .art__bit:nth-child(3) { animation-delay: 2500ms }
  .art--trailhead .art__bit:nth-child(4) { animation-delay: 2525ms }
  .art--trailhead .art__bit:nth-child(5) { animation-delay: 2550ms }
  .art--trailhead .art__bit:nth-child(6) { animation-delay: 2575ms }
  .art--trailhead .art__card--approved { animation-name: art-pop; animation-delay: 2600ms }
  .art--trailhead .art__flag { animation: art-stem 500ms var(--ease-snap) 2800ms both }
}
@keyframes art-land { from { opacity: 0; translate: 0 24px } }
@keyframes art-reveal { from { stroke-dashoffset: 1 } }
@keyframes art-sprout { from { scale: .2 0 } }
@keyframes art-stem { from { scale: 1 0 } }
@keyframes art-arm { from { scale: 0 1 } }
@keyframes art-card { from { opacity: 0; scale: .5; translate: 0 8px } }
@keyframes art-burst { from { opacity: 0; translate: var(--bx) var(--by); rotate: -120deg; scale: 0 } }
@keyframes art-count-1 { 0%, 28% { opacity: 1; translate: 0 0 } 38%, 100% { opacity: 0; translate: 0 -9px } }
@keyframes art-count-2 { 0%, 28% { opacity: 0; translate: 0 9px } 38%, 62% { opacity: 1; translate: 0 0 }
  72%, 100% { opacity: 0; translate: 0 -9px } }
@keyframes art-count-3 { 0%, 62% { opacity: 0; translate: 0 9px } 72%, 100% { opacity: 1; translate: 0 0 } }