.portrait-shader-reveal{touch-action:pan-y;background:0 0;position:absolute;inset:0;overflow:hidden}.portrait-shader-reveal__image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;inset:0}.portrait-shader-reveal__base{filter:brightness(.68)contrast(1.08)}.portrait-shader-reveal__under{filter:brightness(.72)contrast(1.08)saturate();opacity:0;-webkit-mask-image:radial-gradient(circle 7rem at var(--reveal-x,50%) var(--reveal-y,50%), black 0%, black 48%, transparent 100%);-webkit-mask-image:radial-gradient(circle 7rem at var(--reveal-x,50%) var(--reveal-y,50%), black 0%, black 48%, transparent 100%);mask-image:radial-gradient(circle 7rem at var(--reveal-x,50%) var(--reveal-y,50%), black 0%, black 48%, transparent 100%);-webkit-mask-image:radial-gradient(circle 7rem at var(--reveal-x,50%) var(--reveal-y,50%), black 0%, black 48%, transparent 100%);transition:opacity .24s}.portrait-shader-reveal[data-active=true] .portrait-shader-reveal__under{opacity:1}.portrait-shader-reveal:after{content:"";pointer-events:none;background:color-mix(in oklab, var(--opening-black) 8%, transparent);position:absolute;inset:0}@media (width<=640px){.portrait-shader-reveal__under{-webkit-mask-image:radial-gradient(circle 4.5rem at var(--reveal-x,50%) var(--reveal-y,50%), black 0%, black 45%, transparent 100%);-webkit-mask-image:radial-gradient(circle 4.5rem at var(--reveal-x,50%) var(--reveal-y,50%), black 0%, black 45%, transparent 100%);mask-image:radial-gradient(circle 4.5rem at var(--reveal-x,50%) var(--reveal-y,50%), black 0%, black 45%, transparent 100%);-webkit-mask-image:radial-gradient(circle 4.5rem at var(--reveal-x,50%) var(--reveal-y,50%), black 0%, black 45%, transparent 100%)}}@media (prefers-reduced-motion:reduce){.portrait-shader-reveal__under{transition:none}}
