.dfpd *, .dfpd *::before, .dfpd *::after {
box-sizing: border-box; margin: 0; padding: 0;
}
.dfpd {
--ink: #1A1612; --ink-2: #322C26; --ink-3: #564E44;
--cream: #F8F4EC; --bg: #ECE4D2; --linen: #E2D7BE; --sand: #C8B898;
--border: #B8A382; --border-lt: #CCB99A;
/* PRODUCT-SPECIFIC ACCENT — Brushed brass (matches brass ball joints, mid-century era) */
--olive: #A88040; /* Vintage brass — primary accent */
--olive-lt: #C49858;
--olive-dk: #6E5020; /* Deep antique brass */
--olive-sft: #F4E8CC; /* Pale brass cream */
/* PRODUCT-SPECIFIC WARNING — Charcoal (echoes black finish + mid-century gravitas) */
--clay: #382820;
--clay-sft: #DCD0C2;
--stone: #847460; --mist: #B0A088;
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; }
/* MAIN VIDEO */
.dfpd-video {
position: relative; aspect-ratio: 16 / 9;
width: 100%; max-width: 720px;
background: #000; border-radius: 4px;
overflow: hidden;
box-shadow: 0 6px 20px rgba(26, 22, 18, 0.12);
margin: 0 auto;
}
.dfpd-video iframe {
position: absolute; inset: 0;
width: 100%; height: 100%; border: 0;
display: block;
}
/* HERITAGE / DESIGN STORY CALLOUT */
.dfpd-heritage {
display: grid;
grid-template-columns: 80px 1fr;
gap: 1.5rem;
padding: 1.5rem 1.75rem;
background: linear-gradient(135deg, var(--cream) 0%, var(--olive-sft) 100%);
border: 1px solid var(--border);
border-radius: 4px;
align-items: center;
}
.dfpd-heritage-icon {
width: 64px; height: 64px;
border-radius: 50%;
background: var(--cream);
border: 1px solid var(--olive);
color: var(--olive-dk);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.dfpd-heritage-text-eyebrow {
font-family: 'Outfit', sans-serif;
font-size: 0.6rem;
font-weight: 500;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--olive);
margin-bottom: 0.4rem;
}
.dfpd-heritage-text h4 {
font-family: 'Fraunces', serif;
font-size: 1.3rem;
font-style: italic;
font-weight: 400;
color: var(--olive-dk);
letter-spacing: -0.01em;
line-height: 1.2;
margin-bottom: 0.4rem;
}
.dfpd-heritage-text p {
font-size: 0.88rem;
color: var(--ink-2);
line-height: 1.55;
margin: 0;
font-family: 'Fraunces', serif;
font-style: italic;
}
.dfpd-heritage-text p strong {
font-style: normal;
color: var(--ink);
font-weight: 500;
}
/* IMPORTANT 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 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 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; }
.dfpd-note a.dfpd-link-inline {
color: var(--olive-dk);
font-weight: 500;
text-decoration: none;
border-bottom: 1px solid var(--olive);
padding-bottom: 1px;
}
/* CONFIGURATIONS — dual group: 1-arm 3 sizes + 2-arm 2 sizes */
.dfpd-config-group {
margin-bottom: 2rem;
}
.dfpd-config-group:last-child { margin-bottom: 0; }
.dfpd-config-group-label {
display: flex;
align-items: baseline;
gap: 0.85rem;
margin-bottom: 0.85rem;
padding-bottom: 0.5rem;
border-bottom: 1px dashed var(--border-lt);
flex-wrap: wrap;
}
.dfpd-config-group-eyebrow {
font-family: 'Outfit', sans-serif;
font-size: 0.58rem;
font-weight: 500;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--olive);
}
.dfpd-config-group-title {
font-family: 'Fraunces', serif;
font-size: 1.05rem;
font-style: italic;
font-weight: 400;
color: var(--ink);
}
.dfpd-config-group-title em { color: var(--olive-dk); }
.dfpd-config-group-hint {
font-family: 'Fraunces', serif;
font-style: italic;
font-size: 0.75rem;
font-weight: 300;
color: var(--stone);
margin-left: auto;
}
/* 1-arm: 3 size cards */
.dfpd-sizes-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.85rem;
}
/* 2-arm: 2 cards */
.dfpd-sizes-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.85rem;
}
.dfpd-size-card {
display: flex;
flex-direction: column;
background: var(--cream);
border: 1px solid var(--border);
border-radius: 4px;
overflow: hidden;
transition: box-shadow 0.25s;
}
.dfpd-size-card:hover { box-shadow: 0 4px 14px rgba(26, 22, 18, 0.1); }
.dfpd-size-head-row {
padding: 0.85rem 1.15rem 0.75rem;
border-bottom: 1px solid var(--border-lt);
background: linear-gradient(180deg, var(--cream) 0%, var(--linen) 100%);
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 0.5rem;
flex-wrap: wrap;
}
.dfpd-size-card-title {
font-family: 'Fraunces', serif;
font-size: 1.45rem;
font-weight: 400;
font-style: italic;
color: var(--olive-dk);
letter-spacing: -0.005em;
line-height: 1;
}
.dfpd-size-card-power {
display: inline-flex;
align-items: center;
padding: 0.18rem 0.55rem;
background: var(--olive-sft);
color: var(--olive-dk);
border-radius: 2px;
font-family: 'Outfit', sans-serif;
font-size: 0.55rem;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.dfpd-size-thumb {
position: relative;
display: block;
width: 100%;
height: 220px;
background: #FFFFFF;
border-bottom: 1px solid var(--border-lt);
overflow: hidden;
cursor: zoom-in;
padding: 8px;
text-decoration: none;
color: inherit;
transition: background 0.2s;
}
.dfpd-size-thumb:hover { background: #FAF7F0; }
.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.18); }
.dfpd-size-thumb-icon {
position: absolute;
bottom: 8px; right: 8px;
width: 22px; height: 22px;
background: rgba(26, 22, 18, 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-card-specs {
padding: 0.85rem 1.15rem 1rem;
text-align: center;
}
.dfpd-size-card-dim {
font-family: 'Fraunces', serif;
font-size: 0.92rem;
font-style: italic;
color: var(--ink);
line-height: 1.45;
}
/* 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;
}
.dfpd-spec-val a {
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-spec-val a:hover { color: var(--ink); border-color: var(--ink); }
/* FINISHES — 2 colors */
.dfpd-finishes {
display: flex; flex-wrap: wrap; gap: 1.25rem;
margin-top: 0.4rem;
}
.dfpd-finish {
display: flex; flex-direction: column; align-items: center;
gap: 0.45rem; 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(26, 22, 18, 0.08);
box-shadow: 0 2px 4px rgba(26, 22, 18, 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.white {
background: radial-gradient(circle at 30% 30%, #FFFFFF 0%, #F0EBE0 60%, #D8D2C4 100%);
}
.dfpd-finish-swatch.black {
background: radial-gradient(circle at 30% 30%, #4A453F 0%, #1F1B18 60%, #0D0B0A 100%);
}
.dfpd-finish-label {
font-family: 'Outfit', sans-serif;
font-size: 0.66rem; font-weight: 400;
color: var(--ink-2);
line-height: 1.3;
}
/* GEO FAQ SECTION */
.dfpd-faq {
background: var(--cream);
border: 1px solid var(--border);
border-radius: 4px;
overflow: hidden;
}
.dfpd-faq-item { border-bottom: 1px solid var(--border-lt); }
.dfpd-faq-item:last-child { border-bottom: none; }
.dfpd-faq-item summary {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
padding: 1rem 1.35rem;
cursor: pointer;
list-style: none;
font-family: 'Fraunces', serif;
font-size: 1rem;
font-style: italic;
font-weight: 400;
color: var(--ink);
letter-spacing: -0.005em;
transition: background 0.2s;
}
.dfpd-faq-item summary::-webkit-details-marker { display: none; }
.dfpd-faq-item summary:hover { background: var(--linen); }
.dfpd-faq-toggle {
flex-shrink: 0;
width: 24px; height: 24px;
border: 1px solid var(--border);
border-radius: 50%;
display: inline-flex;
align-items: center; justify-content: center;
color: var(--olive);
background: var(--cream);
transition: transform 0.25s, background 0.2s;
}
.dfpd-faq-item[open] .dfpd-faq-toggle {
transform: rotate(45deg);
background: var(--olive-sft);
border-color: var(--olive);
}
.dfpd-faq-answer {
padding: 0 1.35rem 1.15rem;
font-size: 0.88rem;
line-height: 1.65;
color: var(--ink-2);
font-weight: 300;
}
.dfpd-faq-answer p { margin: 0 0 0.55rem; }
.dfpd-faq-answer p:last-child { margin-bottom: 0; }
.dfpd-faq-answer p strong { color: var(--ink); font-weight: 500; }
.dfpd-faq-answer a {
color: var(--olive-dk);
font-weight: 500;
text-decoration: none;
border-bottom: 1px solid var(--olive);
padding-bottom: 1px;
}
.dfpd-faq-answer a:hover { color: var(--ink); border-color: var(--ink); }
/* DOWNLOADS — 2 columns */
.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(26, 22, 18, 0.08);
}
.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); }
/* 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-sizes-3 { grid-template-columns: 1fr; }
.dfpd-sizes-2 { grid-template-columns: 1fr; }
.dfpd-foot { grid-template-columns: 1fr; }
.dfpd-heritage {
grid-template-columns: 1fr;
text-align: center;
}
.dfpd-heritage-icon { margin: 0 auto; }
}
@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-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 · Serge Mouille inspired
The Multi Arm Spider Wall Sconce.
Inspired by the iconic Serge Mouille design — same silhouette, same quality details. Slender aluminum arms extend from a shared mounting plate, each tipped with a sculpted shade pivoting on a brass ball-and-socket joint. An insect-inspired silhouette that swivels independently to direct light wherever you want it. Available in five configurations for minimalist, contemporary, and mid-century modern interiors.
Spider silhouette
Brass ball joints
Five configurations
E26 / E27 base
In motion
See it come to life.
Design heritage
A Serge Mouille-inspired silhouette.
The story
Inspired by Serge Mouille's 1950s insect-form sconces.
Conceived as a slender, sophisticated counterpoint to the bulkier Italian fixtures of its era, the original Serge Mouille design language belongs to the celebrated 1950s mid-century insect-inspired tradition — pieces that treat lighting as functional sculpture. This Multi Arm Spider faithfully carries that vocabulary: same iconic silhouette, same quality details — articulated arms, brass ball-and-socket joints, and shades shaped like a mantis at rest.Before you order
Important notes.
Each arm swivels independently
Both arms rotate at the mounting plate, and each shade pivots on a brass ball-and-socket joint — point each light independently to your reading chair, art piece, or work surface.Bulb base
Each socket uses an E26 / E27 screw-base bulb (LED or Edison). Use E26 in North America and E27 in Europe.Which one for your region →Plug-in cord
150 cm / 59″ cord with switch plug — extendable on request. No hardwiring needed; just mount, plug in, and switch on.Five configurations
Five sizes & arrangements. · hover to zoom · click to enlarge
Group 1 Single-arm sconce · three lengths a focused beam for a single direction
1 arm L 23.6″
L 60 × H 40 cm
L 23.6″ × H 15.8″
L 23.6″ × H 15.8″
1 arm L 31.5″
L 80 × H 40 cm
L 31.5″ × H 15.8″
L 31.5″ × H 15.8″
1 arm L 47.2″
L 120 × H 40 cm
L 47.2″ × H 15.8″
L 47.2″ × H 15.8″
Group 2 Dual-arm sconce · two lengths two heads on independent swivels for layered light
2 arms L 47.2″
L 120 × H 77 cm
L 47.2″ × H 30.3″
L 47.2″ × H 30.3″
2 arms L 55.1″
L 140 × H 77 cm
L 55.1″ × H 30.3″
L 55.1″ × H 30.3″
Specifications
Details, on the record.
Material
Aluminum · Metal (brass ball-and-socket joints)
Light Source
LED bulb or Edison bulb (not included)
Bulb Base
E26 or E27 (standard screw base)
Voltage
AC 110–240 V
Mounting
Wall (plug-in — no hardwiring)
Adjustability
Independent arm swivel · brass ball-and-socket shade joint (direct light freely)
Cord
150 cm / 59″ with switch plug (extendable on request)
Packing Size
Dia 140 cm × H 50 cm (2-arm versions)
Certifications
North America · Europe · Saudi Arabia · Australia
Finishes
White
Black
Frequently asked
Questions, answered.
What sizes and configurations does the Multi Arm Spider Sconce come in?
The Multi Arm Spider Wall Sconce is available in five configurations across two arrangement groups:
Single-arm (3 lengths): L 23.6″ (60 cm), L 31.5″ (80 cm), and L 47.2″ (120 cm) — all 15.8″ tall. Choose by how far you need the shade to reach from the wall.
Dual-arm (2 lengths): L 47.2″ (120 × 77 cm) and L 55.1″ (140 × 77 cm) — both with two independently swiveling arms for layered light over a sofa, headboard, or console.
Can I adjust the direction of the light?
Yes — every arm rotates at the mounting plate, and each shade pivots on a brass ball-and-socket joint at the end of the arm. On dual-arm versions, both arms move independently, so you can point one toward a reading chair and the other toward a wall art piece. The fluid joint design lets you fine-tune the angle freely without tools.
Does the sconce need to be hardwired?
No — it's a plug-in fixture. The sconce ships with a 150 cm / 59″ power cord and switch plug, ending in a standard wall plug. There's no junction box, no in-wall wiring, and no electrician needed. Mount the plate to the wall, plug in, and switch on.
The cord is extendable on request for higher mounting heights or longer runs to your nearest outlet.
What kind of bulb does it use?
Each socket uses a standard E26 or E27 screw-base bulb (LED or Edison bulb supported). Use E26 in North America and E27 in Europe, the UK, and most other regions. Bulbs are not included.
Bulb count: 1 bulb per single-arm version, 2 bulbs per dual-arm version.
What is the return and exchange policy?
Lia offers a 30-day return policy on undamaged items in their original packaging. Slight tonal variations on the brass ball joints are part of the natural patina of brass and not eligible for return as defects.
For returns, exchanges, or any questions, contact support@LiaELECTRICALS.com — we reply within 24 hours.
Questions? support@LiaELECTRICALS.com — we reply within 24 hours.