/* Match the symbol height in the four official artworks, not the image width. */
.company-logo-grid{gap:18px}
.company-logo-grid>a{position:relative;isolation:isolate;min-height:126px;padding:28px 18px;background:linear-gradient(145deg,#ffffffd9,#ffffff5c)!important;border:1px solid #c9d5e5!important;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:inset 0 1px 0 #fff!important;transition:border-color .35s,background-color .35s}
.company-logo-grid>a:before{content:"";position:absolute;inset:-50% auto -50% -100%;width:60%;background:linear-gradient(110deg,transparent,#fff,transparent);transform:skewX(-22deg);transition:translate .8s cubic-bezier(.22,1,.36,1);z-index:-1;pointer-events:none}
.company-logo-grid>a .brand-logo{width:auto;max-width:100%;height:46px;max-height:46px;object-fit:contain;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.company-logo-grid>a:is(:hover,:focus-visible){border-color:#4e8bbf!important;background:#fff!important;outline-offset:4px}
.company-logo-grid>a:is(:hover,:focus-visible):before{translate:420% 0}.company-logo-grid>a:hover .brand-logo{transform:translateY(-2px) scale(1.025)}.company-logo-grid>a:active .brand-logo{transform:scale(.97)}
#companies-dialog{width:min(940px,calc(100vw - 40px));max-width:940px;padding:clamp(28px,4.5vw,50px);border:1px solid #e0e8f1;border-radius:20px;background:#f5f8fc;color:#14243c;max-height:90dvh;overflow:auto}
#companies-dialog::backdrop{background:#09172acc;backdrop-filter:blur(10px)}
#companies-dialog>.dialog-close{top:18px;right:18px;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #d7e1ee;display:grid;place-items:center;font-size:20px;color:#14243c}
#companies-dialog .section-note{margin:0 0 14px;font-size:12px;color:#286b9f}#companies-dialog h2{font-size:clamp(28px,3.3vw,40px);letter-spacing:-.035em;line-height:1.1;padding-right:22px;margin:0 0 16px}#companies-dialog>p:not(.section-note){font-size:14px;color:#52667e;margin-bottom:28px}
#companies-dialog .company-dialog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#companies-dialog .company-dialog-list>a{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px;min-height:174px;padding:26px;border:1px solid #d0dcea;border-radius:14px;background:#fff;text-decoration:none;color:#14243c;overflow:hidden;transition:background-color .3s,border-color .3s}
#companies-dialog .company-dialog-list .brand-logo{width:auto;max-width:calc(100% - 25px);height:36px;max-height:36px;object-fit:contain;object-position:left center}
#companies-dialog .company-dialog-list span{font-size:13px;line-height:1.6;color:#52667e;max-width:calc(100% - 28px);text-decoration:none}
#companies-dialog .company-dialog-list b{position:absolute;right:22px;bottom:24px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#eef4fb;color:#245680;border:1px solid #d1dfed;transition:transform .4s cubic-bezier(.22,1,.36,1);font-weight:400;font-size:18px}
#companies-dialog .company-dialog-list>a:hover{border-color:#6092be;background:#fafdff}#companies-dialog .company-dialog-list>a:hover b{transform:rotate(45deg)}#companies-dialog .company-dialog-list>a:focus-visible{outline:3px solid #277eba;outline-offset:3px}
/* A compressed still replaces the tyre background video. */
.tyre-portfolio{background:#0c1930 url('/assets/visuals/tyre-portfolio-still.avif') center/cover no-repeat}
.tyre-portfolio:after{background:linear-gradient(110deg,rgba(6,18,38,.97),rgba(12,27,48,.88))}.tyre-tier{backdrop-filter:none;background:#18263ce8}
@media(max-width:1100px){.company-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.company-logo-grid>a .brand-logo{height:42px;max-height:42px}}
@media(max-width:600px){.company-logo-grid>a .brand-logo{height:32px;max-height:32px}}
@media(max-width:480px){.company-logo-grid{gap:12px}.company-logo-grid>a{min-height:100px;padding:24px 12px;border-radius:12px}.company-logo-grid>a .brand-logo{height:clamp(24px,7.3vw,30px);max-height:30px}#companies-dialog{width:calc(100vw - 24px);padding:35px 22px 24px;border-radius:16px}#companies-dialog .company-dialog-list{grid-template-columns:1fr;gap:10px}#companies-dialog .company-dialog-list>a{min-height:128px;padding:22px;gap:16px}#companies-dialog .company-dialog-list .brand-logo{height:30px;max-height:30px}#companies-dialog .company-dialog-list span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.company-logo-grid>a,.company-logo-grid>a .brand-logo,#companies-dialog .company-dialog-list>a,#companies-dialog .company-dialog-list b{transition:none}.company-logo-grid>a:before{display:none}.company-logo-grid>a:hover .brand-logo,#companies-dialog .company-dialog-list>a:hover b{transform:none}}

.company-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(30px,6vw,90px);align-items:start;background:#f2f6fb;color:#14243c}.company-about h2{font-size:clamp(30px,3.4vw,46px);line-height:1.13;letter-spacing:-.035em;max-width:490px}.company-about .section-note{color:#426683;font-size:12px}.company-about-copy p{font-size:17px;line-height:1.9;color:#41566e;margin:0 0 25px}.company-about-copy strong{font-size:15px;line-height:1.7;color:#174c78;font-weight:600}#companies-dialog .company-dialog-list>a{min-height:196px}#companies-dialog .company-dialog-list span{max-width:calc(100% - 35px);font-size:13px}@media(max-width:760px){.company-about{grid-template-columns:1fr;gap:26px}.company-about-copy p{font-size:16px;line-height:1.85}}@media(max-width:480px){#companies-dialog .company-dialog-list>a{min-height:150px}#companies-dialog .company-dialog-list span{font-size:12px}}