/* o-firmie: page-specific styles (built by the page designer) */

/* the head motif moves up beside the H1 so it does not run into the panorama */
.page-head::after{top:clamp(150px,14vw,210px);bottom:auto}

/* panorama: keep the trailer with the logo in view when the band is cropped on small screens */
.about-pano img{object-position:12% 60%}
@media (min-width:1100px){.about-pano img{object-position:center 60%}}

/* approach: statement + three numbered principles */
.about-way .prose h2{margin-top:0;margin-bottom:var(--s4);max-width:22ch}
.about-way__statement{font:400 clamp(21px,1.9vw,26px)/1.45 var(--f-head);color:var(--ink);max-width:36ch}
.about-way .prose > p:not(.kicker):not(.about-way__statement){color:var(--muted)}
.about-way__steps{margin:var(--s5) 0 0;padding:0;list-style:none;counter-reset:none}
.about-way__steps li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:baseline;padding:22px 0;border-top:1px solid var(--line)}
.about-way__steps li:last-child{border-bottom:1px solid var(--line)}
.about-way__num{font:500 clamp(30px,2.6vw,38px)/1 var(--f-head);color:var(--red-text);font-variant-numeric:lining-nums tabular-nums}
.about-way__steps h3{margin:0 0 4px;font-size:clamp(21px,1.7vw,24px)}
.about-way__steps p{margin:0;color:var(--muted)}

/* side box: two business lines with links */
.about-lines .sidebox__rows > div:last-child{border-bottom:0}
.about-lines .sidebox__rows dt{color:#fff;font-size:18px}
.about-lines .sidebox__rows dd{color:#d6d9df;line-height:1.55}
.about-lines__link{display:inline-block;margin-top:8px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.about-lines__link:hover{text-decoration-thickness:2.5px}
.about-lines .sidebox__note{padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
@media (min-width:980px){.about-lines{margin-top:58px}}

/* logistics cards */
.about-assets .cards{margin:0;padding:0;list-style:none}

/* phones: tighter steps, icon beside the text in the cards */
@media (max-width:639px){
  .about-way__steps li{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:18px 0}
  .about-assets .card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:4px 16px;padding:20px}
  .about-assets .card .ico--box{grid-row:span 2;margin:0}
}