Orra Opal Glass Table Lamp – Sculptural Bauhaus-Inspired Lighting

#hozo-orra-opal-refactor, #hozo-orra-opal-refactor * { box-sizing: border-box; } #hozo-orra-opal-refactor { width: 100%; max-width: 1200px; margin: 0 auto; color: #0b0b0b; background: #fff; font-family: Poppins, Arial, Helvetica, sans-serif; line-height: 1.35; overflow: hidden; min-width: 0; overflow-wrap: anywhere; word-break: break-word; hyphens: auto; } #hozo-orra-opal-refactor h2, #hozo-orra-opal-refactor h3, #hozo-orra-opal-refactor p { margin: 0; padding: 0; text-align: inherit; min-width: 0; overflow-wrap: anywhere; word-break: break-word; hyphens: auto; } #hozo-orra-opal-refactor a { color: inherit; text-decoration: none; max-width: 100%; min-width: 0; } #hozo-orra-opal-refactor figure { margin: 0; overflow: hidden; min-width: 0; max-width: 100%; }#hozo-orra-opal-refactor img {display: block; max-width: 100%; width: 100%; height: auto; object-fit: cover; transition: transform .35s ease} #hozo-orra-opal-refactor button { font: inherit; max-width: 100%; min-width: 0; white-space: normal; overflow-wrap: anywhere; word-break: break-word; hyphens: auto; } #hozo-orra-opal-refactor ul, #hozo-orra-opal-refactor ol { margin: 0; padding: 0; list-style: none; list-style-position: outside; } #hozo-orra-opal-refactor li { margin: 0; padding: 0; list-style: none; list-style-position: outside; min-width: 0; overflow-wrap: anywhere; word-break: break-word; hyphens: auto; } #hozo-orra-opal-refactor li::before, #hozo-orra-opal-refactor li::marker { content: none; font-size: 0; } #hozo-orra-opal-refactor table, #hozo-orra-opal-refactor thead, #hozo-orra-opal-refactor tbody, #hozo-orra-opal-refactor tr, #hozo-orra-opal-refactor th, #hozo-orra-opal-refactor td { border: 0 !important; outline: 0 !important; box-shadow: none !important; border-collapse: collapse; table-layout: fixed; } #hozo-orra-opal-refactor .hozo-intro { padding: 20px 20px 22px; text-align: center; background: #fff; } #hozo-orra-opal-refactor .hozo-intro-title { font-size: 28px; font-weight: 600; line-height: 1.25; margin-inline: auto; text-align: center !important; } #hozo-orra-opal-refactor .hozo-intro-copy { margin: 14px auto 0; font-size: 21px; line-height: 1.35; font-weight: 400; max-width: 1160px; text-align: center; } #hozo-orra-opal-refactor .hozo-section-title { width: 100%; padding: 20px 20px 18px; text-align: center !important; font-size: 28px; line-height: 1.25; font-weight: 600; margin: 0 auto; } #hozo-orra-opal-refactor .hozo-banner { width: 100%; margin: 0; overflow: hidden; background: #fff; } #hozo-orra-opal-refactor .hozo-banner-frame { width: 100%; aspect-ratio: 1200 / 686; overflow: hidden; margin: 0; }#hozo-orra-opal-refactor .hozo-banner-frame img {width: 100%; height: 100%; object-fit: cover; object-position: center} #hozo-orra-opal-refactor .hozo-video-story { padding: 30px 0 20px; background: #fff; } #hozo-orra-opal-refactor .hozo-video-inner { width: calc(100% - 40px); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background: #fff; min-height: 426px; align-items: stretch; } #hozo-orra-opal-refactor .hozo-video-copy { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 42px 45px; text-align: left; } #hozo-orra-opal-refactor .hozo-video-copy h2 { font-size: 28px; line-height: 1.25; font-weight: 600; color: #333; margin: 0 0 16px; } #hozo-orra-opal-refactor .hozo-video-copy p { max-width: 445px; font-size: 21px; line-height: 1.42; color: #333; font-weight: 400; } #hozo-orra-opal-refactor .hozo-video-poster { position: relative; min-width: 0; overflow: hidden; margin: 0; aspect-ratio: 580 / 426; background: #fff; }#hozo-orra-opal-refactor .hozo-video-poster img {width: 100%; height: 100%; object-fit: cover} #hozo-orra-opal-refactor .hozo-play-button { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(0, 0, 0, 0); cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; color: #111; } #hozo-orra-opal-refactor .hozo-play-icon { width: 78px; height: 78px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .62); color: #0d0d0d; font-size: 48px; line-height: 1; padding-left: 6px; } #hozo-orra-opal-refactor .hozo-modal { position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(0, 0, 0, .72); } #hozo-orra-opal-refactor .hozo-modal[aria-hidden="false"] { display: flex; } #hozo-orra-opal-refactor .hozo-modal-card { width: min(920px, 100%); position: relative; background: #000; border-radius: 8px; overflow: hidden; aspect-ratio: 16 / 9; } #hozo-orra-opal-refactor .hozo-modal-card video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; } #hozo-orra-opal-refactor .hozo-modal-close { position: absolute; top: 10px; right: 10px; z-index: 3; width: 34px; height: 34px; border-radius: 999px; border: 0; background: rgba(255, 255, 255, .92); color: #111; cursor: pointer; font-size: 24px; line-height: 1; display: grid; place-items: center; padding: 0; } #hozo-orra-opal-refactor .hozo-slider { width: 100%; position: relative; overflow: hidden; padding: 0 0 10px; } #hozo-orra-opal-refactor .hozo-slider-track { display: flex; gap: 40px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 0; scrollbar-width: none; min-width: 0; } #hozo-orra-opal-refactor .hozo-slider-track::-webkit-scrollbar { display: none; } #hozo-orra-opal-refactor .hozo-product-showcase { padding: 0 0 10px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider-track { padding-inline: 0; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { flex: 0 0 450px; scroll-snap-align: start; min-width: 0; } #hozo-orra-opal-refactor .hozo-product-showcase figure { width: 100%; aspect-ratio: 1 / 1; border-radius: 8px; background: #f6f6f6; }#hozo-orra-opal-refactor .hozo-product-showcase img {width: 100%; height: 100%; object-fit: cover} #hozo-orra-opal-refactor .hozo-slider-arrow { position: absolute; top: 44%; z-index: 3; width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(0, 0, 0, .48); color: #fff; font-size: 34px; line-height: 1; cursor: pointer; display: grid; place-items: center; padding: 0 0 4px; } #hozo-orra-opal-refactor .hozo-slider-prev { left: 20px; } #hozo-orra-opal-refactor .hozo-slider-next { right: 20px; } #hozo-orra-opal-refactor .hozo-styles-grid { width: calc(100% - 40px); margin: 0 auto 20px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; min-width: 0; } #hozo-orra-opal-refactor .hozo-styles-grid figure { aspect-ratio: 1 / .92; background: #fff; }#hozo-orra-opal-refactor .hozo-styles-grid img {width: 100%; height: 100%; object-fit: cover} #hozo-orra-opal-refactor .hozo-switch-banner { width: 100%; margin: 0; overflow: hidden; background: #fff; } #hozo-orra-opal-refactor .hozo-switch-frame { width: 100%; aspect-ratio: 1200 / 686; overflow: hidden; margin: 0; }#hozo-orra-opal-refactor .hozo-switch-frame img {width: 100%; height: 100%; object-fit: cover} #hozo-orra-opal-refactor .hozo-scene-grid { width: calc(100% - 40px); margin: 0 auto 20px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; min-width: 0; } #hozo-orra-opal-refactor .hozo-scene-col { display: grid; gap: 20px; min-width: 0; } #hozo-orra-opal-refactor .hozo-scene-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; min-width: 0; } #hozo-orra-opal-refactor .hozo-scene-large { aspect-ratio: 570 / 430; border-radius: 8px; } #hozo-orra-opal-refactor .hozo-scene-small { aspect-ratio: 275 / 200; border-radius: 8px; }#hozo-orra-opal-refactor .hozo-scene-large img, #hozo-orra-opal-refactor .hozo-scene-small img {width: 100%; height: 100%; object-fit: cover} #hozo-orra-opal-refactor .hozo-detail-grid { width: calc(100% - 40px); margin: 0 auto 20px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; min-width: 0; } #hozo-orra-opal-refactor .hozo-detail-grid figure { aspect-ratio: 1 / .92; background: #fff; }#hozo-orra-opal-refactor .hozo-detail-grid img {width: 100%; height: 100%; object-fit: cover} #hozo-orra-opal-refactor .hozo-info-card { width: calc(100% - 40px); margin: 0 auto 20px; padding: 50px 70px; border-radius: 18px; background: #f2f2f1; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 70px; align-items: center; min-width: 0; } #hozo-orra-opal-refactor .hozo-info-card.reverse { grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); padding-top: 40px; padding-bottom: 40px; } #hozo-orra-opal-refactor .hozo-info-card figure { width: 100%; max-width: 510px; margin-inline: auto; aspect-ratio: 1 / 1; background: #fff; } #hozo-orra-opal-refactor .hozo-info-card.reverse figure { max-width: 510px; aspect-ratio: 510 / 365; }#hozo-orra-opal-refactor .hozo-info-card img {width: 100%; height: 100%; object-fit: cover} #hozo-orra-opal-refactor .hozo-info-copy { min-width: 0; color: #0a0400; } #hozo-orra-opal-refactor .hozo-info-copy h2 { font-size: 28px; line-height: 1.25; margin: 0 0 20px; font-weight: 600; } #hozo-orra-opal-refactor .hozo-info-copy p { font-size: 21px; line-height: 1.2; font-weight: 400; } #hozo-orra-opal-refactor .hozo-info-copy .hozo-mail { white-space: normal; overflow-wrap: anywhere; word-break: break-word; } #hozo-orra-opal-refactor .hozo-policy-links { margin-top: 16px; display: grid; gap: 8px; font-size: 15px; line-height: 1.35; } #hozo-orra-opal-refactor .hozo-policy-links a { text-decoration: underline; text-underline-offset: 3px; }#hozo-orra-opal-refactor .hozo-hover-zoom:hover img {transform: scale(1.025)} @media (min-width: 641px) and (max-width: 1024px) { #hozo-orra-opal-refactor { max-width: 100%; } #hozo-orra-opal-refactor .hozo-intro-title, #hozo-orra-opal-refactor .hozo-section-title, #hozo-orra-opal-refactor .hozo-video-copy h2, #hozo-orra-opal-refactor .hozo-info-copy h2 { font-size: 26px; } #hozo-orra-opal-refactor .hozo-intro-copy, #hozo-orra-opal-refactor .hozo-video-copy p, #hozo-orra-opal-refactor .hozo-info-copy p { font-size: 19px; } #hozo-orra-opal-refactor .hozo-video-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { flex-basis: 38vw; max-width: 450px; } #hozo-orra-opal-refactor .hozo-styles-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } #hozo-orra-opal-refactor .hozo-scene-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } #hozo-orra-opal-refactor .hozo-info-card, #hozo-orra-opal-refactor .hozo-info-card.reverse { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 36px; padding: 36px; } } @media (max-width: 640px) { #hozo-orra-opal-refactor { max-width: 100%; } #hozo-orra-opal-refactor .hozo-intro { padding: 24px 20px 20px; } #hozo-orra-opal-refactor .hozo-intro-title { font-size: 28px; line-height: 1.55; max-width: 310px; } #hozo-orra-opal-refactor .hozo-intro-copy { margin-top: 10px; font-size: 21px; line-height: 1.45; max-width: 350px; } #hozo-orra-opal-refactor .hozo-banner-frame { aspect-ratio: 350 / 200; } #hozo-orra-opal-refactor .hozo-video-story { padding: 0 0 20px; } #hozo-orra-opal-refactor .hozo-video-inner { width: calc(100% - 40px); display: flex; flex-direction: column-reverse; min-height: 0; } #hozo-orra-opal-refactor .hozo-video-poster { width: 100%; aspect-ratio: 310 / 136; } #hozo-orra-opal-refactor .hozo-video-copy { padding: 34px 20px 0; display: block; } #hozo-orra-opal-refactor .hozo-video-copy h2 { font-size: 28px; line-height: 1.25; margin-bottom: 20px; } #hozo-orra-opal-refactor .hozo-video-copy p { font-size: 21px; line-height: 1.7; max-width: 270px; } #hozo-orra-opal-refactor .hozo-play-icon { width: 72px; height: 72px; font-size: 42px; } #hozo-orra-opal-refactor .hozo-section-title { font-size: 27px; line-height: 1.45; padding: 24px 16px 20px; } #hozo-orra-opal-refactor .hozo-product-showcase { padding: 20px 0 18px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider { width: calc(100% - 40px); margin-inline: auto; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider-track { gap: 40px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { flex: 0 0 100%; } #hozo-orra-opal-refactor .hozo-product-showcase figure { aspect-ratio: 310 / 325; } #hozo-orra-opal-refactor .hozo-slider-arrow { width: 40px; height: 40px; font-size: 30px; top: 48%; background: rgba(0, 0, 0, .28); } #hozo-orra-opal-refactor .hozo-slider-prev { left: 18px; } #hozo-orra-opal-refactor .hozo-slider-next { right: 18px; } #hozo-orra-opal-refactor .hozo-styles-grid { display: block; width: calc(100% - 40px); margin-bottom: 20px; position: relative; } #hozo-orra-opal-refactor .hozo-styles-grid-scroll { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -webkit-overflow-scrolling: touch; } #hozo-orra-opal-refactor .hozo-styles-grid-scroll::-webkit-scrollbar { display: none; } #hozo-orra-opal-refactor .hozo-styles-grid figure { flex: 0 0 100%; aspect-ratio: 310 / 310; scroll-snap-align: start; } #hozo-orra-opal-refactor .hozo-switch-frame { aspect-ratio: 350 / 200; } #hozo-orra-opal-refactor .hozo-scene-grid { width: calc(100% - 40px); display: block; margin-bottom: 20px; } #hozo-orra-opal-refactor .hozo-scene-col { display: block; } #hozo-orra-opal-refactor .hozo-scene-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 10px; } #hozo-orra-opal-refactor .hozo-scene-large { aspect-ratio: 310 / 325; margin-top: 10px; border-radius: 12px; } #hozo-orra-opal-refactor .hozo-scene-small { aspect-ratio: 145 / 145; border-radius: 10px; } #hozo-orra-opal-refactor .hozo-scene-col + .hozo-scene-col { margin-top: 10px; } #hozo-orra-opal-refactor .hozo-detail-grid { display: block; width: calc(100% - 40px); position: relative; } #hozo-orra-opal-refactor .hozo-detail-scroll { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -webkit-overflow-scrolling: touch; } #hozo-orra-opal-refactor .hozo-detail-scroll::-webkit-scrollbar { display: none; } #hozo-orra-opal-refactor .hozo-detail-grid figure { flex: 0 0 100%; aspect-ratio: 310 / 310; scroll-snap-align: start; } #hozo-orra-opal-refactor .hozo-info-card, #hozo-orra-opal-refactor .hozo-info-card.reverse { width: calc(100% - 40px); display: flex; flex-direction: column; gap: 28px; padding: 40px 20px; border-radius: 18px; margin-bottom: 20px; } #hozo-orra-opal-refactor .hozo-info-card.reverse { flex-direction: column-reverse; } #hozo-orra-opal-refactor .hozo-info-card figure { width: 100%; max-width: 270px; aspect-ratio: 1 / 1; } #hozo-orra-opal-refactor .hozo-info-card.reverse figure { max-width: 270px; aspect-ratio: 270 / 193; } #hozo-orra-opal-refactor .hozo-info-copy { width: 100%; } #hozo-orra-opal-refactor .hozo-info-copy h2 { font-size: 28px; line-height: 1.25; margin-bottom: 14px; } #hozo-orra-opal-refactor .hozo-info-copy p { font-size: 21px; line-height: 1.18; } #hozo-orra-opal-refactor .hozo-modal { padding: 16px; } #hozo-orra-opal-refactor .hozo-modal-close { top: 8px; right: 8px; } } @media (prefers-reduced-motion: reduce) { #hozo-orra-opal-refactor * { transition: none !important; scroll-behavior: auto !important; } #hozo-orra-opal-refactor img {transition: none !important; scroll-behavior: auto !important} }

Bauhaus Opal table lamp