/* JSB editorial refinement: original black/red identity, confident typography. */
:root{--font-display:'Helvetica Neue','Apple SD Gothic Neo',sans-serif;--font-sans:'Apple SD Gothic Neo','Malgun Gothic',sans-serif;--red-2:#ff493f}
.hero-bg,.hero-grid-anim{display:none}.hero{background:#0a0a0a;padding:162px 48px 106px;min-height:860px}.hero-inner{grid-template-columns:1.16fr .84fr;gap:38px;align-items:center}.hero h1{font-family:var(--font-display);letter-spacing:-5px;font-weight:900;line-height:.91;position:relative;z-index:3}.hero-kicker{display:block;font-size:14px;letter-spacing:-.3px;line-height:1.5;font-weight:500;margin-bottom:34px;color:#bababa}.display-line{display:block;font-size:clamp(56px,6.9vw,108px);white-space:nowrap}.hero h1 .display-line:last-child{font-size:clamp(36px,4.6vw,72px);margin-top:8px;letter-spacing:-3px}.hero h1 em{font-family:Georgia,serif!important;font-style:italic;font-weight:400;color:#ff493f}.red-dot{color:var(--red)}.hero p.lead{font-size:15px;max-width:440px;margin-top:30px;line-height:1.85}.hero-card-wrap{position:relative;padding:0 0 34px 0}.hero-card-wrap:after{content:'BUSAN, KOREA — OUR STARTING POINT';position:absolute;bottom:7px;left:0;font-size:9px;letter-spacing:2px;color:#aaa}.hero-card{border-radius:4px;aspect-ratio:4/5;border:0;box-shadow:none;min-height:510px}.hero-card .badge{border-radius:2px;background:#e10600;padding:9px 13px;border:0;top:22px;left:22px}.hero-card .badge-num{font-family:Georgia,serif;font-weight:400;font-style:italic}.hero-card .caption{left:30px;right:30px;bottom:30px}.hero-card .caption h3{font-size:39px;line-height:1.04;font-weight:500;letter-spacing:-1.6px}.hero-card .caption .sub{font-size:9px;letter-spacing:2px;color:#ddd}.hero-stats{margin-top:42px;max-width:450px}.hero-stats .stat b{font-size:25px;color:#ddd;font-weight:500}.stat{border-top:1px solid #383838}.stat:before{display:none}.hero-marquee{border-top:1px solid #303030}.marquee-track{font-weight:400}.ticker-strip{background:#e10600;border:0;padding:20px 0}.focus-strip{color:#fff;font-weight:600}.focus-strip span:before{color:white}.btn,.nav .cta{border-radius:4px;letter-spacing:.2px}.nav .cta:before{display:none}.nav .logo-img{width:215px;filter:none}.nav{background:#0a0a0af5}.nav.scrolled{padding-top:15px;padding-bottom:15px}.logo:hover .logo-img{filter:none;transform:none}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:600}.eyebrow:before{width:6px;height:6px}.services{background:#111}.svc-grid{gap:0}.svc{border-radius:0;background:transparent;border:0;border-top:1px solid #444;border-right:1px solid #333;padding:36px 28px}.svc:last-child{border-right:0}.svc:hover{background:#191919;transform:none;border-color:#555}.svc:before{display:none}.svc .icon{background:none;border-radius:0;color:#ff493f}.svc h3{font-size:21px;letter-spacing:-.6px}.svc p{font-size:13px;color:#aaa}.blog{background:#eeeae3;color:#161616}.blog .sec-head p{color:#65605c}.blog h2 em{color:#bd180f}.blog .tour-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:30px}.blog .tour-card:first-child{grid-row:span 2}.blog .tour-card:not(:first-child){display:grid;grid-template-columns:43% 57%}.blog .tour-card:not(:first-child) .tour-photo{height:100%;aspect-ratio:auto;min-height:200px}.blog .tour-card:not(:first-child) .tour-copy{padding:12px 0 12px 24px}.blog .tour-card:not(:first-child) .tour-copy p{display:none}.tour-card{border:0;border-radius:0;background:transparent;overflow:visible}.tour-card:hover{transform:none}.tour-photo{border-radius:4px}.tour-copy{padding:24px 0}.tour-copy h3{letter-spacing:-.8px;font-weight:600}.tour-chip{border-radius:3px;backdrop-filter:blur(8px)}.blog .tour-copy small{color:#a72d22}.blog .tour-copy p{color:#625e59}.blog .tour-bottom{border-color:#c5beb5}.blog .tour-bottom b,.blog .tour-bottom span{color:#333}.blog .btn-ghost{color:#181818;border:1px solid #999}.closing{background:#e10600;text-align:left;padding:90px 48px}.closing .eyebrow,.closing h2 em,.closing p{color:white}.closing .eyebrow:before{background:white}.closing h2{font-size:clamp(46px,5vw,76px);font-weight:600;letter-spacing:-3px}.closing .btn-primary{background:#fff!important;color:#151515}.closing p{margin-left:0;opacity:.8}.closing-inner{position:relative}.closing-inner>.btn{position:absolute;right:0;bottom:10px}.page-head{background:#0a0a0a!important;border-bottom:1px solid #272727;padding-bottom:70px}.page-head:before,.page-head:after{display:none}.page-head h1 em{font-style:normal;color:#ff493f}.svc-visual,.story-visual,.tour-cover{border-radius:4px!important}.step,.value,.tour-aside{border-radius:4px}.process-grid{gap:0}.step{background:none;border:0;border-top:1px solid #444;padding-left:0;margin-right:28px}.tour-grid{gap:40px 28px}.tour-aside{background:#171717}.travel-gateway{padding:133px 48px 35px;background:#161616}.travel-gateway .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.travel-gateway .eyebrow{margin-bottom:8px}.travel-gateway h2{font-size:27px;letter-spacing:-1px}.travel-gateway p{font-size:13px;color:#aaa;margin-top:7px}.travel-gateway .btn{background:#e10600;color:white;gap:30px;padding:20px 25px}.travel-gateway .btn>span:first-child{font-size:24px}.travel-gateway+.page-head{padding-top:60px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{background:#090909}.foot-grid{padding-bottom:38px}.copy{letter-spacing:.6px}
@media(max-width:1050px){.display-line{font-size:8vw}.hero h1 .display-line:last-child{font-size:5.3vw}.hero-card{min-height:440px}.hero-card .caption h3{font-size:31px}.hero{min-height:780px}.svc-grid{grid-template-columns:1fr 1fr}.svc:nth-child(2){border-right:0}}
@media(max-width:850px){.hero{padding:140px 24px 85px}.hero-inner{grid-template-columns:1fr;gap:40px}.display-line{font-size:clamp(65px,13vw,108px)}.hero h1 .display-line:last-child{font-size:clamp(43px,8.6vw,72px)}.hero-card-wrap{max-width:none;margin:0}.hero-card{aspect-ratio:16/10;min-height:380px}.hero-stats{display:none}.hero p.lead{max-width:580px}.blog .tour-grid{grid-template-columns:1fr 1fr}.blog .tour-card:first-child{grid-column:span 2;grid-row:auto}.blog .tour-card:not(:first-child){display:flex}.blog .tour-card:not(:first-child) .tour-photo{aspect-ratio:4/3;min-height:0}.blog .tour-card:not(:first-child) .tour-copy{padding:22px 0}.travel-gateway{padding:120px 24px 30px}.travel-gateway .container{align-items:start;flex-direction:column;gap:20px}.closing-inner>.btn{position:static}.closing{padding:70px 24px}}
@media(max-width:600px){.hero{padding:125px 22px 72px}.hero-kicker{font-size:12px;margin-bottom:26px}.hero h1{letter-spacing:-4px}.display-line{font-size:17vw}.hero h1 .display-line:last-child{font-size:11.1vw;letter-spacing:-2px}.hero p.lead{font-size:14px}.hero-card{aspect-ratio:4/4.4;min-height:0}.hero-card .caption h3{font-size:34px}.hero-card .caption{left:23px;right:23px;bottom:23px}.hero-actions{margin-top:25px}.hero-inner{gap:30px}.nav .logo-img{width:170px}.svc-grid{grid-template-columns:1fr}.svc{border-right:0;padding:28px 24px}.svc p{max-width:100%}.blog .tour-grid{grid-template-columns:1fr}.blog .tour-card:first-child{grid-column:auto}.blog .tour-card:not(:first-child){display:flex}.tour-grid{gap:24px}.travel-gateway{padding:115px 22px 26px}.travel-gateway .btn{width:100%;justify-content:space-between;font-size:13px}.travel-gateway p{line-height:1.7}.travel-gateway+.page-head{padding-top:42px}.closing h2{font-size:44px}.page-head h1{font-size:36px!important}.hero-card-wrap:after{font-size:8px;letter-spacing:1.3px}}
.page-head h1 em{font-family:var(--font-sans)!important;font-weight:650}.hero-tag{border:0!important;background:none!important;padding-left:0!important;box-shadow:none!important}.hero-tag:before{box-shadow:none!important}.hero-card .corner{display:none}
.hero .tag{border:0;background:none;padding-left:0;box-shadow:none;font-size:10px;letter-spacing:2px}.hero .tag:before{box-shadow:none;animation:none}.hero-card .corner-deco{display:none}
@media(prefers-reduced-motion:no-preference){.hero-inner{animation:arrive .8s both}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tour-card .tour-photo img{transition:transform .65s cubic-bezier(.2,.8,.2,1)}.btn:hover{transform:translateY(-2px)}}
/* Revision 3 — navigation and type scale from reference review. */
.nav{padding:22px 4%;gap:30px}.nav .logo-img{width:240px}.nav ul{gap:38px}.nav ul a{font-size:18px;letter-spacing:-.4px;gap:6px;font-weight:650}.nav-ko{font-size:11px;letter-spacing:1px;color:#aaa}.nav .cta{font-size:16px;padding:16px 23px}.nav.scrolled{padding:16px 4%}.hero{padding-top:175px;min-height:890px}.hero-inner{grid-template-columns:1.1fr .9fr;gap:28px}.display-line{font-size:clamp(76px,8vw,124px)}.hero h1 .display-line:last-child{font-size:clamp(45px,5.1vw,80px)}.hero-kicker{font-size:19px;line-height:1.6}.hero p.lead{font-size:18px;max-width:550px;color:#c1c1c1}.hero .tag{font-size:13px}.hero-actions .btn{font-size:16px;padding:19px 25px}.hero-card{min-height:575px}.hero-card .caption h3{font-size:44px}.hero-card .caption p,.hero-card-link{font-size:16px}.eyebrow{font-size:12px}.sec-head>p{font-size:18px}.svc h3{font-size:25px}.svc p{font-size:16px}.tour-copy p{font-size:16px}.tour-bottom{font-size:14px}.page-head p{font-size:18px}.filter-btn{font-size:16px;padding:14px 25px}.travel-gateway h2{font-size:34px}.travel-gateway p{font-size:16px}.travel-gateway .btn{font-size:17px}.travel-gateway{padding-top:151px}.page-head{padding-top:180px}
@media(max-width:1100px){.nav{gap:20px}.nav ul{gap:24px}.nav .logo-img{width:200px}.nav .cta{font-size:14px}.hero h1 .display-line:last-child{font-size:5.15vw}.hero-card{min-height:470px}.hero-card .caption h3{font-size:35px}}
@media(max-width:850px){.hero-inner{grid-template-columns:1fr}.hero-card{min-height:400px}.display-line{font-size:14vw}.hero h1 .display-line:last-child{font-size:9vw}.hero{padding-top:145px}.nav .logo-img{width:210px}.hero-kicker{font-size:17px}}
@media(max-width:600px){.nav,.nav.scrolled{padding:19px 22px}.nav .logo-img{width:190px}.hero{padding-top:132px;min-height:0}.display-line{font-size:17vw}.hero h1 .display-line:last-child{font-size:11vw}.hero-kicker{font-size:15px}.hero p.lead{font-size:16px;line-height:1.8}.hero .tag{font-size:10px}.hero-actions .btn{font-size:14px;padding:16px 19px}.hero-card{min-height:380px}.hero-card .caption h3{font-size:35px}.hero-card .caption p,.hero-card-link{font-size:14px}.sec-head>p{font-size:16px}.travel-gateway{padding-top:125px}.travel-gateway h2{font-size:30px}.travel-gateway .btn{font-size:16px}.travel-gateway p{font-size:15px}.page-head{padding-top:140px}.page-head p{font-size:16px}.filter-btn{font-size:14px}.svc h3{font-size:24px}}
/* Source-led copy and in-page helpers; existing decoration retained. */
.hero h1 .concrete-title{font-family:var(--font-sans);font-size:clamp(36px,4.15vw,65px);line-height:1.3;letter-spacing:-2.8px;white-space:normal}.hero h1 .concrete-title:last-child{font-size:clamp(36px,4.15vw,65px);letter-spacing:-2.8px}.hero h1 .concrete-title em{font-family:inherit!important;font-style:normal;color:#ff6154}.hero-card-wrap:after{content:'JSB COMPANY ARCHIVE — MEETINGS & EVENTS'}.hero-card .photo-layer{background-position:center}.field-caption{font-size:12px!important;line-height:1.6!important;color:#deded9!important;margin:14px 0 0!important}.svc-visual .info-bottom h3{font-size:26px}.service-jump{padding:28px 48px 0;display:flex;gap:10px;flex-wrap:wrap}.service-jump a{border:1px solid #7776;border-radius:4px;padding:12px 17px;font-size:15px}.service-jump a:hover{background:#ffffff0d}.tour-copy .source-caption{font-size:11px;color:#858078;line-height:1.5;margin:12px 0 0}.blog .tour-card:not(:first-child) .source-caption{display:block}.source-caption+h3{margin-top:12px}.quick-questions{margin:22px 0;padding:18px;border:1px solid #555;border-radius:6px}.quick-questions p{font-size:13px;line-height:1.7;color:#ccc;margin:0 0 12px}.quick-questions .question-buttons{display:flex;flex-wrap:wrap;gap:8px}.question-buttons button{font:inherit;font-size:13px;border:1px solid #666;color:#eee;background:#ffffff08;padding:10px 12px;border-radius:4px}.question-buttons button:hover{background:#ffffff17}.quick-status{font-size:12px;color:#c8c4b9;min-height:1.7em}.message-counter{font-size:12px;color:#aaa;text-align:right;margin-top:7px}.inquiry-context{display:flex;justify-content:space-between;gap:15px;padding:18px 22px;background:#242e30;border:1px solid #586360;margin-bottom:25px;border-radius:6px;font-size:14px;line-height:1.7}.inquiry-context a{white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.inquiry-context[hidden]{display:none}
@media(max-width:850px){.hero h1 .concrete-title,.hero h1 .concrete-title:last-child{font-size:clamp(39px,6.5vw,60px)}}
@media(max-width:600px){.hero h1 .concrete-title,.hero h1 .concrete-title:last-child{font-size:clamp(31px,8.15vw,46px);letter-spacing:-1.8px}.service-jump{padding:22px 22px 0}.service-jump a{font-size:13px;padding:11px}.hero-card-wrap:after{font-size:7px;letter-spacing:1px}.inquiry-context{flex-direction:column;gap:7px}.field-caption{font-size:11px!important}.svc-visual .info-bottom h3{font-size:23px}}
/* Keep the company sign unobstructed; the date belongs below the photograph. */
.story-visual.photo-panel{aspect-ratio:auto;display:flex;flex-direction:column}
.story-visual.photo-panel>img{display:block;height:auto;aspect-ratio:4/3;object-fit:cover}
.story-visual.photo-panel:after{display:none}
.story-visual.photo-panel .since{position:static;display:block;border-radius:0;padding:14px 20px;line-height:1.5;letter-spacing:1.5px}
/* Grid children must shrink to narrow phone widths instead of being clipped. */
.hero-inner>*{min-width:0}
@media(max-width:600px){.hero .tag{max-width:100%;white-space:normal;line-height:1.6}.hero-card .caption h3{font-size:clamp(27px,8vw,35px)}}
/* Small event photos keep captions in their own space, away from faces/signs. */
@media(max-width:600px){
.svc-visual.photo-panel{aspect-ratio:auto;display:flex;flex-direction:column;background:#202524}
.svc-visual.photo-panel>img{display:block;height:auto;aspect-ratio:4/3;object-fit:cover}
.svc-visual.photo-panel:after{display:none}
.svc-visual.photo-panel .tag-float{position:static;align-self:flex-start;margin:20px 22px 0;padding:8px 12px;border-radius:3px;line-height:1.5}
.svc-visual.photo-panel .info-bottom{position:static;padding:18px 22px 22px}
.svc-visual.photo-panel .info-bottom h3{font-size:23px;line-height:1.4}
.svc-visual.photo-panel .field-caption{margin:12px 0 0;line-height:1.8}
}
/* Company profile: source-backed story, evidence and history. */
.about-profile{--profile-muted:#b0bbb8}.about-profile section{scroll-margin-top:112px}.about-profile h2{font-size:clamp(30px,3.5vw,48px);letter-spacing:-1.5px;line-height:1.3}.about-profile h3{line-height:1.45;letter-spacing:-.6px}.about-profile p{word-break:keep-all;overflow-wrap:anywhere}.profile-jump{display:flex;flex-wrap:wrap;gap:10px;padding:28px 0}.profile-jump a{display:flex;align-items:center;min-height:44px;border:1px solid #58615d;padding:10px 18px;border-radius:3px;font-size:14px}.profile-jump a:hover{border-color:#ff493f;color:#ff6b61}.profile-story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:start}.profile-story-grid>*{min-width:0}.profile-story{padding-top:55px}.profile-story p{font-size:16px;line-height:1.95;color:var(--profile-muted);margin-top:22px}.profile-story .profile-lead{font-size:20px;color:#fff}.profile-facts{margin-top:34px;border-top:1px solid #58615d}.profile-facts>div{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid #ffffff24;font-size:14px;line-height:1.7}.profile-facts dt{color:#adb9b3}.profile-facts dd{margin:0;overflow-wrap:anywhere}.profile-office{margin:0;overflow:hidden;border-radius:4px;background:#222b29}.profile-office img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.profile-office figcaption{padding:24px}.profile-office b{display:block;font-size:14px;letter-spacing:1.5px;color:#ff6b61}.profile-office span{display:block;font-size:14px;color:#b9c3bd;margin-top:12px;line-height:1.7}.profile-strength{background:#ffffff04;border-block:1px solid #ffffff18}.profile-strength-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:44px}.profile-strength article{border-top:1px solid #737e77;padding-top:25px}.profile-index{font-size:38px;font-weight:700;color:#ed594c}.profile-strength h3{font-size:24px;margin:22px 0 14px}.profile-strength p{font-size:16px;line-height:1.9;color:var(--profile-muted)}.profile-strength a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin-top:20px;color:#fff}.profile-cases{background:#e9e5dc;color:#19221f}.profile-section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.profile-section-head p{font-size:16px;line-height:1.9;color:#58625b}.profile-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 30px}.profile-case{min-width:0;border-bottom:1px solid #b7beb4;padding-bottom:28px}.profile-case>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px}.profile-case-copy{padding:22px 0 0}.profile-case-meta{display:flex;gap:15px;font-size:13px;color:#a43729;line-height:1.6}.profile-case h3{font-size:25px;margin:14px 0}.profile-case p{font-size:16px;line-height:1.8;color:#566058}.profile-case small{display:block;font-size:11px;color:#707970;margin-top:18px}.profile-cases .btn{margin-top:35px;color:#19221f;border-color:#777f75}.profile-recognition{background:#272e2b}.profile-recognition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:38px}.profile-recognition article{padding:26px;border:1px solid #60685f;background:#ffffff03}.profile-recognition article>span{font-size:13px;color:#f5846b}.profile-recognition h3{font-size:22px;margin:20px 0 0}.profile-source-note{font-size:12px;line-height:1.8;color:#a5b1a7;margin-top:24px}.profile-history-list{margin-top:44px;border-top:1px solid #738077}.profile-history-row{display:grid;grid-template-columns:160px 1fr;gap:30px;padding:32px 0;border-bottom:1px solid #ffffff26}.profile-year{font-size:29px;font-variant-numeric:tabular-nums;color:#ff7867;font-weight:700}.profile-history-row h3{font-size:22px;margin:0 0 14px}.profile-history-row ul{padding-left:18px;color:var(--profile-muted);font-size:15px;line-height:1.9;list-style:disc}.profile-history-row li+li{margin-top:4px}.profile-partner{background:#ba291e}.profile-partner .eyebrow{color:#fff}.profile-partner .eyebrow:before{background:#fff}.profile-partner p{margin:22px 0 28px;font-size:18px;line-height:1.9}.profile-actions{display:flex;flex-wrap:wrap;gap:12px}.profile-partner .btn-primary{background:#fff!important;color:#19221f}.profile-partner .btn-ghost{border-color:#ffffff9c}
@media(max-width:1000px){.profile-story-grid{gap:35px;grid-template-columns:1fr 1fr}.profile-strength-grid{gap:22px}.profile-recognition-grid{gap:15px}.profile-recognition article{padding:20px}.profile-recognition h3{font-size:19px}}
@media(max-width:760px){.profile-jump{margin:0 22px;padding:24px 0}.profile-jump a{flex:1 1 calc(50% - 10px);justify-content:center}.profile-story-grid{grid-template-columns:1fr;gap:32px}.profile-story-grid .profile-office{max-width:580px}.profile-story{padding-top:35px}.profile-strength-grid,.profile-case-grid,.profile-recognition-grid{grid-template-columns:1fr}.profile-strength-grid{gap:32px}.profile-section-head{display:block}.profile-section-head p{margin-top:22px}.profile-case-grid{gap:35px}.profile-recognition article{padding:24px}.profile-recognition h3{font-size:24px}.profile-history-row{grid-template-columns:1fr;gap:12px}.profile-history-row h3{font-size:20px}.profile-year{font-size:28px}.profile-partner p{font-size:16px}.profile-facts>div{grid-template-columns:70px 1fr;gap:12px}.profile-story .profile-lead{font-size:18px}.profile-story p{font-size:16px}.profile-case h3{font-size:23px}}
.profile-jump{width:calc(100% - 96px);margin-inline:auto}
@media(max-width:760px){.profile-jump{width:calc(100% - 44px);margin-inline:22px}}
