Beran Alabaster Wall Lamp
.dfpd *, .dfpd *::before, .dfpd *::after { box-sizing: border-box; margin: 0; padding: 0; } .dfpd { --ink: #2B2824; --ink-2: #4A443C; --ink-3: #6A6358; --cream: #FDFBF6; --bg: #F5F 2EC; --linen: #F0EBE0; --sand: #E8E0D0; --border: #D8D2C4; --border-lt: #E6DFD0; --olive: #8B7B54; --olive-lt: #A08D65; --olive-dk: #6E6142; --olive-sft: #F4F0E4; --stone: #8A8273; --mist: #B5AE9D; --clay: #A84A2F; --clay-sft: #F4ECE4; font-family: 'Outfit', 'Helvetica Neue', sans-serif; -webkit-font-smoothing: antialiased; color: var(--ink); font-weight: 300; font-size: 16px; line-height: 1.6; background: transparent; padding: 1.5rem 0 2rem; width: 100%; } .dfpd-inner { max-width: 100%; margin: 0; padding: 0; } .dfpd-eyebrow { display: inline-flex; align-items: center; gap: 0.7rem; font-family: 'Outfit', sans-serif; font-size: 0.62rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--olive); margin-bottom: 0.85rem; } .dfpd-eyebrow::before { content: ''; width: 22px; height: 1px; background: var(--olive); } .dfpd-h2 { font-family: 'Fraunces', serif; font-size: clamp(1.25rem, 2vw, 1.5rem); font-weight: 400; line-height: 1.25; letter-spacing: -0.005em; color: var(--ink); margin-bottom: 1rem; } .dfpd-h2 em { font-style: italic; color: var(--olive-dk); } /* HERO */ .dfpd-hero { padding-bottom: 2rem; border-bottom: 1px solid var(--border); margin-bottom: 2rem; } .dfpd-hero-eyebrow { display: inline-flex; align-items: center; gap: 0.7rem; font-family: 'Outfit', sans-serif; font-size: 0.68rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--olive); margin-bottom: 1rem; } .dfpd-hero-eyebrow::before { content: ''; width: 26px; height: 1px; background: var(--olive); } .dfpd-title { font-family: 'Fraunces', serif; font-size: clamp(1.75rem, 3.4vw, 2.35rem); font-weight: 300; line-height: 1.1; letter-spacing: -0.015em; color: var(--ink); margin-bottom: 1rem; max-width: 780px; } .dfpd-title em { font-style: italic; color: var(--olive-dk); font-weight: 400; } .dfpd-lede { font-size: 0.98rem; font-weight: 300; line-height: 1.7; color: var(--ink-2); max-width: 720px; } /* FEATURE CHIPS */ .dfpd-features { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; background: var(--cream); margin-bottom: 2.5rem; } .dfpd-feature { padding: 1.25rem 1rem; text-align: center; border-right: 1px solid var(--border-lt); transition: background 0.3s; } .dfpd-feature:last-child { border-right: none; } .dfpd-feature:hover { background: var(--linen); } .dfpd-feature-icon { color: var(--olive-dk); margin-bottom: 0.6rem; display: inline-flex; } .dfpd-feature-title { font-family: 'Fraunces', serif; font-size: 0.92rem; font-weight: 400; line-height: 1.3; color: var(--ink); } .dfpd-feature-title em { font-style: italic; color: var(--olive-dk); } .dfpd-sec { margin-bottom: 2.5rem; } /* NOTES */ .dfpd-notes-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.85rem; } .dfpd-note { padding: 1.25rem 1.35rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; } .dfpd-note.accent { background: var(--clay-sft); border-left: 2px solid var(--clay); border-radius: 0 4px 4px 0; } .dfpd-note h4 { font-family: 'Fraunces', serif; font-size: 0.98rem; font-style: italic; font-weight: 400; color: var(--ink); margin-bottom: 0.35rem; letter-spacing: -0.005em; } .dfpd-note.accent h4 { color: var(--clay); } .dfpd-note p { color: var(--ink-2); font-size: 0.85rem; font-weight: 300; line-height: 1.55; margin: 0; } .dfpd-note p strong { color: var(--ink); font-weight: 500; } /* KELVIN */ .dfpd-kelvin-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 0.85rem; margin-bottom: 0.85rem; } .dfpd-kelvin-opt { padding: 1.35rem 1.5rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; display: grid; grid-template-columns: auto 1fr; gap: 1.1rem; align-items: start; transition: border-color 0.25s, background 0.25s; } .dfpd-kelvin-opt:hover { border-color: var(--olive); background: #fff; } .dfpd-kelvin-ico { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dfpd-kelvin-ico.warm { background: radial-gradient(circle, #FFD79A 0%, #E8A04B 100%); color: var(--cream); } .dfpd-kelvin-ico.dim { background: radial-gradient(circle, #F4E4B8 0%, #B8904F 100%); color: var(--cream); } .dfpd-kelvin-opt h4 { font-family: 'Fraunces', serif; font-size: 1.08rem; font-weight: 400; color: var(--ink); margin-bottom: 0.35rem; letter-spacing: -0.005em; } .dfpd-kelvin-opt h4 em { font-style: italic; color: var(--olive-dk); } .dfpd-kelvin-opt p { color: var(--ink-2); font-size: 0.85rem; line-height: 1.5; margin: 0; } .dfpd-kelvin-custom { padding: 0.85rem 1.35rem; background: var(--clay-sft); border-left: 2px solid var(--clay); border-radius: 0 4px 4px 0; } .dfpd-kelvin-custom p { font-family: 'Fraunces', serif; font-style: italic; font-size: 0.9rem; color: var(--clay); margin: 0; line-height: 1.5; } .dfpd-kelvin-custom a { color: var(--clay); font-weight: 500; font-style: normal; text-decoration: underline; } /* SIZE — single configuration row */ .dfpd-size-row { display: grid; grid-template-columns: 180px 1fr; gap: 1.75rem; padding: 1.25rem 1.35rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; align-items: center; transition: box-shadow 0.25s; } .dfpd-size-row:hover { box-shadow: 0 4px 14px rgba(43, 40, 36, 0.06); } .dfpd-size-thumb { position: relative; display: block; width: 100%; height: 130px; background: #FFFFFF; border: 1px solid var(--border-lt); border-radius: 3px; overflow: hidden; cursor: zoom-in; padding: 4px; text-decoration: none; color: inherit; transition: border-color 0.2s, box-shadow 0.25s; } .dfpd-size-thumb:hover { border-color: var(--olive); box-shadow: 0 4px 14px rgba(43, 40, 36, 0.1); } .dfpd-size-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform 0.35s ease; } .dfpd-size-thumb:hover img { transform: scale(1.12); } .dfpd-size-thumb-icon { position: absolute; bottom: 6px; right: 6px; width: 24px; height: 24px; background: rgba(43, 40, 36, 0.85); color: var(--cream); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background 0.2s; } .dfpd-size-thumb:hover .dfpd-size-thumb-icon { background: var(--olive); } .dfpd-size-info-head { display: flex; align-items: baseline; gap: 1rem; margin-bottom: 0.6rem; flex-wrap: wrap; } .dfpd-size-title { font-family: 'Fraunces', serif; font-size: 1.35rem; font-weight: 400; color: var(--ink); letter-spacing: -0.005em; } .dfpd-size-title em { font-style: italic; color: var(--olive-dk); } .dfpd-size-power { display: inline-flex; align-items: center; padding: 0.2rem 0.65rem; background: var(--olive-sft); color: var(--olive-dk); border-radius: 2px; font-family: 'Outfit', sans-serif; font-size: 0.58rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; } .dfpd-size-dim { font-family: 'Fraunces', serif; font-size: 1rem; font-style: italic; color: var(--ink-2); line-height: 1.5; letter-spacing: -0.005em; } /* SPECS */ .dfpd-specs { border: 1px solid var(--border); border-radius: 4px; overflow: hidden; background: var(--cream); } .dfpd-spec-row { display: grid; grid-template-columns: 160px 1fr; gap: 1.5rem; padding: 0.75rem 1.35rem; border-bottom: 1px solid var(--border-lt); align-items: baseline; font-size: 0.9rem; } .dfpd-spec-row:last-child { border-bottom: none; } .dfpd-spec-row:hover { background: var(--linen); } .dfpd-spec-label { font-family: 'Outfit', sans-serif; font-size: 0.58rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--stone); } .dfpd-spec-val { font-family: 'Outfit', sans-serif; font-size: 0.88rem; font-weight: 400; color: var(--ink); line-height: 1.5; } .dfpd-spec-val em { font-family: 'Fraunces', serif; font-style: italic; color: var(--olive-dk); font-weight: 400; } /* FINISHES */ .dfpd-finishes { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 0.3rem; } .dfpd-finish { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; text-align: center; transition: transform 0.2s; } .dfpd-finish:hover { transform: translateY(-2px); } .dfpd-finish-swatch { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(43, 40, 36, 0.08); box-shadow: 0 2px 4px rgba(43, 40, 36, 0.08), inset 0 -7px 12px rgba(0, 0, 0, 0.1), inset 2px 2px 3px rgba(255, 255, 255, 0.2); } .dfpd-finish-swatch.gold { background: radial-gradient(circle at 30% 30%, #F4D78D 0%, #C89B46 55%, #8E6A26 100%); } .dfpd-finish-swatch.alabaster { background: radial-gradient(circle at 30% 30%, #FFFFFF 0%, #F4EDE0 50%, #E8DCC6 100%); } .dfpd-finish-label { font-family: 'Outfit', sans-serif; font-size: 0.66rem; font-weight: 400; color: var(--ink-2); line-height: 1.3; } .dfpd-finish-sub { font-family: 'Fraunces', serif; font-style: italic; font-size: 0.64rem; color: var(--stone); margin-top: -0.2rem; } /* DOWNLOADS */ .dfpd-foot { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin-bottom: 1rem; } .dfpd-download { display: flex; align-items: center; gap: 0.95rem; padding: 1rem 1.25rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; text-decoration: none; color: inherit; transition: all 0.2s; } .dfpd-download:hover { border-color: var(--olive); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(43, 40, 36, 0.06); } .dfpd-download-icon { width: 36px; height: 36px; background: var(--linen); border-radius: 4px; color: var(--olive-dk); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dfpd-download-title { font-family: 'Fraunces', serif; font-size: 0.95rem; font-weight: 400; color: var(--ink); line-height: 1.25; } .dfpd-download-sub { font-size: 0.62rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: var(--olive); } .dfpd-download-arrow { margin-left: auto; color: var(--olive); transition: transform 0.2s; } .dfpd-download:hover .dfpd-download-arrow { transform: translateX(3px); } .dfpd-support { padding-top: 1rem; border-top: 1px solid var(--border-lt); text-align: center; font-family: 'Fraunces', serif; font-style: italic; font-size: 0.88rem; color: var(--stone); } .dfpd-link { color: var(--olive-dk); font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--olive); padding-bottom: 1px; transition: color 0.2s, border-color 0.2s; } .dfpd-link:hover { color: var(--ink); border-color: var(--ink); } /* LIGHTBOX */ .dfpd-lightbox { position: fixed; inset: 0; background: rgba(24, 20, 16, 0.92); display: none; z-index: 99999; align-items: center; justify-content: center; padding: 2rem; cursor: zoom-out; opacity: 0; transition: opacity 0.25s; } .dfpd-lightbox.open { display: flex; opacity: 1; } .dfpd-lightbox img { max-width: 92vw; max-height: 90vh; object-fit: contain; box-shadow: 0 20px 80px rgba(0, 0, 0, 0.6); background: #fff; border-radius: 4px; cursor: auto; } .dfpd-lightbox-close { position: absolute; top: 1.25rem; right: 1.75rem; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: #FDFBF6; border: 1px solid rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s; font-size: 1.15rem; font-family: inherit; } .dfpd-lightbox-close:hover { background: rgba(255, 255, 255, 0.2); } .dfpd-lightbox-caption { position: absolute; bottom: 1.75rem; left: 0; right: 0; text-align: center; color: rgba(253, 251, 246, 0.8); font-family: 'Fraunces', serif; font-style: italic; font-size: 0.88rem; letter-spacing: 0.01em; pointer-events: none; } /* RESPONSIVE */ @media (max-width: 900px) { .dfpd-features { grid-template-columns: repeat(2, 1fr); } .dfpd-feature:nth-child(2n) { border-right: none; } .dfpd-feature:nth-child(-n+2) { border-bottom: 1px solid var(--border-lt); } .dfpd-notes-grid { grid-template-columns: 1fr; } .dfpd-kelvin-opts { grid-template-columns: 1fr; } .dfpd-foot { grid-template-columns: 1fr; } } @media (max-width: 680px) { .dfpd { padding: 1rem 0 1.5rem; } .dfpd-hero { padding-bottom: 1.5rem; margin-bottom: 1.75rem; } .dfpd-size-row { grid-template-columns: 1fr; text-align: left; } .dfpd-size-thumb { height: 150px; max-width: 240px; margin: 0 auto; } .dfpd-spec-row { grid-template-columns: 1fr; gap: 0.2rem; padding: 0.85rem 1.15rem; } } @media (max-width: 480px) { .dfpd-features { grid-template-columns: 1fr; } .dfpd-feature { border-right: none; border-bottom: 1px solid var(--border-lt); } .dfpd-feature:last-child { border-bottom: none; } } Product Details The Beran Alabaster Wall Lamp. Natural elegance meets sculptural simplicity. Handcrafted from genuine alabaster — each piece showcases its own unique veining, softly diffusing light into a warm, ambient glow. A minimalist curved silhouette at home in modern, classic, or Wabi-Sabi interiors. Quiet luxury in stone and light. Natural Alabaster Handcrafted piece Wall & Ceiling Gold finish Before you order Important notes. Natural stone variation The alabaster pattern varies from piece to piece — your fixture may differ subtly from the displayed image. This is the signature of natural stone. Dual mounting Designed for both wall and ceiling installation — doubles as a flush mount. Switch control Requires connection to an external wall light switch for controlled power supply. Compatible with common wall switches (not included). Kelvin range Kelvin range options. Warm Light Classic warm glow through translucent alabaster — creates a soft, moody ambiance. Non-dimmable fixed output. Triac Warm Dimming Same warm glow, fully dimmable. Pair with a triac (thyristor) wall dimmer for smooth brightness control from subtle to full illumination. Need cool white, daylight, or another color temperature? We accept custom orders — contact us to specify your requirements. Size Four-head configuration. · click diagram to enlarge 4 heads Single size Dia 20 + 20 + 25 + 35 cm ∅ 7.9″ + 7.9″ + 9.8″ + 13.8″ Specifications Details, on the record. Material Aluminum · Natural Alabaster Light Source Integrated LED Voltage AC 110–240 V Mounting Wall & Ceiling (doubles as flush mount) Environment Indoor use Control External wall switch (not included) — supplies power to fixture Certifications North America · Europe · Saudi Arabia · Australia Finishes Gold metal White alabaster PDF Document Specifications On request Installation Guide Questions? [email protected] — we reply within 24 hours. ✕ (function () { 'use strict'; const lb = document.getElementById('dfpd-lightbox'); const lbImg = document.getElementById('dfpd-lightbox-img'); const lbCap = document.getElementById('dfpd-lightbox-caption'); const lbCls = document.getElementById('dfpd-lightbox-close'); if (!lb) return; const open = (src, caption) => { lbImg.src = src; lbImg.alt = caption || ''; lbCap.textContent = caption || ''; lb.classList.add('open'); document.body.style.overflow = 'hidden'; }; const close = () => { lb.classList.remove('open'); document.body.style.overflow = ''; setTimeout(() => { lbImg.src = ''; }, 250); }; document.querySelectorAll('.dfpd-size-thumb').forEach(el => { el.addEventListener('click', e => { e.preventDefault(); open(el.dataset.full || el.getAttribute('href'), el.dataset.caption); }); }); lb.addEventListener('click', e => { if (e.target === lb || e.target === lbImg || e.target === lbCap) close(); }); lbCls.addEventListener('click', close); document.addEventListener('keydown', e => { if (e.key === 'Escape' && lb.classList.contains('open')) close(); }); })();
