.page-panjin{--pj-ink:#152b30;--pj-rust:#bd5f3e;--pj-reed:#9caf5e;--pj-water:#4e8d93;--pj-sand:#eee8dc;background:#f6f3eb;color:var(--pj-ink)}.page-panjin .city-eyebrow{color:var(--pj-water);letter-spacing:.18em}.page-panjin .city-section{padding:104px 0}.page-panjin .city-section h2{font-size:46px;letter-spacing:-.05em;line-height:1.08}.page-panjin .city-section-head{align-items:end}.page-panjin .city-section-copy{max-width:420px}.pj-hero{padding:58px 0 84px;background:linear-gradient(180deg,#edf3f0 0,#f6f3eb 100%)}.pj-hero .city-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:end}.pj-hero-copy{padding-bottom:28px}.pj-hero h1{margin:14px 0 22px;font-size:59px;line-height:.99;letter-spacing:-.065em}.pj-hero-copy>p:last-of-type{color:#617175;font-size:16px;line-height:1.85}.pj-hero-actions,.pj-growth-actions{display:flex;gap:9px;margin-top:28px}.pj-hero-actions a,.pj-growth-actions a,.pj-final a{padding:13px 17px;border:1px solid var(--pj-ink);background:var(--pj-ink);color:#fff;font-size:12px;font-weight:900;text-decoration:none}.pj-hero-actions a:last-child,.pj-growth-actions a:last-child{background:transparent;color:var(--pj-ink)}.pj-corridor{position:relative;padding:10px;background:var(--pj-ink);box-shadow:14px 14px 0 rgba(189,95,62,.18)}.pj-corridor picture,.pj-corridor img{display:block;width:100%;height:510px;object-fit:cover}.pj-route{position:absolute;left:30px;right:30px;bottom:148px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.pj-route::before{position:absolute;top:13px;right:10%;left:10%;height:2px;background:linear-gradient(90deg,var(--pj-reed),var(--pj-water),var(--pj-rust));content:""}.pj-route button{position:relative;border:0;background:transparent;color:#fff;cursor:pointer;text-align:center}.pj-route i{position:relative;z-index:1;display:block;width:26px;height:26px;margin:0 auto 8px;border:5px solid #fff;border-radius:50%;background:var(--pj-ink);box-shadow:0 0 0 2px rgba(21,43,48,.45)}.pj-route button[aria-pressed="true"] i{background:var(--pj-rust);box-shadow:0 0 0 5px rgba(189,95,62,.35)}.pj-route span{font-size:10px;font-weight:900;letter-spacing:.08em}.pj-corridor aside{display:grid;grid-template-columns:110px 1fr 1.2fr;gap:20px;align-items:center;min-height:110px;padding:20px;color:#fff}.pj-corridor aside b{color:var(--pj-reed);font-size:10px;letter-spacing:.12em}.pj-corridor aside strong{font-size:18px}.pj-corridor aside p{margin:0;color:#aebfc0;font-size:12px;line-height:1.65}.pj-origin{background:var(--pj-sand)}.pj-bento{display:grid;grid-template-columns:1.08fr .92fr .92fr;grid-auto-rows:190px;gap:11px;margin-top:40px}.pj-bento figure{grid-row:span 3;margin:0;background:var(--pj-ink);color:#dce6e4}.pj-bento figure img{display:block;width:100%;height:520px;object-fit:cover}.pj-bento figcaption,.pj-industry figcaption,.pj-growth figcaption,.pj-platform-board figcaption{padding:14px 18px;font-size:11px}.pj-bento article{padding:23px;border:1px solid #d9d0c0;background:#fff}.pj-bento .pj-card-main{grid-row:span 2;background:var(--pj-rust);color:#fff}.pj-bento .pj-card-wide{grid-column:2/4}.pj-bento span,.pj-service-bento span{color:var(--pj-water);font-size:10px;font-weight:900;letter-spacing:.12em}.pj-bento .pj-card-main span{color:#f5d5c9}.pj-bento h3{margin:56px 0 8px;font-size:21px}.pj-bento .pj-card-main h3{margin-top:125px;font-size:30px}.pj-bento p{margin:0;color:#6d7878;font-size:12px;line-height:1.7}.pj-bento .pj-card-main p{color:#f9e3dc}.pj-industry{background:var(--pj-ink);color:#fff}.pj-industry-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.pj-industry-head p:last-child{color:#98adae;line-height:1.8}.pj-industry-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:42px}.pj-industry-grid figure{margin:0;background:#0f2024;color:#afc0c0}.pj-industry-grid figure img{display:block;width:100%;height:520px;object-fit:cover}.pj-waypoints{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pj-waypoints article{position:relative;min-height:255px;padding:24px;border:1px solid #345057;background:#1b353a}.pj-waypoints article::after{position:absolute;right:-6px;bottom:28px;width:12px;height:12px;border-radius:50%;background:var(--pj-reed);content:""}.pj-waypoints b{color:var(--pj-rust);font-size:11px}.pj-waypoints h3{margin:98px 0 8px;font-size:19px}.pj-waypoints p{margin:0;color:#9eb0b0;font-size:12px;line-height:1.65}.pj-platform{background:#e8f0ee}.pj-platform-board{display:grid;grid-template-columns:1.18fr .82fr;margin-top:40px;border:1px solid #b9ccca;background:#fff}.pj-platform-board figure{margin:0;padding:30px;background:#d7e5e2}.pj-platform-board figure img{display:block;width:100%;height:420px;object-fit:contain;background:#fff}.pj-workspaces{display:grid;grid-template-columns:1fr 1fr}.pj-workspaces article{min-height:245px;padding:24px;border-left:1px solid #d3e0de;border-bottom:1px solid #d3e0de}.pj-workspaces i{color:var(--pj-rust);font-size:10px;font-style:normal;font-weight:900}.pj-workspaces h3{margin:86px 0 8px;font-size:19px}.pj-workspaces p{margin:0;color:#697a7a;font-size:12px}.pj-release{display:grid;grid-template-columns:140px 140px 1fr auto;gap:10px;align-items:center;margin-top:10px;padding:16px 20px;background:var(--pj-ink);color:#fff}.pj-release strong{color:var(--pj-reed)}.pj-release span{font-size:11px}.pj-release a{color:#fff;font-size:12px}.pj-growth{background:#f7f2e8}.pj-growth-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.pj-growth h2{margin:14px 0 20px}.pj-growth p{color:#687575;line-height:1.8}.pj-growth ol{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:25px 0 0;padding:0;list-style:none}.pj-growth li{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid #d9d1c4;background:#fff;font-size:12px;font-weight:900}.pj-growth li b{color:var(--pj-rust);font-size:10px}.pj-growth figure{margin:0;background:var(--pj-ink);color:#c7d2d1}.pj-growth figure img{display:block;width:100%;height:520px;object-fit:cover}.pj-standard{background:#fff}.pj-service-bento{display:grid;grid-template-columns:.8fr 1.4fr .8fr;grid-auto-rows:185px;gap:10px;margin-top:38px}.pj-service-bento article{padding:24px;border:1px solid #d9dfdc;background:#f4f6f3}.pj-service-bento .pj-service-main{grid-row:span 2;background:var(--pj-ink);color:#fff}.pj-service-bento article:last-child{grid-column:1/2;grid-row:2}.pj-service-bento h3{margin:55px 0 8px;font-size:20px}.pj-service-bento .pj-service-main h3{margin-top:130px;font-size:32px}.pj-service-bento p{margin:0;color:#6b7978;font-size:12px;line-height:1.65}.pj-service-bento .pj-service-main p{color:#a7b9b8}.pj-articles{background:#e6eddf}.pj-article-bento{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-auto-rows:190px;gap:10px;margin-top:38px}.pj-article-bento a{display:flex;flex-direction:column;padding:23px;border:1px solid #cfdbc6;background:#fff;color:var(--pj-ink);text-decoration:none}.pj-article-bento .pj-article-main{grid-row:span 2;background:var(--pj-rust);color:#fff}.pj-article-bento .pj-article-wide{grid-column:2/4}.pj-article-bento b{color:var(--pj-water);font-size:10px;letter-spacing:.1em}.pj-article-bento .pj-article-main b{color:#f2d6ca}.pj-article-bento h3{margin:auto 0 0;font-size:19px;line-height:1.42}.pj-article-bento .pj-article-main h3{font-size:29px}.pj-article-bento p{color:#f7dfd7;font-size:12px}.pj-faq{background:#fff}.pj-faq .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pj-faq details{border:1px solid #d6dfda}.pj-faq summary{padding:22px 44px 22px 22px}.pj-faq details p{padding:0 22px 22px;font-size:13px}.pj-final{background:var(--pj-ink)}.pj-final>.city-shell{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.pj-final h2{margin:14px 0 0;font-size:46px;line-height:1.06}.pj-final p{color:#a6b7b6;line-height:1.8}.pj-final .city-eyebrow{color:var(--pj-reed)}.pj-final a{display:inline-block;background:var(--pj-rust);border-color:var(--pj-rust)}
@media(max-width:1000px){.pj-hero .city-shell,.pj-industry-grid,.pj-growth-grid{grid-template-columns:1fr}.pj-corridor picture,.pj-corridor img{height:560px}.pj-platform-board{grid-template-columns:1fr}.pj-platform-board figure{padding:24px}.pj-bento{grid-template-columns:1fr 1fr}.pj-bento figure{grid-column:1/-1}}
@media(max-width:700px){.page-panjin .city-section{padding:78px 0}.page-panjin .city-section h2{font-size:31px}.pj-hero{padding:32px 0 62px}.pj-hero .city-shell{gap:22px}.pj-hero h1{font-size:38px}.pj-hero-copy>p:last-of-type{font-size:15px}.pj-corridor{padding:8px;box-shadow:8px 8px 0 rgba(189,95,62,.18)}.pj-corridor picture,.pj-corridor img{height:410px}.pj-route{left:18px;right:18px;bottom:200px}.pj-route span{font-size:9px}.pj-corridor aside{grid-template-columns:1fr;gap:7px;min-height:168px;padding:18px}.pj-corridor aside strong{font-size:17px}.pj-hero-actions{display:grid}.pj-bento,.pj-waypoints,.pj-workspaces,.pj-growth ol,.pj-service-bento,.pj-article-bento,.pj-faq .faq-list{grid-template-columns:1fr}.pj-bento{grid-auto-rows:auto}.pj-bento figure,.pj-bento .pj-card-main,.pj-bento .pj-card-wide{grid-column:auto;grid-row:auto}.pj-bento figure img{height:390px}.pj-bento article{min-height:205px}.pj-bento h3,.pj-bento .pj-card-main h3{margin-top:55px;font-size:22px}.pj-industry-head{grid-template-columns:1fr;gap:18px}.pj-industry-grid figure img{height:390px}.pj-waypoints article{min-height:205px}.pj-waypoints h3{margin-top:55px}.pj-platform-board figure img{height:auto}.pj-workspaces article{min-height:190px;border-left:0;border-top:1px solid #d3e0de}.pj-workspaces h3{margin-top:48px}.pj-release{grid-template-columns:1fr 1fr}.pj-release span,.pj-release a{grid-column:1/-1}.pj-growth figure img{height:390px}.pj-service-bento{grid-auto-rows:auto}.pj-service-bento article,.pj-service-bento .pj-service-main,.pj-service-bento article:last-child{grid-column:auto;grid-row:auto;min-height:205px}.pj-service-bento h3,.pj-service-bento .pj-service-main h3{margin-top:55px;font-size:22px}.pj-article-bento{grid-auto-rows:auto}.pj-article-bento a,.pj-article-bento .pj-article-main,.pj-article-bento .pj-article-wide{grid-column:auto;grid-row:auto;min-height:205px}.pj-article-bento .pj-article-main h3{font-size:24px}.pj-final>.city-shell{grid-template-columns:1fr;gap:26px}.pj-final h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.page-panjin *{animation:none!important}}