/*==================================================
MAISON CINNAMONN
SERVICES, PREUVES, DIRECTION, FAQ
==================================================*/

/* ---------- HERO (pages de service) ---------- */
.svc-hero .collections-hero-image img{height:72vh;min-height:520px;}
.svc-hero .collections-heading h1{font-size:clamp(3rem,6vw,6.2rem);}
.svc-hero .collections-heading p{max-width:760px;margin:0 auto;line-height:1.35;}

.svc-crumbs{font-family:var(--font-sans);font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--color-text-light);margin-bottom:26px;}
.svc-crumbs a{border-bottom:1px solid var(--color-border);}
.svc-crumbs span{margin:0 10px;}

/* ---------- EN BREF ---------- */
.svc-brief{padding:150px 0 90px;background:var(--color-background);}
.svc-brief .container-sm{width:min(900px,90%);margin:auto;text-align:center;}
.svc-brief p.lead{font-family:var(--font-serif);font-size:clamp(1.5rem,2.2vw,2.15rem);line-height:1.5;color:var(--color-text);margin-top:26px;font-weight:300;}

/* ---------- REPERES / CHIFFRES ---------- */
.facts{padding:70px 0;background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);}
.facts-grid{width:min(1300px,90%);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;text-align:center;}
.fact strong{display:block;font-family:var(--font-serif);font-weight:300;font-size:clamp(2.6rem,4vw,4rem);line-height:1;color:var(--color-text);}
.fact span{display:block;margin:16px auto 0;max-width:230px;font-family:var(--font-sans);font-size:.85rem;line-height:1.6;color:var(--color-text-light);}
.facts-refs{width:min(1000px,90%);margin:50px auto 0;text-align:center;border-top:1px solid var(--color-border);padding-top:36px;}
.facts-refs .section-label{margin-bottom:14px;}
.facts-refs p{font-family:var(--font-serif);font-size:1.6rem;font-style:italic;color:var(--color-text);line-height:1.5;}

/* ---------- CE QUE NOUS CONCEVONS ---------- */
.svc-items{padding:150px 0;background:var(--color-background);}
.svc-items .head{width:min(900px,90%);margin:0 auto 90px;text-align:center;}
.svc-items-grid{width:min(1200px,90%);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:70px 90px;}
.svc-item{border-top:1px solid var(--color-border);padding-top:26px;}
.svc-item h3{font-size:clamp(1.7rem,2.2vw,2.2rem);margin-bottom:14px;}
.svc-item p{font-size:1rem;line-height:1.8;}

/* ---------- GALERIE CONCEPTS ---------- */
.svc-concepts{padding:40px 0 150px;background:var(--color-background);}
.svc-concepts .head{width:min(900px,90%);margin:0 auto 60px;text-align:center;}
.svc-concepts .head p{margin-top:18px;font-size:.95rem;}
.svc-concepts-grid{width:min(1500px,92%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.svc-concepts-grid figure{overflow:hidden;}
.svc-concepts-grid img{height:620px;object-fit:cover;}
.svc-concepts-grid figcaption{padding-top:16px;font-family:var(--font-sans);font-size:.8rem;letter-spacing:.06em;color:var(--color-text-light);line-height:1.6;}

/* ---------- METHODE ---------- */
.method{padding:150px 0;background:var(--color-surface);}
.method .head{width:min(900px,90%);margin:0 auto 80px;text-align:center;}
.method-grid{width:min(1200px,90%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:60px;}
.method-step .num{display:block;font-family:var(--font-serif);font-size:3.4rem;font-weight:300;color:var(--color-accent);line-height:1;margin-bottom:18px;}
.method-step h3{font-size:1.9rem;margin-bottom:14px;}
.method-step p{font-size:.98rem;line-height:1.8;}

/* ---------- FAQ ---------- */
.faq{padding:150px 0;background:var(--color-background);}
.faq .head{width:min(900px,90%);margin:0 auto 70px;text-align:center;}
.faq-list{width:min(900px,90%);margin:auto;border-top:1px solid var(--color-border);}
.faq-list details{border-bottom:1px solid var(--color-border);padding:28px 0;}
.faq-list summary{cursor:pointer;list-style:none;font-family:var(--font-serif);font-size:1.6rem;font-weight:400;line-height:1.3;color:var(--color-text);display:flex;justify-content:space-between;gap:30px;align-items:baseline;}
.faq-list summary::-webkit-details-marker{display:none;}
.faq-list summary::after{content:"+";font-family:var(--font-sans);font-weight:200;font-size:1.8rem;color:var(--color-accent);transition:var(--transition);}
.faq-list details[open] summary::after{content:"–";}
.faq-list details p{margin-top:18px;max-width:760px;font-size:1rem;line-height:1.85;}

/* ---------- A LIRE ---------- */
.svc-read{padding:0 0 150px;background:var(--color-background);}
.svc-read .container-sm{width:min(900px,90%);margin:auto;text-align:center;}
.svc-read ul{margin-top:34px;}
.svc-read li{padding:16px 0;border-bottom:1px solid var(--color-border);}
.svc-read a{font-family:var(--font-serif);font-size:1.5rem;}
.svc-read a:hover{opacity:.55;}

/* ---------- AUTRES COLLECTIONS ---------- */
.svc-others{padding:0 0 150px;background:var(--color-background);}
.svc-others .container-sm{width:min(1100px,90%);margin:auto;text-align:center;}
.svc-others ul{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px 34px;justify-content:center;}
.svc-others a{font-family:var(--font-sans);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid var(--color-border);}
.svc-others a:hover{opacity:.55;}

/* ---------- ACCUEIL : grille des collections ---------- */
.coll-grid-section{padding:170px 0 120px;background:var(--color-background);}
.coll-grid-section .coll-intro{width:min(900px,90%);margin:0 auto 90px;text-align:center;}
.coll-grid{width:min(1500px,92%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:46px 30px;}
.coll-card{display:block;}
.coll-card .img{overflow:hidden;}
.coll-card img{height:440px;object-fit:cover;transition:transform 1.2s ease;}
.coll-card:hover img{transform:scale(1.03);}
.coll-card .num{display:block;margin:22px 0 8px;}
.coll-card h3{font-size:clamp(1.7rem,2vw,2.1rem);margin-bottom:10px;}
.coll-card p{font-size:.95rem;line-height:1.7;max-width:420px;}
.coll-more{text-align:center;margin-top:80px;}
.coll-more a{display:inline-flex;padding:18px 46px;border:1px solid var(--color-border);font-family:var(--font-sans);font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;}
.coll-more a:hover{background:var(--color-text);color:#fff;}

/* ---------- LA DIRECTION ---------- */
.direction{padding:170px 0;background:var(--color-surface);}
.direction .head{width:min(900px,90%);margin:0 auto 90px;text-align:center;}
.direction .head p{margin:26px auto 0;max-width:640px;}
.direction-grid{width:min(1100px,90%);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:80px;}
.person{text-align:left;}
.person .photo{width:150px;height:150px;border-radius:50%;overflow:hidden;margin-bottom:28px;background:var(--color-border);}
.person .photo img{width:100%;height:100%;object-fit:cover;}
.person .role{display:block;margin-bottom:10px;}
.person h3{font-size:2.3rem;margin-bottom:18px;}
.person p{font-size:.98rem;line-height:1.85;}

@media(max-width:1000px){
 .facts-grid{grid-template-columns:repeat(2,1fr);gap:50px 24px;}
 .svc-items-grid{grid-template-columns:1fr;gap:50px;}
 .svc-concepts-grid{grid-template-columns:1fr;}
 .svc-concepts-grid img{height:480px;}
 .method-grid{grid-template-columns:1fr;gap:50px;}
 .coll-grid{grid-template-columns:1fr;}
 .direction-grid{grid-template-columns:1fr;gap:70px;}
 .svc-brief,.svc-items,.method,.faq,.direction{padding:100px 0;}
 .faq-list summary{font-size:1.35rem;}
}

.footer-phone{display:block;margin:-10px 0 26px;font-family:var(--font-sans);font-size:.95rem;letter-spacing:.04em;}

.skip-intro .intro{display:none!important;}