/* History and honours: the reference page's white editorial layout in VG colours. */
.history-page{--history-gutter:clamp(22px,4.45vw,76px);background:#fff;color:#111}
.history-page .history-heading{padding:32px var(--history-gutter)}
.history-page .history-heading h1{margin:0;font:500 27px/34px Inter,Arial,sans-serif;letter-spacing:-.6px}
.history-page .history-emblems{display:flex;align-items:center;justify-content:center;gap:48px;width:calc(100% - 2 * var(--history-gutter));max-width:1160px;min-height:232px;margin:56px auto 0;padding:24px 20px}
.history-page .history-mark{display:flex;align-items:center;justify-content:center;flex:0 0 160px;width:160px;height:172px;object-fit:contain}
.history-page .history-mark img{width:100%;height:100%;object-fit:contain}
.history-page .history-milestones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;flex:1;min-width:0;padding:0;margin:0;list-style:none}
.history-page .history-milestone{min-width:0;text-align:center;padding:8px 6px;color:#111}
.history-page .history-milestone strong{display:block;font:400 62px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-1px;color:#9b3233;margin:0 0 14px}
.history-page .history-milestone span{display:block;font:500 14px/21px Inter,Arial,sans-serif;max-width:165px;margin:auto}
.history-page .history-intro{width:calc(100% - 2 * var(--history-gutter));max-width:1160px;margin:16px auto 0;font:400 22px/35.2px Inter,Arial,sans-serif;letter-spacing:-.25px}
.history-page .history-intro p{margin:0}
.history-page .history-intro p+p{margin-top:18px}
.history-page .history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:calc(100% - 2 * var(--history-gutter));max-width:1600px;margin:60px auto;align-items:stretch;scroll-margin-top:82px}
.history-page .history-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:3px;background:#f5f5f5}
.history-page .history-card>img,.history-page .history-card>figure>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;height:auto}
.history-page .history-card>figure{margin:0;position:relative}
.history-page .history-card>figure>figcaption{position:absolute;bottom:0;inset-inline:0;padding:18px 12px 8px;background:linear-gradient(0deg,#000b,transparent);color:#fff;font:400 10px/15px Inter,Arial,sans-serif}
.history-page .history-card>figure>.history-brand-image{object-fit:contain;background:#efdeba;padding:28px}
.history-page .history-card-copy{padding:24px;flex:1;background:#f5f5f5}
.history-page .history-year{display:block;font:500 12px/18px Inter,Arial,sans-serif;color:#9b3233;margin-bottom:10px;letter-spacing:.15px}
.history-page .history-card-copy h2{font:500 20px/24px Inter,Arial,sans-serif;letter-spacing:-.3px;margin:0 0 16px}
.history-page .history-card-copy p{font:400 16px/22.4px Inter,Arial,sans-serif;margin:0}
.history-page .history-card-copy p+p{margin-top:12px}
.history-page .history-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:387px;background:#f5f5f5;margin:0 0 32px;scroll-margin-top:82px}
.history-page .history-feature-copy{padding:60px 32px 60px var(--history-gutter);min-width:0}
.history-page .history-feature-eyebrow{display:block;margin:0 0 14px;color:#9b3233;font:500 12px/18px Inter,Arial,sans-serif;letter-spacing:1px}
.history-page .history-feature-copy h2{font:500 38px/43px Inter,Arial,sans-serif;letter-spacing:-.8px;margin:0 0 24px}
.history-page .history-feature-copy p{font:400 16px/25.6px Inter,Arial,sans-serif;margin:0;max-width:650px}
.history-page .history-feature-copy p+p{margin-top:17px}
.history-page .history-feature-copy>a{display:inline-block;font:500 14px/22px Inter,Arial,sans-serif;margin-top:21px;text-decoration:underline;text-underline-offset:4px}
.history-page .history-feature-copy>a:hover{color:#9b3233}
.history-page .history-feature-photo{min-width:0;margin:50px 50px 50px 32px}
.history-page .history-feature-photo img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:center}
.history-page .history-feature-photo.is-official img{object-fit:contain;background:#f5f5f5}
.history-page .history-feature-photo.is-original img{aspect-ratio:auto;object-fit:contain}
.history-page .history-feature-photo figcaption{font:400 11px/17px Inter,Arial,sans-serif;color:#696969;margin-top:10px}
.history-page .history-final-link{padding:10px var(--history-gutter) 52px;text-align:center}
.history-page .history-final-link a{font:500 14px/22px Inter,Arial,sans-serif;text-decoration:underline;text-underline-offset:5px}
.history-page .history-final-link a:hover{color:#9b3233}
@media(min-width:1700px){
 .history-page .history-emblems{max-width:1320px;gap:64px}
 .history-page .history-intro{max-width:1320px}
 .history-page .history-grid{margin-top:65px;margin-bottom:65px}
 .history-page .history-feature-copy{padding-top:65px;padding-bottom:65px}
 .history-page .history-feature-photo{margin-right:var(--history-gutter);margin-block:55px}
}
@media(max-width:1050px){
 .history-page .history-emblems{gap:30px;padding-inline:0}
 .history-page .history-mark{flex-basis:125px;width:125px;height:150px}
 .history-page .history-milestones{gap:15px}
 .history-page .history-milestone strong{font-size:54px}
 .history-page .history-milestone span{font-size:12px;line-height:19px}
 .history-page .history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .history-page .history-feature-copy{padding-block:45px}
 .history-page .history-feature-copy h2{font-size:32px;line-height:37px}
 .history-page .history-feature-photo{margin:35px var(--history-gutter) 35px 20px}
}
@media(max-width:760px){
 .history-page .history-heading{padding-block:27px}
 .history-page .history-heading h1{font-size:25px;line-height:32px}
 .history-page .history-emblems{margin-top:20px;gap:20px;min-height:0;align-items:center;padding-block:15px}
 .history-page .history-mark{flex-basis:90px;width:90px;height:110px}
 .history-page .history-milestones{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
 .history-page .history-milestone{padding:5px 0}
 .history-page .history-milestone strong{font-size:45px;margin-bottom:6px}
 .history-page .history-milestone span{font-size:11px;line-height:16px;max-width:140px}
 .history-page .history-intro{margin-top:28px;font-size:18px;line-height:29px;letter-spacing:0}
 .history-page .history-grid{margin-block:40px;gap:22px}
 .history-page .history-card-copy{padding:21px}
 .history-page .history-card-copy h2{font-size:19px;line-height:24px;margin-bottom:13px}
 .history-page .history-card-copy p{font-size:14px;line-height:22px}
 .history-page .history-feature{grid-template-columns:1fr;min-height:0;margin-bottom:26px}
 .history-page .history-feature-copy{padding:38px var(--history-gutter) 0}
 .history-page .history-feature-copy h2{font-size:31px;line-height:36px;margin-bottom:20px}
 .history-page .history-feature-copy p{font-size:15px;line-height:25px;max-width:none}
 .history-page .history-feature-photo{margin:28px var(--history-gutter) 36px}
 .history-page .history-feature-photo img{aspect-ratio:2/1}
 .history-page .history-final-link{padding-bottom:36px}
}
@media(max-width:560px){
 .history-page .history-grid{grid-template-columns:minmax(0,1fr)}
 .history-page .history-card-copy{padding:24px}
 .history-page .history-card-copy h2{font-size:20px;line-height:25px}
 .history-page .history-card-copy p{font-size:15px;line-height:23px}
 .history-page .history-emblems{flex-direction:column;gap:20px}
 .history-page .history-mark{flex-basis:auto;width:100px;height:115px}
 .history-page .history-milestones{width:100%;gap:14px 24px}
 .history-page .history-milestone strong{font-size:47px}
 .history-page .history-milestone span{font-size:12px;line-height:18px;max-width:150px}
}