.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: #F5F2EC; --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
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
Questions? support@LiaELECTRICALS.com — we reply within 24 hours.