Canyon Travertine Pendant Light
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Jost:wght@400;500;600&family=Outfit:wght@400;500;600;700&display=swap'); .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; --clay: #9C5A3C; --clay-sft: #F0DCCE; --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 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); } .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-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-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-p { font-family: var(--dk-serif); font-weight: 400; font-size: 0.95rem; color: var(--ink-2); line-height: 1.6; margin: 0; } /* Configurations — one per row · real image left + params right */ .dfpd-sizes-text { display: grid; grid-template-columns: 1fr; gap: 0.75rem; } .dfpd-size-card { display: grid; grid-template-columns: 300px 1fr; align-items: stretch; 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-img { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 150px; background: #FFFFFF; border-right: 1px solid var(--border-lt); padding: 10px; overflow: hidden; text-decoration: none; cursor: zoom-in; transition: background 0.2s; } .dfpd-size-card-img:hover { background: var(--gold-sft); } .dfpd-size-card-img img { display: block; width: auto; max-width: 100%; height: auto; max-height: 150px; object-fit: contain; transition: transform 0.4s ease; } .dfpd-size-card-img:hover img { transform: scale(1.3); } .dfpd-size-card-img-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-card-body { padding: 1.35rem 1.6rem; display: flex; flex-direction: column; justify-content: center; } .dfpd-size-card-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.5rem; } .dfpd-size-card-name { font-family: var(--dk-sans); font-weight: 600; font-size: 1.35rem; color: var(--ink); line-height: 1.05; margin-bottom: 0.35rem; letter-spacing: -0.01em; } .dfpd-size-card-dim { font-family: var(--dk-jost); font-weight: 600; font-size: 0.88rem; color: var(--ink-2); margin-bottom: 0.55rem; line-height: 1.5; } .dfpd-size-card-feat { font-family: var(--dk-sans); font-weight: 600; font-size: 0.92rem; color: var(--ink); margin-bottom: 0.65rem; } .dfpd-size-card-note { font-family: var(--dk-serif); font-weight: 400; font-size: 0.92rem; color: var(--ink-3); line-height: 1.5; margin-bottom: 0.7rem; } .dfpd-size-card-pill { display: inline-flex; align-self: flex-start; padding: 0.32rem 0.8rem; 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; } .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-clay { grid-template-columns: 1fr; } .dfpd-clay-icon { margin: 0 auto; } .dfpd-size-card { grid-template-columns: 1fr; } .dfpd-size-card-img { border-right: none; border-bottom: 1px solid var(--border-lt); } .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 12px; } } Travertine Pendant Light · Travertine & Wood · E26 or E27 · 4 Configurations Canyon Travertine Pendant Light. Organic modern at heart, the Canyon pairs raw, natural materials with a clean geometric silhouette. A cone-shaped shade of genuine beige travertine — porous texture and all — is accented by a solid wood sphere bead and a black fabric cord. This mini stone pendant delivers focused downward task light: hang it in multiples over a kitchen island, as a minimalist bedside pendant, or above a powder-room vanity or small dining nook. Travertine Cone Shade Wood Sphere Bead Black Fabric Cord E26 or E27 Natural travertine & wood Every pendant is one-of-a-kind. Because the shade is genuine natural travertine and the bead is solid wood, the veining, pitting, tone, and grain vary from piece to piece — the pendant you receive won't look exactly like the photographs. The porous surface and natural grain are intrinsic to the materials, not defects, and give each Canyon its own character. Configurations Four ways to hang it. 1-Light · Single pendant ∅ 4.7″ × H 6.7″ Dia 12 × H 17 cm · shade only, on 150 cm cord 1 × E26 or E27 · Ceiling A single mini pendant — perfect for a bedside, or hung in your own grouping with separate canopies. Bedside · Single accent 2-Light · Long Canopy L 23.6″ × W 4.7″ × H 59″ L 60 × W 12 × H 150 cm 2 × E26 or E27 · Linear canopy Two pendants on one linear canopy — a balanced pair to span a console, breakfast bar, or smaller island. Island · Bar · Console 3-Light · Long Canopy L 23.6″ × W 4.7″ × H 59″ L 60 × W 12 × H 150 cm 3 × E26 or E27 · Linear canopy Three pendants in a row on the same linear canopy — the classic spread for a kitchen island or long dining table. Kitchen island · Dining 3-Light · Round Canopy ∅ 23.6″ × H 59″ Dia 60 × H 150 cm 3 × E26 or E27 · Round canopy Three pendants clustered from a single round canopy — a compact grouping for an entryway, round table, or stairwell. Entry · Round table · Stairwell Specifications Details, on the record. Material Travertine + Wood Light Source LED bulb or Edison bulb · not included Bulb Base E26 or E27 · 1 / 2 / 3 by configuration Finishes Beige & Walnut · single combined palette Voltage AC 110–240 V Mounting Ceiling · indoor use only Cord 150 cm / 59″ black fabric cord · extendable on request Control Compatible with common wall switch · not included Certifications Compatible with North America, Europe, Australia, Saudi Arabia Questions? [email protected] — we reply within 24 hours.
More you might like
Related
Canyon Travertine Wall Light
Related
travertine pendant light
Related
Travertine 5 Light Pendant
Related