/* Generated by preview/inspiration/scripts/build-shopware-wall.py; scoped to this wall. */
@font-face { font-family: 'SmInspirationInter'; src: url('/media/inspiration-wall/inter-b0f7af1010417cab.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
.sm-inspiration-page .content-main { background: #000; }
.sm-inspiration-page .container-main { padding: 0; }
.sm-inspiration-wall { background: #000; color: #f5f5f5; font-family: 'SmInspirationInter', Arial, sans-serif; font-synthesis: none; width: 100%; }
.sm-inspiration-wall, .sm-inspiration-wall *, .sm-inspiration-wall *::before, .sm-inspiration-wall *::after { box-sizing: border-box; }
.sm-inspiration-wall figure { margin: 0; }
.sm-inspiration-wall__title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.sm-inspiration-wall .sm-inspiration-wall__inner { position: relative; width: calc(100% - 112px); max-width: 1540px; margin-inline: auto; padding-bottom: 180px; }
.sm-inspiration-wall .wall-chapter { position: relative; isolation: isolate; background: #000; }
.sm-inspiration-wall .wall-type { position: absolute; z-index: -1; top: 0; left: -18px; max-width: calc(100% + 18px); overflow: hidden; color: #222224; font-size: 160px; line-height: .88; letter-spacing: -9px; font-weight: 900; text-transform: uppercase; white-space: pre-line; pointer-events: none; user-select: none; }
.sm-inspiration-wall .wall-type-opening { top: 28px; }
.sm-inspiration-wall .wall-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 100px; align-items: start; padding-block: 100px; }
.sm-inspiration-wall .opening-pair { grid-template-columns: 1.2fr 1fr; padding-top: 190px; padding-bottom: 130px; }
.sm-inspiration-wall .opening-pair .wall-photo:first-child { margin-top: 40px; }
.sm-inspiration-wall .opening-pair .wall-photo:last-child { margin-top: 170px; }
.sm-inspiration-wall .wall-photo { position: relative; background: #141414; }
.sm-inspiration-wall .wall-photo img { width: 100%; height: auto; }
.sm-inspiration-wall .wall-photo picture { display: block; }
.sm-inspiration-wall .pair-offset-left .wall-photo:first-child { width: 90%; }
.sm-inspiration-wall .pair-offset-left .wall-photo:last-child { margin-top: 210px; }
.sm-inspiration-wall .pair-offset-right .wall-photo:first-child { margin-top: 190px; }
.sm-inspiration-wall .pair-offset-right .wall-photo:last-child { width: 88%; margin-left: auto; }
.sm-inspiration-wall .chapter-accent { display: flex; padding: 38px 42px 48px; }
.sm-inspiration-wall .opening-accent { position: absolute; top: 10px; right: 10px; padding: 28px; }
.sm-inspiration-wall .accent-right { justify-content: flex-end; }
.sm-inspiration-wall .accent-left { justify-content: flex-start; }
.sm-inspiration-wall .chapter-graffiti { display: block; width: 280px; mix-blend-mode: lighten; pointer-events: none; user-select: none; }
.sm-inspiration-wall .chapter-graffiti img { width: 100%; height: auto; }
.sm-inspiration-wall .accent-right .chapter-graffiti { transform: rotate(-7deg); }
.sm-inspiration-wall .accent-left .chapter-graffiti { transform: rotate(6deg); }
@media (max-width: 1190px) {
  .sm-inspiration-wall .sm-inspiration-wall__inner { width: calc(100% - 80px); }
  .sm-inspiration-wall .wall-pair { gap: 70px; }
  .sm-inspiration-wall .wall-type { font-size: 140px; letter-spacing: -8px; }
}
@media (max-width: 950px) {
  .sm-inspiration-wall .sm-inspiration-wall__inner { width: calc(100% - 64px); }
  .sm-inspiration-wall .wall-pair { gap: 52px; padding-block: 70px; }
  .sm-inspiration-wall .wall-type { font-size: 118px; letter-spacing: -7px; }
  .sm-inspiration-wall .opening-pair { padding-top: 150px; }
  .sm-inspiration-wall .opening-pair .wall-photo:last-child { margin-top: 120px; }
  .sm-inspiration-wall .chapter-accent { padding: 34px 30px 44px; }
  .sm-inspiration-wall .opening-accent { padding: 20px; top: 0; right: 0; }
  .sm-inspiration-wall .chapter-graffiti { width: 240px; }
  .sm-inspiration-wall .opening-accent .chapter-graffiti { width: 220px; }
  .sm-inspiration-wall .pair-offset-left .wall-photo:last-child { margin-top: 140px; }
  .sm-inspiration-wall .pair-offset-right .wall-photo:first-child { margin-top: 130px; }
}
@media (max-width: 640px) {
  .sm-inspiration-wall .sm-inspiration-wall__inner { width: calc(100% - 40px); padding-bottom: 80px; }
  .sm-inspiration-wall .wall-type { font-size: 68px; letter-spacing: -4px; left: -3px; line-height: .9; }
  .sm-inspiration-wall .wall-type-opening { top: 32px; }
  .sm-inspiration-wall .wall-pair { display: flex; flex-direction: column; gap: 70px; padding-block: 45px; }
  .sm-inspiration-wall .opening-pair { padding-top: 145px; padding-bottom: 50px; gap: 240px; }
  .sm-inspiration-wall .opening-pair .wall-photo:first-child { margin-top: 0; width: 100%; }
  .sm-inspiration-wall .opening-pair .wall-photo:last-child { margin-top: 0; width: 84%; align-self: flex-end; }
  .sm-inspiration-wall .pair-offset-left .wall-photo:first-child { width: 100%; }
  .sm-inspiration-wall .pair-offset-left .wall-photo:last-child { margin-top: 0; width: 88%; align-self: flex-end; }
  .sm-inspiration-wall .pair-offset-right .wall-photo:first-child { margin-top: 0; width: 88%; }
  .sm-inspiration-wall .pair-offset-right .wall-photo:last-child { width: 100%; }
  .sm-inspiration-wall .chapter-accent { padding: 28px 18px 38px; }
  .sm-inspiration-wall .opening-accent { padding: 20px; top: calc(66.65vw + 128px); right: 0; }
  .sm-inspiration-wall .chapter-graffiti { width: 180px; }
  .sm-inspiration-wall .opening-accent .chapter-graffiti { width: 180px; }
}
@media (max-width: 360px) {
  .sm-inspiration-wall .wall-type { font-size: 56px; letter-spacing: -3px; }
}
