.melbourne-marathon-2026-banner{--mm2026-banner-btn-text: #ff7a3d;position:relative;display:block;overflow:hidden;min-height:calc(542 * 100vw / 393);background:#1a1a1a}.melbourne-marathon-2026-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.melbourne-marathon-2026-banner__fallback,.melbourne-marathon-2026-banner__fallback-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;z-index:0}.melbourne-marathon-2026-banner__fallback-image{object-fit:cover;object-position:center}.melbourne-marathon-2026-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;background:#1a1a1a}.melbourne-marathon-2026-banner__video:not(.is-active){opacity:0;visibility:hidden;pointer-events:none}.melbourne-marathon-2026-banner.is-video-playing .melbourne-marathon-2026-banner__fallback{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.melbourne-marathon-2026-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.melbourne-marathon-2026-banner__content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:calc(560 * 100vw / 393);padding-top:calc(120 * 100vw / 393);padding-bottom:calc(25 * 100vw / 393);text-align:center;color:#fff}.melbourne-marathon-2026-banner__partner{display:flex;flex-direction:column;align-items:center;gap:calc(8 * 100vw / 393)}.melbourne-marathon-2026-banner__logo{width:calc(150 * 100vw / 393);height:calc(72 * 100vw / 393)}.melbourne-marathon-2026-banner__logo svg{display:block;width:100%;height:auto}.melbourne-marathon-2026-banner__divider{flex-shrink:0;width:1px;height:calc(16 * 100vw / 393);background:#f4f4f5}.melbourne-marathon-2026-banner__partner-label{margin:0;font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:calc(10 * 100vw / 393);font-weight:500;line-height:normal;letter-spacing:.02em;text-transform:uppercase;color:#fff}.melbourne-marathon-2026-banner__heading{margin:calc(24 * 100vw / 393) 0 0;font-family:Anton,sans-serif;font-size:calc(40 * 100vw / 393);font-weight:400;line-height:normal;color:#fff}.melbourne-marathon-2026-banner__subtitle{margin:calc(8 * 100vw / 393) 0 0;max-width:calc(320 * 100vw / 393);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:calc(20 * 100vw / 393);font-weight:500;line-height:1.2;color:#fff}.melbourne-marathon-2026-banner__button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:calc(135 * 100vw / 393);min-height:calc(40 * 100vw / 393);margin-top:calc(24 * 100vw / 393);padding:0 calc(24 * 100vw / 393);border-radius:4px;background:#fff;color:var(--mm2026-banner-btn-text);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:calc(16 * 100vw / 393);font-weight:500;line-height:1.3;text-decoration:none;text-transform:capitalize;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.melbourne-marathon-2026-banner__button:hover{background:var(--mm2026-banner-btn-text);color:#fff}@media screen and (min-width:750px){.melbourne-marathon-2026-banner{min-height:min(630px,43.75vw);max-height:900px}.melbourne-marathon-2026-banner__content{min-height:min(600px,calc(600 * 100vw / 1440));max-height:900px;padding-top:min(180px,12.5vw);padding-bottom:min(80px,calc(80 * 100vw / 1440))}.melbourne-marathon-2026-banner__partner{gap:min(10px,calc(10 * 100vw / 1440))}.melbourne-marathon-2026-banner__logo{width:calc(174 * 100vw / 1440);height:calc(78 * 100vw / 1440)}.melbourne-marathon-2026-banner__divider{height:min(16px,calc(16 * 100vw / 1440))}.melbourne-marathon-2026-banner__partner-label{font-size:min(10px,calc(10 * 100vw / 1440))}.melbourne-marathon-2026-banner__heading{margin-top:min(16px,calc(16 * 100vw / 1440));max-width:min(616px,calc(616 * 100vw / 1440));font-size:min(64px,calc(64 * 100vw / 1440))}.melbourne-marathon-2026-banner__subtitle{margin-top:0;max-width:min(616px,calc(616 * 100vw / 1440));font-size:min(24px,calc(24 * 100vw / 1440))}.melbourne-marathon-2026-banner__button{width:min(208px,calc(208 * 100vw / 1440));min-height:min(48px,calc(48 * 100vw / 1440));margin-top:min(32px,calc(32 * 100vw / 1440));padding:0 min(20px,calc(20 * 100vw / 1440));font-size:min(16px,calc(16 * 100vw / 1440))}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/section-2026-melbourne-marathon-banner.css.map */