디스커버 원본성

<div class="feed"><div class="card hype"><span>FEED / 02</span><b>You will not believe this</b><small>Thin teaser</small></div><div class="card original"><span>FEED / 01</span><b>Inside the neighborhood repair shop</b><small>Interviews · photos · firsthand notes</small></div><div class="label">ORIGINAL STORY RISES</div></div>

.feed{position:relative;width:min(88%,510px);height:75%;font:800 clamp(10px,max(1.7vmin,1vw),15px) sans-serif;color:var(--fg)}.card{position:absolute;width:71%;min-height:45%;padding:clamp(9px,2vmin,18px);display:grid;gap:clamp(4px,1vmin,9px);border:1px solid var(--line);background:var(--surface);box-shadow:5px 5px 0 var(--line)}.card span{font-size:max(10px,1vw,.65em);color:var(--accent);letter-spacing:.13em}.card b{font-size:clamp(14px,2.8vmin,25px);line-height:1.1}.card small{font-size:max(10px,1vw,.75em);color:var(--muted)}.hype{left:4%;top:9%;animation:back 4s infinite}.original{right:4%;top:28%;border:2px solid var(--accent);animation:front 4s infinite}.label{position:absolute;bottom:0;left:4%;color:var(--accent);letter-spacing:.08em}@keyframes back{45%,80%{transform:translate(-3%,12%) scale(.9);opacity:.5}}@keyframes front{45%,80%{transform:translate(-7%,-18%) scale(1.08);box-shadow:8px 8px 0 var(--accent)}}@media(min-width:700px){body > :not(script){zoom:1.55}.map,.feed,.linkmap{height:48%}}