.gd{--gd-dark:color-mix(in oklab, var(--color-primary) 88%, #000);--gd-bright:color-mix(in oklab, var(--color-primary) 62%, #d9bf9e);--gd-v:5.25rem;--gd-rail-x:calc(var(--gd-v) * .7016);--gd-clear:calc(var(--gd-v) * 14 / 76.9);position:relative}.gd-canvas{pointer-events:none;width:calc(100% + 56px);max-width:none;height:calc(100% + 56px);position:absolute;top:-28px;left:-28px}.gd-fan,.gd-v-fan{display:none}.gd-draw{stroke-dasharray:1 1;stroke-dashoffset:0}.gd[data-state=rest] .gd-draw{stroke-dashoffset:1px}@media (prefers-reduced-motion:no-preference){.gd[data-state=drawing] .gd-draw{transition:stroke-dashoffset 1.3s var(--ease-in-out) var(--gd-delay,0s)}.gd[data-state=drawing] .gd-shelf{transition:stroke-dashoffset 1.1s var(--ease-out) calc(var(--gd-delay,0s) + 1s)}.gd[data-state=drawing] .gd-node{transition:opacity .5s var(--ease-out) calc(var(--gd-delay,0s) + .95s)}.gd[data-state=drawing] .gd-item{transition:opacity .8s var(--ease-out) var(--gd-delay,0s), transform .8s var(--ease-out) var(--gd-delay,0s)}.gd[data-state=drawing] .gd-item:before{transition:transform .36s linear calc(var(--gd-i,0) * .36s)}.gd[data-state=drawing] .gd-rail-node{transition:opacity .4s var(--ease-out) calc(var(--gd-i,0) * .36s + .2s)}}.gd-shelf,.gd-ray-lit,.gd-ray-dark,.gd-ray-bright{fill:none;stroke-linecap:butt}.gd-shelf{stroke:var(--color-line);stroke-width:1px}.gd-ray-lit{stroke:#fffdf6;stroke-width:2.2px;transform:translateY(.9px)}.gd-ray-dark{stroke:var(--gd-dark);stroke-width:1.75px}.gd-ray-bright{stroke:var(--gd-bright);stroke-width:.6px}.gd-node{fill:var(--color-primary)}.gd[data-state=rest] .gd-node{opacity:0}.gd-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-on-surface);text-wrap:balance;font-size:1.5rem;font-weight:700;line-height:1.1}.gd-summary{color:var(--color-on-surface-muted);text-wrap:pretty;margin-top:.5rem;font-size:1.0625rem;line-height:1.5}.gd-item[data-flagship] .gd-name{letter-spacing:-.028em;font-size:2rem}.gd[data-state=rest] .gd-item{opacity:0;transform:translateY(10px)}.gd-v-rail{width:var(--gd-v);height:auto;display:block}.gd-rail-apex{top:calc(var(--gd-v) * 80 / 76.9 + var(--gd-clear));left:var(--gd-rail-x);width:0;height:0;position:absolute}.gd-list-frame{margin-top:var(--gd-clear);margin-left:var(--gd-rail-x);position:relative}.gd-list{padding-left:1.5rem}.gd-item{--gd-pad:1.125rem;--gd-mid:.8125rem;padding-block:var(--gd-pad) 1.125rem;position:relative}.gd-item[data-flagship]{--gd-pad:1.625rem;--gd-mid:1.0625rem}.gd-item:before{content:"";background:linear-gradient(90deg, color-mix(in oklab, var(--color-primary) 78%, #000), color-mix(in oklab, var(--color-primary) 66%, #d9bf9e) 50%, color-mix(in oklab, var(--color-primary) 78%, #000));transform-origin:0 0;width:2.5px;position:absolute;top:0;bottom:0;left:calc(-1.5rem - 1.25px)}.gd-item:last-child:before{height:calc(var(--gd-pad) + var(--gd-mid));bottom:auto}.gd[data-state=rest] .gd-item:before{transform:scaleY(0)}.gd-rail-node{top:calc(var(--gd-pad) + var(--gd-mid));background:var(--color-primary);width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;left:-1.5rem;rotate:45deg;box-shadow:0 1px #fffdf6b3}.gd[data-state=rest] .gd-rail-node{opacity:0}@media (min-width:64rem){.gd{aspect-ratio:var(--gd-ratio)}.gd-fan,.gd-v-fan{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.gd-v-fan{pointer-events:none}.gd-v-rail,.gd-rail-apex,.gd-rail-node,.gd-item:before{display:none}.gd-list-frame{margin:0;position:absolute;inset:0}.gd-list{padding:0}.gd-item{right:0;bottom:calc(100% - var(--gd-y));left:calc(var(--gd-x) + 1.5rem);padding:0 0 .75rem;position:absolute}.gd-name{font-size:clamp(1.5rem,.8rem + 1.45vw,2.125rem)}.gd-item[data-flagship] .gd-name{letter-spacing:-.032em;font-size:clamp(2.25rem,1.1rem + 2.7vw,3.5rem)}.gd-summary{margin-top:.375rem}}
