Drift Adjustable Ceiling Lamp
.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; --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 0 0 20px; } .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); } .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; } .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 — second block · autoplay */ .dfpd-vid-wrap { max-width: 640px; } .dfpd-vid { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; border: 1px solid var(--border); border-radius: 4px; overflow: hidden; box-shadow: 0 6px 20px rgba(26,26,24,0.1); } .dfpd-vid iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; } .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; } .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-h4 { font-family: var(--dk-sans); font-weight: 600; font-size: 1.05rem; color: var(--sage); line-height: 1.25; margin-bottom: 0.35rem; } .dfpd-sage-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.5rem; } .dfpd-sage-p:last-child { margin-bottom: 0; } .dfpd-sage-link { display: inline-flex; align-items: center; gap: 0.4rem; font-family: var(--dk-jost); font-weight: 600; font-size: 0.7rem; letter-spacing: 0.06em; color: var(--sage); text-decoration: none; border-bottom: 1px solid var(--sage); padding-bottom: 1px; } /* Size cards (with images) */ .dfpd-sizes-text { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.65rem; margin-top: 1.1rem; } .dfpd-size-card { background: var(--cream); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; transition: box-shadow 0.25s, border-color 0.2s; } .dfpd-size-card:hover { box-shadow: 0 4px 14px rgba(26,26,24,0.08); border-color: var(--gold); } .dfpd-size-card-thumb { display: block; width: 100%; height: 200px; background: #FFFFFF; border-bottom: 1px solid var(--border-lt); padding: 10px; overflow: hidden; } .dfpd-size-card-thumb img { display: block; width: 100%; height: 100%; object-fit: contain; } .dfpd-size-card-body { padding: 1rem 1.2rem 1.15rem; } .dfpd-size-card-name { font-family: var(--dk-sans); font-weight: 600; font-size: 1.05rem; color: var(--ink); line-height: 1.1; margin-bottom: 0.3rem; } .dfpd-size-card-dim { font-family: var(--dk-jost); font-weight: 600; font-size: 0.84rem; color: var(--ink-2); margin-bottom: 0.2rem; line-height: 1.5; } .dfpd-size-card-sub { font-family: var(--dk-serif); font-size: 0.88rem; color: var(--ink-3); margin-top: 0.3rem; } .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-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); } .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-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; } @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 { grid-template-columns: 1fr; text-align: center; } .dfpd-craft-icon { margin: 0 auto; } .dfpd-sage { grid-template-columns: 1fr; } .dfpd-sage-icon { margin: 0 auto; } .dfpd-sizes-text { grid-template-columns: 1fr; } .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; } .dfpd-inner { padding: 0 0 0 12px; } } Adjustable Ceiling Lamp · Metal & Acrylic · Integrated LED · 3 Sizes Drift Adjustable Ceiling Lamp. A sleek fusion of form and function, with a sculptural presence and soft halo glow. Its wide circular shade distributes light evenly, and its adjustable, low-profile design suits modern living rooms, kitchens, and workspaces. Wide Circular Shade Soft Halo Glow Adjustable Design Integrated LED In motion See it in your space. Optional dimming Choosing the dimming version? Use a thyristor (Triac) dimmer. If you choose the dimming version of the Drift, we recommend pairing it with a thyristor (Triac) dimming switch for the smoothest, flicker-free results. The standard (non-dimming) version works with a common wall switch. Shop compatible thyristor dimmers Three sizes Choose your diameter. Small Dia 30 × H 9 cm · ∅ 11.8″ × H 3.5″ Integrated LED · ~32 W Medium Dia 40 × H 9 cm · ∅ 15.7″ × H 3.5″ Integrated LED · ~32 W Large Dia 50 × H 9 cm · ∅ 19.7″ × H 3.5″ Integrated LED · ~36 W Specifications Details, on the record. Material Metal + Acrylic Light Source Integrated LED · ~32 / 32 / 36 W by size · non-replaceable module Finishes Brown Beige Green Canopy Plate Dia 12 cm / ∅ 4.7″ Dimming Optional dimming version · thyristor (Triac) dimmer recommended Voltage AC 110–240 V Certifications Compatible with North America, Europe, Australia, Saudi Arabia Mounting Ceiling · indoor use only Control Standard wall switch · not included Downloads Documents & resources. PDF Document Tear Sheet PDF Document Assembly Guide Resource 3D Files Library Frequently asked Quick questions. Which size should I choose? All three share the same slim 3.5-inch profile and differ in diameter and output. The Small (∅ 11.8″, ~32 W) suits a hallway, small bedroom, or workspace. The Medium (∅ 15.7″, ~32 W) is a versatile fit for bedrooms and kitchens. The Large (∅ 19.7″, ~36 W) covers a living room or open area with its wider halo of even light. As general guidance, larger rooms and higher ceilings call for the larger diameter. How do I dim it? The Drift is offered in a dimming version and a standard version. If you choose the dimming version, we recommend pairing it with a thyristor (Triac) dimming switch for the smoothest, flicker-free performance. The standard version is operated by a common wall switch (not included). Make sure to select the dimming version at purchase if you want to dim the light. Is the LED replaceable? The Drift uses an integrated LED — a built-in, non-replaceable module rather than a standard bulb — which enables the slim, sealed, low-profile disc and the soft, even halo glow. Integrated LEDs are rated for many years of typical use; should service ever be needed, contact us. Questions? [email protected] — we reply within 24 hours.
More you might like
Related
Drift Adjustable Ceiling Lamp
Related
Graceful Drift Ceiling Lamp
Related
Drift Adjustable Ceiling Light
Related