@layer features{.built{padding-block:var(--space-section);background-color:var(--surface);color:var(--text);container:built/inline-size}.built__grid{row-gap:var(--space-6)}.built__title{font-family:var(--font-display);font-size:var(--step-4);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);grid-column:wide;margin:0}.mosaic{gap:var(--space-3);grid-column:wide;margin:0;padding:0;list-style:none;display:grid}.tile{min-inline-size:0}.tile__details{background-color:var(--surface-raised);border:var(--line-width) solid var(--border);border-radius:var(--radius-s);block-size:100%;transition:border-color var(--dur-quick) var(--ease-settle);flex-direction:column;display:flex}.tile__details:is(:hover,:focus-within,[open]){border-color:var(--border-control)}.tile__summary{gap:var(--space-2);padding:var(--space-5);cursor:pointer;border-radius:var(--radius-s);align-content:start;padding-inline-end:var(--space-8);list-style:none;display:grid;position:relative}.tile__summary::-webkit-details-marker{display:none}.tile__summary:before,.tile__summary:after{content:"";inline-size:.875rem;block-size:var(--line-width-strong);transition:rotate var(--dur-base) var(--ease-settle);background-color:currentColor;position:absolute;inset-block-start:var(--space-5);inset-inline-end:var(--space-5)}.tile__summary:after{rotate:90deg}.tile__details[open] .tile__summary:after{rotate:0deg}.tile__summary:focus-visible{outline:var(--focus-ring);outline-offset:calc(var(--focus-offset) * -1)}.tile__group{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.tile__title{font-family:var(--font-display);font-size:var(--step-1);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}.tile__line{font-size:var(--step--1);line-height:var(--leading-snug)}.tile__stack{font-family:var(--font-mono);font-size:var(--step--2);color:var(--text-muted)}.tile__credit{justify-self:start}.tile__detail{padding:0 var(--space-5) var(--space-5);font-size:var(--step--1);line-height:var(--leading-body);max-inline-size:60ch;margin:0}.tile[data-weight=large] .tile__details{--tile-fg:light-dark(var(--paper),var(--ink));background-color:light-dark(var(--ink),var(--cloud));color:var(--tile-fg);border-color:light-dark(var(--ink),var(--cloud))}.tile[data-weight=large] .tile__group,.tile[data-weight=large] .tile__stack{color:color-mix(in srgb, var(--tile-fg) 78%, transparent)}.tile[data-weight=large] .tile__summary{flex:1;align-content:end}.tile[data-weight=large] .tile__title{font-size:var(--step-3)}.tile[data-weight=large] .tile__line{font-size:var(--step-0);max-inline-size:40ch}.tile[data-weight=large] .tile__summary:focus-visible{outline-color:var(--tile-fg)}.tile[data-weight=large] .tile__credit :where(span){color:var(--tile-fg);border-color:color-mix(in srgb, var(--tile-fg) 60%, transparent)}.tile:has(>.photo){isolation:isolate;border-radius:var(--radius-s);position:relative;overflow:clip}.tile>.photo{--photo-ground:light-dark(var(--ink),var(--cloud));--photo-tone-opacity:.34;z-index:-1}.tile[data-weight=large]:has(>.photo) .tile__details{background-color:#0000;background-image:linear-gradient(to top, light-dark(var(--ink),var(--cloud)) 0%, color-mix(in srgb, light-dark(var(--ink),var(--cloud)) 88%, transparent) 38%, transparent 78%)}.tile[data-weight=large]:has(>.photo){--tile-fg:light-dark(var(--paper),var(--ink))}.tile[data-weight=large]:has(>.photo) :is(.tile__group,.tile__stack){color:var(--tile-fg)}@container built (width>=48rem){.mosaic{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:minmax(11rem,auto)}.tile{grid-column:span 5}.tile[data-weight=large]{grid-area:span 2/span 7}.tile[data-weight=large][data-side=end]{grid-column:6/span 7}.tile[data-full]{grid-column:1/-1}@media (hover:hover){.tile[data-weight=small] :is(.tile__line,.tile__stack){opacity:0;translate:0 var(--space-1);transition:opacity var(--dur-base) var(--ease-settle), translate var(--dur-base) var(--ease-settle)}.tile[data-weight=small] .tile__details:is(:hover,:focus-within,[open]) :is(.tile__line,.tile__stack){opacity:1;translate:0}}}@media (prefers-reduced-motion:reduce){.tile__line,.tile__stack,.tile__summary:before,.tile__summary:after{transition:none}}}