Modifica blocco: c-passes

HTML <div class="c-passes c-passes36655 c-section c-section--blue"> <div class="o-container"> <div class="c-passes__layout"> <div class="c-passes__aside"> <picture> <source media="(min-width: 768px)" srcset="content/background_images/732/cbhOcSygVGK2KjYnfEr26pEuDLdmBi6hnt77nFr9.png"/> <img alt="" class="u-mb-20 u-img-respond u-animation-shake u-hidden@sm" src="content/background_images/732/cbhOcSygVGK2KjYnfEr26pEuDLdmBi6hnt77nFr9.png"/> </picture> <h2 class="u-type-heading-2 u-mb-20">Add-Ons </h2> <p><svg fill="none" height="25" viewbox="0 0 24 25" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2.71143C10.0716 2.71143 8.18657 3.28325 6.58319 4.3546C4.97982 5.42594 3.73013 6.94868 2.99218 8.73026C2.25422 10.5118 2.06114 12.4722 2.43735 14.3636C2.81355 16.2549 3.74215 17.9922 5.10571 19.3557C6.46928 20.7193 8.20656 21.6479 10.0979 22.0241C11.9892 22.4003 13.9496 22.2072 15.7312 21.4692C17.5127 20.7313 19.0355 19.4816 20.1068 17.8782C21.1782 16.2749 21.75 14.3898 21.75 12.4614C21.7473 9.8764 20.7192 7.39804 18.8913 5.57015C17.0634 3.74226 14.585 2.71416 12 2.71143ZM12 20.7114C10.3683 20.7114 8.77326 20.2276 7.41655 19.3211C6.05984 18.4145 5.00242 17.1261 4.378 15.6186C3.75358 14.1111 3.5902 12.4523 3.90853 10.8519C4.22685 9.25159 5.01259 7.78158 6.16637 6.62779C7.32016 5.47401 8.79017 4.68828 10.3905 4.36995C11.9909 4.05162 13.6497 4.215 15.1571 4.83942C16.6646 5.46384 17.9531 6.52127 18.8596 7.87797C19.7661 9.23468 20.25 10.8297 20.25 12.4614C20.2475 14.6487 19.3775 16.7457 17.8309 18.2923C16.2843 19.839 14.1873 20.7089 12 20.7114ZM13.5 16.9614C13.5 17.1603 13.421 17.3511 13.2803 17.4918C13.1397 17.6324 12.9489 17.7114 12.75 17.7114C12.3522 17.7114 11.9706 17.5534 11.6893 17.2721C11.408 16.9908 11.25 16.6093 11.25 16.2114V12.4614C11.0511 12.4614 10.8603 12.3824 10.7197 12.2418C10.579 12.1011 10.5 11.9103 10.5 11.7114C10.5 11.5125 10.579 11.3217 10.7197 11.1811C10.8603 11.0404 11.0511 10.9614 11.25 10.9614C11.6478 10.9614 12.0294 11.1195 12.3107 11.4008C12.592 11.6821 12.75 12.0636 12.75 12.4614V16.2114C12.9489 16.2114 13.1397 16.2904 13.2803 16.4311C13.421 16.5717 13.5 16.7625 13.5 16.9614ZM10.5 8.33643C10.5 8.11392 10.566 7.89641 10.6896 7.71141C10.8132 7.5264 10.9889 7.38221 11.1945 7.29706C11.4001 7.21191 11.6263 7.18963 11.8445 7.23304C12.0627 7.27645 12.2632 7.3836 12.4205 7.54093C12.5778 7.69826 12.685 7.89872 12.7284 8.11695C12.7718 8.33518 12.7495 8.56138 12.6644 8.76694C12.5792 8.97251 12.435 9.14821 12.25 9.27183C12.065 9.39545 11.8475 9.46143 11.625 9.46143C11.3266 9.46143 11.0405 9.3429 10.8295 9.13192C10.6185 8.92094 10.5 8.63479 10.5 8.33643Z" fill="currentColor"></path> </svg> service fees included in price</p> <picture> <source media="(min-width: 768px)" srcset="content/background_images/732/cbhOcSygVGK2KjYnfEr26pEuDLdmBi6hnt77nFr9.png"/> <img alt="" class="u-mb-0 u-img-respond u-animation-shake u-hidden@less-than-sm" src="content/background_images/732/cbhOcSygVGK2KjYnfEr26pEuDLdmBi6hnt77nFr9.png"/> </picture> </div> <div class="c-passes__content"> <div class="c-passes__card"> <div class="c-passes__card-body"> <header class="c-passes__card-header"> <h3 class="u-type-heading-3">See You In The Desert Hoodie</h3><p>Limited-edition See You In The Desert Hoodie, made exclusively for the Coachella 2026 onsale.</p> <details> <summary> Additional Info </summary> <ul> <li>Limited-edition See You In The Desert Hoodie, made exclusively for the Coachella 2026 onsale. </li> <li>Original artwork puff printed on the front and back of an oversized heavyweight hoodie in Olive.</li> <li>Sizes: S-3XL</li> <li>75/25 cotton/polyester, oversized, unisex fit. </li> <li>Premium heavyweight.</li> <li>Socially Conscious Manufacturing: Made in a WRAP-certified facility and printed in Los Angeles.</li> <li>This is a pre-order item. </li> <li>All Onsale Hoodie orders are expected to ship in 1-2 weeks.</li> <li>Shipping confirmation with tracking will be emailed once your merch order has shipped. </li> <li>Once your order is complete, there will not be an opportunity for size changes or other updates.</li> <li>Your shipping address will default to your billing address at checkout. You may change this in your AXS Coachella Fan Account after your purchase is complete until Monday, September 15, 2025</li> <li>This will be delivered separately from other items in your order.</li> <li>Available only during the initial onsale period, while supplies last.</li> <li>This item is final sale.</li> </ul> </details> </header> <div class="c-passes__tiers"> <div class="c-passes__tier"> <a alt="See You in The Desert Hoodie" class="js-fancybox" data-fancybox="desert-hoodie" href="external/aegwebprod_blob_core_windows_netcontent/coachella/2026/merch-hoodie-SYITD-600x400.png" target="_blank"> <img alt="See You in The Desert Hoodie" class="u-img-respond desert-hoodie" src="external/aegwebprod_blob_core_windows_netcontent/coachella/2026/merch-hoodie-SYITD-600x400.png"/> </a> <p class="c-passes__pricing"><strong>$90</strong> Total</p> <ul class="c-passes__options"> <li> <a class="c-button c-button--disabled" href="" target="_blank">No Longer Available</a> </li> </ul> </div> </div> </div> </div> <div class="c-passes__card"> <div class="c-passes__card-body"> <header class="c-passes__card-header"> <h3 class="u-type-heading-3">Outstanding In The Field</h3><p>A delicious four-course meal by celebrated chefs in the beautiful VIP Rose Garden.</p> <details> <summary> Additional Information </summary> <ul> <li>Access to the VIP Rose Garden for the entire day of your dinner.</li> <li>Festival Pass required for entry.</li> <li>Each night sold separately.</li> <li>Welcome cocktail included.</li> <li>Seating at 6pm.</li> <li>More details to come closer to festival dates.</li> </ul> </details> </header> <div class="c-passes__tiers"> <div class="c-passes__tier"> <p class="c-passes__pricing"><strong>$362.50</strong> Total</p> <ul class="c-passes__options"> <li> <a class="c-button" href="https://www.axs.com/festivals/943840/offers/CBUPLAAAAAAnqB%2b4AAAAAADQ%2fv%2f%2f%2fwBLAAAAAAD%2f%2f%2f%2f%2f%2f%2f%2f%2f%2fw%3d%3d?contextId=739185928&amp;queueittoken=e_7391859281632~q_3913dba9-7ab8-49f0-b7eb-b6de43cb107c~ts_1758590996~ce_true~rt_safetynet~h_9c0b841e824feff317677f04054890db1c184a49b78002b75c269018073e5042" target="_blank">Purchase W1</a> </li> <li> <a class="c-button" href="https://www.axs.com/festivals/943872/offers/CBUPLAAAAACwEiK4AAAAAAAC%2fv%2f%2f%2fw[%E2%80%A6]zQ1Ni4xNzU2ODQyMzI1LjEwNTQzOTI2NDMuMTc1ODI5OTU4OC4xNzU4Mjk5NTg4?_gl=1*1td1n3l*_gcl_au*NTc5MjE0MjI1LjE3NTgwMzUwNjQ." target="_blank">Purchase W2</a> </li> </ul> </div> </div> </div> </div> <div class="c-passes__card"> <div class="c-passes__card-body"> <header class="c-passes__card-header"> <h3 class="u-type-heading-3">2026 Lineup Poster</h3><p>18×24 collectible print shipped directly to you.</p> <details> <summary> Additional Information </summary> <ul> <li>Delivered separately from other items in your order.</li> <li>Posters will start shipping after the festivals to ensure the most up to date line up and that you're back home.</li> <li>Tracking will be sent when your order is packed.</li> </ul> </details> </header> <div class="c-passes__tiers"> <div class="c-passes__tier"> <p class="c-passes__pricing"><strong>$20</strong> Total</p> <ul class="c-passes__options"> <li> <a class="c-button" href="https://www.axs.com/festivals/943840/offers/CBUPLAAAAAD2yaqzAAAAAAAM%2fv%2f%2f%2fwBLAAAAAAD%2f%2f%2f%2f%2f%2f%2f%2f%2f%2fw%3d%3d?_gl=1*1eqt33a*_gcl_au*NTc5MjE0MjI1LjE3NTgwMzUwNjQ." target="_blank">Purchase W1</a> </li> <li> <a class="c-button" href="https://www.axs.com/festivals/943872/offers/CBUPLAAAAACc9aqzAAAAAADM%2fv%2f%2f%2fwBLAAAAAAD%2f%2f%2f%2f%2f%2f%2f%2f%2f%2fw%3d%3d?_gl=1*1eqt33a*_gcl_au*NTc5MjE0MjI1LjE3NTgwMzUwNjQ." target="_blank">Purchase W2</a> </li> </ul> </div> </div> </div> </div> <div class="c-passes__card"> <div class="c-passes__card-body"> <header class="c-passes__card-header"> <h3 class="u-type-heading-3">GA Locker</h3><p>Reserve a GA Locker to store your gear with unlimited access during the festival.</p> <a class="c-button c-button--underline" href="/lockers" target="_self"> Learn More <svg fill="none" height="29" viewbox="0 0 28 29" width="28" xmlns="http://www.w3.org/2000/svg"> <path d="M24.5536 15.4272L16.6786 23.3022C16.432 23.5488 16.0976 23.6873 15.7489 23.6873C15.4002 23.6873 15.0658 23.5488 14.8192 23.3022C14.5727 23.0556 14.4341 22.7212 14.4341 22.3725C14.4341 22.0238 14.5727 21.6894 14.8192 21.4428L20.4531 15.8111H4.375C4.0269 15.8111 3.69306 15.6728 3.44692 15.4267C3.20078 15.1805 3.0625 14.8467 3.0625 14.4986C3.0625 14.1505 3.20078 13.8167 3.44692 13.5705C3.69306 13.3244 4.0269 13.1861 4.375 13.1861H20.4531L14.8214 7.55111C14.5748 7.30454 14.4363 6.97012 14.4363 6.62142C14.4363 6.27272 14.5748 5.9383 14.8214 5.69173C15.068 5.44516 15.4024 5.30664 15.7511 5.30664C16.0998 5.30664 16.4342 5.44516 16.6808 5.69173L24.5558 13.5667C24.6782 13.6888 24.7752 13.8339 24.8414 13.9936C24.9075 14.1533 24.9415 14.3245 24.9413 14.4974C24.9411 14.6703 24.9067 14.8414 24.8402 15.001C24.7737 15.1605 24.6763 15.3054 24.5536 15.4272Z"> </path> </svg> </a> </header> <div class="c-passes__tiers"> <div class="c-passes__tier"> <p class="c-passes__pricing"><strong>$89 - $109</strong></p> <ul class="c-passes__options"> <li> <a class="c-button c-button--disabled" target="_blank">Sold Out W1</a> </li> <li> <a class="c-button c-button--disabled" target="_blank">Sold Out W2</a> </li> </ul> </div> </div> </div> </div> <div class="c-passes__card"> <div class="c-passes__card-body"> <header class="c-passes__card-header"> <h3 class="u-type-heading-3">Charging Locker</h3><p>Reserve a Charging Locker to store your gear with unlimited access during the festival.</p> <a class="c-button c-button--underline" href="/lockers" target="_self"> Learn More <svg fill="none" height="29" viewbox="0 0 28 29" width="28" xmlns="http://www.w3.org/2000/svg"> <path d="M24.5536 15.4272L16.6786 23.3022C16.432 23.5488 16.0976 23.6873 15.7489 23.6873C15.4002 23.6873 15.0658 23.5488 14.8192 23.3022C14.5727 23.0556 14.4341 22.7212 14.4341 22.3725C14.4341 22.0238 14.5727 21.6894 14.8192 21.4428L20.4531 15.8111H4.375C4.0269 15.8111 3.69306 15.6728 3.44692 15.4267C3.20078 15.1805 3.0625 14.8467 3.0625 14.4986C3.0625 14.1505 3.20078 13.8167 3.44692 13.5705C3.69306 13.3244 4.0269 13.1861 4.375 13.1861H20.4531L14.8214 7.55111C14.5748 7.30454 14.4363 6.97012 14.4363 6.62142C14.4363 6.27272 14.5748 5.9383 14.8214 5.69173C15.068 5.44516 15.4024 5.30664 15.7511 5.30664C16.0998 5.30664 16.4342 5.44516 16.6808 5.69173L24.5558 13.5667C24.6782 13.6888 24.7752 13.8339 24.8414 13.9936C24.9075 14.1533 24.9415 14.3245 24.9413 14.4974C24.9411 14.6703 24.9067 14.8414 24.8402 15.001C24.7737 15.1605 24.6763 15.3054 24.5536 15.4272Z"> </path> </svg> </a> </header> <div class="c-passes__tiers"> <div class="c-passes__tier"> <p class="c-passes__pricing"><strong>$79 - $89</strong></p> <ul class="c-passes__options"> <li> <a class="c-button" href="https://www.axs.com/festivals/943840/offers/CBUPLAAAAAB1LFLNAAAAAAB2%2fv%2f%2f%2fw[…]8aaee5c19d0a169eeaede40ddb5f90a88611f9742052d7d54d80d097b8223a9" target="_blank">Purchase W1</a> </li> <li> <a class="c-button" href="https://www.axs.com/festivals/943872/offers/CBUPLAAAAABiYVLNAAAAAAAv%2fv%2f%2f%2fw[…]8d0883ddab6606e8dd337bca58b32c7307f219974a2212b657245a46e22c470" target="_blank">Purchase W2</a> </li> </ul> </div> </div> </div> </div> <div class="c-passes__card"> <div class="c-passes__card-body"> <header class="c-passes__card-header"> <h3 class="u-type-heading-3">VIP Charging Locker</h3><p>Reserve a VIP Charging Locker to store your gear and charge your electronics with unlimited access during the festival.</p> <a class="c-button c-button--underline" href="/lockers" target="_self"> Learn More <svg fill="none" height="29" viewbox="0 0 28 29" width="28" xmlns="http://www.w3.org/2000/svg"> <path d="M24.5536 15.4272L16.6786 23.3022C16.432 23.5488 16.0976 23.6873 15.7489 23.6873C15.4002 23.6873 15.0658 23.5488 14.8192 23.3022C14.5727 23.0556 14.4341 22.7212 14.4341 22.3725C14.4341 22.0238 14.5727 21.6894 14.8192 21.4428L20.4531 15.8111H4.375C4.0269 15.8111 3.69306 15.6728 3.44692 15.4267C3.20078 15.1805 3.0625 14.8467 3.0625 14.4986C3.0625 14.1505 3.20078 13.8167 3.44692 13.5705C3.69306 13.3244 4.0269 13.1861 4.375 13.1861H20.4531L14.8214 7.55111C14.5748 7.30454 14.4363 6.97012 14.4363 6.62142C14.4363 6.27272 14.5748 5.9383 14.8214 5.69173C15.068 5.44516 15.4024 5.30664 15.7511 5.30664C16.0998 5.30664 16.4342 5.44516 16.6808 5.69173L24.5558 13.5667C24.6782 13.6888 24.7752 13.8339 24.8414 13.9936C24.9075 14.1533 24.9415 14.3245 24.9413 14.4974C24.9411 14.6703 24.9067 14.8414 24.8402 15.001C24.7737 15.1605 24.6763 15.3054 24.5536 15.4272Z"> </path> </svg> </a> <details> <summary> Additional Information </summary> <ul> <li>VIP charging lockers are only available to VIP pass purchasers via AXS FanAccount. </li> <li>After you purchase your VIP festival pass, go to your FanAccount and look for the offer titled “VIP Charging Lockers” to secure yours.</li> </ul> </details> </header> <div class="c-passes__tiers"> <div class="c-passes__tier"> <p class="c-passes__pricing"><strong>$89 - $99</strong></p> <ul class="c-passes__options"> <li> <a class="c-button" href="https://fanaccount.axs.com/login?skin=coachella&amp;_gl=1*1cj74pm*_gcl_au*NTc5MjE0MjI1LjE3NTgwMzUwNjQ." target="_blank">Purchase In FanAccount</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div>

CSS html{--color-black-1:#0e0c0a;--color-black-2:#1e0f0f;--color-grey-1:#5f5251;--color-beige-1:#efddbe;--color-beige-2:#f3e6ce;--color-beige-3:#f7eedf;--color-beige-4:#fbf4e9;--color-beige-5:#fefbf6;--color-red-1:#8c2e37;--color-red-2:#d33d32;--color-pink-1:#f8879e;--color-yellow-1:#ffab37;--color-yellow-2:#fab353;--color-orange-1:#f36835;--color-green-1:#294e2c;--color-green-2:#4e6234;--color-green-3:#859a2e;--color-blue-1:#336d8e;--color-blue-2:#44a1a4;--color-blue-3:#8dd4c8;--font-family-heading:"Perfectly Nineties",sans-serif;--font-family-subheading:"Sweet Sans Pro",sans-serif;--font-family-body:"Funnel Sans",sans-serif;background:-webkit-gradient(linear,left bottom,left top,from(#f9f7f2),to(#f9e6ca));background:linear-gradient(0deg,#f9f7f2,#f9e6ca);color:var(--color-green-1);font-family:var(--font-family-body);font-size:var(--base-font-size,20px);font-weight:400;line-height:1.35;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .o-container{--_container-padding:var(--container-padding,20px);--_container-width:var(--container-width,1528px);width:100%;padding-left:var(--_container-padding);padding-right:var(--_container-padding);max-width:calc(var(--_container-padding) + var(--_container-width) + var(--_container-padding));margin-inline:auto} .c-button{--_button-color:var(--button-color,#fff);--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-bg-green.webp));--link-text-decoration:none;--link-text-decoration-hover:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:18px 15px;border:0;background:none;font-family:var(--font-family-body);font-size:var(--button-font-size,20px);font-style:normal;font-weight:700;line-height:normal;position:relative;z-index:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out} .c-button--blue{--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-bg-blue.webp))} .c-button--disabled{--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-bg-disabled.webp));cursor:none;pointer-events:none} .c-button--underline{--_button-color:var(--button-color,var(--color-blue-1));--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-underline-blue.webp));padding:0 0 8px;min-height:auto} .c-button--underline.c-button--white{--_button-color:var(--button-color,#fff);--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-underline-white.webp))} .c-section--blue.c-section__wrap .c-accordion .c-button--underline{--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-underline-white.webp))} .c-navigation-mobile{--link-text-decoration:none;--link-text-decoration-hover:none;padding:24px 0;border-bottom:1px solid var(--color-beige-1);background:#f5ebdb;position:sticky;top:0;left:0;width:100%;z-index:1000} .c-navigation{--link-text-decoration:none;--link-text-decoration-hover:none;display:none;border-bottom:1px solid var(--color-beige-1);background:#f5ebdb;position:sticky;top:0;left:0;width:100%;z-index:1000} .c-footer{--footer-bg-img:url(../../../content/coachella-2026/footer-bg-mobile.webp);--container-width:1578px;--link-text-decoration:none;--link-text-decoration-hover:none;--link-color:#fff;--link-color-hover:var(--color-yellow-1);padding:41.02564103vw 0 40px;background:var(--footer-bg-img) top no-repeat,-webkit-gradient(linear,left bottom,left top,color-stop(50%,#071b0a),color-stop(50%,transparent));background:var(--footer-bg-img) top no-repeat,linear-gradient(0deg,#071b0a 50%,transparent 0);background-size:100% auto,cover;color:#fff} .c-footer__social-list{--link-color:#fff;--link-color-hover:var(--color-yellow-1);-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;list-style:none;padding:0;margin:0} .c-footer__list{--link-color:currentColor;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px clamp(24px,2.09424084vw,32px);list-style:none;padding:0;margin:0;color:var(--color-beige-2);font-size:16px} .c-page-header{--page-header-gradient:linear-gradient(180deg,#337190,#44a1a4 50%,#85cfc4);--page-header-shadow-image:url(../../../content/coachella-2026/info-block-bottom-border.webp);--bar-height:5px;--link-color:#fff;--link-color-hover:#fff;--jumpto-color:hsla(0,0%,100%,.2);--jumpto-background:#85cfc4;padding:clamp(1px,2.61780105vw,40px) 0;color:var(--color-beige-4)} .c-page-header__links{display:none;--link-text-decoration:underline;--link-text-decoration-hover:none;padding-left:30px;position:relative} .c-content-header__links{display:none;--link-text-decoration:underline;--link-text-decoration-hover:none;padding-left:30px;position:relative;color:var(--color-green-1)} .c-passes__payment-plan{--link-text-decoration:none;--link-text-decoration-hover:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:8px;padding:4px 8px;border-radius:4px;background:var(--color-beige-3);color:var(--color-green-1);font-size:18px} .c-two-column{--container-padding:20px;--two-column-padding:30px;position:relative;padding-bottom:var(--two-column-padding)} .c-button.c-button--green:hover, .c-featured-content36032 .c-button:hover { --_button-bg: var(--button-bg, url(../external/aegwebprod_blob_core_windows_netcontent/coachella-2026/button-bg-red.webp)); } .c-button.c-button--blue:hover { --_button-bg: var(--button-bg, url(../external/aegwebprod_blob_core_windows_netcontent/coachella-2026/button-blue-dk-hover.webp)); } .c-newsletter__container.o-grid { --_container-padding: var(--container-padding, 20px); --_container-width: var(--container-width, 1528px); width: 100%; padding-left: var(--_container-padding); padding-right: var(--_container-padding); max-width: calc(var(--_container-padding) + var(--_container-width) + var(--_container-padding)); margin-inline: auto; margin-top: 40px; } .c-newsletter__form button { --_button-color: var(--button-color, #fff); --_button-bg: var(--button-bg, url(../content/coachella-2026/button-bg-blue.webp)); --link-text-decoration: none; --link-text-decoration-hover: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; padding: 18px 15px; border: 0; background: none; font-family: var(--font-family-body); font-size: var(--button-font-size, 20px); font-style: normal; font-weight: 700; line-height: normal; position: relative; z-index: 0; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } section#job-fair-image { --_container-padding: var(--container-padding, 20px); --_container-width: var(--container-width, 1528px); width: 100%; padding-top: 10px; padding-left: var(--_container-padding); padding-right: var(--_container-padding); max-width: calc(var(--_container-padding) + var(--_container-width) + var(--_container-padding)); margin-inline: auto; } #page9977 .c-app-cta .c-button--underline { --_button-color: var(--button-color, var(--color-beige-4)); --_button-bg: var(--button-bg, url(../external/aegwebprod_blob_core_windows_netcontent/coachella-2026/2026-Coachella-FeltAccentStrip-LongLightBlue.png)); } @keyframes a{to{transform:rotate(1turn)}} @font-face{font-family:Perfectly Nineties;src:url(../fonts/PerfectlyNineties/PerfectlyNineties-Light.woff2) format("woff2"),url(../fonts/PerfectlyNineties/PerfectlyNineties-Light.woff) format("woff");font-weight:300;font-style:normal} @font-face{font-family:Perfectly Nineties;src:url(../fonts/PerfectlyNineties/PerfectlyNineties-LightItalic.woff2) format("woff2"),url(../fonts/PerfectlyNineties/PerfectlyNineties-LightItalic.woff) format("woff");font-weight:300;font-style:italic} @font-face{font-family:Sweet Sans Pro;src:url(../fonts/SweetSansPro/SweetSansPro-Medium.woff2) format("woff2"),url(../fonts/SweetSansPro/SweetSansPro-Medium.woff) format("woff");font-weight:500;font-style:normal} @font-face{font-family:Sweet Sans Pro;src:url(../fonts/SweetSansPro/SweetSansPro-MediumItalic.woff2) format("woff2"),url(../fonts/SweetSansPro/SweetSansPro-MediumItalic.woff) format("woff");font-weight:500;font-style:italic} @font-face{font-family:Funnel Sans;src:url(../fonts/FunnelSans/FunnelSans-Regular.woff2) format("woff2"),url(../fonts/FunnelSans/FunnelSans-Regular.woff) format("woff");font-weight:500;font-style:normal} @font-face{font-family:Funnel Sans;src:url(../fonts/FunnelSans/FunnelSans-Italic.woff2) format("woff2"),url(../fonts/FunnelSans/FunnelSans-Italic.woff) format("woff");font-weight:500;font-style:italic} @-webkit-keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}50%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}} @keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}50%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}} @-webkit-keyframes animateFlickitySlideForward{0%{opacity:1}50%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}55%{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}} @keyframes animateFlickitySlideForward{0%{opacity:1}50%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}55%{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}} @-webkit-keyframes animateFlickitySlideReverse{0%{opacity:1}50%{opacity:0;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}55%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}} @keyframes animateFlickitySlideReverse{0%{opacity:1}50%{opacity:0;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}55%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}} a {background-color:transparent} strong {font-weight:bolder} img {border-style:none} details {display:block} summary {display:list-item} details * {-webkit-box-sizing:border-box;box-sizing:border-box} img {max-width:100%;vertical-align:middle} svg {vertical-align:middle;fill:currentColor} h2, h3 {color:var(--color-blue-1)} h2, h3 {margin:0 0 20px;font-size:1.2rem;line-height:normal} p, ul {margin:0 0 20px} a {color:var(--link-color,var(--color-red-01));-webkit-text-decoration:var(--link-text-decoration,underline);text-decoration:var(--link-text-decoration,underline);-webkit-transition:.1s ease-out;transition:.1s ease-out} a:hover {color:var(--link-color-hover,var(--color-green-1));-webkit-text-decoration:var(--link-text-decoration-hover,underline);text-decoration:var(--link-text-decoration-hover,underline)} a, a:hover {cursor:pointer} details summary::-webkit-details-marker {display:none} .o-container {--_container-padding:var(--container-padding,20px);--_container-width:var(--container-width,1528px);width:100%;padding-left:var(--_container-padding);padding-right:var(--_container-padding);max-width:calc(var(--_container-padding) + var(--_container-width) + var(--_container-padding));margin-inline:auto} .c-button {--_button-color:var(--button-color,#fff);--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-bg-green.webp));--link-text-decoration:none;--link-text-decoration-hover:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:18px 15px;border:0;background:none;font-family:var(--font-family-body);font-size:var(--button-font-size,20px);font-style:normal;font-weight:700;line-height:normal;position:relative;z-index:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out} .c-button, .c-button:hover {color:var(--_button-color)} .c-button:hover {-webkit-transform:scale(1.02);transform:scale(1.02)} .c-button:before {content:"";background:var(--_button-bg);background-size:100% 100%;width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:-1} .c-button--disabled {--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-bg-disabled.webp));cursor:none;pointer-events:none} .c-button--disabled:hover {-webkit-transform:none;transform:none} .c-button--underline {--_button-color:var(--button-color,var(--color-blue-1));--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-underline-blue.webp));padding:0 0 8px;min-height:auto} .c-button--underline:before {height:7px} .c-section {padding:clamp(40px,3.92670157vw,60px) 0;color:var(--color-blue-1)} .c-section--blue {background:url(../../../content/coachella-2026/noise.webp),-webkit-gradient(linear,left top,left bottom,from(#337190),color-stop(50%,#44a1a4),to(#85cfc4));background:url(../../../content/coachella-2026/noise.webp),linear-gradient(180deg,#337190,#44a1a4 50%,#85cfc4);background-blend-mode:multiply,normal} .c-section--blue, .c-section--blue h2 {color:var(--color-beige-4)} .c-passes__card details {width:100%;border:solid rgba(25,25,25,.1);border-width:1px 0;color:var(--color-green-1)} .c-passes__card details+details {border-top:0} .c-passes__card details[open] {padding-bottom:20px} .c-passes__card summary {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding:12px 0;color:var(--color-blue-1);cursor:pointer} .c-passes__card summary::marker {content:none} .c-passes__card summary:after {content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEzIDAuODg0Mjc3QzEzLjgyODQgMC44ODQyNzcgMTQuNSAxLjU1NTg1IDE0LjUgMi4zODQyOFYxMS44ODQzSDI0QzI0LjgyODQgMTEuODg0MyAyNS41IDEyLjU1NTkgMjUuNSAxMy4zODQzQzI1LjUgMTQuMjEyNyAyNC44Mjg0IDE0Ljg4NDMgMjQgMTQuODg0M0gxNC41VjI0LjM4NDNDMTQuNSAyNS4yMTI3IDEzLjgyODQgMjUuODg0MyAxMyAyNS44ODQzQzEyLjE3MTYgMjUuODg0MyAxMS41IDI1LjIxMjcgMTEuNSAyNC4zODQzVjE0Ljg4NDNIMkMxLjE3MTU3IDE0Ljg4NDMgMC41IDE0LjIxMjcgMC41IDEzLjM4NDNDMC41IDEyLjU1NTkgMS4xNzE1NyAxMS44ODQzIDIgMTEuODg0M0gxMS41VjIuMzg0MjhDMTEuNSAxLjU1NTg1IDEyLjE3MTYgMC44ODQyNzcgMTMgMC44ODQyNzdaIiBmaWxsPSIjMzM2RDhFIi8+Cjwvc3ZnPg==");display:block;height:29px;width:29px} .c-passes__card [open]>summary:after {content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgMjYgNCIgZmlsbD0ibm9uZSI+CjxwYXRoIGQ9Ik0wLjUgMS41ODMwMUMwLjUgMC43NTQ1ODEgMS4xNzE1NyAwLjA4MzAwNzggMiAwLjA4MzAwNzhIMjRDMjQuODI4NCAwLjA4MzAwNzggMjUuNSAwLjc1NDU4MSAyNS41IDEuNTgzMDFDMjUuNSAyLjQxMTQzIDI0LjgyODQgMy4wODMwMSAyNCAzLjA4MzAxSDJDMS4xNzE1NyAzLjA4MzAxIDAuNSAyLjQxMTQzIDAuNSAxLjU4MzAxWiIgZmlsbD0iIzMzNkQ4RSIvPgo8L3N2Zz4=")} .c-passes__layout {display:grid;gap:20px} .c-passes__content {display:grid;gap:32px} .c-passes__card {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background:var(--color-beige-5);border-radius:20px;color:var(--color-blue-1)} .c-passes__card * {margin-bottom:0} .c-passes__card details {border-width:1px 0 0;margin-bottom:-20px} .c-passes__card summary {cursor:pointer} .c-passes__card-body {padding:30px} .c-passes__card-body, .c-passes__card-header {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px} .c-passes__card-header {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;padding-bottom:20px;border-bottom:1px solid rgba(25,25,25,.1)} .c-passes__tiers {display:grid;gap:30px} .c-passes__tier {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:20px;color:var(--color-blue-1)} .c-passes__tier * {margin-bottom:0} .c-passes__tier h1, .c-passes__tier h2, .c-passes__tier h3, .c-passes__tier h4, .c-passes__tier h5, .c-passes__tier h6, .c-passes__tier table {color:var(--color-green-1)} .c-passes__tier table {font-size:27px;text-align:left} .c-passes__tier thead {font-size:16px} .c-passes__tier td, .c-passes__tier th {padding-right:30px} .c-passes__tier small {display:block;font-size:10px} .c-passes__tier del {opacity:.6} .c-passes__pricing {color:var(--color-green-1);font-size:16px;line-height:1} .c-passes__pricing strong {font-weight:inherit;font-size:1.6875em} .c-passes__options {-webkit-box-align:center;-ms-flex-align:center;align-items:center} .c-passes__options {list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:18px} .u-animation-shake:hover {-webkit-animation:shake 1s;animation:shake 1s} .u-mb-0 {margin-bottom:0!important} .u-mb-20 {margin-bottom:20px!important} .u-img-respond {max-width:100%;height:auto} .u-type-heading-2, h2 {font-weight:var(--type-heading-2-font-weight,300);line-height:var(--type-heading-2-line-height,1);font-family:var(--type-heading-2-font-family,var(--font-family-heading));font-size:var(--type-heading-2-font-size-max,56px);font-size:clamp(var(--type-heading-2-font-size-min,42px),var(--type-heading-2-font-size-vw,3.66492147vw),var(--type-heading-2-font-size-max,56px))} .u-type-heading-3, h3 {font-weight:var(--type-heading-3-font-weight,300);line-height:var(--type-heading-3-line-height,1);font-family:var(--type-heading-3-font-family,var(--font-family-heading));font-size:var(--type-heading-3-font-size-max,42px);font-size:clamp(var(--type-heading-3-font-size-min,32px),var(--type-heading-3-font-size-vw,2.7486911vw),var(--type-heading-3-font-size-max,42px))} .c-passes__card summary {line-height:var(--type-subheading-3-line-height,1);font-weight:var(--type-subheading-3-font-weight,500);font-family:var(--type-subheading-3-font-family,var(--font-family-subheading));font-size:var(--type-subheading-3-font-size-max,20px);font-size:clamp(var(--type-subheading-3-font-size-min,18px),var(--type-subheading-3-font-size-vw,1.30890052vw),var(--type-subheading-3-font-size-max,20px))} @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } li { margin-bottom: 5px; padding-left: 0; } .u-type-heading-2, h2 { font-size: clamp(var(--type-heading-2-font-size-min, 38px), var(--type-heading-2-font-size-vw, 3.66492147vw), var(--type-heading-2-font-size-max, 56px)); } .u-type-heading-2, h2, .u-type-heading-3, h3 { font-weight: 700; letter-spacing: .05rem; } .c-passes__card header.c-passes__card-header details p { margin-bottom: 20px; } .c-passes__card summary { font-weight: 700; text-transform: uppercase; } li { position: relative; } @media (min-width:768px){.c-section--blue {padding-top:clamp(1px,6.54450262vw,100px)} } @media (min-width:768px){.c-passes__layout {grid-template-columns:480px 1fr;gap:45px} } @media (min-width:768px){.c-passes__aside {position:sticky;top:200px;left:0;width:100%;-ms-flex-item-align:start;align-self:start} } @media (min-width:768px){.c-passes__tiers {grid-template-columns:repeat(2,1fr);gap:40px} } @media (min-width:375px){.u-mb-0\@xs {margin-bottom:0!important} .u-mb-20\@xs {margin-bottom:20px!important} } @media (max-width:374px){.u-mb-0\@less-than-xs {margin-bottom:0!important} .u-mb-20\@less-than-xs {margin-bottom:20px!important} } @media screen and (min-width:375px) and (max-width:539px){.u-mb-0\@xs-only {margin-bottom:0!important} .u-mb-20\@xs-only {margin-bottom:20px!important} } @media (min-width:540px){.u-mb-0\@phone {margin-bottom:0!important} .u-mb-20\@phone {margin-bottom:20px!important} } @media (max-width:539px){.u-mb-0\@less-than-phone {margin-bottom:0!important} .u-mb-20\@less-than-phone {margin-bottom:20px!important} } @media screen and (min-width:540px) and (max-width:767px){.u-mb-0\@phone-only {margin-bottom:0!important} .u-mb-20\@phone-only {margin-bottom:20px!important} } @media (min-width:768px){.u-mb-0\@sm {margin-bottom:0!important} .u-mb-20\@sm {margin-bottom:20px!important} } @media (max-width:767px){.u-mb-0\@less-than-sm {margin-bottom:0!important} .u-mb-20\@less-than-sm {margin-bottom:20px!important} } @media screen and (min-width:768px) and (max-width:1023px){.u-mb-0\@sm-only {margin-bottom:0!important} .u-mb-20\@sm-only {margin-bottom:20px!important} } @media (min-width:1024px){.u-mb-0\@md {margin-bottom:0!important} .u-mb-20\@md {margin-bottom:20px!important} } @media (max-width:1023px){.u-mb-0\@less-than-md {margin-bottom:0!important} .u-mb-20\@less-than-md {margin-bottom:20px!important} } @media screen and (min-width:1024px) and (max-width:1249px){.u-mb-0\@md-only {margin-bottom:0!important} .u-mb-20\@md-only {margin-bottom:20px!important} } @media (min-width:1250px){.u-mb-0\@lg {margin-bottom:0!important} .u-mb-20\@lg {margin-bottom:20px!important} } @media (max-width:1249px){.u-mb-0\@less-than-lg {margin-bottom:0!important} .u-mb-20\@less-than-lg {margin-bottom:20px!important} } @media screen and (min-width:1250px) and (max-width:1439px){.u-mb-0\@lg-only {margin-bottom:0!important} .u-mb-20\@lg-only {margin-bottom:20px!important} } @media (min-width:1440px){.u-mb-0\@xl {margin-bottom:0!important} .u-mb-20\@xl {margin-bottom:20px!important} } @media (max-width:1439px){.u-mb-0\@less-than-xl {margin-bottom:0!important} .u-mb-20\@less-than-xl {margin-bottom:20px!important} } @media screen and (min-width:1440px) and (max-width:1919px){.u-mb-0\@xl-only {margin-bottom:0!important} .u-mb-20\@xl-only {margin-bottom:20px!important} } @media (min-width:1920px){.u-mb-0\@desktop {margin-bottom:0!important} .u-mb-20\@desktop {margin-bottom:20px!important} } @media (max-width:1919px){.u-mb-0\@less-than-desktop {margin-bottom:0!important} .u-mb-20\@less-than-desktop {margin-bottom:20px!important} } @media (max-width: 767px) {.c-section--blue { position: relative; background: linear-gradient(180deg, #337190 0%, #44a1a4 50%, #85cfc4 100%); background-repeat: no-repeat; background-size: cover; background-position: center top; isolation: isolate; } .c-section--blue::before { content: ""; position: absolute; inset: 0; background-image: url(../content/coachella-2026/noise-512.png); background-repeat: repeat; background-position: center top; mix-blend-mode: multiply; z-index: 0; pointer-events: none; } .c-section--blue > * { position: relative; z-index: 1; } } @media (min-width: 768px) {.c-section--blue { padding-top: clamp(1px, 4vw, 100px); } } @media (max-width: 767px) {.o-container picture img { max-width: 60%; } } @media (max-width:767px){.c-featured-video{--container-padding:0px}}

JS