/* Base styles */
body {
	background-color: #fff;
	color: #000;
	font-family: "Work Sans", Icons, sans-serif;
}

a:active {
	opacity: 1;
	color: #000;
}

.page a.active {
	opacity: 1;
}

i, em {
	font-style: italic;
}

b, strong {
	font-weight: bolder;
}

sub, sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

hr {
	background: rgba(127, 127, 127, 0.2);
	border: 0;
	height: 1px;
	display: block;
}

/* Glass Effect */
.glass-text {
	background: rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(30px); 
	-webkit-backdrop-filter: blur(24px);
	border-radius: 0;
	padding: 0.0em 0.0em;
	border: 0 solid rgba(255, 255, 255, 0);
	z-index: -4;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.h7, .h8, .h9, .h10, .h11, .h12, .h13, .h14, .h15 {
	font-style: normal;
	margin: 0;
	padding: 0;
}

/* Specific Headings */
h1 {
	font-family: "Favorit Variable", Icons;
	font-weight: 500;
	font-size: 8.4rem;
	line-height: 1.2;
	color: rgba(0, 0, 0, 0.85);
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	font-style: normal;
	font-variation-settings: 'slnt' 0;
}

h2 {
	font-family: "Routed Gothic", Icons;
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 1.0;
	color: #fff;
}

h3 {
	font-family: "Routed Gothic", Icons;
	font-size: 2.2rem;
	line-height: 1.3;
	color: rgba(255, 255, 255, 1);
	text-align: left;
	width: 48vw;
	margin: 0;
	padding: 0;
    padding-left: 1vw;
    padding-top: 30vw;
	font-style: normal;
	font-weight: 400;
}



h4 {
	font-family: "Work Sans", Icons;
	font-weight: 800;
	font-size: 1.5rem;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.85);
	text-align: left;
}

h5 {
	font-family: "Work Sans", Icons;
	font-weight: 800;
	font-size: 1.2rem;
	line-height: 1.2;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	mix-blend-mode: difference;
	text-shadow: rgba(0, 0, 0, 0) 1px 1px 41px;
	background-color: rgba(0, 0, 0, 0.75);
	margin: 0 100px;
}

/* Custom Heading Classes */
.h7 {
	font-family: "Work Sans", Icons;
	font-weight: 700;
	font-size: 1.3rem;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	mix-blend-mode: difference;
}

.h8 {
	color: #fff;
}

.h9 {
	font-family: "Archivo Black", Icons;
	font-weight: 400;
	font-size: 3rem;
	line-height: 1;
	color: #000;
	padding-top: 7px;
    padding-left: 10px;
    text-align: left;
	margin: 0 auto;
	font-style: normal;
    text-transform: uppercase;
}
.h10 {
	font-family: "Work Sans", Icons;
	font-weight: 800;
	font-size: 5.6vw;
	line-height: 1;
	color: #fff;
	text-align: center;
}

.h11 {
	font-family: "Routed Gothic", Icons;
	font-weight: 400;
	font-size: 1.0rem;
	line-height: 1;
	color: #000;
	margin-left: 0px;
    padding-left: 13px;
    padding-bottom: 7px;
	font-style: normal;
}

.h12 {
	font-family: "Favorit Variable", Icons;
	font-weight: 300;
	font-size: 0.9rem;
	line-height: 1.6;
	color: #fff;
	margin-left: 0px;
    padding-left: 0px;
    padding-bottom: 7px;
	font-style: normal;
    text-transform: uppercase;
	font-variation-settings: 'slnt' 0;
    letter-spacing: -0.03em;
}

.h13 {
	font-family: "Routed Gothic", Icons;
	font-weight: 400;
	font-size: 1.0rem;
	line-height: 1.3;
	color: rgba(255, 255, 255, 0.85);
	text-align: left;
	width: 35vw;
	margin: 0 ;
	padding: 0;
    padding-top: 2vw;
    padding-bottom: 1vw;
    padding-left: 1vw;
}

.h14 {
	font-family: "Favorit Variable", Icons;
	font-size: 1.4rem;
	line-height: 1.2;
	color: rgba(255, 255, 255, 1);
	width: 35vw;
	margin: 0 auto;
	padding: 0;
    padding-top: 0.4vw;
    padding-bottom: 0.2vw;
    letter-spacing: 0.00em;
	font-style: normal;
	font-weight: 500;
	font-variation-settings: 'slnt' 0;
}

.h15 {
	font-family: "Favorit Variable", Icons;
	font-size: 1.3rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 1);
	margin: 0;
	padding: 0;
    padding-top: 0.4vw;
    padding-bottom: 0.2vw;
    letter-spacing: 0.00em;
	font-style: normal;
	font-weight: 300;
	font-variation-settings: 'slnt' 0;
}

.navbar {
  width: 100vw; /* force full viewport width */
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75em 1em;
  position: fixed;
  top: 0;
  left: 0; /* make sure it starts at the left edge */
  background: rgba(255, 0, 0, 1);
  z-index: 999;
  box-sizing: border-box;
}

.nav-left,
.nav-center,
.nav-right {
  display: flex;
  align-items: center;
}

.nav-center {
  gap: 20em;
}

.navbar a {
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.navbar a:hover {
  opacity: 0.7;
}


.hero {
    height: 96vh;
}

.small {
	padding-top: 0vw;
}


.custom-heading {
  font-size: 2rem; /* Matches typical h2 */
  font-family: "Favorit Variable", Icons;
    font-weight: 700;
  color: #ffffff;
  margin-bottom: 1em;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: 0.3em 0.0em;
    padding-top: 3.0vw;
  background-color: rgba(255, 255, 255, 0.05);
  display: inline-block;
  border-radius: 6px;
	font-style: normal;
	font-variation-settings: 'slnt' 0;
    text-transform: uppercase;
}

.bodycopy {
  font-size: 0.85em;
    font-weight: 272;
  line-height: 1.0;
  color: #fff;
}


.close-link {
  font-size: 1.2rem; /* equivalent to small */
  text-decoration: none;
  color: #ffffff;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

.close-link:hover {
  opacity: 1;
}

.bottom-right-box {
  position: fixed;
    font-size: 20px;
  bottom: 20px;     /* distance from the bottom */
  right: 20px;      /* distance from the right */
  z-index: 9999;    /* make sure it stays on top */
  background: rgba(0, 0, 0, 0.6);  /* optional background */
  color: #000;     /* optional text color */
  padding: 15px 15px;
  border-radius: 27px; /* optional rounding */
  backdrop-filter: blur(10px);     /* optional glass effect */
  -webkit-backdrop-filter: blur(10px);
}

/* Mobile adaptation */
@media screen and (max-width: 600px) {
	h3 {
		font-family: "Routed Gothic", Icons;
	font-size: 2.6rem;
	line-height: 1.3;
	color: rgba(255, 255, 255, 1);
	text-align: left;
	width: 97vw;
	margin: 0;
	padding: 0;
    padding-left: 1vw;
    padding-top: 7vw;
	font-style: normal;
	font-weight: 600;
        
	}
    
    .h13 {
		font-size: 1.5rem;
        width: 95vw;
        line-height: 1.0;
        padding-top: 3vw;
        padding-bottom: 63px;
        margin-bottom: 66vh;
        letter-spacing: -0.06em;
	}
    
    .h14 {
	font-family: "Favorit Variable", Icons;
	font-size: 1.4rem;
	line-height: 1.2;
	color: rgba(255, 255, 255, 1);
	width: 35vw;
	margin: 0 auto;
	padding: 0;
    padding-top: 0.4vw;
    padding-bottom: 0.2vw;
    letter-spacing: 0.00em;
	font-style: normal;
	font-weight: 500;
	font-variation-settings: 'slnt' 0;
        backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
    
    .hero {
    height: 60vh;
}
    .small {
	padding-top: 60vw;
}
    
    .glass-text {
	background: rgba(0, 0, 0, 0);
	backdrop-filter: blur(30px); 
	-webkit-backdrop-filter: blur(24px);
	border-radius: 0;
	padding: -0.4em 0.0em;
	border: 0 solid rgba(255, 255, 255, 0);
	z-index: -4;
}
    
    .navbar {
  width: 100vw; /* force full viewport width */
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.30em 1em;
  position: fixed;
  top: 0;
  left: 0; /* make sure it starts at the left edge */
  background: rgba(255, 0, 0, 1);
  z-index: 999;
  box-sizing: border-box;
}

.nav-left,
.nav-center,
.nav-right {
  display: flex;
  align-items: center;
}

.nav-center {
  gap: 5em;
}

.navbar a {
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.navbar a:hover {
  opacity: 0.7;
}
    
    .custom-heading {
  padding-top: 10vw;
}
    
    
    .bottom-right-box {
  position: fixed;
    font-size: 11px;
  bottom: 9px;     /* distance from the bottom */
  right: 6px;      /* distance from the right */
  z-index: 9999;    /* make sure it stays on top */
  background: rgba(0, 0, 0, 0.6);  /* optional background */
  color: #000;     /* optional text color */
  padding: 15px 15px;
  border-radius: 27px; /* optional rounding */
  backdrop-filter: blur(10px);     /* optional glass effect */
  -webkit-backdrop-filter: blur(10px);
}
    

}


/* Text Blocks */
ul, ol {
	margin: 0;
	padding-left: 1em;
}

blockquote {
	margin: 0;
	padding-left: 2em;
}

/* Image Captions */
.gallery_image_caption {
	margin-top: 1.2rem;
	margin-bottom: 0.5rem;
	font-size: 1.5rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	line-height: 1.3;
}

/* Editor Overrides */
[data-predefined-style="true"] bodycopy {
	font-size: 1.6em;
	font-weight: 400;
	color: #000;
	font-family: "Routed Gothic", Icons;
	line-height: 0.2;
}

[data-predefined-style="true"] bodycopy a {
	color: #fff;
    text-decoration: none;
	
     
}

[data-predefined-style="true"] h1 a {
	color: #fff;
}

[data-predefined-style="true"] h2 a {
	color: #fff;
}

[data-predefined-style="true"] small {
	font-size: 2.0rem;
	line-height: 1.3;
	font-weight: 800;
	color: #fff;
	font-family: "Work Sans", Icons;
}

[data-predefined-style="true"] small a {
	color: #fff;
	border-bottom: 0;
}