/* Real links make photographic cards usable with pointer, touch and keyboard. */
a.expertise-card, a.people-poster { display:block; color:#fff; text-decoration:none; }
a.postcard-photo { display:block; }
a.people-poster .image-inline-cta { display:inline-block; color:#fff; font-size:15px; padding-bottom:6px; border-bottom:1px solid #ffffff80; }
.image-inline-cta span { margin-left:10px; }
a:is(.expertise-card,.people-poster,.postcard-photo):focus-visible { outline:3px solid #6299dd; outline-offset:5px; }

.pre-dispatch-section #quality-panel > img { object-position:50% 48%; }

/* Every pre-dispatch photograph carries its own detail and inquiry actions. */
.pre-dispatch-section .freight-tabs { z-index:4; }
.pre-dispatch-section .freight-panel .freight-panel-copy {
  inset:0; padding:150px 55px 42px; align-content:end;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:0 64px;
}
.freight-panel-actions { display:flex; align-items:center; gap:24px; grid-column:1/-1; margin-top:30px; }
.premium-site .freight-panel-actions a { color:#fff; text-decoration:none; font-size:14px; line-height:1.35; }
.premium-site .freight-panel-actions .image-detail {
  display:inline-flex; align-items:center; min-height:48px; padding:0;
  background:transparent; color:#16222d; border-radius:999px; position:static;
  transform:none; translate:none!important; box-shadow:none;
}
.image-detail::after { content:""; position:absolute; inset:0; z-index:1; cursor:pointer; }
/* Float the complete visible pill while the stretched image link stays anchored. */
.premium-site .freight-panel-actions .image-detail > span {
  position:relative;z-index:2;display:inline-flex;align-items:center;
  min-height:48px;padding:14px 23px;border-radius:999px;background:#fff;
  translate:0 var(--feedback-frame-y,0px)!important;
  transition:translate 220ms cubic-bezier(.2,.8,.2,1)!important;
}
.premium-site .freight-panel-actions .image-inquiry { position:relative; z-index:2; display:inline-flex; align-items:center; min-height:48px; padding:12px 0; }
.image-inquiry > span { border-bottom:1px solid #ffffff80; padding-bottom:4px; }
.freight-panel-actions i { font-style:normal; margin-left:10px; }
.freight-panel-actions a > span { transition:transform 180ms ease; }
.image-detail:focus-visible { outline:none; }
.image-detail:focus-visible::after { box-shadow:inset 0 0 0 3px #91c2ff; border-radius:27px; }
.image-inquiry:focus-visible { outline:2px solid #91c2ff; outline-offset:4px; border-radius:4px; }
@media (hover:hover) and (pointer:fine) {
  .freight-panel-actions a:hover > span { transform:translateY(-2px); }
}

/* The visible process picture follows its current stage's existing detail link. */
.journey-photo-link { position:absolute; inset:0 0 0 52%; z-index:1; }
.journey-content { position:relative; z-index:2; pointer-events:none; }
.journey-content :is(a,button) { pointer-events:auto; }
.journey-photo-link:focus-visible { outline:2px solid #91c2ff; outline-offset:-6px; }

@media(max-width:800px) {
  .pre-dispatch-section .freight-panel .freight-panel-copy { padding:112px 30px 32px; display:grid; grid-template-columns:1fr; gap:0; }
  .pre-dispatch-section .freight-panel-copy p { max-width:470px; }
  .freight-panel-actions { gap:16px; margin-top:24px; flex-wrap:wrap; }
  .journey-photo-link { inset:25% 0 20%; }
}
@media(max-width:520px) {
  .pre-dispatch-section .freight-cinema { height:740px; }
  .pre-dispatch-section :is(#quality-panel,#packaging-panel,#packing-panel) > img { height:51%; object-position:50% 50%; }
  .pre-dispatch-section #quality-panel > img { position:absolute; top:76px; height:39%; object-position:65% 50%; }
  .pre-dispatch-section :is(#quality-panel,#packaging-panel,#packing-panel)::after { background:linear-gradient(180deg,transparent 25%,#07172555 39%,#071725 53%); }
  .pre-dispatch-section .freight-panel .freight-panel-copy { padding:105px 25px 27px; }
  .pre-dispatch-section .freight-panel-copy .card-eyebrow { font-size:10px; margin-bottom:17px; }
  .pre-dispatch-section :is(#quality-panel,#packaging-panel,#packing-panel) h3 { font-size:36px; line-height:1.08; margin-bottom:17px; }
  .pre-dispatch-section :is(#quality-panel,#packaging-panel,#packing-panel) .freight-panel-copy p { font-size:15px; line-height:1.55; margin:0; }
  .freight-panel-actions { align-items:flex-start; flex-direction:column; gap:6px; margin-top:22px; }
  .premium-site .freight-panel-actions .image-detail > span { padding:13px 19px; }
}
@media(prefers-reduced-motion:reduce) {
  .journey-photo-link { display:none; }
  .freight-panel-actions a > span { transform:none!important; transition:none; }
}

/* Keep the accepted imagery and section treatments with a shorter reading rhythm. */
.section-anchor{display:block;scroll-margin-top:100px}
.premium-site .premium-expertise{padding:76px 0 60px}
.premium-site .expertise-heading{margin-bottom:32px}
.premium-site .expertise-card,.premium-site .expertise-card>div{min-height:490px}
.premium-site .product-paths{padding-top:60px;padding-bottom:68px}
.product-path-links img{aspect-ratio:16/9}
.premium-site .premium-journey{height:220svh}
.premium-site .freight-section{padding:72px 0 60px}
.premium-site .buyer-postcards{padding:72px 0}
.premium-site .postcards-heading{margin-bottom:32px}
.premium-site .inquiry-section{padding:72px 0}
.premium-site .postcard-answer{font-size:16px}
.premium-site .postcard-kicker{font-size:12px}
.premium-site .detail-hero .button:hover{background:#1b4c87}
@media(max-width:800px){
 .premium-site .premium-expertise{padding:54px 0 42px}
 .premium-site .expertise-card,.premium-site .expertise-card>div{min-height:455px}
 .premium-site .product-paths{padding-block:48px}
 .premium-site .premium-journey{height:240svh}
 .premium-site .freight-section{padding:56px 0 44px}
 .premium-site .buyer-postcards,.premium-site .inquiry-section{padding-block:52px}
 .postcards-ready .postcard-navigation{margin-bottom:36px}
}
@media(max-width:520px){
 .premium-site .expertise-card,.premium-site .expertise-card>div{min-height:450px}
 .premium-site .product-path-links{display:grid;grid-template-columns:1fr;gap:12px}
 .premium-site .product-path-links a{grid-column:auto;grid-template-columns:100px minmax(0,1fr) 16px;gap:14px;padding:0 14px 0 0;min-height:104px;border-radius:12px;align-items:center}
 .premium-site .product-path-links img{grid-column:1;grid-row:1;width:100px;height:104px;aspect-ratio:auto;margin:0;object-fit:cover}
 .premium-site .product-path-links a>span{padding:0;font-size:16px;line-height:1.4}
 .premium-site .product-path-links a>b{padding:0}
 .premium-site .product-path-links .energy-direction small{font-size:12px;margin-top:4px}
 .premium-site .pre-dispatch-section .freight-cinema{height:690px}
}
@media(prefers-reduced-motion:reduce){.premium-site .premium-journey{height:auto}}

/* A compact help control keeps narrow reading columns clear. */
@media(max-width:520px){
 .premium-site .support-launcher{width:48px;height:48px;min-height:48px;padding:0!important;gap:0}
 .premium-site .support-launcher .control-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .premium-site .support-launcher .support-launcher-icon{width:21px;height:21px}
}

@media(min-width:801px){
 .premium-site .product-path-links img,.premium-site .product-path-links .energy-direction img{height:clamp(190px,18vw,246px);aspect-ratio:auto}
}