Calla Alabaster Wall Sconce
@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; --sage: #7A8A5C; --sage-sft: #DDE5C8; --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 0 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); } /* Hero */ .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; } /* 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: 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); } /* Craft */ .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; } /* Dual size — image slot */ .dfpd-size-dual { display: grid; grid-template-columns: 1fr 1fr; gap: 0.9rem; } .dfpd-size-card { padding: 1.35rem 1.5rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; } .dfpd-size-img { width: 100%; height: 200px; background: #fff; border: 1px solid var(--border-lt); border-radius: 3px; overflow: hidden; margin-bottom: 1.1rem; } .dfpd-size-img img { width: 100%; height: 100%; object-fit: contain; display: block; } .dfpd-size-ph { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 200px; background: #F8F6F0; border: 1px solid var(--border-lt); border-radius: 3px; gap: 0.55rem; padding: 1rem; margin-bottom: 1.1rem; } .dfpd-size-ph-icon { width: 42px; height: 42px; border-radius: 50%; border: 1px dashed var(--border); color: var(--gold); display: flex; align-items: center; justify-content: center; } .dfpd-size-ph-label { font-family: var(--dk-serif); font-size: 0.82rem; color: var(--stone); text-align: center; line-height: 1.4; } .dfpd-size-ph-note { font-family: var(--dk-jost); font-size: 0.52rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold); text-align: center; } .dfpd-size-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.45rem; } .dfpd-size-title { font-family: var(--dk-sans); font-weight: 600; font-size: 1.35rem; color: var(--ink); line-height: 1.05; margin-bottom: 0.4rem; letter-spacing: -0.01em; } .dfpd-size-dim { font-family: var(--dk-jost); font-weight: 600; font-size: 0.85rem; color: var(--ink-2); margin-bottom: 0.6rem; line-height: 1.6; } .dfpd-size-pill { display: inline-flex; padding: 0.32rem 0.75rem; 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; } /* Specs */ .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); } /* Downloads */ .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); } /* FAQ */ .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; } /* Support */ .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; } /* 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-craft { grid-template-columns: 1fr; text-align: center; } .dfpd-craft-icon { margin: 0 auto; } .dfpd-foot { grid-template-columns: 1fr; } } @media (max-width: 520px) { .dfpd-size-dual { 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 0 0 12px; } } Alabaster Wall Sconce · Genuine Stone · Bidirectional · 4 Finishes · IP20 Calla Alabaster Wall Sconce. A tailored brushed brass band wraps a linear, pill-shaped silhouette carved from genuine translucent alabaster. This bidirectional sconce casts a soft, glare-free diffused glow up and down — ideal flanking a vanity mirror, in a powder room, along a minimalist hallway, or as modern bedside lighting. Genuine Alabaster Stone Bidirectional Glow E26 / E27 · IP20 Four Finishes Material & craft A brass band, a translucent stone pill. The material Brushed brass wrapping genuine veined alabaster. The Calla pairs a tailored brushed brass band with a pill-shaped body carved from genuine, translucent alabaster. Because each piece is cut from natural stone, its veining and tone are unique — no two sconces are exactly alike. Mounted on the wall, it emits light up and down for a soft, glare-free wash, the stone diffusing the glow into something warm and architectural. An organic modern fit for powder rooms, vanity mirrors, hallways, and bedside walls. Configuration Two heights, one slim profile. Compact L 3.1″ · H 13.8″ L 8 cm · H 35 cm Bedside · Powder room Tall L 3.1″ · H 22″ L 8 cm · H 56 cm Vanity mirror · Hallway Specifications Details, on the record. Material Genuine alabaster + brushed metal band Light Source E26 / E27-base bulbs · LED or Edison-style filament Finishes White Brass Black Chrome IP Rating IP20 · indoor dry locations only Voltage AC 110–240 V Mounting Hardwired wall mount · external wall switch required Control Common wall switch · not included Certifications Compatible with North America, Europe, Australia, Saudi Arabia Downloads Documents & resources. PDF Request via email Tear Sheet PDF Request via email Assembly Guide 3D Request via email 3D Files Project enquiries & specifications: [email protected] — we reply within 24 hours.
More you might like
Related
Calla Alabaster Wall Sconce
Related
Calla Alabaster Wall Sconce
Related
Calla Alabaster Wall Sconce
Related