@font-face {font-family:Graphik;src:url("/fonts/graphik-regular.woff") format("woff");font-weight:400;font-display:swap}
@font-face {font-family:Graphik;src:url("/fonts/graphik-semibold.woff") format("woff");font-weight:600;font-display:swap}
@font-face {font-family:Alumni;src:url("/fonts/alumni-sans-sc-semibold.woff") format("woff");font-weight:600;font-display:swap}
* {box-sizing:border-box}
body {margin:0;color:#151515;background:#fff;font:16px/1.5 Graphik,Arial,sans-serif}
::selection {background:#ffddce;color:#171717}
:focus-visible {outline:3px solid #2a4899;outline-offset:4px}
.shell {width:min(1180px,calc(100% - 56px));margin-inline:auto}
.mast {border-bottom:1px solid #dedede}
.mast-inner {height:88px;display:flex;align-items:center;justify-content:space-between}
.brand,.brand img {display:block}.brand img {width:140px;height:auto}
.site-link {--link-padding-y:10px;display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;padding:var(--link-padding-y) 0}
.site-link span {width:12px;height:12px;display:inline-block;background:#f22a02;mask:url("/assets/link-arrow-red.svg") center/contain no-repeat}
main {padding-block:clamp(30px,4.5vw,65px) 64px}
h1,h2 {margin:0;font-family:Alumni,"Arial Narrow",sans-serif;font-weight:600;line-height:.98}
h1 {font-size:clamp(56px,7vw,94px);margin-bottom:clamp(24px,3vw,40px)}
.catalogs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,44px)}
article {min-width:0}
.catalog-divider {display:none}.catalog-divider path {stroke:#c9c9c9;stroke-width:1;fill:none}
.cover {display:flex;align-items:center;justify-content:center;height:clamp(285px,28vw,380px);padding:18px;background:#f3f3f1;text-decoration:none;border-bottom:1px solid #d9d9d7}
.cover img {display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 3px 12px rgb(0 0 0 / .13)}
.caption {display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;margin:20px 0 18px}
h2 {font-size:clamp(36px,3.4vw,48px);text-wrap:balance}
.company-name {white-space:nowrap}
.actions {display:flex;align-items:center;gap:clamp(14px,2.5vw,32px)}
.download {--link-padding-y:12px;white-space:nowrap;color:inherit;font-size:15px;text-decoration:none;padding:var(--link-padding-y) 2px;min-height:44px}
@media(hover:none) {.download:not(:focus-visible) {text-decoration:underline;text-decoration-color:#b52003;text-underline-offset:5px;text-decoration-thickness:1px}}
@media(max-width:690px) {
  .shell {width:calc(100% - clamp(40px,12vw,64px))}
  .mast-inner {height:64px}
  .brand img {width:100px}
  .site-link {font-size:14px}
  main {padding-block:clamp(42px,10vw,60px) 80px}
  h1 {text-align:center;font-size:clamp(52px,14vw,60px);margin-bottom:clamp(32px,8vw,44px)}
  .catalogs {grid-template-columns:1fr;gap:0}
  .catalog-divider {display:block;width:100%;height:clamp(80px,21vw,96px);pointer-events:none}
  .cover {height:clamp(244px,72vw,340px);padding:clamp(16px,4.5vw,22px)}
  .caption {margin:24px 0 20px;justify-content:center;text-align:center}
  .actions {flex-direction:column;align-items:center;gap:8px}
}
@media(max-width:360px) {.download {font-size:14px}}

/* Shared display treatment of inner pages on the official site. */
.catalogs-page h1 {color:#2a4899;text-transform:uppercase}
/* Match the space after the media center's final action on desktop and mobile. */
.catalogs-page > main {padding-bottom:160px}
@media(max-width:959px) {.catalogs-page > main {padding-bottom:94px}}

@media(min-width:691px) {.catalogs article {display:flex;flex-direction:column}.catalogs .actions {margin-top:auto}}