@property --rx{syntax:"<percentage>";inherits:true;initial-value:50%}@property --ry{syntax:"<percentage>";inherits:true;initial-value:50%}@property --rr{syntax:"<number>";inherits:true;initial-value:0}@property --reveal-open{syntax:"<number>";inherits:true;initial-value:0}.reveal{--ease-out:cubic-bezier(.16, 1, .3, 1);margin:0;position:relative;container:reveal/inline-size}.reveal-stage{--reveal-open:0;border-radius:var(--radius);background:var(--color-mist);transition:--rx .75s var(--ease-out), --ry .75s var(--ease-out), --rr .75s var(--ease-out), --reveal-open .75s var(--ease-out);position:relative;overflow:hidden}.reveal-stage[data-open]{--reveal-open:1}.reveal-img{object-fit:cover}.reveal-top{--hole:calc(var(--rr) * 100cqw * var(--reveal-open));-webkit-mask-image:radial-gradient(circle at var(--rx) var(--ry), transparent calc(var(--hole) - 14px), black var(--hole));-webkit-mask-image:radial-gradient(circle at var(--rx) var(--ry), transparent calc(var(--hole) - 14px), black var(--hole));mask-image:radial-gradient(circle at var(--rx) var(--ry), transparent calc(var(--hole) - 14px), black var(--hole))}.reveal-dim{--hole:calc(var(--rr) * 100cqw * var(--reveal-open));background:radial-gradient(circle at var(--rx) var(--ry), transparent calc(var(--hole) - 2px), color-mix(in srgb, var(--color-charcoal) 42%, transparent) var(--hole), color-mix(in srgb, var(--color-charcoal) 16%, transparent) calc(var(--hole) + 28px), transparent calc(var(--hole) + 96px));opacity:var(--reveal-open);pointer-events:none;position:absolute;inset:0}.reveal-ring{left:var(--rx);top:var(--ry);width:calc(var(--rr) * 200cqw * var(--reveal-open));aspect-ratio:1;border:1px solid color-mix(in srgb, var(--color-white) 70%, transparent);box-shadow:inset 0 0 22px color-mix(in srgb, var(--color-charcoal) 30%, transparent);opacity:var(--reveal-open);pointer-events:none;border-radius:50%;position:absolute;translate:-50% -50%}.reveal-flow{pointer-events:none;width:100%;height:100%;opacity:calc(1 - var(--reveal-open) * .75);position:absolute;inset:0;overflow:visible}.reveal-flow-line{fill:none;stroke:var(--color-white);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:.4 3.6;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--accent) 90%, transparent));animation:3.2s linear infinite reveal-air}.reveal-flow-breath{fill:none;stroke:var(--color-white);stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:reveal-breath 2.7s var(--ease-out) infinite;opacity:0}@keyframes reveal-air{to{stroke-dashoffset:-8px}}@keyframes reveal-breath{0%{opacity:0;transform:scale(.4)}25%{opacity:.85}to{opacity:0;transform:scale(1.8)}}.reveal-dot{--dot:22px;z-index:3;width:44px;height:44px;color:var(--color-white);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:opacity .3s;display:grid;position:absolute;translate:-50% -50%}.reveal-dot-num{width:var(--dot);height:var(--dot);border:1px solid color-mix(in srgb, var(--color-white) 90%, transparent);background:color-mix(in srgb, var(--color-charcoal) 82%, transparent);box-shadow:0 4px 12px -4px color-mix(in srgb, var(--color-charcoal) 70%, transparent);transition:background-color .35s var(--ease-out), scale .35s var(--ease-out);border-radius:50%;place-items:center;font-size:.6875rem;font-weight:600;line-height:1;display:grid;position:relative}.reveal-dot-num:before{content:"";border:1px solid color-mix(in srgb, var(--color-white) 60%, transparent);animation:reveal-ping 2.6s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-5px}.reveal-dot:hover .reveal-dot-num,.reveal-dot[aria-pressed=true] .reveal-dot-num{background:var(--accent);scale:1.1}.reveal-dot[aria-pressed=true] .reveal-dot-num:before{opacity:0;animation:none}.reveal-dot:focus-visible{outline:none}.reveal-dot:focus-visible .reveal-dot-num{outline:2px solid var(--focus);outline-offset:3px}.reveal-stage[data-open] .reveal-dot:not([aria-pressed=true]){opacity:.55}@container reveal (min-width:700px){.reveal-dot{--dot:26px}.reveal-dot-num{font-size:.75rem}}@keyframes reveal-ping{0%{opacity:.9;scale:.85}70%,to{opacity:0;scale:1.6}}.reveal-caption{min-height:calc(var(--lh-small) * 1em * 4 + 56px);padding-top:var(--space-4);font-size:var(--fs-small);line-height:var(--lh-small)}.reveal-caption-body{gap:6px;max-width:52ch;display:grid}.reveal-caption-body>*{animation:reveal-rise .55s var(--ease-out) both}.reveal-caption-body>:nth-child(2){animation-delay:50ms}.reveal-caption-body>:nth-child(3){animation-delay:.1s}.reveal-caption-title{font-family:var(--font-display);font-weight:var(--display-weight);font-size:calc(var(--fs-h3) * .85);color:var(--text);align-items:baseline;gap:10px;line-height:1.2;display:flex}.reveal-caption-num{font-family:var(--font-body);font-size:var(--fs-label);letter-spacing:.06em;color:var(--accent);font-weight:600}.reveal-caption-text{color:var(--text-muted)}.reveal-caption-brands{font-size:var(--fs-label);color:var(--text)}.reveal-caption-label{color:var(--text-muted)}@keyframes reveal-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.reveal-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.reveal-stage{transition:none}.reveal-dot-num:before,.reveal-flow-line,.reveal-flow-breath,.reveal-caption-body>*{animation:none}}