/* Page « L'atelier » : un carnet d'atelier. Photos tirées sur papier et scotchées, tampon, étiquette à pointillés,
   titres soulignés d'un trait de crayon. Même papier que la fiche de la page Contact (#FFFDF8, bordure #E3D6BF). */
.at{--papier:#FFFDF8;--bord-papier:#E3D6BF;background:var(--fond)}
.at-in{max-width:1344px;margin:0 auto;padding:0 var(--g);box-sizing:border-box}
.at-deux{display:grid;gap:clamp(40px,5vw,80px);align-items:center}
@media (min-width:960px){.at-deux{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}

/* Textes courants */
.at-txt p{margin:0 0 18px;max-width:560px;font-size:clamp(16px,1.3vw,17px);line-height:1.75;color:var(--texte)}
.at-txt p:last-child{margin-bottom:0}
/* Titre de section souligné d'un trait de crayon */
.at-h2{margin:12px 0 26px;padding-bottom:18px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(34px,4.4vw,56px);line-height:1.08;color:var(--noyer);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 12'%3E%3Cpath d='M2 8c18-5 34-6 52-3s30 4 46 0 26-4 38-1' fill='none' stroke='%23C89B62' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat left bottom/132px 12px}

/* Tirage photo : bord papier et ombre portée */
.at-tirage{position:relative;margin:0;padding:clamp(8px,1.1vw,12px);background:var(--papier);border:1px solid #EADFCB;box-shadow:0 22px 44px -26px rgba(42,33,25,.55)}
.at-tirage img{width:100%}
.at-tirage figcaption{padding:10px 2px 2px;font-size:14px;line-height:1.45;color:var(--texte2)}
/* Morceau de ruban adhésif posé en haut */
.at-scotch{position:relative}
.at-scotch::before{content:"";position:absolute;z-index:2;top:-13px;left:50%;width:clamp(72px,9vw,104px);height:26px;margin-left:clamp(-52px,-4.5vw,-36px);background:rgba(232,211,174,.78);box-shadow:0 1px 2px rgba(42,33,25,.12);transform:rotate(-3deg);pointer-events:none}

/* ---------- Ouverture ---------- */
.at-ouv{max-width:1344px;margin:0 auto;padding:clamp(24px,4vw,64px) var(--g) clamp(64px,8vw,104px);box-sizing:border-box;display:grid;gap:clamp(36px,5vw,56px) clamp(40px,6vw,96px);grid-template-areas:"txt" "photo" "carnet"}
@media (min-width:960px){.at-ouv{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"txt photo" "carnet photo";align-items:start}}
.at-ouv-txt{grid-area:txt;min-width:0}
.at-ouv h1{margin:14px 0 20px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(42px,5.6vw,78px);line-height:1.03;color:var(--noyer);letter-spacing:-.01em}
.at-ouv h1 em{display:block;font-style:italic;font-weight:400;color:#3F5A3A}
.at-chapo{margin:0;max-width:500px;font-size:clamp(16.5px,1.4vw,18.5px);line-height:1.7;color:var(--texte)}
.at-ouv-photo{grid-area:photo;position:relative;margin:0 auto;width:100%;max-width:460px;padding:14px 6px 26px;box-sizing:border-box}
.at-ouv-photo .at-tirage{transform:rotate(1.4deg)}
/* Tampon encré, à cheval sur le coin de la photo */
.at-tampon{position:absolute;z-index:3;left:-4px;bottom:0;width:clamp(86px,12vw,108px);aspect-ratio:1;border-radius:50%;border:2px solid var(--noyer);background:rgba(250,247,242,.9);box-shadow:inset 0 0 0 4px rgba(250,247,242,.9),inset 0 0 0 5px var(--noyer);display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-12deg);pointer-events:none}
.at-tampon span{padding:0 13px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(13px,1.4vw,15px);line-height:1.1;color:var(--noyer)}

/* Étiquette « Carnet d'atelier » : lignes à pointillés, comme une fiche de stock */
.at-carnet{grid-area:carnet;position:relative;max-width:500px;width:100%;box-sizing:border-box;padding:clamp(20px,2.6vw,30px) clamp(20px,2.6vw,32px) clamp(14px,2vw,22px);background:var(--papier);border:1px solid var(--bord-papier);border-radius:2px;box-shadow:0 18px 40px -30px rgba(42,33,25,.5)}
.at-carnet::before{content:"";position:absolute;inset:8px;border:1px dashed #E8DAC2;pointer-events:none}
.at-carnet h2{position:relative;margin:0 0 6px;padding-bottom:10px;border-bottom:2px solid var(--noyer);font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(21px,2vw,24px);color:var(--noyer)}
.at-carnet dl{position:relative;margin:0}
.at-carnet dl div{display:flex;align-items:baseline;gap:4px 0;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #EFE5D3}
.at-carnet dl div:last-child{border-bottom:0}
.at-carnet dt{display:flex;flex:1 1 auto;align-items:baseline;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--texte2);font-weight:500}
.at-carnet dt::after{content:"";flex:1;min-width:14px;margin:0 10px;border-bottom:1px dotted #B8A587;transform:translateY(-3px)}
.at-carnet dd{margin:0 0 0 auto;font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;font-weight:600;line-height:1.2;color:var(--noyer);text-align:right}

/* ---------- Qui je suis ---------- */
.at-parcours{background:var(--doux);padding:clamp(64px,8vw,112px) 0}
.at-parcours .at-txt p:first-of-type::first-letter{float:left;margin:6px 10px 0 0;font-family:'Cormorant Garamond',Georgia,serif;font-size:3.6em;line-height:.8;font-weight:500;color:var(--noyer)}
/* Tirage « polaroïd » de la médaille */
.at-polaroid{margin:14px auto 0;width:100%;max-width:340px;padding:12px 12px 0;box-sizing:border-box;background:#fff;box-shadow:0 26px 50px -28px rgba(42,33,25,.6);transform:rotate(-2deg)}
.at-polaroid img{width:100%}
.at-polaroid figcaption{padding:14px 6px 18px;text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(18px,1.8vw,20px);line-height:1.3;color:var(--noyer)}

/* ---------- Ma façon de travailler ---------- */
.at-facon{padding:clamp(64px,8vw,112px) 0}
.at-cote{display:grid;gap:clamp(28px,3vw,40px);max-width:500px;width:100%;margin:0 auto}
.at-chiffres{margin:0;padding:0;list-style:none;border-top:1px solid var(--or)}
.at-chiffres li{display:grid;grid-template-columns:auto 1fr;gap:4px 20px;align-items:center;padding:18px 0;border-bottom:1px solid #E3D6BF}
.at-chiffre{display:inline-flex;align-items:center;gap:8px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(42px,4.6vw,56px);line-height:1;color:var(--noyer);white-space:nowrap}
.at-chiffre .ic{width:20px;height:20px;color:var(--accent)}
.at-chiffres li>span:last-child{font-size:15px;line-height:1.55;color:var(--texte)}
@media (max-width:420px){.at-chiffres li{grid-template-columns:1fr}}
/* Note épinglée : la phrase sur les machines */
.at-note{margin:8px 0 0;padding:28px clamp(22px,2.6vw,30px) 24px;background:var(--papier);border:1px solid #EADFCB;box-shadow:0 18px 36px -26px rgba(42,33,25,.55);transform:rotate(-1deg);font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(21px,2.1vw,25px);line-height:1.35;color:var(--noyer)}

/* Étapes d'une planche : pastilles numérotées sur chaque tirage */
.at-etapes-t{margin:clamp(56px,7vw,96px) 0 clamp(28px,3vw,40px);font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(26px,2.6vw,32px);line-height:1.2;color:var(--noyer)}
.at-etapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,3vw,40px) clamp(16px,2.6vw,32px);margin:0;padding:0;list-style:none}
@media (min-width:900px){.at-etapes{grid-template-columns:repeat(4,minmax(0,1fr))}}
.at-etapes figure{position:relative;margin:0;padding:clamp(6px,.9vw,10px);background:var(--papier);border:1px solid #EADFCB;box-shadow:0 18px 36px -26px rgba(42,33,25,.5)}
.at-etapes img{width:100%}
.at-etapes figcaption{padding:10px 2px 4px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(17px,1.5vw,19px);line-height:1.25;color:var(--noyer)}
.at-n{position:absolute;z-index:2;top:-14px;left:-10px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--noyer);color:var(--sable);font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:600;font-size:21px;box-shadow:0 0 0 4px var(--fond)}
.at-n .ic{width:19px;height:19px}
/* La planche finie est une autre planche : pastille verte, légende en italique, séparée par un pointillé */
.at-finie .at-n{background:#3F5A3A}
.at-finie figcaption{font-style:italic;font-weight:500}
@media (min-width:900px){.at-finie{position:relative}.at-finie::before{content:"";position:absolute;left:calc(clamp(16px,2.6vw,32px) / -2);top:8%;bottom:8%;border-left:1px dashed var(--or)}}

/* ---------- Le bois (bande vert sapin) ---------- */
.at-bois{background:var(--sapin);color:#F6F0E6;padding:clamp(64px,8vw,112px) 0}
.at-bois .at-h2{color:#F6F0E6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 12'%3E%3Cpath d='M2 8c18-5 34-6 52-3s30 4 46 0 26-4 38-1' fill='none' stroke='%23E8D3AE' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.at-bois .at-txt p{color:#DCE3D0}
.at-bois .at-txt p.at-noyer{margin-top:28px;padding-left:20px;border-left:2px solid var(--or);font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(20px,1.9vw,24px);line-height:1.4;color:#F6F0E6}
/* Deux tirages qui se chevauchent */
.at-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,20px);max-width:560px;width:100%;margin:0 auto;padding:10px 4px 30px;box-sizing:border-box}
.at-collage .at-tirage:first-child{transform:rotate(-2deg)}
.at-collage .at-tirage:last-child{transform:translateY(30px) rotate(2deg)}
.at-collage figcaption{font-size:13.5px}
/* Note « Une histoire de fente » */
.at-anecdote{display:grid;grid-template-columns:minmax(0,1fr);gap:20px clamp(20px,3vw,36px);align-items:center;max-width:880px;margin:clamp(64px,7vw,96px) auto 0;padding:clamp(24px,3vw,36px);box-sizing:border-box;background:var(--papier);color:var(--texte);box-shadow:0 26px 50px -28px rgba(0,0,0,.6);transform:rotate(-.6deg)}
@media (min-width:600px){.at-anecdote{grid-template-columns:180px minmax(0,1fr)}}
.at-anecdote img{width:100%;max-width:220px;border-radius:2px}
.at-anecdote h3{margin:0 0 10px}
.at-anecdote p{margin:0 0 6px;font-size:clamp(16px,1.3vw,17px);line-height:1.7}
.at-lien{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--noyer);text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:5px}
.at-lien .ic{width:16px;height:16px;transition:transform .2s}
.at-lien:hover{color:var(--accent)}
.at-lien:hover .ic{transform:translateX(3px)}

/* ---------- L'atelier en images : mur de tirages ---------- */
.at-galerie{padding:clamp(64px,8vw,112px) 0}
.at-galerie-tete{max-width:640px;margin-bottom:clamp(36px,4vw,56px)}
.at-galerie-tete p{margin:0;font-size:clamp(16px,1.3vw,17px);line-height:1.75;color:var(--texte)}
.at-mur{columns:1;column-gap:clamp(14px,2.4vw,36px)}
@media (min-width:350px){.at-mur{columns:2}}
@media (min-width:900px){.at-mur{columns:3}}
.at-mur .at-tirage{break-inside:avoid;margin:0 0 clamp(20px,2.8vw,40px);transition:transform .3s ease}
.at-mur .at-tirage:nth-child(3n+1){transform:rotate(-1deg)}
.at-mur .at-tirage:nth-child(3n+2){transform:rotate(.8deg)}
.at-mur .at-tirage:nth-child(3n){transform:rotate(-.4deg)}
.at-mur .at-tirage:hover{transform:none}
.at-mur figcaption{color:var(--texte)}
.at-mur figcaption small{display:flex;gap:6px;align-items:flex-start;margin-top:6px;font-size:12.5px;line-height:1.45;color:var(--texte2)}
.at-mur figcaption small .ic{width:14px;height:14px;margin-top:2px;color:var(--accent)}

/* ---------- Pour finir (bande noyer) ---------- */
.at-fin{background:var(--noyer);color:#F6F0E6;text-align:center;padding:clamp(72px,10vw,120px) var(--g)}
.at-fin-in{max-width:820px;margin:0 auto}
.at-fin .filet{width:36px;height:2px;margin:0 auto 30px;background:var(--or)}
.at-fin-txt{margin:0 0 22px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(25px,3.2vw,40px);line-height:1.32;color:#F6F0E6}
.at-signature{margin:0 0 40px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(26px,2.6vw,32px);color:var(--sable)}
.at-fin-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 14px}
.at-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;box-sizing:border-box;border:1px solid var(--sable);border-radius:2px;background:var(--sable);color:var(--noyer);font-size:13.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.at-btn .ic{width:18px;height:18px}
.at-btn:hover{background:#F6F0E6;border-color:#F6F0E6}
.at-btn.contour{background:transparent;color:#F6F0E6}
.at-btn.contour:hover{background:rgba(246,240,230,.1)}
.at-fin a:focus-visible{outline-color:var(--sable)}
@media (max-width:600px){.at-btn{width:100%;padding:10px 18px;letter-spacing:.08em}}