@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/raleway-v28-latin-100.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-100.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-100.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-100.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-100.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-100.svg#Raleway') format('svg');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/raleway-v28-latin-200.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-200.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-200.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-200.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-200.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-200.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin-300.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-300.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-300.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-300.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-300.svg#Raleway') format('svg');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'),
       url('../fonts/raleway-v28-latin-500.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-500.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-500.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v28-latin-600.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-600.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-600.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-600.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-700.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-700.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-700.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/raleway-v28-latin-800.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-800.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-800.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-800.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-800.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/raleway-v28-latin-900.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-900.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-900.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-900.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-900.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-900.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/raleway-v28-latin-100italic.eot');
  src: local(''),
       url('../fonts/raleway-v28-latin-100italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-100italic.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-100italic.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-100italic.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-100italic.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/raleway-v28-latin-200italic.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-200italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-200italic.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-200italic.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-200italic.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-200italic.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin-300italic.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-300italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/raleway-v28-latin-300italic.woff2') format('woff2'),
       url('../fonts/raleway-v28-latin-300italic.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-300italic.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-300italic.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-italic.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-italic.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-italic.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-italic.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-italic.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500italic.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-500italic.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-500italic.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-500italic.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-500italic.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/raleway-v28-latin-600italic.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-600italic.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-600italic.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-600italic.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-600italic.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700italic.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-700italic.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-700italic.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-700italic.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-700italic.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/raleway-v28-latin-800italic.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-800italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-800italic.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-800italic.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-800italic.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-800italic.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/raleway-v28-latin-900italic.eot'); 
  src: local(''),
       url('../fonts/raleway-v28-latin-900italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/raleway-v28-latin-900italic.woff2') format('woff2'), 
       url('../fonts/raleway-v28-latin-900italic.woff') format('woff'), 
       url('../fonts/raleway-v28-latin-900italic.ttf') format('truetype'), 
       url('../fonts/raleway-v28-latin-900italic.svg#Raleway') format('svg'); 
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/montserrat-v25-latin-100.eot'); 
  src: local(''),
       url('../fonts/montserrat-v25-latin-100.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-100.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-100.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-100.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-100.svg#Montserrat') format('svg');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/montserrat-v25-latin-200.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-200.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-200.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-200.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-200.ttf') format('truetype'), 
       url('../fonts/montserrat-v25-latin-200.svg#Montserrat') format('svg'); 
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v25-latin-300.eot'); 
  src: local(''),
       url('../fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-300.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-300.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-300.ttf') format('truetype'), 
       url('../fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); 
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-regular.eot'); 
  src: local(''),
       url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), 
       url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v25-latin-500.eot'); 
  src: local(''),
       url('../fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-500.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-500.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-500.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); 
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v25-latin-600.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-600.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-600.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-600.ttf') format('truetype'), 
       url('../fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); 
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v25-latin-700.eot'); 
  src: local(''),
       url('../fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-700.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-700.ttf') format('truetype'), 
       url('../fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v25-latin-800.eot'); 
  src: local(''),
       url('../fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-800.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-800.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-800.ttf') format('truetype'), 
       url('../fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v25-latin-900.eot'); 
  src: local(''),
       url('../fonts/montserrat-v25-latin-900.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-900.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-900.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-900.ttf') format('truetype'), 
       url('../fonts/montserrat-v25-latin-900.svg#Montserrat') format('svg'); 
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/montserrat-v25-latin-100italic.eot'); 
  src: local(''),
       url('../fonts/montserrat-v25-latin-100italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-100italic.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-100italic.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-100italic.ttf') format('truetype'), 
       url('../fonts/montserrat-v25-latin-100italic.svg#Montserrat') format('svg'); 
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/montserrat-v25-latin-200italic.eot'); 
  src: local(''),
       url('../fonts/montserrat-v25-latin-200italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-200italic.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-200italic.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-200italic.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-200italic.svg#Montserrat') format('svg');
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/montserrat-v25-latin-300italic.eot'); 
  src: local(''),
       url('../fonts/montserrat-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-300italic.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-300italic.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-300italic.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-300italic.svg#Montserrat') format('svg'); 
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-italic.eot'); 
  src: local(''),
       url('../fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-italic.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-italic.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-italic.ttf') format('truetype'), 
       url('../fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); 
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/montserrat-v25-latin-500italic.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-500italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-500italic.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-500italic.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-500italic.ttf') format('truetype'), 
       url('../fonts/montserrat-v25-latin-500italic.svg#Montserrat') format('svg'); 
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/montserrat-v25-latin-600italic.eot'); 
  src: local(''),
       url('../fonts/montserrat-v25-latin-600italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-600italic.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-600italic.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-600italic.ttf') format('truetype'), 
       url('../fonts/montserrat-v25-latin-600italic.svg#Montserrat') format('svg');
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat-v25-latin-700italic.eot'); 
  src: local(''),
       url('../fonts/montserrat-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-700italic.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-700italic.ttf') format('truetype'), 
       url('../fonts/montserrat-v25-latin-700italic.svg#Montserrat') format('svg'); 
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/montserrat-v25-latin-800italic.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-800italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-800italic.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-800italic.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-800italic.ttf') format('truetype'), 
       url('../fonts/montserrat-v25-latin-800italic.svg#Montserrat') format('svg'); 
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/montserrat-v25-latin-900italic.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-900italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/montserrat-v25-latin-900italic.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-latin-900italic.woff') format('woff'), 
       url('../fonts/montserrat-v25-latin-900italic.ttf') format('truetype'), 
       url('../fonts/montserrat-v25-latin-900italic.svg#Montserrat') format('svg'); 
}

 :root{
    --black:#0b0b0b;
    --paper:#f1eee7;
    --white:#fff;
    /*--acid:#d9ff38;*/
	--acid:#bf0027;
    --blue:#bf0027;
    --red:#bf0027;
    --muted:#77736d;
    --line:rgba(11,11,11,.16)
}
 *{
    box-sizing:border-box
}
html{
    scroll-behavior:smooth
}
body{
    margin:0;
    background:var(--paper);
    color:var(--black);
    font-family:Raleway,Arial,sans-serif;
    font-size:16px;
    overflow-x:hidden
}
body.lock{
    overflow:hidden
}
a{
    color:inherit;
    text-decoration:none
}
button{
    font:inherit;
    border:0;
    background:none;
    color:inherit;
    cursor:pointer
}
/*.cursor{
    position:fixed;
    left:0;
    top:0;
    width:12px;
    height:12px;
    border:1px solid #fff;
    border-radius:50%;
    pointer-events:none;
    z-index:9999;
    transform:translate(-50%,-50%);
    mix-blend-mode:difference;
    transition:width .25s,height .25s,background .25s
}
.cursor.is-big{
    width:62px;
    height:62px;
    background:#fff;
    border-color:#fff
}*/
.progress{
    position:fixed;
    left:0;
    top:0;
    width:0;
    height:4px;
    background:var(--acid);
    z-index:10000
}
.noise{
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:9000;
    opacity:.035;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")
}
 header{
    position:fixed;
    z-index:8000;
    top:18px;
    left:22px;
    right:22px;
	height:100px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#fff;
    /*mix-blend-mode:difference;*/
    padding:10px 12px;
    transition:top .45s ease,background .45s ease,color .45s ease,box-shadow .45s ease,transform .45s ease;

}
header.is-scrolled{
    top:10px;
    background:rgba(0,0,0,.9);
    color:#0b0b0b;
    mix-blend-mode:normal;
    border:1px solid rgba(255,255,255,.82);
}
header.is-scrolled .logo{
	opacity:0;
	transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
header .logo2{
	opacity:0;
	position:absolute;
/*	transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;*/
}
header.is-scrolled .logo2{
    max-height:80px;
	top:10px;
	opacity:1;
/*	transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;*/
}

header.is-scrolled nav a{
    border: 1px solid rgba(255,255,255,.5);
	color:#ffffff;
}
header.is-scrolled nav a:hover{
    background:#0b0b0b;
    color:#fff
}
header.is-scrolled .menu{
    border-color:#0b0b0b;
    color:#0b0b0b
}
header .logo{
    max-height:150px;
	position:absolute;
	top:15px;
	transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
header nav{
    display:flex;
    gap:6px
}
header nav a{
    font:600 10px Montserrat;
    letter-spacing:.14em;
    text-transform:uppercase;
    padding:10px 15px;
    border:1px solid rgba(255,255,255,.5);
    /*border-radius:99px*/
}

 @media(max-width:900px){
header nav a{background-color:#000000;}	 		 
 }

header nav a:hover{
    background:#fff;
    color:#111
}
header .menu{
    display:none;
    border:1px solid #fff;
    border-radius:50%;
    width:50px;
    height:50px;
    font:600 11px Montserrat
}
 .hero{
    min-height:100svh;
    background:#080808;
    color:#fff;
    position:relative;
    overflow:hidden
}
.hero-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:.52
}
.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.26) 62%,rgba(0,0,0,.58))
}
.hero-grid{
    position:relative;
    z-index:2;
    min-height:100svh;
    padding:150px 0vw 38px;
    display:grid;
    grid-template-columns:1.3fr .7fr;
    grid-template-rows:1fr auto;
    gap:30px
}
.hero-kicker{
    font:600 11px Montserrat;
    letter-spacing:.24em;
    text-transform:uppercase;
	padding-top: 40px;
}
.hero-title{
    align-self:end
}
.hero-title h1{
    font:800 clamp(72px,12.5vw,205px) Montserrat;
    line-height:.78;
    letter-spacing:-.085em;
    margin:0
}
.hero-title h1 .outline{
    color:transparent;
    -webkit-text-stroke:1.5px #fff
}
.hero-title h1 .acid{
    color:var(--acid)
}

 @media(max-width:430px){
.hero-title h1{font-size:70px} 		 
 }
 
 @media(max-width:400px){
.hero-title h1{font-size:60px} 		 
 }
 @media(max-width:350px){
.hero-title h1{font-size:55px} 		 
 }
 
.hero-aside{
    align-self:center;
    justify-self:end;
    width:min(360px,90%)
}
.hero-aside .mini{
    font:600 10px Montserrat;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:#aaa;
    margin-bottom:15px
}
.hero-aside p{
    font-size:19px;
    line-height:1.45;
    margin:0
}
.hero-bottom{
    grid-column:1/-1;
    display:flex;
    justify-content:space-between;
    align-items:end;
    border-top:1px solid rgba(255,255,255,.35);
    padding-top:15px;
    font:600 10px Montserrat;
    letter-spacing:.14em;
    text-transform:uppercase
}
.hero-bottom .scroll{
    display:flex;
    gap:12px;
    align-items:center
}
.dot{
    display:inline-block;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--acid)
}
 .ticker{
    background:var(--acid);
    overflow:hidden;
    white-space:nowrap;
    border-block:1px solid #111
}
.ticker-track{
    display:inline-flex;
    min-width:max-content;
    animation:ticker 28s linear infinite
}
.ticker span{
    font:800 21px Montserrat;
    letter-spacing:-.03em;
    padding:14px 24px
}
.ticker span::after{
    content:'✳';
    padding-left:24px
}
@keyframes ticker{
    to{
        transform:translateX(-50%)
    }
}
 section{
    padding:130px 5vw
}
.manifesto{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:8vw
}
.eyebrow{
    font:600 10px Montserrat;
    letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--muted);
	margin-bottom:20px;
}
.manifesto h2{
    font:800 clamp(55px,8.5vw,142px) Montserrat;
    line-height:.83;
    letter-spacing:-.075em;
    margin:0
}
.manifesto h2 em{
    font-family:Raleway;
    font-weight:400
}
.manifesto .sub{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7vw;
    margin-top:55px;
    padding-top:28px;
    border-top:1px solid var(--line)
}
.manifesto p{
    font-size:20px;
    line-height:1.55;
    margin:0
}
.manifesto p.small{
    font-size:15px;
    color:#5d5953
}
 .video-note{
    margin-top:105px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:3vw;
    align-items:stretch
}
.video-card{
    position:relative;
    background:#000;
    min-height:540px;
    overflow:hidden
}
.video-card video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    filter:saturate(.9)
}
.video-card:after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.7))
}
.video-caption{
    position:absolute;
    z-index:2;
    left:28px;
    right:28px;
    bottom:25px;
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:end
}
.video-caption strong{
    font:500 25px Montserrat;
    letter-spacing:-.05em
}
.video-caption span{
    font:600 9px Montserrat;
    letter-spacing:.14em;
    text-transform:uppercase
}
.video-copy{
    background:var(--blue);
    color:#fff;
    padding:50px;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.video-copy h3{
    font:800 clamp(42px,6vw,92px) Montserrat;
    line-height:.84;
    letter-spacing:-.07em;
    margin:0
}
.video-copy p{
    font-size:18px;
    line-height:1.55;
    max-width:480px
}
.video-copy .signature{
    font:600 10px Montserrat;
    letter-spacing:.15em;
    text-transform:uppercase;
    color:var(--acid)
}
 .services{
    background:var(--black);
    color:#fff;
    padding-bottom:80px
}
.services-top{
    display:flex;
    justify-content:space-between;
    align-items:end;
    margin-bottom:65px
}
.services-top h2{
    font:800 clamp(60px,9vw,150px) Montserrat;
    line-height:.77;
    letter-spacing:-.08em;
    margin:0
}
.services-top p{
    max-width:330px;
    color:#aaa;
    line-height:1.5
}

 @media(max-width:900px){
.services-top{
    display:block;
}	 
 }
 
.service-stage{
    display:grid;
    grid-template-columns:72px 1fr;
    min-height:620px;
    border-top:1px solid #404040
}
.service-index{
    padding-top:28px;
    font:600 10px Montserrat;
    letter-spacing:.15em;
    color:var(--acid)
}
.service-main{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:7vw;
    padding:45px 0 80px
}
.service-main h3{
    font:800 clamp(50px,7vw,115px) Montserrat;
    line-height:.8;
    letter-spacing:-.07em;
    margin:0
}
.service-main h3 span{
    color:var(--acid)
}
.service-main .copy{
    align-self:end
}
.service-main p{
    font-size:20px;
    line-height:1.5;
    color:#c7c7c7;
    max-width:520px
}
.tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:30px
}
.tags span{
    border:1px solid #555;
    border-radius:99px;
    padding:8px 11px;
    font:600 9px Montserrat;
    letter-spacing:.1em;
    text-transform:uppercase
}
.service-next{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:1px solid #333;
    padding-top:22px;
    color:#aaa;
    font:600 10px Montserrat;
    letter-spacing:.15em;
    text-transform:uppercase
}
 .work{
    padding-bottom:60px
}
.work-intro{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:8vw;
    margin-bottom:65px
}
.work-intro h2{
    font:800 clamp(58px,8.8vw,150px) Montserrat;
    line-height:.78;
    letter-spacing:-.08em;
    margin:0
}
.work-intro h2 span{
    color:var(--blue)
}
.work-intro p{
    max-width:500px;
    line-height:1.6;
    margin-top:35px
}
.work-controls{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    margin-bottom:24px
}
.carousel-count{
    font:600 9px Montserrat;
    letter-spacing:.15em;
    text-transform:uppercase;
    color:#777
}
.carousel-nav{
    display:flex;
    gap:8px
}
.carousel-btn{
    width:48px;
    height:48px;
    border:1px solid rgba(11,11,11,.28);
    border-radius:50%;
    display:grid;
    place-items:center;
    font:600 18px Montserrat;
    transition:background .25s ease,color .25s ease,transform .25s ease,border-color .25s ease
}
.carousel-btn:hover{
    background:var(--blue);
    border-color:var(--blue);
    color:#fff;
    transform:translateY(-2px)
}
.carousel-btn:disabled{
    opacity:.25;
    cursor:not-allowed;
    transform:none
}
.rail{
    display:flex;
    gap:18px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding:0 0 18px;
    cursor:grab;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
    scroll-behavior:smooth;
    touch-action:pan-x
}
.rail.is-dragging{
    cursor:grabbing;
    scroll-behavior:auto
}
.rail:focus-visible{
    outline:2px solid var(--blue);
    outline-offset:6px
}
.rail::-webkit-scrollbar{
    display:none
}
.card{
    flex:0 0 min(31vw,430px);
    height:min(48vh,455px);
    min-height:340px;
    position:relative;
    overflow:hidden;
    scroll-snap-align:start;
    background:#ccc
}
.card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .8s cubic-bezier(.2,.7,.2,1)
}
.card:hover img{
    transform:scale(1.045)
}
.card:after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.86))
}
.card-info{
    position:absolute;
    z-index:2;
    left:22px;
    right:22px;
    bottom:20px;
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:15px
}
.card-info h3{
    font:800 clamp(22px,2.2vw,34px) Montserrat;
    line-height:.9;
    letter-spacing:-.05em;
    margin:0
}
.card-info div:last-child{
    text-align:right;
    font:600 8px Montserrat;
    letter-spacing:.13em;
    text-transform:uppercase;
    line-height:1.6
}
.rail-help{
    display:flex;
    justify-content:space-between;
    margin-top:12px;
    font:600 9px Montserrat;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#777
}
.rail-help span:first-child{
    color:var(--blue)
}
 .sport{
    background:var(--red);
    color:#fff;
    position:relative;
    overflow:hidden
}
.sport:before{
    content:'SPORT';
    position:absolute;
    right:-3vw;
    top:-9vw;
    font:800 31vw Montserrat;
    line-height:.8;
    color:rgba(255,255,255,.09);
    letter-spacing:-.1em
}
.sport-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9vw;
    align-items:end
}
.sport h2{
    font:800 clamp(60px,9vw,150px) Montserrat;
    line-height:.78;
    letter-spacing:-.08em;
    margin:0
}
.sport h2 span{
    color:#000000;
}
.sport p{
    font-size:18px;
    line-height:1.3;
    max-width:590px
}
.sport .chips{
    margin-top:35px;
    display:flex;
    flex-wrap:wrap;
    gap:8px
}
.sport .chips span{
    border:1px solid rgba(255,255,255,.5);
    padding:10px 13px;
    border-radius:99px;
    font:600 9px Montserrat;
    letter-spacing:.1em;
    text-transform:uppercase
}
.sport-mark{
    margin-top:90px;
    border-top:1px solid rgba(255,255,255,.35);
    padding-top:18px;
    display:flex;
    justify-content:space-between;
    font:600 9px Montserrat;
    letter-spacing:.14em;
    text-transform:uppercase
}
 .about{
    background:var(--paper)
}
.about-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9vw
}
.about h2{
    font:800 clamp(60px,8.5vw,145px) Montserrat;
    line-height:.78;
    letter-spacing:-.08em;
    margin:20px 0 0
}
.about h2 span{
    color:var(--blue)
}
.about-copy p{
    font-size:16px;
    line-height:1.65;
    margin:0 0 24px
}
.facts{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--line);
    margin-top:95px
}
.fact{
    padding:24px 18px 10px 10px;
    border-right:1px solid var(--line);
}
.fact strong{
    font:800 clamp(42px,5vw,78px) Montserrat;
    letter-spacing:-.07em;
    display:block
}
.fact span{
    font:600 9px Montserrat;
    letter-spacing:.15em;
    text-transform:uppercase;
    color:#777
}
 .clients{
    padding-top:85px
}
.clients h2{
    font:800 clamp(48px,7vw,115px) Montserrat;
    line-height:.8;
    letter-spacing:-.07em;
    margin:25px 0 55px
}
.logos{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    border-top:1px solid var(--line);
    border-left:1px solid var(--line)
}
.logo{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    transition:.3s
}
 .contact{
    background:var(--black);
    color:#fff;
    min-height:88vh;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.contact h2{
    font:800 clamp(65px,11vw,185px) Montserrat;
    line-height:.76;
    letter-spacing:-.085em;
    margin:0
}
.contact h2 .acid{
    color:var(--acid)
}
.contact-bottom{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5vw;
    align-items:end;
    border-top:1px solid #444;
    padding-top:25px
}
.contact-bottom p{
    color:#aaa;
    max-width:520px;
    line-height:1.6
}
.contact-link{
    font:800 clamp(25px,3vw,48px) Montserrat;
    letter-spacing:-.05em;
    border-bottom:2px solid var(--acid);
    padding-bottom:8px;
    justify-self:end
}
.footer{
    background:#080808;
    color:#777;
    padding:25px 5vw;
    display:flex;
    justify-content:space-between;
    gap:20px;
    font:600 9px Montserrat;
    letter-spacing:.12em;
    text-transform:uppercase
}
.reveal{
    opacity:0;
    transform:translateY(40px);
    transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)
}
.reveal.on{
    opacity:1;
    transform:none
}
.split span{
    display:inline-block;
    transform:translateY(110%);
    transition:transform .8s cubic-bezier(.2,.7,.2,1)
}
.split.on span{
    transform:none
}
 @media(max-width:900px){
    body{
        font-size:15px
    }
    .cursor{
        display:none
    }
    header{
        left:10px;
        right:10px;
        top:10px;
        padding:8px 10px
    }
    header.is-scrolled{
        top:7px
    }
    header .logo{
        width:130px
    }
    header nav{
        display:none
    }
    header .menu{
        display:block
    }
    .hero-grid{
        grid-template-columns:1fr;
        padding:125px 0vw 30px
    }
    .hero-aside{
        width:100%;
		
    }
    .hero-bottom{
        font-size:9px
    }
    .manifesto,.work-intro{
        grid-template-columns:1fr;
        gap:20px
    }
    .manifesto .sub{
        grid-template-columns:1fr;
        gap:25px
    }
    .video-note{
        grid-template-columns:1fr
    }
    .video-card{
        min-height:460px
    }
    .video-copy{
        min-height:420px;
        padding:35px
    }
    .service-stage{
        grid-template-columns:50px 1fr
    }
    .service-main{
        grid-template-columns:1fr;
        gap:55px
    }
    .service-main h3{
        font-size:80px;
    }
    .card{
        flex-basis:78vw;
        min-height:340px;
        height:54vh
    }
    .work-controls{
        margin-bottom:18px
    }
    .carousel-btn{
        width:44px;
        height:44px
    }
    .sport-grid,.about-grid,.contact-bottom{
        grid-template-columns:1fr
    }
    .sport:before{
        font-size:45vw;
        top:10vw
    }
    .facts{
        grid-template-columns:1fr 1fr
    }
    .fact{
        min-height:105px
    }
    .logos{
        grid-template-columns:repeat(2,1fr)
    }
    .footer{
        flex-direction:column
    }
    .contact-link{
        justify-self:start
    }
    .clients{
        padding-top:55px
    }
}

@media(max-width:710px){
    .service-main h3{
        font-size:65px;
    }
}


section {
  padding: 30px 5vw;
}

@media(max-width:600px){
    .service-main h3{
        font-size:45px;
    }
}	
@media(max-width:440px){
    .service-main h3{
        font-size:35px;
    }
}
section {
  padding: 30px 5vw;
}
.video-note {
  margin-top: 30px;
}
.service-stage {min-height:auto;}
}

 @media(prefers-reduced-motion:reduce){
    html{
        scroll-behavior:auto
    }
    .ticker-track{
        animation:none
    }
    .reveal,.split span{
        transition:none;
        transform:none;
        opacity:1
    }
}


.pb-inner {padding:10px 30px 10px 30px;}