/* One editorial importer card: original advantages + the owner's Port of LA photo. */
.home-editorial #home-importer-advantages { padding:32px; background:#fff; border:1px solid #d9e8ef; border-radius:20px; box-shadow:0 10px 30px #16405b05; }
.home-editorial #home-importer-title { margin-bottom:12px; max-width:960px; }
.home-editorial #home-importer-title .importer-heading-highlight { color:#287f9e; }
.home-importer-layout { display:grid; grid-template-columns:minmax(0,.785fr) minmax(0,1.215fr); gap:30px; align-items:center; }
.home-editorial .home-importer-layout .importer-strip-cols { grid-template-columns:1fr; gap:0; }
.home-editorial .home-importer-layout .importer-col { display:grid; grid-template-columns:32px minmax(0,1fr); column-gap:12px; row-gap:3px; padding:16px 0; border:0; border-bottom:1px solid #e2ecf1; border-radius:0; box-shadow:none; background:none; align-items:start; }
.home-editorial .home-importer-layout .importer-col:last-child { border-bottom:0; padding-bottom:0; }
.home-editorial .home-importer-layout .importer-col-icon { grid-column:1; grid-row:1 / 4; width:32px; height:32px; margin:0; font-size:16px; }
.home-editorial .home-importer-layout .importer-col-stat { grid-column:2; font-size:19px; margin:0; }
.home-editorial .home-importer-layout .importer-col-title { grid-column:2; margin:0 0 3px; font-size:12px; }
.home-editorial .home-importer-layout .importer-col-desc { grid-column:2; font-size:14px; line-height:1.55; }
.home-importer-port { margin:0; min-width:0; text-align:center; }
.home-port-photo-frame { position:relative; overflow:hidden; border:1px solid #c6dce7; border-radius:15px; box-shadow:0 16px 32px #16405b21; transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition:transform .2s ease-out,box-shadow .2s ease-out; }
/* The uploaded photo stays unfiltered at rest. Sheen appears only while touched/hovered. */
.home-port-photo-frame::after { content:''; position:absolute; inset:0; pointer-events:none; opacity:0; background:radial-gradient(circle at var(--gloss-x,50%) var(--gloss-y,45%),rgba(255,255,255,.46),rgba(255,255,255,.12) 22%,transparent 60%),linear-gradient(112deg,transparent 22%,rgba(255,255,255,.10) 45%,transparent 68%); transition:opacity .2s ease-out; }
.home-port-photo-frame.is-reacting { box-shadow:0 18px 36px #16405b30; }
.home-port-photo-frame.is-reacting::after { opacity:1; }
.home-port-photo { display:block; width:100%; height:auto; }
@media(prefers-reduced-motion:reduce) { .home-port-photo-frame,.home-port-photo-frame::after { transition:none; } .home-port-photo-frame { transform:none; } }
.home-importer-port figcaption { margin-top:10px; }
.home-port-link { display:inline-flex; align-items:center; justify-content:center; gap:10px; color:#236d8d; font:700 20px/1.4 Inter,sans-serif; min-height:44px; max-width:100%; text-align:center; text-decoration:none; }
.home-port-link:hover { color:#0b1c36; text-decoration:underline; text-underline-offset:4px; }
/* Center the text stack against the image, excluding the 10px + 44px caption. */
@media(min-width:761px) {
  .home-editorial .home-importer-layout .importer-strip-cols { margin-bottom:54px; }
  /* Expand the photograph into the reference area without cutting off either tower. */
  .home-port-photo-frame { aspect-ratio:1.75; }
  .home-port-photo { height:100%; object-fit:fill; }
}
@media(max-width:760px) {
  .home-editorial #home-importer-advantages { padding:25px 22px; border-radius:17px; }
  .home-editorial #home-importer-title { font-size:28px; }
  .home-importer-layout { grid-template-columns:1fr; gap:24px; }
  .home-editorial .home-importer-layout .importer-col { grid-template-columns:30px minmax(0,1fr); column-gap:11px; padding:15px 0; }
  .home-editorial .home-importer-layout .importer-col-icon { width:30px; height:30px; }
  .home-editorial .home-importer-layout .importer-col-stat { font-size:19px; }
  .home-importer-port { max-width:430px; width:100%; justify-self:center; }
  .home-port-link { gap:7px; font-size:18px; }
}