@layer tokens, reset, base, typography, layouts, components, master-components, utilities, app;@layer app{.spotlight{--_gap:var(--space-2xl);--_list-gap:var(--space-l);--_visual-ratio:16/9;--_panel-min:calc(var(--space-32) * 3);--_sticky-top:calc(var(--header-height-desktop) + var(--space-l));--_radius:var(--radius-3xl);--_dur:var(--duration-slow);--_lift:calc(var(--space-xs) * -1);--_glow-active:0 0 var(--space-l) color-mix(in srgb,var(--color-primary),transparent 78%);position:relative;display:flex;flex-direction:column;gap:var(--space-xl);color:var(--text-primary);font-family:var(--font-sans)}.spotlight *,.spotlight :after,.spotlight :before{box-sizing:border-box}.spotlight__head{display:flex;flex-direction:column;align-items:center;gap:var(--space-m);text-align:center}.spotlight__title{margin:0;font-size:var(--text-heading-1);line-height:var(--leading-tight);font-weight:var(--font-weight-bold);color:var(--text-primary);text-wrap:balance;text-shadow:var(--text-shadow-md)}.spotlight__subtitle{margin-inline:auto}.spotlight__layout{display:flex;flex-direction:column;gap:var(--_gap)}.spotlight__list{display:flex;flex-direction:column;gap:var(--_list-gap);margin:0;padding:0;list-style:none}.spotlight__card,.spotlight__item{display:flex;flex-direction:column;gap:var(--space-m)}.spotlight__card{position:relative;padding-block:var(--surface-padding);padding-inline:var(--surface-padding);background:var(--bg-elevated);border:var(--border-width) solid var(--border-subtle);border-radius:var(--_radius);box-shadow:var(--shadow-md);transition:box-shadow var(--_dur) var(--ease-out-expo),border-color var(--_dur) var(--ease-out-expo),transform var(--_dur) var(--ease-out-expo)}@media (hover:hover){.spotlight__card:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--color-primary),transparent 60%);transform:translateY(calc(var(--_lift) / 2))}}.spotlight__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;color:var(--color-primary);transition:transform var(--duration-fast) var(--ease-out)}.spotlight__card-head{display:flex;flex-direction:column;align-items:center;gap:var(--space-m);text-align:center}.spotlight__card-title{margin:0;font-size:var(--text-heading-2);line-height:var(--leading-tight);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);text-wrap:balance;text-shadow:var(--text-shadow-md);transition:color var(--duration-fast) var(--ease-out)}.spotlight__card-trigger{display:inline-flex;align-items:center;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;letter-spacing:inherit;text-align:center;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.spotlight__card-trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-lg)}.spotlight__card-cue{display:none;position:relative;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding-block:var(--space-xs);padding-inline:var(--space-l);color:inherit;background:color-mix(in srgb,currentColor 6%,transparent);border:var(--border-width) solid color-mix(in srgb,currentColor 50%,transparent);border-radius:var(--radius-full);box-shadow:var(--shadow-xs)}.spotlight__card-cue:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:100%;transform:translateX(-150%) skewX(-20deg);background:linear-gradient(90deg,transparent,color-mix(in srgb,currentColor 16%,transparent),transparent);pointer-events:none}@keyframes spotlight-cue-glint{to{transform:translateX(150%) skewX(-20deg)}}.spotlight__cue-icon{flex-shrink:0;opacity:.6}@media (hover:hover){.spotlight__card-trigger:hover{color:var(--color-primary-text)}}@media (min-width:768px){.spotlight--interactive .spotlight__card-trigger{min-block-size:var(--touch-target-md)}}.spotlight__badge{display:inline-flex;align-items:center;padding-block:var(--space-xs);padding-inline:var(--space-m);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-inverse);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);box-shadow:0 var(--border-width-2) var(--space-s) color-mix(in srgb,var(--color-primary) 20%,transparent)}.spotlight__card-desc{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);text-shadow:var(--text-shadow-sm)}.spotlight__actions{flex-wrap:wrap;gap:var(--space-s)}.spotlight__actions,.spotlight__footer{display:flex;justify-content:center}.spotlight__action{display:inline-flex;align-items:center;gap:var(--space-s)}.spotlight__panel{display:flex;flex-direction:column;gap:var(--space-l);padding:var(--space-l);background:var(--bg-elevated);border:var(--border-width) solid var(--border-subtle);border-radius:var(--_radius);overflow:hidden;box-shadow:var(--shadow-md)}.spotlight__panel-media{position:relative;flex:none;inline-size:100%;aspect-ratio:var(--_visual-ratio);border-radius:var(--media-radius-lg);overflow:hidden;background:var(--bg-surface);box-shadow:var(--media-elevation)}.spotlight__panel-media--flat{box-shadow:none}.spotlight__panel-media--video .media-video-wrapper{position:absolute;inset:0;aspect-ratio:auto;block-size:100%;border-radius:inherit;background:transparent}.spotlight__panel-img{inline-size:100%;block-size:100%}.spotlight__panel-body{display:flex;flex-direction:column;gap:var(--space-m)}.spotlight__panel-title{margin:0;font-size:var(--text-heading-2);line-height:var(--leading-tight);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);text-align:center;text-wrap:balance;text-shadow:var(--text-shadow-md)}.spotlight__panel-desc{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);text-shadow:var(--text-shadow-sm)}.spotlight__stage{display:none}.spotlight__stage-track{display:block;position:relative;inline-size:100%}.spotlight__stage .spotlight__panel{inline-size:100%;min-block-size:var(--_panel-min);justify-content:safe center;opacity:0;transform:translateY(var(--space-m));transition:opacity var(--_dur) var(--ease-out-expo),transform var(--_dur) var(--ease-out-expo);box-shadow:var(--shadow-lg),var(--_glow-active)}.spotlight__stage .spotlight__panel:not([data-active]){position:absolute!important;inset-block-start:0;inset-inline:0}.spotlight__stage .spotlight__panel[data-active]{opacity:1;transform:none}@media (min-width:768px){.spotlight--interactive .spotlight__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.spotlight--interactive .spotlight__item .spotlight__panel{display:none}.spotlight--interactive .spotlight__stage{display:block;position:sticky;inset-block-start:var(--_sticky-top);align-self:start}.spotlight--interactive.spotlight--media-right .spotlight__list{order:1}.spotlight--interactive.spotlight--media-left .spotlight__list,.spotlight--interactive.spotlight--media-right .spotlight__stage{order:2}.spotlight--interactive.spotlight--media-left .spotlight__stage{order:1}.spotlight--interactive .spotlight__item[data-active] .spotlight__card{border-color:var(--color-primary);box-shadow:var(--shadow-xl),var(--_glow-active);transform:translateY(var(--_lift))}.spotlight--interactive .spotlight__item[data-active] .spotlight__card-title{color:var(--color-primary-text)}}@media (min-width:768px) and (prefers-reduced-motion:no-preference){.spotlight--pin .spotlight__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.spotlight--pin .spotlight__item .spotlight__panel{display:none}.spotlight--pin .spotlight__stage{display:block;position:relative;align-self:start;transform:translateY(var(--_follow-y,0));transition:transform var(--_dur) var(--ease-out-expo);will-change:transform}.spotlight--pin.spotlight--media-right .spotlight__list{order:1}.spotlight--pin.spotlight--media-left .spotlight__list,.spotlight--pin.spotlight--media-right .spotlight__stage{order:2}.spotlight--pin.spotlight--media-left .spotlight__stage{order:1}.spotlight--pin .spotlight__item[data-active] .spotlight__card{border-color:var(--color-primary);box-shadow:var(--shadow-xl),var(--_glow-active);transform:translateY(var(--_lift))}.spotlight--pin .spotlight__item[data-active] .spotlight__card-title{color:var(--color-primary-text)}}@media (min-width:768px){.spotlight--interactive .spotlight__card{cursor:pointer}.spotlight--interactive .spotlight__card-trigger:after{content:"";position:absolute;inset:0}.spotlight--interactive .spotlight__actions,.spotlight--interactive .spotlight__card-desc a{position:relative;z-index:1}.spotlight--interactive .spotlight__card:has(.spotlight__card-trigger:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.spotlight--interactive .spotlight__card-trigger:focus-visible{outline:none}}@media (hover:hover) and (min-width:768px){.spotlight--interactive .spotlight__card:hover{border-color:color-mix(in srgb,var(--color-primary),transparent 45%);box-shadow:var(--shadow-lg),var(--_glow-active);transform:translateY(var(--_lift))}.spotlight--interactive .spotlight__card:hover .spotlight__card-title{color:var(--color-primary-text)}.spotlight--interactive .spotlight__card:hover .spotlight__icon{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.spotlight__card,.spotlight__card-title,.spotlight__icon,.spotlight__stage .spotlight__panel{transition:none}.spotlight__item[data-active] .spotlight__card,.spotlight__stage .spotlight__panel{transform:none}}[data-theme=dark] .spotlight__card{background:var(--bg-elevated);border-color:var(--border-default);box-shadow:var(--shadow-dark-card)}[data-theme=dark] .spotlight__card:hover{box-shadow:var(--shadow-dark-card-hover)}[data-theme=dark] .spotlight--interactive .spotlight__item[data-active] .spotlight__card,[data-theme=dark] .spotlight--pin .spotlight__item[data-active] .spotlight__card{box-shadow:var(--shadow-dark-card-hover),var(--_glow-active)}[data-theme=dark] .spotlight__panel{background:var(--bg-elevated);border-color:var(--border-default);box-shadow:var(--shadow-dark-card)}[data-theme=dark] .spotlight__panel-media{background:var(--bg-surface)}[data-theme=dark] .spotlight__stage .spotlight__panel{box-shadow:var(--shadow-dark-card),var(--_glow-active)}@media (max-width:767px){.spotlight__item{gap:var(--space-m);padding-block:var(--surface-padding);padding-inline:var(--surface-padding);background:var(--bg-elevated);border:var(--border-width) solid var(--border-subtle);border-radius:var(--_radius);box-shadow:var(--shadow-md)}.spotlight__card,.spotlight__panel{gap:var(--space-m)}.spotlight[data-visual-style]:not([data-visual-style=default]) .spotlight__item,.spotlight__card,.spotlight__panel{padding:0;background:none;border:0;border-radius:0;box-shadow:none}.spotlight[data-visual-style]:not([data-visual-style=default]) .spotlight__card,.spotlight[data-visual-style]:not([data-visual-style=default]) .spotlight__panel{padding-block:var(--surface-padding);padding-inline:var(--surface-padding);border-radius:var(--_radius)}.spotlight[data-visual-style]:not([data-visual-style=default]) .spotlight__item[data-expanded]{row-gap:var(--space-m)}.spotlight__card-trigger:after{content:"";position:absolute;inset:0}.spotlight__card-desc a{position:relative;z-index:1}.spotlight__card-cue{display:inline-flex;align-self:center}.spotlight[data-disclose] .spotlight__item:not([data-expanded]) .spotlight__card{--_fade:linear-gradient(to bottom,black calc(100% - var(--space-s)),transparent);-webkit-mask-image:var(--_fade);mask-image:var(--_fade)}.spotlight[data-disclose] .spotlight__item{display:grid;grid-template-rows:0fr 1fr;gap:0}.spotlight[data-disclose] .spotlight__panel{grid-row:1;min-block-size:0;opacity:0}.spotlight[data-disclose] .spotlight__card{grid-row:2}.spotlight[data-disclose] .spotlight__item[data-expanded]{grid-template-rows:1fr 0fr;row-gap:0}.spotlight[data-disclose] .spotlight__item[data-expanded] .spotlight__panel{opacity:1}.spotlight[data-disclose] .spotlight__card,.spotlight[data-disclose] .spotlight__panel{min-block-size:0;overflow:hidden}.spotlight[data-disclose] .spotlight__item:not([data-expanded]) .spotlight__panel,.spotlight[data-disclose] .spotlight__item[data-expanded] .spotlight__card{padding-block:0;border-block-width:0!important;max-block-size:0}.spotlight[data-visual-style=default][data-disclose] .spotlight__item[data-active]{border-color:var(--color-primary);box-shadow:var(--shadow-xl),var(--_glow-active)}.spotlight[data-visual-style=default][data-disclose] .spotlight__item[data-active] .spotlight__card-title{color:var(--color-primary-text)}.spotlight[data-disclose][data-disclosure-mode=flip] .spotlight__item{perspective:var(--spotlight-flip-perspective)}.spotlight[data-disclose] .spotlight__panel{position:relative}.spotlight[data-disclose] .spotlight__panel-trigger:after{content:"";position:absolute;inset:0}.spotlight[data-disclose] .spotlight__panel-body a,.spotlight[data-disclose] .spotlight__panel-body button:not(.spotlight__panel-trigger){position:relative;z-index:1}.spotlight__panel-trigger{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding-block:var(--space-xs);padding-inline:var(--space-l);color:inherit;background:color-mix(in srgb,currentColor 6%,transparent);border:var(--border-width) solid color-mix(in srgb,currentColor 50%,transparent);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);cursor:pointer}.spotlight__panel-trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.spotlight[data-disclose] .spotlight__item[data-expanded] .spotlight__panel-trigger .spotlight__cue-icon{transform:rotate(180deg)}[data-theme=dark] .spotlight__item{background:var(--bg-elevated);border-color:var(--border-default);box-shadow:var(--shadow-dark-card)}[data-theme=dark] .spotlight__card,[data-theme=dark] .spotlight__panel{background:none;border-color:transparent;box-shadow:none}}@media (max-width:767px) and (prefers-reduced-motion:no-preference){.spotlight[data-disclose] .spotlight__item{transition:box-shadow var(--_dur) var(--ease-out-expo),border-color var(--_dur) var(--ease-out-expo)}.spotlight[data-disclose] .spotlight__item[data-expanded]{transition:grid-template-rows var(--duration-smooth) var(--ease-out-quint),box-shadow var(--_dur) var(--ease-out-expo),border-color var(--_dur) var(--ease-out-expo)}.spotlight[data-disclose]:not([data-disclosure-mode=flip]) .spotlight__card{transition:opacity var(--duration-base) var(--ease-out-quint)}.spotlight[data-disclose]:not([data-disclosure-mode=flip]) .spotlight__item[data-expanded] .spotlight__card{opacity:0}.spotlight[data-disclose] .spotlight__panel{transition:opacity var(--duration-smooth) var(--ease-out-quint)}.spotlight[data-disclose] .spotlight__panel-trigger .spotlight__cue-icon{transition:transform var(--duration-base) var(--ease-out-quint)}.spotlight[data-disclose][data-has-scrolled] .spotlight__item[data-active] .spotlight__card-cue:after{animation:spotlight-cue-glint calc(var(--duration-slower) * 4) var(--ease-out-quint) 2}.spotlight[data-disclose] .spotlight__panel-body,.spotlight[data-disclose] .spotlight__panel-media{transform:translateY(var(--space-m));transition:transform var(--duration-base) var(--ease-out-quint)}.spotlight[data-disclose] .spotlight__panel-body{transition-delay:var(--duration-fast)}.spotlight[data-disclose] .spotlight__item[data-expanded] .spotlight__panel-body,.spotlight[data-disclose] .spotlight__item[data-expanded] .spotlight__panel-media{transform:none}.spotlight[data-disclose][data-disclosure-mode=flip] .spotlight__item{transition:none}.spotlight[data-disclose][data-disclosure-mode=flip] .spotlight__item[data-expanded]{transition:grid-template-rows var(--duration-medium) var(--ease-out-quint)}.spotlight[data-disclose][data-disclosure-mode=flip] .spotlight__card{transform-origin:center center;transform:rotateY(0deg);transition:transform var(--duration-medium) var(--ease-out-quint),opacity var(--duration-base) var(--ease-out-quint)}.spotlight[data-disclose][data-disclosure-mode=flip] .spotlight__item[data-expanded] .spotlight__card{transform:rotateY(-90deg);opacity:0}.spotlight[data-disclose][data-disclosure-mode=flip] .spotlight__panel{transform-origin:center center;transform:rotateY(90deg);transition:transform var(--duration-medium) var(--ease-out-quint),opacity var(--duration-medium) var(--ease-out-quint)}.spotlight[data-disclose][data-disclosure-mode=flip] .spotlight__item[data-expanded] .spotlight__panel{transform:rotateY(0deg)}.spotlight[data-disclose][data-disclosure-mode=flip] .spotlight__panel-body,.spotlight[data-disclose][data-disclosure-mode=flip] .spotlight__panel-media{transform:none;transition:none}}}@layer tokens, reset, base, typography, layouts, components, master-components, utilities, app;@layer app{.bento{container-type:inline-size;container-name:bento;gap:var(--space-l)}.bento,.bento__head{display:flex;flex-direction:column}.bento__head{gap:var(--space-s)}.bento__title{font-size:var(--text-heading-1);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);text-wrap:balance;text-shadow:var(--text-shadow-md)}.bento__subtitle{margin-inline:auto}.bento__grid{--bento-cols:12;--bento-gap:var(--space-l);--bento-row:clamp(9rem,14vw,12rem);display:grid;grid-template-columns:repeat(var(--bento-cols),minmax(0,1fr));grid-auto-rows:minmax(var(--bento-row),auto);grid-auto-flow:row dense;gap:var(--bento-gap);margin:0;padding:0;list-style:none}.bento__grid[data-gap=none]{--bento-gap:0}.bento__grid[data-gap=sm]{--bento-gap:var(--space-s)}.bento__grid[data-gap=md]{--bento-gap:var(--space-m)}.bento__grid[data-gap=lg]{--bento-gap:var(--space-l)}.bento__grid[data-gap=xl]{--bento-gap:var(--space-xl)}.bento__grid[data-gap="2xl"]{--bento-gap:var(--space-2xl)}.bento__tile{grid-column:span var(--tile-cols,4);grid-row:span var(--tile-rows,1);min-inline-size:0}.bento__tile[data-tile-width="25"]{--tile-cols:3}.bento__tile[data-tile-width="33"]{--tile-cols:4}.bento__tile[data-tile-width="50"]{--tile-cols:6}.bento__tile[data-tile-width="66"]{--tile-cols:8}.bento__tile[data-tile-width="75"]{--tile-cols:9}.bento__tile[data-tile-width="100"]{--tile-cols:12}.bento__tile[data-tile-height=tall]{--tile-rows:2}.bento__tile-media{position:relative;inline-size:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--media-radius);box-shadow:var(--media-elevation)}.bento__tile-media--flat{box-shadow:none}.bento__tile-media--video .media-video-wrapper{position:absolute;inset:0;aspect-ratio:auto;block-size:100%;border-radius:inherit;background:transparent}.bento__tile-img{inline-size:100%;block-size:100%;object-fit:cover}.bento__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-s);margin-block-start:auto}.bento__tile.card>*{flex-grow:0}.bento__tile[data-content-position=center]{justify-content:center}.bento__tile[data-content-position=bottom]{justify-content:flex-end}.bento__tile[data-content-position=bottom] .bento__actions,.bento__tile[data-content-position=center] .bento__actions{margin-block-start:0}.bento__tile--image{position:relative;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;border-radius:var(--radius-2xl);box-shadow:var(--media-elevation);transition:transform var(--transition-smooth)}.bento__tile--image:hover{transform:translateY(var(--media-lift-hover))}.bento__tile--image:hover .bento__tile-img{transform:scale(1.04)}.bento__tile-img{transition:transform var(--transition-smooth)}.bento__tile--image .bento__tile-media{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;box-shadow:none}@media (prefers-reduced-motion:reduce){.bento__tile--image,.bento__tile-img{transition:none}.bento__tile--image:hover,.bento__tile--image:hover .bento__tile-img{transform:none}}.bento__tile-overlay{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-m);padding:var(--surface-padding);padding-block-end:var(--space-2xl);text-align:center;background:linear-gradient(to bottom,rgba(var(--neutral-950-rgb),.6) 0,rgba(var(--neutral-950-rgb),.6) calc(100% - var(--space-2xl)),rgba(var(--neutral-950-rgb),0) 100%)}.bento__tile-overlay--actions{margin-block-start:auto;padding-block-start:var(--space-2xl);padding-block-end:var(--surface-padding);background:linear-gradient(to top,rgba(var(--neutral-950-rgb),.6) 0,rgba(var(--neutral-950-rgb),.6) calc(100% - var(--space-2xl)),rgba(var(--neutral-950-rgb),0) 100%)}.bento__tile-overlay-title{font-size:var(--text-heading-2);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);color:var(--text-inverse-primary);text-wrap:balance;text-shadow:var(--text-shadow-heavy)}.bento__tile-overlay-desc{--lexical-color:var(--text-inverse-secondary);color:var(--text-inverse-secondary)}.bento__stat-value{font-size:var(--text-display);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);text-align:center;text-wrap:balance;color:var(--color-primary-text)}.bento__quote,.bento__stat-desc{text-align:center}.bento__quote{display:flex;flex-direction:column;gap:var(--space-m);margin:0}.bento__quote-author{font-size:var(--text-label);line-height:var(--line-height-normal);font-style:normal;color:var(--text-secondary);text-wrap:pretty}.bento__quote-author-link{color:inherit;text-decoration:underline;text-underline-offset:.15em}.bento__tile--article{gap:var(--space-m)}.bento__tile-body{display:flex;flex-direction:column;gap:var(--space-s)}.bento__tile-category{font-size:var(--text-xs);line-height:var(--line-height-normal);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-primary-text)}.bento__tile-category--link{text-decoration:none}.bento__tile-category--link:hover{text-decoration:underline}.bento__tile-link{color:inherit;text-decoration:none}.bento__tile-link:hover{text-decoration:underline}.bento__tile-excerpt{font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--text-secondary);text-wrap:pretty}.bento__footer{margin-block-start:calc(var(--space-xl) - var(--space-l));display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-m)}@container bento (max-inline-size: 40rem){.bento .bento__grid{--bento-cols:1}.bento .bento__grid .bento__tile{--tile-cols:1;--tile-rows:1}}}