/* Feedzback compact homepage layout — V21.3 */

/* Explore ton réseau: compact illustrated 2 × 2 cards. */
body.home .universe{min-height:238px;padding:25px;padding-right:34%}
body.home .universe h3{font-size:clamp(2rem,3.4vw,3.25rem)}
body.home .universe p{font-size:.9rem;line-height:1.45}
body.home .universe .universe-art{display:none}
body.home .universe:after{content:"";position:absolute;z-index:0;right:-3%;top:22%;width:42%;height:58%;background-image:url("feedzback-network-sprite-v21-3.png");background-repeat:no-repeat;background-size:400% 100%;opacity:.25;filter:grayscale(1) contrast(1.15);pointer-events:none;transition:opacity .25s ease,transform .3s ease}
body.home .universe:nth-child(1):after{background-position:0 50%}
body.home .universe:nth-child(2):after{background-position:33.333% 50%}
body.home .universe:nth-child(3):after{background-position:66.666% 50%}
body.home .universe:nth-child(4):after{background-position:100% 50%}
body.home .universe:hover:after{opacity:.4;transform:translateY(-3px) scale(1.03)}
body.home .universe>.num,body.home .universe>h3,body.home .universe>p,body.home .universe>.corner{position:relative;z-index:1}

/* Selon ton objectif: two-row 12-column Bento instead of five long rows. */
body.home .goals{padding:96px 0}
body.home .goal-layout{display:block}
body.home .goal-intro{position:static;display:grid;grid-template-columns:1fr .78fr;gap:54px;align-items:end;margin-bottom:42px}
body.home .goal-intro .eyebrow{grid-column:1/-1;margin-bottom:-34px}
body.home .goal-intro h2{margin:0}
body.home .goal-intro p{align-self:end}
body.home .goal-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
body.home .goal-item{display:flex;flex-direction:column;min-height:214px;padding:22px;border-radius:19px}
body.home .goal-item:nth-child(1){grid-column:span 8;background:var(--carbon);color:#fff;border-color:var(--carbon)}
body.home .goal-item:nth-child(n+2){grid-column:span 4}
body.home .goal-item .goal-num{flex:0 0 auto;width:40px;height:40px;font-size:.7rem}
body.home .goal-item:nth-child(1) .goal-num{background:var(--orange)}
body.home .goal-item>div{display:flex;flex:1;flex-direction:column;min-width:0}
body.home .goal-item h3{margin-top:18px;font-size:1.18rem}
body.home .goal-item p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.45}
body.home .goal-item:nth-child(1) p{color:rgba(255,255,255,.62);max-width:650px}
body.home .goal-item a{margin-top:auto;padding-top:13px}

@media(max-width:980px){
  body.home .goal-intro{grid-template-columns:1fr;gap:18px}
  body.home .goal-intro .eyebrow{grid-column:auto;margin-bottom:0}
  body.home .goal-item:nth-child(1){grid-column:1/-1}
  body.home .goal-item:nth-child(n+2){grid-column:span 6}
}

@media(max-width:680px){
  body.home .universe{min-height:218px;padding:22px;padding-right:30%}
  body.home .universe:after{right:-8%;width:46%;opacity:.2}
  body.home .goal-list{grid-template-columns:1fr}
  body.home .goal-item:nth-child(n){grid-column:1;min-height:0}
  body.home .goal-item p{display:block;overflow:visible}
  body.home .goal-item a{margin-top:14px}
}