/* Maikaza home, the living sunrise. Loaded on the home page only, after the shared stylesheet. */
.hv-hero{--hv-person:240px;--hv-gap:clamp(28px,4.4vw,64px);position:relative;isolation:isolate;overflow:clip;background:linear-gradient(180deg,#C7E8F7 0%,#DDF0F9 34%,#EAF6FC 62%,#FFFFFF 100%)}
.hv-light{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(460px 340px at var(--mx,70%) var(--my,30%),rgba(255,255,255,.6),rgba(255,255,255,0) 70%)}
.hv-light.hv-on{opacity:1}
.hv-clouds{position:absolute;inset:0 0 auto;height:78%;z-index:0;pointer-events:none}
.hv-cl{position:absolute;display:block;height:30px;border-radius:999px;background:#FFFFFF;opacity:.92;box-shadow:0 18px 40px -18px rgba(24,106,66,.18)}
.hv-cl::before{content:"";position:absolute;left:24%;bottom:12px;width:46%;height:34px;border-radius:999px;background:#FFFFFF}
.hv-cl1{top:10%;left:64%;width:190px}
.hv-cl2{top:32%;left:87%;width:150px;opacity:.86}
.hv-cl3{top:3%;left:40%;width:120px;opacity:.8}
.hv-cl4{display:none}
.hv-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--hv-person);grid-template-areas:"copy person" "meadow person";gap:0 var(--hv-gap);padding-top:clamp(24px,3vw,44px)}
.hv-copy{grid-area:copy;position:relative;z-index:3}
.hv-copy .kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px}
.hv-copy h1{margin:0;font-size:clamp(44px,5.4vw,80px);line-height:.98;max-width:none;text-wrap:balance}
.hv-copy h1 em{display:block}
.hv-copy .lede{margin:20px 0 0;max-width:36em;font-size:clamp(17px,1.4vw,20px)}
.hv-copy .actions{margin-top:24px}
.hv-copy .facts-row{margin-top:18px}

/* the sun: a square of sky blue rising out of the horizon, its top well below the portrait's frame; the glow breathes by opacity only */
.hv-sun{--hv-sun:360px;--hv-sink:120px;--hv-lift:64px;position:absolute;z-index:1;right:calc(var(--gutter) + var(--hv-person) * .45);bottom:calc(-1 * var(--hv-sink));width:var(--hv-sun);aspect-ratio:1;background:#87CEEB;box-shadow:0 0 70px 6px rgba(135,206,235,.5),0 0 180px 40px rgba(135,206,235,.2)}
.hv-sun::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;box-shadow:0 0 80px 10px rgba(135,206,235,.6),0 0 210px 56px rgba(135,206,235,.24)}

/* the meadow: one stem per contract, in the order they began */
.hv-meadow{grid-area:meadow;position:relative;z-index:3;min-width:0;margin-top:clamp(8px,1.4vw,20px)}
.hv-meadow svg{display:block;width:100%;height:auto;overflow:visible}
.hv-meadow .meadow-lg{margin-top:-6%}
.hv-meadow .meadow-sm{display:none}
.hv-meadow svg{pointer-events:none}
.hv-meadow .meadow-lg .stem{pointer-events:auto}
.hv-meadow .arc{fill:none;stroke:#186A42;stroke-width:1.6;stroke-opacity:.72;stroke-dasharray:1 1}
.hv-meadow .stem line{stroke:#186A42;stroke-width:1.6;stroke-opacity:.7}
.hv-meadow .stem .bud{fill:#FFFFFF;stroke:#186A42;stroke-width:1.6}
.hv-meadow .stem.tall line{stroke-width:2.4;stroke-opacity:1}
.hv-meadow .stem.tall .bud{fill:#186A42;stroke:none}
.hv-meadow .stem .hit{fill:transparent;stroke:none}
.hv-meadow .stem:hover line{stroke-opacity:1}
.hv-meadow .stem:hover .bud{fill:#186A42;stroke:#186A42}
.hv-meadow .ring{fill:none;stroke:#186A42;stroke-width:1.6}
.hv-meadow .stem-link:hover .ring,.hv-meadow .stem-link:focus .ring{stroke-width:2.6}
.hv-meadow .stem-link:focus{outline:none}
.hv-meadow .stem-link:focus-visible .ring{stroke:#163A2C;stroke-width:3}
.hv-meadow .meadow-sm .stem line{stroke-width:1.4}
.hv-meadow .meadow-sm .stem.tall line{stroke-width:2}
.hv-meadow .meadow-sm .arc{stroke-width:1.4}
/* one client's contracts light together while the rest of the year steps back */
.hv-meadow .stem,.hv-meadow .arc{transition:opacity .3s}
.hv-meadow .hv-focus .stem:not(.hv-on),.hv-meadow .hv-focus .arc:not(.hv-on){opacity:.22}

.hv-person{grid-area:person;align-self:end;position:relative;z-index:3;margin:0}
.hv-person picture{display:block}
.hv-person img{display:block;width:var(--hv-person);height:auto;aspect-ratio:4/5;object-fit:cover;border:8px solid #FFFFFF;border-bottom:0;background:#F2FAFE;box-shadow:var(--lift)}
.hv-plate{position:absolute;left:-18px;bottom:20px;z-index:4;margin:0;padding:9px 14px 10px;background:#FFFFFF;border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 80px -30px rgba(24,106,66,.25);font-size:13px;line-height:1.3;color:var(--mist)}
.hv-plate strong{display:block;color:var(--moon);font-size:15px}
.hv-ground{position:relative;z-index:2;border-top:1.5px solid var(--moon);background:linear-gradient(180deg,rgba(24,106,66,.08),rgba(24,106,66,0) 140px),#FFFFFF}
.hv-ground-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--hv-person);gap:0 var(--hv-gap);padding-block:12px clamp(28px,3vw,44px)}
.hv-months{position:relative;height:22px}
.hv-months span{position:absolute;top:0;transform:translateX(-50%);font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mist)}
.hv-months span:first-child{transform:none}
.hv-months span:last-child{transform:none}
.hv-months span.aug{transform:translateX(-100%)}
.hv-note{margin:14px 0 0;max-width:62ch;font-size:15px;color:var(--mist)}
.hv-note a{font-weight:600;white-space:nowrap}
.hv-cap{margin:6px 0 0;min-height:1.5em;font-size:15px;color:var(--mist)}
.hv-tip{position:absolute;z-index:6;left:0;top:0;translate:var(--tx,0px) var(--ty,0px);max-width:min(600px,100%);margin:0;padding:8px 12px;background:#FFFFFF;border:1px solid var(--line);border-radius:10px;box-shadow:0 30px 80px -30px rgba(24,106,66,.25);font-size:13.5px;line-height:1.35;color:var(--moon);pointer-events:none;opacity:0;transition:opacity .2s}
.hv-tip.hv-show{opacity:1}
.hv-tip::after{content:"";position:absolute;left:var(--lx,50%);top:100%;height:var(--lead,0px);border-left:1px dashed var(--moon)}
@media (prefers-reduced-motion:reduce){.hv-tip{transition:none}}
.hv-person-cap{margin:0;font-size:15px;line-height:1.45;color:var(--mist)}
.hv-person-cap a{display:inline-flex;align-items:center;min-height:40px;font-weight:600}
.hv-cap-name{display:none}
.hv-cap-name strong{color:var(--moon)}

/* the opening: the sky brightens, the sun rises, the year grows stem by stem and each return arc draws when that client came back */
@media (prefers-reduced-motion:no-preference){
  .hv-sun{animation:hv-rise 3.2s cubic-bezier(.16,1,.3,1) .15s both}
  .hv-sun::after{animation:hv-glow 9s ease-in-out 3.4s infinite}
  .hv-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(135,206,235,.45),rgba(135,206,235,.12) 70%,rgba(135,206,235,0));animation:hv-dawn 3.4s ease-out .15s both}
  .hv-meadow .stem line{transform-box:fill-box;transform-origin:50% 100%;animation:hv-stem .8s cubic-bezier(.2,.8,.2,1) var(--d,0s) both}
  .hv-meadow .stem .bud,.hv-meadow .stem .ring{transform-box:fill-box;transform-origin:50% 50%;animation:hv-bud .55s cubic-bezier(.3,1.5,.5,1) calc(var(--d,0s) + .5s) both}
  .hv-meadow .arc{animation:hv-draw .9s cubic-bezier(.4,0,.2,1) var(--d,0s) both}
  .hv-cl1{animation:hv-drift 70s linear infinite alternate}
  .hv-cl2{animation:hv-drift 58s linear -20s infinite alternate-reverse}
  .hv-cl3{animation:hv-drift 84s linear -40s infinite alternate}
  .hv-cl4{animation:hv-drift 64s linear -10s infinite alternate}
}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .hv-sun{animation:hv-rise 3.2s cubic-bezier(.16,1,.3,1) .15s both,hv-lift linear both;animation-timeline:auto,view();animation-range:normal,exit 0% exit 100%}
    .hv-hero>.hv-clouds{animation:hv-float linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
  }
}
@keyframes hv-rise{from{transform:translateY(var(--hv-rise,110px))}to{transform:translateY(0)}}
@keyframes hv-dawn{from{opacity:1}to{opacity:0}}
@keyframes hv-glow{50%{opacity:1}}
@keyframes hv-stem{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes hv-bud{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes hv-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes hv-drift{from{transform:translateX(-40px)}to{transform:translateX(48px)}}
@keyframes hv-lift{from{translate:0 0}to{translate:0 calc(-1 * var(--hv-lift,40px))}}
@keyframes hv-float{from{translate:0 0}to{translate:0 -60px}}

/* tablets: the sun stands on the meadow row, so its top always clears the copy above it */
@media (max-width:1279px) and (min-width:720px){
  .hv-meadow{margin-top:clamp(36px,5vw,64px)}
  .hv-sun{--hv-sink:44px;--hv-rise:70px;--hv-lift:30px;grid-area:meadow;position:relative;right:auto;bottom:auto;align-self:end;justify-self:end;width:auto;height:calc(100% + var(--hv-sink) - 22px);margin:0 calc(-1 * (var(--hv-gap) + var(--hv-person) * .25)) calc(-1 * var(--hv-sink)) 0}
}
@media (max-width:1079px){
  .hv-hero{--hv-person:200px}
  .hv-cl3{display:none}
  .hv-months span.aug{display:none}
  .hv-cap{min-height:3.2em}
}
@media (max-width:899px) and (min-width:720px){
  .hv-cl1{left:72%;top:4%}
  .hv-cl2{top:24%}
}
@media (max-width:719px){
  .hv-hero{--hv-person:96px;--hv-gap:12px}
  .hv-stage{grid-template-areas:"copy copy" "meadow person";padding-top:28px}
  .hv-copy h1{font-size:clamp(38px,11vw,52px)}
  .hv-clouds{display:none}
  .hv-cl4{display:block;top:4px;left:5%;width:96px;height:24px;z-index:0}
  .hv-cl4::before{bottom:9px;height:26px}
  .hv-meadow{margin-top:22px}
  .hv-meadow .meadow-lg{display:none}
  .hv-meadow .meadow-sm{display:block}
  .hv-sun{--hv-sun:160px;--hv-sink:66px;--hv-rise:50px;--hv-lift:40px;right:calc(var(--gutter) + var(--hv-person) * .55)}
  .hv-person img{border-width:5px;box-shadow:0 30px 80px -30px rgba(24,106,66,.25)}
  .hv-plate{display:none}
  .hv-ground-grid{grid-template-columns:minmax(0,1fr)}
  .hv-months{margin-right:calc(var(--hv-person) + 12px)}
  .hv-months span:not(.edge){display:none}
  .hv-months span:last-child{transform:translateX(-100%)}
  .hv-cap{display:none}
  .hv-cap-name{display:inline}
  .hv-person-cap{margin-top:8px}
}
@media (min-width:560px) and (max-width:719px){
  .hv-meadow .meadow-lg{display:block}
  .hv-meadow .meadow-sm{display:none}
}
@media (min-width:560px) and (max-width:719px) and (hover:hover){
  .hv-cap{display:block;min-height:3.2em}
}
/* touch screens: stems are too close together to tap, so they stay a picture; the full record is one link away */
@media (hover:none){
  .hv-meadow .meadow-lg .stem,.hv-meadow .stem-link{pointer-events:none}
  .hv-meadow .ring{display:none}
  .hv-meadow .stem-link:focus-visible .ring{display:inline}
  .hv-cap{display:none}
}
/* laptops with short screens: the whole sunrise, horizon included, fits the first screen */
@media (min-width:1080px) and (max-height:900px){
  .hv-stage{padding-top:clamp(16px,2.6vh,30px)}
  .hv-copy .kicker{margin-bottom:12px}
  .hv-copy h1{font-size:clamp(44px,min(5.4vw,8.2vh),80px)}
  .hv-copy .lede{margin-top:14px}
  .hv-copy .actions{margin-top:18px}
  .hv-copy .facts-row{margin-top:14px}
  .hv-meadow{margin-top:6px}
}
@media (min-width:1080px) and (max-height:720px){
  .hv-stage{padding-top:12px}
  .hv-copy .kicker{margin-bottom:8px}
  .hv-copy h1{font-size:clamp(40px,min(5.4vw,7.4vh),80px)}
  .hv-copy .lede{margin-top:10px;font-size:17px}
  .hv-copy .actions{margin-top:14px}
  .hv-copy .facts-row{margin-top:10px}
  .hv-meadow{margin-top:0}
}

/* the sections below the horizon: lighter grounds, white sheets, one accent rule */
[data-page="home"] .band{background:linear-gradient(180deg,#EAF6FC 0%,#FFFFFF 100%)}
[data-page="home"] .section-head h2::after{content:"";display:block;width:72px;height:4px;margin-top:20px;background:linear-gradient(90deg,#87CEEB,#186A42)}
[data-page="home"] .example-sec{background:linear-gradient(180deg,#FFFFFF 0%,#EAF6FC 100%)}
[data-page="home"] .example{background:linear-gradient(180deg,#FFFFFF 0%,#F2FAFE 100%);overflow:hidden}
[data-page="home"] .example::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#87CEEB,#186A42)}

/* worth against price, under each idea: one band on a scale from 0 to 25 times the price */
.hv-mult{display:block;width:100%;max-width:320px;height:auto;margin:10px 0 2px;overflow:visible}
.hv-mult .hv-axis{stroke:var(--line2);stroke-width:1}
.hv-mult .hv-tick{stroke:var(--moon);stroke-width:1.5}
.hv-mult .hv-band{fill:#186A42}
.hv-mult text{font:500 11px var(--mono);fill:var(--mist);letter-spacing:.02em}
.hv-mult .hv-strong{fill:var(--moon)}
@media (max-width:719px){.hv-mult text{font-size:15px}}

/* the prices on one scale: each range is a line between two squares */
.hv-scale-fig{margin:0 0 clamp(28px,3.4vw,44px)}
.hv-scale{display:block;width:100%;height:auto;margin:0 0 14px;overflow:visible}
.hv-scale-note{margin:0;font-size:14px;color:var(--mist);max-width:70ch}
.hv-scale .hv-grid{stroke:var(--line);stroke-width:1}
.hv-scale .hv-range-l{stroke:#186A42;stroke-width:3}
.hv-scale .hv-end{fill:#186A42}
.hv-scale .hv-name{font:800 17px var(--display);letter-spacing:.02em;text-transform:uppercase;fill:var(--moon)}
.hv-scale .hv-range{font:500 13px var(--mono);fill:var(--dawn2)}
.hv-scale .hv-axis-t{font:500 11px var(--mono);fill:var(--mist)}
@media (max-width:999px){
  .hv-scale .hv-name{font-size:22px}
  .hv-scale .hv-range{font-size:17px}
  .hv-scale .hv-axis-t{font-size:15px}
}
@media (max-width:719px){.hv-scale-fig{display:none}}
/* bars and ranges draw once, when they come into view (the script marks them; without it they simply stand) */
@media (prefers-reduced-motion:no-preference){
  .hv-js .hv-mult .hv-band,.hv-js .hv-scale .hv-range-l{transform-box:fill-box;transform-origin:0 50%;transform:scaleX(.04)}
  .hv-js .hv-scale .hv-b{opacity:0}
  .hv-js .hv-mult.hv-in .hv-band{animation:hv-grow .9s cubic-bezier(.2,.8,.2,1) both}
  .hv-js .hv-scale.hv-in .hv-range-l{animation:hv-grow 1s cubic-bezier(.2,.8,.2,1) var(--r,0s) both}
  .hv-js .hv-scale.hv-in .hv-b{animation:hv-fade .35s ease-out calc(var(--r,0s) + .8s) both}
  .hv-scale .hv-r2{--r:.12s}.hv-scale .hv-r3{--r:.24s}.hv-scale .hv-r4{--r:.36s}
}
@keyframes hv-grow{from{transform:scaleX(.04)}to{transform:scaleX(1)}}
@keyframes hv-fade{from{opacity:0}to{opacity:1}}

[data-page="home"] .tile-d{background:#FFFFFF;box-shadow:0 1px 0 rgba(24,106,66,.04);transition:box-shadow .25s,transform .25s,border-color .25s}
[data-page="home"] .tile-d:hover{border-color:var(--line2);box-shadow:var(--lift);transform:translateY(-2px)}
[data-page="home"] .tile-d[open]{box-shadow:var(--lift)}
@media (prefers-reduced-motion:reduce){[data-page="home"] .tile-d{transition:none}[data-page="home"] .tile-d:hover{transform:none}}
[data-page="home"] .band-item{box-shadow:0 1px 0 rgba(24,106,66,.04)}
[data-page="home"] .band-starter{position:relative;overflow:hidden}
[data-page="home"] .band-starter::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#87CEEB,#186A42)}

/* how it works: one line from the first square to the fourth */
[data-page="home"] .steps{position:relative}
[data-page="home"] .step{background:#FFFFFF;box-shadow:0 1px 0 rgba(24,106,66,.04)}
@media (min-width:1101px){
  [data-page="home"] .steps::before{content:"";position:absolute;left:31.5px;right:calc((100% - 60px) / 4 - 31.5px);top:-18px;height:3px;background:linear-gradient(90deg,#87CEEB,#186A42);transform-origin:0 50%}
  [data-page="home"] .step::after{content:"";display:block;position:absolute;left:24px;right:auto;top:-24px;width:15px;height:15px;background:#FFFFFF;border:3px solid #186A42;box-sizing:border-box}
}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference) and (min-width:1101px){
    [data-page="home"] .steps::before{animation:hv-grow linear both;animation-timeline:view();animation-range:entry 30% cover 45%}
  }
}

/* the film section: the shared films list rule (.film-grid margin and padding) also reaches this wrap and drops its gutter; give it back */
[data-page="home"] .film-sec .film-grid{margin:0 auto;padding-inline:var(--gutter)}

/* the close: the same sky, and the sun turns into the Maikaza mark on the horizon */
[data-page="home"] .cta-band{--mk:clamp(104px,11vw,150px);--hv-g:calc(var(--mk) / 2 + 30px);background:linear-gradient(180deg,#C7E8F7 0%,#DDF0F9 45%,#EAF6FC 100%);padding-bottom:0;border-top:0}
[data-page="home"] .cta-band .cta-in{position:relative;z-index:3;padding-bottom:clamp(72px,8vw,112px)}
[data-page="home"] .cta-band .big-sun{display:none}
.hv-mark{position:absolute;z-index:3;right:max(calc(var(--gutter) + var(--mk) * .6),calc((100% - 1200px) / 2 + var(--gutter) + var(--mk) * .6));bottom:calc(var(--hv-g) - var(--mk) / 2 - .75px);width:var(--mk);aspect-ratio:1;background:#186A42}
.hv-mark::after{content:"";position:absolute;left:-31.3%;right:-31.3%;top:50%;height:max(1.5px,3%);translate:0 -50%;background:#163A2C}
.hv-cta-ground{position:relative;z-index:2;height:var(--hv-g);border-top:1.5px solid var(--moon);background:linear-gradient(180deg,rgba(24,106,66,.08),rgba(24,106,66,0)),#FFFFFF}
@media (prefers-reduced-motion:no-preference){
  .hv-js .hv-mark{background:#87CEEB linear-gradient(#186A42,#186A42) 50% 50%/100% 0% no-repeat;box-shadow:0 0 70px 6px rgba(135,206,235,.5),0 0 180px 40px rgba(135,206,235,.2)}
  .hv-js .hv-mark.hv-in{background-size:100% 100%;background-color:#186A42;box-shadow:0 0 0 0 rgba(135,206,235,0),0 0 0 0 rgba(135,206,235,0);transition:background-size 1.4s cubic-bezier(.2,.8,.2,1) .4s,background-color 0s 1.8s,box-shadow 1.8s ease .4s}
}
[data-page="home"] .cta-band .hv-cl1{top:18%;left:auto;right:6%;width:170px}
[data-page="home"] .cta-band .hv-cl2{top:46%;left:44%;width:120px}
[data-page="home"] .site-foot{border-top:0}
@media (max-width:899px){
  [data-page="home"] .cta-band{--mk:88px}
  .hv-mark{right:calc(var(--gutter) + 40px)}
  [data-page="home"] .cta-band .cta-in{padding-bottom:96px}
  [data-page="home"] .cta-band .hv-cl2{display:none}
  [data-page="home"] .cta-band .hv-cl1{top:12%;right:4%;width:110px}
}
@media print{
  .hv-hero,.hv-ground,[data-page="home"] .band,[data-page="home"] .example-sec,[data-page="home"] .example{background:#FFFFFF}
  .hv-hero::before,.hv-sun,.hv-light,.hv-clouds,.hv-cl4,.hv-tip{display:none}
  .hv-person img,.hv-plate{box-shadow:none}
  .hv-mark,.hv-js .hv-mark{background:#186A42;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .hv-mark::after{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
/* release 3c: the Work page made obvious. The hero's second button is the way to the work: a meadow green outline and
   green words on a white ground, so it reads as a button at once without competing with the green Tech Plan button. */
.hv-hero .actions .btn.hv-work{border:2px solid #186A42;color:#186A42;background:rgba(255,255,255,.72)}
.hv-hero .actions .btn.hv-work:hover{background:#FFFFFF;border-color:#186A42}
.hv-work-actions{margin-top:24px}
/* release 3c: the longer headline in two tiers, its first words large and the rest one step down, so the horizon stays in the first screen */
.hv-copy h1 em{font-size:.62em;line-height:1.02;margin-top:.16em}
/* release 3c: the closing line "See what fits your business." is longer than the line before it, so its small cloud moves right to stay clear of it */
[data-page="home"] .cta-band .hv-cl2{left:60%}
/* very narrow phones (under 320 wide, such as a folded phone at 280): long button words wrap inside the button instead of running past the gutter */
@media (max-width:319px){[data-page="home"] main .btn{white-space:normal;text-align:center}}
/* release 3c: from 1280 wide the headline's first line reaches further right, so the right hand cloud starts further right and stays clear at both ends of its drift */
@media (min-width:1280px){[data-page="home"] .hv-hero .hv-cl1{left:70%}}
/* folded from the markup: each stem's and arc's start time, each month's place on the horizon */
.hv-meadow .hv-d0{--d:1.30s}
.hv-meadow .hv-d1{--d:1.35s}
.hv-meadow .hv-d2{--d:1.55s}
.hv-meadow .hv-d3{--d:1.80s}
.hv-meadow .hv-d4{--d:2.00s}
.hv-meadow .hv-d5{--d:2.05s}
.hv-meadow .hv-d6{--d:2.20s}
.hv-meadow .hv-d7{--d:2.35s}
.hv-meadow .hv-d8{--d:2.45s}
.hv-meadow .hv-d9{--d:0.50s}
.hv-meadow .hv-d10{--d:0.55s}
.hv-meadow .hv-d11{--d:0.60s}
.hv-meadow .hv-d12{--d:0.65s}
.hv-meadow .hv-d13{--d:0.70s}
.hv-meadow .hv-d14{--d:0.75s}
.hv-meadow .hv-d15{--d:0.80s}
.hv-meadow .hv-d16{--d:0.85s}
.hv-meadow .hv-d17{--d:0.90s}
.hv-meadow .hv-d18{--d:0.95s}
.hv-meadow .hv-d19{--d:1.00s}
.hv-meadow .hv-d20{--d:1.05s}
.hv-meadow .hv-d21{--d:1.10s}
.hv-meadow .hv-d22{--d:1.15s}
.hv-meadow .hv-d23{--d:1.20s}
.hv-meadow .hv-d24{--d:1.25s}
.hv-meadow .hv-d25{--d:1.40s}
.hv-meadow .hv-d26{--d:1.45s}
.hv-meadow .hv-d27{--d:1.50s}
.hv-meadow .hv-d28{--d:1.60s}
.hv-meadow .hv-d29{--d:1.65s}
.hv-meadow .hv-d30{--d:1.70s}
.hv-meadow .hv-d31{--d:1.75s}
.hv-meadow .hv-d32{--d:1.85s}
.hv-meadow .hv-d33{--d:1.90s}
.hv-meadow .hv-d34{--d:1.95s}
.hv-months .hv-m0{left:3.66%}
.hv-months .hv-m1{left:13.59%}
.hv-months .hv-m2{left:33.45%}
.hv-months .hv-m3{left:54.97%}
.hv-months .hv-m4{left:66.55%}
.hv-months .hv-m5{left:76.48%}
.hv-months .hv-m6{left:88.07%}
.hv-months .hv-m7{left:94.69%}
.hv-months .hv-m8{left:98.00%}