/* Le Cyri-Lien — responsive.css */
@media (max-width:1050px) {
  .hero-inner {grid-template-columns:1fr}
  .hero-copy-main > p:not(.hero-subtitle) {max-width:65ch}
  .issues-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:800px) {
  .header-inner {min-height:88px}
  .brand-logo {width:min(240px,100%);max-height:76px}
  .nav-toggle {display:inline-flex}
  .nav-panel {position:absolute;top:calc(100% + .75rem);right:0;z-index:100;width:min(88vw,320px);padding:.65rem;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
  .nav-panel .nav-link {display:block;padding:.9rem 1rem}
  .issues-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px) {
  .container {width:min(var(--container),calc(100% - 1.5rem))}
  .section {padding:2rem 0}
  .header-inner {min-height:78px;gap:.5rem}
  .brand-logo {width:min(190px,100%);max-height:66px}
  .nav-toggle {padding:.55rem .7rem}
  .hero-inner {padding-block:2rem}
  .hero-title {font-size:clamp(2.2rem,10vw,3rem)}
  .hero-issue {grid-template-columns:1fr}
  .hero-issue-cover {width:min(100%,250px);margin-inline:auto}
  .hero-issue-actions .btn {width:100%}
  .issues-grid {grid-template-columns:1fr;max-width:420px;margin-inline:auto}
  .section-head {align-items:flex-start}
  .footer-bottom-inner {align-items:flex-start;flex-direction:column}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  .btn {transition:none}
  .btn:hover {transform:none}
}