{"id":54,"date":"2026-04-16T14:53:36","date_gmt":"2026-04-16T14:53:36","guid":{"rendered":"https:\/\/www.freightsrls.com\/?page_id=54"},"modified":"2026-04-17T09:24:37","modified_gmt":"2026-04-17T09:24:37","slug":"galleria","status":"publish","type":"page","link":"https:\/\/www.freightsrls.com\/en\/galleria\/","title":{"rendered":"Galleria"},"content":{"rendered":"<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@700;800&#038;family=Inter:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n.fgl { all: initial; display: block; font-family: 'Inter', sans-serif; }\n.fgl *, .fgl *::before, .fgl *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.fgl-hero {\n  background: #f4f2ee;\n  padding: 80px 64px 56px;\n  border-bottom: 1px solid #d8d4cc;\n}\n.fgl-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: #e85c1a;\n  margin-bottom: 24px;\n}\n.fgl-kicker::before { content: ''; width: 24px; height: 2px; background: #e85c1a; display: block; }\n.fgl-hero h1 {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(40px, 5.5vw, 70px);\n  font-weight: 800;\n  letter-spacing: -0.04em;\n  line-height: 0.95;\n  color: #0e0e0e;\n  margin-bottom: 20px;\n}\n.fgl-hero h1 em { color: #0047cc; font-style: normal; }\n.fgl-hero p {\n  font-size: 15px;\n  color: #888;\n  max-width: 480px;\n  line-height: 1.7;\n  font-weight: 300;\n}\n\n\/* \u2500\u2500 SECTION LABEL \u2500\u2500 *\/\n.fgl-section { padding: 56px 64px; background: #ffffff; }\n.fgl-section:nth-child(even) { background: #f4f2ee; }\n.fgl-section-label {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  font-family: 'Syne', sans-serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: #0e0e0e;\n  margin-bottom: 28px;\n}\n.fgl-section-label::after {\n  content: '';\n  flex: 1;\n  height: 1px;\n  background: #d8d4cc;\n}\n\n\/* \u2500\u2500 GRID LAYOUT A (grande + piccole) \u2500\u2500 *\/\n.fgl-grid-a {\n  display: grid;\n  grid-template-columns: 2fr 1fr;\n  grid-template-rows: 300px 300px;\n  gap: 4px;\n}\n.fgl-grid-a .fgl-item:first-child { grid-row: span 2; }\n\n\/* \u2500\u2500 GRID LAYOUT B (tre uguali) \u2500\u2500 *\/\n.fgl-grid-b {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: 280px;\n  gap: 4px;\n}\n\n\/* \u2500\u2500 ITEM \u2500\u2500 *\/\n.fgl-item {\n  overflow: hidden;\n  position: relative;\n  background: #0e0e0e;\n}\n.fgl-item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  filter: brightness(.88);\n  transition: transform .5s ease, filter .3s ease;\n}\n.fgl-item:hover img {\n  transform: scale(1.04);\n  filter: brightness(1);\n}\n.fgl-caption {\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  background: linear-gradient(transparent, rgba(0,0,0,.65));\n  padding: 32px 20px 16px;\n  font-size: 12px;\n  color: rgba(255,255,255,.8);\n  opacity: 0;\n  transition: opacity .3s;\n  letter-spacing: 0.04em;\n}\n.fgl-item:hover .fgl-caption { opacity: 1; }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 900px) {\n  .fgl-hero { padding: 60px 24px 40px; }\n  .fgl-section { padding: 40px 24px; }\n  .fgl-grid-a {\n    grid-template-columns: 1fr;\n    grid-template-rows: 260px 200px 200px;\n  }\n  .fgl-grid-a .fgl-item:first-child { grid-row: span 1; }\n  .fgl-grid-b {\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: 200px;\n  }\n}\n\n.fr-lang { display: flex; justify-content: flex-end; padding: 10px 64px; background: #0e0e0e; gap: 8px; }\n.fr-lang a { font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.35); text-decoration: none !important; padding: 4px 10px; border-radius: 3px; transition: all .2s; }\n.fr-lang a.active { color: #fff; background: #0047cc; }\n.fr-lang a:hover { color: #fff; }\n<\/style>\n\n<div class=\"fgl\">\n  <div class=\"fr-lang\">\n    <a href=\"\/en\/galleria\/\" class=\"active\">\ud83c\uddee\ud83c\uddf9 IT<\/a>\n    <a href=\"\/en\/en-gallery\/\">\ud83c\uddec\ud83c\udde7 EN<\/a>\n  <\/div>\n\n\n  <!-- HERO -->\n  <div class=\"fgl-hero\">\n    <div class=\"fgl-kicker\">Freight S.r.l.s<\/div>\n    <h1>Il nostro <em>lavoro<\/em><br>in immagini<\/h1>\n    <p>Dalle banchine di Livorno alle destinazioni di tutto il mondo: uno sguardo sulle nostre operazioni logistiche quotidiane.<\/p>\n  <\/div>\n\n  <!-- OPERAZIONI MARITTIME -->\n  <div class=\"fgl-section\">\n    <div class=\"fgl-section-label\">\ud83d\udea2 Operazioni Marittime<\/div>\n    <div class=\"fgl-grid-a\">\n      <div class=\"fgl-item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?auto=format&#038;fit=crop&#038;w=1200&#038;q=80\" alt=\"Terminal container \u2014 Porto di Livorno\">\n        <div class=\"fgl-caption\">Terminal container \u2014 Porto di Livorno<\/div>\n      <\/div>\n      <div class=\"fgl-item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494412651409-8963ce7935a7?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Operazioni di carico\">\n        <div class=\"fgl-caption\">Operazioni di carico<\/div>\n      <\/div>\n      <div class=\"fgl-item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Yard container portuale\">\n        <div class=\"fgl-caption\">Yard container portuale<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"fgl-grid-b\" style=\"margin-top:4px;\">\n      <div class=\"fgl-item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1605745341112-85968b19335b?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Portacontainer in navigazione\">\n        <div class=\"fgl-caption\">Portacontainer in navigazione<\/div>\n      <\/div>\n      <div class=\"fgl-item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1530521954074-e64f6810b32d?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Rotte globali\">\n        <div class=\"fgl-caption\">Rotte globali<\/div>\n      <\/div>\n      <div class=\"fgl-item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Logistica integrata\">\n        <div class=\"fgl-caption\">Logistica integrata<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83c\uddee\ud83c\uddf9 IT \ud83c\uddec\ud83c\udde7 EN Freight S.r.l.s Il nostro lavoroin immagini Dalle banchine di Livorno alle destinazioni di tutto il mondo: uno sguardo sulle nostre operazioni logistiche quotidiane. \ud83d\udea2 Operazioni Marittime Terminal container \u2014 Porto di Livorno Operazioni di carico Yard container portuale Portacontainer in navigazione Rotte globali Logistica integrata<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.freightsrls.com\/en\/wp-json\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.freightsrls.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.freightsrls.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.freightsrls.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.freightsrls.com\/en\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":6,"href":"https:\/\/www.freightsrls.com\/en\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":152,"href":"https:\/\/www.freightsrls.com\/en\/wp-json\/wp\/v2\/pages\/54\/revisions\/152"}],"wp:attachment":[{"href":"https:\/\/www.freightsrls.com\/en\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}