General07

---
import DemoLayout from '@/layouts/DemoLayout.astro';

import { Stack, Container, Frame, Layer, Media, Text, Heading } from 'lism-css/astro';
---

<DemoLayout title="General07">
  <Container>
    <Stack>
      <Frame as="figure" ar="16/9" pos="relative" max-h="32rem">
        <Media src="https://cdn.lism-css.com/img/kpwuzP15GeSP.webp" alt="" width="960" height="640" />
        <Layer bgc="black:25%">
          <Container isWrapper="m" py="40" h="100%" hasGutter>
            <Stack jc="flex-end" g="30" min-h="100%" c="white">
              <Heading level="2" class="u--trim" fz="min(5vw, 2rem)" fw="bold">光のなかを歩く</Heading>
              <Text class="u--trim" fz="min(2.5vw, 1rem)">Walk through the light</Text>
            </Stack>
          </Container>
        </Layer>
      </Frame>
      <Container isWrapper="m" py="40" hasGutter>
        <Stack g="30">
          <Heading level="3" fz="xl" fw="bold">光と影で描く、没入型の展覧会</Heading>
          <Text>
            暗がりの展示室に、一本の光が静かに走ります。色と明るさは時間とともにゆっくりと移り変わり、同じ景色に二度と出会うことはありません。
          </Text>
          <Text>
            本展では、国内外のアーティスト6名による光のインスタレーションを展示します。作品のあいだを歩きながら、光と影がつくる空間を全身で感じてください。
          </Text>
          <Text>
            会場は照明を落とした5つの展示室で構成され、作品ごとに光の色や音の響きが異なります。順路は設けていないので、気になる作品の前で足を止め、心ゆくまでお過ごしください。
          </Text>
          <Text>金曜・土曜は夜間開館を行い、20時までご覧いただけます。</Text>
        </Stack>
      </Container>
    </Stack>
  </Container>
</DemoLayout>