:root{--brand-red:#c80019}.history-archive{background-color:#f9f9f9;font-family:Helvetica Neue,Arial,sans-serif;padding:80px 20px}.history-container{margin:0 auto;max-width:1100px}.history-main-title{color:#222;font-size:28px;letter-spacing:.2em;margin-bottom:60px;position:relative;text-align:center}.history-main-title:after{background:var(--brand-red);content:"";display:block;height:2px;margin:15px auto 0;width:40px}.history-grid{display:grid;gap:60px 20px;grid-template-columns:repeat(5,1fr);position:relative}.history-card{pointer-events:auto;position:relative;text-align:center;user-select:none;z-index:1}.history-image-box{aspect-ratio:1/1.414;background:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 10px rgba(0,0,0,.05);filter:grayscale(30%);margin-bottom:25px;overflow:hidden;transition:transform .3s ease,filter .3s ease,border-color .3s ease,box-shadow .3s ease}.history-card:hover .history-image-box{border-color:var(--brand-red);box-shadow:0 10px 20px rgba(0,0,0,.1);filter:grayscale(0);transform:translateY(-15px)}.history-image-box img{height:100%;object-fit:cover;object-position:top;width:100%}.history-label{color:#444;font-size:12px;font-weight:700;line-height:1.5;margin:0;padding-top:20px;position:relative}.history-label:after{background:var(--brand-red);content:"";height:1px;left:-10px;position:absolute;right:-10px;top:0;z-index:-1}.history-label:before{background:#ccc;border:2px solid #f9f9f9;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:-5px;transform:translateX(-50%);transition:background .3s ease,transform .3s ease;width:10px;z-index:2}.history-card:hover .history-label:before{background:var(--brand-red);transform:translateX(-50%) scale(1.3)}@media (max-width:767px){.history-grid{gap:40px 15px;grid-template-columns:repeat(2,1fr)}.history-label:after{left:-7.5px;right:-7.5px}}