/* La Perle — article premium (Découvrir Essaouira) */
.lp-article__hero{position:relative;min-height:62vh;display:flex;align-items:flex-end;background:var(--band);background-size:cover;background-position:center;color:#fff;padding:8rem 1.5rem 3.5rem;}
.lp-article__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,36,63,.3) 0%,rgba(8,36,63,.4) 40%,rgba(8,36,63,.88) 100%);}
.lp-article__hero-in{text-shadow:0 2px 24px rgba(8,36,63,.4);}
.lp-article__hero-in{position:relative;z-index:1;max-width:820px;margin:0 auto;width:100%;}
.lp-article__crumb{font-size:.72rem;letter-spacing:.06em;color:rgba(255,255,255,.8);margin-bottom:1.25rem;display:flex;gap:.5rem;align-items:center;}
.lp-article__crumb a{color:rgba(255,255,255,.8);}.lp-article__crumb a:hover{color:#fff;}
.lp-article__cat{display:inline-block;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--blue-ink);background:var(--ochre-soft);padding:.35rem .8rem;border-radius:100px;margin-bottom:1rem;}
.lp-article__title{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(2.2rem,6vw,4rem);line-height:1.02;letter-spacing:-.01em;color:#fff;}
.lp-article__hero .page-hero__breadcrumb a,.lp-article__hero-in a{color:rgba(255,255,255,.85);}
.lp-article__meta{margin-top:1.1rem;font-size:.8rem;letter-spacing:.04em;color:rgba(255,255,255,.8);}

.lp-article__wrap{max-width:720px;margin:0 auto;padding:4rem 1.5rem 1rem;}
.lp-article__lede{font-family:'Cormorant Garamond',serif;font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.5;color:var(--heading);font-weight:400;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--line-soft);}
.lp-article__content{font-size:1.075rem;line-height:1.85;color:var(--text);}
.lp-article__content > p{margin:0 0 1.5rem;}
.lp-article__content h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(1.7rem,4vw,2.3rem);color:var(--heading);line-height:1.15;margin:3rem 0 1rem;}
.lp-article__content h3{font-family:'Jost',sans-serif;font-weight:500;font-size:1.15rem;color:var(--heading);letter-spacing:.01em;margin:2.2rem 0 .75rem;}
.lp-article__content a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
.lp-article__content a:hover{color:var(--blue-deep);}
.lp-article__content strong{color:var(--heading);font-weight:600;}
.lp-article__content ul,.lp-article__content ol{margin:0 0 1.5rem;padding-left:1.3rem;}
.lp-article__content li{margin-bottom:.6rem;line-height:1.75;}
.lp-article__content ul li::marker{color:var(--ochre);}
.lp-article__content blockquote{margin:2.5rem 0;padding:1.5rem 2rem;background:var(--surface);border-left:3px solid var(--ochre);border-radius:0 8px 8px 0;font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-style:italic;line-height:1.5;color:var(--heading);}
.lp-article__content figure{margin:2.5rem 0;}
.lp-article__content img{width:100%;border-radius:12px;display:block;}
.lp-article__content figcaption{margin-top:.6rem;font-size:.82rem;color:var(--muted);text-align:center;}
.lp-article__tip{margin:2.5rem 0;padding:1.5rem 1.75rem;background:var(--sky);border-radius:12px;}
.lp-article__tip strong{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-deep);margin-bottom:.5rem;}
.lp-article__tip p{margin:0;color:var(--blue-ink);font-size:.98rem;line-height:1.7;}

.lp-article__signature{max-width:720px;margin:3rem auto 0;padding:1.75rem 1.5rem;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:.15rem;}
.lp-article__signature span{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--heading);}
.lp-article__signature small{font-size:.82rem;color:var(--muted);}

.lp-article__more{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.lp-article__more-card{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out);}
.lp-article__more-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px -30px rgba(var(--shadow-color),.5);}
.lp-article__more-img{aspect-ratio:16/10;background:var(--band) center/cover;}
.lp-article__more-t{padding:1.1rem 1.25rem;font-family:'Cormorant Garamond',serif;font-size:1.25rem;line-height:1.2;color:var(--heading);}
@media(max-width:760px){.lp-article__more{grid-template-columns:1fr;}.lp-article__hero{min-height:52vh;padding-top:6rem;}}

/* Listing blog « Découvrir Essaouira » */
.lp-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;}
.lp-blog-card{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line-soft);border-radius:16px;overflow:hidden;box-shadow:0 18px 44px -32px rgba(var(--shadow-color),.5);transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out);}
.lp-blog-card:hover{transform:translateY(-6px);box-shadow:0 34px 60px -34px rgba(var(--shadow-color),.55);}
.lp-blog-card__img{aspect-ratio:16/10;background:var(--band) center/cover;display:block;transition:transform .6s var(--ease-out);}
.lp-blog-card:hover .lp-blog-card__img{transform:scale(1.04);}
.lp-blog-card__body{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.6rem 1.75rem;flex:1;}
.lp-blog-card__cat{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--accent-text);}
.lp-blog-card__title{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.55rem;line-height:1.15;color:var(--heading);margin:0;}
.lp-blog-card__excerpt{font-size:.92rem;line-height:1.6;color:var(--muted);flex:1;}
.lp-blog-card__go{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--blue);margin-top:.4rem;}