.hover-disclosure{--font-size-min:16;--font-size-max:20;--font-ratio-min:1.2;--font-ratio-max:1.33;--font-width-min:375;--font-width-max:1500;--gap:8px;--base:clamp(2rem,8cqi,80px);--easing:cubic-bezier(.25,.46,.45,.94);--speed:.4s;justify-content:center;align-items:center;width:100%;min-height:clamp(320px,60vh,520px);font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui;display:flex}.hover-disclosure *{box-sizing:border-box}.hover-disclosure h3{white-space:nowrap;margin:0}.hover-disclosure li{min-width:var(--base);border:1px solid hsl(var(--border));will-change:transform;background:0 0;border-radius:8px;position:relative;overflow:hidden}.hover-disclosure li :is(svg,h3){opacity:.6;transition:opacity var(--speed)var(--easing);will-change:opacity}.hover-disclosure li :is(a,p){opacity:0;transition:opacity var(--speed)var(--easing);will-change:opacity;width:fit-content}.hover-disclosure li img{filter:grayscale()brightness(1.5);transition:filter var(--speed)var(--easing),scale var(--speed)var(--easing);will-change:filter,transform;scale:1.1}.hover-disclosure [data-active=true] :is(a,p,h3,svg){opacity:var(--opacity,1)}.hover-disclosure [data-active=true] :is(a,p){transition-delay:calc(var(--speed)*.15)}.hover-disclosure [data-active=true] img{filter:grayscale(0)brightness();transition-delay:calc(var(--speed)*.15);scale:1}.hover-disclosure article{width:calc(var(--article-width)*1px);height:100%;padding-inline:calc(var(--base)*.5 - 9px);flex-direction:column;justify-content:flex-end;gap:1rem;padding-bottom:1rem;font-family:monospace;display:flex;position:absolute;top:0;left:0;overflow:hidden}.hover-disclosure article h3{top:1rem;left:calc(var(--base)*.5);transform-origin:0;text-transform:uppercase;font-family:monospace;font-size:1rem;font-weight:300;position:absolute;rotate:90deg}.hover-disclosure article svg{fill:currentColor;stroke:none;opacity:1;width:24px;height:24px}.hover-disclosure article p{text-wrap:balance;--opacity:.8;font-size:13px;line-height:1.25}.hover-disclosure article a{height:18px;color:inherit;line-height:1;position:absolute;bottom:1rem}.hover-disclosure article a:is(:focus-visible,:hover){outline:none}.hover-disclosure article a:is(:focus-visible,:hover) span{text-underline-offset:4px;text-decoration:underline}.hover-disclosure article a span{translate:calc(var(--base)*.5);font-weight:500;line-height:18px;display:inline-block}.hover-disclosure article img{pointer-events:none;object-fit:cover;width:100%;height:100%;position:absolute;inset:0;-webkit-mask:radial-gradient(100% 100% at 100% 0,#fff,#0000);mask:radial-gradient(100% 100% at 100% 0,#fff,#0000)}.hover-disclosure ul{gap:var(--gap);width:820px;max-width:calc(100% - 4rem);height:clamp(300px,40dvh,474px);transition:grid-template-columns var(--speed)var(--easing);will-change:grid-template-columns;grid-template-columns:10fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content:center;margin:0;padding:0;list-style-type:none;display:grid;container-type:inline-size}