/* BASE RESET & VARIABLES */
:root {
–ias-copper: #b87333;
–ias-copper-dark: #8b4513;
–ias-gold-mark: #d4a373;
–ias-text: #2d2a26;
–ias-text-light: #6b665c;
–ias-bg: #faf9f6;
–ias-bg-soft: #fdf8f3;
–ias-border: #e5e1da;
–ias-max-width: 900px;
}
#ias-p-top * {
box-sizing: border-box;
}
#ias-p-top {
background-color: var(–ias-bg);
font-family: ‘Inter’, sans-serif;
color: var(–ias-text);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
.ias-p-container {
max-width: var(–ias-max-width);
margin: 0 auto;
padding: 60px 20px;
scroll-behavior: smooth;
}
.ias-p-serif {
font-family: ‘Playfair Display’, serif;
}
/* ALIGNMENT REFINEMENT – ALL CENTERED */
.ias-p-hero,
.ias-p-hook,
.ias-p-section-desc,
.ias-p-variations .ias-p-section-header,
.ias-p-specs-grid > div:first-child,
.ias-p-reviews .ias-p-section-header,
.ias-p-faq .ias-p-section-header {
text-align: center;
}
.ias-p-desc-text {
text-align: center;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
/* FEATURE LIST CENTERING LOGIC */
.ias-p-feature-list {
list-style: none;
padding: 0;
margin-top: 30px;
display: flex;
flex-direction: column;
align-items: center; /* Centered on Desktop */
}
.ias-p-feature-item {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 16px;
font-size: 15px;
font-weight: 500;
text-align: left;
}
/* GOLD MARK STYLE */
.ias-p-gold-mark {
color: var(–ias-gold-mark);
flex-shrink: 0;
width: 18px;
height: 18px;
}
/* HERO SECTION */
.ias-p-badge {
display: inline-block;
padding: 6px 18px;
background: #f5efe6;
color: var(–ias-copper-dark);
font-size: 11px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 50px;
margin-bottom: 24px;
}
.ias-p-hero-title {
font-size: clamp(32px, 6vw, 52px);
margin-bottom: 16px;
line-height: 1.1;
color: var(–ias-text);
}
.ias-p-hero-subtitle {
font-size: 20px;
color: var(–ias-text-light);
font-style: italic;
font-weight: 300;
margin-bottom: 40px;
}
.ias-p-main-img-wrapper {
position: relative;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.12);
margin-bottom: 40px;
}
.ias-p-main-img {
width: 100%;
height: auto;
display: block;
}
/* MID SECTION IMAGE – SMALLER THAN HERO */
.ias-p-mid-img-wrapper {
max-width: 650px;
margin: 0 auto 60px;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}
.ias-p-mid-img {
width: 100%;
height: auto;
display: block;
}
/* ADVANTAGES ROW */
.ias-p-adv-row {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 24px;
margin-bottom: 30px;
padding: 20px 0;
border-bottom: 1px solid var(–ias-border);
}
.ias-p-adv-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: var(–ias-text);
}
.ias-p-emergency-msg {
background: #fff8f0;
border-left: 4px solid var(–ias-copper);
padding: 20px;
border-radius: 8px;
margin-bottom: 60px;
font-size: 15px;
color: var(–ias-text);
box-shadow: 0 4px 12px rgba(0,0,0,0.03);
text-align: center;
}
/* GALLERY – REMOVED GREY BOXES */
.ias-p-gallery-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 100px;
}
.ias-p-gallery-item {
border-radius: 16px;
overflow: hidden;
background-color: transparent; /* Removed grey background */
box-shadow: 0 10px 20px rgba(0,0,0,0.05);
display: flex;
}
.ias-p-gallery-img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
}
.ias-p-gallery-item:hover .ias-p-gallery-img {
transform: scale(1.04);
}
/* VARIATIONS */
.ias-p-variations {
background: var(–ias-bg-soft);
border-radius: 32px;
padding: 60px 20px;
margin-bottom: 30px;
border: 1px solid #f5efe6;
}
.ias-p-section-subtitle {
text-transform: uppercase;
letter-spacing: 3px;
font-size: 11px;
font-weight: 700;
color: var(–ias-copper);
display: block;
margin-bottom: 12px;
}
.ias-p-var-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.ias-p-var-group h4 {
font-size: 20px;
margin-bottom: 16px;
}
.ias-p-tag-cloud {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
.ias-p-tag {
background: white;
border: 1px solid var(–ias-border);
padding: 8px 18px;
border-radius: 8px;
font-size: 13px;
font-weight: 600;
color: var(–ias-text);
}
.ias-p-custom-info {
margin-top: 50px;
text-align: center;
padding-top: 40px;
border-top: 1px solid var(–ias-border);
}
.ias-p-custom-link {
color: var(–ias-copper);
font-weight: 700;
text-decoration: none;
border-bottom: 2px solid var(–ias-copper);
padding-bottom: 2px;
transition: opacity 0.3s;
}
/* REVIEWS */
.ias-p-reviews {
margin-bottom: 100px;
}
.ias-p-review-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 24px;
}
.ias-p-review-card {
background: white;
padding: 32px;
border-radius: 24px;
border: 1px solid var(–ias-border);
box-shadow: 0 4px 6px rgba(0,0,0,0.02);
text-align: left;
}
.ias-p-stars {
color: var(–ias-copper);
margin-bottom: 16px;
font-size: 14px;
letter-spacing: 2px;
}
.ias-p-review-text {
font-style: italic;
color: var(–ias-text-light);
font-size: 15px;
margin-bottom: 24px;
}
.ias-p-reviewer-name {
font-weight: 700;
font-size: 14px;
}
/* FAQ – NO SCRIPT NEEDED */
.ias-p-faq {
margin-bottom: 100px;
}
.ias-p-faq-item {
border-bottom: 1px solid var(–ias-border);
}
.ias-p-faq-trigger {
width: 100%;
padding: 24px 0;
background: none;
border: none;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
text-align: left;
font-size: 18px;
color: var(–ias-text);
/* Remove defaults */
list-style: none;
}
/* Remove default detail marker */
.ias-p-faq-trigger::-webkit-details-marker {
display: none;
}
.ias-p-faq-icon {
transition: transform 0.3s ease;
font-size: 14px;
}
/* When details is open */
details[open] .ias-p-faq-icon {
transform: rotate(180deg);
}
.ias-p-faq-content {
padding-bottom: 24px;
color: var(–ias-text-light);
font-size: 15px;
text-align: left;
}
/* SPECS */
.ias-p-specs-grid {
display: grid;
grid-template-columns: 1fr 1.5fr;
gap: 60px;
margin-bottom: 100px;
}
.ias-p-table-wrapper {
border-radius: 20px;
overflow: hidden;
border: 1px solid var(–ias-border);
}
.ias-p-specs-table {
width: 100%;
border-collapse: collapse;
background: white;
text-align: left;
}
.ias-p-specs-table td, .ias-p-specs-table th {
padding: 18px 24px;
border-bottom: 1px solid var(–ias-border);
font-size: 14px;
}
.ias-p-spec-key {
font-weight: 700;
color: var(–ias-copper-dark);
width: 40%;
}
.ias-p-pdf-box {
background: var(–ias-bg-soft);
padding: 30px;
border-radius: 24px;
border: 1px solid var(–ias-border);
margin-top: 20px;
}
.ias-p-pdf-btn {
display: inline-block;
background: var(–ias-text);
color: white;
text-decoration: none;
padding: 14px 24px;
border-radius: 12px;
margin-top: 20px;
font-weight: 600;
font-size: 14px;
}
/* WARRANTY & PROMISE */
.ias-p-promise-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin-bottom: 100px;
}
.ias-p-warranty-card {
background: var(–ias-text);
color: white;
padding: 40px;
border-radius: 32px;
text-align: center;
}
.ias-p-warranty-card h3 {
font-size: 26px;
margin-bottom: 20px;
}
.ias-p-policy-detail {
font-size: 13px;
color: #d1cfc9;
margin-bottom: 15px;
line-height: 1.5;
}
.ias-p-promise-card {
border: 2px dashed var(–ias-copper);
background: white;
padding: 40px;
border-radius: 32px;
text-align: center;
}
.ias-p-promise-card .ias-p-feature-list {
align-items: center; /* Center these lists specifically */
}
/* FINAL CTA */
.ias-p-cta-footer {
background: white;
border: 1px solid var(–ias-border);
border-radius: 40px;
padding: 60px 20px;
text-align: center;
box-shadow: 0 10px 30px rgba(0,0,0,0.03);
margin-bottom: 60px;
}
.ias-p-trusted-badges {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 40px;
margin-top: 40px;
padding-top: 30px;
border-top: 1px solid var(–ias-border);
}
.ias-p-trusted-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: var(–ias-text-light);
min-width: 120px;
}
.ias-p-btn-primary {
display: inline-block;
background: linear-gradient(135deg, var(–ias-copper), var(–ias-copper-dark));
color: white;
padding: 22px 50px;
border-radius: 60px;
font-weight: 700;
font-size: 18px;
text-decoration: none;
margin-top: 40px;
box-shadow: 0 15px 30px rgba(184, 115, 51, 0.3);
transition: transform 0.3s;
}
.ias-p-btn-primary:hover {
transform: translateY(-4px);
}
/* SECTION TITLES – FINAL REFINED SCALE */
.ias-p-hook h4 {
font-size: clamp(22px, 3.2vw, 28px); /* Smaller H4 */
line-height: 1.35;
margin-bottom: 12px;
padding-bottom: 6px;
}
.ias-p-section-desc h3 {
font-size: clamp(24px, 3.8vw, 32px); /* Primary section title */
line-height: 1.3;
margin-bottom: 12px;
padding-bottom: 8px;
}
.ias-p-hook p {
margin-bottom: 8px;
}
/* RESPONSIVE */
@media (max-width: 768px) {
.ias-p-var-grid, .ias-p-specs-grid, .ias-p-promise-grid {
grid-template-columns: 1fr;
}
.ias-p-feature-list {
align-items: flex-start; /* Left aligned for mobile */
padding-left: 20px;
max-width: 340px;
margin-left: auto;
margin-right: auto;
}
.ias-p-promise-card .ias-p-feature-list {
align-items: flex-start;
}
.ias-p-hook {
padding: 10 10px;
}
.ias-p-mid-img-wrapper {
max-width: 100%;
}
}
@media (max-width: 600px) {
.ias-p-gallery-grid {
grid-template-columns: 1fr;
}
.ias-p-adv-row {
flex-direction: row;
justify-content: center;
gap: 15px;
}
.ias-p-adv-item {
font-size: 9px;
}
}
/* ========== HERO GIFT BADGE (SQUARE & HANGING) ========== */
.light-dome__gift-badge {
position: absolute;
top: 15px;
left: 15px; /* Moved to top-left */
background: #fff8f0; /* Matches scarcity box color */
padding: 12px 8px;
border-radius: 8px; /* Slightly rounded corners for a softer square */
display: flex;
flex-direction: column; /* Stack icon and text vertically to make a square */
align-items: center;
justify-content: center;
text-align: center;
gap: 6px;
width: 100px; /* Fixed width for standard square shape */
height: 100px; /* Fixed height for standard square shape */
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
border: 1px solid var(–accent);
z-index: 10;
transform-origin: top center; /* Makes the animation swing from the top */
animation: badge-swing 3.5s ease-in-out infinite; /* Gentle hanging animation */
}
.light-dome__gift-badge svg {
color: var(–accent);
width: 26px;
height: 26px;
flex-shrink: 0;
}
.light-dome__gift-badge span {
color: var(–primary);
font-size: clamp(11px, 1.2vw, 13px);
font-weight: 700;
line-height: 1.2;
}
/* ========== HERO GIFT LABEL (HANGING TAG) ========== */
.light-dome__hanging-label {
position: absolute;
top: 25px; /* Dropped down to make room for the string */
right: 20px; /* Top right corner */
background: #fff8f0; /* Matches the scarcity box */
border: 1px solid var(–accent);
border-radius: 8px;
padding: 14px 8px 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
width: 105px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
z-index: 10;
/* Makes it physical: The tag swings exactly from the top of the string! */
transform-origin: 50% -20px;
animation: tag-swing 3.5s ease-in-out infinite;
}
/* The actual string */
.light-dome__hanging-label::before {
content: “”;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 1.5px;
height: 20px;
background: var(–accent);
opacity: 0.8;
}
/* The hole in the tag */
.light-dome__hanging-label::after {
content: “”;
position: absolute;
top: 6px;
left: 50%;
transform: translateX(-50%);
width: 6px;
height: 6px;
background: #333; /* Dark hole effect */
border-radius: 50%;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.8);
}
/* Lit Bulb Icon */
.light-dome__label-bulb {
color: #e6a100; /* Warm gold ray color */
width: 30px; /* Slightly larger as the focus */
height: 30px;
flex-shrink: 0;
margin-top: 3px;
filter: drop-shadow(0 0 6px rgba(230, 161, 0, 0.7)); /* Outer glow */
animation: bulb-glow 1.5s infinite alternate ease-in-out;
}
.light-dome__hanging-label span {
color: var(–primary);
font-size: clamp(10px, 1.2vw, 12px);
font-weight: 800;
line-height: 1.25;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* Tag swinging animation */
@keyframes tag-swing {
0% { transform: rotate(-4deg); }
50% { transform: rotate(4deg); }
100% { transform: rotate(-4deg); }
}
/* Brightly lit bulb glow animation */
@keyframes bulb-glow {
0% { filter: drop-shadow(0 0 3px rgba(255, 180, 0, 0.5)); transform: scale(0.95); opacity: 0.9; }
100% { filter: drop-shadow(0 0 12px rgba(255, 180, 0, 1)); transform: scale(1.05); opacity: 1; }
}
@media (max-width: 768px) {
.light-dome__hanging-label {
right: 10px;
width: 90px;
padding: 10px 5px 8px;
}
.light-dome__label-bulb {
width: 22px;
height: 22px;
}
.light-dome__hanging-label span {
font-size: 8px;
}
}
/* ========== SUSPENSION OPTIONS SECTION ========== */
.light-dome__suspension {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(20px, 4vw, 40px);
align-items: center;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border: 1px solid var(–accent-light);
border-radius: 12px;
padding: clamp(10px, 4vw, 40px);
margin: 0px auto 20px;
max-width: 900px;
box-shadow: 0 8px 25px rgba(166, 124, 82, 0.08);
}
.light-dome__suspension-content h4 {
font-size: clamp(20px, 3vw, 24px);
color: var(–primary);
margin-bottom: 12px;
font-weight: 600;
}
.light-dome__suspension-content p {
color: var(–muted);
font-size: clamp(14px, 1.5vw, 15px);
line-height: 1.6;
margin-bottom: 25px;
}
.light-dome__suspension-note {
background: #fff8f0;
border-left: 4px solid var(–accent);
padding: 18px;
border-radius: 4px 8px 8px 4px;
display: flex;
gap: 12px;
align-items: flex-start;
box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}
.light-dome__suspension-note svg {
color: var(–accent);
width: 24px;
height: 24px;
flex-shrink: 0;
margin-top: 2px;
}
.light-dome__suspension-note span {
font-size: 13.5px;
line-height: 1.5;
color: var(–primary);
}
.light-dome__suspension-note strong {
color: var(–accent);
}
.light-dome__suspension-img-wrapper {
position: relative;
border-radius: 8px;
overflow: hidden;
background: #f4f4f4; /* Matches the background of your image */
border: 1px solid var(–accent-light);
}
.light-dome__suspension-img-wrapper img {
width: 100%;
height: auto;
display: block;
mix-blend-mode: multiply; /* Blends the image perfectly into the layout */
}
@media (max-width: 768px) {
.light-dome__suspension {
grid-template-columns: 1fr;
padding: 25px 20px;
}
}
/* ========== PACKAGE INCLUDES SECTION ========== */
.light-dome__pkg-includes {
margin: clamp(40px, 6vw, 80px) 0;
}
.light-dome__pkg-includes h3 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: 20px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px;
}
.light-dome__pkg-grid {
display: grid;
grid-template-columns: repeat(4, 1fr); /* 4 equal columns */
gap: 15px;
background: var(–bg-light);
padding: clamp(15px, 3vw, 24px);
border-radius: 12px;
border: 1px solid var(–accent-light);
}
.light-dome__pkg-card {
text-align: center;
padding: 25px 15px;
background: #fff;
border-radius: 8px;
border: 1px solid var(–accent-light);
box-shadow: 0 2px 8px var(–shadow);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
position: relative;
}
.light-dome__pkg-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.light-dome__pkg-icon {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
background: var(–bg-light);
border-radius: 50%;
color: var(–accent);
margin-bottom: 12px;
}
.light-dome__pkg-icon svg {
width: 22px;
height: 22px;
}
.light-dome__pkg-label {
font-size: clamp(14px, 1.5vw, 16px);
font-weight: 600;
color: var(–primary);
}
/* Free Gift Highlight Card */
.light-dome__pkg-highlight {
border: 2px solid var(–accent);
box-shadow: 0 4px 15px rgba(166, 124, 82, 0.15);
overflow: hidden;
/* Extra slightly larger padding on top to fit the absolute badge */
padding-top: 35px;
}
.light-dome__pkg-highlight::before {
content: ”;
position: absolute;
top: 0; left: 0; right: 0;
height: 4px;
background: var(–accent);
}
.light-dome__pkg-highlight .light-dome__pkg-label {
color: var(–accent);
font-weight: 700;
}
.light-dome__pkg-highlight .light-dome__pkg-icon {
background: rgba(166, 124, 82, 0.1);
}
.light-dome__pkg-badge {
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
background: var(–accent);
color: #fff;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 4px 10px;
border-radius: 20px;
font-weight: 700;
white-space: nowrap;
}
/* Responsive Adjustments */
@media (max-width: 900px) {
.light-dome__pkg-grid {
grid-template-columns: repeat(2, 1fr); /* 2×2 grid on tablets */
}
}
@media (max-width: 500px) {
.light-dome__pkg-grid {
grid-template-columns: 1fr; /* Stack on phones */
}
}
Brass Cone Pendant Light
Modern geometry meets handcrafted warmth ideal over islands, dining tables, and living spaces.
See It In The Workshop
Architectural Simplicity, Crafted in Brass
The clean silhouette of our cone pendant draws from mid-century modern design, reimagined with contemporary craftsmanship. The brushed brass surface catches light softly, evolving over time into a rich, mellow patina that deepens with your home’s story.
FREE BULB OUR GIFT TO YOU
A Statement of Refined Geometry
Forged from 100% solid brass, this pendant delivers structural integrity and heirloom quality. Unlike plated or hollow alternatives, our cone maintains thermal stability and acoustic presence, a quiet confidence in form and function.
The brushed finish begins with a soft, matte luster and ages gracefully, developing warm amber and chocolate tones over months and years.
- 100% Solid Brass Construction
- Elegant Brushed Finish (Develops Natural Patina)
- Secure Hanging Bracket Included
- Fully Compatible with Insideast Brass Collection
- Custom Sizes & Shapes Available on Request
Tailored To Your Vision
Shade Diameter
Cord Lengths
We specialize in bespoke lighting. Custom sizes, multi-pendant clusters, and unique patina finishes are available upon request.
Need custom sizing? Provide your desired dimensions at checkout, we’ll craft it to fit perfectly.
Custom Suspension Styles
We tailor every detail to your space. Choose from our standard Fabric Cords, or elevate your design with a heavy-duty Brass Link Chain or seamless Solid Brass Rod.
How to request: Simply mention your preferred suspension style in the “Order Notes” box at checkout, or reach out to us at contact@insideast.com and we will gladly handle the rest.
Package Includes
Specifications
Custom Build Guide
Each fixture is handcrafted to order. For customization or any other design.
Email contact@insideast.com for technical drawings files.
| Material | Solid Brass |
| Finish | Brushed Brass (Ages to Natural Patina) |
| Bulb Base | Fits E26/E27 Bases — US/EU/UK Compatible (Gift 🎁 2 Free Bulbs) |
| Bulb Lighting Color | 2700K |
| Voltage | 110V / 220V Compatible |
| Mounting | Ceiling-Mounted w/ Hanging Bracket |
| Return | 15-Day Guarantee |
Artisan Appreciation
“As exactly as shown, well made beautiful piece!”
“I love my new lights they are absolutely beautiful!”
“Amazing lights. I would order again.”
Questions & Support
How is the cone shaped?
Each cone is hand-spun on a lathe and seamed using traditional brass-working techniques — no welding or casting. This ensures strength and a clean, continuous silhouette.
Does the brushed finish scratch easily?
No; the brushing is deep and mechanical, not superficial. Minor marks blend into the texture and patina over time, adding character rather than damage.
Can I adjust the cord length after installation?
Yes; the fabric-wrapped cord is fully adjustable at the canopy. Extra length can be neatly coiled and hidden inside.
Is it dimmable?
Absolutely, compatible with all standard dimmer switches when used with dimmable bulbs (LED, incandescent, or halogen).
5-Year Limited Warranty
- 5-Year Limited Warranty on fixture construction and materials.
- Covered for repair or replacement in case of manufacturing defects.
🛡️ Our No-Risk Promise
We craft every fixture to last generations.
- 15-Day Returns: Changed your mind? We’ll refund you – just send it back unused in its original packaging.
- 5-Year Warranty: Covers material and craftsmanship defects.
- Perfect Match Guarantee: Fixture + hardware always match.
Industry-leading protection for your peace of mind.
English
Reviews
There are no reviews yet.