@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Sans:wght@300;400;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{--ink: #101014;--muted: #6d6a66;--paper: #f6f1e7;--sun: #f3b800;--sun-dark: #d39300;--ocean: #0b0e1a;--accent: #c21f3a;--border: #d8d1c6;--card: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 20%,rgba(243,184,0,.12),transparent 45%),radial-gradient(circle at 80% 0%,rgba(194,31,58,.08),transparent 40%),repeating-linear-gradient(135deg,rgba(16,16,20,.03) 0,rgba(16,16,20,.03) 1px,transparent 1px,transparent 12px),var(--paper);line-height:1.6}a{text-decoration:none;color:inherit}img{width:100%;display:block}.top{border-bottom:1px solid var(--border);background:var(--ocean);color:#fff}.top__bar{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.2rem 6vw}.logo{display:flex;align-items:center;gap:.8rem}.logo__mark{width:48px;height:48px;background:linear-gradient(120deg,var(--sun) 40%,var(--sun-dark));border-radius:10px 20px}.logo__text{display:flex;flex-direction:column;font-family:Bebas Neue,sans-serif;letter-spacing:.06em;font-size:1.6rem;line-height:1}.main-nav{display:flex;gap:1.5rem;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.08em}.nav-link{border:none;background:transparent;color:#fff;opacity:.85;cursor:pointer;font:inherit;text-transform:inherit;letter-spacing:inherit}.nav-link:hover,.nav-link--active{opacity:1;color:var(--sun)}.top__actions{display:flex;gap:.7rem;align-items:center}.chip{border:1px solid #fff;background:transparent;color:#fff;padding:.45rem .85rem;font-weight:600;border-radius:999px;cursor:pointer;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}.chip--solid{background:var(--sun);color:var(--ink);border-color:var(--sun)}.icon{border:none;background:#ffffff1a;color:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer}.top__topics{display:flex;gap:1.2rem;flex-wrap:wrap;padding:.7rem 6vw;background:#e8e1d7;color:#3a3630;font-size:.85rem}.top__topics span{font-weight:700;text-transform:uppercase;letter-spacing:.08em}.topic{position:relative;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0;font-weight:600}.topic:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.topic:hover:after,.topic--active:after{transform:scaleX(1)}.ad-slot{border:1px dashed rgba(16,16,20,.3);background:#fff9;color:var(--muted);display:grid;place-items:center;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:600}.ad-slot--leaderboard{margin:1.2rem 6vw 0;height:90px}.layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);gap:3rem;padding:2.5rem 6vw 3rem}.feed{display:flex;flex-direction:column;gap:2rem}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem;background:var(--card);border-radius:18px;overflow:hidden;box-shadow:0 16px 30px #10101414;animation:rise .6s ease both}.hero img{height:100%;object-fit:cover}.hero__content{padding:2rem 2rem 2rem 0;display:flex;flex-direction:column;gap:1rem}.hero h1{font-family:Playfair Display,serif;font-size:clamp(1.9rem,2.6vw,2.6rem)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:.75rem;color:var(--accent)}.meta{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.excerpt{color:#3a3530}.card .excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ad-slot--inline{height:90px;border-radius:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.6rem}.card{display:grid;grid-template-columns:minmax(110px,32%) 1fr;gap:1rem;background:var(--card);padding:1rem;border-radius:14px;border:1px solid rgba(16,16,20,.06);box-shadow:0 10px 20px #1010140f;animation:fadeUp .7s ease both;animation-delay:var(--d)}.card img{aspect-ratio:3 / 4;height:auto;border-radius:10px;object-fit:cover}.card h3{font-size:1.05rem;line-height:1.35;margin-bottom:.35rem}.tag{font-weight:700;text-transform:uppercase;font-size:.65rem;letter-spacing:.15em;color:var(--accent);margin-bottom:.35rem}.sidebar{display:flex;flex-direction:column;gap:2rem}.trending,.market{background:#fff;padding:1.5rem;border-radius:16px;border:1px solid rgba(16,16,20,.08);box-shadow:0 12px 24px #1010140f}.trending h2,.market h2{font-family:Playfair Display,serif;font-size:1.4rem;margin-bottom:1rem}.trending ol{display:grid;gap:.7rem;padding-left:1.1rem;color:#24211d}.ad-slot--sidebar{height:600px;border-radius:18px;position:sticky;top:1.5rem}.market__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.market__grid div{background:#f6f1e7;border-radius:12px;padding:.8rem;border:1px solid rgba(16,16,20,.05)}.market__grid p{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.ad-slot--square{height:250px;border-radius:12px}.footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding:2.5rem 6vw 3rem;background:var(--ocean);color:#fff}.footer h3{font-family:Bebas Neue,sans-serif;font-size:2rem;margin-bottom:.6rem}.footer h4{text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;margin-bottom:.8rem}.footer a{display:block;color:#fffc;margin-bottom:.5rem}.ad-slot--footer{height:90px;grid-column:1 / -1}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.layout{grid-template-columns:1fr}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hero{grid-template-columns:1fr}.hero__content{padding:1.5rem}.ad-slot--sidebar{position:static;height:250px}}@media (max-width: 720px){.top__bar{flex-direction:column;align-items:flex-start}.main-nav{flex-wrap:wrap}.top__actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.layout{padding:1.5rem 5vw 2.5rem}.card{grid-template-columns:1fr}.card img{aspect-ratio:16 / 9}}
