/* Celebration Gradient hero: shared area and rental-type page arrival. */
.ar-celebration-hero,
.ar-celebration-hero *,
.ar-celebration-hero *::before,
.ar-celebration-hero *::after { box-sizing: border-box; }
.ar-celebration-hero { --ar-color-navy: #0A1D47; --ar-color-cobalt: #135BDA; --ar-color-sky: #2E73E8; --ar-color-gold: #D8A63A; --ar-color-pale-blue: #EAF2FF; --ar-color-white: #FFFFFF; position: relative; width: 100%; overflow: clip; color: var(--ar-color-navy); background: var(--ar-color-pale-blue); font-family: "Manrope", "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif; isolation: isolate; }
.ar-celebration-hero__stage { position: relative; min-height: 500px; overflow: hidden; background: var(--ar-color-pale-blue); isolation: isolate; }
.ar-celebration-hero__stage::before { position: absolute; z-index: 2; inset: 0; content: ""; background: linear-gradient(90deg, rgba(234, 242, 255, .89) 0%, rgba(234, 242, 255, .77) 42%, rgba(234, 242, 255, .38) 66%, rgba(234, 242, 255, .1) 100%); pointer-events: none; }
.ar-celebration-hero--area:not(.ar-celebration-hero--media-free) .ar-celebration-hero__stage::before { background: linear-gradient(90deg, rgba(5, 16, 38, .65) 0%, rgba(5, 16, 38, .53) 42%, rgba(5, 16, 38, .2) 70%, rgba(5, 16, 38, .08) 100%); }
.ar-celebration-hero--rental:not(.ar-celebration-hero--media-free) .ar-celebration-hero__stage::before { background: linear-gradient(90deg, rgba(5, 16, 38, .72) 0%, rgba(5, 16, 38, .59) 43%, rgba(5, 16, 38, .37) 69%, rgba(5, 16, 38, .2) 100%); }
.ar-celebration-hero__container { position: relative; z-index: 4; width: min(calc(100% - 80px), 1280px); min-height: inherit; margin-inline: auto; display: grid; grid-template-columns: minmax(0, 7fr) minmax(340px, 5fr); align-items: center; }
.ar-celebration-hero__content { width: min(100%, 720px); padding: 64px 0; }
.ar-celebration-hero__title { max-width: 720px; margin: 0; color: var(--ar-color-navy); font: 800 3rem/1.08 "Manrope", "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif; letter-spacing: -.03em; overflow-wrap: anywhere; }
.ar-celebration-hero--area:not(.ar-celebration-hero--media-free) .ar-celebration-hero__title { color: var(--ar-color-white); text-shadow: 0 2px 16px rgba(5, 16, 38, .22); }
.ar-celebration-hero--rental:not(.ar-celebration-hero--media-free) .ar-celebration-hero__title { color: var(--ar-color-white); text-shadow: 0 2px 16px rgba(5, 16, 38, .28); }
.ar-celebration-hero__actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: 32px; }
.ar-celebration-hero__actions .dc-pye,
.ar-celebration-hero__actions .dc-phone-call { width: auto; }
.ar-celebration-hero__art { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; width: 51%; min-width: 400px; overflow: hidden; pointer-events: none; }
.ar-celebration-hero__image { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.ar-celebration-hero__decoration { position: absolute; z-index: 2; inset: 0; pointer-events: none; }
.ar-celebration-hero__wash { position: absolute; z-index: 2; top: -26%; right: 7%; width: 115%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 42% 52%, rgba(234, 242, 255, .34) 0 31%, rgba(234, 242, 255, .1) 54%, transparent 72%); }
.ar-celebration-hero__cobalt-plane { position: absolute; z-index: 3; top: 0; right: 0; width: 58%; height: 100%; background: linear-gradient(135deg, rgba(46, 115, 232, .91) 0%, rgba(19, 91, 218, .94) 62%, rgba(10, 29, 71, .97) 100%); clip-path: polygon(48% 0, 100% 0, 100% 100%, 0 100%); }
.ar-celebration-hero--area .ar-celebration-hero__cobalt-plane::before { position: absolute; top: 16%; right: -22%; width: min(56%, 260px); aspect-ratio: 1; content: ""; border: 1px solid rgba(255, 255, 255, .35); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255, 255, 255, .055), 0 0 0 62px rgba(255, 255, 255, .035); }
.ar-celebration-hero--area .ar-celebration-hero__cobalt-plane::after { position: absolute; right: 23%; bottom: 17%; width: 16px; aspect-ratio: 1; content: ""; background: var(--ar-color-gold); clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); opacity: .9; }
.ar-celebration-hero__dot-grid { position: absolute; z-index: 4; width: 76px; height: 58px; opacity: .86; background-image: radial-gradient(circle, #2E73E8 0 4px, transparent 4.5px); background-size: 25px 21px; }
.ar-celebration-hero__dot-grid--top { top: 18%; right: 18%; }
.ar-celebration-hero__dot-grid--bottom { right: 41%; bottom: 13%; opacity: .46; }
.ar-celebration-hero__sparkle { position: absolute; z-index: 4; top: 34%; right: 48%; width: 30px; height: 30px; background: var(--ar-color-gold); clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); }
.ar-celebration-hero--area .ar-celebration-hero__dot-grid--top::before,
.ar-celebration-hero--area .ar-celebration-hero__dot-grid--top::after { position: absolute; content: ""; clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); }
.ar-celebration-hero--area .ar-celebration-hero__dot-grid--top::before { top: -28px; left: -22px; width: 15px; height: 15px; background: var(--ar-color-gold); }
.ar-celebration-hero--area .ar-celebration-hero__dot-grid--top::after { right: -7px; bottom: -33px; width: 10px; height: 10px; background: #FFFFFF; }
.ar-celebration-hero--area .ar-celebration-hero__wash { top: -37%; right: 5%; width: 125%; }
.ar-celebration-hero--area:not(.ar-celebration-hero--media-free) .ar-celebration-hero__wash { background: radial-gradient(circle at 42% 52%, rgba(255, 255, 255, .13) 0 31%, rgba(255, 255, 255, .05) 54%, transparent 72%); }
.ar-celebration-hero--area .ar-celebration-hero__cobalt-plane { width: 54%; }
.ar-celebration-hero--rental .ar-celebration-hero__art { top: 48px; right: max(40px, calc((100vw - 1280px) / 2)); bottom: 48px; width: min(45%, 560px); border-radius: 48px 28px 48px 28px; background: linear-gradient(135deg, #2E73E8 0%, #135BDA 56%, #0A1D47 100%); box-shadow: 0 18px 48px rgba(10, 29, 71, .18); }
.ar-celebration-hero--rental .ar-celebration-hero__wash, .ar-celebration-hero--rental .ar-celebration-hero__cobalt-plane { display: none; }
.ar-celebration-hero--rental .ar-celebration-hero__product { position: absolute; z-index: 3; right: 8%; bottom: 3%; left: 8%; width: 84%; height: 90%; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 18px 12px rgba(5, 16, 38, .32)); }
.ar-celebration-hero--rental .ar-celebration-hero__wash { top: -14%; right: 16%; width: 105%; }
.ar-celebration-hero--rental .ar-celebration-hero__cobalt-plane { width: 64%; }
.ar-celebration-hero--rental .ar-celebration-hero__dot-grid--top { top: 25%; right: 58%; }
.ar-celebration-hero--rental .ar-celebration-hero__sparkle { top: 23%; right: 25%; }
.ar-celebration-hero--rental .ar-celebration-hero__dot-grid--bottom { right: 11%; bottom: 16%; background-image: radial-gradient(circle, #FFFFFF 0 3px, transparent 3.5px); }
.ar-celebration-hero a:focus-visible { outline: 3px solid var(--ar-color-gold) !important; outline-offset: 4px; }
@media (max-width: 1279px) { .ar-celebration-hero__container { width: min(calc(100% - 64px), 1280px); } .ar-celebration-hero--rental .ar-celebration-hero__art { right: 32px; } }
@media (max-width: 980px) { .ar-celebration-hero__stage { min-height: 470px; } .ar-celebration-hero__container { grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr); } .ar-celebration-hero__content { padding-block: 56px; } .ar-celebration-hero__title { font-size: 2.5rem; } .ar-celebration-hero__art { width: 48%; min-width: 300px; } .ar-celebration-hero--rental .ar-celebration-hero__art { top: 56px; right: 32px; bottom: 56px; width: 38%; min-width: 280px; } }
@media (min-width: 768px) and (max-width: 980px) { .ar-celebration-hero--area .ar-celebration-hero__art { width: 100%; min-width: 0; } .ar-celebration-hero--area .ar-celebration-hero__cobalt-plane { width: 38%; clip-path: polygon(45% 0, 100% 0, 100% 100%, 0 100%); } .ar-celebration-hero--area .ar-celebration-hero__sparkle { top: 32%; right: 12%; } .ar-celebration-hero--area .ar-celebration-hero__dot-grid--top { right: 7%; } }
@media (max-width: 767px) { .ar-celebration-hero__stage { display: block; min-height: 280px; } .ar-celebration-hero__stage::before { background: linear-gradient(90deg, rgba(234, 242, 255, .9) 0%, rgba(234, 242, 255, .76) 54%, rgba(234, 242, 255, .34) 100%); } .ar-celebration-hero__container { width: min(calc(100% - 40px), 1280px); min-height: inherit; display: flex; align-items: center; } .ar-celebration-hero__content { width: 100%; padding: 0; } .ar-celebration-hero__title { max-width: 63%; font-size: 2rem; line-height: 1.08; } .ar-celebration-hero__actions { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 20px; } .ar-celebration-hero__actions .dc-pye, .ar-celebration-hero__actions .dc-phone-call { width: 100%; } .ar-celebration-hero__actions .dc-pye__link, .ar-celebration-hero__actions .dc-phone-call__link { width: 100%; } .ar-celebration-hero__art, .ar-celebration-hero--rental .ar-celebration-hero__art { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; min-width: 0; height: auto; border-radius: 0; box-shadow: none; } .ar-celebration-hero__image { object-position: 50% center; } .ar-celebration-hero__wash { top: -52%; right: 13%; width: 116%; } .ar-celebration-hero__cobalt-plane { top: 0; width: 38%; height: 100%; clip-path: polygon(45% 0, 100% 0, 100% 100%, 0 100%); } .ar-celebration-hero__dot-grid--top { top: 16%; right: 7%; transform: scale(.72); transform-origin: top right; } .ar-celebration-hero__sparkle { top: 10px; right: 10px; width: 24px; height: 24px; } .ar-celebration-hero__dot-grid--bottom { display: none; } .ar-celebration-hero--rental .ar-celebration-hero__stage::before { background: linear-gradient(90deg, rgba(5, 16, 38, .76) 0%, rgba(5, 16, 38, .64) 52%, rgba(5, 16, 38, .42) 76%, rgba(5, 16, 38, .26) 100%); } .ar-celebration-hero--rental .ar-celebration-hero__art { top: 24px; right: 20px; bottom: 24px; left: auto; width: min(29.4%, 130px); height: auto; border-radius: 28px 18px 28px 18px; box-shadow: 0 12px 28px rgba(5, 16, 38, .26); } .ar-celebration-hero--rental .ar-celebration-hero__product { top: 50%; right: auto; bottom: auto; left: 50%; width: 90%; height: 90%; transform: translate(-50%, -50%); object-position: center; } .ar-celebration-hero--rental .ar-celebration-hero__title { max-width: 64%; font-size: 1.625rem; line-height: 1.08; } .ar-celebration-hero--rental .ar-celebration-hero__actions { max-width: 54%; } .ar-celebration-hero--rental .ar-celebration-hero__actions .dc-pye__link, .ar-celebration-hero--rental .ar-celebration-hero__actions .dc-phone-call__link { min-width: 0; padding-inline: 10px !important; } .ar-celebration-hero--rental .ar-celebration-hero__dot-grid--top { top: 16%; right: 7%; } .ar-celebration-hero--rental .ar-celebration-hero__sparkle { top: 10px; right: 10px; } }
@media (max-width: 767px) { .ar-celebration-hero--area .ar-celebration-hero__cobalt-plane { width: 27%; } }
@media (min-width: 381px) and (max-width: 767px) { .ar-celebration-hero__actions { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; } .ar-celebration-hero--rental .ar-celebration-hero__actions { grid-template-columns: minmax(0, 1fr); } .ar-celebration-hero__actions .dc-pye .dc-pye__link { min-width: 0; padding-inline: 12px !important; } .ar-celebration-hero__actions .dc-phone-call .dc-phone-call__link { padding-inline: 10px !important; } }
@media (max-width: 380px) { .ar-celebration-hero__container { width: calc(100% - 32px); } .ar-celebration-hero__title { max-width: 70%; font-size: 1.75rem; } .ar-celebration-hero--rental .ar-celebration-hero__title { max-width: 64%; font-size: 1.625rem; } .ar-celebration-hero__dot-grid--top { display: none; } }
@media (prefers-reduced-motion: reduce) { .ar-celebration-hero *, .ar-celebration-hero *::before, .ar-celebration-hero *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }
@media (forced-colors: active) { .ar-celebration-hero__stage { border: 1px solid CanvasText; } .ar-celebration-hero__art { border: 1px solid CanvasText; } }