/* HumanoSys resources — compact editorial archive with progressive loading. */
.hs-resource-hero{position:relative;padding:116px 0 48px;background:linear-gradient(145deg,#080a0e,#0d1117);overflow:hidden;color:#f6f2ea;border-bottom:1px solid rgba(255,255,255,.08)}
.hs-resource-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 22%,rgba(244,198,47,.09),transparent 22%),radial-gradient(circle at 12% 88%,rgba(46,200,201,.045),transparent 28%)}
.hs-resource-hero::after{content:"";position:absolute;right:7%;top:92px;width:180px;height:1px;background:linear-gradient(90deg,rgba(244,198,47,.55),transparent)}
.hs-resource-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(44px,6vw,90px);align-items:end}
.hs-resource-hero .hs-page-eyebrow{margin-bottom:16px;color:#8f9296}
.hs-resource-hero h1{max-width:720px;margin:0;color:#f4f1e9!important;font-size:clamp(2.65rem,4.25vw,4.55rem);line-height:.96;letter-spacing:-.058em;font-weight:590;text-wrap:balance}
.hs-resource-hero h1 em{color:#f4c62f;font-style:normal}
.hs-resource-hero p{max-width:590px;margin:0 0 4px;color:#a3a5a8;font-size:.91rem;line-height:1.68}

.hs-resource-section{padding:50px 0 96px;background:#f1eee6;color:#171a20}
.hs-resource-toolbar{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid rgba(17,20,26,.15)}
.hs-resource-toolbar>div:first-child{display:flex;align-items:center;gap:12px;color:#777b78;font-size:.62rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.hs-resource-toolbar>div:first-child span{color:#aa8705}
.hs-resource-toolbar p{max-width:560px;margin:0;color:#6c706d;font-size:.84rem;line-height:1.55;text-align:right}

.hs-resource-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;background:transparent;border:0}
.hs-resource-card{position:relative;grid-column:span 6;min-height:410px;display:flex;flex-direction:column;background:#f8f5ee;border:1px solid rgba(17,20,26,.12);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.hs-resource-card:first-child{grid-column:span 12;min-height:360px;display:grid;grid-template-columns:1.15fr .85fr}
.hs-resource-card:hover{transform:translateY(-4px);border-color:rgba(17,20,26,.24);box-shadow:0 18px 48px rgba(36,32,24,.08)}
.hs-resource-card__media{position:relative;height:210px;overflow:hidden;background:#11161d}
.hs-resource-card:first-child .hs-resource-card__media{height:100%;min-height:360px}
.hs-resource-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,16,.38),transparent 52%)}
.hs-resource-card__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.88);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .35s ease}
.hs-resource-card:hover .hs-resource-card__media img{transform:scale(1.035);filter:saturate(.94) brightness(.91)}
.hs-resource-card__body{display:flex;flex-direction:column;flex:1;padding:24px}
.hs-resource-card:first-child .hs-resource-card__body{padding:34px 32px;justify-content:center}
.hs-resource-card__meta{display:flex;justify-content:space-between;gap:16px;color:#7e827f;font-size:.56rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hs-resource-card__meta span:first-child{color:#9d7e11}
.hs-resource-card h2,.hs-resource-card h3{margin:18px 0 10px;color:#171a20;font-size:1.42rem;line-height:1.12;letter-spacing:-.04em}
.hs-resource-card:first-child h2,.hs-resource-card:first-child h3{font-size:clamp(1.8rem,2.8vw,2.8rem);line-height:1.02}
.hs-resource-card p{margin:0 0 22px;color:#686c69;font-size:.84rem;line-height:1.62}
.hs-resource-card__link{margin-top:auto;color:#23272c;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hs-resource-card__link span{margin-left:8px;color:#c59b0d;transition:transform .25s ease;display:inline-block}.hs-resource-card__link:hover span{transform:translate(4px,-2px)}
.hs-resource-empty{grid-column:1/-1;padding:68px 28px;text-align:center;background:#f8f5ee;border:1px solid rgba(17,20,26,.12)}.hs-resource-empty h3{margin:0 0 10px}.hs-resource-empty p{margin:0;color:#747875}

/* True async loading state — visible only while the resource request is running. */
.hs-resource-feed[aria-busy="true"]{min-height:520px}
.hs-resource-skeleton{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.hs-resource-skeleton__card{grid-column:span 6;min-height:390px;border:1px solid rgba(17,20,26,.09);background:#e7e2d8;overflow:hidden;position:relative}
.hs-resource-skeleton__card:first-child{grid-column:span 12;min-height:350px}
.hs-resource-skeleton__card::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 22%,rgba(255,255,255,.5) 42%,transparent 62%);transform:translateX(-100%);animation:hs-resource-shimmer 1.25s ease-in-out infinite}
.hs-resource-skeleton__media{height:56%;background:#d9d4ca}.hs-resource-skeleton__lines{padding:24px}.hs-resource-skeleton__lines i{display:block;height:10px;margin-bottom:12px;background:#d1ccc2}.hs-resource-skeleton__lines i:nth-child(1){width:26%}.hs-resource-skeleton__lines i:nth-child(2){width:78%;height:18px}.hs-resource-skeleton__lines i:nth-child(3){width:62%}
.hs-resource-load-error{grid-column:1/-1;padding:54px 26px;border:1px solid rgba(17,20,26,.14);background:#f8f5ee;text-align:center}.hs-resource-load-error strong{display:block;margin-bottom:8px}.hs-resource-load-error p{margin:0 0 18px;color:#6d716e}.hs-resource-load-error button{border:1px solid #171a20;background:#171a20;color:#fff;padding:10px 16px;font-size:.72rem;font-weight:750}

.hs-resource-pager{display:flex;justify-content:center;gap:8px;margin-top:28px}.hs-resource-pager button,.hs-resource-pager a{padding:10px 18px;border:1px solid #22262c;background:transparent;color:#22262c;font-size:.72rem;font-weight:750}.hs-resource-pager button:disabled{opacity:.35}.hs-resource-pager button:hover:not(:disabled),.hs-resource-pager a:hover{background:#22262c;color:#fff}

.hs-podcast-tabs{display:flex;gap:1px;margin-bottom:22px;background:rgba(17,20,26,.13);width:max-content}.hs-podcast-tabs button{min-width:120px;padding:11px 16px;border:0;background:#e8e4da;color:#676b69;font-size:.69rem;font-weight:780;text-transform:uppercase;letter-spacing:.06em}.hs-podcast-tabs button.active{background:#171b21;color:#fff;box-shadow:inset 0 -2px #f4c62f}
.hs-podcast-pane{display:none}.hs-podcast-pane.active{display:block}
.hs-podcast-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.hs-podcast-card{grid-column:span 6;background:#f8f5ee;border:1px solid rgba(17,20,26,.12);overflow:hidden}.hs-podcast-card:first-child{grid-column:span 12;display:grid;grid-template-columns:1.15fr .85fr}.hs-podcast-card__image{height:210px;overflow:hidden;background:#11161d}.hs-podcast-card:first-child .hs-podcast-card__image{height:100%;min-height:340px}.hs-podcast-card__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}.hs-podcast-card__body{padding:23px}.hs-podcast-card:first-child .hs-podcast-card__body{padding:32px;display:flex;flex-direction:column;justify-content:center}.hs-podcast-card h3{margin:12px 0 9px;font-size:1.3rem}.hs-podcast-card:first-child h3{font-size:clamp(1.8rem,2.7vw,2.7rem);line-height:1.04}.hs-podcast-card small{color:#858987}.hs-podcast-card p{color:#676b69;font-size:.84rem;line-height:1.6}.hs-podcast-card a{display:inline-block;margin-top:16px;color:#23272c;font-size:.68rem;font-weight:780;text-transform:uppercase}

@keyframes hs-resource-shimmer{to{transform:translateX(100%)}}

@media(max-width:980px){.hs-resource-hero__grid{grid-template-columns:1fr;gap:24px}.hs-resource-toolbar{align-items:start}.hs-resource-card,.hs-podcast-card{grid-column:span 12}.hs-resource-card:first-child,.hs-podcast-card:first-child{grid-template-columns:1fr}.hs-resource-card:first-child .hs-resource-card__media,.hs-podcast-card:first-child .hs-podcast-card__image{min-height:260px;height:260px}.hs-resource-skeleton__card{grid-column:span 12}}
@media(max-width:650px){.hs-resource-hero{padding:104px 0 38px}.hs-resource-hero h1{font-size:clamp(2.3rem,11vw,3.4rem)}.hs-resource-section{padding:38px 0 72px}.hs-resource-toolbar{display:block}.hs-resource-toolbar p{margin-top:10px;text-align:left}.hs-resource-card{min-height:360px}.hs-resource-card__media{height:190px}.hs-resource-card:first-child .hs-resource-card__media{height:210px;min-height:210px}.hs-podcast-grid{display:block}.hs-podcast-card{margin-bottom:14px}}

@media(prefers-reduced-motion:reduce){.hs-resource-skeleton__card::before{animation:none}}