/* Homepage geometry follows the 1920 × 958 PSD. Only this page loads this file. */
.home-size { position: absolute; display: block; height: 3.757225%; opacity: 0; filter: brightness(0) invert(1) drop-shadow(0 0 5px #fff); transition: opacity .3s; background-size: 100% 100%; pointer-events: none; }
.home-item:hover .home-size, .home-item:focus-visible .home-size { opacity: 1; }
.home-color .home-item:nth-of-type(1) .home-size { left: 6.925498%; top: 90.173410%; width: 4.826863%; background-image: url('../img/home/color-size-1.png'); }
.home-color .home-item:nth-of-type(2) .home-size { left: 18.153200%; top: 90.173410%; width: 4.826863%; background-image: url('../img/home/color-size-2.png'); }
.home-color .home-item:nth-of-type(3) .home-size { left: 30.535152%; top: 90.173410%; width: 4.721931%; background-image: url('../img/home/color-size-3.png'); }
.home-color .home-item:nth-of-type(4) .home-size { left: 42.077650%; top: 90.173410%; width: 4.826863%; background-image: url('../img/home/color-size-4.png'); }
.home-color .home-item:nth-of-type(5) .home-size { left: 53.410283%; top: 90.173410%; width: 5.771249%; background-image: url('../img/home/color-size-5.png'); }
.home-color .home-item:nth-of-type(6) .home-size { left: 63.693599%; top: 90.173410%; width: 5.771249%; background-image: url('../img/home/color-size-6.png'); }
.home-metal .home-item:nth-of-type(1) .home-size { left: 8.281829%; top: 90.462428%; width: 5.686032%; background-image: url('../img/home/metal-size-1.png'); }
.home-metal .home-item:nth-of-type(2) .home-size { left: 21.508035%; top: 90.462428%; width: 5.686032%; background-image: url('../img/home/metal-size-2.png'); }
.home-metal .home-item:nth-of-type(3) .home-size { left: 36.093943%; top: 90.462428%; width: 5.562423%; background-image: url('../img/home/metal-size-3.png'); }
.home-metal .home-item:nth-of-type(4) .home-size { left: 49.690977%; top: 90.462428%; width: 5.686032%; background-image: url('../img/home/metal-size-4.png'); }
.home-metal .home-item:nth-of-type(5) .home-size { left: 60.444994%; top: 90.462428%; width: 6.798517%; background-image: url('../img/home/metal-size-5.png'); }
.flatwall-home { background: #000; }
.home-stage { min-height: 100vh; display: flex; align-items: center; }
.home-canvas { position: relative; width: 100%; aspect-ratio: 1920 / 958; background: url('../img/home/background.jpg') center / 100% 100% no-repeat; }
.home-series { position: absolute; pointer-events: none; }
.home-color { left: 12.65625%; top: 27.974948%; width: 49.635417%; aspect-ratio: 953 / 346; }
.home-metal { left: 44.84375%; top: 42.379958%; width: 42.135417%; aspect-ratio: 809 / 346; }
.home-panel { display: block; width: 100%; height: 100%; pointer-events: none; }
.home-item { position: absolute; inset: 0; display: block; clip-path: var(--lane); pointer-events: auto; }
.home-item::before { content: ''; position: absolute; inset: 0; background: linear-gradient(125deg, rgba(255,255,255,.15), rgba(230,102,33,.08)); opacity: 0; transition: opacity .35s; }
.home-item img { position: absolute; display: block; max-width: none; height: auto; transform-origin: center bottom; transition: transform .38s, filter .38s; }
.home-item:hover, .home-item:focus-visible { z-index: 2; }
.home-item:hover::before, .home-item:focus-visible::before { opacity: 1; }
.home-item:hover img, .home-item:focus-visible img { transform: translateY(-9px) scale(1.05); filter: brightness(1.35) drop-shadow(0 0 10px rgba(255,255,255,.42)); }
.home-copy { position: absolute; left: 60.677083%; top: 35.59499%; color: #ddd; font-size: .78125vw; line-height: 1.666667; letter-spacing: .052083vw; white-space: nowrap; }
.home-brand { position: absolute; left: 16.302083%; top: 69.624217%; width: 26.458333%; }
.home-brand h1 { margin: 0 0 1.145833vw; padding-left: .260417vw; }
.home-brand h1 img { display: block; width: 17.34375vw; height: auto; }
.home-contact { display: flex; gap: 2.291667vw; color: #888; font-size: .729167vw; line-height: 1.2; white-space: nowrap; }
.home-contact span { display: inline-flex; align-items: center; }
.home-contact img { width: .833333vw; height: .833333vw; margin-right: .260417vw; }
@media (min-width: 992px) {
  .flatwall-home > .flatwall-nav { height: 7.1875vw; }
  .flatwall-home .flatwall-nav-main { gap: 2.34375vw; }
  .flatwall-home .flatwall-nav-main a { color: #aaa; font-size: 1.041667vw; letter-spacing: .260417vw; }
  .flatwall-home .flatwall-nav-main a:hover { color: #fff; }
  .flatwall-home .flatwall-language { right: 2.916667%; gap: 1.041667vw; }
  .flatwall-home .flatwall-language a { font-size: .677083vw; }
  .flatwall-home .flatwall-language img { width: 1.041667vw; height: 1.041667vw; margin-right: .416667vw; }
  .flatwall-home .flatwall-language span { height: 1.197917vw; }
}
.home-color .home-item:nth-of-type(1) { --lane: polygon(26.631689% -15%, 39.449108% -15%, 13.746065% 100%, 1.049318% 100%); }
.home-color .home-item:nth-of-type(1) img { left: 15.529906%; top: 31.502890%; width: 9.758657%; }
.home-color .home-item:nth-of-type(2) { --lane: polygon(39.449108% -15%, 51.306401% -15%, 25.603358% 100%, 13.746065% 100%); }
.home-color .home-item:nth-of-type(2) img { left: 24.554040%; top: 23.988439%; width: 14.165792%; }
.home-color .home-item:nth-of-type(3) { --lane: polygon(51.306401% -15%, 63.163694% -15%, 37.460651% 100%, 25.603358% 100%); }
.home-color .home-item:nth-of-type(3) img { left: 35.571878%; top: 17.630058%; width: 16.789087%; }
.home-color .home-item:nth-of-type(4) { --lane: polygon(63.163694% -15%, 74.916055% -15%, 49.213012% 100%, 37.460651% 100%); }
.home-color .home-item:nth-of-type(4) img { left: 45.855194%; top: 14.450867%; width: 19.097587%; }
.home-color .home-item:nth-of-type(5) { --lane: polygon(74.916055% -15%, 86.474292% -15%, 60.650577% 100%, 49.213012% 100%); }
.home-color .home-item:nth-of-type(5) img { left: 56.663169%; top: 8.092486%; width: 21.511018%; }
.home-color .home-item:nth-of-type(6) { --lane: polygon(86.474292% -15%, 99.275971% -15%, 73.452256% 100%, 60.650577% 100%); }
.home-color .home-item:nth-of-type(6) img { left: 67.156348%; top: 4.624277%; width: 23.294858%; }
.home-metal .home-item:nth-of-type(1) { --lane: polygon(31.372064% -15%, 46.613103% -15%, 16.192831% 100%, 1.236094% 100%); }
.home-metal .home-item:nth-of-type(1) img { left: 19.035847%; top: 31.213873%; width: 11.124845%; }
.home-metal .home-item:nth-of-type(2) { --lane: polygon(46.613103% -15%, 60.457355% -15%, 30.037083% 100%, 16.192831% 100%); }
.home-metal .home-item:nth-of-type(2) img { left: 30.531520%; top: 25.722543%; width: 14.956737%; }
.home-metal .home-item:nth-of-type(3) { --lane: polygon(60.457355% -15%, 74.301607% -15%, 43.881335% 100%, 30.037083% 100%); }
.home-metal .home-item:nth-of-type(3) img { left: 41.038319%; top: 19.075145%; width: 20.642769%; }
.home-metal .home-item:nth-of-type(4) { --lane: polygon(74.301607% -15%, 88.145859% -15%, 57.725587% 100%, 43.881335% 100%); }
.home-metal .home-item:nth-of-type(4) img { left: 52.657602%; top: 8.092486%; width: 25.587145%; }
.home-metal .home-item:nth-of-type(5) { --lane: polygon(88.145859% -15%, 101.829419% -15%, 71.693449% 100%, 57.725587% 100%); }
.home-metal .home-item:nth-of-type(5) img { left: 64.276885%; top: 4.046243%; width: 27.935723%; }

@media (max-width: 991px) {
  .home-stage { display: block; }
  .home-canvas { display: flex; flex-direction: column; gap: 32px; aspect-ratio: auto; min-height: 100vh; padding: 120px 20px 48px; background-size: cover; }
  .home-copy { position: static; order: 0; font-size: 14px; line-height: 1.9; letter-spacing: 0; text-align: center; white-space: normal; }
  .home-series { position: relative; inset: auto; width: 100%; }
  .home-color { order: 1; }
  .home-metal { order: 2; }
  .home-brand { position: static; order: 3; width: 100%; text-align: center; }
  .home-brand h1 { margin-bottom: 20px; }
  .home-brand h1 img { width: min(333px, 72%); margin: auto; }
  .home-contact { justify-content: center; flex-wrap: wrap; gap: 12px 30px; font-size: 13px; }
  .home-contact img { width: 16px; height: 16px; margin-right: 5px; }
}
@media (max-width: 500px) {
  .home-canvas { padding: 105px 12px 35px; gap: 28px; }
  .home-copy { font-size: 12px; }
  .home-contact { flex-direction: column; align-items: center; font-size: 12px; }
}