.mobile-menu[data-astro-cid-pux6a34n] nav[data-astro-cid-pux6a34n] a[data-astro-cid-pux6a34n]{min-height:44px}.site-header[data-astro-cid-pux6a34n] a[data-astro-cid-pux6a34n]:focus-visible{outline:2px solid var(--red);outline-offset:5px}.mobile-menu[data-astro-cid-pux6a34n]{display:none}@media(max-width:800px){.mobile-menu[data-astro-cid-pux6a34n]{display:block;width:calc(100% - 28px);margin:0 auto;border-bottom:1px solid var(--line);font-family:var(--sans)}summary[data-astro-cid-pux6a34n]{display:flex;justify-content:space-between;align-items:center;min-height:48px;cursor:pointer;font-size:12px;letter-spacing:.12em;text-transform:uppercase;list-style:none}summary[data-astro-cid-pux6a34n]::-webkit-details-marker{display:none}summary[data-astro-cid-pux6a34n] span[data-astro-cid-pux6a34n]{font-size:24px;transition:transform .15s}details[data-astro-cid-pux6a34n][open] summary[data-astro-cid-pux6a34n] span[data-astro-cid-pux6a34n]{transform:rotate(45deg)}nav[data-astro-cid-pux6a34n]{display:grid;padding:0 0 16px}nav[data-astro-cid-pux6a34n] a[data-astro-cid-pux6a34n]{padding:12px 4px;font-size:15px}nav[data-astro-cid-pux6a34n] a[data-astro-cid-pux6a34n]:hover{color:var(--red)}summary[data-astro-cid-pux6a34n]:focus-visible,nav[data-astro-cid-pux6a34n] a[data-astro-cid-pux6a34n]:focus-visible{outline:2px solid var(--red);outline-offset:3px}}@media(prefers-reduced-motion:reduce){summary[data-astro-cid-pux6a34n] span[data-astro-cid-pux6a34n]{transition:none}}:root{--paper:#f6eedf;--ink:var(--action-blue,#5f7084);--muted:#6f6a61;--red:#b5261f;--line:#b8b1a5;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--action-blue,#5f7084);}body{margin:0;font-family:var(--serif);background:var(--paper);line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}main{min-height:70vh}.site-header{width:min(1280px,calc(100% - 48px));margin:auto;border-bottom:1px solid var(--line);font-family:var(--sans);text-transform:uppercase;letter-spacing:.14em;}.brand{display:flex;align-items:center;font-weight:700}.brand img{object-fit:contain}.site-header nav{display:flex;gap:38px}.site-header nav a{padding:12px 0;border-bottom:1px solid transparent}.site-header nav a:hover,.site-header nav a.active{border-color:var(--red)}.cart-link{justify-self:end}.editorial-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:5vw}.hero{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:70px 0 55px;align-items:center}.hero h1,.page-heading h1,.about h1,.product-page h1{font-weight:400;font-size:clamp(4rem,8vw,7.7rem);line-height:.82;letter-spacing:-.055em;margin:.2em 0}.eyebrow{font-family:var(--sans);font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700}.hero-subtitle,.lead{font-size:clamp(1.25rem,2vw,1.8rem);max-width:650px}.button{display:inline-block;border:0;background:var(--red);color:var(--cream-on-blue);padding:15px 22px;font-family:var(--sans);text-transform:uppercase;letter-spacing:.11em;font-size:.75rem;cursor:pointer;margin-top:16px}.button:disabled{opacity:.6}.hero-art img{aspect-ratio:4/3;object-fit:cover}.hero-art figcaption,.artwork-single figcaption{font-family:var(--sans);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;margin-top:10px}.home-section{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:34px 0;border-top:1px solid var(--line)}.section-title{display:flex;align-items:baseline;justify-content:space-between}.section-title h2{font-weight:400;text-transform:uppercase;font-size:1.55rem;margin:0 0 18px}.section-title>a,.text-link{color:var(--red);font-family:var(--sans);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.art-grid img{aspect-ratio:4/3;object-fit:cover}.art-grid span{display:block;margin-top:10px;text-transform:uppercase;letter-spacing:.14em;font-size:.82rem}.quote-band{margin:0;color:var(--cream-on-blue);text-align:center;font-size:clamp(1.35rem,2.4vw,2.25rem);font-style:italic;padding:38px 20px}.quote-band span{display:block;width:46px;height:3px;background:var(--red);margin:18px auto 0}.split-feature{display:grid;grid-template-columns:.65fr 1.35fr;gap:42px}.identity-card{display:grid;grid-template-columns:42% 1fr;gap:18px;align-items:end}.identity-card img{height:255px;object-fit:cover;object-position:center 64%}.identity-card strong{font-family:var(--sans);font-size:1.6rem}.identity-card strong span{color:var(--red)}.shop-teasers{display:grid;grid-template-columns:1fr 1fr;gap:24px}.shop-teasers>a{display:grid;grid-template-columns:48% 1fr;gap:18px;align-items:center}.shop-teasers img{aspect-ratio:1/1;object-fit:cover}.shop-teasers h2,.shop-teasers h3{font-weight:400;margin:0}.shop-teasers p{margin:.4em 0}.shop-teasers .button{font-size:.62rem;padding:12px}.page-heading{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:75px 0 45px}.page-heading h1{max-width:1050px}.page-heading>p:not(.eyebrow){font-size:1.35rem;max-width:760px}.page-heading.compact{padding-bottom:10px}.gallery-full{width:min(1280px,calc(100% - 48px));margin:0 auto 70px;grid-template-columns:repeat(2,1fr)}.artwork-single{width:min(950px,calc(100% - 48px));margin:0 auto}.artwork-single img{max-height:78vh;object-fit:contain;background:#eee8dc}.page-end{width:min(950px,calc(100% - 48px));margin:35px auto 80px}.about,.product-page{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:75px 0;align-items:center}.about p:not(.eyebrow){font-size:1.2rem;max-width:610px}.about>img{max-height:680px;object-fit:cover;object-position:center 62%}.contact{min-height:62vh;display:flex;flex-direction:column;justify-content:center}.contact h1{font-size:clamp(4rem,9vw,8rem)}.small{font-family:var(--sans)!important;font-size:.78rem!important;color:var(--muted)}.product-page figure{margin:0}.product-page figure img{aspect-ratio:1/1;object-fit:contain;background:#fff}.product-copy .price{font-family:var(--sans);font-size:1.25rem}.product-copy h1{font-size:clamp(3.5rem,6vw,6.2rem)}.buy-action{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.action-error{color:var(--red);font-size:.85rem}.product-details{margin-top:35px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none;font-family:var(--sans);font-size:.78rem;line-height:2}.product-grid{width:min(1180px,calc(100% - 64px));margin:0 auto 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product-grid img{aspect-ratio:1/1;object-fit:cover}.product-grid h2{font-weight:400}.shop-page{width:min(1100px,calc(100% - 64px));margin:0 auto 80px}.cart-wrap{width:min(900px,calc(100% - 64px));margin:0 auto 80px}.cart-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:22px 0}.cart-row h2{font-weight:400;margin:0}.empty-cart{padding:35px 0}.legal{width:min(800px,calc(100% - 48px));margin:0 auto;padding:75px 0 100px}.legal h1{font-weight:400;font-size:clamp(3rem,7vw,6rem);line-height:.95}.legal p{font-size:1.15rem}.site-footer{width:min(1280px,calc(100% - 48px));margin:auto;border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;font-size:.65rem}.footer-brand{}.footer-links{display:flex;gap:24px}.social{justify-self:end;display:flex;gap:16px}.collection-block{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:34px 0 72px;border-top:1px solid var(--line)}.collection-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.collection-intro h2,.collection-heading{font-weight:400;font-size:clamp(2rem,4vw,4.2rem);line-height:.95;margin:0}.collection-intro>a{color:var(--red);font-family:var(--sans);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.catalog-grid{width:min(1280px,calc(100% - 48px));margin:0 auto 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:34px 24px}.collection-block .catalog-grid{width:100%;margin-bottom:0}.catalog-card{display:block;border-top:1px solid var(--line);padding-top:12px}.catalog-image-wrap{aspect-ratio:4/3;background:#ebe5da;overflow:hidden}.catalog-image{height:100%;object-fit:contain}.catalog-meta{display:grid;grid-template-columns:1fr auto;gap:3px 20px;align-items:baseline;}.catalog-meta h3{font-weight:400;margin:0}.catalog-meta p{font-family:var(--sans);color:var(--muted);margin:0}.catalog-meta span{grid-column:1/-1;color:var(--red);font-family:var(--sans);text-transform:uppercase;}.legacy-product figure img{aspect-ratio:auto;max-height:76vh;object-fit:contain;background:#ebe5da}.wix-products{padding-bottom:65px}@media(max-width:800px){.site-header{}.brand img{}.site-header nav{display:none}.cart-link{}.editorial-grid{grid-template-columns:1fr}.hero{width:calc(100% - 32px);padding:42px 0 30px}.hero h1,.page-heading h1,.about h1{font-size:clamp(3.3rem,16vw,5.4rem)}.hero-art{margin:10px 0 0}.home-section{width:calc(100% - 28px)}.art-grid{grid-template-columns:1fr;gap:24px}.art-grid a{display:grid;grid-template-columns:40% 1fr;gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:10px}.art-grid span{font-size:.73rem}.quote-band{padding:28px 18px}.split-feature,.shop-teasers,.shop-page{grid-template-columns:1fr}.shop-teasers>a{grid-template-columns:42% 1fr}.page-heading,.about,.product-page{width:calc(100% - 32px);padding:48px 0 30px}.gallery-full{width:calc(100% - 28px);grid-template-columns:1fr}.about>img{max-height:500px}.product-page{gap:28px}.product-grid{width:calc(100% - 32px);grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;gap:18px}.footer-links{flex-direction:column;gap:9px}.social{justify-self:start}.cart-wrap{width:calc(100% - 32px)}.collection-block{width:calc(100% - 28px);padding-bottom:52px}.collection-intro{align-items:flex-start}.catalog-grid{width:calc(100% - 28px);grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.collection-block .catalog-grid{width:100%}.catalog-meta{grid-template-columns:1fr}.catalog-meta h3{}.catalog-meta p{}.catalog-image-wrap{aspect-ratio:1/1}.legacy-product figure img{max-height:58vh}}.series-menu{width:min(1180px,calc(100% - 64px));margin:0 auto 42px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--sans);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.series-menu a{padding:18px 20px;text-align:center;border-right:1px solid var(--line)}.series-menu a:last-child{border-right:0}.series-menu a:hover,.series-menu a:focus-visible{color:var(--red)}@media(max-width:800px){.series-menu{width:calc(100% - 32px);margin-bottom:34px;font-size:.66rem}.series-menu a{padding:15px 8px}}.cart-item-copy p{margin:.35rem 0;color:var(--muted);font-family:var(--sans);font-size:.85rem}.cart-item-actions{display:flex;align-items:center;gap:28px}.cart-remove{padding:0;border:0;background:transparent;color:var(--red);font-family:var(--sans);font-size:.72rem;text-decoration:underline;cursor:pointer}.cart-remove:disabled{opacity:.45}.cart-total{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:2px solid var(--ink);font-family:var(--sans);font-size:1.3rem}.cart-total strong{font-size:1.55rem}.cart-panel>.button{width:100%}.cart-panel .quantity-control button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:620px){.cart-row{align-items:flex-start;gap:18px}.cart-item-actions{align-items:flex-end;flex-direction:column-reverse;gap:12px}.cart-row h2{font-size:1.25rem}.cart-wrap{width:calc(100% - 32px)}}

.preview-note{padding:9px 16px;text-align:center;font:12px Arial;background:#e7dfd0;color:var(--action-blue,#5f7084)}.social{flex-wrap:wrap}
/* SITE static / iPhone-safe */
html{scroll-behavior:smooth}
.route-page{display:none}
#page-home{display:block}
.route-page:target{display:block}
body:has(.route-page:target) #page-home{display:none}
.site-header,.mobile-menu{position:relative;z-index:20;background:var(--paper,#f6eedf)}
.melancholia-home{border-top:1px solid rgba(0,0,0,.12)}
.melancholia-feature{align-items:center;gap:clamp(28px,5vw,72px)}
.melancholia-feature figure{margin:0;max-width:560px}
.melancholia-feature img{display:block;width:100%;height:auto;box-shadow:0 12px 35px rgba(0,0,0,.12)}
.melancholia-copy{max-width:560px}
.melancholia-copy .lead{font-size:clamp(1.35rem,2vw,2rem);line-height:1.25;margin:0 0 18px}
.melancholia-heading{text-align:center;max-width:900px;margin-inline:auto}
.melancholia-heading h1{letter-spacing:.08em}
.melancholia-heading .lead{font-size:clamp(1.2rem,2vw,1.7rem)}
.melancholia-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);padding:0 clamp(20px,5vw,72px) clamp(64px,8vw,120px);max-width:1500px;margin:0 auto}
.aphorism-card{margin:0}.aphorism-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
@media(max-width:900px){.melancholia-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.melancholia-feature{grid-template-columns:1fr}.melancholia-feature figure{max-width:none}}
@media(max-width:620px){.melancholia-grid{grid-template-columns:1fr;gap:32px}.melancholia-heading{padding-top:44px}.melancholia-home .section-title{align-items:end}}

/* ===== SITE FINALE — corrections validées ===== */
.site-header{
  font-size:.82rem;
}
.brand{
  font-size:1.08rem;
  letter-spacing:.15em;
  gap:17px;
}
.brand img{width:68px;height:68px}

/* Mobile menu: closed by default, larger typography. */
.mobile-menu:not([open]) > nav{display:none !important}
.mobile-menu summary{font-size:15px;min-height:56px}
.mobile-menu nav a{font-size:16px;line-height:1.25}

/* Homepage exergue directly under the site header/menu. */
#page-home > .quote-band{
  font-size:clamp(1.35rem,2.4vw,2.15rem);
}
.quote-band cite{
  display:block;
  margin-top:17px;
  font-family:var(--sans);
  font-style:normal;
  font-size:.68rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#e7e2d8;
}

/* Home hero hierarchy. */
#page-home .hero{}
#page-home .hero .eyebrow{
  font-size:.82rem;
  letter-spacing:.19em;
}
#page-home .hero h1{
  letter-spacing:-.05em;
}
#page-home .hero-subtitle{
  font-size:clamp(1.2rem,1.8vw,1.65rem);
  line-height:1.4;
}
#page-home .hero .button{display:none}

/* The three univers follow the hero directly, without a duplicate section heading. */
#page-home .art-grid span{
  font-size:.98rem;
  line-height:1.22;
}

/* MELANCHOLIA on home: same visual logic as mug/book cards. */
#page-home .melancholia-home .section-title h2{
}
#page-home .melancholia-feature{
  grid-template-columns:42% 1fr;
  align-items:center;
}
#page-home .melancholia-feature figure{max-width:none}
#page-home .melancholia-feature img{
  aspect-ratio:1/1;
  object-fit:contain;
  background:#fff;
  box-shadow:none;
}
#page-home .melancholia-copy .lead{
  font-family:var(--sans);
  margin:0 0 14px;
}

/* MELANCHOLIA page: compact editorial title, two smaller images, no captions. */
#page-melancholia main{
  width:min(1120px,calc(100% - 56px));
  margin:0 auto;
}
#page-melancholia .melancholia-heading{
  width:100%;
  max-width:960px;
  margin:0 auto;
  padding:66px 0 34px;
  text-align:left;
  border-top:0;
}
#page-melancholia .melancholia-heading h1{
  line-height:.92;
  letter-spacing:-.035em;
  margin:.05em 0 .25em;
  color:var(--action-blue,#5f7084);
}
#page-melancholia .melancholia-heading .lead{
  max-width:720px;
  margin:0;
  font-family:var(--sans);
  font-size:clamp(1rem,1.6vw,1.3rem);
  font-weight:700;
  letter-spacing:.1em;
  line-height:1.45;
  text-transform:uppercase;
  color:var(--action-blue,#5f7084);
}
#page-melancholia .melancholia-grid{
  width:min(900px,100%);
  margin:0 auto;
  padding:28px 0 90px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:42px;
}
#page-melancholia .aphorism-card{
  margin:0;
  width:100%;
}
#page-melancholia .aphorism-card img{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  background:#fff;
}
#page-melancholia .aphorism-card figcaption{display:none !important}

@media(max-width:800px){
  .site-header{
  }
  .brand{font-size:1.08rem;gap:12px;letter-spacing:.13em}
  .brand img{width:56px;height:56px}
  .cart-link{font-size:.72rem}
  .mobile-menu summary{font-size:15px}
  .mobile-menu nav a{font-size:16px}

  #page-home > .quote-band{
  }
  #page-home .hero{
    width:calc(100% - 32px);
    padding:38px 0 28px;
  }
  #page-home .hero .eyebrow{font-size:.8rem}
  #page-home .hero h1{
    margin:.22em 0 .24em;
  }
  #page-home .hero-subtitle{
    font-size:1.24rem;
    line-height:1.42;
  }
  #page-home .art-grid span{font-size:1.02rem}

  #page-home .melancholia-feature{
    grid-template-columns:42% 1fr;
    gap:16px;
  }
  #page-home .melancholia-home .section-title h2{
    margin-bottom:14px;
  }
  #page-home .melancholia-copy .lead{
    letter-spacing:.085em;
  }

  #page-melancholia main{
    width:calc(100% - 36px);
  }
  #page-melancholia .melancholia-heading{
    padding:46px 0 22px;
  }
  #page-melancholia .melancholia-heading h1{
    line-height:.92;
    margin:0 0 .24em;
  }
  #page-melancholia .melancholia-heading .lead{
    font-size:.94rem;
    line-height:1.45;
  }
  #page-melancholia .melancholia-grid{
    width:76%;
    max-width:390px;
    grid-template-columns:1fr;
    gap:30px;
    padding:24px 0 64px;
  }
}

/* SITE — menu + MELANCHOLIA + exergue */
.quote-band{background:#1d1b18;}
#page-home > .quote-band{overflow:hidden;overflow-wrap:anywhere;word-break:normal;line-height:1.35;}
.mobile-menu nav a{text-transform:none !important;letter-spacing:0 !important;}
@media(max-width:800px){
  #page-home > .quote-band{}
}

/* ===== SITE — couleur, CTA et pied de page ===== */
:root{--action-blue:#5f7084}

/* Même bleu pour l'exergue et la séquence Paris / Reinette / Fleurs. */
#page-home > .quote-band{
  color:var(--cream-on-blue);
}
#page-home > .quote-band span{background:rgba(248,234,206,.82)}
#page-home > .quote-band cite{color:rgba(248,234,206,.82)}
#page-home .hero + .home-section{
  background:var(--action-blue);
  color:var(--cream-on-blue);
}
#page-home .hero + .home-section .art-grid span{color:var(--cream-on-blue)}
#page-home .hero + .home-section .art-grid a{border-color:rgba(248,234,206,.34)}

/* Retour net au crème dès MELANCHOLIA. */
#page-home .melancholia-home{
  background:var(--paper);
  color:var(--action-blue,#5f7084);
  border-top:0;
}

/* Les trois appels d'action cessent d'être rouges : même bleu que la séquence. */
#page-home .melancholia-copy .button,
#page-home .home-shop .button{
}

/* Les deux cartes restent seules et plus éditoriales. */
#page-home .home-shop{}

/* Nom de marque légèrement calmé. */
.site-header .brand{}

/* Footer à deux niveaux : identité + réseaux visibles, juridique en retrait. */
.site-footer{
  display:block;
  padding:30px 0 42px;
  font-family:var(--sans);
}
.footer-primary{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:34px;
  flex-wrap:wrap;
}
.footer-brand{
  font-size:.78rem;
  letter-spacing:.16em;
  white-space:nowrap;
}
.site-footer .social{
  justify-content:flex-start;
  font-size:.76rem;
  letter-spacing:.04em;
}
.site-footer .social a{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.social-icon{
  width:17px;
  height:17px;
  display:block;
  fill:currentColor;
  flex:0 0 auto;
}
.site-footer .footer-links{
  display:flex;
  justify-content:flex-start;
  gap:20px;
  flex-wrap:wrap;
  font-size:.60rem;
  color:var(--muted);
}
@media(max-width:800px){
  #page-home .hero + .home-section{
  }
  #page-home .hero + .home-section .art-grid a:first-child{border-top:0}
  .site-header .brand{}
  .footer-primary{display:block}
  .site-footer .social{margin-top:16px;font-size:.78rem}
  .site-footer .footer-links{gap:8px 16px;line-height:1.5}
}


/* SITE mobile MELANCHOLIA title fix */
@media(max-width:800px){
  #page-melancholia .melancholia-heading h1{
    letter-spacing:-.05em;
    overflow-wrap:normal;
    word-break:normal;
    max-width:100%;
  }
}

/* ===== SITE — contrôle mobile global et corrections validées ===== */
#page-biographie .biography{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:64px 0 80px}
#page-biographie .biography>header{max-width:900px;margin-bottom:38px}
#page-biographie .biography h1{font-weight:400;}
#page-biographie .signature{font-family:var(--sans);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#page-biographie .biography-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);}
#page-biographie .biography-copy{max-width:650px}
#page-biographie .biography-copy p{font-size:1.18rem;line-height:1.58}
#page-biographie .biography-copy .opening{}
#page-biographie .biography-grid figure{margin:0}
#page-biographie .biography-grid img{display:block;width:100%;height:auto}
.site-footer .social a{border:1px solid var(--action-blue);color:var(--action-blue);}
#page-contact .contact h1{}
#page-home .hero h1{}
#page-melancholia .melancholia-heading h1{}
@media(max-width:800px){
.route-page>.page-heading,.route-page>.legal,.route-page>.cart-wrap,.route-page>.about,.route-page>.product-page,.route-page>.biography{margin-left:auto;margin-right:auto}
#page-biographie .biography{padding:46px 0 62px}
#page-biographie .biography>header{margin-bottom:28px}
#page-biographie .biography h1{font-size:clamp(3rem,13vw,4.5rem);line-height:.92}
#page-biographie .biography-grid{grid-template-columns:1fr;gap:28px}
#page-biographie .biography-copy{}
#page-biographie .biography-copy p{font-size:1.08rem;line-height:1.55}
#page-biographie .biography-copy .opening{font-size:1.24rem}
#page-contact .contact h1{}
#page-home .hero h1{}
#page-melancholia .melancholia-heading h1{white-space:nowrap}
.site-footer .social{}
.site-footer .social a{}
}

/* Page Mugs : conteneur et grille restaurés pour éviter tout collage au bord gauche. */
#page-mug .mugs-page{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:64px 0 86px}
#page-mug .mugs-heading{max-width:840px;margin-bottom:38px}
#page-mug .mugs-heading h1{font-weight:400;}
#page-mug .mugs-intro{font-size:1.25rem;max-width:700px}
#page-mug .mugs-note{font-family:var(--sans);font-size:.78rem;color:var(--muted);max-width:700px}
#page-mug .mugs-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}
#page-mug .mugs-card{margin:0;padding:0;border-top:1px solid var(--line);padding-top:12px}
#page-mug .mugs-card figure{margin:0}
#page-mug .mugs-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff}
#page-mug .mugs-meta{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-top:12px}
#page-mug .mugs-meta h2{font-weight:400;font-size:1.12rem;margin:0}
#page-mug .mugs-price{font-family:var(--sans);font-size:.76rem;color:var(--muted);margin:0;white-space:nowrap}
#page-mug .mugs-inquiry{color:var(--action-blue);}
@media(max-width:800px){
#page-mug .mugs-page{width:calc(100% - 32px);padding:46px 0 64px}
#page-mug .mugs-heading{margin-bottom:30px}
#page-mug .mugs-heading h1{}
#page-mug .mugs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}
#page-mug .mugs-meta{display:block}
#page-mug .mugs-meta h2{font-size:.98rem}
}


@media (min-width:801px){
  .site-header nav{gap:16px!important;}
  .site-header nav a{font-size:.64rem!important;letter-spacing:.08em!important;white-space:nowrap;}
}


/* ===== SITE — mobile alignment + blue action system ===== */
:root{--action-blue:#5f7084}

/* Le bleu devient le repère d'action, le rouge reste réservé à l'identité. */
.button{
  background:var(--action-blue) !important;
  color:var(--cream-on-blue) !important;
}
.catalog-meta span,
.section-title > a,
.mugs-inquiry,
.page-end a,
.collection-intro a{
  color:var(--action-blue) !important;
}
.catalog-card:hover .catalog-meta span,
.section-title > a:hover,
.mugs-inquiry:hover,
.page-end a:hover,
.collection-intro a:hover{
  text-decoration:underline;
  text-underline-offset:.18em;
}
.button:hover{filter:brightness(.92)}

/* Mobile : mêmes marges latérales sur toutes les pages et zéro débordement. */
@media(max-width:800px){
  html,body{}
  .route-page{}

  .page-heading,
  .home-section,
  .gallery-full,
  .artwork-single,
  .page-end,
  .about,
  .product-page,
  .product-grid,
  .shop-page,
  .collection-block,
  .series-menu,
  .cart-wrap,
  #page-mug > .mugs-page{
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  #page-mug .mugs-heading{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  #page-mug .mugs-grid{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    list-style:none !important;
  }
  #page-mug .mugs-card,
  #page-mug .mugs-card article,
  #page-mug .mugs-card figure,
  #page-mug .mugs-card img{
    max-width:100% !important;
  }
  #page-mug .mugs-card figure{margin-left:0 !important;margin-right:0 !important}

  .route-page h1,
  .route-page h2,
  .route-page h3,
  .route-page p,
  .route-page .eyebrow,
  .route-page .lead{
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .route-page img{max-width:100%;height:auto}
}


/* Corrections validées le 4 octobre 2026. */
#page-home .hero h1{}
.footer-copyright{display:block;width:max-content;margin-top:14px;font-size:.78rem;letter-spacing:.16em}
@media(max-width:800px){
  #page-home .hero{}
  #page-home .hero h1{}
  #page-home .hero-art{margin:0}
  .footer-copyright{margin-top:16px;font-size:.78rem}
}

/* SITE — exergue: deux lignes volontairement séparées */
#page-home > .quote-band .quote-text-line{}
#page-home > .quote-band .quote-text-line-first{}
#page-home > .quote-band .quote-rule{}
@media(max-width:800px){
  #page-home > .quote-band{padding-left:18px;padding-right:18px;}
}


/* Passe finale : marges mobiles cohérentes et liens sociaux encadrés. */
.site-footer .social a{
  border:1px solid var(--action-blue);
  color:var(--action-blue);
}
@media(max-width:800px){
  html,body{}
  .route-page{}
  .route-page>.page-heading,
  .route-page>.legal,
  .route-page>.cart-wrap,
  .route-page>.about,
  .route-page>.product-page,
  .route-page>.biography,
  .route-page>.catalog-grid,
  .route-page>.series-menu,
  .route-page>.collection-block,
  .route-page>.gallery-full,
  .route-page>.artwork-single,
  .route-page>.page-end,
  #page-mug>.mugs-page{
    margin-left:auto !important;
    margin-right:auto !important;
  }
  #page-biographie .biography{width:calc(100% - 32px) !important}
  #page-contact .contact{width:calc(100% - 32px) !important}
  #page-contact .contact h1{}
  #page-melancholia .melancholia-heading{width:calc(100% - 32px);margin-left:auto;margin-right:auto}
  #page-melancholia .melancholia-grid{margin-left:auto;margin-right:auto}
  .site-footer .social{}
  .site-footer .social a{}
}


/* Encadrement bleu-gris renforcé des réseaux sociaux dans le pied de page global. */
.site-footer .social a{
  padding:7px 11px !important;
  min-height:35px;
  box-sizing:border-box;
  border-radius:3px;
}
.site-footer .social a:hover{background:rgba(95,112,132,.16)}
@media(max-width:800px){
  .site-footer .social a{padding:7px 10px !important}
}


/* Exergue et bande Paris/Reinette/Fleurs : blocs bleu-gris centrés, crème visible sur les côtés. */
#page-home > .quote-band{
  width:min(1280px,calc(100% - 48px));
  margin:24px auto 0;
  padding:26px 24px 24px;
  background:var(--action-blue);
}
#page-home > .quote-band .quote-text-line{display:block;width:auto;height:auto;background:none;margin:0;}
#page-home > .quote-band .quote-text-line-first{}
#page-home > .quote-band .quote-rule{display:block;width:46px;height:3px;background:rgba(248,234,206,.82);margin:16px auto 0;}
#page-home .hero + .home-section{
  width:min(1280px,calc(100% - 48px));
  max-width:1280px;
  margin:0 auto;
  padding:38px 24px 40px;
  background:var(--action-blue);
  color:var(--cream-on-blue);
}
/* Les trois CTA d'accueil ont exactement le même gabarit. */
#page-home .melancholia-copy .button,
#page-home .home-shop .button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  margin-top:12px;
  padding:11px 14px;
  font-size:.64rem;
  line-height:1.1;
  background:var(--action-blue);
  color:var(--cream-on-blue);
}
@media(max-width:800px){
  #page-home > .quote-band{
    width:calc(100% - 28px);
    margin:14px auto 0;
    padding:22px 14px 20px;
    font-size:clamp(1rem,4vw,1.35rem);
  }
  #page-home > .quote-band .quote-text-line-first{}
  #page-home .hero + .home-section{
    width:calc(100% - 28px);
    margin-left:auto;
    margin-right:auto;
    padding:30px 14px 34px;
  }
  #page-home .melancholia-copy .button,
  #page-home .home-shop .button{min-height:36px;padding:10px 13px;margin-top:10px;font-size:.62rem;}
}


/* ===== SITE FINALE — corrections validées ===== */
:root{--action-blue:#5f7084}

/* La page d'accueil doit rester visible quand #page-home est la cible. */
#page-home:target{display:block !important}
body:has(#page-home:target) #page-home{display:block !important}

/* En-tête : identité un peu plus présente et nouveau visuel. */
.site-header .brand{font-size:1.18rem !important;letter-spacing:.145em;gap:14px}
.site-header .brand .brand-photo{
  width:76px !important;height:76px !important;object-fit:cover !important;
  object-position:center 25% !important;background:var(--action-blue,#5f7084);border-radius:2px;
}

/* Menu mobile : déclencheur et panneau du même côté, à droite. */
@media(max-width:800px){
  .site-header{}
  .site-header .brand{font-size:1.12rem !important;gap:11px}
  .site-header .brand .brand-photo{width:60px !important;height:60px !important}
  .mobile-menu{
    width:min(260px,calc(100% - 28px)) !important;
    margin:0 14px 0 auto !important;
    border-bottom:1px solid var(--line);
  }
  .mobile-menu summary{justify-content:flex-end !important;gap:10px;text-align:right}
  .mobile-menu nav{text-align:right !important;padding-bottom:14px}
  .mobile-menu nav a{display:block;text-align:right !important;padding:11px 2px !important}
}

/* Exergue et série colorée : même largeur, crème visible sur les côtés. */
#page-home > .quote-band,
#page-home .hero + .home-section{
  width:min(1280px,calc(100% - 48px)) !important;
  margin-left:auto !important;margin-right:auto !important;
}
#page-home > .quote-band{margin-top:24px !important}
@media(max-width:800px){
  #page-home > .quote-band,
  #page-home .hero + .home-section{width:calc(100% - 28px) !important}
}

/* Titres un peu moins imposants. */
#page-home .hero h1{}
#page-melancholia .melancholia-heading h1{font-size:clamp(2.45rem,4.6vw,5.15rem) !important}
@media(max-width:800px){
  #page-home .hero h1{}
  #page-melancholia .melancholia-heading h1{font-size:clamp(2.35rem,10.2vw,3.45rem) !important}
  #page-home .hero{gap:12px !important;}
}

/* Le titre du teaser mugs reste présent mais plus discret. */
#page-home .home-shop .shop-teasers > a[href="#page-mug"] h3{font-size:1.02rem !important;line-height:1.2}
@media(max-width:800px){#page-home .home-shop .shop-teasers > a[href="#page-mug"] h3{font-size:.95rem !important}}

/* Un seul bleu-gris pour les actions et réseaux. */
.button,
#page-mug .mugs-inquiry{
  background:var(--action-blue) !important;color:var(--cream-on-blue) !important;border:1px solid var(--action-blue) !important;
}
#page-mug .mugs-inquiry{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 13px;margin-top:10px;font-family:var(--sans);font-size:.68rem;
  text-transform:uppercase;letter-spacing:.09em;line-height:1.15;text-decoration:none !important;
}
#page-mug .mugs-inquiry:hover,.button:hover{filter:brightness(.92);text-decoration:none !important}
.site-footer .social a{
  border:1.5px solid var(--action-blue) !important;color:var(--action-blue) !important;
}

/* Marges mobiles homogènes, y compris biographie/contact. */
@media(max-width:800px){
  html,body{max-width:100%;overflow-x:hidden}
  .route-page{max-width:100%;overflow-x:hidden}
  #page-biographie .biography,
  #page-contact .contact,
  .route-page>.page-heading,
  .route-page>.legal,
  .route-page>.product-page,
  .route-page>.catalog-grid,
  .route-page>.series-menu,
  .route-page>.collection-block,
  .route-page>.gallery-full,
  .route-page>.artwork-single,
  .route-page>.page-end,
  #page-mug>.mugs-page{
    width:calc(100% - 32px) !important;max-width:none !important;
    margin-left:auto !important;margin-right:auto !important;
  }
  #page-biographie .biography-copy{max-width:none !important;padding-left:0 !important;padding-right:0 !important}
  #page-contact .contact h1{font-size:clamp(2.55rem,10.7vw,3.9rem) !important}
}

/* Contact : conserver Contact, mais rendre "Écrire à Stephan" plus discret. */
#page-contact .contact h1{font-size:clamp(3.5rem,7.2vw,6.4rem)}

/* Navigation de fin de page. */
.page-utility-nav{
  width:min(1180px,calc(100% - 48px));margin:32px auto 58px;padding-top:18px;
  border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:var(--sans);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;
}
.page-utility-nav a,.page-utility-nav button{
  color:var(--action-blue);background:none;border:0;padding:8px 0;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;
}
.page-utility-nav a:hover,.page-utility-nav button:hover{text-decoration:underline;text-underline-offset:.2em}
@media(max-width:800px){
  .page-utility-nav{width:calc(100% - 32px);margin:26px auto 44px;align-items:flex-start;flex-direction:column;gap:6px}
}

html.js-routing .route-page{display:none !important}
html.js-routing .route-page.is-active{display:block !important}
.artwork-purchase{margin-top:1.35rem}.purchase-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:0 0 1rem}.purchase-field{display:grid;gap:.35rem}.purchase-field span{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.purchase-field select{width:100%;min-height:46px;border:1px solid rgba(20,20,20,.24);background:#fff;color:var(--action-blue,#5f7084);padding:.7rem .8rem;border-radius:0;font:inherit}.purchase-field select:focus{outline:2px solid #5f7084;outline-offset:2px}.artwork-buy-button{display:inline-flex;align-items:center;justify-content:center}.purchase-note{max-width:42rem;margin-top:.7rem}.artwork-price{font-variant-numeric:tabular-nums}@media (max-width:640px){.purchase-options{grid-template-columns:1fr}.artwork-buy-button{width:100%}}
.payment-success-banner{margin:18px auto 0;max-width:1180px;padding:14px 18px;border:1px solid rgba(0,0,0,.16);background:#fff;font-family:var(--sans,sans-serif);font-size:15px;line-height:1.45}.payment-success-banner strong{font-weight:700}.payment-success-banner[hidden]{display:none}
.book-buy-action{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.book-share-link{appearance:none;border:0;background:transparent;padding:0;color:inherit;font:inherit;font-size:.92rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;opacity:.78}.book-share-link:hover,.book-share-link:focus-visible{opacity:1}
#page-home h3{font-weight:700!important}
#page-home .hero.editorial-grid{grid-template-columns:1fr!important}#page-home .hero-copy{max-width:900px}



/* NOTSTEPHAN homepage-spacing-titles 2026-10-08 */

/* Menu: aucune barre verticale entre Les mugs et Le livre. */
.site-header nav a[href="#page-mug"],
.site-header nav a[href="#page-livre"],
.mobile-menu nav a[href="#page-mug"],
.mobile-menu nav a[href="#page-livre"]{
  border-left:0!important;
  border-right:0!important;
}
.site-header nav a[href="#page-mug"]::before,
.site-header nav a[href="#page-mug"]::after,
.site-header nav a[href="#page-livre"]::before,
.site-header nav a[href="#page-livre"]::after,
.mobile-menu nav a[href="#page-mug"]::before,
.mobile-menu nav a[href="#page-mug"]::after,
.mobile-menu nav a[href="#page-livre"]::before,
.mobile-menu nav a[href="#page-livre"]::after{
  content:none!important;
  display:none!important;
}

/* Accueil : géométrie régulière des catégories. */
#page-home .hero + .home-section{
}
#page-home .hero + .home-section .art-grid{
  gap:24px;
}
#page-home .home-shop{
  padding-top:34px;
  padding-bottom:34px;
  border-top:1px solid var(--line);
}
#page-home .shop-teasers{
  grid-template-columns:1fr 1fr!important;
  gap:24px!important;
}
#page-home .shop-teasers > a{
  grid-template-columns:48% 1fr!important;
  gap:18px!important;
  align-items:center;
}
#page-home .shop-teasers img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}
#page-home .shop-teasers > a + a{
  border-left:1px solid var(--line);
  padding-left:24px;
}
#page-home .shop-teasers h3{
  font-weight:600;
  line-height:1.05;
}
#page-home .shop-teasers > a[href="#page-mug"] h3{
  font-size:1.34rem;
}
#page-home .shop-teasers > a[href="#page-livre"] h3{
  font-size:1.48rem;
}

/* Melancholia directement après le bloc livre, avec un trait clair et moins d'air. */
#page-home .melancholia-home{
  margin-top:0;
  padding-top:26px;
  padding-bottom:30px;
  border-top:1px solid var(--line);
}
#page-home .melancholia-home .section-title h2{
  font-size:1.28rem;
  margin-bottom:14px;
}
#page-home .melancholia-feature{
  gap:clamp(20px,3vw,42px);
}
#page-home .melancholia-copy .lead{
}

@media(max-width:800px){
  #page-home .hero + .home-section{
  }
  #page-home .shop-teasers{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  #page-home .shop-teasers > a{
    grid-template-columns:42% 1fr!important;
    gap:16px!important;
    padding:24px 0!important;
    border-left:0!important;
    border-top:1px solid var(--line);
  }
  #page-home .shop-teasers > a:first-child{
    border-top:0;
  }
  #page-home .shop-teasers > a[href="#page-mug"] h3{
    font-size:1.22rem;
  }
  #page-home .shop-teasers > a[href="#page-livre"] h3{
    font-size:1.34rem;
  }
  #page-home .melancholia-home{
    padding-top:24px;
    padding-bottom:28px;
  }
  #page-home .melancholia-home .section-title h2{
    font-size:1.12rem;
  }
}
/* END NOTSTEPHAN homepage-spacing-titles 2026-10-08 */

nav[aria-label="Navigation principale"] a[href="#page-livre"]{border-left:0!important;padding-left:0!important;margin-left:0!important;}nav[aria-label="Navigation mobile"] a[href="#page-livre"]{border-top:0!important;padding-top:12px!important;margin-top:0!important;}
#page-home .quote-band{background:var(--paper)!important;color:var(--action-blue,#5f7084)!important;}#page-home .quote-band cite{color:var(--muted)!important;}#page-home .quote-band .quote-rule{background:var(--action-blue)!important;}#page-home .hero + .home-section{background:var(--paper)!important;color:var(--action-blue,#5f7084)!important;}#page-home .hero + .home-section .art-grid span{color:var(--action-blue,#5f7084)!important;}#page-home .hero + .home-section .art-grid a{border-color:var(--line)!important;}.site-header,.mobile-menu{background:var(--action-blue)!important;color:var(--cream-on-blue)!important;}.site-header{border-bottom-color:rgba(248,234,206,.35)!important;}.mobile-menu{border-bottom-color:rgba(248,234,206,.35)!important;}.site-header a,.mobile-menu a,.mobile-menu summary{color:var(--cream-on-blue)!important;}.site-header nav a:hover,.site-header nav a.active,.mobile-menu nav a:hover{color:var(--cream-on-blue)!important;}#page-home .art-grid .art-cta{display:inline-block!important;width:max-content!important;padding:12px 16px!important;background:var(--action-blue)!important;color:var(--cream-on-blue)!important;font-family:var(--sans)!important;font-size:.68rem!important;font-weight:400!important;letter-spacing:.11em!important;line-height:1.1!important;text-transform:uppercase!important;}@media(max-width:800px){#page-home .art-grid a{align-items:center!important;}#page-home .art-grid .art-cta{padding:10px 12px!important;font-size:.62rem!important;}}
#page-home .hero + .home-section .art-grid span.button.art-cta{}#page-home .melancholia-copy .lead{}@media(max-width:800px){#page-home .melancholia-copy .lead{}}
.site-header,.mobile-menu{background:var(--paper)!important;color:var(--action-blue,#5f7084)!important;}.site-header{border-bottom-color:var(--line)!important;}.mobile-menu{border-bottom-color:var(--line)!important;}.site-header a,.mobile-menu a,.mobile-menu summary{color:var(--action-blue,#5f7084)!important;}.site-header nav a:hover,.site-header nav a.active,.mobile-menu nav a:hover{color:var(--action-blue,#5f7084)!important;}#page-home .hero + .home-section .art-grid span.button.art-cta{background:var(--action-blue)!important;color:var(--cream-on-blue)!important;}#page-home .melancholia-copy .lead{}@media(max-width:800px){#page-home .melancholia-copy .lead{}}
#page-home .shop-teasers p,#page-home .melancholia-copy .lead{font-family:var(--serif)!important;font-size:clamp(1rem,1.45vw,1.35rem)!important;font-weight:400!important;letter-spacing:0!important;line-height:1.35!important;text-transform:none!important;}#page-home .melancholia-copy h2{font-size:clamp(2rem,3.2vw,3rem)!important;line-height:1!important;letter-spacing:-.045em!important;margin:0 0 14px!important;}@media(max-width:800px){#page-home .shop-teasers p,#page-home .melancholia-copy .lead{font-size:1.05rem!important;line-height:1.35!important;}#page-home .melancholia-copy h2{font-size:clamp(1.45rem,6.2vw,1.75rem)!important;white-space:nowrap!important;letter-spacing:-.05em!important;}}
#page-home .art-grid>a{display:flex!important;flex-direction:column!important;align-items:stretch!important;}#page-home .art-card-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;flex:1!important;}#page-home .art-card-title{display:block!important;margin-top:10px!important;}#page-home .art-grid .art-cta{align-self:flex-start!important;}#page-home .home-shop,#page-home .melancholia-home{}#page-home .hero + .home-section{margin-top:0!important;margin-bottom:0!important;}#page-home .melancholia-copy .lead{text-transform:none!important;font-family:var(--serif)!important;font-size:clamp(1rem,1.45vw,1.35rem)!important;font-weight:400!important;letter-spacing:0!important;line-height:1.35!important;}@media(max-width:800px){#page-home .art-grid{display:block!important;}#page-home .art-grid>a{display:grid!important;grid-template-columns:42% 1fr!important;gap:16px!important;align-items:center!important;padding:22px 0!important;border-top:1px solid var(--line)!important;}#page-home .art-grid>a:first-child{border-top:0!important;}#page-home .art-card-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;}#page-home .art-card-title{margin:0!important;}#page-home .art-grid .art-cta{margin-top:12px!important;}#page-home .hero + .home-section,#page-home .home-shop,#page-home .melancholia-home{padding-top:22px!important;padding-bottom:22px!important;}#page-home .shop-teasers>a{}#page-home .shop-teasers>a:first-child{padding-top:0!important;}#page-home .shop-teasers>a+a{}#page-home .melancholia-copy .lead{font-size:1.05rem!important;line-height:1.35!important;}}
#page-home .quote-band{background:var(--action-blue)!important;color:var(--cream-on-blue)!important;border-bottom:0!important;}#page-home .quote-band cite{color:var(--cream-on-blue)!important;}#page-home .quote-band .quote-rule{background:#fff!important;}#page-home .hero h1,#page-home .home-shop .shop-teasers > a[href="#page-mug"] h3,#page-home .home-shop .shop-teasers > a[href="#page-livre"] h3,#page-home .melancholia-copy h2{color:var(--action-blue)!important;}#page-home .hero + .home-section{}#page-home .art-grid>a{}#page-home .home-shop{border-top:1px solid var(--line)!important;}#page-home .melancholia-copy .button{white-space:nowrap!important;display:inline-block!important;width:max-content!important;max-width:100%!important;}@media(max-width:800px){#page-home .art-grid>a,#page-home .art-grid>a:first-child{border-top:0!important;}#page-home .melancholia-copy .button{white-space:nowrap!important;font-size:.62rem!important;}}
#page-home .hero{}#page-home .hero + .home-section{}#page-home .hero-subtitle{margin-bottom:0!important;}.site-footer .social{}.site-footer .social>a{flex:0 0 auto!important;}@media(max-width:800px){#page-home .hero{}#page-home .hero + .home-section{}.site-footer .social{}.site-footer .social::-webkit-scrollbar{}.site-footer .social>a{}.site-footer .social-icon{}}
#page-home > .quote-band .quote-text-line-first{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;}#page-home > .quote-band .quote-text-line{max-width:100%!important;}@media(max-width:800px){#page-home .quote-band{padding-left:22px!important;padding-right:22px!important;}#page-home > .quote-band .quote-text-line-first{white-space:normal!important;}}
#page-home .hero h1{}@media(max-width:800px){#page-home .hero h1{}}
#page-home .home-shop .shop-teasers > a[href="#page-mug"] h3,#page-home .home-shop .shop-teasers > a[href="#page-livre"] h3,#page-home .melancholia-copy h2{font-family:var(--serif)!important;font-size:clamp(2.05rem,3.25vw,3rem)!important;font-weight:400!important;line-height:1!important;letter-spacing:-.035em!important;margin:0 0 12px!important;color:var(--action-blue)!important;}#page-home .home-shop .shop-teasers p,#page-home .melancholia-copy .lead{font-family:var(--serif)!important;font-size:clamp(1rem,1.45vw,1.32rem)!important;font-weight:400!important;line-height:1.38!important;letter-spacing:0!important;text-transform:none!important;margin:.35em 0 1em!important;color:var(--action-blue,#5f7084)!important;}#page-home .hero{padding-top:34px!important;padding-bottom:10px!important;}#page-home .hero + .home-section{border-top:0!important;padding-top:8px!important;padding-bottom:30px!important;}#page-home .home-shop,#page-home .melancholia-home{border-top:1px solid var(--line)!important;}#page-home .art-grid>a{border-top:0!important;border-bottom:0!important;}#page-home .art-grid .button,#page-home .shop-teasers .button,#page-home .melancholia-copy .button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;box-sizing:border-box!important;padding:11px 16px!important;font-family:var(--sans)!important;font-size:.66rem!important;font-weight:400!important;line-height:1!important;letter-spacing:.13em!important;text-transform:uppercase!important;white-space:nowrap!important;background:var(--action-blue)!important;color:var(--cream-on-blue)!important;}#page-home .art-grid .art-cta{margin-top:12px!important;}#page-home .melancholia-copy h2{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;}.site-footer .social{}.site-footer .social>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:38px!important;padding:7px 11px!important;box-sizing:border-box!important;font-size:.72rem!important;line-height:1!important;white-space:nowrap!important;}.site-footer .footer-links{}@media(max-width:800px){#page-home .home-shop .shop-teasers > a[href="#page-mug"] h3,#page-home .home-shop .shop-teasers > a[href="#page-livre"] h3,#page-home .melancholia-copy h2{font-size:1.72rem!important;line-height:1!important;margin-bottom:10px!important;}#page-home .home-shop .shop-teasers p,#page-home .melancholia-copy .lead{font-size:1.05rem!important;line-height:1.38!important;margin:.3em 0 .9em!important;}#page-home .hero{padding-top:28px!important;padding-bottom:8px!important;}#page-home .hero + .home-section{padding-top:6px!important;padding-bottom:24px!important;}#page-home .home-shop,#page-home .melancholia-home{}#page-home .shop-teasers>a{padding-top:0!important;padding-bottom:24px!important;}#page-home .shop-teasers>a+a{border-top:1px solid var(--line)!important;padding-top:24px!important;}#page-home .art-grid .button,#page-home .shop-teasers .button,#page-home .melancholia-copy .button{min-height:40px!important;padding:10px 13px!important;font-size:.61rem!important;letter-spacing:.11em!important;}.site-footer .social{}.site-footer .social::-webkit-scrollbar{}.site-footer .social>a{min-height:36px!important;padding:6px 8px!important;font-size:.64rem!important;gap:4px!important;}.site-footer .social-icon{width:14px!important;height:14px!important;flex:0 0 14px!important;}}
.site-header .brand{}.site-header{}.site-header nav{justify-self:center!important;}body{background:var(--paper)!important;}body::before{content:""!important;position:fixed!important;inset:0!important;border:12px solid var(--action-blue)!important;box-sizing:border-box!important;pointer-events:none!important;z-index:9999!important;}#page-home .quote-band{margin-top:0!important;}@media(max-width:800px){.site-header{}.mobile-menu{margin-top:8px!important;}body::before{border-width:7px!important;}}
.site-header .brand{width:max-content!important;min-width:max-content!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;}.site-header .brand span{width:max-content!important;min-width:max-content!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;}.site-header{}#page-home .home-shop,#page-home .melancholia-home{border-top:4px solid var(--action-blue)!important;}@media(max-width:800px){.mobile-site-brand{width:max-content!important;min-width:max-content!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;}#page-home .home-shop,#page-home .melancholia-home{border-top-width:3px!important;border-top-color:var(--action-blue)!important;}#page-home .shop-teasers>a+a{border-top:3px solid var(--action-blue)!important;}}
#page-home .quote-band{font-size:clamp(1.65rem,2.9vw,2.7rem)!important;line-height:1.25!important;}#page-home .quote-band cite{font-size:.72rem!important;letter-spacing:.16em!important;}@media(max-width:800px){#page-home .quote-band{font-size:clamp(1.55rem,6.3vw,2rem)!important;line-height:1.24!important;padding-top:34px!important;padding-bottom:34px!important;}}

#page-biographie .biography>header .eyebrow{
  font-size:1rem!important;
  letter-spacing:.2em!important;
  font-weight:700!important;
  margin-bottom:1.1rem!important;
}
#page-biographie .biography h1{
  font-size:clamp(2.7rem,5.4vw,5.15rem)!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  margin:.08em 0 .14em!important;
}
#page-biographie .biography .signature{
  font-size:1.18rem!important;
  letter-spacing:.28em!important;
  font-weight:700!important;
  color:var(--action-blue,#5f7084)!important;
}
#page-biographie .biography-copy{
  font-size:1.08rem!important;
  line-height:1.62!important;
}
#page-biographie .biography-copy .opening{
  font-size:1.28rem!important;
  line-height:1.35!important;
}
@media(max-width:767px){
  #page-biographie .biography>header .eyebrow{font-size:.86rem!important;}
  #page-biographie .biography h1{font-size:clamp(2.25rem,10vw,3.5rem)!important;}
  #page-biographie .biography .signature{font-size:1rem!important;}
  #page-biographie .biography-copy{font-size:1.02rem!important;}
}


/* Encadrement bleu gris uniquement sur les côtés */
html{
  border-left:5px solid var(--action-blue,#5f7084)!important;
  border-right:5px solid var(--action-blue,#5f7084)!important;
  border-top:0!important;
  border-bottom:0!important;
}
body{
  border-top:0!important;
  border-bottom:0!important;
}
@media(max-width:767px){
  html{border-left-width:3px!important;border-right-width:3px!important;}
}


/* Suppression des lignes de cadre superflues */
.site-top-rule{
}
html,body{
  border-top:0!important;
  border-bottom:0!important;
}
.site-footer{
  border-top:0!important;
  border-bottom:0!important;
}
.site-footer::before,
.site-footer::after{
  display:none!important;
}


/* NOTSTEPHAN — amélioration mesurée de la lisibilité des légendes, 11/10/2026.
   Couleurs, fonds, images, proportions, police et titres principaux inchangés. */
.catalog-meta{
  row-gap:5px;
}
.catalog-meta h3{
  font-size:1.2rem;
  line-height:1.3;
}
.catalog-meta p{
  font-size:.84rem;
  line-height:1.4;
}
.catalog-meta span{
  font-size:.74rem;
  line-height:1.45;
  letter-spacing:.1em;
  margin-top:7px;
}
@media(max-width:800px){
  .catalog-meta{padding-top:12px;row-gap:6px}
  .catalog-meta h3{font-size:1.04rem;line-height:1.3}
  .catalog-meta p{font-size:.79rem;line-height:1.4}
  .catalog-meta span{font-size:.73rem;margin-top:6px}
}


/* Menu unique, commande explicite sur tous les appareils. */
.site-header > #ns-site-dropdown {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  z-index: 250 !important;
  overflow: visible !important;
  font-family: var(--sans) !important;
}
.site-header > #ns-site-dropdown > #ns-site-trigger {
  box-sizing: border-box !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  flex-direction: row !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 4px 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--action-blue,#5f7084) !important;
  font-family: var(--sans) !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  text-align: right !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent;
}
.site-header > #ns-site-dropdown > #ns-site-trigger > .ns-menu-text {
  display: inline-block !important;
  padding: 0 !important;
  margin: 0 !important;
}
.site-header > #ns-site-dropdown > #ns-site-trigger > .ns-menu-lines {
  display: inline-block !important;
  position: relative !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  line-height: 20px !important;
}
.site-header #ns-site-dropdown .ns-menu-line {
  position: absolute !important;
  display: block !important;
  left: 1px !important;
  width: 18px !important;
  height: 2px !important;
  min-height: 2px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 1px !important;
  background: var(--action-blue,#5f7084) !important;
  transform-origin: center center !important;
  transition: transform .18s ease, opacity .18s ease !important;
}
.site-header #ns-site-dropdown .ns-menu-line:nth-child(1) {
  top: 4px !important;
}
.site-header #ns-site-dropdown .ns-menu-line:nth-child(2) {
  top: 9px !important;
}
.site-header #ns-site-dropdown .ns-menu-line:nth-child(3) {
  top: 14px !important;
}
.site-header #ns-site-dropdown.ns-open .ns-menu-line:nth-child(1) {
  transform: translateY(5px) rotate(45deg) !important;
}
.site-header #ns-site-dropdown.ns-open .ns-menu-line:nth-child(2) {
  opacity: 0 !important;
}
.site-header #ns-site-dropdown.ns-open .ns-menu-line:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg) !important;
}
.site-header #ns-site-dropdown #ns-site-trigger:focus-visible,
.site-header #ns-site-dropdown #ns-site-nav a:focus-visible {
  outline: 2px solid var(--action-blue,#5f7084) !important;
  outline-offset: 3px !important;
}
.site-header #ns-site-dropdown > #ns-site-nav[hidden] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.site-header > #ns-site-dropdown.ns-open > #ns-site-nav:not([hidden]) {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0 !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  width: min(340px,calc(100vw - 28px)) !important;
  max-width: calc(100vw - 28px) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: min(75vh,620px) !important;
  margin: 0 !important;
  padding: 8px 13px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  z-index: 300 !important;
  border: 1px solid var(--action-blue,#5f7084) !important;
  border-radius: 2px !important;
  background: var(--paper,#f6eedf) !important;
  box-shadow: 0 12px 28px rgba(30,35,40,.14) !important;
  visibility: visible !important;
  pointer-events: auto !important;
  text-align: left !important;
}
.site-header #ns-site-dropdown > #ns-site-nav > a {
  box-sizing: border-box !important;
  display: block !important;
  position: relative !important;
  width: 100% !important;
  min-height: 44px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 13px 7px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(95,112,132,.20) !important;
  background: transparent !important;
  color: var(--action-blue,#5f7084) !important;
  font-family: var(--sans) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-align: left !important;
  white-space: normal !important;
}
.site-header #ns-site-dropdown > #ns-site-nav > a:last-child {
  border-bottom: 0 !important;
}
.site-header #ns-site-dropdown > #ns-site-nav > a:hover {
  background: rgba(95,112,132,.09) !important;
}
@media (max-width:800px) {
  .site-header > #ns-site-dropdown {
  }
}
@media (prefers-reduced-motion:reduce) {
  .site-header #ns-site-dropdown .ns-menu-line {
    transition: none !important;
  }
}
:root{--action-blue:#5f7084;}.site-top-rule{background:var(--action-blue)!important;}.site-footer{border-top:5px solid var(--action-blue)!important;background:var(--paper,#f6eedf)!important;}.site-footer .footer-links{border-top:0!important;padding-top:0!important;margin-top:18px!important;}.site-footer .social{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:10px!important;white-space:nowrap!important;}.site-footer .footer-copyright{display:block!important;width:100%!important;margin:18px 0 0!important;padding:0!important;background:transparent!important;color:inherit!important;text-decoration:none!important;}.site-footer .footer-copyright::after{background:var(--action-blue)!important;}@media(min-width:801px){.site-header>.mobile-site-brand{display:none!important;}}@media(max-width:800px){.site-header{width:calc(100% - 28px)!important;margin:0 auto!important;background:var(--paper,#f6eedf)!important;overflow:visible!important;}.site-header>nav[aria-label="Navigation principale"]{display:none!important;}.site-header>.brand{grid-column:1!important;display:block!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;margin:0!important;padding:0!important;justify-self:start!important;align-self:center!important;}.site-header>.brand .brand-photo{display:block!important;visibility:visible!important;opacity:1!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;object-fit:cover!important;object-position:center 25%!important;margin:0!important;border-radius:2px!important;}.site-header>.brand>span{display:none!important;visibility:hidden!important;}.site-header>.mobile-site-brand{grid-column:2!important;display:block!important;width:max-content!important;max-width:100%!important;margin:0!important;padding:0!important;justify-self:start!important;align-self:center!important;white-space:nowrap!important;font-family:var(--sans)!important;font-size:.72rem!important;font-weight:700!important;line-height:1!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--action-blue)!important;text-decoration:none!important;}.site-header>.mobile-menu{grid-column:3!important;display:block!important;position:relative!important;width:auto!important;margin:0!important;padding:0!important;justify-self:end!important;align-self:center!important;border:0!important;background:transparent!important;overflow:visible!important;z-index:40!important;}.site-header>.mobile-menu>summary{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-height:36px!important;margin:0!important;padding:0!important;gap:5px!important;white-space:nowrap!important;list-style:none!important;font-family:var(--sans)!important;font-size:.72rem!important;font-weight:700!important;line-height:1!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--action-blue)!important;}.site-header>.mobile-menu>summary .mobile-menu-label{display:inline!important;margin:0!important;padding:0!important;font-size:inherit!important;color:var(--action-blue)!important;}.site-header>.mobile-menu>summary span[aria-hidden="true"]{display:inline!important;margin:0!important;padding:0!important;font-size:18px!important;line-height:1!important;color:var(--action-blue)!important;}.site-header>.mobile-menu:not([open])>nav{display:none!important;}.site-header>.mobile-menu[open]>nav{display:grid!important;position:absolute!important;top:calc(100% + 7px)!important;right:0!important;left:auto!important;width:min(280px,calc(100vw - 28px))!important;margin:0!important;padding:10px 14px 14px!important;background:var(--paper,#f6eedf)!important;border:1px solid var(--line,#b8b1a5)!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important;z-index:200!important;text-align:right!important;}.site-footer .social{gap:7px!important;overflow-x:auto!important;scrollbar-width:none!important;}.site-footer .social::-webkit-scrollbar{display:none!important;}}
.site-top-rule{display:block!important;width:min(1280px,calc(100% - 48px))!important;height:5px!important;min-height:5px!important;margin:0 auto!important;padding:0!important;background:var(--action-blue,#5f7084)!important;}.site-footer{border-top:5px solid var(--action-blue,#5f7084)!important;}.site-footer .footer-copyright::after{content:"";display:block!important;width:100%!important;height:5px!important;margin-top:14px!important;background:var(--action-blue,#5f7084)!important;}@media(max-width:800px){.site-top-rule{width:calc(100% - 28px)!important;height:5px!important;min-height:5px!important;}.site-footer{width:calc(100% - 28px)!important;border-top-width:5px!important;}.site-footer .footer-copyright::after{height:5px!important;}}
@media(max-width:800px){.site-header>.brand{position:relative!important;z-index:60!important;pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;}.site-header>.brand .brand-photo{pointer-events:auto!important;cursor:pointer!important;}.site-header>.mobile-site-brand{position:relative!important;z-index:60!important;pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;}}
#page-mug .mugs-heading .eyebrow{font-weight:700!important;line-height:1!important;margin:0 0 14px!important;color:var(--action-blue,#5f7084)!important;}#page-mug .mugs-heading h1{font-size:clamp(1.7rem,3.2vw,2.6rem)!important;line-height:1.05!important;letter-spacing:-.035em!important;margin:0!important;}@media(max-width:800px){#page-mug .mugs-heading .eyebrow{margin-bottom:10px!important;}#page-mug .mugs-heading h1{font-size:clamp(1.35rem,6vw,1.75rem)!important;}}
#page-paiement-test{padding:0!important;}#page-paiement-test .payment-preview-shell{width:min(980px,calc(100% - 48px));margin:0 auto;padding:48px 0 72px;}.payment-preview-note{display:inline-block;margin:0 0 22px;padding:7px 10px;border:1px solid var(--action-blue,#5f7084);font-family:var(--sans);font-size:.7rem;font-weight:700;letter-spacing:.11em;color:var(--action-blue,#5f7084);}.payment-preview-back{appearance:none;border:0;background:transparent;padding:0;margin:0 0 34px;display:block;font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--action-blue,#5f7084);cursor:pointer;}.payment-preview-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);gap:54px;align-items:start;}.payment-preview-summary{padding-top:12px;}.payment-preview-summary .eyebrow{margin:0 0 12px;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--action-blue,#5f7084);}.payment-preview-summary h1{margin:0 0 30px;font-size:clamp(2.5rem,6vw,5rem);line-height:.95;}.payment-preview-product{margin:0 0 8px;font-family:var(--serif);font-size:1.35rem;}.payment-preview-price{margin:0 0 24px;font-family:var(--serif);font-size:2rem;}.payment-preview-meta{max-width:32ch;color:var(--muted,#6f6b64);line-height:1.55;}.payment-preview-stripe{background:#fff;border:1px solid rgba(0,0,0,.12);padding:28px;border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.06);}.payment-preview-secure{margin:0 0 20px;font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--action-blue,#5f7084);}.payment-preview-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;padding:12px 13px;border:1px solid #d6d8db;border-radius:6px;background:#fff;}.payment-preview-field span{font-family:var(--sans);font-size:.68rem;color:#686d72;}.payment-preview-field strong{font-family:var(--sans);font-size:.9rem;font-weight:500;color:var(--action-blue,#5f7084);}.payment-preview-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.payment-preview-pay{width:100%;margin-top:8px;padding:15px 18px;border:0;border-radius:6px;background:var(--action-blue,#5f7084);color:var(--cream-on-blue);font-family:var(--sans);font-size:.88rem;font-weight:700;letter-spacing:.06em;}.payment-preview-pay:disabled{opacity:1;}.payment-preview-disclaimer{margin:14px 0 0;font-family:var(--sans);font-size:.72rem;line-height:1.5;color:#70757a;}@media(max-width:800px){#page-paiement-test .payment-preview-shell{width:calc(100% - 28px);padding:28px 0 54px;}.payment-preview-note{margin-bottom:18px;}.payment-preview-back{margin-bottom:28px;}.payment-preview-grid{grid-template-columns:1fr;gap:28px;}.payment-preview-summary{padding-top:0;}.payment-preview-summary h1{font-size:3rem;margin-bottom:20px;}.payment-preview-product{font-size:1.2rem;}.payment-preview-price{font-size:1.7rem;margin-bottom:14px;}.payment-preview-stripe{padding:20px;border-radius:8px;}}
.site-header .brand{visibility:visible!important;pointer-events:auto!important;opacity:1!important;}@media(min-width:768px){.site-header{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:12px 24px!important;width:min(1280px,calc(100% - 48px))!important;height:auto!important;min-height:104px!important;padding:18px 0 12px!important;}.site-header>.brand{display:flex!important;align-items:center!important;gap:14px!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;flex:0 0 auto!important;}.site-header>.brand .brand-photo{display:block!important;visibility:visible!important;opacity:1!important;width:68px!important;min-width:68px!important;max-width:68px!important;height:68px!important;object-fit:cover!important;}.site-header>.brand>span{display:inline!important;visibility:visible!important;font-size:1.12rem!important;}.site-header>.mobile-site-brand{display:none!important;}.site-header>nav[aria-label="Navigation principale"]{display:flex!important;flex:1 1 100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:6px 20px!important;}.site-header>nav[aria-label="Navigation principale"] a{white-space:nowrap!important;}.site-header>.mobile-menu{display:none!important;}}
@media(min-width:768px) and (max-width:1366px){#page-home .melancholia-feature{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)!important;gap:clamp(24px,4vw,48px)!important;align-items:center!important;}#page-home .melancholia-feature figure{width:100%!important;max-width:340px!important;margin:0 auto!important;}#page-home .melancholia-feature img{width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:contain!important;}#page-home .melancholia-copy{min-width:0!important;max-width:100%!important;}#page-home .melancholia-copy .lead{white-space:normal!important;overflow-wrap:break-word!important;}}
#page-melancholia .aphorism-card,#page-home .melancholia-feature figure{background:var(--action-blue,#5f7084)!important;isolation:isolate;}#page-home .melancholia-feature figure>a{display:block;background:var(--action-blue,#5f7084)!important;}#page-melancholia .aphorism-card img,#page-home .melancholia-feature figure img{background:transparent!important;}
#page-home .home-shop .shop-teasers{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;}#page-home .home-shop .shop-teasers>a{display:grid!important;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)!important;gap:clamp(24px,4vw,48px)!important;align-items:center!important;border-left:0!important;border-right:0!important;margin:0!important;padding:32px 0!important;min-width:0!important;}#page-home .home-shop .shop-teasers>a+a{border-top:2px solid var(--action-blue,#5f7084)!important;}#page-home .home-shop .shop-teasers>a>img{width:100%!important;max-width:340px!important;height:auto!important;object-fit:contain!important;margin:0 auto!important;}#page-home .home-shop .shop-teasers>a>div{min-width:0!important;}@media(max-width:600px){#page-home .home-shop .shop-teasers>a{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)!important;gap:16px!important;padding:24px 0!important;}}
:root{--cream-on-blue:var(--paper,#f6eedf);}#page-home .quote-band,#page-home .quote-band .quote-text-line,#page-home .quote-band cite{color:var(--cream-on-blue)!important;}#page-home .quote-band .quote-rule{background:var(--cream-on-blue)!important;}
#page-melancholia .aphorism-card img,#page-home .melancholia-feature figure img{filter:url(#melancholia-duotone)!important;mix-blend-mode:normal!important;}
:root{--ink:#5f7084!important;}body{color:var(--action-blue,#5f7084)!important;}body a,body p,body h1,body h2,body h3,body h4,body h5,body h6,body li,body dt,body dd,body figcaption{color:var(--action-blue,#5f7084);}#page-home .quote-band,#page-home .quote-band .quote-text-line,#page-home .quote-band cite,#page-home .hero + .home-section .art-grid span,#page-home .art-grid .button,#page-home .shop-teasers .button,#page-home .melancholia-copy .button,.site-header a,.mobile-menu a,.mobile-menu summary,.site-footer .social a{color:var(--cream-on-blue,#f6eedf)!important;}#page-home .quote-band .quote-rule{background:var(--cream-on-blue,#f6eedf)!important;}
.site-header a,.mobile-menu a,.mobile-menu summary,.site-header .brand span,.site-header .mobile-site-brand{color:var(--action-blue,#5f7084)!important;}.site-header .brand-photo{opacity:1!important;visibility:visible!important;filter:none!important;}
.site-footer .social a,.site-footer .footer-links a,.site-footer .footer-copyright{color:var(--action-blue,#5f7084)!important;}.site-footer .social a{border-color:var(--action-blue,#5f7084)!important;background:rgba(95,112,132,.09)!important;}.site-footer .social a span,.site-footer .social a svg{color:var(--action-blue,#5f7084)!important;fill:currentColor!important;}
@media(min-width:768px){.site-header>nav[aria-label="Navigation principale"] a{font-size:.82rem!important;letter-spacing:.07em!important;padding:11px 0!important;}.site-header .brand span,.site-header .mobile-site-brand{font-size:1.08rem!important;}.site-footer{font-size:.74rem!important;}.site-footer .social a,.site-footer .footer-links a,.site-footer .footer-copyright{font-size:.78rem!important;}.site-footer .social a{min-height:40px!important;padding:8px 12px!important;}.button,.site-footer .footer-links a{letter-spacing:.08em!important;}}@media(max-width:767px){.mobile-menu summary{font-size:.82rem!important;}.mobile-menu nav a{font-size:17px!important;}.site-footer .social a,.site-footer .footer-links a{font-size:.76rem!important;}}
/* Uniformiser uniquement la taille des GRANDS TITRES de page sur "LES MUGS".
   Aucun changement de police, graisse, casse, couleur, images, dimensions ou boutique. */
#page-fleurs .page-heading h1,
#page-reinette .page-heading h1,
#page-fragments-de-toits .page-heading h1,
#page-melancholia .melancholia-heading h1,
#page-livre .product-copy h1,
#page-biographie .biography h1,
#page-contact .contact h1,
#page-mentions-legales .legal h1,
#page-confidentialite .legal h1{
  font-size:clamp(1.6rem,4vw,3rem)!important;
  line-height:1.08!important;
  overflow-wrap:break-word;
  white-space:normal;
}
@media(max-width:800px){
  #page-fleurs .page-heading h1,
  #page-reinette .page-heading h1,
  #page-fragments-de-toits .page-heading h1,
  #page-melancholia .melancholia-heading h1,
  #page-livre .product-copy h1,
  #page-biographie .biography h1,
  #page-contact .contact h1,
  #page-mentions-legales .legal h1,
  #page-confidentialite .legal h1{
    font-size:clamp(1.45rem,7vw,2.1rem)!important;
    line-height:1.12!important;
  }
}
/* NOTSTEPHAN : titre d'accueil à la taille de référence LES MUGS.
   Autres éléments et palette inchangés. */
#page-home .hero h1 {
}
@media(max-width:800px){
  #page-home .hero h1 {
  }
}

/* Accueil NOTSTEPHAN : une seule ligne pour le titre, sans modifier le contenu, la police ni les couleurs. */
#page-home .hero h1{
  word-break:normal!important;
}
@media(max-width:600px){
  #page-home .hero h1{
    letter-spacing:-.055em!important;
  }
}


/* Écart vertical identique entre titres et sous-titres,
   calqué sur LES MUGS : 14 px ordinateur, 10 px mobile.
   Couleurs, images, typographie et position des autres éléments inchangées. */
#page-home .hero h1,
#page-fleurs .page-heading h1,
#page-reinette .page-heading h1,
#page-fragments-de-toits .page-heading h1,
#page-contact .page-heading h1,
#page-melancholia .melancholia-heading h1,
#page-livre .product-copy h1,
#page-biographie .biography h1 {
  margin-bottom:14px!important;
}
#page-home .hero h1 + .hero-subtitle,
#page-fleurs .page-heading h1 + p,
#page-reinette .page-heading h1 + p,
#page-fragments-de-toits .page-heading h1 + p,
#page-contact .page-heading h1 + p,
#page-melancholia .melancholia-heading h1 + .lead,
#page-livre .product-copy h1 + .lead,
#page-biographie .biography h1 + .signature {
  margin-top:0!important;
}
@media(max-width:800px){
  #page-home .hero h1,
  #page-fleurs .page-heading h1,
  #page-reinette .page-heading h1,
  #page-fragments-de-toits .page-heading h1,
  #page-contact .page-heading h1,
  #page-melancholia .melancholia-heading h1,
  #page-livre .product-copy h1,
  #page-biographie .biography h1 {
    margin-bottom:10px!important;
  }
}

/* NOTSTEPHAN - uniquement le titre de la page Mugs :
   casse normale, taille légèrement réduite. */
#page-mug .mugs-heading .eyebrow{
 text-transform:none!important;
 font-size:clamp(1.45rem,3.2vw,2.5rem)!important;
 letter-spacing:.025em!important;
}
@media(max-width:800px){
 #page-mug .mugs-heading .eyebrow{
  font-size:clamp(1.35rem,6.1vw,1.9rem)!important;
 }
}


/* NOTSTEPHAN — harmonie typographique, 11 octobre 2026
   Titres : Georgia régulière, 48px maximum ; sous-titres : Georgia.
   Aucun changement d'image, de couleur, de prix ni de paiement. */
#page-home .hero h1,
#page-fleurs .page-heading h1,
#page-reinette .page-heading h1,
#page-fragments-de-toits .page-heading h1,
#page-melancholia .melancholia-heading h1,
#page-livre .product-copy h1,
#page-biographie .biography h1,
#page-contact .page-heading h1,
#page-mentions-legales .legal h1,
#page-confidentialite .legal h1,
#page-mug .mugs-heading > .eyebrow,
.route-page[id^="page-oeuvre--"] .product-copy h1 {
  font-family:var(--serif)!important;
  font-weight:400!important;
  font-size:clamp(1.6rem,4vw,3rem)!important;
  line-height:1.12!important;
  letter-spacing:-.04em!important;
  text-transform:none!important;
}
#page-mug .mugs-heading > .eyebrow {
  margin:0 0 14px!important;
}
#page-home .hero-subtitle,
#page-fleurs .page-heading > h1 + p,
#page-reinette .page-heading > h1 + p,
#page-fragments-de-toits .page-heading > h1 + p,
#page-contact .page-heading > h1 + p,
#page-melancholia .melancholia-heading > h1 + .lead,
#page-livre .product-copy > h1 + .lead,
#page-mug .mugs-heading > h1 {
  font-family:var(--serif)!important;
  font-weight:400!important;
  font-size:1.35rem!important;
  line-height:1.4!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}
#page-mug .mugs-heading > h1 {
  margin:0!important;
  max-width:760px;
}
#page-melancholia .melancholia-heading > h1 + .lead {
  max-width:760px;
  margin-top:0!important;
}
.route-page[id^="page-oeuvre--"] .product-page {
  align-items:start!important;
}
.route-page[id^="page-oeuvre--"] .product-page > figure {
  margin:0!important;
  align-self:start!important;
}
.route-page[id^="page-oeuvre--"] .product-page > .product-copy {
  min-width:0;
  align-self:start!important;
}
.route-page[id^="page-oeuvre--"] .product-copy h1 {
  margin:0 0 14px!important;
  overflow-wrap:break-word!important;
  white-space:normal!important;
}
@media(max-width:800px) {
  #page-home .hero h1,
  #page-fleurs .page-heading h1,
  #page-reinette .page-heading h1,
  #page-fragments-de-toits .page-heading h1,
  #page-melancholia .melancholia-heading h1,
  #page-livre .product-copy h1,
  #page-biographie .biography h1,
  #page-contact .page-heading h1,
  #page-mentions-legales .legal h1,
  #page-confidentialite .legal h1,
  #page-mug .mugs-heading > .eyebrow,
  .route-page[id^="page-oeuvre--"] .product-copy h1 {
    font-size:clamp(1.45rem,7vw,2.1rem)!important;
    line-height:1.15!important;
  }
  #page-mug .mugs-heading > .eyebrow {
    margin-bottom:10px!important;
  }
}
@media(max-width:600px) {
  #page-home .hero h1 {
    font-size:clamp(1.15rem,5.35vw,2.1rem)!important;
    white-space:nowrap!important;
  }
}


/* Liens de retour sur toutes les fiches d'œuvres : bleu-gris au lieu du rouge. */
.route-page[id^="page-oeuvre--"] .product-copy > a.text-link,
.route-page[id^="page-oeuvre--"] .product-copy > a.text-link:hover,
.route-page[id^="page-oeuvre--"] .product-copy > a.text-link:focus-visible {
 color:var(--action-blue,#5f7084)!important;
}
/* Biographie : le texte commence à la même hauteur que la mosaïque, sans la recadrer. */
#page-biographie .biography-grid {
 align-items:start!important;
}
#page-biographie .biography-grid > figure {
 margin:0!important;
 align-self:start!important;
}
#page-biographie .biography-copy > p.opening {
 margin-top:0!important;
}

/* NOTSTEPHAN — biographie : mosaïque alignée avec le nom, et non sous tout l'en-tête.
   Photo, texte, dimensions et couleurs inchangés. */
@media(min-width:801px) {
  #page-biographie .biography {
    display:grid!important;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
    column-gap:clamp(32px,5vw,72px)!important;
    row-gap:24px!important;
    align-items:start!important;
  }
  #page-biographie .biography > header {
    grid-column:1!important;
    grid-row:1!important;
    margin-bottom:0!important;
    min-width:0;
  }
  #page-biographie .biography > .biography-grid {
    display:contents!important;
  }
  #page-biographie .biography-grid > .biography-copy {
    grid-column:1!important;
    grid-row:2!important;
    min-width:0;
  }
  #page-biographie .biography-grid > figure {
    grid-column:2!important;
    grid-row:1 / span 2!important;
    margin:42px 0 0!important;
    align-self:start!important;
    width:100%!important;
    min-width:0;
  }
  #page-biographie .biography-grid > figure img {
    display:block!important;
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
}

/* NOTSTEPHAN — Voir le dessin : aucun soulignement en survol, appui ou navigation.
   Conserver la couleur bleu-gris et l'indication de focus clavier native. */
.catalog-grid a.catalog-card,
.catalog-grid a.catalog-card:hover,
.catalog-grid a.catalog-card:active,
.catalog-grid a.catalog-card:focus,
.catalog-grid a.catalog-card:focus-visible,
.catalog-grid a.catalog-card:visited,
.catalog-grid a.catalog-card .catalog-meta span,
.catalog-grid a.catalog-card:hover .catalog-meta span,
.catalog-grid a.catalog-card:active .catalog-meta span,
.catalog-grid a.catalog-card:focus .catalog-meta span,
.catalog-grid a.catalog-card:focus-visible .catalog-meta span {
  text-decoration:none!important;
  text-decoration-line:none!important;
}

/* NOTSTEPHAN — En-tête bilingue stable, tablette / ordinateur.
   Ligne 1 : logo et FR | EN. Ligne 2 : navigation entière.
   La traduction automatique du navigateur est désactivée séparément. */
@media(min-width:801px){
  .site-header {
  }
  .site-header > .brand {
    min-width:0!important;
  }
  .site-header > .language-switch:not(.lang-switch-mobile){
    right:auto!important;
    top:auto!important;
    z-index:10!important;
  }
  .site-header > nav[aria-label="Navigation principale"]{
  }
  .site-header > nav[aria-label="Navigation principale"] > a {
  }
  .site-header > .mobile-site-brand,
  .site-header > .mobile-menu,
  .mobile-language-row {}
}
@media(max-width:800px){
  .site-header > nav[aria-label="Navigation principale"]{display:none!important;}
  .site-header > .language-switch:not(.lang-switch-mobile){display:none!important;}
  .mobile-language-row{
    display:flex!important;
    justify-content:flex-end!important;
    width:calc(100% - 28px)!important;
    margin:5px auto 3px!important;
    padding:0 0 5px!important;
  }
  .mobile-language-row > .lang-switch-mobile{
    position:static!important;
    display:inline-flex!important;
    margin:0!important;
    top:auto!important;
    right:auto!important;
  }
}
/* Les noms des séries restent lisibles sous les visuels de l'accueil. */
#page-home .hero + .home-section .art-grid .art-card-title{
  color:var(--action-blue,#5f7084)!important;
  opacity:1!important;
}

 /* NOTSTEPHAN : traits horizontaux cohérents de l'accueil (mugs, livre, Melancholia). */
 #page-home .home-shop,
 #page-home .home-shop .shop-teasers > a + a,
 #page-home .melancholia-home {
 }
 

/* NOTSTEPHAN — alignement identique du menu en français et en anglais.
   Cible les deux libellés d'accessibilité, qui sont traduits dynamiquement. */
@media (min-width:801px) {
  .site-header {
    justify-content:stretch!important;
  }
  .site-header > .brand {
  }
  .site-header > .language-switch:not(.lang-switch-mobile) {
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    display:inline-flex!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;
  }
  .site-header > nav[aria-label="Navigation principale"],
  .site-header > nav[aria-label="Main navigation"] {
    grid-column:1 / -1!important;
    grid-row:2!important;
    display:flex!important;
    position:static!important;
    float:none!important;
    flex:none!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    align-content:center!important;
    justify-content:flex-start!important;
    justify-self:stretch!important;
    gap:clamp(8px,1.25vw,17px)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    text-align:left!important;
  }
  .site-header > nav[aria-label="Navigation principale"] > a,
  .site-header > nav[aria-label="Main navigation"] > a {
    display:inline-flex!important;
    position:static!important;
    flex:0 1 auto!important;
    align-self:center!important;
    align-items:center!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:5px 0!important;
    line-height:1.2!important;
    font-size:clamp(10px,.92vw,12.5px)!important;
    letter-spacing:.055em!important;
    white-space:nowrap!important;
    word-break:normal!important;
    transform:none!important;
    vertical-align:middle!important;
    text-align:left!important;
  }
  .site-header > .mobile-site-brand,
  .site-header > .mobile-menu,
  .mobile-language-row {display:none!important;}
}
@media (min-width:801px) and (max-width:950px) {
  .site-header > nav[aria-label="Navigation principale"],
  .site-header > nav[aria-label="Main navigation"] {gap:8px!important;}
  .site-header > nav[aria-label="Navigation principale"] > a,
  .site-header > nav[aria-label="Main navigation"] > a {
    font-size:10px!important;
    letter-spacing:.035em!important;
  }
}
/* Sur mobile, conserver le véritable menu déroulant et le sélecteur séparé. */
@media (max-width:800px) {
  .site-header > nav[aria-label="Navigation principale"],
  .site-header > nav[aria-label="Main navigation"] {display:none!important;}
}


/* NOTSTEPHAN — audit harmonie : séparateurs identiques sur l'accueil. */
#page-home .home-shop,
#page-home .home-shop .shop-teasers > a + a,
#page-home .melancholia-home {
  box-shadow:none!important;
}
#page-home .home-shop .shop-teasers > a + a {
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  border-left:0!important;
  border-right:0!important;
  box-sizing:border-box!important;
}
/* Contact : supprimer l'ancien centrage vertical qui créait un grand vide. */
#page-contact .page-heading.contact {
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  min-height:0!important;
  height:auto!important;
  margin-top:0!important;
  padding-top:clamp(24px,3vw,46px)!important;
  padding-bottom:24px!important;
}
#page-contact .page-heading.contact > .button {
  width:max-content!important;
  max-width:100%!important;
  align-self:flex-start!important;
}
#page-contact .page-utility-nav {
  margin-top:8px!important;
}


/* NOTSTEPHAN — espacements réguliers entre les visuels et les séparateurs.
   Avant mugs / après mugs / avant livre / après livre / avant Melancholia. */
#page-home .home-shop,
#page-home .melancholia-home {
  padding-top:32px!important;
  padding-bottom:32px!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
#page-home .home-shop .shop-teasers > a:first-child {
  padding-top:0!important;
  padding-bottom:32px!important;
}
#page-home .home-shop .shop-teasers > a + a {
  padding-top:32px!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
#page-home .home-shop,
#page-home .home-shop .shop-teasers > a + a,
#page-home .melancholia-home {
  border-top:3px solid var(--action-blue,#5f7084)!important;
  border-top-width:3px!important;
  border-top-style:solid!important;
  border-top-color:var(--action-blue,#5f7084)!important;
}
@media(max-width:800px){
  #page-home .home-shop,
  #page-home .melancholia-home {
    padding-top:24px!important;
    padding-bottom:24px!important;
  }
  #page-home .home-shop .shop-teasers > a:first-child {
    padding-top:0!important;
    padding-bottom:24px!important;
  }
  #page-home .home-shop .shop-teasers > a + a {
    padding-top:24px!important;
    padding-bottom:0!important;
  }
}


/* Version française seule : menu en deux lignes, sans colonne réservée aux langues. */
@media(min-width:801px){
  .site-header{
  }
  .site-header > nav[aria-label="Navigation principale"] {
  }
}


/* NOTSTEPHAN — version française : logo et menu alignés sur une seule ligne.
   Retire l'ancienne disposition bilingue à deux rangées pour les grands écrans. */
@media (min-width:801px) {
  .site-header {
    display:grid!important;
    grid-template-columns:max-content minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    justify-items:stretch!important;
    column-gap:clamp(12px,1.5vw,24px)!important;
    row-gap:0!important;
    height:auto!important;
    min-height:92px!important;
    padding:10px 0!important;
    position:relative!important;
  }
  .site-header > .brand {
    display:flex!important;
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    margin:0!important;
    flex:none!important;
    white-space:nowrap!important;
  }
  .site-header > nav[aria-label="Navigation principale"] {
    display:flex!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    align-items:center!important;
    align-content:center!important;
    justify-content:flex-end!important;
    flex:none!important;
    flex-wrap:nowrap!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    gap:clamp(5px,.74vw,12px)!important;
    transform:none!important;
    text-align:right!important;
  }
  .site-header > nav[aria-label="Navigation principale"] > a {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    flex:0 0 auto!important;
    position:static!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:8px 0!important;
    font-family:var(--sans)!important;
    font-size:clamp(9px,.88vw,12px)!important;
    line-height:1.2!important;
    letter-spacing:.035em!important;
    white-space:nowrap!important;
    word-break:normal!important;
    text-align:center!important;
    transform:none!important;
  }
  .site-header > .mobile-site-brand,
  .site-header > .mobile-menu {display:none!important;}
}
@media (min-width:801px) and (max-width:950px) {
  .site-header {column-gap:10px!important;}
  .site-header > .brand {gap:8px!important;}
  .site-header > .brand .brand-photo {
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:50px!important;
  }
  .site-header > .brand > span {
    font-size:.94rem!important;
    letter-spacing:.08em!important;
  }
  .site-header > nav[aria-label="Navigation principale"] {
    gap:5px!important;
  }
  .site-header > nav[aria-label="Navigation principale"] > a {
    font-size:9px!important;
    letter-spacing:.01em!important;
  }
}


/* NOTE LIVRAISON : texte volontairement minimal sur les mugs. */
#page-mug .mugs-card .shipping-short {
  display:block;
  margin:7px 0 0!important;
  font-family:var(--sans)!important;
  font-size:.7rem!important;
  font-weight:400!important;
  line-height:1.35!important;
  letter-spacing:.025em!important;
  color:var(--action-blue,#5f7084)!important;
  text-transform:none!important;
}


/* NOTSTEPHAN : un seul menu déroulant, toutes tailles. */
.site-header{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;
  justify-items:stretch!important;column-gap:16px!important;row-gap:0!important;
  min-height:88px!important;height:auto!important;padding:9px 0!important;
  position:relative!important;overflow:visible!important;
}
.site-header > nav[aria-label="Navigation principale"]{display:none!important}
.site-header > .brand{
  display:flex!important;position:relative!important;grid-column:1!important;
  grid-row:1!important;justify-self:start!important;align-self:center!important;
  min-width:0!important;height:auto!important;margin:0!important;
}
.site-header > .mobile-site-brand{display:none!important}
.site-header > details.mobile-menu{
  display:block!important;visibility:visible!important;opacity:1!important;
  position:relative!important;grid-column:2!important;grid-row:1!important;
  justify-self:end!important;align-self:center!important;width:auto!important;
  max-width:none!important;min-width:0!important;height:auto!important;
  margin:0!important;padding:0!important;border:0!important;z-index:200!important;
}
.site-header > details.mobile-menu > summary{
  color:var(--action-blue,#5f7084)!important;font-family:var(--sans)!important;
  font-size:12px!important;font-weight:600!important;letter-spacing:.1em!important;
  text-transform:uppercase!important;text-align:right!important;list-style:none!important;
  white-space:nowrap!important;
}
.site-header > details.mobile-menu > summary::-webkit-details-marker{display:none!important}
.site-header > details.mobile-menu > summary span{font-size:inherit!important;transform:none!important}
.site-header > details.mobile-menu > summary > span[aria-hidden="true"],
.site-header > details.mobile-menu[open] > summary > span[aria-hidden="true"]{
  font-size:21px!important;line-height:1!important;transform:none!important;
  transition:none!important;color:var(--action-blue,#5f7084)!important;
}
.site-header > details.mobile-menu > summary:focus-visible{
  outline:2px solid var(--action-blue,#5f7084)!important;outline-offset:4px!important;
}
.site-header > details.mobile-menu:not([open]) > nav{display:none!important}
.site-header > details.mobile-menu[open] > nav[aria-label="Navigation mobile"]{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;gap:0!important;position:absolute!important;
  top:calc(100% + 8px)!important;right:0!important;left:auto!important;
  z-index:300!important;width:min(340px,calc(100vw - 28px))!important;
  min-width:min(250px,calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;min-height:0!important;
  height:auto!important;max-height:min(75vh,650px)!important;
  overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;
  padding:8px 13px!important;background:var(--paper,#f6eedf)!important;
  border:1px solid var(--action-blue,#5f7084)!important;
  box-shadow:0 12px 28px rgba(30,35,40,.14)!important;border-radius:2px!important;
  text-align:left!important;
}
.site-header > details.mobile-menu[open] > nav[aria-label="Navigation mobile"] > a{
  display:block!important;width:100%!important;min-height:44px!important;
  height:auto!important;margin:0!important;padding:13px 7px!important;
  border:0!important;border-bottom:1px solid rgba(95,112,132,.20)!important;
  background:transparent!important;color:var(--action-blue,#5f7084)!important;
  font-family:var(--sans)!important;font-size:12px!important;font-weight:400!important;
  line-height:1.5!important;letter-spacing:.055em!important;text-transform:uppercase!important;
  text-decoration:none!important;text-align:left!important;white-space:normal!important;
}
.site-header > details.mobile-menu[open] > nav[aria-label="Navigation mobile"] > a:last-child{border-bottom:0!important}
.site-header > details.mobile-menu[open] > nav[aria-label="Navigation mobile"] > a:is(:hover,:focus-visible){
  background:rgba(95,112,132,.09)!important;outline-offset:-2px;
}
@media(max-width:800px){
 .site-header{
   height:68px!important;padding:0!important;
 }
 .site-header > .brand{display:none!important}
 .site-header > .mobile-site-brand{
   display:block!important;grid-column:1!important;grid-row:1!important;
   position:static!important;left:auto!important;right:auto!important;top:auto!important;
   margin:0!important;padding:0!important;justify-self:start!important;
   align-self:center!important;width:auto!important;max-width:100%!important;
   height:auto!important;font-family:var(--sans)!important;
   font-size:clamp(14px,4vw,17px)!important;letter-spacing:.095em!important;
   white-space:nowrap!important;color:var(--action-blue,#5f7084)!important;
   visibility:visible!important;opacity:1!important;
 }
 .site-header > details.mobile-menu{
   grid-column:2!important;grid-row:1!important;margin:0!important;
   width:auto!important;position:relative!important;
 }
}


/* NOTSTEPHAN - Correction menu iPad, téléphone et ordinateur. */
.site-header > details.mobile-menu > summary {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  width: auto !important;
  min-height: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 4px 0 12px !important;
  border: 0 !important;
  background: transparent !important;
  line-height: 20px !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  touch-action: manipulation;
}
.site-header > details.mobile-menu > summary > .mobile-menu-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  height: 20px !important;
  min-height: 20px !important;
  line-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  transform: none !important;
  white-space: nowrap !important;
}
.site-header > details.mobile-menu > summary > .ns-menu-icon {
  box-sizing: border-box !important;
  display: inline-block !important;
  position: relative !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--action-blue,#5f7084) !important;
  line-height: 20px !important;
  font-size: 0 !important;
  transform: none !important;
  transition: none !important;
}
.site-header > details.mobile-menu > summary > .ns-menu-icon > .ns-menu-bar {
  display: block !important;
  position: absolute !important;
  left: 1px !important;
  width: 18px !important;
  height: 2px !important;
  min-height: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 1px !important;
  background: currentColor !important;
  opacity: 1 !important;
  transform-origin: center center !important;
  transition: transform .18s ease,opacity .18s ease !important;
}
.site-header > details.mobile-menu > summary > .ns-menu-icon > .ns-menu-bar:nth-child(1) {
  top: 4px !important;
  transform: none !important;
}
.site-header > details.mobile-menu > summary > .ns-menu-icon > .ns-menu-bar:nth-child(2) {
  top: 9px !important;
  transform: none !important;
}
.site-header > details.mobile-menu > summary > .ns-menu-icon > .ns-menu-bar:nth-child(3) {
  top: 14px !important;
  transform: none !important;
}
.site-header > details.mobile-menu[open] > summary > .ns-menu-icon > .ns-menu-bar:nth-child(1) {
  transform: translateY(5px) rotate(45deg) !important;
}
.site-header > details.mobile-menu[open] > summary > .ns-menu-icon > .ns-menu-bar:nth-child(2) {
  opacity: 0 !important;
}
.site-header > details.mobile-menu[open] > summary > .ns-menu-icon > .ns-menu-bar:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg) !important;
}
.site-header > details.mobile-menu[open] > nav[aria-label="Navigation mobile"] > .ns-menu-close {
  display: flex !important;
  width: 100% !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  margin: 0 0 6px !important;
  padding: 6px 7px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(95,112,132,.24) !important;
  background: transparent !important;
  color: var(--action-blue,#5f7084) !important;
  font-family: var(--sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .07em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}
.site-header > details.mobile-menu[open] > nav[aria-label="Navigation mobile"] > .ns-menu-close > span {
  font-size: 19px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}
.site-header > details.mobile-menu[open] > nav[aria-label="Navigation mobile"] > .ns-menu-close:focus-visible {
  outline: 2px solid var(--action-blue,#5f7084) !important;
  outline-offset: -2px !important;
}
@media(prefers-reduced-motion:reduce) {
  .site-header > details.mobile-menu > summary > .ns-menu-icon > .ns-menu-bar {
    transition: none !important;
  }
}

/* Mise en page globale : pied de page sans vide dessous. */
html{min-height:100%!important}
body{display:flex!important;flex-direction:column!important;min-height:100dvh!important}
body>.site-top-rule,body>.site-header,body>.route-page{flex:0 0 auto!important}
body>.site-header{margin-top:0!important;margin-bottom:0!important;margin-left:auto!important;margin-right:auto!important}
body>.site-footer{flex:0 0 auto!important;margin-top:auto!important;margin-bottom:0!important}
body>.route-page main{min-height:0!important}

#page-home .hero h1{}@media(max-width:800px){#page-home .hero h1{}}
.ns-page-share-bar{width:min(1180px,calc(100% - 48px));margin:12px auto;display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.ns-page-share-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--action-blue,#5f7084);font:14px var(--sans,Arial,sans-serif);cursor:pointer}.ns-page-share-button:hover{background:rgba(95,112,132,.08)}.ns-page-share-button:focus-visible{outline:2px solid var(--action-blue,#5f7084);}.ns-page-share-button:disabled{opacity:.65}.ns-share-status{font:13px var(--sans,Arial,sans-serif);color:var(--action-blue,#5f7084)}@media(max-width:800px){.ns-page-share-bar{width:calc(100% - 32px);margin:8px auto}}
.ns-page-share-button{background:var(--action-blue,#5f7084)!important;color:var(--cream-on-blue,#f6eedf)!important;border:0!important;border-radius:0!important;min-height:32px!important;padding:8px 12px!important;font-family:var(--sans,Arial,sans-serif)!important;font-size:11px!important;line-height:1.4!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin:0!important}.ns-page-share-button:hover{background:var(--action-blue,#5f7084)!important;filter:brightness(.92)}.ns-page-share-button:focus-visible{}

/* Keep the original NOTSTEPHAN portrait visible beside the name, without replacing the current menu. */
.site-header > a.brand {display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:relative!important;gap:12px!important;z-index:60!important;}
.site-header > a.brand > img.brand-photo {display:block!important;visibility:visible!important;opacity:1!important;filter:none!important;object-fit:cover!important;object-position:center 25%!important;}
.site-header > a.mobile-site-brand {display:none!important;}
@media (min-width:801px) {
 .site-header > a.brand {display:flex!important;width:auto!important;min-width:0!important;height:auto!important;}
 .site-header > a.brand > img.brand-photo {width:68px!important;min-width:68px!important;max-width:68px!important;height:68px!important;}
 .site-header > a.brand > span {display:inline!important;visibility:visible!important;opacity:1!important;}
}
@media (max-width:800px) {
 .site-header {}
 .site-header > a.brand {height:auto!important;padding:0!important;}
 .site-header > a.brand > img.brand-photo {flex:0 0 44px!important;}
 .site-header > a.brand > span {opacity:1!important;color:var(--action-blue,#5f7084)!important;}
 .site-header > #ns-site-dropdown {}
}


/* Shared header: one horizontal line, name and menu slightly larger. */
.site-header {align-items:center!important;}
.site-header > a.brand {align-self:center!important;align-items:center!important;line-height:1.2!important;}
.site-header > a.brand > span {font-size:20px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:.09em!important;}
.site-header > #ns-site-dropdown {align-self:center!important;justify-self:end!important;}
.site-header > #ns-site-dropdown > #ns-site-trigger {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;font-size:15px!important;line-height:22px!important;min-height:44px!important;height:44px!important;}
.site-header > #ns-site-dropdown > #ns-site-trigger > .ns-menu-text {font-size:inherit!important;line-height:22px!important;height:auto!important;}
@media (max-width:800px) {
 .site-header {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:8px!important;min-height:68px!important;}
 .site-header > a.brand {display:flex!important;grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important;align-items:center!important;gap:8px!important;width:auto!important;max-width:100%!important;min-width:0!important;margin:0!important;white-space:nowrap!important;}
 .site-header > a.brand > img.brand-photo {width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;}
 .site-header > a.brand > span {display:inline!important;visibility:visible!important;font-size:clamp(15px,4.25vw,18px)!important;line-height:1.15!important;letter-spacing:.065em!important;}
 .site-header > #ns-site-dropdown {grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:center!important;min-width:0!important;}
 .site-header > #ns-site-dropdown > #ns-site-trigger {font-size:clamp(14px,3.9vw,16px)!important;min-height:44px!important;height:44px!important;gap:8px!important;padding-left:7px!important;padding-right:2px!important;}
 .site-header > #ns-site-dropdown > #ns-site-trigger > .ns-menu-text {line-height:22px!important;}
}


/* Exposition : les images sont toujours affichées entièrement (aucun recadrage). */
#page-home .ns-expo-home{}
.ns-expo-home-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,70px);}
.ns-expo-home-image{display:block;width:100%;background:transparent;}
.ns-expo-home-image img{display:block;width:100%;height:auto!important;object-fit:contain!important;}
.ns-expo-home-copy h2{font-family:var(--serif,Georgia,serif);font-weight:400;font-size:clamp(2.15rem,4.4vw,4.3rem);line-height:1.07;margin:0 0 18px;}
.ns-expo-home-copy .lead{font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1.35;margin:0 0 14px;}
.ns-expo-home-copy p{line-height:1.5;}
.ns-expo-home-copy .button{display:inline-block;margin-top:16px;}
#page-exposition-virtuelle .ns-expo-page{}
#page-exposition-virtuelle .ns-expo-heading{margin-bottom:28px;}
#page-exposition-virtuelle .ns-expo-heading h1{font-size:clamp(2.6rem,6vw,5.5rem);line-height:1.06;margin-bottom:18px;}
#page-exposition-virtuelle .ns-expo-heading>p{line-height:1.5;}
#page-exposition-virtuelle .ns-expo-non-sale{font-family:var(--sans,Arial,sans-serif);font-size:.84rem;letter-spacing:.07em;margin-top:16px;}
#page-exposition-virtuelle .ns-expo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,38px);align-items:start;}
#page-exposition-virtuelle .ns-expo-card{margin:0;}
#page-exposition-virtuelle .ns-expo-card .ns-expo-static{display:block;cursor:default;}
#page-exposition-virtuelle .ns-expo-card img{display:block;width:100%;max-width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important;border:0!important;}
#page-exposition-virtuelle .ns-expo-card figcaption{font-family:var(--sans,Arial,sans-serif);font-size:.78rem;margin-top:13px;color:var(--action-blue,#5f7084);}
#page-exposition-virtuelle .ns-expo-contact-cta{text-align:center;width:min(880px,calc(100% - 48px));}
#page-exposition-virtuelle .ns-expo-contact-cta p{font-size:clamp(1.3rem,2.4vw,1.9rem);margin-bottom:20px;}




#page-contact .ns-contact-gallery-image{width:min(960px,calc(100% - 48px));margin:24px auto 62px;text-align:center;}
#page-contact .ns-contact-gallery-image img{display:block;width:100%;height:auto!important;max-width:100%;aspect-ratio:auto!important;object-fit:contain!important;filter:none!important;}
#page-home .hero h1{}
@media(max-width:800px){
  #page-home .ns-expo-home{}
  .ns-expo-home-layout{grid-template-columns:1fr;gap:20px;}
  #page-exposition-virtuelle .ns-expo-page{padding-top:18px;}
  #page-exposition-virtuelle .ns-expo-gallery{overscroll-behavior-inline:contain;padding-bottom:16px;}
  #page-exposition-virtuelle .ns-expo-card{}
  #page-exposition-virtuelle .ns-expo-card img{width:100%;height:auto!important;object-fit:contain!important;}
  #page-contact .ns-contact-gallery-image{width:calc(100% - 32px);margin-top:14px;}
  #page-home .hero h1{}
}


/* At least 1/3 smaller visible share controls across all route pages, all screen sizes. */
.ns-page-share-button, #book-share-button.ns-page-share-button {
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  font-family:var(--sans,Arial,sans-serif)!important;
  line-height:1!important;
  font-weight:500!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  position:relative!important;
}
/* Invisible hit-area extension keeps iPhone taps practical, without changing visible size. */
.ns-page-share-button::before {content:"";position:absolute;inset:-10px -9px;display:block;pointer-events:auto;}
.ns-page-share-button:focus-visible {outline:2px solid var(--action-blue,#5f7084)!important;outline-offset:3px!important;}
@media(max-width:800px) {
 .ns-page-share-button,#book-share-button.ns-page-share-button {}
 .ns-page-share-bar {gap:8px!important;}
}


#page-home .ns-expo-home{width:min(1280px,calc(100% - 48px))!important;border-top:3px solid var(--action-blue,#5f7084)!important;padding-top:32px!important;padding-bottom:32px!important;margin-top:0!important;margin-bottom:0!important;box-shadow:none!important;}
#page-home #ns-expo-home-title{font-family:var(--serif,Georgia,serif);font-weight:400;font-size:clamp(2.15rem,4.4vw,4.3rem);line-height:1.07;}
@media(max-width:800px){#page-home .ns-expo-home{width:calc(100% - 28px)!important;padding-top:24px!important;padding-bottom:24px!important;}#page-home #ns-expo-home-title{}}


:root{--ns-section-space:32px;--ns-content-gap:24px;}
.catalog-grid .catalog-image-wrap{}
.catalog-grid .catalog-image-wrap img.catalog-image{display:block!important;width:100%!important;margin:0!important;}
.catalog-grid{align-items:start!important;row-gap:32px!important;}
.catalog-meta{padding-top:12px!important;}
#page-home .home-shop,#page-home .melancholia-home,#page-home .ns-expo-home{padding-top:var(--ns-section-space)!important;padding-bottom:var(--ns-section-space)!important;margin-top:0!important;margin-bottom:0!important;border-top:3px solid var(--action-blue,#5f7084)!important;}
#page-home .home-shop .shop-teasers>a:first-child{padding-bottom:var(--ns-section-space)!important;}
#page-home .home-shop .shop-teasers>a+a{padding-top:var(--ns-section-space)!important;}
#page-home .ns-expo-home-copy p{}
#page-home .ns-expo-home-copy .button{}
#page-exposition-virtuelle .ns-expo-page{}
#page-exposition-virtuelle .ns-expo-heading{padding:32px 0 24px!important;}
#page-exposition-virtuelle .ns-expo-heading .eyebrow{margin:0 0 12px!important;}
#page-exposition-virtuelle .ns-expo-heading h1{margin:0 0 14px!important;}
#page-exposition-virtuelle .ns-expo-heading h1+p{margin:0!important;}
#page-exposition-virtuelle .ns-expo-contact-cta{padding:0!important;}
#page-exposition-virtuelle .ns-expo-contact-cta p{margin:0 0 16px!important;}
#page-exposition-virtuelle .ns-expo-contact-cta .button{margin-top:0!important;}
.route-page .page-utility-nav{margin-top:32px!important;margin-bottom:32px!important;}
.route-page>.catalog-grid{margin-bottom:32px!important;}
#page-contact .ns-contact-gallery-image{margin-bottom:32px!important;}
@media(max-width:800px){
:root{--ns-section-space:24px;--ns-content-gap:20px;}
#page-home .home-shop,#page-home .melancholia-home,#page-home .ns-expo-home{width:calc(100% - 28px)!important;}
#page-exposition-virtuelle .ns-expo-heading{}
#page-exposition-virtuelle .ns-expo-contact-cta{}
.route-page .page-utility-nav{margin-top:24px!important;margin-bottom:24px!important;}
.route-page>.catalog-grid{margin-bottom:24px!important;row-gap:24px!important;}
#page-contact .ns-contact-gallery-image{margin-bottom:24px!important;}
}


/* Final spacing/alignment pass: original artworks and shared artwork images unchanged. */
:root{--ns-even-section-gap:28px;--ns-even-grid-gap:24px;}
#page-home .home-section.home-shop,
#page-home .home-section.melancholia-home,
#page-home .home-section.ns-expo-home{
  padding-top:var(--ns-even-section-gap)!important;
  padding-bottom:var(--ns-even-section-gap)!important;
  margin-top:0!important;
  margin-bottom:0!important;
  border-top:3px solid var(--action-blue,#5f7084)!important;
  box-shadow:none!important;
}
#page-home .home-shop .shop-teasers>a:first-child{
  padding-top:0!important;
  padding-bottom:var(--ns-even-section-gap)!important;
}
#page-home .home-shop .shop-teasers>a+a{
  padding-top:var(--ns-even-section-gap)!important;
  padding-bottom:0!important;
}
#page-home .ns-expo-home-layout{
  align-items:center!important;
  column-gap:clamp(22px,3.5vw,48px)!important;
  row-gap:20px!important;
}
#page-home .ns-expo-home-image,
#page-home .ns-expo-home-image img{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  background:transparent!important;
  object-fit:contain!important;
}
#page-home #ns-expo-home-title{margin:0 0 20px!important;}
#page-home .ns-expo-home-copy p{margin:0 0 12px!important;}
#page-home .ns-expo-home-copy .button{margin-top:4px!important;}
#page-home .hero h1{
  font-size:clamp(2.8rem,6.75vw,5.13rem)!important;
  line-height:1.06!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
}
#page-exposition-virtuelle .ns-expo-page{padding:0!important;min-height:0!important;}
#page-exposition-virtuelle .ns-expo-heading{
  box-sizing:border-box!important;
  width:min(1280px,calc(100% - 48px))!important;
  padding:var(--ns-even-section-gap) 0 20px!important;
  margin:0 auto!important;
  border-top:0!important;
}
#page-exposition-virtuelle .ns-expo-gallery{
  box-sizing:border-box!important;
  width:min(1280px,calc(100% - 48px))!important;
  display:block!important;
  column-count:2!important;
  column-gap:var(--ns-even-grid-gap)!important;
  overflow:visible!important;
  padding:0!important;
  margin:0 auto!important;
}
#page-exposition-virtuelle .ns-expo-card{
  display:inline-block!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  break-inside:avoid!important;
  page-break-inside:avoid!important;
  min-width:0!important;
  margin:0 0 var(--ns-even-grid-gap)!important;
  padding:0 0 12px!important;
  background:transparent!important;
  border-bottom:1px solid rgba(95,112,132,.2)!important;
}
#page-exposition-virtuelle .ns-expo-card a,
#page-exposition-virtuelle .ns-expo-card img{
  display:block!important;
  height:auto!important;
  max-height:none!important;
  width:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  background:transparent!important;
}
#page-exposition-virtuelle .ns-expo-card figcaption{
  margin:9px 0 0!important;
  line-height:1.4!important;
}
#page-exposition-virtuelle .ns-expo-contact-cta{margin:24px auto 10px!important;}
#page-exposition-virtuelle .page-utility-nav{margin-top:24px!important;}
.catalog-grid .catalog-card{
  align-self:start!important;
  height:auto!important;
  background:transparent!important;
}
.catalog-grid .catalog-image-wrap{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  background:transparent!important;
  overflow:visible!important;
}
.catalog-grid .catalog-image-wrap img.catalog-image{
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  background:transparent!important;
}
.catalog-grid .catalog-meta{padding-top:10px!important;}
.route-page .page-utility-nav{
  box-sizing:border-box!important;
  padding-top:16px!important;
  margin-top:var(--ns-even-section-gap)!important;
  margin-bottom:var(--ns-even-section-gap)!important;
}
.ns-page-share-bar{
}

@media(max-width:800px){
  :root{--ns-even-section-gap:22px;--ns-even-grid-gap:18px;}
  #page-home .home-section.home-shop,
  #page-home .home-section.melancholia-home,
  #page-home .home-section.ns-expo-home{
    width:calc(100% - 28px)!important;
  }
  #page-home .hero h1{
    font-size:clamp(2.65rem,11.25vw,3.75rem)!important;
    line-height:1.09!important;
    white-space:normal!important;
  }
  #page-home #ns-expo-home-title{margin-bottom:14px!important;}
  #page-home .ns-expo-home-layout{
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }
  #page-exposition-virtuelle .ns-expo-heading{
    width:calc(100% - 32px)!important;
    padding:22px 0 18px!important;
  }
  #page-exposition-virtuelle .ns-expo-gallery{
    width:calc(100% - 32px)!important;
    display:grid!important;
    column-count:auto!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(76vw,390px)!important;
    grid-template-columns:none!important;
    gap:16px!important;
    align-items:start!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    scroll-snap-type:x mandatory!important;
    padding:0 0 12px!important;
  }
  #page-exposition-virtuelle .ns-expo-card{
    margin:0!important;
    display:block!important;
    scroll-snap-align:start!important;
  }
  #page-exposition-virtuelle .ns-expo-contact-cta{
    margin-top:20px!important;
  }
  .ns-page-share-bar{}
}

/* NOTSTEPHAN: slightly smaller button, clean typography, no inserted portrait. */.ns-page-share-button,#book-share-button.ns-page-share-button{height:19px!important;min-height:19px!important;padding:3px 5.5px!important;font-size:8.6px!important;letter-spacing:.04em!important;background:var(--action-blue,#5f7084)!important;color:#f6eedf!important;border:0!important;border-radius:0!important;box-shadow:none!important;}.ns-page-share-button .ns-share-hat{display:none!important;}.ns-page-share-bar{margin-top:6px!important;margin-bottom:7px!important;}@media(max-width:800px){.ns-page-share-button,#book-share-button.ns-page-share-button{height:19px!important;min-height:19px!important;font-size:8.6px!important;padding:3px 5.5px!important;}.ns-page-share-bar{margin-top:5px!important;margin-bottom:5px!important;}}
.ns-page-share-button,#book-share-button.ns-page-share-button{background-image:none!important;list-style:none!important;gap:0!important}.ns-page-share-button img,.ns-page-share-button svg,.ns-page-share-button picture,.ns-page-share-button canvas,#book-share-button.ns-page-share-button img,#book-share-button.ns-page-share-button svg{display:none!important}.ns-page-share-button::after{content:none!important}

#page-home > .home-section{width:min(1280px,calc(100% - 48px))!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;}
#page-home .home-shop .shop-teasers>a,#page-home .melancholia-feature{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)!important;gap:clamp(24px,4vw,48px)!important;}
#page-home .home-shop .shop-teasers>a>img,#page-home .melancholia-feature figure{margin-left:0!important;margin-right:0!important;}
#page-home .melancholia-copy,#page-home .home-shop .shop-teasers>a>div{text-align:left!important;}
@media(max-width:800px){
#page-home > .home-section{width:calc(100% - 28px)!important;}
#page-home .art-grid>a,#page-home .home-shop .shop-teasers>a,#page-home .melancholia-feature{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)!important;gap:16px!important;}
}

body{position:relative!important;}body::before{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border:12px solid var(--action-blue,#5f7084)!important;box-sizing:border-box!important;pointer-events:none!important;}@media(max-width:800px){body::before{border-width:7px!important;}}
#page-home .ns-expo-home-copy .button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;box-sizing:border-box!important;padding:11px 16px!important;font-family:var(--sans)!important;font-size:.66rem!important;font-weight:400!important;line-height:1!important;letter-spacing:.13em!important;text-transform:uppercase!important;white-space:nowrap!important;background:var(--action-blue)!important;color:var(--cream-on-blue)!important;}@media(max-width:800px){#page-home .ns-expo-home-copy .button{min-height:40px!important;padding:10px 13px!important;font-size:.61rem!important;letter-spacing:.11em!important;}}
#page-home .art-grid .art-card-title{font-family:var(--serif)!important;font-size:clamp(2.05rem,3.25vw,3rem)!important;font-weight:400!important;line-height:1!important;letter-spacing:-.035em!important;}@media(max-width:800px){#page-home .art-grid .art-card-title{font-size:1.72rem!important;}}
:root{--ns-frame-width:12px;}body::before{border-width:var(--ns-frame-width)!important;}.site-top-rule{height:var(--ns-frame-width)!important;min-height:var(--ns-frame-width)!important;}.site-footer .footer-copyright::after{height:var(--ns-frame-width)!important;}@media(max-width:800px){:root{--ns-frame-width:7px;}}
:root{--ns-frame-width:17px;}html{border:0!important;}body::before{border:var(--ns-frame-width) solid var(--action-blue,#5f7084)!important;}@media(max-width:800px){:root{--ns-frame-width:10px;}}
#page-home .ns-expo-home-layout{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)!important;column-gap:clamp(24px,4vw,48px)!important;}#page-home .ns-expo-home-copy{grid-column:2;min-width:0;text-align:left;}#page-home .ns-expo-home-contact{margin-top:24px;}#page-home .ns-expo-home-contact p{font-family:var(--serif);font-size:clamp(1rem,1.45vw,1.32rem);line-height:1.38;margin:0 0 12px!important;}@media(max-width:800px){#page-home .ns-expo-home-layout{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)!important;column-gap:16px!important;row-gap:18px!important;}#page-home .ns-expo-home-image{grid-column:1/-1;}#page-home .ns-expo-home-contact p{font-size:1.05rem;}}
#page-home .art-grid .art-card-title{text-transform:none!important;}#page-home .art-card-copy .art-card-intro{font-family:var(--serif)!important;font-size:clamp(1rem,1.45vw,1.32rem)!important;font-weight:400!important;line-height:1.38!important;letter-spacing:normal!important;text-transform:none!important;color:var(--action-blue,#5f7084)!important;margin:12px 0 0!important;}#page-fleurs .page-heading h1,#page-fragments-de-toits .page-heading h1,#page-reinette .page-heading h1{font-size:clamp(2rem,5vw,3.75rem)!important;line-height:1.12!important;}@media(max-width:800px){#page-home .art-card-copy .art-card-intro{font-size:1.05rem!important;}#page-fleurs .page-heading h1,#page-fragments-de-toits .page-heading h1,#page-reinette .page-heading h1{font-size:clamp(1.8rem,8.75vw,2.625rem)!important;}}
.ns-footer-bottom{margin-top:24px;}.ns-footer-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:24px;}.site-footer .ns-footer-bottom .footer-copyright{width:auto!important;margin:0!important;}.site-footer .ns-footer-bottom .footer-copyright::after{display:none!important;}.ns-footer-bottom::after{content:"";display:block;height:var(--ns-frame-width);background:var(--action-blue);margin-top:18px;}.ns-footer-home-contact{display:none;max-width:280px;}.ns-footer-home-contact p{margin:0 0 10px;font-family:var(--serif);font-size:1rem;line-height:1.38;letter-spacing:normal;text-transform:none;}.ns-footer-home-contact .button{display:inline-flex;align-items:center;justify-content:center;margin:0;min-height:40px;padding:10px 13px;font-family:var(--sans);font-size:.61rem;line-height:1;letter-spacing:.11em;background:var(--action-blue)!important;color:var(--cream-on-blue)!important;}body:has(#page-home.is-active) .ns-footer-home-contact{display:block;}@media(max-width:800px){.ns-footer-bottom-row{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:16px;}.site-footer .ns-footer-bottom .footer-copyright{font-size:.68rem!important;letter-spacing:.08em;}.ns-footer-home-contact p{font-size:.95rem;}}

/* Homepage editorial area: clean transition without a thin decorative line. */
#page-home .hero.editorial-grid{position:relative!important;padding-bottom:28px!important;}
/* Keep the existing 3px rules between the major shop, Melancholia and exhibition sections. */
#page-home .home-section.home-shop,#page-home .home-section.melancholia-home,#page-home .home-section.ns-expo-home{border-top-width:3px!important;}
/* The single line after the exhibition replaces the old heavy footer top border. */
body:has(#page-home.is-active) > .site-footer{border-top:1px solid var(--action-blue,#5f7084)!important;}
/* Remove the extra thick stroke below the Contact/copyright row, never the page frame. */
.site-footer .ns-footer-bottom::after{content:none!important;display:none!important;height:0!important;}
/* Footer: copyright on the left, single Contact link aligned with the exhibition action. */
.site-footer .ns-footer-bottom-row{display:grid!important;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)!important;gap:clamp(24px,4vw,48px)!important;align-items:center!important;}
.site-footer .ns-footer-home-contact{max-width:none!important;justify-self:start!important;text-align:left!important;}
.site-footer .ns-footer-home-contact .ns-footer-contact-link{font-family:var(--sans,Arial,sans-serif)!important;font-size:.78rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:none!important;line-height:1.3!important;color:var(--action-blue,#5f7084)!important;display:inline-block!important;text-decoration:none!important;}
.site-footer .ns-footer-home-contact .ns-footer-contact-link:hover{text-decoration:underline!important;}
@media(max-width:800px){
.site-footer .ns-footer-bottom-row{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)!important;gap:16px!important;}
.site-footer .ns-footer-home-contact .ns-footer-contact-link{font-size:.68rem!important;}
}
/* Menu lettering: match NOTSTEPHAN in the site header. */
.site-header > #ns-site-dropdown > #ns-site-trigger > .ns-menu-text{font-size:20px!important;font-weight:700!important;letter-spacing:.09em!important;line-height:1.25!important;}
@media(max-width:800px){.site-header > #ns-site-dropdown > #ns-site-trigger > .ns-menu-text{font-size:clamp(15px,4.25vw,18px)!important;letter-spacing:.065em!important;}}

/* Keep the footer action aligned with the Exposition virtuelle CTA. */
.site-footer .ns-footer-home-contact .ns-footer-contact-link{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
min-height:42px!important;
padding:11px 16px!important;
margin:0!important;
font-family:var(--sans,Arial,sans-serif)!important;
font-size:.66rem!important;
font-weight:400!important;
line-height:1!important;
letter-spacing:.13em!important;
text-transform:uppercase!important;
white-space:nowrap!important;
background:var(--action-blue,#5f7084)!important;
color:var(--cream-on-blue,#f6eedf)!important;
border:0!important;
text-decoration:none!important;
}
.site-footer .ns-footer-home-contact .ns-footer-contact-link:hover{text-decoration:none!important;filter:brightness(.92);}
@media(max-width:800px){
.site-footer .ns-footer-home-contact .ns-footer-contact-link{min-height:40px!important;padding:10px 13px!important;font-size:.61rem!important;letter-spacing:.11em!important;}
}

#ns-site-nav a[href="/livre.html"]{border:0!important;padding-left:0!important;margin-left:0!important}

/* Art categories: separate Fleurs, Paris and Reinette with whitespace only. Preserve the bold 3px separators of major sections. */
#page-home .hero.editorial-grid::after{content:none!important;display:none!important;}
#page-home .hero + .home-section .art-grid>a::before,
#page-home .hero + .home-section .art-grid>a::after{content:none!important;display:none!important;}
#page-home .hero + .home-section .art-grid>a{border:0!important;padding-top:22px!important;padding-bottom:22px!important;}
#page-home .hero + .home-section .art-grid>a:first-child{padding-top:0!important;}
#page-home .hero + .home-section .art-grid>a:last-child{padding-bottom:0!important;}
@media(min-width:801px){#page-home .hero + .home-section .art-grid{gap:clamp(28px,3vw,40px)!important;}#page-home .hero + .home-section .art-grid>a{padding-top:0!important;padding-bottom:0!important;}}

/* Audit: accessible keyboard focus and clear purchase information. */
a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid currentColor;outline-offset:4px}.ns-shipping-note{font-size:14px;line-height:1.5;margin:12px 0 20px}.skip-link{position:absolute;left:20px;top:-100px;z-index:9999;background:#f6eedf;padding:12px}.skip-link:focus{top:20px}


/* NOTSTEPHAN — harmony 2026-10-16: homepage book, mugs, Melancholia and exhibition. */
#page-home .home-shop .shop-teasers>a[href="/livre.html"] h3,
#page-home .home-shop .shop-teasers>a[href="/mug.html"] h3,
#page-home .melancholia-copy h2 {
  font-family:var(--serif,Georgia,serif)!important;
  font-size:clamp(2.05rem,3.25vw,3rem)!important;
  font-weight:400!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  color:var(--action-blue,#5f7084)!important;
  margin:0 0 12px!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}
#page-home .home-shop .shop-teasers>a>img,
#page-home .melancholia-feature figure {
  width:100%!important;
  max-width:340px!important;
  margin-left:0!important;
  margin-right:0!important;
}
#page-home .home-shop .shop-teasers>a>img {
  aspect-ratio:1 / 1!important;
  object-fit:contain!important;
}
#page-home #ns-expo-home-title {
  font-size:clamp(1.8rem,3.5vw,3.45rem)!important;
  font-weight:400!important;
  line-height:1.1!important;
  letter-spacing:-.03em!important;
}
#page-home .ns-expo-home-image {
  width:min(100%,380px)!important;
  max-width:380px!important;
  justify-self:start!important;
  margin-left:0!important;
  margin-right:0!important;
}
#page-home .ns-expo-home-image img {
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
@media(max-width:800px) {
  #page-home .home-shop .shop-teasers>a[href="/livre.html"] h3,
  #page-home .home-shop .shop-teasers>a[href="/mug.html"] h3,
  #page-home .melancholia-copy h2 {
    font-size:1.72rem!important;
    line-height:1.1!important;
    margin-bottom:10px!important;
  }
  #page-home .ns-expo-home-image {
    width:min(92%,340px)!important;
    max-width:340px!important;
    justify-self:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #page-home #ns-expo-home-title {
    font-size:clamp(1.75rem,7.5vw,2.2rem)!important;
  }
}



/* NOTSTEPHAN — mobile social footer: 2 by 2 buttons, no sideways overflow. */
@media (max-width: 800px) {
  .site-footer .footer-primary,
  .site-footer .footer-primary > div {
    width: 100%!important;
    max-width: 100%!important;
    min-width: 0!important;
    box-sizing: border-box!important;
  }
  .site-footer .social {
    display: grid!important;
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
    grid-auto-flow: row!important;
    justify-content: stretch!important;
    justify-items: stretch!important;
    align-items: stretch!important;
    gap: 9px!important;
    width: 100%!important;
    max-width: 100%!important;
    min-width: 0!important;
    margin: 0!important;
    padding: 0!important;
    overflow-x: hidden!important;
    overflow-y: visible!important;
    white-space: normal!important;
    scroll-snap-type: none!important;
    box-sizing: border-box!important;
  }
  .site-footer .social > a {
    display: flex!important;
    flex: 0 1 auto!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 7px!important;
    width: 100%!important;
    min-width: 0!important;
    max-width: 100%!important;
    min-height: 44px!important;
    margin: 0!important;
    padding: 9px 6px!important;
    box-sizing: border-box!important;
    white-space: nowrap!important;
    font-size: 12px!important;
    letter-spacing: 0!important;
    line-height: 1.2!important;
    text-align: center!important;
    border: 1px solid var(--action-blue,#5f7084)!important;
  }
  .site-footer .social > a > .social-icon {
    display: block!important;
    width: 15px!important;
    height: 15px!important;
    flex: 0 0 15px!important;
  }
  .site-footer .social > a > span {
    min-width: 0!important;
    width: auto!important;
    font-size: inherit!important;
    letter-spacing: 0!important;
    white-space: nowrap!important;
  }
}