html,
body.doob-editorial-page {
  min-width: 320px;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.doob-editorial-main,
.doob-editorial-main * {
  box-sizing: border-box;
}

.doob-editorial-main picture,
.doob-editorial-main picture img {
  display: block;
}

.doob-editorial-main picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.doob-editorial-main h1,
.doob-editorial-main h2,
.doob-editorial-main p {
  margin-top: 0;
}

.doob-editorial-main h1,
.doob-editorial-main h2 {
  color: #41444e;
  font-family: "Bebas", Arial, sans-serif;
  font-weight: 700;
  line-height: 1;
}

.doob-branding-main {
  color: #535353;
  background: #fff;
}

.doob-branding-main em,
.doob-branding-main i {
  font-style: normal;
}

.doob-branding-overview {
  min-height: 1002px;
  padding: 37px 20px 128px;
  background: #fff;
}

.doob-branding-overview h1 {
  width: min(640px, 100%);
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
  font-size: 60px;
  text-align: center;
}

.doob-branding-overview .doob-branding-overview__lead {
  width: min(489px, 100%);
  margin: 23px auto 0;
  font: 400 14px/21.6px Montserrat, Arial, sans-serif;
  text-align: center;
}

.doob-branding-methods {
  display: grid;
  grid-template-columns: repeat(4, 220px);
  gap: 38px 71px;
  justify-content: center;
  width: min(1093px, 100%);
  margin: 41px auto 0;
}

.doob-branding-method {
  display: block;
  color: #535353;
  text-align: center;
  text-decoration: none;
}

.doob-branding-method__picture {
  width: 220px;
  height: 220px;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgb(0 0 0 / 16%);
}

.doob-branding-method h2 {
  margin: 20px 0 0;
  color: #4a4b50;
  font-size: 35px;
  transition: color 0.2s ease;
}

.doob-branding-method p {
  min-height: 22px;
  margin: 7px -20px 0;
  color: #535353;
  font: 400 14px/21.6px Montserrat, Arial, sans-serif;
}

.doob-branding-method:hover h2,
.doob-branding-method:focus-visible h2 {
  color: #171717;
}

.doob-branding-method:focus-visible {
  outline: 2px solid #41444e;
  outline-offset: 8px;
}

.doob-branding-intro {
  min-height: 672px;
  padding: 68px 20px 78px;
  background: #fafafa;
  box-shadow: 0 3px 5px rgb(0 0 0 / 16%);
}

.doob-branding-intro h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  text-align: center;
}

.doob-branding-intro__copy {
  width: min(600px, 100%);
  margin: 27px auto 0;
  font: 400 14px/21.6px Montserrat, Arial, sans-serif;
  text-align: center;
}

.doob-branding-intro__copy p {
  margin-bottom: 23px;
}

.doob-branding-intro__copy p:last-child {
  margin-bottom: 0;
}

.doob-branding-collage {
  height: 540px;
  overflow: hidden;
  background: #fff;
}

.doob-branding-collage__gallery {
  position: relative;
  width: 1130px;
  height: 540px;
  margin: 0 auto;
}

.doob-branding-collage__gallery .doob-editorial-gallery__item {
  position: absolute;
  width: 200px;
  height: 250px;
  overflow: hidden;
}

.doob-branding-collage__gallery .doob-editorial-gallery__item--1 { top: 75px; left: 0; }
.doob-branding-collage__gallery .doob-editorial-gallery__item--2 { top: 145px; left: 160px; }
.doob-branding-collage__gallery .doob-editorial-gallery__item--3 { top: 75px; left: 310px; }
.doob-branding-collage__gallery .doob-editorial-gallery__item--4 { top: 230px; left: 310px; }
.doob-branding-collage__gallery .doob-editorial-gallery__item--5 { top: 140px; left: 460px; }
.doob-branding-collage__gallery .doob-editorial-gallery__item--6 { top: 75px; left: 630px; }
.doob-branding-collage__gallery .doob-editorial-gallery__item--7 { top: 230px; left: 630px; }
.doob-branding-collage__gallery .doob-editorial-gallery__item--8 { top: 140px; left: 770px; }
.doob-branding-collage__gallery .doob-editorial-gallery__item--9 { top: 75px; left: 930px; }

.doob-branding-detail {
  scroll-margin-top: 24px;
  padding: 50px 20px 58px;
  background: #f5f5f5;
  box-shadow: 0 3px 5px rgb(0 0 0 / 20%);
}

.doob-branding-detail h2 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  text-align: center;
}

.doob-mobile-line-break {
  display: inline;
}

.doob-branding-detail__copy {
  color: #606060;
  font: 400 14px/21.6px Montserrat, Arial, sans-serif;
}

.doob-branding-detail__copy p {
  margin-bottom: 20px;
}

.doob-branding-detail__copy p:last-child {
  margin-bottom: 0;
}

.doob-branding-detail--hot {
  min-height: 1060px;
  padding-top: 53px;
}

.doob-branding-detail--hot h2 {
  font-size: 60px;
}

.doob-branding-detail__gallery--hot {
  position: relative;
  width: min(1120px, 100%);
  height: 320px;
  margin: 33px auto 0;
}

.doob-branding-detail__gallery--hot .doob-editorial-gallery__item {
  position: absolute;
  width: 300px;
  height: 300px;
  overflow: hidden;
  box-shadow: 0 3px 5px rgb(0 0 0 / 22%);
}

.doob-branding-detail__gallery--hot .doob-editorial-gallery__item--1 { top: 0; left: 0; }
.doob-branding-detail__gallery--hot .doob-editorial-gallery__item--2 { top: 20px; left: 270px; }
.doob-branding-detail__gallery--hot .doob-editorial-gallery__item--3 { top: 0; right: 270px; }
.doob-branding-detail__gallery--hot .doob-editorial-gallery__item--4 { top: 20px; right: 0; }

.doob-branding-detail--hot .doob-branding-detail__copy {
  width: min(511px, 100%);
  margin: 34px auto 0;
  font: 400 14px/21.6px Montserrat, Arial, sans-serif;
  text-align: center;
}

.doob-branding-detail__layout {
  display: grid;
  grid-template-columns: 320px 531px;
  gap: 42px;
  align-items: start;
  width: min(893px, 100%);
  margin: 45px auto 0;
}

.doob-branding-detail__gallery--pair {
  position: relative;
  width: 320px;
  height: 535px;
}

.doob-branding-detail__gallery--pair .doob-editorial-gallery__item {
  position: absolute;
  width: 300px;
  height: 300px;
  box-shadow: 0 3px 5px rgb(0 0 0 / 22%);
}

.doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 { top: 0; left: 0; }
.doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 { top: 235px; left: 25px; }

.doob-branding-detail--split {
  min-height: 761px;
  padding-top: 56px;
}

.doob-branding-detail--laser {
  min-height: 697px;
  padding-top: 40px;
}

.doob-branding-detail__laser-stage {
  position: relative;
  width: min(1210px, 100%);
  min-height: 550px;
  margin: 25px auto 0;
}

.doob-branding-detail__gallery--laser {
  position: absolute;
  inset: 0;
}

.doob-branding-detail__gallery--laser .doob-editorial-gallery__item {
  position: absolute;
  width: 300px;
  height: 300px;
  box-shadow: 0 3px 5px rgb(0 0 0 / 22%);
}

.doob-branding-detail__gallery--laser .doob-editorial-gallery__item--1 { top: 0; left: 0; }
.doob-branding-detail__gallery--laser .doob-editorial-gallery__item--2 { top: 215px; left: 30px; }
.doob-branding-detail__gallery--laser .doob-editorial-gallery__item--3 { top: 0; right: 0; }
.doob-branding-detail__gallery--laser .doob-editorial-gallery__item--4 { top: 215px; right: 30px; }

.doob-branding-detail__laser-stage .doob-branding-detail__copy {
  position: relative;
  z-index: 1;
  width: min(511px, 100%);
  margin: 0 auto;
  padding-top: 35px;
  text-align: center;
}

.doob-branding-detail--burning {
  min-height: 685px;
  padding-top: 38px;
}

.doob-branding-detail--burning .doob-branding-detail__layout {
  margin-top: 36px;
}

.doob-leather-main {
  color: #4d4d4d;
  background: #fff;
}

.doob-leather-hero,
.doob-leather-section {
  padding-right: 20px;
  padding-left: 20px;
  background: #fff;
}

.doob-leather-hero {
  min-height: 416px;
  padding-top: 51px;
  padding-bottom: 38px;
}

.doob-leather-hero h1,
.doob-leather-section h2 {
  margin-bottom: 0;
  font-size: 60px;
  text-align: center;
}

.doob-leather-hero p,
.doob-leather-section > p {
  width: min(538px, 100%);
  margin: 27px auto 0;
  font: 400 14px/21.6px Montserrat, Arial, sans-serif;
  text-align: center;
}

.doob-leather-section {
  overflow: hidden;
}

.doob-leather-section--crust {
  min-height: 756px;
  padding-top: 54px;
  padding-bottom: 73px;
}

.doob-leather-gallery picture {
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 3px 5px rgb(0 0 0 / 22%);
}

.doob-leather-reveal.doob-leather-reveal-ready {
  opacity: 0;
  transform: translate3d(-100px, 0, 0);
  transition:
    opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1),
    transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: opacity, transform;
}

.doob-leather-reveal.doob-leather-reveal-ready.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  .doob-leather-reveal.doob-leather-reveal-ready {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.doob-leather-gallery--crust {
  display: grid;
  grid-template-columns: repeat(3, 330px);
  gap: 51px;
  justify-content: center;
  width: min(1092px, 100%);
  margin: 60px auto 0;
}

.doob-leather-gallery--crust picture {
  width: 330px;
  height: 330px;
}

.doob-leather-section--crazy {
  min-height: 836px;
  padding-top: 48px;
  padding-bottom: 70px;
}

.doob-leather-gallery--crazy {
  position: relative;
  width: 1120px;
  height: 403px;
  margin: 36px auto 0;
}

.doob-leather-gallery--crazy picture,
.doob-leather-gallery--floater picture {
  width: 200px;
  height: 200px;
}

.doob-leather-gallery--crazy picture {
  position: absolute;
}

.doob-leather-gallery--crazy .doob-editorial-gallery__item--1 { top: 0; left: 111px; }
.doob-leather-gallery--crazy .doob-editorial-gallery__item--2 { top: 0; left: 341px; }
.doob-leather-gallery--crazy .doob-editorial-gallery__item--3 { top: 0; left: 571px; }
.doob-leather-gallery--crazy .doob-editorial-gallery__item--4 { top: 0; left: 801px; }
.doob-leather-gallery--crazy .doob-editorial-gallery__item--5 { top: 203px; left: 0; }
.doob-leather-gallery--crazy .doob-editorial-gallery__item--6 { top: 203px; left: 230px; }
.doob-leather-gallery--crazy .doob-editorial-gallery__item--7 { top: 203px; left: 460px; }
.doob-leather-gallery--crazy .doob-editorial-gallery__item--8 { top: 203px; left: 690px; }
.doob-leather-gallery--crazy .doob-editorial-gallery__item--9 { top: 203px; left: 920px; }

.doob-leather-section--floater {
  min-height: 866px;
  padding-top: 48px;
  padding-bottom: 73px;
}

.doob-leather-gallery--floater {
  display: grid;
  grid-template-columns: repeat(4, 200px);
  gap: 27px 30px;
  justify-content: center;
  width: min(890px, 100%);
  margin: 35px auto 0;
}

@media (max-width: 1199px) {
  .doob-branding-methods {
    grid-template-columns: repeat(4, minmax(180px, 220px));
    column-gap: 32px;
  }

  .doob-branding-method__picture {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
  }

  .doob-branding-collage__gallery {
    left: 50%;
    margin-left: -565px;
  }

  .doob-leather-gallery--crust {
    grid-template-columns: repeat(3, minmax(260px, 330px));
    gap: 30px;
  }

  .doob-leather-gallery--crust picture {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
  }

  .doob-leather-gallery--crust picture img {
    height: auto;
  }
}

@media (max-width: 959px) {
  .doob-branding-overview {
    min-height: auto;
  }

  .doob-branding-methods {
    grid-template-columns: repeat(2, 220px);
    gap: 35px 70px;
  }

  .doob-branding-detail__gallery--hot {
    width: 730px;
    height: 620px;
  }

  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--1 { top: 0; left: 50px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--2 { top: 20px; left: 380px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--3 { top: 300px; right: 380px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--4 { top: 320px; right: 50px; }

  .doob-branding-detail__layout {
    grid-template-columns: 320px minmax(0, 531px);
    gap: 30px;
  }

  .doob-branding-detail__gallery--laser {
    opacity: 0.4;
  }

  .doob-leather-gallery--crazy {
    left: 50%;
    margin-left: -560px;
  }
}

@media (max-width: 640px) {
  .doob-branding-detail__layout {
    display: block;
  }

  .doob-branding-detail__gallery--pair {
    margin: 0 auto 35px;
  }

  .doob-branding-detail__laser-stage {
    display: flex;
    flex-direction: column;
  }

  .doob-branding-detail__gallery--laser {
    position: relative;
    order: 0;
    height: 620px;
    opacity: 1;
  }

  .doob-branding-detail__laser-stage .doob-branding-detail__copy {
    order: 1;
    padding-top: 25px;
  }

  .doob-leather-gallery--crust {
    grid-template-columns: repeat(2, minmax(150px, 220px));
  }

  .doob-leather-gallery--crust picture:last-child {
    grid-column: 1 / -1;
    justify-self: center;
  }

  .doob-leather-gallery--floater {
    grid-template-columns: repeat(2, 180px);
  }
}

@media (max-width: 479px) {
  .doob-branding-overview {
    min-height: 1431px;
    padding: 53px 16px 120px;
  }

  .doob-branding-overview h1 {
    font-size: 40px;
  }

  .doob-branding-overview__lead {
    width: 342px;
    max-width: 100%;
    margin-top: 25px;
    line-height: 1.25;
  }

  .doob-branding-methods {
    grid-template-columns: repeat(2, 135px);
    gap: 32px 56px;
    width: 326px;
    margin-top: 41px;
  }

  .doob-branding-method__picture {
    width: 135px;
    height: 135px;
  }

  .doob-branding-method h2 {
    margin-top: 23px;
    font-size: 28px;
    white-space: nowrap;
  }

  .doob-branding-method p {
    min-height: 44px;
    margin: 9px -17px 0;
    font-size: 14px;
    line-height: 21.6px;
  }

  .doob-branding-intro {
    height: 888px;
    min-height: 888px;
    padding: 55px 34px 0;
  }

  .doob-branding-intro h1 {
    width: 301px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-size: 40px;
    line-height: 1;
  }

  .doob-branding-intro__copy {
    width: 311px;
    margin-top: 58px;
    font-size: 14px;
    line-height: 21.6px;
  }

  .doob-branding-intro__copy p {
    margin-bottom: 18px;
  }

  .doob-branding-collage {
    height: 486px;
  }

  .doob-branding-collage__gallery {
    left: auto;
    width: 390px;
    height: 486px;
    margin: 0 auto;
  }

  .doob-branding-collage__gallery .doob-editorial-gallery__item {
    width: 150px;
    height: 188px;
  }

  .doob-branding-collage__gallery .doob-editorial-gallery__item--1 { top: 55px; left: -26px; }
  .doob-branding-collage__gallery .doob-editorial-gallery__item--2 { top: 225px; left: -26px; }
  .doob-branding-collage__gallery .doob-editorial-gallery__item--3 { top: 100px; left: 68px; }
  .doob-branding-collage__gallery .doob-editorial-gallery__item--4 { top: 265px; left: 64px; }
  .doob-branding-collage__gallery .doob-editorial-gallery__item--5 { top: 150px; left: 35px; }
  .doob-branding-collage__gallery .doob-editorial-gallery__item--6 { top: 55px; left: 168px; }
  .doob-branding-collage__gallery .doob-editorial-gallery__item--7 { top: 225px; left: 168px; }
  .doob-branding-collage__gallery .doob-editorial-gallery__item--8 { top: 100px; left: 264px; }
  .doob-branding-collage__gallery .doob-editorial-gallery__item--9 { top: 265px; left: 264px; }

  .doob-branding-detail {
    padding-right: 20px;
    padding-left: 20px;
  }

  .doob-branding-detail h2,
  .doob-branding-detail--hot h2 {
    width: 321px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-size: 40px;
    line-height: 1;
  }

  .doob-branding-detail--hot {
    min-height: 1232px;
    padding-top: 41px;
  }

  .doob-branding-detail__gallery--hot {
    width: 390px;
    height: 500px;
    margin: 25px -20px 0;
  }

  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item {
    width: 230px;
    height: 230px;
  }

  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--1 { top: 44px; left: -5px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--2 { top: 265px; left: -5px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--3 { top: 0; right: -5px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--4 { top: 220px; right: -5px; }

  .doob-branding-detail--hot .doob-branding-detail__copy {
    width: 300px;
    margin-top: 25px;
    font-size: 14px;
    line-height: 21.6px;
  }

  .doob-branding-detail--split,
  .doob-branding-detail--laser,
  .doob-branding-detail--burning {
    padding-bottom: 0;
  }

  .doob-branding-detail--split {
    height: 1114px;
    min-height: 1114px;
    padding-top: 44px;
  }

  .doob-branding-detail--split h2 {
    width: 301px;
  }

  .doob-branding-detail--laser {
    height: 1100px;
    min-height: 1100px;
    padding-top: 25px;
  }

  .doob-branding-detail--burning {
    height: 977px;
    min-height: 977px;
    padding-top: 29px;
  }

  .doob-branding-detail__layout {
    margin-top: 37px;
  }

  .doob-branding-detail__gallery--pair {
    width: 390px;
    height: 275px;
    margin-bottom: 32px;
    margin-right: -20px;
    margin-left: -20px;
  }

  .doob-branding-detail__gallery--pair .doob-editorial-gallery__item {
    width: 230px;
    height: 230px;
  }

  .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 { top: 0; left: 4px; }
  .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 { top: 45px; left: 154px; }

  .doob-branding-detail__copy {
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    font-size: 14px;
    line-height: 21.6px;
  }

  .doob-branding-detail__copy p {
    margin-bottom: 18px;
  }

  .doob-branding-detail__gallery--laser {
    width: 390px;
    height: 500px;
    margin-right: -20px;
    margin-left: -20px;
  }

  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item {
    width: 230px;
    height: 230px;
  }

  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--1 { top: 0; left: -16px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--2 { top: 216px; left: -16px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--3 { top: 45px; right: -15px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--4 { top: 261px; right: -15px; }

  .doob-branding-detail__laser-stage {
    margin-top: 21px;
  }

  .doob-branding-detail__laser-stage .doob-branding-detail__copy {
    width: 300px;
    padding-top: 24px;
  }

  .doob-mobile-line-break {
    display: block;
  }

  .doob-leather-hero {
    min-height: 537px;
    padding: 53px 20px 35px;
  }

  .doob-leather-hero h1,
  .doob-leather-section h2 {
    font-size: 40px;
  }

  .doob-leather-hero p,
  .doob-leather-section > p {
    margin-top: 27px;
    font-size: 14px;
    line-height: 21.6px;
  }

  .doob-leather-section--crust {
    height: 767px;
    min-height: 767px;
    padding: 52px 20px 44px;
  }

  .doob-leather-gallery--crust {
    position: relative;
    display: block;
    width: 390px;
    height: 330px;
    margin: 53px -20px 0;
  }

  .doob-leather-gallery--crust picture {
    position: absolute;
    width: 170px;
    height: 170px;
  }

  .doob-leather-gallery--crust .doob-editorial-gallery__item--1 { top: 0; left: 15px; }
  .doob-leather-gallery--crust .doob-editorial-gallery__item--2 { top: 0; left: 205px; }
  .doob-leather-gallery--crust .doob-editorial-gallery__item--3 { top: 160px; left: 110px; }

  .doob-leather-section--crazy {
    min-height: 1147px;
    padding: 48px 20px 43px;
  }

  .doob-leather-section--crazy h2 {
    width: 330px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .doob-leather-gallery--crazy {
    left: auto;
    width: 320px;
    height: 645px;
    margin: 36px -20px 0;
  }

  .doob-leather-gallery--crazy picture {
    width: 150px;
    height: 150px;
  }

  .doob-leather-gallery--crazy .doob-editorial-gallery__item--1 { top: 0; left: 0; }
  .doob-leather-gallery--crazy .doob-editorial-gallery__item--2 { top: 0; left: 170px; }
  .doob-leather-gallery--crazy .doob-editorial-gallery__item--3 { top: 165px; left: 0; }
  .doob-leather-gallery--crazy .doob-editorial-gallery__item--4 { top: 165px; left: 170px; }
  .doob-leather-gallery--crazy .doob-editorial-gallery__item--5 { top: 330px; left: 0; }
  .doob-leather-gallery--crazy .doob-editorial-gallery__item--6 { top: 330px; left: 170px; }
  .doob-leather-gallery--crazy .doob-editorial-gallery__item--7 { top: 495px; left: 0; }
  .doob-leather-gallery--crazy .doob-editorial-gallery__item--8 { top: 495px; left: 170px; }
  .doob-leather-gallery--crazy .doob-editorial-gallery__item--9 { display: none; }

  .doob-leather-section--floater {
    min-height: 1127px;
    padding: 48px 20px 50px;
  }

  .doob-leather-gallery--floater {
    grid-template-columns: repeat(2, 150px);
    gap: 21px;
    width: 321px;
    margin-top: 35px;
  }

  .doob-leather-gallery--floater picture {
    width: 150px;
    height: 150px;
  }

  .doob-leather-gallery--crust,
  .doob-leather-gallery--crazy,
  .doob-leather-gallery--floater {
    position: relative;
    left: 50%;
    margin-right: 0;
    margin-left: 0;
    transform: translateX(-50%);
  }
}

.doob-branding-detail {
  position: relative;
  overflow: hidden;
}

.doob-branding-intro,
#screen-printing,
#hot-branding {
  background: #fafafa;
}

#hot-embossing,
#laser-engraving {
  background: #f5f5f5;
}

@media (min-width: 1200px) {
  .doob-branding-detail--hot {
    min-height: 1072px;
  }

  .doob-branding-detail--hot .doob-branding-detail__copy {
    margin-top: 46px;
  }

  .doob-branding-detail__gallery--hot {
    left: 50%;
    width: 1200px;
    height: 320px;
    margin-right: 0;
    margin-left: 0;
    transform: translateX(-50%);
  }

  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item {
    width: 300px;
    height: 300px;
  }

  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--1 { top: 20px; right: auto; left: 310px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--2 { top: 0; right: auto; left: 40px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--3 { top: 20px; right: auto; left: 860px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--4 { top: 0; right: auto; left: 590px; }

  .doob-branding-detail__layout {
    position: relative;
    min-height: 535px;
  }

  .doob-branding-detail__layout > .doob-branding-detail__copy {
    grid-column: 2;
  }

  .doob-branding-detail__gallery--pair {
    position: absolute;
    top: 0;
    left: calc(50% - 443px);
    width: 320px;
    height: 535px;
    margin: 0;
  }

  #screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 { top: 0; right: auto; left: 0; }
  #screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 { top: 235px; right: auto; left: 25px; }
  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 { top: 195px; right: auto; left: 23px; }
  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 { top: 0; right: auto; left: 0; }

  .doob-branding-detail__laser-stage {
    left: 50%;
    width: 1210px;
    margin-right: 0;
    margin-left: 0;
    transform: translateX(-50%);
  }

  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--1 { top: 0; right: auto; left: 0; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--2 { top: 215px; right: auto; left: 30px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--3 { top: 0; right: auto; left: 910px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--4 { top: 215px; right: auto; left: 880px; }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .doob-branding-detail__gallery--hot {
    left: 50%;
    width: 960px;
    height: 320px;
    margin-right: 0;
    margin-left: 0;
    transform: translateX(-50%);
  }

  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item {
    width: 300px;
    height: 300px;
  }

  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--1 { top: 20px; right: auto; left: 200px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--2 { top: 0; right: auto; left: -70px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--3 { top: 20px; right: auto; left: 730px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--4 { top: 0; right: auto; left: 460px; }

  .doob-branding-detail__layout {
    position: relative;
    min-height: 610px;
  }

  .doob-branding-detail__layout > .doob-branding-detail__copy {
    grid-column: 2;
  }

  .doob-branding-detail__gallery--pair {
    position: absolute;
    top: 0;
    left: calc(50% - 400px);
    width: 300px;
    height: 610px;
    margin: 0;
  }

  .doob-branding-detail__gallery--pair .doob-editorial-gallery__item {
    width: 300px;
    height: 300px;
  }

  #screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 { top: 0; right: auto; left: 0; }
  #screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 { top: 310px; right: auto; left: 0; }
  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 { top: 310px; right: auto; left: 0; }
  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 { top: 0; right: auto; left: 0; }

  .doob-branding-detail__laser-stage {
    left: 50%;
    width: 960px;
    min-height: 550px;
    margin-right: 0;
    margin-left: 0;
    transform: translateX(-50%);
  }

  .doob-branding-detail__gallery--laser {
    position: absolute;
    inset: 0;
    width: 960px;
    height: 540px;
    opacity: 1;
  }

  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item {
    width: 300px;
    height: 300px;
  }

  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--1 { top: 0; right: auto; left: -95px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--2 { top: 240px; right: auto; left: -70px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--3 { top: 0; right: auto; left: 755px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--4 { top: 240px; right: auto; left: 730px; }
}

@media (min-width: 640px) and (max-width: 959px) {
  .doob-branding-detail__gallery--hot {
    left: 50%;
    width: 640px;
    height: 440px;
    margin-right: 0;
    margin-left: 0;
    transform: translateX(-50%);
  }

  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item {
    width: 250px;
    height: 250px;
  }

  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--1 { top: 0; right: auto; left: 45px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--2 { top: 0; right: auto; left: 285px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--3 { top: 190px; right: auto; left: 114px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--4 { top: 190px; right: auto; left: 344px; }

  .doob-branding-detail__layout {
    position: relative;
    display: grid;
    min-height: 585px;
  }

  .doob-branding-detail__layout > .doob-branding-detail__copy {
    grid-column: 2;
  }

  .doob-branding-detail__gallery--pair {
    position: absolute;
    top: 0;
    left: calc(50% - 304px);
    width: 250px;
    height: 585px;
    margin: 0;
  }

  .doob-branding-detail__gallery--pair .doob-editorial-gallery__item {
    width: 250px;
    height: 250px;
  }

  #screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 { top: 0; right: auto; left: 0; }
  #screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 { top: 335px; right: auto; left: 1px; }
  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 { top: 265px; right: auto; left: 0; }
  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 { top: 0; right: auto; left: 0; }

  .doob-branding-detail__laser-stage {
    left: 50%;
    display: flex;
    flex-direction: column;
    width: 640px;
    min-height: 0;
    margin-right: 0;
    margin-left: 0;
    transform: translateX(-50%);
  }

  .doob-branding-detail__gallery--laser {
    position: relative;
    inset: auto;
    order: 0;
    width: 640px;
    height: 435px;
    opacity: 1;
  }

  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item {
    width: 250px;
    height: 250px;
  }

  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--1 { top: 0; right: auto; left: 99px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--2 { top: 0; right: auto; left: 339px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--3 { top: 185px; right: auto; left: 49px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--4 { top: 185px; right: auto; left: 279px; }

  .doob-branding-detail__laser-stage .doob-branding-detail__copy {
    order: 1;
    padding-top: 25px;
  }
}

@media (min-width: 480px) and (max-width: 639px) {
  .doob-branding-detail__gallery--hot {
    left: 50%;
    width: 480px;
    height: 410px;
    margin-right: 0;
    margin-left: 0;
    transform: translateX(-50%);
  }

  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item {
    width: 230px;
    height: 230px;
  }

  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--1 { top: 0; right: auto; left: -12px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--2 { top: 0; right: auto; left: 208px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--3 { top: 180px; right: auto; left: 260px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--4 { top: 180px; right: auto; left: 40px; }

  .doob-branding-detail__layout {
    display: block;
  }

  .doob-branding-detail__gallery--pair {
    position: relative;
    top: auto;
    left: 50%;
    width: 480px;
    height: 230px;
    margin-right: 0;
    margin-bottom: 35px;
    margin-left: 0;
    transform: translateX(-50%);
  }

  .doob-branding-detail__gallery--pair .doob-editorial-gallery__item {
    width: 230px;
    height: 230px;
  }

  #screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 { top: 0; right: auto; left: 4px; }
  #screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 { top: 0; right: auto; left: 244px; }
  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 { top: 0; right: auto; left: 244px; }
  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 { top: 0; right: auto; left: 4px; }

  .doob-branding-detail__laser-stage {
    left: 50%;
    display: flex;
    flex-direction: column;
    width: 480px;
    min-height: 0;
    margin-right: 0;
    margin-left: 0;
    transform: translateX(-50%);
  }

  .doob-branding-detail__gallery--laser {
    position: relative;
    inset: auto;
    order: 0;
    width: 480px;
    height: 403px;
    opacity: 1;
  }

  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item {
    width: 230px;
    height: 230px;
  }

  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--1 { top: 0; right: auto; left: 35px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--2 { top: 0; right: auto; left: 255px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--3 { top: 173px; right: auto; left: 212px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--4 { top: 173px; right: auto; left: -8px; }

  .doob-branding-detail__laser-stage .doob-branding-detail__copy {
    order: 1;
    padding-top: 25px;
  }

  .doob-branding-detail--hot,
  .doob-branding-detail--split,
  .doob-branding-detail--laser,
  .doob-branding-detail--burning {
    height: auto;
  }
}

@media (max-width: 479px) {
  .doob-branding-detail__gallery--hot {
    left: 50%;
    width: 390px;
    height: 500px;
    margin-right: 0;
    margin-left: 0;
    transform: translateX(-50%);
  }

  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item {
    width: 230px;
    height: 230px;
  }

  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--1 { top: 44px; right: auto; left: -5px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--2 { top: 265px; right: auto; left: -5px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--3 { top: 0; right: auto; left: 165px; }
  .doob-branding-detail__gallery--hot .doob-editorial-gallery__item--4 { top: 220px; right: auto; left: 165px; }

  .doob-branding-detail__gallery--pair {
    position: relative;
    top: auto;
    left: 50%;
    width: 390px;
    height: 275px;
    margin-right: 0;
    margin-left: 0;
    transform: translateX(-50%);
  }

  .doob-branding-detail__gallery--pair .doob-editorial-gallery__item {
    width: 230px;
    height: 230px;
  }

  #screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 { top: 45px; right: auto; left: 154px; }
  #screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 { top: 0; right: auto; left: 4px; }
  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 { top: 0; right: auto; left: 4px; }
  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 { top: 45px; right: auto; left: 154px; }

  .doob-branding-detail__laser-stage {
    left: 50%;
    display: flex;
    flex-direction: column;
    width: 390px;
    min-height: 0;
    margin-right: 0;
    margin-left: 0;
    transform: translateX(-50%);
  }

  .doob-branding-detail__gallery--laser {
    position: relative;
    inset: auto;
    order: 0;
    width: 390px;
    height: 500px;
    margin-right: 0;
    margin-left: 0;
    opacity: 1;
  }

  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item {
    width: 230px;
    height: 230px;
  }

  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--1 { top: 45px; right: auto; left: 175px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--2 { top: 0; right: auto; left: -16px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--3 { top: 261px; right: auto; left: 175px; }
  .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--4 { top: 216px; right: auto; left: -16px; }

  .doob-branding-detail__laser-stage .doob-branding-detail__copy {
    order: 1;
    padding-top: 24px;
  }

  .doob-branding-detail--hot,
  .doob-branding-detail--split,
  .doob-branding-detail--laser,
  .doob-branding-detail--burning {
    height: auto;
  }
}
/* Branding editorial redesign: screen printing + laser engraving. */
#screen-printing,
#laser-engraving {
  height: auto !important;
  min-height: 0 !important;
  padding: 64px 24px 72px;
}

#screen-printing h2,
#laser-engraving h2 {
  margin: 0 auto;
}

#screen-printing .doob-branding-detail__layout,
#laser-engraving .doob-branding-detail__laser-stage {
  position: relative;
  left: auto;
  display: grid;
  width: min(1120px, 100%);
  min-height: 0;
  margin: 42px auto 0;
  transform: none;
}

#screen-printing .doob-branding-detail__layout {
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr);
  gap: clamp(52px, 6vw, 82px);
  align-items: center;
}

#screen-printing .doob-branding-detail__gallery--pair {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: 482px;
  margin: 0;
  transform: none;
}

#screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item {
  position: absolute;
  width: min(340px, 69%);
  height: auto;
  aspect-ratio: 1;
  overflow: hidden;
  box-shadow: 0 14px 34px rgb(0 0 0 / 14%);
}

#screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 {
  inset: 0 auto auto 0;
  z-index: 1;
}

#screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 {
  inset: auto 0 0 auto;
  z-index: 2;
}

#screen-printing .doob-branding-detail__copy,
#laser-engraving .doob-branding-detail__copy {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}

#laser-engraving .doob-branding-detail__laser-stage {
  grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(54px, 6.5vw, 92px);
  align-items: center;
}

#laser-engraving .doob-branding-detail__copy {
  position: relative;
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
}

#laser-engraving .doob-branding-detail__gallery--laser {
  position: relative;
  inset: auto;
  display: grid;
  grid-column: 2;
  grid-row: 1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
  height: auto;
  margin: 0;
  opacity: 1;
}

#laser-engraving .doob-branding-detail__gallery--laser .doob-editorial-gallery__item {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  overflow: hidden;
  box-shadow: 0 12px 28px rgb(0 0 0 / 13%);
}

#laser-engraving .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--2,
#laser-engraving .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--4 {
  transform: translateY(22px);
}

@media (min-width: 960px) and (max-width: 1199px) {
  #screen-printing,
  #laser-engraving {
    padding-right: 36px;
    padding-left: 36px;
  }

  #screen-printing .doob-branding-detail__layout {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.95fr);
    gap: 48px;
  }

  #screen-printing .doob-branding-detail__gallery--pair {
    height: 420px;
  }

  #screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item {
    width: min(300px, 72%);
  }

  #laser-engraving .doob-branding-detail__laser-stage {
    grid-template-columns: minmax(350px, 0.92fr) minmax(0, 1.08fr);
    gap: 48px;
  }
}

@media (min-width: 640px) and (max-width: 959px) {
  #screen-printing,
  #laser-engraving {
    padding: 60px 32px 68px;
  }

  #screen-printing .doob-branding-detail__layout,
  #laser-engraving .doob-branding-detail__laser-stage {
    display: flex;
    flex-direction: column;
    gap: 38px;
    width: min(640px, 100%);
    margin-top: 38px;
  }

  #screen-printing .doob-branding-detail__gallery--pair {
    width: min(560px, 100%);
    height: 390px;
    margin: 0 auto;
  }

  #screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item {
    width: min(310px, 57%);
  }

  #screen-printing .doob-branding-detail__copy,
  #laser-engraving .doob-branding-detail__copy {
    order: 2;
    width: min(560px, 100%);
    margin: 0 auto;
  }

  #laser-engraving .doob-branding-detail__gallery--laser {
    order: 1;
    width: min(540px, 100%);
    height: min(540px, calc(100vw - 64px));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    align-content: start;
    margin: 0 auto 22px;
  }

  #laser-engraving .doob-branding-detail__gallery--laser .doob-editorial-gallery__item {
    min-height: 0;
    height: 100%;
    aspect-ratio: auto;
  }
}

@media (max-width: 639px) {
  #screen-printing,
  #laser-engraving {
    padding: 52px 20px 60px;
  }

  #screen-printing .doob-branding-detail__layout,
  #laser-engraving .doob-branding-detail__laser-stage {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    margin-top: 32px;
  }

  #screen-printing .doob-branding-detail__gallery--pair {
    width: min(390px, 100%);
    height: clamp(274px, 82vw, 340px);
    margin: 0 auto;
  }

  #screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item {
    width: clamp(184px, 59vw, 230px);
  }

  #screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 {
    inset: 0 auto auto 0;
  }

  #screen-printing .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 {
    inset: auto 0 0 auto;
  }

  #screen-printing .doob-branding-detail__copy,
  #laser-engraving .doob-branding-detail__copy {
    order: 2;
    width: min(340px, 100%);
    margin: 0 auto;
  }

  #laser-engraving .doob-branding-detail__gallery--laser {
    order: 1;
    width: min(390px, 100%);
    height: min(390px, calc(100vw - 40px));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 10px;
    margin: 0 auto 18px;
  }

  #laser-engraving .doob-branding-detail__gallery--laser .doob-editorial-gallery__item {
    min-height: 0;
    height: 100%;
    aspect-ratio: auto;
  }

  #laser-engraving .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--2,
  #laser-engraving .doob-branding-detail__gallery--laser .doob-editorial-gallery__item--4 {
    transform: translateY(18px);
  }
}

/* Branding editorial redesign: burning + consistent vertical rhythm. */
#branding-intro {
  height: auto;
  min-height: 0;
  padding: 64px 20px 72px;
}

#hot-embossing,
#hot-branding {
  height: auto !important;
  min-height: 0 !important;
  padding: 64px 24px 72px;
}

#hot-embossing .doob-branding-detail__copy {
  margin-top: 34px;
}

#hot-branding h2 {
  margin: 0 auto;
}

#hot-branding .doob-branding-detail__layout {
  position: relative;
  left: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr);
  gap: clamp(52px, 6vw, 82px);
  align-items: center;
  width: min(1120px, 100%);
  min-height: 0;
  margin: 42px auto 0;
  transform: none;
}

#hot-branding .doob-branding-detail__gallery--pair {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: 450px;
  margin: 0;
  transform: none;
}

#hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item {
  position: absolute;
  width: min(360px, 72%);
  height: auto;
  aspect-ratio: 1;
  overflow: hidden;
  box-shadow: 0 14px 34px rgb(0 0 0 / 14%);
}

#hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 {
  inset: 0 0 auto auto;
  z-index: 2;
}

#hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 {
  inset: auto auto 0 0;
  z-index: 1;
  width: min(310px, 62%);
}

#hot-branding .doob-branding-detail__copy {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}

@media (min-width: 960px) and (max-width: 1199px) {
  #hot-branding {
    padding-right: 36px;
    padding-left: 36px;
  }

  #hot-branding .doob-branding-detail__layout {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.95fr);
    gap: 48px;
  }

  #hot-branding .doob-branding-detail__gallery--pair {
    height: 410px;
  }

  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 {
    width: min(300px, 72%);
  }

  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 {
    width: min(270px, 65%);
  }
}

@media (min-width: 640px) and (max-width: 959px) {
  #branding-intro,
  #hot-embossing,
  #hot-branding {
    padding-top: 60px;
    padding-bottom: 68px;
  }

  #hot-branding .doob-branding-detail__layout {
    display: flex;
    flex-direction: column;
    gap: 38px;
    width: min(640px, 100%);
    margin-top: 38px;
  }

  #hot-branding .doob-branding-detail__gallery--pair {
    width: min(560px, 100%);
    height: 390px;
    margin: 0 auto;
  }

  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 {
    width: min(310px, 57%);
  }

  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 {
    width: min(280px, 52%);
  }

  #hot-branding .doob-branding-detail__copy {
    order: 2;
    width: min(560px, 100%);
    margin: 0 auto;
  }
}

@media (max-width: 639px) {
  #branding-intro,
  #hot-embossing,
  #hot-branding {
    padding-top: 52px;
    padding-bottom: 60px;
  }

  #hot-branding .doob-branding-detail__layout {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    margin-top: 32px;
  }

  #hot-branding .doob-branding-detail__gallery--pair {
    width: min(390px, 100%);
    height: clamp(274px, 82vw, 340px);
    margin: 0 auto;
  }

  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1,
  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 {
    width: clamp(184px, 59vw, 230px);
  }

  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--1 {
    inset: 0 0 auto auto;
  }

  #hot-branding .doob-branding-detail__gallery--pair .doob-editorial-gallery__item--2 {
    inset: auto auto 0 0;
  }

  #hot-branding .doob-branding-detail__copy {
    order: 2;
    width: min(340px, 100%);
    margin: 0 auto;
  }
}