.htl{--disc:clamp(15rem, 27cqi, 25rem);--num:clamp(16rem, 38cqi, 38rem);--rail:3rem;--line:color-mix(in srgb, var(--color-text) 58%, transparent);--ink-dim:color-mix(in srgb, var(--color-text) 45%, transparent);position:relative}.htl-view{touch-action:pan-y;margin-inline:calc(50% - 50cqi);padding-inline:calc(50cqi - 50%);overflow:clip}.htl-track{transform:translate3d(calc(var(--k,0) * -100%), 0, 0);display:flex}.htl-slide{grid-template-columns:minmax(0,min(26rem,36%)) minmax(0,1fr);grid-template-rows:minmax(calc(var(--disc) / 2 - var(--rail) / 2 + 1.25rem), auto) var(--rail) minmax(calc(var(--disc) / 2 - var(--rail) / 2 + 1.5rem), auto);flex:0 0 100%;align-content:start;min-width:0;display:grid;position:relative;overflow:clip}.htl-num{font:600 var(--num)/.74 var(--font-heading);letter-spacing:-.075em;white-space:nowrap;user-select:none;pointer-events:none;color:color-mix(in srgb, var(--color-text) 5%, transparent);-webkit-text-stroke:1px color-mix(in srgb, var(--color-text) 9%, transparent);z-index:0;grid-area:2/1/3/-1;place-self:unsafe center start;margin-left:47%}.htl-pill{z-index:2;background:var(--color-text);color:var(--ws-bg);font:600 .875rem/1.25 var(--font-body);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;grid-area:1/1;place-self:end start;margin-bottom:.9rem;padding:.45rem 1.05rem}.htl-line{background:var(--line);z-index:1;grid-area:2/1/3/-1;align-self:center;height:1px}.htl-ring{z-index:2;border:1px solid var(--color-text);background:var(--ws-bg);border-radius:50%;grid-area:2/1;place-self:center start;place-items:center;width:2.75rem;height:2.75rem;display:grid}.htl-ring:after{content:"";background:var(--color-text);border-radius:50%;width:.85rem;height:.85rem}.htl-next{z-index:2;grid-area:2/2;place-self:center end;gap:clamp(1.25rem,3.4cqi,3.25rem);padding-right:.25rem;display:flex}.htl-next i{background:var(--color-text);border-radius:50%;width:.7rem;height:.7rem;position:relative}.htl-next i:after{content:attr(data-n);font:500 .75rem/1 var(--font-sub);font-variant-numeric:tabular-nums;color:var(--color-text-muted);white-space:nowrap;position:absolute;top:1.15rem;left:50%;transform:translate(-50%)}.htl-disc{width:var(--disc);aspect-ratio:1;z-index:3;background:radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--color-text) 5%, var(--color-surface)), var(--color-surface) 68%);border:1px solid var(--ws-edge);box-shadow:var(--elev-2);border-radius:50%;grid-area:2/1/3/-1;place-self:unsafe center center;place-items:center;margin-left:12%;display:grid;overflow:hidden}.ws-site .htl-disc .hl-stage{border-radius:0;width:92%}.ws-site .htl-disc .hl-stage>svg{transform:scale(1.08)}[data-theme=colourful] .htl-disc{border-color:color-mix(in srgb, var(--color-primary) 38%, var(--color-border));box-shadow:var(--elev-2), 0 0 0 6px color-mix(in srgb, var(--color-primary) 8%, transparent)}.htl-copy{z-index:2;grid-area:3/1;align-self:start;gap:.7rem;max-width:26rem;padding-top:2.25rem;display:grid}.htl-title{font:600 clamp(1.5rem, 2.3cqi, 2.15rem)/1.15 var(--font-heading);letter-spacing:var(--tracking-h3);color:var(--color-text);text-wrap:balance;margin:0}.htl-text{color:var(--color-text);max-width:34ch;margin:0;font-size:1.0625rem;line-height:1.6}.htl-own{border-top:1px solid var(--color-border);color:var(--color-text-muted);align-items:flex-start;gap:.6rem;margin:.35rem 0 0;padding-top:.85rem;font-size:.9375rem;line-height:1.5;display:flex}.htl-own b{color:var(--color-text);font-weight:600;display:block}.htl-own .ic{width:1.1rem;height:1.1rem;color:var(--ws-warm);flex:none;margin-top:.15rem}.htl-ctrl{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:clamp(1.75rem,4cqi,3rem);display:grid}.htl-arrow{cursor:pointer;border:1px solid color-mix(in srgb, var(--color-text) 22%, transparent);width:3rem;height:3rem;color:var(--color-text);transition:background-color var(--motion-base) ease-out, border-color var(--motion-base) ease-out;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.htl-arrow .ic{width:1.5rem;height:1.5rem}.htl-arrow:hover:not([aria-disabled=true]){background:color-mix(in srgb, var(--color-text) 7%, transparent);border-color:color-mix(in srgb, var(--color-text) 45%, transparent)}.htl-arrow[aria-disabled=true]{opacity:.4;cursor:default}.htl-pager{justify-self:center;gap:.25rem;display:flex}.htl-dash{cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid}.htl-dash:before{content:"";background:var(--ink-dim);width:2.25rem;height:3px;transition:background-color var(--motion-base) ease-out, transform var(--motion-base) ease-out;border-radius:2px}.htl-dash:hover:before{background:color-mix(in srgb, var(--color-text) 70%, transparent)}.htl-dash[aria-current=true]:before{background:var(--color-text);transform:scaleY(1.67)}.htl :is(.htl-arrow,.htl-dash):focus-visible{outline:var(--focus-ring);outline-offset:3px}.htl-track{transition:transform .76s var(--motion-ease-out)}.htl-num{transform:translate3d(calc(var(--d,0) * -22%), 0, 0);transition:transform .98s var(--motion-ease-out), opacity .26s ease-in}.htl-slide.is-on .htl-num{transition:transform .98s var(--motion-ease-out), opacity .7s ease-out .12s}.htl-disc{transition:transform .76s var(--motion-ease-out), opacity .42s ease-out}.htl-ring{transition:opacity .3s ease-out}.htl :is(.htl-pill,.htl-copy,.htl-next){transition:opacity .18s ease-in,transform .18s ease-in}.htl-slide:not(.is-on) .htl-disc{opacity:.35;transform:scale(.78)}.htl-slide:not(.is-on) :is(.htl-ring,.htl-num),.htl-slide:not(.is-on) :is(.htl-pill,.htl-copy,.htl-next){opacity:0}.htl-slide:not(.is-on) .htl-copy{transform:translateY(.75rem)}.htl-slide.is-on .htl-pill{transition:opacity .42s ease-out .14s,transform .42s ease-out .14s}.htl-slide.is-on .htl-copy{transition:opacity .52s ease-out .2s, transform .7s var(--motion-ease-out) .2s}.htl-slide.is-on .htl-next{transition:opacity .52s ease-out .26s}.htl.is-drag .htl-track{transition:none}@media (prefers-reduced-motion:reduce){.htl :is(.htl-track,.htl-num,.htl-disc,.htl-ring,.htl-pill,.htl-copy,.htl-next){transition:none!important}.htl .htl-num{transform:none}}html[data-a11y-motion=reduce] .htl :is(.htl-track,.htl-num,.htl-disc,.htl-ring,.htl-pill,.htl-copy,.htl-next){transition:none!important}html[data-a11y-motion=reduce] .htl .htl-num{transform:none}@container ws (width<=1099px){.htl{--disc:clamp(13rem, 30cqi, 18rem);--num:clamp(12rem, 34cqi, 20rem)}.htl-next i:nth-child(n+4){display:none}}@container ws (width<=759px){.htl{--disc:min(13rem, 52cqi);--num:min(11rem, 46cqi);--rail:2.75rem}.htl-slide{grid-template-columns:minmax(0,1fr)}.htl-num{justify-self:start;margin-left:0}.htl-disc{justify-self:end;margin:0 2.25rem 0 0}.htl-next{grid-area:2/1;padding-right:0}.htl-next i:nth-child(n+2){display:none}.htl-next i:after{content:none}.htl-ring{width:2.5rem;height:2.5rem}.htl-copy{max-width:none;padding-top:calc(var(--disc) / 2 - var(--rail) / 2 + 1.5rem);grid-area:3/1}.htl-slide{grid-template-rows:minmax(calc(var(--disc) / 2 - var(--rail) / 2 + .75rem), auto) var(--rail) auto}.htl-text{max-width:none}.htl-ctrl{gap:.5rem}.htl-arrow{width:2.75rem;height:2.75rem}.htl-pager{gap:0}.htl-dash{width:2.25rem}.htl-dash:before{width:1.75rem}.ws-site .ws-split>.ws-ph{overflow-clip-margin:1rem;overflow:clip}}@media (scripting:none){.htl-view{margin-inline:0;padding-inline:0}.htl-track{gap:clamp(2.5rem,6cqi,4rem);display:grid;transform:none}.htl-ctrl{display:none}.htl-slide:not(.is-on) :is(.htl-pill,.htl-copy,.htl-next,.htl-disc){opacity:1;transform:none}.htl-slide:not(.is-on) :is(.htl-ring,.htl-num){opacity:1}.htl-num{transform:none}}