.history-intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.history-pattern-page figure{margin:0}
.history-pattern-page .history-years{display:block;color:#ff8535;font-size:clamp(40px,5vw,68px);font-weight:700;line-height:1.1;margin-bottom:22px}
.marine-page main.history-pattern-page .history-intro img{display:block;width:100%;height:auto!important;aspect-ratio:4/3;object-fit:cover;border:0!important;border-radius:6px;margin:0!important}
.history-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px;align-items:start}
.marine-page main.history-pattern-page .history-gallery img{display:block;width:100%;height:auto!important;aspect-ratio:4/3;object-fit:contain;border:0!important;border-radius:6px;margin:0!important;background:#f7f7f4}
.history-pattern-page figcaption{font-size:14px;line-height:1.5;color:#c5cdd2;margin-top:12px}
.marine-page main.history-pattern-page .history-gallery img.history-restored{object-fit:cover;object-position:center;background:#aeb2b5}
.history-timeline{list-style:none;margin:24px 0 0;padding:0}
.history-timeline li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:24px 0;border-top:1px solid #41494e}
.history-timeline li>span{color:#ff8535;font-weight:700;font-size:20px}
.history-timeline h3{margin-top:0!important}
.history-timeline p:last-child{margin-bottom:0!important}
@media(max-width:800px){.history-intro{grid-template-columns:1fr}.history-gallery{grid-template-columns:1fr}.history-pattern-page .history-gallery figure{width:100%;max-width:420px;margin:auto}.history-timeline li{grid-template-columns:1fr;gap:10px}}