.collection-hero{min-height:520px;padding-inline:var(--gutter);background:radial-gradient(circle at 81% 27%, #a7d8d538, transparent 34%), radial-gradient(circle at 16% 88%, #9966cb0f, transparent 32%), var(--color-ivory-bright);border-bottom:1px solid #34174d1a;align-items:center;display:flex;position:relative;overflow:hidden}.collection-hero .hero-art{opacity:.78;pointer-events:none;background-image:url(/art/green-circle.webp);background-position:right 15px center;background-repeat:no-repeat;background-size:auto 135%;position:absolute;inset:0}.collection-hero:after{content:"";background:linear-gradient(90deg, var(--color-ivory-bright) 0%, #fcfbf7fc 43%, #fcfbf77a 72%, #fcfbf700 100%);pointer-events:none;position:absolute;inset:0}.hero-grid{z-index:2;grid-template-columns:minmax(0,1.14fr) minmax(300px,.72fr);align-items:center;gap:60px;padding:88px 0;display:grid;position:relative}.hero-copy p{max-width:720px;color:var(--color-slate);margin-top:24px;font-size:clamp(19px,2.4vw,24px);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #34174d1a;padding:34px}.hero-card h2,.hero-card h3{font-size:28px}.hero-card p{color:var(--color-muted-warm);margin-top:14px}.hero-card-stats{gap:10px;margin-top:22px;display:flex}.hero-stat{background:#1b7d7914;border:1px solid #1b7d791f;border-radius:14px;flex:1;padding:14px}.hero-stat strong{color:var(--color-plum-dark);font-family:var(--font-display);font-size:28px;font-weight:400;line-height:1;display:block}.hero-stat span{color:var(--color-muted-warm);margin-top:5px;font-size:15px;display:block}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.flat-card{border-radius:var(--radius-card);border:1px solid var(--color-border-plum);min-height:300px;box-shadow:var(--shadow-card-soft);background:#fff;flex-direction:column;padding:28px;display:flex}.flat-card h3{margin-bottom:12px}.flat-card p{color:var(--color-muted-warm)}.flat-card .text-link{margin-top:auto;padding-top:22px}.step-flow{--flow-gap:22px;--flow-v:0;--flow-size:9px;--flow-half:calc(var(--flow-size) / 2)}.step-flow>*{position:relative}.step-flow>:after{content:"";top:calc(50% + var(--flow-v) * 50%);left:calc(100% - var(--flow-v) * 50%);width:var(--flow-size);height:var(--flow-size);margin-top:calc(var(--flow-half) * -1 + var(--flow-v) * var(--flow-gap) / 2);margin-left:calc(var(--flow-gap) / 2 - var(--flow-half) - var(--flow-v) * var(--flow-gap) / 2);transform:rotate(calc(45deg + var(--flow-v) * 90deg));border-top:2px solid #176d6773;border-right:2px solid #176d6773;border-radius:1px;position:absolute}.step-flow>:last-child:after{content:none}@media (width<=1050px){.step-flow>:after{content:none}}.metrics-band{padding:84px var(--gutter);color:#fff;background:radial-gradient(circle at 15% 15%, #9966cb3d, transparent 30%), var(--color-navy);position:relative;overflow:hidden}.metrics-band h2{color:#fff}.metrics-band .eyebrow{color:var(--color-orchid-pale)}.metrics-band .section-heading p{color:#ffffffc2}.metric-row{z-index:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:42px;display:grid;position:relative}.metric-row div{background:#ffffff12;border:1px solid #ffffff1f;border-radius:18px;padding:24px}.metric-row strong{color:#fff;font-family:var(--font-display);font-size:40px;font-weight:400;line-height:1;display:block}.metric-row span{color:#ffffffbd;margin-top:10px;font-size:16px;display:block}.collection-cta{padding:92px var(--gutter);text-align:center;color:#fff;background:radial-gradient(circle at 20% 20%, #9966cb38, transparent 30%), var(--color-plum-dark);position:relative;overflow:hidden}.collection-cta h2{color:#fff}.collection-cta p{color:#fffc;max-width:800px;margin:18px auto 28px;font-size:18px}@media (width<=1050px){.metric-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:36px}.card-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.collection-hero{min-height:auto}.collection-hero .hero-art{opacity:.32;background-position:right -250px center;background-size:auto 105%}.hero-grid{padding:72px 0}.metric-row{grid-template-columns:1fr}}
