/* //////////////////////////////////////////////////

Title : style.scss
For   : Page/issue/LP/issue214/

Created       : 2025-07-08
Last Modified : 2025-07-08

==========================================

Content

////////////////////////////////////////////////// */
/**
 * variables, layouts
 */
body {
  background-color: #F1F2EB;
}

#issue214 {
  --color-dark: #000;
  --color-white: #fff;
  --color-light-text: #F7F9E1;
  --color-theme-light: #F1F2EB;
  --color-theme-deep: #493828;
  --color-light-blue: #AFCCE0;
  --font-dorsa-regular: "Dorsa", sans-serif;
  --font-jost: "Jost", sans-serif;
  --font-noto-sans-cjk: "noto-sans-cjk-jp", sans-serif;
  --font-en-primary: var(--font-jost);
  --font-en-heading: var(--font-dorsa-regular);
  --font-ja: var(--font-noto-sans-cjk);
  --zindex-behind: -1;
  --zindex-base: 1;
  --zindex-overlay: 10;
  --zindex-float: 20;
  --container-fluid: 100%;
  --container-wide: 2100px;
}

.lp-miesrohe__shell {
  container-type: inline-size;
  container-name: miesroheContainer;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  #issue214 {
    --reference-value: 100vw / 750;
    --rate: var(--reference-value);
  }
  #issue214 .is-hidden-small {
    display: none !important;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  #issue214 {
    --reference-value: .1rem;
    --dsesktop-rate: calc(100vw / 1915);
    --rate: calc(100cqi / 750);
  }
  #issue214 .is-hidden-large {
    display: none !important;
  }
  .lp-miesrohe__shell {
    max-width: 550px;
    width: 28.7206266319vw;
    margin-inline: auto;
  }
}
/**
 * common
 */
.header .header-inner {
  display: none;
}

#header {
  display: none;
}

#Wrap {
  -webkit-padding-before: 0 !important;
          padding-block-start: 0 !important;
}

#Contents {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}

#breadcrumb {
  display: none;
}

.lp-miesrohe {
  font-family: var(--font-en);
}
.lp-miesrohe img,
.lp-miesrohe picture {
  display: var(--display, block);
}
.lp-miesrohe img,
.lp-miesrohe video,
.lp-miesrohe svg {
  width: 100%;
  height: auto;
}
.lp-miesrohe iframe {
  width: 100%;
  height: 100%;
}
.lp-miesrohe a {
  display: var(--display, inline-block);
}
.lp-miesrohe a:has(img) {
  --display: block;
}
.lp-miesrohe a.swiper-wrapper {
  --display: flex;
}
.lp-miesrohe * {
  box-sizing: border-box;
}
.lp-miesrohe button {
  padding: 0;
  background: inherit;
  border: none;
  outline: none;
}

.carouselPager {
  --swiper-pagination-bullet-horizontal-gap: 0;
  --swiper-pagination-bottom: var(--carousel-pager-bottom);
  --swiper-pagination-top: var(--carousel-pager-top);
  position: var(--carousel-pager-position, absolute);
  right: var(--carousel-pager-right);
  left: var(--carousel-pager-left, initial) !important;
  display: flex;
  -moz-column-gap: calc(10 * var(--rate));
       column-gap: calc(10 * var(--rate));
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  z-index: var(--zindex-float);
}
.carouselPager__dots,
.carouselPager .swiper-pagination-bullet {
  border: 1px solid var(--color-dots-modify, var(--color-theme-deep));
  position: relative;
  display: block;
  width: calc(10 * var(--rate));
  height: calc(10 * var(--rate));
  padding: 0;
  border-radius: 100vh;
  outline: none;
  background: none;
  opacity: 1;
}
.carouselPager__dots.is-active,
.carouselPager .swiper-pagination-bullet.is-active {
  background-color: var(--color-dots-modify, var(--color-theme-deep));
}
.carouselPager__dots-active,
.carouselPager .swiper-pagination-bullet-active {
  background-color: var(--color-dots-modify, var(--color-theme-deep));
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .main-area {
    -webkit-padding-before: 0 !important;
            padding-block-start: 0 !important;
  }
  .footer {
    -webkit-padding-before: 0;
            padding-block-start: 0;
  }
}
/* --- for large viewport --- */
/**
 * title
 */
.lp-miesrohe__title {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  -webkit-padding-start: calc(206 * var(--dsesktop-rate));
          padding-inline-start: calc(206 * var(--dsesktop-rate));
  -webkit-padding-end: calc(173 * var(--dsesktop-rate));
          padding-inline-end: calc(173 * var(--dsesktop-rate));
  pointer-events: none;
  z-index: var(--zindex-base);
}
.lp-miesrohe__title--primary {
  font-size: calc(76 * var(--dsesktop-rate));
  font-family: var(--font-en-heading);
  letter-spacing: 0.037em;
}
.lp-miesrohe__title--secondary {
  -webkit-padding-before: calc(18 * var(--dsesktop-rate));
          padding-block-start: calc(18 * var(--dsesktop-rate));
  font-size: calc(17 * var(--dsesktop-rate));
  font-family: var(--font-en-primary);
  letter-spacing: 0.06em;
}

/**
 * hero
 */
.lp-miesrohe__hero {
  position: relative;
}
.lp-miesrohe__hero-logo {
  position: absolute;
  top: calc(507 * var(--rate));
  left: 0;
  right: 0;
  width: calc(325 * var(--rate));
  margin: auto;
}
.lp-miesrohe__hero-title {
  position: absolute;
  bottom: calc(42 * var(--rate));
  left: 0;
  right: 0;
  -webkit-padding-start: calc(10 * var(--rate));
          padding-inline-start: calc(10 * var(--rate));
  font-size: calc(19 * var(--rate));
  font-family: var(--font-en-primary);
  color: #fff;
  letter-spacing: 0.06em;
  text-align: center;
}

/**
 * main contents
 */
/* ========== common */
.lp-miesrohe__contents-eyecatch {
  background-color: var(--color-theme-light);
}
.lp-miesrohe__contents-eyecatch-description {
  -webkit-padding-start: var(--description-spacer, calc(183 * var(--rate)));
          padding-inline-start: var(--description-spacer, calc(183 * var(--rate)));
  color: var(--color-theme-deep);
}
.lp-miesrohe__contents-eyecatch-thumbnail {
  width: calc(387 * var(--rate));
  margin-inline: auto;
}
.lp-miesrohe__contents-block {
  background-color: var(--block-background-color, var(--color-theme-light));
}
.lp-miesrohe__contents-heading {
  font-size: var(--heading-font-size, calc(111 * var(--rate)));
  font-family: var(--font-en-heading);
  letter-spacing: 0.037em;
  line-height: 1;
}
.lp-miesrohe__contents-label {
  font-size: calc(19 * var(--rate));
  font-family: var(--font-en-primary);
  letter-spacing: var(--label-letter-spacing, 0.06em);
}
.lp-miesrohe__contents-look-number {
  font-size: calc(20 * var(--rate));
  font-family: var(--font-en-primary);
  letter-spacing: 0.06em;
  font-weight: 500;
  font-style: italic;
  line-height: 1;
}
.lp-miesrohe__contents-index {
  position: absolute;
  top: var(--index-top, calc(-55 * var(--rate)));
  font-size: calc(111 * var(--rate));
  letter-spacing: 0.04em;
  font-family: var(--font-en-heading);
  color: var(--color-theme-deep);
  z-index: var(--zindex-overlay);
}
.lp-miesrohe__contents-image {
  position: relative;
}
.lp-miesrohe__contents-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: var(--zindex-behind);
}
.lp-miesrohe__contents-prices {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 0.35em;
       column-gap: 0.35em;
  font-size: calc(18 * var(--rate));
  line-height: 1.5833333333;
  font-family: var(--font-en-primary);
  letter-spacing: var(--prices-letter-spacing, 0.04em);
  font-weight: 300;
  color: var(--color-theme-deep);
  z-index: var(--zindex-float);
  transition: all 0.1s ease;
}
.lp-miesrohe__contents-look, .lp-miesrohe__contents-block, .lp-miesrohe__contents-wrapper {
  position: relative;
}
.lp-miesrohe__contents-block:has(.js-carousel) {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.lp-miesrohe__contents-wrapper:has(.lp-miesrohe__contents-image.swiper-slide-active[data-color-invert=true]) .lp-miesrohe__contents-prices {
  color: var(--color-light-text);
}

/* ========== shells */
.lp-miesrohe__contents-shell {
  position: relative;
  z-index: var(--zindex-overlay);
}
.lp-miesrohe__contents-shell--look-01 .lp-miesrohe__contents-eyecatch {
  -webkit-padding-before: calc(207 * var(--rate));
          padding-block-start: calc(207 * var(--rate));
  -webkit-padding-after: calc(240 * var(--rate));
          padding-block-end: calc(240 * var(--rate));
}
.lp-miesrohe__contents-shell--look-01 .lp-miesrohe__contents-heading {
  -webkit-padding-before: calc(15 * var(--rate));
          padding-block-start: calc(15 * var(--rate));
}
.lp-miesrohe__contents-shell--look-01 .lp-miesrohe__contents-label {
  -webkit-margin-before: calc(4 * var(--rate));
          margin-block-start: calc(4 * var(--rate));
  -webkit-padding-start: calc(7 * var(--rate));
          padding-inline-start: calc(7 * var(--rate));
}
.lp-miesrohe__contents-shell--look-01 .lp-miesrohe__contents-index {
  --index-top: calc(-50 * var(--rate));
  right: calc(40 * var(--rate));
}
.lp-miesrohe__contents-shell--look-01 .lp-miesrohe__contents-block {
  --carousel-pager-left: calc(22 * var(--rate));
}
.lp-miesrohe__contents-shell--look-01 .lp-miesrohe__contents-block .carouselPager {
  --swiper-pagination-bottom: calc(21 * var(--rate));
}
.lp-miesrohe__contents-shell--look-01 .lp-miesrohe__contents-block .lp-miesrohe__contents-prices {
  position: absolute;
  right: calc(22 * var(--rate));
  bottom: calc(14 * var(--rate));
}
.lp-miesrohe__contents-shell--look-02 .lp-miesrohe__contents-eyecatch {
  -webkit-padding-before: calc(182 * var(--rate));
          padding-block-start: calc(182 * var(--rate));
  -webkit-padding-after: calc(224 * var(--rate));
          padding-block-end: calc(224 * var(--rate));
}
.lp-miesrohe__contents-shell--look-02 .lp-miesrohe__contents-heading {
  --heading-font-size: calc(99.68 * var(--rate));
  -webkit-padding-before: calc(25 * var(--rate));
          padding-block-start: calc(25 * var(--rate));
}
.lp-miesrohe__contents-shell--look-02 .lp-miesrohe__contents-label {
  -webkit-margin-before: calc(2 * var(--rate));
          margin-block-start: calc(2 * var(--rate));
}
.lp-miesrohe__contents-shell--look-02 .lp-miesrohe__contents-index {
  right: calc(27 * var(--rate));
}
.lp-miesrohe__contents-shell--look-02 .lp-miesrohe__contents-look-number {
  -webkit-margin-before: calc(50 * var(--rate));
          margin-block-start: calc(50 * var(--rate));
}
.lp-miesrohe__contents-shell--look-02 .lp-miesrohe__contents-block {
  -webkit-padding-after: calc(152 * var(--rate));
          padding-block-end: calc(152 * var(--rate));
}
.lp-miesrohe__contents-shell--look-02 .lp-miesrohe__contents-block .lp-miesrohe__contents-prices {
  -webkit-margin-before: calc(20 * var(--rate));
          margin-block-start: calc(20 * var(--rate));
  -webkit-padding-start: calc(28 * var(--rate));
          padding-inline-start: calc(28 * var(--rate));
}
.lp-miesrohe__contents-shell--look-03 .lp-miesrohe__contents-index {
  --index-top: calc(-51 * var(--rate));
  left: calc(39 * var(--rate));
}
.lp-miesrohe__contents-shell--look-03 .lp-miesrohe__contents-look-number {
  -webkit-margin-before: calc(42 * var(--rate));
          margin-block-start: calc(42 * var(--rate));
}
.lp-miesrohe__contents-shell--look-03 .lp-miesrohe__contents-block:nth-child(1) .lp-miesrohe__contents-prices {
  justify-content: flex-end;
  -webkit-margin-before: calc(18 * var(--rate));
          margin-block-start: calc(18 * var(--rate));
  -webkit-padding-end: calc(16 * var(--rate));
          padding-inline-end: calc(16 * var(--rate));
}
.lp-miesrohe__contents-shell--look-03 .lp-miesrohe__contents-block:nth-child(2) {
  -webkit-padding-before: calc(58 * var(--rate));
          padding-block-start: calc(58 * var(--rate));
  padding-inline: calc(25 * var(--rate));
}
.lp-miesrohe__contents-shell--look-03 .lp-miesrohe__contents-block:nth-child(2) .carouselPager {
  --carousel-pager-position: relative;
  --carousel-pager-bottom: 0;
  -webkit-margin-before: calc(16 * var(--rate));
          margin-block-start: calc(16 * var(--rate));
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-padding-end: calc(4 * var(--rate));
          padding-inline-end: calc(4 * var(--rate));
}
.lp-miesrohe__contents-shell--look-03 .lp-miesrohe__contents-block:nth-child(3) {
  -webkit-padding-before: calc(194 * var(--rate));
          padding-block-start: calc(194 * var(--rate));
  -webkit-padding-after: calc(187 * var(--rate));
          padding-block-end: calc(187 * var(--rate));
  padding-inline: calc(120 * var(--rate));
}
.lp-miesrohe__contents-shell--look-03 .lp-miesrohe__contents-block:nth-child(3) .lp-miesrohe__contents-images {
  -webkit-margin-before: calc(9 * var(--rate));
          margin-block-start: calc(9 * var(--rate));
}
.lp-miesrohe__contents-shell--look-03 .lp-miesrohe__contents-block:nth-child(3) .lp-miesrohe__contents-images * + * {
  -webkit-margin-before: calc(27 * var(--rate));
          margin-block-start: calc(27 * var(--rate));
}
.lp-miesrohe__contents-shell--look-03 .lp-miesrohe__contents-block:nth-child(3) .lp-miesrohe__contents-images + .lp-miesrohe__contents-prices {
  justify-content: flex-end;
  -webkit-margin-before: calc(12 * var(--rate));
          margin-block-start: calc(12 * var(--rate));
  transform: translateX(calc(2 * var(--rate)));
}
.lp-miesrohe__contents-shell--look-03 .lp-miesrohe__contents-block:nth-child(3) .lp-miesrohe__contents-prices {
  --prices-letter-spacing: .06em;
}
.lp-miesrohe__contents-shell--look-04 .lp-miesrohe__contents-index {
  --index-top: calc(-53 * var(--rate));
  right: calc(26 * var(--rate));
}
.lp-miesrohe__contents-shell--look-04 .lp-miesrohe__contents-block:nth-child(2) {
  -webkit-padding-before: calc(86 * var(--rate));
          padding-block-start: calc(86 * var(--rate));
  -webkit-padding-after: calc(64 * var(--rate));
          padding-block-end: calc(64 * var(--rate));
  -webkit-padding-start: calc(170 * var(--rate));
          padding-inline-start: calc(170 * var(--rate));
}
.lp-miesrohe__contents-shell--look-04 .lp-miesrohe__contents-prices {
  justify-content: flex-end;
  -webkit-margin-before: calc(12 * var(--rate));
          margin-block-start: calc(12 * var(--rate));
  -webkit-padding-end: calc(19 * var(--rate));
          padding-inline-end: calc(19 * var(--rate));
}
.lp-miesrohe__contents-shell--look-05 .lp-miesrohe__contents-eyecatch {
  -webkit-padding-before: calc(218 * var(--rate));
          padding-block-start: calc(218 * var(--rate));
  -webkit-padding-after: calc(224 * var(--rate));
          padding-block-end: calc(224 * var(--rate));
}
.lp-miesrohe__contents-shell--look-05 .lp-miesrohe__contents-eyecatch-description {
  --description-spacer: calc(180 * var(--rate));
}
.lp-miesrohe__contents-shell--look-05 .lp-miesrohe__contents-heading {
  --heading-font-size: calc(99.68 * var(--rate));
  -webkit-padding-before: calc(10 * var(--rate));
          padding-block-start: calc(10 * var(--rate));
}
.lp-miesrohe__contents-shell--look-05 .lp-miesrohe__contents-index {
  --index-top: calc(-60 * var(--rate));
  right: calc(40 * var(--rate));
}
.lp-miesrohe__contents-shell--look-05 .lp-miesrohe__contents-look-number {
  -webkit-margin-before: calc(60 * var(--rate));
          margin-block-start: calc(60 * var(--rate));
}
.lp-miesrohe__contents-shell--look-05 .lp-miesrohe__contents-block:nth-child(2) {
  -webkit-padding-before: calc(136 * var(--rate));
          padding-block-start: calc(136 * var(--rate));
  -webkit-padding-after: calc(242 * var(--rate));
          padding-block-end: calc(242 * var(--rate));
  -webkit-padding-end: calc(160 * var(--rate));
          padding-inline-end: calc(160 * var(--rate));
}
.lp-miesrohe__contents-shell--look-05 .lp-miesrohe__contents-prices {
  --prices-letter-spacing: .05em;
  -webkit-margin-before: calc(19 * var(--rate));
          margin-block-start: calc(19 * var(--rate));
  -webkit-padding-start: calc(25 * var(--rate));
          padding-inline-start: calc(25 * var(--rate));
  -webkit-padding-end: calc(120 * var(--rate));
          padding-inline-end: calc(120 * var(--rate));
}
.lp-miesrohe__contents-shell--look-06 .lp-miesrohe__contents-index {
  left: calc(62 * var(--rate));
}
.lp-miesrohe__contents-shell--look-06 .lp-miesrohe__contents-block:nth-child(1) .carouselPager {
  --carousel-pager-position: relative;
  --carousel-pager-bottom: 0;
  -webkit-margin-before: calc(14 * var(--rate));
          margin-block-start: calc(14 * var(--rate));
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-padding-end: calc(18 * var(--rate));
          padding-inline-end: calc(18 * var(--rate));
}
.lp-miesrohe__contents-shell--look-06 .lp-miesrohe__contents-block:nth-child(2) {
  -webkit-padding-before: calc(107 * var(--rate));
          padding-block-start: calc(107 * var(--rate));
  -webkit-padding-after: calc(204 * var(--rate));
          padding-block-end: calc(204 * var(--rate));
  -webkit-padding-start: calc(160 * var(--rate));
          padding-inline-start: calc(160 * var(--rate));
}
.lp-miesrohe__contents-shell--look-06 .lp-miesrohe__contents-prices {
  justify-content: flex-end;
  -webkit-margin-before: calc(24 * var(--rate));
          margin-block-start: calc(24 * var(--rate));
  -webkit-padding-end: calc(20 * var(--rate));
          padding-inline-end: calc(20 * var(--rate));
}
.lp-miesrohe__contents-shell--look-07 {
  position: -webkit-sticky;
  position: sticky;
  top: calc(100svh - 4270 * var(--rate));
}
.lp-miesrohe__contents-shell--look-07 .lp-miesrohe__contents-index {
  --index-top: calc(-50 * var(--rate));
  right: calc(32 * var(--rate));
}
.lp-miesrohe__contents-shell--look-07 .lp-miesrohe__contents-block:nth-child(1) .lp-miesrohe__contents-prices {
  --prices-letter-spacing: .045em;
  -webkit-margin-before: calc(15 * var(--rate));
          margin-block-start: calc(15 * var(--rate));
  -webkit-padding-start: calc(20 * var(--rate));
          padding-inline-start: calc(20 * var(--rate));
}
.lp-miesrohe__contents-shell--look-07 .lp-miesrohe__contents-block:nth-child(2) {
  -webkit-padding-before: calc(70 * var(--rate));
          padding-block-start: calc(70 * var(--rate));
  -webkit-padding-after: calc(25 * var(--rate));
          padding-block-end: calc(25 * var(--rate));
  padding-inline: calc(25 * var(--rate));
}
.lp-miesrohe__contents-shell--look-07 .lp-miesrohe__contents-block:nth-child(3) {
  padding-block: calc(162 * var(--rate));
  padding-inline: calc(120 * var(--rate));
  background-color: var(--color-light-blue);
}
.lp-miesrohe__contents-shell--look-07 .lp-miesrohe__contents-block:nth-child(3) .lp-miesrohe__contents-prices {
  --prices-letter-spacing: .05em;
}
.lp-miesrohe__contents-shell--look-07 .lp-miesrohe__contents-block:nth-child(3) .lp-miesrohe__contents-images {
  -webkit-margin-before: calc(6 * var(--rate));
          margin-block-start: calc(6 * var(--rate));
}
.lp-miesrohe__contents-shell--look-07 .lp-miesrohe__contents-block:nth-child(3) .lp-miesrohe__contents-images * + * {
  -webkit-margin-before: calc(27 * var(--rate));
          margin-block-start: calc(27 * var(--rate));
}
.lp-miesrohe__contents-shell--look-07 .lp-miesrohe__contents-block:nth-child(3) .lp-miesrohe__contents-images + .lp-miesrohe__contents-prices {
  --prices-letter-spacing: .06em;
  justify-content: flex-end;
  -webkit-margin-before: calc(17 * var(--rate));
          margin-block-start: calc(17 * var(--rate));
}
.lp-miesrohe__contents-shell--look-08 .lp-miesrohe__contents-eyecatch {
  -webkit-padding-before: calc(224 * var(--rate));
          padding-block-start: calc(224 * var(--rate));
  -webkit-padding-after: calc(176 * var(--rate));
          padding-block-end: calc(176 * var(--rate));
}
.lp-miesrohe__contents-shell--look-08 .lp-miesrohe__contents-heading {
  --heading-font-size: calc(118 * var(--rate));
  -webkit-padding-before: calc(12 * var(--rate));
          padding-block-start: calc(12 * var(--rate));
}
.lp-miesrohe__contents-shell--look-08 .lp-miesrohe__contents-label {
  --label-letter-spacing: .075em;
  transform: translateY(calc(-4 * var(--rate)));
}
.lp-miesrohe__contents-shell--look-08 .lp-miesrohe__contents-index {
  --index-top: calc(-48 * var(--rate));
  left: calc(63 * var(--rate));
}
.lp-miesrohe__contents-shell--look-08 .lp-miesrohe__contents-look-number {
  -webkit-margin-before: calc(72 * var(--rate));
          margin-block-start: calc(72 * var(--rate));
}
.lp-miesrohe__contents-shell--look-08 .lp-miesrohe__contents-block:nth-child(2) {
  -webkit-padding-before: calc(130 * var(--rate));
          padding-block-start: calc(130 * var(--rate));
  -webkit-padding-after: calc(170 * var(--rate));
          padding-block-end: calc(170 * var(--rate));
  padding-inline: calc(80 * var(--rate));
}
.lp-miesrohe__contents-shell--look-08 .lp-miesrohe__contents-block:nth-child(2) .carouselPager {
  --carousel-pager-position: relative;
  --carousel-pager-bottom: 0;
  -webkit-margin-before: calc(25 * var(--rate));
          margin-block-start: calc(25 * var(--rate));
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-padding-end: calc(6 * var(--rate));
          padding-inline-end: calc(6 * var(--rate));
}
.lp-miesrohe__contents-shell--look-08 .lp-miesrohe__contents-prices {
  --prices-letter-spacing: .05em;
  position: absolute;
  bottom: calc(-38 * var(--rate));
  left: 0;
  -webkit-padding-end: calc(120 * var(--rate));
          padding-inline-end: calc(120 * var(--rate));
}
.lp-miesrohe__contents-shell--look-09 .lp-miesrohe__contents-index {
  --index-top: calc(-59 * var(--rate));
  right: calc(52 * var(--rate));
}
.lp-miesrohe__contents-shell--look-09 .lp-miesrohe__contents-block:nth-child(1) {
  -webkit-padding-after: calc(28 * var(--rate));
          padding-block-end: calc(28 * var(--rate));
}
.lp-miesrohe__contents-shell--look-09 .lp-miesrohe__contents-block:nth-child(2) {
  --block-background-color: var(--color-theme-deep);
}
.lp-miesrohe__contents-shell--look-09 .lp-miesrohe__contents-block:nth-child(3) {
  -webkit-padding-before: calc(244 * var(--rate));
          padding-block-start: calc(244 * var(--rate));
  -webkit-padding-after: calc(300 * var(--rate));
          padding-block-end: calc(300 * var(--rate));
  padding-inline: calc(181 * var(--rate));
  --block-background-color: var(--color-theme-deep);
}
.lp-miesrohe__contents-shell--look-09 .lp-miesrohe__contents-prices {
  --prices-letter-spacing: .045em;
  -webkit-margin-before: calc(24 * var(--rate));
          margin-block-start: calc(24 * var(--rate));
  -webkit-padding-start: calc(28 * var(--rate));
          padding-inline-start: calc(28 * var(--rate));
  -webkit-padding-end: calc(200 * var(--rate));
          padding-inline-end: calc(200 * var(--rate));
  color: var(--color-light-text);
}
.lp-miesrohe__contents-shell--look-10 .lp-miesrohe__contents-index {
  left: calc(59 * var(--rate));
  color: var(--color-light-text);
}
.lp-miesrohe__contents-shell--look-10 .lp-miesrohe__contents-block {
  -webkit-padding-after: calc(200 * var(--rate));
          padding-block-end: calc(200 * var(--rate));
}
.lp-miesrohe__contents-shell--look-10 .lp-miesrohe__contents-block .carouselPager {
  --carousel-pager-position: relative;
  --carousel-pager-bottom: 0;
  -webkit-margin-before: calc(28 * var(--rate));
          margin-block-start: calc(28 * var(--rate));
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-padding-end: calc(23 * var(--rate));
          padding-inline-end: calc(23 * var(--rate));
}
.lp-miesrohe__contents-shell--look-10 .lp-miesrohe__contents-wrapper {
  overflow: hidden;
}
.lp-miesrohe__contents-shell--look-10 .lp-miesrohe__contents-prices {
  --prices-letter-spacing: 0.045em;
  position: absolute;
  left: calc(28 * var(--rate));
  bottom: calc(-8 * var(--rate));
}
.lp-miesrohe__contents-shell--look-11 {
  position: -webkit-sticky;
  position: sticky;
  top: calc(100svh - 2372 * var(--rate));
}
.lp-miesrohe__contents-shell--look-11 .lp-miesrohe__contents-index {
  --index-top: calc(-52 * var(--rate));
  right: calc(30 * var(--rate));
}
.lp-miesrohe__contents-shell--look-11 .lp-miesrohe__contents-block:nth-child(2) {
  -webkit-padding-before: calc(154 * var(--rate));
          padding-block-start: calc(154 * var(--rate));
  -webkit-padding-after: calc(170 * var(--rate));
          padding-block-end: calc(170 * var(--rate));
  padding-inline: calc(80 * var(--rate));
}
.lp-miesrohe__contents-shell--look-11 .lp-miesrohe__contents-block:nth-child(2) .carouselPager {
  --carousel-pager-position: relative;
  --carousel-pager-bottom: 0;
  -webkit-margin-before: calc(30 * var(--rate));
          margin-block-start: calc(30 * var(--rate));
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.lp-miesrohe__contents-shell--look-11 .lp-miesrohe__contents-prices {
  --prices-letter-spacing: .045em;
  position: absolute;
  left: 0;
  bottom: calc(-37 * var(--rate));
  -webkit-margin-before: calc(20 * var(--rate));
          margin-block-start: calc(20 * var(--rate));
}
.lp-miesrohe__contents-shell--look-12 .lp-miesrohe__contents-index {
  left: calc(48 * var(--rate));
  color: var(--color-light-text);
}
.lp-miesrohe__contents-shell--look-12 .lp-miesrohe__contents-block:nth-child(1) .carouselPager {
  --carousel-pager-bottom: calc(18 * var(--rate));
  --carousel-pager-right: calc(16 * var(--rate));
  --color-dots-modify: #fff;
}
.lp-miesrohe__contents-shell--look-12 .lp-miesrohe__contents-block:nth-child(2) {
  -webkit-padding-before: calc(116 * var(--rate));
          padding-block-start: calc(116 * var(--rate));
  -webkit-padding-after: calc(84 * var(--rate));
          padding-block-end: calc(84 * var(--rate));
  padding-inline: calc(25 * var(--rate));
}
.lp-miesrohe__contents-shell--look-12 .lp-miesrohe__contents-prices {
  --prices-letter-spacing: .045em;
  -webkit-margin-before: calc(16 * var(--rate));
          margin-block-start: calc(16 * var(--rate));
}
.lp-miesrohe__contents-shell--look-13 .lp-miesrohe__contents-index {
  --index-top: calc(-60 * var(--rate));
  right: calc(46 * var(--rate));
  color: var(--color-light-text);
}
.lp-miesrohe__contents-shell--look-13 .lp-miesrohe__contents-block:nth-child(1) {
  -webkit-padding-after: calc(246 * var(--rate));
          padding-block-end: calc(246 * var(--rate));
  padding-inline: calc(25 * var(--rate));
}
.lp-miesrohe__contents-shell--look-13 .lp-miesrohe__contents-prices {
  -webkit-margin-before: calc(8 * var(--rate));
          margin-block-start: calc(8 * var(--rate));
}
.lp-miesrohe__contents-shell--look-14 .lp-miesrohe__contents-index {
  --index-top: calc(-50 * var(--rate));
  left: calc(35 * var(--rate));
  color: var(--color-light-text);
}
.lp-miesrohe__contents-shell--look-14 .lp-miesrohe__contents-block:nth-child(1) {
  padding-inline: calc(25 * var(--rate));
}
.lp-miesrohe__contents-shell--look-14 .lp-miesrohe__contents-block:nth-child(2) {
  -webkit-padding-before: calc(102 * var(--rate));
          padding-block-start: calc(102 * var(--rate));
  -webkit-padding-after: calc(204 * var(--rate));
          padding-block-end: calc(204 * var(--rate));
  padding-inline: calc(80 * var(--rate));
}
.lp-miesrohe__contents-shell--look-14 .lp-miesrohe__contents-prices {
  justify-content: flex-end;
  -webkit-margin-before: calc(15 * var(--rate));
          margin-block-start: calc(15 * var(--rate));
}
.lp-miesrohe__contents-shell--look-15 {
  position: -webkit-sticky;
  position: sticky;
  top: calc(100svh - 2292.5 * var(--rate));
}
.lp-miesrohe__contents-shell--look-15 .lp-miesrohe__contents-index {
  --index-top: calc(-50 * var(--rate));
  right: calc(55 * var(--rate));
  color: var(--color-light-text);
}
.lp-miesrohe__contents-shell--look-15 .lp-miesrohe__contents-block:nth-child(2) {
  -webkit-padding-before: calc(93 * var(--rate));
          padding-block-start: calc(93 * var(--rate));
  -webkit-padding-after: calc(153 * var(--rate));
          padding-block-end: calc(153 * var(--rate));
  -webkit-padding-start: calc(167 * var(--rate));
          padding-inline-start: calc(167 * var(--rate));
}
.lp-miesrohe__contents-shell--look-15 .lp-miesrohe__contents-prices {
  justify-content: flex-end;
  -webkit-margin-before: calc(20 * var(--rate));
          margin-block-start: calc(20 * var(--rate));
  -webkit-padding-end: calc(28 * var(--rate));
          padding-inline-end: calc(28 * var(--rate));
}
.lp-miesrohe__footer {
  position: relative;
  z-index: var(--zindex-overlay);
}
.lp-miesrohe__footer-overview {
  -webkit-padding-before: calc(43 * var(--rate));
          padding-block-start: calc(43 * var(--rate));
  -webkit-padding-after: calc(50 * var(--rate));
          padding-block-end: calc(50 * var(--rate));
  -webkit-padding-start: calc(48 * var(--rate));
          padding-inline-start: calc(48 * var(--rate));
  -webkit-padding-end: calc(36 * var(--rate));
          padding-inline-end: calc(36 * var(--rate));
  background-color: var(--color-theme-deep);
  color: var(--color-light-text);
}
.lp-miesrohe__footer-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lp-miesrohe__footer-heading {
  font-size: calc(82 * var(--rate));
  font-family: var(--font-en-heading);
  letter-spacing: 0.037em;
}
.lp-miesrohe__footer-label {
  -webkit-padding-before: calc(4 * var(--rate));
          padding-block-start: calc(4 * var(--rate));
  font-size: calc(16 * var(--rate));
  font-family: var(--font-en-primary);
  letter-spacing: 0.06em;
}
.lp-miesrohe__footer-description {
  -webkit-margin-before: calc(60 * var(--rate));
          margin-block-start: calc(60 * var(--rate));
  font-size: calc(21 * var(--rate));
  line-height: 1.4523809524;
  font-family: var(--font-en-primary);
  letter-spacing: 0.05em;
}

/**
 * animation
 */
.anim-fade-in {
  opacity: 0;
}
.anim-fade-in.is-show {
  -webkit-animation: fade-in 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: fade-in 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  -webkit-animation-delay: var(--animation-delay, 0);
          animation-delay: var(--animation-delay, 0);
}

.anim-fade-blur {
  opacity: 0;
}
.anim-fade-blur.is-show {
  -webkit-animation: fade-blur 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: fade-blur 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.lp-miesrohe__hero .anim-fade-blur {
  -webkit-animation: fade-blur 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: fade-blur 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.js-sticky-controller {
  transition: all 0.01s;
}
.js-sticky-controller.is-hidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

/**
 * @keyframes
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-blur {
  0% {
    filter: blur(10px);
    transform: scale(1.02);
    opacity: 0;
  }
  100% {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fade-blur {
  0% {
    filter: blur(10px);
    transform: scale(1.02);
    opacity: 0;
  }
  100% {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
  }
}
/*# sourceMappingURL=style.css.map */