.elementor-125 .elementor-element.elementor-element-939c132{--display:flex;--min-height:110vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:-140px;--margin-left:0px;--margin-right:0px;--padding-top:136px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-125 .elementor-element.elementor-element-939c132:not(.elementor-motion-effects-element-type-background), .elementor-125 .elementor-element.elementor-element-939c132 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0E1114 0%, #0F2A23 100%);}.elementor-125 .elementor-element.elementor-element-939c132::before, .elementor-125 .elementor-element.elementor-element-939c132 > .elementor-background-video-container::before, .elementor-125 .elementor-element.elementor-element-939c132 > .e-con-inner > .elementor-background-video-container::before, .elementor-125 .elementor-element.elementor-element-939c132 > .elementor-background-slideshow::before, .elementor-125 .elementor-element.elementor-element-939c132 > .e-con-inner > .elementor-background-slideshow::before, .elementor-125 .elementor-element.elementor-element-939c132 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://sellity.ee/wp-content/uploads/2026/02/sellity_test_hero_bg.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-125 .elementor-element.elementor-element-d879781{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-125 .elementor-element.elementor-element-9fa8754{width:var( --container-widget-width, 564px );max-width:564px;--container-widget-width:564px;--container-widget-flex-grow:0;text-align:center;}.elementor-125 .elementor-element.elementor-element-9fa8754 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:64px;font-weight:500;line-height:1.1em;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-125 .elementor-element.elementor-element-c54b020{width:var( --container-widget-width, 564px );max-width:564px;--container-widget-width:564px;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-secondary );}.elementor-125 .elementor-element.elementor-element-c54b020 p{margin-block-end:0px;}.elementor-125 .elementor-element.elementor-element-da98e48{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:44px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-125 .elementor-element.elementor-element-672ece7{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-125 .elementor-element.elementor-element-672ece7:not(.elementor-motion-effects-element-type-background), .elementor-125 .elementor-element.elementor-element-672ece7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-50775e8 );}.elementor-125 .elementor-element.elementor-element-36d0215{--display:flex;}.elementor-125 .elementor-element.elementor-element-36d0215:not(.elementor-motion-effects-element-type-background), .elementor-125 .elementor-element.elementor-element-36d0215 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sellity.ee/wp-content/uploads/2026/03/hero-sellity-pic1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-125 .elementor-element.elementor-element-058ab47{--display:flex;}.elementor-125 .elementor-element.elementor-element-058ab47:not(.elementor-motion-effects-element-type-background), .elementor-125 .elementor-element.elementor-element-058ab47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sellity.ee/wp-content/uploads/2026/03/hero-sellity-pic3.jpg");background-position:center center;background-repeat:no-repeat;background-size:101% auto;}.elementor-125 .elementor-element.elementor-element-0f7cf53{--display:flex;}.elementor-125 .elementor-element.elementor-element-0f7cf53:not(.elementor-motion-effects-element-type-background), .elementor-125 .elementor-element.elementor-element-0f7cf53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sellity.ee/wp-content/uploads/2026/03/hero-sellity-pic5.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-125 .elementor-element.elementor-element-1b263ff{--display:flex;}.elementor-125 .elementor-element.elementor-element-1b263ff:not(.elementor-motion-effects-element-type-background), .elementor-125 .elementor-element.elementor-element-1b263ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sellity.ee/wp-content/uploads/2026/03/hero-sellity-pic2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-125 .elementor-element.elementor-element-6a32c21{--display:flex;}.elementor-125 .elementor-element.elementor-element-6a32c21:not(.elementor-motion-effects-element-type-background), .elementor-125 .elementor-element.elementor-element-6a32c21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sellity.ee/wp-content/uploads/2026/03/hero-sellity-pic4.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-125 .elementor-element.elementor-element-602f123{--display:flex;}.elementor-125 .elementor-element.elementor-element-602f123:not(.elementor-motion-effects-element-type-background), .elementor-125 .elementor-element.elementor-element-602f123 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sellity.ee/wp-content/uploads/2026/03/hero-sellity-pic6.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-125 .elementor-element.elementor-element-ba32532{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-6em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-125 .elementor-element.elementor-element-aaf1af7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:24px 24px;--row-gap:24px;--column-gap:24px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6E2DD;--border-color:#E6E2DD;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:24px;--padding-right:24px;}.elementor-125 .elementor-element.elementor-element-aaf1af7:not(.elementor-motion-effects-element-type-background), .elementor-125 .elementor-element.elementor-element-aaf1af7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-125 .elementor-element.elementor-element-df7db9d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-125 .elementor-element.elementor-element-efea578 .elementor-icon-wrapper{text-align:center;}.elementor-125 .elementor-element.elementor-element-efea578 .elementor-icon{font-size:22px;}.elementor-125 .elementor-element.elementor-element-efea578 .elementor-icon svg{height:22px;}.elementor-125 .elementor-element.elementor-element-579aafb .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;line-height:1em;}.elementor-125 .elementor-element.elementor-element-922ba24{width:var( --container-widget-width, 1% );max-width:1%;--container-widget-width:1%;--container-widget-flex-grow:0;}.elementor-125 .elementor-element.elementor-element-c8aac9c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-125 .elementor-element.elementor-element-f638fe7{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:400;line-height:1.6em;color:#1B1C1ACC;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-125 .elementor-element.elementor-element-87b3f0b .elementor-button{background-color:var( --e-global-color-text );font-family:"Manrope", Sans-serif;font-size:14px;font-weight:500;line-height:1em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:12px 12px 12px 12px;padding:14px 16px 14px 16px;}.elementor-125 .elementor-element.elementor-element-87b3f0b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-125 .elementor-element.elementor-element-87b3f0b .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}body:not(.rtl) .elementor-125 .elementor-element.elementor-element-ddae176{left:0px;}body.rtl .elementor-125 .elementor-element.elementor-element-ddae176{right:0px;}.elementor-125 .elementor-element.elementor-element-ddae176{top:0px;}.elementor-125 .elementor-element.elementor-element-baedb8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-125 .elementor-element.elementor-element-0986067{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-125 .elementor-element.elementor-element-75c4f42{--display:flex;}.elementor-125 .elementor-element.elementor-element-9da3ec8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-125 .elementor-element.elementor-element-7273693{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-125 .elementor-element.elementor-element-d258f00{--display:flex;}.elementor-125 .elementor-element.elementor-element-a4e7e8f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-125 .elementor-element.elementor-element-5a8315e{--display:flex;}.elementor-125 .elementor-element.elementor-element-795dfe0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-125 .elementor-element.elementor-element-c54b020{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-125 .elementor-element.elementor-element-672ece7{--grid-auto-flow:row;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-125 .elementor-element.elementor-element-939c132{--width:100%;}.elementor-125 .elementor-element.elementor-element-da98e48{--content-width:760px;}.elementor-125 .elementor-element.elementor-element-aaf1af7{--width:564px;}}@media(min-width:1025px){.elementor-125 .elementor-element.elementor-element-939c132::before, .elementor-125 .elementor-element.elementor-element-939c132 > .elementor-background-video-container::before, .elementor-125 .elementor-element.elementor-element-939c132 > .e-con-inner > .elementor-background-video-container::before, .elementor-125 .elementor-element.elementor-element-939c132 > .elementor-background-slideshow::before, .elementor-125 .elementor-element.elementor-element-939c132 > .e-con-inner > .elementor-background-slideshow::before, .elementor-125 .elementor-element.elementor-element-939c132 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}.elementor-125 .elementor-element.elementor-element-36d0215:not(.elementor-motion-effects-element-type-background), .elementor-125 .elementor-element.elementor-element-36d0215 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-125 .elementor-element.elementor-element-058ab47:not(.elementor-motion-effects-element-type-background), .elementor-125 .elementor-element.elementor-element-058ab47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-125 .elementor-element.elementor-element-0f7cf53:not(.elementor-motion-effects-element-type-background), .elementor-125 .elementor-element.elementor-element-0f7cf53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-125 .elementor-element.elementor-element-1b263ff:not(.elementor-motion-effects-element-type-background), .elementor-125 .elementor-element.elementor-element-1b263ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-125 .elementor-element.elementor-element-6a32c21:not(.elementor-motion-effects-element-type-background), .elementor-125 .elementor-element.elementor-element-6a32c21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-125 .elementor-element.elementor-element-602f123:not(.elementor-motion-effects-element-type-background), .elementor-125 .elementor-element.elementor-element-602f123 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-125 .elementor-element.elementor-element-939c132{--padding-top:140px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-125 .elementor-element.elementor-element-9fa8754 .elementor-heading-title{font-size:40px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-125 .elementor-element.elementor-element-c54b020{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-125 .elementor-element.elementor-element-672ece7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-125 .elementor-element.elementor-element-ba32532{--content-width:94%;--margin-top:-32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-125 .elementor-element.elementor-element-df7db9d{--flex-wrap:nowrap;}.elementor-125 .elementor-element.elementor-element-efea578 .elementor-icon{font-size:28px;}.elementor-125 .elementor-element.elementor-element-efea578 .elementor-icon svg{height:28px;}.elementor-125 .elementor-element.elementor-element-579aafb{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-125 .elementor-element.elementor-element-c8aac9c{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-125 .elementor-element.elementor-element-f638fe7{line-height:1em;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-125 .elementor-element.elementor-element-87b3f0b.elementor-element{--align-self:flex-end;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}body:not(.rtl) .elementor-125 .elementor-element.elementor-element-ddae176{left:16px;}body.rtl .elementor-125 .elementor-element.elementor-element-ddae176{right:16px;}.elementor-125 .elementor-element.elementor-element-ddae176{top:32px;}.elementor-125 .elementor-element.elementor-element-ddae176 img{width:105px;}.elementor-125 .elementor-element.elementor-element-baedb8a{--margin-top:0px;--margin-bottom:-40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for heading, class: .elementor-element-9fa8754 */.elementor-125 .elementor-element.elementor-element-9fa8754 .h1-accent{
    color: #1F7A5C;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-672ece7 */.elementor-125 .elementor-element.elementor-element-672ece7{
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 760/394 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-efea578 */.hero-icon .elementor-icon{
  display: flex;
  align-items: center;
  line-height: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-87b3f0b */.elementor-button-icon{
    transition: transform .2s;
}
.hero-cta-btn:hover .elementor-button-icon{
    transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-939c132 */.elementor-125 .elementor-element.elementor-element-939c132{
  position: relative;
  overflow: hidden;

  /* РУЧКИ (меняешь числа и сразу видишь результат) */
  --clip-left: 92%;   /* нижний левый угол */
  --clip-right: 92%;  /* нижний правый угол */
  --clip-knee: 46%;   /* “центр/перелом” по X, держим близко к центру */
  --clip-knee-y: 100%; /* высота в центре */

  -webkit-clip-path: polygon(
    0 0,
    100% 0,
    100% var(--clip-right),
    var(--clip-knee) var(--clip-knee-y),
    0 var(--clip-left)
  );
  clip-path: polygon(
    0 0,
    100% 0,
    100% var(--clip-right),
    var(--clip-knee) var(--clip-knee-y),
    0 var(--clip-left)
  );
}

@media (min-width: 1441px){
    .elementor-125 .elementor-element.elementor-element-939c132{
    --clip-left: 88%;   /* нижний левый угол */
  --clip-right: 88%;  /* нижний правый угол */
  --clip-knee: 46%;   /* “центр/перелом” по X, держим близко к центру */
  --clip-knee-y: 100%; /* высота в центре */
    }
}

@media (max-width: 767px){
    .elementor-125 .elementor-element.elementor-element-939c132{
    --clip-left: 96%;   /* нижний левый угол */
  --clip-right: 96%;  /* нижний правый угол */
  --clip-knee: 46%;   /* “центр/перелом” по X, держим близко к центру */
  --clip-knee-y: 100%; /* высота в центре */
    }
}

.elementor-125 .elementor-element.elementor-element-939c132::before{
    background-size: 100% !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef65815 */.marquee-stage{
  --bg: #f5f3ee;
  height: 300px;
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
}

/* Полоски */
.stripe{
  position: absolute;
  left: -3%;
  width: 104%;
  height: 62px;
  overflow: hidden; /* важно */
  transform-origin: center;
}

.stripe--top{ top:110px; transform: rotate(-8deg) rotateX(6deg); }
.stripe--bottom{ top:118px; transform: rotate(8deg) rotateX(6deg); }

.stripe--dark{ background: #121615; }
.stripe--gold{ background: #c7822a; }

/* VIEWPORT = видимая область полоски. Тут делаем fade по краям */
.marquee__viewport{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;

  --fade: 200px;

  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 var(--fade),
    #000 calc(100% - var(--fade)),
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 var(--fade),
    #000 calc(100% - var(--fade)),
    transparent 100%
  );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/* Движущийся трек */
.marquee__track{
  display: flex;
  width: max-content;
  will-change: transform;

  animation-name: marquee;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  /* duration задаём инлайном на каждом треке */
}

.marquee__track--reverse{
  animation-direction: reverse;
}

/* Контент */
.marquee__content{
  display: inline-flex;
  align-items: center;
  gap: 28px;
  padding-right: 28px;
  white-space: nowrap;

  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 1;
  color: rgba(255,255,255,.92);
}

.sep{ opacity: .9; transform: translateY(-1px); }

@keyframes marquee{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce){
  .marquee__track{ animation: none !important; transform: translateX(0); }
}


/* Сцена создаёт перспективу */
.marquee-stage{
  perspective: 900px;
}

.marquee__content{
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
}

.stripe--gold .marquee__content{
  text-shadow: 0 1px 0 rgba(0,0,0,.18);
}


@media (max-width: 767px){
    .marquee-stage{
  height: 240px;
}
.stripe{
  height: 44px;
  left: -2%;
}
.stripe--top{ top:118px; transform: rotate(-10deg) rotateX(6deg); }
.stripe--bottom{ top:118px; transform: rotate(10deg) rotateX(6deg); }
.marquee__content{
  font-weight: 500;
  font-size: 22px;
  gap: 20px;
}
.marquee__viewport{
  --fade: 80px;
}
}/* End custom CSS */