:root{--ink:#14232d;--muted:#536975;--brand:#e97a5e;--brand-dark:#ad4935;--surface:#f5f8f9;font-family:"Segoe UI",system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit}.shell{width:min(100% - 2rem,76rem);margin-inline:auto}.skip-link{position:fixed;z-index:1000;top:.75rem;left:.75rem;padding:.75rem 1rem;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid #dfe7ea;background:#fffffff2;backdrop-filter:blur(16px)}.utility{background:var(--ink);color:#dce7eb;font-size:.78rem}.utility .shell{display:flex;min-height:2rem;align-items:center;justify-content:space-between}.utility a{color:#fff;font-weight:800;text-decoration:none}.nav-row{display:flex;min-height:5rem;align-items:center;gap:2rem}.brand img{display:block;width:10.25rem;height:auto}.desktop-nav{display:flex;flex:1;justify-content:center;gap:1.4rem}.desktop-nav a{font-size:.84rem;font-weight:750;text-decoration:none}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--brand-dark)}.contact-button{padding:.85rem 1.2rem;border-radius:.8rem;background:var(--brand);color:#fff;font-weight:850;text-decoration:none}.mobile-nav{display:none;margin-left:auto}.mobile-nav summary{display:grid;width:2.75rem;height:2.75rem;cursor:pointer;place-content:center;gap:.28rem;border:1px solid #d9e2e6;border-radius:.75rem;list-style:none}.mobile-nav summary span{width:1.25rem;height:2px;background:var(--ink)}.mobile-nav nav{position:fixed;top:7rem;right:1rem;left:1rem;display:grid;padding:1rem;border:1px solid #dfe7ea;border-radius:1rem;background:#fff;box-shadow:0 18px 45px #14232d1a}.mobile-nav nav a{padding:.8rem;text-decoration:none}.articles-hero{padding-block:clamp(5rem,10vw,8rem);background:var(--ink);color:#fff}.eyebrow{color:#f6ad98;font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.articles-hero h1{max-width:15ch;margin:1rem 0;font-size:clamp(3rem,7vw,6rem);line-height:.98;letter-spacing:-.06em}.articles-hero p{max-width:58ch;color:#c5d2d7;font-size:1.1rem;line-height:1.7}.articles-section{padding-block:clamp(4rem,8vw,7rem)}.archive-heading{margin-bottom:2rem;padding:1rem 1.2rem;border-radius:.8rem;background:#ffe9e2}.archive-heading p{margin:0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.article-card{overflow:hidden;border:1px solid #dfe8eb;border-radius:1.15rem;background:#fff}.article-card>img{display:block;width:100%;height:13rem;object-fit:cover;background:var(--surface)}.article-card>div{padding:1.3rem}.article-card time{color:#d66348;font-size:.72rem;font-weight:800}.article-card h2{margin:.6rem 0;font-size:1.2rem;line-height:1.3}.article-card h2 a,.read-link{text-decoration:none}.article-card p{color:var(--muted);font-size:.9rem;line-height:1.6}.read-link{color:var(--brand-dark);font-size:.82rem;font-weight:850}.pagination{display:flex;margin-top:2.5rem;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem}.pagination a{padding:.7rem 1rem;border-radius:.7rem;background:var(--brand);color:#fff;font-weight:800;text-decoration:none}.pagination span{color:var(--muted);font-size:.85rem}.site-footer{padding-top:4rem;background:var(--ink);color:#dce7eb}.footer-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem}.footer-row img{width:9.5rem;height:auto;padding:.4rem;border-radius:.6rem;background:#fff}.footer-row nav{display:grid;align-content:start;gap:.8rem}.footer-row a{text-decoration:none}.footer-row address{font-style:normal;line-height:1.8}.footer-bottom{margin-top:3rem;padding-block:1.25rem;border-top:1px solid #ffffff20;font-size:.8rem}@media(max-width:68rem){.desktop-nav,.contact-button{display:none}.mobile-nav{display:block}}@media(max-width:60rem){.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:38rem){.utility .shell span{display:none}.utility .shell{justify-content:center}.nav-row{min-height:4.5rem}.brand img{width:8.75rem}.mobile-nav nav{top:6.5rem}.article-grid,.footer-row{grid-template-columns:1fr}.articles-hero h1{font-size:clamp(2.8rem,13vw,4.2rem)}}

/* Decorative solar hero: the mobile layout stays image-free to protect speed and clarity. */
.articles-hero{position:relative;isolation:isolate;overflow:hidden}
.articles-hero>.shell{position:relative;z-index:1}
.articles-hero h1{text-shadow:0 2px 24px rgba(7,18,25,.2)}

@media (min-width:39rem){
  .articles-hero::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background-image:linear-gradient(90deg,rgba(20,35,45,.99) 0%,rgba(20,35,45,.98) 42%,rgba(20,35,45,.84) 59%,rgba(20,35,45,.4) 82%,rgba(20,35,45,.2) 100%),url('/images/articles-hero-solaire-1200.webp');
    background-image:linear-gradient(90deg,rgba(20,35,45,.99) 0%,rgba(20,35,45,.98) 42%,rgba(20,35,45,.84) 59%,rgba(20,35,45,.4) 82%,rgba(20,35,45,.2) 100%),image-set(url('/images/articles-hero-solaire-1200.avif') type('image/avif'),url('/images/articles-hero-solaire-1200.webp') type('image/webp'));
    background-position:center;
    background-size:cover;
  }
}

@media (min-width:80rem){
  .articles-hero::before{
    background-image:linear-gradient(90deg,rgba(20,35,45,.99) 0%,rgba(20,35,45,.98) 42%,rgba(20,35,45,.84) 59%,rgba(20,35,45,.4) 82%,rgba(20,35,45,.2) 100%),url('/images/articles-hero-solaire-1728.webp');
    background-image:linear-gradient(90deg,rgba(20,35,45,.99) 0%,rgba(20,35,45,.98) 42%,rgba(20,35,45,.84) 59%,rgba(20,35,45,.4) 82%,rgba(20,35,45,.2) 100%),image-set(url('/images/articles-hero-solaire-1728.avif') type('image/avif'),url('/images/articles-hero-solaire-1728.webp') type('image/webp'));
  }
}

@media (prefers-reduced-data:reduce){.articles-hero::before{display:none}}