@font-face{font-family:"Jubok Pretendard";src:url("./pretendard-variable.woff2") format("woff2-variations");font-style:normal;font-weight:45 920;font-display:swap}
@font-face{font-family:"Jubok Science";src:url("./science-gothic-800.ttf") format("truetype");font-style:normal;font-weight:800;font-display:swap}

:root{
  --jb-navy:#173b63;
  --jb-ink:#111c26;
  --jb-muted:#596978;
  --jb-line:#d9e1e8;
  --jb-paper:#f4f7f9;
  --jb-font:"Jubok Pretendard","Pretendard Variable","Pretendard","Malgun Gothic","Apple SD Gothic Neo",sans-serif;
  --jb-ease:cubic-bezier(.2,.78,.2,1);
}

html{scroll-padding-top:100px;overflow-x:clip}
body{overflow-x:clip!important;font-family:var(--jb-font)!important;font-synthesis:none;letter-spacing:-.018em;word-break:keep-all;overflow-wrap:break-word}
button,input,select,textarea{font-family:inherit}
body,p,li,address{font-weight:435}
h1,h2,h3,h4,strong,b{font-family:var(--jb-font)!important}
h1,h2,h3,h4{text-wrap:balance}
p,li,address{text-wrap:pretty}
h1,h2{font-weight:645!important;letter-spacing:-.038em!important}
h3{font-weight:600!important;letter-spacing:-.028em!important}
h4{font-weight:570!important;letter-spacing:-.02em!important}
.brand,.final-brand,.site-intro-word,.ci-mark strong{font-family:"Jubok Science",var(--jb-font)!important;font-weight:800!important}
.science,.eyebrow,.hero-index,.hero-nav button,.business-section-label,.business-en,.detail-tabs button,.numbers-head h2,.number-value,.number-unit,.jbx-kicker,.jbx-section::before,.jbx-value-item>span,.jbx-flow-label,.jbx-flow-copy b,.jbx-flow-node,.jbx-flow-step>span,.jbx-project-copy small,.jbx-responsibility-card>span,.jbx-network-card small,.jbx-news-card small,.video-copy h2,.opening h1,.opening h1 em,.mission-item small,.history-row time,.fact-value,.fact-unit,.capability-card>span,.ip-no,.ip-summary strong,.ip-summary strong em,.rnd-total strong,.rnd-item small,.network-item small,.division-hero::after,.eyebrow,.service-row>span,.process-step small,.project-copy small{
  font-family:var(--jb-font)!important;
}
.eyebrow,.hero-index,.hero-nav button,.business-section-label,.jbx-kicker,.jbx-value-item>span,.jbx-flow-label,.jbx-flow-node,.jbx-flow-step>span,.jbx-project-copy small,.jbx-responsibility-card>span,.jbx-network-card small,.jbx-news-card small,.capability-card>span,.ip-no,.rnd-item small,.network-item small,.service-row>span,.process-step small,.project-copy small{
  font-weight:515!important;
  letter-spacing:.04em!important;
}
.eyebrow,.business-section-label,.jbx-kicker,.jbx-value-item>span,.jbx-flow-step>span,.jbx-project-copy small,.jbx-responsibility-card>span,.jbx-network-card small,.jbx-news-card small,.capability-card>span,.ip-no,.rnd-item small,.network-item small,.service-row>span,.process-step small,.project-copy small{font-size:12.5px!important}
.number-value,.fact-value,.history-row time strong,.ip-summary strong,.rnd-total strong{font-variant-numeric:tabular-nums;font-weight:645!important;letter-spacing:-.04em!important}
.number-unit,.fact-unit{font-weight:485!important;letter-spacing:-.018em!important}

/* Shared type scale: restrained contrast across every page */
.final-main .section-head h2,.final-main .jbx-h2,.final-main .jbx-contact h2,
.final-company .section-title h2,.final-company .history-intro h2,.final-company .facts-head h2,.final-company .ci h2,
.final-business .section-head h2,.final-business .division-cta h2{
  font-weight:645!important;line-height:1.28!important;letter-spacing:-.038em!important;
}
.final-main .section-head>p,.final-main .numbers-head>p,.final-main .jbx-lead,.final-main .jbx-flow-step p,.final-main .jbx-news-card p,
.final-company .section-title>p:last-child,.final-company .mission-item p,.final-company .capability-card p,.final-company .ip-intro>p:not(.eyebrow),.final-company .ci p,.final-company .network-item p,
.final-business .section-head>p,.final-business .service-row p,.final-business .process-step p{
  font-weight:435!important;color:#536473;letter-spacing:-.014em!important;
}
.final-business .project-copy p{
  font-weight:470!important;color:rgba(255,255,255,.92)!important;letter-spacing:-.014em!important;text-shadow:0 1px 14px rgba(0,0,0,.32);
}
.final-main .jbx-value-item h3,.final-main .jbx-flow-step h3,.final-main .jbx-project-copy h3,.final-main .jbx-responsibility-card h3,.final-main .jbx-network-card h3,.final-main .jbx-news-card h3,
.final-company .mission-item h3,.final-company .capability-card h3,.final-company .ip-item h4,.final-company .rnd-item h4,.final-company .network-item h3,
.final-business .service-row h3,.final-business .process-step h3,.final-business .project-copy h3{
  font-weight:590!important;
}
.final-main .jbx-arrow,.final-main .jbx-network-card a,.final-main .jbx-btn,.final-company .ip-summary>span,.final-company .ip-kind{
  font-weight:545!important;
}

/* One shared, dropdown-free GNB */
.final-nav{position:fixed;z-index:120;top:18px;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),1240px);min-height:70px;padding:0 24px 0 27px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid transparent;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(239,245,249,.65)) padding-box,linear-gradient(112deg,rgba(255,255,255,.98),rgba(137,176,213,.48),rgba(255,255,255,.94)) border-box;box-shadow:0 18px 50px rgba(17,39,61,.11),inset 0 1px 0 rgba(255,255,255,.88);backdrop-filter:blur(22px) saturate(135%);transition:top .3s ease,box-shadow .3s ease}
.final-nav.is-scrolled{top:9px;box-shadow:0 20px 55px rgba(17,39,61,.16),inset 0 1px 0 rgba(255,255,255,.9)}
.final-brand{flex:none;font-size:30px;line-height:1;letter-spacing:-.07em;color:var(--jb-navy)}
.final-links{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,1.55vw,25px)}
.final-links>a,.final-pr-trigger{position:relative;padding:25px 0 23px;font-size:14.5px;font-weight:535;line-height:1;color:#344656;white-space:nowrap}
.final-links>a::after,.final-pr-trigger::after{content:"";position:absolute;left:0;right:100%;bottom:16px;height:1px;background:var(--jb-navy);transition:right .35s var(--jb-ease)}
.final-links>a:hover::after,.final-links>a[aria-current="page"]::after,.final-pr:hover>.final-pr-trigger::after,.final-pr:focus-within>.final-pr-trigger::after,.final-pr.is-current>.final-pr-trigger::after{right:0}
.final-pr{position:relative;align-self:stretch;display:flex;align-items:center}
.final-pr-trigger{display:flex;align-items:center;gap:8px}
.final-pr-trigger::before{content:"";order:2;width:5px;height:5px;margin-top:-3px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.58;transform:rotate(45deg);transition:transform .3s var(--jb-ease)}
.final-pr:hover>.final-pr-trigger::before,.final-pr:focus-within>.final-pr-trigger::before{transform:translateY(2px) rotate(225deg)}
.final-pr-menu{position:absolute;top:calc(100% + 9px);right:-18px;width:196px;padding:8px;border:1px solid transparent;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(238,245,250,.93)) padding-box,linear-gradient(115deg,rgba(255,255,255,1),rgba(136,177,213,.48),rgba(255,255,255,.96)) border-box;box-shadow:0 22px 54px rgba(18,40,62,.15),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(22px) saturate(135%);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .24s ease,visibility .24s ease,transform .34s var(--jb-ease)}
.final-pr-menu::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.final-pr:hover>.final-pr-menu,.final-pr:focus-within>.final-pr-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.final-pr-menu a{display:flex;align-items:center;justify-content:space-between;min-height:43px;padding:0 13px;border-bottom:1px solid rgba(23,59,99,.09);font-size:14px;font-weight:510;color:#435565;transition:padding .3s var(--jb-ease),background .25s ease,color .25s ease}
.final-pr-menu a:last-child{border-bottom:0}
.final-pr-menu a::after{content:"→";font-size:15px;color:#8091a0;transition:transform .3s var(--jb-ease)}
.final-pr-menu a:hover,.final-pr-menu a:focus-visible,.final-pr-menu a[aria-current="page"]{padding-left:17px;background:rgba(23,59,99,.055);color:var(--jb-navy)}
.final-pr-menu a:hover::after,.final-pr-menu a:focus-visible::after{transform:translateX(3px)}
.final-menu-toggle{display:none;flex:0 0 48px;width:48px;height:44px;border:0;background:transparent;color:var(--jb-navy);font-size:12px;font-weight:560;letter-spacing:.05em;white-space:nowrap}
.final-mobile-panel{display:none}

/* Main: FHD full width, wider screens capped at 1920px */
body.final-main{background:#fff}
.final-main .site-intro{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;overflow:hidden;background:#173b63;color:#fff;animation:jubokIntroExit .9s 1.65s cubic-bezier(.76,0,.24,1) forwards}
.final-main .site-intro-word{font-size:clamp(64px,12vw,188px);line-height:.78;letter-spacing:-.075em;opacity:0;transform:translateY(24px);animation:jubokIntroWord .82s .18s var(--jb-ease) forwards}
body.final-main.intro-running{overflow:hidden}
@keyframes jubokIntroWord{to{opacity:1;transform:none}}
@keyframes jubokIntroExit{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}
.final-main .hero{width:min(100%,1920px)!important;height:clamp(680px,46.875vw,900px)!important;min-height:0!important;margin:0 auto!important;border-radius:0!important}
.final-main .hero h1{font-family:var(--jb-font)!important;font-weight:635!important;line-height:1.1!important;letter-spacing:-.04em!important}
.final-main .hero-index{font-size:13px!important}
.final-main .hero-nav button{font-size:12.5px!important;font-weight:520!important;letter-spacing:.035em!important}
@media(min-width:561px){
  .final-main .hero-content{width:min(calc(100% - var(--pad)*2),var(--wrap));margin-inline:auto;padding-inline:0!important}
  .final-main .hero-nav{left:50%!important;right:auto!important;width:min(calc(100% - var(--pad)*2),var(--wrap));transform:translateX(-50%)}
}
@media(min-width:701px){.final-main .hero-content{padding-top:clamp(88px,7vw,120px)!important}}

/* Business cards: fixed three columns, lower overlay rises on hover */
.final-main .business-stage{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;height:clamp(500px,38vw,575px)!important;overflow:visible!important}
.final-main .biz-card{position:relative;display:block!important;width:auto!important;min-width:0!important;height:100%;overflow:hidden;border:0;padding:0;background:#101820;color:#fff;text-align:left;opacity:1!important;transform:none!important}
.final-main .biz-card::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(4,10,16,.02) 22%,rgba(4,10,16,.13) 46%,rgba(4,10,16,.9) 100%);transform:translateY(16%);transition:transform .62s var(--jb-ease),background .55s ease}
.final-main .biz-card img{position:absolute;inset:0;transition:transform 1s var(--jb-ease),filter .6s ease}
.final-main .biz-card:hover img,.final-main .biz-card:focus-visible img{transform:scale(1.045);filter:saturate(.92)}
.final-main .biz-card:hover::after,.final-main .biz-card:focus-visible::after{transform:translateY(0);background:linear-gradient(180deg,rgba(4,10,16,.08) 15%,rgba(4,10,16,.3) 52%,rgba(4,10,16,.94) 100%)}
.final-main .biz-card-copy{position:absolute;z-index:2;left:clamp(24px,2.4vw,38px);right:clamp(24px,2.4vw,38px);bottom:clamp(27px,2.8vw,42px)}
.final-main .biz-card-copy small{display:block;margin-bottom:11px;font-size:13.5px;font-weight:450;color:rgba(255,255,255,.76)}
.final-main .biz-card-copy strong{display:block;font-family:var(--jb-font)!important;font-size:clamp(35px,3vw,48px);font-weight:610!important;line-height:1.04;letter-spacing:-.035em}
.final-main .biz-details{display:block;max-height:0;margin-top:0;overflow:hidden;opacity:0;transform:translateY(20px);transition:max-height .52s var(--jb-ease),margin .45s ease,opacity .35s ease,transform .52s var(--jb-ease)}
.final-main .biz-details span{display:block;font-size:15px;line-height:1.68;color:rgba(255,255,255,.84)}
.final-main .biz-details em{display:inline-flex;align-items:center;gap:10px;margin-top:17px;font-size:13px;font-style:normal;font-weight:570;color:#fff}
.final-main .biz-details em::after{content:"→";font-size:18px;transition:transform .3s ease}
.final-main .biz-card:hover .biz-details,.final-main .biz-card:focus-visible .biz-details{max-height:145px;margin-top:18px;opacity:1;transform:none}
.final-main .biz-card:hover .biz-details em::after{transform:translateX(4px)}
.final-main .biz-detail{display:none!important}

/* Numbers: steel/solar concept panel */
.final-main .numbers{padding:clamp(108px,9vw,148px) 0 clamp(72px,6.5vw,104px)!important;background:#fff!important;color:var(--jb-ink)!important;overflow:visible!important}
.final-main .numbers::after{content:none!important}
.final-main .numbers-panel{position:relative;z-index:1;isolation:isolate;overflow:hidden;padding:clamp(48px,5.8vw,76px);background:linear-gradient(130deg,#0d263d 0%,#173b63 54%,#1d598a 100%);color:#fff;clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%)}
.final-main .numbers-panel::before{content:"";position:absolute;z-index:-1;inset:0;background: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%;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.88) 20%,#000)}
.final-main .numbers-panel::after{content:"JUBOK";position:absolute;z-index:-1;right:-34px;bottom:-35px;font-family:"Jubok Science",var(--jb-font)!important;font-size:clamp(96px,16vw,220px);font-weight:650;line-height:.74;letter-spacing:-.075em;color:rgba(255,255,255,.042);pointer-events:none}
.final-main .numbers-head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(34px,6vw,82px);padding-bottom:0!important;border-bottom:0!important}
.final-main .numbers-head .eyebrow{color:#b8dcef!important}
.final-main .numbers-head h2{max-width:13ch;margin-top:18px!important;color:#fff!important;font-size:clamp(38px,4.15vw,58px)!important;font-weight:645!important;line-height:1.23!important;letter-spacing:-.04em!important}
.final-main .numbers-head h2 span{display:block}
.final-main .numbers-head>p{max-width:470px!important;margin:0!important;font-size:15.5px!important;line-height:1.78!important;color:rgba(255,255,255,.72)!important}
.final-main .metric-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(34px,4.5vw,72px);margin-top:clamp(52px,5vw,70px);border-top:0}
.final-main .metric{width:max-content;max-width:100%;min-width:0;min-height:180px;padding:30px 0 16px;border-right:0;justify-self:start}
.final-main .metric:not(:first-child){padding-left:0}
.final-main .metric:nth-child(2){justify-self:center}
.final-main .metric:nth-child(3){justify-self:end;margin-right:clamp(26px,2.5vw,40px)}
.final-main .metric small{display:block;font-size:14px;font-weight:455;line-height:1.5;color:rgba(255,255,255,.68)}
.final-main .metric strong{display:flex;align-items:baseline;gap:8px;margin-top:27px;font-family:var(--jb-font)!important;font-size:clamp(48px,5vw,70px);font-weight:650;line-height:.92;letter-spacing:-.052em;color:#fff}
.final-main .metric strong em{font-family:var(--jb-font)!important;font-size:clamp(17px,1.65vw,23px);font-style:normal;font-weight:530;letter-spacing:-.025em;color:#c4e4f0}
.final-main .metric p{margin-top:20px;font-size:13px;font-weight:420;line-height:1.55;color:rgba(255,255,255,.58)}
.final-main .numbers+.jbx-lower .video{padding-top:clamp(42px,5vw,76px)!important;padding-bottom:clamp(104px,9vw,142px)!important}
.final-main .jbx-value .jbx-lead,.final-main .jbx-network .jbx-lead{color:rgba(255,255,255,.74)!important}
.final-main .jbx-contact p{color:rgba(255,255,255,.74)!important}
.final-main .jbx-contact{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(116deg,#102940 0%,#173b63 54%,#1d517a 100%)!important}
.final-main .jbx-contact::before{content:"";position:absolute;z-index:0;inset:-1px;pointer-events:none;background-image:linear-gradient(rgba(169,218,239,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(169,218,239,.1) 1px,transparent 1px);background-size:clamp(150px,12.5vw,220px) clamp(62px,5.5vw,88px);-webkit-mask-image:linear-gradient(90deg,transparent 3%,rgba(0,0,0,.08) 28%,rgba(0,0,0,.86) 100%);mask-image:linear-gradient(90deg,transparent 3%,rgba(0,0,0,.08) 28%,rgba(0,0,0,.86) 100%)}
.final-main .jbx-contact::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,24,39,.38),transparent 62%),radial-gradient(circle at 86% 8%,rgba(139,205,232,.15),transparent 36%)}
.final-main .jbx-contact-in{position:relative;z-index:1}

/* Company: fast scroll-linked rolling history */
.final-company .history.scroll-history{height:320svh;padding:0!important;overflow:visible!important}
.final-company .history.scroll-history>.wrap{position:sticky!important;top:0;min-height:100svh;padding-top:clamp(116px,12vh,150px);padding-bottom:60px;display:flex;flex-direction:column;justify-content:center}
.final-company .history-row{transition:opacity .28s ease,transform .38s var(--jb-ease)!important}
.final-company .opening h1{font-weight:645!important;line-height:1.34!important}
.final-company .opening h1 em{font-weight:535!important}
.final-company .value-title{font-family:var(--jb-font)!important;font-weight:610!important}
.final-company .value-sub{font-weight:535!important}
.final-company .value-sub span{display:inline-block}
.final-company .value-sub span+span::before{content:" · ";color:#788693}
.final-company .history-row p{font-weight:560!important}
.final-company .fact small{font-weight:445!important}

/* IP/R&D summary: quieter numerals, clearer labels */
.final-company .ip-summary>span{font-size:clamp(15.5px,1.25vw,17px)!important;font-weight:610!important;line-height:1.45}
.final-company .ip-summary strong{font-size:clamp(36px,3.5vw,46px)!important;font-weight:680!important}
.final-company .ip-summary strong em{font-size:15px!important;font-weight:540!important}

/* Remove decorative JUBOK hover watermarks from content cards */
.final-company .capability-card::after,.final-company .ip-item::after,.final-company .fact::after,.final-company .network-item::after{content:none!important;display:none!important}

/* Business subpages use the same typographic system */
.final-business .division-hero h1,.final-business .section-head h2,.final-business .service-row h3,.final-business .process-step h3,.final-business .project-copy h3,.final-business .division-cta h2{font-family:var(--jb-font)!important}
.final-business .division-hero h1{font-weight:635!important;line-height:1.12!important}
.final-business .division-hero::after{font-weight:620!important;letter-spacing:-.045em!important}
.final-business .division-hero{width:min(100%,1920px);height:clamp(680px,46.875vw,900px)!important;min-height:0!important;margin:0 auto!important}
.final-business .hero-facts span{font-weight:470}
.final-business .division-cta{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(116deg,#102940 0%,#173b63 54%,#1d517a 100%)!important}
.final-business .division-cta::before{content:"";position:absolute;z-index:0;inset:-1px;pointer-events:none;background-image:linear-gradient(rgba(169,218,239,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(169,218,239,.1) 1px,transparent 1px);background-size:clamp(150px,12.5vw,220px) clamp(62px,5.5vw,88px);-webkit-mask-image:linear-gradient(90deg,transparent 3%,rgba(0,0,0,.08) 28%,rgba(0,0,0,.86) 100%);mask-image:linear-gradient(90deg,transparent 3%,rgba(0,0,0,.08) 28%,rgba(0,0,0,.86) 100%)}
.final-business .division-cta::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,24,39,.38),transparent 62%),radial-gradient(circle at 86% 8%,rgba(139,205,232,.15),transparent 36%)}
.final-business .division-cta .cta-inner{position:relative;z-index:1}

/* Static PR boards */
.board-hero{padding:190px 0 88px;background:linear-gradient(180deg,#eef3f7 0%,#fff 100%)}
.board-hero .eyebrow{color:var(--jb-navy)}
.board-hero h1{max-width:15ch;margin-top:18px;font-size:clamp(42px,5vw,66px);font-weight:645;line-height:1.2;letter-spacing:-.04em}
.board-hero p:last-child{max-width:650px;margin-top:24px;font-size:17px;line-height:1.75;color:var(--jb-muted)}
.board-section{padding:80px 0 130px}
.board-tabs{display:flex;gap:8px;margin-bottom:45px}.board-tabs a{padding:11px 15px;border:1px solid var(--jb-line);font-size:13px;color:#536473}.board-tabs a[aria-current="page"]{border-color:var(--jb-navy);background:var(--jb-navy);color:#fff}
.board-table{border-top:1px solid #9eacb8}.board-row{display:grid;grid-template-columns:80px minmax(0,1fr) 110px 110px;gap:24px;align-items:center;padding:25px 6px;border-bottom:1px solid var(--jb-line);transition:background .25s ease,padding .35s var(--jb-ease)}.board-row:hover{padding-inline:16px;background:var(--jb-paper)}.board-row .no,.board-row time,.board-row .author{font-size:13px;color:#72808d}.board-row h2{font-size:clamp(17px,1.45vw,20px);font-weight:590;line-height:1.5}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 18px}.gallery-card{display:block}.gallery-media{height:280px;overflow:hidden;background:#dfe6eb}.gallery-media img{transition:transform .75s var(--jb-ease)}.gallery-card:hover img{transform:scale(1.04)}.gallery-card small{display:block;margin-top:18px;font-size:12px;font-weight:530;color:var(--jb-navy)}.gallery-card h2{margin-top:7px;font-size:22px;font-weight:620;line-height:1.4}.gallery-card time{display:block;margin-top:9px;font-size:13px;color:#76838e}

@media(max-width:1080px){
  .final-links{display:none}.final-menu-toggle{display:block}.final-nav{min-height:64px}
  .final-mobile-panel{position:fixed;z-index:119;top:92px;left:16px;right:16px;padding:13px;border:1px solid rgba(23,59,99,.14);background:rgba(249,252,254,.96);box-shadow:0 24px 58px rgba(17,39,61,.17);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-12px);transition:.3s var(--jb-ease)}
  .final-mobile-panel.is-open{display:grid;grid-template-columns:repeat(2,1fr);opacity:1;visibility:visible;transform:none}
  .final-mobile-panel a{padding:14px 12px;border-bottom:1px solid var(--jb-line);font-size:14px;color:#364856}
  .final-mobile-pr{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:7px;padding-top:7px;border-top:1px solid var(--jb-line)}
  .final-mobile-pr>span{grid-column:1/-1;padding:9px 12px 7px;font-size:11.5px;font-weight:560;letter-spacing:.055em;color:#71808d}
  .final-mobile-pr>a{text-align:center}
}
@media(max-width:820px){
  .final-main .business-stage{grid-template-columns:1fr!important;height:auto!important;gap:10px!important}
  .final-main .biz-card{height:410px!important}
  .final-main .biz-card::after{transform:none}
  .final-main .biz-details{max-height:145px;margin-top:16px;opacity:1;transform:none}
  .final-main .numbers{padding:82px 0 54px!important}
  .final-main .numbers-panel{padding:42px 26px 30px;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
  .final-main .numbers-head{display:block}
  .final-main .numbers-head>p{margin-top:24px!important}
  .final-main .metric-grid{grid-template-columns:1fr;margin-top:42px}
  .final-main .metric-grid{row-gap:8px}
  .final-main .metric,.final-main .metric:not(:first-child){width:auto;max-width:none;min-height:0;margin-right:0;padding:27px 0!important;border:0;justify-self:stretch}
  .final-main .metric strong{margin-top:18px}
  .final-main .metric p{margin-top:12px}
  .final-main .numbers+.jbx-lower .video{padding-top:38px!important}
  .final-company .history.scroll-history{height:280svh}
  .final-business .division-hero{height:clamp(620px,90vw,720px)!important}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .board-row{grid-template-columns:52px minmax(0,1fr) 90px}.board-row .author{display:none}
}
@media(max-width:560px){
  .final-nav{top:10px;width:calc(100% - 20px);padding-inline:16px}.final-brand{font-size:25px}.final-mobile-panel{top:82px;left:10px;right:10px}
  .final-main .hero{min-height:650px!important}.final-main .hero h1{font-size:clamp(43px,13vw,58px)!important}.final-main .hero-nav{left:22px!important;right:22px!important;bottom:28px!important}.final-main .hero-nav button{font-size:0!important}.final-main .hero-nav button::before{font-size:10.5px!important}
  .final-main .biz-card{height:380px!important}
  .board-hero{padding:145px 0 70px}.board-section{padding:58px 0 95px}.board-tabs{overflow:auto}.board-row{grid-template-columns:38px minmax(0,1fr);gap:12px}.board-row time{grid-column:2}.gallery-grid{grid-template-columns:1fr}.gallery-media{height:260px}
  .final-company .value-sub span{display:block}.final-company .value-sub span+span{margin-top:3px}.final-company .value-sub span+span::before{content:none}
}
@media(prefers-reduced-motion:reduce){.final-main .site-intro{animation:none}.final-main .site-intro-word{animation:none;opacity:1;transform:none}.final-main .biz-card::after,.final-main .biz-details,.final-main .biz-card img,.history-row{transition:none!important}}