jeffemmett
/
cineasthesia-home
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Re-orient site around HOME immersive art exhibit & fire-proof housing 

- Hero and nav now centered on HOME concept
- Two-column exhibit intro: mobile shipping container + multisensory art
- Fire-proof housing prototype section (Shelter as Design)
- Retained joy-as-resistance immersive content, gallery, team
- Links to The Last Draw in footer

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-18 15:25:14 -07:00
parent dbdacddd11
commit dedc6af14b
1 changed files with 227 additions and 258 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

485
index.html
View File

@ -3,8 +3,8 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cineasthesia &mdash; by Michelle Sam</title>
<meta name="description" content="Cineasthesia &mdash; film, storytelling, immersive experience, and cultural architecture by Michelle Sam.">
<title>HOME &mdash; An Immersive Art Exhibit &amp; Fire-Proof Housing Prototype</title>
<meta name="description" content="HOME — a mobile immersive art installation and fire-proof housing prototype by Michelle Sam / Cineasthesia. Joy as resistance, shelter as design.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
@ -48,7 +48,7 @@
}
nav.scrolled {
background: rgba(60, 36, 21, 0.95);
background: rgba(10, 10, 15, 0.95);
backdrop-filter: blur(10px);
padding: 0.8rem 2rem;
}
@ -99,57 +99,75 @@
position: relative;
min-height: 100vh;
display: flex;
align-items: flex-end;
padding: 6rem 4rem 4rem;
align-items: center;
justify-content: center;
text-align: center;
padding: 6rem 2rem;
background: var(--midnight);
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(10,10,15,0.3) 0%, rgba(60,36,21,0.7) 100%),
url('img/worlding-hero.jpg') center center / cover no-repeat;
radial-gradient(ellipse at 30% 50%, rgba(198, 139, 63, 0.08) 0%, transparent 60%),
radial-gradient(ellipse at 70% 40%, rgba(74, 103, 65, 0.06) 0%, transparent 50%);
}
.hero-content {
max-width: 700px;
position: relative;
max-width: 750px;
}
.hero-accent {
width: 50px;
height: 4px;
background: var(--gold);
.hero-overline {
font-size: 0.7rem;
letter-spacing: 0.3em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 1.5rem;
}
.hero-title {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(3rem, 7vw, 5.5rem);
letter-spacing: 0.1em;
font-size: clamp(5rem, 14vw, 10rem);
letter-spacing: 0.15em;
color: var(--sand);
line-height: 1;
margin-bottom: 0.5rem;
line-height: 0.9;
margin-bottom: 1.5rem;
}
.hero-subtitle {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(1.1rem, 2.5vw, 1.5rem);
font-style: italic;
color: var(--sand-dark);
margin-bottom: 1rem;
color: rgba(245, 237, 224, 0.6);
margin-bottom: 2rem;
line-height: 1.5;
}
.hero-desc {
font-size: 0.9rem;
color: rgba(245, 237, 224, 0.7);
max-width: 550px;
line-height: 1.8;
.hero-cta {
display: inline-block;
color: var(--gold);
text-decoration: none;
font-size: 0.8rem;
letter-spacing: 0.15em;
text-transform: uppercase;
padding: 0.8rem 2.5rem;
border: 1px solid rgba(198, 139, 63, 0.4);
transition: all 0.3s;
}
.hero-cta:hover {
background: rgba(198, 139, 63, 0.15);
border-color: var(--gold);
}
/* SECTIONS */
section {
padding: 7rem 2rem;
}
section { padding: 7rem 2rem; }
.inner {
max-width: 1100px;
margin: 0 auto;
}
.inner { max-width: 1100px; margin: 0 auto; }
.section-label {
font-size: 0.7rem;
@ -182,117 +200,54 @@
background: rgba(60, 36, 21, 0.1);
}
/* ABOUT */
.about-section {
background: var(--sand);
}
/* CONCEPT — two-column intro */
.concept-section { background: var(--sand); }
.about-grid {
display: flex;
.concept-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
.about-photo {
flex: 0 0 300px;
height: 400px;
object-fit: cover;
filter: grayscale(0.2);
.concept-visual {
position: relative;
}
.about-info { flex: 1; }
.concept-visual img {
width: 100%;
height: 480px;
object-fit: cover;
}
.about-name {
.concept-visual .overlay-tag {
position: absolute;
bottom: 1.5rem;
left: 1.5rem;
background: rgba(10, 10, 15, 0.85);
color: var(--gold);
font-size: 0.7rem;
letter-spacing: 0.15em;
text-transform: uppercase;
padding: 0.5rem 1rem;
}
.concept-text h3 {
font-family: 'Bebas Neue', sans-serif;
font-size: 2rem;
font-size: 1.6rem;
letter-spacing: 0.06em;
color: var(--earth);
margin-bottom: 0.3rem;
margin-bottom: 1rem;
}
.about-role {
font-size: 0.8rem;
color: var(--gold);
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 1.5rem;
}
.about-bio {
.concept-text p {
font-size: 0.95rem;
color: var(--text-body);
line-height: 1.8;
margin-bottom: 1rem;
}
/* PROJECTS */
.projects-section {
background: var(--earth);
color: var(--sand);
}
.projects-section .section-label { color: var(--gold-light); }
.projects-section .section-title { color: var(--sand); }
.project-card {
display: flex;
gap: 3rem;
margin-bottom: 5rem;
align-items: center;
}
.project-card:last-child { margin-bottom: 0; }
.project-card.reverse { flex-direction: row-reverse; }
.project-img {
flex: 0 0 50%;
height: 360px;
object-fit: cover;
}
.project-info { flex: 1; }
.project-tag {
font-size: 0.7rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--gold-light);
margin-bottom: 0.5rem;
}
.project-name {
font-family: 'Bebas Neue', sans-serif;
font-size: 2rem;
letter-spacing: 0.06em;
color: var(--sand);
margin-bottom: 0.5rem;
}
.project-desc {
font-size: 0.9rem;
color: rgba(245, 237, 224, 0.75);
line-height: 1.8;
margin-bottom: 1.5rem;
}
.project-link {
display: inline-block;
color: var(--gold);
text-decoration: none;
font-size: 0.8rem;
letter-spacing: 0.15em;
text-transform: uppercase;
padding: 0.7rem 2rem;
border: 1px solid rgba(198, 139, 63, 0.4);
transition: all 0.3s;
}
.project-link:hover {
background: rgba(198, 139, 63, 0.15);
border-color: var(--gold);
}
/* IMMERSIVE */
/* IMMERSIVE — dark section */
.immersive-section {
background: var(--midnight);
color: var(--sand);
@ -371,55 +326,99 @@
letter-spacing: 0.1em;
}
/* WORLDING */
.worlding-section {
background: var(--sand);
/* SHELTER — fire-proof housing */
.shelter-section {
background: var(--earth);
color: var(--sand);
}
.worlding-hero-img {
width: 100%;
max-height: 500px;
object-fit: cover;
margin-bottom: 3rem;
.shelter-section .section-label { color: var(--gold-light); }
.shelter-section .section-title { color: var(--sand); }
.shelter-text {
font-size: 1rem;
color: rgba(245, 237, 224, 0.75);
line-height: 1.8;
max-width: 800px;
margin-bottom: 1.5rem;
}
.worlding-grid {
.shelter-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
margin-top: 3rem;
}
.worlding-card {
.shelter-card {
text-align: center;
}
.worlding-card img {
.shelter-card img {
width: 100%;
height: 200px;
height: 220px;
object-fit: cover;
margin-bottom: 1rem;
}
.worlding-card h3 {
.shelter-card h3 {
font-family: 'Bebas Neue', sans-serif;
font-size: 1.2rem;
letter-spacing: 0.06em;
color: var(--earth);
color: var(--sand);
margin-bottom: 0.5rem;
}
.worlding-card p {
.shelter-card p {
font-size: 0.85rem;
color: var(--text-muted);
color: rgba(245, 237, 224, 0.6);
line-height: 1.6;
}
/* TEAM */
.team-section {
background: var(--sand-dark);
/* ABOUT */
.about-section { background: var(--sand); }
.about-grid {
display: flex;
gap: 4rem;
align-items: center;
}
.about-photo {
flex: 0 0 300px;
height: 400px;
object-fit: cover;
filter: grayscale(0.2);
}
.about-info { flex: 1; }
.about-name {
font-family: 'Bebas Neue', sans-serif;
font-size: 2rem;
letter-spacing: 0.06em;
color: var(--earth);
margin-bottom: 0.3rem;
}
.about-role {
font-size: 0.8rem;
color: var(--gold);
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 1.5rem;
}
.about-bio {
font-size: 0.95rem;
color: var(--text-body);
line-height: 1.8;
margin-bottom: 1rem;
}
/* TEAM */
.team-section { background: var(--sand-dark); }
.team-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
@ -465,6 +464,19 @@
line-height: 1.7;
}
/* IMAGE BREAKS */
.img-break {
width: 100%;
overflow: hidden;
}
.img-break img {
width: 100%;
height: 400px;
object-fit: cover;
display: block;
}
/* FOOTER */
footer {
background: var(--earth);
@ -516,19 +528,6 @@
color: rgba(245, 237, 224, 0.35);
}
/* IMAGE BREAKS */
.img-break {
width: 100%;
overflow: hidden;
}
.img-break img {
width: 100%;
height: 400px;
object-fit: cover;
display: block;
}
/* SCROLL REVEAL */
.reveal {
opacity: 0;
@ -548,7 +547,7 @@
top: 0; right: -100%;
width: 280px;
height: 100vh;
background: rgba(60, 36, 21, 0.98);
background: rgba(10, 10, 15, 0.98);
flex-direction: column;
padding: 5rem 2rem;
transition: right 0.4s;
@ -561,6 +560,13 @@
section { padding: 4rem 1.5rem; }
.concept-grid {
grid-template-columns: 1fr;
gap: 2rem;
}
.concept-visual img { height: 300px; }
.about-grid {
flex-direction: column;
gap: 2rem;
@ -572,21 +578,11 @@
height: 300px;
}
.project-card, .project-card.reverse {
flex-direction: column;
}
.project-img {
flex: none;
width: 100%;
height: 250px;
}
.gallery-grid {
grid-template-columns: repeat(2, 1fr);
}
.worlding-grid, .team-grid {
.shelter-grid, .team-grid {
grid-template-columns: 1fr;
}
@ -602,12 +598,12 @@
<!-- NAV -->
<nav id="nav">
<div class="nav-logo">CINEASTHESIA</div>
<div class="nav-logo">HOME</div>
<ul class="nav-links" id="navLinks">
<li><a href="#exhibit">The Exhibit</a></li>
<li><a href="#joy">Joy as Resistance</a></li>
<li><a href="#shelter">Shelter</a></li>
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#immersive">Immersive</a></li>
<li><a href="#worlding">Worlding</a></li>
<li><a href="#team">Team</a></li>
</ul>
<button class="nav-toggle" id="navToggle" aria-label="Toggle menu">
@ -618,98 +614,51 @@
<!-- HERO -->
<section class="hero">
<div class="hero-content">
<div class="hero-accent"></div>
<h1 class="hero-title">CINEASTHESIA</h1>
<p class="hero-subtitle">Film, storytelling, and cultural architecture by Michelle Sam</p>
<p class="hero-desc">A creative practice working across film, immersive experience, habitat design, and regenerative futures. Rooted in the Black diaspora and continental Africa.</p>
<p class="hero-overline">A Cineasthesia Project</p>
<h1 class="hero-title">HOME</h1>
<p class="hero-subtitle">An immersive art exhibit &amp; fire-proof housing prototype.<br>Joy as resistance. Shelter as design.</p>
<a href="#exhibit" class="hero-cta">Enter</a>
</div>
</section>
<!-- ABOUT -->
<section class="about-section" id="about">
<!-- THE EXHIBIT — two-column intro -->
<section class="concept-section" id="exhibit">
<div class="inner">
<div class="reveal">
<p class="section-label">About</p>
<h2 class="section-title">The Practice</h2>
<p class="section-label">The Exhibit</p>
<h2 class="section-title">What is HOME?</h2>
</div>
<div class="about-grid reveal">
<img src="img/michelle-sam.jpg" alt="Michelle Sam" class="about-photo" loading="lazy">
<div class="about-info">
<h3 class="about-name">Michelle Sam</h3>
<p class="about-role">Writer &middot; Director &middot; Experience Designer</p>
<p class="about-bio">Michelle Sam is a writer, award-winning filmmaker, actress, and multimedia artist. Her work explores the intersection of identities and stories in a visceral manner. The daughter of Ghanaian immigrants raised in Ireland, she trained at the Gaiety School of Acting before moving to Chicago, where she studied at Second City and turned her talents to filmmaking. She holds a Sociology and Visual and Dramatic Arts degree from Rice University.</p>
<p class="about-bio">In addition to creating film and TV, she cultivates immersive and interactive experiences and art installations that engage the nine senses through somatic experiencing, across the Black diaspora and in continental Africa under her name, Yaa Tabriwaa. She is a co-founder of Out The Box Creative, a hybrid Ghanaian production company and artist collective based in Accra, Ghana.</p>
<div class="concept-grid reveal">
<div class="concept-visual">
<img src="img/schwartz-butterfly.jpg" alt="Immersive sensory experience" loading="lazy">
<span class="overlay-tag">Mobile &middot; Immersive &middot; Multisensory</span>
</div>
<div class="concept-text">
<h3>A Space That Reclaims Deliberate Joy</h3>
<p>HOME is a mobile immersive art installation comprising various spaces for play, specifically designed to induce joy, happiness, and euphoria by using different sensory and artistic techniques to engage play and psychological inner child work.</p>
<p>Built inside a 40ft shipping container on wheels, HOME travels directly to working-class neighborhoods across the United States, the Black diaspora, and continental Africa, engaging with different artists in each community.</p>
<p>Alongside the art exhibit, HOME is also a prototype for fire-proof, climate-resilient housing&mdash;sanctuary infrastructure designed to withstand ecological pressure and serve as a model for how communities might shelter, gather, and remain.</p>
</div>
</div>
</div>
</section>
<div class="divider"></div>
<div class="img-break">
<img src="img/worlding-landscape.jpg" alt="Landscape" loading="lazy">
</div>
<!-- PROJECTS -->
<section class="projects-section" id="projects">
<div class="inner">
<div class="reveal">
<p class="section-label">Work</p>
<h2 class="section-title">Projects</h2>
</div>
<!-- The Last Draw -->
<div class="project-card reveal">
<img src="img/worlding-family.jpg" alt="The Last Draw" class="project-img" loading="lazy">
<div class="project-info">
<p class="project-tag">Afrofuturistic Grounded Sci-Fi</p>
<h3 class="project-name">The Last Draw</h3>
<p class="project-desc">With seven days before an unstoppable environmental disaster, world leaders launch a global lottery to decide who escapes to Mars. When the most unlikely members of society and the black sheep of a multigenerational Ghanaian family are selected, they must navigate family fractures, buried truths, and the deeper forces shaping who lives and who's left behind.</p>
<p class="project-desc">A genre-blending grounded sci-fi with the biting social satire of <em>Parasite</em>, the spiritual unease of <em>The Leftovers</em>, and the gritty immediacy of <em>Children of Men</em>.</p>
<a href="https://thelastdraw.cinesthesia.art" class="project-link" target="_blank">Explore the Project</a>
</div>
</div>
<!-- Worlding Mim -->
<div class="project-card reverse reveal">
<img src="img/worlding-acorus.jpg" alt="Worlding Mim" class="project-img" loading="lazy">
<div class="project-info">
<p class="project-tag">Climate Futures &middot; Habitat Design</p>
<h3 class="project-name">Worlding Mim</h3>
<p class="project-desc">A place-based climate futures proposal grounded in film, habitat design, and regenerative land systems in Mim, Ghana. The project asks what becomes visible when future habitation is grounded in land, culture, pressure, and daily life.</p>
<p class="project-desc">Story, sanctuary, and land come together to create a future that can be inhabited as a narrative, understood as a settlement, and developed as a serious public proposition.</p>
<a href="#worlding" class="project-link">Learn More</a>
</div>
</div>
<!-- Immersive Experiences -->
<div class="project-card reveal">
<img src="img/schwartz-butterfly.jpg" alt="Immersive Art Installation" class="project-img" loading="lazy">
<div class="project-info">
<p class="project-tag">Immersive Art &middot; Multisensory Experience</p>
<h3 class="project-name">Immersive Experiences</h3>
<p class="project-desc">A mobile immersive art installation that reclaims deliberate joy. Designed to induce happiness and euphoria through film, oral storytelling, sound frequency, bass vibrations, interactive art, cinemagraphs, and scent. Each sensory experience is linked to a story, creating an interconnected larger narrative.</p>
<p class="project-desc">Travelling directly to working-class neighborhoods across the United States, the Black diaspora, and continental Africa.</p>
<a href="#immersive" class="project-link">Discover</a>
</div>
</div>
</div>
</section>
<!-- IMMERSIVE EXPERIENCE DETAIL -->
<section class="immersive-section" id="immersive">
<!-- JOY AS RESISTANCE -->
<section class="immersive-section" id="joy">
<div class="inner">
<div class="reveal">
<p class="section-label">Immersive Art</p>
<h2 class="section-title">Joy as Resistance</h2>
</div>
<div class="reveal">
<p class="immersive-text">A space that reclaims deliberate joy. A mobile immersive art installation comprising various spaces for play, specifically designed to induce joy, happiness, and euphoria by using different sensory and artistic techniques to engage play and psychological inner child work.</p>
</div>
<div class="reveal">
<p class="immersive-quote">&ldquo;Black joy is a form of its own resistance to reclaim our humanity in the face of the legacies of imperialism, colonialism, and slavery across the diaspora and continental Africa.&rdquo;</p>
</div>
<div class="reveal">
<p class="immersive-text">The experiences specifically trigger the parts of the brain linked to the receptors that induce joy, happiness, and euphoria via film, video, oral storytelling, sound frequency, bass vibrations, an AI mirror that reflects the younger version of self along with affirmations, interactive art revolving around touch, cinemagraphs, and smell. Each experience has its own separate space and is linked to a story, creating an interconnected larger narrative.</p>
</div>
<div class="reveal">
<p class="immersive-text">The installation is mobile&mdash;built using a 40ft shipping container with wheels, capable of travelling to multiple communities domestically and internationally. It travels directly to working-class neighborhoods across the United States, the Black diaspora, and continental Africa, engaging with different artists in each community.</p>
<p class="immersive-quote">&ldquo;Black joy is a form of its own resistance to reclaim our humanity in the face of the legacies of imperialism, colonialism, and slavery across the diaspora and continental Africa.&rdquo;</p>
</div>
<div class="reveal">
<p class="immersive-text">This project pushes the bounds of how to tell a story in a multimedia manner, engaging all the senses through psychological and scientific means. It takes the framing device found in literature and turns it on its head, revealing layers of a story similar to a Russian doll across different mediums.</p>
@ -746,37 +695,36 @@
<p class="gallery-credit">Photography &copy; Stefanie Schwartz</p>
</section>
<!-- WORLDING MIM DETAIL -->
<section class="worlding-section" id="worlding">
<!-- SHELTER — fire-proof housing prototype -->
<section class="shelter-section" id="shelter">
<div class="inner">
<div class="reveal">
<p class="section-label">Climate Futures</p>
<h2 class="section-title">Worlding Mim</h2>
<p class="section-label">Housing Prototype</p>
<h2 class="section-title">Shelter as Design</h2>
</div>
<img src="img/worlding-regenerative.jpg" alt="Regenerative landscape in Mim" class="worlding-hero-img reveal" loading="lazy">
<div class="reveal">
<p class="section-text">Many climate futures remain hard to connect to because they are detached from the places where life actually happens. This project begins with one specific place and stays with it. It asks what becomes visible when future habitation is grounded in land, culture, pressure, and daily life.</p>
<p class="section-text">For this work, that place is Mim, Ghana. Its red earth, water edges, agricultural life, quarry conditions, settlement patterns, and surrounding landforms create a grounded environment for thinking about climate adaptation in material terms.</p>
<p class="shelter-text">HOME is not only a space for art&mdash;it is also a working prototype for fire-proof, climate-resilient housing. Rooted in regenerative land systems and place-based design, the structure demonstrates how communities can build sanctuary infrastructure that withstands ecological pressure.</p>
<p class="shelter-text">The project asks what becomes visible when future habitation is grounded in land, culture, pressure, and daily life. For this work, that place is Mim, Ghana. Its red earth, water edges, agricultural life, quarry conditions, settlement patterns, and surrounding landforms create a grounded environment for thinking about climate adaptation in material terms.</p>
</div>
<div class="worlding-grid reveal">
<div class="worlding-card">
<div class="shelter-grid reveal">
<div class="shelter-card">
<img src="img/worlding-family.jpg" alt="Story" loading="lazy">
<h3>Story</h3>
<p><em>The Last Draw</em> gives the work its emotional life and human stakes. A grounded near-future story about a Ghanaian family living under ecological pressure and lottery-based survival.</p>
<p>A grounded near-future narrative about a Ghanaian family living under ecological pressure and lottery-based survival gives the work its emotional life and human stakes.</p>
</div>
<div class="worlding-card">
<div class="shelter-card">
<img src="img/worlding-acorus.jpg" alt="Sanctuary" loading="lazy">
<h3>Sanctuary</h3>
<p>Acorus is the habitat system through which this world takes architectural form&mdash;spherical, linked, repairable, teachable, and suited to distributed local manufacture.</p>
<p>The habitat system through which this world takes architectural form&mdash;spherical, linked, repairable, teachable, and suited to distributed local manufacture.</p>
</div>
<div class="worlding-card">
<div class="shelter-card">
<img src="img/worlding-mim.jpg" alt="Land" loading="lazy">
<h3>Land</h3>
<p>Food production, water catchment, soil repair, medicinal planting, nursery life, shade, and productive edges all shape how people live, move, and remain in place.</p>
</div>
</div>
<div class="reveal" style="margin-top: 3rem;">
<p class="section-text">Together, they create a future that can be inhabited as a story, understood as a settlement, and developed as a serious public proposition. The work is ready for a deeper phase of refinement and shared development.</p>
<p class="shelter-text">Together, they create a future that can be inhabited as a story, understood as a settlement, and developed as a serious public proposition. The work is ready for a deeper phase of refinement and shared development.</p>
</div>
</div>
</section>
@ -785,6 +733,27 @@
<img src="img/worlding-closing.jpg" alt="Designing how to remain" loading="lazy">
</div>
<!-- ABOUT -->
<section class="about-section" id="about">
<div class="inner">
<div class="reveal">
<p class="section-label">About</p>
<h2 class="section-title">The Creator</h2>
</div>
<div class="about-grid reveal">
<img src="img/michelle-sam.jpg" alt="Michelle Sam" class="about-photo" loading="lazy">
<div class="about-info">
<h3 class="about-name">Michelle Sam</h3>
<p class="about-role">Writer &middot; Director &middot; Experience Designer</p>
<p class="about-bio">Michelle Sam is a writer, award-winning filmmaker, actress, and multimedia artist. Her work explores the intersection of identities and stories in a visceral manner. The daughter of Ghanaian immigrants raised in Ireland, she trained at the Gaiety School of Acting before moving to Chicago, where she studied at Second City and turned her talents to filmmaking. She holds a Sociology and Visual and Dramatic Arts degree from Rice University.</p>
<p class="about-bio">In addition to creating film and TV, she cultivates immersive and interactive experiences and art installations that engage the nine senses through somatic experiencing, across the Black diaspora and in continental Africa under her name, Yaa Tabriwaa. She is a co-founder of Out The Box Creative, a hybrid Ghanaian production company and artist collective based in Accra, Ghana.</p>
</div>
</div>
</div>
</section>
<div class="divider"></div>
<!-- TEAM -->
<section class="team-section" id="team">
<div class="inner">
@ -797,7 +766,7 @@
<div class="team-icon">MS</div>
<h3 class="team-name">Michelle Sam</h3>
<p class="team-role">Narrative World</p>
<p class="team-bio">Writer, award-winning filmmaker, and multimedia artist. Brings the narrative world of The Last Draw and immersive experience design across the Black diaspora and continental Africa. Co-founder of Out The Box Creative in Accra, Ghana.</p>
<p class="team-bio">Writer, award-winning filmmaker, and multimedia artist. Brings the narrative world, immersive experience design, and the vision for HOME across the Black diaspora and continental Africa. Co-founder of Out The Box Creative in Accra, Ghana.</p>
</div>
<div class="team-card">
<div class="team-icon">GJ</div>
@ -817,8 +786,8 @@
<!-- FOOTER -->
<footer>
<p class="footer-logo">CINEASTHESIA</p>
<p class="footer-tagline">Film, storytelling, and cultural architecture</p>
<p class="footer-logo">HOME</p>
<p class="footer-tagline">An immersive art exhibit &amp; fire-proof housing prototype by Cineasthesia</p>
<div class="footer-links">
<a href="https://thelastdraw.cinesthesia.art" target="_blank">The Last Draw</a>
</div>