/* Généré par tools/build-theme-css.py depuis maquette/site/accueil.html — ne pas éditer. */

/* ===== accueil.html (styles internes) ===== */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbf5e9;color:#172e28;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.hero{height:860px;min-height:650px;max-height:1100px;position:relative;overflow:hidden;background:#102e32;color:#fff7e9}.light{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:center 48%;animation:breathe 18s ease-in-out infinite alternate}.wash{position:absolute;inset:0;background:linear-gradient(90deg,#071f29a8,transparent 70%)}nav{position:absolute;z-index:3;top:0;left:0;width:100%;padding:28px 4%;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.14em}nav div{display:flex;gap:28px}.wordmark{position:absolute;z-index:2;top:80px;left:3%;width:94%;font:clamp(75px,18.7vw,285px)/.8 Georgia,serif;letter-spacing:-.055em;color:#ffa7d0}.jewel-scene{position:absolute;top:32%;right:8%;width:35%;height:58%;transform:rotate(8deg);background:#f5f0e4;border-radius:49% 49% 44% 44%;box-shadow:0 18px 65px #001e2860;overflow:hidden}.jewel-scene:before{content:'';position:absolute;inset:0;background:url('../../img/rose.jpg') center/cover;opacity:.16}.product{position:absolute;left:14%;top:6%;width:72%;height:87%;transform:rotate(-8deg);filter:drop-shadow(0 7px 5px #31251030)}.hero-copy{position:absolute;left:5%;bottom:13%;max-width:46%;z-index:2}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase}.hero h1{font:normal clamp(38px,5vw,80px)/1.02 Georgia,serif;margin:22px 0 30px}.hero h1 em{color:#ffc1de;font-weight:normal}.cta{display:inline-flex;align-items:center;gap:40px;padding:18px 24px;background:#fff6e6;color:#16362d;border:0;font-size:11px;letter-spacing:.12em}.hero-foot{position:absolute;bottom:22px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em}.ribbon{background:#f02c98;color:#142b2a;padding:20px;text-align:center;font:italic 27px Georgia,serif}.shop{padding:85px 5% 75px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.section-head h2{font:normal 56px Georgia,serif;margin:8px 0}.small-link{border-bottom:1px solid;padding:8px 0;font-size:12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.collection{min-height:400px;position:relative;overflow:hidden}.collection img{width:100%;height:400px;object-fit:cover}.collection .panel{position:absolute;bottom:22px;left:22px;background:#fff8ea;padding:21px 28px}.panel h3{font:normal 30px/1.15 Georgia,serif;margin:0 0 12px}.panel span{font-size:10px;letter-spacing:.14em}.maison{display:grid;grid-template-columns:1fr 1fr;background:#17382d;color:#fff4e5}.maison img{width:100%;height:580px;object-fit:cover;object-position:center 35%}.maison .text{padding:75px 12%;display:flex;flex-direction:column;justify-content:center}.maison h2{font:normal 53px/1.08 Georgia,serif;margin:24px 0}.maison p{font-size:15px;line-height:1.75;max-width:370px}.maison a{align-self:start;margin-top:20px}.end{padding:55px 5%;display:flex;justify-content:space-between;align-items:center}.end strong{font:normal 40px Georgia,serif}.study{background:#e9e2d6;padding:20px 5%;font-size:12px;line-height:1.6}.pause{position:fixed;bottom:12px;right:12px;background:#fff8ec;border:1px solid #adc1b5;padding:10px 14px;z-index:5;font-size:11px}body.paused .light{animation-play-state:paused}@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.045) translateX(.5%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.light{animation:none}}@media(max-width:700px){.hero{height:850px;max-height:none}nav{padding:22px 5%;font-size:10px}nav div{gap:14px}.wordmark{top:88px;font-size:18vw}.jewel-scene{top:23%;width:57%;height:38%;right:10%}.hero-copy{bottom:10%;max-width:90%}.hero h1{font-size:43px;margin:14px 0 22px}.hero-foot{bottom:16px;font-size:8px}.ribbon{font-size:21px}.shop{padding:50px 5%}.section-head{display:block}.section-head h2{font-size:42px}.grid,.maison{grid-template-columns:1fr}.collection,.collection img{height:320px;min-height:320px}.maison img{height:350px}.maison .text{padding:45px 7%}.maison h2{font-size:42px}.end{display:block}.end p{font-size:12px}.pause{font-size:10px;padding:8px}.study{padding-bottom:55px}}

.light{animation:none;inset:0;width:100%;height:100%;object-position:center}.wash{background:linear-gradient(90deg,#071f2940,transparent 58%)}.pause{display:none}@media(max-width:700px){.light{height:66%;object-position:74% center;mask-image:linear-gradient(black 85%,transparent)}.hero-copy{bottom:8%}.hero h1{font-size:37px}.hero .eyebrow{font-size:9px}.wordmark{z-index:2}.wash{background:none}}

/* Finitions : palette commune, rythme et lecture. */
:root{--papier:#fbf4e7;--rose:#ffacd2;--encre:#17382f;--accent:#e82d91}
body,.shop,.end{background:var(--papier);color:var(--encre)}
.wordmark,.hero h1 em{color:var(--rose)}
.hero h1{letter-spacing:-.035em;line-height:1.05}
.hero-copy .eyebrow{line-height:1.6;display:block;max-width:310px}
.cta,.collection .panel{background:var(--papier);color:var(--encre)}
.cta{min-height:48px;transition:background .2s,color .2s;gap:32px;font-weight:600}
.cta:hover{background:var(--rose)}
a:focus-visible{outline:2px solid var(--rose);outline-offset:7px}
nav a{padding:10px 0;text-underline-offset:7px}
nav a:hover,.hero-foot a:hover{text-decoration:underline}
.ribbon{background:var(--accent);color:#fff9ed;padding:24px 15px;font-size:25px;letter-spacing:.015em;position:relative}
.ribbon:after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:11px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 30%,83% 80%,67% 25%,49% 100%,31% 35%,14% 85%,0 20%)}
.shop{padding-top:95px;padding-bottom:95px}
.section-head h2{letter-spacing:-.035em}
.section-head>span{border:0;max-width:220px;font-size:12px;line-height:1.7;text-align:right;opacity:.8}
.collection img{display:block}
.collection .panel{right:22px;bottom:22px;padding:22px 26px;min-height:110px;border-top:3px solid var(--rose)}
.panel h3{font-size:32px;letter-spacing:-.025em}
.panel span{line-height:1.6;display:block}
.maison{background:var(--encre);border-top:6px solid #d6b17e}
.maison h2{letter-spacing:-.035em}.maison .eyebrow{color:var(--rose)}
.maison p{color:#eee5d5}.maison .small-link{padding-bottom:11px;letter-spacing:.06em}
.maison .small-link:hover{color:var(--rose)}
.end{padding-top:50px;padding-bottom:50px}.end p{font-size:12px;letter-spacing:.08em}
.study{color:#5d625c;background:#eee7db;font-size:11px}
@media(max-width:700px){.hero h1{font-size:39px}.hero-copy{bottom:8.5%}.hero-copy .eyebrow{font-size:10px;max-width:270px}.ribbon{font-size:21px;padding:22px 10px}.shop{padding-top:58px;padding-bottom:58px}.section-head>span{text-align:left;max-width:none;display:block;padding-top:8px}.collection .panel{left:16px;right:16px;bottom:16px;padding:18px 20px}.panel h3{font-size:29px}.panel span{font-size:9px}.maison .text{padding:45px 7% 50px}.end{padding:35px 5%}}
@media(prefers-reduced-motion:reduce){.cta{transition:none}}


/* Reflets attaches aux barres de la photographie. */
.hero:before{content:none}
.reflets-photo{position:absolute;top:0;left:0;overflow:hidden;pointer-events:none;z-index:1;mix-blend-mode:screen}
.reflets-photo svg{position:absolute;max-width:none}
.rod-glint{animation:rod-life var(--duration) linear var(--delay) infinite;opacity:0}
@keyframes rod-life{0%{transform:translateY(0);opacity:0}17%{opacity:.9}39%{opacity:.6}61%{opacity:1}83%{opacity:.75}100%{transform:translateY(var(--travel));opacity:0}}
.hero-foot{z-index:2}
.pause{display:block;background:#fbf4e7e8;color:#17382f;border-color:#17382f40;border-radius:2px}
body.paused .rod-glint{animation-play-state:paused}
@media(max-width:700px){.reflets-photo{mask-image:linear-gradient(black 85%,transparent)}}
@media(prefers-reduced-motion:reduce){.rod-glint{animation:none;opacity:0}.pause{display:none}}
@media(max-width:700px){.collection[href="boucles-oreilles.html"] h3{font-size:27px}}@media(min-width:701px) and (max-width:1000px){.collection .panel{padding:22px 18px;height:112px}.panel h3{font-size:22px}.panel span{font-size:9px;letter-spacing:.08em}}@media(max-width:700px){.hero nav{font-size:9px;letter-spacing:.07em;gap:12px}.hero nav div{gap:12px}}@media(max-width:360px){.hero nav{font-size:8px}.hero nav div{gap:9px}}@media(max-width:700px){.hero nav{flex-wrap:wrap;row-gap:15px}.hero nav .nav-client{margin-left:auto;gap:12px}}@media(max-width:420px){.hero nav .nav-client{width:100%;justify-content:flex-end}.wordmark{top:108px}}

/* ===== palette.css ===== */
/* Palette commune aux pages actives de la maquette. */
:root{--papier:#fdfcf9;--rose:#ffacd2;--encre:#17382f;--accent:#e82d91}
body{background:var(--papier);color:var(--encre)}
.shop,.end,.collection .panel,.cta,.zoom,dialog,#enlarge button{background:var(--papier);color:var(--encre)}
.maison,.story,.buy{background:var(--encre);color:var(--papier)}
.pause{background:#fdfcf9ed;color:var(--encre)}
.study:not(span):not(header *){background:#f3f2ee}
.cta:hover{background:var(--rose)}
.buy:hover{background:#285447}

/* ===== palette-accueil.css ===== */
/* Les accents restent crème ; les grandes surfaces sont plus claires. */
:root{--papier:#fbf4e7}
.pause{background:#fbf4e7ed}
.study{background:#eee7db}

.maison-photo{position:relative;height:auto;aspect-ratio:1.12;overflow:hidden}
.maison .maison-photo img{position:absolute;width:100%;max-width:none;height:auto;min-height:139%;object-fit:cover;left:0;top:0;transform:translateY(-28%);display:block}
@media(max-width:700px){.maison-photo{height:auto;aspect-ratio:1.12}}


.collection-alliances img{object-position:center 45%}.collection-objets-insolites img{object-position:center 43%}

/* Même contraste que les pages de catégories : papier clair et cartouches crème à fibres. */
body,.shop,.end{background-color:#ffffff}
.shop .collection .panel{
 background-color:#fbf4e7;
 background-image:url('../../img/papier-fibres-encadres.svg');
 background-size:600px 400px;
 background-repeat:repeat;
}

/* Voile local derrière le nom, au-dessus des reflets et sous la typographie. */
.hero .wash{
 z-index:2;
 pointer-events:none;
 background:linear-gradient(to bottom,rgba(3,19,30,.38) 0%,rgba(3,19,30,.48) 18%,rgba(3,19,30,.25) 34%,rgba(3,19,30,0) 49%);
}
@media(max-width:700px){
 .hero .wash{background:linear-gradient(to bottom,rgba(3,19,30,.32) 0%,rgba(3,19,30,.46) 15%,rgba(3,19,30,0) 29%)}
}

/* Raccord local des empattements L-P, proportionnel à la taille du titre. */
.wordmark .wordmark-suite{margin-left:-.022em}


@media(min-width:701px){.maison-photo{aspect-ratio:auto;align-self:stretch;min-height:580px}}

/* ===== texture-commune.css ===== */
/* Matière commune : seules les surfaces reçoivent le grain, pas les photos. */
body,.shop,.end,.collection .panel,.opening-copy,.crumb,body>header:not(.hero),body>footer,.maison .text,.story>div{
 background-image:url('../../img/grain-papier.svg');
 background-repeat:repeat;
 background-size:640px 640px;
}

/* Papier à fibres horizontales réservé aux encadrés de titre des collections. */
.collection-opening .opening-copy{background-image:url('../../img/papier-fibres-encadres.svg');background-size:600px 400px;background-repeat:repeat}

/* ===== navigation-accueil.css ===== */
.hero nav{z-index:10}
.hero nav .menu-triggers{display:flex;gap:28px}
.menu-trigger{border:0;background:none;color:inherit;padding:8px 0;font:inherit;letter-spacing:inherit;border-bottom:1px solid transparent}
.menu-trigger[aria-expanded=true]{border-bottom-color:var(--rose)}
.hero nav.menu-open{background:#17382f;color:#fff8ea}
.hero nav .mega-menu{position:absolute;top:100%;left:0;width:100%;display:block;padding:28px 4% 30px;background:#fbf4e7 url('../../img/grain-papier.svg');color:#17382f;box-shadow:0 18px 30px #001c2430;border-bottom:3px solid #e82d91;letter-spacing:normal;max-height:calc(100dvh - 130px);overflow:auto}
.hero nav .mega-menu[hidden]{display:none}
.hero nav .menu-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:20px}
.menu-heading strong{font:32px Georgia,serif;font-weight:normal}
.menu-heading a{font-size:11px;border-bottom:1px solid;padding:5px 0}
.hero nav .menu-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.menu-card{display:block}
.menu-card img{display:block;width:100%;height:190px;object-fit:cover}
.menu-card span{display:block;font:25px Georgia,serif;margin-top:12px}
.menu-card:hover span{text-decoration:underline;text-decoration-color:#e82d91;text-underline-offset:6px}
.hero nav .menu-house{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;max-width:1000px;margin:auto}
.menu-house img{width:100%;height:260px;object-fit:cover;object-position:center 70%}
.hero nav .menu-house-copy{display:block}
.menu-house h2{font:40px/1.1 Georgia,serif;margin:10px 0 20px}
.menu-house p{font-size:14px;line-height:1.8;max-width:410px}
.menu-house a{display:inline-block;margin-top:15px;padding-bottom:7px;border-bottom:1px solid;font-size:11px;letter-spacing:.08em}
.menu-trigger:focus-visible,.mega-menu a:focus-visible{outline:2px solid #e82d91;outline-offset:5px}
@media(max-width:700px){.hero nav .menu-triggers{gap:18px}.hero nav .mega-menu{padding:20px 5%;max-height:calc(100dvh - 140px)}.hero nav .menu-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.menu-card img{height:120px}.menu-card span{font-size:19px}.menu-heading strong{font-size:26px}.hero nav .menu-house{grid-template-columns:1fr;gap:15px}.menu-house img{height:150px}.menu-house h2{font-size:30px}.menu-house p{font-size:13px;margin:8px 0}}

@media(min-width:1100px){.hero nav .menu-categories{grid-template-columns:repeat(6,minmax(0,1fr))}.menu-card span{font-size:21px}.menu-card img{height:160px}}

/* Aligner la photographie sur tout le contenu du menu Atelier. */
@media(min-width:701px){
 .hero nav .menu-house{align-items:stretch}
 .hero nav .menu-house>img{height:0;min-height:100%;object-fit:cover;object-position:50% 60%;align-self:stretch}
}

/* ===== pied-de-page.css ===== */
body .site-footer{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.35fr;gap:35px;padding:56px 5% 24px;background:#17382f url('../../img/grain-papier.svg') repeat;background-size:640px;color:#fbf4e7;border-top:3px solid #ffacd2;font:13px/1.6 Arial,sans-serif;text-align:left}
body .site-footer .footer-brand>a{font:38px Georgia,serif;letter-spacing:-2px;color:#ffacd2;text-decoration:none}
body .site-footer h2{font:italic 23px Georgia,serif;margin:5px 0 21px;letter-spacing:0;color:#fbf4e7}
body .site-footer div>a{display:block;color:inherit;margin:0 0 10px;text-decoration:none}
body .site-footer div>a:hover{text-decoration:underline;text-underline-offset:5px;color:#ffacd2}
body .site-footer p{font:12px/1.6 Arial,sans-serif;letter-spacing:0;margin:12px 0}
body .site-footer .footer-note{grid-column:1/-1;border-top:1px solid #ffffff35;padding-top:20px;color:#e1e5df;font-size:11px}
.house-page-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px}.house-page-links a{font-size:12px!important}
@media(max-width:800px){body .site-footer{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:430px){body .site-footer{grid-template-columns:1fr;padding:38px 6% 20px;gap:22px}body .site-footer h2{margin-bottom:16px}}

/* ===== accueil.html (styles internes) ===== */
/* Identification readable over moving reflections; direct access to the featured ring. */
.hero-copy .eyebrow{color:#fff9ef;background:none;padding:0;max-width:max-content;text-shadow:0 1px 3px #001518,0 0 12px #001518;letter-spacing:.15em;font-weight:600}
.hero-ring-link{position:absolute;z-index:2;left:50.6%;top:40.5%;width:42%;height:49%;border-radius:45%;cursor:pointer}
.hero-ring-link:focus-visible{outline:2px solid #ffacd2;outline-offset:5px;background:#ffacd210}
@media(max-width:700px){.hero-ring-link{left:18%;top:24%;width:82%;height:34%}.hero-copy .eyebrow{max-width:max-content}}

/* ===== accueil-lisibilite.css ===== */
/* A soft photographic shade keeps the introduction separate from the reflections. */
.hero-copy::before {
  content: "";
  position: absolute;
  inset: -150px -170px -120px -160px;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse closest-side at 50% 50%, rgba(12, 47, 53, .52) 0%, rgba(12, 47, 53, .38) 35%, rgba(12, 47, 53, .16) 65%, rgba(12, 47, 53, 0) 100%);
  filter: blur(24px);
}
.hero .hero-copy h1 {
  font-size: clamp(40px, 4vw, 60px);
  line-height: 1.10;
  margin: 19px 0 27px;
  color: #fff9ef;
  text-shadow: 0 2px 8px rgba(0, 15, 20, .45);
}
.hero .hero-copy h1 em { color: #ffb9da; }
.hero .hero-copy .eyebrow {
  max-width: 360px;
  font-size: 11px;
  line-height: 1.65;
  letter-spacing: .14em;
  color: #fff9ef;
  background: none;
  padding: 0;
}
@media (max-width: 700px) {
  .hero .hero-copy h1 { font-size: 34px; }
  .hero .hero-copy .eyebrow { max-width: 300px; font-size: 10px; }
  .hero-copy::before { inset: -100px -65px -65px -65px; }
}

@media(max-width:700px){.hero .light{object-position:100% center}}

/* Keep the jewellery placement independent of the photograph crop. */
.hero .hero-ring-link{left:auto;right:3%;top:350px;width:42%;height:400px;border-radius:0;display:flex;align-items:center;justify-content:center}
.hero-ring-link img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
@media(min-width:1600px){.hero .hero-ring-link{right:3%;width:42%;height:420px;top:335px}}
@media(max-width:700px){.hero .hero-ring-link{left:10%;right:10%;top:215px;width:80%;height:270px}}

/* Harmonisation de l'accueil : une composition commune, puis des respirations. */
@media(min-width:701px){
 .hero .hero-ring-link{left:38%;right:auto;top:350px;width:48%;height:400px}
}
.shop .collection .panel{min-height:0;height:auto;padding:17px 24px;bottom:20px}
.shop .collection .panel h3{margin:0 0 9px;font-size:29px}
.shop .collection .panel span{font-size:9px;letter-spacing:.10em}
.maison .transmission{font:italic 23px/1.4 Georgia,serif;color:#ffb9da;margin-bottom:0}
@media(max-width:700px){
 .shop .collection .panel{padding:15px 18px;bottom:16px}
 .shop .collection .panel h3{font-size:26px}
 .shop .collection .panel span{font-size:8px}
}

/* Finitions : lecture des categories et transition continue. */
.hero .hero-ring-link img{filter:brightness(.97) saturate(.93)}

.shop .collection .panel span{font-size:12px;line-height:1.5;letter-spacing:.045em}
.shop .collection .panel{padding:17px 24px}
.ribbon::before{content:"";position:absolute;left:0;top:-13px;width:100%;height:14px;background:var(--accent);clip-path:polygon(0 80%,12% 45%,27% 65%,43% 15%,59% 45%,75% 75%,90% 30%,100% 60%,100% 100%,0 100%)}
@media(max-width:700px){.shop .collection .panel span{font-size:11px}.shop .collection .panel{padding:14px 18px}}

.maison .atelier-video{aspect-ratio:4/5;min-height:0;align-self:center;background:#17382f;position:relative}
.atelier-video video{display:block;width:100%;height:100%;object-fit:contain}
@media(min-width:701px){.maison{grid-template-columns:4fr 5fr}.maison .text{padding:50px 10%}}
@media(max-width:700px){.maison .atelier-video{width:100%;aspect-ratio:4/5}}

/* Inspiration, geste et récit. */
.maison{grid-template-columns:1fr 1fr 1.35fr;align-items:stretch}
.maison .atelier-inspiration,.maison .atelier-video{position:relative;aspect-ratio:auto;min-height:650px;align-self:stretch;overflow:hidden}
.maison .atelier-inspiration img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:48% 48%}
.maison .atelier-video video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}
.maison .text{padding:48px 9%}
.maison h2{font-size:44px}
@media(max-width:1050px){.maison{grid-template-columns:1fr 1fr}.maison .text{grid-column:1/-1;padding:45px 7%}.maison .text p{max-width:650px}.maison .atelier-inspiration,.maison .atelier-video{min-height:560px}}
@media(max-width:600px){.maison{grid-template-columns:1fr}.maison .atelier-inspiration{min-height:260px}.maison .atelier-video{min-height:0;aspect-ratio:9/16}.maison h2{font-size:38px}}

@media(min-width:1051px){.maison{grid-template-columns:1fr 1.35fr 1fr}.maison .atelier-inspiration{order:0}.maison .text{order:1}.maison .atelier-video{order:2}}

/* Adaptation aux grands ecrans et cadrages complets des categories. */
@media(min-width:701px){
 .shop .collection{aspect-ratio:3/2;min-height:0;height:auto}
 .shop .collection>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
}
@media(min-width:1600px){
 .hero{height:clamp(860px,54vw,1160px);max-height:none}
 .hero .wordmark{font-size:19.5vw}
 .hero .hero-ring-link{left:43%;right:auto;top:38%;width:50%;height:48%}
 .hero .hero-copy{bottom:14%}
 .hero .hero-copy h1{font-size:clamp(60px,3.6vw,86px)}
}
@media(min-width:1051px){
 .maison{grid-template-columns:1fr 1.2fr 1fr}
 .maison .atelier-video{order:0}
 .maison .text{order:1;display:flex;align-items:flex-start;justify-content:center;padding:48px 9%}
 .maison .atelier-inspiration{order:2}
 .maison .text p{max-width:none;width:100%}
 .maison h2{font-size:clamp(36px,3.1vw,54px)}
}

/* ===== raccord-barreaux.css ===== */
.raccord-barreaux{position:absolute;top:0;left:0;width:100%;height:68px;overflow:hidden;pointer-events:none}
.raccord-barreaux span{position:absolute;top:0;display:block;background-repeat:no-repeat;filter:blur(.3px);border-radius:0 0 3px 3px}
/* On phones the photograph fades out before this boundary. */
@media(max-width:700px){.raccord-barreaux{display:none}}

/* ===== reseaux.css ===== */
.social-atelier{padding:76px 5% 70px;color:#17382f;background:#fbf6ed url('../../img/papier-fibres-encadres.svg');}
.social-atelier .social-heading{max-width:1400px;margin:0 auto 30px;display:flex;gap:35px;justify-content:space-between;align-items:end}
.social-atelier h2{font:normal clamp(34px,3.5vw,52px)/1.1 Georgia,serif;margin:14px 0 0;letter-spacing:-.03em}
.social-atelier .social-heading p{max-width:440px;font:15px/1.7 Arial,sans-serif;margin:0}
.social-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.social-card{display:block;text-decoration:none;color:inherit}
.social-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 58%;transition:filter .2s}
.social-card:nth-child(2) img,.social-card:nth-child(3) img{object-position:center 69%}
.social-card span{display:flex;justify-content:space-between;padding:16px 0;font:15px Georgia,serif;border-bottom:1px solid #17382f35}
.social-card:hover img{filter:brightness(1.04)}
body .social-links{position:static;inset:auto;width:auto;height:auto;padding:0;background:none;display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin:32px 0 0;letter-spacing:normal;color:inherit}
.social-links a{display:inline-flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font:13px Arial,sans-serif;padding:9px 0;border-bottom:1px solid currentColor}
.social-links svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.social-links a:hover{color:#aa2365}.social-atelier a:focus-visible,.site-footer .social-links a:focus-visible{outline:2px solid #e82d91;outline-offset:5px}
body .site-footer .social-links{justify-content:flex-start;gap:18px;margin:22px 0 0}
body .site-footer .social-links a{display:inline-flex;font:12px Arial,sans-serif;margin:0;color:#fbf4e7}
@media(max-width:650px){.social-atelier{padding:48px 6%}.social-atelier .social-heading{display:block}.social-atelier .social-heading p{margin-top:20px}.social-grid{grid-template-columns:1fr;gap:25px}.social-card img{aspect-ratio:4/3}.social-links{gap:24px}}
@media(prefers-reduced-motion:reduce){.social-card img{transition:none}}