Atollo Glass Table Lamp
@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; --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-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); } /* 2-video row */ .dfpd-vid-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .dfpd-vid { position: relative; aspect-ratio: 16/9; background: #000; border-radius: 4px; overflow: hidden; border: 1px solid var(--border-lt); } .dfpd-vid iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; } /* Size — left image + right two rows */ .dfpd-size-grid { display: grid; grid-template-columns: 300px 1fr; gap: 0; border: 1px solid var(--border); border-radius: 4px; overflow: hidden; background: var(--cream); } .dfpd-size-img-wrap { position: relative; display: flex; align-items: center; justify-content: center; background: #fff; border-right: 1px solid var(--border-lt); min-height: 200px; overflow: hidden; text-decoration: none; cursor: zoom-in; transition: background 0.2s; } .dfpd-size-img-wrap:hover { background: var(--gold-sft); } .dfpd-size-img-wrap img { display: block; width: auto; max-width: 100%; height: auto; max-height: 200px; object-fit: contain; transition: transform 0.4s ease; } .dfpd-size-img-wrap:hover img { transform: scale(1.25); } .dfpd-size-img-icon { position: absolute; bottom: 10px; right: 10px; width: 24px; height: 24px; background: rgba(26,26,24,0.82); color: var(--cream); border-radius: 50%; display: flex; align-items: center; justify-content: center; pointer-events: none; } .dfpd-size-rows { display: flex; flex-direction: column; } .dfpd-size-row { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; padding: 0.9rem 1.35rem; border-bottom: 1px solid var(--border-lt); transition: background 0.2s; } .dfpd-size-row:last-child { border-bottom: none; } .dfpd-size-row:hover { background: var(--linen); } .dfpd-size-row-label { font-family: var(--dk-sans); font-weight: 700; font-size: 1.05rem; color: var(--gold-dk); min-width: 2rem; } .dfpd-size-row-dims { display: flex; flex-direction: column; gap: 0.1rem; } .dfpd-size-row-inch { font-family: var(--dk-jost); font-weight: 600; font-size: 0.88rem; color: var(--ink); line-height: 1.3; } .dfpd-size-row-cm { font-family: var(--dk-jost); font-weight: 400; font-size: 0.74rem; color: var(--ink-3); } .dfpd-size-row-pills { display: flex; flex-direction: column; gap: 0.25rem; align-items: flex-end; } .dfpd-size-row-pill { display: inline-flex; padding: 0.2rem 0.6rem; background: var(--gold-sft); color: var(--gold-dk); border-radius: 2px; font-family: var(--dk-jost); font-weight: 500; font-size: 0.54rem; letter-spacing: 0.18em; text-transform: uppercase; white-space: nowrap; } .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 .sub { font-family: var(--dk-jost); font-weight: 400; font-size: 0.78rem; color: var(--stone); } .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.65; 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 a { color: var(--gold-dk); font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--gold); } .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-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-vid-row { grid-template-columns: 1fr; } .dfpd-size-grid { grid-template-columns: 1fr; } .dfpd-size-img-wrap { 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; } } Table Lamp · Glass · Push-button Switch · 2 Sizes Atollo Glass Table Lamp. Iconic geometric forms — cylinder, cone, and hemisphere — infuse any space with elegance and simplicity. Crafted from premium glass, the Atollo exudes sophistication, elevating the ambiance of your home with its architectural silhouette and warm diffused glow. Glass Body Geometric Form Push-button Switch 2 Sizes In motion See the Atollo in action. Size Two scales, one silhouette. S ∅ 9.8″ × H 15.4″ Dia 25 × H 39 cm G9 × 3 Bedside · Desk L ∅ 13.8″ × H 19.7″ Dia 35 × H 50 cm E14 or E12 × 3 Console · Living room Specifications Details, on the record. Material Glass Finish White Light Source LED bulb or Edison bulb · not included Bulb Base ∅ 9.8″ (S): G9 × 3∅ 13.8″ (L): E14 or E12 × 3 Control Push-button switch · non-dimmable · on cord Cord 150 cm / 59″ with switch plug · extendable on request Mounting Table / floor · indoor use only Voltage AC 110–240V Certifications Compatible with North America, Europe, Australia, Saudi Arabia Bulb Guide How to replace the base bulb → Frequently asked Questions, answered. Which size should I choose? The S (∅ 9.8″) with three G9 bulbs suits bedside tables, desks, and compact surfaces. The L (∅ 13.8″) with three E14/E12 bulbs makes a stronger statement on a console, sideboard, or living room side table — the larger hemisphere shade amplifies the iconic geometric silhouette. Note that the bulb base differs between the two sizes. How do I replace the base bulb? A step-by-step visual guide is available on Pinterest. How to replace the base bulb → Questions? [email protected] — we reply within 24 hours.
More you might like
Related
Atollo Glass Table Lamp
Related
Atollo Glass Table Lamp
Related
Atollo Glass Table Lamp
Related