/* Page Gravure personnalisée. S'appuie sur css/carnet.css (tirage, ruban, papier, titre au crayon, questions). */
.gr{background:var(--fond)}
.gr-in{max-width:1344px;margin:0 auto;padding:0 var(--g);box-sizing:border-box}

/* Ouverture : texte à gauche, photo inclinée à droite */
.gr-ouv{max-width:1344px;margin:0 auto;padding:clamp(24px,4vw,64px) var(--g) clamp(56px,7vw,96px);box-sizing:border-box;display:grid;gap:clamp(36px,5vw,72px);align-items:center}
@media (min-width:960px){.gr-ouv{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
.gr-ouv h1{margin:14px 0 20px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(42px,5.6vw,76px);line-height:1.03;color:var(--noyer);letter-spacing:-.01em}
.gr-ouv h1 em{display:block;font-style:italic;font-weight:400;color:#3F5A3A}
.gr-chapo{margin:0;max-width:540px;font-size:clamp(16.5px,1.4vw,18.5px);line-height:1.7;color:var(--texte)}
.gr-ouv-photo{margin:0 auto;width:100%;max-width:420px;padding:14px 6px 6px;box-sizing:border-box}
.gr-ouv-photo .carnet-tirage{transform:rotate(2deg)}

/* Deux tarifs : étiquettes d'atelier avec un trou et une ficelle */
.gr-tarifs{padding:0 0 clamp(64px,8vw,104px)}
.gr-etiquettes{display:grid;gap:clamp(24px,3vw,36px);margin:clamp(28px,3.4vw,44px) 0 0;padding:0;list-style:none;max-width:980px}
@media (min-width:760px){.gr-etiquettes{grid-template-columns:1fr 1fr}}
.gr-etiquette{padding:clamp(26px,3vw,36px) clamp(22px,3vw,34px) clamp(22px,2.6vw,30px) clamp(54px,6vw,72px);border-radius:2px 14px 14px 2px}
.gr-etiquette:nth-child(1){transform:rotate(-.8deg)}
.gr-etiquette:nth-child(2){transform:rotate(.6deg)}
.gr-trou{position:absolute!important;left:clamp(18px,2.2vw,26px);top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--fond);box-shadow:inset 0 1px 2px rgba(42,33,25,.35),0 0 0 3px #E3D6BF}
.gr-etiquette h3{margin:0 0 10px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(21px,2vw,25px);line-height:1.2;color:var(--noyer)}
.gr-prix{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px dashed #D9C7A8}
.gr-prix strong{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(34px,3.6vw,44px);line-height:1;color:var(--accent)}
.gr-prix span{font-size:14px;color:var(--texte2)}
.gr-etiquette p:last-child{margin:0;font-size:15px;line-height:1.6;color:var(--texte)}
.gr-delai{display:flex;gap:10px;align-items:flex-start;max-width:720px;margin:clamp(28px,3vw,40px) 0 0;font-size:15.5px;line-height:1.6;color:var(--texte)}
.gr-delai .ic{width:20px;height:20px;flex:none;margin-top:2px;color:var(--accent)}

/* En trois temps : frise horizontale sur grand écran, verticale sur téléphone */
.gr-etapes{background:var(--doux);padding:clamp(64px,8vw,104px) 0}
.gr-frise{display:grid;gap:28px;margin:clamp(28px,3.4vw,44px) 0 0;padding:0;list-style:none;counter-reset:none}
@media (min-width:860px){.gr-frise{grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px)}}
.gr-frise li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 16px;align-content:start}
.gr-n{grid-row:span 2;width:44px;height:44px;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:22px;box-shadow:0 0 0 5px var(--doux);position:relative;z-index:1}
.gr-frise strong{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(21px,2vw,24px);line-height:1.2;color:var(--noyer);padding-top:8px}
.gr-frise li>span:last-child{font-size:15.5px;line-height:1.6;color:var(--texte)}
/* Filet pointillé entre les étapes */
@media (max-width:859px){.gr-frise li:not(:last-child)::before{content:"";position:absolute;left:21px;top:48px;bottom:-26px;border-left:1px dashed var(--or)}}
/* Grand écran : numéro au-dessus, titre et texte dessous ; le pointillé relie les numéros sans croiser les titres */
@media (min-width:860px){
.gr-frise li{grid-template-columns:minmax(0,1fr);gap:6px}
.gr-n{grid-row:auto;margin-bottom:8px}
.gr-frise strong{padding-top:0}
.gr-frise li:not(:last-child)::before{content:"";position:absolute;left:56px;right:calc(clamp(24px,3vw,44px) * -1 + 12px);top:22px;border-top:1px dashed var(--or)}
}

/* Exemples : tirages en colonnes */
.gr-exemples{padding:clamp(64px,8vw,104px) 0}
.gr-mur{columns:1;column-gap:clamp(14px,2.4vw,36px);max-width:980px;margin-top:clamp(28px,3.4vw,44px)}
@media (min-width:350px){.gr-mur{columns:2}}
.gr-mur .carnet-tirage{break-inside:avoid;margin:0 0 clamp(20px,2.8vw,36px)}
.gr-mur .carnet-tirage:nth-child(odd){transform:rotate(-.8deg)}
.gr-mur .carnet-tirage:nth-child(even){transform:rotate(.7deg)}
.gr-mur figcaption{font-size:clamp(15px,1.4vw,17px)}

/* Questions */
.gr-questions{padding:0 0 clamp(64px,8vw,104px)}

/* Pour finir */
.gr-fin{background:var(--noyer);padding:clamp(56px,7vw,88px) 0;text-align:center}
.gr-fin p{margin:0 auto 26px;max-width:620px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(23px,2.6vw,32px);line-height:1.35;color:#F6F0E6}
.gr-fin-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 14px}
.gr-fin .btn{background:var(--sable);color:var(--noyer)}
.gr-fin .btn .ic{width:18px;height:18px}
.gr-btn-contour{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border:1px solid var(--sable);border-radius:2px;box-sizing:border-box;color:#F6F0E6;font-size:14px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.gr-btn-contour:hover{background:rgba(246,240,230,.1)}
.gr-fin a:focus-visible{outline-color:var(--sable)}
@media (max-width:600px){.gr-btn-contour{width:100%}}