/* BCT TOP mix — SmartHR x DIGITAL GRID
   BCT palette rule: white / black / red only. */

/* Decorative micro labels are intentionally not used. */
.mix-kicker,
.mix-role__num,
.mix-links__num{display:none!important}

.mix-link{
  display:inline-flex;
  align-items:center;
  gap:22px;
  padding-bottom:7px;
  border-bottom:1px solid #111;
  font-size:12px;
  font-weight:700;
}

/* OUR ROLE */
.mix-role{
  padding:108px 7vw 118px;
  border-bottom:1px solid #111;
  background:#fff;
  color:#111;
}
.mix-role__head{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);
  gap:9vw;
  align-items:start;
  margin-bottom:62px;
}
.mix-role__title h2{
  margin:0;
  font-size:clamp(48px,5.8vw,82px);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:620;
}
.mix-role__copy{
  max-width:660px;
  padding-top:20px;
}
.mix-role__copy h3{
  margin:0 0 22px;
  font-size:clamp(26px,3vw,42px);
  line-height:1.45;
  letter-spacing:-.035em;
}
.mix-role__copy p{
  margin:0;
  color:#111;
  font-size:14px;
  line-height:2;
}
.mix-role__cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.mix-role__card{
  position:relative;
  min-height:250px;
  padding:34px 26px 30px;
  border:1px solid #111;
  overflow:hidden;
  background:#fff;
  color:#111;
}
.mix-role__card:after{
  content:"";
  position:absolute;
  right:-26px;
  bottom:-28px;
  width:150px;
  height:96px;
  clip-path:polygon(0 0,72% 0,100% 50%,72% 100%,0 100%);
  opacity:.95;
}
.mix-role__card:nth-child(1):after{background:linear-gradient(118deg,#a8151c,#d53d45 56%,#f5c7ca)}
.mix-role__card:nth-child(2):after{background:linear-gradient(118deg,#c6232b,#e66c72 58%,#f9dcde)}
.mix-role__card:nth-child(3):after{background:linear-gradient(118deg,#dc5158,#f0a6aa 62%,#fff)}
.mix-role__card h3{
  position:relative;
  z-index:2;
  margin:0 0 14px;
  font-size:22px;
  letter-spacing:-.025em;
}
.mix-role__card p{
  position:relative;
  z-index:2;
  max-width:260px;
  margin:0;
  color:#111;
  font-size:12px;
  line-height:1.8;
}

/* HISTORY */
.mix-history{
  position:relative;
  overflow:hidden;
  padding:112px 7vw 120px;
  border-bottom:1px solid #111;
  background:#fff;
  color:#111;
}
.mix-history__head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:40px;
  margin-bottom:70px;
}
.mix-history__head h2{
  margin:0;
  font-size:clamp(44px,5.6vw,78px);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:620;
}
.mix-history__head p{
  max-width:430px;
  margin:0;
  color:#111;
  font-size:13px;
  line-height:1.9;
}
.mix-history__grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #111;
}
.mix-history__item{
  min-height:260px;
  padding:32px 28px 34px 0;
  border-bottom:1px solid #111;
}
.mix-history__item + .mix-history__item{
  padding-left:28px;
  border-left:1px solid #111;
}
.mix-history__year{
  display:block;
  margin-bottom:54px;
  color:#a9161d;
  font-size:clamp(42px,5vw,68px);
  line-height:1;
  letter-spacing:-.05em;
  font-weight:650;
}
.mix-history__item strong{
  display:block;
  margin-bottom:14px;
  font-size:18px;
}
.mix-history__item p{
  margin:0;
  color:#111;
  font-size:12px;
  line-height:1.8;
}
.mix-history__mark{
  position:absolute;
  right:-70px;
  bottom:24px;
  width:min(38vw,540px);
  height:210px;
  opacity:.16;
  display:flex;
  gap:8px;
  align-items:center;
  transform:rotate(-7deg);
}
.mix-history__mark i{
  flex:1;
  height:100%;
  clip-path:polygon(0 0,72% 0,100% 50%,72% 100%,0 100%);
  background:linear-gradient(118deg,#a9161d,#e5636a 55%,#fff);
}
.mix-history__mark i:nth-child(2){height:76%}
.mix-history__mark i:nth-child(3){height:52%}
.mix-history__mark i:nth-child(4){height:28%}

/* BCT navigation cards */
.mix-links{
  padding:104px 7vw 116px;
  border-bottom:1px solid #111;
  background:#fff;
  color:#111;
}
.mix-links__head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:32px;
  margin-bottom:48px;
}
.mix-links__head h2{
  margin:0;
  font-size:clamp(40px,5.2vw,72px);
  line-height:1;
  letter-spacing:-.05em;
}
.mix-links__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.mix-links__card{
  position:relative;
  min-height:360px;
  overflow:hidden;
  border:1px solid #111;
  background:#fff;
  color:#111;
}
.mix-links__visual{
  position:absolute;
  inset:0;
  overflow:hidden;
}
.mix-links__visual:before,
.mix-links__visual:after{
  content:"";
  position:absolute;
  width:66%;
  height:86px;
  left:-7%;
  clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%);
}
.mix-links__visual:before{
  top:22%;
  background:linear-gradient(118deg,#9f151b,#da4249 55%,#f3b3b7);
}
.mix-links__visual:after{
  top:50%;
  left:24%;
  background:linear-gradient(118deg,#c72b32,#ed7d82 56%,#fae3e5);
}
.mix-links__card:nth-child(2) .mix-links__visual:before{left:24%;top:18%}
.mix-links__card:nth-child(2) .mix-links__visual:after{left:-5%;top:54%}
.mix-links__label{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  min-height:74px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:20px;
  padding:0 22px;
  border-top:1px solid #111;
  background:#fff;
}
.mix-links__name{font-size:18px;font-weight:650}
.mix-links__arrow{font-size:18px}

/* Strict TOP palette cleanup: no light-gray backgrounds, type or rules. */
body.home-v2,
body.home-v2 main,
body.home-v2 .top-section,
body.home-v2 .top-own,
body.home-v2 .top-transition,
body.home-v2 .top-news,
body.home-v2 .bct-footer{
  background:#fff;
  color:#111;
}
body.home-v2 .bct-header,
body.home-v2 .top-section,
body.home-v2 .top-own,
body.home-v2 .top-transition,
body.home-v2 .top-news,
body.home-v2 .bct-footer,
body.home-v2 .bct-footer__bottom{
  border-color:#111;
}
body.home-v2 .top-section__eyebrow,
body.home-v2 .top-about__copy p,
body.home-v2 .top-own__copy p,
body.home-v2 .top-news__row time,
body.home-v2 .bct-footer__col a,
body.home-v2 .bct-footer__bottom{
  color:#111;
}
body.home-v2 .top-news__row{border-bottom-color:#111}
body.home-v2 .top-own__media{background:#fff}
body.home-v2 .bct-footer .bct-brand__name,
body.home-v2 .bct-footer__col h3{color:#111}
body.home-v2 .bct-footer .bct-brand__mark{color:#b91d24}

@media(max-width:900px){
  .mix-role,.mix-history,.mix-links{padding-left:24px;padding-right:24px}
  .mix-role__head{grid-template-columns:1fr;gap:26px}
  .mix-role__copy{padding-top:0}
  .mix-role__cards{grid-template-columns:1fr}
  .mix-role__card{min-height:200px}
  .mix-history__head{align-items:start;flex-direction:column}
  .mix-history__grid{grid-template-columns:1fr}
  .mix-history__item{min-height:0;padding:28px 0}
  .mix-history__item + .mix-history__item{padding-left:0;border-left:0}
  .mix-history__year{margin-bottom:22px;font-size:48px}
  .mix-links__grid{grid-template-columns:1fr}
}

@media(max-width:600px){
  .mix-role{padding-top:76px;padding-bottom:84px}
  .mix-role__title h2{font-size:48px}
  .mix-role__copy h3{font-size:28px}
  .mix-history{padding-top:78px;padding-bottom:86px}
  .mix-history__head{margin-bottom:44px}
  .mix-history__head h2{font-size:46px}
  .mix-history__mark{width:70vw;height:150px;right:-30vw}
  .mix-links{padding-top:78px;padding-bottom:86px}
  .mix-links__head{margin-bottom:32px}
  .mix-links__head h2{font-size:44px}
  .mix-links__card{min-height:280px}
}