.comps__group{margin-bottom:clamp(56px,7vw,96px)}.comp{border-bottom:1px solid var(--line-2);grid-template-columns:56px 240px minmax(0,1fr) auto;align-items:start;gap:clamp(20px,3vw,36px);padding:28px 0;display:grid}.comp__no{font:400 34px/1 var(--display);color:var(--fg-3);padding-top:4px}.comp__img{aspect-ratio:4/3}.comp__body{flex-direction:column;gap:12px;min-width:0;display:flex}.comp__title{text-transform:uppercase;font-size:clamp(34px,3.6vw,52px)}.comp__desc{max-width:560px;font-size:15px}.comp__phase{font-size:15px}.comp__facts{border:1px solid var(--line-2);flex-wrap:wrap;align-self:flex-start;margin-top:4px;display:flex}.comp__facts>div{border-left:1px solid var(--line-2);padding:10px 14px}.comp__facts>div:first-child{border-left:0}.comp__facts dd{margin-top:4px;font-size:14px}.comp__rules{border-top:1px solid var(--line-2);max-width:560px;padding-top:12px}.comp__rules summary{cursor:pointer;justify-content:space-between;list-style:none;display:flex}.comp__rules summary::-webkit-details-marker{display:none}.comp__rules[open] summary span{transform:rotate(45deg)}.comp__rules ul{color:var(--fg-2);margin-top:12px;padding-left:18px;font-size:14px}.comp__cta{padding-top:4px}.comp:hover .comp__no{color:var(--fg)}.comp:hover .comp__img{border-color:var(--fg-3)}.comp:hover .mono-img{filter:none}.timeline__year{grid-template-columns:120px minmax(0,1fr);gap:24px;display:grid}.timeline__label{border-right:1px solid var(--line-2);position:relative}.timeline__label span{top:calc(var(--nav-h) + 20px);font:400 44px/1 var(--display);color:var(--fg-3);padding:30px 0;display:block;position:sticky}.timeline__label:after{content:"";background:var(--fg);border-radius:50%;width:7px;height:7px;position:absolute;top:40px;right:-4px}.timeline__year .rows{border-top:0}.timeline__origin{padding-bottom:8px}.timeline__origin p{padding:40px 0}.timeline__origin .timeline__label:after{background:var(--accent)}@media (max-width:1100px){.comp{grid-template-columns:44px 180px minmax(0,1fr)}.comp__cta{grid-column:3}}@media (max-width:760px){.timeline__year{grid-template-columns:1fr;gap:0}.timeline__label{border-right:0;border-bottom:1px solid var(--line-2)}.timeline__label span{padding:18px 0 10px;font-size:36px;position:static}.timeline__label:after{inset:auto auto -4px 0}.timeline__origin p{padding:18px 0}.comp{grid-template-columns:36px minmax(0,1fr);gap:14px 16px}.comp__no{font-size:26px}.comp__img,.comp__body,.comp__cta{grid-column:2}.comp__cta .btn{width:100%}}
