@font-face {
  font-family: Northwell Alt;
  src: url('../fonts/Northwell-Alt.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Monalliza;
  src: url('../fonts/Monalliza-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark: #fff;
  --light-02: #000;
  --light: #bf092f;
  --grey: #b3b3b3;
}
*{padding:0;margin:0;box-sizing: border-box;}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--dark);
  letter-spacing: -.01rem;
  order: 0;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 130%;
}

p {
  margin-bottom: 10px;
}

a {
  text-decoration: underline;
}

.heading {
  z-index: 2;
  text-align: center;
  letter-spacing: -.19rem;
  flex: 0 auto;
  order: -9999;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.2rem;
  font-weight: 400;
  position: relative;
}

.paragraph {
  letter-spacing: .075rem;
  font-family: Geist Mono, sans-serif;
  font-weight: 300;
}

.u-container {
  grid-column-gap: 8rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 6rem 2.5rem;
  display: flex;
  position: relative;
}

.hero-text2 {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: row;
  flex: 0 auto;
  order: 9999;
  justify-content: space-around;
  align-self: stretch;
  align-items: center;
  position: relative;
  overflow: visible;
}

.hero-section {
  background-color: var(--light-02);
  background-image: url('../images/hero-section-1.webp');
  background-position: 50%;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.hero-container {
  max-width: 90rem;
  max-height: 100vh;
  position: relative;
}

.hero-container.u-container {
  grid-column-gap: 20rem;
  grid-row-gap: 20rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: none;
  height: 100%;
  min-height: 100vh;
  max-height: none;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.hero-tags {
  order: 0;
  align-self: center;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
  position: relative;
}

.hero-text02 {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: wrap;
  flex: 0 auto;
  order: 9999;
  justify-content: space-around;
  align-self: auto;
  align-items: center;
  min-height: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.hero-text2flex {
  z-index: 2;
  grid-column-gap: 7.5rem;
  grid-row-gap: 7.5rem;
  object-fit: fill;
  flex-flow: wrap;
  flex: 0 auto;
  order: 9999;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center space-between;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
}

.cursor-wrapper {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.cursor {
  border: .09em solid #fff;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 10em;
  height: 10em;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.cursor-image {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  background-image: url('../images/Frame-31.webp');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: auto;
}

.nav-section {
  z-index: 999;
  background-color: #0000;
  width: 100%;
  display: block;
  position: sticky;
  inset: 0% 0% auto;
  overflow: visible;
}

.nav-section.otherpages {
  background-color: #bf0a30;
}
.navbar{position:relative;z-index:10;width: 100%;height: auto;display: flex;align-items: center;justify-content: space-between;padding:.5rem 2.5rem;transition:300ms ease}
.navbar.otherpages{background:#bf0a30}
.navbar.fix{background:#bf0a30;position: sticky;top:0;left: 0;animation:slideIn 500ms ease}
.nav_ul{display: flex;align-items: center;justify-content: flex-end;gap: 2.8rem;}
/* .navbar.fix.show{position: relative;} */

.nav-container.u-container {
  z-index: 99;
  background-color: #0000;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
  overflow: visible;
}

.nav-container.u-container.other-pages {
  background-color: #bf0a30;
}

.nav_logo_link.footer {
  margin-left: auto;
  margin-right: auto;
}

.nav_logo_image {
  width: 3.5rem;
}

.nav_layout {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer_links_container {
  grid-column-gap: 2.8rem;
  grid-row-gap: 2.8rem;
  text-align: center;
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-around;
  align-items: center;
  width: auto;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.nav_links {
  color: var(--dark);
  letter-spacing: -.01rem;
  text-transform: uppercase;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  text-decoration: none;
}

.button {
  text-transform: uppercase;
  background-color: #0000;
  margin-bottom: 0;
  font-size: .8rem;
  font-weight: 300;
  line-height: 120%;
}

.button.nav_btn {
  color: var(--dark);
  background-color: #0000;
  font-weight: 400;
}

.button.workbtn {
  color: var(--dark);
  background-color: #bf0a2f;
}

.button.nav {
  grid-column-gap: .4375rem;
  grid-row-gap: .4375rem;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 3.5rem;
  justify-content: center;
  align-items: center;
  padding: .25rem .75rem;
  display: flex;
}

.hero_main {
  z-index: 0;
  margin-top: 0;
  position: sticky;
  inset: -12% 0% 0%;
  overflow: hidden;
}

.hero_main.animate-section {
  position: sticky;
  top: 0%;
}

.about_container.u-container {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  color: var(--light);
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  max-width: none;
  padding-top: 4rem;
  padding-bottom: 2rem;
  font-weight: 400;
  overflow: hidden;
}

.heading-2 {
  letter-spacing: -.07rem;
  font-size: 3rem;
  font-weight: 400;
}

.heading-2.aboutus.reveal-text-bottom {
  color: var(--light-02);
  text-align: center;
  letter-spacing: .001rem;
  text-transform: uppercase;
  width: 0;
  min-width: 18rem;
  max-width: 18rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 120%;
}

.heading-2.ourwork {
  z-index: 5;
  color: var(--light);
  text-align: center;
  position: relative;
}

.heading-2.ourwork.blog-post {
  margin-top: 10px;
  margin-bottom: 10px;
}

.heading-2.our_gears {
  color: var(--light);
}

.heading-2.merchandise {
  font-size: 2rem;
}

.heading-2.similarposts {
  color: var(--grey);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: 1.2rem;
}

.about_para02 {
  color: var(--light);
  width: 100%;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 135%;
}

.about_para02.reveal-text-bottom {
  color: var(--light);
  text-align: left;
  font-size: 1.5rem;
  font-weight: 400;
}

.image {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: auto 0% 0%;
}

.about_content01 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.about_content02 {
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  width: 80%;
  max-width: 24rem;
  display: flex;
}

.about_para {
  color: var(--light-02);
  font-size: 1rem;
  font-weight: 300;
  line-height: 135%;
}

.about_para.reveal-text-bottom {
  text-align: left;
  font-weight: 300;
}

.about_para.reveal-text-bottom.para-01 {
  color: var(--light);
  text-align: center;
  font-size: 1.2rem;
}

.about_section {
  z-index: 1;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.services_section.animate-section {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.services_container.u-container {
  grid-column-gap: 2.4rem;
  grid-row-gap: 2.4rem;
  max-width: none;
  padding-top: 1rem;
  padding-bottom: 1rem;
  overflow: hidden;
}

.services_heading01 {
  color: var(--light);
  letter-spacing: .1rem;
  text-transform: uppercase;
  width: 100%;
  font-family: Geist Mono, sans-serif;
  position: relative;
}

.services_heading02 {
  color: var(--light);
  text-align: right;
  letter-spacing: .1rem;
  text-transform: uppercase;
  width: 100%;
  font-family: Geist Mono, sans-serif;
  position: relative;
}

.services_row {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  place-items: center stretch;
  width: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
}

.service_card {
  transform-origin: 50% 100%;
  min-height: 16rem;
  position: relative;
  overflow: hidden;
}

.media_group {
  filter: grayscale();
  background-color: #000;
  width: 100%;
  height: 100%;
  transition: filter .2s;
  position: absolute;
}

.media_group:hover {
  filter: grayscale(0%);
}

.text_overlay {
  z-index: 1;
  background-color: #00000026;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0 0%;
}

.service_img {
  object-fit: cover;
  background-color: #000;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: relative;
}

.service_img:hover {
  filter: grayscale(0%);
}

.service_img.img1 {
  filter: grayscale();
}

.service_img.img1:hover {
  filter: grayscale(0%);
}

.service_text {
  color: var(--dark);
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  margin: .625rem auto;
  font-family: Northwell Alt, Impact, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  position: relative;
}

.text-reveal {
  opacity: 1;
}

.work_grid {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: 100%;
  height: 100%;
  display: grid;
  position: absolute;
  overflow: hidden;
}

.work_section {
  background-color: #fff;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.work_section.animate-section {
  background-color: #fff;
  min-height: auto;
}

.work_container.u-container {
  grid-column-gap: 1.9rem;
  grid-row-gap: 1.9rem;
  justify-content: center;
  align-items: center;
  min-width: 0;
  min-height: 0;
  padding: .25rem;
  overflow: hidden;
}

.project_card {
  grid-column-gap: 2.7rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 25rem;
  display: flex;
  text-decoration: none;
  justify-content: flex-start;
}

.project_card.card02 {
  position: absolute;
  top: 32%;
  left: 35%;
}

.project_card.card03 {
  z-index: 1;
  position: relative;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.project_card.card03.blog-page {
  width: 20rem;
}

.project_card.card01 {
  text-decoration: none;
  position: relative;
}

.project_card.card01.blog-page {
  width: 20rem;
}

.img_wrapper {
  max-height: 16.25rem;
  position: relative;
  overflow: hidden;
}

.project_date {
  color: var(--light-02);
  text-align: right;
  letter-spacing: .1rem;
  text-transform: uppercase;
  width: auto;
  font-family: Geist Mono, sans-serif;
  font-size: .8rem;
  font-weight: 300;white-space: nowrap;
  text-decoration: none;
}

.image-2 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.project_text_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: flex;
  position: relative;
}

.project_title {
  color: var(--light-02);
  letter-spacing: .09rem;
  text-transform: uppercase;
  width: 100%;
  font-family: Geist Mono, sans-serif;
  font-size: .8rem;
  font-weight: 300;
  line-height: 120%;
  text-decoration: none;
}

.collection-list-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-3, .paragraph-2 {
  color: var(--light-02);
}

.collection-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.work_canvas {
  grid-column-gap: 3.6rem;
  grid-row-gap: 3.6rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 2.5rem;
  display: flex;
  position: relative;
}

.work_canvas.blog-page {
  padding-left: 0;
  padding-right: 0;
}
.work_canvas.blogs_page{
  display: grid;grid-template-columns: repeat(3,1fr);place-items: initial;
}

.image-3 {
  width: 25%;
  max-width: none;
  position: absolute;
  inset: 13% 0% auto auto;
}

.image-4 {
  width: 25%;
  max-width: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.photoweekly_section.animate-section {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.photoweekly_container.u-container {
  grid-column-gap: 3.3rem;
  grid-row-gap: 3.3rem;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  overflow: hidden;
}

.gear_item {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
  position: relative;
}

.gear-count {
  color: var(--grey);
  letter-spacing: -.09rem;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.gear-image {
  object-fit: cover;
  width: 20%;
  max-width: none;
  position: absolute;
  top: -41px;
  bottom: 85px;
  right: 276px;
}

.gear-image.img1 {
  object-fit: cover;
}

.gear-image.img2 {
  top: -69px;
}

.gear-image.img3 {
  top: -91px;
}

.gear-image.img4 {
  top: -99px;
}

.gear-title {
  color: var(--grey);
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 300;
}

.gear-title.g1 {
  font-size: 2rem;
}

.photoweekly-items {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 3.75rem 3rem 6rem;
  display: flex;
  position: relative;
}

.gear-divider {
  color: var(--light-02);
  background-color: #000;
  width: 100%;
  height: .03rem;
  position: relative;
}

.para-mask {
  overflow: hidden;
}

.code-embed {
  width: 5em;
  height: 5em;
}

.container {
  color: var(--dark);
  background-color: #fff;
  padding-top: 400px;
  padding-left: 172px;
  padding-right: 0;
}

.container.u-container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #bf092f;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem 2.5rem .5rem;
  display: block;
  overflow: hidden;
}

.code-embed-2 {
  z-index: 999;
  width: 80%;
  height: 80%;
  position: static;
}

.section {
  background-color: #fff;
  position: relative;
}

.footer_layout {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer_logo_image {
  width: auto;
  max-width: 30%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.contact-text {
  grid-column-gap: 1.6rem;
  grid-row-gap: 0.8rem;
  flex-flow: column;
  max-width: 100%;
  display: flex;
  position: relative;
}

.buyacoffee {
  text-align: center;
  font-size: 1rem;
  font-weight: 300;
  line-height: 135%;
}

.get-in-touch {
  text-align: center;
  font-family: Geist Mono, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
}

.footer-text {
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.section-2 {
  position: absolute;
}

.body {
  overflow: visible;
}

.footer-divider {
  color: var(--dark);
  background-color: #fff;
  width: 100%;
  height: .011rem;
}

.about_content_heading {
  flex-flow: column;
  min-width: 24rem;
  display: flex;
}

.merch-section {
  position: relative;
  overflow: hidden;
}

.merch-container.u-container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #bf092f;
  padding-top: 2rem;
  padding-bottom: 4rem;
  padding-left: 1rem;
  padding-right: 1rem;
  overflow: hidden;
}

.heading-1.merch-comingsoon {
  letter-spacing: .04rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Monalliza, Times New Roman, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 120%;
  overflow: visible;
}
.heading-3.merch-comingsoon {
  letter-spacing: .04rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 120%;
  color:white
}

.merch-stars {
  max-width: 8%;
  position: absolute;
  inset: 37% 0% 0%;
}

.merch-stars.stars1 {
  left: 5%;
  right: auto;
}

.merch-stars.stars2 {
  left: auto;
  right: 5%;
}

.facesbehindlenses-section {
  position: relative;
  overflow: hidden;
}

.facesbehindlenses-container.u-container {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 2rem 3rem;
  display: flex;
  overflow: hidden;
}

.fbl-about-container {
  grid-column-gap: 2.25rem;
  grid-row-gap: 2.25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fbl-about-container.sonia {
  position: relative;
}

.fbl-about-container.barbara {
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.fbl-headingtext {
  color: var(--grey);
  text-align: left;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .8rem;
}

.fbl-headingtext.heading2{
  text-align: right;
}
.fbl-image {
  object-fit: fill;
  max-width: 20%;
  position: relative;
}

.fbl-image.sonia {
  z-index: 3;
}

.fbl-bodytext {
  color: var(--light-02);
  font-weight: 300;
}

.fbl-about-text{
  width: auto;
  text-align: left;
  max-width: 40%;
}
.fbl-about-text.aboutbarabara{
  text-align: right;
}


.fbl-bg-images {
  max-width: 15%;
  position: absolute;
  inset: 0%;
}

.fbl-bg-images.venenzula {
  top: auto;
  bottom: 20%;
  right: auto;
}

.fbl-bg-images.himalaya {
  inset: 20% 0% auto auto;
}

.bold-text {
  font-weight: 500;
}

.email {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
}

.tales-of-two-lenses {
  z-index: 99;
  box-sizing: border-box;
  width: 100%;
  max-width: 85%;
  height: 100%;
  margin: auto;
  display: block;
  position: relative;
  overflow: visible;
}

.hero-head {
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
}

.tags {
  color: var(--light-02);
  text-align: center;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 6rem;
  display: flex;
  position: relative;
}

.service {
  color: var(--grey);
  letter-spacing: .01rem;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  text-decoration: none;transition:300ms ease;cursor: pointer;
}
.service.active, .service:hover{color:#bf092f}

.service.s1 {
  text-decoration-color: #000;
  display: flex;
  position: relative;
}

.service.s1:focus, .service.s1:visited, .service.s2:focus, .service.s2:lang(en) {
  color: var(--light);
}

.service.s2.w--current {
  color: var(--grey);
}

.service.s3:lang(en), .service.s4:lang(en) {
  color: var(--light);
}

.cell {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/Frame-11.webp');
  background-position: 0 0;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container-2 {
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 41px 49px;
  display: block;
  position: relative;
  overflow: hidden;
}

.lightbox-link-2 {
  grid-column-gap: 39px;
  grid-row-gap: 39px;
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-7 {
  object-fit: cover;
  max-width: none;
}

.image-8, .image-9 {
  object-fit: cover;
}

.body-2 {
  overflow: hidden;
}

.section-3 {
  margin-top: 60px;
}

.services-scroller-container {
  position: fixed;
  inset: 0% 0% auto;
}

.services-scroller-container.u-container {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  inset: 0% 0% auto;
}

.services-scroller {
  z-index: 2;
  background-color: #fff;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  position: sticky;
  inset: 0% 0% auto;
}

.hamburger {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  cursor: pointer;
  flex-flow: column;
  display: none;
}

.hamburger_line {
  background-color: #fff;
  width: 3rem;
  height: .2rem;
}

.navbar-no-shadow-container {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.container-regular {
  width: 100%;
  max-width: 1260px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-button-wrapper {
  margin-left: 120px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.btn {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid #fff;
  border-radius: 5.4rem;
  justify-content: space-between;
  align-items: center;
  padding: .425rem .3875rem;
  display: flex;
}

.h2 {
  color: #000;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.h2.cc-title-section {
  margin-top: 0;
  margin-bottom: 40px;
}

.posts-collection-list {
  flex-wrap: wrap;
  margin: -25px -10px;
  display: flex;
}

.more-posts {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-left: 3.1875rem;
  padding-right: 3.1875rem;
  display: flex;
  position: relative;
}

.more-posts.u-container {
  justify-content: center;
  align-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

._3-collection-item {
  flex-wrap: wrap;
  align-content: stretch;
  align-items: stretch;
  width: 33.3333%;
  padding-top: 25px;
  padding-bottom: 25px;
}

.title-section {
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.title-section.cc-detail {
  padding-top: 90px;
}

.posts-wrapper {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  padding-bottom: 88px;
}

.posts-collection-list-wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.blog {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.post-category-text {
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 120%;
  position: relative;
}

.post-author-text {
  margin-top: 30px;
  display: flex;
}

.post-author-text.cc-center {
  align-items: center;
}

.text-container {
  width: 100%;
}

.author-image-wrapper {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  display: flex;
  overflow: hidden;
}

.post-author {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-decoration: none;
}

.post-author:hover {
  text-decoration: underline;
}

.container-4 {
  flex-wrap: wrap;
  place-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
}

.container-4.cc-center {
  text-align: left;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-title-text {
  color: #999;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-decoration: none;
}

.section-title-text:hover {
  text-decoration: underline;
}

.h1 {
  color: #000;
  text-transform: uppercase;
  width: 90%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 120%;
  position: relative;
}

.post-image {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-5 {
  flex-wrap: wrap;
  place-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
}

.container-5.cc-post-image {
  max-width: 1400px;
}

.blog-container.u-container {
  grid-column-gap: 6.2rem;
  grid-row-gap: 6.2rem;
  justify-content: center;
  align-items: flex-start;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.post-content {
  justify-content: center;
  align-items: center;
  display: flex;
}

.post-content-wrapper {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  display: block;
}

.rich-text-block, .text-block {
  color: var(--light-02);
}

.curatemerch {
  color: var(--dark);
  text-decoration: none;
}

.link-block, .link-block-2 {
  text-decoration: none;
}
body{max-width: 100vw;overflow-x: hidden;}
.blog_page_title{font-size: 4rem;text-transform: none;width: 100%;}
.blog_featured_img_container{aspect-ratio: 16/9;overflow: hidden;width: 100%;}
.blog_featured_img{width: 100%;object-fit: cover;}
.post_content{width: 60%;color:rgb(39, 39, 39);font-family: serif;margin: 0 auto;font-size: 130%;line-height: 160%;}
.galImgA.span1{grid-column: span 2;}
.galImgA.span2{grid-row: span 2;}
.gallery_imgs{display: grid;grid-template-columns: repeat(6, 1fr);width: 90%;margin:20px auto;grid-gap: 10px;}
.galImgA{width: 100%;position:relative;display: grid;place-items: center;overflow: hidden;transition: 300ms ease;filter:brightness(95%)}
.galImgA:hover{filter:brightness(110%)}
.galImg{height: 100%;width: 100%;object-fit: cover;}
@media screen and (max-width: 991px) {
  .image {
    max-width: 40%;
  }

  .work_section {
    background-color: #fff;
    min-height: 0;
  }

  .project_card.card02 {
    top: 32%;
  }

  .project_card.card03 {
    inset: auto 0% 0% auto;
  }

  .project_card.card01 {
    inset: 0% auto auto 0%;
  }

  .work_canvas {
    height: auto;
    /* padding: 0 2.8125rem; */
  }
  .work_canvas.blogs_page{grid-template-columns: 1fr;}
  .posts-wrapper:has(.blogs_page){width: 95%;margin:0 auto}

  .cell {
    grid-template-columns: 1.75fr 1fr;
  }

  .lightbox-link {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    display: flex;
  }

  .container-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .image-5, .image-6 {
    max-width: 25%;
  }

  .slide {
    box-sizing: border-box;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    background-image: url('../images/unsplash_koy6FlCCy5s.png');
    background-position: 50%;
    background-size: cover;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow: visible;
  }

  .mask {
    overflow: hidden;
  }

  .slide-2 {
    background-image: url('../images/Frame-11.webp');
    background-position: 50%;
    background-size: cover;
  }

  .lightbox-link-2 {
    position: relative;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu {
    background-color: #fff;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .h2.cc-title-section {
    margin-top: 0;
  }

  .more-posts {
    flex-flow: column;
    align-items: center;
  }

  .title-section.cc-detail {
    padding-top: 150px;
  }

  .text-container {
    width: 100%;
  }

  .container-4 {
    flex-flow: column;
    align-items: center;
  }

  .h1 {
    font-size: 36px;
    line-height: 42px;
  }

  .container-5 {
    flex-flow: column;
    align-items: center;
  }
  .post_content{width: 70%}

  
}

@media screen and (max-width: 767px) {
  .gallery_imgs{grid-template-columns: repeat(4, 1fr);width: 90%;grid-gap: 5px;}
  .tags {padding:2rem 1rem;overflow-x: scroll;padding-bottom: 0;gap:2rem}
  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .h2 {
    font-size: 20px;
    line-height: 24px;
  }

  ._3-collection-item {
    width: 100%;
  }

  /* .title-section {
    padding-top: 150px;
    padding-bottom: 60px;
  } */

  .h1 {
    font-size: 30px;
    line-height: 36px;
  }
  .post_content{width: 80%}

}

@media screen and (max-width: 479px) {
  .hero-tags {
    font-size: .8rem;
  }

  .hero-text2flex {
    grid-column-gap: 2.4rem;
    grid-row-gap: 2.4rem;
    flex-flow: column;
  }

  .nav-container.u-container {
    background-color: #bf092f00;
    transform: none;
  }

  .blog-container.u-container {
    grid-row-gap: 1rem;
    padding: 1.5rem;
    grid-column-gap: 6.2rem;
  }

  .nav_logo_link {
    z-index: 2;
    position: relative;
  }

  .nav_logo_image {
    width: 3.5rem;
    max-width: none;
  }

  .nav_layout {
    z-index: 2;
    position: relative;
  }
  /* body{max-width: 100vw;overflow: hidden;} */


  /* .footer_links_container { */
    /* z-index: 1;
    grid-column-gap: 3.2rem;
    grid-row-gap: 3.2rem;
    background-color: #bf092f;
    flex-flow: column;
    justify-content: center;
    align-self: flex-end;
    align-items: center;
    width: 100vw;
    min-width: 100%;
    height: 100vh;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: fixed;
    inset: 0;
    overflow: visible; */
    
  /* } */
  .nav_ul{position:fixed;top:0;left:-100vw;height:100vh;width:100vw;background:#bf092f;flex-flow: column;align-items: center;justify-content: center;transition:300ms ease}
  .navbar{padding:.5rem 1.5rem;width: 100vw;}
  body:has(.navbar.show){height: 100vw;overflow: hidden;}
  .navbar.show .nav_ul{left:0}
  .blog_page_title{font-size: 3rem}
  .post_content{width: 100%;font-size: 90%;line-height: 140%;}


  .nav_links {
    font-size: 1.5rem;
  }

  .button {
    font-size: 1.2rem;
  }

  .hero_main {
    margin-top: 0;
  }

  .about_container.u-container {
    grid-column-gap: 1.6rem;
    grid-row-gap: 1.6rem;
    flex-flow: column;
  }

  .heading-2.ourwork {
    font-size: 2rem;
  }

  .heading-2.our_gears {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2rem;
  }

  .heading-2.merchandise {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2rem;
    line-height: 120%;
    position: relative;
  }

  .about_para02.reveal-text-bottom {
    text-align: center;
  }

  .about_content02 {
    grid-column-gap: .8125rem;
    grid-row-gap: .8125rem;
    width: 100%;
  }

  .about_para.reveal-text-bottom {
    text-align: center;
    font-size: .8rem;
  }

  .services_container.u-container {
    padding-left: .8rem;
    padding-right: .8rem;
  }

  .services_heading01, .services_heading02 {
    text-align: center;
  }

  .services_row {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .project_card.card02 {
    width: 100%;
    position: static;
  }

  .project_card.card03, .project_card.card01 {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    width: 100%;
    position: static;
  }

  .project_title {
    font-size: .7rem;
  }

  .work_canvas {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .photoweekly_container.u-container {
    flex-flow: column;
    padding: 0 .8rem;
  }

  .gear-count.g1, .gear-count.g2 {
    font-size: .8rem;
  }

  .gear-image.img1 {
    width: 30%;
    inset: -39% 25% 0% auto;
  }

  .gear-image.img2 {
    width: 30%;
    inset: -27% 25% 0% auto;
  }

  .gear-title.g1, .gear-title.g2 {
    font-size: 1.4rem;
  }

  .photoweekly-items {
    grid-column-gap: 2.9rem;
    grid-row-gap: 2.9rem;
    padding: 0;
  }

  .contact-text {
    max-width: 100%;
  }

  .buyacoffee {
    font-size: 0.8rem;
  }

  .get-in-touch {
    font-size: .8rem;
    position: relative;
  }

  .footer-text {
    max-width: 100%;
  }

  .merch-container.u-container {
    justify-content: center;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    overflow: hidden;
  }

  .heading-1.merch-comingsoon {
    align-self: center;
    font-size: 1.5rem;
    line-height: 130%;
    position: relative;
  }

  .heading-3.merch-comingsoon {
    align-self: center;
    font-size: 0.5rem;
    line-height: 130%;
    position: relative;
    text-align: center;
  }

  .merch-stars.stars1 {
    top: 18%;
    left: 7%;
  }

  .merch-stars.stars2 {
    top: 67%;
  }

  .facesbehindlenses-container.u-container {
    grid-column-gap: 7.3rem;
    grid-row-gap: 7.3rem;
    justify-content: space-between;
    align-items: center;
    max-height: none;
    padding-top: .5rem;
    padding-bottom: .5rem;
    overflow: hidden;
  }

  .fbl-about-container.sonia {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .fbl-about-container.barbara {
    flex-flow: column;
    justify-content: center;
    align-self: auto;
    align-items: flex-end;
  }

  .fbl-headingtext {
    text-align: left;
  }

  .fbl-headingtext.h2 {
    text-align: right;
  }

  .fbl-image.sonia, .fbl-image.barabara {
    max-width: 80%;
  }
  .fbl-about-container.barbara .fbl-about-text{order: 2}

  .fbl-bodytext.sonia {
    text-align: left;
    font-size: .8rem;
  }

  .fbl-bodytext.barbara {
    font-size: .8rem;
    text-align: right;
  }

  .fbl-about-text {
    max-width: 100%;
  }

  .fbl-bg-images.venenzula {
    max-width: 30%;
    inset: auto auto 40% 0%;
  }

  .fbl-bg-images.himalaya {
    align-self: auto;
    max-width: 30%;
    inset: 2% 0% 0% auto;
  }

  .email {
    font-size: 1rem;
  }

  .tales-of-two-lenses {
    max-width: 100%;
  }

  .hamburger {
    z-index: 2;
    display: flex;
    position: relative
  }

  .hamburger_line {
    width: 1.5rem;
    height: .08rem;
    overflow: hidden;transition: 300ms ease;
  }
  .navbar.show .hamburger_line{position:absolute;top:50%;right: 50%;}
  .navbar.show .hamburger_line:nth-of-type(2){transform: scale(0);opacity: 0;}
  .navbar.show .hamburger_line:nth-of-type(1){rotate: 45deg;transform: scaleX(1.2);}
  .navbar.show .hamburger_line:nth-of-type(3){rotate: -45deg;transform: scaleX(1.2);}
  .navbar.fix{position: relative;}

  .nav-menu {
    flex-direction: column;
  }

  .nav-button-wrapper {
    width: auto;
  }

  /* .title-section {
    padding-top: 135px;
  } */

  .title-section.cc-detail {
    padding-top: 20px;
  }

  .h1 {
    font-size: 20px;
    line-height: 24px;
  }
}
@keyframes slideIn {
  0%{top:-100vh;opacity: 0;}
  100%{top:0;opacity: 1;}
}

@font-face {
  font-family: 'Northwell Alt';
  src: url('../fonts/Northwell-Alt.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monalliza';
  src: url('../fonts/Monalliza-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}