Niseko Chandelier
.dfpd *, .dfpd *::before, .dfpd *::after { box-sizing: border-box; margin: 0; padding: 0; } .dfpd { --ink: #2B2824; --ink-2: #4A443C; --ink-3: #6A6358; --cream: #FDFBF6; --bg: #F5F 2EC; --linen: #F0EBE0; --sand: #E8E0D0; --border: #D8D2C4; --border-lt: #E6DFD0; --olive: #8B7B54; --olive-lt: #A08D65; --olive-dk: #6E6142; --olive-sft: #F4F0E4; --stone: #8A8273; --mist: #B5AE9D; --clay: #A84A2F; --clay-sft: #F4ECE4; 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; } /* Eyebrow + H2 */ .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); } /* SECTIONS */ .dfpd-sec { margin-bottom: 2.5rem; } /* INSTALLATION NOTES — 3 equal cards */ .dfpd-notes-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.85rem; margin-bottom: 1rem; } .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-dimmer-note { padding: 1rem 1.5rem; background: linear-gradient(90deg, var(--linen) 0%, var(--cream) 100%); border: 1px solid var(--border); border-left: 3px solid var(--olive); border-radius: 4px; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } .dfpd-dimmer-note strong { font-family: 'Fraunces', serif; font-style: italic; font-weight: 400; color: var(--olive-dk); font-size: 0.95rem; } .dfpd-dimmer-note p { margin: 0; font-size: 0.88rem; color: var(--ink-2); flex: 1; min-width: 280px; } .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; white-space: nowrap; } .dfpd-link:hover { color: var(--ink); border-color: var(--ink); } /* KELVIN */ .dfpd-kelvin-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 0.85rem; margin-bottom: 0.85rem; } .dfpd-kelvin-opt { padding: 1.35rem 1.5rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; display: grid; grid-template-columns: auto 1fr; gap: 1.1rem; align-items: start; transition: border-color 0.25s, background 0.25s; } .dfpd-kelvin-opt:hover { border-color: var(--olive); background: #fff; } .dfpd-kelvin-ico { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dfpd-kelvin-ico.warm { background: radial-gradient(circle, #FFD79A 0%, #E8A04B 100%); color: var(--cream); } .dfpd-kelvin-ico.dim { background: radial-gradient(circle, #F4E4B8 0%, #B8904F 100%); color: var(--cream); } .dfpd-kelvin-opt h4 { font-family: 'Fraunces', serif; font-size: 1.08rem; font-weight: 400; color: var(--ink); margin-bottom: 0.35rem; letter-spacing: -0.005em; } .dfpd-kelvin-opt h4 em { font-style: italic; color: var(--olive-dk); } .dfpd-kelvin-opt p { color: var(--ink-2); font-size: 0.85rem; line-height: 1.5; margin: 0; } .dfpd-kelvin-custom { padding: 0.85rem 1.35rem; background: var(--clay-sft); border-left: 2px solid var(--clay); border-radius: 0 4px 4px 0; } .dfpd-kelvin-custom p { font-family: 'Fraunces', serif; font-style: italic; font-size: 0.9rem; color: var(--clay); margin: 0; line-height: 1.5; } .dfpd-kelvin-custom a { color: var(--clay); font-weight: 500; font-style: normal; text-decoration: underline; } /* SIZE VARIANTS — 3 rows */ .dfpd-sizes { display: grid; gap: 0.85rem; } .dfpd-size-row { display: grid; grid-template-columns: 130px 1fr; gap: 1.5rem; padding: 1.1rem 1.25rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; align-items: center; transition: box-shadow 0.25s; } .dfpd-size-row:hover { box-shadow: 0 4px 14px rgba(43, 40, 36, 0.06); } .dfpd-size-thumb { position: relative; display: block; width: 100%; height: 100px; background: #FFFFFF; border: 1px solid var(--border-lt); border-radius: 3px; overflow: hidden; cursor: zoom-in; padding: 4px; text-decoration: none; color: inherit; transition: border-color 0.2s, box-shadow 0.25s; } .dfpd-size-thumb:hover { border-color: var(--olive); box-shadow: 0 4px 14px rgba(43, 40, 36, 0.1); } .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.15); } .dfpd-size-thumb-icon { position: absolute; bottom: 5px; right: 5px; width: 22px; height: 22px; background: rgba(43, 40, 36, 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-info-head { display: flex; align-items: baseline; gap: 0.9rem; margin-bottom: 0.75rem; flex-wrap: wrap; } .dfpd-size-title { font-family: 'Fraunces', serif; font-size: 1.15rem; font-weight: 400; color: var(--ink); letter-spacing: -0.005em; } .dfpd-size-title em { font-style: italic; color: var(--olive-dk); } /* "Most Popular" badge */ .dfpd-size-badge { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.2rem 0.6rem; background: var(--olive); color: var(--cream); font-family: 'Outfit', sans-serif; font-size: 0.55rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; border-radius: 99px; white-space: nowrap; } .dfpd-size-badge::before { content: ''; width: 5px; height: 5px; background: var(--cream); border-radius: 50%; display: inline-block; animation: dfpd-pulse 2s infinite; } @keyframes dfpd-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } } .dfpd-size-specs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; } .dfpd-size-spec-label { font-family: 'Outfit', sans-serif; font-size: 0.52rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--stone); margin-bottom: 0.25rem; } .dfpd-size-spec-val { font-family: 'Fraunces', serif; font-size: 1rem; font-weight: 400; font-style: italic; color: var(--ink); letter-spacing: -0.005em; line-height: 1.3; } /* 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; } /* FINISHES */ .dfpd-finishes { display: flex; flex-wrap: wrap; gap: 1.25rem; } .dfpd-finish { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; text-align: center; transition: transform 0.2s; } .dfpd-finish:hover { transform: translateY(-2px); } .dfpd-finish-swatch { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(43, 40, 36, 0.08); box-shadow: 0 2px 4px rgba(43, 40, 36, 0.08), inset 0 -7px 12px rgba(0, 0, 0, 0.1), inset 2px 2px 3px rgba(255, 255, 255, 0.2); } /* Two-tone swatch for Walnut & Black */ .dfpd-finish-swatch.dual { background: linear-gradient(135deg, #8B5E3C 0%, #8B5E3C 50%, #1F1B18 50%, #1F1B18 100%); } .dfpd-finish-label { font-family: 'Outfit', sans-serif; font-size: 0.66rem; font-weight: 400; color: var(--ink-2); line-height: 1.3; } /* DOWNLOADS */ .dfpd-foot { display: grid; grid-template-columns: repeat(3, 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(43, 40, 36, 0.06); } .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); } /* LIGHTBOX */ .dfpd-lightbox { position: fixed; inset: 0; background: rgba(24, 20, 16, 0.92); display: none; z-index: 99999; align-items: center; justify-content: center; padding: 2rem; cursor: zoom-out; opacity: 0; transition: opacity 0.25s; } .dfpd-lightbox.open { display: flex; opacity: 1; } .dfpd-lightbox img { max-width: 92vw; max-height: 90vh; object-fit: contain; box-shadow: 0 20px 80px rgba(0, 0, 0, 0.6); background: #fff; border-radius: 4px; cursor: auto; } .dfpd-lightbox-close { position: absolute; top: 1.25rem; right: 1.75rem; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: #FDFBF6; border: 1px solid rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s; font-size: 1.15rem; font-family: inherit; } .dfpd-lightbox-close:hover { background: rgba(255, 255, 255, 0.2); } .dfpd-lightbox-caption { position: absolute; bottom: 1.75rem; left: 0; right: 0; text-align: center; color: rgba(253, 251, 246, 0.8); font-family: 'Fraunces', serif; font-style: italic; font-size: 0.88rem; letter-spacing: 0.01em; pointer-events: none; } /* 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-kelvin-opts { grid-template-columns: 1fr; } .dfpd-foot { grid-template-columns: 1fr; } } @media (max-width: 680px) { .dfpd { padding: 1rem 0 1.5rem; } .dfpd-hero { padding-bottom: 1.5rem; margin-bottom: 1.75rem; } .dfpd-size-row { grid-template-columns: 1fr; text-align: left; } .dfpd-size-thumb { height: 140px; max-width: 220px; margin: 0 auto; } .dfpd-size-specs { grid-template-columns: repeat(2, 1fr); gap: 0.65rem; } .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 The Niseko Chandelier. Sculptural elegance for modern interiors. A sleek double-ring silhouette in durable metal with a warm walnut-grain finish — crafted to cast a quiet halo of warm LED light across dining rooms, living areas, and open loft spaces. Please Note: Due to the fixture's structural design, if you require an extension cord, please contact us before placing your order; we do not provide replacement extension cords after the sale. Double-ring design Integrated LED Dimmable variant Three sizes Before you install Important notes. Replaceable LED LED is user-replaceable. If it stops working, contact us for a replacement. Sloped ceilings This light fixture cannot be installed on a sloped ceiling. Wire length Adjustable — the height can be freely adjusted to your preference; simply trim the cable during installation to achieve your desired overall hanging height. Customization — extendable on request for higher ceilings. Dimming: Pair the dimmable variant with a thyristor (triac) dimmer for smoothest performance. Browse on Amazon → Kelvin range Kelvin range options. Warm Light Classic warm glow, non-dimmable. Fixed output at a cozy, inviting color temperature — the standard choice for living and dining spaces. Triac Warm Dimming Same warm glow, fully dimmable. Compatible with triac (thyristor) wall dimmers. Brightness varies; color temperature stays warm throughout the dimming range. Need cool white, daylight, or another color temperature? We accept custom orders — contact us to specify your requirements. Size options Three sizes, one silhouette. · click diagrams to enlarge ∅ 23.6″ Most Popular Diameter ∅ 60cm / 23.6 in Height H 11cm / 4.3 in Power ~36 W WEIGHT 3.5kg/7.7lbs ∅ 31.5″ Diameter ∅ 80cm / 31.5 in Height H 11cm / 4.3 in Power ~42 W WEIGHT 5.2kg/11.5lbs ∅ 39.4″ Diameter ∅ 100cm / 39.4 in Height H 11cm / 4.3 in Power ~56 W WEIGHT 7kg/15.4lbs Specifications Details, on the record. Material Metal · Walnut Grain Paper · Acrylic Light Source Integrated LED Voltage AC 110–240 V Mounting Ceiling · Indoor use IP Rating IP20 (dry indoor use) Control Common wall switch (not included) Wire Length 150 cm / 59″ (extendable on request) Certifications North America · Europe · Saudi Arabia · Australia Finish Walnut& Black PDF Document Tear Sheet PDF Document Assembly Guide Resource 3D Files Questions? [email protected] — we reply within 24 hours. ✕
