/* Guides and whitepapers page */
.guides-page{
  --hero-stage-w:clamp(380px,calc(28px + 33vw),680px);
  --hero-content-gap:clamp(40px,4vw,64px);
  --header-h:114px;
}
.guides-page .bgrid-section{border-top:0!important;}
.guides-page .hero{background:linear-gradient(160deg,#F2FAF5 0%,#FAFBF6 42%,#FFFFFF 78%);}
.guides-page .hero__glow{background:radial-gradient(62% 70% at 14% 10%,rgba(0,129,74,.20) 0%,rgba(0,129,74,.09) 38%,transparent 68%),radial-gradient(50% 58% at 52% 90%,rgba(172,212,0,.13) 0%,rgba(242,228,0,.06) 48%,transparent 74%);animation:none;}
.guides-page .hero__inner{max-width:calc(100% - var(--hero-stage-w) - var(--hero-content-gap));text-align:left;margin-top:0;}
.guides-page .hero .lead{max-width:none;}
.guides-page .hstage{width:var(--hero-stage-w);}
.guides-page .hstage::after{display:none;}

.bhero__title{font-family:var(--serif);font-weight:400;color:var(--ink);font-size:clamp(38px,4vw,56px);line-height:1.05;letter-spacing:-0.02em;margin:0 0 28px;}
/* .hero .bhero__title .it{display:inline;white-space:normal;font-style:italic;color:var(--green-ink);} */
.brand-mark{display:inline-flex;align-items:center;margin-right:9px;vertical-align:-3px;}
.brand-mark img{display:block;height:16.5px;width:auto;}
.eyebrow--brand{color:var(--green-ink);margin-bottom:20px;}

.bgrid-section{padding-top:clamp(32px,3.5vw,52px);}
.bgrid-section .shead{margin-bottom:clamp(28px,3.5vw,40px);}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(28px,3vw,32px);row-gap:clamp(30px,3.2vw,36px);}
.bcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden;transition:border-color 220ms var(--ease),box-shadow 220ms var(--ease),transform 220ms var(--ease);}
.bcard:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-2px);}
.bcard__media{position:relative;display:block;aspect-ratio:16/10;border-bottom:1px solid var(--line);background-size:cover;background-position:center;background-color:var(--paper-2);transition:transform 600ms var(--ease);}
.bcard:hover .bcard__media{transform:scale(1.035);}
.bcard__cat{position:absolute;left:14px;bottom:14px;height:27px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid rgba(0,171,82,.22);color:var(--green-ink);font-size:11px;font-weight:700;letter-spacing:.07em;display:inline-flex;align-items:center;}
.bcard__body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;}
.bcard__title{font-family:var(--serif);font-weight:400;font-size:20px;line-height:1.27;letter-spacing:-0.008em;color:var(--ink);margin-bottom:10px;}
.bcard__title a{transition:color 160ms;}
.bcard__title a:hover{color:var(--green-ink);}
.bcard__excerpt{font-size:14.5px;line-height:1.55;color:var(--muted);margin-bottom:16px;flex:1;}
.bcard__body .textlink{font-size:13px;}

.guides-page .guide-media--ai-compliance{background-image:url('https://images.unsplash.com/photo-1664575262619-b28fef7a40a4?w=1000&h=625&q=80&auto=format&fit=crop');}
.guides-page .guide-media--onboarding-blueprint{background-image:url('https://images.unsplash.com/photo-1521790797524-b2497295b8a0?w=1000&h=625&q=80&auto=format&fit=crop');}
.guides-page .guide-media--identity-fraud{background-image:url('https://images.unsplash.com/photo-1576243165717-ce0a37f0ac8b?w=1000&h=625&q=80&auto=format&fit=crop');}

@media (min-width:961px){
  .bhero{min-height:560px;min-height:clamp(560px,calc(100vh - var(--header-h) - clamp(80px,9vh,128px)),900px);min-height:clamp(560px,calc(100dvh - var(--header-h) - clamp(80px,9vh,128px)),900px);}
}
.bhero .wrap{padding-top:clamp(48px,5vw,72px);padding-bottom:clamp(48px,5vw,72px);}
.guides-page .bgrid-section{background:radial-gradient(64% 70% at 78% 6%,rgba(0,171,82,.16),transparent 66%),
    radial-gradient(44% 50% at 8% 94%,rgba(172,212,0,.10),transparent 68%),
    linear-gradient(180deg,#F7FCFA 0%,#FFFFFF 60%);}
.guides-page .close .btn--primary{background:var(--yellow);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.12),0 14px 28px -12px rgba(0,0,0,.35);}
.guides-page .close .btn--primary:hover{transform:translateY(-1px);background:#D9CC00;box-shadow:0 2px 4px rgba(0,0,0,.14),0 18px 32px -12px rgba(0,0,0,.38);}
.guides-page .close .h2,.guides-page .close p{max-width:none;}

@media (max-width:960px){
  .guides-page .hero__inner{max-width:100%;text-align:left;margin:0;}
  .guides-page .hero h1{margin:0 0 24px;}
  .guides-page .hero .lead{margin:0 0 34px;}
  .guides-page .bhero .hstage{width:100%;height:clamp(260px,68vw,330px);margin-top:32px;}
  .bgrid{grid-template-columns:1fr;row-gap:24px;}
}
@media (max-width:640px){
  .bcard__media{aspect-ratio:16/9;}
  .bcard__body{padding:18px 20px 20px;}
  .bcard__excerpt{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .guides-page .close .btn{width:auto;min-width:190px;max-width:calc(100% - 40px);}
  .guides-page .close p{font-size:16px;}
}
@media (max-width:480px){
  .bhero__title{font-size:clamp(34px,9.3vw,41px);line-height:1.08;}
}
