/* Stage 2: photographic editorial layer. Existing application behavior is preserved. */
.service-photograph,.section-photograph,.fleet-photo-strip figure{margin:0;position:relative;overflow:hidden;background:#dce4df;isolation:isolate}
.service-photograph img,.section-photograph img,.fleet-photo-strip img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
#shipping-service-grid{gap:26px!important}
#shipping-service-grid>article{padding:0 25px 25px!important;border:1px solid #dce3de!important;border-radius:20px!important;min-width:0;box-shadow:0 7px 24px #14291c08!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
#shipping-service-grid .service-photograph{width:calc(100% + 50px);margin:0 -25px 25px;aspect-ratio:16/10;flex-shrink:0;border-bottom:1px solid #dce3de}
#shipping-service-grid>article>em{top:16px;right:16px;z-index:1;background:#132a20!important;color:#fff!important;border:1px solid #ffffff55;box-shadow:0 3px 14px #0002;font-style:normal}
#shipping-service-grid h3{font-size:22px;letter-spacing:-.025em;line-height:1.25;margin-bottom:12px}
#shipping-service-grid p{font-size:14px;line-height:1.75}
#shipping-service-grid ul{padding-bottom:12px;color:#4d6357;line-height:1.5}
#shipping-service-grid .service-select{min-height:48px;border-radius:11px;background:#edf5ef;color:#17603e;font-weight:750;transition:background .2s,color .2s,box-shadow .2s}
.services-heading{max-width:760px;margin-inline:auto}
.service-controls{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}
.service-controls button{min-height:44px;padding:10px 20px;border-radius:100px;transition:background .2s,color .2s,box-shadow .2s}
.section-photograph{border-radius:20px;width:100%;height:280px;grid-column:1/-1;margin:0 0 32px;box-shadow:0 12px 32px #12231a0d}
.section-photograph:after,.fleet-photo-strip figure:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0c201bd9);pointer-events:none;z-index:0}
.section-photograph figcaption{position:absolute;bottom:24px;left:28px;right:24px;color:#fff;font-size:clamp(18px,2vw,26px);font-weight:650;letter-spacing:-.025em;line-height:1.3;z-index:1;text-shadow:0 2px 10px #0005}
.photo-intro{display:flow-root}
.photo-intro>.section-photograph{float:right;width:38%;height:240px;margin:0 0 28px 40px}
.photo-intro>.section-photograph figcaption{font-size:18px;left:20px;bottom:20px}
#support>.section-photograph,#help>.section-photograph{height:340px}
#support>.section-photograph img,#help>.section-photograph img{object-position:50% 37%}
#business{flex-wrap:wrap;gap:28px}
#business>.section-photograph{flex:0 0 100%;margin:0}
#business>div{flex:1 1 480px}
#coverage>.section-photograph{margin-bottom:0}
#account>.section-photograph,#customer-dashboard>.section-photograph,#customs>.section-photograph{height:210px}
#design-direction>.section-photograph{grid-column:auto;height:340px;margin:0}
.fleet-photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;margin:28px 0 22px}
.fleet-photo-strip figure{aspect-ratio:1.35;border-radius:12px;border:1px solid #ffffff24}
.fleet-photo-strip figcaption{position:absolute;left:12px;bottom:12px;z-index:1;color:#fff;font-size:12px;font-weight:700}
.footer-bottom{gap:20px;align-items:start}.footer-bottom>span:last-child{max-width:540px;line-height:1.6;font-size:11px}
button,a.button,.nav-cta,.faq-question{touch-action:manipulation}
button:focus-visible,a:focus-visible{outline:3px solid #147c51!important;outline-offset:4px!important;box-shadow:0 0 0 6px #fff!important}
.hero a:focus-visible,.site-header a:focus-visible{outline-color:#6ff2b3!important;box-shadow:none!important}
@media(hover:hover) and (pointer:fine){
 #shipping-service-grid>article:hover,#shipping-service-grid>article:focus-within{transform:translateY(-5px);border-color:#98bca8!important;box-shadow:0 20px 42px #15382317!important}
 #shipping-service-grid>article:hover .service-photograph img,.fleet-photo-strip figure:hover img{transform:scale(1.045)}
 #shipping-service-grid .service-select:hover{background:#174c34;color:#fff;box-shadow:0 5px 14px #174c3420}
 .service-filter:not(.active):hover{background:#dceee2}
 .button:hover,.support-inline-button:hover{filter:brightness(1.07)}
}
@media(min-width:1500px){#shipping-service-grid{max-width:1380px;margin-inline:auto}}
@media(max-width:1000px){
 #shipping-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px!important}
 .photo-intro>.section-photograph{width:40%;margin-left:26px;height:220px}
}
@media(max-width:640px){
 #shipping-service-grid{grid-template-columns:minmax(0,1fr);gap:22px!important}
 #shipping-service-grid>article{padding:0 21px 22px!important}
 #shipping-service-grid .service-photograph{width:calc(100% + 42px);margin-inline:-21px;aspect-ratio:16/9;margin-bottom:22px}
 .service-controls{gap:7px}.service-controls button{font-size:12px;padding:9px 14px;flex:1 1 auto}
 .photo-intro>.section-photograph{float:none;width:100%;height:210px;margin:0 0 25px}
 .section-photograph,#support>.section-photograph,#help>.section-photograph,#design-direction>.section-photograph{height:230px;border-radius:15px;margin-bottom:24px}
 .section-photograph figcaption{left:20px;bottom:20px;font-size:20px}
 .fleet-photo-strip{gap:7px}.fleet-photo-strip figcaption{font-size:10px;left:8px;bottom:9px}
 #business>div{flex-basis:100%}
 .footer-bottom{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .service-photograph img,.section-photograph img,.fleet-photo-strip img,#shipping-service-grid>article,button,a{transition:none!important}
 #shipping-service-grid>article:hover,#shipping-service-grid>article:focus-within,#shipping-service-grid>article:hover img,.fleet-photo-strip figure:hover img{transform:none!important}
 main>section.page-active{animation:none!important}
 body.page-routing main{transition:none!important}
}