/*
  Cross-concept previews
  - main content in the company page's luminous, refractive language
  - company content in the main page's photographic, industrial language
  The selectors only activate on the two dedicated concept routes.
*/

.concept-main-company body.final-main,
.concept-company-main body.final-company{
  --concept-violet:#7565c8;
  --concept-cyan:#65aebc;
  --concept-navy:#173b63;
  --concept-ink:#111c26;
}

.concept-main-company .final-main :where(.hero-content-inner,.section-head>*,.numbers-head>*,.metric,.video-copy>*,.jbx-contact-in>*),
.concept-company-main .final-company :where(.opening-inner>*,.section-title>*,.mission-item,.history-row,.facts-head>*,.fact,.capability-card,.ip-shell>*,.ip-item,.network-item){
  min-width:0;
}

.concept-main-company .final-main .reveal,
.concept-company-main .final-company .reveal{
  opacity:1;
  filter:none;
  transform:none;
}

.concept-main-company .final-main.concept-motion-ready .reveal:not(.is-visible),
.concept-company-main .final-company.concept-motion-ready .reveal:not(.is-visible){
  opacity:0;
  filter:blur(2px);
  transform:translateY(32px);
}

/* MAIN CONTENT · COMPANY VISUAL LANGUAGE */
.concept-main-company body.final-main{
  background:#f4f6f9;
  color:var(--concept-ink);
}

.concept-main-company .final-main main{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse 72% 16% at 16% 13%,rgba(117,101,200,.075),transparent 72%),
    radial-gradient(ellipse 68% 18% at 88% 43%,rgba(101,174,188,.07),transparent 74%),
    radial-gradient(ellipse 65% 15% at 13% 78%,rgba(117,101,200,.055),transparent 72%),
    linear-gradient(180deg,#f8f8fd 0%,#fff 25%,#f7fafb 57%,#f5f6fa 100%);
}

.concept-main-company .final-main main::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:
    radial-gradient(circle,rgba(23,59,99,.32) 1px,transparent 1.3px),
    linear-gradient(118deg,transparent 24%,rgba(117,101,200,.16) 48%,rgba(101,174,188,.12) 54%,transparent 76%);
  background-size:24px 24px,100% 760px;
  -webkit-mask-image:linear-gradient(180deg,#000 0,transparent 16%,transparent 79%,#000 100%);
  mask-image:linear-gradient(180deg,#000 0,transparent 16%,transparent 79%,#000 100%);
}

.concept-main-company .final-main main>*,
.concept-main-company .final-main .jbx-lower{
  position:relative;
  z-index:1;
}

.concept-main-company .final-main .site-intro{
  background:
    radial-gradient(circle at 40% 52%,rgba(117,101,200,.15),transparent 29%),
    radial-gradient(circle at 61% 48%,rgba(101,174,188,.14),transparent 30%),
    #f7f8fc;
  color:var(--concept-navy);
}

.concept-main-company .final-main .final-nav{
  background:
    linear-gradient(135deg,rgba(255,255,255,.79),rgba(242,244,251,.66)) padding-box,
    linear-gradient(112deg,rgba(255,255,255,1),rgba(117,101,200,.34),rgba(101,174,188,.33),rgba(255,255,255,.95)) border-box;
  box-shadow:0 20px 56px rgba(46,57,88,.12),inset 0 1px 0 rgba(255,255,255,.9);
}

.concept-main-company .final-main .hero{
  isolation:isolate;
  width:min(100%,1920px)!important;
  height:clamp(700px,46vw,860px)!important;
  margin:0 auto clamp(60px,6vw,92px)!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(125deg,#f8f8fd 0%,#f6f8fa 50%,#edf3f5 100%)!important;
  color:var(--concept-ink)!important;
  box-shadow:none;
}

.concept-main-company .final-main .hero::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:
    radial-gradient(circle at 18% 42%,rgba(117,101,200,.1),transparent 28%),
    radial-gradient(circle at 38% 58%,rgba(101,174,188,.08),transparent 28%);
  pointer-events:none;
}

.concept-main-company .final-main .hero::after{
  content:none;
}

.concept-main-company .final-main .hero-slide{
  z-index:2;
  inset:0 0 0 41%;
  border-radius:0;
  overflow:hidden;
  box-shadow:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.38) 9%,#000 25%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.38) 9%,#000 25%,#000 100%);
}

.concept-main-company .final-main .hero-slide::after{
  background:
    linear-gradient(90deg,rgba(246,248,250,.28),transparent 28%),
    linear-gradient(180deg,rgba(8,19,29,.01),rgba(8,19,29,.25));
}

.concept-main-company .final-main .hero-content{
  z-index:4;
  width:min(calc(100% - 80px),1320px);
  margin-inline:auto;
  padding:86px 58% 72px 0!important;
}

.concept-main-company .final-main .hero h1{
  max-width:9ch;
  color:var(--concept-ink);
  font-size:clamp(54px,5.7vw,82px)!important;
  line-height:1.12!important;
}

.concept-main-company .final-main .hero-index{
  color:var(--concept-navy);
}

.concept-main-company .final-main .hero-index::before{
  background:var(--concept-navy);
}

.concept-main-company .final-main .hero-nav{
  z-index:5;
  left:max(40px,calc(50% - 660px))!important;
  right:auto!important;
  width:min(34%,420px)!important;
  transform:none!important;
}

.concept-main-company .final-main .hero-nav button{
  color:rgba(23,59,99,.52);
  border-color:rgba(23,59,99,.24);
}

.concept-main-company .final-main .hero-nav button.is-active{color:var(--concept-navy)}
.concept-main-company .final-main .hero-nav button::after{background:var(--concept-navy)}

.concept-main-company .final-main .business,
.concept-main-company .final-main .numbers,
.concept-main-company .final-main .video{
  background:transparent!important;
}

.concept-main-company .final-main .business{
  padding-top:clamp(105px,9vw,142px);
}

.concept-main-company .final-main .business .section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  justify-items:center;
  width:100%;
  max-width:none;
  margin:0 auto clamp(58px,6vw,82px);
  text-align:center;
}

.concept-main-company .final-main .business .section-head h2{max-width:none;margin-top:17px}
.concept-main-company .final-main .business .section-head>p{width:100%;max-width:none;margin:24px auto 0;text-align:center}

@media(min-width:901px){
  .concept-main-company:not(.concept-main-original-hero) .final-main .hero-content{
    padding:86px 0 72px!important;
  }
  .concept-main-company:not(.concept-main-original-hero) .final-main .hero-content-inner{
    width:min(100%,560px);
  }
  .concept-main-company:not(.concept-main-original-hero) .final-main .hero h1{
    max-width:11ch;
  }
  .concept-main-company .final-main .business .section-head>p{white-space:nowrap}
}

/* Same concept language with the original full-bleed photographic hero retained. */
.concept-main-company.concept-main-original-hero .final-main .hero{
  width:min(100%,1920px)!important;
  height:clamp(680px,46.875vw,900px)!important;
  margin:0 auto clamp(60px,6vw,92px)!important;
  background:#0d151e!important;
  color:#fff!important;
}

.concept-main-company.concept-main-original-hero .final-main .hero::before,
.concept-main-company.concept-main-original-hero .final-main .hero::after{content:none;display:none}

.concept-main-company.concept-main-original-hero .final-main .hero-slide{
  inset:0;
  -webkit-mask-image:none;
  mask-image:none;
}

.concept-main-company.concept-main-original-hero .final-main .hero-slide::after{
  background:
    linear-gradient(90deg,rgba(4,12,19,.75),rgba(4,12,19,.38) 47%,rgba(4,12,19,.08) 75%),
    linear-gradient(180deg,rgba(4,12,19,.08),rgba(4,12,19,.08) 57%,rgba(4,12,19,.54));
}

.concept-main-company.concept-main-original-hero .final-main .hero-content{
  width:min(calc(100% - var(--pad)*2),var(--wrap));
  margin-inline:auto;
  padding:clamp(88px,7vw,120px) 0 0!important;
}

.concept-main-company.concept-main-original-hero .final-main .hero h1{
  max-width:13ch;
  color:#fff;
  font-size:clamp(52px,7vw,100px)!important;
  line-height:1.1!important;
}

.concept-main-company.concept-main-original-hero .final-main .hero-index{color:rgba(255,255,255,.84)}
.concept-main-company.concept-main-original-hero .final-main .hero-index::before{background:rgba(255,255,255,.8)}
.concept-main-company.concept-main-original-hero .final-main .hero-nav{
  left:50%!important;
  right:auto!important;
  width:min(calc(100% - var(--pad)*2),var(--wrap))!important;
  transform:translateX(-50%)!important;
}
.concept-main-company.concept-main-original-hero .final-main .hero-nav button{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.36)}
.concept-main-company.concept-main-original-hero .final-main .hero-nav button.is-active{color:#fff}
.concept-main-company.concept-main-original-hero .final-main .hero-nav button::after{background:#fff}

.concept-main-company .final-main .business-stage{
  gap:20px!important;
  height:clamp(470px,34vw,540px)!important;
}

.concept-main-company .final-main .biz-card{
  border:1px solid #e6ebef;
  border-radius:20px;
  box-shadow:0 16px 42px rgba(26,44,63,.055);
}

.concept-main-company .final-main .numbers{
  padding-top:clamp(95px,8vw,128px)!important;
}

.concept-main-company .final-main .numbers-panel{
  border:1px solid rgba(23,59,99,.12);
  border-radius:26px;
  background:
    radial-gradient(circle at 8% 10%,rgba(117,101,200,.09),transparent 28%),
    radial-gradient(circle at 91% 86%,rgba(101,174,188,.1),transparent 32%),
    rgba(255,255,255,.74);
  color:var(--concept-ink);
  clip-path:none;
  box-shadow:0 28px 74px rgba(27,45,65,.1),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(18px);
}

.concept-main-company .final-main .numbers-panel::before{
  background:
    linear-gradient(rgba(23,59,99,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,59,99,.08) 1px,transparent 1px);
  background-size:12.5% 50%;
  opacity:.75;
}

.concept-main-company .final-main .numbers-panel::after{color:rgba(23,59,99,.045)}
.concept-main-company .final-main .numbers-head .eyebrow{color:var(--concept-navy)!important}
.concept-main-company .final-main .numbers-head h2{color:var(--concept-ink)!important}
.concept-main-company .final-main .numbers-head>p{color:#5a6876!important}
.concept-main-company .final-main .metric small{color:#5b6a78}
.concept-main-company .final-main .metric strong{color:var(--concept-navy)}
.concept-main-company .final-main .metric strong em{color:#66839b}
.concept-main-company .final-main .metric p{color:#6a7784}

.concept-main-company .final-main .video-link{
  border:1px solid #e6ebef;
  border-radius:26px;
  box-shadow:0 24px 62px rgba(20,39,58,.065);
}

.concept-main-company .final-main .jbx-contact{
  width:min(100%,1920px);
  margin:0 auto;
  border:0;
  border-radius:0;
  padding-block:clamp(96px,8vw,132px);
  background:
    radial-gradient(circle at 12% 18%,rgba(117,101,200,.11),transparent 34%),
    radial-gradient(circle at 88% 76%,rgba(101,174,188,.12),transparent 36%),
    rgba(255,255,255,.72)!important;
  color:var(--concept-ink);
  box-shadow:none;
}

.concept-main-company .final-main .jbx-contact::before{
  background-image:
    linear-gradient(rgba(23,59,99,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,59,99,.07) 1px,transparent 1px);
}

.concept-main-company .final-main .jbx-contact::after{background:none}
.concept-main-company .final-main .jbx-contact p{color:#5a6977!important}
.concept-main-company .final-main .jbx-btn{border-color:rgba(23,59,99,.35);color:var(--concept-navy)}
.concept-main-company .final-main .jbx-btn.primary{background:var(--concept-navy);color:#fff;border-color:var(--concept-navy)}

/* COMPANY CONTENT · MAIN VISUAL LANGUAGE */
.concept-company-main body.final-company{
  background:#fff;
  color:var(--concept-ink);
}

.concept-company-main .final-company main{
  background:#fff;
}

.concept-company-main .final-company .company-flow-lines{
  opacity:.035;
  mix-blend-mode:normal;
}

.concept-company-main .final-company .opening{
  width:min(100%,1920px);
  min-height:0;
  height:clamp(760px,46.875vw,900px);
  margin:0 auto;
  padding:140px 0 90px;
  place-items:center;
  background:#0b1722 url('../photo-selection/assets/ADD-31.webp') center/cover no-repeat;
  color:#fff;
  text-align:left;
}

.concept-company-main .final-company .opening::before{
  z-index:0;
  background:
    linear-gradient(90deg,rgba(5,15,24,.9) 0%,rgba(5,15,24,.68) 47%,rgba(5,15,24,.28) 100%),
    linear-gradient(180deg,rgba(5,15,24,.18),rgba(5,15,24,.46));
}

.concept-company-main .final-company .opening::after{
  content:none;
  display:none;
}

.concept-company-main .final-company .wave-field{display:none}

.concept-company-main .final-company .opening-inner{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);
  grid-template-areas:
    "eyebrow prism"
    "title prism"
    "value prism"
    "sub prism";
  column-gap:clamp(56px,8vw,125px);
  align-items:center;
  width:min(calc(100% - 104px),1280px);
}

.concept-company-main .final-company .opening-inner>.eyebrow{grid-area:eyebrow;align-self:end;color:#bdd8ea}
.concept-company-main .final-company .opening h1{grid-area:title;align-self:start;margin-top:12px;color:#fff;font-size:clamp(42px,4.2vw,62px)!important;line-height:1.27!important}
.concept-company-main .final-company .opening h1 em{color:rgba(255,255,255,.72)}
.concept-company-main .final-company .jubok-prism-stage{grid-area:prism;width:min(100%,430px);margin:0 auto;filter:drop-shadow(0 28px 42px rgba(8,17,26,.34))}
.concept-company-main .final-company .value-title{grid-area:value;margin-top:32px;color:#fff;font-size:21px}
.concept-company-main .final-company .value-sub{grid-area:sub;margin-top:12px;color:rgba(255,255,255,.74)}

.concept-company-main .final-company .mission{
  padding:clamp(125px,11vw,170px) 0;
  background:#fff;
}

.concept-company-main .final-company .mission::after,
.concept-company-main .final-company .history::after,
.concept-company-main .final-company .facts::after,
.concept-company-main .final-company .capability::after,
.concept-company-main .final-company .ci::after,
.concept-company-main .final-company .network::after{content:none}

.concept-company-main .final-company .mission .section-title,
.concept-company-main .final-company .capability .section-title{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);
  grid-template-rows:auto auto;
  column-gap:clamp(50px,8vw,110px);
  align-items:end;
  text-align:left;
}

.concept-company-main .final-company .mission .section-title h2,
.concept-company-main .final-company .capability .section-title h2{
  margin:17px 0 0;
  max-width:14ch;
}

.concept-company-main .final-company .mission .section-title>p:last-child,
.concept-company-main .final-company .capability .section-title>p:last-child{
  grid-column:2;
  grid-row:1/3;
  margin:0;
  text-align:left;
}

.concept-company-main .final-company .mission-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:clamp(60px,6vw,82px);
  border:0;
}

.concept-company-main .final-company .mission-item{
  position:relative;
  isolation:isolate;
  min-height:440px;
  padding:34px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.17);
  color:#fff;
  box-shadow:0 22px 54px rgba(13,31,47,.12);
}

.concept-company-main .final-company .mission-item::before,
.concept-company-main .final-company .mission-item::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}

.concept-company-main .final-company .mission-item::before{
  z-index:-2;
  background-position:center;
  background-size:cover;
  transition:transform 1s var(--jb-ease);
}

.concept-company-main .final-company .mission-item:nth-child(1)::before{background-image:url('../photo-selection/assets/M-AI-12-철강-스마트팩토리관제-2인.webp')}
.concept-company-main .final-company .mission-item:nth-child(2)::before{background-image:url('../photo-selection/assets/M-AI-14-건설-도면검토-3인.webp')}
.concept-company-main .final-company .mission-item:nth-child(3)::before{background-image:url('../photo-selection/assets/M-AI-01-태양광-지붕설치-3인.webp')}

.concept-company-main .final-company .mission-item::after{
  z-index:-1;
  background:linear-gradient(180deg,rgba(5,14,22,.08) 16%,rgba(5,14,22,.35) 48%,rgba(5,14,22,.94) 100%);
}

.concept-company-main .final-company .mission-item:hover::before{transform:scale(1.045)}
.concept-company-main .final-company .mission-item small{position:absolute;top:30px;left:32px;color:rgba(255,255,255,.72)}
.concept-company-main .final-company .mission-item h3{font-size:clamp(25px,2.2vw,32px);color:#fff}
.concept-company-main .final-company .mission-item p{margin-top:16px;color:rgba(255,255,255,.76)!important}

.concept-company-main .final-company .history.scroll-history{
  background:linear-gradient(132deg,#0b2032 0%,#173b63 58%,#1d517a 100%);
  color:#fff;
}

.concept-company-main .final-company .history.scroll-history::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(156,211,235,.1) 1px,transparent 1px),
    linear-gradient(90deg,rgba(156,211,235,.09) 1px,transparent 1px);
  background-size:160px 74px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 26%,#000);
  mask-image:linear-gradient(90deg,transparent,#000 26%,#000);
}

.concept-company-main .final-company .history .eyebrow{color:#b8dcef}
.concept-company-main .final-company .history-row time small{color:rgba(255,255,255,.54)}
.concept-company-main .final-company .history-row.is-prev,
.concept-company-main .final-company .history-row.is-next{opacity:.24}
.concept-company-main .final-company .history-row.is-prev-2,
.concept-company-main .final-company .history-row.is-next-2{opacity:.09}

.concept-company-main .final-company .facts{
  padding:clamp(110px,10vw,150px) 0;
  background:#fff;
}

.concept-company-main .final-company .facts>.wrap{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(52px,6vw,78px);
  background:linear-gradient(132deg,#0d263d 0%,#173b63 56%,#1d598a 100%);
  color:#fff;
  clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%);
}

.concept-company-main .final-company .facts>.wrap::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background-image:
    linear-gradient(rgba(150,210,236,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(150,210,236,.12) 1px,transparent 1px);
  background-size:12.5% 50%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000);
  mask-image:linear-gradient(90deg,transparent,#000 25%,#000);
}

.concept-company-main .final-company .facts .eyebrow{color:#b8dcef}
.concept-company-main .final-company .fact-notice{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:rgba(255,255,255,.7)}
.concept-company-main .final-company .facts-grid{border-color:rgba(255,255,255,.35)}
.concept-company-main .final-company .fact{border-color:rgba(255,255,255,.2)}
.concept-company-main .final-company .fact small{color:rgba(255,255,255,.65)}
.concept-company-main .final-company .fact strong{color:#fff}

.concept-company-main .final-company .capability{
  padding:clamp(125px,11vw,170px) 0;
  background:#f4f7f9;
}

.concept-company-main .final-company .capability-overview{gap:18px}
.concept-company-main .final-company .capability-card{
  position:relative;
  isolation:isolate;
  min-height:300px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 18px 48px rgba(20,42,61,.07);
}

.concept-company-main .final-company .capability-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.1;
  background-position:center;
  background-size:cover;
  transition:opacity .5s ease,transform .9s var(--jb-ease);
}

.concept-company-main .final-company .capability-card:nth-child(1)::before{background-image:linear-gradient(90deg,#fff 24%,rgba(255,255,255,.35)),url('../photo-selection/assets/M-AI-07-철강-철근가공-2인.webp')}
.concept-company-main .final-company .capability-card:nth-child(2)::before{background-image:linear-gradient(90deg,#fff 24%,rgba(255,255,255,.35)),url('../photo-selection/assets/M-AI-13-건설-현장측량-2인.webp')}
.concept-company-main .final-company .capability-card:hover::before{opacity:.23;transform:scale(1.025)}

.concept-company-main .final-company .ip-shell{border-color:#98a8b7}
.concept-company-main .final-company .ip-list{background:rgba(255,255,255,.42)}
.concept-company-main .final-company .ip-item:hover{background:#fff}

.concept-company-main .final-company .ci{
  background:
    linear-gradient(rgba(150,210,236,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(150,210,236,.075) 1px,transparent 1px),
    linear-gradient(132deg,#0b2032,#173b63 58%,#1d517a);
  background-size:180px 84px,180px 84px,100% 100%;
  color:#fff;
  animation:none;
}

.concept-company-main .final-company .ci::before{content:none}
.concept-company-main .final-company .ci .eyebrow{color:#b8dcef}
.concept-company-main .final-company .ci p{color:rgba(255,255,255,.7)}
.concept-company-main .final-company .ci-mark{color:#fff}
.concept-company-main .final-company .ci-mark strong{opacity:.9}

.concept-company-main .final-company .network{
  background:#fff;
}

.concept-company-main .final-company .network-line{
  gap:14px;
  border-top:0;
}

.concept-company-main .final-company .network-item{
  min-height:270px;
  padding:32px;
  border:1px solid #d9e1e8;
  background:#f7f9fa;
  transition:transform .45s var(--jb-ease),background .35s ease,box-shadow .45s ease;
}

.concept-company-main .final-company .network-item::before{content:none}
.concept-company-main .final-company .network-item:hover{transform:translateY(-5px);background:#fff;box-shadow:0 20px 50px rgba(20,42,61,.09)}

@media(max-width:900px){
  .concept-main-company .final-main .hero-content{padding-right:52%!important}
  .concept-main-company .final-main .hero-nav{left:34px!important;width:36%!important}

  .concept-company-main .final-company .opening-inner{grid-template-columns:minmax(0,1fr) 300px;column-gap:34px}
  .concept-company-main .final-company .opening h1{font-size:40px!important}
  .concept-company-main .final-company .mission-row{grid-template-columns:1fr 1fr}
  .concept-company-main .final-company .mission-item:last-child{grid-column:1/-1;min-height:360px}
}

@media(max-width:700px){
  .concept-main-company .final-main .hero{
    width:calc(100% - 12px)!important;
    height:calc(100svh - 6px)!important;
    min-height:650px!important;
    margin-inline:6px!important;
    border-radius:0 0 18px 18px!important;
    color:#fff!important;
  }

  .concept-main-company .final-main .hero::before,
  .concept-main-company .final-main .hero::after{display:none}
  .concept-main-company .final-main .hero-slide{inset:0;border-radius:0;box-shadow:none;-webkit-mask-image:none!important;mask-image:none!important}
  .concept-main-company .final-main .hero-slide::after{background:linear-gradient(180deg,rgba(5,14,22,.18),rgba(5,14,22,.3) 42%,rgba(5,14,22,.88))}
  .concept-main-company .final-main .hero-content{width:100%;padding:0 24px 145px!important}
  .concept-main-company .final-main .hero h1{max-width:none;color:#fff;font-size:clamp(39px,10.8vw,43px)!important}
  .concept-main-company .final-main .hero-index{color:rgba(255,255,255,.82)}
  .concept-main-company .final-main .hero-index::before{background:#fff}
  .concept-main-company .final-main .hero-nav{left:24px!important;right:24px!important;width:auto!important}
  .concept-main-company .final-main .hero-nav button{border-color:rgba(255,255,255,.35);color:rgba(255,255,255,.55)}
  .concept-main-company .final-main .hero-nav button.is-active{color:#fff}
  .concept-main-company .final-main .hero-nav button::after{background:#fff}
  .concept-main-company.concept-main-original-hero .final-main .hero{
    width:calc(100% - 12px)!important;
    height:calc(100svh - 6px)!important;
    min-height:650px!important;
    margin-inline:6px!important;
    border-radius:0 0 18px 18px!important;
  }
  .concept-main-company.concept-main-original-hero .final-main .hero-content{
    width:100%;
    padding:0 24px 145px!important;
  }
  .concept-main-company.concept-main-original-hero .final-main .hero h1{
    max-width:none;
    font-size:clamp(39px,10.8vw,43px)!important;
    line-height:1.08!important;
  }
  .concept-main-company.concept-main-original-hero .final-main .hero-nav{
    left:24px!important;
    right:24px!important;
    width:auto!important;
    transform:none!important;
  }
  .concept-main-company .final-main .business .section-head{justify-items:start;text-align:left}
  .concept-main-company .final-main .business .section-head>p{margin-left:0;text-align:left}
  .concept-main-company .final-main .business-stage{height:auto!important}
  .concept-main-company .final-main .biz-card{border-radius:16px}
  .concept-main-company .final-main .numbers-panel{margin-inline:6px;padding:38px 24px;border-radius:18px}
  .concept-main-company .final-main .metric{width:100%;border-bottom:1px solid rgba(23,59,99,.12)}
  .concept-main-company .final-main .metric:last-child{border-bottom:0}
  .concept-main-company .final-main .video-link{border-radius:18px}
  .concept-main-company .final-main .jbx-contact{width:100%;margin-bottom:0;border-radius:0;padding-block:84px}

  .concept-company-main .final-company .opening{
    height:auto;
    min-height:820px;
    padding:125px 20px 100px;
    background-position:64% center;
  }

  .concept-company-main .final-company .opening-inner{
    display:flex;
    width:100%;
    flex-direction:column;
    align-items:flex-start;
  }

  .concept-company-main .final-company .opening h1{font-size:31px!important}
  .concept-company-main .final-company .opening h1>span{white-space:normal}
  .concept-company-main .final-company .jubok-prism-stage{order:3;width:min(80vw,300px);margin:36px auto 12px}
  .concept-company-main .final-company .value-title{order:4;margin-top:0;font-size:18px}
  .concept-company-main .final-company .value-sub{order:5}
  .concept-company-main .final-company .opening-inner>.eyebrow{order:1;align-self:flex-start}
  .concept-company-main .final-company .opening h1{order:2}

  .concept-company-main .final-company .mission .section-title,
  .concept-company-main .final-company .capability .section-title{display:block}
  .concept-company-main .final-company .mission .section-title>p:last-child,
  .concept-company-main .final-company .capability .section-title>p:last-child{margin-top:22px}
  .concept-company-main .final-company .mission-row{grid-template-columns:1fr}
  .concept-company-main .final-company .mission-item,
  .concept-company-main .final-company .mission-item:last-child{grid-column:auto;min-height:340px;padding:27px}
  .concept-company-main .final-company .facts{padding-block:90px}
  .concept-company-main .final-company .facts>.wrap{width:calc(100% - 24px);padding:42px 24px;clip-path:none}
  .concept-company-main .final-company .fact-notice{background:rgba(255,255,255,.08)}
  .concept-company-main .final-company .network-line{display:grid;grid-template-columns:1fr}
  .concept-company-main .final-company .network-item{min-height:220px;padding:27px}
}

@media(prefers-reduced-motion:reduce){
  .concept-main-company .final-main main::before,
  .concept-company-main .final-company .mission-item::before,
  .concept-company-main .final-company .capability-card::before{animation:none!important;transition:none!important}
}