.frost-panel{--frost-panel-width:auto;--frost-panel-height:auto;--frost-panel-pad:clamp(1.25rem, 2.5vw, 2.25rem);--frost-panel-radius:1.5rem;--frost-panel-bg:var(--color-surface,#171717);--frost-panel-bg-opacity:1;--frost-panel-fg:var(--color-fg,#f5f5f5);--frost-panel-border-color:var(--color-border,#ffffff26);--frost-panel-border-width:1px;--frost-panel-glass:0px;--frost-panel-glow-color:#ffffffe6;--frost-panel-glow-size:26rem;--frost-panel-glow-intensity:.18;--frost-panel-edge-intensity:.85;--frost-panel-shimmer:conic-gradient(from 0deg, #c5fb45, #45f0fb, #8b7bff, #ff7bd8, #ffd36b, #c5fb45);--frost-panel-shimmer-speed:6s;isolation:isolate;box-sizing:border-box;width:var(--frost-panel-width);height:var(--frost-panel-height);max-width:100%;padding:var(--frost-panel-pad);border:var(--frost-panel-border-width) solid var(--frost-panel-border-color);border-radius:var(--frost-panel-radius);background:color-mix(in srgb, var(--frost-panel-bg) calc(var(--frost-panel-bg-opacity) * 100%), transparent);color:var(--frost-panel-fg);position:relative}.frost-panel[data-glass]{-webkit-backdrop-filter:blur(var(--frost-panel-glass));backdrop-filter:blur(var(--frost-panel-glass))}.frost-panel__content{z-index:1;position:relative}.frost-panel__fx{border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .45s;position:absolute;inset:0;overflow:hidden}.frost-panel__edge{inset:calc(var(--frost-panel-border-width) * -1);padding:max(var(--frost-panel-border-width), 1px);border-radius:inherit;pointer-events:none;opacity:0;-webkit-mask-composite:xor;transition:opacity .45s;position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.frost-panel[data-hovered] .frost-panel__fx,.frost-panel[data-hovered] .frost-panel__edge{opacity:1}.frost-panel__light{width:var(--frost-panel-glow-size);aspect-ratio:1;margin-left:calc(var(--frost-panel-glow-size) / -2);margin-top:calc(var(--frost-panel-glow-size) / -2);border-radius:50%;position:absolute;top:0;left:0}.frost-panel__fx .frost-panel__light{opacity:var(--frost-panel-glow-intensity)}.frost-panel__edge .frost-panel__light{opacity:var(--frost-panel-edge-intensity);width:calc(var(--frost-panel-glow-size) * .6);margin-left:calc(var(--frost-panel-glow-size) * -.3);margin-top:calc(var(--frost-panel-glow-size) * -.3)}.frost-panel[data-hovered] .frost-panel__light{will-change:transform}.frost-panel__light-color{border-radius:50%;position:absolute;inset:0}.frost-panel[data-hover-fx=glow] .frost-panel__light-color{background:radial-gradient(circle closest-side, var(--frost-panel-glow-color), transparent)}.frost-panel[data-hover-fx=shimmer] .frost-panel__light{-webkit-mask-image:radial-gradient(circle closest-side,#000,#0000);mask-image:radial-gradient(circle closest-side,#000,#0000)}.frost-panel[data-hover-fx=shimmer] .frost-panel__light-color{background:var(--frost-panel-shimmer);animation:frost-panel-shimmer var(--frost-panel-shimmer-speed) linear infinite;animation-play-state:paused}.frost-panel[data-hover-fx=shimmer][data-hovered] .frost-panel__light-color{animation-play-state:running}.frost-panel[data-shimmer-gl] .frost-panel__fx{opacity:1;transition:none}.frost-panel[data-shimmer-gl] .frost-panel__fx .frost-panel__light{visibility:hidden}.frost-panel__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@keyframes frost-panel-shimmer{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.frost-panel[data-hover-fx=shimmer] .frost-panel__light-color{animation:none}}
.flip-card{--flip-card-perspective:1600px;perspective:var(--flip-card-perspective)}.flip-card__inner{height:100%;transform-style:preserve-3d;display:grid}.flip-card__face{backface-visibility:hidden;grid-area:1/1}.flip-card__inner[data-axis=y] .flip-card__face--back{transform:rotateY(180deg)}.flip-card__inner[data-axis=x] .flip-card__face--back{transform:rotateX(180deg)}.flip-card__inner[data-side=front] .flip-card__face--back,.flip-card__inner[data-side=back] .flip-card__face--front{pointer-events:none}
.pillar-card{aspect-ratio:3/4}.pillar-card .frost-panel__content{flex-direction:column;justify-content:space-between;height:100%;display:flex}.pillar-card__n{font-size:var(--step--1,.875rem);letter-spacing:.08em;color:var(--color-accent,#c5fb45)}.pillar-card__title{font-family:var(--font-display);margin:0 0 .4em;font-size:clamp(1.4rem,2.4vw,2.5rem);font-weight:700;line-height:1.05}.pillar-card__line{opacity:.7;max-width:24ch;margin:0;font-size:clamp(.95rem,1.1vw,1.15rem);line-height:1.4}.pillar-card__label{font-size:var(--step--1,.875rem);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, currentColor 60%, transparent);align-items:baseline;gap:.75em;display:flex}.pillar-card__body{border-top:1px solid color-mix(in srgb, var(--color-accent,#c5fb45) 45%, transparent);text-wrap:pretty;opacity:.85;margin:0;padding-top:1em;font-size:clamp(.9rem,1vw,1.1rem);line-height:1.6}