/* IA'm Magazine — feuille de style partagée
   Référencée par /magazine/index.html et /magazine/numero-XX/index.html */
:root{
  --paper:#f3efe6; --paper-2:#ece5d6;
  --ink:#1a1714; --ink-soft2:#5c554a;
  --gold:#bd8a3a; --gold-deep:#a06f24;
  --line:rgba(26,23,20,.16); --maxw:1120px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--paper);color:var(--ink);font-family:'Spectral',Georgia,serif;font-weight:400;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
.eyebrow{font-family:'Spectral',serif;text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;font-weight:600;color:var(--gold-deep);}

/* masthead */
header.bar{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(243,239,230,.86);backdrop-filter:blur(6px);}
.bar .wrap{display:flex;align-items:baseline;justify-content:space-between;padding:18px 28px;}
.mark{font-family:'Playfair Display',serif;font-weight:900;font-size:1.5rem;letter-spacing:.01em;text-decoration:none;color:var(--ink);}
.mark .ap{color:var(--gold);}
.bar .right{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft2);text-decoration:none;}
.bar .right:hover{color:var(--gold-deep);}

/* hero */
.hero{padding:74px 0 64px;}
.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;}
.hero h1{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(3rem,7vw,5.4rem);line-height:.96;letter-spacing:-.015em;margin:18px 0 26px;}
.hero h1 .ap{color:var(--gold);}
.lede{font-size:1.18rem;color:var(--ink-soft2);max-width:34ch;}
.lede strong{color:var(--ink);font-weight:600;}
.fineprint{margin-top:26px;font-size:.84rem;font-style:italic;color:var(--ink-soft2);max-width:40ch;border-left:2px solid var(--gold);padding-left:14px;}
.cover-shot{position:relative;}
.cover-shot img{width:100%;height:auto;display:block;box-shadow:0 30px 60px -28px rgba(26,23,20,.55),0 4px 14px -6px rgba(26,23,20,.3);}
.cover-shot .tag{display:none;position:absolute;left:-14px;top:26px;background:var(--ink);color:var(--paper);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;padding:8px 14px;}

/* back link (pages numéro) */
.backlink{display:inline-block;margin:30px 0 -20px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft2);text-decoration:none;}
.backlink:hover{color:var(--gold-deep);}
.backlink span{color:var(--gold);}

/* feature */
section.feature{padding:30px 0 24px;border-top:1px solid var(--line);}
.feature .head{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap;margin-bottom:30px;}
.feature .num{font-family:'Playfair Display',serif;font-weight:700;font-size:1rem;color:var(--gold-deep);letter-spacing:.04em;}
.feature h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.02;}
.feature .body{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.feature .body p{font-size:1.06rem;color:var(--ink-soft2);}
.feature .body p + p{margin-top:16px;}
.feature .spread img{width:100%;height:auto;display:block;box-shadow:0 22px 48px -26px rgba(26,23,20,.5);}

/* dark quote band */
.band{background:var(--ink);color:var(--paper);margin-top:64px;padding:88px 0;}
.band blockquote{font-family:'Playfair Display',serif;font-style:italic;font-weight:500;font-size:clamp(1.7rem,3.6vw,2.7rem);line-height:1.22;max-width:24ch;position:relative;}
.band blockquote:before{content:"\201C";font-family:'Playfair Display',serif;color:var(--gold);font-size:3.2em;line-height:0;position:absolute;left:-.55em;top:.35em;}
.band cite{display:block;margin-top:28px;font-family:'Spectral',serif;font-style:normal;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);}

/* maxim */
.maxim{padding:72px 0;text-align:center;}
.maxim p{font-family:'Playfair Display',serif;font-size:clamp(1.3rem,2.8vw,1.9rem);font-weight:500;line-height:1.4;max-width:24ch;margin:0 auto;}
.maxim .rule{width:42px;height:1px;background:var(--gold);margin:0 auto 26px;}

/* collection (hub) */
.collection{padding:20px 0 8px;}
.collection .eyebrow{display:block;margin-bottom:30px;}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:34px;}
.card{text-decoration:none;color:var(--ink);display:block;}
.card img{width:100%;height:auto;display:block;box-shadow:0 18px 38px -24px rgba(26,23,20,.5);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;}
.card:hover img{transform:translateY(-6px);box-shadow:0 30px 52px -26px rgba(26,23,20,.6);}
.card .num{display:block;margin-top:16px;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep);}
.card .ttl{display:block;font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;margin-top:4px;}
.card.soon{opacity:.5;}
.card.soon .ph{aspect-ratio:3/4;border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;font-style:italic;color:var(--ink-soft2);}

/* footer */
footer{border-top:1px solid var(--line);margin-top:70px;padding:46px 0 70px;}
footer .grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start;}
footer .mark{font-size:1.25rem;}
footer .meta{font-size:.82rem;color:var(--ink-soft2);line-height:1.9;text-align:right;}
footer .meta a{color:var(--ink-soft2);text-decoration:none;border-bottom:1px solid var(--line);}
footer .meta a:hover{color:var(--gold-deep);}
footer .disc{margin-top:30px;font-size:.78rem;font-style:italic;color:var(--ink-soft2);}

/* entrance */
.reveal{opacity:0;transform:translateY(16px);animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards;}
.d1{animation-delay:.05s}.d2{animation-delay:.18s}.d3{animation-delay:.31s}.d4{animation-delay:.44s}
@keyframes rise{to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1;transform:none;}}

/* responsive */
@media(max-width:820px){
  .hero .grid{grid-template-columns:1fr;gap:40px;}
  .hero{padding:48px 0;}
  .feature .body{grid-template-columns:1fr;gap:26px;}
  footer .grid{flex-direction:column;}
  footer .meta{text-align:left;}
  .band{padding:64px 0;}
}

/* logo image (haut & bas de page) */
.logo-link{display:inline-block;line-height:0;}
.logo-mark{height:46px;width:auto;display:block;}
.footer-logo{height:66px;margin-bottom:6px;}

/* hero : lockup logo + Magazine (page d'accueil du magazine) */
.hero-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:16px 0 28px;}
.hero-logo{height:152px;width:auto;display:block;}
.hero-mag{font-family:'Playfair Display',serif;font-weight:600;text-transform:uppercase;letter-spacing:.2em;font-size:clamp(1.5rem,3.6vw,2.5rem);line-height:1;color:var(--ink);}
@media(max-width:820px){.hero-logo{height:118px;}}