<!DOCTYPE html>

<head>

<title>Nancy Gaussiran — Féminité à son état nature</title>

<style>

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

:root{--ink:#1a1410;--cream:#faf7f2;--linen:#f0ebe0;--linen2:#e4ddd0;--clay:#7c4f2f;--gold:#b8862a;--gold-lt:#d4a84b;--charcoal:#2e2318;--muted:#6b5c4a;--light-muted:#9a8a78;--nav-h:65px;}

html{scroll-behavior:smooth;}

body{font-family:'Inter',sans-serif;background:var(--cream);color:var(--ink);font-size:15px;font-weight:300;overflow-x:hidden;}

nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2.5rem;background:var(--cream);border-bottom:1px solid var(--linen2);}

.nav-brand a{text-decoration:none;}

.nav-name{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:300;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink);display:block;}

.nav-tagline{font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);display:block;margin-top:2px;}

.nav-links{display:flex;gap:2rem;list-style:none;}

.nav-links a{font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;}

.nav-links a:hover{color:var(--clay);}

.nav-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--ink);font-size:1.4rem;}

.hero{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;padding-top:var(--nav-h);}

.hero-left{display:flex;flex-direction:column;justify-content:center;padding:5rem 3rem 5rem 2.5rem;}

.hero-eyebrow{font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:1.8rem;}

.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.8rem,4.5vw,4.2rem);font-weight:300;line-height:1.08;color:var(--ink);margin-bottom:1.5rem;}

.hero-title em{font-style:italic;color:var(--clay);}

.hero-quote{font-family:'Cormorant Garamond',serif;font-size:1rem;font-style:italic;color:var(--muted);line-height:1.9;max-width:380px;margin-bottom:2.5rem;border-left:2px solid var(--gold);padding-left:1.2rem;}

.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;}

.btn-dark{display:inline-block;background:var(--charcoal);color:var(--linen);padding:.8rem 1.8rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:background .2s;font-family:'Inter',sans-serif;border:none;cursor:pointer;}

.btn-dark:hover{background:var(--clay);}

.btn-outline{display:inline-block;border:1px solid var(--clay);color:var(--clay);padding:.8rem 1.8rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:all .2s;}

.btn-outline:hover{background:var(--clay);color:#fff;}

.hero-right{background:var(--linen);position:relative;overflow:hidden;}

.hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}

.section{padding:5.5rem 2.5rem;}

.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:1px solid var(--linen2);}

.section-title{font-family:'Cormorant Garamond',serif;font-size:1.9rem;font-weight:300;color:var(--ink);}

.section-sub{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--light-muted);}

.series-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2.5rem;}

.series-btn{padding:.45rem 1rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--linen2);background:transparent;color:var(--muted);cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif;}

.series-btn:hover,.series-btn.active{background:var(--charcoal);color:var(--linen);border-color:var(--charcoal);}

.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}

.art-card{cursor:pointer;position:relative;overflow:hidden;background:var(--linen);}

.art-card-img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .5s ease;}

.art-card:hover .art-card-img{transform:scale(1.04);}

.art-card-svg{width:100%;aspect-ratio:3/4;display:block;transition:transform .5s ease;}

.art-card:hover .art-card-svg{transform:scale(1.04);}

.art-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 1.1rem 1.1rem;background:linear-gradient(to top,rgba(26,20,16,.88) 0%,transparent 100%);opacity:0;transition:opacity .3s;}

.art-card:hover .art-overlay{opacity:1;}

.art-title{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-style:italic;color:var(--linen);}

.art-serie{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-lt);margin-top:.2rem;}

.art-meta{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(240,235,224,.55);margin-top:.15rem;}

.art-price{font-size:.82rem;color:var(--gold-lt);margin-top:.4rem;}

.art-badge{position:absolute;top:.8rem;right:.8rem;padding:.25rem .6rem;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;font-family:'Inter',sans-serif;}

.badge-dispo{background:var(--clay);color:#fff;}

.badge-vendue{background:var(--charcoal);color:var(--linen2);}

.badge-new{background:var(--gold);color:#fff;}

.demarche-section{background:var(--linen);padding:5.5rem 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}

.demarche-quote{font-family:'Cormorant Garamond',serif;font-size:1.75rem;font-weight:300;font-style:italic;line-height:1.45;color:var(--charcoal);}

.demarche-quote span{color:var(--clay);}

.demarche-sig{margin-top:1.5rem;font-family:'Cormorant Garamond',serif;font-size:.85rem;font-style:italic;color:var(--gold);}

.stats-row{display:flex;gap:2.5rem;margin-top:2rem;}

.stat-n{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:300;color:var(--clay);}

.stat-l{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--light-muted);}

.demarche-text p{color:var(--muted);font-size:.88rem;line-height:1.95;margin-bottom:1rem;}

.technique-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;}

.tag{padding:.3rem .8rem;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--linen2);color:var(--muted);}

.series-section{padding:5.5rem 2.5rem;}

.series-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}

.serie-card{padding:1.5rem;border:1px solid var(--linen2);background:var(--cream);}

.serie-card-name{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-style:italic;color:var(--charcoal);margin-bottom:.6rem;}

.serie-card-desc{font-size:.8rem;color:var(--muted);line-height:1.75;}

.timeline-year{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--clay);margin-bottom:.75rem;margin-top:2rem;}

.timeline-item{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--linen2);font-size:.83rem;}

.timeline-date{color:var(--light-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding-top:.1rem;}

.timeline-event{color:var(--muted);}

.timeline-event strong{color:var(--charcoal);font-weight:400;}

.timeline-prize{display:inline-block;margin-left:.6rem;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);padding:.12rem .4rem;}

.intl-banner{background:var(--charcoal);color:var(--linen);padding:2.5rem 2.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center;}

.intl-item{border-right:1px solid rgba(240,235,224,.15);}

.intl-item:last-child{border-right:none;}

.intl-city{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:300;color:var(--linen);}

.intl-venue{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:.3rem;}

.intl-year{font-size:.7rem;color:rgba(240,235,224,.4);margin-top:.2rem;}

.contact-wrap{max-width:560px;margin:0 auto;text-align:center;}

.contact-title{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:300;margin-bottom:.8rem;}

.contact-info{color:var(--muted);font-size:.88rem;line-height:1.9;margin-bottom:2.5rem;}

.contact-info a{color:var(--clay);text-decoration:none;}

.contact-form{display:flex;flex-direction:column;gap:.85rem;text-align:left;}

.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;}

.fg{display:flex;flex-direction:column;gap:.35rem;}

.fg label{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--light-muted);}

.fg input,.fg textarea,.fg select{border:1px solid var(--linen2);background:var(--cream);padding:.75rem 1rem;font-family:'Inter',sans-serif;font-size:.85rem;color:var(--ink);outline:none;transition:border-color .2s;}

.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--clay);}

.fg textarea{height:110px;resize:vertical;}

.btn-send{background:var(--clay);color:#fff;border:none;padding:.9rem 2rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;font-family:'Inter',sans-serif;transition:background .2s;align-self:flex-start;}

.btn-send:hover{background:var(--charcoal);}

.modal-bg{display:none;position:fixed;inset:0;z-index:500;background:rgba(26,20,16,.92);align-items:center;justify-content:center;padding:2rem;}

.modal-bg.open{display:flex;}

.modal-box{background:var(--cream);max-width:860px;width:100%;display:grid;grid-template-columns:1fr 1fr;position:relative;max-height:90vh;overflow:auto;}

.modal-art{min-height:420px;background:var(--linen);display:flex;align-items:center;justify-content:center;overflow:hidden;}

.modal-art img{width:100%;height:100%;object-fit:cover;}

.modal-info{padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;}

.modal-serie{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;}

.modal-title{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:300;font-style:italic;margin-bottom:.3rem;}

.modal-year-med{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--light-muted);margin-bottom:1.2rem;}

.modal-desc{color:var(--muted);font-size:.86rem;line-height:1.9;margin-bottom:1.2rem;}

.modal-specs{font-size:.78rem;color:var(--light-muted);line-height:2.2;}

.modal-price{font-family:'Cormorant Garamond',serif;font-size:1.6rem;color:var(--clay);margin:1rem 0 1.2rem;}

.modal-close{position:absolute;top:.8rem;right:.8rem;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--light-muted);line-height:1;}

.fab{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:var(--clay);color:#fff;border:none;font-size:1.4rem;cursor:pointer;z-index:300;display:flex;align-items:center;justify-content:center;transition:background .2s;}

.fab:hover{background:var(--charcoal);}

.add-panel{display:none;position:fixed;bottom:5.5rem;right:2rem;background:var(--cream);border:1px solid var(--linen2);padding:1.5rem;width:310px;z-index:300;box-shadow:0 8px 32px rgba(26,20,16,.18);}

.add-panel.open{display:block;}

.add-panel-title{font-family:'Cormorant Garamond',serif;font-size:1.1rem;margin-bottom:.5rem;color:var(--ink);}

.add-panel-form{display:flex;flex-direction:column;gap:.6rem;}

.add-panel-form input,.add-panel-form select,.add-panel-form textarea{border:1px solid var(--linen2);background:var(--linen);padding:.55rem .8rem;font-size:.8rem;font-family:'Inter',sans-serif;color:var(--ink);outline:none;width:100%;}

.add-panel-hint{font-size:.68rem;color:var(--light-muted);line-height:1.5;}

.btn-ajouter{background:var(--clay);color:#fff;border:none;padding:.65rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;font-family:'Inter',sans-serif;width:100%;transition:background .2s;margin-top:.25rem;}

.btn-ajouter:hover{background:var(--charcoal);}

footer{background:var(--charcoal);color:rgba(240,235,224,.45);padding:2.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.73rem;letter-spacing:.07em;}

.footer-brand{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:300;color:var(--linen);letter-spacing:.14em;text-transform:uppercase;}

.footer-tagline{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:.3rem;}

footer a{color:rgba(240,235,224,.55);text-decoration:none;}

footer a:hover{color:var(--gold);}

.footer-right{text-align:right;line-height:2.1;}

@media(max-width:900px){.series-grid{grid-template-columns:repeat(2,1fr);}}

@media(max-width:768px){

.nav-links{display:none;}.nav-toggle{display:block;}

.nav-links.mobile-open{display:flex;flex-direction:column;position:fixed;top:var(--nav-h);left:0;right:0;background:var(--cream);border-bottom:1px solid var(--linen2);padding:1.5rem 2rem;gap:1.2rem;}

.hero{grid-template-columns:1fr;}.hero-right{height:60vw;}.hero-left{padding:3rem 1.5rem;}

.gallery-grid{grid-template-columns:1fr 1fr;}

.demarche-section{grid-template-columns:1fr;padding:3.5rem 1.5rem;gap:2.5rem;}

.series-grid{grid-template-columns:1fr 1fr;}

.section{padding:3.5rem 1.5rem;}.series-section{padding:3.5rem 1.5rem;}

.intl-banner{grid-template-columns:1fr;}

.modal-box{grid-template-columns:1fr;}.modal-art{min-height:280px;}

footer{flex-direction:column;gap:1.5rem;text-align:center;}.footer-right{text-align:center;}

.form-row{grid-template-columns:1fr;}

}

@media(max-width:480px){.gallery-grid{grid-template-columns:1fr;}.series-grid{grid-template-columns:1fr;}}

</style>

</head>

<body>

<nav>

<div class="nav-brand"><a href="#"><span class="nav-name">Nancy Gaussiran</span><span class="nav-tagline">Féminité à son état nature</span></a></div>

<li><a href="#galerie" onclick="closeMobileNav()">Galerie</a></li>

<li><a href="#demarche" onclick="closeMobileNav()">Démarche</a></li>

<li><a href="#series" onclick="closeMobileNav()">Séries</a></li>

<li><a href="#parcours" onclick="closeMobileNav()">Parcours</a></li>

<li><a href="#contact" onclick="closeMobileNav()">Contact</a></li>

</ul>

</nav>

<p class="hero-eyebrow">Peinture contemporaine · Techniques mixtes · Laurentides & Montréal</p>

<h1 class="hero-title">Féminité<br>à son état<br><em>nature</em></h1>

<p class="hero-quote">Ma peinture ne décrit pas : elle ressent. La matière porte l'émotion, la mémoire et la présence humaine.</p>

<a href="#galerie" class="btn-dark">Voir les œuvres</a>

<a href="https://gaussiran.com" target="_blank" class="btn-outline">Gaussiran.com</a>

</div>

</div>

</section>

<div class="section-header"><h2 class="section-title">Galerie</h2><span class="section-sub" id="count-label">Toutes les séries</span></div>

</section>

<div class="intl-item"><div class="intl-city">New York</div><div class="intl-venue">Art Expo · Galerie Viviana Puello</div><div class="intl-year">2018</div></div>

<div class="intl-item"><div class="intl-city">Paris</div><div class="intl-venue">Carrousel du Louvre</div><div class="intl-year">2018</div></div>

<div class="intl-item"><div class="intl-city">Montréal</div><div class="intl-venue">Marché Bonsecours · Prix du public</div><div class="intl-year">2023</div></div>

</div>

<div>

<p class="demarche-quote">« Le geste devient un langage émotionnel. <span>La matière occupe une place centrale</span> — reliefs, traces et imperfections porteurs de mémoire. »</p>

<p class="demarche-sig">— Nancy Gaussiran</p>

<div><div class="stat-n">+25</div><div class="stat-l">ans de pratique</div></div>

<div><div class="stat-n">3</div><div class="stat-l">pays exposés</div></div>

<div><div class="stat-n">8</div><div class="stat-l">séries actives</div></div>

</div>

<p>Artiste peintre et enseignante en arts plastiques née dans les Laurentides, Nancy Gaussiran développe depuis 2003 une pratique profondément personnelle sous le fil conducteur <em>Féminité à son état nature</em>.</p>

<p>Ses œuvres explorent la manière dont la matière peut porter l'émotion, la mémoire et la présence humaine. À travers une approche intuitive et profondément incarnée, texture, geste et superposition créent des œuvres qui cherchent moins à représenter qu'à faire ressentir.</p>

<p>Diplômée en enseignement des arts plastiques (1997), elle a exposé à New York, Paris et dans les plus importantes galeries du Québec. Primée à plusieurs reprises, elle s'engage également auprès de la communauté à travers de nombreuses donations.</p>

<span class="tag">Spatule</span><span class="tag">Dripping</span><span class="tag">Techniques mixtes</span><span class="tag">Bois naturel</span><span class="tag">Feuilles d'or</span><span class="tag">Accumulation de matière</span>

</div>

<div class="section-header"><h2 class="section-title">Les séries</h2><span class="section-sub">8 univers, un seul fil conducteur</span></div>

<div class="serie-card"><p class="serie-card-name">Série Colorée</p><p class="serie-card-desc">La couleur comme langage instinctif. Textures, gestes spontanés et dripping traduisent des états intérieurs en transformation — vitalité, liberté et émotion brute.</p></div>

<div class="serie-card"><p class="serie-card-name">Black & White</p><p class="serie-card-desc">La mouvance de la vie, ses hauts et ses bas. Les contrastes traduisent les tensions émotionnelles, la dualité entre fragilité et force, chaos et apaisement.</p></div>

<div class="serie-card"><p class="serie-card-name">Bois & Nature</p><p class="serie-card-desc">Des fragments de bois intégrés à la peinture — dialogue entre deux matières vivantes. Lien entre l'humain, le vivant et le besoin profond de connexion au monde naturel.</p></div>

<div class="serie-card"><p class="serie-card-name">Série Or</p><p class="serie-card-desc">La richesse invisible de la santé et des joies simples. Textures lumineuses et reflets dorés symbolisent la lumière intérieure et la valeur profonde de l'existence.</p></div>

<div class="serie-card"><p class="serie-card-name">Féminité fossilisée</p><p class="serie-card-desc">Malgré les blessures du passé, on apprend à grandir. La mémoire enfouie, la stratification du vécu dans la matière. Ce qui semblait fossile porte encore la vie.</p></div>

<div class="serie-card"><p class="serie-card-name">Série Abstraction</p><p class="serie-card-desc">Le lâcher-prise, l'intuition et la liberté du geste. Le mouvement spontané crée des œuvres où le ressenti prend le dessus sur le contrôle.</p></div>

<div class="serie-card"><p class="serie-card-name">Mise à nu</p><p class="serie-card-desc">S'accepter, s'aimer, déposer l'armure. Mettre à nu n'est pas se dénuder : c'est se rejoindre, sans filtre, dans la plénitude imparfaite de ce que l'on est.</p></div>

<div class="serie-card"><p class="serie-card-name">BW Sports</p><p class="serie-card-desc">Le sport comme espace d'évasion. Une approche gestuelle et contrastée qui traduit l'énergie, le mouvement et la liberté du corps.</p></div>

</div>

</section>

<div class="section-header"><h2 class="section-title">Parcours & Expositions</h2><span class="section-sub">Depuis 2013</span></div>

</section>

<h2 class="contact-title">Acquérir une œuvre</h2>

Pour l'achat d'une toile, une commande personnalisée ou toute demande, contactez Nancy directement.<br><br>

<a href="mailto:nancy.gaussiran@gmail.com">nancy.gaussiran@gmail.com</a><br>

<a href="https://gaussiran.com" target="_blank">gaussiran.com</a>  · 

<a href="https://instagram.com/nancygaussiranart" target="_blank">@nancygaussiranart</a>

</p>

<div class="fg"><label>Prénom</label><input type="text" placeholder="Sophie"></div>

</div>

<div class="fg"><label>Courriel</label><input type="email" placeholder="sophie@exemple.com" required></div>

<div class="fg"><label>Sujet</label>

<option>Achat d'une œuvre exposée</option>

<option>Commande d'une toile personnalisée</option>

<option>Renseignements sur une série</option>

<option>Presse / Exposition / Résidence</option>

<option>Don / Cause humanitaire</option>

</select>

</div>

<div class="fg"><label>Message</label><textarea placeholder="Je suis intéressé(e) par..." required></textarea></div>

<button type="submit" class="btn-send">Envoyer</button>

</form>

</div>

</section>

<div><div class="footer-brand">Nancy Gaussiran</div><div class="footer-tagline">Féminité à son état nature · depuis 2003</div></div>

<a href="https://gaussiran.com">gaussiran.com</a><br>

<a href="mailto:nancy.gaussiran@gmail.com">nancy.gaussiran@gmail.com</a><br>

<a href="https://instagram.com/nancygaussiranart" target="_blank">Instagram · @nancygaussiranart</a><br>

</div>

</footer>

<div>

</div>

<div>

<button class="btn-dark" onclick="goContact()" style="font-family:inherit;cursor:pointer;">Contacter pour acquérir →</button>

</div>

<p class="add-panel-title">Ajouter une œuvre</p>

<p class="add-panel-hint" style="margin-bottom:.8rem;">Remplissez les champs et l'œuvre apparaît immédiatement en tête de galerie.</p>

<option value="">— Choisir une série —</option>

<option>Série Colorée</option>

<option>Black & White</option>

<option>BW Sports</option>

<option>Bois & Nature</option>

<option>Série Or</option>

<option>Féminité fossilisée</option>

<option>Série Abstraction</option>

</select>

<option value="new">Nouveauté</option>

<option value="disponible">Disponible</option>

<option value="vendue">Vendue / Collection privée</option>

</select>

<p class="add-panel-hint">Laissez vide pour une représentation générée.</p>

<button type="submit" class="btn-ajouter">Ajouter à la galerie</button>

</form>

</div>

const PALETTES={

"Série Colorée":[["#c17a3a","#d4956a","#e8b87a","#8b3a1a","#2a1f14"],["#a04020","#d4602a","#e89060","#4a2010","#f0d0a0"]],

"Black & White":[["#1a1410","#3a3028","#6a6058","#b0a898","#e8e0d0"],["#0a0806","#2a2018","#5a5048","#909888","#d8d0c8"]],

"BW Sports":[["#0a0806","#1a1410","#3a3028","#c0b8b0","#f0e8e0"],["#141008","#282018","#484038","#a09888","#e8e0d8"]],

"Bois & Nature":[["#5a3a18","#8b6338","#b89068","#d4b88a","#1a2810"],["#3a2810","#6b4828","#9b7848","#c4a070","#2a3818"]],

"Série Or":[["#b8862a","#d4a84b","#e8c870","#7a5218","#faf0d0"],["#8a6018","#c09038","#d8b060","#604010","#f0e0a0"]],

"Féminité fossilisée":[["#6a4a38","#9a7a68","#c8a898","#3a2018","#e8d8c8"],["#4a2818","#8a6858","#b89888","#2a1808","#d8c8b8"]],

"Série Abstraction":[["#8b3a5a","#c06080","#d090a0","#2a1020","#e8c0d0"],["#7a2848","#b05070","#c88090","#1a0818","#d8a8c0"]],

"Mise à nu":[["#8a6858","#b89888","#d8c0a8","#3a2818","#f0e8e0"],["#6a4838","#9a7868","#c8a890","#2a1808","#e8ddd5"]],

};

const DEFAULT_PAL=[["#7c4f2f","#c17a3a","#e8d5b0","#2a1f14","#d4956a"]];

function getPal(s){const a=PALETTES[s]||DEFAULT_PAL;return a[Math.floor(Math.random()*a.length)];}

let svgCache={};

function sr(seed,mn,mx){let v=((seed*1664525+1013904223)&0xffff)/65535;return mn+v*(mx-mn);}

function drawPainting(el,serie,seed){

const k=serie+'|'+seed;

if(svgCache[k]){el.innerHTML=svgCache[k];return;}

const p=getPal(serie);let s=[];

s.push('<rect width="400" height="500" fill="'+p[2]+'" opacity="0.22"/>');

for(let i=0;i<3;i++){

let cx=sr(seed*7+i*31,60,340),cy=sr(seed*11+i*17,60,440),rx=sr(seed*3+i*41,50,140),ry=sr(seed*13+i*7,60,160);

let c=p[Math.floor(sr(seed+i*3,0,p.length))],op=(0.35+sr(seed*19+i,0,0.42)).toFixed(2);

s.push('<ellipse cx="'+(cx|0)+'" cy="'+(cy|0)+'" rx="'+(rx|0)+'" ry="'+(ry|0)+'" fill="'+c+'" opacity="'+op+'"/>');

}

for(let i=0;i<2;i++){

let x1=sr(seed*5+i,0,150),y1=sr(seed*9+i,0,200),x2=sr(seed*23+i,200,400),y2=sr(seed*29+i,200,500);

let mx=sr(seed*37+i,50,350),my=sr(seed*43+i,50,450);

let c=p[Math.floor(sr(seed*11+i,0,3))],w=(8+sr(seed*17+i,0,22))|0,op=(0.5+sr(seed*53+i,0,0.35)).toFixed(2);

s.push('<path d="M'+(x1|0)+' '+(y1|0)+' Q'+(mx|0)+' '+(my|0)+' '+(x2|0)+' '+(y2|0)+'" stroke="'+c+'" stroke-width="'+w+'" fill="none" opacity="'+op+'" stroke-linecap="round"/>');

}

let dx=sr(seed*61,50,200),dw=sr(seed*67,30,80),dh=sr(seed*71,150,300),ang=(-25+sr(seed*79,0,50))|0;

s.push('<rect x="'+(dx|0)+'" y="'+((100+sr(seed*83,0,100))|0)+'" width="'+(dw|0)+'" height="'+(dh|0)+'" fill="'+p[3]+'" opacity="0.11" transform="rotate('+ang+' 200 250)"/>');

el.innerHTML=s.join('');svgCache[k]=el.innerHTML;

}

let oeuvres=[

{id:1,titre:"Don't speak",serie:"Black & White",annee:"2024",format:"36 × 48 po",medium:"Huile sur toile",prix:"Prix sur demande",status:"disponible",img:"",desc:"Entre apparition et effacement, le visage émerge de la matière comme une présence fragile et puissante. Le dripping crée un dialogue entre vulnérabilité, mémoire et résilience."},

{id:2,titre:"La peau du silence",serie:"Mise à nu",annee:"2024",format:"36 × 60 po",medium:"Techniques mixtes",prix:"Prix sur demande",status:"new",img:"",desc:"La matière devient une seconde peau. Textures, fissures et transparences évoquent les couches invisibles de l'expérience humaine."},

{id:3,titre:"Assumer ses choix",serie:"Série Or",annee:"2023",format:"20 × 36 po",medium:"Huile, feuilles d'or",prix:"2 400 $",status:"disponible",img:"",desc:"L'or agit comme symbole de transformation — lumière au cœur de la fragilité. Tension entre l'éphémère et le permanent."},

{id:4,titre:"Empreinte",serie:"Féminité fossilisée",annee:"2023",format:"36 × 48 po",medium:"Techniques mixtes",prix:"2 200 $",status:"disponible",img:"",desc:"Les reliefs et les accumulations de matière créent un territoire sensible où se rencontrent mémoire, identité et transformation."},

{id:5,titre:"Empreinte d'émotions",serie:"Série Colorée",annee:"2022",format:"18 × 36 po",medium:"Acrylique, techniques mixtes",prix:"1 400 $",status:"vendue",img:"",desc:"La couleur comme langage émotionnel — liberté du geste, énergie vibrante."},

{id:6,titre:"Le support vivant",serie:"Bois & Nature",annee:"2023",format:"Variable",medium:"Huile et bois naturel",prix:"1 800 $",status:"disponible",img:"",desc:"Le bois participe activement à la composition. Les veines naturelles dialoguent avec l'intervention picturale."},

{id:7,titre:"Sans titre I",serie:"Série Abstraction",annee:"2024",format:"24 × 30 po",medium:"Acrylique sur toile",prix:"Prix sur demande",status:"disponible",img:"",desc:"Une recherche autour du lâcher-prise. Le mouvement spontané et la matière créent une œuvre où le ressenti prend le dessus."},

{id:8,titre:"L'élan",serie:"BW Sports",annee:"2023",format:"30 × 40 po",medium:"Huile sur toile",prix:"1 600 $",status:"disponible",img:"",desc:"Le sport comme espace d'évasion. L'énergie, le mouvement, la liberté du corps."},

];

let nextId=20,filtreActif="Toutes";

const TIMELINE=[

{annee:"2025",items:[

{date:"Oct. 2025",ev:"Expo-concours <strong>AAPARS</strong>"},

{date:"Août 2025",ev:"<strong>Galerie Perkins</strong>"},

{date:"Juil. 2025",ev:"Empreinte des arts — <strong>Galerie Perkins</strong>"},

{date:"2025",ev:"Exposition chez <strong>Maestria</strong> et acquisition"},

]},

{annee:"2024",items:[

{date:"Oct. 2024",ev:"Expo-concours <strong>AAPARS</strong>"},

{date:"Mai 2024",ev:"Empreinte des arts — <strong>Galerie Perkins</strong>"},

]},

{annee:"2023",items:[

{date:"Nov. 2023",ev:"Donation — Auberge du cœur, <strong>Jardin Botanique de Montréal</strong>"},

{date:"Oct. 2023",ev:"Expo Concours Automnal — <strong>AAPARS</strong>"},

{date:"Août 2023",ev:"Symposium du Parcours des arts de l'Assomption"},

{date:"Juil. 2023",ev:"<strong>Marché Bonsecours</strong> — Galerie Lenoir, Montréal",prize:"Prix du public"},

{date:"Juin 2023",ev:"Exposition Solo — <strong>CUISI-N-ART</strong>, Gatineau"},

{date:"Juin 2023",ev:"Exposition Collective — <strong>Golf Fontainebleau</strong>, Rosemère"},

]},

{annee:"2022",items:[

{date:"Août 2022",ev:"Donation — Fondation Lacourse pour les enfants autistes"},

{date:"Juil. 2022",ev:"Symposium des Arts de l'Assomption",prize:"Prix du jury"},

{date:"Juin 2022",ev:"Rassemblement des Arts — <strong>Quai du Vieux-Port de Montréal</strong>"},

]},

{annee:"2020 – 2021",items:[

{date:"2020",ev:"<strong>Galerie d'art Pauline Paquin</strong>, Saint-Sauveur"},

{date:"2020",ev:"Donation — Fondation du Dr. Clown, Montréal"},

]},

{annee:"2018 – 2019",items:[

{date:"2018",ev:"<strong>Art Expo de New York</strong>"},

{date:"2018",ev:"<strong>Galerie Viviana Puello</strong>, New York"},

{date:"2018",ev:"Exposition au <strong>Carrousel du Louvre</strong>, Paris"},

{date:"2019",ev:"<strong>Galerie Lenoir</strong>, Montréal"},

{date:"2019",ev:"<strong>Marché Bonsecours</strong> — Fondation du Dr. Julien"},

]},

{annee:"2013 – 2017",items:[

{date:"2017",ev:"<strong>Galerie d'art Pauline Paquin</strong>, Saint-Sauveur"},

{date:"2017",ev:"Donation — Société canadienne du cancer, Gala des Chefs"},

{date:"2016",ev:"Émission télévision : <strong>Le goût des saveurs</strong>"},

{date:"2016",ev:"Exposition Solo — Boutique Quilicot (Sainte-Thérèse, Laval, Mont-Tremblant)"},

{date:"2015",ev:"Exposition Solo — <strong>Restaurant Recto-Verso</strong>, Sainte-Adèle"},

{date:"2013",ev:"<strong>Galerie Côté</strong>, Mont-Tremblant"},

]},

];

function renderSeriesNav(){

const nav=document.getElementById('series-nav');

const all=["Toutes",...Object.keys(PALETTES)];

nav.innerHTML=all.map(s=>'<button class="series-btn'+(s===filtreActif?' active':'')+'" onclick="filtrer(\''+s.replace(/'/g,"\\'")+'\')">' +s+'</button>').join('');

}

function filtrer(s){filtreActif=s;renderSeriesNav();renderGallery();}

function renderGallery(){

const grid=document.getElementById('gallery-grid'),lbl=document.getElementById('count-label');

const list=filtreActif==="Toutes"?oeuvres:oeuvres.filter(o=>o.serie===filtreActif);

lbl.textContent=list.length+' œuvre'+(list.length>1?'s':'')+(filtreActif!=="Toutes"?' · '+filtreActif:'');

grid.innerHTML='';

list.forEach(o=>{

const card=document.createElement('div');card.className='art-card';card.onclick=()=>openModal(o.id);

const badge=o.status==='vendue'?'<span class="art-badge badge-vendue">Collection privée</span>':o.status==='new'?'<span class="art-badge badge-new">Nouveauté</span>':'<span class="art-badge badge-dispo">Disponible</span>';

const svgId='svg-card-'+o.id;

const imgHtml=o.img?'<img class="art-card-img" src="'+o.img+'" alt="'+o.titre+'" loading="lazy">'

:'<svg id="'+svgId+'" class="art-card-svg" viewBox="0 0 300 400" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice"></svg>';

card.innerHTML=imgHtml+badge+'<div class="art-overlay"><div class="art-title">'+o.titre+'</div><div class="art-serie">'+o.serie+'</div><div class="art-meta">'+o.annee+' · '+o.medium+'</div><div class="art-price">'+(o.status==='vendue'?'Collection privée':o.prix)+'</div></div>';

grid.appendChild(card);

if(!o.img){const el=document.getElementById(svgId);if(el)drawPainting(el,o.serie,o.id);}

});

}

function renderTimeline(){

document.getElementById('timeline').innerHTML=TIMELINE.map(y=>

'<div class="timeline-year">'+y.annee+'</div>'+

y.items.map(i=>'<div class="timeline-item"><span class="timeline-date">'+i.date+'</span><span class="timeline-event">'+i.ev+(i.prize?'<span class="timeline-prize">'+i.prize+'</span>':'')+'</span></div>').join('')

).join('');

}

function openModal(id){

const o=oeuvres.find(x=>x.id===id);if(!o)return;

document.getElementById('m-serie').textContent=o.serie;

document.getElementById('m-title').textContent=o.titre;

document.getElementById('m-year').textContent=o.annee+(o.medium?' · '+o.medium:'');

document.getElementById('m-desc').textContent=o.desc;

document.getElementById('m-specs').innerHTML='Format : '+o.format+'<br>Pièce unique · Certificat d\'authenticité<br>Œuvre signée Nancy Gaussiran';

document.getElementById('m-price').textContent=o.status==='vendue'?'Collection privée':o.prix;

const c=document.getElementById('modal-art-container');

if(o.img){c.innerHTML='<img src="'+o.img+'" alt="'+o.titre+'" style="width:100%;height:100%;object-fit:cover;">';}

else{c.innerHTML='<svg id="m-svg" viewBox="0 0 400 500" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:100%;"></svg>';drawPainting(document.getElementById('m-svg'),o.serie,o.id*3+7);}

document.getElementById('modal').classList.add('open');

}

function closeModal(e){

if(!e||e.target===document.getElementById('modal')||e.currentTarget.classList.contains('modal-close'))

document.getElementById('modal').classList.remove('open');

}

function goContact(){closeModal();document.getElementById('contact').scrollIntoView({behavior:'smooth'});}

function toggleAdd(){document.getElementById('add-panel').classList.toggle('open');}

function addOeuvre(e){

e.preventDefault();

const titre=document.getElementById('n-titre').value.trim();if(!titre)return;

oeuvres.unshift({id:nextId++,titre,serie:document.getElementById('n-serie').value||'Série Abstraction',annee:document.getElementById('n-annee').value||new Date().getFullYear()+'',format:document.getElementById('n-format').value||'Format non précisé',medium:document.getElementById('n-medium').value||'Techniques mixtes',prix:document.getElementById('n-prix').value||'Prix sur demande',status:document.getElementById('n-status').value,img:document.getElementById('n-img').value.trim(),desc:document.getElementById('n-desc').value});

['n-titre','n-annee','n-format','n-medium','n-prix','n-img','n-desc'].forEach(id=>{document.getElementById(id).value='';});

filtreActif='Toutes';renderSeriesNav();renderGallery();toggleAdd();

document.getElementById('galerie').scrollIntoView({behavior:'smooth'});

}

function sendMsg(e){e.preventDefault();alert('Merci ! Nancy vous répondra avec soin.');e.target.reset();}

function toggleMobileNav(){document.getElementById('nav-links').classList.toggle('mobile-open');}

function closeMobileNav(){document.getElementById('nav-links').classList.remove('mobile-open');}

renderSeriesNav();renderGallery();renderTimeline();

drawPainting(document.getElementById('hero-svg'),'Mise à nu',99);

</script>

</body>

</html>