/* WORKS · WORK ARCHIVE portal card. Shell UI uses the shared blue only. */
.works-card--archive .works-card-company{font-family:var(--hm-font-en);font-weight:300;letter-spacing:.02em}
.works-archive-media{position:relative;display:flex;align-items:center;justify-content:center;gap:22px;width:100%;height:100%;min-height:260px;background:#050505;overflow:hidden}
.works-archive-media::before{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.1)}
.works-archive-media::after{content:"ARCHIVE";position:absolute;right:4%;bottom:5%;color:rgba(255,255,255,.08);font:300 clamp(48px,6vw,110px)/.8 var(--hm-font-en);letter-spacing:-.05em}
.works-archive-media span{position:relative;z-index:2;color:rgba(255,255,255,.62);font:300 12px/1 var(--hm-font-en);letter-spacing:.06em}
.works-archive-media i{position:relative;z-index:2;display:block;width:min(46%,360px);height:1px;background:rgba(0,166,237,.6)}
.works-archive-media i::before,.works-archive-media i::after{content:"";position:absolute;top:50%;width:5px;height:5px;border-radius:50%;background:var(--hm-blue);transform:translateY(-50%)}
.works-archive-media i::before{left:0}.works-archive-media i::after{right:0}