.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; }
/* Eyebrow + H2 */
.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); }
/* SECTIONS */
.dfpd-sec { margin-bottom: 2.5rem; }
/* VIDEO */
.dfpd-video {
position: relative;
aspect-ratio: 16 / 9;
width: 100%;
max-width: 640px;
background: var(--ink);
border-radius: 4px;
overflow: hidden;
box-shadow: 0 6px 20px rgba(43, 40, 36, 0.1);
}
.dfpd-video iframe {
position: absolute; inset: 0;
width: 100%; height: 100%; border: 0;
}
/* INSTALLATION NOTES — 3 important cards */
.dfpd-notes-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.85rem;
margin-bottom: 1rem;
}
.dfpd-note {
padding: 1.25rem 1.35rem;
background: var(--clay-sft);
border: 1px solid var(--border);
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(--clay);
margin-bottom: 0.35rem;
letter-spacing: -0.005em;
}
.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; }
/* 3-lamp A/B/C comparison block */
.dfpd-abc-compare {
margin-top: 1.25rem;
padding: 1.25rem;
background: var(--olive-sft);
border: 1px solid var(--border);
border-radius: 4px;
text-align: center;
}
.dfpd-abc-compare-title {
font-family: 'Fraunces', serif;
font-style: italic;
font-size: 1rem;
color: var(--olive-dk);
margin-bottom: 0.85rem;
}
.dfpd-abc-compare-img {
display: inline-block;
max-width: 560px;
width: 100%;
background: #FFFFFF;
border: 1px solid var(--border-lt);
border-radius: 3px;
padding: 4px;
cursor: zoom-in;
overflow: hidden;
transition: border-color 0.2s, box-shadow 0.25s;
}
.dfpd-abc-compare-img:hover {
border-color: var(--olive);
box-shadow: 0 4px 14px rgba(43, 40, 36, 0.1);
}
.dfpd-abc-compare-img img {
display: block; width: 100%; height: auto;
transition: transform 0.35s ease;
}
.dfpd-abc-compare-img:hover img { transform: scale(1.05); }
.dfpd-abc-compare-hint {
font-family: 'Fraunces', serif;
font-style: italic;
font-size: 0.82rem;
color: var(--stone);
margin-top: 0.75rem;
}
/* KELVIN (same as Niseko) */
.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 GROUPS — by lamp count */
.dfpd-size-group { margin-bottom: 1.75rem; }
.dfpd-size-group:last-child { margin-bottom: 0; }
.dfpd-size-group-title {
font-family: 'Fraunces', serif;
font-size: 1.15rem;
font-weight: 400;
color: var(--ink);
letter-spacing: -0.005em;
margin-bottom: 0.75rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--border-lt);
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1rem;
}
.dfpd-size-group-title em { font-style: italic; color: var(--olive-dk); }
.dfpd-size-group-power {
font-family: 'Outfit', sans-serif;
font-size: 0.58rem;
font-weight: 500;
letter-spacing: 0.26em;
text-transform: uppercase;
color: var(--olive);
}
/* Single-variant row */
.dfpd-size-row {
display: grid;
grid-template-columns: 140px 1fr;
gap: 1.25rem;
padding: 1rem 1.25rem;
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); }
/* A/B/C grid for 3-lamp */
.dfpd-abc-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.75rem;
}
.dfpd-abc-card {
background: var(--cream);
border: 1px solid var(--border);
border-radius: 4px;
overflow: hidden;
transition: box-shadow 0.25s;
display: flex;
flex-direction: column;
}
.dfpd-abc-card:hover { box-shadow: 0 4px 14px rgba(43, 40, 36, 0.06); }
.dfpd-abc-card-head {
padding: 0.75rem 1rem;
border-bottom: 1px solid var(--border-lt);
background: linear-gradient(180deg, var(--cream) 0%, var(--linen) 100%);
text-align: center;
}
.dfpd-abc-card-label {
font-family: 'Outfit', sans-serif;
font-size: 0.58rem;
font-weight: 500;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--olive);
margin-bottom: 0.15rem;
}
.dfpd-abc-card-title {
font-family: 'Fraunces', serif;
font-size: 1.35rem;
font-style: italic;
font-weight: 400;
color: var(--olive-dk);
line-height: 1;
}
/* Thumbnail */
.dfpd-size-thumb {
position: relative;
display: block;
width: 100%;
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-row .dfpd-size-thumb { height: 100px; }
.dfpd-abc-card .dfpd-size-thumb {
height: 120px;
border: none;
border-radius: 0;
padding: 8px;
}
.dfpd-size-thumb:hover {
border-color: var(--olive);
box-shadow: 0 4px 14px rgba(43, 40, 36, 0.1);
}
.dfpd-abc-card .dfpd-size-thumb:hover { box-shadow: none; border-color: transparent; }
.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: 22px; height: 22px;
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-dim {
font-family: 'Fraunces', serif;
font-size: 0.95rem;
font-style: italic;
color: var(--ink);
line-height: 1.45;
letter-spacing: -0.005em;
}
.dfpd-abc-card-dim {
padding: 0.75rem 0.85rem 1rem;
font-family: 'Fraunces', serif;
font-size: 0.85rem;
font-style: italic;
color: var(--ink-2);
line-height: 1.5;
text-align: center;
margin-top: auto;
}
/* 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.bronze {
background: radial-gradient(circle at 30% 30%, #A17A4E 0%, #6F4F2A 70%, #4D351D 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; }
.dfpd-abc-grid { 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-video { max-width: 100%; }
.dfpd-size-row {
grid-template-columns: 1fr;
text-align: left;
}
.dfpd-size-row .dfpd-size-thumb { height: 140px; max-width: 220px; margin: 0 auto; }
.dfpd-spec-row {
grid-template-columns: 1fr;
gap: 0.2rem;
padding: 0.85rem 1.15rem;
}
.dfpd-size-group-title { flex-direction: column; align-items: flex-start; gap: 0.25rem; }
}
@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
Round Alabaster Combination Wall Lamp.
Translucent alabaster planes intersected by a fluted form — referencing traditional Middle Eastern jewelry through a futurist lens. The stone glows from a hidden light source, illuminating the dialogue between the solid and the permeable. Doubles as wall light or ceiling flush mount.
Natural Alabaster
Hidden LED
Wall & Ceiling
Bronze finish
In motion
See it come to life.
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 nature of natural stone.US & Canada canopy
The canopy base is irregularly shaped. For US/Canada customers we include an additional round cover plate to conceal standard 12 cm (4.7 in) junction boxes.3-lamp A / B / C
Three sub-configurations differ in the diameter combinations. See the side-by-side comparison below before ordering.3-lamp A / B / C side by side
Click to enlarge
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 options
Six configurations, one language. · click any diagram to enlarge
2 lamps ~20 W
3 lamps · three sub-configurations ~30 W
Version
A
Dia 25 + 25 + 30 cm
∅ 9.8″ + 9.8″ + 11.8″
∅ 9.8″ + 9.8″ + 11.8″
Version
B
Dia 20 + 25 + 30 cm
∅ 7.9″ + 9.8″ + 11.8″
∅ 7.9″ + 9.8″ + 11.8″
Version
C
Dia 20 + 25 + 35 cm
∅ 7.9″ + 9.8″ + 13.8″
∅ 7.9″ + 9.8″ + 13.8″
4 lamps ~40 W
Specifications
Details, on the record.
Material
Metal · Natural Alabaster
Light Source
Integrated LED (hidden)
Voltage
AC 110–240 V
Mounting
Wall & Ceiling (doubles as flush mount)
Environment
Indoor use
Control
Common wall switch (not included)
Certifications
North America · Europe · Saudi Arabia · Australia
Finishes
Bronze
metal
White
alabaster
Questions? support@Liaelectricals.com — we reply within 24 hours.