:root{--ph-accent:#e8000d;--ph-accent-hover:#c0000b;--ph-bg:#ffffff;--ph-border:#e8e8e8;--ph-text:#111111;--ph-text-muted:#777777;--ph-card-bg:#fafafa;--ph-overlay-from:rgba(0,0,0,0);--ph-overlay-to:rgba(0,0,0,.85);--ph-badge-top1-bg:#e8000d;--ph-badge-top1-text:#ffffff;--ph-radius:4px;--ph-gap:14px;--ph-transition:.25s ease}.portal-hero,.portal-hero *{box-sizing:border-box}.portal-hero--empty{padding:32px 16px;text-align:center;color:var(--ph-text-muted);font-size:.9rem}.portal-hero{display:grid;grid-template-columns:minmax(0,1.8fr) 360px;gap:var(--ph-gap);width:100%;max-width:100%;background:#fff;margin-bottom:30px;align-items:stretch}.portal-hero__main{grid-column:1}.portal-hero__secondary{grid-column:2}.portal-hero__main{position:relative;overflow:hidden;border-radius:var(--ph-radius);height:500px;background:#ddd}.portal-hero__main-img-link{position:absolute;inset:0;display:block}.portal-hero__main-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.portal-hero__main:hover .portal-hero__main-img{transform:scale(1.04)}.portal-hero__main-img--placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ddd,#bbb)}.portal-hero__main-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .80) 0%,rgb(0 0 0 / .45) 35%,#fff0 70%);pointer-events:none}.portal-hero__main-body{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff;display:flex;flex-direction:column;gap:6px}.portal-hero__badge{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;border-radius:2px;margin-right:4px}.portal-hero__badges,.portal-hero__badge{align-self:flex-start}.portal-hero__badge--category{background:var(--ph-accent);color:#fff;display:inline-block;width:auto}.portal-hero__badge--top1{background:var(--ph-badge-top1-bg);color:var(--ph-badge-top1-text)}.portal-hero__main-title{margin:0;font-size:clamp(1.8rem, 2.2vw, 2.6rem);line-height:1.15;font-weight:800;color:#fff;max-width:85%}.portal-hero__main-link{color:inherit;text-decoration:none}.portal-hero__main-excerpt{margin:0;color:rgb(255 255 255 / .88);font-size:.88rem;line-height:1.45;max-width:80%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portal-hero__main-meta{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:.8rem;color:rgb(255 255 255 / .75)}.portal-hero__comments{display:inline-flex;align-items:center;gap:4px}.portal-hero__secondary{display:flex;flex-direction:column;height:500px;background:#fff;border-left:none}.portal-hero__card{display:flex;align-items:stretch;flex:1;padding:12px 1px;border-bottom:1px solid var(--ph-border);background:#fff;transition:background .2s ease}.portal-hero__card-title{color:var(--ph-text);transition:color .2s ease}.portal-hero__card-title:hover,.portal-hero__card-title:hover .portal-hero__card-link{color:var(--ph-accent)}.portal-hero__card:last-child{border-bottom:none}.portal-hero__card-img-link{flex-shrink:0;width:120px;height:80px;border-radius:3px;overflow:hidden;display:block}.portal-hero__card-img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.portal-hero__card:hover .portal-hero__card-img{transform:scale(1.05)}.portal-hero__card-img--placeholder{width:120px;height:80px;flex-shrink:0;border-radius:3px;background:linear-gradient(135deg,#ddd,#bbb)}.portal-hero__card-body{flex:1;min-width:0;padding-left:14px;display:flex;flex-direction:column;justify-content:center}.portal-hero__card-cat{color:var(--ph-accent);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.portal-hero__card-title{margin:0;color:var(--ph-text);font-size:1rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.portal-hero__card-link{color:inherit;text-decoration:none}.portal-hero__card-link:hover{color:var(--ph-accent)}.portal-hero__card-time{margin-top:6px;font-size:.75rem;color:var(--ph-text-muted)}.portal-hero__time{color:var(--ph-text-muted);font-size:.78rem}@media (max-width:1024px){.portal-hero{grid-template-columns:1fr}.portal-hero__main{height:420px}.portal-hero__secondary{height:auto;border-top:1px solid var(--ph-border)}.portal-hero__card{flex:initial}}@media (max-width:768px){.portal-hero{display:block}.portal-hero__main{height:320px;margin-bottom:12px}.portal-hero__main-body{padding:16px}.portal-hero__main-title{font-size:1.5rem;max-width:100%}.portal-hero__main-excerpt{display:none}.portal-hero__secondary{border:none}.portal-hero__card{padding:10px 1px}.portal-hero__card-img-link,.portal-hero__card-img--placeholder{width:110px;height:75px}.portal-hero__card-body{padding-left:10px}.portal-hero__card-title{font-size:.95rem;-webkit-line-clamp:2}}@media (max-width:480px){.portal-hero__main{height:260px}.portal-hero__main-title{font-size:1.2rem}.portal-hero__card-img-link,.portal-hero__card-img--placeholder{width:95px;height:68px}.portal-hero__card-title{font-size:.9rem}}.portal-hero--category .portal-hero__badge--category{background:var(--ph-accent)}.portal-hero,.portal-hero__main,.portal-hero__secondary,.portal-hero__card{background-color:#fff}.portal-hero__main-link,.portal-hero__main-link:hover,.portal-hero__main-link:focus{color:#fff}.portal-hero__badge--category,.portal-hero__badge--category:hover,.portal-hero__badge--category:focus{color:#fff;background:var(--ph-accent);text-decoration:none}.portal-hero__card-cat,.portal-hero__card-cat:hover,.portal-hero__card-cat:focus{color:var(--ph-accent);text-decoration:none}