 @media only screen and (min-width: 0rem) {.project-container {margin: auto;max-width: 87.5em;width: 87%;}.project-link {z-index: 1;position: relative;display: inline-block;border-radius: 0.25rem;margin: auto;background-color: var(--headerColor);min-width: 9.375rem;box-sizing: border-box;padding: 0 1.5rem;text-decoration: none;font-size: 1rem;line-height: clamp(2.875em, 5.5vw, 3.5em);font-weight: 700;color: #fff;transition: color 0.3s;text-align: center;}.project-link:before {z-index: -1;position: absolute;top: 0;left: 0;content: "";opacity: 0;border: 1px solid var(--headerColor);border-radius: 0.25rem;background: #fff;height: 100%;width: 100%;box-sizing: border-box;transition: opacity 0.3s;}.project-link:hover {color: var(--headerColor);}.project-link:hover:before {opacity: 1;}}@media only screen and (min-width: 0rem) {#header {z-index: 1;position: relative;}#header .project-container {padding: 4rem 0;}#header .project-header {margin: 0;width: 100%;font-size: clamp(24px, 4vw, 48px);line-height: 1.2em;font-weight: 400;color: #fff;text-align: left;}#header .project-bg {z-index: -1;position: absolute;top: 0;left: 0;display: block;height: 100%;width: 100%;}#header .project-bg img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#header .project-bg:before {z-index: 1;position: absolute;top: 0;left: 0;content: "";opacity: 0.6;display: block;background: #000;height: 100%;width: 100%;}}@media only screen and (min-width: 0rem) {#int-hero {z-index: 1;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 30vh;padding-top: 3.125rem;}#int-hero picture {z-index: -2;position: absolute;top: 0;left: 0;height: 100%;width: 100%;}#int-hero picture img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#int-hero h1 {position: relative;margin: 0 auto;margin-top: 4.375rem;margin-bottom: 1.875rem;width: 96%;font-size: 2.13333333rem;color: #fff;text-align: center;}#int-hero p {display: block;margin: auto;margin-bottom: 1.875rem;max-width: 25rem;width: 96%;color: #fff;text-align: center;}#int-hero:before {z-index: -1;position: absolute;top: 0;left: 0;content: "";opacity: 0.7;display: block;background: #000;height: 100%;width: 100%;}}@media only screen and (min-width: 48rem) {#int-hero {font-size: 100%;}#int-hero h1 {font-size: 4rem;}}@media only screen and (min-width: 64rem) {#int-hero {background-attachment: fixed;min-height: 18.75rem;height: auto;padding-top: 11.25rem;font-size: inherit;padding-block-end: 6.25rem;}}@media only screen and (min-width: 0rem) {.project-article #project-content #caseStudyToggle {background-image: linear-gradient(to right, #4568DC, #B06AB3);background-size: 125% 100%;transition: 0.25s ease;background-position: right;color: #FFF;padding: 10px 15px;text-decoration: none;text-transform: uppercase;font-size: 21px;font-weight: 500;border-radius: 5px;letter-spacing: 1px;margin-top: 1rem;font-family: 'Clash Display';display: inline-flex;cursor: pointer;margin-bottom: 2rem;}.project-article #project-content #caseStudyToggle span {font-family: 'Jersey 10';background: #FF5F6D;background: -webkit-linear-gradient(to top, #FFC371, #FF5F6D);background: linear-gradient(to top, #FFC371, #FF5F6D);background-clip: text;color: transparent;font-size: 25px;display: inline-block;line-height: 0.75;}.project-article #project-content #caseStudyToggle h2 {display: inline-block;line-height: 1;margin-bottom: 0;color: #FFF;z-index: 1;font-size: 21px;font-weight: 400;letter-spacing: 1px;margin-top: 0;}#caseStudyToggle {position: relative;}#caseStudyToggle:hover {background-position: left;}#caseStudyToggle:active {box-shadow: 0 5px transparent;transform: translateY(2px);}#caseStudyToggle:active .gradient-bg {top: 41px;opacity: 1;}.svg-wrapper {background: #FFF;-webkit-mask: url(#your-svg) no-repeat center / contain;mask: url(/assets/svgs/downarrow-2.svg) no-repeat center / contain;height: 20px;width: 15px;margin-left: 8px;transform: translatey(0px);z-index: 1;}.svg-wrapper svg {height: 0;width: 0;}.flip {transform: rotateX(180deg);}.main-content-wrapper {display: flex;flex-direction: column;justify-content: center;align-items: center;row-gap: 3.125em;}.main-content {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;row-gap: 3.125em;}.subheader {text-transform: uppercase;letter-spacing: 1px;font-weight: 300;}.project-article #project-content p.description {font-size: 1.28571429rem;color: #FFF;text-align: center;margin-top: 1rem;}.ffw.fwimage {width: 95vw !important;}.branding, .webdesign, .outcome {max-width: 800px;margin: 5rem 0;}.intro-container {position: relative;height: 175vh;padding-top: 10rem;}.intro-image {height: 100vh;width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;position: sticky;top: 0;}.project-logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80vw;}.bgimage {position: fixed;z-index: -1;height: 100vh;width: 100vw;top: 50%;left: 50%;transform: translate(-50%, -50%);background-repeat: no-repeat;background-size: cover;background-position: center;}.content-wrapper {width: 100vw;left: 50%;position: relative;transform: translateX(-50%);padding: 3rem 35px 1rem;background: #151118;}.content-wrapper .content-column-container {display: flex;flex-wrap: wrap;justify-content: space-between;}.content-wrapper .content-column-container .case-study-wrapper, .content-wrapper .content-column-container .project-gallery {width: 100%;}.intro-container .sticky-container {position: absolute;top: 0;left: 0;height: 100%;width: 100vw;left: 50%;transform: translateX(-50%);z-index: -1;display: flex;justify-content: space-around;}.blur {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 0;backdrop-filter: blur(25px);opacity: 1;background: linear-gradient(to bottom, hsl(274.29, 17.07%, 8.04%) 0%, transparent 60%);}.case-study-wrapper {display: flex;justify-content: space-between;flex-wrap: wrap;}.case-study {display: grid;max-height: 0px;overflow: hidden;position: relative;padding-left: 1rem;}.case-study .content {min-height: 0;}.case-study.expanded {max-height: 9999px;}.case-study:after {background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #151118);bottom: 0;content: "";height: 20vh;left: 0;position: absolute;right: 0;opacity: 1;transition: 0.5s ease-in-out;}.case-study.expanded:after {opacity: 0;}.expanded h2 {font-size: 2rem;}.services {margin-bottom: 1.5rem;margin-top: 0.5rem;gap: 1rem;display: flex;justify-content: center;flex-wrap: wrap;}.service {background-color: #FFF;padding: 5px 10px;border-radius: 10px;display: inline-block;font-family: 'Jersey 10';text-transform: uppercase;font-size: 21px;font-weight: 400;letter-spacing: 1px;}.service:not(:last-child) {margin-right: 5px;}.project-gallery {gap: 2rem;}.project-gallery img {width: 100%;height: auto;border-radius: 8px;margin: 0;}.expanded .project-gallery {animation: 1s slide-in;}@keyframes slide-in {from {opacity: 0;}to {opacity: 1;}}.expanded .web-preview-container {flex-wrap: wrap;}.credits div {text-align: center;}.credits div p {margin-bottom: 0;line-height: 1.2;}.credits .subheader {font-family: 'Jersey 10';font-size: 32px;color: #FFF;display: block;width: 100%;text-align: center;margin: 1rem auto;}.credits p {margin-bottom: 0;line-height: 1.2;}.project-article #project-content .project-details h6, .project-article #project-content .project-details p {margin-bottom: 0;line-height: 1;font-weight: 500;}.project-article #project-content .project-details h6.service:not(:first-child) {margin-bottom: 0.5rem;}.project-details .collab {display: block;}.project-details div {text-align: center;margin-bottom: 1rem;}.project-images-container img {margin: 2rem auto;width: 100%;}.project-article #project-content .brand-process-container {background-color: rgba(255, 255, 255, 0.15);padding: 1rem 2rem;border-radius: 10px;margin-bottom: 2rem;}.project-article #project-content .brand-process-container img, .expanded .brand-process-container img {width: 100%;}.expanded .brand-process-container img, .expanded .web-process-container img {border-radius: 2px;}.brand-process {display: flex;flex-wrap: wrap;gap: 2rem 2%;}.web-process-container {background-color: rgba(255, 255, 255, 0.15);padding: 1rem 2rem 2rem;border-radius: 10px;}.web-process-container img {max-width: 300px;}.web-process {display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 2rem;position: relative;max-height: 500px;overflow: hidden;}.web-process::after {content: '';position: absolute;bottom: -1px;width: 100%;height: 50px;background-image: linear-gradient(to bottom, rgba(56, 52, 58, 0), #38343a);pointer-events: none;}.web-preview-container {display: flex;flex-wrap: wrap;align-items: center;gap: 4rem;justify-content: center;padding-right: 3rem;margin-top: 5rem;overflow: hidden;}.web-preview {aspect-ratio: 16 / 9;width: 100%;overflow: scroll;border: 10px solid;background-color: #4d4b66;border-radius: 20px;}.web-preview img, .mobile-preview img {width: 100%;}.mobile-preview {aspect-ratio: 9 / 16;max-width: 80%;width: 100%;overflow: scroll;border: 10px solid;background-color: #4d4b66;border-radius: 20px;}.website-url {margin-bottom: 2rem;}.project-article #project-content .website-url a {font-size: 28px;}.lightbox {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);display: none;justify-content: center;align-items: center;z-index: 1000;}.lightbox-js img {cursor: pointer;transition: 0.2s;}.lightbox-js img:hover {opacity: 0.8;transform: translateY(10px);}.lightbox img {max-width: 90%;max-height: 90%;border-radius: 8px;}.web-preview-container .lightbox {overflow: hidden;}.lightbox.web-img {overflow: scroll;align-items: flex-start;}.web-img img {max-width: unset;max-height: unset;width: 80%;position: relative;top: 15%;}.vertical-line {background-color: #FFF;position: relative;transform: unset;top: 0;left: 0;margin: 1rem auto;height: 1px;width: 80%;}.video-container {width: 100%;display: flex;flex-direction: column;gap: 2rem;margin: 2rem 0;}.video-container .video-embed {width: 100%;}.video-container .video-embed iframe {width: 100%;max-width: 80%;aspect-ratio: 16 / 9;margin: auto;display: block;}p strong {font-family: 'wotfardsemibold';}.project-nav-wrapper {position: relative;width: 100%;}.project-nav-container {width: 100vw;max-width: 1600px;left: 50%;position: relative;transform: translateX(-50%);display: grid;grid-template-columns: repeat(1, 1fr);margin: 5rem 0;padding: 3rem 35px 1rem;gap: 5rem;align-items: flex-start;}.project-nav-card {position: relative;text-decoration: none;color: white;display: flex;align-items: flex-end;justify-content: center;align-items: center;border-radius: 0;transition: 0.3s ease-out;flex-wrap: wrap;flex-direction: column-reverse;}.project-nav-card:first-child {margin-bottom: 2rem;}.project-nav-card video, .project-nav-card .bg-img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: 0.3s ease-out;}.project-nav-card:hover .bg-img {transform: scale(1.025);}.project-nav-container .project-bg {position: relative;display: block;border-radius: 0.5em;height: auto;width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;top: 0;aspect-ratio: 7 / 5;margin-bottom: 10px;transition: 0.25s ease-in-out;}.project-nav-card .bg-img {background-size: cover;background-position: center;transition: 0.15s ease-out;}.project-nav-title {position: relative;z-index: 2;padding: 1rem 1rem;font-size: 1.25rem;text-align: center;width: 100%;display: block;text-align: left;}.project-nav-title h2 {font-family: "Clash Display", sans-serif;font-size: clamp(24px, 50px, 4vw);font-weight: 500;width: 100%;line-height: 1;margin-bottom: 1rem;}.project-nav-title a {text-decoration: none;}.project-nav-title .readmore {font-family: "Clash Display";letter-spacing: 1px;color: #ffffff;display: inline-flex;align-items: center;transition: 0.25s;}.project-nav-card.prev {order: 1;}.project-nav-card video {border-radius: 0.5em;}.all-projects {text-decoration: none;}}@media only screen and (min-width: 64rem) {.project-article #project-content .mobile-image-container {grid-template-columns: 1fr 1fr 1fr !important;}.project-article #project-content .mobile-image-container img {border-radius: 25px;border: 12px solid #000;}.project-article #project-content .desktop-image-container img {border-radius: 25px;border: 12px solid #000;}.main-content-wrapper {flex-direction: row;align-items: flex-start;column-gap: 1.25em;}.content-column-container.expanded .case-study-wrapper, .content-column-container.expanded .project-gallery {width: 47%;gap: 2rem;justify-content: space-between;display: block;}.content-container, .credits {width: 47%;}.content-column-container.expanded .content-container, .content-column-container.expanded .credits {width: 100%;}.two-column-container {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}.intro-container {align-items: center;}.intro-container img {max-width: 42%;}.intro-container .two-column-container .title {width: 50%;padding-right: 3rem;}.intro-container .two-column-container .project-details {width: 50%;padding-left: 3rem;}.project-details div {text-align: left;}.intro-container.two-column-container div:last-child p {text-align: left;}.project-article #project-content .intro-container h1 {margin: 1rem 0;margin-top: 0;font-size: 5vw;line-height: 1em;font-weight: 600;color: #FFF;text-align: right;}.project-article #project-content .intro-content {top: 25%;}.glaucomflecken-2 .project-article #project-content .intro-container h1, .gosselin-martin-associates .project-article #project-content .intro-container h1 {font-size: clamp(2rem, 4vw, 4rem);}.project-article #project-content h2 {font-size: 3rem;}h2:first-child {margin-top: 0;}.project-details div {display: flex;gap: 1rem;align-items: center;margin-bottom: 1rem;}.project-details div:first-child {align-items: baseline;}.project-article #project-content p.description {text-align: right;}.vertical-line {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1px;height: 100%;background-color: #FFF;margin: auto;}.project-article #project-content .brand-process-container img {width: 32%;}.web-preview-container {flex-wrap: nowrap;}.mobile-preview {max-width: 325px;}.project-nav-wrapper {position: relative;width: 100vw;margin-top: 4rem;background-color: #1d181e;}.project-nav-container {grid-template-columns: repeat(2, 1fr);}.project-nav-card video, .project-nav-card .bg-img {height: 100%;width: 100%;position: relative;}.project-nav-card .bg-img {background-size: cover;background-position: center;}.project-nav-title {background: unset;}}@media only screen and (min-width: 0rem) {.recent-articles {max-width: 49.6875em;width: 100%;overflow: hidden;flex: none;}.recent-articles .project-mainImage {position: relative;display: block;border-radius: 0.5em 0.5em 0 0;height: clamp(200px, 30vw, 400px);width: 100%;overflow: hidden;}.recent-articles .project-mainImage img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}.recent-articles .article-group {border: 1px solid #ebebeb;border-radius: 0 0 0.5em 0.5em;padding: clamp(30px, 5vw, 50px);}.recent-articles .project-author-img {position: relative;display: block;border-radius: 50%;height: 2em;width: 2em;overflow: hidden;}.recent-articles .project-author-img img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}.recent-articles .project-authorGroup {display: flex;justify-content: flex-start;align-items: center;gap: 0.75rem;}.recent-articles .project-author, .recent-articles .project-date {font-size: 0.875rem;line-height: 1.5em;color: var(--bodyTextColor);}.recent-articles .project-dot {display: block;border-radius: 50%;background-color: var(--primary);height: 3px;width: 3px;}.recent-articles .project-h1 {margin: 1rem 0;margin-top: 0;font-size: clamp(50px, 5vw, 32px);font-size: 2.13333333rem;line-height: 1em;font-weight: 400;color: #FFF;}.recent-articles .project-desc {margin: 1rem 0 2rem;font-size: 1rem;line-height: 1.5em;color: var(--bodyTextColor);}.recent-articles .project-link {z-index: 1;position: relative;display: inline-block;border-radius: 0.25rem;margin: auto;background-color: var(--headerColor);min-width: 9.375rem;box-sizing: border-box;padding: 0 1.5rem;text-decoration: none;font-size: 1rem;line-height: clamp(2.875em, 5.5vw, 3.5em);font-weight: 700;color: #fff;transition: color 0.3s;text-align: center;}.recent-articles .project-link:before {z-index: -1;position: absolute;top: 0;left: 0;content: "";opacity: 0;border: 1px solid var(--headerColor);border-radius: 0.25rem;background: #fff;height: 100%;width: 100%;box-sizing: border-box;transition: opacity 0.3s;}.recent-articles .project-link:hover {color: var(--headerColor);}.recent-articles .project-link:hover:before {opacity: 1;}}@media only screen and (min-width: 0rem) {body.dark-mode .recent-articles .project-h1, body.dark-mode .recent-articles .project-desc, body.dark-mode .recent-articles .project-author, body.dark-mode .recent-articles .project-date {color: #fdfdfd;}body.dark-mode .project-sidebar .feature-h3, body.dark-mode .project-sidebar .feature-date, body.dark-mode .project-sidebar .project-header {color: #fdfdfd;}body.dark-mode .project-sidebar .project-header:after {background: var(--primary);}body.dark-mode .project-article .project-h1, body.dark-mode .project-article .project-author, body.dark-mode .project-article .project-date {color: #fdfdfd;}body.dark-mode .project-article #project-content h1, body.dark-mode .project-article #project-content h2, body.dark-mode .project-article #project-content h3, body.dark-mode .project-article #project-content h4, body.dark-mode .project-article #project-content h5, body.dark-mode .project-article #project-content h6 {color: #fdfdfd;}body.dark-mode .project-article #project-content p, body.dark-mode .project-article #project-content li {color: #fdfdfd;font-size: 1.125rem;line-height: 1.6;}body.dark-mode .project-article #project-content a {color: #9dafe5;}}@media only screen and (min-width: 0rem) {.project-sidebar {display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 49.6875em;width: 100%;box-sizing: border-box;row-gap: 3.125em;}.project-sidebar .project-featured-group {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;border: 1px solid #ebebeb;border-radius: 0.5em;width: 100%;padding: 2.1875em 1.875em;}.project-sidebar .project-header {position: relative;display: block;margin-bottom: 1.875rem;font-size: 1.25em;font-weight: normal;color: var(--headerColor);text-align: center;}.project-sidebar .project-header:after {position: relative;content: "";display: block;border-radius: 0.25rem;margin: 1rem auto;background: var(--headerColor);height: 3px;width: 3.125rem;}.project-sidebar .project-feature {display: flex;justify-content: flex-start;align-items: center;border-bottom: 1px solid #ebebeb;width: 100%;padding: 1.25rem 0;text-decoration: none;column-gap: 1.5em;}.project-sidebar .project-feature:nth-of-type(1) {padding-top: 0;}.project-sidebar .project-feature:last-of-type {border: none;padding-bottom: 0;}.project-sidebar .project-featureImage {position: relative;display: block;border-radius: 50%;height: 3.75em;width: 3.75em;overflow: hidden;flex: none;}.project-sidebar .project-featureImage img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}.project-sidebar .feature-h3 {display: block;margin: 0;margin-bottom: 0.25rem;text-decoration: none;font-size: 0.9375rem;line-height: 1.5em;font-weight: 400;color: var(--headerColor);}.project-sidebar .feature-date {display: block;font-size: 0.875rem;line-height: 1.5em;color: var(--bodyTextColor);}}@media only screen and (min-width: 64rem) {.project-sidebar {max-width: 22.5em;}}@media only screen and (min-width: 0rem) {.project-article {display: block;width: 100%;}.project-article .project-mainImage {position: relative;display: block;border-radius: 0.5em;margin-bottom: 3.125em;height: clamp(200px, 30vw, 400px);width: 100%;overflow: hidden;}.project-article .project-mainImage img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}.project-article .project-author-img {position: relative;display: block;border-radius: 50%;height: 2em;width: 2em;overflow: hidden;}.project-article .project-author-img img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}.project-article .project-authorGroup {display: flex;justify-content: flex-start;align-items: center;gap: 0.75rem;}.project-article .project-author, .project-article .project-date {font-size: 0.875rem;line-height: 1.5em;color: var(--bodyTextColor);}.project-article .project-dot {display: block;border-radius: 50%;background-color: #fe4f70;height: 3px;width: 3px;}.project-article .project-h1 {margin: 1rem 0;margin-top: 0;font-size: clamp(38px, 5vw, 39px);line-height: 1em;font-weight: 400;color: #FFF;}.project-article #project-content h1 {margin-bottom: 2rem;margin-top: 0;font-size: clamp(46px, 5vw, 32px);line-height: 1em;font-weight: 400;color: #FFF;text-align: center;}.project-article #project-content h2 {margin-bottom: 1rem;font-size: 2rem;line-height: 1.5em;font-weight: 600;color: var(--headerColor);}.project-article #project-content h3 {margin-bottom: 1rem;font-size: 1.5rem;line-height: 1.5em;font-weight: 400;color: var(--headerColor);}.project-article #project-content h4, .project-article #project-content h5, .project-article #project-content h6 {margin-bottom: 1rem;font-size: 1.25rem;line-height: 1.5em;font-weight: 400;color: var(--headerColor);}.project-article #project-content p {margin: 0;margin-bottom: 1rem;font-size: 1.16666667rem;line-height: 1.5em;color: var(--bodyTextColor);}.project-article #project-content a {text-decoration: underline;font-size: inherit;color: var(--secondary);}.project-article #project-content ul, .project-article #project-content ol {margin: 1rem 0;padding-left: 2.5rem;}.project-article #project-content ul li, .project-article #project-content ol li {margin-bottom: 1rem;list-style: circle;font-size: 1.28571429rem;line-height: 1.6em;color: var(--bodyTextColor);}.project-article #project-content img {display: block;border-radius: 0.5rem;height: auto;}.project-article #project-content .intro-content {position: absolute;transform: translate(-50%, -50%);left: 50%;top: 30%;width: 100%;}.project-article #project-content .intro-content.two-column-container {justify-content: center;align-items: center;}.project-article #project-content .mobile-image-container {grid-template-columns: 1fr 1fr;display: grid;gap: 2rem;margin: auto;}.project-article #project-content .mobile-image-container img {border-radius: 20px;border: 5px solid #000;max-width: 300px;margin: 0;}.project-article #project-content .desktop-image-container img {border-radius: 10px;border: 5px solid #000;margin-bottom: 3rem;}}@media only screen and (min-width: 0rem) {#cs-footer {background-color: #1a1a1a;padding: clamp(3.75em, 7.82vw, 6.25em) 1em;font-family: "Space Mono", serif;}#cs-footer .cs-container {margin: auto;max-width: 80em;width: 100%;}#cs-footer .cs-logo-group {position: relative;width: 100%;}#cs-footer .cs-logo {display: block;margin-bottom: clamp(1.75em, 4.17vw, 2.75em);height: auto;width: clamp(13.125em, 8vw, 15em);}#cs-footer .cs-logo-img {height: auto;width: 100%;}#cs-footer .cs-text {margin: 0;margin-bottom: 2.5rem;max-width: 21.5rem;color: var(--bodyTextColorWhite);}#cs-footer .cs-nav {margin: 0;margin-bottom: clamp(2em, 5.3vw, 2.5em);padding: 0;padding-left: 1em;}#cs-footer .cs-nav-li {list-style: none;line-height: 1.5em;}#cs-footer .cs-nav-li:last-of-type {margin-bottom: 0;}#cs-footer .cs-header {position: relative;display: block;margin-bottom: 1.25rem;font-size: 1rem;line-height: 1.5em;font-weight: 400;color: var(--bodyTextColorWhite);}#cs-footer .cs-nav-link {position: relative;text-decoration: none;font-size: 1rem;line-height: 1.5em;color: var(--bodyTextColorWhite);}#cs-footer .cs-nav-link:before {position: absolute;bottom: calc(-2 / 16 * 1rem);left: 0;content: "";opacity: 1;display: block;background: currentColor;height: 0.125rem;width: 0%;transition: width 0.3s;}#cs-footer .cs-nav-link:hover:before {width: 100%;}#cs-footer .cs-bottom {position: relative;width: 100%;padding-left: 1em;}#cs-footer .cs-copyright {display: block;font-size: 1rem;line-height: 1.5em;color: #b4b2c7;}#cs-footer .cs-social {position: absolute;bottom: 0;right: 1em;display: inline-flex;flex-direction: column;justify-content: flex-start;gap: 0.75em;}#cs-footer .cs-social-link {z-index: 1;position: relative;display: flex;justify-content: center;align-items: center;border-radius: 50%;background-color: #4e4b66;height: 1.5rem;width: 1.5rem;transition: transform 0.3s, background-color 0.3s;}#cs-footer .cs-social-link:hover {transform: translateY(calc(-3 / 16 * 1rem));background-color: var(--primary);}#cs-footer .cs-social-img {display: block;height: 0.8125rem;width: auto;}}@media only screen and (min-width: 37.5em) {#cs-footer .cs-container {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;column-gap: clamp(3em, 5.9vw, 3.75em);}}@media only screen and (min-width: 48rem) {#cs-footer .cs-logo-group {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: clamp(1.25em, 4vw, 3.75em);}#cs-footer .cs-logo {margin: 0;}#cs-footer .cs-text {margin: 0;max-width: 32.5625rem;width: 50%;text-align: right;}#cs-footer .cs-nav {padding: 0;}#cs-footer .cs-bottom {display: flex;justify-content: space-between;align-items: center;padding: 0;}#cs-footer .cs-social {position: relative;bottom: auto;right: auto;flex-direction: row;}}