.page-resources{--res-max: var(--max-width-dnr, 1240px);--section-pad: 96px 40px}.page-resources .res-hero{padding:140px 0 80px;position:relative;overflow:hidden;background-color:var(--color-background-dark)}.page-resources .res-hero-ambient{position:absolute;top:-60px;right:-100px;width:600px;height:500px;background:radial-gradient(ellipse at center,rgb(174 81 55 / .1) 0%,transparent 65%);pointer-events:none}.page-resources .res-hero-ambient-2{position:absolute;bottom:-100px;left:-80px;width:500px;height:400px;background:radial-gradient(ellipse at center,rgb(28 61 82 / .15) 0%,transparent 65%);pointer-events:none}.page-resources .res-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:end}.page-resources .res-hero h1{font-family:var(--font-display);font-size:clamp(38px,5.5vw,68px);font-weight:800;line-height:1.06;letter-spacing:-.02em;color:var(--color-offwhite);margin-bottom:var(--space-6)}.page-resources .res-hero h1 em{font-style:italic;color:var(--color-burnt)}.page-resources .res-hero-sub{font-size:17px;color:var(--color-warmgray);line-height:1.7;max-width:480px}.page-resources .res-hero-stats{display:flex;gap:var(--space-8);margin-top:var(--space-7);padding-top:var(--space-7);border-top:1px solid rgb(176 181 187 / .1)}.page-resources .res-hero-stat-num{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--color-offwhite);line-height:1;margin-bottom:6px}.page-resources .res-hero-stat-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-warmgray)}.page-resources .res-hero-featured{background:#f5f2ec0a;backdrop-filter:blur(3px);border:1px solid rgb(176 181 187 / .1);padding:var(--space-6);display:block;color:inherit;text-decoration:none;transition:border-color .2s}.page-resources .res-hero-featured:hover{border-color:#eb9f8673}.page-resources .res-hero-featured-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-burnt-eyebrow);display:flex;align-items:center;gap:8px;margin-bottom:var(--space-5)}.page-resources .res-hero-featured-label:before{content:"";width:20px;height:1px;background:var(--color-burnt-eyebrow)}.page-resources .res-hero-img-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#1c3d5266,#2d303399);margin-bottom:var(--space-5);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.page-resources .res-hero-img-placeholder:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgb(176 181 187 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(176 181 187 / .04) 1px,transparent 1px);background-size:30px 30px}.page-resources .res-hero-img-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.page-resources .res-hero-img-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-warmgray);position:relative;z-index:2}.page-resources .res-hero-featured h2{font-family:var(--font-display);font-size:clamp(20px,2.5vw,28px);font-weight:700;line-height:1.2;color:var(--color-offwhite);margin-bottom:var(--space-4);letter-spacing:-.01em}.page-resources .res-hero-featured h2 em{color:var(--color-burnt-eyebrow)}.page-resources .res-hero-featured p{font-size:14px;color:var(--color-warmgray);line-height:1.7;margin-bottom:var(--space-5)}.page-resources .res-hero-featured-meta{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid rgb(176 181 187 / .08)}.page-resources .res-byline-with-avatar{display:flex;align-items:center;gap:10px;min-width:0}.page-resources .res-list-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:center 22%;flex-shrink:0;border:1px solid rgb(176 181 187 / .2)}.page-resources .res-hero-byline{font-family:var(--font-mono);font-size:11px;color:var(--color-warmgray);letter-spacing:.1em}.page-resources .res-hero-read-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-burnt-eyebrow)}.page-resources .res-filter-bar{background:var(--color-background-light);border-bottom:1px solid rgb(45 48 51 / .1);padding:0;position:sticky;top:60px;z-index:50}.page-resources .res-filter-inner{max-width:var(--res-max);margin:0 auto;padding:0 48px;display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none}.page-resources .res-filter-inner::-webkit-scrollbar{display:none}.page-resources .res-filter-tab{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-storm);padding:18px 20px;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:color .2s,border-color .2s}.page-resources .res-filter-tab:hover{color:var(--color-charcoal)}.page-resources .res-filter-tab.active{color:var(--color-burnt);border-bottom-color:var(--color-burnt)}.page-resources .res-filter-count{font-family:var(--font-mono);font-size:11px;color:var(--color-storm);margin-left:5px}.page-resources .res-featured-section{background:var(--color-background-light);padding:var(--section-pad)}.page-resources .res-featured-card{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid rgb(45 48 51 / .1);overflow:hidden}.page-resources .res-featured-img{background:linear-gradient(135deg,#1c3d5233,#2d303326);min-height:400px;position:relative;display:flex;align-items:flex-end;padding:var(--space-6)}.page-resources .res-featured-img:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgb(45 48 51 / .06) 1px,transparent 1px),linear-gradient(90deg,rgb(45 48 51 / .06) 1px,transparent 1px);background-size:40px 40px}.page-resources .res-featured-img-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.page-resources .res-featured-img-tag{position:relative;z-index:2}.page-resources .res-featured-content{padding:var(--space-8) var(--space-7);background:var(--color-background-light);display:flex;flex-direction:column;gap:var(--space-4)}.page-resources .res-featured-header{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-2)}.page-resources .res-featured-badge{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:#ae513714;color:var(--color-burnt);border:1px solid rgb(174 81 55 / .2);padding:4px 10px}.page-resources .res-featured-read{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--color-storm);text-transform:uppercase}.page-resources .res-featured-content h2{font-family:var(--font-display);font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--color-charcoal)}.page-resources .res-featured-content h2 em{font-style:italic;color:var(--color-burnt)}.page-resources .res-featured-content p{font-size:16px;color:var(--color-storm);line-height:1.7;flex:1}.page-resources .res-featured-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-5);border-top:1px solid rgb(45 48 51 / .08);flex-wrap:wrap;gap:var(--space-4)}.page-resources .res-featured-byline{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--color-storm)}.page-resources .res-articles-section{background:var(--color-offwhite);padding:var(--space-9) 0}.page-resources .res-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2d30331a;border:1px solid rgb(45 48 51 / .1);margin-top:var(--space-7)}.page-resources .res-article-card{background:var(--color-offwhite);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);color:inherit;text-decoration:none;transition:background .2s}.page-resources .res-article-card:hover{background:var(--color-background-light)}.page-resources .res-article-card.is-hidden{display:none}.page-resources .res-article-img{width:100%;height:160px;background:linear-gradient(135deg,#2d303314,#2d30330a);position:relative;overflow:hidden;margin-bottom:var(--space-2);display:flex;align-items:center;justify-content:center}.page-resources .res-article-img:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgb(45 48 51 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(45 48 51 / .04) 1px,transparent 1px);background-size:20px 20px}.page-resources .res-article-img-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;z-index:0}.page-resources .res-article-img>span{position:relative;z-index:2}.page-resources .res-article-card.cat-strategy .res-article-img{background:linear-gradient(135deg,#ae513714,#ae513708)}.page-resources .res-article-card.cat-design .res-article-img{background:linear-gradient(135deg,#1c3d521a,#1c3d520a)}.page-resources .res-article-card.cat-technical .res-article-img{background:linear-gradient(135deg,#b8963e1a,#b8963e08)}.page-resources .res-article-card.cat-seo .res-article-img{background:linear-gradient(135deg,#4d5d4b1a,#4d5d4b0a)}.page-resources .res-article-card.cat-webops .res-article-img{background:linear-gradient(135deg,#4a55681a,#4a55680a)}.page-resources .res-article-card-header{display:flex;align-items:center;justify-content:space-between}.page-resources .res-article-read{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-storm)}.page-resources .res-article-card h3{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--color-charcoal);line-height:1.25;letter-spacing:-.01em}.page-resources .res-article-card:hover h3{color:var(--color-burnt)}.page-resources .res-article-card p{font-size:14px;color:var(--color-storm);line-height:1.65;flex:1}.page-resources .res-article-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid rgb(45 48 51 / .08);margin-top:auto}.page-resources .res-article-byline{display:flex;align-items:center;gap:8px;min-width:0}.page-resources .res-article-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;object-position:center 22%;flex-shrink:0;border:1px solid rgb(45 48 51 / .12)}.page-resources .res-article-byline-text{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--color-storm);line-height:1.3}.page-resources .res-article-date{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--color-storm)}.page-resources .res-article-arrow{font-size:13px;color:var(--color-burnt);opacity:0;transition:opacity .2s}.page-resources .res-article-card:hover .res-article-arrow{opacity:1}.page-resources .res-tools-section{background:var(--color-charcoal);padding:var(--section-pad)}.page-resources .res-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:var(--space-7);background:#b0b5bb14}.page-resources .res-tool-card{background:#1c1a1680;padding:var(--space-7) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:background .2s}.page-resources .res-tool-card:hover{background:#1c1a16cc}.page-resources .res-tool-icon{width:48px;height:48px;border:1px solid rgb(176 181 187 / .12);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;margin-bottom:var(--space-2)}.page-resources .res-tool-type{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;display:block;margin-bottom:var(--space-2)}.page-resources .res-tool-type.pdf{color:var(--color-burnt-eyebrow)}.page-resources .res-tool-type.template{color:var(--color-leaf)}.page-resources .res-tool-type.guide{color:#8bbbd4cc}.page-resources .res-tool-card h3{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--color-offwhite);line-height:1.25;letter-spacing:-.01em}.page-resources .res-tool-card p{font-size:14px;color:var(--color-warmgray);line-height:1.65;flex:1}.page-resources .res-tool-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-warmgray);padding-top:var(--space-4);border-top:1px solid rgb(176 181 187 / .07);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.page-resources .res-tool-cta{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-burnt-eyebrow)}.page-resources .res-tool-card.wide{grid-column:span 2;background:#1c3d5280;border:1px solid rgb(255 255 255 / .05);flex-direction:row;align-items:flex-start;gap:var(--space-8)}.page-resources .res-tool-card.wide .res-tool-body{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.page-resources .res-tool-side{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:var(--space-5);height:100%}.page-resources .res-tool-stat-num{font-family:var(--font-display);font-size:42px;font-weight:700;color:var(--color-offwhite);line-height:1;text-align:right}.page-resources .res-tool-stat-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-warmgray);margin-top:4px;text-align:right}.page-resources .res-tool-card.coming-soon{background:#b0b5bb0a;border:1px dashed rgb(176 181 187 / .12);align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-6)}.page-resources .res-coming-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-warmgray);margin-bottom:var(--space-4);display:block}.page-resources .res-tool-card.coming-soon h4{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--color-warmgray);line-height:1.3}.page-resources .res-hero-featured-readtime{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-warmgray)}.page-resources .res-articles-showing{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-storm)}.page-resources .res-article-img-placeholder-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-storm)}@media(max-width:960px){.page-resources{--section-pad: 72px 28px}.page-resources .res-hero-inner{grid-template-columns:1fr;gap:var(--space-7)}.page-resources .res-hero-right{display:none}.page-resources .res-filter-inner{padding:0 28px}.page-resources .res-articles-grid{grid-template-columns:1fr 1fr}.page-resources .res-tools-grid{grid-template-columns:1fr}.page-resources .res-tool-card.wide{grid-column:span 1;flex-direction:column}.page-resources .res-tool-side{align-items:flex-start}.page-resources .res-featured-card{grid-template-columns:1fr}.page-resources .res-featured-img{min-height:220px}.page-resources .res-newsletter-form{flex-direction:column}.page-resources .res-newsletter-input,.page-resources .res-newsletter-submit{border-radius:var(--radius-md)}}@media(max-width:600px){.page-resources .res-articles-grid{grid-template-columns:1fr}}