@charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .1s ease-in-out}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio::before{float:left;padding-top:56.25%;content:''}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio::after{display:block;content:'';clear:both}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;inset:0;margin:0;position:fixed;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;cursor:pointer;inset:0;overflow:hidden;position:absolute;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{filter:blur(1px);height:100%;inset:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
/** Global styles */
/**************************************************************
-> Define font-face custom typefaces
**************************************************************/
@font-face {
  font-family: "ITC Avant Garde Pro";
  src: url("../fonts/ITCAvantGardeProBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ITC Avant Garde Pro";
  src: url("../fonts/ITCAvantGardeProBk.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ITC Avant Garde Pro";
  src: url("../fonts/ITCAvantGardeProMd.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --black: #000;
  --blue: #002cff;
  --red: #da2b1f;
  --grey: #989da1;
  accent-color: var(--blue);
  --avant: "ITC Avant Garde Pro", sans-serif;
}

html {
  box-sizing: border-box;
  font-size: 10px;
  -webkit-overflow-scrolling: auto; /* Stops scrolling immediately */
  overscroll-behavior-y: none;
}

body {
  font-family: var(--avant);
  font-size: 1.5rem;
  line-height: 1.625;
  font-weight: 300;
  color: #fff;
  margin: 0;
  padding: 0;
}
@media (min-width: 769px) {
  body {
    font-size: 1.6rem;
  }
}

p {
  font-family: var(--avant);
  font-size: 1.5rem;
  line-height: 1.625;
  font-weight: 300;
  margin: 0 0 1.5rem;
}
@media (min-width: 769px) {
  p {
    font-size: 1.6rem;
  }
}

::-moz-selection {
  background: var(--blue);
  color: #fff;
}

::selection {
  background: var(--blue);
  color: #fff;
}

h1 {
  font-family: var(--avant);
  font-size: 10vw;
  font-weight: 400;
  line-height: 1.125;
  color: #fff;
}
@media (min-width: 450px) {
  h1 {
    font-size: clamp(4.2rem, 1rem + 5.55vw, 8rem);
  }
}

h2 {
  font-family: var(--avant);
  font-size: 2.5rem;
  line-height: 1.16;
  font-weight: 300;
}
@media (min-width: 769px) {
  h2 {
    font-size: 6rem;
  }
}
h2 strong {
  font-weight: 700;
}

h3 {
  font-family: var(--avant);
  font-size: 4rem;
  line-height: 1.33;
  font-weight: 300;
}
h3 strong {
  font-weight: 700;
}

h4 {
  font-family: var(--avant);
  font-size: 3rem;
  line-height: 1.25;
  font-weight: 300;
}
h4 strong {
  font-weight: 700;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
*:focus,
*::before:focus,
*::after:focus {
  outline: none !important;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

figure {
  padding: 0;
  margin: 0;
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 2rem;
}
@media (max-width: 768px) {
  .container {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 3rem;
    padding: 0 12.5%;
  }
}
@media (min-width: 2500px) {
  .container {
    padding: 0 20%;
  }
}
.container.flex {
  display: flex;
}

button {
  border: 0;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
button:focus {
  outline: none;
}

.prose {
  max-width: 100%;
  overflow: hidden;
}
.prose > *:first-child {
  margin-top: 0;
}
.prose > *:last-child {
  margin-bottom: 0;
}
.prose h2 {
  font-size: 2.5rem;
  line-height: 1.1;
  text-transform: uppercase;
  font-weight: 700;
  margin: 3rem 0 2.5rem;
}
@media (min-width: 769px) {
  .prose h2 {
    font-size: 4rem;
    margin: 5rem 0 4rem;
  }
}
.prose h3 {
  font-size: 2rem;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: 700;
  margin: 3rem 0 1.5rem;
  color: var(--blue);
}
.prose p {
  font-size: 1.5rem;
  line-height: 1.66;
  font-weight: 300;
  letter-spacing: 0.03em;
}
.prose figure {
  width: 100%;
  max-width: 100%;
  margin: 4rem 0;
}
.prose figure img {
  margin: 0;
}
.prose img {
  display: block;
  border-radius: 1rem;
  margin: 3rem 0;
}
@media (min-width: 769px) {
  .prose img {
    margin: 4rem 0;
  }
}
.prose figcaption {
  font-size: 1.4rem;
  line-height: 1.5;
  color: rgba(var(--blue), 0.6);
  margin-top: 1rem;
  text-align: center;
}
.prose hr {
  width: 100%;
  height: 1px;
  background: rgba(112, 112, 112, 0.2);
  border: none;
  margin: 3rem 0;
}
.prose blockquote {
  margin: 5rem 0;
}
.prose blockquote p {
  font-family: var(--avant);
  font-size: 3rem;
  line-height: 1.33;
  font-weight: 600;
}
.prose blockquote p::before {
  content: "";
  position: absolute;
  top: 0.9rem;
  left: -3rem;
  width: 3.8rem;
  height: 3.8rem;
  background-image: url("../images/quote-marks.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateX(-100%);
}
.prose ul,
.prose ol {
  margin: 0 0 1.5rem;
  padding: 0;
}
.prose li {
  margin-left: 1.8rem;
}
.prose ol li {
  padding-left: 0.5rem;
}
.prose a {
  color: var(--black);
  transition: color 0.3s ease;
}
.prose a:hover {
  text-decoration: none;
}
.prose table {
  display: block;
  border: 1px solid grey;
  font-size: 12pt;
  border-collapse: collapse;
  margin: 1.5rem 0;
  overflow-x: auto;
}
.prose table thead th,
.prose table tfoot th {
  background: rgba(0, 0, 0, 0.1);
}
.prose table caption {
  padding: 0.5em;
}
.prose table th,
.prose table td {
  padding: 0.5em;
  border: 1px solid lightgrey;
}

@media (min-width: 769px) {
  [data-animation=fadeInUp] {
    opacity: 0;
    transform: translateY(4rem);
  }
}

@media (max-width: 768px) {
  [data-speed] {
    transform: translateY(0) !important;
  }
}

#smooth-content {
  will-change: transform;
}

.pin-spacer {
  pointer-events: none;
}

#cookie-notice#cookie-notice {
  min-width: 0;
  max-width: 45rem;
  width: calc(100% - 4rem);
  border-radius: 2rem;
  bottom: 2rem;
  left: 2rem;
  background-color: var(--blue) !important;
  pointer-events: all;
}
@media (min-width: 769px) {
  #cookie-notice#cookie-notice {
    width: 100%;
  }
}
#cookie-notice#cookie-notice.cookie-notice-visible .cookie-notice-container {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 25px 40px;
}
#cookie-notice#cookie-notice .button {
  display: flex;
}
#cookie-notice#cookie-notice .cookie-notice-container {
  margin: 0 auto;
  padding: 25px 40px;
}
@media (max-width: 768px) {
  #cookie-notice#cookie-notice br {
    display: none;
  }
}
#cookie-notice#cookie-notice #cn-notice-text {
  font-family: var(--avant);
  font-size: 1.5rem;
  line-height: 1.625;
  font-weight: 300;
  text-align: left;
}
@media (max-width: 768px) {
  #cookie-notice#cookie-notice #cn-notice-text {
    margin-bottom: 20px;
  }
}
#cookie-notice#cookie-notice #cn-notice-text a {
  text-decoration: underline;
  color: #fff;
}
#cookie-notice#cookie-notice #cn-notice-text a:hover {
  text-decoration: none;
}
#cookie-notice#cookie-notice #cn-notice-buttons {
  display: flex;
  flex-shrink: 0;
}
@media (min-width: 769px) {
  #cookie-notice#cookie-notice #cn-notice-buttons {
    margin-top: 1rem;
  }
}
#cookie-notice#cookie-notice .cn-button {
  margin: 0 0 0 0;
}
#cookie-notice#cookie-notice .button {
  padding: 1.8rem 3rem 1.5rem;
  min-height: 0;
}
#cookie-notice#cookie-notice #cn-accept-cookie {
  background: #fff;
  color: var(--blue);
}
#cookie-notice#cookie-notice #cn-refuse-cookie {
  border: 1px solid #fff;
  background: transparent;
  margin-left: 10px;
}
#cookie-notice#cookie-notice #cn-close-notice {
  display: none;
}

.screen-reader-text {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #eee;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

.header-logo {
  width: 6rem;
  z-index: 50;
}
@media (min-width: 1000px) {
  .header-logo {
    display: none;
    width: 9rem;
  }
}
.header-logo svg {
  width: 100%;
  color: #fff;
}

.header-shade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 6rem;
  background-image: linear-gradient(to bottom, var(--black), transparent);
  z-index: 49;
}
@media (min-width: 1000px) {
  .header-shade {
    display: none;
    height: 9rem;
  }
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  height: 8rem;
  width: 100%;
  pointer-events: all;
  z-index: 50;
}
.site-header[data-module=sticky-navigation] {
  z-index: 49;
}
.site-header[data-module=sticky-navigation] .header-logo {
  display: flex;
}
.site-header[data-module=sticky-navigation] .header-shade {
  display: flex;
}
@media (min-width: 1000px) {
  .site-header {
    height: 9rem;
  }
}
.site-header .inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  padding: 0 9%;
}
@media (min-width: 769px) {
  .site-header .inner {
    padding: 0 6rem;
  }
}
.site-header .share {
  margin-left: 4.3rem;
  pointer-events: all;
  z-index: 51;
}
.site-header .share-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.3rem;
  height: 4.3rem;
  background-color: var(--blue);
  border-radius: 100%;
  cursor: pointer;
}
@media (max-width: 1000px) {
  .site-header .share-button {
    display: none;
  }
}
.site-header a {
  font-family: var(--avant);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.75px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.site-header a:hover {
  color: var(--red);
}
.site-header .current-menu-item a {
  color: var(--red);
}
.site-header .current-menu-item.white a {
  color: #fff;
}
.site-header .nav-primary {
  z-index: 51;
  margin-left: auto;
}
@media (max-width: 1000px) {
  .site-header .nav-primary {
    display: none;
  }
}
.site-header .nav-primary ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-header .nav-primary li {
  margin-left: 3rem;
}
.site-header .nav-primary li:first-child {
  margin-left: 0;
}
.site-header .share-menu {
  position: absolute;
  top: 3.8rem;
  right: 0;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(-1rem);
  pointer-events: none;
}
.site-header .share-menu ul {
  list-style-type: none;
  transform: translateX(0.8rem);
}
.site-header .share-menu li {
  margin-bottom: 1rem;
}
.site-header .share-menu a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(var(--blue), 0.5);
  transition: color 0.3s ease;
  width: 5.7rem;
  height: 5.7rem;
}
.site-header .share-menu a:hover {
  color: rgba(var(--blue), 1);
}
.site-header .share-menu a:hover::before {
  transform: scale(1.1);
}
.site-header .share-menu a svg {
  z-index: 2;
}
.site-header .share-menu a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue);
  border-radius: 100%;
  transition: transform 0.15s ease-in-out;
  z-index: 1;
}
.site-header .sub-heading-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 51;
  flex: 1;
  padding-left: 2rem;
}
.site-header .sub-heading-text p {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0;
}
.site-header .sub-heading-image {
  width: 5.2rem;
  height: 3rem;
  margin-right: 1.5rem;
  display: flex;
  align-items: center;
}
.site-header .sub-heading-image svg {
  width: 100%;
  height: 100%;
}

.page-footer {
  text-align: center;
  background-color: var(--black);
  z-index: 3;
}
@media (min-width: 769px) {
  .page-footer {
    text-align: left;
  }
}
.page-footer .footer-pattern {
  z-index: 1;
}
.page-footer .footer-pattern::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to bottom, var(--black), transparent), linear-gradient(to bottom, var(--black), transparent), linear-gradient(to bottom, var(--black), transparent), linear-gradient(to bottom, var(--black), transparent), linear-gradient(to bottom, var(--black), transparent);
  z-index: 3;
}
.page-footer .footer-pattern img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  z-index: 1;
}
.page-footer .footer-top {
  padding: 6rem 0 4rem;
  z-index: 2;
}
@media (min-width: 769px) {
  .page-footer .footer-top {
    padding: 14rem 0 3rem;
  }
}
.page-footer .footer-top .container {
  align-items: center;
}
@media (min-width: 769px) {
  .page-footer .footer-top .container {
    align-items: end;
  }
}
.page-footer .button {
  align-self: flex-start;
}
.page-footer .column {
  grid-column: span 12;
  margin: 0 auto 6rem;
}
@media (min-width: 769px) {
  .page-footer .column {
    grid-column: span 4;
    margin: 0;
  }
}
.page-footer .column:last-child {
  margin: 0;
}
.page-footer .column p,
.page-footer .column a {
  color: #fff;
  text-decoration: none;
}
.page-footer .column .heading {
  font-family: var(--avant);
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  .page-footer .column .heading {
    margin-bottom: 1.5rem;
  }
}
.page-footer .logo {
  padding: 0 0 6.5rem;
  margin: 0;
}
@media (min-width: 769px) {
  .page-footer .logo {
    padding: 0;
    transform: translateY(-0.5rem);
  }
}
.page-footer .logo svg {
  width: 100%;
  max-width: 16rem;
}
@media (min-width: 769px) {
  .page-footer .logo svg {
    max-width: 19.5rem;
  }
}
.page-footer .nav-footer ul {
  display: flex;
  flex-direction: column;
  font-family: var(--avant);
  font-size: 1.3rem;
  line-height: 2;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.page-footer .nav-footer li {
  margin-bottom: 0.5rem;
}
.page-footer .nav-footer li a {
  color: var(--blue);
  transition: color 0.3s ease;
}
.page-footer .nav-footer li a:hover {
  color: rgba(var(--blue), 1);
}
.page-footer .socials {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 769px) {
  .page-footer .socials {
    width: 19.1rem;
    justify-content: flex-start;
    margin-top: 1.8rem;
  }
}
@media (min-width: 1100px) and (max-width: 1300px) {
  .page-footer .socials {
    flex-direction: column;
    align-items: flex-start;
  }
}
.page-footer .socials a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(var(--blue), 0.5);
  transition: color 0.3s ease;
  width: 5.7rem;
  height: 5.7rem;
}
.page-footer .socials a:hover {
  color: rgba(var(--blue), 1);
}
.page-footer .socials a:hover::before {
  transform: scale(1.1);
}
.page-footer .socials a svg {
  z-index: 2;
}
.page-footer .socials a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue);
  border-radius: 100%;
  transition: transform 0.15s ease-in-out;
  z-index: 1;
}
.page-footer .contact {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
}
@media (min-width: 769px) {
  .page-footer .contact {
    transform: translateX(20%);
  }
}
@media (min-width: 1300px) {
  .page-footer .contact {
    transform: translateX(30%);
  }
}
.page-footer .contact .contact-details {
  font-family: var(--avant);
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 300;
  margin: 0;
}
.page-footer .contact .contact-details.heading {
  text-transform: none;
}
.page-footer .contact .button {
  margin-top: 2rem;
}
.page-footer .footer-bottom {
  padding: 0 0 5rem;
  z-index: 2;
}
@media (min-width: 769px) {
  .page-footer .footer-bottom {
    padding: 0 0 12rem;
  }
}
.page-footer .nav-legal {
  display: flex;
  flex-direction: column;
  margin: 0;
  grid-column: 9/span 4;
  grid-row: 1;
}
@media (min-width: 769px) {
  .page-footer .nav-legal {
    margin-bottom: 2rem;
    align-items: center;
  }
}
@media (min-width: 800px) and (max-width: 1300px) {
  .page-footer .nav-legal {
    grid-column: span 12;
    align-items: start;
    margin: 0;
  }
}
@media (min-width: 1300px) {
  .page-footer .nav-legal {
    flex-direction: row;
    margin: 0;
  }
}
.page-footer .nav-legal ul,
.page-footer .nav-legal p {
  display: flex;
  flex-direction: column;
  font-family: var(--avant);
  font-size: 1.5rem;
  line-height: 2;
  font-weight: 300;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 1090px) {
  .page-footer .nav-legal ul,
  .page-footer .nav-legal p {
    flex-direction: row;
    text-align: left;
  }
}
.page-footer .nav-legal p {
  color: rgba(var(--blue), 0.8);
}
.page-footer .nav-legal li {
  margin: 0 0 1rem;
}
@media (min-width: 769px) {
  .page-footer .nav-legal li {
    margin: 0 1.5rem 0 0;
  }
}
.page-footer .nav-legal li a {
  color: rgba(var(--blue), 0.8);
  transition: color 0.3s ease;
  text-decoration: none;
}
.page-footer .nav-legal li a:hover {
  color: rgba(var(--blue), 1);
}
.page-footer .site-by {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-top: 2rem;
  grid-column: 9/span 3;
  grid-row: 2;
}
@media (min-width: 1100px) and (max-width: 1300px) {
  .page-footer .site-by {
    grid-column: span 12;
  }
}
@media (min-width: 769px) {
  .page-footer .site-by {
    justify-content: flex-start;
  }
}
@media (min-width: 769px) {
  .page-footer .site-by {
    margin-top: -1.5rem;
  }
}
.page-footer .site-by p {
  font-family: var(--avant);
  font-size: 1.5rem;
  margin-right: 1.5rem;
  margin-bottom: 0;
}
.page-footer .site-by a {
  display: block;
  width: 3.45rem;
  height: 3.45rem;
}
.page-footer .site-by a:hover svg {
  color: var(--blue);
}
.page-footer .site-by svg {
  width: 3.45rem;
  height: 3.45rem;
  color: #fff;
  transition: color 0.3s ease;
}

.mobile-nav-icon {
  position: fixed;
  top: 1.4rem;
  right: 1rem;
  height: 4.7rem;
  width: 4.7rem;
  padding: 1rem;
  cursor: pointer;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 90;
}
@media (min-width: 769px) {
  .mobile-nav-icon {
    right: 2rem;
  }
}
@media (min-width: 1000px) {
  .mobile-nav-icon {
    display: none;
  }
}
.mobile-nav-icon.scroll-down {
  transform: translateY(-8rem);
}
.mobile-nav-icon .burger-button {
  position: relative;
  height: 2.7rem;
  width: 2.7rem;
  display: block;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  pointer-events: all;
  cursor: pointer;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  z-index: 2;
}
.mobile-nav-icon .burger-bar {
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 2px;
  width: auto;
  margin-top: -1px;
  border-radius: 1rem;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mobile-nav-icon .burger-bar--1 {
  transform: translateY(-6px);
}
.mobile-nav-icon .burger-bar--2 {
  transform-origin: 100% 50%;
  transform: scaleX(1);
}
.mobile-nav-icon .burger-button:hover .burger-bar--2 {
  transform: scaleX(1);
}
.mobile-nav-icon .no-touchevents .burger-bar--2:hover {
  transform: scaleX(1);
}
.mobile-nav-icon .burger-bar--3 {
  transform: translateY(6px);
}
.mobile-nav-icon .active .burger-button {
  transform: rotate(-180deg);
}
.mobile-nav-icon .active .burger-bar {
  background-color: #fff;
}
.mobile-nav-icon .active .burger-bar--1 {
  transform: rotate(45deg);
}
.mobile-nav-icon .active .burger-bar--2 {
  opacity: 0;
}
.mobile-nav-icon .active .burger-bar--3 {
  transform: rotate(-45deg);
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.3rem 2rem 2rem;
  z-index: 5;
  overflow-y: scroll;
  -ms-overflow-style: none;
  z-index: 45;
  background-image: linear-gradient(to bottom, var(--black), transparent), linear-gradient(to bottom, black, transparent), linear-gradient(to bottom, var(--black), transparent), linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  opacity: 0;
  pointer-events: none;
  text-align: center;
  transition: transform 0s;
}
.mobile-menu::-webkit-scrollbar {
  display: none;
}
.mobile-menu.slide-out {
  transition: transform 1.5s ease-out;
  transform: translateX(-101%);
}
.mobile-menu a {
  color: #fff;
  text-decoration: none;
  font-family: var(--avant);
  font-weight: 600;
  font-size: clamp(2rem, 4.65vw, 3rem);
  line-height: 6.5vh;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.mobile-menu a .description {
  display: none;
}
.mobile-menu a .new-badge {
  display: none;
}
.mobile-menu ul {
  padding: 0;
}
.mobile-menu li.current-menu-item a {
  color: var(--blue);
}
.mobile-menu .brand {
  position: absolute;
  top: 13vw;
  left: 50%;
  width: 25vw;
  transform: translateX(-50%);
}
.mobile-menu .brand svg {
  width: 100%;
}
.mobile-menu .button {
  margin: 5vh 1rem 0 0;
  padding: 1.3rem 2rem 1.1rem;
}
.mobile-menu .button.button-outline {
  background: transparent;
  border: 1px solid #fff;
  transition: border-color 0.3s ease;
}
.mobile-menu .button.button-outline:hover {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.mobile-menu .button.button-outline a {
  color: #fff;
}
.mobile-menu .button a {
  font-size: 1.8rem;
  color: #fff;
}
.mobile-menu ul {
  list-style-type: none;
}
.mobile-menu ul li {
  font-weight: 400;
}
.mobile-menu .nav-primary {
  position: absolute;
  top: 10vh;
  left: 0;
  width: 100%;
}
.mobile-menu .mobile-search-trigger {
  color: #fff;
  padding: 1rem;
  cursor: pointer;
}
.mobile-menu .mobile-search-trigger svg {
  width: 1.6rem;
}
.mobile-menu .socials-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mobile-menu .socials-container .heading {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.12em;
  color: #fff;
  width: 100%;
  text-transform: uppercase;
  margin: 1rem 0 0;
}
.mobile-menu .socials {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  width: 25.8rem;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 769px) {
  .mobile-menu .socials {
    justify-content: flex-start;
  }
}
@media (min-width: 1100px) and (max-width: 1300px) {
  .mobile-menu .socials {
    flex-direction: column;
    align-items: flex-start;
  }
}
.mobile-menu .socials a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(var(--blue), 0.5);
  transition: color 0.3s ease;
  width: 5.7rem;
  height: 5.7rem;
}
.mobile-menu .socials a:hover {
  color: rgba(var(--blue), 1);
}
.mobile-menu .socials a:hover::before {
  transform: scale(1.1);
}
.mobile-menu .socials a svg {
  z-index: 2;
}
.mobile-menu .socials a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue);
  border-radius: 100%;
  transition: transform 0.15s ease-in-out;
  z-index: 1;
}

@keyframes slidein {
  from {
    transform: translateX(-25%);
  }
  to {
    transform: translateX(0%);
  }
}
.fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.top-curve {
  position: absolute;
  width: 100%;
  top: 0;
  overflow: hidden;
  transform: translateY(-2px);
  pointer-events: none;
  z-index: 2;
}
.top-curve svg {
  width: 100%;
}
@media (max-width: 768px) {
  .top-curve svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
.top-curve .inner {
  display: flex;
  left: -50%;
  width: 200%;
  transform: translateX(-25%);
}
@media (max-width: 768px) {
  .top-curve .inner::before{
    float: left;
    padding-top: 5.694444444444444%;
    content: '';
  }
  .top-curve .inner::after{
    display: block;
    content: '';
    clear: both;
  }
}
.top-curve .inner.active {
  animation-name: slidein;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

.bottom-curve {
  position: absolute;
  width: 100%;
  bottom: 0;
  overflow: hidden;
  transform: translateY(2px);
  pointer-events: none;
  z-index: 2;
}
.bottom-curve svg {
  width: 100%;
}
@media (max-width: 768px) {
  .bottom-curve svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: scaleX(-1);
  }
}
.bottom-curve .inner {
  display: flex;
  width: 100%;
}
@media (min-width: 769px) {
  .bottom-curve .inner {
    left: -50%;
    width: 200%;
    transform: translateX(-25%);
  }
}
@media (max-width: 768px) {
  .bottom-curve .inner::before{
    float: left;
    padding-top: 5.833333333333334%;
    content: '';
  }
  .bottom-curve .inner::after{
    display: block;
    content: '';
    clear: both;
  }
}
@media (min-width: 769px) {
  .bottom-curve .inner.active {
    animation-name: slidein;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
  }
}

.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme input {
  font-family: var(--avant);
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme textarea,
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme select {
  width: 100%;
  font-family: var(--avant);
  font-size: 1.6rem;
  line-height: 1.33;
  font-weight: 400;
  color: var(--black);
  border-radius: 0.5rem;
  border: 1px solid #dedede;
  outline: none;
  padding: 2.3rem 2rem 2rem;
  background-color: transparent;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme input[type=text]::-moz-placeholder, .gform_wrapper.gravity-theme.gform_wrapper.gravity-theme input[type=number]::-moz-placeholder, .gform_wrapper.gravity-theme.gform_wrapper.gravity-theme input[type=email]::-moz-placeholder, .gform_wrapper.gravity-theme.gform_wrapper.gravity-theme textarea::-moz-placeholder, .gform_wrapper.gravity-theme.gform_wrapper.gravity-theme select::-moz-placeholder {
  color: #bababa;
  font-weight: 400;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme input[type=text]::placeholder,
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme input[type=number]::placeholder,
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme input[type=email]::placeholder,
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme textarea::placeholder,
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme select::placeholder {
  color: #bababa;
  font-weight: 400;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme select .gf_placeholder {
  color: #bababa;
  font-weight: 400;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme textarea {
  max-height: 12.5rem;
  resize: none;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .button {
  all: unset;
  cursor: pointer;
  min-height: 7.2rem !important;
  padding: 0.3rem 3rem 0 !important;
  border-radius: 0.5rem !important;
  font-family: var(--avant) !important;
  font-size: 1.5rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: #fff;
  background: var(--blue);
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme input[type=checkbox] {
  cursor: pointer;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .gform_validation_errors {
  display: none;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .gfield_consent_label {
  display: inline-block;
  transform: translateY(-2px);
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .gform_fields {
  gap: 2.5rem 3rem;
}
@media (max-width: 768px) {
  .gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .gform_fields {
    display: flex;
    flex-direction: column;
  }
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .gfield_consent_label {
  cursor: pointer;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme label,
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme legend {
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1.33;
  font-weight: 700;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .button {
  border: 0;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .gfield_consent_description {
  overflow: auto;
  max-height: none;
  height: auto;
  border: 0;
  padding: 0;
  margin: 0 0 1rem;
  font-weight: 400;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .gfield_required_asterisk {
  color: currentColor;
  font-weight: 400;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .validation_message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--red);
  color: #fff;
  border-radius: 0.5rem;
  padding: 0.8rem 3rem 0.6rem !important;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .validation_message::before {
  content: "";
  position: absolute;
  top: 0;
  left: 3rem;
  width: 0;
  height: 0;
  border-left: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
  border-bottom: 0.6rem solid var(--red);
  transform: translateY(-100%);
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .validation_message.validation_message--hidden-on-empty {
  display: none;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .gfield_error label {
  color: currentColor;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .gform_footer {
  padding-bottom: 0;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .ginput_complex {
  justify-content: space-between;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date {
  width: calc(33.33% - 1rem) !important;
  max-width: none;
  flex-basis: auto;
}
.gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .gform_required_legend {
  display: none;
}

/** Dependancy styles */
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

/** Component styles */
.cookie-banner {
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: auto;
  max-width: calc(100% - 10rem);
  bottom: 0;
  right: 0;
  background-color: #000;
  padding: 2.5rem 3rem;
  transform: translateY(100%);
  transition: transform 1s ease;
  border-top-left-radius: 1rem;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.16);
  z-index: 50;
}
@media (max-width: 768px) {
  .cookie-banner {
    flex-direction: column;
    text-align: center;
    width: calc(100% - 4rem);
    left: 2rem;
    border-radius: 1rem;
    max-width: 100vw;
    padding: 2rem;
  }
}
.cookie-banner.active {
  transform: translateY(0);
  transition: transform 0 ease;
}
@media (max-width: 768px) {
  .cookie-banner.active {
    bottom: 2rem;
  }
}
.cookie-banner p {
  font-size: 1.2rem;
  font-weight: 300;
  color: #fff;
  margin: 0 1.5rem 0 0;
}
.cookie-banner p a {
  text-decoration: none;
}
.cookie-banner p a:last-child {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-left: 0.5rem;
}
.cookie-banner strong {
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
}
.cookie-banner strong a {
  text-decoration: none;
}
.cookie-banner a {
  display: inline-block;
  text-decoration: underline;
  color: #fff;
}
.cookie-banner .link {
  margin-left: 1.5rem;
}
.cookie-banner .button {
  background-color: var(--blue);
  color: #fff;
  padding: 0.8rem 2rem 0.65rem;
  border: 1px solid var(--blue);
  font-family: var(--avant);
  font-weight: 600;
}
@media (max-width: 768px) {
  .cookie-banner .button {
    margin: 1rem 0 0;
  }
}
.cookie-banner .button:hover {
  color: var(--blue);
  background-color: #fff;
}

.button {
  display: flex;
  align-items: center;
  padding: 1.8rem 3rem 1.5rem;
  min-height: 7.2rem;
  border-radius: 0.5rem;
  font-family: var(--avant);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  background-color: var(--blue);
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.button:hover {
  opacity: 0.8;
}
.button[data-color=red] {
  background-color: var(--red);
}
.button[data-color=blue] {
  background-color: var(--blue);
}
.button[data-color=grey] {
  color: #000;
  border: 1px solid rgba(186, 186, 186, 0.5);
  background-color: transparent;
  transition: border-color 0.3s ease;
}
.button[data-color=grey]:hover {
  opacity: 1;
  border: 1px solid #000;
}
.button[data-color=transparent] {
  border: 1px solid #fff;
  background-color: transparent;
  transition: border-color 0.3s ease;
}
.button[data-color=transparent]:hover {
  opacity: 1;
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.button .icon {
  margin-left: 1rem;
}
.button .icon svg {
  width: 2rem;
}

.marquee {
  width: 100%;
  display: flex;
  flex: auto;
  flex-direction: row;
  transform-origin: bottom left;
}
.marquee p {
  font-size: 3.5vh;
  font-weight: 700 !important;
  line-height: 1.33;
  text-transform: uppercase;
  flex-shrink: 0;
  will-change: transform;
  margin: 0;
}
.marquee p .outline {
  -webkit-text-stroke: 1px white;
  color: transparent;
}
.marquee p svg {
  width: 4rem;
  color: var(--blue);
  flex-shrink: 0;
  margin: 0 1rem;
}
.marquee .inner {
  display: flex;
  white-space: nowrap;
  animation: marquee 5s linear infinite;
  animation-play-state: running;
}
.marquee.inverted .inner {
  animation: marquee-inverted 5s linear infinite;
  animation-play-state: running;
}
@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes marquee-inverted {
  0% {
    transform: translate3d(calc(-100% - var(--offset)), 0, 0);
  }
  100% {
    transform: translate3d(calc(var(--offset) * -1), 0, 0);
  }
}

.newsletter-sign-up {
  padding: 3.5rem 0 0;
  background-color: var(--black);
}
@media (min-width: 769px) {
  .newsletter-sign-up {
    padding: 8rem 0 0;
  }
}
@media (max-width: 1149px) {
  .newsletter-sign-up .container {
    display: flex;
    flex-direction: column;
  }
}
.newsletter-sign-up .card {
  display: flex;
  flex-direction: column;
  background-color: var(--blue);
  border-radius: 2rem;
  overflow: hidden;
  padding: 5rem 2rem;
}
@media (min-width: 1150px) {
  .newsletter-sign-up .card {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column: span 12;
    align-items: center;
    padding: 10rem 0;
  }
}
.newsletter-sign-up .card .heading {
  grid-column: 2/span 4;
  font-size: 4rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  z-index: 3;
}
@media (min-width: 1150px) {
  .newsletter-sign-up .card .heading {
    font-size: clamp(4rem, 3.5vw, 6rem);
    max-width: 10ch;
    text-align: left;
  }
}
.newsletter-sign-up .card .divider {
  height: 5rem;
  z-index: 3;
}
@media (max-width: 1150px) {
  .newsletter-sign-up .card .divider {
    height: 3rem;
    width: 100%;
    margin: 3rem 0;
  }
}
@media (min-width: 1150px) {
  .newsletter-sign-up .card .divider {
    grid-column: 6/span 1;
    height: 100%;
  }
}
.newsletter-sign-up .card .divider::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  height: 1px;
  background-color: #fff;
}
@media (max-width: 1149px) {
  .newsletter-sign-up .card .divider::before {
    top: 50%;
    transform: translateY(-50);
  }
}
@media (min-width: 1150px) {
  .newsletter-sign-up .card .divider::before {
    top: 0;
    width: 1px;
    height: 100%;
  }
}
.newsletter-sign-up .card .divider svg {
  position: absolute;
  width: 3rem;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}
@media (max-width: 1149px) {
  .newsletter-sign-up .card .divider svg {
    left: 50%;
  }
}
@media (min-width: 1150px) {
  .newsletter-sign-up .card .divider svg {
    width: 5rem;
  }
}
.newsletter-sign-up .card .subheading {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
}
.newsletter-sign-up .card .form {
  grid-column: 7/span 5;
  z-index: 3;
  accent-color: var(--black);
}
.newsletter-sign-up .card .form .button {
  background-color: var(--black);
}
.newsletter-sign-up .card .form .gform_validation_errors {
  display: none;
}
.newsletter-sign-up .background-pattern {
  pointer-events: none;
  z-index: 1;
}
.newsletter-sign-up .background-pattern img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1149px) {
  .newsletter-sign-up .background-pattern img {
    -o-object-position: left;
       object-position: left;
  }
}
.newsletter-sign-up .gform_wrapper.gravity-theme.gform_wrapper.gravity-theme input[type=email],
.newsletter-sign-up .gform_wrapper.gravity-theme.gform_wrapper.gravity-theme input[type=text] {
  background-color: #fff;
}
.newsletter-sign-up .gform_wrapper.gravity-theme.gform_wrapper.gravity-theme .gform_confirmation_message_1 {
  font-weight: 700;
}

[data-lightbox=video-lightbox] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  --plyr-color-main: var(--blue);
  pointer-events: none;
  z-index: 100;
}
@media (min-width: 769px) {
  [data-lightbox=video-lightbox] {
    width: 100%;
  }
}
[data-lightbox=video-lightbox].active {
  pointer-events: all;
}
[data-lightbox=video-lightbox].active .backdrop {
  opacity: 1;
  transition: opacity 0.3s ease;
}
[data-lightbox=video-lightbox].active .video-container {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease 0.2s, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
[data-lightbox=video-lightbox].active .close,
[data-lightbox=video-lightbox].active .backdrop,
[data-lightbox=video-lightbox].active .video-container {
  pointer-events: all;
}
[data-lightbox=video-lightbox] .backdrop {
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
[data-lightbox=video-lightbox] .content {
  height: 100%;
  pointer-events: none;
  z-index: 5;
}
[data-lightbox=video-lightbox] .container {
  height: 100%;
  align-items: center;
  pointer-events: none;
}
@media (max-width: 769px) {
  [data-lightbox=video-lightbox] .container {
    justify-content: center;
  }
}
[data-lightbox=video-lightbox] .video-container {
  grid-column: span 12;
  opacity: 0;
  transform: translateY(5rem);
  transition: opacity 0.3s ease, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
}
[data-lightbox=video-lightbox] .plyr__video-embed,
[data-lightbox=video-lightbox] .plyr__video-wrapper--fixed-ratio::before {
  padding: 0;
}
[data-lightbox=video-lightbox] .plyr {
  border-radius: 2rem;
  overflow: hidden;
}
[data-lightbox=video-lightbox] .close {
  position: absolute;
  top: -1rem;
  right: 0;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(0, -100%);
  cursor: pointer;
  z-index: 15;
}
@media (min-width: 769px) {
  [data-lightbox=video-lightbox] .close {
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    width: 6rem;
    height: 6rem;
  }
  [data-lightbox=video-lightbox] .close:hover::before {
    transform: scale(1.1);
  }
}
[data-lightbox=video-lightbox] .close::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--blue);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
[data-lightbox=video-lightbox] .close svg {
  width: 1.5rem;
  color: #fff;
}
@media (min-width: 769px) {
  [data-lightbox=video-lightbox] .close svg {
    width: 2rem;
  }
}

[data-lightbox=form-lightbox] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  --plyr-color-main: var(--blue);
  pointer-events: none;
  overflow: auto;
  overscroll-behavior: contain;
  z-index: 100;
}
[data-lightbox=form-lightbox]::-webkit-scrollbar {
  display: none;
}
[data-lightbox=form-lightbox].active {
  pointer-events: all;
}
[data-lightbox=form-lightbox].active .backdrop {
  opacity: 1;
  transition: opacity 0.3s ease;
}
[data-lightbox=form-lightbox].active .form-container {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease 0.2s, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
[data-lightbox=form-lightbox].active .close,
[data-lightbox=form-lightbox].active .backdrop,
[data-lightbox=form-lightbox].active .form-container {
  pointer-events: all;
}
[data-lightbox=form-lightbox] .backdrop {
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
[data-lightbox=form-lightbox] .form-container {
  grid-column: span 12;
  width: 100%;
  background: #fff;
  border-radius: 2rem;
  color: var(--black);
  padding: 2rem;
  margin: 6rem 0;
  opacity: 0;
  transform: translateY(5rem);
  transition: opacity 0.3s ease, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (min-width: 1400px) {
  [data-lightbox=form-lightbox] .form-container {
    padding: 5rem 5rem;
  }
}
[data-lightbox=form-lightbox] .form-container input[type=submit] {
  padding: 1.8rem 3rem 1.5rem !important;
  min-height: 7.2rem !important;
  border-radius: 0.5rem;
  font-family: var(--avant);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
[data-lightbox=form-lightbox] .form-container .scroller {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 100% 60px, 100% 60px, 100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
  padding: 5rem auto;
}
@media (min-width: 1050px) {
  [data-lightbox=form-lightbox] .form-container .scroller {
    flex-direction: row;
    justify-content: space-between;
    padding-right: 2rem;
    background: none;
  }
}
[data-lightbox=form-lightbox] .form-container .scroller::-webkit-scrollbar {
  width: 0.8rem;
}
@media (max-width: 768px) {
  [data-lightbox=form-lightbox] .form-container .scroller::-webkit-scrollbar {
    display: none;
  }
}
[data-lightbox=form-lightbox] .form-container .scroller::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
}
[data-lightbox=form-lightbox] .form-container .scroller::-webkit-scrollbar-thumb {
  background-color: var(--blue);
  border-radius: 1rem;
}
[data-lightbox=form-lightbox] .form-container .text {
  width: 100%;
}
@media (max-width: 1049px) {
  [data-lightbox=form-lightbox] .form-container .text {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1050px) {
  [data-lightbox=form-lightbox] .form-container .text {
    width: 33.5%;
  }
}
[data-lightbox=form-lightbox] .form-container .prose {
  max-width: 80ch;
}
[data-lightbox=form-lightbox] .form-container .contact-details {
  font-family: var(--avant);
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 300;
  margin: 1.5rem 0 0;
  color: var(--blue);
}
@media (min-width: 769px) {
  [data-lightbox=form-lightbox] .form-container .contact-details {
    margin: 2.5rem 0 0;
  }
}
[data-lightbox=form-lightbox] .form-container .contact-details a {
  text-decoration: none;
}
[data-lightbox=form-lightbox] .form-container .form {
  width: 100%;
}
@media (min-width: 1050px) {
  [data-lightbox=form-lightbox] .form-container .form {
    width: 56.52%;
  }
}
[data-lightbox=form-lightbox] .form-container .form .gfield_required {
  color: var(--black);
  padding: 0;
}
[data-lightbox=form-lightbox] .form-container .heading {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  [data-lightbox=form-lightbox] .form-container .heading {
    max-width: calc(100% - 5rem);
  }
}
@media (min-width: 769px) {
  [data-lightbox=form-lightbox] .form-container .heading {
    font-size: 4rem;
  }
}
[data-lightbox=form-lightbox] .form-container .sub-heading {
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
}
[data-lightbox=form-lightbox] .content {
  pointer-events: none;
  z-index: 5;
}
[data-lightbox=form-lightbox] .container {
  align-items: center;
  pointer-events: none;
  z-index: 5;
}
@media (max-width: 769px) {
  [data-lightbox=form-lightbox] .container {
    justify-content: center;
  }
}
@media (max-width: 1400px) {
  [data-lightbox=form-lightbox] .container {
    padding: 0 2rem;
  }
}
[data-lightbox=form-lightbox] .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 15;
}
@media (min-width: 769px) {
  [data-lightbox=form-lightbox] .close {
    top: 2rem;
    right: 2rem;
    width: 5rem;
    height: 5rem;
  }
}
@media (min-width: 1400px) {
  [data-lightbox=form-lightbox] .close {
    top: 0;
    right: 0;
    width: 6rem;
    height: 6rem;
    transform: translate(50%, -50%);
  }
  [data-lightbox=form-lightbox] .close:hover::before {
    transform: scale(1.1);
  }
}
[data-lightbox=form-lightbox] .close::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--blue);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
[data-lightbox=form-lightbox] .close svg {
  width: 1.5rem;
  color: #fff;
}
@media (min-width: 769px) {
  [data-lightbox=form-lightbox] .close svg {
    width: 2rem;
  }
}

[data-lightbox=gallery-lightbox] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  --plyr-color-main: var(--blue);
  pointer-events: none;
  overflow: auto;
  overscroll-behavior: contain;
  z-index: 100;
}
[data-lightbox=gallery-lightbox]::-webkit-scrollbar {
  display: none;
}
[data-lightbox=gallery-lightbox].active {
  pointer-events: all;
}
[data-lightbox=gallery-lightbox].active .backdrop {
  opacity: 1;
  transition: opacity 0.3s ease;
}
[data-lightbox=gallery-lightbox].active .content {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease 0.2s, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
[data-lightbox=gallery-lightbox].active .close,
[data-lightbox=gallery-lightbox].active .backdrop,
[data-lightbox=gallery-lightbox].active .form-container {
  pointer-events: all;
}
[data-lightbox=gallery-lightbox] .backdrop {
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
[data-lightbox=gallery-lightbox] .gallery-container {
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 5;
}
[data-lightbox=gallery-lightbox] .swiper {
  width: 100%;
  height: 100%;
}
[data-lightbox=gallery-lightbox] .swiper-slide {
  width: 100%;
  height: 100%;
  padding: 2rem;
}
@media (min-width: 1400px) {
  [data-lightbox=gallery-lightbox] .swiper-slide {
    padding: 5rem;
  }
}
[data-lightbox=gallery-lightbox] .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
[data-lightbox=gallery-lightbox] .controls {
  position: absolute;
  top: 50%;
  width: 6rem;
  height: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  transform: translateY(-50%);
  transition: opacity 0.15s ease;
  cursor: pointer;
  z-index: 10;
}
@media (max-width: 768px) {
  [data-lightbox=gallery-lightbox] .controls {
    display: none;
  }
}
[data-lightbox=gallery-lightbox] .controls:hover .background {
  transform: scale(1.1);
}
[data-lightbox=gallery-lightbox] .controls.next {
  right: 2.5rem;
}
[data-lightbox=gallery-lightbox] .controls.next svg {
  transform: rotate(180deg) translateX(-0.3rem);
}
[data-lightbox=gallery-lightbox] .controls.prev {
  left: 2.5rem;
}
[data-lightbox=gallery-lightbox] .controls.prev svg {
  transform: translateX(-0.3rem);
}
[data-lightbox=gallery-lightbox] .controls.swiper-button-disabled {
  opacity: 0;
}
[data-lightbox=gallery-lightbox] .controls svg {
  color: #000;
  width: 1rem;
  z-index: 2;
}
[data-lightbox=gallery-lightbox] .controls .background {
  background-color: #fff;
  border-radius: 100%;
  transition: transform 0.15s ease-in-out;
  z-index: 1;
}
[data-lightbox=gallery-lightbox] .slide-text {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 6rem 4rem 2.5rem;
  background-image: linear-gradient(to top, var(--black), transparent);
}
[data-lightbox=gallery-lightbox] .slide-text .heading {
  text-transform: uppercase;
  font-size: 1.5rem;
  margin-bottom: 0;
}
[data-lightbox=gallery-lightbox] .slide-text .caption {
  margin-bottom: 0;
  font-size: 1.2rem;
  max-width: 95ch;
}
[data-lightbox=gallery-lightbox] .slide-text .slide-number {
  color: var(--red);
}
[data-lightbox=gallery-lightbox] .content {
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateY(5rem);
  transition: opacity 0.3s ease, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  z-index: 5;
}
[data-lightbox=gallery-lightbox] .container {
  align-items: center;
  pointer-events: none;
  z-index: 5;
}
@media (max-width: 769px) {
  [data-lightbox=gallery-lightbox] .container {
    justify-content: center;
  }
}
@media (max-width: 1400px) {
  [data-lightbox=gallery-lightbox] .container {
    padding: 0 2rem;
  }
}
[data-lightbox=gallery-lightbox] .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 15;
}
@media (min-width: 769px) {
  [data-lightbox=gallery-lightbox] .close {
    top: 2rem;
    right: 2rem;
    width: 5rem;
    height: 5rem;
  }
}
@media (min-width: 1400px) {
  [data-lightbox=gallery-lightbox] .close {
    top: 2.5rem;
    right: 2.5rem;
    width: 6rem;
    height: 6rem;
  }
  [data-lightbox=gallery-lightbox] .close:hover::before {
    transform: scale(1.1);
  }
}
[data-lightbox=gallery-lightbox] .close::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--blue);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
[data-lightbox=gallery-lightbox] .close svg {
  width: 1.5rem;
  color: #fff;
}
@media (min-width: 769px) {
  [data-lightbox=gallery-lightbox] .close svg {
    width: 2.4rem;
  }
}

.news-grid {
  color: #fff;
}
@media (max-width: 768px) {
  .news-grid[data-size=small] .card:nth-child(1)::before{
    float: left;
    padding-top: 75.75757575757575%;
    content: '';
  }
  .news-grid[data-size=small] .card:nth-child(1)::after{
    display: block;
    content: '';
    clear: both;
  }
}
@media (min-width: 1200px) {
  .news-grid[data-size=small] .card:nth-child(1) {
    grid-column: span 6;
  }
  .news-grid[data-size=small] .card:nth-child(1)::before{
    float: left;
    padding-top: 75%;
    content: '';
  }
  .news-grid[data-size=small] .card:nth-child(1)::after{
    display: block;
    content: '';
    clear: both;
  }
  .news-grid[data-size=small] .card:nth-child(1) .title {
    font-size: 2rem;
  }
  .news-grid[data-size=small] .card:nth-child(1) .text {
    padding: 1.5rem 2rem;
  }
}
@media (min-width: 1200px) and (min-width: 769px) {
  .news-grid[data-size=small] .card:nth-child(1) .text {
    padding: 2rem 3rem;
  }
}
@media (min-width: 1200px) {
  .news-grid[data-size=small] .card:nth-child(1) .type-icon {
    width: 4.6rem;
    height: 4.6rem;
  }
  .news-grid[data-size=small] .card:nth-child(1) .type-icon[data-type=videos] svg {
    width: 1.4rem;
  }
  .news-grid[data-size=small] .card:nth-child(1) .type-icon[data-type=photos] svg {
    width: 2.2rem;
  }
}
@media (max-width: 768px) {
  .news-grid[data-size=small] .card:nth-child(2)::before{
    float: left;
    padding-top: 75.75757575757575%;
    content: '';
  }
  .news-grid[data-size=small] .card:nth-child(2)::after{
    display: block;
    content: '';
    clear: both;
  }
}
@media (min-width: 1200px) {
  .news-grid[data-size=small] .card:nth-child(2) {
    grid-column: span 6;
  }
  .news-grid[data-size=small] .card:nth-child(2)::before{
    float: left;
    padding-top: 75%;
    content: '';
  }
  .news-grid[data-size=small] .card:nth-child(2)::after{
    display: block;
    content: '';
    clear: both;
  }
  .news-grid[data-size=small] .card:nth-child(2) .title {
    font-size: 2rem;
  }
  .news-grid[data-size=small] .card:nth-child(2) .type-icon {
    width: 4.6rem;
    height: 4.6rem;
  }
  .news-grid[data-size=small] .card:nth-child(2) .type-icon[data-type=videos] svg {
    width: 1.4rem;
  }
  .news-grid[data-size=small] .card:nth-child(2) .type-icon[data-type=photos] svg {
    width: 2.2rem;
  }
}
@media (max-width: 768px) {
  .news-grid[data-size=small] .card:nth-child(3)::before{
    float: left;
    padding-top: 75.75757575757575%;
    content: '';
  }
  .news-grid[data-size=small] .card:nth-child(3)::after{
    display: block;
    content: '';
    clear: both;
  }
}
@media (min-width: 1200px) {
  .news-grid[data-size=small] .card:nth-child(3) {
    grid-column: span 4;
  }
  .news-grid[data-size=small] .card:nth-child(3)::before{
    float: left;
    padding-top: 75.71428571428571%;
    content: '';
  }
  .news-grid[data-size=small] .card:nth-child(3)::after{
    display: block;
    content: '';
    clear: both;
  }
  .news-grid[data-size=small] .card:nth-child(3) .title {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .news-grid[data-size=small] .card:nth-child(4)::before{
    float: left;
    padding-top: 75.75757575757575%;
    content: '';
  }
  .news-grid[data-size=small] .card:nth-child(4)::after{
    display: block;
    content: '';
    clear: both;
  }
}
@media (min-width: 769px) and (max-width: 1199px) {
  .news-grid[data-size=small] .card:nth-child(4) {
    grid-column: span 6;
  }
  .news-grid[data-size=small] .card:nth-child(4)::before{
    float: left;
    padding-top: 75%;
    content: '';
  }
  .news-grid[data-size=small] .card:nth-child(4)::after{
    display: block;
    content: '';
    clear: both;
  }
  .news-grid[data-size=small] .card:nth-child(4) .title {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .news-grid[data-size=small] .card:nth-child(5)::before{
    float: left;
    padding-top: 75.75757575757575%;
    content: '';
  }
  .news-grid[data-size=small] .card:nth-child(5)::after{
    display: block;
    content: '';
    clear: both;
  }
}
@media (min-width: 769px) and (max-width: 1199px) {
  .news-grid[data-size=small] .card:nth-child(5) {
    grid-column: span 6;
  }
  .news-grid[data-size=small] .card:nth-child(5)::before{
    float: left;
    padding-top: 75%;
    content: '';
  }
  .news-grid[data-size=small] .card:nth-child(5)::after{
    display: block;
    content: '';
    clear: both;
  }
  .news-grid[data-size=small] .card:nth-child(5) .title {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .news-grid[data-size=large] .card:nth-child(1) .type-icon {
    width: 4.6rem;
    height: 4.6rem;
  }
  .news-grid[data-size=large] .card:nth-child(1) .type-icon[data-type=videos] svg {
    width: 1.4rem;
  }
  .news-grid[data-size=large] .card:nth-child(1) .type-icon[data-type=photos] svg {
    width: 2.2rem;
  }
}
@media (min-width: 1200px) {
  .news-grid[data-size=large] .card:nth-child(2) .type-icon {
    width: 4.6rem;
    height: 4.6rem;
  }
  .news-grid[data-size=large] .card:nth-child(2) .type-icon[data-type=videos] svg {
    width: 1.4rem;
  }
  .news-grid[data-size=large] .card:nth-child(2) .type-icon[data-type=photos] svg {
    width: 2.2rem;
  }
}
@media (min-width: 1200px) {
  .news-grid[data-size=large] .card:nth-child(3) .type-icon {
    width: 4.6rem;
    height: 4.6rem;
  }
  .news-grid[data-size=large] .card:nth-child(3) .type-icon[data-type=videos] svg {
    width: 1.4rem;
  }
  .news-grid[data-size=large] .card:nth-child(3) .type-icon[data-type=photos] svg {
    width: 2.2rem;
  }
}
.news-grid .heading {
  grid-column: span 12;
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2rem;
  color: #000;
  line-height: 1;
}
@media (min-width: 769px) {
  .news-grid .heading {
    margin-bottom: 6rem;
    font-size: 4rem;
  }
}
.news-grid .card {
  grid-column: span 12;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.18);
  text-decoration: none;
  text-align: left;
  color: #fff;
}
.news-grid .card::before{
  float: left;
  padding-top: 75.71428571428571%;
  content: '';
}
.news-grid .card::after{
  display: block;
  content: '';
  clear: both;
}
@media (min-width: 1150px) {
  .news-grid .card {
    grid-column: span 4;
  }
}
@media (max-width: 768px) {
  .news-grid .card {
    margin-bottom: 2rem;
  }
  .news-grid .card::before{
    float: left;
    padding-top: 75.75757575757575%;
    content: '';
  }
  .news-grid .card::after{
    display: block;
    content: '';
    clear: both;
  }
}
.news-grid .card:nth-child(1) {
  grid-column: span 12;
}
.news-grid .card:nth-child(1)::before{
  float: left;
  padding-top: 75.75757575757575%;
  content: '';
}
.news-grid .card:nth-child(1)::after{
  display: block;
  content: '';
  clear: both;
}
@media (min-width: 1150px) {
  .news-grid .card:nth-child(1)::before{
    float: left;
    padding-top: 42.79279279279279%;
    content: '';
  }
  .news-grid .card:nth-child(1)::after{
    display: block;
    content: '';
    clear: both;
  }
}
@media (min-width: 1150px) {
  .news-grid .card:nth-child(1) .text {
    padding: 5rem 6rem;
  }
}
.news-grid .card:nth-child(1) .title {
  font-size: 1.5rem;
}
@media (min-width: 850px) and (max-width: 1149px) {
  .news-grid .card:nth-child(1) .title {
    font-size: 2rem;
  }
}
@media (min-width: 1150px) {
  .news-grid .card:nth-child(1) .title {
    font-size: 3rem;
    line-height: 1.16;
    max-width: 25ch;
  }
}
.news-grid .card:nth-child(1) .image .grad {
  bottom: initial;
  top: 0;
  width: 70%;
  height: 100%;
  background: linear-gradient(240deg, rgba(0, 44, 255, 0) 30%, rgba(0, 0, 0, 0.7) 55%);
}
.news-grid .card:nth-child(2) {
  grid-column: span 12;
}
.news-grid .card:nth-child(2)::before{
  float: left;
  padding-top: 75.75757575757575%;
  content: '';
}
.news-grid .card:nth-child(2)::after{
  display: block;
  content: '';
  clear: both;
}
@media (min-width: 1150px) {
  .news-grid .card:nth-child(2) {
    grid-column: span 6;
  }
  .news-grid .card:nth-child(2)::before{
    float: left;
    padding-top: 75%;
    content: '';
  }
  .news-grid .card:nth-child(2)::after{
    display: block;
    content: '';
    clear: both;
  }
}
.news-grid .card:nth-child(2) .title {
  font-size: 1.5rem;
}
@media (min-width: 1150px) {
  .news-grid .card:nth-child(2) .title {
    font-size: 2rem;
  }
}
.news-grid .card:nth-child(3) {
  grid-column: span 12;
}
.news-grid .card:nth-child(3)::before{
  float: left;
  padding-top: 75.75757575757575%;
  content: '';
}
.news-grid .card:nth-child(3)::after{
  display: block;
  content: '';
  clear: both;
}
@media (min-width: 1150px) {
  .news-grid .card:nth-child(3) {
    grid-column: span 6;
  }
  .news-grid .card:nth-child(3)::before{
    float: left;
    padding-top: 75%;
    content: '';
  }
  .news-grid .card:nth-child(3)::after{
    display: block;
    content: '';
    clear: both;
  }
}
.news-grid .card:nth-child(3) .title {
  font-size: 1.5rem;
}
@media (min-width: 1150px) {
  .news-grid .card:nth-child(3) .title {
    font-size: 2rem;
  }
}
.news-grid .text {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.5rem 2rem;
}
@media (min-width: 769px) {
  .news-grid .text {
    padding: 2rem 3rem;
  }
}
.news-grid .type-icon {
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  margin-bottom: 1.2rem;
  z-index: 5;
}
.news-grid .type-icon[data-type=videos] svg {
  width: 0.9rem;
  transform: translateX(0.2rem);
}
.news-grid .type-icon[data-type=photos] svg {
  width: 1.5rem;
}
.news-grid .title {
  font-size: 1.5rem;
  line-height: 1.33;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  z-index: 5;
}
@media (min-width: 769px) {
  .news-grid .title {
    line-height: 1.46;
  }
}
.news-grid .excerpt {
  max-width: 65ch;
  margin: 1.5rem 0 0;
  z-index: 5;
}
@media (max-width: 1149px) {
  .news-grid .excerpt {
    display: none;
  }
}
.news-grid .image {
  z-index: 1;
}
.news-grid .image img {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.news-grid .image .grad {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0), black);
  z-index: 2;
}
.news-grid .cta .container {
  align-items: center;
}
@media (min-width: 769px) {
  .news-grid .cta .container {
    justify-content: center;
  }
}

.videos-grid {
  color: #fff;
  margin-bottom: 9rem;
}
.videos-grid .heading {
  grid-column: span 12;
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2rem;
  color: #000;
  line-height: 1;
}
@media (min-width: 769px) {
  .videos-grid .heading {
    margin-bottom: 6rem;
    font-size: 4rem;
  }
}
.videos-grid .card {
  grid-column: span 6;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.18);
  text-decoration: none;
  color: #fff;
}
.videos-grid .card::before{
  float: left;
  padding-top: 75.71428571428571%;
  content: '';
}
.videos-grid .card::after{
  display: block;
  content: '';
  clear: both;
}
.videos-grid .card::before{
  float: left;
  padding-top: 75%;
  content: '';
}
.videos-grid .card::after{
  display: block;
  content: '';
  clear: both;
}
@media (max-width: 768px) {
  .videos-grid .card {
    margin-bottom: 2rem;
  }
}
.videos-grid .text {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2rem 3rem;
}
.videos-grid .type-icon {
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  margin-bottom: 1.2rem;
  z-index: 5;
}
.videos-grid .type-icon svg {
  width: 0.9rem;
  transform: translateX(0.2rem);
}
.videos-grid .title {
  max-width: 25ch;
  font-size: 2rem;
  line-height: 1.46;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  z-index: 5;
}
.videos-grid .excerpt {
  max-width: 65ch;
  margin: 1.5rem 0 0;
  z-index: 5;
}
.videos-grid .image {
  z-index: 1;
}
.videos-grid .image img {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.videos-grid .image .grad {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0), black);
  z-index: 2;
}

.image-carousel {
  padding: 8rem 0;
  overflow: hidden;
  z-index: 2;
}
.image-carousel[data-contained="1"] {
  width: 100%;
}
@media (min-width: 769px) {
  .image-carousel[data-contained="1"] {
    width: 87.5%;
    margin-left: 12.5%;
  }
}
@media (min-width: 1900px) {
  .image-carousel[data-contained="1"] {
    width: 80%;
    margin-left: 20%;
  }
}
.image-carousel[data-contained="1"] .background-blur {
  display: none;
}
.image-carousel[data-contained="1"] .gallery-container {
  padding: 0;
  overflow: hidden;
}
@media (min-width: 769px) {
  .image-carousel[data-contained="1"] .gallery-container {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }
}
.image-carousel .marquee {
  grid-column: span 12;
  z-index: 3;
  background: var(--black);
  padding: 3rem 0 2.5rem;
}
@media (max-width: 768px) {
  .image-carousel .marquee {
    padding-left: 2rem;
  }
}
.image-carousel .marquee p {
  font-size: 2.7rem;
  line-height: 1;
}
.image-carousel .container.background-container {
  position: absolute;
  top: 50%;
  left: auto;
  right: auto;
  transform: translateY(-50%);
  height: 100%;
  z-index: 1;
}
.image-carousel .gallery-container {
  width: 100%;
  padding: 6rem 0;
  background-color: var(--black);
}
.image-carousel .container.main-container {
  background-color: var(--black);
  padding-right: 0 !important;
  z-index: 2;
}
.image-carousel .carousel {
  background-color: var(--black);
  grid-column: span 12;
  width: 100%;
  z-index: 2;
}
.image-carousel .carousel::before{
  float: left;
  padding-top: 21.21212121212121%;
  content: '';
}
.image-carousel .carousel::after{
  display: block;
  content: '';
  clear: both;
}
.image-carousel .carousel-grad {
  position: absolute;
  top: 0;
  left: 0;
  width: 10%;
  height: 100%;
  background-image: linear-gradient(to right, var(--black), transparent);
  pointer-events: none;
  z-index: 4;
}
.image-carousel .controls {
  position: absolute;
  top: 50%;
  width: 9rem;
  height: 9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  transform: translateY(-50%);
  transition: opacity 0.15s ease;
  cursor: pointer;
  z-index: 10;
}
@media (max-width: 768px) {
  .image-carousel .controls {
    display: none;
  }
}
.image-carousel .controls:hover .background {
  transform: scale(1.1);
}
.image-carousel .controls.next {
  right: 9%;
}
@media (min-width: 1400px) {
  .image-carousel .controls.next {
    right: 7.5%;
  }
}
@media (min-width: 1500px) {
  .image-carousel .controls.next {
    right: 10.5%;
  }
}
@media (min-width: 1900px) {
  .image-carousel .controls.next {
    right: 20%;
  }
}
.image-carousel .controls.next svg {
  transform: rotate(180deg) translateX(-0.3rem);
}
.image-carousel .controls.prev {
  left: 1rem;
  transform: translateY(-50%);
}
.image-carousel .controls.prev svg {
  transform: translateX(-0.3rem);
}
.image-carousel .controls.swiper-button-disabled {
  opacity: 0;
}
.image-carousel .controls svg {
  color: #fff;
  width: 1.4rem;
  z-index: 2;
}
.image-carousel .controls .background {
  background-color: var(--blue);
  border-radius: 100%;
  transition: transform 0.15s ease-in-out;
  z-index: 1;
}
.image-carousel .image {
  border-radius: 1rem;
  overflow: hidden;
}
.image-carousel .image::before{
  float: left;
  padding-top: 66.66666666666666%;
  content: '';
}
.image-carousel .image::after{
  display: block;
  content: '';
  clear: both;
}
.image-carousel .image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.image-carousel .background-blur {
  height: 100%;
  grid-column: span 12;
  background: var(--blue);
  border-radius: 100%;
  opacity: 0.4;
  filter: blur(4.8rem);
  z-index: 1;
}

.shop-banner {
  display: block;
  transition: ease 0.3s all;
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
  left: 0;
  padding: 5px 0;
}
.shop-banner.hidden {
  opacity: 0;
  pointer-events: all;
}
.shop-banner.hidden ~ .site-header {
  top: 0;
}
.shop-banner.hidden ~ .mobile-nav-icon {
  margin-top: 0;
}
.shop-banner ~ .site-header {
  top: 6rem;
}
.shop-banner ~ .mobile-nav-icon {
  margin-top: 6rem;
}

.shop-banner-wrap {
  grid-column: span 12;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0 20px;
  align-items: center;
  position: relative;
  padding: 0 20px;
}
@media screen and (min-width: 1024px) {
  .shop-banner-wrap {
    grid-template-columns: auto auto auto auto;
    gap: 20px;
  }
}
@media screen and (min-width: 1600px) {
  .shop-banner-wrap {
    padding: 0 12.5%;
  }
}
.shop-banner-wrap .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.shop-banner-wrap .heading {
  font-family: var(--avant);
  font-weight: 600;
  font-size: 26px;
  line-height: 1;
  margin: unset;
  margin-top: 0.2em;
}
@media screen and (min-width: 1024px) {
  .shop-banner-wrap .heading {
    font-size: 30px;
  }
}
@media screen and (min-width: 1440px) {
  .shop-banner-wrap .heading {
    font-size: 40px;
  }
}
.shop-banner-wrap .subheading {
  line-height: 1;
  margin: unset;
  margin-top: 0.2em;
  font-size: 16px;
  order: 1;
}
@media screen and (min-width: 1024px) {
  .shop-banner-wrap .subheading {
    order: 0;
    font-size: 20px;
  }
}
@media screen and (min-width: 1440px) {
  .shop-banner-wrap .subheading {
    font-size: 26px;
  }
}
.shop-banner-wrap .code-wrap {
  text-align: center;
  display: flex;
  grid-row: span 2;
}
@media screen and (min-width: 1024px) {
  .shop-banner-wrap .code-wrap {
    grid-row: unset;
  }
}
.shop-banner-wrap .code-wrap .code {
  padding: 5px 20px;
  padding-top: calc(5px + 0.2em);
  font-size: 16px;
}
@media screen and (min-width: 1440px) {
  .shop-banner-wrap .code-wrap .code {
    font-size: 20px;
  }
}
.shop-banner-wrap .note {
  display: none;
  text-align: center;
  font-size: 14px;
  z-index: 2;
}
.shop-banner-wrap .note p {
  margin: unset;
  font-size: inherit;
}
.shop-banner-wrap .note a {
  color: inherit;
  font-size: inherit;
}
@media screen and (min-width: 1024px) {
  .shop-banner-wrap .note {
    display: block;
  }
}

.shop-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  pointer-events: none;
}
.shop-popup.show {
  opacity: 1;
  pointer-events: all;
}

.shop-popup-wrap {
  position: relative;
  max-width: 600px;
  width: 95%;
  display: flex;
  justify-content: center;
}
.shop-popup-wrap .popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  cursor: pointer;
}
.shop-popup-wrap .popup-close svg {
  width: 20px;
  height: 20px;
}
.shop-popup-wrap .popup-image-wrap {
  position: relative;
  width: 100%;
}
.shop-popup-wrap .popup-image-wrap::before {
  content: "";
  width: 100%;
  padding-bottom: 100%;
  display: block;
}
.shop-popup-wrap .popup-image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.shop-popup-wrap .popup-logo {
  width: 100%;
  max-width: 200px;
  position: absolute;
  top: 30px;
  z-index: 2;
}
.shop-popup-wrap .popup-button {
  position: absolute;
  bottom: 30px;
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 1.8rem 3rem 1.5rem;
  border-radius: 0.5rem;
  font-family: var(--avant);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

/** Template-specific styles */
.not-found {
  background: var(--blue);
}
.not-found h1 {
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 14rem;
  color: #fff;
}
@media (min-width: 769px) {
  .not-found h1 {
    margin-top: 0;
    font-size: 9rem;
  }
}
.not-found h2 {
  color: #fff;
  margin-top: 0;
}
.not-found .content {
  padding: 5vh 0 12vh;
  grid-column: span 12;
  text-align: center;
}
@media (min-width: 769px) {
  .not-found .content {
    padding: 15vh 0 12vh;
  }
}
.not-found p {
  max-width: 40ch;
  margin-bottom: 4rem;
  margin: 0 auto;
}
.not-found .button-container {
  display: flex;
  justify-content: center;
}

.template-home {
  background-color: var(--black);
}
.template-home .news-grid {
  padding: 8rem 0 10rem;
  background: #000;
  z-index: 2;
}
@media (max-width: 768px) {
  .template-home .news-grid {
    padding: 4rem 0 2rem;
  }
}
.template-home .news-grid .heading {
  display: none;
}
.template-home .news-grid .cta {
  margin-top: 3rem;
}
.template-home .news-grid .heading {
  color: #fff;
}

.home-hero {
  display: flex;
  height: 100vh;
  background-color: var(--black);
}
@media (max-width: 500px) {
  .home-hero {
    height: auto;
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .home-hero {
    align-items: center;
  }
}
@media (max-width: 768px) {
  .home-hero[data-news-takeover="1"] {
    height: calc(100vh - 20rem);
  }
  .home-hero[data-news-takeover="1"] .container {
    height: 100%;
    justify-content: flex-end;
  }
  .home-hero[data-news-takeover="1"] .content {
    text-align: center;
    height: auto;
  }
  .home-hero[data-news-takeover="1"] .left-grad {
    display: none;
  }
  .home-hero[data-news-takeover="1"] .bottom-grad {
    height: 80%;
  }
  .home-hero[data-news-takeover="1"] .top-grad {
    top: initial;
    bottom: 0;
    height: 50%;
    background-image: linear-gradient(to top, var(--black), transparent);
  }
}
@media (max-width: 500px) {
  .home-hero[data-news-takeover="1"] {
    height: calc(100vh - 20rem);
  }
}
.home-hero[data-news-takeover="1"] p {
  font-weight: 400;
}
.home-hero[data-news-takeover="1"] .tag {
  top: 0;
  margin: 0 auto 2rem;
  background-color: var(--red);
  color: #fff;
  padding: 0.7rem 1.4rem 0.4rem 1.4rem;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  font-style: italic;
  border-radius: 3rem;
  z-index: 3;
}
.home-hero[data-news-takeover="1"] .tag.mobile {
  display: none;
}
@media (max-width: 768px) {
  .home-hero[data-news-takeover="1"] .tag.mobile {
    display: block;
  }
}
.home-hero video {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.home-hero .news-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.home-hero .news-image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.home-hero .marquee {
  position: absolute;
  bottom: 5vh;
  left: 0;
  z-index: 5;
}
@media (max-width: 768px) {
  .home-hero .marquee {
    display: none;
  }
}
.home-hero .marquee p {
  font-size: 2.5vw;
}
.home-hero .marquee svg {
  width: 2.5vw;
}
.home-hero .pattern {
  background-image: url("../images/hero-pattern.svg");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 3;
}
@media (max-width: 499px) {
  .home-hero .pattern {
    display: none;
  }
}
.home-hero .container {
  z-index: 10;
  overflow: hidden;
}
@media (min-width: 769px) and (max-width: 900px) {
  .home-hero .container {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .home-hero .container {
    height: 100%;
  }
}
.home-hero .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-column: span 9;
  text-align: center;
}
@media (max-width: 768px) {
  .home-hero .content {
    height: 100%;
  }
}
@media (min-width: 769px) {
  .home-hero .content {
    justify-content: center;
  }
}
@media (min-width: 1300px) {
  .home-hero .content {
    justify-content: center;
    grid-column: span 6;
  }
}
.home-hero .content[data-breaking="1"] {
  text-align: left;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .home-hero .content[data-breaking="1"] {
    text-align: center;
    align-items: center;
  }
}
.home-hero .content[data-breaking="1"] .button-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .home-hero .content[data-breaking="1"] .button-container {
    justify-content: center;
  }
}
.home-hero .content[data-breaking="1"] .button-container .button {
  margin-right: 2rem;
}
.home-hero .content[data-breaking="1"] h2 {
  font-size: 3rem;
  line-height: 1;
  margin: 0 0 1.5rem;
}
@media (max-width: 499px) {
  .home-hero .content[data-breaking="1"] h2 {
    max-width: 100%;
  }
}
@media (min-width: 769px) {
  .home-hero .content[data-breaking="1"] h2 {
    font-size: 5rem;
  }
}
.home-hero .content[data-breaking="1"] .excerpt {
  margin-bottom: 3rem;
}
.home-hero .content h2 {
  font-size: 2.5rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 3.5rem 0 2rem;
}
@media (max-width: 499px) {
  .home-hero .content h2 {
    max-width: 14ch;
  }
}
@media (min-width: 500px) {
  .home-hero .content h2 {
    margin: 3.5rem 0 5rem;
  }
}
@media (min-width: 769px) {
  .home-hero .content h2 {
    margin: 7.5rem 0 4rem;
    font-size: 3.1rem;
  }
}
.home-hero .content h2 strong {
  color: var(--red);
}
.home-hero .sub-heading h2 {
  z-index: 2;
}
@media (max-width: 499px) {
  .home-hero .sub-heading h2 {
    margin-left: auto;
    margin-right: auto;
  }
}
.home-hero .sub-heading h3, .home-hero .sub-heading p {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 1rem 0 0;
}
@media (min-width: 500px) {
  .home-hero .sub-heading h3, .home-hero .sub-heading p {
    font-size: 2.5rem;
  }
}
.home-hero .sub-heading svg {
  position: absolute;
  top: calc(50% - 1rem);
  left: 50%;
  width: 120%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (max-width: 499px) {
  .home-hero .sub-heading svg {
    top: calc(50% - 2.5rem);
    width: 200%;
  }
}
.home-hero .sub-heading-text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 2;
}
@media (min-width: 500px) {
  .home-hero .sub-heading-text {
    bottom: 0;
    flex-direction: column;
    position: relative;
    max-width: 100%;
  }
}
.home-hero .sub-heading-image {
  width: 9.95rem;
  height: auto;
  margin-bottom: 1rem;
}
@media (max-width: 499px) {
  .home-hero .sub-heading-image {
    margin-top: 1rem;
  }
}
@media (min-width: 500px) {
  .home-hero .sub-heading-image {
    width: 13rem;
    height: 3.8rem;
    margin-right: 0;
  }
}
.home-hero .sub-heading-image svg {
  width: 100%;
  height: 100%;
}
.home-hero .logo {
  width: 60%;
  margin-bottom: 5vh;
}
@media (max-width: 768px) {
  .home-hero .logo {
    margin-top: 15vh;
  }
}
@media (min-width: 769px) {
  .home-hero .logo {
    max-width: 44.5rem;
  }
}
.home-hero .full-video {
  position: absolute;
  border-radius: 2rem;
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
  transform-origin: bottom right;
  color: #fff;
  cursor: pointer;
  z-index: 10;
}
.home-hero .full-video::before{
  float: left;
  padding-top: 54.237288135593225%;
  content: '';
}
.home-hero .full-video::after{
  display: block;
  content: '';
  clear: both;
}
@media (max-width: 499px) {
  .home-hero .full-video {
    position: relative;
    width: calc(100% - 8rem);
    bottom: 2rem;
    left: 4rem;
    margin-top: 7rem;
    box-shadow: 0 0 6rem rgba(0, 44, 255, 0.5);
  }
}
@media (min-width: 500px) {
  .home-hero .full-video {
    width: 35vw;
    bottom: 5vh;
    right: 5vh;
  }
  .home-hero .full-video:hover {
    transform: scale(1.46);
  }
  .home-hero .full-video:hover .play svg {
    color: var(--red);
  }
}
@media (min-width: 900px) {
  .home-hero .full-video {
    width: 19.8vw;
  }
}
.home-hero .full-video.breaking::before{
  float: left;
  padding-top: 70.17543859649122%;
  content: '';
}
.home-hero .full-video.breaking::after{
  display: block;
  content: '';
  clear: both;
}
.home-hero .full-video .text {
  position: absolute;
  bottom: 1vw;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: var(--avant);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.33;
  text-transform: uppercase;
  padding: 1.5rem 2rem;
  z-index: 3;
}
@media (min-width: 769px) {
  .home-hero .full-video .text {
    padding: 0 1vw;
  }
}
.home-hero .full-video .text span {
  display: block;
  margin-top: 0.5rem;
}
.home-hero .full-video .text.breaking {
  font-size: 1.5rem;
}
.home-hero .full-video .tag {
  position: absolute;
  top: 1vw;
  left: 1vw;
  background-color: var(--red);
  color: #fff;
  padding: 0.7rem 1.4rem 0.4rem 1.4rem;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  font-style: italic;
  border-radius: 3rem;
  z-index: 3;
}
.home-hero .full-video .play {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.6rem;
  height: 3.6rem;
  background-color: #fff;
  border-radius: 100%;
  flex-shrink: 0;
  margin-right: 2rem;
}
@media (min-width: 769px) {
  .home-hero .full-video .play {
    margin-right: 1vw;
  }
}
.home-hero .full-video .play svg {
  width: 1.2rem;
  color: var(--blue);
  transition: color 0.3s ease;
  transform: translateX(1px);
}
.home-hero .full-video .image::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
}
.home-hero .full-video .image img {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.home-hero .scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .home-hero .scroll {
    justify-self: flex-end;
    margin: 3rem 0;
  }
}
.home-hero .scroll p {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.33;
  text-transform: uppercase;
}
.home-hero .scroll .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 2.6rem;
  padding: 1.5rem 0;
  border: 1px solid #989da1;
  border-radius: 1.3rem;
}
.home-hero .scroll .triangle {
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.9rem solid var(--red);
  margin-bottom: 0.2rem;
}
.home-hero .scroll .triangle:last-child {
  margin-bottom: 0;
}
.home-hero .scrim {
  background-color: var(--black);
  opacity: 0.2;
  z-index: 2;
}
.home-hero .top-grad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 24.7%;
  background-image: linear-gradient(to bottom, var(--black), transparent);
  z-index: 3;
}
.home-hero .bottom-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24.7%;
  background-image: linear-gradient(to top, var(--black), transparent);
  z-index: 3;
}
.home-hero .left-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 42.91%;
  height: 100%;
  background-image: linear-gradient(to right, var(--black), transparent);
  z-index: 3;
}

.home-about {
  display: flex;
  flex-direction: column;
  background-color: var(--black);
  overflow: hidden;
  margin-top: -0.5rem;
  padding: 10rem 0;
  z-index: 1;
}
@media (min-width: 769px) {
  .home-about {
    flex-direction: row;
    align-items: center;
    padding: 26rem 0 31rem;
  }
}
.home-about .container {
  z-index: 4;
}
@media (max-width: 768px) {
  .home-about .container {
    order: 2;
  }
}
.home-about h2 {
  grid-column: 1/span 6;
  grid-row: 1;
  font-size: 4rem;
  line-height: 1;
  font-weight: 700;
  max-width: 13ch;
  text-transform: uppercase;
  margin: 0 0 3rem;
}
@media (min-width: 769px) {
  .home-about h2 {
    font-size: 5rem;
    margin: 0;
  }
}
.home-about .main-content {
  grid-column: 1/span 6;
  grid-row: 2;
}
.home-about .buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  grid-column: 1/span 6;
  margin-top: 3rem;
  grid-row: 3;
}
@media (min-width: 769px) {
  .home-about .buttons {
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 1rem;
  }
}
.home-about .button {
  margin-right: 2rem;
  cursor: pointer;
  margin-bottom: 2rem;
}
.home-about .button:last-child {
  margin-bottom: 0;
}
.home-about .button:hover .play svg {
  color: var(--red);
}
.home-about .button .play {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.6rem;
  height: 3.6rem;
  background-color: #fff;
  border-radius: 100%;
  flex-shrink: 0;
  margin-right: 1rem;
  margin-left: -1rem;
  transform: translateY(-2px);
}
.home-about .button .play svg {
  width: 1.2rem;
  color: var(--blue);
  transition: color 0.3s ease;
  transform: translateX(2px);
}
.home-about .marquee {
  position: absolute;
  top: 0;
  transform: rotate(90deg) translateY(-90vw);
  z-index: 3;
}
@media (max-width: 769px) {
  .home-about .marquee {
    display: none;
  }
}
.home-about .bg-icon {
  position: absolute;
  z-index: 4;
}
.home-about .bg-icon svg {
  width: 100%;
}
.home-about .bg-triangle-1 {
  width: 20%;
  top: 10%;
  left: 5%;
  transform: translateX(-41.45%);
}
@media (min-width: 769px) {
  .home-about .bg-triangle-1 {
    width: 13.4%;
    top: 24.07%;
    left: 0;
  }
}
.home-about .bg-triangle-2 {
  transform: translateX(40%);
}
@media (max-width: 768px) {
  .home-about .bg-triangle-2 {
    width: 10%;
    top: 18%;
    left: 5%;
  }
}
@media (min-width: 769px) {
  .home-about .bg-triangle-2 {
    width: 21.52%;
    top: 2.34%;
    right: 0;
  }
}
.home-about .bg-triangle-2 svg {
  transform: rotate(270deg);
}
@media (min-width: 769px) {
  .home-about .bg-triangle-2 svg {
    transform: rotate(180deg);
  }
}
.home-about .bg-circle {
  width: 5.9%;
  top: 41.97%;
  right: 17.7%;
}
@media (max-width: 768px) {
  .home-about .bg-circle {
    display: none;
  }
}
.home-about .bg-bolt {
  width: 15%;
  top: 14%;
  right: 40%;
  color: var(--blue);
}
@media (min-width: 769px) {
  .home-about .bg-bolt {
    width: 9.02%;
    top: 57.4%;
    right: 34.375%;
  }
}
.home-about .bg-vertical-triangles {
  color: var(--blue);
}
@media (max-width: 768px) {
  .home-about .bg-vertical-triangles {
    width: 1.5rem;
    top: 10%;
    right: 4%;
  }
}
@media (min-width: 769px) {
  .home-about .bg-vertical-triangles {
    width: 1.5rem;
    bottom: 0%;
    right: 15.97%;
  }
}
@media (max-width: 768px) {
  .home-about .background-image {
    order: 1;
    margin-bottom: 3rem;
  }
}
@media (min-width: 769px) {
  .home-about .background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 769px) {
  .home-about .background-image picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.home-about .background-image img {
  z-index: 1;
}
@media (min-width: 769px) {
  .home-about .background-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center 65%;
       object-position: center 65%;
  }
}
.home-about .background-image .top-grad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 16.66%;
  background-image: linear-gradient(to bottom, var(--black), transparent);
  z-index: 3;
}
.home-about .background-image .bottom-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24.7%;
  background-image: linear-gradient(to top, var(--black), transparent);
  z-index: 3;
}
.home-about .background-image .left-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background-image: linear-gradient(to right, var(--black), rgba(0, 0, 0, 0));
  z-index: 3;
}
@media (min-width: 769px) {
  .home-about .background-image .left-grad {
    width: 54.51%;
  }
}
.home-about .background-image .left-grad-2 {
  position: absolute;
  bottom: 0;
  left: 7.98%;
  width: 54.51%;
  height: 100%;
  background-image: linear-gradient(to right, var(--black), transparent);
  z-index: 3;
}
@media (max-width: 768px) {
  .home-about .background-image .left-grad-2 {
    display: none;
  }
}
.home-about .background-image .right-grad {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 33.88%;
  height: 100%;
  background-image: linear-gradient(to left, var(--black), transparent);
  z-index: 2;
}

.events-spacer {
  width: 100%;
  height: 5rem;
  background-color: #fff;
  z-index: 1;
}
@media (min-width: 769px) {
  .events-spacer {
    height: 10rem;
  }
}

.events-heading {
  background-color: var(--black);
}
.events-heading h2 {
  grid-column: span 12;
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 6rem;
  text-transform: uppercase;
}

.home-events {
  background-color: var(--black);
  z-index: 2;
}
.home-events .container {
  display: flex;
  flex-direction: column;
}
.home-events .cards {
  width: 100%;
  height: 100%;
  overflow: visible;
  border-radius: 2rem;
  z-index: 2;
}
@media (min-width: 1000px) {
  .home-events .cards {
    box-shadow: 0 0 9.9rem rgba(0, 44, 255, 0.8);
  }
}
.home-events[data-events-display-type=artwork] .swiper-slide {
  width: 100%;
}
.home-events[data-events-display-type=artwork] .swiper-slide::before{
  float: left;
  padding-top: 66.66666666666666%;
  content: '';
}
.home-events[data-events-display-type=artwork] .swiper-slide::after{
  display: block;
  content: '';
  clear: both;
}
@media (min-width: 769px) {
  .home-events[data-events-display-type=artwork] .swiper-slide::before{
    float: left;
    padding-top: 56.25%;
    content: '';
  }
  .home-events[data-events-display-type=artwork] .swiper-slide::after{
    display: block;
    content: '';
    clear: both;
  }
}
.home-events[data-events-display-type=artwork] picture {
  border-radius: 2rem;
  overflow: hidden;
}
.home-events[data-events-display-type=artwork] picture img {
  -o-object-fit: cover;
     object-fit: cover;
}
.home-events[data-events-display-type=choose_events] .event-info-mobile {
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  text-align: center;
  padding: 2rem;
  z-index: 2;
}
@media (min-width: 1000px) {
  .home-events[data-events-display-type=choose_events] .event-info-mobile {
    display: none;
  }
}
.home-events[data-events-display-type=choose_events] .event-info-mobile .striker h2 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
  text-transform: uppercase;
  margin: 0;
}
.home-events[data-events-display-type=choose_events] .event-info-mobile .striker h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  margin: 0;
}
.home-events[data-events-display-type=choose_events] .event-info-mobile .date,
.home-events[data-events-display-type=choose_events] .event-info-mobile .time {
  font-size: 2rem;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
}
.home-events[data-events-display-type=choose_events] .event-info-mobile .date {
  margin: 1.5rem 0 1rem;
}
.home-events[data-events-display-type=choose_events] .event-info-mobile .time {
  margin: 0 0 2rem;
}
.home-events[data-events-display-type=choose_events] .event-info-mobile .venue {
  font-size: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.46;
}
.home-events[data-events-display-type=choose_events] .event-info-mobile .ticket-cta {
  align-self: center;
  margin: 0.5rem 0 2rem;
}
.home-events[data-events-display-type=choose_events] .event-info-mobile .versus {
  font-size: 2rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  -webkit-text-stroke: 1px white;
  color: transparent;
  margin: 0.5rem 0 1rem;
}
.home-events .pagination {
  pointer-events: none;
  z-index: 10;
}
@media (max-width: 999px) {
  .home-events .pagination {
    display: none;
  }
}
.home-events .pagination button {
  position: absolute;
  top: 50%;
  width: 9rem;
  height: 9rem;
  background-color: #fff;
  border-radius: 100%;
  cursor: pointer;
  pointer-events: all;
}
.home-events .pagination button:hover::after {
  transform: scale(1.1);
}
.home-events .pagination button::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  background-color: #fff;
  border-radius: 100%;
  transition: transform 0.15s ease-in-out;
  z-index: 1;
}
.home-events .pagination .prev {
  left: 0;
  transform: translate(-50%, -50%);
}
.home-events .pagination .next {
  right: 0;
  transform: translate(50%, -50%);
}
.home-events .pagination .next svg {
  transform: rotate(180deg);
}
.home-events .pagination svg {
  color: var(--black);
  width: 1.4rem;
  z-index: 3;
}
.home-events .swiper-wrapper {
  width: 100%;
  overflow: hidden;
}
.home-events .swiper-slide {
  width: 100%;
}
.home-events .card {
  overflow: hidden;
}
.home-events .card.swiper-slide-active .event-info-mobile {
  background-color: var(--black);
}
.home-events .card h2 {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin: 0;
}
@media (min-width: 1250px) {
  .home-events .card h2 {
    font-size: 2rem;
  }
}
.home-events .card h3 {
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 2rem;
}
@media (min-width: 1250px) {
  .home-events .card h3 {
    font-size: 5rem;
  }
}
@media (max-width: 999px) {
  .home-events .card .desktop {
    display: none !important;
  }
}
.home-events .card .versus.large {
  position: absolute;
  top: 12.5rem;
  left: 50%;
  font-size: 4.9rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  -webkit-text-stroke: 2px white;
  transform: translate(calc(-50% - 0.3rem), -50%);
  color: transparent;
  margin: 0 0 0.5rem;
  z-index: 10;
}
@media (min-width: 1000px) {
  .home-events .card .versus.large {
    top: 50%;
    left: 50%;
    font-size: 10vw;
    transform: translate(calc(-50% - 0.5rem), calc(-50% + 1.5vw));
    margin: 0;
  }
}
.home-events .card .striker-1 {
  display: flex;
  width: 100%;
}
.home-events .card .striker-1 .left {
  width: 50%;
  border-top-left-radius: 2rem;
  overflow: hidden;
  background-color: var(--blue);
}
@media (max-width: 999px) {
  .home-events .card .striker-1 .left {
    height: 12rem;
  }
}
@media (min-width: 1000px) {
  .home-events .card .striker-1 .left::before{
    float: left;
    padding-top: 56.45161290322581%;
    content: '';
  }
  .home-events .card .striker-1 .left::after{
    display: block;
    content: '';
    clear: both;
  }
}
@media (max-width: 999px) {
  .home-events .card .striker-1 .left {
    background-image: url("../images/card-details-pattern.svg");
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.home-events .card .striker-1 .left h3 {
  padding: 5rem 3rem 0 3rem;
}
@media (min-width: 1250px) {
  .home-events .card .striker-1 .left h3 {
    padding: 7rem 5rem 0 5rem;
  }
}
.home-events .card .striker-1 .left h2 {
  padding: 0 3rem;
}
@media (min-width: 1250px) {
  .home-events .card .striker-1 .left h2 {
    padding: 0 5rem 0 5rem;
  }
}
.home-events .card .striker-1 .right {
  width: 50%;
  border-top-right-radius: 2rem;
  overflow: hidden;
  background-color: var(--blue);
}
@media (max-width: 999px) {
  .home-events .card .striker-1 .right {
    height: 12rem;
  }
}
@media (min-width: 1000px) {
  .home-events .card .striker-1 .right::before{
    float: left;
    padding-top: 56.45161290322581%;
    content: '';
  }
  .home-events .card .striker-1 .right::after{
    display: block;
    content: '';
    clear: both;
  }
}
@media (min-width: 1000px) {
  .home-events .card .striker-1 .right {
    background-image: url("../images/card-details-pattern.svg");
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.home-events .card .striker-1 .right .event-info {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5rem 3rem 0;
  text-align: right;
  z-index: 3;
}
@media (min-width: 1250px) {
  .home-events .card .striker-1 .right .event-info {
    padding: 4rem;
  }
}
.home-events .card .striker-1 .right .date {
  font-size: 4rem;
  line-height: 1;
}
.home-events .card .striker-1 .right p {
  margin: 0;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 400;
  text-transform: uppercase;
}
.home-events .card .striker-1 .right .image {
  z-index: 2;
}
@media (max-width: 999px) {
  .home-events .card .striker-1 .right .image {
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 45% 0, 100% 100%, 0% 100%);
  }
}
@media (min-width: 1000px) {
  .home-events .card .striker-1 .right .image {
    width: 52%;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
  }
  .home-events .card .striker-1 .right .image::before{
    float: left;
    padding-top: 123.046875%;
    content: '';
  }
  .home-events .card .striker-1 .right .image::after{
    display: block;
    content: '';
    clear: both;
  }
}
.home-events .card .striker-1 .right .image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue);
  mix-blend-mode: color;
  z-index: 2;
}
.home-events .card .striker-1 .right .image img {
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(100%);
  z-index: 1;
}
.home-events .card .striker-2 {
  display: flex;
  width: 100%;
}
@media (max-width: 999px) {
  .home-events .card .striker-2::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 24.7%;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 4;
  }
}
.home-events .card .striker-2 .left {
  display: flex;
  width: 50%;
  overflow: hidden;
  background-color: var(--black);
}
@media (min-width: 1000px) {
  .home-events .card .striker-2 .left {
    border-bottom-left-radius: 2rem;
  }
}
@media (max-width: 999px) {
  .home-events .card .striker-2 .left {
    height: 12rem;
  }
}
@media (min-width: 1000px) {
  .home-events .card .striker-2 .left {
    background-image: url("../images/card-pattern.svg");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .home-events .card .striker-2 .left::before{
    float: left;
    padding-top: 56.45161290322581%;
    content: '';
  }
  .home-events .card .striker-2 .left::after{
    display: block;
    content: '';
    clear: both;
  }
}
.home-events .card .striker-2 .left .ticket-cta {
  display: flex;
  align-items: flex-end;
  width: 64%;
  padding: 3rem 0;
}
@media (min-width: 1250px) {
  .home-events .card .striker-2 .left .ticket-cta {
    padding: 4rem 0;
  }
}
.home-events .card .striker-2 .left .ticket-cta:first-child {
  padding: 3rem 0 3rem 3rem;
}
@media (min-width: 1250px) {
  .home-events .card .striker-2 .left .ticket-cta:first-child {
    padding: 4rem 0 4rem 4rem;
  }
}
@media (max-width: 999px) {
  .home-events .card .striker-2 .left .image {
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 45% 100%);
  }
}
@media (min-width: 1000px) {
  .home-events .card .striker-2 .left .image {
    width: 52%;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
  }
  .home-events .card .striker-2 .left .image::before{
    float: left;
    padding-top: 123.046875%;
    content: '';
  }
  .home-events .card .striker-2 .left .image::after{
    display: block;
    content: '';
    clear: both;
  }
}
.home-events .card .striker-2 .left .image img {
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(100%);
  z-index: 1;
}
.home-events .card .striker-2 .right {
  width: 50%;
  overflow: hidden;
  background-color: var(--black);
}
@media (min-width: 1000px) {
  .home-events .card .striker-2 .right {
    border-bottom-right-radius: 2rem;
  }
  .home-events .card .striker-2 .right::before{
    float: left;
    padding-top: 56.45161290322581%;
    content: '';
  }
  .home-events .card .striker-2 .right::after{
    display: block;
    content: '';
    clear: both;
  }
}
@media (max-width: 999px) {
  .home-events .card .striker-2 .right {
    height: 12rem;
    background-image: url("../images/card-pattern.svg");
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.home-events .card .striker-2 .right .text-wrapper {
  position: absolute;
  bottom: 3rem;
  right: 0;
  text-align: right;
}
@media (min-width: 1250px) {
  .home-events .card .striker-2 .right .text-wrapper {
    bottom: 7rem;
  }
}
.home-events .card .striker-2 .right h3 {
  padding: 0 3rem;
}
@media (min-width: 1250px) {
  .home-events .card .striker-2 .right h3 {
    padding: 0 5rem;
  }
}
.home-events .card .striker-2 .right h2 {
  padding: 0 3rem;
}
@media (min-width: 1250px) {
  .home-events .card .striker-2 .right h2 {
    padding: 0 5rem;
  }
}
.home-events .background-bottom {
  position: absolute;
  left: 0;
  width: 100%;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  background-color: #fff;
  z-index: 1;
}
@media (max-width: 999px) {
  .home-events .background-bottom {
    top: 12rem;
    height: calc(100% + 12rem);
  }
}
@media (min-width: 1000px) {
  .home-events .background-bottom {
    bottom: 0;
    height: 50%;
  }
}

.home-strikers {
  padding: 2rem 0 3rem;
  background-color: var(--black);
}
@media (min-width: 769px) {
  .home-strikers {
    padding: 8rem 0 3rem;
  }
}
.home-strikers::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  z-index: 1;
}
.home-strikers h2 {
  grid-column: span 12;
  font-size: 4rem;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--black);
  text-align: center;
  margin-bottom: 2.5rem;
}
@media (min-width: 769px) {
  .home-strikers h2 {
    margin-bottom: 5.5rem;
  }
}
.home-strikers .container {
  z-index: 2;
  gap: 2rem;
}
@media (min-width: 1300px) {
  .home-strikers .container {
    gap: 3rem;
  }
}
@media (max-width: 768px) {
  .home-strikers .container.cards-container {
    display: grid;
    gap: 2rem;
    grid-auto-columns: 74%;
    grid-auto-flow: column;
    padding: 0 2rem 3rem 2rem;
    width: auto;
  }
}
@media (min-width: 769px) {
  .home-strikers .container.cards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .home-strikers .cards-outer {
    overflow-x: auto;
  }
}
.home-strikers .cards-outer::-webkit-scrollbar {
  height: 2rem;
  display: none;
}
.home-strikers .card {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.18);
  color: var(--black);
  text-decoration: none;
  border-radius: 2rem;
  overflow: hidden;
}
@media (min-width: 769px) {
  .home-strikers .card {
    width: calc(33.33% - 2rem);
  }
}
@media (min-width: 1300px) {
  .home-strikers .card {
    width: calc(25% - 2.25rem);
  }
}
.home-strikers .card .image {
  background-image: url("../images/card-background-slap.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--blue);
  pointer-events: none;
  overflow: hidden;
}
.home-strikers .card .image::before{
  float: left;
  padding-top: 66.66666666666666%;
  content: '';
}
.home-strikers .card .image::after{
  display: block;
  content: '';
  clear: both;
}
.home-strikers .card .image .inner {
  position: absolute;
  top: -2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: calc(100% + 2rem);
  width: 65%;
}
.home-strikers .card .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.home-strikers .card .text {
  padding: 3rem 1.5rem 4rem;
  text-align: center;
}
.home-strikers .card p {
  margin: 0;
}
.home-strikers .card h3 {
  margin: 0;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  .home-strikers .card h3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1000px) {
  .home-strikers .card h3 {
    font-size: 2rem;
  }
}
.home-strikers .card h3.bold {
  font-weight: 700;
}
.home-strikers .card .nickname {
  margin: 0;
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
@media (min-width: 769px) {
  .home-strikers .card .nickname {
    font-size: 1.5rem;
  }
}
@media (min-width: 1000px) {
  .home-strikers .card .nickname {
    font-size: 2rem;
  }
}
.home-strikers .card .location {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 2.5rem;
}
.home-strikers .card .champion-badge {
  color: #c4a257;
  letter-spacing: 0.3em;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem;
  margin-top: -1.5rem;
  margin-bottom: 2rem;
}
.home-strikers .card .ranking-number {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--blue);
  margin: 0;
}
.home-strikers .card .weight-class {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #989da1;
  margin: 0.5rem 0 0.7rem;
}
.home-strikers .card .record {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #989da1;
}
.home-strikers .cta {
  width: 100%;
  grid-column: span 12;
  display: flex;
  justify-content: center;
  margin: 1rem 0 6rem;
}
@media (max-width: 768px) {
  .home-strikers .cta {
    display: none;
  }
}

.how-to-watch {
  display: flex;
  align-content: center;
  background-color: var(--black);
  padding: 6rem 0 9rem;
  overflow: hidden;
}
@media (min-width: 769px) {
  .how-to-watch {
    padding: 14% 0 5%;
  }
}
.how-to-watch h2 {
  grid-column: 2/span 4;
  grid-row: 1;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 769px) {
  .how-to-watch h2 {
    font-size: 4rem;
  }
}
.how-to-watch .container {
  align-items: center;
}
.how-to-watch .main-content {
  grid-column: 2/span 5;
  grid-row: 2;
  margin: 1.5rem 0 2.5rem;
}
@media (min-width: 769px) {
  .how-to-watch .main-content {
    margin: 4rem 0 4.5rem;
  }
}
.how-to-watch .main-content p {
  max-width: 48ch;
}
.how-to-watch .main-content a {
  color: var(--blue);
}
.how-to-watch .cta {
  display: flex;
  justify-content: flex-start;
  grid-column: 2/span 5;
  grid-row: 3;
}
.how-to-watch .grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 3rem;
  z-index: 5;
}
.how-to-watch .image {
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0 3rem 5rem #000, 0 0 9.9rem rgba(0, 44, 255, 0.33);
  z-index: 2;
}
@media (min-width: 769px) {
  .how-to-watch .image {
    grid-column: 1/span 6;
  }
  .how-to-watch .image::before{
    float: left;
    padding-top: 56.48148148148148%;
    content: '';
  }
  .how-to-watch .image::after{
    display: block;
    content: '';
    clear: both;
  }
}
.how-to-watch .image img {
  z-index: 1;
}
@media (min-width: 769px) {
  .how-to-watch .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.how-to-watch .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-column: 8/span 5;
  width: 100%;
  z-index: 2;
}
@media (max-width: 768px) {
  .how-to-watch .text {
    margin-top: 6rem;
  }
}
@media (min-width: 769px) {
  .how-to-watch .text {
    min-height: 46rem;
  }
}
.how-to-watch .background-image {
  height: 60%;
  z-index: 1;
}
@media (min-width: 769px) {
  .how-to-watch .background-image {
    height: 100%;
  }
}
.how-to-watch .background-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 80%;
  border-radius: 100%;
  background-color: var(--blue);
  filter: blur(5rem);
  opacity: 0.4;
  z-index: 1;
}
.how-to-watch .background-image .pattern {
  top: 50%;
  height: 60%;
  transform: translateY(-50%);
  z-index: 3;
}
.how-to-watch .background-image .pattern img {
  -o-object-fit: cover;
     object-fit: cover;
}
.how-to-watch .background-image img {
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.5;
  z-index: 2;
}
.how-to-watch .background-image .top-grad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 24.7%;
  background-image: linear-gradient(to bottom, var(--black), transparent);
  z-index: 4;
}
.how-to-watch .background-image .bottom-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24.7%;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 4;
}
.how-to-watch .background-image .right-grad {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 33.88%;
  height: 100%;
  background-image: linear-gradient(to left, var(--black), transparent);
  z-index: 4;
}

.locator-map {
  width: 100%;
}
.locator-map #storelocatorwidget {
  grid-column: span 12;
}
.locator-map #storelocatorwidget-container {
  width: 100%;
}
.locator-map #storelocator-search-bar-row1 {
  padding: 0 0.3rem 0 1.5rem;
}

.participate {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--black);
}
@media (min-width: 769px) {
  .participate {
    flex-direction: row;
    align-content: center;
  }
}
.participate h2 {
  grid-column: 2/span 4;
  grid-row: 1;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 1.5rem;
}
@media (min-width: 769px) {
  .participate h2 {
    font-size: 6rem;
    margin: 0;
  }
}
.participate .main-content {
  grid-column: 2/span 5;
  grid-row: 2;
  margin: 0 0 1.5rem;
}
@media (min-width: 769px) {
  .participate .main-content {
    margin: 0;
  }
}
.participate .main-content p {
  max-width: 48ch;
}
.participate .cta {
  display: flex;
  justify-content: flex-start;
  grid-column: 2/span 5;
  grid-row: 3;
}
.participate .grid {
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: 5;
}
@media (min-width: 769px) {
  .participate .grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 3rem;
    margin: 8rem 0;
  }
}
.participate .card {
  display: flex;
  width: 100%;
  z-index: 2;
}
@media (max-width: 768px) {
  .participate .card {
    flex-direction: column-reverse;
    align-items: center;
    margin-bottom: 5rem;
  }
}
@media (min-width: 769px) {
  .participate .card {
    align-items: center;
    min-height: 46rem;
    grid-column: span 12;
    margin: 22% 0 16%;
  }
}
.participate .card .cutout-image {
  width: 100%;
  margin-bottom: 5rem;
  z-index: 3;
}
@media (max-width: 768px) {
  .participate .card .cutout-image {
    width: calc(100% + 4rem);
  }
  .participate .card .cutout-image::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + 4rem);
    transform: translateX(-2rem);
    height: 50%;
    background-image: linear-gradient(to top, var(--black), transparent);
    z-index: 3;
  }
}
@media (min-width: 769px) {
  .participate .card .cutout-image {
    position: absolute;
    bottom: 0;
    right: 9.9%;
    width: 100%;
    height: 122.7%;
    width: 42.7%;
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .participate .card .cutout-image img {
    width: 60%;
    margin: 0 auto;
  }
}
@media (min-width: 769px) {
  .participate .card .cutout-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center top;
       object-position: center top;
    z-index: 2;
  }
}
.participate .card .cutout-image-glow {
  position: absolute;
  bottom: 0;
  right: 9.9%;
  height: 122.7%;
  width: 42.7%;
  z-index: 1;
}
.participate .card .cutout-image-glow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  border-radius: 100%;
  background-color: var(--blue);
  transform: translateX(-50%);
  filter: blur(5rem);
  z-index: 1;
}
@media (max-width: 768px) {
  .participate .card .cutout-image-glow {
    display: none;
  }
}
.participate .card .card-background-image {
  border-radius: 2rem;
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 768px) {
  .participate .card .card-background-image {
    top: 20%;
    width: calc(100% + 4rem);
    transform: translateX(-2rem);
    height: 100%;
    border-radius: 0;
    overflow: visible;
  }
  .participate .card .card-background-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background-image: linear-gradient(to bottom, var(--black), transparent);
    z-index: 3;
  }
  .participate .card .card-background-image::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background-image: linear-gradient(to top, var(--black), transparent);
    z-index: 3;
  }
}
.participate .card .card-background-image .pattern {
  left: 0;
  top: -20%;
  width: 100%;
  height: 54%;
  z-index: 3;
}
@media (min-width: 769px) {
  .participate .card .card-background-image .pattern {
    left: -9.9%;
    top: -9.83%;
    width: 131%;
    height: 180.5%;
    z-index: 2;
  }
}
.participate .card .card-background-image .pattern img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 90% center;
     object-position: 90% center;
  opacity: 1;
}
@media (min-width: 769px) {
  .participate .card .card-background-image .pattern img {
    -o-object-position: center;
       object-position: center;
  }
}
.participate .card .card-background-image img {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media (max-width: 768px) {
  .participate .card .card-background-image img {
    -o-object-position: 42% bottom;
       object-position: 42% bottom;
    opacity: 0.3;
  }
}
.participate .background-image {
  z-index: 1;
}
@media (max-width: 768px) {
  .participate .background-image {
    display: none;
  }
}
.participate .background-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 80%;
  border-radius: 100%;
  background-color: var(--blue);
  filter: blur(5rem);
  opacity: 0.4;
  z-index: 1;
}
.participate .background-image img {
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.5;
  z-index: 2;
}
@media (max-width: 768px) {
  .participate .background-image .scrim {
    background-color: var(--black);
    opacity: 0.7;
    z-index: 3;
  }
}
.participate .background-image .top-grad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, var(--black), transparent);
  z-index: 3;
}
@media (min-width: 769px) {
  .participate .background-image .top-grad {
    height: 24.7%;
  }
}
.participate .background-image .bottom-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24.7%;
  background-image: linear-gradient(to top, var(--black), transparent);
  z-index: 3;
}
.participate .background-image .right-grad {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 33.88%;
  height: 100%;
  background-image: linear-gradient(to left, var(--black), transparent);
  z-index: 3;
}

.home-gallery {
  padding: 8rem 0;
  overflow: hidden;
  z-index: 2;
}
.home-gallery .marquee {
  grid-column: span 12;
  z-index: 3;
  background: var(--black);
  padding: 2.5rem 0;
}
@media (max-width: 768px) {
  .home-gallery .marquee {
    padding-left: 2rem;
  }
}
.home-gallery .marquee svg {
  transform: translateY(-0.5rem);
}
.home-gallery .container.background-container {
  position: absolute;
  top: 50%;
  left: auto;
  right: auto;
  transform: translateY(-50%);
  height: 100%;
  z-index: 1;
}
.home-gallery .gallery-container {
  width: 100%;
  padding: 6rem 0;
  background-color: var(--black);
}
.home-gallery .container.main-container {
  background-color: var(--black);
  padding-right: 0 !important;
  z-index: 2;
}
.home-gallery .carousel {
  background-color: var(--black);
  grid-column: span 12;
  width: 100%;
  z-index: 2;
}
.home-gallery .carousel::before{
  float: left;
  padding-top: 21.21212121212121%;
  content: '';
}
.home-gallery .carousel::after{
  display: block;
  content: '';
  clear: both;
}
.home-gallery .carousel-grad {
  position: absolute;
  top: 0;
  left: 0;
  width: 10%;
  height: 100%;
  background-image: linear-gradient(to right, var(--black), transparent);
  pointer-events: none;
  z-index: 4;
}
.home-gallery .controls {
  position: absolute;
  top: 50%;
  width: 9rem;
  height: 9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  transform: translateY(-50%);
  transition: opacity 0.15s ease;
  cursor: pointer;
  z-index: 10;
}
@media (max-width: 768px) {
  .home-gallery .controls {
    display: none;
  }
}
.home-gallery .controls:hover .background {
  transform: scale(1.1);
}
.home-gallery .controls.next {
  right: 9%;
}
@media (min-width: 1400px) {
  .home-gallery .controls.next {
    right: 7.5%;
  }
}
@media (min-width: 1500px) {
  .home-gallery .controls.next {
    right: 10.5%;
  }
}
@media (min-width: 1900px) {
  .home-gallery .controls.next {
    right: 20%;
  }
}
.home-gallery .controls.next svg {
  transform: rotate(180deg) translateX(-0.3rem);
}
.home-gallery .controls.prev {
  left: 1rem;
  transform: translateY(-50%);
}
.home-gallery .controls.prev svg {
  transform: translateX(-0.3rem);
}
.home-gallery .controls.swiper-button-disabled {
  opacity: 0;
}
.home-gallery .controls svg {
  color: #fff;
  width: 1.4rem;
  z-index: 2;
}
.home-gallery .controls .background {
  background-color: var(--blue);
  border-radius: 100%;
  transition: transform 0.15s ease-in-out;
  z-index: 1;
}
.home-gallery .image {
  border-radius: 1rem;
  overflow: hidden;
}
.home-gallery .image::before{
  float: left;
  padding-top: 66.66666666666666%;
  content: '';
}
.home-gallery .image::after{
  display: block;
  content: '';
  clear: both;
}
.home-gallery .image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.home-gallery .background-blur {
  height: 100%;
  grid-column: span 12;
  background: var(--blue);
  border-radius: 100%;
  opacity: 0.4;
  filter: blur(4.8rem);
  z-index: 1;
}

.home-news {
  background-color: var(--black);
  z-index: 1;
}
.home-news h2 {
  grid-column: span 12;
  text-align: center;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 3rem;
}
@media (min-width: 769px) {
  .home-news h2 {
    font-size: 4rem;
    margin-bottom: 1rem;
  }
}
.home-news .post-list {
  display: flex;
  flex-direction: column;
  grid-column: span 12;
}
@media (min-width: 1250px) {
  .home-news .post-list {
    grid-column: 3/span 8;
  }
}
.home-news .pagination {
  display: flex;
  justify-content: center;
  grid-column: span 12;
}
@media (max-width: 768px) {
  .home-news .pagination {
    margin-top: 3rem;
  }
}
.home-news .pagination button {
  display: flex;
  align-items: center;
  padding: 1.8rem 3rem 1.5rem;
  min-height: 7.2rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  background: var(--blue);
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.home-news .pagination button.facetwp-hidden {
  display: none;
}
.home-news .pagination button:hover {
  opacity: 0.8;
}
.home-news .post {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  border-bottom: 1px solid rgba(152, 157, 161, 0.4);
  text-decoration: none;
}
@media (min-width: 769px) {
  .home-news .post {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    align-items: center;
    gap: 3rem;
  }
}
.home-news .post:last-child {
  margin-bottom: 1rem;
}
.home-news .image {
  width: 100%;
  grid-column: span 3;
}
.home-news .image::before{
  float: left;
  padding-top: 66.66666666666666%;
  content: '';
}
.home-news .image::after{
  display: block;
  content: '';
  clear: both;
}
@media (max-width: 768px) {
  .home-news .image {
    margin-bottom: 3rem;
  }
}
.home-news .image img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2rem;
}
.home-news .text {
  grid-column: span 5;
  color: #fff;
}
.home-news .date {
  font-size: 1.2rem;
  line-height: 1.33;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--red);
  margin: 0;
}
.home-news h3 {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
  margin: 1rem 0;
}
.home-news .excerpt {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.92;
  margin: 0;
}

.scroll-rig {
  top: 50vh;
  left: 3rem;
  transform: translateY(-50%);
  position: fixed;
  z-index: 50;
}
@media (max-width: 768px) {
  .scroll-rig {
    display: none;
  }
}
@media (min-width: 1200px) {
  .scroll-rig {
    left: 6rem;
  }
}
.scroll-rig ul {
  padding: 0;
}
.scroll-rig li {
  list-style: none;
}
.scroll-rig a.active .diamond-outer {
  border: 1px solid rgba(112, 112, 112, 0.5);
}
.scroll-rig a.active .diamond-mid {
  background-color: var(--blue);
}
.scroll-rig a.active .diamond-inner {
  background-color: var(--blue);
}
.scroll-rig .diamond {
  transform: rotate(45deg);
  margin: 1rem 0;
}
.scroll-rig .diamond-outer {
  width: 2.7rem;
  height: 2.7rem;
  border: 1px solid rgba(112, 112, 112, 0);
  transition: border-color 0.3s ease;
}
.scroll-rig .diamond-mid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  background-color: var(--grey);
  transition: background-color 0.3s ease;
  z-index: 2;
}
.scroll-rig .diamond-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.8rem;
  background-color: #fff;
  transition: background-color 0.3s ease;
  z-index: 3;
}

.news-grid + .home-banner {
  padding-top: 64px;
  padding-bottom: 119px;
}
@media (max-width: 768px) {
  .news-grid + .home-banner {
    padding-bottom: 32px;
  }
}

.how-to-watch + .home-banner {
  padding-top: 119px;
}
@media (max-width: 768px) {
  .how-to-watch + .home-banner {
    padding-top: 0;
    padding-bottom: 90px;
  }
}

.home-banner {
  z-index: 2;
}
.home-banner__image {
  width: 100%;
  grid-column: span 12;
  display: flex;
  justify-content: center;
}
.home-banner__image img {
  border-radius: 10px;
  box-shadow: 0 0 9.9rem rgba(0, 44, 255, 0.8);
}

.sponsors-carousel {
  overflow: hidden;
  padding: 30px 0;
  white-space: nowrap;
  position: relative;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sponsors-carousel.is-dragging {
  cursor: grabbing;
}
.sponsors-carousel__items {
  display: inline-flex;
  align-items: center;
  will-change: transform;
}
.sponsors-carousel h2 {
  text-align: center;
  grid-column: span 12;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 4rem;
  margin-bottom: 50px;
}
.sponsors-carousel img {
  width: auto;
  max-width: 230px;
  height: 100%;
  max-height: 147px;
  display: inline-block;
  margin-inline: 65px;
}

@media (max-width: 768px) {
  .template-news .newsletter-sign-up {
    padding-top: 6rem;
  }
}

.news-hero {
  display: flex;
  background-color: var(--black);
  pointer-events: all;
  padding: 15vh 0;
  z-index: 1;
}
@media (min-width: 769px) {
  .news-hero {
    padding: 25vh 0;
  }
}
@media (min-width: 1200px) {
  .news-hero {
    min-height: 80vh;
    padding: 0;
  }
}
.news-hero .container {
  z-index: 10;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .news-hero .container {
    display: flex;
    flex-direction: column;
  }
}
.news-hero .image img {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.news-hero .scrim {
  background-color: var(--black);
  opacity: 0.2;
  z-index: 2;
}
.news-hero .top-grad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 15%;
  background-image: linear-gradient(to bottom, var(--black), transparent);
  z-index: 3;
}
.news-hero .bottom-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15%;
  background-image: linear-gradient(to top, var(--black), transparent);
  z-index: 3;
}
.news-hero .left-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 42.91%;
  height: 100%;
  background-image: linear-gradient(to right, var(--black), transparent);
  z-index: 3;
}
.news-hero .right-grad {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background-image: linear-gradient(to left, var(--black), transparent);
  z-index: 3;
}
.news-hero .main-news-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-column: span 6;
}
.news-hero .main-news-item h1 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.125;
  text-transform: uppercase;
  max-width: 30ch;
  margin: 0 0 2rem;
}
@media (min-width: 1200px) {
  .news-hero .main-news-item h1 {
    max-width: 20ch;
  }
}
.news-hero .main-news-item h2 {
  font-size: 1.5rem;
  max-width: 75ch;
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .news-hero .main-news-item h2 {
    max-width: 65ch;
  }
}
.news-hero .marquee {
  position: absolute;
  bottom: 5vh;
  left: 0;
  width: 100%;
  z-index: 5;
}
@media (max-width: 768px) {
  .news-hero .marquee {
    display: none;
  }
}
.news-hero .marquee p {
  font-size: 3.5rem;
}
.news-hero .trending {
  grid-column: 9/span 4;
  border: 1px solid #fff;
  border-radius: 2rem;
  padding: 2.5rem 2rem;
}
@media (max-width: 1199px) {
  .news-hero .trending {
    display: none;
  }
}
.news-hero .trending ul {
  padding: 0;
  margin: 0;
}
.news-hero .trending li {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem;
}
.news-hero .trending li:last-child {
  margin: 0;
}
.news-hero .trending p {
  font-size: 1.5rem;
  line-height: 1.33;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.05em;
  transition: color 0.3s ease;
  margin: 0;
}
.news-hero .trending a {
  text-decoration: none;
}
.news-hero .trending a:hover p {
  color: var(--red);
}
.news-hero .trending .number {
  color: var(--red);
  font-size: 1.2rem;
  font-style: italic;
  margin-bottom: 0.5rem;
}
.news-hero .trending .heading {
  margin-bottom: 2rem;
}

.news-list {
  border-radius: 2rem;
  margin: -2rem 0;
  padding: 5rem 0;
  background-color: #fff;
  overflow: hidden;
  z-index: 2;
}
@media (min-width: 1000px) {
  .news-list {
    padding: 9rem 0;
  }
}
.news-list > .container {
  pointer-events: all;
}
.news-list .post-list {
  grid-column: span 12;
  pointer-events: all;
}
.news-list .post-list > .container {
  margin-bottom: 3rem;
}
.news-list .heading-search {
  grid-column: span 12;
  display: flex;
  margin-bottom: 1rem;
  flex-direction: column;
}
@media (min-width: 1000px) {
  .news-list .heading-search {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.news-list .heading-search .facetwp-facet {
  flex-shrink: 0;
  margin: 2rem 0 0;
}
@media (min-width: 1000px) {
  .news-list .heading-search .facetwp-facet {
    margin: 0 0 0 2rem;
  }
}
.news-list .heading {
  grid-column: span 12;
  font-size: 4rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  color: #000;
  line-height: 1;
}
.news-list .card {
  grid-column: span 12;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.18);
  text-decoration: none;
  text-align: left;
  opacity: 0;
  margin-bottom: 2rem;
  color: #fff;
}
.news-list .card::before{
  float: left;
  padding-top: 56.25%;
  content: '';
}
.news-list .card::after{
  display: block;
  content: '';
  clear: both;
}
@media (min-width: 1150px) {
  .news-list .card {
    grid-column: span 4;
    margin-bottom: 0;
  }
  .news-list .card::before{
    float: left;
    padding-top: 75.71428571428571%;
    content: '';
  }
  .news-list .card::after{
    display: block;
    content: '';
    clear: both;
  }
}
.news-list .card[data-size=small] .type-icon[data-type=videos] svg {
  width: 0.9rem;
}
.news-list .card[data-size=small] .type-icon[data-type=photos] svg {
  width: 1.5rem;
}
.news-list .card[data-size=medium] {
  grid-column: span 12;
}
.news-list .card[data-size=medium]::before{
  float: left;
  padding-top: 56.25%;
  content: '';
}
.news-list .card[data-size=medium]::after{
  display: block;
  content: '';
  clear: both;
}
@media (min-width: 1150px) {
  .news-list .card[data-size=medium] {
    grid-column: span 6;
  }
  .news-list .card[data-size=medium]::before{
    float: left;
    padding-top: 75%;
    content: '';
  }
  .news-list .card[data-size=medium]::after{
    display: block;
    content: '';
    clear: both;
  }
}
.news-list .card[data-size=medium] .title {
  font-size: 1.5rem;
}
@media (min-width: 850px) {
  .news-list .card[data-size=medium] .title {
    font-size: 2rem;
  }
}
.news-list .card[data-size=medium] .type-icon {
  width: 4.6rem;
  height: 4.6rem;
}
@media (max-width: 768px) {
  .news-list .card[data-size=medium] .type-icon {
    width: 3rem;
    height: 3rem;
  }
}
@media (max-width: 768px) {
  .news-list .card[data-size=medium] .type-icon[data-type=photos] svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.news-list .card[data-size=medium] .type-icon[data-type=videos] svg {
  transform: translateX(0.2rem);
}
@media (max-width: 768px) {
  .news-list .card[data-size=medium] .type-icon[data-type=videos] svg {
    width: 0.9rem;
    height: 0.9rem;
  }
}
.news-list .card[data-size=large] {
  grid-column: span 12;
}
.news-list .card[data-size=large]::before{
  float: left;
  padding-top: 56.25%;
  content: '';
}
.news-list .card[data-size=large]::after{
  display: block;
  content: '';
  clear: both;
}
@media (min-width: 1150px) {
  .news-list .card[data-size=large] {
    padding: 5rem 6rem;
  }
  .news-list .card[data-size=large]::before{
    float: left;
    padding-top: 42.79279279279279%;
    content: '';
  }
  .news-list .card[data-size=large]::after{
    display: block;
    content: '';
    clear: both;
  }
}
@media (min-width: 1150px) {
  .news-list .card[data-size=large] .text {
    padding: 5rem 6rem;
  }
}
.news-list .card[data-size=large] .type-icon {
  width: 4.6rem;
  height: 4.6rem;
}
@media (max-width: 768px) {
  .news-list .card[data-size=large] .type-icon[data-type=photos] svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.news-list .card[data-size=large] .type-icon[data-type=videos] svg {
  transform: translateX(0.2rem);
}
@media (max-width: 768px) {
  .news-list .card[data-size=large] .type-icon[data-type=videos] svg {
    width: 0.9rem;
    height: 0.9rem;
  }
}
.news-list .card[data-size=large] .title {
  font-size: 1.5rem;
}
@media (min-width: 850px) and (max-width: 1149px) {
  .news-list .card[data-size=large] .title {
    font-size: 2rem;
  }
}
@media (min-width: 1150px) {
  .news-list .card[data-size=large] .title {
    font-size: 3rem;
    max-width: 25ch;
  }
}
.news-list .card[data-size=large] .image .grad {
  bottom: initial;
  top: 0;
  width: 70%;
  height: 100%;
  background: linear-gradient(240deg, rgba(0, 44, 255, 0) 30%, rgba(0, 0, 0, 0.7) 55%);
}
.news-list .text {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2rem 3rem;
  z-index: 5;
}
.news-list .type-icon {
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  margin-bottom: 1.2rem;
  flex-shrink: 0;
}
.news-list .type-icon[data-type=videos] svg {
  transform: translateX(0.2rem);
}
.news-list .title {
  font-size: 1.5rem;
  line-height: 1.46;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  z-index: 5;
}
@media (min-width: 850px) and (max-width: 1150px) {
  .news-list .title {
    font-size: 2rem;
  }
}
.news-list .excerpt {
  max-width: 65ch;
  margin: 1.5rem 0 0;
  z-index: 5;
}
@media (max-width: 800px) {
  .news-list .excerpt {
    display: none;
  }
}
.news-list .image {
  z-index: 1;
}
.news-list .image img {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.news-list .image .grad {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0), black);
  z-index: 2;
}
.news-list .filters {
  grid-column: span 12;
  width: calc(100% + 2rem);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (min-width: 769px) {
  .news-list .filters {
    width: 100%;
  }
}
.news-list .type-filters {
  display: flex;
  align-items: center;
  margin: 2rem 0 4rem;
  max-width: 100%;
}
@media (min-width: 769px) {
  .news-list .type-filters {
    margin: 0 0 4rem;
  }
}
.news-list .type-filters .label {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #000;
  margin: 0 1.5rem 0 0;
  transform: translateY(0.2rem);
}
.news-list .facetwp-type-radio {
  display: flex;
  align-items: center;
  color: #000;
  margin: 0;
}
@media (max-width: 768px) {
  .news-list .facetwp-type-radio {
    display: grid;
    grid-auto-columns: min-content;
    grid-auto-flow: column;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .news-list .facetwp-type-radio::-webkit-scrollbar {
    display: none;
  }
}
.news-list .facetwp-type-radio.is-loading {
  opacity: 1;
}
.news-list .facetwp-type-radio .facetwp-radio {
  background: none;
  background-size: 0;
  margin-bottom: 0;
  padding-left: 0;
  border-radius: 10rem;
  border: 1px solid #bababa;
  padding: 1.5rem 3rem 1.1rem;
  margin: 0 1rem 0 0;
  font-size: 1.5rem;
  line-height: 1rem;
  font-weight: 700;
  transition: border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
  text-transform: uppercase;
}
.news-list .facetwp-type-radio .facetwp-radio:hover:not(.checked) {
  border-color: #000;
}
.news-list .facetwp-type-radio .facetwp-radio.checked {
  background-color: var(--blue);
  border-color: var(--blue);
  color: #fff;
  pointer-events: none;
}
.news-list .facetwp-type-radio .facetwp-display-value {
  line-height: 1;
  padding-right: 0;
}
.news-list .facetwp-type-radio .facetwp-counter {
  display: none;
}
@media (max-width: 1100px) {
  .news-list .order {
    display: none;
  }
}
@media (max-width: 800px) {
  .news-list .search {
    width: 100%;
  }
}
.news-list .facetwp-type-sort {
  font-family: var(--avant);
  font-size: 1.5rem;
  line-height: 1.2;
  margin: 0;
}
@media (max-width: 1100px) {
  .news-list .facetwp-type-sort {
    display: none;
  }
}
.news-list .facetwp-type-sort.is-loading {
  opacity: 1;
}
.news-list .facetwp-type-sort select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border-radius: 10rem;
  border: 1px solid #bababa;
  padding: 1.5rem 4rem 1rem 2.5rem;
  min-height: 4.2rem;
  margin: 0;
  font-family: var(--avant);
  font-size: 1.5rem;
  font-weight: 700 !important;
  transition: border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
  text-transform: uppercase;
  background-image: url("../images/icon-down-chevron.svg");
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
}
.news-list .no-results {
  grid-column: span 12;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 6rem 0 0;
  color: #000;
  text-align: center;
  line-height: 1;
}
.news-list .reset-search {
  grid-column: span 12;
  display: flex;
  justify-content: center;
}
.news-list .facetwp-type-reset {
  margin-bottom: 0;
}
.news-list .facetwp-type-reset button,
.news-list .facetwp-type-reset facetwp-facet-reset {
  display: flex;
  align-items: center;
  padding: 1.8rem 3rem 1.3rem;
  min-height: 7.2rem;
  border-radius: 0.5rem;
  font-family: var(--avant);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  background-color: var(--blue);
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s ease;
  margin-top: 4rem;
}
@media (max-width: 500px) {
  .news-list .facetwp-input-wrap {
    width: 100%;
  }
}
.news-list .facetwp-search {
  font-family: var(--avant);
  font-size: 1.5rem;
  line-height: 1.2;
  color: #989da1;
  border: 1px solid #bababa;
  border-radius: 10rem;
  padding: 1.8rem 5rem 1.4rem 3rem !important;
  min-width: 0 !important;
  width: 100%;
  background-image: url("../images/icon-search.svg");
  background-position: calc(100% - 2.5rem) center;
  background-repeat: no-repeat;
}
@media (min-width: 500px) {
  .news-list .facetwp-search {
    min-width: 34rem !important;
  }
}
.news-list .load-more .container {
  align-items: center;
}
@media (min-width: 769px) {
  .news-list .load-more .container {
    justify-content: center;
  }
}
.news-list .load-more .facetwp-facet {
  margin-bottom: 0;
}
.news-list .load-more .facetwp-facet button {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  padding: 1.8rem 3rem 1.3rem;
  min-height: 7.2rem;
  border-radius: 0.5rem;
  font-family: var(--avant);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  background-color: var(--blue);
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.news-list .load-more .facetwp-facet button.facetwp-hidden {
  display: none;
}

.videos-hero {
  display: flex;
  background-color: var(--black);
  pointer-events: all;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 500px) {
  .videos-hero {
    height: auto;
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .videos-hero {
    align-items: center;
  }
}
.videos-hero .container {
  z-index: 10;
  align-items: center;
  overflow: hidden;
}
@media (min-width: 769px) and (max-width: 900px) {
  .videos-hero .container {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .videos-hero .container {
    height: 100%;
  }
}
.videos-hero .text {
  grid-column: span 12;
  padding: 12vh 0 10vh;
  text-align: center;
}
@media (min-width: 1000px) {
  .videos-hero .text {
    padding: 23vh 0 21vh;
  }
}
.videos-hero h1 {
  font-size: 3.5rem;
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
}
@media (min-width: 769px) {
  .videos-hero h1 {
    font-size: 5rem;
  }
}
@media (min-width: 1300px) {
  .videos-hero h1 {
    font-size: 7rem;
  }
}
.videos-hero h2 {
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--red);
  margin: 0 0 1rem;
}
@media (min-width: 769px) {
  .videos-hero h2 {
    font-size: 3rem;
  }
}
.videos-hero .large-background-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -35%);
  font-size: clamp(10rem, 20vw, 20rem);
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px #707070;
  z-index: 4;
}
@media (min-width: 1100px) {
  .videos-hero .large-background-text {
    font-size: 20.5rem;
  }
}
.videos-hero .image img {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.videos-hero .pattern-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 39.5%;
  min-width: 45rem;
  height: 100%;
  z-index: 4;
}
@media (max-width: 768px) {
  .videos-hero .pattern-left {
    opacity: 0.4;
  }
}
.videos-hero .pattern-left svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videos-hero .pattern-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 17.35%;
  min-width: 29rem;
  height: 100%;
  z-index: 4;
}
@media (max-width: 768px) {
  .videos-hero .pattern-right {
    display: none;
  }
}
.videos-hero .pattern-right svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videos-hero .scrim {
  background-color: var(--black);
  opacity: 0.2;
  z-index: 2;
}
.videos-hero .top-grad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 15%;
  background-image: linear-gradient(to bottom, var(--black), transparent);
  z-index: 3;
}
.videos-hero .bottom-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15%;
  background-image: linear-gradient(to top, var(--black), transparent);
  z-index: 3;
}
.videos-hero .left-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 42.91%;
  height: 100%;
  background-image: linear-gradient(to right, var(--black), transparent);
  z-index: 3;
}
.videos-hero .right-grad {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background-image: linear-gradient(to left, var(--black), transparent);
  z-index: 3;
}

.template-videos .filters {
  margin: 2rem 0 0;
}
@media (min-width: 769px) {
  .template-videos .filters {
    margin: 0 0 2rem;
  }
}

.single-news-hero {
  display: flex;
  align-items: center;
  background-color: var(--black);
  overflow: hidden;
  pointer-events: all;
  z-index: 1;
}
@media (min-width: 769px) {
  .single-news-hero {
    height: 80vh;
  }
}
.single-news-hero h1 {
  grid-column: span 12;
  font-size: 4rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  max-width: 16ch;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .single-news-hero h1 {
    margin: 14rem 0 2rem;
  }
}
@media (min-width: 769px) {
  .single-news-hero h1 {
    margin-top: auto;
    font-size: 7rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1900px) {
  .single-news-hero h1 {
    max-width: 20ch;
  }
}
.single-news-hero .excerpt {
  grid-column: span 12;
  width: 80%;
  max-width: 900px;
  margin-bottom: 6rem;
}
@media screen and (min-width: 768px) {
  .single-news-hero .excerpt {
    margin-bottom: 3rem;
    font-size: 20px;
  }
}
@media (min-width: 769px) {
  .single-news-hero .spacer {
    display: none;
  }
}
.single-news-hero .container {
  z-index: 5;
}
@media (max-width: 768px) {
  .single-news-hero .container {
    height: 100%;
    justify-content: space-between;
  }
}
.single-news-hero .buttons {
  grid-column: span 12;
}
@media (max-width: 768px) {
  .single-news-hero .buttons {
    margin-bottom: 2rem;
  }
}
.single-news-hero button {
  margin-right: 2rem;
  cursor: pointer;
}
.single-news-hero button:hover .play svg {
  color: var(--red);
}
.single-news-hero button .play {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.6rem;
  height: 3.6rem;
  background-color: #fff;
  border-radius: 100%;
  flex-shrink: 0;
  margin-right: 1rem;
  margin-left: -1rem;
}
.single-news-hero button .play svg {
  width: 1.2rem;
  color: var(--blue);
  transition: color 0.3s ease;
}
.single-news-hero .background-image {
  z-index: 1;
}
.single-news-hero .background-image img {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.single-news-hero .background-image .top-grad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 14%;
  background-image: linear-gradient(to bottom, var(--black), transparent);
  z-index: 3;
}
.single-news-hero .background-image .bottom-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 31.25%;
  background-image: linear-gradient(to top, var(--black), transparent);
  z-index: 3;
}
.single-news-hero .background-image .left-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 54.51%;
  height: 100%;
  background-image: linear-gradient(to right, var(--black), rgba(0, 0, 0, 0));
  z-index: 3;
}
.single-news-hero .background-image .left-grad-2 {
  position: absolute;
  bottom: 0;
  left: 7.98%;
  width: 54.51%;
  height: 100%;
  background-image: linear-gradient(to right, var(--black), transparent);
  z-index: 3;
}
.single-news-hero .background-image .right-grad {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 33.88%;
  height: 100%;
  background-image: linear-gradient(to left, var(--black), transparent);
  z-index: 2;
}

.single-news-content {
  border-radius: 2rem;
  margin: -2rem 0;
  padding-top: 4rem;
  padding-bottom: 6rem;
  color: var(--black);
  background-color: #fff;
  z-index: 2;
}
@media (min-width: 769px) {
  .single-news-content {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
}
.single-news-content .back {
  grid-column: span 12;
  grid-row: 1;
}
@media (max-width: 999px) {
  .single-news-content .back {
    padding: 0 0 2rem 0;
  }
}
@media (min-width: 1000px) {
  .single-news-content .back {
    grid-column: 1/span 2;
  }
}
.single-news-content .back .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.4rem;
  height: 3.4rem;
  border: 1px solid #989da1;
  border-radius: 100%;
  margin-right: 1.5rem;
}
@media (min-width: 1000px) {
  .single-news-content .back .icon {
    width: 6.8rem;
    height: 6.8rem;
    margin-right: 0;
  }
}
.single-news-content .back .icon svg {
  width: 0.5rem;
  transform: translateX(-1px);
}
@media (min-width: 1000px) {
  .single-news-content .back .icon svg {
    width: 1rem;
    transform: translateX(0);
  }
}
.single-news-content .back a {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--black);
  text-decoration: none;
  pointer-events: all;
}
@media (min-width: 1000px) {
  .single-news-content .back a {
    flex-direction: column;
  }
}
.single-news-content .back a:hover .text {
  color: var(--blue);
}
.single-news-content .back .text {
  margin-top: 0.5rem;
  transition: color 0.3s ease;
}
@media (min-width: 1000px) {
  .single-news-content .back .text {
    margin-top: 1rem;
  }
}
.single-news-content .content-builder {
  grid-column: span 12;
  grid-row: 1;
}
@media (min-width: 1200px) {
  .single-news-content .content-builder {
    grid-column: 3/span 7;
    grid-row: 1;
  }
}
.single-news-content .cta {
  display: flex;
  justify-content: flex-start;
  grid-column: span 12;
  grid-row: 3;
  margin-top: 3rem;
}
@media (min-width: 1200px) {
  .single-news-content .cta {
    grid-column: 3/span 7;
    grid-row: 2;
  }
}
.single-news-content .share-links {
  grid-column: span 12;
  color: #fff;
}
@media (min-width: 1200px) {
  .single-news-content .share-links {
    grid-column: 3/span 7;
  }
}
.single-news-content .share-links .heading {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #000;
  margin: 4rem 0 2rem;
}
.single-news-content .socials {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  width: 19.1rem;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 769px) {
  .single-news-content .socials {
    justify-content: flex-start;
  }
}
@media (min-width: 1100px) and (max-width: 1300px) {
  .single-news-content .socials {
    flex-direction: column;
    align-items: flex-start;
  }
}
.single-news-content .socials a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(var(--blue), 0.5);
  transition: color 0.3s ease;
  width: 5.7rem;
  height: 5.7rem;
}
.single-news-content .socials a:hover {
  color: rgba(var(--blue), 1);
}
.single-news-content .socials a:hover::before {
  transform: scale(1.1);
}
.single-news-content .socials a svg {
  z-index: 2;
}
.single-news-content .socials a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue);
  border-radius: 100%;
  transition: transform 0.15s ease-in-out;
  z-index: 1;
}

.single-news .news-grid {
  padding-bottom: 9rem;
  background-color: #fff;
  z-index: 2;
}
.single-news .news-grid .heading::before {
  content: "";
  display: block;
  grid-column: span 12;
  border-top: 2px solid #dfe7ed;
  grid-column: span 12;
  padding-top: 8rem;
}
.single-news .news-grid .cta {
  margin-top: 3rem;
}

.text-page-hero {
  z-index: 1;
}
.text-page-hero::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4rem;
  width: 100%;
  background-color: #fff;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  z-index: 3;
}
.text-page-hero h1 {
  font-size: 4rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  grid-column: span 12;
  padding: 12rem 0 14rem;
  margin: 0;
}
@media (min-width: 769px) {
  .text-page-hero h1 {
    font-size: 7rem;
    padding: 17rem 0 19rem;
  }
}
.text-page-hero .container {
  z-index: 5;
}
.text-page-hero .image {
  z-index: 1;
}
.text-page-hero .image img {
  -o-object-fit: cover;
     object-fit: cover;
}

.text-content {
  padding: 0 0 8rem;
}
@media (min-width: 769px) {
  .text-content {
    padding: 4rem 0 8rem;
  }
}
.text-content h1 {
  font-size: 4rem;
  font-weight: 400;
  text-transform: uppercase;
}
.text-content .back {
  grid-column: span 12;
  grid-row: 1;
}
@media (max-width: 999px) {
  .text-content .back {
    padding: 0 0 2rem 0;
  }
}
@media (min-width: 1000px) {
  .text-content .back {
    grid-column: 1/span 2;
  }
}
.text-content .back .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.4rem;
  height: 3.4rem;
  border: 1px solid #989da1;
  border-radius: 100%;
  margin-right: 1.5rem;
}
@media (min-width: 1000px) {
  .text-content .back .icon {
    width: 6.8rem;
    height: 6.8rem;
    margin-right: 0;
  }
}
.text-content .back .icon svg {
  width: 0.5rem;
  transform: translateX(-1px);
}
@media (min-width: 1000px) {
  .text-content .back .icon svg {
    width: 1rem;
    transform: translateX(0);
  }
}
.text-content .back a {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--black);
  text-decoration: none;
  pointer-events: all;
}
@media (min-width: 1000px) {
  .text-content .back a {
    flex-direction: column;
  }
}
.text-content .back a:hover .text {
  color: var(--blue);
}
.text-content .back .text {
  margin-top: 0.5rem;
  transition: color 0.3s ease;
}
@media (min-width: 1000px) {
  .text-content .back .text {
    margin-top: 1rem;
  }
}
.text-content .prose {
  color: var(--black);
  grid-row: 2;
}
@media (min-width: 769px) {
  .text-content .prose {
    grid-column: span 12;
  }
}
@media (min-width: 1000px) {
  .text-content .prose {
    grid-column: 3/span 7;
    grid-row: 1;
  }
}
.text-content .prose [data-scroll-to] {
  text-decoration: underline;
  cursor: pointer;
}
.text-content .prose [data-scroll-to]:hover {
  text-decoration: none;
}

.rules-hero {
  display: flex;
  align-items: flex-start;
  background-color: var(--black);
  overflow: hidden;
  pointer-events: all;
  z-index: 1;
}
.rules-hero h1 {
  grid-column: span 12;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  max-width: 16ch;
  margin: 0;
}
@media (min-width: 1200px) {
  .rules-hero h1 {
    font-size: 4rem;
  }
}
.rules-hero h1 strong {
  color: var(--red);
}
.rules-hero .container {
  z-index: 5;
}
@media (max-width: 768px) {
  .rules-hero .container {
    height: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 999px) {
  .rules-hero .container {
    display: flex;
    flex-direction: column;
  }
}
.rules-hero .buttons {
  grid-column: span 12;
}
@media (max-width: 768px) {
  .rules-hero .buttons {
    margin-bottom: 2rem;
  }
}
.rules-hero button {
  margin-right: 2rem;
  pointer-events: all;
  cursor: pointer;
}
.rules-hero button:hover .play svg {
  color: var(--red);
}
.rules-hero button .play {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.6rem;
  height: 3.6rem;
  background-color: #fff;
  border-radius: 100%;
  flex-shrink: 0;
  margin-right: 1rem;
  margin-left: -1rem;
}
.rules-hero button .play svg {
  width: 1.2rem;
  color: var(--blue);
  transition: color 0.3s ease;
}
.rules-hero .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  grid-column: span 4;
  padding: 20vh 0 5vh;
  height: 100vh;
  z-index: 1;
}
@media (min-width: 769px) {
  .rules-hero .left {
    height: auto;
    padding: 18vh 0 10vh;
  }
}
@media (min-width: 1400px) {
  .rules-hero .left {
    padding: 27vh 0 10vh;
  }
}
.rules-hero .logo {
  width: 100%;
  margin: 3vh 0 7vh;
}
@media (max-width: 1000px) {
  .rules-hero .logo {
    max-width: 25rem;
  }
}
.rules-hero .scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 5vh;
  z-index: 5;
}
@media (max-width: 768px) {
  .rules-hero .scroll {
    margin-top: auto;
  }
}
.rules-hero .scroll p {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.33;
  text-transform: uppercase;
}
.rules-hero .scroll .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 2.6rem;
  padding: 1.5rem 0;
  border: 1px solid #989da1;
  border-radius: 1.3rem;
}
.rules-hero .scroll .triangle {
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.9rem solid var(--red);
  margin-bottom: 0.2rem;
}
.rules-hero .scroll .triangle:last-child {
  margin-bottom: 0;
}
.rules-hero .background-video {
  z-index: 1;
}
@media (max-width: 768px) {
  .rules-hero .background-video {
    height: 100vh;
  }
}
.rules-hero .background-video video {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.rules-hero .background-video .top-grad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 14%;
  background-image: linear-gradient(to bottom, var(--black), transparent);
  z-index: 3;
}
.rules-hero .background-video .bottom-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25%;
  background-image: linear-gradient(to top, var(--black), transparent);
  z-index: 3;
}
.rules-hero .background-video .left-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background-image: linear-gradient(to right, var(--black), rgba(0, 0, 0, 0));
  z-index: 3;
}
.rules-hero .background-video .left-grad-2 {
  position: absolute;
  bottom: 0;
  left: 7.98%;
  width: 30%;
  height: 100%;
  background-image: linear-gradient(to right, var(--black), transparent);
  z-index: 3;
}
.rules-hero .background-video .right-grad {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 33.88%;
  height: 100%;
  background-image: linear-gradient(to left, var(--black), transparent);
  z-index: 2;
}
.rules-hero .right {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
  grid-column: 6/span 7;
  padding: 3rem 0 10vh;
  z-index: 3;
}
@media (min-width: 769px) {
  .rules-hero .right {
    padding: 18vh 0 10vh;
  }
}
@media (min-width: 1400px) {
  .rules-hero .right {
    padding: 27vh 0 10vh;
    grid-template-columns: repeat(7, 1fr);
  }
}
.rules-hero .rules-column {
  display: flex;
  flex-direction: column;
}
.rules-hero .rules-left-column {
  grid-column: span 1;
}
@media (min-width: 1400px) {
  .rules-hero .rules-left-column {
    grid-column: 1/span 3;
  }
}
.rules-hero .rules-right-column {
  grid-column: span 1;
}
@media (min-width: 1400px) {
  .rules-hero .rules-right-column {
    grid-column: 5/span 3;
  }
}
.rules-hero .rule {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}
.rules-hero .rule:last-child {
  margin-bottom: 0;
}
.rules-hero .rule .number {
  color: var(--red);
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 0;
}
.rules-hero .rule .heading {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin: 1rem 0 1.5rem;
}
@media (min-width: 1000px) {
  .rules-hero .rule .heading {
    font-size: 3rem;
  }
}
.rules-hero .rule .text {
  font-size: 1.6rem;
  line-height: 1.25;
}
@media (min-width: 769px) {
  .rules-hero .rule .text {
    font-size: 2rem;
  }
}
.rules-hero .cover-gradient {
  position: absolute;
  width: 100vw;
  height: 30%;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  pointer-events: none;
  z-index: 2;
}

.template-rules .single-news-content {
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  margin-top: -2rem;
  background-color: #fff;
  z-index: 2;
}

.strikers-hero {
  display: flex;
  background-color: var(--black);
  pointer-events: all;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 500px) {
  .strikers-hero {
    height: auto;
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .strikers-hero {
    align-items: center;
  }
}
.strikers-hero .container {
  z-index: 10;
  align-items: center;
  overflow: hidden;
}
@media (min-width: 769px) and (max-width: 900px) {
  .strikers-hero .container {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .strikers-hero .container {
    height: 100%;
  }
}
.strikers-hero .text {
  grid-column: span 12;
  padding: 12vh 0 10vh;
  text-align: center;
}
@media (min-width: 1000px) {
  .strikers-hero .text {
    padding: 23vh 0 21vh;
  }
}
.strikers-hero h1 {
  font-size: 3.5rem;
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
}
@media (min-width: 769px) {
  .strikers-hero h1 {
    font-size: 5rem;
  }
}
@media (min-width: 1300px) {
  .strikers-hero h1 {
    font-size: 7rem;
  }
}
.strikers-hero h2 {
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--red);
  margin: 0 0 1rem;
}
@media (min-width: 769px) {
  .strikers-hero h2 {
    font-size: 3rem;
  }
}
.strikers-hero .large-background-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -35%);
  font-size: clamp(10rem, 20vw, 20rem);
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px #707070;
  z-index: 4;
}
@media (min-width: 1100px) {
  .strikers-hero .large-background-text {
    font-size: 20.5rem;
  }
}
.strikers-hero .image img {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.strikers-hero .pattern-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 39.5%;
  min-width: 45rem;
  height: 100%;
  z-index: 4;
}
@media (max-width: 768px) {
  .strikers-hero .pattern-left {
    opacity: 0.4;
  }
}
.strikers-hero .pattern-left svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.strikers-hero .pattern-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 17.35%;
  min-width: 29rem;
  height: 100%;
  z-index: 4;
}
@media (max-width: 768px) {
  .strikers-hero .pattern-right {
    display: none;
  }
}
.strikers-hero .pattern-right svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.strikers-hero .scrim {
  background-color: var(--black);
  opacity: 0.2;
  z-index: 2;
}
.strikers-hero .top-grad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 15%;
  background-image: linear-gradient(to bottom, var(--black), transparent);
  z-index: 3;
}
.strikers-hero .bottom-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15%;
  background-image: linear-gradient(to top, var(--black), transparent);
  z-index: 3;
}
.strikers-hero .left-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 42.91%;
  height: 100%;
  background-image: linear-gradient(to right, var(--black), transparent);
  z-index: 3;
}
.strikers-hero .right-grad {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background-image: linear-gradient(to left, var(--black), transparent);
  z-index: 3;
}

.stikers-list {
  padding: 2rem 0 3rem;
  background-color: var(--black);
  border-radius: 2rem;
  margin-top: -2rem;
  background-color: #fff;
  z-index: 4;
}
@media (min-width: 769px) {
  .stikers-list {
    padding: 6rem 0 9rem;
  }
}
.stikers-list h2 {
  grid-column: span 12;
  font-size: 4rem;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--black);
  text-align: center;
  margin-bottom: 6rem;
}
.stikers-list .circular-icon {
  width: 4rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
@media (min-width: 769px) {
  .stikers-list .circular-icon {
    width: 6.5rem;
  }
}
@media (min-width: 1200px) {
  .stikers-list .circular-icon {
    width: 8.5rem;
  }
}
.stikers-list .container {
  z-index: 2;
  gap: 2rem;
}
@media (min-width: 1300px) {
  .stikers-list .container {
    gap: 3rem;
  }
}
.stikers-list .container.cards-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 768px) {
  .stikers-list .container.cards-container {
    flex-direction: row;
  }
}
.stikers-list .card {
  width: 100%;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.18);
  color: var(--black);
  text-decoration: none;
  border-radius: 2rem;
  overflow: hidden;
  flex-shrink: 0;
}
@media (min-width: 500px) {
  .stikers-list .card {
    width: calc(50% - 3rem);
  }
}
@media (min-width: 769px) {
  .stikers-list .card {
    width: calc(33.33% - 2rem);
  }
}
@media (min-width: 1300px) {
  .stikers-list .card {
    width: calc(25% - 2.25rem);
  }
}
.stikers-list .card .image {
  background-image: url("../images/card-background-slap.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--blue);
  pointer-events: none;
  overflow: hidden;
}
.stikers-list .card .image::before{
  float: left;
  padding-top: 66.66666666666666%;
  content: '';
}
.stikers-list .card .image::after{
  display: block;
  content: '';
  clear: both;
}
.stikers-list .card .image .inner {
  position: absolute;
  top: -2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: calc(100% + 2rem);
  width: 65%;
}
.stikers-list .card .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.stikers-list .card .text {
  padding: 3rem 1.5rem 4rem;
  text-align: center;
}
.stikers-list .card p {
  margin: 0;
}
.stikers-list .card h3 {
  margin: 0;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  .stikers-list .card h3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1000px) {
  .stikers-list .card h3 {
    font-size: 2rem;
  }
}
.stikers-list .card h3.bold {
  font-weight: 700;
}
.stikers-list .card .nickname {
  margin: 0;
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
@media (min-width: 769px) {
  .stikers-list .card .nickname {
    font-size: 1.5rem;
  }
}
@media (min-width: 1000px) {
  .stikers-list .card .nickname {
    font-size: 2rem;
  }
}
.stikers-list .card .location {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 2.5rem;
}
.stikers-list .card .champion-badge {
  color: #c4a257;
  letter-spacing: 0.3em;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem;
  margin-top: -1.5rem;
  margin-bottom: 2rem;
}
.stikers-list .card .ranking-number {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--blue);
  margin: 0;
}
.stikers-list .card .weight-class {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #989da1;
  margin: 0.5rem 0 0.7rem;
}
.stikers-list .card .record {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #989da1;
}
.stikers-list .load-more {
  margin-top: 2rem;
}
.stikers-list .load-more .container {
  align-items: center;
}
@media (min-width: 769px) {
  .stikers-list .load-more .container {
    justify-content: center;
  }
}
.stikers-list .load-more .facetwp-facet {
  margin-bottom: 0;
}
.stikers-list .load-more .facetwp-facet button {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  padding: 1.8rem 3rem 1.3rem;
  min-height: 7.2rem;
  border-radius: 0.5rem;
  font-family: var(--avant);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  background-color: var(--blue);
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.stikers-list .load-more .facetwp-facet button.facetwp-hidden {
  display: none;
}

.template-strikers .image-carousel {
  padding: 0;
}
.template-strikers .image-carousel .gallery-container {
  padding: 7.5rem 0;
}
@media (min-width: 769px) {
  .template-strikers .image-carousel .gallery-container {
    padding: 15rem 0;
  }
}
.template-strikers .image-carousel .background-blur {
  height: 90%;
}
.template-strikers .news-grid {
  background: #000;
}
.template-strikers .news-grid .heading {
  color: #fff;
}
.template-strikers .news-grid .cta {
  margin-top: 3rem;
}
.template-strikers .load-more-container {
  display: flex;
  justify-content: center;
  width: 100%;
}
.template-strikers .load-more-container .facetwp-facet {
  margin: 5rem 0 0;
}
.template-strikers .load-more-container .facetwp-hidden {
  display: none;
}
.template-strikers .load-more-container button {
  display: flex;
  align-items: center;
  padding: 1.8rem 3rem 1.5rem;
  min-height: 7.2rem;
  border-radius: 0.5rem;
  font-family: var(--avant);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  background-color: var(--blue);
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.template-strikers .load-more-container button:hover {
  opacity: 0.8;
}

.single-striker-hero {
  display: flex;
  align-items: flex-start;
  background-color: var(--blue);
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 600px) {
  .single-striker-hero {
    display: flex;
    flex-direction: column-reverse;
  }
}
.single-striker-hero h1 {
  grid-column: span 12;
  font-size: 4rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 2rem;
}
@media (min-width: 769px) {
  .single-striker-hero h1 {
    font-size: 7rem;
    margin: 0 0 4rem;
  }
}
.single-striker-hero h2 {
  grid-column: span 12;
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 1.8rem;
}
@media (min-width: 769px) {
  .single-striker-hero h2 {
    font-size: 3rem;
  }
}
.single-striker-hero .ranking {
  grid-column: span 12;
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 1.8rem;
  margin: 0 0 1rem;
}
.single-striker-hero .record {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
}
@media (min-width: 769px) {
  .single-striker-hero .record {
    font-size: 2rem;
  }
}
.single-striker-hero .container {
  z-index: 5;
  height: 100%;
  justify-content: space-between;
}
@media (min-width: 1000px) {
  .single-striker-hero .container {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .single-striker-hero .container {
    padding-top: 6rem;
  }
}
.single-striker-hero .text {
  grid-column: span 12;
  padding: 0;
}
@media (max-width: 600px) {
  .single-striker-hero .text {
    transform: translateY(-4rem);
  }
}
@media (min-width: 600px) {
  .single-striker-hero .text {
    padding: 30vh 0;
  }
}
.single-striker-hero .champion-badge {
  margin-bottom: 1rem;
}
.single-striker-hero .gold {
  color: #c4a257;
  letter-spacing: 0.3em;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem;
}
.single-striker-hero .pattern {
  pointer-events: none;
  z-index: 2;
}
.single-striker-hero .pattern svg {
  height: 100%;
}
.single-striker-hero .pattern-left {
  background-color: var(--blue);
  clip-path: polygon(0 0, 21% 0, 57% 100%, 0% 100%);
}
@media (max-width: 600px) {
  .single-striker-hero .pattern-left {
    display: none;
  }
}
.single-striker-hero .pattern-right {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1250px) {
  .single-striker-hero .pattern-right {
    display: none;
  }
}
.single-striker-hero .blue-grad {
  background: linear-gradient(240deg, rgba(0, 44, 255, 0) 37%, rgb(0, 44, 255) 57%);
  z-index: 3;
}
@media (max-width: 600px) {
  .single-striker-hero .blue-grad {
    background: linear-gradient(to top, rgb(0, 44, 255), rgba(0, 44, 255, 0));
    height: 45%;
    top: initial;
    bottom: 0;
  }
}
.single-striker-hero .blue-grad::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 47%;
  height: 100%;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.4;
  z-index: 5;
}
@media (max-width: 600px) {
  .single-striker-hero .blue-grad::before {
    display: none;
  }
}
.single-striker-hero .circular-icon {
  position: absolute;
  bottom: 27%;
  left: 50%;
  transform: translateX(-50%);
  width: 5vw;
  z-index: 4;
  pointer-events: none;
}
@media (max-width: 768px) {
  .single-striker-hero .circular-icon {
    display: none;
  }
}
.single-striker-hero .bolt-icon {
  position: absolute;
  top: 24%;
  right: 14%;
  width: 5vw;
  z-index: 4;
  pointer-events: none;
}
@media (max-width: 1350px) {
  .single-striker-hero .bolt-icon {
    display: none;
  }
}
.single-striker-hero .background-image {
  z-index: 1;
}
@media (max-width: 600px) {
  .single-striker-hero .background-image {
    position: relative;
    grid-column: span 12;
    width: 100%;
  }
  .single-striker-hero .background-image::before{
    float: left;
    padding-top: 56.25%;
    content: '';
  }
  .single-striker-hero .background-image::after{
    display: block;
    content: '';
    clear: both;
  }
}
.single-striker-hero .background-image img {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media (max-width: 600px) {
  .single-striker-hero .background-image img {
    -o-object-position: center right;
       object-position: center right;
  }
}
.single-striker-hero .nickname-overlay {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11vw;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
  mix-blend-mode: overlay;
  z-index: 4;
}
@media (max-width: 768px) {
  .single-striker-hero .nickname-overlay {
    display: none;
  }
}

.single-striker-stats {
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  margin-top: -2rem;
  background-color: #fff;
  padding: 4rem 0 0;
  color: #000;
  z-index: 2;
}
@media (min-width: 769px) {
  .single-striker-stats {
    padding: 8rem 0 0;
  }
}
.single-striker-stats h3 {
  grid-column: span 12;
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  margin: 0;
}
@media (max-width: 768px) {
  .single-striker-stats h3 {
    margin: 0 0 3rem;
    width: 100%;
  }
}
.single-striker-stats .container {
  align-items: start;
}
@media (max-width: 768px) {
  .single-striker-stats .container {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.single-striker-stats .back {
  position: absolute;
  left: 3rem;
  top: 4.4rem;
  z-index: 10;
}
@media (max-width: 999px) {
  .single-striker-stats .back {
    display: none;
  }
}
.single-striker-stats .back .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.4rem;
  height: 3.4rem;
  border: 1px solid #989da1;
  border-radius: 100%;
  margin-right: 1.5rem;
}
@media (min-width: 1000px) {
  .single-striker-stats .back .icon {
    width: 6.8rem;
    height: 6.8rem;
    margin-right: 0;
  }
}
.single-striker-stats .back .icon svg {
  width: 0.5rem;
  transform: translateX(-1px);
}
@media (min-width: 1000px) {
  .single-striker-stats .back .icon svg {
    width: 1rem;
    transform: translateX(0);
  }
}
.single-striker-stats .back a {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--black);
  text-decoration: none;
  pointer-events: all;
}
@media (min-width: 1000px) {
  .single-striker-stats .back a {
    flex-direction: column;
  }
}
.single-striker-stats .back a:hover .text {
  color: var(--blue);
}
.single-striker-stats .back .text {
  margin-top: 0.5rem;
  transition: color 0.3s ease;
}
@media (min-width: 1000px) {
  .single-striker-stats .back .text {
    margin-top: 1rem;
  }
}
.single-striker-stats .photo {
  grid-column: span 4;
  height: 100%;
  padding-right: 20%;
  transform: translateY(-5vw);
}
@media (max-width: 768px) {
  .single-striker-stats .photo {
    width: 40%;
    position: sticky;
    top: 8rem;
    height: 30vh;
  }
}
.single-striker-stats .photo::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  z-index: 2;
}
.single-striker-stats .photo img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  z-index: 1;
}
.single-striker-stats .stats {
  display: flex;
  flex-direction: column;
  width: calc(60% - 3rem);
  grid-column: 6/span 7;
}
@media (min-width: 769px) {
  .single-striker-stats .stats {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
  }
}
.single-striker-stats .stat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 2rem;
  padding: 1.8rem 2rem;
  min-height: 12.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 1000px) {
  .single-striker-stats .stat[data-columns="1"] {
    grid-column: span 2;
  }
}
@media (min-width: 1250px) {
  .single-striker-stats .stat[data-columns="1"] {
    grid-column: span 1;
  }
}
.single-striker-stats .stat[data-columns="2"] {
  grid-column: span 2;
}
.single-striker-stats .stat small {
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: none;
}
.single-striker-stats .heading {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0;
}
.single-striker-stats .value {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  text-align: right;
  margin: 0;
}
@media (min-width: 1000px) {
  .single-striker-stats .value {
    font-size: 1.8rem;
  }
}
@media (min-width: 1350px) {
  .single-striker-stats .value {
    font-size: 2.4rem;
  }
}
.single-striker-stats .social {
  grid-column: span 4;
  margin-top: 1.5rem;
}
@media (min-width: 769px) {
  .single-striker-stats .social {
    margin-top: auto;
  }
}
.single-striker-stats .small-heading {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
.single-striker-stats .social-links {
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
@media (min-width: 769px) {
  .single-striker-stats .social-links {
    justify-content: flex-start;
  }
}
.single-striker-stats .social-links li {
  margin-right: 1rem;
}
.single-striker-stats .social-links a {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 0.3s ease;
  width: 4.5rem;
  height: 4.5rem;
  color: #fff;
}
@media (min-width: 769px) {
  .single-striker-stats .social-links a {
    width: 5.7rem;
    height: 5.7rem;
  }
}
.single-striker-stats .social-links a:hover::before {
  transform: scale(1.1);
}
.single-striker-stats .social-links a svg {
  z-index: 2;
}
.single-striker-stats .social-links a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue);
  border-radius: 100%;
  transition: transform 0.15s ease-in-out;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  z-index: 1;
}

.single-striker-bio {
  padding: 8rem 0 4rem;
  color: #000;
}
@media (min-width: 769px) {
  .single-striker-bio {
    padding: 10rem 0;
  }
}
.single-striker-bio .pull-quote {
  grid-column: span 12;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
  text-transform: uppercase;
  max-width: 31ch;
  margin: 0 auto;
  margin-bottom: 4rem;
}
@media (min-width: 769px) {
  .single-striker-bio .pull-quote {
    font-size: 4rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .single-striker-bio .pull-quote {
    grid-column: 3/span 8;
  }
}
.single-striker-bio .quote-mark {
  color: var(--blue);
}
.single-striker-bio .biography {
  grid-column: span 12;
  text-align: center;
  max-width: 86ch;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .single-striker-bio .biography {
    grid-column: 3/span 8;
  }
}
.single-striker-bio .rule {
  grid-column: span 12;
  margin-top: 4rem;
  background-color: #dfe7ed;
  height: 1px;
}
@media (min-width: 769px) {
  .single-striker-bio .rule {
    margin-top: 7rem;
  }
}

.bio-spacer {
  height: 3rem;
}
@media (min-width: 769px) {
  .bio-spacer {
    height: 7rem;
  }
}

.single-striker .news-grid {
  margin-bottom: 6rem;
}
@media (min-width: 769px) {
  .single-striker .news-grid {
    margin-bottom: 14rem;
  }
}

.single-striker .image-carousel {
  padding-top: 0;
}

.rounded-page-end {
  height: 2rem;
  width: 100%;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  background-color: #fff;
  margin-bottom: -2rem;
  z-index: 2;
}

.single-event-hero {
  display: flex;
  background-color: var(--black);
  pointer-events: all;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 500px) {
  .single-event-hero {
    height: auto;
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .single-event-hero {
    align-items: center;
  }
}
.single-event-hero .container {
  align-items: center;
  text-align: center;
  overflow: hidden;
  z-index: 10;
  padding: 0 5%;
}
@media (min-width: 769px) and (max-width: 900px) {
  .single-event-hero .container {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 999px) {
  .single-event-hero .container {
    height: 100%;
    display: flex;
    gap: 0;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.single-event-hero h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}
.single-event-hero h1 .name {
  font-size: 4rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  z-index: 5;
}
.single-event-hero h1 .vs {
  font-size: 1.5rem;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  background-color: var(--red);
  border-radius: 2rem;
  padding: 0.5rem 2.2rem 0.2rem 2rem;
  line-height: 1;
  margin: 0.2rem 0 1rem;
  z-index: 2;
}
.single-event-hero h1 svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% - 0.4rem));
  z-index: 1;
}
.single-event-hero .striker {
  width: 85%;
  grid-column: span 4;
  margin-top: auto;
}
.single-event-hero .striker::before{
  float: left;
  padding-top: 106.06060606060605%;
  content: '';
}
.single-event-hero .striker::after{
  display: block;
  content: '';
  clear: both;
}
@media (max-width: 999px) {
  .single-event-hero .striker {
    margin-top: 8rem;
  }
  .single-event-hero .striker::before{
    float: left;
    padding-top: 129.41176470588238%;
    content: '';
  }
  .single-event-hero .striker::after{
    display: block;
    content: '';
    clear: both;
  }
}
.single-event-hero .striker .inner {
  position: absolute;
  top: -15%;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 115%;
  width: 100%;
}
@media (min-width: 1000px) {
  .single-event-hero .striker .inner {
    top: -30%;
    height: 130%;
  }
}
.single-event-hero .striker img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  z-index: 1;
}
.single-event-hero .buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 3vh;
  gap: 1rem;
}
@media (min-width: 1000px) {
  .single-event-hero .buttons {
    margin-left: -10rem;
    margin-right: -10rem;
  }
}
.single-event-hero .buttons .button {
  padding: 0.8rem 3rem 0.5rem;
  min-height: 4.2rem;
  margin: 0 1rem;
  font-size: 1.2rem;
}
@media (min-width: 769px) {
  .single-event-hero .buttons .button {
    min-height: 5.2rem;
    font-size: 1.5rem;
  }
}
.single-event-hero .buttons .button .icon {
  transform: translateY(-0.2rem);
}
.single-event-hero .mobile-grad {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 30%;
  width: 100%;
  background-image: linear-gradient(to top, var(--black), transparent);
  z-index: 2;
}
@media (min-width: 1000px) {
  .single-event-hero .mobile-grad {
    display: none;
  }
}
@media (max-width: 999px) {
  .single-event-hero .striker-1 {
    width: 50%;
    order: 1;
  }
}
@media (max-width: 999px) {
  .single-event-hero .striker-2 {
    width: 50%;
    order: 2;
  }
}
.single-event-hero .event-details {
  padding: 15rem 0 10rem;
  grid-column: span 4;
}
@media (max-width: 999px) {
  .single-event-hero .event-details {
    width: 100%;
    background-color: #000;
    padding: 0 0 8rem;
    order: 3;
    z-index: 2;
  }
}
.single-event-hero .event-date {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 2rem 0 0;
}
@media (min-width: 769px) {
  .single-event-hero .event-date {
    margin: 3vh 0 0;
  }
}
.single-event-hero .event-location {
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
}
.single-event-hero .large-background-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -35%);
  font-size: clamp(10rem, 20vw, 20rem);
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px #707070;
  z-index: 4;
}
@media (min-width: 1100px) {
  .single-event-hero .large-background-text {
    font-size: 20.5rem;
  }
}
.single-event-hero .background-image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  z-index: 1;
}
.single-event-hero .pattern-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 38%;
  height: 100%;
  z-index: 4;
}
@media (max-width: 999px) {
  .single-event-hero .pattern-right {
    display: none;
  }
}
.single-event-hero .pattern-right svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single-event-hero .pattern-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 17.35%;
  min-width: 29rem;
  height: 100%;
  z-index: 4;
}
@media (max-width: 999px) {
  .single-event-hero .pattern-left {
    display: none;
  }
}
.single-event-hero .pattern-left svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single-event-hero .scrim {
  background-color: var(--black);
  opacity: 0.2;
  z-index: 2;
}
.single-event-hero .top-grad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 15%;
  background-image: linear-gradient(to bottom, var(--black), transparent);
  z-index: 3;
}
.single-event-hero .bottom-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background-image: linear-gradient(to top, var(--black), transparent);
  z-index: 3;
}
.single-event-hero .left-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 42.91%;
  height: 100%;
  background-image: linear-gradient(to right, var(--black), transparent);
  z-index: 3;
}
.single-event-hero .right-grad {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background-image: linear-gradient(to left, var(--black), transparent);
  z-index: 3;
}

.match-list {
  border-radius: 2rem;
  margin: -2rem 0 0;
  padding: 5rem 0 7rem;
  background-color: #fff;
  overflow: hidden;
  z-index: 2;
}
@media (min-width: 1000px) {
  .match-list {
    padding: 9rem 0;
  }
}
.match-list h2 {
  grid-column: span 12;
  font-size: 4rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  margin: 0;
}
.match-list p {
  color: #000;
}
.match-list .back {
  position: absolute;
  top: 0;
  left: -6rem;
  grid-column: span 12;
  grid-row: 1;
}
@media (max-width: 999px) {
  .match-list .back {
    padding: 0 0 2rem 0;
  }
}
@media (min-width: 1000px) {
  .match-list .back {
    grid-column: 1/span 2;
  }
}
.match-list .back .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.4rem;
  height: 3.4rem;
  border: 1px solid #989da1;
  border-radius: 100%;
  margin-right: 1.5rem;
}
@media (min-width: 1000px) {
  .match-list .back .icon {
    width: 6.8rem;
    height: 6.8rem;
    margin-right: 0;
  }
}
.match-list .back .icon svg {
  width: 0.5rem;
  transform: translateX(-1px);
}
@media (min-width: 1000px) {
  .match-list .back .icon svg {
    width: 1rem;
    transform: translateX(0);
  }
}
.match-list .back a {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--black);
  text-decoration: none;
  pointer-events: all;
}
@media (min-width: 1000px) {
  .match-list .back a {
    flex-direction: column;
  }
}
.match-list .back a:hover .text {
  color: var(--blue);
}
.match-list .back .text {
  margin-top: 0.5rem;
  transition: color 0.3s ease;
}
@media (min-width: 1000px) {
  .match-list .back .text {
    margin-top: 1rem;
  }
}
.match-list .matches {
  grid-column: span 12;
  display: flex;
  flex-direction: column;
}
.match-list .match {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  border-bottom: 2px solid #dfe7ed;
  margin-top: 2rem;
}
@media (max-width: 550px) {
  .match-list .match {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.match-list .striker {
  display: grid;
  grid-template-columns: 40% auto 1fr;
  gap: 2rem;
  grid-column: span 5;
}
@media (max-width: 550px) {
  .match-list .striker-1 {
    width: calc(50% - 1rem);
    order: 2;
  }
}
@media (max-width: 550px) {
  .match-list .striker-2 {
    width: calc(50% - 1rem);
    order: 3;
  }
}
.match-list .winner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.match-list .winner .winner-text {
  font-size: 1.5rem;
  font-weight: 700;
  color: #c4a257;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .match-list .winner .winner-text {
    font-size: 2rem;
  }
}
.match-list .vs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  grid-column: span 2;
}
@media (max-width: 550px) {
  .match-list .vs {
    width: 100%;
    margin: 4rem 0 2rem;
    order: 1;
  }
}
.match-list .vs .weightclass {
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  z-index: 2;
}
@media (min-width: 769px) {
  .match-list .vs .weightclass {
    font-size: 1.5rem;
  }
}
.match-list .vs .additional-description,
.match-list .vs .additional-description p {
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--grey);
  margin: 0;
  z-index: 2;
}
@media (min-width: 769px) {
  .match-list .vs .additional-description,
  .match-list .vs .additional-description p {
    font-size: 1.5rem;
  }
}
.match-list .vs .vs-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 11rem;
  line-height: 1;
  text-transform: uppercase;
  font-style: italic;
  color: transparent;
  z-index: 1;
}
@media (min-width: 769px) {
  .match-list .vs .vs-text {
    width: 12rem;
  }
}
@media (min-width: 1000px) {
  .match-list .vs .vs-text {
    width: 15rem;
  }
}
.match-list .striker-image::before{
  float: left;
  padding-top: 127.02702702702702%;
  content: '';
}
.match-list .striker-image::after{
  display: block;
  content: '';
  clear: both;
}
.match-list .striker-image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.match-list .striker-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.match-list .striker-2 .striker-text {
  text-align: right;
}
.match-list .rank {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--blue);
  margin: 0;
}
@media (min-width: 1000px) {
  .match-list .rank {
    font-size: 2rem;
  }
}
.match-list .rank.cur-champ {
  color: #c4a257;
}
.match-list .name {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.25;
  margin: 0;
}
@media (min-width: 1000px) {
  .match-list .name {
    font-size: 2rem;
  }
}

.single-event .how-to-watch {
  margin-top: 9rem;
}

.single-event .image-carousel {
  padding: 0;
}
.single-event .image-carousel .gallery-container {
  padding: 7.5rem 0;
}
@media (min-width: 769px) {
  .single-event .image-carousel .gallery-container {
    padding: 15rem 0;
  }
}
.single-event .image-carousel .background-blur {
  height: 86%;
  margin-top: 5%;
}

.events-hero {
  z-index: 1;
}
@media (min-width: 1000px) {
  .events-hero {
    height: calc(100vh + 2rem);
  }
}
@media (min-width: 1000px) {
  .events-hero[data-type=no-artwork] {
    max-height: 85rem;
    overflow: hidden;
  }
}
@media (max-width: 999px) {
  .events-hero[data-type=no-artwork] .event-details {
    width: 100%;
    background-color: #000;
    padding: 0 0 5rem;
    order: 3;
    z-index: 2;
  }
}
@media (max-width: 999px) {
  .events-hero[data-type=no-artwork] .event-meta {
    display: none;
  }
}
.events-hero[data-type=no-artwork] .event-meta.mobile {
  position: relative;
  bottom: initial;
  padding: 0;
}
@media (max-width: 999px) {
  .events-hero[data-type=no-artwork] .event-meta.mobile {
    display: block;
  }
}
@media (min-width: 1000px) {
  .events-hero[data-type=no-artwork] .event-meta.mobile {
    display: none;
  }
}
.events-hero[data-type=no-artwork] h1 .name {
  font-size: 4rem;
}
.events-hero .background-image {
  overflow: hidden;
  z-index: 1;
}
.events-hero .background-image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.events-hero h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}
.events-hero h1 .name {
  font-size: 5rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  z-index: 5;
}
.events-hero h1 .vs {
  font-size: 1.5rem;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  background-color: var(--red);
  border-radius: 2rem;
  padding: 0.5rem 2.2rem 0.2rem 2rem;
  line-height: 1;
  margin: 0.2rem 0 1rem;
  z-index: 2;
}
.events-hero h1 svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% - 0.4rem));
  z-index: 1;
}
.events-hero .container {
  align-items: center;
  text-align: center;
  overflow: hidden;
  z-index: 10;
}
@media (min-width: 769px) and (max-width: 900px) {
  .events-hero .container {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 999px) {
  .events-hero .container {
    display: flex;
    gap: 0;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1000px) {
  .events-hero .container {
    height: 100%;
  }
}
.events-hero .event-details {
  grid-column: 5/span 4;
}
@media (max-width: 999px) {
  .events-hero .event-details {
    width: 100%;
    padding: 25vh 0 3vh;
    order: 3;
    z-index: 2;
  }
}
.events-hero .striker {
  width: 85%;
  margin-top: auto;
}
.events-hero .striker::before{
  float: left;
  padding-top: 200%;
  content: '';
}
.events-hero .striker::after{
  display: block;
  content: '';
  clear: both;
}
@media (max-width: 999px) {
  .events-hero .striker {
    margin-top: 8rem;
  }
  .events-hero .striker::before{
    float: left;
    padding-top: 129.41176470588238%;
    content: '';
  }
  .events-hero .striker::after{
    display: block;
    content: '';
    clear: both;
  }
}
.events-hero .striker .inner {
  position: absolute;
  top: -15%;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 115%;
  width: 100%;
}
@media (min-width: 1000px) {
  .events-hero .striker .inner {
    top: 0;
    height: 130%;
  }
}
.events-hero .striker img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  z-index: 1;
}
.events-hero .mobile-grad {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 30%;
  width: 100%;
  background-image: linear-gradient(to top, var(--black), transparent);
  z-index: 2;
}
@media (min-width: 1000px) {
  .events-hero .mobile-grad {
    display: none;
  }
}
.events-hero .striker-1 {
  grid-row: 1;
  grid-column: 1/span 4;
}
@media (max-width: 550px) {
  .events-hero .striker-1 {
    width: calc(50% - 1rem);
    order: 2;
  }
}
@media (max-width: 999px) {
  .events-hero .striker-1 {
    width: 50%;
    order: 1;
  }
}
.events-hero .striker-2 {
  grid-row: 1;
  grid-column: 9/span 4;
}
@media (max-width: 550px) {
  .events-hero .striker-2 {
    width: calc(50% - 1rem);
    order: 3;
  }
}
@media (max-width: 999px) {
  .events-hero .striker-2 {
    width: 50%;
    order: 2;
  }
}
.events-hero .event-date {
  grid-column: 1/span 4;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 3vh 0 0;
}
.events-hero .event-location {
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
}
.events-hero .event-meta {
  z-index: 10;
  text-align: center;
}
@media (max-width: 999px) {
  .events-hero .event-meta {
    width: 100%;
    padding: 15vh 0 5rem;
  }
}
@media (min-width: 550px) {
  .events-hero .event-meta {
    position: absolute;
    width: 100%;
    bottom: calc(6vh + 2rem);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.events-hero .buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 3vh;
}
.events-hero .buttons .button {
  padding: 0.8rem 3rem 0.5rem;
  min-height: 5.2rem;
  margin: 0 1rem;
}
.events-hero .buttons .button .icon {
  transform: translateY(-0.2rem);
}
.events-hero .bottom-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  z-index: 3;
}
@media (min-width: 1000px) {
  .events-hero .no-artwork-background {
    height: 130%;
  }
}
.events-hero .no-artwork-background .background-image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  z-index: 1;
}
.events-hero .no-artwork-background .scrim {
  background-color: var(--black);
  opacity: 0.5;
  z-index: 2;
}
.events-hero .no-artwork-background .top-grad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 15%;
  background-image: linear-gradient(to bottom, var(--black), transparent);
  z-index: 3;
}
.events-hero .no-artwork-background .bottom-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background-image: linear-gradient(to top, var(--black), transparent);
  z-index: 3;
}
.events-hero .no-artwork-background .left-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 42.91%;
  height: 100%;
  background-image: linear-gradient(to right, var(--black), transparent);
  z-index: 3;
}
.events-hero .no-artwork-background .right-grad {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background-image: linear-gradient(to left, var(--black), transparent);
  z-index: 3;
}

.template-events .news-grid {
  background: #000;
  padding-top: 12rem;
}
.template-events .news-grid .heading {
  color: #fff;
}
.template-events .news-grid .cta {
  margin-top: 3rem;
}
.template-events .image-carousel {
  padding: 0;
}
.template-events .image-carousel .gallery-container {
  padding: 7.5rem 0;
}
@media (min-width: 769px) {
  .template-events .image-carousel .gallery-container {
    padding: 15rem 0;
  }
}
.template-events .image-carousel .background-blur {
  height: 86%;
  margin-top: 5%;
}

.upcoming-events-list {
  border-radius: 2rem;
  margin: -2rem 0;
  padding: 5rem 0 7rem;
  background-color: #fff;
  overflow: hidden;
  z-index: 2;
}
@media (min-width: 1000px) {
  .upcoming-events-list {
    padding: 9rem 0;
  }
}
.upcoming-events-list h2 {
  grid-column: span 12;
  font-size: 4rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  margin: 0 0 -1.5rem;
}
.upcoming-events-list p {
  color: #000;
}
.upcoming-events-list .number-of-fights {
  grid-column: span 12;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .upcoming-events-list .number-of-fights {
    margin-top: 1.5rem;
  }
}
.upcoming-events-list .number-of-fights strong {
  color: var(--red);
}
.upcoming-events-list .matches {
  grid-column: span 12;
  display: flex;
  flex-direction: column;
}
.upcoming-events-list .match {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 3rem;
  border-bottom: 2px solid #dfe7ed;
  margin-top: 3rem;
}
@media (max-width: 550px) {
  .upcoming-events-list .match {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.upcoming-events-list .strikers {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  grid-column: 1/span 6;
}
@media (max-width: 549px) {
  .upcoming-events-list .strikers {
    width: 100%;
  }
}
@media (min-width: 1150px) {
  .upcoming-events-list .strikers {
    grid-column: 1/span 3;
    transform: translateX(25%);
  }
}
.upcoming-events-list .event-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-column: 8/span 6;
  color: #000;
  text-transform: uppercase;
}
@media (max-width: 550px) {
  .upcoming-events-list .event-details {
    width: 100%;
    margin: 1rem 0 2rem;
    text-align: center;
    order: 1;
  }
}
@media (min-width: 1150px) {
  .upcoming-events-list .event-details {
    grid-column: 6/span 4;
  }
}
.upcoming-events-list .event-details h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 0.8rem;
}
.upcoming-events-list .event-details p {
  font-size: 1.5rem;
  line-height: 1.466;
  font-weight: 400;
  margin: 0;
}
.upcoming-events-list .event-details .date {
  text-transform: uppercase;
}
.upcoming-events-list .more-info {
  grid-column: 10/span 3;
  padding-bottom: 2rem;
  align-self: center;
}
@media (max-width: 1149px) {
  .upcoming-events-list .more-info {
    display: none;
  }
}
.upcoming-events-list .more-info.tablet {
  display: none;
  grid-column: span 12;
}
@media (max-width: 549px) {
  .upcoming-events-list .more-info.tablet {
    width: 100%;
  }
  .upcoming-events-list .more-info.tablet .button {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 1149px) {
  .upcoming-events-list .more-info.tablet {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-self: flex-start;
    margin-top: 0.5rem;
  }
}
.upcoming-events-list .more-info.tablet .button {
  margin: 1rem 1rem 0 0;
}
.upcoming-events-list .more-info .button {
  width: 100%;
  justify-content: center;
}
@media (max-width: 1149px) {
  .upcoming-events-list .more-info .button {
    padding: 0.8rem 2rem 0.5rem;
    min-height: 5.2rem;
    white-space: nowrap;
    flex-shrink: 0;
    width: auto;
  }
}
.upcoming-events-list .more-info .tickets-button {
  margin: 1rem 0 0;
}
.upcoming-events-list .striker-image {
  grid-column: span 2;
}
.upcoming-events-list .striker-image::before{
  float: left;
  padding-top: 127.02702702702702%;
  content: '';
}
.upcoming-events-list .striker-image::after{
  display: block;
  content: '';
  clear: both;
}
@media (max-width: 549px) {
  .upcoming-events-list .striker-image::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    z-index: 2;
  }
}
.upcoming-events-list .striker-image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.upcoming-events-list .striker-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-column: span 2;
}
.upcoming-events-list .striker-2 .striker-text {
  text-align: right;
}
.upcoming-events-list .rank {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--blue);
  margin: 0;
}
@media (min-width: 1000px) {
  .upcoming-events-list .rank {
    font-size: 2rem;
  }
}
.upcoming-events-list .name {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.25;
  margin: 0;
}
@media (min-width: 1000px) {
  .upcoming-events-list .name {
    font-size: 2rem;
  }
}

.rankings-hero {
  display: flex;
  background-color: var(--black);
  pointer-events: all;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 500px) {
  .rankings-hero {
    height: auto;
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .rankings-hero {
    align-items: center;
  }
}
.rankings-hero .container {
  z-index: 10;
  align-items: center;
  overflow: hidden;
}
@media (min-width: 769px) and (max-width: 900px) {
  .rankings-hero .container {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .rankings-hero .container {
    height: 100%;
  }
}
.rankings-hero .text {
  grid-column: span 12;
  padding: 12vh 0 2vh;
  text-align: center;
}
@media (min-width: 1000px) {
  .rankings-hero .text {
    padding: 40vh 0 5vh;
  }
}
.rankings-hero h1 {
  font-size: 3.5rem;
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
}
@media (min-width: 769px) {
  .rankings-hero h1 {
    font-size: 5rem;
  }
}
@media (min-width: 1300px) {
  .rankings-hero h1 {
    font-size: 7rem;
  }
}
.rankings-hero h2 {
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--red);
  margin: 0 0 1rem;
}
@media (min-width: 769px) {
  .rankings-hero h2 {
    font-size: 3rem;
  }
}
.rankings-hero .large-background-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -41.5%);
  font-size: clamp(10rem, 20vw, 20rem);
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px #707070;
  mix-blend-mode: color-dodge;
  z-index: 9;
}
@media (min-width: 1100px) {
  .rankings-hero .large-background-text {
    font-size: 20.5rem;
  }
}
.rankings-hero .image img {
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.rankings-hero .pattern-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 50%;
  z-index: 4;
}
@media (max-width: 768px) {
  .rankings-hero .pattern-left {
    opacity: 0.4;
  }
}
.rankings-hero .pattern-left svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rankings-hero .pattern-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  min-width: 29rem;
  height: 80%;
  z-index: 4;
}
@media (max-width: 768px) {
  .rankings-hero .pattern-right {
    display: none;
  }
}
.rankings-hero .pattern-right svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rankings-hero .scrim {
  background-color: var(--black);
  opacity: 0.2;
  z-index: 2;
}
.rankings-hero .top-grad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 3;
}
.rankings-hero .bottom-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background-image: linear-gradient(to top, var(--black), transparent);
  z-index: 3;
}
.rankings-hero .left-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background-image: linear-gradient(to right, var(--black), transparent);
  opacity: 0.5;
  z-index: 5;
}
.rankings-hero .right-grad {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20%;
  height: 100%;
  background-image: linear-gradient(to left, var(--black), transparent);
  opacity: 0.8;
  z-index: 5;
}

.rankings-ad {
  grid-column: span 12;
  margin-bottom: 7rem;
  width: 100%;
}
@media (max-width: 499px) {
  .rankings-ad--desktop {
    display: none;
  }
}
@media (min-width: 500px) {
  .rankings-ad--mobile {
    display: none;
  }
}
.rankings-ad img {
  width: 100%;
}

.rankings-list {
  background: #000;
  z-index: 2;
}
.rankings-list h3 {
  font-family: var(--avant);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #bababa;
}
@media (min-width: 500px) {
  .rankings-list .container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 3rem;
  }
}
@media (min-width: 1400px) {
  .rankings-list .container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3rem;
  }
}
.rankings-list .weightclass {
  background-color: #080d22;
  border-radius: 2rem;
  overflow: hidden;
}
@media (max-width: 499px) {
  .rankings-list .weightclass {
    margin-bottom: 2rem;
  }
}
@media (min-width: 500px) {
  .rankings-list .weightclass {
    grid-column: span 6;
  }
}
@media (min-width: 1100px) {
  .rankings-list .weightclass {
    grid-column: span 4;
  }
}
@media (min-width: 1400px) {
  .rankings-list .weightclass {
    grid-column: span 1;
  }
}
.rankings-list .image {
  background-image: url("../images/card-background-slap.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--blue);
  pointer-events: none;
  overflow: hidden;
}
.rankings-list .image::before{
  float: left;
  padding-top: 66.66666666666666%;
  content: '';
}
.rankings-list .image::after{
  display: block;
  content: '';
  clear: both;
}
.rankings-list .image .inner {
  position: absolute;
  top: -2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: calc(100% + 2rem);
  width: 65%;
}
.rankings-list .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.rankings-list .text {
  padding: 1.5rem;
  text-align: center;
}
@media (min-width: 769px) {
  .rankings-list .text {
    padding: 3rem;
  }
}
.rankings-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.rankings-list li {
  font-size: 1.2rem;
  line-height: 1.66;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 1.5rem;
  margin-top: 1rem;
  color: #fff;
  text-align: left;
  display: flex;
  justify-content: space-between;
}
.rankings-list li a {
  color: #fff;
  text-decoration: none;
}
.rankings-list .champion {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  margin-top: 0;
  padding-top: 0;
  border: none;
}
@media (min-width: 769px) {
  .rankings-list .champion {
    font-size: 2rem;
  }
}
.rankings-list .champion a {
  display: flex;
  flex-direction: column;
  color: #fff;
  text-decoration: none;
}
.rankings-list .gold {
  font-size: 1.2rem;
  letter-spacing: 0.3em;
  color: #c4a257;
  margin-top: 0.7rem;
}
.rankings-list .gold-bolt {
  margin-top: 0.3rem;
}

.template-rankings .image-carousel {
  padding: 0;
  z-index: 10;
}
.template-rankings .image-carousel .gallery-container {
  padding: 7.5rem 0;
}
@media (min-width: 769px) {
  .template-rankings .image-carousel .gallery-container {
    padding: 15rem 0;
  }
}
.template-rankings .image-carousel .background-blur {
  height: 90%;
}
.template-rankings .image-carousel .container.background-container {
  transform: translateY(-46%);
  height: 85%;
}
.template-rankings .news-grid {
  background: #000;
}
.template-rankings .news-grid .heading {
  color: #fff;
}
.template-rankings .news-grid .cta {
  margin-top: 3rem;
}

/** Content builder styles */
.content-builder {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  gap: 3rem;
}
@media (min-width: 769px) {
  .content-builder {
    gap: 4rem;
  }
}

.content-builder-block.text-block a {
  color: var(--blue);
}

.content-builder-block.text-with-image {
  width: 100%;
}
.content-builder-block.text-with-image img {
  width: 100%;
  border-radius: 1rem;
}
.content-builder-block.text-with-image.prose h3.preheader {
  margin-bottom: -2.5rem;
}
@media (min-width: 769px) {
  .content-builder-block.text-with-image.prose h3.preheader {
    margin-bottom: -3.5rem;
  }
}
.content-builder-block.text-with-image.prose a {
  color: var(--blue);
}

.content-builder-block.image img {
  width: 100%;
  border-radius: 1rem;
}
.content-builder-block.image .image-credit {
  margin-top: 1rem;
  font-size: 1.3rem;
}

.content-builder-block.youtube-video .video-wrapper {
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
}

.content-builder-block.youtube-video .video-wrapper::before{
  float: left;
  padding-top: 56.25%;
  content: '';
}

.content-builder-block.youtube-video .video-wrapper::after{
  display: block;
  content: '';
  clear: both;
}
.content-builder-block.youtube-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content-builder-block.youtube-video .caption {
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 1.5rem;
}
.content-builder-block.youtube-video .caption strong {
  color: var(--blue);
}