.plot-experience{
  --plot-ink:#073f2d;
  --plot-line:rgba(7,63,45,.2);
  --plot-red:#e8484d;
  --plot-gold:#f2d34b;
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
  border:2px solid var(--plot-ink);
  background:#e9f6d8;
  color:var(--plot-ink);
  box-shadow:12px 12px 0 var(--plot-ink);
}
.plot-experience *{box-sizing:border-box}
.plot-experience__editor{display:flex;flex-direction:column;min-width:0}
.plot-experience__bar{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:11px 24px;
  border-bottom:2px solid var(--plot-ink);
  font-size:13px;
  font-weight:900;
  letter-spacing:.03em;
}
.plot-experience__bar-dots{display:inline-flex;gap:7px;flex:none}
.plot-experience__bar-dots i{display:block;width:11px;height:11px;border:1px solid var(--plot-ink);border-radius:50%;background:var(--plot-red)}
.plot-experience__bar-dots i:nth-child(2){background:var(--plot-gold)}
.plot-experience__bar-dots i:nth-child(3){background:#45ba57}
.plot-experience__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:2px solid var(--plot-ink)}
.plot-experience__tab{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:6px;
  min-width:0;
  min-height:88px;
  padding:11px clamp(10px,1.45vw,24px);
  border:0;
  border-right:1px solid var(--plot-ink);
  border-radius:0;
  background:transparent;
  color:var(--plot-ink);
  text-align:left;
  font-size:15px;
  font-weight:900;
  line-height:1.25;
  transition:background .22s ease,color .22s ease;
}
.plot-experience__tab:last-child{border-right:0}
.plot-experience__tab:hover{background:#d2edbc}
.plot-experience__tab[aria-selected="true"]{background:var(--plot-ink);color:#fff}
.plot-experience__tab-index{font-size:12px;font-weight:800;opacity:1;font-variant-numeric:tabular-nums}
.plot-experience__panel{
  display:flex;
  flex-direction:column;
  justify-content:center;
  flex:1;
  min-height:420px;
  padding:35px clamp(26px,3.2vw,58px) 38px;
}
.plot-experience__counter{display:flex;gap:13px;align-items:baseline;margin:0 0 20px;color:#315f43;font-size:14px;font-weight:800}
.plot-experience__counter b{font-variant-numeric:tabular-nums;color:var(--plot-ink)}
.plot-experience__title-mask{height:1.34em;overflow:hidden;font-size:clamp(38px,3.7vw,60px)}
.plot-experience__title-mask h3{font-size:1em;font-weight:900;letter-spacing:-.075em;line-height:1.2;margin:0}
.plot-experience.is-changing .plot-experience__title-mask h3{animation:plot-title-in .5s cubic-bezier(.2,.83,.2,1) both}
:lang(en) .plot-experience__title-mask{height:2.3em;font-size:clamp(31px,3vw,48px)}
:lang(en) .plot-experience__title-mask h3{letter-spacing:-.055em;line-height:1.12}
.plot-experience__body{max-width:480px;min-height:5.4em;margin:21px 0 16px;font-size:18px;line-height:1.68;font-weight:650}
.plot-experience__next{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:46px;
  padding:5px 0;
  border:0;
  border-bottom:3px solid var(--plot-red);
  border-radius:0;
  background:none;
  color:var(--plot-ink);
  font-size:15px;
  font-weight:900;
}
.plot-experience__next:hover{color:#a43136}
.plot-experience__next span{font-size:21px;line-height:1}
.plot-experience__figure{
  position:relative;
  min-height:560px;
  margin:0;
  overflow:hidden;
  border-left:2px solid var(--plot-ink);
  background:linear-gradient(180deg,#a9eaf0 0 53%,#94dca0 53% 100%);
}
.plot-experience__figure::before{content:"";position:absolute;z-index:2;inset:0 auto 0 0;width:7px;background:var(--plot-gold)}
.plot-experience__drawing{display:block;position:absolute;inset:0;width:100%;height:100%}
.plot-experience__state{opacity:0;transform:translateY(18px) scale(.93);transform-origin:50% 60%;transition:opacity .48s ease,transform .52s cubic-bezier(.2,.82,.18,1)}
.plot-experience[data-plot-state="0"] [data-plot-visual="0"],
.plot-experience[data-plot-state="1"] [data-plot-visual="1"],
.plot-experience[data-plot-state="2"] [data-plot-visual="2"],
.plot-experience[data-plot-state="3"] [data-plot-visual="3"]{opacity:1;transform:translateY(0) scale(1)}
.plot-experience__icons img{
  display:block;
  position:absolute;
  z-index:3;
  top:18%;
  left:13%;
  width:clamp(82px,10vw,132px);
  height:auto;
  opacity:0;
  transform:translateY(14px) rotate(-11deg) scale(.9);
  filter:drop-shadow(0 12px 7px rgba(12,67,45,.22));
  transition:opacity .42s ease,transform .52s cubic-bezier(.2,.82,.18,1);
}
.plot-experience[data-plot-state="0"] [data-plot-icon="0"],
.plot-experience[data-plot-state="1"] [data-plot-icon="1"],
.plot-experience[data-plot-state="2"] [data-plot-icon="2"],
.plot-experience[data-plot-state="3"] [data-plot-icon="3"]{opacity:1;transform:translateY(0) rotate(-11deg) scale(1)}
.plot-experience__figure-label{position:absolute;z-index:4;right:21px;top:20px;padding:7px 11px;background:#f8fbf3;border:1px solid var(--plot-ink);font-size:12px;font-weight:900}
.plot-experience__figure figcaption{position:absolute;z-index:4;right:20px;bottom:19px;max-width:min(79%,340px);padding:8px 10px;background:rgba(248,251,243,.97);font-size:14px;font-weight:800;text-align:right;line-height:1.4}
.plot-experience__outro{grid-column:1/-1;margin:0;padding:24px clamp(25px,3vw,45px);border-top:2px solid var(--plot-ink);background:var(--plot-gold);font-size:clamp(20px,2.05vw,28px);font-weight:900;line-height:1.4;letter-spacing:-.03em}
.plot-experience :focus-visible{outline:3px solid var(--plot-red);outline-offset:3px;z-index:5}
@keyframes plot-title-in{from{transform:translateY(105%);opacity:.4}to{transform:translateY(0);opacity:1}}
@media(max-width:800px){
  .plot-experience{grid-template-columns:1fr;box-shadow:7px 7px 0 var(--plot-ink)}
  .plot-experience__panel{min-height:345px}
  .plot-experience__figure{min-height:420px;border-left:0;border-top:2px solid var(--plot-ink)}
}
@media(max-width:520px){
  .plot-experience{box-shadow:5px 5px 0 var(--plot-ink)}
  .plot-experience__bar{min-height:47px;padding:9px 14px;font-size:12px}
  .plot-experience__tab{min-height:79px;gap:5px;padding:8px 5px;font-size:14px;text-align:center;align-items:center}
  .plot-experience__tab-index{font-size:12px}
  .plot-experience__panel{min-height:344px;padding:26px 22px 30px}
  .plot-experience__counter{font-size:13px;margin-bottom:16px}
  .plot-experience__title-mask{font-size:clamp(36px,10.3vw,44px)}
  :lang(en) .plot-experience__title-mask{font-size:clamp(30px,8.2vw,39px)}
  .plot-experience__body{font-size:16px;line-height:1.63;min-height:5.3em;margin:15px 0 10px}
  .plot-experience__next{font-size:16px}
  .plot-experience__figure{min-height:315px}
  .plot-experience__icons img{width:70px;top:17%;left:10%}
  .plot-experience__figure-label{right:12px;top:12px;font-size:12px}
  .plot-experience__figure figcaption{right:10px;bottom:10px;max-width:74%;font-size:14px}
  .plot-experience__outro{padding:17px 20px;font-size:20px}
}
@media(max-width:600px){
  .plot-experience__figure{min-height:420px}
  .plot-experience__drawing{height:calc(100% - 100px)}
  .plot-experience__figure figcaption{left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;min-height:100px;max-width:none;padding:12px 17px;border-top:2px solid var(--plot-ink);background:#f8fbf3;font-size:16px;line-height:1.45}
}
@media(prefers-reduced-motion:reduce){
  .plot-experience *, .plot-experience *::before,.plot-experience *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}