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: Messapia;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/6595edffaf4fcf91e76eb8a1_Messapia-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Messapia;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/6595ee07a0e444f9809ce92e_Messapia-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Barlow;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64da6d0acbc273a9351c7c74_Barlow-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Barlow;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64da6d17e317ef7246a233d2_Barlow-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Barlow;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64da6d261fa132f552ba561c_Barlow-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Barlow;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64daa6e0e9954b785c335145_Barlow-BoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Barlow;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64daa7e00f718969161a5f9e_Barlow-ExtraLightItalic.ttf") format("truetype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Barlow;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64da6d10145551c1858b0059_Barlow-Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Barlow;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64daa7ed675c905fb348dcda_Barlow-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Bob;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/658c7f0d54431203e0f53059_BoB.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: GFS Bodoni;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/6792cd19a958a1eea62f00e1_GFSBodoni.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: GFS Bodoni;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/6792cd2d35e3678957a186bd_GFSBodoniBold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: GFS Bodoni;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/6792cd411cf43c634513f925_GFSBodoniBoldIt.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: GFS Bodoni;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/6792cd52b00ec97ad01e87e1_GFSBodoniIt.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Chromate;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61affda3d7ceaa61cd9abeee_Chromate-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/634463feb838454720ecca33_Inter-ExtraBold.otf") format("opentype"), url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/634463fe16f8930a779c5428_Inter-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/634463fe32ab8ec6a9ae5947_Inter-BoldItalic.otf") format("opentype"), url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/634463feb2bda00de6c997a5_Inter-ExtraBoldItalic.otf") format("opentype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/634463febcdda4c07eef582f_Inter-Black.otf") format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/634463fe1c544e47a35b042b_Inter-BlackItalic.otf") format("opentype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/634463fe63aabb6fe6381370_Inter-ExtraLight.otf") format("opentype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/634463fe32ab8eeb08ae594c_Inter-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/634463fecd546e0805369c0b_Inter-ExtraLightItalic.otf") format("opentype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/634463feaa3cc304f6c5193c_Inter-Italic.otf") format("opentype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/634463fed6d2325699b90c43_Inter-LightItalic.otf") format("opentype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/634463fe2ce64782c1e9fedc_Inter-MediumItalic.otf") format("opentype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/634463fe2ce6479f1de9fedb_Inter-Medium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/634463fe0c81fc3a3e2bcf96_Inter-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/634463feb1574929af7494cc_Inter-SemiBoldItalic.otf") format("opentype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Hibana;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64da72f47994e3d23adcd3fa_Hibana-SubMedium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Vanosky;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64ef866dfd2c5386f1211383_Vanosky-Thin.otf") format("opentype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Vanosky;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64ef8674aeaff3f2a25096f6_Vanosky-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Vanosky;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64ef867b688e3ba2cc31bed7_Vanosky.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Youngserif;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64f7a29cd49618f09400e536_YoungSerif-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Cabinetgrotesk;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64f8b07d3e4535bf5559f771_CabinetGrotesk-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Cabinetgrotesk;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64f8b0823a231fe32c7730b8_CabinetGrotesk-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Cabinetgrotesk;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64f8b0876ace5b4ccd615c34_CabinetGrotesk-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Cabinetgrotesk;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64f8b08c3a231fe32c773967_CabinetGrotesk-Black.otf") format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Cabinetgrotesk;
src: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64f8b0a85a1caa95359a5b39_CabinetGrotesk-Medium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
:root {
--web-h1: 65px;
--web-h1-ht: 65px;
--web-h2: 40px;
--web-h2-ht: 44px;
--magenta: #f8570b;
--jan--orange: #e85300;
--jan--font-yellow: #f1ff72;
--jan--bg: #feffeb;
--dark-g: #283618;
--blue: #2600ff;
--black-2\: #1b1b1a;
--sea-green\: #0d8565;
--link: #ebff56;
--dark-slate-grey: #234936;
--may--lt-bleu: #d1ddec;
--jan--black: black;
--jan--blue: #3777ff;
--dark-slate-grey-2\: #005038;
--khaki: #e8ff95;
--headings: #f5794c;
--bb-green: #fcfff7;
--dark-olive-green\: #507b49;
--jan--olive: #767522;
--may--bleu: #8ea3b9;
--may--deep-bleu: #49596b;
--may--brown: #000;
--bg-2: #f8f8f8;
--olive: #79832f;
--tablet-h1: 60px;
--mobile-heading: 50px;
--mobile-heading-ht: 50px;
--may--cream: #f7f3ec;
--jan--misty-rose: #ffeef2;
--pinky\: #ec6cdf;
--mobile-sub-heading: 45px;
--mobile-sub-ht: 45px;
--tablet-h2: 45px;
--size: 42px;
--mobile-text: 17px;
--mobile-text-ht: 27px;
--jan--apricot: var(--may--deep-bleu);
--web-text: 16px;
--web-text-ht: 24px;
--mobile-h3: 20px;
--mobile-h3-ht: 28px;
--dim-grey\: #61574f;
--jan--white: #fff;
--saddle-brown\: #4e3528;
--aquamarine\: #20fac0;
--light-salmon\: #ffa479;
--black-3\: #111;
--light-grey\: #fcfcfc;
--link-hover: #f26b26;
--jan--citrus: #f1ff8a;
--jan--leaf: #63a375;
--jan--pink: #f43bcd;
--bg: #eff1ea;
--may--brau: #b6a58f;
--highlight: #ecffa5;
--link-2: #ecf0d3;
--lemon-chiffon: #f8ffbe;
--peach: #f8c8b2;
--rose: #ffe6e8;
--lt-brown: #312009d9;
--may--lt-green: #89a588;
--may--lt-sage-green: #98a59a;
}
.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;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.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;
}
@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 {
font-family: GFS Bodoni, Times New Roman, sans-serif;
font-size: var(--web-h1);
line-height: var(--web-h1-ht);
letter-spacing: -2px;
margin-top: 20px;
margin-bottom: 10px;
font-weight: 400;
}
h2 {
font-family: GFS Bodoni, Times New Roman, sans-serif;
font-size: var(--web-h2);
line-height: var(--web-h2-ht);
letter-spacing: -1px;
margin-top: 20px;
margin-bottom: 10px;
font-weight: 400;
}
a {
color: #fff;
max-width: 100vw;
font-family: Manrope, sans-serif;
font-size: 20px;
text-decoration: underline;
}
.heading {
text-transform: capitalize;
max-width: none;
margin-top: 40px;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-family: Space Grotesk;
font-size: 55px;
font-style: normal;
font-weight: 700;
display: block;
position: static;
inset: 0% auto auto 0%;
}
.heading.og-home {
color: #f7ceff;
letter-spacing: -.6px;
background-color: #000;
border-radius: 12px;
justify-content: center;
margin-top: 0;
padding: 20px 40px;
font-family: Inter, sans-serif;
font-size: 55px;
font-weight: 500;
line-height: 55px;
transition: transform .15s;
display: flex;
}
.heading.og-home:hover {
transform: skew(-34deg);
}
.heading.og-home.ash {
color: var(--magenta);
background-color: #0000;
border: 2px solid #000;
font-size: 55px;
display: none;
}
.heading.og-home.ash._2 {
color: #e95007;
letter-spacing: -1px;
border-style: solid;
border-width: 1px;
border-radius: 0;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 80px;
display: block;
}
.heading.og-home.ash.two {
background-color: var(--jan--orange);
color: var(--jan--font-yellow);
letter-spacing: -1px;
border-style: solid;
border-width: 1px;
font-family: Messapia, sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 45px;
display: block;
}
.text-block {
color: #000;
width: auto;
max-width: none;
margin-bottom: 0;
margin-right: 0;
padding: 10px 0 0;
font-family: Space Grotesk;
font-size: 30px;
font-weight: 500;
line-height: 32px;
display: inline-block;
position: static;
inset: 0% auto 0% 0%;
}
.body {
background-color: var(--jan--bg);
color: #000;
margin-left: 0;
padding-left: 0;
font-size: 16px;
}
.body.design {
color: var(--dark-g);
background-color: #0000;
background-image: none;
background-size: auto;
background-attachment: scroll;
}
.body.design.opt2 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be2ff8c455c227362c936b_dk%20green.png");
background-position: 50%;
background-size: 700px;
background-attachment: fixed;
}
.loops-div {
background-color: #fce9e2;
justify-content: center;
width: auto;
margin-bottom: 0;
padding: 0;
display: flex;
overflow: hidden;
}
.loops-div.titles {
margin-bottom: 30px;
padding-top: 0;
padding-bottom: 0;
}
.loops-div.landing {
background-color: #fce9e2;
border-radius: 20px;
margin-top: 0;
margin-bottom: 5px;
}
.loops-div.ciders {
background-color: #0000;
margin-bottom: 20px;
}
.image {
max-width: 30%;
}
.image-2 {
max-width: 40%;
display: inline-block;
}
.navbar {
background-color: #fff;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.brand {
z-index: 6;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
height: auto;
margin-top: 15px;
margin-left: 5px;
padding: 0;
font-family: Gloock;
font-size: 18px;
line-height: 19px;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
}
.brand.w--current {
flex-direction: row;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-top: 0;
margin-left: 0;
padding-top: 15px;
padding-left: 10px;
display: flex;
}
.nav-link {
letter-spacing: .7px;
text-transform: uppercase;
background-color: #ffffff59;
border-radius: 20px;
max-width: none;
margin-top: 7px;
margin-right: 5px;
padding: 5px 10px;
font-family: Space Grotesk;
font-size: 12px;
font-weight: 600;
display: inline-block;
}
.nav-link:hover {
color: #dcef68;
}
.nav-link:active {
color: #10b95c;
}
.nav-link:focus {
color: #f240ff;
text-decoration: underline;
}
.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
color: var(--blue);
}
.nav-link.w--current {
color: #f240ff;
padding-left: 10px;
padding-right: 10px;
text-decoration: underline;
}
.nav-link.w--current:hover {
color: #dcef68;
}
.nav-link.w--current:active {
color: #000;
text-decoration: none;
}
.nav-link.w--current:focus {
color: #f240ff;
text-decoration: underline;
}
.nav-link.last {
text-transform: capitalize;
margin-right: 82px;
padding-top: 30px;
}
.nav-link.last.info {
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}
.nav-link.last.info:focus {
text-decoration: underline;
}
.nav-link.last.about {
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.nav-link.last.about:focus {
text-decoration: underline;
}
.nav-link.design {
font-family: Space Grotesk;
font-size: 12px;
}
.nav-link.design:focus {
text-decoration: underline;
}
.nav-link.design.w--current:focus {
color: #129e5a;
text-decoration: underline;
}
.nav-link.design.w--current:visited {
color: #000;
text-decoration: none;
}
.nav-link-2 {
text-transform: uppercase;
}
.image-3 {
text-align: right;
width: auto;
height: 400px;
padding-left: 0;
display: block;
position: static;
inset: auto 17% 13% auto;
}
.div-block {
max-height: none;
margin-bottom: auto;
padding-bottom: 0;
font-family: Corben;
}
.heading-2 {
text-align: center;
height: auto;
margin-top: 30px;
padding-top: 10px;
font-family: Space Grotesk;
font-size: 50px;
font-weight: 600;
line-height: 50px;
display: block;
}
.heading-2.og-home {
color: #000;
}
.lightbox-link {
padding-left: 158px;
}
.image-4 {
text-align: right;
max-width: 100%;
height: auto;
margin-left: 0;
margin-right: 100px;
padding-left: 0;
display: inline-block;
}
.image-5 {
overflow: scroll;
}
.column {
padding: 0 60px;
}
.column-2 {
padding-left: 99px;
padding-right: 9px;
position: absolute;
}
.image-6 {
z-index: -1;
text-align: right;
width: auto;
min-width: 200px;
max-width: 900px;
padding: 0 204px 50px 84px;
display: block;
position: static;
inset: auto 0% 0% auto;
}
.column-3 {
padding-left: 319px;
padding-right: 0;
position: static;
}
.container-2 {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61b79b9635b8a9a167819381_orange.png");
background-position: 50%;
background-size: contain;
max-width: 820px;
height: 130px;
margin-top: 29px;
}
.container-2.cloud.gd {
background-image: none;
}
.image-7 {
position: fixed;
}
.nav-menu {
background-color: #0000;
margin-top: 40px;
margin-left: -15px;
margin-right: 140px;
padding-top: 0;
display: inline-block;
position: fixed;
inset: 0% 0% auto auto;
}
.section {
background-color: #0000;
height: 135px;
margin-top: 100px;
margin-bottom: 60px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.section.gd {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61b79b96e4cca8a52a9a4fff_green.png");
background-position: 50%;
background-repeat: repeat;
background-size: contain;
height: 120px;
margin-top: 140px;
}
.section.gd.ui {
margin-bottom: 10px;
}
.section.gd.ui.illust {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61b79b963eee6f58ba4c7bf0_pinky.png");
background-position: 50%;
background-repeat: repeat;
background-size: contain;
}
.section.gd.illust {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61b79b9635b8a9a167819381_orange.png");
background-position: 0 0;
background-size: contain;
margin-bottom: 10px;
}
.section.graphic-d {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61b79b966812cf31e12157aa_bloo.png");
background-position: 50%;
background-size: contain;
}
.section.illustration {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61b79b963eee6f58ba4c7bf0_pinky.png");
background-position: 50%;
background-size: contain;
}
.text-block-2 {
color: var(--black-2\);
text-align: center;
letter-spacing: 0;
border: 1px solid #0000;
justify-content: space-between;
margin-top: 0;
margin-left: 10px;
padding-top: 0;
padding-left: 0;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 28px;
font-style: normal;
font-weight: 400;
display: block;
}
.text-block-2:hover {
color: var(--sea-green\);
}
.text-block-2:focus-visible, .text-block-2[data-wf-focus-visible] {
color: var(--blue);
text-decoration: underline;
}
.body-links {
color: #2c4e27;
margin-left: 0;
padding-left: 0;
font-family: Space Grotesk;
font-size: 40px;
font-weight: 800;
display: inline-block;
}
.body-links.header {
color: #17aa72;
font-family: Space Grotesk;
font-size: 45px;
}
.body-links.header:hover {
color: #17aa72;
}
.body-links.plnt {
color: #17aa72;
margin-top: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-weight: 700;
display: block;
}
.body-links.balcom {
margin-left: 20px;
padding-left: 0;
}
.body-links.andy {
color: #17aa72;
text-align: left;
margin-left: 0;
font-weight: 600;
display: inline-block;
}
.body-links.bcc {
color: #45775e;
margin-left: 0;
font-size: 28px;
}
.body-links.bcc:hover {
color: #ffb4fc;
}
.body-links.landing {
color: #17aa72;
margin-top: 5px;
font-size: 48px;
line-height: 46px;
}
.body-links.landing:hover {
color: #2273ff;
}
.body-links.landing.left {
text-align: right;
}
.body-links.landing.home {
font-size: 40px;
}
.body-links.landing.home:hover {
color: #17a971;
}
.body-links.landing.plntrs {
text-align: right;
font-size: 50px;
}
.body-links.home {
color: #17a971;
margin-top: 0;
margin-bottom: 0;
font-size: 50px;
line-height: 48px;
}
.body-links.home:hover {
color: #2962ff;
}
.utility-page-wrap {
background-color: #2c2c2c;
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-wrap._404 {
background-color: #000;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.section-2 {
justify-content: center;
align-items: center;
display: flex;
}
.container-4 {
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding: 0;
display: flex;
}
.image-8 {
z-index: 0;
width: auto;
max-width: 20%;
height: auto;
margin-top: -250px;
margin-left: 140px;
display: inline-block;
position: static;
}
.image-9 {
z-index: 1;
width: auto;
max-width: 20%;
height: auto;
margin-top: -250px;
position: static;
}
.image-10 {
flex: 0 auto;
width: auto;
max-width: 20%;
height: auto;
margin-top: -250px;
position: static;
}
.heading-3 {
text-align: right;
width: 200px;
padding-top: 130px;
padding-left: 151px;
font-family: Space Grotesk;
}
.heading-4 {
text-align: left;
flex-direction: row;
align-items: center;
width: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: 60px;
padding-top: 176px;
padding-left: 0;
line-height: 40px;
display: flex;
}
.columns {
line-height: 30px;
}
.column-4 {
height: 500px;
padding-left: 0;
padding-right: 0;
}
.lottie-animation {
text-align: center;
justify-content: center;
align-items: center;
height: auto;
margin: 0;
display: flex;
}
.column-5 {
padding-left: 0;
padding-right: 0;
}
.heading-5 {
text-align: right;
justify-content: flex-end;
align-items: center;
height: auto;
margin: 0 0 0 100px;
padding-top: 139px;
padding-right: 28px;
font-family: Space Grotesk;
font-weight: 600;
display: flex;
}
.div-block-2 {
height: 135px;
margin-top: 141px;
}
.div-block-3 {
height: 60px;
margin-top: 60px;
margin-bottom: 20px;
}
.div-block-4 {
height: 40px;
}
.div-block-5 {
height: 100px;
}
.div-block-6 {
height: 150px;
}
.columns-2 {
height: 400px;
}
.text-block-3 {
color: #000;
margin-top: 0;
margin-left: 0;
padding-top: 0;
padding-left: 0;
font-family: Ribes;
font-size: 36px;
font-weight: 800;
line-height: 28px;
display: inline-block;
}
.text-block-4 {
color: #000;
padding-top: 13px;
padding-left: 12px;
font-family: Corben;
font-size: 30px;
font-weight: 700;
line-height: 25px;
display: inline-block;
}
.text-block-5 {
color: #000;
padding-left: 12px;
padding-right: 128px;
font-family: Space Grotesk;
font-size: 35px;
font-weight: 500;
line-height: 40px;
display: inline-block;
}
.text-block-6 {
color: #000;
width: auto;
margin-right: 10px;
padding-top: 14px;
padding-left: 10px;
font-family: Staatliches;
font-size: 35px;
font-weight: 400;
line-height: 30px;
display: inline-block;
}
.text-block-7 {
color: #000;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-family: Space Grotesk;
font-size: 30px;
font-weight: 500;
line-height: 40px;
display: inline-block;
}
.contact-form-section {
color: #005038;
justify-content: center;
width: auto;
height: auto;
margin-top: 0;
margin-bottom: 0;
display: block;
}
.heading-6 {
text-align: left;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
font-family: Space Grotesk;
font-size: 36px;
font-weight: 500;
display: inline-block;
}
.heading-6.plntrs {
margin-top: 0;
margin-left: 0;
padding-top: 0;
}
.link-block, .link-block-2 {
width: 400px;
}
.columns-3 {
margin-left: 100px;
margin-right: 100px;
}
.paragraph {
text-align: center;
padding: 0 250px 40px;
font-family: Space Grotesk;
font-size: 20px;
font-weight: 400;
}
.paragraph-2 {
max-width: 220px;
margin-left: 60px;
padding-top: 10px;
padding-left: 0;
font-family: Space Grotesk;
font-size: 20px;
font-weight: 400;
line-height: 22px;
display: block;
}
.paragraph-2._2 {
text-align: right;
padding-right: 28px;
}
.paragraph-2.plntrs {
max-width: 250px;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 10px;
}
.paragraph-2.bcc {
max-width: 200px;
margin-top: 0;
margin-left: 0;
padding-top: 11px;
}
.paragraph-2.andy {
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
display: block;
}
.div-block-7 {
height: 300px;
}
.column-6, .column-7, .column-8 {
padding-left: 0;
padding-right: 0;
}
.image-11 {
float: left;
min-width: auto;
max-width: 500px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.column-9 {
margin-top: 110px;
padding-left: 0;
padding-right: 0;
}
.image-12 {
text-align: left;
max-width: 600px;
padding-right: 220px;
}
.columns-4 {
margin-top: 41px;
}
.section-4 {
height: 400px;
margin-top: 86px;
}
.image-13 {
z-index: 0;
max-width: 70%;
margin-right: 0;
padding-top: 59px;
padding-left: 429px;
position: relative;
}
.div-block-8 {
margin-top: -5px;
margin-left: 0;
}
.div-block-9 {
padding-left: 0;
}
.intro-div {
margin-top: 0;
margin-left: 100px;
padding-top: 0;
display: block;
}
.image-14 {
max-width: 50%;
margin: 15px 16px 0 0;
padding-bottom: 100px;
padding-left: 0;
padding-right: 27px;
display: inline-block;
position: absolute;
inset: 150px 0% 0% auto;
}
.div-block-12 {
margin-top: 0;
padding-top: 142px;
display: inline-block;
}
.div-block-13 {
min-width: auto;
max-width: 200px;
margin-top: 0;
padding-top: 0;
display: inline-block;
}
.link {
color: #2c4e27;
}
.link.body {
color: #000;
}
.link.body:hover {
color: #17aa72;
}
.link.plntrs {
color: #45775e;
}
.link-2 {
color: #000;
}
.link-2:hover {
color: #17aa72;
}
.link-3 {
color: #000;
}
.contact-ash {
color: var(--link);
text-align: center;
letter-spacing: .5px;
text-transform: none;
justify-content: flex-end;
width: auto;
margin-top: 0;
margin-bottom: 20px;
margin-left: 0;
padding-right: 0;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 65px;
font-weight: 500;
line-height: 48px;
transition: transform .2s;
display: block;
}
.contact-ash:hover {
transform: skew(-19deg);
}
.contact-ash.opt-2 {
color: #fff;
}
.contact-ash.contact {
margin-bottom: 10px;
font-size: 40px;
}
.contact-ash.main-contact {
color: #000;
margin-top: 0;
margin-left: 100px;
}
.contact-ash.contact-pg {
color: #f7ceff;
width: auto;
margin-top: 0;
margin-left: 0;
font-family: Inter, sans-serif;
font-size: 44px;
line-height: 44px;
}
.contact-ash.bonus {
margin-bottom: 30px;
padding-right: 0;
font-size: 32px;
font-weight: 500;
line-height: 40px;
}
.contact-ash._2 {
color: var(--magenta);
display: none;
}
.contact-form {
text-align: center;
background-color: #0000;
flex-direction: column;
justify-content: center;
width: auto;
max-width: none;
margin: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
font-weight: 400;
display: block;
}
.contact-form.contact {
color: var(--dark-slate-grey);
background-color: #0000;
border: 1px #000;
border-radius: 0;
width: 65vw;
padding: 60px 40px 80px;
display: block;
}
.contact-me-today {
color: #fff;
text-align: left;
width: 300px;
margin-top: 20px;
margin-bottom: 0;
margin-left: 60px;
font-family: Space Grotesk;
font-size: 30px;
font-weight: 400;
line-height: 30px;
transition: transform .1s;
}
.contact-me-today:hover {
transform: skew(30deg);
}
.contact-me-today.first {
color: #fff;
transition: transform .2s;
}
.contact-me-today.first:hover {
transform: skew(25deg);
}
.contact-me-today.first.contact {
margin-bottom: 10px;
}
.contact-me-today.email {
color: #fff;
font-size: 18px;
font-weight: 400;
line-height: 24px;
transition-property: none;
}
.contact-me-today.email:hover {
transform: none;
}
.footer-text {
background-color: var(--may--lt-bleu);
color: #000;
text-align: center;
letter-spacing: 0;
border: 1px solid #000;
flex-flow: row;
justify-content: center;
align-items: center;
height: 30px;
margin: 0;
padding-top: 0;
padding-bottom: 0;
font-family: Space Mono, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 15px;
display: flex;
}
.name {
color: var(--jan--black);
text-align: left;
letter-spacing: .5px;
margin-top: 0;
font-family: Space Mono, sans-serif;
font-size: 22px;
font-style: italic;
font-weight: 400;
line-height: 22px;
}
.name.opt-2 {
color: #7bffbb;
}
.email {
color: var(--jan--black);
text-align: left;
letter-spacing: .5px;
margin-top: 20px;
font-family: Space Mono, sans-serif;
font-size: 22px;
font-style: italic;
font-weight: 400;
line-height: 22px;
}
.email.opt-2 {
color: #7bffbb;
}
.name-field {
outline-offset: 0px;
background-color: #fff;
border: 1px solid #000;
border-radius: 14px;
outline: 3px #333;
width: auto;
max-width: none;
height: 40px;
font-family: Barlow, sans-serif;
font-size: 18px;
line-height: 25px;
display: block;
}
.name-field:focus {
outline-offset: 0px;
background-color: #fff;
outline: 2px solid #697420;
}
.name-field:focus-visible, .name-field[data-wf-focus-visible] {
outline-offset: 0px;
outline: 2px solid #697420;
}
.name-field.design {
color: #000;
width: auto;
height: auto;
font-family: Barlow, sans-serif;
font-size: 18px;
line-height: 24px;
}
.email-field {
background-color: #fff;
border: 1px solid #000;
border-radius: 14px;
width: auto;
height: 40px;
font-family: Barlow, sans-serif;
font-size: 18px;
line-height: 25px;
}
.email-field:focus {
outline-offset: 0px;
background-color: #fff;
outline: 2px solid #697420;
}
.email-field:focus-visible, .email-field[data-wf-focus-visible] {
outline-offset: 0px;
outline: 2px solid #697420;
}
.email-field.design {
width: auto;
height: auto;
}
.submit-button {
background-color: var(--magenta);
color: #fff;
border-radius: 20px;
width: auto;
max-width: none;
min-height: auto;
margin-top: 20px;
margin-left: 0;
margin-right: 0;
padding-top: 15px;
padding-bottom: 15px;
font-family: Barlow, sans-serif;
font-size: 20px;
font-weight: 700;
transition: transform .1s;
}
.submit-button:hover {
background-color: var(--link);
color: #000;
font-weight: 500;
}
.submit-button:focus-visible, .submit-button[data-wf-focus-visible] {
outline-color: var(--blue);
outline-offset: 0px;
outline-width: 3px;
outline-style: solid;
}
.submit-button.gold {
background-color: var(--jan--blue);
color: var(--jan--bg);
letter-spacing: 0;
border: 1px solid #000;
font-family: Messapia, sans-serif;
font-size: 22px;
font-weight: 700;
text-decoration: none;
transition: background-color .2s;
}
.submit-button.gold:hover {
background-color: var(--jan--bg);
color: var(--jan--blue);
}
.submit-button.password {
margin-top: 0;
}
.message {
color: var(--jan--black);
text-align: left;
letter-spacing: .5px;
margin-top: 20px;
font-family: Space Mono, sans-serif;
font-size: 22px;
font-style: italic;
font-weight: 400;
line-height: 22px;
}
.message.opt-2 {
color: #7bffbb;
}
.message-textarea {
background-color: #fff;
border: 1px solid #000;
border-radius: 20px;
height: auto;
min-height: auto;
font-family: Barlow, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 25px;
}
.message-textarea:focus {
outline-offset: 0px;
background-color: #fff;
outline: 2px solid #697420;
}
.message-textarea:focus-visible, .message-textarea[data-wf-focus-visible] {
outline-offset: 0px;
outline: 2px solid #697420;
}
.section-5 {
background-color: #0000;
max-width: none;
height: 135px;
margin-top: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-2 {
grid-template-columns: .25fr 1fr 1fr .25fr;
grid-template-areas: ". Area Area-2";
}
.grid-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "Area . Area-2" minmax(0, .25fr)
". . ."
". . ."
". . ."
". . ."
". . ."
". . ."
". . ."
". . ."
". . ."
". . ."
". . ."
/ 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: column;
place-content: stretch space-around;
place-items: stretch stretch;
margin-bottom: 0;
margin-left: 100px;
margin-right: 100px;
padding-bottom: 60px;
}
.columns-5 {
margin-left: 100px;
margin-right: 100px;
}
.heading-8 {
text-align: left;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
font-family: Space Grotesk;
font-size: 20px;
font-weight: 500;
line-height: 20px;
display: flex;
}
.text-block-9 {
align-items: flex-end;
margin-top: -45px;
line-height: 16px;
display: flex;
}
.grid-4 {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template: ". ."
". Area"
". ."
". ."
". ."
". ."
". ."
". ."
/ 1fr;
margin-left: 100px;
margin-right: 100px;
}
.link-4 {
color: #17aa72;
font-family: Space Grotesk;
font-size: 35px;
font-weight: 600;
line-height: 32px;
}
.image-15 {
width: auto;
max-width: 80%;
display: block;
}
.image-16 {
width: 400px;
max-width: 80%;
}
.image-17 {
max-width: 80%;
}
.grid-5 {
grid-column-gap: 8px;
grid-row-gap: 8px;
object-fit: cover;
grid-template: "."
"."
"."
"."
"."
"."
"."
"."
"."
"."
/ 1fr 1fr 1fr;
place-content: stretch space-around;
place-items: stretch stretch;
width: 100%;
height: 400px;
margin: 0 0 60px;
}
.div-block-14 {
padding-left: 0;
}
.container-5 {
padding-left: 0;
padding-right: 0;
}
.image-18 {
object-fit: contain;
width: 260px;
max-width: none;
height: auto;
margin-left: 60px;
}
.image-19, .image-20 {
object-fit: contain;
width: 260px;
max-width: none;
height: auto;
}
.div-block-15 {
height: 100px;
margin: 0;
}
.image-21 {
object-fit: cover;
border-radius: 13px;
width: 100%;
max-width: none;
position: static;
}
.link-5 {
font-family: Space Grotesk;
font-size: 26px;
font-weight: 500;
line-height: 24px;
display: inline-block;
}
.heading-9 {
color: #2c4e27;
margin-top: 0;
margin-bottom: 0;
line-height: 30px;
}
.heading-9.plntrs {
text-align: left;
}
.image-22 {
object-fit: cover;
border-radius: 0 13px 13px 0;
}
.div-block-16 {
height: 75px;
margin-top: 0;
margin-bottom: 0;
}
.image-23 {
object-fit: cover;
border-radius: 13px;
}
.text-block-10 {
color: #000;
margin-top: 14px;
padding-top: 0;
font-family: Space Grotesk;
font-size: 20px;
font-weight: 500;
line-height: 20px;
}
.text-block-10.left {
text-align: right;
}
.text-block-10.plntrs {
text-align: left;
}
.text-span {
color: #2c4e27;
}
.image-24, .image-25 {
border-radius: 13px 0 0 13px;
}
.section-6 {
background-color: #0000;
background-image: linear-gradient(358deg, #dcef68, #fff);
padding-top: 60px;
}
.section-6.gd {
background-image: linear-gradient(358deg, #d2e5ff, #fff);
padding-top: 0;
}
.section-6.ui {
object-fit: cover;
background-image: none;
}
.section-6.illustration {
background-image: linear-gradient(358deg, #ffd4d4, #fff);
}
.section-6.illust {
background-image: none;
}
.ui-ux-footer {
background-color: #dcef68;
background-image: linear-gradient(to top, #ddee68, #fff);
}
.gd-footer {
background-color: #d2e5fe;
}
.illust-footer {
background-image: linear-gradient(to top, #ffd4d4, #fff);
}
.client-name {
text-align: center;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61b79b966812cf31e12157aa_bloo.png");
background-position: 50%;
background-size: 500px;
margin-top: 0;
padding-top: 40px;
padding-bottom: 40px;
font-family: Space Grotesk;
font-size: 50px;
}
.client-name.balcom {
opacity: 1;
color: #fff;
letter-spacing: 1px;
background-image: none;
background-size: auto;
justify-content: center;
align-items: center;
height: auto;
margin-top: 20px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-family: Savate;
font-size: 46px;
font-weight: 600;
display: flex;
}
.client-name.balcom.plntrs {
color: #fff;
letter-spacing: 2px;
font-size: 52px;
}
.client-name.balcom.plntrs.illust {
color: #fff;
letter-spacing: 3px;
margin-top: 30px;
font-size: 48px;
display: block;
}
.client-name.balcom._112 {
letter-spacing: 3px;
font-size: 48px;
}
.client-name.balcom.illust {
color: #fff;
letter-spacing: 1.4px;
margin-top: 0;
font-size: 48px;
}
.client-name.balcom.illust.halmoni {
font-size: 48px;
line-height: 52px;
}
.client-name.balcom.illust.mobile {
font-size: 48px;
}
.client-name.balcom.illust.long {
font-size: 48px;
line-height: 52px;
}
.client-name.balcom.sunkin {
margin-top: 25px;
font-size: 46px;
}
.client-name.plntr {
color: #fff;
background-image: none;
margin-top: 15px;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 10px;
font-size: 60px;
}
.header-container {
margin-top: 0;
}
.paragraph-4 {
text-align: left;
flex-direction: row;
justify-content: center;
width: 800px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
font-family: Space Grotesk;
font-size: 20px;
font-weight: 500;
line-height: 22px;
display: block;
}
.section-7 {
background-image: none;
margin-top: 0;
}
.section-7.plntrs {
background-image: none;
margin-top: 60px;
margin-left: 100px;
margin-right: 100px;
}
.grid-6 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-left: 60px;
display: inline-block;
}
.paragraph-5 {
width: 940vh;
}
.paragraph-6 {
color: #45775e;
text-align: center;
align-items: center;
width: auto;
margin: 0 220px;
padding: 20px 0;
font-family: Space Grotesk;
font-size: 24px;
font-weight: 500;
line-height: 30px;
display: block;
}
.paragraph-6.plntrs {
color: #45775e;
}
.paragraph-6.cider-pg {
margin-top: 20px;
margin-bottom: 20px;
}
.paragraph-6.logo-pg {
margin-bottom: 40px;
padding-top: 0;
}
.paragraph-6.logo-pg.plntrs {
color: #f35923;
margin-bottom: 40px;
padding-bottom: 0;
}
.div-block-17 {
width: 50vw;
height: 200px;
margin-top: 40px;
margin-left: 40px;
display: inline-block;
}
.grid-7 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: block;
}
.nav-menu-2 {
text-align: center;
width: 500px;
margin-left: auto;
margin-right: auto;
display: block;
}
.nav-link-3 {
text-align: center;
object-fit: fill;
justify-content: center;
width: 30vw;
height: auto;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.container-7 {
text-align: center;
}
.nav-link-4 {
text-align: center;
flex-direction: column;
align-items: center;
width: 30vw;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-link-5 {
color: #d15e00;
text-align: center;
letter-spacing: .6px;
text-transform: uppercase;
justify-content: center;
width: 30vw;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
font-family: Space Grotesk;
font-size: 16px;
font-weight: 600;
display: inline-block;
}
.nav-link-5:hover {
color: #ce0aff;
font-size: 18px;
}
.nav-link-5.bcc {
color: #000;
}
.nav-link-5.bcc:hover {
color: #45775e;
}
.nav-link-5.project-pg {
color: #17aa72;
}
.nav-link-5.project-pg:hover {
color: #ff5f24;
}
.navbar-2 {
background-color: #0000;
height: 50px;
margin-left: auto;
margin-right: auto;
}
.div-block-18 {
justify-content: center;
align-items: center;
margin-top: 10px;
display: flex;
}
.project-name {
color: #ff8b61;
text-align: left;
letter-spacing: 1px;
margin-top: 0;
margin-left: 200px;
margin-right: 100px;
font-family: Savate;
font-size: 46px;
line-height: 52px;
}
.project-name.bcc-tees {
color: #ff8b61;
letter-spacing: 1px;
margin-left: 200px;
margin-right: 200px;
font-size: 48px;
}
.project-name.plntrs {
color: #ff8b61;
letter-spacing: 1px;
font-size: 46px;
line-height: 50px;
}
.project-name.plntrs.illust {
color: #0d3b7c;
}
.project-name.ui-ux {
color: var(--dark-slate-grey);
}
.container-8 {
background-image: linear-gradient(to top, #d2e5ff 6%, #fff 97%);
margin-top: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.grid-8 {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: .5fr 1fr 1fr .5fr;
margin-left: 40px;
margin-right: 40px;
}
.grid-8.balcom-ciders {
object-fit: contain;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr .5fr 1fr .5fr 1fr;
place-items: center;
}
.cider-heading {
text-align: right;
margin-top: 0;
margin-bottom: 0;
font-family: Space Grotesk;
font-size: 40px;
}
.cider-heading.left-align {
text-align: left;
}
.text-block-11 {
margin-top: 0;
padding-top: 0;
}
.container-9 {
margin-top: 10px;
margin-bottom: 100px;
}
.text-block-12 {
text-align: right;
}
.balcom-logo-grid {
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: .5fr 1fr 1fr 1fr 1fr .5fr;
margin-top: 60px;
margin-left: 40px;
margin-right: 40px;
padding-bottom: 40px;
}
.balcom-logo-grid.plntrs-logo {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: .25fr 1fr .75fr 1fr 1fr .25fr;
margin: 60px 40px 0;
padding-bottom: 40px;
}
.balcom-logo-grid.plntrs-logo.hib {
grid-template-columns: 1.25fr 1fr 1fr .5fr;
margin-top: 60px;
margin-right: 0;
}
.balcom-logo-grid.plntrs-logo.plntrs {
grid-template-rows: auto auto auto 80px auto auto auto auto auto;
grid-template-columns: .25fr .5fr .75fr .75fr 1fr 1fr .75fr 1fr;
margin: 40px 0;
overflow: visible;
}
.balcom-logo-grid.plntrs-logo.plntrs.character {
grid-template-rows: auto auto auto auto auto 60px auto auto auto;
grid-template-columns: 1fr 1fr .25fr 1fr .75fr 1fr 1fr;
grid-auto-columns: .25fr;
margin-bottom: 60px;
padding-bottom: 20px;
}
.balcom-logo-grid.plntrs-logo.plntrs.character.self-care {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr .25fr 1fr .75fr 1fr .75fr .25fr;
margin-top: 60px;
margin-bottom: 0;
}
.balcom-logo-grid.plntrs-logo.plntrs.character.sunkin {
grid-template-rows: auto minmax(auto, 350px) 60px auto auto 80px auto auto 40px auto minmax(40px, 40fr);
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
margin-top: 40px;
margin-bottom: 60px;
padding-bottom: 0;
}
.balcom-logo-grid.plntrs-logo.bcc {
grid-template-columns: .25fr 1fr .75fr 1fr 1fr .75fr;
margin-top: 60px;
}
.balcom-logo-grid.invites {
grid-column-gap: 10px;
grid-row-gap: 20px;
grid-template-rows: auto 100px 100px auto auto auto;
grid-template-columns: .5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-top: 40px;
margin-left: 200px;
margin-right: 200px;
}
.balcom-logo-grid.hibiscus {
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr 1fr .75fr;
}
.balcom-logo-grid.logo-presentation {
grid-row-gap: 0px;
grid-template-rows: auto auto 80px auto auto 80px auto;
margin-left: 0;
margin-right: 0;
}
.project-description {
margin-left: 60px;
margin-right: 60px;
}
.project-description.balcom {
color: #fff;
text-align: left;
letter-spacing: .2px;
margin-top: 20px;
margin-left: 200px;
margin-right: 200px;
font-family: Space Grotesk;
font-size: 22px;
font-weight: 400;
line-height: 36px;
}
.project-description.balcom.tees {
color: #fff;
margin-top: 20px;
margin-left: 200px;
margin-right: 200px;
line-height: 36px;
}
.project-description.balcom.illust {
color: #000;
}
.container-10 {
background-color: #2c384d;
margin-top: 40px;
margin-bottom: 40px;
}
.page-header {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be2ff8b67113203eeb51a7_orangey.png");
background-position: 50%;
background-repeat: repeat;
background-size: 50%;
height: 160px;
margin-top: 120px;
}
.page-header.bcc {
color: var(--dark-slate-grey-2\);
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/622ce8df79149cfe9f3df45e_dgreen.png");
background-repeat: repeat;
background-size: 70% 190%;
align-items: center;
height: 150px;
margin-top: 44px;
display: flex;
}
.page-header.bcc.plntrs {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be2ff8b67113203eeb51a7_orangey.png");
background-position: 50%;
margin-top: 110px;
}
.page-header.bcc.illust {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be2ff8b67113203eeb51a7_orangey.png");
background-position: 50%;
background-size: 65%;
}
.page-header.bcc.illo {
background-color: var(--khaki);
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/622ce8df79149cfe9f3df45e_dgreen.png");
background-position: 50%;
background-size: 70% 190%;
justify-content: center;
align-items: center;
height: 150px;
display: flex;
}
.page-header.bcc.illo.everything {
font-size: 48px;
line-height: 52px;
}
.page-header.bcc.illo-big {
color: #68adef;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/622ce8df79149cfe9f3df45e_dgreen.png");
background-size: 70% 190%;
justify-content: center;
height: 140px;
}
.page-header.plntrs {
margin-top: 90px;
}
.page-header.andymag {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be2ff8c69c243f405f4a9f_red.png");
background-position: 50%;
background-size: 600px 280px;
margin-top: 100px;
}
.section-9 {
background-color: #0000;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.section-9.plntrs {
margin-top: 0;
margin-bottom: 0;
}
.section-9.tees {
margin-top: 40px;
padding-bottom: 40px;
}
.section-9.logo {
margin-top: 40px;
margin-left: 0;
margin-right: 0;
}
.project-section {
background-color: var(--dark-slate-grey-2\);
padding: 80px 0;
}
.project-section.plntrs {
background-color: #e76f3c;
margin-bottom: 0;
margin-left: 0;
padding: 60px 0;
}
.project-section.bcc-logo {
color: #0000;
background-color: #e25145;
border-radius: 0;
margin-top: 0;
padding: 60px 0;
}
.project-section.bcc-logo.plntrs {
background-color: var(--dark-slate-grey-2\);
}
.project-section.bcc-tees {
background-color: var(--dark-slate-grey-2\);
padding: 80px 0;
}
.project-section.illust {
background-color: #0000;
padding-top: 20px;
padding-bottom: 20px;
}
.black-shirt-section {
height: auto;
margin-top: 60px;
margin-bottom: 100px;
}
.ciders-section {
justify-content: flex-start;
display: block;
}
.heading-11 {
color: #4c4c4c;
letter-spacing: 3px;
margin-top: 0;
margin-bottom: 10px;
margin-left: 2px;
font-family: Dongle;
font-size: 26px;
font-style: normal;
line-height: 14px;
text-decoration: none;
}
.heading-11.plntrs {
text-align: left;
margin-bottom: 0;
font-size: 26px;
}
.heading-11.left {
text-align: right;
}
.projects {
justify-content: center;
display: flex;
}
.image-26 {
object-fit: fill;
max-width: none;
max-height: 150%;
}
.spinning-logo-and-logo-image {
background-color: #fff;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.image-27 {
margin-top: 0;
margin-bottom: 0;
padding: 0 60px;
}
.success-message {
background-color: #366e60;
}
.text-block-13 {
color: #fff;
font-family: Space Grotesk;
font-size: 16px;
font-weight: 400;
}
.error-message {
background-color: #ffd7d7;
align-self: center;
height: auto;
margin-left: 60px;
padding-left: 10px;
font-family: Space Grotesk;
}
.text-block-14 {
width: 250px;
font-size: 16px;
font-weight: 500;
}
.container-11 {
margin-top: 20px;
}
.round-heading {
color: #fff;
text-align: center;
background-color: #eb7347;
border-radius: 12px;
margin-top: 0;
margin-bottom: 0;
padding: 20px;
font-family: Savate;
font-size: 30px;
font-weight: 400;
line-height: 32px;
}
.round-heading.bcc-1st-rd {
background-color: var(--headings);
color: #fff;
text-align: center;
letter-spacing: .5px;
width: auto;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 20px 10px;
font-family: Savate;
font-size: 30px;
font-weight: 500;
line-height: 32px;
}
.round-heading.bcc-1st-rd.client-chose {
text-align: center;
background-image: none;
background-size: auto;
width: auto;
height: auto;
margin-top: 0;
margin-left: 0;
margin-right: 0;
font-family: Savate;
font-size: 30px;
line-height: 32px;
display: block;
}
.round-heading.bcc-1st-rd.final-logo {
flex-direction: column;
width: 60px;
height: auto;
margin-top: 0;
margin-left: 0;
margin-right: 0;
font-family: Savate;
display: inline-block;
}
.round-heading.bcc-1st-rd.readapt {
border-radius: 19px;
width: auto;
height: auto;
margin-left: 40px;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
font-family: Savate;
}
.round-heading.sub-comment {
text-align: left;
background-color: #e6774829;
width: 200px;
height: 190px;
margin-left: 40px;
padding: 15px 10px 15px 20px;
font-size: 18px;
font-weight: 500;
line-height: 22px;
}
.round-heading.sub-comment.rt {
text-align: left;
white-space: normal;
border: 1px #000;
width: auto;
min-width: auto;
height: auto;
margin-left: 0;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.round-heading.sub-comment.readapt {
width: 248px;
height: 230px;
padding-right: 10px;
font-size: 16px;
}
.round-heading.sub-comment.first {
height: 165px;
}
.round-heading.sub-comment.first.logo-opts {
background-color: #0000;
flex-direction: row;
width: auto;
min-width: 150px;
height: auto;
margin-left: 0;
margin-right: 0;
padding: 10px 0 0;
font-size: 14px;
font-weight: 400;
line-height: 22px;
display: inline-block;
}
.round-heading.sub-comment.first.logo-opts.rt {
margin-left: 20px;
margin-right: 0;
padding-left: 0;
font-size: 18px;
line-height: 24px;
}
.round-heading.sub-comment.first.logo-opts.tees {
margin-left: 0;
padding-top: 0;
padding-right: 0;
}
.round-heading.sub-comment.first.logo-opts.tee-up {
min-width: 200px;
margin-left: 10px;
padding-top: 0;
}
.round-heading.sub-comment.first.logo-opts.readapt {
margin-left: 40px;
padding-top: 20px;
padding-right: 0;
}
.round-heading.sub-comment.first.logo-opts.two {
justify-content: flex-end;
margin-left: 20px;
margin-right: 0;
padding-top: 0;
font-size: 18px;
line-height: 24px;
display: flex;
}
.round-heading.sub-comment.first.hibiscus {
color: #fff;
background-color: #e77748;
width: 230px;
height: 180px;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 0;
padding-right: 20px;
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
.round-heading.sub-comment.first.hibiscus.top {
color: #fff;
background-color: #e77748;
height: 80px;
padding-left: 15px;
padding-right: 15px;
}
.round-heading.sub-comment.first.hibiscus.top.bottom {
margin-top: 40px;
}
.round-heading.sub-comment.first.hibiscus.bottom {
margin-left: 40px;
}
.round-heading.sub-comment.first.hibiscus.bottom.ugh {
height: 180px;
margin-bottom: 10px;
margin-left: 60px;
padding-left: 20px;
padding-right: 15px;
}
.round-heading.sub-comment.final {
width: auto;
height: auto;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.div-block-19 {
border: .2px solid #0000;
margin-top: 40px;
margin-bottom: 40px;
}
.miss-moo-logo-black {
opacity: 1;
background-color: #000;
border-radius: 20px;
max-width: 150px;
margin: 0 0 10px;
padding: 10px 8px 10px 10px;
display: block;
}
.miss-moo-logo-black.green {
background-color: var(--dark-slate-grey-2\);
}
.paragraph-9 {
margin-top: 100px;
}
.columns-6 {
padding-top: 0;
}
.miss-moo-logo-green {
opacity: 1;
background-color: #3a6e54;
border-radius: 20px;
max-width: 150px;
margin-top: 0;
margin-left: 0;
padding: 10px;
}
.miss-moo-logo-image {
width: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 20px 20px 20px 40px;
}
.image-31 {
padding: 40px 60px;
}
.hibiscus-miss-moo-full-color-image {
object-fit: cover;
border: 1px #0000;
width: 80%;
max-width: none;
margin-left: 0;
margin-right: 80px;
padding: 40px 0 0 20px;
transition: border .15s;
position: static;
}
.hibiscus-miss-moo-full-color-image:hover {
border: 14px solid #afff0f;
border-radius: 10px;
padding-bottom: 20px;
padding-right: 20px;
}
.hibiscus-miss-moo-full-color-image:focus-visible, .hibiscus-miss-moo-full-color-image[data-wf-focus-visible] {
border: 14px #afff0f;
border-radius: 10px;
padding-bottom: 40px;
padding-right: 20px;
}
.text-block-15 {
color: #2ce32c;
background-color: #a0ff33;
}
.image-of-2nd-logo-opts {
width: 100%;
margin-top: 40px;
margin-left: 0;
margin-right: 40px;
}
._2n-rd-logos-div {
margin-left: 0;
}
.section-13 {
background-color: #fff;
margin: 0;
padding: 0;
}
.image-34 {
max-width: 100%;
}
.image-35 {
object-fit: fill;
max-width: 80%;
}
.image-36 {
max-width: 80%;
}
.section-14 {
padding-top: 0;
padding-bottom: 0;
}
.column-10 {
padding: 0 10px;
}
.image-37, .image-38, .image-39 {
padding: 20px 40px;
}
.title {
color: #000;
text-align: left;
letter-spacing: -2px;
margin: 0 100px;
font-family: Savate;
font-size: 40px;
font-weight: 600;
line-height: 45px;
}
.title.readapt {
margin-top: 0;
margin-bottom: 0;
}
.title.illust {
color: #fff;
}
.title.under-construction {
text-align: center;
letter-spacing: -.7px;
}
.process-title-section {
background-color: var(--khaki);
margin-top: 0;
padding-top: 20px;
padding-bottom: 20px;
font-weight: 400;
}
.process-title-section.miss-moo {
background-color: #ffecec;
margin-top: 0;
}
.process-title-section.plntrs {
background-color: var(--khaki);
margin-top: 0;
}
.process-title-section.plntrs.bottom {
margin-top: 60px;
}
.process-title-section.plntrs.readaptation {
background-color: var(--khaki);
margin-top: 100px;
}
.process-title-section.plntrs.final {
background-color: var(--khaki);
margin-top: 60px;
}
.process-title-section.plntrs.illust {
background-color: #ffecec;
}
.process-title-section.plntrs.illust.sunkin {
background-color: var(--khaki);
margin-top: 60px;
}
.process-title-section.plntrs.invites {
margin-top: -38px;
}
.process-title-section.process {
background-color: #ffecec;
margin-top: 0;
}
.process-title-section.under-construction {
background-color: var(--khaki);
text-align: center;
margin-top: 60px;
margin-bottom: 90px;
padding-top: 60px;
padding-bottom: 60px;
}
.hibiscus-readaptation-section {
margin-left: 200px;
margin-right: 200px;
}
.logo-readaptation {
padding-bottom: 0;
}
.balcom-tees-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: minmax(auto, 300px) minmax(auto, 250px);
grid-template-columns: 1fr 1fr 1fr 1fr;
align-content: start;
align-items: center;
height: auto;
margin: 0 200px;
}
.balcom-tees-grid.black {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: minmax(auto, 300px) minmax(auto, 250px);
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-left: 200px;
margin-right: 200px;
}
.image-40 {
background-color: #000;
max-width: none;
margin-top: 0;
padding: 20px 60px;
}
.image-41 {
background-color: #000;
padding: 0 85px 0 84px;
}
.image-42 {
object-fit: fill;
}
.image-43 {
max-width: none;
}
.lightbox-link-2 {
background-color: #000;
padding: 40px 30px 40px 40px;
}
.lightbox-link-3 {
max-width: none;
overflow: hidden;
}
.back-shirt-design {
object-fit: cover;
background-color: #000;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
padding: 20px 0;
}
.plntrs-logo-section {
margin-bottom: 0;
margin-left: 200px;
margin-right: 200px;
}
.plntrs-logo-section.bcc {
margin-bottom: 20px;
margin-left: 200px;
margin-right: 200px;
}
.plntrs-logo-section.plntrs {
margin-bottom: 0;
}
.text-block-17 {
margin: 100px;
}
.lightbox-link-4 {
padding-left: 0;
padding-right: 0;
}
.image-45 {
object-fit: contain;
}
.lightbox-link-5 {
padding: 0;
}
.white-shirt-back-design {
object-fit: cover;
border: 1px solid #0000;
width: 100%;
max-width: none;
height: auto;
margin: 0;
padding: 100px 0;
overflow: hidden;
}
.image-47 {
padding: 10px;
}
.image-48 {
background-color: #000;
padding: 10px 20px;
}
.image-49 {
object-fit: cover;
display: block;
}
.image-50 {
opacity: .93;
object-fit: contain;
padding: 0 10px 20px;
}
.image-51 {
object-fit: contain;
}
.image-52 {
object-fit: cover;
}
.div-block-21 {
height: 50px;
}
.image-53, .image-54 {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
.section-16 {
margin-top: 140px;
padding-left: 40px;
padding-right: 40px;
}
.image-55 {
max-width: 80%;
margin-top: -22px;
margin-left: 67px;
margin-right: 0;
}
.image-56 {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
.div-block-22 {
object-fit: cover;
}
.contact-section {
color: #005038;
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61b79b96e4cca8a52a9a4fff_green.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 400px 160px;
justify-content: center;
align-items: center;
height: 200px;
margin-top: 145px;
padding-top: 0;
display: none;
}
.contact-section.heading {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/622ce8df79149cfe9f3df45e_dgreen.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 500px 200px;
display: block;
}
.columns-contact-form {
background-color: var(--dark-slate-grey-2\);
border: 5px #eb7347;
border-radius: 0;
margin: 50px 0 0;
padding-top: 30px;
padding-bottom: 60px;
padding-left: 20px;
}
.columns-contact-form.contact-pg {
padding: 80px 40px 100px;
}
.columns-contact-form.design {
background-color: var(--dark-slate-grey-2\);
margin-bottom: -63px;
padding-bottom: 60px;
}
.columns-contact-form.illo {
color: #003021;
background-color: #000;
align-items: stretch;
margin-top: 0;
margin-bottom: 0;
padding-top: 80px;
padding-bottom: 80px;
padding-left: 0;
display: flex;
}
.contact-lt-div {
flex-direction: column;
justify-content: center;
align-items: flex-end;
height: auto;
margin-top: 0;
margin-left: 0;
display: block;
}
.rt-contact-column {
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-left: 120px;
padding-right: 120px;
display: flex;
position: static;
}
.contact-rt-div {
justify-content: center;
align-items: center;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: flex;
}
.contact-rt-div.contact-pg {
background-color: #0000;
border-radius: 20px;
flex-direction: column;
justify-content: center;
width: auto;
margin-top: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.columns-8 {
height: 400px;
}
.logo-sticker-grid {
grid-column-gap: 0px;
object-fit: contain;
background-color: #fff;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr;
justify-items: stretch;
height: 730px;
margin-top: 20px;
padding: 0;
overflow: hidden;
}
.logo-sticker-grid.plntrs {
grid-template-columns: .75fr .5fr;
place-content: stretch;
place-items: stretch stretch;
height: auto;
}
.image-57 {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
overflow: hidden;
}
.image-58 {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
.photos-section {
height: auto;
margin-bottom: 60px;
}
.logo-sticker-image {
object-fit: cover;
border: 1px #0000;
border-radius: 0;
width: 100%;
transition: border .15s;
position: static;
overflow: hidden;
}
.logo-sticker-image:hover {
border: 18px #afff0f;
border-radius: 0;
}
.logo-sticker-image:focus-visible, .logo-sticker-image[data-wf-focus-visible] {
border: 18px #afff0f;
border-radius: 12px;
}
.image-60 {
object-fit: cover;
}
.hibiscus-cider-image-grid {
grid-column-gap: 49px;
grid-row-gap: 16px;
background-color: #fff;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
place-content: center;
width: auto;
height: auto;
margin-bottom: 140px;
margin-left: 200px;
margin-right: 200px;
}
.image-of-3-hib-ciders {
object-fit: cover;
border-radius: 0;
width: 100%;
max-width: 100%;
height: auto;
overflow: hidden;
}
.readaptation-title-section {
background-color: var(--khaki);
margin-top: 120px;
padding: 20px 0;
}
.section-20 {
justify-content: center;
display: block;
}
.image-62, .image-63 {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
overflow: hidden;
}
.project-type {
color: #ff8254;
letter-spacing: 2px;
justify-content: center;
margin-top: 5px;
font-family: Savate;
font-size: 34px;
font-weight: 700;
display: flex;
}
.project-type.plntrs {
color: #043a2c;
letter-spacing: 1px;
}
.project-type.uiux {
color: var(--dark-slate-grey);
}
.project-type.illust {
color: var(--headings);
}
.project-type.illust.sub {
color: #f5ccff;
margin-top: 0;
margin-bottom: 20px;
font-size: 32px;
display: block;
}
.project-type.illust.sub.sunkin {
color: #ff8b61;
}
.project-type.invites {
color: #fff;
text-align: center;
letter-spacing: 1.4px;
margin-bottom: 0;
font-size: 40px;
line-height: 44px;
}
.project-type.shirt {
margin-top: 10px;
}
.heading-13 {
color: #043d20;
text-align: center;
margin-top: 0;
font-family: Space Grotesk;
}
.plntrs-logo-image {
width: 100%;
margin: 0;
padding-top: 20px;
padding-left: 140px;
padding-right: 0;
}
.plntrs-gif-logo-section {
background-color: #0000;
}
.link-6 {
color: #492000;
}
.final-design-heading {
background-color: var(--headings);
color: #fff;
text-align: center;
border-radius: 19px;
width: 60px;
margin-top: 0;
margin-left: 60px;
margin-right: 0;
padding: 20px 10px;
font-family: Savate;
font-size: 30px;
font-weight: 600;
line-height: 32px;
}
.final-design-heading.final-design-plntrs-character {
white-space: normal;
flex-direction: row;
justify-content: center;
width: 60px;
margin-bottom: 0;
font-size: 30px;
line-height: 30px;
display: flex;
}
.final-design-heading.final-design-plntrs-character.bcc {
padding-left: 20px;
padding-right: 20px;
}
.final-design-heading.final-design-plntrs-character.illust {
color: #252525;
background-color: #d2e4ff;
}
.final-design-heading.final-design-plntrs-character.sunkin {
justify-content: center;
align-items: center;
height: 500px;
}
.final-design-heading.final-design-plntrs-character.invites {
text-align: center;
align-items: center;
height: 460px;
margin-right: 20px;
display: flex;
}
.final-design-heading.plant-care {
margin-bottom: 40px;
}
.final-design-heading.plant-care.illust {
color: #2b2b2b;
background-color: #d1e3fe;
}
.final-design-heading.final-logo {
width: 60px;
line-height: 30px;
display: block;
}
.final-design-heading.beginning-sketches {
margin-bottom: 0;
}
.final-design-heading.beginning-sketches.illust {
background-color: var(--headings);
color: #fff;
}
.image-65 {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
display: block;
}
.plntrs-1 {
object-fit: cover;
background-color: #bec4bc;
border: 1px solid #0000;
width: 100%;
margin-top: 10px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
transition: border .1s;
}
.plntrs-1:hover {
border: 7px solid #afff0f;
border-radius: 12px;
}
.plntrs-2 {
background-color: #bec4bc;
border: 1px solid #0000;
width: 100%;
margin-top: 10px;
padding-left: 0;
}
.plntrs-2:hover {
border: 7px solid #afff0f;
border-radius: 12px;
}
.heading-15 {
font-family: Savate;
font-weight: 600;
}
.plntrs-original-logo {
background-color: #c7cec2;
border: 1px solid #0000;
width: 100%;
margin-top: 10px;
padding-top: 20px;
padding-bottom: 20px;
transition: border .1s;
}
.plntrs-original-logo:hover {
border: 10px solid #afff0f;
border-radius: 12px;
}
.design-projects {
height: auto;
margin-top: 0;
margin-bottom: 60px;
}
.thumbnail-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be8790d742df15769ae14a_Untitled_Artwork.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
max-width: none;
height: 450px;
margin: 0;
padding: 0;
position: absolute;
}
.thumbnail-block.fresh {
background-image: none;
}
.thumbnail-block.fresh.logo {
object-fit: contain;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61c4f5e4908db9ef38ceb25c_IMG_9978.JPG");
background-position: 50%;
margin-right: 40px;
padding: 0 10px 10px;
}
.thumbnail-block.fresh.label {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be6b10aeb6f0013f7a3a90_IMG_2819.jpg");
background-position: 50%;
background-size: cover;
height: 450px;
margin-right: 0;
}
.thumbnail-block.fresh._2 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be7e89e035e093601a001f_IMG_4280.jpg");
background-position: 50%;
background-size: cover;
padding-right: 20px;
}
.thumbnail-block.fresh.bclogo {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61c4c66949cf6f51e3fbb8c4_IMG_0122.jpeg");
background-position: 50%;
background-size: cover;
padding-left: 0;
}
.thumbnail-block._2 {
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61c4f5e4908db9ef38ceb25c_IMG_9978.JPG");
background-position: 50%;
background-size: cover;
width: 100%;
height: 450px;
margin-right: 0;
padding: 0;
}
.text-wrapper {
color: #fff;
object-fit: cover;
background-color: #0000;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
max-width: none;
height: 70vh;
padding: 0;
text-decoration: none;
display: flex;
position: absolute;
}
.text-wrapper._1 {
background-color: #ffffffd1;
height: 60vh;
}
.text-wrapper._2 {
background-color: #ffffffd1;
}
.heading-16 {
direction: ltr;
color: #fff;
text-align: right;
background-color: #0000;
border-radius: 20px;
margin-top: 0;
margin-bottom: 0;
padding: 0 10px 0 0;
font-family: Space Grotesk;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 30px;
text-decoration: none;
}
.paragraph-10 {
color: #1a1a1a;
text-align: right;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 20px;
padding-right: 20px;
font-family: Space Grotesk;
font-size: 25px;
font-weight: 600;
line-height: 20px;
text-decoration: none;
}
.columns-9 {
height: auto;
margin: 10px 100px 100px 80px;
}
.div-block-25 {
background-color: #fc9100a1;
width: 100%;
padding: 10px;
}
.column-12 {
height: auto;
padding: 0 20px 0 0;
}
.column-13 {
padding: 0 0 0 40px;
}
.column-14 {
padding: 0 0 0 20px;
}
.image-69 {
max-width: 40%;
margin-top: 61px;
margin-left: 0;
padding-left: 0;
}
.heading-17 {
color: #3a6e54;
text-transform: none;
white-space: nowrap;
object-fit: fill;
flex-wrap: wrap;
width: auto;
margin: 0;
font-family: Savate;
font-size: 14px;
font-weight: 500;
line-height: 14px;
text-decoration: none;
display: block;
overflow: hidden;
}
.heading-18 {
color: #000;
letter-spacing: 0;
white-space: nowrap;
background-color: #0000;
flex-flow: wrap;
align-items: stretch;
width: auto;
margin: 0 60px 0 0;
padding: 12px 10px 10px;
font-family: Savate italique;
font-size: 35px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
display: flex;
}
.link-block-3 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61c4f5e4908db9ef38ceb25c_IMG_9978.JPG");
background-position: 30% 60%;
background-size: cover;
width: auto;
max-width: none;
height: 500px;
margin-top: 0;
}
.link-block-3.plntrman {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be8790d742df15769ae14a_Untitled_Artwork.jpg");
background-position: 50%;
background-size: cover;
width: auto;
height: 500px;
margin-top: 0;
}
.image-70 {
width: 100%;
max-width: none;
height: auto;
}
.balcom-section {
height: 500px;
margin-top: 0;
}
.paragraph-11 {
color: #000;
background-color: #0000;
width: auto;
margin: 0;
padding-left: 0;
padding-right: 0;
font-family: Inter, sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 39px;
}
.paragraph-11.love-to-learn {
width: auto;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 40px;
font-size: 28px;
line-height: 39px;
}
.white-pocket-design {
border: 1px solid #0000;
width: 100%;
margin-top: 0;
margin-left: 0;
padding: 20px 20px 20px 40px;
}
.div-block-26 {
padding: 20px;
}
.paragraph-12 {
margin-left: 0;
}
.div-block-27 {
height: 120px;
}
.image-72 {
background-color: #000;
}
.paragraph-13 {
margin-left: 40px;
}
.shirts-gif-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
place-content: center;
place-items: start center;
margin: 0 100px;
}
.shirts-gif-grid.shirts {
grid-column-gap: 60px;
margin-left: 200px;
margin-right: 200px;
}
.black-shirt-gif {
cursor: default;
object-fit: cover;
width: 100%;
max-width: 100%;
display: inline-block;
}
.white-shirt-gif {
cursor: default;
object-fit: cover;
width: 100%;
max-width: 100%;
max-height: none;
}
.black-shirt-back-design-ltbox {
cursor: pointer;
object-fit: cover;
border: 1px #0000;
flex-wrap: wrap;
place-content: stretch space-between;
align-items: stretch;
max-width: 100vw;
transition: border .1s;
display: flex;
overflow: hidden;
}
.black-shirt-back-design-ltbox:hover {
border: 15px solid #afff0f;
border-radius: 16px;
}
.black-shirt-back-design-ltbox:focus-visible, .black-shirt-back-design-ltbox[data-wf-focus-visible] {
border: 16px solid var(--blue);
border-radius: 16px;
}
.black-pocket-design {
object-fit: cover;
width: 100%;
margin: 0;
padding: 0;
}
.white-shirt-back-design-ltbox {
cursor: pointer;
border: 1px #0000;
flex-wrap: wrap;
place-content: space-around space-between;
margin-left: 20px;
margin-right: 20px;
transition: border .1s;
display: flex;
overflow: hidden;
}
.white-shirt-back-design-ltbox:hover {
border: 16px solid #afff0f;
border-radius: 16px;
margin-top: 0;
margin-bottom: 0;
}
.white-shirt-back-design-ltbox:focus-visible, .white-shirt-back-design-ltbox[data-wf-focus-visible] {
border: 15px solid var(--blue);
border-radius: 16px;
}
.hibiscus-miss-moo-outline-image {
cursor: pointer;
width: 100%;
max-width: 100%;
margin-left: 0;
padding-right: 0;
}
.black-shirt-div {
object-fit: cover;
flex-wrap: wrap;
place-content: space-around space-between;
max-width: none;
display: flex;
}
.white-shirt-div {
max-width: none;
}
.shirts-gif-section {
margin-top: 0;
}
.image-77 {
max-width: 100%;
display: inline-block;
}
.div-block-30 {
justify-content: center;
align-items: flex-end;
display: flex;
}
.spinning-logo-column {
justify-content: center;
align-items: center;
display: flex;
}
.logo-gif {
width: 100%;
margin-top: 40px;
}
.grid-13 {
grid-column-gap: 100px;
grid-row-gap: 0px;
background-color: #fff;
border-bottom-left-radius: 10px;
grid-template-rows: minmax(auto, 500px) auto minmax(auto, 500px) auto;
grid-template-columns: 1fr 1fr;
align-content: space-around;
margin-bottom: 0;
margin-left: 100px;
margin-right: 100px;
}
.grid-13.ciders {
margin-bottom: 0;
}
.text-block-18 {
text-align: center;
font-family: Space Grotesk;
}
.text-block-18.hibiscus {
color: #fff;
letter-spacing: .5px;
background-color: #bd5e56;
border-bottom-right-radius: 10px;
margin-bottom: 30px;
padding: 10px;
font-size: 20px;
font-weight: 400;
line-height: 20px;
}
.text-block-18.hibiscus.cascade {
background-color: #4f2e24;
border-bottom-right-radius: 0;
border-bottom-left-radius: 10px;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.text-block-18.hibiscus.saison {
background-color: #c25c27;
}
.text-block-18.hibiscus._w-mash {
background-color: #294a3f;
}
.text-block-18.imperial {
color: #fff;
background-color: #c7a100;
margin-bottom: 30px;
font-size: 12px;
line-height: 18px;
}
.text-block-18.cyser {
color: #fff;
background-color: #ee8752;
border-bottom-right-radius: 10px;
margin-bottom: 30px;
}
.text-block-18.winter {
color: #fff;
background-color: #7eaf7e;
border-bottom-left-radius: 10px;
margin-bottom: 30px;
}
.image-of-ciders {
border: 1px solid #0000;
margin-top: 40px;
}
.image-79 {
object-fit: cover;
}
.grid-14 {
grid-column-gap: 16px;
background-color: #0000;
grid-template-rows: auto;
grid-template-columns: .75fr 1.25fr;
align-content: center;
place-items: start center;
height: 530px;
margin-bottom: 16px;
overflow: hidden;
}
.image-80 {
object-fit: cover;
max-width: 100%;
max-height: 200%;
display: inline-block;
}
.section-24 {
margin-top: 0;
}
.footer {
margin-top: 60px;
}
.div-block-31 {
object-fit: cover;
justify-content: space-around;
align-items: stretch;
height: 530px;
display: flex;
}
.lightbox-link-8 {
height: auto;
}
._4-ciders-image {
object-fit: cover;
border: 0 solid #0000;
width: 100%;
transition: border .15s;
}
._4-ciders-image:hover {
border-width: 15px;
border-color: #afff0f;
border-radius: 12px;
}
._4-ciders-image:focus-visible, ._4-ciders-image[data-wf-focus-visible] {
border: 15px #afff0f;
}
.plntrs-gif-logo-columns {
justify-content: center;
align-items: center;
display: flex;
}
.final-design-caption {
width: auto;
margin-top: 0;
margin-left: 10px;
padding: 0 10px 10px;
font-family: Space Grotesk;
font-size: 20px;
line-height: 24px;
}
.final-design-caption.bottom {
padding-top: 10px;
}
.final-design-caption.final1 {
white-space: normal;
flex-direction: row;
align-items: center;
width: 260px;
margin-top: 40px;
margin-left: 40px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 18px;
line-height: 24px;
display: flex;
}
.final-design-caption.final1.logo-plntrs {
flex-wrap: wrap;
align-content: flex-start;
align-items: flex-start;
width: auto;
min-width: auto;
height: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.final-design-caption.final1.bcc-logo {
align-items: center;
width: auto;
min-width: 250px;
margin-top: 80px;
margin-left: 0;
margin-right: 0;
padding-right: 20px;
font-size: 18px;
line-height: 24px;
display: flex;
}
.final-design-caption.final1.illust {
margin-top: 20px;
margin-left: 0;
padding-right: 20px;
line-height: 26px;
}
.final-design-caption.final1.illust.rt {
width: auto;
min-width: auto;
margin-top: 20px;
margin-left: 10px;
}
.final-design-caption.final1.tablet {
margin-top: 0;
margin-left: 160px;
}
.final-design-caption.final2 {
width: auto;
min-width: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0 0 0 10px;
}
.final-design-caption.plntrs-character {
width: auto;
margin-top: 10px;
margin-left: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 18px;
line-height: 26px;
}
.final-design-caption.plntrs-character.rt {
margin-left: 20px;
}
.final-design-caption.plntrs-character.self-care {
align-items: flex-start;
margin-top: 0;
margin-right: 40px;
padding-right: 0;
display: flex;
}
.final-design-caption.plntrs {
width: 330px;
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
.final-design-caption.plntrs.character {
width: 360px;
}
.final-design-caption.character {
width: auto;
margin-top: 20px;
margin-left: 0;
}
.plntrs-1-ltbox {
cursor: pointer;
border: 1px #0000;
max-width: 100vw;
height: auto;
overflow: hidden;
}
.plntrs-1-ltbox:focus-visible, .plntrs-1-ltbox[data-wf-focus-visible] {
border: 8px solid var(--blue);
border-radius: 10px;
}
.plntrs-2-ltbox {
cursor: pointer;
border: 1px #000;
height: auto;
overflow: hidden;
}
.plntrs-2-ltbox:focus-visible, .plntrs-2-ltbox[data-wf-focus-visible] {
border: 8px solid var(--blue);
border-radius: 10px;
}
.plntrs-1-div {
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
display: flex;
}
.plntrs-2-div {
justify-content: center;
align-items: flex-start;
display: flex;
}
.div-block-34 {
width: 150px;
}
.plntrs-columns {
justify-content: center;
align-items: center;
display: flex;
}
.image-82 {
margin-left: 0;
padding-top: 40px;
padding-bottom: 0;
padding-left: 60px;
}
.plntrs-info {
margin-top: 20px;
}
.plntrs-info.character {
margin-top: 40px;
}
.plntrs-sticker {
object-fit: cover;
border: 0 #0000;
width: 100%;
transition: border .15s;
}
.plntrs-sticker:hover {
border: 15px solid #afff0f;
border-radius: 10px;
}
.plntrs-sign {
object-fit: cover;
border: 0 #0000;
width: 100%;
transition: border .15s;
}
.plntrs-sign:hover {
border: 15px solid #afff0f;
border-radius: 10px;
}
.plntrs-water-bottle-ltbox {
cursor: pointer;
object-fit: cover;
border: 1px #0000;
justify-content: space-between;
align-items: stretch;
max-width: 100vw;
display: flex;
}
.plntrs-water-bottle-ltbox:focus-visible, .plntrs-water-bottle-ltbox[data-wf-focus-visible] {
border: 15px solid var(--blue);
border-radius: 10px;
}
.plntrs-sign-ltbox {
cursor: pointer;
border: 1px #0000;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.plntrs-sign-ltbox:focus-visible, .plntrs-sign-ltbox[data-wf-focus-visible] {
border: 15px solid var(--blue);
border-radius: 10px;
}
.div-block-35 {
height: 100px;
}
.plntrs-3 {
width: 100%;
margin-top: 10px;
}
.plntrs-3:hover {
border: 7px solid #afff0f;
border-radius: 12px;
}
.plntrs-4 {
width: 100%;
margin-top: 10px;
}
.plntrs-4:hover {
border: 7px solid #afff0f;
border-radius: 12px;
}
.plntrs-screenshot {
border: 1px solid #0000;
width: 100%;
margin-top: 40px;
margin-bottom: 0;
display: block;
}
.plntrs-screenshot:hover {
border: 10px solid #afff0f;
border-radius: 12px;
}
.div-block-36 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.first-sketch-ltbox {
cursor: pointer;
object-fit: cover;
border: 1px solid #0000;
flex-wrap: wrap;
place-content: stretch space-between;
max-width: 100vw;
margin-top: 40px;
margin-left: 15px;
display: flex;
}
.first-sketch-ltbox:hover {
border-width: 0;
}
.first-sketch-ltbox:focus-visible, .first-sketch-ltbox[data-wf-focus-visible] {
border-width: 10px;
border-color: var(--blue);
border-radius: 12px;
}
.first-sketch-ltbox.sunkin {
flex-wrap: wrap;
place-content: stretch space-between;
align-items: stretch;
margin-left: 40px;
overflow: hidden;
}
.first-sketch-ltbox.sunkin:hover {
border: 12px solid #afff0f;
border-radius: 10px;
}
.ciders-grid2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
background-color: #0000;
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
align-items: stretch;
margin-bottom: 0;
}
.image-88 {
object-fit: cover;
}
.image-89 {
object-fit: cover;
max-width: 100%;
display: inline-block;
}
._4-ciders-ltbox {
cursor: pointer;
object-fit: cover;
border: 1px #0000;
max-width: 100vw;
display: flex;
}
._4-ciders-ltbox:focus-visible, ._4-ciders-ltbox[data-wf-focus-visible] {
border: 15px solid var(--blue);
border-radius: 12px;
}
.lightbox-link-15 {
object-fit: cover;
flex-direction: row;
justify-content: space-between;
max-width: none;
display: flex;
}
.paragraph-14 {
text-align: center;
font-family: Space Grotesk;
}
.click-thru {
text-align: center;
margin: 10px 100px;
font-family: Space Grotesk;
}
.inner-container {
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
}
.explore-each-cider {
color: var(--magenta);
white-space: nowrap;
margin: 0;
padding: 0 20px 0 0;
font-family: Savate italique;
font-size: 36px;
font-style: normal;
font-weight: 600;
text-decoration: none;
transition: transform .15s;
display: inline-block;
}
.explore-each-cider:hover {
transform: skew(-30deg);
}
.loop-container {
align-items: center;
display: flex;
}
.loop-text {
color: #cf504b;
white-space: nowrap;
align-items: center;
margin-top: 0;
margin-bottom: 0;
margin-right: 20px;
font-family: Space Grotesk;
font-size: 24px;
font-weight: 600;
display: inline-block;
}
.loop-text.imperial {
color: #5d885f;
}
.loop-text.imperial.brown {
color: #552f18;
}
.loop-text.saison {
color: #df5e1c;
}
.html-embed {
flex-wrap: nowrap;
display: flex;
}
.ig-logo-image {
background-color: var(--sea-green\);
color: var(--sea-green\);
border-radius: 10px;
width: auto;
max-width: 28px;
margin-top: 0;
margin-left: 0;
text-decoration: none;
display: block;
}
.ig-logo {
width: 60px;
max-width: none;
margin: 0;
text-decoration: none;
position: fixed;
overflow: hidden;
}
.ig-logo.adjustments {
margin-top: 0;
padding-top: 0;
display: inline-block;
}
.ig-logo.adjustments:focus-visible, .ig-logo.adjustments[data-wf-focus-visible] {
border: 2px solid var(--blue);
border-radius: 10px;
}
.olympics-character-image {
border: 1px solid #0000;
width: 100%;
max-width: 160px;
margin-left: 0;
padding-top: 0;
transition: border .15s;
}
.olympics-character-image:hover {
border: 7px solid #afff0f;
border-radius: 10px;
padding: 10px;
}
.jumpman-image {
border-radius: 0;
width: 99.9999%;
margin-top: 100px;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.jumpman-image:hover {
border: 7px solid #afff0f;
border-radius: 12px;
}
.character-jump-sketch {
border: 1px #0000;
width: 100%;
margin-top: 40px;
transition: border .1s;
}
.character-jump-sketch:hover {
border: 12px solid #afff0f;
border-radius: 10px;
}
.plntrman {
border: 1px solid #0000;
border-radius: 15px;
width: 77%;
margin-left: 0;
transition: border .15s;
}
.plntrman:hover {
border: 12px solid #afff0f;
}
.plant-care-is-self-care-section {
margin-left: 200px;
margin-right: 200px;
}
.image-95 {
object-fit: cover;
margin-top: 0;
margin-left: 0;
}
.plant-illo-2 {
object-fit: cover;
border: 1px solid #0000;
width: auto;
height: 335px;
margin-top: 0;
margin-left: 0;
transition: border .15s;
}
.plant-illo-2:hover {
border: 12px solid #afff0f;
border-radius: 12px;
}
.final-thoughts {
margin: 30px 200px 60px;
font-family: Space Grotesk;
font-size: 20px;
line-height: 28px;
}
.plant-illo-ltbox {
cursor: pointer;
border: 1px solid #0000;
flex-wrap: wrap;
place-content: space-around center;
max-width: 100vw;
margin-top: 20px;
margin-left: 20px;
display: flex;
}
.plant-illo-ltbox:focus-visible, .plant-illo-ltbox[data-wf-focus-visible] {
border-width: 12px;
border-color: var(--blue);
border-radius: 10px;
}
.plant-illo-ltbox.plant2 {
cursor: pointer;
border: 1px #0000;
margin-left: 15px;
}
.plant-illo-ltbox.plant2:focus-visible, .plant-illo-ltbox.plant2[data-wf-focus-visible] {
border: 12px solid var(--blue);
}
.paragraph-16 {
margin-left: 0;
}
.plntrs-final-logo {
border: 1px #0000;
width: 100%;
min-width: 50%;
max-width: 90%;
margin-top: 0;
margin-left: 0;
transition: border .1s;
}
.plntrs-final-logo:hover {
border: 12px solid #afff0f;
border-radius: 10px;
}
.plant-illo-caption-div {
align-items: flex-start;
display: flex;
}
.loop-container-plntrs {
align-items: center;
display: flex;
}
.heading-20 {
text-transform: uppercase;
white-space: nowrap;
align-items: center;
margin: 0 40px 0 0;
padding-top: 15px;
padding-bottom: 15px;
font-family: Savate italique;
font-size: 45px;
display: inline-block;
}
.loop-container-balcom {
align-items: center;
margin-right: 0;
display: flex;
}
.heading-21 {
letter-spacing: 0;
text-transform: uppercase;
white-space: nowrap;
margin-right: 100px;
font-family: Savate italique;
font-size: 45px;
}
.loopcontainer-andymag {
align-items: center;
display: flex;
}
.body-2 {
color: #000;
}
.grid-16 {
grid-column-gap: 30px;
grid-row-gap: 3px;
color: #fff;
background-color: #0000;
border-radius: 20px;
grid-template-rows: minmax(auto, 1fr) auto minmax(auto, 320px) 30px auto minmax(auto, 360px) 30px auto minmax(auto, 300px);
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-bottom: 40px;
margin-left: 60px;
margin-right: 60px;
padding: 20px 40px 40px;
}
.grid-16.illustration {
grid-template-rows: auto auto minmax(auto, 1fr) auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.grid-17 {
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
height: auto;
margin-left: 100px;
margin-right: 100px;
}
.link-block-5 {
object-fit: cover;
max-width: 100%;
overflow: hidden;
}
.bcc-logo-project-image {
object-fit: cover;
border-radius: 0;
width: auto;
max-width: 100%;
height: auto;
}
.bcc-logo-project-image:hover {
border-radius: 0;
}
.cider-project-image {
object-fit: cover;
border-radius: 0;
width: auto;
height: auto;
overflow: hidden;
}
.link-block-6, .link-block-7 {
object-fit: cover;
max-width: 100%;
overflow: hidden;
}
.shirt-project-image {
object-fit: cover;
border-radius: 0;
}
.shirt-project-image:hover {
border-radius: 0;
}
.section-26 {
margin-bottom: 100px;
}
.looptext-logo-plntrs {
white-space: normal;
object-fit: fill;
align-items: center;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
overflow: visible;
}
.div-block-38 {
height: 120px;
}
.design-category {
color: #3a6e54;
white-space: nowrap;
background-color: #0000;
margin: 0;
padding-top: 3px;
padding-bottom: 3px;
font-family: Savate;
font-size: 11px;
line-height: 10px;
overflow: hidden;
}
.design-category.uiux {
color: #e25145;
}
.design-category.illust {
color: #3976c9;
}
.plntrs-logo-link {
border-radius: 0;
justify-content: space-between;
display: flex;
}
.plntrs-logo-link.design2 {
object-fit: fill;
border: 1px #0000;
border-radius: 0;
flex-wrap: wrap;
place-content: center space-between;
max-width: none;
text-decoration: none;
transition: border .1s;
display: flex;
overflow: hidden;
}
.plntrs-logo-link.design2:hover {
-webkit-text-fill-color: inherit;
background-clip: border-box;
border: 12px solid #afff0f;
border-radius: 10px;
}
.plntrs-logo-link.design2:focus-visible, .plntrs-logo-link.design2[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 10px;
}
.plntrs-character-link {
flex-wrap: wrap;
place-content: stretch space-between;
display: flex;
}
.plntrs-character-link.design2 {
border: 1px #0000;
align-content: stretch;
max-width: none;
text-decoration: none;
transition: border .1s;
overflow: hidden;
}
.plntrs-character-link.design2:hover {
border: 12px solid #afff0f;
border-radius: 10px;
}
.plntrs-character-link.design2:focus-visible, .plntrs-character-link.design2[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 10px;
}
.bcc-ciders-link {
justify-content: center;
display: flex;
}
.bcc-ciders-link.design2 {
border: 1px solid #0000;
flex-wrap: wrap;
justify-content: space-between;
width: 400px;
transition: border .1s;
overflow: hidden;
}
.bcc-ciders-link.design2:hover {
border: 12px solid #afff0f;
border-radius: 10px;
max-width: none;
}
.bcc-ciders-link.design2:focus-visible, .bcc-ciders-link.design2[data-wf-focus-visible] {
border-width: 12px;
border-color: var(--blue);
border-radius: 10px;
}
.bcc-shirts-link {
border: 1px #0000;
border-radius: 0;
flex-wrap: wrap;
justify-content: space-between;
max-width: none;
transition: border .1s;
display: flex;
overflow: hidden;
}
.bcc-shirts-link:hover {
border: 12px solid #afff0f;
border-radius: 10px;
}
.bcc-shirts-link:focus-visible, .bcc-shirts-link[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 10px;
}
.bcc-logo-link {
border: 1px solid #0000;
flex-wrap: wrap;
place-content: stretch space-between;
width: auto;
max-width: none;
transition: border .1s;
display: flex;
overflow: hidden;
}
.bcc-logo-link:hover {
box-shadow: none;
border: 12px solid #afff0f;
border-radius: 10px;
}
.bcc-logo-link:focus-visible, .bcc-logo-link[data-wf-focus-visible] {
border-width: 12px;
border-color: var(--blue);
border-radius: 10px;
}
.bcc-logo-link.design2 {
align-items: center;
width: auto;
height: 100%;
}
.looptext-character-plntrs, .looptext-logo-balcom, .looptext-shirts-balcom {
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.div-block-39 {
height: 220px;
}
.div-block-40 {
height: 60px;
}
.div-block-41 {
height: 150px;
}
.looptext-andymag {
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.andymag-link {
border: 1px #0000;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
max-width: none;
transition: border .1s;
display: flex;
overflow: hidden;
}
.andymag-link:hover {
border: 12px solid #afff0f;
border-radius: 10px;
}
.andymag-link:focus-visible, .andymag-link[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 10px;
}
.final-design-div {
flex-direction: row;
align-items: center;
display: flex;
}
.final-design-div.sunkin {
justify-content: flex-start;
padding-right: 29px;
display: flex;
}
.paragraph-17 {
font-family: Space Grotesk;
line-height: 22px;
}
.olympics-character-ltbox {
cursor: pointer;
margin-top: 20px;
}
.olympics-character-ltbox:focus-visible, .olympics-character-ltbox[data-wf-focus-visible] {
border: 8px solid var(--blue);
border-radius: 12px;
}
.jumpman-ltbox {
cursor: pointer;
margin-left: 60px;
margin-right: 40px;
}
.jumpman-ltbox:focus-visible, .jumpman-ltbox[data-wf-focus-visible] {
border: 8px solid var(--blue);
border-radius: 10px;
}
.blk-shirt-back-ltbox {
cursor: pointer;
object-fit: cover;
border: 1px #0000;
flex-wrap: wrap;
justify-content: center;
width: 100%;
max-width: 100vw;
transition: border .1s;
display: flex;
overflow: hidden;
}
.blk-shirt-back-ltbox:hover {
border: 12px solid #afff0f;
border-radius: 16px;
}
.blk-shirt-back-ltbox:focus-visible, .blk-shirt-back-ltbox[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 16px;
}
.blk-shirt-back-image {
cursor: pointer;
object-fit: cover;
border: 1px solid #0000;
width: 100%;
display: block;
}
.black-shirt-front-ltbox {
cursor: pointer;
border: 1px #0000;
flex-wrap: wrap;
place-content: stretch center;
align-items: stretch;
max-width: 100vw;
transition: border .1s;
display: flex;
overflow: hidden;
}
.black-shirt-front-ltbox:hover {
border: 12px solid #afff0f;
border-radius: 16px;
}
.black-shirt-front-ltbox:focus-visible, .black-shirt-front-ltbox[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 16px;
}
.black-shirt-front-design-ltbox {
cursor: pointer;
border: 1px solid #0000;
flex-wrap: nowrap;
place-content: space-around flex-start;
align-items: stretch;
max-width: 100vw;
transition: border .1s;
display: flex;
}
.black-shirt-front-design-ltbox:hover {
border: 12px solid #afff0f;
border-radius: 16px;
}
.black-shirt-front-design-ltbox:focus-visible, .black-shirt-front-design-ltbox[data-wf-focus-visible] {
border-width: 12px;
border-color: var(--blue);
border-radius: 16px;
}
.lightbox-link-22 {
flex-wrap: wrap;
place-content: space-around center;
align-items: stretch;
max-width: none;
display: flex;
overflow: hidden;
}
.image-102, .image-103 {
object-fit: cover;
}
.white-pocket-design-ltbox {
cursor: pointer;
border: 1px #0000;
flex-wrap: wrap;
place-content: space-around;
max-width: 100vw;
transition: border .1s;
display: flex;
overflow: hidden;
}
.white-pocket-design-ltbox:hover {
border: 12px solid #afff0f;
border-radius: 16px;
margin-left: 0;
padding-left: 0;
padding-right: 20px;
}
.white-pocket-design-ltbox:focus-visible, .white-pocket-design-ltbox[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 16px;
}
.white-pocket-ltbox {
cursor: pointer;
border: 12px #0000;
flex-wrap: wrap;
place-content: stretch space-between;
align-items: stretch;
max-width: 100vw;
transition: border .1s;
display: flex;
overflow: hidden;
}
.white-pocket-ltbox:hover {
border: 12px solid #afff0f;
border-radius: 16px;
}
.white-pocket-ltbox:focus-visible, .white-pocket-ltbox[data-wf-focus-visible] {
border-style: solid;
border-color: var(--blue);
border-radius: 16px;
}
.white-shirt-front-image {
object-fit: cover;
width: 100%;
overflow: hidden;
}
.white-shirt-back-image {
object-fit: cover;
width: 100%;
overflow: visible;
}
.white-shirt-back-ltbox {
cursor: pointer;
border: 1px solid #0000;
flex-wrap: wrap;
place-content: stretch space-around;
max-width: 100vw;
transition: border .1s;
display: flex;
overflow: hidden;
}
.white-shirt-back-ltbox:hover {
border: 12px solid #afff0f;
border-radius: 16px;
}
.white-shirt-back-ltbox:focus-visible, .white-shirt-back-ltbox[data-wf-focus-visible] {
border-width: 12px;
border-color: var(--blue);
border-radius: 16px;
}
.white-back-shirt-image {
width: 100%;
margin-top: 40px;
margin-bottom: 0;
}
.hibiscus-ltbox {
cursor: pointer;
justify-content: center;
padding-right: 5px;
display: flex;
}
.hibiscus-ltbox:focus-visible, .hibiscus-ltbox[data-wf-focus-visible] {
border: 20px solid var(--blue);
border-radius: 16px;
}
.imperial-ltbox {
cursor: pointer;
flex-wrap: nowrap;
place-content: stretch center;
align-items: stretch;
max-width: 100vw;
transition: border .1s;
display: flex;
}
.imperial-ltbox:hover {
border: 20px solid #afff0f;
border-radius: 16px;
}
.imperial-ltbox:focus-visible, .imperial-ltbox[data-wf-focus-visible] {
border: 20px solid var(--blue);
border-radius: 16px;
}
.imperial-ltbox.newbalcom {
transition-property: none;
}
.imperial-ltbox.newbalcom:hover {
border-style: none;
border-radius: 0;
}
.imperial-cascade-image {
object-fit: cover;
width: 100%;
max-width: 100%;
}
.imperial-cascade-image:hover {
border: 0 #0000;
}
.imperial-cascade-image:focus-visible, .imperial-cascade-image[data-wf-focus-visible] {
border: 20px #afff0f;
}
.imperial-cascade-image.newbalcom {
margin-left: 10px;
margin-right: 10px;
}
.saison-ltbox {
cursor: pointer;
justify-content: center;
max-width: 100vw;
transition: border .1s;
display: flex;
}
.saison-ltbox:hover {
border: 20px solid #afff0f;
border-radius: 16px;
}
.saison-ltbox:focus-visible, .saison-ltbox[data-wf-focus-visible] {
border: 20px solid var(--blue);
border-radius: 16px;
}
.saison-ltbox.newbalcom {
transition-property: none;
}
.saison-ltbox.newbalcom:hover {
border-style: none;
border-radius: 0;
}
._w-mash-ltbox {
cursor: pointer;
justify-content: center;
transition: border .1s;
display: flex;
}
._w-mash-ltbox:hover {
border: 20px solid #afff0f;
border-radius: 16px;
}
._w-mash-ltbox:focus-visible, ._w-mash-ltbox[data-wf-focus-visible] {
border: 20px solid var(--blue);
border-radius: 16px;
}
._w-mash-ltbox.new-balcom {
margin-left: 10px;
transition-property: none;
}
._w-mash-ltbox.new-balcom:hover {
border-style: none;
border-radius: 0;
}
.hibiscus-cider-image {
object-fit: cover;
width: 100%;
}
.hibiscus-cider-image:hover {
border: 20px #afff0f;
border-radius: 0;
}
.hibiscus-cider-image:focus-visible, .hibiscus-cider-image[data-wf-focus-visible] {
border: 20px #afff0f;
}
.hibiscus-cider-image.newbalcom {
object-fit: cover;
}
.saison-image {
object-fit: cover;
width: 100%;
}
.winter-mash-image {
object-fit: cover;
width: 100%;
}
.plntrs-logo-final-div {
flex-wrap: nowrap;
align-content: center;
align-items: flex-start;
display: flex;
}
.lightbox-link-30 {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.plntrs-final-logo-ltbox {
cursor: pointer;
border: 1px #0000;
max-width: 100vw;
}
.plntrs-final-logo-ltbox:focus-visible, .plntrs-final-logo-ltbox[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 10px;
}
.div-block-44 {
height: 60px;
}
.plntrs-screenshot-ltbox {
cursor: pointer;
border: 1px #0000;
padding-bottom: 20px;
}
.plntrs-screenshot-ltbox:focus-visible, .plntrs-screenshot-ltbox[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 10px;
}
.image-111 {
max-width: 100%;
margin-top: 5px;
margin-left: 12px;
}
.image-112 {
max-width: 30%;
margin-left: 30px;
padding-top: 8px;
}
.illust-cursor {
max-width: 27%;
margin-left: 34px;
padding-top: 11px;
padding-right: 9px;
display: block;
}
.illust-cursor.illust {
max-width: 100%;
}
.image-114 {
max-width: 60%;
margin-left: 32px;
padding-top: 6px;
}
.image-115 {
max-width: 70%;
margin-left: 30px;
padding-top: 6px;
}
.image-116 {
max-width: 70%;
margin-left: 31px;
padding-top: 6px;
}
.image-117 {
max-width: 70%;
margin-left: 33px;
padding-top: 6px;
}
.click-me-cursor-cider {
max-width: 8%;
margin-top: 55px;
margin-left: 165px;
display: block;
position: absolute;
left: auto;
}
.click-me-cursor-cider.hibiscus {
max-width: 8%;
margin-top: 56px;
margin-left: 166px;
}
.click-me-cursor-cider.hibiscus.new {
margin-top: 20px;
margin-left: 170px;
}
.click-me-cursor-cider.imperial {
max-width: 8%;
}
.click-me-cursor-cider.new {
max-width: 55%;
margin-top: 20px;
margin-left: 7vw;
}
.image-of-1st-logo-options {
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
}
._1st-rd-logos-div {
max-width: 250px;
margin-left: 20px;
}
.image-of-hibiscus-cider {
object-fit: cover;
border-radius: 0;
width: 99.4232%;
max-width: 100%;
overflow: hidden;
}
.hibiscus-cider-images {
border-radius: 20px;
margin-top: 40px;
}
.plant-illo-1 {
object-fit: cover;
border: 1px solid #0000;
width: auto;
height: 335px;
padding-right: 0;
transition: border .15s;
}
.plant-illo-1:hover {
border: 12px solid #afff0f;
border-radius: 12px;
}
.ciders-grid {
grid-column-gap: 24px;
grid-row-gap: 0px;
max-width: none;
}
.ciders-grid.top {
margin: 40px 0 40px 100px;
}
.ciders-grid.bottom {
margin: 40px 100px 40px 0;
}
.image-122 {
object-fit: cover;
border-radius: 11px;
transition: box-shadow .15s;
}
.image-122:hover {
box-shadow: 10px 10px 4px #b3ff01c7;
}
.image-123 {
object-fit: cover;
border-radius: 11px;
transition: box-shadow .15s;
}
.image-123:hover {
box-shadow: 10px 10px 4px #b3ff01c7;
}
.design-heading {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be2ff8c455c227362c936b_dk%20green.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 200px 100px;
justify-content: center;
align-items: center;
height: 120px;
margin-top: 100px;
display: none;
}
.projects-heading {
color: var(--bb-green);
text-align: center;
letter-spacing: 4px;
justify-content: center;
width: auto;
margin: 17px 260px 10px;
font-family: Savate italique;
font-size: 26px;
font-weight: 400;
transition: transform .2s;
display: block;
transform: skew(0deg);
}
.projects-heading:hover {
transform: skew(-36deg);
}
.projects-heading.illo {
color: #fff;
letter-spacing: 4px;
margin-bottom: 10px;
margin-left: 220px;
margin-right: 220px;
padding-left: 0;
padding-right: 0;
font-size: 25px;
}
.white-space {
height: 30px;
}
.image-124 {
object-fit: cover;
}
.image-124:hover {
border-radius: 0;
}
.dropdown-toggle {
justify-content: space-between;
align-items: stretch;
margin-top: 0;
margin-right: 0;
padding: 0;
font-family: Space Grotesk;
font-size: 14px;
font-weight: 500;
line-height: 14px;
display: flex;
}
.dropdown {
background-color: #0000;
max-width: none;
margin-top: 0;
margin-right: 5px;
padding: 0;
font-size: 12px;
}
.dropdown:focus-visible, .dropdown[data-wf-focus-visible] {
color: var(--blue);
}
.dropdown.home {
margin-top: -5px;
}
.text-block-20 {
letter-spacing: .7px;
margin-right: 0;
font-size: 12px;
line-height: 20px;
text-decoration: none;
}
.text-block-20:focus-visible, .text-block-20[data-wf-focus-visible] {
color: #f240ff;
text-decoration: underline;
}
.link-block-8 {
color: #000;
background-color: #ffffff59;
border-radius: 20px;
max-width: none;
margin-top: 7px;
padding: 5px;
text-decoration: none;
}
.link-block-8:hover {
color: #dcef68;
max-width: none;
}
.link-block-8:focus-visible, .link-block-8[data-wf-focus-visible] {
color: var(--blue);
text-decoration: underline;
}
.link-block-8.w--current {
color: #f240ff;
letter-spacing: 1px;
background-color: #ffffff87;
border-radius: 20px;
max-width: none;
margin-top: 7px;
padding: 5px 10px;
text-decoration: underline;
}
.link-block-8.w--current:hover {
color: #dcef68;
max-width: none;
}
.link-block-8.w--current:focus-visible, .link-block-8.w--current[data-wf-focus-visible] {
color: var(--blue);
}
.link-block-8.design, .link-block-8.design.w--current {
margin-top: 7px;
}
.icon {
margin-top: 0;
margin-right: 23px;
}
.dropdown-list {
background-color: #fcefeff0;
border-radius: 14px;
max-width: 250px;
}
.dropdown-list.w--open {
object-position: 50% 50%;
min-width: auto;
max-width: 250px;
height: auto;
overflow: visible;
}
.dropdown-link {
letter-spacing: 1px;
white-space: nowrap;
border-radius: 20px;
flex-wrap: wrap;
max-width: 250px;
padding: 8px 10px;
font-family: Savate;
font-size: 16px;
display: block;
}
.dropdown-link:hover {
color: #007239;
letter-spacing: 1px;
border-radius: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
font-family: Savate italique;
font-size: 18px;
font-weight: 400;
}
.dropdown-link:focus-visible, .dropdown-link[data-wf-focus-visible] {
color: #0a06ff;
font-weight: 400;
text-decoration: none;
}
.dropdown-link.w--current {
color: #c62be5;
text-decoration: none;
}
.dropdown-link.illo:hover {
color: #3976c9;
}
.dropdown-link.illo:focus-visible, .dropdown-link.illo[data-wf-focus-visible] {
color: #0a06ff;
}
.ig-logo-section {
justify-content: flex-end;
margin-top: 50px;
margin-left: 0;
margin-right: 91px;
display: flex;
}
.ig-logo-section.korean-gurls {
margin-top: 65px;
}
.body-3 {
background-color: #0000;
}
._2-ciders-ltbox {
cursor: pointer;
border: 1px #0000;
transition: opacity .2s;
}
._2-ciders-ltbox:focus-visible, ._2-ciders-ltbox[data-wf-focus-visible] {
border: 15px solid var(--blue);
border-radius: 12px;
}
.lightbox-link-34 {
cursor: pointer;
border: 0 #0000;
}
.original-logo-ltbox {
cursor: pointer;
border: 1px solid #0000;
}
.original-logo-ltbox:focus-visible, .original-logo-ltbox[data-wf-focus-visible] {
border-width: 12px;
border-color: var(--blue);
border-radius: 10px;
}
.plntrs-3-ltbox {
cursor: pointer;
}
.plntrs-3-ltbox:focus-visible, .plntrs-3-ltbox[data-wf-focus-visible] {
border: 8px solid var(--blue);
border-radius: 10px;
}
.plntrs-4-ltbox {
cursor: pointer;
}
.plntrs-4-ltbox:focus-visible, .plntrs-4-ltbox[data-wf-focus-visible] {
border: 8px solid var(--blue);
border-radius: 10px;
}
.final-plntrman-ltbox {
cursor: pointer;
border: 1px solid #0000;
}
.final-plntrman-ltbox:focus-visible, .final-plntrman-ltbox[data-wf-focus-visible] {
border-width: 12px;
border-color: var(--blue);
border-radius: 10px;
}
.illustration {
grid-column-gap: 30px;
grid-row-gap: 3px;
grid-template-rows: auto minmax(auto, 320px) minmax(auto, 1fr) 30px auto minmax(auto, 320px) 30px auto minmax(auto, 320px);
grid-template-columns: .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr;
margin-bottom: 40px;
margin-left: 60px;
margin-right: 60px;
padding: 20px 40px 40px;
}
.about-columns-1 {
flex: 1;
justify-content: space-between;
align-items: stretch;
max-width: 70vw;
height: auto;
margin-top: 100px;
padding: 0;
display: flex;
}
.intro-column-right {
justify-content: flex-start;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.froggy-image {
width: auto;
margin-top: 0;
margin-right: 0;
padding-right: 0;
}
.text-block-21 {
color: #000;
padding-left: 20px;
padding-right: 0;
font-family: Inter, sans-serif;
font-size: 28px;
line-height: 39px;
}
.text-block-21.left {
margin-left: 100px;
padding-left: 0;
padding-right: 0;
}
.about-columns-2 {
align-items: center;
margin-top: 60px;
margin-bottom: 60px;
display: flex;
}
.about-columns-2.bottom {
align-items: stretch;
max-width: 70vw;
height: auto;
margin: 0 0 100px;
}
.about-columns-2.face {
align-items: stretch;
max-width: 70vw;
height: auto;
margin: 100px 0;
}
.hi-section {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
border: 1px #000;
justify-content: center;
align-items: center;
height: auto;
margin-top: 100px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 20px;
display: flex;
}
.text-block-22 {
display: block;
}
.text-block-23 {
position: static;
}
.text-block-24 {
outline-offset: 0px;
color: #fff;
background-color: #ffbbbbb0;
border-radius: 10px;
outline: 3px #fff;
align-items: flex-end;
margin-bottom: 0;
margin-left: 0;
padding-bottom: 5px;
padding-left: 5px;
font-family: Savate;
font-size: 40px;
line-height: 35px;
text-decoration: none;
transition: opacity .2s;
display: flex;
overflow: hidden;
}
.text-block-24.character {
background-color: #275a41bf;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-end;
font-size: 36px;
line-height: 33px;
}
.click-me-cursor {
min-width: 70%;
max-width: 90%;
margin-top: 17px;
margin-left: 0;
margin-right: 20px;
}
.design-description {
color: #141414;
text-align: center;
justify-content: center;
margin-bottom: 10px;
font-family: Space Grotesk;
font-size: 16px;
font-weight: 400;
line-height: 20px;
display: flex;
}
.image-127 {
object-fit: contain;
max-width: 100%;
height: auto;
max-height: none;
}
.image-128 {
object-fit: contain;
max-width: 60%;
max-height: none;
}
.lightbox-link-39 {
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
max-width: none;
margin-left: 10px;
padding-right: 40px;
display: flex;
}
.image-129 {
object-fit: contain;
}
.link-block-koreangurls {
border: 1px #0000;
border-radius: 0;
flex-flow: wrap;
place-content: stretch space-between;
max-width: none;
transition: border .1s;
display: flex;
overflow: hidden;
}
.link-block-koreangurls:hover {
border: 12px solid #afff0f;
border-radius: 10px;
}
.link-block-koreangurls:focus-visible, .link-block-koreangurls[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.link-block-sunkin {
flex-wrap: wrap;
justify-content: space-between;
max-width: none;
transition: border .1s;
display: flex;
overflow: hidden;
}
.link-block-sunkin:hover {
border: 12px solid #afff0f;
border-radius: 10px;
}
.image-130 {
object-fit: cover;
}
.korean-gurls-project-image {
object-fit: cover;
max-width: 100%;
max-height: none;
display: block;
overflow: visible;
}
.image-132 {
object-fit: cover;
}
.sun-kin-project-image {
object-fit: cover;
max-width: 100%;
max-height: none;
display: block;
overflow: visible;
}
.sun-kin-project-image:focus-visible, .sun-kin-project-image[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.link-block-eulogies {
border: 1px #0000;
flex-wrap: wrap;
place-content: stretch space-between;
align-items: stretch;
max-width: none;
transition: border .1s;
display: flex;
overflow: hidden;
}
.link-block-eulogies:hover {
border: 12px solid #afff0f;
border-radius: 10px;
}
.link-block-eulogies:focus-visible, .link-block-eulogies[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.eulogy-project-image {
object-fit: cover;
max-height: none;
overflow: visible;
}
.div-block-47 {
height: 30px;
}
.link-block-9 {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.spirits-project-image {
object-fit: cover;
overflow: visible;
}
.link-block-10 {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.link-block-halmoni {
object-fit: fill;
border: 1px solid #0000;
border-radius: 0;
flex-wrap: wrap;
place-content: stretch space-between;
max-width: none;
transition: border .1s;
display: flex;
overflow: hidden;
}
.link-block-halmoni:hover {
border-width: 12px;
border-color: #afff0f;
border-radius: 10px;
}
.link-block-halmoni:focus-visible, .link-block-halmoni[data-wf-focus-visible] {
border-width: 10px;
border-color: var(--blue);
border-radius: 10px;
}
.halmoni-project-image {
object-fit: cover;
overflow: visible;
}
.link-block-spirits {
border-radius: 0;
flex-wrap: wrap;
place-content: stretch space-between;
max-width: none;
transition: border .1s;
display: flex;
overflow: hidden;
}
.link-block-spirits:hover {
border: 12px solid #afff0f;
border-radius: 10px;
}
.link-block-spirits:focus-visible, .link-block-spirits[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.link-block-penink {
object-fit: cover;
border: 1px solid #0000;
border-radius: 0;
flex-wrap: wrap;
place-content: center space-between;
max-width: none;
transition: border .1s;
display: flex;
overflow: hidden;
}
.link-block-penink:hover {
border-width: 12px;
border-color: #afff0f;
border-radius: 10px;
}
.link-block-penink:focus-visible, .link-block-penink[data-wf-focus-visible] {
border-width: 10px;
border-color: var(--blue);
border-radius: 10px;
}
.pen-ink-project-image {
object-fit: cover;
}
.link-block-11, .link-block-12, .link-block-13 {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.link-block-poetry {
border: 1px solid #0000;
flex-wrap: wrap;
place-content: stretch space-between;
max-width: none;
transition: border .1s;
display: flex;
overflow: hidden;
}
.link-block-poetry:hover {
border-width: 12px;
border-color: #afff0f;
border-radius: 10px;
}
.link-block-poetry:focus-visible, .link-block-poetry[data-wf-focus-visible] {
border-width: 10px;
border-color: var(--blue);
border-radius: 10px;
}
.link-block-montero {
border: 1px solid #0000;
flex-wrap: wrap;
place-content: stretch space-between;
max-width: none;
transition: border .1s;
display: flex;
overflow: hidden;
}
.link-block-montero:hover {
border-width: 12px;
border-color: #afff0f;
border-radius: 10px;
}
.link-block-montero:focus-visible, .link-block-montero[data-wf-focus-visible] {
border-width: 10px;
border-color: var(--blue);
border-radius: 10px;
}
.link-block-protest {
flex-wrap: wrap;
place-content: stretch space-between;
max-width: none;
transition: box-shadow .15s;
display: flex;
overflow: hidden;
}
.link-block-protest:hover {
border-radius: 11px;
box-shadow: 10px 10px 4px #afff0f;
}
.image-138, .poetry-project-image, .montero-project-image {
object-fit: cover;
}
.link-block-alone-at-night {
flex-wrap: wrap;
place-content: stretch space-between;
align-items: center;
max-width: none;
transition: box-shadow .15s;
display: flex;
overflow: hidden;
}
.link-block-alone-at-night:hover {
border-radius: 11px;
box-shadow: 10px 10px 4px #afff0f;
}
.link-block-longwayfromhome {
border-radius: 0;
flex-wrap: wrap;
place-content: stretch space-between;
align-items: stretch;
max-width: none;
transition: box-shadow .15s;
display: flex;
overflow: hidden;
}
.link-block-longwayfromhome:hover {
border-radius: 11px;
box-shadow: 10px 10px 4px #afff0f;
}
.image-141, .image-142 {
object-fit: cover;
}
.link-block-14 {
flex-wrap: wrap;
justify-content: space-between;
max-width: none;
display: flex;
overflow: hidden;
}
.link-block-invites {
border: 1px #0000;
flex-wrap: wrap;
justify-content: space-between;
max-width: none;
transition: border .1s;
display: flex;
overflow: hidden;
}
.link-block-invites:hover {
border: 12px solid #afff0f;
border-radius: 10px;
}
.link-block-invites:focus-visible, .link-block-invites[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 10px;
}
.image-143 {
object-fit: cover;
flex: 1;
}
.image-144 {
object-fit: fill;
border-radius: 14px;
max-width: none;
margin-right: 0;
padding-right: 0;
display: block;
}
.section-30 {
flex-wrap: wrap;
justify-content: center;
margin-top: 40px;
margin-bottom: 40px;
display: flex;
}
.div-block-48 {
flex-wrap: wrap;
flex: 1;
justify-content: space-between;
display: flex;
}
.sun-kin-storyboard-image {
object-fit: contain;
width: 99.5438%;
max-width: 100%;
overflow: hidden;
}
.forest-caption-text-block {
font-family: Space Grotesk;
font-size: 18px;
line-height: 26px;
}
.forest-caption-div {
margin-top: 0;
margin-left: 20px;
}
.paragraph-illust {
text-align: center;
margin-left: 100px;
margin-right: 100px;
padding-right: 0;
font-family: Space Grotesk;
font-size: 18px;
line-height: 26px;
}
.paragraph-illust.long {
text-align: center;
max-width: 60vw;
margin-left: 0;
margin-right: 0;
font-size: 18px;
line-height: 26px;
}
.paragraph-illust.long.eulogies {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.paragraph-illust.sunkin {
text-align: left;
margin-left: 100px;
margin-right: 60px;
font-size: 20px;
}
.columns-13 {
align-items: center;
display: flex;
}
.column-17 {
padding-right: 60px;
overflow: visible;
}
.forest-2-image {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.forest-2-image:hover {
border-radius: 4px;
}
.forest-1-image {
width: 100%;
max-width: 100%;
padding-right: 0;
overflow: hidden;
}
.forest-1-image:hover {
border-radius: 2px;
}
.forest-3-1-image {
width: 100%;
padding-right: 0;
}
.forest-3-1-image:hover {
border-radius: 4px;
}
.forest-3-image {
width: 100%;
padding-right: 0;
}
.forest-3-image:hover {
border-radius: 4px;
}
.link-7 {
color: #000;
max-width: none;
font-weight: 400;
text-decoration: underline;
}
.body-link-basic {
color: #000;
font-family: Space Mono, sans-serif;
}
.body-link-basic:hover {
color: var(--link);
font-weight: 500;
}
.body-link-basic.about {
color: var(--dark-olive-green\);
}
.body-link-basic._2 {
color: var(--jan--olive);
font-size: 16px;
}
.body-link-basic._2:hover {
color: var(--jan--blue);
}
.still-4-image {
width: 100%;
margin-top: 0;
padding-right: 0;
}
.still-4-image:hover {
border-radius: 4px;
}
.still-5-image {
cursor: pointer;
width: 100%;
margin-top: 0;
padding-right: 0;
}
.still-5-image:hover {
border-radius: 4px;
}
.still-6-image {
width: 100%;
margin-top: 0;
padding-right: 0;
}
.still-6-image:hover {
border-radius: 4px;
}
.still-1-image {
width: 100%;
padding-right: 0;
}
.still-1-image:hover {
border-radius: 4px;
overflow: hidden;
}
.still-2-image {
object-fit: fill;
width: 100%;
padding-right: 0;
}
.still-3-image {
width: 100%;
padding-right: 0;
}
.still-3-image:hover {
border-radius: 4px;
}
.button {
text-align: center;
background-color: #3a6e54;
border-radius: 20px;
width: auto;
max-width: none;
margin-left: 40px;
padding: 15px 10px;
font-family: Savate;
font-size: 20px;
line-height: 24px;
box-shadow: 7px 7px 3px #000000bd;
}
.button:hover {
box-shadow: none;
color: #fff;
background-color: #eb7347;
font-family: Savate italique;
}
.image-156 {
border-radius: 12px;
max-width: none;
max-height: 60%;
}
.pg-gif {
justify-content: flex-end;
display: flex;
}
.click-to-watch-column {
align-items: center;
display: flex;
}
.sun-kin-button {
background-color: var(--link);
color: #000;
margin-top: 220px;
padding-left: 20px;
padding-right: 20px;
font-size: 24px;
line-height: 28px;
box-shadow: 7px 7px 3px #ffffffa6;
}
.sun-kin-button:focus-visible, .sun-kin-button[data-wf-focus-visible] {
border: 8px solid var(--blue);
}
.sun-kin-button.new {
background-color: var(--may--bleu);
box-shadow: none;
color: #fff;
letter-spacing: .5px;
border: 1px solid #000;
margin-top: 60px;
margin-left: 20px;
margin-right: 20px;
padding: 20px 40px;
font-family: Space Mono, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 28px;
transition: background-color .22s;
}
.sun-kin-button.new:hover {
background-color: var(--may--deep-bleu);
box-shadow: none;
color: #fff;
}
.watch-p-g-section {
background-color: var(--dark-slate-grey-2\);
padding-top: 20px;
}
.sunkin-gif {
border-radius: 14px;
width: auto;
max-width: 100%;
max-height: 600px;
margin-top: 20px;
margin-bottom: 40px;
padding-top: 0;
padding-bottom: 0;
}
.forest-1-ltbox {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f57b9fb9aea1583455af18_Untitled_Artwork%206.jpg");
background-position: 50%;
background-size: auto;
border: 1px #0000;
align-items: stretch;
max-width: 112vw;
transition: border .2s;
display: flex;
}
.forest-1-ltbox:hover {
border: 8px solid #afff0f;
border-radius: 10px;
}
.forest-1-ltbox:focus-visible, .forest-1-ltbox[data-wf-focus-visible] {
border: 8px solid var(--blue);
border-radius: 10px;
}
.forest-2-ltbox {
cursor: pointer;
border: 1px solid #0000;
transition: border .15s;
}
.forest-2-ltbox:hover {
border: 8px solid #afff0f;
border-radius: 10px;
}
.forest-2-ltbox:focus-visible, .forest-2-ltbox[data-wf-focus-visible] {
border-width: 8px;
border-color: var(--blue);
border-radius: 10px;
}
.forest-3-ltbox {
cursor: pointer;
border: 1px solid #0000;
transition: border .15s;
}
.forest-3-ltbox:hover {
border: 8px solid #afff0f;
border-radius: 10px;
}
.forest-3-ltbox:focus-visible, .forest-3-ltbox[data-wf-focus-visible] {
border-width: 8px;
border-color: var(--blue);
border-radius: 10px;
}
.purification-g-ltbox {
cursor: pointer;
border: 8px #afff0f;
transition: border .1s;
}
.purification-g-ltbox:hover {
border: 8px solid #afff0f;
border-radius: 10px;
}
.purification-g-ltbox:focus-visible, .purification-g-ltbox[data-wf-focus-visible] {
border-style: solid;
border-color: var(--blue);
border-radius: 10px;
}
.lightbox-link-44 {
max-width: none;
transition: border .15s;
}
.lightbox-link-44:hover {
border: 5px solid #afff0f;
border-radius: 10px;
overflow: hidden;
}
.still-2-ltbox {
cursor: pointer;
max-width: none;
transition: border .1s;
}
.still-2-ltbox:hover {
border: 5px solid #afff0f;
border-radius: 10px;
overflow: hidden;
}
.still-2-ltbox:focus-visible, .still-2-ltbox[data-wf-focus-visible] {
border: 8px solid var(--blue);
border-radius: 10px;
}
.still-3-ltbox {
cursor: pointer;
transition: border .1s;
}
.still-3-ltbox:hover {
border: 5px solid #afff0f;
border-radius: 10px;
}
.still-3-ltbox:focus-visible, .still-3-ltbox[data-wf-focus-visible] {
border: 8px solid var(--blue);
border-radius: 10px;
}
.still-4-ltbox {
cursor: pointer;
border: 1px #0000;
margin-top: 40px;
transition: border .1s;
}
.still-4-ltbox:hover {
border: 8px solid #afff0f;
border-radius: 10px;
}
.still-4-ltbox:focus-visible, .still-4-ltbox[data-wf-focus-visible] {
border: 8px solid var(--blue);
border-radius: 10px;
}
.still-5-ltbox {
cursor: pointer;
margin-top: 40px;
transition: border .1s;
}
.still-5-ltbox:hover {
border: 8px solid #afff0f;
border-radius: 10px;
}
.still-5-ltbox:focus-visible, .still-5-ltbox[data-wf-focus-visible] {
border: 8px solid var(--blue);
border-radius: 10px;
}
.still-6-ltbox {
cursor: pointer;
border: 1px solid #0000;
margin-top: 40px;
transition: border .1s;
}
.still-6-ltbox:hover {
border: 8px solid #afff0f;
border-radius: 10px;
}
.still-6-ltbox:focus-visible, .still-6-ltbox[data-wf-focus-visible] {
border-width: 8px;
border-color: var(--blue);
border-radius: 10px;
}
.hibiscus-illustration-lightbox {
cursor: pointer;
}
.hibiscus-illustration-lightbox:hover {
border: 0 #000;
}
.hibiscus-illustration-lightbox:focus-visible, .hibiscus-illustration-lightbox[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 10px;
}
.body-4 {
cursor: auto;
}
.illust-section {
justify-content: center;
margin-top: 60px;
margin-bottom: 60px;
display: flex;
}
.illust-section.halmoni {
margin-top: 100px;
margin-bottom: 100px;
}
.grid-18 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.illust-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: minmax(auto, auto) auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-left: 140px;
margin-right: 140px;
}
.illust-grid.halmoni {
grid-row-gap: 100px;
grid-template-rows: auto minmax(auto, 1fr) auto;
grid-template-columns: .25fr 1fr 1fr 1fr 1fr .25fr;
max-width: 70vw;
margin: 0;
}
.illust-grid.halmoni._3 {
grid-template-rows: auto;
grid-template-columns: .25fr 1fr 1fr 1fr 1fr 1fr .25fr;
max-width: 75vw;
margin-left: 0;
margin-right: 0;
}
.illust-grid.halmoni._1 {
grid-row-gap: 40px;
}
.illust-grid.poems {
grid-template-rows: minmax(auto, auto) minmax(40px, 40px) auto minmax(40px, 40px) auto 40px auto;
margin-bottom: 0;
}
.illust-grid.poems._2 {
grid-template-rows: minmax(auto, auto) minmax(40px, 40px) auto minmax(40px, 40px) auto 40px auto 40px auto;
max-width: 70vw;
margin-bottom: 100px;
margin-left: 0;
margin-right: 0;
}
.illust-grid.nasx {
grid-template-rows: minmax(auto, auto);
max-width: 70vw;
margin-left: 0;
margin-right: 0;
}
.illust-grid.protest {
margin-left: 100px;
margin-right: 100px;
}
.illust-grid.penink {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: minmax(auto, auto) auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
max-width: 70vw;
margin-bottom: 100px;
margin-left: 0;
margin-right: 0;
}
.illust-grid.korean-gurls {
grid-row-gap: 100px;
grid-template-rows: minmax(auto, auto) auto auto;
max-width: 60vw;
margin-bottom: 100px;
margin-left: 0;
margin-right: 0;
}
.illust-grid.spirits {
grid-column-gap: 30px;
grid-row-gap: 100px;
grid-template-rows: minmax(auto, auto) auto auto auto auto;
grid-template-columns: .5fr 1fr 1fr .5fr;
grid-auto-columns: 1fr;
max-width: 60vw;
margin-left: 0;
margin-right: 0;
display: grid;
}
.illust-grid.froggy {
grid-column-gap: 100px;
grid-row-gap: 100px;
grid-template-rows: minmax(auto, auto) auto auto;
grid-template-columns: .5fr 1fr 1fr .5fr;
max-width: 60vw;
margin-left: 0;
margin-right: 0;
}
.illust-grid.froggy.shorts {
grid-column-gap: 160px;
grid-row-gap: 60px;
background-color: #0000;
grid-template-rows: minmax(auto, auto) auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
max-width: 85vw;
margin-top: 40px;
}
.illust-grid.everythingeverywhere {
grid-column-gap: 30px;
grid-row-gap: 100px;
grid-template-rows: minmax(auto, auto) auto auto;
grid-template-columns: .5fr 1fr 1fr .5fr;
max-width: 60vw;
margin: 0;
}
.looking-at-sea-image {
object-fit: cover;
}
.poetry-caption {
margin: 40px;
font-family: Space Grotesk;
font-size: 14px;
line-height: 20px;
}
.poetry-caption.left {
text-align: left;
margin-top: 40px;
margin-bottom: 40px;
}
.image-159 {
object-fit: cover;
}
.halmoni-text-section {
border-top: 1px solid var(--may--brown);
border-bottom: 1px solid var(--may--brown);
background-color: var(--may--brown);
justify-content: center;
margin-top: 160px;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.halmoni-text-section.last {
background-color: var(--may--brown);
border: 1px #000;
margin-bottom: 160px;
}
.halmoni-heading {
color: #fff;
text-align: center;
letter-spacing: .2px;
max-width: 50vw;
margin: 0 100px;
padding-top: 20px;
padding-bottom: 20px;
font-family: Space Mono, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 36px;
}
.halmoni-heading._2 {
max-width: 50vw;
margin-left: 100px;
margin-right: 100px;
font-size: 22px;
font-weight: 400;
line-height: 32px;
}
.tomb-image {
object-fit: cover;
border: 1px #000;
width: 100%;
overflow: visible;
}
.tomb-image:hover {
border: 1px solid #000;
border-radius: 0;
}
.lightbox-link-51 {
flex-wrap: wrap;
place-content: stretch space-between;
max-width: none;
display: flex;
}
.burning-video-section {
justify-content: center;
align-items: flex-start;
margin-bottom: 60px;
margin-left: 450px;
margin-right: 450px;
display: block;
}
.spirit-smoking-image {
object-fit: cover;
max-width: 100%;
}
.spirit-smoking-ltbox {
border: 1px solid #0000;
justify-content: center;
max-width: 100vw;
transition: border .15s;
display: flex;
}
.spirit-smoking-ltbox:hover {
border: 12px #afff0f;
border-radius: 0;
}
.spirit-smoking-ltbox:focus-visible, .spirit-smoking-ltbox[data-wf-focus-visible] {
border-width: 12px;
border-color: var(--blue);
border-radius: 12px;
}
.namsan-ltbox {
border: 1px #0000;
justify-content: center;
transition: border .15s;
display: flex;
}
.namsan-ltbox:hover {
border: 12px #afff0f;
border-radius: 0;
}
.namsan-ltbox:focus-visible, .namsan-ltbox[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 12px;
}
.horizontal-section {
min-height: 300vh;
}
.sticky-container {
flex-direction: column;
justify-content: center;
min-height: 100vh;
display: flex;
position: sticky;
top: 0;
}
.gallery {
width: 100%;
height: 4000px;
margin-top: 50px;
margin-bottom: 50px;
position: relative;
}
.gallery-scroll-track {
z-index: 1;
position: absolute;
inset: 0%;
}
.gallery-container {
width: 100%;
height: 100vh;
position: relative;
top: 0;
overflow: hidden;
}
.gallery-track {
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 300vw;
height: 100%;
display: flex;
position: relative;
}
.gallery-image {
border: 5px solid #0000;
flex: 1;
height: 70vh;
margin: 20px;
display: block;
}
.gallery-image._1 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f970758473f0ef4491d0ee_East%20Hollywood%20Forever.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.gallery-image._2 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f971515c3c6b650f66ac3f_protest.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.gallery-image._3 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f971732f2df1b5949a9a0e_IMG_3188.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.gallery-image._4 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f2ede97dd0680deb835d37_jul%2022%2C%20sandra%20bland.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.gallery-image._5 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f972ecee112dd98d26aa2e_marshawn%2Bmccarell%2Brip.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.gallery-image._6 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f9732265bddae571dda9d8_pulse.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.gallery-image._7 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f9733e00530a21a9655d72_ren%20hang.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.gallery-image._8 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f973598473f0f2e191de65_razan.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.gallery-image._9 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f9737ac48058994dbcf5c5_carrying%20her.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.gallery-image._10 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f973955dfa3302ef0e0114_image_4.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.slider {
background-color: #0000;
height: 80vh;
margin-bottom: 140px;
padding-bottom: 0;
}
.slide-nav {
border-radius: 0;
flex-direction: row;
justify-content: center;
align-items: flex-end;
margin-top: -39px;
margin-bottom: -40px;
padding-top: 0;
padding-bottom: 0;
font-family: Space Grotesk;
font-size: 14px;
display: flex;
}
.icon-2 {
color: var(--magenta);
border: 1px #0000;
margin-right: 40px;
}
.icon-2:hover {
outline-color: var(--link);
outline-offset: 0px;
color: var(--dark-slate-grey-2\);
border: 1px #000;
border-radius: 6px;
outline-width: 3px;
outline-style: none;
}
.icon-3 {
color: var(--magenta);
margin-left: 40px;
}
.icon-3:hover {
outline-color: var(--link);
outline-offset: 0px;
color: var(--dark-slate-grey-2\);
border-radius: 6px;
outline-width: 3px;
outline-style: none;
}
.e-hollywood-image {
cursor: pointer;
object-fit: cover;
border: 1px solid #0000;
height: 100%;
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
.e-hollywood-image:hover {
border: 15px #afff0f;
border-radius: 0;
}
.eulogies-ltbox {
cursor: pointer;
object-fit: fill;
flex-wrap: nowrap;
place-content: stretch center;
align-items: stretch;
height: 70vh;
margin-left: 140px;
margin-right: 140px;
display: flex;
}
.eulogies-ltbox:focus-visible, .eulogies-ltbox[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 10px;
}
.eulogies-ltbox._2 {
justify-content: center;
align-items: stretch;
}
.protest-image {
border: 1px solid #0000;
height: 100%;
}
.protest-image:hover {
border: 15px #afff0f;
border-radius: 0;
}
.left-arrow {
margin-left: 60px;
}
.left-arrow:focus-visible, .left-arrow[data-wf-focus-visible] {
outline-color: var(--blue);
outline-offset: 0px;
outline-width: 3px;
outline-style: solid;
}
.right-arrow {
margin-right: 60px;
}
.right-arrow:focus-visible, .right-arrow[data-wf-focus-visible] {
outline-color: var(--blue);
outline-offset: 0px;
outline-width: 3px;
outline-style: solid;
}
.charleston-image {
border: 1px solid #0000;
height: 100%;
}
.charleston-image:hover {
border: 15px #afff0f;
border-radius: 0;
}
.sandra-bland-image {
border: 1px solid #0000;
height: 100%;
}
.sandra-bland-image:hover {
border: 15px #afff0f;
border-radius: 0;
}
.marshawn-image {
border: 1px solid #0000;
height: 100%;
}
.marshawn-image:hover {
border: 15px #afff0f;
border-radius: 0;
}
.pulse-image {
border: 1px solid #0000;
height: 100%;
}
.pulse-image:hover {
border: 15px #afff0f;
border-radius: 0;
}
.ren-hang-image {
border: 1px solid #0000;
height: 100%;
}
.ren-hang-image:hover {
border: 15px #afff0f;
border-radius: 0;
}
.rouzan-image {
border: 1px solid #0000;
height: 100%;
}
.rouzan-image:hover {
border: 15px #afff0f;
border-radius: 0;
}
.carrying-her-image {
border: 1px solid #0000;
height: 100%;
}
.carrying-her-image:hover {
border: 15px #afff0f;
border-radius: 0;
}
.mosque-image {
border: 1px solid #0000;
height: 100%;
}
.mosque-image:hover {
border: 15px #afff0f;
border-radius: 0;
}
.caption {
justify-content: center;
margin-top: 10px;
padding-top: 0;
font-family: Space Grotesk;
font-size: 18px;
font-weight: 400;
display: flex;
}
.caption.christ {
font-size: 16px;
}
.slide {
cursor: default;
margin-bottom: 0;
}
.bold-text, .bold-text-2, .bold-text-3, .bold-text-4, .bold-text-5 {
margin-right: 10px;
}
.bold-text-5.christ {
font-size: 16px;
}
.bold-text-6, .bold-text-7 {
margin-right: 10px;
}
.space-image {
max-width: 100%;
height: auto;
}
.space-image:hover {
border: 1px #000;
}
.lil-nas-x-image {
object-fit: cover;
max-width: 100%;
height: auto;
}
.montero-image-section {
justify-content: center;
margin-bottom: 100px;
display: flex;
}
.heading-25 {
color: #000;
text-align: center;
text-transform: none;
margin-top: 10px;
margin-left: 0;
padding-left: 20px;
padding-right: 20px;
font-family: Savate italique;
font-size: 34px;
line-height: 35px;
position: static;
}
.lightbox-link-55 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61faf8ca2443e98b1a2c68af_IMG_0474.JPG");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: 1px solid #0000;
border-radius: 0;
justify-content: center;
align-items: flex-end;
max-width: none;
height: 90vh;
text-decoration: none;
transition: border .15s;
display: flex;
}
.lightbox-link-55:hover {
border-width: 15px;
border-color: #afff0f;
border-radius: 10px;
}
.section-35 {
height: 100%;
}
.div-block-50 {
background-color: #ffecec;
border-radius: 20px;
justify-content: center;
align-items: center;
margin-bottom: 20px;
display: block;
}
.heading-26 {
font-family: Space Grotesk;
}
.heading-27 {
text-align: center;
font-family: Space Grotesk;
font-size: 30px;
font-weight: 500;
line-height: 36px;
}
.lightbox-link-56 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f31b1714b00e6572db7410_IMG_0469.JPG");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: 1px solid #0000;
border-radius: 0;
justify-content: center;
align-items: flex-end;
max-width: none;
height: 60vh;
text-decoration: none;
transition: border .15s;
display: flex;
}
.lightbox-link-56:hover {
border-width: 15px;
border-color: #afff0f;
border-radius: 10px;
}
.link-8 {
color: #3a6e54;
text-decoration: none;
}
.link-8:hover {
color: #e2624f;
}
.twins-1-ltbox {
justify-content: space-between;
display: block;
}
.twins-1-ltbox:focus-visible, .twins-1-ltbox[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.male-twins {
object-fit: contain;
border: 3px solid #0000;
border-radius: 0;
width: 100%;
transition: border-width .15s;
display: block;
}
.male-twins:hover {
border: 7px #afff0f;
border-radius: 0;
}
.twins-2-ltbox {
object-fit: contain;
}
.twins-2-ltbox:focus-visible, .twins-2-ltbox[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.lizzie {
z-index: 1;
border: 3px solid #0000;
border-radius: 10px;
width: 100%;
transition: border-width .15s;
position: static;
}
.lizzie:hover {
border: 7px #afff0f;
border-radius: 0;
}
.girl-twins {
z-index: 2;
border: 3px solid #0000;
width: 100%;
transition: border .15s;
position: relative;
}
.girl-twins:hover {
border: 7px #afff0f;
border-radius: 0;
}
.discipline-ltbox {
position: relative;
}
.discipline-ltbox:focus-visible, .discipline-ltbox[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.discipline {
z-index: 4;
border: 3px solid #0000;
width: 100%;
margin-bottom: 60px;
position: relative;
}
.discipline:hover {
border: 7px #afff0f;
border-radius: 0;
}
.power-lines-ltbox {
justify-content: center;
max-width: none;
display: flex;
}
.power-lines-ltbox:focus-visible, .power-lines-ltbox[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.power-lines {
border: 3px solid #0000;
width: 100%;
max-width: 70%;
transition: border .15s;
}
.power-lines:hover {
border: 7px #afff0f;
border-radius: 0;
}
.power-lines:focus-visible, .power-lines[data-wf-focus-visible] {
border-width: 10px;
border-color: var(--blue);
border-radius: 10px;
}
.dom-ltbox {
display: flex;
}
.dom-ltbox:focus-visible, .dom-ltbox[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.god-in-the-window {
object-fit: cover;
border: 3px solid #0000;
width: 100%;
transition: border-width .15s;
}
.god-in-the-window:hover {
border: 8px #afff0f;
border-radius: 0;
}
.lightbox-link-62 {
display: flex;
}
.image-180 {
object-fit: contain;
}
.melting {
border: 3px solid #0000;
width: 100%;
transition: border .15s;
}
.melting:hover {
border: 7px #afff0f;
border-radius: 0;
}
.enlighten-me {
border: 3px solid #0000;
width: 100%;
transition: border .15s;
}
.enlighten-me:hover {
border: 7px #afff0f;
border-radius: 0;
}
.cranes-in-the-sky {
border: 3px solid #0000;
width: 100%;
transition: border .15s;
}
.cranes-in-the-sky:hover {
border: 7px #afff0f;
border-radius: 0;
}
.cranes-in-the-sky:focus-visible, .cranes-in-the-sky[data-wf-focus-visible] {
border-width: 10px;
border-color: var(--blue);
border-radius: 10px;
}
.fan-dancer {
border: 3px solid #0000;
width: 100%;
transition: border .15s;
}
.fan-dancer:hover {
border: 7px #afff0f;
border-radius: 0;
}
.fan-dancer:focus-visible, .fan-dancer[data-wf-focus-visible] {
border-width: 10px;
border-color: var(--blue);
border-radius: 10px;
}
.mlk {
border: 3px solid #0000;
width: 100%;
transition: border .15s;
}
.mlk:hover {
border: 7px #afff0f;
border-radius: 0;
}
.shaking-hands {
border: 3px solid #0000;
width: 100%;
transition: border .15s;
}
.shaking-hands:hover {
border: 7px #afff0f;
border-radius: 0;
}
.kaepernick {
border: 3px solid #0000;
width: 100%;
transition: border .15s;
}
.kaepernick:hover {
border: 7px #afff0f;
border-radius: 0;
}
.kaepernick:focus-visible, .kaepernick[data-wf-focus-visible] {
border-width: 10px;
border-color: var(--blue);
border-radius: 10px;
}
.driving {
border: 3px solid #0000;
width: 100%;
transition: border .15s;
}
.driving:hover {
border: 7px #afff0f;
border-radius: 0;
}
.lone-ranger {
border: 3px solid #0000;
width: 100%;
transition: border-width .15s;
}
.lone-ranger:hover {
border: 7px #afff0f;
border-radius: 0;
}
.namsan-image, .luvee-image {
object-fit: cover;
}
.slide-2, .slide-3, .slide-4 {
cursor: default;
}
.spirit-painting-ltbox {
cursor: auto;
max-width: none;
}
.spirit-painting-ltbox:focus-visible, .spirit-painting-ltbox[data-wf-focus-visible] {
border: 14px solid var(--blue);
border-radius: 12px;
}
.invites-description {
text-align: center;
margin: 0 220px 60px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Space Grotesk;
font-size: 20px;
line-height: 26px;
}
.invites-grid {
grid-column-gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 20px;
}
.invitations-descript {
text-align: center;
margin: 0 0 20px;
font-family: Space Grotesk;
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 22px;
}
.flyers-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
margin-top: 40px;
margin-left: 200px;
margin-right: 200px;
}
.contact-pg-title-section {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61b79b96e4cca8a52a9a4fff_green.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 450px 170px;
height: 150px;
margin-top: 100px;
}
.contact-me-heading {
color: #000;
text-align: center;
letter-spacing: 1px;
padding-top: 40px;
font-family: Savate;
font-size: 44px;
}
.contact-me-heading.mob-hor {
margin-top: 0;
padding-top: 55px;
font-size: 40px;
}
.contact-me-heading.design {
letter-spacing: -.022px;
background-color: #0000;
margin-top: 0;
padding-top: 0;
font-family: Inter, sans-serif;
font-size: 36px;
font-weight: 500;
}
.contact-me-heading.design.contact {
color: #fff;
font-size: 48px;
}
.form {
flex-direction: column;
width: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
display: flex;
}
.text-span-2 {
letter-spacing: 1px;
font-family: Chromate, sans-serif;
font-size: 34px;
}
.text-span-2:hover {
color: #2488d5;
letter-spacing: 2px;
font-style: italic;
}
.text-span-3 {
color: #000;
letter-spacing: 1px;
font-family: Staatliches;
font-size: 32px;
}
.text-span-3:hover {
color: #15a778;
letter-spacing: 2px;
font-size: 38px;
}
.text-span-4 {
letter-spacing: 1px;
font-family: Ribes;
font-size: 34px;
font-style: normal;
font-weight: 800;
}
.text-span-4:hover {
color: #ec5c27;
letter-spacing: 5px;
text-transform: uppercase;
font-size: 36px;
}
.text-span-5 {
font-family: Dongle;
font-size: 57px;
}
.text-span-5:hover {
color: #f11eab;
letter-spacing: 1px;
font-size: 65px;
font-style: normal;
font-weight: 400;
}
.image-192 {
max-width: 50%;
max-height: none;
}
._2nd-left-column {
justify-content: center;
align-items: stretch;
padding-left: 0;
padding-right: 0;
display: flex;
}
.progress-bar {
z-index: 10;
background-color: var(--may--brown);
opacity: 1;
transform-origin: 0%;
-webkit-text-fill-color: inherit;
background-image: none;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
background-clip: border-box;
width: 100%;
max-width: none;
height: 8px;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
position: fixed;
inset: 0% auto auto 0%;
}
.progress-bar.labels {
z-index: 6;
background-color: var(--may--brown);
}
.business-description-section {
background-color: var(--khaki);
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-left: 200px;
padding-right: 200px;
display: flex;
}
.business-description {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
font-family: Space Grotesk;
font-size: 20px;
line-height: 26px;
}
.final-invite-design-heading {
color: #000;
font-family: Space Grotesk;
font-size: 22px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.final-front-ltbox {
text-decoration: none;
}
.final-front-ltbox:focus-visible, .final-front-ltbox[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.final-back-ltbox {
text-decoration: none;
}
.final-back-ltbox:focus-visible, .final-back-ltbox[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.final-front-design {
cursor: pointer;
border: 1px solid #0000;
width: 100%;
transition: border .15s;
}
.final-front-design:hover {
border: 8px solid #afff0f;
border-radius: 10px;
}
.final-back-design {
cursor: pointer;
border: 1px solid #0000;
width: 100%;
transition: border .15s;
}
.final-back-design:hover {
border-width: 8px;
border-color: #afff0f;
border-radius: 10px;
}
.lavender-vert {
border: 1px solid #0000;
width: 100%;
transition: border .15s;
}
.lavender-vert:hover {
border-width: 8px;
border-color: #afff0f;
border-radius: 10px;
}
.lavender-horiz {
border: 1px solid #0000;
width: 100%;
transition: border .15s;
}
.lavender-horiz:hover {
border-width: 8px;
border-color: #afff0f;
border-radius: 10px;
}
.green-horiz {
cursor: pointer;
border: 1px solid #0000;
width: 100%;
transition: border .15s;
}
.green-horiz:hover {
border-width: 8px;
border-color: #afff0f;
border-radius: 10px;
}
.green-vert {
cursor: pointer;
border: 1px solid #0000;
width: 100%;
transition: border .15s;
}
.green-vert:hover {
border-width: 8px;
border-color: #afff0f;
border-radius: 10px;
}
.character-1st-sketch {
border: 1px solid #0000;
width: 99.5849%;
transition: border .15s;
}
.character-1st-sketch:hover {
border-width: 12px;
border-color: #afff0f;
border-radius: 10px;
}
._2ciders-image {
border: 0 #0000;
width: 100%;
transition: border .15s;
}
._2ciders-image:hover {
border: 15px solid #afff0f;
border-radius: 12px;
}
._2ciders-image:focus-visible, ._2ciders-image[data-wf-focus-visible] {
border: 15px #afff0f;
border-radius: 0;
}
.image-201 {
border: 1px #0000;
transition: border .15s;
}
.image-201:hover {
border: 20px solid #afff0f;
border-radius: 20px;
}
.invites-description-section {
background-color: #0000;
margin-top: 20px;
}
.watch-pg-columns {
margin-bottom: 0;
}
.space-ltbox {
cursor: pointer;
border: 1px #0000;
transition: border .15s;
}
.space-ltbox:hover {
border: 13px #afff0f;
border-radius: 14px;
}
.space-ltbox:focus-visible, .space-ltbox[data-wf-focus-visible] {
border: 14px solid var(--blue);
border-radius: 10px;
}
.horses-ltbox {
border: 1px #0000;
justify-content: center;
align-items: stretch;
display: flex;
}
.horses-ltbox:hover {
border: 13px #afff0f;
border-radius: 0;
}
.horses-ltbox:focus-visible, .horses-ltbox[data-wf-focus-visible] {
border: 14px solid var(--blue);
border-radius: 10px;
}
.horses-image {
cursor: pointer;
object-fit: cover;
border: 1px #0000;
}
.horses-image:hover {
border: 13px #afff0f;
border-radius: 0;
}
.jjigae-image {
cursor: pointer;
border: 1px #0000;
transition: border .15s;
}
.jjigae-image:hover {
border: 13px #afff0f;
border-radius: 0;
}
.cider-bottom-images {
margin-top: 0;
}
.lightbox-link-68 {
border: 1px solid #0000;
transition: border .15s;
}
.lightbox-link-68:hover {
border-width: 12px;
border-color: #afff0f;
border-radius: 10px;
margin-top: 20px;
}
.single-hib-cider-ltbox {
border: 1px solid #0000;
justify-content: center;
display: flex;
}
.single-hib-cider-ltbox:hover {
border-width: 12px;
border-color: #afff0f;
border-radius: 10px;
}
.single-hib-cider-ltbox:focus-visible, .single-hib-cider-ltbox[data-wf-focus-visible] {
border-width: 12px;
border-color: var(--blue);
border-radius: 10px;
}
.triple-hib-cider-ltbox {
border: 1px #0000;
flex-wrap: wrap;
justify-content: space-around;
max-width: 100vw;
transition: border .15s;
display: flex;
}
.triple-hib-cider-ltbox:hover {
border: 12px solid #afff0f;
border-radius: 10px;
}
.triple-hib-cider-ltbox:focus-visible, .triple-hib-cider-ltbox[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 10px;
}
.logo-sticker-lightbox {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61c4c66949cf6f51e3fbb8c4_IMG_0122.jpeg");
background-position: 50%;
background-size: cover;
border: 1px #0000;
justify-content: center;
display: flex;
}
.logo-sticker-lightbox:hover {
border: 18px solid #afff0f;
border-radius: 12px;
}
.logo-sticker-lightbox:focus-visible, .logo-sticker-lightbox[data-wf-focus-visible] {
border: 20px solid var(--blue);
border-radius: 11px;
}
.hibiscus-outline-lightbox {
cursor: pointer;
border: 1px solid #0000;
transition: border .15s;
}
.hibiscus-outline-lightbox:hover {
border-width: 14px;
border-color: #afff0f;
border-radius: 10px;
padding-right: 10px;
}
.hibiscus-outline-lightbox:focus-visible, .hibiscus-outline-lightbox[data-wf-focus-visible] {
border-width: 14px;
border-color: var(--blue);
border-radius: 10px;
}
.wedding-1-invite-ltbox {
justify-content: center;
transition: border .15s;
display: flex;
}
.wedding-1-invite-ltbox:hover {
border: 10px solid #afff0f;
border-radius: 10px;
}
.wedding-1-invite-ltbox:focus-visible, .wedding-1-invite-ltbox[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.wedding-1-invite {
object-fit: cover;
width: 100%;
}
.concert-flyers-section {
margin-bottom: 60px;
}
.wedding-2-invite-ltbox {
justify-content: space-between;
display: flex;
}
.wedding-2-invite-ltbox:focus-visible, .wedding-2-invite-ltbox[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.baby-ltbox {
border: 1px #0000;
justify-content: space-between;
transition: border .15s;
display: flex;
}
.baby-ltbox:hover {
border: 10px solid #afff0f;
border-radius: 10px;
}
.baby-ltbox:focus-visible, .baby-ltbox[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.chartreuse-ltbox {
border: 1px solid #0000;
justify-content: space-between;
transition: border .15s;
display: flex;
}
.chartreuse-ltbox:hover {
border: 10px solid #afff0f;
border-radius: 10px;
}
.chartreuse-ltbox:focus-visible, .chartreuse-ltbox[data-wf-focus-visible] {
border-width: 10px;
border-color: var(--blue);
border-radius: 10px;
}
.ty-ltbox {
border: 10px #afff0f;
border-radius: 0;
justify-content: space-between;
transition: border .15s;
display: flex;
}
.ty-ltbox:hover {
border: 10px solid #afff0f;
border-radius: 10px;
}
.ty-ltbox:focus-visible, .ty-ltbox[data-wf-focus-visible] {
border-style: solid;
border-color: var(--blue);
border-radius: 10px;
}
.senior-ltbox {
border: 1px solid #0000;
justify-content: space-between;
transition: border .15s;
display: flex;
}
.senior-ltbox:hover {
border-width: 10px;
border-color: #afff0f;
border-radius: 10px;
}
.senior-ltbox:focus-visible, .senior-ltbox[data-wf-focus-visible] {
border-width: 10px;
border-color: var(--blue);
border-radius: 10px;
}
.wedding-2-invite {
border: 1px solid #0000;
width: 100%;
transition: border .15s;
}
.wedding-2-invite:hover {
border-width: 10px;
border-color: #afff0f;
border-radius: 10px;
}
.ty-flyer {
border: 1px solid #0000;
width: 100%;
transition: border .15s;
}
.looking-at-sea-ltbox {
border: 1px #0000;
justify-content: flex-end;
transition: border .15s;
display: flex;
}
.looking-at-sea-ltbox:hover {
border: 12px #afff0f;
border-radius: 0;
}
.looking-at-sea-ltbox:focus-visible, .looking-at-sea-ltbox[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 10px;
}
.night-sea-ltbox {
border: 1px solid #0000;
transition: border .15s;
display: flex;
}
.night-sea-ltbox:hover {
border: 12px #afff0f;
border-radius: 0;
}
.night-sea-ltbox:focus-visible, .night-sea-ltbox[data-wf-focus-visible] {
border-width: 12px;
border-color: var(--blue);
border-radius: 10px;
}
.braiding-ltbox {
border: 1px solid #0000;
transition: border .15s;
}
.braiding-ltbox:hover {
border: 12px #afff0f;
border-radius: 10px;
}
.braiding-ltbox:focus-visible, .braiding-ltbox[data-wf-focus-visible] {
border-width: 12px;
border-color: var(--blue);
border-radius: 10px;
}
.korean-gurls-main-project-section {
justify-content: center;
display: flex;
}
.tiger-gif-ltbox {
border-radius: 10px;
}
.tiger-gif-ltbox:hover {
border: 12px #afff0f;
border-radius: 0;
}
.tiger-gif-ltbox:focus-visible, .tiger-gif-ltbox[data-wf-focus-visible] {
border: 12px solid var(--blue);
}
.luvee-ltbox {
border: 1px solid #0000;
transition: border .15s;
}
.luvee-ltbox:hover {
border: 12px #afff0f;
border-radius: 0;
}
.luvee-ltbox:focus-visible, .luvee-ltbox[data-wf-focus-visible] {
border-width: 12px;
border-color: var(--blue);
border-radius: 12px;
}
.halmoni-s-spirit {
border: 1px #000;
width: 100%;
transition: border .15s;
}
.halmoni-s-spirit:hover {
border: 1px solid #000;
border-radius: 0;
}
.halmoni-s-feet {
border: 1px #000;
width: 100%;
max-width: 40vw;
}
.halmoni-s-feet:hover {
border: 1px solid #000;
border-radius: 0;
}
.altar-image {
border: 1px #000;
width: 100%;
}
.altar-image:hover {
border: 1px solid #000;
border-radius: 0;
}
.grandpa-image {
border: 1px #000;
width: 100%;
transition: border .15s;
}
.grandpa-image:hover {
border: 1px solid #000;
border-radius: 0;
}
.urns-image {
border: 1px solid #000;
width: 100%;
transition: border .15s;
}
.urns-image:hover {
border: 1px solid #000;
border-radius: 0;
}
.image-212 {
max-width: 80%;
margin-left: 100px;
}
.me {
object-fit: cover;
border-radius: 12px;
flex: 1;
max-width: 100%;
margin-left: 0;
margin-right: 40px;
padding-right: 0;
}
.characters-project-image {
object-fit: cover;
overflow: hidden;
}
.plntrs-logo-project-image {
object-fit: cover;
display: block;
overflow: hidden;
}
.lt-contact-column {
align-items: center;
display: flex;
}
.heading-31 {
color: #000;
text-align: center;
margin-top: 0;
font-family: Space Grotesk;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.image-column {
padding-right: 0;
}
.step-heading {
color: #000;
margin: 0 100px 0 140px;
font-family: Savate;
font-size: 40px;
line-height: 45px;
}
.step-heading.process {
color: #000;
margin-left: 140px;
font-family: Savate italique;
}
.step-heading.readapt {
margin-left: 140px;
font-family: Savate italique;
}
.caption-paragraph {
font-family: Space Grotesk;
font-size: 20px;
line-height: 24px;
}
.caption-paragraph._2nd-rd {
width: 240px;
}
.caption-paragraph.black-shirts {
margin-left: 20px;
line-height: 28px;
}
.caption-paragraph.white-shirt {
width: 250px;
line-height: 28px;
}
.logo-readaptation-heading {
background-color: var(--headings);
color: #fff;
text-align: center;
letter-spacing: .5px;
border-radius: 19px;
margin-top: 0;
margin-bottom: 0;
margin-left: 40px;
padding: 20px;
font-family: Savate;
font-size: 30px;
line-height: 32px;
}
.logo-adaptation-caption {
margin-left: 40px;
padding-top: 40px;
font-family: Space Grotesk;
font-size: 20px;
line-height: 26px;
}
.explore-div {
background-color: #fce9e2;
justify-content: center;
display: none;
}
.explore-div.cider {
background-color: var(--khaki);
display: flex;
}
.black-pocket-image {
object-fit: cover;
width: 100%;
}
.white-shirt-section {
margin: 60px 0;
}
.plntrs-logo-gif {
width: 100%;
}
.project-heading {
background-color: var(--headings);
color: #fff;
text-align: center;
border-radius: 19px;
margin: 0;
padding: 10px 20px;
font-family: Savate;
font-size: 30px;
line-height: 32px;
}
.plntrs-character-sticker {
margin-top: 0;
}
.character-jump-ltbox {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.character-jump-ltbox:focus-visible, .character-jump-ltbox[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 10px;
}
.final-thoughts-section {
margin-bottom: 100px;
}
.lavender-vert-ltbox:focus-visible, .lavender-vert-ltbox[data-wf-focus-visible] {
border: 8px solid var(--blue);
border-radius: 10px;
}
.lavender-horiz-ltbox {
border: 8px #afff0f;
border-radius: 0;
}
.lavender-horiz-ltbox:focus-visible, .lavender-horiz-ltbox[data-wf-focus-visible] {
border-style: solid;
border-color: var(--blue);
border-radius: 10px;
}
.green-horiz-ltbox:focus-visible, .green-horiz-ltbox[data-wf-focus-visible], .green-vert-ltbox:focus-visible, .green-vert-ltbox[data-wf-focus-visible] {
border: 8px solid var(--blue);
border-radius: 10px;
}
.baby-shower-vite {
width: 100%;
}
.chartreuse-flyer, .senior-flyer {
width: 100%;
}
.main-poetry-illo-section {
justify-content: center;
display: flex;
}
.jjigae-ltbox:focus-visible, .jjigae-ltbox[data-wf-focus-visible] {
border: 14px solid var(--blue);
border-radius: 10px;
}
.ears-ltbox {
display: flex;
}
.ears-ltbox:focus-visible, .ears-ltbox[data-wf-focus-visible] {
border: 14px solid var(--blue);
border-radius: 10px;
}
.ears-image {
object-fit: cover;
border: 1px #0000;
transition: border .15s;
}
.ears-image:hover {
border-width: 13px;
border-color: #afff0f;
border-radius: 0;
}
.illust-images-section {
justify-content: center;
margin-bottom: 0;
padding-bottom: 140px;
display: flex;
}
.halmoni-section-1 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 100px;
padding-top: 0;
display: flex;
}
.halmoni-section-2 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 160px;
display: flex;
}
.altar-ltbox:focus-visible, .altar-ltbox[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 12px;
}
.tomb-ltbox {
justify-content: center;
align-items: center;
max-width: 40vw;
display: flex;
}
.tomb-ltbox:focus-visible, .tomb-ltbox[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.grandpa-section {
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 160px;
display: flex;
}
.grandpa-ltbox:focus-visible, .grandpa-ltbox[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 12px;
}
.urns-section {
justify-content: center;
margin-top: 160px;
display: flex;
}
.urns-ltbox:focus-visible, .urns-ltbox[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 12px;
}
.burning-video {
border: 1px solid #000;
width: auto;
max-width: 1178.75vw;
margin-top: 0;
margin-bottom: 200px;
}
.burning-video:focus-visible, .burning-video[data-wf-focus-visible] {
border: 12px solid var(--blue);
border-radius: 10px;
}
.pen-ink-main-section {
justify-content: center;
display: flex;
}
.lone-ranger-ltbox:focus-visible, .lone-ranger-ltbox[data-wf-focus-visible], .lizzie-ltbox:focus-visible, .lizzie-ltbox[data-wf-focus-visible], .melting-ltbox:focus-visible, .melting-ltbox[data-wf-focus-visible], .fan-dance-ltbox:focus-visible, .fan-dance-ltbox[data-wf-focus-visible], .enlighten-me-ltbox:focus-visible, .enlighten-me-ltbox[data-wf-focus-visible], .cranes-ltbox:focus-visible, .cranes-ltbox[data-wf-focus-visible], .mlk-ltbox:focus-visible, .mlk-ltbox[data-wf-focus-visible], .mlk-johnson-ltbox:focus-visible, .mlk-johnson-ltbox[data-wf-focus-visible], .kaepernick-ltbox:focus-visible, .kaepernick-ltbox[data-wf-focus-visible], .driving-ltbox:focus-visible, .driving-ltbox[data-wf-focus-visible] {
border: 10px solid var(--blue);
border-radius: 10px;
}
.intro-column-left {
background-color: #fff;
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
._2nd-right-column, ._3rd-left-column {
background-color: #0000;
justify-content: center;
align-items: center;
display: flex;
}
._3rd-right-column {
flex: 1;
justify-content: space-between;
align-self: stretch;
padding-left: 0;
padding-right: 0;
display: flex;
}
.navbar-3 {
display: none;
}
.ajkhere-fixed {
display: flex;
}
.fab-wrapper {
display: none;
position: fixed;
inset: auto 5% 5% auto;
}
.fab {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be2ff8b67113203eeb51a7_orangey.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
justify-content: center;
align-items: center;
width: 135px;
height: 100px;
padding-top: 4px;
display: flex;
}
.text-block-25 {
font-family: "Fa solid 900";
font-size: 38px;
display: block;
}
.text-block-25.close {
cursor: pointer;
display: none;
}
.bars-icon {
cursor: pointer;
font-size: 38px;
}
.tablet-navbar {
display: none;
}
.menu-button {
background-color: #c69dce;
}
.form-2 {
width: 500px;
}
.form-2.design {
width: 450px;
}
.contact-me-mobile, .contact-me-mobile.available {
display: block;
}
.new-loop {
width: 50vw;
height: 100px;
}
.new-loop-container {
white-space: nowrap;
}
.text-block-26 {
color: #cf504b;
margin-right: 10px;
font-family: Space Grotesk;
font-size: 24px;
font-weight: 600;
line-height: 44px;
display: block;
}
.image-213 {
object-fit: cover;
border: 1px #000;
border-radius: 0;
flex: 1;
width: auto;
max-width: 70%;
margin-top: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
display: inline-block;
overflow: hidden;
}
.text-block-27 {
flex: 0 auto;
position: absolute;
}
.design-grid._2 {
justify-content: center;
margin-top: 45px;
margin-bottom: 100px;
display: flex;
}
.design-2-grid {
grid-column-gap: 40px;
grid-row-gap: 30px;
grid-template-rows: 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows: 60px;
margin: 100px 100px 0;
}
.design-2-grid.illustration {
grid-column-gap: 20px;
grid-row-gap: 40px;
grid-template-rows: 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows: 60px;
margin-top: 80px;
margin-left: 60px;
margin-right: 60px;
padding-left: 0;
padding-right: 0;
}
.bcc-logo-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61ddc06a000b22ddaadc1a01_ezgif-3-1d3bc2e744.gif"), url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61c4c66949cf6f51e3fbb8c4_IMG_0122.jpeg");
background-position: 50%, 50%;
background-repeat: repeat, no-repeat;
background-size: cover, cover;
border-radius: 12px;
text-decoration: none;
}
.cider-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61dcbb644c8758e01086a6e9_IMG_0532.jpeg");
background-position: 50%;
background-size: cover;
border-radius: 12px;
text-decoration: none;
}
.sun-kin-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be7e89e035e093601a001f_IMG_4280.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 12px;
text-decoration: none;
}
.sun-kin-link-block.illust {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f589f51c566207367f03e7_ezgif.com-gif-maker%20(1).gif");
background-position: 50% 0;
background-repeat: repeat;
background-size: cover;
text-decoration: none;
}
.plntrs-logo-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61df0eae58817b5b6f711232_IMG_9978%20copy.jpg");
background-position: 50%;
background-size: cover;
border-radius: 12px;
text-decoration: none;
}
.character-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61e1cad9aa22cec16c49b943_plnt%20care%20is%20self%20care%20copy.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 12px;
text-decoration: none;
}
.food-for-thought-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/622bb97bcf24442b72744b21_Screen%20Shot%202022-03-11%20at%201.04.48%20PM.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 12px;
text-decoration: none;
}
.invitess-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/6206ab34bbc8c17284cafb49_Screen%20Shot%202022-02-11%20at%2010.26.21%20AM.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 12px;
text-decoration: none;
}
.navbar-4 {
z-index: 5;
background-color: var(--bg-2);
flex-direction: row;
justify-content: flex-end;
align-items: center;
max-width: none;
height: 50px;
margin-top: 0;
padding-top: 0;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.nav-link-9 {
color: var(--black-2\);
letter-spacing: -.02px;
-webkit-text-stroke-color: #000;
margin: 0;
font-family: Barlow, sans-serif;
font-size: 18px;
font-weight: 400;
}
.nav-link-9:hover {
color: var(--olive);
}
.nav-link-9.w--current {
color: var(--bb-green);
font-style: italic;
font-weight: 400;
text-decoration: underline;
}
.nav-link-10 {
color: var(--link);
letter-spacing: 1.5px;
margin-left: 10px;
margin-right: 10px;
font-family: Space Grotesk;
font-size: 28px;
font-weight: 400;
}
.nav-link-10.w--current {
color: var(--bb-green);
margin-top: 0;
margin-right: 10px;
font-style: italic;
font-weight: 600;
text-decoration: none;
}
.nav-link-10.last {
color: var(--black-2\);
letter-spacing: -.02px;
-webkit-text-stroke-color: #000;
margin-top: 0;
margin-left: 0;
margin-right: 80px;
padding-left: 10px;
padding-right: 10px;
font-family: Barlow, sans-serif;
font-size: 18px;
font-weight: 400;
}
.nav-link-10.last:hover {
color: var(--olive);
}
.nav-link-10.last.w--current {
margin-right: 100px;
font-style: italic;
font-weight: 400;
text-decoration: underline;
}
.nav-link-11 {
color: var(--link);
letter-spacing: -.02px;
margin-top: 0;
margin-left: 10px;
margin-right: 0;
font-family: Inter, sans-serif;
font-size: 28px;
font-weight: 400;
}
.nav-link-11.w--current {
color: var(--bb-green);
letter-spacing: -.02px;
max-width: none;
margin-top: 0;
font-family: Inter, sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 400;
text-decoration: overline;
}
.nav-link-11.design {
color: #443f3b;
letter-spacing: 0;
-webkit-text-stroke-color: #000;
margin-left: 10px;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 22px;
font-weight: 400;
}
.nav-link-11.design:hover {
color: var(--sea-green\);
}
.nav-link-11.design.w--current {
color: var(--magenta);
letter-spacing: -.02px;
margin-top: 0;
margin-left: 0;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 28px;
font-style: italic;
font-weight: 400;
line-height: 20px;
text-decoration: underline;
}
.nav-link-11.design.last {
margin-right: 0;
}
.nav-menu-4 {
position: static;
}
.container-13 {
justify-content: flex-end;
width: 80vw;
margin-left: 0;
margin-right: 0;
display: flex;
}
.project-title {
color: var(--dark-slate-grey-2\);
text-align: left;
letter-spacing: 1px;
background-color: #e7ff34;
border-radius: 9px 9px 0 0;
flex-direction: column;
align-items: flex-start;
padding: 10px 10px 5px;
font-family: Space Grotesk;
font-size: 18px;
font-weight: 400;
display: flex;
}
.project-title.illust {
justify-content: flex-end;
align-items: flex-start;
padding-bottom: 5px;
display: flex;
}
.project-title._2 {
background-color: #f7ceff;
justify-content: flex-end;
align-items: flex-end;
}
.bold-text-8 {
text-align: left;
letter-spacing: 1px;
font-family: Space Grotesk;
font-weight: 600;
}
.bold-text-9 {
padding-top: 0;
padding-bottom: 0;
font-weight: 600;
}
.bold-text-10 {
font-weight: 600;
}
.section-36 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 120px;
display: flex;
}
.illust-projects._2 {
justify-content: center;
align-items: flex-start;
margin-top: 45px;
display: flex;
}
.poetry-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f9ef5ec3ea36113e52d627_Untitled_Artwork%207.jpg");
background-position: 50%;
background-size: cover;
border-radius: 12px;
text-decoration: none;
}
.korean-gurls-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f2ea388c73de1f3239743a_Untitled_Artwork%209.jpg");
background-position: 0%;
background-size: cover;
border-radius: 12px;
text-decoration: none;
}
.montero-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f31b097a97ea571a155ef5_Untitled_Artwork%204.jpg");
background-position: 50%;
background-size: cover;
border-radius: 12px;
text-decoration: none;
}
.spirits-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f2f0c39d538b9211f45d6b_Untitled_Artwork%201.jpg");
background-position: 50%;
background-size: cover;
border-radius: 12px;
text-decoration: none;
}
.eulogies-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/620aa64950ec384cf8d106a6_East%20Hollywood%20Forever.jpg");
background-position: 50%;
background-size: cover;
border-radius: 12px;
text-decoration: none;
}
.halmoni-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f2f41dab08c93cc8dc813a_IMG_7423%20copy%202.jpg");
background-position: 50% 0;
background-size: cover;
border-radius: 12px;
text-decoration: none;
}
.pen-ink-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f2f540264378fd26d225d3_FINALLY2.jpg");
background-position: 50%;
background-size: cover;
border-radius: 12px;
text-decoration: none;
}
.design-desktop-heading {
z-index: 2;
direction: ltr;
color: var(--dark-slate-grey-2\);
text-align: center;
flex-flow: column;
align-items: center;
margin: 10px 10px 10px 20px;
font-family: Space Grotesk;
font-size: 40px;
font-weight: 500;
line-height: 40px;
display: none;
position: fixed;
inset: 0% auto 0% 0%;
}
.section-37 {
flex-direction: column;
align-items: center;
display: flex;
position: fixed;
inset: 0% auto 0% 0%;
}
.illustration-title {
color: var(--dark-slate-grey-2\);
text-align: center;
margin-top: 14px;
margin-right: 25px;
font-family: Space Grotesk;
font-size: 30px;
font-weight: 600;
line-height: 32px;
display: none;
position: fixed;
inset: 0% 0% 0% auto;
}
.text-block-31 {
margin-top: 81px;
margin-left: 194px;
font-family: Space Grotesk;
font-size: 35px;
font-weight: 500;
}
.illustration-tablet-heading, .design-tablet-heading {
display: none;
}
.contact-pg-form {
background-color: #0000;
justify-content: center;
margin-top: 100px;
margin-bottom: 100px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.text-block-32 {
color: #f7ceff;
text-align: center;
letter-spacing: .5px;
flex-direction: row;
margin-bottom: 60px;
font-family: Space Grotesk;
font-size: 30px;
font-weight: 500;
line-height: 36px;
display: flex;
position: static;
}
.columns-15 {
flex-direction: column;
align-items: stretch;
max-width: 70vw;
margin: 140px 0 100px;
display: flex;
}
.paragraph-18 {
color: #272727;
letter-spacing: .1px;
max-width: none;
margin-top: 0;
margin-bottom: 0;
padding-right: 0;
font-family: Space Mono, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 30px;
}
.paragraph-18.contact {
color: var(--jan--black);
text-align: center;
text-transform: none;
max-width: none;
margin: 0 100px 20px;
padding-left: 0;
padding-right: 0;
font-family: Space Mono, sans-serif;
font-size: 24px;
line-height: 32px;
}
.paragraph-18._20 {
font-size: 20px;
line-height: 32px;
}
.paragraph-18.heading {
text-align: center;
text-transform: none;
font-size: 22px;
line-height: 32px;
}
.paragraph-18.small {
color: var(--jan--olive);
text-align: center;
text-transform: uppercase;
margin-top: 15vh;
font-size: 14px;
line-height: 20px;
}
.paragraph-18.i-love {
padding-right: 0;
}
.paragraph-18.home {
color: #fff;
text-align: center;
font-size: 22px;
}
.paragraph-18.newhp {
color: var(--may--brown);
letter-spacing: 0;
font-family: Karla, sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 24px;
}
.paragraph-18.newhp.large {
text-align: center;
margin: 10px 0 20px;
padding-left: 0;
padding-right: 0;
font-size: 18px;
line-height: 22px;
}
.column-21 {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.image-216 {
width: 100%;
}
.heading-32 {
color: var(--dark-olive-green\);
text-align: center;
margin-top: 0;
margin-bottom: -25px;
font-family: Space Grotesk;
font-size: 20px;
font-weight: 500;
}
.paragraph-19 {
color: #000;
text-align: center;
margin: 100px 220px 20px;
font-family: Space Grotesk;
font-size: 22px;
font-weight: 300;
line-height: 28px;
}
.text-block-33 {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
margin-top: 181px;
display: flex;
}
.subscript {
padding-left: 0;
}
.column-22 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/622ce61df62c06562e927b2a_orange%20copy.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 250px;
}
.column-23 {
background-image: none;
background-size: auto;
justify-content: center;
align-items: center;
height: 250px;
display: flex;
}
.column-24 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62841b894b189bf543974843_red.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 420px 19vh;
justify-content: center;
align-items: center;
height: 260px;
display: flex;
}
.columns-16 {
background-image: none;
max-width: 1161vw;
margin: 0;
}
.link-10 {
color: var(--link);
text-align: center;
font-family: Savate italique;
font-size: 36px;
line-height: 38px;
text-decoration: none;
display: none;
}
.link-10:hover {
font-family: Savate italique;
}
.link-11 {
color: var(--link);
text-align: center;
letter-spacing: 0;
margin-top: 10px;
font-family: Space Mono, sans-serif;
font-size: 42px;
font-style: italic;
line-height: 46px;
text-decoration: none;
}
.link-11.illos {
font-size: 33px;
line-height: 36px;
display: none;
}
.column-25 {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
justify-content: center;
align-items: center;
height: 250px;
display: flex;
}
.heading-33 {
display: none;
}
.section-38 {
border-top: 1px #000;
border-bottom: 1px #000;
margin-top: 60px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 100px;
}
.section-39 {
background-color: var(--link);
}
.text-block-34 {
background-color: var(--khaki);
justify-content: center;
align-items: center;
height: 30px;
font-family: Barlow, sans-serif;
font-size: 15px;
display: flex;
}
.div-block-51 {
padding-left: 0;
padding-right: 60px;
}
.intro-column-lft {
background-color: #000;
background-image: none;
background-repeat: repeat;
background-size: auto;
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
min-height: auto;
padding: 0;
display: flex;
}
.intro-column-rt {
background-color: #000;
height: auto;
min-height: auto;
}
.left-side-intro-section {
height: auto;
margin-top: 45px;
margin-bottom: 100px;
display: flex;
}
.intro-columns {
padding-top: 0;
display: flex;
}
.text-block-35 {
color: var(--bb-green);
align-self: auto;
margin-top: 10px;
margin-left: 30px;
font-family: Savate;
font-size: 40px;
line-height: 45px;
}
.text-block-36 {
color: var(--bb-green);
margin-left: 2.5vw;
font-family: Space Grotesk;
font-size: 65px;
line-height: 60px;
}
.text-block-36.right-column {
margin-left: 0;
margin-right: 2.5vw;
}
.intro-client-paragraph {
color: var(--may--brown);
text-align: left;
letter-spacing: 0;
-webkit-text-stroke-color: #4b4b4b;
margin: 10px 0 0;
padding-right: 0;
font-family: Karla, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 27px;
text-decoration: none;
}
.intro-client-paragraph.left {
text-align: left;
}
.div-block-52 {
display: flex;
}
.intro-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr .5fr;
height: auto;
margin: 60px 60px 80px;
}
.h1 {
color: var(--may--brown);
font-family: GFS Bodoni, Times New Roman, sans-serif;
font-size: var(--web-h1);
line-height: var(--web-h1-ht);
text-align: left;
letter-spacing: -2px;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--may--brown);
margin-top: 0;
margin-bottom: 10px;
margin-left: 0;
font-style: normal;
font-weight: 400;
display: block;
}
.h1.right-column {
text-align: right;
margin-left: 0;
margin-right: 2.5vw;
line-height: 52px;
display: block;
}
.h1.right-column.jb {
margin-right: 2vw;
font-size: 40px;
line-height: 44px;
}
.h1.illos {
text-align: center;
margin-bottom: 0;
padding-left: 0;
}
.h1.tab-and-mobile {
display: none;
}
.h1.left {
font-weight: 700;
}
.h2-heading {
letter-spacing: .3px;
margin-bottom: 5px;
margin-left: 0;
font-family: Savate;
font-size: 20px;
}
.h2-heading.deliverables {
color: var(--may--brown);
text-align: left;
letter-spacing: -1px;
-webkit-text-stroke-width: 0px;
text-transform: capitalize;
margin-top: 0;
margin-bottom: 10px;
margin-left: 0;
font-family: Karla, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: 30px;
}
.h2-heading.deliverables.faney {
margin-top: 20px;
}
.h2-heading.deliverables.cream {
color: var(--may--cream);
margin-bottom: 5px;
font-family: GFS Bodoni, Times New Roman, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.h2-heading.deliverables._30 {
margin-top: 30px;
}
.paragraph-description {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
font-family: Space Grotesk;
font-size: 18px;
line-height: 28px;
}
.paragraph-description.deliverables {
color: #000;
letter-spacing: 0;
margin-top: 0;
margin-left: 0;
font-family: Karla, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 22px;
}
.paragraph-description.deliverables.links {
line-height: 26px;
}
.deliverables-div {
flex-direction: column;
justify-content: center;
align-items: flex-end;
margin-left: 0;
margin-right: 0;
display: block;
}
.deliverables-div.halmoni {
margin-left: 0;
}
.deliverables-div.bcc-branding {
margin-top: 40px;
}
.challenges-div {
padding-left: 0;
}
.solutions-div {
margin-left: 20px;
padding-left: 0;
}
.intro-client-div {
margin-left: 0;
padding-left: 0;
font-family: Space Grotesk;
}
.bcc-flavors-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 100px 60px 160px 60px 60px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: space-between;
max-width: none;
margin: 20px 260px 0;
display: grid;
}
.color-palette-section {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-bottom: 200px;
}
.text-block-37 {
text-align: center;
font-family: Savate;
font-size: 40px;
line-height: 50px;
}
.bcc-challenge-solution-section {
max-width: none;
margin-top: 0;
}
.miss-moo-gif {
width: auto;
max-width: 50%;
margin: 0;
display: block;
}
.bcc-lft-column {
background-color: #0000;
}
.bcc-lft-column.miss-moo, .bcc-lft-column.shirts {
background-color: var(--khaki);
}
.challenge-solution-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto auto;
margin: 60px;
}
.challenge-solution-grid.cider-labels {
grid-template-rows: auto 60px auto;
}
.project-name-heading {
color: var(--magenta);
margin-top: 20px;
margin-bottom: 60px;
font-family: Savate;
font-size: 48px;
line-height: 52px;
}
.project-name-heading.faney {
margin-bottom: 40px;
}
.bcc-rt-column {
background-color: var(--khaki);
align-items: center;
height: auto;
display: flex;
}
.bcc-rt-column.miss-moo {
background-color: #0000;
}
.color-palette-heading {
color: #1f1f1f;
text-align: center;
letter-spacing: -1px;
background-color: #0000;
border-radius: 12px;
margin: 0;
padding: 10px 20px;
font-family: GFS Bodoni, Times New Roman, sans-serif;
font-size: 28px;
font-style: italic;
font-weight: 400;
line-height: 28px;
display: block;
}
.color-palette-heading.cider {
margin-top: 0;
font-family: Space Mono, sans-serif;
font-size: 28px;
font-style: normal;
}
.logo-info-section {
background-color: #0000;
justify-content: flex-start;
display: flex;
}
.logo-info-section.sunkin {
flex-direction: column;
align-items: center;
margin-top: 100px;
}
.image-218 {
max-width: 80vw;
margin: 60px 100px;
}
.image-219 {
margin-top: 20px;
margin-bottom: 40px;
}
.logotype-gif {
max-width: 70vw;
margin-top: 0;
margin-bottom: 0;
}
.div-block-53 {
justify-content: center;
align-items: center;
width: 50vw;
height: auto;
display: flex;
}
.section-43 {
justify-content: center;
display: flex;
}
.color-palette-columns {
justify-content: flex-end;
align-items: center;
display: flex;
}
.color-palette-column-left {
background-color: var(--khaki);
padding-top: 20px;
padding-bottom: 10px;
padding-right: 20px;
}
.image-221 {
background-color: #0000;
max-width: 100%;
margin: 0 0 140px;
}
.bcc-stickers-section {
justify-content: center;
align-items: center;
max-width: 100vw;
display: flex;
}
.bcc-logotype-section {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 100px;
margin-bottom: 140px;
display: none;
}
.bcc-sign-image, .bcc-sign-image.stickers {
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.bcc-sign-section {
justify-content: center;
align-items: center;
display: flex;
}
.section-47 {
display: none;
}
.pine-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e17a483f000a7dc05c1053_pine.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin-top: 0;
margin-bottom: 20px;
padding-top: 0;
padding-bottom: 0;
}
.pine-div:hover {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202d6cf3756da185dede_piney.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.pine-div.grid {
margin-top: 0;
margin-bottom: 0;
}
.orange-blossom-honey-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e17a480f0dbe83f7939cbe_orange%20b.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
max-width: 100%;
margin-bottom: 10px;
margin-left: 10px;
}
.orange-blossom-honey-div:hover {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202e4ac6cad261a2820e_orange%20blossom%20honey.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.orange-blossom-honey-div.grid {
margin: 0;
}
.hops-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e17a481090ccef49baef57_hops.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin: 0;
}
.hops-div:hover {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202d45a0014cef66777a_hoppy.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.apple-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e17a482be5e51e3f10bce0_apple.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin-left: 10px;
margin-right: 20px;
padding-right: 0;
}
.apple-div:hover {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202d25829b498a3570bb_fiji%20apple.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.apple-div.grid {
background-size: contain;
margin: 0;
}
.tropical-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e17a48f6ae417d4f0f2ad8_tropical.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin: 0;
}
.tropical-div:hover {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202dda2a3a953a38c3ab_tropicalee.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.ginger-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e17a48822536185635452d_ginger.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin-top: 20px;
margin-left: 10px;
padding-left: 0;
}
.ginger-div:hover {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202dda2a3a29d738c3aa_gingery.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.ginger-div.grid {
margin: 0;
}
.hibiscus-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e17a489b3fb87b373e1f39_hibiscus.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.hibiscus-div:hover {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202d17dbbd13ba76b35b_hibiscusy.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.chili-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e17a48a84b012fabe917dd_chili.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin-right: 10px;
}
.chili-div:hover {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202d2bdfaf7c465051d3_chilily.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.pepper-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e17a48a84b012fabe917dd_chili.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin-top: 20px;
}
.pepper-div:hover {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202d2bdfaf7c465051d3_chilily.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.pepper-div.grid {
margin-top: 0;
}
.column-29 {
background-color: var(--khaki);
}
.logo-info-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--khaki);
grid-template-rows: auto auto auto 40px auto 20px auto auto auto 40px auto 20px auto auto auto 40px;
grid-template-columns: .5fr .5fr .5fr .5fr;
max-width: 65vw;
margin: 0 0 160px;
padding: 40px 60px 20px 100px;
}
.logo-info-grid.sunkin {
grid-row-gap: 20px;
grid-template-rows: auto auto auto 40px auto 20px auto auto auto auto 60px;
margin-bottom: 100px;
}
.logo-info-grid.faney-lft {
grid-template-rows: auto auto auto auto auto;
max-width: 65vw;
margin-bottom: 100px;
}
.logo-info-grid.faney-rt {
grid-template-rows: auto auto auto;
max-width: 65vw;
margin-bottom: 100px;
}
.logotype-heading {
color: var(--magenta);
margin-bottom: 0;
font-family: Savate italique;
font-size: 36px;
}
.logotype-lightbox-3 {
background-color: #000;
margin-right: 20px;
padding: 20px 10px;
}
.logotype-lightbox-3.faney {
padding-left: 5px;
padding-right: 5px;
}
.logotype-lightbox-2 {
background-color: var(--bb-green);
margin-left: 20px;
padding: 20px 10px;
}
.logotype-lightbox-2.faney {
padding-left: 5px;
padding-right: 5px;
}
.logotype-description-div {
margin-left: 20px;
}
.miss-moo-description-div {
text-align: right;
justify-content: flex-end;
align-items: flex-start;
margin-left: 0;
padding-right: 20px;
display: flex;
}
.mark-heading {
color: var(--magenta);
text-align: right;
margin-bottom: 0;
margin-left: 10px;
font-family: Savate italique;
font-size: 36px;
}
.image-223 {
flex: 0 auto;
max-width: 100%;
}
.mark-lightbox-1 {
justify-content: space-around;
align-items: stretch;
display: block;
}
.moo-mark-lightbox-3 {
background-color: var(--bb-green);
margin-top: 20px;
margin-bottom: 0;
margin-right: 20px;
padding: 20px;
}
.moo-mark-lightbox-2 {
background-color: #000;
margin-top: 20px;
margin-bottom: 0;
margin-right: 20px;
padding: 20px;
}
.faney-mark-paragraph {
text-align: left;
font-family: Space Grotesk;
}
.bcc-logotype-description {
font-family: Space Grotesk;
font-size: 14px;
}
.full-logo-heading {
color: var(--magenta);
font-family: Savate italique;
font-size: 36px;
}
.bcc-full-logo-lightbox-3 {
background-color: #000;
margin-top: 20px;
margin-left: 20px;
padding: 20px;
}
.bcc-full-logo-lightbox-2 {
background-color: var(--bb-green);
margin-top: 20px;
margin-left: 20px;
padding: 20px;
}
.bcc-full-logo-description {
margin-left: 20px;
}
.line {
background-color: #bebebe;
width: auto;
height: 2px;
margin: 0;
}
.line._2 {
margin: 0;
}
.lightbox-link-76, .bcc-sign-lightbox {
max-width: 70vw;
}
.bcc-sign-lightbox.stickers {
max-width: 100%;
margin-bottom: 100px;
overflow: visible;
}
.section-48 {
justify-content: center;
align-items: center;
display: flex;
}
.gateway-ginger-lightbox {
justify-content: space-between;
align-items: stretch;
max-width: 70vw;
display: block;
}
.gateway-section {
justify-content: center;
align-items: center;
margin-top: 100px;
margin-bottom: 100px;
display: flex;
}
.ciders-four-side-lightbox {
max-width: 70vw;
}
.section-50 {
justify-content: center;
margin-top: 140px;
margin-bottom: 140px;
display: flex;
}
.ciders-four-lightbox {
max-width: 70vw;
}
.ciders-pictures-section {
justify-content: center;
margin-top: 60px;
margin-bottom: 160px;
display: none;
}
.empty-column {
background-color: #0000;
justify-content: flex-end;
padding-top: 20px;
padding-bottom: 10px;
padding-right: 20px;
display: flex;
}
.section-52 {
justify-content: flex-end;
display: none;
}
.column-31, .column-32 {
padding-left: 0;
padding-right: 0;
}
.ciders-pictures-columns {
max-width: 70vw;
}
.gateway-columns {
flex-wrap: nowrap;
place-content: space-between space-around;
align-items: stretch;
max-width: 80vw;
display: flex;
}
.gateway-four-column {
justify-content: center;
align-items: stretch;
display: flex;
}
.gateway-four-lightbox {
justify-content: space-around;
max-width: none;
display: flex;
}
.image-224 {
object-fit: cover;
max-width: 100%;
}
.gateway-ginger-column {
align-items: stretch;
display: flex;
}
.image-225 {
object-fit: cover;
display: block;
}
.hibiscus-column {
padding-left: 0;
padding-right: 10px;
display: flex;
}
.winter-mash-column {
padding-left: 5px;
padding-right: 0;
display: flex;
}
.cyser-column {
padding-right: 0;
display: flex;
}
.imperial-cascade-column {
padding-left: 0;
padding-right: 10px;
display: flex;
}
.ind-ciders-section {
justify-content: center;
max-width: none;
margin-top: 40px;
margin-bottom: 0;
display: none;
}
.black-shirts-model-section {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 20px;
margin-bottom: 200px;
margin-left: 0;
display: flex;
}
.lightbox-link-81 {
align-items: stretch;
max-width: 100vw;
display: flex;
}
.columns-19 {
align-items: stretch;
max-width: 70vw;
display: flex;
}
.column-39 {
padding-left: 0;
display: flex;
}
.image-226 {
object-fit: cover;
}
.column-40 {
padding-right: 0;
display: flex;
}
.lightbox-link-82 {
display: flex;
}
.image-227 {
object-fit: cover;
}
.click-column {
background-color: var(--khaki);
padding-top: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
.grid-19 {
grid-template-columns: 1fr 1fr 1fr;
max-width: 70vw;
}
.section-55 {
justify-content: center;
display: flex;
}
.image-228 {
background-color: #000;
padding: 20px;
}
.slider-2 {
width: auto;
max-width: none;
height: auto;
max-height: none;
}
.black-moo-shirts-section {
justify-content: center;
margin-top: 100px;
margin-right: 0;
display: flex;
}
.columns-20 {
align-items: stretch;
max-width: 80vw;
display: flex;
}
.column-42 {
padding-left: 0;
}
.column-43 {
padding-right: 0;
}
.columns-21 {
text-align: left;
justify-content: flex-start;
max-width: 80vw;
display: flex;
}
.section-57 {
flex-direction: column;
justify-content: flex-end;
align-items: center;
margin-top: 100px;
margin-left: 0;
display: flex;
}
.white-mockups-lightbox {
max-width: none;
}
.white-moo-shirts-section {
justify-content: center;
margin-top: 100px;
display: flex;
}
.column-44, .column-45 {
background-color: var(--khaki);
}
.black-shirt-back-lightbox, .white-moo-shirts-model-columns {
max-width: 70vw;
display: flex;
}
.white-shirt-right-column {
padding-right: 0;
display: flex;
}
.image-229 {
aspect-ratio: 1000 / 1365;
object-fit: cover;
border: 1px #000;
}
.white-shirt-model-back-lightbox {
display: flex;
}
.white-moo-shirts-model-section {
background-color: #0000;
justify-content: center;
margin-top: 20px;
display: flex;
}
.white-shirt-left-column {
flex: 1;
justify-content: space-between;
padding-left: 0;
display: flex;
}
.black-mockups-lightbox {
justify-content: center;
max-width: 70vw;
display: flex;
}
.black-shirts-model-columns {
max-width: 70vw;
display: flex;
}
.black-shirts-right-column {
padding-right: 0;
display: flex;
}
.black-shirt-front-lightbox {
display: flex;
}
.image-230, .image-231 {
aspect-ratio: 1000 / 1365;
object-fit: cover;
border: 1px #000;
}
.black-shirts-left-column {
padding-left: 0;
display: flex;
}
.body-link-bright {
color: var(--may--deep-bleu);
letter-spacing: -.5px;
-webkit-text-stroke-width: 0px;
margin-right: 0;
padding-right: 0;
font-family: Karla, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 22px;
text-decoration: none;
}
.body-link-bright:hover {
color: var(--may--bleu);
font-family: Karla, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 22px;
text-decoration: none;
}
.body-link-bright.w--current {
color: var(--may--bleu);
letter-spacing: -.5px;
-webkit-text-stroke-width: 0px;
font-family: Karla, sans-serif;
font-weight: 600;
}
.body-link-bright._404 {
font-size: 14px;
line-height: 18px;
text-decoration: underline;
}
.body-link-bright.home {
color: var(--jan--black);
text-align: center;
letter-spacing: .5px;
-webkit-text-stroke-width: 0px;
text-transform: uppercase;
margin-right: 0;
font-family: Karla, sans-serif;
font-size: 15px;
font-weight: 400;
}
.body-link-bright.home:hover {
color: var(--may--deep-bleu);
}
.body-link-bright.home.rt-margin {
color: var(--jan--black);
letter-spacing: .5px;
-webkit-text-stroke-width: 0px;
text-transform: uppercase;
margin-right: 60px;
font-family: Karla, sans-serif;
font-size: 15px;
}
.body-link-bright.home.rt-margin:hover {
color: var(--may--deep-bleu);
}
.cider-column-rt {
padding-right: 0;
}
.text-block-38 {
justify-content: center;
display: block;
}
.text-block-39 {
text-align: center;
margin-top: -3px;
margin-bottom: 5px;
font-family: Space Grotesk;
font-size: 1px;
}
.ind-ciders-columns {
max-width: 80vw;
display: flex;
}
.rt-column {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/622ce8df79149cfe9f3df45e_dgreen.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: flex-end;
height: 500px;
display: flex;
}
.description-column {
background-color: var(--khaki);
}
.rt-side-intro-columns {
display: flex;
}
.grid-20 {
grid-template-columns: .5fr 1fr 1fr 1fr;
margin: 60px 60px 80px;
}
.rt-side-intro-section {
margin-top: 45px;
}
.lightbox-link-88 {
max-width: 70vw;
display: flex;
}
.save-the-date-section {
justify-content: center;
margin-top: 200px;
margin-bottom: 0;
display: flex;
}
.grid-21 {
grid-template-columns: 1fr;
}
.column-53 {
display: flex;
}
.columns-26 {
max-width: 80vw;
display: flex;
}
.image-232 {
object-fit: cover;
}
.column-54 {
display: flex;
}
.save-the-date-lightbox, .columns-27 {
max-width: 70vw;
}
.section-61 {
justify-content: center;
margin-top: 20px;
margin-bottom: 100px;
display: flex;
}
.lightbox-link-90 {
max-width: 70vw;
margin-top: 60px;
}
.baby-shower-section {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 200px;
margin-bottom: 100px;
display: flex;
}
.baby-shower-lightbox, .congrats-baby-lightbox {
max-width: 70vw;
}
.congrats-baby-section {
justify-content: center;
margin-top: 200px;
margin-bottom: 200px;
display: flex;
}
.image-233 {
border: 1px #000;
margin-top: 0;
}
.jb-hanging-poster-lightbox {
max-width: 80vw;
}
.jb-hanging-poster-section {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 140px;
margin-bottom: 140px;
display: flex;
}
.jb-bus-stop-lightbox {
max-width: 80vw;
margin-bottom: 140px;
}
.jb-bus-stop-section {
flex-direction: column;
justify-content: center;
margin-top: 0;
display: flex;
}
.columns-28 {
flex-direction: column;
align-items: center;
max-width: 70vw;
display: flex;
}
.jb-symbols-section {
justify-content: center;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.column-55 {
align-items: center;
display: flex;
}
.grid-22 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto 60px auto auto 60px auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
place-items: end center;
max-width: 60vw;
}
.jb-plastered-posters-section {
justify-content: center;
margin-top: 140px;
margin-bottom: 0;
display: flex;
}
.grid-23 {
max-width: 40vw;
}
.persimmon-illustration-image {
object-fit: cover;
max-width: 100%;
}
.jb-symbol-paragraph {
background-color: var(--jan--misty-rose);
letter-spacing: .2px;
border: 1px solid #000;
border-radius: 12px;
margin-bottom: 40px;
margin-left: 40px;
margin-right: 40px;
padding: 20px;
font-family: Space Mono, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.jb-symbol-paragraph._2nd {
background-color: var(--jan--misty-rose);
letter-spacing: .2px;
border: 1px solid #000;
margin: 100px 100px 0 60px;
padding-right: 20px;
font-family: Space Mono, sans-serif;
font-size: 16px;
line-height: 22px;
}
.bojagi-paragraph {
background-color: var(--jan--misty-rose);
letter-spacing: .2px;
border: 1px solid #000;
border-radius: 12px;
margin: 60px 260px 60px 40px;
padding: 20px;
font-family: Space Mono, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.jb-plastered-poster-closeup-lightbox {
max-width: 60vw;
margin-bottom: 140px;
display: flex;
}
.jb-three-posters-lightbox {
max-width: 80vw;
margin-top: 140px;
}
.section-68 {
justify-content: center;
margin-top: 100px;
display: flex;
}
.jb-record-lightbox {
flex-flow: row;
align-items: stretch;
margin-left: 0;
margin-right: 0;
display: block;
}
.bojagi-lightbox {
margin-left: 0;
}
.phone-side-mockup-section {
justify-content: center;
width: auto;
max-width: none;
margin: 140px 0;
display: flex;
}
.image-235 {
background-color: #000;
min-width: 70vw;
max-width: none;
padding: 20px 0;
}
.persimmon-photo {
object-fit: cover;
border: 1px #000;
}
.image-237 {
object-fit: cover;
border: 1px #000;
max-width: 100%;
display: block;
}
.background-video, .background-video-2 {
width: 700px;
height: 550px;
}
.phone-front-mockup-section {
justify-content: center;
margin-top: 120px;
display: flex;
}
.purification-grave-video-1 {
border: 1px solid #000;
width: 65vw;
height: 50vw;
}
.phone-side-mockup-video {
border: 1px solid #000;
width: 50vw;
max-width: none;
height: 35vw;
}
.jb-plaster-left-column {
align-items: stretch;
padding-left: 0;
padding-right: 5px;
display: flex;
}
.jb-plastered-columns {
align-items: stretch;
max-width: none;
display: flex;
}
.image-238 {
object-fit: cover;
border: 1px #000;
}
.jb-plaster-right-column {
padding-left: 5px;
padding-right: 0;
}
.sun-kin-caption {
font-family: Space Grotesk;
font-weight: 400;
line-height: 21px;
}
.sun-kin-caption.rt {
margin-top: 20px;
}
.sun-kin-sketch-column-1, .sun-kin-sketch-column-2, .sun-kin-sketch-column-3, .sun-kin-sketch-column-4 {
padding-left: 0;
padding-right: 15px;
}
.sun-kin-sketches-columns {
margin-top: 20px;
}
.phone-side-mockup-columns {
max-width: 90vw;
}
.faney-cards-mockup {
max-width: 100%;
}
.faney-cards-section, .section-72 {
justify-content: center;
margin-top: 100px;
display: flex;
}
.columns-31 {
max-width: 70vw;
}
.column-62 {
padding-left: 0;
}
.column-63 {
padding-right: 0;
}
.faney-tags-section {
justify-content: center;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.faney-tags-mockup {
object-fit: cover;
max-width: 100%;
}
.faney-shopping-back-section {
justify-content: center;
margin-top: 0;
margin-bottom: 140px;
display: flex;
}
.faney-shopping-bag-mockup {
object-fit: cover;
max-width: 50vw;
}
.column-64, .column-65, .column-66, .column-67 {
padding-left: 0;
padding-right: 0;
}
.columns-32 {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
max-width: none;
display: flex;
}
.faney-logotype-design-section {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
max-width: none;
margin-top: 100px;
display: flex;
}
.columns-33 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.faney-mark-design-section {
flex-direction: column;
align-items: flex-end;
max-width: none;
margin-top: 0;
display: flex;
}
.faney-logotype-sign {
object-fit: cover;
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.image-243, .image-244 {
background-color: #fff;
}
.faney-mark-sign-image {
max-width: 70vw;
}
.image-246, .image-247 {
object-fit: contain;
background-color: #fff;
padding: 5px 10px;
}
.design-home-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
justify-items: center;
max-width: 70vw;
margin: 100px 0;
}
.image-248 {
object-fit: cover;
flex: 1;
}
.jb-link-block {
background-color: #0000;
justify-content: center;
align-items: center;
max-width: none;
height: auto;
text-decoration: none;
display: flex;
}
.bcc-link-block {
background-image: none;
background-position: 0 0;
background-size: auto;
justify-content: center;
align-items: center;
width: auto;
max-width: none;
height: auto;
max-height: none;
text-decoration: none;
display: flex;
}
.bcc-link-block:hover {
opacity: 1;
background-color: #0000;
background-image: none;
background-size: auto;
}
.image-249 {
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e1b9abb6ff9bf03e90d166_bcc%20mockups.jpg");
background-position: 0 0;
background-size: auto;
flex: 1;
}
.invites-link-block {
justify-content: center;
align-items: center;
max-width: none;
height: auto;
text-decoration: none;
display: flex;
}
.image-250 {
object-fit: cover;
}
.background-video-5 {
width: 45vw;
height: 45vh;
}
.link-block-19 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62ffca01b4026c14d146bd38_iPhone%2012%20Mockup.jpg");
background-position: 0 0;
background-size: auto;
justify-content: space-between;
align-items: stretch;
max-width: none;
height: 50vh;
display: flex;
}
.new-illust-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 75vw;
margin: 100px 0 200px;
display: grid;
}
.spiritss-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62ffd48a21537b80768ee153_Untitled_Artwork%201.jpg");
background-position: 100% 100%;
background-size: cover;
justify-content: space-between;
align-items: stretch;
width: auto;
max-width: none;
height: 38vh;
display: block;
}
.image-251 {
object-fit: cover;
flex: 1;
}
.corean-gurls-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f2ea388c73de1f3239743a_Untitled_Artwork%209.jpg");
background-position: 0%;
background-size: cover;
width: auto;
max-width: none;
height: 38vh;
display: flex;
}
.image-252 {
object-fit: cover;
flex: 1;
}
.froggy-link-block {
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62ffd4890fae405210b22660_Untitled_Artwork%209.jpg");
background-position: 50% 0;
background-size: cover;
justify-content: flex-end;
align-items: flex-start;
width: 24vw;
max-width: none;
height: 38vh;
display: flex;
}
.image-253 {
object-fit: cover;
flex: 1;
}
.halmoni-link-blockk {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f86d31a9dad143ec465cba_IMG_E7323.JPG");
background-position: 50%;
background-size: cover;
justify-content: flex-start;
align-items: flex-start;
width: auto;
max-width: none;
height: 38vh;
display: flex;
}
.image-254 {
object-fit: cover;
flex: 1;
}
.link-block-24 {
display: flex;
}
.image-255 {
object-fit: cover;
flex: 1;
}
.poems-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62ffd14221537b1ced8eb582_Untitled_Artwork%203.jpg");
background-position: 50%;
background-size: cover;
width: auto;
max-width: none;
height: 38vh;
display: flex;
}
.image-256 {
object-fit: cover;
flex: 1;
}
.nas-x-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f31b097a97ea571a155ef5_Untitled_Artwork%204.jpg");
background-position: 50%;
background-size: cover;
width: auto;
max-width: none;
height: 38vh;
display: flex;
}
.image-257 {
object-fit: cover;
flex: 1;
}
.faney-design-link-block {
justify-content: center;
align-items: center;
max-width: none;
height: auto;
text-decoration: none;
display: flex;
position: static;
}
.image-258 {
object-fit: cover;
flex: 1;
}
.heading-35 {
color: var(--magenta);
text-align: right;
letter-spacing: -.2px;
background-color: #0000;
flex-direction: column;
margin-right: 20px;
padding: 10px;
font-family: Savate;
font-size: 20px;
font-weight: 500;
line-height: 20px;
display: block;
}
.heading-35.spirits {
color: #1c5e1b;
}
.heading-36 {
color: #fe1efb;
margin-left: 60px;
font-family: Space Grotesk;
font-size: 16px;
font-weight: 500;
line-height: 20px;
}
.illo-green-div, .div-block-56, .div-block-57, .div-block-58 {
background-color: var(--khaki);
}
.everything-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62ffd48ad61bd77c835c7687_Untitled_Artwork%205.jpg");
background-position: 50%;
background-size: cover;
justify-content: flex-end;
align-items: flex-start;
width: auto;
max-width: none;
height: 38vh;
display: flex;
}
.green-div {
background-color: #000;
position: static;
}
.image-259 {
object-fit: cover;
flex: 1;
}
.click-me-flower-lft {
max-width: 50%;
max-height: none;
margin-top: 30px;
margin-left: 0;
display: block;
}
.div-block-60 {
justify-content: flex-start;
align-items: flex-start;
margin-left: -18px;
padding-left: 0;
display: flex;
}
.lft-heading {
color: #f7ceff;
text-align: center;
letter-spacing: -.022px;
justify-content: center;
align-items: center;
margin-top: 0;
font-family: Inter, sans-serif;
font-size: 34px;
font-weight: 500;
line-height: 36px;
display: flex;
position: static;
}
.lft-heading.small {
font-size: 36px;
line-height: 40px;
}
.lft-heading.illust {
object-fit: fill;
background-color: #000;
border-radius: 12px;
margin-bottom: 0;
padding: 20px;
position: relative;
}
.lft-heading.ciders {
color: #e7b92e;
letter-spacing: 1px;
margin-bottom: 0;
font-family: Gloock;
font-size: 24px;
line-height: 26px;
position: static;
}
.lft-heading.ciders.hib {
color: #f1857c;
}
.lft-heading.ciders.ginger {
color: #d8dd4e;
letter-spacing: 1px;
font-family: Gloock;
font-size: 24px;
line-height: 26px;
}
.lft-heading.ciders.gateway {
color: #3cc5d9;
}
.lft-heading.ciders.vin {
color: #ffe77a;
letter-spacing: 1px;
font-family: Gloock;
font-size: 24px;
line-height: 26px;
}
.lft-heading.ciders.saison {
color: #f38d4e;
letter-spacing: 1px;
font-family: Gloock;
font-size: 24px;
line-height: 26px;
}
.lft-heading.ciders.winter {
color: #99be87;
letter-spacing: 1px;
font-family: Gloock;
font-size: 24px;
line-height: 24px;
}
.bcc-design-heading-div {
background-color: #000;
background-image: none;
background-size: auto;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 0;
padding: 20px 40px;
display: none;
position: absolute;
}
.bcc-design-heading-div.rt-justified {
flex-wrap: nowrap;
justify-content: center;
align-items: flex-end;
margin-left: 0;
margin-right: 40px;
display: flex;
}
.lft-description {
color: #fff;
text-align: center;
letter-spacing: -.014px;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 18px;
}
.lft-description.small {
font-size: 16px;
line-height: 18px;
}
.image-261 {
display: none;
}
.click-me-flower-rt {
max-width: 50%;
max-height: none;
margin-top: 30px;
}
.illust-heading {
color: var(--magenta);
text-align: center;
margin-top: 0;
font-family: Savate;
font-size: 36px;
line-height: 38px;
}
.illust-heading.illo {
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
font-size: 36px;
line-height: 38px;
}
.illust-heading.illo.small {
font-size: 32px;
line-height: 32px;
}
.illust-heading.home {
color: #f7ceff;
font-family: Inter, sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 48px;
}
.illust-description {
text-align: center;
margin-bottom: 0;
font-family: Space Grotesk;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.illust-description.double {
font-style: normal;
line-height: 22px;
}
.jb-design-heading-div {
background-color: #000;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-right: 0;
padding: 20px 30px;
display: none;
position: absolute;
}
.invites-heading {
background-color: #000;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 30px;
display: none;
position: absolute;
}
.image-262, .image-263 {
max-width: 50%;
max-height: none;
margin-top: 30px;
}
.faney-heading {
background-color: #000;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
padding: 20px 40px;
display: none;
position: absolute;
}
.purification-grave-link-block {
justify-content: center;
align-items: center;
max-width: none;
height: auto;
text-decoration: none;
display: flex;
}
.image-264 {
max-width: 50%;
max-height: none;
margin-top: 30px;
}
.sun-kin-heading-div {
display: block;
}
.sun-kin-heading-div.home {
background-color: #000;
border-radius: 12px;
padding: 20px 40px;
display: none;
position: absolute;
}
.grid-26 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 40vh auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
max-width: 50vw;
margin-top: 100px;
margin-bottom: 200px;
}
.section-77 {
justify-content: center;
margin-top: 45px;
display: flex;
}
.div-block-62 {
background-color: var(--khaki);
}
.link-block-29 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62ffd14221537b1ced8eb582_Untitled_Artwork%203.jpg");
background-position: 50%;
background-size: cover;
width: auto;
max-width: none;
height: 40vh;
}
.eulogiess-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61f973598473f0f2e191de65_razan.jpg");
background-position: 50% 0;
background-size: cover;
justify-content: flex-end;
align-items: flex-start;
width: auto;
max-width: none;
height: 38vh;
display: flex;
}
.various-link-block {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61fc1daf1d6e0c5f7c6fc499_fandance1.jpg");
background-position: 50%;
background-size: cover;
width: auto;
max-width: none;
height: 38vh;
}
.froggy-heading-div, .everything-heading-div, .spirits-heading-div, .poems-heading-div, .eulogies-heading-div {
display: none;
}
.halmoni-heading-div {
padding-left: 5px;
padding-right: 5px;
display: none;
}
.various-heading-div, .korean-gurls-heading-div, .nas-x-heading-div {
display: none;
}
.image-265, .image-266, .image-267, .image-268, .image-269 {
max-width: 10vw;
margin-top: 30px;
}
.section-78 {
justify-content: center;
margin-top: 60px;
display: flex;
}
.section-79 {
justify-content: center;
max-width: none;
margin-top: 100px;
margin-bottom: 100px;
display: flex;
}
.section-80 {
justify-content: center;
display: flex;
}
.column-68 {
background-color: #000;
border-radius: 12px;
justify-content: center;
align-items: center;
display: flex;
}
.column-69 {
justify-content: center;
align-items: center;
padding: 0 40px;
display: flex;
}
.heading-37 {
color: #f7ceff;
letter-spacing: .5px;
margin-top: 0;
margin-bottom: 60px;
font-family: Inter, sans-serif;
font-size: 36px;
font-weight: 500;
}
.section-81 {
margin-top: 45px;
display: none;
}
.column-70 {
background-color: var(--khaki);
padding: 60px;
}
.column-71 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/622ce8df79149cfe9f3df45e_dgreen.png");
background-position: 100%;
background-size: auto;
align-items: center;
display: flex;
}
.paragraph-23 {
margin: 60px;
font-family: Space Grotesk;
font-size: 18px;
line-height: 28px;
}
.columns-34 {
display: flex;
}
.space-poem-div, .strange-horses-poem-div, .jjigae-poem-div, .ears-poem-div {
background-color: var(--khaki);
}
.moon-lightbox {
display: flex;
}
.image-270 {
object-fit: cover;
}
.stahl-house-lightbox {
justify-content: center;
display: flex;
}
.image-271 {
object-fit: cover;
}
.berlin-sunset-lightbox, .montero-lightbox {
display: flex;
}
.click-bottles-section {
margin-top: 60px;
}
.click-bottles-section.cider {
margin-top: 100px;
}
.white-shirt-model-full-body-lightbox {
object-fit: cover;
display: flex;
}
.faney-sign-lightbox {
max-width: 100vw;
margin-top: 0;
margin-bottom: 140px;
}
.faney-mark-sign-lightbox {
margin-top: 60px;
}
.faney-mark-outline-lightbox, .faney-filled-mark-lightbox {
display: flex;
}
.faney-tags-lightbox {
justify-content: center;
display: flex;
}
.faney-shopping-bag-lightbox {
justify-content: center;
align-items: stretch;
display: flex;
}
.div-block-67 {
margin-top: 16px;
margin-left: -65px;
}
.navbar-5 {
display: flex;
}
.div-block-68 {
background-color: #7a9958;
}
.div-block-69 {
background-color: #b96d10;
}
.paragraph-24 {
font-family: Space Grotesk;
}
.image-272 {
border: 1px #000;
}
.image-273 {
display: none;
}
.html-embed-2 {
justify-content: center;
height: 80vh;
display: flex;
}
.body-5 {
background-color: #fff;
}
.image-274 {
max-width: 50%;
margin-left: 40px;
}
.image-275 {
aspect-ratio: 1000 / 1365;
object-fit: cover;
border: 1px #000;
max-width: 100%;
}
.link-block-30 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/6321018533a86466559d02fa_More_Abundant_Than_You_Came_.jpg");
background-position: 50%;
background-size: cover;
height: 38vh;
}
.background-video-6, .background-video-7, .background-video-8, .background-video-9, .background-video-10, .background-video-11 {
z-index: 3;
border: 1px solid #000;
width: 400px;
height: 400px;
}
.shorts-div {
flex-direction: column;
justify-content: center;
align-items: center;
display: none;
}
.div-block-70 {
background-color: var(--khaki);
min-width: 70px;
max-width: 70vw;
padding: 10px 60px;
}
.section-82 {
justify-content: flex-start;
display: block;
}
.container-14 {
max-width: none;
}
.section-83 {
margin-top: 45px;
}
.grid-27 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 100px 60px 60px;
}
.project-intro-section {
color: var(--pinky\);
background-color: #0000;
border: 1px #000;
justify-content: center;
margin-top: 140px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
display: flex;
}
.project-intro-section.animation {
margin-top: 0;
padding-top: 140px;
padding-bottom: 40px;
}
.project-intro-section.illo {
background-color: #0000;
border-style: none;
margin-top: 0;
padding-top: 140px;
padding-bottom: 0;
}
.project-intro-section.jb {
border-style: none;
margin-top: 60px;
margin-bottom: 60px;
padding-bottom: 40px;
}
.project-intro-section.corean {
margin-top: 100px;
margin-bottom: 140px;
padding-top: 20px;
}
.project-intro-section.nj {
color: #ec6cdf;
margin-top: 0;
padding-top: 20px;
}
.project-intro-section.nj.marketing {
margin-top: 100px;
}
.project-intro-section.penink {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-self: center;
align-items: center;
max-width: none;
margin-top: 140px;
margin-left: 0;
padding-bottom: 60px;
padding-left: 0;
}
.project-intro-grid {
grid-column-gap: 40px;
grid-row-gap: 20px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
max-width: 80vw;
margin: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.project-intro-grid._2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
max-width: 70vw;
margin-top: 0;
margin-left: 60px;
margin-right: 100px;
padding-top: 20px;
padding-bottom: 20px;
}
.project-intro-grid._2.ciders {
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1.25fr 1fr;
max-width: 80vw;
margin-top: 0;
margin-right: 60px;
padding-top: 0;
padding-bottom: 0;
}
.project-intro-grid._2.shirts {
grid-template-columns: 1.25fr 1.25fr 1.25fr 1.25fr;
max-width: 80vw;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
}
.project-intro-grid._2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
max-width: 70vw;
margin: 0;
padding-top: 0;
padding-bottom: 0;
}
.project-intro-grid.jb {
grid-template-rows: auto auto;
grid-template-columns: 1fr .25fr;
max-width: 85vw;
}
.project-intro-grid.illo {
grid-column-gap: 40px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
max-width: 85vw;
}
.project-intro-grid.faney {
grid-template-rows: auto auto;
grid-template-columns: 1fr .25fr;
align-items: start;
}
.project-intro-grid.halmoni {
grid-template-rows: auto auto;
grid-template-columns: 1fr .25fr;
}
.project-intro-grid.animation {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
max-width: 85vw;
}
.project-intro-grid.calendar {
grid-template-rows: auto auto;
grid-template-columns: 1fr .25fr;
}
.project-intro-grid.sun-king {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
max-width: 70vw;
}
.project-intro-grid.nj {
grid-row-gap: 40px;
max-width: 80vw;
}
.project-intro-grid.cafealan {
margin-top: 100px;
}
.project-intro-grid.bw {
margin-top: 140px;
}
.project-intro-grid.penink {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.project-intro-grid.abundance {
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr .25fr;
}
.h2 {
color: var(--may--brown);
font-family: GFS Bodoni, Times New Roman, sans-serif;
font-size: var(--web-h2);
line-height: var(--web-h2-ht);
text-align: left;
letter-spacing: -1.2px;
-webkit-text-stroke-color: #181a19;
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: none;
margin: 0;
font-style: normal;
font-weight: 400;
text-decoration: none;
display: block;
}
.h2:hover {
color: var(--may--brown);
}
.h2.halo {
text-align: center;
margin-top: 100px;
}
.h2._20 {
margin-bottom: 20px;
}
.h2.center {
z-index: 0;
font-family: GFS Bodoni, Times New Roman, sans-serif;
font-size: var(--web-h2);
line-height: var(--web-h2-ht);
text-align: center;
letter-spacing: -2px;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
border: 1px #000;
padding: 10px 20px;
font-style: normal;
font-weight: 500;
position: static;
top: 50vh;
}
.h2.center.halo {
font-family: Bitter, serif;
font-size: var(--web-h2);
line-height: var(--web-h2-ht);
margin-top: 60px;
}
.h2._40 {
margin-bottom: 40px;
}
.h2.link:hover {
color: var(--may--bleu);
}
.bold-text-11 {
font-weight: 700;
}
.section-85 {
margin-top: 100px;
}
.bold-text-12 {
font-weight: 600;
}
.columns-39 {
margin-left: 60px;
margin-right: 60px;
}
.column-80 {
padding-right: 0;
}
.paragraph-25 {
color: #141414;
text-align: left;
letter-spacing: .2px;
background-color: #0000;
border-radius: 12px;
padding: 20px 0;
font-family: Bitter, serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.paragraph-25.overview {
color: #1a1a1a;
text-align: left;
letter-spacing: .3px;
margin-top: 0;
padding: 0;
font-family: Bitter, serif;
font-size: 15px;
font-style: normal;
}
.paragraph-25.cider {
color: var(--may--brown);
text-align: left;
letter-spacing: .2px;
margin-top: 0;
font-family: Space Mono, sans-serif;
}
.paragraph-25.solution {
color: var(--may--brown);
text-align: left;
letter-spacing: .2px;
background-color: #0000;
border: 1px #000;
margin-bottom: 0;
padding: 0;
font-family: Bitter, serif;
line-height: 24px;
}
.paragraph-25.solution.border {
border-style: solid;
padding: 20px;
}
.bold-text-13 {
font-size: 16px;
font-weight: 600;
}
.italic-text {
font-size: 16px;
}
.bold-text-14 {
font-family: Bitter, serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
}
.grid-29 {
grid-column-gap: 60px;
grid-template-rows: auto auto auto;
grid-template-columns: .5fr .5fr;
margin-top: 100px;
margin-left: 100px;
margin-right: 100px;
}
.bold-text-15 {
font-weight: 600;
}
.text-block-40 {
color: var(--may--brown);
text-align: left;
font-family: Bitter, serif;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 22px;
}
.text-block-40._30 {
margin-top: 30px;
}
.text-block-40.cream {
color: var(--may--cream);
letter-spacing: .5px;
text-transform: uppercase;
font-family: Karla, sans-serif;
font-size: 14px;
line-height: 22px;
}
.text-block-40.lt-margin {
letter-spacing: 0;
font-family: Karla, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.bold-text-16 {
font-weight: 600;
}
.columns-40 {
margin-left: 60px;
margin-right: 60px;
}
.section-86 {
background-color: #000;
}
.header {
justify-content: center;
max-width: 1250vw;
margin-top: 100px;
margin-bottom: 20px;
display: flex;
}
.header.intro {
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: none;
margin-top: 0;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.header.cider {
margin-top: 300px;
}
.header.smaller {
max-width: none;
margin: 100px 0 0;
}
.header.smaller.color-palette {
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 100px;
}
.image-276 {
max-width: 80%;
}
.div-block-71 {
background-color: #000;
}
.lightbox-link-97 {
max-width: 70vw;
margin: 60px 0 100px;
}
.section-88 {
justify-content: center;
margin-top: 60px;
display: flex;
}
.text-block-41 {
font-family: Inter, sans-serif;
font-size: 12px;
font-style: normal;
}
.text-block-42 {
font-family: Inter, sans-serif;
font-size: 14px;
}
.section-89 {
flex-flow: column;
justify-content: space-between;
align-items: center;
max-width: 100vw;
margin-top: 140px;
margin-bottom: 100px;
display: flex;
}
.lightbox-link-98 {
max-width: 70vw;
margin-top: 0;
margin-bottom: 100px;
}
.lightbox-link-99 {
max-width: 80vw;
margin-top: 40px;
}
.image-277 {
background-color: #0000;
}
.lightbox-link-100 {
max-width: 70vw;
margin-top: 0;
margin-bottom: 100px;
}
.section-90 {
justify-content: center;
display: flex;
}
.lightbox-link-101 {
max-width: 60vw;
margin-bottom: 200px;
}
.image-278 {
display: none;
}
.link-block-31 {
text-decoration: none;
display: none;
}
.grid-30 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
max-width: 90vw;
margin: 0 0 100px;
}
.grid-30.pen-ink {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
max-width: 85vw;
margin-bottom: 100px;
}
.grid-30.protest {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-bottom: 20px;
}
.image-279 {
object-fit: cover;
border: 1px solid #000;
}
.froggy-doggy-ltbx {
justify-content: center;
display: flex;
}
.froggy-read-ltbx {
justify-content: space-between;
display: flex;
}
.image-280 {
object-fit: cover;
border: 1px solid #000;
}
.frog-swim-ltbx {
justify-content: space-between;
display: flex;
}
.image-281 {
object-fit: cover;
border: 1px solid #000;
}
.spirits-luvee-ltbx {
justify-content: space-between;
display: flex;
}
.image-282, .image-283, .spirits-namsan-ltbx {
object-fit: cover;
}
.lightbox-link-106, .spirits-smoking-ltbx {
display: flex;
}
.eeaao-jobu-ltbx {
object-fit: cover;
}
.link-12, .link-13 {
text-decoration: none;
}
.lightbox-link-107 {
display: flex;
}
.section-91 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 85vw;
display: flex;
}
.lightbox-link-108 {
justify-content: space-between;
display: none;
}
.image-284 {
object-fit: cover;
}
.lightbox-link-109 {
display: none;
}
.image-285 {
object-fit: cover;
}
.lightbox-link-110 {
display: none;
}
.image-286 {
object-fit: cover;
}
.lightbox-link-111 {
display: none;
}
.image-287 {
object-fit: cover;
}
.lightbox-link-112, .lightbox-link-113 {
display: flex;
}
.image-288 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-114 {
display: flex;
}
.lightbox-link-115 {
display: none;
}
.image-289 {
object-fit: cover;
}
.lightbox-link-116 {
display: none;
}
.image-290 {
object-fit: cover;
}
.lightbox-link-117 {
display: none;
}
.image-291 {
object-fit: cover;
}
.lightbox-link-118 {
display: none;
}
.lightbox-link-119 {
justify-content: space-between;
display: flex;
}
.image-292 {
object-fit: cover;
border: 1px solid #000;
}
.image-293 {
object-fit: cover;
}
.lightbox-link-120 {
justify-content: center;
display: flex;
}
.image-294, .image-295, .image-296 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-121 {
display: flex;
}
.image-297 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-122 {
justify-content: center;
align-items: stretch;
display: flex;
}
.image-298 {
object-fit: cover;
border: 1px solid #000;
overflow: visible;
}
.lightbox-link-123 {
justify-content: center;
align-items: stretch;
display: flex;
}
.image-299 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-124 {
display: flex;
}
.image-300 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-125 {
display: flex;
}
.image-301 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-126 {
display: flex;
}
.image-302 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-127 {
display: flex;
}
.image-303 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-128 {
justify-content: center;
display: flex;
}
.lightbox-link-129 {
display: flex;
}
.image-304 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-130 {
display: flex;
}
.image-305 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-131 {
display: flex;
}
.image-306 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-132 {
display: flex;
}
.image-307 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-133 {
display: flex;
}
.image-308 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-134 {
display: flex;
}
.image-309 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-135, .lightbox-link-136 {
display: flex;
}
.image-310 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-137 {
display: flex;
}
.image-311 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-138 {
display: flex;
}
.image-312, .image-313 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-139 {
display: flex;
}
.image-314 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-140 {
display: flex;
}
.image-315, .image-316 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-141 {
display: flex;
}
.image-317, .image-318 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-142, .lightbox-link-143, .lightbox-link-144 {
display: flex;
}
.image-319 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-145 {
display: flex;
}
.image-320 {
object-fit: cover;
border: 1px solid #000;
}
.illustration-link-block {
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.div-block-72 {
background-color: #000;
border-radius: 12px;
padding: 20px 30px;
display: none;
position: absolute;
}
.image-321 {
max-width: 60vw;
margin-top: 40px;
display: none;
}
.section-92 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.lightbox-link-146 {
max-width: 100vw;
margin-top: 140px;
margin-bottom: 0;
}
.lightbox-link-147 {
max-width: 100vw;
margin-top: 0;
margin-bottom: 200px;
}
.lightbox-link-148 {
max-width: 70vw;
margin-top: 100px;
margin-bottom: 100px;
}
.heading-39 {
margin-left: 60px;
font-family: Inter, sans-serif;
font-size: 30px;
font-weight: 400;
}
.section-93 {
margin-top: 140px;
}
.image-322 {
max-width: 100%;
}
.image-323 {
max-width: 60vw;
}
.image-324 {
max-width: 100%;
display: none;
}
.image-325 {
max-width: 100%;
}
.bold-text-17 {
font-size: 40px;
line-height: 10px;
}
.lightbox-link-149 {
max-width: 100%;
margin-top: 0;
margin-bottom: 60px;
}
.image-326 {
max-width: 100%;
}
.lightbox-link-150 {
max-width: 100%;
margin-bottom: 0;
}
.grid-31 {
grid-template-rows: 200px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
max-width: 1170vw;
margin-top: 0;
margin-left: 140px;
margin-right: 140px;
display: none;
}
.slider-3 {
max-width: 65vw;
height: auto;
margin-bottom: 200px;
display: none;
}
.slide-nav-2 {
color: #202020;
background-color: #fff;
}
.mask {
background-color: #fff;
}
.icon-5, .icon-6 {
color: var(--magenta);
}
.lightbox-link-151 {
max-width: 100%;
}
.lightbox-link-152 {
margin-top: 140px;
}
.grid-32 {
grid-column-gap: 20px;
grid-row-gap: 40px;
grid-template-rows: auto auto auto auto;
grid-template-columns: .75fr 1fr 1fr 1fr .75fr;
max-width: 80vw;
margin-top: 0;
}
.section-94 {
justify-content: center;
margin-bottom: 100px;
display: flex;
}
.gateway-lightbox {
justify-content: center;
align-items: center;
max-width: none;
display: flex;
}
.lightbox-link-154 {
max-width: 70vw;
margin-top: 100px;
margin-bottom: 100px;
}
.button-2 {
background-color: var(--magenta);
cursor: pointer;
border-radius: 12px;
padding: 30px 20px 20px;
font-family: Inter, sans-serif;
font-size: 24px;
line-height: 24px;
position: fixed;
inset: auto 3% 5% auto;
}
.button-2.w--current {
text-align: center;
cursor: pointer;
max-width: none;
padding-top: 10px;
font-size: 24px;
line-height: 24px;
}
.to-top-button {
z-index: 12;
color: var(--may--cream);
text-align: center;
letter-spacing: 2px;
cursor: pointer;
background-color: #312009d9;
border: 1px solid #000;
border-radius: 100%;
margin-bottom: 30px;
padding: 10px 25px;
font-family: Bob, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 18px;
transition: background-color .14s;
position: fixed;
inset: auto 3% 3% auto;
}
.to-top-button:hover {
background-color: #49596bd9;
border-width: 1px;
}
.to-top-button.w--current {
background-color: var(--may--lt-bleu);
cursor: default;
border-style: none;
border-radius: 100%;
padding: 15px 30px;
}
.to-top-button.w--current:hover {
border-width: 1px;
}
.to-top-button._2 {
color: var(--jan--black);
letter-spacing: 1px;
background-color: #0000;
border-radius: 10px;
margin-bottom: 5px;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
font-family: Karla, sans-serif;
font-size: 15px;
font-weight: 400;
position: static;
}
.to-top-button._2:hover {
background-color: var(--may--bleu);
color: var(--may--cream);
}
.image-327 {
max-width: 100%;
}
.lightbox-link-155 {
max-width: 70vw;
margin-top: 100px;
margin-bottom: 100px;
}
.lightbox-link-156, .lightbox-link-157 {
max-width: 70vw;
margin-bottom: 100px;
}
.lightbox-link-158 {
max-width: 70vw;
margin-bottom: 140px;
}
.lightbox-link-159, .lightbox-link-160 {
max-width: 100vw;
margin-bottom: 0;
}
.lightbox-link-161 {
max-width: 100vw;
margin-bottom: 140px;
}
.logo-readapt {
background-color: #0000;
background-image: none;
background-size: auto;
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 100px;
display: flex;
}
.color-palette-grid {
grid-column-gap: 20px;
grid-row-gap: 45px;
grid-template-rows: 200px 200px 200px 200px;
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: none;
height: auto;
margin: 20px 0 40px;
}
.image-328 {
object-fit: fill;
max-width: none;
height: auto;
position: static;
}
.grid-34 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto auto auto;
grid-template-columns: .5fr .5fr;
margin-left: 60px;
margin-right: 60px;
}
.image-329 {
max-width: 80%;
}
.heading-40 {
color: #f7ceff;
margin: 0;
font-family: Inter, sans-serif;
font-size: 36px;
font-weight: 600;
line-height: 30px;
}
.heading-41 {
font-size: 11px;
}
.heading-42 {
color: #fff;
text-align: center;
margin: 2px 0 0;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 14px;
}
.image-330 {
cursor: pointer;
max-width: 80%;
transition: transform .15s;
}
.image-330:hover {
transform: scale(1.13);
}
.div-block-73 {
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-74 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.link-block-32 {
cursor: pointer;
justify-content: center;
display: flex;
}
.halmoni-body {
background-color: var(--bg-2);
}
.italic-text-2 {
font-size: 10px;
}
.column-81 {
flex-direction: row;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
display: flex;
}
.form-3 {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
margin-left: 0;
display: flex;
}
.div-block-75 {
justify-content: center;
margin-left: 0;
display: block;
}
.div-block-75.home2 {
width: 600px;
margin: 40px 0;
padding: 0;
}
.div-block-75.home2._3 {
background-color: var(--jan--apricot);
border: 1px solid #000;
width: 700px;
margin-top: 0;
margin-bottom: 20px;
padding: 40px 60px;
display: none;
}
.text-block-43 {
color: #e0e0e0;
text-align: center;
margin-top: 20px;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 18px;
}
.bold-text-18 {
font-size: 16px;
font-weight: 500;
}
.link-14 {
color: #d8d8d8;
}
.link-14:hover {
color: var(--link);
}
.column-82 {
background-color: #0000;
}
.heading-43 {
color: #fff;
margin-top: 0;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.columns-41 {
align-items: center;
max-width: 70vw;
display: flex;
}
.column-83 {
padding-right: 60px;
}
.section-96 {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: none;
margin-top: 0;
display: flex;
}
.section-96.create {
margin-top: 140px;
}
.section-96._2 {
max-width: none;
margin-top: 80px;
}
.columns-42 {
padding-right: 0;
}
.bold-text-19, .bold-text-20, .bold-text-21 {
font-weight: 700;
}
.column-84 {
padding: 0 40px 0 20px;
}
.column-85, .column-86 {
padding-left: 20px;
padding-right: 60px;
}
.grid-35 {
grid-column-gap: 60px;
grid-row-gap: 80px;
border: 1px solid #000;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
place-items: start;
width: auto;
max-width: 70vw;
margin: 0;
padding: 40px;
}
.grid-35.curious {
grid-column-gap: 80px;
grid-template-columns: 1fr 1fr 1fr;
max-width: none;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.grid-35.create {
grid-column-gap: 20px;
grid-template-columns: 1fr 1fr 2fr;
}
.div-block-76 {
margin-right: 60px;
}
.text-block-44 {
color: #f674ff;
font-family: Inter, sans-serif;
font-size: 12px;
}
.bold-text-22, .bold-text-23, .bold-text-24 {
font-weight: 700;
}
.section-97 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 200px;
display: flex;
}
.animations-link-block {
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.div-block-77, .div-block-78 {
background-color: #000;
border-radius: 12px;
padding: 20px;
display: none;
position: absolute;
}
.hibiscus {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-79, .div-block-80 {
background-color: #000;
border-radius: 12px;
padding: 20px;
display: none;
position: absolute;
}
.ginger-mule, .imperial-cascade {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-81 {
background-color: #000;
border-radius: 12px;
padding: 20px;
display: none;
position: absolute;
}
.winter-mash, .saison-cyser, .vin-de-pomme {
justify-content: center;
align-items: center;
display: flex;
}
.vin-de-pomme.can {
display: none;
}
.div-block-82, .div-block-83 {
background-color: #000;
border-radius: 12px;
padding: 20px;
display: none;
position: absolute;
}
.cider-divs {
background-color: var(--black-2\);
color: #f0e1e1;
border-radius: 12px;
padding: 20px;
display: none;
position: absolute;
}
.body-6 {
background-color: var(--may--cream);
}
.paragraph-26 {
margin-bottom: 20px;
font-family: Barlow, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
display: block;
}
.paragraph-27 {
letter-spacing: .2px;
margin-bottom: 20px;
margin-left: 0;
font-family: Space Mono, sans-serif;
font-size: 14px;
line-height: 20px;
}
.paragraph-28 {
letter-spacing: .2px;
margin-bottom: 20px;
font-family: Space Mono, sans-serif;
font-size: 14px;
line-height: 20px;
}
.paragraph-29 {
justify-content: center;
margin-top: 60px;
font-family: Inter, sans-serif;
font-size: 12px;
line-height: 18px;
display: flex;
}
.section-98 {
margin-bottom: 200px;
}
.image-331, .image-332 {
display: none;
}
.lightbox-link-162 {
justify-content: center;
max-width: none;
margin-bottom: 0;
display: flex;
}
.section-99 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/636c3658fa6648189534531f_background.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
margin-bottom: 200px;
display: flex;
}
.image-333 {
color: #fff;
}
.heading-44 {
color: #fff;
margin-bottom: 20px;
font-family: Inter, sans-serif;
font-weight: 600;
display: none;
}
.field-label {
color: var(--link);
margin-top: 20px;
margin-bottom: 10px;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 20px;
}
.text-field {
border-radius: 12px;
}
.heading-45 {
color: #fff;
font-family: Inter, sans-serif;
font-weight: 600;
}
.text-block-46 {
color: #fff;
font-family: Inter, sans-serif;
line-height: 20px;
}
.paragraph-30 {
color: #fff;
margin-top: 60px;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.image-334, .image-335, .image-336, .text-block-47 {
display: none;
}
.lightbox-link-163 {
justify-content: space-between;
display: flex;
}
.image-337 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-164 {
display: flex;
}
.image-338 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-165 {
display: flex;
}
.image-339 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-166 {
display: flex;
}
.image-340 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-167 {
display: flex;
}
.image-341 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-168 {
display: flex;
}
.image-342 {
object-fit: cover;
border: 1px solid #000;
}
.grid-36 {
grid-template-rows: auto auto auto;
}
.section-100, .section-101 {
background-color: #eb7347;
}
.grid-37 {
justify-items: center;
max-width: 90vw;
margin-bottom: 100px;
}
.italic-text-3, .italic-text-4 {
font-weight: 400;
}
.section-102 {
height: 40px;
}
.balcom-branding-top {
background-color: #0000;
justify-content: center;
margin: 100px 0 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.balcom-branding-top.plntrs-character-sticker-section {
padding-bottom: 0;
}
.text-block-48 {
letter-spacing: .3px;
margin-left: 25px;
font-family: Barlow, sans-serif;
font-size: 13px;
font-weight: 500;
}
.quick-stack {
margin-left: 140px;
margin-right: 140px;
}
.cell {
justify-content: flex-start;
}
.balcom-caption {
letter-spacing: .2px;
margin-left: 20px;
font-family: Cabinetgrotesk, sans-serif;
font-size: 15px;
font-weight: 700;
}
.balcom-caption._2 {
text-align: left;
letter-spacing: 0;
margin-top: 10px;
margin-left: 0;
font-family: Manrope, sans-serif;
font-size: 13px;
font-weight: 600;
}
.balcom-caption._2._10 {
align-self: center;
margin-bottom: 10px;
}
.balcom-caption._3 {
margin-top: 5px;
margin-left: 10px;
text-decoration: none;
}
.balcom-caption._4 {
color: var(--may--brown);
align-self: center;
margin-top: 10px;
margin-left: 0;
}
.balcom-caption.bold-text-15 {
margin-top: 20px;
margin-left: 40px;
font-size: 17px;
line-height: 24px;
}
.balcom-caption.home {
margin-top: 40px;
margin-bottom: 10px;
margin-left: 40px;
font-size: 16px;
}
.balcom-caption._5 {
text-align: center;
margin: 20px 140px;
padding-left: 0;
padding-right: 0;
}
.bal {
margin-top: 10px;
margin-left: 0;
padding-left: 0;
font-family: Barlow, sans-serif;
font-size: 16px;
line-height: 24px;
}
.cell-2 {
justify-content: center;
}
.text-block-51 {
border: 2px solid var(--magenta);
border-radius: 20px;
margin-top: 20px;
padding: 10px 30px 10px 20px;
font-family: Cabinetgrotesk, sans-serif;
font-size: 18px;
line-height: 26px;
}
.balcom-logomark-sketches {
justify-content: center;
margin-top: 100px;
font-family: Barlow, sans-serif;
font-size: 16px;
line-height: 24px;
display: flex;
}
.balcom-logomark-sketches.plntrs {
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 60px;
margin-bottom: 40px;
}
.balcom-logotype-sketches {
justify-content: center;
margin-top: 100px;
display: flex;
}
.logotype-quickstack {
grid-column-gap: 40px;
grid-row-gap: 60px;
max-width: 70vw;
margin: 0;
}
.cell-3 {
justify-content: flex-start;
}
.text-block-52 {
font-family: Barlow, sans-serif;
font-size: 16px;
line-height: 24px;
}
.paragraph-info {
letter-spacing: 0;
max-width: none;
margin-top: 0;
font-family: Karla, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 22px;
}
.paragraph-info._20 {
text-align: left;
margin-top: 20px;
}
.paragraph-info._20.left {
text-align: left;
}
.paragraph-info._20.left._20below {
margin-bottom: 30px;
}
.paragraph-info._20.left._40 {
max-width: 90vw;
margin-left: 40px;
margin-right: 40px;
}
.paragraph-info._10 {
margin-top: 10px;
}
.paragraph-info.large {
font-size: 20px;
line-height: 30px;
}
.paragraph-info.center {
text-align: center;
max-width: 80vw;
}
.paragraph-info._2 {
display: none;
}
.paragraph-info._20below {
margin-bottom: 20px;
}
.cell-4 {
justify-content: center;
}
.logomark-quickstack {
grid-column-gap: 40px;
grid-row-gap: 60px;
max-width: 70vw;
margin-left: 0;
margin-right: 0;
}
.logomark-quickstack.plntrs {
grid-row-gap: 40px;
margin-top: 60px;
}
.logomark-quickstack.plntrs-character {
justify-content: center;
align-items: flex-start;
}
.cell-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
display: flex;
}
.balcom-final-logo-section {
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 100px;
display: flex;
}
.cell-6 {
justify-content: center;
}
.final-logo-quickstack {
grid-column-gap: 40px;
grid-row-gap: 60px;
max-width: 70vw;
margin: 0;
padding-left: 20px;
padding-right: 20px;
}
.cell-7 {
justify-content: center;
}
.team-div._40 {
margin-top: 40px;
}
.h3 {
color: var(--may--brown);
letter-spacing: -1px;
-webkit-text-stroke-width: .5px;
text-transform: capitalize;
margin-top: 0;
margin-bottom: 5px;
font-family: Karla, sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 30px;
}
.h3._10 {
margin-bottom: 10px;
font-family: Bitter, serif;
font-size: 22px;
font-style: normal;
line-height: 28px;
}
.h3._20 {
margin-top: 20px;
}
.h3.bigger {
font-size: 30px;
line-height: 36px;
}
.h3._40 {
margin-left: 40px;
}
.h3.categories {
color: var(--may--cream);
-webkit-text-stroke-color: transparent;
background-color: #0000;
border-style: none;
border-color: #000;
font-style: normal;
}
.h3._40top {
margin-top: 40px;
}
.challenge {
margin-bottom: 10px;
font-family: Bitter, serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
}
.blossom-simple-newsletters {
z-index: 3;
grid-column-gap: 40px;
grid-row-gap: 60px;
border: 1px #000;
max-width: 70vw;
margin-top: 40px;
margin-left: 0;
margin-right: 0;
padding: 20px;
position: relative;
}
.blossom-simple-newsletters.posters {
margin-top: 40px;
padding-top: 0;
}
.blossom-simple-newsletters.banners {
border-style: none;
padding-top: 40px;
padding-bottom: 0;
}
.blossom-simple-newsletters.halo-emailers {
grid-column-gap: 20px;
grid-row-gap: 40px;
margin-top: 0;
}
.blossom-simple-newsletters.bcc-logo {
grid-row-gap: 99px;
margin-right: 100px;
padding-left: 20px;
padding-right: 20px;
}
.div-block-88 {
border: 1px solid #000;
border-radius: 13px;
margin-bottom: 0;
padding: 20px;
}
.image-343 {
display: none;
}
.final-logo-image {
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 90vw;
margin-top: 100px;
display: flex;
}
.slider-4 {
border: 1px solid #000;
justify-content: center;
height: auto;
display: block;
}
.icon-7, .icon-8 {
color: var(--dim-grey\);
}
.cell-8 {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
padding-top: 60px;
}
.section-105 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 40px;
margin-bottom: 140px;
display: flex;
}
.div-block-89 {
background-color: #0000;
border: 1px #000;
border-top-style: solid;
max-width: none;
height: auto;
margin-right: 0;
display: block;
}
.divider {
justify-content: center;
max-width: none;
margin-top: 100px;
display: block;
}
.divider._40 {
border: 1px #000;
margin-top: 40px;
}
.divider.color-palette {
margin-top: 0;
}
.balcom-shirts-grid {
justify-content: center;
display: flex;
}
.logo-readapation-quickstack {
grid-column-gap: 40px;
grid-row-gap: 10px;
background-color: #ffe8e3;
border: 1px #000;
border-radius: 0;
max-width: 70vw;
margin: 0;
padding: 140px 60px;
}
.image-344 {
max-width: 60vw;
}
.cell-9 {
justify-content: center;
align-items: flex-start;
}
.cell-10, .cell-11, .cell-12, .cell-13 {
justify-content: center;
}
.quick-stack-7 {
grid-row-gap: 40px;
max-width: 90vw;
}
.cell-14 {
justify-content: flex-end;
}
.cell-15, .cell-16, .cell-17, .cell-18, .cell-19, .cell-20, .cell-21, .cell-22 {
justify-content: center;
}
.image-345 {
margin-top: 0;
}
.calendar-illustrations {
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 100px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.quick-stack-8 {
margin-top: 60px;
}
.image-346 {
object-fit: contain;
border: 1px solid #000;
border-radius: 0;
max-width: 100%;
}
.section-108 {
border-bottom: 1px solid #000;
justify-content: center;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
display: block;
}
.mule-image {
margin-bottom: 0;
}
.section-110 {
margin-bottom: 100px;
}
.section-111, .section-112, .section-113 {
margin-bottom: 60px;
}
.body-7, .body-8 {
background-color: var(--jan--white);
}
.body-9 {
background-color: var(--may--cream);
}
.quick-stack-9 {
max-width: 90vw;
}
.section-114 {
justify-content: center;
margin-top: 100px;
display: flex;
}
.cell-23 {
justify-content: center;
}
.quick-stack-10 {
grid-column-gap: 40px;
grid-row-gap: 40px;
max-width: 90vw;
}
.section-115 {
justify-content: center;
margin-top: 100px;
display: flex;
}
.cell-24 {
justify-content: center;
}
.heading-46 {
margin: 0 0 20px;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 18px;
}
.cell-25, .cell-26 {
justify-content: center;
}
.image-347 {
max-width: 100%;
}
.text-block-53 {
color: #585858;
text-align: left;
margin-top: 10px;
}
.italic-text-5 {
font-family: Barlow, sans-serif;
font-size: 15px;
}
.top-calendar {
justify-content: center;
margin-top: 0;
display: flex;
}
.section-117 {
margin-bottom: 100px;
}
.image-348 {
max-width: 100%;
}
.section-118 {
justify-content: center;
margin-top: 100px;
display: flex;
}
.quick-stack-11 {
grid-column-gap: 60px;
grid-row-gap: 60px;
background-color: #0000;
max-width: 60vw;
}
.heading-47, .text-block-54 {
justify-content: center;
display: flex;
}
.image-349 {
aspect-ratio: 3000 / 2000;
border: 1px #000;
}
.image-350 {
border: 1px #000;
}
.body-10 {
background-color: var(--jan--white);
}
.cell-31 {
align-items: center;
}
.quick-stack-12 {
padding-top: 40px;
padding-bottom: 40px;
}
.cell-32 {
align-items: center;
}
.section-119 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 40px;
margin-bottom: 0;
padding: 40px 0;
line-height: 24px;
display: flex;
}
.text-block-56 {
color: var(--jan--black);
text-align: center;
letter-spacing: 0;
border: 1px #000;
margin-top: 0;
margin-bottom: 0;
padding: 10px;
font-family: Space Mono, sans-serif;
font-size: 24px;
font-style: italic;
font-weight: 400;
}
.bold-text-33, .bold-text-34, .bold-text-35 {
color: var(--jan--black);
font-family: Space Mono, sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 22px;
}
.quick-stack-13 {
grid-column-gap: 40px;
grid-row-gap: 80px;
max-width: 90vw;
}
.quick-stack-13.final {
grid-row-gap: 40px;
max-width: 80vw;
}
.section-120 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 100px;
margin-bottom: 100px;
display: flex;
}
.div-block-91, .div-block-92 {
width: 1000px;
}
.div-block-93, .div-block-94 {
width: 0;
}
.div-block-95, .div-block-96 {
width: 400px;
}
.div-block-97 {
height: 500px;
}
.div-block-98 {
height: 200px;
}
.div-block-99 {
width: auto;
height: auto;
}
.background-video-12 {
border: 1px solid #000;
width: 80vw;
height: 75vh;
margin-top: 20px;
}
.cell-33 {
justify-content: flex-end;
}
.slider-5 {
background-color: #e6e6e6;
border: 1px solid #000;
max-width: none;
height: auto;
}
.image-351 {
object-fit: fill;
height: auto;
}
.icon-9, .icon-10 {
color: var(--saddle-brown\);
}
.cell-34 {
justify-content: flex-end;
align-items: flex-start;
}
.cell-35 {
justify-content: center;
}
.cell-36 {
justify-content: flex-end;
}
.view-button {
background-color: var(--may--bleu);
text-align: center;
border: 1px solid #000;
border-radius: 16px;
width: 400px;
padding: 20px;
font-family: Bitter, serif;
font-size: 26px;
font-weight: 500;
line-height: 30px;
transition: background-color .22s;
}
.view-button:hover {
background-color: var(--may--deep-bleu);
color: #fff;
}
.view-button._2 {
background-color: var(--may--brown);
box-shadow: none;
letter-spacing: 3px;
text-transform: uppercase;
border: 1px solid #000;
width: 360px;
padding-top: 15px;
padding-bottom: 15px;
font-family: Karla, sans-serif;
font-size: 20px;
font-weight: 300;
transition: background-color .22s;
}
.view-button._2:hover {
background-color: var(--may--bleu);
color: #fff;
}
.cell-37 {
justify-content: center;
}
.text-block-57 {
align-items: flex-start;
display: block;
}
.section-121 {
justify-content: center;
margin-top: 100px;
margin-bottom: 100px;
display: flex;
}
.quick-stack-14 {
grid-column-gap: 40px;
grid-row-gap: 60px;
max-width: 90vw;
}
.background-video-13 {
display: none;
}
.nj-pdp-top {
background-color: #0000;
border-bottom: 1px solid #000;
justify-content: center;
margin-top: 0;
padding-top: 0;
padding-bottom: 60px;
display: none;
}
.cell-38 {
justify-content: flex-end;
}
.image-352 {
border: 1px solid #000;
border-radius: 0;
}
.quick-stack-15 {
grid-column-gap: 40px;
grid-row-gap: 40px;
max-width: 90vw;
}
.section-123 {
justify-content: center;
margin-top: 100px;
margin-bottom: 100px;
display: flex;
}
.cell-39 {
justify-content: center;
}
.cell-40 {
justify-content: flex-start;
}
.cell-41 {
justify-content: center;
}
.lightbox-link-176 {
object-fit: contain;
margin-top: 20px;
}
.lightbox-link-177, .lightbox-link-178, .lightbox-link-179, .lightbox-link-180 {
object-fit: contain;
}
.cell-47 {
align-items: center;
}
.cell-48 {
align-items: flex-start;
padding: 0;
}
.cell-49 {
justify-content: center;
align-items: stretch;
}
.lightbox-link-181 {
justify-content: space-between;
align-items: stretch;
max-width: none;
display: flex;
}
.image-353 {
z-index: auto;
object-fit: fill;
border: 1px #000;
padding-left: 0;
padding-right: 0;
position: relative;
}
.image-353.gemini {
padding-right: 30px;
}
.blossom-collage-newsletters {
z-index: 2;
grid-column-gap: 200px;
grid-row-gap: 200px;
background-color: #0000;
border: 1px #000;
max-width: 90vw;
margin-top: 40px;
padding: 60px 40px 40px;
position: relative;
}
.cell-50 {
justify-content: center;
align-items: center;
}
.blossom-stories {
z-index: 2;
grid-column-gap: 40px;
grid-row-gap: 40px;
border: 1px #000;
max-width: 70vw;
margin-top: 60px;
margin-bottom: 100px;
padding: 20px;
position: relative;
}
.blossom-stories.halo {
margin-top: 60px;
margin-bottom: 60px;
padding-top: 40px;
}
.quick-stack-18 {
grid-column-gap: 60px;
grid-row-gap: 60px;
max-width: 90vw;
margin: 80px 0 40px;
}
.cell-51 {
justify-content: flex-end;
}
.cell-52 {
justify-content: center;
align-items: center;
}
.cell-53, .cell-54 {
justify-content: flex-end;
}
.halo-newsletters {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.cell-55 {
justify-content: center;
align-items: center;
}
.image-354, .image-355, .image-356, .image-357, .image-358, .image-359, .image-360, .image-361 {
border: 1px solid #000;
border-radius: 10px;
}
.cell-56 {
justify-content: flex-end;
}
.lightbox-link-189 {
margin-top: 40px;
}
.section-125 {
justify-content: center;
margin-top: 100px;
display: flex;
}
.quick-stack-19 {
max-width: 70vw;
}
.section-126 {
justify-content: center;
margin-bottom: 100px;
display: flex;
}
.cell-57, .cell-58, .cell-59, .cell-60, .cell-61 {
justify-content: center;
}
.image-362 {
border: 1px solid var(--jan--black);
border-radius: 19px;
}
.cell-62, .cell-63 {
justify-content: flex-start;
align-items: flex-start;
}
.cell-64 {
align-items: center;
}
.quick-stack-20 {
grid-column-gap: 24px;
grid-row-gap: 24px;
max-width: 70vw;
margin-bottom: 60px;
}
.quick-stack-21 {
grid-column-gap: 60px;
grid-row-gap: 40px;
max-width: 70vw;
margin-top: 40px;
}
.section-127 {
justify-content: center;
margin-top: 60px;
margin-bottom: 0;
display: flex;
}
.section-127.irish {
margin-top: 60px;
margin-bottom: 0;
}
.lightbox-link-204, .lightbox-link-205, .lightbox-link-206, .lightbox-link-207 {
object-fit: contain;
}
.quick-stack-22 {
grid-row-gap: 40px;
max-width: 70vw;
margin-left: 0;
margin-right: 0;
}
.section-128 {
justify-content: center;
margin-top: 100px;
display: flex;
}
.quick-stack-23 {
max-width: 70vw;
}
.section-129 {
justify-content: center;
margin-top: 100px;
margin-bottom: 140px;
display: flex;
}
.cell-65 {
align-items: stretch;
}
.cell-66 {
justify-content: space-between;
}
.video {
z-index: 0;
margin-top: 0;
}
.italic-text-6 {
font-size: var(--web-h2);
font-style: normal;
}
.numbers {
text-align: center;
margin-top: 0;
margin-bottom: 20px;
font-family: Space Mono, sans-serif;
font-size: 50px;
font-weight: 500;
}
.cell-67, .cell-68 {
justify-content: flex-end;
align-items: center;
}
.cell-69, .cell-70, .cell-71, .cell-72, .cell-73, .cell-74, .cell-75, .cell-76, .cell-77, .cell-78, .cell-79 {
align-items: center;
}
.symbols {
color: #0e1c41;
text-align: center;
letter-spacing: 0;
margin-top: 30px;
margin-bottom: 0;
font-family: Space Mono, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 26px;
}
.symbols.light {
text-align: center;
letter-spacing: 0;
margin-top: 5px;
font-family: Space Mono, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.symbols.small {
font-size: 22px;
}
.cell-80 {
justify-content: center;
}
.cell-81 {
align-items: flex-start;
}
.quick-stack-24 {
background-color: #f8f9f6cc;
max-width: 80vw;
padding: 60px 80px;
}
.border-section {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64efad008df811990e5a2966_photos-of-korea-kRABTBOFaVU-unsplash.jpg");
background-position: 50% 100%;
background-repeat: repeat-x;
background-size: contain;
background-attachment: fixed;
justify-content: center;
margin-top: 0;
margin-bottom: 140px;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.image-364 {
background-image: none;
background-repeat: repeat;
background-size: auto;
max-width: 50vw;
padding: 60px 0;
}
.calendar-image-section {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/64efaf5992814b0afb20e038_d-tan-8U5SmTQPuC4-unsplash.jpg");
background-repeat: repeat-x;
background-size: cover;
background-attachment: fixed;
justify-content: center;
margin-top: 140px;
display: flex;
}
.quick-stack-25 {
max-width: 70vw;
margin-top: 60px;
margin-bottom: 140px;
}
.fundraiser-section {
justify-content: center;
display: flex;
}
.image-365 {
background-color: #fff;
}
.image-366 {
max-width: 85vw;
}
.quick-stack-26 {
max-width: 70vw;
}
.final-deliverables {
justify-content: center;
margin-top: 200px;
margin-bottom: 140px;
display: flex;
}
.section-134 {
background-color: #000;
justify-content: center;
padding: 60px;
display: flex;
}
.section-134.new-home {
background-color: #0000;
padding-top: 60px;
}
.section-135 {
background-color: #0000;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 180px;
line-height: 18px;
display: flex;
}
.quick-stack-27 {
grid-column-gap: 60px;
grid-row-gap: 60px;
max-width: 80vw;
}
.grid-38 {
grid-column-gap: 140px;
grid-row-gap: 100px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
max-width: 60vw;
margin: 180px 0 0;
}
.grid-38.mobile {
grid-column-gap: 100px;
grid-row-gap: 100px;
text-align: left;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
max-width: 80vw;
margin-top: 100px;
}
.heading-48 {
letter-spacing: .5px;
margin-top: 60px;
font-family: Gloock;
font-size: 45px;
line-height: 50px;
display: block;
}
.grid-39 {
grid-column-gap: 100px;
grid-row-gap: 100px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
max-width: 80vw;
margin-top: 60px;
}
.section-136 {
background-color: #0000;
background-image: none;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-top: 60px;
padding-bottom: 100px;
display: flex;
}
.home-link-block {
box-shadow: none;
border: 2px solid #000;
max-width: none;
text-decoration: none;
transition: transform .14s;
transform: rotate(0);
}
.home-link-block:hover {
box-shadow: none;
transform: scale(1.15);
}
.home-link-block.left {
transform: rotate(-3deg);
box-shadow: -6px 4px 9px 5px #0003;
}
.home-link-block.left:hover {
transform: scale(1.15)rotate(-3deg);
}
.home-link-block.left.light {
border-style: solid;
border-color: #fff;
}
.home-link-block.right {
transform: rotate(2deg);
}
.home-link-block.right:hover {
transform: scale(1.15)rotate(2deg);
}
.home-link-block.right.light, .home-link-block.right2.light, .home-link-block.dark {
border-color: #fff;
}
.home-link-block.sun-kin {
display: block;
}
.home-link-block.horizontal {
display: flex;
}
.text-block-58 {
z-index: 2;
color: #000;
text-align: center;
letter-spacing: 0;
text-transform: none;
object-fit: fill;
margin-top: 0;
font-family: Manrope, sans-serif;
font-size: 18px;
font-weight: 500;
text-decoration: none;
display: block;
position: static;
overflow: visible;
}
.text-block-58.big {
z-index: 2;
color: #000;
text-align: center;
letter-spacing: .2px;
text-transform: uppercase;
background-color: #0000;
border: 1px #000;
border-top-style: solid;
margin-top: 0;
margin-bottom: 0;
padding: 40px;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 36px;
font-weight: 400;
line-height: 36px;
position: static;
}
.text-block-58.big.horizontal {
text-transform: none;
border-top-style: none;
align-items: flex-end;
padding: 100px;
font-size: 65px;
font-weight: 600;
line-height: 50px;
display: flex;
}
.text-block-58.green {
color: var(--aquamarine\);
}
.text-block-58.orange {
color: var(--light-salmon\);
}
.text-block-58.horizontal {
color: #000;
letter-spacing: -.3px;
text-transform: uppercase;
padding: 15px 0;
font-size: 20px;
font-weight: 500;
}
.text-block-58.horizontal.assets {
letter-spacing: 0;
text-transform: none;
margin: 0;
padding: 15px 0;
font-size: 20px;
font-weight: 400;
line-height: 22px;
}
.div-block-100 {
color: var(--black-3\);
flex-direction: column;
align-items: flex-start;
display: flex;
position: absolute;
}
.heading-49 {
font-family: Gloock;
}
.text-block-59 {
font-family: Barlow, sans-serif;
font-size: 18px;
}
.round-image {
border-radius: 0;
transition: transform .18s;
}
.round-image:hover {
opacity: 1;
transform: scale(1.3)rotate(20deg);
box-shadow: 5px 0 11px 5px #0003;
}
.image-368 {
border-radius: 20px;
}
.bigger-image {
transition: transform .16s;
}
.body-11 {
background-color: #f8f8f8;
}
.slanty-image {
transition: transform .14s;
}
.slanty-image:hover {
transform: rotate(-15deg)scale(1.3);
}
.nj-marketing {
transition: transform .1s;
}
.nj-marketing:hover {
transform: scale(.8);
box-shadow: -11px 8px 10px 1px #0003;
}
.home-div {
color: #000;
background-color: #0000;
border: 1px #000;
border-bottom-style: solid;
border-radius: 0;
justify-content: center;
align-items: flex-start;
padding: 14px 20px;
display: flex;
}
.home-div.light {
border-top-style: solid;
}
.home-div.horizontal {
background-color: #0000;
border-top-style: none;
border-top-color: #000;
border-bottom-style: solid;
align-self: center;
padding: 0;
}
.image-370 {
margin-bottom: 10px;
}
.colorblock {
background-color: var(--sea-green\);
height: 8px;
}
.heading-50 {
text-align: center;
margin-top: 60px;
font-family: Barlow, sans-serif;
font-size: 60px;
line-height: 55px;
}
.section-137 {
justify-content: center;
margin-top: 60px;
margin-bottom: -100px;
display: flex;
}
.div-block-101 {
justify-content: center;
display: flex;
}
.section-138 {
background-color: #000;
justify-content: center;
max-width: none;
margin-top: 0;
padding: 160px 140px 100px;
display: flex;
}
.heading-51 {
color: #000;
text-align: center;
letter-spacing: -.5px;
justify-content: center;
margin-top: 0;
font-family: Barlow, sans-serif;
font-size: 26px;
font-weight: 400;
line-height: 35px;
display: flex;
}
.heading-51.large {
color: var(--link);
text-align: left;
letter-spacing: 0;
justify-content: flex-end;
align-items: flex-end;
margin-bottom: 0;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 140px;
font-weight: 500;
line-height: 115px;
}
.heading-51.large:hover {
color: var(--bb-green);
}
.heading-51.large.illo {
color: #cafff1;
text-align: left;
-webkit-text-stroke-color: #c7c7c7;
justify-content: flex-start;
margin-top: -10px;
font-size: 75px;
font-weight: 400;
line-height: 65px;
}
.heading-51.large.design {
color: #20fac0;
text-align: center;
justify-content: center;
font-size: 85px;
line-height: 65px;
}
.heading-51.large.star {
color: var(--jan--misty-rose);
font-size: 120px;
}
.heading-51.large.smile {
color: var(--jan--misty-rose);
align-items: center;
font-size: 120px;
}
.heading-51.large.ash {
color: #ff968f;
font-size: 100px;
line-height: 80px;
}
.heading-51.large.head {
color: #fff;
}
.heading-51.bold {
color: #2cffc7;
text-align: left;
letter-spacing: 0;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 40px;
font-weight: 300;
line-height: 38px;
}
.section-139 {
justify-content: flex-start;
margin-right: 60px;
display: flex;
}
.italic-text-7, .italic-text-8, .italic-text-9, .italic-text-10 {
font-style: normal;
}
.italic-text-11 {
letter-spacing: 0;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 18px;
font-style: normal;
font-weight: 600;
}
.italic-text-12 {
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 18px;
font-style: normal;
font-weight: 600;
}
.about-heading {
letter-spacing: 0;
text-transform: uppercase;
font-family: Space Mono, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 22px;
}
.about-heading.newhp {
letter-spacing: -.5px;
-webkit-text-stroke-width: 0px;
text-transform: none;
font-family: GFS Bodoni, Times New Roman, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 16px;
}
.italic-text-14 {
letter-spacing: 0;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 18px;
font-style: normal;
font-weight: 600;
}
.italic-text-15 {
letter-spacing: 0;
font-family: Messapia, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
}
.italic-text-16 {
letter-spacing: 0;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 18px;
font-style: normal;
font-weight: 600;
}
.italic-text-17 {
font-size: 18px;
}
.image-372 {
max-width: 100%;
margin-top: 30px;
}
.section-140 {
background-color: #f6b030;
border-bottom: 1px solid #000;
justify-content: center;
display: block;
}
.italic-text-18 {
text-align: center;
font-style: normal;
}
.italic-text-19 {
font-style: normal;
}
.bold-text-36 {
letter-spacing: .2px;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.div-block-102 {
max-width: 90vw;
}
.italic-text-20, .italic-text-21, .italic-text-22, .italic-text-23, .italic-text-24, .italic-text-25, .italic-text-26 {
font-style: normal;
}
.italic-text-27 {
font-size: 18px;
font-style: normal;
}
.italic-text-28 {
font-style: normal;
}
.image-373 {
border: 1px solid #000;
margin-top: 20px;
}
.cell-82 {
justify-content: flex-end;
}
.cell-83, .cell-84 {
justify-content: center;
}
.quick-stack-28 {
grid-column-gap: 50px;
grid-row-gap: 100px;
width: 80vw;
}
.cell-85 {
flex-direction: row;
justify-content: flex-start;
}
.cell-86 {
justify-content: flex-end;
align-items: flex-start;
}
.cell-87 {
align-items: flex-start;
}
.cell-88 {
justify-content: center;
align-items: center;
}
.cell-89 {
justify-content: center;
}
.cell-90 {
flex-direction: row;
}
.cell-91 {
align-items: flex-end;
}
.cell-92 {
justify-content: flex-end;
}
.cell-93 {
align-items: flex-end;
}
.cell-94 {
justify-content: flex-end;
align-items: flex-start;
}
.heading-52 {
color: #fff;
align-self: auto;
font-family: Manrope, sans-serif;
font-size: 34px;
font-weight: 300;
text-decoration: underline;
}
.heading-52.small {
font-size: 32px;
line-height: 30px;
}
.cell-95 {
align-items: center;
}
.text-block-60 {
color: #fff;
letter-spacing: .2px;
align-self: auto;
margin-right: 60px;
font-family: Manrope, sans-serif;
font-size: 28px;
font-weight: 300;
line-height: 34px;
}
.cell-96 {
align-items: flex-end;
}
.cell-97 {
align-items: center;
}
.cell-98 {
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.image-374 {
width: 60px;
max-width: none;
}
.image-375 {
width: 60px;
max-width: none;
margin: 5px;
}
.image-376 {
width: 60px;
max-width: none;
}
.div-block-103 {
justify-content: flex-start;
align-self: auto;
margin-left: 0;
display: block;
}
.cell-99 {
justify-content: flex-end;
}
.bold-text-37 {
font-weight: 600;
}
.heading-53 {
color: #000;
letter-spacing: -.5px;
margin-top: 140px;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 120px;
font-weight: 600;
line-height: 80px;
display: none;
}
.heading-53.personal {
color: #000;
margin-top: 0;
font-size: 120px;
}
.heading-54 {
text-align: center;
background-color: #daf8f0;
margin-top: 0;
padding: 60px 20px;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 50px;
}
.image-377 {
margin: 0;
}
.nj-top-image {
max-width: 80%;
margin-top: 50px;
display: block;
}
.mobile-home {
display: none;
}
.ciders-top {
margin-top: -25px;
}
.image-378 {
margin-top: 20px;
margin-bottom: 40px;
}
.text-block-61 {
color: #000;
text-align: center;
letter-spacing: 0;
text-transform: none;
white-space: nowrap;
word-break: normal;
background-color: #0000;
border: 1px #000;
padding: 10px 30px;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 80px;
font-weight: 500;
line-height: 80px;
}
.div-block-104 {
color: #0000;
background-color: #0000;
}
.div-block-104.horizontal {
border-top: 1px #000;
align-self: center;
}
.section-141 {
justify-content: center;
margin-bottom: 57px;
display: flex;
}
.div-block-105 {
color: #0000;
}
.clients-scroll-section {
display: none;
}
.loop-text-outer {
border-bottom: 1px solid #000;
max-width: 100%;
overflow: hidden;
}
.loop-text-inner {
align-items: center;
display: flex;
}
.personal-scroll-section {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
display: none;
}
.personal-loops-outer {
overflow: hidden;
}
.personal-loops-inner {
align-items: center;
display: flex;
}
.div-block-106 {
justify-content: center;
display: flex;
}
.clients-section-2 {
display: none;
}
.personal-section-2 {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
display: none;
}
.div-block-108 {
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.grid-42 {
grid-column-gap: 60px;
grid-row-gap: 120px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
max-width: 70vw;
margin-top: 40px;
display: none;
}
.div-block-109 {
justify-content: center;
align-items: flex-end;
margin-top: 0;
display: flex;
}
.image-379 {
object-fit: cover;
border: 1px solid #000;
}
.div-block-110 {
border: 1px solid #000;
}
.div-block-111 {
border: 1px #000;
border-top-style: solid;
justify-content: center;
align-items: center;
display: flex;
}
.link-block-34 {
display: flex;
}
.link-block-35, .link-block-36 {
text-decoration: none;
}
.image-380, .balcom-web {
border: 1px solid #000;
}
.div-block-112 {
color: #fff;
background-color: #0000;
}
.heading-55 {
text-align: center;
letter-spacing: -1px;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 80px;
font-weight: 500;
line-height: 70px;
}
.heading-55._100 {
margin-top: 100px;
}
.image-381 {
max-width: 80%;
}
.image-382 {
max-width: 50%;
padding: 0;
}
.image-383 {
color: #a86565;
background-color: #2a462a;
border-radius: 16px;
height: 40px;
margin-top: 10px;
margin-right: 20px;
padding: 2px;
}
.text-block-62 {
color: #000;
letter-spacing: -2px;
margin-top: 10px;
padding-left: 20px;
padding-right: 20px;
font-size: 42px;
line-height: 50px;
}
.nav-link-12 {
border: 1px #000;
border-style: none solid;
}
.nav-link-13 {
border: 1px #000;
border-right-style: solid;
}
.nav-link-14 {
border-right: 1px #000;
}
.brand-2 {
border-left: 1px #000;
border-right: 1px solid #000;
}
.container-16 {
border-bottom: 1px #000;
}
.navbar-6 {
background-color: #fff;
border-bottom: 1px solid #000;
}
.text-block-63 {
color: #000;
letter-spacing: 0;
margin-left: 0;
padding: 10px 15px;
font-family: Messapia, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.text-block-63:hover {
font-weight: 700;
}
.brand-3 {
background-color: var(--light-grey\);
background-image: radial-gradient(circle closest-corner, #f08a57, #d2f35c);
border: 1px solid #000;
border-radius: 11px;
margin-left: 10px;
}
.brand-3:hover {
background-color: var(--light-grey\);
color: #fcfcfc;
font-family: Messapia, sans-serif;
font-weight: 700;
}
.navbar-7 {
background-color: #fff0;
border-bottom: 1px #000;
margin-top: 18px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 10px;
position: fixed;
inset: 0% 0% auto;
}
.nav-link-15 {
background-color: #f1e2e2;
border-radius: 11px;
margin-right: 10px;
}
.nav-link-15.w--current {
background-color: var(--link);
color: #1b1b1b;
border: 1px solid #000;
font-family: Space Mono, sans-serif;
}
.nav-link-16 {
background-color: var(--jan--bg);
border: 1px solid #000;
border-radius: 11px;
margin-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Space Mono, sans-serif;
font-size: 18px;
font-style: italic;
transition: background-color .1s;
}
.nav-link-16:hover {
background-color: var(--link-hover);
color: var(--jan--misty-rose);
}
.nav-link-16.w--current {
background-color: var(--jan--citrus);
color: var(--jan--black);
text-decoration: underline;
}
.nav-link-16.ig:hover {
background-color: var(--jan--leaf);
color: var(--jan--misty-rose);
font-style: italic;
}
.nav-link-17 {
background-color: var(--jan--bg);
border: 1px solid #000;
border-radius: 11px;
margin-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Space Mono, sans-serif;
font-size: 18px;
font-style: italic;
transition: background-color .1s;
}
.nav-link-17:hover {
background-color: var(--jan--blue);
color: var(--jan--misty-rose);
font-style: italic;
}
.nav-link-17.w--current {
background-color: var(--jan--citrus);
color: #181818;
text-decoration: underline;
}
.nav-link-17.work {
background-color: var(--jan--bg);
padding-top: 10px;
padding-bottom: 10px;
font-style: italic;
}
.nav-link-17.work:hover {
background-color: var(--jan--pink);
}
.nav-link-17.work.w--current {
color: #161616;
background-color: #cecece;
text-decoration: underline;
}
.grid-43 {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px #000;
grid-template: "Area"
"."
"."
/ 1fr 1fr 1fr;
grid-auto-flow: column;
}
.div-block-113 {
border: 1px solid #000;
border-style: none solid solid none;
}
.div-block-114 {
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
.div-block-115 {
border-bottom: 1px solid #000;
}
.image-384, .div-block-116, .div-block-117 {
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
.div-block-118, .div-block-119, .div-block-120 {
border-bottom: 1px #000;
border-right: 1px solid #000;
}
.categories {
border-style: solid none;
border-width: 1px;
border-right-color: var(--jan--leaf);
border-left-color: var(--jan--leaf);
background-color: var(--jan--olive);
}
.categories.citrus {
border-right-style: none;
border-bottom-color: var(--jan--blue);
background-color: #f1ff8a;
border-left-style: none;
}
.categories.blue {
background-color: var(--jan--blue);
}
.categories.contact {
margin-top: 140px;
}
.categories-heading {
text-align: center;
letter-spacing: -3px;
background-color: #fff;
border: 1px solid #000;
border-radius: 11px;
justify-content: center;
margin-top: 10px;
padding: 10px 20px;
font-family: Space Mono, sans-serif;
font-size: 50px;
font-weight: 400;
line-height: 52px;
display: flex;
}
.categories-heading.contact {
margin-top: 40px;
}
.grid-44 {
border-left: 1px solid #000;
border-right: 1px solid #000;
grid-template-rows: auto auto;
grid-template-columns: 1fr .75fr 1fr .5fr 1fr .25fr 1fr;
place-items: center;
margin-left: 60px;
margin-right: 60px;
padding-top: 40px;
padding-bottom: 40px;
}
.heading-57 {
color: var(--jan--font-yellow);
text-align: left;
letter-spacing: .2px;
text-transform: none;
margin-top: 0;
margin-bottom: 40px;
margin-right: 0;
font-family: Messapia, sans-serif;
font-size: 44px;
font-weight: 400;
line-height: 54px;
}
.text-span-6 {
letter-spacing: 1px;
font-family: Youngserif, sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 40px;
}
.text-span-7 {
letter-spacing: 1px;
font-family: Youngserif, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 40px;
}
.text-span-8 {
letter-spacing: 1px;
font-family: Youngserif, sans-serif;
font-size: 35px;
font-style: italic;
font-weight: 400;
line-height: 36px;
}
.text-span-9 {
letter-spacing: 2px;
font-family: Youngserif, sans-serif;
font-size: 35px;
font-style: italic;
font-weight: 700;
line-height: 36px;
}
.quick-stack-31 {
grid-column-gap: 40px;
grid-row-gap: 20px;
justify-content: flex-start;
padding-bottom: 40px;
}
.image-385 {
width: 100px;
}
.section-143 {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/65b817717b7c27bad07e647f_BG.png");
background-position: 50%;
background-size: cover;
margin-top: 0;
margin-bottom: 0;
padding-top: 80px;
padding-bottom: 20px;
}
.cell-103 {
justify-content: flex-end;
align-items: center;
}
.cell-104 {
justify-content: flex-end;
align-items: flex-start;
}
.cell-105 {
justify-content: flex-start;
align-items: flex-end;
}
.cell-106 {
justify-content: center;
align-items: flex-end;
}
.cell-107 {
justify-content: center;
}
.div-block-121, .div-block-122, .div-block-123 {
justify-content: center;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
}
.link-block-37 {
text-decoration: none;
display: flex;
}
.link-block-37:active {
border: 8px solid var(--jan--blue);
border-radius: 9px;
}
.text-block-64 {
text-align: center;
align-self: flex-end;
font-family: Space Mono, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 15px;
}
.link-block-38 {
align-items: center;
margin-right: 60px;
padding-left: 0;
padding-right: 0;
text-decoration: none;
display: flex;
}
.link-block-38:active {
border: 8px solid var(--jan--blue);
border-radius: 11px;
}
.text-block-65 {
font-size: 16px;
line-height: 18px;
}
.text-block-66 {
text-align: center;
letter-spacing: 1px;
font-family: Space Mono, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 15px;
}
.text-span-10, .text-span-11 {
color: var(--magenta);
}
.body-12 {
background-color: var(--jan--bg);
}
.text-span-12 {
color: var(--jan--bg);
font-size: 50px;
font-weight: 400;
line-height: 50px;
}
.text-span-13 {
color: var(--jan--bg);
font-family: Messapia, sans-serif;
font-size: 50px;
font-weight: 400;
line-height: 50px;
}
.text-span-14 {
font-size: 48px;
font-style: italic;
font-weight: 400;
line-height: 50px;
}
.text-span-15 {
font-size: 46px;
font-style: italic;
font-weight: 400;
line-height: 50px;
}
.text-span-16 {
letter-spacing: -3px;
font-family: Space Mono, sans-serif;
font-size: 55px;
font-style: normal;
font-weight: 700;
}
.symbol {
font-family: Manrope, sans-serif;
font-size: 30px;
}
.column-87 {
border: 1px solid #000;
flex-direction: row;
align-items: stretch;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-124 {
margin-left: 60px;
padding-top: 0;
padding-bottom: 0;
}
.columns-43 {
border: 1px #000;
align-items: center;
margin-left: 140px;
margin-right: 140px;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.column-88 {
align-items: center;
padding-left: 60px;
display: block;
}
.div-block-125 {
border: 1px #000;
border-bottom-width: 0;
}
.section-144 {
border-bottom: 1px solid #000;
}
.columns-44 {
margin-left: 140px;
margin-right: 140px;
padding-top: 60px;
padding-bottom: 60px;
}
.columns-45 {
align-items: center;
margin-left: 140px;
margin-right: 140px;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.landing-link-block {
object-fit: fill;
inset: 0%;
}
.landing-link-block:active {
border: 10px solid var(--jan--blue);
border-radius: 0;
}
.landing-link-block.opaque {
cursor: default;
}
.column-89 {
border-right: 1px solid #000;
flex-direction: row;
justify-content: center;
align-self: auto;
align-items: center;
padding: 0;
display: flex;
}
.columns-46 {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
justify-content: center;
align-items: stretch;
margin-left: 0;
margin-right: 0;
display: block;
}
.column-90 {
border: 1px #000;
border-right-style: solid;
flex-wrap: nowrap;
place-content: space-around;
align-self: auto;
align-items: center;
padding: 0;
display: flex;
}
.column-91 {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.link-block-40 {
border-right: 1px #000;
align-self: auto;
align-items: stretch;
max-width: none;
padding-right: 0;
display: flex;
}
.link-block-40:hover {
opacity: 1;
}
.link-block-41 {
padding-left: 20px;
}
.image-386 {
opacity: .61;
}
.image-386:hover {
opacity: 1;
}
.text-span-17 {
font-family: Messapia, sans-serif;
font-size: 50px;
font-weight: 700;
}
.contact-heading {
background-color: var(--jan--citrus);
text-align: center;
border: 1px solid #000;
flex-direction: column;
align-items: center;
max-width: 70vw;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 20px;
font-family: Messapia, sans-serif;
font-size: 40px;
line-height: 45px;
display: block;
}
.contact-heading.newhp {
border-color: var(--may--brown);
background-color: var(--may--deep-bleu);
color: #fff;
max-width: 60vw;
font-family: Manrope, sans-serif;
font-size: 28px;
font-weight: 300;
line-height: 34px;
}
.top-heading {
background-color: var(--jan--orange);
color: var(--jan--bg);
border: 1px solid #000;
border-radius: 15px;
padding: 20px 30px;
font-family: Space Mono, sans-serif;
font-style: italic;
font-weight: 400;
}
.top-heading.contact {
background-color: var(--jan--bg);
color: var(--jan--orange);
font-family: Manrope, sans-serif;
font-size: 50px;
font-style: normal;
}
.text-span-18 {
font-family: Space Mono, sans-serif;
font-size: 60px;
font-style: normal;
font-weight: 700;
}
.bold-text-38 {
text-transform: uppercase;
font-size: 34px;
line-height: 36px;
}
.bold-text-39 {
font-style: italic;
font-weight: 700;
}
.bold-text-40, .bold-text-41 {
font-style: italic;
}
.image-387 {
z-index: 2;
border: 1px #000;
padding-left: 0;
padding-right: 0;
position: relative;
}
.image-388 {
border: 1px #000;
}
.image-389 {
border: 1px #000;
padding-left: 0;
padding-right: 14px;
}
.image-390, .image-391 {
border: 1px #000;
}
.section-145 {
justify-content: center;
margin-top: 100px;
display: flex;
}
.image-392 {
max-width: none;
}
.div-block-126 {
border: 1px #000;
border-bottom-style: solid;
}
.landing-assets {
color: var(--jan--bg);
text-align: center;
border: 1px #000;
font-family: Messapia, sans-serif;
font-size: 40px;
line-height: 38px;
display: block;
}
.landing-assets._1 {
color: var(--jan--bg);
line-height: 33px;
}
.landing-assets._3 {
font-size: 36px;
line-height: 36px;
}
.landing-assets._2 {
line-height: 36px;
}
.landing-client {
color: var(--bg);
text-align: center;
border: 1px #000;
font-family: Messapia, sans-serif;
font-size: 24px;
line-height: 28px;
}
.landing-client._1 {
color: var(--jan--bg);
}
.landing-client._2 {
font-size: 26px;
}
.div-block-127 {
object-fit: cover;
background-color: #f43bcd;
flex-flow: column;
justify-content: center;
align-self: auto;
align-items: center;
height: auto;
margin: 0;
padding: 20px;
display: flex;
position: absolute;
inset: 0%;
}
.landing-div-color-block {
cursor: pointer;
background-color: #3777ffd9;
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
padding: 20px;
display: flex;
position: absolute;
inset: 0%;
}
.landing-div-color-block.olive {
cursor: default;
background-color: #767522d9;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/659d8e9bab0077bb176fd519_plntrs%20uc.png");
background-position: 50%;
background-size: cover;
}
.landing-div-color-block.olive._2-ciders-ltbox {
cursor: pointer;
background-color: #767522d9;
background-image: none;
background-size: auto;
}
.landing-div-color-block.pink {
cursor: pointer;
background-color: #f43bcdd9;
max-width: 1000px;
max-height: 1100px;
}
.landing-div-color-block.orange {
background-color: #e85300d9;
}
.link-block-42 {
max-width: none;
display: none;
}
.div-block-129 {
background-color: var(--jan--olive);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
position: absolute;
inset: 0%;
}
.column-92 {
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.column-93 {
border-right: 1px solid #000;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.column-94 {
border-right: 1px solid #000;
justify-content: center;
align-items: center;
padding: 0;
display: block;
}
.columns-47 {
border: 1px #000;
border-top-style: solid;
}
.column-95 {
object-fit: contain;
border-right: 1px solid #000;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.column-96 {
border-right: 1px solid #000;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.column-97 {
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.columns-48 {
border-top: 1px solid #000;
}
.section-146 {
margin: 80px 60px;
}
.section-147 {
border-left: 1px solid #000;
border-right: 1px solid #000;
margin-left: 0;
margin-right: 0;
}
.section-148 {
border-left: 1px solid #000;
border-right: 1px solid #000;
margin-left: 100px;
margin-right: 100px;
}
.section-149 {
border-left: 1px solid #000;
border-right: 1px solid #000;
margin: 0 100px;
}
.link-block-43 {
max-width: none;
}
.columns-49 {
align-items: center;
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.column-98 {
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
}
.column-99 {
cursor: pointer;
justify-content: center;
display: flex;
}
.section-150 {
padding: 40px;
}
.link-18 {
color: var(--jan--black);
font-family: Space Mono, sans-serif;
font-size: 26px;
}
.italic-text-30 {
font-size: var(--web-h2);
font-style: normal;
position: sticky;
top: 50vh;
}
.image-393, .image-394, .image-395, .image-396, .image-397 {
border: 1px #000;
}
.image-398, .image-399 {
border: 1px solid #000;
}
.image-400, .image-401, .image-402, .image-403, .image-404, .image-405, .image-406 {
border: 1px #000;
}
.image-407 {
background-color: #f2d4d6;
margin-top: 0;
padding-top: 60px;
padding-bottom: 20px;
}
.image-408 {
object-fit: cover;
border: 1px #000;
margin-top: 0;
}
.div-block-130 {
background-color: var(--jan--orange);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
position: absolute;
inset: 0%;
}
.div-block-131 {
background-color: var(--jan--pink);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
position: absolute;
inset: 0%;
}
.div-block-132 {
background-color: var(--jan--blue);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
position: absolute;
inset: 0%;
}
.div-block-133 {
background-color: var(--jan--olive);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
position: absolute;
inset: 0%;
}
.div-block-134 {
background-color: var(--jan--orange);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
position: absolute;
inset: 0%;
}
.div-block-135 {
background-color: var(--jan--pink);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
position: absolute;
inset: 0%;
}
.div-block-136 {
background-color: var(--dark-g);
color: var(--bb-green);
position: absolute;
}
.nj-1:hover {
background-color: var(--jan--pink);
opacity: 1;
}
.landing-special-text {
color: #fff;
letter-spacing: -1.5px;
font-family: Space Mono, sans-serif;
font-size: 50px;
font-style: normal;
font-weight: 400;
line-height: 52px;
}
.landing-special-text.italic {
font-style: italic;
}
.landing-special-text.reset {
color: var(--jan--font-yellow);
}
.landing-info {
color: var(--jan--bg);
text-align: center;
font-family: Space Mono, sans-serif;
font-size: 16px;
line-height: 18px;
}
.text-span-20 {
letter-spacing: -.5px;
font-family: Space Mono, sans-serif;
font-weight: 400;
}
.background-video-14 {
width: 300px;
height: 300px;
}
.column-100 {
cursor: pointer;
justify-content: center;
margin-top: 0;
display: flex;
}
.link-block-44 {
transition: transform .2s;
}
.link-block-44:hover {
transform: scale(1.1);
}
.personal-link-block {
object-fit: contain;
flex-direction: column;
align-items: center;
padding-bottom: 0;
text-decoration: none;
transition: transform .15s;
display: flex;
}
.personal-link-block:hover {
transform: scale(1.1);
}
.personal-link-block:active {
border: 6px solid var(--jan--blue);
border-radius: 9px;
}
.text-block-67 {
color: var(--jan--blue);
text-align: center;
font-family: Messapia, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 26px;
}
.text-block-67.olive {
color: var(--jan--olive);
font-size: 24px;
line-height: 26px;
}
.text-block-67.orange {
color: var(--jan--orange);
margin-bottom: 0;
}
.text-block-67.pink {
color: var(--jan--pink);
margin-bottom: 0;
}
.text-span-21 {
font-family: Space Mono, sans-serif;
font-weight: 400;
}
.text-span-22 {
font-weight: 400;
}
.text-span-23 {
font-family: Space Mono, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18px;
}
.background-video-15 {
width: 270px;
height: 270px;
margin-bottom: 40px;
}
.image-409 {
max-width: 120%;
padding: 0 40px;
}
.section-151 {
margin-top: 60px;
}
.contact._2 {
font-size: 60px;
line-height: 60px;
}
.div-block-137 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
display: flex;
}
.image-410 {
border: 1px solid #000;
margin-right: 0;
padding-right: 0;
}
.column-101 {
padding-left: 100px;
padding-right: 60px;
}
.text-span-24 {
margin-right: 7px;
font-family: Lexend;
font-size: 18px;
font-weight: 200;
}
.column-102, .column-103 {
cursor: pointer;
}
.image-411 {
display: none;
}
.image-412 {
object-fit: contain;
display: block;
}
.image-413 {
object-fit: contain;
display: none;
}
.tablet-landing-div {
max-width: 1000px;
max-height: 1100px;
display: none;
}
.heading-58 {
font-family: Hibana, sans-serif;
}
.image-414, .image-415, .image-416, .image-417, .image-418, .image-419, .image-420 {
border: 1px solid #000;
}
.image-421 {
border-top: 1px solid #000;
}
.image-422, .image-423, .image-424, .image-425, .image-426, .image-427, .image-428, .image-429, .image-430, .image-431, .image-432, .image-433 {
border: 1px solid #000;
}
.div-block-138 {
flex-direction: column;
display: flex;
}
.text-block-69 {
color: var(--jan--olive);
text-align: center;
text-transform: none;
margin-top: 10px;
font-family: Space Mono, sans-serif;
font-size: 16px;
}
.heading-59 {
font-size: var(--web-h1);
}
.image-434 {
outline-offset: 0px;
outline: 3px solid #fff;
}
.image-435 {
border-bottom: 1px solid #000;
}
.image-436 {
object-fit: contain;
max-width: 100%;
max-height: none;
}
.image-437 {
object-fit: cover;
max-width: 100%;
}
.image-438, .image-439, .image-440, .image-441, .image-442, .image-443 {
object-fit: contain;
}
.section-152 {
justify-content: center;
padding-top: 60px;
padding-bottom: 100px;
display: flex;
}
.quick-stack-32 {
grid-column-gap: 40px;
grid-row-gap: 20px;
max-width: 90vw;
}
.image-444 {
border: 1px solid #000;
margin-top: 10px;
padding-top: 0;
}
.grid-45 {
grid-template-rows: auto auto auto auto auto auto auto;
max-width: 85vw;
}
.cell-108 {
justify-content: flex-start;
}
.cell-109 {
justify-content: center;
}
.cell-110 {
justify-content: center;
align-items: center;
}
.cell-111 {
justify-content: center;
}
.cell-112 {
justify-content: center;
align-items: center;
}
.cell-113, .cell-114 {
justify-content: center;
}
.text-span-25 {
color: var(--jan--misty-rose);
font-size: 40px;
font-style: italic;
font-weight: 400;
}
.text-span-26 {
color: #fff;
letter-spacing: 4px;
font-family: Space Mono, sans-serif;
font-size: 46px;
font-style: normal;
line-height: 42px;
}
.text-span-27 {
text-transform: uppercase;
font-family: Space Mono, sans-serif;
font-size: 42px;
font-weight: 400;
}
.text-span-28 {
color: #fff;
letter-spacing: -1px;
font-family: Space Mono, sans-serif;
font-size: 48px;
line-height: 52px;
}
.text-span-29 {
color: #fff;
letter-spacing: 0;
font-family: Space Mono, sans-serif;
font-size: 46.5px;
line-height: 52px;
}
.text-span-30 {
font-family: Space Mono, sans-serif;
}
.text-span-31 {
color: var(--jan--misty-rose);
font-family: Space Mono, sans-serif;
font-size: 30px;
line-height: 34px;
}
.text-block-70 {
color: var(--jan--misty-rose);
text-align: left;
margin-right: 140px;
padding-right: 0;
font-family: Space Mono, sans-serif;
font-size: 24px;
line-height: 30px;
}
.text-span-32 {
letter-spacing: 1px;
font-family: Messapia, sans-serif;
font-size: 29px;
font-style: normal;
font-weight: 700;
line-height: 32px;
}
.text-span-33 {
letter-spacing: 2px;
font-family: Messapia, sans-serif;
font-size: 29px;
font-style: italic;
line-height: 32px;
}
.text-span-34 {
letter-spacing: 2px;
}
.text-span-35 {
letter-spacing: .5px;
}
.columns-50 {
margin-left: 40px;
margin-right: 40px;
}
.image-445, .image-446, .image-447, .image-448, .image-449, .image-450, .image-451, .image-452, .image-453, .image-454 {
border: 1px solid #000;
}
.bold-text-42 {
color: #fff;
font-size: 25px;
line-height: 36px;
}
.div-block-139 {
margin-bottom: 50px;
padding-top: 20px;
padding-bottom: 0;
}
.body-13 {
background-color: #fff;
}
.quick-stack-33 {
margin-top: 40px;
margin-bottom: 0;
}
.heading-60 {
font-size: 100px;
}
.name-heading {
color: var(--may--brau);
text-align: center;
letter-spacing: -15px;
-webkit-text-stroke-width: 5px;
-webkit-text-stroke-color: var(--may--lt-bleu);
overflow-wrap: normal;
background-color: #0000;
border-radius: 0%;
flex: 0 auto;
order: 0;
margin-bottom: 30px;
margin-left: 0;
padding: 20px;
font-family: Bob, sans-serif;
font-size: 140px;
font-weight: 500;
line-height: 125px;
display: flex;
}
.name-heading.about {
z-index: 3;
color: var(--may--brown);
text-align: center;
letter-spacing: -1px;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: var(--may--brown);
text-transform: none;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 10px;
padding: 0 20px;
font-family: GFS Bodoni, Times New Roman, sans-serif;
font-size: 40px;
font-style: italic;
font-weight: 700;
line-height: 36px;
position: relative;
}
.name-heading.about.small {
letter-spacing: 0;
font-size: 16px;
line-height: 22px;
}
.cell-115 {
flex-flow: row;
justify-content: center;
align-items: center;
}
.name-title {
color: var(--may--brown);
text-align: center;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 20px;
font-family: Manrope, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 40px;
}
.name-title.about {
font-size: 32px;
line-height: 40px;
}
.paragraph-31 {
margin-top: 20px;
font-family: Space Mono, sans-serif;
}
.paragraph-32 {
color: var(--may--brown);
text-align: center;
letter-spacing: 0;
max-width: 100vw;
margin-top: 0;
margin-left: 100px;
margin-right: 100px;
font-family: Space Mono, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 27px;
overflow: visible;
}
.text-block-71 {
text-align: center;
margin-top: 0;
font-family: Space Mono, sans-serif;
font-size: 16px;
font-weight: 400;
}
.italic-text-31 {
display: inline;
}
.text-block-72 {
color: var(--jan--black);
text-align: center;
letter-spacing: -.2px;
margin-top: 5px;
margin-left: 20px;
font-family: Karla, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 18px;
}
.image-455 {
margin-right: 0;
padding-right: 60px;
}
.tab-link-tab-1 {
margin-right: 20px;
}
.tab-link-tab-1.w--current {
border: 1px solid #000;
border-radius: 10px;
}
.tab-link-tab-2, .tab-link-tab-3 {
margin-right: 20px;
}
.tabs-content {
margin-top: 20px;
}
.text-block-73 {
font-family: Hibana, sans-serif;
}
.tabs-content-2 {
margin-top: 0;
}
.tabs-menu {
border-style: none none solid;
border-width: 1px;
border-color: #fff #fff var(--may--brown);
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 60px;
display: none;
}
.tab-link-tab-1-2 {
margin-right: 60px;
}
.tab-link-tab-1-2.w--current {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/65970769bfd2511bfaeebcb6_stars%20progress.png");
background-position: 50%;
background-repeat: repeat-x;
background-size: contain;
}
.tab-link-tab-2-2 {
background-color: #0000;
}
.tab-link-tab-4, .tab-link-tab-6, .tab-link-tab-5, .tab-link-tab-7, .tab-link-tab-8, .tab-link-tab-8-2 {
margin-right: 20px;
}
.tab-link-1 {
border: 1px solid var(--may--brown);
color: var(--may--brown);
background-color: #0000;
border-radius: 6px;
margin-top: 10px;
margin-right: 10px;
padding: 3px 15px;
font-family: Space Mono, sans-serif;
transition: background-color .26s;
}
.tab-link-1:hover {
border-style: solid;
border-color: var(--jan--black);
background-color: var(--jan--black);
color: #fff;
text-transform: none;
}
.tab-link-1.w--current {
border-color: var(--jan--black);
background-color: var(--jan--black);
color: #fff;
text-transform: uppercase;
margin-top: 10px;
font-family: Xanh Mono, sans-serif;
font-style: normal;
}
.tab-link-1.w--current:hover {
background-color: var(--may--brown);
}
.tab-link-tab-2-3, .tab-link-tab-3-2, .tab-link-tab-4-2 {
margin-right: 20px;
}
.tab-text {
letter-spacing: 0;
-webkit-text-stroke-width: .3px;
padding-top: 1px;
font-family: Karla, sans-serif;
font-size: 14px;
font-weight: 300;
}
.tab-type-text {
letter-spacing: 1px;
text-transform: none;
font-family: Lato, sans-serif;
font-size: 18px;
}
.tab-type-1 {
border: 1px solid var(--may--brown);
color: var(--may--brown);
text-align: center;
background-color: #0000;
border-radius: 0;
margin: 0 60px;
padding: 20px 40px;
font-family: Space Mono, sans-serif;
transition: border-width .4s;
}
.tab-type-1:hover {
border-top: 1px solid var(--may--brown);
border-right: 1px solid var(--may--brown);
border-left: 1px solid var(--may--brown);
color: var(--may--brown);
background-color: #0000;
border-radius: 0;
}
.tab-type-1.w--current {
border-top: 1px solid var(--may--brown);
border-right: 1px solid var(--may--brown);
border-left: 1px solid var(--may--brown);
background-color: var(--may--brown);
color: #fff;
letter-spacing: 2px;
border-radius: 0;
margin: 0 100px;
font-family: Space Mono, sans-serif;
font-size: 18px;
}
.tab-type-1.mobile {
transition: background-color .2s;
}
.tab-type-1.mobile:hover {
background-color: var(--may--deep-bleu);
color: #fff;
}
.tab-type-1.mobile.w--current {
margin-left: 60px;
margin-right: 60px;
}
.tab-type-1.mobile.w--current:hover {
background-color: var(--may--brown);
}
.text-block-74 {
font-family: Bob, sans-serif;
}
.tabs-menu-2 {
padding-left: 40px;
padding-right: 40px;
display: none;
}
.quick-stack-new-hp {
grid-column-gap: 40px;
grid-row-gap: 60px;
margin-left: 60px;
margin-right: 60px;
padding-left: 30px;
padding-right: 30px;
}
.quick-stack-new-hp._2025 {
grid-column-gap: 60px;
grid-row-gap: 80px;
margin-top: 60px;
}
.project-page-link {
border: 1px none var(--may--brown);
background-color: #0000;
border-radius: 0;
max-width: none;
text-decoration: none;
transition: transform .3s;
overflow: hidden;
}
.project-page-link.transparent {
background-color: #0000;
border-style: none;
transition-duration: .26s;
}
.project-page-link.comingsoon {
transition-property: none;
}
.project-page-link.comingsoon:hover {
transform: none;
}
.project-page-link.hsy {
cursor: default;
}
.newhp_plntrs-linkblock {
border: 3px solid var(--may--brau);
border-radius: 0;
}
.image-456 {
aspect-ratio: 1000 / 1350;
border: 1px solid var(--may--brown);
object-fit: cover;
object-position: 0% 50%;
border-radius: 0;
}
.image-456:hover {
outline-color: var(--may--brown);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.image-457 {
aspect-ratio: 1000 / 1350;
object-fit: cover;
border: 1px solid #000;
border-radius: 0;
transition: transform .22s;
}
.div-block-140 {
position: static;
inset: 0%;
}
.heading-61 {
color: var(--jan--black);
letter-spacing: -1.5px;
-webkit-text-stroke-width: 1px;
text-transform: none;
margin-top: 10px;
margin-bottom: 2px;
font-family: GFS Bodoni, Times New Roman, sans-serif;
font-size: 38px;
font-weight: 500;
line-height: 42px;
text-decoration: none;
}
.text-block-75 {
color: var(--jan--black);
letter-spacing: 0;
font-family: Karla, sans-serif;
font-size: 15px;
font-weight: 300;
text-decoration: none;
}
.text-block-75.category {
border: 1px solid #000;
border-radius: 6px;
margin-top: 5px;
margin-bottom: 5px;
padding: 2px 10px;
font-size: 14px;
}
.text-block-75.category._10left {
margin-left: 10px;
}
.text-block-75.category.theme {
text-transform: none;
border-width: 1px;
margin-right: 10px;
font-size: 14px;
font-style: normal;
font-weight: 700;
}
.image-458 {
object-fit: cover;
max-width: 50%;
margin-top: -74px;
margin-bottom: 0;
padding-top: 0;
overflow: visible;
}
.ajkhere {
z-index: 11;
max-width: 20vw;
margin-top: 20px;
margin-left: 20px;
position: fixed;
inset: 0% auto auto 0%;
}
.ajkhere.w--current {
z-index: 8;
max-width: none;
margin-top: 20px;
margin-left: 20px;
position: fixed;
inset: 0% auto auto 0%;
}
.container-17 {
margin-top: 20px;
}
.navbar-8 {
background-color: #0000;
justify-content: flex-end;
align-items: flex-end;
margin-top: 20px;
margin-left: 20px;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.text-block-76 {
text-align: center;
}
.text-block-77 {
text-align: center;
font-style: normal;
}
.tabs-menu-3 {
padding-left: 40px;
padding-right: 40px;
}
.nav-link-june24 {
border: 1px solid var(--may--brown);
color: var(--may--brown);
background-color: #d1ddecd4;
border-radius: 10px;
margin-left: 140px;
margin-right: 20px;
padding: 15px 20px;
font-family: Manrope, sans-serif;
font-size: 18px;
text-decoration: none;
}
.div-block-141 {
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.nav-menu-6 {
background-color: #0000;
margin-top: 15px;
margin-right: 20px;
}
.cell-120 {
justify-content: flex-start;
align-items: flex-start;
}
.container-18 {
margin-top: 40px;
display: none;
}
.image-459 {
object-fit: cover;
border: 1px solid #000;
}
.text-block-78 {
color: var(--may--brau);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--may--lt-bleu);
font-family: Bob, sans-serif;
font-size: 24px;
line-height: 16px;
}
.text-block-79 {
color: var(--may--brown);
letter-spacing: 3px;
font-family: Bob, sans-serif;
font-size: 16px;
}
.text-block-80 {
direction: ltr;
color: var(--may--brown);
text-align: center;
letter-spacing: 0;
text-transform: none;
margin: 30px 20px -2px;
font-family: GFS Bodoni, Times New Roman, sans-serif;
font-size: 30px;
font-style: italic;
font-weight: 700;
line-height: 28px;
}
.div-block-142 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.about-me {
border: 1px #000;
border-top-style: solid;
margin-top: 40px;
}
.heading-62 {
font-family: Bob, sans-serif;
}
.image-460 {
z-index: 0;
max-width: 80%;
margin-top: -20px;
margin-bottom: 0;
position: relative;
}
.div-block-143 {
flex-flow: row;
justify-content: flex-end;
align-items: center;
margin-top: 0;
display: flex;
}
.div-block-144 {
justify-content: center;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
}
.quick-stack-35 {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin: 60px 0;
}
.cell-121, .cell-122, .cell-123 {
justify-content: flex-start;
align-items: flex-start;
}
.div-block-145 {
max-width: none;
display: flex;
}
.image-461 {
max-width: 30%;
}
.link-19 {
font-family: Space Mono, sans-serif;
}
.link-20 {
text-decoration: none;
}
.div-block-146 {
justify-content: center;
align-items: center;
margin-bottom: 60px;
display: none;
}
.link-21 {
font-family: Manrope, sans-serif;
font-size: 26px;
}
.bold-text-43 {
color: var(--may--brown);
font-size: 22px;
}
.cell-124 {
background-color: #0000;
justify-content: space-between;
align-items: stretch;
padding-top: 40px;
padding-bottom: 40px;
}
.cell-125 {
justify-content: space-between;
align-items: stretch;
}
.cell-126 {
background-color: #0000;
justify-content: space-between;
align-items: stretch;
}
.cell-127 {
justify-content: space-between;
align-items: stretch;
}
.cell-128 {
justify-content: center;
align-items: flex-start;
}
.quick-stack-36 {
grid-column-gap: 60px;
grid-row-gap: 60px;
max-width: 80vw;
margin-left: 100px;
margin-right: 100px;
padding: 0 0 60px;
}
.image-462 {
background-color: var(--may--brau);
}
.section-154 {
justify-content: center;
align-items: stretch;
display: flex;
}
.image-463 {
padding-left: 20rem;
padding-right: 20rem;
}
.cell-129 {
justify-content: space-around;
align-items: stretch;
}
.image-464 {
object-fit: cover;
}
.section-155 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.quick-stack-37 {
grid-column-gap: 40px;
grid-row-gap: 40px;
max-width: 70vw;
margin-bottom: 40px;
margin-left: 100px;
margin-right: 100px;
padding-left: 0;
padding-right: 0;
}
.div-block-147 {
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.div-block-148 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.cell-130 {
justify-content: center;
align-items: flex-start;
}
.cell-131 {
justify-content: space-around;
align-items: stretch;
}
.cell-132 {
justify-content: center;
align-items: flex-start;
}
.plntrs-character-quickstack {
grid-column-gap: 40px;
grid-row-gap: 40px;
max-width: 70vw;
margin-top: 100px;
margin-left: 0;
margin-right: 0;
}
.plntrs-character-quickstack.readaptation {
grid-column-gap: 20px;
grid-row-gap: 20px;
max-width: 80vw;
margin: 0 0 100px;
padding-left: 0;
padding-right: 0;
}
.section-156 {
background-color: #0000;
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
display: flex;
}
.image-465 {
background-color: #fff;
padding: 60px 20px;
}
.image-466 {
background-color: #fff;
padding: 0 40px;
}
.quick-stack-39 {
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-top: 100px;
margin-bottom: 100px;
padding: 0;
}
.cell-133 {
justify-content: center;
align-items: stretch;
}
.image-467 {
object-fit: cover;
}
.section-157 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 100px;
display: flex;
}
.image-468 {
object-fit: cover;
}
.quick-stack-40 {
grid-column-gap: 60px;
grid-row-gap: 60px;
align-self: center;
max-width: 70vw;
margin-top: 100px;
}
.cell-134, .cell-135 {
justify-content: flex-start;
align-items: center;
}
.image-469, .image-470 {
border: 1px solid #000;
}
.cell-136 {
justify-content: space-between;
align-items: stretch;
}
.image-471 {
object-fit: cover;
}
.container-19 {
margin-bottom: 20px;
}
.image-472 {
margin-top: 0;
margin-bottom: 0;
}
.cell-137 {
align-items: stretch;
}
.image-473 {
aspect-ratio: 1;
object-fit: cover;
margin-bottom: 0;
}
.container-20 {
align-self: center;
margin-top: 100px;
}
.cell-138 {
justify-content: flex-end;
align-items: center;
}
.faney-final {
text-align: center;
margin-bottom: 60px;
}
.section-158 {
margin-top: 100px;
}
.paragraph-33 {
color: var(--may--brown);
text-align: center;
margin-top: 10px;
font-family: Manrope, sans-serif;
font-size: 18px;
line-height: 26px;
}
.image-474, .image-475 {
margin-bottom: 0;
}
.quick-stack-41 {
grid-column-gap: 40px;
grid-row-gap: 60px;
max-width: 70vw;
margin: 60px 0 0;
padding-top: 20px;
}
.quick-stack-41.news-landing {
grid-row-gap: 40px;
margin-top: 0;
margin-bottom: 60px;
}
.image-476 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.image-477 {
margin-top: 0;
margin-bottom: 0;
}
.image-478 {
margin-bottom: 100px;
}
.image-479 {
object-fit: cover;
margin-top: 0;
margin-bottom: 0;
}
.image-480 {
object-fit: cover;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-63 {
margin-top: 100px;
}
.wallpaper-paragraph {
color: var(--may--brown);
margin-top: 100px;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 17px;
line-height: 26px;
}
.wallpaper-paragraph._2 {
margin-top: 0;
font-size: 15px;
line-height: 24px;
}
.cell-139, .cell-140, .cell-141 {
justify-content: flex-end;
align-items: flex-start;
}
.quick-stack-42 {
max-width: 70vw;
margin-bottom: 100px;
}
.quick-stack-43 {
justify-content: flex-end;
align-items: flex-start;
max-width: 90vw;
margin-top: 60px;
margin-bottom: 60px;
}
.image-481, .image-482, .image-483 {
margin-top: 0;
}
.section-159 {
justify-content: center;
display: flex;
}
.section-159.abundance {
margin-top: 60px;
}
.image-484 {
object-fit: cover;
}
.cell-142 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-top: 0;
}
.cell-143 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-end;
align-items: flex-start;
padding-top: 0;
}
.cell-144 {
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.cell-145 {
justify-content: flex-end;
align-items: flex-start;
}
.paragraph-64 {
justify-content: flex-start;
align-items: flex-end;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16px;
line-height: 24px;
display: flex;
}
.section-160 {
justify-content: center;
align-items: center;
display: flex;
}
.section-161 {
justify-content: center;
align-items: center;
padding-top: 40px;
display: flex;
}
.section-162 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.cell-146 {
justify-content: center;
align-items: flex-start;
}
.quick-stack-44 {
max-width: 90vw;
margin-bottom: 60px;
}
.section-163 {
background-color: var(--may--brown);
justify-content: center;
align-items: flex-start;
margin-top: 60px;
padding-top: 60px;
display: flex;
}
.container-21 {
justify-content: center;
align-items: flex-start;
margin-bottom: 60px;
display: flex;
}
.info-button {
z-index: 8;
border: 1px solid var(--may--brown);
color: var(--may--brown);
background-color: #d1ddecc9;
border-radius: 10px;
margin-top: 20px;
margin-right: 20px;
padding: 20px;
font-family: Manrope, sans-serif;
text-decoration: none;
position: fixed;
inset: 0% 0% auto auto;
}
.info-button.w--current {
z-index: 8;
width: auto;
}
.cell-147, .cell-148 {
justify-content: center;
align-items: flex-start;
}
.cell-149 {
justify-content: center;
align-items: center;
}
.quick-stack-46 {
margin-top: 60px;
margin-bottom: 40px;
}
.mobile-divider {
display: none;
}
.cell-150, .cell-151 {
justify-content: center;
align-items: stretch;
}
.cell-152 {
align-items: stretch;
}
.image-485 {
object-fit: cover;
margin-top: 0;
}
.cell-153 {
align-items: stretch;
}
.section-164 {
object-fit: fill;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 100px;
display: flex;
position: static;
}
.cell-154 {
justify-content: flex-start;
align-items: flex-start;
}
.link-22, .link-23, .link-24 {
text-decoration: none;
}
.link-25 {
color: var(--may--brown);
font-family: Cabinetgrotesk, sans-serif;
font-size: 15px;
}
.link-25:hover {
color: var(--may--bleu);
}
.section-165 {
justify-content: center;
align-items: stretch;
margin-top: 60px;
display: flex;
}
.text-block-81 {
z-index: 8;
border: 1px solid var(--may--brown);
text-align: center;
background-color: #d1ddecd9;
border-radius: 10px;
margin-top: 30px;
margin-right: 20px;
padding: 10px 20px;
font-family: Manrope, sans-serif;
font-size: 15px;
line-height: 18px;
position: fixed;
inset: 0% 0% auto auto;
}
.container-22 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.image-487 {
border: 1px none var(--may--brown);
}
.image-488 {
box-sizing: border-box;
aspect-ratio: 1000 / 1350;
border: 1px solid var(--may--brown);
object-fit: cover;
}
.image-489 {
aspect-ratio: 1000 / 1350;
border: 1px solid var(--may--brown);
}
.image-490, .image-491 {
aspect-ratio: 1000 / 1350;
border: 1px solid var(--may--brown);
object-fit: cover;
}
.image-492, .image-493 {
aspect-ratio: 1000 / 1350;
object-fit: cover;
border: 1px solid #000;
}
.image-494, .image-495, .image-496 {
border: 1px #000;
}
.image-497 {
aspect-ratio: 1000 / 1350;
object-fit: cover;
border: 1px solid #000;
}
.tab-pane-tab-5 {
margin-top: 20px;
}
.tab-pane-minimal, .tab-pane-branded, .tab-pane-ajkhere, .tab-pane-maximal {
margin-top: 10px;
}
.lightbox-link-229, .lightbox-link-230, .lightbox-link-231 {
border: 1px solid var(--may--brown);
}
.quick-stack-47 {
margin-top: 20px;
}
.image-498, .image-499 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-232, .lightbox-link-233, .lightbox-link-234 {
justify-content: center;
display: flex;
}
.image-500 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-235 {
justify-content: center;
display: flex;
}
.image-501 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-236 {
justify-content: center;
display: flex;
}
.image-502 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-237 {
justify-content: center;
display: flex;
}
.image-503 {
object-fit: cover;
border: 1px solid #000;
}
.lightbox-link-238 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.image-504 {
object-fit: cover;
border: 1px solid #000;
}
.image-505, .image-506 {
border: 1px solid #000;
}
.cell-155, .cell-156 {
justify-content: center;
align-items: stretch;
}
.image-507 {
object-fit: cover;
margin-left: 0;
}
.image-508 {
object-fit: cover;
margin-right: 0;
}
.div-block-149 {
display: none;
}
.section-168 {
border-bottom: 1px solid #000;
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 20px;
padding-top: 40px;
padding-bottom: 60px;
display: flex;
}
.heading-64 {
color: var(--jan--black);
letter-spacing: -3px;
-webkit-text-stroke-width: 0px;
text-transform: none;
margin-top: 0;
margin-bottom: 5px;
font-family: GFS Bodoni, Times New Roman, sans-serif;
font-size: 70px;
font-style: italic;
font-weight: 400;
line-height: 70px;
display: flex;
}
.div-block-150 {
margin-left: 0;
margin-right: 0;
padding: 5px 20px;
display: flex;
}
.link-26 {
margin: 0 0 0 220px;
}
.text-block-82 {
color: var(--jan--black);
letter-spacing: .5px;
text-transform: uppercase;
margin-left: 0;
font-family: Karla, sans-serif;
font-size: 14px;
line-height: 15px;
}
.cell-164 {
flex-flow: row;
justify-content: center;
align-items: center;
}
.cell-165 {
justify-content: center;
align-items: flex-start;
}
.quick-stack-48 {
border: 1px solid var(--may--brown);
background-color: var(--may--lt-bleu);
padding-top: 8px;
padding-bottom: 8px;
}
.cell-166 {
justify-content: center;
align-items: flex-start;
}
.cell-167 {
justify-content: flex-start;
align-items: flex-start;
}
.div-block-151 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.cell-168, .cell-169 {
justify-content: center;
align-items: flex-end;
}
.footie {
border-style: solid none none;
border-width: 1px;
border-color: var(--may--brown) black black;
background-color: #0000;
padding-top: 8px;
padding-bottom: 8px;
}
.link-27 {
padding: 20px;
}
.info {
z-index: 10;
background-color: var(--jan--white);
border: 1px solid #000;
border-radius: 11px;
margin-top: 50px;
margin-right: 20px;
padding: 0;
text-decoration: none;
transition: background-color .2s;
position: fixed;
inset: 0% 0% auto auto;
}
.info:hover {
border: 1px none var(--jan--black);
background-color: var(--may--brown);
color: var(--jan--white);
padding: 0;
}
.text-block-83 {
color: var(--jan--black);
text-align: center;
letter-spacing: 1px;
text-transform: none;
padding: 14px 28px;
font-family: Karla, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 18px;
text-decoration: none;
transition: background-color .2s;
}
.text-block-83:hover {
color: var(--jan--white);
}
.cell-170 {
justify-content: center;
align-items: flex-start;
}
._3-column-header {
grid-column-gap: 60px;
grid-row-gap: 60px;
max-width: 80vw;
margin-top: 120px;
}
._3-column-header.corean {
margin-bottom: 0;
}
.heading-3-column-cells {
justify-content: center;
align-items: flex-start;
display: flex;
}
.heading-3-column-cells.corean {
margin-bottom: 60px;
}
.div-block-152 {
margin-top: 0;
}
.categories-box {
border: 1px solid var(--may--brown);
background-color: #312009;
border-radius: 13px;
width: 210px;
margin-top: 40px;
margin-bottom: 0;
padding: 10px 20px 20px 35px;
}
.categories-box._40 {
background-color: #000;
border-style: none;
border-radius: 0;
padding-top: 15px;
padding-left: 30px;
padding-right: 25px;
}
.categories-box.taller {
padding-top: 10px;
padding-bottom: 10px;
}
.cell-171, .cell-172, .cell-173, .cell-174 {
justify-content: center;
align-items: flex-start;
}
.heading-65 {
margin-left: 30px;
}
.portfolio-heading {
background-color: var(--may--brown);
color: var(--may--cream);
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 40px;
font-family: Hibana, sans-serif;
font-size: 18px;
line-height: 40px;
}
.heading-66 {
color: var(--may--brown);
text-align: left;
margin-bottom: 0;
margin-left: 40px;
font-family: Hibana, sans-serif;
font-size: 24px;
line-height: 40px;
}
.heading-2-column-cells {
justify-content: center;
align-items: flex-start;
display: flex;
}
.quick-stack-49 {
grid-column-gap: 60px;
grid-row-gap: 60px;
margin-top: 120px;
margin-left: 100px;
margin-right: 100px;
}
.cell-175 {
justify-content: center;
align-items: flex-start;
}
.cell-176 {
justify-content: flex-start;
align-items: flex-start;
}
.bold-text-44 {
-webkit-text-stroke-width: 1px;
font-family: Karla, sans-serif;
font-size: 18px;
font-weight: 400;
}
.bold-text-45, .bold-text-46 {
font-family: Manrope, sans-serif;
}
.cell-177 {
font-family: Bitter, serif;
}
.italic-text-32 {
font-style: normal;
font-weight: 700;
}
.italic-text-33, .italic-text-34, .italic-text-35, .italic-text-36, .italic-text-37 {
font-style: normal;
}
.image-509 {
aspect-ratio: 1000 / 1350;
object-fit: cover;
border: 1px solid #000;
font-family: Messapia, sans-serif;
}
.text-block-84 {
letter-spacing: 0;
margin-top: 20px;
font-family: Karla, sans-serif;
font-size: 13px;
line-height: 18px;
}
.bold-text-47 {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 14px;
}
.cell-178, .cell-179 {
justify-content: center;
align-items: center;
}
.text-block-85 {
direction: ltr;
color: #000;
letter-spacing: -1px;
font-family: GFS Bodoni, Times New Roman, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 300;
text-decoration: none;
}
.cell-180 {
justify-content: flex-start;
align-items: center;
}
.cell-181 {
justify-content: center;
align-items: center;
}
.image-510 {
margin-top: 0;
padding-right: 10px;
}
.image-511 {
margin-top: 0;
padding-left: 10px;
padding-right: 40px;
}
.cell-182 {
justify-content: center;
align-items: center;
}
.cell-183 {
justify-content: flex-start;
align-items: center;
}
.quick-stack-50 {
grid-column-gap: 40px;
grid-row-gap: 60px;
max-width: 70vw;
margin-top: 60px;
margin-left: 0;
margin-right: 0;
}
.cell-184, .cell-185 {
justify-content: center;
align-items: center;
}
.image-512 {
padding-left: 0;
padding-right: 0;
}
.image-513 {
padding-right: 40px;
}
.cell-186 {
justify-content: flex-start;
align-items: center;
}
.image-514 {
aspect-ratio: 1200 / 1790;
object-fit: fill;
padding-right: 0;
}
.cell-187 {
justify-content: center;
align-items: center;
}
.cell-188, .cell-189, .cell-190 {
justify-content: center;
align-items: flex-start;
}
.section-headings {
letter-spacing: -1px;
text-transform: none;
margin-top: 40px;
margin-bottom: 0;
font-family: Karla, sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 30px;
}
.section-headings._100 {
margin-top: 100px;
}
.cell-191 {
justify-content: flex-start;
align-items: center;
}
.cell-192 {
justify-content: center;
align-items: center;
}
.cell-193 {
justify-content: flex-start;
align-items: center;
}
.cell-194 {
justify-content: center;
align-items: flex-start;
}
.image-515 {
margin-left: 0;
padding-left: 60px;
}
.image-516 {
padding-right: 30px;
}
.cell-195, .cell-196, .cell-197 {
justify-content: center;
align-items: flex-start;
}
.cell-198 {
justify-content: center;
align-items: center;
}
.cell-199 {
justify-content: flex-end;
align-items: center;
}
.image-517 {
margin-top: 0;
padding-left: 20px;
padding-right: 0;
}
.cell-200 {
justify-content: center;
align-items: center;
}
.image-518 {
margin-top: 0;
}
.cell-201 {
justify-content: center;
align-items: center;
}
.cell-202 {
justify-content: flex-start;
align-items: center;
}
.image-519 {
width: 50%;
max-width: none;
max-height: none;
padding-left: 0;
padding-right: 0;
}
.cell-203 {
justify-content: flex-start;
align-items: center;
}
.cell-204, .cell-205, .cell-206, .cell-207 {
justify-content: center;
align-items: center;
}
.cell-208 {
justify-content: flex-start;
align-items: center;
}
.cell-209 {
justify-content: flex-end;
align-items: center;
}
.image-520 {
padding: 40px 60px 40px 40px;
}
.image-521 {
padding-left: 60px;
padding-right: 60px;
}
.cell-210 {
justify-content: center;
align-items: flex-start;
}
.image-522 {
padding: 40px 40px 40px 60px;
}
.image-523 {
padding-right: 13px;
}
.image-524 {
margin-top: 40px;
}
.cell-211, .cell-212, .cell-213 {
justify-content: center;
align-items: center;
}
.image-525 {
margin-top: 40px;
}
.cell-214, .cell-215, .cell-216 {
justify-content: center;
align-items: center;
}
.quick-stack-51 {
max-width: 80vw;
margin: 60px 60px 0;
}
.cell-217, .cell-218, .cell-219 {
justify-content: center;
align-items: center;
}
.cell-220 {
justify-content: flex-end;
align-items: center;
}
.cell-221, .cell-222, .cell-223, .cell-224, .cell-225 {
justify-content: center;
align-items: center;
}
.quick-stack-52 {
grid-column-gap: 40px;
max-width: 65vw;
margin: 0 0 40px;
}
.image-526, .image-527 {
padding-left: 60px;
padding-right: 60px;
}
.cell-226, .cell-227 {
justify-content: center;
align-items: center;
}
.quick-stack-53 {
max-width: 80vw;
margin-bottom: 100px;
margin-left: 0;
margin-right: 0;
}
.cell-228, .cell-229 {
justify-content: center;
align-items: center;
}
.cell-230 {
justify-content: space-between;
align-items: center;
}
.cell-231, .cell-232, .cell-233, .cell-234, .cell-235, .cell-236, .cell-237 {
justify-content: center;
align-items: center;
}
.quick-stack-54 {
grid-column-gap: 60px;
grid-row-gap: 40px;
max-width: 70vw;
margin-left: 0;
margin-right: 0;
}
.image-528 {
border-radius: 0;
padding-left: 40px;
padding-right: 0;
}
.image-529 {
border-radius: 0;
padding-left: 0;
padding-right: 40px;
}
.image-530 {
border-radius: 0;
padding-left: 40px;
padding-right: 0;
}
.image-531 {
border-radius: 0;
padding-left: 0;
padding-right: 40px;
}
.quick-stack-55 {
grid-row-gap: 60px;
max-width: 85vw;
margin-top: 60px;
margin-left: 0;
margin-right: 0;
}
.cell-238 {
justify-content: center;
align-items: center;
}
.image-532, .image-533 {
padding-left: 0;
padding-right: 0;
}
.cell-239, .cell-240, .cell-241 {
justify-content: center;
align-items: center;
}
.quick-stack-56 {
grid-column-gap: 40px;
grid-row-gap: 180px;
max-width: 70vw;
margin-top: 60px;
margin-left: 0;
margin-right: 0;
}
.cell-242, .cell-243 {
justify-content: center;
align-items: center;
}
.quick-stack-57 {
grid-column-gap: 40px;
grid-row-gap: 100px;
margin: 100px;
}
.cell-244 {
justify-content: center;
align-items: center;
}
.image-534 {
padding-left: 0;
}
.cell-245 {
justify-content: center;
align-items: flex-start;
}
.image-535 {
padding-left: 0;
padding-right: 0;
}
.image-536 {
align-self: center;
padding-left: 0;
}
.image-537 {
padding-right: 0;
}
.image-538 {
padding-left: 0;
padding-right: 0;
}
.quick-stack-58 {
grid-column-gap: 20px;
grid-row-gap: 40px;
max-width: 70vw;
margin-top: 60px;
margin-left: 0;
margin-right: 0;
}
.image-539 {
padding-bottom: 0;
padding-left: 29px;
padding-right: 29px;
}
.cell-246 {
justify-content: center;
align-items: center;
}
.image-540 {
padding-left: 10px;
padding-right: 10px;
}
.cell-247 {
justify-content: center;
align-items: center;
}
.image-541, .image-542 {
border: 1px solid #000;
border-radius: 10px;
}
.section-169 {
background-color: #0000;
border: 1px #000;
justify-content: center;
align-items: center;
margin-top: 100px;
padding: 100px;
display: flex;
}
.section-169:hover {
background-color: var(--jan--black);
color: var(--jan--white);
}
.heading-67 {
color: var(--jan--black);
letter-spacing: -1px;
font-family: GFS Bodoni, Times New Roman, sans-serif;
font-size: 65px;
font-style: italic;
font-weight: 400;
line-height: 80px;
text-decoration: none;
}
.link-block-47 {
text-decoration: none;
}
.button-3 {
color: var(--jan--black);
text-align: center;
background-color: #fff;
width: 100vw;
max-width: none;
height: 20vh;
padding-left: 20px;
padding-right: 20px;
}
.text-block-86 {
color: var(--jan--black);
letter-spacing: -1px;
padding: 100px 220px;
font-family: GFS Bodoni, Times New Roman, sans-serif;
font-size: 60px;
font-style: italic;
line-height: 60px;
}
.text-block-86:hover {
color: var(--jan--white);
}
.link-block-48 {
border-top: 1px solid #000;
justify-content: center;
align-items: center;
margin-top: 100px;
padding: 0;
text-decoration: none;
transition: color .2s, background-color .2s;
display: flex;
}
.link-block-48:hover {
background-color: var(--jan--black);
color: var(--jan--white);
text-decoration: none;
}
.div-block-153 {
flex-flow: wrap;
margin-bottom: 5px;
display: flex;
}
.image-543 {
filter: drop-shadow(0 2px 5px #000000b3);
}
.image-544 {
-webkit-backdrop-filter: drop-shadow(-15px 2px 5px var(--jan--black));
backdrop-filter: drop-shadow(-15px 2px 5px var(--jan--black));
}
.cell-248, .cell-249 {
justify-content: flex-start;
align-items: center;
}
.cell-250 {
justify-content: center;
align-items: center;
}
.cell-251 {
justify-content: flex-start;
align-items: center;
}
.cell-252 {
justify-content: center;
align-items: center;
}
.quick-stack-59 {
grid-column-gap: 40px;
grid-row-gap: 40px;
max-width: 80vw;
margin: 40px 0;
}
.quick-stack-59.bottom {
grid-column-gap: 30px;
grid-row-gap: 30px;
max-width: 70vw;
margin-top: 10px;
margin-bottom: 60px;
}
.cell-253 {
justify-content: flex-start;
align-items: center;
}
.cell-254 {
justify-content: center;
align-items: flex-start;
}
.cell-255 {
justify-content: center;
align-items: center;
}
.image-545 {
aspect-ratio: 1080 / 1665;
object-fit: contain;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.image-546 {
margin-top: 0;
}
.image-547 {
margin-top: 100px;
}
.quick-stack-60 {
grid-column-gap: 60px;
grid-row-gap: 60px;
max-width: 70vw;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.quick-stack-61 {
max-width: 70vw;
margin-top: 40px;
margin-left: 0;
margin-right: 0;
}
.quick-stack-61.fair {
max-width: 70vw;
margin-top: 0;
}
.quick-stack-62 {
max-width: 70vw;
margin: 100px;
}
.cell-256 {
justify-content: flex-start;
align-items: center;
}
.cell-257 {
justify-content: flex-start;
align-items: flex-start;
}
.heading-68 {
letter-spacing: -2px;
font-weight: 400;
}
.heading-69 {
font-size: 34px;
}
.image-548 {
aspect-ratio: auto;
object-fit: cover;
width: 800px;
height: 550px;
position: static;
}
.cell-258 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-549 {
object-fit: cover;
width: 800px;
height: 550px;
}
.cell-259, .cell-260, .cell-261, .cell-262 {
justify-content: flex-start;
align-items: center;
}
.container-24 {
flex-flow: column;
max-width: 70vw;
display: flex;
}
.illust {
text-align: left;
margin-bottom: 20px;
}
.tabs {
display: none;
}
.cell-263, .cell-264, .cell-265 {
justify-content: center;
align-items: center;
}
.div-block-154 {
aspect-ratio: 1;
width: auto;
height: auto;
overflow: clip;
}
.image-550 {
aspect-ratio: 1;
outline-offset: 0px;
object-fit: cover;
border: 1px solid #000;
outline: 3px #333;
position: static;
}
.image-551, .image-552, .image-553 {
border: 1px solid #000;
}
.image-554 {
aspect-ratio: 1000 / 1350;
object-fit: contain;
border: 1px solid #000;
}
.image-555 {
aspect-ratio: 1000 / 1350;
object-fit: cover;
border: 1px solid #000;
padding-left: 10px;
padding-right: 10px;
}
.container-25 {
margin-top: 60px;
}
.cell-266 {
justify-content: flex-start;
align-items: flex-start;
}
.section-170 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 100px;
margin-bottom: 140px;
display: flex;
}
.cell-267 {
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-end;
align-items: flex-start;
display: flex;
}
.cell-268 {
justify-content: center;
align-items: center;
}
.image-556 {
aspect-ratio: 1;
object-fit: cover;
}
.cell-269 {
justify-content: flex-end;
align-items: center;
}
.cell-270 {
justify-content: flex-start;
align-items: center;
}
.image-557 {
aspect-ratio: 1000 / 780;
object-fit: cover;
}
.image-558 {
aspect-ratio: 1;
object-fit: cover;
}
.cell-271 {
justify-content: flex-start;
align-items: center;
}
.cell-272 {
justify-content: center;
align-items: center;
}
.div-block-155 {
aspect-ratio: 1;
overflow: clip;
}
.image-559 {
aspect-ratio: auto;
}
.cell-273 {
padding-bottom: 100px;
}
.cell-274 {
justify-content: center;
align-items: center;
}
.section-171 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-560 {
aspect-ratio: 1200 / 1800;
object-fit: contain;
}
.image-561 {
aspect-ratio: 1200 / 1800;
object-fit: fill;
}
.cell-275 {
justify-content: center;
align-items: center;
}
.image-562 {
aspect-ratio: 1200 / 1871;
object-fit: fill;
}
.cell-276 {
justify-content: flex-start;
align-items: center;
}
.quick-stack-63 {
max-width: 70vw;
margin-top: 140px;
margin-bottom: 140px;
}
.section-172 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.container-26 {
justify-content: space-between;
max-width: 80vw;
display: flex;
}
.quick-stack-64 {
grid-column-gap: 40px;
grid-row-gap: 40px;
max-width: 70vw;
margin-top: 60px;
margin-bottom: 100px;
}
.quick-stack-65 {
max-width: 70vw;
margin-bottom: 60px;
}
.cell-277 {
justify-content: flex-end;
align-items: center;
}
.cell-278 {
justify-content: flex-start;
align-items: center;
}
.image-563 {
max-width: 70vw;
}
.section-173 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.cell-279, .cell-280, .cell-281 {
justify-content: center;
align-items: center;
}
.italic-text-38, .italic-text-39 {
font-size: 32px;
}
.quick-stack-66 {
grid-column-gap: 160px;
grid-row-gap: 160px;
max-width: 70vw;
}
.cell-282 {
grid-column-gap: 100px;
grid-row-gap: 100px;
justify-content: center;
align-items: center;
}
.quick-stack-67 {
grid-column-gap: 140px;
grid-row-gap: 140px;
max-width: 70vw;
}
.cell-283 {
justify-content: flex-start;
align-items: center;
}
.quick-stack-68 {
max-width: 70vw;
}
.cell-284 {
justify-content: center;
align-items: center;
}
.image-564 {
aspect-ratio: 361 / 462;
object-fit: cover;
}
.quick-stack-69 {
max-width: 75vw;
margin-bottom: 60px;
padding-top: 0;
padding-bottom: 0;
}
.drop-shadow {
box-shadow: -1px -2px 9px 2px #0000001c;
}
.cell-285 {
justify-content: flex-start;
align-items: center;
}
.image-565 {
border: 1px solid #000;
margin-top: 20px;
margin-bottom: 0;
}
.image-566, .image-567, .image-568 {
border: 1px solid #000;
}
.cell-286 {
justify-content: flex-start;
align-items: center;
}
.image-569 {
border: 1px solid #000;
}
.link-28 {
color: var(--jan--black);
font-family: Karla, sans-serif;
font-size: 16px;
}
.link-28:hover {
color: var(--may--bleu);
font-weight: 300;
}
.link-28.w--current {
color: var(--may--bleu);
font-family: Karla, sans-serif;
font-size: 16px;
font-weight: 400;
}
.div-block-156 {
background-color: #0000;
}
.text-block-87 {
position: static;
inset: 0% auto auto 0%;
}
.section-174 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.lightbox-link-246, .lightbox-link-247 {
display: flex;
}
.image-570, .image-571 {
object-fit: cover;
}
.lightbox-link-248 {
display: flex;
}
.image-572 {
object-fit: cover;
}
.lightbox-link-249 {
display: flex;
}
.image-573 {
object-fit: cover;
}
@media screen and (max-width: 991px) {
a {
width: 300px;
}
.heading.og-home {
font-size: 50px;
}
.heading.og-home.ash {
display: block;
}
.heading.og-home.ash._2 {
margin-top: 40px;
}
.navbar {
background-image: none;
}
.brand {
width: auto;
max-width: none;
margin-top: 10px;
margin-left: 0;
padding-left: 20px;
display: none;
}
.brand.w--current {
margin-left: 20px;
display: none;
}
.nav-link {
background-color: #ffffff59;
max-width: none;
margin-left: 0;
margin-right: 5px;
padding: 5px;
display: inline-block;
}
.lightbox-link {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.image-4 {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.nav-menu {
background-color: #0000;
width: 300px;
margin-top: 40px;
margin-left: 0;
margin-right: 140px;
inset: 0% 0% auto auto;
}
.text-block-2 {
color: #fff;
margin-top: 20px;
margin-left: 0;
display: block;
}
.contact-form-section {
margin-bottom: 0;
}
.intro-div {
margin-left: 40px;
}
.image-14 {
max-width: 70%;
}
.contact-ash {
width: auto;
font-size: 60px;
line-height: 50px;
}
.contact-ash.contact-pg {
margin-left: 0;
margin-right: 0;
font-size: 45px;
line-height: 45px;
}
.contact-ash.bonus {
text-align: center;
width: auto;
margin-bottom: 10px;
font-size: 26px;
font-weight: 500;
line-height: 28px;
}
.contact-form.contact {
width: 500px;
padding-left: 0;
padding-right: 0;
}
.contact-me-today {
width: 200px;
font-size: 24px;
}
.contact-me-today.email {
width: 250px;
margin-left: 106px;
font-size: 18px;
line-height: 20px;
}
.footer-text {
align-items: center;
margin-top: 0;
padding-bottom: 0;
}
.name {
margin-top: 0;
}
.name-field, .name-field.design, .email-field, .email-field.design {
width: auto;
}
.client-name.balcom {
font-size: 34px;
}
.client-name.balcom.illust {
font-size: 38px;
}
.client-name.balcom.illust.halmoni {
font-size: 30px;
}
.client-name.balcom.illust.long {
font-size: 34px;
line-height: 36px;
}
.client-name.balcom.sunkin {
font-size: 44px;
line-height: 48px;
}
.project-name {
margin-left: 40px;
margin-right: 40px;
font-size: 36px;
}
.project-name.bcc-tees {
margin: 20px 40px 0;
font-size: 36px;
line-height: 36px;
}
.project-name.plntrs {
font-size: 36px;
line-height: 40px;
}
.balcom-logo-grid.plntrs-logo.plntrs {
grid-template-columns: .25fr .5fr .75fr .75fr 1fr 1fr .75fr;
margin-bottom: 40px;
padding-bottom: 0;
}
.balcom-logo-grid.plntrs-logo.plntrs.character {
grid-template-rows: auto auto auto auto auto 40px auto auto auto;
margin-top: 20px;
margin-bottom: 40px;
}
.balcom-logo-grid.plntrs-logo.plntrs.character.self-care {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr .25fr 1fr .75fr;
margin-top: 20px;
margin-bottom: 100px;
padding-bottom: 0;
}
.balcom-logo-grid.plntrs-logo.plntrs.character.sunkin {
grid-template-rows: auto minmax(auto, 350px) 60px auto auto 60px auto auto minmax(40px, 40px) auto minmax(40px, 40fr);
}
.balcom-logo-grid.invites {
grid-template-columns: .5fr 1fr 1fr 1fr .25fr 1fr 1fr 1fr 1fr;
margin: 20px 40px 100px;
padding-bottom: 0;
}
.balcom-logo-grid.hibiscus {
margin-top: 40px;
}
.balcom-logo-grid.logo-presentation {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto auto 80px auto auto 40px auto;
grid-template-columns: 1fr 1fr 1fr 1fr .5fr;
margin-top: 40px;
margin-left: 60px;
padding-bottom: 0;
}
.project-description.balcom {
margin-left: 40px;
margin-right: 40px;
font-size: 18px;
line-height: 24px;
}
.project-description.balcom.tees {
white-space: normal;
margin-top: 10px;
margin-left: 40px;
margin-right: 40px;
font-size: 18px;
line-height: 24px;
}
.page-header.bcc {
height: 100px;
margin-top: 100px;
}
.page-header.bcc.illo {
height: 110px;
margin-top: 116px;
}
.page-header.plntrs {
margin-top: 80px;
}
.project-section, .project-section.bcc-logo.plntrs, .project-section.bcc-tees {
padding-top: 20px;
padding-bottom: 20px;
}
.black-shirt-section {
margin-top: 20px;
margin-bottom: 40px;
}
.round-heading {
padding: 10px 20px;
font-size: 26px;
}
.round-heading.bcc-1st-rd {
width: auto;
padding: 10px 20px;
font-size: 26px;
}
.round-heading.bcc-1st-rd.client-chose {
width: auto;
}
.round-heading.bcc-1st-rd.final-logo {
width: auto;
margin-top: 0;
margin-left: 0;
}
.round-heading.sub-comment.rt, .round-heading.sub-comment.first.logo-opts {
width: auto;
}
.round-heading.sub-comment.first.logo-opts.tees {
min-width: 220px;
margin-left: 20px;
}
.round-heading.sub-comment.first.logo-opts.tee-up {
margin-right: 0;
}
.round-heading.sub-comment.first.hibiscus {
width: 215px;
height: 180px;
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
.round-heading.sub-comment.first.hibiscus.bottom.ugh {
width: 210px;
height: 180px;
}
.round-heading.sub-comment.final {
width: auto;
height: auto;
margin-left: 0;
}
.miss-moo-logo-green {
margin-right: 20px;
padding-right: 10px;
}
.miss-moo-logo-image {
padding-left: 20px;
}
.hibiscus-miss-moo-full-color-image {
margin-right: 40px;
padding-right: 0;
}
.image-of-2nd-logo-opts {
margin-right: 0;
padding-right: 60px;
}
.title.under-construction {
margin-left: 40px;
margin-right: 40px;
font-size: 32px;
line-height: 38px;
}
.process-title-section {
padding: 10px;
}
.process-title-section.plntrs.readaptation {
margin-top: 20px;
}
.process-title-section.plntrs.final {
margin-top: 0;
}
.process-title-section.under-construction {
margin-bottom: 100px;
padding-top: 20px;
padding-bottom: 20px;
}
.balcom-tees-grid, .balcom-tees-grid.black {
margin-left: 20px;
margin-right: 20px;
}
.plntrs-logo-section {
margin-left: 40px;
margin-right: 40px;
}
.contact-section {
margin-top: 80px;
}
.contact-section.heading {
background-size: 500px 180px;
}
.columns-contact-form {
margin-bottom: 40px;
margin-left: 0;
margin-right: 0;
}
.columns-contact-form.illo {
padding-top: 60px;
}
.contact-lt-div {
margin-left: 0;
margin-right: 11px;
}
.rt-contact-column {
padding: 0 40px 0 20px;
}
.contact-rt-div {
margin-left: 60px;
}
.contact-rt-div.contact-pg {
margin-left: 100px;
margin-right: 100px;
}
.logo-sticker-grid {
height: 500px;
margin-bottom: 100px;
}
.photos-section {
margin-bottom: 0;
}
.photos-section.plntrs-logo {
margin-bottom: 20px;
}
.hibiscus-cider-image-grid {
margin-left: 40px;
margin-right: 40px;
}
.readaptation-title-section {
margin-top: 40px;
}
.project-type {
font-size: 30px;
line-height: 30px;
}
.project-type.invites {
font-size: 36px;
line-height: 40px;
}
.plntrs-logo-image {
padding-left: 100px;
padding-right: 20px;
}
.final-design-heading {
width: 50px;
margin-left: 0;
font-size: 26px;
}
.final-design-heading.final-design-plntrs-character {
margin-right: 0;
}
.final-design-heading.final-design-plntrs-character.sunkin {
width: 60px;
padding-top: 10px;
padding-bottom: 10px;
}
.final-design-heading.final-design-plntrs-character.invites {
width: 50px;
font-size: 28px;
}
.image-69 {
max-width: 30%;
margin-top: 60px;
padding-right: 0;
}
.paragraph-11 {
width: 330px;
margin-top: 0;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
line-height: 28px;
}
.paragraph-11.love-to-learn {
margin-left: 20px;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
font-size: 20px;
line-height: 28px;
}
.shirts-gif-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.shirts-gif-grid.shirts {
grid-column-gap: 40px;
margin-left: 0;
margin-right: 0;
}
.black-shirt-back-design-ltbox, .white-shirt-back-design-ltbox {
width: auto;
}
.footer {
margin-top: 10px;
margin-bottom: 0;
display: block;
}
.final-design-caption {
margin-left: 80px;
font-size: 18px;
}
.final-design-caption.final1 {
margin-left: 40px;
}
.final-design-caption.final1.logo-plntrs {
padding-right: 50px;
font-size: 16px;
line-height: 22px;
}
.final-design-caption.final1.illust {
width: 220px;
font-size: 16px;
line-height: 22px;
}
.final-design-caption.final1.illust.rt {
margin-top: 0;
}
.final-design-caption.final1.tablet {
margin-top: 0;
margin-left: 0;
padding-right: 20px;
font-size: 16px;
line-height: 22px;
}
.final-design-caption.final2 {
padding-right: 20px;
font-size: 16px;
line-height: 22px;
}
.final-design-caption.plntrs-character {
margin-top: 20px;
font-size: 16px;
line-height: 22px;
}
.final-design-caption.plntrs-character.self-care {
margin-left: 5px;
}
.final-design-caption.plntrs {
width: 430px;
margin-top: 20px;
margin-bottom: 40px;
margin-left: 0;
font-size: 16px;
line-height: 22px;
}
.final-design-caption.character {
font-size: 16px;
line-height: 22px;
}
.plntrs-1-ltbox, .plntrs-2-ltbox {
width: auto;
}
.plntrs-sticker, .plntrs-sign {
overflow: hidden;
}
.plntrs-water-bottle-ltbox, .plntrs-sign-ltbox {
width: auto;
}
.plntrs-screenshot {
padding-right: 40px;
}
.first-sketch-ltbox, ._4-ciders-ltbox {
width: auto;
}
.explore-each-cider {
margin: 10px 10px 10px 0;
padding-right: 0;
font-size: 20px;
}
.olympics-character-image {
margin-left: 0;
padding-top: 0;
display: inline-block;
}
.jumpman-image {
margin-top: 80px;
padding-left: 0;
}
.character-jump-sketch {
object-fit: cover;
margin-top: 0;
}
.plant-care-is-self-care-section {
margin-left: 40px;
margin-right: 40px;
}
.final-thoughts {
margin: 20px 60px 40px;
font-size: 18px;
line-height: 24px;
}
.plant-illo-ltbox {
margin-top: 20px;
margin-left: 0;
}
.plant-illo-ltbox.plant2 {
margin-left: 0;
}
.grid-16 {
grid-column-gap: 15px;
grid-template-rows: minmax(auto, 1fr) auto minmax(auto, 220px) 30px auto minmax(auto, 260px) 30px auto minmax(auto, 200px);
margin-bottom: 0;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 20px;
}
.plntrs-logo-link.design2 {
align-content: stretch;
width: auto;
}
.plntrs-character-link.design2, .bcc-ciders-link.design2, .bcc-shirts-link, .bcc-logo-link, .andymag-link {
width: auto;
}
.final-design-div {
justify-content: flex-start;
}
.final-design-div.sunkin {
justify-content: flex-start;
margin-left: 10px;
}
.olympics-character-ltbox {
width: auto;
margin-left: 20px;
}
.jumpman-ltbox {
width: auto;
margin-left: 0;
}
.blk-shirt-back-ltbox, .black-shirt-front-ltbox, .black-shirt-front-design-ltbox, .white-pocket-design-ltbox, .white-pocket-ltbox, .white-shirt-back-ltbox {
width: auto;
}
.white-back-shirt-image {
margin-bottom: 20px;
}
.hibiscus-ltbox {
flex-wrap: wrap;
justify-content: space-between;
width: auto;
}
.imperial-ltbox {
flex-wrap: wrap;
place-content: stretch space-between;
width: auto;
}
.saison-ltbox {
flex-wrap: wrap;
justify-content: space-between;
width: auto;
}
._w-mash-ltbox {
flex-wrap: wrap;
place-content: stretch space-between;
width: auto;
}
.saison-image {
object-fit: cover;
}
.plntrs-final-logo-ltbox, .plntrs-screenshot-ltbox {
width: auto;
}
.illust-cursor.illust {
display: block;
}
.click-me-cursor-cider {
margin-left: 129px;
display: none;
}
.click-me-cursor-cider.hibiscus {
margin-left: 130px;
display: none;
}
.click-me-cursor-cider.new {
margin-left: 10vw;
display: block;
}
.image-of-1st-logo-options {
margin: 20px;
}
._1st-rd-logos-div {
max-width: 250px;
}
.ciders-grid {
grid-column-gap: 20px;
margin-left: 0;
margin-right: 0;
}
.design-heading {
margin-top: 100px;
}
.projects-heading, .projects-heading.illo {
margin-left: 140px;
margin-right: 140px;
}
.dropdown {
margin-left: 0;
}
.text-block-20 {
margin-left: 0;
margin-right: 0;
display: inline-block;
}
.link-block-8 {
margin-left: 0;
margin-right: 0;
padding-left: 5px;
}
.link-block-8.w--current {
margin-left: -2px;
margin-right: 0;
}
.ig-logo-section {
margin-top: 0;
display: none;
}
._2-ciders-ltbox, .original-logo-ltbox, .plntrs-3-ltbox, .plntrs-4-ltbox, .final-plntrman-ltbox {
width: auto;
}
.illustration {
grid-column-gap: 24px;
grid-template-rows: auto minmax(auto, 280px) minmax(auto, 1fr) 30px auto minmax(auto, 280px) 30px auto minmax(auto, 280px);
margin-left: 0;
margin-right: 0;
}
.about-columns-1 {
max-width: 80vw;
height: 50vh;
margin-top: 60px;
padding-left: 0;
padding-right: 0;
}
.froggy-image {
margin-top: 0;
padding-right: 20px;
}
.text-block-21 {
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 26px;
}
.about-columns-2.bottom {
max-width: 80vw;
height: 50vh;
margin: 0 20px 60px;
}
.about-columns-2.face {
max-width: 80vw;
height: 50vh;
margin-left: 0;
margin-right: 0;
}
.hi-section {
background-size: 680px 220px;
margin-top: 100px;
padding-top: 0;
}
.click-me-cursor {
display: block;
}
.link-block-koreangurls, .link-block-sunkin, .link-block-eulogies, .link-block-halmoni, .link-block-spirits, .link-block-penink, .link-block-poetry, .link-block-montero, .link-block-invites {
width: auto;
}
.image-144 {
max-width: 100%;
}
.forest-caption-text-block {
font-size: 16px;
line-height: 22px;
}
.paragraph-illust.long {
max-width: 75vw;
margin-left: 60px;
margin-right: 60px;
font-size: 16px;
line-height: 22px;
}
.paragraph-illust.sunkin {
margin-left: 40px;
font-size: 16px;
line-height: 22px;
}
.sun-kin-button.new {
width: 200px;
margin-top: 20px;
margin-left: 100px;
padding: 20px 10px;
font-size: 22px;
font-weight: 400;
line-height: 26px;
text-decoration: none;
}
.forest-1-ltbox, .forest-2-ltbox, .forest-3-ltbox, .purification-g-ltbox, .still-2-ltbox, .still-3-ltbox, .still-4-ltbox, .still-5-ltbox, .still-6-ltbox {
width: auto;
}
.illust-section, .illust-section.halmoni {
margin-top: 40px;
margin-bottom: 40px;
}
.illust-grid.halmoni {
grid-row-gap: 40px;
max-width: 80vw;
margin-bottom: 140px;
margin-left: 20px;
margin-right: 20px;
}
.illust-grid.halmoni._3 {
max-width: 80vw;
}
.illust-grid.poems {
grid-row-gap: 20px;
margin-bottom: 40px;
margin-left: 40px;
margin-right: 40px;
}
.illust-grid.poems._2 {
max-width: 80vw;
}
.illust-grid.nasx, .illust-grid.penink {
max-width: 80vw;
margin-left: 0;
margin-right: 0;
}
.illust-grid.korean-gurls {
grid-row-gap: 60px;
max-width: 80vw;
margin-bottom: 40px;
margin-left: 40px;
margin-right: 40px;
}
.illust-grid.spirits {
max-width: 80vw;
margin-bottom: 40px;
margin-left: 40px;
margin-right: 40px;
}
.illust-grid.froggy {
grid-column-gap: 40px;
max-width: 80vw;
margin-top: 0;
}
.illust-grid.froggy.shorts {
grid-column-gap: 60px;
max-width: none;
margin-top: 40px;
margin-left: 40px;
margin-right: 40px;
}
.illust-grid.everythingeverywhere {
grid-column-gap: 20px;
}
.poetry-caption {
font-size: 14px;
}
.halmoni-text-section {
margin-top: 0;
margin-bottom: 40px;
padding-top: 20px;
padding-bottom: 20px;
}
.halmoni-text-section.last {
margin-bottom: 140px;
}
.halmoni-heading, .halmoni-heading._2 {
margin-left: 40px;
margin-right: 40px;
font-size: 24px;
line-height: 28px;
}
.burning-video-section {
margin-left: 140px;
margin-right: 140px;
}
.spirit-smoking-ltbox, .namsan-ltbox {
width: auto;
}
.eulogies-ltbox {
width: auto;
margin-left: 140px;
margin-right: 140px;
}
.left-arrow {
margin-left: 20px;
}
.right-arrow {
margin-right: 20px;
}
.caption {
font-size: 16px;
}
.bold-text-5.christ {
width: 500px;
margin-left: 40px;
font-size: 16px;
line-height: 20px;
}
.space-image {
object-fit: contain;
}
.montero-image-section {
justify-content: center;
display: flex;
}
.twins-1-ltbox, .twins-2-ltbox, .discipline-ltbox, .power-lines-ltbox, .dom-ltbox, .spirit-painting-ltbox {
width: auto;
}
.invites-description {
margin-bottom: 40px;
margin-left: 100px;
margin-right: 100px;
}
.invites-grid {
grid-row-gap: 20px;
margin-bottom: 100px;
}
.invitations-descript {
margin: 0;
font-family: Space Grotesk;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.flyers-grid {
margin-top: 20px;
margin-left: 40px;
margin-right: 40px;
}
.contact-pg-title-section {
margin-top: 100px;
}
.contact-me-heading {
margin-top: 0;
}
.form {
width: auto;
margin-left: 20px;
margin-right: 20px;
}
.text-span-2, .text-span-4 {
font-size: 20px;
}
.text-span-5 {
font-size: 36px;
}
._2nd-left-column {
padding-right: 40px;
}
.progress-bar {
margin-top: 0;
}
.business-description-section {
padding-left: 40px;
padding-right: 40px;
}
.business-description {
font-size: 16px;
line-height: 20px;
}
.final-front-ltbox, .final-back-ltbox {
width: auto;
}
.watch-pg-columns {
margin-bottom: 40px;
}
.space-ltbox, .horses-ltbox {
width: auto;
}
.horses-image, .jjigae-image {
object-fit: contain;
}
.logo-sticker-lightbox {
flex-wrap: wrap;
place-content: stretch space-between;
width: auto;
overflow: hidden;
}
.wedding-1-invite-ltbox {
width: auto;
}
.concert-flyers-section {
margin-bottom: 60px;
}
.wedding-2-invite-ltbox, .baby-ltbox, .chartreuse-ltbox, .ty-ltbox, .senior-ltbox, .looking-at-sea-ltbox, .night-sea-ltbox, .braiding-ltbox, .tiger-gif-ltbox, .luvee-ltbox, .grandpa-image {
width: auto;
}
.me {
object-fit: cover;
margin-left: 0;
margin-right: 0;
}
.step-heading {
margin-left: 40px;
font-size: 34px;
line-height: 40px;
}
.caption-paragraph {
font-size: 18px;
}
.caption-paragraph.white-shirt {
width: 220px;
}
.logo-adaptation-caption {
font-size: 18px;
line-height: 24px;
}
.white-shirt-section {
margin-top: 20px;
margin-bottom: 40px;
}
.project-heading {
font-size: 28px;
}
.character-jump-ltbox, .lavender-vert-ltbox, .lavender-horiz-ltbox, .green-horiz-ltbox, .green-vert-ltbox, .jjigae-ltbox, .ears-ltbox {
width: auto;
}
.ears-image {
object-fit: contain;
}
.illust-images-section {
margin-bottom: 60px;
}
.halmoni-section-1 {
margin-top: 100px;
margin-bottom: 0;
}
.halmoni-section-2 {
margin-top: 140px;
}
.altar-ltbox, .tomb-ltbox {
width: auto;
}
.grandpa-section {
margin-top: 140px;
}
.grandpa-ltbox {
width: auto;
}
.urns-section {
margin-top: 140px;
}
.urns-ltbox {
width: auto;
}
.burning-video {
max-width: none;
margin-bottom: 140px;
}
.pen-ink-main-section {
justify-content: center;
}
.lone-ranger-ltbox, .lizzie-ltbox, .melting-ltbox, .fan-dance-ltbox, .enlighten-me-ltbox, .cranes-ltbox, .mlk-ltbox, .mlk-johnson-ltbox, .kaepernick-ltbox, .driving-ltbox {
width: auto;
}
._3rd-right-column {
justify-content: center;
}
.container-12 {
width: 50px;
}
.navbar-3 {
display: none;
}
.ajkhere-fixed {
margin-bottom: 80px;
display: none;
}
.fab-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: center;
display: none;
bottom: 8%;
right: 8%;
}
.fab {
cursor: pointer;
width: 145px;
}
.fab-link-shape {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be2ff8c69c243f405f4a9f_red.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 125px 60px;
justify-content: center;
align-items: center;
width: 125px;
height: 65px;
display: flex;
}
.fab-link-shape.contact {
cursor: auto;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61b79b9635b8a9a167819381_orange.png");
background-position: 50%;
background-size: 155px 86px;
}
.fab-link-shape.about {
cursor: auto;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61b79b96e4cca8a52a9a4fff_green.png");
background-size: 155px 80px;
width: 135px;
height: 70px;
}
.fab-link-shape.design {
cursor: auto;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be2ff8c455c227362c936b_dk%20green.png");
background-size: 130px 65px;
width: 135px;
height: 70px;
}
.fab-link-shape.illust {
cursor: auto;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/6206a58f0a1e601d48b339a3_bloo%20copy.png");
background-size: 130px 65px;
width: 135px;
height: 70px;
}
.fab-link-text {
letter-spacing: 1px;
font-family: Savate;
font-size: 24px;
}
.fab-link-text.contact {
color: #222;
cursor: pointer;
font-size: 19px;
}
.fab-link-text.about {
color: #a7a7a7;
}
.link-9 {
color: #fff;
cursor: pointer;
text-decoration: none;
}
.link-9.w--current {
cursor: pointer;
}
.link-9.about {
color: #3b3b3b;
}
.link-9.contact {
color: #2c2c2c;
}
.tablet-navbar {
background-color: #0000;
margin-top: 0;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.menu-button {
background-color: var(--sea-green\);
color: #fff;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 10vw;
height: 10vw;
margin-top: 30px;
margin-left: 0;
margin-right: 0;
display: flex;
position: fixed;
inset: 0% 5% auto auto;
}
.menu-button.w--open {
background-color: var(--sea-green\);
margin-top: 20px;
}
.nav-menu-3 {
background-color: var(--magenta);
border-radius: 12px;
width: 260px;
margin-top: 120px;
margin-left: 0;
margin-right: 40px;
display: inline-block;
position: static;
}
.nav-link-6 {
color: var(--link);
letter-spacing: 0;
width: auto;
max-width: none;
margin-left: 20px;
padding-top: 40px;
padding-bottom: 40px;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 50px;
}
.nav-link-6.w--current {
color: #fff;
font-family: Savate italique;
}
.nav-link-7 {
color: var(--link);
letter-spacing: 0;
width: auto;
max-width: none;
margin-bottom: 10px;
margin-left: 20px;
padding-top: 40px;
padding-bottom: 40px;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 40px;
}
.nav-link-7.w--current {
color: #fff;
font-family: Savate italique;
}
.nav-link-8 {
color: var(--link);
letter-spacing: 0;
width: auto;
max-width: none;
margin-left: 20px;
padding-top: 40px;
padding-bottom: 40px;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 50px;
font-style: normal;
display: block;
}
.nav-link-8.w--current {
color: #fff;
font-family: Savate italique;
}
.form-2.design {
width: 300px;
}
.contact-me-mobile {
display: none;
}
.image-213 {
object-fit: contain;
margin-top: 40px;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.design-grid._2 {
margin-top: 0;
margin-bottom: 0;
}
.design-2-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-bottom: 100px;
margin-left: 40px;
margin-right: 40px;
}
.design-2-grid.illustration {
grid-template-rows: 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-top: 60px;
padding-left: 0;
padding-right: 0;
}
.bcc-logo-link-block, .cider-link-block, .sun-kin-link-block, .plntrs-logo-link-block, .character-link-block {
width: auto;
}
.food-for-thought-link-block, .invitess-link-block {
background-size: cover;
width: auto;
}
.navbar-4 {
display: none;
}
.poetry-link-block {
background-size: cover;
width: auto;
}
.korean-gurls-link-block, .montero-link-block, .spirits-link-block, .eulogies-link-block, .halmoni-link-block, .pen-ink-link-block {
width: auto;
}
.design-desktop-heading, .illustration-title {
display: none;
}
.illustration-tablet-heading {
margin-top: 42px;
margin-left: 487px;
font-family: Space Grotesk;
font-size: 30px;
font-weight: 500;
display: flex;
}
.design-tablet-heading {
margin-top: 44px;
margin-left: 535px;
font-family: Space Grotesk;
font-size: 32px;
font-weight: 500;
display: flex;
}
.contact-pg-form {
margin-top: 100px;
margin-bottom: 100px;
}
.text-block-32 {
margin-bottom: 40px;
}
.columns-15 {
flex-direction: row;
max-width: none;
margin-top: 60px;
margin-left: 0;
margin-right: 0;
}
.paragraph-18 {
max-width: none;
margin-top: 0;
padding-left: 0;
padding-right: 0;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.paragraph-18.contact {
font-size: 19px;
line-height: 28px;
}
.heading-32 {
margin-bottom: 20px;
margin-left: 100px;
margin-right: 100px;
line-height: 26px;
}
.column-22 {
background-position: 50%;
background-size: 250px;
}
.column-24 {
background-size: 330px 190px;
height: 240px;
padding-right: 10px;
}
.columns-16 {
margin-left: 0;
margin-right: 0;
}
.link-10 {
font-size: 35px;
line-height: 36px;
}
.link-11 {
width: auto;
font-size: 36px;
line-height: 42px;
}
.link-11.illos {
margin-left: 22px;
font-size: 33px;
line-height: 35px;
}
.column-25 {
background-size: 250px;
}
.section-38 {
margin-top: 60px;
margin-bottom: 60px;
padding-bottom: 0;
}
.intro-column-lft {
background-position: 80%;
}
.left-side-intro-section {
margin-top: 0;
}
.intro-client-paragraph {
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
}
.h1 {
font-size: var(--tablet-h1);
line-height: var(--tablet-h1);
}
.h1.faney {
font-size: 55px;
}
.h2-heading.deliverables {
font-size: 20px;
line-height: 30px;
}
.paragraph-description {
line-height: 22px;
}
.paragraph-description.deliverables {
margin-top: 5px;
font-size: 15px;
line-height: 22px;
}
.bcc-flavors-grid {
grid-row-gap: 5px;
grid-template-rows: 10vh 18vh 30vh 18vh 10vh;
max-width: none;
margin-left: 100px;
margin-right: 100px;
}
.project-name-heading {
font-size: 45px;
line-height: 45px;
}
.color-palette-heading {
font-size: 26px;
line-height: 32px;
display: none;
}
.color-palette-heading.cider {
margin-top: 0;
font-size: 24px;
line-height: 28px;
display: block;
}
.logo-info-section.sunkin {
margin-top: 0;
}
.logotype-gif {
max-width: 80vw;
}
.bcc-sign-image {
margin-top: 100px;
margin-bottom: 100px;
}
.pine-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202d6cf3756da185dede_piney.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
align-items: stretch;
display: flex;
}
.orange-blossom-honey-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202e4ac6cad261a2820e_orange%20blossom%20honey.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.hops-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202d45a0014cef66777a_hoppy.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.apple-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202d25829b498a3570bb_fiji%20apple.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.tropical-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202dda2a3a953a38c3ab_tropicalee.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.ginger-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202dda2a3a29d738c3aa_gingery.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.hibiscus-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202d17dbbd13ba76b35b_hibiscusy.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.chili-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202d2bdfaf7c465051d3_chilily.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.pepper-div {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202d17dbbdfde376b35a_cranberree.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin-left: 40px;
}
.pepper-div.grid {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62e3202d2bdfaf7c465051d3_chilily.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.logo-info-grid {
grid-column-gap: 10px;
max-width: 75vw;
padding-left: 60px;
padding-right: 20px;
}
.logo-info-grid.sunkin {
grid-template-rows: auto auto auto auto 40px 20px auto auto auto auto auto 60px;
}
.logotype-heading {
font-size: 32px;
}
.logotype-lightbox-3 {
width: auto;
}
.logotype-lightbox-2 {
width: auto;
max-width: none;
}
.mark-heading {
text-align: left;
margin-top: 0;
}
.image-223 {
max-width: 100%;
}
.mark-lightbox-1 {
width: auto;
max-width: none;
}
.moo-mark-lightbox-3, .moo-mark-lightbox-2, .bcc-full-logo-lightbox-3, .bcc-full-logo-lightbox-2 {
width: auto;
}
.bcc-sign-lightbox {
width: auto;
max-width: 80vw;
}
.logotype-lightbox-1 {
width: auto;
max-width: none;
}
.bcc-full-logo-lightbox-1, .gateway-ginger-lightbox {
width: auto;
}
.gateway-columns {
max-width: 90vw;
}
.gateway-four-lightbox {
width: auto;
}
.black-shirts-model-section {
margin-bottom: 140px;
}
.white-mockups-lightbox {
width: auto;
max-width: 80vw;
}
.black-shirt-back-lightbox {
width: auto;
}
.white-moo-shirts-model-columns {
max-width: 80vw;
}
.white-shirt-model-back-lightbox {
width: auto;
}
.black-mockups-lightbox {
width: auto;
max-width: 80vw;
}
.black-shirts-model-columns {
max-width: 80vw;
}
.black-shirt-front-lightbox {
width: auto;
}
.body-link-bright {
width: auto;
font-size: 18px;
line-height: 22px;
text-decoration: underline;
}
.body-link-bright:hover {
font-size: 18px;
line-height: 22px;
}
.body-link-bright.home {
font-size: 20px;
text-decoration: none;
}
.text-block-39 {
display: none;
}
.rt-column {
background-position: 20%;
height: auto;
}
.description-column {
padding-top: 30px;
}
.rt-side-intro-section {
margin-top: 0;
}
.save-the-date-section {
margin-top: 100px;
}
.save-the-date-lightbox {
width: auto;
max-width: 80vw;
}
.baby-shower-section {
margin-top: 100px;
}
.baby-shower-lightbox, .congrats-baby-lightbox {
width: auto;
max-width: 80vw;
}
.congrats-baby-section {
margin-top: 100px;
margin-bottom: 100px;
}
.jb-hanging-poster-lightbox {
width: auto;
max-width: 80vw;
}
.jb-hanging-poster-section {
margin-top: 140px;
}
.jb-bus-stop-lightbox {
width: auto;
max-width: none;
}
.jb-symbols-section {
margin-top: 140px;
margin-bottom: 100px;
}
.grid-22 {
grid-template-rows: auto 100px auto auto 100px auto auto;
max-width: 80vw;
}
.jb-plastered-posters-section {
margin-top: 140px;
margin-bottom: 0;
}
.jb-symbol-paragraph._2nd {
margin-left: 20px;
}
.bojagi-paragraph {
margin-left: 0;
margin-right: 140px;
}
.jb-plastered-poster-closeup-lightbox {
width: auto;
max-width: 80vw;
}
.jb-three-posters-lightbox {
width: auto;
display: flex;
}
.jb-record-lightbox, .bojagi-lightbox {
width: auto;
}
.phone-side-mockup-section {
margin-bottom: 140px;
}
.phone-front-mockup-section {
margin-top: 120px;
margin-bottom: 60px;
}
.purification-grave-video-1 {
width: 80vw;
height: 55vw;
}
.phone-side-mockup-video {
width: 65vw;
height: 40vw;
}
.jb-plastered-columns {
max-width: 80vw;
}
.jb-plaster-right-column {
flex: 1;
justify-content: space-between;
display: flex;
}
.phone-side-mockup-columns {
max-width: 85vw;
}
.faney-cards-mockup {
max-width: 100%;
}
.faney-tags-section {
margin-bottom: 0;
}
.faney-tags-mockup {
max-width: 100%;
}
.faney-shopping-back-section {
margin-bottom: 100px;
}
.faney-shopping-bag-mockup {
max-width: 60vw;
}
.faney-logotype-sign {
max-width: 100%;
margin-bottom: 0;
}
.design-home-grid {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
max-width: 90vw;
margin-top: 100px;
}
.jb-link-block, .invites-link-block {
width: auto;
}
.new-illust-grid {
max-width: 90vw;
margin-top: 40px;
margin-bottom: 100px;
}
.spiritss-link-block, .corean-gurls-link-block {
height: 35vh;
}
.froggy-link-block {
background-position: 50%;
background-size: cover;
width: 30vw;
height: 35vh;
}
.halmoni-link-blockk, .poems-link-block, .nas-x-link-block {
height: 35vh;
}
.faney-design-link-block {
background-position: 30%;
width: auto;
}
.everything-link-block {
height: 35vh;
}
.lft-heading {
font-size: 44px;
line-height: 44px;
}
.bcc-design-heading-div {
display: none;
}
.lft-description {
font-size: 16px;
line-height: 16px;
}
.illust-heading {
font-size: 36px;
line-height: 40px;
}
.illust-heading.illo {
font-size: 28px;
line-height: 28px;
}
.illust-description {
font-size: 14px;
line-height: 18px;
}
.jb-design-heading-div, .invites-heading, .faney-heading {
display: none;
}
.purification-grave-link-block {
width: auto;
}
.sun-kin-heading-div {
display: block;
}
.sun-kin-heading-div.home {
display: none;
}
.eulogiess-link-block, .various-link-block {
height: 35vh;
}
.froggy-heading-div, .everything-heading-div, .spirits-heading-div, .poems-heading-div, .eulogies-heading-div, .halmoni-heading-div, .various-heading-div, .korean-gurls-heading-div, .nas-x-heading-div {
display: block;
}
.column-69 {
padding-left: 40px;
padding-right: 0;
}
.moon-lightbox {
width: auto;
}
.image-270 {
object-fit: contain;
}
.stahl-house-lightbox, .berlin-sunset-lightbox {
width: auto;
}
.montero-lightbox {
width: auto;
max-width: 100vw;
}
.click-bottles-section.cider {
margin-top: 60px;
}
.white-shirt-model-full-body-lightbox {
width: auto;
}
.faney-sign-lightbox {
width: auto;
max-width: none;
}
.faney-logotype-sign-lightbox, .faney-mark-sign-lightbox, .faney-mark-outline-lightbox, .faney-filled-mark-lightbox {
width: auto;
}
.faney-tags-lightbox {
width: auto;
max-width: none;
}
.faney-shopping-bag-lightbox, .sun-kin-storyboard-lightbox, .sun-kin-sketch-lightbox-1, .sun-kin-sketch-lightbox-2, .sun-kin-sketch-lightbox-3, .sun-kin-sketch-lightbox-4 {
width: auto;
}
.sun-kin-final-design-columns-2 {
margin-top: 40px;
}
.jobu-lightbox, .racacouille-lightbox, .michelle-yeoh-lightbox, .froggy-reading-lightbox, .froggy-sitting-lightbox, .froggy-floating-lightbox {
width: auto;
}
.paragraph-24 {
font-family: Space Grotesk;
}
.image-272 {
object-fit: cover;
}
.lightbox-link-91, .lightbox-link-92, .lightbox-link-93, .lightbox-link-94, .lightbox-link-95, .lightbox-link-96 {
width: auto;
}
.background-video-6, .background-video-7, .background-video-8, .background-video-9, .background-video-10, .background-video-11 {
width: 300px;
height: 300px;
}
.shorts-div {
display: flex;
}
.project-intro-section {
margin-top: 100px;
padding-top: 0;
padding-bottom: 20px;
}
.project-intro-section.animation {
padding-top: 100px;
}
.project-intro-section.illo {
margin-top: 60px;
padding-top: 60px;
}
.project-intro-section.jb {
margin-top: 40px;
}
.project-intro-section.corean {
margin-top: 60px;
margin-bottom: 100px;
}
.project-intro-section.nj {
margin-top: 40px;
}
.project-intro-section.penink {
padding-bottom: 0;
}
.project-intro-grid {
grid-column-gap: 20px;
grid-template-columns: .75fr .75fr 1fr;
max-width: 85vw;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
}
.project-intro-grid._2 {
grid-column-gap: 20px;
grid-template-columns: .25fr 1fr 1fr .25fr;
margin-left: 40px;
margin-right: 40px;
padding-top: 60px;
}
.project-intro-grid._2.ciders {
grid-template-columns: 1fr 1fr;
max-width: 85vw;
margin: 0;
padding-top: 20px;
}
.project-intro-grid._2.shirts {
grid-template-columns: .5fr 1.25fr 1.25fr .5fr;
max-width: 85vw;
padding-top: 60px;
}
.project-intro-grid._2 {
grid-template-columns: .5fr 1fr 1fr;
max-width: 85vw;
margin: 0 20px;
padding-top: 80px;
}
.project-intro-grid.jb {
max-width: 85vw;
}
.project-intro-grid.halmoni {
max-width: 80vw;
}
.project-intro-grid.nj {
max-width: 85vw;
margin: 0;
}
.project-intro-grid.penink {
margin-left: 20px;
}
.project-intro-grid.abundance {
grid-template-rows: auto auto;
}
.h2 {
font-family: Hibana, sans-serif;
font-size: 45px;
font-weight: 700;
line-height: 55px;
}
.h2.center {
font-size: var(--tablet-h2);
}
.paragraph-25.solution {
padding-top: 0;
padding-left: 0;
}
.text-block-40 {
margin-top: 5px;
font-size: 16px;
line-height: 26px;
}
.header {
margin-top: 40px;
}
.header.intro {
max-width: 768vw;
margin-top: 60px;
margin-bottom: 40px;
padding-top: 40px;
padding-bottom: 40px;
}
.header.smaller {
margin-top: 0;
}
.lightbox-link-97 {
width: auto;
max-width: 85vw;
}
.section-89 {
margin-top: 100px;
margin-bottom: 60px;
}
.lightbox-link-98, .lightbox-link-100 {
width: auto;
max-width: 85vw;
}
.lightbox-link-101 {
width: auto;
max-width: 80vw;
margin-bottom: 140px;
}
.grid-30 {
max-width: 85vw;
margin: 100px 0;
}
.grid-30.pen-ink {
max-width: 90vw;
}
.froggy-doggy-ltbx, .froggy-read-ltbx, .frog-swim-ltbx, .lightbox-link-106, .lightbox-link-107, .lightbox-link-112, .lightbox-link-113, .lightbox-link-114, .lightbox-link-120, .lightbox-link-121, .lightbox-link-122, .lightbox-link-123, .lightbox-link-124, .lightbox-link-125, .lightbox-link-126, .lightbox-link-127, .lightbox-link-128, .lightbox-link-129, .lightbox-link-130, .lightbox-link-131, .lightbox-link-132, .lightbox-link-133, .lightbox-link-134, .lightbox-link-135, .lightbox-link-136, .lightbox-link-137, .lightbox-link-138, .lightbox-link-139, .lightbox-link-140, .lightbox-link-141, .lightbox-link-142, .lightbox-link-143, .lightbox-link-144, .lightbox-link-145, .illustration-link-block {
width: auto;
}
.section-92 {
margin-top: 0;
}
.lightbox-link-146 {
width: auto;
max-width: 100vw;
margin-top: 100px;
margin-bottom: 0;
}
.lightbox-link-147 {
width: auto;
max-width: none;
margin-bottom: 100px;
}
.lightbox-link-148 {
width: auto;
max-width: 85vw;
margin-top: 60px;
margin-bottom: 60px;
}
.image-325 {
margin-top: 0;
}
.lightbox-link-149 {
width: auto;
margin-top: 40px;
}
.lightbox-link-150 {
width: auto;
}
.slider-3 {
max-width: 80vw;
margin-bottom: 140px;
}
.lightbox-link-151 {
width: auto;
}
.lightbox-link-152 {
width: auto;
margin-top: 100px;
}
.grid-32 {
grid-column-gap: 20px;
grid-row-gap: 60px;
grid-template-columns: .75fr .75fr .75fr .75fr;
max-width: none;
margin-top: 100px;
margin-left: 40px;
margin-right: 40px;
}
.gateway-lightbox {
width: auto;
max-width: none;
}
.lightbox-link-154 {
width: auto;
max-width: 85vw;
margin-top: 60px;
margin-bottom: 60px;
}
.to-top-button {
width: auto;
left: auto;
}
.to-top-button.w--current {
padding: 10px;
font-size: 18px;
line-height: 18px;
}
.lightbox-link-155 {
width: auto;
max-width: 85vw;
margin-top: 0;
}
.lightbox-link-156, .lightbox-link-157 {
width: auto;
max-width: 85vw;
}
.lightbox-link-158 {
width: auto;
max-width: 85vw;
margin-bottom: 100px;
}
.lightbox-link-159, .lightbox-link-160 {
width: auto;
max-width: none;
margin-bottom: 0;
}
.lightbox-link-161 {
width: auto;
max-width: 80vw;
margin-bottom: 100px;
}
.color-palette-grid {
grid-column-gap: 40px;
grid-row-gap: 20px;
grid-template-rows: 100px 100px 100px 100px;
max-width: 85vw;
margin-top: 0;
margin-left: 60px;
margin-right: 60px;
}
.grid-34 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto auto auto;
grid-template-columns: .75fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center;
margin-left: 0;
margin-right: 0;
display: grid;
}
.image-330 {
max-width: 80%;
}
.link-block-32 {
width: auto;
}
.div-block-75 {
max-width: 748vw;
margin-right: 20px;
}
.div-block-75.home2 {
width: 550px;
max-width: none;
margin-left: 40px;
margin-right: 40px;
}
.text-block-43 {
margin-top: 10px;
font-size: 14px;
}
.columns-41 {
flex-direction: row;
max-width: 90vw;
display: flex;
}
.column-83 {
padding-right: 10px;
}
.section-96 {
flex-direction: row;
align-items: center;
margin-top: 140px;
display: flex;
}
.section-96.create {
margin-top: 140px;
}
.grid-35 {
grid-column-gap: 30px;
grid-template-columns: 1fr 1.25fr 1fr;
max-width: none;
margin-left: 60px;
margin-right: 60px;
}
.grid-35.curious {
grid-column-gap: 40px;
max-width: none;
margin-top: 0;
margin-left: 40px;
margin-right: 40px;
}
.grid-35.create {
grid-template-columns: 1fr 1fr 1.75fr;
}
.section-97 {
margin-top: 140px;
}
.animations-link-block {
width: auto;
}
.hibiscus, .ginger-mule, .imperial-cascade, .winter-mash, .saison-cyser, .vin-de-pomme {
width: auto;
max-width: none;
}
.paragraph-27, .paragraph-28 {
display: none;
}
.text-block-45 {
color: var(--magenta);
border: 1px solid #000;
border-radius: 12px;
margin-top: 20px;
margin-left: 0;
margin-right: 140px;
padding: 10px;
font-family: Inter, sans-serif;
font-size: 50px;
line-height: 50px;
position: absolute;
inset: 0% 0% auto auto;
}
.bold-text-25, .bold-text-26, .bold-text-27, .bold-text-28, .bold-text-29, .bold-text-30, .bold-text-31, .bold-text-32 {
font-weight: 600;
}
.lightbox-link-162 {
width: auto;
max-width: none;
margin-bottom: 0;
}
.section-99 {
margin-bottom: 100px;
}
.image-334, .image-335, .image-336 {
max-width: 110%;
display: block;
}
.text-block-47 {
color: #e5e5e5;
text-align: center;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 14px;
display: block;
}
.lightbox-link-163, .lightbox-link-164, .lightbox-link-165 {
width: auto;
}
.lightbox-link-166 {
justify-content: center;
width: auto;
}
.grid-37 {
max-width: 85vw;
}
.balcom-branding-top {
background-color: #0000;
padding-bottom: 0;
}
.text-block-51 {
border-color: var(--magenta);
padding-left: 20px;
padding-right: 20px;
}
.balcom-logomark-sketches {
margin-top: 40px;
}
.logotype-quickstack {
max-width: 85vw;
}
.cell-3 {
justify-content: center;
}
.paragraph-info {
font-size: var(--web-text);
line-height: var(--web-text-ht);
max-width: 80vw;
}
.paragraph-info.center {
max-width: 85vw;
}
.logomark-quickstack {
grid-row-gap: 40px;
max-width: 85vw;
}
.final-logo-quickstack {
max-width: 85vw;
}
.blossom-simple-newsletters {
max-width: 85vw;
margin-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.blossom-simple-newsletters.posters {
margin-top: 40px;
}
.section-105 {
margin-bottom: 0;
}
.div-block-89 {
margin: 0;
}
.divider {
margin-top: 60px;
}
.logo-readapation-quickstack {
grid-column-gap: 40px;
grid-row-gap: 40px;
max-width: 85vw;
}
.quick-stack-7 {
max-width: none;
margin-top: 20px;
}
.calendar-illustrations {
margin-top: 60px;
margin-bottom: 40px;
}
.quick-stack-9 {
max-width: 85vw;
padding-left: 0;
padding-right: 10px;
}
.section-114 {
margin-top: 40px;
}
.quick-stack-10 {
max-width: 85vw;
padding-left: 10px;
padding-right: 0;
}
.cell-25 {
align-items: center;
}
.cell-26 {
justify-content: center;
align-items: center;
}
.quick-stack-11 {
grid-column-gap: 40px;
grid-row-gap: 100px;
background-color: #0000;
max-width: 85vw;
}
.link-block-33 {
color: #0f0f0f;
justify-content: center;
width: auto;
max-width: none;
margin-bottom: 10px;
margin-left: 20px;
padding: 0;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 30px;
text-decoration: none;
display: inline-block;
}
.link-block-33:hover {
color: var(--olive);
}
.text-block-55 {
justify-content: flex-start;
margin-top: 20px;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 28px;
font-weight: 500;
text-decoration: none;
display: block;
}
.cell-27 {
justify-content: center;
}
.cell-29 {
justify-content: center;
align-items: center;
}
.cell-30 {
align-items: center;
}
.quick-stack-12 {
max-width: 75vw;
}
.section-119 {
margin-top: 40px;
margin-bottom: 0;
}
.text-block-56 {
margin-left: 100px;
margin-right: 100px;
line-height: 26px;
}
.quick-stack-13 {
grid-row-gap: 30px;
max-width: 90vw;
margin-left: 0;
margin-right: 0;
}
.quick-stack-13.final {
max-width: 85vw;
}
.section-120 {
margin-top: 60px;
margin-bottom: 60px;
}
.background-video-12 {
width: 80vw;
height: 40vh;
}
.view-button {
width: 350px;
max-width: none;
padding: 20px 10px;
font-family: Space Mono, sans-serif;
font-size: 26px;
line-height: 30px;
}
.cell-37 {
align-items: center;
}
.section-121 {
margin-top: 60px;
margin-bottom: 60px;
}
.quick-stack-14 {
max-width: 90vw;
}
.nj-pdp-top {
margin-top: 0;
padding-bottom: 40px;
}
.quick-stack-15 {
max-width: 90vw;
}
.section-123 {
margin-top: 60px;
margin-bottom: 40px;
}
.cell-42, .cell-43, .cell-44, .cell-45, .cell-46 {
align-items: flex-start;
}
.lightbox-link-169, .lightbox-link-170, .lightbox-link-171, .lightbox-link-172, .lightbox-link-173, .lightbox-link-174, .lightbox-link-175, .lightbox-link-176, .lightbox-link-177, .lightbox-link-178, .lightbox-link-179, .lightbox-link-180 {
width: auto;
max-width: none;
}
.blossom-collage-newsletters, .blossom-stories {
max-width: 85vw;
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.quick-stack-18 {
grid-row-gap: 40px;
align-self: center;
max-width: 85vw;
}
.cell-51 {
align-items: flex-start;
}
.lightbox-link-182, .lightbox-link-183, .lightbox-link-184, .lightbox-link-185, .lightbox-link-186 {
width: auto;
}
.lightbox-link-187 {
align-self: auto;
width: auto;
}
.lightbox-link-188, .lightbox-link-189, .lightbox-link-190, .lightbox-link-191, .lightbox-link-192, .lightbox-link-193, .lightbox-link-194, .lightbox-link-195, .lightbox-link-196, .lightbox-link-197, .lightbox-link-198 {
width: auto;
}
.quick-stack-20 {
grid-column-gap: 20px;
grid-row-gap: 20px;
max-width: 85vw;
padding: 10px;
}
.quick-stack-21 {
max-width: 85vw;
margin-top: 80px;
padding-top: 0;
}
.section-127 {
margin-top: 40px;
margin-bottom: 60px;
}
.section-127.irish {
margin-top: 0;
}
.lightbox-link-199, .lightbox-link-200, .lightbox-link-201, .lightbox-link-202, .lightbox-link-203, .lightbox-link-204, .lightbox-link-205, .lightbox-link-206, .lightbox-link-207 {
width: auto;
}
.quick-stack-22 {
grid-column-gap: 30px;
grid-row-gap: 30px;
max-width: 85vw;
}
.section-128 {
margin-top: 60px;
}
.quick-stack-23 {
grid-column-gap: 40px;
grid-row-gap: 40px;
max-width: 85vw;
margin-top: 0;
}
.section-129 {
margin-top: 60px;
margin-bottom: 60px;
}
.cell-66 {
justify-content: flex-start;
align-items: flex-start;
}
.video {
margin-top: 10px;
}
.lightbox-link-208, .lightbox-link-209, .lightbox-link-210, .lightbox-link-211, .lightbox-link-212, .lightbox-link-213, .lightbox-link-214 {
width: auto;
}
.lightbox-link-215 {
order: 0;
align-self: auto;
width: auto;
display: block;
}
.image-363, .lightbox-link-216, .lightbox-link-217, .lightbox-link-218 {
width: auto;
}
.italic-text-6 {
line-height: var(--web-h2-ht);
}
.symbols {
font-size: 18px;
}
.symbols.light {
font-size: 19px;
}
.quick-stack-24 {
max-width: 85vw;
padding: 40px;
}
.border-section {
background-position: 50%;
background-size: auto;
background-attachment: fixed;
padding-top: 60px;
padding-bottom: 60px;
}
.calendar-image-section {
margin-top: 60px;
}
.quick-stack-25 {
max-width: 85vw;
margin-top: 60px;
margin-bottom: 60px;
}
.image-366 {
margin-top: 60px;
}
.quick-stack-26 {
max-width: 85vw;
}
.final-deliverables {
margin-top: 60px;
margin-bottom: 100px;
}
.lightbox-link-219, .lightbox-link-220, .lightbox-link-221, .lightbox-link-222 {
width: auto;
}
.section-134 {
background-color: #000;
padding-top: 60px;
padding-bottom: 60px;
}
.section-135 {
background-image: none;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 140px;
padding-bottom: 0;
display: flex;
}
.grid-38 {
grid-column-gap: 80px;
grid-row-gap: 100px;
max-width: 85vw;
}
.grid-38.mobile {
grid-column-gap: 81px;
grid-row-gap: 80px;
grid-template-columns: 1fr 1fr 1fr;
justify-content: stretch;
align-self: auto;
max-width: 80vw;
margin-left: 0;
margin-right: 0;
}
.grid-39 {
grid-column-gap: 100px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: 80vw;
margin-top: 100px;
}
.section-136 {
background-size: cover, auto;
padding-top: 0;
}
.home-link-block {
width: auto;
max-width: none;
}
.text-block-58 {
font-size: 20px;
}
.text-block-58.big {
padding: 40px 20px;
font-size: 38px;
}
.section-137 {
margin-top: 40px;
}
.section-138 {
padding-top: 60px;
}
.image-372 {
margin-top: 0;
}
.heading-53, .heading-53.personal {
color: #000;
font-size: 100px;
}
.container-15 {
margin-top: 0;
}
.italic-text-29 {
font-size: 50px;
font-style: normal;
}
.link-17 {
text-align: center;
}
.image-378 {
margin-bottom: 20px;
}
.text-block-61 {
display: block;
}
.clients-scroll-section, .personal-scroll-section {
display: none;
}
.icon-11 {
width: auto;
padding-top: 10px;
padding-left: 10px;
}
.clients-section-2 {
border-top: 1px #000;
border-bottom: 1px solid #000;
display: none;
}
.div-block-107 {
justify-content: center;
display: flex;
overflow: hidden;
}
.personal-section-2 {
display: none;
}
.grid-41 {
max-width: 80vw;
}
.text-block-63 {
font-size: 22px;
}
.brand-3 {
width: auto;
max-width: none;
}
.nav-link-16, .nav-link-17 {
width: 200px;
margin-bottom: 10px;
}
.nav-link-17.work {
justify-content: flex-start;
width: 200px;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.heading-57 {
font-size: 33px;
line-height: 42px;
}
.quick-stack-31 {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-left: 20px;
margin-right: 20px;
}
.cell-105 {
align-items: flex-start;
}
.link-block-38 {
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
}
.text-span-12, .text-span-13 {
font-size: 44px;
line-height: 46px;
}
.text-span-14, .text-span-15 {
font-size: 40px;
line-height: 42px;
}
.columns-43 {
margin-left: 40px;
margin-right: 40px;
}
.column-88 {
padding-left: 40px;
}
.columns-44, .columns-45 {
margin-left: 40px;
margin-right: 40px;
}
.landing-link-block {
width: auto;
}
.top-heading {
margin-top: 40px;
}
.landing-assets, .landing-assets._2 {
font-size: 28px;
line-height: 32px;
}
.landing-assets.ipad {
color: var(--jan--black);
margin-top: 0;
margin-bottom: 10px;
font-size: 25px;
}
.landing-assets.ipad.small {
font-size: 22.5px;
}
.landing-client._2 {
font-size: 22px;
}
.landing-client._2.ipad {
color: var(--jan--black);
padding-top: 5px;
font-family: Space Mono, sans-serif;
font-size: 17px;
line-height: 24px;
}
.landing-div-color-block, .landing-div-color-block.pink {
display: none;
}
.link-block-42 {
width: auto;
}
.section-146 {
margin: 60px 20px;
}
.section-147 {
margin: 0;
}
.columns-49 {
margin-top: 40px;
}
.section-150 {
padding-top: 20px;
padding-bottom: 20px;
}
.italic-text-30 {
font-size: 42px;
}
.landing-special-text {
font-size: 40px;
line-height: 42px;
}
.landing-info {
font-size: 14px;
}
.landing-info.ipad {
color: var(--jan--black);
}
.column-100 {
margin-top: 0;
}
.personal-link-block {
width: auto;
}
.text-block-67 {
font-size: 20px;
line-height: 24px;
}
.text-block-67.olive {
font-size: 20px;
}
.text-block-67.orange {
font-size: 20px;
line-height: 24px;
}
.text-block-67.pink {
font-size: 20px;
}
.background-video-15 {
width: 200px;
height: 200px;
}
.column-101 {
padding-left: 60px;
padding-right: 40px;
}
.menu-button-2 {
background-color: var(--jan--apricot);
border: 1px solid #000;
border-radius: 9px;
margin-right: 20px;
position: relative;
}
.menu-button-2.w--open {
background-color: var(--jan--citrus);
}
.icon-12 {
color: var(--jan--black);
}
.nav-menu-5 {
background-color: #0000;
}
.column-104 {
padding-right: 20px;
}
.column-105 {
padding-right: 0;
}
.column-106 {
padding-left: 40px;
}
.image-411 {
background-color: var(--olive);
display: block;
}
.image-412 {
display: none;
}
.image-413 {
display: block;
}
.text-block-68 {
color: var(--jan--blue);
font-family: Messapia, sans-serif;
font-weight: 700;
}
.tablet-landing-div {
border-top: 1px solid #000;
border-bottom: 1px #000;
display: block;
}
.section-152 {
padding-top: 40px;
}
.quick-stack-32 {
max-width: 90vw;
}
.text-span-28 {
font-size: 38px;
line-height: 42px;
}
.text-block-70 {
margin-right: 20px;
font-size: 22px;
line-height: 28px;
}
.quick-stack-33 {
margin-top: 120px;
margin-bottom: 20px;
}
.name-heading {
font-size: 130px;
line-height: 120px;
}
.name-heading.about {
padding-top: 10px;
padding-bottom: 10px;
font-size: 45px;
line-height: 42px;
}
.name-title {
margin-bottom: 10px;
font-size: 40px;
line-height: 45px;
}
.paragraph-32 {
max-width: 70vw;
margin-top: 60px;
font-size: 18px;
}
.tabs-menu {
padding-bottom: 40px;
}
.tab-link-1 {
width: auto;
padding: 15px 40px;
}
.tab-type-1 {
border-style: solid;
border-color: var(--may--brown);
width: auto;
margin-left: 40px;
margin-right: 40px;
padding: 20px 30px;
font-size: 16px;
line-height: 26px;
}
.tab-type-1.w--current {
margin-left: 40px;
margin-right: 40px;
}
.tab-type-1.mobile {
border-style: solid;
border-color: var(--may--brown);
}
.tab-type-1.mobile.w--current {
font-size: 16px;
}
.tabs-menu-2 {
flex-flow: wrap;
justify-content: space-around;
align-items: center;
display: none;
}
.project-page-link {
width: auto;
text-decoration: none;
}
.project-page-link:hover, .project-page-link.transparent:hover {
transform: none;
}
.heading-61 {
text-decoration: none;
}
.image-458 {
max-width: 48%;
}
.ajkhere.w--current {
width: auto;
}
.text-block-76 {
font-size: 18px;
}
.cell-116, .cell-117, .cell-118, .cell-119 {
justify-content: flex-start;
align-items: flex-start;
}
.link-block-45, .link-block-46 {
width: auto;
text-decoration: none;
}
.nav-link-june24 {
width: auto;
max-width: none;
font-size: 16px;
}
.nav-menu-6 {
color: var(--may--brown);
font-family: Manrope, sans-serif;
}
.quick-stack-35 {
margin-left: 20px;
margin-right: 20px;
}
.bold-text-43 {
font-size: 20px;
}
.plntrs-character-quickstack {
max-width: 90vw;
margin-top: 60px;
}
.plntrs-character-quickstack.readaptation {
max-width: 90vw;
}
.section-157 {
margin-bottom: 60px;
}
.container-20, .wallpaper-paragraph {
margin-top: 60px;
}
.container-21 {
justify-content: center;
align-items: center;
display: flex;
}
.info-button {
width: auto;
}
.info-button.w--current {
width: auto;
inset: 0% 0% auto auto;
}
.section-165 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.lightbox-link-223, .lightbox-link-224, .lightbox-link-225, .lightbox-link-226, .lightbox-link-227, .lightbox-link-228 {
width: auto;
}
.info {
width: 120px;
}
.div-block-152 {
margin-top: 40px;
}
.div-block-152.no40 {
margin-top: 0;
}
.categories-box {
margin-top: 40px;
}
.heading-2-column-cells.top-margin {
margin-top: 60px;
}
.quick-stack-49 {
margin-top: 60px;
margin-left: 40px;
margin-right: 40px;
}
.cell-175 {
justify-content: center;
align-items: flex-start;
}
.quick-stack-54, .quick-stack-55 {
margin-left: 20px;
margin-right: 20px;
}
.quick-stack-56 {
margin-top: 100px;
margin-left: 20px;
margin-right: 20px;
}
.quick-stack-57 {
grid-row-gap: 40px;
margin-top: 100px;
margin-left: 40px;
margin-right: 40px;
}
.lightbox-link-243, .lightbox-link-244, .lightbox-link-245 {
width: auto;
}
}
@media screen and (max-width: 767px) {
.heading.og-home.ash {
padding-left: 20px;
padding-right: 20px;
font-size: 48px;
display: none;
}
.heading.og-home.ash._2 {
text-align: center;
line-height: 70px;
}
.heading.og-home.ash.two {
font-size: 60px;
display: block;
}
.loops-div.ciders {
margin-bottom: 0;
}
.brand {
margin-left: 10px;
}
.brand.w--current {
margin-left: 0;
}
.nav-link {
background-color: #ffffffe8;
margin-left: -3px;
margin-right: 5px;
}
.nav-menu {
background-color: #0000;
border-radius: 12px;
margin-right: 80px;
}
.contact-form-section {
margin-top: 10px;
}
.intro-div {
text-align: center;
margin-left: 20px;
margin-right: 20px;
}
.contact-ash {
text-align: center;
width: auto;
margin: 0 0 20px;
font-size: 48px;
line-height: 48px;
transition-property: none;
display: block;
}
.contact-ash.contact-pg {
justify-content: center;
margin-top: 40px;
margin-bottom: 40px;
font-size: 55px;
line-height: 52px;
display: flex;
}
.contact-ash.bonus {
margin: 0 0 10px;
font-size: 30px;
line-height: 32px;
display: block;
}
.contact-form.contact {
width: 420px;
padding-bottom: 50px;
}
.contact-me-today {
margin-left: -51px;
display: none;
}
.contact-me-today.first {
margin-left: -86px;
}
.contact-me-today.email {
margin-left: 0;
}
.footer-text {
margin-top: 0;
}
.name, .email {
font-size: 20px;
}
.name-field.design, .email-field.design {
width: auto;
}
.message {
font-size: 20px;
}
.client-name.balcom {
font-size: 28px;
line-height: 30px;
}
.client-name.balcom.plntrs {
font-size: 42px;
}
.client-name.balcom._112 {
font-size: 40px;
}
.client-name.balcom.illust {
font-size: 42px;
line-height: 42px;
}
.client-name.balcom.illust.halmoni {
max-width: 40vw;
font-size: 38px;
line-height: 38px;
}
.client-name.balcom.illust.mobile {
font-size: 42px;
}
.client-name.balcom.illust.long {
max-width: 50vw;
}
.client-name.balcom.sunkin {
font-size: 40px;
line-height: 40px;
}
.project-name {
margin-left: 20px;
margin-right: 20px;
font-size: 28px;
line-height: 32px;
}
.project-name.bcc-tees {
margin: 10px 20px;
font-size: 30px;
line-height: 32px;
}
.project-name.plntrs {
font-size: 30px;
line-height: 32px;
}
.balcom-logo-grid.plntrs-logo.plntrs {
grid-template-rows: auto auto auto auto auto auto auto auto auto;
grid-template-columns: .25fr .25fr .25fr .25fr .25fr;
}
.balcom-logo-grid.plntrs-logo.plntrs.character.self-care {
grid-template-rows: auto auto auto;
}
.balcom-logo-grid.plntrs-logo.plntrs.character.sunkin {
grid-template-rows: auto minmax(auto, auto) auto auto auto 60px auto auto 40px auto minmax(40px, 40fr);
}
.balcom-logo-grid.invites {
grid-row-gap: 10px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: .5fr 1fr 1fr 1fr .25fr;
margin-left: 40px;
margin-right: 40px;
}
.balcom-logo-grid.hibiscus {
margin-left: 20px;
margin-right: 20px;
padding-bottom: 20px;
}
.balcom-logo-grid.logo-presentation {
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-left: 20px;
margin-right: 20px;
}
.project-description.balcom {
margin-left: 20px;
margin-right: 20px;
font-size: 14px;
line-height: 20px;
}
.project-description.balcom.tees {
margin-left: 20px;
margin-right: 20px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.page-header.bcc {
background-size: 72%;
height: 80px;
margin-top: 100px;
}
.page-header.bcc.illo {
height: 100px;
margin-top: 104px;
}
.page-header.bcc.illo.everything {
height: 130px;
}
.page-header.bcc.illo-big {
height: 100px;
}
.project-section {
padding-top: 20px;
}
.project-section.bcc-tees {
padding-top: 10px;
padding-bottom: 10px;
}
.miss-moo-logo-image {
padding-right: 20px;
}
.hibiscus-miss-moo-full-color-image {
max-width: none;
margin-left: 0;
margin-right: 0;
padding: 40px;
}
.image-of-2nd-logo-opts {
margin-top: 20px;
}
.title.under-construction {
font-size: 30px;
line-height: 34px;
}
.process-title-section.plntrs {
margin-top: 40px;
}
.balcom-tees-grid {
grid-template-rows: minmax(auto, 240px) minmax(auto, 180px);
grid-template-columns: .5fr 1fr 1fr 1.25fr;
}
.balcom-tees-grid.black {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: minmax(auto, 220px) minmax(auto, 180px);
}
.white-shirt-back-design {
padding-top: 40px;
padding-bottom: 40px;
}
.contact-section {
background-position: 50%;
background-size: 480px 170px;
height: 150px;
margin-top: 60px;
margin-bottom: 40px;
}
.contact-section.heading {
background-size: 480px 170px;
justify-content: center;
align-items: center;
height: 180px;
margin-top: 100px;
display: flex;
}
.columns-contact-form {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
}
.columns-contact-form.contact-pg {
padding-bottom: 60px;
}
.columns-contact-form.illo {
flex-direction: column;
padding-top: 0;
padding-bottom: 80px;
}
.contact-lt-div {
align-items: center;
height: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.rt-contact-column {
justify-content: center;
margin-top: 0;
padding-right: 10px;
}
.contact-rt-div {
margin-top: 60px;
margin-left: 0;
margin-right: 0;
}
.contact-rt-div.contact-pg {
margin-top: 40px;
margin-left: 40px;
margin-right: 40px;
}
.hibiscus-cider-image-grid {
grid-column-gap: 0px;
margin-left: 0;
margin-right: 0;
}
.project-type {
margin-top: 5px;
font-size: 22px;
line-height: 24px;
}
.project-type.illust.sub {
font-size: 28px;
line-height: 30px;
}
.project-type.invites {
font-size: 26px;
line-height: 28px;
}
.plntrs-logo-image {
padding-left: 40px;
padding-right: 20px;
}
.final-design-heading {
line-height: 28px;
}
.final-design-heading.final-logo {
width: 45px;
font-size: 22px;
line-height: 26px;
}
.plntrs-original-logo {
border-style: none;
max-width: 80%;
}
.design-projects {
margin-bottom: 20px;
}
.paragraph-11 {
width: auto;
margin-top: 40px;
margin-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
font-size: 24px;
line-height: 34px;
}
.paragraph-11.love-to-learn {
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
margin-left: 0;
padding-left: 40px;
padding-right: 40px;
font-size: 20px;
line-height: 28px;
}
.white-pocket-design {
max-width: 90%;
margin-top: 40px;
padding-left: 20px;
}
.hibiscus-miss-moo-outline-image {
padding-right: 40px;
}
.logo-gif {
margin-top: 0;
padding-left: 60px;
padding-right: 60px;
}
._4-ciders-image:hover {
border-width: 10px;
}
.final-design-caption {
margin-left: 80px;
font-size: 14px;
line-height: 20px;
}
.final-design-caption.final1 {
width: auto;
margin-left: 20px;
}
.final-design-caption.final1.logo-plntrs {
margin-top: 60px;
padding-right: 0;
}
.final-design-caption.final1.illust {
align-items: flex-start;
width: auto;
margin-top: 100px;
margin-left: 20px;
margin-right: 0;
}
.final-design-caption.final1.tablet {
margin-left: 20px;
}
.final-design-caption.final2 {
margin-top: 60px;
margin-left: 0;
padding-right: 0;
}
.final-design-caption.plntrs-character.rt {
margin-top: 60px;
margin-left: 0;
}
.final-design-caption.plntrs {
width: auto;
margin-top: 20px;
margin-bottom: 0;
}
.plntrs-1-ltbox {
overflow: hidden;
}
.plntrs-2-ltbox {
max-width: none;
}
.plntrs-screenshot {
margin-left: 0;
padding-right: 40px;
}
.first-sketch-ltbox {
margin-top: 20px;
margin-left: 0;
}
.first-sketch-ltbox.sunkin {
margin-bottom: 60px;
margin-left: 0;
}
.explore-each-cider {
margin-top: 0;
margin-bottom: 0;
font-size: 22px;
}
.loop-text {
font-size: 18px;
}
.ig-logo {
display: flex;
position: fixed;
}
.olympics-character-image {
margin-left: 20px;
padding-right: 20px;
}
.jumpman-image {
margin-top: 0;
}
.plant-illo-2 {
height: auto;
overflow: hidden;
}
.plant-illo-ltbox {
place-content: stretch space-between;
align-items: stretch;
width: auto;
margin-left: 0;
margin-right: 20px;
overflow: hidden;
}
.plant-illo-ltbox.plant2 {
align-content: stretch;
}
.grid-16 {
grid-template-rows: minmax(auto, 1fr) auto minmax(auto, 180px) 20px auto minmax(auto, 180px) 20px auto minmax(auto, 160px);
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
padding-left: 0;
padding-right: 0;
}
.design-category {
font-size: 12px;
line-height: 5px;
}
.olympics-character-ltbox {
margin-top: 0;
margin-left: 0;
padding-right: 0;
}
.jumpman-ltbox {
margin-right: 0;
}
.hibiscus-ltbox, .imperial-ltbox {
width: auto;
}
.imperial-ltbox:hover {
border-width: 12px;
}
.saison-ltbox {
width: auto;
}
.saison-ltbox:hover {
border-width: 12px;
}
._w-mash-ltbox {
width: auto;
}
._w-mash-ltbox:hover, .hibiscus-cider-image:hover {
border-width: 12px;
}
.plntrs-screenshot-ltbox {
max-width: none;
margin-top: 60px;
}
.click-me-cursor-cider {
margin-top: 27px;
margin-left: 89px;
display: none;
}
.click-me-cursor-cider.hibiscus {
margin-top: 25px;
margin-left: 91px;
}
.image-of-1st-logo-options {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
}
._1st-rd-logos-div {
max-width: 200px;
font-size: 12px;
}
.plant-illo-1 {
height: auto;
overflow: hidden;
}
.ciders-grid {
grid-column-gap: 14px;
}
.design-heading {
margin-top: 40px;
}
.projects-heading {
margin: 100px 60px 0;
font-size: 30px;
}
.projects-heading.illo {
margin-bottom: 0;
margin-left: 60px;
margin-right: 60px;
}
.dropdown {
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.text-block-20 {
margin-left: 0;
}
.link-block-8 {
background-color: #ffffffe6;
margin-right: 5px;
}
.link-block-8.w--current {
background-color: #ffffffe6;
margin-left: 0;
margin-right: 5px;
}
.ig-logo-section {
margin-right: 20px;
}
.original-logo-ltbox {
justify-content: center;
margin-bottom: 20px;
display: flex;
}
.plntrs-4-ltbox {
max-width: none;
}
.final-plntrman-ltbox {
margin-top: 20px;
}
.illustration {
grid-column-gap: 16px;
grid-row-gap: 3px;
grid-template-rows: auto minmax(auto, 180px) minmax(auto, 1fr) 20px auto minmax(auto, 180px) 20px auto minmax(auto, 180px);
}
.about-columns-1 {
flex-direction: column;
height: auto;
}
.froggy-image {
margin-left: 0;
margin-right: 0;
padding-right: 0;
}
.text-block-21 {
text-align: center;
border: 1px #000;
margin: 40px 20px;
padding: 0 20px;
font-size: 20px;
line-height: 28px;
}
.about-columns-2 {
flex-direction: column;
}
.about-columns-2.bottom {
height: auto;
}
.about-columns-2.face {
max-width: 80vw;
height: auto;
}
.hi-section {
background-size: 110vw 25vh;
margin-top: 100px;
margin-left: 20px;
margin-right: 20px;
font-size: 18px;
}
.design-description {
margin-top: 0;
font-size: 14px;
}
.paragraph-illust.long {
max-width: 90vw;
margin-left: 10px;
margin-right: 10px;
font-size: 15px;
}
.paragraph-illust.sunkin {
margin-left: 20px;
margin-right: 0;
}
.forest-2-image, .forest-3-1-image, .forest-3-image, .still-2-image, .still-3-image {
margin-top: 10px;
}
.image-156 {
max-height: 500px;
}
.pg-gif {
justify-content: center;
}
.click-to-watch-column {
justify-content: center;
padding-bottom: 40px;
}
.sun-kin-button {
margin-top: 0;
margin-left: 0;
}
.sun-kin-button.new {
width: 220px;
margin-top: -81px;
}
.hibiscus-illustration-lightbox {
max-width: none;
}
.illust-section {
margin-top: 60px;
margin-bottom: 60px;
}
.illust-section.nas {
margin-top: 40px;
margin-bottom: 40px;
}
.illust-grid.halmoni {
margin-bottom: 100px;
}
.illust-grid.halmoni._3 {
margin-left: 20px;
margin-right: 20px;
}
.illust-grid.poems {
margin-left: 40px;
margin-right: 40px;
}
.illust-grid.poems._2 {
grid-column-gap: 20px;
grid-row-gap: 40px;
grid-template-rows: minmax(auto, auto) auto auto auto auto auto auto auto auto;
max-width: 90vw;
}
.illust-grid.penink {
margin-left: 20px;
margin-right: 20px;
}
.illust-grid.korean-gurls {
grid-column-gap: 18px;
grid-row-gap: 20px;
}
.illust-grid.spirits {
grid-row-gap: 60px;
}
.illust-grid.froggy {
grid-column-gap: 10px;
grid-row-gap: 60px;
}
.illust-grid.froggy.shorts {
grid-column-gap: 40px;
margin: 60px 20px 0;
}
.illust-grid.everythingeverywhere {
grid-row-gap: 60px;
}
.poetry-caption, .poetry-caption.left {
font-size: 14px;
line-height: 18px;
}
.halmoni-text-section.last {
margin-bottom: 100px;
}
.halmoni-heading, .halmoni-heading._2 {
font-size: 20px;
line-height: 24px;
}
.burning-video-section {
margin-left: 60px;
margin-right: 60px;
}
.slider {
margin-bottom: 0;
}
.slide-nav {
margin-top: 0;
margin-bottom: 83px;
}
.icon-2 {
margin-top: 120px;
margin-bottom: 0;
margin-right: 20px;
}
.icon-3 {
margin-top: 120px;
margin-bottom: 0;
margin-left: 20px;
}
.eulogies-ltbox {
height: 50vh;
margin-left: 100px;
margin-right: 100px;
}
.left-arrow {
margin-left: 0;
}
.right-arrow {
margin-right: 0;
}
.caption {
font-size: 12px;
line-height: 20px;
}
.caption.christ {
font-size: 12px;
}
.bold-text-4 {
font-size: 14px;
}
.bold-text-5.christ {
width: 380px;
margin-left: 10px;
margin-right: 20px;
font-size: 12px;
}
.bold-text-6 {
font-size: 12px;
}
.invites-description {
margin: 0 20px;
font-size: 18px;
line-height: 22px;
}
.flyers-grid {
margin-left: 40px;
margin-right: 40px;
}
.contact-pg-title-section {
height: 100px;
margin-top: 100px;
}
.contact-me-heading {
margin-top: 0;
padding-top: 22px;
font-size: 38px;
}
.contact-me-heading.mob-hor {
margin-top: 0;
padding-top: 31px;
font-size: 42px;
}
.contact-me-heading.design {
margin-top: 0;
padding-top: 51px;
}
.contact-me-heading.design.contact {
padding-top: 6px;
}
.text-span-2, .text-span-3, .text-span-4 {
font-size: 28px;
}
.text-span-5 {
font-size: 50px;
}
._2nd-left-column {
padding-left: 40px;
padding-right: 40px;
}
.business-description-section {
padding-left: 20px;
padding-right: 20px;
}
.final-invite-design-heading {
margin-top: 0;
}
._2ciders-image:hover {
border-width: 10px;
}
.urns-image {
width: auto;
}
.me {
object-fit: cover;
max-width: 70%;
margin-bottom: 0;
}
.lt-contact-column {
justify-content: center;
}
.image-column {
padding-left: 0;
padding-right: 0;
}
.step-heading {
margin-right: 40px;
font-size: 32px;
}
.caption-paragraph {
font-size: 14px;
line-height: 20px;
}
.caption-paragraph._2nd-rd {
width: auto;
}
.caption-paragraph.black-shirts {
margin-left: 0;
}
.caption-paragraph.white-shirt {
width: 160px;
margin-top: 60px;
}
.logo-readaptation-heading {
margin-left: 10px;
margin-right: 0;
}
.logo-adaptation-caption {
margin-left: 10px;
padding-top: 20px;
font-size: 14px;
line-height: 20px;
}
.explore-div {
margin-bottom: 20px;
display: block;
}
.project-heading {
margin-top: 20px;
}
.illust-images-section {
margin-bottom: 60px;
}
.halmoni-section-1 {
margin-top: 60px;
margin-bottom: 0;
}
.halmoni-section-2, .grandpa-section, .urns-section {
margin-top: 100px;
}
.urns-ltbox {
max-width: none;
}
.burning-video {
margin-bottom: 100px;
}
._2nd-right-column {
justify-content: center;
align-items: center;
}
._3rd-left-column {
flex-direction: column;
display: flex;
}
.columns-14 {
margin-top: 0;
}
.ajkhere-fixed, .fab-wrapper {
display: none;
}
.tablet-navbar {
display: block;
}
.nav-link-7 {
padding-top: 30px;
padding-bottom: 30px;
}
.form-2 {
margin-top: -43px;
margin-left: 36px;
}
.form-2.design {
width: 400px;
}
.contact-me-mobile {
color: #fff;
text-align: center;
margin-top: 0;
margin-left: 100px;
margin-right: 100px;
font-family: Space Grotesk;
font-size: 26px;
line-height: 26px;
display: none;
}
.contact-me-mobile.email {
margin-top: 10px;
margin-left: 183px;
margin-right: 140px;
font-size: 20px;
}
.contact-me-mobile.available {
color: #fff;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
display: none;
}
.image-213 {
max-width: 60%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.design-2-grid {
grid-column-gap: 10px;
grid-template-rows: 60px 60px 60px 60px 60px 60px 60px 30px 60px 60px 60px 60px 60px 60px 30px 60px 60px 60px;
grid-auto-rows: 60px;
}
.design-2-grid.illustration {
grid-template-rows: 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px;
margin-bottom: 60px;
}
.project-title.illust {
font-size: 16px;
}
.illustration-tablet-heading {
margin-left: 309px;
}
.design-tablet-heading {
margin-left: 361px;
}
.text-block-32 {
font-size: 24px;
line-height: 30px;
}
.columns-15 {
flex-direction: column;
max-width: none;
margin-top: 0;
}
.paragraph-18 {
margin: 0 0 60px 60px;
font-size: 16px;
line-height: 24px;
}
.paragraph-18.contact {
margin-bottom: 0;
margin-left: 40px;
margin-right: 40px;
font-size: 20px;
line-height: 26px;
}
.paragraph-18.small {
margin: 20px 40px 0;
}
.paragraph-18.newhp {
margin-left: 0;
}
.column-21 {
justify-content: center;
padding-top: 60px;
padding-right: 20px;
}
.heading-32 {
margin: 20px;
}
.column-22 {
background-size: 300px;
display: none;
}
.column-24 {
background-size: 400px 200px;
margin-top: 0;
}
.link-10 {
font-size: 40px;
line-height: 38px;
}
.link-11 {
font-size: 42px;
line-height: 48px;
}
.link-11.illos {
font-size: 38px;
line-height: 36px;
}
.column-25 {
background-size: 300px;
display: none;
}
.heading-33 {
color: #f7ceff;
text-align: center;
justify-content: center;
margin-top: 0;
font-family: Space Grotesk;
font-size: 50px;
line-height: 50px;
display: flex;
}
.text-block-34 {
align-items: center;
}
.intro-column-lft {
align-items: center;
display: none;
}
.intro-column-rt {
margin-top: 0;
padding-top: 40px;
}
.left-side-intro-section {
justify-content: center;
}
.intro-columns {
flex-direction: row;
}
.intro-grid {
grid-template-rows: auto auto auto;
}
.h1 {
color: #000;
margin-left: 0;
font-size: 55px;
line-height: 60px;
}
.h1.right-column {
text-align: left;
margin-bottom: 0;
margin-right: 0;
font-size: 50px;
line-height: 50px;
}
.h1.faney.tab-and-mobile {
font-size: 50px;
}
.h1.tab-and-mobile {
margin-bottom: 0;
display: block;
}
.h2-heading.deliverables {
line-height: 24px;
}
.solutions-div {
margin-left: 0;
}
.bcc-flavors-grid {
grid-template-rows: 5vh 10vh 15vh 8vh 10vh;
margin-top: 40px;
margin-left: 40px;
margin-right: 40px;
}
.challenge-solution-grid {
grid-template-rows: auto auto auto auto auto;
}
.project-name-heading {
margin-top: 10px;
font-size: 40px;
line-height: 40px;
}
.color-palette-heading.cider {
margin-left: 40px;
margin-right: 40px;
font-size: 28px;
line-height: 36px;
}
.color-palette-columns {
flex-direction: column;
}
.pepper-div.grid {
margin-left: 0;
}
.logo-info-grid {
max-width: none;
padding-left: 40px;
padding-right: 40px;
}
.logo-info-grid.sunkin {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto 60px;
}
.logo-info-grid.faney-lft {
max-width: 100vw;
}
.logo-info-grid.faney-rt {
max-width: none;
}
.logotype-heading {
margin-bottom: 20px;
font-size: 40px;
}
.mark-heading {
font-size: 40px;
}
.line.sunkin {
margin-top: 60px;
margin-bottom: 60px;
}
.gateway-ginger-lightbox {
width: auto;
}
.ciders-four-side-lightbox, .ciders-four-lightbox {
width: auto;
max-width: 100vw;
}
.ciders-pictures-section {
flex-direction: row;
}
.ciders-pictures-columns {
display: flex;
}
.white-mockups-lightbox {
justify-content: space-between;
max-width: none;
display: flex;
}
.white-moo-shirts-section {
flex-direction: row;
}
.white-moo-shirts-model-columns {
flex-direction: row;
justify-content: center;
align-items: center;
max-width: none;
display: flex;
}
.white-shirt-right-column {
flex-direction: row;
justify-content: center;
align-items: stretch;
padding-left: 0;
display: flex;
position: static;
}
.image-229 {
margin-right: 0;
padding-right: 0;
}
.white-shirt-model-back-lightbox {
width: auto;
max-width: none;
}
.white-moo-shirts-model-section {
flex-direction: row;
}
.black-mockups-lightbox {
justify-content: space-between;
max-width: none;
}
.body-link-bright {
text-decoration: underline;
}
.body-link-bright.home.rt-margin {
margin-bottom: 5px;
margin-right: 0;
}
.rt-column {
display: none;
}
.description-column {
padding-top: 40px;
}
.rt-side-intro-columns {
flex-direction: row;
}
.rt-side-intro-section {
margin-top: 0;
}
.jb-hanging-poster-lightbox {
max-width: 85vw;
}
.jb-hanging-poster-section {
margin-bottom: 100px;
}
.jb-bus-stop-lightbox {
max-width: none;
}
.jb-symbols-section {
margin-top: 100px;
margin-bottom: 140px;
}
.grid-22 {
grid-template-rows: auto 80px auto auto 80px auto auto auto;
max-width: 85vw;
}
.jb-plastered-posters-section {
margin-top: 0;
margin-bottom: 0;
}
.jb-symbol-paragraph {
margin-right: 0;
}
.jb-symbol-paragraph._2nd {
margin-right: 20px;
}
.bojagi-paragraph {
margin-top: 20px;
margin-right: 220px;
}
.jb-plastered-poster-closeup-lightbox {
width: auto;
max-width: 85vw;
}
.phone-side-mockup-section {
flex-direction: row;
margin-top: 100px;
margin-bottom: 100px;
}
.phone-front-mockup-section {
margin-bottom: 60px;
}
.purification-grave-video-1 {
width: 90vw;
height: 70vw;
}
.phone-side-mockup-video {
width: 80vw;
height: 55vw;
}
.jb-plaster-left-column {
justify-content: center;
padding-right: 0;
}
.jb-plastered-columns {
flex-direction: column;
max-width: 90vw;
}
.image-238 {
display: block;
}
.jb-plaster-right-column {
margin-top: 0;
padding-left: 0;
}
.sun-kin-caption.rt {
margin-top: 60px;
}
.sun-kin-sketches-columns {
flex-direction: row;
justify-content: center;
align-items: flex-start;
margin-top: 0;
display: block;
}
.phone-side-mockup-columns {
flex-direction: column;
align-items: stretch;
max-width: 85vw;
display: flex;
}
.faney-tags-section {
margin-bottom: 0;
}
.faney-logotype-design-section, .faney-mark-design-section {
align-items: center;
}
.faney-logotype-sign {
max-width: 100%;
}
.faney-mark-sign-image {
max-width: 80vw;
margin-bottom: 100px;
}
.design-home-grid {
grid-column-gap: 10px;
grid-row-gap: 20px;
max-width: none;
margin-top: 100px;
}
.new-illust-grid {
max-width: none;
}
.spiritss-link-block, .corean-gurls-link-block {
height: 30vh;
}
.froggy-link-block {
width: 35vw;
height: 30vh;
}
.halmoni-link-blockk, .poems-link-block, .nas-x-link-block, .everything-link-block {
height: 30vh;
}
.lft-heading, .illust-heading {
font-size: 42px;
line-height: 42px;
}
.illust-heading.illo {
font-size: 24px;
line-height: 24px;
}
.illust-description {
font-size: 16px;
}
.sun-kin-heading-div.home {
display: none;
}
.eulogiess-link-block, .various-link-block {
height: 30vh;
}
.column-69 {
padding-left: 0;
}
.white-shirt-model-full-body-lightbox {
justify-content: center;
align-items: stretch;
width: auto;
max-width: none;
}
.faney-sign-lightbox {
max-width: none;
}
.faney-logotype-sign-lightbox {
margin-bottom: 100px;
}
.faney-mark-sign-lightbox {
max-width: 80vw;
}
.columns-35, .columns-36, .columns-37 {
display: flex;
}
.column-72 {
padding-left: 0;
padding-right: 0;
}
.column-73 {
justify-content: center;
display: flex;
}
.project-intro-section {
margin-top: 80px;
}
.project-intro-section.animation {
margin-top: 100px;
padding-top: 20px;
}
.project-intro-section.jb {
margin-bottom: 0;
}
.project-intro-section.nj {
margin-top: 60px;
}
.project-intro-section.faney {
margin-top: 80px;
}
.project-intro-section.stranger {
margin-top: 80px;
padding-bottom: 0;
}
.project-intro-grid {
grid-row-gap: 20px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
max-width: 85vw;
margin-left: 40px;
margin-right: 40px;
}
.project-intro-grid._2 {
grid-template-columns: .25fr 1fr 1fr .25fr;
margin-left: 20px;
margin-right: 20px;
}
.project-intro-grid._2.ciders {
max-width: 85vw;
margin-left: 0;
margin-right: 0;
}
.project-intro-grid._2.shirts {
grid-template-columns: .5fr 1fr 1fr .5fr;
}
.project-intro-grid._2 {
grid-template-columns: 1fr 1fr 1fr;
max-width: 85vw;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}
.project-intro-grid.jb {
grid-template-rows: auto auto;
grid-template-columns: 1fr .25fr;
max-width: 90vw;
}
.project-intro-grid.illo {
grid-column-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 0;
}
.project-intro-grid.faney {
grid-template-rows: auto auto;
grid-template-columns: 1.75fr 1fr;
padding-bottom: 0;
}
.project-intro-grid.halmoni {
grid-template-rows: auto auto;
max-width: 90vw;
}
.project-intro-grid.nj {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
max-width: 85vw;
}
.project-intro-grid.cafealan {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.project-intro-grid.penink {
margin-left: 30px;
}
.h2 {
text-align: center;
align-items: center;
margin: 0;
font-size: 45px;
line-height: 50px;
display: block;
}
.h2.center {
letter-spacing: -1px;
font-size: 45px;
line-height: 50px;
}
.paragraph-25 {
padding-right: 0;
}
.paragraph-25.overview, .paragraph-25.solution {
line-height: 22px;
}
.text-block-40 {
font-size: 16px;
line-height: 22px;
}
.header {
margin-top: 0;
}
.header.intro {
max-width: none;
margin-top: 0;
margin-bottom: 0;
}
.header.smaller.color-palette {
margin-top: 0;
}
.lightbox-link-97 {
max-width: 95vw;
}
.section-89 {
margin-top: 60px;
}
.lightbox-link-98, .lightbox-link-100 {
max-width: 95vw;
}
.lightbox-link-101 {
max-width: 90vw;
}
.grid-30 {
max-width: 85vw;
margin: 40px 20px 100px;
}
.section-92 {
margin-top: 60px;
}
.lightbox-link-146 {
max-width: none;
margin-top: 0;
margin-bottom: 0;
}
.lightbox-link-147 {
max-width: none;
}
.lightbox-link-148 {
max-width: 90vw;
}
.slider-3 {
max-width: 90vw;
margin-bottom: 140px;
}
.grid-32 {
margin-top: 60px;
}
.lightbox-link-154 {
max-width: 90vw;
margin-top: 40px;
}
.to-top-button._2 {
padding: 15px 10px;
}
.lightbox-link-155, .lightbox-link-156, .lightbox-link-157, .lightbox-link-158 {
max-width: 95vw;
}
.lightbox-link-159 {
max-width: none;
margin-bottom: 0;
}
.lightbox-link-160 {
margin-bottom: 0;
}
.lightbox-link-161 {
max-width: 90vw;
}
.logo-readapt {
margin-top: 60px;
}
.color-palette-grid {
margin-top: 0;
}
.grid-34 {
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr 1fr .5fr;
margin-bottom: 100px;
}
.div-block-74 {
justify-content: flex-start;
}
.div-block-75 {
margin-left: 60px;
margin-right: 60px;
}
.div-block-75.home2 {
width: auto;
margin-left: 10px;
margin-right: 10px;
}
.div-block-75.home2._3 {
margin-left: 40px;
margin-right: 40px;
padding-left: 20px;
padding-right: 20px;
}
.columns-41 {
flex-direction: column;
}
.section-96, .section-96.create {
margin-top: 100px;
}
.grid-35 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
margin-left: 60px;
margin-right: 60px;
}
.grid-35.curious {
grid-template-columns: .75fr .75fr;
margin-left: 60px;
margin-right: 60px;
}
.grid-35.create {
grid-template-columns: 1fr 1fr;
}
.bold-text-26 {
font-weight: 600;
}
.div-block-85, .div-block-86 {
justify-content: center;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.text-block-47 {
margin-bottom: 20px;
}
.lightbox-link-167, .lightbox-link-168 {
width: auto;
}
.grid-37 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
align-self: center;
margin-bottom: 60px;
}
.balcom-logomark-sketches {
margin-top: 0;
}
.balcom-logotype-sketches {
margin-top: 60px;
}
.logotype-quickstack {
grid-column-gap: 20px;
max-width: 90vw;
padding: 20px;
}
.cell-3 {
justify-content: center;
}
.logomark-quickstack {
max-width: 90vw;
}
.balcom-final-logo-section {
margin-top: 60px;
}
.final-logo-quickstack {
max-width: 90vw;
}
.h3 {
color: var(--may--brown);
margin-bottom: 10px;
line-height: 24px;
}
.h3.categories {
color: var(--may--cream);
-webkit-text-stroke-color: transparent;
background-color: #0000;
border-style: none;
border-color: #000;
}
.blossom-simple-newsletters {
max-width: 90vw;
margin-top: 0;
}
.section-105 {
margin-top: 0;
}
.logo-readapation-quickstack {
grid-column-gap: 20px;
grid-row-gap: 40px;
border-radius: 0;
max-width: none;
margin-bottom: 60px;
padding: 40px;
}
.quick-stack-7 {
grid-column-gap: 10px;
}
.calendar-illustrations {
margin-bottom: 0;
}
.image-346 {
max-width: 100%;
}
.quick-stack-9 {
max-width: 85vw;
padding: 20px 10px;
}
.quick-stack-10 {
grid-column-gap: 20px;
grid-row-gap: 20px;
max-width: 85vw;
}
.quick-stack-11 {
max-width: 80vw;
}
.cell-27 {
justify-content: center;
}
.image-349, .image-350 {
object-fit: cover;
}
.cell-28 {
justify-content: center;
}
.quick-stack-12 {
max-width: 80vw;
}
.section-119 {
margin-top: 0;
margin-bottom: 0;
}
.text-block-56 {
text-align: center;
margin-left: 20px;
margin-right: 20px;
font-size: 24px;
}
.quick-stack-13 {
grid-row-gap: 40px;
}
.section-120 {
margin-bottom: 60px;
}
.background-video-12 {
height: 50vh;
display: block;
}
.view-button {
font-size: 24px;
}
.view-button._2 {
width: 240px;
}
.blossom-collage-newsletters, .blossom-stories {
margin-top: 60px;
padding-top: 80px;
}
.blossom-stories.halo {
margin-top: 60px;
}
.quick-stack-18 {
grid-column-gap: 60px;
grid-row-gap: 40px;
}
.lightbox-link-191, .lightbox-link-192 {
width: auto;
}
.quick-stack-21 {
margin-top: 60px;
}
.section-127 {
margin-top: 0;
}
.quick-stack-22 {
grid-column-gap: 20px;
grid-row-gap: 20px;
max-width: 90vw;
}
.quick-stack-23 {
max-width: 90vw;
}
.video {
margin-top: 10px;
}
.quick-stack-24, .quick-stack-25, .quick-stack-26 {
max-width: 85vw;
}
.section-134.new-home {
padding-left: 40px;
padding-right: 40px;
}
.grid-38.mobile {
grid-column-gap: 80px;
grid-row-gap: 100px;
grid-template-columns: 1fr 1fr;
}
.grid-39 {
grid-column-gap: 80px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.home-link-block, .home-link-block:hover {
transform: none;
}
.section-137 {
margin-bottom: -130px;
}
.heading-51.large.design {
font-size: 80px;
line-height: 64px;
}
.heading-51.large.smile {
margin-left: 20px;
}
.heading-51.large.head {
font-size: 130px;
line-height: 100px;
}
.cell-100 {
align-items: flex-start;
}
.grid-40 {
grid-column-gap: 100px;
grid-row-gap: 100px;
margin-top: 60px;
}
.cell-102 {
align-items: center;
}
.quick-stack-30 {
grid-column-gap: 40px;
grid-row-gap: 40px;
max-width: 85vw;
padding-left: 10px;
padding-right: 10px;
}
.text-block-63 {
padding-left: 10px;
padding-right: 10px;
font-size: 20px;
}
.brand-3 {
margin-left: 10px;
padding-left: 0;
}
.brand-3.w--current {
padding-left: 0;
}
.categories-heading {
margin-left: 100px;
margin-right: 100px;
font-size: 48px;
}
.categories-heading.contact {
font-size: 46px;
line-height: 48px;
}
.cell-105 {
align-items: center;
padding-left: 0;
}
.text-span-16 {
letter-spacing: -1px;
}
.column-87 {
display: flex;
}
.columns-43 {
flex-direction: column;
margin-left: 60px;
margin-right: 60px;
padding-bottom: 0;
}
.column-88 {
margin-top: 40px;
padding-left: 0;
}
.columns-45 {
flex-direction: column;
padding-bottom: 0;
}
.column-90 {
flex-direction: row;
align-items: stretch;
display: flex;
}
.contact-heading {
max-width: 80vw;
font-size: 36px;
line-height: 42px;
}
.top-heading {
text-align: center;
margin-top: 40px;
margin-left: 60px;
margin-right: 60px;
padding-left: 20px;
padding-right: 20px;
}
.section-145 {
margin-top: 60px;
}
.landing-assets.ipad {
font-size: 26px;
}
.landing-assets.ipad.small {
font-size: 24px;
line-height: 26px;
}
.landing-div-color-block, .landing-div-color-block.pink {
display: none;
}
.section-150 {
padding: 20px;
}
.link-18 {
width: auto;
max-width: none;
font-size: 18px;
}
.italic-text-30 {
font-size: 45px;
}
.column-100 {
margin-top: 0;
padding-left: 20px;
}
.text-block-67, .text-block-67.olive, .text-block-67.orange {
font-size: 16px;
line-height: 20px;
}
.text-block-67.pink {
margin-bottom: 10px;
font-size: 16px;
}
.background-video-15 {
width: 150px;
height: 150px;
}
.image-409 {
padding-left: 40px;
padding-right: 40px;
}
.contact._2 {
font-size: 55px;
line-height: 55px;
}
.image-410 {
max-width: 60%;
}
.column-101 {
justify-content: center;
padding: 0;
display: flex;
}
.column-102 {
padding-right: 20px;
}
.column-103 {
padding-left: 10px;
padding-right: 10px;
}
.menu-button-2 {
margin-right: 10px;
}
.nav-menu-5 {
position: absolute;
}
.column-106 {
padding-left: 0;
}
.column-107 {
margin-top: 60px;
}
.section-152 {
padding-top: 10px;
}
.quick-stack-32 {
max-width: 90vw;
}
.columns-50 {
display: flex;
}
.quick-stack-33 {
margin-bottom: 0;
}
.tabs-content-2 {
margin-top: 40px;
}
.tabs-menu {
margin-top: 20px;
display: none;
}
.tab-link-1 {
margin-top: 25px;
padding: 20px 60px;
}
.tab-link-1.w--current {
margin: 20px 20px 0 0;
}
.tab-type-1 {
max-width: none;
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.tab-type-1.w--current {
margin-left: 20px;
margin-right: 20px;
}
.tab-type-1.mobile.w--current {
margin-left: 40px;
margin-right: 40px;
}
.tabs-menu-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: none;
}
.quick-stack-new-hp {
margin-left: 20px;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
}
.image-458 {
max-width: 48%;
}
.ajkhere.w--current {
margin-top: 20px;
margin-left: 10px;
}
.tabs-menu-3 {
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.quick-stack-35 {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-left: 10px;
margin-right: 10px;
}
.plntrs-character-quickstack, .plntrs-character-quickstack.readaptation {
max-width: 95vw;
}
.quick-stack-40 {
margin-top: 60px;
}
.quick-stack-42 {
margin-bottom: 60px;
}
.info-button {
z-index: 8;
}
.info-button.w--current {
z-index: 8;
width: auto;
max-width: none;
}
.cell-148 {
justify-content: center;
align-items: center;
}
.mobile-divider {
background-color: var(--may--brown);
width: auto;
height: 1px;
max-height: none;
margin-top: 20px;
padding-bottom: 0;
padding-right: 0;
display: block;
}
.section-167 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.section-168 {
margin-top: 130px;
}
.cell-164 {
flex-flow: column;
}
._3-column-header {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.categories-box {
margin-top: 0;
}
.categories-box._40 {
margin-top: 40px;
}
.heading-2-column-cells.top-margin {
margin-top: 90px;
}
.quick-stack-49 {
grid-column-gap: 40px;
grid-row-gap: 40px;
margin-top: 40px;
margin-left: 20px;
margin-right: 20px;
}
}
@media screen and (max-width: 479px) {
.heading {
margin-top: 0;
padding-top: 20px;
padding-left: 0;
padding-right: 20px;
font-size: 40px;
line-height: 48px;
}
.heading.og-home {
text-align: center;
max-width: 80vw;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 0;
padding-left: 40px;
padding-right: 40px;
font-size: 42px;
line-height: 47px;
display: block;
}
.heading.og-home.ash {
max-width: none;
margin-left: 10px;
margin-right: 10px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
font-size: 42px;
display: none;
}
.heading.og-home.ash._2 {
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
padding: 10px;
font-size: 70px;
line-height: 60px;
display: block;
}
.heading.og-home.ash.two {
margin-top: 0;
padding-left: 20px;
padding-right: 20px;
font-size: 55px;
line-height: 50px;
display: block;
}
.text-block {
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
font-size: 30px;
line-height: 32px;
}
.navbar {
background-image: none;
}
.brand {
z-index: 5;
background-size: 120px 60px;
flex-direction: column;
width: 130px;
height: 80px;
margin-top: 10px;
margin-left: 0;
padding: 20px 0 0;
}
.brand.w--current {
background-size: 120px 60px;
flex-direction: column;
justify-content: center;
width: 130px;
height: 80px;
padding-top: 20px;
padding-left: 0;
}
.heading-2 {
font-size: 30px;
}
.section {
padding-bottom: 20px;
}
.text-block-2 {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 17px;
display: block;
}
.body-links {
font-size: 30px;
line-height: 30px;
}
.body-links.header {
font-size: 40px;
}
.body-links.plnt {
text-align: center;
justify-content: center;
display: flex;
}
.image-8, .image-9, .image-10 {
min-width: 200px;
}
.heading-4 {
text-align: center;
margin-left: 20px;
margin-right: 20px;
padding-top: 0;
}
.column-4 {
height: auto;
}
.lottie-animation {
margin-left: 10px;
margin-right: 10px;
}
.heading-5 {
text-align: center;
padding-top: 0;
}
.div-block-2, .div-block-3, .div-block-5 {
height: 100px;
}
.text-block-3 {
text-align: center;
margin-left: 40px;
margin-right: 20px;
padding-top: 2px;
padding-left: 0;
font-size: 35px;
line-height: 30px;
}
.text-block-4 {
text-align: center;
margin-left: -11px;
margin-right: 20px;
padding-top: 0;
padding-left: 0;
font-size: 28px;
line-height: 40px;
}
.text-block-5 {
text-align: center;
margin-left: 40px;
margin-right: 20px;
padding-bottom: 13px;
padding-left: 0;
padding-right: 0;
font-size: 30px;
line-height: 20px;
}
.text-block-6 {
text-align: center;
margin-left: -10px;
margin-right: 20px;
padding-left: 0;
font-size: 40px;
line-height: 20px;
}
.text-block-7 {
text-align: center;
margin-top: -9px;
margin-left: 20px;
margin-right: 20px;
padding-left: 158px;
font-size: 30px;
line-height: 30px;
}
.heading-6 {
text-align: center;
margin-top: 29px;
margin-left: 0;
padding-top: 0;
line-height: 30px;
}
.columns-3 {
margin-left: 20px;
margin-right: 20px;
}
.paragraph-2 {
text-align: center;
margin-left: 0;
margin-right: 0;
}
.column-6, .column-7, .column-8 {
padding-left: 0;
}
.intro-div {
margin-top: 10px;
margin-left: 5px;
margin-right: 5px;
}
.image-14 {
padding-left: 0;
padding-right: 0;
}
.contact-ash {
margin: 0 0 20px;
font-size: 70px;
line-height: 55px;
display: block;
}
.contact-ash.contact {
margin-top: 20px;
}
.contact-ash.contact-pg {
text-align: center;
justify-content: center;
margin-bottom: 40px;
font-size: 50px;
line-height: 45px;
}
.contact-ash.bonus {
margin-bottom: 10px;
}
.contact-form {
align-items: center;
width: auto;
margin-left: 0;
margin-right: 0;
}
.contact-form.contact {
width: 370px;
}
.contact-me-today {
margin-left: -10px;
display: none;
}
.contact-me-today.email {
text-align: left;
margin-left: -10px;
}
.footer-text {
text-align: center;
margin-right: 0;
font-size: 10px;
}
.name, .email {
font-size: 20px;
}
.name-field {
width: auto;
min-width: auto;
height: auto;
padding-left: 20px;
padding-right: 20px;
}
.name-field.design {
width: auto;
}
.email-field {
width: auto;
height: auto;
padding-left: 20px;
padding-right: 20px;
}
.email-field.design {
width: auto;
}
.submit-button {
margin-left: 0;
margin-right: 0;
}
.message {
font-size: 20px;
}
.message-textarea {
width: auto;
height: auto;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.client-name.balcom {
width: 180px;
margin-top: 10px;
font-size: 26px;
line-height: 26px;
}
.client-name.balcom.plntrs {
margin-top: 20px;
}
.client-name.balcom._112 {
text-align: center;
margin-top: 16px;
margin-left: 0;
font-size: 35px;
}
.client-name.balcom.illust {
width: auto;
max-width: 70vw;
font-size: 38px;
line-height: 38px;
}
.client-name.balcom.illust.halmoni {
width: auto;
max-width: 70vw;
font-size: 36px;
line-height: 36px;
}
.client-name.balcom.illust.mobile {
letter-spacing: 0;
width: auto;
max-width: 40vw;
font-size: 34px;
line-height: 34px;
}
.client-name.balcom.illust.long {
background-image: none;
font-size: 32px;
line-height: 32px;
}
.client-name.balcom.sunkin {
width: auto;
font-size: 36px;
}
.header-container {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.project-name {
width: 250px;
margin-left: 10px;
margin-right: 10px;
}
.project-name.bcc-tees {
width: auto;
}
.project-name.plntrs {
letter-spacing: .5px;
width: auto;
}
.balcom-logo-grid.plntrs-logo.plntrs {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
margin-top: 10px;
}
.balcom-logo-grid.plntrs-logo.plntrs.character {
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: .5fr 1fr 1fr 1fr;
margin-top: 0;
}
.balcom-logo-grid.plntrs-logo.plntrs.character.self-care {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 0;
}
.balcom-logo-grid.plntrs-logo.plntrs.character.sunkin {
grid-template-rows: auto minmax(auto, auto) auto auto auto 40px auto auto 40px auto minmax(40px, 40fr);
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.balcom-logo-grid.invites {
grid-template-columns: .5fr 1fr 1fr 1fr;
margin: 20px 20px 60px;
padding-bottom: 0;
}
.balcom-logo-grid.hibiscus {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1.5fr 1fr;
}
.balcom-logo-grid.logo-presentation {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
margin-bottom: 40px;
}
.project-description.balcom {
margin-left: 10px;
margin-right: 10px;
}
.page-header.bcc {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/622ce8df79149cfe9f3df45e_dgreen.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 340px 140px;
justify-content: center;
height: 130px;
margin-top: 80px;
margin-bottom: 10px;
}
.page-header.bcc.illo {
background-size: 90vw 22vh;
height: 160px;
margin-top: 92px;
line-height: 18px;
}
.page-header.bcc.illo.everything {
background-size: 100vw 28vh;
height: 200px;
}
.page-header.bcc.illo.poetry {
background-size: 90vw 28vh;
height: 180px;
}
.page-header.bcc.illo-big {
background-size: 300px 130px;
height: 120px;
margin-bottom: -33px;
}
.page-header.bcc._112, .page-header.bcc.plant, .page-header.bcc.invite {
height: 130px;
}
.black-shirt-section {
margin-top: 10px;
margin-bottom: 60px;
}
.miss-moo-logo-black {
max-width: none;
}
.miss-moo-logo-black.green {
background-color: #3a6e54;
border: 1px solid #0000;
margin-right: 0;
}
.miss-moo-logo-green {
max-width: 100px;
margin-right: 0;
}
.hibiscus-miss-moo-full-color-image {
object-fit: cover;
padding-left: 0;
padding-right: 0;
}
.image-of-2nd-logo-opts {
padding-right: 40px;
}
.title.under-construction {
margin-left: 10px;
margin-right: 10px;
font-size: 23px;
line-height: 28px;
}
.process-title-section.plntrs, .process-title-section.plntrs.final {
margin-top: 0;
}
.process-title-section.plntrs.illust.sunkin {
margin-top: 60px;
}
.process-title-section.plntrs.invites {
margin-top: 40px;
}
.process-title-section.under-construction {
margin-top: 40px;
margin-bottom: 100px;
}
.balcom-tees-grid {
grid-column-gap: 8px;
grid-template-rows: auto minmax(auto, 180px) auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.balcom-tees-grid.black {
grid-template-rows: auto minmax(auto, 180px) auto;
}
.plntrs-logo-section {
margin-left: 10px;
margin-right: 10px;
}
.white-shirt-back-design {
padding-top: 0;
padding-bottom: 0;
}
.contact-section {
background-size: 360px 140px;
margin-top: 60px;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
.contact-section.heading {
background-size: 100vw 25vh;
margin-top: 80px;
}
.columns-contact-form {
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
padding-bottom: 40px;
padding-left: 0;
}
.columns-contact-form.contact-pg {
padding-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.contact-lt-div {
align-items: center;
margin-top: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
}
.rt-contact-column {
flex-direction: column;
justify-content: center;
align-items: stretch;
margin-top: 0;
padding-left: 30px;
padding-right: 30px;
}
.contact-rt-div {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
margin-top: 20px;
margin-left: 0;
margin-right: 0;
}
.contact-rt-div.contact-pg {
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
}
.logo-sticker-grid {
grid-template-rows: 250px;
grid-template-columns: 1fr;
height: auto;
margin-left: 20px;
margin-right: 20px;
}
.logo-sticker-grid.plntrs {
margin-left: 0;
margin-right: 0;
}
.photos-section {
flex-wrap: wrap;
margin-top: 20px;
margin-bottom: 60px;
display: block;
}
.logo-sticker-image {
object-fit: cover;
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
.logo-sticker-image:hover {
border-style: none;
border-radius: 0;
}
.readaptation-title-section {
margin-top: 60px;
}
.project-type {
text-align: center;
width: 160px;
margin-top: 10px;
font-size: 22px;
}
.project-type.illust.sub.mobile {
text-align: center;
font-size: 24px;
}
.project-type.illust.sub.sunkin {
width: auto;
font-size: 21px;
line-height: 24px;
}
.project-type.invites {
width: auto;
font-size: 28px;
line-height: 30px;
}
.project-type.shirt, .project-type.ui {
width: auto;
}
.plntrs-logo-image {
max-width: 45vw;
margin-left: 20px;
padding-top: 10px;
padding-left: 0;
padding-right: 0;
}
.final-design-heading {
border-radius: 15px;
width: 40px;
margin-top: 40px;
font-size: 22px;
line-height: 24px;
}
.final-design-heading.final-design-plntrs-character {
width: 45px;
font-size: 24px;
}
.final-design-heading.final-design-plntrs-character.sunkin {
border-radius: 17px;
width: 45px;
height: auto;
margin-top: 0;
line-height: 26px;
}
.final-design-heading.final-design-plntrs-character.invites {
display: none;
}
.final-design-heading.final-logo {
width: 50px;
margin-top: 60px;
}
.image-69 {
max-width: 100%;
margin-top: -8px;
margin-left: 100px;
padding-left: 0;
}
.paragraph-11 {
margin: 0;
padding: 40px 20px 40px 40px;
font-size: 18px;
line-height: 28px;
}
.paragraph-11.love-to-learn {
margin: 0 20px;
padding-left: 0;
padding-right: 0;
font-size: 18px;
line-height: 28px;
}
.white-pocket-design {
object-fit: cover;
padding-left: 0;
padding-right: 0;
}
.shirts-gif-grid.shirts {
grid-column-gap: 10px;
margin-left: 0;
margin-right: 0;
}
.white-shirt-back-design-ltbox {
align-content: stretch;
}
.hibiscus-miss-moo-outline-image {
object-fit: cover;
width: 100%;
max-width: none;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.logo-gif {
padding-left: 10px;
padding-right: 10px;
}
.footer {
margin-bottom: 0;
}
.final-design-caption {
margin-left: 40px;
font-size: 16px;
line-height: 22px;
}
.final-design-caption.final1.logo-plntrs {
margin-top: 10px;
padding-right: 20px;
}
.final-design-caption.final1.illust {
align-items: center;
margin-top: 0;
margin-left: 0;
}
.final-design-caption.final2 {
margin-top: 20px;
padding-right: 10px;
}
.final-design-caption.plntrs-character {
margin-left: 20px;
margin-right: 20px;
padding-right: 0;
}
.final-design-caption.plntrs-character.rt {
margin-top: 40px;
margin-left: 10px;
}
.first-sketch-ltbox.sunkin {
margin-bottom: 40px;
margin-left: 10px;
margin-right: 10px;
}
.explore-each-cider {
max-width: 80vw;
height: auto;
margin: 0;
font-size: 26px;
line-height: 32px;
}
.explore-each-cider.penink {
margin-left: 0;
margin-right: 0;
font-size: 15px;
}
.jumpman-image {
display: none;
}
.plant-care-is-self-care-section {
margin-left: 10px;
margin-right: 10px;
}
.final-thoughts {
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
}
.plant-illo-ltbox {
width: auto;
margin-left: 10px;
margin-right: 10px;
}
.plant-illo-ltbox.plant2 {
justify-content: space-between;
margin: 20px 10px 60px;
}
.grid-16 {
grid-template-rows: minmax(auto, 1fr) auto minmax(auto, 180px) 20px auto minmax(auto, 180px) 20px auto minmax(auto, 160px) 20px auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-left: 20px;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
}
.design-category {
font-size: 12px;
line-height: 5px;
display: block;
}
.final-design-div.sunkin {
justify-content: flex-start;
}
.olympics-character-ltbox {
display: none;
}
.white-pocket-design-ltbox {
place-content: stretch space-between;
}
.hibiscus-ltbox {
width: auto;
}
.hibiscus-ltbox.newbalcom {
justify-content: flex-end;
padding-right: 0;
}
.imperial-ltbox {
width: auto;
}
.imperial-cascade-image.newbalcom {
margin-left: 0;
margin-right: 0;
}
.saison-ltbox.newbalcom {
justify-content: flex-end;
}
._w-mash-ltbox.new-balcom {
margin-left: 0;
}
.plntrs-final-logo-ltbox {
margin-top: 100px;
}
.plntrs-screenshot-ltbox {
padding-right: 10px;
}
.click-me-cursor-cider {
display: none;
}
.click-me-cursor-cider.new {
margin-left: 0;
}
.image-of-1st-logo-options {
margin-top: 0;
}
._1st-rd-logos-div {
flex-wrap: wrap;
place-content: flex-end center;
align-items: center;
max-width: none;
margin-left: 0;
padding-right: 10px;
display: flex;
}
.ciders-grid {
grid-column-gap: 12px;
}
.projects-heading {
margin-top: 77px;
margin-left: 20px;
margin-right: 20px;
font-size: 32px;
}
.projects-heading.illo {
letter-spacing: 8px;
margin-left: 10px;
margin-right: 10px;
font-size: 28px;
}
.illustration {
grid-column-gap: 10px;
grid-template-rows: auto auto minmax(auto, 1fr) 10px auto auto 10px auto auto 10px auto auto;
grid-template-columns: .5fr .5fr .5fr .5fr;
padding-left: 10px;
padding-right: 10px;
}
.about-columns-1 {
max-width: none;
}
.intro-column-right {
padding-left: 0;
padding-right: 0;
}
.froggy-image {
width: auto;
max-width: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.text-block-21 {
text-align: center;
margin: 0;
padding: 40px 10px 40px 20px;
font-size: 18px;
line-height: 28px;
}
.about-columns-2.bottom {
max-width: none;
margin: 40px 0 0;
}
.about-columns-2.face {
max-width: none;
margin-top: 40px;
margin-bottom: 40px;
}
.hi-section {
background-size: 100vw 28vh;
height: auto;
margin-top: 40px;
margin-bottom: 40px;
}
.link-block-penink {
align-content: stretch;
}
.forest-caption-text-block {
margin-left: 20px;
margin-right: 20px;
}
.paragraph-illust.long {
max-width: 70vw;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
.paragraph-illust.long.eulogies {
max-width: 70vw;
margin-left: 20px;
margin-right: 20px;
}
.paragraph-illust.sunkin {
margin-bottom: 20px;
margin-right: 20px;
}
.columns-13 {
flex-direction: column;
}
.column-17 {
justify-content: center;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.forest-2-image, .forest-3-1-image, .forest-3-image {
margin-top: 0;
}
.body-link-basic._2 {
font-size: 15px;
line-height: 19px;
}
.still-2-image, .still-3-image {
margin-top: 0;
}
.image-156 {
max-height: 560px;
}
.click-to-watch-column {
padding-left: 0;
padding-right: 0;
}
.sun-kin-button {
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 24px;
line-height: 26px;
}
.sun-kin-button.new {
width: auto;
margin-top: 40px;
margin-left: 0;
margin-right: 0;
padding: 20px;
font-size: 22px;
font-weight: 500;
line-height: 24px;
}
.watch-p-g-section {
margin-top: 60px;
}
.forest-2-ltbox, .forest-3-ltbox, .purification-g-ltbox, .still-2-ltbox, .still-3-ltbox, .still-4-ltbox, .still-5-ltbox, .still-6-ltbox {
margin-top: 20px;
}
.hibiscus-illustration-lightbox {
justify-content: space-between;
width: auto;
display: flex;
}
.illust-section {
margin-top: 20px;
margin-bottom: 20px;
}
.illust-grid.halmoni {
grid-column-gap: 20px;
grid-row-gap: 40px;
grid-template-columns: .25fr 1fr 1fr;
max-width: 90vw;
margin: 0;
}
.illust-grid.halmoni._3 {
grid-template-columns: .25fr 1fr 1fr;
max-width: 90vw;
margin-bottom: 100px;
margin-left: 0;
margin-right: 0;
}
.illust-grid.poems {
grid-column-gap: 14px;
grid-row-gap: 12px;
grid-template-rows: minmax(auto, auto) auto 20px auto auto 20px auto auto 20px auto auto;
grid-template-columns: 1fr 1fr;
margin-left: 20px;
margin-right: 20px;
}
.illust-grid.poems._2 {
grid-row-gap: 20px;
grid-template-rows: minmax(auto, auto) auto 20px auto auto 20px auto auto 20px auto auto 20px auto auto;
max-width: none;
margin-top: 20px;
margin-bottom: 60px;
}
.illust-grid.nasx {
max-width: none;
margin-bottom: 60px;
margin-left: 0;
margin-right: 0;
}
.illust-grid.penink {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: minmax(auto, auto) auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
max-width: 90vw;
margin-bottom: 60px;
margin-left: 0;
margin-right: 0;
}
.illust-grid.korean-gurls {
grid-row-gap: 40px;
grid-template-rows: minmax(auto, auto) auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
max-width: none;
margin-bottom: 60px;
margin-left: 0;
margin-right: 0;
}
.illust-grid.spirits {
grid-column-gap: 20px;
grid-row-gap: 40px;
grid-template-rows: minmax(auto, auto) auto auto;
grid-template-columns: 1fr 1fr 1fr;
max-width: none;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.illust-grid.froggy {
grid-row-gap: 40px;
max-width: none;
}
.illust-grid.froggy.shorts {
grid-template-rows: minmax(auto, auto) auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
max-width: 90vw;
margin: 20px 0 0;
}
.illust-grid.everythingeverywhere {
grid-row-gap: 40px;
max-width: none;
}
.poetry-caption {
margin-left: 40px;
}
.halmoni-text-section.last {
margin-bottom: 100px;
}
.halmoni-heading {
margin-left: 20px;
margin-right: 20px;
font-size: 20px;
line-height: 25px;
}
.halmoni-heading._2 {
max-width: none;
margin-left: 20px;
margin-right: 20px;
font-size: 20px;
line-height: 25px;
}
.burning-video-section {
margin-bottom: 60px;
margin-left: 0;
margin-right: 0;
}
.spirit-smoking-ltbox {
border-style: none;
}
.slider {
margin-top: 20px;
}
.slide-nav {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.icon-2 {
margin-top: 100px;
margin-left: 37px;
margin-right: 0;
font-size: 35px;
}
.icon-3 {
margin-top: 100px;
margin-left: 0;
margin-right: 0;
font-size: 35px;
}
.icon-3.sandra {
margin-top: 110px;
}
.eulogies-ltbox._2 {
max-width: none;
height: auto;
margin-left: 40px;
margin-right: 40px;
}
.caption {
margin-left: 20px;
margin-right: 20px;
font-size: 14px;
line-height: 18px;
}
.caption.christ {
font-size: 14px;
}
.bold-text-4 {
margin-left: 10px;
}
.bold-text-6 {
font-size: 14px;
}
.montero-image-section {
margin-bottom: 60px;
}
.discipline {
z-index: 0;
}
.invites-grid {
grid-column-gap: 10px;
grid-row-gap: 20px;
grid-template-rows: auto auto auto auto;
margin-bottom: 60px;
margin-left: 10px;
margin-right: 10px;
}
.invitations-descript {
font-size: 13px;
line-height: 18px;
}
.flyers-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 20px;
margin-bottom: 60px;
}
.contact-pg-title-section {
margin-top: 80px;
}
.contact-me-heading {
margin-top: 0;
padding-top: 31px;
font-size: 36px;
}
.contact-me-heading.illust {
margin-top: -40px;
padding-top: 22px;
}
.contact-me-heading.design {
padding-top: 51px;
font-size: 38px;
}
.contact-me-heading.design.contact {
padding-top: 0;
}
.form {
width: auto;
margin-left: 10px;
margin-right: 10px;
padding: 0;
}
.text-span-2 {
font-size: 18px;
}
.text-span-2:hover {
font-size: 26px;
}
.text-span-3 {
font-size: 20px;
}
.text-span-4 {
font-size: 18px;
}
.text-span-4:hover {
font-size: 26px;
}
.text-span-5 {
font-size: 30px;
}
._2nd-left-column {
padding-left: 0;
padding-right: 0;
}
.progress-bar {
z-index: 15;
background-image: none;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
height: 8px;
}
.business-description-section {
padding-left: 10px;
padding-right: 10px;
}
.invites-description-section {
margin-top: 10px;
margin-bottom: -25px;
}
.cider-bottom-images {
margin-top: 10px;
}
.single-hib-cider-ltbox {
border-style: none;
width: auto;
}
.triple-hib-cider-ltbox {
width: auto;
}
.logo-sticker-lightbox {
place-content: center;
width: auto;
max-width: 100vw;
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
.logo-sticker-lightbox:hover {
border: 14px solid #afff0f;
border-radius: 12px;
}
.hibiscus-outline-lightbox {
justify-content: space-between;
width: auto;
max-width: none;
display: flex;
}
.night-sea-ltbox, .braiding-ltbox {
border-style: none;
}
.urns-image {
border-style: solid;
}
.me {
max-width: 100%;
margin-bottom: 0;
margin-left: 0;
}
.lt-contact-column {
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.step-heading {
margin-left: 10px;
margin-right: 10px;
font-size: 24px;
line-height: 30px;
}
.step-heading.process {
font-size: 30px;
}
.step-heading.readapt {
font-size: 28px;
}
.caption-paragraph {
width: auto;
margin-bottom: 0;
margin-left: 10px;
font-size: 16px;
}
.caption-paragraph._2nd-rd {
margin-left: 0;
padding-right: 20px;
line-height: 22px;
}
.caption-paragraph.white-shirt {
width: auto;
margin-top: 0;
}
.hibiscus-cider-gif {
max-width: 80%;
}
.explore-div {
margin-bottom: 20px;
display: flex;
}
.explore-div.cider {
margin-bottom: 0;
}
.white-shirt-section {
margin-bottom: 20px;
}
.plntrs-logo-gif {
max-width: 55vw;
}
.project-heading {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.plntrs-character-sticker {
margin-top: 10px;
}
.environment-columns {
flex-direction: column;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
display: flex;
}
.final-animation-stills-1 {
margin-left: 20px;
margin-right: 20px;
}
.illust-images-section {
margin-bottom: 0;
padding-bottom: 100px;
}
.halmoni-section-1 {
margin-top: 60px;
margin-bottom: 100px;
}
.halmoni-section-2 {
margin-top: 100px;
margin-bottom: 100px;
}
.urns-section {
margin-top: 100px;
}
.burning-video {
max-width: none;
margin-left: 0;
margin-right: 0;
}
.intro-column-left {
margin-top: 20px;
}
._3rd-right-column {
padding-left: 0;
}
.columns-14 {
margin-left: 20px;
margin-right: 20px;
}
.ajkhere-fixed {
z-index: 3;
justify-content: center;
align-items: center;
margin-bottom: 0;
display: block;
position: fixed;
}
.fab-wrapper {
z-index: 3;
display: block;
bottom: 1%;
right: 2%;
}
.fab {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62841b894b189bf543974843_red.png");
background-size: 140px;
}
.text-block-25 {
color: #fff;
font-family: Inter, sans-serif;
line-height: 38px;
}
.text-block-25.close {
color: #fff;
display: block;
}
.text-block-25.open {
margin-bottom: 7px;
font-size: 50px;
}
.bars-icon {
color: #fff;
}
.fab-link-shape.contact {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61b79b96e4cca8a52a9a4fff_green.png");
background-size: 155px 80px;
width: 130px;
margin-bottom: 2px;
padding-right: 0;
}
.fab-link-shape.about {
background-size: 155px 80px;
margin-bottom: 2px;
}
.fab-link-shape.design {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61b79b96e4cca8a52a9a4fff_green.png");
background-size: 155px 80px;
}
.fab-link-shape.illust {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/62841b894b189bf543974843_red.png");
background-size: 125px 65px;
}
.fab-link-shape.ig {
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be2ff8880761129c8f54f9_green.png");
background-position: 45%;
background-repeat: no-repeat;
background-size: 70px 55px;
width: 80px;
height: 60px;
margin-top: 0;
margin-bottom: 4px;
margin-left: 25px;
}
.link-9 {
color: #000;
letter-spacing: 0;
width: auto;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-weight: 600;
}
.link-9.w--current {
color: #000;
width: auto;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 20px;
font-weight: 600;
}
.link-9.about {
letter-spacing: 0;
padding-left: 0;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 500;
}
.link-9.contact {
letter-spacing: 0;
padding-left: 5px;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 500;
}
.tablet-navbar {
display: none;
}
.menu-button {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be2ff8b67113203eeb51a7_orangey.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin-top: 20px;
padding: 20px 40px;
inset: auto 5% 5% auto;
}
.menu-button.w--open {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61a0186b45df6649f3803fc1/61be2ff8c69c243f405f4a9f_red.png");
}
.nav-menu-3 {
border-radius: 15px;
width: 240px;
margin-top: 164px;
margin-right: 15px;
}
.nav-link-6, .nav-link-7, .nav-link-8 {
width: auto;
margin-left: 0;
font-size: 26px;
}
.icon-4 {
max-width: 50px;
}
.form-2 {
flex: 1;
width: auto;
margin-top: -25px;
margin-left: 0;
}
.form-2.design {
width: 300px;
}
.contact-me-mobile {
color: #fff;
margin-top: 0;
margin-left: 0;
margin-right: 0;
font-family: Space Grotesk;
font-size: 24px;
font-weight: 400;
line-height: 26px;
display: none;
}
.contact-me-mobile.email {
margin-top: 10px;
margin-left: 0;
margin-right: 0;
font-size: 18px;
line-height: 20px;
}
.contact-me-mobile.available {
margin-top: 0;
font-size: 24px;
display: none;
}
.contact-me-mobile.available:hover {
transform: skew(23deg);
}
.link-block-15 {
width: 35px;
max-width: none;
margin-right: 8px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.column-18 {
margin-top: 20px;
}
.column-19 {
padding-left: 0;
padding-right: 0;
}
.column-20 {
margin-top: 20px;
}
.image-213 {
max-width: 100%;
margin-top: 40px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.design-grid {
margin-top: -52px;
}
.design-grid._2 {
justify-content: space-between;
margin-top: 0;
display: block;
}
.design-2-grid {
grid-template-rows: 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px;
grid-template-columns: 1fr 1fr 1fr;
}
.design-2-grid.illustration {
grid-template-rows: 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 40px;
margin-left: 20px;
margin-right: 20px;
padding-top: 0;
}
.sun-kin-link-block.illust {
background-position: 50% 0;
}
.navbar-4 {
display: none;
}
.illust-projects._2 {
margin-top: 60px;
display: block;
}
.illustration-tablet-heading {
margin-left: 50vw;
display: none;
}
.design-tablet-heading {
margin-left: 60vw;
display: none;
}
.contact-pg-form {
margin-top: 40px;
margin-bottom: 60px;
padding-top: 0;
padding-bottom: 0;
}
.text-block-32 {
letter-spacing: .5px;
margin-bottom: 40px;
padding-left: 10px;
padding-right: 10px;
font-family: Savate;
font-size: 20px;
line-height: 28px;
}
.columns-15 {
margin-left: 0;
margin-right: 0;
}
.image-214 {
margin-left: 3px;
}
.image-215 {
color: #0000;
-webkit-text-stroke-color: transparent;
overflow-wrap: normal;
background-color: #0000;
border: 4px #000;
margin-left: 4px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.paragraph-18 {
margin: 0 10px;
padding-left: 0;
padding-right: 0;
font-size: 16px;
line-height: 26px;
}
.paragraph-18.contact {
margin-bottom: 40px;
margin-left: 40px;
margin-right: 40px;
font-size: 18px;
line-height: 22px;
}
.paragraph-18.small {
margin-top: 0;
margin-left: 40px;
margin-right: 40px;
font-size: 14px;
line-height: 20px;
}
.paragraph-18.i-love {
margin-bottom: 60px;
}
.paragraph-18.newhp.large {
line-height: 30px;
}
.column-21 {
padding-left: 20px;
}
.heading-32 {
font-size: 16px;
line-height: 22px;
}
.column-22 {
background-size: 260px;
}
.column-24 {
background-size: 80vw 45vw;
height: 190px;
padding-right: 0;
}
.columns-16 {
max-width: none;
}
.link-11 {
font-size: 36px;
line-height: 40px;
}
.column-25 {
background-size: 260px;
}
.heading-33 {
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 45px;
font-weight: 500;
line-height: 45px;
}
.section-38 {
margin-top: 60px;
margin-bottom: 40px;
}
.text-block-34 {
font-size: 12px;
}
.div-block-51 {
padding-left: 0;
padding-right: 0;
}
.left-side-intro-section {
margin-bottom: 60px;
}
.intro-client-paragraph {
margin-bottom: 0;
font-size: 16px;
line-height: 26px;
}
.intro-grid {
margin-bottom: 60px;
margin-left: 20px;
margin-right: 20px;
}
.h1 {
font-size: var(--mobile-heading);
line-height: var(--mobile-heading-ht);
margin-bottom: 0;
margin-left: 0;
}
.h1.right-column {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.h1.faney.tab-and-mobile {
font-size: 50px;
line-height: 50px;
}
.h1.tab-and-mobile {
letter-spacing: 0;
}
.h2-heading.deliverables {
margin-bottom: 0;
font-size: 20px;
line-height: 20px;
}
.paragraph-description {
font-size: 16px;
line-height: 24px;
}
.paragraph-description.deliverables {
font-size: 15px;
line-height: 25px;
}
.paragraph-description.deliverables.links {
line-height: 28px;
}
.bcc-flavors-grid {
grid-template-rows: 70px 110px 120px 100px 80px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
margin-top: 10px;
margin-left: 40px;
margin-right: 40px;
}
.color-palette-section {
margin-bottom: 100px;
}
.miss-moo-gif {
display: none;
}
.challenge-solution-grid {
margin-left: 10px;
margin-right: 10px;
}
.challenge-solution-grid.cider-labels {
grid-template-rows: auto 60px auto auto;
}
.project-name-heading {
margin-top: 10px;
}
.project-name-heading.faney {
margin-top: 0;
font-size: 38px;
line-height: 38px;
}
.color-palette-heading {
text-align: left;
letter-spacing: 0;
font-size: 30px;
}
.color-palette-heading.cider {
text-align: center;
margin: 0;
font-size: 28px;
line-height: 34px;
}
.logotype-gif {
max-width: 100vw;
}
.color-palette-column-left {
padding-left: 20px;
padding-right: 20px;
}
.bcc-stickers-section, .bcc-logotype-section {
margin-bottom: 100px;
}
.bcc-sign-image {
margin-top: 60px;
margin-bottom: 60px;
}
.bcc-sign-image.stickers {
margin-bottom: 0;
}
.pine-div {
margin-bottom: 10px;
}
.tropical-div {
margin: 20px 20px 0 0;
}
.tropical-div.grid {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.pepper-div {
margin-top: 20px;
margin-left: 10px;
}
.logo-info-grid {
grid-template-rows: auto auto auto auto auto 40px auto auto auto auto auto 40px auto auto auto auto;
}
.logo-info-grid.sunkin {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: .5fr .5fr .5fr;
margin-bottom: 60px;
padding-bottom: 40px;
}
.logo-info-grid.faney-lft {
grid-template-columns: .5fr .5fr;
margin-bottom: 60px;
padding-bottom: 40px;
}
.logo-info-grid.faney-rt {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
margin-bottom: 60px;
padding-top: 20px;
padding-bottom: 40px;
}
.logotype-heading {
font-size: 35px;
}
.logotype-lightbox-3 {
margin-right: 0;
}
.logotype-lightbox-2, .logotype-description-div {
margin-left: 0;
}
.mark-heading {
text-align: left;
margin-left: 0;
}
.moo-mark-lightbox-3 {
margin-right: 0;
}
.moo-mark-lightbox-2 {
justify-content: space-between;
margin-right: 0;
display: block;
}
.full-logo-heading {
letter-spacing: -.5px;
}
.bcc-full-logo-lightbox-3, .bcc-full-logo-lightbox-2 {
margin-left: 0;
}
.bcc-sign-lightbox {
max-width: 100vw;
}
.gateway-ginger-lightbox {
max-width: none;
}
.gateway-section {
margin-bottom: 100px;
}
.ciders-pictures-section {
margin-top: 60px;
margin-bottom: 60px;
}
.ciders-pictures-columns {
flex-direction: column;
max-width: none;
}
.gateway-columns {
flex-direction: column;
max-width: none;
margin-bottom: 0;
}
.gateway-four-column {
padding-left: 0;
padding-right: 0;
}
.gateway-ginger-column {
justify-content: space-between;
margin-bottom: 60px;
padding-left: 0;
padding-right: 0;
}
.hibiscus-column {
margin-bottom: 40px;
padding-right: 0;
}
.winter-mash-column {
padding-left: 0;
}
.cyser-column {
margin-bottom: 40px;
padding-left: 0;
}
.imperial-cascade-column {
margin-bottom: 40px;
padding-right: 0;
}
.ind-ciders-section {
margin-top: 40px;
}
.black-shirts-model-section {
margin-top: 40px;
margin-bottom: 60px;
}
.click-column {
justify-content: space-between;
padding-top: 10px;
padding-left: 10px;
display: flex;
}
.black-moo-shirts-section {
margin-top: 60px;
}
.white-mockups-lightbox {
max-width: none;
}
.white-moo-shirts-section {
margin-top: 60px;
}
.black-shirt-back-lightbox {
max-width: 100vw;
}
.white-moo-shirts-model-columns {
flex-direction: column;
max-width: none;
}
.white-shirt-right-column {
padding-left: 0;
}
.white-shirt-model-back-lightbox {
max-width: none;
}
.white-moo-shirts-model-section {
flex-direction: row;
margin-top: 40px;
}
.white-shirt-left-column {
margin-bottom: 40px;
padding-right: 0;
}
.black-mockups-lightbox {
max-width: none;
}
.black-shirts-model-columns {
flex-direction: column;
max-width: none;
}
.black-shirts-right-column {
margin-top: 40px;
padding-left: 0;
}
.black-shirts-left-column {
padding-right: 0;
}
.body-link-bright {
color: var(--may--bleu);
font-size: 17px;
line-height: 20px;
text-decoration: none;
}
.body-link-bright:hover {
color: var(--may--deep-bleu);
font-size: 17px;
line-height: 20px;
}
.body-link-bright.w--current {
font-size: 18px;
line-height: 22px;
}
.body-link-bright.home {
margin-top: 5px;
font-size: 17px;
line-height: 22px;
}
.body-link-bright.home.rt-margin {
margin-bottom: 0;
margin-right: 10px;
font-size: 17px;
}
.cider-column-rt {
margin-top: 40px;
padding-left: 0;
display: none;
}
.text-block-39 {
text-align: left;
margin-top: 10px;
font-size: 12px;
display: none;
}
.ind-ciders-columns {
flex-direction: column;
margin-left: 0;
margin-right: 0;
}
.description-column {
padding-top: 30px;
}
.save-the-date-section {
margin-top: 60px;
}
.save-the-date-lightbox {
max-width: 100vw;
}
.baby-shower-section {
margin-top: 60px;
margin-bottom: 60px;
}
.baby-shower-lightbox, .congrats-baby-lightbox {
max-width: 100vw;
}
.congrats-baby-section {
margin-top: 40px;
margin-bottom: 60px;
}
.jb-hanging-poster-lightbox {
max-width: 100vw;
}
.jb-hanging-poster-section {
margin-top: 0;
margin-bottom: 60px;
}
.jb-bus-stop-lightbox {
max-width: none;
}
.jb-bus-stop-section {
margin-top: 0;
}
.jb-symbols-section {
margin-bottom: 60px;
}
.grid-22 {
grid-template-rows: auto auto 60px auto auto auto 60px auto auto auto auto;
grid-template-columns: .5fr .5fr .5fr .5fr;
max-width: 85vw;
margin: 0;
}
.jb-plastered-posters-section {
margin-top: 60px;
margin-bottom: 0;
}
.persimmon-illustration-image {
margin-top: 40px;
}
.jb-symbol-paragraph {
z-index: 2;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
position: relative;
}
.jb-symbol-paragraph._2nd {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.bojagi-paragraph {
margin-bottom: 20px;
margin-right: 0;
}
.jb-plastered-poster-closeup-lightbox {
width: auto;
max-width: 85vw;
}
.jb-record-lightbox {
width: auto;
margin-top: 60px;
}
.bojagi-lightbox {
width: auto;
}
.phone-side-mockup-section {
flex-direction: column;
justify-content: center;
align-items: stretch;
margin-bottom: 60px;
display: flex;
}
.phone-front-mockup-section {
margin-top: 10px;
margin-bottom: 40px;
}
.purification-grave-video-1 {
width: 100vw;
margin-top: 100px;
}
.phone-side-mockup-video {
width: 100vw;
height: 65vw;
}
.jb-plaster-left-column {
padding-right: 0;
}
.jb-plastered-columns {
max-width: none;
}
.jb-plaster-right-column {
margin-top: 40px;
padding-left: 0;
}
.sun-kin-caption {
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
}
.sun-kin-caption.rt {
margin-bottom: 0;
}
.sun-kin-sketch-column-1, .sun-kin-sketch-column-2, .sun-kin-sketch-column-3 {
margin-bottom: 20px;
padding-right: 0;
}
.sun-kin-sketch-column-4 {
padding-right: 0;
}
.sun-kin-sketches-columns {
max-width: 60vw;
}
.phone-side-mockup-columns {
justify-content: flex-start;
align-items: center;
max-width: none;
}
.faney-tags-section {
margin-bottom: 0;
}
.faney-tags-mockup {
max-width: 100%;
}
.faney-shopping-back-section {
margin-bottom: 60px;
}
.faney-shopping-bag-mockup {
max-width: 80vw;
}
.faney-logotype-design-section {
margin-top: 60px;
}
.faney-logotype-sign {
max-width: 100%;
}
.faney-mark-sign-image {
max-width: 100%;
margin-bottom: 0;
}
.design-home-grid {
grid-row-gap: 40px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: none;
margin: 100px 0;
}
.new-illust-grid {
grid-row-gap: 40px;
grid-template-rows: auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
justify-items: stretch;
max-width: none;
margin-top: 100px;
margin-left: 15px;
margin-right: 15px;
}
.spiritss-link-block, .corean-gurls-link-block {
height: 50vh;
}
.froggy-link-block {
width: auto;
height: 50vh;
}
.halmoni-link-blockk {
height: 55vh;
}
.poems-link-block {
height: 50vh;
}
.nas-x-link-block {
height: 60vh;
}
.faney-design-link-block {
display: flex;
}
.illo-green-div {
display: none;
}
.everything-link-block {
height: 50vh;
}
.green-div, .bcc-design-heading-div, .jb-design-heading-div, .invites-heading, .faney-heading {
display: none;
}
.sun-kin-heading-div {
display: block;
}
.sun-kin-heading-div.home {
display: none;
}
.eulogiess-link-block, .various-link-block {
height: 65vh;
}
.froggy-heading-div, .everything-heading-div, .spirits-heading-div, .poems-heading-div, .eulogies-heading-div, .halmoni-heading-div, .various-heading-div, .korean-gurls-heading-div, .nas-x-heading-div {
display: none;
}
.cider-column-lt {
padding-left: 0;
padding-right: 0;
}
.faney-sign-lightbox {
max-width: 100vw;
}
.faney-logotype-sign-lightbox {
margin-bottom: 0;
}
.faney-mark-sign-lightbox {
max-width: 100vw;
}
.faney-tags-lightbox {
max-width: none;
}
.faney-shopping-bag-lightbox {
max-width: 100svh;
}
.sun-kin-final-design-columns-1 {
max-width: 60vw;
}
.sun-kin-final-design-columns-2 {
max-width: 60vw;
margin-top: 40px;
}
.columns-35, .columns-36, .columns-37 {
flex-direction: column;
}
.column-73 {
flex: 0 auto;
justify-content: center;
display: flex;
}
.image-273 {
max-width: 50%;
margin-top: 20px;
display: block;
}
.columns-38 {
display: none;
}
.column-74, .column-75 {
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
.column-76 {
padding-left: 0;
padding-right: 0;
}
.column-77, .column-78 {
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
.column-79 {
padding-left: 0;
padding-right: 0;
}
.link-block-30 {
width: auto;
max-width: none;
height: 50vh;
}
.background-video-6, .background-video-7 {
z-index: 2;
width: 300px;
height: 300px;
}
.background-video-8, .background-video-9, .background-video-10, .background-video-11 {
z-index: 2;
}
.shorts-div {
display: none;
}
.project-intro-section {
justify-content: center;
align-items: flex-start;
margin-top: 0;
padding-top: 40px;
}
.project-intro-section.animation {
margin-top: 60px;
padding-top: 40px;
}
.project-intro-section.illo {
padding-top: 60px;
}
.project-intro-section.corean {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.project-intro-section.nj {
margin-top: 0;
}
.project-intro-section.plntrs {
margin-top: 40px;
}
.project-intro-section.penink {
margin-top: 100px;
}
.project-intro-section.stranger {
margin-top: 40px;
}
.project-intro-grid {
grid-column-gap: 20px;
grid-row-gap: 40px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
max-width: 90vw;
margin-top: 40px;
margin-left: 10px;
margin-right: 10px;
padding-top: 0;
}
.project-intro-grid._2 {
grid-row-gap: 20px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
padding-top: 40px;
}
.project-intro-grid._2.ciders {
grid-row-gap: 10px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-right: 0;
padding-top: 0;
}
.project-intro-grid._2.shirts {
grid-template-columns: 1fr 1fr;
padding-top: 20px;
}
.project-intro-grid._2 {
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
}
.project-intro-grid.jb {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
max-width: 85vw;
margin-top: 0;
margin-left: 10px;
margin-right: 10px;
}
.project-intro-grid.illo {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
padding-bottom: 0;
}
.project-intro-grid.faney {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.project-intro-grid.halmoni {
grid-template-columns: 1fr 1fr;
max-width: 90vw;
}
.project-intro-grid.calendar {
grid-row-gap: 30px;
margin: 60px 0 40px;
}
.project-intro-grid.nj {
grid-row-gap: 40px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
margin-top: 0;
}
.project-intro-grid.cafealan {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
align-self: auto;
}
.project-intro-grid.bw {
align-self: auto;
max-width: 85vw;
margin-top: 80px;
padding-bottom: 0;
}
.project-intro-grid.hsy {
margin-top: 80px;
padding-bottom: 0;
}
.project-intro-grid.penink {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-top: 0;
margin-left: 15px;
}
.project-intro-grid.abundance {
grid-row-gap: 20px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
margin-top: 100px;
}
.h2 {
font-size: var(--mobile-sub-heading);
line-height: var(--mobile-sub-ht);
text-align: center;
font-style: normal;
display: flex;
}
.h2.center {
font-size: var(--mobile-sub-heading);
line-height: var(--mobile-sub-ht);
}
.h2.center.halo {
margin-top: 60px;
}
.h2.title {
font-size: var(--mobile-sub-heading);
font-style: italic;
}
.h2.mobile {
font-size: var(--size);
}
.paragraph-25 {
font-size: 18px;
line-height: 27px;
}
.paragraph-25.overview {
font-size: var(--mobile-text);
line-height: var(--mobile-text-ht);
}
.paragraph-25.cider {
margin-top: 0;
margin-bottom: 0;
line-height: 28px;
}
.paragraph-25.solution {
font-size: 18px;
line-height: 27px;
}
.paragraph-25.solution.border {
line-height: 28px;
}
.text-block-40 {
font-size: 16px;
line-height: 25px;
}
.header {
justify-content: center;
max-width: none;
margin-top: 20px;
}
.header.intro {
margin-top: 0;
margin-bottom: 40px;
padding-top: 0;
padding-bottom: 0;
}
.header.intro.nj-summer {
margin-top: 40px;
}
.lightbox-link-97 {
max-width: none;
margin-bottom: 60px;
}
.section-89 {
margin-top: 0;
}
.lightbox-link-98, .lightbox-link-100, .lightbox-link-101 {
max-width: none;
margin-bottom: 60px;
}
.grid-30 {
grid-column-gap: 10px;
grid-row-gap: 10px;
max-width: 100vw;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
.grid-30.pen-ink {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: 90vw;
}
.section-91 {
margin-top: 20px;
}
.lightbox-link-146 {
max-width: none;
margin-top: 0;
margin-bottom: 0;
}
.lightbox-link-147 {
max-width: none;
margin-bottom: 60px;
}
.lightbox-link-148 {
max-width: none;
margin-top: 40px;
margin-bottom: 40px;
}
.slider-3 {
max-width: 95vw;
margin-bottom: 120px;
}
.grid-32 {
grid-row-gap: 40px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
margin-top: 40px;
margin-left: 0;
margin-right: 0;
}
.section-94 {
margin-bottom: 20px;
}
.lightbox-link-154 {
max-width: none;
margin-top: 40px;
margin-bottom: 40px;
}
.to-top-button {
z-index: 4;
padding: 10px 20px;
font-size: 14px;
line-height: 18px;
display: block;
inset: auto 3% 1% auto;
}
.to-top-button.w--current {
padding: 10px 20px;
font-size: 14px;
line-height: 16px;
display: block;
inset: auto 3% 1% auto;
}
.to-top-button._2 {
padding: 20px 10px;
font-size: 12px;
line-height: 14px;
}
.lightbox-link-155, .lightbox-link-156, .lightbox-link-157, .lightbox-link-158 {
max-width: none;
margin-bottom: 60px;
}
.lightbox-link-159, .lightbox-link-160 {
max-width: none;
margin-bottom: 0;
}
.lightbox-link-161 {
max-width: none;
margin-bottom: 60px;
}
.logo-readapt {
margin-top: 60px;
}
.color-palette-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: 80px 80px auto auto auto auto auto auto 80px 80px;
grid-template-columns: 1fr 1fr;
max-width: 90vw;
margin-top: 10px;
margin-left: 0;
margin-right: 0;
}
.grid-34 {
grid-template-columns: 1fr 1fr;
margin-top: 20px;
margin-left: 0;
margin-right: 0;
}
.form-3 {
align-items: stretch;
margin-left: 0;
}
.div-block-75 {
margin-left: 0;
margin-right: 0;
}
.div-block-75.home2 {
margin-top: 10px;
margin-bottom: 10px;
}
.div-block-75.home2._3 {
margin-bottom: 100px;
margin-left: 0;
margin-right: 0;
padding: 25px;
}
.text-block-43 {
margin-bottom: 30px;
font-size: 13px;
}
.column-82 {
padding-left: 0;
padding-right: 0;
}
.column-83 {
padding-left: 20px;
padding-right: 20px;
}
.section-96 {
margin-top: 0;
}
.section-96.create, .section-96._2 {
margin-top: 60px;
}
.grid-35 {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
margin-left: 40px;
margin-right: 40px;
}
.grid-35.curious {
margin-left: 40px;
margin-right: 40px;
}
.section-97 {
margin-top: 100px;
}
.paragraph-26, .paragraph-27, .paragraph-28 {
display: none;
}
.div-block-85 {
margin-bottom: 0;
}
.div-block-87 {
object-fit: cover;
}
.image-331, .image-332 {
display: block;
}
.lightbox-link-162 {
max-width: none;
margin-bottom: 0;
}
.section-99 {
margin-bottom: 60px;
}
.link-15 {
color: #000;
width: auto;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 20px;
font-weight: 600;
text-decoration: none;
}
.link-15.w--current {
color: var(--blue);
font-weight: 600;
}
.link-16 {
color: #000;
width: auto;
font-family: Bricolagegrotesque Variablefont Opsz Wdth Wght;
font-size: 20px;
font-weight: 600;
text-decoration: none;
}
.link-16.w--current {
color: var(--blue);
font-weight: 600;
}
.text-block-47 {
margin-bottom: 20px;
font-size: 14px;
}
.grid-37 {
max-width: 90vw;
margin-bottom: 40px;
}
.balcom-branding-top {
margin-top: 0;
}
.balcom-caption {
font-family: Cabinetgrotesk, sans-serif;
}
.balcom-caption._2 {
font-size: 12px;
line-height: 15px;
}
.balcom-caption._4 {
font-size: 13px;
}
.balcom-caption._5 {
margin: 0;
}
.text-block-51 {
font-size: 19px;
line-height: 28px;
}
.balcom-logomark-sketches {
margin-top: 40px;
}
.balcom-logomark-sketches.plntrs {
margin-top: 60px;
margin-bottom: 60px;
}
.balcom-logotype-sketches {
margin-top: 60px;
}
.logotype-quickstack {
max-width: 90vw;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.paragraph-info {
font-size: var(--mobile-text);
max-width: none;
line-height: 28px;
}
.paragraph-info._20.left {
margin-top: 30px;
font-size: 18px;
line-height: 27px;
}
.paragraph-info._20.left._20below, .paragraph-info._20.left._40 {
font-size: 15px;
line-height: 22px;
}
.paragraph-info._10 {
margin-top: 20px;
line-height: 26px;
}
.paragraph-info.center {
max-width: 85vw;
}
.logomark-quickstack {
grid-column-gap: 0px;
grid-row-gap: 20px;
max-width: 90vw;
padding-left: 0;
padding-right: 0;
}
.final-logo-quickstack {
max-width: 90vw;
padding-left: 0;
padding-right: 0;
}
.team-div._40 {
margin-top: 40px;
}
.h3 {
font-size: var(--mobile-h3);
line-height: var(--mobile-h3-ht);
margin-top: 10px;
}
.h3._10 {
font-weight: 600;
line-height: 27px;
}
.challenge {
margin-bottom: 5px;
font-size: 18px;
line-height: 20px;
}
.blossom-simple-newsletters {
grid-column-gap: 20px;
grid-row-gap: 20px;
max-width: 90vw;
margin-top: 40px;
padding: 0;
}
.blossom-simple-newsletters.posters {
grid-row-gap: 40px;
}
.blossom-simple-newsletters.banners {
margin-top: 40px;
padding-top: 60px;
}
.div-block-89 {
max-width: none;
margin: 40px 0;
}
.divider._40 {
border-style: none;
width: 100vw;
margin-top: 0;
display: block;
position: static;
}
.logo-readapation-quickstack {
max-width: none;
margin-top: 20px;
margin-bottom: 40px;
padding: 40px 0;
}
.quick-stack-7 {
grid-row-gap: 40px;
max-width: none;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.calendar-illustrations {
margin-top: 40px;
margin-bottom: 0;
}
.image-346 {
max-width: 90vw;
}
.section-108 {
margin-bottom: 40px;
}
.quick-stack-9 {
grid-row-gap: 10px;
max-width: 85vw;
margin: 0;
padding: 0;
}
.section-114 {
margin-top: 60px;
}
.quick-stack-10 {
max-width: 85vw;
margin: 0;
}
.section-115 {
margin-top: 60px;
}
.heading-46 {
font-family: Manrope, sans-serif;
font-size: 20px;
}
.top-calendar {
margin-top: 40px;
}
.quick-stack-11 {
max-width: 90vw;
}
.link-block-33 {
display: none;
}
.text-block-55 {
font-size: 24px;
}
.div-block-90 {
flex-direction: column;
display: block;
}
.cell-31 {
justify-content: flex-end;
display: flex;
}
.quick-stack-12 {
grid-row-gap: 40px;
padding-left: 0;
padding-right: 0;
font-size: 18px;
line-height: 28px;
}
.section-119 {
align-items: center;
margin-top: 0;
}
.text-block-56 {
margin-bottom: 10px;
margin-left: 40px;
margin-right: 40px;
padding-left: 0;
padding-right: 0;
font-size: 24px;
line-height: 28px;
}
.bold-text-33, .bold-text-34, .bold-text-35 {
font-size: 20px;
}
.quick-stack-13 {
max-width: 90vw;
padding: 0;
}
.section-120 {
margin-bottom: 100px;
padding-left: 0;
padding-right: 0;
}
.background-video-12 {
width: 85vw;
height: 32vh;
display: block;
}
.view-button {
width: 280px;
padding-left: 20px;
padding-right: 20px;
font-size: 22px;
line-height: 26px;
}
.view-button._2 {
width: 220px;
}
.quick-stack-14 {
max-width: 90vw;
padding: 0;
}
.nj-pdp-top {
padding-top: 0;
padding-bottom: 20px;
}
.quick-stack-15 {
max-width: 90vw;
padding-left: 5px;
padding-right: 5px;
}
.blossom-collage-newsletters {
max-width: 85vw;
padding: 40px 0 0;
}
.blossom-stories {
max-width: 90vw;
padding: 60px 0 0;
}
.blossom-stories.halo {
margin-top: 80px;
padding-top: 0;
}
.quick-stack-18 {
max-width: 90vw;
padding: 0;
}
.section-126 {
margin-top: 0;
}
.quick-stack-20 {
max-width: 90vw;
margin-bottom: 40px;
padding-left: 0;
padding-right: 0;
}
.quick-stack-21 {
max-width: 90vw;
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.section-127 {
margin-top: 20px;
margin-bottom: 60px;
}
.section-127.irish {
margin-top: 60px;
}
.quick-stack-22 {
max-width: 90vw;
padding: 0;
}
.section-128 {
margin-top: 20px;
}
.quick-stack-23 {
max-width: 90vw;
padding: 0;
}
.section-129 {
margin-bottom: 60px;
}
.video {
margin-top: 10px;
}
.italic-text-6 {
font-size: 34px;
}
.numbers {
font-size: 35px;
}
.symbols.light {
font-size: 18px;
}
.quick-stack-24 {
padding: 20px;
}
.border-section {
margin-top: 100px;
margin-bottom: 60px;
padding-top: 100px;
padding-bottom: 100px;
}
.image-364 {
max-width: 80vw;
}
.calendar-image-section {
margin-top: 20px;
}
.quick-stack-25 {
max-width: 90vw;
margin-top: 0;
margin-bottom: 40px;
padding: 0;
}
.quick-stack-26 {
max-width: 90vw;
padding: 0;
}
.final-deliverables {
margin-bottom: 60px;
}
.section-134.new-home {
padding: 0;
}
.section-135 {
background-size: contain;
}
.grid-38.mobile {
grid-column-gap: 0px;
grid-row-gap: 100px;
grid-template-columns: 1fr;
align-self: auto;
max-width: 80vw;
}
.grid-39 {
grid-template-columns: 1fr;
}
.grid-39.mobile {
grid-template-columns: 1fr;
margin-top: 100px;
}
.section-136 {
background-size: contain, auto;
}
.home-link-block {
max-width: none;
}
.home-link-block:hover {
transform: none;
}
.text-block-58 {
font-size: 20px;
}
.section-138 {
display: none;
}
.heading-51.large.design {
font-size: 60px;
line-height: 55px;
}
.heading-51.large.star {
margin-top: 40px;
margin-bottom: 0;
}
.heading-51.large.smile {
justify-content: flex-end;
margin-top: 0;
padding-right: 20px;
}
.heading-51.large.head {
font-size: 100px;
line-height: 80px;
}
.heading-51.large.pencil {
justify-content: flex-start;
align-self: flex-start;
margin-top: 60px;
display: block;
}
.heading-51.bold {
font-size: 35px;
line-height: 36px;
}
.about-heading.newhp {
font-size: 18px;
}
.heading-52 {
text-align: center;
align-self: center;
}
.heading-52.small {
align-self: flex-end;
margin-top: 60px;
font-size: 28px;
}
.text-block-60 {
margin-top: 100px;
font-size: 24px;
line-height: 30px;
}
.div-block-103 {
align-self: center;
margin-top: 40px;
}
.nj-top-image {
margin-top: 40px;
}
.link-17 {
align-self: center;
}
.mobile-home {
background-color: #000;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 20px;
padding-right: 0;
display: block;
}
.quick-stack-29 {
margin-left: 20px;
margin-right: 20px;
padding-top: 60px;
}
.cell-101 {
grid-row-gap: 0px;
align-items: flex-end;
}
.grid-40 {
grid-column-gap: 30px;
grid-row-gap: 80px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.quick-stack-30 {
max-width: 90vw;
padding: 0;
}
.image-378 {
max-width: 100%;
}
.text-block-63 {
padding: 10px 20px;
font-size: 28px;
line-height: 34px;
}
.brand-3 {
padding-left: 0;
}
.categories.contact {
margin-top: 120px;
}
.categories-heading {
margin-left: 40px;
margin-right: 40px;
padding: 10px;
font-size: 46px;
}
.categories-heading.contact {
margin-left: 60px;
margin-right: 60px;
font-size: 42px;
line-height: 40px;
}
.heading-57 {
letter-spacing: 1px;
font-size: 36px;
line-height: 43.5px;
}
.quick-stack-31 {
grid-column-gap: 5px;
grid-row-gap: 5px;
max-width: 90vw;
margin: 0;
padding: 0;
}
.section-143 {
justify-content: center;
display: flex;
}
.link-block-37 {
margin-bottom: 40px;
}
.text-span-12, .text-span-13 {
font-size: 40px;
line-height: 44px;
}
.text-span-14, .text-span-15 {
font-size: 38px;
}
.text-span-16 {
font-size: 54px;
line-height: 50px;
}
.columns-43 {
margin-bottom: 60px;
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
}
.column-88 {
padding-left: 10px;
padding-right: 0;
}
.columns-44, .columns-45 {
margin-left: 20px;
margin-right: 20px;
}
.column-89 {
border-bottom: 1px solid #000;
}
.column-90 {
border-bottom-style: solid;
}
.column-91 {
border-bottom: 1px solid #000;
}
.contact-heading {
max-width: 85vw;
font-size: 26px;
line-height: 30px;
}
.contact-heading.newhp {
max-width: 80vw;
}
.top-heading {
margin-top: 100px;
margin-left: 20px;
margin-right: 20px;
padding: 20px;
font-size: 36px;
}
.bold-text-38 {
font-size: 28px;
line-height: 34px;
}
.landing-assets.ipad {
padding-top: 5px;
font-size: 28px;
line-height: 34px;
}
.landing-client._2.ipad {
font-size: 18px;
}
.column-92, .column-93, .column-94, .column-95, .column-96, .column-97 {
border-bottom: 1px solid #000;
}
.section-146 {
margin-left: 10px;
margin-right: 10px;
}
.columns-49 {
flex-direction: column;
margin-top: 60px;
display: block;
}
.column-98 {
margin-top: 40px;
margin-bottom: 20px;
}
.column-99 {
margin-top: 60px;
}
.section-150 {
padding: 0;
}
.link-18 {
font-size: 17px;
}
.image-407 {
margin-top: 0;
padding-top: 100px;
}
.landing-special-text {
letter-spacing: -1px;
font-size: 48px;
line-height: 50px;
}
.column-100 {
margin-top: 20px;
padding-left: 20px;
}
.text-block-67, .text-block-67.olive, .text-block-67.orange, .text-block-67.pink {
display: block;
}
.background-video-15 {
width: 250px;
height: 250px;
}
.image-409 {
padding: 0;
}
.section-151 {
margin-top: 20px;
}
.contact._2 {
font-size: 45px;
line-height: 45px;
}
.image-410 {
max-width: 80%;
}
.text-span-24 {
font-size: 14px;
}
.column-102 {
margin-top: 20px;
margin-bottom: 40px;
}
.column-103 {
margin-top: 40px;
margin-bottom: 80px;
}
.menu-button-2 {
margin-bottom: 10px;
margin-right: 10px;
padding: 15px;
position: relative;
inset: auto 0% 0% auto;
}
.nav-menu-5 {
margin-top: 0;
margin-bottom: 0;
position: absolute;
inset: 0% 0% auto auto;
}
.column-105 {
margin-top: 60px;
}
.column-106 {
margin-top: 60px;
padding-left: 10px;
}
.tablet-landing-div {
padding-top: 10px;
padding-bottom: 10px;
}
.heading-58 {
font-family: Messapia, sans-serif;
font-size: 42px;
}
.text-block-69 {
font-size: 15px;
line-height: 20px;
}
.heading-59 {
color: var(--jan--black);
font-family: Messapia, sans-serif;
font-size: 45px;
}
.image-435 {
margin-top: 0;
}
.section-152 {
align-items: center;
max-width: none;
padding-bottom: 60px;
display: flex;
}
.quick-stack-32 {
max-width: 90vw;
margin-left: 0;
padding: 10px;
}
.text-span-28 {
letter-spacing: 0;
font-size: 37px;
line-height: 43px;
}
.text-block-70 {
margin-bottom: 40px;
margin-right: 0;
font-size: 21px;
line-height: 29px;
}
.columns-50 {
flex-direction: column;
}
.quick-stack-33 {
margin-top: 100px;
margin-bottom: 0;
}
.name-heading {
-webkit-text-stroke-width: 4px;
margin-bottom: 0;
font-size: 85px;
line-height: 75px;
}
.name-heading.about {
letter-spacing: -6px;
margin-top: 0;
padding-top: 10px;
font-size: 50px;
line-height: 60px;
}
.name-title {
margin-bottom: 10px;
font-size: 28px;
font-weight: 400;
}
.paragraph-32 {
max-width: none;
margin-top: 40px;
margin-left: 10px;
margin-right: 10px;
}
.text-block-72 {
font-size: 15px;
}
.tabs-content {
margin-top: 20px;
}
.tabs-content-2 {
margin-top: 0;
}
.tabs-menu {
flex-flow: column;
margin-top: 0;
padding: 30px 20px 20px;
display: none;
}
.tab-link-1 {
margin-top: 20px;
padding: 15px 20px;
}
.tab-link-1.w--current {
background-color: var(--may--brown);
}
.tab-type-1 {
margin-top: 10px;
margin-left: 0;
margin-right: 0;
}
.tab-type-1.w--current {
margin-left: 0;
margin-right: 0;
}
.tab-type-1.mobile {
border-style: solid;
margin-bottom: 20px;
padding: 20px 40px;
}
.tab-type-1.mobile.w--current {
margin-top: 10px;
margin-left: 0;
margin-right: 0;
}
.quick-stack-new-hp {
padding-top: 0;
}
.project-page-link:hover {
transform: none;
}
.image-458 {
max-width: 40%;
margin-top: -57px;
margin-left: 1px;
}
.ajkhere {
z-index: 10;
width: auto;
max-width: none;
position: fixed;
inset: 0% auto auto 0%;
}
.ajkhere.w--current {
margin-top: 10px;
margin-left: 0;
}
.navbar-8 {
margin-left: 0;
}
.text-block-77 {
font-size: 18px;
}
.tabs-menu-3 {
flex-flow: wrap;
padding-left: 40px;
padding-right: 40px;
}
.cell-116, .cell-117, .cell-118, .cell-119 {
justify-content: flex-start;
align-items: flex-start;
}
.nav-link-june24 {
width: auto;
max-width: 100vw;
margin-top: 10px;
margin-left: 220px;
margin-right: 20px;
}
.nav-menu-6 {
background-color: #0000;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: block;
}
.container-18 {
margin-top: 0;
}
.text-block-80 {
margin-top: 34px;
margin-left: 14px;
}
.image-460 {
max-width: 70%;
margin-top: -50px;
margin-bottom: 0;
}
.div-block-143 {
flex-flow: column;
margin-top: 40px;
}
.quick-stack-35 {
margin-left: 20px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
}
.cell-121, .cell-122, .cell-123 {
justify-content: flex-start;
align-items: flex-start;
}
.div-block-146 {
margin-top: 40px;
}
.bold-text-43 {
line-height: 22px;
}
.quick-stack-36 {
grid-column-gap: 20px;
grid-row-gap: 20px;
max-width: 90vw;
margin: 0;
padding: 20px 10px;
}
.quick-stack-37 {
max-width: 90vw;
margin: 0;
}
.plntrs-character-quickstack {
grid-column-gap: 40px;
grid-row-gap: 40px;
margin-top: 20px;
}
.section-157 {
margin-bottom: 40px;
}
.quick-stack-40 {
margin-top: 60px;
margin-bottom: 40px;
padding: 0;
}
.image-472 {
margin-top: 60px;
margin-bottom: 40px;
}
.container-20 {
margin-top: 40px;
margin-left: 20px;
margin-right: 20px;
}
.section-158 {
margin-top: 60px;
}
.paragraph-33 {
font-size: 17px;
}
.quick-stack-41 {
grid-row-gap: 20px;
max-width: 90vw;
margin-top: 40px;
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
}
.quick-stack-41.news-landing {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-bottom: 20px;
padding-bottom: 0;
}
.image-476 {
margin-bottom: 0;
}
.image-480 {
margin-top: 0;
}
.quick-stack-43, .quick-stack-44 {
margin-bottom: 40px;
}
.section-163 {
padding-top: 40px;
}
.container-21 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 40px;
margin-bottom: 40px;
display: block;
}
.quick-stack-45 {
padding: 0;
}
.info-button {
z-index: 8;
margin-top: 26px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 18px;
}
.info-button.w--current {
width: auto;
}
.cell-147 {
justify-content: flex-start;
align-items: flex-start;
}
.quick-stack-46 {
margin-bottom: 10px;
}
.tab-pane-show-all {
margin-top: 0;
}
.section-164 {
margin-top: 40px;
}
.image-486 {
margin-top: 20px;
}
.text-block-81 {
margin-right: 10px;
padding: 8px 15px;
line-height: 16px;
}
.container-22 {
justify-content: center;
align-items: flex-start;
margin-top: 60px;
display: flex;
}
.section-166 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.container-23 {
margin-top: 60px;
}
.lightbox-link-229 {
margin-left: 20px;
}
.lightbox-link-230 {
justify-content: flex-start;
align-items: flex-start;
margin-left: 20px;
display: flex;
}
.lightbox-link-231 {
margin-left: 20px;
}
.cell-157 {
justify-content: space-between;
align-items: stretch;
}
.cell-158 {
justify-content: flex-start;
align-items: stretch;
}
.cell-159, .cell-160 {
align-items: stretch;
}
.lightbox-link-239 {
justify-content: space-between;
align-items: stretch;
margin-left: 20px;
display: flex;
}
.cell-161, .cell-162, .cell-163 {
justify-content: flex-start;
align-items: flex-start;
}
.lightbox-link-240, .lightbox-link-241, .lightbox-link-242 {
margin-left: 20px;
}
.section-168 {
margin-top: 100px;
}
.heading-64 {
justify-content: center;
align-items: center;
font-size: 65px;
}
.text-block-82 {
font-size: 11px;
}
.cell-164 {
flex-flow: column;
}
.info {
padding-left: 10px;
padding-right: 10px;
}
._3-column-header.nospace {
margin-top: 20px;
}
.div-block-152 {
margin-top: 40px;
}
.categories-box {
margin-top: 0;
}
.categories-box._40 {
padding-top: 5px;
}
.quick-stack-49 {
grid-column-gap: 40px;
grid-row-gap: 40px;
margin-top: 20px;
margin-left: 0;
margin-right: 0;
}
.quick-stack-50 {
max-width: 90vw;
}
.image-515, .image-520, .image-522 {
padding: 0;
}
.quick-stack-51 {
max-width: 90vw;
margin-left: 0;
margin-right: 0;
}
.quick-stack-52 {
max-width: 90vw;
}
.image-526, .image-527 {
padding-left: 0;
padding-right: 0;
}
.quick-stack-53 {
max-width: 90vw;
margin-bottom: 60px;
}
.quick-stack-54 {
max-width: 90vw;
padding-left: 0;
padding-right: 0;
}
.image-528 {
padding-left: 0;
}
.image-529 {
padding-right: 0;
}
.image-530 {
padding-left: 0;
}
.image-531 {
padding-right: 0;
}
.quick-stack-55 {
grid-row-gap: 20px;
max-width: 90vw;
padding-left: 0;
padding-right: 0;
}
.quick-stack-56 {
grid-row-gap: 40px;
max-width: 90vw;
margin-top: 60px;
padding-left: 0;
padding-right: 0;
}
.quick-stack-57 {
margin: 60px 20px;
padding-left: 0;
padding-right: 0;
}
.quick-stack-58 {
max-width: 90vw;
}
.image-539 {
padding: 0;
}
.quick-stack-59 {
grid-column-gap: 40px;
grid-row-gap: 40px;
margin-top: 40px;
padding: 0;
}
.quick-stack-59.bottom {
grid-column-gap: 20px;
grid-row-gap: 20px;
max-width: 90vw;
margin-top: 20px;
}
.quick-stack-60 {
grid-column-gap: 40px;
grid-row-gap: 40px;
max-width: 90vw;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.quick-stack-61 {
max-width: 90vw;
padding: 0;
}
.quick-stack-61.fair {
max-width: 90vw;
}
.quick-stack-69 {
max-width: 90vw;
padding: 0;
}
.image-566 {
margin-top: 40px;
}
.cell-287 {
justify-content: space-between;
align-items: center;
}
}
#w-node-_42b450ff-46ea-62a5-95ab-cc0f12412ad2-564261ce {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr .25fr;
}
#w-node-_6deffb8d-626c-235d-2f1e-8e4132d54cab-564261ce {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-b3c2e4a4-9c76-d693-45d3-f27d67f6ff8d-564261ce {
grid-area: 1 / 1 / 2 / 7;
place-self: stretch stretch;
}
#w-node-d5395dbb-1693-1b5d-80e4-0f803e7d0dfe-564261ce {
grid-area: 3 / 2 / 4 / 6;
justify-self: center;
}
#w-node-_851338d0-d0bd-6f82-8ac1-24b88d854680-564261ce {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-a535ea28-fe85-c0fb-716e-33d2bdec3117-564261ce {
grid-area: 1 / 1 / 2 / 7;
}
#w-node-d469e4db-c645-3a1c-c7bf-df0a24b9e743-564261ce {
grid-area: 3 / 2 / 4 / 6;
}
#w-node-_47f29597-3d69-1de4-ccd4-b2af8900f4fa-564261ce {
grid-area: 3 / 3 / 4 / 5;
}
#w-node-_9cf8ab4f-4fb1-e892-940b-73dfde127a9c-564261ce {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_85e2fc3f-1f5f-0df0-1a79-59bc55160005-564261ce {
grid-area: 1 / 2 / 2 / 7;
}
#w-node-_061f33d7-0d8c-8c1f-ddec-40c905f12ada-564261ce {
grid-area: 1 / 3 / 2 / 6;
}
#w-node-_4e07e9fd-d680-f231-1064-210c8046e51f-564261ce {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_692079d8-fd02-0a55-bf85-a14ac1d73357-564261ce {
grid-area: 1 / 1 / 2 / 8;
}
#footie.w-node-_418f5027-f5b6-faf2-433d-016b24624435-564261ce {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-ebb87cfc-2988-df57-a4b9-3bcfe3722a75-99e59f31 {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr .25fr;
}
#w-node-ee81a411-58f4-bfb9-6b66-c60ab60670f0-99e59f31 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .75fr 1fr;
}
#w-node-_00e5fa47-91cc-7072-efcf-2d93cd85c6f1-99e59f31 {
grid-area: 1 / 1 / 2 / 5;
place-self: start;
}
#w-node-_62d64f2e-d3d8-06bd-a00f-0c7326065db6-99e59f31, #w-node-b80612fc-2341-da34-aea7-0b444e5d1ac1-99e59f31 {
grid-column: span 2 / span 2;
}
#w-node-_6033194a-ae29-5464-42a5-3754adfe63fa-99e59f31 {
grid-template-rows: auto;
grid-template-columns: .75fr .75fr;
}
#w-node-eec04013-bbf6-818c-1cce-b9f32c318663-99e59f31 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_05e6e8b8-00c2-e1ca-fcae-063bca52fce1-99e59f31 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_997a2554-56a4-df53-10b1-693e5ddebd74-99e59f31 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 2.25fr 1.5fr;
}
#w-node-_997a2554-56a4-df53-10b1-693e5ddebd75-99e59f31 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_997a2554-56a4-df53-10b1-693e5ddebd76-99e59f31, #w-node-_9799768d-d019-4478-5a70-0f1a655cae76-99e59f31 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_3e1d8bf2-2820-51c7-fed0-10fac60d18e3-99e59f31 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_89045976-e5dc-d358-c2e6-edb157ae4b4c-99e59f31 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: none;
}
#w-node-dede148c-773e-0be1-2328-35bb2d170966-99e59f31, #w-node-f03d4fa6-5eda-d558-82f4-6692aac82f88-99e59f31 {
grid-column: span 2 / span 2;
}
#w-node-_36bf549a-4e70-b382-b173-3627fc2ab102-99e59f31 {
grid-area: 2 / 2 / 3 / 3;
align-self: auto;
}
#w-node-_01bbff55-940d-529d-427b-d5a82b3d1ff3-99e59f31 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-d057b820-19cd-c2d9-bf04-1a4b3dd2be8c-99e59f31 {
grid-area: 1 / 1 / 2 / 2;
align-self: start;
}
#w-node-d057b820-19cd-c2d9-bf04-1a4b3dd2be8e-99e59f31 {
grid-area: 1 / 1 / 2 / 4;
align-self: start;
}
#w-node-_04566f3d-5c33-bde0-0986-071bb07e6382-99e59f31 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_477d65f2-59ba-74ad-ad8f-6d099ea081ca-99e59f31 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_1797021f-2b12-63ef-cf6d-becb614a21ec-99e59f31 {
grid-area: 2 / 4 / 3 / 5;
}
#w-node-fb411f16-5132-61fb-227a-2effb6312d84-99e59f31 {
grid-area: 3 / 4 / 4 / 5;
}
#w-node-_5d00bbc5-bc13-5054-1d77-68d677570e90-99e59f31 {
grid-area: 4 / 3 / 5 / 4;
}
#w-node-c91f5a0e-fc54-344d-b754-f0346c457ddb-99e59f31 {
grid-area: 4 / 2 / 5 / 3;
place-self: auto;
}
#w-node-_5045067d-689f-6457-bf78-ef91c5de8009-99e59f31 {
grid-area: 3 / 1 / 4 / 2;
place-self: stretch stretch;
}
#w-node-_268183e2-c618-8ce4-d33d-09465678c624-99e59f31 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_45841eb7-26dc-443f-04c2-36a5d9556830-99e59f31 {
grid-area: 2 / 2 / 4 / 4;
place-self: center;
}
#footie.w-node-bec14e19-352d-240a-ffa5-f734fa6e38f5-99e59f31 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_0efe9d70-7439-6485-7d80-555c8fd254f0-3860bf2b {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr .25fr;
}
#w-node-af895987-6071-2846-c806-68d23b861141-3860bf2b {
grid-area: 2 / 1 / 3 / 2;
align-self: end;
}
#w-node-_0163b96a-2e1e-aba8-a054-4b001a988dae-3860bf2b {
grid-area: 1 / 2 / 2 / 5;
place-self: stretch stretch;
}
#w-node-_485cd497-eabc-8ff2-035d-6fd11b300ecd-3860bf2b {
grid-area: 1 / 1 / 2 / 3;
place-self: start;
}
#w-node-d5ba9a05-6353-4b26-079e-9055f62ada8b-3860bf2b {
grid-area: 3 / 1 / 5 / 4;
align-self: stretch;
}
#w-node-_23d45016-ff76-c8ae-94d0-1761a90057ad-3860bf2b {
grid-area: 4 / 3 / 5 / 5;
align-self: end;
}
#w-node-_44f96cf7-267a-8cab-0601-8f3d7bffc041-3860bf2b {
grid-area: 3 / 4 / 4 / 5;
place-self: auto;
}
#w-node-_63b40394-6656-f3c6-d2f0-95bc0cd9a3cc-3860bf2b {
grid-area: 6 / 2 / 7 / 5;
}
#w-node-c0dbbf8f-c1b7-76a2-6a8f-5e0dd710db2b-3860bf2b {
grid-area: 6 / 1 / 7 / 4;
align-self: end;
}
#footie.w-node-fbe22eca-a166-35c4-fe9d-d68a65d921bb-3860bf2b {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_925263c9-81ba-b907-a085-6d25aae29927-a507783b {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr .25fr;
}
#topp.w-node-_25129001-75a8-4e87-439f-836727fa30cd-a507783b {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_25129001-75a8-4e87-439f-836727fa30cf-a507783b, #w-node-a0f317c3-83e9-943b-2c7b-65ac55235a59-a507783b, #w-node-_03424cdb-96c0-82f9-b9e0-81267e4eb833-a507783b {
grid-column: span 2 / span 2;
}
#w-node-_0a324514-c718-0f51-61d2-685a0f7e773d-a507783b {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_8cff3659-30e5-f2bd-93fa-5519a8dd4a49-a507783b {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-b2c49c02-9749-d758-22ca-6d6e2dbbd66e-a507783b, #w-node-_9f6f6f3b-2ebb-55c3-807d-e4bb29f45f93-a507783b {
grid-column: span 3 / span 3;
}
#stories.w-node-f15121df-e628-56b4-3156-ec1c34864cb8-a507783b {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#footie.w-node-c8a1dffd-d856-c169-9982-f6c574745d59-a507783b {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-ef0231ae-cd55-d7a4-7b33-93e049e9b188-f7fecb9d {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr .25fr;
}
#w-node-_3549a2db-e144-6c45-8842-f83d01a39e6d-f7fecb9d {
grid-template-rows: auto auto auto;
grid-template-columns: .75fr 1fr 1fr 1fr .75fr;
}
#w-node-ec65a345-17db-4352-a6c8-b8327adcf72a-f7fecb9d, #w-node-f9716af7-6b36-82f4-3f89-9a6d9859db94-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e5f25986-fa6b-77e3-14c1-56ae5a69274d-f7fecb9d {
grid-area: 3 / 2 / 4 / 3;
align-self: auto;
}
#w-node-e3ffb675-df2d-cec7-a5c3-0cc99ebfd541-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_739a58d9-53c8-7dcf-bcc1-fd6bf4744edc-f7fecb9d {
grid-area: 3 / 4 / 4 / 5;
}
#w-node-_882ccc2b-68b9-ee36-87dc-a07f100ec658-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b84b5660-0c8d-bf8c-9810-9e8f04046db7-f7fecb9d {
grid-area: 3 / 3 / 4 / 4;
}
#w-node-_04821c39-616a-c31c-3c74-c8a4f4adde34-f7fecb9d {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-f4823557-ace3-391c-5c90-a73179387205-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9166e96d-9081-6895-09a3-5c15acab82bc-f7fecb9d {
grid-area: 3 / 5 / 4 / 6;
place-self: end;
}
#w-node-b02f92d5-cb2d-0892-962f-de54c68278dc-f7fecb9d, #w-node-_38ceb098-2c05-1125-fd91-0679b7b3158a-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5355d444-9333-37db-bf23-4592b339bdae-f7fecb9d {
grid-area: 4 / 2 / 5 / 3;
}
#w-node-d2a1c762-d396-6f8e-e47c-4eddd0f5e6db-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_139be1a3-50b5-9451-828a-1fd56195d183-f7fecb9d {
grid-area: 4 / 3 / 5 / 4;
}
#w-node-_26fd533b-200c-b4d1-6043-b80adf2d7b55-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_92a2c889-2fa3-437c-2551-af1301f18b2f-f7fecb9d {
grid-area: 4 / 4 / 5 / 5;
}
#w-node-_300ea394-1517-d9d0-dfe9-54b28b620eb2-f7fecb9d, #w-node-dae098ce-1982-9f6a-3ad5-9ee3a1fd8de7-f7fecb9d, #w-node-affef75d-ecc2-98c2-f0be-f90006417f95-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_114118d0-e0c9-d25e-d86b-19b0b085491e-f7fecb9d {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-c52fb598-2f6c-9715-34f1-7dc52d3df30a-f7fecb9d {
grid-area: 1 / 3 / 3 / 4;
align-self: center;
}
#w-node-_1b753bfe-70b2-6170-9201-ddf51e3ebd9a-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#footie.w-node-d9142e8f-3f24-e9d5-d1b7-a56fa86f148b-f7fecb9d {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#topp.w-node-_7c76cb2c-eb1e-a431-2ce5-9f3bab04b17f-a56a845a {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr .25fr;
}
#w-node-af895987-6071-2846-c806-68d23b861141-a56a845a {
grid-area: 2 / 1 / 3 / 2;
align-self: start;
}
#w-node-fc2abc80-e69f-f6b9-a677-84d690431bb6-a56a845a {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: none;
}
#w-node-_326b68ba-d0eb-2c5f-ec70-06930c92f4bb-a56a845a {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#w-node-f5299470-66bb-ac3a-3da5-0cba5da6dad9-a56a845a {
grid-column: span 4 / span 4;
}
#w-node-_326b68ba-d0eb-2c5f-ec70-06930c92f4c0-a56a845a {
grid-column: span 3 / span 3;
}
#w-node-f294298a-facb-8c10-8330-158698e7db34-a56a845a {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_19f598f2-77fb-27c7-6b52-b261977a20d4-a56a845a {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-e05a3c1c-5ea7-0eb5-c9f1-bb031fe55205-a56a845a, #w-node-bc9e9f31-ac9e-ebff-e0e9-ae08376dcf5f-a56a845a {
grid-column: span 2 / span 2;
}
#w-node-_62d9113b-47d3-7f1f-3c6e-5f5397860e18-a56a845a {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#footie.w-node-_3d5fa3c6-078c-0abc-8a4a-eeafca4dfb3f-a56a845a {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_1f672d5d-a8c5-e2f3-abae-0d68c3f07191-9b51a76c {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr .25fr;
}
#w-node-f58912af-e071-44d3-e588-274c72b03f13-9b51a76c {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_43c579a5-8589-141f-1757-380d4214bdf4-9b51a76c {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-b9b3eaed-be46-f3d5-4b13-0cb43afa7f82-9b51a76c {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-b9b3eaed-be46-f3d5-4b13-0cb43afa7f83-9b51a76c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6156923f-f85e-cbd0-18d5-b4342d1bae72-9b51a76c, #w-node-da4ae85d-21f3-eabb-829b-a7fc662ad3b4-9b51a76c, #w-node-_457b3330-7b62-7b8d-46bb-7257c486afe3-9b51a76c, #w-node-_49f609eb-b00d-f47d-1d29-f461333eb934-9b51a76c, #w-node-_2586377e-76d5-a344-8aeb-a5de08807e11-9b51a76c, #w-node-_6ba1e1db-f634-ae75-2d88-c0dfe156a99f-9b51a76c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_86d1bf6c-72c6-9dc0-97ac-e211b53d56ba-9b51a76c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8d00ab08-0e49-b369-abeb-41265fd6f5a4-9b51a76c, #w-node-_2a211222-e163-ba0c-0097-c2ada1800c69-9b51a76c {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_2a211222-e163-ba0c-0097-c2ada1800c6a-9b51a76c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7e86fdd7-e3d6-9705-c109-f3cf03d0ba0b-9b51a76c, #w-node-_9ca31ae6-bea9-d3dd-9da7-7d55a6c0b4e1-9b51a76c {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_9ca31ae6-bea9-d3dd-9da7-7d55a6c0b4e2-9b51a76c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#footie.w-node-_9909bd52-c3c4-30cf-48c5-ee8b2f2911da-9b51a76c {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#topp.w-node-ae3ed2d4-371d-b26a-106b-d15eaf97455b-9b52ceb3 {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr .25fr;
}
#w-node-_4a26eb6c-76a2-4b66-3ecd-4f6780141b0b-9b52ceb3 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-_3caede56-6baf-8537-a354-f5f3a2d6f0ef-9b52ceb3 {
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_0814e0e7-11a7-293a-213c-a782c418a503-9b52ceb3, #w-node-_158c0608-c475-fbee-eb97-e11797c81942-9b52ceb3 {
grid-column: span 2 / span 2;
}
#w-node-_3b2e4042-e49f-17ef-dd08-ce8d1339cda2-9b52ceb3 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .5fr;
}
#w-node-_3b2e4042-e49f-17ef-dd08-ce8d1339cda3-9b52ceb3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d610d04a-8853-cfb6-c385-7a5521e24a76-9b52ceb3, #w-node-_14f7884e-f3e2-5a94-7556-825e741851ad-9b52ceb3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5bba012e-e8ec-8c21-ba01-bb45b40ce2fe-9b52ceb3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#footie.w-node-_214cb957-7976-c261-0dd1-39ac5122990e-9b52ceb3 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-d1ae8395-2edf-94d8-3713-35b11d300015-e8711500 {
grid-template-rows: auto;
grid-template-columns: .75fr .25fr .25fr;
}
#w-node-af895987-6071-2846-c806-68d23b861141-e8711500 {
grid-area: 2 / 1 / 3 / 2;
}
#print-top.w-node-_61139082-4b16-88f8-fdb5-e1a0629ae371-e8711500 {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
#footie.w-node-_8455db3d-f3dd-2eb0-0bc3-5609edc5bd5c-e8711500 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#top.w-node-af07f4da-424c-2c15-672c-a9965deccf5a-b86c0ad4 {
grid-template-rows: auto;
grid-template-columns: 2fr;
display: none;
}
#w-node-_53e40aaa-f214-4038-55b3-d32b4f08f9b5-b86c0ad4 {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_4aca6332-6cf3-a726-5739-2eafd32703bc-b86c0ad4 {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_525e1ad2-113d-d120-6a57-f40baad06cfa-b86c0ad4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#w-node-ac44c225-daa1-f2a7-4a0e-84246a3f7444-b86c0ad4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#w-node-_35a60a57-2e36-177d-046a-30796522b1c9-b86c0ad4, #w-node-aadadc53-93c5-ecca-886f-759fa73ff2b4-b86c0ad4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#w-node-b7545752-6556-6233-00fd-23ea7e9b5ba0-b86c0ad4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#w-node-efb6d8f2-606a-1391-4dff-099b91909fe6-b86c0ad4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#w-node-_814d1488-958a-cf86-093f-ab7d127d8b25-b86c0ad4 {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#w-node-_0447efc4-a37e-b34e-3284-c52f7ad2e189-b86c0ad4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#w-node-_16fcf75b-dfdd-b98b-16d5-5768c57cb0c8-b86c0ad4 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#w-node-abf2ee6d-2d4f-1e3a-d5c2-66097cc30eef-b86c0ad4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#w-node-_352c37ed-760e-805d-a590-08c1740bcdf7-b86c0ad4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#w-node-a5397154-38b4-5978-0cda-856183d0f683-b86c0ad4 {
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
}
#footie.w-node-a7d0d204-4138-f5c2-a391-213507916d32-b86c0ad4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-fed79f3b-6b40-221f-8e06-a19a173b4920-d7ac42db {
grid-template-rows: auto;
grid-template-columns: .75fr .25fr .25fr;
}
#w-node-fed79f3b-6b40-221f-8e06-a19a173b4921-d7ac42db {
grid-column: span 2 / span 2;
}
#w-node-fed79f3b-6b40-221f-8e06-a19a173b4924-d7ac42db {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-d5c0c4f4-458a-9b30-6974-45f1ed3bb254-d7ac42db {
grid-area: 1 / 6 / 3 / 8;
}
#w-node-_731a2d5d-b347-d2c1-5af1-9d5d64c76ad2-d7ac42db {
grid-area: 9 / 1 / 11 / 6;
}
#w-node-_16f7a2d5-f58d-a053-979e-299c8f80a8c8-d7ac42db {
grid-area: 14 / 4 / 16 / 8;
align-self: auto;
}
#w-node-_83a47ac0-1b14-5ca9-3ada-0691faa579ca-d7ac42db {
grid-area: 14 / 1 / 16 / 4;
justify-self: center;
}
#w-node-_44c6d414-0a35-76da-c294-b9119e0b346b-d7ac42db {
grid-area: 13 / 5 / 14 / 8;
}
#w-node-_40dad389-6d5b-02b6-3fa4-8ebfc7bf1852-d7ac42db {
grid-area: 9 / 6 / 10 / 8;
}
#w-node-f26ed523-8d03-f60f-f0c2-e7f2e0831994-d7ac42db {
grid-area: 10 / 6 / 11 / 8;
}
#w-node-_2889c38d-88c0-789b-bb8f-ffcfd87e69ae-d7ac42db {
grid-area: 3 / 6 / 5 / 8;
}
#w-node-_543adc73-86f9-e3ac-cde2-6dc64078b052-d7ac42db {
grid-area: 11 / 5 / 13 / 8;
}
#w-node-_858024ee-d646-697b-4b37-b6b8b2060177-d7ac42db {
grid-area: 7 / 1 / 9 / 3;
}
#w-node-_3814a358-efef-a932-5efd-3007662b6c86-d7ac42db {
grid-area: 4 / 1 / 7 / 3;
}
#w-node-_8cf49056-ddb2-75bd-bc8d-38885f2aee5d-d7ac42db {
grid-area: 1 / 6 / 3 / 8;
}
#w-node-ceaea780-3961-abe7-ea50-c8aee08cc8c4-d7ac42db {
grid-area: 1 / 3 / 5 / 6;
}
#w-node-e173d2d7-ffe8-ac63-ce57-c784b8821e57-d7ac42db {
grid-area: 5 / 3 / 7 / 6;
}
#w-node-e0338087-9413-1a2e-121c-afba1ed9a9dc-d7ac42db {
grid-area: 5 / 6 / 7 / 8;
}
#w-node-_6412589c-de5e-511c-2876-e9a88f87a47a-d7ac42db {
grid-area: 11 / 1 / 12 / 3;
}
#w-node-_45a07913-5d97-758e-f47e-8631a024d74c-d7ac42db {
grid-area: 11 / 3 / 12 / 5;
}
#w-node-ceaddbf1-d9bd-5483-27f8-6985161b7d13-d7ac42db {
grid-area: 12 / 1 / 14 / 5;
align-self: auto;
}
#w-node-cd07c720-3b9e-1220-063d-1ee76c66c850-d7ac42db {
grid-area: 1 / 1 / 4 / 3;
}
#w-node-_79424330-e27c-f8ec-05d2-1c7200e316b1-d7ac42db {
grid-area: 7 / 3 / 9 / 8;
}
#w-node-_4a00a7dc-b583-822c-e83c-b1672b4cd756-d7ac42db {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-a2ecc3c7-7595-db3a-e850-172afc38dfb8-d7ac42db {
grid-area: 1 / 3 / 2 / 5;
}
#w-node-_9e6e7281-6934-a01e-726c-28bf473b3eca-d7ac42db {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c3c544ad-398e-b820-403f-aaefde99a9b6-d7ac42db {
grid-area: 2 / 3 / 3 / 5;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecad-d7ac42db {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecaf-d7ac42db {
grid-area: 4 / 1 / 5 / 3;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecb1-d7ac42db {
grid-area: 1 / 5 / 3 / 8;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecb3-d7ac42db {
grid-area: 1 / 3 / 2 / 5;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecb5-d7ac42db {
grid-area: 3 / 4 / 4 / 6;
place-self: stretch stretch;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecb7-d7ac42db {
grid-area: 4 / 3 / 6 / 6;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecb9-d7ac42db {
grid-area: 5 / 1 / 6 / 3;
place-self: auto;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecbb-d7ac42db {
grid-area: 4 / 6 / 5 / 8;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecbd-d7ac42db {
grid-area: 5 / 6 / 6 / 8;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecbf-d7ac42db {
grid-area: 6 / 1 / 8 / 4;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecc1-d7ac42db {
grid-area: 2 / 3 / 3 / 5;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecc3-d7ac42db {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecc5-d7ac42db {
grid-area: 6 / 4 / 8 / 6;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecc7-d7ac42db {
grid-area: 6 / 6 / 8 / 8;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecc9-d7ac42db {
grid-area: 9 / 1 / 10 / 3;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285ceccb-d7ac42db {
grid-area: 8 / 3 / 10 / 8;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285ceccd-d7ac42db {
grid-area: 8 / 1 / 9 / 3;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285ceccf-d7ac42db {
grid-area: 11 / 1 / 13 / 5;
place-self: stretch stretch;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecd1-d7ac42db {
grid-area: 3 / 6 / 4 / 8;
place-self: stretch stretch;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecd3-d7ac42db {
grid-area: 10 / 5 / 11 / 8;
place-self: stretch stretch;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecd5-d7ac42db {
grid-area: 10 / 1 / 11 / 3;
place-self: center;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecd7-d7ac42db {
grid-area: 11 / 5 / 13 / 8;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecd9-d7ac42db {
grid-area: 13 / 3 / 15 / 6;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecdb-d7ac42db {
grid-area: 13 / 1 / 15 / 3;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecdd-d7ac42db {
grid-area: 10 / 3 / 11 / 5;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cecdf-d7ac42db {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cece1-d7ac42db {
grid-area: 13 / 6 / 14 / 8;
}
#w-node-fc271e11-49cf-5055-1f12-ca64285cece3-d7ac42db {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#footie.w-node-cfaceceb-2cc2-3694-9b75-9baf284f3c4b-d7ac42db {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_965a23d6-5c72-edd1-3e62-8c06e5dc44ed-9b53ed69 {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr .25fr;
}
#w-node-_78da6e67-9a41-212b-055e-9abe093834a9-9b53ed69 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#topp.w-node-dfa1e0fc-e7bf-1af5-b7c6-9fbef0a0234a-9b53ed69 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-dfa1e0fc-e7bf-1af5-b7c6-9fbef0a0234b-9b53ed69 {
grid-column: span 2 / span 2;
}
#w-node-ee81a411-58f4-bfb9-6b66-c60ab60670f0-9b53ed69 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_62d64f2e-d3d8-06bd-a00f-0c7326065db6-9b53ed69 {
grid-column: span 2 / span 2;
}
#w-node-_9a7b0454-7ed1-8c6c-e759-2bf43317da47-9b53ed69 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_33843ef9-b273-c429-2d74-af9432d0c6f1-9b53ed69 {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-facac30c-13c7-8d46-d03a-cec8f257bba4-9b53ed69, #w-node-_8bd045ab-0ee7-8c3f-cc97-d0187bf0157f-9b53ed69 {
grid-column: span 2 / span 2;
}
#w-node-b5e2f39b-be56-b706-65b8-32aed3622dde-9b53ed69 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-b5e2f39b-be56-b706-65b8-32aed3622de0-9b53ed69 {
grid-area: 1 / 1 / 2 / 5;
place-self: start;
}
#w-node-_5b50e007-1373-0105-65fe-5a77f014ba7e-9b53ed69 {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_5b50e007-1373-0105-65fe-5a77f014ba7f-9b53ed69, #w-node-_5b50e007-1373-0105-65fe-5a77f014ba91-9b53ed69 {
grid-column: span 2 / span 2;
}
#footie.w-node-_8ffaae7b-f1ed-ba2f-9feb-aa29adf41919-9b53ed69 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_7303c435-a3b0-64a0-3f3d-c571e3ff5973-67f57ad3 {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr .25fr;
}
#w-node-_73481933-f9b5-21dd-4c18-e8ef6849275f-67f57ad3 {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_19717fff-8b6f-ffcc-aa32-2a49e38d3428-67f57ad3, #w-node-_48f02070-6412-9dd3-9824-2fe8b97cab6c-67f57ad3, #w-node-_15fd9b02-09b7-706d-c669-961045f1e483-67f57ad3 {
grid-column: span 2 / span 2;
}
#footie.w-node-_670da3f5-6b11-dc54-a172-30d1cc687c36-67f57ad3 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_2af02db9-1f47-c140-eb1f-67713bce307d-33c58920 {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr .25fr;
}
#ads.w-node-cd4307cf-415f-3f9b-f3dd-d5dd56dad467-33c58920 {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
}
#postcards.w-node-cc7d8c2b-b508-6dfa-09e2-afc1a09bc0de-33c58920 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
#catalogs.w-node-_911eff13-9352-a5f6-34f2-c8f1583aebc8-33c58920 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_715db38d-6bcd-c24c-80f7-a33146a9e5bd-33c58920 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
#w-node-_81836ce3-2e3c-2dbc-98e7-1d927990101e-33c58920 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#grahpics.w-node-_4aa841d4-5582-9850-3bc9-8de7b493340c-33c58920 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_9896cbb6-331d-8517-e7bb-ee039c415513-33c58920 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
#Landing-Page.w-node-_656166ef-1e20-8701-52ce-8399e6a7e8c1-33c58920 {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-e07e6b58-2f67-c999-8bd4-1d60aa94285e-33c58920, #w-node-_656166ef-1e20-8701-52ce-8399e6a7e8c2-33c58920, #w-node-_6ebf398b-d949-7ca7-62e7-733f3fd63949-33c58920, #w-node-e1bd0094-3e4e-c060-4930-c3ed08958fc0-33c58920 {
grid-column: span 2 / span 2;
}
#footie.w-node-_9bd5cc57-d2a1-3a3e-541a-efe5281163d4-33c58920 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_6f87e0e0-d350-bb9c-2630-5f4eea86b710-f87d1fdd {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr .25fr;
}
#w-node-_5f5babc6-3bcb-4fb7-ea93-f35c9b678ecc-f87d1fdd {
grid-area: span 1 / span 3 / span 1 / span 3;
place-self: start;
}
#w-node-_78da6e67-9a41-212b-055e-9abe093834a9-f87d1fdd {
grid-area: 2 / 1 / 3 / 4;
align-self: end;
}
#w-node-c154c659-d71d-57c5-8923-645e1bddb0df-f87d1fdd {
grid-area: 3 / 1 / 4 / 2;
justify-self: center;
}
#w-node-_5dde0ded-e9af-c97c-850a-fb61a9f0f1b2-f87d1fdd {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-eeae4002-1305-61e8-25d4-52d50ea9f025-f87d1fdd {
grid-area: 3 / 2 / 4 / 3;
place-self: auto center;
}
#w-node-_50b44027-19a0-3f0f-476e-54b006035bc8-f87d1fdd {
grid-area: 3 / 3 / 4 / 4;
justify-self: center;
}
#halo-top.w-node-f073c268-6f90-7726-0763-c999e10a1cfc-f87d1fdd {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-f073c268-6f90-7726-0763-c999e10a1d01-f87d1fdd, #w-node-_31379057-0acc-8cb2-231d-455dc2b8776b-f87d1fdd {
grid-column: span 3 / span 3;
}
#w-node-_2b7593d9-9f52-f66f-8bd0-838f8fada83f-f87d1fdd {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#w-node-_0a324514-c718-0f51-61d2-685a0f7e773d-f87d1fdd {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-a894fd3d-0abf-280b-431d-88b66de5c123-f87d1fdd {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#w-node-_4af73eed-bb63-fa4e-d7a3-9ec26e4522b8-f87d1fdd {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-a41a44e7-12f3-4653-7c5b-cd25c7413417-f87d1fdd {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#footie.w-node-c8a1dffd-d856-c169-9982-f6c574745d59-f87d1fdd {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_6f87e0e0-d350-bb9c-2630-5f4eea86b710-01757fed {
grid-template-rows: auto;
grid-template-columns: 1fr .25fr .25fr;
}
#w-node-_5f5babc6-3bcb-4fb7-ea93-f35c9b678ecc-01757fed {
grid-area: span 1 / span 3 / span 1 / span 3;
place-self: start;
}
#w-node-_78da6e67-9a41-212b-055e-9abe093834a9-01757fed {
grid-area: 2 / 1 / 3 / 4;
align-self: end;
}
#w-node-c154c659-d71d-57c5-8923-645e1bddb0df-01757fed {
grid-area: 3 / 1 / 4 / 2;
justify-self: center;
}
#w-node-_5dde0ded-e9af-c97c-850a-fb61a9f0f1b2-01757fed {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-eeae4002-1305-61e8-25d4-52d50ea9f025-01757fed {
grid-area: 3 / 2 / 4 / 3;
place-self: auto center;
}
#w-node-_50b44027-19a0-3f0f-476e-54b006035bc8-01757fed {
grid-area: 3 / 3 / 4 / 4;
justify-self: center;
}
#ps-top.w-node-_57136608-7237-85d9-aa05-9db0e2d00c3e-01757fed {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-ac52d5f4-6510-042e-b0fa-0ebe21729968-01757fed {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#w-node-_6b926839-4118-6735-aab5-ae26c8a0b339-01757fed {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_6ee1b852-273b-a9b6-7589-2311debf488f-01757fed {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#footie.w-node-c8a1dffd-d856-c169-9982-f6c574745d59-01757fed {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 991px) {
#w-node-_42b450ff-46ea-62a5-95ab-cc0f12412ad2-564261ce {
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
}
#w-node-d5395dbb-1693-1b5d-80e4-0f803e7d0dfe-564261ce {
grid-area: 3 / 2 / 4 / 6;
}
#w-node-a535ea28-fe85-c0fb-716e-33d2bdec3117-564261ce {
grid-area: 1 / 1 / 2 / 7;
}
#w-node-d469e4db-c645-3a1c-c7bf-df0a24b9e743-564261ce {
grid-area: 3 / 2 / 4 / 6;
}
#w-node-ebb87cfc-2988-df57-a4b9-3bcfe3722a75-99e59f31 {
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
}
#w-node-ee81a411-58f4-bfb9-6b66-c60ab60670f0-99e59f31 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_00e5fa47-91cc-7072-efcf-2d93cd85c6f1-99e59f31 {
grid-area: 1 / 1 / 2 / 4;
align-self: start;
}
#w-node-_2696115a-7114-da43-e918-b055a5475648-99e59f31, #w-node-_62d64f2e-d3d8-06bd-a00f-0c7326065db6-99e59f31, #w-node-b80612fc-2341-da34-aea7-0b444e5d1ac1-99e59f31, #w-node-b3e6a155-98b6-d3d9-04a1-8cd837f3da6d-99e59f31 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_997a2554-56a4-df53-10b1-693e5ddebd74-99e59f31 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1.75fr;
}
#w-node-_997a2554-56a4-df53-10b1-693e5ddebd75-99e59f31 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_997a2554-56a4-df53-10b1-693e5ddebd76-99e59f31, #w-node-_9799768d-d019-4478-5a70-0f1a655cae76-99e59f31 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_3e1d8bf2-2820-51c7-fed0-10fac60d18e3-99e59f31 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0efe9d70-7439-6485-7d80-555c8fd254f0-3860bf2b {
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
}
#w-node-_63b40394-6656-f3c6-d2f0-95bc0cd9a3cc-3860bf2b {
grid-area: 6 / 2 / 8 / 5;
}
#w-node-_925263c9-81ba-b907-a085-6d25aae29927-a507783b, #w-node-ef0231ae-cd55-d7a4-7b33-93e049e9b188-f7fecb9d {
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
}
#w-node-e5f25986-fa6b-77e3-14c1-56ae5a69274d-f7fecb9d {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_739a58d9-53c8-7dcf-bcc1-fd6bf4744edc-f7fecb9d {
grid-area: 3 / 3 / 4 / 4;
}
#w-node-b84b5660-0c8d-bf8c-9810-9e8f04046db7-f7fecb9d {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_9166e96d-9081-6895-09a3-5c15acab82bc-f7fecb9d {
grid-area: 3 / 4 / 4 / 5;
}
#w-node-c52fb598-2f6c-9715-34f1-7dc52d3df30a-f7fecb9d {
grid-area: 1 / 3 / 3 / 4;
}
#topp.w-node-_7c76cb2c-eb1e-a431-2ce5-9f3bab04b17f-a56a845a {
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
}
#w-node-_326b68ba-d0eb-2c5f-ec70-06930c92f4bb-a56a845a {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#w-node-_1f672d5d-a8c5-e2f3-abae-0d68c3f07191-9b51a76c {
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
}
#w-node-f58912af-e071-44d3-e588-274c72b03f13-9b51a76c {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#topp.w-node-ae3ed2d4-371d-b26a-106b-d15eaf97455b-9b52ceb3, #w-node-d1ae8395-2edf-94d8-3713-35b11d300015-e8711500 {
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
}
#w-node-_53e40aaa-f214-4038-55b3-d32b4f08f9b5-b86c0ad4, #w-node-_4aca6332-6cf3-a726-5739-2eafd32703bc-b86c0ad4, #w-node-_525e1ad2-113d-d120-6a57-f40baad06cfa-b86c0ad4, #w-node-ac44c225-daa1-f2a7-4a0e-84246a3f7444-b86c0ad4, #w-node-_35a60a57-2e36-177d-046a-30796522b1c9-b86c0ad4, #w-node-aadadc53-93c5-ecca-886f-759fa73ff2b4-b86c0ad4, #w-node-b7545752-6556-6233-00fd-23ea7e9b5ba0-b86c0ad4, #w-node-efb6d8f2-606a-1391-4dff-099b91909fe6-b86c0ad4, #w-node-_814d1488-958a-cf86-093f-ab7d127d8b25-b86c0ad4, #w-node-_0447efc4-a37e-b34e-3284-c52f7ad2e189-b86c0ad4, #w-node-_16fcf75b-dfdd-b98b-16d5-5768c57cb0c8-b86c0ad4, #w-node-abf2ee6d-2d4f-1e3a-d5c2-66097cc30eef-b86c0ad4 {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-fed79f3b-6b40-221f-8e06-a19a173b4920-d7ac42db, #w-node-_965a23d6-5c72-edd1-3e62-8c06e5dc44ed-9b53ed69 {
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
}
#w-node-_78da6e67-9a41-212b-055e-9abe093834a9-9b53ed69 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-ee81a411-58f4-bfb9-6b66-c60ab60670f0-9b53ed69 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_2696115a-7114-da43-e918-b055a5475648-9b53ed69, #w-node-_62d64f2e-d3d8-06bd-a00f-0c7326065db6-9b53ed69 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b5e2f39b-be56-b706-65b8-32aed3622de0-9b53ed69 {
grid-area: 1 / 1 / 2 / 4;
align-self: start;
}
#w-node-_7303c435-a3b0-64a0-3f3d-c571e3ff5973-67f57ad3, #w-node-_2af02db9-1f47-c140-eb1f-67713bce307d-33c58920, #w-node-_6f87e0e0-d350-bb9c-2630-5f4eea86b710-f87d1fdd {
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
}
#w-node-_6f87e0e0-d350-bb9c-2630-5f4eea86b710-01757fed {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-ac52d5f4-6510-042e-b0fa-0ebe21729968-01757fed {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_6ee1b852-273b-a9b6-7589-2311debf488f-01757fed {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 767px) {
#w-node-_42b450ff-46ea-62a5-95ab-cc0f12412ad2-564261ce {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-b3c2e4a4-9c76-d693-45d3-f27d67f6ff8d-564261ce {
grid-area: 1 / 1 / 2 / 7;
place-self: stretch stretch;
}
#w-node-a535ea28-fe85-c0fb-716e-33d2bdec3117-564261ce {
grid-area: 1 / 1 / 2 / 7;
}
#w-node-_85e2fc3f-1f5f-0df0-1a79-59bc55160005-564261ce {
grid-area: 1 / 2 / 2 / 7;
}
#w-node-ebb87cfc-2988-df57-a4b9-3bcfe3722a75-99e59f31 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-ee81a411-58f4-bfb9-6b66-c60ab60670f0-99e59f31 {
grid-template-rows: auto auto;
grid-template-columns: 2.25fr;
}
#w-node-_2696115a-7114-da43-e918-b055a5475648-99e59f31, #w-node-_62d64f2e-d3d8-06bd-a00f-0c7326065db6-99e59f31, #w-node-b80612fc-2341-da34-aea7-0b444e5d1ac1-99e59f31, #w-node-b3e6a155-98b6-d3d9-04a1-8cd837f3da6d-99e59f31 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6033194a-ae29-5464-42a5-3754adfe63fa-99e59f31 {
grid-template-rows: auto;
grid-template-columns: .75fr;
}
#w-node-_6033194a-ae29-5464-42a5-3754adfe63fb-99e59f31, #w-node-_6033194a-ae29-5464-42a5-3754adfe63fc-99e59f31 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_997a2554-56a4-df53-10b1-693e5ddebd74-99e59f31 {
grid-template-rows: auto auto;
grid-template-columns: .75fr 1fr;
}
#w-node-_997a2554-56a4-df53-10b1-693e5ddebd75-99e59f31, #w-node-_997a2554-56a4-df53-10b1-693e5ddebd76-99e59f31 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9799768d-d019-4478-5a70-0f1a655cae76-99e59f31, #w-node-_3e1d8bf2-2820-51c7-fed0-10fac60d18e3-99e59f31 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ad0901dc-d52f-2004-cc6a-7e27d2fc77b9-99e59f31 {
place-self: stretch stretch;
}
#w-node-_36bf549a-4e70-b382-b173-3627fc2ab102-99e59f31 {
grid-area: 3 / 1 / 4 / 2;
place-self: stretch stretch;
}
#w-node-_0efe9d70-7439-6485-7d80-555c8fd254f0-3860bf2b {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_63b40394-6656-f3c6-d2f0-95bc0cd9a3cc-3860bf2b {
grid-area: 6 / 2 / 9 / 5;
}
#w-node-c0dbbf8f-c1b7-76a2-6a8f-5e0dd710db2b-3860bf2b {
grid-area: 6 / 1 / 7 / 5;
place-self: start;
}
#w-node-_925263c9-81ba-b907-a085-6d25aae29927-a507783b, #w-node-ef0231ae-cd55-d7a4-7b33-93e049e9b188-f7fecb9d, #topp.w-node-_7c76cb2c-eb1e-a431-2ce5-9f3bab04b17f-a56a845a {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-fc2abc80-e69f-f6b9-a677-84d690431bb6-a56a845a {
grid-template-rows: auto;
grid-template-columns: 1fr;
display: grid;
}
#w-node-_326b68ba-d0eb-2c5f-ec70-06930c92f4bb-a56a845a {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
display: none;
}
#w-node-f5299470-66bb-ac3a-3da5-0cba5da6dad9-a56a845a, #w-node-_326b68ba-d0eb-2c5f-ec70-06930c92f4c0-a56a845a {
grid-column: span 3 / span 3;
}
#w-node-_1f672d5d-a8c5-e2f3-abae-0d68c3f07191-9b51a76c {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-f58912af-e071-44d3-e588-274c72b03f13-9b51a76c {
grid-area: 2 / 1 / 3 / 4;
}
#topp.w-node-ae3ed2d4-371d-b26a-106b-d15eaf97455b-9b52ceb3 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_4a26eb6c-76a2-4b66-3ecd-4f6780141b0b-9b52ceb3 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: end;
}
#w-node-d1ae8395-2edf-94d8-3713-35b11d300015-e8711500 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_53e40aaa-f214-4038-55b3-d32b4f08f9b5-b86c0ad4, #w-node-_4aca6332-6cf3-a726-5739-2eafd32703bc-b86c0ad4, #w-node-_525e1ad2-113d-d120-6a57-f40baad06cfa-b86c0ad4, #w-node-ac44c225-daa1-f2a7-4a0e-84246a3f7444-b86c0ad4, #w-node-_35a60a57-2e36-177d-046a-30796522b1c9-b86c0ad4, #w-node-aadadc53-93c5-ecca-886f-759fa73ff2b4-b86c0ad4, #w-node-b7545752-6556-6233-00fd-23ea7e9b5ba0-b86c0ad4, #w-node-efb6d8f2-606a-1391-4dff-099b91909fe6-b86c0ad4, #w-node-_814d1488-958a-cf86-093f-ab7d127d8b25-b86c0ad4, #w-node-_0447efc4-a37e-b34e-3284-c52f7ad2e189-b86c0ad4, #w-node-_16fcf75b-dfdd-b98b-16d5-5768c57cb0c8-b86c0ad4, #w-node-abf2ee6d-2d4f-1e3a-d5c2-66097cc30eef-b86c0ad4 {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-a5397154-38b4-5978-0cda-856183d0f683-b86c0ad4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-fed79f3b-6b40-221f-8e06-a19a173b4920-d7ac42db, #w-node-_965a23d6-5c72-edd1-3e62-8c06e5dc44ed-9b53ed69 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_78da6e67-9a41-212b-055e-9abe093834a9-9b53ed69 {
grid-area: 2 / 1 / 3 / 4;
}
#w-node-ee81a411-58f4-bfb9-6b66-c60ab60670f0-9b53ed69 {
grid-template-rows: auto auto;
grid-template-columns: 2.25fr;
}
#w-node-_2696115a-7114-da43-e918-b055a5475648-9b53ed69, #w-node-_62d64f2e-d3d8-06bd-a00f-0c7326065db6-9b53ed69 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7303c435-a3b0-64a0-3f3d-c571e3ff5973-67f57ad3, #w-node-_2af02db9-1f47-c140-eb1f-67713bce307d-33c58920, #w-node-_6f87e0e0-d350-bb9c-2630-5f4eea86b710-f87d1fdd {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_5f5babc6-3bcb-4fb7-ea93-f35c9b678ecc-f87d1fdd {
grid-area: 1 / 1 / 2 / 4;
place-self: start;
}
#w-node-c154c659-d71d-57c5-8923-645e1bddb0df-f87d1fdd {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-eeae4002-1305-61e8-25d4-52d50ea9f025-f87d1fdd {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_50b44027-19a0-3f0f-476e-54b006035bc8-f87d1fdd {
grid-area: 3 / 3 / 4 / 4;
}
#w-node-_6f87e0e0-d350-bb9c-2630-5f4eea86b710-01757fed {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_5f5babc6-3bcb-4fb7-ea93-f35c9b678ecc-01757fed {
grid-area: 1 / 1 / 2 / 4;
place-self: start;
}
#w-node-c154c659-d71d-57c5-8923-645e1bddb0df-01757fed {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-eeae4002-1305-61e8-25d4-52d50ea9f025-01757fed {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_50b44027-19a0-3f0f-476e-54b006035bc8-01757fed {
grid-area: 3 / 3 / 4 / 4;
}
}
@media screen and (max-width: 479px) {
#w-node-b3c2e4a4-9c76-d693-45d3-f27d67f6ff8d-564261ce {
grid-area: 1 / 1 / 2 / 4;
place-self: stretch stretch;
}
#w-node-d5395dbb-1693-1b5d-80e4-0f803e7d0dfe-564261ce {
grid-area: 3 / 1 / 4 / 4;
}
#w-node-a535ea28-fe85-c0fb-716e-33d2bdec3117-564261ce {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-d469e4db-c645-3a1c-c7bf-df0a24b9e743-564261ce {
grid-area: 3 / 1 / 4 / 4;
}
#w-node-_85e2fc3f-1f5f-0df0-1a79-59bc55160005-564261ce, #w-node-_692079d8-fd02-0a55-bf85-a14ac1d73357-564261ce {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-ee81a411-58f4-bfb9-6b66-c60ab60670f0-99e59f31 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_00e5fa47-91cc-7072-efcf-2d93cd85c6f1-99e59f31 {
grid-area: 1 / 1 / 2 / 3;
align-self: start;
}
#w-node-_2696115a-7114-da43-e918-b055a5475648-99e59f31, #w-node-_62d64f2e-d3d8-06bd-a00f-0c7326065db6-99e59f31, #w-node-b80612fc-2341-da34-aea7-0b444e5d1ac1-99e59f31, #w-node-b3e6a155-98b6-d3d9-04a1-8cd837f3da6d-99e59f31 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6033194a-ae29-5464-42a5-3754adfe63fa-99e59f31 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_997a2554-56a4-df53-10b1-693e5ddebd74-99e59f31 {
grid-template-rows: auto auto;
grid-template-columns: .75fr;
}
#w-node-_997a2554-56a4-df53-10b1-693e5ddebd75-99e59f31, #w-node-_997a2554-56a4-df53-10b1-693e5ddebd76-99e59f31, #w-node-_9799768d-d019-4478-5a70-0f1a655cae76-99e59f31, #w-node-_3e1d8bf2-2820-51c7-fed0-10fac60d18e3-99e59f31 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d057b820-19cd-c2d9-bf04-1a4b3dd2be8c-99e59f31 {
grid-area: 1 / 1 / 2 / 3;
align-self: start;
}
#w-node-d057b820-19cd-c2d9-bf04-1a4b3dd2be8e-99e59f31 {
grid-area: 2 / 1 / 3 / 3;
align-self: start;
}
#w-node-_04566f3d-5c33-bde0-0986-071bb07e6382-99e59f31 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_477d65f2-59ba-74ad-ad8f-6d099ea081ca-99e59f31 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_1797021f-2b12-63ef-cf6d-becb614a21ec-99e59f31 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-fb411f16-5132-61fb-227a-2effb6312d84-99e59f31 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5d00bbc5-bc13-5054-1d77-68d677570e90-99e59f31 {
grid-area: 9 / 2 / 10 / 3;
}
#w-node-c91f5a0e-fc54-344d-b754-f0346c457ddb-99e59f31 {
grid-area: 9 / 1 / 10 / 2;
place-self: auto;
}
#w-node-_5045067d-689f-6457-bf78-ef91c5de8009-99e59f31 {
grid-area: 10 / 1 / 11 / 2;
place-self: stretch stretch;
}
#w-node-_268183e2-c618-8ce4-d33d-09465678c624-99e59f31 {
grid-area: 10 / 2 / 11 / 3;
}
#w-node-_45841eb7-26dc-443f-04c2-36a5d9556830-99e59f31 {
grid-area: 4 / 1 / 8 / 3;
place-self: center;
}
#w-node-_8cae4609-19b5-8ce8-b383-36626d1d7240-99e59f31 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_656b04a7-e237-a793-3505-d7bdceab4945-99e59f31 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-af895987-6071-2846-c806-68d23b861141-3860bf2b {
grid-area: 2 / 1 / 3 / 3;
align-self: end;
}
#w-node-_0163b96a-2e1e-aba8-a054-4b001a988dae-3860bf2b {
grid-area: 1 / 2 / 3 / 5;
place-self: stretch center;
}
#w-node-_485cd497-eabc-8ff2-035d-6fd11b300ecd-3860bf2b {
grid-area: 1 / 1 / 2 / 4;
place-self: start;
}
#w-node-d5ba9a05-6353-4b26-079e-9055f62ada8b-3860bf2b {
grid-area: 5 / 1 / 7 / 5;
align-self: stretch;
}
#w-node-_23d45016-ff76-c8ae-94d0-1761a90057ad-3860bf2b {
grid-area: 4 / 1 / 5 / 5;
align-self: end;
}
#w-node-_44f96cf7-267a-8cab-0601-8f3d7bffc041-3860bf2b {
grid-area: 4 / 3 / 6 / 5;
place-self: center;
}
#w-node-_63b40394-6656-f3c6-d2f0-95bc0cd9a3cc-3860bf2b {
grid-area: 8 / 1 / 11 / 5;
}
#w-node-c0dbbf8f-c1b7-76a2-6a8f-5e0dd710db2b-3860bf2b {
grid-area: 11 / 1 / 12 / 5;
align-self: end;
}
#w-node-_0a324514-c718-0f51-61d2-685a0f7e773d-a507783b {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_0a324514-c718-0f51-61d2-685a0f7e7742-a507783b, #w-node-_0a324514-c718-0f51-61d2-685a0f7e7748-a507783b, #w-node-_13ea62df-062e-bcbd-a3bc-d87f17c7c393-a507783b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#stories.w-node-f15121df-e628-56b4-3156-ec1c34864cb8-a507783b {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_1caacbf0-8ce8-49d9-afeb-8e61d26c32fd-a507783b, #w-node-a1c194d1-4633-263d-a6fa-887b89495724-a507783b, #w-node-f0a51392-4151-e878-6392-ace52251243a-a507783b, #w-node-_136b10f6-de49-a12c-903b-925d6fff1173-a507783b, #w-node-_2bbc5f83-2bde-0503-84d1-f2c2ba85d8b1-a507783b, #w-node-c85dd3c0-3f08-eca7-51ca-bc4325cfaeb1-a507783b, #w-node-_1d9475d9-42af-3afe-572c-f76df1dcec4b-a507783b, #w-node-_295310b3-74b7-ea65-4897-ab1cc2f3fa0d-a507783b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3549a2db-e144-6c45-8842-f83d01a39e6d-f7fecb9d {
grid-template-rows: auto auto auto;
grid-template-columns: .75fr;
}
#w-node-ec65a345-17db-4352-a6c8-b8327adcf72a-f7fecb9d, #w-node-f9716af7-6b36-82f4-3f89-9a6d9859db94-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e5f25986-fa6b-77e3-14c1-56ae5a69274d-f7fecb9d {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-e3ffb675-df2d-cec7-a5c3-0cc99ebfd541-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_739a58d9-53c8-7dcf-bcc1-fd6bf4744edc-f7fecb9d {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_882ccc2b-68b9-ee36-87dc-a07f100ec658-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b84b5660-0c8d-bf8c-9810-9e8f04046db7-f7fecb9d {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-f4823557-ace3-391c-5c90-a73179387205-f7fecb9d, #w-node-b02f92d5-cb2d-0892-962f-de54c68278dc-f7fecb9d, #w-node-_38ceb098-2c05-1125-fd91-0679b7b3158a-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5355d444-9333-37db-bf23-4592b339bdae-f7fecb9d {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-d2a1c762-d396-6f8e-e47c-4eddd0f5e6db-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_139be1a3-50b5-9451-828a-1fd56195d183-f7fecb9d {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_26fd533b-200c-b4d1-6043-b80adf2d7b55-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_92a2c889-2fa3-437c-2551-af1301f18b2f-f7fecb9d {
grid-area: 4 / 2 / 5 / 3;
}
#w-node-dae098ce-1982-9f6a-3ad5-9ee3a1fd8de7-f7fecb9d, #w-node-affef75d-ecc2-98c2-f0be-f90006417f95-f7fecb9d, #w-node-_114118d0-e0c9-d25e-d86b-19b0b085491e-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c52fb598-2f6c-9715-34f1-7dc52d3df30a-f7fecb9d {
grid-area: 1 / 1 / 2 / 3;
align-self: center;
}
#w-node-_1b753bfe-70b2-6170-9201-ddf51e3ebd9a-f7fecb9d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fc2abc80-e69f-f6b9-a677-84d690431bb6-a56a845a {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_326b68ba-d0eb-2c5f-ec70-06930c92f4bb-a56a845a {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
}
#w-node-f58912af-e071-44d3-e588-274c72b03f13-9b51a76c {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-b9b3eaed-be46-f3d5-4b13-0cb43afa7f82-9b51a76c {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
}
#w-node-b9b3eaed-be46-f3d5-4b13-0cb43afa7f83-9b51a76c, #w-node-_6156923f-f85e-cbd0-18d5-b4342d1bae72-9b51a76c, #w-node-da4ae85d-21f3-eabb-829b-a7fc662ad3b4-9b51a76c, #w-node-_457b3330-7b62-7b8d-46bb-7257c486afe3-9b51a76c, #w-node-_49f609eb-b00d-f47d-1d29-f461333eb934-9b51a76c, #w-node-_2586377e-76d5-a344-8aeb-a5de08807e11-9b51a76c, #w-node-_6ba1e1db-f634-ae75-2d88-c0dfe156a99f-9b51a76c, #w-node-_86d1bf6c-72c6-9dc0-97ac-e211b53d56ba-9b51a76c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3caede56-6baf-8537-a354-f5f3a2d6f0ef-9b52ceb3 {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_0814e0e7-11a7-293a-213c-a782c418a503-9b52ceb3, #w-node-_3caede56-6baf-8537-a354-f5f3a2d6f0f0-9b52ceb3, #w-node-_3caede56-6baf-8537-a354-f5f3a2d6f0f1-9b52ceb3, #w-node-cc125b84-7746-6b41-549a-f7178b644353-9b52ceb3, #w-node-_2197ff79-3ebe-1e92-6009-55710e14d78c-9b52ceb3, #w-node-_158c0608-c475-fbee-eb97-e11797c81942-9b52ceb3, #w-node-_2c6a3a8f-61d6-ee32-5cf1-0304405a01bb-9b52ceb3, #w-node-_7ffcc865-1158-f4a3-1dcd-9c62ed3083d9-9b52ceb3, #w-node-_08706285-45b9-decb-76d3-59c8e8d5088b-9b52ceb3, #w-node-_0801c1db-4027-2fe2-b04b-88fcb2cde127-9b52ceb3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3b2e4042-e49f-17ef-dd08-ce8d1339cda2-9b52ceb3 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_3b2e4042-e49f-17ef-dd08-ce8d1339cda3-9b52ceb3, #w-node-d610d04a-8853-cfb6-c385-7a5521e24a76-9b52ceb3, #w-node-_14f7884e-f3e2-5a94-7556-825e741851ad-9b52ceb3, #w-node-_5bba012e-e8ec-8c21-ba01-bb45b40ce2fe-9b52ceb3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-af895987-6071-2846-c806-68d23b861141-e8711500 {
grid-area: 2 / 1 / 3 / 3;
}
#print-top.w-node-_61139082-4b16-88f8-fdb5-e1a0629ae371-e8711500 {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
display: grid;
}
#w-node-_53e40aaa-f214-4038-55b3-d32b4f08f9b5-b86c0ad4, #w-node-_4aca6332-6cf3-a726-5739-2eafd32703bc-b86c0ad4, #w-node-_525e1ad2-113d-d120-6a57-f40baad06cfa-b86c0ad4, #w-node-ac44c225-daa1-f2a7-4a0e-84246a3f7444-b86c0ad4, #w-node-_35a60a57-2e36-177d-046a-30796522b1c9-b86c0ad4, #w-node-aadadc53-93c5-ecca-886f-759fa73ff2b4-b86c0ad4, #w-node-b7545752-6556-6233-00fd-23ea7e9b5ba0-b86c0ad4, #w-node-efb6d8f2-606a-1391-4dff-099b91909fe6-b86c0ad4, #w-node-_814d1488-958a-cf86-093f-ab7d127d8b25-b86c0ad4, #w-node-_0447efc4-a37e-b34e-3284-c52f7ad2e189-b86c0ad4, #w-node-_16fcf75b-dfdd-b98b-16d5-5768c57cb0c8-b86c0ad4, #w-node-abf2ee6d-2d4f-1e3a-d5c2-66097cc30eef-b86c0ad4 {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_352c37ed-760e-805d-a590-08c1740bcdf7-b86c0ad4, #w-node-a5397154-38b4-5978-0cda-856183d0f683-b86c0ad4 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-fed79f3b-6b40-221f-8e06-a19a173b4924-d7ac42db {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-d5c0c4f4-458a-9b30-6974-45f1ed3bb254-d7ac42db {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_731a2d5d-b347-d2c1-5af1-9d5d64c76ad2-d7ac42db {
grid-row: 7 / 8;
grid-column-end: 5;
}
#w-node-_16f7a2d5-f58d-a053-979e-299c8f80a8c8-d7ac42db {
grid-area: 14 / 1 / 15 / 5;
}
#w-node-_83a47ac0-1b14-5ca9-3ada-0691faa579ca-d7ac42db {
grid-row: 13 / 14;
grid-column-end: 5;
}
#w-node-_44c6d414-0a35-76da-c294-b9119e0b346b-d7ac42db {
grid-area: 12 / 3 / 13 / 5;
}
#w-node-_40dad389-6d5b-02b6-3fa4-8ebfc7bf1852-d7ac42db {
grid-area: 8 / 1 / 9 / 5;
}
#w-node-f26ed523-8d03-f60f-f0c2-e7f2e0831994-d7ac42db {
grid-area: 9 / 1 / 10 / 5;
}
#w-node-_2889c38d-88c0-789b-bb8f-ffcfd87e69ae-d7ac42db {
grid-column: 3 / 5;
grid-row-end: 4;
}
#w-node-_543adc73-86f9-e3ac-cde2-6dc64078b052-d7ac42db {
grid-area: 12 / 1 / 13 / 3;
}
#w-node-_858024ee-d646-697b-4b37-b6b8b2060177-d7ac42db {
grid-row: 5 / 6;
}
#w-node-_3814a358-efef-a932-5efd-3007662b6c86-d7ac42db {
grid-row: 4 / 5;
}
#w-node-_8cf49056-ddb2-75bd-bc8d-38885f2aee5d-d7ac42db {
grid-column: 1 / 5;
grid-row-start: 2;
}
#w-node-ceaea780-3961-abe7-ea50-c8aee08cc8c4-d7ac42db {
grid-row-end: 2;
grid-column-end: 5;
}
#w-node-e173d2d7-ffe8-ac63-ce57-c784b8821e57-d7ac42db {
grid-row: 4 / 5;
grid-column-end: 5;
}
#w-node-e0338087-9413-1a2e-121c-afba1ed9a9dc-d7ac42db {
grid-area: 5 / 3 / 6 / 5;
}
#w-node-_6412589c-de5e-511c-2876-e9a88f87a47a-d7ac42db, #w-node-_45a07913-5d97-758e-f47e-8631a024d74c-d7ac42db {
grid-row: 10 / 11;
}
#w-node-ceaddbf1-d9bd-5483-27f8-6985161b7d13-d7ac42db {
grid-row: 11 / 12;
}
#w-node-cd07c720-3b9e-1220-063d-1ee76c66c850-d7ac42db {
grid-row-end: 2;
}
#w-node-_79424330-e27c-f8ec-05d2-1c7200e316b1-d7ac42db {
grid-area: 6 / 1 / 7 / 5;
}
#w-node-_78da6e67-9a41-212b-055e-9abe093834a9-9b53ed69 {
grid-area: 2 / 1 / 3 / 3;
}
#topp.w-node-dfa1e0fc-e7bf-1af5-b7c6-9fbef0a0234a-9b53ed69, #w-node-ee81a411-58f4-bfb9-6b66-c60ab60670f0-9b53ed69 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_2696115a-7114-da43-e918-b055a5475648-9b53ed69, #w-node-_62d64f2e-d3d8-06bd-a00f-0c7326065db6-9b53ed69 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_33843ef9-b273-c429-2d74-af9432d0c6f1-9b53ed69, #w-node-b5e2f39b-be56-b706-65b8-32aed3622dde-9b53ed69 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
#w-node-b5e2f39b-be56-b706-65b8-32aed3622de0-9b53ed69 {
grid-area: 1 / 1 / 2 / 3;
align-self: start;
}
#postcards.w-node-cc7d8c2b-b508-6dfa-09e2-afc1a09bc0de-33c58920 {
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_715db38d-6bcd-c24c-80f7-a33146a9e5bd-33c58920 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#Landing-Page.w-node-_656166ef-1e20-8701-52ce-8399e6a7e8c1-33c58920 {
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_5f5babc6-3bcb-4fb7-ea93-f35c9b678ecc-f87d1fdd {
grid-area: 1 / 1 / 2 / 2;
place-self: start;
}
#w-node-_78da6e67-9a41-212b-055e-9abe093834a9-f87d1fdd {
grid-area: 2 / 1 / 3 / 2;
align-self: end;
}
#w-node-c154c659-d71d-57c5-8923-645e1bddb0df-f87d1fdd {
justify-self: start;
}
#w-node-eeae4002-1305-61e8-25d4-52d50ea9f025-f87d1fdd {
grid-area: 4 / 1 / 5 / 2;
place-self: auto center;
}
#w-node-_50b44027-19a0-3f0f-476e-54b006035bc8-f87d1fdd {
grid-area: 5 / 1 / 6 / 2;
}
#halo-top.w-node-f073c268-6f90-7726-0763-c999e10a1cfc-f87d1fdd {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_2b7593d9-9f52-f66f-8bd0-838f8fada83f-f87d1fdd {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_2b7593d9-9f52-f66f-8bd0-838f8fada847-f87d1fdd, #w-node-_2b7593d9-9f52-f66f-8bd0-838f8fada849-f87d1fdd, #w-node-_2b7593d9-9f52-f66f-8bd0-838f8fada84b-f87d1fdd, #w-node-_2b7593d9-9f52-f66f-8bd0-838f8fada84d-f87d1fdd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0a324514-c718-0f51-61d2-685a0f7e773d-f87d1fdd {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_0a324514-c718-0f51-61d2-685a0f7e7742-f87d1fdd, #w-node-_0a324514-c718-0f51-61d2-685a0f7e7748-f87d1fdd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a894fd3d-0abf-280b-431d-88b66de5c123-f87d1fdd {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_4af73eed-bb63-fa4e-d7a3-9ec26e4522b8-f87d1fdd {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_5f5babc6-3bcb-4fb7-ea93-f35c9b678ecc-01757fed {
grid-area: 1 / 1 / 2 / 2;
place-self: start;
}
#w-node-_78da6e67-9a41-212b-055e-9abe093834a9-01757fed {
grid-area: 2 / 1 / 3 / 2;
align-self: end;
}
#w-node-c154c659-d71d-57c5-8923-645e1bddb0df-01757fed {
justify-self: start;
}
#w-node-eeae4002-1305-61e8-25d4-52d50ea9f025-01757fed {
grid-area: 4 / 1 / 5 / 2;
place-self: auto center;
}
#w-node-_50b44027-19a0-3f0f-476e-54b006035bc8-01757fed {
grid-area: 5 / 1 / 6 / 2;
}
#ps-top.w-node-_57136608-7237-85d9-aa05-9db0e2d00c3e-01757fed, #w-node-ac52d5f4-6510-042e-b0fa-0ebe21729968-01757fed {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_6b926839-4118-6735-aab5-ae26c8a0b339-01757fed {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
}