@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600;700&family=Raleway:wght@300;400;500;600;700&display=swap");
:root{--black:#0b0c0b;--paper:#f3f2ee;--grey:#d8d7d2;--gold:#c5a04a;--muted:#73746e;--edge:clamp(24px,6vw,92px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.collections-nav{position:fixed;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;padding:0 var(--edge);color:#f4f2ed;background:linear-gradient(180deg,rgba(5,6,5,.9),rgba(5,6,5,.1));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.14)}.collections-brand{display:flex;align-items:center;gap:13px;width:max-content}.collections-brand img{width:92px;height:62px;object-fit:contain}.collections-brand span{display:grid}.collections-brand strong{font-size:1rem;font-weight:300;letter-spacing:-.03em}.collections-brand small{color:rgba(255,255,255,.55);font-size:.55rem;text-transform:uppercase;letter-spacing:.1em}.collections-nav nav{display:flex;gap:28px}.collections-nav nav a{color:rgba(255,255,255,.65);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.collections-nav nav a:hover,.collections-nav nav a[aria-current=page]{color:#fff}.collections-menu-button{justify-self:end;width:42px;height:42px;color:#fff;background:transparent;border:0;cursor:pointer}.collections-menu-button span{display:block;width:24px;height:1px;margin:6px auto;background:currentColor}
.collections-intro{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(48px,10vw,160px);padding:clamp(170px,18vw,250px) var(--edge) clamp(90px,12vw,170px);background:var(--paper)}.collections-kicker{color:#7d6526;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.collections-intro h1{margin:18px 0 0;font-size:clamp(4.5rem,10vw,10rem);font-weight:300;letter-spacing:-.07em;line-height:.86}.collections-intro h1 em{font-style:normal;color:var(--gold)}.collections-intro>p{max-width:48ch;margin:58px 0 0;color:#555752;font-size:1.05rem;line-height:1.8}
.collections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(20,21,20,.17)}.collection-tile{position:relative;min-height:650px;display:flex;align-items:flex-end;overflow:hidden;background:var(--black);color:#f4f2ed}.collection-tile--large,.collection-tile--wide{grid-column:span 2}.collection-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale 1.2s var(--ease)}.collection-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,7,.86),rgba(7,8,7,.18) 74%),linear-gradient(0deg,rgba(7,8,7,.88),transparent 60%)}.collection-tile:hover img{scale:1.035}.collection-tile>div{position:relative;z-index:1;width:min(620px,85%);padding:clamp(42px,6vw,82px) var(--edge)}.collection-tile span{color:var(--gold);font-size:.63rem;text-transform:uppercase;letter-spacing:.13em}.collection-tile h2{margin:16px 0 0;font-size:clamp(3.8rem,7vw,8rem);font-weight:300;letter-spacing:-.07em;line-height:.88}.collection-tile p{max-width:42ch;margin:24px 0 0;color:rgba(255,255,255,.73);line-height:1.65}.collection-tile strong{display:inline-block;margin-top:28px;font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.collections-end{padding:clamp(100px,13vw,190px) var(--edge);background:var(--gold)}.collections-end h2{margin:18px 0 32px;font-size:clamp(4rem,9vw,9rem);font-weight:300;letter-spacing:-.07em;line-height:.88}.collections-end a{display:inline-flex;min-height:48px;align-items:center;padding:0 22px;border:1px solid var(--black);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.collections-footer{display:flex;justify-content:space-between;gap:24px;padding:32px var(--edge);background:var(--black);color:rgba(255,255,255,.58);font-size:.66rem}.collections-footer a{color:var(--gold)}
.collections-menu{position:fixed;inset:0;z-index:40;display:grid;grid-template-rows:auto 1fr auto;padding:34px var(--edge);background:rgba(11,12,11,.98);color:#f4f2ed;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.menu-open .collections-menu{opacity:1;visibility:visible}.collections-menu__top,.collections-menu__foot{display:flex;justify-content:space-between;gap:24px;color:rgba(255,255,255,.58);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.collections-menu__top button{color:#fff;background:transparent;border:0;text-transform:uppercase;cursor:pointer}.collections-menu nav{align-self:center;display:grid;width:min(900px,100%);margin:auto}.collections-menu nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:clamp(2.4rem,6vw,6rem);font-weight:300;letter-spacing:-.05em;line-height:1}.collections-menu nav a:hover,.collections-menu nav a[aria-current=page]{padding-left:18px;color:var(--gold)}
@media(max-width:900px){.collections-nav{grid-template-columns:1fr auto}.collections-nav nav{display:none}.collections-intro{grid-template-columns:1fr}.collections-intro>p{margin-top:0}.collection-tile,.collection-tile--large,.collection-tile--wide{grid-column:span 2;min-height:580px}}
@media(max-width:560px){.collections-nav{min-height:74px}.collections-brand img{width:74px;height:52px}.collections-intro{padding-inline:24px}.collections-grid{grid-template-columns:1fr}.collection-tile,.collection-tile--large,.collection-tile--wide{grid-column:span 1;min-height:560px}.collection-tile>div{width:100%;padding-inline:24px}.collections-footer{display:grid}.collections-menu nav a{font-size:clamp(2rem,12vw,3.7rem)}}
.collections-brand img{width:78px;height:66px;object-fit:contain}
@media(max-width:560px){.collections-brand img{width:64px;height:54px}}

/* Shared brand lockup: never crop or stretch the Emmesse mark. */
.collections-brand img{width:78px;height:64px;object-fit:contain;flex:0 0 auto}
@media(max-width:560px){.collections-brand img{width:64px;height:52px}}

/* Menu stabile: il testo resta fermo durante hover e selezione. */
.collections-menu nav a:hover,
.collections-menu nav a:focus-visible,
.collections-menu nav a[aria-current="page"] { padding-left: 0; transform: none; }
.collection-tile:hover img { scale: 1.015; }

/* Definitive hover lock: collection labels and imagery remain stable. */
.collections-menu nav a:hover,
.collections-menu nav a:focus-visible,
.collections-menu nav a[aria-current="page"] { padding-left: 0 !important; transform: none !important; translate: none !important; }
.collection-tile:hover img,
.collection-tile img { scale: 1 !important; transform: none !important; }

/* Final no-shift policy: hover may change color, never geometry. */
a:hover, a:focus-visible,
button:hover, button:focus-visible,
summary:hover, summary:focus-visible { transform: none !important; translate: none !important; }
.collections-menu nav a:hover, .collections-menu nav a:focus-visible { padding-left: 0 !important; }

/* Shared Luxury Style typography: titles Raleway, body Lato. */
:root { --luxury-display: "Raleway", "Helvetica Neue", Arial, sans-serif; --luxury-body: "Lato", "Helvetica Neue", Arial, sans-serif; }
body, button, input, textarea, select { font-family: var(--luxury-body); }
.collections-brand strong,
.collections-intro h1,
.collection-tile h2,
.collections-end h2,
.collections-menu nav a { font-family: var(--luxury-display); }

/* The closing chapter is painted gold, so its label takes the dark ink. */
.collections-end .collections-kicker { color: rgba(11, 12, 11, .78); }

/* ==================== Scala tipografica allineata alla homepage ==================== */
.collections-intro h1 { font-size: clamp(3.2rem, 6vw, 6.35rem); }
.collections-intro > p { font-size: 1.02rem; }
.collection-tile h2,
.collections-end h2 { font-size: clamp(2.8rem, 5.8vw, 6rem); }

/* Rombo prima dei kicker e lineetta oro sotto i titoli, come nel resto del sito. */
.collections-kicker,
.collection-tile span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.collections-kicker::before,
.collection-tile span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: currentColor;
  transform: rotate(45deg);
  flex-shrink: 0;
}
.collections-intro h1::after,
.collection-tile h2::after {
  content: "";
  display: block;
  width: 42px;
  height: 2px;
  margin-top: 22px;
  background: var(--gold);
}
.collections-end h2::after {
  content: "";
  display: block;
  width: 42px;
  height: 2px;
  margin-top: 22px;
  background: rgba(11, 12, 11, .78);
}