/* ============================================================
   Resources — THROME field notes, editorial and made for action
   ============================================================ */

.resources-page { background: #f7f5f0; }
.resources-page .nav { background: rgba(247, 245, 240, .76); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); }
.resources-page .nav.scrolled { background: rgba(247, 245, 240, .94); }

.resources-hero { min-height: 720px; max-width: 1240px; margin: 0 auto; padding: 156px 64px 100px; display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(390px, .97fr); gap: 48px; align-items: center; position: relative; overflow: hidden; }
.resources-hero::before { content: ""; position: absolute; height: 1px; background: #ddd8cf; left: 64px; right: 64px; bottom: 0; }
.resources-hero-grid { position: absolute; top: 88px; right: 64px; width: 38%; height: 76%; pointer-events: none; opacity: .35; background-image: linear-gradient(#dfdad1 1px, transparent 1px), linear-gradient(90deg, #dfdad1 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 80%, transparent); }
.resources-hero-copy { position: relative; z-index: 2; max-width: 620px; }
.resources-eyebrow { font-size: 10.5px; line-height: 1.3; letter-spacing: .12em; color: #aa730d; }
.resources-hero .resources-eyebrow { margin-bottom: 19px; }
.resources-title { font-size: clamp(51px, 6vw, 78px); line-height: 1.06; font-weight: 900; letter-spacing: -.055em; }
.resources-title em { color: #d99312; font-style: normal; position: relative; }
.resources-title em::after { content: ""; position: absolute; height: 9px; left: 1%; right: 0; bottom: 4px; background: rgba(224, 167, 46, .2); border-radius: 50%; z-index: -1; }
.resources-intro { max-width: 545px; margin: 24px 0 30px; color: var(--ink-soft); font-size: 16px; line-height: 1.9; }
.resources-hero-actions { display: flex; align-items: center; gap: 27px; }
.resources-text-link { display: inline-flex; align-items: center; gap: 10px; border-bottom: 1px solid #24211b; padding-bottom: 5px; font-size: 13px; font-weight: 900; transition: color .2s, border-color .2s; }
.resources-text-link span { color: #bc7b05; font-size: 18px; }.resources-text-link:hover { color: #bc7b05; border-color: #bc7b05; }
.resources-count { color: #908a81; font-size: 10px; }
.resources-hero-art { height: 474px; position: relative; z-index: 1; }
.resource-orbit { position: absolute; border: 1px solid rgba(49, 41, 22, .25); border-radius: 50%; left: 50%; top: 50%; pointer-events: none; }.resource-orbit-a { width: 470px; height: 470px; transform: translate(-50%, -50%) rotate(-25deg) scaleY(.42); }.resource-orbit-b { width: 610px; height: 610px; transform: translate(-50%, -50%) rotate(22deg) scaleY(.38); opacity: .65; }
.resource-index-card { position: absolute; width: 236px; min-height: 99px; padding: 17px 18px; display: grid; grid-template-columns: 31px 1fr auto; align-items: end; gap: 8px; border-radius: 12px; box-shadow: 0 18px 38px -22px rgba(31, 25, 14, .43); transform-origin: center; transition: transform .32s cubic-bezier(.2,.8,.3,1); }
.resource-index-card:hover { transform: translateY(-7px) rotate(0); }.resource-index-card span { font-size: 10px; align-self: start; }.resource-index-card b { font-size: 17px; letter-spacing: -.03em; }.resource-index-card i { font: 500 10px var(--font-mono); font-style: normal; opacity: .68; padding-bottom: 3px; }
.index-delivery { left: 4%; top: 18%; background: #f0c96f; color: #29210f; transform: rotate(-7deg); }.index-production { right: 4%; top: 42%; background: #28220f; color: #f8f4e9; transform: rotate(5deg); }.index-operations { left: 16%; bottom: 5%; background: #d9d3ec; color: #2d2837; transform: rotate(-2deg); }
.resources-hero-word { position: absolute; bottom: -37px; right: -13px; color: transparent; -webkit-text-stroke: 1px rgba(42, 35, 19, .12); font-family: var(--font-display); line-height: 1; letter-spacing: .03em; font-size: clamp(120px, 17vw, 216px); pointer-events: none; }

.resources-ways { padding: 115px 0 124px; }.resources-ways .container { display: grid; grid-template-columns: .9fr 1.3fr; gap: 105px; align-items: start; }.resources-ways-head h2, .resources-library-top h2, .resources-toolkit-heading h2 { font-size: clamp(35px, 4.3vw, 54px); line-height: 1.18; letter-spacing: -.05em; font-weight: 900; margin-top: 16px; }
.resources-way-grid { border-top: 1px solid #dcd6cb; }.resources-way { width: 100%; padding: 24px 2px; border: 0; border-bottom: 1px solid #dcd6cb; display: grid; grid-template-columns: 42px 1fr 28px; align-items: center; gap: 10px; text-align: left; background: transparent; color: var(--ink); cursor: pointer; transition: padding .25s, color .25s; }.resources-way:hover { color: #ad7208; padding-left: 10px; }.resources-way-number { font-size: 10px; color: #a27a2d; align-self: start; padding-top: 4px; }.resources-way-copy { display: flex; flex-direction: column; gap: 4px; }.resources-way-copy b { font-size: 19px; letter-spacing: -.025em; }.resources-way-copy i { color: #807a70; font-style: normal; font-size: 13px; }.resources-way-arrow { font-size: 24px; color: #b07b10; transform: rotate(-45deg); transition: transform .25s; }.resources-way:hover .resources-way-arrow { transform: rotate(0); }

.resources-featured { background: #24200f; color: #f7f2e7; padding: 35px 0; }.featured-note { min-height: 476px; display: grid; grid-template-columns: 1.04fr .96fr; gap: 45px; align-items: center; padding: 64px 66px; position: relative; overflow: hidden; }.featured-note::after { content: ""; position: absolute; width: 790px; height: 340px; right: -340px; top: -212px; border-radius: 50%; background: #e5aa2d; filter: blur(85px); opacity: .23; pointer-events: none; }.featured-note-copy, .featured-note-art { position: relative; z-index: 1; }.featured-note-meta { color: #e4aa32; font-size: 10px; margin-bottom: 18px; }.featured-note h2 { font-size: clamp(37px, 4.1vw, 53px); line-height: 1.12; letter-spacing: -.055em; }.featured-note h2 span { color: #e7ab30; }.featured-note p:not(.featured-note-meta) { color: rgba(247,242,231,.67); font-size: 15px; line-height: 1.85; max-width: 485px; margin: 17px 0 26px; }.featured-note-link { display: inline-flex; align-items: center; gap: 12px; color: #f7f2e7; font-size: 13px; font-weight: 900; border-bottom: 1px solid rgba(247,242,231,.5); padding-bottom: 6px; transition: color .2s, border-color .2s; }.featured-note-link:hover { color: #e7ab30; border-color: #e7ab30; }.featured-note-link span { font-size: 18px; }
.featured-window { border: 1px solid rgba(247,242,231,.27); border-radius: 12px; overflow: hidden; box-shadow: 18px 18px 0 rgba(232, 172, 47, .19); background: rgba(255,255,255,.04); transform: rotate(2.5deg); }.featured-window-top { display: flex; align-items: center; gap: 6px; height: 44px; padding: 0 16px; border-bottom: 1px solid rgba(247,242,231,.17); }.featured-window-top i { width: 7px; height: 7px; border-radius: 50%; background: rgba(247,242,231,.42); }.featured-window-top i:first-child { background: #e6aa2d; }.featured-window-top span { margin-left: 8px; color: rgba(247,242,231,.53); font-size: 9px; }.featured-window-body { padding: 25px 25px 22px; }.featured-window-label { color: #e8aa2e; font-size: 9px; margin-bottom: 19px; }.featured-timeline-row { display: grid; grid-template-columns: 78px 1fr; align-items: center; gap: 13px; margin: 12px 0; color: rgba(247,242,231,.66); font-size: 11px; }.featured-timeline-row::after { content: ""; height: 19px; grid-column: 2; grid-row: 1; border-radius: 4px; background: repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), rgba(247,242,231,.1) calc(25% - 1px) 25%); }.featured-timeline-row i { grid-column: 2; grid-row: 1; z-index: 1; height: 11px; border-radius: 3px; width: var(--length); margin-left: var(--start); background: #dfa527; }.featured-timeline-row:nth-child(3) i { background: #9a8cea; }.featured-timeline-row:nth-child(4) i { background: #73c7a3; }.featured-window-stamp { margin: 23px 0 1px; display: inline-flex; color: #e7ab30; font-size: 8px; padding: 6px 8px; border: 1px solid rgba(231,171,48,.5); transform: rotate(-3deg); }

.resources-library { padding: 126px 0 132px; }.resources-library-top { display: grid; grid-template-columns: .92fr 1.08fr; align-items: end; gap: 80px; margin-bottom: 47px; }.resources-library-top > p,
.resources-library-lede { max-width: 440px; color: var(--ink-soft); font-size: 15px; line-height: 1.85; padding-bottom: 4px; margin: 0; }
.resources-library-lede { list-style: disc; padding-left: 1.15em; }
.resources-library-lede li { padding-left: 2px; }
.resources-library-lede li + li { margin-top: 0.35em; }.resources-filter-row { display: flex; gap: 7px; padding-bottom: 27px; border-bottom: 1px solid #dcd6cb; overflow-x: auto; scrollbar-width: none; }.resources-filter-row::-webkit-scrollbar { display: none; }.resources-filter { flex: none; font: 700 13px var(--font-body); color: #6c665d; padding: 8px 13px; border: 1px solid transparent; border-radius: 999px; background: transparent; cursor: pointer; transition: color .2s, background .2s, border-color .2s; }.resources-filter span { font: 500 9px var(--font-mono); margin-left: 4px; opacity: .62; }.resources-filter:hover { color: #1f1b13; }.resources-filter.active { background: #27220f; color: #f9f5eb; border-color: #27220f; }
.resource-card-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-flow: dense; gap: 16px; padding-top: 24px; }.resource-card { position: relative; min-height: 338px; border: 1px solid #e2ddd3; border-radius: 14px; padding: 23px; overflow: hidden; display: flex; flex-direction: column; background: #fff; transition: transform .3s cubic-bezier(.2,.8,.3,1), box-shadow .3s, opacity .25s; }.resource-card:hover { transform: translateY(-6px); box-shadow: 0 26px 38px -30px rgba(36,29,13,.45); }.resource-card.is-filtered-out { display: none; }.resource-card-large { grid-column: span 6; min-height: 530px; padding: 0; }.resource-card-large .resource-card-content { position: relative; z-index: 1; padding: 28px; margin-top: auto; color: #f7f3ea; background: linear-gradient(0deg, rgba(31,26,14,.93), rgba(31,26,14,.06)); }.resource-card-large h3 { color: #fff9ec; max-width: 390px; }.resource-card-large p:not(.resource-card-meta) { color: rgba(248,244,235,.71); }.resource-card-large a { color: #fff9ec; border-color: rgba(255,249,236,.55); }.resource-card-ink { grid-column: span 6; min-height: 530px; padding: 29px; background: #28220f; color: #f9f4e8; border-color: #28220f; }.resource-card-ink h3 { color: #f9f4e8; max-width: 410px; position: relative; z-index: 1; }.resource-card-ink p:not(.resource-card-meta) { color: rgba(249,244,232,.67); max-width: 390px; position: relative; z-index: 1; }.resource-card-ink .resource-card-meta, .resource-card-ink a { color: #e2a82f; position: relative; z-index: 1; }.resource-card-ink a { border-color: rgba(226,168,47,.6); }.resource-card-number { position: absolute; right: 20px; top: -8px; color: transparent; -webkit-text-stroke: 1px rgba(249,244,232,.2); font-family: var(--font-display); font-size: 215px; line-height: 1; }.resource-card-paper { grid-column: span 4; background: #e3dfef; border-color: #e3dfef; }.resource-card-mini { grid-column: span 4; min-height: 282px; }.resource-card-sun { background: #efc869; border-color: #efc869; }.resource-card-mauve { background: #e8c8d1; border-color: #e8c8d1; }.resource-card-visual { position: absolute; inset: 0; }.visual-squad { background: #6e61dd; background-image: radial-gradient(circle at 80% 25%, rgba(245,191,77,.7), transparent 18%), linear-gradient(150deg, #2f2862 0%, #7061df 52%, #9f91ef 100%); }.visual-squad::before { content: ""; position: absolute; inset: 0; opacity: .32; background-image: linear-gradient(rgba(255,255,255,.27) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.27) 1px, transparent 1px); background-size: 25px 25px; mask-image: linear-gradient(to bottom, #000, transparent 69%); }.visual-squad span { position: absolute; width: 64px; height: 64px; border-radius: 50%; background: #faefd4; border: 4px solid #332b65; bottom: 24%; z-index: 1; }.visual-squad span:nth-child(1) { left: 13%; width: 88px; height: 88px; background: #efc869; }.visual-squad span:nth-child(2) { left: 31%; bottom: 29%; background: #eac4d0; }.visual-squad span:nth-child(3) { left: 49%; width: 76px; height: 76px; background: #77c9a6; bottom: 26%; }.visual-squad span:nth-child(4) { left: 66%; bottom: 32%; background: #f8f2e4; }.resource-card-paper-mark { height: 66px; position: relative; margin: -2px 0 16px; }.resource-card-paper-mark i { position: absolute; width: 29px; height: 29px; border-radius: 4px; }.resource-card-paper-mark i:nth-child(1) { background: #6252d7; top: 0; left: 0; }.resource-card-paper-mark i:nth-child(2) { background: #f1b9c9; top: 8px; left: 38px; }.resource-card-paper-mark i:nth-child(3) { background: #f0c769; top: 37px; left: 12px; }.resource-card-paper-mark i:nth-child(4) { background: #76c6a2; top: 35px; left: 51px; }.resource-card-meta { font-size: 10px; letter-spacing: .09em; color: #8a8378; margin-bottom: 14px; }.resource-card h3 { font-size: clamp(23px, 2.55vw, 33px); letter-spacing: -.045em; line-height: 1.16; font-weight: 900; }.resource-card p:not(.resource-card-meta) { margin-top: 14px; color: #69645b; font-size: 13.5px; line-height: 1.75; max-width: 400px; }.resource-card a { margin-top: auto; display: inline-flex; align-items: center; align-self: flex-start; gap: 9px; padding-bottom: 5px; border-bottom: 1px solid rgba(31,27,19,.58); font-size: 12px; font-weight: 900; transition: color .2s, border-color .2s; }.resource-card a span { font-size: 16px; }.resource-card a:hover { color: #ad7208; border-color: #ad7208; }.resource-card-sun .resource-card-meta, .resource-card-mauve .resource-card-meta { color: rgba(42,35,20,.62); }

.resources-toolkit { padding: 103px 0; overflow: hidden; background: #eee9df; }.resources-toolkit-inner { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }.resources-toolkit-stack { display: flex; flex-direction: column; gap: 10px; }.toolkit-card { min-height: 106px; padding: 18px 19px 17px; background: #faf8f4; border: 1px solid #d9d3c9; border-radius: 10px; display: grid; grid-template-columns: 120px 1fr 23px; align-items: center; transition: transform .25s, box-shadow .25s; }.toolkit-card:hover { transform: translateX(8px); box-shadow: 0 17px 32px -28px rgba(36,29,13,.6); }.toolkit-card span { color: #9e772d; font-size: 9px; }.toolkit-card b { font-size: 17px; line-height: 1.25; letter-spacing: -.025em; }.toolkit-card i { font-style: normal; color: #b17b0c; font-size: 19px; }

.resources-contact { position: relative; overflow: hidden; background: #27220f; color: #f9f5eb; padding: 125px 0 117px; text-align: center; }.resources-contact::before { content: ""; position: absolute; width: 600px; height: 320px; left: 50%; bottom: -230px; transform: translateX(-50%); border-radius: 50%; filter: blur(70px); background: #d89715; opacity: .38; }.resources-contact .container { position: relative; z-index: 1; }.resources-contact .resources-eyebrow { color: #e1a62c; margin-bottom: 18px; }.resources-contact h2 { font-size: clamp(43px, 5.6vw, 69px); font-weight: 900; letter-spacing: -.055em; line-height: 1.12; }.resources-contact .container > p:not(.resources-eyebrow) { color: rgba(249,245,235,.65); margin: 18px auto 27px; font-size: 15px; }.resources-contact-link { display: inline-flex; align-items: center; gap: 13px; color: #f9f5eb; padding-bottom: 7px; border-bottom: 1px solid rgba(249,245,235,.5); font: 500 clamp(16px, 2vw, 21px) var(--font-mono); transition: color .2s, border-color .2s; }.resources-contact-link:hover { color: #e1a62c; border-color: #e1a62c; }.resources-contact-link span { color: #e1a62c; font-size: 24px; }.resources-contact-word { position: absolute; left: 50%; bottom: -38px; transform: translateX(-50%); color: transparent; -webkit-text-stroke: 1px rgba(249,245,235,.08); font: clamp(70px, 14vw, 204px)/1 var(--font-display); letter-spacing: .03em; white-space: nowrap; pointer-events: none; }

@media (max-width: 900px) {
  .resources-hero { grid-template-columns: 1fr; padding: 136px 36px 80px; min-height: auto; gap: 24px; }.resources-hero::before { left: 36px; right: 36px; }.resources-hero-grid { right: 0; width: 55%; }.resources-hero-art { max-width: 560px; width: 100%; height: 370px; margin: 0 auto; }.resources-ways .container, .resources-library-top, .resources-toolkit-inner { grid-template-columns: 1fr; gap: 35px; }.resources-ways { padding: 84px 0; }.featured-note { grid-template-columns: 1fr; padding: 58px 35px; }.featured-note-art { max-width: 490px; width: 92%; justify-self: center; }.resource-card-large, .resource-card-ink { grid-column: span 12; min-height: 440px; }.resource-card-paper, .resource-card-mini { grid-column: span 6; }.resources-library { padding: 87px 0; }.resources-toolkit { padding: 80px 0; }
}
@media (max-width: 560px) {
  .resources-hero { padding: 120px 20px 55px; }.resources-hero::before { left: 20px; right: 20px; }.resources-title { font-size: 49px; }.resources-intro { font-size: 14px; }.resources-hero-actions { gap: 18px; }.resources-hero-art { height: 295px; margin-top: 4px; }.resource-index-card { width: 187px; min-height: 78px; padding: 12px; grid-template-columns: 25px 1fr auto; }.resource-index-card b { font-size: 14px; }.resource-index-card i, .resource-index-card span { font-size: 8px; }.index-delivery { left: 1%; top: 12%; }.index-production { right: 0; top: 39%; }.index-operations { left: 8%; bottom: 4%; }.resource-orbit-a { width: 350px; height: 350px; }.resource-orbit-b { width: 470px; height: 470px; }.resources-hero-word { font-size: 136px; bottom: -22px; }.resources-ways .container { padding: 0 20px; }.resources-way-copy b { font-size: 16px; }.resources-way-copy i { font-size: 12px; }.resources-featured { padding: 0; }.featured-note { min-height: 0; padding: 67px 20px; }.featured-note h2 { font-size: 39px; }.featured-note-art { width: 91%; }.featured-window-body { padding: 20px 16px; }.featured-timeline-row { grid-template-columns: 68px 1fr; font-size: 10px; }.resources-library .container { padding: 0 20px; }.resources-library-top h2, .resources-toolkit-heading h2 { font-size: 39px; }.resources-library-top > p { font-size: 14px; }.resources-filter-row { margin-right: -20px; padding-right: 20px; }.resource-card-grid { grid-template-columns: 1fr; display: grid; gap: 12px; }.resource-card-large, .resource-card-ink, .resource-card-paper, .resource-card-mini { grid-column: auto; min-height: 350px; }.resource-card-large, .resource-card-ink { min-height: 405px; }.resource-card h3 { font-size: 29px; }.resource-card-number { font-size: 170px; }.resources-toolkit .container { padding: 0 20px; }.toolkit-card { grid-template-columns: 89px 1fr 18px; min-height: 88px; padding: 14px; }.toolkit-card b { font-size: 15px; }.toolkit-card span { font-size: 8px; }.resources-contact { padding: 89px 20px; }.resources-contact h2 { font-size: 43px; }.resources-contact .container > p:not(.resources-eyebrow) { font-size: 14px; }.resources-contact-word { font-size: 80px; bottom: -15px; }
}

/* ---------- Project kickoff checklist detail ---------- */
.resource-detail-page .nav { background: rgba(247, 245, 240, .76); }
.checklist-hero { position: relative; overflow: hidden; padding: 164px 0 103px; background: #f7f5f0; }.checklist-hero::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #ddd7cc; }.checklist-hero-inner { max-width: 1120px; position: relative; z-index: 1; }.checklist-hero-grid { position: absolute; right: 3%; top: 54px; width: 43%; height: 89%; opacity: .42; pointer-events: none; background-image: linear-gradient(#dbd5ca 1px, transparent 1px), linear-gradient(90deg, #dbd5ca 1px, transparent 1px); background-size: 27px 27px; mask-image: linear-gradient(to bottom, transparent, #000 13%, #000 82%, transparent); }.checklist-back { display: inline-flex; margin-bottom: 49px; color: #696258; font-size: 10px; transition: color .2s; }.checklist-back:hover { color: #a8700b; }.checklist-hero .resources-eyebrow { margin-bottom: 18px; }.checklist-hero h1 { max-width: 790px; font-size: clamp(52px, 6.4vw, 82px); line-height: 1.08; letter-spacing: -.06em; font-weight: 900; }.checklist-hero h1 em { color: #d89210; font-style: normal; position: relative; }.checklist-hero h1 em::after { content: ""; position: absolute; left: 1%; right: 1%; bottom: 3px; height: 9px; background: rgba(216,146,16,.2); border-radius: 50%; z-index: -1; }.checklist-hero-intro { max-width: 610px; margin: 24px 0 30px; color: var(--ink-soft); font-size: 16px; line-height: 1.85; }.checklist-hero-meta { display: flex; align-items: center; gap: 18px; color: #8d867a; font-size: 12px; }.checklist-hero-meta span:first-child, .checklist-hero-meta span:last-child { font-size: 10px; letter-spacing: .08em; }.checklist-hero-word { position: absolute; right: -9px; bottom: -37px; color: transparent; -webkit-text-stroke: 1px rgba(38,31,16,.1); font: clamp(150px, 20vw, 290px)/1 var(--font-display); letter-spacing: .03em; pointer-events: none; }
.checklist-intro { padding: 112px 0 91px; }.checklist-intro-inner { max-width: 900px; }.checklist-intro .resources-eyebrow { margin-bottom: 17px; }.checklist-intro h2 { max-width: 830px; font-size: clamp(35px, 4.6vw, 57px); line-height: 1.17; letter-spacing: -.055em; font-weight: 900; }.checklist-intro h2 span { color: #d89210; }.checklist-intro p:last-child { max-width: 550px; margin-top: 22px; color: var(--ink-soft); font-size: 15px; line-height: 1.85; }
.checklist-board { padding: 95px 0 106px; background: #211e16; color: #f8f4e9; }.checklist-board-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 32px; }.checklist-board-heading .resources-eyebrow { color: #e0aa3b; }.checklist-board-heading h2 { font-size: clamp(30px, 3.7vw, 45px); line-height: 1.14; letter-spacing: -.045em; }.checklist-table { border-top: 1px solid rgba(248,244,233,.23); }.checklist-table-head, .checklist-row { display: grid; grid-template-columns: 1.02fr 2.8fr 1.25fr; gap: 34px; }.checklist-table-head { min-height: 56px; align-items: center; color: rgba(248,244,233,.58); font-size: 12px; font-weight: 700; }.checklist-row { min-height: 88px; align-items: center; border-top: 1px solid rgba(248,244,233,.12); }.checklist-module { display: flex; gap: 12px; align-items: center; }.checklist-module i { color: #e2a83a; font-size: 10px; font-style: normal; }.checklist-module b { font-size: 18px; letter-spacing: -.025em; }.checklist-row p { color: rgba(248,244,233,.84); font-size: 16px; line-height: 1.55; }.checklist-row strong { font-size: 15px; line-height: 1.45; color: #fffaf0; }
.checklist-use { padding: 108px 0 116px; background: #efebe3; }.checklist-use-inner { display: grid; grid-template-columns: .94fr 1.06fr; gap: 90px; align-items: center; }.checklist-use-copy .resources-eyebrow { margin-bottom: 16px; }.checklist-use-copy h2 { font-size: clamp(35px, 4.3vw, 54px); line-height: 1.17; letter-spacing: -.055em; }.checklist-use-steps { display: grid; gap: 1px; list-style: none; background: #d9d2c7; }.checklist-use-steps li { display: grid; grid-template-columns: 46px 1fr; gap: 16px; padding: 19px 20px; background: #f8f6f1; }.checklist-use-steps i { color: #aa7413; font-size: 10px; padding-top: 4px; font-style: normal; }.checklist-use-steps p { color: #6c665d; font-size: 13.5px; line-height: 1.65; }.checklist-use-steps b { color: #211d15; font-size: 15px; margin-right: 9px; }.checklist-contact { padding: 111px 0 115px; position: relative; overflow: hidden; background: #28220f; color: #f9f5eb; text-align: center; }.checklist-contact::before { content: ""; position: absolute; width: 540px; height: 250px; bottom: -190px; left: 50%; transform: translateX(-50%); background: #d89818; border-radius: 50%; filter: blur(66px); opacity: .39; }.checklist-contact .container { position: relative; z-index: 1; }.checklist-contact .resources-eyebrow { color: #e1a72e; margin-bottom: 18px; }.checklist-contact h2 { margin-bottom: 30px; font-size: clamp(39px, 5.2vw, 63px); line-height: 1.13; letter-spacing: -.055em; }

@media (max-width: 900px) {
  .checklist-hero { padding: 136px 0 82px; }.checklist-table-head, .checklist-row { grid-template-columns: 1fr 2fr 1fr; gap: 22px; }.checklist-use-inner { grid-template-columns: 1fr; gap: 38px; }
}
@media (max-width: 560px) {
  .checklist-hero { padding: 116px 0 65px; }.checklist-hero .container, .checklist-intro .container, .checklist-board .container, .checklist-use .container { padding-left: 20px; padding-right: 20px; }.checklist-back { margin-bottom: 37px; }.checklist-hero h1 { font-size: 48px; }.checklist-hero-intro { font-size: 14px; }.checklist-hero-meta { gap: 11px; align-items: start; flex-wrap: wrap; font-size: 11px; }.checklist-hero-word { font-size: 170px; bottom: -17px; }.checklist-intro { padding: 75px 0 66px; }.checklist-intro h2 { font-size: 37px; }.checklist-intro p:last-child { font-size: 14px; }.checklist-board { padding: 69px 0 74px; }.checklist-board-heading { display: block; margin-bottom: 24px; }.checklist-board-heading .resources-eyebrow { margin-bottom: 14px; }.checklist-table-head { display: none; }.checklist-row { display: grid; grid-template-columns: 1fr; gap: 5px; min-height: 0; padding: 18px 0 20px; }.checklist-module { gap: 10px; }.checklist-module b { font-size: 17px; }.checklist-row p { padding-left: 30px; font-size: 14px; }.checklist-row strong { padding-left: 30px; color: #e5ad3d; font-size: 13px; }.checklist-row p::before, .checklist-row strong::before { content: ""; display: inline-block; width: 4px; height: 4px; margin: 0 9px 3px -13px; border-radius: 50%; background: rgba(248,244,233,.45); }.checklist-row strong::before { background: #e5ad3d; }.checklist-use { padding: 73px 0; }.checklist-use-copy h2 { font-size: 39px; }.checklist-use-steps li { grid-template-columns: 36px 1fr; gap: 10px; padding: 17px 14px; }.checklist-use-steps b { display: block; margin: 0 0 2px; }.checklist-contact { padding: 80px 20px; }.checklist-contact h2 { font-size: 42px; }
}

/* APS diagnostic page: retain the checklist layout with its own understated accent. */
.diagnostic-page .checklist-back:hover { color: #4e9e7d; }
.diagnostic-page .checklist-hero h1 em { color: #4e9e7d; }
.diagnostic-page .checklist-hero h1 em::after { background: rgba(78,158,125,.2); }
.diagnostic-page .checklist-intro h2 span { color: #4e9e7d; }
.diagnostic-page .resources-eyebrow,
.diagnostic-page .checklist-module i { color: #75c5a4; }
.diagnostic-page .checklist-hero .resources-eyebrow,
.diagnostic-page .checklist-intro .resources-eyebrow,
.diagnostic-page .checklist-use-copy .resources-eyebrow { color: #4e9e7d; }
.diagnostic-page .checklist-use-steps i { color: #4e9e7d; }
.diagnostic-page .checklist-contact::before { background: #72c5a1; }
.diagnostic-page .checklist-contact .resources-eyebrow,
.diagnostic-page .resources-contact-link span { color: #75c5a4; }

@media (max-width: 560px) {
  .diagnostic-page .checklist-row strong { color: #75c5a4; }
  .diagnostic-page .checklist-row strong::before { background: #75c5a4; }
}

/* BMS monthly review: a quieter mauve system for business facts and decisions. */
.bms-review-page .checklist-hero { background: linear-gradient(116deg, #f7f5f0 0%, #f7f5f0 53%, #f3e5e9 100%); }
.bms-review-page .checklist-hero-grid { opacity: .45; background-image: linear-gradient(rgba(189,111,136,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(189,111,136,.3) 1px, transparent 1px); }
.bms-review-page .checklist-back:hover { color: #af5e78; }
.bms-review-page .checklist-hero h1 em { color: #b9627c; }
.bms-review-page .checklist-hero h1 em::after { background: rgba(185,98,124,.18); }
.bms-review-page .checklist-intro { background: #f8f0f2; }
.bms-review-page .checklist-intro h2 span { color: #b9627c; }
.bms-review-page .resources-eyebrow,
.bms-review-page .checklist-module i { color: #d1839a; }
.bms-review-page .checklist-hero .resources-eyebrow,
.bms-review-page .checklist-intro .resources-eyebrow,
.bms-review-page .checklist-use-copy .resources-eyebrow { color: #af5e78; }
.bms-review-page .checklist-board { background: radial-gradient(circle at 82% 14%, rgba(213,132,156,.25), transparent 25%), linear-gradient(124deg, #2a1d25 0%, #36232d 100%); }
.bms-review-page .checklist-board-heading .resources-eyebrow,
.bms-review-page .checklist-module i { color: #e6a1b3; }
.bms-review-page .checklist-use { background: #eee2e5; }
.bms-review-page .checklist-use-steps { background: #d8c2c8; }
.bms-review-page .checklist-use-steps li { background: #fbf7f7; }
.bms-review-page .checklist-use-steps i { color: #b9627c; }
.bms-review-page .checklist-contact { background: #30202a; }
.bms-review-page .checklist-contact::before { background: #ce788f; }
.bms-review-page .checklist-contact .resources-eyebrow,
.bms-review-page .resources-contact-link span { color: #e5a0b2; }

@media (max-width: 560px) {
  .bms-review-page .checklist-row strong { color: #e6a1b3; }
  .bms-review-page .checklist-row strong::before { background: #e6a1b3; }
}

/* BMS practice card: an operating dashboard rather than a flat template tile. */
.resource-card-paper { isolation: isolate; border-color: #ddd7ef; background: radial-gradient(circle at 83% 24%, rgba(242, 192, 103, .48), transparent 18%), radial-gradient(circle at 72% 75%, rgba(107, 192, 162, .3), transparent 24%), linear-gradient(145deg, #ebe8f6 0%, #d9d4ed 100%); }
.resource-card-paper::before { content: "03"; position: absolute; z-index: 0; right: -8px; top: -33px; color: transparent; -webkit-text-stroke: 1px rgba(58, 47, 105, .16); font: 220px/.9 var(--font-display); letter-spacing: -.08em; pointer-events: none; }
.resource-card-paper::after { content: ""; position: absolute; z-index: 0; inset: 0; opacity: .36; background-image: linear-gradient(rgba(80, 69, 130, .18) 1px, transparent 1px), linear-gradient(90deg, rgba(80, 69, 130, .18) 1px, transparent 1px); background-size: 25px 25px; mask-image: linear-gradient(135deg, #000 4%, transparent 71%); pointer-events: none; }
.resource-card-paper > * { position: relative; z-index: 1; }
.resource-card-paper-mark { width: 146px; height: 88px; margin: -1px 0 13px; }
.resource-card-paper-mark::before { content: "OPERATING / 03"; position: absolute; top: 1px; left: 0; color: rgba(53, 43, 94, .57); font: 9px var(--font-mono); letter-spacing: .11em; white-space: nowrap; }
.resource-card-paper-mark::after { content: ""; position: absolute; left: 0; bottom: 0; width: 132px; height: 1px; background: linear-gradient(90deg, #6252d7 0 28%, #f1b9c9 28% 54%, #f0c769 54% 76%, #76c6a2 76%); opacity: .75; }
.resource-card-paper-mark i { width: 34px; height: 34px; border-radius: 8px; box-shadow: 0 11px 19px -13px rgba(37, 29, 75, .7), inset 0 1px rgba(255,255,255,.45); }
.resource-card-paper-mark i:nth-child(1) { top: 22px; left: 0; background: #6252d7; }
.resource-card-paper-mark i:nth-child(2) { top: 31px; left: 47px; background: #f1b9c9; }
.resource-card-paper-mark i:nth-child(3) { top: 52px; left: 17px; background: #f0c769; }
.resource-card-paper-mark i:nth-child(4) { top: 50px; left: 67px; background: #76c6a2; }
.resource-card-paper .resource-card-meta { color: rgba(55, 46, 92, .62); }
.resource-card-paper h3 { max-width: 410px; }

/* APS guide card shares the green from its diagnostic detail page. */
.resource-card-aps { background: #7bc9a6; border-color: #7bc9a6; }
.resource-card-aps .resource-card-meta { color: rgba(18,28,23,.64); }
.resource-card-aps p:not(.resource-card-meta) { color: rgba(18,28,23,.72); }
.resource-card-aps a:hover { color: #173f30; border-color: #173f30; }

@media (min-width: 901px) {
  .resource-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, 360px);
    grid-auto-flow: column;
  }

  .resource-card-grid .resource-card {
    grid-column: auto;
    min-height: 0;
  }

  .resource-card-grid .resource-card-ink {
    padding: 23px;
  }

  #library[data-active-filter="delivery"] .resource-card-grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) minmax(0, 1fr);
    grid-template-rows: 530px;
    grid-auto-flow: row;
  }

  #library[data-active-filter="production"] .resource-card-grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) minmax(0, 1fr);
    grid-template-rows: 530px;
    grid-auto-flow: row;
  }

  #library[data-active-filter="operations"] .resource-card-grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) minmax(0, 1fr);
    grid-template-rows: 530px;
    grid-auto-flow: row;
  }
}

@media (min-width: 561px) and (max-width: 900px) {
  .resource-card-grid .resource-card-checklist,
  .resource-card-grid .resource-card-guide,
  .resource-card-grid .resource-card-paper,
  .resource-card-grid .resource-card-mauve {
    grid-column: span 12;
    min-height: 400px;
  }
}

/* Project kickoff: a lighter, editorial step sequence. */
.project-kickoff-page .checklist-use { position: relative; isolation: isolate; overflow: hidden; background: #efebe3; }
.project-kickoff-page .checklist-use::before { content: ""; position: absolute; z-index: -1; width: 520px; height: 360px; right: -180px; bottom: -255px; border-radius: 50%; background: radial-gradient(circle, rgba(224,170,59,.22), transparent 68%); filter: blur(10px); }
.project-kickoff-page .checklist-use-inner { grid-template-columns: .82fr 1.18fr; gap: clamp(54px, 8vw, 112px); }
.project-kickoff-page .checklist-use-copy h2 { max-width: 370px; }
.project-kickoff-page .checklist-use-steps { position: relative; display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; background: transparent; }
.project-kickoff-page .checklist-use-steps::before { content: ""; position: absolute; top: 39px; bottom: 39px; left: 27px; width: 1px; background: linear-gradient(to bottom, rgba(203,148,38,.1), rgba(190,130,10,.6), rgba(203,148,38,.1)); }
.project-kickoff-page .checklist-use-steps li { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 18px; align-items: start; padding: 22px 28px 23px 17px; border: 1px solid rgba(207,198,184,.9); border-radius: 15px; background: linear-gradient(118deg, rgba(251,250,247,.94), rgba(247,244,238,.72)); box-shadow: 0 15px 25px -26px rgba(43,34,17,.75), inset 0 1px rgba(255,255,255,.85); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.project-kickoff-page .checklist-use-steps li:hover { z-index: 1; border-color: rgba(196,140,25,.55); transform: translateX(5px); box-shadow: 0 18px 31px -24px rgba(43,34,17,.45), inset 0 1px rgba(255,255,255,.95); }
.project-kickoff-page .checklist-use-steps i { position: relative; z-index: 1; display: grid; width: 40px; height: 40px; place-items: center; padding: 0; border: 1px solid rgba(203,148,38,.37); border-radius: 50%; color: #a7700e; background: #f5e7c8; box-shadow: 0 0 0 5px rgba(239,235,227,.76); font-size: 10px; font-style: normal; }
.project-kickoff-page .checklist-use-step-copy { display: grid; gap: 4px; padding-top: 2px; }
.project-kickoff-page .checklist-use-step-copy b { color: #211d15; font-size: 17px; letter-spacing: -.025em; line-height: 1.35; }
.project-kickoff-page .checklist-use-step-copy span { color: #70695e; font-size: 13px; line-height: 1.7; }

@media (max-width: 900px) {
  .project-kickoff-page .checklist-use-inner { grid-template-columns: 1fr; gap: 38px; }
  .project-kickoff-page .checklist-use-copy h2 { max-width: none; }
}

@media (max-width: 560px) {
  .project-kickoff-page .checklist-use-steps { gap: 9px; }
  .project-kickoff-page .checklist-use-steps::before { top: 33px; bottom: 33px; left: 22px; }
  .project-kickoff-page .checklist-use-steps li { grid-template-columns: 45px minmax(0, 1fr); gap: 11px; padding: 16px 16px 17px 11px; border-radius: 12px; }
  .project-kickoff-page .checklist-use-steps i { width: 34px; height: 34px; box-shadow: 0 0 0 4px rgba(239,235,227,.76); font-size: 9px; }
  .project-kickoff-page .checklist-use-step-copy { gap: 2px; padding-top: 0; }
  .project-kickoff-page .checklist-use-step-copy b { font-size: 15px; }
  .project-kickoff-page .checklist-use-step-copy span { font-size: 12.5px; }
}

/* APS and BMS variants of the editorial step sequence. */
.diagnostic-page .checklist-use { --step-surface: #edf0eb; --step-card-start: rgba(250,252,249,.96); --step-card-end: rgba(244,249,246,.8); --step-line: rgba(78,158,125,.56); --step-ring: #d9eee5; --step-accent: #3b9975; --step-border: rgba(170,205,190,.92); --step-copy: #60736b; position: relative; isolation: isolate; overflow: hidden; background: var(--step-surface); }
.bms-review-page .checklist-use { --step-surface: #eee2e5; --step-card-start: rgba(253,249,250,.97); --step-card-end: rgba(248,240,242,.82); --step-line: rgba(185,98,124,.54); --step-ring: #f2dce2; --step-accent: #b9627c; --step-border: rgba(218,180,191,.9); --step-copy: #75626a; position: relative; isolation: isolate; overflow: hidden; background: var(--step-surface); }
.diagnostic-page .checklist-use::before, .bms-review-page .checklist-use::before { content: ""; position: absolute; z-index: -1; width: 520px; height: 360px; right: -180px; bottom: -255px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--step-accent) 23%, transparent), transparent 68%); filter: blur(10px); }
.diagnostic-page .checklist-use-inner, .bms-review-page .checklist-use-inner { grid-template-columns: .82fr 1.18fr; gap: clamp(54px, 8vw, 112px); }
.diagnostic-page .checklist-use-copy h2, .bms-review-page .checklist-use-copy h2 { max-width: 370px; }
.diagnostic-page .checklist-use-steps, .bms-review-page .checklist-use-steps { position: relative; display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; background: transparent; }
.diagnostic-page .checklist-use-steps::before, .bms-review-page .checklist-use-steps::before { content: ""; position: absolute; top: 39px; bottom: 39px; left: 27px; width: 1px; background: linear-gradient(to bottom, transparent, var(--step-line), transparent); }
.diagnostic-page .checklist-use-steps li, .bms-review-page .checklist-use-steps li { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 18px; align-items: start; padding: 22px 28px 23px 17px; border: 1px solid var(--step-border); border-radius: 15px; background: linear-gradient(118deg, var(--step-card-start), var(--step-card-end)); box-shadow: 0 15px 25px -26px rgba(43,34,17,.75), inset 0 1px rgba(255,255,255,.85); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.diagnostic-page .checklist-use-steps li:hover, .bms-review-page .checklist-use-steps li:hover { z-index: 1; border-color: var(--step-line); transform: translateX(5px); box-shadow: 0 18px 31px -24px rgba(43,34,17,.45), inset 0 1px rgba(255,255,255,.95); }
.diagnostic-page .checklist-use-steps i, .bms-review-page .checklist-use-steps i { position: relative; z-index: 1; display: grid; width: 40px; height: 40px; place-items: center; padding: 0; border: 1px solid var(--step-line); border-radius: 50%; color: var(--step-accent); background: var(--step-ring); box-shadow: 0 0 0 5px color-mix(in srgb, var(--step-surface) 76%, transparent); font-size: 10px; font-style: normal; }
.diagnostic-page .checklist-use-step-copy, .bms-review-page .checklist-use-step-copy { display: grid; gap: 4px; padding-top: 2px; }
.diagnostic-page .checklist-use-step-copy b, .bms-review-page .checklist-use-step-copy b { color: #211d15; font-size: 17px; letter-spacing: -.025em; line-height: 1.35; }
.diagnostic-page .checklist-use-step-copy span, .bms-review-page .checklist-use-step-copy span { color: var(--step-copy); font-size: 13px; line-height: 1.7; }

@media (max-width: 900px) {
  .diagnostic-page .checklist-use-inner, .bms-review-page .checklist-use-inner { grid-template-columns: 1fr; gap: 38px; }
  .diagnostic-page .checklist-use-copy h2, .bms-review-page .checklist-use-copy h2 { max-width: none; }
}

@media (max-width: 560px) {
  .diagnostic-page .checklist-use-steps, .bms-review-page .checklist-use-steps { gap: 9px; }
  .diagnostic-page .checklist-use-steps::before, .bms-review-page .checklist-use-steps::before { top: 33px; bottom: 33px; left: 22px; }
  .diagnostic-page .checklist-use-steps li, .bms-review-page .checklist-use-steps li { grid-template-columns: 45px minmax(0, 1fr); gap: 11px; padding: 16px 16px 17px 11px; border-radius: 12px; }
  .diagnostic-page .checklist-use-steps i, .bms-review-page .checklist-use-steps i { width: 34px; height: 34px; box-shadow: 0 0 0 4px color-mix(in srgb, var(--step-surface) 76%, transparent); font-size: 9px; }
  .diagnostic-page .checklist-use-step-copy, .bms-review-page .checklist-use-step-copy { gap: 2px; padding-top: 0; }
  .diagnostic-page .checklist-use-step-copy b, .bms-review-page .checklist-use-step-copy b { font-size: 15px; }
  .diagnostic-page .checklist-use-step-copy span, .bms-review-page .checklist-use-step-copy span { font-size: 12.5px; }
}