.featured-article{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);background:var(--surface)}
.article-card-art{position:relative;min-height:440px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 62% 40%,rgba(77,124,255,.28),transparent 25%),linear-gradient(145deg,#162234,#090d14);border-right:1px solid var(--line)}
.article-card-art:before{content:"";position:absolute;width:390px;aspect-ratio:1;border:1px solid #344157;border-radius:50%}
.article-card-label{position:absolute;left:2rem;top:2rem;color:#b9c4d4;font:800 .62rem/1 monospace;letter-spacing:.2em}
.article-card-year{position:absolute;left:1rem;bottom:-4rem;color:rgba(255,255,255,.045);font-size:11rem;font-weight:900;line-height:1}
.usb-stick{position:relative;z-index:1;width:210px;height:82px;background:linear-gradient(145deg,#e9edf0,#8f98a3);border-radius:10px 18px 18px 10px;box-shadow:24px 30px 55px #000;transform:rotate(-9deg)}
.usb-stick:before{content:"";position:absolute;left:-64px;top:14px;width:65px;height:54px;background:linear-gradient(#bfc7ce,#6e7780);border-radius:4px 0 0 4px}
.usb-stick:after{content:"";position:absolute;left:-52px;top:25px;width:29px;height:8px;border-block:5px solid #4c555d}
.usb-stick i{position:absolute;right:24px;top:18px;width:9px;aspect-ratio:1;background:var(--lime);border-radius:50%;box-shadow:0 0 15px var(--lime)}
.usb-stick b{position:absolute;left:25px;bottom:15px;color:#151a20;font:900 1.1rem/1 sans-serif;letter-spacing:.08em}
.featured-article .featured-copy h3 a:hover{color:var(--lime)}
.jack-plug{position:relative;z-index:2;display:block;width:230px;height:68px;border-radius:12px 18px 18px 12px;background:linear-gradient(145deg,#202a36,#080b10);box-shadow:24px 30px 55px #000;transform:rotate(-10deg)}
.jack-plug:before{content:"";position:absolute;left:-150px;top:19px;width:155px;height:30px;border-radius:18px 2px 2px 18px;background:linear-gradient(#dfe4e7,#737e87);box-shadow:inset 48px 0 0 #222b34,inset 62px 0 0 #cad1d6,inset 78px 0 0 #202832,inset 94px 0 0 #d8dde0}
.jack-plug:after{content:"3.5";position:absolute;right:24px;top:20px;color:var(--lime);font:900 1rem/1 sans-serif;letter-spacing:.08em}
.jack-wave{position:absolute;width:420px;aspect-ratio:1;border:1px solid #334158;border-radius:50%}
.jack-wave:before,.jack-wave:after{content:"";position:absolute;inset:16%;border:1px solid #2a3547;border-radius:50%}.jack-wave:after{inset:32%}
@media (max-width:850px){.featured-article{grid-template-columns:1fr}.article-card-art{min-height:350px;border-right:0;border-bottom:1px solid var(--line)}}
@media (max-width:560px){.article-card-art{min-height:280px}.usb-stick{transform:rotate(-7deg) scale(.78)}.jack-plug{transform:rotate(-10deg) scale(.72)}.article-card-year{font-size:8rem}}