<?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>Portfolio - Andjela Milosevic</title>
	<atom:link href="https://andjelamilosevic.com/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>https://andjelamilosevic.com</link>
	<description>Artist,Ilustrator &#38; Designer</description>
	<lastBuildDate>Mon, 13 Oct 2025 22:07:54 +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>Portfolio - Andjela Milosevic</title>
	<link>https://andjelamilosevic.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>STREAMS</title>
		<link>https://andjelamilosevic.com/portfolio/streams/</link>
		
		<dc:creator><![CDATA[e3rni]]></dc:creator>
		<pubDate>Fri, 10 Oct 2025 19:24:33 +0000</pubDate>
				<guid isPermaLink="false">https://andjelamilosevic.com/?post_type=cpt_portfolio&#038;p=30511</guid>

					<description><![CDATA[<p>“Streams” are a series of combined technique artworks (watercolor, ink, rapidograph, pencil, gold elements...) where each change of style or technique indicates a different stream – all of them together forming a single image of the river of life, full of different situations, places, emotions, and locations, to which the observer gives additional strength and meaning. The streams are infused with nostalgia, memories, and subconscious images – a creation where, in addition to fine art rules, the intuitive feeling, the flow, in which direction the image should develop is followed. </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/streams/">STREAMS</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="Autumn Rain" data-sub="100 x 100 CM, MIXED MEDIA" data-desc="A masterstroke by an unknown artist; abiogenesis; big bang; the gift of life; the story at the beginning of all stories - Creation." data-img="/wp-content/uploads/2025/10/2-1-10.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-1-10.jpg" alt="Autumn Rain">
    <div class="masonry-caption">Creation</div>
  </div>
  <div class="masonry-item" data-title="Don't go now" data-sub="50 x 70 CM, MIXED MEDIA" data-desc="“Don’t go now” is a melancholic romance of seemingly perfect moments, which at their peaks are inevitably marred by unstoppable external influences. Each stream tries to keep the current state and cries out for nostalgia and idyll, but the universe, time, or some other force beyond our control does not allow it – the streams are torn, changed, and replaced. Maybe...for the better?" data-img="/wp-content/uploads/2025/10/2-1-1-1.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-1-1-1.jpg" alt="Acrylic on Canvas">
    <div class="masonry-caption">Don&#8217;t go now</div>
  </div>

  <div class="masonry-item" data-title="Idea" data-sub="30 x 30 CM, MIXED MEDIA" data-desc="“Idea” represents the first stream – a press of a button, pull of the rope – CLICK! A strong light that illuminates and colors the gray mountains, introducing a plethora of new things, directions and flows. The beginning. And after that, a constant, continuous stream. Changes. Transformations. And finally, the end. The beginning. And after that, a constant, continuous..." data-img="/wp-content/uploads/2025/10/2-1-2-1.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-1-2-1.jpg" alt="Idea">
    <div class="masonry-caption">Idea</div>
  </div>


  <div class="masonry-item" data-title="I’m always here" data-sub="30 x 30 CM, MIXED MEDIA" data-desc="“I’m always here” turns the streams into a world made up of all those places thoughts escape to from reality. Like a constellation, a million thoughts spin in streams of different shapes, colors and sizes – most repetitive among them magnetically attract each other and collide, forming clear images of their contents. Their immeasurable strength and gravity forces other streams to bend and go around them. Regardless, the two figures don’t care about such forces – they’re always there for each other." data-img="/wp-content/uploads/2025/10/2-1-3.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-1-3.jpg" alt="I’m always here">
    <div class="masonry-caption">I’m always here</div>
  </div>

   <div class="masonry-item" data-title="Accepting calmness" data-sub="25 x 25 CM, MIXED MEDIA" data-desc="“Accepting calmness” assigns more detailed fantastical-nostalgic imagery to the streams with clear structure and logic, but thus their speed is slower – these streams challenge but also require a far greater dose of acceptance and calmness in order to absorb their magical energy and feel the atmosphere of the scenes with universal symbolism they showcase." data-img="/wp-content/uploads/2025/10/2-1-4.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-1-4.jpg" alt="Accepting calmness">
    <div class="masonry-caption">Accepting calmness</div>
  </div>

  <div class="masonry-item" data-title="Chimerical remembering" data-sub="60 x 80 CM, MIXED MEDIA" data-desc="”Chimerical Remembering” showcases streams as layers and dynamic bubbles that hold vague memories of locations, landscapes and situations, that the author never actually experienced. Vivid images with striking visuals painted by nostalgia captured somewhere between reality and Fernweh dreams – further injected by longing and wanderlust." data-img="/wp-content/uploads/2025/10/2-1-5.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-1-5.jpg" alt="Chimerical remembering">
    <div class="masonry-caption">Chimerical remembering</div>
  </div>
 
    <div class="masonry-item" data-title="Sonata" data-sub="100 x 70 CM, MIXED MEDIA" data-desc="”Sonata” presents flows as pure uncontrollable musical energy - a series of seemingly chaotic and rapid changes that fight for their place in the moment, and on the canvas. And yet, beyond the colorful confusion of defined tones and colors, a mystical core filled with melancholy and nostalgia looms - an undisturbed core that endures regardless of the pandemonium of feelings, thoughts and turmoil around." data-img="/wp-content/uploads/2025/10/2-1-7.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-1-7.jpg" alt="Sakura">
    <div class="masonry-caption">Sonata</div>
  </div>
     <div class="masonry-item" data-title="Sakura" data-sub="60 x 80 CM, MIXED MEDIA" data-desc="”Sakurae” brings recognizable oriental elements to the streams, although the painting is not inspired by any one specific city, location, or eastern idea. Contrasting deep red and striking visuals serve as an eye-catching anchor, while navigation throughout the story, and unique definition of individual elements, is left to the viewer." data-img="/wp-content/uploads/2025/10/2-1-6.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-1-6.jpg" alt="Sakura">
    <div class="masonry-caption">Sakura</div>
  </div>
     <div class="masonry-item" data-title="Seed of Life" data-sub="100 x 140 CM, MIXED MEDIA" data-desc="“Seed of Life” introduces a touch of naivety to the philosophy behind the universal symbol of creation. It purposefully and playfully reduces the discussion to the basic premise of seeds in nature, surrounded by raw elements such as water, earth, and dust – because, in the end, that is the core of it all." data-img="/wp-content/uploads/2025/10/2-1-8.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-1-8.jpg" alt="Seed of Life">
    <div class="masonry-caption">Seed of Life</div>
  </div>
     <div class="masonry-item" data-title="Autumn Rain" data-sub="60 x 60 CM, MIXED MEDIA" data-desc="”Autumn Rain” brings a unique set of autumn gloominess into the streams. Yellow and orange notes of leaves and nature color everything around them and prevail over the gray air and melancholic concrete jungle. Drops fall and wash away the summer heat, bringing a contrast that cuts through the fog and marks a new beginning." data-img="/wp-content/uploads/2025/10/2-1-9.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-1-9.jpg" alt="Autumn Rain">
    <div class="masonry-caption">Autumn Rain</div>
  </div>
   <div class="masonry-item" data-title="Just let it go" data-sub="70 × 70 cm,  MIXED MEDIA" data-desc="“Just let it go” assigns a specific function to streams, namely the display of “letting go” in life and the fluidity of the streams that arise from such decisions. Is it really possible to “just let go” and detach, or is it yet another illusion – because even in such free-falling and floating scenarios, one always encounters rigidity, structure, and strong obstacles, the overcoming of which becomes a triumph?" data-img="/wp-content/uploads/2025/10/2-1-2.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-1-2.jpg" alt="Eye of the storm">
    <div class="masonry-caption">Just let it go</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/streams/">STREAMS</a> first appeared on <a href="https://andjelamilosevic.com">Andjela Milosevic</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<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>
		<item>
		<title>PINA</title>
		<link>https://andjelamilosevic.com/portfolio/pina/</link>
		
		<dc:creator><![CDATA[e3rni]]></dc:creator>
		<pubDate>Thu, 09 Oct 2025 22:35:44 +0000</pubDate>
				<guid isPermaLink="false">https://andjelamilosevic.com/?post_type=cpt_portfolio&#038;p=30501</guid>

					<description><![CDATA[<p>“Pina” series is dedicated to the amazing Philippine "Pina" Bausch. It is very easy to be inspired by her artistic drive, passion, dedication, and power; her deeply rooted understanding of movement, emotions etched in between two moves and the energetic explosion of dance. I used the fluidity of water and black acrylic to capture this on canvas. </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/pina/">PINA</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="Strength" data-sub="48 x 30 CM, Ink watercolors" data-desc="Strength dominates the stage with roaring energy and powerful moves. He conquers his opponents and eradicates subtleties with sheer physical force. And yet, his most impressive triumph is soldiering through sorrow, tragedy and mending the heart muscles." data-img="/wp-content/uploads/2025/10/2-1.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-1.jpg" alt="Strength">
    <div class="masonry-caption">Strength</div>
  </div>

  <div class="masonry-item" data-title="Trinity of movement" data-sub="110 x 80 CM, Ink and watercolords" data-desc="It is very easy to be inspired by her artistic drive, passion, dedication, and power; her deeply rooted understanding of movement, emotions etched in between two moves and the energetic explosion of dance. I used the fluidity of water and black acrylic to capture this on canvas." data-img="/wp-content/uploads/2025/10/2-2-1.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-2-1.jpg" alt="Trinity of movement">
    <div class="masonry-caption">Trinity of movement</div>
  </div>

  <div class="masonry-item" data-title="Energy" data-sub="35 x 20 CM, Ink &#038; watercolors" data-desc="" data-img="/wp-content/uploads/2025/10/2-3-1.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-3-1.jpg" alt="Energy">
    <div class="masonry-caption">Energy</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>The post <a href="https://andjelamilosevic.com/portfolio/pina/">PINA</a> first appeared on <a href="https://andjelamilosevic.com">Andjela Milosevic</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>MUSICIANS</title>
		<link>https://andjelamilosevic.com/portfolio/musicians/</link>
		
		<dc:creator><![CDATA[e3rni]]></dc:creator>
		<pubDate>Thu, 18 Jan 2024 17:37:00 +0000</pubDate>
				<guid isPermaLink="false">https://etude.themerex.net/?post_type=cpt_portfolio&#038;p=19351</guid>

					<description><![CDATA[<p>Like the music itself, “Musicians” are an explosion of colorful vibes - movement, rhythm and vibrations captured in time and with brush strokes. Each artwork is a composition of a central figure, the musician itself, engulfed in synesthetic mist of creation and art. The colors blend into each other, the shades shift and fade, the shapes flow and transform...just like music. </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/musicians/">MUSICIANS</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="Violoncello" data-sub="25 x 35 CM, Watercolor on Paper" data-desc="Violoncello is a tough musician with a strong emotional core. With an instrument the size of a musician itself, this seems like a linear, solo act but it is anything but – a range of notes from bass to soprano, strength to gentleness, deep ocean greens to bright sun yellows – it is a full concerto." data-img="/wp-content/uploads/2025/10/2-2.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-2.jpg" alt="Violoncello">
    <div class="masonry-caption">Violoncello</div>
  </div>

  <div class="masonry-item" data-title="Saxophone" data-sub="35 x 25 CM, Watercolor on Paper" data-desc="Sax is the centerpiece of every party. With a handsome brass body that turns air into vibrations, it always captures everyone’s attention. Even when it’s painting the halls and areas with its turquoise, minty fresh music, you can spot that fiery gold just saxing away in the center." data-img="/wp-content/uploads/2025/10/2-3.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-3.jpg" alt="Saxophone">
    <div class="masonry-caption">Saxophone</div>
  </div>

  <div class="masonry-item" data-title="Timpani" data-sub="25 x 35 CM, Watercolor on Paper" data-desc="Timpani is a musician who is often the heartbeat of the orchestra, providing the rhythm that guides our excitement, and expectations and erupts our emotions. With each hit they make us move, make us sway and jump, splashing the vibrations around them, painting entire halls, hearts, and souls in an instant." data-img="/wp-content/uploads/2025/10/2-4.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-4.jpg" alt="Timpani">
    <div class="masonry-caption">Timpani</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>The post <a href="https://andjelamilosevic.com/portfolio/musicians/">MUSICIANS</a> first appeared on <a href="https://andjelamilosevic.com">Andjela Milosevic</a>.</p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
