.homepage-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--color-text-secondary)}.homepage-loading .spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:12px}.site-header{border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-surface) 95%,transparent);backdrop-filter:blur(12px)}.site-header-inner{max-width:72rem;margin:0 auto;padding:0 1.5rem;height:4rem;display:flex;align-items:center;justify-content:space-between}.site-logo{font-size:1.25rem;font-weight:700;text-decoration:none;color:var(--color-text);letter-spacing:-.02em}.site-logo .accent{color:var(--color-accent)}.site-nav{display:flex;gap:1.5rem;align-items:center}.site-nav a{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.site-nav a:hover{color:var(--color-text)}.filter-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.filter-pill{padding:.375rem 1rem;border-radius:9999px;font-size:.8125rem;font-weight:500;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.filter-pill:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-pill.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.tmpl-magazine .hero-card{position:relative;border-radius:1rem;overflow:hidden;margin-bottom:3rem;min-height:400px;background:var(--color-surface-alt)}.tmpl-magazine .hero-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.tmpl-magazine .hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#000000bf,#0000001a 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:2.5rem}.tmpl-magazine .hero-overlay .cat{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:var(--color-accent);color:#fff;margin-bottom:.75rem;width:fit-content}.tmpl-magazine .hero-overlay h2{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;color:#fff;line-height:1.2;margin:0 0 .5rem}.tmpl-magazine .hero-overlay p{color:#fffc;font-size:.95rem;margin:0}.tmpl-magazine .content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.75rem}.tmpl-magazine .card{border-radius:.75rem;overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface-alt);transition:transform .2s,box-shadow .2s}.tmpl-magazine .card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.tmpl-magazine .card img{width:100%;height:200px;object-fit:cover}.tmpl-magazine .card-body{padding:1.25rem}.tmpl-magazine .card-body .cat{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--color-accent);letter-spacing:.06em;margin-bottom:.5rem}.tmpl-magazine .card-body h3{font-size:1.1rem;font-weight:600;color:var(--color-text);line-height:1.35;margin:0 0 .5rem}.tmpl-magazine .card-body p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tmpl-magazine .card a{text-decoration:none;color:inherit;display:block}.tmpl-news .news-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem}@media(max-width:768px){.tmpl-news .news-layout{grid-template-columns:1fr}.tmpl-news .sidebar{display:none}}.tmpl-news .news-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--color-border)}.tmpl-news .news-item img{width:120px;height:80px;object-fit:cover;border-radius:.5rem;flex-shrink:0}.tmpl-news .news-item .meta{font-size:.7rem;color:var(--color-accent);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}.tmpl-news .news-item h3{font-size:.95rem;font-weight:600;color:var(--color-text);line-height:1.3;margin:0 0 .25rem}.tmpl-news .news-item p{font-size:.8rem;color:var(--color-text-secondary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tmpl-news .news-item a{text-decoration:none;color:inherit}.tmpl-news .sidebar{padding-top:1rem}.tmpl-news .sidebar-section h4{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.1em;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-accent)}.tmpl-news .sidebar-item{padding:.5rem 0;display:flex;gap:.5rem;align-items:baseline}.tmpl-news .sidebar-item .num{font-size:1.1rem;font-weight:800;color:var(--color-accent);width:1.5rem}.tmpl-news .sidebar-item a{font-size:.85rem;font-weight:500;color:var(--color-text);text-decoration:none;line-height:1.3}.tmpl-news .sidebar-item a:hover{color:var(--color-accent)}.tmpl-minimal .minimal-list{max-width:42rem;margin:0 auto}.tmpl-minimal .minimal-item{padding:2rem 0;border-bottom:1px solid var(--color-border)}.tmpl-minimal .minimal-item .meta{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:.5rem;display:flex;gap:1rem}.tmpl-minimal .minimal-item .meta .cat{color:var(--color-accent);font-weight:600;text-transform:uppercase}.tmpl-minimal .minimal-item h3{font-size:1.35rem;font-weight:600;color:var(--color-text);line-height:1.3;margin:0 0 .5rem}.tmpl-minimal .minimal-item h3 a{text-decoration:none;color:inherit}.tmpl-minimal .minimal-item h3 a:hover{color:var(--color-accent)}.tmpl-minimal .minimal-item p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.tmpl-viral .viral-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:640px){.tmpl-viral .viral-grid{grid-template-columns:1fr}}.tmpl-viral .viral-card{position:relative;border-radius:.75rem;overflow:hidden;aspect-ratio:4/3;cursor:pointer}.tmpl-viral .viral-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.tmpl-viral .viral-card:hover img{transform:scale(1.05)}.tmpl-viral .viral-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#000c,#0000 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem}.tmpl-viral .viral-overlay .cat{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;background:var(--color-accent);color:#fff;margin-bottom:.5rem;width:fit-content}.tmpl-viral .viral-overlay h3{font-size:1.1rem;font-weight:700;color:#fff;line-height:1.25;margin:0}.tmpl-viral .viral-card a{text-decoration:none;color:inherit;display:block;width:100%;height:100%}.tmpl-viral .viral-card:first-child{grid-column:span 2;aspect-ratio:16/7}@media(max-width:640px){.tmpl-viral .viral-card:first-child{grid-column:span 1;aspect-ratio:4/3}}.site-footer{border-top:1px solid var(--color-border);margin-top:4rem;padding:2rem 0;text-align:center;color:var(--color-text-secondary);font-size:.8rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--color-text)}