@charset "UTF-8";


*,
*::before,
*::after {
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
}
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
-webkit-font-smoothing: antialiased;
}
img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
}
input,
button,
textarea,
select {
font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
ul,
ol {
list-style: none;
}
a {
text-decoration: none;
color: inherit;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
body {
font-family: "Poppins", sans-serif;
font-size: 16px;
color: #ffffff;
background-color: #0a0a0a;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
overflow-wrap: break-word;
word-break: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "EB Garamond", serif;
font-weight: 600;
line-height: 1.2;
}
p {
margin-bottom: 1rem;
}
a {
color: #ecea54;
text-decoration: none;
transition: all 0.3s ease;
}
a:hover {
color: #c9c83d;
}
.site-main {
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
section {
position: relative;
}
section[id] {
scroll-margin-top: 100px;
}
@media (max-width: 768px) {
section[id] {
scroll-margin-top: 80px;
}
}
.container {
max-width: 1600px;
margin: 0 auto;
padding: 0 40px;
}
@media (max-width: 480px) {
.container {
padding: 0 20px;
}
}
.section-subtitle {
color: #ecea54;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 700;
letter-spacing: 4px;
text-transform: uppercase;
margin-bottom: 16px;
}
.section-title {
font-family: "Poppins", sans-serif;
font-size: 56px;
font-weight: 300;
line-height: 1.1;
margin-bottom: 60px;
color: #ffffff;
}
.section-title strong {
font-family: "EB Garamond", serif;
font-weight: 600;
font-style: italic;
color: #ecea54;
}
.section-title em {
font-style: italic;
color: #ecea54;
}
@media (max-width: 768px) {
.section-title {
font-size: 36px;
margin-bottom: 40px;
}
}
@media (max-width: 480px) {
.section-title {
font-size: 32px;
}
}
.btn {
display: inline-block;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
padding: 16px 32px;
border-radius: 4px;
transition: all 0.3s ease;
text-decoration: none;
cursor: pointer;
border: 2px solid transparent;
}
.btn-primary {
background: #ecea54;
color: #0a0a0a;
border-color: #ecea54;
}
.btn-primary:hover {
background: #c9c83d;
border-color: #c9c83d;
color: #0a0a0a;
}
.btn-outline {
background: transparent;
color: #ffffff;
border-color: #ffffff;
}
.btn-outline:hover {
background: #ffffff;
color: #0a0a0a;
}
.btn-outline-accent {
background: transparent;
color: #ecea54;
border-color: #ecea54;
}
.btn-outline-accent:hover {
background: #ecea54;
color: #0a0a0a;
}
.btn-lg {
padding: 18px 40px;
font-size: 14px;
}
.site-header {
background: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50px;
position: fixed;
top: 20px;
left: 50%;
transform: translateX(-50%);
width: 1000px;
max-width: calc(100% - 40px);
height: 50px;
padding: 0 40px;
z-index: 999;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
align-items: center;
justify-content: space-between;
}
.nav-container {
display: contents;
}
.nav-logo {
display: flex;
align-items: center;
gap: 6px;
font-family: "Poppins", sans-serif;
font-size: 18px;
font-weight: 400;
color: #ffffff;
}
.nav-logo strong {
font-weight: 700;
}
.nav-menu__list {
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
padding: 0;
margin: 0;
}
.nav-menu__item {
display: inline-block;
line-height: 1;
}
.nav-menu__link {
color: #ffffff;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
letter-spacing: 0.5px;
transition: color 0.3s ease;
padding: 8px 0;
position: relative;
}
.nav-menu__link:hover {
color: #ecea54;
}
.nav-menu__item--has-dropdown {
position: relative;
}
.nav-menu__item--has-dropdown:hover .nav-dropdown, .nav-menu__item--has-dropdown:focus-within .nav-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.nav-dropdown {
position: absolute;
top: 100%;
list-style: none;
padding: 0.5rem 0;
margin: 8px 0 0;
background: rgba(0, 0, 0, 0.85);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
min-width: 260px;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease;
z-index: 100;
}
.nav-dropdown__item {
padding: 0;
}
.nav-dropdown__link {
display: block;
padding: 10px 20px;
font-size: 0.8rem;
color: #ffffff;
text-decoration: none;
white-space: nowrap;
transition: all 0.3s ease;
}
.nav-dropdown__link:hover {
color: #ecea54;
background: rgba(255, 255, 255, 0.05);
}
.nav-toggle {
display: none;
width: 44px;
height: 20px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
z-index: 100;
background: none;
border: none;
cursor: pointer;
padding: 0;
align-items: center;
justify-content: center;
}
.nav-toggle__bar {
background-color: #ffffff;
display: block;
height: 2px;
width: 21px;
position: absolute;
transition: all 0.6s ease-in;
}
.nav-toggle__bar:nth-child(1) {
top: 0;
animation: backToBaseTop 0.6s both;
}
.nav-toggle__bar:nth-child(2) {
top: 7px;
}
.nav-toggle__bar:nth-child(3) {
top: 14px;
animation: backToBaseBottom 0.6s both;
}
@media (max-width: 768px) {
.nav-dropdown {
position: static;
opacity: 1;
visibility: visible;
transform: none;
background: none;
backdrop-filter: none;
border: none;
border-radius: 0;
min-width: 0;
margin: 0;
padding: 0 0 0 1rem;
}
}
.site-header.open .nav-menu {
transform: translateX(0);
visibility: visible;
transition: transform 0.3s ease-in, visibility 0s;
}
.site-header.open .nav-toggle__bar:nth-child(1) {
top: 6px;
transform: rotate(45deg);
animation: rotateTop 0.6s both;
}
.site-header.open .nav-toggle__bar:nth-child(2) {
opacity: 0;
}
.site-header.open .nav-toggle__bar:nth-child(3) {
top: 6px;
transform: rotate(-45deg);
animation: rotateBottom 0.6s both;
}
@media (max-width: 1024px) {
.site-header {
border: 0;
border-radius: 0;
top: 0;
left: 0;
transform: none;
width: 100%;
max-width: 100%;
height: 70px;
padding: 0 2rem;
}
.nav-toggle {
display: flex;
}
.nav-menu {
background-color: #000;
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100vh;
padding-top: 7em;
z-index: -1;
transform: translateX(-100%);
visibility: hidden;
transition: transform 0.2s ease-in, visibility 0s linear 0.2s;
}
.nav-menu__list {
display: block;
height: auto;
text-align: center;
padding: 0 2%;
}
.nav-menu__item {
display: block;
width: 100%;
text-align: center;
}
.nav-menu__link {
border-bottom: 1px solid #1e1e1e;
color: #ffffff;
font-size: 28px;
font-weight: 300;
display: inline-block;
padding: 1em;
text-align: center;
text-transform: uppercase;
width: 100%;
}
}
@keyframes rotateTop {
0% {
top: 0;
transform: rotate(0deg);
}
50% {
top: 6px;
transform: rotate(0deg);
}
100% {
top: 6px;
transform: rotate(45deg);
}
}
@keyframes rotateBottom {
0% {
top: 0;
transform: rotate(0deg);
}
50% {
top: 6px;
transform: rotate(0deg);
}
100% {
top: 6px;
transform: rotate(-45deg);
}
}
@keyframes backToBaseTop {
0% {
top: 6px;
transform: rotate(45deg);
}
50% {
top: 6px;
transform: rotate(0deg);
}
100% {
top: 0;
transform: rotate(0deg);
}
}
@keyframes backToBaseBottom {
0% {
top: 6px;
transform: rotate(-45deg);
}
50% {
top: 6px;
transform: rotate(0deg);
}
100% {
top: 14px;
transform: rotate(0deg);
}
}
.section-hero {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background-color: #0a0a0a;
width: 100%;
}
.section-hero::before {
content: "";
position: absolute;
top: -10%;
left: 50%;
transform: translateX(-50%);
width: 80%;
height: 60%;
background: radial-gradient(ellipse at center top, rgba(0, 47, 78, 0.9) 40%, transparent 70%);
filter: blur(60px);
pointer-events: none;
z-index: 0;
}
.section-hero .container {
position: relative;
z-index: 2;
text-align: center;
padding-top: 120px;
padding-bottom: 120px;
width: 100%;
}
@media (max-width: 768px) {
.section-hero .container {
padding-top: 100px;
padding-bottom: 80px;
}
}
@media (max-width: 480px) {
.section-hero .container {
padding-top: 80px;
padding-bottom: 60px;
}
}
.hero__headline {
font-family: "Poppins", sans-serif;
font-size: 76px;
font-weight: 600;
line-height: 1.1;
color: #ffffff;
margin-bottom: 30px;
letter-spacing: -2px;
text-align: center;
width: 100%;
}
.hero__headline strong {
font-family: "EB Garamond", serif;
font-size: 90px;
font-weight: 500;
font-style: italic;
color: #ecea54;
}
@media (max-width: 768px) {
.hero__headline {
font-size: 64px;
}
.hero__headline strong {
font-size: 76px;
}
}
@media (max-width: 480px) {
.hero__headline {
font-size: 36px;
letter-spacing: -1px;
}
.hero__headline strong {
font-size: 44px;
}
}
.hero__subhead {
font-family: "Poppins", sans-serif;
font-size: 20px;
font-weight: 300;
color: #ffffff;
line-height: 1.7;
max-width: 900px;
margin: 0 auto 40px;
text-align: center;
}
@media (max-width: 480px) {
.hero__subhead {
font-size: 16px;
}
}
.hero-logos {
width: 100%;
position: relative;
padding: 40px 0 60px;
margin-top: 2rem;
overflow: hidden;
}
.hero-logos__bg {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 800px;
max-width: 100%;
height: 100%;
background-image: url(//markyudt.com/wp-content/uploads/blue_light.webp);
background-size: contain;
background-position: center bottom;
background-repeat: no-repeat;
z-index: 0;
pointer-events: none;
}
.hero-logos__carousel {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
height: 180px;
}
.hero-logos__slide {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: translateX(350px);
transition: opacity 0.4s ease, transform 0.6s ease;
pointer-events: none;
}
.hero-logos__slide.is-entering {
opacity: 0;
transform: translateX(350px);
transition: none;
}
.hero-logos__slide.is-active {
opacity: 1;
transform: translateX(0);
pointer-events: auto;
}
.hero-logos__slide.is-exiting {
opacity: 0;
transform: translateX(-350px);
}
.hero-logos__slide img {
height: 200px;
width: auto;
-o-object-fit: contain;
object-fit: contain;
filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.8));
}
@media (max-width: 480px) {
.hero-logos__slide img {
height: 130px;
}
}
.section-about {
position: relative;
z-index: 2;
background-color: transparent;
padding-top: 8rem;
padding-bottom: 0;
text-align: center;
overflow-x: hidden;
}
@media (max-width: 480px) {
.section-about {
padding-top: 4rem;
}
}
.about__content {
position: relative;
z-index: 3;
margin: 0 auto;
padding: 0 2rem 80px;
}
.about__content::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -60%);
width: 1200px;
height: 700px;
background: radial-gradient(ellipse at center, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 40%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0) 70%, transparent 100%);
pointer-events: none;
z-index: -1;
}
.about__content p {
font-family: "Poppins", sans-serif;
font-size: 20px;
font-weight: 300;
color: #ffffff;
line-height: 1.8;
max-width: 740px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 768px) {
.about__content p {
font-size: 18px;
}
}
@media (max-width: 480px) {
.about__content p {
font-size: 16px;
}
}
.about__image-rows {
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
margin-top: -475px;
}
@media (max-width: 768px) {
.about__image-rows {
margin-top: -300px;
}
}
@media (max-width: 480px) {
.about__image-rows {
margin-top: -160px;
}
}
.portfolio-parallax-row {
width: 100%;
overflow: hidden;
margin-bottom: 8px;
}
.portfolio-parallax-row:last-child {
margin-bottom: 0;
}
.parallax-track {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 8px;
width: -moz-max-content;
width: max-content;
will-change: transform;
}
.parallax-item {
position: relative;
width: 365px;
height: 280px;
flex-shrink: 0;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}
@media (max-width: 480px) {
.parallax-item {
width: 240px;
height: 184px;
}
}
.parallax-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.section-work {
background-color: #0a0a0a;
padding: 8rem 0 0;
position: relative;
z-index: 2;
text-align: center;
}
.section-intro {
font-family: "Poppins", sans-serif;
font-size: 20px;
font-weight: 300;
color: #ffffff;
max-width: 800px;
width: 100%;
margin: 0 auto 4rem;
text-align: center;
line-height: 1.7;
}
@media (max-width: 480px) {
.section-intro {
font-size: 16px;
}
}
.work-group {
margin-bottom: 8rem;
}
.work-group:last-child {
margin-bottom: 0;
}
.work-group__label {
font-family: "Poppins", sans-serif;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
color: #888888;
margin-bottom: 2rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.work-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
}
@media (max-width: 768px) {
.work-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.work-grid {
grid-template-columns: 1fr;
}
}
.project-card {
position: relative;
border-radius: 8px;
overflow: hidden;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.08);
transition: border-color 0.3s ease;
}
.project-card:hover {
border-color: rgba(255, 255, 255, 0.05);
}
.project-card:hover .project-card__overlay {
opacity: 1;
}
.project-card:hover .project-card__thumb {
filter: blur(3px);
}
.project-card--hidden {
display: none;
}
.project-card__link {
display: block;
color: #ffffff;
}
.project-card__link:is(button) {
background: none;
border: none;
padding: 0;
font: inherit;
color: inherit;
text-align: center;
cursor: pointer;
width: 100%;
display: block;
}
.project-card__image {
position: relative;
aspect-ratio: 16/10;
overflow: hidden;
}
.project-card__thumb {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: filter 0.4s ease, transform 0.4s ease;
display: block;
}
.project-card__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.15);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.project-card__overlay span {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 300;
text-transform: lowercase;
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 10px 15px;
border-radius: 50px;
background-color: rgba(0, 0, 0, 0.2941176471);
}
.project-card__title {
font-family: "Poppins", sans-serif;
font-size: 13px;
font-weight: 500;
color: #ffffff;
padding: 14px 1rem;
margin: 0;
background: rgba(0, 0, 0, 0.5);
text-transform: none;
letter-spacing: 0.3px;
}
.work-group__more {
margin-top: 2rem;
text-align: center;
}
.show-more-btn {
font-family: "Poppins", sans-serif;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
color: #ecea54;
background: none;
border: 1px solid #ecea54;
padding: 12px 32px;
min-height: 44px;
border-radius: 30px;
cursor: pointer;
transition: all 0.3s ease;
}
.show-more-btn:hover {
background: #ecea54;
color: #0a0a0a;
}
@media (max-width: 768px) {
.project-card__overlay {
display: none;
}
.project-card:hover .project-card__thumb {
filter: none;
}
}
.project-hero {
position: sticky;
top: 0;
height: 60vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background-color: #0a0a0a;
z-index: 0;
}
.project-hero__bg {
position: absolute;
inset: 0;
z-index: 0;
}
.project-hero__bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
transform: scale(1.05);
}
.project-hero__content {
position: relative;
z-index: 2;
text-align: center;
padding: 0 2rem;
width: 100%;
}
.project-hero__back {
display: inline-block;
font-family: "Poppins", sans-serif;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 3px;
color: #888888;
margin-bottom: 2rem;
transition: all 0.3s ease;
}
.project-hero__back:hover {
color: #ecea54;
}
.project-hero__title {
font-family: "Poppins", sans-serif;
font-size: 72px;
font-weight: 300;
color: #ffffff;
line-height: 1.1;
letter-spacing: -1px;
text-align: center;
}
@media (max-width: 768px) {
.project-hero__title {
font-size: 48px;
}
}
@media (max-width: 480px) {
.project-hero__title {
font-size: 32px;
}
}
.project-content {
position: relative;
z-index: 2;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(10px);
border-top: solid 1px rgba(255, 255, 255, 0.05);
margin-top: 0px;
box-shadow: 0 -20px 60px rgba(0, 0, 0, 0.8);
padding-top: 4rem;
}
.project-content::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 80%;
height: 500px;
background: radial-gradient(ellipse at top center, rgba(174, 175, 175, 0.1) 0%, rgba(122, 123, 124, 0.1) 40%, transparent 70%);
filter: blur(40px);
pointer-events: none;
z-index: 0;
}
.project-overview {
padding: 4rem 0;
}
@media (max-width: 480px) {
.project-overview {
padding: 2rem 0;
}
}
.project-overview .container {
max-width: 1200px;
margin: 0 auto;
}
.project-overview__content {
margin-bottom: 4rem;
}
.project-overview__label {
font-family: "Poppins", sans-serif;
font-size: 20px;
font-weight: 700;
color: #ffffff;
margin-bottom: 1rem;
}
.project-overview__text {
font-family: "Poppins", sans-serif;
font-size: 20px;
font-weight: 300;
color: #ffffff;
line-height: 1.8;
}
@media (max-width: 480px) {
.project-overview__text {
font-size: 16px;
}
}
.project-meta {
display: flex;
align-items: center;
justify-content: center;
gap: 8rem;
padding: 2rem 0;
border-top: 1px solid rgba(255, 255, 255, 0.08);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
flex-wrap: wrap;
}
@media (max-width: 480px) {
.project-meta {
gap: 1rem;
}
}
.project-meta__item {
font-family: "Poppins", sans-serif;
font-size: 20px;
font-weight: 300;
color: #ffffff;
}
.project-meta__url {
margin-left: auto;
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 8px 20px;
min-height: 44px;
display: inline-flex;
align-items: center;
border-radius: 50px;
color: #ffffff;
font-size: 13px;
transition: all 0.3s ease;
}
.project-meta__url:hover {
border-color: #ecea54;
color: #ecea54;
}
@media (max-width: 480px) {
.project-meta__url {
margin-left: 0;
}
}
.project-meta__link {
display: inline-flex;
align-items: center;
gap: 0.25rem;
padding: 0.35rem 0.9rem;
border: 1px solid #ecea54;
border-radius: 50px;
color: #ecea54;
font-size: 0.8rem;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
}
.project-meta__link:hover {
background: #ecea54;
color: #0a0a0a;
}
.project-media {
padding: 4rem 0 8rem;
}
@media (max-width: 480px) {
.project-media {
padding: 2rem 0 4rem;
}
}
.project-media .container {
max-width: 100%;
margin: 0 auto;
}
.project-media__video {
width: 80%;
margin: 0 auto 4rem;
border-radius: 8px;
display: block;
overflow: hidden;
}
.project-media__video video {
width: 100%;
height: auto;
display: block;
border-radius: 8px;
}
@media (max-width: 768px) {
.project-media__video {
width: 100%;
}
}
@media (max-width: 480px) {
.project-media__video {
width: 100%;
}
}
.project-media__gallery {
overflow: hidden;
margin-bottom: 4rem;
width: 100%;
}
.project-media__gallery-track {
display: flex;
gap: 16px;
transition: transform 0.5s ease;
width: 100%;
}
.project-media__gallery-item {
flex: 0 0 calc(33.333% - 11px);
max-width: calc(33.333% - 11px);
}
@media (max-width: 768px) {
.project-media__gallery-item {
flex: 0 0 calc(50% - 8px);
max-width: calc(50% - 8px);
}
}
@media (max-width: 480px) {
.project-media__gallery-item {
flex: 0 0 calc(100% - 0px);
max-width: 100%;
}
}
.project-media__gallery-item img {
width: 100%;
height: auto;
display: block;
border-radius: 6px;
}
.project-media__hero-image {
overflow: hidden;
margin: 0 auto;
text-align: center;
}
.project-media__hero-image img {
border-radius: 8px;
width: 100%;
max-width: 900px;
height: auto;
display: block;
margin: 0 auto;
}
.project-media__image-grid {
-moz-columns: 3;
columns: 3;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
@media (max-width: 768px) {
.project-media__image-grid {
-moz-columns: 2;
columns: 2;
}
}
@media (max-width: 480px) {
.project-media__image-grid {
-moz-columns: 1;
columns: 1;
}
}
.project-media__image-grid-item {
-moz-column-break-inside: avoid;
break-inside: avoid;
margin-bottom: 1rem;
}
.project-media__image-grid-item img {
width: 100%;
height: auto;
display: block;
border-radius: 4px;
}
.project-media__brands {
max-width: 1200px;
margin: 0 auto;
}
.project-media__brand-row {
display: flex;
align-items: center;
gap: 4rem;
padding: 4rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.project-media__brand-row:last-child {
border-bottom: none;
}
@media (max-width: 768px) {
.project-media__brand-row {
flex-direction: column;
text-align: center;
gap: 2rem;
}
}
.project-media__brand-logo {
flex-shrink: 0;
width: 165px;
}
.project-media__brand-logo img {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 768px) {
.project-media__brand-logo {
width: 100px;
}
}
.project-media__brand-desc {
font-size: 20px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 480px) {
.project-media__brand-desc {
font-size: 16px;
}
}
.section-testimonials {
background-color: #0a0a0a;
padding: 8rem 0 0;
text-align: center;
}
.testimonials-wrapper {
max-width: 1200px;
margin: 0 auto;
position: relative;
padding: 0 4rem;
}
.testimonials-carousel {
overflow: hidden;
}
.testimonial-item {
transition: opacity 0.4s ease;
}
.testimonial-content::before {
content: "“";
display: block;
font-family: "Poppins", sans-serif;
font-size: 4rem;
color: #888888;
line-height: 1;
margin-bottom: 1rem;
}
.testimonial-text p {
font-family: "Poppins", sans-serif;
font-size: 1.25rem;
line-height: 1.8;
color: rgba(255, 255, 255, 0.7);
margin: 0;
}
.testimonial-author {
margin-top: 2rem;
color: rgba(255, 255, 255, 0.5);
font-size: 0.95rem;
letter-spacing: 0.02em;
}
.testimonial-author strong {
font-weight: 400;
}
.testimonial-date {
display: none;
}
.testimonials-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: rgba(255, 255, 255, 0.3);
font-size: 2rem;
cursor: pointer;
padding: 0.5rem;
min-width: 44px;
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.testimonials-nav:hover {
color: rgba(255, 255, 255, 0.7);
}
.testimonials-nav--prev {
left: 0;
}
.testimonials-nav--next {
right: 0;
}
@media (max-width: 768px) {
.testimonials-wrapper {
padding: 0 2rem;
}
.testimonial-text p {
font-size: 1.1rem;
}
}
@media (max-width: 480px) {
.testimonials-wrapper {
padding: 0 1rem;
}
.testimonial-text p {
font-size: 1rem;
}
.testimonials-nav {
font-size: 1.5rem;
}
}
.section-contact {
background-color: #0a0a0a;
padding: 8rem 0;
text-align: center;
position: relative;
overflow: hidden;
}
.section-contact::after {
content: "";
position: absolute;
bottom: -300px;
left: 50%;
transform: translateX(-50%);
width: 1400px;
height: 600px;
background: radial-gradient(ellipse at center, rgba(47, 144, 220, 0.3) 0%, transparent 70%);
pointer-events: none;
z-index: 0;
}
.section-contact .container {
max-width: 800px;
position: relative;
z-index: 1;
}
.nf-form-content input:not([type=button]),
.nf-form-content textarea {
background: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2) !important;
border-radius: 30px;
color: #fff;
transition: all 0.5s;
min-height: 44px;
padding: 10px 20px;
width: 100% !important;
box-sizing: border-box;
}
.nf-form-content textarea {
min-height: 120px;
border-radius: 16px;
}
.nf-form-content input[type=submit] {
width: 160px !important;
font-family: "Poppins", sans-serif;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
color: #ecea54;
background: none;
border: 1px solid #ecea54 !important;
padding: 12px 32px;
min-height: 44px;
border-radius: 30px;
}
.nf-form-content input[type=submit]:hover {
background: #ecea54;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid #ecea54 !important;
color: #000 !important;
transition: all 0.5s !important;
}
.nf-form-content label {
font-size: 15px !important;
font-weight: 300 !important;
line-height: 20px;
}
.nf-field-container {
text-align: center;
}
.nf-error-msg,
.ninja-forms-req-symbol {
text-align: center !important;
}
.cs-hero {
position: relative;
min-height: 80vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
overflow: hidden;
}
.cs-hero__bg {
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 50% 80%, rgba(47, 144, 220, 0.25) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, rgba(236, 234, 84, 0.08) 0%, transparent 50%);
z-index: 0;
}
.cs-hero__content {
position: relative;
z-index: 1;
max-width: 800px;
padding: 8rem 2rem;
}
.cs-hero__eyebrow {
font-size: 0.75rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #888888;
margin-bottom: 1rem;
}
.cs-hero__title {
font-family: "Poppins", sans-serif;
font-size: clamp(3rem, 8vw, 76px);
line-height: 1.1;
color: #ffffff;
margin-bottom: 2rem;
}
.cs-hero__title strong {
font-family: "EB Garamond", serif;
font-weight: 300;
color: #ecea54;
font-style: italic;
}
.cs-hero__sub {
font-size: 20px;
font-weight: 300;
color: #ffffff;
max-width: 600px;
margin: 0 auto;
line-height: 1.7;
}
.cs-hero__scroll-hint {
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
color: #888888;
font-size: 1.5rem;
animation: cs-bounce 2s infinite;
z-index: 1;
}
@keyframes cs-bounce {
0%, 100% {
transform: translateX(-50%) translateY(0);
}
50% {
transform: translateX(-50%) translateY(8px);
}
}
.cs-section {
padding: 8rem 0;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.cs-section__header {
margin-bottom: 4rem;
text-align: center;
}
.cs-section__header h2 {
font-family: "Poppins", sans-serif;
font-size: clamp(2rem, 5vw, 3rem);
font-weight: 300;
line-height: 1.15;
color: #ffffff;
margin-top: 0.5rem;
}
.cs-section__header h2 strong {
font-family: "EB Garamond", serif;
color: #ecea54;
font-style: italic;
font-size: 60px;
font-weight: 300;
}
.cs-label {
font-size: 0.7rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #888888;
display: block;
margin-bottom: 0.5rem;
}
.cs-why__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
@media (max-width: 768px) {
.cs-why__grid {
grid-template-columns: 1fr;
}
}
.cs-why__card {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px;
padding: 2rem;
transition: all 0.3s ease;
text-align: center;
}
.cs-why__card:hover {
background: rgba(255, 255, 255, 0.05);
border-color: rgba(236, 234, 84, 0.2);
}
.cs-why__card h3 {
font-size: 1rem;
font-weight: 600;
color: #ffffff;
margin: 0.5rem 0;
}
.cs-why__card p {
font-size: 0.9rem;
color: #888888;
line-height: 1.7;
}
.cs-why__icon {
font-size: 1.5rem;
}
.cs-build {
background: rgba(255, 255, 255, 0.02);
text-align: center;
}
.cs-build__stack {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px;
overflow: hidden;
}
@media (max-width: 768px) {
.cs-build__stack {
grid-template-columns: 1fr;
}
}
.cs-build__item {
padding: 2rem;
background: rgba(255, 255, 255, 0.02);
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.cs-build__item:last-child, .cs-build__item:nth-last-child(2):nth-child(odd) {
border-bottom: none;
}
.cs-build__tech {
font-size: 1.2rem;
font-weight: 600;
color: #ecea54;
}
.cs-build__desc {
font-size: 0.875rem;
color: #888888;
line-height: 1.5;
}
.cs-links {
display: grid;
grid-template-columns: 180px 1fr 1fr;
gap: 1rem;
margin-bottom: 2rem;
}
@media (max-width: 768px) {
.cs-links {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
}
}
@media (max-width: 768px) {
.cs-links__spacer {
display: none;
}
}
.cs-link {
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
padding: 10px 20px;
font-size: 0.85rem;
text-decoration: none;
transition: all 0.3s ease;
text-align: center;
}
@media (max-width: 768px) {
.cs-link {
width: 100%;
max-width: 350px;
}
}
.cs-link--new {
font-family: "Poppins", sans-serif;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
color: #ecea54;
background: none;
border: 1px solid #ecea54;
padding: 12px 32px;
min-height: 44px;
}
.cs-link--new:hover {
background: #ecea54;
color: #0a0a0a;
}
.cs-link--old {
border: 1px solid rgba(255, 255, 255, 0.2);
color: #ffffff;
}
.cs-link--old:hover {
border-color: #888888;
color: #888888;
}
.cs-pagespeed .cs-section__header {
text-align: center;
}
.cs-scores {
max-width: 1400px;
margin: 0 auto;
}
.cs-scores__label-row {
display: grid;
grid-template-columns: 180px 1fr 1fr;
gap: 1rem;
margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
.cs-scores__label-row {
grid-template-columns: 120px 1fr 1fr;
}
}
@media (max-width: 480px) {
.cs-scores__label-row {
grid-template-columns: 1fr;
align-items: center;
}
.cs-scores__label-row span:first-child {
display: none;
}
}
.cs-scores__site-label {
font-size: 0.75rem;
letter-spacing: 0.1em;
text-transform: uppercase;
font-weight: 600;
text-align: center;
}
@media (max-width: 480px) {
.cs-scores__site-label {
width: 100%;
}
}
.cs-scores__site-label .cs-link {
width: 100%;
max-width: 350px;
display: flex;
margin: 0 auto;
}
.cs-scores__site-label--new {
color: #ecea54;
}
.cs-scores__site-label--old {
color: #888888;
}
.cs-scores__device {
font-size: 0.85rem;
color: #888888;
margin: 1rem 0 0.5rem;
font-weight: 500;
}
.cs-score-row {
display: grid;
grid-template-columns: 180px 1fr 1fr;
gap: 1rem;
align-items: center;
margin-bottom: 0.75rem;
}
@media (max-width: 768px) {
.cs-score-row {
grid-template-columns: 120px 1fr 1fr;
}
}
.cs-score-row__metric {
font-size: 0.85rem;
color: #888888;
}
.cs-score-row__bar-wrap {
background: rgba(255, 255, 255, 0.05);
border-radius: 4px;
height: 32px;
overflow: hidden;
}
.cs-score-row__bar {
height: 100%;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 10px;
font-size: 0.8rem;
font-weight: 600;
transition: width 1s ease;
}
.cs-score-row__bar--new {
background: linear-gradient(90deg, rgba(236, 234, 84, 0.3), rgba(236, 234, 84, 0.6));
color: #ecea54;
}
.cs-score-row__bar--old {
background: rgba(255, 255, 255, 0.08);
color: #888888;
}
.cs-gtmetrix__grid {
display: grid;
grid-template-columns: 1fr auto 1fr;
gap: 2rem;
align-items: start;
margin-bottom: 4rem;
}
@media (max-width: 768px) {
.cs-gtmetrix__grid {
grid-template-columns: 1fr;
}
}
.cs-gtmetrix__vs {
font-family: "EB Garamond", serif;
font-size: 2rem;
color: #888888;
display: flex;
align-items: center;
justify-content: center;
padding-top: 3rem;
}
@media (max-width: 768px) {
.cs-gtmetrix__vs {
display: none;
}
}
.cs-gtmetrix__col {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px;
padding: 2rem;
text-align: center;
}
.cs-gtmetrix__col--new {
border-color: rgba(236, 234, 84, 0.2);
}
.cs-gtmetrix__site {
font-size: 0.75rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #888888;
margin-bottom: 1rem;
}
.cs-gtmetrix__grade {
font-family: "EB Garamond", serif;
font-size: 5rem;
font-weight: 700;
color: #ecea54;
line-height: 1;
margin-bottom: 2rem;
}
.cs-gtmetrix__grade--bad {
color: #888888;
}
.cs-gtmetrix__stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.cs-stat {
text-align: center;
}
.cs-stat__value {
display: block;
font-size: 1.4rem;
font-weight: 600;
color: #ecea54;
margin-bottom: 0.25rem;
}
.cs-stat__value--bad {
color: #888888;
}
.cs-stat__label {
font-size: 0.7rem;
color: #888888;
line-height: 1.3;
}
.cs-callouts {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.06);
padding-top: 2rem;
}
@media (max-width: 768px) {
.cs-callouts {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.cs-callouts {
grid-template-columns: 1fr;
}
}
.cs-callout {
text-align: center;
}
.cs-callout__number {
display: block;
font-family: "EB Garamond", serif;
font-size: clamp(2rem, 4vw, 3rem);
color: #ecea54;
font-weight: 700;
margin-bottom: 0.5rem;
}
.cs-callout__text {
font-size: 1rem;
color: #888888;
line-height: 1.4;
}
.cs-takeaway {
position: relative;
overflow: hidden;
}
.cs-takeaway::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 900px;
height: 400px;
background: radial-gradient(ellipse at center, rgba(47, 144, 220, 0.12) 0%, transparent 70%);
pointer-events: none;
}
.cs-takeaway__inner {
position: relative;
z-index: 1;
max-width: 900px;
margin: 0 auto;
text-align: center;
}
.cs-takeaway__quote {
font-family: "EB Garamond", serif;
font-size: clamp(1.2rem, 3vw, 2rem);
font-style: italic;
color: #ffffff;
line-height: 1.5;
margin: 2rem 0;
border: none;
padding: 0;
}
.cs-takeaway__body {
color: #ffffff;
font-size: 20px;
line-height: 1.7;
margin-bottom: 2rem;
}
.cs-takeaway__cta {
display: inline-block;
font-family: "Poppins", sans-serif;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
color: #ecea54;
background: none;
border: 1px solid #ecea54;
padding: 12px 32px;
min-height: 44px;
border-radius: 30px;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
}
.cs-takeaway__cta:hover {
background: #ecea54;
color: #0a0a0a;
}
.section-case-study-cta {
padding: 8rem 0 0;
position: relative;
overflow: hidden;
}
.section-case-study-cta::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 900px;
height: 400px;
background: radial-gradient(ellipse at center, rgba(47, 144, 220, 0.1) 0%, transparent 70%);
pointer-events: none;
z-index: 0;
}
.cscta__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
padding: 4rem;
background: rgba(255, 255, 255, 0.02);
}
@media (max-width: 768px) {
.cscta__inner {
grid-template-columns: 1fr;
gap: 2rem;
padding: 2rem;
}
}
.cscta__eyebrow {
font-size: 0.7rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #888888;
display: block;
margin-bottom: 0.5rem;
}
.cscta__title {
font-family: "Poppins", sans-serif;
font-size: clamp(2rem, 4vw, 56px);
line-height: 1.15;
color: #ffffff;
margin-bottom: 1rem;
font-weight: 600;
}
.cscta__title strong {
color: #ecea54;
font-family: "EB Garamond", serif;
font-style: italic;
font-weight: 400;
}
.cscta__body {
font-size: 20px;
font-weight: 300;
color: #ffffff;
line-height: 1.7;
margin-bottom: 2rem;
}
.cscta__btn {
display: inline-block;
font-family: "Poppins", sans-serif;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
color: #ecea54;
background: none;
border: 1px solid #ecea54;
padding: 12px 32px;
min-height: 44px;
border-radius: 30px;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
text-align: center;
}
.cscta__btn:hover {
background: #ecea54;
color: #0a0a0a;
}
.cscta__buttons {
display: flex;
gap: 1rem;
}
@media (max-width: 768px) {
.cscta__buttons {
flex-direction: column;
}
}
.cscta__stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media (max-width: 480px) {
.cscta__stats {
grid-template-columns: 1fr 1fr;
}
}
.cscta__stat {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 8px;
padding: 1rem;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.2rem;
}
.cscta__stat-value {
font-family: "EB Garamond", serif;
font-size: clamp(2rem, 4vw, 2.8rem);
font-weight: 700;
color: #ecea54;
line-height: 1;
}
.cscta__stat-vs {
font-size: 20px;
color: #ffffff;
font-weight: 300;
}
.cscta__stat-label {
font-size: 0.7rem;
color: #888888;
text-align: center;
line-height: 1.3;
}
.cs-vitals__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
@media (max-width: 768px) {
.cs-vitals__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.cs-vitals__grid {
grid-template-columns: 1fr;
}
}
.cs-vitals__card {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 16px;
padding: 2rem;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 0.25rem;
}
.cs-vitals__label {
font-size: 0.7rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #888888;
margin-bottom: 0.5rem;
}
.cs-vitals__before {
font-family: "EB Garamond", serif;
font-size: 1.4rem;
color: rgba(255, 255, 255, 0.4);
text-decoration: line-through;
text-decoration-color: rgba(255, 82, 82, 0.5);
}
.cs-vitals__arrow {
color: #888888;
font-size: 0.9rem;
}
.cs-vitals__after {
font-family: "EB Garamond", serif;
font-size: clamp(1.8rem, 3vw, 2.4rem);
color: #ecea54;
font-weight: 700;
}
.cs-vitals__change {
font-size: 0.75rem;
color: #4caf50;
font-weight: 500;
margin-top: 0.25rem;
}
.cs-security__comparison {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
margin-bottom: 4rem;
}
@media (max-width: 768px) {
.cs-security__comparison {
grid-template-columns: 1fr;
}
}
.cs-security__card {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 16px;
padding: 2rem;
text-align: center;
}
.cs-security__card--before {
border-color: rgba(255, 82, 82, 0.2);
}
.cs-security__card--after {
border-color: rgba(236, 234, 84, 0.2);
}
.cs-security__grade {
display: block;
font-family: "EB Garamond", serif;
font-size: clamp(3rem, 6vw, 5rem);
font-weight: 700;
line-height: 1;
margin-bottom: 0.5rem;
}
.cs-security__grade--f {
color: #ff5252;
}
.cs-security__grade--a {
color: #ecea54;
}
.cs-security__site {
display: block;
font-size: 0.8rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #888888;
margin-bottom: 1rem;
}
.cs-security__desc {
font-size: 0.9rem;
color: #888888;
line-height: 1.6;
}
.cs-security__callouts {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.06);
padding-top: 2rem;
}
@media (max-width: 768px) {
.cs-security__callouts {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.cs-security__callouts {
grid-template-columns: 1fr;
}
}
.cs-gtmetrix__callouts {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.06);
padding-top: 2rem;
}
@media (max-width: 768px) {
.cs-gtmetrix__callouts {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.cs-gtmetrix__callouts {
grid-template-columns: 1fr;
}
}
.cs-section__note {
font-size: 0.85rem;
color: #888888;
font-style: italic;
margin-top: 0.5rem;
}
.site-footer {
background-color: #0a0a0a;
border-top: 1px solid rgba(255, 255, 255, 0.08);
padding: 4rem 0 2rem;
}
@media (max-width: 480px) {
.site-footer {
padding: 2rem 0 1rem;
}
}
.footer__top {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding-bottom: 4rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
@media (max-width: 768px) {
.footer__top {
flex-direction: column;
align-items: center;
text-align: center;
gap: 2rem;
}
}
.footer__brand {
max-width: 300px;
}
@media (max-width: 768px) {
.footer__brand {
max-width: none;
}
}
.footer__logo {
font-family: "Poppins", sans-serif;
font-size: 1.3rem;
font-weight: 300;
color: #ffffff;
text-decoration: none;
}
.footer__logo strong {
font-weight: 700;
}
.footer__logo:hover {
color: #ecea54;
}
.footer__tagline {
margin-top: 0.5rem;
font-size: 0.85rem;
color: #888888;
line-height: 1.6;
}
.footer__nav {
display: flex;
gap: 2rem;
}
.footer__nav a {
font-size: 0.85rem;
color: #888888;
text-decoration: none;
letter-spacing: 0.03em;
transition: all 0.3s ease;
}
.footer__nav a:hover {
color: #ecea54;
}
@media (max-width: 768px) {
.footer__nav {
gap: 1rem;
}
}
@media (max-width: 480px) {
.footer__nav {
flex-direction: column;
gap: 0.5rem;
}
}
.footer__social a {
color: #888888;
transition: all 0.3s ease;
}
.footer__social a:hover {
color: #ecea54;
}
.footer__bottom {
padding-top: 2rem;
text-align: center;
}
.footer__bottom p {
font-size: 0.75rem;
color: rgba(136, 136, 136, 0.6);
letter-spacing: 0.03em;
}
.project-card--video {
background: none;
border: none;
padding: 0;
text-align: left;
color: inherit;
cursor: pointer;
font-family: inherit;
width: 100%;
}
.project-card--video .project-card__play {
width: 80px;
height: 80px;
background: rgba(10, 10, 10, 0.6);
backdrop-filter: blur(8px);
border: 2px solid #ecea54;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #ecea54;
}
.project-card--video .project-card__play svg {
width: 50px;
height: 50px;
margin-left: 6px;
}
.project-card--video:hover .project-card__play, .project-card--video:focus-visible .project-card__play {
opacity: 1;
}
.vimeo-lightbox {
position: fixed;
inset: 0;
background: rgba(10, 10, 10, 0.2);
backdrop-filter: blur(20px);
z-index: 9999;
display: none;
align-items: center;
justify-content: center;
padding: 2rem;
opacity: 0;
transition: opacity 0.3s ease;
}
.vimeo-lightbox.is-open {
display: flex;
opacity: 1;
}
.vimeo-lightbox__close {
position: absolute;
top: 2rem;
right: 2rem;
width: 48px;
height: 48px;
background: transparent;
border: 2px solid #ecea54;
border-radius: 50%;
color: #ecea54;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
z-index: 2;
}
.vimeo-lightbox__close svg {
width: 24px;
height: 24px;
}
.vimeo-lightbox__close:hover, .vimeo-lightbox__close:focus-visible {
background: #ecea54;
color: #0a0a0a;
}
.vimeo-lightbox__frame {
width: 100%;
max-width: 800px;
aspect-ratio: 16/9;
position: relative;
}
.vimeo-lightbox__embed {
position: absolute;
inset: 0;
}
.vimeo-lightbox__embed iframe {
width: 100%;
height: 100%;
border: 0;
}
@media (max-width: 768px) {
.vimeo-lightbox {
padding: 1rem;
}
.vimeo-lightbox__close {
top: 1rem;
right: 1rem;
width: 40px;
height: 40px;
}
}
body.lightbox-open {
overflow: hidden;
}
.error-404 {
min-height: 100vh;
width: 100%;
background-color: #0a0a0a;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
justify-content: center;
position: relative;
}
.error-404__content {
position: relative;
z-index: 1;
text-align: center;
max-width: 600px;
padding: 0 2rem;
padding-top: 58vh;
}
@media (max-width: 768px) {
.error-404__content {
padding-top: 60vh;
}
}
@media (max-width: 480px) {
.error-404__content {
padding-top: 62vh;
}
}
.error-404__title {
font-family: "EB Garamond", serif;
font-style: italic;
font-weight: 500;
font-size: 40px;
line-height: 1.2;
color: #ecea54;
margin-bottom: 1rem;
}
@media (max-width: 480px) {
.error-404__title {
font-size: 28px;
}
}
.error-404__text {
font-family: "Poppins", sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.7;
color: #ffffff;
margin-bottom: 2rem;
}
@media (max-width: 480px) {
.error-404__text {
font-size: 16px;
}
}
.error-404__home-link {
display: inline-block;
font-family: "Poppins", sans-serif;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
color: #ecea54;
background: none;
border: 1px solid #ecea54;
border-radius: 30px;
padding: 12px 32px;
text-decoration: none;
transition: all 0.3s ease;
}
.error-404__home-link:hover {
background: #ecea54;
color: #0a0a0a;
}.ninja-forms-form-wrap *,.ninja-forms-form-wrap :after,.ninja-forms-form-wrap :before{-ms-box-sizing:border-box;box-sizing:border-box}.nf-response-msg{display:none}#ninja_forms_required_items,.nf-field-container{clear:both;margin-bottom:25px;position:relative}#ninja_forms_required_items:after,.nf-field-container:after{clear:both;content:"";display:block}#ninja_forms_required_items.hidden-container,#ninja_forms_required_items.hr-container,.nf-field-container.hidden-container,.nf-field-container.hr-container{height:auto;margin:0}#ninja_forms_required_items.hidden-container .nf-field-label,#ninja_forms_required_items.hr-container .nf-field-label,#ninja_forms_required_items.html-container .nf-field-label,.nf-field-container.hidden-container .nf-field-label,.nf-field-container.hr-container .nf-field-label,.nf-field-container.html-container .nf-field-label{display:none}.nf-field-label .nf-label-span,.nf-field-label label{font-weight:700;margin:0;padding:0}.nf-field-element{position:relative}.nf-field-element input,.nf-field-element select,.nf-field-element textarea{height:auto;margin:0;vertical-align:inherit;width:auto}.nf-field-element textarea{height:200px}.nf-field-description p:last-child{margin:0}.nf-help{background:url(//markyudt.com/wp-content/plugins/ninja-forms/assets/img/help-info.png) no-repeat;display:inline-block;height:16px;width:16px}.nf-input-limit{font-size:12px;margin-top:5px}.nf-static{padding:0 10px}.nf-after-field .nf-error-msg{margin-right:10px}.nf-sr-only{clip:rect(0,0,0,0);border:0;clip-path:inset(50%);height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.nf-field-element .time-wrap{padding:1px}.list-checkbox-wrap .nf-field-element li,.list-checkbox-wrap .nf-field-element ul,.list-image-wrap .nf-field-element li,.list-image-wrap .nf-field-element ul,.list-radio-wrap .nf-field-element li,.list-radio-wrap .nf-field-element ul{list-style:none!important;margin:0!important;padding:0!important}.list-checkbox-wrap .nf-field-element li input,.list-checkbox-wrap .nf-field-element ul input,.list-image-wrap .nf-field-element li input,.list-image-wrap .nf-field-element ul input,.list-radio-wrap .nf-field-element li input,.list-radio-wrap .nf-field-element ul input{margin-right:5px}.rtl .list-checkbox-wrap .nf-field-element li input,.rtl .list-checkbox-wrap .nf-field-element ul input,.rtl .list-image-wrap .nf-field-element li input,.rtl .list-image-wrap .nf-field-element ul input,.rtl .list-radio-wrap .nf-field-element li input,.rtl .list-radio-wrap .nf-field-element ul input{margin-left:5px;margin-right:0}.list-checkbox-wrap .nf-field-element li,.list-image-wrap .nf-field-element li,.list-radio-wrap .nf-field-element li{margin:0 0 5px!important;padding-left:10px;text-indent:0!important}.list-checkbox-wrap .nf-field-element li label,.list-image-wrap .nf-field-element li label,.list-radio-wrap .nf-field-element li label{display:block;float:none;margin-left:1.5em;width:auto}.list-checkbox-wrap .nf-field-element li input,.list-image-wrap .nf-field-element li input,.list-radio-wrap .nf-field-element li input{float:left;margin-top:.25em;width:auto!important}.rtl .list-checkbox-wrap .nf-field-element li,.rtl .list-image-wrap .nf-field-element li,.rtl .list-radio-wrap .nf-field-element li{padding-left:0;padding-right:10px}.rtl .list-checkbox-wrap .nf-field-element li label,.rtl .list-image-wrap .nf-field-element li label,.rtl .list-radio-wrap .nf-field-element li label{margin-left:0;margin-right:1.5em}.rtl .list-checkbox-wrap .nf-field-element li input,.rtl .list-image-wrap .nf-field-element li input,.rtl .list-radio-wrap .nf-field-element li input{float:right}.listimage-wrap li{display:inline-grid;height:100%;width:100%}.listimage-wrap li label{border:2px solid transparent;padding:5px}.listimage-wrap li label.nf-checked-label{border:2px solid #007acc;transition:all .5s}.listimage-wrap li label img{display:block}.listimage-wrap li input:focus+label{outline:2px solid}.product-wrap>div input{width:80px!important}.product-wrap>div .nf-product-field span{padding:0 5px}.starrating-wrap .star{border-bottom:0}.nf-form-hp{position:absolute;visibility:hidden}.list-select-wrap div div{display:none}.nf-error-msg,.ninja-forms-req-symbol{color:#e80000}.nf-error .ninja-forms-field,.nf-error.listimage-wrap .nf-field-element ul{border:1px solid #e80000}.nf-field-submit-error{padding:15px}.ninja-forms-noscript-message{background:#f1f1f1;border:4px dashed #ccc;color:#333;display:block;font-size:20px;margin:20px 0;padding:40px;text-align:center}.two-col-list ul li{float:left;width:50%}.three-col-list ul li{float:left;width:33.33%}.four-col-list ul li{float:left;width:25%}.five-col-list ul li{float:left;width:20%}.six-col-list ul li{float:left;width:16.66%}body .pika-label{background:transparent}.nf-form-cont .five-sixths,.nf-form-cont .four-sixths,.nf-form-cont .one-fourth,.nf-form-cont .one-half,.nf-form-cont .one-sixth,.nf-form-cont .one-third,.nf-form-cont .three-fourths,.nf-form-cont .three-sixths,.nf-form-cont .two-fourths,.nf-form-cont .two-sixths,.nf-form-cont .two-thirds{clear:none;float:left;margin-left:2.5641025641%}.nf-form-cont .five-sixths .inside,.nf-form-cont .four-sixths .inside,.nf-form-cont .one-fourth .inside,.nf-form-cont .one-half .inside,.nf-form-cont .one-sixth .inside,.nf-form-cont .one-third .inside,.nf-form-cont .three-fourths .inside,.nf-form-cont .three-sixths .inside,.nf-form-cont .two-fourths .inside,.nf-form-cont .two-sixths .inside,.nf-form-cont .two-thirds .inside{padding:20px}.nf-form-cont .five-sixths:after,.nf-form-cont .four-sixths:after,.nf-form-cont .one-fourth:after,.nf-form-cont .one-half:after,.nf-form-cont .one-sixth:after,.nf-form-cont .one-third:after,.nf-form-cont .three-fourths:after,.nf-form-cont .three-sixths:after,.nf-form-cont .two-fourths:after,.nf-form-cont .two-sixths:after,.nf-form-cont .two-thirds:after{clear:both;content:"";display:block}.nf-form-cont .one-half,.nf-form-cont .three-sixths,.nf-form-cont .two-fourths{width:48.7179487179%}.nf-form-cont .one-third,.nf-form-cont .two-sixths{width:31.6239316239%}.nf-form-cont .four-sixths,.nf-form-cont .two-thirds{width:65.811965812%}.nf-form-cont .one-fourth{width:23.0769230769%}.nf-form-cont .three-fourths{width:74.358974359%}.nf-form-cont .one-sixth{width:14.5299145299%}.nf-form-cont .five-sixths{width:82.905982906%}.nf-form-cont .first{clear:both;margin-left:0}.nf-form-wrap .ql-toolbar.ql-snow{background-color:#f9f9f9;border:1px solid #ccc;padding:8px 5px}.nf-form-wrap .ql-toolbar.ql-snow:after{clear:both;content:"";display:block}.nf-form-wrap .ql-toolbar.ql-snow .dashicons{width:auto}.nf-form-wrap .ql-container.ql-snow{border:1px solid #ccc;border-top:0}.nf-form-wrap .ql-editor{background:#fff;min-height:150px}.nf-form-wrap .ql-editor p{font-size:16px}.nf-form-wrap .ql-editor ul{list-style-type:disc;margin-left:2em}.nf-form-wrap .ql-editor table td{border:1px solid #ccc;width:auto}.nf-form-wrap .ql-toolbar button{background:#f9f9f9;border:1px solid #ccc;border-radius:4px;color:#444;cursor:pointer;height:auto;margin-right:2px;min-height:28px;min-width:28px;padding:4px;width:auto}.nf-form-wrap .ql-toolbar button:hover{background:#e6e6e6;border-color:#adadad}.nf-form-wrap .ql-toolbar button.ql-active{background:#e0e0e0;border-color:#adadad}.nf-form-wrap .ql-toolbar button svg .ql-stroke{stroke:#444}.nf-form-wrap .ql-toolbar button svg .ql-fill{fill:#444}.nf-form-wrap .ql-toolbar .ql-picker{background:#f9f9f9;border:1px solid #ccc;border-radius:4px;color:#444}.nf-form-wrap .ql-toolbar .ql-picker .ql-picker-label{color:#444}.nf-form-wrap .ql-toolbar .ql-picker .ql-picker-label:hover{background:#e6e6e6}.nf-form-wrap .ql-toolbar .ql-picker .ql-picker-label svg .ql-stroke{stroke:#444}.nf-form-wrap .ql-toolbar .ql-picker-options{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.nf-form-wrap .tooltip{word-wrap:normal;display:block;filter:alpha(opacity=0);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;opacity:0;position:absolute;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:1070}.nf-form-wrap .tooltip.in{filter:alpha(opacity=90);opacity:.9}.nf-form-wrap .tooltip.top{margin-top:-3px;padding:5px 0}.nf-form-wrap .tooltip.right{margin-left:3px;padding:0 5px}.nf-form-wrap .tooltip.bottom{margin-top:3px;padding:5px 0}.nf-form-wrap .tooltip.left{margin-left:-3px;padding:0 5px}.nf-form-wrap .tooltip-inner{background-color:#000;border-radius:4px;color:#fff;max-width:200px;padding:3px 8px;text-align:center}.nf-form-wrap .tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.nf-form-wrap .tooltip.top .tooltip-arrow{border-top-color:#000;border-width:5px 5px 0;bottom:0;left:50%;margin-left:-5px}.nf-form-wrap .tooltip.top-left .tooltip-arrow{border-top-color:#000;border-width:5px 5px 0;bottom:0;margin-bottom:-5px;right:5px}.nf-form-wrap .tooltip.top-right .tooltip-arrow{border-top-color:#000;border-width:5px 5px 0;bottom:0;left:5px;margin-bottom:-5px}.nf-form-wrap .tooltip.right .tooltip-arrow{border-right-color:#000;border-width:5px 5px 5px 0;left:0;margin-top:-5px;top:50%}.nf-form-wrap .tooltip.left .tooltip-arrow{border-left-color:#000;border-width:5px 0 5px 5px;margin-top:-5px;right:0;top:50%}.nf-form-wrap .tooltip.bottom .tooltip-arrow{border-bottom-color:#000;border-width:0 5px 5px;left:50%;margin-left:-5px;top:0}.nf-form-wrap .tooltip.bottom-left .tooltip-arrow{border-bottom-color:#000;border-width:0 5px 5px;margin-top:-5px;right:5px;top:0}.nf-form-wrap .tooltip.bottom-right .tooltip-arrow{border-bottom-color:#000;border-width:0 5px 5px;left:5px;margin-top:-5px;top:0}.nf-form-wrap .dropdown-menu{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175);display:none;float:left;font-size:14px;list-style:none;margin:2px 0 0;min-width:160px;padding:5px 0;position:absolute;text-align:left;z-index:1000}.nf-form-wrap .dropdown-menu.pull-right{left:auto;right:0}.nf-form-wrap .dropdown-menu .divider{background-color:#e5e5e5;height:1px;margin:9px 0;overflow:hidden}.nf-form-wrap .dropdown-menu>li>a{clear:both;color:#333;display:block;font-weight:400;line-height:1.42857143;padding:3px 20px;white-space:nowrap}.nf-form-wrap .dropdown-menu>li>a:focus,.nf-form-wrap .dropdown-menu>li>a:hover{background-color:#f5f5f5;color:#262626;text-decoration:none}.nf-form-wrap .dropdown-menu>.active>a,.nf-form-wrap .dropdown-menu>.active>a:focus,.nf-form-wrap .dropdown-menu>.active>a:hover{background-color:#337ab7;color:#fff;outline:0;text-decoration:none}.nf-form-wrap .dropdown-menu>.disabled>a,.nf-form-wrap .dropdown-menu>.disabled>a:focus,.nf-form-wrap .dropdown-menu>.disabled>a:hover{color:#777}.nf-form-wrap .dropdown-menu>.disabled>a:focus,.nf-form-wrap .dropdown-menu>.disabled>a:hover{background-color:transparent;background-image:none;cursor:not-allowed;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);text-decoration:none}.nf-form-wrap .open>.dropdown-menu{display:block}.nf-form-wrap .open>a{outline:0}.nf-form-wrap .dropdown-menu-right{left:auto;right:0}.nf-form-wrap .dropdown-menu-left{left:0;right:auto}.nf-form-wrap .dropdown-header{color:#777;display:block;font-size:12px;line-height:1.42857143;padding:3px 20px;white-space:nowrap}.nf-form-wrap .dropdown-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:990}.nf-form-wrap .pull-right>.dropdown-menu{left:auto;right:0}.nf-form-wrap .dropup .caret,.nf-form-wrap .navbar-fixed-bottom .dropdown .caret{border-bottom:4px dashed;border-bottom:4px solid\9;border-top:0;content:""}.nf-form-wrap .dropup .dropdown-menu,.nf-form-wrap .navbar-fixed-bottom .dropdown .dropdown-menu{bottom:100%;margin-bottom:2px;top:auto}@media (min-width:768px){.nf-form-wrap .navbar-right .dropdown-menu{left:auto;right:0}.nf-form-wrap .navbar-right .dropdown-menu-left{left:0;right:auto}}.nf-form-wrap .btn-group-justified>.btn-group .dropdown-menu{left:auto}.nf-form-wrap .nav-justified>.dropdown .dropdown-menu,.nf-form-wrap .nav-tabs.nav-justified>.dropdown .dropdown-menu{left:auto;top:auto}.nf-form-wrap .nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}@media (max-width:767px){.nf-form-wrap .navbar-nav .open .dropdown-menu{background-color:transparent;border:0;box-shadow:none;float:none;margin-top:0;position:static;width:auto}.nf-form-wrap .navbar-nav .open .dropdown-menu .dropdown-header,.nf-form-wrap .navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.nf-form-wrap .navbar-nav .open .dropdown-menu>li>a{line-height:20px}.nf-form-wrap .navbar-nav .open .dropdown-menu>li>a:focus,.nf-form-wrap .navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}.nf-form-wrap .navbar-nav>li>.dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}.nf-form-wrap .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;margin-bottom:0}@media (max-width:767px){.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{background-color:transparent;color:#333}.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{background-color:#e7e7e7;color:#555}.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{background-color:transparent;color:#ccc}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{background-color:transparent;color:#fff}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{background-color:#080808;color:#fff}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{background-color:transparent;color:#444}}.nf-loading-spinner{animation:nf-scaleout 1s ease-in-out infinite;background-color:hsla(0,0%,82%,.5);border-radius:100%;height:40px;margin:100px auto;width:40px}@keyframes nf-scaleout{0%{transform:scale(0)}to{opacity:0;transform:scale(1)}}.field-wrap{display:flex}.field-wrap>label{display:block}.field-wrap .pikaday__container,.field-wrap .pikaday__display,.field-wrap select,.field-wrap textarea,.field-wrap>div input{width:100%}.field-wrap button,.field-wrap input[type=button],.field-wrap input[type=submit],.field-wrap>div input[type=checkbox]{width:auto}.nf-field-label{order:5}.nf-field-description{order:10;width:100%}.nf-field-element{order:15}.label-above .nf-field-label{margin-bottom:10px}.label-below .nf-field-label{margin-top:10px;order:15}.label-below .nf-field-element{order:5}.label-hidden .field-wrap{flex-wrap:wrap}.label-hidden .nf-field-label{height:0;margin:0!important;visibility:hidden;width:100%}.label-hidden .nf-field-description{order:20;width:100%}.label-hidden .nf-field-element{width:100%}.label-left .field-wrap{flex-direction:row;flex-wrap:wrap}.label-left .nf-field-label{align-items:center;display:flex;flex-direction:row;order:5;padding-right:2%;text-align:right;width:35%}.label-left .nf-field-label label{width:100%}.label-left .nf-field-description{margin-left:35%}.label-left .nf-field-element{display:inline-block;order:10;width:65%}.label-left .nf-after-field{margin-left:36.5%}.label-right .field-wrap{flex-direction:row}.label-right .nf-field-label{align-items:center;display:flex;flex-direction:row;order:10;padding-left:2%;width:35%}.label-right .nf-field-description{margin-right:35%;order:15}.label-right .nf-field-element{display:inline-block;order:5;width:65%}.label-right .checkbox-wrap .nf-field-label{width:auto}.label-right .checkbox-wrap .nf-field-element{width:20px}.label-right .nf-after-field{width:65%}.label-above .field-wrap,.label-below .field-wrap{flex-direction:column;flex-flow:wrap}.label-above .nf-field-element,.label-below .nf-field-element{margin:0;width:100%}.label-left .listcheckbox-wrap .nf-field-label,.label-left .listradio-wrap .nf-field-label,.label-left .textarea-wrap .nf-field-label,.label-right .listcheckbox-wrap .nf-field-label,.label-right .listradio-wrap .nf-field-label,.label-right .textarea-wrap .nf-field-label{align-items:flex-start}.label-left .textarea-wrap .nf-field-label,.label-right .textarea-wrap .nf-field-label{margin-top:5px}.label-left .hr-wrap,.label-left .html-wrap,.label-right .hr-wrap,.label-right .html-wrap{display:block}.label-left .hr-wrap .nf-field-element,.label-left .html-wrap .nf-field-element,.label-right .hr-wrap .nf-field-element,.label-right .html-wrap .nf-field-element{display:block;margin:0;width:100%}.nf-repeater-fieldsets fieldset{margin-bottom:1em}.nf-remove-fieldset{background-color:transparent;border:thin solid red;color:red;float:right;font-size:1.5em;margin-top:-1em;padding:.1em .4em}.repeater-container .nf-field-description{margin-top:.5em}.repeater-container .nf-field-description p{font-size:120%}