.hww{background:var(--bg-base);width:100%;padding:1px}.hww__panel{--r:var(--radius-3xl);--cut:clamp(2rem,1rem + 3vw,4rem);--cr:.4rem;background:var(--bg-muted);color:var(--fg-primary);border-radius:var(--r);clip-path:polygon(var(--cut)0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut))100%,0 100%,0 var(--cut));position:relative;overflow:hidden}@supports (clip-path:shape(from 0 0, line to 100% 0)){.hww__panel{clip-path:shape(from calc(var(--cut) + var(--cr))0,line to calc(100% - var(--r))0,curve to 100% var(--r)with 100% 0,line to 100% calc(100% - var(--cut) - var(--cr)),curve to calc(100% - .7*var(--cr))calc(100% - var(--cut) + .7*var(--cr))with 100% calc(100% - var(--cut)),line to calc(100% - var(--cut) + .7*var(--cr))calc(100% - .7*var(--cr)),curve to calc(100% - var(--cut) - var(--cr))100% with calc(100% - var(--cut))100%,line to var(--r)100%,curve to 0 calc(100% - var(--r))with 0 100%,line to 0 calc(var(--cut) + var(--cr)),curve to calc(.7*var(--cr))calc(var(--cut) - .7*var(--cr))with 0 var(--cut),line to calc(var(--cut) - .7*var(--cr))calc(.7*var(--cr)),curve to calc(var(--cut) + var(--cr))0 with var(--cut)0,close)}}.hww__title{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:clamp(.75rem,.5rem + 1vw,1.5rem);width:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hww__eyebrow{font-size:var(--text-fluid-caption,.8125rem);font-weight:var(--font-medium,500);letter-spacing:var(--tracking-wide,.12em);text-transform:uppercase;color:var(--fg-tertiary)}.hww__title-text{font-family:var(--font-display);font-weight:var(--font-light);letter-spacing:var(--tracking-tight);text-transform:uppercase;color:var(--fg-primary);margin:0;font-size:clamp(3rem,.5rem + 12vw,13rem);line-height:.9}.hww__progress{z-index:3;background:color-mix(in srgb,var(--fg-primary)12%,transparent);opacity:0;width:6px;height:100%;position:absolute;top:0;right:0}.hww__progress-fill{background:var(--primary);width:100%;height:0%}.hww__indices{z-index:3;text-align:right;opacity:0;flex-direction:column;justify-content:center;gap:clamp(1.75rem,1rem + 2vw,3rem);height:100%;display:flex;position:absolute;top:0;right:clamp(1.5rem,.75rem + 2vw,3rem)}.hww__index{opacity:.25}.hww__index-num{font-family:var(--font-display);font-weight:var(--font-light);color:var(--primary);margin:0;font-size:1.25rem}.hww__index-label{letter-spacing:var(--tracking-wide,.08em);text-transform:uppercase;color:var(--fg-secondary);margin:0;font-size:.8125rem}.hww__card{--r:var(--radius-2xl);--cut:clamp(1.25rem,.75rem + 1.5vw,2.25rem);--cr:.35rem;z-index:2;will-change:transform,top;filter:drop-shadow(0 .5rem 1rem #0000001f)drop-shadow(0 .0625rem .25rem #0000001a);width:clamp(20rem,40%,34rem);height:58%;transition:filter .45s;position:absolute;top:150%;left:50%;transform:translate(-50%,-50%)rotate(0)}.hww__card-inner{background:var(--bg-elevated);width:100%;height:100%;clip-path:polygon(var(--cut)0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut))100%,0 100%,0 var(--cut));flex-direction:column;justify-content:space-between;gap:1.5rem;padding:clamp(1.75rem,1.25rem + 2vw,3rem);display:flex}@supports (clip-path:shape(from 0 0, line to 100% 0)){.hww__card-inner{clip-path:shape(from calc(var(--cut) + var(--cr))0,line to calc(100% - var(--r))0,curve to 100% var(--r)with 100% 0,line to 100% calc(100% - var(--cut) - var(--cr)),curve to calc(100% - .7*var(--cr))calc(100% - var(--cut) + .7*var(--cr))with 100% calc(100% - var(--cut)),line to calc(100% - var(--cut) + .7*var(--cr))calc(100% - .7*var(--cr)),curve to calc(100% - var(--cut) - var(--cr))100% with calc(100% - var(--cut))100%,line to var(--r)100%,curve to 0 calc(100% - var(--r))with 0 100%,line to 0 calc(var(--cut) + var(--cr)),curve to calc(.7*var(--cr))calc(var(--cut) - .7*var(--cr))with 0 var(--cut),line to calc(var(--cut) - .7*var(--cr))calc(.7*var(--cr)),curve to calc(var(--cut) + var(--cr))0 with var(--cut)0,close)}}.hww__card--covered{filter:none}.hww__card-num{font-family:var(--font-display);font-weight:var(--font-light);color:var(--primary);font-size:clamp(4rem,2.5rem + 7vw,8rem);line-height:.85}.hww__card-body{flex-direction:column;gap:clamp(.5rem,.25rem + 1vw,1rem);display:flex}.hww__card-title{font-family:var(--font-display);font-weight:var(--font-light);font-size:var(--text-fluid-h3);line-height:var(--leading-snug);color:var(--fg-primary);margin:0}.hww__card-desc{font-size:var(--text-fluid-body);line-height:var(--leading-relaxed);color:var(--fg-secondary);max-width:38ch;margin:0}.hww--static .hww__panel{flex-direction:column;gap:clamp(1.25rem,.75rem + 2vw,2.5rem);height:auto;padding:clamp(2rem,1.25rem + 4vw,4.5rem);display:flex}.hww--static .hww__title{text-align:left;align-items:flex-start;width:auto;position:static;transform:none}.hww--static .hww__title-text{font-size:clamp(2.5rem,1.5rem + 6vw,4.5rem)}.hww--static .hww__progress,.hww--static .hww__indices{display:none}.hww--static .hww__card{width:100%;height:auto;position:static;top:auto;left:auto;transform:none}.hww--static .hww__card-inner{height:auto}