.hero{position:relative;height:55vh;min-height:400px;max-height:600px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kenBurns 25s ease-in-out infinite alternate}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.06)}}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#1a1a1826,#1a1a1866 40%,#1a1a18d9)}.hero-inner{position:relative;z-index:1;max-width:640px;padding:0 2rem 4rem;text-align:center}.hero-eyebrow{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#f8f6f1b3;margin-bottom:1.25rem;animation:fadeUp .6s var(--ease-out) both}.hero-title{font-size:3.4rem;letter-spacing:-.025em;color:#f8f6f1;margin-bottom:1.5rem;animation:fadeUp .6s var(--ease-out) .1s both}.hero-title em{font-style:italic;color:var(--color-accent)}.hero-subtitle{font-size:1.05rem;color:#f8f6f1bf;line-height:1.75;max-width:480px;margin:0 auto;animation:fadeUp .6s var(--ease-out) .2s both}.hero-dots{position:absolute;top:1rem;right:1.5rem;display:flex;gap:5px;z-index:2}.hero-dot{width:6px;height:6px;border-radius:50%;background:#f8f6f140}.hero-dot.active{background:#f8f6f1b3}.main-content{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.mosaic{padding:1.25rem 0 2rem;border-bottom:1px solid var(--color-border)}.mosaic-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;height:360px}.mosaic-tile{position:relative;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:var(--color-bg)}.mosaic-tile--large{grid-row:span 2}.mosaic-tile--wide{grid-column:span 2}.mosaic-tile-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.mosaic-tile:hover .mosaic-tile-img{transform:scale(1.04)}.mosaic-tile-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,26,24,.7) 0%,transparent 60%)}.mosaic-tile-content{position:relative;z-index:1;padding:.75rem}.mosaic-tile--large .mosaic-tile-content{padding:1rem}.mosaic-tile-format{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:.2rem}.mosaic-tile-title{font-family:var(--font-display);font-size:.8rem;line-height:1.3;color:var(--color-bg)}.mosaic-tile--large .mosaic-tile-title{font-size:1.15rem}.editors-pick{padding:3.5rem 0;border-bottom:1px solid var(--color-border)}.editors-pick-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent);margin-bottom:1.25rem}.editors-pick-inner{display:grid;grid-template-columns:3fr 2fr;gap:2rem;align-items:center}.editors-pick-image-link{display:block;border-radius:6px;overflow:hidden}.editors-pick-image{width:100%;aspect-ratio:16 / 10;object-fit:cover;transition:transform .5s var(--ease-out)}.editors-pick-image-link:hover .editors-pick-image{transform:scale(1.02)}.editors-pick-image-placeholder{width:100%;aspect-ratio:16 / 10;background:linear-gradient(135deg,var(--color-surface) 0%,#e8e3da 100%);border-radius:6px}.editors-pick-format{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:.5rem}.editors-pick-title{font-family:var(--font-display);font-size:1.5rem;line-height:1.3;margin-bottom:.75rem}.editors-pick-title a{color:var(--color-text);text-decoration:none}.editors-pick-title a:hover{color:var(--color-accent)}.editors-pick-desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:1rem}.editors-pick-meta{display:flex;align-items:center;gap:.75rem}.editors-pick-link{font-size:.85rem;font-weight:600;color:var(--color-accent);text-decoration:none;letter-spacing:.02em}.editors-pick-link:hover{text-decoration:underline}.editors-pick-reading-time{font-size:.78rem;color:var(--color-text-muted)}.filter-section{padding:3.5rem 0 2rem}.filter-header{margin-bottom:1.5rem}.filter-title{font-family:var(--font-display);font-size:1.5rem;margin-bottom:.25rem}.filter-subtitle{font-size:.85rem;color:var(--color-text-muted)}.filter-pills{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.filter-pill{font-family:var(--font-body);font-size:.8rem;padding:.4rem .9rem;border:1px solid var(--color-border);border-radius:20px;background:transparent;color:var(--color-text);cursor:pointer;transition:all .2s var(--ease-out)}.filter-pill:hover{border-color:var(--color-text)}.filter-pill.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.filter-card{animation:fadeUp .5s var(--ease-out) both;height:100%}.filter-card[hidden]{display:none}.filter-show-all{text-align:center;padding:2rem 0 1rem}.filter-show-all-btn{display:inline-block;font-family:var(--font-body);font-size:.85rem;color:var(--color-text);border:1px solid var(--color-border);padding:.6rem 1.5rem;border-radius:4px;text-decoration:none;cursor:pointer;background:transparent;transition:border-color .2s var(--ease-out)}.filter-show-all-btn:hover{border-color:var(--color-text)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.mosaic-grid{grid-template-columns:2fr 1fr;height:300px}.mosaic-tile--wide{display:none}.editors-pick-inner{grid-template-columns:1fr;gap:1.5rem}.filter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero{height:35vh;min-height:280px}.hero-inner{padding:0 1.25rem 2rem}.hero-title{font-size:2.2rem}.hero-subtitle,.hero-dots{display:none}.main-content{padding:0 1.25rem}.mosaic-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:280px}.mosaic-tile--large{grid-row:span 1}.mosaic-tile--wide{display:flex}.editors-pick{padding:2.5rem 0}.editors-pick-title{font-size:1.25rem}.filter-section{padding:2.5rem 0 1.5rem}.filter-pills{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.filter-pill{white-space:nowrap;flex-shrink:0}.filter-grid{grid-template-columns:1fr}}