.cannes-hero{background-image:repeating-linear-gradient(90deg,#ff8c7c,#ff8c7c 120px,#ff9587 0,#ff9587 240px);color:var(--color-fluent-dark-navy);display:grid;grid-template-columns:1fr;min-height:750px;overflow:hidden;position:relative;width:100%;@media (min-width:769px){grid-template-columns:1fr 1fr}& .cannes-hero__bg{grid-column:1;grid-row:1;height:100%;min-height:320px;object-fit:cover;object-position:center;width:100%;@media (min-width:769px){grid-column:2;min-height:0}}& .cannes-hero__content{align-items:center;display:flex;flex-direction:column;gap:24px;grid-column:1;grid-row:2;justify-content:center;padding:64px 20px 40px;position:relative;width:100%;z-index:2;@media (min-width:641px){gap:36px;padding-bottom:48px;padding-left:32px;padding-right:32px;padding-top:80px}@media (min-width:769px){grid-row:1}@media (min-width:961px){padding-bottom:64px;padding-left:0;padding-right:56px;padding-top:96px}}& .cannes-hero__headline{color:var(--color-fluent-dark-navy);font-size:clamp(32px,4.6vw,64px);font-weight:500;letter-spacing:-.02em;line-height:1.08;margin:0;max-width:630px;text-align:center;text-wrap:pretty}& .cannes-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}& .cannes-hero__cta{align-items:center;background:var(--color-fluent-dark-navy);border:2px solid var(--color-fluent-dark-navy);border-radius:4px;color:var(--color-fluent-beeswax);cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;letter-spacing:.64px;line-height:160%;padding:14px 22px;text-transform:uppercase;transition:background .2s ease,color .2s ease;&:active,&:focus,&:hover{background:var(--color-fluent-dark-navy)!important;border:2px solid var(--color-fluent-dark-navy);color:var(--color-fluent-beeswax)!important;font-weight:700;text-decoration:none}}& .cannes-hero__cta--outline{background:transparent;color:var(--color-fluent-dark-navy);&:active,&:focus,&:hover{background:transparent!important;color:var(--color-fluent-dark-navy)!important}}}.cannes-formpanel{align-items:center;background:rgba(11,19,64,.78);display:flex;inset:0;justify-content:center;opacity:0;overflow:hidden;padding:24px;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:99999;&[hidden]{display:flex}&.is-open{opacity:1;pointer-events:auto}& .cannes-formpanel__panel{--tooth-w:14px;--tooth-h:7px;background:var(--color-white);filter:drop-shadow(0 24px 48px rgba(0,0,0,.25));-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='7' viewBox='0 0 14 7' preserveAspectRatio='none'><polygon points='0,7 3.5,0 7,7 10.5,0 14,7' fill='black'/></svg>") 0 0 /var(--tooth-w) var(--tooth-h) repeat-x,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='7' viewBox='0 0 14 7' preserveAspectRatio='none'><polygon points='0,0 3.5,7 7,0 10.5,7 14,0' fill='black'/></svg>") 0 100% /var(--tooth-w) var(--tooth-h) repeat-x,linear-gradient(#000,#000) 0 var(--tooth-h) /100% calc(100% - var(--tooth-h)*2) no-repeat;-webkit-mask-composite:source-over;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='7' viewBox='0 0 14 7' preserveAspectRatio='none'><polygon points='0,7 3.5,0 7,7 10.5,0 14,7' fill='black'/></svg>") 0 0 /var(--tooth-w) var(--tooth-h) repeat-x,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='7' viewBox='0 0 14 7' preserveAspectRatio='none'><polygon points='0,0 3.5,7 7,0 10.5,7 14,0' fill='black'/></svg>") 0 100% /var(--tooth-w) var(--tooth-h) repeat-x,linear-gradient(#000,#000) 0 var(--tooth-h) /100% calc(100% - var(--tooth-h)*2) no-repeat;max-height:calc(100vh - 48px);overflow-y:auto;padding:calc(40px + var(--tooth-h)) 36px calc(36px + var(--tooth-h));position:relative;transform:translateX(110vw);transition:transform .45s cubic-bezier(.22,.61,.36,1);width:min(440px,100%)}&.is-open .cannes-formpanel__panel{transform:translateX(0)}& .cannes-formpanel__close{align-items:center;background:transparent;border:none;color:rgba(11,19,64,.6);cursor:pointer;display:inline-flex;font-size:24px;height:28px;justify-content:center;line-height:1;padding:0;position:absolute;right:22px;top:22px;transition:color .2s ease;width:28px;&:hover{color:#0b1340}}& .cannes-formpanel__title{color:#0b1340;font-size:26px;font-weight:600;line-height:1.15;margin:0 0 20px}}body.cannes-invite-locked{overflow:hidden}