html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Thatthatnewpixel;
src: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/68789124a41af6f829f77a6f_ThatThatNewPixel-ItalicSquare.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/688fe13c73066eb8c9a883a1_ThatThatNewPixel-ItalicRound.woff") format("woff"), url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/688fe0dee11564cdcf1b1c27_ThatThatNewPixel-ItalicSquare.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/688fe0df8386df55b73c933d_ThatThatNewPixel-ItalicVF.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/688fe0df26d2687b7bd08e7f_ThatThatNewPixel-ItalicRound.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/688fe0df8386df55b73c933d_ThatThatNewPixel-ItalicVF.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/688fe0deb84739be21156165_ThatThatNewPixel-ItalicRound.otf") format("opentype"), url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/688fe0de5cb065ab1bf6dc7f_ThatThatNewPixel-ItalicSquare.otf") format("opentype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Thatthatnewpixel Square;
src: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/68789124fa8844b05f8c44d8_ThatThatNewPixel-Square.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/688fe0de98296810ead09aac_ThatThatNewPixel-Square.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/688fe0def830b978f0f4947e_ThatThatNewPixel-Square.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Thatthatnewpixel;
src: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/68789124a41af6f829f77a6f_ThatThatNewPixel-ItalicSquare.woff2") format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Thatthatnewpixel Round;
src: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/688fe13c3153c7b4c725ac53_ThatThatNewPixel-Round.woff") format("woff"), url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/688fe0dec75fb05938a92b76_ThatThatNewPixel-Round.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/688fe0defa530f73d91953c1_ThatThatNewPixel-Round.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Bwhaasgroteskhead 95 Copy";
src: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67eaf2aa26595f14e4b2c985_bwhaasgroteskhead-95black%20copy.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Bwhaasgrotesktext 65 Copy 2";
src: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67eaf2e9d0b991452394d117_bwhaasgrotesktext-65medium%20copy%202.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Neuehaasunicapro;
src: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/687891696eb53b608bb72216_NeueHaasUnicaPro-Thin.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Thatthatnewpixelvf;
src: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/688fe0deeca8d8e35965cde4_ThatThatNewPixelVF.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--tlg-video-control-2: 0px;
}
.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.w-embed-youtubevideo {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
background-position: 50%;
background-size: cover;
width: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.w-embed-youtubevideo:empty {
min-height: 75px;
padding-bottom: 56.25%;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
.spline-scene {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: 100%;
display: flex;
position: relative;
top: auto;
right: auto;
}
.content_section {
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
min-width: 100%;
max-width: none;
height: auto;
min-height: auto;
margin-bottom: 0;
padding-top: 96px;
padding-bottom: 0;
display: flex;
position: relative;
top: 0;
overflow: hidden;
}
.content_section.nav {
z-index: 1;
background-color: #ffffff59;
justify-content: center;
align-items: center;
display: flex;
position: sticky;
inset: 0% auto 0% 0%;
overflow: hidden;
}
.div-block {
text-align: right;
}
.link-block {
grid-column-gap: 8px;
grid-row-gap: 8px;
vertical-align: middle;
background-color: #100;
border-radius: 6px;
flex-flow: wrap;
flex: 0 auto;
order: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: flex-start;
align-items: center;
margin-top: 24px;
margin-left: 0;
margin-right: 0;
display: inline-flex;
position: relative;
top: 0;
}
.div-block-2 {
grid-column-gap: 5%;
grid-row-gap: 5%;
cursor: auto;
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
max-height: 100%;
margin-top: 0;
font-size: 10px;
display: flex;
position: relative;
}
.heading {
outline-offset: 0px;
color: #fff;
text-align: center;
-webkit-text-decoration-skip-ink: auto;
text-decoration-skip-ink: auto;
cursor: pointer;
border: 1px #0000;
border-radius: 0;
outline: 3px #fff;
flex-flow: row;
justify-content: center;
align-items: center;
margin: 0 40px;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 300;
-webkit-text-decoration: none;
text-decoration: none;
display: flex;
}
.container {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
grid-template: "Area"
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: flex-start;
place-items: center;
width: 100%;
max-width: 1280px;
margin: 0 0 172px;
padding: 89px 32px 0;
display: flex;
position: relative;
}
.container.nav {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.image {
margin-right: 251px;
display: block;
position: relative;
}
.image-2 {
max-width: none;
position: relative;
}
.div-block-3 {
justify-content: center;
align-items: center;
max-width: 20%;
display: flex;
position: relative;
left: 907px;
right: 907px;
}
.navbar-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
display: flex;
position: sticky;
top: 0;
}
.container-2 {
grid-column-gap: 29%;
grid-row-gap: 29%;
flex-flow: row;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
min-width: 100%;
padding: 12px 32px;
display: flex;
}
.brand {
text-align: center;
flex: 0 auto;
margin-left: 122px;
margin-right: 122px;
}
.footer-div {
z-index: 3;
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #080808;
flex-flow: row;
flex: 0 auto;
justify-content: flex-end;
align-items: flex-end;
width: 100vw;
min-width: 100vw;
max-width: 100vh;
height: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 24px;
padding-bottom: 38px;
padding-right: 96px;
display: flex;
position: static;
inset: auto 0% 0%;
}
.image-3 {
width: 105px;
overflow: visible;
}
.foot_nav_-text {
color: #fff;
text-align: right;
font-family: Pixelify Sans, sans-serif;
font-weight: 400;
}
.div-block-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
align-self: center;
padding-top: 2px;
display: flex;
}
.nav-menu {
display: flex;
}
.header-container {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template: "Area"
/ 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: start center;
max-width: 95%;
display: grid;
}
.header-container.nav {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
flex: none;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 100%;
padding: 0;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.menu_link {
box-sizing: border-box;
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: right;
object-fit: contain;
flex-flow: row;
flex: 1;
order: 1;
justify-content: flex-end;
align-self: center;
align-items: center;
width: auto;
max-width: none;
padding-left: 0;
display: inline-flex;
overflow: visible;
}
.nav_link {
color: #111;
width: auto;
min-width: auto;
min-height: auto;
margin-left: 18px;
font-family: Pixelify Sans, sans-serif;
font-size: 18px;
text-decoration: none;
}
.image-4 {
vertical-align: middle;
width: 64px;
max-width: none;
}
.lottie-animation {
display: none;
}
.image-5 {
z-index: 0;
clear: none;
width: 100vw;
min-width: 100%;
height: 100%;
margin-top: -595px;
position: relative;
}
.link-block-2 {
display: flex;
}
.link-block-2.w--current {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
}
.image-6 {
vertical-align: middle;
flex: 0 auto;
align-self: center;
width: 96px;
display: none;
}
.link-block-3 {
flex: 1;
}
.section-2 {
z-index: 0;
height: auto;
margin-top: -231px;
position: relative;
}
.footer {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-end;
display: block;
position: relative;
inset: auto 0% 0%;
}
.image-7 {
width: 372%;
margin-top: 0;
margin-bottom: -1060px;
margin-left: 0;
position: relative;
}
.div-block-6 {
z-index: 4;
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
width: 2270vw;
max-width: 100%;
margin-top: 1px;
display: flex;
position: relative;
}
.spline-scene-2 {
z-index: 2;
justify-content: center;
align-items: flex-start;
max-width: 989%;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
}
.section-3 {
z-index: 5;
position: relative;
}
.heading-2 {
z-index: auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fff;
flex-flow: column;
margin-left: 286px;
padding-top: 0;
padding-bottom: 0;
padding-left: 228px;
font-family: Pixelify Sans, sans-serif;
display: block;
position: relative;
top: 703px;
left: -215px;
}
.div-block-7 {
z-index: 2;
position: relative;
}
.body {
-webkit-text-fill-color: inherit;
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67e5f921b341c44ecbe3be52_Damn_long_baloncesto.avif");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
background-clip: border-box;
}
.background-section-1 {
height: 11500px;
}
.section-4 {
height: 1081px;
margin-top: -55px;
}
.scroller {
width: 100vw;
height: auto;
margin-top: 0;
display: block;
position: absolute;
}
.bg-image {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67e5f921b341c44ecbe3be52_Damn_long_baloncesto.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100vw;
width: 100vw;
height: auto;
position: absolute;
inset: -577px 0% 0%;
}
.parallax-item-1 {
z-index: 1;
width: 400px;
margin-top: 245px;
position: absolute;
}
.parallax-item-2 {
z-index: 2;
width: 400px;
margin-top: -576px;
position: absolute;
}
.image-8, .image-9 {
position: absolute;
}
.section-5 {
width: 1995px;
height: 400px;
}
.parallax-item-3 {
z-index: 2;
width: 400px;
position: absolute;
}
.body-2 {
overflow: visible;
}
.hero {
z-index: 1;
object-fit: cover;
width: auto;
min-width: 100%;
max-width: 767px;
height: auto;
min-height: 100vh;
margin-top: 390px;
position: relative;
overflow: hidden;
}
.background-video {
-webkit-text-fill-color: inherit;
mix-blend-mode: normal;
background-clip: border-box;
}
.svg {
aspect-ratio: auto;
object-fit: cover;
width: 100%;
height: auto;
min-height: 100%;
position: absolute;
inset: 0% 0% auto;
}
.clipped-video_01 {
z-index: 1;
aspect-ratio: auto;
object-fit: cover;
width: 90vw;
min-width: auto;
max-width: 100%;
height: auto;
min-height: 100vh;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
position: absolute;
inset: 0% 0% auto;
}
.spline-scene-3 {
z-index: 4;
margin-top: -71px;
position: relative;
}
.image-10 {
padding-top: 18px;
}
.image-11 {
z-index: 3;
margin-top: 0;
padding-left: 0;
position: absolute;
inset: 2% 0% auto;
}
.defs, .g {
position: absolute;
}
.background-video-2 {
z-index: 2;
object-fit: cover;
width: 100%;
min-height: 100%;
margin: auto;
position: relative;
overflow: hidden;
}
.parallax-item-4 {
z-index: 2;
width: 400px;
height: 300px;
position: absolute;
}
.background-video-3 {
width: 400px;
height: 300px;
margin: auto;
}
.svg-2 {
border: 1px solid #0000;
width: 400px;
height: 300px;
}
.clip-path {
border: 0 solid #fff;
border-radius: 0;
}
.defs-2 {
border: 1px solid #0000;
}
.background-video-4 {
width: 600px;
height: 350px;
}
.section-spacer-01 {
width: 1995px;
height: 400vh;
}
.div-block-8 {
z-index: 3;
width: 666px;
height: 450px;
margin-left: 1px;
position: relative;
}
.section-6 {
z-index: 2;
margin-bottom: 231px;
position: relative;
top: 285px;
}
.lottie-animation-2 {
z-index: 3;
position: relative;
}
.div-block-9 {
margin-top: -668px;
display: block;
}
.image-12 {
z-index: 3;
display: none;
position: relative;
top: 100px;
}
.div-block-10 {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
flex: none;
order: 1;
align-self: flex-start;
width: 40vw;
margin: -346px auto auto 50vw;
padding-left: 52px;
display: flex;
position: relative;
}
.text-subtitle-block {
color: #fff;
padding-bottom: 32px;
font-family: Pixelify Sans, sans-serif;
font-size: 18px;
}
.heading-3, .paragraph_01 {
color: #fff;
}
.section-7 {
text-align: right;
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: relative;
}
.heading-4 {
z-index: 2;
position: relative;
}
.div-block-11 {
z-index: 4;
width: 30vw;
margin-left: 0;
position: absolute;
left: 10vw;
}
.paragraph_right-alligned {
color: #fff;
text-align: right;
}
.text-subtitle-block-right-alligned {
color: #fff;
text-align: right;
padding-bottom: 32px;
font-family: Pixelify Sans, sans-serif;
font-size: 18px;
}
.heading-3-right-alligned {
color: #fff;
text-align: right;
}
.paragraph {
flex-flow: column;
width: 45vw;
display: flex;
}
.div-block-12 {
z-index: 3;
width: 45vw;
margin-left: 193px;
position: relative;
}
.parallax-item-travis {
z-index: 2;
width: 400px;
height: 300px;
position: absolute;
}
.div-block-13 {
z-index: 2;
width: 35vw;
position: absolute;
left: 593px;
}
.spline-scene-4 {
z-index: 2;
width: 100%;
height: auto;
margin-bottom: -128px;
margin-left: 0;
padding-bottom: 0;
text-decoration: underline;
position: relative;
inset: auto 0% 0%;
}
.div-block-14 {
z-index: 4;
width: auto;
padding-left: 0;
position: absolute;
inset: auto 0% 0%;
}
.spacing-section {
width: 100%;
padding-top: 10rem;
padding-bottom: 8.7rem;
}
.spacing-section.top-bigger {
padding-top: 16rem;
padding-bottom: 2.9rem;
}
.container-3 {
width: 100%;
max-width: 110rem;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.work-sticky-wrap {
z-index: 4;
height: 200vh;
position: sticky;
}
.content-align-center {
flex-direction: column;
align-items: center;
padding: 0 0;
display: flex;
position: absolute;
}
.work-item-v2, .work-list-v2 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.section-8 {
z-index: 4;
flex-flow: column;
margin-top: -178px;
display: flex;
position: relative;
}
.work-list-wrapper-v2 {
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.headline-style-display {
color: #fff;
text-align: center;
text-transform: uppercase;
width: 100vw;
margin-top: -23px;
margin-bottom: 94px;
font-family: Pixelify Sans, sans-serif;
font-size: 17vw;
line-height: 1;
position: relative;
overflow: hidden;
}
.div-block-15 {
grid-column-gap: 11px;
grid-row-gap: 11px;
justify-content: center;
align-items: flex-start;
margin-bottom: 122px;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
display: flex;
position: relative;
inset: 0%;
}
.paragraph-2 {
flex-flow: column;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
display: flex;
}
.heading-5 {
width: 100%;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
}
.div-block-16 {
text-align: center;
flex-flow: column;
width: 25vw;
text-decoration: none;
display: flex;
}
.image-13 {
vertical-align: middle;
width: 33vw;
}
.section-9 {
margin-bottom: 149px;
}
.div-block-17 {
z-index: 2;
margin-top: 0;
margin-bottom: -10px;
padding-top: 0;
position: absolute;
inset: 3% 0% auto;
}
.div-block-18 {
z-index: 0;
position: absolute;
}
.image-14 {
margin-top: -87px;
}
.image-15 {
min-width: auto;
max-width: none;
min-height: auto;
display: block;
}
.div-block-19 {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: cover;
justify-content: center;
align-items: flex-start;
width: 100vw;
min-width: 100vw;
min-height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.background-div-contact {
z-index: 1;
width: 100vw;
padding-left: 0;
position: relative;
overflow: hidden;
}
.bg-contact {
width: 100vw;
height: auto;
position: static;
}
.image-17 {
position: absolute;
}
.image-18 {
width: 100vw;
min-width: 100px;
height: auto;
margin-top: -242px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
display: block;
position: relative;
}
.div-block-20 {
border-radius: 0;
justify-content: center;
align-items: flex-start;
width: 100vw;
min-width: 100px;
display: flex;
position: relative;
}
.div-block-21 {
z-index: 2;
width: 100vw;
min-width: 100vw;
min-height: auto;
margin-top: 0;
padding: 23px 32px;
display: flex;
position: relative;
}
.div-block-22 {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #ffffff40;
background-color: #83838354;
border-radius: 4px;
flex-flow: column;
width: 50vw;
height: auto;
margin-top: 181px;
margin-bottom: 32px;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.submit-button {
text-align: left;
vertical-align: baseline;
background-color: #76a6cf;
border-radius: 4px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
font-family: Pixelify Sans, sans-serif;
font-size: 24px;
position: static;
}
.form {
margin-top: 24px;
margin-bottom: 24px;
}
.text-field, .text-field-2, .text-field-3 {
border-radius: 4px;
}
.section-10 {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100vw;
min-width: 100vw;
margin-top: 400px;
padding-left: 0;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.form-section {
z-index: 3;
width: 100vw;
min-width: auto;
height: auto;
min-height: auto;
margin-top: 0;
position: absolute;
inset: 18% 187px auto;
overflow: visible;
}
.div-block-23 {
width: 50vw;
min-width: 50vw;
padding-left: 32px;
position: absolute;
inset: 0% auto auto 0%;
}
.div-block-24 {
z-index: 3;
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 40vw;
margin-top: -1935px;
margin-left: 96px;
display: flex;
position: absolute;
}
.section-12 {
text-align: left;
justify-content: center;
align-items: flex-start;
display: block;
position: absolute;
overflow: hidden;
}
.heading-small {
color: #fff;
}
.text-subtitle-block-small {
color: #fff;
padding-bottom: 32px;
font-family: Pixelify Sans, sans-serif;
font-size: 18px;
}
.section-13 {
z-index: 2;
width: 100vw;
height: 10vh;
margin-top: -1932px;
position: absolute;
overflow: hidden;
}
.swinging-phone {
z-index: 3;
opacity: 1;
backface-visibility: hidden;
perspective-origin: 50% 0;
transform-origin: 10% 0;
position: absolute;
inset: auto 0% 0%;
transform: perspective(110px);
}
.phone {
margin-top: -10px;
margin-left: -4px;
}
.heading-6 {
color: #fff;
}
.text-subtitle-block-small-copy {
color: #fff;
padding-bottom: 16px;
font-family: Pixelify Sans, sans-serif;
font-size: 18px;
}
.section-14 {
z-index: 3;
color: #fff;
position: absolute;
inset: 7% 0% auto 187px;
}
.link, .link-2, .link-3 {
color: #fff;
text-decoration: none;
}
.heading-7 {
margin-top: -1px;
margin-bottom: 47px;
}
.div-block-28 {
grid-column-gap: 18px;
grid-row-gap: 18px;
color: #fff;
flex-flow: column;
width: 75%;
font-family: Pixelify Sans, sans-serif;
font-size: 24px;
text-decoration: none;
display: flex;
}
.about-content-container {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: space-between;
width: 100vw;
min-width: 100%;
min-height: 100svh;
margin-top: 0;
padding-bottom: 0;
display: flex;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.div-block-29 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
flex: 1;
align-self: center;
width: 100vw;
min-width: 100vw;
min-height: 0;
display: flex;
}
.image-19 {
width: 100vw;
min-width: 100px;
min-height: auto;
}
.section-16 {
justify-content: center;
align-items: flex-end;
width: 100vw;
min-width: 100vw;
height: auto;
min-height: auto;
margin-top: 370px;
display: flex;
position: absolute;
}
.div-block-30 {
grid-column-gap: 35px;
grid-row-gap: 35px;
outline-offset: -16px;
vertical-align: middle;
background-color: #fcf4eb00;
border: 1px #0000;
border-radius: 0;
outline: 3px #161616;
flex-flow: wrap;
flex: 0 auto;
place-content: space-between center;
align-items: center;
width: 85vw;
height: auto;
display: inline-flex;
position: relative;
}
.div-block-31 {
z-index: 2;
grid-column-gap: 8px;
grid-row-gap: 16px;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
align-items: flex-end;
width: 35%;
min-width: 25%;
max-width: 45%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: flex;
position: relative;
}
.heading-8 {
text-transform: uppercase;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
font-size: 88px;
line-height: 80px;
display: block;
position: relative;
inset: 0% auto auto 0%;
}
.text-block-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #000;
text-align: right;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
margin-top: 0;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
font-size: 30px;
line-height: 36px;
display: flex;
position: relative;
inset: 0% auto auto 0%;
}
.div-block-32 {
z-index: 2;
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
justify-content: flex-end;
align-items: flex-end;
width: 33%;
height: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: flex;
position: relative;
bottom: auto;
right: 30px;
}
.paragraph-3 {
text-align: right;
flex: 0 auto;
margin-top: 0;
margin-bottom: auto;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 16px;
line-height: 20px;
position: relative;
}
.div-block-33 {
width: 70%;
position: absolute;
inset: auto auto 8% 4%;
}
.image-20 {
padding-bottom: 0;
position: relative;
inset: 0% auto auto 0%;
}
.div-block-34 {
z-index: 2;
width: 50%;
position: relative;
}
.image-21 {
min-width: auto;
max-width: none;
min-height: auto;
}
.lottie-animation-3 {
display: none;
}
.link-block-6 {
text-align: center;
padding-left: 0;
padding-right: 0;
text-decoration: none;
}
.button {
background-color: #970003;
border-radius: 8px;
font-family: Pixelify Sans, sans-serif;
font-size: 16px;
}
.image-23 {
width: 100%;
position: static;
overflow: hidden;
}
.section-17 {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fff;
text-align: left;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 75vw;
min-width: 75vw;
max-width: 75vw;
height: auto;
min-height: 100%;
margin-top: 0;
margin-left: 10vw;
margin-right: 10vw;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.div-block-37 {
position: relative;
inset: 0% 0% auto;
}
.heading-9 {
color: #fff;
margin-top: 0;
font-family: Thatthatnewpixelvf, Arial, sans-serif;
font-size: 79px;
font-style: italic;
font-weight: 400;
line-height: 79px;
}
.section-18 {
z-index: 1;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
margin-top: 2vh;
padding-left: 8vw;
padding-right: 9vw;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.heading-10 {
color: #fff;
font-family: Thatthatnewpixelvf, Arial, sans-serif;
font-size: 90px;
font-style: italic;
font-weight: 400;
}
.div-block-38 {
flex-flow: column;
height: 100%;
min-height: 100%;
margin-left: 0;
margin-right: auto;
display: flex;
position: relative;
}
.link-4 {
color: #fff;
padding-bottom: 12px;
font-family: Pixelify Sans, sans-serif;
font-size: 24px;
line-height: 24px;
text-decoration: none;
}
.field-label {
color: #fff;
margin-top: 24px;
margin-bottom: 12px;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 24px;
}
.field-label-2 {
color: #fff;
margin-top: 23px;
margin-bottom: 12px;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 24px;
}
.section-19 {
z-index: 1;
transform-origin: 50% 0;
width: 10vw;
min-width: auto;
max-width: none;
height: 100vh;
min-height: auto;
margin-top: -10vh;
padding-top: 0;
padding-left: 0;
position: absolute;
inset: 60% auto 0% 58.5%;
overflow: visible;
}
.image-24 {
z-index: 3;
width: 10vw;
min-width: auto;
height: auto;
min-height: auto;
position: absolute;
overflow: hidden;
}
.div-block-39 {
z-index: 3;
width: 100vw;
min-width: auto;
max-width: none;
min-height: auto;
position: absolute;
overflow: visible;
}
.section-20 {
z-index: 0;
color: #fff;
justify-content: flex-start;
align-self: flex-start;
align-items: stretch;
width: 70%;
margin-top: 36.1vh;
margin-left: 25px;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 64px;
line-height: 60px;
display: flex;
position: relative;
inset: 0% auto auto 0;
}
.coca-cola-div {
z-index: 0;
color: #fff;
width: 70%;
margin-top: 9vh;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 72px;
line-height: 72px;
position: relative;
inset: 0% 0% auto;
}
.image-25 {
z-index: 0;
vertical-align: middle;
width: 75vw;
position: absolute;
inset: 0% 0% auto;
}
.disney_div {
text-align: center;
justify-content: center;
align-items: stretch;
height: 100%;
margin-top: 30.1vh;
display: flex;
position: relative;
inset: 0% 10% auto 0%;
}
.div-block-41 {
margin-top: 28.1vh;
position: relative;
inset: auto 0% 0%;
}
.section-22 {
height: 100vh;
position: relative;
inset: 0% 10% auto 0%;
}
.section-23 {
justify-content: center;
align-items: flex-end;
width: 80vw;
margin-top: 11.1vh;
margin-bottom: 93.3vh;
display: flex;
position: relative;
top: 0%;
bottom: auto;
left: 10%;
overflow: hidden;
}
.heading-11 {
color: #fff;
margin-left: 23px;
margin-right: 23px;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
position: static;
overflow: hidden;
}
.div-block-42 {
text-align: right;
overflow: hidden;
}
.heading-12 {
color: #fff;
font-family: Thatthatnewpixelvf, Arial, sans-serif;
font-size: 80px;
font-style: italic;
font-weight: 400;
position: static;
}
.heading-13 {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 80px;
line-height: 81px;
}
.div-block-44 {
position: relative;
}
.process-background-div {
z-index: -1;
vertical-align: baseline;
object-fit: cover;
width: 100%;
min-width: 100%;
max-width: 100%;
height: auto;
min-height: 100vh;
margin-top: -2897px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
display: block;
position: relative;
inset: 431% 0% 0;
overflow: hidden;
}
.section-24 {
width: 100vw;
position: absolute;
inset: auto 0% 0%;
overflow: hidden;
}
.image-26 {
vertical-align: bottom;
object-fit: cover;
width: 100%;
min-width: 100%;
max-width: 1200px;
height: auto;
min-height: 100vh;
max-height: none;
padding-bottom: 0;
display: block;
position: relative;
inset: auto 0% 0%;
overflow: hidden;
}
.div-block-47 {
z-index: auto;
position: absolute;
inset: auto 0% 0%;
}
.image-27 {
z-index: 2;
width: 75vw;
position: absolute;
inset: auto 0% 0%;
}
.process-cloud-image-1 {
width: 66%;
max-width: 1200px;
margin: auto;
padding: 60px 66px;
position: relative;
inset: auto;
overflow: visible;
}
.process-container-section {
z-index: 1;
object-fit: cover;
width: 100%;
min-height: 100vh;
margin-bottom: 220px;
padding-top: 100px;
padding-bottom: 100px;
position: relative;
top: auto;
}
.process-container-div {
z-index: 2;
position: relative;
inset: auto 0% 0%;
overflow: visible;
}
.section-26 {
position: absolute;
inset: auto 0% 0%;
overflow: visible;
}
.section-27 {
z-index: -1;
width: 100%;
height: 100vh;
min-height: 100vh;
position: relative;
inset: 0 0% 0 0;
overflow: visible;
}
.image-29, .image-30, .image-31 {
width: 33vw;
}
.image-32 {
width: 100vw;
}
.div-block-49 {
position: absolute;
inset: 0% 0% auto;
}
.section-28 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
margin-top: 285px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.link-block-7 {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: flex-start;
font-family: Pixelify Sans, sans-serif;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.heading-14, .heading-15 {
position: absolute;
inset: 0% 0% auto;
}
.link-block-8 {
justify-content: center;
align-items: flex-start;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.div-block-50 {
grid-column-gap: 61px;
grid-row-gap: 61px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
top: 15px;
}
.project-title-heading {
color: #fff;
text-align: center;
margin-top: 0;
font-family: Thatthatnewpixelvf, Arial, sans-serif;
font-size: 130px;
font-style: italic;
font-weight: 400;
line-height: 140px;
position: relative;
overflow: visible;
}
.heading-16 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Thatthatnewpixelvf, Arial, sans-serif;
font-size: 10vw;
font-style: italic;
font-weight: 400;
line-height: 100%;
}
.div-block-51 {
grid-column-gap: 23px;
grid-row-gap: 23px;
flex-flow: column;
flex: 1;
height: 7%;
margin-top: 33px;
margin-bottom: 48px;
display: flex;
position: static;
}
.projects-link-block {
margin: 18px 82px;
padding-top: 24px;
padding-bottom: 24px;
font-family: Pixelify Sans, sans-serif;
text-decoration: none;
}
.text-block-3 {
color: #fff;
text-align: center;
font-family: Pixelify Sans, sans-serif;
font-size: 2vh;
position: relative;
}
.project-image-link {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
flex: 1;
justify-content: center;
align-items: stretch;
margin-top: 24px;
margin-bottom: 24px;
display: flex;
overflow: visible;
}
.image-33 {
vertical-align: middle;
width: 12vw;
margin-left: -16px;
padding-left: 0;
}
.div-block-53 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
display: block;
}
.wrapper-image {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 30vw;
height: 20vw;
margin-top: -62px;
margin-left: -8px;
display: block;
position: absolute;
overflow: visible;
}
.cover-image {
width: 100%;
position: absolute;
overflow: hidden;
}
.cover-image.is-absolute._1 {
vertical-align: middle;
inset: 0% 0% auto auto;
}
.image-35 {
width: 100%;
position: absolute;
overflow: hidden;
}
.image-36 {
width: 100%;
height: auto;
position: absolute;
overflow: hidden;
}
.div-block-54 {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
vertical-align: bottom;
object-fit: none;
flex-flow: column;
flex: 1;
width: 95%;
margin: 181px 32px 977px;
padding-top: 0%;
padding-bottom: 0;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
}
.basketball_court_bg_image {
object-fit: cover;
width: 100%;
height: auto;
min-height: 100%;
margin-top: 0;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.div-block-55 {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/686722caf76a6a297e1cf5f3_DTS_HI-TREK_Fanette_Guilloud_Photos_ID11192.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100vw;
flex-flow: column;
width: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.travis-first-section-div {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template: ". ."
". ."
". Area"
/ .75fr 1fr;
grid-auto-rows: minmax(0, .75fr);
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch flex-start;
align-items: stretch;
width: 100%;
height: 100%;
max-height: 75vh;
margin-top: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-image-left-copy-right {
grid-column-gap: 32px;
grid-row-gap: 32px;
text-align: right;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.project-header-type {
color: #fff;
text-align: left;
flex-flow: column;
flex: 0 auto;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
margin-top: 0;
margin-bottom: 16px;
font-family: Thatthatnewpixelvf, Arial, sans-serif;
font-size: 72px;
font-style: italic;
font-weight: 400;
line-height: 88px;
display: block;
position: relative;
}
.body-copy-project {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fff;
text-align: left;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
padding-right: 0;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-weight: 400;
line-height: 18px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
._2-image-div {
z-index: 3;
box-sizing: content-box;
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: contain;
flex-flow: row;
justify-content: space-between;
align-items: baseline;
width: 49%;
min-width: 45%;
max-width: none;
height: 100%;
min-height: auto;
margin-top: 0;
margin-right: auto;
padding-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.the-standard-hotel-pictures {
z-index: 2;
box-sizing: content-box;
aspect-ratio: auto;
object-fit: cover;
flex: 1;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
margin-top: 0;
padding-top: 0;
display: inline-flex;
position: relative;
inset: 0%;
overflow: hidden;
}
.div-block-59 {
grid-column-gap: 0px;
grid-row-gap: 0px;
vertical-align: bottom;
flex-flow: column;
flex: 0 auto;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column dense;
justify-content: flex-start;
align-self: flex-end;
place-items: flex-start center;
width: auto;
min-width: auto;
height: auto;
margin-top: 0;
display: block;
position: relative;
inset: 0% 0% auto;
}
.section-29 {
position: absolute;
}
.div-block-60 {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
object-fit: cover;
flex-flow: row;
flex: 1;
place-content: flex-start space-between;
align-items: baseline;
width: 100%;
min-width: auto;
max-width: none;
height: 100%;
min-height: auto;
margin-top: 0;
padding-left: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-61 {
z-index: 6;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: flex-end;
width: 50%;
height: 100%;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
display: flex;
position: relative;
top: 0;
left: -191px;
}
.yg-text-div {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: right;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: auto;
margin-top: 0;
margin-bottom: auto;
margin-left: auto;
display: flex;
position: relative;
top: auto;
left: auto;
overflow: hidden;
}
.triple-posters-section-div {
z-index: 5;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: row;
flex: 1;
justify-content: space-between;
align-self: auto;
align-items: flex-start;
width: 100%;
max-height: none;
margin-top: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.section-media {
z-index: 3;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
align-items: flex-start;
margin-top: 0;
margin-bottom: 12px;
display: flex;
position: relative;
}
.purps-section-div {
grid-column-gap: 32px;
grid-row-gap: 32px;
object-fit: cover;
flex-flow: column;
justify-content: space-between;
align-self: center;
align-items: flex-start;
width: 100%;
min-width: auto;
max-width: 100%;
min-height: auto;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0%;
display: flex;
position: relative;
overflow: visible;
}
.slider {
object-fit: fill;
height: 60vh;
}
.image-39 {
vertical-align: middle;
width: 100%;
margin-top: -416px;
margin-bottom: -14px;
padding-bottom: 0;
}
.image-40 {
width: 100vw;
margin-top: -310px;
padding-bottom: 0;
}
.image-41 {
vertical-align: middle;
width: auto;
max-width: none;
height: 100%;
margin-left: 0;
margin-right: 0;
padding-right: 0;
overflow: clip;
}
.image-42 {
vertical-align: middle;
width: 100%;
max-width: none;
margin-top: -200px;
}
.image-43 {
object-fit: cover;
width: 49%;
padding-top: 0;
position: relative;
}
.footer-2-copy {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
-webkit-text-fill-color: inherit;
background-color: #000;
background-clip: border-box;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-end;
width: 100vw;
min-width: 100vw;
max-width: 100vw;
height: 500px;
min-height: auto;
margin-top: -149px;
display: flex;
position: static;
inset: 0 0% 0%;
overflow: hidden;
}
.image-44 {
z-index: 1;
position: absolute;
}
.section-31 {
justify-content: center;
align-items: flex-start;
margin-top: 0;
display: flex;
position: absolute;
inset: 0%;
}
.about-cloud-div {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
flex-flow: wrap;
place-content: stretch center;
align-self: center;
align-items: center;
width: 75%;
min-width: auto;
max-width: 1200px;
height: 33vh;
min-height: 100%;
margin: 176px 150px 147px;
padding: 50px 60px;
display: none;
position: relative;
inset: auto 0%;
}
.heading-17 {
color: #000;
}
.link-block-9 {
z-index: 1;
color: #000;
justify-content: center;
align-items: stretch;
width: 100%;
height: auto;
min-height: auto;
margin: auto;
text-decoration: none;
display: flex;
position: absolute;
inset: 0%;
}
.heading-18 {
z-index: 2;
text-align: center;
align-self: center;
margin-top: auto;
margin-bottom: auto;
padding-top: 0;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
line-height: 36px;
position: absolute;
}
.image-45 {
z-index: 0;
position: absolute;
}
.footer-copy {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-end;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.footer-copy.fixed1 {
z-index: 10;
display: flex;
position: relative;
inset: -141px 0% 0;
}
.footer-copy.fixed1-copy {
z-index: 10;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.image-46 {
z-index: 2;
position: relative;
}
.container-4 {
width: 100vw;
}
.section-32 {
z-index: 2;
width: 100vw;
position: absolute;
left: auto;
overflow: hidden;
}
.body-5 {
height: auto;
min-height: auto;
overflow: hidden;
}
.background-video-6 {
z-index: 4;
aspect-ratio: 2 / 3;
object-fit: cover;
width: 100%;
height: 100%;
margin-top: 0;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.footer-copy-copy {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-end;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.div-block-67 {
z-index: 4;
display: block;
position: absolute;
inset: auto auto auto 0%;
}
.section-33 {
width: 100vw;
overflow: hidden;
}
.background-video-7 {
z-index: 3;
object-fit: scale-down;
border-radius: 8px;
width: 50vw;
min-width: 40vw;
height: auto;
display: flex;
position: relative;
}
.section-34 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
margin-top: 52px;
display: flex;
}
.div-block-68 {
z-index: 2;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
flex: 1;
justify-content: space-around;
align-items: flex-start;
width: 45vw;
min-width: 45px;
max-width: 45vw;
display: flex;
position: relative;
}
.background-video-8 {
z-index: 3;
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: 8px;
flex: 1;
width: 100%;
min-width: auto;
max-width: none;
height: 99.9999%;
min-height: auto;
margin-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.image-47 {
position: relative;
}
.div-block-69 {
width: 100%;
min-width: 100%;
max-width: 100%;
height: 100%;
min-height: 100%;
max-height: 100%;
display: block;
}
.background-video-9 {
z-index: 2;
margin-bottom: 32px;
}
.image-48 {
aspect-ratio: 2 / 3;
object-fit: cover;
flex: 1;
width: 100%;
max-width: 100%;
height: 100%;
max-height: 1080px;
margin-top: auto;
position: relative;
overflow: hidden;
}
.image-49 {
object-fit: cover;
flex: 1;
height: 100%;
margin-bottom: auto;
position: relative;
}
.image-50 {
object-fit: cover;
flex: 1;
width: auto;
height: 100%;
min-height: 100%;
margin-top: auto;
padding-top: 0;
position: relative;
overflow: hidden;
}
.image-51 {
width: 100%;
min-width: 100%;
height: auto;
}
.image-52 {
object-fit: cover;
height: 100%;
margin-top: 0;
position: relative;
}
.background-video-10 {
z-index: 3;
aspect-ratio: 2 / 3;
border-radius: 8px;
width: auto;
height: 100%;
margin-top: 0;
}
.div-block-70 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: row;
justify-content: center;
width: 100%;
height: 100%;
display: flex;
}
.image-53 {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.image-54 {
object-fit: cover;
width: 100%;
height: auto;
min-height: 100%;
display: inline-block;
position: relative;
}
.image-55 {
text-align: left;
vertical-align: bottom;
object-fit: cover;
flex: 1;
width: 100%;
height: 100%;
min-height: 100%;
position: relative;
overflow: visible;
}
.section-35 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
flex: 0 auto;
display: flex;
position: relative;
}
.slide, .slide-2 {
vertical-align: middle;
}
.div-block-71 {
grid-column-gap: 32px;
grid-row-gap: 32px;
object-fit: fill;
flex-flow: row;
justify-content: flex-start;
align-items: baseline;
width: 100vw;
display: inline-flex;
position: relative;
overflow: hidden;
}
.image-56 {
box-sizing: border-box;
aspect-ratio: auto;
vertical-align: top;
object-fit: fill;
width: 45%;
height: auto;
min-height: auto;
display: inline-flex;
position: relative;
overflow: visible;
}
.image-57 {
width: 45%;
min-width: 35%;
max-width: 75%;
min-height: auto;
max-height: none;
margin-right: auto;
padding-right: 64px;
display: block;
position: relative;
overflow: hidden;
}
.image-58, .image-59 {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.div-block-72 {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: space-between;
align-items: stretch;
display: flex;
position: relative;
}
.div-block-73 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
flex: 1;
justify-content: flex-end;
align-items: baseline;
width: 100%;
display: flex;
position: relative;
bottom: auto;
}
.image-60 {
vertical-align: baseline;
object-fit: cover;
width: 100%;
min-width: auto;
max-width: none;
height: 100%;
min-height: auto;
margin-top: 0;
position: relative;
overflow: visible;
}
.image-61 {
object-fit: cover;
width: 100%;
height: auto;
padding-top: 0;
position: relative;
overflow: hidden;
}
.section-36 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
place-content: flex-start space-between;
align-items: stretch;
display: inline-flex;
position: relative;
bottom: -127px;
}
.image-62 {
width: 100%;
}
.section-37 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
position: relative;
overflow: hidden;
}
.hero-video-wrapper {
z-index: 12;
object-fit: fill;
border-radius: 8px;
width: 100%;
padding-bottom: 0;
display: block;
position: relative;
overflow: hidden;
}
.image-63 {
box-sizing: border-box;
object-fit: fill;
width: 33%;
height: auto;
min-height: auto;
max-height: none;
position: relative;
overflow: visible;
}
.image-64, .image-65 {
width: 45%;
}
.image-66 {
object-fit: cover;
flex: 1;
width: 100%;
max-width: none;
height: 100%;
margin-top: 0;
padding-top: 0;
position: relative;
overflow: hidden;
}
.wildfork-section-div {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
justify-content: space-between;
display: flex;
}
.div-block-75 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.div-block-76 {
width: 45%;
position: relative;
}
.section-39 {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 100%;
display: flex;
position: relative;
}
.div-block-77 {
z-index: 3;
object-fit: fill;
flex: 1;
height: auto;
max-height: none;
display: flex;
position: relative;
}
.image-67 {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
min-height: auto;
position: relative;
overflow: hidden;
}
.space-tea-section {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
display: flex;
position: relative;
}
.div-block-80 {
grid-column-gap: 32px;
grid-row-gap: 32px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.div-block-82 {
object-fit: cover;
width: 49%;
position: relative;
}
.div-block-83 {
grid-column-gap: 29px;
grid-row-gap: 29px;
flex-flow: column;
display: flex;
}
.div-block-84 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
place-content: space-between;
align-items: baseline;
width: auto;
height: auto;
max-height: none;
display: flex;
position: relative;
overflow: hidden;
}
.image-69 {
object-fit: cover;
flex: 1;
width: 99.9999%;
height: 100%;
min-height: auto;
position: relative;
}
.image-70 {
width: 100%;
position: relative;
overflow: hidden;
}
.div-block-85 {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 50%;
display: flex;
position: relative;
}
.space-tea-section-side-div-block {
z-index: 3;
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: flex-end;
width: 50%;
display: flex;
position: relative;
}
.div-block-87 {
object-fit: contain;
width: 50%;
height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.space-tea-section-div {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
height: auto;
margin-top: 0;
display: flex;
}
.div-block-89 {
object-fit: fill;
flex: 1;
width: 40%;
display: flex;
position: relative;
overflow: hidden;
}
.image-71 {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.div-block-90 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
position: relative;
}
.div-block-91 {
grid-column-gap: 53px;
grid-row-gap: 53px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
min-width: 22%;
display: flex;
position: relative;
top: 0;
}
.image-72 {
object-fit: cover;
width: 100%;
display: block;
position: relative;
overflow: hidden;
}
.div-block-92 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-end;
width: 100%;
display: flex;
position: relative;
}
.div-block-93 {
flex-flow: column;
flex: 1;
justify-content: space-between;
width: 50%;
display: flex;
position: relative;
}
.bricks_section-wrapper_image_image_copy {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: wrap;
height: 100%;
margin-top: 0;
display: flex;
position: relative;
}
.image-73 {
object-fit: cover;
flex: 0 auto;
position: relative;
overflow: hidden;
}
.div-block-95 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: space-between;
width: 50%;
display: flex;
position: relative;
}
.div-block-96 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
display: flex;
}
.div-block-97 {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
width: 50%;
display: flex;
position: relative;
}
.div-block-98 {
flex-flow: column;
justify-content: flex-end;
display: flex;
position: relative;
}
.second-2-image-div {
z-index: 3;
box-sizing: content-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: contain;
justify-content: space-between;
align-items: baseline;
width: 100%;
min-width: 45%;
max-width: none;
height: 100%;
min-height: auto;
margin-top: 0;
margin-right: auto;
padding-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-99 {
z-index: 2;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
flex-flow: wrap;
display: flex;
position: relative;
}
.div-block-101 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
display: flex;
position: relative;
overflow: visible;
}
.div-block-102 {
margin-top: 32px;
position: relative;
}
.div-block-104 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: space-between;
display: flex;
}
.project-page-title {
z-index: 3;
color: #fff;
flex-flow: column;
align-items: flex-start;
margin: 0 auto;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 64px;
line-height: 64px;
display: flex;
position: relative;
}
.div-block-106 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
display: flex;
}
.div-block-108 {
width: auto;
height: auto;
}
.div-block-109 {
flex: 1;
display: flex;
position: relative;
}
.div-block-110 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 40%;
min-width: 40%;
display: flex;
position: relative;
}
.div-block-111 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
width: 100%;
height: 37%;
display: flex;
position: relative;
}
.div-block-112 {
object-fit: cover;
width: auto;
display: flex;
position: relative;
}
.div-block-113 {
text-align: left;
width: 100%;
min-width: 40%;
}
.vertical_title_body_copy-div {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
width: 100%;
height: auto;
display: flex;
position: relative;
}
.div-block-115 {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 20vh;
margin-top: 0;
padding-bottom: 0;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: relative;
inset: 0 0% 0%;
}
.image-74 {
display: block;
position: relative;
}
.image-75 {
text-align: right;
flex: 0 auto;
display: block;
position: relative;
}
.link-block-10 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
width: 33%;
text-decoration: none;
display: flex;
position: relative;
}
.link-block-11 {
flex: 0 auto;
justify-content: flex-end;
align-items: stretch;
width: 33%;
text-decoration: none;
display: flex;
}
.heading-19 {
outline-offset: 0px;
color: #fff;
text-align: left;
cursor: pointer;
border: 0 #000;
outline: 3px #fff;
margin-top: auto;
margin-bottom: auto;
font-family: Pixelify Sans, sans-serif;
font-size: 32px;
font-style: normal;
text-decoration: none;
display: flex;
position: relative;
}
.heading-19-copy {
opacity: 1;
outline-offset: 0px;
color: #fff;
text-align: right;
cursor: pointer;
outline-offset: 0px;
text-align: left;
cursor: pointer;
border: 0 #000;
outline: 0 #fff;
margin-top: auto;
margin-bottom: auto;
font-family: Pixelify Sans, sans-serif;
font-size: 32px;
font-style: normal;
text-decoration: none;
display: flex;
position: relative;
}
.link-text {
color: #fff;
margin-top: auto;
margin-bottom: auto;
font-family: Pixelify Sans, sans-serif;
font-size: 32px;
text-decoration: none;
position: relative;
}
.div-block-116 {
flex: 1;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.div-block-115-copy {
z-index: 5;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 20vh;
margin-top: 64px;
display: flex;
position: relative;
}
.div-block-117, .div-block-118 {
flex: 1;
width: 50%;
display: flex;
position: relative;
}
.div-block-119 {
align-self: flex-end;
width: 33%;
position: relative;
}
.image-76 {
object-fit: cover;
flex: 1;
width: 100%;
height: 100%;
display: block;
position: relative;
bottom: 0;
}
.heading-20 {
color: #fff;
text-align: left;
font-family: Pixelify Sans, sans-serif;
position: relative;
}
.div-block-120 {
flex-flow: column;
width: 100%;
display: flex;
}
.image-77 {
vertical-align: top;
object-fit: cover;
flex: 1;
width: 100%;
max-width: 100%;
height: auto;
min-height: auto;
max-height: none;
position: relative;
bottom: 0;
overflow: hidden;
}
.div-block-121 {
height: 50vh;
}
.image-78 {
object-fit: cover;
flex: 1;
width: 100%;
height: auto;
position: relative;
}
.div-block-122 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
position: relative;
}
.image-79 {
flex: 1;
width: 100%;
position: relative;
}
.div-block-123 {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
flex: 1;
width: 99%;
display: flex;
position: relative;
}
.image-80 {
object-fit: cover;
flex: 1;
width: auto;
height: 100%;
position: relative;
}
.div-block-124 {
flex: 1;
width: 70%;
position: relative;
}
.div-block-125 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
flex: 0 auto;
width: 100%;
display: flex;
}
.heading-21 {
color: #fff;
text-align: center;
font-family: Pixelify Sans, sans-serif;
}
.div-block-126 {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 60%;
max-width: none;
height: 100%;
min-height: auto;
display: flex;
position: relative;
overflow: visible;
}
.div-block-127 {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: flex-start space-between;
align-items: stretch;
display: flex;
position: relative;
}
.div-block-128 {
object-fit: contain;
flex: 1;
width: 100%;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.div-block-129 {
z-index: 4;
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
flex-flow: column;
flex: 1;
align-items: flex-start;
width: auto;
display: flex;
position: relative;
}
.div-block-130 {
grid-column-gap: 29px;
grid-row-gap: 29px;
display: flex;
}
.background-video-11 {
z-index: 4;
object-fit: scale-down;
flex: 1;
width: 100%;
display: flex;
}
.background-video-12 {
z-index: 4;
object-fit: cover;
flex: 1;
width: 100%;
padding-right: 0;
display: flex;
position: absolute;
overflow: hidden;
}
.div-block-131 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: 16 / 9;
flex-flow: wrap;
justify-content: space-between;
margin-top: 0;
display: block;
position: relative;
}
.video {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: auto;
margin-top: 0;
position: absolute;
inset: 0%;
overflow: hidden;
}
.div-block-132 {
aspect-ratio: auto;
object-fit: cover;
flex-flow: wrap;
place-content: flex-start space-between;
align-items: stretch;
width: 100%;
height: 100%;
margin-top: 0;
display: flex;
position: relative;
overflow: visible;
}
.div-block-133 {
z-index: 2;
aspect-ratio: auto;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
margin-top: auto;
display: flex;
position: relative;
}
.div-block-134 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.div-block-135 {
object-fit: cover;
flex: 1;
width: 50%;
height: 100%;
position: relative;
overflow: visible;
}
.div-block-136 {
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.div-block-137 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: space-between;
align-self: center;
display: flex;
position: relative;
}
.grid-div {
z-index: 2;
object-fit: cover;
flex: 1;
width: 49%;
height: auto;
position: relative;
}
.div-block-138 {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67eb36e5f89f037256177247_Mobile_Damn_long_baloncesto.avif");
background-position: 50% 100%;
background-size: 100svw;
margin-left: auto;
margin-right: auto;
padding-top: 2px;
display: block;
position: static;
overflow: visible;
}
.div-block-139 {
object-fit: cover;
width: 85vw;
height: auto;
min-height: auto;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
position: absolute;
inset: 0%;
overflow: hidden;
}
.section-43 {
justify-content: center;
align-items: flex-end;
display: flex;
position: relative;
}
.section-44 {
z-index: 3;
margin-top: auto;
margin-bottom: -1600px;
position: absolute;
inset: auto 0% 12%;
}
.div-block-140 {
padding-bottom: 340px;
position: relative;
bottom: -162px;
}
.div-block-141 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-end;
align-items: center;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.div-block-142 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: flex-end;
display: flex;
position: relative;
}
.div-block-143 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/681d104633c47dfeba75f631_Asset%204Kyle%20Hopkins%20Clouds.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100svw;
padding: 142px 61px 116px;
display: flex;
position: relative;
}
.form-block {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: center;
width: 50%;
display: flex;
position: relative;
}
.form-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
flex: 1;
display: flex;
position: relative;
}
.field-label-3, .field-label-4 {
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
}
.text-field-4 {
border: 3px solid #000;
border-radius: 7px;
}
.submit-button-2 {
background-color: #000;
border-radius: 7px;
flex: 0 auto;
align-self: center;
width: 75%;
position: relative;
}
.body-6 {
display: block;
}
.section-45 {
width: 100%;
height: 95vh;
display: flex;
position: relative;
}
.about-background-container {
z-index: -1;
width: 100%;
min-height: 100vh;
position: fixed;
inset: auto 0% 0 0;
}
.div-block-144 {
width: 100vw;
min-height: 100vh;
margin-top: -164px;
position: relative;
top: 0;
overflow: hidden;
}
.image-81 {
z-index: -1;
object-fit: cover;
width: 100vw;
min-height: auto;
position: relative;
inset: -141px 0% 0%;
overflow: visible;
}
.about-cloud-div-001 {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: wrap;
place-content: stretch flex-start;
align-self: center;
align-items: flex-end;
width: 75%;
min-width: auto;
max-width: 1200px;
height: 0;
min-height: 100%;
margin: 0 0 0 3px;
padding: 0;
display: flex;
position: relative;
inset: 34.6vh 0% 0 -20%;
}
.paragraph-4 {
z-index: 2;
color: #fff;
flex: 1;
align-self: flex-end;
margin-top: auto;
margin-bottom: auto;
padding: 0 153px 38px 171px;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 16px;
position: absolute;
inset: 332px 38% 0% 0%;
}
.heading-18-copy {
z-index: 2;
text-align: center;
align-self: center;
margin-top: auto;
margin-bottom: auto;
padding-top: 0;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
line-height: 36px;
position: absolute;
}
.about-heading {
z-index: 2;
color: #000;
text-align: left;
flex: 1;
align-self: auto;
margin-top: 0;
margin-bottom: 0;
padding-left: 7px;
font-family: Thatthatnewpixelvf, Arial, sans-serif;
font-size: 69px;
font-style: italic;
font-weight: 400;
position: absolute;
inset: -7% 32% 0% 16%;
}
.div-block-145 {
flex: 1;
align-self: stretch;
margin-top: -61px;
margin-left: -42px;
margin-right: -68px;
padding-top: 0;
}
.image-82 {
display: none;
}
.image-45-copy {
z-index: 0;
display: none;
position: absolute;
}
.div-block-146 {
text-align: left;
width: 100%;
position: absolute;
inset: -15% auto 0% 0%;
}
.pup-up, .pop-up-item-div {
display: none;
}
.heading-24 {
color: #000;
align-self: center;
font-family: Pixelify Sans, sans-serif;
}
.heading-25 {
z-index: 4;
color: #fff;
margin-top: -128px;
padding-left: 42px;
font-family: Pixelify Sans, sans-serif;
display: flex;
position: relative;
}
.div-block-147 {
align-self: center;
margin-top: 4px;
}
.process-cloud-wrapper-div {
z-index: 2;
width: 100%;
margin-top: 396px;
margin-bottom: 0;
position: absolute;
inset: 2% auto 0% 0%;
overflow: visible;
}
.image-84 {
z-index: 2;
width: 75%;
max-width: 1222px;
margin: auto;
padding-left: 60px;
padding-right: 60px;
position: relative;
}
.div-block-148 {
z-index: 10;
width: 100%;
padding-top: 48px;
padding-bottom: 48px;
position: relative;
}
.section-46 {
height: 500px;
position: absolute;
inset: 0%;
}
.process-cloud-image-w-drop {
width: 100%;
max-width: 1200px;
margin: auto auto auto 10px;
padding-top: 60px;
padding-bottom: 60px;
position: relative;
inset: auto;
overflow: hidden;
}
.process-cloud-wrapper-div-2 {
z-index: 2;
width: 100%;
margin-top: 193px;
margin-bottom: 220px;
position: absolute;
inset: 77% auto 0% 0%;
overflow: visible;
}
.process-cloud-wrapper-div-3 {
z-index: 2;
object-fit: contain;
width: 100%;
margin-top: 459px;
margin-bottom: 220px;
display: flex;
position: absolute;
inset: 118% auto 0% 0%;
overflow: visible;
}
.process-heading {
z-index: 3;
color: #fff;
font-family: Pixelify Sans, sans-serif;
font-size: 42px;
display: none;
position: relative;
}
.div-block-149 {
flex-flow: column;
width: 40%;
padding-left: 72px;
padding-right: 0;
display: flex;
position: relative;
top: 0%;
}
.div-block-150 {
display: flex;
position: relative;
top: 119px;
}
.paragraph-6 {
z-index: 3;
color: #000;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
position: relative;
}
.heading-27 {
flex-flow: column;
display: flex;
}
.div-block-151 {
display: flex;
}
.div-block-152 {
width: 40%;
padding: 176px 64px 100px 0;
position: relative;
}
.div-block-153 {
flex-flow: column;
padding-top: 138px;
padding-right: 0;
display: flex;
position: relative;
left: 85px;
}
.process-body {
z-index: 2;
color: #fff;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
display: none;
position: relative;
}
.process-cloud-wrapper-div-copy {
z-index: 2;
width: 100%;
margin-top: 503px;
margin-bottom: 0;
display: flex;
position: absolute;
inset: 141% 0% 0%;
overflow: visible;
}
.div-block-150-copy {
margin-top: 184px;
display: flex;
}
.div-block-149-copy {
flex-flow: column;
width: 40%;
padding-left: 72px;
padding-right: 0;
display: flex;
position: relative;
top: 0%;
}
.process-cloud-image-w-drop-copy {
width: 55%;
max-width: 1200px;
margin: auto auto auto 10px;
padding-top: 60px;
padding-bottom: 60px;
position: relative;
inset: auto;
overflow: hidden;
}
.section-48 {
margin-bottom: 0;
display: block;
position: relative;
inset: auto 0% 0%;
overflow: hidden;
}
.div-block-154 {
padding-bottom: 0;
position: absolute;
inset: auto 0% 0%;
}
.image-86 {
object-fit: cover;
flex: 1;
width: 100%;
height: 100%;
position: static;
}
.section-49 {
flex-flow: column;
width: 100vw;
min-height: 100vh;
display: flex;
position: static;
}
.section-50 {
margin-bottom: 0;
}
.image-88 {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
overflow: visible;
}
.image-89 {
object-fit: cover;
align-self: flex-start;
width: 100%;
height: 100%;
min-height: 100%;
position: relative;
overflow: hidden;
}
.image-90 {
object-fit: cover;
flex: 1;
width: 100%;
min-width: auto;
max-width: none;
height: 100%;
min-height: auto;
position: relative;
overflow: hidden;
}
.div-block-155 {
width: 49%;
position: relative;
}
.div-block-156 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: space-between;
display: flex;
position: relative;
}
.div-block-157 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
display: flex;
}
.image-91 {
object-fit: cover;
width: 100%;
height: 100%;
}
.section-51 {
object-fit: cover;
flex: 1;
width: 100%;
display: flex;
position: relative;
}
.image-92 {
object-fit: cover;
height: 100%;
position: relative;
}
.image-93 {
object-fit: cover;
position: relative;
}
.div-block-159 {
flex-flow: wrap;
padding-bottom: 0;
display: flex;
position: relative;
bottom: 357px;
}
.image-94 {
object-fit: cover;
flex: 1;
width: 100%;
height: 100%;
position: relative;
}
.image-95 {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 100%;
display: inline-block;
position: relative;
overflow: hidden;
}
.div-block-160 {
flex-flow: column;
flex: 1;
justify-content: space-between;
display: flex;
}
.section-52 {
z-index: 2;
position: relative;
}
.div-block-161 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
flex: 1;
justify-content: space-between;
display: flex;
position: relative;
}
.section-54 {
margin-top: 0;
}
.previous-next-bathhouse-div-block {
z-index: 4;
justify-content: space-between;
align-items: stretch;
margin-top: 0;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: relative;
inset: -132px 0% 0%;
}
.div-block-162 {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: row;
flex: 1;
justify-content: space-between;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.image-96 {
object-fit: cover;
position: relative;
}
.div-block-163 {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
align-items: flex-start;
height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.image-97 {
object-fit: cover;
flex: 1;
max-width: none;
height: auto;
display: block;
position: relative;
}
.image-98 {
object-fit: cover;
flex: 1;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.div-block-164 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
width: 45%;
display: flex;
position: relative;
}
.div-block-165 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
flex: 1;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
}
.div-block-166 {
flex-flow: column;
justify-content: space-between;
display: flex;
}
.image-99 {
display: flex;
}
.image-100 {
vertical-align: top;
object-fit: cover;
flex: 0 auto;
width: 100%;
max-width: none;
height: 100%;
display: block;
position: relative;
overflow: hidden;
}
.image-101 {
vertical-align: bottom;
object-fit: cover;
flex: 1;
width: 100%;
position: relative;
overflow: hidden;
}
.image-102 {
vertical-align: bottom;
object-fit: cover;
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.div-block-167 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
flex: 0 auto;
place-content: space-between;
align-items: stretch;
width: 60%;
height: 100%;
max-height: 100%;
display: flex;
position: relative;
overflow: visible;
}
.div-block-168 {
object-fit: cover;
justify-content: flex-end;
align-items: center;
width: auto;
min-width: auto;
height: 100%;
min-height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-169 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-end;
display: flex;
}
.image-103 {
object-fit: cover;
width: 100%;
min-width: auto;
height: 100%;
min-height: auto;
position: relative;
}
.text-div-001 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
width: 40%;
display: flex;
position: relative;
}
.image-104 {
vertical-align: middle;
object-fit: cover;
flex: 1;
width: 100%;
min-width: auto;
max-width: none;
height: auto;
min-height: auto;
display: block;
position: relative;
}
.off-white-div-block {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex: 1;
justify-content: space-between;
min-width: auto;
height: 50vh;
min-height: auto;
display: flex;
position: relative;
}
.div-block-173 {
flex-flow: column;
width: 40%;
display: flex;
position: relative;
}
.div-block-174 {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
position: relative;
}
.image-105 {
object-fit: cover;
width: 100%;
min-width: auto;
max-width: none;
height: auto;
min-height: auto;
display: inline-flex;
position: relative;
overflow: clip;
}
.div-block-175 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
width: 400px;
display: flex;
}
.div-block-176 {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
display: flex;
}
.image-106 {
object-fit: cover;
flex: 1;
justify-content: space-between;
align-items: stretch;
display: inline-flex;
position: relative;
overflow: hidden;
}
.image-107 {
z-index: 3;
object-fit: cover;
width: auto;
position: relative;
overflow: visible;
}
.heading-28 {
z-index: 3;
aspect-ratio: auto;
margin-top: 0;
margin-bottom: 0;
position: relative;
}
.project-page-title-copy {
z-index: 3;
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Pixelify Sans, sans-serif;
position: relative;
}
.section-56 {
z-index: 3;
flex-flow: column;
display: flex;
position: relative;
}
.div-block-177 {
position: relative;
}
.div-block-178 {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
position: relative;
}
.image-108 {
object-fit: cover;
width: 50%;
position: relative;
}
.div-block-179 {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: wrap;
justify-content: space-between;
height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-180 {
aspect-ratio: auto;
flex: 1;
width: 100%;
height: auto;
}
.section-57 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
overflow: hidden;
}
.div-block-181 {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
justify-content: space-between;
align-items: stretch;
display: flex;
position: relative;
}
.div-block-182 {
display: flex;
}
.yg-div-block {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
flex: 1;
display: flex;
position: relative;
}
.div-block-184 {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
height: 100%;
display: flex;
position: relative;
}
.kalis-uchis-div-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.image-109 {
vertical-align: bottom;
object-fit: cover;
width: 100%;
position: relative;
}
.the-standard-div-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: scale-down;
flex-flow: wrap;
place-content: flex-start space-between;
align-items: baseline;
width: 100%;
margin-top: 0;
padding-left: 0;
display: flex;
position: static;
}
.div-block-185 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
flex: 1;
display: flex;
}
.div-block-186 {
flex: 0 auto;
}
.image-110 {
object-fit: cover;
height: 100%;
display: block;
position: relative;
}
.image-111 {
object-fit: cover;
display: block;
position: relative;
}
.div-block-187 {
z-index: 3;
object-fit: cover;
flex: 1;
height: 100%;
display: flex;
position: relative;
}
.div-block-188 {
flex: 1;
justify-content: flex-end;
width: 100%;
display: flex;
position: relative;
}
.div-block-189 {
flex: 1;
justify-content: center;
display: flex;
}
.section-58 {
margin-bottom: 0;
padding-bottom: 0;
}
.div-block-190 {
object-fit: cover;
flex: 1;
position: relative;
}
.image-112 {
object-fit: cover;
position: relative;
}
.div-block-191 {
z-index: 3;
object-fit: cover;
flex: 1;
display: flex;
position: relative;
}
.div-block-192 {
object-fit: cover;
flex: 1;
display: flex;
position: relative;
}
.div-block-193 {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex: 1;
display: flex;
position: relative;
}
.div-block-194 {
object-fit: cover;
flex: 1;
display: flex;
position: relative;
}
.div-block-55-copy {
position: relative;
}
.div-block-195 {
z-index: 2;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: column;
min-width: 100vw;
height: auto;
min-height: 100vh;
margin-top: 22%;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.div-block-196 {
z-index: -1;
width: 100%;
min-height: 100vh;
display: block;
position: relative;
bottom: auto;
}
.div-block-197 {
justify-content: space-between;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: absolute;
inset: auto 0% 5%;
}
.section-59 {
object-fit: none;
flex-flow: column;
flex: 0 auto;
display: flex;
position: static;
}
.section-60 {
flex: 1;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.div-block-198 {
flex-flow: column;
display: flex;
}
.travissecond-section-div-block-2 {
z-index: 3;
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: wrap;
grid-template: ". ."
". ."
". Area"
/ .75fr 1fr;
grid-auto-rows: minmax(0, .75fr);
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: flex-start;
align-items: stretch;
width: 100%;
height: auto;
margin-top: 0;
display: flex;
position: relative;
overflow: visible;
}
.div-block-199 {
object-fit: cover;
flex: 1;
width: 100%;
display: flex;
}
.div-block-200 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
display: flex;
}
.div-block-201 {
object-fit: cover;
flex: 1;
}
.div-block-202 {
width: 100%;
display: block;
position: relative;
}
.div-block-203 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
align-items: stretch;
width: auto;
height: 100%;
margin-top: auto;
display: flex;
position: relative;
}
.div-block-204 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
width: 100%;
padding-left: 0;
display: flex;
}
.image-113 {
object-fit: cover;
width: auto;
overflow: hidden;
}
.div-block-206 {
flex: 1;
width: 49%;
}
.div-block-207 {
object-fit: cover;
flex-flow: wrap;
flex: 1;
width: 100%;
display: flex;
}
.image-114 {
object-fit: cover;
width: 100%;
max-height: 100%;
position: relative;
}
.div-block-208 {
flex: 1;
width: 49%;
}
.div-block-209 {
flex-flow: column;
width: 65%;
padding-right: 25%;
display: flex;
}
.div-block-210 {
z-index: 3;
flex-flow: row;
flex: 1;
height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-211 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
flex: 1;
justify-content: flex-end;
display: flex;
position: relative;
}
.div-block-212 {
display: block;
position: relative;
}
.div-block-213 {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
flex-flow: row;
flex: 1;
place-content: flex-start space-between;
align-items: flex-start;
width: auto;
max-height: none;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-214 {
object-fit: cover;
flex: 1;
display: block;
position: relative;
}
.div-block-215 {
flex: 1;
order: 0;
align-self: auto;
display: block;
position: relative;
}
.image-115 {
object-fit: cover;
width: 33%;
max-width: none;
display: block;
position: relative;
}
.image-116 {
object-fit: cover;
width: 33%;
position: relative;
}
.div-block-216, .div-block-217 {
flex: 1;
position: relative;
}
.div-block-218 {
flex: 1;
display: flex;
position: relative;
}
.image-117 {
object-fit: cover;
border-radius: 8px;
flex: 1;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.div-block-219 {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
}
.div-block-220 {
width: 50%;
display: flex;
position: relative;
}
.div-block-221 {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: space-between;
display: flex;
position: relative;
}
.image-118 {
object-fit: cover;
width: 99.9987%;
height: 100%;
display: block;
position: relative;
}
.div-block-222 {
object-fit: fill;
width: 50%;
display: flex;
position: relative;
}
.div-block-223 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
height: auto;
min-height: 100%;
max-height: none;
display: flex;
position: relative;
overflow: hidden;
}
.image-119 {
object-fit: cover;
flex: 1;
width: 100%;
height: 100%;
min-height: 100%;
position: relative;
overflow: hidden;
}
.image-120 {
object-fit: cover;
flex: 1;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.k-flay-section-div {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
padding-left: 25%;
display: flex;
}
.div-block-225 {
flex-flow: column;
width: 50%;
display: flex;
}
.div-block-226 {
flex-flow: column;
flex: 1;
display: flex;
}
.image-121 {
z-index: 3;
object-fit: cover;
position: relative;
}
.div-block-227 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
display: flex;
}
.misc-graphics-section-div-block-1 {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
grid-template: ". ."
". ."
". Area"
/ .75fr 1fr;
grid-auto-rows: minmax(0, .75fr);
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch flex-start;
align-items: stretch;
width: 100%;
height: auto;
margin-top: 0;
display: flex;
position: relative;
overflow: hidden;
}
.title {
z-index: 3;
display: flex;
position: relative;
}
.heading-29 {
z-index: 3;
margin-top: -12px;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 173px;
line-height: 196px;
position: relative;
}
.div-block-228 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
flex: 1;
display: flex;
}
.image-100-copy {
vertical-align: top;
object-fit: cover;
vertical-align: top;
object-fit: cover;
vertical-align: top;
object-fit: cover;
flex: 1;
width: 100%;
max-width: none;
height: 100%;
display: block;
position: relative;
overflow: hidden;
}
.div-block-229 {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
height: 100%;
display: flex;
position: relative;
}
.triple-posters-section-div-copy {
z-index: 5;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: wrap;
flex: 1;
justify-content: space-between;
align-self: auto;
align-items: flex-start;
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-height: none;
margin-top: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-230 {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: wrap;
width: 82%;
height: 100%;
display: flex;
position: relative;
}
.div-block-231 {
flex: 1;
height: 100%;
max-height: 100%;
display: flex;
position: relative;
}
.ama-section-misc-graphics {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
padding-left: 0%;
display: flex;
}
.div-block-232 {
grid-column-gap: 32px;
grid-row-gap: 32px;
object-fit: cover;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: stretch;
width: auto;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-233 {
flex-flow: column;
display: flex;
}
.image-122 {
object-fit: cover;
height: 100%;
position: relative;
}
.section-copy-misc-graphics-dicv {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template: ". ."
". ."
". Area"
/ .75fr 1fr;
grid-auto-rows: minmax(0, .75fr);
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch flex-start;
align-items: stretch;
width: 100%;
height: auto;
margin-top: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-236 {
grid-column-gap: 32px;
grid-row-gap: 32px;
object-fit: cover;
flex-flow: column;
flex: 1;
width: 100%;
height: 100%;
min-height: 100%;
display: flex;
}
.image-124 {
z-index: 3;
object-fit: cover;
width: 100%;
min-width: 100%;
max-width: none;
position: relative;
overflow: hidden;
}
.div-block-237 {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.div-block-238 {
z-index: 3;
grid-column-gap: 17px;
grid-row-gap: 17px;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
position: relative;
}
.image-125 {
z-index: 3;
position: relative;
}
.section-62 {
grid-column-gap: 0px;
grid-row-gap: 0px;
display: flex;
}
.image-126 {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.div-block-239 {
flex: 1;
width: 100%;
position: relative;
}
.image-127 {
object-fit: cover;
flex: 1;
width: 100%;
height: 100%;
position: relative;
}
.div-block-240 {
flex: 1;
width: 100%;
}
.div-block-241 {
width: 60%;
position: relative;
}
.div-block-242 {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
position: relative;
bottom: 0;
}
.image-128 {
object-fit: cover;
flex: 1;
height: 100%;
position: relative;
overflow: hidden;
}
.image-129 {
object-fit: cover;
flex: 1;
height: 100%;
position: relative;
}
.div-block-243 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
display: block;
position: relative;
overflow: hidden;
}
.div-block-244 {
flex: 1;
position: relative;
overflow: hidden;
}
.div-block-245 {
object-fit: cover;
flex: 1;
width: 100%;
min-width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-246 {
flex-flow: wrap;
flex: 1;
width: 35%;
min-width: 40%;
display: flex;
position: relative;
}
.heading-30 {
z-index: 3;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.div-block-247 {
flex: 1;
width: 49%;
display: flex;
}
.div-block-248 {
flex: 1;
width: 49%;
display: flex;
position: relative;
}
.section-63 {
z-index: 3;
position: relative;
}
.bricks-second-section-div-copy {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template: ". ."
". ."
". Area"
/ .75fr 1fr;
grid-auto-rows: minmax(0, .75fr);
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch flex-start;
align-items: stretch;
width: 100%;
height: auto;
margin-top: 0;
display: flex;
position: relative;
overflow: hidden;
}
.image-130 {
object-fit: cover;
align-self: flex-end;
width: 100%;
position: relative;
}
.div-block-249 {
z-index: 3;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: wrap;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
position: relative;
}
.div-block-250 {
object-fit: fill;
flex: 1;
width: 50%;
position: relative;
}
.image-131 {
object-fit: cover;
width: 100%;
position: relative;
}
.div-block-251 {
flex: 1;
width: 50%;
position: relative;
}
.image-132 {
object-fit: cover;
height: 100%;
position: relative;
}
.div-block-252 {
z-index: 3;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex: 1;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 50svh;
padding-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-253 {
aspect-ratio: 2 / 3;
object-fit: cover;
flex: 1;
height: 100%;
min-height: 100%;
max-height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-254 {
grid-column-gap: 16px;
grid-row-gap: 16px;
aspect-ratio: 2 / 3;
object-fit: cover;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: stretch;
height: 100%;
min-height: 100%;
max-height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.image-133 {
aspect-ratio: 2 / 3;
object-fit: cover;
flex: 1;
align-self: auto;
width: 100%;
height: 100%;
min-height: 100%;
max-height: 100%;
position: relative;
}
.image-134 {
object-fit: cover;
flex: 1;
width: 100%;
height: 100%;
min-height: 100%;
max-height: 100%;
position: relative;
overflow: hidden;
}
.image-135 {
z-index: 3;
object-fit: cover;
flex: 1;
align-self: center;
min-width: auto;
max-width: 100%;
height: 100%;
min-height: auto;
max-height: none;
position: relative;
overflow: hidden;
}
.div-block-255 {
flex: 1;
align-self: auto;
height: auto;
min-height: 100%;
display: flex;
}
.div-block-256 {
flex: 1;
width: auto;
min-width: auto;
max-width: 100%;
height: 50%;
min-height: auto;
max-height: none;
display: flex;
position: relative;
}
.div-block-257 {
width: auto;
min-width: auto;
height: 50%;
min-height: auto;
max-height: none;
display: flex;
position: relative;
overflow: hidden;
}
.image-136 {
object-fit: cover;
max-width: none;
height: 100%;
position: relative;
}
.div-block-258 {
object-fit: cover;
flex-flow: row;
flex: 0 auto;
width: 100%;
min-width: 100%;
height: auto;
display: flex;
position: relative;
}
.div-block-259 {
flex: 1;
width: 50%;
position: relative;
}
.image-137 {
object-fit: cover;
flex: 1;
height: 100%;
min-height: 100%;
position: relative;
}
.div-block-260 {
z-index: 3;
object-fit: cover;
flex: 1;
height: 100%;
min-height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-261 {
z-index: 3;
object-fit: cover;
flex: 1;
position: relative;
overflow: hidden;
}
.image-138 {
object-fit: cover;
width: 100%;
position: relative;
overflow: visible;
}
.italic-text {
position: relative;
}
.div-block-262 {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.section-64 {
position: static;
}
.div-block-263 {
z-index: 3;
flex: 1;
align-self: flex-end;
width: auto;
display: flex;
position: relative;
}
.div-block-264 {
z-index: 3;
flex-flow: wrap;
width: 40%;
display: flex;
position: relative;
overflow: visible;
}
.div-block-265 {
grid-column-gap: 32px;
grid-row-gap: 32px;
text-align: left;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.div-block-266 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: row;
flex: 1;
width: auto;
display: flex;
position: relative;
}
.div-block-267 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
height: auto;
display: flex;
position: relative;
}
.image-139 {
object-fit: cover;
width: auto;
height: auto;
display: block;
position: relative;
overflow: visible;
}
.image-140 {
object-fit: cover;
flex: 1;
width: auto;
height: auto;
position: relative;
}
.div-block-268 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
flex: 1;
align-items: flex-end;
width: 50%;
height: 100%;
display: flex;
position: relative;
}
.div-block-269 {
display: flex;
}
.div-block-270 {
flex: 1;
display: flex;
}
.div-block-271 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: row;
flex: 1;
display: flex;
position: relative;
}
.div-block-272 {
z-index: 3;
grid-column-gap: 12px;
grid-row-gap: 12px;
object-fit: fill;
flex-flow: row;
align-self: flex-start;
margin-top: 12px;
display: flex;
position: relative;
}
.div-block-273 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.image-141 {
flex: 1;
overflow: visible;
}
.div-block-274 {
grid-column-gap: 32px;
grid-row-gap: 32px;
aspect-ratio: auto;
object-fit: cover;
flex-flow: column;
flex: 1;
align-self: stretch;
height: 150%;
min-height: 100%;
display: flex;
position: relative;
}
.image-142 {
object-fit: cover;
min-width: auto;
height: 100%;
min-height: 100%;
max-height: none;
position: relative;
}
.div-block-275 {
object-fit: cover;
flex: 1;
width: 100%;
display: block;
position: relative;
}
.div-block-276 {
flex-flow: column;
width: 100%;
min-width: auto;
min-height: auto;
padding-right: 12px;
display: flex;
position: relative;
}
.div-block-277 {
object-fit: cover;
flex-flow: row;
flex: 1;
align-self: flex-end;
height: 100%;
display: flex;
position: relative;
}
.image-143 {
object-fit: cover;
flex: 1;
height: 100%;
position: relative;
}
.image-144 {
object-fit: cover;
flex: 1;
display: block;
position: relative;
overflow: hidden;
}
.image-145 {
object-fit: cover;
flex: 1;
position: relative;
}
.div-block-278 {
flex: 1;
align-self: flex-start;
width: 100%;
display: flex;
position: relative;
}
.div-block-279 {
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
margin: auto 0 856px;
display: flex;
position: relative;
top: 0;
bottom: auto;
left: 0;
}
.image-146 {
object-fit: cover;
width: 100%;
position: relative;
}
.div-block-280 {
z-index: 3;
grid-column-gap: 12px;
grid-row-gap: 12px;
width: 100%;
display: flex;
position: relative;
}
.div-block-281 {
flex: 1;
width: 100%;
display: none;
position: relative;
}
.project-title-heading-copy {
color: #fff;
text-align: left;
flex: 0 auto;
align-self: flex-start;
margin-top: 0;
margin-bottom: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 80px;
line-height: 75px;
position: relative;
overflow: visible;
}
.image-147 {
position: relative;
top: 0;
right: 0;
}
.image-148, .image-149 {
flex: 1;
height: 100%;
position: relative;
}
.div-block-282, .div-block-283, .div-block-284 {
position: relative;
}
.image-150 {
height: 100%;
position: relative;
}
.caste_volt_stool_wrapper {
z-index: 3;
margin-top: 0;
margin-bottom: -200px;
padding-left: 0;
display: none;
position: relative;
bottom: 0;
}
.div-block-286 {
margin-top: -189px;
margin-left: 128px;
margin-right: 0;
padding-right: 88px;
display: flex;
position: relative;
}
.div-block-287 {
width: 60%;
display: none;
position: relative;
}
.section-65 {
margin-bottom: auto;
position: absolute;
inset: -18% 0% 0%;
}
.section-66 {
z-index: 3;
grid-column-gap: 22px;
grid-row-gap: 22px;
border-radius: 8px;
flex-flow: column;
align-items: flex-start;
margin-top: 132px;
display: flex;
position: relative;
}
.div-block-288 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
display: flex;
}
.section-67 {
z-index: 3;
position: relative;
}
.div-block-289 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
display: flex;
}
.div-block-290 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.div-block-291 {
position: relative;
}
.image-151 {
object-fit: cover;
height: 100%;
position: relative;
}
.image-152 {
z-index: 5;
width: 100%;
height: auto;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.div-block-292 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
flex-flow: column;
flex: 1;
width: 49%;
height: 100%;
min-height: 100%;
display: flex;
position: relative;
}
.div-block-293 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
width: 50%;
display: flex;
position: relative;
}
.div-block-294 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
flex: 1;
justify-content: space-between;
display: flex;
}
.image-153 {
object-fit: cover;
flex: 0 auto;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.div-block-295 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.image-154 {
object-fit: cover;
height: 100%;
position: relative;
}
.div-block-296 {
flex: 1;
width: 50%;
position: relative;
}
.div-block-297 {
flex: 0 auto;
position: relative;
}
.div-block-298 {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
position: relative;
}
.div-block-299 {
width: 15%;
display: flex;
position: relative;
}
.div-block-300 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
justify-content: space-between;
width: 61.6884%;
display: flex;
}
.div-block-301 {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.div-block-302 {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
position: relative;
}
.div-block-303 {
z-index: 3;
flex: 1;
width: 33%;
display: flex;
position: relative;
}
.div-block-304 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex: 1;
align-self: center;
align-items: stretch;
display: flex;
position: relative;
}
.div-block-305 {
object-fit: cover;
flex: 1;
width: 33%;
position: relative;
}
.image-155 {
object-fit: cover;
height: 100%;
position: relative;
}
.div-block-306 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: space-between;
width: 33%;
display: flex;
}
.image-157 {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.div-block-307 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
display: flex;
}
.image-158 {
object-fit: cover;
height: 100%;
position: relative;
}
.div-block-308 {
height: 100%;
position: relative;
overflow: hidden;
}
.div-block-309 {
height: 100%;
overflow: hidden;
}
.div-block-310 {
flex: 1;
overflow: hidden;
}
.div-block-311 {
flex: 1;
}
.image-159 {
object-fit: cover;
width: 100%;
}
.div-block-312 {
object-fit: cover;
flex: 1;
width: 100%;
display: flex;
position: relative;
}
.div-block-313 {
height: 100%;
min-height: 100%;
}
.div-block-314 {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: column;
display: flex;
position: relative;
}
.div-block-315 {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
flex-flow: row;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
min-width: auto;
height: auto;
min-height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.background-video-13 {
z-index: 3;
object-fit: cover;
border-radius: 8px;
flex: 1;
justify-content: space-between;
align-items: stretch;
display: flex;
position: relative;
}
.div-block-316 {
z-index: 3;
object-fit: cover;
flex-flow: row;
flex: 1;
width: 100%;
display: flex;
position: relative;
}
.div-block-317 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
flex: 1;
display: flex;
position: relative;
}
.background-video-14 {
z-index: 3;
aspect-ratio: 23 / 8;
object-fit: cover;
width: 100%;
height: auto;
display: block;
overflow: hidden;
}
.div-block-318 {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
position: relative;
}
.div-block-319 {
flex-flow: column;
width: 25%;
display: flex;
position: relative;
}
.div-image-left-copy-right-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: right;
flex-flow: row;
flex: 1;
justify-content: space-between;
align-items: stretch;
width: 100%;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.section-68 {
z-index: 4;
flex-flow: column;
display: flex;
position: relative;
}
.div-block-320 {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
width: 100%;
display: flex;
position: relative;
}
.div-block-321 {
object-fit: cover;
flex: 1;
width: 100%;
display: flex;
position: relative;
}
.div-block-322 {
object-fit: cover;
justify-content: space-between;
width: 100%;
display: flex;
position: relative;
}
.image-160 {
object-fit: cover;
position: relative;
}
.div-block-323 {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-flow: column;
flex: 1;
display: flex;
}
.triple-posters-section-div-copy {
z-index: 5;
grid-column-gap: 12px;
grid-row-gap: 12px;
object-fit: cover;
flex-flow: row;
justify-content: space-between;
align-self: auto;
align-items: flex-start;
width: 100%;
max-height: none;
margin-top: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: visible;
}
.purps-section-div-copy {
grid-column-gap: 15px;
grid-row-gap: 15px;
object-fit: cover;
flex-flow: row;
justify-content: space-between;
align-self: center;
align-items: flex-start;
width: 100%;
min-width: auto;
max-width: 100%;
min-height: auto;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0%;
display: flex;
position: relative;
overflow: visible;
}
.image-161 {
vertical-align: middle;
object-fit: cover;
flex: 1;
max-width: none;
height: 100%;
position: relative;
overflow: hidden;
}
.div-block-324 {
object-fit: cover;
flex: 1;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: relative;
}
.div-block-325 {
grid-column-gap: 32px;
grid-row-gap: 32px;
aspect-ratio: 2 / 3;
object-fit: cover;
flex-flow: column;
flex: 1;
order: 0;
justify-content: space-between;
align-self: flex-start;
align-items: stretch;
min-width: auto;
height: 100%;
min-height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-326 {
object-fit: cover;
flex: 1;
min-width: auto;
height: auto;
min-height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-327, .div-block-328, .div-block-329 {
flex: 1;
}
.div-block-330 {
flex: 1;
width: 750px;
height: 50%;
display: flex;
}
.div-block-331 {
flex: 1;
display: flex;
position: relative;
}
.div-block-332 {
width: 100vw;
min-height: 100px;
margin-top: -193px;
margin-bottom: 0;
padding-bottom: 0;
position: absolute;
}
.div-block-333 {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
flex: 1;
width: 100%;
display: flex;
position: relative;
}
.div-block-334 {
grid-column-gap: 32px;
grid-row-gap: 32px;
aspect-ratio: auto;
object-fit: cover;
flex-flow: column;
flex: 1;
width: 100%;
min-width: 100%;
height: auto;
min-height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.image-162 {
object-fit: cover;
flex: 1;
min-width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.div-block-335 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.div-block-336 {
grid-column-gap: 13px;
grid-row-gap: 13px;
flex: 1;
width: 75%;
display: flex;
position: relative;
}
.div-block-337 {
object-fit: cover;
flex: 1;
width: 100%;
display: flex;
position: relative;
}
.div-block-338 {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
}
.div-block-339 {
z-index: 3;
flex-flow: row;
flex: 1;
display: flex;
position: relative;
}
.div-block-340 {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
display: none;
position: relative;
}
.div-block-341 {
width: 75%;
position: relative;
}
.div-block-342 {
flex: 1;
}
.div-block-343 {
flex: 1;
height: 99.9999%;
position: relative;
}
.div-block-344 {
flex: 1;
height: 100%;
}
.div-block-345 {
object-fit: cover;
flex-flow: column;
flex: 1;
align-self: flex-start;
min-width: auto;
height: auto;
min-height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-346 {
flex: 1;
align-self: flex-start;
height: auto;
display: flex;
position: relative;
}
.div-block-347 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
position: relative;
}
._3-image-div-block {
grid-column-gap: 32px;
grid-row-gap: 32px;
object-fit: cover;
flex-flow: row;
flex: 1;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-349 {
flex: 1;
height: 100%;
}
.div-block-350, .div-block-351 {
flex: 1;
}
.image-163, .image-164, .image-165 {
object-fit: cover;
height: 100%;
position: relative;
}
.div-block-352 {
grid-column-gap: 32px;
grid-row-gap: 32px;
aspect-ratio: auto;
object-fit: cover;
flex: 1;
justify-content: space-between;
width: 100%;
min-width: auto;
min-height: auto;
max-height: 8%;
margin-bottom: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: visible;
}
.div-block-353 {
flex: 1;
width: 100%;
display: flex;
}
.image-166 {
object-fit: cover;
width: 100%;
position: relative;
}
.image-167 {
object-fit: cover;
width: 100%;
min-width: auto;
max-width: none;
height: 100%;
min-height: auto;
position: relative;
}
.div-block-354 {
object-fit: cover;
flex: 1;
width: 100%;
height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.image-168 {
object-fit: cover;
width: 100%;
max-width: none;
height: auto;
position: relative;
}
.div-block-355 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
justify-content: space-between;
width: 100%;
height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.image-169 {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.div-block-356 {
flex: 1;
height: 100%;
position: relative;
}
.div-block-357 {
flex: 1;
height: 100%;
min-height: 100%;
position: relative;
}
.second-2-image-div-copy {
z-index: 3;
box-sizing: content-box;
grid-column-gap: 32px;
grid-row-gap: 32px;
object-fit: contain;
flex: 1;
justify-content: space-between;
align-items: baseline;
width: 100%;
min-width: 45%;
max-width: none;
height: 100%;
min-height: auto;
margin-top: 0;
margin-right: auto;
padding-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-358 {
grid-column-gap: 32px;
grid-row-gap: 32px;
object-fit: fill;
width: 100%;
display: flex;
position: relative;
}
.image-170 {
object-fit: cover;
flex: 1;
width: 100%;
height: 100%;
position: relative;
}
.div-block-359 {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 100%;
height: 100%;
min-height: 100%;
display: flex;
position: relative;
}
.div-block-360 {
grid-column-gap: 32px;
grid-row-gap: 32px;
height: 45%;
display: flex;
position: relative;
overflow: hidden;
}
.image-171 {
object-fit: cover;
flex: 1;
width: 100%;
min-width: auto;
max-width: 100%;
height: 100%;
min-height: auto;
margin-bottom: 32px;
position: relative;
overflow: hidden;
}
.div-block-361 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
justify-content: space-between;
width: 45%;
display: flex;
position: relative;
}
.div-block-362 {
grid-column-gap: 32px;
grid-row-gap: 32px;
object-fit: cover;
flex-flow: column;
flex: 1;
height: 65vh;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-363 {
flex: 1;
display: flex;
position: relative;
}
.div-block-364 {
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.div-block-365 {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
}
.gallery_image_wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.image-172 {
height: 100%;
position: relative;
}
.gallery_image_div {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: row;
flex: 1;
display: flex;
}
.div-block-368 {
grid-column-gap: 32px;
grid-row-gap: 32px;
object-fit: cover;
flex: 1;
display: flex;
position: relative;
}
.image-173 {
object-fit: cover;
width: 100%;
height: 100%;
position: static;
overflow: hidden;
}
.yg-text-div-copy {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: right;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: auto;
margin-top: 0;
margin-bottom: auto;
margin-left: auto;
display: flex;
position: relative;
top: auto;
left: auto;
overflow: hidden;
}
.div-block-369 {
z-index: 3;
object-fit: cover;
align-self: center;
width: 110%;
height: 1778px;
display: flex;
position: relative;
}
.image-174 {
object-fit: cover;
height: 100%;
position: relative;
}
.image-175 {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.div-block-370 {
grid-column-gap: 32px;
grid-row-gap: 32px;
object-fit: cover;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: stretch;
height: auto;
min-height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-371 {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: space-between;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-372 {
flex: 1;
}
.gallery_grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-374 {
flex: 1;
}
.image-176 {
object-fit: cover;
border-radius: 8px;
flex: 1;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.image-177 {
object-fit: cover;
flex: 1;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.image-178 {
object-fit: cover;
flex: 1;
width: 100%;
height: 100%;
position: relative;
}
.div-block-375 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
padding-top: 32px;
display: flex;
position: relative;
}
.image-179 {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.div-block-376 {
object-fit: cover;
flex: 1;
justify-content: flex-start;
align-items: flex-end;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-377 {
flex: 1;
width: 100%;
position: relative;
overflow: hidden;
}
.div-block-378 {
flex: 1;
}
.div-block-379 {
flex: 1;
width: 100%;
min-height: 25%;
display: flex;
position: relative;
}
.div-block-380 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex: 1;
justify-content: space-between;
align-items: stretch;
height: 0%;
display: flex;
position: relative;
}
.image-180 {
height: 100%;
}
.div-block-381 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
flex: 1;
display: flex;
position: relative;
}
.div-block-382 {
flex: 1;
}
.div-block-383 {
display: flex;
}
.div-block-384 {
flex: 1;
}
.image-181 {
object-fit: cover;
height: 100%;
position: relative;
}
.div-block-385 {
object-fit: cover;
flex: 1;
width: 50%;
position: relative;
}
.image-182 {
aspect-ratio: 2 / 3;
object-fit: cover;
flex: 1;
align-self: flex-start;
width: 100%;
height: 100%;
min-height: auto;
position: relative;
}
.purps-section-div-copy-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: row;
justify-content: space-between;
align-self: center;
align-items: flex-start;
width: 100%;
min-width: auto;
max-width: 100%;
min-height: auto;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0%;
display: flex;
position: relative;
overflow: visible;
}
.travis-first-section-div-copy {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
flex: 1;
grid-template: ". ."
". ."
". Area"
/ .75fr 1fr;
grid-auto-rows: minmax(0, .75fr);
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch flex-start;
align-self: flex-end;
align-items: stretch;
width: 100%;
height: auto;
margin-top: 0;
display: flex;
position: relative;
bottom: 279px;
overflow: visible;
}
.image-183 {
position: relative;
}
.div-block-386 {
flex: 1;
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: relative;
}
.red_bull_van_div_conatiner {
flex: 1;
align-self: center;
width: 110%;
display: flex;
position: relative;
}
.red_bull_van_gif {
object-fit: cover;
position: relative;
overflow: visible;
}
.red_bull_van_gif_wrap {
z-index: 5;
object-fit: cover;
flex: 1;
align-self: center;
width: 110%;
display: block;
position: relative;
inset: auto 0% 9vh;
}
.image-37-copy {
width: 100vw;
margin-top: 70px;
position: absolute;
inset: 0% 0% auto;
}
.section-50-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
flex: 1;
margin-bottom: 0;
display: flex;
position: relative;
}
.section-30-copy {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
align-items: flex-start;
margin-top: 0;
display: flex;
position: relative;
}
.second-2-image-div-copy-copy {
z-index: 3;
box-sizing: content-box;
grid-column-gap: 32px;
grid-row-gap: 32px;
object-fit: contain;
flex: 1;
justify-content: space-between;
align-self: flex-end;
align-items: baseline;
width: 100%;
min-width: 45%;
max-width: none;
height: 100%;
min-height: auto;
margin-top: 0;
margin-right: auto;
padding-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-389 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.image-185 {
aspect-ratio: 2 / 3;
object-fit: cover;
position: relative;
}
.image-186 {
aspect-ratio: 2 / 3;
object-fit: cover;
height: 100%;
position: relative;
overflow: visible;
}
.div-block-390 {
object-fit: cover;
flex: 1;
align-self: flex-end;
height: 100%;
display: flex;
position: relative;
}
.div-block-391 {
object-fit: cover;
flex: 1;
align-self: flex-start;
height: 100%;
display: flex;
position: relative;
}
.div-block-331-copy {
flex: 1;
display: flex;
position: relative;
}
.div-block-162-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: row;
flex: 1;
justify-content: space-between;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-325-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
aspect-ratio: 2 / 3;
object-fit: cover;
grid-column-gap: 32px;
grid-row-gap: 32px;
aspect-ratio: 2 / 3;
object-fit: cover;
flex-flow: column;
flex: 1;
order: 0;
justify-content: space-between;
align-self: flex-start;
align-items: stretch;
min-width: auto;
height: 100%;
min-height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-326-copy {
object-fit: cover;
flex: 1;
min-width: auto;
height: auto;
min-height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.purps-section-div-copy-copy-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: row;
justify-content: space-between;
align-self: center;
align-items: flex-start;
width: 100%;
min-width: auto;
max-width: 100%;
min-height: auto;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0%;
display: flex;
position: relative;
overflow: visible;
}
.div-block-123-copy {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
flex: 1;
width: 99%;
display: flex;
position: relative;
}
.div-block-385-copy {
object-fit: cover;
flex: 1;
width: 50%;
position: relative;
}
.yg-text-div-copy-copy {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: right;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: auto;
margin-top: 0;
margin-bottom: auto;
margin-left: auto;
display: flex;
position: relative;
top: auto;
left: auto;
overflow: hidden;
}
.div-block-125-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
flex: 0 auto;
width: 100%;
display: flex;
}
.triple-posters-section-div-copy-copy {
z-index: 5;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: row;
justify-content: space-between;
align-self: auto;
align-items: flex-start;
width: 100%;
max-height: none;
margin-top: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-329-copy {
flex: 1;
}
.footer-div-block {
z-index: 5;
color: #fff;
background-color: #000;
justify-content: flex-end;
align-items: flex-end;
height: auto;
padding-top: 30px;
padding-bottom: 30px;
padding-right: 144px;
display: flex;
position: relative;
inset: auto 0% 0;
}
.link-block-14 {
z-index: 1;
justify-content: flex-end;
align-self: center;
align-items: center;
height: 100%;
padding-left: 0;
padding-right: 16px;
display: flex;
position: absolute;
inset: 0% 0 0% auto;
}
.div-block-393 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
justify-content: flex-end;
align-items: flex-end;
width: 100px;
height: 56%;
margin-bottom: 12px;
margin-right: 16px;
display: flex;
position: relative;
right: 0;
}
.image-187 {
vertical-align: middle;
object-fit: cover;
flex: 1;
align-self: flex-start;
width: 100%;
height: 110%;
min-height: 110%;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-right: 0;
position: relative;
overflow: visible;
}
.heading-31 {
outline-offset: 0px;
pointer-events: auto;
color: #fff;
text-transform: uppercase;
overflow-wrap: normal;
cursor: pointer;
outline: 0 #fff;
flex: 0 auto;
justify-content: flex-end;
align-self: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-family: Pixelify Sans, sans-serif;
font-size: 20px;
font-style: normal;
line-height: 21px;
-webkit-text-decoration: none;
text-decoration: none;
display: flex;
position: relative;
right: 0;
}
.link-block-15 {
flex-flow: column;
display: flex;
}
.footer-linkblock-div {
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
padding-right: 8px;
display: flex;
position: relative;
}
.header-cloud {
z-index: 1;
position: sticky;
inset: 0% 0% auto;
}
.header-logo {
z-index: 6;
height: 100%;
position: relative;
}
.div-block-395 {
display: block;
}
.header-cloud-div-block {
z-index: 1;
position: absolute;
inset: 0% 0% auto;
}
.header-logo-div-block {
z-index: 2;
height: 82px;
margin-top: 24px;
position: absolute;
inset: 0% auto 0% 2%;
}
.body-div-block {
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
margin-left: 0;
margin-right: 0;
position: absolute;
top: 0;
}
.header-div-block {
z-index: 5;
grid-column-gap: 0px;
grid-row-gap: 0px;
height: 206px;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.hamburger-menu-div-block {
z-index: 10;
justify-content: flex-end;
align-items: flex-start;
width: 81px;
min-width: 86px;
height: 100%;
min-height: 63px;
margin-top: 10px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: absolute;
inset: 0% 24px auto auto;
}
.lottie-animation-4 {
z-index: 2;
position: absolute;
inset: 0% 0% 0% auto;
}
.basic-setup-section {
flex-flow: column;
display: flex;
overflow: hidden;
}
.body-section-001 {
z-index: 2;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
padding-left: 60px;
padding-right: 60px;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.spacer-body-div-block {
height: 12vh;
margin-bottom: -109px;
position: relative;
}
.bg-and-footer-div-block {
z-index: 0;
flex: 1;
width: 100%;
height: 100%;
min-height: 100vh;
display: block;
position: absolute;
inset: -260px 0% 0%;
}
.mobile-header-cloud-div-block {
display: none;
}
.header-logo-div-block-01 {
z-index: 10;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.div-block-400 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex: 1;
width: 100%;
display: flex;
}
.div-block-401 {
grid-column-gap: 30px;
grid-row-gap: 30px;
border-radius: 8px;
flex: 1;
display: flex;
overflow: hidden;
}
.div_dusk_crowd-image {
border-radius: 8px;
position: relative;
overflow: hidden;
}
.body-section-flying-element-001 {
z-index: 2;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
padding-left: 0;
padding-right: 0;
display: flex;
position: absolute;
inset: 70% 0% auto;
}
.div-block-403 {
border-radius: 8px;
flex: 1;
width: 50%;
min-width: 40%;
max-width: 55%;
margin-top: 226px;
}
.heading-33 {
color: #fff;
text-align: left;
justify-content: center;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 72px;
display: flex;
position: relative;
}
.div-block-404 {
text-align: left;
}
.text_div_text-block_dusk {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fff;
flex-flow: column;
flex: 1;
font-family: Pixelify Sans, sans-serif;
display: flex;
position: relative;
}
.heading-34 {
margin-top: 0;
margin-bottom: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 72px;
line-height: 82px;
}
.image-190 {
border-radius: 8px;
width: 100%;
}
.image-191 {
width: 100%;
}
.div-block-405 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
flex: 1;
display: flex;
}
.div-block-406 {
grid-column-gap: 32px;
grid-row-gap: 32px;
margin-top: 0;
display: flex;
}
.lightbox_image {
border-radius: 8px;
width: 100%;
height: 100%;
display: block;
position: static;
}
.div-block-407 {
z-index: 1;
flex: 1;
margin-bottom: -208px;
display: flex;
position: relative;
top: -229px;
}
.div-block-408 {
z-index: 2;
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
position: relative;
}
.image-192 {
z-index: -1;
width: 100vw;
margin-bottom: 24px;
position: relative;
bottom: 0;
overflow: hidden;
}
.div-block-409 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
display: flex;
}
.div-block-410, .div-block-411 {
border-radius: 8px;
flex: 1;
overflow: hidden;
}
.lightbox-link {
width: 100%;
height: 100%;
}
.lightbox-link-2 {
border-radius: 8px;
flex: 1;
width: 100%;
}
.lightbox-link-3 {
flex: 1;
}
.image-193 {
width: 55%;
max-width: 60%;
margin-left: 51px;
}
.flying-cloud-dusk-and-haze-div-block {
z-index: 2;
margin-top: 0;
position: absolute;
inset: 295% auto 0% 0%;
}
.body-class {
-webkit-text-fill-color: inherit;
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67eb36e5f89f037256177247_Mobile_Damn_long_baloncesto.avif");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100vw 1907vh;
background-clip: border-box;
flex-flow: column;
height: 1905vh;
min-height: 100vh;
display: flex;
overflow: hidden;
}
.image-194 {
width: 100px;
min-width: 100%;
height: 100%;
min-height: 100%;
max-height: 100%;
}
.navbar-3 {
z-index: 11;
background-color: #ddd0;
width: 100%;
height: auto;
min-height: auto;
display: flex;
position: fixed;
inset: 0% 0% auto;
overflow: visible;
}
.container-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: flex-start;
width: 100%;
min-width: 100%;
margin-top: 23px;
margin-left: 0;
margin-right: 0;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.nav-menu-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
color: #000;
justify-content: flex-end;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
font-family: Pixelify Sans, sans-serif;
font-size: 22px;
display: flex;
position: relative;
}
.brand-2 {
flex: 0 auto;
align-self: flex-start;
width: 7%;
}
.div-block-413 {
width: 100%;
margin-left: 24px;
margin-right: 24px;
display: block;
}
.nav-link {
padding: 0 8px;
}
.nav-link.w--current {
color: #000;
}
.nav-link-2 {
padding: 0 8px;
}
.nav-link-2.w--current {
color: #000;
}
.nav-link-3, .nav-link-4 {
padding: 0 8px;
}
.nav-link-4.w--current {
color: #000;
}
.div-block-414 {
object-fit: fill;
width: 100%;
height: 0;
position: relative;
inset: 0% 0% auto;
}
.div-block-415 {
width: 100vw;
position: absolute;
}
.image-195 {
width: 100vw;
display: block;
}
.image-196 {
min-width: NaN% ;
width: 100vw;
display: none;
}
.background-video-15 {
z-index: 1;
-webkit-clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
justify-content: center;
align-items: flex-start;
width: 90%;
height: 50vh;
margin-top: 260px;
margin-left: 71px;
margin-right: 71px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.div-block-416 {
object-fit: cover;
width: 100%;
height: 50vh;
position: relative;
overflow: hidden;
}
.image-197 {
display: none;
position: absolute;
inset: 0% 0% auto;
}
.div-block-417 {
height: NaN% ;
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: flex-start;
width: 90%;
min-width: 90%;
max-width: 90%;
margin-left: 4.5vw;
display: block;
position: absolute;
inset: 0%;
}
.spline-scene-5 {
z-index: 2;
position: absolute;
}
.video-mask {
justify-content: center;
align-items: stretch;
width: 100%;
padding-left: 72px;
padding-right: 72px;
display: flex;
position: relative;
overflow: hidden;
}
.test-clip {
background-color: red;
width: 200px;
height: 200px;
}
.video-mask-copy {
justify-content: center;
align-items: stretch;
width: 100%;
padding-left: 72px;
padding-right: 72px;
display: flex;
}
.div-block-418 {
width: 90%;
min-width: 90%;
max-width: 90%;
height: auto;
min-height: 50%;
position: relative;
}
.background-video-16 {
width: 100%;
min-width: auto;
max-width: none;
height: 100%;
min-height: auto;
max-height: none;
}
.video-wrapper {
z-index: 5;
position: relative;
}
.spline-scene {
display: block;
position: absolute;
}
.section-69 {
width: 100%;
min-width: 100%;
max-width: 100%;
height: 100vh;
margin-top: 17%;
position: relative;
top: 0%;
}
.spline-scene-6 {
z-index: 5;
width: 100vw;
height: 50vh;
margin-top: 0;
position: absolute;
inset: 0 0% auto auto;
overflow: visible;
}
.spline-responsive {
z-index: 10;
position: absolute;
inset: 10% auto auto 0%;
}
.div-block-419 {
height: 99vh;
}
.bg-image-div {
z-index: -1;
width: 100vw;
min-width: 100vw;
max-width: 100vw;
height: auto;
min-height: 100vh;
display: block;
position: absolute;
inset: auto 0% -34%;
}
.image-198 {
z-index: 0;
object-fit: cover;
width: 100vw;
min-width: 100%;
min-height: 10vh;
display: block;
position: relative;
inset: auto 0% 0%;
}
.lottie-section {
z-index: 6;
width: 100vh;
position: absolute;
inset: 32% 0% auto;
}
.lottie-animation-5 {
z-index: 7;
width: 100vw;
position: absolute;
inset: 30% 0% auto;
}
.cloud_video_div {
z-index: 5;
width: 60vw;
height: auto;
margin-right: 0;
padding-left: 0;
position: relative;
left: 0;
}
.cloud_text_div {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
flex-flow: row;
width: 100%;
max-width: 658px;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
display: flex;
position: relative;
top: 71px;
left: -4.7vw;
}
.container-6 {
width: 60vw;
max-width: none;
height: auto;
position: relative;
top: 0;
overflow: visible;
}
.home02_cloud01_section {
height: auto;
min-height: 60vh;
margin-bottom: 6vw;
}
.home02_cloud02_section {
min-width: 720px;
}
.home02_cloud03_section {
height: auto;
min-height: 60vh;
margin-top: 0;
margin-bottom: 6vw;
}
.container-7 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.container-8 {
display: flex;
}
.home02_cloud_contact_section {
flex-flow: row;
justify-content: center;
align-items: center;
height: auto;
min-height: 100vh;
margin-bottom: 21.1vh;
display: flex;
position: relative;
top: 0;
}
.contact-cloud-bg {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/68448c60edf22a5c4a75aaca_Asset%207X%20webflow%20cloud.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
width: 80vw;
height: 100%;
position: absolute;
top: 20vh;
left: 10vh;
}
.form-block-2 {
width: 58%;
margin-bottom: 31px;
margin-left: 25vw;
margin-right: 0;
padding-right: 5vw;
position: absolute;
inset: 40% 0% auto;
}
.text-field-5 {
color: #000;
text-align: center;
background-color: #e4edf3;
border: 5px solid #000;
border-radius: 8px;
}
.field-label-5, .field-label-6 {
padding-left: 24px;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 24px;
}
.field-label-7 {
color: #020202;
padding-left: 24px;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 24px;
}
.submit-button-3 {
z-index: 7;
text-align: center;
-webkit-text-fill-color: inherit;
cursor: pointer;
background-color: #449cd6;
background-clip: border-box;
border: 4px solid #000;
border-radius: 8px;
margin-left: 24px;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
font-size: 18px;
position: relative;
}
.form-3 {
color: #000;
}
.text-block-4 {
color: #000;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 24px;
}
.error-message {
color: #000;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
}
.div-block-420 {
height: 40vh;
}
.heading-35 {
z-index: 10;
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Pixelify Sans, sans-serif;
font-size: 72px;
position: absolute;
inset: 8% 0% auto 55%;
}
.div-block-422 {
z-index: 6;
grid-column-gap: 39px;
grid-row-gap: 39px;
color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 16%;
font-family: Pixelify Sans, sans-serif;
font-size: 32rem;
display: flex;
position: absolute;
inset: 0% 0% auto;
overflow: visible;
}
.client-reel-section {
z-index: 7;
flex: 0 auto;
margin-bottom: 72px;
display: block;
position: relative;
top: -28px;
}
.heading-36 {
margin: -3px 32px;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 5rem;
line-height: 5rem;
}
.link-block-16 {
color: #fff;
flex-flow: column;
justify-content: flex-start;
align-items: center;
-webkit-text-decoration: none;
text-decoration: none;
display: flex;
overflow: hidden;
}
.home-page-link-underline-div-01 {
color: #fff;
background-color: #fff;
width: 94%;
height: 13px;
margin-left: 0%;
position: relative;
left: -100%;
}
.hom-link-underline-div-2, .home-page-link-underline-div-03 {
color: #fff;
background-color: #fff;
width: 94%;
height: 13px;
position: relative;
left: -100%;
}
.heading-37 {
z-index: 9;
color: #fff;
padding-left: 32px;
padding-right: 32px;
font-family: Thatthatnewpixelvf, Arial, sans-serif;
font-size: 72px;
font-style: italic;
font-weight: 400;
position: relative;
top: 0;
}
.div-block-423 {
z-index: 10;
font-family: Thatthatnewpixel, Arial, sans-serif;
display: block;
position: absolute;
inset: 57% auto auto 13%;
}
.spline-scene-7 {
z-index: 5;
width: 70vw;
max-width: 100vw;
min-height: 100%;
display: block;
position: absolute;
inset: auto auto -200px 37px;
}
.section-71 {
z-index: 3;
height: 75vh;
position: relative;
top: auto;
bottom: 0;
}
.heading-38 {
text-align: right;
height: 100%;
margin-top: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 72px;
line-height: 65px;
}
.paragraph-8 {
justify-content: center;
align-items: flex-end;
width: 86%;
height: 75%;
margin-bottom: 0;
display: block;
position: relative;
top: 0;
bottom: 0;
}
.heading-39 {
text-align: right;
margin-top: 0;
margin-bottom: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 72px;
line-height: 70px;
}
.heading-40 {
text-align: right;
margin-top: 0;
margin-bottom: 0;
font-family: Thatthatnewpixelvf, Arial, sans-serif;
font-size: 72px;
font-style: italic;
font-weight: 400;
line-height: 70px;
display: block;
}
.flex-block {
width: 56vw;
max-width: 55vw;
overflow: visible;
}
.div-block-424 {
width: 55vw;
}
.section-72 {
display: block;
}
.lightbox-link-4 {
width: 100%;
}
.div-block-425 {
border-radius: 8px;
width: 100%;
overflow: hidden;
}
.lightbox-link-5, .lightbox-link-6, .lightbox-link-7 {
flex: 1;
}
.lightbox-link-8, .lightbox-link-9 {
width: 100%;
}
.div-block-409-copy {
grid-column-gap: 29px;
grid-row-gap: 29px;
flex-flow: column;
flex: 1;
display: flex;
}
.lightbox-link-10 {
border-radius: 8px;
flex: 1;
overflow: hidden;
}
.lightbox-link-11, .lightbox-link-12 {
flex: 1;
}
.lightbox-link-13 {
z-index: 3;
border-radius: 8px;
position: relative;
overflow: hidden;
}
.div-block-426 {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
}
.div-block-427 {
z-index: 2;
width: 33%;
position: absolute;
inset: 83% auto 0% 65%;
}
.div-block-428 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex: 1;
display: flex;
}
.image-199 {
object-fit: cover;
height: 100%;
}
.lightbox-link-14 {
object-fit: cover;
border-radius: 8px;
flex: 1;
height: 57%;
overflow: hidden;
}
.div-block-429 {
flex: 1;
line-height: 14px;
}
.image-200 {
object-fit: cover;
height: 100%;
}
.collection-list-wrapper {
flex: 1;
display: flex;
}
.collection-item {
display: flex;
}
.lightbox-link-15 {
width: 55vw;
max-width: 55vw;
margin-top: -390px;
position: absolute;
inset: 51% auto 0% 0%;
}
.div_dusk_crowd-image-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
border-radius: 8px;
flex-flow: column;
display: flex;
position: relative;
overflow: hidden;
}
.heading-41 {
margin-top: 0;
margin-bottom: 0;
}
.heading-42 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Pixelify Sans, sans-serif;
}
.latteral_copy_image_wrap {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.lightbox-link-16, .lightbox-link-17 {
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.lightbox-link-18 {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.lightbox-link-20, .lightbox-link-21 {
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.lightbox-link-22 {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.lightbox-link-23 {
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.lightbox-link-24 {
border-radius: 8px;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.image-201, .image-202 {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.lightbox-link-25 {
border-radius: 8px;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.div-block-431 {
object-fit: cover;
flex: 0 auto;
width: 100%;
height: 100%;
position: relative;
}
.div-block-432 {
object-fit: cover;
flex: 0 auto;
width: 100%;
position: relative;
}
.lightbox-link-26 {
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.lightbox-link-27 {
border-radius: 8px;
overflow: hidden;
}
.lightbox-link-28 {
border-radius: 8px;
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
}
.lightbox-link-29 {
object-fit: cover;
border-radius: 8px;
flex: 1;
width: 100%;
height: 100%;
display: flex;
position: relative;
bottom: 0;
overflow: hidden;
}
.image-203 {
height: 100%;
min-height: 100%;
position: relative;
}
.div-block-433 {
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 33.9195%;
display: flex;
position: relative;
bottom: 0;
}
.div-block-434 {
grid-column-gap: 30px;
grid-row-gap: 30px;
display: flex;
}
.div-block-435 {
flex: 1;
height: 100%;
display: flex;
}
.div-block-436 {
width: 100%;
height: 100%;
}
.div-block-437 {
flex-flow: column;
flex: 1;
justify-content: space-between;
width: 33%;
height: 100%;
display: flex;
position: relative;
}
.lightbox-link-30 {
border-radius: 8px;
flex: 1;
height: 100%;
overflow: hidden;
}
.lightbox-link-31 {
border-radius: 8px;
height: 100%;
overflow: hidden;
}
.background-video-17 {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 79vh;
}
.div-block-439 {
width: 100%;
height: 100%;
}
.lightbox-link-32, .lightbox-link-33, .lightbox-link-34 {
flex: 1;
}
.video-3 {
border-radius: 8px;
}
.lightbox-link-35 {
border-radius: 8px;
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
}
.section-73 {
width: 100vw;
position: absolute;
}
.body-8 {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67e5f7ffca158b2eb46891f0_DTS_my_own_summer_Daniel_Faro%CC%80_Photos_ID9781.avif");
background-position: 0 0;
background-size: auto;
}
.body-8.project-page {
background-image: none;
}
.project-page {
display: block;
}
.cr-citrus {
background-color: #fff0;
}
.republic-tobacco.body-class {
background-image: none;
height: auto;
}
.red-bull-bathhouse, .weber-grills {
background-color: #fff0;
}
.twisted-hemp {
background-color: #fff0;
flex-flow: column;
display: flex;
}
.image-205 {
width: 100vw;
}
.image-206 {
width: 100%;
}
.about-page {
flex-flow: column;
height: auto;
min-height: 100vh;
display: flex;
}
.image-207 {
width: 100%;
}
.lightbox-link-36 {
border-radius: 8px;
width: 127%;
height: 100%;
overflow: hidden;
}
.lightbox-link-37, .lightbox-link-38 {
border-radius: 8px;
overflow: hidden;
}
.lightbox-link-39 {
border-radius: 8px;
flex: 1;
height: 100%;
display: flex;
overflow: hidden;
}
.lightbox-link-40 {
object-fit: cover;
border-radius: 8px;
flex: 1;
width: 100%;
height: 100%;
min-height: 100%;
display: flex;
overflow: hidden;
}
.lightbox-link-41, .lightbox-link-42, .lightbox-link-43, .lightbox-link-44 {
border-radius: 8px;
overflow: hidden;
}
.lightbox-link-45 {
border-radius: 8px;
flex: 1;
width: 100%;
height: 100%;
display: flex;
overflow: hidden;
}
.lightbox-link-46, .lightbox-link-47, .lightbox-link-48 {
border-radius: 8px;
flex: 1;
height: 100%;
overflow: hidden;
}
.div-block-440, .div-block-441 {
flex: 1;
display: flex;
}
.div-block-442 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
display: flex;
}
.div-block-443 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
flex: 1;
display: flex;
}
.div-block-444 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex: 1;
display: flex;
}
.triple-posters-section-div-copy {
z-index: 5;
grid-column-gap: 32px;
grid-row-gap: 32px;
object-fit: cover;
flex-flow: row;
flex: 1;
justify-content: space-between;
align-self: auto;
align-items: flex-start;
width: 100%;
max-height: none;
margin-top: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-445 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
height: 100%;
display: flex;
}
.div-block-446 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
flex: 1;
display: flex;
}
.div-block-447, .div-block-448 {
flex: 1;
}
.div-block-449 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
display: flex;
}
.div-block-450 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex: 1;
display: flex;
}
.div-block-451 {
flex: 1;
}
.nurse-john-section {
grid-column-gap: 32px;
grid-row-gap: 32px;
object-fit: cover;
flex-flow: row;
justify-content: space-between;
align-self: center;
align-items: flex-start;
width: 100%;
min-width: auto;
max-width: 100%;
min-height: auto;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0%;
display: flex;
position: relative;
overflow: visible;
}
.paragraph-9 {
margin-bottom: 0;
}
.heading-43 {
margin-top: 0;
margin-bottom: 0;
}
.div-block-452 {
display: flex;
position: absolute;
}
.div-block-453 {
width: 100vw;
min-height: 100vh;
position: relative;
top: 0;
bottom: 0;
}
.section-74 {
flex-flow: column;
width: 100%;
display: flex;
position: absolute;
}
.section-73-copy {
flex-flow: column;
width: 100vw;
display: flex;
position: absolute;
}
.image-209 {
z-index: 5;
width: 100%;
position: relative;
}
.div-block-455 {
position: relative;
top: 93px;
}
.lightbox-link-49 {
object-fit: cover;
border-radius: 8px;
flex: 1;
width: 100%;
height: 100%;
min-height: 100%;
display: block;
position: relative;
overflow: hidden;
}
.div-block-456 {
flex: 1;
width: auto;
display: flex;
}
.div-block-457 {
flex: 1;
display: flex;
}
.div-block-458 {
flex: 1;
display: flex;
position: relative;
}
.div-block-459 {
position: relative;
}
.lightbox-link-49-copy {
object-fit: cover;
border-radius: 8px;
flex: 1;
height: auto;
display: flex;
position: relative;
overflow: visible;
}
.image-210 {
object-fit: cover;
max-width: none;
position: relative;
}
.image-211 {
max-width: none;
position: relative;
}
.div-block-460 {
flex: 1;
display: flex;
position: relative;
}
.div-block-461, .div-block-462, .div-block-463 {
flex: 1;
}
.div-block-464 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
display: flex;
}
.image-212 {
object-fit: cover;
width: 100%;
min-height: 100%;
}
.div-block-465 {
object-fit: cover;
flex-flow: column;
flex: 1;
width: 100%;
display: flex;
}
.caste_flying_bench_wrapper {
z-index: 9;
flex: 1;
width: 720px;
display: block;
position: absolute;
inset: 25% auto 0% 0%;
}
.section-videos {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding: 5rem 2.5rem;
display: flex;
}
.container-9 {
width: 100%;
max-width: 1024px;
}
.container-9.is-tall {
min-height: 300vh;
}
.video-container.is-sticky {
z-index: 3;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
}
.spacer-small {
padding-top: 1rem;
}
.video-aspect {
aspect-ratio: 16 / 9;
border-radius: 2rem;
width: 100%;
overflow: hidden;
box-shadow: 0 0 50px 10px #fff3;
}
.background-video-18 {
z-index: 1;
width: 100%;
height: 100%;
position: relative;
}
.lottie-animation-6 {
object-fit: cover;
flex: 1;
width: 100%;
}
.section-videos-2 {
background-image: linear-gradient(#000000bf, #000000bf), url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/686ae06550fc0bc249a45a89_dot.png");
background-position: 0 0, 50%;
background-size: auto, 64px;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding: 5rem 2.5rem;
display: flex;
}
.container-10 {
width: 100%;
max-width: 1024px;
}
.container-10.is-tall {
min-height: 300vh;
}
.background-video-19 {
z-index: 1;
width: 100%;
height: 100%;
position: relative;
}
.image-213 {
display: block;
}
.lightbox-link-50 {
display: flex;
}
.lightbox-link-51 {
object-fit: cover;
border-radius: 8px;
flex: 1;
align-self: flex-end;
width: 100%;
height: 100%;
min-height: auto;
display: flex;
overflow: hidden;
}
.div-block-468 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
flex: 1;
display: flex;
}
.div-block-469 {
flex: 1;
}
.image-216 {
width: 100%;
max-width: none;
height: auto;
}
.div-block-470 {
flex: 1;
height: auto;
margin-right: -19.5vw;
padding-right: 0;
display: block;
position: relative;
top: 161px;
left: 0;
}
.div-block-471 {
z-index: 5;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
justify-content: space-between;
align-items: flex-end;
display: flex;
position: relative;
top: -25.6vh;
}
.lightbox-link-36-copy {
border-radius: 8px;
width: 79vw;
height: auto;
overflow: hidden;
}
.travis-first-section-div-copy {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template: ". ."
". ."
". Area"
/ .75fr 1fr;
grid-auto-rows: minmax(0, .75fr);
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch flex-start;
align-items: stretch;
width: 100%;
height: auto;
margin-top: 0;
display: flex;
position: relative;
bottom: 0;
overflow: hidden;
}
.div-block-472, .div-block-473 {
width: 100%;
position: relative;
}
.project-page-title-copy {
z-index: 3;
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 6.4rem;
line-height: 6.4rem;
position: relative;
}
.project-header-type-copy {
color: #fff;
text-align: left;
flex-flow: column;
flex: 1;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
display: flex;
position: relative;
}
.body-copy-project-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #363636;
text-align: left;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
padding-right: 31px;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
text-decoration: none;
display: flex;
position: relative;
}
.section-75 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
display: flex;
position: relative;
}
.div-block-475 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
flex: 1;
width: 100%;
display: flex;
position: relative;
}
.div-block-476 {
position: absolute;
}
.project-header-type-copy {
color: #fff;
text-align: left;
flex-flow: column;
flex: 1;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 48px;
display: flex;
position: relative;
}
.body-copy-project-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #363636;
text-align: left;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
padding-right: 0;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
line-height: 24px;
text-decoration: none;
display: flex;
position: relative;
}
.div-block-478 {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
}
.div-block-480 {
flex: 1;
}
.heading-44 {
color: #fff;
font-family: Pixelify Sans, sans-serif;
}
.div-block-481 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.div-block-482 {
flex: 1;
}
.div-block-226-copy {
flex-flow: column;
flex: 1;
width: 100%;
display: flex;
}
.lightbox-link-45-copy {
border-radius: 8px;
flex: 1;
width: 100%;
height: 100%;
display: flex;
overflow: hidden;
}
.lightbox-link-55 {
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.lightbox-link-56, .lightbox-link-57 {
border-radius: 8px;
overflow: hidden;
}
.div-block-485, .div-block-486, .div-block-487 {
flex: 1;
}
.div-block-488, .div-block-489 {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
}
.image-217 {
width: 100%;
}
.div-block-490 {
width: 100%;
height: auto;
position: relative;
}
.div-block-154-copy {
padding-bottom: 0;
position: absolute;
inset: auto 0% 0%;
}
.div-block-61-copy {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: flex-end;
width: 50%;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
display: flex;
position: relative;
top: 0;
left: 0;
}
.hero-recap-video {
aspect-ratio: 16 / 9;
border-radius: 8px;
flex: 1;
width: 100%;
min-height: 400px;
overflow: hidden;
}
.div-block-491 {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: column;
flex: 1;
min-height: 100vh;
display: flex;
}
.div-block-492 {
z-index: 0;
width: 100vw;
position: relative;
}
.image-218 {
width: 100vh;
min-width: 100vw;
position: relative;
overflow: visible;
}
.div-block-493 {
flex-flow: column;
display: flex;
position: relative;
}
.div-block-494 {
z-index: 3;
width: 100vw;
display: flex;
position: relative;
top: 100vh;
}
.image-219 {
width: auto;
height: auto;
position: relative;
}
.image-220, .image-221, .image-222, .image-223, .image-224 {
position: relative;
}
.div-block-495 {
position: relative;
left: -13.5vw;
}
.div-block-496 {
position: relative;
left: -1.5vw;
}
.div-block-497 {
position: relative;
left: -25.6vw;
}
.div-block-498 {
position: relative;
left: -37.6vw;
}
.div-block-499 {
position: relative;
left: -47.6vw;
}
.div-block-500 {
position: relative;
left: -58.6vw;
}
.process-body-copy {
z-index: 2;
color: #000;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
position: relative;
top: auto;
bottom: auto;
left: 0;
}
.div-block-501 {
z-index: 10;
width: 48%;
position: absolute;
inset: 38% auto auto 33%;
}
.div-block-502 {
z-index: 1;
flex: 1;
position: relative;
top: -200px;
right: 15px;
}
.div-block-503 {
position: relative;
}
.div-block-115-copy {
z-index: 5;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 20vh;
margin-top: 0;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: relative;
inset: -259px 0% auto;
}
.balloon-letter-intake-container {
width: 95vw;
max-width: 95vw;
position: relative;
}
.section-76 {
flex-flow: row;
flex: 1;
height: 75vh;
padding-top: 245px;
display: flex;
overflow: visible;
}
.div-block-504 {
z-index: 3;
display: flex;
position: relative;
bottom: 103.8vh;
}
.balloon-letter-div-i, .balloon-letter-div-block-n, .balloon-letter-div-block-t, .balloon-letter-div-block-a, .balloon-letter-div-block-k, .balloon-letter-div-block-e {
flex: 1;
position: relative;
inset: 0% auto auto 0%;
}
.intake-cloud-div {
z-index: 2;
width: 45%;
position: relative;
top: -642px;
}
.paragraph-10 {
z-index: 2;
text-shadow: -5px -5px 3px #fff, 5px 5px 7px #fff;
margin-top: 17%;
padding-left: 17%;
padding-right: 17%;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
line-height: 16px;
position: absolute;
top: -5px;
}
.image-225 {
z-index: 1;
position: absolute;
}
.intake-letters-mobile-div {
position: relative;
left: 46.6vw;
}
.div-block-507 {
z-index: 3;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.ideation-letter-i, .ideation-letter-d, .ideation-letter-e, .ideation-letter-a, .ideation-letter-t, .ideation-letter-i_2, .ideation-letter-o, .ideation-letter-n {
width: 100%;
position: relative;
}
.container-11 {
z-index: 4;
width: 100vw;
max-width: 100vw;
position: relative;
}
.image-226, .image-227, .image-228, .image-229, .image-230, .image-231, .image-232 {
width: 125%;
max-width: 125%;
position: relative;
overflow: visible;
}
.image-233 {
width: 125%;
max-width: 125%;
overflow: visible;
}
.div-block-508 {
width: 60%;
position: relative;
top: -25.6vh;
left: 6vw;
}
.div-block-509 {
z-index: 3;
min-width: 100%;
position: relative;
}
.image-234 {
width: 100%;
}
.paragraph-11 {
z-index: 4;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: #000;
overflow-wrap: normal;
margin-left: 22%;
margin-right: 22%;
padding-left: 0%;
padding-right: 0%;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
line-height: 14px;
position: absolute;
inset: 36% 0% auto;
}
.div-block-510 {
width: 100%;
display: flex;
}
.creation-c-div-bock {
z-index: 3;
width: 100%;
position: relative;
}
.creation-c-div-bock-copy {
z-index: 3;
position: relative;
}
.creation-e-div-bock, .creation-a-div-bock, .creation-t-div-bock, .creation-i-div-bock, .creation-v-div-bock, .creation-e2-div-bock {
z-index: 3;
width: 200%;
max-width: 200%;
position: relative;
}
.div-block-511 {
z-index: 2;
width: 55vw;
position: relative;
top: -31.6vh;
left: 37.6vw;
}
.creation-r-div-bock {
z-index: 3;
width: 200%;
max-width: 200%;
position: relative;
}
.image-235 {
width: 200%;
max-width: 200%;
position: relative;
overflow: visible;
}
.image-236 {
width: 100%;
position: relative;
}
.image-237 {
width: 547%;
position: relative;
}
.image-238, .image-239, .image-240, .image-241, .image-242 {
width: 100%;
position: relative;
overflow: visible;
}
.container-12 {
width: 100vw;
max-width: none;
}
.paragraph-12 {
color: #000;
margin-bottom: auto;
padding-top: 0;
padding-left: 23%;
padding-right: 23%;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
position: absolute;
inset: 36% 0% 0%;
}
.div-block-research-r1 {
z-index: 2;
position: relative;
}
.container-14 {
width: 100%;
max-width: 100%;
display: flex;
}
.research-letters-div {
flex: 1;
min-width: 100%;
min-height: 100%;
display: flex;
}
.section-76-copy {
height: 15vh;
}
.div-block-research-e, .div-block-research-e2, .div-block-research-a, .div-block-research-r, .div-block-research-c, .div-block-researc-h, .div-block-research-s {
z-index: 2;
position: relative;
}
.div-block-514 {
z-index: 3;
width: auto;
height: 43vh;
position: relative;
}
.div-block-515 {
position: absolute;
inset: 0% 9% 0% auto;
}
.div-block-516, .div-block-517 {
z-index: 3;
flex: 1;
position: relative;
}
.process-balloon-div-block {
justify-content: center;
align-items: stretch;
width: 85%;
display: flex;
position: relative;
top: 194px;
left: 137px;
}
.div-block-519, .div-block-517-copy, .div-block-517-copy, .div-block-517-copy, .div-block-517-copy, .div-block-517-copy {
z-index: 3;
flex: 1;
position: relative;
}
.div-block-520 {
flex: 1;
width: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
position: absolute;
top: 553px;
}
.paragraph-13 {
color: #000;
width: 100%;
margin-bottom: 0;
padding-left: 24%;
padding-right: 21%;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
position: absolute;
top: 35%;
left: 0;
}
.div-block-521 {
z-index: 4;
flex-flow: column;
flex: 1;
width: 33vw;
display: block;
position: relative;
}
.div-block-522 {
z-index: 5;
padding-left: 130px;
padding-right: 77%;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
display: flex;
position: relative;
inset: 292px auto 0%;
}
.image-243 {
z-index: 3;
position: relative;
}
.div-block-523 {
flex-flow: column;
display: flex;
position: relative;
left: 227px;
}
.ideation-cloud-wrap {
flex-flow: column;
display: flex;
}
.div-block-525 {
flex: 1;
margin-left: 214px;
padding-left: 0;
position: absolute;
}
.paragraph-14 {
z-index: 4;
margin-left: 0%;
margin-right: 0%;
padding-top: 60px;
padding-left: 27%;
padding-right: 23%;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
display: block;
position: absolute;
inset: 4% 0% 0%;
}
.intake-mobile-letters-div {
display: none;
position: relative;
}
.div-block-526 {
display: none;
}
.paragraph-15 {
z-index: 3;
color: #fff;
margin-left: 497px;
margin-right: 497px;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
position: relative;
}
.paragraph-16 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: #000;
margin: 27% 31% auto 16%;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
position: absolute;
top: auto;
}
.intake-cloud-3-div {
display: none;
}
.mobile-creation-balloons {
height: 32vh;
display: none;
}
.section-77 {
display: block;
}
.mobile-final-section {
height: 32vh;
display: none;
}
.section-78 {
display: none;
position: absolute;
inset: 5% 0% auto;
}
.div-block-534 {
z-index: 2;
height: 100vh;
position: absolute;
}
.spline-scene-8 {
width: 100vw;
height: 100vh;
position: relative;
}
.heading-45 {
color: #fff;
text-align: center;
font-family: Pixelify Sans, sans-serif;
font-size: 21px;
position: absolute;
inset: 0%;
}
.div-block-535 {
width: 100vw;
position: absolute;
inset: 12% 0% auto;
}
.section-79, .section-80 {
display: none;
}
.mobil-balloon-letter-intake-container-copy {
width: 95vw;
max-width: 95vw;
position: relative;
}
.intake-cloud-div-copy {
z-index: 2;
width: 45%;
position: relative;
top: -642px;
}
.div-block-504-copy {
z-index: 3;
display: none;
position: relative;
bottom: 103.8vh;
}
.intake-mobile-letters-div-copy {
display: none;
position: relative;
}
.mobile-letteres-i-intake-div-block-copy {
display: block;
}
.intake-cloud-3-div-copy {
display: flex;
}
.div-block-536 {
z-index: 3;
background-color: #fff;
border: 4px solid #000;
border-radius: 8px;
width: 66vw;
height: 20vh;
position: relative;
}
.div-block-537 {
z-index: 4;
border-bottom: 3px solid #000;
border-radius: 0;
width: 100%;
height: 5vh;
position: absolute;
inset: 0% 0% auto;
}
.div-block-538, .div-block-539 {
flex: 1;
position: relative;
}
.div-block-540 {
height: 26vh;
}
.div-block-541 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
top: 0;
}
.image-mobile-background-caste-larger {
display: block;
}
.image-37-copy {
width: 100vw;
margin-top: 0;
display: block;
position: relative;
bottom: 0;
}
.travis-first-section-div-copy {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template: ". ."
". ."
". Area"
/ .75fr 1fr;
grid-auto-rows: minmax(0, .75fr);
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch flex-start;
align-items: stretch;
width: 100%;
height: auto;
margin-top: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-543 {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
}
.offwhite-img-01 {
z-index: 2;
box-sizing: content-box;
aspect-ratio: auto;
object-fit: cover;
flex: 1;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
margin-top: 0;
padding-top: 0;
display: inline-flex;
position: relative;
inset: 0%;
overflow: hidden;
}
.icon {
color: #000;
}
._2image_div_block {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex: 1;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
display: flex;
}
.hero_section_01-copy {
z-index: 2;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
flex: 0 auto;
width: 100%;
display: flex;
position: relative;
}
.main-wrapper {
width: 100vw;
max-width: none;
position: static;
inset: auto 0% 0%;
}
.image-254 {
display: none;
}
.nav_menu {
background-color: #fff0;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
margin-top: 8px;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
right: 0;
}
.image-255 {
object-fit: cover;
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
}
.image-4-copy {
border-radius: 8px;
height: 100%;
position: relative;
overflow: hidden;
}
._3_image-r_stack_div_block {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.text-field-6 {
border-radius: 8px;
}
.form-block-3 {
width: 100%;
margin: 16px auto;
padding-left: 30svw;
padding-right: 30svw;
}
.nav_menu_link {
color: #000;
vertical-align: baseline;
padding: 0 1rem 1rem;
font-family: Pixelify Sans, sans-serif;
font-size: 1.5rem;
font-weight: 400;
}
.nav_menu_link.w--current {
color: #000;
}
.div-block-544 {
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.lightbox-standard {
object-fit: cover;
border-radius: 8px;
flex: 1;
align-self: auto;
min-width: 100%;
height: 100%;
min-height: 100%;
position: relative;
overflow: hidden;
}
.lightbox-standard.image_tall, .lightbox-standard.image_tall-copy {
object-fit: cover;
align-self: flex-start;
width: 100%;
min-width: auto;
height: 100%;
min-height: 100%;
}
.lightbox-standard.yg-lightbox {
object-fit: cover;
flex: 1;
justify-content: flex-start;
align-self: flex-start;
align-items: stretch;
width: 100%;
min-width: auto;
height: 100%;
min-height: 100%;
display: flex;
}
.cloud-form-div-block {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/68448c60cc2a422b961111c0_Asset%2010X%20webflow%20cloud.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
margin-top: 0;
position: relative;
}
.lightbox_clip_div_block {
border-radius: 8px;
flex: 1;
display: flex;
overflow: hidden;
}
.div-block-4 {
z-index: 0;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
position: relative;
inset: 0% auto auto 0%;
}
.image-256 {
display: none;
}
.image-257 {
z-index: 1;
object-fit: cover;
width: 100%;
min-width: 100%;
max-width: none;
height: 100%;
position: relative;
}
.footer_links_container_div {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.page-wrapper {
flex-flow: column;
height: auto;
min-height: 100vh;
display: flex;
position: relative;
overflow: hidden;
}
.link-5 {
color: #fff;
margin-top: 0;
padding-right: 0;
text-decoration: none;
position: relative;
inset: 0% 0% 0% auto;
}
.triple-image-div-block {
grid-column-gap: 31px;
grid-row-gap: 31px;
display: flex;
}
.padding-global {
justify-content: center;
align-items: flex-start;
margin-top: -50px;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex;
position: relative;
top: -212px;
}
.padding-global.header-adjustment-01 {
margin-top: 19px;
position: absolute;
inset: 0% 0% auto;
}
.footer_main_div {
width: 100vw;
min-width: 100vw;
height: auto;
margin-top: -10px;
display: inline-block;
position: relative;
inset: auto 0% 0%;
}
.field-label-8 {
align-self: flex-start;
}
.lightbox-vertical-stack {
border-radius: 8px;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
display: flex;
overflow: hidden;
}
.footer_section {
z-index: 5;
background-color: #000;
height: 10rem;
display: block;
position: relative;
bottom: 0;
}
.div-block-545 {
justify-content: center;
align-items: center;
width: 27em;
max-width: 28.7em;
height: 7em;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: none;
position: relative;
}
.nav_container {
flex-direction: row;
flex: 1;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 112.2rem;
margin-top: 0;
margin-left: auto;
margin-right: auto;
display: flex;
}
.text-field-7 {
border-radius: 8px;
}
.div-block-546 {
justify-content: center;
align-self: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.background_image_img {
min-width: 100vw;
position: relative;
bottom: -304px;
}
.image-258 {
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: auto;
object-fit: cover;
flex-flow: row;
justify-content: flex-end;
align-items: stretch;
width: auto;
min-width: 100%;
height: 100%;
min-height: 100%;
display: inline-flex;
position: static;
overflow: clip;
}
.image-259 {
object-fit: cover;
height: 100%;
}
.bostom_background_image_div {
border: 1px solid #000;
width: 100vw;
min-width: 100vw;
padding-bottom: 0;
display: block;
position: relative;
bottom: 0;
}
.hero_section_01 {
z-index: 2;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
flex: 0 auto;
width: 100%;
display: flex;
position: relative;
}
.nav_bg_image {
width: 100vw;
min-width: 100vw;
padding-top: 0;
position: static;
top: 0;
bottom: 100px;
}
.form-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.nav_button {
padding: 1rem;
}
.nav_button.w--open {
background-color: #c8c8c800;
}
.section_bg-image {
z-index: -1;
color: #fff;
background-color: #c7f7ff;
flex-direction: column;
justify-content: center;
min-height: 100svh;
display: block;
position: absolute;
inset: -155% 0% auto;
}
.footer_logo_div_block {
width: 8rem;
min-width: 72px;
height: 100%;
margin-left: 16px;
margin-right: 72px;
padding-top: 0;
position: absolute;
inset: 0% 0 0% auto;
}
.div-block-547 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: center;
align-items: center;
margin: 100px auto 131px;
padding-left: 110px;
padding-right: 126px;
display: flex;
position: static;
}
.nav_component {
z-index: 15;
background-color: #0000;
width: 100vw;
padding-top: 0;
padding-bottom: 0;
position: fixed;
inset: 0% 0% auto;
}
.image-260 {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
}
.field-label-9 {
align-self: flex-start;
}
.div-block-548 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 128px 0 82px;
display: flex;
position: relative;
}
.div-block-549 {
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
margin: auto auto auto 187px;
padding-right: 0;
display: flex;
position: absolute;
inset: 10% 0% 0%;
}
.video-section {
margin-bottom: -125px;
}
.section-81 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 100vw;
min-width: 100vw;
max-width: 100vw;
min-height: 100vh;
margin: 0 auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: absolute;
inset: -16% 0% auto;
}
.image-261 {
width: 100%;
height: 100%;
}
.heading-46 {
color: #fff;
}
.heading-46.text-align-right {
color: #000;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
display: none;
}
.cloud-copy-div-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
margin: auto;
padding-left: 0;
padding-right: 0;
display: flex;
position: absolute;
inset: 0% auto 0% 9%;
}
.nav_logo {
width: 5rem;
}
.button-3 {
color: #fff;
text-align: center;
background-color: #000;
border-radius: 8px;
padding: .75rem 1.5rem;
font-weight: 600;
}
.heading-47 {
flex: 1;
}
.heading-47.heading-style-h1 {
color: #000;
text-align: center;
justify-content: center;
align-items: center;
height: auto;
margin: 0 auto 1px;
padding-top: 0;
padding-right: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-style: italic;
font-weight: 400;
line-height: 35px;
display: flex;
position: relative;
left: auto;
right: 0;
}
.heading-47.heading-style-h1-copy {
color: #000;
text-align: center;
justify-content: center;
align-items: center;
height: auto;
margin-top: 0;
margin-bottom: 1px;
padding-top: 0;
padding-right: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-style: italic;
font-weight: 400;
line-height: 35px;
display: flex;
position: relative;
left: auto;
right: 0;
}
.heading-47.heading-style-h1-2-copy, .heading-47.heading-style-h1-copy {
color: #000;
text-align: center;
justify-content: center;
align-items: center;
height: auto;
margin: 0 auto 1px;
padding-top: 0;
padding-right: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-style: italic;
font-weight: 400;
line-height: 35px;
display: flex;
position: relative;
left: auto;
right: 0;
}
.image-262 {
object-fit: cover;
width: 100%;
height: 100%;
}
.link-block-17 {
flex: 1;
justify-content: flex-start;
align-items: stretch;
width: auto;
height: auto;
display: flex;
}
.div-block-550 {
height: 27vh;
display: block;
}
.bandier-lightbox {
border-radius: 8px;
flex: 1;
height: 100%;
overflow: hidden;
}
.div-block-551 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: stretch;
height: 100%;
display: flex;
position: static;
}
.div-block-552 {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fff;
text-align: right;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
height: 100%;
margin-left: 32px;
margin-right: 188px;
padding-top: 23px;
padding-bottom: 23px;
display: flex;
position: relative;
inset: 0% 0% 0% auto;
}
.section_global-header {
height: 100%;
position: static;
top: 0;
bottom: 0;
}
.heading13 {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 80px;
font-weight: 400;
line-height: 94px;
}
.div-block-553 {
margin-bottom: 32px;
}
.text-field-8 {
color: #141414;
border: 3px solid #000;
border-radius: 8px;
font-family: Thatthatnewpixel, Arial, sans-serif;
}
.text-field-9, .text-field-10 {
border: 3px solid #000;
border-radius: 8px;
font-family: Thatthatnewpixel, Arial, sans-serif;
}
.submit-button-4 {
border: 3px solid #000;
border-radius: 9px;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
font-weight: 400;
}
.process_final-section {
z-index: 2;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
flex: 0 auto;
width: 100%;
display: flex;
position: relative;
}
.div-block-4-copy {
z-index: 0;
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/687890f854b8d77982664990_Asset%2066Another%20Cloud%20experiment.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: flex-end;
display: flex;
position: relative;
}
.div-block-546-copy {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
align-self: flex-start;
width: 100%;
position: relative;
}
.div-block-545-copy {
justify-content: flex-start;
align-items: center;
width: 27em;
max-width: 28.7em;
height: 7em;
margin-bottom: 32px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-554 {
height: 25vh;
position: static;
}
.div-block-555 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
display: flex;
}
.div-block-55-copy {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/686722caf76a6a297e1cf5f3_DTS_HI-TREK_Fanette_Guilloud_Photos_ID11192.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100vw;
flex-flow: column;
width: 100%;
margin: 0 auto;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.div-block-550-copy {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67e5f7ff2aefcc7023d7f66c_DTS_Venice_Sun_Patrick_Chin_Photos_ID1060.webp");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100vw;
height: auto;
min-height: 100vh;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.div-block-556 {
z-index: -1;
display: block;
position: relative;
}
.image-265 {
width: 100vw;
min-height: 100vh;
display: inline-block;
position: absolute;
inset: 0% 0% auto;
}
.video-5 {
position: relative;
}
.heading-48 {
color: #fff;
margin-top: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 119px;
line-height: 112px;
}
.div-block-557 {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.footer-div-copy {
z-index: 3;
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #080808;
flex-flow: row;
flex: 0 auto;
justify-content: flex-end;
align-items: flex-end;
width: 100vw;
min-width: 100vw;
max-width: 100vh;
height: auto;
margin-top: -34px;
margin-bottom: 0;
padding-top: 24px;
padding-bottom: 38px;
padding-right: 96px;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.div-block-558 {
flex: 1;
align-self: stretch;
height: auto;
}
.div-block-559 {
flex: 1;
}
.footer-div-copy3 {
z-index: 3;
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #080808;
flex-flow: row;
flex: 0 auto;
justify-content: flex-end;
align-items: flex-end;
width: 100vw;
min-width: 100vw;
max-width: 100vh;
height: auto;
margin-top: -34px;
margin-bottom: 0;
padding-top: 24px;
padding-bottom: 38px;
padding-right: 96px;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.image-37-copy {
width: 100vw;
margin-top: 0;
display: block;
position: relative;
top: 1.5vh;
bottom: 0;
}
.div-block-5525-copy {
background-image: none;
background-repeat: repeat;
background-size: auto;
flex-flow: column;
width: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.div-block-544-copy {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
vertical-align: bottom;
object-fit: none;
flex-flow: column;
flex: 1;
width: 95%;
margin: 191px 32px 0;
padding-top: 0%;
padding-bottom: 0;
display: flex;
position: absolute;
inset: 0% 0% auto;
overflow: visible;
}
.div-block-61-copy-copy {
z-index: 6;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: flex-end;
width: 50%;
height: 100%;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
display: flex;
position: relative;
top: 0;
left: 0;
}
.div-block-560 {
width: 100vw;
height: auto;
min-height: 100vh;
position: relative;
}
.image-266 {
z-index: -1;
width: 100%;
min-height: 100vh;
position: relative;
}
.footer-div-block-copy {
z-index: 5;
color: #fff;
background-color: #000;
justify-content: flex-end;
align-items: flex-end;
min-width: 100vw;
height: auto;
padding-top: 30px;
padding-bottom: 30px;
padding-right: 144px;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.div-block-1155-copy {
z-index: 5;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 20vh;
margin-top: 0;
padding-bottom: 0;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: relative;
inset: -323px 0% 1.5%;
}
.the-standard-hotel-pictures-copy {
z-index: 2;
box-sizing: content-box;
aspect-ratio: auto;
object-fit: cover;
flex: 1;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
margin-top: 0;
padding-top: 0;
display: inline-flex;
position: relative;
inset: 0%;
overflow: hidden;
}
.image-106-copy {
object-fit: cover;
flex: 1;
justify-content: space-between;
align-items: stretch;
display: inline-flex;
position: relative;
overflow: hidden;
}
.div-block-61-copy {
z-index: 6;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: flex-end;
width: 50%;
height: 100%;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
display: flex;
position: relative;
top: 0;
left: 0;
}
.bg-and-footer-div-block-copy {
z-index: 0;
flex: 1;
width: 100%;
height: 100%;
min-height: 100vh;
display: block;
position: absolute;
inset: -260px 0% 0%;
}
.div-block-5555-copy {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/686722caf76a6a297e1cf5f3_DTS_HI-TREK_Fanette_Guilloud_Photos_ID11192.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100vw;
flex-flow: column;
width: 100%;
margin-top: -91px;
margin-bottom: 0;
display: block;
position: relative;
inset: auto 0% 0%;
}
.div-block-564 {
z-index: 7;
color: #000;
font-family: Thatthatnewpixel, Arial, sans-serif;
position: absolute;
inset: 38% 10% auto auto;
}
.heading-49 {
color: #0004ff;
font-family: Thatthatnewpixelvf, Arial, sans-serif;
font-size: 72px;
font-style: italic;
font-weight: 400;
line-height: 90px;
}
.div-block-565 {
flex: 1;
min-width: 240px;
max-width: 116.695px;
}
.div-block-566 {
flex: 1;
}
.client-logog-reel-block {
grid-column-gap: 32px;
grid-row-gap: 32px;
-webkit-text-fill-color: inherit;
background-color: #fff0;
background-clip: border-box;
flex-flow: row;
width: 1438.8px;
margin-left: auto;
margin-right: auto;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
position: relative;
left: -22px;
right: 0;
}
.client-logo-div-block_homepage {
width: auto;
height: 4rem;
}
.logo-image-homepage {
mix-blend-mode: normal;
max-width: none;
height: 100%;
}
.heading-50 {
color: #fff;
text-align: center;
margin: -20px auto 0;
padding-left: 249px;
padding-right: 249px;
font-family: Thatthatnewpixelvf, Arial, sans-serif;
font-size: 75px;
font-style: italic;
font-weight: 400;
line-height: 57px;
}
.div-block-567 {
width: 100%;
margin-top: 149px;
margin-bottom: -111px;
padding-bottom: 0;
}
.div-block-568 {
z-index: 2;
background-color: #1900d6;
width: 109%;
margin-left: -12px;
position: relative;
top: -101px;
transform: rotate(-7deg);
box-shadow: 0 2px 11px 4px #0003;
}
.logo-banner-2 {
z-index: 1;
background-color: #1900d6;
width: 115%;
margin-left: -72px;
position: relative;
bottom: -134px;
transform: rotate(12deg);
box-shadow: 7px 7px 11px 5px #0003;
}
.client-logog-reel-block-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
-webkit-text-fill-color: inherit;
background-color: #fff0;
background-clip: border-box;
flex-flow: row;
width: 1438.8px;
margin-left: auto;
margin-right: auto;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
position: relative;
left: -22px;
right: 0;
}
.logo-banner-3 {
z-index: 0;
background-color: #1900d6;
width: 125%;
margin-left: -195px;
position: relative;
transform: rotate(-26deg);
}
.video-section-copy {
margin-bottom: 0;
position: relative;
}
.nikex-bandier-section {
z-index: 2;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
flex: 0 auto;
width: 100%;
display: flex;
position: relative;
}
.nikexbandier-section-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex: 1;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
display: flex;
position: relative;
}
._3_image-r_stack_div_block-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.triple-image-div-block-copy {
grid-column-gap: 24px;
grid-row-gap: 24px;
max-height: none;
display: flex;
position: relative;
overflow: hidden;
}
.cloud-form-div-block-copy {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/68448c60cc2a422b961111c0_Asset%2010X%20webflow%20cloud.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
margin-top: 0;
position: relative;
}
.hero_section_01-copy-copy {
z-index: 2;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
flex: 0 auto;
width: 100%;
display: flex;
position: relative;
}
.text-block-5 {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 7.5rem;
line-height: 8.5rem;
}
.antisocial-social-club-section {
z-index: 2;
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: row;
flex: 0 auto;
justify-content: space-between;
align-self: auto;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.bandier-lightbox-copy {
vertical-align: baseline;
object-fit: cover;
border-radius: 8px;
flex: 1;
width: 100%;
min-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
position: static;
overflow: hidden;
}
.div-block-569 {
position: fixed;
inset: auto 0% 0%;
}
.div-block-570 {
position: relative;
top: 0;
}
.div-block-544-copy {
flex-flow: row;
flex: 1;
justify-content: space-between;
align-items: stretch;
width: 100%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
display: flex;
position: static;
}
.div-block-544-copy.shorterdivblock {
z-index: 2;
grid-column-gap: 24px;
grid-row-gap: 24px;
position: relative;
}
.div-block-571 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: stretch;
height: 100%;
min-height: 100%;
max-height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-572, .div-block-573 {
object-fit: cover;
flex: 1;
min-height: 100%;
}
.image-269 {
object-fit: cover;
min-width: 100%;
height: 100%;
position: static;
}
.image-270 {
min-height: 100%;
}
.image-271 {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 100%;
overflow: hidden;
}
.div-block-574 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
display: flex;
position: relative;
}
.div-block-575 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
display: flex;
}
.logan-paul-div-section {
flex: 1;
display: flex;
position: relative;
}
.div-block-577 {
width: auto;
}
.div-block-577-copy {
flex: 1;
width: 40rem;
min-width: 43.9rem;
}
.kalis-uchis-lightbox {
border-radius: 8px;
flex: 1;
width: 100%;
overflow: hidden;
}
.cloud-div-block-kalis-uchis {
z-index: 3;
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/687890f854b8d77982664990_Asset%2066Another%20Cloud%20experiment.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: flex-end;
margin-left: 73px;
margin-right: 0;
display: flex;
position: relative;
inset: 0% auto auto 0%;
}
.div-block-578 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
display: flex;
position: relative;
}
.image-272 {
object-fit: cover;
width: 100%;
height: 100%;
}
.image-273 {
object-fit: cover;
width: 100%;
height: 100%;
}
.div-block-579 {
flex: 1;
display: flex;
position: relative;
}
.div-block-580 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
display: flex;
position: relative;
}
.lightbox-link-61 {
border-radius: 8px;
width: 100%;
overflow: hidden;
}
.antisocial-cloud-div-bllock {
z-index: 0;
flex-flow: column;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 82%;
min-width: 32%;
margin-left: -28%;
padding-left: 0;
display: flex;
position: absolute;
inset: 0% auto 0 1%;
}
.cloud-div-block-the-standard {
z-index: 3;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: flex-end;
margin: -184px 0 -308px;
display: flex;
position: absolute;
inset: 94% auto auto 34%;
}
.lightbox-link-62 {
border-radius: 8px;
width: 100%;
overflow: hidden;
}
.div-block-4-copy {
z-index: 0;
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/687890f854b8d77982664990_Asset%2066Another%20Cloud%20experiment.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: flex-end;
display: flex;
position: relative;
inset: 0% auto auto 0%;
}
.div-block-4-copy.yg-4-hunnid {
z-index: 3;
background-image: none;
justify-content: center;
align-items: center;
width: 472px;
height: 486px;
margin-top: 0;
margin-bottom: 0;
position: absolute;
}
.cloud-block-nike-bandier {
z-index: 2;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: flex-end;
margin-right: 4.5vw;
display: flex;
position: relative;
inset: 0% auto auto 0%;
}
.logan-paul-lightbox {
border-radius: 8px;
flex: 1;
width: 100%;
overflow: hidden;
}
.div-block-581 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex: 1;
display: flex;
position: relative;
}
.div-block-582 {
flex: 1;
display: flex;
}
.div-block-583 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
flex: 1;
display: flex;
}
.image-274 {
object-fit: cover;
height: 100%;
}
.div-block-584 {
z-index: 3;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
position: relative;
inset: auto;
}
.div-block-585 {
object-fit: cover;
height: 100%;
min-height: 100%;
}
.image-275 {
position: absolute;
inset: -137px 0% 0% 30%;
}
.div-block-586 {
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 104px;
padding-left: 218px;
padding-right: 182px;
display: flex;
position: absolute;
}
.heading-51 {
font-family: Thatthatnewpixel, Arial, sans-serif;
}
.off-white-section-div-block {
z-index: 3;
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
}
.kalis-uchis-lightbox_2 {
border-radius: 8px;
flex: 1;
overflow: hidden;
}
.lightbox-link-63 {
object-fit: cover;
border-radius: 8px;
height: 100%;
min-height: 100%;
overflow: hidden;
}
.div-block-587 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex: 1;
display: flex;
}
.image-276, .image-277 {
object-fit: cover;
height: 100%;
}
.div-block-588 {
flex-flow: column;
display: flex;
position: relative;
}
.div-block-589 {
z-index: 2;
flex: 1;
justify-content: center;
align-items: center;
margin-top: -300px;
display: flex;
position: relative;
}
.div-block-590 {
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
padding: 87px 402px;
display: flex;
}
.heading-52 {
flex: 1;
justify-content: center;
align-items: center;
font-family: Thatthatnewpixel, Arial, sans-serif;
display: flex;
}
.paragraph-20 {
flex: 1;
justify-content: center;
align-items: center;
display: none;
}
.div-block-591 {
flex: 1;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.div-block-592 {
flex: 1;
width: 100%;
}
.paragraph-21 {
display: none;
}
.div-block-549-copy {
inset: 10% 0% 0%;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
margin: auto auto auto 187px;
padding-right: 0;
display: flex;
position: absolute;
inset: 10% 0% 0%;
}
.kalis-uchis-total-copy-div-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
margin: auto;
padding-right: 0;
display: flex;
position: absolute;
inset: 0%;
}
.cloud-copy-div-2-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
margin: 251px auto 131px;
padding-left: 0;
padding-right: 0;
display: flex;
position: absolute;
inset: -25% auto 0% 23%;
}
.kalis-uchis-cloud-div-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
display: flex;
position: absolute;
inset: 0% auto 0% 20%;
}
.image-278 {
height: 100%;
}
.div-block-547-copy, .div-block-547-copy-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: center;
align-items: center;
margin: 100px auto 131px;
padding-left: 110px;
padding-right: 126px;
display: flex;
position: static;
}
.div-block-546-copy {
background-image: none;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.image-279 {
width: 99.9998%;
}
.antisocial-copy-div-block {
justify-content: center;
align-items: center;
width: 27em;
max-width: 28.7em;
height: 7em;
margin-bottom: 3px;
margin-left: 0;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: none;
position: relative;
left: -221px;
}
.antisocial-header-div-block {
justify-content: center;
align-items: center;
width: 27em;
max-width: 28.7em;
height: 7em;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
left: -249px;
}
.off-white-copy-div-block {
flex: 1;
width: 99.9999%;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
position: relative;
}
.div-block-586-copy {
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 0;
padding-left: 9px;
padding-right: 9px;
display: flex;
position: absolute;
}
.yg-header-div-block, .yg-copy-div-block {
justify-content: center;
align-items: center;
width: 27em;
max-width: 28.7em;
height: 7em;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.yg-header-copy-flex-box-div-block {
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
margin: auto;
padding-right: 0;
display: flex;
position: absolute;
inset: 25% 0% 0%;
}
.kalis-header-div-block {
justify-content: center;
align-items: center;
width: 27em;
max-width: 28.7em;
height: 7em;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.kalis-uchis-body-coy-div-block {
justify-content: center;
align-items: center;
width: 27em;
max-width: 28.7em;
height: 7em;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
display: none;
position: relative;
}
.standard-hollywood-header-div-block {
justify-content: center;
align-items: center;
width: 27em;
max-width: 28.7em;
height: 7em;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.div-block-546-copy {
justify-content: center;
align-self: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.logan-copy-block-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: center;
align-items: center;
margin: 18px auto;
padding-left: 81px;
padding-right: 81px;
display: flex;
position: static;
}
.cloud-copy-div-2-copy-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
display: flex;
position: absolute;
inset: -11% auto 0% 23%;
}
.div-block-545-copy, .nike-bandier-heder-div-blovk {
justify-content: center;
align-items: center;
width: 27em;
max-width: 28.7em;
height: 7em;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: none;
position: relative;
}
.nike-bandierr-all-copy-div-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
position: static;
}
.cloud-div-block-logan-copy {
z-index: 3;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: flex-end;
margin-left: 73px;
margin-right: 0;
display: flex;
position: relative;
inset: 0% auto auto 0%;
}
.logan-copy-block-1 {
justify-content: center;
align-self: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.logan-copy-block-3 {
justify-content: center;
align-items: center;
width: 27em;
max-width: 28.7em;
height: 7em;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.cast-bg-image-div-block, .bricks-and-birch-main-div {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/686722caf76a6a297e1cf5f3_DTS_HI-TREK_Fanette_Guilloud_Photos_ID11192.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100vw;
flex-flow: column;
width: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.div-block-544-copy-copy {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
vertical-align: bottom;
object-fit: none;
flex-flow: column;
flex: 1;
width: 95%;
margin: 191px 32px 0;
padding-top: 0%;
padding-bottom: 0;
display: flex;
position: absolute;
inset: 0% 0% auto;
overflow: visible;
}
.paragraph-about-copy {
z-index: 2;
color: #000;
flex: 1;
align-self: auto;
margin-top: auto;
margin-bottom: auto;
padding: 0 0 38px 124px;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 16px;
position: absolute;
inset: 159px 38% 0% 0%;
}
.paragraph-22 {
flex: 0 auto;
width: 100%;
min-width: 35%;
}
.cloud_text_div-copy {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
flex-flow: row;
width: auto;
min-width: 75%;
max-width: none;
margin-top: 37%;
margin-bottom: -21%;
padding-bottom: 0;
padding-right: 0;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
display: flex;
position: relative;
top: 71px;
left: 7.5vw;
}
.cloud_text_div-3, .cloud_text_div-1 {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
flex-flow: row;
width: 100%;
max-width: 658px;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
display: flex;
position: relative;
top: 71px;
left: -4.7vw;
}
.div-block-595 {
align-items: flex-end;
display: flex;
}
.div-block-596 {
margin-bottom: 28px;
}
.bg-and-footer-div-block-process {
z-index: 0;
flex: 1;
width: 100%;
height: 100%;
min-height: 100vh;
display: block;
position: absolute;
inset: -260px 0% 0%;
}
.body-copy-project-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fff;
text-align: left;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 32px;
padding-right: 0;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
line-height: 16px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.div-block-59-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
vertical-align: bottom;
flex-flow: column;
flex: 0 auto;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column dense;
justify-content: flex-start;
align-self: flex-end;
place-items: flex-start center;
width: auto;
min-width: auto;
height: auto;
margin-top: 0;
display: block;
position: relative;
inset: 0% 0% auto;
}
.previous-next-bathhouse-div-block-copy {
z-index: 4;
justify-content: space-between;
align-items: stretch;
margin-top: 0;
margin-bottom: 201px;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: relative;
inset: 0 0% 0%;
}
.footer-div-block-copy {
z-index: 5;
color: #fff;
background-color: #000;
justify-content: flex-end;
align-items: flex-end;
height: auto;
padding-top: 30px;
padding-bottom: 30px;
padding-right: 144px;
display: flex;
position: relative;
inset: -34px 0% 0%;
}
.div-block-55-copy-copy {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/686722caf76a6a297e1cf5f3_DTS_HI-TREK_Fanette_Guilloud_Photos_ID11192.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100vw;
flex-flow: column;
width: 100%;
margin: 0 auto -47px;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.twisted-block-55 {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/686722caf76a6a297e1cf5f3_DTS_HI-TREK_Fanette_Guilloud_Photos_ID11192.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100vw;
flex-flow: column;
width: 100%;
margin: 0 auto 31px;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.image-282 {
z-index: -1;
display: block;
position: absolute;
}
.footer-div-travis {
z-index: 3;
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #080808;
flex-flow: row;
flex: 0 auto;
justify-content: flex-end;
align-items: flex-end;
width: 100vw;
min-width: 100vw;
max-width: 100vh;
height: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 24px;
padding-bottom: 38px;
padding-right: 96px;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.div-block-footer-options-1 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
align-self: center;
padding-top: 2px;
display: flex;
}
.main-wrapper-copy {
width: 100vw;
max-width: none;
position: static;
inset: auto 0% 0%;
}
.div-block-54-copy-copy {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
vertical-align: bottom;
object-fit: none;
flex-flow: column;
flex: 1;
width: 90%;
margin: 0 auto 236px;
padding-top: 0%;
padding-bottom: 0;
display: flex;
position: relative;
inset: 105px 0% 0%;
overflow: visible;
}
.prev-next-redbull-01-copy {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
cursor: auto;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 20vh;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 24px;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: relative;
inset: auto 0% 92px;
}
.prev-arrow-left-rb {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
width: 33%;
text-decoration: none;
display: flex;
position: relative;
}
.next-arrow-red-bull {
flex: 0 auto;
justify-content: flex-end;
align-items: stretch;
width: 33%;
text-decoration: none;
display: flex;
}
.div-block-55-copy, .div-block-55-copy-copy {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/686722caf76a6a297e1cf5f3_DTS_HI-TREK_Fanette_Guilloud_Photos_ID11192.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100vw;
flex-flow: column;
width: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.div-block-54-copy, .div-block-54-copy-copy {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
vertical-align: bottom;
object-fit: none;
flex-flow: column;
flex: 1;
width: 95%;
margin: 181px 32px 977px;
padding-top: 0%;
padding-bottom: 0;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
}
.div-block-115-copy, .div-block-115-copy-copy {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 20vh;
margin-top: -229px;
padding-bottom: 0;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: relative;
inset: -323px 0% 1.5%;
}
.div-block-55-copy {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/686722caf76a6a297e1cf5f3_DTS_HI-TREK_Fanette_Guilloud_Photos_ID11192.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100vw;
flex-flow: column;
width: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.prev-next-div-republic {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 20vh;
margin-top: -229px;
padding-bottom: 0;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: relative;
inset: -323px 0% 1.5%;
}
.div-block-54-copy, .div-block-54-copy-copy {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
vertical-align: bottom;
object-fit: none;
flex-flow: column;
flex: 1;
width: 95%;
margin: 181px 32px 977px;
padding-top: 0%;
padding-bottom: 0;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
}
.image-283 {
display: none;
}
.div-block-rd-bull-main-dupe {
flex-flow: column;
width: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
inset: 0 0% 0%;
}
.red-bull-section-dupe {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
vertical-align: bottom;
object-fit: none;
flex-flow: column;
flex: 1;
width: 95%;
margin: 181px 32px 977px;
padding-top: 0%;
padding-bottom: 0;
display: flex;
position: absolute;
inset: 0 0% 0%;
overflow: visible;
}
.cr-main-body-div-block-container-55y {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/686722caf76a6a297e1cf5f3_DTS_HI-TREK_Fanette_Guilloud_Photos_ID11192.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100vw;
flex-flow: column;
width: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.cr-interior-div-main-body-54 {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
vertical-align: bottom;
object-fit: none;
flex-flow: column;
flex: 1;
width: 95%;
margin: 181px 32px 977px;
padding-top: 0%;
padding-bottom: 0;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
}
.cr-arrows-div {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 20vh;
margin-top: -229px;
padding-bottom: 0;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: relative;
inset: -323px 0% 1.5%;
}
.cr-bg-div {
display: none;
}
.div-block-55-copy-copy, .div-block-55-copy-copy-copy, .republic-main-body-div {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/686722caf76a6a297e1cf5f3_DTS_HI-TREK_Fanette_Guilloud_Photos_ID11192.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100vw;
flex-flow: column;
width: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.republic-body-main-div {
z-index: 3;
grid-column-gap: 32px;
grid-row-gap: 32px;
vertical-align: bottom;
object-fit: none;
flex-flow: column;
flex: 1;
width: 95%;
margin: 181px 32px 977px;
padding-top: 0%;
padding-bottom: 0;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
}
.republic-footer-div {
z-index: 3;
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #080808;
flex-flow: row;
flex: 0 auto;
justify-content: flex-end;
align-items: flex-end;
width: 100vw;
min-width: 100vw;
max-width: 100vh;
height: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 24px;
padding-bottom: 38px;
padding-right: 96px;
display: flex;
position: static;
inset: auto 0% 0%;
}
.red-bull-bathhouse-bg {
width: 100%;
min-width: 100%;
margin-top: auto;
position: relative;
bottom: 0;
}
.image-192-copy {
z-index: -1;
width: 100vw;
margin-bottom: 24px;
position: relative;
bottom: 0;
overflow: hidden;
}
.content_wrapper {
flex-flow: column;
flex: 0 auto;
width: 100%;
min-width: 100%;
max-width: none;
min-height: 100vh;
margin-top: -23%;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: hidden;
}
.boston_background_image_img-copy {
min-width: 100vw;
position: static;
bottom: -321px;
}
.section_bg_image_wrapper {
z-index: -1;
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fff;
object-fit: fill;
flex-direction: column;
flex: 1;
justify-content: flex-end;
align-self: center;
align-items: stretch;
min-width: 100%;
height: 100%;
min-height: 100%;
display: flex;
position: absolute;
inset: auto 0% 0%;
overflow: hidden;
}
.stack {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
align-items: stretch;
width: 100%;
display: flex;
position: relative;
}
.media_16x9 {
aspect-ratio: 16 / 9;
width: 100%;
}
.image-285 {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: static;
}
.media_1x1 {
aspect-ratio: 1;
width: 100%;
}
.media_free {
aspect-ratio: auto;
width: 100%;
}
.section_hero {
width: 100%;
padding-top: 64px;
padding-bottom: 64px;
}
.section-intro {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
margin-bottom: 164px;
display: flex;
}
.gallery_wrap {
align-self: stretch;
width: 100%;
}
.copy_wrap {
width: 24rem;
}
.page_height_proxy {
position: relative;
}
.gallery_image_wrapper_vertical, .latteral_copy_image_wrap-copy {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.div-block-602 {
grid-column-gap: 13px;
grid-row-gap: 13px;
flex-flow: row;
display: flex;
position: relative;
}
.prev-next-twisted {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 20vh;
margin-top: 376px;
margin-bottom: 285px;
padding-bottom: 0;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: relative;
inset: auto 0% 3%;
}
.page_wrapper {
flex-flow: column;
margin-bottom: -227px;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-603 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.hero_video_wrap {
padding-top: 168px;
}
.body-9 {
overflow: hidden;
}
.lightbox-link-64 {
z-index: 3;
margin-top: 373px;
position: absolute;
}
.caste_images_copy_wrapper {
z-index: 3;
width: 50%;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
position: relative;
bottom: 0;
}
.caste_copy_div_vert_lestalligned {
width: 50%;
min-width: 75%;
display: block;
position: relative;
}
.bricks_triple_wide_wrapper_1 {
z-index: 3;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex: 1;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 50svh;
padding-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.lightbox_pizza {
object-fit: cover;
border-radius: 8px;
flex: 1;
align-self: flex-end;
width: 100%;
height: 100%;
min-height: auto;
display: flex;
overflow: hidden;
}
.cult_lateral_stack_wrapper {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template: ". ."
". ."
". Area"
/ .75fr 1fr;
grid-auto-rows: minmax(0, .75fr);
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch flex-start;
align-items: stretch;
width: 100%;
height: auto;
margin-top: 0;
display: flex;
position: relative;
bottom: 0;
overflow: hidden;
}
.div-block-608 {
position: relative;
}
.div-block-609 {
flex: 1;
height: 100%;
}
.image-288 {
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
overflow: visible;
}
.image-4-copy-copy, .nike_cloud_image {
border-radius: 8px;
height: 100%;
position: relative;
overflow: hidden;
}
.code-embed {
width: 75vw;
max-width: 75vw;
margin-left: auto;
margin-right: auto;
display: none;
position: relative;
left: auto;
}
.process-balloon-title-wraper {
flex-flow: row;
flex: 1;
height: 75vh;
padding-top: 245px;
display: flex;
overflow: visible;
}
.research-balloon-container {
flex-flow: column;
width: 100%;
max-width: 100%;
display: flex;
}
.image-234-copy {
width: 100%;
}
.ideation-cloud-div {
flex: 1;
margin-left: 214px;
padding-left: 0;
position: absolute;
}
.ideation-letter-wrapper {
z-index: 3;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.creation-cloud-div {
z-index: 2;
width: 55vw;
position: relative;
top: -31.6vh;
left: 37.6vw;
}
.creative-letter-wrapper {
width: 100%;
display: flex;
}
.creation-balloon-container {
width: 100vw;
max-width: none;
}
.div-block-615 {
justify-content: center;
align-items: flex-end;
display: flex;
position: absolute;
top: 72.6vh;
left: 43.7vw;
}
.text-block-6 {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 32px;
line-height: 32px;
}
.text-block-7 {
width: 100%;
}
.image-291 {
width: 100vw;
}
.contact-copy-div {
z-index: 0;
width: 100vw;
margin-top: 0;
padding-right: 346px;
position: relative;
inset: 0% 0% auto;
}
.contact-copy {
color: #fff;
text-align: left;
justify-content: flex-end;
align-items: stretch;
width: 70vw;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 72px;
line-height: 72px;
display: flex;
}
.contact-copy-div-copy {
z-index: 0;
text-align: left;
justify-content: flex-end;
align-items: stretch;
width: 100%;
margin-top: 15vh;
margin-left: 0;
margin-right: 0;
line-height: 65px;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.contact-copy-div-copy-copy {
z-index: 0;
width: 50vw;
margin-top: 594px;
margin-left: 197px;
position: relative;
inset: 0% 0% auto;
}
.div-block-41-copy {
margin-top: 26.2vh;
position: relative;
inset: 0% 0% auto;
}
.contact-copy-copy {
color: #fff;
text-align: right;
width: 65vw;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 72px;
line-height: 70px;
}
.div-block-617 {
z-index: 100;
background-color: #4da8e0;
display: none;
position: fixed;
inset: 0%;
}
.lottie-animation-7 {
width: 33vw;
margin-left: auto;
margin-right: auto;
position: fixed;
inset: 0%;
}
.div-block-618 {
justify-content: flex-end;
align-items: stretch;
margin-left: auto;
text-decoration: none;
display: flex;
position: relative;
}
.div-block-619 {
text-decoration: none;
}
.link-block-10-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
outline-offset: 0px;
outline: 3px #00e;
flex-flow: row;
width: 33%;
text-decoration: none;
display: flex;
position: relative;
}
.link-block-11-copy {
flex: 0 auto;
justify-content: flex-end;
align-items: stretch;
width: 33%;
text-decoration: none;
display: flex;
}
.div-block-620 {
z-index: -1;
position: relative;
}
.div-block-621 {
z-index: 0;
width: 100%;
position: absolute;
overflow: hidden;
}
.just-be-friends-div {
margin-top: 45.1vh;
position: relative;
inset: auto 0% 0%;
}
.heading-13-copy {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 80px;
line-height: 81px;
}
.loading-graphic {
background-color: #ffffff70;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.success-message {
background-color: #fff;
border: 6px solid #000;
border-radius: 13px;
padding-top: 30px;
position: static;
}
.superscript {
vertical-align: bottom;
}
.success-message-2 {
color: #141414;
background-color: #fff;
border: 3px solid #000;
border-radius: 8px;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 24px;
}
.text-block-8 {
color: #fff;
text-align: center;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 16px;
}
.error-message-2 {
color: #fff;
background-color: #a00000;
border: 3px solid #000;
border-radius: 8px;
}
@media screen and (min-width: 1440px) {
.footer-div {
flex: 0 auto;
margin-bottom: 0;
}
.scroller {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67eb36e5f89f037256177247_Mobile_Damn_long_baloncesto.avif");
background-position: 50% 100%;
background-size: 100svw;
margin-bottom: 0;
}
.spline-scene-3 {
margin-top: -93px;
}
.image-18 {
margin-top: -340px;
}
.div-block-22 {
margin-top: 118px;
top: 25%;
left: 25%;
}
.section-10 {
justify-content: flex-start;
align-items: center;
width: 100vh;
min-width: 100vw;
}
.form-section {
top: 16%;
}
.div-block-23 {
flex-flow: column;
margin-bottom: 23px;
margin-left: 32px;
display: flex;
inset: 25% auto auto 25%;
}
.div-block-24 {
width: 50vw;
min-width: 50vw;
}
.swinging-phone {
margin-top: 28px;
margin-bottom: 40px;
padding-bottom: 0;
top: 57%;
left: 56%;
}
.phone {
width: 30%;
max-width: none;
}
.div-block-25 {
padding-left: 38px;
}
.div-block-31 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 48px;
margin-left: 48px;
margin-right: 47px;
display: grid;
}
.heading-8 {
margin-top: 0;
margin-left: 0;
font-size: 112px;
position: static;
}
.text-block-2 {
outline-offset: 0px;
border-bottom: 0 #000;
outline: 3px #333;
margin-top: 9px;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 46px;
display: block;
position: static;
}
.div-block-32 {
flex-flow: column;
margin-top: 0;
display: block;
}
.paragraph-3 {
color: #0f0f0f;
margin-bottom: 0;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 14px;
line-height: 16px;
}
.div-block-33 {
width: 90%;
margin: 32px 48px;
}
.image-20 {
vertical-align: top;
min-width: auto;
max-width: none;
height: 50%;
min-height: auto;
position: relative;
inset: 0% auto auto 0%;
}
.heading-16 {
position: relative;
}
.text-block-3 {
margin-top: 32px;
position: relative;
}
.div-block-54 {
width: 95vw;
max-width: 95vw;
margin-top: 418px;
}
.basketball_court_bg_image {
margin-top: 0;
bottom: 0;
}
.div-block-55 {
top: 0;
}
.travis-first-section-div {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.project-header-type {
object-fit: fill;
flex: 0 auto;
width: auto;
margin-bottom: 16px;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 72px;
line-height: 74px;
}
.body-copy-project {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.div-block-59 {
position: absolute;
top: -340%;
}
.background-video-6 {
object-fit: contain;
}
.section-33 {
margin-top: -87px;
}
.image-53 {
width: 100%;
}
.image-54 {
width: 100%;
height: 100%;
}
.div-block-95 {
justify-content: space-between;
}
.div-block-115 {
margin-top: -288px;
}
.heading-20 {
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 99px;
line-height: 70px;
}
.div-block-140 {
margin-top: auto;
margin-bottom: -53px;
padding-top: 0;
padding-bottom: 0;
}
.paragraph-4 {
color: #fff;
}
.about-heading {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 71px;
}
.heading-25 {
margin-top: -160px;
}
.image-86 {
height: 100%;
}
.div-block-164 {
justify-content: flex-start;
align-items: flex-start;
}
.div-block-195 {
margin-top: 29%;
}
.div-block-202 {
display: none;
}
.div-block-209 {
flex: 1;
justify-content: flex-start;
align-items: stretch;
width: auto;
padding-right: 0%;
}
.div-block-252 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.div-block-254 {
flex: 1;
display: flex;
}
.image-133 {
width: 100%;
}
.image-134 {
display: block;
overflow: hidden;
}
.div-block-257 {
height: 100%;
}
.image-136 {
width: 100%;
height: 100%;
}
.image-137 {
width: 100%;
}
.div-block-262 {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
}
.image-144 {
width: 100%;
}
.section-65 {
top: -12%;
bottom: 0%;
}
.image-171, .image-176 {
height: 100%;
}
.image-177 {
width: 100%;
}
.image-179 {
width: 100%;
overflow: hidden;
}
.div-block-401, .div_dusk_crowd-image {
border-radius: 8px;
overflow: hidden;
}
.div-block-403 {
flex: 1;
margin-top: 1044px;
}
.div-block-410, .div-block-411 {
border-radius: 8px;
overflow: hidden;
}
.client-reel-section {
width: 105%;
display: block;
}
.div_dusk_crowd-image-copy {
border-radius: 8px;
overflow: hidden;
}
.latteral_copy_image_wrap {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.lightbox-link-16 {
border-radius: 8px;
width: 100%;
overflow: hidden;
}
.lightbox-link-17 {
border-radius: 8px;
overflow: hidden;
}
.lightbox-link-18 {
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.lightbox-link-19 {
border-radius: 8px;
height: 100%;
overflow: hidden;
}
.lightbox-link-20 {
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.lightbox-link-21 {
object-fit: cover;
border-radius: 8px;
width: 100%;
overflow: hidden;
}
.lightbox-link-22 {
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.lightbox-link-23 {
border-radius: 8px;
height: 100%;
overflow: hidden;
}
.lightbox-link-24 {
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.image-201 {
object-fit: cover;
height: 100%;
}
.image-202 {
object-fit: cover;
width: 100%;
height: 100%;
}
.lightbox-link-25 {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.div-block-454 {
flex-flow: column;
flex: 1;
display: flex;
}
.image-208 {
width: 100%;
}
.image-209 {
z-index: 5;
position: relative;
}
.div-block-455 {
position: relative;
top: -109px;
}
.lightbox-link-49 {
overflow: hidden;
}
.image-212 {
height: 100%;
}
.image-213 {
border-radius: 8px;
width: 100%;
overflow: hidden;
}
.lightbox-link-51 {
border-radius: 8px;
flex: 1;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.div-block-468 {
flex: 1;
height: 100%;
display: block;
overflow: hidden;
}
.image-216 {
margin-top: 0;
margin-left: -89px;
padding-top: 0;
overflow: hidden;
}
.lightbox-link-36-copy {
margin-top: -211px;
margin-left: -120px;
position: relative;
}
.project-header-type-copy {
object-fit: fill;
flex: 0 auto;
width: auto;
margin-bottom: 16px;
}
.div-block-501 {
position: absolute;
inset: 46% auto auto 31%;
}
.section-76 {
padding-top: 216px;
}
.paragraph-11 {
padding-right: 74px;
}
.container-13 {
position: relative;
top: -49.6vh;
left: 16.5vw;
}
.paragraph-12 {
padding-left: 182px;
padding-right: 182px;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
position: absolute;
top: 176.305px;
}
.image-37-copy {
margin-top: 0;
bottom: 0;
}
.travis-first-section-div-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.image-254 {
display: none;
}
.nav_menu_link.w--current {
color: #000;
}
.section-81 {
width: 100vw;
max-width: 100vw;
}
.div-block-55-copy, .div-block-55-copy-copy, .div-block-55-copy, .div-block-55-copy {
top: 0;
}
.footer-div-copy {
flex: 0 auto;
margin-bottom: 0;
}
.footer-div-copy3 {
flex: 0 auto;
margin-bottom: 0;
position: relative;
}
.image-37-copy {
margin-top: 0;
display: block;
bottom: 0;
}
.div-block-55-copy, .div-block-5525-copy {
top: 0;
}
.div-block-1155-copy, .div-block-115-copy {
margin-top: -288px;
}
.div-block-5555-copy {
top: 0;
}
.paragraph-20 {
padding-left: 42px;
padding-right: 42px;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
}
.div-block-586-copy {
padding-left: 34%;
padding-right: 30%;
}
.cast-bg-image-div-block {
top: 0;
}
.bricks-and-birch-main-div {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
top: 0;
}
.paragraph-about-copy {
color: #fff;
}
.body-copy-project-copy {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.div-block-59-copy {
position: absolute;
top: -340%;
}
.div-block-55-copy-copy, .twisted-block-55 {
top: 0;
}
.footer-div-travis {
flex: 0 auto;
margin-bottom: 0;
}
.prev-next-redbull-01-copy {
margin-top: -288px;
padding-bottom: 0;
}
.div-block-55-copy, .div-block-55-copy-copy {
top: 0;
}
.div-block-54-copy, .div-block-54-copy-copy {
width: 95vw;
max-width: 95vw;
margin-top: 418px;
}
.div-block-115-copy, .div-block-115-copy-copy {
margin-top: -288px;
}
.div-block-55-copy {
top: 0;
}
.prev-next-div-republic {
margin-top: -288px;
}
.div-block-54-copy, .div-block-54-copy-copy {
width: 95vw;
max-width: 95vw;
margin-top: 418px;
}
.div-block-rd-bull-main-dupe {
top: 0;
}
.red-bull-section-dupe {
width: 95vw;
max-width: 95vw;
margin-top: 418px;
}
.cr-main-body-div-block-container-55y {
top: 0;
}
.cr-interior-div-main-body-54 {
width: 95vw;
max-width: 95vw;
margin-top: 418px;
}
.cr-arrows-div {
margin-top: -288px;
}
.div-block-55-copy-copy, .div-block-55-copy-copy-copy, .republic-main-body-div {
top: 0;
}
.republic-body-main-div {
width: 95vw;
max-width: 95vw;
margin-top: 418px;
}
.republic-footer-div {
flex: 0 auto;
margin-bottom: 0;
}
.content_wrapper {
margin-top: -17%;
}
.latteral_copy_image_wrap-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.prev-next-twisted {
margin-top: -288px;
padding-bottom: 0;
}
.bricks_triple_wide_wrapper_1 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.lightbox_pizza {
border-radius: 8px;
flex: 1;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.cult_lateral_stack_wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.process-balloon-title-wraper {
padding-top: 216px;
}
}
@media screen and (min-width: 1920px) {
.footer-div {
height: auto;
margin-bottom: 0;
}
.hero {
height: auto;
min-height: 100vh;
}
.image-18 {
margin-top: -453px;
}
.section-12 {
position: absolute;
}
.text-block-2 {
line-height: 38px;
}
.section-17 {
margin-top: 51vh;
}
.div-block-37 {
margin-top: 72px;
}
.heading-9 {
margin-top: 0;
margin-bottom: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 117px;
}
.section-18 {
margin-top: 23.1vh;
}
.heading-10 {
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 117px;
}
.div-block-38 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.section-20 {
display: block;
}
.coca-cola-div {
width: 50vw;
margin-top: -90.2vh;
}
.heading-12 {
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 134px;
}
.heading-13 {
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 81px;
line-height: 107px;
}
.project-title-heading {
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 118px;
line-height: 123px;
}
.heading-16 {
font-family: Thatthatnewpixel, Arial, sans-serif;
line-height: 12vh;
}
.text-block-3 {
margin-top: 0;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
line-height: 30px;
}
.div-block-54 {
margin-top: 425px;
}
.basketball_court_bg_image {
z-index: -1;
margin-bottom: -237px;
}
.div-block-55 {
z-index: 2;
flex-flow: column;
display: flex;
top: 184px;
overflow: hidden;
}
.travis-first-section-div {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #f000;
flex-flow: wrap;
justify-content: space-between;
width: auto;
min-width: 100%;
min-height: 100vh;
margin-top: 0;
display: flex;
position: relative;
inset: 0% 0% auto;
overflow: hidden;
}
.div-image-left-copy-right {
padding-left: 106px;
}
.project-header-type {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
}
.body-copy-project {
color: #fff;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 16px;
}
._2-image-div {
flex: 0 auto;
height: 100%;
}
.the-standard-hotel-pictures {
height: 100%;
}
.div-block-59 {
position: absolute;
top: -393%;
}
.about-cloud-div {
display: none;
}
.second-2-image-div {
flex: 0 auto;
height: 100%;
}
.project-page-title {
color: #fff;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
}
.div-block-115 {
z-index: 7;
position: relative;
inset: -530px 0% 0%;
}
.about-cloud-div-001 {
top: 397vh;
left: -10%;
}
.paragraph-4 {
color: #fff;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
inset: 0% 0% auto;
}
.about-heading {
color: #fff;
margin-top: 0;
padding-left: 13px;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 128px;
line-height: 120px;
position: relative;
top: 0%;
left: 0%;
right: 0%;
}
.div-block-145 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.div-block-146 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
padding-right: 14vw;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.div-block-164 {
flex: 0 auto;
width: 49%;
}
.div-block-55-copy {
flex-flow: column;
display: flex;
overflow: hidden;
}
.div-block-195 {
z-index: 1;
height: auto;
padding-left: 72px;
padding-right: 72px;
overflow: hidden;
}
.section-60 {
z-index: 3;
opacity: 1;
background-color: #f000;
flex-flow: column;
flex: 0 auto;
order: 0;
min-height: 100vh;
display: flex;
position: relative;
overflow: hidden;
}
.section-61 {
z-index: 1;
flex-flow: column;
height: 253svw;
min-height: auto;
max-height: none;
display: flex;
position: relative;
top: 42px;
}
.travissecond-section-div-block-2 {
flex-flow: column;
width: 100%;
margin-top: 0;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.div-block-199 {
position: relative;
}
.div-block-200 {
flex-flow: row;
position: relative;
}
.div-block-204, .div-block-206 {
position: relative;
}
.div-block-207 {
flex: 0 auto;
justify-content: space-between;
align-self: auto;
align-items: stretch;
width: 49%;
min-width: 49%;
overflow: hidden;
}
.image-114 {
overflow: hidden;
}
.div-block-208 {
position: relative;
}
.travis-first-section-div-copy, .misc-graphics-section-div-block-1, .section-copy-misc-graphics-dicv {
width: 85vw;
margin-top: 1363px;
margin-left: 72px;
margin-right: 72px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.bricks-second-section-div-copy {
width: 85vw;
margin-top: 0;
margin-left: 72px;
margin-right: 72px;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.div-block-252, .section-64 {
position: static;
}
.image-144 {
width: 100%;
height: 100%;
}
.section-65 {
top: 6%;
}
.div-image-left-copy-right-copy {
padding-left: 106px;
}
.second-2-image-div-copy {
flex: 0 auto;
height: 100%;
}
.travis-first-section-div-copy {
inset: 0% 0% auto;
width: 85vw;
margin-top: 1363px;
margin-left: 72px;
margin-right: 72px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.second-2-image-div-copy-copy {
flex: 0 auto;
height: 100%;
}
.footer-div-block {
bottom: 0;
}
.header-cloud, .header-cloud-div-block {
overflow: visible;
}
.body-div-block {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.div-block-401 {
border-radius: 8px;
overflow: hidden;
}
.div_dusk_crowd-image {
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.image-189 {
width: 100%;
min-width: 100%;
height: 100%;
}
.div-block-406 {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.lightbox_image {
z-index: 1;
position: relative;
}
.div-block-408 {
z-index: 3;
margin-top: 0;
margin-bottom: -124px;
display: flex;
position: relative;
top: -128px;
bottom: 149px;
}
.image-192 {
bottom: -336px;
}
.div-block-409 {
width: 100%;
height: auto;
}
.youtube {
min-width: 100%;
max-width: 100%;
height: 100%;
}
.div-block-410, .div-block-411 {
border-radius: 8px;
overflow: hidden;
}
.lightbox-link {
width: 100%;
height: 100%;
}
.lightbox-link-2 {
width: 100%;
height: 100%;
}
.lightbox-link-3 {
z-index: 1;
width: 100%;
min-width: 100%;
max-width: 100%;
position: relative;
}
.image-193 {
z-index: 3;
position: relative;
}
.flying-cloud-dusk-and-haze-div-block {
z-index: 3;
margin-top: 0;
margin-bottom: -124px;
display: flex;
position: relative;
top: -128px;
bottom: 149px;
}
.container-6 {
overflow: visible;
}
.home02_cloud01_section {
margin-bottom: 0;
}
.home02_cloud03_section {
margin-top: 15vh;
}
.heading-35 {
position: absolute;
top: 0%;
bottom: 32px;
}
.client-reel-section {
flex: 0 auto;
align-self: auto;
left: -133px;
}
.div-block-423 {
top: 30%;
}
.div-block-409-copy {
width: 100%;
height: auto;
}
.div_dusk_crowd-image-copy {
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.lightbox-link-49 {
height: 100%;
overflow: hidden;
}
.image-212 {
border-radius: 8px;
overflow: hidden;
}
.image-213 {
width: 100%;
}
.lightbox-link-50, .image-214, .image-215 {
border-radius: 8px;
overflow: hidden;
}
.div-block-467 {
height: 100%;
}
.travis-first-section-div-copy {
width: 85vw;
margin-top: 1363px;
margin-left: 72px;
margin-right: 72px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.project-page-title-copy, .project-header-type-copy {
color: #fff;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
}
.project-header-type-copy {
color: #fff;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
}
.container-11 {
width: 95%;
max-width: none;
}
.image-226, .image-227 {
overflow: visible;
}
.image-228 {
max-width: 125%;
overflow: visible;
}
.image-229, .image-230, .image-231, .image-232, .image-233 {
width: 125%;
max-width: 125%;
overflow: visible;
}
.paragraph-11 {
margin-left: 27%;
margin-right: 16%;
padding-right: 24px;
font-size: 24px;
line-height: 25px;
top: 30%;
}
.paragraph-12, .paragraph-13 {
font-size: 24px;
line-height: 25px;
}
.paragraph-16 {
margin-top: 15%;
margin-right: 57%;
}
.section-78 {
display: none;
}
.travis-first-section-div-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
background-color: #f000;
width: auto;
min-width: 95vw;
min-height: 100vh;
margin-top: 0;
display: flex;
position: relative;
inset: 0% 0% auto;
overflow: visible;
}
.offwhite-img-01 {
height: 100%;
}
.main-wrapper {
position: relative;
}
.image-254 {
width: 100vw;
height: auto;
margin-top: -135px;
padding-top: 0;
display: none;
overflow: visible;
}
.nav_menu_link {
font-size: 1.25rem;
line-height: 1rem;
}
.nav_menu_link.w--current {
color: #000;
}
.div-block-545 {
display: none;
}
.nav_container {
max-width: 100vw;
}
.nav_bg_image {
margin-top: -37px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.heading-47.heading-style-h1, .heading-47.heading-style-h1-copy {
font-size: 5rem;
line-height: 5rem;
}
.section_global-header {
position: absolute;
}
.image-263 {
width: 100vw;
min-width: 100vw;
margin-bottom: -151px;
padding-top: 0;
padding-bottom: 0;
position: relative;
top: -22px;
}
.heading13 {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 80px;
line-height: 86px;
}
.div-block-553 {
margin-bottom: 16px;
}
.div-block-55-copy, .div-block-55-copy-copy, .div-block-55-copy, .div-block-55-copy {
z-index: 2;
flex-flow: column;
display: flex;
top: 184px;
overflow: hidden;
}
.footer-div-copy {
justify-content: flex-end;
align-items: flex-end;
height: auto;
margin-bottom: 0;
bottom: 0;
}
.div-block-55-copy {
z-index: 2;
flex-flow: column;
margin-top: -213px;
display: flex;
top: 184px;
overflow: hidden;
}
.div-block-115-copy {
position: relative;
inset: -530px 0% 0%;
}
.footer-div-copy3 {
height: auto;
margin-bottom: 0;
}
.image-37-copy {
z-index: -1;
margin-bottom: -237px;
}
.div-block-5525-copy {
z-index: 2;
flex-flow: column;
display: flex;
top: 184px;
overflow: hidden;
}
.div-block-544-copy {
margin-top: 172px;
}
.div-block-560 {
top: -366px;
}
.div-block-1155-copy {
position: relative;
inset: -530px 0% 0%;
}
.the-standard-hotel-pictures-copy {
height: 100%;
}
.div-block-5555-copy {
z-index: 2;
flex-flow: column;
display: flex;
top: 184px;
overflow: hidden;
}
.div-block-564 {
position: absolute;
inset: 32% 20% auto auto;
}
.heading-49 {
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 89px;
}
.logo-banner-3 {
width: 135%;
}
.image-275 {
inset: auto;
}
.heading-51 {
text-align: center;
font-size: 4rem;
line-height: 4rem;
}
.div-block-549-copy {
grid-column-gap: 56px;
grid-row-gap: 56px;
top: 10%;
}
.div-block-547-copy-copy {
grid-column-gap: 67px;
grid-row-gap: 67px;
}
.antisocial-header-div-block {
left: -211px;
}
.div-block-586-copy {
margin-left: auto;
margin-right: auto;
padding-left: 0%;
padding-right: 0%;
}
.standard-hollywood-header-div-block {
font-size: 2rem;
}
.div-block-545-copy {
display: none;
}
.nike-bandier-heder-div-blovk {
display: block;
}
.nike-bandierr-all-copy-div-block {
grid-column-gap: 67px;
grid-row-gap: 67px;
}
.logan-copy-block-3 {
display: block;
}
.cast-bg-image-div-block {
z-index: 2;
flex-flow: column;
margin-top: -172px;
margin-bottom: 98px;
display: flex;
top: 184px;
overflow: hidden;
}
.bricks-and-birch-main-div {
z-index: 2;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
flex-flow: column;
margin-top: -213px;
display: flex;
top: 184px;
overflow: hidden;
}
.div-block-544-copy-copy {
margin-top: 172px;
}
.paragraph-about-copy {
color: #fff;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
inset: 0% 0% auto;
}
.paragraph-22 {
width: 50%;
}
.cloud_text_div-copy {
margin-top: 0%;
}
.div-block-595 {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
}
.bg-and-footer-div-block-process {
top: -256px;
}
.body-copy-project-copy {
color: #fff;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 16px;
}
.div-block-59-copy {
position: absolute;
top: -393%;
}
.footer-div-block-copy {
bottom: 0;
}
.div-block-55-copy-copy, .twisted-block-55 {
z-index: 2;
flex-flow: column;
display: flex;
top: 184px;
overflow: hidden;
}
.footer-div-travis {
height: auto;
margin-bottom: 0;
}
.main-wrapper-copy {
position: relative;
}
.prev-next-redbull-01-copy {
z-index: 7;
margin-top: 306px;
position: relative;
inset: -530px 0% 0%;
}
.div-block-55-copy, .div-block-55-copy-copy {
z-index: 2;
flex-flow: column;
display: flex;
top: 184px;
overflow: hidden;
}
.div-block-54-copy, .div-block-54-copy-copy {
margin-top: 425px;
}
.div-block-115-copy, .div-block-115-copy-copy {
z-index: 7;
position: relative;
inset: -530px 0% 0%;
}
.div-block-55-copy {
z-index: 2;
flex-flow: column;
display: flex;
top: 184px;
overflow: hidden;
}
.prev-next-div-republic {
z-index: 7;
position: relative;
inset: -530px 0% 0%;
}
.div-block-54-copy, .div-block-54-copy-copy {
margin-top: 425px;
}
.div-block-rd-bull-main-dupe {
z-index: 2;
flex-flow: column;
display: flex;
top: 184px;
overflow: hidden;
}
.red-bull-section-dupe {
margin-top: 425px;
}
.cr-main-body-div-block-container-55y {
z-index: 2;
flex-flow: column;
display: flex;
top: 184px;
overflow: hidden;
}
.cr-interior-div-main-body-54 {
margin-top: 425px;
}
.cr-arrows-div {
z-index: 7;
position: relative;
inset: -530px 0% 0%;
}
.div-block-55-copy-copy, .div-block-55-copy-copy-copy, .republic-main-body-div {
z-index: 2;
flex-flow: column;
display: flex;
top: 184px;
overflow: hidden;
}
.republic-body-main-div {
margin-top: 425px;
}
.republic-footer-div {
height: auto;
margin-bottom: 0;
}
.image-192-copy {
bottom: -336px;
}
.content_wrapper {
margin-top: -4%;
position: relative;
}
.section_bg_image_wrapper {
position: absolute;
}
.prev-next-twisted {
z-index: 7;
margin-top: 306px;
position: relative;
inset: -530px 0% 0%;
}
.bricks_triple_wide_wrapper_1 {
position: static;
}
.cult_lateral_stack_wrapper {
flex-flow: column;
width: 85vw;
margin-top: auto;
margin-left: 72px;
margin-right: 72px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.text-block-7 {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 112px;
line-height: 100px;
}
.div-block-616 {
position: absolute;
}
.image-291 {
min-width: 100vw;
}
.contact-copy-div {
width: 50vw;
margin-top: -538px;
top: 0%;
}
.contact-copy {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 112px;
line-height: 100px;
}
.contact-copy-div-copy {
text-align: right;
width: 50vw;
margin-top: 75px;
top: 0%;
left: 23%;
}
.contact-copy-div-copy-copy {
text-align: left;
width: 60vw;
margin-top: 724px;
top: 0%;
left: -6%;
}
.div-block-41-copy {
margin-top: 496px;
left: 20%;
}
.contact-copy-copy {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 112px;
line-height: 100px;
}
.heading-13-copy {
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 81px;
line-height: 107px;
}
.link-block-18 {
width: 1243.8vw;
height: auto;
}
}
@media screen and (max-width: 991px) {
.content_section {
margin-bottom: 0;
padding-top: 80px;
padding-bottom: 80px;
}
.navbar {
display: block;
}
.container {
width: 100%;
padding-top: 32px;
padding-bottom: 32px;
}
.footer-div {
align-self: flex-end;
margin-top: 0;
margin-bottom: 0;
position: relative;
top: 0;
bottom: 0%;
}
.header-container {
width: 100%;
}
.header-container.nav {
flex-flow: column;
}
.menu_link {
justify-content: flex-end;
align-items: center;
margin-top: -11px;
}
.link-block-2.w--current {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
display: none;
}
.image-6 {
display: none;
}
.div-block-6 {
top: 178px;
}
.scroller {
background-image: none;
display: block;
}
.body-2 {
margin-top: -219px;
overflow: visible;
}
.hero {
max-width: 767px;
height: auto;
overflow: visible;
}
.spacing-section {
padding-top: 8rem;
padding-bottom: 8rem;
}
.spacing-section.top-bigger {
padding-top: 10rem;
}
.work-sticky-wrap {
height: auto;
padding-bottom: 8rem;
}
.section-8 {
overflow: auto;
}
.work-list-wrapper-v2 {
height: auto;
position: relative;
overflow: visible;
}
.headline-style-display {
color: #fff;
font-family: Pixelify Sans, sans-serif;
font-size: 8rem;
}
.background-div-contact {
z-index: 10;
position: absolute;
}
.image-18 {
width: 100vw;
min-width: 100vw;
max-width: 100vw;
height: auto;
min-height: auto;
margin-top: 40px;
}
.div-block-20 {
margin-top: -32px;
position: absolute;
}
.div-block-21 {
z-index: 2;
grid-column-gap: 78px;
grid-row-gap: 78px;
display: flex;
position: relative;
}
.text-field {
margin-bottom: 16px;
}
.text-field-2, .text-field-3 {
margin-bottom: 24px;
}
.form-section {
left: 150px;
right: 150px;
}
.swinging-phone {
margin-top: -26px;
margin-right: auto;
padding-left: 0;
padding-right: 34px;
}
.phone {
width: 100px;
min-width: 50%;
max-width: 125px;
margin-top: -9px;
margin-left: -23px;
padding: 0 24px;
position: absolute;
overflow: hidden;
}
.div-block-25 {
width: 75%;
min-width: 75%;
max-width: 74.9995%;
height: auto;
min-height: auto;
max-height: none;
margin-top: 0;
}
.heading-6 {
color: #fff;
width: 75vw;
margin-top: -99px;
position: absolute;
}
.div-block-26 {
width: 75vw;
position: absolute;
top: 0;
}
.text-subtitle-block-small-copy {
padding-bottom: 0;
position: absolute;
}
.section-14 {
z-index: 3;
margin-top: 1px;
padding-top: 0;
padding-left: 5px;
position: absolute;
inset: 19% 0% auto 19%;
}
.div-block-27 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
margin-top: 0;
display: flex;
position: absolute;
inset: auto 0%;
}
.link {
color: #fff;
width: 100vw;
margin-top: -456px;
font-family: Pixelify Sans, sans-serif;
font-size: 18px;
position: absolute;
}
.link-2 {
color: #fff;
width: 100vw;
margin-top: -353px;
font-family: Pixelify Sans, sans-serif;
font-size: 18px;
text-decoration: none;
position: absolute;
}
.link-3 {
color: #fff;
width: 50vw;
margin-top: -403px;
font-family: Pixelify Sans, sans-serif;
font-size: 18px;
text-decoration: none;
position: absolute;
}
.heading-7 {
color: #fff;
margin-top: -513px;
position: absolute;
}
.div-block-30 {
width: 85vw;
height: auto;
padding-bottom: 48px;
}
.div-block-31 {
grid-template-columns: .75fr .75fr;
}
.heading-8 {
flex: 1;
font-size: 52px;
}
.text-block-2 {
margin-top: auto;
font-size: 18px;
line-height: 18px;
top: auto;
}
.div-block-32 {
grid-column-gap: 7px;
grid-row-gap: 7px;
}
.paragraph-3 {
color: #000;
font-size: 12px;
line-height: 14px;
}
.image-20 {
width: 100%;
min-width: 100%;
min-height: auto;
}
.div-block-35 {
display: none;
}
.div-block-37 {
top: 97%;
}
.heading-9 {
font-size: 48px;
line-height: 50px;
}
.section-18 {
margin-top: 21vh;
}
.heading-10 {
font-size: 48px;
line-height: 50px;
}
.section-19 {
margin-top: -18vh;
padding-right: 0;
top: 60%;
left: 63.5%;
}
.image-24 {
top: 93px;
}
.section-20 {
margin-top: 8.1vh;
padding-top: 0;
display: block;
}
.coca-cola-div {
width: 50vw;
margin-top: 258px;
padding-left: 32px;
}
.image-25 {
margin-top: 173px;
}
.disney_div {
margin-top: 12.1vh;
right: 0%;
}
.div-block-41 {
margin-top: 25.1vh;
}
.section-23 {
justify-content: flex-end;
align-self: flex-end;
align-items: flex-end;
margin-bottom: 46.3vh;
left: 0%;
}
.div-block-42 {
width: 50vw;
margin-bottom: -1px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
position: relative;
}
.heading-12 {
font-size: 42px;
line-height: 54px;
}
.heading-13 {
margin-top: 0;
margin-bottom: 0;
font-size: 42px;
line-height: 54px;
}
.process-background-div {
z-index: auto;
height: auto;
min-height: auto;
margin: -1227px auto auto;
display: flex;
position: relative;
inset: auto 0% 0%;
overflow: visible;
}
.image-26 {
margin-top: 0;
padding-bottom: 0;
position: relative;
inset: auto 0% 0%;
}
.section-27 {
min-width: 100%;
min-height: auto;
inset: auto 0% 0%;
}
.div-block-50 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.project-title-heading {
text-align: center;
font-size: 56px;
line-height: 70px;
}
.heading-16 {
text-align: center;
flex: 1;
}
.div-block-51 {
margin-top: -6px;
margin-bottom: 90px;
}
.text-block-3 {
flex: 1;
font-size: 2.5vw;
}
.div-block-54 {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 90%;
margin: 17% 32px 469px;
padding-top: 0%;
padding-bottom: 143px;
}
.basketball_court_bg_image {
display: inline-block;
position: absolute;
inset: auto 0% 0%;
}
.div-block-55 {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
min-height: 100vh;
margin-bottom: 0%;
position: relative;
inset: 0% 0% -274px;
}
.travis-first-section-div {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.div-image-left-copy-right {
height: 100%;
}
.project-header-type {
color: #fff;
padding-top: 12px;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 32px;
line-height: 32px;
display: block;
}
.body-copy-project {
margin-bottom: 0;
padding-right: 0;
font-size: 12px;
line-height: 16px;
display: block;
}
._2-image-div {
object-fit: contain;
flex: 1;
justify-content: flex-end;
align-items: stretch;
width: 45%;
height: auto;
}
.the-standard-hotel-pictures {
aspect-ratio: auto;
vertical-align: top;
object-fit: fill;
flex: 0 auto;
height: auto;
}
.div-block-59 {
position: absolute;
bottom: auto;
}
.div-block-60 {
z-index: 2;
flex-flow: column;
}
.div-block-61 {
z-index: 3;
justify-content: space-between;
position: relative;
}
.yg-text-div {
margin-bottom: 0;
padding-bottom: 0;
}
.triple-posters-section-div {
height: 100%;
min-height: 100%;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.section-media {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.purps-section-div {
z-index: 2;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
display: flex;
}
.slide-nav {
font-family: Pixelify Sans, sans-serif;
}
.mask, .slider {
border-radius: 20px;
}
.about-cloud-div {
z-index: 1;
justify-content: center;
align-self: center;
align-items: center;
margin-top: auto;
margin-bottom: 75px;
display: flex;
}
.link-block-9 {
z-index: 2;
flex: 1;
order: 0;
align-self: center;
height: auto;
min-height: 12vh;
display: none;
inset: 0%;
}
.heading-18 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 40%;
min-height: 4vh;
display: flex;
position: absolute;
inset: 0% 30%;
}
.footer-copy.fixed1 {
top: 0;
}
.background-video-6 {
object-fit: cover;
min-width: auto;
max-width: none;
min-height: auto;
}
.hero-video-wrapper {
z-index: 3;
}
.wildfork-section-div {
align-items: flex-start;
position: relative;
}
.div-block-76 {
object-fit: fill;
flex-flow: row;
flex: 0 auto;
height: auto;
min-height: auto;
display: flex;
overflow: hidden;
}
.section-40 {
display: block;
}
.div-block-90 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.second-2-image-div {
object-fit: contain;
flex: 1;
justify-content: flex-end;
align-items: stretch;
width: 45%;
height: auto;
margin-top: 0;
}
.div-block-99 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.project-page-title {
color: #fff;
align-items: flex-start;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 48px;
line-height: 48px;
}
.div-block-110 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.div-block-113 {
overflow: visible;
}
.div-block-115 {
justify-content: space-between;
align-items: flex-end;
min-width: 100%;
margin-top: auto;
position: relative;
inset: -49px 0% 0%;
}
.link-block-10, .link-block-11 {
width: 25%;
}
.heading-20 {
margin-top: 0;
margin-bottom: 0;
}
.image-78 {
height: 40vh;
}
.div-block-123, .image-80 {
flex: 1;
}
.div-block-124 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.div-block-128 {
height: 100%;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.div-block-129 {
grid-column-gap: 11px;
grid-row-gap: 11px;
width: 100%;
margin-bottom: 0;
}
.div-block-130 {
z-index: 3;
flex-flow: column;
position: relative;
}
.background-video-11 {
height: 100%;
min-height: 100%;
position: absolute;
inset: auto 0% 0%;
}
.background-video-12 {
object-fit: cover;
width: 100%;
height: 100%;
padding-bottom: 275px;
position: relative;
inset: auto 0% 0%;
}
.div-block-131 {
width: 100%;
margin-bottom: auto;
padding-top: 389px;
padding-bottom: 0;
position: relative;
}
.video {
width: 100%;
position: absolute;
inset: 0%;
}
.div-block-135 {
overflow: hidden;
}
.grid-div {
width: 23%;
}
.div-block-138 {
padding-top: 0;
}
.section-44 {
margin-top: 112px;
inset: auto 0% 9%;
}
.div-block-140 {
padding-bottom: 304px;
}
.div-block-143 {
text-align: left;
width: 85svw;
margin-left: auto;
margin-right: auto;
}
.form-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-top: -19px;
}
.about-cloud-div-001 {
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
margin-bottom: 10%;
margin-left: auto;
position: relative;
left: 0%;
}
.paragraph-4 {
padding-bottom: 0;
padding-left: 0;
padding-right: 14vw;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
font-size: 12px;
position: relative;
top: 0;
}
.about-heading {
text-align: left;
flex: 1;
margin-top: 0;
position: relative;
top: -13%;
left: 0;
right: 0%;
}
.div-block-145 {
margin-top: 0;
margin-left: auto;
margin-right: 0;
position: absolute;
inset: auto 0% 0%;
}
.image-45-copy {
z-index: 5;
display: block;
}
.div-block-146 {
padding-left: 42px;
padding-right: 342px;
inset: -45px auto 0% 6px;
}
.heading-24 {
font-size: 32px;
}
.div-block-147 {
min-width: 97px;
height: 85px;
}
.process-cloud-wrapper-div-2 {
margin-top: -73px;
margin-bottom: 81px;
}
.process-cloud-wrapper-div-3 {
top: 96%;
}
.process-heading {
flex-flow: column;
display: none;
}
.div-block-149 {
z-index: 3;
width: 60%;
padding-left: 0;
padding-right: 68px;
position: relative;
top: -50px;
left: 69px;
}
.process-body {
position: relative;
}
.div-block-149-copy {
z-index: 3;
width: 60%;
padding-left: 0;
padding-right: 131px;
position: relative;
top: -50px;
left: 69px;
}
.div-block-156, .div-block-157 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.image-92 {
width: 100%;
height: 100%;
}
.image-93 {
vertical-align: middle;
flex: 0 auto;
align-self: auto;
display: block;
overflow: visible;
}
.div-block-159 {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: wrap;
display: flex;
bottom: 0;
}
.image-95 {
object-fit: cover;
align-self: flex-end;
min-height: 25%;
display: none;
overflow: hidden;
}
.div-block-115-copy {
position: relative;
top: 13px;
}
.previous-next-bathhouse-div-block {
position: relative;
inset: -132px 0% auto;
}
.div-block-162 {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: space-between;
width: 100%;
}
.div-block-167 {
width: 48%;
}
.div-block-168 {
width: 48%;
height: auto;
min-height: auto;
}
.div-block-170 {
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: auto;
justify-content: space-between;
align-items: stretch;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: absolute;
inset: auto 0% 5%;
}
.section-57 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.kalis-uchis-div-block {
flex-flow: row;
}
.the-standard-div-block {
z-index: 2;
}
.div-block-186 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
display: flex;
}
.div-block-195 {
margin-top: 6%;
}
.section-60 {
display: none;
}
.travissecond-section-div-block-2, .travis-first-section-div-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.image-121 {
overflow: hidden;
}
.misc-graphics-section-div-block-1 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.section-copy-misc-graphics-dicv {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.div-block-237 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.image-125 {
height: 100%;
}
.yg-text-div-copy, .yg-text-div-copy-copy {
margin-bottom: 0;
padding-bottom: 0;
}
.bricks-second-section-div-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.div-block-252 {
flex-flow: wrap;
padding-bottom: 0;
}
.div-block-260 {
aspect-ratio: 1;
object-fit: cover;
flex: 1;
align-self: flex-start;
min-width: auto;
overflow: hidden;
}
.section-64 {
position: relative;
bottom: 0;
}
.div-block-263 {
margin-bottom: 12px;
overflow: hidden;
}
.div-block-266, .div-block-267 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.div-block-270 {
aspect-ratio: 1;
object-fit: cover;
}
.div-block-271 {
overflow: hidden;
}
.div-block-272 {
grid-column-gap: 12px;
grid-row-gap: 12px;
overflow: visible;
}
.div-block-274 {
min-width: 45%;
height: auto;
min-height: auto;
}
.div-block-275 {
aspect-ratio: 1;
}
.image-143 {
width: 100%;
}
.image-144 {
object-fit: cover;
min-height: 100%;
}
.div-block-279 {
flex-flow: column;
min-width: 100%;
margin-bottom: 0;
display: flex;
top: 0;
left: 0;
}
.div-block-280 {
grid-column-gap: 12px;
grid-row-gap: 12px;
min-width: auto;
height: auto;
min-height: auto;
}
.project-title-heading-copy {
text-align: center;
font-size: 70px;
line-height: 70px;
}
.image-148 {
object-fit: cover;
min-width: 100%;
}
.div-block-284 {
object-fit: cover;
}
.caste_volt_stool_wrapper {
margin-bottom: 0;
display: block;
}
.div-block-287 {
display: block;
}
.section-66 {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
align-items: flex-start;
margin-top: 115px;
display: flex;
}
.image-160 {
width: 100%;
height: 100%;
}
.triple-posters-section-div-copy {
height: 100%;
min-height: 100%;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
overflow: visible;
}
.purps-section-div-copy {
z-index: 2;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
display: flex;
}
.div-block-332 {
margin-top: -262px;
}
.div-block-338 {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex: 1;
}
.div-block-340 {
display: none;
}
.second-2-image-div-copy {
object-fit: contain;
flex: 1;
justify-content: flex-end;
align-items: stretch;
width: 45%;
height: auto;
margin-top: 0;
}
.yg-text-div-copy {
margin-bottom: 0;
padding-bottom: 0;
}
.image-180 {
object-fit: cover;
width: 100%;
overflow: visible;
}
.div-block-381 {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 100%;
}
.image-181 {
width: 99.9999%;
}
.purps-section-div-copy-copy {
z-index: 2;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
display: flex;
}
.travis-first-section-div-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
align-items: stretch;
margin-top: -195px;
display: flex;
}
.image-183 {
z-index: 3;
}
.div-block-386 {
z-index: 3;
margin-top: 0;
margin-bottom: 115px;
padding-top: 0;
}
.image-37-copy {
display: inline-flex;
position: absolute;
bottom: 0;
}
.section-30-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.second-2-image-div-copy-copy {
object-fit: contain;
flex: 1;
justify-content: flex-end;
align-items: stretch;
width: 100%;
height: auto;
margin-top: 0;
}
.purps-section-div-copy-copy-copy {
z-index: 2;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
display: flex;
}
.div-block-123-copy {
flex: 1;
}
.yg-text-div-copy-copy {
margin-bottom: 0;
padding-bottom: 0;
}
.triple-posters-section-div-copy-copy {
height: 100%;
min-height: 100%;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.footer-div-block {
flex-flow: row;
flex: 0 auto;
position: relative;
inset: auto 0% 0%;
}
.header-logo-div-block {
height: 57px;
margin-top: 16px;
}
.body-div-block {
min-height: 100vh;
margin-left: auto;
margin-right: auto;
inset: auto 0% 0%;
}
.hamburger-menu-div-block {
margin-top: 0;
right: 16px;
}
.basic-setup-section {
z-index: 3;
background-color: #c7000000;
width: 100%;
min-height: 100vh;
position: relative;
overflow: hidden;
}
.body-section-001 {
grid-column-gap: 16px;
grid-row-gap: 16px;
min-height: 100vh;
padding-left: 32px;
padding-right: 32px;
top: 5%;
}
.spacer-body-div-block {
display: block;
}
.bg-and-footer-div-block {
position: relative;
}
.body-section-flying-element-001 {
top: 5%;
}
.div-block-403 {
flex: 1;
margin-top: 592px;
}
.image-188 {
max-width: 50vw;
position: absolute;
}
.div-block-405 {
z-index: 3;
width: 100%;
min-height: 100%;
position: relative;
}
.image-192 {
margin-bottom: -312px;
display: block;
bottom: 0;
}
.div-block-414 {
display: none;
}
.section-69 {
margin-top: 29%;
}
.spline-scene-6 {
transform-origin: 50% 0;
mix-blend-mode: normal;
justify-content: center;
align-items: flex-start;
width: 100vw;
min-width: 100vw;
max-width: 100vw;
height: 49vh;
min-height: 49vh;
max-height: 50vh;
display: block;
inset: 0% 0% auto;
overflow: visible;
}
.lottie-section {
inset: 28% 0% auto;
}
.lottie-animation-5 {
top: 49%;
left: -5%;
}
.cloud_video_div.cloud-3 {
flex: 1;
min-width: 65%;
margin-top: -3px;
margin-right: -149px;
padding-right: 0;
}
.home02_cloud02_section {
margin-bottom: 6vh;
}
.home02_cloud03_section {
margin-bottom: 3vh;
}
.container-8 {
min-width: 75%;
}
.home02_cloud_contact_section {
top: -25.6vh;
}
.form-block-2 {
margin-bottom: 11px;
}
.text-field-5 {
border-width: 3px;
margin-bottom: -1px;
padding-top: 0;
padding-bottom: 0;
}
.field-label-5 {
margin-bottom: 1px;
font-size: 16px;
}
.field-label-6, .field-label-7 {
margin-bottom: 0;
font-size: 16px;
}
.submit-button-3 {
margin-top: 7px;
}
.form-3 {
margin-top: 37px;
padding-right: 39px;
}
.heading-35 {
font-size: 56px;
top: 22.6vh;
}
.heading-36 {
font-size: 44px;
}
.heading-37 {
padding-left: 0;
font-size: 22px;
line-height: 22px;
}
.div-block-423 {
font-size: 12px;
line-height: 12px;
top: 16%;
}
.spline-scene-7 {
bottom: -552px;
left: 115px;
}
.section-72 {
margin-top: -437px;
display: none;
position: relative;
top: 0;
}
.lightbox-link-29 {
flex-flow: column;
display: block;
position: relative;
}
.image-203 {
width: 100%;
height: 100%;
}
.div-block-433 {
object-fit: cover;
height: 100%;
min-height: 100%;
}
.lightbox-link-31 {
border-radius: 8px;
height: 100%;
overflow: hidden;
}
.video-2 {
border-radius: 8px;
overflow: hidden;
}
.div-block-438 {
flex-flow: column;
flex: 1;
display: flex;
}
.caste-furniture {
overflow: hidden;
}
.image-207 {
height: 100%;
}
.lightbox-link-36 {
aspect-ratio: auto;
width: 100%;
min-width: auto;
}
.lightbox-link-46 {
height: 100%;
}
.triple-posters-section-div-copy {
height: 100%;
min-height: 100%;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.nurse-john-section {
z-index: 2;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
display: flex;
}
.div-block-455 {
top: 34px;
}
.lightbox-link-49 {
aspect-ratio: 1;
object-fit: cover;
overflow: hidden;
}
.image-212 {
height: 155.113%;
}
.div-block-465 {
min-height: 100%;
}
.caste_flying_bench_wrapper {
position: absolute;
top: 56%;
}
.div-block-467 {
height: 100%;
}
.image-216 {
margin-bottom: 69px;
}
.div-block-470 {
margin-top: -57px;
padding-top: 0;
top: 0;
}
.div-block-471 {
justify-content: space-between;
align-items: flex-start;
top: 0;
}
.project-page-title-copy, .project-header-type-copy {
color: #fff;
font-family: Pixelify Sans, sans-serif;
font-size: 32px;
line-height: 32px;
}
.project-header-type-copy {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 32px;
line-height: 32px;
}
.lightbox-link-52, .lightbox-link-53, .lightbox-link-54 {
border-radius: 8px;
overflow: hidden;
}
.div-block-61-copy {
z-index: 3;
justify-content: space-between;
position: relative;
left: 0;
}
.div-block-477 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
flex: 1;
display: flex;
}
.div-block-54-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 90%;
margin-top: 0%;
margin-left: 32px;
margin-right: 32px;
padding-top: 0%;
padding-bottom: 143px;
}
.process-body-copy {
position: relative;
}
.div-block-501 {
width: 42%;
font-size: 10px;
line-height: 10px;
top: 38%;
left: 33%;
}
.div-block-503 {
width: 55vw;
}
.div-block-115-copy {
inset: auto 0% 5%;
}
.balloon-letter-intake-container {
display: block;
}
.section-76 {
padding-top: 118px;
}
.div-block-504 {
bottom: -20vh;
}
.intake-cloud-div {
top: 37.6vh;
}
.paragraph-10 {
font-size: 12px;
line-height: 12px;
}
.div-block-508 {
padding-top: 0;
padding-bottom: 0;
top: 0;
bottom: 0;
}
.paragraph-11 {
filter: contrast(200%);
-webkit-backdrop-filter: blur(5px) blur(4px);
backdrop-filter: blur(5px) blur(4px);
margin: -14px 70px 0 64px;
padding-left: 0;
font-size: 12px;
line-height: 12px;
inset: 33% 0% auto;
}
.paragraph-12 {
padding-left: 58px;
padding-right: 58px;
top: 92.805px;
}
.process-balloon-div-block {
top: 179px;
left: 49px;
}
.paragraph-13 {
width: 50%;
padding-right: 0;
top: 173px;
left: 173px;
}
.paragraph-14 {
z-index: 5;
padding-left: 115px;
padding-right: 416px;
position: absolute;
top: 141px;
}
.div-block-526, .mobil-balloon-letter-intake-container-copy {
display: none;
}
.image-mobile-background-caste-larger {
display: none;
position: relative;
}
.image-253 {
width: 100%;
}
.travis-first-section-div-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.div-block-542 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
width: auto;
min-width: auto;
display: flex;
}
.div-block-543 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.offwhite-img-01 {
aspect-ratio: auto;
vertical-align: top;
object-fit: fill;
flex: 0 auto;
height: auto;
}
.icon {
color: #000;
}
.main-wrapper {
flex: 0 auto;
position: relative;
top: 243px;
bottom: 0%;
}
.image-254 {
display: inline-block;
}
.nav_menu {
background-image: none;
margin-top: 0;
margin-left: 0%;
margin-right: 0;
padding: 0;
position: absolute;
inset: 0% 0% auto auto;
}
.image-4-copy {
width: 100%;
max-width: 100%;
}
.form-block-3 {
padding-left: 20svw;
padding-right: 20svw;
}
.lightbox-standard.yg-lightbox {
min-height: 100%;
}
.div-block-4 {
background-image: none;
}
.image-256 {
display: none;
}
.footer_links_container_div {
justify-content: center;
align-items: flex-end;
margin-bottom: 0;
display: block;
position: relative;
top: 0%;
bottom: 0%;
}
.page-wrapper {
margin-top: -86px;
position: relative;
}
.footer_main_div {
display: block;
position: relative;
inset: 0% 0% auto;
}
.footer_section {
justify-content: center;
align-items: flex-end;
display: flex;
position: relative;
inset: -62px 0% 0%;
}
.div-block-545 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: right;
justify-content: center;
align-self: auto;
align-items: center;
width: 250px;
max-width: none;
height: auto;
margin-bottom: 8px;
padding-left: 0;
padding-right: 0;
}
.div-block-546 {
align-self: auto;
}
.image-258 {
flex: 1;
justify-content: flex-start;
align-items: stretch;
width: 100%;
}
.bostom_background_image_div {
flex-flow: column;
display: flex;
}
.nav_button {
z-index: 3;
color: #fff;
}
.nav_button.w--open {
z-index: 1;
position: absolute;
inset: 0% 0% auto auto;
overflow: visible;
}
.section_bg-image {
min-height: auto;
margin-bottom: 181px;
padding-top: 0;
position: absolute;
inset: auto 0% -3%;
}
.div-block-547 {
text-align: right;
margin-bottom: 16px;
padding-bottom: 78px;
padding-left: 118px;
padding-right: 118px;
position: relative;
}
.image-260 {
aspect-ratio: 1;
width: 100%;
max-width: 200%;
overflow: visible;
}
.div-block-549 {
margin-left: auto;
margin-right: auto;
padding: 0;
top: -2%;
left: auto;
right: -294px;
}
.section-81 {
grid-column-gap: 16px;
grid-row-gap: 16px;
min-height: auto;
display: flex;
position: relative;
}
.heading-46.text-align-right {
text-align: left;
justify-content: flex-end;
align-items: flex-start;
width: 225px;
margin-bottom: 0;
padding-left: 0;
font-size: .65rem;
line-height: 1;
}
.cloud-copy-div-2 {
flex: 1;
margin-top: 0;
margin-bottom: 0;
position: relative;
top: 0%;
left: -34%;
}
.nav_logo {
width: 3rem;
}
.heading-47.heading-style-h1 {
color: #000;
text-align: center;
justify-content: center;
align-self: center;
align-items: center;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-size: 2.5rem;
}
.heading-47.heading-style-h1-copy, .heading-47.heading-style-h1-2-copy, .heading-47.heading-style-h1-copy {
color: #000;
text-align: center;
justify-content: center;
align-self: auto;
align-items: center;
padding-top: 33px;
padding-left: 0;
padding-right: 0;
font-size: 2.5rem;
}
.div-block-550 {
height: 0;
}
.bandier-lightbox {
flex: 1;
align-self: flex-start;
min-width: 100%;
}
.div-block-551 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.div-block-552 {
top: 0%;
}
.section_global-header {
position: static;
}
.image-263 {
display: none;
}
.heading13 {
font-size: 42px;
line-height: 54px;
}
.text-field-8, .text-field-9, .text-field-10 {
border-radius: 8px;
}
.div-block-547-copy {
text-align: right;
margin-bottom: 16px;
padding-right: 111px;
position: relative;
}
.div-block-545-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: right;
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: right;
justify-content: center;
align-self: auto;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-bottom: 8px;
padding-left: 103px;
padding-right: 103px;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
}
.image-264 {
display: none;
}
.div-block-554 {
height: 13vh;
}
.div-block-555 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
display: flex;
}
.div-block-55-copy, .div-block-55-copy-copy {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67e5f7fffb63c4ac4a45033a_DTS_la_calma_Parole_Dure_Photos_ID5847.avif");
width: 100%;
min-height: 100vh;
margin-bottom: -22%;
top: 0;
bottom: auto;
}
.div-block-55-copy {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67e5f80f6ac740a1971c00af_DTS_Our_Summer_Daniel_Faro%CC%80_Photos_ID5813.avif");
width: 100%;
min-height: 100vh;
margin-bottom: -47%;
top: auto;
bottom: 0;
}
.div-block-556 {
margin-top: -493px;
margin-bottom: 0;
bottom: 0;
}
.div-block-557 {
flex-flow: column;
max-height: 99.9997%;
}
.footer-div-copy {
align-self: flex-end;
margin-top: 0;
margin-bottom: 0;
position: relative;
top: 0;
bottom: 0%;
}
.footer-div-copy3 {
align-self: flex-end;
margin-top: 0;
margin-bottom: 0;
position: relative;
top: 0;
bottom: 0%;
}
.image-37-copy {
display: none;
position: absolute;
inset: 0% 0% auto;
}
.div-block-55-copy {
width: 100%;
min-height: 100vh;
margin-bottom: -47%;
top: auto;
bottom: 0;
}
.div-block-5525-copy {
width: 100%;
min-height: 100vh;
margin-bottom: -47%;
top: auto;
bottom: 0;
}
.div-block-544-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 90%;
margin: 6% 32px 469px;
padding-top: 0%;
padding-bottom: 143px;
}
.div-block-61-copy-copy {
z-index: 3;
justify-content: space-between;
position: relative;
left: 0;
}
.div-block-1155-copy {
justify-content: space-between;
align-items: flex-end;
min-width: 100%;
margin-top: auto;
position: relative;
inset: -439px 0% 0%;
}
.the-standard-hotel-pictures-copy {
aspect-ratio: auto;
vertical-align: top;
object-fit: fill;
flex: 1;
height: auto;
}
.div-block-61-copy {
z-index: 3;
justify-content: space-between;
position: relative;
}
.bg-and-footer-div-block-copy {
position: relative;
top: auto;
}
.div-block-5555-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
min-height: 100vh;
margin-bottom: 0%;
position: relative;
inset: 0% 0% -274px;
}
.div-block-568 {
margin-left: -15px;
}
.logo-banner-3 {
margin-left: -78px;
}
.nikexbandier-section-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
width: 100%;
}
.triple-image-div-block-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.antisocial-social-club-section {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 0 auto;
justify-content: space-between;
min-width: 100%;
height: auto;
display: flex;
overflow: visible;
}
.bandier-lightbox-copy {
align-self: flex-start;
width: 100%;
min-width: 100%;
height: 100%;
}
.div-block-544-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
align-items: center;
width: 100%;
margin: 0% auto 0;
padding-bottom: 0;
}
.div-block-571 {
grid-column-gap: 16px;
grid-row-gap: 16px;
aspect-ratio: auto;
}
.image-271 {
aspect-ratio: 2 / 3;
max-height: 100%;
}
.div-block-574 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
height: auto;
max-height: 75vh;
overflow: hidden;
}
.div-block-577-copy {
min-width: 27.8rem;
max-width: 32.7rem;
}
.kalis-uchis-lightbox {
align-self: flex-start;
}
.div-block-578 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
}
.antisocial-cloud-div-bllock {
background-image: none;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 17%;
left: 50%;
right: auto;
}
.cloud-div-block-the-standard {
background-image: none;
width: 100%;
}
.div-block-4-copy.yg-4-hunnid, .cloud-block-nike-bandier {
background-image: none;
}
.logan-paul-lightbox {
align-self: flex-start;
}
.div-block-581, .div-block-583 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.div-block-586 {
padding-top: 21px;
padding-left: 79px;
padding-right: 55px;
}
.off-white-section-div-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.kalis-uchis-lightbox_2 {
aspect-ratio: auto;
align-self: flex-start;
height: 100%;
min-height: 100%;
overflow: hidden;
}
.div-block-587 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.div-block-589 {
background-image: none;
}
.div-block-590 {
padding-left: 228px;
padding-right: 228px;
}
.paragraph-20 {
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: .65rem;
line-height: 1rem;
}
.div-block-591 {
width: 100%;
height: 100%;
display: block;
}
.div-block-592 {
width: 100%;
}
.div-block-593 {
height: 91vh;
}
.div-block-549-copy {
justify-content: center;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
padding: 0;
inset: -2% -294px 0% auto;
}
.kalis-uchis-total-copy-div-block {
margin-left: auto;
margin-right: auto;
padding: 0;
top: -2%;
left: auto;
right: -294px;
}
.cloud-copy-div-2-copy, .kalis-uchis-cloud-div-2 {
flex: 1;
margin-top: 0;
margin-bottom: 0;
position: relative;
top: 0%;
left: -34%;
}
.div-block-546-copy {
background-image: none;
align-self: auto;
min-width: 60%;
}
.div-block-547-copy, .div-block-547-copy-copy {
text-align: right;
margin-bottom: 16px;
padding-bottom: 78px;
padding-left: 118px;
padding-right: 118px;
position: relative;
}
.antisocial-copy-div-block {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: right;
justify-content: center;
align-self: auto;
align-items: center;
width: 250px;
max-width: none;
height: auto;
margin-bottom: 8px;
padding-left: 0;
padding-right: 0;
left: 0;
}
.antisocial-header-div-block {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: right;
flex: none;
justify-content: flex-start;
align-self: center;
align-items: center;
width: 250px;
max-width: none;
height: auto;
margin-bottom: 8px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
left: auto;
}
.div-block-586-copy {
padding-top: 21px;
padding-left: 193px;
padding-right: 0;
}
.yg-header-div-block, .yg-copy-div-block {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: right;
justify-content: center;
align-self: auto;
align-items: center;
width: 250px;
max-width: none;
height: auto;
margin-bottom: 8px;
padding-left: 0;
padding-right: 0;
}
.yg-header-copy-flex-box-div-block {
margin-left: auto;
margin-right: auto;
padding: 0;
top: -2%;
left: auto;
right: -294px;
}
.kalis-header-div-block, .kalis-uchis-body-coy-div-block, .standard-hollywood-header-div-block {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: right;
justify-content: center;
align-self: auto;
align-items: center;
width: 250px;
max-width: none;
height: auto;
margin-bottom: 8px;
padding-left: 0;
padding-right: 0;
}
.div-block-546-copy {
align-self: auto;
}
.logan-copy-block-2 {
text-align: right;
margin-bottom: 16px;
padding-bottom: 78px;
padding-left: 118px;
padding-right: 118px;
position: relative;
}
.cloud-copy-div-2-copy-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
margin-top: 0;
margin-bottom: 0;
display: none;
position: relative;
top: 0%;
left: -34%;
}
.div-block-545-copy, .nike-bandier-heder-div-blovk {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: right;
justify-content: center;
align-self: auto;
align-items: center;
width: 250px;
max-width: none;
height: auto;
margin-bottom: 8px;
padding-left: 0;
padding-right: 0;
}
.nike-bandierr-all-copy-div-block {
text-align: right;
margin-bottom: 16px;
padding-bottom: 78px;
padding-left: 118px;
padding-right: 118px;
position: relative;
}
.cloud-div-block-logan-copy {
background-image: none;
min-width: 60%;
}
.logan-copy-block-1 {
align-self: auto;
}
.logan-copy-block-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: right;
justify-content: center;
align-self: auto;
align-items: center;
width: 250px;
max-width: none;
height: auto;
margin-bottom: 8px;
padding-left: 0;
padding-right: 0;
}
.cast-bg-image-div-block, .bricks-and-birch-main-div {
width: 100%;
min-height: 100vh;
margin-bottom: -47%;
top: auto;
bottom: 0;
}
.div-block-544-copy-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 90%;
margin: 6% 32px 469px;
padding-top: 0%;
padding-bottom: 143px;
}
.paragraph-about-copy {
padding-bottom: 0;
padding-left: 0;
padding-right: 14vw;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
font-size: 12px;
position: relative;
top: 0;
}
.cloud_text_div-3 {
flex: 1;
}
.div-block-595 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
height: 0;
margin-bottom: 0;
padding-left: 34px;
padding-right: 196px;
position: absolute;
inset: auto 0% -61.7vh;
}
.div-block-596 {
margin-bottom: -17px;
}
.bg-and-footer-div-block-process {
position: absolute;
top: 0;
}
.image-280 {
display: none;
}
.body-copy-project-copy {
font-size: 12px;
line-height: 16px;
}
.div-block-59-copy {
position: absolute;
bottom: auto;
}
.previous-next-bathhouse-div-block-copy {
position: relative;
inset: -132px 0% auto;
}
.footer-div-block-copy {
flex-flow: row;
flex: 0 auto;
position: relative;
inset: auto 0% 0%;
}
.div-block-55-copy-copy, .twisted-block-55 {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67e5f80f6ac740a1971c00af_DTS_Our_Summer_Daniel_Faro%CC%80_Photos_ID5813.avif");
width: 100%;
min-height: 100vh;
margin-bottom: -47%;
top: auto;
bottom: 0;
}
.footer-div-travis {
align-self: flex-end;
margin-top: 0;
margin-bottom: 0;
position: relative;
top: auto;
bottom: 0%;
}
.main-wrapper-copy {
flex: 0 auto;
position: relative;
top: 243px;
bottom: 0%;
}
.div-block-54-copy-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 90%;
margin-top: 0%;
margin-left: 32px;
margin-right: 32px;
padding-top: 0%;
padding-bottom: 143px;
}
.prev-next-redbull-01-copy {
justify-content: space-between;
align-items: flex-end;
min-width: 100%;
margin-top: 0;
margin-bottom: 62px;
position: relative;
inset: 0%;
}
.prev-arrow-left-rb, .next-arrow-red-bull {
width: 25%;
}
.div-block-55-copy, .div-block-55-copy-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
min-height: 100vh;
margin-bottom: 0%;
position: relative;
inset: 0% 0% -274px;
}
.div-block-54-copy, .div-block-54-copy-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 90%;
margin: 17% 32px 469px;
padding-top: 0%;
padding-bottom: 143px;
}
.div-block-115-copy, .div-block-115-copy-copy {
justify-content: space-between;
align-items: flex-end;
min-width: 100%;
margin-top: auto;
position: relative;
inset: -410px 0% 0%;
}
.div-block-55-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
min-height: 100vh;
margin-top: -240px;
margin-bottom: 0%;
position: relative;
inset: 0% 0% -274px;
}
.prev-next-div-republic {
justify-content: space-between;
align-items: flex-end;
min-width: 100%;
margin-top: auto;
position: relative;
inset: -410px 0% 0%;
}
.div-block-54-copy, .div-block-54-copy-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 90%;
margin: 17% 32px 469px;
padding-top: 0%;
padding-bottom: 143px;
}
.image-283 {
display: none;
}
.div-block-rd-bull-main-dupe {
background-image: none;
width: 100%;
min-height: 100vh;
margin-bottom: -22%;
top: 0;
bottom: auto;
}
.red-bull-section-dupe {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 90%;
margin: 52% 32px 469px;
padding-top: 0%;
padding-bottom: 143px;
}
.cr-main-body-div-block-container-55y {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
min-height: 100vh;
margin-top: -249px;
margin-bottom: 0%;
position: relative;
inset: 0% 0% -274px;
}
.cr-interior-div-main-body-54 {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 90%;
margin: 17% 32px 469px;
padding-top: 0%;
padding-bottom: 143px;
}
.cr-arrows-div {
justify-content: space-between;
align-items: flex-end;
min-width: 100%;
margin-top: auto;
padding-bottom: 0;
position: relative;
inset: -187px 0% 0%;
}
.cr-bg-div {
display: none;
}
.div-block-55-copy-copy, .div-block-55-copy-copy-copy, .republic-main-body-div {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
min-height: 100vh;
margin-top: -240px;
margin-bottom: 0%;
position: relative;
inset: 0% 0% -274px;
}
.republic-body-main-div {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 90%;
margin: 17% 32px 469px;
padding-top: 0%;
padding-bottom: 143px;
}
.republic-footer-div {
align-self: flex-end;
margin-top: 0;
margin-bottom: 0;
position: relative;
top: 0;
bottom: 0%;
}
.red-bull-bathhouse-bg {
width: 100%;
min-width: 100%;
min-height: 100vh;
overflow: hidden;
}
.image-192-copy {
margin-bottom: -312px;
display: block;
bottom: 0;
}
.content_wrapper {
z-index: 1;
flex: 0 auto;
position: relative;
top: 0;
bottom: 0%;
}
.boston_background_image_img-copy {
display: none;
position: absolute;
bottom: 0;
}
.section_bg_image_wrapper {
-webkit-text-fill-color: inherit;
object-fit: cover;
background-clip: border-box;
width: 100%;
min-width: 100%;
min-height: 100vh;
margin-bottom: 0;
padding-top: 0;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.div-block-600 {
margin-top: 181px;
padding-bottom: 0;
position: relative;
inset: 0% 0% auto;
}
.stack {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.section_hero {
padding-top: 32px;
padding-bottom: 32px;
}
.section-intro {
margin-bottom: 6px;
}
.prev-next-twisted {
justify-content: space-between;
align-items: flex-end;
min-width: 100%;
margin-top: 170px;
margin-bottom: -6px;
position: relative;
inset: 0%;
}
.page_wrapper {
margin-bottom: -297px;
}
.caste_images_copy_wrapper {
margin-bottom: 0;
display: block;
}
.bricks_triple_wide_wrapper_1 {
flex-flow: wrap;
padding-bottom: 0;
}
.cult_lateral_stack_wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.div-block-610, .div-block-611 {
aspect-ratio: 2 / 3;
flex: 1;
height: 100%;
}
.image-286, .div-block-612 {
width: 100%;
}
.image-287 {
width: 100%;
min-width: 100%;
overflow: hidden;
}
.image-288 {
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
overflow: visible;
}
.image-4-copy-copy, .nike_cloud_image {
width: 100%;
max-width: 100%;
}
.process-balloon-title-wraper {
padding-top: 118px;
}
.text-block-7 {
font-size: 42px;
line-height: 42px;
}
.contact-copy-div {
width: 50vw;
margin-top: 390px;
padding-right: 0;
display: none;
left: 20%;
}
.contact-copy {
text-align: right;
flex-flow: row;
justify-content: center;
align-items: stretch;
width: 65vw;
padding-right: 0;
font-size: 42px;
line-height: 42px;
}
.contact-copy-div-copy {
margin-top: 15.2vh;
margin-left: auto;
margin-right: auto;
}
.contact-copy-div-copy-copy {
text-align: right;
margin-top: 84.2vh;
margin-left: 191px;
font-size: 48px;
line-height: 45px;
}
.div-block-41-copy {
text-align: right;
align-self: flex-start;
width: 60vw;
margin-top: 49.1vh;
left: auto;
}
.contact-copy-copy {
padding-left: 70px;
font-size: 42px;
line-height: 42px;
}
.link-block-10-copy, .link-block-11-copy {
width: 25%;
}
.just-be-friends-div {
align-self: flex-end;
margin-top: 35.1vh;
}
.heading-13-copy {
margin-top: 0;
margin-bottom: 0;
font-size: 42px;
line-height: 54px;
}
}
@media screen and (max-width: 767px) {
.content_section {
padding-top: 0;
padding-bottom: 0;
display: block;
overflow: visible;
}
.content_section.nav {
display: block;
}
.container {
margin-bottom: 0;
padding-bottom: 0;
position: relative;
}
.footer-div {
z-index: 3;
flex-flow: row;
place-content: stretch flex-end;
align-self: stretch;
align-items: flex-end;
margin-top: 0;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 32px;
display: flex;
position: static;
inset: auto 0% 0;
}
.div-block-5 {
z-index: 2;
background-color: #000;
position: relative;
}
.header-container.nav {
z-index: 5;
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
margin-top: -7px;
margin-left: auto;
position: fixed;
}
.logo-link.w--current {
z-index: 4;
flex: 1;
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.menu_link {
z-index: 2;
box-sizing: border-box;
grid-column-gap: 72px;
grid-row-gap: 72px;
aspect-ratio: auto;
object-fit: fill;
background-color: #ffffff80;
flex-flow: column;
justify-content: center;
align-items: flex-start;
min-width: 100vw;
height: 100%;
margin-left: -100%;
display: flex;
position: fixed;
inset: 0% auto 0% 0%;
}
.nav_link {
margin-left: 96px;
font-size: 24px;
display: flex;
}
.image-4 {
z-index: 5;
vertical-align: middle;
display: inline-block;
position: relative;
}
.lottie-animation {
z-index: 5;
grid-column-gap: 0px;
grid-row-gap: 0px;
cursor: pointer;
justify-content: flex-end;
align-items: center;
width: 48px;
display: flex;
position: relative;
}
.image-5 {
display: block;
}
.footer {
z-index: 3;
position: static;
inset: auto 0% 0%;
overflow: hidden;
}
.scroller {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67eb36e5f89f037256177247_Mobile_Damn_long_baloncesto.avif");
background-position: 50% 100%;
background-size: 100vw;
}
.image-12 {
display: none;
}
.div-block-10 {
width: 70vw;
margin-left: 24vw;
margin-right: -27px;
padding-left: 0;
}
.div-block-11 {
z-index: 3;
width: 75vw;
}
.div-block-12 {
width: 75vw;
margin-left: 104px;
}
.spacing-section {
padding-top: 5rem;
padding-bottom: 5rem;
}
.container-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
position: static;
overflow: visible;
}
.work-sticky-wrap {
padding-bottom: 6rem;
}
.headline-style-display {
color: #fff;
font-size: 4rem;
}
.paragraph-2 {
color: #fff;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 12px;
line-height: 14px;
}
.heading-5 {
color: #fff;
font-family: Pixelify Sans, sans-serif;
font-size: 2rem;
}
.div-block-16 {
width: 45vw;
}
.background-div-contact {
overflow: hidden;
}
.image-17 {
z-index: 0;
margin-top: -1px;
}
.image-18 {
margin-top: 39px;
}
.div-block-20 {
z-index: 1;
}
.div-block-21 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: flex-start;
width: 100vw;
padding: 0;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
overflow: hidden;
}
.section-10 {
height: auto;
overflow: hidden;
}
.form-section {
left: 73px;
right: 73px;
}
.div-block-23 {
overflow: visible;
}
.div-block-24 {
justify-content: flex-start;
align-items: flex-start;
margin-top: auto;
margin-left: 24px;
position: absolute;
inset: 66% auto 0%;
}
.section-12 {
overflow: hidden;
}
.heading-small {
margin-bottom: -8px;
margin-left: 16px;
font-size: 26px;
position: static;
}
.text-subtitle-block-small {
margin-left: 16px;
padding-left: 0;
font-size: 14px;
}
.phone {
margin-top: 51px;
}
.text-subtitle-block-small-copy {
margin-left: 16px;
padding-left: 0;
font-size: 14px;
}
.section-14 {
top: 23%;
left: 13%;
}
.section-16 {
justify-content: center;
align-items: center;
position: absolute;
}
.div-block-30 {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
box-shadow: none;
background-color: #fcf4eb00;
border-color: #0000;
border-radius: 0;
outline-width: 0;
flex-flow: wrap;
place-content: center;
align-self: center;
align-items: center;
height: 100%;
margin-top: 0;
margin-bottom: -16px;
padding-top: 15%;
padding-bottom: 0;
display: inline-flex;
position: relative;
}
.div-block-31 {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
vertical-align: middle;
flex-flow: row;
grid-template-columns: .75fr .5fr;
justify-content: center;
align-items: center;
width: 33%;
min-width: 33%;
max-width: 70%;
margin-top: auto;
margin-left: auto;
margin-right: auto;
padding-left: 0;
display: inline-block;
position: relative;
}
.heading-8 {
margin-top: 0;
margin-left: 0;
font-size: 32px;
}
.text-block-2 {
z-index: 3;
margin-top: 120px;
font-size: 14px;
line-height: 14px;
}
.div-block-32 {
z-index: 3;
vertical-align: middle;
justify-content: flex-end;
align-items: flex-end;
height: auto;
margin-top: auto;
display: inline-block;
position: relative;
right: 50px;
}
.paragraph-3 {
font-size: 8px;
line-height: 10px;
}
.div-block-34 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 75%;
min-width: 55%;
max-width: 75%;
margin-bottom: 42px;
margin-left: 2px;
padding-bottom: 0;
display: flex;
position: relative;
}
.image-21 {
vertical-align: baseline;
flex: 1;
width: auto;
min-width: auto;
max-width: none;
height: auto;
min-height: auto;
margin-top: auto;
margin-left: auto;
position: relative;
}
.lottie-animation-3 {
justify-content: flex-end;
align-items: flex-start;
width: 100%;
display: flex;
}
.div-block-35 {
z-index: 5;
flex-flow: row;
justify-content: flex-end;
align-self: flex-start;
align-items: flex-start;
width: 10vw;
margin-top: -1px;
margin-left: 82.7vw;
margin-right: 11px;
display: flex;
position: relative;
right: 0;
}
.button {
text-align: center;
cursor: auto;
}
.section-17 {
margin-top: 45vh;
}
.heading-9 {
font-size: 32px;
}
.section-18 {
margin-top: 21.1vh;
}
.heading-10 {
font-size: 32px;
}
.section-19 {
width: 12vw;
min-height: 100vh;
margin-top: -14vh;
left: 65.5%;
}
.image-24 {
width: 12vw;
top: 7px;
}
.coca-cola-div {
margin-top: 39px;
padding-left: 36px;
}
.disney_div {
margin-top: 6.1vh;
top: 50%;
}
.div-block-41 {
z-index: 1;
width: 100%;
margin-top: 36.1vh;
overflow: visible;
}
.section-22 {
z-index: 1;
width: 85vw;
}
.section-23 {
margin-top: 24vh;
margin-bottom: 61.3vh;
padding-left: 172px;
}
.heading-11 {
color: #fff;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
font-size: 32px;
line-height: 33px;
}
.heading-12 {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 32px;
line-height: 33px;
}
.heading-13 {
z-index: 1;
color: #fff;
width: 70%;
margin-top: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 32px;
line-height: 33px;
position: absolute;
overflow: hidden;
}
.footer-copy {
position: absolute;
}
.div-block-43 {
position: absolute;
inset: auto 0% 0%;
}
.process-background-div {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-top: -878px;
display: flex;
inset: auto 0% 0%;
overflow: hidden;
}
.image-26 {
z-index: 1;
vertical-align: bottom;
margin: auto;
padding-bottom: 0;
display: block;
position: relative;
}
.process-cloud-image-1 {
margin-right: -28px;
padding-left: 33px;
padding-right: 33px;
}
.section-27 {
width: 100vw;
min-width: 100%;
min-height: auto;
margin: auto;
padding-right: 0;
display: inline-block;
top: 0%;
overflow: hidden;
}
.image-32 {
z-index: 1;
min-width: auto;
min-height: 100vh;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: block;
position: relative;
inset: auto 0% 0%;
}
.section-28 {
z-index: 3;
margin-top: 335px;
}
.div-block-50 {
top: -14px;
}
.project-title-heading {
font-size: 32px;
line-height: 32px;
}
.heading-16 {
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: flex-start;
margin-top: 0;
margin-left: auto;
margin-right: auto;
line-height: 100%;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.div-block-51 {
grid-column-gap: 32px;
grid-row-gap: 32px;
margin-top: 7px;
margin-bottom: 7px;
}
.project-image-link {
margin-top: -13px;
margin-bottom: -13px;
}
.wrapper-image {
display: none;
}
.div-block-54 {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
margin: 394px auto 547px;
padding-top: 0%;
padding-bottom: 0;
}
.basketball_court_bg_image {
z-index: 0;
justify-content: center;
min-height: 100%;
margin-top: -60px;
margin-bottom: 84px;
padding-bottom: 0;
display: inline-block;
position: absolute;
inset: auto 0% -3%;
overflow: visible;
}
.div-block-55 {
background-image: none;
background-repeat: repeat;
background-size: auto;
margin: -200px auto -102%;
top: 60px;
overflow: clip;
}
.travis-first-section-div {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
grid-auto-flow: column;
justify-content: space-between;
width: 100%;
display: flex;
overflow: hidden;
}
.div-image-left-copy-right {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
margin-top: auto;
display: flex;
top: auto;
}
.project-header-type {
text-align: left;
width: 100%;
margin-bottom: 0;
padding-top: 0;
font-size: 24px;
line-height: 26px;
}
.body-copy-project {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
width: 100%;
min-width: 12.9rem;
margin-bottom: 0;
padding-right: 0;
font-size: 10px;
line-height: 12px;
overflow: visible;
}
._2-image-div {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
min-width: 50%;
margin-top: 0;
}
.the-standard-hotel-pictures {
object-fit: cover;
flex: 1;
width: 100%;
display: block;
position: relative;
}
.div-block-59 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-end;
align-items: center;
width: 100%;
height: auto;
min-height: auto;
margin-bottom: 0;
display: block;
position: absolute;
inset: auto 0% 0%;
overflow: hidden;
}
.div-block-60 {
grid-column-gap: 8px;
grid-row-gap: 8px;
aspect-ratio: 2 / 3;
border-radius: 8px;
flex-flow: wrap;
flex: 1;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.div-block-61 {
z-index: 7;
grid-column-gap: 8px;
grid-row-gap: 8px;
width: 74%;
margin-top: -76px;
margin-bottom: 227px;
display: flex;
left: auto;
}
.yg-text-div {
flex-flow: wrap;
min-width: 100%;
margin-bottom: 16px;
display: flex;
}
.triple-posters-section-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
padding-top: 0;
display: flex;
}
.section-media {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-top: 0;
display: flex;
}
.purps-section-div {
grid-column-gap: 15px;
grid-row-gap: 15px;
display: flex;
}
.image-43 {
z-index: 2;
vertical-align: middle;
flex: 0 auto;
align-self: center;
width: 100%;
padding-top: 0;
position: relative;
overflow: hidden;
}
.footer-copy {
z-index: 3;
position: static;
inset: auto 0% 0%;
overflow: hidden;
}
.footer-2-copy {
z-index: 4;
height: 150px;
margin-bottom: auto;
padding-top: 0;
padding-bottom: 0;
display: block;
position: absolute;
inset: auto 0% 0%;
overflow: hidden;
}
.div-block-65 {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
place-items: center stretch;
width: 100vw;
min-width: 100px;
height: auto;
margin-top: 0;
padding-top: 0;
display: flex;
position: absolute;
overflow: hidden;
}
.image-44 {
vertical-align: middle;
width: 110%;
max-width: 110%;
position: absolute;
inset: auto auto auto -3%;
overflow: hidden;
}
.section-31 {
z-index: 2;
margin-top: 760px;
}
.about-cloud-div {
margin-bottom: -2%;
margin-left: 0;
margin-right: 0;
padding-left: 35px;
}
.link-block-9 {
margin-top: 122px;
margin-bottom: 122px;
top: 15%;
}
.image-45 {
display: inline-block;
}
.footer-copy {
z-index: 3;
background-color: #000;
width: 100%;
min-width: 100%;
max-width: 100%;
position: absolute;
inset: auto 0% 0%;
overflow: hidden;
}
.footer-copy.fixed1 {
display: flex;
position: relative;
inset: auto 0% 0%;
}
.footer-copy-copy {
z-index: 3;
background-color: #000;
width: 100%;
min-width: 100%;
max-width: 100%;
position: absolute;
inset: auto 0% 0%;
overflow: hidden;
}
.section-34 {
position: relative;
}
.div-block-68 {
overflow: hidden;
}
.background-video-8 {
min-width: 100%;
max-width: 100%;
margin-bottom: auto;
display: flex;
position: absolute;
}
.div-block-69 {
flex-flow: wrap;
align-items: stretch;
display: flex;
}
.image-49 {
object-fit: cover;
width: 100%;
position: relative;
}
.image-50 {
height: 100%;
}
.background-video-10 {
aspect-ratio: 9 / 16;
flex: 0 auto;
height: 100%;
}
.div-block-70 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.section-35 {
grid-column-gap: 8px;
grid-row-gap: 8px;
width: 100%;
}
.div-block-72 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 1;
}
.div-block-73 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.div-block-75 {
grid-column-gap: 16px;
grid-row-gap: 16px;
max-width: 100%;
}
.div-block-76 {
width: 45%;
position: relative;
}
.section-39 {
position: relative;
}
.space-tea-section {
width: 100%;
}
.space-tea-section-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.div-block-90 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 1;
}
.bricks_section-wrapper_image_image_copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
max-width: 100%;
display: flex;
}
.image-73 {
flex: 1;
}
.div-block-95 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
width: 100%;
}
.div-block-96 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.div-block-97 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.div-block-98 {
width: 100%;
position: relative;
}
.second-2-image-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
min-width: 50%;
margin-top: 16px;
}
.div-block-99 {
z-index: 2;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
margin-top: 0;
display: flex;
position: relative;
}
.div-block-101 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
margin-bottom: 16px;
display: flex;
position: relative;
}
.div-block-104 {
position: relative;
}
.project-page-title {
text-align: left;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 24px;
line-height: 26px;
}
.div-block-105 {
width: 100%;
height: auto;
min-height: auto;
display: flex;
position: relative;
}
.div-block-106 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: space-between;
display: flex;
}
.div-block-107 {
min-width: auto;
min-height: auto;
position: relative;
}
.div-block-108 {
width: 100%;
display: block;
}
.div-block-109 {
z-index: 2;
position: relative;
}
.div-block-110 {
flex-flow: row;
width: 100%;
overflow: hidden;
}
.div-block-111 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.div-block-115 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
justify-content: space-between;
align-self: center;
margin-top: 10px;
margin-bottom: 0;
padding: 46px 0 0;
position: relative;
top: 0;
overflow: visible;
}
.image-74 {
flex: 0 auto;
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
overflow: hidden;
}
.image-75 {
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
overflow: hidden;
}
.link-block-10 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-self: center;
align-items: center;
width: 20vw;
position: relative;
}
.link-block-11 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-end;
align-self: center;
align-items: center;
width: 20vw;
position: relative;
}
.heading-19-copy, .link-text {
font-size: 16px;
}
.div-block-119, .image-76 {
width: 100%;
}
.heading-20 {
font-family: Thatthatnewpixel, Arial, sans-serif;
}
.div-block-120 {
z-index: 2;
position: relative;
}
.image-78 {
height: 40%;
display: none;
}
.div-block-122 {
width: 49%;
}
.image-79 {
width: 100%;
position: relative;
}
.image-80 {
object-fit: cover;
height: 100%;
overflow: hidden;
}
.heading-21 {
font-size: 24px;
position: relative;
}
.div-block-126 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
align-self: flex-start;
}
.div-block-127 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.div-block-133 {
justify-content: center;
width: 100vw;
}
.div-block-134 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 0 auto;
align-self: auto;
}
.div-block-135 {
overflow: hidden;
}
.div-block-136 {
flex: 0 auto;
align-self: auto;
position: relative;
}
.div-block-137 {
width: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.section-43 {
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.section-44 {
margin-bottom: -5px;
position: absolute;
inset: auto 0% 0%;
}
.div-block-140 {
padding-top: 306px;
padding-bottom: 306px;
bottom: 0;
}
.div-block-143 {
flex-flow: column;
margin-bottom: auto;
padding-top: 73px;
padding-bottom: 73px;
bottom: 438px;
}
.form-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.image-81 {
bottom: 12%;
}
.about-cloud-div-001 {
margin-bottom: 3%;
margin-left: 0;
margin-right: 0;
padding-left: 35px;
position: relative;
top: 67.7vh;
}
.paragraph-4 {
color: #fff;
text-align: left;
padding-bottom: 139px;
padding-left: 0;
padding-right: 18vw;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 10px;
line-height: 10px;
display: block;
top: 351px;
right: 0%;
}
.about-heading {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #000;
text-align: left;
flex-flow: wrap;
flex: 0 auto;
justify-content: flex-start;
align-self: auto;
align-items: flex-end;
margin: 0 auto auto 0;
padding: 0;
font-size: 44px;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.div-block-145 {
flex: 1;
align-self: center;
margin-top: 0;
position: absolute;
inset: 0%;
}
.image-82 {
z-index: 1;
margin-top: -159px;
margin-left: -3px;
margin-right: -3px;
padding: 0 40px;
display: inline-block;
position: relative;
}
.image-45-copy {
display: none;
}
.div-block-146 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
vertical-align: middle;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: auto;
padding-right: 0;
display: inline-flex;
position: relative;
inset: 0%;
}
.link-block-13 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
border: 3px solid #000;
border-radius: 10px;
flex-flow: wrap;
flex: 0 auto;
place-content: center space-around;
align-self: auto;
align-items: stretch;
width: 200px;
min-width: auto;
height: 40px;
min-height: auto;
margin: -30px 237px 12px 35%;
padding: 15px 0 36px;
display: flex;
position: absolute;
inset: 0%;
box-shadow: 0 5px 5px #0003;
}
.pup-up {
z-index: 10;
opacity: 1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #8f8f8f9e;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.pop-up-item-div {
box-sizing: border-box;
aspect-ratio: auto;
vertical-align: middle;
background-color: #fff;
border: 3px solid #000;
border-radius: 19px;
flex-flow: wrap;
place-content: flex-start center;
align-items: center;
width: 85%;
height: auto;
min-height: 25%;
padding-bottom: 0;
display: inline-block;
position: absolute;
inset: 196px 51px auto;
box-shadow: 0 2px 5px #0003;
}
.heading-23 {
margin-top: 32px;
margin-bottom: auto;
padding-left: 32px;
font-family: Pixelify Sans, sans-serif;
position: absolute;
inset: 0% auto auto 0%;
}
.image-83 {
padding-top: 32px;
padding-right: 32px;
position: absolute;
inset: 0% 0% auto auto;
}
.paragraph-5 {
margin-top: 96px;
margin-bottom: auto;
padding-left: 32px;
padding-right: 32px;
position: absolute;
inset: 0% 0% auto;
}
.heading-24 {
color: #fff;
align-self: flex-start;
margin-top: -109px;
margin-bottom: 78px;
font-family: Pixelify Sans, sans-serif;
position: relative;
}
.heading-25 {
margin-top: -65px;
padding-left: 13px;
font-size: 24px;
text-decoration: none;
}
.div-block-147 {
position: static;
}
.process-cloud-wrapper-div {
margin-top: 144px;
}
.process-cloud-image-w-drop {
padding-left: 0;
padding-right: 22px;
}
.process-cloud-wrapper-div-2 {
margin-top: -178px;
margin-bottom: auto;
top: 48%;
}
.process-cloud-wrapper-div-3 {
margin-top: 1px;
margin-bottom: auto;
top: 71%;
}
.div-block-149 {
padding-left: 0;
padding-right: 64px;
top: 14px;
left: 32px;
}
.div-block-150 {
position: relative;
top: -3px;
}
.paragraph-6 {
color: #fff;
}
.heading-27 {
position: relative;
}
.div-block-151 {
position: relative;
top: -27px;
}
.div-block-152 {
width: 55%;
margin-left: 0;
padding-right: 60px;
}
.div-block-153 {
justify-content: center;
align-items: flex-start;
padding-top: 0;
left: 32px;
}
.process-body {
position: relative;
}
.process-cloud-wrapper-div-copy {
margin-top: 37px;
top: 85%;
}
.div-block-150-copy {
position: relative;
top: -3px;
}
.div-block-149-copy {
padding-left: 0;
padding-right: 64px;
top: 14px;
left: 32px;
}
.process-cloud-image-w-drop-copy {
padding-left: 0;
padding-right: 22px;
}
.section-47 {
z-index: 5;
position: absolute;
inset: auto 0% 0%;
}
.section-48 {
position: static;
}
.div-block-154 {
position: relative;
}
.section-49 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.image-88 {
position: relative;
}
.image-89, .image-90 {
width: 49%;
position: relative;
}
.div-block-157 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.image-91 {
vertical-align: top;
width: 100%;
}
.div-block-158 {
display: flex;
}
.image-92 {
height: 100%;
}
.image-94 {
min-width: 100%;
}
.div-block-160 {
flex-flow: column;
display: flex;
}
.section-52 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
display: flex;
}
.section-53 {
grid-column-gap: 0px;
grid-row-gap: 0px;
display: flex;
}
.div-block-161 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
justify-content: space-between;
display: flex;
}
.div-block-115-copy {
align-self: flex-start;
margin-top: 14px;
padding-top: 0;
top: 0;
}
.previous-next-bathhouse-div-block {
margin-bottom: -138px;
position: relative;
inset: auto 0% 0%;
}
.div-block-165 {
flex-flow: wrap;
}
.off-white-div-block {
height: auto;
}
.image-107 {
flex: 1;
align-self: flex-start;
display: inline-flex;
}
.project-page-title-copy {
text-align: left;
font-size: 24px;
line-height: 26px;
}
.the-standard-div-block {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
flex: 1;
justify-content: space-between;
align-items: stretch;
display: inline-flex;
}
.div-block-55-copy {
overflow: visible;
}
.div-block-195 {
margin-top: auto;
}
.div-block-197 {
margin-bottom: 10%;
}
.section-59 {
margin-top: 33%;
}
.travissecond-section-div-block-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-auto-flow: column;
justify-content: space-between;
width: 100%;
display: flex;
overflow: visible;
}
.image-114 {
position: relative;
}
.div-block-209 {
padding-right: 0;
}
.div-block-219 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.div-block-221 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.misc-graphics-section-div-block-1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-auto-flow: column;
justify-content: space-between;
width: 100%;
display: flex;
overflow: hidden;
}
.ama-section-misc-graphics {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.div-block-232 {
width: 100%;
}
.section-copy-misc-graphics-dicv {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-auto-flow: column;
justify-content: space-between;
width: 100%;
display: flex;
overflow: hidden;
}
.div-block-237 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 1;
}
.div-block-238 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.div-block-241 {
flex: 1;
}
.purps-section-div-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 1;
display: flex;
}
.bricks-second-section-div-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-auto-flow: column;
justify-content: space-between;
width: 100%;
display: flex;
overflow: hidden;
}
.image-130 {
object-fit: cover;
align-self: center;
min-height: 100%;
overflow: clip;
}
.div-block-249 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.div-block-252 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
}
.div-block-253, .div-block-254 {
align-self: flex-start;
}
.image-133, .image-134 {
min-width: 100%;
}
.div-block-255 {
align-self: flex-start;
min-width: auto;
}
.image-136 {
width: 100%;
}
.div-block-258 {
object-fit: cover;
width: 50%;
min-width: 50%;
display: flex;
position: relative;
}
.div-block-259 {
flex: 0 auto;
display: block;
}
.div-block-260 {
aspect-ratio: 2 / 3;
}
.div-block-261 {
flex: 1;
display: flex;
}
.section-64 {
width: 100vw;
position: relative;
overflow: hidden;
}
.div-block-272 {
margin-bottom: 12px;
}
.div-block-279 {
grid-column-gap: 32px;
grid-row-gap: 32px;
margin-bottom: 0;
margin-left: 0;
top: auto;
bottom: 0;
left: 0;
}
.project-title-heading-copy {
font-size: 32px;
line-height: 32px;
}
.image-147 {
object-fit: cover;
}
.caste_volt_stool_wrapper {
margin-top: 0;
display: block;
position: relative;
bottom: 0;
}
.div-block-286 {
width: 100%;
margin-top: -208px;
margin-left: 0;
padding-right: 0;
}
.div-block-287 {
width: 30%;
margin-top: 39px;
display: block;
}
.section-66 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
align-self: auto;
align-items: flex-start;
margin-top: 82px;
display: flex;
}
.div-block-288 {
margin-bottom: 32px;
}
.image-151 {
object-fit: cover;
}
.div-block-292 {
aspect-ratio: 2 / 3;
object-fit: cover;
flex: 1;
}
.image-153 {
height: 100%;
}
.div-block-303 {
aspect-ratio: 9 / 16;
object-fit: cover;
flex: 0 auto;
height: 100%;
}
.div-block-305 {
flex: 0 auto;
}
.image-156 {
object-fit: cover;
position: relative;
}
.background-video-13 {
height: 32vh;
}
.div-image-left-copy-right-copy {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
margin-top: auto;
display: flex;
top: auto;
}
.purps-section-div-copy {
grid-column-gap: 15px;
grid-row-gap: 15px;
display: flex;
}
.image-161 {
flex: 1;
min-width: auto;
height: auto;
min-height: auto;
}
.div-block-324 {
flex: 1;
min-width: 15px;
height: auto;
min-height: auto;
}
.div-block-325, .div-block-326 {
display: flex;
position: relative;
}
.div-block-330 {
flex: 1;
width: 50%;
display: flex;
position: relative;
}
.div-block-331 {
z-index: 3;
object-fit: cover;
flex: 1;
margin-bottom: 16px;
display: flex;
position: relative;
}
.div-block-334, .div-block-335 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.div-block-336 {
width: 100%;
}
.div-block-338 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.div-block-347 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.second-2-image-div-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
min-width: 50%;
margin-top: 16px;
}
.yg-text-div-copy {
flex-flow: wrap;
min-width: 100%;
margin-bottom: 16px;
display: flex;
}
.div-block-380 {
flex-flow: row;
}
.div-block-381 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
min-width: 100%;
position: relative;
}
.purps-section-div-copy-copy {
grid-column-gap: 15px;
grid-row-gap: 15px;
display: flex;
}
.red_bull_van_gif_wrap {
bottom: 47vh;
}
.image-37-copy {
z-index: 0;
justify-content: center;
min-height: 100%;
margin-top: 23px;
margin-bottom: 0;
padding-bottom: 0;
position: absolute;
inset: auto 0% 0%;
overflow: visible;
}
.section-30-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
margin-top: 0;
display: flex;
}
.second-2-image-div-copy-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-width: 50%;
margin-top: 16px;
}
.div-block-389 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.div-block-331-copy {
z-index: 3;
object-fit: cover;
flex: 1;
margin-bottom: 16px;
display: flex;
position: relative;
}
.div-block-325-copy, .div-block-326-copy {
display: flex;
position: relative;
}
.purps-section-div-copy-copy-copy {
grid-column-gap: 15px;
grid-row-gap: 15px;
display: flex;
}
.yg-text-div-copy-copy {
flex-flow: wrap;
min-width: 100%;
margin-bottom: 16px;
display: flex;
}
.triple-posters-section-div-copy-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
padding-top: 0;
display: flex;
}
.footer-linkblock-div {
z-index: 5;
}
.header-logo-div-block {
height: 32px;
}
.body-div-block {
margin-bottom: 473px;
display: block;
position: relative;
top: 82px;
}
.hamburger-menu-div-block {
width: 32px;
margin-top: 0;
right: 32px;
}
.basic-setup-section {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67e5f921b341c44ecbe3be52_Damn_long_baloncesto.avif");
background-position: 50% 100%;
background-size: 100vw;
overflow: clip;
}
.body-section-001 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.bg-and-footer-div-block {
z-index: 0;
position: absolute;
top: -218px;
}
.div-block-400 {
display: none;
}
.heading-33 {
font-size: 48px;
}
.paragraph-7 {
font-size: 12px;
line-height: 14px;
}
.image-192 {
display: none;
bottom: 0;
}
.div-block-412 {
height: 19vh;
padding-right: 0;
}
.menu-button {
margin-top: -10px;
padding: 0;
}
.div-block-414 {
display: none;
}
.section-69 {
height: auto;
min-height: auto;
margin-top: 45%;
}
.lottie-section {
top: 17%;
}
.cloud_text_div {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.home02_cloud03_section {
margin-top: 0;
}
.home02_cloud_contact_section {
min-height: 92vh;
top: -430px;
}
.contact-cloud-bg {
display: block;
left: auto;
}
.text-field-5 {
border-width: 1px;
border-radius: 4px;
height: 17%;
}
.field-label-5, .field-label-6, .field-label-7 {
font-size: 10px;
}
.submit-button-3 {
border-width: 1px;
}
.form-3 {
border-radius: 0;
padding-right: 25px;
}
.heading-35 {
font-size: 36px;
top: 28vh;
left: 36%;
}
.div-block-422 {
display: flex;
}
.client-reel-section {
display: block;
}
.link-block-16 {
flex-flow: column;
}
.heading-37 {
color: #fff;
padding-left: 32px;
padding-right: 32px;
font-family: Pixelify Sans, sans-serif;
font-size: 22px;
line-height: 22px;
display: none;
position: relative;
top: 308px;
}
.div-block-423 {
top: -13%;
left: 5%;
}
.spline-scene-7 {
min-height: 75%;
bottom: -392px;
}
.paragraph-8 {
padding-left: 113px;
font-size: 12px;
line-height: 12px;
}
.heading-40 {
margin-bottom: 32px;
font-size: 30px;
line-height: 30px;
}
.section-72 {
display: none;
}
.div-block-434 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.image-204 {
z-index: 5;
width: 55%;
position: absolute;
inset: 0% auto 0% 0%;
}
.lightbox-link-30 {
width: 100%;
min-width: 100%;
min-height: auto;
}
.background-video-17 {
height: 8vh;
}
.red-bull-unforeseen {
background-color: #000;
}
.image-207 {
min-height: 100%;
}
.lightbox-link-36 {
flex: 1;
width: 100%;
min-width: auto;
min-height: 100%;
}
.lightbox-link-46 {
position: static;
}
.div-block-442, .div-block-443, .div-block-444 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.triple-posters-section-div-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
padding-top: 0;
display: flex;
}
.div-block-446 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.div-block-449 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
margin-bottom: 551px;
}
.nurse-john-section {
grid-column-gap: 15px;
grid-row-gap: 15px;
display: flex;
}
.section-73-copy {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.caste_flying_bench_wrapper {
width: 100%;
min-width: 100%;
display: block;
top: 21%;
}
.lightbox-link-51 {
align-self: auto;
width: 1002%;
min-width: auto;
height: 100%;
min-height: 100%;
display: flex;
position: static;
}
.div-block-468 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
flex: 1;
width: 100%;
}
.div-block-469 {
min-width: 50%;
position: static;
}
.image-216 {
z-index: 6;
width: 90vw;
max-width: 90vw;
display: block;
position: relative;
left: 0;
}
.div-block-470 {
z-index: 5;
width: 100vw;
max-width: 100vw;
margin-top: 0;
margin-right: -43.5vw;
display: flex;
top: auto;
left: 0;
overflow: visible;
}
.div-block-471 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: space-between;
align-items: center;
max-width: 100vw;
margin-top: 0;
margin-bottom: 0;
top: -137px;
left: 0;
}
.lightbox-link-36-copy {
z-index: 6;
flex: 1;
width: 100vw;
max-width: 100vw;
position: relative;
left: 0;
overflow: visible;
}
.div-block-474 {
height: 4%;
}
.project-page-title-copy {
text-align: left;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 72px;
line-height: 72px;
}
.section-75 {
margin-bottom: -32px;
}
.div-block-475 {
margin-top: 0;
}
.project-header-type-copy {
text-align: left;
width: 100%;
font-size: 24px;
line-height: 26px;
}
.body-copy-project-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
width: 100%;
margin-bottom: 0;
padding-right: 0;
font-size: 10px;
line-height: 12px;
overflow: visible;
}
.div-block-483 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.div-block-489 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: row;
}
.div-block-54-copy {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
margin: 0 auto -231px;
padding-top: 0%;
padding-bottom: 0;
top: 108px;
}
.div-block-154-copy {
z-index: 0;
display: none;
position: absolute;
}
.div-block-61-copy {
z-index: 7;
grid-column-gap: 8px;
grid-row-gap: 8px;
width: 74%;
margin-top: 29px;
margin-bottom: 288px;
padding-top: 139px;
display: flex;
left: auto;
}
.div-block-493 {
flex: 1;
}
.process-body-copy {
color: #fff;
position: relative;
}
.div-block-501 {
width: 100%;
top: 0%;
left: 0%;
}
.div-block-503 {
display: none;
}
.div-block-115-copy {
align-self: flex-start;
margin-top: 0;
padding-top: 0;
inset: auto 0% 4%;
}
.balloon-letter-intake-container {
width: 100vw;
height: 35vh;
margin-top: 4px;
display: block;
}
.div-block-504 {
display: flex;
}
.intake-cloud-div {
flex-flow: row;
width: 125%;
min-width: 125%;
max-width: 125%;
margin-top: -165px;
display: flex;
}
.paragraph-10 {
color: #fff;
text-shadow: none;
padding-left: 21%;
padding-right: 21%;
left: 0;
right: 0;
}
.image-225 {
display: none;
}
.container-11 {
height: 35vh;
display: block;
}
.div-block-508 {
z-index: 3;
text-align: center;
width: 100%;
min-height: 100%;
top: 0;
left: 0;
}
.div-block-509 {
z-index: 5;
min-height: 100%;
display: block;
}
.image-234 {
z-index: 5;
opacity: 0;
mix-blend-mode: lighten;
min-height: 100%;
display: block;
position: relative;
overflow: visible;
}
.paragraph-11 {
color: #fff;
justify-content: center;
padding-left: 0;
padding-right: 0;
display: flex;
inset: auto 0% 0%;
}
.container-12, .container-14 {
display: block;
}
.research-letters-div {
z-index: 4;
position: relative;
}
.div-block-516 {
flex: 1;
}
.process-balloon-div-block {
height: 70%;
min-height: auto;
top: 150px;
}
.image-243 {
display: inline-flex;
}
.mobile-letteres-i-intake-div-block {
z-index: 3;
position: relative;
left: 16.2vw;
}
.div-block-526-copy {
z-index: 3;
position: relative;
}
.mobile-letterse-div-block {
z-index: 3;
position: relative;
left: -46vw;
}
.intake-mobile-letters-div {
z-index: 3;
justify-content: center;
align-items: stretch;
width: 100%;
min-width: 100%;
display: none;
position: relative;
top: 718px;
}
.mobile-letters-t-div {
z-index: 3;
position: relative;
left: -9.5vw;
}
.mobile-letters-a-div-block {
z-index: 3;
position: relative;
left: -22.2vw;
}
.mobile-letters-k-div-block {
z-index: 3;
position: relative;
left: -33.5vw;
}
.mobile-lettersn-div-block {
z-index: 3;
width: auto;
position: relative;
left: 3.3vw;
}
.div-block-526 {
z-index: 3;
color: #fff;
margin-left: 72px;
margin-right: 72px;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
display: none;
position: relative;
}
.paragraph-15 {
margin-left: 0;
margin-right: 0;
}
.intake-cloud-3-div {
display: none;
}
.mobile-research-r-div {
z-index: 3;
position: relative;
right: -26.6vw;
}
.image-244 {
width: 125%;
max-width: 125%;
}
.mobile-research-e-div {
z-index: 3;
position: relative;
left: 18.4vw;
right: 18.4vw;
}
.mobile-research-balloons-div {
display: flex;
}
.mobile-research-s-div {
z-index: 3;
position: relative;
left: 11.4vw;
right: 11.4vw;
}
.mobile-research-e2-div {
z-index: 3;
position: relative;
left: 3.1vw;
right: 3.1vw;
}
.mobile-research-a-div-copy {
z-index: 3;
position: relative;
left: -24px;
right: -24px;
}
.mobile-research-r2-div {
z-index: 3;
position: relative;
left: -10vw;
right: -10vw;
}
.mobile-research-c-div {
z-index: 3;
position: relative;
left: -16.3vw;
right: -16.3vw;
}
.mobile-research-h-div {
z-index: 3;
position: relative;
right: 23.9vw;
}
.div-block-527 {
z-index: 3;
margin-left: 72px;
margin-right: 72px;
position: relative;
}
.paragraph-17 {
color: #fff;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
position: relative;
}
.div-block-528 {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 150%;
min-width: 150%;
display: flex;
position: relative;
left: -65px;
}
.mobile-ideation-letters-div-block-i {
z-index: 3;
flex: 1;
min-width: auto;
position: relative;
left: 21.7vw;
right: 26vw;
}
.mobile-ideation-letters-d-div-block {
z-index: 3;
flex: 1;
position: relative;
left: 10.2vw;
right: 0;
}
.mobile-ideation-letters-e-div-block {
z-index: 3;
flex: 1;
position: relative;
left: -.2vw;
right: 0;
}
.mobile-ideation-letters-a-div-block {
z-index: 3;
flex: 1;
position: relative;
left: -11.9vw;
right: 0;
}
.mobile-ideation-letters-t-div-block {
z-index: 3;
flex: 1;
position: relative;
left: -23.4vw;
right: 0;
}
.mobile-ideation-letters-i2-div-block {
z-index: 3;
flex: 1;
position: relative;
left: -36.3vw;
right: 0;
}
.mobile-ideation-letters-o-div-block {
z-index: 3;
flex: 1;
position: relative;
left: -47.5vw;
right: 0;
}
.mobile-ideation-letters-n-div-block {
z-index: 3;
flex: 1;
position: relative;
left: -56.9vw;
right: 0;
}
.div-block-529 {
z-index: 3;
position: relative;
}
.dic-block-527 {
z-index: 3;
margin-left: 71px;
margin-right: 71px;
position: relative;
}
.mobile-creation-balloons {
display: none;
}
.div-block-530 {
z-index: 3;
display: flex;
position: relative;
}
.creation-c-mobile-div-block {
z-index: 3;
flex: 1;
margin-left: -10.5vw;
display: flex;
position: relative;
left: 10vw;
}
.creation-r-mobile-div-block {
z-index: 3;
flex: 1;
margin-left: -9vw;
display: flex;
position: relative;
}
.creation-e-mobile-div-block {
z-index: 3;
flex: 1;
margin-left: -18vw;
display: flex;
position: relative;
}
.creation-a-mobile-div-block {
z-index: 3;
flex: 1;
margin-left: -20vw;
display: flex;
position: relative;
}
.creation-t-mobile-div-block {
z-index: 3;
flex: 1;
margin-left: -21vw;
display: flex;
position: relative;
}
.creation-i-mobile-div-block {
z-index: 3;
flex: 1;
margin-left: -23vw;
display: flex;
position: relative;
}
.creation-o-mobile-div-block {
z-index: 3;
flex: 1;
margin-left: -15vw;
display: flex;
position: relative;
left: -20vw;
}
.creation-n-mobile-div-block {
z-index: 3;
flex: 1;
display: flex;
position: relative;
}
.div-block-531 {
flex-flow: row;
width: 100%;
max-width: 100%;
margin-left: 36px;
display: flex;
position: relative;
}
.image-245, .image-246, .image-247, .image-248, .image-249, .image-250, .image-251, .image-252 {
flex: 1;
width: 100%;
overflow: visible;
}
.creation-letter-o-mobile-div-block {
z-index: 3;
flex: 1;
display: flex;
position: relative;
left: -20vw;
}
.div-block-532 {
z-index: 3;
position: relative;
}
.paragraph-18 {
color: #fff;
margin-left: 72px;
margin-right: 72px;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
}
.section-77 {
flex-flow: column;
display: none;
}
.mobile-final-section {
display: none;
}
.div-block-533 {
z-index: 3;
position: relative;
}
.paragraph-19 {
color: #fff;
margin-left: 72px;
margin-right: 72px;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
position: relative;
}
.section-79, .section-80 {
display: none;
}
.mobil-balloon-letter-intake-container-copy {
width: 100vw;
display: none;
}
.intake-cloud-div-copy {
flex-flow: row;
width: 125%;
min-width: 125%;
max-width: 125%;
display: none;
}
.div-block-504-copy {
display: none;
}
.intake-mobile-letters-div-copy {
z-index: 3;
justify-content: center;
align-items: stretch;
width: 100%;
min-width: 100%;
display: flex;
position: relative;
top: 718px;
}
.mobile-letteres-i-intake-div-block-copy {
z-index: 3;
position: relative;
left: 16.2vw;
}
.mobile-lettersn-div-block-copy {
z-index: 3;
width: auto;
position: relative;
left: 3.3vw;
}
.mobile-letters-t-div-copy {
z-index: 3;
position: relative;
left: -9.5vw;
}
.mobile-letters-a-div-block-copy {
z-index: 3;
position: relative;
left: -22.2vw;
}
.mobile-letters-k-div-block-copy {
z-index: 3;
position: relative;
left: -33.5vw;
}
.mobile-letterse-div-block-copy {
z-index: 3;
position: relative;
left: -46vw;
}
.intake-cloud-3-div-copy {
flex: 0 auto;
width: 40%;
display: flex;
}
.image-mobile-background-caste-larger {
z-index: -1;
width: 100vw;
min-width: 100vw;
max-width: none;
min-height: 100vh;
display: block;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.travis-first-section-div-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
grid-auto-flow: column;
justify-content: space-between;
width: 100%;
display: flex;
overflow: hidden;
}
.offwhite-img-01 {
object-fit: cover;
flex: 1;
align-self: flex-start;
width: 100%;
display: block;
position: relative;
}
.main-wrapper {
position: relative;
top: 0;
}
.nav_menu {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/687890f854b8d77982664991_Asset%2067Another%20Cloud%20experiment.svg");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: contain;
margin-top: 0;
padding-top: 64px;
padding-left: 72px;
}
.image-4-copy {
flex: 0 auto;
width: 100%;
max-width: 100%;
display: block;
}
.form-block-3 {
padding-left: 19svw;
padding-right: 19svw;
}
.div-block-4 {
padding-left: 16px;
padding-right: 16px;
}
.image-256, .footer_links_container_div {
display: none;
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-global.header-adjustment-01 {
padding-left: 0;
padding-right: 0;
}
.footer_main_div {
z-index: 1;
min-height: auto;
display: inline-block;
bottom: auto;
}
.footer_section {
position: relative;
top: auto;
}
.div-block-545 {
text-align: left;
padding-left: 0;
}
.nav_container {
margin-top: -.8rem;
}
.div-block-546 {
margin-top: -44px;
margin-bottom: -183px;
}
.bostom_background_image_div {
margin-bottom: -130px;
display: none;
position: relative;
}
.hero_section_01 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
margin-top: 36px;
}
.nav_button {
align-self: flex-start;
display: block;
}
.section_bg-image {
margin-bottom: 885px;
padding-top: 0;
}
.div-block-547 {
padding-left: 69px;
padding-right: 69px;
}
.field-label-9 {
margin-bottom: .25rem;
}
.div-block-549 {
top: 61%;
right: -254px;
}
.heading-46.text-align-right {
justify-content: center;
align-items: center;
margin-top: -9px;
margin-bottom: 8.3rem;
padding-top: 0;
padding-bottom: 46px;
padding-right: 9px;
}
.cloud-copy-div-2 {
width: auto;
top: -12%;
left: -33%;
}
.button-3 {
align-self: flex-end;
}
.heading-47.heading-style-h1 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: left;
justify-content: center;
align-items: center;
margin-left: auto;
padding: 49px 40px 0 0;
font-size: 1.5rem;
line-height: 1rem;
}
.heading-47.heading-style-h1-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: left;
justify-content: center;
align-items: center;
margin-top: 61px;
margin-left: auto;
padding: 0 31px 0 0;
font-size: 1.5rem;
line-height: 1rem;
}
.heading-47.heading-style-h1-2-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: left;
justify-content: center;
align-items: center;
margin-left: auto;
padding: 0 31px 0 0;
font-size: 1.5rem;
line-height: 1rem;
}
.heading-47.heading-style-h1-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: left;
justify-content: center;
align-items: center;
margin-left: auto;
padding: 49px 40px 0 0;
font-size: 1.5rem;
line-height: 1rem;
}
.bandier-lightbox {
text-align: left;
width: 100%;
max-width: 100%;
display: flex;
position: relative;
overflow: visible;
}
.heading13 {
margin-top: 0;
margin-bottom: 0;
font-size: 32px;
line-height: 35px;
}
.submit-button-4 {
border-radius: 8px;
margin-top: 4px;
}
.process_final-section {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
margin-top: 36px;
}
.div-block-546-copy {
margin-bottom: -95px;
}
.div-block-547-copy {
margin-top: 106px;
margin-bottom: 84px;
}
.div-block-545-copy {
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 0 16.8% 13px;
}
.image-264 {
display: none;
}
.div-block-555 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
display: flex;
}
.div-block-55-copy {
margin-top: 0;
margin-bottom: -92%;
padding-bottom: 0;
top: 28px;
overflow: visible;
}
.div-block-55-copy-copy {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/686724b6b62293aeedd09a8e_2.DTS.avif");
margin-top: 0;
margin-bottom: -83%;
padding-bottom: 0;
top: 0;
overflow: visible;
}
.div-block-55-copy {
margin-top: -166px;
margin-bottom: 0%;
top: 170px;
overflow: visible;
}
.heading-48 {
font-size: 37px;
font-weight: 400;
line-height: 36px;
}
.div-block-55-copy {
background-image: none;
margin-top: -27px;
display: block;
top: 170px;
overflow: visible;
}
.footer-div-copy {
z-index: 3;
flex-flow: row;
flex: 0 auto;
place-content: stretch flex-end;
align-self: stretch;
align-items: flex-end;
margin-top: 0;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.flex-block-2 {
margin-top: -284px;
display: block;
}
.lightbox-link-60 {
position: absolute;
}
.footer-div-copy {
z-index: 3;
flex-flow: row;
place-content: stretch flex-end;
align-self: stretch;
align-items: flex-end;
margin-top: -36px;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
position: relative;
inset: 0 0% 0%;
}
.div-block-55-copy {
margin-top: -27px;
top: 170px;
overflow: visible;
}
.footer-div-copy3 {
z-index: 3;
flex-flow: row;
place-content: stretch flex-end;
align-self: stretch;
align-items: flex-end;
margin-top: 0;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
position: relative;
inset: 0 0% 0%;
}
.section-83 {
overflow: clip;
}
.image-37-copy {
z-index: 0;
justify-content: center;
min-height: 100vh;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
display: block;
position: relative;
inset: auto 0% 0;
overflow: visible;
}
.div-block-55-copy {
background-image: none;
background-repeat: repeat;
background-size: auto;
margin-top: -45px;
margin-bottom: 0%;
top: 60px;
overflow: clip;
}
.div-block-5525-copy {
background-image: none;
background-repeat: repeat;
background-size: auto;
margin-top: -45px;
margin-bottom: 0%;
top: 60px;
overflow: clip;
}
.div-block-544-copy {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
margin: 172px auto 547px;
padding-top: 0%;
padding-bottom: 0;
}
.div-block-61-copy-copy {
z-index: 7;
grid-column-gap: 8px;
grid-row-gap: 8px;
width: 74%;
margin-top: -76px;
margin-bottom: 227px;
display: flex;
left: auto;
}
.div-block-1155-copy {
justify-content: space-between;
align-self: flex-start;
align-items: flex-end;
margin-top: 0;
padding-top: 0;
position: absolute;
inset: auto 0% 6%;
}
.the-standard-hotel-pictures-copy {
object-fit: cover;
flex: 1;
width: 100%;
display: block;
position: relative;
}
.div-block-61-copy {
z-index: 7;
grid-column-gap: 8px;
grid-row-gap: 8px;
width: 74%;
margin-top: -76px;
margin-bottom: 227px;
display: flex;
left: auto;
}
.bg-and-footer-div-block-copy {
z-index: 0;
position: absolute;
top: -218px;
}
.div-block-115-copy {
justify-content: space-between;
align-self: flex-start;
align-items: flex-end;
margin-top: 0;
padding-top: 0;
position: absolute;
inset: auto 0% 6%;
}
.div-block-5555-copy {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/686722caf76a6a297e1cf5f3_DTS_HI-TREK_Fanette_Guilloud_Photos_ID11192.avif");
background-repeat: no-repeat;
background-size: 100vw;
margin-top: -45px;
margin-bottom: 0%;
top: 60px;
overflow: clip;
}
.heading-49 {
font-size: 72px;
}
.div-block-565 {
text-align: left;
min-width: 261px;
max-width: 350px;
margin-top: 32px;
}
.div-block-566 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 0 auto;
display: flex;
}
.client-logo-div-block_homepage {
height: 2rem;
}
.heading-50 {
text-align: center;
padding-bottom: 32px;
padding-left: 0;
padding-right: 0;
line-height: 68px;
}
.div-block-568 {
width: 125%;
margin-left: -36px;
}
.logo-banner-2 {
width: 120%;
bottom: -52px;
left: 19px;
}
.logo-banner-3 {
width: 130%;
margin-left: -60px;
}
.nikex-bandier-section {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
margin-top: 0;
}
.triple-image-div-block-copy {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.text-block-5 {
font-size: 4rem;
line-height: 4rem;
}
.antisocial-social-club-section {
z-index: 4;
overflow: visible;
}
.bandier-lightbox-copy {
width: 100%;
max-width: 100%;
overflow: hidden;
}
.div-block-570 {
height: 0;
padding-top: 0;
}
.div-block-544-copy {
margin-top: 0;
margin-bottom: 0;
}
.div-block-544-copy.shorterdivblock {
grid-column-gap: 12px;
grid-row-gap: 12px;
margin-bottom: -12px;
padding-bottom: 0;
}
.kalis-uchis-lightbox {
width: 100%;
max-width: 100%;
overflow: visible;
}
.antisocial-cloud-div-bllock {
z-index: 3;
}
.div-block-4-copy.yg-4-hunnid {
width: 377px;
height: 437px;
}
.cloud-block-nike-bandier {
margin: -12px -213px -76px -99px;
}
.logan-paul-lightbox {
width: 100%;
max-width: 100%;
overflow: hidden;
}
.div-block-586 {
top: -174.5px;
}
.heading-51 {
font-size: 2rem;
line-height: 3.2rem;
}
.kalis-uchis-lightbox_2 {
width: 100%;
max-width: 100%;
overflow: hidden;
}
.div-block-590 {
padding: 71px 136px;
}
.paragraph-21 {
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: .65rem;
line-height: .75rem;
}
.div-block-549-copy {
top: 61%;
right: -254px;
}
.kalis-uchis-total-copy-div-block {
grid-column-gap: 0px;
grid-row-gap: 0px;
top: 56%;
right: -206px;
}
.cloud-copy-div-2-copy {
width: auto;
left: -23%;
}
.kalis-uchis-cloud-div-2 {
width: auto;
padding-top: 0;
padding-bottom: 0;
left: -23%;
}
.div-block-547-copy, .div-block-547-copy-copy {
padding-left: 69px;
padding-right: 69px;
}
.antisocial-copy-div-block, .antisocial-header-div-block {
text-align: left;
padding-left: 0;
}
.div-block-586-copy {
top: -174.5px;
}
.yg-header-div-block, .yg-copy-div-block {
text-align: left;
padding-left: 0;
}
.yg-header-copy-flex-box-div-block {
top: 61%;
right: -254px;
}
.kalis-header-div-block, .kalis-uchis-body-coy-div-block, .standard-hollywood-header-div-block {
text-align: left;
padding-left: 0;
}
.div-block-546-copy {
margin-top: -44px;
margin-bottom: -183px;
}
.logan-copy-block-2 {
padding-left: 69px;
padding-right: 69px;
}
.cloud-copy-div-2-copy-copy {
width: 100%;
display: none;
left: -31%;
overflow: visible;
}
.div-block-545-copy, .nike-bandier-heder-div-blovk {
text-align: left;
padding-left: 0;
}
.nike-bandierr-all-copy-div-block {
padding-left: 69px;
padding-right: 69px;
}
.logan-copy-block-1 {
margin-top: -44px;
margin-bottom: -183px;
}
.logan-copy-block-3 {
text-align: left;
padding-left: 0;
}
.cast-bg-image-div-block {
background-image: none;
margin-top: -27px;
display: block;
top: 170px;
overflow: visible;
}
.bricks-and-birch-main-div {
margin-top: -27px;
top: 170px;
overflow: visible;
}
.div-block-544-copy-copy {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
margin: 172px auto 547px;
padding-top: 0%;
padding-bottom: 0;
}
.paragraph-about-copy {
color: #000;
text-align: left;
padding-bottom: 139px;
padding-left: 0;
padding-right: 18vw;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 10px;
line-height: 10px;
display: block;
top: 20px;
right: 0%;
}
.paragraph-22, .paragraph-23 {
font-size: 12px;
line-height: 12px;
}
.cloud_text_div-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.cloud_text_div-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
top: 82px;
}
.cloud_text_div-1 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
padding-top: 0;
top: -46px;
}
.div-block-595 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 0 auto;
justify-content: flex-end;
align-self: auto;
align-items: flex-start;
height: 0;
bottom: -43.5vh;
}
.bg-and-footer-div-block-process {
z-index: 0;
position: absolute;
top: -218px;
}
.image-280 {
display: none;
}
.div-block-598 {
width: 100%;
height: auto;
min-height: 100%;
position: relative;
}
.body-copy-project-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
width: 100%;
min-width: 12.9%;
margin-bottom: 0;
padding-right: 0;
font-size: 10px;
line-height: 12px;
overflow: visible;
}
.image-281 {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: cover;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.div-block-59-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-end;
align-items: center;
width: 100%;
height: auto;
min-height: auto;
margin-bottom: 0;
display: block;
position: relative;
inset: auto 0% 0%;
overflow: hidden;
}
.previous-next-bathhouse-div-block-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: stretch;
margin-top: 132px;
margin-bottom: 1px;
padding-top: 0;
padding-left: 16px;
padding-right: 16px;
position: relative;
inset: auto 0% 0%;
}
.div-block-55-copy-copy, .twisted-block-55 {
margin-top: -166px;
margin-bottom: 0%;
top: 170px;
overflow: visible;
}
.footer-div-travis {
z-index: 3;
flex-flow: row;
place-content: stretch flex-end;
align-self: stretch;
align-items: flex-end;
margin-top: 0;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
position: relative;
inset: 0 0% auto;
}
.div-block-footer-options-1 {
z-index: 2;
background-color: #000;
position: relative;
}
.main-wrapper-copy {
position: relative;
top: 0;
}
.div-block-54-copy-copy {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
margin: 0 auto -231px;
padding-top: 0%;
padding-bottom: 0;
top: -137px;
}
.prev-next-redbull-01-copy {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: row;
flex: 1;
justify-content: space-between;
align-self: center;
margin-top: 10px;
margin-bottom: 84px;
padding: 46px 12px 0;
position: relative;
inset: auto 0% 0%;
overflow: visible;
}
.prev-arrow-left-rb {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-self: center;
align-items: center;
width: 30vw;
position: relative;
}
.next-arrow-red-bull {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-end;
align-self: center;
align-items: center;
width: 30vw;
position: relative;
}
.div-block-55-copy, .div-block-55-copy-copy {
background-image: none;
background-repeat: repeat;
background-size: auto;
margin: -200px auto -102%;
top: 60px;
overflow: clip;
}
.div-block-54-copy, .div-block-54-copy-copy {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
margin: 394px auto 547px;
padding-top: 0%;
padding-bottom: 0;
}
.div-block-115-copy, .div-block-115-copy-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
justify-content: space-between;
margin-top: 10px;
margin-bottom: 112px;
padding: 46px 0 0 107px;
position: relative;
top: -80px;
overflow: visible;
}
.div-block-55-copy {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/686722caf76a6a297e1cf5f3_DTS_HI-TREK_Fanette_Guilloud_Photos_ID11192.avif");
background-repeat: no-repeat;
background-size: 100vw;
margin: -200px auto -102%;
top: 60px;
overflow: clip;
}
.prev-next-div-republic {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
justify-content: space-between;
margin-top: 10px;
margin-bottom: 187px;
padding: 46px 16px 0;
position: relative;
top: auto;
overflow: visible;
}
.div-block-54-copy, .div-block-54-copy-copy {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
margin: 394px auto 547px;
padding-top: 0%;
padding-bottom: 0;
}
.image-283 {
display: block;
}
.div-block-rd-bull-main-dupe {
margin-top: 0;
margin-bottom: -18%;
padding-bottom: 501px;
top: 0;
overflow: visible;
}
.red-bull-section-dupe {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
margin: 394px auto 547px;
padding-top: 0%;
padding-bottom: 0;
}
.cr-main-body-div-block-container-55y {
background-image: none;
margin: 0 auto 0%;
top: -82px;
bottom: 0;
overflow: clip;
}
.cr-interior-div-main-body-54 {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
margin: 185px auto 475px;
padding-top: 0%;
padding-bottom: 0;
}
.cr-arrows-div {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
justify-content: space-between;
align-self: auto;
margin-top: 0;
margin-bottom: 0;
padding: 0 16px 72px;
position: relative;
top: 0;
bottom: 0%;
overflow: visible;
}
.cr-bg-div {
object-fit: fill;
min-width: 100%;
display: inline-flex;
position: absolute;
bottom: 0;
}
.div-block-55-copy-copy, .div-block-55-copy-copy-copy, .republic-main-body-div {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/686722caf76a6a297e1cf5f3_DTS_HI-TREK_Fanette_Guilloud_Photos_ID11192.avif");
background-repeat: no-repeat;
background-size: 100vw;
margin: -200px auto -102%;
top: 60px;
overflow: clip;
}
.republic-body-main-div {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
margin: 230px auto 547px;
padding-top: 0%;
padding-bottom: 0;
}
.republic-footer-div {
z-index: 3;
flex-flow: row;
place-content: stretch flex-end;
align-self: stretch;
align-items: flex-end;
margin-top: 0;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
position: relative;
inset: 0 0%;
}
.image-192-copy {
display: none;
bottom: 0;
}
.content_wrapper {
flex: 0 auto;
margin-top: -106px;
padding-bottom: 0;
position: relative;
top: auto;
}
.section_bg_image_wrapper {
object-fit: cover;
margin-bottom: 0;
padding-top: 0;
position: absolute;
inset: auto 0% 0%;
}
.div-block-600 {
display: none;
}
.stack {
grid-column-gap: 12px;
grid-row-gap: 12px;
margin-top: -8.9vh;
margin-bottom: auto;
padding-bottom: 0;
}
.section_hero {
padding-bottom: 0;
}
.travis_hero_wrapper {
margin-top: 40px;
}
.prev-next-twisted {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: row;
flex: 1;
justify-content: space-between;
align-self: center;
margin-top: 10px;
margin-bottom: 112px;
padding: 46px 12px 0;
position: absolute;
inset: auto 0% 0%;
overflow: visible;
}
.page_wrapper {
margin-bottom: -215px;
position: relative;
}
.hero_video_wrap {
padding-top: 89px;
}
.div-block-604 {
position: absolute;
}
.lightbox-link-64 {
z-index: 3;
width: 50%;
position: absolute;
inset: auto 0% 78%;
}
.caste_images_copy_wrapper {
margin-top: 0;
display: block;
position: relative;
bottom: 0;
}
.bricks_triple_wide_wrapper_1 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
flex: 1;
max-width: 100%;
}
.div-block-605 {
flex: 1;
}
.lightbox-link-65 {
aspect-ratio: 2 / 3;
object-fit: cover;
border-radius: 8px;
flex: 1;
min-width: auto;
height: 100%;
display: block;
overflow: hidden;
}
.lightbox_pizza {
aspect-ratio: 1;
align-self: auto;
width: 1002%;
min-width: auto;
height: 100%;
min-height: 100%;
display: flex;
position: static;
}
.cult_lateral_stack_wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
grid-auto-flow: column;
justify-content: space-between;
width: 100%;
display: flex;
overflow: hidden;
}
.heading-53 {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
}
.image-289 {
z-index: 3;
position: relative;
}
.image-4-copy-copy {
width: 100%;
max-width: 100%;
display: block;
}
.nike_cloud_image {
flex: 0 auto;
width: 68%;
max-width: 100%;
margin-top: 61px;
display: block;
top: 26px;
right: -191px;
}
.div-block-613 {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
flex: 1;
display: flex;
overflow: hidden;
}
.div-block-614 {
grid-column-gap: 13px;
grid-row-gap: 13px;
flex-flow: column;
flex: 1;
display: flex;
}
.research-balloon-container {
z-index: 4;
height: 35vh;
margin-top: 161px;
display: block;
position: relative;
}
.image-234-copy {
z-index: 5;
opacity: 0;
mix-blend-mode: lighten;
min-height: 100%;
display: block;
position: relative;
overflow: visible;
}
.ideation-cloud-div {
z-index: 3;
}
.creation-balloon-container {
display: block;
}
.text-block-7 {
font-size: 32px;
line-height: 32px;
}
.contact-copy-div {
margin-top: 346px;
}
.contact-copy {
padding-right: 0;
font-size: 32px;
line-height: 32px;
}
.contact-copy-div-copy {
justify-content: flex-start;
align-self: flex-start;
align-items: stretch;
margin-top: 18.2vh;
margin-left: 0;
}
.contact-copy-div-copy-copy {
margin-top: 87.2vh;
margin-left: 139px;
}
.div-block-41-copy {
z-index: 1;
align-self: center;
width: 100%;
margin-top: 15vh;
padding-right: 0;
overflow: visible;
}
.contact-copy-copy {
text-align: left;
padding-left: 0;
font-size: 32px;
line-height: 32px;
}
.link-block-10-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-self: center;
align-items: center;
width: 20vw;
position: relative;
}
.link-block-11-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-end;
align-self: center;
align-items: center;
width: 20vw;
position: relative;
}
.just-be-friends-div {
z-index: 1;
width: 100%;
margin-top: 17.1vh;
overflow: visible;
}
.heading-13-copy {
z-index: 1;
color: #fff;
width: 70%;
margin-top: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 32px;
line-height: 33px;
position: absolute;
overflow: hidden;
}
}
@media screen and (max-width: 479px) {
.spline-scene {
justify-content: center;
align-items: center;
width: auto;
padding-right: 0;
overflow: clip;
}
.content_section {
margin-top: 51px;
margin-bottom: 344px;
padding-top: 0;
padding-bottom: 0;
}
.container {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding: 0 16px;
display: block;
}
.footer-div {
z-index: 3;
flex: 1;
justify-content: flex-end;
align-items: flex-end;
margin-top: -17px;
margin-bottom: 0;
padding: 43px 32px 32px 0;
display: flex;
position: relative;
inset: 0% 0% auto;
overflow: visible;
}
.header-container.nav {
height: 72px;
}
.image-4 {
vertical-align: middle;
width: 10vw;
max-width: 100%;
display: inline-block;
}
.link-block-2 {
height: 32px;
}
.link-block-3 {
flex: 0 auto;
display: block;
}
.footer {
z-index: 3;
width: 100vw;
height: auto;
display: block;
position: static;
inset: auto 0% 0%;
}
.scroller {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67eb36e5f89f037256177247_Mobile_Damn_long_baloncesto.avif");
background-position: 50% 100%;
background-size: auto;
height: auto;
margin-top: 231px;
position: relative;
overflow: hidden;
}
.bg-image {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67eb36e5f89f037256177247_Mobile_Damn_long_baloncesto.avif");
margin-bottom: 0;
padding-bottom: 0;
position: relative;
inset: auto 0%;
}
.parallax-item-2 {
width: 100%;
overflow: visible;
}
.body-2 {
overflow: visible;
}
.hero {
object-fit: cover;
height: auto;
min-height: 100vh;
margin-top: 142px;
margin-bottom: -277px;
display: block;
overflow: visible;
}
.clipped-video_01 {
-webkit-text-fill-color: inherit;
background-clip: border-box;
border: 1px solid #0000;
width: 100%;
height: auto;
min-height: auto;
max-height: 100vh;
bottom: 0;
}
.spline-scene-3 {
margin-top: auto;
}
.background-video-2 {
height: 20svh;
min-height: auto;
max-height: none;
}
.parallax-item-4 {
width: 300px;
}
.background-video-3 {
z-index: 1;
position: absolute;
}
.div-block-8 {
flex-flow: row;
width: auto;
height: auto;
display: flex;
}
.section-6 {
margin-bottom: 234px;
margin-left: 24px;
top: 255px;
}
.div-block-9 {
padding-bottom: 261px;
}
.image-12 {
display: none;
}
.text-subtitle-block {
font-size: 14px;
}
.heading-3 {
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
font-size: 24px;
line-height: 24px;
}
.paragraph_01 {
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 10px;
line-height: 12px;
}
.div-block-11 {
z-index: 3;
text-align: left;
flex-flow: column;
display: flex;
}
.paragraph_right-alligned {
text-align: left;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 12px;
line-height: 12px;
}
.text-subtitle-block-right-alligned {
text-align: left;
margin-top: 24px;
padding-bottom: 0;
font-size: 14px;
line-height: 14px;
}
.heading-3-right-alligned {
z-index: 5;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
font-size: 24px;
line-height: 14px;
position: absolute;
}
.div-block-12 {
margin-top: -37px;
margin-left: 0;
}
.div-block-13 {
left: 298px;
}
.spline-scene-4 {
object-fit: cover;
margin-right: 0;
padding-bottom: 152px;
padding-right: 0;
display: block;
}
.spacing-section {
padding-top: 0;
padding-bottom: 4.4rem;
}
.spacing-section.top-bigger {
padding-top: 10.5rem;
padding-bottom: 7.6rem;
position: relative;
}
.container-3 {
display: none;
}
.content-align-center {
align-self: auto;
width: 100vw;
font-size: 5rem;
display: none;
position: relative;
}
.section-8 {
justify-content: flex-end;
align-items: stretch;
margin-top: 0;
display: block;
}
.headline-style-display {
color: #fff;
text-align: center;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
font-size: 12svw;
position: relative;
}
.paragraph-2 {
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 10px;
line-height: 10px;
}
.heading-5 {
font-family: "Bwhaasgroteskhead 95 Copy", Impact, sans-serif;
font-size: 24px;
}
.div-block-17 {
margin-bottom: 0;
position: relative;
}
.image-15 {
width: 100%;
}
.background-div-contact {
z-index: 10;
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67e993962b04b4cf7184e8dc_Contact%20bg%20w_grain.avif");
background-position: 50% 100%;
background-size: auto;
margin-top: 0;
padding-bottom: 0;
bottom: auto;
overflow: hidden;
}
.bg-contact {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67e993962b04b4cf7184e8dc_Contact%20bg%20w_grain.avif");
background-position: 0 0;
background-size: auto;
}
.div-block-21 {
z-index: 5;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
align-self: auto;
min-height: 33%;
padding-right: 0;
inset: 0% 0% auto;
}
.div-block-22 {
width: 75vw;
padding-left: 16px;
padding-right: 16px;
position: absolute;
inset: 0% 0% auto;
}
.section-10 {
display: block;
}
.form-section {
text-align: left;
margin-top: 235px;
inset: 8% 0% auto 47px;
}
.div-block-23 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 67px;
margin-left: 24px;
padding-left: 0;
display: flex;
top: auto;
left: auto;
}
.div-block-24 {
display: flex;
}
.section-12 {
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
}
.heading-small {
flex-flow: wrap;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
width: 75vw;
margin-top: -32px;
margin-bottom: auto;
margin-left: auto;
display: block;
position: relative;
inset: 0% 0% auto;
}
.text-subtitle-block-small {
flex: 1;
padding-top: 107px;
padding-bottom: 0;
position: absolute;
inset: 0% 0% auto;
}
.section-13 {
margin-top: -1937px;
}
.phone {
margin-top: -8px;
}
.text-subtitle-block-small-copy {
flex: 1;
justify-content: center;
align-items: flex-start;
width: 80vw;
margin-left: -76px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: block;
position: relative;
inset: 0% 0% auto;
}
.heading-6 {
color: #fff;
margin-top: auto;
margin-bottom: auto;
position: absolute;
}
.text-block {
padding-top: 83px;
position: absolute;
}
.div-block-26 {
flex-flow: column;
margin-top: 245px;
margin-left: -23px;
display: block;
position: absolute;
inset: 8% 0% auto 18%;
}
.text-subtitle-block-small-copy {
flex: 1;
margin-left: 0;
padding-top: 86px;
padding-bottom: 0;
position: absolute;
inset: 0% 0% auto;
}
.section-14 {
margin-top: 183px;
margin-left: 51px;
position: absolute;
inset: 0% 0% auto;
}
.div-block-27 {
flex-flow: column;
width: 100vw;
height: 10vh;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.link {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fff;
flex-flow: column;
flex: 1;
width: 75vw;
font-family: Pixelify Sans, sans-serif;
text-decoration: none;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.link-block-5 {
margin-top: 23px;
}
.link-2 {
margin-top: 24px;
position: absolute;
}
.link-3 {
color: #fff;
margin-top: 48px;
font-family: Pixelify Sans, sans-serif;
text-decoration: none;
position: absolute;
}
.about-content-container {
margin-bottom: 0;
inset: auto 0% 0%;
}
.image-19 {
margin-bottom: 146px;
position: absolute;
inset: auto 0% 0%;
}
.section-16 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: flex-start;
height: auto;
min-height: auto;
margin-top: 199px;
display: flex;
position: relative;
overflow: visible;
}
.div-block-30 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 0 auto;
width: 85%;
margin-top: 70px;
margin-bottom: 70px;
padding: 0% 8% 0;
display: flex;
position: relative;
}
.div-block-31 {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-flow: wrap;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
margin-bottom: auto;
padding-left: 0;
display: inline-flex;
overflow: hidden;
}
.heading-8 {
font-size: 150%;
}
.text-block-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
letter-spacing: normal;
text-overflow: clip;
word-break: normal;
overflow-wrap: break-word;
-webkit-text-fill-color: inherit;
object-fit: fill;
background-clip: border-box;
flex-flow: wrap;
flex: 0 auto;
justify-content: flex-end;
align-self: flex-start;
align-items: flex-start;
margin-top: 0;
padding-top: 0;
padding-bottom: 12px;
padding-left: 0;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 12px;
display: flex;
left: auto;
overflow: visible;
}
.div-block-32 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: right;
overflow-wrap: normal;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-end;
width: 50%;
margin-top: auto;
margin-bottom: auto;
font-size: 16px;
display: block;
position: relative;
right: 10px;
}
.paragraph-3 {
margin-bottom: auto;
font-size: 8px;
line-height: 8px;
}
.image-20 {
vertical-align: top;
max-height: none;
padding-left: 0;
padding-right: 31px;
}
.div-block-34 {
width: 100%;
}
.image-21 {
vertical-align: middle;
flex: 1;
align-self: auto;
width: 100%;
min-width: auto;
max-width: none;
min-height: auto;
margin: auto;
display: block;
position: relative;
overflow: hidden;
}
.lottie-animation-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
position: absolute;
inset: 0% 0% auto auto;
}
.div-block-35 {
z-index: 10;
flex: 0 auto;
order: 0;
width: 10vw;
max-width: 32rem;
height: 100%;
max-height: 32rem;
margin-top: 18px;
margin-left: 0;
margin-right: 19px;
position: absolute;
inset: 0% 0 auto auto;
}
.link-block-6 {
mix-blend-mode: normal;
background-color: #b80000;
border: 3px solid #000;
border-radius: 20px;
width: 85vw;
}
.button {
font-size: 12px;
}
.div-block-36 {
width: 100vw;
display: block;
position: absolute;
overflow: hidden;
}
.image-22 {
position: absolute;
}
.background-video-5 {
width: 300px;
height: 300px;
}
.body-3 {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67e993962b04b4cf7184e8dc_Contact%20bg%20w_grain.avif");
background-position: 0 0;
background-size: auto;
}
.section-17 {
margin-top: 43vh;
}
.heading-9 {
margin-top: -25px;
font-size: 24px;
line-height: 24px;
}
.section-18 {
margin-top: 10.1vh;
padding-left: 0;
padding-right: 0;
}
.heading-10 {
font-size: 24px;
line-height: 24px;
}
.section-19 {
width: 17vw;
left: 60%;
}
.image-24 {
width: 164%;
top: 34px;
}
.section-20 {
align-self: flex-start;
margin-top: 33.1vh;
display: block;
top: auto;
}
.coca-cola-div {
padding-left: 0;
}
.disney_div {
justify-content: flex-end;
align-items: stretch;
margin-top: 5.1vh;
}
.div-block-41 {
align-self: flex-start;
margin-top: 10.1vh;
}
.section-23 {
margin-top: 6vh;
margin-bottom: 25.3vh;
padding-left: 87px;
top: 69%;
}
.heading-11 {
display: none;
}
.heading-12 {
font-size: 24px;
display: block;
}
.heading-13 {
text-align: left;
width: 85%;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
font-size: 24px;
line-height: 24px;
display: block;
inset: 0% auto auto 0%;
}
.footer-copy {
display: block;
position: relative;
}
.div-block-43 {
z-index: auto;
}
.div-block-44, .div-block-45 {
width: 100%;
position: absolute;
inset: auto 0% 0%;
}
.process-background-div {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
margin-top: -126px;
margin-bottom: 0;
position: relative;
inset: auto 0% 0%;
overflow: hidden;
}
.section-24 {
position: absolute;
inset: auto 0% 0%;
}
.image-26 {
z-index: 1;
padding-bottom: 0;
position: relative;
inset: auto 0% 0%;
}
.div-block-47 {
justify-content: flex-start;
align-items: stretch;
margin-top: -608px;
display: flex;
top: auto;
bottom: auto;
}
.process-cloud-image-1 {
margin-right: -24px;
padding-left: 34px;
padding-right: 48px;
}
.process-container-section {
z-index: 3;
margin-bottom: -190px;
top: auto;
overflow: hidden;
}
.process-container-div {
z-index: 4;
margin-top: 0;
margin-bottom: 194px;
}
.section-26 {
margin-top: 0;
}
.section-27 {
width: 100vw;
height: 0%;
position: static;
inset: auto 0% 0%;
}
.image-32 {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67e5f7ffca158b2eb46891f0_DTS_my_own_summer_Daniel_Faro%CC%80_Photos_ID9781.avif");
background-position: 0 0;
background-size: 100%;
width: 100.266vw;
min-width: auto;
max-width: none;
height: auto;
min-height: 100vh;
}
.section-28 {
margin-top: 349px;
}
.div-block-50 {
top: -177px;
}
.project-title-heading {
text-align: center;
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
line-height: 30px;
display: flex;
}
.heading-16 {
text-align: center;
margin-top: -23px;
}
.div-block-51 {
margin-top: 27px;
margin-bottom: 13px;
}
.projects-link-block {
text-align: center;
margin-top: 13px;
margin-bottom: 13px;
padding-top: 8px;
padding-bottom: 8px;
}
.text-block-3 {
text-align: center;
margin-top: 16px;
font-size: 10px;
line-height: 14px;
}
.project-image-link {
margin-top: 0;
}
.wrapper-image {
display: none;
}
.div-block-54 {
grid-column-gap: 15px;
grid-row-gap: 15px;
vertical-align: middle;
height: auto;
min-height: 100vh;
margin: 802px auto 352px;
padding-top: 12%;
padding-bottom: 0;
position: relative;
inset: 0 0% 0%;
overflow: visible;
}
.basketball_court_bg_image {
aspect-ratio: auto;
vertical-align: top;
object-fit: cover;
align-self: auto;
width: auto;
min-width: 100%;
max-width: 100vw;
height: auto;
min-height: 100%;
margin: 0 auto;
padding-bottom: 0;
display: block;
position: absolute;
inset: auto 0% 3%;
overflow: hidden;
}
.div-block-55 {
margin-top: -25%;
margin-bottom: 0%;
padding-top: 39px;
padding-bottom: 0;
position: relative;
top: 141px;
}
.travis-first-section-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: row;
flex: 1;
place-content: stretch flex-start;
align-items: flex-start;
margin-top: 0;
display: flex;
bottom: 0;
}
.div-image-left-copy-right {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
flex: 1;
width: 100%;
height: 68%;
}
.project-header-type {
color: #fff;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 12px;
padding-top: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 24px;
position: relative;
}
.body-copy-project {
color: #fff;
flex: 1;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
width: 100%;
min-width: auto;
margin-bottom: 12px;
padding-right: 12px;
font-size: 10px;
font-weight: 400;
line-height: 12px;
left: 0;
}
._2-image-div {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
flex: 0 auto;
align-content: space-between;
width: 100%;
min-width: 49%;
margin-top: 1px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.the-standard-hotel-pictures {
flex: 1;
align-self: flex-start;
min-height: 100%;
display: block;
position: relative;
inset: 0% 0% auto;
overflow: hidden;
}
.div-block-59 {
justify-content: center;
align-items: flex-end;
width: 100%;
min-width: auto;
max-width: none;
height: auto;
min-height: auto;
max-height: none;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
position: relative;
inset: auto 0% 0;
overflow: hidden;
}
.div-block-60 {
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: 3 / 2;
flex-flow: wrap;
flex: 1;
align-self: flex-start;
align-items: flex-start;
height: 100%;
min-height: 100%;
margin-top: 0;
display: block;
position: static;
top: 0;
overflow: hidden;
}
.div-block-61 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-width: 17%;
margin-top: 0;
margin-bottom: 0;
display: flex;
left: 0;
}
.yg-text-div {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: flex-start;
align-items: stretch;
width: 100%;
min-width: 30%;
max-width: 100%;
min-height: auto;
margin-top: auto;
margin-bottom: auto;
display: inline-flex;
}
.triple-posters-section-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
height: auto;
min-height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: visible;
}
.section-media {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
flex: 1;
place-content: flex-start;
align-items: stretch;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 12px;
display: flex;
position: relative;
overflow: visible;
}
.purps-section-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-self: flex-start;
width: auto;
max-width: none;
min-height: auto;
margin-top: auto;
margin-bottom: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: visible;
}
.body-4 {
background-color: #000;
}
.slider {
object-fit: fill;
}
.image-43 {
object-fit: contain;
width: 100%;
padding-top: 0;
position: relative;
}
.footer-copy {
z-index: 3;
width: 100vw;
height: auto;
display: block;
position: static;
inset: auto 0% 0%;
}
.footer-2-copy {
z-index: 5;
vertical-align: bottom;
background-color: #000;
justify-content: center;
align-items: flex-end;
width: 100vw;
height: auto;
margin-top: 0;
margin-bottom: auto;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.div-block-65 {
grid-column-gap: 0px;
grid-row-gap: 0px;
min-width: auto;
min-height: 100vh;
}
.section-31 {
margin-top: 393px;
}
.about-cloud-div {
flex-flow: column;
width: 85%;
height: auto;
margin: 133px auto auto;
padding-top: 64px;
padding-left: 0;
}
.link-block-9 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
order: -1;
justify-content: center;
align-self: center;
align-items: center;
width: 90%;
min-height: 115px;
max-height: none;
margin-top: 11%;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 10%;
line-height: 10%;
display: flex;
inset: 0%;
overflow: hidden;
}
.heading-18 {
z-index: 2;
text-align: center;
font-size: 16px;
line-height: 16px;
position: absolute;
}
.image-45 {
vertical-align: middle;
padding-left: 0;
padding-right: 0;
position: absolute;
inset: 0%;
}
.footer-copy {
z-index: 3;
vertical-align: bottom;
width: 100vw;
height: auto;
display: inline-block;
position: absolute;
inset: auto 0% 0%;
}
.footer-copy.fixed1 {
flex-flow: row;
display: flex;
position: relative;
inset: auto 0% 0;
}
.footer-copy.fixed1-copy {
position: absolute;
inset: auto 0% 0;
}
.image-46 {
z-index: 4;
width: 65%;
position: absolute;
}
.container-4 {
width: 100%;
min-width: 100%;
height: auto;
min-height: auto;
margin-bottom: 0;
}
.section-32 {
width: 100%;
position: absolute;
inset: auto 0% 0%;
}
.body-5 {
overflow: hidden;
}
.background-video-6 {
height: 100%;
}
.footer-copy-copy {
z-index: 3;
vertical-align: bottom;
width: 100vw;
height: auto;
display: inline-block;
position: absolute;
inset: auto 0% 0%;
}
.section-33 {
position: relative;
}
.section-34 {
margin-top: 31px;
}
.background-video-8 {
object-fit: cover;
width: 100%;
min-width: 30%;
height: auto;
min-height: 25%;
margin-bottom: 0;
display: block;
position: relative;
overflow: visible;
}
.image-49 {
width: 100%;
height: 100%;
display: inline-flex;
}
.body-copy {
flex: 1;
display: flex;
}
.image-51 {
min-width: auto;
max-width: none;
min-height: auto;
}
.image-52 {
display: none;
}
.background-video-10 {
margin-top: 0;
}
.div-block-70 {
object-fit: cover;
overflow: hidden;
}
.image-53, .image-54 {
flex: 1;
}
.image-60 {
object-fit: cover;
flex: 1;
height: 100%;
min-height: 100%;
}
.section-36 {
display: none;
}
.section-37 {
z-index: 3;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 1;
height: auto;
min-height: 69svh;
position: static;
}
.hero-video-wrapper {
margin-top: 29px;
}
.image-63 {
width: 30%;
}
.image-66 {
object-fit: cover;
height: 100%;
min-height: 100%;
}
.wildfork-section-div {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
width: auto;
min-width: 100%;
height: auto;
min-height: auto;
margin-top: 0;
position: relative;
top: 0;
overflow: visible;
}
.div-block-75 {
grid-column-gap: 8px;
grid-row-gap: 8px;
object-fit: fill;
flex-flow: column;
flex: 0 auto;
width: 100%;
max-width: 100%;
display: flex;
position: relative;
}
.div-block-76 {
width: 49%;
min-width: 49%;
}
.section-39 {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: column;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
}
.div-block-77 {
flex-flow: row;
}
.section-40 {
flex-flow: wrap;
display: flex;
position: relative;
}
.space-tea-section {
height: 100vh;
overflow: visible;
}
.image-68 {
object-fit: cover;
position: relative;
overflow: hidden;
}
.div-block-78 {
flex-flow: column;
display: flex;
position: relative;
}
.div-block-79 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
width: 50%;
display: flex;
position: relative;
}
.div-block-80 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
justify-content: space-between;
width: auto;
display: flex;
position: relative;
}
.div-block-81 {
width: 100%;
position: relative;
}
.image-70 {
object-fit: cover;
}
.div-block-85 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.space-tea-section-side-div-block {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.space-tea-section-div {
grid-column-gap: 8px;
grid-row-gap: 8px;
position: relative;
}
.div-block-90 {
flex-flow: row;
}
.div-block-91 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.div-block-92 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 1;
}
.div-block-93 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
height: auto;
}
.bricks_section-wrapper_image_image_copy {
flex-flow: row;
height: auto;
}
.div-block-95 {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
align-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 100%;
margin-bottom: 0;
}
.div-block-96 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
}
.div-block-97 {
flex-flow: column;
flex: 1;
width: 100%;
}
.div-block-98 {
grid-column-gap: 8px;
grid-row-gap: 8px;
object-fit: contain;
flex-flow: column;
flex: 1;
align-items: stretch;
width: auto;
height: 100%;
margin-bottom: -16px;
display: flex;
}
.section-42 {
object-fit: fill;
display: flex;
}
.second-2-image-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
flex: 0 auto;
place-content: space-between center;
width: 100%;
min-width: 100%;
}
.div-block-99 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
align-self: auto;
width: 100%;
margin-top: 0;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.div-block-100 {
aspect-ratio: auto;
object-fit: fill;
display: block;
position: relative;
}
.div-block-101 {
z-index: 3;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
flex: 0 auto;
place-content: flex-start center;
align-self: flex-start;
width: 100%;
min-height: 100%;
padding-top: 0;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.div-block-102 {
z-index: 3;
flex-flow: column;
width: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
inset: 0% 0% 0;
}
.div-block-103 {
flex-flow: column;
place-content: flex-start center;
display: flex;
position: relative;
}
.div-block-104 {
z-index: 4;
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
min-width: 40%;
max-width: 100%;
margin-bottom: 6px;
padding-right: 0;
display: flex;
position: relative;
top: 0;
}
.project-page-title {
color: #fff;
text-align: left;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 18px;
display: flex;
position: relative;
}
.div-block-106 {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-top: 0;
}
.div-block-109 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
margin-top: 16px;
display: none;
}
.div-block-110 {
width: 100%;
}
.div-block-111, .div-block-112 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.div-block-113 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
align-content: flex-start;
width: auto;
min-height: auto;
margin-bottom: auto;
display: flex;
position: relative;
}
.vertical_title_body_copy-div {
height: 100%;
}
.div-block-115 {
z-index: 6;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex: 1;
justify-content: space-between;
align-self: auto;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding: 0;
display: flex;
position: absolute;
inset: auto 0% 8%;
}
.image-74, .image-75 {
overflow: visible;
}
.link-block-10 {
justify-content: flex-start;
align-items: center;
width: 20%;
min-width: auto;
height: auto;
min-height: 0%;
}
.link-block-11 {
width: 20%;
}
.heading-19-copy, .link-text {
font-size: 12px;
}
.div-block-119, .image-76 {
width: 100%;
}
.image-77 {
margin-bottom: 0;
}
.div-block-123 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
width: 100%;
display: flex;
}
.image-80 {
width: 100%;
}
.div-block-124 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
align-self: flex-end;
width: 100%;
margin-top: -72px;
margin-bottom: 0;
display: flex;
}
.div-block-125 {
grid-column-gap: 8px;
grid-row-gap: 8px;
position: relative;
}
.heading-21 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
place-content: flex-end center;
align-items: flex-end;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
display: flex;
overflow: visible;
}
.div-block-126 {
flex-flow: wrap;
margin-bottom: 0;
padding-bottom: 0;
}
.div-block-127 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.div-block-128 {
aspect-ratio: 16 / 9;
object-fit: cover;
width: auto;
height: auto;
min-height: auto;
position: absolute;
inset: 0% 0% auto;
}
.div-block-129 {
z-index: 5;
width: auto;
min-width: auto;
height: auto;
min-height: auto;
margin-top: 57%;
margin-bottom: auto;
padding-bottom: 0;
position: relative;
inset: 0% 0% auto;
}
.background-video-11 {
position: relative;
}
.background-video-12 {
justify-content: center;
align-items: flex-start;
width: 100%;
height: auto;
padding-bottom: 0;
display: block;
}
.div-block-131 {
padding-top: 0;
}
.div-block-133 {
margin-bottom: auto;
}
.div-block-134 {
flex-flow: row;
}
.div-block-135 {
overflow: visible;
}
.div-block-136 {
flex-flow: column;
}
.div-block-137 {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: flex-start;
align-items: stretch;
margin-right: 32px;
position: relative;
}
.div-block-138 {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67e5f921b341c44ecbe3be52_Damn_long_baloncesto.avif");
background-position: 50% 100%;
background-size: 1205px;
display: block;
overflow: hidden;
}
.div-block-139 {
min-height: auto;
max-height: none;
margin-top: auto;
margin-bottom: auto;
padding-bottom: 0;
bottom: 0;
}
.section-44 {
z-index: 5;
text-align: center;
margin-top: 0;
margin-bottom: 0;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: absolute;
inset: 34% 0% 0% auto;
}
.div-block-140 {
object-fit: cover;
margin-top: 337px;
padding-top: 0;
}
.div-block-143 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: none;
background-repeat: repeat;
background-size: auto;
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: -652px;
padding: 0 0 7px;
}
.form-block {
width: 100%;
}
.body-6 {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67e5f7fffb63c4ac4a45033a_DTS_la_calma_Parole_Dure_Photos_ID5847.avif");
background-position: 50% 100%;
background-size: 100svw;
}
.div-block-144 {
font-family: Pixelify Sans, sans-serif;
}
.about-cloud-div-001 {
flex-flow: column;
justify-content: flex-end;
align-items: center;
min-width: 85%;
height: auto;
min-height: 75%;
margin: 0 auto;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: absolute;
inset: auto 0% -64%;
}
.paragraph-4 {
color: #000;
padding: 0 43px 0 0;
font-family: Pixelify Sans, sans-serif;
font-size: 10px;
line-height: 12px;
display: block;
inset: 62% 19% 0% 0%;
}
.heading-18-copy {
z-index: 2;
text-align: center;
font-size: 16px;
line-height: 16px;
position: absolute;
}
.about-heading {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #000;
text-align: left;
justify-content: flex-start;
align-items: center;
margin-top: auto;
padding-left: 0;
font-family: Thatthatnewpixelvf, Arial, sans-serif;
font-size: 37px;
font-weight: 400;
position: relative;
inset: 0%;
}
.div-block-145 {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: none;
background-position: 0 0;
background-size: auto;
flex-flow: wrap;
flex: 1;
order: 0;
place-content: center;
align-self: center;
align-items: center;
width: 100%;
height: 0%;
min-height: 150px;
margin-top: 49%;
margin-bottom: auto;
padding-bottom: 0;
display: flex;
position: relative;
inset: 0% auto 0% 0%;
}
.link-block-12 {
width: 100%;
height: 100%;
margin-bottom: auto;
display: block;
position: absolute;
inset: 0%;
}
.button-2 {
z-index: 3;
color: #000;
background-color: #fff;
border: 3px solid #000;
border-radius: 7px;
margin-top: 112px;
position: relative;
}
.image-82 {
margin-top: 0;
padding-left: 0;
padding-right: 0;
position: absolute;
inset: 0%;
}
.image-45-copy {
vertical-align: middle;
padding-left: 0;
padding-right: 0;
position: absolute;
inset: 0%;
}
.div-block-146 {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
filter: contrast(200%);
text-align: left;
background-color: #fff0;
justify-content: center;
align-items: flex-start;
height: auto;
margin-top: 0;
padding-left: 18px;
position: absolute;
inset: auto 0% 15%;
}
.link-block-13 {
width: 55%;
height: 27%;
margin: auto;
padding-top: 5%;
padding-bottom: 24px;
padding-left: 5%;
inset: 32% 0% 0%;
}
.heading-24 {
margin-top: -44px;
margin-bottom: 32px;
font-family: Pixelify Sans, sans-serif;
}
.heading-25 {
z-index: 4;
color: #fff;
padding-left: 24px;
font-family: Pixelify Sans, sans-serif;
position: relative;
}
.process-cloud-wrapper-div {
margin-top: 20%;
margin-bottom: 0;
display: block;
top: 2%;
}
.process-cloud-image-w-drop {
margin-left: -10px;
padding-top: 11px;
padding-bottom: 13px;
padding-right: 10px;
}
.process-cloud-wrapper-div-2 {
margin-top: 0;
top: 26%;
}
.process-cloud-wrapper-div-3 {
margin-bottom: auto;
inset: 64% 0% auto;
}
.process-heading {
font-size: 24px;
line-height: 32px;
}
.div-block-149 {
margin-top: 38px;
}
.paragraph-6 {
font-size: 12px;
line-height: 12px;
}
.div-block-151 {
top: -1px;
}
.div-block-152 {
flex-flow: wrap;
display: flex;
right: 12px;
}
.div-block-153 {
left: 32px;
}
.process-body {
color: #fff;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 10px;
line-height: 12px;
}
.process-cloud-wrapper-div-copy {
inset: auto 0% -17%;
}
.div-block-150-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: flex-start;
margin-top: auto;
padding-top: 0;
padding-bottom: 150px;
}
.div-block-149-copy {
width: 100%;
margin-top: 77px;
padding-right: 58px;
}
.process-cloud-image-w-drop-copy {
margin-left: 16px;
padding-top: 0;
padding-bottom: 13px;
padding-right: 0;
}
.section-48 {
width: 100vw;
height: 100%;
display: block;
position: static;
}
.image-85 {
margin-bottom: 16px;
}
.image-86 {
padding-top: 0;
}
.image-87 {
overflow: visible;
}
.body-7 {
flex-flow: column;
align-items: stretch;
display: flex;
}
.section-49 {
flex-flow: column;
width: 100%;
margin-top: 3px;
display: flex;
}
.section-50 {
flex-flow: column;
display: flex;
}
.image-88 {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.div-block-157 {
flex-flow: wrap;
justify-content: space-between;
position: relative;
}
.image-91 {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.div-block-158 {
grid-column-gap: 17px;
grid-row-gap: 17px;
justify-content: space-between;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: visible;
}
.section-51 {
flex-flow: wrap;
display: flex;
}
.image-92 {
position: relative;
}
.image-93 {
height: 100%;
position: relative;
}
.div-block-159 {
display: none;
position: relative;
}
.section-54 {
position: relative;
overflow: hidden;
}
.previous-next-bathhouse-div-block {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: flex-start;
margin-top: 0;
margin-bottom: 39px;
padding-top: 0;
padding-bottom: 0;
bottom: 0%;
}
.div-block-162 {
z-index: 3;
grid-column-gap: 8px;
grid-row-gap: 8px;
position: relative;
}
.image-96 {
position: relative;
}
.section-55 {
margin-top: 16px;
margin-bottom: 16px;
}
.div-block-164 {
align-self: flex-start;
}
.div-block-165 {
flex-flow: column;
}
.div-block-166 {
flex-flow: column;
position: relative;
}
.image-100 {
overflow: hidden;
}
.section-56 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.section-57 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.yg-div-block {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.the-standard-div-block {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
flex: 0 auto;
margin-top: 0;
display: block;
top: 82px;
}
.div-block-190 {
display: flex;
}
.div-block-195 {
margin-top: -40px;
}
.div-block-196 {
top: -62px;
}
.div-block-197 {
bottom: 8%;
}
.section-61 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
flex: 0 auto;
display: flex;
}
.travissecond-section-div-block-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
flex-flow: column;
flex: 1;
place-content: stretch space-between;
align-items: baseline;
margin-top: 0;
display: flex;
bottom: 3px;
}
.div-block-199 {
flex: 1;
display: flex;
position: relative;
}
.div-block-200 {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
flex: 1;
display: flex;
position: relative;
}
.div-block-201 {
flex-flow: wrap;
display: flex;
}
.div-block-202 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
display: flex;
}
.div-block-203, .div-block-204 {
flex-flow: wrap;
display: flex;
}
.div-block-205 {
flex-flow: wrap;
display: none;
}
.image-113 {
object-fit: cover;
flex: 1;
position: relative;
}
.div-block-206 {
flex: 1;
display: flex;
}
.div-block-207 {
height: 100%;
min-height: 100%;
position: static;
overflow: hidden;
}
.image-114 {
object-fit: cover;
width: auto;
height: 100%;
min-height: 100%;
}
.div-block-213 {
align-content: center;
}
.div-block-216 {
height: 100%;
}
.div-block-217 {
flex: 1;
overflow: visible;
}
.image-117 {
object-fit: cover;
position: relative;
}
.div-block-219 {
grid-column-gap: 8px;
grid-row-gap: 8px;
position: relative;
}
.div-block-221 {
z-index: 4;
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.div-block-223 {
flex: 1;
height: auto;
}
.image-119 {
min-height: auto;
}
.div-block-225 {
flex-flow: row;
flex: 1;
width: 100%;
}
.div-block-226 {
width: 100%;
position: relative;
}
.misc-graphics-section-div-block-1 {
grid-column-gap: 8px;
grid-row-gap: 8px;
object-fit: fill;
flex-flow: column;
flex: 1;
place-content: flex-start;
align-self: auto;
align-items: flex-start;
width: 100%;
min-height: auto;
margin-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
bottom: 0;
}
.heading-29 {
width: 100%;
font-size: 48px;
line-height: 48px;
}
.div-block-228 {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
position: relative;
}
.image-100-copy {
overflow: hidden;
}
.triple-posters-section-div-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: visible;
}
.div-block-230 {
width: 100%;
}
.ama-section-misc-graphics {
z-index: 2;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
flex: 1;
display: flex;
position: relative;
}
.div-block-232 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
}
.section-copy-misc-graphics-dicv {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: wrap;
flex: 1;
place-content: flex-start space-between;
align-items: flex-start;
height: 100%;
margin-top: 0;
display: flex;
position: relative;
inset: 0% 0% auto;
overflow: visible;
}
.div-block-234 {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
position: relative;
}
.div-block-235 {
width: 40%;
display: flex;
position: relative;
}
.image-123 {
object-fit: cover;
height: 100%;
position: relative;
}
.div-block-236 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.div-block-242 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
height: 100%;
}
.image-128, .div-block-243 {
width: 100%;
}
.section-63 {
overflow: visible;
}
.bricks-second-section-div-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
object-fit: fill;
flex-flow: wrap;
flex: 1;
place-content: flex-start space-between;
align-items: baseline;
margin-top: 0;
display: flex;
bottom: 3px;
overflow: visible;
}
.image-130 {
flex: 1;
align-self: flex-end;
height: 100%;
min-height: 100%;
}
.div-block-249 {
align-items: flex-end;
}
.image-131, .image-132 {
flex: 1;
}
.div-block-252 {
flex-flow: column;
}
.div-block-255 {
display: none;
}
.div-block-258 {
z-index: 3;
aspect-ratio: auto;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
width: 100%;
min-width: auto;
height: 100%;
min-height: 100%;
overflow: visible;
}
.div-block-259 {
display: flex;
}
.div-block-261 {
flex: 1;
height: 100%;
}
.italic-text-2 {
width: 100%;
margin-bottom: 32px;
display: flex;
overflow: visible;
}
.div-block-262 {
z-index: 3;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 0 auto;
position: relative;
}
.div-block-263 {
width: 100%;
min-width: 100%;
display: flex;
}
.div-block-264 {
top: 9px;
}
.div-block-265 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.div-block-266 {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: flex-start;
}
.div-block-267, .div-block-271 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.div-block-272 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
margin-top: 0;
}
.div-block-273 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
}
.div-block-274 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
height: 100%;
}
.div-block-275 {
height: 100%;
min-height: 100%;
}
.div-block-276 {
flex-flow: column;
min-width: 75%;
padding-bottom: 12px;
}
.image-144 {
height: 100%;
}
.div-block-279 {
grid-column-gap: 0px;
grid-row-gap: 0px;
min-width: 75%;
margin-top: 0;
margin-bottom: 0;
display: block;
position: relative;
}
.div-block-280 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
margin-top: 0;
margin-bottom: 12px;
}
.project-title-heading-copy {
text-align: center;
object-fit: cover;
flex-flow: wrap;
place-content: flex-start;
align-self: flex-start;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
font-size: 22px;
line-height: 30px;
display: flex;
}
.caste_volt_stool_wrapper {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
display: none;
}
.div-block-286 {
margin-top: 0;
}
.section-65 {
margin-bottom: 0;
top: 0%;
}
.section-66 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
margin-top: 58px;
margin-bottom: 0;
display: flex;
}
.purps-section-div-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
flex: 0 auto;
justify-content: flex-start;
align-self: flex-start;
width: auto;
max-width: none;
min-height: auto;
margin-top: auto;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: visible;
}
.div-block-288 {
grid-column-gap: 8px;
grid-row-gap: 8px;
margin-bottom: 0;
}
.section-67 {
display: block;
}
.div-block-289 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.div-block-292 {
grid-column-gap: 8px;
grid-row-gap: 8px;
height: auto;
max-height: 100%;
}
.div-block-293 {
grid-column-gap: 8px;
grid-row-gap: 8px;
width: 70%;
overflow: hidden;
}
.div-block-294 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.image-153 {
flex: 1;
}
.div-block-295 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.div-block-296 {
width: 100%;
}
.div-block-298 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
}
.div-block-300 {
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.div-block-301 {
flex: 1;
height: 100%;
overflow: visible;
}
.div-block-302 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
height: 39%;
overflow: hidden;
}
.div-block-303 {
flex: 1;
align-self: flex-start;
width: 25%;
}
.div-block-304 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
display: none;
position: relative;
}
.div-block-305 {
flex: 1;
width: 25%;
display: flex;
}
.div-block-306 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
width: 60%;
padding-right: 0;
overflow: scroll;
}
.div-block-307 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.div-block-308 {
flex: 1;
width: 100%;
}
.div-block-309 {
flex: 1;
}
.div-block-310 {
object-fit: cover;
flex: 1;
display: flex;
position: relative;
}
.div-block-311 {
display: none;
}
.div-block-313 {
object-fit: cover;
flex: 1;
display: flex;
position: relative;
}
.div-image-left-copy-right-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
flex: 1;
width: 100%;
height: 68%;
}
.div-block-320 {
flex-flow: column;
}
.triple-posters-section-div-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
object-fit: cover;
flex-flow: row;
flex: 1;
justify-content: flex-start;
align-items: stretch;
height: auto;
min-height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.purps-section-div-copy {
z-index: 3;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-self: flex-start;
width: auto;
max-width: none;
min-height: auto;
margin-top: auto;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: visible;
}
.div-block-330 {
height: 100%;
}
.div-block-331 {
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
overflow: hidden;
}
.div-block-332 {
margin-top: 20px;
}
.div-block-347 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 1;
display: flex;
}
._3-image-div-block {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
}
.div-block-352 {
grid-column-gap: 8px;
grid-row-gap: 8px;
max-height: none;
}
.image-167, .image-168, .div-block-355 {
height: 100%;
}
.div-block-356 {
min-height: 100%;
}
.div-block-357 {
height: 100%;
}
.second-2-image-div-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
flex: 0 auto;
place-content: space-between center;
width: 100%;
min-width: 100%;
}
.div-block-358 {
grid-column-gap: 12px;
grid-row-gap: 12px;
height: 100%;
position: relative;
}
.image-170 {
min-height: 100%;
overflow: clip;
}
.div-block-359 {
z-index: 3;
grid-column-gap: 8px;
grid-row-gap: 8px;
height: auto;
min-height: auto;
position: relative;
}
.div-block-360 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 1;
position: static;
overflow: visible;
}
.div-block-361 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
}
.div-block-362 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
height: 100%;
}
.div-block-363 {
display: block;
}
.div-block-365 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.gallery_image_wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
}
.gallery_image_div {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.yg-text-div-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: flex-start;
align-items: stretch;
width: 100%;
min-width: 30%;
max-width: 100%;
min-height: auto;
margin-top: auto;
margin-bottom: auto;
display: inline-flex;
}
.gallery_grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr;
}
.div-block-375 {
grid-column-gap: 8px;
grid-row-gap: 8px;
padding-top: 12px;
}
.purps-section-div-copy-copy {
z-index: 3;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-self: flex-start;
width: auto;
max-width: none;
min-height: auto;
margin-top: auto;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: visible;
}
.red_bull_van_gif {
top: 147px;
}
.red_bull_van_gif_wrap {
position: absolute;
bottom: 37vh;
}
.section-50-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
margin-top: 0;
margin-bottom: 12px;
display: flex;
}
.section-30-copy {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
flex: 1;
place-content: flex-start center;
align-items: stretch;
margin-top: 0;
display: flex;
position: relative;
top: 0;
overflow: visible;
}
.second-2-image-div-copy-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
flex: 0 auto;
place-content: space-between center;
align-self: center;
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
margin-top: 0;
}
.div-block-389 {
grid-column-gap: 8px;
grid-row-gap: 8px;
height: 100%;
min-height: 100%;
}
.div-block-391 {
align-self: flex-end;
}
.div-block-331-copy {
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
overflow: hidden;
}
.div-block-162-copy {
z-index: 3;
grid-column-gap: 8px;
grid-row-gap: 8px;
position: relative;
}
.purps-section-div-copy-copy-copy {
z-index: 3;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-self: flex-start;
width: auto;
max-width: none;
min-height: auto;
margin-top: auto;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: visible;
}
.div-block-123-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
width: 100%;
display: flex;
}
.yg-text-div-copy-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: flex-start;
align-items: stretch;
width: 100%;
min-width: 30%;
max-width: 100%;
min-height: auto;
margin-top: auto;
margin-bottom: auto;
display: inline-flex;
}
.div-block-125-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
position: relative;
}
.triple-posters-section-div-copy-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
object-fit: cover;
flex-flow: row;
flex: 1;
justify-content: flex-start;
align-items: stretch;
height: auto;
min-height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.footer-div-block {
bottom: 0;
}
.header-cloud {
display: none;
position: absolute;
inset: 0% 0% auto;
}
.div-block-394 {
z-index: 2;
position: absolute;
}
.heading-32 {
z-index: 2;
position: relative;
}
.header-logo {
z-index: 7;
vertical-align: top;
object-fit: fill;
flex: 0 auto;
align-self: flex-start;
width: 71%;
height: 100%;
display: block;
position: relative;
inset: 0% 0% auto;
overflow: visible;
}
.div-block-395 {
height: 72px;
display: block;
}
.header-logo-div-block {
z-index: 5;
width: auto;
min-width: 39px;
height: 68px;
margin-top: 1px;
margin-left: 16px;
padding-left: 0;
inset: 0% auto 0% 0%;
}
.body-div-block {
margin-left: auto;
margin-right: auto;
display: block;
inset: auto 0% 0%;
}
.header-div-block {
display: flex;
}
.hamburger-menu-div-block {
margin-top: 16px;
margin-right: 16px;
display: none;
inset: -11px 0% auto auto;
}
.basic-setup-section {
background-image: none;
position: relative;
}
.body-section-001 {
padding-left: 16px;
padding-right: 16px;
}
.spacer-body-div-block {
margin-bottom: -160px;
display: flex;
}
.bg-and-footer-div-block {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67eb36e5f89f037256177247_Mobile_Damn_long_baloncesto.avif");
background-position: 50% 100%;
background-size: 100%;
top: 329px;
}
.div-block-399 {
z-index: 2;
width: 100vw;
position: absolute;
inset: 0% 0% auto;
}
.mobil-header-cloud {
z-index: 2;
position: absolute;
inset: 0% 0% auto;
}
.mobile-header-cloud-div-block {
z-index: 4;
width: 100vw;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.header-logo-div-block-01 {
z-index: 6;
width: 92px;
min-width: 52%;
min-height: 100%;
margin-top: 16px;
padding-left: 16px;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.div-block-400 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.div-block-401 {
border-radius: 8px;
overflow: hidden;
}
.div_dusk_crowd-image {
border-radius: 5px;
}
.div-block-403 {
flex: 1;
}
.image-188 {
max-width: 40vw;
position: relative;
}
.heading-33 {
font-size: 32px;
}
.text_div_text-block_dusk {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
}
.paragraph-7 {
margin-bottom: 0;
font-size: 10px;
line-height: 12px;
position: relative;
}
.heading-34 {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
line-height: 20px;
position: relative;
}
.image-189 {
border: 2px #000;
border-radius: 8px;
}
.image-190, .image-191 {
border: 3px #000;
border-radius: 8px;
}
.div-block-405, .div-block-406 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.div-block-407 {
display: flex;
}
.div-block-408 {
margin-top: 16px;
display: flex;
position: static;
}
.image-192 {
margin-bottom: -6px;
display: block;
bottom: 0;
}
.div-block-409 {
display: flex;
}
.youtube {
border-radius: 8px;
}
.flying-cloud-dusk-and-haze-div-block {
margin-top: 0;
display: flex;
position: relative;
inset: -15% 0% 0%;
}
.body-class {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67eb36e5f89f037256177247_Mobile_Damn_long_baloncesto.avif");
background-position: 50% 0;
background-size: 100vw 2589vh;
}
.body-class.homepage {
height: auto;
}
.image-194 {
position: static;
}
.navbar-3 {
height: 170px;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.brand-2 {
width: 20%;
}
.brand-2.w--current {
width: 10%;
}
.div-block-413 {
margin-top: -13px;
margin-left: 16px;
margin-right: 16px;
}
.menu-button {
margin-top: 0;
}
.div-block-414 {
margin-top: -59px;
display: inline-flex;
position: sticky;
}
.div-block-415 {
margin-top: -25px;
display: block;
position: sticky;
}
.image-195 {
display: inline-flex;
}
.image-196 {
display: none;
}
.section-69 {
min-height: 20vh;
}
.spline-responsive {
width: 100vw;
top: -9%;
}
.bg-image-div {
background-image: none;
}
.lottie-section {
width: 100vw;
inset: 13% 0% auto;
}
.lottie-animation-5 {
margin-top: 89px;
inset: 0 0% auto;
}
.cloud_video_div.cloud-3 {
display: inline-flex;
}
.cloud_video_div.cloud-2 {
width: 80vw;
top: -104px;
}
.home02_cloud02_section {
margin-top: 0;
margin-bottom: 10vh;
}
.home02_cloud03_section {
margin-top: 185px;
margin-bottom: 6vh;
position: relative;
}
.container-8 {
width: 100%;
}
.home02_cloud_contact_section {
height: 46vh;
min-height: 50vh;
margin-top: -111px;
margin-bottom: -357px;
top: -395px;
}
.contact-cloud-bg {
background-image: none;
background-repeat: repeat;
background-size: auto;
flex-flow: column;
flex: 0 auto;
height: auto;
display: flex;
top: 29vh;
left: auto;
right: auto;
}
.form-block-2 {
width: 100%;
margin-top: 17px;
margin-bottom: -8px;
margin-left: 0;
padding-right: 0;
}
.text-field-5 {
width: 100%;
padding-left: 5px;
padding-right: 0;
}
.submit-button-3 {
padding: 2px 7px;
font-size: 10px;
}
.form-3 {
padding-right: 0;
}
.heading-35 {
margin-top: 0;
margin-bottom: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
line-height: 60px;
position: relative;
top: 0;
left: 0%;
}
.div-block-421 {
position: relative;
}
.div-block-422 {
z-index: 5;
grid-column-gap: 8px;
grid-row-gap: 8px;
margin-top: -64%;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
font-size: 28vw;
}
.client-reel-section {
margin-top: 71px;
margin-bottom: 4px;
display: block;
top: -83px;
}
.heading-36 {
justify-content: center;
align-items: flex-start;
margin: 0 12px;
padding-left: 0;
padding-right: 0;
font-size: 6vw;
display: flex;
}
.heading-37 {
font-size: 12px;
}
.div-block-423 {
display: none;
top: -15%;
}
.spline-scene-7 {
z-index: 4;
justify-content: center;
align-items: flex-end;
height: 25vh;
margin-bottom: auto;
display: flex;
position: absolute;
inset: auto 0% -177px;
}
.section-71 {
height: 10vh;
display: block;
bottom: 6.1vh;
}
.paragraph-8 {
font-size: 12px;
line-height: 12px;
}
.heading-40 {
text-align: right;
justify-content: center;
align-items: baseline;
min-width: 100%;
max-width: 100%;
margin-right: -16px;
padding-right: 17px;
font-size: 150%;
line-height: 100%;
display: flex;
position: relative;
}
.section-72 {
margin-top: 0;
display: none;
}
.div-block-409-copy {
display: flex;
}
.div_dusk_crowd-image-copy {
border-radius: 5px;
}
.latteral_copy_image_wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
flex: 0 auto;
}
.lightbox-link-28 {
border-radius: 4px;
flex: 1;
display: flex;
overflow: hidden;
}
.lightbox-link-29 {
width: 100%;
height: 100%;
min-height: 100%;
}
.image-203 {
object-fit: cover;
width: 100%;
height: 100%;
}
.div-block-434 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.red-bull-unforeseen {
height: auto;
min-height: 90vh;
display: block;
overflow: visible;
}
.lightbox-link-36 {
height: 100%;
position: relative;
}
.lightbox-link-40 {
min-height: auto;
}
.lightbox-link-42 {
height: 100%;
}
.lightbox-link-46, .lightbox-link-47 {
height: auto;
display: flex;
}
.lightbox-link-48 {
object-fit: cover;
height: 100%;
min-height: 100%;
display: block;
position: static;
overflow: hidden;
}
.div-block-442, .div-block-443, .div-block-444 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.triple-posters-section-div-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
height: auto;
min-height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: visible;
}
.div-block-445 {
grid-column-gap: 17px;
grid-row-gap: 17px;
height: auto;
}
.div-block-446 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.div-block-449 {
margin-bottom: 0;
}
.div-block-450 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
position: relative;
}
.div-block-451 {
height: 100%;
}
.nurse-john-section {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
flex: 1;
justify-content: flex-start;
align-self: flex-start;
width: auto;
max-width: none;
min-height: auto;
margin-top: auto;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: visible;
}
.lightbox-link-49 {
aspect-ratio: auto;
height: 100%;
overflow: hidden;
}
.div-block-464 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.section-videos, .section-videos-2 {
padding-left: 1rem;
padding-right: 1rem;
}
.div-block-467 {
min-height: 100%;
}
.div-block-468 {
flex-flow: row;
}
.div-block-470 {
flex-flow: row;
width: 100%;
max-width: 100%;
}
.div-block-471 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
position: relative;
inset: -124px 0% 59%;
}
.lightbox-link-36-copy {
max-width: none;
height: 100%;
}
.travis-first-section-div-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
bottom: 0;
}
.div-block-472 {
flex: 1;
width: 18.7296%;
max-height: none;
position: relative;
}
.div-block-473 {
flex: 1;
display: flex;
}
.div-block-474 {
flex: 0 auto;
}
.project-page-title-copy {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 53px;
position: relative;
}
.section-75 {
grid-column-gap: 8px;
grid-row-gap: 8px;
margin-bottom: 0;
}
.div-block-475 {
width: 75%;
margin-top: -140px;
}
.project-header-type-copy {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
font-family: Pixelify Sans, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 18px;
position: relative;
}
.div-block-61-copy {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-width: auto;
min-height: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
left: 0;
}
.div-block-478 {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
position: relative;
}
.div-block-479 {
object-fit: cover;
width: 60%;
height: 100%;
}
.div-block-480 {
flex: 1;
}
.heading-44 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 24px;
line-height: 26px;
}
.div-block-481 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
display: flex;
}
.div-block-482 {
flex: 1;
min-width: 15rem;
}
.div-block-483 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 1;
width: 100%;
margin-top: 0;
display: flex;
position: relative;
}
.div-block-484 {
flex: 1;
display: flex;
position: relative;
}
.div-block-226-copy {
width: 100%;
display: none;
position: relative;
}
.lightbox-link-45-copy {
display: none;
}
.lightbox-link-55 {
border-radius: 8px;
height: 100%;
overflow: hidden;
}
.lightbox-link-56, .lightbox-link-57 {
border-radius: 8px;
overflow: hidden;
}
.div-block-485 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 1;
display: flex;
}
.div-block-486 {
flex: 1;
}
.div-block-487 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex: 1;
height: 100%;
min-height: auto;
display: flex;
}
.div-block-488 {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.div-block-489 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
display: flex;
}
.lightbox-link-58 {
border-radius: 8px;
overflow: hidden;
}
.div-block-54-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
vertical-align: middle;
height: 0;
margin: -137px auto 137px;
padding-top: 0%;
padding-bottom: 0;
position: absolute;
inset: 120px 0% 0%;
overflow: visible;
}
.div-block-154-copy {
margin-bottom: -284px;
display: block;
position: relative;
}
.div-block-61-copy {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-top: 0;
margin-bottom: 256px;
padding-top: 0;
padding-bottom: 138px;
display: flex;
left: 0;
}
.process-body-copy {
color: #fff;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
font-size: 10px;
line-height: 12px;
}
.div-block-115-copy {
z-index: 6;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
justify-content: space-between;
align-items: stretch;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.balloon-letter-intake-container {
height: 35vh;
margin-top: 0;
}
.section-76 {
height: 75vh;
margin-top: 104px;
padding-top: 0;
display: block;
position: relative;
}
.div-block-504 {
bottom: -14vh;
}
.container-11 {
height: 35vh;
}
.container-12 {
height: 35vh;
position: relative;
}
.container-13 {
position: relative;
}
.section-76-copy {
display: none;
position: relative;
}
.process-balloon-div-block {
width: 100%;
padding-top: 0;
top: 52px;
left: auto;
}
.div-block-525 {
margin-left: auto;
margin-right: auto;
}
.div-block-526 {
margin-left: 33px;
margin-right: 33px;
}
.div-block-527 {
margin-left: 32px;
margin-right: 32px;
}
.dic-block-527 {
margin-left: 34px;
margin-right: 34px;
}
.mobile-creation-balloons {
position: relative;
}
.paragraph-18 {
margin-left: 32px;
margin-right: 32px;
}
.section-77 {
width: 90%;
margin-left: auto;
margin-right: auto;
display: none;
position: relative;
top: -114px;
}
.mobile-final-section {
margin-top: 96px;
display: none;
position: relative;
}
.paragraph-19 {
margin-left: 32px;
margin-right: 32px;
}
.spline-scene-8 {
margin-top: -6px;
overflow: visible;
}
.section-79, .section-80 {
position: relative;
}
.div-block-541 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 1;
justify-content: center;
align-items: flex-start;
}
.image-mobile-background-caste-larger {
inset: auto 0% 0%;
}
.travis-first-section-div-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex-flow: column;
flex: 1;
place-content: stretch flex-start;
align-items: flex-start;
margin-top: 0;
display: flex;
bottom: 0;
}
.div-block-542 {
width: 59%;
display: flex;
}
.div-block-543 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
display: flex;
}
.offwhite-img-01 {
flex: 1;
align-self: flex-start;
min-height: 100%;
display: block;
position: relative;
inset: 0% 0% auto;
overflow: hidden;
}
.main-wrapper {
margin-top: 166px;
top: 16px;
}
.image-254 {
display: none;
}
.nav_menu {
margin-right: 12px;
padding: 47px 44px 56px 109px;
}
.text-field-6 {
flex: 1;
margin-bottom: 5px;
}
.form-block-3 {
padding: 56px;
}
.lightbox-standard.yg-lightbox {
max-height: 50vh;
}
.image-256 {
display: block;
}
.page-wrapper {
min-width: 100vw;
margin-top: 0;
bottom: 0;
}
.footer_main_div {
margin-top: 0;
}
.field-label-8 {
font-size: .75rem;
line-height: 1;
}
.div-block-545 {
text-align: left;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 121px;
height: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 3px;
font-size: .75rem;
line-height: 2.3;
}
.text-field-7 {
flex: 1;
}
.background_image_img {
margin-bottom: 169px;
}
.bostom_background_image_div {
margin-top: 71px;
margin-bottom: auto;
padding-top: 72px;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.section_bg-image {
margin-bottom: -48px;
display: block;
}
.footer_logo_div_block {
margin-right: 32px;
}
.div-block-547 {
grid-column-gap: 6px;
grid-row-gap: 6px;
margin-top: 29px;
margin-bottom: 121px;
padding: 19px 32px 90px 26px;
}
.field-label-9 {
font-size: .75rem;
line-height: 1;
}
.div-block-548 {
margin-left: 11px;
margin-right: 11px;
padding-left: 8px;
padding-right: 8px;
}
.div-block-549 {
top: -13%;
right: -19px;
}
.section-81 {
top: 0%;
}
.heading-46.text-align-right {
text-align: left;
padding-left: 0;
padding-right: 104px;
display: none;
}
.cloud-copy-div-2 {
z-index: 2;
width: 150px;
}
.button-3 {
flex: 1;
align-self: center;
}
.heading-47.heading-style-h1 {
text-align: left;
justify-content: flex-start;
align-items: center;
margin-top: -.6rem;
padding-top: 0;
padding-left: 0;
padding-right: 0;
line-height: 1.6rem;
left: 28px;
}
.heading-47.heading-style-h1-2-copy {
text-align: left;
justify-content: flex-start;
align-items: center;
margin-top: -.6rem;
padding-top: 0;
padding-left: 0;
padding-right: 0;
line-height: 1.6rem;
left: 39px;
}
.heading-47.heading-style-h1-copy {
text-align: left;
justify-content: flex-start;
align-items: center;
margin-top: -.6rem;
padding-top: 0;
padding-left: 0;
padding-right: 0;
line-height: 1.6rem;
left: 28px;
}
.div-block-550 {
flex: 0 auto;
position: static;
top: 0;
}
.div-block-552 {
margin-right: 138px;
}
.image-263 {
display: none;
}
.heading13 {
font-size: 24px;
line-height: 24px;
position: relative;
}
.div-block-546-copy {
background-image: none;
background-repeat: repeat;
background-size: auto;
}
.div-block-545-copy {
text-align: left;
text-align: left;
justify-content: flex-start;
align-self: flex-start;
align-items: center;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 3px;
font-size: .75rem;
line-height: 1;
}
.image-264 {
display: none;
}
.div-block-555 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
margin-bottom: 12px;
display: flex;
}
.div-block-550-copy {
flex: 0 auto;
position: static;
top: 0;
}
.heading-48 {
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 37px;
font-weight: 400;
line-height: 31px;
}
.flex-block-2 {
margin-top: 19px;
position: relative;
}
.div-block-557 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
flex: 1;
display: flex;
}
.footer-div-copy {
z-index: 3;
flex: 1;
justify-content: flex-end;
align-items: flex-end;
margin-top: 0;
margin-bottom: 0;
padding: 14px 32px 32px 0;
display: flex;
position: relative;
inset: 0% 0% auto;
overflow: visible;
}
.footer-div-copy3 {
z-index: 3;
flex: 1;
justify-content: flex-end;
align-items: flex-end;
margin-top: 0;
margin-bottom: 0;
padding: 14px 32px 32px 0;
display: flex;
position: relative;
inset: 0% 0% auto;
overflow: visible;
}
.image-37-copy {
vertical-align: bottom;
align-self: auto;
width: 100%;
max-width: none;
height: auto;
margin: 0 auto auto;
padding-bottom: 0;
position: relative;
bottom: 0;
right: auto;
overflow: hidden;
}
.div-block-55-copy {
margin-top: 0%;
margin-bottom: 0%;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
top: 0;
}
.div-block-5525-copy {
margin-top: -47%;
margin-bottom: 0%;
padding-top: 0;
padding-bottom: 0;
position: relative;
top: 141px;
}
.div-block-544-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
vertical-align: middle;
height: auto;
min-height: 100vh;
margin: 159px auto 0;
padding-top: 0%;
padding-bottom: 0;
position: absolute;
inset: 0 0% 0%;
overflow: visible;
}
.div-block-61-copy-copy {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-width: auto;
min-height: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
left: 0;
}
.footer-div-block-copy {
bottom: 0;
}
.div-block-1155-copy {
z-index: 6;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
justify-content: space-between;
align-self: auto;
align-items: flex-end;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: absolute;
inset: auto 0% 8%;
}
.the-standard-hotel-pictures-copy {
flex: 1;
align-self: flex-start;
min-height: 100%;
display: block;
position: relative;
inset: 0% 0% auto;
overflow: hidden;
}
.div-block-61-copy {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-width: 17%;
margin-top: 0;
margin-bottom: 0;
display: flex;
left: 0;
}
.div-block-115-copy {
z-index: 6;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
justify-content: space-between;
align-self: auto;
align-items: flex-end;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 32px;
padding-right: 32px;
display: flex;
position: absolute;
inset: auto 0% 8%;
}
.div-block-5555-copy {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/67eb36e5f89f037256177247_Mobile_Damn_long_baloncesto.avif");
margin-top: -28%;
margin-bottom: 0%;
padding-top: 39px;
padding-bottom: 0;
position: relative;
top: 141px;
}
.image-267, .image-268, .div-block-561, .div-block-562 {
flex: 1;
}
.div-block-563 {
height: 38vh;
}
.div-block-564 {
align-self: center;
top: 31%;
}
.heading-49 {
object-fit: fill;
flex-flow: column;
margin-top: 0;
margin-bottom: -1px;
font-size: 32px;
display: block;
position: relative;
}
.div-block-565 {
min-width: 50%;
max-width: 100%;
position: relative;
}
.div-block-566 {
flex: 0 auto;
width: 100%;
min-width: 100%;
max-width: 100%;
display: flex;
position: relative;
overflow: visible;
}
.client-logo-div-block_homepage {
height: 1rem;
}
.heading-50 {
margin-top: 1px;
margin-bottom: auto;
padding-bottom: 55px;
padding-left: 0;
padding-right: 0;
font-size: 15vw;
line-height: 14vw;
}
.logo-banner-2 {
left: 49px;
}
.logo-banner-3 {
margin-left: -42px;
}
.video-section-copy {
bottom: -118px;
}
.nikex-bandier-section {
top: 2px;
}
.text-block-5 {
font-size: 2.5rem;
}
.div-block-544-copy {
min-height: auto;
max-height: 100vh;
margin-top: 0;
}
.div-block-544-copy.shorterdivblock {
position: relative;
}
.logan-paul-div-section {
width: 100%;
min-height: 100%;
max-height: 100%;
overflow: visible;
}
.div-block-577-copy {
min-width: 27.8%;
max-width: 100%;
height: auto;
display: flex;
}
.cloud-div-block-kalis-uchis {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/687890f854b8d77982664991_Asset%2067Another%20Cloud%20experiment.svg");
margin-left: -475px;
}
.antisocial-cloud-div-bllock {
width: 131px;
min-width: 254px;
margin: -47px -79px;
padding-right: 48px;
}
.cloud-div-block-the-standard {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/687890f854b8d77982664991_Asset%2067Another%20Cloud%20experiment.svg");
justify-content: center;
align-items: center;
margin-top: -111px;
margin-bottom: 0;
}
.div-block-4-copy {
background-image: url("https://cdn.prod.website-files.com/67e215e842b5001e99241b74/687890f854b8d77982664991_Asset%2067Another%20Cloud%20experiment.svg");
}
.div-block-4-copy.yg-4-hunnid {
width: 191px;
height: 235px;
padding-top: 0;
}
.cloud-block-nike-bandier {
margin-left: -121px;
bottom: -53px;
}
.logan-paul-lightbox {
height: 100%;
}
.heading-51 {
margin-top: 0;
font-size: 1.65rem;
line-height: 2rem;
}
.div-block-589 {
background-size: contain;
margin-top: -67px;
}
.div-block-590 {
padding-left: 103px;
padding-right: 103px;
}
.heading-52 {
font-family: Thatthatnewpixel, Arial, sans-serif;
font-size: 1.5rem;
line-height: 1.5rem;
}
.paragraph-20 {
display: none;
}
.div-block-593 {
height: 46vh;
}
.paragraph-21 {
display: none;
}
.cloud-copy-div-2-copy {
z-index: 2;
width: 150px;
padding-right: 0;
left: 0%;
}
.div-block-549-copy {
grid-column-gap: 12px;
grid-row-gap: 12px;
top: -13%;
right: -19px;
}
.kalis-uchis-total-copy-div-block {
top: -17%;
right: -19px;
}
.cloud-copy-div-2-copy {
z-index: 2;
width: 150px;
left: -13%;
}
.kalis-uchis-cloud-div-2 {
z-index: 2;
width: 150px;
margin-top: 16px;
margin-left: -51px;
margin-right: -37px;
padding-left: 0;
padding-right: 0;
left: -13%;
}
.image-278 {
object-fit: cover;
height: 100%;
}
.div-block-547-copy {
grid-column-gap: 6px;
grid-row-gap: 6px;
margin-top: 29px;
margin-bottom: 104px;
padding-top: 19px;
padding-left: 26px;
padding-right: 32px;
}
.div-block-546-copy {
margin: 46px 14px -122px 26px;
padding-right: 22px;
}
.div-block-547-copy {
grid-column-gap: 6px;
grid-row-gap: 6px;
margin-top: 29px;
margin-bottom: 121px;
padding: 19px 32px 90px 26px;
}
.div-block-547-copy-copy {
grid-column-gap: 6px;
grid-row-gap: 6px;
margin-top: 29px;
margin-bottom: 121px;
padding: 19px 20px 90px 76px;
}
.antisocial-copy-div-block, .antisocial-header-div-block, .yg-header-div-block, .yg-copy-div-block {
text-align: left;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 121px;
height: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 3px;
font-size: .75rem;
line-height: 2.3;
}
.yg-header-copy-flex-box-div-block {
top: -13%;
right: -19px;
}
.kalis-header-div-block, .kalis-uchis-body-coy-div-block, .standard-hollywood-header-div-block, .div-block-545-copy {
text-align: left;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 121px;
height: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 3px;
font-size: .75rem;
line-height: 2.3;
}
.logan-copy-block-2 {
grid-column-gap: 6px;
grid-row-gap: 6px;
margin-top: 29px;
margin-bottom: 104px;
padding-top: 19px;
padding-left: 26px;
padding-right: 32px;
}
.cloud-copy-div-2-copy-copy {
z-index: 2;
width: 150px;
padding-right: 0;
left: 0%;
}
.div-block-545-copy, .nike-bandier-heder-div-blovk {
text-align: left;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 121px;
height: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 3px;
font-size: .75rem;
line-height: 2.3;
}
.nike-bandierr-all-copy-div-block {
grid-column-gap: 6px;
grid-row-gap: 6px;
margin-top: 29px;
margin-bottom: 87px;
padding: 19px 20px 59px 76px;
}
.cloud-div-block-logan-copy {
margin-left: -289px;
}
.logan-copy-block-3 {
text-align: left;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 121px;
height: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 3px;
font-size: .75rem;
line-height: 2.3;
}
.cast-bg-image-div-block {
margin-top: 0%;
margin-bottom: 0%;
padding-top: 0;
padding-bottom: 171px;
position: relative;
top: 141px;
}
.bricks-and-birch-main-div {
margin-top: 0%;
margin-bottom: 0%;
padding-top: 39px;
padding-bottom: 0;
position: relative;
top: -271px;
}
.div-block-544-copy-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
vertical-align: middle;
height: auto;
min-height: 100vh;
margin: 159px auto 0;
padding-top: 0%;
padding-bottom: 0;
position: absolute;
inset: 0 0% 0%;
overflow: visible;
}
.paragraph-about-copy {
color: #000;
min-width: 75vw;
margin-bottom: 0;
margin-left: 10px;
margin-right: 5px;
padding: 0;
font-family: Pixelify Sans, sans-serif;
font-size: 12px;
line-height: 12px;
display: block;
position: relative;
inset: 71% auto 0%;
}
.paragraph-22 {
font-size: 12px;
line-height: 12px;
}
.paragraph-23 {
width: 65vw;
padding-right: 0;
font-size: 12px;
line-height: 12px;
position: relative;
right: auto;
}
.cloud_text_div-copy {
top: 0;
}
.cloud_text_div-3 {
aspect-ratio: auto;
object-fit: fill;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: -1px;
padding-right: 0;
display: flex;
position: relative;
top: -33px;
left: auto;
right: 35px;
overflow: clip;
}
.cloud_text_div-1 {
top: -77px;
}
.background-video-20 {
width: 75vw;
}
.div-block-594 {
color: #000;
text-align: left;
position: relative;
}
.div-block-595 {
margin-bottom: auto;
padding-left: 10px;
padding-right: 0;
position: relative;
bottom: -38px;
}
.div-block-596 {
margin-bottom: -104px;
}
.bg-and-footer-div-block-process {
z-index: 0;
display: none;
position: relative;
inset: auto 0% 0%;
}
.div-block-597 {
width: 100vw;
position: absolute;
inset: 0%;
}
.image-280 {
width: 100vw;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.div-block-598 {
min-height: auto;
}
.body-copy-project-copy {
color: #fff;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
width: 95%;
font-size: 8px;
font-weight: 400;
line-height: 8px;
left: 0;
}
.div-block-59-copy {
justify-content: center;
align-items: flex-end;
width: 100%;
min-width: auto;
max-width: none;
height: auto;
min-height: auto;
max-height: none;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: block;
position: relative;
inset: auto 0% 0;
overflow: hidden;
}
.previous-next-bathhouse-div-block-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: flex-start;
margin-top: 0;
margin-bottom: 39px;
padding-top: 0;
padding-bottom: 0;
bottom: 0%;
}
.footer-div-block-copy {
position: relative;
bottom: 0;
}
.twisted-block-55 {
background-image: none;
background-repeat: repeat;
background-size: auto;
margin-top: -207px;
margin-bottom: -71%;
padding-top: 31px;
padding-bottom: 0;
position: relative;
top: 0;
}
.div-block-599 {
margin-top: auto;
}
.image-282 {
z-index: 0;
position: absolute;
}
.footer-div-travis {
z-index: 3;
flex: 1;
justify-content: flex-end;
align-items: flex-end;
margin-top: 187px;
margin-bottom: 0;
padding: 43px 32px 32px 0;
display: flex;
position: relative;
inset: 0% 0% auto;
overflow: visible;
}
.main-wrapper-copy {
margin-top: 73px;
top: 16px;
}
.div-block-54-copy-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
vertical-align: middle;
height: 0;
margin: -1042px auto 137px;
padding-top: 0%;
padding-bottom: 0;
position: relative;
inset: 120px 0% 0%;
overflow: visible;
}
.prev-next-redbull-01-copy {
z-index: 100;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
justify-content: space-between;
align-self: auto;
align-items: flex-end;
margin-top: 0;
margin-bottom: 0;
padding: 0 12px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.prev-arrow-left-rb {
justify-content: flex-start;
align-items: center;
width: 20%;
min-width: auto;
height: 43%;
min-height: 100px;
}
.next-arrow-red-bull {
width: 20%;
}
.div-block-55-copy {
margin-top: -25%;
margin-bottom: 0%;
padding-top: 39px;
padding-bottom: 0;
position: relative;
top: 141px;
}
.div-block-55-copy-copy {
margin-top: -170%;
margin-bottom: -22%;
padding-top: 39px;
padding-bottom: 0;
position: relative;
top: 141px;
}
.div-block-54-copy, .div-block-54-copy-copy {
grid-column-gap: 15px;
grid-row-gap: 15px;
vertical-align: middle;
height: auto;
min-height: 100vh;
margin: 802px auto 352px;
padding-top: 12%;
padding-bottom: 0;
position: relative;
inset: 0 0% 0%;
overflow: visible;
}
.div-block-115-copy {
z-index: 6;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
justify-content: space-between;
align-self: auto;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding: 0 32px;
display: flex;
position: absolute;
inset: auto 0% 8%;
}
.div-block-115-copy-copy {
z-index: 6;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
justify-content: space-between;
align-self: auto;
align-items: center;
margin-top: 0;
margin-bottom: -95px;
padding: 0 32px;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.div-block-55-copy {
margin-top: 16%;
margin-bottom: -100%;
padding-top: 0;
padding-bottom: 0;
position: relative;
top: 0;
bottom: 0;
}
.prev-next-div-republic {
z-index: 6;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
justify-content: space-between;
align-self: auto;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding: 0 32px 128px;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.div-block-54-copy {
grid-column-gap: 15px;
grid-row-gap: 15px;
vertical-align: middle;
height: auto;
min-height: 100vh;
margin: 802px auto 352px;
padding-top: 12%;
padding-bottom: 0;
position: relative;
inset: 0 0% 0%;
overflow: visible;
}
.div-block-54-copy-copy {
grid-column-gap: 15px;
grid-row-gap: 15px;
vertical-align: middle;
height: auto;
min-height: 100vh;
margin: 31px auto 352px;
padding-top: 0%;
padding-bottom: 0;
position: relative;
inset: 0 0% 0%;
overflow: visible;
}
.image-283 {
position: absolute;
inset: -310% 0% auto;
}
.image-284 {
padding-top: 0;
text-decoration: none;
display: inline-block;
position: absolute;
inset: auto 0% 0%;
}
.div-block-rd-bull-main-dupe {
background-image: none;
margin-top: 0%;
margin-bottom: 0%;
padding-top: 0;
padding-bottom: 231px;
display: block;
position: relative;
top: 38px;
}
.red-bull-section-dupe {
grid-column-gap: 15px;
grid-row-gap: 15px;
vertical-align: middle;
height: auto;
min-height: 100vh;
margin: 165% auto 352px;
padding-top: 12%;
padding-bottom: 0;
position: relative;
inset: 0 0% 0%;
overflow: visible;
}
.cr-main-body-div-block-container-55y {
margin-top: -64%;
margin-bottom: -22%;
padding-top: 39px;
padding-bottom: 0;
position: relative;
top: 141px;
}
.cr-interior-div-main-body-54 {
grid-column-gap: 0px;
grid-row-gap: 0px;
vertical-align: middle;
height: auto;
min-height: 100vh;
margin: 9vh auto 0;
padding-top: 0%;
padding-bottom: 0;
position: relative;
inset: 0 0% 0%;
overflow: visible;
}
.cr-arrows-div {
z-index: 6;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
justify-content: space-between;
align-self: auto;
align-items: center;
margin-top: 224px;
margin-bottom: 69px;
padding: 0 32px;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.cr-bg-div {
width: 100vw;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.div-block-55-copy-copy, .div-block-55-copy-copy-copy, .republic-main-body-div {
margin-top: 16%;
margin-bottom: -100%;
padding-top: 0;
padding-bottom: 0;
position: relative;
top: 0;
bottom: 0;
}
.republic-body-main-div {
grid-column-gap: 15px;
grid-row-gap: 15px;
vertical-align: middle;
height: auto;
min-height: 100vh;
margin: 82px auto -9px;
padding-top: 0%;
padding-bottom: 0;
position: relative;
inset: 0 0% 0%;
overflow: visible;
}
.republic-footer-div {
z-index: 3;
flex: 1;
justify-content: flex-end;
align-items: flex-end;
margin-top: 0;
margin-bottom: 0;
padding: 43px 32px 32px 0;
display: flex;
position: relative;
inset: 0% 0% auto;
overflow: visible;
}
.red-bull-bathhouse-bg {
padding-top: 0;
text-decoration: none;
display: inline-block;
position: absolute;
inset: auto 0% 0%;
}
.image-192-copy {
margin-bottom: -6px;
display: block;
bottom: 0;
}
.content_wrapper {
margin: 0;
padding: 108px 0 0;
top: auto;
}
.boston_background_image_img-copy {
margin-bottom: 169px;
display: inline-block;
}
.section_bg_image_wrapper {
flex: 1;
max-width: 100vw;
min-height: 100%;
margin-bottom: -6px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: absolute;
inset: auto 0% -2%;
}
.stack {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
justify-content: center;
align-items: stretch;
margin-top: -149px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.stack__lg {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: center;
align-items: stretch;
display: flex;
}
.stack-copy {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
align-items: stretch;
display: flex;
}
.stack__sm {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
display: flex;
}
.media_16x9, .media_1x1, .media_free {
width: 100%;
position: relative;
overflow: hidden;
}
.section_hero {
padding-top: 0;
padding-bottom: 0;
}
.section-intro {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.copy_wrap {
flex: 1;
padding-top: 0;
padding-left: 12px;
padding-right: 0;
}
.gallery_image_wrapper_vertical {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
}
.div-block-601 {
display: flex;
}
.latteral_copy_image_wrap-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
flex: 0 auto;
}
.div-block-602 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
max-width: 50%;
display: flex;
}
.prev-next-twisted {
z-index: 6;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
justify-content: space-between;
align-self: auto;
align-items: flex-end;
margin-top: 0;
margin-bottom: -201px;
padding: 0 32px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.page_wrapper {
margin-top: 5%;
margin-bottom: 0;
bottom: 0;
}
.header_slick_af {
margin-top: 130px;
}
.caste_images_copy_wrapper {
width: 66%;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
display: block;
position: absolute;
bottom: 396px;
}
.caste_copy_div_vert_lestalligned {
width: 100%;
min-width: 50%;
max-width: 100%;
position: relative;
}
.cult_lateral_stack_wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
bottom: 0;
}
.div-block-606 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.div-block-607 {
flex: 0 auto;
}
.heading-53 {
color: #fff;
font-family: Thatthatnewpixel, Arial, sans-serif;
}
.paragraph-24 {
color: #fff;
font-family: "Bwhaasgrotesktext 65 Copy 2", Impact, sans-serif;
}
.nike_cloud_image {
top: 17px;
right: -110px;
}
.div-block-613 {
flex: 1;
}
.process-balloon-title-wraper {
height: 40vh;
margin-top: 104px;
padding-top: 0;
display: block;
position: relative;
}
.research-balloon-container {
height: 35vh;
}
.image-290 {
width: 100%;
min-width: 100%;
}
.ideation-cloud-div {
margin-left: auto;
margin-right: auto;
}
.creation-cloud-div {
width: 85vw;
top: 0;
left: 10.8vw;
}
.creation-balloon-container {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
height: 35vh;
display: flex;
position: relative;
}
.text-block-7 {
font-size: 24px;
line-height: 24px;
}
.contact-copy {
text-align: right;
justify-content: flex-end;
align-items: stretch;
font-size: 24px;
line-height: 24px;
}
.contact-copy-div-copy {
margin-top: 7.2vh;
}
.div-block-41-copy {
align-self: flex-start;
margin-top: 11vh;
left: 0;
right: auto;
}
.contact-copy-copy {
width: 75vw;
font-size: 24px;
line-height: 24px;
}
.div-block-617, .lottie-animation-7 {
display: block;
}
.div-block-618 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: left;
justify-content: flex-end;
align-items: stretch;
height: 72px;
display: flex;
}
.div-block-619 {
height: 72px;
display: flex;
position: relative;
}
.link-block-10-copy {
justify-content: flex-start;
align-items: center;
width: auto;
min-width: auto;
height: 100%;
min-height: 0%;
}
.link-block-11-copy {
width: auto;
height: 100%;
min-height: 100%;
}
.just-be-friends-div {
margin-top: 54.1vh;
}
.heading-13-copy {
text-align: left;
width: 85%;
font-size: 24px;
line-height: 24px;
display: block;
inset: auto auto 0% 0;
}
}
#w-node-_05d16a5e-751c-b5db-ba89-8a15c75f4fdf-e1d96b74, #w-node-_5b463aa6-fd12-3c4c-1283-3a4b0f645897-a615e8e3, #w-node-_9c6f12d9-c50f-1f90-d9f1-7f6b792e91c8-0377285d, #w-node-e86d7f4e-71c1-1073-d265-497080200aae-0377285d, #w-node-_05d16a5e-751c-b5db-ba89-8a15c75f4fdf-0a8b22bd, #w-node-_32aada15-4d3e-7af1-6488-093d5db129e4-0a8b22bd {
grid-area: Area;
}
#w-node-_543f8442-816e-4742-744c-f6d0105455ec-0a8b22bd {
align-self: auto;
}
#w-node-_6339b438-51df-1db3-6a94-67cc9cd44bcb-39120ea7 {
place-self: stretch stretch;
}
#w-node-_32aada15-4d3e-7af1-6488-093d5db129e4-39120ea7, #w-node-_32aada15-4d3e-7af1-6488-093d5db129e4-756504b3 {
grid-area: Area;
}
#w-node-_09ff46ee-818f-69d7-a642-c83958e7fc0a-756504b3 {
place-self: end stretch;
}
#w-node-_543f8442-816e-4742-744c-f6d0105455ec-b46d8b6d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_32aada15-4d3e-7af1-6488-093d5db129e4-b46d8b6d, #w-node-d4917bef-a0f7-7cf9-7fa3-fa1a882c2a9a-99b9b479, #w-node-_32aada15-4d3e-7af1-6488-093d5db129e4-99b9b479 {
grid-area: Area;
}