@charset "UTF-8";

/* Fine Fragrance English renewal: section styles are added incrementally. */

/*
 * English typography tokens.
 * The Japanese production stylesheet is still used as the structural base,
 * so every live English text treatment must opt in to the comp font stack.
 */
body.--finefragrancepage {
  --font-ff-en-serif: "Lora", serif;
  --font-ff-en-sans: "Noto Sans", sans-serif;
  --font-ff-en-display: "Cinzel", serif;
  --font-ff-en-label: "Jost", sans-serif;
}

.p-ff-sf {
  height: 1287.3333333333px;
  background-position: top center;
  background-size: 1920px auto;
  margin-top: -202px;
  position: relative;
  z-index: 100;
  background-image: url("../img/page/finefragrance/ff__sf01.png");
}

@supports (background-image: url("../img/page/finefragrance/ff__sf01.webp")) {
  .p-ff-sf {
    background-image: url("../img/page/finefragrance/ff__sf01.webp");
  }
}
@media screen and (min-width: 1921px) {
  .p-ff-sf {
    margin-top: -10.5vw;
    background-size: 100vw auto;
    height: 67.0486111111vw;
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf {
    margin-top: -14.4285714286vw;
    background-size: 137.1428571429vw auto;
    height: 91.9523809524vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf {
    height: 277.3333333333vw;
    background-size: 100vw auto;
    margin-top: -23vw;
    background-image: url("../img/page/finefragrance/ff__sf01_sp.png");
  }
  /* White bokeh from the SP comp, kept on the section's 750 x 2080 grid. */
  .p-ff-sf::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url("../img/page/finefragrance/ff__sf-bubble-upper_sp_en.png") no-repeat center top / 100vw auto;
  }
}
.p-ff-sf .p-ff-sf__inner {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px;
  position: relative;
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner {
    max-width: 72.92vw;
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__item {
  position: absolute;
  top: 81px;
  right: 47px;
  width: 657px;
  height: 604px;
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__item {
    top: 4.21875vw;
    right: 2.4479166667vw;
    width: 34.21875vw;
    height: 31.4583333333vw;
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__item {
    top: 5.7857142857vw;
    right: 3.3571428571vw;
    width: 46.9285714286vw;
    height: 43.1428571429vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__item {
    top: 104.1333333333vw;
    right: 0;
    width: 100vw;
    height: 77.3333333333vw;
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__title {
  position: absolute;
  top: 194px;
  left: 169px;
  width: 440px;
  height: 172px;
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__title {
    top: 10.1041666667vw;
    left: 8.8020833333vw;
    width: 22.9166666667vw;
    height: 8.9583333333vw;
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__title {
    top: 13.8571428571vw;
    left: 12.0714285714vw;
    width: 31.4285714286vw;
    height: 12.2857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__title {
    width: 84.2666666667vw;
    height: 32.8vw;
    top: 30.9333333333vw;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub {
  position: absolute;
  top: 340px;
  left: 78px;
  font-family: var(--font-accent-min);
  font-size: 36px;
  font-weight: 500;
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub {
    top: 17.7083333333vw;
    left: 4.0625vw;
    font-size: 1.875vw;
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub {
    top: 24.2857142857vw;
    left: 5.5714285714vw;
    font-size: 2.5714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub {
    top: 60.8vw;
    left: 7vw;
    right: 0;
    margin: auto;
    font-size: 5.55vw;
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span {
  margin-left: 3.5em;
  line-height: 1;
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong {
  display: inline-block;
  color: #0950a2;
  font-weight: 500;
  letter-spacing: -0.12em;
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.fu {
  font-size: 79px;
  transform: translateY(-10px);
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.fu {
    font-size: 4.1145833333vw;
    transform: translateY(-0.5208333333vw);
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.fu {
    font-size: 5.6428571429vw;
    transform: translateY(-0.7142857143vw);
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.fu {
    font-size: 12.6666666667vw;
    transform: translateY(-1.3333333333vw);
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.nn {
  font-size: 70px;
  transform: translateY(10px);
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.nn {
    font-size: 3.6458333333vw;
    transform: translateY(0.5208333333vw);
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.nn {
    font-size: 5vw;
    transform: translateY(0.7142857143vw);
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.nn {
    font-size: 11.3333333333vw;
    transform: translateY(1.3333333333vw);
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.wa {
  font-size: 70px;
  transform: translateY(-10px);
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.wa {
    font-size: 3.6458333333vw;
    transform: translateY(-0.5208333333vw);
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.wa {
    font-size: 5vw;
    transform: translateY(-0.7142857143vw);
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.wa {
    font-size: 11.3333333333vw;
    transform: translateY(-1.3333333333vw);
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.ri {
  font-size: 70px;
  transform: translateY(10px) translateX(-6px);
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.ri {
    font-size: 3.6458333333vw;
    transform: translateY(0.5208333333vw) translateX(-0.3125vw);
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.ri {
    font-size: 5vw;
    transform: translateY(0.7142857143vw) translateX(-0.4285714286vw);
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub span strong.ri {
    font-size: 11.3333333333vw;
    transform: translateY(1.3333333333vw) translateX(-0.8vw);
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__exp {
  position: absolute;
  font-family: var(--font-base);
  text-align: center;
  width: 515px;
  top: 479px;
  left: 130px;
  letter-spacing: 0.03em;
  line-height: 26px;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__exp {
    top: 24.9479166667vw;
    left: 6.7708333333vw;
    width: 26.8229166667vw;
    font-size: 0.78125vw;
    line-height: 1.3541666667vw;
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__exp {
    top: 34.2142857143vw;
    left: 9.2857142857vw;
    width: 36.7857142857vw;
    font-size: 1.0714285714vw;
    line-height: 1.8571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__exp {
    top: 78.9333333333vw;
    font-size: 2.5066666667vw;
    line-height: 4.2666666667vw;
    left: 0;
    width: 100%;
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__point {
  position: absolute;
  top: 632px;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  gap: 0;
  justify-content: center;
  transform: translateX(3px);
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point {
    top: 32.9166666667vw;
    transform: translateX(0.15625vw);
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point {
    top: 45.1428571429vw;
    transform: translateX(0.2142857143vw);
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point {
    top: 156.1333333333vw;
    flex-wrap: wrap;
    transform: none;
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__point:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1188px;
  height: 266px;
  z-index: 50;
  top: -44px;
  left: 0;
  right: 0;
  margin: auto;
  background: url(../img/page/finefragrance/ff__sf08.png) no-repeat center/cover;
  mix-blend-mode: screen;
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point:before {
    top: -2.2916666667vw;
    width: 61.875vw;
    height: 13.8541666667vw;
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point:before {
    top: -3.1428571429vw;
    width: 84.8571428571vw;
    height: 19vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point:before {
    top: 30.6666666667vw;
    width: 100vw;
    height: 40.1333333333vw;
    background: url(../img/page/finefragrance/ff__sf08_sp.png) no-repeat center/cover;
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__point:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1167px;
  height: 403px;
  z-index: 10;
  top: -160px;
  left: 0;
  right: 0;
  margin: auto;
  background: url(../img/page/finefragrance/ff__sf09.png) no-repeat center/cover;
  mix-blend-mode: screen;
}

/* The 2026 comp uses neutral-white bokeh. Keep the legacy PNG alpha and
   placement, but remove its pink/yellow color cast. */
.p-ff-sf .p-ff-sf__inner .p-ff-sf__point:before,
.p-ff-sf .p-ff-sf__inner .p-ff-sf__point:after {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point:after {
    top: -8.3333333333vw;
    width: 60.78125vw;
    height: 20.9895833333vw;
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point:after {
    top: -11.4285714286vw;
    width: 83.3571428571vw;
    height: 28.7857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point:after {
    top: 34.6666666667vw;
    width: 100vw;
    height: 172.1333333333vw;
    background: url(../img/page/finefragrance/ff__sf09_sp.png) no-repeat center/cover;
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__point li {
  position: relative;
  z-index: 100;
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__point li img {
  width: 304px;
  height: auto;
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li img {
    width: 15.8333333333vw;
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li img {
    width: 21.7142857143vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li img {
    width: 48.6666666667vw;
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--01 {
  margin-top: -45px;
  margin-right: -53px;
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--01 {
    margin-top: -2.34375vw;
    margin-right: -2.7604166667vw;
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--01 {
    margin-top: -3.2142857143vw;
    margin-right: -3.7857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--01 {
    margin-top: 0;
    margin-right: -6.6666666667vw;
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--02 {
  margin-right: -46px;
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--02 {
    margin-right: -2.3958333333vw;
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--02 {
    margin-right: -3.2857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--02 {
    margin-right: 0;
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--03 {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--03 {
    margin-top: -6.6666666667vw;
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--04 {
  margin-top: -44px;
  margin-left: -50px;
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--04 {
    margin-top: -2.2916666667vw;
    margin-left: -2.6041666667vw;
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--04 {
    margin-top: -3.1428571429vw;
    margin-left: -3.5714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--04 {
    margin-top: -6.6666666667vw;
    margin-left: -6.6666666667vw;
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__note {
  position: absolute;
  font-family: var(--font-base);
  font-size: 12px;
  top: 897px;
  right: 106px;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__note {
    font-size: 0.625vw;
    top: 46.71875vw;
    right: 5.5208333333vw;
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__note {
    font-size: 0.8571428571vw;
    top: 64.0714285714vw;
    right: 7.5714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__note {
    font-size: 2.4vw;
    top: 246.4vw;
    right: 4.2666666667vw;
    letter-spacing: -0.01em;
  }
}

/* English copy replaces the decorative Japanese subtitle treatment. */
.p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub {
  left: 130px;
  width: 515px;
  color: #002b73;
  font-family: var(--font-ff-en-serif);
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (min-width: 1921px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub {
    left: 6.7708333333vw;
    width: 26.8229166667vw;
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub {
    left: 9.2857142857vw;
    width: 36.7857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub {
    left: 0;
    width: 100%;
    line-height: 1.25;
  }
}
.p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__exp,
.p-ff-sf .p-ff-sf__inner .p-ff-sf__note {
  color: #111;
  font-family: var(--font-ff-en-sans);
  font-weight: 400;
}
/* Fabric Mist English renewal. */
.p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__title {
  top: 256.5px;
  right: -42.5px;
}
.p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__sub {
  top: 394.5px;
  right: -29px;
  width: 700px;
  color: #002b73;
  font-family: "Lora", serif;
  font-size: 39.5px;
  font-weight: 500;
  line-height: 52px;
  letter-spacing: 0.025em;
  text-align: center;
}
.p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__exp {
  top: 587.5px;
  left: 12px;
  right: -12px;
  width: 960px;
  color: #111;
  font-family: "Noto Sans", sans-serif;
  font-size: 15.9px;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 25.6px;
}
.p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__exp sup {
  position: relative;
  top: -0.45em;
  font-size: 0.6em;
  line-height: 0;
  vertical-align: baseline;
}
.p-ff-mi .p-ff-mi__inner .p-ff-mi__point {
  top: 723px;
}
@media screen and (min-width: 769px) {
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--01,
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--03 {
    margin-top: -45px;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--03 {
    left: 8px;
  }
}
.p-ff-mi .p-ff-mi__inner .p-ff-mi__note {
  top: 1039px;
  right: -5px;
  width: auto;
  color: #111;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  letter-spacing: 0.025em;
}
@media screen and (min-width: 1921px) {
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__title {
    top: 13.359375vw;
    right: -2.2135416667vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__sub {
    top: 20.546875vw;
    right: -1.5104166667vw;
    width: 36.4583333333vw;
    font-size: 2.0572916667vw;
    line-height: 2.7083333333vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__exp {
    top: 30.5989583333vw;
    left: 0.625vw;
    right: -0.625vw;
    width: 50vw;
    font-size: 0.828125vw;
    line-height: 1.3333333333vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point {
    top: 37.65625vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--01,
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--03 {
    margin-top: -2.34375vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--03 {
    left: 0.4166666667vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__note {
    top: 54.1145833333vw;
    right: -0.2604166667vw;
    width: auto;
    font-size: 0.7291666667vw;
    line-height: 0.9479166667vw;
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__title {
    top: 18.3214285714vw;
    right: -3.0357142857vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__sub {
    top: 28.1785714286vw;
    right: -2.0714285714vw;
    width: 50vw;
    font-size: 2.8214285714vw;
    line-height: 3.7142857143vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__exp {
    top: 41.9642857143vw;
    left: 0.8571428571vw;
    right: -0.8571428571vw;
    width: 68.5714285714vw;
    font-size: 1.1357142857vw;
    line-height: 1.8285714286vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point {
    top: 51.6428571429vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--01,
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--03 {
    margin-top: -3.2142857143vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--03 {
    left: 0.5714285714vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__note {
    top: 74.2142857143vw;
    right: -0.3571428571vw;
    width: auto;
    font-size: 1vw;
    line-height: 1.3vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ff-mi {
    height: 607.0666666667vw;
  }
  .p-ff-mi .p-ff-mi__item--pic {
    top: 117.3333333333vw;
    left: 0;
    width: 100vw;
    height: 70.1333333333vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__title {
    top: 36.8vw;
    left: 19.2vw;
    right: auto;
    width: 90.1333333333vw;
    height: 25.0666666667vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__sub {
    top: 60.5333333333vw;
    right: -1.4vw;
    width: 100%;
    font-size: 5.3333333333vw;
    line-height: 1.28;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__exp {
    top: 79.3333333333vw;
    left: 1.4vw;
    right: -1.4vw;
    width: 92%;
    font-size: 2.6666666667vw;
    line-height: 4.3vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point {
    top: 161.2vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--01 {
    left: 1.1333333333vw;
    width: 49.6vw;
    margin-top: 0;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--01 img {
    width: 49.6vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--02 {
    left: 0.9vw;
    width: 49.0666666667vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--02 img {
    width: 49.0666666667vw;
    margin-top: -11.3333333333vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--03 {
    left: 2vw;
    width: 49.3333333333vw;
    margin-top: -11.3333333333vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--03 img {
    width: 49.3333333333vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__note {
    top: 250.9333333333vw;
    right: -1.4666666667vw;
    width: auto;
    font-size: 2.4333333333vw;
    line-height: 3.1633333333vw;
  }
  .p-ff-mi .daily-scenes {
    top: 266.6666666667vw;
  }
}

/* Daily Scenes English renewal. */
.p-ff-mi .daily-scenes .daily-scenes__header {
  top: -18px;
  left: 7.5px;
  width: 1400px;
}
.p-ff-mi .daily-scenes h2:before {
  max-width: 915px;
}
.p-ff-mi .daily-scenes .daily-scenes__text {
  top: 72px;
  left: 485px;
  color: #111;
  font-family: "Lora", serif;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.01em;
}
.p-ff-mi .daily-scenes .daily-scenes__point li.--01 {
  top: 32px;
}
@media screen and (min-width: 769px) {
  .p-ff-mi .daily-scenes .daily-scenes__point li.--01 {
    left: -44px;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--02 {
    left: -11px;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--03 {
    left: 691px;
  }
}
@media screen and (min-width: 1921px) {
  .p-ff-mi .daily-scenes .daily-scenes__header {
    top: -0.9375vw;
    left: 0.390625vw;
    width: 72.9166666667vw;
  }
  .p-ff-mi .daily-scenes h2:before {
    max-width: 47.65625vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__text {
    top: 3.75vw;
    left: 25.2604166667vw;
    font-size: 1.1979166667vw;
    line-height: 1.4375vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--01 {
    top: 1.6666666667vw;
    left: -2.2916666667vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--02 {
    left: -0.5729166667vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--03 {
    left: 35.9895833333vw;
  }
}
@media screen and (max-width: 1400px) {
  .p-ff-mi .daily-scenes .daily-scenes__header {
    top: -1.2857142857vw;
    left: 0.5357142857vw;
    width: 100vw;
  }
  .p-ff-mi .daily-scenes h2:before {
    max-width: 65.3571428571vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__text {
    top: 5.1428571429vw;
    left: 34.6428571429vw;
    font-size: 1.6428571429vw;
    line-height: 1.9714285714vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--01 {
    top: 2.2857142857vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1400px) {
  .p-ff-mi .daily-scenes .daily-scenes__point li.--01 {
    left: -3.1428571429vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--02 {
    left: -0.7857142857vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--03 {
    left: 49.3571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ff-mi .daily-scenes .daily-scenes__header {
    top: -3.2vw;
    left: 0;
    width: 100vw;
  }
  .p-ff-mi .daily-scenes h2:before {
    max-width: 16.5333333333vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__title img {
    position: relative;
    left: 0.6666666667vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__text {
    top: 25.7333333333vw;
    left: 2vw;
    width: 100%;
    font-size: 3.6vw;
    line-height: 4.9333333333vw;
    text-align: center;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--01 {
    top: 18.5333333333vw;
    left: 3.6vw;
    right: auto;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--02 {
    top: 107.7333333333vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--03 {
    top: 189.3333333333vw;
    left: 9.7333333333vw;
    right: auto;
  }
}

/* English renewal: page shell and introduction. */
.body.--finefragrancepage {
  overflow-x: hidden;
}
.p-ff-kv2--en .mv,
.p-ff-kv2--en .mv picture,
.p-ff-kv2--en .mv img {
  display: block;
  width: 100%;
}
.p-ff-intro-en .upper,
.p-ff-intro-en .lower {
  font-family: "Lora", serif;
}
.p-ff-intro-en .upper .lead-title {
  font-family: "Lora", serif;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.025em;
}
.p-ff-intro-en .upper .lead {
  font-family: "Lora", serif;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.025em;
}
.p-ff-intro-en .upper .lead p + p {
  margin-top: 25px;
}
.p-ff-intro-en .lower .lead-title {
  font-family: "Lora", serif;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.025em;
}

/* English renewal: four fragrance variants. */
.p-ff-kv2--en {
  z-index: 1;
}
.p-ff-lineup-en .p-ff-lu__item .item__header .header-sub,
.p-ff-layering-en .p-ff-lu__item .item__header .header-sub {
  text-indent: 0;
  text-align: center;
  font-family: "Lora", serif;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
}
.p-ff-lineup-en .p-ff-lu__item.--hm .header-sub {
  color: #084b91;
}
.p-ff-lineup-en .p-ff-lu__item.--bt .header-sub {
  color: #a57322;
}
.p-ff-lineup-en .p-ff-lu__item.--cl .header-sub {
  color: #8e775f;
}
.p-ff-lineup-en .p-ff-lu__item.--pd .header-sub {
  color: #138f95;
}
.p-ff-lineup-en .p-ff-lu__item .item__header .header-title {
  font-family: "Lora", serif;
  font-weight: 700;
  letter-spacing: 0.18em;
}
.p-ff-lineup-en .p-ff-lu__item.--cl .item__header .header-title {
  letter-spacing: 0.18em;
}
.p-ff-lineup-en .p-ff-lu__item .item__header .header-title span {
  font-family: "Jost", sans-serif;
  font-weight: 500;
  letter-spacing: 0.12em;
}
.p-ff-lineup-en .p-ff-lu__item .item__main .item__main--text h4 {
  font-family: var(--font-ff-en-sans);
  font-weight: 700;
  margin-bottom: 12px;
  letter-spacing: 0;
  line-height: 1.3;
}
.p-ff-lineup-en .p-ff-lu__item .item__main .item__main--text p,
.p-ff-layering-en .p-ff-lu__item .item__main .item__main--text p {
  font-family: var(--font-ff-en-sans);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
}

/* English renewal: laundry detergent. */
.p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__text .p-ff-lw__sub {
  left: 120px;
  width: 670px;
  text-indent: 0;
  text-align: center;
  color: #655593;
  font-family: "Lora", serif;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3;
}
.p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__text .p-ff-lw__exp {
  font-family: var(--font-ff-en-sans);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.45;
}
.p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__note {
  font-family: var(--font-ff-en-sans);
  font-weight: 400;
  letter-spacing: 0;
}

/* English renewal: Layering Wash closing panel. */
.p-ff-layering-en .p-ff-lu__item .item__header .header-sub.--lwp {
  color: #0a4b87;
  font-size: 38px;
}

/* English renewal: simple global footer. */
.c-pagetop {
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  border: 0;
  font: inherit;
}
.l-footer .l-footer__inner {
  flex-direction: column;
}
.l-footer .l-footer__info {
  margin-top: 0;
}
.l-footer .l-footer__copyright {
  font-family: var(--font-ff-en-sans);
  font-weight: 400;
}
.l-header .l-header__logo span {
  font-family: var(--font-ff-en-sans);
}

@media screen and (min-width: 1921px) {
  .p-ff-intro-en .upper .lead p + p {
    margin-top: 1.3020833333vw;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__text .p-ff-lw__sub {
    left: 6.25vw;
    width: 34.8958333333vw;
  }
  .p-ff-layering-en .p-ff-lu__item .item__header .header-sub.--lwp {
    font-size: 1.9791666667vw;
  }
}

@media screen and (max-width: 1400px) {
  .p-ff-intro-en .upper .lead p + p {
    margin-top: 1.7857142857vw;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__text .p-ff-lw__sub {
    left: 8.5714285714vw;
    width: 47.8571428571vw;
  }
  .p-ff-layering-en .p-ff-lu__item .item__header .header-sub.--lwp {
    font-size: 2.7142857143vw;
  }
}

@media screen and (max-width: 768px) {
  .p-ff-intro-en .upper {
    top: 39.7333333333vw;
    padding: 0 5.3333333333vw;
    text-align: left;
  }
  .p-ff-intro-en .upper .lead-title {
    margin-bottom: 9.6vw;
  }
  .p-ff-intro-en .upper .lead {
    padding: 0;
    font-size: 2.6666666667vw;
    line-height: 1.55;
    text-align: left;
  }
  .p-ff-intro-en .upper .lead p + p {
    margin-top: 5.3333333333vw;
  }
  .p-ff-intro-en .lower {
    top: 132.8vw;
    padding: 0 5.3333333333vw;
    text-align: left;
  }
  .p-ff-intro-en .lower .lead-title {
    font-size: 5.8666666667vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-sub {
    font-size: 4.8vw;
    line-height: 1.25;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-title {
    font-size: 10.6666666667vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__main .item__main--text h4 {
    font-size: 4vw;
    line-height: 1.25;
    text-align: left;
    letter-spacing: 0;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__main .item__main--text p,
  .p-ff-layering-en .p-ff-lu__item .item__main .item__main--text p {
    font-size: 2.9333333333vw;
    line-height: 1.45;
    letter-spacing: 0;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__text .p-ff-lw__sub {
    left: 0;
    width: 100%;
    font-size: 4.8vw;
    line-height: 1.35;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__text .p-ff-lw__exp {
    padding: 0 4vw;
    font-size: 2.6666666667vw;
    line-height: 1.45;
  }
  .p-ff-layering-en .p-ff-lu__item .item__header .header-sub.--lwp {
    top: 18vw;
    font-size: 5.3333333333vw;
  }
  .l-footer .l-footer__info {
    margin-top: 0;
  }
}

/* English renewal: PSD-native introduction artwork. */
.p-ff-intro-en__visual {
  position: absolute;
  z-index: 50;
  top: -4.1666666667vw;
  left: 0;
  width: 100%;
  pointer-events: none;
}
.p-ff-intro-en__visual picture,
.p-ff-intro-en__visual img {
  display: block;
  width: 100%;
}

/*
 * The PC comp is a proportional reduction of the 1920 px PSD master.
 * Reuse the master ratios below instead of the legacy 1400 px crop rules.
 */
@media screen and (min-width: 769px) {
  /* Key visual and introduction */
  .p-ff-kv2--en {
    padding: 0.390625vw 0 0;
  }
  .p-ff-intro-en__visual {
    top: -7.7604166667vw;
    left: -0.4166666667vw;
    width: 100vw;
  }
  .p-ff-intro-en .upper {
    top: 8.3333333333vw;
  }
  .p-ff-intro-en .upper .lead-title {
    margin-bottom: 5.78125vw;
    font-size: 2.0833333333vw;
    font-weight: 700;
    line-height: 1.3;
  }
  .p-ff-intro-en .upper .lead {
    font-size: 1.25vw;
    line-height: 1.5;
  }
  .p-ff-intro-en .upper .lead p + p {
    margin-top: 1.875vw;
  }
  .p-ff-intro-en .lower {
    top: 50.4166666667vw;
  }
  .p-ff-intro-en .lower .lead-title {
    font-weight: 700;
  }

  /* Fabric softener */
  .p-ff-sf {
    margin-top: -10.5vw;
    height: 67.0486111111vw;
    background-position: center bottom;
    background-size: 100vw calc(100% - 2.5vw);
  }
  .p-ff-sf .p-ff-sf__inner { max-width: 72.9166666667vw; }
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__item {
    top: 5.421875vw;
    right: -1.82vw;
    width: 38.44vw;
    height: 35.33vw;
  }
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__title {
    top: 12.1041666667vw;
    left: 5.23vw;
    width: 25.83vw;
    height: 10.1vw;
  }
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__sub {
    top: 20.3125vw;
    left: 2.89vw;
    width: 30.47vw;
    font-size: 2.109375vw;
  }
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__text .p-ff-sf__exp {
    top: 28.75vw;
    left: 2.9vw;
    width: 30.47vw;
    font-size: 0.8854166667vw;
    line-height: 1.5364583333vw;
  }
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point {
    top: 37.4166666667vw;
    transform: translateX(0.15625vw);
  }
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point:before {
    top: 0.108333vw;
    left: -5.3vw;
    width: 61.875vw;
    height: 13.8541666667vw;
  }
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point:after {
    top: -8.3333333333vw;
    width: 60.78125vw;
    height: 20.9895833333vw;
  }
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li img { width: 17.7777777778vw; }
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--01 {
    margin-top: -2.34375vw;
    margin-right: -2.95vw;
  }
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--02 { margin-right: -2.7777777778vw; }
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__point li.--04 {
    margin-top: -2.2916666667vw;
    margin-left: -2.809vw;
  }
  .p-ff-sf .p-ff-sf__inner .p-ff-sf__note {
    top: 52.71875vw;
    right: 2.4vw;
    font-size: 0.6944444444vw;
  }

  /* Fabric mist and Daily Scenes */
  .p-ff-mi {
    margin-top: -12.171875vw;
    height: 134.5833333333vw;
    background-size: 100vw auto;
  }
  .p-ff-mi .p-ff-mi__item--pic {
    top: 5.7291666667vw;
    left: calc(50% - 40.8333333333vw);
    width: 41.6666666667vw;
    height: 29.4791666667vw;
  }
  .p-ff-mi .p-ff-mi__inner { max-width: 72.9166666667vw; }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__title {
    top: 13.359375vw;
    right: -2.2135416667vw;
    width: 31.0069444444vw;
    height: 8.125vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__sub {
    top: 20.546875vw;
    right: -0.8854166667vw;
    width: 36.4583333333vw;
    font-size: 2.0572916667vw;
    line-height: 2.7083333333vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__exp {
    top: 30.5989583333vw;
    left: 0;
    right: 0;
    width: 50vw;
    font-size: 0.828125vw;
    line-height: 1.3333333333vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point { top: 37.65625vw; }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point:before {
    top: 6.7708333333vw;
    right: 4.6875vw;
    width: 61.875vw;
    height: 10.1736111111vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li img { width: 18.4027777778vw; }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--01 {
    margin-top: -2.34375vw;
    margin-right: -1.5625vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--02 img { width: 19.0277777778vw; }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point li.--03 {
    left: 0.4166666667vw;
    margin-top: -2.34375vw;
    margin-left: -1.5625vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__note {
    top: 54.1145833333vw;
    right: 0.2604166667vw;
    font-size: 0.7291666667vw;
    line-height: 0.9479166667vw;
  }
  .p-ff-mi .daily-scenes { top: 59.375vw; }
  .p-ff-mi .daily-scenes .daily-scenes__header {
    top: -0.9375vw;
    left: 0;
    width: 72.9166666667vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__title img { width: 23.8194444444vw; }
  .p-ff-mi .daily-scenes h2:before {
    top: 1.5625vw;
    left: 25vw;
    max-width: 47.65625vw;
    height: 0.0520833333vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__text {
    top: 3.75vw;
    left: 25.2604166667vw;
    font-size: 1.1979166667vw;
    line-height: 1.4375vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point {
    max-width: 67.0833333333vw;
    transform: translateX(-0.625vw);
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--01 {
    top: 1.6666666667vw;
    left: -2.2916666667vw;
    width: 34.9652777778vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--02 {
    top: 25vw;
    left: -0.5729166667vw;
    width: 31.3194444444vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--03 {
    top: 25vw;
    left: 35.9895833333vw;
    width: 30.2083333333vw;
  }

  /* Four fragrance variants */
  .p-ff-lineup-en .p-ff-lu__item { background-size: 100vw auto; }
  .p-ff-lineup-en .p-ff-lu__item.--hm {
    margin-top: -13.828125vw;
    height: 53.3333333333vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--bt {
    margin-top: -0.0520833333vw;
    height: 52.7083333333vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--cl {
    margin-top: -0.0520833333vw;
    height: 52.6736111111vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--pd {
    margin-top: -0.0520833333vw;
    height: 68.4375vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__img--pic {
    top: 3.7239583333vw;
    left: calc(50% - 42.3958333333vw);
    width: 31.25vw;
    height: 48.984375vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__img--pic.--bt {
    top: 1.6927083333vw;
    right: calc(50% - 41.7447916667vw);
    left: auto;
    width: 34.8958333333vw;
    height: 50.1736111111vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__img--pic.--cl {
    top: 1.171875vw;
    left: calc(50% - 42.7083333333vw);
    width: 33.1770833333vw;
    height: 49.91875vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__img--pic.--pd {
    top: 0.2864583333vw;
    right: calc(50% - 42.0833333333vw);
    left: auto;
    width: 34.8958333333vw;
    height: 51.3541666667vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__header,
  .p-ff-layering-en .p-ff-lu__item .item__header { max-width: 72.9166666667vw; }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-sub {
    top: 7.2916666667vw;
    right: 7.2916666667vw;
    font-size: 1.875vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--hm .item__header .header-sub {
    top: 7.06vw;
    right: 2.37vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-sub.--bt {
    top: 5.94vw;
    left: 1.96vw;
    right: auto;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-sub.--cl {
    top: 6.49vw;
    right: 4.1666666667vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-sub.--pd {
    top: 5.49vw;
    left: 1.34vw;
    right: auto;
    font-size: 1.875vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--hm .item__header .header-title {
    top: 13.28vw;
    right: 4.4270833333vw;
    font-size: 4.296875vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--bt .item__header .header-title {
    top: 12.5vw;
    right: auto;
    left: 2.4739583333vw;
    font-size: 4.4765625vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--cl .item__header .header-title {
    top: 12.4vw;
    right: 5.6520833333vw;
    font-size: 4.375vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--pd .item__header .header-title {
    top: 11.09375vw;
    right: auto;
    left: 1.0677083333vw;
    font-size: 4.375vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-title span {
    margin-left: 0.4166666667vw;
    font-size: 0.7291666667vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-title:before,
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-title:after {
    width: 1.71875vw;
    height: 0.0520833333vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-title:before { margin-right: 0.5208333333vw; }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-title:after { margin-left: 0.5208333333vw; }
  .p-ff-lineup-en .p-ff-lu__item.--cl .item__header .header-title:before,
  .p-ff-lineup-en .p-ff-lu__item.--cl .item__header .header-title:after {
    width: 2.890625vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__main {
    top: 18.2291666667vw;
    left: calc(50% - 9.8958333333vw);
  }
  .p-ff-lineup-en .p-ff-lu__item .item__main.--bt,
  .p-ff-lineup-en .p-ff-lu__item .item__main.--pd {
    left: calc(50% - 30.2083333333vw);
    gap: 1.0416666667vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__main.--cl { left: calc(50% - 7.2916666667vw); }
  .p-ff-lineup-en .p-ff-lu__item .item__main .item__main--img,
  .p-ff-layering-en .p-ff-lu__item .item__main .item__main--img {
    width: 21.3333333333vw;
    height: 24.140625vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--hm .item__main--img {
    position: relative;
    top: 1.953125vw;
    left: 4.9875vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--bt .item__main--img {
    position: relative;
    top: 1.40625vw;
    left: -2.734375vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--cl .item__main--img {
    position: relative;
    top: 1.171875vw;
    left: -1.73125vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--pd .item__main--img {
    position: relative;
    left: -2.734375vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--bt .item__main--text,
  .p-ff-lineup-en .p-ff-lu__item.--pd .item__main--text {
    position: relative;
  }
  .p-ff-lineup-en .p-ff-lu__item.--bt .item__main--text {
    top: -2.93vw;
    left: -2.4vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--pd .item__main--text {
    top: -5.86vw;
    left: -2.344vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--cl .item__main--text {
    position: relative;
    top: -2.37vw;
    left: -4.594vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__main .item__main--text.--hm {
    position: relative;
    top: -2.414vw;
    left: 0.234vw;
    margin-right: -1.0416666667vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__main .item__main--text h4 {
    margin-bottom: 0.625vw;
    font-size: 1.25vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__main .item__main--text p,
  .p-ff-layering-en .p-ff-lu__item .item__main .item__main--text p {
    font-size: 0.7291666667vw;
    line-height: 1.7;
  }

  /* Keep the live foreground above the continuous PSD background. */
  .p-ff-lineup-en .p-ff-lu__item .item__img--pic,
  .p-ff-lineup-en .p-ff-lu__item .item__header,
  .p-ff-lineup-en .p-ff-lu__item .item__main,
  .p-ff-layering-en .p-ff-lu__item .item__img--pic,
  .p-ff-layering-en .p-ff-lu__item .item__header,
  .p-ff-layering-en .p-ff-lu__item .item__main {
    z-index: 1;
  }
  /* Laundry detergent */
  .p-ff-laundry-en {
    margin-top: -13.6646vw;
    height: 81.3541666667vw;
    background-size: 100vw auto;
  }
  .p-ff-laundry-en .p-ff-lw__item {
    top: -4.2105vw;
    right: calc(50% - 29.25vw);
    width: 13.2986111111vw;
    height: 32.0833333333vw;
  }
  .p-ff-laundry-en .p-ff-lw__inner {
    top: -1.5625vw;
    max-width: 72.9166666667vw;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__text .p-ff-lw__title {
    top: 3.848vw;
    left: 5.969vw;
    width: 39.67vw;
    height: auto;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__text .p-ff-lw__sub {
    top: 11.016vw;
    left: 2.94vw;
    width: 37vw;
    font-size: 1.933vw;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__text .p-ff-lw__exp {
    top: 17.734vw;
    left: 5.97vw;
    width: 30.79vw;
    font-size: 0.8203125vw;
    line-height: 1.7708333333vw;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__point {
    top: 25.328vw;
    max-width: 52.0833333333vw;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__point:before {
    top: -3.125vw;
    left: -2.0833333333vw;
    width: 41.6666666667vw;
    height: 28.9930555556vw;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__point li img { width: 17.1875vw; }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__point li.--01 {
    margin-top: -2.6041666667vw;
    margin-right: -1.5625vw;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__point li.--03 {
    margin-top: -2.6041666667vw;
    margin-left: -1.5625vw;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__point li.--04,
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__point li.--05 { margin-top: -5.2083333333vw; }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__note {
    top: 52.06vw;
    right: 4.82vw;
    font-size: 0.625vw;
  }

  /* Layering Wash */
  .p-ff-layering-en .p-ff-lu__item { background-size: 100vw auto; }
  .p-ff-layering-en .p-ff-lu__item.--lwp {
    /* Keep the comp overlap on wide screens, but preserve at least 100px
       between the laundry note and this section on narrower PC widths. */
    margin-top: max(-21.229167vw, calc(100px - 29.794841vw));
    height: 55.94vw;
  }
  .p-ff-layering-en .p-ff-lu__item .item__img--pic.--lwp {
    top: 1.13vw;
    left: calc(50% - 39.96vw);
    width: 36.0069444444vw;
    height: 48.6111111111vw;
  }
  .p-ff-layering-en .p-ff-lu__item .item__header .header-sub.--lwp {
    top: 6.21vw;
    right: 5.05vw;
    font-size: 2.5vw;
  }
  .p-ff-layering-en .p-ff-lu__item .item__main.--lwp {
    top: 12.704167vw;
    left: calc(50% - 8.939583vw);
    gap: 1.0416666667vw;
  }
  .p-ff-layering-en .p-ff-lu__item.--lwp .item__main--img {
    position: relative;
    top: -0.11vw;
    left: 2.3vw;
  }
  .p-ff-layering-en .p-ff-lu__item.--lwp .item__main--text {
    position: relative;
    top: -2.11vw;
  }
  .l-footer {
    min-height: 9.921875vw;
  }
}

@media screen and (max-width: 768px) {
  .p-ff-intro-en__visual { top: -10.2666666667vw; }

  /*
   * The SP comp is a 750 px master shown at 50%. Mobile browsers use an
   * overlay scrollbar, so keep desktop QA browsers from stealing 15 px from
   * the 375 px layout viewport.
   */
  html {
    scrollbar-width: none;
  }
  html::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }

  /* Match the comp's wave overlaps between the three opening panels. */
  .p-ff-sf {
    margin-top: -25.2vw;
  }
  .p-ff-mi {
    margin-top: -44.9333333333vw;
    background-position: center 12.2666666667vw;
  }
  .p-ff-mi .p-ff-mi__item--pic {
    top: 129.6vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__title {
    top: 48.2666666667vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__sub {
    top: 72vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__text .p-ff-mi__exp {
    top: 90.2666666667vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__point {
    top: 173.6vw;
  }
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__note {
    top: 262.4vw;
  }
  .p-ff-mi .daily-scenes {
    top: 278.9333333333vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__header {
    top: -6.4vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__title {
    position: relative;
    top: 3.2vw;
    width: 92vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__text {
    top: 26.5333333333vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--01 {
    top: 17.8666666667vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--03 {
    top: 189.6vw;
  }

  /* Four fragrance panels: crop away the removed purchase-card area. */
  .p-ff-lineup-en .p-ff-lu__item.--hm {
    margin-top: -21.2vw;
    height: 210.4vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--bt {
    margin-top: 0;
    height: 208.5333333333vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--cl {
    margin-top: 0;
    height: 208.8vw;
  }
  /* Bridge the two white pixels baked into the SP background at BEAUTÉ → CIEL. */
  .p-ff-lineup-en .p-ff-lu__item.--cl::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: -0.1466666667vw;
    left: 0;
    width: 100%;
    height: 1.0666666667vw;
    pointer-events: none;
    background: url("../img/page/finefragrance/ff__lower-seam_bt-cl_sp_en.png") no-repeat center / 100% 100%;
  }
  .p-ff-lineup-en .p-ff-lu__item.--pd {
    margin-top: 0;
    height: 225.2vw;
  }

  /* Keep the signature layer on the left and move only the package stack. */
  .p-ff-lineup-en .p-ff-lu__item.--hm .item__img--product {
    top: 32vw;
    left: 28.5333333333vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--hm .item__img--illustration-bg,
  .p-ff-lineup-en .p-ff-lu__item.--hm .item__img--illustration {
    top: 33.0666666667vw;
    left: 0.5333333333vw;
  }
  /* Center the illustration and signature over the independently exported glow. */
  .p-ff-lineup-en .p-ff-lu__item.--hm .item__img--illustration {
    top: 36.7333333333vw;
    left: 4.2666666667vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--bt .item__img--product {
    top: 34.4vw;
    right: -28.5333333333vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--bt .item__img--illustration-bg {
    top: 34.866667vw;
    right: 3.066667vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--bt .item__img--illustration {
    top: 38.6666666667vw;
    right: -0.033333vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--cl .item__img--product {
    top: 36.8vw;
    left: 28.5333333333vw;
  }
  /* CIEL layers can be moved independently with these top/left values. */
  .p-ff-lineup-en .p-ff-lu__item.--cl .item__img--illustration-bg {
    top: 44vw;
    right: auto;
    left: 0;
  }
  .p-ff-lineup-en .p-ff-lu__item.--cl .item__img--illustration {
    top: 43vw;
    right: auto;
    left: 0.1vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--pd .item__img--product {
    top: 29.3333333333vw;
    right: -28.8vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--pd .item__img--illustration-bg {
    top: 27.533333vw;
    right: 0.9vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--pd .item__img--illustration {
    top: 35.133333vw;
    right: -1.8vw;
  }

  .p-ff-lineup-en .p-ff-lu__item .item__header .header-sub {
    width: 72vw;
    right: 0;
    left: 0;
    margin: auto;
  }
  .p-ff-lineup-en .p-ff-lu__item.--hm .header-sub {
    top: 12.8vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-sub.--bt {
    top: 16.2666666667vw;
    width: 92vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-sub.--cl {
    top: 15.4666666667vw;
    width: 92vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-sub.--pd {
    top: 17.0666666667vw;
    width: 92vw;
    font-size: 4vw;
    line-height: 7.3333333333vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--hm .header-title {
    top: 36vw;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-title span {
    display: inline;
    margin-left: 1.0666666667vw;
    font-size: 1.6vw;
    letter-spacing: 0.08em;
  }

  /* Position copy and fragrance-note pyramids independently. */
  .p-ff-lineup-en .p-ff-lu__item .item__main,
  .p-ff-layering-en .p-ff-lu__item .item__main {
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__main.--bt,
  .p-ff-lineup-en .p-ff-lu__item .item__main.--cl,
  .p-ff-lineup-en .p-ff-lu__item .item__main.--pd,
  .p-ff-layering-en .p-ff-lu__item .item__main.--lwp {
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__main .item__main--text,
  .p-ff-layering-en .p-ff-lu__item .item__main .item__main--text {
    position: absolute;
    left: 7.4666666667vw;
    width: 57.3333333333vw;
    padding: 0;
    margin: 0;
  }
  body.--finefragrancepage .p-ff-lineup-en .p-ff-lu__item .item__main .item__main--text .item__main--caption,
  body.--finefragrancepage .p-ff-layering-en .p-ff-lu__item .item__main .item__main--text .item__main--caption {
    font-size: 2.6666666667vw;
    line-height: 1.55;
    letter-spacing: 0;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__main .item__main--img,
  .p-ff-layering-en .p-ff-lu__item .item__main .item__main--img {
    position: absolute;
    margin: 0;
  }
  .p-ff-lineup-en .p-ff-lu__item.--hm .item__main--text,
  .p-ff-lineup-en .p-ff-lu__item.--bt .item__main--text {
    top: 93.8666666667vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--cl .item__main--text {
    top: 89.6vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--pd .item__main--text {
    top: 90.1333333333vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--hm .item__main--img {
    top: 138.1333333333vw;
    left: 22.4vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--bt .item__main--img {
    top: 143.7333333333vw;
    left: 24.2666666667vw;
    width: 52vw;
    height: auto;
  }
  .p-ff-lineup-en .p-ff-lu__item.--cl .item__main--img {
    top: 136.5333333333vw;
    left: 22.4vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--pd .item__main--img {
    top: 139.7333333333vw;
    left: 24vw;
  }

  /* Laundry panel: retain its wave overlap while matching the comp crop. */
  .p-ff-laundry-en {
    height: 306.6666666667vw;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__text .p-ff-lw__title {
    top: 26.6666666667vw;
    left: 4.5333333333vw;
    right: auto;
    width: 90.9333333333vw;
    height: auto;
    margin: 0;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__text .p-ff-lw__sub {
    top: 43.7333333333vw;
    right: 0;
    left: 0;
    width: 68vw;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__text .p-ff-lw__exp {
    top: 68vw;
    left: 0;
    width: 100%;
  }
  .p-ff-laundry-en .p-ff-lw__item {
    top: 86.6666666667vw;
    right: auto;
    left: 18.9333333333vw;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__point {
    top: 140vw;
    transform: translateX(2.1333333333vw);
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__point li.--03 {
    left: -1.0666666667vw;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__note {
    top: 263.7333333333vw;
  }

  /* Layering Wash: the product card ends at the footer in the English comp. */
  .p-ff-layering-en .p-ff-lu__item.--lwp {
    height: 212.8vw !important;
    min-height: 0 !important;
  }
  .p-ff-layering-en .p-ff-lu__item.--lwp picture:nth-of-type(1) .item__img--pic,
  .p-ff-layering-en .p-ff-lu__item.--lwp picture:nth-of-type(3) .item__img--pic,
  .p-ff-layering-en .p-ff-lu__item.--lwp picture:nth-of-type(4) .item__img--pic {
    top: 20.2666666667vw;
    left: 0.5333333333vw;
  }
  .p-ff-layering-en .p-ff-lu__item.--lwp picture:nth-of-type(2) .item__img--pic {
    top: 23.7333333333vw;
    left: 4.2666666667vw;
  }
  .p-ff-layering-en .p-ff-lu__item .item__header .header-sub.--lwp {
    top: 13.3333333333vw;
    font-size: 6.4vw;
  }
  .p-ff-layering-en .p-ff-lu__item.--lwp .item__main--text {
    top: 75.2vw;
  }
  .p-ff-layering-en .p-ff-lu__item.--lwp .item__main--img {
    top: 118.4vw;
    left: 21.8666666667vw;
  }

  .l-footer {
    min-height: 33.6vw;
  }
}

/*
 * English PSD lower artwork.
 * One continuous background keeps every wave, flower and section overlap on
 * the same coordinate system while the accessible HTML foreground stays live.
 */
.p-ff-lower-en {
  position: relative;
  z-index: 130;
  isolation: isolate;
  overflow: visible;
}
.p-ff-lower-en::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
.p-ff-lower-en > section {
  position: relative;
  z-index: 1;
  background: none !important;
}
.p-ff-lower-en .p-ff-lu__item {
  background: none !important;
}
.p-ff-lower-en .p-ff-lu__item::before {
  content: none !important;
  display: none !important;
}
.p-ff-lower-en .p-ff-lw__point::before {
  content: "" !important;
  display: inline-block !important;
  z-index: 0;
}

@media screen and (min-width: 769px) {
  /* The PC comp bokeh is exported as one transparent image. Keep its native
     aspect ratio instead of forcing it into the legacy 1200 x 835 frame. */
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__point::before {
    top: -6.4125vw;
    left: -0.354167vw;
    width: 51.666667vw;
    height: 33.1830988056vw;
    background: url("../img/page/finefragrance/ff__lw09_en.png") no-repeat center / 100% 100%;
    mix-blend-mode: normal;
    -webkit-filter: none;
    filter: none;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__point::after {
    content: none;
    display: none;
  }

  .p-ff-lower-en::before {
    top: -2.0667vw;
    height: calc(100% + 2.0667vw);
    background-image: url("../img/page/finefragrance/ff__lower_bg_en_pc.jpg");
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 2.0667vw);
    mask-image: linear-gradient(to bottom, transparent 0, #000 2.0667vw);
  }

  /* The signature and light layers have independent PSD coordinates. */
  .p-ff-lineup-en .p-ff-lu__item.--hm .item__img--illustration-bg {
    left: calc(50% - 40.8333333333vw);
  }
  .p-ff-lineup-en .p-ff-lu__item.--hm .item__img--illustration {
    top: 3.8020833333vw;
    left: calc(50% - 40.2083333333vw);
  }
  .p-ff-lineup-en .p-ff-lu__item.--bt .item__img--illustration-bg {
    right: calc(50% - 39.7916666667vw);
  }
  .p-ff-lineup-en .p-ff-lu__item.--bt .item__img--illustration {
    top: 0.5989583333vw;
    right: calc(50% - 35.5729166667vw);
  }
  /* CIEL layers can be moved independently with these top/left values. */
  .p-ff-lineup-en .p-ff-lu__item.--cl .item__img--illustration-bg {
    top: 0.871875vw;
    right: auto;
    left: calc(50% - 41.308333vw);
  }
  .p-ff-lineup-en .p-ff-lu__item.--cl .item__img--illustration {
    top: 0.625vw;
    right: auto;
    left: calc(50% - 40.6770833333vw);
  }
  .p-ff-lineup-en .p-ff-lu__item.--pd .item__img--illustration-bg {
    top: -0.1041666667vw;
    right: calc(50% - 40.1302083333vw);
  }
  .p-ff-lineup-en .p-ff-lu__item.--pd .item__img--illustration {
    top: -0.9635416667vw;
    right: calc(50% - 36.6145833333vw);
  }

}

@media screen and (max-width: 768px) {
  .p-ff-mi .p-ff-mi__inner .p-ff-mi__note {
    top: 261.6vw;
    right: 5.6vw;
  }

  .p-ff-mi .daily-scenes .daily-scenes__point li.--01 {
    top: 16.6544vw;
    right: auto;
    left: 4.0413vw;
    width: 104.517vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--02 {
    top: 102.3165vw;
    right: auto;
    left: -12.0849vw;
    width: 105.868vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li.--03 {
    top: 186.5192vw;
    right: auto;
    left: 10.1631vw;
    width: 99.077vw;
  }
  .p-ff-mi .daily-scenes .daily-scenes__point li img {
    width: 100%;
    height: auto;
  }

  .p-ff-lower-en::before {
    top: -8.9467vw;
    height: calc(100% + 8.9467vw);
    background-image: url("../img/page/finefragrance/ff__lower_bg_en_sp.jpg");
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 8.9467vw);
    mask-image: linear-gradient(to bottom, transparent 0, #000 8.9467vw);
  }

  /* The continuous background owns the blue field and both section waves.
     This transparent overlay restores only the PSD-positioned white bokeh and
     blue floral line art, so those decorations have one coordinate source. */
  .p-ff-lower-en > .p-ff-laundry-en::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -13.7vw;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url("../img/page/finefragrance/ff__lw-ornament_sp_en.png") no-repeat top center / 100vw auto;
  }
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__point::before,
  .p-ff-laundry-en .p-ff-lw__inner .p-ff-lw__point::after {
    content: none !important;
    display: none !important;
    background: none !important;
    -webkit-filter: none !important;
    filter: none !important;
  }
  .p-ff-lower-en > .p-ff-laundry-en > .p-ff-lw__item,
  .p-ff-lower-en > .p-ff-laundry-en > .p-ff-lw__inner {
    z-index: 1;
  }

  .p-ff-lineup-en .p-ff-lu__item .item__main--caption.--pd {
    text-indent: 0;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__main .item__main--text h4.item__main--copy.--pd {
    text-indent: 0;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-title {
    font-size: 10.6666666667vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--bt .item__header .header-title {
    top: 34.1333333333vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--cl .item__header .header-title {
    top: 32vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--pd .item__header .header-title {
    top: 33.6vw;
  }
  .p-ff-lineup-en .p-ff-lu__item.--pd .item__img--product {
    top: 26.88vw;
    right: -28.8vw;
    left: auto;
  }
  .p-ff-lineup-en .p-ff-lu__item .item__header .header-sub.--pd {
    font-size: 4.8vw;
  }
  .p-ff-layering-en .p-ff-lu__item.--lwp picture:nth-of-type(2) .item__img--pic {
    top: 20.2666666667vw;
    left: 0.5333333333vw;
  }
  .p-ff-layering-en .p-ff-lu__item .item__header .header-sub.--lwp {
    font-size: 7.2vw;
  }
}

/* Match Photoshop's Lora Medium rendering and leading on both layouts. */
.p-ff-mi .daily-scenes .daily-scenes__text {
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.01em;
}

/* Keep the Fabric Mist bokeh white, matching the English comp. */
.p-ff-mi .p-ff-mi__inner .p-ff-mi__point::before {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  mix-blend-mode: screen;
}