<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Spheres - Andjela Milosevic</title>
	<atom:link href="https://andjelamilosevic.com/portfolio_group/spheres/feed/" rel="self" type="application/rss+xml" />
	<link>https://andjelamilosevic.com</link>
	<description>Artist,Ilustrator &#38; Designer</description>
	<lastBuildDate>Mon, 13 Oct 2025 21:56:41 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.3</generator>

<image>
	<url>https://andjelamilosevic.com/wp-content/uploads/2025/10/favvv-120x120.png</url>
	<title>Spheres - Andjela Milosevic</title>
	<link>https://andjelamilosevic.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>SPHERES</title>
		<link>https://andjelamilosevic.com/portfolio/spheres/</link>
		
		<dc:creator><![CDATA[e3rni]]></dc:creator>
		<pubDate>Fri, 10 Oct 2025 17:55:36 +0000</pubDate>
				<guid isPermaLink="false">https://andjelamilosevic.com/?post_type=cpt_portfolio&#038;p=30505</guid>

					<description><![CDATA[<p>“Spheres” is a series that overlays powerful emotions and the enigmatic nature of eyes. The result is a fantastical, organic window into the emotionally and spiritually charged universe that projects its message far beyond the canvas borders. At the same time, each painting has a mysterious core – a black void – that might have a message of its own. </p>
<p> <span style="color:#000"> *For more details about the painting - click / tap on it </span></p>
<p>The post <a href="https://andjelamilosevic.com/portfolio/spheres/">SPHERES</a> first appeared on <a href="https://andjelamilosevic.com">Andjela Milosevic</a>.</p>]]></description>
										<content:encoded><![CDATA[<!-- Font -->
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&#038;display=swap" rel="stylesheet">

<style>
body {
  background-color: #8E2326;
  color: #FFFF;
  margin: 0;
  padding: 0;
  font-family: 'Bebas Neue', sans-serif;
}

/* Gallery using Flexbox */
.masonry-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  padding: 20px;
  box-sizing: border-box;
}

.masonry-item {
  flex: 1 1 calc(33.333% - 15px);
  max-width: calc(33.333% - 15px);
  cursor: pointer;
  text-align: center;
}

.masonry-item img {
  width: 100%;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

.masonry-item:hover img {
  transform: scale(1.03);
}

.masonry-caption {
    font-size: 22px;
    font-weight: 700;
    margin-top: 15px;
    color: #000;
}

/* Lightbox */
.lightbox-overlay {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.85);
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.lightbox-content {
  max-width: 90%;
  width: 600px;
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  color: #000;
}

.lightbox-content img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  max-height: 70vh;
  object-fit: contain;
}

.lightbox-title {
  font-size: 26px;
  font-weight: 700;
  margin-top: 15px;
}

.lightbox-sub {
  font-size: 16px;
  color: #333;
  margin-top: 5px;
}

.lightbox-desc {
  font-size: 14px;
  margin-top: 10px;
  color: #333;
  font-family: Arial, sans-serif;
  line-height: 1.4;
}

.lightbox-close {
  position: absolute;
  top: 10px; right: 15px;
  font-size: 32px;
  color: #000;
  cursor: pointer;
  line-height: 1;
}

/* Inquiry Button */
.inquiry-wrapper {
  text-align: center;
  margin: 30px 0;
}

.inquiry-button {
  background-color: #8E2326;
  color: #FFFF;
  border: none;
  padding: 14px 50px;
  font-size: 22px;
  border-radius: 8px;
  cursor: pointer;
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

.inquiry-button:hover {
  opacity: 0.9;
}

/* Responsive */
@media (max-width: 1024px) {
  .masonry-item {
    flex: 1 1 calc(50% - 15px);
    max-width: calc(50% - 15px);
  }
  .lightbox-content {
    width: 90%;
    max-width: 500px;
  }
}

@media (max-width: 600px) {
  .masonry-item {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .masonry-caption {
    font-size: 18px;
  }

  .lightbox-content {
   width: 90%;
   max-height: 90vh;
  overflow-y: auto;
   display: block;
   right: 17px;
  }

  .lightbox-title {
    font-size: 22px;
  }
}
</style>

<!-- Masonry Gallery -->
<div class="masonry-gallery">
  <div class="masonry-item" data-title="Eye of the storm" data-sub="100 x 90 CM, Acrylic on Canvas" data-desc="The “Eye of the Storm” is a cyclone of intense colors and violent tears further twisted and intensified with circular motions. Even at its most calm, it hums with electrifying power. It is said that the eye itself is calm and peaceful but stare at it long enough..." data-img="/wp-content/uploads/2025/10/2-1-1.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-1-1.jpg" alt="Eye of the storm">
    <div class="masonry-caption">Eye of the storm</div>
  </div>

  <div class="masonry-item" data-title="Red Zenith" data-sub="100 x 70 CM, Acrylic on Canvas" data-desc="“Red Zenith” is a powerful swirl of fiery energies surrounding a dark, pulsating core. Seemingly on the verge of losing control, this celestial play is equal parts passion and destruction, spark of life and flame of death. Even at its peak vibrancy, the commanding stare of the core – is inescapable." data-img="/wp-content/uploads/2025/10/2-2-2.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-2-2.jpg" alt="Red Zenith">
    <div class="masonry-caption">Red Zenith</div>
  </div>

  <div class="masonry-item" data-title="Gaia" data-sub="140 x 100 CM, Acrylic on Canvas" data-desc="“Gaia” is a bloom of raw, primordial, and maternal power. It is equal parts organic and nonliving - a perfect system that regulates and maintains all that is within it, giving birth to nurturing and destructive energies in the process - life itself." data-img="/wp-content/uploads/2025/10/2-3-2.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-3-2.jpg" alt="Gaia">
    <div class="masonry-caption">Gaia</div>
  </div>


  <div class="masonry-item" data-title="IRIS 1" data-sub="30 x 30 CM, Acrylic on Canvas" data-desc="" data-img="/wp-content/uploads/2025/10/2-4-1.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-4-1.jpg" alt="IRIS 1">
    <div class="masonry-caption">IRIS 1</div>
  </div>

   <div class="masonry-item" data-title="IRIS 2" data-sub="30 x 30 CM, Acrylic on Canvas" data-desc="" data-img="/wp-content/uploads/2025/10/2-5.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-5.jpg" alt="IRIS 2">
    <div class="masonry-caption">IRIS 2</div>
  </div>
  </div>
</div>
<!-- Inquiry Button -->
<div class="inquiry-wrapper">
<a href="/contact-me"> <button class="inquiry-button">INQUIRY</button></a>
</div>

<!-- Lightbox -->
<div class="lightbox-overlay" id="lightbox">
  <div class="lightbox-content">
    <span class="lightbox-close">&times;</span>
    <img decoding="async" src="" alt="">
    <div class="lightbox-title"></div>
    <div class="lightbox-sub"></div>
    <div class="lightbox-desc"></div>
  </div>
</div>

<script>
document.querySelectorAll('.masonry-item').forEach(item => {
  item.addEventListener('click', () => {
    const lightbox = document.getElementById('lightbox');
    lightbox.style.display = 'flex';
    lightbox.querySelector('img').src = item.dataset.img;
    lightbox.querySelector('.lightbox-title').textContent = item.dataset.title;
    lightbox.querySelector('.lightbox-sub').textContent = item.dataset.sub;
    lightbox.querySelector('.lightbox-desc').textContent = item.dataset.desc;
  });
});

document.querySelector('.lightbox-close').addEventListener('click', () => {
  document.getElementById('lightbox').style.display = 'none';
});

document.getElementById('lightbox').addEventListener('click', e => {
  if (e.target.id === 'lightbox') e.currentTarget.style.display = 'none';
});
</script>



<p></p><p>The post <a href="https://andjelamilosevic.com/portfolio/spheres/">SPHERES</a> first appeared on <a href="https://andjelamilosevic.com">Andjela Milosevic</a>.</p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
