.ahero{background:linear-gradient(180deg,var(--navy),var(--navy-deep));color:#fff;position:relative;overflow:hidden}.ahero:after{content:"";background:radial-gradient(circle,#c2882e29,#c2882e00 62%);border-radius:50%;width:520px;height:520px;position:absolute;top:-150px;right:-150px}.ahero .wrap{z-index:2;grid-template-columns:auto 1fr;align-items:center;gap:40px;padding-block:clamp(44px,6vw,72px);display:grid;position:relative}.ahero .avatar{flex:none;width:148px;height:148px;position:relative}.ahero .avatar img{object-fit:cover;object-position:center top;border:3px solid #ffffff24;border-radius:50%;width:100%;height:100%}.ahero .avatar:after{content:"";background:var(--gold);width:18px;height:18px;box-shadow:0 0 0 4px var(--navy);border-radius:50%;position:absolute;bottom:8px;right:8px}.ahero .role{letter-spacing:.16em;text-transform:uppercase;color:#9db1cc;align-items:center;gap:9px;font-size:.74rem;font-weight:600;display:inline-flex}.ahero .role:before{content:"";background:var(--gold);border-radius:50%;width:7px;height:7px}.ahero h1{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin:12px 0 0;font-size:clamp(2rem,4vw,3rem);font-weight:600}.ahero p{color:#c2d0e4;max-width:54ch;margin-top:14px;font-size:1.06rem;line-height:1.6}.ahero .social{gap:9px;margin-top:20px;display:flex}.ahero .social a{color:#dce6f2;width:38px;height:38px;transition:border-color var(--dur-hover) var(--ease-out), background var(--dur-hover);border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:.84rem;font-weight:600;text-decoration:none;display:flex}.ahero .social a:hover{border-color:var(--gold);color:var(--gold);background:#c2882e1a}.strip{border-bottom:1px solid var(--line);background:#fff}.strip .wrap{flex-wrap:wrap;gap:48px;padding:22px 0;display:flex}.strip .s b{font-family:var(--font-display);color:var(--navy);font-size:1.5rem;font-weight:600}.strip .s span{color:var(--slate);letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:.78rem;font-weight:600;display:block}.layout{grid-template-columns:1fr 280px;align-items:start;gap:40px;display:grid}.sechead{justify-content:space-between;align-items:baseline;margin-bottom:22px;display:flex}.sechead h2{color:var(--navy);font-size:1.5rem}.sechead .count{color:var(--slate);font-size:.85rem}.grid2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid2 .post{border:1px solid var(--line);border-radius:var(--radius-lg);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base);background:#fff;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.grid2 .post:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.grid2 .post .picwrap{height:150px;overflow:hidden}.grid2 .post .pic{height:100%;transition:transform 1s var(--ease-out);background-position:50%;background-size:cover}.grid2 .post:hover .pic{transform:scale(1.05)}.grid2 .post .body{flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.grid2 .post .cat{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);font-size:.7rem;font-weight:600}.grid2 .post h3{font-family:var(--font-display);color:var(--navy);margin:8px 0 0;font-size:1.1rem;font-weight:600;line-height:1.25}.grid2 .post .pmeta{color:var(--slate);margin-top:14px;font-size:.78rem}.side .card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;margin-bottom:18px;padding:22px}.side h4{color:var(--navy);font-family:var(--font-display);margin-bottom:14px;font-size:1.05rem;font-weight:600}.side .cats a{border-top:1px solid var(--line);color:var(--ink);transition:color var(--dur-hover);justify-content:space-between;align-items:center;padding:9px 0;font-size:.92rem;text-decoration:none;display:flex}.side .cats a:first-of-type{border-top:none}.side .cats a:hover{color:var(--gold-deep)}.side .cats a b{color:var(--slate);font-size:.8rem;font-weight:600}.side .tagcloud{flex-wrap:wrap;gap:8px;display:flex}.side .tagcloud a{color:var(--navy);background:var(--navy-tint);border-radius:var(--radius-pill);transition:background var(--dur-hover);padding:5px 12px;font-size:.8rem;text-decoration:none}.side .tagcloud a:hover{background:var(--gold-soft);color:var(--gold-deep)}@media (max-width:900px){.ahero .wrap{grid-template-columns:1fr;gap:24px}.layout,.grid2{grid-template-columns:1fr}}