/* Distinct editorial compositions for key HumanoSys pages.
   This file intentionally avoids a single repeated hero/card grammar. */

/* ---------- Mission / Vision ---------- */
.hs-page--mission .hs-page-hero{background:#fbf8f1}
.hs-page--mission .hs-page-visual__frame{clip-path:polygon(0 8%,92% 0,100% 88%,8% 100%);border:0;box-shadow:0 28px 70px rgba(24,29,34,.16)}
.hs-page--mission .hs-page-visual__frame img{filter:none!important;opacity:1!important}
.hs-mission-principles{padding:96px 0 110px;background:#f3efe6;color:#15191f}
.hs-principles-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:220px;gap:14px;margin-top:48px}
.hs-principle-card{position:relative;overflow:hidden;padding:28px;border:1px solid rgba(21,25,31,.1);isolation:isolate;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.hs-principle-card:hover{transform:translateY(-7px);box-shadow:0 26px 70px rgba(20,24,30,.14)}
.hs-principle-card__number{display:block;font-size:.62rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.hs-principle-card h3{position:relative;z-index:2;margin:18px 0 10px;font-size:clamp(1.8rem,3vw,3.2rem);line-height:.95;letter-spacing:-.055em}
.hs-principle-card p{position:relative;z-index:2;max-width:34rem;margin:0;line-height:1.65}
.hs-principle-card--innovation{grid-column:span 5;grid-row:span 2;background:#ff6b60;color:#11161d}
.hs-principle-card--innovation img{position:absolute;right:-3%;bottom:0;width:59%;height:82%;object-fit:cover;object-position:center top;mix-blend-mode:multiply;filter:saturate(.7) contrast(1.06);opacity:.9;z-index:-1}
.hs-principle-card--innovation::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ff6b60 0%,rgba(255,107,96,.96) 42%,rgba(255,107,96,.16) 78%);z-index:-1}
.hs-principle-card--sustainability{grid-column:span 3;background:#f4c62f;color:#15191f}
.hs-principle-card--sustainability::before{content:"02";position:absolute;right:14px;bottom:-35px;font-size:9rem;font-weight:900;line-height:1;color:rgba(21,25,31,.08);letter-spacing:-.08em}
.hs-principle-card--sustainability .hs-principle-lines{position:absolute;right:24px;top:28px;width:84px;height:84px;border:1px solid rgba(21,25,31,.22);border-radius:50%}
.hs-principle-card--sustainability .hs-principle-lines::before,.hs-principle-card--sustainability .hs-principle-lines::after{content:"";position:absolute;left:50%;top:50%;background:#15191f;transform:translate(-50%,-50%)}
.hs-principle-card--sustainability .hs-principle-lines::before{width:46px;height:1px}.hs-principle-card--sustainability .hs-principle-lines::after{width:1px;height:46px}
.hs-principle-card--collaboration{grid-column:span 4;grid-row:span 2;padding-top:300px;background:#18252b;color:#fff}
.hs-principle-card--collaboration img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none!important;opacity:1!important;z-index:-2}
.hs-principle-card--collaboration::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,15,.04) 16%,rgba(8,12,15,.82) 72%,rgba(8,12,15,.96));z-index:-1}
.hs-principle-card--collaboration .hs-principle-card__number{color:#f4c62f}
.hs-principle-card--collaboration p{color:#e8eceb}
.hs-principle-card--endurance{grid-column:6/span 3;background:#fff;color:#15191f;display:flex;align-items:flex-end}
.hs-principle-card--endurance strong{font-size:clamp(1.5rem,2.3vw,2.6rem);line-height:1;letter-spacing:-.05em}

/* ---------- Careers ---------- */
.hs-careers-editorial{position:relative;min-height:650px;background:#f6f1e7;overflow:hidden}
.hs-careers-editorial__grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);min-height:650px}
.hs-careers-editorial__copy{display:flex;flex-direction:column;justify-content:center;padding:86px 72px 80px max(32px,calc((100vw - 1320px)/2));position:relative;z-index:2}
.hs-careers-editorial__copy h1{max-width:690px;margin:20px 0 24px;color:#171b20;font-size:clamp(3.3rem,5.4vw,6.4rem);line-height:.91;letter-spacing:-.07em}
.hs-careers-editorial__copy h1 em{color:#bf8f00;font-style:normal}
.hs-careers-editorial__copy p{max-width:570px;margin:0;color:#59605f;font-size:1rem;line-height:1.7}
.hs-careers-editorial__photo{position:relative;min-height:650px;overflow:hidden;background:#d9ddd9}
.hs-careers-editorial__photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none!important;opacity:1!important;transform:scale(1.01)}
.hs-careers-editorial__photo::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(246,241,231,.72) 0%,rgba(246,241,231,0) 18%);pointer-events:none}
.hs-careers-editorial__photo::after{content:"";position:absolute;width:230px;height:230px;right:-50px;top:-42px;background:#ff7768;opacity:.92;clip-path:polygon(0 0,100% 0,100% 100%);z-index:3;pointer-events:none}
.hs-careers-editorial__stamp{position:absolute;left:28px;bottom:26px;z-index:4;display:grid;grid-template-columns:auto auto;gap:7px 16px;padding:17px 20px;background:rgba(18,23,28,.92);color:#fff;backdrop-filter:blur(8px)}
.hs-careers-editorial__stamp span{font-size:.58rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#f4c62f}
.hs-careers-editorial__stamp strong{grid-column:1/-1;font-size:.9rem;font-weight:600}
.hs-careers-editorial__rail{position:absolute;right:0;bottom:0;z-index:5;display:flex;background:#fff;border-top:1px solid rgba(20,24,29,.12);border-left:1px solid rgba(20,24,29,.12)}
.hs-careers-editorial__rail span{padding:13px 18px;border-right:1px solid rgba(20,24,29,.1);font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#505655}

/* ---------- Who we are ---------- */
.hs-page--who .hs-page-hero{background:#f8f4eb}
.hs-who-collage{position:relative;min-height:590px;margin:28px 0 0}
.hs-who-collage__main{position:absolute;left:0;top:36px;width:78%;height:470px;overflow:hidden;clip-path:polygon(0 0,94% 4%,100% 92%,7% 100%)}
.hs-who-collage__main img{width:100%;height:100%;object-fit:cover;filter:none!important;opacity:1!important}
.hs-who-collage__portrait{position:absolute;width:31%;height:300px;overflow:hidden;border:10px solid #f8f4eb;box-shadow:0 20px 50px rgba(20,24,28,.18)}
.hs-who-collage__portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:none!important;opacity:1!important}
.hs-who-collage__portrait--a{right:0;top:0;background:#f4c62f}.hs-who-collage__portrait--b{right:7%;bottom:4px;background:#29bfc3}
.hs-who-collage__label{position:absolute;left:7%;bottom:6px;padding:17px 20px;background:#fff;border-left:5px solid #f4c62f;box-shadow:0 16px 38px rgba(20,24,28,.13);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hs-perspective-spread{display:grid;grid-template-columns:1.25fr .75fr;gap:0;border:1px solid rgba(20,24,29,.12);background:#fff}
.hs-perspective-spread__photo{min-height:520px;overflow:hidden}.hs-perspective-spread__photo img{width:100%;height:100%;object-fit:cover;filter:none!important;opacity:1!important}
.hs-perspective-spread__copy{display:flex;flex-direction:column;justify-content:space-between;padding:42px;background:#f4c62f;color:#15191f}
.hs-perspective-spread__copy span{font-size:.6rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hs-perspective-spread__copy h3{font-size:clamp(2.5rem,4vw,4.8rem);line-height:.92;letter-spacing:-.06em}.hs-perspective-spread__copy p{max-width:430px;line-height:1.65}

/* ---------- Team ---------- */
.hs-page--team .hs-page-hero{background:#fff}
.hs-team-marquee{position:relative;height:520px;margin:28px 0 12px;overflow:hidden;background:#ffc83d}
.hs-team-marquee img{width:100%;height:100%;object-fit:cover;filter:none!important;opacity:1!important}
.hs-team-marquee::after{content:"BUILD · LEARN · SHIP · IMPROVE";position:absolute;left:0;right:0;bottom:0;padding:12px 18px;background:#171b20;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.18em;word-spacing:1.2rem;white-space:nowrap;overflow:hidden}
.hs-page--team .hs-team-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;background:transparent;border:0;align-items:start}
.hs-page--team .hs-team-card{grid-column:span 3;background:#fff;border:1px solid rgba(20,24,29,.12);padding:0 20px 24px;min-height:390px;box-shadow:0 14px 34px rgba(20,24,29,.06)}
.hs-page--team .hs-team-card:nth-child(4n+1),.hs-page--team .hs-team-card:nth-child(4n+3){margin-top:52px}
.hs-page--team .hs-team-photo{height:300px;margin:0 -20px 22px;background:#efebe3;border-radius:150px 150px 0 0;overflow:hidden}
.hs-page--team .hs-team-photo img{filter:grayscale(.18) contrast(1.03)!important;opacity:1!important}
.hs-page--team .hs-team-card:nth-child(4n+1) .hs-team-photo{background:#ffc3d3}.hs-page--team .hs-team-card:nth-child(4n+2) .hs-team-photo{background:#dce8e7}.hs-page--team .hs-team-card:nth-child(4n+3) .hs-team-photo{background:#f4c62f}.hs-page--team .hs-team-card:nth-child(4n+4) .hs-team-photo{background:#c9efe9}

/* ---------- Digital transformation ---------- */
.hs-page--transformation .hs-page-hero{background:#f7f3ea}
.hs-page--transformation .hs-page-visual{transform:rotate(-1.8deg)}
.hs-page--transformation .hs-page-visual__frame{border:0;clip-path:polygon(5% 0,100% 0,95% 100%,0 92%);box-shadow:0 28px 70px rgba(20,24,29,.18)}
.hs-page--transformation .hs-page-visual__frame img{filter:none!important;opacity:1!important}
.hs-page--transformation #dt-process{background:#f4c62f!important;color:#15191f!important}
.hs-page--transformation #dt-process h2,.hs-page--transformation #dt-process h3,.hs-page--transformation #dt-process p{color:#15191f!important}
.hs-page--transformation #dt-process .hs-feature-rows{border-color:rgba(20,24,29,.18)!important}.hs-page--transformation #dt-process .hs-feature-row{border-color:rgba(20,24,29,.18)!important}

/* ---------- Analytics ---------- */
.hs-page--analytics .hs-page-hero{background:#e9f4f1}
.hs-page--analytics .hs-page-visual{position:relative}
.hs-page--analytics .hs-page-visual::before,.hs-page--analytics .hs-page-visual::after{content:"";position:absolute;border:1px solid rgba(26,167,173,.32);border-radius:50%;pointer-events:none}.hs-page--analytics .hs-page-visual::before{width:430px;height:430px;right:-30px;top:20px}.hs-page--analytics .hs-page-visual::after{width:310px;height:310px;right:30px;top:80px}
.hs-page--analytics .hs-page-visual__frame{position:relative;z-index:2;width:82%;margin-left:auto;clip-path:polygon(0 0,100% 10%,92% 100%,6% 91%);border:0;box-shadow:0 24px 60px rgba(20,24,29,.17)}
.hs-page--analytics .hs-page-visual__frame img{filter:none!important;opacity:1!important}
.hs-page--analytics .hs-page-section--dark{background:#dff2ef!important;color:#15191f!important}.hs-page--analytics .hs-page-section--dark h2,.hs-page--analytics .hs-page-section--dark h3{color:#15191f!important}.hs-page--analytics .hs-page-section--dark p{color:#59615f!important}

/* ---------- Field tools ---------- */
.hs-page--field .hs-page-hero{background:#eef8f5}
.hs-page--field .hs-page-visual__frame{border:0;border-radius:220px 220px 28px 28px;overflow:hidden;box-shadow:0 28px 70px rgba(20,24,29,.16)}
.hs-page--field .hs-page-visual__frame img{filter:none!important;opacity:1!important;object-position:center}
.hs-page--field .hs-page-visual__chip{background:#f4c62f!important;color:#15191f!important;border:0!important}

@media(max-width:1000px){
  .hs-principles-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.hs-principle-card--innovation,.hs-principle-card--collaboration{grid-column:span 1;grid-row:auto;min-height:430px}.hs-principle-card--sustainability,.hs-principle-card--endurance{grid-column:span 1;min-height:220px}.hs-principle-card--endurance{grid-column:auto}
  .hs-careers-editorial__grid{grid-template-columns:1fr}.hs-careers-editorial__copy{padding:72px max(28px,6vw) 56px}.hs-careers-editorial__photo{min-height:480px}.hs-careers-editorial__photo::before{display:none}
  .hs-who-collage{min-height:500px}.hs-who-collage__main{width:88%;height:400px}.hs-who-collage__portrait{width:34%;height:240px}.hs-perspective-spread{grid-template-columns:1fr}.hs-perspective-spread__photo{min-height:380px}
  .hs-page--team .hs-team-grid{grid-template-columns:repeat(2,1fr)}.hs-page--team .hs-team-card{grid-column:auto!important;margin-top:0!important}
}
@media(max-width:640px){
  .hs-mission-principles{padding:68px 0}.hs-principles-mosaic{display:flex;flex-direction:column}.hs-principle-card{min-height:260px}.hs-principle-card--innovation{min-height:380px}.hs-principle-card--collaboration{min-height:420px;padding-top:250px}.hs-principle-card--innovation img{width:72%}
  .hs-careers-editorial,.hs-careers-editorial__grid{min-height:auto}.hs-careers-editorial__copy{padding:56px 22px 42px}.hs-careers-editorial__copy h1{font-size:clamp(2.8rem,14vw,4.7rem)}.hs-careers-editorial__photo{min-height:390px}.hs-careers-editorial__rail{left:0;right:auto;max-width:100%;overflow:auto}.hs-careers-editorial__stamp{left:16px;bottom:54px}
  .hs-who-collage{min-height:430px}.hs-who-collage__main{position:relative;left:auto;top:auto;width:100%;height:300px}.hs-who-collage__portrait{width:42%;height:180px;border-width:6px}.hs-who-collage__portrait--a{right:0;top:250px}.hs-who-collage__portrait--b{right:42%;bottom:0}.hs-who-collage__label{left:12px;bottom:4px;font-size:.58rem}
  .hs-page--team .hs-team-grid{grid-template-columns:1fr}.hs-team-marquee{height:360px}.hs-page--team .hs-team-photo{height:340px}
  .hs-page--analytics .hs-page-visual__frame{width:100%}.hs-page--analytics .hs-page-visual::before,.hs-page--analytics .hs-page-visual::after{display:none}
}