.page-wrapper,
.page-wrapper * {
  box-sizing: border-box;
}
.page-wrapper {
  background: #ffffff;
  padding: 19px 25px 43px 25px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
  padding-top: 100px;
}
.container {
  display: flex;
  flex-direction: row;
  gap: 58px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container2 {
  padding: 8px 10px 8px 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.menu-item {
  color: #000000;
  text-align: left;
  font-family: var(--menu-font-family, "PpEditorialOld-Bold", sans-serif);
  font-size: var(--menu-font-size, 40px);
  line-height: var(--menu-line-height, 130%);
  letter-spacing: var(--menu-letter-spacing, -0.5px);
  font-weight: var(--menu-font-weight, 700);
  position: relative;
}
._2-col-header {
  display: flex;
  flex-direction: row;
  row-gap: 47px;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container3 {
  padding: 8px 0px 8px 0px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 799px;
  min-width: 450px;
  position: relative;
}
.title {
  color: #000000;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 72px;
  line-height: 130%;
  letter-spacing: -0.5px;
  font-weight: 400;
  position: relative;
}
.title-span {
  color: #000000;
  font-family: var(--bold-text-font-family, "PpEditorialOld-Bold", sans-serif);
  font-size: var(--bold-text-font-size, 72px);
  line-height: var(--bold-text-line-height, 130%);
  letter-spacing: var(--bold-text-letter-spacing, -0.5px);
  font-weight: var(--bold-text-font-weight, 700);
}
.title-span2 {
  color: #000000;
  font-family: "PpEditorialOld-Regular", sans-serif;
  font-size: 72px;
  line-height: 130%;
  letter-spacing: -0.5px;
  font-weight: 400;
}
.title-span3 {
  color: #000000;
  font-family: var(
    --italic-main-text-font-family,
    "PpEditorialOld-Italic",
    sans-serif
  );
  font-size: var(--italic-main-text-font-size, 72px);
  line-height: var(--italic-main-text-line-height, 130%);
  letter-spacing: var(--italic-main-text-letter-spacing, -0.5px);
  font-weight: var(--italic-main-text-font-weight, 400);
  font-style: var(--italic-main-text-font-style, italic);
}
.email {
  color: #000000;
  text-align: left;
  font-family: var(
    --small-text-font-family,
    "PpEditorialOld-Regular",
    sans-serif
  );
  font-size: var(--small-text-font-size, 30px);
  line-height: var(--small-text-line-height, 130%);
  letter-spacing: var(--small-text-letter-spacing, -0.5px);
  font-weight: var(--small-text-font-weight, 400);
  text-decoration: underline;
  position: relative;
}
.container4 {
  padding: 8px 0px 8px 0px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 650px;
  position: relative;
}
.description {
  color: #000000;
  text-align: left;
  font-family: var(
    --main-text-font-family,
    "PpEditorialOld-Regular",
    sans-serif
  );
  font-size: var(--main-text-font-size, 72px);
  line-height: var(--main-text-line-height, 130%);
  letter-spacing: var(--main-text-letter-spacing, -0.5px);
  font-weight: var(--main-text-font-weight, 400);
  position: relative;
  flex: 1;
}
._2-col-cases-normal {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1171275351 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  min-width: 650px;
  position: relative;
}
.image-vertical-1 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.simplexity {
  flex: 1;
  height: 944.79px;
  position: relative;
  object-fit: cover;
  background-size: cover;
  aspect-ratio: 860/944.79;
}
.case-description {
  padding: 10px 0px 10px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 104px;
  position: relative;
}
.title2 {
  color: #000000;
  text-align: left;
  font-family: var(
    --case-headline-font-family,
    "PpEditorialOld-Bold",
    sans-serif
  );
  font-size: var(--case-headline-font-size, 29px);
  line-height: var(--case-headline-line-height, 130%);
  letter-spacing: var(--case-headline-letter-spacing, -0.5px);
  font-weight: var(--case-headline-font-weight, 700);
  position: relative;
  width: 710px;
}
.subtitle {
  color: #000000;
  text-align: left;
  font-family: var(
    --case-description-font-family,
    "PpEditorialOld-Italic",
    sans-serif
  );
  font-size: var(--case-description-font-size, 29px);
  line-height: var(--case-description-line-height, 130%);
  letter-spacing: var(--case-description-letter-spacing, -0.5px);
  font-weight: var(--case-description-font-weight, 400);
  font-style: var(--case-description-font-style, italic);
  position: relative;
  width: 710px;
}

.case-link:hover .subtitle {
  color: #ff5c00;
  transition: color 0s;
}
.frame-1171275350 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 650px;
  position: relative;
}
.image-horizontal-1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.moncup-1 {
  background: linear-gradient(to left, #d1d0d3, #d1d0d3);
  align-self: stretch;
  flex-shrink: 0;
  height: 605px;
  position: relative;
  object-fit: cover;
  background-size: cover;
  aspect-ratio: 650/605;
}
.case-description2 {
  padding: 10px 0px 10px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 96px;
  position: relative;
}
._1-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}
.frame-1171275352 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}
.image-horizontal-2 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}
.polyhedron-1 {
  align-self: stretch;
  flex-shrink: 0;
  height: 885.71px;
  position: relative;
  object-fit: cover;
  background-size: cover;
  aspect-ratio: 1550/885.71;
}
.case-description3 {
  padding: 10px 0px 10px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._2-col-cases-inverted {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container5 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  min-width: 680px;
  max-width: 680px;
  position: relative;
}
.frame-1171275355 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
}
.frame-1171275354 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.zlata {
  align-self: stretch;
  flex-shrink: 0;
  height: 632.92px;
  position: relative;
  object-fit: cover;
  background-size: cover;
  aspect-ratio: 680/632.92;
}
.title3 {
  color: #000000;
  text-align: left;
  font-family: var(
    --case-headline-font-family,
    "PpEditorialOld-Bold",
    sans-serif
  );
  font-size: var(--case-headline-font-size, 29px);
  line-height: var(--case-headline-line-height, 130%);
  letter-spacing: var(--case-headline-letter-spacing, -0.5px);
  font-weight: var(--case-headline-font-weight, 700);
  position: relative;
  width: 844px;
}

.case-link:hover .title3 {
  color: #ff5c00;
  transition: color 0s;
}
.author {
  color: #b6b6b6;
  text-align: left;
  font-family: var(
    --disclaimer-font-family,
    "PpEditorialOld-Regular",
    sans-serif
  );
  font-size: var(--disclaimer-font-size, 18px);
  line-height: var(--disclaimer-line-height, 120%);
  font-weight: var(--disclaimer-font-weight, 400);
  position: relative;
  width: 119px;
  height: 34px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.case-link:hover .author {
  color: #ff5c00;
  transition: color 0s;
}
.container6 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  min-width: 650px;
  position: relative;
}
.frame-1171275356 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.sbmrne-merch {
  align-self: stretch;
  flex-shrink: 0;
  height: 911.83px;
  position: relative;
  object-fit: cover;
  background-size: cover;
  aspect-ratio: 830/911.83;
}
.container7 {
  display: flex;
  flex-direction: column;
  gap: 31px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.description2 {
  color: #000000;
  text-align: left;
  font-family: var(
    --main-text-font-family,
    "PpEditorialOld-Regular",
    sans-serif
  );
  font-size: var(--main-text-font-size, 72px);
  line-height: var(--main-text-line-height, 130%);
  letter-spacing: var(--main-text-letter-spacing, -0.5px);
  font-weight: var(--main-text-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.perspectiva {
  align-self: stretch;
  flex-shrink: 0;
  height: 885.71px;
  position: relative;
  object-fit: cover;
  background-size: cover;
  aspect-ratio: 1550/885.71;
}
.simplexity {
  flex: 1;
  height: 944.79px;
  position: relative;
  object-fit: cover;
  background-size: cover;
  aspect-ratio: 860/944.79;
}
.bering-pro {
  align-self: stretch;
  flex-shrink: 0;
  height: 605px;
  position: relative;
  object-fit: cover;
  background-size: cover;
  aspect-ratio: 650/605;
}
.textile {
  align-self: stretch;
  flex-shrink: 0;
  height: 885.71px;
  position: relative;
  object-fit: cover;
  background-size: cover;
  aspect-ratio: 1550/885.71;
}
.hr-bering-bilboard {
  align-self: stretch;
  flex-shrink: 0;
  height: 632.92px;
  position: relative;
  object-fit: cover;
  background-size: cover;
  aspect-ratio: 680/632.92;
}
.case-description-disclaimer {
  padding: 10px 0px 10px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.title4 {
  color: #000000;
  text-align: left;
  font-family: var(
    --case-headline-font-family,
    "PpEditorialOld-Bold",
    sans-serif
  );
  font-size: var(--case-headline-font-size, 29px);
  line-height: var(--case-headline-line-height, 130%);
  letter-spacing: var(--case-headline-letter-spacing, -0.5px);
  font-weight: var(--case-headline-font-weight, 700);
  position: relative;
}
.subtitle2 {
  color: #000000;
  text-align: left;
  font-family: var(
    --case-description-font-family,
    "PpEditorialOld-Italic",
    sans-serif
  );
  font-size: var(--case-description-font-size, 29px);
  line-height: var(--case-description-line-height, 130%);
  letter-spacing: var(--case-description-letter-spacing, -0.5px);
  font-weight: var(--case-description-font-weight, 400);
  font-style: var(--case-description-font-style, italic);
  position: relative;
}
.free-backside-t-shirt-mockup-1 {
  align-self: stretch;
  flex-shrink: 0;
  height: 911.83px;
  position: relative;
  object-fit: cover;
  background-size: cover;
  aspect-ratio: 830/911.83;
}
._2-col-cases-text {
  padding: 4px 0px 4px 0px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.headline-case-italic {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.headline-sbmrne {
  color: #000000;
  text-align: left;
  font-family: var(
    --italic-main-text-font-family,
    "PpEditorialOld-Italic",
    sans-serif
  );
  font-size: var(--italic-main-text-font-size, 72px);
  line-height: var(--italic-main-text-line-height, 130%);
  letter-spacing: var(--italic-main-text-letter-spacing, -0.5px);
  font-weight: var(--italic-main-text-font-weight, 400);
  font-style: var(--italic-main-text-font-style, italic);
  position: relative;
  flex: 1;
}
.frame-1171275357 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1171275359 {
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  min-width: 650px;
  position: relative;
}
.sbmrne-collage-1 {
  flex: 1;
  height: 1372.17px;
  position: relative;
  object-fit: cover;
  background-size: cover;
  aspect-ratio: 1060/1372.17;
}
.container8 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  flex-shrink: 0;
  width: 450px;
  min-width: 450px;
  position: relative;
}
.description3 {
  color: #000000;
  text-align: left;
  font-family: var(
    --small-main-text-font-family,
    "PpEditorialOld-Regular",
    sans-serif
  );
  font-size: var(--small-main-text-font-size, 36px);
  line-height: var(--small-main-text-line-height, 130%);
  letter-spacing: var(--small-main-text-letter-spacing, -0.5px);
  font-weight: var(--small-main-text-font-weight, 400);
  position: relative;
  width: 400px;
}
._2-col-cases-text2 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1171275358 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.headline-sbmrne2 {
  color: #000000;
  text-align: left;
  font-family: var(
    --italic-main-text-font-family,
    "PpEditorialOld-Italic",
    sans-serif
  );
  font-size: var(--italic-main-text-font-size, 72px);
  line-height: var(--italic-main-text-line-height, 130%);
  letter-spacing: var(--italic-main-text-letter-spacing, -0.5px);
  font-weight: var(--italic-main-text-font-weight, 400);
  font-style: var(--italic-main-text-font-style, italic);
  position: relative;
  align-self: stretch;
}
.author2 {
  color: #b6b6b6;
  text-align: left;
  font-family: var(
    --disclaimer-big-font-family,
    "PpEditorialOld-Regular",
    sans-serif
  );
  font-size: var(--disclaimer-big-font-size, 35px);
  line-height: var(--disclaimer-big-line-height, 120%);
  letter-spacing: var(--disclaimer-big-letter-spacing, -0.5px);
  font-weight: var(--disclaimer-big-font-weight, 400);
  position: relative;
  width: 360px;
  height: 45px;
}
.frame-11712753592 {
  padding: 10px 0px 10px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  min-width: 650px;
  position: relative;
}
.sbmrne-collage-12 {
  flex: 1;
  height: 1398.06px;
  position: relative;
  object-fit: cover;
  background-size: cover;
  aspect-ratio: 1080/1398.06;
}
.container9 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  flex-shrink: 0;
  width: 450px;
  min-width: 450px;
  position: relative;
}
.art-direction {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container10 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.description4 {
  color: #000000;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 72px;
  line-height: 130%;
  letter-spacing: -0.5px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.description-4-span {
  color: #000000;
  font-family: var(
    --italic-main-text-font-family,
    "PpEditorialOld-Italic",
    sans-serif
  );
  font-size: var(--italic-main-text-font-size, 72px);
  line-height: var(--italic-main-text-line-height, 130%);
  letter-spacing: var(--italic-main-text-letter-spacing, -0.5px);
  font-weight: var(--italic-main-text-font-weight, 400);
  font-style: var(--italic-main-text-font-style, italic);
}
.description-4-span2 {
  color: #000000;
  font-family: var(
    --main-text-font-family,
    "PpEditorialOld-Regular",
    sans-serif
  );
  font-size: var(--main-text-font-size, 72px);
  line-height: var(--main-text-line-height, 130%);
  letter-spacing: var(--main-text-letter-spacing, -0.5px);
  font-weight: var(--main-text-font-weight, 400);
}
.container11 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin-bottom: 70px;
}
.bering-pro-video-link {
  color: #000000;
  text-align: left;
  font-family: var(--menu-font-family, "PpEditorialOld-Bold", sans-serif);
  font-size: var(--menu-font-size, 40px);
  line-height: var(--menu-line-height, 130%);
  letter-spacing: var(--menu-letter-spacing, -0.5px);
  font-weight: var(--menu-font-weight, 700);
  text-decoration: underline;
  position: relative;
  width: 248px;
}
.sst-landing-link {
  color: #000000;
  text-align: left;
  font-family: var(--menu-font-family, "PpEditorialOld-Bold", sans-serif);
  font-size: var(--menu-font-size, 40px);
  line-height: var(--menu-line-height, 130%);
  letter-spacing: var(--menu-letter-spacing, -0.5px);
  font-weight: var(--menu-font-weight, 700);
  text-decoration: underline;
  position: relative;
  flex: 1;
}
.container12 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.title5 {
  color: var(--black, #1d1d1d);
  text-align: left;
  font-family: var(
    --bold-text-font-family,
    "PpEditorialOld-Regular",
    sans-serif
  );
  font-size: var(--bold-text-font-size, 72px);
  line-height: var(--bold-text-line-height, 130%);
  letter-spacing: var(--bold-text-letter-spacing, -0.5px);
  font-weight: var(--bold-text-font-weight, 400);
  position: relative;
}
.container13 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container14 {
  display: flex;
  flex-direction: row;
  gap: 58px;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  padding: 15px 0;
  flex-shrink: 0;
  position: relative;
  background: #ffffff;
  width: 100%;
  margin: 0;
}

/* Fixed menu bar */
.container:first-child {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  z-index: 100;
  padding: 15px 25px;
}

/* Footer styles */
.container14 {
  display: flex;
  flex-direction: row;
  gap: 58px;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  padding: 15px 0;
  flex-shrink: 0;
  position: relative;
  background: #ffffff;
  width: 100%;
  margin: 0;
}

/* Responsive styles */
@media (max-width: 1000px) {
  .page-wrapper {
    padding-top: 90px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    gap: 40px;
  }

  /* Ensure menu and footer stay horizontal on tablet */
  .container {
    flex-direction: row;
    justify-content: flex-start;
    gap: 40px;
  }

  .container14 {
    flex-direction: row;
    gap: 40px;
  }

  ._2-col-header {
    flex-direction: column;
    gap: 30px;
  }

  .container3 {
    width: 100%;
    min-width: auto;
  }

  .container4 {
    width: 100%;
  }

  .title {
    font-size: 60px;
  }

  .title-span {
    font-size: 60px;
  }

  .title-span3 {
    font-size: 60px;
  }

  .description {
    font-size: 60px;
  }

  ._2-col-cases-normal,
  ._2-col-cases-inverted {
    flex-direction: column;
    gap: 30px;
  }

  .frame-1171275351,
  .frame-1171275350 {
    min-width: auto;
    width: 100%;
  }

  .container5,
  .container6 {
    min-width: auto;
    max-width: none;
    width: 100%;
  }

  .frame-1171275357 {
    flex-direction: column;
  }

  .frame-1171275359,
  .frame-11712753592 {
    min-width: auto;
    width: 100%;
  }

  .container8,
  .container9 {
    width: 100%;
    min-width: auto;
    padding: 15px 0;
  }

  .description3 {
    width: 100%;
  }

  .description2 {
    font-size: 60px;
  }

  .headline-sbmrne,
  .headline-sbmrne2 {
    font-size: 60px;
  }

  .description4 {
    font-size: 60px;
  }

  .description-4-span,
  .description-4-span2 {
    font-size: 60px;
  }

  .container11 {
    flex-direction: row;
    gap: 30px;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .title2, .title3, .title4 {
    width: 100%;
  }

  .subtitle, .subtitle2 {
    width: 100%;
  }

  /* Preserve exact proportions from original CSS */
  .simplexity {
    aspect-ratio: 860/944.79;
  }

  .moncup-1 {
    aspect-ratio: 650/605;
  }

  .polyhedron-1 {
    aspect-ratio: 1550/885.71;
  }

  .zlata {
    aspect-ratio: 680/632.92;
  }

  .sbmrne-merch {
    aspect-ratio: 830/911.83;
  }

  .perspectiva {
    aspect-ratio: 1550/885.71;
    width: 100%;
    object-fit: cover;
  }

  .simplexity {
    aspect-ratio: 860/944.79;
  }

  .bering-pro {
    aspect-ratio: 650/605;
  }

  .textile {
    aspect-ratio: 1550/885.71;
    width: 100%;
    object-fit: cover;
  }

  .hr-bering-bilboard {
    aspect-ratio: 680/632.92;
  }

  .free-backside-t-shirt-mockup-1 {
    aspect-ratio: 830/911.83;
  }

  .sbmrne-collage-1 {
    aspect-ratio: 1060/1372.17;
  }

  .sbmrne-collage-12 {
    aspect-ratio: 1080/1398.06;
  }

  /* Make sure image containers don't force incorrect cropping */
  .image-vertical-1,
  .image-horizontal-1,
  .image-horizontal-2,
  .frame-1171275354,
  .frame-1171275359,
  .frame-11712753592 {
    height: auto !important;
  }

  .container:first-child,
  .container14 {
    padding: 15px 0;
  }
}

@media (max-width: 767px) {
  .page-wrapper {
    padding-top: 80px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    gap: 30px;
  }
  
  /* Keep menu bar horizontal and left-aligned */
  .container {
    flex-direction: row;
    justify-content: flex-start;
    gap: 30px;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto; /* Allow horizontal scrolling if needed */
    padding-left: 5px; /* Consistent left padding */
  }
  
  .container2 {
    padding: 8px 5px;
  }
  
  .menu-item {
    font-size: 24px;
    white-space: nowrap;
    padding: 8px 5px; /* Add padding for better touch target */
  }
  
  .container14 .menu-item {
    padding: 10px 5px; /* Slightly more padding for footer items */
  }
  
  /* Make sure links are clearly tappable */
  .email,
  .bering-pro-video-link,
  .sst-landing-link {
    display: inline-block;
    padding: 5px 0;
  }
  
  /* Keep footer horizontal and left-aligned */
  .container14 {
    flex-direction: row;
    gap: 30px;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto; /* Allow horizontal scrolling if needed */
    padding-left: 5px; /* Consistent left padding */
  }
  
  br {
    display: none;
  }
  
  .email {
    font-size: 22px;
  }
  
  img {
    min-height: 200px;
  }
  
  .case-description,
  .case-description2,
  .case-description3,
  .case-description-disclaimer {
    padding: 15px 0px;
  }

  ._2-col-header {
    flex-direction: column;
    gap: 30px;
  }

  .title {
    font-size: 40px;
  }

  .title-span {
    font-size: 40px;
  }

  .title-span3 {
    font-size: 40px;
  }

  .email {
    font-size: 20px;
  }

  .description {
    font-size: 40px;
  }

  /* Preserve original proportions - remove any max-height constraints that could cause cropping */
  .simplexity, 
  .moncup-1,
  .polyhedron-1,
  .zlata,
  .sbmrne-merch,
  .perspectiva,
  .simplexity,
  .bering-pro,
  .textile,
  .hr-bering-bilboard,
  .free-backside-t-shirt-mockup-1,
  .sbmrne-collage-1,
  .sbmrne-collage-12 {
    width: 100%;
    height: auto;
    max-height: none; /* Remove max-height limits to prevent cropping */
  }

  /* Maintain original aspect ratios */
  .simplexity {
    aspect-ratio: 860/944.79;
  }

  .moncup-1 {
    aspect-ratio: 650/605;
  }

  .polyhedron-1 {
    aspect-ratio: 1550/885.71;
  }

  .zlata {
    aspect-ratio: 680/632.92;
  }

  .sbmrne-merch {
    aspect-ratio: 830/911.83;
  }

  .perspectiva {
    aspect-ratio: 1550/885.71;
  }

  .simplexity {
    aspect-ratio: 860/944.79;
  }

  .bering-pro {
    aspect-ratio: 650/605;
  }

  .textile {
    aspect-ratio: 1550/885.71;
  }

  .hr-bering-bilboard {
    aspect-ratio: 680/632.92;
  }

  .free-backside-t-shirt-mockup-1 {
    aspect-ratio: 830/911.83;
  }

  .sbmrne-collage-1 {
    aspect-ratio: 1060/1372.17;
  }

  .sbmrne-collage-12 {
    aspect-ratio: 1080/1398.06;
  }

  /* Ensure the image container itself doesn't constrain the images incorrectly */
  .image-vertical-1,
  .image-horizontal-1,
  .image-horizontal-2,
  .frame-1171275354,
  .frame-1171275359,
  .frame-11712753592 {
    height: auto !important;
    max-height: none !important;
  }

  .title2, .title3, .title4 {
    font-size: 24px;
  }

  .subtitle, .subtitle2 {
    font-size: 24px;
  }

  .description2 {
    font-size: 36px;
  }

  .headline-sbmrne, 
  .headline-sbmrne2 {
    font-size: 36px;
  }

  .author2 {
    font-size: 24px;
    width: 100%;
    height: auto;
  }

  .description3 {
    font-size: 24px;
  }

  .description4 {
    font-size: 36px;
  }

  .description-4-span,
  .description-4-span2 {
    font-size: 36px;
  }

  .bering-pro-video-link,
  .sst-landing-link {
    font-size: 28px;
    width: auto; /* Allow natural width instead of 100% */
    margin-right: 10px; /* Space between links */
  }

  .title5 {
    font-size: 40px;
  }

  /* Additional container11 styles specific to mobile */
  .container11 {
    gap: 20px;
    padding-left: 5px; /* Consistent left padding */
  }

  .container:first-child,
  .container14 {
    padding: 15px 0;
    gap: 30px;
  }
  
  .container:first-child,
  .container14 {
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
  }
}

/* Additional responsive improvements */
@media (min-width: 1001px) and (max-width: 1440px) {
  .title,
  .title-span,
  .title-span3,
  .description,
  .description2,
  .description4,
  .description-4-span,
  .description-4-span2 {
    font-size: 60px;
  }
}

@media (min-width: 1441px) {
  .page-wrapper {
    max-width: 1800px;
    margin: 0 auto;
  }
}

/* Fix for image container overflow on all screen sizes */
.image-vertical-1,
.image-horizontal-1,
.image-horizontal-2,
.frame-1171275354,
.frame-1171275359,
.frame-11712753592 {
  overflow: hidden;
}

/* Fix for potential text overflow */
.title2,
.title3,
.title4,
.subtitle,
.subtitle2,
.description3 {
  max-width: 100%;
  word-wrap: break-word;
}

/* Ensure all images maintain proper aspect ratio */
img {
  max-width: 100%;
  height: auto !important;
  object-fit: cover !important;
  background-size: cover !important;
}

/* Fix for container heights on responsive layouts */
.frame-1171275355 {
  height: auto;
}

/* Remove specific line break after "crafted brand," */
.description br:first-of-type {
  display: none;
}

/* Additional safeguards for image containers to prevent cropping */
.image-vertical-1,
.image-horizontal-1,
.image-horizontal-2,
.frame-1171275354,
.frame-1171275359,
.frame-11712753592 {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  width: 100% !important;
}

/* Ensure picture elements take full width */
picture {
  width: 100%;
  display: block;
}

/* Remove old cursor styles */
* {
  cursor: default;
}

a, 
a:hover, 
a:active, 
a:focus {
  cursor: pointer;
}

/* Link hover styles - orange color on hover but excluding navigation */
a:hover:not(.menu-item) {
    color: #FF6600 !important;
    text-decoration: underline !important;
    transition: color 0.3s ease, text-decoration 0.3s ease;
}

/* Add hover effect to menu items */
.menu-item:hover {
    color: #FF6600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* Add hover effect to email link */
.email a:hover {
    color: #FF6600 !important;
    text-decoration: underline !important;
    transition: color 0.3s ease, text-decoration 0.3s ease;
}

/* Add hover effect to video and landing links */
.bering-pro-video-link:hover,
.sst-landing-link:hover {
    color: #FF6600 !important;
    text-decoration: underline !important;
    transition: color 0.3s ease, text-decoration 0.3s ease;
}

/* Add hover effect to footer menu items */
.container14 .menu-item:hover {
    color: #FF6600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}