/* ═══ AMAYNÜ — feuille commune aux pages collection ═══ */
:root{
  --black:#000000; --white:#FFFFFF; --sand:#D8CCBC;
  --gold:#A88A5C; --gold-soft:#C4A97C; --blood:#6E1220; --blood-soft:#8E2130;
  --paper:#FBF9F5; --sand-light:#F4EFE7; --sand-deep:#B9A791;
  --ink:#1C1A17; --grey:#7C7770;
  /* Les piles se terminent par « Repli titre » / « Repli texte », deux
     familles déclarées dans polices.css : elles reprennent une police
     du système en corrigeant ses proportions, pour que rien ne bouge
     de place si les fichiers manquent. */
  --serif:'Redland','Bodoni Moda','Repli titre',Didot,'Times New Roman',serif;
  --sans:'Century Gothic Pro','Century Gothic','Jost','Repli texte',Helvetica,Arial,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.mono{font-size:10px;letter-spacing:.28em;text-transform:uppercase;font-weight:400}
.sec{position:relative;overflow:hidden}
.t-paper{background:var(--paper);color:var(--ink)}
.t-sand{background:var(--sand-light);color:var(--ink)}
.t-deep{background:#4A413A;color:#F0EAE0}
.t-night{background:#141210;color:#EFE9DF}
.t-black{background:#080706;color:#EFE9DF}
.sfu{position:absolute;inset:-14%;pointer-events:none;z-index:0;
  background:
    radial-gradient(42% 34% at 16% 18%, rgba(168,138,92,.18), transparent 66%),
    radial-gradient(36% 42% at 84% 26%, rgba(142,33,48,.12), transparent 68%),
    radial-gradient(52% 38% at 50% 96%, rgba(185,167,145,.20), transparent 70%);
  animation:sfuDrift 42s ease-in-out infinite alternate}
.sfu.dark{background:
    radial-gradient(46% 38% at 78% 16%, rgba(196,169,124,.26), transparent 68%),
    radial-gradient(40% 46% at 14% 76%, rgba(142,33,48,.24), transparent 70%);
  animation-duration:50s;animation-direction:alternate-reverse}
@keyframes sfuDrift{0%{transform:none}50%{transform:translate3d(-3%,2%,0) scale(1.05)}100%{transform:translate3d(2%,-3%,0)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* NAV */
header{position:sticky;top:0;z-index:100;background:rgba(251,249,245,.94);
  backdrop-filter:blur(14px);border-bottom:1px solid rgba(28,26,23,.1)}
.hin{max-width:1560px;margin:0 auto;padding:20px 44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.hin nav{display:flex;gap:30px}
.hin nav.r{justify-content:flex-end}
.hin a{font-size:10px;letter-spacing:.24em;text-transform:uppercase;position:relative;padding-bottom:3px}
.hin a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:width .45s var(--ease)}
.hin a:hover::after{width:100%}
.hin .logo img{width:148px}
.burger{display:none}

/* EN-TÊTE DE COLLECTION */
.chead{padding:90px 44px 70px;position:relative}
.chead .w{max-width:1560px;margin:0 auto;position:relative;z-index:2}
.bc{color:var(--grey);margin-bottom:44px}
.bc a:hover{color:var(--ink)}
.chead .k{color:var(--gold);margin-bottom:20px}
.chead h1{font-family:var(--serif);font-weight:300;font-size:clamp(44px,7.4vw,120px);
  line-height:.94;letter-spacing:-.03em}
.chead h1 em{font-style:italic;color:var(--blood)}
.chead .row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;
  flex-wrap:wrap;margin-top:44px;padding-top:32px;border-top:1px solid rgba(28,26,23,.16)}
.chead p{font-size:15.5px;line-height:2.1;color:#524C44;max-width:52ch}
.chead .facts{display:flex;gap:44px;flex-wrap:wrap;color:var(--grey)}
.chead .facts div span{display:block;font-family:var(--serif);font-size:32px;
  color:var(--ink);line-height:1;margin-bottom:8px}

/* GRILLE DES PIÈCES */
.pieces{padding:20px 44px 140px}
.pieces .w{max-width:1560px;margin:0 auto;position:relative;z-index:2}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pc{display:block;position:relative;opacity:0;transform:translateY(38px);
  transition:opacity 1s var(--ease),transform 1s var(--ease)}
.pc.in{opacity:1;transform:none}
.pc .ph{position:relative;aspect-ratio:3/4;overflow:hidden;background:#EBE4DA}
.pc .ph img{width:100%;height:100%;object-fit:contain;object-position:center center;
  filter:brightness(.96);background:#EDE7DD;
  transition:transform 1.2s var(--ease),filter 1.2s var(--ease)}
.pc:hover .ph img{transform:scale(1.05);filter:brightness(1.04)}
.pc .ph.soon{display:grid;place-items:center;border:1px solid rgba(28,26,23,.14);background:var(--sand-light)}
.pc .ph.soon .mk{width:74px;height:74px;background:var(--gold);opacity:.4}
.pc .tag{position:absolute;top:16px;left:16px;border:1px solid var(--blood);
  color:#fff;background:rgba(110,18,32,.82);
  font-size:8px;letter-spacing:.26em;text-transform:uppercase;padding:6px 11px}
.pc .num{position:absolute;top:16px;right:16px;color:#fff;mix-blend-mode:difference;
  font-size:9px;letter-spacing:.26em}
.pc h3{font-family:var(--serif);font-weight:300;font-size:22px;margin-top:16px}
.pc .s{font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;margin-top:8px;color:var(--grey)}

/* BANDEAU FIN */
.cend{padding:130px 44px}
.cend .w{max-width:1560px;margin:0 auto;position:relative;z-index:2;text-align:center}
.cend h2{font-family:var(--serif);font-weight:300;font-size:clamp(30px,4.4vw,60px);line-height:1.04}
.cend h2 em{font-style:italic;color:var(--gold-soft)}
.cend p{font-size:15px;line-height:2.1;opacity:.72;max-width:52ch;margin:22px auto 0}
.btn{display:inline-block;text-align:center;border:1px solid rgba(216,204,188,.5);
  padding:18px 42px;font-size:10px;letter-spacing:.28em;text-transform:uppercase;
  transition:.5s var(--ease);margin:34px 8px 0}
.btn:hover{background:var(--sand);color:#000;border-color:var(--sand)}
.btn.solid{background:var(--sand);color:#000;border-color:var(--sand)}
.btn.solid:hover{background:transparent;color:#EFE9DF;border-color:rgba(216,204,188,.5)}

footer{padding:96px 44px 44px;position:relative;z-index:2}
.fwrap{max-width:1560px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:56px}
footer img{width:184px;margin-bottom:24px}
footer h5{font-size:10px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:22px}
footer li{list-style:none;margin-bottom:12px;font-size:13px;opacity:.66}
footer li a:hover{opacity:1}
.fbot{max-width:1560px;margin:70px auto 0;padding-top:26px;border-top:1px solid rgba(216,204,188,.18);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:10px;
  letter-spacing:.2em;text-transform:uppercase;opacity:.55}

@media(max-width:1200px){.pgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.pgrid{grid-template-columns:repeat(2,1fr)}.fwrap{grid-template-columns:1fr 1fr}}
@media(max-width:720px){
  .hin{padding:16px 20px}
  .hin nav.l{display:none}.hin nav.r a:not(.burger){display:none}.burger{display:block}
  .hin .logo img{width:116px}
  .chead,.pieces,.cend{padding-left:20px;padding-right:20px}
  .fwrap{grid-template-columns:1fr}
}

/* badge « vue en volume » sur les pièces disposant d'une rotation */
.v360-badge{position:absolute;left:16px;bottom:16px;z-index:2;
  border:1px solid rgba(255,255,255,.7);color:#fff;background:rgba(28,26,23,.6);
  backdrop-filter:blur(6px);font-size:8px;letter-spacing:.24em;text-transform:uppercase;padding:6px 11px}


/* pièces présentées en volume sur fond clair : ne pas rogner */
.pc .ph img.fit-contain,.scard .ph img.fit-contain,.also a .ph img.fit-contain{
  object-fit:contain;height:100%;top:0;background:#EDE7DD}
.pc .ph:has(img.fit-contain),.scard .ph:has(img.fit-contain),
.also a .ph:has(img.fit-contain){background:#EDE7DD}