/* Approved ribbon performance, integrated behind the existing homepage. */
.ribbon-hero{background:radial-gradient(ellipse at 66% 40%,#eeeeec,#d9d9d7)}
#ribbon-background{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
#ribbon-background canvas{display:block;width:100%;height:100%;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 90%,transparent)}
.ribbon-fallback{position:absolute;right:5%;top:50%;transform:translateY(-47%);width:43%;height:76%;object-fit:contain}
.ribbon-fallback{display:none}
.ribbon-failed .ribbon-fallback,#ribbon-background[data-state="reduced"] .ribbon-fallback,#ribbon-background[data-state="paused"]:not(.ribbon-ready) .ribbon-fallback{display:block}
.ribbon-ready .ribbon-fallback{display:none}
.ribbon-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(224,224,222,.92),rgba(228,228,226,.8) 32%,rgba(232,232,230,0) 60%)}
.ribbon-hero .hero-opening{display:none}
.ribbon-hero .hero-copy,.ribbon-hero h1>span,.ribbon-hero h1 em,.ribbon-hero .overline,.ribbon-hero .hero-description,.ribbon-hero .hero-label,.ribbon-hero .hero-footer{animation:none!important;opacity:1;transform:none;clip-path:none}
.ribbon-hero h1 em{background:none;color:var(--ink);-webkit-text-fill-color:currentColor}
body:has(.ribbon-hero)>.header{animation:none!important;opacity:1}
@media(max-width:680px){
 .ribbon-hero{min-height:760px;height:100svh;max-height:none;padding-top:112px}
 .ribbon-hero .hero-copy{position:static;margin:24px 0 0;padding-top:0;max-width:100%}
 .ribbon-hero .overline{font-size:11px;margin-bottom:18px}
 .ribbon-hero .hero-description{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(140px,18svh,180px);margin:0}
 .ribbon-hero .hero-description p{font-size:14px;line-height:1.8;margin-bottom:18px}
 .ribbon-hero .hero-footer{position:absolute;left:var(--pad);right:var(--pad);bottom:26px;margin:0}
 .ribbon-hero::after{background:linear-gradient(90deg,rgba(225,225,223,.94),rgba(229,229,227,.86) 45%,rgba(232,232,230,.4) 65%,rgba(232,232,230,0) 86%)}
 .ribbon-hero::after{mask-image:linear-gradient(to bottom,#000 var(--ribbon-veil-start,280px),transparent var(--ribbon-veil-end,370px));-webkit-mask-image:linear-gradient(to bottom,#000 var(--ribbon-veil-start,280px),transparent var(--ribbon-veil-end,370px))}
 #ribbon-background canvas{mask-image:none;-webkit-mask-image:none}
 .ribbon-fallback{top:var(--ribbon-center,350px);left:26%;right:auto;width:76%;height:var(--ribbon-height,330px);transform:translateY(-50%)}
}