<?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>Pina - Andjela Milosevic</title>
	<atom:link href="https://andjelamilosevic.com/portfolio_group/pina/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:46 +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>Pina - Andjela Milosevic</title>
	<link>https://andjelamilosevic.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<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>
	</channel>
</rss>
