Ceto Wall Light

.d { max-width: 860px; margin: 0 auto; padding: 0 8px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text); line-height: 1.65; -webkit-font-smoothing: antialiased; } .d * { box-sizing: border-box; } .d svg { fill: none !important; } :root { --bg: #ffffff; --bg-soft: #faf6ea; --bg-card: #fcf9f0; --bg-stone: #ece2c6; --bg-deep: #1e180e; --border: #e6dcc2; --border-lt: #efe7d0; --accent: #b69360; --accent-dk: #4a3418; --accent-bg: #f6edd6; --accent-bdr: #d6ba80; --text: #1a1408; --text-mid: #4a4028; --text-light: #8a7c58; } .d section { margin: 3rem 0; } .d section:first-child { margin-top: 0; } .d p { margin: 0 0 0.8rem; } .d p:last-child { margin-bottom: 0; } /* ============== NUMBERED SECTION HEADER ============== */ .sec-num { display: flex; align-items: baseline; gap: 14px; padding-bottom: 14px; margin-bottom: 1.4rem; border-bottom: 0.5px solid var(--border); } .sec-num-n { font-size: 12.5px; font-weight: 700; letter-spacing: 0.2em; color: var(--accent); font-feature-settings: "tnum"; } .sec-num-t { font-size: 19.5px; font-weight: 400; letter-spacing: 0.02em; color: var(--text); font-style: italic; } .sec-num-sub { margin-left: auto; font-size: 11.5px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-light); } /* ============== HERO ============== */ .hero { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 2px; background: #000; } .hero iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .hero-caption { text-align: center; padding: 22px 0 0 0; } .hero-name { font-size: 34.5px; font-weight: 300; letter-spacing: 0.3em; color: var(--text); margin: 0; text-transform: uppercase; } .hero-tag { font-size: 12.5px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--accent); margin-top: 10px; font-weight: 600; } .hero-links { display: flex; gap: 10px; margin-top: 20px; justify-content: center; flex-wrap: wrap; } .hero-link { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border: 0.5px solid var(--border); border-radius: 2px; background: var(--bg); text-decoration: none; color: var(--text-mid); font-size: 12.5px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; transition: all 0.2s; } .hero-link:hover { border-color: var(--accent); color: var(--accent); } .hero-link-dot { width: 5px; height: 5px; border-radius: 50%; background: #ff0000; flex-shrink: 0; } /* ============== 01 OVERVIEW — statement style ============== */ .statement { font-size: 25.5px; font-weight: 300; line-height: 1.45; letter-spacing: -0.01em; color: var(--text); margin: 0 0 1.2rem 0; font-style: italic; } .statement-body { font-size: 16px; line-height: 1.75; color: var(--text-mid); margin: 0; max-width: 680px; } /* ============== 02 FINISHES — two-panel ============== */ .finish-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 0.5px solid var(--border); border-radius: 2px; overflow: hidden; } .finish-block { padding: 22px 20px; position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 130px; } .finish-block.champagne { background: linear-gradient(135deg, #dabc80 0%, #a88650 55%, #5a3f18 100%); color: #1e1408; } .finish-block.black { background: linear-gradient(135deg, #4a4a4a 0%, #1a1a1a 60%, #000 100%); color: #fff; } .finish-label { font-size: 11.5px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; opacity: 0.75; } .finish-name { font-size: 20.5px; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; margin-top: auto; } .finish-sub { font-size: 11.5px; letter-spacing: 0.12em; opacity: 0.65; margin-top: 4px; } /* ============== 03 GLASS — real photo banner ============== */ .glass-banner { display: block; position: relative; border-radius: 2px; overflow: hidden; border: 0.5px solid var(--border); background: var(--bg-card); text-decoration: none; transition: all 0.2s; } .glass-banner:hover { border-color: var(--accent); } .glass-banner img { width: 100%; height: auto; display: block; } .glass-banner .zoom-hint { position: absolute; bottom: 12px; right: 14px; font-size: 11.5px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; background: rgba(20,14,6,0.72); color: #fff; padding: 5px 11px; border-radius: 2px; display: inline-flex; align-items: center; gap: 5px; pointer-events: none; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } .glass-banner .zoom-hint svg { width: 10px; height: 10px; stroke: #fff; stroke-width: 2; } .glass-labels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin-top: 8px; } .glass-label-cell { padding: 10px 12px; background: var(--bg-card); border: 0.5px solid var(--border); border-radius: 2px; display: flex; flex-direction: column; gap: 3px; } .glass-label-num { font-size: 10.5px; font-weight: 700; letter-spacing: 0.2em; color: var(--accent); text-transform: uppercase; } .glass-label-name { font-size: 14px; font-weight: 600; color: var(--text); letter-spacing: 0.02em; } .glass-note { margin-top: 14px; padding: 12px 16px; border-left: 2px solid var(--accent); background: var(--accent-bg); font-size: 14px; color: var(--text-mid); line-height: 1.65; } /* ============== KELVIN SELECTOR ============== */ .kelvin-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; } .kelvin-card { background: #1e1a12; border: 0.5px solid var(--border); border-radius: 2px; padding: 28px 20px 20px; display: flex; flex-direction: column; align-items: center; gap: 14px; overflow: hidden; position: relative; } .kelvin-orb { width: 92px; height: 92px; border-radius: 50%; position: relative; filter: blur(0.5px); } .kelvin-orb.warm { background: radial-gradient(circle at 35% 32%, rgba(255, 235, 190, 1) 0%, rgba(255, 200, 130, 0.95) 30%, rgba(255, 165, 80, 0.5) 65%, rgba(180, 100, 40, 0.1) 95%, transparent 100%); box-shadow: 0 0 40px 10px rgba(255, 180, 100, 0.25), 0 0 90px 20px rgba(255, 160, 80, 0.12); } .kelvin-text { text-align: center; } .kelvin-name { font-size: 18px; font-weight: 400; color: #fff; letter-spacing: 0.06em; margin-bottom: 10px; text-transform: uppercase; } .kelvin-desc { font-size: 12.5px; color: #c8c0a8; line-height: 1.55; padding-top: 10px; border-top: 0.5px solid rgba(200, 184, 120, 0.2); } /* ============== 05 PROPORTIONS — horizontal comparison ============== */ .prop-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; background: var(--bg-stone); padding: 20px 16px; border-radius: 2px; align-items: end; margin-bottom: 12px; } .prop-silhouette { display: flex; flex-direction: column; align-items: center; gap: 8px; text-decoration: none; color: inherit; } .prop-img-wrap { width: 100%; aspect-ratio: 3 / 4; background: var(--bg); border: 0.5px solid var(--border-lt); border-radius: 2px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; padding: 10px; } .prop-img-wrap img { width: 100%; height: 100%; object-fit: contain; display: block; } .prop-style { font-size: 11.5px; font-weight: 700; letter-spacing: 0.18em; color: var(--accent); text-transform: uppercase; } .prop-height { font-size: 16px; font-weight: 500; color: var(--text); font-feature-settings: "tnum"; } .prop-specs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .prop-spec-block { padding: 14px 16px; background: var(--bg-card); border: 0.5px solid var(--border); border-radius: 2px; } .prop-spec-head { font-size: 10.5px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; } .prop-spec-line { display: flex; justify-content: space-between; font-size: 12.5px; padding: 3px 0; color: var(--text-mid); } .prop-spec-line span:last-child { color: var(--text); font-weight: 600; } /* ============== 05 MATERIALS & CRAFT ============== */ .craft-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; } .craft-sym { font-size: 30px; line-height: 1; color: var(--accent); margin-bottom: 12px; font-weight: 300; } .craft-sym svg { width: 26px; height: 26px; stroke: var(--accent); stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; } .craft-name { font-size: 17px; font-weight: 500; color: var(--text); margin-bottom: 7px; letter-spacing: 0.01em; } .craft-desc { font-size: 14.5px; color: var(--text-mid); line-height: 1.65; } /* ============== 06 PRODUCT NOTES ============== */ .notes-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .note-cell { padding: 20px 14px; background: var(--bg-soft); border-radius: 2px; text-align: center; } .note-ico { width: 28px; height: 28px; margin: 0 auto 10px; color: var(--accent); } .note-ico svg { width: 100%; height: 100%; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .note-t { font-size: 14.5px; font-weight: 600; color: var(--text); letter-spacing: 0.02em; } .note-s { font-size: 12px; color: var(--text-light); margin-top: 3px; letter-spacing: 0.02em; line-height: 1.4; } /* ============== 07 SPECIFICATIONS ============== */ .spec-tab { width: 100%; border-collapse: collapse; font-size: 15px; } .spec-tab tr { border-bottom: 0.5px solid var(--border-lt); } .spec-tab tr:last-child { border-bottom: 0; } .spec-tab td { padding: 11px 0; vertical-align: top; } .spec-tab td:first-child { width: 38%; color: var(--text-mid); font-weight: 500; padding-right: 20px; } .spec-tab td:last-child { color: var(--text); font-weight: 400; } .cert-row { display: flex; gap: 4px; flex-wrap: wrap; } .cert-tag { font-size: 12px; font-weight: 500; color: var(--text-mid); background: var(--bg-soft); border: 0.5px solid var(--border); padding: 2px 9px; border-radius: 2px; } .spec-note { margin-top: 1rem; padding: 12px 16px; background: var(--accent-bg); border-left: 2px solid var(--accent); font-size: 14.5px; color: var(--text-mid); line-height: 1.65; } .spec-note strong { color: var(--text); font-weight: 600; } /* ============== 08 INSTALLATION ============== */ .install-list { list-style: none; margin: 0; padding: 0; } .install-list li { padding: 7px 0 7px 18px; font-size: 15px; color: var(--text-mid); line-height: 1.65; position: relative; } .install-list li::before { content: ''; position: absolute; left: 0; top: 15px; width: 8px; height: 0.5px; background: var(--accent); } .install-list li strong { color: var(--text); font-weight: 600; } /* ============== 09 FAQ ============== */ .faq details { border-bottom: 0.5px solid var(--border); } .faq summary { cursor: pointer; list-style: none; padding: 16px 0; font-size: 16px; font-weight: 500; color: var(--text); display: flex; justify-content: space-between; align-items: center; gap: 20px; letter-spacing: 0.005em; } .faq summary::-webkit-details-marker { display: none; } .faq summary::after { content: '+'; font-size: 23px; font-weight: 300; color: var(--accent); line-height: 1; width: 18px; text-align: center; transition: transform 0.2s; } .faq details[open] summary::after { content: '–'; } .faq .a { padding: 0 0 18px 0; font-size: 15px; color: var(--text-mid); line-height: 1.75; max-width: 720px; } /* ============== 10 DOWNLOADS ============== */ .dl-list { display: flex; flex-wrap: wrap; gap: 18px 32px; padding: 4px 0; } .dl-link { font-size: 16px; color: var(--text); text-decoration: none; font-weight: 500; display: inline-flex; align-items: center; gap: 4px; letter-spacing: 0.005em; transition: color 0.2s; padding-bottom: 3px; border-bottom: 0.5px solid transparent; } .dl-link:hover { color: var(--accent); border-bottom-color: var(--accent); } .dl-arr { color: var(--accent); font-weight: 400; margin-right: 2px; } /* ============== VALUES STRIP ============== */ .values-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 22px 0; border-top: 0.5px solid var(--border); border-bottom: 0.5px solid var(--border); } .val-item { text-align: center; padding: 4px 8px; } .val-item-sym { font-size: 18.5px; color: var(--accent); margin-bottom: 4px; line-height: 1; } .val-item-t { font-size: 13px; font-weight: 600; color: var(--text); letter-spacing: 0.03em; } /* ============== RESPONSIVE ============== */ @media (max-width: 680px) { .sec-num-sub { display: none; } .statement { font-size: 20.5px; } .finish-panel { grid-template-columns: 1fr; } .kelvin-grid { grid-template-columns: 1fr; } .prop-row, .prop-specs { grid-template-columns: 1fr; gap: 10px; } .craft-grid { grid-template-columns: 1fr; gap: 22px; } .notes-row { grid-template-columns: 1fr; } .glass-labels { grid-template-columns: 1fr; } .values-strip { grid-template-columns: 1fr 1fr; gap: 14px 8px; } .hero-name { font-size: 25.5px; letter-spacing: 0.25em; } .dl-list { flex-direction: column; gap: 14px; } .spec-tab td:first-child { width: 44%; padding-right: 10px; } } Ceto Wall Luminaire · Mouth-Blown Glass Watch: Gold Single-Head Video Demonstration Watch: Black Dual-Head Video Demonstration 01 Overview The Form Ceto captures the variation and rippling of the ocean's surface — each piece a unique pattern, emitting a delicate luminosity that highlights the quiet presence of the sea. This sculptural luminaire pairs mouth-blown glass shades with a precisely machined aluminium body, offered in two anodised finishes. Three heights and three glass tones allow Ceto to scale from intimate residential settings to hospitality corridors, stairwells, and architectural installations. 02 Finishes Anodised Aluminium Body Finish 01 Gold Warm anodised aluminium Finish 02 Black Matte anodised aluminium 03 Glass Three Shade Options Click to enlarge Shade 01 Clear Glass Shade 02 Smoked Glass Shade 03 Milk white Every glass shade is mouth-blown by hand — subtle variation in ripple pattern, surface texture, and clarity is intrinsic to the craft. No two pieces of Ceto are identical. 04 Proportions Three Heights · Shared Ø 20 cm Style A H 20 cm Style B H 38 cm Style C H 65 cm Style A — Compact DimensionsØ20 × 12 × 20 cm ImperialØ7.9″ × 4.7″ × 7.9″ Weight≈ 1.0 kg Wattage≈ 3 W Style B — Medium DimensionsØ20 × H 38 cm ImperialØ7.9″ × H 14.9″ Weight≈ 1.5 kg Wattage≈ 3 W Style C — Tall DimensionsØ20 × H 65 cm ImperialØ7.9″ × H 25.6″ Weight≈ 2.4 kg Wattage≈ 6 W 05 Materials & Craft Three Pillars Mouth-Blown Glass Each shade is individually hand-blown by skilled artisans. Subtle variations in ripple pattern and thickness make every piece one-of-a-kind. Machined Aluminium Precision CNC-machined and anodised in gold or matte black. Built to hold its finish and clean architectural line for years. Integrated LED Built-in warm-white LED module — no bulb to source or replace. Designed for tens of thousands of hours of consistent, flicker-free light. 06 Product Notes At a Glance Integrated LED Built-in · no bulb required Long Service Life Factory-tuned · flicker-free Hardwired AC 110–240V · indoor only 07 Specifications Technical Data Dimensions Style A: Ø 20 × W 12 × H 20 cm / Ø 7.9″ × W 4.7″ × H 7.9″Style B: Ø 20 × H 38 cm / Ø 7.9″ × H 14.9″Style C: Ø 20 × H 65 cm / Ø 7.9″ × H 25.6″ Weight Style A ≈ 1.0 kg · Style B ≈ 1.5 kg · Style C ≈ 2.4 kg Wattage Style A ≈ 3W · Style B ≈ 3W · Style C ≈ 6W Body material CNC-machined aluminium, anodised Body finishes Gold · Black Shade material Mouth-blown glass Shade colors Clear · Smoked · Milk white Color combinations Gold+Clear · Gold+Smoked · Gold+Milk white · Black+Clear · Black+Smoked · Black+Milk white Light source Integrated LED (non-replaceable module) Kelvin range Warm Light · Triac Warm Dimming Switch Standard on/off (Warm Light) · TRIAC wall dimmer (Triac Warm Dimming) Voltage AC 110–240V, full-range Wiring Hardwired (wall installation) IP rating IP20 — indoor use only, not waterproof Certifications North America Europe Australia Middle East Indoor use only. Ceto is IP20-rated and designed for dry interior environments. It is not suitable for bathrooms, wet rooms, or any outdoor installation. 08 Installation Setup Notes Hardwired wall installation — a licensed electrician is recommended for safe mounting and wiring. Fits a standard single-gang wall box. All mounting hardware is included in the box. Works on AC 110–240V. The Warm Light version pairs with standard on/off switches. The Triac Warm Dimming version pairs with a TRIAC-compatible wall dimmer rated for LED loads. Styles A, B, and C share the same Ø 20 cm footprint and can be combined in staggered arrangements along walls, corridors, and stairwells. 09 Questions Frequently Asked What is the difference between Warm Light and Triac Warm Dimming? Both ship in the same warm glow. The Warm Light version is factory-tuned at a fixed brightness and pairs with a standard on/off switch. The Triac Warm Dimming version includes a TRIAC-compatible LED driver and pairs with a standard TRIAC wall dimmer so you can adjust brightness smoothly. Select your preferred option at checkout. Can I install it in a bathroom or covered outdoor area? No. Ceto is rated IP20, which covers dry indoor use only. It is not suitable for bathrooms, wet rooms, saunas, or any outdoor environment. Will my glass shade look exactly like the photos? Each shade is individually mouth-blown, so subtle variation in the ripple pattern, wall thickness, and surface texture is part of the craft — no two Cetos are exactly alike. The overall silhouette and clarity remain consistent from piece to piece. Can I use the same Ceto on both 110V and 220V circuits? Yes. Ceto supports full-range AC 110–240V and is certified for North America, Europe, Australia, and the Middle East — no additional transformer required. Can I mix different sizes on the same wall? Absolutely. Styles A, B, and C share the same Ø 20 cm mounting footprint and the same finish palette, so they are designed to be combined in staggered compositions — ideal for stairwells, corridors, and feature walls. Is the LED user-replaceable? The LED module is integrated for a clean architectural silhouette and long service life. Should service ever be required, the driver assembly is designed to be accessed by a qualified electrician — see the data sheet for details. 10 Downloads Spec · Install ↓ Data Sheet ↓ Assembly Instructions ◇ Hand-Blown Glass ◉ Machined Aluminium ✦ Global Certification ◈ Architect-Grade Quality