.milestone{position:relative}.milestone__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}@media screen and (max-width:1200px){.milestone__grid{grid-template-columns:280px 1fr;gap:40px}}@media screen and (max-width:1000px){.milestone__grid{grid-template-columns:1fr;gap:32px}}@media screen and (max-width:768px){.milestone__grid{gap:24px}}.milestone__sidebar{position:sticky;top:80px;align-self:start}@media screen and (max-width:640px){.milestone__sidebar{flex-direction:column;gap:20px}.milestone__fish{max-width:100%}}@media(max-width:740px){.milestone__sidebar{flex-direction:column-reverse}.milestone-main-center{display:flex;justify-content:center;flex-direction:column;max-width:100%;width:100%}}.milestone__label{margin:0 0 20px;opacity:.7;text-transform:uppercase;color:#fff;letter-spacing:.08em}@media screen and (max-width:768px){.milestone__label{margin-bottom:16px;font-size:.875rem}}.milestone__years{display:flex;flex-direction:column;gap:12px}@media screen and (max-width:1000px){.milestone__years{flex-direction:row;flex-wrap:wrap;gap:8px 16px}}@media screen and (max-width:640px){.milestone__years{flex-direction:column;gap:10px}}.milestone__year{-webkit-appearance:none;appearance:none;background:transparent;border:0;text-align:left;padding:8px 12px;cursor:pointer;color:inherit;opacity:.6;transition:all .3s ease;border-radius:6px;font-size:inherit;font-family:inherit}.milestone__year:hover{opacity:.9;background:rgb(var(--color-foreground)/.05)}.milestone__year.is-active{opacity:1;font-weight:var(--font-heading-weight, 600);position:relative;color:#fff!important;padding-left:16px}.milestone__year.is-active:before{content:"";position:absolute;left:0;top:50%;width:4px;height:20px;background:currentColor;border-radius:2px;transform:translateY(-50%)}@media screen and (max-width:1000px){.milestone__year.is-active{background:rgb(var(--color-foreground));color:#000!important;padding-left:12px}.milestone__year.is-active:before{display:none}}.milestone__fish{position:relative;margin-top:32px;pointer-events:none}.milestone__fish-item{position:relative;display:inline-block;max-width:700px;width:100%}.milestone__fish-item img{display:block;width:100%;height:auto;max-width:700px;max-height:525px;border-radius:35px;object-fit:cover;transform:none!important}@media screen and (max-width:1200px){.milestone__fish-item{max-width:240px}.milestone__fish-item img{max-width:240px;max-height:180px}}@media screen and (max-width:1000px){.milestone__fish-item{max-width:200px}.milestone__fish-item img{max-width:200px;max-height:150px;border-radius:16px}}@media screen and (max-width:640px){.milestone__fish-item{max-width:100%}.milestone__fish-item img{max-width:100%;max-height:200px}}.milestone__content{position:relative}.milestone__item{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid rgb(var(--color-foreground)/.12);opacity:.4;transform:translateY(12px);transition:all .5s ease}.milestone__item.is-visible{transform:translateY(0)}.milestone__item.is-active-content{opacity:1;color:#fff}.milestone__item:last-child{border-bottom:0}@media screen and (max-width:768px){.milestone__item{padding-bottom:32px;margin-bottom:32px}}.milestone__content,.milestone__content *{color:inherit}.milestone__year-title{margin:0 0 16px}@media screen and (max-width:768px){.milestone__year-title{margin-bottom:12px;font-size:2rem}}.milestone__subtitle{margin:0 0 16px;font-weight:var(--font-heading-weight, 600)}@media screen and (max-width:768px){.milestone__subtitle{margin-bottom:12px;font-size:1.25rem}}.milestone__text{max-width:64ch;line-height:1.6}@media screen and (max-width:768px){.milestone__text{font-size:.95rem;line-height:1.5}}html:has(.milestone){scroll-behavior:smooth}@media screen and (max-width:480px){.milestone__grid{gap:20px}.milestone__year{padding:6px 10px;font-size:.9rem}.milestone__year-title{font-size:1.75rem}.milestone__subtitle{font-size:1.1rem}.milestone__text{font-size:.9rem}}@media screen and (max-width:1000px){.milestone__slider-container{position:relative;overflow:hidden}.milestone__slider-wrapper{display:flex;transition:transform .3s ease;will-change:transform}.milestone__slider-wrapper .milestone__item{flex:0 0 100%;width:100%;padding:24px;margin:0;border:none;opacity:1;transform:none;border-radius:12px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.milestone__slider-wrapper .milestone__item:not(:last-child){margin-right:0}.milestone__slider-controls{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:0 8px}.milestone__slider-btn{-webkit-appearance:none;appearance:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.milestone__slider-btn:hover:not(:disabled){background:#fff3;transform:scale(1.05)}.milestone__slider-btn:disabled{opacity:.3;cursor:not-allowed}.milestone__slider-btn svg{width:20px;height:20px}.milestone__slider-dots{display:flex;gap:8px;align-items:center}.milestone__slider-dot{-webkit-appearance:none;appearance:none;background:#ffffff4d;border:none;border-radius:50%;width:12px;height:12px;cursor:pointer;transition:all .3s ease}.milestone__slider-dot:hover{background:#ffffff80;transform:scale(1.2)}.milestone__slider-dot.is-active{background:#fff;transform:scale(1.3)}.milestone__slider-years{margin-bottom:24px;gap:10px}.milestone__slider-years .milestone__years{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 16px;justify-content:center}.milestone__slider-years .milestone__year{padding:10px 16px;font-size:20px;margin-right:10px;border-radius:8px!important;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.milestone__slider-years .milestone__year:hover{background:#fff3;transform:translateY(-2px)}.milestone__slider-years .milestone__year.is-active{background:#fff;color:#000!important;transform:translateY(-2px)}.milestone__slider-years .milestone__year.is-active:before{display:none}.milestone__sidebar .milestone__years{display:none}.milestone__sidebar{align-items:flex-end;justify-content:flex-start}.milestone__label{text-align:left}}@media screen and (max-width:640px){.milestone__slider-wrapper .milestone__item{padding:20px}.milestone__slider-controls{margin-top:20px}.milestone__slider-btn{width:44px;height:44px}.milestone__slider-btn svg{width:18px;height:18px}.milestone__slider-dot{width:10px;height:10px}.milestone__slider-years{margin-bottom:20px}.milestone__slider-years .milestone__years{gap:6px 12px}.milestone__slider-years .milestone__year{padding:8px 12px;font-size:.85rem}}@media screen and (max-width:1000px){.milestone__sidebar{position:static;display:flex;gap:24px;align-items:flex-start}.milestone__sidebar>div{flex:1}.milestone__label{font-size:20px;padding-bottom:0;margin-bottom:0}.milestone__fish{flex:0 0 auto;margin-top:0;position:absolute;right:0;top:0;max-width:200px;margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-milestone.css.map */