.work-grid{gap:var(--ds-space-gap-lg);display:grid}@media (min-width:48rem){.work-grid{column-gap:var(--ds-space-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.work-cell--lead{grid-column:1/-1}}.work-tile{gap:var(--ds-space-gap);flex-direction:column;height:100%;display:flex}@media (min-width:64rem){.work-tile--lead{column-gap:var(--ds-space-gap-lg);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;display:grid}}.work-media{border-radius:var(--ds-radius-media);overflow:clip}.work-media:has(>.tbc-slot){border:var(--ds-border-width) dashed var(--ds-color-input)}.work-media>*{width:100%;height:100%}.work-media>.tbc-slot{border:0;border-radius:0}.work-stage{--work-land:calc(var(--ds-motion-duration-slow) * 2);--work-tip:14deg;perspective:calc(var(--ds-space-gap) * 48)}.work-lift{transform-origin:50% 100%;position:relative}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.work-stage>.work-lift{transition:transform var(--work-land) var(--ds-motion-ease) calc(var(--order,0) * var(--ds-motion-duration-fast))}.work-tile:not([data-landed]) .work-stage>.work-lift{transform:rotateX(var(--work-tip)) translateY(calc(var(--ds-motion-distance-far) / 2)) scale(var(--ds-motion-settle-scale))}}.work-notch{--work-ground:var(--ds-color-bg);--work-fillet:var(--ds-radius-lg);z-index:2;padding:var(--ds-space-gap-sm) 0 0 var(--ds-space-gap-sm);background-color:var(--work-ground);border-top-left-radius:calc(var(--ds-space-gap) + var(--ds-space-gap-sm));position:absolute;bottom:0;right:0}.work-notch:before,.work-notch:after{content:"";width:var(--work-fillet);height:var(--work-fillet);background:radial-gradient(circle at 0 0, transparent calc(var(--work-fillet) - var(--ds-border-width) / 2), var(--work-ground) var(--work-fillet));position:absolute}.work-notch:before{bottom:100%;right:0}.work-notch:after{bottom:0;right:100%}.work-notch-pill{align-items:center;gap:var(--ds-space-gap-sm);min-height:calc(var(--ds-space-gap) * 2);padding-inline:var(--ds-space-gap-sm);border:var(--ds-border-width) solid var(--ds-color-border);border-radius:var(--ds-radius-control);background-color:var(--work-ground);color:var(--ds-color-accent);transition:background-color var(--ds-motion-duration) var(--ds-motion-ease), border-color var(--ds-motion-duration) var(--ds-motion-ease);display:flex}.work-media :is(img){transition:scale var(--ds-motion-duration-slow) var(--ds-motion-ease)}@media (hover:hover){.work-tile:hover .work-notch-pill{border-color:var(--ds-color-fg);background-color:var(--ds-color-fg)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.work-tile:hover .work-media img{scale:var(--ds-motion-zoom-scale)}}.work-body{flex-direction:column;flex:1;display:flex}.work-body>p{margin-bottom:var(--ds-space-gap)}.work-facts{gap:var(--ds-space-gap-sm);padding-top:var(--ds-space-gap);border-top:var(--ds-border-width) solid var(--ds-color-border);margin-top:auto;display:grid}.work-fact{grid-template-columns:calc(var(--ds-space-gap) * 3) minmax(0, 1fr);align-items:baseline;column-gap:var(--ds-space-gap-sm);display:grid}.work-groups{align-items:center;column-gap:var(--ds-space-gap-sm);row-gap:calc(var(--ds-space-gap-sm) / 2);font-size:var(--ds-text-body);color:var(--ds-color-fg);flex-wrap:wrap;font-weight:600;display:flex}
.faq-on-base{--faq-flood:var(--ds-color-surface)}.faq-on-tint{--faq-flood:var(--ds-color-bg)}.faq-item{border-block-start:var(--ds-border-width) solid var(--ds-color-border);position:relative}.faq-item:last-child{border-block-end:var(--ds-border-width) solid var(--ds-color-border)}.faq-summary{align-items:center;gap:var(--ds-space-gap);min-block-size:calc(var(--spacing) * 11);padding-block:var(--ds-space-gap);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;list-style:none;display:grid}.faq-summary::-webkit-details-marker{display:none}.faq-summary:focus-visible{outline:2px solid var(--ds-color-ring);outline-offset:2px;border-radius:var(--ds-radius-object)}.faq-question{text-wrap:balance;position:relative}.faq-flood{inset-block:calc(var(--ds-border-width) * -1) 0;inset-inline:calc(var(--ds-space-gap-sm) * -1);border-radius:var(--ds-radius-object);background:var(--faq-flood);clip-path:inset(0 0 0 100%);pointer-events:none;position:absolute}.faq-item[open] .faq-flood{clip-path:inset(0)}.faq-answer{padding-block-end:var(--ds-space-gap-lg);position:relative}.faq-marker{inline-size:calc(var(--spacing) * 11);block-size:calc(var(--spacing) * 11);border-radius:var(--ds-radius-control);border:var(--ds-border-width) solid var(--ds-color-input);color:var(--ds-color-fg);isolation:isolate;place-items:center;display:grid;position:relative}.faq-marker:before{content:"";inset:calc(var(--ds-border-width) * -1);z-index:-1;border-radius:inherit;background:var(--ds-color-primary);clip-path:inset(0 100% 0 0);position:absolute}.faq-plus{inline-size:calc(var(--spacing) * 5);block-size:calc(var(--spacing) * 5)}.faq-item[open] .faq-plus{rotate:135deg}.faq-item[open] .faq-marker{border-color:var(--ds-color-fg)}@media (hover:hover) and (pointer:fine){.faq-item:not([open]) .faq-summary:hover .faq-marker{border-color:var(--ds-color-primary);color:var(--ds-color-primary-fg)}.faq-item:not([open]) .faq-summary:hover .faq-marker:before{clip-path:inset(0)}}@media (prefers-reduced-motion:no-preference){.faq-item{interpolate-size:allow-keywords}.faq-flood{transition:clip-path var(--faq-wipe-out) var(--faq-ease)}.faq-item[open] .faq-flood{animation:faq-wipe-in var(--faq-wipe-in) var(--faq-ease)}.faq-item[open] .faq-answer>*{animation:faq-wipe-in var(--faq-wipe-in) var(--faq-ease) var(--ds-motion-stagger) backwards}.faq-plus{transition:rotate var(--faq-wipe-in) var(--ds-motion-ease)}.faq-marker{transition:border-color var(--ds-motion-duration-fast) var(--ds-motion-ease), color var(--ds-motion-duration-fast) var(--ds-motion-ease)}.faq-marker:before{transition:clip-path var(--ds-motion-duration) var(--ds-motion-ease)}.faq-item::details-content{block-size:0;transition:block-size var(--ds-motion-duration-slow) var(--ds-motion-ease), content-visibility var(--ds-motion-duration-slow) allow-discrete;overflow:clip}.faq-item[open]::details-content{block-size:auto}}.faq-list{--faq-wipe-in:var(--ds-motion-duration-slow);--faq-wipe-out:calc(var(--ds-motion-duration) + var(--ds-motion-stagger));--faq-ease:var(--ds-motion-ease-wipe)}@keyframes faq-wipe-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}