Prometeo
Account
AP
App
Generale
App
Pagine generate
Pagine generate
Pagine generate
Indietro
Layout
Layout
Layout
Indietro
Blocchi
Blocchi
Blocchi stilati
Blocchi master
Indietro
Stili grafici
Stili grafici
Stili grafici
Varianti grafiche
Indietro
Importa stili grafici
Importa stili grafici
Importazioni
Blocchi importati
Indietro
Immagini
Immagini
Libreria
Indietro
Impostazioni
Impostazioni
Dati per anteprime
Intelligenza artificiale
Siti destinazione
Tipi di campi
Tipi di pagina
Tipi di blocco
Indietro
Demo
Demo
Ricette
Ingredienti
Indietro
Più spazio
Modifica blocco: c-page-header
Anteprima
Salva
Codice blocco
HTML
<div class="c-page-header c-page-header36629 c-page-header--green"> <div class="o-container"> <div class="c-page-header__inner"> <div> <h1 class="u-type-heading-1 u-mb-20">2026 Passes</h1> <div class="c-bar u-mb-20"></div> <div class="c-page-header__links--mobile"> <button class="u-type-subheading-2"><span>Jump To</span><span><svg fill="none" height="20" viewbox="0 0 14 17" width="16" xmlns="http://www.w3.org/2000/svg"> <path d="M13.4958 10.3229L7.87077 15.9479C7.78367 16.0353 7.68018 16.1047 7.56622 16.152C7.45227 16.1993 7.33009 16.2237 7.2067 16.2237C7.08332 16.2237 6.96114 16.1993 6.84719 16.152C6.73323 16.1047 6.62974 16.0353 6.54264 15.9479L0.917642 10.3229C0.741522 10.1468 0.642578 9.90796 0.642578 9.65889C0.642578 9.40982 0.741522 9.17095 0.917642 8.99482C1.09376 8.8187 1.33263 8.71976 1.5817 8.71976C1.83078 8.71976 2.06965 8.8187 2.24577 8.99482L6.26999 13.019V1.53467C6.26999 1.28603 6.36876 1.04757 6.54457 0.871755C6.72039 0.69594 6.95885 0.597168 7.20749 0.597168C7.45613 0.597168 7.69458 0.69594 7.8704 0.871755C8.04621 1.04757 8.14499 1.28603 8.14499 1.53467V13.019L12.1692 8.99404C12.3453 8.81792 12.5842 8.71898 12.8333 8.71898C13.0823 8.71898 13.3212 8.81792 13.4973 8.99404C13.6734 9.17016 13.7724 9.40903 13.7724 9.6581C13.7724 9.90718 13.6734 10.146 13.4973 10.3222L13.4958 10.3229Z" fill="currentColor"></path> </svg></span></button> <ul> <li> <a href="#festival-passes">Festival Passes</a> </li> <li> <a href="#camping">Camping</a> </li> <li> <a href="#parking-shuttles">Parking & Shuttles</a> </li> <li> <a href="#addons">Add-Ons</a> </li> <li> <a href="#travel">Travel</a> </li> </ul> </div> <div class="c-page-header__links"> <p class="u-type-subheading-2">Jump To</p> <ul> <li> <a href="#festival-passes">Festival Passes</a> </li> <li> <a href="#camping">Camping</a> </li> <li> <a href="#parking-shuttles">Parking & Shuttles</a> </li> <li> <a href="#addons">Add-Ons</a> </li> <li> <a href="#travel">Travel</a> </li> </ul> </div> </div> <img alt="" class="c-page-header__img u-hidden@less-than-sm" src="content/banner_images/732/oC9Z3OkKwjqkggq9fap0MRWi7dNs87DbDsGgRAV2.jpg"/> </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-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-discover{--bar-max-width:487px;--bar-height:5px;--bar-color-1:#ffa600;--bar-color-2:#fbd755;--bar-color-3:#f8869d;--bar-color-4:#d33c31;--bar-color-5:#f46835;--bar-color-6:#d33c31;--bar-color-7:#8b2e38;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:680px;padding:100px 0;background:#070f16;color:#fff;position:relative;z-index:0} .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--pink{--page-header-gradient:linear-gradient(180deg,#d23c32 25%,#e07189);--bar-color-1:#8b2e38;--bar-color-2:#d33c31;--bar-color-3:#f8869d;--bar-color-4:#8b2e38;--bar-color-5:#f8869d;--bar-color-6:#8b2e38;--bar-color-7:#d33c31;--jumpto-background:#e07189} .c-page-header--green{--page-header-gradient:linear-gradient(180deg,#294e2c 25%,#80952e);--bar-color-1:#8dd3c8;--bar-color-2:#44a2a4;--bar-color-3:#326d8d;--bar-color-4:#294e2c;--bar-color-5:#4f6234;--bar-color-6:#849a2e;--bar-color-7:#4f6234;--jumpto-background:#80952e} .c-page-header--blue{--page-header-gradient:linear-gradient(180deg,#337190,#44a1a4 96.72%,#85cfc4 193.44%);--bar-color-1:#326d8d;--bar-color-2:#44a2a4;--bar-color-3:#8dd3c8;--bar-color-4:#326d8d;--bar-color-5:#8dd3c8;--bar-color-6:#326d8d;--bar-color-7:#44a2a4;--jumpto-background:#85cfc4} .c-page-header--orange{--page-header-gradient:linear-gradient(180deg,#efbe3c -75.35%,#f36835 20.84%,#f9ae51 207.34%);--bar-color-1:#ffa600;--bar-color-2:#fbd755;--bar-color-3:#f8869d;--bar-color-4:#d33c31;--bar-color-5:#f46835;--bar-color-6:#d33c31;--bar-color-7:#8b2e38;--jumpto-background:#f9ae51} .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-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; } @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%)}} h1 {font-size:2em;margin:.67em 0} a {background-color:transparent} img {border-style:none} button {font-family:inherit;font-size:100%;line-height:1.15;margin:0} button {overflow:visible} button {text-transform:none} button {-webkit-appearance:button} button::-moz-focus-inner {border-style:none;padding:0} button:-moz-focusring {outline:1px dotted ButtonText} img {max-width:100%;vertical-align:middle} svg {vertical-align:middle;fill:currentColor} h1 {color:var(--color-blue-1)} h1 {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, button {cursor:pointer} .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-bar {display:block;width:100%;max-width:var(--bar-max-width,none);height:5px;background:-webkit-gradient(linear,left top,right top,from(#127091),color-stop(0,var(--bar-color-1,#127091)),color-stop(14.28571429%,var(--bar-color-1,#127091)),color-stop(14.28571429%,var(--bar-color-2,#00a3a6)),color-stop(28.57142857%,var(--bar-color-2,#00a3a6)),color-stop(28.57142857%,var(--bar-color-3,#809c00)),color-stop(42.85714286%,var(--bar-color-3,#809c00)),color-stop(42.85714286%,var(--bar-color-4,#ff5c1a)),color-stop(57.14285714%,var(--bar-color-4,#ff5c1a)),color-stop(57.14285714%,var(--bar-color-5,#ff809e)),color-stop(71.42857143%,var(--bar-color-5,#ff809e)),color-stop(71.42857143%,var(--bar-color-6,#e52926)),color-stop(85.71428571%,var(--bar-color-6,#e52926)),color-stop(85.71428571%,var(--bar-color-7,#ffa600)),to(var(--bar-color-7,#ffa600)));background:linear-gradient(90deg,#127091,var(--bar-color-1,#127091),var(--bar-color-1,#127091) 14.28571429%,var(--bar-color-2,#00a3a6) 0,var(--bar-color-2,#00a3a6) 28.57142857%,var(--bar-color-3,#809c00) 0,var(--bar-color-3,#809c00) 42.85714286%,var(--bar-color-4,#ff5c1a) 0,var(--bar-color-4,#ff5c1a) 57.14285714%,var(--bar-color-5,#ff809e) 0,var(--bar-color-5,#ff809e) 71.42857143%,var(--bar-color-6,#e52926) 0,var(--bar-color-6,#e52926) 85.71428571%,var(--bar-color-7,#ffa600) 0,var(--bar-color-7,#ffa600))} .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--green {--page-header-gradient:linear-gradient(180deg,#294e2c 25%,#80952e);--bar-color-1:#8dd3c8;--bar-color-2:#44a2a4;--bar-color-3:#326d8d;--bar-color-4:#294e2c;--bar-color-5:#4f6234;--bar-color-6:#849a2e;--bar-color-7:#4f6234;--jumpto-background:#80952e} .c-page-header__inner {padding:30px;border-radius:20px;background:url(../../../content/coachella-2026/noise.webp),var(--page-header-gradient);background-blend-mode:multiply,normal;position:relative} .c-page-header__inner h1 {color:var(--color-beige-4)} .c-page-header__inner:after {content:"";display:block;background-image:var(--page-header-shadow-image);background-repeat:no-repeat;position:absolute;top:100%;left:2%;right:2%;height:40px;background-size:100% 100%} .c-page-header__img {display:block;border-radius:20px} .c-page-header__links {display:none;--link-text-decoration:underline;--link-text-decoration-hover:none;padding-left:30px;position:relative} .c-page-header__links:before {content:"";display:block;background:var(--color-beige-4);width:2.62px;position:absolute;top:0;left:8px;bottom:10px} .c-page-header__links:after {content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE5IDE0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTE3Ljk5NDUgNC45MTc4NUwxMC4xMTk1IDEyLjc5MjhDOS45OTc1MyAxMi45MTUyIDkuODUyNjQgMTMuMDEyMyA5LjY5MzEgMTMuMDc4NUM5LjUzMzU3IDEzLjE0NDggOS4zNjI1MiAxMy4xNzg5IDkuMTg5NzggMTMuMTc4OUM5LjAxNzAzIDEzLjE3ODkgOC44NDU5OSAxMy4xNDQ4IDguNjg2NDUgMTMuMDc4NUM4LjUyNjkyIDEzLjAxMjMgOC4zODIwMiAxMi45MTUyIDguMjYwMDkgMTIuNzkyOEwwLjM4NTA4OSA0LjkxNzg1QzAuMTM4NTIxIDQuNjcxMjggLTMuNjc0MTZlLTA5IDQuMzM2ODYgMCAzLjk4ODE2QzMuNjc0MTZlLTA5IDMuNjM5NDYgMC4xMzg1MjEgMy4zMDUwNCAwLjM4NTA4OSAzLjA1ODQ3QzAuNjMxNjU4IDIuODExOSAwLjk2NjA3NiAyLjY3MzM5IDEuMzE0NzggMi42NzMzOUMxLjY2MzQ4IDIuNjczMzkgMS45OTc5IDIuODExOSAyLjI0NDQ2IDMuMDU4NDdMNy44NzgzNyA4LjY5MjM4VjAuNjE0MjU4SDEwLjUwMzRWOC42OTIzOEwxNi4xMzczIDMuMDU3MzhDMTYuMzgzOCAyLjgxMDgxIDE2LjcxODMgMi42NzIyOSAxNy4wNjcgMi42NzIyOUMxNy40MTU3IDIuNjcyMjkgMTcuNzUwMSAyLjgxMDgxIDE3Ljk5NjcgMy4wNTczOEMxOC4yNDMyIDMuMzAzOTUgMTguMzgxNyAzLjYzODM3IDE4LjM4MTcgMy45ODcwN0MxOC4zODE3IDQuMzM1NzcgMTguMjQzMiA0LjY3MDE5IDE3Ljk5NjcgNC45MTY3NkwxNy45OTQ1IDQuOTE3ODVaIiBmaWxsPSIjRkJGNEU5Ii8+Cjwvc3ZnPg==");display:block;width:18px;height:19px;position:absolute;left:0;bottom:0} .c-page-header__links p {margin-bottom:12px} .c-page-header__links ul {list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;gap:20px;font-weight:700} .c-page-header__links a {color:var(--color-beige-4)} .c-page-header__links--mobile {position:relative} .c-page-header__links--mobile button {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px;color:var(--color-beige-4);background-color:var(--jumpto-color);width:100%;border-radius:5px;border:none} .c-page-header__links--mobile ul {display:none;width:100%;background:url(../../../content/coachella-2026/noise.webp),var(--jumpto-background);background-blend-mode:multiply,normal;position:absolute;z-index:9999;list-style:none;border-radius:5px;margin:0;padding:10px} .c-page-header__links--mobile ul li {background-color:var(--jumpto-color);padding:5px;border-radius:5px} .c-page-header__links--mobile ul a {text-decoration:none;color:var(--color-beige-4);display:block;width:100%} .c-page-header__links--mobile svg {-webkit-transition:-webkit-transform .25s ease-in-out;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out} .u-mb-20 {margin-bottom:20px!important} .u-type-heading-1, h1 {font-weight:var(--type-heading-1-font-weight,300);line-height:var(--type-heading-1-line-height,1);font-family:var(--type-heading-1-font-family,var(--font-family-heading));font-size:var(--type-heading-1-font-size-max,90px);font-size:clamp(var(--type-heading-1-font-size-min,48px),var(--type-heading-1-font-size-vw,5.89005236vw),var(--type-heading-1-font-size-max,90px))} .u-type-subheading-2 {line-height:var(--type-subheading-2-line-height,1);font-weight:var(--type-subheading-2-font-weight,500);text-transform:var(--type-subheading-2-text-transform,uppercase);font-family:var(--type-subheading-2-font-family,var(--font-family-subheading));font-size:var(--type-subheading-2-font-size-max,24px);font-size:clamp(var(--type-subheading-2-font-size-min,22px),var(--type-subheading-2-font-size-vw,1.57068063vw),var(--type-subheading-2-font-size-max,24px))} @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } li { margin-bottom: 5px; padding-left: 0; } .u-type-heading-1, h1 { font-weight: 700; letter-spacing: .1rem; font-size: clamp(var(--type-heading-1-font-size-min, 48px), var(--type-heading-1-font-size-vw, 5.89005236vw), var(--type-heading-1-font-size-max, 80px)); } .u-type-subheading-2 { font-weight: 700; } li { position: relative; } @media (min-width:768px){.c-bar {height:var(--bar-height,8px)} } @media (min-width:768px){.c-page-header__inner {display:grid;grid-template-columns:7fr 6fr;gap:clamp(1px,4.71204188vw,72px);-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:clamp(1px,2.61780105vw,40px)} } @media (min-width:1440px){.c-page-header__inner {grid-template-columns:1fr 623px} } @media (min-width:1024px){.c-page-header__links {display:block} } @media (min-width:1024px){.c-page-header__links--mobile {display:none} } @media (min-width:375px){.u-mb-20\@xs {margin-bottom:20px!important} } @media (max-width:374px){.u-mb-20\@less-than-xs {margin-bottom:20px!important} } @media screen and (min-width:375px) and (max-width:539px){.u-mb-20\@xs-only {margin-bottom:20px!important} } @media (min-width:540px){.u-mb-20\@phone {margin-bottom:20px!important} } @media (max-width:539px){.u-mb-20\@less-than-phone {margin-bottom:20px!important} } @media screen and (min-width:540px) and (max-width:767px){.u-mb-20\@phone-only {margin-bottom:20px!important} } @media (min-width:768px){.u-mb-20\@sm {margin-bottom:20px!important} } @media (max-width:767px){.u-mb-20\@less-than-sm {margin-bottom:20px!important} } @media screen and (min-width:768px) and (max-width:1023px){.u-mb-20\@sm-only {margin-bottom:20px!important} } @media (min-width:1024px){.u-mb-20\@md {margin-bottom:20px!important} } @media (max-width:1023px){.u-mb-20\@less-than-md {margin-bottom:20px!important} } @media screen and (min-width:1024px) and (max-width:1249px){.u-mb-20\@md-only {margin-bottom:20px!important} } @media (min-width:1250px){.u-mb-20\@lg {margin-bottom:20px!important} } @media (max-width:1249px){.u-mb-20\@less-than-lg {margin-bottom:20px!important} } @media screen and (min-width:1250px) and (max-width:1439px){.u-mb-20\@lg-only {margin-bottom:20px!important} } @media (min-width:1440px){.u-mb-20\@xl {margin-bottom:20px!important} } @media (max-width:1439px){.u-mb-20\@less-than-xl {margin-bottom:20px!important} } @media screen and (min-width:1440px) and (max-width:1919px){.u-mb-20\@xl-only {margin-bottom:20px!important} } @media (min-width:1920px){.u-mb-20\@desktop {margin-bottom:20px!important} } @media (max-width:1919px){.u-mb-20\@less-than-desktop {margin-bottom:20px!important} } @media (max-width: 767px) {.o-container picture img { max-width: 60%; } } @media (max-width:767px){.c-featured-video{--container-padding:0px}}
JS