.web-demo-gallery.section{padding-top:70px;container-type:inline-size}.web-demo-gallery-header{align-items:center;gap:var(--space-24);margin-bottom:var(--space-80);text-align:center;flex-direction:column;display:flex}.web-demo-gallery-header>*{margin:0}.web-demo-gallery-header .web-display-text{font-size:min(var(--size-hero), 9cqw)}.web-demo-gallery-intro.body{max-width:560px;color:var(--neutral-content-body)}.web-demo-gallery-list{gap:var(--space-24);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.web-demo-gallery-card{gap:var(--space-24);height:100%;padding:var(--space-24);border-radius:var(--radius-16);background-color:var(--neutral-surface-main);color:inherit;flex-direction:column;text-decoration:none;display:flex}.web-demo-gallery-card:focus-visible{outline:var(--stroke-focus) solid var(--support-focus);outline-offset:var(--space-4)}.web-demo-gallery-media{aspect-ratio:496/320;border-radius:var(--radius-8);background-color:var(--accent-tint);position:relative;overflow:hidden}.web-demo-gallery-card[style*=--demo-brand]{--demo-tint:color-mix(in srgb, var(--demo-brand) 10%, var(--neutral-surface-background))}.web-demo-gallery-card[style*=--demo-brand] .web-demo-gallery-media{background-color:var(--demo-tint)}.web-demo-gallery-card[style*=--demo-brand] .web-demo-gallery-kind{--accent-tint:var(--demo-tint)}.web-demo-gallery-screen{aspect-ratio:16/10;border:3px solid var(--neutral-content-main-titles);border-radius:var(--radius-12);background-color:var(--neutral-surface-background);width:100%;transition:transform var(--speed-medium) var(--ease-custom);position:absolute;top:12%;left:9%;overflow:hidden}.web-demo-gallery-screen img{-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;width:100%;height:100%;display:block}.web-demo-gallery-card:hover .web-demo-gallery-screen,.web-demo-gallery-card:focus-visible .web-demo-gallery-screen{transform:translate(calc(-1 * var(--space-8)), calc(-1 * var(--space-8)))}.web-demo-gallery-body{align-items:flex-start;gap:var(--space-16);flex-direction:column;flex:1;display:flex}.web-demo-gallery-text{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.web-demo-gallery-text>*{margin:0}.web-demo-gallery-name{color:var(--neutral-content-main-titles)}.web-demo-gallery-city.body{color:var(--neutral-content-body)}.web-demo-gallery-link.overline{align-items:center;gap:var(--space-4);color:var(--neutral-content-main-titles);transition:color var(--speed-medium) var(--ease-linear);margin-top:auto;display:inline-flex}.web-demo-gallery-link svg{width:var(--core-16);height:var(--core-16);color:var(--neutral-surface-icons);transition:color var(--speed-medium) var(--ease-linear), transform var(--speed-medium) var(--ease-custom)}.web-demo-gallery-card:hover .web-demo-gallery-link,.web-demo-gallery-card:focus-visible .web-demo-gallery-link,.web-demo-gallery-card:hover .web-demo-gallery-link svg,.web-demo-gallery-card:focus-visible .web-demo-gallery-link svg{color:var(--color-content-primary)}.web-demo-gallery-card:hover .web-demo-gallery-link svg,.web-demo-gallery-card:focus-visible .web-demo-gallery-link svg{transform:translateX(var(--space-2))}.web-demo-gallery-hint{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.web-demo-gallery-card:hover .web-demo-gallery-screen,.web-demo-gallery-card:focus-visible .web-demo-gallery-screen,.web-demo-gallery-card:hover .web-demo-gallery-link svg,.web-demo-gallery-card:focus-visible .web-demo-gallery-link svg{transform:none}}@media (max-width:1200px){.web-demo-gallery.section{padding-top:var(--space-32)}.web-demo-gallery-header .web-display-text{font-size:var(--size-hero)}.web-demo-gallery-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.web-demo-gallery-header{margin-bottom:var(--space-40)}.web-demo-gallery-list{grid-template-columns:minmax(0,1fr)}.web-demo-gallery-card{padding:var(--space-20)}}