Rancho Swing Arm Pendant Light
.dfpd *, .dfpd *::before, .dfpd *::after { box-sizing: border-box; margin: 0; padding: 0; } .dfpd { --ink: #2A1F18; --ink-2: #463524; --ink-3: #6A4F3A; --cream: #FAF3E8; --linen: # ECDCB8; --border: #B89048; --border-lt: #D2AC78; --olive: #A88438; --olive-dk: #6E5018; --olive-sft: #FAEAB8; --stone: #786040; font-family: 'Outfit', 'Helvetica Neue', sans-serif; -webkit-font-smoothing: antialiased; color: var(--ink); font-weight: 300; font-size: 16px; line-height: 1.6; 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-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; color: var(--ink); margin-bottom: 1rem; } .dfpd-h2 em { font-style: italic; color: var(--olive-dk); } .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-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; 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; line-height: 1.7; color: var(--ink-2); max-width: 720px; margin-bottom: 0.85rem; } .dfpd-lede:last-child { margin-bottom: 0; } .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; } .dfpd-feature-title em { font-style: italic; color: var(--olive-dk); } .dfpd-sec { margin-bottom: 2.5rem; } .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(42, 31, 24, 0.12); margin: 0 auto; } .dfpd-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; } .dfpd-craft { 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-craft-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-craft-text-eyebrow { font-size: 0.6rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--olive); margin-bottom: 0.4rem; } .dfpd-craft-text h4 { font-family: 'Fraunces', serif; font-size: 1.3rem; font-style: italic; font-weight: 400; color: var(--olive-dk); line-height: 1.2; margin-bottom: 0.45rem; } .dfpd-craft-text p { font-size: 0.9rem; color: var(--ink-2); line-height: 1.6; margin: 0; } .dfpd-craft-text p strong { color: var(--ink); font-weight: 500; } /* SWING ARM SOLVES OFF-CENTER J-BOX — KEY VALUE PROP */ .dfpd-swing-hero { padding: 1.5rem 1.75rem; background: var(--olive-sft); border: 2px solid var(--olive); border-radius: 4px; } .dfpd-swing-hero-row { display: grid; grid-template-columns: 320px 1fr; gap: 1.75rem; align-items: center; } .dfpd-swing-diagram { display: flex; align-items: center; justify-content: center; width: 100%; height: 220px; background: var(--cream); border-radius: 4px; border: 1px solid var(--border-lt); } .dfpd-swing-text-eyebrow { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.28em; text-transform: uppercase; color: var(--olive); margin-bottom: 0.4rem; } .dfpd-swing-text h4 { font-family: 'Fraunces', serif; font-size: 1.25rem; font-style: italic; font-weight: 400; color: var(--olive-dk); line-height: 1.25; margin-bottom: 0.55rem; } .dfpd-swing-text p { font-size: 0.92rem; color: var(--ink-2); line-height: 1.6; margin: 0 0 0.55rem; } .dfpd-swing-text p:last-child { margin-bottom: 0; } .dfpd-swing-text p strong { color: var(--ink); font-weight: 500; } .dfpd-size-single { display: grid; grid-template-columns: 280px 1fr; gap: 1.75rem; padding: 1.5rem 1.75rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; align-items: center; } .dfpd-size-single-text { text-align: left; } .dfpd-size-single-eyebrow { font-size: 0.55rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--olive); margin-bottom: 0.5rem; } .dfpd-size-single-title { font-family: 'Fraunces', serif; font-size: 1.85rem; font-style: italic; font-weight: 400; color: var(--olive-dk); line-height: 1; margin-bottom: 0.5rem; } .dfpd-size-single-dim { font-family: 'Fraunces', serif; font-size: 1rem; font-style: italic; color: var(--ink-2); line-height: 1.5; margin-bottom: 0.85rem; } .dfpd-size-single-dim em { font-style: normal; color: var(--stone); font-family: 'Outfit', sans-serif; font-size: 0.78rem; } .dfpd-size-single-image { position: relative; display: block; width: 100%; height: 240px; margin: 0; 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; } .dfpd-size-single-image:hover { border-color: var(--olive); box-shadow: 0 4px 14px rgba(42, 31, 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.5); } .dfpd-size-single-image-icon { position: absolute; bottom: 10px; right: 10px; width: 24px; height: 24px; background: rgba(42, 31, 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-pill { display: inline-flex; padding: 0.35rem 0.85rem; background: var(--olive-sft); color: var(--olive-dk); border-radius: 2px; font-size: 0.65rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; } /* COLORWAY GRID — 4 finish variants */ .dfpd-colorways { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.65rem; } .dfpd-colorway { background: #FFFFFF; border: 1px solid var(--border-lt); border-radius: 3px; padding: 1rem 0.7rem; text-align: center; transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s; } .dfpd-colorway:hover { border-color: var(--olive); transform: translateY(-2px); box-shadow: 0 4px 10px rgba(42, 31, 24, 0.08); } .dfpd-colorway-swatch { width: 56px; height: 56px; margin: 0 auto 0.55rem; border-radius: 50%; box-shadow: 0 2px 4px rgba(42, 31, 24, 0.1), inset 0 -8px 14px rgba(0, 0, 0, 0.18), inset 3px 3px 4px rgba(255, 255, 255, 0.4); } .dfpd-colorway-swatch.black { background: radial-gradient(circle at 30% 28%, #4A453F 0%, #1F1A14 55%, #0A0805 100%); } .dfpd-colorway-swatch.walnut { background: radial-gradient(ellipse 22% 18% at 30% 30%, rgba(255,225,180,0.4) 0%, transparent 100%), radial-gradient(circle at 30% 30%, #8C6838 0%, #5A3818 55%, #2A1808 100%); } .dfpd-colorway-swatch.wood { background: radial-gradient(ellipse 22% 18% at 30% 30%, rgba(255,235,200,0.55) 0%, transparent 100%), radial-gradient(circle at 30% 30%, #F2DAB0 0%, #C89E68 55%, #8C6838 100%); } .dfpd-colorway-swatch.white { background: radial-gradient(circle at 30% 28%, #FFFFFF 0%, #F2EEE6 60%, #DCD4C4 100%); border: 1px solid rgba(42, 31, 24, 0.18); } .dfpd-colorway-name { font-family: 'Fraunces', serif; font-size: 0.82rem; font-style: italic; color: var(--ink); line-height: 1.2; } .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-size: 0.58rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--stone); } .dfpd-spec-val { font-size: 0.88rem; color: var(--ink); line-height: 1.5; } .dfpd-spec-val em { font-family: 'Fraunces', serif; font-style: italic; color: var(--olive-dk); } .dfpd-spec-val a { color: var(--olive-dk); font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--olive); padding-bottom: 1px; } .dfpd-foot { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; } .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(42, 31, 24, 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; 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-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; 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); } .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-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; } .dfpd-link:hover { color: var(--ink); border-color: var(--ink); } @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-foot { grid-template-columns: 1fr; } .dfpd-craft { grid-template-columns: 1fr; text-align: center; } .dfpd-craft-icon { margin: 0 auto; } .dfpd-swing-hero-row { grid-template-columns: 1fr; text-align: center; } .dfpd-swing-diagram { max-width: 380px; margin: 0 auto; } .dfpd-size-single { grid-template-columns: 1fr; text-align: center; } .dfpd-size-single-text { text-align: center; } .dfpd-size-single-image { max-width: 280px; margin: 0 auto; } .dfpd-colorways { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 680px) { .dfpd { padding: 1rem 0 1.5rem; } .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 · Adjustable swing-arm pendant The Rancho Swing Arm Pendant. A clever pendant solving a familiar problem — a jointed swing arm extending from the ceiling canopy lets you reposition the lampshade horizontally, so the pendant can hang exactly where you want it even when your junction box isn't in the right spot. Layered wood + metal disc shade brings rustic warmth to the industrial swing-arm hardware. Jointed swing arm Layered disc shade 360° repositionable Four colorways In motion See it come to life. The clever part Hang your pendant exactly where you want it. J-box where you want it swing arm extends The problem · solved When the J-box isn't where the lamp should be. Most rooms have one fixed ceiling junction box — and it's rarely positioned exactly above the dining table, kitchen island, or reading chair where you actually want the pendant to hang. Hardwiring a new J-box means cutting drywall, running fresh electrical, and patching ceilings. The Rancho's jointed swing arm wires into your existing J-box at the ceiling, then extends outward in two pivoting segments — letting you reposition the lampshade horizontally to wherever you need light. Center your dining table, hover over the kitchen island, swing aside for cleaning. No drywall work needed. Materials & craft Industrial meets rustic. The story Black metal armature, warm wood disc shade. The Rancho pairs the industrial functionality of a black metal swing-arm armature — articulated joints, exposed pivots, draftsman's-lamp mechanics — with a softer, layered disc shade alternating wood and metal tiers. The result reads as both functional and decorative, fitting equally well over a farmhouse dining table or in a modern industrial loft. Pairs effortlessly with industrial, modern farmhouse, transitional, mid-century modern, and warm-eclectic interiors. Size Standard pendant scale. Single configuration ∅ 15.7″ × H 9.4″ Dia 40 × H 24 cm Layered disc shade · arm position adjustable Dining · island · workspace · cozy corner Four colorways Pick your finish. Black Walnut Wood color White Specifications Details, on the record. Material Solid metal (swing arm + canopy + disc tiers) · Solid wood (layered disc tiers) Light Source LED bulb or Edison bulb (not included) Bulb Base E26 or E27 (standard screw base · single bulb) Voltage AC 110–240 V Mounting Ceiling · Hardwired · Indoor use Swing Arm Two jointed segments · horizontal repositioning · 360° canopy rotation (adjust manually after install) Cable Length 150 cm / 59″ (extendable on request) Control Common wall switch (not included) Certifications North America · Europe · Saudi Arabia · Australia Downloads Documents & resources. PDF Document Specifications PDF Document Installation 3D Resource 3D Files Frequently asked Quick questions. How does the swing arm actually work? The Rancho mounts to your existing ceiling junction box like a standard pendant. After install, the two jointed arm segments can be rotated horizontally to reposition the lampshade — the canopy itself rotates 360°, and the elbow joint between segments lets you fine-tune the reach. Adjustment is manual — push the arm into position by hand. There's enough friction at the joints to hold position; reposition any time without tools. Maximum horizontal reach is approximately arm length + 90 cm — see the dimension diagram for exact specs. How is it installed? Hardwired ceiling mount — connects to a standard ceiling junction box via the round canopy. Wiring is identical to a regular pendant: connect line, neutral, and ground. Position adjustment happens after wiring by hand-rotating the arm segments. Professional electrician recommended for the wiring step. What kind of bulb does it use, and is it dimmable? One E26 or E27 standard screw bulb (LED recommended; not included). Dimmable when paired with a dimmable LED bulb and an LED-rated wall dimmer. Can the cable be extended? Standard cable from the swing arm to the shade is 150 cm / 59″. Cable length is extendable on request for higher ceilings — contact [email protected] with your required drop length before placing your order. Questions? [email protected] — we reply within 24 hours.
More you might like
Related
Color Swing Arm Pendant Light
Related
Trumpet Swing Arm Pendant Light
Related
Manta Swing Arm Pendant Light
Related