/* Left-hinged covers fold inside each card. Text determines the height. */
.fold-card.fold-ready {position:relative;display:block;min-width:0;height:auto;min-height:0;padding:0;border:0;border-radius:16px;background:#eeeae0;box-shadow:0 12px 30px #17191a0d;perspective:1800px;isolation:isolate;overflow:visible}
.fold-card.fold-ready::after {display:none}
.fold-card.fold-ready.reveal {clip-path:none;transform:none;opacity:1}
.fold-card .fold-inside {position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;min-height:390px;height:auto;padding:26px;border:1px solid #896b1e40;border-radius:16px;background:linear-gradient(145deg,#f2f0e9,#e8e3d7);color:var(--charcoal);overflow:visible}
.fold-card .fold-cover {position:absolute;inset:0;z-index:2;transform-origin:0 50%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .55s ease,visibility .8s}
.fold-card.is-open .fold-cover {transform:rotateY(-88deg);opacity:0;visibility:hidden;pointer-events:none}
.fold-card .fold-front {position:absolute;inset:0;display:flex;flex-direction:column;padding:0;border:1px solid #bf9b2e55;border-radius:16px;background:#202324;color:#f2f0e9;overflow:hidden;backface-visibility:hidden}
.fold-card .fold-front-copy {padding:24px;display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0}
.fold-card .fold-front h3 {margin:14px 0 20px;color:#f2f0e9;font-size:clamp(1.4rem,2vw,2rem);line-height:1.18;letter-spacing:-.025em;overflow-wrap:anywhere}
.fold-label,.fold-hint {font-size:.875rem;line-height:1.5;color:#d8b748}
.fold-hint {color:#d4d1c8;margin-top:auto}
.fold-card .fold-front .card-art,.fold-card .fold-front .sector-image {margin:0;width:100%;height:clamp(180px,18vw,270px);aspect-ratio:auto;flex:none}
.fold-card .fold-front img {width:100%;height:100%;object-fit:contain;background:#f2f0e9}
.fold-card .fold-open {position:absolute;inset:0;width:100%;border:0;background:none;color:transparent;cursor:default}
.fold-card .fold-open:focus-visible {outline:3px solid #e2bd45;outline-offset:-5px;border-radius:16px}
.fold-card .fold-inside h3 {color:var(--charcoal);font-size:clamp(1.4rem,2vw,2rem);line-height:1.2;margin:18px 0 14px;overflow-wrap:anywhere}
.fold-card .fold-inside p {color:var(--body-muted);font-size:1rem;line-height:1.65;overflow-wrap:anywhere}
.fold-card .fold-inside > span,.fold-card .fold-inside .hr-feature-number {color:var(--gold-dark)}
.fold-card .fold-inside .feature-glyph,.fold-card .fold-inside .hr-feature-corner {display:none}
.fold-card .fold-inside a:focus-visible {outline:2px solid var(--gold-dark);outline-offset:3px}
.sector-card.fold-ready .fold-inside {padding:26px;min-height:660px}
.sector-card.fold-ready .fold-inside .sector-image {height:200px;aspect-ratio:auto;margin-bottom:24px}
.sector-card.fold-ready .sector-body {padding:0;min-width:0}
.sector-card.fold-ready .sector-body > p {color:var(--gold-dark);font-size:.875rem}
.sector-card.fold-ready .sector-links {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin-top:22px}
.sector-card.fold-ready .sector-links a {min-width:0;margin:0;padding:15px 0;font-size:1rem;line-height:1.45;color:var(--charcoal);gap:8px}
.sector-card.fold-ready .sector-links a span {min-width:0;overflow-wrap:anywhere}
.sector-card.fold-ready .sector-links i {flex:none;color:var(--gold-dark)}
.hr-pillar.fold-ready .fold-inside b {color:var(--gold-dark);border-top:1px solid var(--light-line);margin-top:auto;padding-top:22px}
.hr-plan.fold-ready .fold-inside {min-height:475px;padding:22px}
.hr-plan.fold-ready .hr-plan-name {color:var(--gold-dark);margin-top:18px}
.hr-plan.fold-ready .hr-plan-price {margin:20px 0;flex-wrap:wrap}
.hr-plan.fold-ready .hr-plan-price strong {color:var(--charcoal);font-size:clamp(2.5rem,4vw,4rem);overflow-wrap:anywhere}
.hr-plan.fold-ready .hr-plan-price span {color:var(--body-muted)}
.hr-plan.fold-ready.is-popular .fold-inside {background:#e9e3d5}
.hr-plan.fold-ready .hr-popular {position:relative;inset:auto;align-self:flex-start;font-size:.875rem}
.hr-step-grid .fold-card.fold-ready + .fold-card.fold-ready {border:0;padding:0}
main > section .section-kicker i {transition:background .4s ease}
main > section.is-reading .section-kicker i {background:var(--gold)}
@media(max-width:760px) {
 .fold-card .fold-inside {padding:22px;min-height:400px}
 .sector-card.fold-ready .fold-inside {min-height:0;padding:22px}
 .sector-card.fold-ready .sector-links {grid-template-columns:1fr}
 .fold-card .fold-front-copy {padding:22px}
 .fold-card .fold-front h3 {font-size:1.6rem}
}
@media(prefers-reduced-motion:reduce) {
 .fold-card .fold-cover {display:none;transition:none}
 .fold-card.fold-ready.reveal {opacity:1;transform:none}
}