Viscontea Pendant Light
.dfpd *, .dfpd *::before, .dfpd *::after { box-sizing: border-box; margin: 0; padding: 0; } .dfpd { --ink: #1A1A18; --ink-2: #3E3E3A; --ink-3: #6E6E68; --cream: #FDFBF6; --linen: # F0EBDF; --border: #C4B89A; --border-lt: #DCD3BC; --gold: #9C7A3C; --gold-dk: #6E5420; --gold-sft: #ECDDB8; --stone: #6E6E68; --sage: #7A8A5C; --sage-sft: #DDE5C8; --clay: #8A6A5C; --clay-sft: #EDE0D8; --dk-sans: 'Outfit', 'Helvetica Neue', sans-serif; --dk-serif: 'Cormorant Garamond', Georgia, serif; --dk-jost: 'Jost', 'Helvetica Neue', sans-serif; font-family: var(--dk-serif); -webkit-font-smoothing: antialiased; color: var(--ink); font-weight: 400; font-size: 17px; line-height: 1.65; background: var(--cream); padding: 1.5rem 0 2rem; width: 100%; } .dfpd-inner { max-width: 100%; margin: 0; padding: 0; } .dfpd-sec { margin-bottom: 2rem; } .dfpd-h2 { font-family: var(--dk-sans); font-weight: 600; font-size: clamp(1.4rem, 2.2vw, 1.7rem); line-height: 1.2; color: var(--ink); margin-bottom: 1rem; letter-spacing: -0.01em; } .dfpd-h2 .gold { color: var(--gold); } .dfpd-eyebrow { display: inline-flex; align-items: center; gap: 0.7rem; font-family: var(--dk-jost); font-weight: 500; font-size: 0.65rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.85rem; } .dfpd-eyebrow::before { content: ''; width: 22px; height: 1px; background: var(--gold); } /* ── HERO ── */ .dfpd-hero { padding-bottom: 1.85rem; border-bottom: 1px solid var(--border); margin-bottom: 1.85rem; } .dfpd-hero-eyebrow { display: inline-flex; align-items: center; gap: 0.7rem; font-family: var(--dk-jost); font-weight: 500; font-size: 0.7rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 1rem; } .dfpd-hero-eyebrow::before { content: ''; width: 26px; height: 1px; background: var(--gold); } .dfpd-title { font-family: var(--dk-sans); font-weight: 600; font-size: clamp(2rem, 3.8vw, 2.6rem); line-height: 1.1; letter-spacing: -0.02em; color: var(--ink); margin-bottom: 1rem; max-width: 780px; } .dfpd-title .gold { color: var(--gold); } .dfpd-lede { font-family: var(--dk-serif); font-weight: 400; font-size: 1.08rem; line-height: 1.7; color: var(--ink-2); max-width: 720px; } .dfpd-lede .gold { color: var(--gold); font-weight: 500; } /* ── FEATURE CHIPS (4-col grid) ── */ .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: 2rem; } .dfpd-feature { padding: 1.1rem 0.9rem; 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(--gold-dk); margin-bottom: 0.55rem; display: inline-flex; } .dfpd-feature-title { font-family: var(--dk-sans); font-weight: 600; font-size: 0.9rem; line-height: 1.3; color: var(--ink); } .dfpd-feature-title .gold { color: var(--gold); } /* ── VIDEO ── */ .dfpd-video { position: relative; aspect-ratio: 16/9; width: 100%; max-width: 720px; margin: 0 auto; background: #000; border-radius: 4px; overflow: hidden; box-shadow: 0 6px 20px rgba(26,26,24,0.12); } .dfpd-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; } /* ── CRAFT MODULE (gold gradient) ── */ .dfpd-craft { display: grid; grid-template-columns: 70px 1fr; gap: 1.4rem; padding: 1.35rem 1.65rem; background: linear-gradient(135deg, var(--cream) 0%, var(--gold-sft) 100%); border: 1px solid var(--border); border-radius: 4px; align-items: center; } .dfpd-craft-icon { width: 60px; height: 60px; border-radius: 50%; background: var(--cream); border: 1px solid var(--gold); color: var(--gold-dk); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dfpd-craft-text-eyebrow { font-family: var(--dk-jost); font-weight: 500; font-size: 0.6rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.35rem; } .dfpd-craft-text h4 { font-family: var(--dk-sans); font-weight: 600; font-size: 1.15rem; color: var(--ink); line-height: 1.25; margin-bottom: 0.45rem; } .dfpd-craft-text h4 .gold { color: var(--gold); } .dfpd-craft-text p { font-family: var(--dk-serif); font-weight: 400; font-size: 0.98rem; color: var(--ink-2); line-height: 1.6; margin: 0; } .dfpd-craft-text p .gold { color: var(--gold); font-weight: 500; } /* ── SAGE MODULE — customization / installation notice ── */ .dfpd-sage { display: grid; grid-template-columns: 72px 1fr; gap: 1.4rem; padding: 1.35rem 1.65rem; background: var(--sage-sft); border: 1.5px solid var(--sage); border-radius: 4px; align-items: flex-start; } .dfpd-sage-icon { width: 56px; height: 56px; border-radius: 50%; background: var(--cream); border: 1.5px solid var(--sage); color: var(--sage); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dfpd-sage-eyebrow { font-family: var(--dk-jost); font-weight: 600; font-size: 0.6rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--sage); margin-bottom: 0.3rem; } .dfpd-sage-text h4 { font-family: var(--dk-sans); font-weight: 600; font-size: 1.05rem; color: var(--sage); line-height: 1.25; margin-bottom: 0.4rem; } .dfpd-sage-text p { font-family: var(--dk-serif); font-weight: 400; font-size: 0.95rem; color: var(--ink-2); line-height: 1.6; margin: 0 0 0.4rem; } .dfpd-sage-text p:last-child { margin-bottom: 0; } .dfpd-sage-tags { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: 0.65rem; } .dfpd-sage-tag { font-family: var(--dk-jost); font-weight: 500; font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; padding: 0.25rem 0.65rem; background: var(--cream); border: 1px solid var(--sage); border-radius: 2px; color: var(--sage); } /* ── CLAY MODULE — warnings, material notes, installation alerts ── */ .dfpd-clay { display: grid; grid-template-columns: 72px 1fr; gap: 1.4rem; padding: 1.35rem 1.65rem; background: var(--clay-sft); border: 1.5px solid var(--clay); border-radius: 4px; align-items: flex-start; } .dfpd-clay-icon { width: 56px; height: 56px; border-radius: 50%; background: var(--cream); border: 1.5px solid var(--clay); color: var(--clay); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dfpd-clay-eyebrow { font-family: var(--dk-jost); font-weight: 600; font-size: 0.6rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--clay); margin-bottom: 0.3rem; } .dfpd-clay-text h4 { font-family: var(--dk-sans); font-weight: 600; font-size: 1.05rem; color: var(--clay); line-height: 1.25; margin-bottom: 0.4rem; } .dfpd-clay-text p { font-family: var(--dk-serif); font-weight: 400; font-size: 0.95rem; color: var(--ink-2); line-height: 1.6; margin: 0; } /* ── FINISHES / COLOR SWATCHES ── */ .dfpd-finishes { display: flex; flex-wrap: wrap; gap: 1.6rem; margin-top: 0.4rem; } .dfpd-finish { display: flex; flex-direction: column; align-items: center; gap: 0.45rem; transition: transform 0.2s; } .dfpd-finish:hover { transform: translateY(-2px); } .dfpd-finish-swatch { width: 44px; height: 44px; border-radius: 50%; box-shadow: 0 2px 4px rgba(26,26,24,0.1), inset 0 -6px 10px rgba(0,0,0,0.1), inset 2px 2px 3px rgba(255,255,255,0.4); } .dfpd-finish-name { font-family: var(--dk-jost); font-weight: 500; font-size: 0.68rem; color: var(--ink-2); text-align: center; } /* ── SINGLE-SIZE LAYOUT (image-left + text-right) ── */ .dfpd-size-single { display: grid; grid-template-columns: 260px 1fr; gap: 1.65rem; padding: 1.35rem 1.65rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; align-items: center; } .dfpd-size-single-image { position: relative; display: block; width: 100%; height: 230px; background: #FFFFFF; border: 1px solid var(--border-lt); border-radius: 3px; padding: 8px; cursor: zoom-in; overflow: hidden; transition: border-color 0.2s, box-shadow 0.25s; text-decoration: none; } .dfpd-size-single-image:hover { border-color: var(--gold); box-shadow: 0 4px 14px rgba(26,26,24,0.1); } .dfpd-size-single-image img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform 0.4s ease; } .dfpd-size-single-image:hover img { transform: scale(1.4); } .dfpd-size-single-image-icon { position: absolute; bottom: 10px; right: 10px; width: 24px; height: 24px; background: rgba(26,26,24,0.85); color: var(--cream); border-radius: 50%; display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 2; } .dfpd-size-single-eyebrow { font-family: var(--dk-jost); font-weight: 500; font-size: 0.55rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.45rem; } .dfpd-size-single-title { font-family: var(--dk-sans); font-weight: 600; font-size: 1.6rem; color: var(--ink); line-height: 1.05; margin-bottom: 0.4rem; letter-spacing: -0.01em; } .dfpd-size-single-dim { font-family: var(--dk-jost); font-weight: 600; font-size: 0.92rem; color: var(--ink-2); line-height: 1.6; margin-bottom: 0.65rem; } .dfpd-size-single-note { font-family: var(--dk-serif); font-weight: 400; font-size: 0.93rem; color: var(--ink-3); margin-bottom: 0.65rem; line-height: 1.5; } .dfpd-size-single-pill { display: inline-flex; padding: 0.32rem 0.75rem; background: var(--gold-sft); color: var(--gold-dk); border-radius: 2px; font-family: var(--dk-jost); font-weight: 500; font-size: 0.6rem; letter-spacing: 0.22em; text-transform: uppercase; } /* ── SPECS TABLE ── */ .dfpd-specs { border: 1px solid var(--border); border-radius: 4px; overflow: hidden; background: var(--cream); } .dfpd-spec-row { display: grid; grid-template-columns: 150px 1fr; gap: 1.4rem; padding: 0.7rem 1.25rem; border-bottom: 1px solid var(--border-lt); align-items: baseline; } .dfpd-spec-row:last-child { border-bottom: none; } .dfpd-spec-row:hover { background: var(--linen); } .dfpd-spec-label { font-family: var(--dk-jost); font-weight: 500; font-size: 0.58rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--stone); } .dfpd-spec-val { font-family: var(--dk-serif); font-weight: 400; font-size: 0.93rem; color: var(--ink); line-height: 1.5; } .dfpd-spec-val .gold { color: var(--gold-dk); font-weight: 500; } .dfpd-spec-val .sub { font-family: var(--dk-jost); font-weight: 400; font-size: 0.78rem; color: var(--stone); } .dfpd-spec-val a { color: var(--gold-dk); text-decoration: none; border-bottom: 1px solid var(--gold); padding-bottom: 1px; } /* ── DOWNLOADS (3-col) ── */ .dfpd-foot { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.7rem; } .dfpd-download { display: flex; align-items: center; gap: 0.85rem; padding: 0.9rem 1.15rem; 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(--gold); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(26,26,24,0.08); } .dfpd-download-icon { width: 34px; height: 34px; background: var(--linen); border-radius: 4px; color: var(--gold-dk); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dfpd-download-title { font-family: var(--dk-sans); font-weight: 600; font-size: 0.92rem; line-height: 1.25; color: var(--ink); } .dfpd-download-sub { font-family: var(--dk-jost); font-weight: 500; font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); } .dfpd-download-arrow { margin-left: auto; color: var(--gold); transition: transform 0.2s; } .dfpd-download:hover .dfpd-download-arrow { transform: translateX(3px); } /* ── FAQ ── */ .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: 0.95rem 1.25rem; cursor: pointer; list-style: none; font-family: var(--dk-sans); font-weight: 600; font-size: 0.98rem; color: var(--ink); 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: 22px; height: 22px; border: 1px solid var(--border); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--gold); background: var(--cream); transition: transform 0.25s, background 0.2s; } .dfpd-faq-item[open] .dfpd-faq-toggle { transform: rotate(45deg); background: var(--gold-sft); border-color: var(--gold); } .dfpd-faq-answer { padding: 0 1.25rem 1rem; font-family: var(--dk-serif); font-weight: 400; font-size: 0.96rem; line-height: 1.6; color: var(--ink-2); } .dfpd-faq-answer p { margin: 0 0 0.5rem; } .dfpd-faq-answer p:last-child { margin-bottom: 0; } .dfpd-faq-answer .gold { color: var(--gold-dk); font-weight: 500; } .dfpd-faq-answer a { color: var(--gold-dk); text-decoration: none; border-bottom: 1px solid var(--gold); padding-bottom: 1px; } /* ── SUPPORT FOOTER ── */ .dfpd-support { padding-top: 0.95rem; border-top: 1px solid var(--border-lt); text-align: center; font-family: var(--dk-serif); font-weight: 400; font-size: 0.92rem; color: var(--stone); } .dfpd-link { color: var(--gold-dk); font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--gold); padding-bottom: 1px; } .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-craft, .dfpd-sage, .dfpd-clay { grid-template-columns: 1fr; } .dfpd-craft-icon, .dfpd-sage-icon, .dfpd-clay-icon { margin: 0 auto; } .dfpd-size-single { grid-template-columns: 1fr; text-align: center; } .dfpd-size-single-image { max-width: 260px; margin: 0 auto; } .dfpd-size-single-pill { margin: 0 auto; } .dfpd-foot { grid-template-columns: 1fr; } } @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; } .dfpd-spec-row { grid-template-columns: 1fr; gap: 0.2rem; padding: 0.75rem 1.05rem; } } Pendant Light · E26/E27 · Brown & White Viscontea Pendant Light Experience the perfect marriage of mid-century Italian inspiration and contemporary craftsmanship with the Viscontea Pendant Light. This statement piece is designed to transform any room into a gallery of light and texture Sculptural Web Metal & PETG E26/E27 Socket Adjustable Drop In motion See it come to life. Form & material A woven veil over a shaped frame. The design Mid-century Italian form, contemporary build. An irregular, biomorphic silhouette is built up from a hand-shaped metal frame wrapped in a fine PETG web, so light filters through a soft, textured veil rather than a hard shade. The result reads as part sculpture, part lamp — a quiet focal point that adds depth and shadow to a room without dominating it. Made to fit your ceiling Adjustable hanging length. Each light ships with 150 cm / 59″ of suspension wire that can be shortened on installation. Need a longer drop for a stairwell or vaulted ceiling? The wire can be extended on request — message the team with your ceiling height before ordering. 150 cm Standard Extension Available Good to know — material PETG web, not glass. The webbed surface is a fine PETG polymer spun over a metal frame, not glass or fabric. It is lightweight and translucent, gives the fixture its signature softened glow, and should be dusted gently with a dry or barely-damp cloth — avoid solvents or abrasive cleaners. Size One considered scale. Single configuration Dia 45 × H 25 cm ∅ 17.7″ × H 9.8″ A compact, sculptural scale that works as a single statement over a small table, or in a cluster of two or three at staggered heights. Dining nook · Entryway · Bedside Specifications Details, on the record. Material Metal . Resin . Wood Light Source E26/E27 · LED or Edison bulb · not included Voltage AC 110–240 V · compatible with North America, Europe, Australia, Saudi Arabia certification Control Works with a standard wall switch · switch not included Suspension 150 cm / 59″ wire · shortenable on install · extendable on request Mounting Ceiling · indoor use only Downloads Documents & resources. PDF Document Tear Sheet PDF Request via email Assembly Guide 3D Request via email 3D Files Frequently asked Quick questions. What bulb does the Nido Pendant Light use? It takes one standard E26/E27 screw-base bulb, sold separately — an LED or decorative Edison bulb both work well. E26 and E27 share the same screw fitting, so either label is correct for the US market; see the E26/E27 bulb guide for details. Can the hanging length be adjusted? Yes. The light ships with 150 cm / 59″ of wire that your electrician can shorten to suit your ceiling height. For a taller drop — over a stairwell or vaulted ceiling — a longer wire can be supplied on request; message the team with your ceiling height before ordering. Is the shade glass or plastic? The webbed surface is PETG, a lightweight translucent polymer, spun over a metal frame — not glass or fabric. It diffuses the light into a soft, textured glow and wipes clean with a dry or barely-damp cloth. What rooms suit this pendant? At Dia 45 × H 25 cm (∅ 17.7″ × H 9.8″) it works as a single statement over a dining nook, breakfast table, entryway, or bedside, and looks especially good hung as a cluster of two or three at staggered heights in a stairwell or living room. Will it work with my home's electrical system? Yes. It runs on AC 110–240 V and is certified for North America, Europe, Australia, and Saudi Arabia, so it works on standard US household wiring. It mounts to a ceiling box and operates from a standard wall switch (switch not included); installation by a qualified electrician is recommended. Questions? [email protected] — we reply within 24 hours.
More you might like
Related
Viscontea Pendant Light
Related
Viscontea Pendant Light
Related
Viscontea Pendant Light
Related