Art&House

<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:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Art&#38;House</title>
	<link>https://artandhouse.co</link>
	<description>Art&#38;House</description>
	<pubDate>Sat, 31 Jan 2026 19:40:26 +0000</pubDate>
	<generator>https://artandhouse.co</generator>
	<language>en</language>
	
		
	<item>
		<title>Contact</title>
				
		<link>http://artandhouse.co/Contact-1</link>

		<comments></comments>

		<pubDate>Sat, 31 Jan 2026 19:40:26 +0000</pubDate>

		<dc:creator>Art&#38;House</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">459047</guid>

		<description>
Back to Home Page


Wichertstr. 53, 10439 Berlin


 &#38;nbsp;



&#60;img width="500" height="500" width_o="500" height_o="500" src_o="https://cortex.persona.co/t/original/i/b61cac3f84aa16debf24ff047e6582afe9bd42c9b652894a416440590fa9c21b/snazzy-image.png" data-mid="1430771" border="0" /&#62;
</description>
		
		<excerpt>Back to Home Page    Wichertstr. 53, 10439 Berlin    &#38;nbsp;  </excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
		
	<item>
		<title>Listening</title>
				
		<link>http://artandhouse.co/Listening</link>

		<comments></comments>

		<pubDate>Wed, 28 Jan 2026 15:32:53 +0000</pubDate>

		<dc:creator>Art&#38;House</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">459001</guid>

		<description>

Back to Home Page


Art&#38;amp;House Listening Sessions


Listening Sessions are small, intimate gatherings dedicated to hearing albums in full. We slow down, listen with presence, and allow the music to unfold as a shared experience.


27.07.2026 - Listening Session #14


&#60;img src="https://upload.wikimedia.org/wikipedia/en/f/f9/Janelle_Mon%C3%A1e_-_The_ArchAndroid_album_cover.jpg?utm_source=en.wikipedia.org&#38;amp;utm_campaign=imageinfo&#38;amp;utm_content=original"&#62;


Janelle Monáe - The ArchAndroid (2010)


Another wonderful evening with Janelle Monáe's extraordinary album, one that refuses to stay within a single genre, moving through funk, soul, rock, jazz, hip-hop, orchestral music and more, offering something for every taste and yet somehow never losing its identity. Beneath its science-fiction story of an "android in love with a human" lies something much deeper: a celebration of individuality and a voice for those who have ever felt different, misunderstood or pushed to the margins.What struck me once again is how fearless the entire project is. Every song seems to take another creative risk, yet Janelle's musicianship, charisma and sheer artistic vision hold it all together. The opening run of Dance or Die, Faster and Locked Inside filled the room with unstoppable energy, while songs like Cold War revealed the vulnerability that exists beneath all that confidence and ambition. And every time Neon Valley Street comes on, I am reminded why it remains my favourite track on the album (I recently played a DJ-set where this song was the opening track, check it out here: Nodes &#38;amp; Valleys).There is so much personality, imagination and craftsmanship packed into this record that I genuinely believe it deserves far more recognition than it has received. I'm simply happy that, for one evening, we could give it the attention it deserves and experience it together.


13.07.2026 - Listening Session #13&#60;img src="https://upload.wikimedia.org/wikipedia/en/6/64/BurialUntrue.jpg"&#62;Burial - Untrue (2007)
Thank you all for another wonderful Soups &#38;amp; Sounds evening with Burial's Untrue.This session was a first for us: after twelve editions, we finally had our first guest curator. A huge thank you to Adam for choosing and presenting the album, and for cooking an incredibly tasty mushroom miso soup.The making of the soup itself felt almost like a ritual. A wide variety of mushrooms soaking, getting chopped and sizzling in the pan, offering a visual feast and incredible smells gradually filling the flat, and people arriving one by one and naturally gathering in the kitchen.I think this is what I increasingly love about these evenings: people coming together with intention for a shared experience. The joy of getting to know other human beings while surrounded by tastes, smells and sounds. Sharing a pot of soup, sharing a room, and creating a little sense of community, friendliness and peacefulness together.And then we entered the strange, ghostly world of Untrue.I loved the incredibly cohesive sound of the album. On one hand, it feels distant and almost out of reach; on the other, its crunchy textures and haunting vocals carry a strange warmth and a fuzzy sense of nostalgia. The music pulls you into a journey filled with darkness, uneasiness and grit, yet somehow also intimacy.We spoke about Burial's use of vocal samples from R&#38;amp;B songs, often taken from a completely different emotional world: upbeat, romantic, love is in the air. He twists these voices into something almost 180 degrees opposite: fragmented, darker and unsettling.Personally, Near Dark was the highlight for me and gave me plenty of tingles. The bullet casings hitting the floor, along with so many other tiny sounds were incredibly stimulating for my imagination. Archangel, Endorphin and Raver also received special mentions, but in the end, I think we all agreed that the real magic was in the captivating flow of the album as a whole.Thank you, Adam, for bringing your sounds, soup and perspective into the series. And thank you all for sharing the evening, including those who couldn't make it but listened to the album in their own time and shared their reflections with me afterwards.22.06.2026 - Listening Session #12&#60;img src="https://upload.wikimedia.org/wikipedia/en/d/dd/Ray_of_Light_Madonna.png"&#62;Madonna - Ray of Light (1998)Thank you all for another wonderful Soups &#38;amp; Sounds evening with Ray of Light.Listening to this album together felt a little like stepping into a time machine, back to the late 90s, to a world that moved slower. A time before mobile phones and constant connectivity, when the internet was only beginning to reshape everyday life, globalization was accelerating cultural exchange between East and West, and electronic music was gradually finding its way into the mainstream, becoming part of the soundtrack of modern life.Ray of Light arrived exactly at that moment. It marked a profound transformation for Madonna herself, but in many ways, it also helped shape a transformation happening in the world around her.What stood out to me throughout the evening was the album’s beautiful flow. The electronic sounds often felt like actual rays of light passing through the leaves of a tree: bright, shimmering, full of movement, while carrying deeper undertones of spirituality, introspection, peace, and inward journeys.Personally, The Power of Goodbye remains my favorite track on the album, though To Have and Not to Hold also revealed itself as a particularly beautiful and underrated moment.As always, one of my favorite parts of these evenings is seeing such a lovely mixture of familiar faces who regularly join these gatherings, alongside those attending for the first time. It creates a special kind of energy every time.One thought that stayed with me from our conversations afterwards was how much the evening itself felt like a revival of the 90s. Someone pointed out that it was a time when conversations seemed to flow more naturally, when people spoke more openly and unfiltered. A time when buying CDs was still part of discovering music, when opening an album cover felt like entering an entirely new world, long before information became instantly accessible at the touch of a screen.For a few hours, it felt like we all stepped back into that shared experience together. Thank you again for bringing your ears, your thoughts, and your presence, and helping make these evenings what they are.08.06.2026 - Listening Session #11&#60;img src="https://upload.wikimedia.org/wikipedia/en/2/27/Scheherazade_and_Other_Stories_%28Renaissance_album_-_cover_art%29.jpg"&#62;Renaissance - Scheherazade and other stories (1975)Thank you all for another beautiful listening evening. I think Scheherazade and Other Stories by Renaissance truly left a strong impression on many of us.The musical quality throughout the record is extraordinary: the emotional piano passages, Annie Haslam’s breathtaking voice and the incredible orchestral arrangements turned “Song of Scheherazade” into a real fairy tale experience. Many of you also liked “Trip to the Fair”, an especially captivating and atmospheric piece that takes you on a peculiar dreamlike trip. “Ocean Gypsy” remains to be my favorite, beautifully sentimental and delicate.For those who couldn’t make it: if you ever find the time and space to listen to this album fully from beginning to end, I highly recommend it. It is such a carefully crafted and immersive work of art. It was a huge joy for me to share this album and to fully feel the imagination, emotion, and effort that went into creating something this special.25.05.2026 - Listening Session #10&#60;img src="https://upload.wikimedia.org/wikipedia/en/f/f6/Titanic_Rising.jpg?utm_source=en.wikipedia.org&#38;amp;utm_campaign=imageinfo&#38;amp;utm_content=original"&#62;Weyes Blood - Titanic Rising (2019)I enjoyed the album’s cinematic musicality and sincere, vulnerable lyrics. I also loved how many tracks emerged from futuristic sci-fi sounds and that strange underwater feeling before moving into something deeply emotional and human. We all seemed to agree that almost every song evoked vivid movie-like scenes in our minds.Movies and A Lot’s Gonna Change were two of my top three tracks from the album, while Wild Time remains my number one overall. Interestingly, during the session itself, Picture Me Better resonated with me in particular.It’s definitely one of those albums that grows on you over time. Give it another listen in your own space sometime. Maybe with headphones, if you want to fully dive in and rise again.11.05.2026 - Listening Session #9&#60;img src="https://upload.wikimedia.org/wikipedia/en/e/e5/Lianne_La_Havas_-_Lianne_La_Havas.png"&#62;Lianne La Havas - Lianne La Havas (2020)This album feels very special to me. It is deeply expressive and emotionally rich, moving through themes like love, longing, heartbreak, healing and self-worth with elegance and honesty. A contemporary soul album that also touches folk, jazz, R&#38;amp;B, and even hints of flamenco and psychedelic textures, all without losing its cohesion.Each song seemed to bring out something different during the evening. The groovy opening of “Bittersweet”, the playful energy of “Read My Mind”, the deeply sensual “Green Papaya”, the brilliantly catchy “Can’t Fight”, the smoky intimacy of “Paper Thin”, the epic reinterpretation of Radiohead’s “Weird Fishes”, the sassy melancholy in “Seven Times”, the slow-burning beauty of “Courage” (with its mysterious sci-fi whistle sounds), and the jazzy &#38;amp; expansive ending of “Sour Flower”.I also loved hearing everyone’s favorite tracks afterwards. Almost every song on the album received a mention from someone, which says a lot about how consistently strong the record is from beginning to end. If I had to choose personally, “Please Don’t Make Me Cry” would still be my favorite.Thank you again for bringing your presence, attention, thoughts and emotions into the room. These evenings become much more meaningful because of the people who join them.27.04.2026 - Listening Session #8&#60;img src="https://upload.wikimedia.org/wikipedia/en/8/89/Camel-Mirage.jpg"&#62;Camel - Mirage (1974)Mirage by Camel. For an album from the 70s, it was quite remarkable how clear the sound was, which gave a fresh, almost timeless quality that many of us picked up on.The two longer tracks, Nimrodel and Lady Fantasy, felt like true journeys. Shifting in mood, tempo, and direction... Felt like watching a landscape in some distant, imagined world. And then there was Supertwister... with the weightless flute, such a quiet but powerful moment with goosebumps.For me personally, it was a real joy to share this album. Experiencing it together felt like revealing a small treasure. Some of the textures and sounds leaned into a slightly psychedelic space, showing resemblance to Turkish psychedelic scene of the 70s, making the lentil soup pairing feel right.Thanks again for bringing your presence, attention, and openness.13.04.2026 - Listening Session #7&#60;img src="https://upload.wikimedia.org/wikipedia/en/2/2c/Stevemcqueen.jpg"&#62;Prefab Sprout - Steve McQueen (1985)Another special evening with good music and company.There was a shared appreciation in the room for how clean and beautifully produced this album is (check out the producer, Thomas Dolby). What stood out to everyone was the honesty and vulnerability in the lyrics, but also their humour. This balance seems to be part of what makes this album quietly powerful.For me, it’s also the unusual song structures, the little twists in each track, the tasteful use of synths, and of course the passionate voice of Paddy McAloon that make it so rewarding to return to. Bonny and When Love Breaks Down remain my personal highlights, with their emotional weight while staying incredibly elegant in their melody and arrangement. Moving the River is another one I like, especially in how it reflects the struggle of keeping creative standards high.I know I’ll come back to this album again, and I hope you will too, whether on a quiet evening when you are feeling down or when you are simply out for a bit of horsing around.30.03.2026 - Listening Session #6&#60;img src="https://upload.wikimedia.org/wikipedia/en/e/e8/Esthero_-_Breath_From_Another.jpg"&#62;Esthero - Breath From Another (1998)Thanks to all who managed to join. As an album that has many different flavours, we moved from genre to genre with each track. When the second half of the album settled in, it set the tone for the night: Like a late-night drive through the city with someone close, where the world softens, time slows down, and you simply exist in that calm and quietly connected moment.The tracks Lounge and Superheroes remain to be my favourites. I also loved seeing how Country Livin’ (The World I Know) appealed to many of you. For me personally, there was a lot of joy in turning this album (one that I only discovered myself quite recently) into something shared.16.03.2026 - Listening Session #5&#60;img src="https://upload.wikimedia.org/wikipedia/en/1/14/Inrainbowscover.png"&#62;Radiohead - In Rainbows (2007)Thanks to those who managed to attend to listen to this wonderful album together. It is great to see these gatherings taking shape, with familiar faces coming back, new ones joining each time and a shared space is forming around music &#38;amp; conversation (and soup).In Rainbows is an authentic album that has been in my library since a while. Weird Fishes / Arpeggi is still my favorite track, however Jigsaw Falling Into Place had even bigger impact on me yesterday.09.02.2026 - Listening Session #4&#60;img src="https://upload.wikimedia.org/wikipedia/en/a/a2/Beach_House_-_Bloom.png"&#62;Beach House - Bloom (2012)Another wonderful listening session in this series. Bloom diffused beautifully through the room. The soup warmed us up, as we were sinking into layered synths and tremolo guitars that seemed to vibrate through the skin, together with the intimate lyrics.Personally, Wishes and On the Sea lingered with me long after the album, and it was lovely to see how many of you connected with Other People (pun intended). A moving album, and an even more moving evening. Thank you for being part of it. 26.01.2026 - Listening Session #3&#60;img src="https://upload.wikimedia.org/wikipedia/en/6/60/Cocteau_Twins%E2%80%94Heaven_or_Las_Vegas.jpg"&#62;Cocteau Twins - Heaven or Las Vegas (1990)Thanks to everyone who joined Heaven or Las Vegas listening session. I really enjoy how these evenings are evolving. It feels like we are building a shared space that people can keep returning to.It was beautiful to watch the shift from trying to decipher the lyrics to simply letting Elizabeth Fraser’s voice wash over the room as pure sound. What I loved most was that everyone seemed to walk away with a different favorite track, a good sign of how balanced and personal this album is.For me personally, Fifty-Fifty Clown was the song that first made me notice Cocteau Twins years ago. More recently I found myself falling more for Road, River and Rail. And for those who want to dive deeper, Treasure (1984) remains another very special Cocteau Twins album worth spending time with.12.01.2026 - Listening Session #2&#60;img src="https://upload.wikimedia.org/wikipedia/en/e/e9/Massive_Attack_-_Mezzanine.png"&#62;Massive Attack - Mezzanine (1997)Thanks to all who managed to join on Monday to listen to Mezzanine by Massive Attack. I’m still carrying the atmosphere of the night with me. It meant a lot to see how much openness, curiosity, and presence everyone brought with them.One small personal note: Group Four remains my favorite track on Mezzanine. I love its tribal undercurrent and the way it slowly builds tension and release. If you feel like revisiting the album, I highly recommend giving that track (or the whole album) another listen with headphones to explore its depths.15.12.2025 - Listening Session #1&#60;img src="https://upload.wikimedia.org/wikipedia/en/e/e4/Jeff_Buckley_grace.jpg"&#62;Jeff Buckley - Grace (1994)The first listening session of this series felt exactly like what I had hoped for: a cozy group, a shared soup, deep listening, and reflections that went far beyond the album itself. Thanks to everyone who came and helped create such a calm and delightful atmosphere.Grace revealed itself once again as an incredibly rich and vulnerable album. If you feel like returning to it on your own time, I personally recommend revisiting the song Dream Brother. It stayed with me after the evening, both musically and emotionally.


</description>
		
		<excerpt>Back to Home Page     Art&#38;amp;House Listening Sessions   Listening Sessions are small, intimate gatherings dedicated to hearing albums in full. We slow down,...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
		
	<item>
		<title>OSIDIAN AI</title>
				
		<link>http://artandhouse.co/OSIDIAN-AI</link>

		<comments></comments>

		<pubDate>Sun, 07 Dec 2025 18:40:24 +0000</pubDate>

		<dc:creator>Art&#38;House</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">458686</guid>

		<description>


@import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&#38;family=Rajdhani:wght@300;400;600&#38;family=Cormorant+Garamond:wght@400;600&#38;family=Montserrat:wght@300;400&#38;display=swap');


    /* Persona sıfırlama ve Obsidian stilleri */
    #obsidian-wrapper {
        position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
        z-index: 99999; /* Mevcut sitenin üzerine çıkması için */
        background-color: #050505;
        color: #e0e0e0;
        font-family: 'Rajdhani', sans-serif;
        overflow: hidden;
    }

    #obsidian-wrapper * { box-sizing: border-box; outline: none; }

    :root {
        --bg-deep: #050505;
        --text-main: #e0e0e0;
        --accent: #00e5ff;
        --glass: rgba(255, 255, 255, 0.05);
        --border: rgba(255, 255, 255, 0.1);
        --font-sync: 'Syncopate', sans-serif;
        --font-raj: 'Rajdhani', sans-serif;
    }

    /* Arkaplan */
    .obsidian-surface { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; background-color: #000; }
    .noise-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.07; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); }
    .light-source { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: radial-gradient(circle 800px at var(--x, 50%) var(--y, 50%), rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 1) 100%); }

    /* Header */
    #obsidian-wrapper header { 
        position: absolute; top: 0; width: 100%; padding: 30px 50px; 
        display: flex; justify-content: space-between; align-items: center; 
        z-index: 100; pointer-events: none; 
    }
    .obs-pointer-auto { pointer-events: auto; }
    
    .obs-logo { 
        font-family: var(--font-sync); font-weight: 700; font-size: 1.2rem; letter-spacing: 3px; color: #fff; cursor: pointer;
    }

    #obsidian-wrapper nav ul { display: flex; gap: 40px; list-style: none; margin: 0; padding: 0; }
    #obsidian-wrapper nav a { 
        color: #aaa; text-decoration: none; text-transform: uppercase; font-size: 0.9rem; letter-spacing: 2px; transition: 0.3s;
        position: relative;
    }
    #obsidian-wrapper nav a:hover { color: #fff; text-shadow: 0 0 10px rgba(255,255,255,0.5); }

    /* Ana İçerik */
    .obs-container { position: relative; z-index: 10; padding: 0 60px; height: 100%; display: flex; align-items: center; }
    .obs-hero-content { max-width: 50%; z-index: 20; pointer-events: none; }
    .obs-hero-content * { pointer-events: auto; }
    
    .obs-h1 {
        font-family: var(--font-sync); font-size: 4.5rem; line-height: 1.1; margin-bottom: 20px; 
        color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,0.8);
        font-weight: 700;
    }
    .obs-subtitle {
        font-size: 1.1rem; letter-spacing: 6px; text-transform: uppercase; 
        border-left: 2px solid #fff; padding-left: 20px; color: rgba(255,255,255,0.7);
    }

    /* Kart */
    .sculpture-card {
        position: absolute; right: 12%; top: 50%; transform: translateY(-50%);
        width: 380px; height: 550px; 
        background: var(--glass); border: 1px solid var(--border); 
        backdrop-filter: blur(10px); padding: 20px;
        display: flex; flex-direction: column; justify-content: flex-end; 
        box-shadow: 0 30px 60px rgba(0,0,0,0.6);
        overflow: hidden; transform-style: preserve-3d;
        transition: width 0.3s, height 0.3s;
    }
    
    #gl-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
    #gl-container canvas { width: 100% !important; height: 100% !important; object-fit: cover; }
    
    .card-meta { border-top: 1px solid rgba(255,255,255,0.3); padding-top: 15px; position: relative; z-index: 10; transform: translateZ(30px); pointer-events: none; }
    .card-title { font-family: var(--font-sync); font-size: 1.2rem; pointer-events: auto; margin-bottom: 5px; }
    .card-material { font-size: 0.8rem; letter-spacing: 1px; color: #aaa; pointer-events: auto; text-transform: uppercase; }

    /* Footer */
    #obs-footer {
        position: absolute; bottom: 30px; left: 60px; right: 60px;
        display: flex; justify-content: space-between; align-items: center;
        z-index: 100; font-size: 0.8rem; color: #666; pointer-events: none;
    }
    .social-icons { display: flex; gap: 20px; pointer-events: auto; }
    .social-icons a { color: #fff; font-size: 1.2rem; transition: 0.3s; }

    /* HUD (Editör) */
    #studio-panel {
        position: absolute; top: 100px; left: 50px; width: 320px; max-height: 80vh;
        background: rgba(20, 20, 20, 0.95); backdrop-filter: blur(20px);
        border: 1px solid var(--border); border-radius: 8px;
        z-index: 5000; color: #fff; display: flex; flex-direction: column;
        box-shadow: 0 20px 50px rgba(0,0,0,0.8); transition: transform 0.3s, opacity 0.3s;
    }
    #studio-panel.hidden { transform: translateX(-120%); opacity: 0; }
    
    .panel-header { padding: 15px; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; cursor: grab; background: rgba(255,255,255,0.05); }
    .panel-content { padding: 20px; overflow-y: auto; }
    .panel-content::-webkit-scrollbar { width: 4px; }
    .panel-content::-webkit-scrollbar-thumb { background: #444; border-radius: 2px; }

    .tool-group { margin-bottom: 20px; border-bottom: 1px solid var(--border); padding-bottom: 15px; }
    .upload-btn { background: #222; border: 1px dashed #555; padding: 10px; text-align: center; cursor: pointer; font-size: 0.7rem; color: #fff; margin-bottom: 5px; }
    .slider-row { display: flex; justify-content: space-between; margin-bottom: 10px; font-size: 0.8rem; color:#aaa; }
    input[type=range] { flex: 1; margin-left: 10px; }
    .btn-save { width: 100%; padding: 12px; background: #fff; color: #000; border: none; font-weight: 800; cursor: pointer; border-radius: 4px; }

    #editor-toggle {
        position: absolute; bottom: 30px; left: 30px; width: 40px; height: 40px;
        background: #222; border: 1px solid var(--border); color: #fff;
        display: flex; justify-content: center; align-items: center; border-radius: 50%;
        cursor: pointer; z-index: 5001; transition: 0.3s;
    }

    /* Modal */
    .fullscreen-overlay {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.9); backdrop-filter: blur(20px);
        z-index: 2000; display: flex; justify-content: center; align-items: center;
        opacity: 0; pointer-events: none; transition: 0.5s ease;
    }
    .fullscreen-overlay.active { opacity: 1; pointer-events: auto; }
    .overlay-content { width: 600px; max-width: 90%; background: #111; border: 1px solid var(--border); padding: 40px; position: relative; }
    .close-btn { position: absolute; top: 20px; right: 20px; font-size: 2rem; cursor: pointer; color: #fff; }

    /* Kuantum Yazı */
    .char { display: inline-block; transition: all 0.2s; }
    .quantum-active:hover .char { animation: quantumJitter 0.1s infinite; color: #fff; text-shadow: 0 0 5px var(--accent); }
    @keyframes quantumJitter {
        0% { transform: translate(0,0); opacity: 1; }
        25% { transform: translate(-1px, 1px); opacity: 0.8; }
        50% { transform: translate(1px, -1px); opacity: 0.9; }
        75% { transform: translate(-1px, -1px); opacity: 0.85; }
        100% { transform: translate(0,0); opacity: 1; }
    }

    /* Responsive */
    @media (max-width: 768px) {
        .obs-h1 { font-size: 3rem; }
        .obs-container { flex-direction: column; justify-content: center; padding: 20px; }
        .obs-hero-content { max-width: 100%; text-align: center; margin-bottom: 40px; }
        .sculpture-card { position: relative; right: auto; top: auto; transform: none; width: 90%; height: 50vh; }
        #obsidian-wrapper nav { display: none; }
        #obs-footer { display: none; }
        #studio-panel { width: 90%; left: 5%; top: 10%; max-height: 50vh; }
    }


        ATLAS YILMAZ
        
            
                İletişim
            
        
            MADDE &#38;amp; MANA
            Taşın Sessizliğini Dinle
        
        
                Bilinmeyen Form
                Mermer &#38;amp; Bronz
            
        
        © 2025 ALL RIGHTS RESERVED.
        BERLIN / ISTANBUL
    

            ×
            İLETİŞİM
            Proje ve işbirlikleri için.
            
            info@atlasyilmaz.com
        
    
            OBSIDIAN STUDIO
            
        
                GÖRSELLER
                FOTO A (Başlangıç)
                FOTO B (Bitiş/Hover)
            
            
                ANİMASYON
                Hız
                Akış
                FPS
            
            
                GÖRÜNTÜ AYARI
                Kontrast
                Parlaklık
            
            DÜZENLEMEYİ BİTİR
        
    
    // --- TEMEL JS ---
    const params = { speed: 1.0, fps: 60, intensity: 0.2 };
    
    // WebGL Değişkenleri
    let scene, camera, renderer, material;
    const defImg1 = "https://images.unsplash.com/photo-1549887534-1541e9326642?q=80&#38;w=800&#38;auto=format&#38;fit=crop";
    const defImg2 = "https://images.unsplash.com/photo-1515463892140-58a22e37ff72?q=80&#38;w=800&#38;auto=format&#38;fit=crop";
    const dispMap = "https://raw.githubusercontent.com/robin-dela/hover-effect/master/images/displacement.png";

    function initThree() {
        const container = document.getElementById('gl-container');
        const w = container.offsetWidth;
        const h = container.offsetHeight;

        scene = new THREE.Scene();
        camera = new THREE.OrthographicCamera(w/-2, w/2, h/2, h/-2, 1, 1000);
        camera.position.z = 1;

        renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });
        renderer.setSize(w, h);
        container.appendChild(renderer.domElement);

        const loader = new THREE.TextureLoader();
        loader.crossOrigin = "anonymous"; // CORS için önemli

        const t1 = loader.load(defImg1);
        const t2 = loader.load(defImg2);
        const disp = loader.load(dispMap);
        t1.magFilter = t2.magFilter = THREE.LinearFilter;
        t1.minFilter = t2.minFilter = THREE.LinearFilter;

        material = new THREE.ShaderMaterial({
            uniforms: {
                texture1: { type: "t", value: t1 },
                texture2: { type: "t", value: t2 },
                disp: { type: "t", value: disp },
                dispFactor: { type: "f", value: 0.0 },
                intensity: { type: "f", value: params.intensity }
            },
            vertexShader: `varying vec2 vUv; void main() { vUv = uv; gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0); }`,
            fragmentShader: `
                varying vec2 vUv;
                uniform sampler2D texture1; uniform sampler2D texture2; uniform sampler2D disp;
                uniform float dispFactor; uniform float intensity;
                void main() {
                    vec2 uv = vUv;
                    vec4 disp = texture2D(disp, uv);
                    vec2 distPos1 = vec2(uv.x + dispFactor * (disp.r*intensity), uv.y);
                    vec2 distPos2 = vec2(uv.x - (1.0 - dispFactor) * (disp.r*intensity), uv.y);
                    gl_FragColor = mix(texture2D(texture1, distPos1), texture2D(texture2, distPos2), dispFactor);
                }
            `,
            transparent: true
        });

        const mesh = new THREE.Mesh(new THREE.PlaneGeometry(w, h, 1), material);
        scene.add(mesh);
        animate();
    }

    function animate() {
        requestAnimationFrame(animate);
        renderer.render(scene, camera);
    }

    // --- ETKİLEŞİMLER ---
    const card = document.getElementById('main-card');
    card.addEventListener('mouseenter', () =&#62; {
        let ease = params.fps &#60; 60 ? `steps(${params.fps})` : "power2.inOut";
        gsap.to(material.uniforms.dispFactor, { value: 1, duration: params.speed, ease: ease });
    });
    card.addEventListener('mouseleave', () =&#62; {
        let ease = params.fps &#60; 60 ? `steps(${params.fps})` : "power2.inOut";
        gsap.to(material.uniforms.dispFactor, { value: 0, duration: params.speed, ease: ease });
    });

    card.addEventListener('mousemove', (e) =&#62; {
        const rect = card.getBoundingClientRect();
        const x = (e.clientX - rect.left) - rect.width/2;
        const y = (e.clientY - rect.top) - rect.height/2;
        card.style.transform = `translateY(-50%) rotate3d(${-y/100}, ${x/100}, 0, 5deg)`;
        
        const glare = document.getElementById('glare');
        glare.style.opacity = 1;
        glare.style.backgroundImage = `radial-gradient(circle at ${e.clientX - rect.left}px ${e.clientY - rect.top}px, rgba(255,255,255,0.2) 0%, transparent 80%)`;
    });
    card.addEventListener('mouseleave', () =&#62; {
        card.style.transform = `translateY(-50%) rotate3d(0,0,0,0)`;
        document.getElementById('glare').style.opacity = 0;
    });

    // --- UI FONKSİYONLARI ---
    function openOverlay(id) { document.getElementById(id + '-overlay').classList.add('active'); }
    function closeOverlay(id) { document.getElementById(id + '-overlay').classList.remove('active'); }
    function toggleEditor() { document.getElementById('studio-panel').classList.toggle('hidden'); }

    // --- RESİM YÜKLEME ---
    let uploadTarget = 'texture1';
    const imgInput = document.getElementById('img-upload');
    function triggerUpload(target) { uploadTarget = target === 'image1' ? 'texture1' : 'texture2'; imgInput.click(); }
    
    imgInput.addEventListener('change', (e) =&#62; {
        if (e.target.files &#38;&#38; e.target.files[0]) {
            const reader = new FileReader();
            reader.onload = (e) =&#62; {
                const loader = new THREE.TextureLoader();
                const newTex = loader.load(e.target.result);
                newTex.magFilter = THREE.LinearFilter;
                material.uniforms[uploadTarget].value = newTex;
            }
            reader.readAsDataURL(e.target.files[0]);
        }
        imgInput.value = '';
    });

    function updateIntensity(val) { material.uniforms.intensity.value = parseFloat(val); }
    function updateFilters(type, val) {
        const container = document.getElementById('gl-container');
        if(type === 'contrast') container.style.filter = `contrast(${val}%)`;
        if(type === 'brightness') container.style.filter = `brightness(${val}%)`;
    }

    // --- KUANTUM TEXT ---
    function initQuantum() {
        document.querySelectorAll('.quantum-active').forEach(el =&#62; {
            if(el.children.length === 0) {
                const text = el.innerText;
                el.innerHTML = text.split('').map(c =&#62; `${c}`).join('');
            }
        });
    }

    // --- BAŞLATMA ---
    window.onload = () =&#62; { initThree(); initQuantum(); };

    // --- IŞIK TAKİBİ ---
    window.addEventListener('mousemove', (e) =&#62; {
        document.getElementById('light').style.setProperty('--x', e.clientX + 'px');
        document.getElementById('light').style.setProperty('--y', e.clientY + 'px');
    });

    // --- HUD DRAG ---
    const panel = document.getElementById("studio-panel");
    const header = document.getElementById("drag-header");
    let isDragging = false, offsetX, offsetY;
    header.addEventListener("mousedown", (e) =&#62; {
        if(e.target.classList.contains('fa-minus')) return;
        isDragging = true;
        offsetX = e.clientX - panel.offsetLeft;
        offsetY = e.clientY - panel.offsetTop;
        header.style.cursor = "grabbing";
    });
    document.addEventListener("mousemove", (e) =&#62; {
        if (!isDragging) return;
        panel.style.left = (e.clientX - offsetX) + "px";
        panel.style.top = (e.clientY - offsetY) + "px";
    });
    document.addEventListener("mouseup", () =&#62; { isDragging = false; header.style.cursor = "grab"; });
</description>
		
		<excerpt>ATLAS YILMAZ                                       İletişim                                           ...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
		
	<item>
		<title>Untitled page</title>
				
		<link>http://artandhouse.co/Untitled-page</link>

		<comments></comments>

		<pubDate>Sun, 02 Nov 2025 13:29:52 +0000</pubDate>

		<dc:creator>Art&#38;House</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">458359</guid>

		<description>&#38;nbsp; &#38;nbsp;
	&#60;img width="1000" height="1000" width_o="1000" height_o="1000" src_o="https://cortex.persona.co/t/original/i/352b01861d71fe2f71ca8614f3197fca0e210e87db016e4267d951d7e08f0b4b/visible-residues-No2.png" data-mid="1423083" border="0" data-scale="29"/&#62;&#38;nbsp;&#38;nbsp;Visible-Residues-No1&#38;nbsp; &#38;nbsp; 120x180cm&#38;nbsp; 3000€

	&#60;img width="1000" height="1000" width_o="1000" height_o="1000" src_o="https://cortex.persona.co/t/original/i/63ba5ab3bd839d2629186526b36afd357afe2096b2cb1c2433868c7c57e84fc1/visible-residues-No1.png" data-mid="1423082" border="0" data-scale="29"/&#62;

Visible-Residues-No2&#38;nbsp; &#38;nbsp; 120x180cm&#38;nbsp; 3000€


	&#60;img width="1000" height="1000" width_o="1000" height_o="1000" src_o="https://cortex.persona.co/t/original/i/2a987a82f522588d74dca4f7f81ee11cc1709b82406fe93bbab1cabc923766aa/visible-residues-No3.png" data-mid="1423084" border="0" data-scale="30"/&#62;

Visible-Residues-No3&#38;nbsp; &#38;nbsp; 120x180cm&#38;nbsp; 3000€


</description>
		
		<excerpt>&#38;nbsp; &#38;nbsp; 	&#38;nbsp;&#38;nbsp;Visible-Residues-No1&#38;nbsp; &#38;nbsp; 120x180cm&#38;nbsp; 3000€  	  Visible-Residues-No2&#38;nbsp; &#38;nbsp; 120x180cm&#38;nbsp; 3000€     	 ...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
		
	<item>
		<title>About Us</title>
				
		<link>http://artandhouse.co/About-Us</link>

		<comments></comments>

		<pubDate>Tue, 28 Oct 2025 13:08:45 +0000</pubDate>

		<dc:creator>Art&#38;House</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">458303</guid>

		<description>
	

&#60;img width="1600" height="1066" width_o="1600" height_o="1066" src_o="https://cortex.persona.co/t/original/i/fc33ff5012f148a7405acfc2c10ce6c0c24a2bd44e6e7de61e95dce3db02cb2e/WhatsApp-Image-2025-10-28-at-14.13.23.jpeg" data-mid="1422258" border="0" data-scale="80"/&#62;

Based between Berlin and Istanbul, Suha and Tolga Soykan work at the intersection of art, science, and sensory experience.Suha Arda Soykan is a multidisciplinary visual artist and creative director whose practice explores the relationship between body, nature, and technology through layered visual languages. Tolga Soykan is a molecular neurobiology researcher and microscopy expert, dedicated to uncovering the invisible architectures of life.Together, they founded 

Art&#38;amp;House, a platform that merges visual arts and music in transient spaces, where creative process becomes a shared experience rather than a product. Their collaborations dissolve the boundaries between artistic expression and scientific observation, creating an environment where the organic and the synthetic continuously interact.


</description>
		
		<excerpt>Based between Berlin and Istanbul, Suha and Tolga Soykan work at the intersection of art, science, and sensory experience.Suha Arda Soykan is a...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
		
	<item>
		<title>CONTACT </title>
				
		<link>http://artandhouse.co/CONTACT</link>

		<comments></comments>

		<pubDate>Wed, 26 Feb 2025 21:14:42 +0000</pubDate>

		<dc:creator>Art&#38;House</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">456042</guid>

		<description>
    
    Contact - Art &#38;amp; House
    
        /* Genel Stil */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Arial', sans-serif;
        }

        /* Sayfa Arka Planı */
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background: #ffffff;
            color: #333;
        }

        /* Form Konteyneri */
        .contact-container {
            width: 100%;
            max-width: 500px;
            padding: 30px;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            text-align: center;
            border: 1px solid #ddd;
        }

        /* Başlık */
        .contact-container h2 {
            font-size: 1.8rem;
            margin-bottom: 20px;
            font-weight: 600;
        }

        /* Form Elemanları */
        .contact-form {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .contact-form label {
            font-size: 1rem;
            text-align: left;
            font-weight: 500;
        }

        .contact-form input,
        .contact-form textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid #ccc;
            border-radius: 6px;
            font-size: 1rem;
            background: #f9f9f9;
            transition: border-color 0.3s ease;
        }

        .contact-form input:focus,
        .contact-form textarea:focus {
            outline: none;
            border-color: #333;
            background: #fff;
        }

        .contact-form textarea {
            min-height: 120px;
            resize: none;
        }

        /* Gönder Butonu */
        .contact-form button {
            width: 100%;
            padding: 12px;
            background: #333;
            border: none;
            border-radius: 6px;
            color: white;
            font-size: 1rem;
            cursor: pointer;
            transition: background 0.3s ease;
        }

        .contact-form button:hover {
            background: #555;
        }
    

        Contact Art &#38;amp; House
        
            From:
            

            Message:
            

            Send Message
        
    </description>
		
		<excerpt>Contact - Art &#38;amp; House                      Contact Art &#38;amp; House                      From:                           Message:                      ...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
		
	<item>
		<title>DENEME </title>
				
		<link>http://artandhouse.co/DENEME</link>

		<comments></comments>

		<pubDate>Thu, 20 Feb 2025 17:12:08 +0000</pubDate>

		<dc:creator>Art&#38;House</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">455969</guid>

		<description>This is a typing effect!</description>
		
		<excerpt>This is a typing effect!</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
		
	<item>
		<title>Video</title>
				
		<link>http://artandhouse.co/Video</link>

		<comments></comments>

		<pubDate>Wed, 19 Feb 2025 20:48:47 +0000</pubDate>

		<dc:creator>Art&#38;House</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">455956</guid>

		<description>
					    			Upcoming Events15.03.2025 Art&#38;amp;House: Echoes II


					    			Past Events
01.11.2024 Art&#38;amp;House: Echoes /&#38;nbsp;Eternal Embrace

</description>
		
		<excerpt>Upcoming Events15.03.2025 Art&#38;amp;House: Echoes II            					    			Past Events 01.11.2024 Art&#38;amp;House: Echoes /&#38;nbsp;Eternal Embrace</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
		
	<item>
		<title>Events</title>
				
		<link>http://artandhouse.co/Events</link>

		<comments></comments>

		<pubDate>Wed, 19 Feb 2025 20:47:44 +0000</pubDate>

		<dc:creator>Art&#38;House</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">455955</guid>

		<description>
	
Back to Home Page
					    			Past Events


15.03.2025 / 6 PM - 3 AM / Art&#38;amp;House
EINKELLER - Engelnest

    
 Join us for an inspiring evening where art, music, and creativity converge in a unique setting for an unforgettable night!


Experience&#38;nbsp;"Echoes II" by Suha Arda Soykan —an immersive visual experience that reimagines the human form as a shifting interface—translucent, layered, and in constant flux.


Dance the night away on our all-night dancefloor while the perfect soundscape unfolds through DJ sets by R2-RO, CZECH STRINGS and tolsoy—carefully curated to complement the art on display.


Enjoy a fully stocked bar, savor vegan delicacies from Soy Sara Vegan Kitchen, and treat yourself to exquisite homemade tiramisu from natimisu. 
Let your inner artist shine with a vibrant makeup and color station designed for bold self-expression.


This all-inclusive event welcomes friends, family, and partners. Entry is free, with donations appreciated. Come and be a part of this creative journey.

Follow us on instagram:&#38;nbsp;artandhouse.co
DJ Lineuptolsoy


CZECH STRINGS


R2-RO


15.03.2025, 6 PM - 3 AM
EINKELLER - Engelnest

Wilhelm-Kabus-Str. 24, 10829 Berlin


01.11.2024 Art&#38;amp;House in EINKELLER - Engelnest


 &#38;nbsp; 


</description>
		
		<excerpt>Back to Home Page 					    			Past Events   15.03.2025 / 6 PM - 3 AM / Art&#38;amp;House EINKELLER - Engelnest        Join us for an inspiring evening where art,...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
		
	<item>
		<title>Art</title>
				
		<link>http://artandhouse.co/Art</link>

		<comments></comments>

		<pubDate>Wed, 19 Feb 2025 20:47:14 +0000</pubDate>

		<dc:creator>Art&#38;House</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">455954</guid>

		<description>
	Back to Home Page


01.11.2024: Echoes by Suha Arda SoykanIn this exhibition, titled “Echoes”, I present works that capture ambiguous moments in time, etched into concrete. Though concrete is often seen as a hard and static material, for me, it is a surface that bears the marks of time and labor—a living, evolving canvas. Through both carving and drawing, I bring forth figures—women who appear as workers or activists, situated in industrial spaces—each one embodying traces of a time that is not clearly defined. These figures, fas if emerging from propaganda posters, are portrayed as integral parts of a continuous production process. 


	&#60;img width="2912" height="4382" width_o="2912" height_o="4382" src_o="https://cortex.persona.co/t/original/i/56ccdc91d2e3b7f2731127ae67fa293f3271286ab8fb83eac229cd79f07ede76/IMG_2297.jpeg" data-mid="1397444" border="0" data-scale="100"/&#62;Emergent Substrates, Oil on canvas, 
150 × 100 cm, 2024.


	&#38;nbsp; &#38;nbsp;
	&#60;img width="3087" height="4618" width_o="3087" height_o="4618" src_o="https://cortex.persona.co/t/original/i/2ae29b5fc7122af0ea7afaa13ef43a778bff73141ba77a1fdb89542976a85fc1/IMG_2300.jpeg" data-mid="1397442" border="0" /&#62;

Untitled, 
Oil on canvas,
 150 × 100 cm, 2024.


	&#38;nbsp; &#38;nbsp;
	

&#60;img width="3012" height="4590" width_o="3012" height_o="4590" src_o="https://cortex.persona.co/t/original/i/a8a97361886967c3166c527e9a528e662ca16776cac4aa73f76b4f224d646437/IMG_2327.jpeg" data-mid="1397443" border="0" data-scale="97"/&#62;


Untitled, Mixed media on concrete panel, 
180 × 120 cm, 2024.


	&#60;img width="1526" height="1278" width_o="1526" height_o="1278" src_o="https://cortex.persona.co/t/original/i/f28cbec6f5ea9703dc59e29563df827eae7ec84c78907b512cc10f2d95a1e91e/IMG_2293.jpg" data-mid="1407031" border="0" /&#62;


Untitled, 

Mixed media on concrete panel

, 
100 × 60 cm, 2019.


					    			Past Exhibitions15.03.2025 - Echoes II by Suha Arda Soykan - 

EINKELLER


Echoes II: A Night of Resonance, Myth, and Transformation

Step into a world where body, nature, and technology merge through a feminine, mythological lens. At Einkeller Berlin, Suha Arda Soykan unveils Echoes II, an immersive visual experience that reimagines the human form as a shifting interface—translucent, layered, and in constant flux.


Inspired by scientific visualization aesthetics, Soykan’s work dissolves the boundaries of flesh, time, and perception, revealing a spectral interplay between the organic and the digital. Through pulsating frequencies and evolving transparencies, the exhibit embodies the tensions between body and landscape, signal and silence, mythology and machine.
All visuals are created without AI generation or enhancement, emphasizing the irreplaceable depth of human craftsmanship and artistic intuition.


Join us on 15 March at 6 PM.

EINKELLER - Engelnest,
Wilhelm-Kabus-Str. 24, 10829 Berlin
	&#60;img width="947" height="1280" width_o="947" height_o="1280" src_o="https://cortex.persona.co/t/original/i/5dfd90d72edba66cd705ca27c7fdbe85bc7123e6737dcf007c0733e6e4d08021/WhatsApp-Image-2025-03-06-at-15.14.24.jpeg" data-mid="1399324" border="0" data-scale="100"/&#62;

	
25.07.2025: 

New Spotify Canvas by Suha Arda Soykan 


CZECH STRINGS•RIGHT NOW (Radio Edit)


</description>
		
		<excerpt>Back to Home Page       01.11.2024: Echoes by Suha Arda SoykanIn this exhibition, titled “Echoes”, I present works that capture ambiguous moments in time,...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
	</channel>
</rss>