#p_audi{padding:2em 0;background:url(/b/grid.png),#ffe7eb;background-blend-mode:overlay;background-size:1000px;min-height:3000px}#p_audi #main{margin:50px 0;position:relative;z-index:1}#p_audi #main .adl{position:absolute;left:0;top:-100px}@media screen and (max-width:768px){#p_audi #main .adl{left:-50px}}#p_audi #main .adr{position:absolute;right:0;bottom:-100px}@media screen and (max-width:768px){#p_audi #main .adr{right:-50px}}#p_audi #main:before{content:"";position:absolute;top:0;left:0;width:100%;background:#fff;scale:1.1;rotate:-1deg;z-index:-1;height:100%}#p_audi #main .confine{margin:0 auto;display:grid;grid-template-columns:1fr 1fr;max-width:1200px;align-items:center;color:var(--dp)}@media screen and (max-width:1024px){#p_audi #main .confine{display:flex;flex-direction:column}}#p_audi #main .confine .l{padding:3em}#p_audi #main .confine .l img{width:100%;height:100%}@media screen and (max-width:1024px){#p_audi #main .confine .l{max-width:400px}}#p_audi #main .confine .r{padding:3em}#p_audi #main .confine .r .sh{font-weight:lighter;font-size:2rem}@media screen and (max-width:500px){#p_audi #main .confine .r .sh{font-size:1.2rem}}#p_audi #main .confine .r .mh{font-size:5rem;line-height:.8;font-family:var(--fontG);color:var(--br);letter-spacing:-3px}@media screen and (max-width:500px){#p_audi #main .confine .r .mh{font-size:4rem}}@media screen and (max-width:420px){#p_audi #main .confine .r .mh{font-size:3rem}}#p_audi #main .confine .r .status{background:var(--dr);color:#fff;display:flex!important;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;padding:.25em 2em;border-radius:1em;margin:1em 0;gap:1em}#p_audi #main .confine .r .status:has(.open){background:var(--br)}#p_audi #main .confine .r .status svg{position:relative;top:10%}#p_audi #main .confine .r p{font-size:1.2rem}#p_audi #requirements{position:relative;top:0}#p_audi #requirements .arl{position:absolute;left:0;top:0;height:100%;scale:1 .8;transform-origin:left;max-width:100px}@media screen and (max-width:1440px){#p_audi #requirements .arl{max-width:40px}}@media screen and (max-width:500px){#p_audi #requirements .arl{display:none}}#p_audi #requirements .arr{position:absolute;scale:-1 .8;right:0;top:0;transform-origin:center;translate:5%;height:100%;max-width:100px}@media screen and (max-width:1440px){#p_audi #requirements .arr{max-width:40px}}@media screen and (max-width:500px){#p_audi #requirements .arr{display:none}}#p_audi #requirements .content{max-width:95%;margin:100px auto;background:#fff;border-radius:3em;padding:2% 5%}@media screen and (max-width:500px){#p_audi #requirements .content{border-radius:1em}}#p_audi #requirements .rh{background:var(--pp);text-align:center;font-family:var(--fontG);color:var(--br);font-size:4rem;letter-spacing:-3px;border-radius:.5em;margin-bottom:.5em}@media screen and (max-width:1280px){#p_audi #requirements .rh{font-size:3rem}}@media screen and (max-width:768px){#p_audi #requirements .rh{font-size:2rem}}@media screen and (max-width:500px){#p_audi #requirements .rh{font-size:1.5rem;padding:1em 0}}#p_audi #requirements .rg{display:grid;grid-template-columns:1fr 1fr;grid-gap:2em;gap:2em}@media screen and (max-width:420px){#p_audi #requirements .rg{display:flex;flex-direction:column;gap:1em}}#p_audi #requirements .r{background:url(/b/dots_1.png),var(--pp);background-size:300px;background-blend-mode:lighten;border-radius:1em;margin:.5em 0;padding:1.4em 1em;text-align:center;font-size:2rem;color:var(--p)}@media screen and (max-width:1024px){#p_audi #requirements .r{font-size:1rem}}#p_audi #timeline{display:grid;grid-template-columns:1.2fr 1fr;color:var(--dr);grid-gap:2em;gap:2em;max-width:1920px;margin:0 auto;position:relative;z-index:1;padding:7% 7% 0}@media screen and (max-width:1024px){#p_audi #timeline{display:flex;flex-direction:column-reverse;padding-top:7em;padding-bottom:100px}}#p_audi #timeline:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:3px dashed var(--br);border-radius:3em;scale:.9}#p_audi #timeline .l{rotate:-2deg;display:flex;flex-direction:column;gap:1em;padding-left:5%;position:relative;z-index:10}@media screen and (max-width:500px){#p_audi #timeline .l{rotate:-1deg}}#p_audi #timeline .l .time{background:#fff;border:2px solid var(--br);border-radius:2em;position:relative;max-width:80%;padding:2em 15% 2em 2em;cursor:auto;display:block}#p_audi #timeline .l .time h2{font-size:2rem}#p_audi #timeline .l .time p{font-size:1.2rem}#p_audi #timeline .l .time:nth-child(2){transform:translateX(10%)}@media screen and (max-width:500px){#p_audi #timeline .l .time:nth-child(2){transform:translateX(2%)}}#p_audi #timeline .l .time:nth-child(3){transform:translateX(20%)}@media screen and (max-width:500px){#p_audi #timeline .l .time:nth-child(3){transform:translateX(5%)}#p_audi #timeline .l .time{max-width:95%}#p_audi #timeline .l .time h2{font-size:1.1rem}#p_audi #timeline .l .time p{font-size:.9rem}}#p_audi #timeline .l .time .num{position:absolute;right:-40px;top:20%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;color:#fff;z-index:1}#p_audi #timeline .l .time .num svg{width:100%;position:absolute;height:100%;z-index:-2}#p_audi #timeline .r{text-align:right;rotate:-2deg}@media screen and (max-width:1024px){#p_audi #timeline .r{margin-bottom:-150px}}#p_audi #timeline .r .sh{font-size:3rem;color:var(--dp);font-weight:lighter;line-height:.9;position:relative;z-index:10}#p_audi #timeline .r .mh{font-size:4rem;font-family:var(--fontG);line-height:.9;color:var(--br);position:relative;z-index:10}#p_audi #timeline .r img{width:100%;height:700px;object-fit:contain;object-position:bottom;margin-top:-100px}@media screen and (max-width:500px){#p_audi #timeline .r img{height:500px;width:500px;margin-top:0;object-position:center bottom;transform:translateX(-20%)}}#p_audi #audifaq{background:#fff;margin-top:-10px;position:relative;z-index:1;border-radius:3em 3em 0 0;padding-top:50px}#p_audi #audifaq .h{background:var(--p)}#p_audi #audifaq .h .confine{max-width:1420px;margin:0 auto;padding:2% 5%;position:relative}#p_audi #audifaq .h .confine .sh{font-size:3rem;line-height:.9}@media screen and (max-width:1280px){#p_audi #audifaq .h .confine .sh{font-size:2rem}}@media screen and (max-width:768px){#p_audi #audifaq .h .confine .sh{font-size:1.3rem;margin-bottom:-20px}}#p_audi #audifaq .h .confine svg{position:absolute;top:0;right:-5%;width:500px;height:100%}@media screen and (max-width:1280px){#p_audi #audifaq .h .confine svg{width:20%}}#p_audi #audifaq .h .confine .mh{font-size:6rem;line-height:.9;font-family:var(--fontG);letter-spacing:-4px}@media screen and (max-width:1280px){#p_audi #audifaq .h .confine .mh{font-size:4rem}}@media screen and (max-width:768px){#p_audi #audifaq .h .confine .mh{font-size:3rem;line-height:1}}#p_audi #audifaq .confine{max-width:1100px;margin:0 auto;padding:100px 2em;display:flex;flex-direction:column;gap:1em}@media screen and (max-width:420px){#p_audi #audifaq .confine{padding:50px 1em}}#p_audi #audifaq .confine .faq{background:#fce7f3;border-radius:1em;padding-bottom:2em;padding-top:1em}#p_audi #audifaq .confine .faq .ap{padding:1em 3em;color:var(--p);font-size:1.4rem;color:#fff;background:var(--p);background-blend-mode:lighten;background-size:300px;min-height:200px;max-height:300px;transition:all .5s ease;overflow-y:auto}@media screen and (max-width:1024px){#p_audi #audifaq .confine .faq .ap{padding:1em;font-size:1.3rem}}@media screen and (max-width:768px){#p_audi #audifaq .confine .faq .ap{font-size:1.2rem}}@media screen and (max-width:420px){#p_audi #audifaq .confine .faq .ap{font-size:1rem}}#p_audi #audifaq .confine .faq .qp{display:flex;justify-content:space-between;padding:.5em 1em;color:var(--dp);font-size:2rem;line-height:1;font-weight:700;align-items:center;overflow:hidden}@media screen and (max-width:1280px){#p_audi #audifaq .confine .faq .qp{font-size:1.5rem}}@media screen and (max-width:768px){#p_audi #audifaq .confine .faq .qp{font-size:1.2rem}}#p_audi #audifaq .confine .faq .qp .btn-drop{border-radius:1em;color:#fff;width:80px;height:50px;background:var(--p)}@media screen and (max-width:768px){#p_audi #audifaq .confine .faq .qp .btn-drop{width:40px;height:30px}}#p_audi #audifaq .confine .faq .qp .btn-drop svg{width:100%;height:100%;border-radius:1em}#p_audi #audifaq .confine .faq.open{border:5px solid var(--br)}#p_audi #audifaq .confine .faq.closed{padding-bottom:0;padding-top:0}#p_audi #audifaq .confine .faq.closed .ap{max-height:0;min-height:0;padding:0}