.problem-art.problem-art--glass{width:100%;height:420px;min-width:0;overflow:hidden;position:relative;grid-column:1/-1;background:transparent}
.problem-art--glass .problem-glass-helix{position:absolute;inset:0;margin:auto;display:block;width:100%;max-width:700px;height:100%;min-width:0;min-height:0;max-height:100%;object-fit:contain;object-position:center;user-select:none}
.problem-art--glass::after{content:"";position:absolute;inset:0;margin:auto;width:100%;max-width:700px;height:100%;pointer-events:none;background:radial-gradient(170px circle at var(--helix-light-x,50%) var(--helix-light-y,50%),rgba(255,255,255,.48),rgba(255,255,255,.12)42%,transparent 72%);mask-image:url('media/helix-frosted-glass-v1.png');mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url('media/helix-frosted-glass-v1.png');-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;opacity:0;transition:opacity .2s ease}
.problem-art--glass.is-lit::after{opacity:1}
@media(max-width:1000px){.problem-art.problem-art--glass{height:380px}.problem-art--glass .problem-glass-helix,.problem-art--glass::after{max-width:610px}}
@media(max-width:600px){.problem-art.problem-art--glass{height:clamp(240px,68vw,320px)}.problem-art--glass .problem-glass-helix,.problem-art--glass::after{max-width:100%}}
@media(prefers-reduced-motion:reduce){.problem-art--glass::after{display:none;transition:none}.problem-art--glass .problem-glass-helix{animation:none;transition:none}}