/* Nosaltres v1 - sistema Hommu (sobre home.css) */
.page-hero{position:relative;padding:clamp(60px,9vw,130px) var(--pad) clamp(30px,5vw,60px)}
.page-hero .micro{color:var(--blue)}
.page-hero h1{font-size:clamp(58px,11vw,170px);font-weight:500;line-height:.95;letter-spacing:-.075em;color:var(--blue);margin:26px 0 35px}
.page-sub{font-size:14px;max-width:460px;line-height:1.7}
.hero-figure{margin:0 var(--pad) clamp(50px,7vw,90px);overflow:hidden;background:#e8e7e2}
.hero-figure img{width:100%;height:auto;aspect-ratio:2.1;object-fit:cover;display:block;transform:scale(1.12);will-change:transform}

/* banda blava visió (mateix patró que la home) */
.ia[data-band]{margin:0 calc(var(--pad)*-1)}
.nosaltres-main .ia[data-band]{margin:0}

/* sobre nosaltres */
.about{padding:clamp(70px,9vw,120px) var(--pad);border-top:1px solid #17171740}
.about-grid{display:grid;grid-template-columns:1fr 3fr;gap:30px;margin-top:45px}
.about h2{font-size:clamp(34px,4.6vw,74px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:0;max-width:900px}
.about-text{max-width:560px;font-size:15px;line-height:1.8;margin-top:32px}
.about-text p{margin:0 0 18px}
.about-text .tancament{font-weight:500;color:var(--blue)}

/* equip */
.equip{padding:clamp(70px,9vw,120px) var(--pad);border-top:1px solid #17171740}
.equip-grid{display:grid;grid-template-columns:1fr 3fr;gap:30px;margin-top:45px}
.equip h2{font-size:clamp(34px,4.6vw,74px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:0}
.persona{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:clamp(26px,4vw,60px);padding:clamp(34px,4vw,54px) 0;border-bottom:1px solid #17171740}
.persona:last-of-type{border-bottom:0}
.persona-foto{overflow:hidden;background:#e8e7e2}
.persona-foto img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.6,.2,1)}
.persona:hover .persona-foto img{transform:scale(1.05)}
.persona-cos h3{font-size:clamp(24px,2.6vw,38px);font-weight:500;letter-spacing:-.045em;margin:0}
.persona-rol{color:var(--blue);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:10px 0 20px}
.persona-cos p{font-size:14px;line-height:1.75;margin:0 0 14px;max-width:620px;color:#141414d9}
.persona-cos p:last-child{margin-bottom:0}

/* cross team */
.cross{padding:clamp(50px,7vw,80px) var(--pad);background:#eeece6}
.cross-grid{display:grid;grid-template-columns:1fr 3fr;gap:30px}
.cross h2{font-size:clamp(26px,3.2vw,48px);font-weight:500;letter-spacing:-.05em;margin:0 0 18px}
.cross p{font-size:14px;line-height:1.75;max-width:620px;margin:0 0 16px}
.cross-llista{display:flex;flex-wrap:wrap;gap:10px}
.cross-llista span{border:1px solid #17171755;border-radius:999px;padding:8px 16px;font-size:12px;transition:background .25s,color .25s}
.cross-llista span:hover{background:var(--blue);border-color:var(--blue);color:#fff}

/* acreditacions */
.acred{padding:clamp(70px,9vw,120px) var(--pad);border-top:1px solid #17171740}
.acred-grid{display:grid;grid-template-columns:1fr 3fr;gap:30px;margin-top:45px}
.acred h2{font-size:clamp(34px,4.6vw,74px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:0}
.acred-targetes{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:60px}
.acred-logo{height:56px;width:auto;max-width:100%;display:block;margin-bottom:22px}
.acred-card{border:1px solid #17171740;border-radius:18px;padding:clamp(24px,3vw,36px);background:#fff;transition:transform .35s cubic-bezier(.2,.6,.2,1),box-shadow .35s}
.acred-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #1702cd14}
.acred-card h3{font-size:clamp(20px,2vw,28px);font-weight:500;letter-spacing:-.04em;margin:0 0 8px}
.acred-card h3 span{color:var(--blue)}
.acred-card p{font-size:13px;line-height:1.7;margin:0 0 12px;color:#141414d9}
.acred-card ul{margin:0 0 12px;padding-left:18px;font-size:13px;line-height:1.7;color:#141414d9}
.acred-card .cta{font-size:13px;font-weight:600;color:var(--blue);margin:0}

/* premis */
.premis{padding:clamp(70px,9vw,120px) var(--pad);border-top:1px solid #17171740}
.premis-grid{display:grid;grid-template-columns:1fr 3fr;gap:30px;margin-top:45px}
.premis h2{font-size:clamp(34px,4.6vw,74px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:0}
.premis-resum{font-size:15px;line-height:1.8;max-width:560px;margin:0 0 30px}
.premis-llista{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.premi{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:16px 0;border-bottom:1px solid #17171740}
.premi b{font-size:14px;font-weight:500;letter-spacing:-.01em}
.premi span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}

@media(max-width:760px){
.page-hero h1{font-size:clamp(48px,13vw,80px)}
.hero-figure img{aspect-ratio:1.4}
.about-grid,.equip-grid,.acred-grid,.premis-grid,.cross-grid{grid-template-columns:1fr;gap:24px;margin-top:28px}
.persona{grid-template-columns:1fr}
.persona-foto{max-width:320px}
.acred-targetes,.premis-llista{grid-template-columns:1fr}
.acred-targetes{margin-top:28px}
}

/* equip scroll: efecte serveis (sticky nom + comptador + orbit) */
.equip-stage{display:grid;grid-template-columns:minmax(240px,.75fr) 1.5fr;gap:4vw;margin-top:60px}
.equip-sticky{position:sticky;top:150px;align-self:start;min-height:360px;padding-top:45px;color:var(--blue)}
.equip-counter{font-size:12px;margin-top:60px;letter-spacing:.1em}
.equip-display{font-size:clamp(36px,4.5vw,70px);font-weight:500;line-height:1.06;letter-spacing:-.06em;max-width:550px;margin-top:18px}
.equip-display.swap{animation:service-in .55s both}
@keyframes service-in{from{opacity:.2;transform:translateY(26px)}to{opacity:1;transform:none}}
.equip-orbit{display:grid;place-items:center;width:70px;height:70px;border:1px solid;border-radius:50%;font-size:32px;margin-top:35px;transition:transform .6s}
.equip-llista .persona{min-height:60vh;align-content:center;opacity:.35;transition:opacity .5s;grid-template-columns:minmax(180px,240px) 1fr;gap:clamp(22px,3vw,48px)}
.equip-llista .persona.active{opacity:1}
.equip-llista .persona.in-view{animation:none}
.equip-llista .persona-cos h3{display:none}
@media(max-width:760px){
.equip-stage{display:block;margin-top:40px}
.equip-sticky{display:none}
.equip-llista .persona{min-height:0;opacity:1;grid-template-columns:1fr}
.equip-llista .persona-cos h3{display:block}
}
@media(prefers-reduced-motion:reduce){
.equip-llista .persona{opacity:1}
}

/* premis: logos + descripcions (slide) + llista per anys */
.premis-orgs{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 40px;margin-top:60px}
.org img{width:82px;height:82px;border-radius:50%;display:block;margin-bottom:20px}
.org h3{font-size:15px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;line-height:1.4;color:var(--blue);margin:0 0 12px}
.org p{font-size:12.5px;line-height:1.7;margin:0;color:#141414b3}
.premis-anys{margin-top:85px}
.any{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:40px 0;border-top:1px solid #17171740}
.any:last-child{border-bottom:1px solid #17171740}
.any-num{font-size:clamp(44px,5vw,72px);font-weight:500;letter-spacing:-.05em;color:var(--blue);line-height:1}
.any-entrades{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px 40px}
.entrada{border-top:2px solid var(--blue);padding-top:14px}
.entrada-premi{margin:0 0 10px;font-size:14px;line-height:1.45}
.entrada-premi b{color:var(--blue);text-transform:uppercase;letter-spacing:.06em;font-size:12.5px}
.entrada p{margin:0;font-size:12.5px;line-height:1.65;color:#141414b3}
@media(max-width:760px){
.premis-orgs{grid-template-columns:1fr;gap:40px;margin-top:40px}
.any{grid-template-columns:1fr;gap:18px;padding:32px 0}
}
