
.imagery-site{--forest:#45604b;--forest-dark:#16332c;--sage:#b2c7b9;--sage-pale:rgba(178,199,185,.4);--gold:#ddbd7b;--ink:#16332c;--text:#1b1b1b;--muted:#4e5f55;--line:#dfe6e0;--r:10px;--rb:6.4px;
 font-family:"Figtree",system-ui,sans-serif;font-size:17px;line-height:1.55;color:var(--text);background:#fff}
.imagery-site *{box-sizing:border-box}
.imagery-site img,.imagery-site svg{display:block;max-width:100%}
.imagery-site a{color:inherit}
.imagery-site h1,.imagery-site h2,.imagery-site h3,.imagery-site h4{font-family:"Josefin Sans","Figtree",sans-serif;font-weight:400;letter-spacing:-.03em;line-height:1.08;margin:0;color:var(--ink)}
.imagery-site p{margin:0 0 1em}
.imagery-site .wrap{width:min(1240px,100% - 32px);margin-inline:auto}
.imagery-site :focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
/* en-tete */
.imagery-site .site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100px;position:relative}
.imagery-site .brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.imagery-site .brand svg{width:50px;height:50px}
.imagery-site .brand b{display:block;font-family:"Josefin Sans",sans-serif;font-weight:400;font-size:1.7rem;letter-spacing:.14em;color:var(--ink);line-height:1}
.imagery-site .brand small{display:block;margin-top:5px;font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.imagery-site .nav{display:flex;align-items:center;gap:clamp(16px,2.2vw,34px)}
.imagery-site .nav a{text-decoration:none;font-size:1rem;letter-spacing:.02em;color:#1b1b1b;white-space:nowrap}
.imagery-site .nav a:hover{color:var(--forest)}
.imagery-site .nav .btn{color:#fff}
.imagery-site .menu-btn{display:none}
/* boutons */
.imagery-site .btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:var(--rb);border:2px solid transparent;font:500 1rem "Figtree",sans-serif;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.imagery-site .btn:hover{transform:translateY(-1px)}
.imagery-site .btn-gold{background:var(--gold);color:var(--forest-dark)}.imagery-site .btn-gold:hover{background:#e6c98c}
.imagery-site .btn-ghost{border-color:#fff;color:#fff;background:transparent}.imagery-site .btn-ghost:hover{background:#ffffff1c}
.imagery-site .btn-green{background:var(--forest);color:#fff;min-height:44px;padding:0 20px}.imagery-site .btn-green:hover{background:var(--forest-dark)}
/* bloc d'accueil */
.imagery-site .hero{background:var(--forest);border-radius:var(--r);margin:0 clamp(12px,2.6vw,48px);color:#fff}
.imagery-site .hero-in{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,5vw,72px);align-items:center;padding:clamp(32px,5vw,64px)}
.imagery-site .eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sage)}
.imagery-site .hero h1{font-size:clamp(3.4rem,8vw,6.2rem);letter-spacing:.05em;line-height:1;color:#fff;margin:10px 0 14px}
.imagery-site .hero .sub{font-family:"Josefin Sans",sans-serif;font-weight:400;font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1.18;letter-spacing:-.02em;color:#fff;margin:0 0 22px;max-width:20ch}
.imagery-site .hero p.lead{color:#dce7de;font-size:1.1rem;max-width:52ch}
.imagery-site .hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 16px}
.imagery-site .hero .note{font-size:.9rem;color:var(--sage);margin:0}.imagery-site .hero .note b{color:var(--gold);font-weight:600}
.imagery-site .hero-img{border-radius:var(--r);overflow:hidden;aspect-ratio:714/575;background:var(--forest-dark)}
.imagery-site .hero-img svg{width:100%;height:100%}
.imagery-site .strip{display:grid;grid-template-columns:repeat(5,1fr);margin-top:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.imagery-site .strip div{padding:20px 16px;text-align:center;font-size:.92rem;color:var(--muted)}
.imagery-site .strip div+div{border-left:1px solid var(--line)}
.imagery-site .strip b{display:block;font-family:"Josefin Sans",sans-serif;font-weight:400;font-size:1.5rem;color:var(--ink);letter-spacing:-.02em}
/* sections */
.imagery-site section{padding:clamp(56px,7vw,96px) 0}
.imagery-site .title-c{text-align:center;font-size:clamp(2rem,3.6vw,2.9rem);margin-bottom:clamp(28px,4vw,48px)}
.imagery-site .two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,80px);align-items:start;max-width:1100px;margin:0 auto}
.imagery-site .two .lead{font-size:1.45rem;font-weight:600;line-height:1.4;color:#000}
.imagery-site .two p{font-size:1.06rem}
.imagery-site .cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:clamp(36px,5vw,56px)}
.imagery-site .card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 1px 0 var(--line),0 14px 34px -26px #16332c66;border:1px solid var(--line)}
.imagery-site .card .img{aspect-ratio:2/1;background:var(--forest-dark)}
.imagery-site .card .img svg{width:100%;height:100%}
.imagery-site .card .body{padding:24px 26px 28px}
.imagery-site .card h3{font-size:1.55rem;margin-bottom:10px;color:#000}
.imagery-site .card p{color:var(--muted);margin:0}
.imagery-site .panel{background:var(--sage-pale);border-radius:var(--r);padding:clamp(32px,5vw,72px)}
.imagery-site .weeks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.imagery-site .week{background:#fff;border-radius:var(--r);padding:28px;border:1px solid var(--line)}
.imagery-site .week .n{font-family:"Josefin Sans",sans-serif;font-weight:300;font-size:3.6rem;line-height:1;color:var(--forest);margin-bottom:12px}
.imagery-site .week small{display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.imagery-site .week h3{font-size:1.45rem;margin-bottom:8px;color:#000}
.imagery-site .week p{color:var(--muted);margin:0;font-size:.98rem}
.imagery-site .how{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:start}
.imagery-site .how h2{font-size:clamp(1.9rem,3.2vw,2.6rem);margin-bottom:26px}
.imagery-site .steps{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.imagery-site .steps li{display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:start}
.imagery-site .steps i{width:46px;height:46px;border-radius:50%;background:var(--forest);color:#fff;display:grid;place-items:center;font:400 1.25rem "Josefin Sans",sans-serif;font-style:normal}
.imagery-site .steps b{display:block;color:#000;font-weight:600}
.imagery-site .steps span{color:var(--muted);font-size:.98rem}
.imagery-site .incl{background:var(--forest);color:#e7f0e5;border-radius:var(--r);padding:clamp(26px,3.5vw,42px)}
.imagery-site .incl h3{color:#fff;font-size:1.7rem;margin-bottom:18px}
.imagery-site .incl ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.imagery-site .incl li{padding-left:30px;position:relative}
.imagery-site .incl li:before{content:"";position:absolute;left:2px;top:8px;width:13px;height:7px;border-left:2.5px solid var(--gold);border-bottom:2.5px solid var(--gold);transform:rotate(-45deg)}
.imagery-site .about{display:grid;grid-template-columns:330px 1fr;gap:clamp(28px,6vw,80px);align-items:center;max-width:1000px;margin:0 auto}
.imagery-site .portrait{width:330px;max-width:100%;aspect-ratio:330/436;border-radius:var(--r);overflow:hidden;background:var(--sage-pale);justify-self:center}
.imagery-site .portrait img{width:100%;height:100%;object-fit:cover}
.imagery-site .about h2{font-size:clamp(2rem,3.4vw,2.8rem);margin:8px 0 16px}
.imagery-site .creds{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.imagery-site .creds li{background:var(--sage-pale);border-radius:999px;padding:7px 16px;font-size:.88rem;font-weight:600;color:var(--ink)}
.imagery-site .price-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;max-width:1100px;margin:0 auto}
.imagery-site .price{background:#fff;border:2px solid var(--gold);border-radius:var(--r);padding:clamp(26px,3.5vw,42px);position:relative}
.imagery-site .badge{position:absolute;top:-15px;left:30px;background:var(--gold);color:var(--forest-dark);font-weight:700;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:var(--rb)}
.imagery-site .price h3{font-size:1.9rem;margin:6px 0 4px;color:#000}
.imagery-site .amount{display:flex;align-items:baseline;gap:14px;margin:14px 0 4px}
.imagery-site .amount b{font-family:"Josefin Sans",sans-serif;font-weight:400;font-size:4.2rem;line-height:1;color:var(--ink);letter-spacing:-.04em}
.imagery-site .amount s{color:var(--muted);font-size:1.15rem}
.imagery-site .price ul{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:10px}
.imagery-site .price li{padding-left:30px;position:relative}
.imagery-site .price li:before{content:"";position:absolute;left:2px;top:8px;width:13px;height:7px;border-left:2.5px solid var(--forest);border-bottom:2.5px solid var(--forest);transform:rotate(-45deg)}
.imagery-site .price .btn{width:100%}
.imagery-site .price .guar{font-size:.9rem;color:var(--muted);margin:16px 0 0}
.imagery-site .soon{background:var(--forest);color:#dfeadc;border-radius:var(--r);padding:clamp(26px,3.5vw,42px);display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.imagery-site .soon h3{color:#fff;font-size:1.8rem;margin-top:6px}
.imagery-site .soon .eyebrow{color:var(--gold)}
.imagery-site .soon p{color:#d3e1d6;margin:12px 0 0}
.imagery-site .soon .btn{align-self:flex-start}
.imagery-site .faq{max-width:860px;margin:0 auto}
.imagery-site details{border-bottom:1px solid var(--line)}
.imagery-site summary{cursor:pointer;list-style:none;padding:22px 48px 22px 0;font-weight:600;font-size:1.08rem;color:#000;position:relative}
.imagery-site summary::-webkit-details-marker{display:none}
.imagery-site summary:after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-52%);font:300 1.8rem "Josefin Sans",sans-serif;color:var(--forest)}
.imagery-site details[open] summary:after{content:"\2212"}
.imagery-site details p{margin:0;padding:0 0 22px;color:var(--muted)}
.imagery-site .cta-final{background:var(--forest-dark);border-radius:var(--r);padding:clamp(36px,6vw,72px);text-align:center;color:#d3e1d6;margin:0 clamp(12px,2.6vw,48px)}
.imagery-site .cta-final h2{color:#fff;font-size:clamp(2rem,3.6vw,2.9rem)}
.imagery-site .cta-final p{max-width:54ch;margin:14px auto 26px}
.imagery-site .cta-final .small{font-size:.86rem;color:var(--sage);margin:18px auto 0;max-width:60ch}
.imagery-site section#liste-attente{padding-bottom:0}
.imagery-site .cta-final .small a{color:var(--gold)}
/* pied de page */
.imagery-site footer{background:var(--forest-dark);color:#b8cbbd;border-radius:var(--r) var(--r) 0 0;margin:clamp(40px,5vw,64px) clamp(12px,2.6vw,48px) 0;padding:54px 0 26px}
.imagery-site .foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
.imagery-site .foot h4{color:#fff;font:600 .82rem "Figtree",sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.imagery-site .foot a{display:block;text-decoration:none;padding:4px 0;color:#b8cbbd}.imagery-site .foot a:hover{color:var(--gold)}
.imagery-site .foot .brand b{color:#fff}.imagery-site .foot .brand small{color:#9fb5a5}
.imagery-site .safe{border-top:1px solid #ffffff24;margin:34px 0 0;padding-top:20px;font-size:.84rem;color:#9fb5a5}
@media (max-width:1100px){.imagery-site .nav{display:none}.imagery-site .menu-btn{display:inline-flex}.imagery-site .nav.open{display:flex;position:absolute;left:0;right:0;top:92px;background:#fff;flex-direction:column;align-items:flex-start;padding:22px;border-radius:var(--r);border:1px solid var(--line);z-index:5;box-shadow:0 18px 40px -24px #16332c88}}
@media (max-width:980px){.imagery-site .hero-in,.imagery-site .two,.imagery-site .how,.imagery-site .price-wrap{grid-template-columns:1fr}.imagery-site .about{grid-template-columns:1fr;justify-items:start}.imagery-site .cards3,.imagery-site .weeks{grid-template-columns:1fr 1fr}.imagery-site .strip{grid-template-columns:1fr 1fr}.imagery-site .strip div:nth-child(odd){border-left:0}.imagery-site .strip div{border-bottom:1px solid var(--line)}.imagery-site .foot{grid-template-columns:1fr 1fr}.imagery-site .hero-img{order:-1}}
@media (max-width:640px){.imagery-site{font-size:16px}.imagery-site .cards3,.imagery-site .weeks,.imagery-site .foot{grid-template-columns:1fr}.imagery-site .amount b{font-size:3.4rem}.imagery-site .hero .cta .btn{width:100%}.imagery-site .brand small{display:none}}
@media (prefers-reduced-motion:reduce){.imagery-site *{transition:none!important}}
/* masque le bouton téléphone flottant de l'extension Phone Button sur cette page */
a.yydev-phone-button{display:none!important}

/* ====== blog et articles ====== */
.imagery-site .page-title{padding:clamp(34px,5vw,64px) 0 28px}
.imagery-site .page-title h1{font-size:clamp(2.4rem,5vw,3.8rem);margin:8px 0 14px}
.imagery-site .page-title p{max-width:60ch;color:var(--muted);font-size:1.1rem}
.imagery-site .chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px;padding:0;list-style:none}
.imagery-site .chips a{display:inline-block;padding:8px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;font-weight:500;font-size:.92rem;color:var(--ink)}
.imagery-site .chips a[aria-current],.imagery-site .chips a:hover{background:var(--forest);color:#fff;border-color:var(--forest)}
.imagery-site .pill{display:inline-block;background:var(--sage-pale);color:var(--forest-dark);font-weight:600;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.imagery-site .feat{display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:26px;text-decoration:none}
.imagery-site .feat .art{min-height:340px;background:var(--forest-dark)}
.imagery-site .feat .art svg{width:100%;height:100%}
.imagery-site .feat .body{padding:clamp(26px,4vw,52px);display:flex;flex-direction:column;justify-content:center;gap:14px}
.imagery-site .feat h2{font-size:clamp(1.7rem,2.8vw,2.4rem)}
.imagery-site .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.imagery-site .post{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.imagery-site .post:hover{transform:translateY(-3px);box-shadow:0 18px 36px -24px #16332c77}
.imagery-site .post .art{aspect-ratio:16/10;background:var(--forest-dark)}
.imagery-site .post .art svg{width:100%;height:100%}
.imagery-site .post .body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.imagery-site .post h3{font-size:1.4rem;color:#000}
.imagery-site .post p{color:var(--muted);font-size:.97rem;margin:0}
.imagery-site .meta{font-size:.82rem;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.imagery-site .art-head{max-width:780px;margin:0 auto;padding:clamp(30px,5vw,56px) 0 24px}
.imagery-site .art-head h1{font-size:clamp(2.1rem,4.4vw,3.3rem);margin:14px 0 18px}
.imagery-site .crumbs{font-size:.86rem;color:var(--muted);margin-bottom:14px}
.imagery-site .crumbs a{text-decoration:none}.imagery-site .crumbs a:hover{color:var(--forest);text-decoration:underline}
.imagery-site .byline{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:.92rem}
.imagery-site .byline img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.imagery-site .cover{aspect-ratio:21/9;border-radius:var(--r);overflow:hidden;max-width:1040px;margin:0 auto 44px;background:var(--forest-dark)}
.imagery-site .cover svg{width:100%;height:100%}
.imagery-site .prose{max-width:720px;margin:0 auto;font-size:1.1rem;line-height:1.8}
.imagery-site .prose h2{font-size:clamp(1.6rem,2.6vw,2rem);margin:2.1em 0 .6em;scroll-margin-top:24px}
.imagery-site .prose h3{font-size:1.35rem;margin:1.6em 0 .5em}
.imagery-site .prose .lead{font-family:"Josefin Sans",sans-serif;font-size:1.5rem;line-height:1.45;letter-spacing:-.01em;color:var(--ink)}
.imagery-site .prose ul,.imagery-site .prose ol{padding-left:1.3em;margin:0 0 1.2em}.imagery-site .prose li{margin-bottom:.45em}
.imagery-site .prose a{color:var(--forest);text-underline-offset:3px}
.imagery-site .prose blockquote{margin:1.8em 0;padding:4px 0 4px 26px;border-left:4px solid var(--gold);font:italic 1.2rem/1.6 "Josefin Sans",sans-serif;color:var(--ink)}
.imagery-site .prose table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.97rem;display:block;overflow-x:auto}
.imagery-site .prose th,.imagery-site .prose td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top}
.imagery-site .prose th{background:var(--sage-pale);color:var(--ink);font-weight:600}
.imagery-site .toc{background:var(--sage-pale);border-radius:var(--r);padding:20px 26px;margin:0 0 2em}
.imagery-site .toc b{font-family:"Josefin Sans",sans-serif;font-size:1.2rem;font-weight:400;color:var(--ink)}
.imagery-site .toc ol{margin:10px 0 0;padding-left:20px;font-size:1rem}
.imagery-site .callout{background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:var(--rb);padding:18px 22px;margin:2em 0;font-size:.98rem;color:var(--muted)}
.imagery-site .inline-cta{background:var(--forest);color:#e3eee4;border-radius:var(--r);padding:clamp(24px,3.5vw,38px);margin:2.2em 0}
.imagery-site .inline-cta h2{color:#fff;margin:0 0 12px;font-size:1.7rem}
.imagery-site .inline-cta p{color:#d3e1d6}.imagery-site .inline-cta a{color:var(--gold);font-weight:600}
.imagery-site .author{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;max-width:720px;margin:44px auto 0}
.imagery-site .author img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.imagery-site .author h3{font-size:1.4rem;color:#000;margin-bottom:6px}.imagery-site .author p{margin:0;color:var(--muted);font-size:.97rem}
.imagery-site .brouillon{background:#fff3c4;border:1px solid #e3c766;color:#5b4a00;border-radius:var(--rb);padding:10px 16px;margin:0 0 20px;font-size:.9rem}
.imagery-site mark.todo,.imagery-site .todo-box{background:#fff3c4;color:#5b4a00;border-radius:4px}
.imagery-site mark.todo{padding:1px 5px}
.imagery-site .todo-box{border:1px dashed #cdae3a;padding:14px 18px;margin:1.6em 0;font-size:.98rem;font-style:normal}
@media (max-width:980px){.imagery-site .feat{grid-template-columns:1fr}.imagery-site .grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.imagery-site .grid{grid-template-columns:1fr}.imagery-site .author{grid-template-columns:1fr}.imagery-site .cover{aspect-ratio:16/9}}
