/* Longgong Port — real operations, formal identity, quieter typography. */
:root { --font-display:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif; }
h2 { font-family:var(--font-display); font-weight:600; letter-spacing:-.025em; line-height:1.34; }
[lang="en"] h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.035em; }
h3 { letter-spacing:-.015em; }
.section-kicker { letter-spacing:.1em; font-weight:600; }
.brand { min-width:160px; }
.brand-logo { display:block; width:160px; height:auto; aspect-ratio:146 / 45; }
.brand-footer .brand-logo { width:190px; }
.site-header:not(.is-scrolled):not(.menu-open) .brand-logo, .brand-footer .brand-logo { filter:drop-shadow(0 1px 1px rgba(0,0,0,.16)); }
.image-caption,.smart-panel,.smart-image-label,.card-code { display:none; }
.image-slot-concept[data-source-label="photo"] { display:none; }
.hero-film-link { position:absolute; z-index:4; right:max(142px,calc((100vw - 1280px)/2 + 118px)); bottom:75px; display:inline-flex; align-items:center; gap:9px; min-height:38px; padding:8px 12px; color:white; font-size:12px; border-bottom:1px solid rgba(255,255,255,.45); }
.hero-film-link .icon { width:14px; height:14px; }
.hero-film-link:hover { color:#e5bd72; border-color:currentColor; }
.hero-title-sub { font-weight:450; }
.hero-grid-overlay { display:none; }
.about-media { padding:0; }
.about-media .image-frame { aspect-ratio:1.35; }
.about-media img { height:100%; object-fit:cover; }
.about-media picture { height:100%; }
.about-grid { gap:clamp(36px,6vw,90px); }
.about-grid .section-copy h2 { font-size:clamp(32px,2.85vw,44px); }
.about-grid .section-lead { max-width:39em; }
.capability-scenes { display:grid; grid-template-columns:1.35fr 1fr; grid-template-rows:254px 254px; gap:20px; }
.capability-scene { position:relative; overflow:hidden; border-radius:10px; isolation:isolate; color:white; background:#133b55; }
.capability-scene:first-child { grid-row:span 2; }
.capability-scene picture { position:absolute; inset:0; display:block; }
.capability-scene img { width:100%; height:100%; object-fit:cover; transition:transform .65s; }
.capability-scene::after { position:absolute; inset:0; z-index:-1; content:""; background:linear-gradient(0deg,rgba(4,25,41,.92),rgba(4,25,41,.03) 78%); }
.capability-scene picture { z-index:-2; }
.capability-scene:hover img { transform:scale(1.025); }
.capability-scene > a { display:flex; position:relative; flex-direction:column; justify-content:flex-end; height:100%; padding:30px; color:inherit; }
.capability-scene:first-child > a { padding:40px; }
.capability-scene h3 { margin:0 40px 8px 0; color:white; font-size:25px; line-height:1.4; font-weight:600; }
.capability-scene:first-child h3 { font-size:33px; }
.capability-scene p { max-width:34em; margin:0; padding-right:42px; font-size:13px; line-height:1.85; color:rgba(255,255,255,.86); }
.capability-scene .scene-link { position:absolute; bottom:32px; right:30px; display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.5); border-radius:50%; }
.capability-scene:first-child .scene-link { bottom:42px; right:40px; }
.capability-scene .scene-link .icon { width:17px; }
.capability-support { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:36px; padding-top:28px; border-top:1px solid #d5e1e9; }
.capability-support article + article { border-left:1px solid #d5e1e9; padding-left:32px; }
.capability-support h3 { font-size:18px; font-weight:600; margin:0 0 8px; }
.capability-support p { margin:0; font-size:13px; line-height:1.9; color:var(--muted); }
.capability-support a { display:inline-flex; align-items:center; gap:8px; color:var(--blue); font-size:12px; padding-block:10px; }
.capability-support .icon { width:14px; }
.smart-list li > span { display:none; }
.smart-list li { padding-left:0; }
.smart-list strong { font-size:15px; font-weight:600; }
.smart-list small { font-size:12px; }
.smart-visual { min-height:500px; }
.smart-visual img { object-position:58% center; }
.customs-section { background:#eaf1f6; min-height:0; }
.customs-inner { display:grid; grid-template-columns:1.1fr 1fr; gap:clamp(32px,7vw,100px); min-height:0; }
.customs-card { padding:0; background:transparent; box-shadow:none; max-width:540px; }
.customs-card h2 { font-size:clamp(38px,3.7vw,54px); }
.customs-card .section-lead { font-size:15px; }
.customs-area { margin-block:30px; flex-wrap:wrap; row-gap:12px; }
.customs-area strong { font-weight:650; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.customs-evidence { margin:0; width:100%; max-width:500px; justify-self:end; }
.customs-evidence picture { display:block; overflow:hidden; border-radius:10px; aspect-ratio:1.35; background:#d8e4ed; }
.customs-evidence img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 42%; }
.customs-evidence figcaption { font-size:12px; color:var(--muted); margin-top:12px; }
.customs-flow { margin-top:27px; display:flex; gap:0; align-items:center; list-style:none; padding:0; color:var(--blue-deep); font-size:14px; }
.customs-flow li { display:flex; align-items:center; gap:14px; }
.customs-flow li + li::before { content:"→"; color:#67899f; margin-inline:14px; }
.case-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.port-case { min-width:0; }
.port-case-media { display:block; aspect-ratio:1.6; overflow:hidden; border-radius:10px; background:#dbe7ed; }
.port-case-media picture { display:block; height:100%; }
.port-case-media img { width:100%; height:100%; object-fit:cover; transition:transform .65s; }
.port-case-media:hover img { transform:scale(1.025); }
.port-case-content { padding:24px 0 0; }
.port-case-meta { display:flex; align-items:center; justify-content:space-between; gap:20px; color:var(--muted); font-size:12px; margin-bottom:14px; }
.port-case-meta span { color:var(--blue); }
.port-case-content h3 { font-size:25px; line-height:1.45; font-weight:600; margin:0 0 14px; }
.port-case-content > p { color:var(--muted); font-size:14px; line-height:1.95; max-width:38em; margin:0 0 15px; }
.port-case-content .text-link { padding-block:8px; font-size:13px; }
.case-footnote { margin-top:28px; color:var(--muted); font-size:12px; display:flex; flex-wrap:wrap; gap:10px 24px; padding-top:23px; border-top:1px solid var(--line); }
.case-footnote a { color:var(--blue); text-decoration:underline; text-underline-offset:4px; }
.source-note { margin-top:12px; color:var(--muted); font-size:11px; }
.source-note a { text-decoration:underline; text-underline-offset:4px; }
.customs-inquiry-background { display:none; }
.customs-inquiry { background:var(--blue-ink); }
.customs-overview-visual,.customs-service-visual,.customs-advantage-visual { max-width:500px; justify-self:center; width:100%; }
@media (min-width:1600px) { [lang="en"] .brand { min-width:150px; } [lang="en"] .brand-logo { width:150px; } }
@media (max-width:1100px) {
  .capability-scenes { grid-template-columns:1.15fr 1fr; grid-template-rows:240px 240px; }
  .capability-scene:first-child > a { padding:30px; }
  .capability-scene:first-child h3 { font-size:28px; }
  .capability-scene:first-child .scene-link { right:30px; bottom:32px; }
  .capability-scene h3 { font-size:23px; }
  .customs-inner { gap:40px; }
  .case-grid { gap:26px; }
}
@media (max-width:767px) {
  .brand { min-width:135px; }
  .brand-logo { width:135px; }
  .hero-film-link { right:22px; bottom:104px; font-size:11px; }
  .capability-scenes { display:grid; grid-template-columns:1fr; grid-template-rows:340px 260px 260px; gap:16px; }
  .capability-scene:first-child { grid-row:auto; }
  .capability-scene > a,.capability-scene:first-child > a { padding:26px; }
  .capability-scene:first-child h3 { font-size:29px; }
  .capability-scene h3 { font-size:26px; }
  .capability-scene .scene-link,.capability-scene:first-child .scene-link { bottom:28px; right:25px; }
  .capability-support { grid-template-columns:1fr; gap:20px; margin-top:28px; padding-top:24px; }
  .capability-support article + article { border-left:0; padding:20px 0 0; border-top:1px solid var(--line); }
  .capability-support h3 { font-size:19px; }
  .capability-support p { max-width:38em; }
  .smart-visual { min-height:350px; }
  .customs-inner { grid-template-columns:1fr; gap:36px; }
  .customs-card { max-width:none; }
  .customs-card h2 { font-size:39px; }
  .customs-evidence { justify-self:start; }
  .customs-evidence picture { aspect-ratio:1.4; }
  .case-grid { grid-template-columns:1fr; gap:42px; }
  .port-case-content { padding-top:20px; }
  .port-case-content h3 { font-size:23px; }
  .port-case-content > p { font-size:14px; }
  .case-footnote { margin-top:26px; font-size:11px; }
}
@media (max-width:380px) { .brand { min-width:120px; } .brand-logo { width:120px; } .customs-flow { font-size:13px; } .customs-flow li + li::before { margin-inline:10px; } }
@media (prefers-reduced-motion:reduce) { .capability-scene img,.port-case-media img { transition:none; } }