:root{--res-bg:#000;--res-card-bg:#0d0d10;--res-border:#ffffff14;--res-border-hover:#ffffff38}body.resources-page{background-color:var(--res-bg);color:var(--color-text-primary);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.resources-section{padding:clamp(52px,7vw,96px) 0;position:relative}.resources-container{max-width:1200px;padding:0 var(--page-margin);margin:0 auto}.resources-container-narrow{max-width:820px;padding:0 var(--page-margin);margin:0 auto}.resources-hero-section{text-align:center;padding-top:clamp(120px,15vh,160px);padding-bottom:clamp(24px,3.5vw,40px);position:relative}.resources-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);background:#c4f82a14;border:1px solid #c4f82a38;border-radius:9999px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.resources-headline{font-family:var(--font-editorial);letter-spacing:-.025em;color:#fff;text-rendering:optimizelegibility;max-width:900px;margin:0 auto 16px;font-size:clamp(48px,8vw,96px);font-style:italic;font-weight:400;line-height:1.04}.resources-hero-supporting{font-family:var(--font-family);color:var(--color-text-secondary);max-width:580px;margin:0 auto 10px;font-size:clamp(15px,1.6vw,18px);font-weight:400;line-height:1.55}.resources-hero-subline{color:var(--color-text-muted);margin:0 auto 28px;font-size:13.5px}.resources-hero-actions{justify-content:center;align-items:center;gap:14px;display:flex}.resources-filter-section{padding:24px 0 36px}.resources-filter-container{max-width:760px;padding:0 var(--page-margin);justify-content:center;align-items:center;margin:0 auto;display:flex}.resources-pills-cluster{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin:0;padding:0;list-style:none;display:flex}.res-pill-btn{font-family:var(--font-family);letter-spacing:-.01em;color:#c5c8d0;cursor:pointer;user-select:none;white-space:nowrap;background:#141518;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;padding:8px 18px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.res-pill-btn:hover{color:#fff;background:#1f222a;border-color:#ffffff40;transform:translateY(-1px)}.res-pill-btn.is-active{color:#000;background:#c4f82a;border-color:#c4f82a;font-weight:700;transform:translateY(-1px);box-shadow:0 4px 18px #c4f82a52}.resources-grid-section{padding-top:10px;padding-bottom:clamp(60px,8vw,100px)}.resources-grid{grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.8vw,32px);display:grid}@media (width<=1024px){.resources-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.resources-grid{grid-template-columns:1fr;gap:24px}}.res-featured-card{cursor:pointer;background:#0d0e12;border:1px solid #ffffff1a;border-radius:20px;grid-column:1/-1;grid-template-columns:1.15fr 1fr;margin-bottom:12px;transition:border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.16,1,.3,1);display:grid;overflow:hidden}.res-featured-card:hover{border-color:#c4f82a59;transform:translateY(-4px);box-shadow:0 24px 60px #000000b3}.res-featured-media-box{background-color:#121318;width:100%;min-height:380px;position:relative;overflow:hidden}.res-featured-media-box img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.res-featured-card:hover .res-featured-media-box img{transform:scale(1.04)}.res-featured-content{flex-direction:column;justify-content:center;padding:clamp(32px,3.8vw,48px);display:flex}.res-featured-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);align-items:center;gap:8px;margin-bottom:14px;font-size:11.5px;font-weight:700;display:flex}.res-featured-title{font-family:var(--font-editorial);color:#fff;margin:0 0 14px;font-size:clamp(28px,3.2vw,40px);font-style:italic;font-weight:400;line-height:1.15;transition:color .2s}.res-featured-card:hover .res-featured-title{color:var(--color-accent)}.res-featured-desc{color:#a1a1aa;margin:0 0 20px;font-size:15px;line-height:1.62}.res-featured-takeaways{flex-direction:column;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.res-featured-takeaways li{color:#ffffffd9;align-items:center;gap:8px;font-size:13.5px;display:flex}.res-featured-takeaways li:before{content:"✓";color:var(--color-accent);font-size:12px;font-weight:700}.res-featured-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=900px){.res-featured-card{grid-template-columns:1fr}.res-featured-media-box{min-height:240px}}.resource-card{cursor:pointer;background:#0e0f14;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .3s;display:flex;overflow:hidden}.resource-card:hover{border-color:#c4f82a59;transform:translateY(-5px);box-shadow:0 20px 48px -12px #000000b3}.res-card-cover{aspect-ratio:16/9;background:#121318;border-bottom:1px solid #ffffff0f;width:100%;position:relative;overflow:hidden}.res-card-media{object-fit:cover;filter:contrast(1.02);width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.resource-card:hover .res-card-media{transform:scale(1.04)}.res-card-body{flex-direction:column;flex:1;padding:22px 24px 26px;display:flex}.res-meta-line{align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.res-category-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent);font-size:11.5px;font-weight:600}.res-meta-dot{color:#ffffff40}.res-time-tag{color:#8e8e93;font-weight:500}.res-card-title{font-family:var(--font-editorial);letter-spacing:-.015em;color:#fff;margin:0 0 10px;font-size:clamp(20px,2.1vw,24px);font-style:italic;font-weight:400;line-height:1.25;transition:color .2s}.resource-card:hover .res-card-title{color:var(--color-accent)}.res-card-desc{color:#a1a1aa;flex:1;margin:0 0 18px;font-size:14px;line-height:1.6}.res-read-link{color:#fff;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:color .2s,gap .2s;display:inline-flex}.resource-card:hover .res-read-link{color:var(--color-accent);gap:9px}.res-format-pill{color:#fff9;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500}.res-card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:6px;padding-top:16px;display:flex}.res-action-affordance{color:#fff;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:color .2s,gap .2s;display:inline-flex}.resource-card:hover .res-action-affordance{color:var(--color-accent);gap:9px}.res-modal{-webkit-backdrop-filter:blur(20px);z-index:1000;opacity:0;pointer-events:none;background:#000000eb;justify-content:center;align-items:center;padding:24px;transition:opacity .25s;display:flex;position:fixed;inset:0}.res-modal.is-open{opacity:1;pointer-events:auto}.res-modal-panel{z-index:10;background:#0b0c0f;border:1px solid #ffffff29;border-radius:20px;width:100%;max-width:680px;max-height:88vh;padding:clamp(26px,3.5vw,36px);transition:transform .28s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;transform:scale(.96)translateY(12px);box-shadow:0 32px 80px #000000f2}.res-modal-panel::-webkit-scrollbar{width:6px}.res-modal-panel::-webkit-scrollbar-track{background:#0b0c0f}.res-modal-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.res-modal.is-open .res-modal-panel{transform:scale(1)translateY(0)}.res-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.res-modal-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;font-size:15px;transition:background .2s,transform .2s;display:flex}.res-modal-close:hover{background:#ffffff2e;transform:rotate(90deg)}.res-modal-title{font-family:var(--font-editorial);letter-spacing:-.015em;color:#fff;margin:8px 0 12px;font-size:clamp(26px,3.2vw,36px);font-style:italic;font-weight:400;line-height:1.15}.res-modal-desc{color:var(--color-text-secondary);margin-bottom:24px;font-size:15px;line-height:1.6}.res-modal-spec-block{background:#14161b;border:1px solid #ffffff12;border-radius:14px;margin-bottom:20px;padding:16px 20px}.res-modal-spec-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);margin-bottom:6px;font-size:11px;font-weight:700}.res-modal-spec-text{color:#d1d5db;margin:0;font-size:13.5px;line-height:1.5}.res-modal-list{margin:0 0 24px;padding:0;list-style:none}.res-modal-list li{color:#d1d5db;margin-bottom:10px;padding-left:20px;font-size:14px;line-height:1.5;position:relative}.res-modal-list li:before{content:"✓";color:var(--color-accent);font-weight:700;position:absolute;left:0}.res-modal-actions{border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.res-modal-codeblock{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;background:#090a0d;border:1px solid #ffffff1a;border-radius:10px;max-height:240px;margin:10px 0 0;padding:14px 16px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;overflow:auto}.res-copy-code-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.res-copy-code-btn:hover{background:var(--color-accent);color:#000;border-color:var(--color-accent)}.res-toast{background:var(--color-accent);color:#000;opacity:0;pointer-events:none;z-index:2000;border-radius:9999px;padding:10px 22px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 10px 30px #0009}.res-toast.show{opacity:1;transform:translate(-50%)translateY(0)}