/* Hero Section Custom Styles */
.hero-sphere-section {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: var(--bg-white);
}

#sphereCanvas, #orbiterCanvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

#sphereCanvas {
    z-index: 0;
}

.hero-sphere-heading {
    position: relative;
    z-index: 10;
    pointer-events: none;
    color: var(--text-primary);
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.02em;
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

#orbiterCanvas {
    z-index: 20;
    pointer-events: none;
}

/* Shaped Section Product Images */
.shaped-product-img {
    display: block;
    max-width: calc(100% - clamp(4rem, 10vw, 8rem));
    max-height: calc(100% - clamp(4rem, 10vw, 8rem));
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: var(--radius-2xl);
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.12));
    will-change: transform;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.shaped-section:hover .shaped-product-img {
    transform: scale(1.02);
}

/* Ensure the container of the image is centered */
.leda-page .leda-landing .shaped-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.leda-page .leda-landing .shaped-img.shaped-img--coral { background: linear-gradient(135deg, var(--coral-light) 0%, var(--coral) 100%); }
.leda-page .leda-landing .shaped-img.shaped-img--leda  { background: linear-gradient(135deg, var(--mint-light) 0%, var(--mint) 100%); }
.leda-page .leda-landing .shaped-img.shaped-img--sky   { background: linear-gradient(135deg, var(--sky-light) 0%, var(--sky) 100%); }

.leda-page .leda-landing .shaped-copy .btn-row { margin-top: var(--space-8); }

.about-hero { display: none; }