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: Afacadflux;
src: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6855e0e3ddf53724ce1877b9_AfacadFlux-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Afacadflux;
src: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6855e0e327202941a5297d8c_AfacadFlux-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Afacadflux;
src: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6855e0e3df3e370149fea5a0_AfacadFlux-Light.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Afacadflux;
src: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6855e0e370302b1627abf2f8_AfacadFlux-ExtraBold.woff2") format("woff2");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Afacadflux;
src: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6855e0e3e0f69b8c391859d0_AfacadFlux-SemiBold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Afacadflux;
src: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6855e0e3c845d0eed907a13a_AfacadFlux-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Afacadflux;
src: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6855e0e37a349a65c7f0549e_AfacadFlux-Thin.woff2") format("woff2");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Afacadflux;
src: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6855e0e3081ec8b92453c520_AfacadFlux-Black.woff2") format("woff2");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Afacadflux NEW;
src: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6855de4d644063a6f99c5383_AfacadFlux-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Afacad Flux;
src: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684a3da4fe58b356308c0cd8_AfacadFlux-VariableFont_slnt%2Cwght.ttf") format("truetype");
font-weight: 100 1000;
font-style: normal;
font-display: swap;
}
:root {
--white: white;
--black: black;
--blue: #000d4d;
--gia: var(--blue);
--color: white;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
h1 {
color: #fff;
margin-top: 20px;
margin-bottom: 40px;
font-family: proxima-nova, sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 54px;
}
h3 {
color: #fff;
margin-top: 30px;
margin-bottom: 25px;
font-family: proxima-nova, sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 36px;
}
h4 {
color: #fff;
margin-top: 10px;
margin-bottom: 0;
font-family: proxima-nova, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 30px;
}
h5 {
color: #d4d4d4;
justify-content: space-between;
margin-top: 20px;
margin-bottom: 10px;
font-family: proxima-nova, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 20px;
}
p {
color: #fff;
margin-bottom: 25px;
font-family: proxima-nova, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 32px;
}
a {
text-decoration: underline;
}
blockquote {
color: #c7c7c7;
border-left: 5px solid #e2e2e2;
margin-bottom: 20px;
padding: 10px 20px 10px 40px;
font-family: proxima-nova, sans-serif;
font-size: 24px;
line-height: 32px;
}
.image {
width: 100%;
height: 100%;
}
.div-block {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64388382aa30225f842c02ec_STUDIO%201.34.png");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
width: auto;
height: 70vh;
position: absolute;
}
.text-block {
color: #e2e4ee;
margin-top: 0%;
margin-left: 0%;
padding-top: 5%;
padding-left: 80%;
padding-right: 0%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 300%;
font-weight: 700;
line-height: 100%;
position: static;
}
.text-block-2 {
object-fit: fill;
font-size: 130%;
font-weight: 700;
position: absolute;
}
.div-block-2 {
padding-top: 2%;
padding-left: 3%;
}
.text-block-3 {
padding-left: 84%;
font-size: 100%;
}
.text-block-4 {
color: #e6e7f0;
height: auto;
padding-top: 10vh;
padding-left: 107vh;
font-size: 400%;
font-weight: 700;
}
.body {
background-color: #fff;
line-height: 100%;
}
.text-block-5 {
color: #ececf5;
padding-top: 4%;
padding-left: 76%;
font-size: 300%;
font-weight: 700;
}
.div-block-3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64388ababb62bb6a43d1143f_top%20view.png");
background-position: 100% 100%;
background-size: cover;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
width: 48vw;
height: 50vh;
display: block;
}
.div-block-4 {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
justify-content: center;
align-items: flex-start;
padding-top: 2%;
display: flex;
}
.div-block-5 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64388ab273e857ce145e336d_back%20view.png");
background-position: 0 0;
background-size: cover;
width: 48vw;
height: 50vh;
}
.project-hero-wrapper {
height: 100vh;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.project-hero-wrapper.glide {
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.project-hero-wrapper.vera {
width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.header {
height: 7vh;
font-family: Lato, sans-serif;
}
.project-hero-image {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684c5e892a2ae1c60b96d619_ChatGPT%20Image%20Jun%2013%2C%202025%2C%2010_21_29%20AM.png");
background-position: 50%;
background-size: 100%;
height: 100%;
}
.project-hero-image.glide {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/657fd348ea27373d153cdbd6_GoggleFinal.60.jpg");
background-position: 40% 60%;
background-size: 175%;
transform: none;
}
.project-hero-image.vera {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68f58b021f645145fc9f271c_Vera%20Triple%20New.45.png");
background-position: 50%;
background-size: cover;
}
.project-hero-image.chow {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68cc4e5a187f04e194fca7c1_New%20Hero%20v3.42.webp");
background-position: 50% 75%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.project-hero-image.pivot {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65bfcc247360c2afeecee047_DSC_8951%202.JPG");
background-position: 100% 75%;
background-size: 125vw;
}
.project-hero-image.sweep {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7c05e167ea2c88c61f393_baseoflamp.jpg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
}
.project-hero-image.prisma {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f48e87d4722c792de7a4b8_prisma%20all.png");
background-position: 50%;
}
.project-hero-image.toca {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68f1584e5650b6ba2ba38cff_white%20cmf.webp");
background-position: 100%;
background-size: cover;
}
.project-hero-image.premium {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c250b4fd866eaa4c541e62_Sunset%20Context%20orange%20%20v2.1%20ToT.png");
background-position: 50%;
background-size: cover;
}
.project-hero-image.dawn {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ca00fc581329fabd5d4062_IMG_9423-3%20(1).webp");
background-size: cover;
}
.project-hero-image.blog {
filter: saturate(90%);
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684c6052db771cb8d81a5f4e_ChatGPT%20Image%20Jun%2013%2C%202025%2C%2010_25_58%20AM.png");
background-repeat: no-repeat;
background-size: 75%;
}
.project-hero-image.blog.dawn {
opacity: .65;
filter: blur(.5px) saturate(90%);
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c89965c3fddb82791b9da3_IMG_9212.webp");
background-position: 75% 60%;
background-size: 120%;
}
.div-block-7 {
background-color: #d3d3d3;
border-radius: 3vh;
height: 60vh;
margin-top: 10vh;
margin-left: 5vw;
margin-right: 5vw;
}
.div-block-8 {
flex-direction: column;
width: auto;
display: block;
position: static;
}
.title-of-project {
color: #313131;
margin-left: 0;
font-family: Lato, sans-serif;
font-size: 6vh;
font-weight: 700;
display: block;
}
.subtitle-of-project {
color: #4e4e4e;
margin-top: 5vh;
margin-left: 0;
font-family: Lato, sans-serif;
font-size: 3vh;
font-weight: 700;
display: block;
}
.body-text {
color: #636363;
white-space: normal;
width: auto;
max-width: none;
margin-top: 0;
margin-left: 0;
font-family: Lato, sans-serif;
font-size: 2vh;
font-weight: 400;
line-height: 2.5vh;
display: block;
}
.div-block-9 {
background-color: #000;
border-radius: 0;
width: 70vw;
height: .1vh;
margin-top: 3vh;
margin-left: 0;
font-size: 14vh;
display: block;
}
.text-block-9 {
flex-direction: row;
display: flex;
}
.div-block-10 {
margin-left: 15vw;
}
.div-block-11 {
grid-column-gap: 3vh;
grid-row-gap: 3vh;
flex-flow: column;
place-content: flex-start flex-end;
align-items: flex-start;
width: auto;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: flex;
}
.div-block-12 {
color: #fff;
text-align: right;
flex: 0 auto;
order: 0;
justify-content: flex-end;
margin-top: 1vh;
font-family: Lato, sans-serif;
font-weight: 700;
display: block;
position: absolute;
}
.div-block-13 {
flex: 0 auto;
margin-top: 0;
margin-left: 15vw;
margin-right: 15vw;
padding-top: 0;
}
.text-block-10 {
color: #1f1f1f;
text-align: right;
flex: 0 auto;
width: 10vw;
margin-top: 5vh;
font-family: Lato, sans-serif;
font-size: 2.5vh;
font-weight: 700;
position: absolute;
}
.div-block-14 {
z-index: auto;
flex: 0 auto;
justify-content: flex-end;
margin-left: 70vw;
display: flex;
position: absolute;
}
.intro-text {
object-fit: fill;
height: 40vh;
margin-bottom: 20vh;
overflow: visible;
}
.div-block-15 {
background-color: #421a1a;
height: 75vh;
}
.spacer {
justify-content: center;
align-items: center;
height: 10vh;
margin-top: 0;
display: flex;
position: relative;
top: 100vh;
}
.spacer.bigger {
height: 30vh;
}
.project-brief-old {
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: static;
top: 100vh;
}
.project-brief-old.sweep {
padding-top: 3vh;
padding-bottom: 0;
}
.image-and-text {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
background-color: #dadada00;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 20vh;
margin-bottom: 15vh;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.image-and-text.vertical {
grid-column-gap: 5vh;
grid-row-gap: 5vh;
flex-direction: column;
}
.image-and-text.vertical.yuh {
padding-top: 5vh;
}
.div-block-16 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6546eb072a1b5bd3378884ce_upsetwomanvera.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
width: 75vw;
height: 60vh;
}
.large-caption {
color: #000;
text-align: center;
margin-left: 0;
font-family: proxima-nova, sans-serif;
font-size: 3.5vh;
font-weight: 300;
line-height: 120%;
}
.large-caption.centered {
text-align: center;
}
.large-caption.app {
margin-top: 0;
margin-left: 2vw;
font-size: 3vh;
}
.large-caption.left {
color: #111;
text-align: left;
width: 50vw;
margin-left: 0;
padding-top: 0;
font-weight: 300;
line-height: 120%;
}
.large-caption.left.moved-around {
padding-top: 12vw;
}
.large-caption.left.moved-around.bigger {
width: 55vw;
padding-top: 12vw;
padding-left: 0;
font-size: 4vh;
}
.large-caption.left.moved-around.bigger._2 {
padding-top: 15vw;
padding-left: 0;
}
.large-caption.left.no-width {
width: 100%;
}
.large-caption._75-vw {
color: #000;
-webkit-text-stroke-color: #000;
width: 75vw;
}
.large-caption.space-under {
margin-bottom: 10vh;
}
.large-caption.more {
color: var(--white);
text-align: left;
padding: 1vw 2vw;
font-size: 2.5vh;
line-height: 200%;
}
.large-caption.more.dark {
color: #000;
text-align: right;
}
.large-caption.bold {
font-size: 4.5vh;
font-weight: 600;
}
.large-caption.left-copy {
color: #111;
text-align: left;
margin-left: 0;
padding-top: 0;
font-weight: 300;
line-height: 120%;
}
.large-caption.left-copy.moved-around {
padding-top: 12vw;
}
.large-caption.left-copy.moved-around.bigger {
width: 55vw;
padding-top: 12vw;
padding-left: 0;
font-size: 4vh;
}
.large-caption.left-copy.moved-around.bigger._2 {
padding-top: 15vw;
padding-left: 0;
}
.large-caption.left-copy.no-width {
width: 100%;
}
.small-caption {
color: #333;
text-align: center;
width: 50vw;
margin-top: 0;
font-family: Lato, sans-serif;
font-size: 2.5vh;
font-weight: 300;
line-height: 3vh;
position: static;
}
.small-caption.left {
color: #000;
text-align: left;
width: auto;
margin-top: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 100;
line-height: 130%;
}
.small-caption.left.users {
width: 30vw;
padding-top: 2vh;
}
.small-caption.left.wider {
width: auto;
margin-right: 10vw;
font-size: 2.8vh;
line-height: 125%;
}
.small-caption.left.center-wider {
text-align: center;
width: 40vw;
}
.small-caption.left.center {
text-align: center;
}
.small-caption.left.small {
text-align: center;
width: 25vw;
}
.small-caption.left.pushed-over {
padding-left: 9.5vw;
}
.small-caption.left.pushed-over-right {
padding-right: 13vw;
}
.small-caption.left.pushed-left {
padding-left: 4vw;
}
.small-caption.left.pushed-left.bold {
padding-left: 9vw;
}
.small-caption.left.smaller {
width: 35vw;
}
.small-caption.left.smaller-text {
font-size: 2.6vh;
}
.small-caption.left.vera {
align-self: auto;
}
.small-caption.no-margin {
width: 35vw;
margin-top: 0;
}
.small-caption.left-justiified-small-caption.this-one {
text-align: left;
width: 75vw;
line-height: 4vh;
}
.small-caption.wider {
width: 75vw;
font-family: proxima-nova, sans-serif;
}
.large-image {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/648235777a057e36157b1fcb_bbt.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
justify-content: center;
width: 40vw;
height: 50vh;
padding-top: 0;
padding-bottom: 0;
display: block;
}
.large-image._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64810c6271ea8b3347126ef1_Birth-Control-Patch.jpeg");
border-radius: 20px;
width: 40vw;
height: 50vh;
padding-top: 0;
padding-bottom: 0;
}
.large-image-center {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64819b3a72022b5f873299d2_VERA%20with%20phone%20CPU.62.png");
background-position: 60% 65%;
background-size: 110vw;
width: 75vw;
height: 60vh;
}
.large-image-center._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6480f2cde1946fb82a00ce0f_wrist%20view%20photoshopped%202.png");
background-repeat: no-repeat;
background-size: contain;
}
.icons-and-text {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
object-fit: fill;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 5vh;
padding-bottom: 5vh;
display: flex;
}
.icons-and-text.horizontal {
flex-direction: row;
display: flex;
}
.icons-and-text.squished {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 5vh;
margin-bottom: 5vh;
padding: 0 13.5vw;
}
.div-block-18 {
background-color: #0000;
width: 20vw;
}
.div-block-18.vert {
width: 15vw;
}
.div-block-18.bigger {
width: 25vw;
}
.div-block-19 {
background-color: #fcc;
width: 20vw;
}
.div-block-20 {
background-color: #0000;
width: 20vw;
height: 25vw;
}
.icon {
background-image: none;
background-position: 0 0;
background-size: auto;
height: 20vw;
margin-top: 2vh;
}
.icon.one {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64802ee8e6cdfefe79948783_Asset%209.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 60%;
height: 15vw;
}
.icon.two {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64802edea732ebdbd4158eb8_Asset%207.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 90%;
height: 15vw;
}
.icon.three {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64802ee87443fa45bc2292b4_Asset%208.svg");
background-position: 50% 75%;
background-repeat: no-repeat;
background-size: auto 80%;
height: 15vw;
}
.icon._4 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/658c80d923ee3a39818bffcb_Asset%2041.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 75%;
margin-top: 0;
}
.icon._5 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/658c80d986303d8f3aec8415_Asset%2040.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 75%;
margin-top: 0;
}
.icon._6 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/658c80d9c7d6a88a8264ac2d_Asset%2039.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 80%;
margin-top: 0;
}
.icon._7 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6598a08fd5b28bbed5cc296c_Asset%202.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.icon._8 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6598a08fd93130459530c22b_Asset%201.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.icon._9 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6598a08f55b7e836bf655ed1_Asset%203.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.icon._10 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659b181d9c98a8b753f9d2ff_time%20consuming.jpeg");
background-position: 50%;
background-size: cover;
height: 25vw;
}
.icon._11 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659b181c264ad19f20868a57_messy.jpeg");
background-position: 50%;
background-size: cover;
border: 1px solid #dfdfdf;
height: 25vw;
}
.icon._12 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659b181cfaadfb8ed9ecc83b_expensive.jpeg");
background-position: 50%;
background-size: cover;
height: 25vw;
}
.icon._13 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659b1f50fccf5c14ab224477_iStock-1432158842.jpg");
background-position: 30% 0;
background-size: auto 200%;
border-radius: 20px;
height: 25vw;
}
.icon._14 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659b1f5120d886f0cb3cb9f6_iStock-1403871214.jpg");
background-position: 45%;
background-size: auto 150%;
border-radius: 20px;
height: 25vw;
}
.icon._15 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659b1f51e70ccba2b8ab1fe0_iStock-1360219993.jpg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
height: 25vw;
}
.icon-title {
color: #4e4e4e;
text-align: center;
margin-top: 2vh;
font-family: Lato, sans-serif;
font-size: 2.5vh;
font-weight: 700;
line-height: 3vh;
}
.div-block-22, .div-block-23 {
height: 20vw;
}
.icon-header-text {
flex-direction: row;
justify-content: center;
padding-top: 0;
padding-bottom: 0;
display: block;
}
.text-block-13 {
font-family: Lato, sans-serif;
}
.center-text {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
justify-content: center;
align-items: stretch;
display: block;
}
.div-block-24 {
justify-content: center;
width: auto;
display: flex;
}
.user-persona {
grid-column-gap: 10vw;
grid-row-gap: 10vw;
flex-direction: row;
justify-content: center;
padding-top: 10vh;
padding-bottom: 10vh;
display: flex;
}
.left-justiified-small-caption {
color: #636363;
width: auto;
margin-top: 0;
margin-left: auto;
margin-right: auto;
font-family: Lato, sans-serif;
font-size: 2.5vh;
line-height: 2.2vh;
}
.left-justiified-small-caption.thinner {
width: 25vw;
font-weight: 300;
line-height: 3vh;
}
.transdermal {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6480e6f09772c79e12ff9194_main-01.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
width: 60vw;
height: 40vh;
position: absolute;
}
.transdermal._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6480e827b26ed39995c63108_1F.svg");
}
.transdermal._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6480e82686cd927c58ceea6f_2F.svg");
}
.transdermal._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6480e827d64f29d16fb3f30a_3F.svg");
}
.transdermal._4 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6480e827e4e466683fade45d_4F.svg");
}
.transdermal._5 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6480e6f6726fd3c4adb4c722_5-01.svg");
}
.div-block-26 {
flex-direction: row;
justify-content: space-between;
width: 550px;
margin-top: 8vh;
display: flex;
position: absolute;
}
.div-block-27 {
flex: 0 auto;
justify-content: center;
align-items: flex-start;
height: 40vh;
display: flex;
}
.div-block-28 {
flex-direction: column;
align-items: center;
margin-top: 0;
margin-left: 0;
display: flex;
position: static;
}
.div-block-29 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6480e076fe715ead8310b76f_Asset%2017.svg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: auto 140px;
flex-direction: column;
align-items: center;
width: 110px;
height: 140px;
display: block;
}
.div-block-30 {
background-color: #636363;
width: .15vw;
height: 100px;
margin-top: 60px;
}
.div-block-31 {
flex-direction: column;
align-items: center;
height: 200px;
padding-top: 52px;
display: flex;
}
.div-block-32, .div-block-33 {
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-34 {
background-color: #636363;
width: .15vw;
height: 106px;
margin-top: 54px;
}
.div-block-35 {
background-color: #636363;
width: .15vw;
height: 112px;
margin-top: 48px;
}
.div-block-36 {
background-color: #636363;
width: .15vw;
height: 130px;
margin-top: 30px;
}
.div-block-37 {
background-color: #636363;
width: .15vw;
height: 142px;
margin-top: 18px;
}
.text-block-14 {
color: #636363;
font-family: Lato, sans-serif;
font-size: 1vh;
font-weight: 300;
}
.tiny-caption {
text-align: center;
max-width: 105px;
margin-top: 10px;
font-family: Lato, sans-serif;
font-weight: 400;
line-height: 110%;
}
.div-block-38 {
height: 200px;
padding-top: 60px;
}
.div-block-39 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6480e18d2e409d31ff1b1912_Asset%2018.svg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 120px 150px;
width: 120px;
height: 150px;
}
.div-block-40 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6480e18d4b3aaf2250ef41ac_Asset%2019.svg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 120px 160px;
width: 120px;
height: 160px;
}
.div-block-41, .div-block-42, .div-block-43, .div-block-44, .div-block-45 {
position: absolute;
}
.div-block-46 {
aspect-ratio: 4 / 5;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6480f2cde1946fb82a00ce0f_wrist%20view%20photoshopped%202.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
width: 45vw;
}
.div-block-46.different {
height: 60vh;
}
.div-block-47 {
width: 75vw;
}
.insights {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
justify-content: center;
align-items: stretch;
margin-bottom: 15vh;
padding-top: 5vh;
padding-bottom: 5vh;
display: flex;
}
.design-goal-div {
grid-column-gap: 8vh;
grid-row-gap: 8vh;
background-color: #dadada;
flex-direction: column;
justify-content: center;
align-items: center;
height: 30vh;
margin-bottom: 15vh;
display: flex;
}
.extra-large-caption {
color: #313131;
font-family: Lato, sans-serif;
font-size: 3vh;
font-weight: 700;
}
.extra-large-caption.center {
color: #000;
text-align: center;
font-family: proxima-nova, sans-serif;
}
.extra-large-caption.center.bigger {
font-size: 4vh;
font-weight: 600;
}
.design-goal-text {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 300;
}
.icon-caption {
color: #000;
text-align: center;
margin-top: 2vh;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 300;
line-height: 120%;
}
.icon-caption.chow {
color: #000;
margin-top: 2vh;
}
.icon-caption.left {
text-align: left;
}
.icon-caption.less-gap-above {
color: #000;
margin-top: 2vh;
}
.icon-caption.hidden-on-computer-actual {
display: none;
}
.div-block-48 {
grid-column-gap: 4vh;
grid-row-gap: 4vh;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 30vw;
height: 40vh;
display: flex;
}
.div-block-48._5 {
grid-column-gap: 3vh;
grid-row-gap: 3vh;
align-items: flex-start;
}
.large-image-div {
justify-content: center;
align-items: center;
margin-top: 100vh;
padding-top: 15vh;
padding-bottom: 15vh;
display: flex;
}
.image-and-text-on-bar {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
background-color: #dadada00;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-top: 15vh;
margin-bottom: 10vh;
padding-top: 5vh;
padding-bottom: 5vh;
display: flex;
}
.image-and-text-on-bar.chow {
margin-top: 0;
margin-bottom: 0;
}
.image-and-text-on-bar.chow.no-gap-on-top {
padding-top: 2vh;
}
.ideation {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64388ab273e857ce145e336d_back%20view.png");
background-position: 0 0;
background-size: auto;
background-attachment: fixed;
height: 20vh;
}
.spacer-long {
height: 100vh;
}
.div-block-49 {
justify-content: center;
padding-top: 10vh;
padding-bottom: 10vh;
display: flex;
}
.final-design-div {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a9ad162cf09c6aece608_context%20tap%20editing.png");
background-position: 50%;
background-size: cover;
display: none;
}
.div-block-50 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/657fd348ea27373d153cdbd6_GoggleFinal.60.jpg");
background-position: 37%;
background-repeat: no-repeat;
background-size: 175%;
background-attachment: fixed;
width: 100vw;
height: 120vh;
}
.div-block-50.vera {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68f58b021f645145fc9f271c_Vera%20Triple%20New.45.png");
background-position: 50%;
background-size: cover;
}
.div-block-50.chow {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65988bb919a3fdd15d0b3f6d_opening%20render%20v3.255.jpg");
background-size: cover;
width: 100%;
}
.div-block-50.pivot {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c0158ad54c0b0c06420bf7_DSC_8936.JPG");
background-position: 50%;
background-size: cover;
}
.div-block-50.sweep {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7baf615e4d7c572d979ea_lampdetails2.jpg");
background-position: 50% 25%;
background-size: cover;
background-attachment: fixed;
}
.div-block-50.toca {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c34a505b7f9b2787b81117_toca%20tap%20to%20connect.jpg");
background-position: 37% 60%;
background-size: cover;
height: 100vh;
}
.div-block-50.premium {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c250b4fd866eaa4c541e62_Sunset%20Context%20orange%20%20v2.1%20ToT.png");
background-size: cover;
height: 120vh;
}
.div-block-50.dawn {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ca00fc581329fabd5d4062_IMG_9423-3%20(1).webp");
background-size: cover;
}
.swipe-up-final-design-section {
width: 100vw;
margin-top: 5vh;
margin-bottom: 15vh;
}
.swipe-up-final-design-section.chow {
width: auto;
margin-bottom: 15vh;
}
.background-video {
height: 100vh;
position: relative;
}
.div-block-51 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6480e8270a05e58f92197803_5F.svg");
background-position: 0 0;
background-size: auto;
background-attachment: fixed;
height: 100vh;
}
.small-vid-section {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
justify-content: center;
align-items: stretch;
margin-top: 5vh;
margin-bottom: 15vh;
padding-top: 10vh;
padding-bottom: 10vh;
display: flex;
position: static;
}
.div-block-52 {
width: 45vw;
height: auto;
}
.div-block-53 {
grid-column-gap: 5vh;
grid-row-gap: 5vh;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 30vw;
display: flex;
}
.background-video-2 {
border-radius: 20px;
width: 45vw;
height: 30vw;
position: relative;
}
.background-video-2.different {
height: 60vh;
}
.div-block-54 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64814becceaac1f82252ca7a_VERA%20cartridge%20box.55.png");
background-position: 50% 60%;
background-repeat: no-repeat;
background-size: cover;
width: 75vw;
height: 40vh;
}
.div-block-55 {
display: block;
}
.div-block-56 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/648157c284938643d6b45492_exploded%20caption%201.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
width: 100vw;
height: 50vh;
position: absolute;
}
.div-block-57 {
width: 100vw;
height: 50vh;
}
.lottie-animation {
width: 100vw;
height: 100vh;
display: block;
}
.div-block-58 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/648159ee4c8aa83e0b8679c4_VERA%20last%20exploded%20view.56.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 100vw;
width: 100vw;
height: 100vh;
position: absolute;
}
.exploded {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/648157c284938643d6b45492_exploded%20caption%201.svg");
background-position: 50%;
background-size: contain;
width: 100vw;
height: 100vh;
position: absolute;
}
.exploded._1 {
background-repeat: no-repeat;
background-size: 100vw;
}
.exploded._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/648157c2c8e2ed2234c722ce_exploded%20caption%202.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 100vw;
}
.exploded._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/648157c22b9f24d83c33a89f_exploded%20caption%203.svg");
background-repeat: no-repeat;
background-size: 100vw;
}
.exploded._4 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/648157c2b30ca30eee2a6142_exploded%20caption%204.svg");
background-repeat: no-repeat;
background-size: 100vw;
}
.div-block-59 {
position: absolute;
}
.div-block-60 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/648172d8b30ca30eee4858da_phone%20render.57.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
width: 75vw;
height: 75vh;
margin-top: 15vh;
margin-bottom: 15vh;
}
.usection {
align-items: center;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
display: flex;
position: relative;
}
.div-block-61 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/648175daa9f41af693eb3b3d_app%20flor.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 100vw;
height: 375vh;
position: static;
}
.section-2 {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
justify-content: space-between;
align-items: center;
padding-bottom: 15vh;
padding-left: 10vw;
padding-right: 10vw;
display: flex;
}
.div-block-62 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64817c30041eef68a068151b_bracelets%20real.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 150vh;
position: static;
}
.mats {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64817b8fddb9563d1f8bd325_top%20mats.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100vw;
height: 50vh;
margin-top: 0;
position: absolute;
}
.mats._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64817b8f2b9f24d83c5d1580_middle%20mats.svg");
}
.mats._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64817b8f42437e3bb51ae0f8_bottom%20mats.svg");
}
.mats._3 {
background-color: #dbdbdb;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64817e988e41f40e20e5a8c9_real%20background.png");
}
.section-3 {
background-color: #fff0;
justify-content: center;
margin-bottom: 15vh;
padding-top: 0;
display: flex;
position: static;
}
.div-block-63 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.div-block-64 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-65 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6481848ca5d1380a1b0adb9a_lily%202.jpg");
background-position: 100%;
background-size: cover;
width: 30vw;
height: 30vw;
}
.div-block-66 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/648183e34c8aa83e0bb6d0e0_parker.jpg");
background-position: 0 0;
background-size: cover;
width: 30vw;
height: 30vw;
}
.div-block-67 {
justify-content: space-between;
align-items: stretch;
width: 30vw;
padding-top: 2vh;
display: flex;
}
.text-block-15 {
font-size: 1.5vh;
line-height: 1.8vh;
}
.section-4 {
grid-column-gap: 0vw;
grid-row-gap: 0vw;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 10vh;
padding-bottom: 10vh;
display: flex;
}
.div-block-68 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6591dbbe1c5f6aba77a9eedf_Untitled_Artwork%2022.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 85vw;
height: 60vw;
}
.div-block-69 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/648193e7b30ca30eee6e9455_IMG_0115.jpg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
width: 75vw;
height: 70vw;
}
.moodboard {
justify-content: center;
display: flex;
}
.spcer.ugh {
height: 30vh;
}
.div-block-70 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6481a3e6af835b5134d629a5_Untitled_Artwork%201.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 80vw;
height: 60vw;
}
.div-block-71 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659449b13d9c2f55cc7cab46_strap%20callouts.png"), linear-gradient(#dbdbdb, #dbdbdb);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: contain, auto;
border-radius: 20px;
width: 80vw;
height: 75vh;
}
.material {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64817c30041eef68a068151b_bracelets%20real.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 70vw;
height: 75vh;
position: absolute;
}
.material._1 {
background-position: 50%;
background-size: contain;
}
.material._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64817e988e41f40e20e5a8c9_real%20background.png");
background-position: 50%;
}
.material._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64817b8fddb9563d1f8bd325_top%20mats.svg");
background-position: 50%;
}
.material._4 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64817b8f2b9f24d83c5d1580_middle%20mats.svg");
background-position: 50%;
}
.material._5 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64817b8f42437e3bb51ae0f8_bottom%20mats.svg");
background-position: 50%;
}
.full-bleed-pic {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64824a10606ccef6a5a3f71e_VERA%20back%20detail.102%20(1).png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100vw;
height: 60vh;
margin-top: 10vh;
margin-bottom: 25vh;
}
.full-bleed-pic._1 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68f58e9f4dc1d7620c25c19a_Vera%20Gold%20Detail.43.png");
border-radius: 20px;
width: 80vw;
height: auto;
margin-top: 5vh;
margin-bottom: 5vh;
overflow: hidden;
}
.full-bleed-pic._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64824a0ff643a4a195046d1e_VERA%20front%20detail.107.png");
height: 50vw;
margin-top: 0;
margin-bottom: 10vh;
}
.section-5 {
flex-direction: column;
display: flex;
}
.div-block-73 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6482469c99cf1e5ae3e6f8e6_Asset%2032.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
justify-content: center;
width: 50vh;
height: 100vh;
display: block;
}
.div-block-74 {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
flex-direction: row;
justify-content: center;
display: flex;
}
.div-block-75 {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
justify-content: center;
padding-top: 20vh;
padding-bottom: 20vh;
display: flex;
}
.div-block-76 {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
justify-content: center;
display: flex;
}
.div-block-77 {
align-items: center;
display: flex;
}
.div-block-78 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6482469b41ea08b58fc531f5_Asset%2033.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 30vh;
height: 60vh;
}
.div-block-79 {
align-items: center;
display: flex;
}
.div-block-80 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6482469cb68c5dbea6a290d9_Asset%2034.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 75vh;
height: 100vh;
}
.div-block-81 {
align-items: center;
display: flex;
}
.full-bleed-pic-section {
margin-bottom: 0;
padding-bottom: 0;
display: block;
}
.nav-link {
align-items: center;
height: 12vh;
margin-top: 0;
display: flex;
position: relative;
top: auto;
}
.nav-link-2, .nav-link-3 {
height: 12vh;
margin-top: 0;
}
.text-block-16 {
font-family: Lato, sans-serif;
}
.heading {
height: 12vh;
font-family: Lato, sans-serif;
font-size: 5vh;
font-weight: 700;
line-height: 9vh;
}
.navbar {
width: 100%;
height: 12vh;
position: sticky;
}
.navbar.project {
position: static;
}
.div-block-82 {
grid-column-gap: 0vw;
grid-row-gap: 0vw;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch center;
justify-items: center;
display: grid;
position: absolute;
top: 100vh;
}
.div-block-83 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/648117c54c8aa83e0b40efc5_VERA%20triple%20full%20.110.png");
background-position: 50%;
background-size: cover;
width: 45vw;
height: 40vw;
}
.div-block-84 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64388382aa30225f842c02ec_STUDIO%201.34.png");
background-position: 50%;
background-size: cover;
width: 45vw;
}
.div-block-85 {
flex-direction: row;
justify-content: flex-end;
align-items: center;
height: 10vh;
display: flex;
}
.terra-sullivan {
color: var(--black);
margin-top: 0;
margin-left: 3vw;
padding-top: 0;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 600;
line-height: 115%;
}
.terra-sullivan:hover {
font-style: italic;
}
.terra-sullivan.glide {
color: #afafaf;
font-size: 3.5vh;
}
.terra-sullivan.white {
color: var(--white);
margin-left: 3.5vw;
}
.text-block-18 {
margin-left: 0;
margin-right: 5vw;
font-size: 1vh;
}
.container {
justify-content: space-between;
display: flex;
}
.div-block-86 {
background-image: linear-gradient(#fcfcfc80, #fcfcfc80);
justify-content: space-between;
align-items: center;
display: flex;
}
.div-block-86.glide, .div-block-86.no-background, .div-block-86.new {
background-image: none;
}
.div-block-87 {
grid-column-gap: 6vh;
grid-row-gap: 6vh;
justify-content: center;
align-items: center;
margin-right: 3.5vw;
display: flex;
}
.slide, .slide-2, .slide-3, .slide-4, .slide-5, .slide-6, .slide-7, .slide-8, .slide-9, .slide-10, .slide-11 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.div-block-88 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6480146c382f1489588f698d_VERA%20triple%20detail.89.png");
background-position: 50% 25%;
background-size: 125vw;
min-width: 100vw;
max-width: none;
height: 87vh;
min-height: 80vh;
}
.div-block-88.new {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 80vh;
min-height: auto;
}
.mask {
height: 83vh;
min-height: 0;
}
.mask.new {
height: 80vh;
}
.slide-nav {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
position: static;
}
.left-arrow {
font-size: 0;
position: absolute;
}
.slide-nav-2 {
position: relative;
bottom: 5vh;
}
.div-block-89 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/657fd5f91e8318870c5a3c2d_FINAL%20GOGGLE%20RENDER.38.jpg");
background-position: 50%;
background-size: cover;
width: 100vw;
height: 87vh;
}
.div-block-89.new {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/657fd348ea27373d153cdbd6_GoggleFinal.60.jpg");
background-position: 35% 55%;
background-size: 150vw;
height: 80vh;
}
.slider {
z-index: 1;
height: 83vh;
margin-top: -10vh;
position: relative;
}
.slider.new {
height: 80vh;
}
.div-block-90 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65988bb919a3fdd15d0b3f6d_opening%20render%20v3.255.jpg");
background-position: 50% 40%;
background-size: cover;
height: 87vh;
}
.div-block-90.new {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65988bb919a3fdd15d0b3f6d_opening%20render%20v3.255.jpg");
background-position: 50%;
height: 80vh;
}
.div-block-91 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64388ababb62bb6a43d1143f_top%20view.png");
background-position: 50%;
background-size: cover;
height: 82vh;
}
.nohoverdiv {
z-index: 2;
width: 100vw;
height: 83vh;
position: absolute;
inset: 0% auto auto 0%;
}
.nohoverdiv.new {
height: 80vh;
}
.right-arrow {
font-size: 0;
}
.computer-nav {
background-color: #fdecec00;
flex-direction: column;
justify-content: center;
align-items: stretch;
height: 12vh;
display: flex;
}
.computer-nav.project {
display: flex;
}
.slide-12 {
height: 83vh;
}
.slide-12.new {
height: 80vh;
}
.mainimagecarousel {
height: 83vh;
}
.mainimagecarousel.new {
height: 80vh;
}
.homespacer {
height: 6vh;
margin-top: 0;
padding-top: 0;
position: static;
}
.homespacer.spacer {
margin-top: 21vh;
}
.div-block-92 {
grid-column-gap: 3vh;
grid-row-gap: 3vh;
flex-direction: column;
justify-content: center;
align-items: center;
height: 17vh;
display: flex;
}
.div-block-92.new {
height: 20vh;
}
.text-block-19 {
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 700;
}
.div-block-93 {
color: #afafaf;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65405393b4a3f0dab36f871f_navigate_next_FILL0_wght400_GRAD0_opsz24.svg");
background-position: 50%;
background-size: 130%;
width: 5vh;
height: 5vh;
padding-right: 0;
}
.heading-menu-text {
color: var(--black);
cursor: pointer;
padding-right: 3px;
font-family: proxima-nova, sans-serif;
font-size: 2vh;
font-weight: 300;
line-height: 115%;
text-decoration: none;
}
.heading-menu-text:hover {
color: var(--blue);
font-style: italic;
font-weight: 300;
}
.heading-menu-text.glide {
color: #afafaf;
}
.heading-menu-text.white {
color: var(--white);
}
.heading-menu-text.right {
text-align: right;
}
.link-block {
color: #333;
cursor: pointer;
text-decoration: none;
}
.link-block.link-to-about.w--current {
text-decoration: none;
}
.homepage-gallery {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 10vh;
display: flex;
}
.div-block-95 {
grid-column-gap: 2vh;
grid-row-gap: 2vh;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-20 {
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 300;
}
.grid {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
grid-template: "." 35vw
"." 35vw
"."
"." 35vw
/ 35vw 35vw;
}
.grid._1 {
grid-template-columns: 40vw 40vw;
}
.home-gallery-div {
display: flex;
}
.home-gallery-div.switch {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64388382aa30225f842c02ec_STUDIO%201.34.png");
background-position: 50% 0;
background-size: 180%;
}
.home-gallery-div.sweep {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/654322063e4d8cbb8e66e247_sweep%204.jpg");
background-position: 50% 0;
background-size: 140%;
}
.home-gallery-div.pivot {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/654323340ff5535ebae852c0_DSC_8936.JPG");
background-position: 0%;
}
.link-block-2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65405393b4a3f0dab36f871f_navigate_next_FILL0_wght400_GRAD0_opsz24.svg");
background-position: 50%;
background-size: cover;
width: 5vh;
height: 5vh;
}
.link-block-2.bigger {
width: 7vh;
height: 7vh;
}
.link-block-2.bigger.w--current {
width: 10vh;
height: 10vh;
}
.text-block-21 {
color: #fff;
padding-top: 0;
padding-left: 0;
font-family: proxima-nova, sans-serif;
font-size: 4vh;
font-weight: 600;
}
.text-block-22 {
color: #fff;
padding-top: 3vh;
padding-left: 0;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 300;
}
.div-block-96 {
grid-column-gap: 1vh;
grid-row-gap: 1vh;
flex-direction: column;
height: 35vw;
padding-top: 2vh;
padding-left: 2vh;
display: flex;
}
.homepage-grid-image {
z-index: 1;
width: 35vw;
height: 35vw;
position: absolute;
}
.homepage-grid-image.vera {
z-index: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6481a7e31ed92e6c473c8a59_VERA%20back%20detail.108.png");
background-position: 10%;
background-size: 200%;
}
.homepage-grid-image.steamdeck {
z-index: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64388382aa30225f842c02ec_STUDIO%201.34.png");
background-position: 50% 0;
background-size: 180%;
}
.homepage-grid-image.sweep {
z-index: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/654322063e4d8cbb8e66e247_sweep%204.jpg");
background-position: 50% 0;
background-size: 140%;
}
.homepage-grid-image.pivot {
z-index: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/654323340ff5535ebae852c0_DSC_8936.JPG");
background-position: 0%;
background-size: cover;
}
.homepage-grid-image.chow {
z-index: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65988bb919a3fdd15d0b3f6d_opening%20render%20v3.255.jpg");
background-position: 75% 75%;
background-size: 75vw;
transition: all .2s cubic-bezier(.455, .03, .515, .955);
}
.homepage-grid-image.chow:hover {
filter: blur(3px);
}
.homepage-grid-image.chow.new-size {
width: 40vw;
height: 30vw;
}
.homepage-grid-image.glide {
z-index: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6597579a38f178f6885a2d7f_GoggleFinal.62flipped%20small.jpg");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
}
.homepage-grid-image.new-size {
width: 40vw;
height: 30vw;
transition: all .2s cubic-bezier(.645, .045, .355, 1);
}
.homepage-grid-image.new-size:hover {
filter: blur(3px);
}
.homepage-grid-image.new-size.chow {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.homepage-grid-image.new-size.steamdeck {
background-position: 50%;
}
.homepage-grid-image.new-size.pivot {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a9a3f8c022a57e68aa40_cmf%20Round%203.571.png");
background-position: 50%;
background-size: 175%;
}
.homepage-grid-image.new-size.sweep {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7baeec8232028453366e8_baseoflamp.jpg");
background-position: 35%;
background-repeat: no-repeat;
background-size: cover;
}
.homepage-grid-image.new-size.premium {
z-index: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e2069421e12533dfc72_sunset%20context.png");
background-position: 75%;
background-size: 150%;
}
.homepage-grid-text {
z-index: auto;
background-image: linear-gradient(#00000080, #00000080);
flex-direction: column;
justify-content: center;
align-items: center;
width: 35vw;
height: 35vw;
display: flex;
position: absolute;
}
.homepage-grid-text.new-size {
z-index: 1;
width: 100%;
height: 100%;
position: static;
}
.link-block-3 {
z-index: 2;
aspect-ratio: 1;
width: auto;
height: auto;
transition: all .2s cubic-bezier(.455, .03, .515, .955);
position: absolute;
}
.link-block-3:hover {
perspective-origin: 50%;
transform-origin: 50%;
}
.div-block-97 {
grid-column-gap: 2vh;
grid-row-gap: 2vh;
flex-direction: column;
width: auto;
height: auto;
display: flex;
position: absolute;
inset: 30vh auto auto 20vw;
}
.div-block-97.glide {
grid-column-gap: 3vh;
grid-row-gap: 3vh;
display: none;
top: 40vh;
}
.div-block-97.vera {
grid-column-gap: 3vh;
grid-row-gap: 3vh;
display: none;
top: 30vh;
}
.div-block-97.chow {
grid-column-gap: 3vh;
grid-row-gap: 3vh;
top: 40vh;
}
.main-title-text {
color: #000;
height: 5vh;
font-family: proxima-nova, sans-serif;
font-size: 9vh;
font-weight: 700;
}
.main-title-text.glide {
color: #afafaf;
}
.main-title-text.chow {
color: #505050;
}
.main-title-text.white {
color: #fff;
}
.sub-title-test {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 300;
}
.sub-title-test.glide {
color: #afafaf;
}
.sub-title-test.white {
color: #fff;
}
.div-block-98 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: block;
}
.text-block-25 {
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 300;
line-height: 150%;
}
.text-block-25.right {
text-align: right;
}
.project-brief-subtitles {
color: #000;
text-transform: uppercase;
font-family: proxima-nova, sans-serif;
font-size: 2vh;
font-weight: 700;
line-height: 150%;
}
.project-brief-subtitles.right {
text-align: right;
}
.div-block-99 {
padding-left: 0;
}
.section-6 {
justify-content: center;
align-items: center;
margin-top: 100vh;
display: block;
}
.section-6.chow {
margin-top: 25vh;
margin-bottom: 15vh;
display: block;
}
.section-6.vera {
margin-top: 0;
}
.div-block-100 {
background-color: #e6e9f1;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100vw;
height: 60vh;
display: flex;
}
.div-block-100.vera {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64800d7cd0c2c3e2464cba03_AdobeStock_158970891-min.jpeg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
}
.div-block-100.toca {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a8f759792c7177117bc8_gen%20z%20listening%20to%20music.jpeg");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
overflow: visible;
}
.div-block-101 {
position: static;
}
.div-block-101.vera {
flex-direction: column;
justify-content: center;
align-items: center;
display: block;
}
.text-block-27 {
color: #333;
text-align: left;
width: 90vw;
margin-top: 5vh;
margin-left: 5vw;
font-family: proxima-nova, sans-serif;
font-size: 4.5vh;
font-style: normal;
font-weight: 300;
line-height: 120%;
}
.text-block-27.center {
color: #000;
text-align: center;
}
.text-block-27.center.bold {
color: #fff;
font-size: 6vh;
font-weight: 700;
}
.div-block-102 {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6590d1c4656dfadeef7bc47e_Untitled_Artwork%20(2).png");
background-position: 100%;
background-repeat: no-repeat;
background-size: 80%;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
width: 100vw;
height: 90vh;
margin-top: 0;
display: flex;
position: absolute;
top: auto;
left: auto;
}
.div-block-102.vera {
background-image: none;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
height: 60vh;
display: flex;
}
.text-block-28 {
color: #000;
padding-bottom: 15px;
padding-right: 15px;
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 300;
}
.text-block-29 {
color: #000;
text-align: center;
font-family: proxima-nova, sans-serif;
font-size: 3.5vh;
font-weight: 600;
line-height: 5vh;
}
.text-block-29.bold {
font-weight: 700;
}
.text-block-29.left {
text-align: left;
margin-left: 12.5vw;
}
.div-block-103 {
flex-direction: row;
justify-content: space-between;
width: auto;
margin-top: 5vh;
margin-left: 0;
margin-right: 0;
display: flex;
}
.project-brief-statement {
color: #000;
text-align: left;
width: auto;
max-width: 80vw;
margin-left: 0;
margin-right: 0;
font-family: proxima-nova, sans-serif;
font-size: 3.5vh;
font-weight: 300;
line-height: 120%;
}
.div-block-104 {
grid-column-gap: 0vh;
grid-row-gap: 0vh;
flex-direction: column;
grid-template: ". Area"
". Area"
/ 75% 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
width: 70vw;
margin-top: 15vh;
margin-bottom: 20vh;
padding-left: 0;
display: grid;
}
.project-brief-right {
grid-column-gap: 3vh;
grid-row-gap: 3vh;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.about-section {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
flex-direction: row;
justify-content: center;
align-items: center;
height: 88vh;
display: none;
}
.div-block-106 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/669423eb79c4ff2e355e5d3b_TerraSullivanHeadshot.jpg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
width: 25vw;
}
.div-block-107 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.text-block-31 {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 4vh;
font-weight: 600;
line-height: 3.5vh;
}
.text-block-32 {
font-family: proxima-nova, sans-serif;
font-size: 4vh;
font-weight: 600;
line-height: 4vh;
}
.text-block-33 {
font-family: Lato, sans-serif;
font-size: 3vh;
font-weight: 300;
line-height: 120%;
}
.link-block-4, .link-block-5 {
text-decoration: none;
}
.footer {
z-index: 30;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 5vh;
display: block;
position: relative;
}
.text-block-34 {
color: #000;
text-align: center;
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 400;
}
.div-block-108 {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.div-block-109 {
padding-top: 5vh;
display: block;
}
.div-block-110 {
grid-column-gap: 10vh;
grid-row-gap: 10vh;
justify-content: center;
align-items: center;
padding-top: 5vh;
padding-bottom: 3vh;
display: flex;
}
.div-block-111 {
justify-content: center;
align-items: center;
height: 5vh;
padding-bottom: 10vh;
display: flex;
}
.div-block-112 {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100vw;
height: 15vh;
padding-bottom: 0;
display: flex;
}
.div-block-113 {
background-color: #333;
width: 1px;
height: 3vh;
}
.text-block-35 {
color: #696969;
font-family: Lato, sans-serif;
font-size: 2vh;
}
.text-block-36 {
color: #696969;
font-family: proxima-nova, sans-serif;
font-size: 2vh;
}
.div-block-114 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/654e8b03a0b12a7ce28baf9b_instagram%20icon.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 5vh;
height: 5vh;
}
.div-block-114.linked-in {
color: #696969;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/654e8f61c36df72b1c4511b2_linked%20in%20logo.png");
background-position: 50%;
background-size: 50%;
border: 1px solid #000;
border-radius: 5px;
width: 25px;
height: 25px;
}
.div-block-115 {
grid-column-gap: 2vh;
grid-row-gap: 2vh;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-116 {
height: 5vh;
}
.sub-sub-title-text {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 300;
}
.sub-sub-title-text.glide {
color: #afafaf;
}
.sub-sub-title-text.white {
color: #fff;
}
.sub-sub-title-text.award {
font-style: normal;
font-weight: 500;
}
.section-7 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 15vh;
margin-bottom: 20vh;
display: flex;
position: static;
}
.div-block-117 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/657ff86fb353ea5201888d79_Untitled_Artwork%2021.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 80vw;
height: 100vh;
}
.text-block-38 {
text-align: center;
width: 75vw;
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 300;
line-height: 4vh;
}
.section-8 {
margin-top: 15vh;
}
.div-block-118 {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
flex-direction: row;
justify-content: center;
align-items: stretch;
display: flex;
}
.div-block-119 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6580de398edecb04f311361b_bulky%20swim%20headphones%201.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
width: 50vw;
height: 30vw;
}
.div-block-120 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6580de39158511f331f8e4fd_bulky%20swim%20headphones%202.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
width: 25vw;
height: 30vw;
}
.div-block-121 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 5vh;
display: flex;
}
.section-9 {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-122 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6583bd13043d05ba3a3f9117_boneconduction%20tech.jpeg");
background-position: 75%;
background-repeat: no-repeat;
background-size: cover;
width: 42vw;
height: 50vh;
margin-top: 5vh;
margin-bottom: 5vh;
}
.div-block-122.hidden-on-computer {
display: none;
}
.div-block-123 {
grid-column-gap: 4vh;
grid-row-gap: 4vh;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 35vw;
padding-bottom: 5vh;
display: flex;
}
.div-block-124 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
padding-top: 5vh;
display: flex;
}
.mobile-nav, .div-block-127 {
display: none;
}
.div-block-129 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/658b3bd6d49e2dd34f0f426f_verabciconpile.png");
background-position: 10%;
background-repeat: no-repeat;
background-size: auto 65vh;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 40vw;
height: 65vh;
margin-left: 0;
display: block;
}
.div-block-129.hidden-on-laptop {
display: none;
}
.section-10 {
height: 20vh;
}
.section-11 {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
flex-direction: row;
justify-content: center;
align-items: center;
height: 50vh;
margin-bottom: 10vh;
display: flex;
}
.div-block-130 {
grid-column-gap: 5vh;
grid-row-gap: 5vh;
flex-direction: column;
width: 30vw;
display: flex;
}
.div-block-131 {
width: 35vw;
height: 50vh;
}
.section-12 {
margin-bottom: 5vh;
}
.section-13 {
height: 100vh;
display: block;
}
.div-block-132 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6591ea7f0382270a54256336_Asset%209.5.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 38vw;
width: 40vw;
}
.div-block-132.hidden-on-mobile {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6591f5da12e347d4daa7e1ce_Asset%209.5.png");
height: 50vh;
}
.div-block-132.hidden-on-computer {
display: none;
}
.div-block-133 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6591f722139e1daa37e793b2_Asset%2044.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 40vw;
}
.div-block-133.hidden-on-computer {
display: none;
}
.div-block-133.hidden-on-mobile {
height: 50vh;
}
.section-14 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6595e965f10d2064b2db21fd_mockup%20(1).png"), linear-gradient(#e6e6e6, #e6e6e6);
background-position: 0%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 100vw, auto;
height: 90vh;
margin-bottom: 5vh;
}
.section-15 {
margin-bottom: 15vh;
padding-left: 10vw;
padding-right: 10vw;
}
.section-16 {
text-align: center;
z-index: 20;
transform-style: preserve-3d;
background-color: #fff;
padding-top: 10vh;
padding-bottom: 10vh;
position: relative;
transform: translateZ(0);
}
.back-to-top {
color: #acacac;
text-align: center;
cursor: pointer;
font-family: proxima-nova, sans-serif;
font-size: 2vh;
font-weight: 300;
line-height: 100%;
text-decoration: none;
}
.back-to-top.w--current {
text-decoration: none;
}
.back-to-top.left {
text-align: left;
display: none;
}
.link-block-6 {
text-decoration: none;
}
.div-block-134 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659878bbc653b4c0259e8687_GoggleFinal.63both%20orthos.jpg");
background-position: 50%;
background-size: auto 80vh;
width: 60vw;
height: 80vh;
margin-bottom: 15vh;
}
.div-block-134._2 {
background-position: 48%;
background-size: cover;
width: 100vw;
height: 100vw;
margin-bottom: 0;
}
.section-17 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65984cebdb828f5b3510e7dd_GoggleFinal.64.jpg");
background-position: 50% 40%;
background-size: 100vw;
height: 75vh;
margin-bottom: 15vh;
}
.div-block-135 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65984ce8520b882c091e0807_FINAL%20GOGGLE%20RENDER.27.jpg");
background-position: 0%;
background-size: 100vw;
height: 75vh;
}
.div-block-135._2 {
background-size: cover;
height: 50vw;
}
.section-18 {
grid-column-gap: 0vw;
grid-row-gap: 0vw;
justify-content: center;
margin-bottom: 15vh;
display: flex;
}
.div-block-136 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65987acd77b008b56b225536_Untitled_Artwork%2024.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 30vw;
height: 30vw;
}
.div-block-136._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65987b78887272af54bf0eb7_Untitled_Artwork%2025.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.div-block-136._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65987b9e12d0c799982e863f_Untitled_Artwork%2024.png");
background-repeat: no-repeat;
}
.div-block-136._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65987acee5c7559a6c28660b_Untitled_Artwork%2023.png");
}
.div-block-137, .div-block-138, .div-block-139 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.section-19 {
grid-column-gap: 5vh;
grid-row-gap: 5vh;
flex-direction: column;
margin-bottom: 15vh;
display: flex;
}
.section-19._2 {
margin-bottom: 0;
}
.div-block-140 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/657fd3422736ba720e2424f0_GoggleExploded.47.jpg");
background-position: 50%;
background-size: cover;
height: 75vh;
margin-bottom: 15vh;
}
.div-block-140._2 {
height: 75vw;
}
.div-block-141 {
grid-column-gap: 2vh;
grid-row-gap: 2vh;
grid-template: "." 25vw
"." 25vw
"." 25vw
/ 25vw 25vw 25vw;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.section-20 {
grid-column-gap: 5vh;
grid-row-gap: 5vh;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 5px;
display: flex;
}
.div-block-142 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6598827c9da7590eee237516_Screenshot%202023-12-13%20145826.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border: 0 solid #333;
border-radius: 10px;
box-shadow: 0 2px 5px #0003;
}
.div-block-142._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6598830affa59a65f74609b5_Screenshot%202023-12-13%20203051.png");
}
.div-block-142._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6598827c16cf4b301a0c3fb9_Screenshot%202023-12-13%20211226.png");
}
.div-block-142._4 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659882c29b128e0da4590dfa_Screenshot%202023-12-13%20212139.png");
background-size: cover;
}
.div-block-142._5 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659882c2bd649806f4ef7395_Screenshot%202023-12-13%20212938.png");
background-size: cover;
}
.div-block-142._6 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659882c3fa97c2686721d97e_Screenshot%202023-12-13%20213245.png");
background-size: cover;
}
.div-block-142._7 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659882f2ae2d11562134a2ad_Screenshot%202023-12-14%20002106.png");
background-size: contain;
}
.div-block-142._8 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6598827cabdc3bb18933f935_Screenshot%202023-12-14%20010013.png");
background-position: 50%;
background-size: contain;
}
.div-block-142._9 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6598827cc0cbaca10f565c1e_Screenshot%202023-12-14%20101648.png");
}
.div-block-147 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65988fe3ffa59a65f74d3154_nancy%20with%20dog.jpeg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 30vw;
height: 50vh;
}
.div-block-147._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65988fe8312d087df183aa83_scanned%20sketches-53.jpg");
background-position: 50% 85%;
background-size: 150%;
}
.div-block-147._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659894da2cdb61e3757356c2_guy%20and%20dog.jpeg");
background-position: 100%;
}
.div-block-148 {
width: 40vw;
height: auto;
}
.medium-caption {
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 300;
line-height: 25px;
}
.medium-caption.center {
text-align: center;
width: 80%;
line-height: 4vh;
}
.div-block-149 {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
flex-direction: row;
justify-content: center;
display: flex;
}
.div-block-149.less-gap {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
margin-bottom: 0;
}
.div-block-150 {
margin-bottom: 5vh;
padding-top: 2vh;
}
.div-block-151, .div-block-152 {
padding-top: 2vh;
}
.text-block-40 {
padding-left: 10vw;
}
.div-block-153 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.div-block-153.hidden {
display: none;
}
.section-21 {
grid-column-gap: 5vh;
grid-row-gap: 5vh;
flex-direction: column;
margin-top: 10vh;
margin-bottom: 5vh;
display: block;
}
.section-21.no-gap {
margin-bottom: 15vh;
display: block;
}
.section-21.no-gap.show {
margin-top: 30vh;
display: block;
}
.div-block-154 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: block;
}
.section-22 {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 20vh;
display: flex;
}
.div-block-155 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659b4462e94344098db4988d_vegetable%20scraps.jpeg");
background-position: 50% 100%;
background-size: cover;
border-radius: 20px;
width: 54vw;
height: 60vh;
}
.div-block-156 {
grid-column-gap: 10vh;
grid-row-gap: 10vh;
flex-direction: column;
justify-content: center;
width: 25vw;
height: 40vh;
display: flex;
}
.div-block-157 {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-158 {
justify-content: center;
display: flex;
}
.div-block-159 {
flex-direction: row;
justify-content: center;
display: flex;
}
.div-block-160 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659b5017d931304595a1eb3b_IMG_7020%202.jpeg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
height: 25vh;
box-shadow: 0 2px 5px #0003;
}
.div-block-160._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659b5015f0e2bb267b120ac5_IMG_7030%202.jpeg");
}
.div-block-160._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659b5016094eaac10e963347_IMG_7140%202.jpeg");
background-position: 50%;
background-size: cover;
}
.div-block-161 {
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
display: flex;
}
.section-23 {
grid-column-gap: 2vh;
grid-row-gap: 2vh;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 15vh;
display: flex;
}
.div-block-162 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.link-block-7, .link-block-8 {
text-decoration: none;
}
.div-block-163 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659c9598376b7292bdffeed5_mechanics%20drawing.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 40vw;
margin-bottom: 0;
}
.div-block-163._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659c99cb943952d79a7b3c06_mechanics%20circle.png");
background-size: contain;
margin-top: 5vh;
}
.div-block-164 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659cc256c3a3a93fcfa6a18f_DSC_7111%20(1).jpg");
background-position: 55%;
background-size: cover;
width: 100%;
height: 25vw;
box-shadow: 0 2px 5px #0003;
}
.div-block-164._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659cc2525264ae24440fbea9_DSC_7071.jpg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 15vw;
}
.div-block-164._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659cc255fef4eb98f14f8167_DSC_7077.jpg");
background-position: 30% 70%;
background-size: auto 40vw;
border-radius: 20px;
}
.div-block-164._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659cc2560dc7121373138aac_DSC_7091.jpg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
}
.div-block-164._4 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659cc254a90525d0d82c51dc_DSC_7098.jpg");
background-position: 90%;
background-size: cover;
border-radius: 20px;
}
.div-block-164._5 {
border-radius: 20px;
}
.section-24 {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
margin-top: 15vh;
margin-bottom: 10vh;
display: flex;
}
.div-block-165 {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
flex-direction: row;
justify-content: center;
align-items: flex-start;
display: flex;
}
.mechanics-process-caption {
width: 16vw;
}
.div-block-166 {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
justify-content: center;
display: flex;
}
.div-block-167 {
aspect-ratio: 100 / 149;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65b08b4ffbf93c701bbb67f9_sketches%20and%20models%20chow.png"), linear-gradient(#fff, #fff);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
width: 90%;
height: auto;
}
.section-25 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 15vh;
display: flex;
}
.div-block-168 {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
flex-direction: row;
justify-content: center;
width: auto;
margin-bottom: 3vh;
display: flex;
}
.section-26 {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
justify-content: center;
margin-bottom: 10vh;
display: block;
}
.div-block-169 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659cdc13c3a3a93fcfb6f0d3_putting%20scraps%20in.jpg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 40vw;
height: 30vw;
}
.div-block-169._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659cdc1286029a78b07622cb_grabbing%20treats.jpg");
}
.link-block-10, .link-block-11, .link-block-12, .link-block-13 {
text-decoration: none;
}
.home-body {
background-color: #fff;
}
.div-block-170 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659e1ce0a11fe08d855b87e0_chow%20exploded%20labeled.png");
background-position: 30%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 50vw;
margin-bottom: 0;
position: absolute;
}
.div-block-170.internals {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65aab9d2dc24333c35b9bbdc_chow%20internals%20annotated.png");
}
.section-27 {
flex-direction: row;
justify-content: center;
align-items: center;
height: 60vw;
margin-bottom: 0;
display: flex;
}
.div-block-171 {
width: 100vw;
height: 75vh;
position: static;
inset: 0%;
}
.div-block-172 {
position: static;
}
.div-block-173 {
width: 100vw;
height: 60vw;
}
.div-block-174 {
margin-top: 5vw;
}
.div-block-175 {
object-fit: fill;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
height: .5vw;
margin-left: 48vw;
}
.section-28 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: 20vw 20vw;
grid-template-columns: 20vw 20vw 20vw 20vw;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch flex-start;
place-items: center stretch;
display: flex;
}
.div-block-176 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 20vw 5vw 20vw 5vw;
grid-template-columns: 20vw 20vw 20vw 20vw;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-177 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/659f70d78e06050cc27ac0b3_chow%20storyboard%20with%20shadows.png");
background-position: 80%;
background-repeat: no-repeat;
background-size: 100vw;
width: 95vw;
height: 60vw;
}
.div-block-178 {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
flex-direction: row;
display: flex;
}
.div-block-179 {
width: 100vw;
}
.section-29 {
grid-column-gap: 5vh;
grid-row-gap: 5vh;
flex-direction: column;
margin-top: 15vh;
margin-bottom: 0;
display: flex;
}
.section-30 {
justify-content: center;
align-items: center;
margin-top: 100vh;
display: block;
}
.section-30.chow {
margin-top: 25vh;
margin-bottom: 15vh;
display: block;
}
.div-block-180 {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65a1aa570b2ac4a3a69d5ec2_Happy_Dog.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: contain;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
width: 100vw;
height: 90vh;
margin-top: 0;
display: block;
position: absolute;
top: auto;
left: auto;
}
.div-block-181 {
background-color: #e6e9f1;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100vw;
height: 60vh;
display: flex;
}
.text-block-41 {
color: #333;
text-align: left;
width: 90vw;
margin-top: 5vh;
margin-left: 5vw;
font-family: proxima-nova, sans-serif;
font-size: 4.5vh;
font-style: normal;
font-weight: 300;
line-height: 120%;
}
.div-block-182 {
display: block;
}
.section-31 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.section-32 {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
justify-content: center;
align-items: center;
margin-top: 10vh;
margin-bottom: 20vh;
display: flex;
}
.section-32.hidden {
display: block;
}
.div-block-183 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65a75742ff8b6bcbeae9049d_in%20fridge%20no%20reflection.jpg");
background-position: 50%;
background-size: cover;
width: 60vw;
height: 65vh;
}
.div-block-183._2 {
aspect-ratio: 5 / 4;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65b08fc186aa75a07b4b7528_DetailsFeatures.43.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
width: 50vw;
height: auto;
}
.div-block-184 {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
justify-content: center;
margin-top: 15vh;
margin-bottom: 20vh;
padding-left: 5vw;
display: flex;
}
.div-block-184.different {
padding-left: 0;
}
.div-block-184.less-spacing {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
margin-top: 5vh;
}
.div-block-192 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65a75db936944b4752040b96_DetailsFeatures.49.jpg");
background-position: 50% 40%;
background-size: 60vw;
width: 40vw;
height: 30vw;
}
.div-block-193 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65a75db9c277c119983b379e_DetailsFeatures.48.jpg");
background-position: 50% 40%;
background-size: 60vw;
width: 40vw;
height: 30vw;
}
.div-block-190 {
grid-column-gap: 4vh;
grid-row-gap: 4vh;
flex-direction: column;
max-width: 40vw;
display: flex;
}
.div-block-190.thin-max {
max-width: 30vw;
}
.div-block-191 {
grid-column-gap: 4vh;
grid-row-gap: 4vh;
flex-direction: column;
max-width: 55vw;
display: flex;
}
.div-block-191.thick-max {
max-width: 55vw;
}
.div-block-189 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65a75bef4f6d57df0bfd9a64_storage%20render%20v3.257.jpg");
background-position: 50% 30%;
background-size: cover;
height: 115vh;
margin-bottom: 5vh;
}
.div-block-185 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65a759786a26cde15a2ef830_Storage%20Comparison.69.jpg");
background-position: 50%;
background-size: 75vw;
width: 30vw;
height: 30vw;
}
.div-block-186 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65a75979a4689e5ab61176e1_Storage%20Comparison.68.jpg");
background-position: 50% 35%;
background-size: 75vw;
width: 55vw;
height: 30vw;
}
.bold-text-2 {
color: #000;
}
.section-33 {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
justify-content: center;
align-items: stretch;
margin-bottom: 1vw;
display: flex;
}
.div-block-194 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65b0916d61500855e6b32817_Storage%20Comparison.68.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 100vw;
border-radius: 20px;
width: 81vw;
height: 35vw;
}
.div-block-194._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65aac04f978a52e3153607b8_DetailsFeatures.50.jpg");
background-position: 48% 51%;
background-size: 150vw;
border-radius: 20px;
width: 40vw;
height: 40vw;
}
.div-block-195 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65b09089d0803d1b484b1711_DetailsFeatures.42.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
width: 40vw;
}
.div-block-196 {
height: 40vw;
}
.div-block-197 {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
flex-direction: column;
display: flex;
}
.section-34 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 15vh;
display: flex;
}
.section-35 {
display: block;
}
.section-36 {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
justify-content: center;
margin-top: 2vw;
display: none;
}
.div-block-198 {
width: 45vw;
}
.slide-13 {
height: 85vh;
}
.section-37 {
background-image: linear-gradient(#e2e2e2, #e2e2e2);
margin-top: 15vh;
padding-top: 5vh;
padding-bottom: 5vh;
}
.div-block-199 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-200 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/657fd340f3b559aad3524b17_FINAL%20GOGGLE%20RENDER.38.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
transition: all .2s cubic-bezier(.455, .03, .515, .955);
}
.div-block-200:hover {
opacity: .5;
filter: blur(3px);
mix-blend-mode: normal;
}
.link-block-14 {
color: #fff;
background-image: linear-gradient(#000, #000);
text-decoration: none;
}
.div-block-201 {
opacity: 0;
width: 100%;
height: 100%;
transition: all .2s;
position: absolute;
}
.div-block-201:hover {
opacity: 1;
}
.text-block-42 {
color: #fff;
}
.div-block-202 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65aab9d2dc24333c35b9bbdc_chow%20internals%20annotated.png");
background-position: 0 0;
background-size: cover;
width: 75vw;
}
.section-38 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.quick-stack {
padding-left: 9vw;
padding-right: 9vw;
}
.cell, .cell-2, .cell-3 {
padding-left: 1vw;
}
.section-39 {
margin-left: 0;
padding-left: 9vw;
padding-right: 9vw;
}
.section-40 {
margin-bottom: 20vh;
}
.quick-stack-2 {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
padding-left: 9vw;
padding-right: 9vw;
}
.cell-4 {
padding-left: 1vw;
}
.section-41 {
padding-left: 13.5vw;
}
.section-42 {
display: block;
}
.link-block-15 {
text-decoration: none;
}
.div-block-203 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65b3f4650ff90b26b3592d67_Untitled_Artwork%20(2).png");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
width: 90%;
height: auto;
}
.section-43 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 10vh;
display: flex;
}
.div-block-204 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65b3f69ec757bf75f800ae51_Happy_Dog.png");
background-position: 100%;
background-size: cover;
width: 90%;
}
.section-44 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
margin-top: 10vh;
display: flex;
}
.div-block-205 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-206 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65b6dd66c4a57bcfd13afc07_mockup%20(2).png");
background-position: 50%;
background-size: cover;
width: 100vw;
}
.text-block-43 {
padding-top: 40vw;
padding-left: 55vw;
}
.div-block-207 {
padding-top: 39vw;
padding-left: 55vw;
padding-right: 8vw;
}
.div-block-207.hidden-on-computer {
display: none;
}
.div-block-208 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65b6d34e3dc80ee41a61f68a_All%20Four%20Render.21.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 50vw;
}
.section-45 {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
justify-content: center;
align-items: center;
margin-bottom: 15vh;
display: flex;
}
.div-block-209 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65b6e52480c184325a50b689_dog%20looking%20at%20treats.266.jpg");
background-position: 50% 100%;
background-size: cover;
height: 90vh;
}
.section-46 {
margin-bottom: 25vh;
}
.text-block-44 {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 6vh;
font-weight: 600;
line-height: 120%;
}
.text-block-44.more {
font-size: 4.5vh;
}
.div-block-210 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 10vw;
padding-right: 25vw;
display: flex;
}
.section-47 {
margin-top: 15vh;
margin-bottom: 2vh;
display: none;
}
.div-block-211 {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
flex-direction: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-block-45 {
font-family: proxima-nova, sans-serif;
font-size: 4vh;
font-weight: 300;
line-height: 120%;
}
.text-block-45.more {
font-size: 3.5vh;
}
.section-48 {
margin-top: 0;
display: none;
}
.div-block-212 {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
grid-template: "." 30vw
"." 30vw
"." 30vw
/ 40vw 40vw;
grid-auto-columns: 1fr;
display: grid;
}
.section-49 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 15vh;
padding-left: 0;
padding-right: 0;
display: block;
}
.homepage-link {
width: 100%;
height: 100%;
}
.homepage-link.toca {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a9a3f8c022a57e68aa40_cmf%20Round%203.571.png");
background-position: 50%;
background-size: 175%;
}
.homepage-link.premium {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e2069421e12533dfc72_sunset%20context.png");
background-position: 75%;
background-size: 150%;
}
.section-50 {
margin-top: 100vh;
}
.quick-stack-3 {
grid-column-gap: 0vw;
grid-row-gap: 0vw;
padding-left: 8vw;
padding-right: 8vw;
}
.cell-5, .cell-6, .cell-7, .cell-8, .cell-9, .cell-10 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.div-block-213 {
padding-left: 8vw;
padding-right: 8vw;
}
.quick-stack-4 {
grid-column-gap: 4vw;
grid-row-gap: 4vw;
}
.section-51 {
margin-top: 10vh;
margin-bottom: 10vh;
}
.section-52 {
margin-top: 10vh;
}
.div-block-214 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65bfcc22ebdbd70a0f4e4208_sketching%20page.png");
background-position: 50%;
background-size: cover;
width: 85vw;
}
.section-53 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 15vh;
display: flex;
}
.quick-stack-5 {
padding-left: 10vw;
padding-right: 10vw;
}
.cell-14, .cell-17 {
justify-content: center;
}
.div-block-215 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65bfcc1d62ed5413a34865c4_DSC_8980.JPG");
background-position: 50% 100%;
background-size: cover;
height: 60vw;
}
.section-54 {
margin-bottom: 15vh;
}
.body-3, .body-4 {
background-color: #fff;
}
.quick-stack-6 {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
padding-left: 8vw;
padding-right: 8vw;
}
.div-block-216 {
aspect-ratio: 9 / 4;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68f409316e861e92eb65f06c_main.png");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
display: flex;
}
.div-block-217 {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
height: 115%;
display: flex;
}
.div-block-218 {
z-index: 2;
aspect-ratio: auto;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
margin-top: 0;
padding-top: 0;
display: flex;
position: static;
}
.div-block-219 {
aspect-ratio: 8 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c07b4886bbbd731b11ee39_P3%20MAIN.123.png");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.div-block-220 {
aspect-ratio: 16 / 9;
width: 100%;
}
.div-block-221 {
aspect-ratio: 9 / 8;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c6b24e1a290d6798cf6055_P2%20DETAIL.113.png");
background-position: 80%;
background-size: cover;
border-radius: 15px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
display: flex;
}
.section-55 {
margin-top: 10vh;
}
.div-block-222 {
grid-column-gap: 3vh;
grid-row-gap: 3vh;
flex-direction: column;
margin-left: 6vw;
margin-right: 6vw;
display: flex;
}
.section-56 {
z-index: 5;
margin-top: 15vh;
padding-bottom: 10vh;
position: sticky;
}
.div-block-223 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c50e85b06b0687379f76c3_IMG_5346.JPG");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px;
width: 100%;
}
.div-block-224 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c50e84694b1057ae4e7a28_IMG_5335.JPG");
background-position: 75%;
background-size: cover;
width: 100%;
}
.div-block-225 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c50e04a9a89f55bd229149_FellowClockRenderv5.10.png");
background-position: 50%;
background-size: cover;
width: 100%;
}
.div-block-226 {
aspect-ratio: 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c50e04c95888e61258a367_FellowClockRenderv5.11.png");
background-position: 50%;
background-size: cover;
width: 100%;
}
.div-block-227 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c518e60e995057823d5e1f_Untitled_Artwork%2044.png");
background-position: 100% 30%;
background-size: 110%;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
display: flex;
}
.div-block-228 {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c51aec6d2f6c85324a8757_IMG_0315.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
}
.div-block-229 {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c51aec223ca3b5cbd1d5bc_Untitled_Artwork%2042.png");
background-position: 50%;
background-size: cover;
width: 100%;
}
.section-57 {
background-color: #fff;
margin-top: 10vh;
display: none;
}
.quick-stack-7 {
grid-column-gap: 5px;
grid-row-gap: 5px;
padding-left: 8vw;
padding-right: 8vw;
}
.div-block-230 {
aspect-ratio: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c07b4886bbbd731b11ee39_P3%20MAIN.123.png");
background-position: 50%;
background-size: 100%;
width: 100%;
height: 100%;
}
.div-block-231 {
aspect-ratio: auto;
width: 100%;
height: 100%;
}
.div-block-232 {
aspect-ratio: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c50e84694b1057ae4e7a28_IMG_5335.JPG");
background-position: 70%;
background-size: cover;
border-radius: 15px;
width: 100%;
height: 100%;
}
.div-block-233 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c07b48b89b613d6b4078c7_P3%20DETAIL.109.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
height: 100%;
}
.div-block-234 {
aspect-ratio: 1;
width: 100%;
}
.div-block-235 {
width: 100%;
height: 100%;
}
.div-block-236 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c50e04a9a89f55bd229149_FellowClockRenderv5.10.png");
background-position: 50%;
background-size: auto 115%;
border-radius: 15px;
flex: 0 auto;
width: 100%;
}
.div-block-237 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c50e04c95888e61258a367_FellowClockRenderv5.11.png");
background-position: 50% 100%;
background-size: cover;
border-radius: 15px;
width: 100%;
height: 100%;
}
.div-block-238 {
aspect-ratio: 13 / 10;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
display: flex;
}
.div-block-239 {
width: 100%;
height: 100%;
}
.div-block-240 {
aspect-ratio: 13 / 10;
width: 100%;
}
.div-block-241 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c3512c1504d766d61fed4b_Weld%20Test%203.5.jpg");
background-position: 50%;
background-size: cover;
border-radius: 15px;
width: 100%;
height: 100%;
}
.div-block-242 {
aspect-ratio: 2.39;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4b364edcba583788a68e8_IMG_7695.JPG");
background-position: 50% 25%;
background-size: cover;
width: 100%;
}
.div-block-243 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c07b4ddaccf3250bc46285_PolestarClockRenderv2.86.png");
background-position: 52%;
background-size: auto 115%;
border-radius: 15px;
width: 100%;
}
.div-block-244 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c07b4ebc19eafdb04d6f59_PolestarClockRenderv2.82.png");
background-position: 0 0;
background-size: cover;
border-radius: 15px;
width: 100%;
height: 100%;
}
.div-block-245 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7aef14ffc10e174b23630_SkiBoot%20Render%20(Illustrator).jpg");
background-position: 0 0;
background-size: auto 101%;
width: 100%;
}
.div-block-246 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7aef02bfec259278a44e7_Watch%20Render%20(Illustrator).jpg");
background-position: 0%;
background-size: cover;
width: 100%;
height: auto;
}
.div-block-247 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7b055e8d60b6ee0363036_IMG_4336.JPG");
background-position: 50% 100%;
background-size: cover;
border-radius: 15px;
width: 100%;
}
.div-block-248 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7b0533aa2d63c1132a874_IMG_4342.JPG");
background-position: 50%;
background-size: cover;
border-radius: 15px;
width: 100%;
height: 100%;
}
.div-block-249 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7b0522bfec259278adcf6_IMG_5393.JPG");
background-position: 0 100%;
background-size: cover;
border-radius: 15px;
width: 100%;
}
.section-58 {
margin-top: 100vh;
}
.quick-stack-8 {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
padding-top: 0;
padding-left: 10vw;
padding-right: 10vw;
}
.div-block-250 {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c9142ac00976cb4d9a4883_IMG_1003.jpg.jpeg");
background-position: 30% 100%;
background-size: auto 125%;
border-radius: 20px;
width: 25vw;
}
.div-block-251 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c9142b0c6a234d9021acf3_20180605_palouse_147.jpeg");
background-position: 50% 0;
background-size: auto 115%;
border-radius: 20px;
width: 100%;
height: 100%;
}
.cell-18 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.quick-stack-9 {
padding-left: 10vw;
padding-right: 10vw;
}
.div-block-252 {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7bae96864e8b8b777e22b_sketches_Page_1.png");
background-position: 50%;
background-size: cover;
width: 100%;
}
.div-block-252._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7baeade35e6f50077aa32_sketches_Page_2.png");
}
.div-block-252._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7baeaf49034a77b7429e4_sketches_Page_3.png");
background-position: 100%;
}
.div-block-252._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7bae942d0574795cb4119_sketches_Page_4.png");
background-position: 50% 100%;
}
.div-block-253 {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7bafebd55b11e6ff510ca_Wire%20model.png");
background-position: 0 0;
background-size: cover;
border-radius: 20px;
width: 100%;
}
.div-block-254 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c94fe68a42023d2f93c62e_IMG_3612.jpeg");
background-position: 0%;
background-size: cover;
border-radius: 20px;
width: 100%;
height: 100%;
}
.div-block-255 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c94fe81207c5e91c718f52_IMG_3434.jpeg");
background-position: 30% 60%;
background-size: 130%;
border-radius: 20px;
width: 100%;
height: 100%;
}
.div-block-256 {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c94fe7eb29ce1602e7c69b_IMG_3433.jpeg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
}
.div-block-256._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c94b15a9118016b8e4c101_IMG_3610.jpeg");
}
.div-block-256._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c94b11b3fbb4c954c7fa01_IMG_3548.jpeg");
}
.div-block-256._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c94b14a630492e668a2759_IMG_3538.jpeg");
background-position: 50% 100%;
}
.div-block-257 {
aspect-ratio: 3 / 4;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7bafc6864e8b8b777e877_lampoverchair.jpg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 80vw;
height: auto;
}
.section-59 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.quick-stack-10 {
margin-bottom: 15vh;
padding-left: 10vw;
padding-right: 10vw;
}
.div-block-258 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7baf613a4de2e15624fc6_lampdetails1.jpg");
background-position: 0 0;
background-size: cover;
border-radius: 20px;
width: 100%;
}
.div-block-259 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7baee48b17a6f46cbd0da_IMG_4558.png");
background-position: 40%;
background-size: cover;
border-radius: 20px;
width: 100%;
height: auto;
}
.div-block-259._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7baf988f52fba8ab097c4_lampdetails3.jpg");
background-position: 50% 0;
}
.section-60 {
margin-top: 10vh;
margin-bottom: 15vh;
}
.quick-stack-11 {
margin-bottom: 10vh;
padding-left: 10vw;
padding-right: 10vw;
}
.div-block-262 {
aspect-ratio: 5 / 4;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c001945937b9ad7c7e65aa_Untitled_Artwork%2037.png");
background-position: 58% 35%;
background-size: 55vw;
width: auto;
height: 22vw;
}
.div-block-262._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c001949c1a33194f53d1d6_Untitled_Artwork%2039.png");
background-position: 50% 35%;
background-size: 55vw;
}
.div-block-262._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c00193d54c0b0c0637836b_Untitled_Artwork%2038.png");
background-position: 57% 35%;
background-size: 55vw;
}
.div-block-263 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c00bd98120db5049bbea83_Untitled_Artwork%2041.png");
background-position: 53%;
background-size: 85vw;
width: 40vw;
height: 40vw;
}
.div-block-263._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c00bd9212f880f93717243_Untitled_Artwork%2040.png");
}
.div-block-264 {
aspect-ratio: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65bfcc1bc65b886240f5921a_DSC_8999.JPG");
background-position: 100%;
background-size: cover;
width: 100%;
height: 35vw;
}
.div-block-264._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65bfcc206638b0f7cc093f5f_DSC_8928.JPG");
background-position: 50%;
}
.div-block-264._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c01f19a4cbc79aa1aca7f5_DSC_8945.JPG");
background-position: 100%;
}
.text-block-46 {
color: #000;
text-align: left;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 400;
text-decoration: none;
}
.link-block-16 {
flex-direction: row;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: none;
}
.div-block-265 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65405393b4a3f0dab36f871f_navigate_next_FILL0_wght400_GRAD0_opsz24.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
width: 4vw;
height: auto;
}
.section-61 {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
justify-content: center;
margin-top: 20vh;
margin-bottom: 20vh;
display: flex;
}
.text-block-47 {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 6vh;
font-weight: 600;
line-height: 120%;
}
.div-block-266 {
grid-column-gap: 1vh;
grid-row-gap: 1vh;
color: #000;
flex-direction: column;
display: flex;
}
.resume-section-header {
color: #000;
margin-top: 5vh;
margin-bottom: 2vh;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 600;
line-height: 120%;
}
.text-block-48 {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 600;
}
.div-block-267 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.text-block-49 {
text-align: right;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 300;
}
.cell-22 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
}
.text-block-50 {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 400;
}
.text-block-50.education {
padding-left: 3vw;
line-height: 200%;
}
.text-block-50.awards {
padding-left: 20px;
}
.text-block-51 {
color: #000;
max-width: 50vw;
padding-left: 3vw;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 300;
line-height: 3vh;
}
.quick-stack-12 {
grid-column-gap: 2vh;
grid-row-gap: 2vh;
padding-top: 0;
padding-bottom: 0;
}
.quick-stack-12._1 {
padding-top: 20px;
}
.quick-stack-13 {
padding-top: 0;
padding-bottom: 0;
}
.quick-stack-14 {
padding-top: 20px;
padding-bottom: 0;
}
.div-block-268 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
padding-top: 18.25vh;
display: flex;
}
.resume-list {
text-align: right;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 300;
line-height: 175%;
}
.div-block-269 {
display: none;
}
.div-block-270 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65d501d8a24bd3227f5d4382_GIA%20Logo.png");
background-position: 0 0;
background-size: cover;
}
.image-2 {
width: 25%;
max-width: none;
}
.image-3 {
z-index: 2;
max-width: 12%;
position: absolute;
inset: 45% auto auto 0%;
}
.link {
color: var(--black);
font-weight: 300;
text-decoration: none;
}
.link-2 {
color: var(--gia);
text-decoration: none;
}
.link-2.no-red {
color: var(--black);
font-weight: 300;
}
.div-block-271 {
aspect-ratio: 5 / 4;
width: 100%;
}
.cell-23 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.div-block-272, .div-block-273 {
aspect-ratio: 5 / 4;
width: 100%;
}
.bold-text-3, .bold-text-4, .bold-text-5 {
color: #000;
}
.div-block-274 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/665f305a042c274f8a5726b4_Goggle%20Context%20v1.380.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 60vw;
}
.section-62 {
justify-content: center;
align-items: center;
margin-bottom: 15vh;
display: flex;
position: static;
}
.section-63 {
justify-content: center;
align-items: center;
margin-top: 100vh;
display: flex;
}
.slide-nav-3, .left-arrow-2, .right-arrow-2 {
display: none;
}
.mask-2 {
width: auto;
}
.slider-2 {
width: 60vw;
height: 60vw;
position: static;
}
.slider-2.no-hover {
pointer-events: none;
}
.slider-2.no-hover.more {
width: 100%;
height: 100%;
}
.slide-14 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66bd750071cdbd2f2c025f89_IMG_7556.png");
background-position: 50%;
background-size: cover;
}
.slide-15 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66bd7500c450ba47daf8cdd9_IMG_7565.png");
background-position: 50%;
background-size: cover;
}
.slide-16 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66bd7500689150700961ec18_IMG_7574.png");
background-position: 50%;
background-size: cover;
}
.slide-17 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66bd7500417f66a31df9a394_IMG_7582.png");
background-position: 50%;
background-size: cover;
}
.slide-18 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66c422d732324b40f82a9da8_IMG_7605.png");
background-position: 50%;
background-size: cover;
}
.slide-19 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66c422d715ed715aec8c1800_IMG_7623.png");
background-position: 50%;
background-size: cover;
}
.slide-20 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66c422d70c32120a98335eea_IMG_7618.png");
background-position: 50%;
background-size: cover;
}
.slide-21 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66c422d8c8a8596bbf479ba5_IMG_7611.png");
background-position: 50%;
background-size: cover;
}
.slide-22 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f48e89db230e4a8ebdd0d0_IMG_7591.png");
background-position: 50%;
background-size: cover;
}
.slide-23 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4a9aed2189db02b876f2f_IMG_7655.png");
background-position: 50%;
background-size: cover;
}
.slide-24 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4a9ae17a909f8c47fe51e_IMG_7672.png");
background-position: 50%;
background-size: cover;
}
.slide-25 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4a9ae8b53a8e286e6e22c_IMG_7597.png");
background-position: 50%;
background-size: cover;
}
.slide-26 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4a9aeefdfb829fb16cc50_IMG_7635.png");
background-position: 50%;
background-size: cover;
}
.slide-27 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4a9ae7f75b0c91e46914f_IMG_7627.png");
background-position: 50%;
background-size: cover;
}
.slide-28 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4a9af4e03d49cd868d582_IMG_7651.png");
background-position: 50%;
background-size: cover;
}
.slide-29 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4ad66e3ac8a3638707b81_IMG_7678.png");
background-position: 50%;
background-size: cover;
}
.slide-30 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4ad662152c80b753ceb85_IMG_7687.png");
background-position: 50%;
background-size: cover;
}
.div-block-275 {
grid-column-gap: 10vw;
grid-row-gap: 10vw;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-276 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4af5017a909f8c485a0e0_Screenshot%202024-09-25%20at%205.42.58%E2%80%AFPM.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 30vw;
width: 40vw;
height: 40vw;
}
.div-block-277 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: 40vw;
height: 40vw;
display: flex;
}
.div-block-278 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4b350c0e226cdc97d19ff_IMG_7401.JPG");
background-position: 50%;
background-size: cover;
width: 100%;
height: 40vw;
}
.div-block-279 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4b360fdb294a68c39038c_IMG_7684.JPG");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
}
.div-block-280 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4f2ee1c59cbfc28548e19_IMG_6837.JPG");
background-position: 50%;
background-size: cover;
width: 100%;
height: auto;
}
.quick-stack-15 {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
padding-left: 5vw;
padding-right: 5vw;
}
.div-block-281 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4b2aa51d72b9903be2da6_IMG_7681.jpg");
background-position: 50%;
background-size: 120%;
width: 100%;
}
.div-block-282 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4b364edcba583788a68e8_IMG_7695.JPG");
background-position: 50%;
background-size: cover;
width: 90vw;
margin-top: 15vh;
margin-bottom: 15vh;
}
.section-64 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-283 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4b2aa51d72b9903be2da6_IMG_7681.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
}
.div-block-284 {
width: auto;
}
.div-block-285 {
aspect-ratio: 16 / 9;
}
.section-65 {
margin-top: 10vh;
display: none;
}
.gallery-overview {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-2 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.gallery-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.gallery-block {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.gallery-features-block {
margin-top: 16px;
margin-bottom: 24px;
}
.gallery-feature {
background-image: url("https://cdn.prod.website-files.com/62434fa732124a0fb112aab4/62434fa732124a700a12aad4_check%20circle.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 20px;
margin-bottom: 8px;
padding-left: 30px;
font-size: 14px;
line-height: 24px;
}
.button-primary {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary:hover {
color: #fff;
background-color: #32343a;
}
.button-primary:active {
background-color: #43464d;
}
.gallery-grid {
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.gallery-image {
width: 100%;
}
.gallery-scroll {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.gallery-sticky {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: sticky;
top: 80px;
}
.gallery-link {
color: #1a1b1f;
margin-bottom: 35px;
font-size: 24px;
line-height: 32px;
text-decoration: none;
}
.gallery-link:hover {
color: #1a1b1fcc;
}
.gallery-link.w--current {
font-weight: 600;
}
.gallery-image-wrapper {
position: relative;
}
.gallery-image-text {
color: #f5f7fa;
margin-bottom: 0;
position: absolute;
bottom: 16px;
left: 16px;
right: 16px;
}
.div-block-286 {
justify-content: center;
align-items: center;
width: 80vw;
height: auto;
display: block;
}
.section-66 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-287 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b0d893dd87eb0f0ed70560_IMG_8237.JPG");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 40vw;
}
.image-4, .image-5 {
border-radius: 20px;
max-width: 40vw;
}
.image-6 {
max-width: 40vw;
}
.div-block-288 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b4e08f3b356df9b6fc221a_IMG_2539.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex: 1;
width: 40vw;
max-width: 40vw;
}
.background-video-3 {
aspect-ratio: auto;
object-fit: none;
width: auto;
display: block;
position: relative;
}
.div-block-289 {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: cover;
width: 40vw;
height: 30vw;
}
.background-video-4 {
aspect-ratio: 16 / 9;
object-fit: fill;
width: 55vw;
height: 30vw;
overflow: clip;
}
.div-block-290 {
aspect-ratio: 2 / 3;
flex: none;
order: 0;
align-self: stretch;
width: 30vw;
margin-left: auto;
margin-right: auto;
position: static;
}
.cell-25 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: center;
display: block;
}
.div-block-291 {
aspect-ratio: 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a9f706e0b3217367db1b_connection%20to%20control.png");
background-position: 50%;
background-size: 115%;
width: 100%;
}
.div-block-292 {
aspect-ratio: 1.9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c0df68ce25e56eed857502_Screenshot%202025-02-27%20at%201.50.54%E2%80%AFPM.png");
background-position: 50%;
background-size: cover;
width: 75%;
margin-top: 5vh;
}
.div-block-293 {
aspect-ratio: 1.9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c0df695be5aac1bfcb0dc4_Screenshot%202025-02-27%20at%201.51.11%E2%80%AFPM.png");
background-position: 50%;
background-size: cover;
width: 75%;
margin-top: 10vh;
padding-top: 0;
}
.section-67 {
background-color: #120e0b;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-294 {
aspect-ratio: 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c10985ee6ec04077a6f0e9_Screenshot%202025-02-27%20at%204.54.40%E2%80%AFPM.png");
background-position: 50%;
background-size: cover;
width: 75%;
}
.div-block-295 {
aspect-ratio: 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c1098600ffae6b8f2c4d38_Screenshot%202025-02-27%20at%204.54.58%E2%80%AFPM.png");
background-position: 50%;
background-size: cover;
flex: 0 auto;
width: 75%;
}
.div-block-296 {
aspect-ratio: 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a8fa88bf83ea9a66658c_IMG_8933.JPG");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 85%;
position: static;
}
.section-68 {
justify-content: center;
align-items: center;
padding-top: 5vh;
padding-bottom: 5vh;
display: flex;
}
.div-block-297 {
aspect-ratio: 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a8fc86c677a97b1dba11_Untitled_Artwork%2020.png");
background-position: 50% 55%;
background-size: 110%;
border-radius: 20px;
width: 85%;
}
.div-block-298 {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a9c97c66c212776f9d51_IMG_8986.JPG");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex: 1;
width: 100%;
}
.quick-stack-16 {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding: 0 7.5% 20px;
}
.cell-26 {
justify-content: center;
align-items: stretch;
}
.div-block-299 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a8f9aa301777c3ea4ca4_IMG_8508.jpg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
height: 100%;
}
.div-block-300 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a8fda6715ac91b9ef6cc_IMG_8982.JPG");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
height: 100%;
}
.div-block-301 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a90388bf83ea9a666d54_mass%20sketches.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 85%;
}
.quick-stack-17 {
padding: 5vh 5% 10vh;
}
.div-block-302 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c15496d67227f67940d299_phone%20interface%20no%20text.jpg");
background-position: 100%;
background-size: auto 130%;
border-radius: 20px;
width: 100%;
}
.cell-27 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-items: flex-start;
padding-left: 5%;
}
.caption-heading {
font-family: proxima-nova, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 30px;
}
.context-text {
color: #000;
width: 100%;
font-family: proxima-nova, sans-serif;
font-size: 25px;
font-weight: 300;
line-height: 125%;
}
.context-text.center {
text-align: center;
}
.context-text.small {
font-size: 2.5vh;
line-height: 115%;
}
.context-text.small.center {
width: 75%;
}
.div-block-303 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a99a851ca16836676064_exploded.597.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
}
.div-block-304 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a99b7c66c212776f7f74_cutaway.637.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
}
.cell-28 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-items: flex-start;
padding-left: 5%;
}
.div-block-305 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c1549635d3756fdc316ae3_two%20sizes.jpg");
background-position: 50%;
background-size: 105%;
border-radius: 20px;
width: 100%;
}
.div-block-306 {
aspect-ratio: 3 / 2;
background-color: #eeefef;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a99d88bf83ea9a676034_omnidirectional%203.png");
background-position: 50%;
background-size: 115%;
border-radius: 20px;
width: 100%;
}
.div-block-307 {
aspect-ratio: 6 / 7;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b4e0d69b191e0451861b61_IMG_4464.JPEG");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
}
.div-block-308 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b4e05bcbbef415f1a70667_IMG_1177%202.JPEG");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
}
.div-block-309 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b4e05553445ea88b9fefc4_IMG_0762.JPEG");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
}
.div-block-310 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b0d8819fa12985d14468c0_IMG_8261.JPG");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
}
.section-69 {
padding: 5vh 10%;
}
.section-70 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 5vh 10%;
display: flex;
}
.text-block-53 {
width: 100%;
font-family: proxima-nova, sans-serif;
font-size: 25px;
font-weight: 300;
line-height: 30px;
}
.div-block-311 {
aspect-ratio: 5 / 6;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c3342c0d976f326783ffd1_phone%20w%20bt%20screen%20copy.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
}
.quick-stack-18 {
padding: 0 10%;
}
.section-71 {
padding-top: 5vh;
padding-bottom: 10vh;
}
.div-block-312 {
aspect-ratio: 2.2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c337a557dee51195e91b66_Screenshot%202025-03-01%20at%208.36.39%E2%80%AFAM.png");
background-position: 50% 0;
background-size: cover;
width: 100%;
margin-top: 20px;
}
.quick-stack-19 {
grid-column-gap: 20px;
padding: 0 7.5% 5vh;
}
.div-block-313 {
aspect-ratio: 1 / 1.25;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c33b8ba912165e6ecd03a0_IMG_8556.JPG");
background-position: 50%;
background-size: auto 150%;
border-radius: 20px;
width: 100%;
}
.div-block-314 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c33b92cb5553738ef70aab_IMG_8552.JPG");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
height: 100%;
}
.div-block-315 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c33b9e02b65c00ebe1d8e5_IMG_8544.JPG");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
height: 100%;
}
.div-block-316 {
padding: 5vh 7.5%;
}
.div-block-316.no-gap {
padding-top: 0;
padding-bottom: 0;
}
.section-72 {
padding: 5vh 7.5% 0;
}
.quick-stack-20 {
padding: 0;
}
.div-block-317 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c33c33caa4ef98060e7473_IMG_8534.jpg");
background-position: 0%;
background-size: cover;
border-radius: 20px;
width: 100%;
}
.div-block-318 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c33c24caa4ef98060e6812_IMG_8525.jpg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
height: 100%;
}
.div-block-319 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c346ffd9ff72e4dbecbce9_IMG_8529.jpg");
background-position: 0%;
background-size: cover;
border-radius: 20px;
width: 100%;
height: 100%;
}
.quick-stack-21 {
padding-left: 0;
padding-right: 0;
}
.div-block-320 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c33c2c49f127eba177b148_IMG_8530.jpg");
background-position: 15%;
background-size: cover;
border-radius: 20px;
width: 100%;
height: 100%;
}
.div-block-321 {
aspect-ratio: 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c33c1cd95b150d2a9cff6e_IMG_8520.jpg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
}
.section-73 {
padding-top: 5vh;
}
.div-block-322 {
padding-top: 5vh;
padding-bottom: 0;
}
.div-block-323 {
padding-top: 10%;
padding-left: 50%;
position: static;
top: 15%;
left: 50%;
}
.text-block-54 {
color: #fff;
font-family: proxima-nova, sans-serif;
font-size: 5vh;
font-weight: 600;
line-height: 40px;
}
.div-block-324 {
aspect-ratio: 2.39;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c154967f705a5a2a3b0346_visual%20interface.jpg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
display: none;
}
.quick-stack-22 {
grid-column-gap: 5vh;
grid-row-gap: 5vh;
padding-bottom: 10vh;
padding-left: 5%;
padding-right: 5%;
}
.cell-29 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.div-block-325 {
aspect-ratio: 2;
border-radius: 20px;
width: 100%;
}
.quick-stack-23 {
grid-column-gap: 10px;
grid-row-gap: 10px;
padding: 5vh 5%;
}
.div-block-326 {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a9a3f8c022a57e68aa40_cmf%20Round%203.571.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
}
.div-block-326._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a9a24cc8d419bb6a88d6_cmf%20Round%203.572.png");
}
.div-block-326._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a9a1318098da51c905e3_cmf%20Round%203.573.png");
}
.div-block-326._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a9a5780b924c936f02ec_cmf%20Round%203.570.png");
}
.div-block-326._4 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a9e119ed0ed3a558f169_cmf%20Round%203.574.png");
}
.div-block-327 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67c35109bdf379e92dc0d7cf_Weld%20Test%203.3.jpg");
background-position: 50%;
background-size: cover;
border-radius: 15px;
width: 100%;
}
.div-block-328 {
aspect-ratio: 2.39;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a9d010598e4a1f8302bc_phone%20tap.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
}
.section-74 {
padding: 5vh 5%;
}
.div-block-329 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6aa04335a6e59be76bbd8_exploded%20mats.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
}
.section-75 {
justify-content: center;
align-items: center;
margin-top: 5%;
display: flex;
}
.section-75.pad-on-bottom {
margin-top: 3%;
padding-bottom: 5%;
}
.background-video-5 {
box-sizing: border-box;
aspect-ratio: 3 / 2;
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
inset: auto auto 0% 0%;
overflow: hidden;
}
.background-video-6 {
object-position: 50% 50%;
border-radius: 20px;
width: 100%;
height: 100%;
}
.background-video-6.lighting {
position: relative;
}
.background-video-6.lighting.control {
z-index: 2;
aspect-ratio: 16 / 9;
width: 45vw;
height: auto;
position: absolute;
}
.div-block-330 {
border-radius: 20px;
flex: 0 auto;
justify-content: center;
align-items: center;
}
.div-block-331 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e69a8db8baae7bd0bb4_Frame%20132.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: auto;
}
.section-76 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
padding-left: 10%;
padding-right: 10%;
display: block;
}
.div-block-332 {
margin-top: 20px;
}
.horizontal-trigger {
min-height: 100vh;
position: absolute;
top: 0%;
left: 0%;
right: 0%;
}
.horizontal-sticky {
width: 100%;
height: 100vh;
position: sticky;
top: 0;
overflow: hidden;
}
.div-block-335 {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1440px;
min-height: 100vh;
margin-left: auto;
margin-right: auto;
padding-left: 80px;
padding-right: 80px;
display: flex;
}
.wrapper {
width: 100%;
}
.list {
width: 100%;
display: flex;
}
.horizontal-item {
aspect-ratio: auto;
flex: none;
width: 100vw;
height: 100vh;
padding: 5%;
}
.section-77 {
width: 100%;
position: relative;
}
.section-78 {
height: 300vh;
}
.div-block-339 {
justify-content: flex-start;
align-items: center;
min-height: 100vh;
display: flex;
position: sticky;
top: 0;
}
.horizontal-section {
width: 100%;
height: 250vh;
position: relative;
}
.mask-3 {
aspect-ratio: 16 / 9;
width: 85%;
height: auto;
overflow: visible;
}
.slider-3 {
-webkit-text-fill-color: inherit;
background-color: #ddd0;
background-clip: border-box;
height: 100%;
padding-left: 5%;
}
.slide-31 {
aspect-ratio: auto;
width: 100%;
padding: 2%;
}
.slide-32 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e69bc4fc6e7d23373f9_Frame%20134.png");
background-position: 50%;
background-size: cover;
}
.div-block-340 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e69a8db8baae7bd0bb4_Frame%20132.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
display: block;
}
.div-block-340._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e69bc4fc6e7d23373f9_Frame%20134.png");
}
.div-block-340._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e69a06e2cabe3ee6990_Frame%20135.png");
}
.div-block-340._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e3caf52d912a7da4b88_Frame%20140.png");
}
.right-arrow-3 {
-webkit-text-fill-color: inherit;
background-image: linear-gradient(90deg, #0000 4%, #060924);
background-clip: padding-box;
width: 10%;
margin-top: 1.5%;
margin-bottom: .5%;
padding-top: 0%;
padding-bottom: 0%;
}
.left-arrow-3 {
background-image: linear-gradient(90deg, #060924, #0000);
margin-top: 1.5%;
margin-bottom: .5%;
}
.track {
height: 380vw;
}
.track._2 {
height: auto;
display: block;
overflow: hidden;
}
.camera {
width: 100vw;
height: 100vh;
padding-top: 2.5%;
position: sticky;
top: 0;
overflow: hidden;
}
.camera._2 {
overflow: visible;
}
.frame {
grid-column-gap: 0%;
grid-row-gap: 0%;
justify-content: flex-start;
align-items: center;
padding-left: 5%;
display: flex;
overflow: visible;
}
.section-80 {
height: 90vh;
padding-left: 3%;
padding-right: 3%;
}
.item {
grid-column-gap: 5%;
grid-row-gap: 5%;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: center;
height: 100%;
display: block;
}
.item.left-most {
height: 100%;
padding-left: 7.5%;
}
.item.rightmost {
margin-right: 5%;
}
.item.long {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
display: flex;
}
.div-block-341 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e69a8db8baae7bd0bb4_Frame%20132.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px 0 0 20px;
flex: 0 auto;
width: 80vw;
max-height: 80vh;
}
.div-block-341._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e69bc4fc6e7d23373f9_Frame%20134.png");
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.div-block-341._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e69a06e2cabe3ee6990_Frame%20135.png");
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.div-block-341._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e3caf52d912a7da4b88_Frame%20140.png");
border-radius: 0 20px 20px 0;
}
.div-block-342 {
aspect-ratio: 17 / 36;
background-color: #050427;
border-radius: 20px;
width: 20%;
}
.div-block-343 {
height: 100%;
}
.div-block-344 {
align-self: flex-start;
margin-bottom: 2.5%;
padding-left: 5%;
}
.div-block-345 {
aspect-ratio: 2 / 3;
flex: none;
width: 5vw;
}
.div-block-346 {
z-index: -1;
aspect-ratio: 3;
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67f492a9bbe5fb9532a1ff6c_brand%20audit%20background.png");
background-position: 50%;
background-size: 101%;
border-radius: 20px;
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.div-block-347 {
aspect-ratio: 1.3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb2283a4079358a280759e_brand%20audit%20part%202.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 80%;
}
.section-81 {
justify-content: center;
align-items: center;
margin-top: 5%;
display: flex;
}
.section-81.no-pad {
flex-flow: column;
margin-top: 5%;
}
.div-block-348 {
aspect-ratio: 4;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67f465f803a2a232ae911f25_material%20swatches.39.png");
background-position: 50%;
background-size: 120%;
width: 80%;
}
.div-block-349 {
aspect-ratio: 2.3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67f466ad03a2a232ae91cba3_form%20manifestations.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 88.5vw;
width: 80%;
}
.div-block-350 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e90f05c10fed182a7a4_person%20walking%20edited.png");
background-position: 50%;
background-size: cover;
justify-content: flex-end;
align-items: flex-start;
height: 100%;
display: flex;
}
.div-block-351 {
aspect-ratio: 17 / 9;
background-color: #f0f0ef;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb4c7443b860c03718a30d_Materiality%20v1%20PNG.png");
background-position: 55% 100%;
background-size: 105%;
margin-top: 5%;
padding-top: 5vw;
}
.div-block-352 {
aspect-ratio: 17 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67f469c4fb2a0fbafa7c8959_Frame%20Mat%20slight%20crop.jpg");
background-position: 50% 100%;
background-size: cover;
justify-content: flex-end;
align-items: flex-start;
padding-right: 5vw;
display: flex;
}
.div-block-353 {
grid-column-gap: 5vh;
grid-row-gap: 5vh;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-354 {
aspect-ratio: 2.2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67f54251b390e1aec67ff8c4_three%20stages%20of%20brand%20audit.png");
background-position: 50%;
background-size: cover;
width: 90%;
}
.div-block-355 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67f469c6a90a02fb2055ebbd_0318_3_Musketierw%20silhoettes.jpg");
background-position: 50%;
background-size: cover;
justify-content: flex-start;
align-items: flex-end;
margin-top: 5%;
padding-bottom: 5vw;
padding-left: 5vw;
display: flex;
position: static;
}
.section-82 {
justify-content: center;
align-items: center;
margin-top: 5%;
display: flex;
}
.div-block-356 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67f704313382a775beb095a5_Frame%20200.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 80%;
}
.div-block-357 {
aspect-ratio: 3.1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67f703ff9e7f52c0fe7fe6ba_design%20principles%201.png");
background-position: 50%;
background-size: cover;
width: 80%;
}
.div-block-357._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67ff365cfbb64983500bd787_Frame%20210.png");
}
.div-block-358 {
grid-column-gap: 10vh;
grid-row-gap: 10vh;
flex-flow: column;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
width: 60vw;
display: flex;
}
.text-block-55 {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 600;
line-height: 2.5vh;
}
.team-breakdown {
grid-column-gap: 10vh;
grid-row-gap: 10vh;
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 13%;
padding-left: 10%;
padding-right: 10%;
display: flex;
}
.div-block-359 {
grid-column-gap: 10%;
grid-row-gap: 10%;
flex: 0 auto;
justify-content: flex-start;
align-self: stretch;
align-items: center;
padding-left: 5%;
display: flex;
}
.text-block-56 {
color: #bdbdbd;
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 600;
line-height: 6vh;
}
.text-block-57 {
color: #afafaf;
flex: 1;
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 300;
line-height: 6vh;
}
.bold-text-6 {
color: #000;
font-weight: 600;
}
.bold-text-7 {
color: #000;
font-weight: 400;
}
.div-block-360 {
aspect-ratio: 3.5;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67ff365cfbb64983500bd787_Frame%20210.png");
background-position: 50%;
background-size: cover;
margin-bottom: 0%;
}
.div-block-361 {
align-self: center;
margin-bottom: 5%;
}
.div-block-361.no-space {
margin-bottom: auto;
}
.text-block-58 {
color: #000;
flex: 1;
align-self: flex-start;
font-family: proxima-nova, sans-serif;
font-size: 3.5vh;
font-style: normal;
font-weight: 600;
line-height: 120%;
}
.text-block-58.center {
text-align: center;
flex: 0 auto;
align-self: auto;
}
.text-block-58.bigger-space {
line-height: 150%;
}
.text-block-58.bigger-space.white {
color: #fff;
line-height: 175%;
}
.text-block-58.bigger-space.white.smaller {
padding-top: 2%;
font-size: 2.8vh;
font-weight: 300;
}
.text-block-58.bigger-space.white.smaller.black-and-right {
color: #000;
text-align: right;
padding-top: 2%;
line-height: 150%;
}
.text-block-58.bigger-space.white.smaller.black {
color: #000;
padding-top: 1%;
}
.text-block-58.bigger-space.right {
text-align: right;
}
.form-manifestations, .cmf-manifestations {
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 2%;
display: flex;
}
.div-block-362 {
aspect-ratio: 16 / 9;
width: 80%;
}
.div-block-362._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e69a8db8baae7bd0bb4_Frame%20132.png");
background-position: 50%;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.div-block-362._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e69bc4fc6e7d23373f9_Frame%20134.png");
background-position: 50%;
background-size: cover;
}
.div-block-362._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e69a06e2cabe3ee6990_Frame%20135.png");
background-position: 50%;
background-size: cover;
}
.div-block-362._4 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e3caf52d912a7da4b88_Frame%20140.png");
background-position: 50%;
background-size: cover;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.section-86 {
flex-flow: column;
justify-content: center;
align-items: center;
padding-bottom: 5vh;
display: flex;
}
.div-block-363 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6800119c97440fe74453a183_full%20scale%20mockup.png");
background-position: 50%;
background-size: cover;
width: 100%;
}
.section-87 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-364 {
aspect-ratio: 2.5 / 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68001229c46cb57747edd721_premium%20intro.png");
background-position: 50%;
background-size: 100vw;
width: 80%;
}
.section-88 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-365 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68001fe7f003b698ca22a946_what%20makes%20it%20premium%3F.png");
background-position: 50%;
background-size: 105%;
width: 80%;
}
.italic-text {
font-style: normal;
font-weight: 300;
}
.div-block-366 {
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 80%;
display: flex;
}
.section-89 {
grid-column-gap: 3vh;
grid-row-gap: 3vh;
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 13%;
padding-bottom: 10%;
display: flex;
}
.div-block-367 {
grid-column-gap: 5%;
grid-row-gap: 5%;
aspect-ratio: auto;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 25vw;
display: flex;
}
.div-block-368 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68003e7f3731a77232f0ba19_iStock-531693383.jpg");
background-position: 50% 100%;
background-size: 120%;
border-radius: 20px;
}
.div-block-368._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68003e7d388a333a541a0a48_Translated-1.jpg");
background-position: 50%;
background-size: cover;
}
.div-block-368._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68003e7ea18cbae13d527a74_Art-Intervention_Creative-Spark-927_QuarterTurn_ROOM_18014.jpg");
background-position: 50% 0;
}
.text-block-59 {
color: #000;
padding-top: 5%;
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 600;
}
.text-block-59.smaller {
padding-top: 10%;
padding-bottom: 5%;
font-size: 2.65vh;
line-height: 3vh;
}
.text-block-60 {
padding-top: 4%;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 300;
line-height: 120%;
}
.div-block-369 {
flex: 1;
padding-left: 5%;
padding-right: 5%;
}
.div-block-369.only-left {
padding-right: 0%;
}
.div-block-370 {
flex: 0 auto;
align-self: center;
width: 80%;
}
.div-block-371 {
aspect-ratio: 1;
width: 5%;
}
.div-block-372 {
flex-flow: row;
flex: 0 auto;
justify-content: space-between;
align-self: stretch;
align-items: flex-end;
display: flex;
}
.div-block-373 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68001229c46cb57747edd721_premium%20intro.png");
background-position: 48% 80%;
background-size: 450%;
order: 0;
align-self: auto;
width: 28vw;
}
.div-block-374 {
aspect-ratio: 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68004d880cc0e305f82a6cd3_team%20breakdown.png");
background-position: 0%;
background-size: 80vw;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.team-breakdown-image {
padding-top: 5%;
padding-bottom: 5%;
}
.section-90 {
justify-content: space-between;
align-items: center;
padding-left: 15%;
padding-right: 15%;
display: flex;
}
.div-block-375 {
width: 50%;
}
.div-block-376 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6800783cb6486fcd429e6762_iStock-1398323613.jpg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 45%;
}
.italic-text-2, .italic-text-3, .italic-text-4 {
font-style: normal;
font-weight: 300;
}
.div-block-377 {
grid-column-gap: 10%;
grid-row-gap: 10%;
justify-content: center;
align-items: center;
display: flex;
}
.section-91 {
padding: 10% 15%;
}
.italic-text-5, .italic-text-6, .italic-text-7 {
font-style: normal;
font-weight: 300;
}
.div-block-378 {
aspect-ratio: 2.4;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68007c58884858a931366e65_Amtrak_logo_2.svg.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 22vw;
}
.div-block-379 {
grid-column-gap: 5%;
grid-row-gap: 5%;
aspect-ratio: 2.39;
background-color: #0a3f5d;
border-radius: 20px;
justify-content: center;
align-items: center;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.section-92 {
padding-top: 10%;
padding-left: 15%;
padding-right: 15%;
}
.div-block-380 {
aspect-ratio: 2.39;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/680080c32ad8949e5bd14344_Amtrak.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 30%;
}
.div-block-381 {
margin-bottom: 2%;
}
.section-93 {
margin-top: 13%;
padding-left: 3vw;
padding-right: 3vw;
}
.section-94 {
padding-top: 5%;
padding-left: 10%;
padding-right: 10%;
}
.div-block-382 {
grid-column-gap: 2%;
grid-row-gap: 2%;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-383 {
flex: 1;
}
.div-block-384 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/680082e1ca5d5f8388775f5e_image%20159.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
}
.div-block-384._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/680082e127636e168cd0e55d_image%20156.jpg");
}
.div-block-384._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/680082e127636e168cd0e589_image%20158.png");
}
.div-block-384._4 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/680082e13bb99a42bacd1018_image%20157.jpg");
}
.div-block-384._5 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/680082e15f92aaa7821a705e_image%20155.jpg");
}
.div-block-385 {
padding-left: 5%;
}
.div-block-386 {
position: static;
left: 5%;
}
.text-block-61 {
font-family: proxima-nova, sans-serif;
font-size: 14vh;
}
.div-block-387 {
width: 55%;
margin-top: 5vw;
margin-right: 5vw;
position: static;
top: 5vw;
left: 50%;
}
.bold-text-8, .bold-text-9, .bold-text-10 {
font-weight: 600;
}
.section-95 {
margin-top: 5%;
padding-left: 5%;
padding-right: 5%;
}
.section-96 {
padding-top: 5%;
padding-left: 5%;
}
.section-96.less-pad {
padding-top: 5vh;
}
.section-97 {
justify-content: center;
align-items: center;
padding-top: 3%;
display: flex;
}
.section-97.pad-on-bottom {
padding-bottom: 5%;
}
.div-block-388 {
max-width: 50vw;
margin-left: 5%;
}
.section-98 {
border-radius: 20px;
padding: 10% 5% 5%;
}
.detail {
grid-column-gap: 10%;
grid-row-gap: 10%;
justify-content: flex-end;
align-items: center;
padding: 5%;
display: flex;
}
.detail.left {
justify-content: flex-start;
align-items: center;
}
.div-block-389 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67f46a7697e5513f8eab1197_detail%202.png");
background-position: 100% 0;
background-size: cover;
border-radius: 20px;
width: 60%;
}
.div-block-390 {
flex: 0 auto;
}
.div-block-391 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67f46a30a72aee0e356faef3_corner%20detail%20BBSS%20PNG.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 60%;
}
.section-99 {
grid-column-gap: 2%;
grid-row-gap: 2%;
justify-content: center;
align-items: center;
padding: 0% 5% 2%;
display: flex;
}
.div-block-392 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67f46a769939effcfdceff51_detail%203.png");
background-position: 100%;
background-size: 150%;
border-radius: 20px;
flex: 1;
}
.div-block-393 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67f46a7697e5513f8eab1197_detail%202.png");
background-position: 100% 0;
background-size: 150%;
border-radius: 20px;
flex: 1;
}
.div-block-394 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67f46a30a72aee0e356faef3_corner%20detail%20BBSS%20PNG.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex: 1;
}
.div-block-395 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67f469c242c034ac6600d539_Shoes%20detail%20PNG.png");
background-position: 50% 40%;
background-size: 250%;
border-radius: 20px;
flex: 1;
}
.link-3, .link-4 {
color: #000;
}
.div-block-396 {
padding-top: 10rem;
padding-bottom: 10rem;
}
.hero-top-wrapper {
flex: 1;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.hero-heading-wrapper {
width: 40%;
margin-bottom: auto;
}
.hero-heading {
z-index: 2;
direction: ltr;
color: #e2c376;
letter-spacing: .01em;
text-overflow: clip;
will-change: transform;
flex-direction: row;
flex: none;
justify-content: flex-end;
max-width: 100%;
font-size: 8vw;
font-style: normal;
font-weight: 500;
line-height: 100%;
}
.section {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
position: relative;
}
.section.section-hero {
justify-content: space-between;
align-items: center;
min-height: 100svh;
padding-top: 8rem;
padding-bottom: 2rem;
display: flex;
overflow: hidden;
}
.section.intro {
min-height: 80px;
padding-bottom: 4rem;
display: flex;
}
.section.intro.end {
padding-top: 8rem;
padding-bottom: 12rem;
}
.section.no-overflow {
padding-bottom: 0;
overflow: hidden;
}
.section.no-overflow.background-2._1 {
background-image: none;
}
.section.left {
flex-flow: row;
justify-content: center;
align-items: flex-start;
display: flex;
}
.section.padding {
background-image: radial-gradient(circle closest-corner, #1a1a1a, #0d0b02 57%);
flex-flow: row;
justify-content: center;
align-items: center;
padding-left: 8rem;
padding-right: 8rem;
display: flex;
}
.section.padding.sticky {
background-image: radial-gradient(circle closest-corner, #1a1a1a, #0a0a08 57%);
flex-flow: column;
padding-bottom: 0;
display: flex;
}
.section.less-bottom-padding {
padding-bottom: 0;
position: static;
}
.section.everywhere {
background-image: linear-gradient(0deg, #01011f 44%, #0a0a08);
}
.section.background {
background-image: linear-gradient(135deg, #000, #013541);
}
.section.teal {
background-image: linear-gradient(225deg, #013541, #000);
}
.section.background-2 {
background-color: #01011f;
background-image: radial-gradient(circle closest-side, #000, #01011f);
}
.section.background-3 {
background-image: linear-gradient(270deg, #000, #04202a);
}
.hero-text-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
flex: 1;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.hero-background-fade-overlay {
background-image: linear-gradient(#0000, #02020200 92%, #0a0a08);
width: 100%;
height: 100%;
position: absolute;
}
.hero-description {
color: #e7e7e7;
text-align: right;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.3em;
}
.hero-contact-link {
color: #e2c376;
word-break: break-all;
font-size: calc(.9vw + .5rem);
font-weight: 400;
line-height: 1.4em;
transition-property: color;
transition-duration: .3s;
transition-timing-function: ease;
display: none;
}
.hero-contact-link:hover {
color: #e7e7e7;
}
.u-container {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.u-container.container-hero {
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: center;
display: flex;
}
.u-container.small {
width: 80%;
}
.u-container.triple {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: row;
place-content: center space-between;
align-items: center;
width: 80%;
padding-top: 4rem;
padding-bottom: 4rem;
display: flex;
}
.u-container.triple.gap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
padding-left: 0;
padding-right: 0;
}
.u-container.intro {
width: 68%;
max-width: 60rem;
}
.u-container.intro.horizontal {
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
margin-top: 8rem;
margin-bottom: 8rem;
display: flex;
position: static;
}
.u-container.intro.center {
display: flex;
}
.u-container.intro.left {
align-self: auto;
width: 50%;
max-width: 50rem;
height: auto;
}
.u-container.intro.wider {
width: 80%;
max-width: none;
}
.u-container.mid {
justify-content: center;
align-items: flex-start;
width: 85%;
display: flex;
}
.u-container.mid.background {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684a40ae8396464672eab311_Asset%202.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 98%;
height: 10rem;
margin-bottom: 0;
}
.u-container.mid.everywhere {
padding-left: 0;
padding-right: 0;
}
.u-container.double {
flex-flow: row;
justify-content: center;
align-items: center;
margin-top: 4rem;
padding-bottom: 4rem;
padding-left: 0;
display: flex;
}
.u-container.double.off-side {
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 0;
}
.u-container.spec-design {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: row;
justify-content: center;
align-items: flex-start;
display: flex;
}
.u-container.hide {
display: none;
}
.u-container.no-overflow {
overflow: hidden;
}
.hero-description-wrapper {
width: 50%;
max-width: 30rem;
height: 100%;
}
.hero-contact-info-wrapper {
justify-content: space-between;
width: 100%;
margin-top: 2rem;
display: flex;
}
.hero-background {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
}
.hero-background.background-mobile {
display: none;
}
.hero-background-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.utopia-body {
background-color: #0a0a08;
font-family: Afacadflux, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5em;
overflow: visible;
}
.section-100 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
position: relative;
}
.u-container-buttons {
justify-content: center;
align-items: center;
display: flex;
}
.u-container-buttons.right {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: space-between;
align-self: stretch;
align-items: flex-end;
}
.button {
color: #e7e7e7;
text-align: center;
background-color: #3898ec00;
border: 2px solid #fff;
border-radius: 50px;
width: 10rem;
margin-left: 6rem;
margin-right: 6rem;
}
.button:hover {
color: #0d0b02;
background-color: #e2c376;
border-color: #0000;
}
.button.left {
margin-left: 0;
}
.button.right {
margin-right: 0;
}
.button.bottom {
justify-content: center;
align-items: center;
height: 4rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.section-101 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
position: relative;
}
.label {
justify-content: flex-start;
align-items: flex-start;
width: 25%;
margin-bottom: -2.8rem;
margin-left: -25%;
display: flex;
position: relative;
}
.label.under {
justify-content: flex-start;
align-items: flex-start;
margin-top: 4rem;
margin-left: 75%;
}
.text-block-62 {
color: #171612;
font-size: calc(.25vw + 1rem);
}
.text-block-62.white {
color: #e7e7e7;
}
.label-heading {
color: #0d0b02;
letter-spacing: .04em;
text-transform: uppercase;
background-color: #e2c376;
margin-bottom: .5rem;
padding: 1px 6px;
font-size: calc(.5vw + .75rem);
font-weight: 500;
line-height: 1.2em;
}
.italic-text-8 {
color: #e2c376;
text-shadow: 0 3px 20px #e2c376;
font-style: italic;
font-weight: 400;
}
.u-section-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
position: relative;
}
.u-section-2.intro {
min-height: 80svh;
display: flex;
}
.div-block-397 {
aspect-ratio: auto;
background-color: #fff;
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 25vw;
height: 10rem;
display: flex;
position: relative;
}
.div-block-397.flip {
object-fit: fill;
background-color: #fff0;
border: 1px solid #fff;
border-radius: 20px;
}
.title-wrapper-sticky {
flex-flow: column;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
width: 100%;
max-width: 36rem;
display: flex;
position: sticky;
top: 8.5rem;
}
.title-wrapper-sticky.no-width {
justify-content: center;
align-items: flex-start;
max-width: none;
display: flex;
}
.title-wrapper-sticky.top {
align-self: flex-start;
position: static;
}
.div-block-398 {
box-sizing: border-box;
object-fit: fill;
background-color: #fff;
width: auto;
height: 2px;
position: static;
}
.paragraph-34 {
color: #aaa;
align-self: auto;
font-size: 1.75em;
line-height: 1.5em;
}
.paragraph-34.intro {
color: #fff;
font-style: italic;
font-weight: 400;
}
.paragraph-34.intro-2 {
flex: 0 auto;
margin-bottom: 0;
}
.no {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
max-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.no.intro-container {
width: 68%;
max-width: 60rem;
}
.no.intro-container.center {
display: flex;
}
.no.intro-container.horizontal {
justify-content: center;
width: 100%;
max-width: none;
margin-top: 8rem;
margin-bottom: 8rem;
position: static;
top: 2rem;
}
.intro-text-white {
color: #f5f5f5;
font-family: Afacadflux, Arial, sans-serif;
font-size: 2.75em;
font-weight: 400;
line-height: 1.3em;
}
.mine {
color: #000;
}
.mine.white {
color: #e7e7e7;
}
.heading-h2 {
color: #fff;
margin-bottom: 1.5rem;
font-size: calc(2vw + 2rem);
font-style: italic;
font-weight: 500;
line-height: 1em;
}
.quick-stack-24 {
grid-column-gap: 20px;
}
.u-section {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
position: relative;
}
.div-block-399 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6858bf84fc58febdd7b173e7_textured.png");
background-position: 50%;
background-size: cover;
border: 2px solid #fff;
border-radius: 20px;
align-self: stretch;
padding-top: 2rem;
padding-bottom: 2rem;
box-shadow: inset 0 0 14px -4px #fff;
}
.div-block-399.center {
align-self: stretch;
margin-left: 2rem;
margin-right: 2rem;
}
.div-block-399.spec-design {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 34.0624%;
padding-top: 0;
display: flex;
overflow: hidden;
}
.text-block-63 {
color: #fff;
font-size: calc(1.5vw + 2rem);
}
.div-block-400 {
max-width: 36rem;
}
.paragraph-16 {
color: #c5c5c5;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5em;
}
.paragraph-16.black {
color: #000;
}
.paragraph-16.black.outro {
color: #fff;
font-size: 2rem;
}
.paragraph-16.left {
margin-left: 1rem;
}
.paragraph-35 {
color: #c5c5c5;
width: 20vw;
font-size: calc(.35vw + 1rem);
}
.cell-30 {
justify-content: center;
align-items: flex-start;
}
.heading-2 {
color: #242424;
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
.div-block-401 {
aspect-ratio: auto;
background-color: #e7e7e7;
border-radius: 100px;
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
display: flex;
}
.section-102 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
position: relative;
}
.container-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
max-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.container-3.mid {
justify-content: center;
align-items: flex-start;
display: flex;
}
.container-3.mid.background {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684a40ae8396464672eab311_Asset%202.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 98%;
height: 10rem;
margin-bottom: 8rem;
}
.heading-3 {
font-size: 4rem;
font-weight: 500;
}
.heading-3.small {
color: #fff;
font-size: 2rem;
}
.div-block-402 {
max-width: 36rem;
}
.spacer-2 {
height: 10rem;
}
.section-103 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
position: relative;
}
.project-heading {
color: #fff;
margin-bottom: .5rem;
font-family: Afacadflux, Arial, sans-serif;
font-size: calc(1vw + 1rem);
font-weight: 600;
line-height: 1em;
text-decoration: none;
}
.project-heading.arrow {
color: #fff;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684bbf96eff44527a2ff3746_free-arrow-down-icon-3101-thumb.png");
background-position: 90%;
background-repeat: no-repeat;
background-size: auto 60%;
}
.project-heading.black {
color: #0d0b02;
}
.project-heading.left {
margin-left: 2rem;
padding-left: 0;
}
.project-background-image {
aspect-ratio: 3 / 2;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
min-width: 100%;
max-width: none;
min-height: 100%;
position: relative;
}
.project-link-wrapper {
width: 100%;
text-decoration: none;
position: relative;
}
.project-link-wrapper.project-even {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
bottom: -50%;
}
.container-4 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
max-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.grid---ratio-1x2 {
grid-column-gap: 8%;
grid-row-gap: 8%;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
place-items: start;
width: 100%;
}
.project-grid {
grid-column-gap: 12%;
grid-row-gap: 12%;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-left: auto;
margin-right: 0;
padding-bottom: 24vw;
display: grid;
}
.paragraph-18 {
color: #c5c5c5;
font-size: calc(.35vw + 1rem);
font-weight: 400;
line-height: 1em;
}
.paragraph-18.hides {
font-size: calc(.35vw + 1rem);
overflow: visible;
}
.paragraph-18.gap {
padding-top: 0;
}
.paragraph-18.gap.color {
color: #000;
}
.paragraph-18.spec-design {
margin-left: 2rem;
padding-right: 2rem;
}
.project-image-wrapper {
perspective: 3500px;
border-radius: .5vw;
width: 100%;
position: relative;
overflow: hidden;
transform: perspective(3500px);
}
.project-text-wrapper {
margin-top: 1.25vw;
text-decoration: none;
}
.paragraph-36 {
color: #c5c5c5;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5em;
}
.section-104 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
position: relative;
}
.div-block-403 {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 30%;
height: auto;
display: flex;
}
.container-5 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
max-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.container-5.double {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: row;
justify-content: center;
align-items: center;
margin-top: 4rem;
padding-bottom: 4rem;
padding-left: 0;
padding-right: 2rem;
display: flex;
}
.div-block-404 {
max-width: 36rem;
}
.div-block-405 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684a41c54da4ac2f60e99cdd_orbiting%20planets%20center%203.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 105%;
justify-content: center;
align-items: center;
width: 60%;
margin-right: 2rem;
display: flex;
}
.paragraph-37 {
color: #c5c5c5;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5em;
}
.patterns-text-wrapper.with-animation {
align-self: stretch;
}
.div-block-406 {
grid-column-gap: 10px;
grid-row-gap: 10px;
aspect-ratio: 4;
border: 1px solid #fff;
border-radius: 25px;
justify-content: flex-start;
align-items: center;
padding: 15px;
display: flex;
position: relative;
}
.div-block-406.up-more {
background-color: #01011f;
bottom: 80px;
}
.div-block-406.up {
background-color: #01011f;
bottom: 40px;
}
.div-block-406.up-even-more {
background-color: #0d0b02;
bottom: 120px;
}
.div-block-406.spec-design.up {
bottom: 30px;
}
.div-block-406.spec-design.up-more {
bottom: 60px;
}
.div-block-406.spec-design.up-even-more {
bottom: 90px;
}
.section-105 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
position: relative;
}
.div-block-407 {
flex: 1;
}
.div-block-407.no-stretch {
flex: 0 auto;
margin-bottom: 0;
}
.grid-4 {
grid-template-rows: auto auto auto;
align-content: stretch;
justify-items: stretch;
margin-top: 4rem;
}
.grid-4.spec-design {
grid-template-rows: auto auto auto auto;
grid-template-columns: auto;
place-items: start end;
margin-top: 0;
margin-left: 4rem;
}
.container-6 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
max-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.div-block-408 {
max-width: 36rem;
}
.div-block-409 {
aspect-ratio: 1;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
border-radius: 20px;
flex: 0 auto;
align-self: auto;
height: 100%;
}
.paragraph-38 {
color: #c5c5c5;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5em;
}
.section-106 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
position: relative;
}
.section-106.intro {
min-height: 80svh;
display: flex;
}
.container-7 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
max-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.container-7.intro-container {
width: 68%;
max-width: 60rem;
}
.italic-text-9 {
color: #e2c376;
text-shadow: 0 3px 20px #e2c376;
font-style: italic;
font-weight: 400;
}
.section-107 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
position: relative;
}
.image-7 {
position: relative;
top: 10%;
}
.grid-3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.div-block-410 {
position: relative;
bottom: -15%;
left: -15%;
}
.container-8 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
max-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.div-block-411 {
max-width: 36rem;
}
.image-8 {
position: relative;
bottom: 8%;
left: 15%;
}
.image-9 {
position: relative;
bottom: 15%;
right: 10%;
}
.paragraph-39 {
color: #c5c5c5;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5em;
}
.image-10 {
position: relative;
bottom: 25%;
left: 5%;
}
.image-11 {
flex: none;
align-self: auto;
width: 90vw;
max-width: 90vw;
}
.paragraph-33 {
color: #e7e7e7;
padding-top: 1rem;
padding-left: 2rem;
font-size: 1rem;
font-weight: 400;
display: none;
}
.paragraph-33.show {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684c3c4479a0ac4474f3badf_free-arrow-down-icon-3101-thumb.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto 1rem;
margin-top: 1rem;
padding-top: 0;
display: block;
}
.section-108 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
position: relative;
}
.div-block-412 {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 30%;
height: auto;
display: flex;
}
.container-9 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
max-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.container-9.double {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: row;
justify-content: center;
align-items: center;
margin-top: 4rem;
padding-bottom: 4rem;
padding-left: 0;
padding-right: 2rem;
display: flex;
}
.container-9.double.off-side {
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 4rem;
}
.div-block-413 {
max-width: 36rem;
}
.div-block-414 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684a41c54da4ac2f60e99cdd_orbiting%20planets%20center%203.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 105%;
justify-content: center;
align-items: center;
width: 60%;
margin-right: 2rem;
display: flex;
}
.div-block-414._2 {
aspect-ratio: 2 / 3;
background-image: none;
justify-content: flex-end;
align-items: center;
overflow: hidden;
}
.paragraph-40 {
color: #c5c5c5;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5em;
}
.div-block-415 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
aspect-ratio: 4 / 5;
border: 1px solid #fff;
border-radius: 20px;
flex-flow: column;
flex: 0 auto;
justify-content: space-between;
align-self: stretch;
align-items: flex-start;
width: 55%;
max-width: 55%;
padding: 2rem;
display: flex;
}
.div-block-415.dif {
background-color: #e7e7e7;
flex: 0 auto;
margin-left: 2rem;
margin-right: 0;
}
.div-block-416 {
align-self: stretch;
}
.div-block-417 {
flex-flow: column;
justify-content: space-between;
align-self: stretch;
align-items: flex-start;
width: 60%;
display: flex;
}
.div-block-418 {
background-color: #fff;
width: 100%;
height: 2px;
margin-bottom: 6rem;
padding-bottom: 0;
}
.div-block-418.black {
background-color: #0d0b02;
}
.div-block-17 {
align-self: stretch;
}
.container-10 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
max-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.container-10.double {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: row;
justify-content: center;
align-items: center;
margin-top: 4rem;
padding-bottom: 4rem;
padding-left: 0;
padding-right: 2rem;
display: flex;
}
.div-block-419 {
justify-content: flex-end;
align-items: center;
padding-left: 2rem;
display: flex;
}
.paragraph-41 {
color: #c5c5c5;
font-size: 1.255rem;
font-weight: 400;
line-height: 1.5em;
}
.section-109 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
position: relative;
}
.section-109.intro {
min-height: 80svh;
display: flex;
}
.container-11 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
max-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.container-11.intro-container {
width: 68%;
max-width: 60rem;
}
.italic-text-10 {
color: #e2c376;
text-shadow: 0 3px 20px #e2c376;
font-style: italic;
font-weight: 400;
}
.section-110 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10rem;
padding-bottom: 10rem;
position: relative;
}
.section-110.intro {
min-height: 80svh;
display: flex;
}
.container-12 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
max-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.container-12.intro-container {
width: 68%;
max-width: 60rem;
}
.italic-text-11 {
color: #e2c376;
text-shadow: 0 3px 20px #e2c376;
font-style: italic;
font-weight: 400;
}
.left {
align-self: stretch;
}
.image-12 {
aspect-ratio: 3 / 2;
flex: 0 auto;
align-self: stretch;
margin-bottom: 1rem;
}
.div-block-420 {
position: relative;
bottom: 90px;
}
.div-block-421 {
border: 2px solid #fff;
border-radius: 20px;
padding: 2rem;
}
.bold-text-11 {
color: #e2c376;
text-shadow: 0 1px 10px #e2c376;
font-weight: 400;
}
.heading-4 {
color: #fff;
font-size: calc(2vw + 1.5rem);
font-weight: 600;
}
.div-block-422 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684c3c4479a0ac4474f3badf_free-arrow-down-icon-3101-thumb.png");
background-position: 5%;
background-repeat: no-repeat;
background-size: auto 2rem;
margin-top: 2rem;
margin-bottom: 4rem;
padding-left: 8rem;
}
.paragraph-42 {
color: #b1b1b1;
font-size: 1.5rem;
line-height: 1.5em;
}
.div-block-423 {
max-width: 873.797rem;
}
.image-13 {
aspect-ratio: 1;
border-radius: 20px;
height: 100%;
}
.section-111 {
padding-bottom: 10rem;
}
.container-13 {
max-width: none;
}
.grid-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.div-block-424 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6855a39908ad4e468613ac3c_IMG_7431.png");
background-position: 50%;
background-size: cover;
border-radius: 15px;
}
.section-112 {
padding-left: 10%;
padding-right: 10%;
}
.div-block-425 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6855a399c5891e9138a4306e_IMG_7421.png");
background-position: 50%;
background-size: cover;
position: relative;
top: 10px;
left: -10px;
}
.div-block-426 {
aspect-ratio: 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9ef37f4b8ae96bf46936e_Frame%209.webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex: 1;
align-self: stretch;
}
.container-14 {
flex-flow: row;
justify-content: center;
align-items: center;
max-width: none;
height: 90vh;
display: flex;
}
.div-block-427 {
display: flex;
}
.bold-text-12, .bold-text-13 {
color: #fff;
font-weight: 400;
}
.section-113 {
height: 100vh;
}
.container-15 {
height: 100%;
}
.div-block-428 {
justify-content: center;
align-items: center;
display: flex;
position: sticky;
top: 10rem;
}
.div-block-429 {
grid-column-gap: 36px;
grid-row-gap: 36px;
background-image: linear-gradient(#0d0b0200, #0a0a08 37%);
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: relative;
}
.div-block-429.part-2 {
background-image: linear-gradient(#0d0b0200, #01141b 37%);
}
.heading-5 {
color: #fff;
font-size: 10rem;
}
.heading-6 {
color: #818181;
font-size: 2rem;
}
.div-block-430, .div-block-431 {
position: sticky;
top: 10rem;
}
.section-114 {
padding-top: 10rem;
position: relative;
}
.section-114.part-2 {
background-image: linear-gradient(#01011f, #04202a);
}
.text-block-64 {
font-size: 50vw;
}
.container-16 {
max-width: none;
margin-left: 3vw;
margin-right: 3vw;
}
.container-16.horizontal {
z-index: -1;
flex-flow: row;
justify-content: flex-start;
align-items: center;
height: 35vh;
margin-left: 6vw;
margin-right: 6vw;
display: flex;
position: static;
}
.container-16.horizontal.about {
justify-content: flex-start;
align-items: flex-start;
height: auto;
}
.container-16.mobile, .container-16.mobile-landscaoe {
justify-content: flex-start;
align-items: center;
height: 35vh;
margin-left: 6vw;
margin-right: 6vw;
display: flex;
}
.grid-6 {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto auto auto;
}
.home-grid-image {
aspect-ratio: 4 / 3;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.home-grid-image.toca {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68559ef63b6b7fcfc8a2e807_IMG_9423-Enhanced-NR.jpg");
background-position: 50%;
background-size: 150%;
}
.home-grid-text {
background-color: #0009;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
padding: 1.5rem;
display: flex;
}
.homepage-project-title {
color: #fff;
align-self: auto;
margin-top: 0;
margin-bottom: 0;
font-family: proxima-nova, sans-serif;
font-size: 3.5vh;
font-weight: 600;
line-height: 120%;
text-decoration: none;
}
.homepage-project-title.white {
color: #fff;
font-size: 3vh;
line-height: 100%;
}
.paragraph-43 {
color: #000;
text-align: right;
max-width: 35%;
margin-bottom: 0;
font-family: proxima-nova, sans-serif;
font-size: 1.2rem;
font-weight: 300;
line-height: 1.5rem;
}
.div-block-432 {
flex: 0 auto;
justify-content: space-between;
align-items: flex-start;
min-height: 3rem;
display: flex;
}
.div-block-433 {
aspect-ratio: 2.39;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
flex: 0 auto;
width: 47rem;
margin-right: 5rem;
}
.div-block-434 {
flex-flow: column;
flex: 0 auto;
justify-content: space-between;
align-self: stretch;
align-items: flex-start;
width: 40rem;
display: flex;
}
.section-115 {
z-index: -1;
margin-bottom: 2rem;
padding-top: 2rem;
padding-bottom: 2rem;
display: none;
position: sticky;
top: 12vh;
}
.section-116 {
outline-offset: 0px;
background-color: #fff;
outline: .5px #333;
padding-top: 3rem;
display: none;
}
.heading-8 {
margin-top: 0;
margin-bottom: 0;
font-family: proxima-nova, sans-serif;
font-weight: 600;
}
.paragraph-44 {
margin-bottom: 0;
font-family: proxima-nova, sans-serif;
font-size: 1rem;
font-weight: 300;
}
.home-header {
z-index: -1;
}
.home-project-link {
aspect-ratio: 4 / 3;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
text-decoration: none;
}
.home-project-link.dawn {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68559ef63b6b7fcfc8a2e807_IMG_9423-Enhanced-NR.jpg");
background-position: 50%;
background-size: cover;
}
.home-project-link.toca {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a9a3f8c022a57e68aa40_cmf%20Round%203.571.png");
background-position: 50%;
background-size: 150%;
}
.home-project-link.premium {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e2069421e12533dfc72_sunset%20context.png");
background-position: 50%;
background-size: cover;
}
.home-project-link.glide {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/657fd5f91e8318870c5a3c2d_FINAL%20GOGGLE%20RENDER.38.jpg");
background-position: 100%;
background-size: 150%;
}
.homepage-project-arrow {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684c4b66def7dcd5bcc9b8bf_free-arrow-down-icon-3101-thumb.png");
background-position: 60%;
background-repeat: no-repeat;
background-size: 50%;
border-radius: 50%;
align-self: flex-end;
width: 2rem;
}
.homepage-project-arrow.white {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684c3c4479a0ac4474f3badf_free-arrow-down-icon-3101-thumb.png");
width: 2.5vw;
}
.homepage-project-arrow.white.center {
position: absolute;
inset: 1.5vw 1.5vw auto auto;
}
.v2 {
background-color: #fff9;
border: 1px solid #000;
border-radius: 15px;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
padding: 1.5rem;
display: flex;
}
.home-project-link-v2 {
aspect-ratio: 4 / 3;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
border-radius: 15px;
text-decoration: none;
}
.home-project-link-v2.dawn {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68559ef63b6b7fcfc8a2e807_IMG_9423-Enhanced-NR.jpg");
background-position: 50%;
background-size: cover;
border-radius: 15px;
}
.home-project-link-v2.toca {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a9a3f8c022a57e68aa40_cmf%20Round%203.571.png");
background-position: 50%;
background-size: 150%;
}
.home-project-link-v2.premium {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e2069421e12533dfc72_sunset%20context.png");
background-position: 50%;
background-size: cover;
}
.home-project-link-v2.glide {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/657fd5f91e8318870c5a3c2d_FINAL%20GOGGLE%20RENDER.38.jpg");
background-position: 100%;
background-size: 150%;
}
.div-block-437 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68bf53e757c25d2fac6f6a8b_MePresentingPhoto.jpg");
background-position: 25%;
background-size: 200%;
border-radius: 200px;
width: 20vw;
margin-right: 8vw;
display: block;
}
.home-intro-text {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 3.5vh;
font-weight: 500;
line-height: 150%;
}
.home-intro-text.white {
color: var(--white);
}
.home-intro-text.big {
font-size: 5vh;
font-weight: 500;
}
.paragraph-45 {
font-family: proxima-nova, sans-serif;
font-weight: 300;
}
.entry-subtitle {
color: #000;
text-align: left;
margin-bottom: 0;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 300;
line-height: 3.5vh;
}
.entry-subtitle.white {
color: var(--white);
}
.entry-subtitle.copy {
margin-top: 60px;
}
.home-intro {
z-index: 5;
padding-top: 8vh;
padding-bottom: 12vh;
display: block;
position: sticky;
}
.homepage-text-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.homepage-project-subtitle {
color: #fff;
text-align: left;
margin-bottom: 0;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 300;
line-height: 120%;
}
.homepage-project-subtitle.white {
color: #fff;
font-size: 2vh;
line-height: 100%;
}
.home-header-intro {
z-index: 5;
opacity: 1;
background-image: none;
background-size: auto;
position: sticky;
top: 0;
}
.mars-container {
max-width: none;
margin-left: 2px;
margin-right: 2px;
}
.mars-container.horizontal {
justify-content: flex-start;
align-items: center;
margin-left: 3vw;
margin-right: 3vw;
display: flex;
}
.mars-grid {
grid-column-gap: 2px;
grid-row-gap: 2px;
grid-template-rows: auto auto auto;
}
.mars-section {
outline-offset: 0px;
background-color: #000;
outline: .5px #333;
padding-top: 2px;
display: none;
}
.v3 {
z-index: 1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #00000040;
border: 1px solid #000;
border-radius: 15px;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
padding: 1.5vw;
display: flex;
position: static;
inset: 0%;
}
.larger-margins {
max-width: none;
margin-left: 6vw;
margin-right: 6vw;
}
.larger-margins.horizontal {
justify-content: flex-start;
align-items: center;
margin-left: 3vw;
margin-right: 3vw;
display: flex;
}
.grid-v4 {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto auto auto;
}
.larger-margin-section {
z-index: 20;
transform-style: preserve-3d;
background-color: #fff;
background-image: linear-gradient(#ffffff80, #ffffff80);
position: relative;
transform: translateZ(0);
}
.larger-margin-section.blog {
background-color: #fff0;
background-image: none;
position: relative;
top: 15vh;
}
.larger-margin-section.blog-copy {
background-color: #fff;
background-image: none;
position: relative;
}
.growing-image {
z-index: 1;
object-fit: fill;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.growing-image:hover {
background-size: cover;
}
.growing-image.dawn {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68559ef63b6b7fcfc8a2e807_IMG_9423-Enhanced-NR.jpg");
background-position: 50%;
background-size: cover;
}
.growing-image.glide {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6597579b6348cbd3d2daa678_GoggleFinal.62flipped%20and%20bigger.jpg");
background-position: 100% 40%;
background-size: auto 150%;
}
.growing-image.toca {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a9a3f8c022a57e68aa40_cmf%20Round%203.571.png");
background-position: 50%;
background-size: 150%;
}
.growing-image.premium {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e2069421e12533dfc72_sunset%20context.png");
}
.growing-image.vera {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68f58e9f4dc1d7620c25c19a_Vera%20Gold%20Detail.43.png");
background-position: 0 98%;
background-repeat: no-repeat;
background-size: auto 125%;
}
.growing-image.chow {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68cc4e5a187f04e194fca7c1_New%20Hero%20v3.42.webp");
background-position: 50% 70%;
background-size: 150%;
}
.growing-image.journal {
height: 100%;
position: static;
}
.growing-image.journal.utopia {
aspect-ratio: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684c5ffa1b782157e7a842b8_ChatGPT%20Image%20Jun%2013%2C%202025%2C%2010_25_58%20AM.png");
}
.growing-image.journal.dawn {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c89965c3fddb82791b9da3_IMG_9212.webp");
background-position: 75% 40%;
background-size: 150%;
}
.image-14 {
overflow: clip;
}
.image-15 {
display: block;
}
.project-tile-v3 {
aspect-ratio: 4 / 3;
position: relative;
overflow: hidden;
}
.v4-absolute {
z-index: 1;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #0006;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
padding: 1.5vw;
display: flex;
position: absolute;
inset: 0%;
}
.horizontal-line {
background-color: #e7e7e7;
height: 1px;
margin-top: 1px;
margin-bottom: 6rem;
}
.horizontal-line.no-space-below {
margin-bottom: 2rem;
}
.horizontal-line.no-space-below.white, .horizontal-line.white {
background-color: #fff;
}
.section-117 {
height: 28vh;
}
.div-block-439 {
justify-content: space-between;
align-items: flex-end;
padding-bottom: 4vw;
padding-left: 4vw;
padding-right: 4vw;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.project-hero-large-text {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 5vh;
font-weight: 600;
line-height: 100%;
}
.project-hero-large-text.white {
color: #fff;
margin-top: 0;
margin-bottom: 15px;
font-weight: 600;
}
.project-hero-small-text {
color: #000;
text-align: right;
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 100;
}
.project-hero-small-text.black {
color: #000;
}
.project-hero-small-text.white {
color: #fff;
}
.heading-9 {
color: #000;
text-align: right;
margin-top: 0;
margin-bottom: 15px;
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 600;
line-height: 100%;
}
.heading-9.white {
color: #fff;
}
.div-block-440 {
flex-flow: column;
justify-content: flex-end;
align-self: stretch;
align-items: flex-end;
display: flex;
}
.div-block-441 {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.project-brief {
padding-top: 5vw;
padding-bottom: 5vw;
}
.project-brief.no-gap-below {
padding-bottom: 0;
}
.container-17 {
justify-content: space-between;
align-items: flex-start;
max-width: none;
margin-left: 3vw;
margin-right: 3vw;
display: flex;
}
.text-block-65 {
margin-bottom: 25px;
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 100;
}
.text-block-65.right {
text-align: right;
}
.paragraph-46 {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 4vh;
font-weight: 300;
line-height: 115%;
}
.project-credits {
color: #000;
text-align: right;
font-family: proxima-nova, sans-serif;
font-size: 2.75vh;
font-weight: 300;
line-height: 130%;
text-decoration: none;
display: block;
}
.project-credits.gia-link {
cursor: pointer;
}
.div-block-442 {
max-width: 50vw;
}
.div-block-443 {
justify-content: space-between;
align-items: flex-start;
margin-bottom: 5vw;
margin-left: 4vw;
margin-right: 4vw;
display: flex;
}
.section-118 {
position: relative;
}
.project-hero-section {
height: 100vh;
display: block;
}
.div-block-444 {
background-color: #000;
height: .5px;
}
.v4-absolute-center {
z-index: 1;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #0006;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 1.5vw;
display: flex;
position: absolute;
inset: 0%;
}
.homepage-text-block-center {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-445 {
align-self: flex-start;
margin-bottom: 2.5%;
margin-left: 10%;
}
.section-80-full-bleed {
aspect-ratio: 16 / 9;
}
.full-bleed-video-wrapper {
border-radius: 20px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: block;
}
.div-block-387-copy {
text-align: right;
width: 55%;
margin-top: 5vw;
position: static;
top: 5vw;
left: 5%;
}
.div-block-330-wider {
aspect-ratio: 16 / 9;
border-radius: 20px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 90%;
display: block;
}
.div-block-330-copy {
aspect-ratio: 16 / 9;
border-radius: 20px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 80vw;
}
.carousel-container {
justify-content: flex-start;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
overflow: hidden;
}
.image-container {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
padding-left: 10px;
display: flex;
position: static;
left: -100%;
}
.probe-kit-card-wrapper {
aspect-ratio: 3 / 2;
cursor: pointer;
border-radius: 20px;
flex: none;
width: 35vw;
position: relative;
box-shadow: 0 2px 5px #0003;
}
.flipcard-wrapper {
position: relative;
}
.flipcard-front {
backface-visibility: hidden;
color: #fff;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c87d45a09627aa7a2da870_card-bg.png");
background-position: 50%;
background-size: 102%;
border-radius: 20px;
width: 100%;
height: 100%;
position: relative;
}
.flipcard-front._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c8728ab26cbd692a4acc7a_A6%20-%2012.png");
background-size: 102%;
}
.flipcard-front._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c87289f1084f3de4a34245_A6%20-%201.png");
}
.flipcard-front._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c87288f397fcf9d60c52c8_A6%20-%202.png");
}
.flipcard-front._4 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c8728936b6c6570f239d3f_A6%20-%206.png");
}
.flipcard-front._5 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c872896d8de9e2f4e72800_A6%20-%208.png");
}
.flipcard-front._6 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c8728933dde7a684bc4478_A6%20-%2010.png");
}
.flipcard-front._7 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c8728a5f13d74eb3775662_A6%20-%2014.png");
}
.flipcard-back {
backface-visibility: hidden;
transform-style: preserve-3d;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c87d45a09627aa7a2da876_flipcards_en.png");
background-position: 50%;
background-size: 102%;
border-radius: 20px;
flex-direction: column;
align-items: flex-start;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.flipcard-back._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c8728a78b319a3d4defa0d_A6%20-%2013.png");
background-position: 50%;
background-size: cover;
}
.flipcard-back._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c8728a83657ab66665a78b_A6%20-%203.png");
background-position: 50%;
background-size: cover;
}
.flipcard-back._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c8728962cde3efb046b33f_A6%20-%205.png");
}
.flipcard-back._4 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c872894026fdb7f2520389_A6%20-%207.png");
}
.flipcard-back._5 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c872895e1246a3b9b582d9_A6%20-%209.png");
}
.flipcard-back._6 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c872895be0d592d597e591_A6%20-%2011.png");
}
.flipcard-back._7 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c8728a422452a426032d9f_A6%20-%2015.png");
}
.section-119 {
padding-left: 10%;
padding-right: 10%;
}
.section-119.background {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c89965c3fddb82791b9da3_IMG_9212.webp");
background-position: 50%;
background-size: cover;
flex-flow: column;
justify-content: center;
align-items: center;
display: block;
}
.section-119.smaller-padding {
padding-left: 8%;
padding-right: 5%;
}
.div-block-446 {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: center;
display: flex;
}
.div-block-447 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c881a24ac3836441cee9d9_chuttersnap-tStoxme92is-unsplash.jpg");
background-position: 50% 10%;
background-size: 175%;
border-radius: 20px;
width: 50%;
}
.div-block-448 {
flex-flow: column;
justify-content: space-around;
align-self: stretch;
align-items: flex-start;
width: 45%;
display: flex;
}
.text-block-66 {
font-family: proxima-nova, sans-serif;
font-size: 2vh;
}
.div-block-449 {
padding-top: 25vh;
padding-bottom: 5vh;
}
.div-block-450 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c8894f4cfdbf636cde10ea_DSC09793.webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
margin-bottom: 5vh;
}
.section-120 {
padding-left: 10%;
padding-right: 10%;
}
.div-block-451 {
margin-left: 10%;
margin-right: 10%;
padding-top: 10vh;
}
.div-block-452 {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
flex: 0 auto;
justify-content: space-between;
align-self: auto;
align-items: center;
margin-top: 5vh;
padding-top: 20vh;
padding-bottom: 20vh;
display: flex;
}
.dawn-insight-div {
grid-column-gap: 41px;
grid-row-gap: 41px;
aspect-ratio: 1;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 1px solid #fff;
border-radius: 20px;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: flex-start;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.insight-title {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 22px;
font-weight: 600;
}
.insight-description {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 120%;
}
.div-block-448-copy {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: center;
align-self: stretch;
align-items: flex-start;
display: flex;
}
.div-block-447-copy {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c89a4dbf765f61f77b6c14_sticky%20note%20hugging%20self.png");
background-position: 50%;
background-size: cover;
width: 25%;
box-shadow: 4px 5px 7px #0003;
}
.div-block-446-copy {
grid-column-gap: 75px;
grid-row-gap: 75px;
justify-content: space-around;
align-items: center;
padding-top: 20vh;
padding-bottom: 15vh;
display: flex;
}
.div-block-453 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c999e6c844b232167bcf52_IMG_9870.webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 42.5%;
}
.div-block-454 {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-self: stretch;
align-items: center;
display: flex;
}
.div-block-455 {
grid-column-gap: 16px;
grid-row-gap: 16px;
aspect-ratio: 1;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-self: auto;
height: 100%;
display: block;
}
.quick-stack-25 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex: 1;
align-self: stretch;
padding: 0;
}
.cell-31 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
}
.div-block-456 {
aspect-ratio: 1;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
border-radius: 300px;
width: 100%;
}
.div-block-456.left {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9a3e0c180959580e3f98e_image%208.png");
background-position: 50%;
background-size: cover;
position: relative;
left: -10px;
}
.div-block-456._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9a3e0da89600098ebbba1_image%205.png");
background-position: 50%;
background-size: 125%;
}
.div-block-456._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9a3e06f574e5d36bc438a_image%206.png");
background-position: 50%;
background-size: 175%;
}
.div-block-456._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9a3df0337218eb5c8d87a_image%204.png");
background-size: 150%;
}
.div-block-456._4 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9a3e0eac40d217221ec51_image%207.png");
background-position: 40%;
background-size: 140%;
}
.div-block-457 {
position: relative;
left: -10px;
}
.section-7-5-padding {
padding-left: 7.5%;
padding-right: 7.5%;
}
.section-7-5-padding.background {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c89965c3fddb82791b9da3_IMG_9212.webp");
background-position: 50%;
background-size: cover;
flex-flow: column;
justify-content: center;
align-items: center;
display: block;
}
.section-7-5-padding.smaller-padding {
padding-left: 7.5%;
padding-right: 5%;
}
.div-block-458 {
aspect-ratio: 5 / 4;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9a8d0436ec25764a6cc70_IMG_9257.webp");
background-position: 50% 100%;
background-size: cover;
border-radius: 20px;
width: 100%;
}
.quick-stack-26 {
padding: 0;
}
.div-block-459 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 100%;
height: 100%;
}
.div-block-459._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9a8d04545c7b9cafdbbe2_IMG_9258.webp");
background-position: 60%;
background-size: 150%;
}
.div-block-459._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9a8d1c180959580e5c581_IMG_9906.webp");
background-position: 0%;
}
.div-block-449-copy {
padding-top: 20vh;
padding-bottom: 5vh;
}
.div-block-460 {
padding-top: 10vh;
padding-bottom: 5vh;
}
.quick-stack-27 {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding: 0;
}
.div-block-461 {
aspect-ratio: 2.39;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9eef140011a56f466a20c_Slide%2016_9%20-%2028.webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex: 0 auto;
align-self: stretch;
}
.div-block-462 {
aspect-ratio: 14 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9ba3b87334d7f9f87b173_Slide%2016_9%20-%2033.webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
align-self: stretch;
}
.div-block-463 {
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
display: flex;
}
.div-block-462-copy {
aspect-ratio: 14 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9a8d0436ec25764a6cc70_IMG_9257.webp");
background-position: 50% 100%;
background-size: 125%;
border-radius: 20px;
align-self: stretch;
}
.div-block-464 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9a8d1c180959580e5c581_IMG_9906.webp");
background-position: 0%;
background-size: cover;
border-radius: 20px;
flex: 1;
align-self: stretch;
}
.div-block-466 {
aspect-ratio: 12 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9ba3e491073678c9994b0_DSCF3585.webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
align-self: stretch;
}
.div-block-465 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9ba3b51070380fd4adbe2_DSCF3592.webp");
background-position: 100% 100%;
background-size: 125%;
border-radius: 20px;
align-self: stretch;
}
.div-block-449-copy-copy {
padding-top: 10vh;
padding-bottom: 5vh;
}
.div-block-467 {
padding-top: 5vh;
}
.div-block-468 {
align-self: stretch;
padding-top: 5vh;
padding-bottom: 5vh;
}
.div-block-469 {
aspect-ratio: 12 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9ba392ed087676d9fc862_DSCF3566.webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
align-self: stretch;
}
.div-block-470 {
aspect-ratio: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9ba3b1a935af6469a523f_IMG_2368.webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex: 1;
align-self: stretch;
}
.div-block-471 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9ba3b66162a74314ebd92_IMG_2205.webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex: 1;
align-self: stretch;
}
.div-block-472 {
aspect-ratio: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9ba3b55f3177250488701_DSCF3576.webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex: 1;
align-self: stretch;
}
.div-block-473 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9bac4e08c1967153cd8ec_IMG_2379.webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex: 1;
align-self: stretch;
}
.div-block-474 {
aspect-ratio: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9bac4bc69164c1d875223_IMG_2394.webp");
background-position: 100% 80%;
background-size: cover;
border-radius: 20px;
flex: 1;
align-self: stretch;
}
.div-block-475 {
aspect-ratio: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9bb42fd836711197b636d_IMG_2408%20(1).webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex: 1;
align-self: stretch;
}
.div-block-476 {
aspect-ratio: 2.39;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c9e4d828ef5178e1c83d9c_IMG_9854.JPG");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex: 0 auto;
align-self: stretch;
}
.div-block-477 {
padding-top: 0;
}
.div-block-478 {
grid-column-gap: 75px;
grid-row-gap: 75px;
justify-content: space-between;
align-items: center;
display: flex;
}
.div-block-479 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ca26a5359498e040b5fc52_IMG_9433-Enhanced-NR-3.jpg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex: none;
width: 65%;
}
.section-5-padding {
padding: 5vh 5%;
}
.section-5-padding.background {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c89965c3fddb82791b9da3_IMG_9212.webp");
background-position: 50%;
background-size: cover;
flex-flow: column;
justify-content: center;
align-items: center;
display: block;
}
.section-5-padding.smaller-padding {
padding-left: 7.5%;
padding-right: 5%;
}
.section-5-padding.upper-pad {
padding-top: 15vh;
}
.div-block-481 {
aspect-ratio: 6 / 7;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ca257c0a1b8044810a0001_microwave%20edited.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex: none;
width: 45%;
}
.div-block-482 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ca1c0b5d1ad184fea527e7_IMG_9582%201.png");
background-position: 50%;
background-size: cover;
}
.div-block-483 {
justify-content: center;
align-items: flex-start;
padding-top: 15vh;
display: flex;
}
.div-block-484 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ca1c0b6bf91c5876183420_IMG_9582%202.png");
background-position: 0%;
background-size: cover;
}
.div-block-485 {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
justify-content: center;
align-items: center;
padding-bottom: 5vh;
display: flex;
}
.div-block-486 {
aspect-ratio: 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68559ee8639893b44e842b45_holding%20with%20blur.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
}
.div-block-487 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ca1b74c3380042e0b32a8c_IMG_9455-2.webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
}
.div-block-488 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ca1c22db099232698fc538_IMG_9570%203.webp");
background-position: 75% 30%;
background-repeat: no-repeat;
background-size: 80%;
}
.div-block-489 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ca1c22359498e040b46bd3_IMG_9570%202.webp");
background-position: 25% 40%;
background-repeat: no-repeat;
background-size: 110%;
}
.div-block-490, .div-block-491 {
width: 45%;
}
.div-block-492 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ca1b7592f3c5db8dcd9032_IMG_9485.webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex: none;
width: 60%;
}
.div-block-493 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68559ef1bd9aaefdfe2dea2f_IMG_9557-Enhanced-NR.jpg");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex: none;
width: 60%;
}
.div-block-494 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ca1b74c84ff19ad2a88305_IMG_9445.webp");
background-position: 50% 100%;
background-size: cover;
border-radius: 20px;
}
.div-block-495 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ca25bdb6f7edca9f42856d_IMG_9552.webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
}
.image-16 {
max-width: 25%;
position: absolute;
inset: 0% auto auto 0%;
}
.image-3-copy {
z-index: 2;
max-width: 12%;
display: block;
position: static;
inset: 45% auto auto 0%;
overflow: visible;
}
.div-block-441-copy {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.div-block-496 {
aspect-ratio: 5 / 4;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65d501d8a24bd3227f5d4382_GIA%20Logo.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 7vw;
}
.div-block-497 {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-flow: column;
align-items: flex-end;
max-width: 40%;
display: flex;
}
.moblie-intro {
display: none;
}
.mobile-circle {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68bf53e757c25d2fac6f6a8b_MePresentingPhoto.jpg");
background-position: 25%;
background-size: 200%;
border-radius: 200px;
width: 20vw;
margin-right: 8vw;
display: block;
}
.home-intro-text-copy {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 3.5vh;
font-weight: 500;
line-height: 150%;
}
.entry-subtitle-copy {
color: #000;
text-align: left;
margin-bottom: 0;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 300;
line-height: 1.5rem;
}
.larger-margin-section-mobile {
z-index: 1;
background-color: #fff;
display: none;
position: relative;
}
.larger-margins-mobile {
max-width: none;
margin-left: 6vw;
margin-right: 6vw;
}
.larger-margins-mobile.horizontal {
justify-content: flex-start;
align-items: center;
margin-left: 3vw;
margin-right: 3vw;
display: flex;
}
.grid-v4-mobile {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto auto auto;
}
.v4-absolute-mobile {
z-index: 1;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #0006;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
padding: 1.5vw;
display: flex;
position: absolute;
inset: 0%;
}
.project-tile-v3-mobile {
aspect-ratio: 4 / 3;
position: relative;
overflow: hidden;
}
.v4-absolute-copy {
z-index: 1;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #0006;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
padding: 1.5vw;
display: flex;
position: absolute;
inset: 0%;
}
.div-block-329-copy {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a99a851ca16836676064_exploded.597.png");
background-position: 50%;
background-repeat: repeat;
background-size: 80%;
border-radius: 20px;
}
.section-74-copy {
padding: 5vh 5%;
}
.larger-margin-section-mobile-landscape {
z-index: 1;
background-color: #fff;
display: none;
position: relative;
}
.section-121-landscaoe {
display: none;
}
.larger-margin-section-mobile-copy {
z-index: 1;
background-color: #fff;
display: none;
position: relative;
}
.grid-v4-mobile-landscape {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto auto auto;
}
.mobile-circle-landscape {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68bf53e757c25d2fac6f6a8b_MePresentingPhoto.jpg");
background-position: 25%;
background-size: 200%;
border-radius: 200px;
width: 20vw;
margin-right: 8vw;
display: block;
}
.div-block-53-copy {
grid-column-gap: 5vh;
grid-row-gap: 5vh;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 40vw;
display: flex;
}
.div-block-71-copy {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68f3b70d5f8ea61de06e92a2_vera%20CMF%20comparison.webp"), linear-gradient(#f1f1f1, #f1f1f1);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: contain, auto;
border-radius: 20px;
width: 80vw;
}
.container-19 {
max-width: none;
margin-left: 6vw;
margin-right: 6vw;
}
.quick-stack-28 {
grid-column-gap: 8px;
grid-row-gap: 8px;
padding: 0;
}
.div-block-498 {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7bafc6864e8b8b777e877_lampoverchair.jpg");
background-position: 0%;
background-size: cover;
width: 100%;
}
.div-block-499 {
aspect-ratio: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7c05e167ea2c88c61f393_baseoflamp.jpg");
background-position: 50% 100%;
background-size: cover;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: block;
}
.div-block-500 {
aspect-ratio: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c7baf613a4de2e15624fc6_lampdetails1.jpg");
background-position: 50% 100%;
background-size: cover;
width: 100%;
height: 100%;
}
.div-block-499-copy {
aspect-ratio: auto;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c94fe7eb29ce1602e7c69b_IMG_3433.jpeg");
background-position: 50% 100%;
background-size: cover;
width: 100%;
height: 100%;
}
.div-block-501 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c50e84694b1057ae4e7a28_IMG_5335.JPG");
background-position: 80% 100%;
background-size: cover;
width: 100%;
}
.div-block-502 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/64388ab273e857ce145e336d_back%20view.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
}
.div-block-503 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/66f4b350c0e226cdc97d19ff_IMG_7401.JPG");
background-position: 50% 0;
background-size: cover;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
}
.div-block-505 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68f408b49a35d3f4f92ee031_P1.105.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
}
.div-block-233-copy {
aspect-ratio: 1 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68f51c0176d6a294f1aa93f1_P3%20DETAIL.109.png");
background-position: 50% 100%;
background-size: cover;
width: 100%;
}
.div-block-504 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68f562af5070371cf5348a90_SteamDeck%20Black%20Front.40.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
}
.div-block-502-copy {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68f409316e861e92eb65f06c_main.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
}
.text-block-67 {
z-index: 2;
position: relative;
}
.gallery-text {
color: #000;
margin: 10px;
font-family: proxima-nova, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 30px;
}
.gallery-text.white {
color: #fff;
margin-left: 15px;
font-size: 16px;
font-weight: 300;
line-height: 25px;
}
.bold-text-14 {
font-weight: 300;
}
.div-block-505-copy {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/65c50e85b06b0687379f76c3_IMG_5346.JPG");
background-position: 0%;
background-size: cover;
width: 100%;
height: 100%;
}
.background-video-7 {
border-radius: 20px;
height: 100%;
}
.home-intro-text-copy {
color: #000;
margin-top: 0;
font-family: proxima-nova, sans-serif;
font-size: 3.5vh;
font-weight: 500;
line-height: 150%;
}
.home-intro-text-copy.white {
color: var(--white);
}
.container-20 {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
flex: 1;
justify-content: space-between;
align-items: flex-start;
max-width: none;
margin-left: 5vw;
margin-right: 5vw;
display: flex;
}
.div-block-506 {
justify-content: space-between;
align-items: flex-start;
width: 88vw;
display: flex;
}
.div-block-507 {
justify-content: space-between;
align-items: flex-start;
width: 85vw;
display: flex;
}
.section-122 {
justify-content: center;
align-items: center;
display: none;
}
.div-block-508 {
width: 32%;
}
.div-block-509 {
width: 60%;
}
.div-block-106-copy {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/669423eb79c4ff2e355e5d3b_TerraSullivanHeadshot.jpg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 100%;
}
.div-block-509-copy {
width: 60%;
}
.div-block-437-copy {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ffd9e8948e420a5bfb253f_IMG_7836.webp");
background-position: 50%;
background-size: 200%;
border: .5px solid #e7e7e7;
border-radius: 200px;
width: 20vw;
margin-right: 8vw;
display: block;
}
.container-21 {
max-width: none;
margin-left: 6vw;
margin-right: 6vw;
}
.container-21-copy {
max-width: none;
margin-left: 25vw;
margin-right: 6vw;
}
.div-block-510 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 50vw;
padding-top: 8vw;
display: flex;
}
.section-123 {
z-index: 5;
position: sticky;
top: 0;
}
.container-22 {
max-width: none;
margin-left: 6vw;
margin-right: 6vw;
}
.div-block-511 {
grid-column-gap: 100px;
grid-row-gap: 100px;
flex-flow: column;
justify-content: center;
align-items: center;
padding-left: 12vw;
padding-right: 13vw;
display: block;
}
.div-block-512 {
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 60px;
padding-top: 60px;
display: flex;
}
.div-block-513 {
flex: none;
align-self: flex-start;
width: 10vw;
}
.text-block-68 {
color: #818181;
font-family: proxima-nova, sans-serif;
font-size: 2vh;
}
.entry-subtitle-copy {
color: #000;
text-align: left;
margin-top: 20px;
margin-bottom: 0;
font-size: 2.5vh;
font-weight: 300;
line-height: 1.5rem;
}
.div-block-514 {
background-color: #e7e7e7;
height: 1px;
}
.horizontal-line-copy {
background-color: #000;
height: .5px;
margin-bottom: 2rem;
}
.horizontal-line-copy.no-space-below {
margin-bottom: 0;
}
.section-124 {
z-index: 5;
position: sticky;
top: 0;
}
.bold-text-15 {
font-size: 2vh;
font-weight: 300;
}
.bold-text-16 {
color: var(--black);
font-weight: 600;
}
.entry-subtitle-copy {
color: #000;
text-align: left;
margin-top: 0;
margin-bottom: 0;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 300;
line-height: 150%;
}
.entry-subtitle-copy.white {
color: var(--white);
}
.quick-stack-29 {
grid-column-gap: 10px;
grid-row-gap: 10px;
padding: 0;
}
.div-block-515 {
margin-left: 6vw;
margin-right: 6vw;
display: none;
}
.div-block-516 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b0d910a3b03ecab8f18335_DSC_0159.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
}
.div-block-516._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b4e05553445ea88b9fefc4_IMG_0762.JPEG");
}
.div-block-517 {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b4e08f3b356df9b6fc221a_IMG_2539.png");
background-position: 50%;
background-size: cover;
width: 100%;
}
.full-bleed-pic-section-copy {
justify-content: center;
align-items: flex-start;
margin-bottom: 0;
padding-bottom: 0;
display: flex;
}
.div-block-518 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68f58e9f4dc1d7620c25c19a_Vera%20Gold%20Detail.43.png");
background-position: 50% 99%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 50%;
}
.div-block-518._1 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68fa542c2f14a7ed06f39f21_Vera%20Red%20New.46.png");
background-position: 50%;
background-size: 110%;
}
.bold-text-17 {
color: var(--black);
font-weight: 600;
}
.top-section {
width: 100%;
height: 0;
}
.bold-text-18 {
color: var(--black);
-webkit-text-stroke-color: #000d4d;
font-weight: 700;
}
.quick-stack-30 {
grid-column-gap: 10px;
grid-row-gap: 10px;
padding: 0;
}
.cell-32 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ffd9c9c2647133564d01c3_IMG_7828.webp");
background-position: 50%;
background-size: cover;
}
.div-block-519 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ffd9c9c2647133564d01c3_IMG_7828.webp");
background-position: 50%;
background-size: cover;
height: 100%;
}
.div-block-520 {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ffdf51ea71b6a5067d1b26_IMG_9507.webp");
background-position: 50%;
background-size: cover;
flex: 0 auto;
align-self: auto;
height: 100%;
}
.div-block-521 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: space-between;
align-items: stretch;
height: 18vw;
margin-top: 60px;
margin-bottom: 60px;
display: flex;
overflow: hidden;
}
.div-block-522 {
aspect-ratio: 4 / 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ffe82d2b73e76cc433857c_IMG_7828-3.webp");
background-position: 50%;
background-size: cover;
border: .25px solid #e7e7e7;
flex: 0 auto;
height: 100%;
}
.div-block-523 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ffdf52c498b188b09255a4_IMG_3840.webp");
background-position: 50%;
background-size: cover;
flex: 0 auto;
height: 100%;
}
.div-block-524 {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ffdf528e24188ce845fb47_IMG_6429.webp");
background-position: 50%;
background-size: cover;
flex: 0 auto;
height: 100%;
}
.div-block-525 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ffdf52f5e6096b46862fc8_IMG_8196.webp");
background-position: 50%;
background-size: cover;
flex: 1;
}
.container-23 {
-webkit-backdrop-filter: contrast(95%) brightness(50%) blur(12px);
backdrop-filter: contrast(95%) brightness(50%) blur(12px);
background-color: #000000ba;
border: .5px solid #1b1b1b;
border-radius: 15px;
max-width: none;
margin-bottom: 100px;
margin-left: 25vw;
margin-right: 25vw;
padding: 10px 40px 20px;
}
.image-17 {
margin-bottom: 40px;
}
.blog-intro {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684c6052db771cb8d81a5f4e_ChatGPT%20Image%20Jun%2013%2C%202025%2C%2010_25_58%20AM.png");
background-position: 50%;
background-size: cover;
height: 100%;
display: block;
position: sticky;
}
.blog-top {
z-index: 5;
position: relative;
}
.container-24 {
margin-left: 15vw;
margin-right: 15vw;
}
.heading-10 {
color: #fff;
}
.horizontal-line-blog {
background-color: #fff;
height: .5px;
margin-top: 60px;
margin-bottom: 6rem;
}
.horizontal-line-blog.no-space-below {
margin-bottom: 2rem;
}
.horizontal-line-blog.no-space-below.white {
background-color: #fff;
}
.text-block-69 {
color: #fff;
font-family: proxima-nova, sans-serif;
font-size: 20px;
}
.div-block-526 {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684c6052db771cb8d81a5f4e_ChatGPT%20Image%20Jun%2013%2C%202025%2C%2010_25_58%20AM.png");
background-position: 50%;
background-size: cover;
height: 100vh;
position: sticky;
}
.section-125 {
z-index: 1;
position: fixed;
inset: 0% 0% auto;
}
.blog-top-copy {
z-index: 5;
position: fixed;
}
.section-125-copy {
z-index: 1;
position: fixed;
inset: 0% 0% auto;
}
.div-block-526-copy {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684c6052db771cb8d81a5f4e_ChatGPT%20Image%20Jun%2013%2C%202025%2C%2010_25_58%20AM.png");
background-position: 50% 0;
background-size: cover;
height: 75vh;
position: sticky;
}
.container-25 {
max-width: none;
margin-left: 25vw;
margin-right: 25vw;
}
.blog h3 {
color: #000;
margin-top: 40px;
margin-bottom: 40px;
}
.blog p {
color: #000;
margin-bottom: 40px;
font-size: 24px;
font-weight: 300;
line-height: 150%;
}
.blog a {
color: #c4c4c4;
cursor: pointer;
text-decoration-color: #d4d4d4;
}
.blog h4 {
color: #8d8d8d;
margin-bottom: 20px;
font-size: 20px;
font-weight: 300;
}
.blog-title-section {
height: 100vh;
display: block;
}
.blog-hero-wrapper {
height: 100vh;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.blog-hero-wrapper.glide {
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.blog-hero-wrapper.vera {
width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.blog-title-div {
-webkit-backdrop-filter: none;
backdrop-filter: none;
max-width: none;
margin-bottom: 5vw;
margin-left: 5vw;
margin-right: 33vw;
padding-top: 10px;
position: absolute;
inset: auto auto 0% 0%;
}
.div-block-527 {
background-color: #c9c9c9;
height: 1px;
margin: 40px 25%;
}
.div-block-528 {
grid-column-gap: 30px;
grid-row-gap: 30px;
display: flex;
}
.text-block-70 {
color: #000;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 40px;
font-weight: 400;
line-height: 100%;
}
.text-block-71 {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 130%;
}
.text-block-72 {
text-align: left;
margin-top: 20px;
font-family: proxima-nova, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 24px;
display: block;
}
.div-block-529 {
background-color: #c9c9c9;
height: 1px;
margin-top: 10px;
margin-bottom: 20px;
}
.div-block-530 {
background-color: #c9c9c9;
height: 1px;
margin-top: 20px;
margin-bottom: 50px;
}
.italic-text-13 {
color: #afafaf;
font-weight: 600;
}
.div-block-531 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: stretch;
padding-left: 5px;
padding-right: 5px;
display: flex;
}
.div-block-531.gap-above {
margin-top: 10px;
}
.div-block-532, .div-block-533 {
flex: 1;
}
.div-block-534 {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69b774d3725d43f5fe_9780451524935.RH.0.l.jpg");
background-position: 50%;
background-size: 102%;
border: .5px solid #e7e7e7;
flex: 1;
}
.div-block-534._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69b713f1aa99d98a4c_71GNqqXuN3L._AC_UF1000%2C1000_QL80_.jpg");
}
.div-block-534._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69d4c0753084a706d6_81Yq5WKWfSL._AC_UF1000%2C1000_QL80_.jpg");
background-size: cover;
}
.div-block-535 {
aspect-ratio: 2 / 3;
width: 100%;
}
.text-block-73 {
color: #5f5f5f;
text-align: center;
width: 95%;
margin-top: 20px;
font-family: proxima-nova, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 130%;
}
.div-block-536 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684c5613f05ef54d24345ec0_garden%20of%20eden.jpg");
background-position: 50%;
background-size: cover;
border: .5px solid #e7e7e7;
flex: 1;
}
.div-block-536._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903e0ed0bc8508c5d4e9784_Scene_at_the_Signing_of_the_Constitution_of_the_United_States-1060x615.jpg");
background-position: 80%;
}
.div-block-536._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69d4c0753084a706d6_81Yq5WKWfSL._AC_UF1000%2C1000_QL80_.jpg");
background-size: cover;
}
.div-block-537 {
aspect-ratio: 5 / 4;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903e2e77e5dfd0c47e198e3_utopia_top.png");
background-position: 50% 80%;
background-size: cover;
border: .5px solid #e7e7e7;
flex: 1;
margin-left: 10px;
margin-right: 10px;
}
.div-block-537._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903e0ed0bc8508c5d4e9784_Scene_at_the_Signing_of_the_Constitution_of_the_United_States-1060x615.jpg");
background-position: 80%;
}
.div-block-537._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69d4c0753084a706d6_81Yq5WKWfSL._AC_UF1000%2C1000_QL80_.jpg");
background-size: cover;
}
.heading-11 {
margin-top: 30px;
margin-bottom: 30px;
font-weight: 600;
}
.heading-11.black {
color: #000;
}
.div-block-538 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903e99d6c70efbb9089cc0a_French-Revolution-iconic-paintings.jpg");
background-position: 50%;
background-size: cover;
border: .5px solid #e7e7e7;
flex: 1;
}
.div-block-538._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903e0ed0bc8508c5d4e9784_Scene_at_the_Signing_of_the_Constitution_of_the_United_States-1060x615.jpg");
background-position: 80%;
}
.div-block-538._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69d4c0753084a706d6_81Yq5WKWfSL._AC_UF1000%2C1000_QL80_.jpg");
background-size: cover;
}
.div-block-539 {
aspect-ratio: 2.39;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6904d9a87860073287cd7863_Cluster-2.png");
background-position: 50%;
background-size: cover;
border: .5px solid #e7e7e7;
flex: 1;
}
.div-block-539._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903e0ed0bc8508c5d4e9784_Scene_at_the_Signing_of_the_Constitution_of_the_United_States-1060x615.jpg");
background-position: 80%;
}
.div-block-539._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69d4c0753084a706d6_81Yq5WKWfSL._AC_UF1000%2C1000_QL80_.jpg");
background-size: cover;
}
.div-block-540 {
aspect-ratio: 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684c5b59bd0b1a1ee421a2e4_new%20harmony.jpg");
background-position: 50%;
background-size: cover;
border: .5px solid #e7e7e7;
flex: 1;
}
.div-block-540._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903e0ed0bc8508c5d4e9784_Scene_at_the_Signing_of_the_Constitution_of_the_United_States-1060x615.jpg");
background-position: 80%;
}
.div-block-540._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69d4c0753084a706d6_81Yq5WKWfSL._AC_UF1000%2C1000_QL80_.jpg");
background-size: cover;
}
.grid-v5 {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
}
.utopia-tile-link {
aspect-ratio: 1;
border: .5px solid #e7e7e7;
flex-flow: column;
justify-content: space-between;
text-decoration: none;
display: block;
position: relative;
overflow: hidden;
}
.growing-image-utopia {
z-index: 1;
aspect-ratio: 1;
object-fit: fill;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
width: 100%;
position: absolute;
inset: 0%;
}
.growing-image-utopia:hover {
background-size: cover;
}
.growing-image-utopia.dawn {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68559ef63b6b7fcfc8a2e807_IMG_9423-Enhanced-NR.jpg");
background-position: 50%;
background-size: cover;
}
.growing-image-utopia.glide {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6597579b6348cbd3d2daa678_GoggleFinal.62flipped%20and%20bigger.jpg");
background-position: 100% 40%;
background-size: auto 150%;
}
.growing-image-utopia.toca {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67b6a9a3f8c022a57e68aa40_cmf%20Round%203.571.png");
background-position: 50%;
background-size: 150%;
}
.growing-image-utopia.premium {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/67eb1e2069421e12533dfc72_sunset%20context.png");
}
.growing-image-utopia.vera {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68f58e9f4dc1d7620c25c19a_Vera%20Gold%20Detail.43.png");
background-position: 0 98%;
background-repeat: no-repeat;
background-size: auto 125%;
}
.growing-image-utopia.chow {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68cc4e5a187f04e194fca7c1_New%20Hero%20v3.42.webp");
background-position: 50% 70%;
background-size: 150%;
}
.growing-image-utopia.utopia {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/684c5ffa1b782157e7a842b8_ChatGPT%20Image%20Jun%2013%2C%202025%2C%2010_25_58%20AM.png");
}
.journal-darken {
z-index: 1;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #0006;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 66%;
padding: 1.5vw;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.div-block-541 {
justify-content: flex-start;
align-items: flex-end;
display: block;
}
.div-block-542, .text-block-74 {
text-decoration: none;
}
.journal-tile-title {
color: #000;
margin-top: 0;
margin-bottom: 20px;
font-size: 28px;
font-weight: 500;
line-height: 130%;
}
.journal-tile-subtitle {
color: #000;
font-family: proxima-nova, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 130%;
}
.div-block-543 {
padding-bottom: 20px;
position: static;
inset: auto 0% 0%;
}
.div-block-544 {
padding-bottom: 5%;
}
.div-block-546 {
flex-flow: column;
justify-content: center;
height: 33%;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.div-block-547 {
width: 100%;
height: 66%;
overflow: hidden;
}
.utopia-examples {
font-family: proxima-nova, sans-serif;
list-style-type: none;
}
.references {
color: #5f5f5f;
margin-bottom: 10px;
font-family: proxima-nova, sans-serif;
font-size: 16px;
line-height: 130%;
}
.examples {
margin-bottom: 20px;
font-size: 24px;
font-weight: 300;
line-height: 150%;
list-style-type: none;
}
.paragraph-47 {
color: #222;
margin-bottom: 0;
font-size: 24px;
font-weight: 300;
line-height: 150%;
}
.paragraph-47.dash {
text-align: center;
}
.div-block-548 {
margin-bottom: 25px;
display: flex;
}
.div-block-548.larger-gap {
margin-bottom: 50px;
}
.div-block-549 {
flex: none;
align-self: center;
width: 10%;
}
.div-block-550 {
aspect-ratio: 49 / 80;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/690986236d7a8bbc29d9a9d3_818d0964-f3c9-4985-8966-4b39793a4b81-full.jpg");
background-position: 50% 0;
background-size: cover;
border: .5px solid #e7e7e7;
flex: 0 auto;
width: 50%;
}
.div-block-550._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6909883cf36eef0957d00521_file-20210310-23-gnizml.jpg.avif");
background-position: 50% 0;
}
.div-block-550._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69d4c0753084a706d6_81Yq5WKWfSL._AC_UF1000%2C1000_QL80_.jpg");
background-size: cover;
}
.div-block-551 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6909862e97a0e6811589050b_What_is_period_advertising_selling_you_contenful_2x.jpg");
background-position: 50%;
background-size: cover;
border: .5px solid #e7e7e7;
flex: 0 auto;
align-self: auto;
width: 50%;
}
.div-block-551._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903e0ed0bc8508c5d4e9784_Scene_at_the_Signing_of_the_Constitution_of_the_United_States-1060x615.jpg");
background-position: 80%;
}
.div-block-551._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69d4c0753084a706d6_81Yq5WKWfSL._AC_UF1000%2C1000_QL80_.jpg");
background-size: cover;
}
.div-block-552 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c881a24ac3836441cee9d9_chuttersnap-tStoxme92is-unsplash.jpg");
background-position: 50% 0;
background-size: 150%;
border: .5px solid #e7e7e7;
flex: 1;
margin-left: 10px;
margin-right: 10px;
}
.div-block-552._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903e0ed0bc8508c5d4e9784_Scene_at_the_Signing_of_the_Constitution_of_the_United_States-1060x615.jpg");
background-position: 80%;
}
.div-block-552._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69d4c0753084a706d6_81Yq5WKWfSL._AC_UF1000%2C1000_QL80_.jpg");
background-size: cover;
}
.div-block-553 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69b774d3725d43f5fe_9780451524935.RH.0.l.jpg");
background-position: 50%;
background-size: 102%;
border: .5px solid #e7e7e7;
flex: 1;
}
.div-block-553._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69b713f1aa99d98a4c_71GNqqXuN3L._AC_UF1000%2C1000_QL80_.jpg");
}
.div-block-553._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69d4c0753084a706d6_81Yq5WKWfSL._AC_UF1000%2C1000_QL80_.jpg");
background-size: cover;
}
.div-block-554 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68c89965c3fddb82791b9da3_IMG_9212.webp");
background-position: 75%;
background-size: 120%;
border: .5px solid #e7e7e7;
flex: 1;
}
.div-block-554._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903e0ed0bc8508c5d4e9784_Scene_at_the_Signing_of_the_Constitution_of_the_United_States-1060x615.jpg");
background-position: 80%;
}
.div-block-554._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69d4c0753084a706d6_81Yq5WKWfSL._AC_UF1000%2C1000_QL80_.jpg");
background-size: cover;
}
.blog-written-by.black {
color: #575757;
}
.blog-subtitle-black {
color: #000;
}
.div-block-555 {
aspect-ratio: 3 / 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/68ca1b74c3380042e0b32a8c_IMG_9455-2.webp");
background-position: 75%;
background-size: cover;
border: .5px solid #e7e7e7;
flex: 1;
}
.div-block-555._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903e0ed0bc8508c5d4e9784_Scene_at_the_Signing_of_the_Constitution_of_the_United_States-1060x615.jpg");
background-position: 80%;
}
.div-block-555._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69d4c0753084a706d6_81Yq5WKWfSL._AC_UF1000%2C1000_QL80_.jpg");
background-size: cover;
}
.div-block-556 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/690fca3b15a149850189f838_81PjajATg0L._AC_UF1000%2C1000_QL80_.jpg");
background-position: 50%;
background-size: 102%;
border: .5px solid #e7e7e7;
flex: 1;
}
.div-block-556._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69b713f1aa99d98a4c_71GNqqXuN3L._AC_UF1000%2C1000_QL80_.jpg");
}
.div-block-556._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/690fca3baf629b7b766a96d9_myoovi-kit-benefits.webp.jpeg");
background-size: cover;
}
.div-block-556.bold-text-2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/690fca3bdbe8945ec9beb3a7_Pixie-Cup-Tens-Unit-by-Jordan-Brittley-88-1.jpg.webp");
}
.div-block-557 {
aspect-ratio: 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/690fcb0600ce7540ba01fefc_Screenshot%202025-11-08%20at%202.58.03%E2%80%AFPM.png");
background-position: 100%;
background-repeat: no-repeat;
background-size: contain;
border: .5px solid #e7e7e7;
flex: 1;
}
.div-block-557._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69b713f1aa99d98a4c_71GNqqXuN3L._AC_UF1000%2C1000_QL80_.jpg");
}
.div-block-557._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/690fca3baf629b7b766a96d9_myoovi-kit-benefits.webp.jpeg");
background-size: cover;
}
.div-block-557.bold-text-2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/690fca3bdbe8945ec9beb3a7_Pixie-Cup-Tens-Unit-by-Jordan-Brittley-88-1.jpg.webp");
}
.div-block-558 {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/690fd2cb259f2b8b999fa364_2296c1eb1715be49aa16671260fce5bf.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border: .5px solid #e7e7e7;
flex: 1;
}
.div-block-558._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903e0ed0bc8508c5d4e9784_Scene_at_the_Signing_of_the_Constitution_of_the_United_States-1060x615.jpg");
background-position: 80%;
}
.div-block-558._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69d4c0753084a706d6_81Yq5WKWfSL._AC_UF1000%2C1000_QL80_.jpg");
background-size: cover;
}
.div-block-559 {
aspect-ratio: 2;
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6910d95c5e39aa2958df7cd1_intro-1680119193.jpg");
background-position: 50%;
background-size: cover;
border: .5px solid #e7e7e7;
flex: 1;
}
.div-block-559._2 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903e0ed0bc8508c5d4e9784_Scene_at_the_Signing_of_the_Constitution_of_the_United_States-1060x615.jpg");
background-position: 80%;
}
.div-block-559._3 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/6903dc69d4c0753084a706d6_81Yq5WKWfSL._AC_UF1000%2C1000_QL80_.jpg");
background-size: cover;
}
.div-block-560 {
justify-content: space-between;
align-items: flex-start;
margin-left: 6vw;
margin-right: 6vw;
padding-bottom: 6vw;
display: flex;
}
.email {
color: var(--black);
font-family: proxima-nova, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 100%;
}
.email:hover {
color: var(--blue);
font-style: italic;
font-weight: 300;
}
.footer-menu-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-end;
padding-bottom: 3vh;
display: grid;
}
.div-block-561 {
margin-bottom: 20px;
}
.footer-section-text {
color: #acacac;
font-family: proxima-nova, sans-serif;
font-size: 1.75vh;
font-weight: 300;
line-height: 100%;
}
.footer-section-text.right {
text-align: right;
padding-right: 3px;
}
.div-block-562 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
margin-top: 20px;
display: flex;
}
.text-block-75 {
align-self: center;
}
.copyright {
color: #acacac;
align-self: center;
font-family: proxima-nova, sans-serif;
font-size: 1.75vh;
font-weight: 300;
line-height: 100%;
}
.copyright.right {
text-align: right;
}
.footer-horizontal-line {
background-color: #e7e7e7;
height: 1px;
margin-bottom: 6vw;
}
.footer-horizontal-line.no-space-below {
margin-bottom: 2rem;
}
.footer-horizontal-line.no-space-below.white, .footer-horizontal-line.white {
background-color: #fff;
}
.spacer-above-footer {
height: 6rem;
}
.link-5 {
color: #acacac;
font-family: proxima-nova, sans-serif;
font-size: 2.5vh;
font-weight: 300;
line-height: 125%;
text-decoration: none;
}
.div-block-563 {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.arrow-after {
color: var(--black);
cursor: pointer;
text-decoration: none;
}
.arrow-after:hover {
color: var(--blue);
font-style: italic;
}
.div-block-564 {
display: inline;
}
.div-block-565 {
grid-column-gap: 3vh;
grid-row-gap: 3vh;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.text-block-57-copy {
color: #000;
flex: 1;
font-family: proxima-nova, sans-serif;
font-size: 3vh;
font-weight: 300;
line-height: 6vh;
}
.section-126 {
height: 15vh;
}
@media screen and (max-width: 991px) {
.slider {
height: 80vh;
}
.div-block-103 {
margin-top: 0;
}
.div-block-104 {
grid-template-areas: ". Area"
". Area";
}
.project-brief-right {
grid-column-gap: 3vh;
grid-row-gap: 3vh;
}
.container-2 {
max-width: 728px;
}
.gallery-wrapper {
grid-template-columns: 1fr 1fr;
}
.gallery-sticky {
position: relative;
top: 0;
}
.hero-top-wrapper {
justify-content: space-between;
align-items: flex-end;
}
.hero-heading-wrapper {
width: auto;
}
.hero-heading {
font-size: 12vw;
line-height: 100%;
}
.section {
padding-top: 6rem;
padding-bottom: 6rem;
}
.section.section-hero {
padding-top: 5.5rem;
}
.hero-text-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.hero-background-fade-overlay {
background-image: linear-gradient(#0d0b02, #0000 25%, #02020200 75%, #0d0b02);
}
.hero-description {
margin-top: 0;
font-size: 2.35vw;
}
.hero-contact-link {
font-size: calc(.85vw + .75rem);
}
.u-container {
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
.hero-contact-info-wrapper {
margin-top: 2rem;
}
.section-100, .section-101 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.label {
width: 100%;
margin-bottom: 1rem;
margin-left: 0;
}
.label-heading {
font-size: calc(.5vw + .75rem);
}
.u-section-2 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.div-block-397.flip {
border-radius: 20px;
}
.title-wrapper-sticky {
position: relative;
top: 0;
}
.no {
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
.no.intro-container {
width: 100%;
min-width: auto;
padding-left: 4rem;
padding-right: 4rem;
}
.intro-text-white {
font-size: 2.25em;
}
.u-section, .section-102 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.container-3 {
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
.section-103 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.project-heading {
font-size: calc(1vw + 1.25rem);
}
.container-4 {
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
.grid---ratio-1x2 {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-columns: 8fr;
}
.project-grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.paragraph-18 {
font-size: 1.1em;
}
.project-image-wrapper {
margin-top: 0;
margin-bottom: 0;
}
.project-text-wrapper {
margin-top: 1.25rem;
}
.section-104 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.container-5 {
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
.section-105 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.container-6 {
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
.section-106 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.container-7 {
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
.container-7.intro-container {
width: 100%;
min-width: auto;
padding-left: 4rem;
padding-right: 4rem;
}
.section-107 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.container-8 {
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
.section-108 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.container-9, .container-10 {
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
.section-109 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.container-11 {
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
.container-11.intro-container {
width: 100%;
min-width: auto;
padding-left: 4rem;
padding-right: 4rem;
}
.section-110 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.container-12 {
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
.container-12.intro-container {
width: 100%;
min-width: auto;
padding-left: 4rem;
padding-right: 4rem;
}
}
@media screen and (max-width: 767px) {
.footer, .section-16 {
display: none;
}
.gallery-overview, .gallery-scroll {
padding: 60px 15px;
}
.hero-top-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.hero-heading {
z-index: 2;
}
.hero-description {
text-align: center;
font-size: 1.25rem;
}
.hero-contact-link {
font-size: calc(.85vw + .85rem);
}
.u-container {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.hero-description-wrapper {
width: 100%;
}
.hero-contact-info-wrapper {
margin-top: 1.5rem;
}
.hero-background {
display: none;
}
.hero-background.background-mobile {
display: block;
}
.label {
margin-left: 0;
}
.no {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.no.intro-container {
padding-left: 2rem;
padding-right: 2rem;
}
.intro-text-white {
font-size: 2em;
}
.container-3 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.project-heading {
font-size: calc(1vw + 1.5rem);
}
.project-link-wrapper.project-even {
bottom: auto;
}
.container-4 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.project-grid {
grid-template-columns: 1fr;
}
.container-5, .container-6, .container-7 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.container-7.intro-container {
padding-left: 2rem;
padding-right: 2rem;
}
.container-8, .container-9, .container-10, .container-11 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.container-11.intro-container {
padding-left: 2rem;
padding-right: 2rem;
}
.container-12 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.container-12.intro-container {
padding-left: 2rem;
padding-right: 2rem;
}
.container-16.mobile-landscaoe {
flex-flow: row;
height: auto;
padding-top: 10vh;
padding-bottom: 10vh;
display: flex;
}
.home-header-intro, .larger-margin-section, .moblie-intro {
display: none;
}
.entry-subtitle-copy.small {
font-size: 2vh;
}
.larger-margin-section-mobile {
display: none;
position: static;
}
.v4-absolute-mobile {
justify-content: flex-end;
align-items: flex-start;
padding: 5%;
}
.project-tile-mobile {
aspect-ratio: 4 / 3;
position: relative;
}
.larger-margin-section-mobile-landscape {
padding-bottom: 10vh;
display: block;
position: relative;
}
.section-121-landscaoe {
display: block;
}
.larger-margin-section-mobile-copy {
display: block;
position: static;
}
.grid-v4-mobile-landscape {
grid-template-rows: auto auto auto;
place-items: stretch stretch;
}
.mobile-circle-landscape {
width: 30vw;
}
}
@media screen and (max-width: 479px) {
.text-block-4 {
font-size: 250%;
}
.project-hero-image.glide {
background-position: 50%;
background-size: cover;
}
.project-hero-image.vera {
background-position: 40%;
background-size: cover;
}
.project-hero-image.chow {
background-position: 80%;
}
.project-hero-image.pivot {
background-position: 95% 75%;
background-size: cover;
}
.project-hero-image.sweep {
background-position: 65% 100%;
}
.div-block-11 {
grid-column-gap: 1vh;
grid-row-gap: 1vh;
width: auto;
margin-left: 0;
}
.project-brief-old {
height: auto;
}
.image-and-text {
margin-bottom: 15vh;
}
.div-block-16 {
width: 80vw;
height: 50vh;
}
.large-caption {
font-size: 18px;
line-height: 120%;
}
.large-caption.left {
text-align: left;
width: 80vw;
}
.large-caption.left.moved-around.bigger {
text-align: center;
width: 85vw;
font-size: 18px;
}
.large-caption.left.no-width {
text-align: center;
width: 85vw;
}
.large-caption.left.no-width.left-on-mobile {
text-align: left;
width: auto;
}
.large-caption.space-under {
margin-bottom: 4vh;
}
.large-caption.more {
font-size: 12px;
}
.large-caption.more.hidden-on-mobile {
display: none;
}
.large-caption.left-copy {
text-align: left;
width: 80vw;
}
.large-caption.left-copy.moved-around.bigger {
text-align: center;
width: 85vw;
font-size: 18px;
}
.large-caption.left-copy.no-width {
text-align: center;
width: 85vw;
}
.large-caption.left-copy.no-width.left-on-mobile {
text-align: left;
width: auto;
}
.small-caption {
width: 80vw;
font-size: 14px;
line-height: 125%;
}
.small-caption.left {
text-align: left;
width: 85vw;
padding-left: 0;
font-family: proxima-nova, sans-serif;
font-size: 15px;
}
.small-caption.left.wider, .small-caption.left.wider.mobile {
width: 90vw;
margin-right: 0;
}
.small-caption.left.center {
text-align: left;
}
.small-caption.left.center.large {
font-size: 18px;
}
.small-caption.left.small {
width: 80vw;
}
.small-caption.left.pushed-over {
padding-left: 7.5vw;
}
.small-caption.left.pushed-left.bold {
text-align: left;
}
.small-caption.left.smaller-text {
text-align: left;
font-size: 18px;
}
.small-caption.left.center-on-mobile {
text-align: center;
}
.small-caption.left.no-width {
width: auto;
}
.large-image {
width: 85vw;
height: 35vh;
}
.large-image._1 {
width: 80vw;
height: 35vh;
}
.icons-and-text.squished {
flex-direction: column;
}
.div-block-18 {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: row;
justify-content: center;
align-items: center;
width: 90vw;
display: flex;
}
.div-block-18.vert {
flex-direction: column;
}
.div-block-18.bigger {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
width: 85vw;
}
.icon.one, .icon.two {
width: 25vw;
}
.icon.three {
width: 30vw;
}
.icon._4 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/658c80d923ee3a39818bffcb_Asset%2041.png");
background-size: auto 75%;
width: 30vw;
}
.icon._5 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/658c80d986303d8f3aec8415_Asset%2040.png");
width: 60vw;
}
.icon._6 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/658c80d9c7d6a88a8264ac2d_Asset%2039.png");
width: 40vw;
}
.icon._13 {
aspect-ratio: 1;
height: 85vw;
margin-top: 1vh;
}
.icon._14, .icon._15 {
aspect-ratio: 1;
height: 85vw;
margin-top: 5vh;
}
.icon-title {
font-size: 10px;
line-height: 120%;
}
.center-text {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-24 {
width: 90vw;
}
.transdermal {
background-size: contain;
width: 90vw;
height: 35vh;
}
.transdermal._5 {
width: 90vw;
height: 35vh;
}
.div-block-46 {
width: 80vw;
height: 50vh;
}
.div-block-47 {
width: 80vw;
}
.insights {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 10vh;
}
.design-goal-div {
grid-column-gap: 25px;
grid-row-gap: 25px;
background-color: #dadada00;
height: 25vh;
margin-bottom: 10vh;
}
.design-goal-text {
text-align: center;
font-size: 15px;
line-height: 120%;
}
.icon-caption {
text-align: left;
margin-top: 0;
font-family: proxima-nova, sans-serif;
font-size: 15px;
font-weight: 300;
}
.icon-caption.chow {
text-align: left;
}
.icon-caption.less-gap-above {
flex: 0 auto;
margin-top: 0;
margin-bottom: 2vh;
}
.icon-caption.hidden-on-mobile, .icon-caption.hidden-on-computer {
display: none;
}
.icon-caption.hidden-on-computer-actual {
display: block;
}
.div-block-48 {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 80vw;
height: auto;
}
.div-block-48._5 {
flex-direction: column;
justify-content: center;
align-items: center;
}
.image-and-text-on-bar {
background-color: #dadada00;
flex-direction: column;
margin-top: 5vh;
}
.image-and-text-on-bar.chow {
flex-direction: column;
}
.image-and-text-on-bar.chow.mobile-1 {
flex-direction: column-reverse;
}
.div-block-50 {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/657fd3417546e59809611d0a_GoggleFinal.65.jpg");
background-position: 50%;
background-size: cover;
height: 100vh;
}
.div-block-50.vera {
background-image: url("https://cdn.prod.website-files.com/643870d75edcbd2aab58632d/648117c54c8aa83e0b40efc5_VERA%20triple%20full%20.110.png"), linear-gradient(#dbdbdb, #dbdbdb);
background-position: 65%, 0 0;
background-repeat: no-repeat, repeat;
background-size: auto 60vh, auto;
background-attachment: fixed, scroll;
}
.div-block-50.chow {
background-position: 75%;
}
.div-block-50.pivot {
background-position: 35%;
}
.swipe-up-final-design-section {
height: 100vh;
}
.swipe-up-final-design-section.chow {
margin-bottom: 5vh;
}
.small-vid-section {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
}
.div-block-52, .div-block-53 {
width: 80vw;
}
.background-video-2 {
width: 80vw;
height: 53.33vw;
}
.lottie-animation {
background-image: linear-gradient(#dbdbdb, #dbdbdb);
height: 60vh;
}
.div-block-58, .exploded._1, .exploded._2, .exploded._3, .exploded._4 {
height: 30vh;
}
.section-2 {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
flex-direction: column;
padding-bottom: 10vh;
}
.section-4 {
padding-top: 5vh;
padding-bottom: 5vh;
}
.div-block-68 {
width: 100vw;
height: 80vw;
}
.div-block-69, .div-block-70 {
background-size: cover;
width: 100vw;
height: 80vw;
}
.div-block-71 {
width: 100vw;
height: 50vh;
}
.terra-sullivan.glide {
font-size: 20px;
}
.div-block-88 {
background-position: 60%;
background-size: cover;
height: 65vh;
min-height: auto;
}
.mask {
height: 65vh;
}
.slide-nav-2 {
bottom: 8vh;
}
.div-block-89 {
height: 65vh;
}
.slider {
height: 65vh;
margin-top: -10vh;
}
.div-block-90, .div-block-91, .nohoverdiv {
height: 65vh;
}
.computer-nav {
display: none;
}
.slide-12 {
height: auto;
}
.mainimagecarousel {
height: 65vh;
}
.div-block-92 {
height: 25vh;
}
.text-block-19 {
font-size: 17px;
}
.heading-menu-text.glide {
font-size: 10px;
}
.text-block-20 {
text-align: center;
width: 90vw;
font-size: 17px;
line-height: 22px;
}
.grid {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
grid-template-rows: 85vw 85vw 85vw 85vw 85vw 85vw;
grid-template-columns: 85vw;
}
.text-block-21 {
font-size: 25px;
}
.text-block-22 {
font-size: 15px;
}
.homepage-grid-image.vera, .homepage-grid-image.steamdeck, .homepage-grid-image.sweep, .homepage-grid-image.pivot, .homepage-grid-image.chow, .homepage-grid-image.glide {
width: 85vw;
height: 85vw;
}
.homepage-grid-image.new-size.chow {
background-size: cover;
width: 85vw;
height: 65vw;
}
.homepage-grid-image.new-size.glide, .homepage-grid-image.new-size.vera, .homepage-grid-image.new-size.steamdeck, .homepage-grid-image.new-size.pivot, .homepage-grid-image.new-size.sweep {
height: 65vw;
}
.homepage-grid-text {
width: 85vw;
height: 85vw;
}
.homepage-grid-text.new-size {
background-image: linear-gradient(#0000004a, #0000004a);
width: 85vw;
height: 65vw;
}
.link-block-3 {
width: 85vw;
height: 85vw;
}
.div-block-97.vera {
position: absolute;
left: 7vw;
right: 5vw;
}
.div-block-97.chow {
left: 7vw;
right: 5vw;
}
.main-title-text {
font-size: 8vh;
}
.sub-title-test {
line-height: 120%;
}
.text-block-25 {
color: #000;
font-size: 15px;
}
.text-block-25.right {
text-align: left;
}
.project-brief-subtitles {
color: #000;
font-size: 12px;
}
.div-block-100 {
background-position: 50% 80%;
background-size: 225%;
}
.text-block-27 {
text-align: center;
width: 90vw;
font-size: 18px;
line-height: 120%;
}
.text-block-27.center {
font-size: 20px;
}
.div-block-102 {
z-index: 1;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
width: 100vw;
height: 60vh;
display: flex;
position: absolute;
top: auto;
left: auto;
}
.text-block-28 {
padding-bottom: 1vh;
padding-right: 1vh;
font-size: 12px;
}
.text-block-29 {
font-family: proxima-nova, sans-serif;
font-size: 18px;
font-weight: 700;
}
.text-block-29.left {
text-align: center;
margin-left: 0;
}
.div-block-103 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
}
.project-brief-statement {
width: auto;
max-width: none;
font-size: 18px;
line-height: 120%;
}
.div-block-104 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 90vw;
margin-bottom: 15vh;
}
.div-block-104.sweep {
margin-top: 10vh;
margin-bottom: 10vh;
}
.project-brief-right {
grid-column-gap: 1vh;
grid-row-gap: 1vh;
justify-content: space-between;
align-items: flex-end;
margin-left: 0;
}
.about-section {
grid-column-gap: 5vh;
grid-row-gap: 5vh;
flex-direction: column;
height: auto;
padding-top: 5vh;
padding-bottom: 10vh;
}
.div-block-106 {
background-position: 50% 20%;
background-repeat: no-repeat;
background-size: 150%;
width: 90vw;
height: 45vh;
}
.div-block-107 {
width: 85vw;
}
.text-block-31 {
font-size: 30px;
}
.footer {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-bottom: 5vh;
display: none;
}
.text-block-34 {
font-size: 20px;
}
.div-block-110 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.div-block-112 {
width: 90vw;
height: auto;
margin-top: 3vh;
}
.div-block-113, .div-block-114 {
display: none;
}
.div-block-114.linked-in, .div-block-114.mobile {
display: block;
}
.div-block-115 {
flex-direction: column;
}
.div-block-116 {
display: block;
}
.sub-sub-title-text {
font-weight: 300;
line-height: 120%;
}
.div-block-117 {
aspect-ratio: 5 / 4;
width: 100vw;
height: auto;
}
.text-block-38 {
flex-direction: row;
justify-content: center;
align-items: center;
width: 80vw;
font-size: 15px;
line-height: 120%;
display: block;
}
.section-8 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 10vh;
display: flex;
}
.div-block-119 {
width: 80vw;
height: 30vh;
}
.div-block-120 {
display: none;
}
.div-block-121 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 80vw;
}
.section-9 {
grid-column-gap: 0vw;
grid-row-gap: 0vw;
flex-direction: column;
margin-top: 100vh;
}
.div-block-122 {
width: 80vw;
height: 30vh;
margin-top: 2vh;
margin-bottom: 2vh;
}
.div-block-122.hidden-on-computer {
display: block;
}
.div-block-122.hidden-on-mobile {
display: none;
}
.div-block-123 {
width: 80vw;
padding-bottom: 0;
}
.div-block-125 {
padding-top: 0;
}
.div-block-126 {
justify-content: space-between;
align-items: center;
display: flex;
}
.mobile-nav {
background-color: #ddd0;
height: 10vh;
display: block;
}
.icon-2 {
color: #afafaf;
}
.icon-2.dark {
color: var(--black);
}
.icon-2.white {
color: #fff;
-webkit-text-stroke-color: #fff;
}
.div-block-127 {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: none;
}
.nav-menu {
display: block;
}
.nav-link-4 {
color: #333;
font-family: proxima-nova, sans-serif;
font-size: 18px;
font-weight: 500;
text-decoration: none;
}
.nav-link-4.w--current {
font-family: Lato, sans-serif;
}
.nav-link-5, .nav-link-6 {
font-family: proxima-nova, sans-serif;
font-size: 18px;
font-weight: 500;
text-decoration: none;
}
.nav-menu-2 {
background-color: var(--white);
height: 25vh;
display: none;
}
.div-block-128 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.bold-text {
width: 90vw;
font-size: 18px;
}
.div-block-129 {
background-size: auto 38vh;
width: 80vw;
height: 35vh;
margin-left: 0;
}
.div-block-129.hidden-on-mobile {
display: none;
}
.div-block-129.hidden-on-laptop {
display: block;
}
.text-block-39 {
text-align: center;
width: 90vw;
font-family: proxima-nova, sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 120%;
}
.section-11 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: auto;
}
.div-block-130 {
grid-column-gap: 0vh;
grid-row-gap: 0vh;
width: 80vw;
}
.section-13 {
height: 30vh;
}
.div-block-132.hidden-on-mobile {
display: none;
}
.div-block-132.hidden-on-computer {
background-size: 75vw;
width: auto;
height: 30vh;
display: block;
}
.div-block-133.hidden-on-computer {
width: auto;
height: 30vh;
display: block;
}
.div-block-133.hidden-on-mobile {
display: none;
}
.section-14 {
height: 50vw;
}
.section-16, .back-to-top.left {
display: none;
}
.div-block-134 {
background-position: 48%;
background-size: auto 60vh;
height: 60vh;
}
.div-block-134._2 {
background-position: 48% 0;
}
.div-block-135 {
background-repeat: no-repeat;
background-size: auto 40vh;
height: 40vh;
}
.section-18 {
flex-direction: column;
}
.div-block-136._1 {
width: 80vw;
height: 65vw;
}
.div-block-136._2 {
background-size: 79vw;
width: 80vw;
height: 40vw;
}
.div-block-136._3 {
width: 80vw;
height: 65vw;
}
.div-block-140 {
background-size: cover;
height: 50vh;
}
.div-block-140._2 {
background-position: 50% 100%;
background-size: 150vw;
}
.div-block-143 {
width: 80vw;
}
.div-block-144, .div-block-145, .div-block-146 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-147, .div-block-148 {
width: 85vw;
}
.div-block-149.less-gap {
flex-direction: column;
justify-content: center;
align-items: center;
}
.div-block-151 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 0;
display: flex;
}
.div-block-152 {
padding-top: 0;
}
.div-block-154 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section-22 {
flex-direction: column;
}
.div-block-155 {
aspect-ratio: 3 / 2;
width: 85vw;
height: auto;
}
.div-block-156 {
grid-column-gap: 2vh;
grid-row-gap: 2vh;
flex-direction: column;
justify-content: center;
align-items: center;
width: 85vw;
height: auto;
}
.link-block-9 {
text-decoration: none;
}
.div-block-163 {
aspect-ratio: 2.39;
height: auto;
margin-bottom: 10vh;
}
.div-block-163._1 {
aspect-ratio: 1;
background-position: 60%;
background-size: 125vw;
margin-top: 1vh;
}
.div-block-164._1 {
aspect-ratio: 2 / 3;
width: 100%;
height: auto;
}
.div-block-164._2 {
background-position: 25% 70%;
background-size: auto 100vw;
height: 100%;
}
.div-block-164._3 {
aspect-ratio: 2 / 3;
height: auto;
display: none;
}
.div-block-164._4 {
aspect-ratio: 2 / 3;
height: auto;
}
.div-block-164._5 {
order: 1;
height: 100%;
}
.div-block-168 {
flex-direction: column;
align-items: center;
}
.div-block-169 {
aspect-ratio: 3 / 2;
width: 85vw;
height: auto;
}
.div-block-170 {
aspect-ratio: 5 / 4;
background-position: 100%;
background-size: 120%;
height: auto;
position: static;
}
.section-27 {
height: auto;
margin-top: 5vh;
}
.div-block-177 {
aspect-ratio: 16 / 9;
background-position: 85% 70%;
background-size: 105vw;
width: 100vw;
height: auto;
}
.div-block-180 {
z-index: 1;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
width: 100vw;
height: 60vh;
display: flex;
position: absolute;
top: auto;
left: auto;
}
.div-block-181 {
background-position: 50% 80%;
background-size: 225%;
}
.text-block-41 {
text-align: center;
width: 90vw;
font-size: 18px;
line-height: 120%;
}
.section-32 {
flex-direction: column;
margin-bottom: 5vh;
}
.div-block-183._2 {
width: 85vw;
}
.div-block-189 {
background-position: 52% 30%;
height: 75vh;
}
.section-33 {
flex-direction: column;
align-items: center;
}
.div-block-194 {
background-size: 125vw;
width: 85vw;
height: 40vw;
}
.div-block-194._2 {
aspect-ratio: 1;
background-position: 49% 51%;
background-size: 300vw;
width: 85vw;
height: auto;
}
.div-block-195 {
aspect-ratio: 1;
width: 85vw;
}
.div-block-202 {
aspect-ratio: 5 / 4;
background-position: 80%;
width: 100%;
margin-bottom: 2vh;
}
.quick-stack.mobile {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.section-39 {
padding-left: 0;
padding-right: 0;
}
.section-40 {
margin-bottom: 5vh;
}
.cell-4.hidden {
display: none;
}
.section-41 {
padding-left: 7.5vw;
}
.div-block-203 {
aspect-ratio: auto;
background-position: 95% 100%;
background-size: 135vw;
width: 85vw;
height: 115vw;
}
.section-43 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.div-block-204 {
aspect-ratio: auto;
background-position: 90% 100%;
background-repeat: no-repeat;
background-size: 160vw;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 85vw;
height: 115vw;
display: flex;
}
.section-44 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.div-block-206 {
aspect-ratio: 3 / 2;
}
.div-block-207 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-207.hidden-on-mobile {
display: none;
}
.div-block-207.hidden-on-computer {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 2vh;
display: flex;
}
.div-block-208 {
width: 85vw;
}
.section-45 {
flex-direction: column;
}
.div-block-209 {
background-position: 75% 100%;
height: 50vh;
}
.section-46 {
margin-bottom: 5vh;
}
.text-block-44 {
font-size: 25px;
}
.text-block-44.more {
font-size: 30px;
}
.div-block-210 {
padding-right: 10vw;
}
.section-47 {
margin-top: 5vh;
display: none;
}
.text-block-45 {
font-size: 20px;
}
.text-block-45.more {
font-size: 18px;
}
.section-48 {
display: none;
}
.div-block-212 {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
grid-template-rows: 65vw 65vw 65vw 65vw 65vw 65vw;
grid-template-columns: 85vw;
}
.section-49 {
margin-top: 5vh;
}
.cell-5 {
background-size: 160vw;
}
.cell-6 {
background-position: 57% 40%;
background-size: 160vw;
}
.div-block-214 {
width: 100vw;
}
.quick-stack-5 {
grid-column-gap: 0px;
}
.cell-14 {
flex-direction: column;
justify-content: center;
align-items: flex-end;
}
.quick-stack-7 {
grid-column-gap: 5px;
grid-row-gap: 5px;
padding-left: 5vw;
padding-right: 5vw;
}
.div-block-251 {
aspect-ratio: 3 / 2;
width: 85vw;
height: auto;
}
.quick-stack-9 {
grid-column-gap: 5px;
grid-row-gap: 5px;
padding-left: 8vw;
padding-right: 8vw;
}
.div-block-257 {
width: 84vw;
}
.quick-stack-10 {
grid-column-gap: 5px;
grid-row-gap: 5px;
margin-bottom: 0;
padding: 5px 8vw 0;
}
.quick-stack-11 {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.menu-button {
background-color: #fff0;
}
.menu-button.w--open {
background-color: #fff;
}
.div-block-260 {
padding-left: 7.5vw;
}
.cell-19 {
display: none;
}
.div-block-261 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-262, .div-block-262._1, .div-block-262._2 {
background-size: 150vw;
width: 85vw;
height: auto;
}
.div-block-263 {
background-size: 185vw;
width: 85vw;
height: 85vw;
}
.div-block-264 {
height: 60vw;
}
.cell-20, .cell-21 {
display: none;
}
.div-block-265 {
width: 12vw;
}
.section-61 {
flex-direction: column-reverse;
}
.text-block-47 {
font-size: 35px;
}
.div-block-266 {
padding-left: 5vw;
padding-right: 1vw;
}
.resume-section-header {
font-size: 15px;
}
.text-block-48 {
font-size: 18px;
}
.text-block-49, .text-block-50 {
font-size: 15px;
}
.text-block-51 {
font-size: 14px;
}
.quick-stack-13 {
grid-column-gap: 0px;
}
.div-block-268 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 0;
padding-left: 5vw;
}
.resume-list {
text-align: left;
font-size: 15px;
}
.resume-list.hidden-on-mobile {
display: none;
}
.div-block-269 {
grid-column-gap: 10vw;
grid-row-gap: 10vw;
padding-left: 20px;
display: flex;
}
.container-2 {
max-width: none;
}
.gallery-wrapper {
grid-template-columns: 1fr;
}
.hero-top-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: space-between;
align-items: center;
}
.hero-heading {
font-size: 15vw;
}
.section.section-hero {
padding-top: 4rem;
}
.hero-description {
font-size: 1.1rem;
line-height: 1.4em;
}
.u-container {
flex-wrap: nowrap;
}
.hero-background {
opacity: .8;
}
.no {
flex-wrap: nowrap;
}
.no.intro-container {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.intro-text-white {
font-size: 1.8em;
}
.container-3, .container-4, .container-5, .container-6, .container-7 {
flex-wrap: nowrap;
}
.container-7.intro-container {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.container-8, .container-9, .container-10, .container-11 {
flex-wrap: nowrap;
}
.container-11.intro-container {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.container-12 {
flex-wrap: nowrap;
}
.container-12.intro-container {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.container-16.mobile, .container-16.mobile-landscaoe {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: auto;
padding-bottom: 4vh;
}
.section-115, .section-116 {
display: none;
}
.homepage-project-arrow.white {
width: 10%;
}
.home-intro, .larger-margin-section {
display: none;
}
.moblie-intro {
display: block;
}
.mobile-circle {
width: 75vw;
}
.home-intro-text-copy.mobile {
text-align: center;
margin-top: 4vh;
margin-bottom: 0;
}
.entry-subtitle-copy {
text-align: center;
}
.entry-subtitle-copy.small {
text-align: center;
width: 76.6549%;
font-size: 2vh;
}
.larger-margin-section-mobile {
padding-bottom: 10vh;
display: block;
position: static;
}
.grid-v4-mobile {
grid-template-columns: 1fr;
}
.v4-absolute-mobile {
background-color: #00000059;
justify-content: flex-end;
align-items: flex-start;
padding: 5%;
}
.project-tile-mobile {
aspect-ratio: 4 / 3;
position: relative;
overflow: hidden;
}
.larger-margin-section-mobile-landscape {
padding-bottom: 10vh;
display: none;
}
.section-121-landscaoe {
display: none;
}
.larger-margin-section-mobile-copy {
padding-bottom: 10vh;
display: block;
position: static;
}
.grid-v4-mobile-landscape {
grid-template-columns: 1fr;
}
.mobile-circle-landscape {
width: 75vw;
}
.div-block-53-copy {
width: 80vw;
}
.div-block-71-copy {
width: 100vw;
height: 50vh;
}
.div-block-106-copy {
background-position: 50% 20%;
background-repeat: no-repeat;
background-size: 150%;
width: 90vw;
height: 45vh;
}
.blog-intro {
display: none;
}
.footer-menu-div {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
}
#w-node-_73d0b1e6-7e84-6d1d-83d5-59f62caf81a0-1258632e {
grid-area: Area;
}
#w-node-_4e261eea-4b3c-b15c-9f5d-6d5f294e9732-264138e4, #w-node-bdbf8c46-1b98-e896-3490-86ba6d3a7dee-264138e4, #w-node-f225acae-2646-37e8-29bc-1044f7651aee-264138e4, #w-node-_4c8ba50e-ae01-076b-5809-e58a7f9960e0-264138e4, #w-node-_75bc8afd-eea1-48c8-584e-356a64025824-264138e4, #w-node-_758699df-adb7-e0a2-244f-43a8722f690e-264138e4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2af310c6-fa36-d34d-2d04-6d2d2369550e-e0af2a55 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-c4a06a44-ec6a-da33-b3e4-f6571034e591-e0af2a55 {
grid-row: span 2 / span 2;
}
#w-node-_3cd551db-8729-91dc-1ebb-1cf171b13880-e0af2a55 {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-a308a5d1-a468-fb0f-c9f0-bf95fbcfe211-e0af2a55 {
grid-row: span 2 / span 2;
}
#w-node-_363ade12-fbec-1819-eff4-5dd7a47b31f4-5a0087be {
grid-area: Area;
}
#w-node-bc2795f2-f6f3-a4ba-6ce5-a0f75ecda740-5a0087be, #w-node-c442c828-7d5b-2f8f-0c73-8c0fd4eda7d9-5a0087be, #w-node-_22008121-a1c3-ea38-3086-e7384b9f012a-5a0087be, #w-node-d620d1fd-30fd-1d05-4a25-738ea2f636d2-5a0087be, #w-node-_9ad96c59-db67-fd05-5c3d-a55517c4da42-5a0087be, #w-node-ce723a60-d9b1-f3a3-32d2-730f47fddda9-5a0087be, #w-node-_4ff6fb04-e6e9-8bf1-dd2a-028f6e2a16f6-5a0087be, #w-node-ecd00fa8-4366-73e5-2730-d074ee67e36e-5a0087be, #w-node-efee8a0f-173a-fb0e-8c6a-7e299c268f70-5a0087be {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: stretch stretch;
}
#w-node-_73d0b1e6-7e84-6d1d-83d5-59f62caf81a0-6bcc399b {
grid-area: Area;
}
#w-node-_6431e35d-78b9-4e5c-59c9-f51f7f1429fa-6bcc399b {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_64017914-efb6-440c-9ca2-7b776e5c0b91-6bcc399b {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
#w-node-_4e261eea-4b3c-b15c-9f5d-6d5f294e9732-503fc1bc, #w-node-bdbf8c46-1b98-e896-3490-86ba6d3a7dee-503fc1bc, #w-node-f225acae-2646-37e8-29bc-1044f7651aee-503fc1bc, #w-node-_4c8ba50e-ae01-076b-5809-e58a7f9960e0-503fc1bc, #w-node-_75bc8afd-eea1-48c8-584e-356a64025824-503fc1bc, #w-node-_758699df-adb7-e0a2-244f-43a8722f690e-503fc1bc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bc2795f2-f6f3-a4ba-6ce5-a0f75ecda740-a0b2e2d9, #w-node-c442c828-7d5b-2f8f-0c73-8c0fd4eda7d9-a0b2e2d9, #w-node-_22008121-a1c3-ea38-3086-e7384b9f012a-a0b2e2d9, #w-node-d620d1fd-30fd-1d05-4a25-738ea2f636d2-a0b2e2d9, #w-node-_9ad96c59-db67-fd05-5c3d-a55517c4da42-a0b2e2d9, #w-node-ce723a60-d9b1-f3a3-32d2-730f47fddda9-a0b2e2d9, #w-node-_4ff6fb04-e6e9-8bf1-dd2a-028f6e2a16f6-a0b2e2d9, #w-node-ecd00fa8-4366-73e5-2730-d074ee67e36e-a0b2e2d9, #w-node-efee8a0f-173a-fb0e-8c6a-7e299c268f70-a0b2e2d9 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: stretch stretch;
}
#w-node-_3d4c21b7-ccb2-732b-2e19-208d64113b84-b5b778a6 {
grid-template-rows: 22vw auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_4760d59e-2598-1e6e-9d2f-d8be1addc209-b5b778a6 {
grid-template-rows: 40vw;
grid-template-columns: 40vw 40vw;
}
#w-node-_050d3379-2a86-0882-eb88-3a4320c54a8f-b5b778a6 {
grid-template-rows: 35vw 35vw 35vw;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_7150fc9b-40e5-4454-f6e5-c3765f182c8e-b5b778a6, #w-node-c571e98b-7d54-6deb-96a8-14b94c7d1cb1-b5b778a6, #w-node-_9f53fae9-694b-dd04-7cbd-dec6a98f4732-b5b778a6 {
grid-column: span 2 / span 2;
}
#w-node-_74ec6978-ddbc-894c-dac4-3b6f3181cc18-e46353ee {
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
#w-node-_2689bae4-162a-670e-2388-276f143723a2-e46353ee {
grid-column: span 6 / span 6;
}
#w-node-_74ec6978-ddbc-894c-dac4-3b6f3181cc19-e46353ee, #w-node-_5516e7f1-2c2e-05d0-053e-af47adabd140-e46353ee, #w-node-_5dc2676a-0e41-3e3f-0cb9-f77bafce4579-e46353ee {
grid-column: span 2 / span 2;
}
#w-node-d1b1f08b-461e-6bc5-2d98-d7c940f388bd-e46353ee {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-_2cd9e6a9-1d94-f3a9-2e35-42a55f53e05e-e46353ee {
grid-column: span 4 / span 4;
}
#w-node-f7da40d1-b03f-43d0-e368-4a7d5b442da7-e46353ee {
grid-column: span 3 / span 3;
}
#w-node-_724041b8-5f5e-22b7-c80d-0f496336fdad-e46353ee {
grid-column: span 4 / span 4;
}
#w-node-_7b4df3a7-831b-7fd4-9cfe-e979f6fe8a19-e46353ee {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-add8b05f-8c3a-3349-6961-0232108fe7f6-e46353ee {
grid-column: span 4 / span 4;
}
#w-node-e47e8bdc-5c30-8e27-cc27-972f19457d85-e46353ee, #w-node-_26ab6b8c-8804-1aef-cf82-74058f932ef5-e46353ee {
grid-column: span 3 / span 3;
}
#w-node-_4e04c5ee-9497-200a-09f4-a61dfc83b26d-e46353ee {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
#w-node-_0d83ec85-9036-fd94-95b3-96ea2c8e8adb-e46353ee {
grid-column: span 6 / span 6;
}
#w-node-_58e3551d-2545-ee1b-b0fb-dab6983b15c2-e46353ee {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-_38a57831-1f0d-f9fb-c4b9-72d240c30872-e46353ee {
grid-area: span 2 / span 4 / span 2 / span 4;
}
#w-node-f6ee9327-b13d-0842-7119-6361b6bc01c5-e46353ee {
grid-column: span 4 / span 4;
}
#w-node-_0251e79b-de18-c969-5f3a-dacb0de0d64f-e46353ee {
grid-column: span 2 / span 2;
}
#w-node-d72dadd0-14c7-7dde-df70-42b1b9c62f92-e46353ee, #w-node-_7db10fa7-074f-9a8c-3029-495a3205acf5-e46353ee {
grid-column: span 3 / span 3;
}
#w-node-d249fdc6-b5fd-6231-9258-672ae73d00fa-e46353ee {
grid-column: span 6 / span 6;
}
#w-node-_8a37f46c-5819-ea66-2b5c-d708ab9aeece-e46353ee {
grid-column: span 2 / span 2;
}
#w-node-ccded247-f14d-4306-9f67-bdba0124d45d-e46353ee, #w-node-_0c8e65cd-f096-d8a0-1e17-39f0cc14e8d6-e46353ee {
grid-column: span 4 / span 4;
}
#w-node-b8c4f6d2-d08c-0408-cc38-36012d2f654a-e46353ee {
grid-column: span 2 / span 2;
}
#w-node-_76e4a8e3-8e37-58c0-9806-2b669760c436-e46353ee, #w-node-a92d8927-f3bc-6ece-c297-039c9a22779c-e46353ee, #w-node-_3f720987-7e57-1c87-02fe-cec3f0f54fc5-e46353ee, #w-node-ea138a37-6e8e-4117-829e-1cdd36517dd2-e46353ee, #w-node-e0fffe5a-ae51-d396-c30c-5792916b5f75-e46353ee, #w-node-b13eaefc-dc9f-f06e-1afe-5ba0ee6f3957-e46353ee {
grid-column: span 3 / span 3;
}
#w-node-e43ee39d-2c2d-8957-c88a-967ff19ba3f2-e46353ee {
grid-column: span 6 / span 6;
}
#w-node-_204fa2f5-cddf-b8a4-44da-dbe0cd87ea4c-95cb6586 {
grid-template-rows: auto;
grid-template-columns: auto 1fr;
}
#w-node-_3a290878-b967-e2db-9771-fe9f4e09c454-95cb6586 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_15c6decc-f817-7f21-0544-b2f3b8442383-95cb6586 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
#w-node-_2a5fd5d6-431e-210b-2fff-9850a1a94823-95cb6586 {
grid-column: span 2 / span 2;
}
#w-node-_023f0881-a207-136b-077f-784e2dd20db3-95cb6586, #w-node-_676e0d6d-1f67-095e-f324-73c06fa67e4f-95cb6586 {
grid-column: span 4 / span 4;
}
#w-node-e6e7b1d3-05ac-ded4-28d7-9317fd60a248-95cb6586, #w-node-_00543ef8-c3ee-c492-41e0-f00dfc9cb746-95cb6586, #w-node-_386baf5f-aebf-ac19-715a-de17f1bde0ea-95cb6586, #w-node-_8b7cea76-e97e-7361-1b6a-c91b221f9fd9-95cb6586 {
grid-column: span 2 / span 2;
}
#w-node-b2318b9d-6e7a-b93a-dd3e-0667a4517309-95cb6586 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
#w-node-_285b31de-ded7-a333-9779-7068c87ae49a-95cb6586, #w-node-_8ffa1f68-52c2-ff5a-170c-3913f2ede983-95cb6586 {
grid-column: span 4 / span 4;
}
#w-node-_57da891a-992e-74c3-f72f-df03adfdab18-95cb6586 {
grid-column: span 8 / span 8;
}
#w-node-_54a7d822-6e7b-a48f-36fd-7d716810860c-b70fb4a2 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-bd631903-0403-6dd8-89c4-e9cca3c12a3f-b70fb4a2, #w-node-ee32cbaa-25ac-a778-5fb3-dfeea8588ce1-b70fb4a2 {
grid-column: span 2 / span 2;
}
#w-node-_366d6ef7-baa9-9400-0811-20b7d8b28caa-b70fb4a2 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_366d6ef7-baa9-9400-0811-20b7d8b28cb7-b70fb4a2, #w-node-_366d6ef7-baa9-9400-0811-20b7d8b28cba-b70fb4a2 {
grid-column: span 2 / span 2;
}
#w-node-e028cda5-6c16-a6cd-6acc-5b2631001dca-b70fb4a2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-e028cda5-6c16-a6cd-6acc-5b2631001dd7-b70fb4a2 {
grid-column: span 2 / span 2;
}
#w-node-_09858ab7-aac3-b5ef-5a20-f13e6cb59a77-b70fb4a2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_09858ab7-aac3-b5ef-5a20-f13e6cb59a84-b70fb4a2 {
grid-column: span 2 / span 2;
}
#w-node-_84dd099a-db70-56cf-5c13-88264291b39f-c284ab4f {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-cd20d304-4b43-ff17-7e31-c32a665d80e0-c284ab4f {
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr 2fr;
}
#w-node-bda6f6f1-cdd3-d096-104d-c3a0fb8676c0-c284ab4f {
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
}
#w-node-abb149ff-45ac-e645-669d-dd55b5bd702a-c284ab4f {
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr 2fr;
}
#w-node-_78c3ecc9-d4b2-f729-7a4a-1c84a0182d4a-c284ab4f {
grid-template-rows: auto auto;
grid-template-columns: 1.5fr 1fr 1fr;
}
#w-node-db4b115a-28ba-31b5-9f54-1a96ef29e41e-c284ab4f {
grid-row: span 2 / span 2;
}
#w-node-_90da74a0-84d1-bdae-41fc-d961397c0616-c284ab4f, #w-node-c155eb05-8e5d-8c76-d74c-7cf251bda464-c284ab4f {
grid-column: span 2 / span 2;
}
#w-node-_07d0e4ee-d30f-9a59-b22a-6e821be8e66b-c284ab4f {
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
}
#w-node-b5751ef1-defb-945c-cef9-ec3c980fdd44-c284ab4f {
grid-template-rows: auto auto;
grid-template-columns: 2fr;
}
#w-node-_42f61c99-9663-8ede-5801-996e98d6229f-c284ab4f {
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
}
#w-node-e58a02b9-a8a5-5d8d-943c-bfb22f6c6e9d-c284ab4f {
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
}
#w-node-_91ce5aac-18e0-28f9-0133-db7b069813a5-c284ab4f {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
#w-node-_99031d3c-7c10-63ec-15e5-023a1dfb3fbe-c284ab4f {
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
}
#w-node-c1523056-e6f9-874b-40a2-d3232c0b8798-c284ab4f {
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
}
#w-node-a0f2af95-bc35-7ada-a18e-d9c656990590-c284ab4f {
grid-area: Area;
}
#w-node-_4e04c5ee-9497-200a-09f4-a61dfc83b26d-95d23f87 {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
#w-node-_0d83ec85-9036-fd94-95b3-96ea2c8e8adb-95d23f87 {
grid-column: span 6 / span 6;
}
#w-node-_58e3551d-2545-ee1b-b0fb-dab6983b15c2-95d23f87 {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-_38a57831-1f0d-f9fb-c4b9-72d240c30872-95d23f87 {
grid-area: span 2 / span 4 / span 2 / span 4;
}
#w-node-f6ee9327-b13d-0842-7119-6361b6bc01c5-95d23f87 {
grid-column: span 4 / span 4;
}
#w-node-_0251e79b-de18-c969-5f3a-dacb0de0d64f-95d23f87 {
grid-column: span 2 / span 2;
}
#w-node-d72dadd0-14c7-7dde-df70-42b1b9c62f92-95d23f87, #w-node-c93b4236-8e99-2169-93b1-a58c640f8e4f-95d23f87 {
grid-column: span 3 / span 3;
}
#w-node-d249fdc6-b5fd-6231-9258-672ae73d00fa-95d23f87 {
grid-column: span 6 / span 6;
}
#w-node-_8a37f46c-5819-ea66-2b5c-d708ab9aeece-95d23f87 {
grid-column: span 2 / span 2;
}
#w-node-ccded247-f14d-4306-9f67-bdba0124d45d-95d23f87, #w-node-_0c8e65cd-f096-d8a0-1e17-39f0cc14e8d6-95d23f87 {
grid-column: span 4 / span 4;
}
#w-node-b8c4f6d2-d08c-0408-cc38-36012d2f654a-95d23f87 {
grid-column: span 2 / span 2;
}
#w-node-_76e4a8e3-8e37-58c0-9806-2b669760c436-95d23f87, #w-node-a92d8927-f3bc-6ece-c297-039c9a22779c-95d23f87, #w-node-_3f720987-7e57-1c87-02fe-cec3f0f54fc5-95d23f87, #w-node-ea138a37-6e8e-4117-829e-1cdd36517dd2-95d23f87 {
grid-column: span 3 / span 3;
}
#w-node-a8f4de29-3aa8-742d-da10-60102f31e9cc-95d23f87, #w-node-_8a7e0fcc-8586-2b05-7901-80af799efc9f-95d23f87 {
grid-column: span 6 / span 6;
}
#w-node-e0fffe5a-ae51-d396-c30c-5792916b5f75-95d23f87, #w-node-b13eaefc-dc9f-f06e-1afe-5ba0ee6f3957-95d23f87 {
grid-column: span 3 / span 3;
}
#w-node-e43ee39d-2c2d-8957-c88a-967ff19ba3f2-95d23f87 {
grid-column: span 6 / span 6;
}
#w-node-_93d48814-31ad-c9f9-ea9f-e7c4374ef02d-95d23f87, #w-node-ce4c72e5-70da-7fb1-abcf-539d332aa9a4-95d23f87 {
grid-column: span 3 / span 3;
}
#w-node-bf8f5308-18f2-89ed-3122-61af9547e98d-95d23f87 {
grid-column: span 6 / span 6;
}
#w-node-_12c73cf5-2536-8d36-fbbd-0fccbcf85a7f-ed4631d0 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_12c73cf5-2536-8d36-fbbd-0fccbcf85a80-ed4631d0, #w-node-_7b8e74ff-8318-d48d-31a4-863079c92e45-ed4631d0 {
grid-column: span 2 / span 2;
}
#w-node-c69e72f0-3ca5-3e5a-f7ba-74eceb35fef5-76948942 {
grid-area: Area;
}
#w-node-d4a3eb9c-0a66-3310-44b9-b61d89d55fdc-8f05c0b2 {
grid-template-rows: 6rem auto;
grid-template-columns: 6rem 1fr;
}
#w-node-d4a3eb9c-0a66-3310-44b9-b61d89d55fe1-8f05c0b2, #w-node-d4a3eb9c-0a66-3310-44b9-b61d89d55fe4-8f05c0b2 {
grid-column: span 2 / span 2;
}
#w-node-d4a3eb9c-0a66-3310-44b9-b61d89d55fe8-8f05c0b2 {
grid-template-rows: 6rem auto;
grid-template-columns: 6rem 1fr;
}
#w-node-d4a3eb9c-0a66-3310-44b9-b61d89d55fed-8f05c0b2, #w-node-d4a3eb9c-0a66-3310-44b9-b61d89d55ff0-8f05c0b2 {
grid-column: span 2 / span 2;
}
#w-node-d4a3eb9c-0a66-3310-44b9-b61d89d55ff4-8f05c0b2 {
grid-template-rows: 6rem auto;
grid-template-columns: 6rem 1fr;
}
#w-node-d4a3eb9c-0a66-3310-44b9-b61d89d55ff9-8f05c0b2, #w-node-d4a3eb9c-0a66-3310-44b9-b61d89d55ffc-8f05c0b2 {
grid-column: span 2 / span 2;
}
#w-node-_9d5f7e8c-83a4-0730-ff29-fa047d52fa24-8f05c0b2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2f0ddfed-c06d-d88b-bd07-42d62d7ef687-8f05c0b2, #w-node-_2f0ddfed-c06d-d88b-bd07-42d62d7ef690-8f05c0b2, #w-node-_2f0ddfed-c06d-d88b-bd07-42d62d7ef699-8f05c0b2, #w-node-_2f0ddfed-c06d-d88b-bd07-42d62d7ef6a2-8f05c0b2 {
justify-self: stretch;
}
#w-node-_90eb3edd-c913-24ba-35de-b52e3414f3d5-58f42996 {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
#w-node-_6fe19d7d-098e-cc8a-c31a-4569f20e0d77-58f42996, #w-node-a2d0134c-3863-15f6-f75a-5fa3dc1be326-58f42996, #w-node-cac2aff3-0940-9ea9-9f23-a42581eacd46-58f42996 {
grid-column: span 6 / span 6;
}
#w-node-d6bba779-55ea-16b3-1521-b7b2056d4550-58f42996 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-d6bba779-55ea-16b3-1521-b7b2056d455b-58f42996 {
grid-row: span 2 / span 2;
}
#w-node-_122ba086-b5ed-88d5-a637-4aa1d0ff60bf-58f42996 {
grid-column: span 2 / span 2;
}
#w-node-_3279dc50-afcf-e509-5128-a5bdf0901ac3-58f42996 {
grid-column: span 4 / span 4;
}
#w-node-_804c92d6-32c6-3d69-9567-09ccdfb270dd-58f42996 {
grid-column: span 6 / span 6;
}
#w-node-cb894e6c-d9a0-8114-ec40-a42630b719df-58f42996 {
grid-column: span 4 / span 4;
}
#w-node-e6f9ddb8-1b51-b518-a59a-d2315ad8bd8d-58f42996 {
grid-column: span 2 / span 2;
}
#w-node-_932b6ea9-02bd-f5b3-8a31-e1f74bf38c6a-58f42996, #w-node-_354331db-9e8b-1d1a-e44e-45753ae259bf-58f42996 {
grid-column: span 3 / span 3;
}
#w-node-cdd6a5e8-2291-85cc-0991-cfa7650a20fc-58f42996 {
grid-column: span 2 / span 2;
}
#w-node-daf805f5-53ed-b72a-55d4-db68c529b83c-58f42996 {
grid-column: span 4 / span 4;
}
#w-node-_0e1eaf36-85f1-81de-ac2b-3d756e129622-58f42996, #w-node-_69a98c3a-6e5a-86b0-b057-a51260a899d5-58f42996, #w-node-c49a8c8a-9c34-069f-2820-b81980b702d8-58f42996 {
grid-column: span 2 / span 2;
}
#w-node-ce34bbe4-4aae-d558-5a0a-75e2f276f993-58f42996 {
grid-column: span 6 / span 6;
}
@media screen and (max-width: 991px) {
#w-node-_3d63f3d1-a425-d9e8-a71e-8e2e74af86ad-5a0087be, #w-node-a0f2af95-bc35-7ada-a18e-d9c656990591-c284ab4f, #w-node-c69e72f0-3ca5-3e5a-f7ba-74eceb35fef6-76948942 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-_4c8ba50e-ae01-076b-5809-e58a7f9960e0-264138e4, #w-node-_758699df-adb7-e0a2-244f-43a8722f690e-264138e4, #w-node-_363ade12-fbec-1819-eff4-5dd7a47b31e1-5a0087be {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_363ade12-fbec-1819-eff4-5dd7a47b31f4-5a0087be {
grid-area: Area;
}
#w-node-_6431e35d-78b9-4e5c-59c9-f51f7f1429fa-6bcc399b {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_2889fe72-6a3a-2aec-2d7a-33575bb53b20-6bcc399b {
order: -9999;
}
#w-node-f074afab-23a1-2b4f-6486-e4ae61bc4b86-6bcc399b {
order: 3;
}
#w-node-bbbb8010-e08c-9738-f51d-0c6e279c2a73-6bcc399b {
order: 5;
}
#w-node-_7b7d7fcd-e5a6-866e-43b3-45d443998520-6bcc399b {
order: 2;
}
#w-node-fc6494e6-b1b8-ef93-0870-3cad7df0c2ec-6bcc399b {
order: 4;
}
#w-node-_9cb86b13-01ec-48b2-33e8-713393afbb60-6bcc399b {
order: 6;
}
#w-node-_64017914-efb6-440c-9ca2-7b776e5c0b91-6bcc399b {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_64017914-efb6-440c-9ca2-7b776e5c0b92-6bcc399b {
order: -9999;
}
#w-node-_64017914-efb6-440c-9ca2-7b776e5c0b93-6bcc399b {
order: 2;
}
#w-node-_1d8fe7bc-f6d9-8ba4-7541-5889a3072970-6bcc399b, #w-node-_80b675e3-6d18-ae90-20be-630110fc43bb-6bcc399b {
order: 6;
}
#w-node-c347ec9b-51dd-a9da-073e-e21c042231fa-6bcc399b {
order: 3;
}
#w-node-e12afe25-3cff-c6bb-60f8-23712792c204-6bcc399b {
order: 4;
}
#w-node-_9e6ba202-4c87-06e8-7e04-6e3ea2270f2b-6bcc399b {
order: 7;
}
#w-node-cfcbce2f-00fd-5480-5664-909c2c1867e2-6bcc399b {
order: 8;
}
#w-node-_4c8ba50e-ae01-076b-5809-e58a7f9960e0-503fc1bc, #w-node-_758699df-adb7-e0a2-244f-43a8722f690e-503fc1bc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3d4c21b7-ccb2-732b-2e19-208d64113b84-b5b778a6 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-f4a74b19-60fb-75e1-36c0-d0b9a6d570c9-b5b778a6 {
order: -9999;
}
#w-node-_61bc7cfb-02ef-2d81-3d38-5dcffe44fd4d-b5b778a6 {
order: 3;
}
#w-node-_4d15ec0a-4729-8e48-5866-8bfcc2693f95-b5b778a6 {
order: 5;
}
#w-node-_5afa3140-8bef-de9e-b074-1a1bdfe26db3-b5b778a6 {
order: 2;
}
#w-node-_8a43b4b7-e991-ddee-8fd1-f404581958c0-b5b778a6 {
order: 4;
}
#w-node-_5bae7926-013e-99c9-95ce-1eccabc72d17-b5b778a6 {
order: 6;
}
#w-node-_4760d59e-2598-1e6e-9d2f-d8be1addc209-b5b778a6 {
grid-template-rows: auto;
grid-template-columns: auto;
}
#w-node-_050d3379-2a86-0882-eb88-3a4320c54a8f-b5b778a6 {
grid-template-rows: auto 10vw 35vw;
grid-template-columns: 1fr;
}
#w-node-_204fa2f5-cddf-b8a4-44da-dbe0cd87ea4c-95cb6586 {
grid-template-rows: auto;
grid-template-columns: auto;
}
#w-node-_3a290878-b967-e2db-9771-fe9f4e09c454-95cb6586 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_54a7d822-6e7b-a48f-36fd-7d716810860c-b70fb4a2 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .5fr;
}
#w-node-a0f2af95-bc35-7ada-a18e-d9c656990587-c284ab4f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0f2af95-bc35-7ada-a18e-d9c656990590-c284ab4f {
grid-area: Area;
}
#w-node-c69e72f0-3ca5-3e5a-f7ba-74eceb35feef-76948942 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c69e72f0-3ca5-3e5a-f7ba-74eceb35fef5-76948942 {
grid-area: Area;
}
}