/* Scoped to: interior-product-showcase-template-interior-view */
[data-component-slug="interior-product-showcase-template-interior-view"].interior-view-wrapper, [data-component-slug="interior-product-showcase-template-interior-view"] .interior-view-wrapper { max-width: 1920px; margin: 0 auto; padding: 96px 16px; } @media (min-width: 1024px) { [data-component-slug="interior-product-showcase-template-interior-view"].interior-view-wrapper, [data-component-slug="interior-product-showcase-template-interior-view"] .interior-view-wrapper { padding-left: 96px; padding-right: 96px; } } [data-component-slug="interior-product-showcase-template-interior-view"].iv-container, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-container { display: flex; flex-direction: column; gap: 64px; } @media (min-width: 1024px) { [data-component-slug="interior-product-showcase-template-interior-view"].iv-container, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-container { display: grid; grid-template-columns: 1fr 1fr; gap: 128px; align-items: center; } } [data-component-slug="interior-product-showcase-template-interior-view"].iv-image-wrapper, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-image-wrapper { width: 100%; height: 500px; overflow: hidden; position: relative; } @media (min-width: 1024px) { [data-component-slug="interior-product-showcase-template-interior-view"].iv-image-wrapper, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-image-wrapper { height: 952px; max-width: 860px; } } [data-component-slug="interior-product-showcase-template-interior-view"].iv-image, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-image { width: 100%; height: 120%; object-fit: cover; will-change: transform; transform: translateY(-10%); } [data-component-slug="interior-product-showcase-template-interior-view"].iv-content, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-content { display: flex; flex-direction: column; justify-content: space-between; height: 100%; max-width: 600px; } [data-component-slug="interior-product-showcase-template-interior-view"].iv-label-row, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-label-row { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; } [data-component-slug="interior-product-showcase-template-interior-view"].iv-ellipse, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-ellipse { width: 16px; height: 16px; background: #000000; border-radius: 50%; } [data-component-slug="interior-product-showcase-template-interior-view"].iv-label, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-label { font-family: "Geist Mono", monospace; font-weight: 600; font-size: 20px; line-height: 100%; letter-spacing: 0%; text-transform: uppercase; color: #000000; } [data-component-slug="interior-product-showcase-template-interior-view"].iv-title, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-title { font-family: "Geist Mono", monospace; font-weight: 600; font-size: 48px; line-height: 100%; letter-spacing: 0%; text-transform: uppercase; color: #000000; margin-top: 0; margin-bottom: 0px; / } [data-component-slug="interior-product-showcase-template-interior-view"].iv-spacer-large, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-spacer-large { height: 200px; } [data-component-slug="interior-product-showcase-template-interior-view"].iv-bottom-content, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-bottom-content { display: flex; flex-direction: column; gap: 32px; margin-top: auto; } @media (min-width: 1024px) { [data-component-slug="interior-product-showcase-template-interior-view"].iv-bottom-content, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-bottom-content { margin-top: 300px; } } [data-component-slug="interior-product-showcase-template-interior-view"].iv-desc, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-desc { font-family: "Geist Mono", monospace; font-weight: 400; font-size: 24px; line-height: 100%; letter-spacing: 0%; color: #3D3D3D; margin: 0; } [data-component-slug="interior-product-showcase-template-interior-view"].iv-link, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-link { display: inline-flex; align-items: center; gap: 12px; font-family: "Geist Mono", monospace; font-weight: 400; font-size: 24px; line-height: 100%; letter-spacing: 0%; text-decoration: underline; color: #3D3D3D; width: fit-content; } [data-component-slug="interior-product-showcase-template-interior-view"].iv-arrow, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-arrow { width: 24px; height: 24px; } @media (max-width: 640px) { [data-component-slug="interior-product-showcase-template-interior-view"].iv-title, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-title { font-size: 36px; } [data-component-slug="interior-product-showcase-template-interior-view"].iv-desc, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-desc { font-size: 18px; line-height: 130%; } [data-component-slug="interior-product-showcase-template-interior-view"].iv-link, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-link { font-size: 18px; } [data-component-slug="interior-product-showcase-template-interior-view"].iv-spacer-large, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-spacer-large { height: 64px; margin-top: 0; } [data-component-slug="interior-product-showcase-template-interior-view"].iv-bottom-content, [data-component-slug="interior-product-showcase-template-interior-view"] .iv-bottom-content { margin-top: 64px; } }