.trend-intro{display:grid;grid-template-columns:1.8fr 1fr;gap:50px;align-items:end;margin:10px 0 42px}.trend-intro h1{font-size:clamp(36px,5.8vw,64px);line-height:1.2;letter-spacing:-.055em}.trend-intro h1 span{color:var(--green)}.trend-intro aside{border-left:2px solid var(--line);padding:8px 0 8px 24px;max-width:330px}.trend-intro aside strong{font-size:17px}.trend-intro aside p{font-size:14px;color:var(--muted);margin-top:12px}.trend-intro small,.trend-date{font-size:12px;color:var(--muted)}.trend-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding:22px 0}.trend-filter button{border-radius:24px;gap:8px}.trend-filter button[aria-pressed=true]{background:var(--green);color:var(--bg)}#trend-count{margin-left:auto;color:var(--muted);font-size:14px}.trend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.trend-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}.trend-card[hidden]{display:none}.trend-cover{display:block;text-decoration:none}.trend-card-body{padding:22px}.trend-card h2{font-size:20px;line-height:1.5;margin:10px 0}.trend-card h2 a{color:var(--ink);text-decoration:none}.trend-card-body>p:not(.trend-meta){font-size:14px;color:var(--muted)}.trend-meta{font-size:12px;color:var(--green);margin:0}.trend-meta span{color:var(--muted)}.read-story{display:flex;justify-content:space-between;font-size:14px;text-decoration:none;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.trend-art{height:240px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;color:#24382b;background:#e6eddf;overflow:hidden;position:relative}.trend-art small,.trend-art em{font:10px/1.4 monospace;letter-spacing:.13em}.trend-art div{font-size:30px;font-weight:850;line-height:1.25;letter-spacing:-.05em}.trend-art span{display:block}.trend-art.condensed{background:#e87347;color:#2b241f}.condensed div{font-size:39px;letter-spacing:-.09em}.curvy{background:#eee0f3;color:#5c305f}.curvy div{font-family:Georgia,serif;font-style:italic;font-size:40px;letter-spacing:-.04em}.kinetic{background:#20342b;color:#f8f4e4}.kinetic span:last-child{color:#dbed7a;transform:rotate(-3deg);border-bottom:4px solid #dbed7a;display:inline-block}.notes{background:repeating-linear-gradient(#eee7d5 0 27px,#d6cebb 28px 29px);color:#413729}.notes div{transform:rotate(-4deg);background:#fffbef;padding:16px;box-shadow:7px 9px 0 #ba786057;font-size:27px}.editorial{background:#f3f0e8;color:#3b4538}.editorial div{font-family:Georgia,'Batang',serif;font-size:30px;font-weight:500;border-top:1px solid #9ca18f;border-bottom:1px solid #9ca18f;padding:20px 0}.cinema{background:radial-gradient(ellipse at 50% 10%,#85684b,#262724 65%);color:#f2e5cb}.cinema div{text-align:center;font-family:Georgia,'Batang',serif;font-weight:500;letter-spacing:.02em;font-size:27px}.trend-method{border-top:1px solid var(--line);margin-top:48px;padding-top:12px}.trend-method h2{font-size:19px}.trend-method p{font-size:14px;color:var(--muted)}.trend-article figure{margin:30px 0}.trend-article .trend-art{height:340px;padding:32px}.trend-article .trend-art div{font-size:clamp(30px,6vw,54px);max-width:560px}.trend-article figcaption{font-size:12px;color:var(--muted);margin-top:10px}.source small{display:block;margin:4px 0 16px}.trend-card a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:3px}@media(max-width:900px){.trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-intro{gap:24px}header{flex-wrap:wrap}}@media(max-width:600px){.trend-intro{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.trend-intro aside{max-width:none}.trend-grid{grid-template-columns:1fr}.trend-art{height:230px}.trend-article .trend-art{height:280px;padding:24px}.trend-card-body{padding:20px}.trend-filter button{padding:9px 12px}#trend-count{width:100%;margin-left:4px}header nav{font-size:13px}}

.real-example{margin:32px 0}.real-example h2{margin-top:0}.real-example figure{margin:20px 0}.real-example img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;background:#eeeae2;border-radius:14px}.real-example figure a:focus-visible{outline:3px solid #285942;outline-offset:5px}.real-example figcaption{line-height:1.8;margin-top:12px}.example-detail{padding:16px 20px;background:#f0f2eb;border-radius:12px;font-size:15px}@media(max-width:600px){.real-example img{max-height:520px}.example-detail{padding:14px}}

.trend-source-cover{display:block;width:100%;height:240px;object-fit:contain;background:#eeeae2}.cover-credit{font-size:11px;color:var(--muted);padding:9px 16px;margin:0;border-bottom:1px solid var(--line);line-height:1.5}.trend-card-body{padding-top:16px}@media(max-width:600px){.trend-source-cover{height:250px}}