@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--navy:#062b3a;--deep:#031d29;--blue:#1167cc;--orange:#ff6a32;--paper:#eef2f1;--line:rgba(255,255,255,.18);--ink:#102b36}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}#header{position:absolute;z-index:50;top:0;left:0;width:100%}.header{height:88px;display:flex;align-items:center;padding:0 5vw;color:#fff;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:13px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.logo i{display:grid;place-items:center;width:43px;height:43px;background:var(--orange);font-style:normal;letter-spacing:-.08em}.nav{margin-left:auto;display:flex;align-items:center;gap:52px;height:100%}.nav-item{height:100%;display:flex;align-items:center;position:relative}.nav-item>a{font-size:14px;font-weight:600;letter-spacing:.04em}.nav-item>a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--orange);transform:scaleX(0);transition:.25s}.nav-item:hover>a:after,.nav-item:focus-within>a:after{transform:scaleX(1)}.submenu{position:absolute;top:76px;left:50%;width:188px;padding:9px;background:#fff;color:var(--ink);box-shadow:0 18px 50px rgba(1,23,33,.25);transform:translate(-50%,8px);opacity:0;visibility:hidden;transition:.22s}.submenu:before{content:'';position:absolute;top:-6px;left:50%;width:12px;height:12px;background:var(--orange);transform:translateX(-50%) rotate(45deg)}.submenu a{position:relative;display:block;padding:11px 12px;border-bottom:1px solid #e5ebed;font-size:13px;font-weight:600;transition:.2s}.submenu a:last-child{border:0}.submenu a:hover{background:var(--navy);color:#fff;padding-left:17px}.nav-item:hover .submenu,.nav-item:focus-within .submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}.menu-toggle{display:none;margin-left:auto;width:46px;height:46px;border:1px solid var(--line);background:none;color:#fff;position:relative}.menu-toggle i,.menu-toggle:before,.menu-toggle:after{content:'';position:absolute;left:12px;width:21px;height:2px;background:currentColor;transition:.25s}.menu-toggle:before{top:14px}.menu-toggle i{top:21px}.menu-toggle:after{top:28px}
.hero{min-height:760px;display:grid;grid-template-columns:42% 58%;position:relative;background:var(--navy);color:#fff}.hero-copy{padding:180px 5vw 70px;display:flex;flex-direction:column;justify-content:center}.hero-copy>span,.eyebrow,.schedule>div>span,.fleet-show span,.insight>div>span,.sub-kicker{font:700 11px Manrope,sans-serif;letter-spacing:.18em;color:#79b9ff}.hero-copy h1{margin:28px 0 20px;font-size:clamp(38px,4vw,68px);line-height:1.16;letter-spacing:-.065em;font-weight:500}.hero-copy h1 b{color:#87c0ff}.hero-copy p{color:#b7c7cd}.hero-copy>a{margin-top:26px;width:max-content;padding:14px 22px;background:var(--orange);font-size:13px;font-weight:700}.hero-numbers{display:flex;gap:35px;margin-top:58px;padding-top:27px;border-top:1px solid var(--line)}.hero-numbers b{font:700 25px Manrope,sans-serif}.hero-numbers small{display:block;margin-top:6px;color:#91a8b1;font:400 11px 'Noto Sans KR',sans-serif}.visual{position:relative;min-width:0}.slide-control{position:absolute;left:35px;bottom:35px;display:flex;align-items:center;background:rgba(3,29,41,.9);z-index:2}.slide-control button{width:52px;height:52px;color:#fff;background:none;border:0;cursor:pointer}.slide-control span{padding:0 17px;font:600 12px Manrope;color:#8fa8b2}.slide-control i{color:#fff;font-style:normal}.vertical{position:absolute;z-index:3;right:0;top:88px;padding:28px 18px;background:var(--orange);font:700 10px Manrope;letter-spacing:.22em;writing-mode:vertical-rl}.ticker{min-height:92px;background:var(--orange);display:grid;grid-template-columns:1fr 1.7fr 1fr 1fr;align-items:center;padding:0 5vw;color:#fff}.ticker span{font:700 11px Manrope;letter-spacing:.15em}.ticker b{font:700 16px Manrope}.ticker time{font:700 13px Manrope}.ticker a{text-align:right;font-size:12px;font-weight:700}.manifest{padding:130px 6vw}.manifest-title{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:end;margin:30px 0 70px}.manifest h2,.schedule h2,.fleet-show h2,.insight h2,.cta h2{margin:0;font-size:clamp(36px,4.5vw,68px);line-height:1.15;letter-spacing:-.06em}.manifest-title p{line-height:1.8;color:#526870}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--navy)}.service-grid a{min-height:245px;padding:30px;border-right:1px solid #cad4d6;display:flex;flex-direction:column;transition:.3s}.service-grid a:last-child{border:0}.service-grid a:hover{color:#fff;background:var(--blue);transform:translateY(-8px)}.service-grid em{font:700 12px Manrope;font-style:normal}.service-grid b{margin:auto 0 10px;font-size:24px}.service-grid span{font:500 12px Manrope;color:#6f858d}.service-grid a:hover span{color:#cfe4ff}.schedule{background:var(--deep);color:#fff;padding:120px 6vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.schedule h2{margin:28px 0 45px}.schedule a{font-size:13px;color:#8fc4ff}.voyages{border-top:1px solid var(--line)}.voyages article{display:grid;grid-template-columns:70px 1fr 35px 1fr 100px;gap:16px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.voyages small,.voyages time{font:600 11px Manrope;color:#7693a0}.voyages b{font:700 17px Manrope}.voyages i{color:var(--orange);font-style:normal}.fleet-show{min-height:620px;display:grid;grid-template-columns:58% 42%;background:#0c4d68;color:#fff}.fleet-photo{background:url('images/ship.webp') center/cover no-repeat}.fleet-show>div:last-child{padding:80px 5vw;display:flex;flex-direction:column;justify-content:center}.fleet-show h2{margin:26px 0}.fleet-show p{line-height:1.8;color:#b9d0d9}.fleet-show a{margin-top:30px;color:#ff9b76;font-size:13px;font-weight:700}.insight{padding:120px 6vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.insight h2{margin-top:24px;font-size:clamp(32px,3.4vw,54px)}.news{border-top:2px solid var(--navy)}.news a{display:flex;flex-direction:column;gap:12px;padding:27px 8px;border-bottom:1px solid #c8d3d6;transition:.2s}.news a:hover{padding-left:20px;color:var(--blue)}.news small{font:600 10px Manrope;color:#71858d}.news b{font-size:18px}.cta{padding:95px 6vw;background:var(--blue);color:#fff;display:flex;align-items:end;justify-content:space-between}.cta a{border:1px solid rgba(255,255,255,.6);padding:18px 25px;font-weight:700;font-size:13px}
.sub-hero{min-height:560px;color:#fff;padding:185px 6vw 80px;display:flex;align-items:flex-end;position:relative;background-size:cover;background-position:center}.sub-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,29,41,.94) 0%,rgba(3,29,41,.65) 45%,rgba(3,29,41,.15))}.sub-hero>div{position:relative;max-width:760px}.sub-hero h1{font-size:clamp(48px,7vw,98px);font-family:Manrope,sans-serif;letter-spacing:-.06em;margin:20px 0 12px}.sub-hero p{font-size:18px;color:#cee0e6}.sub-company{background-image:url('images/port.webp')}.sub-services{background-image:url('images/terminal.webp')}.sub-fleet{background-image:url('images/ship.webp')}.sub-routes{background-image:url('images/port.webp')}.sub-safety{background-image:url('images/terminal.webp')}.sub-contact{background-image:url('images/ship.webp')}.subnav{display:flex;padding:0 6vw;background:var(--orange);color:#fff;overflow-x:auto}.subnav a{padding:19px 25px;font-size:13px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.25)}.page-section{padding:100px 6vw}.page-intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;margin-bottom:75px}.page-intro span{font:700 11px Manrope;color:var(--blue);letter-spacing:.17em}.page-intro h2{margin:0;font-size:clamp(34px,4.5vw,64px);letter-spacing:-.055em;line-height:1.2}.page-intro p{line-height:1.9;color:#5c7179}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#cdd8db}.info-card{background:#f7f9f8;padding:42px;min-height:280px}.info-card em{font:700 11px Manrope;color:var(--orange);font-style:normal}.info-card h3{margin:55px 0 15px;font-size:24px}.info-card p{color:#60747b;line-height:1.8;font-size:14px}.band{padding:85px 6vw;background:var(--navy);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.band b{display:block;font:700 38px Manrope}.band span{color:#90aab4;font-size:12px}.route-map{min-height:430px;background:var(--deep);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);padding:60px 6vw;gap:25px}.route-map article{border:1px solid var(--line);padding:35px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,rgba(17,103,204,.25),transparent)}.route-map small{color:#72b5ff;font:700 11px Manrope}.route-map h3{font:700 24px Manrope}.route-map p{color:#a9bec6}.contact-box{display:grid;grid-template-columns:1fr 1fr;background:#fff}.contact-box>div{padding:50px;border-bottom:1px solid #dae2e3}.contact-box b{display:block;font-size:20px;margin-bottom:12px}.contact-box p{color:#65777d}footer{padding:65px 6vw;background:#02151e;color:#79929c;display:grid;grid-template-columns:1fr 1fr;gap:30px;font-size:12px}footer .logo{color:#fff}footer p{line-height:1.8}footer div:last-child{text-align:right}.top{position:fixed;right:24px;bottom:24px;z-index:40;width:52px;height:52px;background:var(--orange);color:#fff;border:0;cursor:pointer;opacity:0;transform:translateY(15px);transition:.25s}.top.show{opacity:1;transform:none}
@media(max-width:1080px){.nav{gap:26px}.hero{grid-template-columns:48% 52%}.hero-copy{padding-left:4vw}.ticker{grid-template-columns:1fr 1.5fr 1fr}.ticker a{display:none}}
@media(max-width:820px){.header{height:72px;padding:0 20px;background:rgba(3,29,41,.78);backdrop-filter:blur(12px)}.logo{font-size:15px}.logo i{width:38px;height:38px}.menu-toggle{display:block}.nav{position:fixed;top:72px;left:0;right:0;margin:0;padding:10px 20px 25px;background:var(--deep);display:block;height:auto;max-height:0;overflow:hidden;opacity:0;transition:.3s}.nav.open{max-height:calc(100vh - 72px);overflow-y:auto;opacity:1}.nav-item{height:auto;display:block;border-bottom:1px solid var(--line)}.nav-item>a{display:block;padding:18px 2px}.submenu{position:static;width:100%;padding:0 0 12px;background:transparent;color:#adc2ca;box-shadow:none;transform:none!important;opacity:1;visibility:visible;display:grid;grid-template-columns:1fr 1fr}.submenu:before{display:none}.submenu a{border:0;padding:8px 5px;font-size:12px}.submenu a:hover{padding-left:5px;background:none;color:#fff}.hero{display:block;min-height:880px}.hero-copy{height:510px;padding:130px 24px 45px}.hero-copy h1{font-size:40px}.hero-numbers{margin-top:35px;gap:22px}.visual{height:370px}.vertical{display:none}.ticker{grid-template-columns:1fr 1fr;padding:20px 24px;gap:10px}.ticker time{text-align:right}.manifest,.page-section{padding:80px 24px}.manifest-title,.page-intro{grid-template-columns:1fr;gap:25px}.service-grid{grid-template-columns:1fr}.service-grid a{min-height:180px;border-right:0;border-bottom:1px solid #cad4d6}.schedule{grid-template-columns:1fr;padding:80px 24px}.voyages article{grid-template-columns:55px 1fr 24px 1fr}.voyages time{display:none}.fleet-show{grid-template-columns:1fr}.fleet-photo{min-height:360px}.fleet-show>div:last-child{padding:70px 24px}.insight{grid-template-columns:1fr;padding:80px 24px}.cta{padding:70px 24px;display:block}.cta a{display:inline-block;margin-top:35px}.sub-hero{min-height:480px;padding:150px 24px 60px}.subnav{padding:0}.info-grid{grid-template-columns:1fr}.band{grid-template-columns:1fr 1fr;padding:65px 24px}.route-map{grid-template-columns:1fr;padding:50px 24px}.contact-box{grid-template-columns:1fr}footer{grid-template-columns:1fr;padding:55px 24px}footer div:last-child{text-align:left}.top{right:16px;bottom:16px}}
@media(max-width:480px){.hero-copy h1{font-size:34px}.hero-numbers b{font-size:20px}.hero-numbers{gap:14px}.hero-numbers small{font-size:10px}.ticker{grid-template-columns:1fr}.ticker time{text-align:left}.voyages b{font-size:13px}.band{grid-template-columns:1fr}.sub-hero h1{font-size:45px}}
.motion-ready .reveal-item{opacity:0;transform:translate3d(0,42px,0);filter:blur(5px);transition:opacity .75s cubic-bezier(.2,.75,.25,1),transform .9s cubic-bezier(.16,1,.3,1),filter .75s ease;transition-delay:var(--stagger,0ms);will-change:opacity,transform}.motion-ready .reveal-item.is-visible{opacity:1;transform:none;filter:blur(0)}
.manifest{position:relative;isolation:isolate;background:radial-gradient(circle at 8% 12%,rgba(17,103,204,.12),transparent 25%),linear-gradient(90deg,rgba(6,43,58,.04) 1px,transparent 1px);background-size:auto,clamp(70px,8vw,130px) 100%}.manifest:after{content:'HARBORLINK';position:absolute;right:-.04em;top:42px;z-index:-1;color:rgba(6,43,58,.035);font:800 clamp(70px,13vw,205px) Manrope;letter-spacing:-.07em}.manifest-title p{padding-left:28px;border-left:2px solid var(--orange)}.service-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:12px;border:0;background:transparent}.service-grid a{min-height:170px;border:1px solid rgba(6,43,58,.14);background:rgba(255,255,255,.58);backdrop-filter:blur(8px);overflow:hidden;position:relative}.service-grid a:first-child{grid-row:1/3;min-height:360px;background:var(--navy);color:#fff}.service-grid a:first-child span{color:#8ba6b1}.service-grid a:after{content:'↗';position:absolute;right:24px;top:22px;font:500 18px Manrope;color:var(--orange);transition:transform .3s}.service-grid a:hover:after{transform:rotate(45deg)}.service-grid a:hover{transform:translateY(-6px);border-color:transparent}.schedule{position:relative;overflow:hidden}.schedule:after{content:'';position:absolute;right:-18vw;bottom:-40vw;width:64vw;height:64vw;border:1px solid rgba(121,185,255,.1);border-radius:50%;box-shadow:0 0 0 7vw rgba(121,185,255,.025),0 0 0 14vw rgba(121,185,255,.018);pointer-events:none}.voyages{position:relative;z-index:1}.voyages article{transition:background .25s,padding .25s}.voyages article:hover{padding-left:18px;padding-right:18px;background:rgba(255,255,255,.045)}.fleet-show{overflow:hidden}.fleet-photo{background-size:cover;background-position:center calc(50% + var(--parallax-y,0px));transform:scale(1.12);opacity:.25;transition:opacity .8s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}.fleet-photo.is-loaded{opacity:1;transform:scale(1.06)}.insight{position:relative;background:linear-gradient(135deg,#eef2f1 0 57%,#e4ebeb 57%)}.news a{position:relative}.news a:after{content:'↗';position:absolute;right:8px;top:50%;opacity:0;transform:translate(-12px,-50%);transition:.25s}.news a:hover:after{opacity:1;transform:translate(0,-50%)}.cta{position:relative;overflow:hidden}.cta:before{content:'';position:absolute;width:360px;height:360px;right:18%;top:-220px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.02)}.cta>*{position:relative}.cta a{transition:.3s}.cta a:hover{color:var(--blue);background:#fff;border-color:#fff;transform:translateY(-4px)}
@media(max-width:820px){.service-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:0}.service-grid a:first-child{grid-row:auto;min-height:210px}.manifest:after{top:75px}.manifest-title p{padding-left:18px}.fleet-photo{transform:scale(1.04);background-position:center}.fleet-photo.is-loaded{transform:scale(1)}.insight{background:var(--paper)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-item{opacity:1!important;transform:none!important;filter:none!important}.fleet-photo{transform:none!important;background-position:center!important}}

/* 2026 editorial operations layout */
.control-deck{padding:130px 6vw;background:#e9eeee}.deck-head{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;margin-bottom:70px}.deck-head span,.route-heading>span,.fleet-copy>span,.board-title>span{font:700 11px Manrope;letter-spacing:.19em;color:var(--blue)}.deck-head h2,.route-heading h2,.fleet-copy h2,.board-title h2{margin:25px 0 0;font-size:clamp(38px,4.7vw,70px);line-height:1.14;letter-spacing:-.06em}.deck-head p{margin:0;padding-left:25px;border-left:2px solid var(--orange);color:#546b73;line-height:1.9}.deck-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:repeat(2,190px);gap:1px;background:#b9c7cb;border:1px solid #b9c7cb}.deck-grid>a{background:#f5f7f6;padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background .35s,color .35s,transform .35s}.deck-grid>a:before{content:'';position:absolute;inset:auto 0 0;height:4px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:.4s}.deck-grid>a:hover:before{transform:scaleX(1)}.deck-grid>a:hover{z-index:2;background:#fff;transform:translateY(-5px)}.deck-grid .deck-main{grid-row:1/3;background:var(--navy);color:#fff;padding:42px}.deck-grid small{font:700 11px Manrope;letter-spacing:.14em;color:#69818a}.deck-main small{color:#6eb8ff}.deck-grid strong{margin:auto 0 8px;font-size:24px}.deck-main strong{font-size:36px}.deck-grid p{color:#9db3bc;line-height:1.8;max-width:440px}.deck-grid em{font:700 12px Manrope;color:var(--orange);font-style:normal}.deck-status strong{display:flex;align-items:center;gap:10px}.deck-status i{width:9px;height:9px;background:#25b983;border-radius:50%;box-shadow:0 0 0 6px rgba(37,185,131,.13)}
.route-flow{display:grid;grid-template-columns:.72fr 1.28fr;background:#061f2b;color:#fff}.route-heading{padding:120px 6vw;background:linear-gradient(145deg,#0a3d51,#062b3a);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.route-heading>span{color:#75b9ff}.route-heading a{margin-top:45px;color:#ff936c;font-size:13px;font-weight:700}.route-lines{padding:70px 5vw}.route-lines article{display:grid;grid-template-columns:1fr 1.5fr 1fr 90px;align-items:center;gap:20px;padding:35px 0;border-bottom:1px solid rgba(255,255,255,.16)}.route-lines article:first-child{border-top:1px solid rgba(255,255,255,.16)}.route-lines small{display:block;margin-bottom:9px;color:#6f929f;font:600 10px Manrope}.route-lines b{font:700 18px Manrope}.route-lines>article>span{height:1px;background:#315260;position:relative}.route-lines>article>span:before,.route-lines>article>span:after{content:'';position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#7895a0}.route-lines>article>span:before{left:0}.route-lines>article>span:after{right:0}.route-lines>article>span i{position:absolute;top:-4px;left:30%;width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,106,50,.14)}.route-lines time{font:600 11px Manrope;color:#9cb1b9;text-align:right}
.fleet-editorial{padding:120px 6vw;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;background:#dbe4e4}.fleet-visual{position:relative;min-height:620px;overflow:hidden}.fleet-visual .fleet-photo{position:absolute;inset:-50px;background-size:cover;background-position:center calc(50% + var(--parallax-y,0px));transform:scale(1.08)}.fleet-visual>span{position:absolute;left:0;bottom:0;padding:16px 22px;background:var(--orange);color:#fff;font:700 11px Manrope;letter-spacing:.15em}.fleet-copy{display:flex;flex-direction:column;justify-content:center}.fleet-copy p{color:#516a73;line-height:1.9}.fleet-copy dl{display:grid;grid-template-columns:repeat(3,1fr);margin:40px 0;border-top:1px solid #aebfc2;border-bottom:1px solid #aebfc2}.fleet-copy dl div{padding:24px 0;border-right:1px solid #aebfc2}.fleet-copy dl div:last-child{border:0;padding-left:20px}.fleet-copy dt{font:700 32px Manrope}.fleet-copy dd{margin:5px 0 0;color:#71888f;font:600 10px Manrope}.fleet-copy>a{font-size:13px;font-weight:700;color:var(--blue)}
.board-hub{padding:120px 6vw;display:grid;grid-template-columns:.62fr 1fr .85fr;gap:35px;background:#f2f5f4}.board-title h2{font-size:clamp(38px,4vw,60px)}.notice-panel{border-top:3px solid var(--navy)}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px 5px;border-bottom:1px solid #c7d2d4}.panel-head b{font-size:19px}.panel-head a{font-size:12px;color:#687e86}.notice-panel>a{display:grid;grid-template-columns:100px 1fr 65px;gap:18px;align-items:center;padding:23px 5px;border-bottom:1px solid #c7d2d4;transition:.25s}.notice-panel>a:hover{padding-left:15px;color:var(--blue)}.notice-panel time,.notice-panel span{font:600 10px Manrope;color:#71868d}.notice-panel strong{font-size:15px}.notice-panel span{text-align:right}.career-panel{min-height:360px;padding:38px;background:var(--blue);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.35s}.career-panel:before{content:'';position:absolute;right:-100px;top:-100px;width:260px;height:260px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.035),0 0 0 80px rgba(255,255,255,.02)}.career-panel:hover{background:#0756b2;transform:translateY(-7px)}.career-panel small{font:700 11px Manrope;letter-spacing:.16em;color:#b8d8ff}.career-panel h3{margin:auto 0 18px;font-size:28px;line-height:1.4;letter-spacing:-.04em}.career-panel p{color:#c5ddfa;font-size:14px}.career-panel>span{margin-top:20px;font-size:13px;font-weight:700}
@media(max-width:1040px){.deck-grid{grid-template-columns:1fr 1fr}.deck-grid .deck-main{grid-row:1/3}.board-hub{grid-template-columns:1fr 1fr}.board-title{grid-column:1/-1}.route-flow{grid-template-columns:1fr}.route-heading{padding:90px 6vw}}
@media(max-width:820px){.deck-head,.fleet-editorial{grid-template-columns:1fr}.control-deck,.fleet-editorial,.board-hub{padding:80px 24px}.deck-head{gap:28px;margin-bottom:45px}.deck-grid{grid-template-columns:1fr;grid-template-rows:auto}.deck-grid>a,.deck-grid .deck-main{grid-row:auto;min-height:175px;padding:28px}.deck-main strong{font-size:28px}.route-heading{padding:80px 24px}.route-lines{padding:45px 24px}.route-lines article{grid-template-columns:1fr 1fr}.route-lines>article>span{display:none}.route-lines time{text-align:left}.fleet-visual{min-height:430px}.fleet-copy dl{margin:30px 0}.board-hub{grid-template-columns:1fr}.board-title{grid-column:auto}.notice-panel>a{grid-template-columns:82px 1fr}.notice-panel>a span{display:none}.career-panel{min-height:330px}}

/* Mobile navigation — orbit button & editorial panel */
@media(max-width:820px){body.nav-lock{overflow:hidden}.menu-toggle{display:block;width:50px;height:50px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(3,29,41,.28);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transition:background .3s,border-color .3s,transform .3s}.menu-toggle:active{transform:scale(.92)}.menu-toggle:before,.menu-toggle:after{left:14px;height:2px;border-radius:2px;background:#fff;transform-origin:center;transition:top .35s cubic-bezier(.16,1,.3,1),left .35s,width .35s,transform .35s}.menu-toggle:before{top:18px;width:21px}.menu-toggle:after{top:29px;left:20px;width:15px}.menu-toggle i{display:block;left:auto;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,106,50,.16);transition:opacity .2s,transform .3s}.menu-toggle.open{background:var(--orange);border-color:var(--orange);transform:rotate(90deg)}.menu-toggle.open:before{top:24px;left:14px;width:21px;transform:rotate(45deg)}.menu-toggle.open:after{top:24px;left:14px;width:21px;transform:rotate(-45deg)}.menu-toggle.open i{opacity:0;transform:scale(0)}.nav{top:72px;bottom:0;max-height:none;height:calc(100dvh - 72px);padding:34px 24px 45px;background:radial-gradient(circle at 100% 0,rgba(17,103,204,.32),transparent 38%),#031d29;overflow-y:auto;transform:translateY(-18px);clip-path:inset(0 0 100% 0);opacity:0;transition:clip-path .55s cubic-bezier(.76,0,.24,1),transform .55s cubic-bezier(.16,1,.3,1),opacity .25s}.nav:before{content:'NAVIGATION / HARBORLINK';display:block;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.18);color:#6f929f;font:700 11px Manrope;letter-spacing:.18em}.nav.open{height:calc(100dvh - 72px);max-height:none;clip-path:inset(0);transform:none;opacity:1}.nav-item{opacity:0;transform:translateY(18px);transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}.nav.open .nav-item{opacity:1;transform:none}.nav.open .nav-item:nth-child(1){transition-delay:.12s}.nav.open .nav-item:nth-child(2){transition-delay:.17s}.nav.open .nav-item:nth-child(3){transition-delay:.22s}.nav.open .nav-item:nth-child(4){transition-delay:.27s}.nav.open .nav-item:nth-child(5){transition-delay:.32s}.nav.open .nav-item:nth-child(6){transition-delay:.37s}.nav-item>a{padding:20px 2px 12px;font-size:18px;letter-spacing:-.02em}.nav-item>a:after{display:none}.submenu{padding:0 0 14px;gap:2px 12px}.submenu a{position:relative;padding:7px 5px 7px 14px;color:#89a5af;font-size:13px}.submenu a:before{content:'';position:absolute;left:2px;top:50%;width:4px;height:4px;border-radius:50%;background:#416474}.submenu a:hover:before{background:var(--orange)}}
@media(max-width:820px){.menu-toggle,.menu-toggle.open{border:0!important;box-shadow:none!important}}
.sub{min-height:560px;color:#fff;padding:185px 6vw 80px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;background-size:cover;background-position:center}.sub:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,29,41,.95),rgba(3,29,41,.58) 56%,rgba(3,29,41,.12))}.sub>*{position:relative}.sub>span{font:700 11px Manrope;letter-spacing:.2em;color:#7bc0ff}.sub h1{font-size:clamp(48px,7vw,94px);line-height:1.08;letter-spacing:-.065em;margin:22px 0 0}.sub.company,.sub.routes{background-image:url('images/port.webp')}.sub.services,.sub.safety{background-image:url('images/terminal.webp')}.sub.fleet,.sub.contact{background-image:url('images/ship.webp')}.local{display:flex;padding:0 6vw;background:var(--orange);color:#fff;overflow-x:auto}.local a{padding:19px 26px;font-size:13px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.25)}.detail{padding:100px 6vw;display:grid;grid-template-columns:.55fr 1.45fr;gap:7vw;min-height:370px;align-items:start}.detail>small{font:700 11px Manrope;color:var(--blue);letter-spacing:.18em}.detail h2{margin:0 0 22px;font-size:clamp(34px,4.5vw,64px);line-height:1.2;letter-spacing:-.055em}.detail p{max-width:720px;color:#5c7179;line-height:1.9;font-size:16px}.detail.dark{background:var(--deep);color:#fff}.detail.dark small{color:#75b9ff}.detail.dark p{color:#a8bec7}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid #c7d2d5}.facts b{padding:28px 10px 0;font:700 36px Manrope}.facts em{display:block;margin-top:8px;color:#71868e;font:400 12px 'Noto Sans KR';font-style:normal}@media(max-width:820px){.sub{min-height:480px;padding:150px 24px 60px}.sub h1{font-size:45px}.local{padding:0}.detail{grid-template-columns:1fr;padding:75px 24px;gap:25px}.facts b{font-size:26px}}