@layer components{.si-defer{position:absolute;inset:0;animation:si-defer 1ms 1.2s both}.si{--si-ring:var(--mark);--si-pad:clamp(var(--space-4),0.6rem + 1.6vw,var(--space-6));--si-row-h:clamp(12rem,2rem + 17vw,22rem);isolation:isolate}.si :where(h2,h3,h4,h5){margin:0}.si :where(ul,ol){list-style:none;margin:0;padding:0}.si :is(.si-tiles,.si-index,.si-strip,.si-masked)>li{max-inline-size:none}.si :where(a){color:inherit;text-decoration:none}.si :where(.si-tile,.si-panel):focus-visible{outline-color:var(--si-ring)}.si-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;gap:var(--space-4) var(--space-6)}.si-num{display:block;margin-block-end:calc(var(--space-2) * -1)}.si-heading{max-inline-size:16ch}.si-all{justify-self:start;gap:var(--space-2);color:var(--mark);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}.si-nowrap{white-space:nowrap}.si-arrow{flex:none;inline-size:1.1em;block-size:1.1em}@media (min-width:48rem){.si-head{grid-template-columns:minmax(0,1fr) auto}.si-num{grid-column:1/-1}.si-all{justify-self:end}}.si-media{display:block;overflow:clip;border-radius:inherit}.si-img,.si-media{position:absolute;inset:0}.si-img{inline-size:100%;block-size:100%;max-inline-size:none;object-fit:cover}.si-shaped{position:relative;display:block;overflow:clip;isolation:isolate;border-radius:var(--radius-photo);background-color:var(--si-tint,var(--surface-2))}.si-shaped[data-mask=rect]{border-radius:0}.si-shaped[data-mask=rounded]{border-radius:max(var(--radius-photo),.875rem)}.si-shaped[data-mask=arch]{border-radius:50% 50% var(--radius-photo) var(--radius-photo) /40% 40% var(--radius-photo) var(--radius-photo)}.si-shaped[data-mask=circle]{border-radius:50%}.si-shaped[data-mask=pill]{border-radius:999px}.si-shaped[data-mask=leaf]{border-radius:50% 0}.si-shaped[data-mask=notch]{border-radius:0;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%,0 19.2%)}.si-shaped[data-mask=gable]{border-radius:0;clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%)}.si-shaped[data-mask=slot]{border-radius:var(--radius-photo)}.si-disc{display:none;flex:none;place-items:center;inline-size:var(--tap);block-size:var(--tap);border-radius:999px;background-color:var(--cta);color:var(--cta-fg)}@media (min-width:40rem){.si-disc{display:grid}.si-cell:not(:first-child) .si-disc{opacity:0}.si-cell .si-tile:is(:hover,:focus-visible) .si-disc{opacity:1}}.si-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap)}.si-cell{grid-column:span var(--si-sm,1);min-inline-size:0}.si-tile{position:relative;display:block;aspect-ratio:var(--si-ratio,4/5);overflow:clip;isolation:isolate;border-radius:var(--radius-photo);background-color:var(--si-tint,var(--surface));color:var(--fg)}.si-tile>.scrim-b{z-index:1}.si-foot{position:absolute;inset:auto 0 0 0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);padding:var(--si-pad)}.si-name{color:var(--fg);max-inline-size:14ch}.si-cell:not([data-span=hero],[data-span=wide],[data-span=band]) .si-name{font-size:calc(var(--text-display-md) * .74);line-height:1.02}@media (min-width:64rem){.si-tiles{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--si-row-h);grid-auto-flow:row dense}.si-cell{grid-column:span var(--si-c,1);grid-row:span var(--si-rs,1)}.si-tile{aspect-ratio:auto;block-size:100%}.si-cell:not([data-span=hero],[data-span=wide],[data-span=band]) .si-name{font-size:calc(var(--text-display-md) * .8)}}.si-index,.si-index-wrap{position:relative}.si-index{isolation:isolate;border-block-end:1px solid var(--line)}.si-row{background:linear-gradient(var(--line),var(--line)) 0 0 /100% 1px no-repeat}.si-link{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;column-gap:var(--space-4);min-block-size:3.5rem;padding-block:var(--space-5);position:relative;color:var(--fg)}.si-row-num{align-self:start;padding-block-start:.55em}.si-row-name{font-size:calc(var(--text-display-lg) * .82);line-height:.98}.si-row-line{display:none}.si-row-end{display:grid;grid-template-areas:"end";place-items:center end}.si-row-end>*{grid-area:end}.si-thumb{inline-size:4.5rem;aspect-ratio:var(--si-preview-ratio,4/5)}.si-thumb[data-mask=circle],.si-thumb[data-mask=leaf]{inline-size:4rem}.si-row-arrow{display:none;color:var(--mark)}.si-row-arrow .si-arrow{inline-size:1.75rem;block-size:1.75rem}.si-float{display:none}@media (min-width:64rem){.si-link{grid-template-columns:4.5rem minmax(0,1fr) minmax(0,17rem) 5.5rem;padding-block:var(--space-6)}.si-row-name{font-size:var(--text-display-lg)}.si-row-line{display:block;align-self:center;max-inline-size:30ch}.si-link:not(:has(.si-row-line)) .si-row-name{grid-column:span 2}}@media (hover:hover) and (pointer:fine){.si-thumb{visibility:hidden}.si-link:focus-visible .si-thumb{visibility:visible}.si-row-arrow{display:block}.si-link:focus-visible .si-row-arrow{visibility:hidden}.si-index:has(.si-link:hover) .si-link:not(:hover) :is(.si-row-name,.si-row-num){color:var(--muted)}.si-float{display:block;position:absolute;z-index:3;inset-block-start:50%;inset-inline-end:24%;inline-size:clamp(13rem,6rem + 11vw,19rem);translate:0 -50%;pointer-events:none;clip-path:inset(50% 50% 50% 50%)}.si-float>.si-fshape{aspect-ratio:var(--si-preview-ratio,4/5)}.si-link:hover .si-float{clip-path:inset(0 0 0 0)}.si-float .si-img{scale:1.18}.si-link:hover .si-float .si-img{scale:1}.si-index[data-si-follow] .si-link{position:static}.si-index[data-si-follow] .si-float{inset:0 auto auto 0;translate:none;transform:translate3d(calc(var(--si-x, 0px) + 1.5rem),calc(var(--si-y, 0px) - 50%),0) rotate(var(--si-lean,0deg));transform-origin:0 50%;will-change:transform}}.si-strip{display:grid;gap:var(--space-3)}.si-pane{min-inline-size:0}.si-panel{position:relative;display:block;aspect-ratio:16/9;overflow:clip;isolation:isolate;border-radius:var(--radius-photo);background-color:var(--si-tint,var(--surface));color:var(--fg)}.si-panel-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,color-mix(in oklab,var(--scrim) min(100%,88% * var(--scrim-strength)),transparent) 0,color-mix(in oklab,var(--scrim) min(100%,45% * var(--scrim-strength)),transparent) 42%,transparent 72%),linear-gradient(180deg,color-mix(in oklab,var(--scrim) min(100%,78% * var(--scrim-strength)),transparent) 0,color-mix(in oklab,var(--scrim) min(100%,35% * var(--scrim-strength)),transparent) 18%,transparent 34%)}.si-panel-top{position:absolute;inset:0 0 auto 0;z-index:2;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--si-pad)}.si-panel-line,.si-panel-num{color:var(--fg)}.si-panel-line{align-self:flex-start;max-inline-size:30ch;padding:var(--space-1) var(--space-2);border-radius:min(var(--radius-photo),.375rem);background-color:color-mix(in oklab,var(--scrim) 82%,transparent);font-size:var(--text-caption);line-height:1.35}.si-panel-name{inset-inline:var(--si-pad) calc(var(--si-pad) + var(--tap) + var(--space-3));color:var(--fg)}.si-panel-name,.si-panel>.si-disc{position:absolute;z-index:2;inset-block-end:var(--si-pad)}.si-panel>.si-disc{inset-inline-end:var(--si-pad)}@media (max-width:47.99rem){.si-panel{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-2);padding:var(--si-pad);padding-inline-end:calc(var(--si-pad) + var(--tap) + var(--space-3))}.si-panel-name,.si-panel-top{position:relative;inset:auto;padding:0}.si-panel-name{font-size:calc(var(--text-display-md) * .9)}}@media (min-width:48rem){.si-strip{container-type:inline-size;display:flex;gap:var(--space-2);block-size:clamp(28rem,70svh,42rem);--si-open-w:calc((100cqi - (var(--si-n, 5) - 1) * var(--space-2)) * var(--si-open) / (var(--si-open) + var(--si-n, 5) - 1))}.si-pane{flex:1 1 0}.si-pane:hover,.si-strip:not(:has(.si-pane:hover)) .si-pane:has(:focus-visible),.si-strip:not(:has(.si-pane:hover,:focus-visible)) .si-pane:first-child{flex-grow:var(--si-open,3.2)}.si-panel{aspect-ratio:auto;block-size:100%}.si-panel .si-img{inset:0 auto 0 50%;inline-size:max(100%,var(--si-open-w));translate:-50% 0}.si-panel-scrim{background:linear-gradient(90deg,color-mix(in oklab,var(--scrim) min(100%,62% * var(--scrim-strength)),transparent) 0,transparent 7rem),linear-gradient(0deg,color-mix(in oklab,var(--scrim) min(100%,88% * var(--scrim-strength)),transparent) 0,color-mix(in oklab,var(--scrim) min(100%,40% * var(--scrim-strength)),transparent) 38%,transparent 66%),linear-gradient(180deg,color-mix(in oklab,var(--scrim) min(100%,78% * var(--scrim-strength)),transparent) 0,color-mix(in oklab,var(--scrim) min(100%,35% * var(--scrim-strength)),transparent) 16%,transparent 30%)}.si-panel-name{inset-inline:var(--si-pad);overflow:hidden;font-size:var(--text-caption);font-family:var(--font-body,inherit);font-weight:600;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.si-panel-line,.si-panel>.si-disc{opacity:0}.si-pane:hover .si-panel-name,.si-strip:not(:has(.si-pane:hover)) .si-pane:has(:focus-visible) .si-panel-name,.si-strip:not(:has(.si-pane:hover,:focus-visible)) .si-pane:first-child .si-panel-name{inset-inline-end:calc(var(--si-pad) + var(--tap) + var(--space-3));font-size:var(--text-display-md);font-family:var(--font-display,inherit);font-weight:var(--display-weight);line-height:1;white-space:normal}.si-pane:hover :is(.si-panel-line,.si-disc),.si-strip:not(:has(.si-pane:hover)) .si-pane:has(:focus-visible) :is(.si-panel-line,.si-disc),.si-strip:not(:has(.si-pane:hover,:focus-visible)) .si-pane:first-child :is(.si-panel-line,.si-disc){opacity:1}}.si-masked{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--grid-gap);row-gap:var(--space-8);align-items:start}.si-masked[data-count="3"]>.si-mitem:last-child,.si-masked[data-count="5"]>.si-mitem:last-child{grid-column:1/-1;inline-size:calc(50% - var(--grid-gap) / 2);justify-self:center}.si-mlink{display:flex;flex-direction:column;gap:var(--space-4);color:var(--fg)}.si-shape{inline-size:100%;aspect-ratio:var(--si-shape-ratio,4/5)}.si-shape:is([data-mask=circle],[data-mask=leaf]){inline-size:92%}.si-shape:is([data-mask=pill],[data-mask=slot]){inline-size:74%}.si-mtext{display:flex;flex-direction:column;gap:var(--space-2)}.si-mname{font-size:calc(var(--text-display-md) * .78);line-height:1;text-wrap:wrap}.si-mname .si-arrow{display:inline-block;inline-size:.62em;block-size:.62em;margin-inline-start:.25em;vertical-align:.02em;color:var(--mark)}.si-mline{display:block;max-inline-size:30ch}@media (min-width:64rem){.si-masked{grid-template-columns:repeat(var(--si-mcols,4),minmax(0,1fr));column-gap:clamp(var(--space-5),2.5vw,var(--space-8))}.si-masked[data-count="2"]{--si-mcols:2}.si-masked:is([data-count="3"],[data-count="5"],[data-count="6"]){--si-mcols:3}.si-masked[data-count="3"]>.si-mitem:last-child,.si-masked[data-count="5"]>.si-mitem:last-child{grid-column:auto;inline-size:auto;justify-self:stretch}.si-mname{font-size:calc(var(--text-display-md) * .86)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:where(:root:not([data-cjp-motion=reduce])) .si :is(.si-tile,.si-mlink) .si-img{transition:transform var(--hover-out,.45s) var(--ease-out)}:where(:root:not([data-cjp-motion=reduce])) .si :is(.si-tile,.si-mlink):is(:hover,:focus-visible) .si-img{transform:scale(var(--si-zoom,1.06));transition-duration:var(--dur-1)}:where(:root:not([data-cjp-motion=reduce])) .si :is(.si-disc,.si-row-arrow,.si-mname .si-arrow,.si-all .si-arrow){transition:transform var(--hover-out,.45s) var(--ease-out),opacity var(--dur-2) var(--ease-out)}:where(:root:not([data-cjp-motion=reduce])) .si-panel:is(:hover,:focus-visible)>.si-disc,:where(:root:not([data-cjp-motion=reduce])) .si-tile:is(:hover,:focus-visible) .si-disc{transform:translate(4px,-4px);transition-duration:var(--dur-1)}:where(:root:not([data-cjp-motion=reduce])) :is(.si-link,.si-mlink,.si-all):is(:hover,:focus-visible) :is(.si-row-arrow,.si-arrow){transform:translateX(4px);transition-duration:var(--dur-1)}:where(:root:not([data-cjp-motion=reduce])) .si-row-name{transition:color var(--dur-2) var(--ease-out),transform var(--hover-out,.45s) var(--ease-out)}:where(:root:not([data-cjp-motion=reduce])) .si-link:hover .si-row-name{transform:translateX(var(--space-3));transition-duration:var(--dur-2),var(--dur-2)}:where(:root:not([data-cjp-motion=reduce])) .si-float{transition:clip-path var(--dur-2) var(--ease-out)}:where(:root:not([data-cjp-motion=reduce])) .si-link:hover .si-float{transition-duration:var(--dur-3)}:where(:root:not([data-cjp-motion=reduce])) .si-float .si-img{transition:scale var(--dur-3) var(--ease-out)}}@media (min-width:48rem) and (prefers-reduced-motion:no-preference){:where(:root:not([data-cjp-motion=reduce])) .si-pane{transition:flex-grow var(--dur-3) var(--ease-in-out)}:where(:root:not([data-cjp-motion=reduce])) :is(.si-panel-line,.si-panel>.si-disc){transition:opacity var(--dur-2) var(--ease-out),transform var(--hover-out,.45s) var(--ease-out)}:where(:root:not([data-cjp-motion=reduce])) .si-panel .si-img{scale:1.06;transition:scale var(--dur-4) var(--ease-out)}:where(:root:not([data-cjp-motion=reduce])) .si-pane:hover .si-img,:where(:root:not([data-cjp-motion=reduce])) .si-strip:not(:has(.si-pane:hover)) .si-pane:has(:focus-visible) .si-img,:where(:root:not([data-cjp-motion=reduce])) .si-strip:not(:has(.si-pane:hover,:focus-visible)) .si-pane:first-child .si-img{scale:1}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:where(:root:not([data-cjp-motion=reduce])) .si[data-motion]:is([data-reveal=frame-open],[data-reveal=iris],[data-reveal=wipe]) :is(.si-tile,.si-panel){animation:si-frame linear both;animation-timeline:view();animation-range:entry calc(var(--si-i, 0) * 4%) cover calc(26% + var(--si-i, 0) * 4%)}:where(:root:not([data-cjp-motion=reduce])) .si[data-motion][data-reveal=iris] :is(.si-tile,.si-panel){animation-name:si-iris}:where(:root:not([data-cjp-motion=reduce])) .si[data-motion][data-reveal=wipe] :is(.si-tile,.si-panel){animation-name:si-wipe}:where(:root:not([data-cjp-motion=reduce])) .si[data-motion]:not([data-reveal=none]) :is(.si-tile,.si-shape) .si-media{animation:si-settle linear both;animation-timeline:view();animation-range:entry 0 cover 45%}:where(:root:not([data-cjp-motion=reduce])) .si[data-motion]:not([data-reveal=none]) .si-mitem{animation:si-rise linear both;animation-timeline:view();animation-range:entry calc(var(--si-i, 0) * 5%) cover calc(24% + var(--si-i, 0) * 5%)}:where(:root:not([data-cjp-motion=reduce])) .si[data-motion]:not([data-reveal=none]) .si-row{animation:si-rule linear both;animation-timeline:view();animation-range:entry 0 cover 30%}:where(:root:not([data-cjp-motion=reduce])) .si[data-motion]:not([data-reveal=none]) .si-row-name{animation:si-name linear both;animation-timeline:view();animation-range:entry 10% cover 25%}}}@keyframes si-frame{0%{clip-path:inset(4% round calc(var(--radius-photo) + .75rem))}to{clip-path:inset(-12px round calc(var(--radius-photo) + 12px))}}@keyframes si-iris{0%{clip-path:circle(68% at 50% 50%)}to{clip-path:circle(100% at 50% 50%)}}@keyframes si-wipe{0%{clip-path:inset(0 34% 0 0)}to{clip-path:inset(-12px -12px -12px -12px)}}@keyframes si-settle{0%{scale:1.08}to{scale:1}}@keyframes si-rise{0%{translate:0 2rem}to{translate:0 0}}@keyframes si-rule{0%{background-size:18% 1px}to{background-size:100% 1px}}@keyframes si-name{0%{translate:0 .3em}to{translate:0 0}}}@keyframes si-defer{0%{display:none}to{display:block}}