/* Concretta index — Differences preview / V481 — editorial layout + TR/EN alignment parity */
body.ct-home .ct480-differences{
  padding:clamp(76px,8.4vw,130px) 0 clamp(76px,8vw,122px);
  background:#f5f2ed;
}
body.ct-home .ct480-differences .ct480-wrap{
  width:min(1360px,calc(100% - 72px));
  margin:0 auto;
}
body.ct-home .ct480-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:32px;
  margin-bottom:40px;
}
body.ct-home .ct480-kicker{
  display:block;
  margin:0 0 14px;
  font-family:var(--ct-type-sans,Arial,Helvetica,sans-serif);
  font-size:var(--ct-type-caption,12px);
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(40,35,31,.62);
}
body.ct-home .ct480-head h2{
  margin:0;
  max-width:760px;
  font-family:var(--ct-type-serif,Georgia,"Times New Roman",serif);
  font-size:var(--ct-type-section,clamp(34px,3.2vw,48px));
  line-height:1.08;
  font-weight:400;
  letter-spacing:-.035em;
  color:#28231f;
}
body.ct-home .ct480-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 0 8px;
  color:#28231f;
  font-family:var(--ct-type-sans,Arial,Helvetica,sans-serif);
  font-size:var(--ct-type-ui,14px);
  line-height:1.2;
  text-decoration:none!important;
  white-space:nowrap;
}
body.ct-home .ct480-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:2px;
  background:currentColor;
  opacity:.9;
  transition:width .34s cubic-bezier(.22,.61,.36,1);
}
body.ct-home .ct480-link:hover::after,
body.ct-home .ct480-link:focus-visible::after{width:100%;}
body.ct-home .ct480-link .ct63-arrow{transition:transform .25s ease;}
body.ct-home .ct480-link:hover .ct63-arrow,
body.ct-home .ct480-link:focus-visible .ct63-arrow{transform:translate(3px,-3px);}

/* Editorial 7/5 + 5/7 rhythm. Asymmetry is in width, not in content alignment. */
body.ct-home .ct480-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:minmax(252px,auto);
  gap:14px;
}
body.ct-home .ct480-card{
  min-width:0;
  height:100%;
  padding:30px 30px 28px;
  border-radius:18px;
  display:grid;
  grid-template-rows:auto minmax(58px,auto) 1fr;
  align-content:stretch;
  color:#28231f;
  overflow:hidden;
  transition:transform .28s ease, box-shadow .28s ease;
}
body.ct-home .ct480-card:nth-child(1){grid-column:span 7;}
body.ct-home .ct480-card:nth-child(2){grid-column:span 5;}
body.ct-home .ct480-card:nth-child(3){grid-column:span 5;}
body.ct-home .ct480-card:nth-child(4){grid-column:span 7;}
body.ct-home .ct480-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(40,35,31,.07);
}
body.ct-home .ct480-card small{
  display:flex;
  align-items:center;
  min-height:18px;
  margin:0;
  padding-bottom:22px;
  border-bottom:1px solid rgba(40,35,31,.13);
  font-family:var(--ct-type-sans,Arial,Helvetica,sans-serif);
  font-size:var(--ct-type-caption,12px);
  line-height:1.3;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(40,35,31,.58);
}
body.ct-home .ct480-card h3{
  align-self:end;
  margin:28px 0 12px;
  max-width:92%;
  font-family:var(--ct-type-sans,Arial,Helvetica,sans-serif);
  font-size:var(--ct-type-card,22px);
  line-height:1.12;
  font-weight:400;
  letter-spacing:.005em;
  color:inherit;
}
body.ct-home .ct480-card p{
  align-self:start;
  margin:0;
  max-width:62ch;
  font-family:var(--ct-type-sans,Arial,Helvetica,sans-serif);
  font-size:var(--ct-type-ui,14px);
  line-height:1.58;
  color:rgba(40,35,31,.72);
}
body.ct-home .ct480-card--sand{background:#ddd2c3;}
body.ct-home .ct480-card--clay{background:#d8b7a2;}
body.ct-home .ct480-card--sage{background:#c8ccbd;}
body.ct-home .ct480-card--stone{background:#c9c5be;}

@media(max-width:1050px){
  body.ct-home .ct480-differences .ct480-wrap{width:min(100% - 42px,1360px);}
  body.ct-home .ct480-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(238px,auto);}
  body.ct-home .ct480-card:nth-child(n){grid-column:span 1;}
}
@media(max-width:700px){
  body.ct-home .ct480-differences{padding:62px 0 68px;}
  body.ct-home .ct480-differences .ct480-wrap{width:calc(100% - 26px);}
  body.ct-home .ct480-head{grid-template-columns:1fr;gap:22px;margin-bottom:28px;}
  body.ct-home .ct480-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:10px;}
  body.ct-home .ct480-card:nth-child(n){grid-column:auto;}
  body.ct-home .ct480-card{
    min-height:0;
    padding:24px;
    border-radius:16px;
    grid-template-rows:auto auto auto;
  }
  body.ct-home .ct480-card small{padding-bottom:18px;}
  body.ct-home .ct480-card h3{margin:28px 0 10px;max-width:none;}
  body.ct-home .ct480-card p{max-width:none;}
}
@media(prefers-reduced-motion:reduce){
  body.ct-home .ct480-card,
  body.ct-home .ct480-link::after,
  body.ct-home .ct480-link .ct63-arrow{transition:none!important;}
}