.hv2 .ba-page .page-head{padding:calc(78px + clamp(40px,6vw,80px)) 0 clamp(26px,3.2vw,40px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}.hv2 .ba-page .page-head .h1{font-size:clamp(2.75rem,6.4vw,5.5rem);letter-spacing:-.045em}.hv2 .ba-page .page-head .lede{max-width:52ch}.hv2 .ba-page .filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.hv2 .ba-page .chip{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-size:.9375rem;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:background-color .15s ease,color .15s ease}.hv2 .ba-page .chip small{font-size:.8125rem;color:var(--grey);font-weight:400}.hv2 .ba-page .chip:hover{background:var(--cream)}.hv2 .ba-page .chip[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}.hv2 .ba-page .chip[aria-pressed=true] small{color:#a39d94}.hv2 .ba-page .gallery{display:flex;flex-direction:column;gap:clamp(44px,5.4vw,80px);padding-bottom:clamp(64px,8vw,116px)}.hv2 .ba-page .example[hidden]{display:none}.hv2 .ba-page .caption{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:16px 10px 0}.hv2 .ba-page .caption p{color:var(--grey);font-size:.9375rem;text-align:right}.hv2 .ba-page img.stage-layer{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.hv2 .ba-page .ba-skel{border-radius:var(--r-panel);height:clamp(420px,56vw,780px);background:var(--cream)}@media (prefers-reduced-motion: no-preference){.hv2 .ba-page .ba-skel{animation:ba-skel-pulse 1.6s ease-in-out infinite}@keyframes ba-skel-pulse{0%,to{opacity:1}50%{opacity:.55}}}.hv2 .ba-page .floaters{pointer-events:none;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}.hv2 .ba-page .floaters li[data-ix]:not(.placed){visibility:hidden}.hv2 .ba-page .floaters li{pointer-events:auto;z-index:1;align-items:flex-start;padding:0;transition:opacity .35s ease,transform .35s cubic-bezier(.3,.7,.2,1);transition-delay:calc(var(--i, 0) * 55ms)}.hv2 .ba-page .floaters li.sm{font-size:clamp(.875rem,1.15vw,1.0625rem)}.hv2 .ba-page .floaters li.sm .tag{padding:8px 14px}.hv2 .ba-page .stage[data-on=false] .floaters-on li,.hv2 .ba-page .stage[data-on=true] .floaters-off li{opacity:0;transform:translateY(8px);transition-delay:0s}.hv2 .ba-page .floaters li:hover,.hv2 .ba-page .floaters li:has(.tag[aria-expanded=true]){z-index:2}.hv2 .ba-page .tag{all:unset;position:relative;display:block;padding:11px 18px;border-radius:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.hv2 .ba-page .tag:focus-visible{outline:3px solid #fff;outline-offset:2px}.hv2 .ba-page .frost .tag:focus-visible{outline-color:var(--ink)}.hv2 .ba-page .tag-note{position:absolute;left:0;top:calc(100% + 8px);width:max(100%,27ch);padding:12px 14px 13px;border-radius:var(--r-chip);background:var(--frost);color:var(--ink);border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);font-size:.9375rem;line-height:1.35;letter-spacing:0;white-space:normal;text-align:left;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.hv2 .ba-page .floaters li.is-right .tag-note{left:auto;right:0}.hv2 .ba-page .floaters li.is-low .tag-note{top:auto;bottom:calc(100% + 8px);transform:translateY(4px)}.hv2 .ba-page .tag[aria-expanded=true] .tag-note,.hv2 .ba-page .tag:focus-visible .tag-note{opacity:1;visibility:visible;transform:none;transition-delay:0s}@media (hover: hover){.hv2 .ba-page .floaters li:hover .tag-note{opacity:1;visibility:visible;transform:none;transition-delay:0s}}.hv2 .ba-page .floaters-on{visibility:visible;transition-delay:0s,0s}.hv2 .ba-page .stage[data-on=false] .floaters-on{visibility:hidden;transition-delay:0s,.45s}.hv2 .ba-page .stage[data-on=false] .floaters-off{visibility:visible;transition-delay:0s,0s}.hv2 .ba-page .stage-badge{position:absolute;z-index:3;left:clamp(14px,2vw,28px);top:clamp(14px,2vw,28px);display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 15px 0 11px;border-radius:999px;background:#fff;color:var(--ink);font-size:.875rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap;box-shadow:0 8px 24px -12px #00000080}.hv2 .ba-page .stage-badge svg{width:16px;height:16px;flex:none}.hv2 .ba-page .stage-note{display:none;position:absolute;left:14px;right:14px;bottom:calc(76px + clamp(22px,4vw,48px));z-index:3;padding:12px 14px 13px;border-radius:var(--r-chip);font-size:1rem;line-height:1.35;text-align:left;text-wrap:pretty}.hv2 .ba-page .stage-note[hidden]{display:none}@media (max-width: 900px){.hv2 .ba-page .page-head{padding-top:108px}.hv2 .ba-page .floaters{display:block;padding:0}.hv2 .ba-page .floaters li{position:absolute}.hv2 .ba-page .caption{flex-direction:column;align-items:flex-start;gap:4px}.hv2 .ba-page .caption p{text-align:left}.hv2 .ba-page .floaters li{padding:0}.hv2 .ba-page .stage,.hv2 .ba-page .ba-skel{height:max(520px,56vw)}.hv2 .ba-page .stage-badge{height:32px;font-size:.8125rem;padding:0 12px 0 9px;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis}.hv2 .ba-page .floaters li{font-size:.9375rem}.hv2 .ba-page .floaters li.sm{font-size:.8125rem}.hv2 .ba-page .tag{padding:8px 12px}.hv2 .ba-page .floaters li.sm .tag{padding:6px 10px}.hv2 .ba-page .tag-note{display:none}.hv2 .ba-page .stage-note{display:block}.hv2 .ba-page .stage-note.note-below{position:static;margin:12px 0 0}.hv2 .ba-page .tag[aria-expanded=true] .tag-label{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}}@media (prefers-reduced-motion: reduce){.hv2 .ba-page .tag-note,.hv2 .ba-page .floaters,.hv2 .ba-page .floaters li{transition:none}}.hv2 .ba-page .floaters li.placed:before{content:"";position:absolute;left:var(--px, 50%);top:var(--py, 50%);width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 2.5px #fffffff2,0 2px 10px #00000059;pointer-events:none;z-index:1}.hv2 .ba-page .floaters-off li.placed:before{background:#fff;box-shadow:0 0 0 2px #14141473,0 2px 10px #00000059}.hv2 .ba-page .floaters li.placed.pin-off:before{display:none}.hv2 .ba-page .stage[data-mobile=dots] .floaters li.dot-li{width:44px;height:44px;padding:0;border-radius:50%;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.hv2 .ba-page .stage[data-mobile=dots] .floaters li.dot-li.placed:before{display:none}.hv2 .ba-page .stage[data-mobile=dots] .floaters li.dot-li.pin-off{display:none}.hv2 .ba-page .stage[data-mobile=dots] .stage-badge{pointer-events:none}.hv2 .ba-page .stage[data-mobile=dots] .floaters li.dot-li{z-index:2}.hv2 .ba-page .stage[data-mobile=dots] .floaters li:has(.dot[aria-expanded=true]){z-index:5}.hv2 .ba-page .dot{all:unset;position:relative;display:block;width:44px;height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%}.hv2 .ba-page .dot:focus-visible{outline:3px solid #fff;outline-offset:-2px}.hv2 .ba-page .dot-core{position:absolute;left:11px;top:11px;width:22px;height:22px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 2.5px #fffffff2,0 2px 10px #00000059}.hv2 .ba-page .dot-ring{position:absolute;left:11px;top:11px;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.9);opacity:0;pointer-events:none}@media (prefers-reduced-motion: no-preference){.hv2 .ba-page .dot-ring{animation:ba-dot-pulse 2.6s ease-out infinite;animation-delay:calc(var(--i, 0) * .3s)}@keyframes ba-dot-pulse{0%{transform:scale(1);opacity:.75}70%{transform:scale(2);opacity:0}to{transform:scale(2);opacity:0}}}.hv2 .ba-page .dot[aria-expanded=true] .dot-ring{animation:none;opacity:0}.hv2 .ba-page .dot[aria-expanded=true] .dot-core{box-shadow:0 0 0 3px #fff,0 2px 10px #00000059}.hv2 .ba-page .dot-callout{position:absolute;left:var(--co, 0px);top:48px;width:var(--cw, 70%);z-index:4;padding:8px 10px 9px;border-radius:12px;background:var(--frost);color:var(--ink);border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 8px 24px -12px #00000080;font-size:13px;line-height:1.3;letter-spacing:0;white-space:normal;text-align:left;pointer-events:none}.hv2 .ba-page .dot-callout b{display:block;font-weight:600;margin-bottom:1px}.hv2 .ba-page .dot-callout .dot-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#3d3a36}.hv2 .ba-page .floaters li.is-low .dot-callout{top:auto;bottom:48px}.hv2 .ba-page .stage[data-mobile=dots] .stage-badge{left:10px;top:10px;height:28px;padding:0 10px 0 8px;gap:6px;font-size:.75rem}.hv2 .ba-page .stage[data-mobile=dots] .stage-badge svg{width:13px;height:13px}
