/* Existing brand palette retained. Cards: 18px; inputs: 8px; buttons: pills. */
.resource-hub{background:#101110}.resource-hub .header .wrap{min-height:76px}.resource-hub .hero{padding:70px 0 85px}.hero-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:65px}.resource-hub h1{font-size:clamp(52px,6.2vw,84px);line-height:1.05}.resource-hub .hero p{font-size:18px;max-width:470px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:30px;flex-wrap:wrap}.text-link{text-underline-offset:5px;font-weight:600}.card-stack{position:relative;min-height:350px;perspective:1000px}.floating-card{display:flex;flex-direction:column;text-decoration:none;border-radius:18px;padding:30px;position:absolute;width:85%;min-height:270px;box-shadow:0 24px 60px #0006;transition:transform .4s ease,box-shadow .4s ease}.floating-card span,.floating-card small{font-size:12px}.floating-card strong{font-size:40px;line-height:1.08;margin:22px 0}.back-card{background:#30352d;border:1px solid #4d5447;right:0;top:0;transform:rotate(7deg)}.front-card{background:#e7e6dc;color:#20221e;left:0;top:65px;transform:rotate(-5deg);z-index:1}.floating-card:hover,.floating-card:focus-visible{transform:rotate(0) translateY(-10px);z-index:2;box-shadow:0 35px 70px #0008}.workflow-strip{display:flex;gap:10px;align-items:center;margin-bottom:24px}.workflow-strip span{border:1px solid #9b9e92;border-radius:20px;padding:5px 10px}.library-intro{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;padding-top:24px;padding-bottom:24px;border-top:1px solid #ffffff24;color:#c1c3ba;font-size:13px}.resource-hub .section{padding:72px 0}.section-lead{margin:18px 0 30px}.resource-hub .search{max-width:100%;background:#1c1e1b;color:#f3f4ef;border:1px solid #4c5148;padding:18px 20px;border-radius:12px}.resource-hub .search::placeholder{color:#a8afa2}.resource-hub .library{gap:24px;margin-top:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.resource-hub .resource{background:#1a1d19;border:1px solid #373d33;border-radius:18px;min-height:330px;padding:30px;box-shadow:0 14px 32px #0002;transition:transform .25s,box-shadow .25s,border-color .25s}.resource-hub .resource:hover,.resource-hub .resource:focus-within{transform:translateY(-8px);border-color:#958451;box-shadow:0 22px 44px #0005}.resource-hub .resource:nth-child(3n+2){background:#24291f}.resource-hub .resource:nth-child(5n){background:#25231c}.resource-hub .resource h3{font-size:25px;line-height:1.2}.resource-hub .resource .eyebrow{font-family:var(--f-sans);text-transform:none;letter-spacing:0;font-size:12px;margin-bottom:28px;color:#c6bea6}.resource-hub .resource p{font-size:15px;color:#c2c7bb}.resource-hub .resource a{padding-top:18px}.resource-hub details{margin-bottom:22px;font-size:14px}.resource-hub summary{cursor:pointer;color:#e2d5ac}.resource-hub details p{font-size:13px;margin:14px 0}.builder-section{background:#1b1e19}.builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.builder-grid h2{line-height:1.15}.builder-grid p{margin:24px 0}.builder-grid input,.builder-grid textarea{background:#10120f;border-color:#505849;color:#fff;border-radius:8px}.builder-grid input::placeholder,.builder-grid textarea::placeholder{color:#aab2a2}.builder-grid label{color:#e7eade}.builder-grid form{max-width:none}.builder-grid .secondary{background:transparent;color:#ddc778}.builder-grid #brief-output{margin-top:26px}.resource-hub .library-newsletter{background:#101110}.resource-hub .library-newsletter .section-title{display:block}.resource-hub .library-newsletter .eyebrow{display:none}.resource-hub .library-newsletter .button{margin-top:24px}.resource-hub .button:active{transform:scale(.98)}.resource-hub #collection,.resource-hub #brief-builder{scroll-margin-top:24px}.resource-hub .article-copy{display:block;background:transparent;border:1px solid #777;color:inherit;padding:7px 12px;margin-bottom:24px;cursor:pointer}
@media(min-width:1000px){.resource-hub .resource:nth-child(3n+2){translate:0 -7px}}
@media(max-width:800px){.hero-layout,.builder-grid{grid-template-columns:1fr;gap:40px}.resource-hub .hero{padding-top:45px}.card-stack{max-width:460px;width:100%;margin:0 auto;min-height:365px}.resource-hub .library{grid-template-columns:repeat(2,minmax(0,1fr))}.library-intro{justify-content:flex-start}.resource-hub .hero p{max-width:100%}}
@media(max-width:520px){.resource-hub .library{grid-template-columns:1fr}.floating-card{width:88%;padding:24px}.floating-card strong{font-size:34px}.hero-actions{gap:18px}.resource-hub h1{font-size:52px}.resource-hub .resource{min-height:280px}.resource-hub .section{padding:48px 0}}
@media(prefers-reduced-motion:no-preference){.library-hero{animation:arrive .7s ease-out both}.card-stack{animation:arrive 1s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.resource-hub *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.resource-hub .resource:hover{transform:none}}
/* Refinement: quieter surfaces, aligned rows, motion only on interaction. */
.resource-hub .hero{padding-bottom:68px}
.resource-hub .resource,.resource-hub .resource:nth-child(3n+2),.resource-hub .resource:nth-child(5n){background:#191c18;translate:none;border-color:#ffffff16;box-shadow:0 8px 24px #0002;padding:28px;min-height:300px}
.resource-hub .resource:hover,.resource-hub .resource:focus-within{transform:translateY(-5px);border-color:#a18b5066;box-shadow:0 18px 36px #0003}
.resource-hub .resource .eyebrow{margin-bottom:20px;color:#b9bcae}
.resource-hub .resource h3{font-size:23px;line-height:1.25}
.resource-hub .resource p{margin-top:16px;line-height:1.65}
.resource-hub .resource a{font-size:14px;text-decoration:none}
.resource-hub .resource a:hover{text-decoration:underline;text-underline-offset:5px}
.resource-hub .library{gap:20px}
.resource-hub .filters{gap:8px;margin:18px 0 24px}
.resource-hub .filters button{font-size:13px;padding:9px 18px;border-color:#ffffff26;transition:background .2s,color .2s,border-color .2s}
.resource-hub .filters button:hover{border-color:var(--gold)}
.resource-hub #resource-count{font-size:13px;color:#bbc0b3}
.resource-hub .library-intro{border-bottom:1px solid #ffffff12;border-top-color:#ffffff12}
.resource-hub .front-card{transform:rotate(-3deg)}
.resource-hub .back-card{transform:rotate(4deg)}
.resource-hub .floating-card:hover,.resource-hub .floating-card:focus-visible{transform:rotate(0) translateY(-6px)}
.resource-hub .builder-section{background:#171a15}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}