<template>
    <main>
        <section class="visual--section">
            <div class="img--wrap">
                <picture>
                    <source media="(max-width: 768px)" srcset="/img/aboutaudi/img--brand1--mo.jpg">
                    <img src="/img/aboutaudi/img--brand1.jpg" alt=""/>
                </picture>
            </div>
            <div class="title--wrap">
                <h2>프리미엄 모빌리티의 새로운 시대</h2>
                <p>나만의 길을 개척하다. The Audi activesphere concept</p>
            </div>
            <div class="desc--wrap">
                <p class="desc">1. 표시된 차량은 양산 차량으로 사용할 수 없는 콘셉트 카입니다.<br />1. 표시된 차량은 양산 차량으로 사용할 수 없는 콘셉트 카입니다.</p>
            </div>
        </section>
        <div class="detail--container">
            <section class="title--section">
                <h2 class="big--title">새로운 눈으로 세상을 바라보다</h2>
                <p>Audi activesphere concept¹는 새롭게 정립된 콰트로 성능, 몰입감 있는 경험, 오프로드 성능을 위한 차체, 변경 가능한 외관, 360˚ 시야를 제공하는 파노라마 스피어를 통해 활동적인 라이프스타일을 새로운 차원으로 완전히 바꿔 놓습니다. 뛰어난 우아함과 편안함에 실용성을 겸비한 아우디의 새로운 콘셉트카는 AR²과 포괄적인 디지털 에코시스템으로 강화된 올-테레인(all-terrain) 성능을 제공하여 원하는 야외 활동을 즐기는 데 이상적입니다.</p>
            </section>
            <section class="img--section">
                <div class="img--wrap">
                    <video src="/img/aboutaudi/img--brand2.mp4" alt="" autoplay muted playsinline controls></video>
                </div>
            </section>
            <section class="img--section mt--100">
                <div class="img--wrap">
                    <video src="/img/aboutaudi/img--brand3.mp4" alt="" autoplay muted playsinline controls></video>
                </div>
            </section>
            <section class="more--section type2">
                <div class="tech--card--wrap mb--0">
                    <div class="tech--card">
                        <div class="img--wrap">
                            <img src="/img/aboutaudi/img--brand4.jpg" alt="The Audi activesphere concept¹">
                        </div>
                        <h3>The Audi activesphere concept¹</h3>
                        <p>엘레강스한 디자인과 실용성이 조화를 이루는 The Audi activesphere concept ¹는 AR²과 디지털 에코시스템으로 아웃도어 어드벤처를 완성합니다.</p>
                        <NuxtLink to="/stories/future/sphere-conceptcars/activesphere-concept/">자세히 알아보기 <i class="ico"></i></NuxtLink>
                    </div>
                    <div class="tech--card">
                        <div class="img--wrap">
                            <img src="/img/aboutaudi/img--brand5.jpg" alt="The Audi urbansphere concept¹">
                        </div>
                        <h3>The Audi urbansphere concept¹</h3>
                        <p>인테리어부터 익스테리어까지 적용되는 디지털 기능은 프리미엄 모빌리티의 비전을 제시합니다.</p>
                        <NuxtLink to="/stories/future/sphere-conceptcars/urbansphere-concept/">자세히 알아보기 <i class="ico"></i></NuxtLink>
                    </div>
                    <div class="tech--card">
                        <div class="img--wrap">
                            <img src="/img/aboutaudi/img--brand6.jpg" alt="The Audi grandsphere concept¹">
                        </div>
                        <h3>The Audi grandsphere concept¹</h3>
                        <p>아우디가 제시하는 다가올 미래의 그랜드 투어러는 몰입감 있는 경험과 넉넉한 공간을 제공합니다.</p>
                        <NuxtLink to="/stories/future/sphere-conceptcars/grandsphere-concept/">자세히 알아보기 <i class="ico"></i></NuxtLink>
                    </div>
                    <div class="tech--card">
                        <div class="img--wrap">
                            <img src="/img/aboutaudi/img--brand7.jpg" alt="The Audi skysphere concept¹">
                        </div>
                        <h3>The Audi skysphere concept¹</h3>
                        <p>진보된 기술이 제공하는 두 가지의 새로운 주행 경험과 완벽한 디자인으로 마무리된 첫 번째 스피어 컨셉트카입니다.</p>
                        <NuxtLink to="/stories/future/sphere-conceptcars/skysphere-concept/">자세히 알아보기 <i class="ico"></i></NuxtLink>
                    </div>
                </div>
            </section>
            <section class="desc--section mid--type">
                <h2>진보를 위한 4가지 방향성</h2>
                <p class="mt--24">진보를 이루고 싶다면 경계를 허물고 세상의 일부를 바꿔야 하며 그 과정에서 사람들에게 영감을 불어넣어야 합니다. 아우디는 지속 가능성, 디자인, 디지털화, 퍼포먼스의 총 4가지 방향성으로 진보를 실현합니다.</p>
            </section>
            <section class="more--section type2 mt--0">
                <div class="tech--card--wrap mb--0">
                    <div class="tech--card">
                        <div class="img--wrap">
                            <img src="/img/aboutaudi/img--brand8.jpg" alt="환경에 대한 책임 의식">
                        </div>
                        <h3>환경에 대한 책임 의식</h3>
                        <p>보다 지속 가능한 방식으로 행동하기 위해 완전히 새로운 방식으로 사고합니다. 공급망부터 표용적인 회사 구조에 이르기까지 지속 가능한 방식으로 변화해야 합니다. 지속 가능성에 관해서는 모든 사람의 실천이 중요합니다.</p>
                        <!-- <NuxtLink to="/stories/future/sphere-conceptcars/activesphere-concept/">자세히 알아보기 <i class="ico"></i></NuxtLink> -->
                    </div>
                    <div class="tech--card">
                        <div class="img--wrap">
                            <img src="/img/aboutaudi/img--brand9.jpg" alt="The Audi urbansphere concept¹">
                        </div>
                        <h3>The Audi urbansphere concept¹</h3>
                        <p>인테리어부터 익스테리어까지 적용되는 디지털 기능은 프리미엄 모빌리티의 비전을 제시합니다.</p>
                        <!-- <NuxtLink to="/stories/future/sphere-conceptcars/urbansphere-concept/">자세히 알아보기 <i class="ico"></i></NuxtLink> -->
                    </div>
                    <div class="tech--card">
                        <div class="img--wrap">
                            <img src="/img/aboutaudi/img--brand10.jpg" alt="The Audi grandsphere concept¹">
                        </div>
                        <h3>The Audi grandsphere concept¹</h3>
                        <p>아우디가 제시하는 다가올 미래의 그랜드 투어러는 몰입감 있는 경험과 넉넉한 공간을 제공합니다.</p>
                        <!-- <NuxtLink to="/stories/future/sphere-conceptcars/grandsphere-concept/">자세히 알아보기 <i class="ico"></i></NuxtLink> -->
                    </div>
                    <div class="tech--card">
                        <div class="img--wrap">
                            <img src="/img/aboutaudi/img--brand11.jpg" alt="The Audi skysphere concept¹">
                        </div>
                        <h3>The Audi skysphere concept¹</h3>
                        <p>진보된 기술이 제공하는 두 가지의 새로운 주행 경험과 완벽한 디자인으로 마무리된 첫 번째 스피어 컨셉트카입니다.</p>
                        <!-- <NuxtLink to="/stories/future/sphere-conceptcars/skysphere-concept/">자세히 알아보기 <i class="ico"></i></NuxtLink> -->
                    </div>
                </div>
            </section>
            <section class="caution--section">
                <ul>
                    <li>표시된 차량은 양산 차량으로 사용할 수 없는 콘셉트카입니다.</li>
                    <li>표시된 차량은 양산 차량으로 사용할 수 없는 콘텐트카입니다. 표시된 증강 현실 안경도 구매할 수 없습니다. 표시된 자율 운전 기능과 증강 현실 안경은 현재 개발 중인 기술로 양산 차량에는 사용할 수 없으며 시스템에 설정된 제한 환경 내에서만 사용할 수 있습니다. 모든 기능은 관련 국가의 해당 법률 규정에 따라 달라질 수 있습니다.</li>
                </ul>
            </section>
        </div> 
    </main>
</template>