Levels Series Pendant Light
/* ===== Levels Series Pendant Light — every rule scoped to .vk-levels-wrap ===== */ .vk-levels-wrap, .vk-levels-wrap *, .vk-levels-wrap *::before, .vk-levels-wrap *::after { box-s izing: border-box; margin: 0; padding: 0; } .vk-levels-wrap { position: relative; z-index: 0; isolation: isolate; font-family: 'DM Sans', sans-serif; color: #1a1a1a; width: 100%; max-width: 680px; margin: 0; padding: 0; } .vk-levels-wrap .vk-divider { height: 1px; background: #e8e4de; margin: 2.1rem 0; overflow: hidden; } .vk-levels-wrap .vk-divider br { display: none; } .vk-levels-wrap .vk-model { font-size: 12px; color: #999; letter-spacing: .04em; margin-bottom: .75rem; } .vk-levels-wrap .vk-model strong { color: #666; font-weight: 500; } .vk-levels-wrap .vk-intro { font-size: 15px; color: #555; line-height: 1.75; margin-bottom: 1rem; } .vk-levels-wrap .vk-section-label { display: flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #9B7B5A; margin-bottom: .85rem; scroll-margin-top: 90px; } .vk-levels-wrap .vk-section-label::after { content: ''; flex: 1 1 auto; height: 1px; background: #efe9e1; } /* Videos — two per row */ .vk-levels-wrap .vk-video-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: .5rem; } .vk-levels-wrap .vk-video-cell { display: flex; flex-direction: column; min-width: 0; } .vk-levels-wrap .vk-video-wrap { width: 100%; aspect-ratio: 16/9; border-radius: 10px; overflow: hidden; background: #f0ebe4; display: block; } .vk-levels-wrap .vk-video-wrap iframe { display: block; width: 100%; height: 100%; border: 0; } .vk-levels-wrap .vk-video-caption { font-size: 12px; color: #aaa; text-align: center; margin-top: .4rem; } /* Features */ .vk-levels-wrap .vk-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1.25rem; } .vk-levels-wrap .vk-feat { background: #f7f5f2; border-radius: 8px; padding: .85rem; } .vk-levels-wrap .vk-feat-icon { width: 28px; height: 28px; border-radius: 6px; background: #efe5d8; display: flex; align-items: center; justify-content: center; margin-bottom: .6rem; } .vk-levels-wrap .vk-feat h4 { font-size: 13px; font-weight: 500; color: #1a1a1a; margin-bottom: .25rem; } .vk-levels-wrap .vk-feat p { font-size: 12px; color: #666; line-height: 1.6; margin: 0; } /* Notices */ .vk-levels-wrap .vk-notice { border-left: 3px solid #C4906A; background: #fdf8f4; border-radius: 0 8px 8px 0; padding: .85rem 1rem; margin-bottom: .75rem; } .vk-levels-wrap .vk-notice h5 { font-size: 13px; font-weight: 500; color: #7C4E2A; margin-bottom: .3rem; } .vk-levels-wrap .vk-notice p { font-size: 13px; color: #666; line-height: 1.65; margin: 0; } .vk-levels-wrap .vk-notice.stone { border-left-color: #a09070; background: #faf7f2; } .vk-levels-wrap .vk-notice.stone h5 { color: #6a5030; } .vk-levels-wrap .vk-notice.green { border-left-color: #4a8a3a; background: #f3f9f0; } .vk-levels-wrap .vk-notice.green h5 { color: #2d6620; } .vk-levels-wrap .vk-notice.green a { color: #2d6620; } .vk-levels-wrap .vk-dimmer { display: flex; align-items: center; gap: 1rem; background: #f7f5f2; border-radius: 8px; padding: .9rem 1rem; border: 1px solid #e8e0d5; margin-top: .75rem; margin-bottom: .75rem; } .vk-levels-wrap .vk-dimmer img { width: 56px; height: 56px; object-fit: cover; border-radius: 6px; flex-shrink: 0; border: 1px solid #ddd; } .vk-levels-wrap .vk-dimmer h5 { font-size: 13px; font-weight: 500; color: #1a1a1a; margin-bottom: .25rem; } .vk-levels-wrap .vk-dimmer p { font-size: 13px; color: #666; line-height: 1.6; margin: 0; } .vk-levels-wrap .vk-dimmer a { color: #7C4E2A; text-decoration: underline; min-height: 44px; display: inline-flex; align-items: center; } /* Config matrix */ .vk-levels-wrap .vk-matrix { width: 100%; border-collapse: collapse; margin-bottom: 1rem; font-size: 13px; } .vk-levels-wrap .vk-matrix th { background: #f7f5f2; padding: 8px 10px; text-align: left; font-weight: 500; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: #9B7B5A; border-bottom: 1px solid #ece8e2; } .vk-levels-wrap .vk-matrix td { padding: 8px 10px; border-bottom: 1px solid #ece8e2; color: #444; vertical-align: top; } .vk-levels-wrap .vk-matrix tr:nth-child(odd) td { background: #fbfaf8; } .vk-levels-wrap .vk-matrix tr:last-child td { border-bottom: none; } .vk-levels-wrap .vk-matrix td:first-child { font-weight: 500; color: #1a1a1a; } .vk-levels-wrap .vk-lead-note { font-size: 12px; color: #aaa; margin-bottom: .75rem; } /* Detail photo thumbnail */ .vk-levels-wrap .vk-photo { display: block; width: 100%; max-width: 260px; margin: 0 auto 1.25rem; padding: 8px; background: #fff; border: 1px solid #ece8e2; border-radius: 10px; text-decoration: none; transition: border-color .2s ease, background .2s ease; } .vk-levels-wrap .vk-photo:hover { border-color: #C4906A; background: #fdfbf7; } .vk-levels-wrap .vk-photo img { display: block; width: 100%; height: auto; border-radius: 6px; cursor: zoom-in; } .vk-levels-wrap .vk-photo span { display: block; margin-top: 8px; font-size: 10.5px; color: #9B7B5A; text-align: center; line-height: 1.5; } /* Size diagrams — equal thumbnails, one row, click to enlarge */ .vk-levels-wrap .vk-size-row { display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch; gap: 10px; margin-bottom: 1.25rem; } .vk-levels-wrap .vk-size-card { display: flex; flex-direction: column; flex: 1 1 0; min-width: 0; max-width: 210px; align-self: stretch; padding: 8px; border: 1px solid #ece8e2; border-radius: 8px; background: #fff; text-decoration: none; color: inherit; transition: border-color .2s ease, background .2s ease; } .vk-levels-wrap .vk-size-card:hover { border-color: #C4906A; background: #fdfbf7; } .vk-levels-wrap .vk-size-card img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; border-radius: 4px; cursor: zoom-in; } .vk-levels-wrap .vk-size-card b { display: block; margin-top: 8px; font-size: 12.5px; font-weight: 600; color: #7C4E2A; text-align: center; line-height: 1.35; } .vk-levels-wrap .vk-size-card small { display: block; margin-top: 2px; font-size: 10.5px; color: #aaa; text-align: center; line-height: 1.45; } .vk-levels-wrap .vk-size-card em { display: block; margin-top: 6px; font-style: normal; font-size: 9px; letter-spacing: .07em; text-transform: uppercase; color: #9B7B5A; text-align: center; } /* Pure-CSS :target lightbox, no checkbox and no JS */ .vk-levels-wrap .vk-zoom { display: none; visibility: hidden; pointer-events: none; position: fixed; inset: 0; z-index: 99999; align-items: center; justify-content: center; padding: 16px; background: rgba(22,20,16,.92); } .vk-levels-wrap .vk-zoom:target { display: flex; visibility: visible; pointer-events: auto; } .vk-levels-wrap .vk-zoom-bg { position: absolute; inset: 0; display: block; } .vk-levels-wrap .vk-zoom-x { position: absolute; top: 14px; right: 18px; z-index: 3; width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.14); color: #f3ede3; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 26px; line-height: 1; } .vk-levels-wrap .vk-zoom-inner { position: relative; z-index: 2; width: 100%; max-width: 1200px; display: flex; flex-direction: column; align-items: center; gap: 12px; pointer-events: none; } .vk-levels-wrap .vk-zoom img { width: 100%; max-width: 1200px; height: auto; max-height: 86vh; object-fit: contain; border-radius: 4px; background: #fff; box-shadow: 0 8px 32px rgba(0,0,0,.4); } .vk-levels-wrap .vk-zoom-cap { margin: 0; color: #f3ede3; font-size: 13px; text-align: center; line-height: 1.6; } /* Shade swatches */ .vk-levels-wrap .vk-shade-row { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: .5rem; } .vk-levels-wrap .vk-shade-chip { display: flex; flex-direction: column; align-items: center; gap: 5px; } .vk-levels-wrap .vk-shade-swatch { width: 44px; height: 44px; border-radius: 8px; border: 1px solid rgba(0,0,0,.08); } .vk-levels-wrap .vk-shade-label { font-size: 11px; color: #888; } /* Spec table */ .vk-levels-wrap .vk-spec-table { width: 100%; border-collapse: collapse; } .vk-levels-wrap .vk-spec-table tr { border-bottom: 1px solid #ece8e2; } .vk-levels-wrap .vk-spec-table tr:nth-child(odd) { background: #faf9f7; } .vk-levels-wrap .vk-spec-table tr:last-child { border-bottom: none; } .vk-levels-wrap .vk-spec-table td { padding: 10px 8px; font-size: 14px; vertical-align: top; } .vk-levels-wrap .vk-spec-table td:first-child { color: #888; width: 42%; padding-right: 1rem; } /* Downloads */ .vk-levels-wrap .vk-dl { display: flex; gap: 8px; flex-wrap: wrap; } .vk-levels-wrap .vk-dl-btn { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 13px; color: #555; border: 1px solid #ddd; padding: 7px 14px; border-radius: 7px; text-decoration: none; background: #fff; } .vk-levels-wrap .vk-dl-btn:hover { background: #f5f5f5; } .vk-levels-wrap summary::marker { content: ""; } .vk-levels-wrap summary::-webkit-details-marker { display: none; } @media (max-width: 520px) { .vk-levels-wrap .vk-video-grid { grid-template-columns: 1fr; } .vk-levels-wrap .vk-features { gap: 6px; } .vk-levels-wrap .vk-feat { padding: .6rem; } .vk-levels-wrap .vk-feat h4 { font-size: 11.5px; } .vk-levels-wrap .vk-feat p { font-size: 10.5px; } .vk-levels-wrap .vk-dimmer { flex-direction: column; align-items: flex-start; } .vk-levels-wrap .vk-size-row { gap: 6px; } .vk-levels-wrap .vk-size-card { padding: 6px; } .vk-levels-wrap .vk-size-card b { font-size: 11px; } .vk-levels-wrap .vk-size-card small { font-size: 9.5px; } .vk-levels-wrap .vk-size-card em { display: none; } .vk-levels-wrap .vk-photo { max-width: 220px; } .vk-levels-wrap .vk-matrix { font-size: 11.5px; } .vk-levels-wrap .vk-matrix th, .vk-levels-wrap .vk-matrix td { padding: 7px 6px; } } Model: VKL-1030 Balance and tranquility through layered geometry — the Levels Series uses mouth-blown glass discs stacked in 1, 2, or 3 layers to create ambient light with depth and precision. Each glass layer is a unique piece of artisan craft, with the warmth of the light shifting through translucent tinted glass. See It In Action Layered geometry & ambient precision Styled interior & shade colors Features Layered Glass Discs 1, 2, or 3 glass disc layers — each configuration creates a distinct visual weight and depth. Mouth-Blown Glass Each disc is hand mouth-blown — artisan characteristics make every fixture unique. 3 Shade Colors Smoke Grey, Green, or Amber — each creates a different mood through the tinted glass. Mouth-blown glass — flow lines & air bubbles are artisan characteristics, not defects Because the glass is handcrafted by mouth-blowing, you may notice subtle "flow lines," tiny air bubbles, or faint internal markings. These are the fingerprints of the artisan process — authentic characteristics that enhance light diffusion and distinguish genuine handmade glass from machine-produced alternatives. They are not scratches or defects. Canopy with fixed screw for added stability🔍 Click to enlarge × Canopy with fixed screw for added stability Dimmable version available — Triac dimmer switch recommended Select the dimmable version at checkout. For smooth, flicker-free brightness control, pair with a Triac dimmer switch. Triac Dimmer Switch — for dimmable version Browse compatible Triac dimmer switches on Amazon → Default color temperature: Warm White (3000K) All standard orders ship in Warm White (3000K). If you require Neutral White (4000K) or Cool White (6000K), please contact our support team before placing your order.3000K — Warm, cozy ambiance. 4000K — Balanced neutral white. 6000K — Crisp, bright cool white. Integrated LED — long lifespan & ongoing light source service LED light sources are built to last, with an exceptionally long service life under normal use. For added peace of mind, we offer an ongoing light source support service — should your LED ever fail, we will always be able to provide a compatible replacement, ensuring your fixture continues to work for years to come. If you have any questions, please contact our customer support team. All Configurations All sizes: Integrated LED ~15W · 59" cable adjustable · Black body Configuration Dimensions (D × H) Weight Single layer — Small ∅9.5" × H4.3" (25 × 11 cm) 1.95 kg / 4.3 lbs Single layer — Medium ∅13.8" × H4.3" (35 × 11 cm) 2.19 kg / 4.8 lbs Single layer — Large ∅17.7" × H4.3" (45 × 11 cm) 2.29 kg / 5.0 lbs Double layer — Medium ∅13.8" × H8.7" (35 × 22 cm) 2.69 kg / 5.9 lbs Double layer — Large ∅17.7" × H8.7" (45 × 22 cm) 3.32 kg / 7.3 lbs Three layer — Large ∅17.7" × H13" (45 × 33 cm) 3.95 kg / 8.7 lbs Single layer∅9.5" · ∅13.8" · ∅17.7"Tap to enlarge Double layer∅13.8" · ∅17.7"Tap to enlarge Three layer∅17.7"Tap to enlarge × Single layer — H4.3" (11 cm) × Double layer — H8.7" (22 cm) × Three layer — H13" (33 cm) Glass Shade Colors Smoke Grey Green Amber Body: Black · All shade colors Specifications Materials Mouth-blown glass · Metal Light source Integrated LED · ~15W Color temperature Default: 3000K Warm White4000K / 6000K available — contact support before ordering Voltage AC 110–240V Cable 59" (150 cm) adjustable · Extendable on requestCanopy includes fixed screw for added stability Control Standard wall switch (not included)Dimmable version: use Triac dimmer switch Wiring Hardwired IP rating IP20 · Indoor use only · Not waterproof Certification North America · EU · AU · Saudi Arabia Body finish Black Shade finishes Smoke Grey · Green · Amber Downloads Spec Sheet Installation Guide 3D Files (∅25 × H11 cm) 3D Files (∅35 × H22 cm) Frequently Asked Questions Are flow lines and air bubbles in the glass a defect? No — flow lines, tiny air bubbles, and faint internal markings are authentic characteristics of the mouth-blown glass process. They enhance the light's diffusion and are not defects. What configurations are available? Six configurations: Single layer in ∅9.5", ∅13.8", or ∅17.7"; Double layer in ∅13.8" or ∅17.7"; Three layer in ∅17.7". What shade colors are available? Smoke Grey, Green, and Amber glass shades. The body is Black for all. Is a dimmable version available? Yes — select the dimmable version at checkout. A Triac dimmer switch is recommended. Sizing & questions Every piece is made to order in our own atelier — here is what most clients ask before choosing theirs. What sizes does the Levels Series come in?+ Six configurations: Single layer at ∅9.5″, ∅13.8″, or ∅17.7″ height 4.3″; Double layer at ∅13.8″ or ∅17.7″ height 8.7″; Three layer at ∅17.7″ height 13″. Custom sizing available through our atelier. Which color should I choose—Smoke Grey, Green, or Amber?+ Smoke Grey delivers neutral sophistication; Green adds cool modern calm; Amber creates warm, cozy ambiance. Light shifts subtly through each tinted glass layer. Choose based on your room's existing palette and desired mood. What's the cable length and can it be extended?+ Standard 59″ adjustable cable. Extendable upon request—contact our team for custom lengths. Canopy includes fixed screw for added ceiling stability. Can I dim this light?+ Yes, select the Triac Dimmable Warm Light option at checkout. Pair with a Triac dimmer switch for flicker-free brightness control. Standard version uses wall switch (not included).
