/* The reference's native sticky-card stack, scoped to the homepage auction. */
.cp-auction { padding: 110px 0; background: #fffce8; color: #062817; border-top: 1px solid #e5dca6; font-family: 'Inter', sans-serif; text-align: left; }
.cp-auction *, .cp-auction *::before, .cp-auction *::after { box-sizing: border-box; }
.cp-auction-layout { display: grid; grid-template-columns: 1fr 1.1fr; align-items: start; gap: 100px; }
.cp-auction-copy { position: sticky; top: 140px; }
.cp-auction-eyebrow { display: block; margin-bottom: 36px; color: #062817; font-size: .68rem; line-height: 1.5; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.cp-auction h2 { margin: 0; color: #062817; font: 600 clamp(5rem, 9vw, 9rem)/.94 'Manrope', 'Manrope', sans-serif; letter-spacing: -.025em; }
.cp-auction h2 em { color: #0b3d23; font-style: normal; }
.cp-auction-copy > p { max-width: 390px; margin: 32px 0 36px; color: #657d6b; font-size: 1rem; line-height: 1.8; }
.cp-auction-link { display: inline-flex; align-items: center; gap: 18px; color: #062817; font-size: .875rem; line-height: 1.5; font-weight: 700; text-decoration: none; }
.cp-auction-link > span { color: #0b3d23; font-size: 1.5rem; line-height: 1; transition: transform .2s; }
.cp-auction-link:hover { color: #062817; text-decoration: underline; text-underline-offset: 5px; }
.cp-auction-link:hover > span { transform: translate(2px, -2px); }
.cp-auction-link:focus-visible { outline: 3px solid #0b3d23; outline-offset: 6px; }
.cp-auction-steps { min-width: 0; }
.cp-auction-card { position: sticky; top: calc(120px + var(--auction-step, 0) * 18px); min-height: 320px; margin-bottom: 22px; padding: 32px; border: 1px solid #e5dca6; border-radius: 12px; background: #ffffff; color: #062817; }
.cp-auction-card:last-child { margin-bottom: 0; }
.cp-auction-card:nth-child(even) { background: #0b3d23; color: #0b3d23; border-color: #062817; }
.cp-auction-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.cp-auction-card-top > span:first-child { color: inherit; font: 600 4.8rem/.9 'Manrope', 'Manrope', sans-serif; }
.cp-auction-card-top > span:last-child { max-width: 180px; margin-top: 5px; color: inherit; font-size: .55rem; line-height: 1.5; font-weight: 700; letter-spacing: .1em; text-align: right; text-transform: uppercase; }
.cp-auction-card h3 { margin: 40px 0 18px; color: inherit; font: 600 2.5rem/1 'Manrope', 'Manrope', sans-serif; text-transform: uppercase; }
.cp-auction-card > p { max-width: 370px; margin: 0; color: inherit; font-size: .9rem; line-height: 1.8; }
@media (max-width: 1100px) {
    .cp-auction { padding-block: 80px; }
    .cp-auction-layout { grid-template-columns: 1fr 1.2fr; gap: 35px; }
    .cp-auction-copy { top: 110px; }
    .cp-auction-card { top: calc(95px + var(--auction-step, 0) * 12px); padding: 26px; }
    .cp-auction-card h3 { font-size: 2.1rem; }
    .cp-auction-card-top > span:first-child { font-size: 4rem; }
    .cp-auction-card-top > span:last-child { max-width: 105px; font-size: .5rem; }
}
@media (max-width: 700px) {
    .cp-auction { padding-block: 60px; }
    .cp-auction-layout { display: block; }
    .cp-auction-copy { position: static; margin-bottom: 38px; }
    .cp-auction-eyebrow { margin-bottom: 24px; font-size: .6rem; }
    .cp-auction h2 { font-size: 4.8rem; }
    .cp-auction-copy > p { margin-block: 24px; }
    .cp-auction-card { top: calc(90px + var(--auction-step, 0) * 10px); padding: 24px; }
    .cp-auction-card h3 { font-size: 2.1rem; }
}
@media (min-width: 701px) and (min-height: 600px) and (max-height: 700px) {
    .cp-auction-copy { top: 110px; }
    .cp-auction h2 { font-size: min(9vw, 17vh); }
    .cp-auction-eyebrow { margin-bottom: 24px; }
    .cp-auction-copy > p { margin-block: 24px; }
    .cp-auction-card { top: calc(105px + var(--auction-step, 0) * 12px); }
}
@media (max-height: 599px), (prefers-reduced-motion: reduce) {
    .cp-auction-copy, .cp-auction-card { position: relative; top: auto; }
    .cp-auction-link > span { transition: none; }
}