.article{min-height:100vh}.article__hero{align-items:flex-end;height:70vh;min-height:500px;max-height:800px;display:flex;position:relative;overflow:hidden}.article__hero-image-wrapper{position:absolute;inset:0}.article__hero-image{object-fit:cover;width:100%;height:100%}.article__hero-overlay{background:linear-gradient(#0003 0%,#0006 50%,#000c 100%);position:absolute;inset:0}.article__hero-content{z-index:1;max-width:900px;padding:var(--space-3xl)var(--space-lg);color:#fff;position:relative}.article__back{letter-spacing:.05em;text-transform:uppercase;color:#ffffffb3;margin-bottom:var(--space-lg);transition:color var(--transition-fast);font-size:.8rem;font-weight:400;display:inline-block}.article__back:hover{color:#fff}.article__category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-xs)var(--space-md);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-md);background:#ffffff26;border-radius:4px;font-size:.7rem;font-weight:500;display:inline-block}.article__title{margin-bottom:var(--space-lg);font-size:clamp(2rem,5vw,3.5rem);font-weight:300;line-height:1.1}.article__meta{align-items:center;gap:var(--space-sm);color:#fffc;font-size:.85rem;display:flex}.article__separator{opacity:.5}.article__content{max-width:720px;padding:var(--space-3xl)var(--space-lg);margin:0 auto}.article__body{font-family:var(--font-serif);color:var(--color-text);font-size:1.125rem;line-height:1.8}.article__paragraph{margin-bottom:var(--space-lg)}.article__heading{margin-top:var(--space-2xl);margin-bottom:var(--space-md);color:var(--color-text);font-size:1.5rem;font-weight:400}.article__figure{margin:var(--space-2xl)calc(-1*var(--space-lg))}.article__image{border-radius:4px;width:100%;height:auto}.article__caption{font-family:var(--font-sans);color:var(--color-text-muted);text-align:center;margin-top:var(--space-sm);font-size:.85rem;font-style:italic}.article__quote{margin:var(--space-2xl)0;padding:var(--space-lg)var(--space-xl);border-left:3px solid var(--color-text);background:var(--color-bg-alt)}[data-theme=dark] .article__quote{background:#1a1a1a}.article__quote p{margin-bottom:var(--space-sm);font-size:1.25rem;font-style:italic}.article__quote cite{font-family:var(--font-sans);color:var(--color-text-muted);font-size:.85rem;font-style:normal}.article__list{margin:var(--space-lg)0;padding-left:var(--space-lg)}.article__list li{margin-bottom:var(--space-sm);position:relative}.article__list li::marker{color:var(--color-text-muted)}.article__share{align-items:center;gap:var(--space-md);margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);display:flex}.article__share-label{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-size:.8rem;font-weight:500}.article__share-buttons{gap:var(--space-sm);flex-wrap:wrap;display:flex}.article__share-btn{background:var(--color-bg-alt);width:40px;height:40px;color:var(--color-text-muted);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.article__share-btn:hover{background:var(--color-text);color:var(--color-bg)}[data-theme=dark] .article__share-btn{background:#222}[data-theme=dark] .article__share-btn:hover{color:#000;background:#fff}.article__related{background:var(--color-bg-alt);padding:var(--space-3xl)var(--space-lg)}[data-theme=dark] .article__related{background:#111}.article__related-title{text-align:center;margin-bottom:var(--space-2xl);font-size:1.5rem;font-weight:300}.article__related-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto;display:grid}.article__related-card{background:var(--color-bg);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border-radius:8px;display:block;overflow:hidden}[data-theme=dark] .article__related-card{background:#1a1a1a}.article__related-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.article__related-image-wrapper{aspect-ratio:16/10;overflow:hidden}.article__related-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.article__related-card:hover .article__related-image{transform:scale(1.05)}.article__related-content{padding:var(--space-md)}.article__related-category{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-xs);font-size:.7rem;font-weight:500;display:block}.article__related-card-title{font-family:var(--font-serif);font-size:1.1rem;font-weight:400;line-height:1.3}.article-not-found{text-align:center;min-height:100vh;padding:var(--space-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}.article-not-found h1{margin-bottom:var(--space-md);font-size:2rem}.article-not-found p{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.article-not-found__link{text-underline-offset:4px;font-weight:500;text-decoration:underline}@media (max-width:1024px){.article__hero{height:65vh;min-height:450px}.article__hero-content{max-width:800px;padding:var(--space-2xl)var(--space-md)}.article__title{font-size:clamp(2rem,5vw,3rem)}.article__content,.article__related{padding:var(--space-2xl)var(--space-md)}}@media (max-width:768px){.article__hero{height:55vh;min-height:400px}.article__hero-content{padding:var(--space-xl)var(--space-md)}.article__back{margin-bottom:var(--space-md);font-size:.75rem}.article__category-badge{padding:var(--space-xs)var(--space-sm);font-size:.65rem}.article__title{margin-bottom:var(--space-md);font-size:clamp(1.75rem,6vw,2.2rem)}.article__meta{gap:var(--space-xs);flex-wrap:wrap;font-size:.8rem}.article__content{padding:var(--space-xl)var(--space-md)}.article__body{font-size:1.05rem}.article__paragraph{margin-bottom:var(--space-md)}.article__heading{margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-size:1.35rem}.article__figure{margin:var(--space-xl)calc(-1*var(--space-md))}.article__caption{padding:0 var(--space-md);font-size:.8rem}.article__quote{padding:var(--space-md);margin:var(--space-xl)0}.article__quote p{font-size:1.15rem}.article__quote cite{font-size:.8rem}.article__list{font-size:1rem}.article__share{gap:var(--space-sm);margin-top:var(--space-2xl);padding-top:var(--space-lg);flex-wrap:wrap}.article__share-label{width:100%;margin-bottom:var(--space-xs)}.article__related{padding:var(--space-xl)var(--space-md)}.article__related-title{margin-bottom:var(--space-xl);font-size:1.4rem}.article__related-grid{gap:var(--space-lg);grid-template-columns:1fr}}@media (max-width:480px){.article__hero{height:50vh;min-height:350px}.article__hero-content{padding:var(--space-lg)var(--space-sm)}.article__back{font-size:.7rem}.article__category-badge{padding:.25rem var(--space-xs);font-size:.6rem}.article__title{font-size:clamp(1.5rem,7vw,1.9rem)}.article__meta{font-size:.75rem}.article__content{padding:var(--space-lg)var(--space-sm)}.article__body{font-size:1rem}.article__heading{font-size:1.2rem}.article__figure{margin:var(--space-lg)calc(-1*var(--space-sm))}.article__quote{padding:var(--space-sm)var(--space-md)}.article__quote p{font-size:1.05rem}.article__list{font-size:.95rem}.article__share-btn{width:36px;height:36px}.article__share-btn svg{width:18px;height:18px}.article__related{padding:var(--space-lg)var(--space-sm)}.article__related-title{font-size:1.25rem}.article__related-card-title{font-size:1rem}}@media (max-width:360px){.article__title{font-size:1.4rem}.article__body{font-size:.95rem}.article__heading{font-size:1.1rem}}