/* The geometry above comes from Flor. These rules apply campaign content only. */
.waft-badge{border-radius:50%;background:radial-gradient(circle at 40% 30%,#e4d289,#ccaf56 64%,#ac9039);padding:26px;border:1px solid #dac474;box-shadow:inset 0 0 0 8px #ccaf56,inset 0 0 0 9px #ecdda6}
.waft-badge>img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
.connect-flow__badge>.waft-badge{width:100%;height:100%}
.collection-row__badges .waft-badge{width:100px;height:100px;flex:0 0 auto;padding:17px;box-shadow:inset 0 0 0 4px #ccaf56,inset 0 0 0 5px #ecdda6;position:relative}
.collection-row__badges .waft-badge img{opacity:1!important;filter:brightness(0) invert(1);width:100%;height:100%}
.collection-row__badges .waft-badge.is-missing{opacity:.35;filter:grayscale(1)}
.collection-row__badges .waft-badge button{position:absolute;inset:0;border:0;background:none;border-radius:50%}
.collection-hero__brand img.waft-logo{background:#fff8e9;padding:8px;object-fit:contain}
.guest-card{grid-template-columns:36px 1fr auto}.collection-hero__brand strong{font-size:17px;max-width:130px;line-height:1.15}.collection-hero__media.waft-hero{object-position:50% 50%;filter:brightness(.65)}
.collection-nav button:disabled{cursor:default;opacity:.65}.collection-row header button{padding:0 4px}
.benefits-screen{min-height:100dvh;max-width:402px;margin:auto;position:relative;color:white;background:#0041b9;padding:20px 18px 132px;--body-bg:#0041b9}
.benefits-screen:before{content:'';position:absolute;inset:0 0 auto;height:247px;background:linear-gradient(180deg,#0041b940,#0041b9 95%),url('assets/photos/palais-brongniart.jpg') center top/cover;opacity:.6}
.benefits-content{position:relative;display:flex;flex-direction:column;gap:14px}.benefits-logo{display:flex;align-items:center;justify-content:center}.benefits-logo img{width:112px;height:58px;object-fit:contain;filter:brightness(0) invert(1)}
.benefit-card{min-height:120px;flex-shrink:0}.benefit-card.cinema{background-image:linear-gradient(90deg,#151014d9,#15101408),url('assets/photos/cinema-creator.png');background-position:50% 35%}.benefit-card.immersion{background-image:linear-gradient(90deg,#080a2dc9,#080a2d08),url('assets/photos/immersion-creator.png');background-position:50% 43%}.benefit-card .name{white-space:normal}.benefit-card .overlay{max-width:86%}.benefit-card .status{font-size:11px}.pips img{width:16px;height:16px;filter:brightness(0) invert(1)}
.proposal-note{margin:12px 2px 0;font-size:12px;line-height:18px;color:#ffffffe0}.benefits-screen .collection-nav{color:#343434}.benefits-screen .collection-nav .is-active{color:#0041b9}.benefits-empty[hidden],.benefit-card[hidden]{display:none}
.detail{position:relative;padding:18px 20px 120px;min-height:100dvh;max-width:402px;margin:auto;background:#0041b9;color:white}.detail-back{width:44px;height:44px;border:0;border-radius:50%;background:#ffffff26;color:white;font-size:26px;margin:0 0 18px}.detail-art{width:100%;aspect-ratio:353/263;object-fit:cover;border-radius:12px;display:block}.detail .pips{display:flex;gap:6px;margin-top:24px}.detail h1{font-size:24px;line-height:32px;margin:18px 0 12px}.detail p{font-size:16px;line-height:24px}.detail .connect-button{background:white;color:#0041b9;margin-top:28px}.detail small{display:block;margin-top:16px;font-size:12px;line-height:18px;color:#fffc}.detail .pips img{width:24px;height:24px}
/* Shared Explore typography rule inherited by the source Vue components. */
h1,h2,h3{letter-spacing:-.01em}

.reference .collection-hero__brand strong{font-size:19px;line-height:normal;max-width:none}.reference .guest-card{grid-template-columns:36px 1fr auto 18px}