.highlights{color:#fff;background-color:#030303;width:100%;padding:80px 0}.hl-header{justify-content:space-between;align-items:flex-end;max-width:1400px;margin-bottom:56px;margin-left:auto;margin-right:auto;padding:0 40px;display:flex}.hl-title{letter-spacing:-.02em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:500}.hl-stats{color:#fff9;gap:32px;font-family:monospace;font-size:.9rem;display:flex}.hl-stats span{align-items:center;gap:12px;display:flex}.hl-count{color:#fff;font-size:1.25rem;font-weight:700}.hl-accordion{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;width:100%;height:55vh;min-height:400px;max-height:550px;display:flex}.hl-panel{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-right:1px solid #ffffff1a;flex-direction:column;flex:1;text-decoration:none;transition:flex .7s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.hl-panel:last-child{border-right:none}.hl-panel-overlay{background:linear-gradient(#020104d9 0%,#02010466 60%,#020104fa 100%);transition:background .7s,opacity .7s;position:absolute;inset:0}.hl-panel:hover .hl-panel-overlay{background:linear-gradient(#4c1d954d 0%,#02010400 50%,#140a28f2 100%)}.hl-panel-content{z-index:2;opacity:0;pointer-events:none;flex-direction:column;justify-content:space-between;height:100%;padding:40px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:translateY(20px)}.hl-panel:hover{flex:3.5}.hl-panel:hover .hl-panel-content{opacity:1;pointer-events:auto;transform:translateY(0)}.hl-panel-vert-title{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.2em;color:#fff;white-space:nowrap;text-overflow:ellipsis;z-index:3;max-height:calc(100% - 80px);font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:opacity .3s;position:absolute;bottom:40px;left:50%;overflow:hidden;transform:translate(-50%)rotate(-180deg)}.hl-panel:hover .hl-panel-vert-title{opacity:0}.hl-panel-top{letter-spacing:.05em;justify-content:space-between;align-items:center;font-family:monospace;font-size:.9rem;display:flex}.hl-panel-id{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;padding:6px 12px}.hl-panel-status{text-transform:uppercase;color:#ffffffb3}.hl-status-red{color:#a78bfa}.hl-panel-bottom{color:#fff;margin-top:auto}.hl-title-wrap{margin-bottom:24px}.hl-panel-title{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1.1}.hl-panel-desc{color:#fffc;max-width:480px;margin-bottom:32px;font-size:1.05rem;line-height:1.6}.hl-panel-btn{letter-spacing:.05em;text-transform:uppercase;color:#fff;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;display:inline-flex}.hl-panel-btn svg{width:20px;height:20px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.hl-panel:hover .hl-panel-btn svg{transform:translate(4px)}@media (max-width:1024px){.hl-accordion{height:45vh;min-height:350px}}@media (max-width:768px){.hl-header{flex-direction:column;align-items:flex-start;gap:16px;padding:0 20px}.hl-accordion{flex-direction:column;height:auto;min-height:600px;max-height:none}.hl-panel{height:100px}.hl-panel:hover{height:300px}.hl-panel-vert-title{writing-mode:horizontal-tb;max-width:calc(100% - 48px);max-height:none;bottom:50%;left:24px;transform:translateY(50%)}.hl-panel-content{padding:24px}}