.breadcrumb{
  margin-bottom:4rem;
  font-size:1.2rem;
  line-height:1.4rem;
}

.breadcrumb__list{
  display:block;
  flex-wrap:wrap;
  row-gap:0.4rem;
}

.breadcrumb__item{
  display:inline;
  color:var(--color-gray-500);
  cursor:text;
}
.breadcrumb__item::after{
  content:"/";
  padding:0 0.1rem 0 0.3rem;
}
.breadcrumb__item:last-child::after{
  display:none;
}

.breadcrumb__link{
  --color:var(--color-gray-500);
  --color-hover:var(--color-black);
  --color-active:var(--color-gray-700);
  font-size:1.4rem;
  line-height:2rem;
  text-decoration-color:transparent;
  pointer-events:none;
}
.breadcrumb__link--current-page{
  color:var(--color-grey-3);
  pointer-events:none;
}
[data-theme=dark] .breadcrumb__link{
  --color:var(--color-gray-500);
  --color-hover:var(--color-white);
  --color-active:var(--color-gray-300);
}

/*! About page */
[data-theme=dark] .gsap-section--about .main-decorative-axis__dark-underline{
  left:10.3%;
  width:89.7%;
  background:linear-gradient(to bottom, var(--color-black) 0 1.9rem, transparent 1.9rem 2.5rem), linear-gradient(to right, var(--color-black) 0 1.3rem, #191919 1.3rem 100%, var(--color-black) 100% 100%);
  transform:none;
}
[data-theme=dark] .gsap-section--about .main-decorative-axis__dark-underline::after{
  display:none;
}

.gsap-section__item--timeline{
  display:none;
  min-width:62rem;
  min-height:initial;
  height:fit-content;
  padding-bottom:2.4rem;
  padding-left:16rem;
}
.gsap-section__item--timeline:nth-child(odd){
  padding-top:19.6rem;
}

.history{
  margin-top:4rem;
  font-size:1.6rem;
  line-height:1.5;
  font-weight:500;
}

.hint{
  line-height:2rem;
  color:var(--color-gray-500);
}
.timeline{
  width:calc(100% + 2 * var(--x-padding));
  margin-left:calc(var(--x-padding) * -1);
}
.timeline::before{
  content:"";
  position:absolute;
  top:0.6rem;
  left:0;
  width:100%;
  height:1.8rem;
  background-image:url(../svg/layout/ropes/rope-segment-bg.svg);
  background-repeat:repeat-x;
  background-size:1.4rem;
}
.timeline .swiper-slide{
  width:28rem;
}
[data-theme=dark] .timeline::before{
  top:1rem;
  border-top:0.6rem solid var(--color-gray-900);
  background-image:none;
}

.timeline-item{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:1.6rem;
  min-height:45rem;
  padding-top:7.8rem;
  padding-bottom:4.6rem;
  padding-left:4.4rem;
}
.timeline-item::before{
  content:"";
  position:absolute;
  top:0;
  left:0.1rem;
  z-index:1;
  width:2.6rem;
  height:100%;
  background-image:url(../svg/layout/ropes/double-knot-rope.svg), url(../svg/layout/ropes/brush-knot.svg);
  background-position:top left, bottom left 0.4rem;
  background-repeat:no-repeat;
  background-size:contain, 1.8rem;
}
.timeline-item::after{
  content:"";
  position:absolute;
  top:10rem;
  left:0.9rem;
  width:1rem;
  height:calc(100% - 13rem);
  background-image:url(../svg/layout/ropes/rope-vertical-segment-bg-2.svg);
  background-repeat:repeat-y;
  background-size:contain;
}
.timeline-item--long{
  padding-bottom:6.2rem;
}
[data-theme=dark] .timeline-item::before{
  left:0;
  width:2.8rem;
  height:45rem;
  background-image:url(../img/layout/traces/year-trace-56w.png);
}
[data-theme=dark] .timeline-item::after{
  display:none;
}
[data-theme=dark] .timeline-item--long::before{
  height:67.8rem;
  background-image:url(../img/layout/traces/year-trace-2-56w.png);
}

.timeline-item__year{
  font-size:2.6rem;
  line-height:2.8rem;
  font-weight:700;
  text-transform:uppercase;
  color:var(--color-gray-200);
}
[data-theme=dark] .timeline-item__year{
  color:var(--color-gray-700);
}

.timeline-item__title{
  font-size:2rem;
  line-height:2.4rem;
  font-weight:700;
  text-transform:uppercase;
}

.timeline-item__dl{
  font-size:1.6rem;
}

.timeline-item__dt{
  line-height:2.4rem;
  color:var(--color-gray-500);
}
.timeline-item__dt:not(:first-child){
  margin-top:1.2rem;
}

.timeline-item__dd{
  line-height:1.5;
}
[data-theme=dark] .gsap-section--mission .main-decorative-axis__dark-underline{
  left:0;
  width:100%;
  background:linear-gradient(to bottom, var(--color-black) 0 1.9rem, transparent 1.9rem 2.5rem), linear-gradient(to right, #191919 0% 0%, #191919 100% 100%);
  transform:none;
}
[data-theme=dark] .gsap-section--mission .main-decorative-axis__dark-underline::before, [data-theme=dark] .gsap-section--mission .main-decorative-axis__dark-underline::after{
  display:none;
}

.main-decorative-knots--small-offset{
  justify-content:flex-start;
}
.main-decorative-knots--small-offset .main-decorative-knot::before{
  left:4rem;
}

.missions__wrapper{
  display:flex;
  flex-direction:column;
  gap:4rem;
}
[data-theme=dark] .gsap-section--advantages .main-decorative-axis__dark-underline{
  background:linear-gradient(to top, var(--color-black) 0 1.4rem, transparent 1.4rem 2.5rem), linear-gradient(to right, var(--color-black) 0 1.3rem, #191919 1.3rem 100%, var(--color-black) 100% 100%);
}
[data-theme=dark] .gsap-section--advantages .main-decorative-axis__dark-underline::before{
  top:-0.4rem;
  left:-1rem;
  width:2.7rem;
  height:2.5rem;
  border-top:none;
  border-bottom:0.7rem solid var(--color-gray-900);
  background-color:var(--color-black);
  transform:skewY(145deg);
}
[data-theme=dark] .gsap-section--advantages .main-decorative-axis__dark-underline::after{
  display:none;
}

.ul.advantages{
  gap:0;
}
.ul.advantages::before{
  display:none;
}
.ul.advantages li{
  position:relative;
  background-image:none;
}
.ul.advantages li::before{
  content:"";
  position:absolute;
  top:0.3rem;
  left:0;
  width:1.9rem;
  height:1.9rem;
  background-image:url(../svg/layout/ropes/ul-knot.svg);
  background-repeat:no-repeat;
  background-size:contain;
}
.ul.advantages li:not(:last-child){
  padding-bottom:3.2rem;
}
.ul.advantages li:not(:last-child)::after{
  content:"";
  position:absolute;
  top:1rem;
  left:0;
  z-index:-1;
  width:1.4rem;
  height:calc(100% - 0.6rem);
  background-image:url(../svg/layout/ropes/rope-vertical-segment-bg.svg);
  background-position:left 0.4rem top 0.4rem;
  background-repeat:repeat-y;
  opacity:1;
  transition:opacity var(--transition-long-cubic);
}
[data-theme=dark] .ul.advantages::after{
  background:linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0.2) 100%);
}
[data-theme=dark] .ul.advantages li{
  background-image:url(../svg/layout/traces/ul-point.svg);
}
[data-theme=dark] .ul.advantages li::before, [data-theme=dark] .ul.advantages li::after{
  display:none;
}
[data-theme=dark] .ul.advantages li:last-child::after{
  content:"";
  position:absolute;
  top:2.1rem;
  left:0;
  z-index:-1;
  display:block;
  width:2rem;
  height:100%;
  background-color:var(--color-black);
}

.advantage{
  display:flex;
  flex-direction:column;
  gap:1.6rem;
  font-size:1.8rem;
  line-height:2.8rem;
}

.directions-slider{
  width:calc(100% + 2 * var(--x-padding));
  margin-left:calc(var(--x-padding) * -1);
  background-image:url(../svg/layout/ropes/rope-segment-bg.svg);
  background-position:top 8.2rem left -0.2rem;
  background-repeat:repeat-x;
  background-size:1.4rem;
}
.directions-slider .swiper-slide{
  width:13.1rem;
}
[data-theme=dark] .directions-slider{
  background-image:none;
}
[data-theme=dark] .directions-slider::before{
  content:"";
  position:absolute;
  top:7.7rem;
  left:0;
  width:100%;
  height:0.3rem;
  background:linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.2) 100%);
}

.direction{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
  width:100%;
}
.direction .main-decorative{
  width:4.5rem;
  height:51.5rem;
  margin-left:0;
}
[data-theme=dark] .direction .main-decorative{
  width:4.6rem;
  background-image:var(--trace);
  background-position:center top 0.3rem;
  background-size:contain;
}

.direction__title{
  display:flex;
  align-items:center;
  min-height:6.6rem;
  font-size:1.5rem;
  line-height:2.2rem;
  font-weight:600;
  text-align:center;
}

/*! Product */
.product-page{
  --vertical-rope:url(../svg/layout/ropes/green-vertical-rope-segment.svg);
  --list-knot:url(../svg/layout/ropes/green-knot.svg);
  --list-knot-small:url(../svg/layout/ropes/green-knot-sm.svg);
  --brush-knot:url(../svg/layout/ropes/brush-knot-green.svg);
  --brush-knot-md:url(../svg/layout/ropes/brush-knot-green-2.svg);
}
.product-page .main{
  position:relative;
  padding-top:2rem;
  padding-bottom:9.2rem;
  padding-left:4.4rem;
  margin-bottom:-2.4rem;
}
.product-page .main::before{
  content:"";
  position:absolute;
  top:calc(var(--header-height) * -1);
  left:-0.1rem;
  width:2.6rem;
  height:calc(var(--header-height) + 100% - 1rem);
  background-image:var(--vertical-rope);
  background-position:center top -0.1rem;
  background-repeat:repeat-y;
  background-color:var(--color-white);
  transition:background-color var(--transition-long-cubic);
}
.product-page .main::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0.2rem;
  width:2.6rem;
  height:4.2rem;
  background-image:var(--brush-knot);
  background-repeat:no-repeat;
}
[data-theme=dark] .product-page .main::before{
  left:1rem;
  width:0.3rem;
  background-image:none;
  background-color:var(--color-gray-800);
}
[data-theme=dark] .product-page .main::after{
  bottom:-0.2rem;
  height:1.4rem;
  background-image:url(../svg/layout/traces/trace-point.svg);
  background-position:left bottom 0.2rem;
}
.product-page.category-1{
  --vertical-rope:url(../svg/layout/ropes/blue-vertical-rope-segment.svg);
  --list-knot:url(../svg/layout/ropes/blue-knot.svg);
  --list-knot-small:url(../svg/layout/ropes/blue-knot-sm.svg);
  --brush-knot:url(../svg/layout/ropes/brush-knot-blue.svg);
  --brush-knot-md:url(../svg/layout/ropes/brush-knot-blue-2.svg);
}
.product-page.category-2{
  --vertical-rope:url(../svg/layout/ropes/red-vertical-rope-segment.svg);
  --list-knot:url(../svg/layout/ropes/red-knot.svg);
  --list-knot-small:url(../svg/layout/ropes/red-knot-sm.svg);
  --brush-knot:url(../svg/layout/ropes/brush-knot-red.svg);
  --brush-knot-md:url(../svg/layout/ropes/brush-knot-red-2.svg);
}
.product-page.category-3{
  --vertical-rope:url(../svg/layout/ropes/purple-vertical-rope-segment.svg);
  --list-knot:url(../svg/layout/ropes/purple-knot.svg);
  --list-knot-small:url(../svg/layout/ropes/purple-knot-sm.svg);
  --brush-knot:url(../svg/layout/ropes/brush-knot-purple.svg);
  --brush-knot-md:url(../svg/layout/ropes/brush-knot-purple-2.svg);
}
.product-page.category-4{
  --vertical-rope:url(../svg/layout/ropes/orange-vertical-rope-segment.svg);
  --list-knot:url(../svg/layout/ropes/orange-knot.svg);
  --list-knot-small:url(../svg/layout/ropes/orange-knot-sm.svg);
  --brush-knot:url(../svg/layout/ropes/brush-knot-orange.svg);
  --brush-knot-md:url(../svg/layout/ropes/brush-knot-orange-2.svg);
}
.product-page.category-5{
  --vertical-rope:url(../svg/layout/ropes/yellow-vertical-rope-segment.svg);
  --list-knot:url(../svg/layout/ropes/yellow-knot.svg);
  --list-knot-small:url(../svg/layout/ropes/yellow-knot-sm.svg);
  --brush-knot:url(../svg/layout/ropes/brush-knot-yellow.svg);
  --brush-knot-md:url(../svg/layout/ropes/brush-knot-yellow-2.svg);
}
.product-page.category-6{
  --vertical-rope:url(../svg/layout/ropes/pink-vertical-rope-segment.svg);
  --list-knot:url(../svg/layout/ropes/pink-knot.svg);
  --list-knot-small:url(../svg/layout/ropes/pink-knot-sm.svg);
  --brush-knot:url(../svg/layout/ropes/brush-knot-pink.svg);
  --brush-knot-md:url(../svg/layout/ropes/brush-knot-pink-2.svg);
}
.product-page.category-7{
  --vertical-rope:url(../svg/layout/ropes/sky-vertical-rope-segment.svg);
  --list-knot:url(../svg/layout/ropes/sky-knot.svg);
  --list-knot-small:url(../svg/layout/ropes/sky-knot-sm.svg);
  --brush-knot:url(../svg/layout/ropes/brush-knot-sky.svg);
  --brush-knot-md:url(../svg/layout/ropes/brush-knot-sky-2.svg);
}

.product-info{
  display:flex;
  flex-direction:column;
  gap:4rem;
}

.info-section{
  margin-top:16rem;
}

.info-section__title{
  margin-bottom:4rem;
}

.prod-serv__link{
  --color:var(--color-gray-800);
  --color-hover:var(--color-black);
  position:relative;
  font-size:1.8rem;
  line-height:2.4rem;
  font-weight:600;
  pointer-events:none;
}
.prod-serv__link::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-4.5rem;
  width:2.6rem;
  height:2.6rem;
  margin:auto 0;
  background-image:var(--list-knot);
  background-repeat:no-repeat;
}
[data-theme=dark] .prod-serv__link{
  --color:var(--color-white);
  --color-hover:var(--color-gray-700);
}
[data-theme=dark] .prod-serv__link::before{
  left:-5.5rem;
  width:4.6rem;
  height:4.6rem;
  background-image:url(../svg/layout/traces/ul-point.svg);
  background-size:contain;
}

.our-adv__title{
  position:relative;
  margin-bottom:2rem;
}

.our-adv__list{
  display:flex;
  flex-direction:column;
  gap:2rem;
  font-size:1.6rem;
  line-height:2.4rem;
}
.our-adv__list li{
  position:relative;
}
@media (min-width: 960px){
  .breadcrumb{
    margin-bottom:16.1rem;
    margin-left:0.4rem;
  }
  .breadcrumb__item::after{
    font-size:1.8rem;
    line-height:2.4rem;
  }
  .breadcrumb__link{
    font-size:1.8rem;
    line-height:2.4rem;
  }
  .main-decorative-knots--about{
    padding-left:68rem;
  }
  .main-decorative-knots--about .main-decorative-knot{
    min-width:62rem;
  }
  .gsap-section__container--about{
    justify-content:flex-start;
  }
  .gsap-section__item--about{
    min-width:68rem;
    padding-left:8rem;
  }
  .gsap-section__item--timeline{
    display:flex;
  }
  .history{
    max-width:42rem;
    margin-top:14.8rem;
    font-size:2rem;
    line-height:3.2rem;
  }
  .history .h2{
    margin-bottom:2.1rem;
  }
  .hint{
    display:none;
  }
  .timeline{
    display:none;
  }
  .timeline-item{
    gap:3.3rem;
    width:42rem;
    min-height:initial;
    padding-top:0;
    padding-bottom:0;
    padding-left:0;
  }
  .timeline-item::before{
    top:0.6rem;
    left:-8.8rem;
    width:3.4rem;
    height:2.8rem;
    background-image:url(../svg/layout/ropes/gray-knot-topper-2.svg);
    background-repeat:no-repeat;
    background-size:initial;
  }
  .timeline-item::after{
    top:-1.1rem;
    left:-8.8rem;
    width:3.6rem;
    height:4.7rem;
    background-image:url(../svg/layout/ropes/gray-knot-2.svg);
    background-repeat:no-repeat;
    background-size:3.6rem;
  }
  [data-theme=dark] .timeline-item::before{
    display:none;
  }
  .timeline-item--today .timeline-item__title{
    font-size:3.6rem;
    line-height:4.4rem;
  }
  .timeline-item__year{
    font-size:2.8rem;
    line-height:3.6rem;
  }
  .timeline-item__dl{
    font-size:1.8rem;
  }
  .timeline-item__dt{
    margin-bottom:0.2rem;
  }
  .timeline-item__dt:not(:first-child){
    margin-top:3rem;
  }
  [data-theme=dark] .gsap-section__item--timeline{
    --trace:url(../img/layout/traces/year-trace-md-1-120w.png);
  }
  [data-theme=dark] .gsap-section__item--timeline .gsap-section__item-decors{
    background-image:var(--trace);
  }
  [data-theme=dark] .gsap-section__item--timeline:nth-child(2){
    --trace:url(../img/layout/traces/year-trace-md-1-120w.png);
  }
  [data-theme=dark] .gsap-section__item--timeline:nth-child(2) .timeline-item__year{
    font-size:3.6rem;
    line-height:1;
  }
  [data-theme=dark] .gsap-section__item--timeline:nth-child(2) .timeline-item__title{
    font-size:2.4rem;
    line-height:2.8rem;
  }
  [data-theme=dark] .gsap-section__item--timeline:nth-child(3){
    --trace:url(../img/layout/traces/year-trace-md-2-120w.png);
  }
  [data-theme=dark] .gsap-section__item--timeline:nth-child(4){
    --trace:url(../img/layout/traces/year-trace-md-3-120w.png);
  }
  [data-theme=dark] .gsap-section__item--timeline:nth-child(5){
    --trace:url(../img/layout/traces/year-trace-md-4-120w.png);
  }
  [data-theme=dark] .gsap-section__item--timeline:nth-child(6){
    --trace:url(../img/layout/traces/year-trace-md-5-120w.png);
  }
  [data-theme=dark] .gsap-section__item--timeline:nth-child(7){
    --trace:url(../img/layout/traces/year-trace-md-6-120w.png);
  }
  [data-theme=dark] .gsap-section__item--timeline:nth-child(8){
    --trace:url(../img/layout/traces/year-trace-md-7-120w.png);
  }
  [data-theme=dark] .gsap-section__item--timeline:nth-child(9){
    --trace:url(../img/layout/traces/year-trace-md-8-120w.png);
  }
  .gsap-section__item--small-offset{
    flex-grow:1;
    max-width:initial;
    padding-left:16.8rem;
  }
  .gsap-section__item--small-offset .gsap-section__item-rope,
  .gsap-section__item--small-offset .gsap-section__item-decors{
    left:4rem;
  }
  .gsap-section__item--mission .gsap-section__hgroup{
    max-width:66rem;
  }
  .missions{
    --top-offset:16.7rem;
    --left-offset:-0.8rem;
    position:relative;
    left:var(--left-offset);
    width:fit-content;
    height:100%;
    padding-top:var(--top-offset);
    padding-left:10rem;
    margin-left:-10rem;
    background-image:url(../svg/layout/ropes/gray-knot-3.svg);
    background-position:top 2.5rem left -1rem;
    background-repeat:no-repeat;
  }
  .missions::before{
    content:"";
    position:absolute;
    top:2.5rem;
    left:-1rem;
    z-index:2;
    width:calc(100% + 2rem);
    height:3.4rem;
    background-image:url(../svg/layout/ropes/gray-knot-topper-3.svg), url(../svg/layout/ropes/brush-knot-vartical.svg);
    background-position:center left, top 0.9rem right 0.9rem;
    background-repeat:no-repeat;
    background-size:initial;
  }
  .missions::after{
    content:"";
    position:absolute;
    top:3.7rem;
    left:1.7rem;
    z-index:1;
    width:calc(100% - 4rem);
    height:1.3rem;
    background-image:url(../svg/layout/ropes/rope-segment-bg-md.svg);
    background-position:top 0 left -0.3rem;
    background-repeat:repeat-x;
  }
  .missions .decorative-item{
    position:static;
    width:26.8rem;
    max-height:41rem;
    padding-bottom:0;
    padding-left:0.8rem;
    margin-left:0;
    background-image:none;
  }
  .missions .decorative-item:nth-child(even){
    margin-bottom:-0.6rem;
  }
  .missions .decorative-item:nth-child(even) .decorative-item__decor{
    height:calc(100% + var(--decorative-offset) - 2.9rem);
  }
  .missions .decorative-item::before{
    content:"";
    top:2.9rem;
    left:initial;
    z-index:2;
    width:2.3rem;
    height:2.3rem;
    margin-left:-0.7rem;
    background-image:url(../svg/layout/ropes/gray-knot-topper-4.svg);
    background-position:center;
  }
  .missions .decorative-item::after{
    content:"";
    position:absolute;
    top:2.4rem;
    left:initial;
    z-index:0;
    display:block;
    width:3.4rem;
    height:3.4rem;
    margin-left:-0.9rem;
    background-image:url(../svg/layout/ropes/gray-knot-4.svg);
    background-position:center;
  }
  .missions .decorative-item .decorative-item__decor{
    --decorative-offset:12rem;
    position:relative;
    z-index:2;
    order:-1;
    width:2rem;
    height:calc(var(--decorative-offset) - 2.9rem);
    margin-top:calc(var(--decorative-offset) * -1);
    margin-bottom:0.9rem;
    background-image:url(../svg/layout/ropes/rope-vertical-segment-bg-3.svg);
    background-position:top left 0.3rem;
    background-repeat:repeat-y;
  }
  .missions .decorative-item .decorative-item__decor::before{
    content:"";
    position:absolute;
    bottom:-1rem;
    left:0;
    width:100%;
    height:1.8rem;
    background-image:url(../svg/layout/ropes/decorative-item-knot-3.svg);
    background-repeat:no-repeat;
  }
  [data-theme=dark] .missions{
    background-image:none;
  }
  [data-theme=dark] .missions::before{
    top:2.4rem;
    left:-2rem;
    width:calc(100% + 2.1rem);
    height:3.8rem;
    background-image:url(../img/layout/traces/expertise-trace-horizontal-3562w.png);
    background-size:contain;
  }
  [data-theme=dark] .missions::after{
    display:none;
  }
  [data-theme=dark] .missions .decorative-item::after{
    display:none;
  }
  [data-theme=dark] .missions .decorative-item:nth-child(even) .decorative-item__decor{
    background-image:url(../img/layout/traces/mission-trace-64w.png);
  }
  [data-theme=dark] .missions .decorative-item__decor{
    top:-0.6rem;
    left:-0.8rem;
    width:3.2rem;
    height:calc(var(--decorative-offset) + 0.5rem);
    margin-bottom:-2.5rem;
    background-image:url(../img/layout/traces/mission-trace-small-64w.png);
    background-position:center top -1.6rem;
    background-repeat:no-repeat;
    background-size:contain;
  }
  [data-theme=dark] .missions .decorative-item__decor::before{
    display:none;
  }
  .missions__wrapper{
    flex-direction:row-reverse;
    gap:8rem;
    height:100%;
  }
  [data-theme=dark] .gsap-section--advantages .gsap-section__item-decors{
    background-image:url(../img/layout/traces/item-decor-trace-2-120w.png);
  }
  .ul.advantages{
    flex-direction:row;
    gap:8rem;
    width:fit-content;
    height:100%;
    padding-top:3.6rem;
    padding-left:10rem;
    margin-top:0.2rem;
    margin-left:-10.8rem;
    background-image:url(../svg/layout/ropes/gray-knot-3.svg);
    background-position:top 2.5rem left -1rem;
    background-repeat:no-repeat;
  }
  .ul.advantages::before{
    content:"";
    position:absolute;
    top:2.5rem;
    left:-1rem;
    z-index:2;
    display:block;
    width:calc(100% + 2rem);
    height:3.4rem;
    background-image:url(../svg/layout/ropes/gray-knot-topper-3.svg), url(../svg/layout/ropes/brush-knot-vartical.svg);
    background-position:center left, top 0.9rem right 0.9rem;
    background-repeat:no-repeat;
    background-size:initial;
  }
  .ul.advantages::after{
    content:"";
    position:absolute;
    top:3.6rem;
    left:1.7rem;
    z-index:1;
    width:calc(100% - 4rem);
    height:1.3rem;
    background-image:url(../svg/layout/ropes/rope-segment-bg-md.svg);
    background-position:top 0 left -0.3rem;
    background-repeat:repeat-x;
    opacity:1;
  }
  .ul.advantages li{
    z-index:unset;
    display:flex;
    flex-direction:column;
    max-width:26.8rem;
    padding-left:0.8rem;
  }
  .ul.advantages li::before{
    top:-0.8rem;
    left:0.1rem;
    z-index:2;
    width:2.3rem;
    height:2.3rem;
    background-image:url(../svg/layout/ropes/gray-knot-topper-4.svg);
    background-position:center;
    background-size:initial;
  }
  .ul.advantages li:not(:last-child)::after, .ul.advantages li:last-child::after{
    content:"";
    position:absolute;
    top:-1.3rem;
    left:0.8rem;
    z-index:0;
    display:block;
    width:3.4rem;
    height:3.4rem;
    margin-left:-0.9rem;
    background-image:url(../svg/layout/ropes/gray-knot-4.svg);
    background-position:center;
  }
  [data-theme=dark] .ul.advantages{
    background-image:none;
  }
  [data-theme=dark] .ul.advantages::before{
    display:none;
  }
  [data-theme=dark] .ul.advantages::after{
    top:2.4rem;
    left:-2rem;
    width:calc(100% + 2.1rem);
    height:3.8rem;
    background:initial;
    background-image:url(../img/layout/traces/expertise-trace-horizontal-3562w.png);
    background-size:contain;
  }
  [data-theme=dark] .ul.advantages li{
    background-image:none;
  }
  [data-theme=dark] .ul.advantages li:first-child .advantage::before{
    left:-0.1rem;
  }
  [data-theme=dark] .ul.advantages li::after{
    display:none !important;
  }
  .advantage{
    gap:1.9rem;
    height:100%;
  }
  .advantage::before{
    content:"";
    position:relative;
    z-index:1;
    display:block;
    flex-grow:1;
    width:2rem;
    height:auto;
    max-height:18.4rem;
    margin-bottom:0.7rem;
    background-image:url(../svg/layout/ropes/rope-vertical-segment-bg-3.svg);
    background-position:top left 0.3rem;
    background-repeat:repeat-y;
  }
  .advantage .h3{
    position:relative;
  }
  .advantage .h3::after{
    content:"";
    position:absolute;
    top:-3.7rem;
    left:0;
    z-index:1;
    width:3rem;
    height:3rem;
    background-image:url(../svg/layout/ropes/decorative-item-knot-3.svg);
    background-repeat:no-repeat;
  }
  [data-theme=dark] .advantage::before{
    left:-0.9rem;
    width:3.4rem;
    max-height:20.2rem;
    margin-bottom:-1.1rem;
    background-image:url(../img/layout/traces/advantage-trace-64w.png);
    background-position:center top -0.7em;
    background-repeat:no-repeat;
    background-size:contain;
  }
  [data-theme=dark] .advantage::after{
    display:none;
  }
  [data-theme=dark] .advantage .h3::after{
    display:none;
  }
  .gsap-section--directions{
    align-items:center;
    min-width:192rem;
  }
  .gsap-section--directions .main-decorative-knots{
    justify-content:center;
  }
  .gsap-section--directions .main-decorative-knot{
    max-width:192rem;
  }
  .gsap-section--directions .gsap-section__wrapper{
    max-width:192rem;
  }
  [data-theme=dark] .gsap-section--directions{
    position:relative;
  }
  [data-theme=dark] .gsap-section--directions .gsap-section__item-decors{
    top:-6.2rem;
    background-image:url(../img/layout/traces/item-decor-trace-2-120w.png);
  }
  [data-theme=dark] .gsap-section--directions::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:radial-gradient(circle at 50% 140%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.15) 30%, transparent 70%), black;
    background-position:0 15rem;
    background-repeat:no-repeat;
    background-size:contain;
    filter:blur(5rem);
  }
  .gsap-section__item--directions{
    padding-left:16rem;
  }
  .directions-slider{
    z-index:unset;
    overflow:unset;
    width:fit-content;
    padding-top:2.6rem;
    padding-left:13rem;
    margin-right:0;
    margin-left:-13rem;
    background-image:url(../svg/layout/ropes/gray-knot-5.svg);
    background-position:top 9rem left 1.8rem;
    background-repeat:no-repeat;
    background-size:initial;
  }
  .directions-slider::before{
    content:"";
    position:absolute;
    top:9.9rem;
    left:1.7rem;
    z-index:2;
    display:block;
    width:calc(100% + 3rem);
    height:3.4rem;
    background-image:url(../svg/layout/ropes/gray-knot-topper-5.svg), url(../svg/layout/ropes/brush-knot-2.svg);
    background-position:center left, top 0.1rem right 0.2rem;
    background-repeat:no-repeat;
    background-size:initial;
  }
  .directions-slider::after{
    content:"";
    position:absolute;
    top:10.5rem;
    left:4.6rem;
    z-index:1;
    width:calc(100% - 4rem);
    height:1.5rem;
    background-image:url(../svg/layout/ropes/rope-segment-bg-2.svg);
    background-position:top 0 left 0.3rem;
    background-repeat:repeat-x;
    opacity:1;
  }
  .directions-slider .swiper-wrapper{
    z-index:unset;
    gap:3.9rem;
    transform:unset;
  }
  .directions-slider .swiper-slide{
    width:16.8rem;
  }
  [data-theme=dark] .directions-slider::before{
    display:none;
  }
  [data-theme=dark] .directions-slider::after{
    top:9rem;
    left:1rem;
    width:calc(100% + 3.4rem);
    height:3.8rem;
    background:initial;
    background-image:url(../img/layout/traces/expertise-trace-horizontal-3562w.png);
    background-size:contain;
  }
  .direction{
    gap:0.8rem;
  }
  .direction .main-decorative{
    width:6rem;
  }
  .direction .main-decorative::before{
    content:"";
    position:absolute;
    top:6.4rem;
    left:var(--left-knot-offset);
    z-index:2;
    width:4rem;
    height:6rem;
    background-image:var(--knot);
    background-position:top left;
    background-repeat:no-repeat;
  }
  .direction .main-decorative--1{
    --knot:url(../svg/layout/ropes/rope-1-md-knot.svg);
    --left-knot-offset:5rem;
    height:60.8rem;
    margin-left:-0.9rem;
  }
  .direction .main-decorative--2{
    --knot:url(../svg/layout/ropes/rope-2-2-md-knot.svg);
    --left-knot-offset:5.7rem;
    margin-left:-0.6rem;
  }
  .direction .main-decorative--3{
    --knot:url(../svg/layout/ropes/rope-3-md-knot.svg);
    --left-knot-offset:5.2rem;
    height:55.2rem;
    margin-left:-0.5rem;
  }
  .direction .main-decorative--4{
    --knot:url(../svg/layout/ropes/rope-4-md-knot.svg);
    --left-knot-offset:5.3rem;
    height:62.2rem;
    margin-left:-0.3rem;
  }
  .direction .main-decorative--5{
    --knot:url(../svg/layout/ropes/rope-5-md-knot.svg);
    --left-knot-offset:5.4rem;
    height:62.2rem;
    margin-left:-0.1rem;
  }
  .direction .main-decorative--6{
    --knot:url(../svg/layout/ropes/rope-6-md-knot.svg);
    --left-knot-offset:5.5rem;
    height:62.2rem;
    margin-left:0.1rem;
  }
  .direction .main-decorative--7{
    --knot:url(../svg/layout/ropes/rope-7-md-knot.svg);
    --left-knot-offset:5.6rem;
    height:62.2rem;
    margin-left:0.3rem;
  }
  .direction .main-decorative--8{
    --knot:url(../svg/layout/ropes/rope-8-md-knot.svg);
    --left-knot-offset:5.7rem;
    height:62.2rem;
    margin-left:0.5rem;
  }
  .direction .light-decoration{
    position:relative;
  }
  .direction .light-decoration::before{
    display:none;
  }
  .direction .light-decoration--2{
    --rope:url(../img/layout/ropes/rope-2-2-md-120w.png);
    top:-0.2rem;
    height:60.6rem;
  }
  [data-theme=dark] .direction .main-decorative{
    width:6rem;
    margin-top:1.1rem !important;
    background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.9) 100%), var(--trace);
    background-position:0% 120%, center top;
    background-size:100% 20%, 6rem;
    transform:none !important;
  }
  [data-theme=dark] .direction .main-decorative--2{
    height:52.5rem;
  }
  [data-theme=dark] .direction .main-decorative::before{
    display:none;
  }
  .direction__title{
    min-height:5.6rem;
    max-height:5.6rem;
    font-size:1.8rem;
    line-height:2.8rem;
    white-space:nowrap;
  }
  .product-page .header{
    padding-bottom:2.8rem;
  }
  .product-page .main{
    padding-top:7rem;
    padding-bottom:15rem;
    padding-left:12.8rem;
  }
  .product-page .main::before{
    left:5rem;
    z-index:2;
    width:1.6rem;
    background-size:contain;
  }
  .product-page .main::after{
    left:4.6rem;
    z-index:3;
    height:4.6rem;
    background-image:var(--brush-knot-md);
  }
  [data-theme=dark] .product-page .main::before{
    content:"";
    position:absolute;
    top:-10.3rem;
    left:2.8rem;
    z-index:1;
    width:6rem;
    height:100%;
    max-height:100rem;
    background-image:url(../img/layout/traces/product-main-line-120w.png);
    background-repeat:no-repeat;
    background-size:6rem;
    background-color:var(--color-black);
  }
  [data-theme=dark] .product-page .main::after{
    content:"";
    position:absolute;
    top:0;
    left:5.8rem;
    z-index:0;
    width:0.4rem;
    height:calc(100% - 2rem);
    background-color:var(--color-gray-800);
  }
  .product-info{
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:4rem;
  }
  .product-info .content{
    --common-gap:0;
    max-width:80rem;
    margin-top:-0.1rem;
    margin-right:12.8rem;
  }
  .product-info .content p{
    font-size:1.8rem;
    line-height:2.8rem;
  }
  .prod-serv .info-slider-wrapper{
    position:relative;
    padding-left:9rem;
    margin-left:-10rem;
    background-image:url(../svg/layout/ropes/gray-knot-3.svg);
    background-position:top 11.2rem left 0.9rem;
    background-repeat:no-repeat;
  }
  .prod-serv .info-slider-wrapper::before{
    content:"";
    position:absolute;
    top:11.2rem;
    left:0.8rem;
    z-index:2;
    display:block;
    width:100%;
    max-width:177.2rem;
    height:3.4rem;
    background-image:url(../svg/layout/ropes/gray-knot-topper-3.svg), url(../svg/layout/ropes/brush-knot-2.svg);
    background-position:center left, top 0.6rem right 0.2rem;
    background-repeat:no-repeat;
    background-size:initial;
    pointer-events:none;
  }
  .prod-serv .info-slider-wrapper::after{
    content:"";
    position:absolute;
    top:12.3rem;
    left:3.7rem;
    width:calc(100% - 4rem);
    max-width:171rem;
    height:1.5rem;
    background-image:url(../svg/layout/ropes/rope-segment-bg-2.svg);
    background-position:top 0 left 0.3rem;
    background-repeat:repeat-x;
    opacity:1;
  }
  .prod-serv .info-slider{
    z-index:unset;
    width:calc(100% - 4rem);
    height:26.4rem;
    margin:unset;
  }
  .prod-serv .info-slider--tall{
    height:30.4rem;
  }
  .prod-serv .swiper-wrapper::after{
    content:"";
    position:absolute;
    top:12.3rem;
    left:-1.3rem;
    width:calc(100% - 7rem);
    height:1.5rem;
    background-image:url(../svg/layout/ropes/rope-segment-bg-2.svg);
    background-position:top 0 left 0.3rem;
    background-repeat:repeat-x;
    opacity:1;
  }
  .prod-serv .swiper-slide{
    display:flex;
    flex-direction:column;
    width:28rem;
    padding-right:7rem;
    padding-left:1rem;
    background-image:url(../svg/layout/ropes/gray-knot-6.svg);
    background-position:top 11.2rem left 0.4rem;
    background-repeat:no-repeat;
    background-size:initial;
    transform:unset;
  }
  .prod-serv .swiper-slide .prod-serv__link{
    display:flex;
    align-items:flex-end;
    min-height:8.4rem;
    height:auto;
    margin-bottom:auto;
  }
  .prod-serv .swiper-slide:last-child{
    width:20rem;
    padding-right:0;
  }
  .prod-serv .swiper-slide:nth-child(even) .prod-serv__link{
    align-items:flex-start;
    margin-top:auto;
    margin-bottom:unset;
  }
  .prod-serv .swiper-slide::before{
    content:"";
    position:absolute;
    top:10.6rem;
    left:2.1rem;
    z-index:1;
    width:3.6rem;
    height:4.7rem;
    background-image:url(../svg/layout/ropes/gray-knot-topper-6.svg);
    background-position:center left;
    background-repeat:no-repeat;
    background-size:initial;
  }
  [data-theme=dark] .prod-serv .info-slider-wrapper{
    background-image:none;
  }
  [data-theme=dark] .prod-serv .info-slider-wrapper::before{
    top:7.7rem;
    left:0;
    width:calc(100% + 2rem);
    max-width:178.1rem;
    height:11rem;
    background:initial;
    background-image:url(../img/layout/traces/product-trace-3562w.png);
    background-repeat:no-repeat;
    background-size:178.1rem;
    pointer-events:none;
  }
  [data-theme=dark] .prod-serv .info-slider-wrapper::after{
    display:none;
  }
  [data-theme=dark] .prod-serv .swiper-wrapper::after{
    display:none;
  }
  [data-theme=dark] .prod-serv .swiper-slide{
    background-image:none;
  }
  [data-theme=dark] .prod-serv .swiper-slide::before{
    top:11.4rem;
    left:-3.8rem;
    width:12rem;
    height:5rem;
    background-image:url(../svg/layout/traces/product-points-1.svg);
    background-position:top left;
  }
  [data-theme=dark] .prod-serv .swiper-slide:first-child::before{
    left:1rem;
    width:6.9rem;
    background-position:top right;
  }
  .prod-serv__link{
    font-size:2.4rem;
    line-height:2.8rem;
    font-weight:700;
    text-transform:uppercase;
  }
  .prod-serv__link::before{
    display:none;
  }
  .our-adv .info-slider-wrapper{
    position:relative;
    padding-left:7rem;
    margin-left:-10rem;
    background-image:url(../svg/layout/ropes/gray-knot-3.svg);
    background-position:top 1.8rem left 1rem;
    background-repeat:no-repeat;
  }
  .our-adv .info-slider-wrapper::before{
    content:"";
    position:absolute;
    top:1.9rem;
    left:1rem;
    z-index:2;
    display:block;
    width:100%;
    max-width:177.2rem;
    height:3.4rem;
    background-image:url(../svg/layout/ropes/gray-knot-topper-3.svg), url(../svg/layout/ropes/brush-knot-vartical.svg);
    background-position:center left, top 0.8rem right 0.1rem;
    background-repeat:no-repeat;
    background-size:initial;
    pointer-events:none;
  }
  .our-adv .info-slider-wrapper::after{
    content:"";
    position:absolute;
    top:3rem;
    left:3.7rem;
    width:calc(100% - 4rem);
    max-width:172rem;
    height:1.5rem;
    background-image:url(../svg/layout/ropes/rope-segment-bg-md.svg);
    background-position:top 0 left 0.3rem;
    background-repeat:repeat-x;
    opacity:1;
  }
  .our-adv .info-slider{
    width:calc(100% - 6rem);
  }
  .our-adv .swiper-wrapper::after{
    content:"";
    position:absolute;
    top:3rem;
    left:0.3rem;
    width:calc(100% - 4rem);
    max-width:166rem;
    height:1.5rem;
    background-image:url(../svg/layout/ropes/rope-segment-bg-md.svg);
    background-position:top 0 left 0.3rem;
    background-repeat:repeat-x;
    opacity:1;
  }
  .our-adv .swiper-slide{
    width:33rem;
    padding-top:11.4rem;
    padding-right:4.4rem;
    padding-left:5.1rem;
    background-image:url(../svg/layout/ropes/gray-knot-4.svg);
    background-position:top 1.8rem left 0.2rem;
    background-repeat:no-repeat;
    transform:unset;
  }
  .our-adv .swiper-slide::before{
    content:"";
    position:absolute;
    top:2.2rem;
    left:1rem;
    z-index:2;
    width:2.3rem;
    height:2.3rem;
    margin-left:-0.7rem;
    background-image:url(../svg/layout/ropes/gray-knot-topper-4.svg);
    background-position:center;
  }
  .our-adv .swiper-slide::after{
    content:"";
    position:absolute;
    top:4rem;
    left:1rem;
    width:2rem;
    height:calc(100% - 5rem);
    background-image:url(../svg/layout/ropes/rope-vertical-segment-bg-3.svg);
    background-position:top left 0.3rem;
    background-repeat:repeat-y;
  }
  [data-theme=dark] .our-adv .info-slider-wrapper{
    background-image:none;
  }
  [data-theme=dark] .our-adv .info-slider-wrapper::before{
    top:-1.9rem;
    left:0;
    width:calc(100% + 2rem);
    max-width:178.1rem;
    height:11rem;
    background:initial;
    background-image:url(../img/layout/traces/product-trace-3562w.png);
    background-repeat:no-repeat;
    background-size:178.1rem;
  }
  [data-theme=dark] .our-adv .info-slider-wrapper::after{
    display:none;
  }
  [data-theme=dark] .our-adv .swiper-wrapper::after{
    display:none;
  }
  [data-theme=dark] .our-adv .swiper-slide{
    background-image:none;
  }
  [data-theme=dark] .our-adv .swiper-slide::before{
    top:4rem;
    left:2.4rem;
    z-index:-1;
    width:0.2rem;
    height:calc(100% - 4rem);
    background-image:none;
    background-color:#424242;
  }
  [data-theme=dark] .our-adv .swiper-slide::after{
    top:1.6rem;
    left:-0.1rem;
    width:3.2rem;
    height:100%;
    background-image:url(../img/layout/traces/advantage-vertical-trace-64w.png);
    background-repeat:no-repeat;
    background-size:contain;
  }
  [data-theme=dark] .our-adv li::before{
    top:-0.9rem;
    left:-5.4rem;
    background-image:url(../svg/layout/traces/ul-point.svg);
  }
  [data-theme=dark] .our-adv li:last-child::after{
    background-color:var(--color-black);
  }
  .our-adv__title{
    display:flex;
    align-items:flex-end;
    min-height:8.4rem;
    font-size:2.2rem;
    line-height:2.8rem;
  }
  .our-adv__list{
    font-size:1.8rem;
    line-height:2.8rem;
  }
  .our-adv__list li{
    position:relative;
  }
  .our-adv__list li::before{
    content:"";
    position:absolute;
    top:0.5rem;
    left:-4.2rem;
    z-index:2;
    width:3rem;
    height:3rem;
    background-image:url(../svg/layout/ropes/decorative-item-knot-2.svg);
    background-repeat:no-repeat;
  }
  .our-adv__list li:last-child::after{
    content:"";
    position:absolute;
    top:1.5rem;
    left:-4.2rem;
    z-index:1;
    width:3rem;
    height:100%;
    background-color:var(--color-white);
    transition:background-color var(--transition-long-cubic);
  }
}
@media (max-width: 959.98px){
  .direction .main-decorative--1{
    background-image:url(../svg/layout/ropes/direction-rope-1.svg);
  }
  .direction .main-decorative--2{
    background-image:url(../svg/layout/ropes/direction-rope-2.svg);
  }
  .direction .main-decorative--3{
    background-image:url(../svg/layout/ropes/direction-rope-3.svg);
  }
  .direction .main-decorative--4{
    background-image:url(../svg/layout/ropes/direction-rope-4.svg);
  }
  .direction .main-decorative--5{
    background-image:url(../svg/layout/ropes/direction-rope-5.svg);
  }
  .direction .main-decorative--6{
    background-image:url(../svg/layout/ropes/direction-rope-6.svg);
  }
  .direction .main-decorative--7{
    background-image:url(../svg/layout/ropes/direction-rope-7.svg);
  }
  .direction .main-decorative--8{
    background-image:url(../svg/layout/ropes/direction-rope-8.svg);
  }
  .info-slider{
    overflow:unset;
  }
  .info-slider .swiper-wrapper{
    display:flex;
    flex-direction:column;
    gap:2.2rem;
    transform:initial !important;
  }
  .info-slider .swiper-slide{
    display:flex;
  }
  .our-adv .swiper-wrapper{
    gap:6rem;
  }
  .our-adv .swiper-slide:first-child .our-adv__title{
    margin-bottom:1.6rem;
  }
  .our-adv .swiper-slide:first-child .our-adv__list{
    gap:1.6rem;
  }
  .our-adv__title::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:-4.5rem;
    width:2.6rem;
    height:2.6rem;
    margin:auto 0;
    background-image:var(--list-knot);
    background-repeat:no-repeat;
  }
  [data-theme=dark] .our-adv__title::before{
    left:-5.6rem;
    width:4.8rem;
    height:4.8rem;
    background-image:url(../svg/layout/traces/ul-point.svg);
    background-size:contain;
  }
  .our-adv__list li::before{
    content:"";
    position:absolute;
    top:0.4rem;
    left:-4.2rem;
    width:2.6rem;
    height:2.6rem;
    background-image:var(--list-knot-small);
    background-repeat:no-repeat;
  }
  [data-theme=dark] .our-adv__list li::before{
    top:-0.6rem;
    left:-5.1rem;
    width:3.8rem;
    height:3.8rem;
    background-image:url(../svg/layout/traces/ul-point.svg);
    background-size:contain;
  }
}