.credit-page { background: var(--ivory); }
.credit-hero { position: relative; min-height: 720px; height: 88svh; max-height: 850px; overflow: hidden; color: white; background: var(--ink-deep); }
.credit-hero > img, .credit-hero__veil { position: absolute; inset: 0; width: 100%; height: 100%; }
.credit-hero > img { object-fit: cover; object-position: center; filter: saturate(.82); }
.credit-hero__veil { background: linear-gradient(90deg, rgba(3,18,15,.86) 0%, rgba(3,18,15,.62) 44%, rgba(3,18,15,.12) 78%), linear-gradient(0deg, rgba(3,18,15,.58), transparent 45%); }
.credit-hero__content { position: relative; z-index: 2; max-width: 830px; height: calc(100% - 82px); display: flex; flex-direction: column; justify-content: center; padding-top: 88px; }
.credit-hero h1 { margin: 0; font: 500 clamp(54px, 4.8vw, 82px)/.98 Manrope, sans-serif; letter-spacing: -.055em; }
.credit-hero__lead { max-width: 690px; margin: 22px 0 26px; color: #dce4e1; font-size: clamp(16px, 1.2vw, 19px); line-height: 1.55; }
.credit-hero__actions { display: flex; gap: 13px; }
.credit-hero__facts { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; border-top: 1px solid rgba(255,255,255,.16); background: rgba(4,20,17,.9); backdrop-filter: blur(12px); }
.credit-hero__facts .shell { min-height: 82px; display: grid; grid-template-columns: repeat(3, 1fr); }
.credit-hero__facts div { padding: 19px 28px; border-right: 1px solid rgba(255,255,255,.13); }
.credit-hero__facts div:first-child { border-left: 1px solid rgba(255,255,255,.13); }
.credit-hero__facts span, .credit-hero__facts strong { display: block; }.credit-hero__facts span { color: #8fa19a; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }.credit-hero__facts strong { margin-top: 5px; font: 500 14px Manrope, sans-serif; }
.credit-page[data-credit="auto"] .credit-hero > img { object-position: 78% center; }
.credit-page[data-credit="auto"] .credit-hero__content { max-width: 680px; }
.credit-page[data-credit="auto"] .credit-hero__veil { background: linear-gradient(90deg, rgba(3,18,15,.92) 0%, rgba(3,18,15,.74) 38%, rgba(3,18,15,.18) 63%, rgba(3,18,15,.03) 100%), linear-gradient(0deg, rgba(3,18,15,.5), transparent 45%); }

.credit-intro__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 11%; align-items: start; }
.credit-intro h2 { max-width: 780px; }
.credit-intro__copy > p { margin: 0 0 27px; color: var(--muted); font-size: 18px; line-height: 1.72; }
.credit-intro__note { padding: 24px; border-left: 3px solid var(--red); background: var(--sand); font-size: 13px; line-height: 1.65; }
.credit-uses { color: white; background: var(--ink); }
.credit-uses .section-head > p { color: #aebbb6; }
.credit-use-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.16); border-left: 1px solid rgba(255,255,255,.16); }
.credit-use { min-height: 300px; padding: 30px; border-right: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.credit-use > span { color: var(--red); font-size: 10px; }.credit-use h3 { margin: 78px 0 14px; font: 500 25px/1.25 Manrope, sans-serif; }.credit-use p { margin: 0; color: #aebbb6; line-height: 1.65; }

.credit-criteria__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 10%; }
.credit-criteria__aside { position: sticky; top: 135px; }.credit-criteria__aside > p:not(.eyebrow) { color: var(--muted); font-size: 17px; line-height: 1.65; }
.credit-criteria__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); counter-reset: criteria; }
.credit-criteria__list li { position: relative; padding: 26px 20px 27px 70px; border-bottom: 1px solid var(--line); counter-increment: criteria; }
.credit-criteria__list li::before { content: "0" counter(criteria); position: absolute; top: 30px; left: 4px; color: var(--red); font-size: 10px; }.credit-criteria__list b { display: block; margin-bottom: 7px; font: 500 20px Manrope, sans-serif; }.credit-criteria__list span { color: var(--muted); line-height: 1.6; }

.credit-path { background: var(--sand); }.credit-path ol { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; padding: 0; list-style: none; border-top: 1px solid #cbd1cd; border-left: 1px solid #cbd1cd; }.credit-path li { min-height: 280px; padding: 28px; border-right: 1px solid #cbd1cd; border-bottom: 1px solid #cbd1cd; }.credit-path li > span { color: var(--red); font-size: 10px; }.credit-path h3 { margin: 76px 0 13px; font: 500 22px Manrope, sans-serif; }.credit-path li p { margin: 0; color: var(--muted); line-height: 1.6; }
.credit-warning { padding: 28px 0; color: #d6dfdc; background: #102c25; }.credit-warning .shell { display: grid; grid-template-columns: 180px 1fr; gap: 50px; align-items: start; }.credit-warning strong { color: white; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }.credit-warning p { margin: 0; font-size: 12px; line-height: 1.65; }
.credit-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.credit-related { min-height: 260px; display: flex; flex-direction: column; padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: .2s; }.credit-related span { color: var(--red); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }.credit-related h3 { margin: 55px 0 25px; font: 500 24px Manrope, sans-serif; }.credit-related b { margin-top: auto; font-size: 13px; }.credit-related:hover { color: white; background: var(--ink); transform: translateY(-3px); }

@media (max-width: 950px) { .credit-intro__grid, .credit-criteria__grid { grid-template-columns: 1fr; gap: 50px; }.credit-criteria__aside { position: static; }.credit-use-grid, .credit-related-grid { grid-template-columns: repeat(2, 1fr); }.credit-path ol { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 740px) { .credit-hero { min-height: 100svh; }.credit-hero__content { height: calc(100% - 108px); justify-content: center; padding-top: 100px; padding-bottom: 16px; }.credit-hero h1 { font-size: clamp(43px, 11.5vw, 56px); }.credit-hero__lead { max-width: 34ch; margin-block: 14px 16px; font-size: 14px; line-height: 1.65; }.credit-hero__actions { width: min(100%, 330px); flex-direction: column; gap: 8px; }.credit-hero__actions .button { width: 100%; min-height: 49px; }.credit-hero__facts { background: rgba(9,34,29,.86); }.credit-hero__facts .shell { grid-template-columns: 1fr; }.credit-hero__facts div { display: flex; justify-content: space-between; padding: 7px 14px; border: 0; border-top: 1px solid rgba(255,255,255,.14); }.credit-hero__facts strong { margin: 0; }.credit-use-grid, .credit-related-grid, .credit-path ol { grid-template-columns: 1fr; }.credit-use { min-height: 245px; }.credit-use h3 { margin-top: 55px; }.credit-warning .shell { grid-template-columns: 1fr; gap: 12px; } }