/*
 * AlexEmme — Article Endcap 1.19.24
 * Footer, tassonomia e navigazione compatta degli articoli standard.
 */

.single-article.standard-endcap-single .article-content{
  padding-bottom:clamp(48px,5vw,68px);
}

.single-article.standard-endcap-single .article-footer{
  padding:16px 0 10px;
  border-top:1px solid var(--line);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}

.article-taxonomy{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}

.article-footer-label{
  flex:0 0 auto;
  font:700 .66rem/1 var(--mono);
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--muted);
}

.single-article.standard-endcap-single .tag-list{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.single-article.standard-endcap-single .tag-list a{
  margin:0;
  padding:5px 9px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  font-size:.76rem;
  line-height:1.15;
  transition:border-color .18s ease,background .18s ease;
}

.article-all-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 0 5px;
  border-bottom:1px solid currentColor;
  font-size:.88rem;
  font-weight:680;
  white-space:nowrap;
}

.article-all-link span{
  transition:transform .18s ease;
}

@media(hover:hover) and (pointer:fine){
  .single-article.standard-endcap-single .tag-list a:hover{
    border-color:rgba(29,29,27,.32);
    background:#faf9f6;
  }
  .article-all-link:hover span{
    transform:translate(2px,-2px);
  }
}

.article-discovery{
  margin-top:0;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,#fff 0%,#faf9f6 100%);
}

.article-discovery-inner{
  padding-block:clamp(14px,1.6vw,20px) clamp(42px,4.6vw,62px);
}

.article-discovery-heading{
  margin:0 0 16px;
}

.article-discovery-heading.is-compact h2{
  margin:0;
  font:500 clamp(1.7rem,2.1vw,2.35rem)/1 var(--serif);
  letter-spacing:-.045em;
}

.article-sequence{
  padding-bottom:clamp(26px,3vw,36px);
}

.article-sequence-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.article-sequence-link{
  min-height:104px;
  padding:16px 18px;
  border:1px solid var(--line);
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.article-sequence-link.is-next{
  text-align:right;
  align-items:flex-end;
}

.article-sequence-label{
  font:700 .66rem/1 var(--mono);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted);
}

.article-sequence-link strong{
  max-width:560px;
  font:500 clamp(1.2rem,1.55vw,1.65rem)/1.08 var(--serif);
  letter-spacing:-.035em;
}

@media(hover:hover) and (pointer:fine){
  .article-sequence-link:hover{
    transform:translateY(-2px);
    border-color:rgba(29,29,27,.26);
    box-shadow:0 9px 22px rgba(29,29,27,.045);
  }
}

.article-related{
  padding-top:clamp(30px,3.4vw,42px);
  border-top:1px solid var(--line);
}

.article-related-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.article-related-card{min-width:0}
.article-related-link{display:block;height:100%}

.article-related-media{
  margin:0;
  aspect-ratio:16/9;
  overflow:hidden;
  background:var(--paper-2);
  border:1px solid rgba(29,29,27,.08);
}

.article-related-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s cubic-bezier(.2,.72,.25,1);
}

.article-related-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:rgba(29,29,27,.28);
  background:linear-gradient(135deg,#f1eee7,#f8f7f4);
  font:700 clamp(2rem,3vw,3.5rem)/1 var(--serif);
  letter-spacing:-.07em;
}

.article-related-copy{padding:12px 1px 0}
.article-related-category{
  display:block;
  margin-bottom:7px;
  font:700 .64rem/1 var(--mono);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--terracotta-dark);
}
.article-related-copy h3{
  margin:0;
  font:500 clamp(1.25rem,1.55vw,1.7rem)/1.04 var(--serif);
  letter-spacing:-.04em;
}
.article-related-copy p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:8px 0 0;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.45;
}
.article-related-more{
  display:inline-block;
  margin-top:10px;
  padding-bottom:2px;
  border-bottom:1px solid currentColor;
  font-size:.82rem;
  font-weight:650;
}

@media(hover:hover) and (pointer:fine){
  .article-related-link:hover .article-related-media img{transform:scale(1.02)}
}

.article-surprise{
  margin-top:clamp(34px,4vw,48px);
  padding:18px 20px;
  background:#e9eef5;
  border:1px solid rgba(94,111,157,.16);
  display:grid;
  grid-template-columns:1fr auto;
  gap:22px;
  align-items:center;
}

.article-surprise .eyebrow{
  margin:0 0 4px;
  color:#5e6f9d;
}

.article-surprise h2{
  margin:0;
  font:500 clamp(1.55rem,2vw,2.1rem)/1 var(--serif);
  letter-spacing:-.045em;
}

.article-surprise-button{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-width:160px;
  padding:11px 15px;
  border:1px solid var(--ink);
  border-radius:999px;
  background:var(--ink);
  color:#fff;
  font-size:.88rem;
  font-weight:680;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.article-surprise-button span{transition:transform .18s ease}

@media(hover:hover) and (pointer:fine){
  .article-surprise-button:hover{background:#fff;color:var(--ink);transform:translateY(-1px)}
  .article-surprise-button:hover span{transform:translateX(3px)}
}

.aemme-bl-single + .site-footer,
.single-main + .site-footer{margin-top:0}

@media(max-width:900px){
  .article-related-grid{grid-template-columns:1fr 1fr}
  .article-related-card:last-child{grid-column:1/-1;width:calc(50% - 7px)}
}

@media(max-width:680px){
  .single-article.standard-endcap-single .article-footer{
    padding:16px 0 20px;
    gap:16px;
    flex-direction:column;
  }
  .article-taxonomy{align-items:flex-start;flex-direction:column;gap:9px}
  .article-footer-label{padding-top:2px}
  .article-all-link{align-self:flex-start}
  .article-discovery-inner{padding-block:30px 48px}
  .article-discovery-heading{margin-bottom:14px}
  .article-discovery-heading.is-compact h2{font-size:1.65rem}
  .article-sequence{padding-bottom:30px}
  .article-sequence-grid,.article-related-grid,.article-surprise{grid-template-columns:1fr}
  .article-sequence-link{min-height:92px;padding:15px}
  .article-sequence-link.is-next{text-align:left;align-items:flex-start}
  .article-sequence-spacer{display:none}
  .article-related-grid{gap:12px}
  .article-related-card:last-child{grid-column:auto;width:auto}
  .article-related-link{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    gap:12px;
    align-items:start;
  }
  .article-related-media{
    width:112px;
    aspect-ratio:16/10;
  }
  .article-related-copy{padding:1px 0 0}
  .article-related-category{margin-bottom:5px}
  .article-related-copy h3{font-size:1.14rem}
  .article-related-copy p{display:none}
  .article-related-more{margin-top:8px;font-size:.78rem}
  .article-surprise{margin-top:32px;padding:17px 16px;align-items:start}
  .article-surprise-button{min-width:0;width:100%}
}

@media(prefers-reduced-motion:reduce){
  .article-sequence-link,.article-related-media img,.article-surprise-button,.article-surprise-button span,.article-all-link span{transition:none!important}
}