.f9-section{padding:72px 0}.f9-section--tight{padding:56px 0}@media(max-width:749px){.f9-section{padding:48px 0}}.f9-eyebrow{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;opacity:.65;margin:0 0 12px}.f9-h{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:.6px;margin:0 0 18px}.f9-h--sm{font-size:clamp(24px,3vw,38px)}.f9-body{font-size:17px;line-height:1.6;max-width:60ch;margin:0}.f9-body p{margin:0 0 14px}.f9-body p:last-child{margin-bottom:0}.f9-btns{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:28px}.f9-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border-radius:6px;border:2px solid transparent;font-size:15px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.f9-btn--primary{background:#0271bc;color:#fff;border-color:#0271bc}.f9-btn--primary:hover{background:#025a96;border-color:#025a96;color:#fff}.f9-btn--outline{background:transparent;color:#0271bc;border-color:#0271bc}.f9-btn--outline:hover{background:#0271bc;color:#fff}.f9-btn--white{background:transparent;color:#fff;border-color:#fff}.f9-btn--white:hover{background:#fff;color:#111}.f9-textlink{display:inline-block;margin-top:18px;color:#0271bc;font-weight:600;text-decoration:none;font-size:15px}.f9-textlink:hover{text-decoration:underline}.f9-media{position:relative;border-radius:12px;overflow:hidden}.f9-media video,.f9-media img{display:block;width:100%;height:100%;object-fit:cover}.f9-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.f9-split__media{aspect-ratio:4/3}.f9-split--rev .f9-split__media{order:2}@media(max-width:749px){.f9-split{grid-template-columns:1fr;gap:24px}.f9-split--rev .f9-split__media{order:0}}.f9-logo-porsche{height:26px;width:auto;margin:0 0 18px;display:block}.f9-hero{position:relative;min-height:82vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:#fff}.f9-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.f9-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000040,#0000008c);z-index:1}.f9-hero__inner{position:relative;z-index:2;padding:40px 20px;max-width:900px}.f9-hero__logo{height:28px;width:auto;margin:0 auto 22px;display:block;filter:brightness(0) invert(1);opacity:.92}.f9-hero__h{font-size:clamp(48px,9vw,104px);line-height:.95;letter-spacing:1px;margin:0 0 10px}.f9-hero__sub{font-size:clamp(17px,2.2vw,24px);margin:0;opacity:.95}.f9-hero .f9-btns{justify-content:center}@media(max-width:749px){.f9-hero{min-height:72vh}}.f9-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.f9-feat__media{aspect-ratio:1/1;border-radius:12px;overflow:hidden;margin-bottom:18px}.f9-feat h3{font-size:20px;margin:0 0 10px;letter-spacing:.4px}.f9-feat p{font-size:15px;line-height:1.55;opacity:.9;margin:0}@media(max-width:989px){.f9-grid3{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}}.f9-grid6{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin-top:36px}.f9-swatch{text-align:center}.f9-swatch__img{aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#f4f7fa}.f9-swatch__img img{width:100%;height:100%;object-fit:contain;padding:8%}.f9-swatch span{display:block;margin-top:12px;font-size:14px;font-weight:600}.f9-note{margin-top:26px;font-size:13px;opacity:.6}@media(max-width:989px){.f9-grid6{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.f9-grid6{grid-template-columns:repeat(2,1fr)}}.f9-compare{margin-top:32px;border-radius:12px;overflow:hidden;border:1px solid rgba(17,17,17,.1)}.f9-compare table{width:100%;border-collapse:collapse;font-size:15px}.f9-compare th,.f9-compare td{padding:16px 20px;text-align:left;border-bottom:1px solid rgba(17,17,17,.08);vertical-align:top}.f9-compare thead th{font-size:20px;letter-spacing:.6px;background:#f4f7fa;color:#111}.f9-compare thead th:first-child{font-size:15px}.f9-compare tbody th{font-weight:600;width:34%;color:#111}.f9-compare td{color:#0271bc;font-weight:600;width:33%}.f9-compare tr:last-child th,.f9-compare tr:last-child td{border-bottom:0}.f9-compare__foot{margin-top:16px;font-size:13px;opacity:.65;display:flex;flex-wrap:wrap;gap:16px;align-items:center}@media(max-width:749px){.f9-compare table,.f9-compare tbody,.f9-compare tr,.f9-compare th,.f9-compare td{display:block;width:100%}.f9-compare thead{display:none}.f9-compare tbody tr{border-bottom:2px solid rgba(17,17,17,.12);padding:12px 0}.f9-compare tbody th{width:100%;padding:0 4px 4px}.f9-compare td{width:100%;padding:2px 4px}.f9-compare td:before{content:attr(data-label)": ";color:#111;font-weight:600}}.f9-grid-acc{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px}.f9-acc{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 6px 15px #1111111a;text-decoration:none;color:inherit}.f9-acc__img{aspect-ratio:4/3;background:#f4f7fa}.f9-acc__img img{width:100%;height:100%;object-fit:contain;padding:6%}.f9-acc__body{padding:20px 22px}.f9-acc h3{font-size:17px;margin:0 0 6px}.f9-acc p{font-size:14px;opacity:.85;margin:0;line-height:1.5}@media(max-width:989px){.f9-grid-acc{grid-template-columns:1fr 1fr}}@media(max-width:600px){.f9-grid-acc{grid-template-columns:1fr}}.f9-band{position:relative;text-align:center;color:#fff;overflow:hidden}.f9-band__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.f9-band__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.f9-band__inner{position:relative;z-index:2;padding:90px 20px}.f9-band .f9-btns{justify-content:center}.f9-band .f9-body{margin-left:auto;margin-right:auto}.f9-center{text-align:center}.f9-center .f9-body{margin-left:auto;margin-right:auto}img{max-width:100%;height:auto}@media(max-width:749px){.f9-band__inner{padding:56px 18px}.f9-hero__logo{height:24px}.f9-grid3{gap:28px}.f9-btns{gap:10px}.f9-hero__h{letter-spacing:.5px}}@media(max-width:480px){.f9-hero .f9-btns .f9-btn,.f9-band .f9-btns .f9-btn{flex:1 1 100%}.f9-section{padding:40px 0}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/f9.css.map */