/* Copy-on-insert event demos: native block content, no new editor or commerce logic. */
.rrr-experience-demo { --demo-stage:#141a14; --demo-ink:#173b2f; --demo-accent:#e3bb68; --demo-paper:#f9fbf7; color:var(--demo-ink); background:var(--demo-paper); font:400 1rem/1.6 var(--sans,system-ui,sans-serif); width:100%; max-width:none; overflow-wrap:anywhere; }
.rrr-experience-demo--rodeo { --demo-stage:#180e09; --demo-ink:#37241c; --demo-accent:#edbd72; --demo-paper:#fcfaf6; }
.rrr-experience-demo--cinema { --demo-stage:#0c0518; --demo-ink:#f5efff; --demo-accent:#d4b5ff; --demo-paper:#130b20; }
.rrr-experience-demo--cinema .rrr-demo-hero::after { background:linear-gradient(90deg,rgba(16,5,30,.94),rgba(20,6,37,.58) 48%,rgba(12,4,26,.18)); }
.rrr-experience-demo--cinema .rrr-demo-details { background:radial-gradient(ellipse at top right,#2d1642,transparent 70%); }
.rrr-experience-demo :is(h1,h2,h3,p,figure) { margin:0; color:inherit; }
.rrr-experience-demo .rrr-demo-hero { position:relative; isolation:isolate; display:flex; flex-direction:column; align-items:start; justify-content:center; gap:24px; min-height:min(780px,calc(100svh - 144px)); padding:clamp(32px,4vw,68px); background:var(--demo-stage); color:#fff; overflow:hidden; }
.rrr-demo-hero > .wp-block-group__inner-container, .rrr-demo-gifts > .wp-block-group__inner-container { display:contents; }
.rrr-demo-hero .rrr-outreach-section__photo { position:absolute; inset:0; z-index:-2; width:100%; height:100%; max-width:none; }
.rrr-demo-hero .rrr-outreach-section__photo img { width:100%; height:100%; object-fit:cover; object-position:center; }
.rrr-demo-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(4,10,10,.88),rgba(4,10,10,.6) 42%,rgba(4,10,10,.02) 80%); }
/* Two native image blocks, one unchanged scene. Only opacity animates. */
.rrr-demo-hero--light-cycle .rrr-demo-hero__projection { opacity:0; animation:rrr-cinema-projector 20s ease-in-out infinite; pointer-events:none; }
.rrr-demo-hero--light-cycle:focus-within .rrr-demo-hero__projection,
.rrr-public-dialog-open .rrr-demo-hero--light-cycle .rrr-demo-hero__projection { animation-play-state:paused; }
@keyframes rrr-cinema-projector { 0%,20%,100% { opacity:0; } 45%,75% { opacity:1; } }
.editor-styles-wrapper .rrr-demo-hero--light-cycle .rrr-demo-hero__projection { animation:none; opacity:1; }
@media(prefers-reduced-motion:reduce) { .rrr-demo-hero--light-cycle .rrr-demo-hero__projection { animation:none; opacity:1; } }
.rrr-demo-hero__copy { width:min(760px,62%); }
.rrr-experience-demo .rrr-demo-badge { display:inline-block; padding:7px 12px; margin-bottom:24px; border:1px solid #ffffff80; border-radius:4px; color:#fff; font:700 .875rem/1.3 var(--sans,system-ui,sans-serif); }
.rrr-experience-demo .rrr-demo-kicker { font:800 .875rem/1.4 var(--sans,system-ui,sans-serif); letter-spacing:.11em; text-transform:uppercase; margin-bottom:14px; }
.rrr-demo-hero .rrr-demo-kicker { color:var(--demo-accent); }
.rrr-experience-demo .rrr-demo-hero h1 { font:800 clamp(3.2rem,6.8vw,7.2rem)/.99 var(--serif,Georgia,serif); letter-spacing:-.035em; text-wrap:balance; margin-bottom:20px; }
.rrr-experience-demo .rrr-demo-lede { font-size:clamp(1.125rem,1.7vw,1.5rem); font-weight:600; max-width:34ch; }
.rrr-experience-demo .rrr-demo-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.rrr-experience-demo .rrr-demo-actions .wp-block-button__link { display:inline-flex; min-height:52px; padding:14px 24px; align-items:center; justify-content:center; background:var(--demo-accent); border:1px solid var(--demo-accent); color:#211b12; border-radius:4px; font:800 1rem/1.4 var(--sans,system-ui,sans-serif); text-decoration:none; }
.rrr-experience-demo .rrr-demo-actions .is-style-outline .wp-block-button__link { background:transparent; color:#fff; border-color:#fff; }
.rrr-experience-demo .rrr-demo-actions a:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.rrr-experience-demo .rrr-demo-art-note { max-width:70ch; font:500 .875rem/1.5 var(--sans,system-ui,sans-serif); color:#fff; }
.rrr-experience-demo :is(.rrr-demo-details,.rrr-demo-collection) { width:100%; max-width:1600px; margin:0 auto; padding:clamp(32px,4vw,64px) clamp(24px,5vw,80px); }
.rrr-experience-demo :is(.rrr-demo-details,.rrr-demo-gifts,.rrr-demo-collection,.rrr-demo-purchase-intro) h2 { font:750 clamp(2rem,3.5vw,3.5rem)/1.12 var(--serif,Georgia,serif); margin-bottom:16px; }
.rrr-experience-demo .rrr-demo-intro { font-size:1.25rem; max-width:66ch; }
.rrr-experience-demo .rrr-outreach-section__details { gap:32px; margin:30px 0 0; padding:0; width:100%; max-width:none; background:transparent; border:0; }
.rrr-experience-demo .rrr-outreach-section__details > .wp-block-column { padding:20px 0 0; border-top:2px solid var(--demo-accent); }
.rrr-experience-demo .rrr-outreach-section__details h3 { font:800 1.125rem/1.3 var(--sans,system-ui,sans-serif); margin-bottom:10px; }
.rrr-experience-demo .rrr-outreach-section__details p { font-size:1rem; line-height:1.6; }
.rrr-experience-demo .rrr-demo-gifts { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; background:var(--demo-stage); color:#fff; }
.rrr-experience-demo .rrr-demo-gifts .rrr-outreach-section__photo { margin:0; height:100%; min-height:300px; }
.rrr-demo-gifts img { width:100%; height:100%; object-fit:cover; display:block; }
.rrr-demo-gifts__copy { padding:clamp(28px,4vw,64px); }
.rrr-demo-gifts__copy > p { max-width:46ch; }
.rrr-experience-demo .rrr-demo-note { margin-top:18px; font-size:.875rem; opacity:.86; }
.rrr-demo-collection > p { max-width:72ch; }
.rrr-demo-collection .rrr-storefront__collection { padding:28px 0 0; }
.rrr-demo-purchase-intro { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr); gap:clamp(24px,4vw,56px); align-items:center; margin-bottom:32px; }
.rrr-demo-purchase-intro > .wp-block-group__inner-container { display:contents; }
.rrr-demo-purchase-intro .rrr-outreach-section__photo { margin:0; width:100%; max-width:none; }
.rrr-demo-purchase-intro .rrr-outreach-section__photo img { display:block; width:100%; height:auto; border-radius:12px; }
.rrr-experience-demo .rrr-demo-collection { max-width:none; padding:clamp(24px,4vw,56px) clamp(16px,3vw,56px); }
.rrr-demo-collection > .wp-block-group__inner-container { max-width:none; width:100%; }
.rrr-demo-purchase-intro .rrr-outreach-section__photo img { max-height:360px; object-fit:contain; }
.rrr-experience-demo--cinema .rrr-demo-purchase-intro { position:relative; isolation:isolate; overflow:hidden; padding:clamp(20px,3vw,42px); border-radius:18px; background:radial-gradient(ellipse at 75% 25%,#38204e 0%,#160b27 65%); }
.rrr-experience-demo--cinema .rrr-demo-purchase-intro::before,
.rrr-experience-demo--cinema .rrr-demo-purchase-intro::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background-image:radial-gradient(circle,#eadbff 1px,transparent 1.8px),radial-gradient(circle,#bea2e2 1px,transparent 1.7px),radial-gradient(circle,#fff 1.3px,transparent 2px); background-size:131px 107px,217px 173px,307px 229px; background-position:23px 38px,87px 42px,164px 18px; opacity:.32; animation:rrr-cinema-stars 7s ease-in-out infinite alternate; }
.rrr-experience-demo--cinema .rrr-demo-purchase-intro::after { background-position:68px 8px,31px 116px,214px 150px; animation-delay:-4s; animation-duration:11s; opacity:.15; }
.rrr-public-dialog-open .rrr-experience-demo--cinema .rrr-demo-purchase-intro::before,
.rrr-public-dialog-open .rrr-experience-demo--cinema .rrr-demo-purchase-intro::after { animation-play-state:paused; }
@keyframes rrr-cinema-stars { from { opacity:.14; } to { opacity:.4; } }
.rrr-experience-demo--cinema .rrr-demo-collection { padding:0; }
.rrr-experience-demo--cinema > .wp-block-group__inner-container > :is(.rrr-demo-hero,.rrr-demo-purchase-intro,.rrr-demo-details,.rrr-demo-collection),
.rrr-experience-demo--cinema > :is(.rrr-demo-hero,.rrr-demo-purchase-intro,.rrr-demo-details,.rrr-demo-collection) { margin-block:0; }
.rrr-experience-demo--cinema .rrr-demo-purchase-intro { width:100%; margin:0; padding:clamp(24px,4vw,56px) clamp(20px,4vw,72px); border-radius:0; }
.rrr-experience-demo--cinema .rrr-demo-purchase-intro .rrr-outreach-section__photo img { border-radius:0; }
.rrr-experience-demo--cinema .rrr-purchase-panel { margin-top:0; }
.rrr-experience-demo--cinema .rrr-experience-launcher { border-radius:0; border-inline:0; padding-inline:clamp(20px,4vw,72px); }
.rrr-experience-demo--cinema .rrr-demo-details { width:100%; max-width:none; margin:0; border-radius:0; padding-inline:clamp(20px,4vw,72px); }
.rrr-experience-demo--cinema .rrr-demo-details > .wp-block-group__inner-container { max-width:none; }
.rrr-experience-demo--cinema .rrr-demo-details :is(.rrr-outreach-section__details,.wp-block-column) { border-radius:0; }
.rrr-experience-demo--cinema .rrr-demo-details { background:radial-gradient(ellipse at 15% 25%,#38204e 0%,#160b27 70%); }
.rrr-experience-demo--cinema .rrr-demo-details { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(32px,6vw,96px); align-items:center; }
.rrr-experience-demo--cinema .rrr-demo-details > .wp-block-group__inner-container { display:contents; }
.rrr-experience-demo--cinema .rrr-demo-details__intro { max-width:48ch; }
.rrr-experience-demo--cinema .rrr-demo-details .rrr-outreach-section__details { display:flex; flex-direction:column; gap:20px; margin:0; }
.rrr-experience-demo--cinema .rrr-demo-details .wp-block-column { display:grid; grid-template-columns:80px minmax(0,1fr); column-gap:24px; padding:0 0 20px; border-top:0; border-bottom:1px solid #d4b5ff40; }
.rrr-experience-demo--cinema .rrr-demo-details .wp-block-column:last-child { padding-bottom:0; border-bottom:0; }
.rrr-experience-demo--cinema .rrr-demo-details .wp-block-column :is(h3,p) { grid-column:2; }
.rrr-experience-demo--cinema .rrr-demo-details .wp-block-column h3 { font-size:clamp(1.15rem,1.7vw,1.5rem); margin-bottom:6px; }
.rrr-experience-demo--cinema .rrr-demo-detail-icon { grid-column:1; grid-row:1 / span 2; align-self:center; width:80px; margin:0; }
.rrr-experience-demo--cinema .rrr-demo-detail-icon img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
@media(max-width:900px) {
  .rrr-experience-demo--cinema .rrr-demo-details { grid-template-columns:minmax(0,1fr); gap:28px; }
  .rrr-experience-demo--cinema .rrr-demo-details .wp-block-column { grid-template-columns:56px minmax(0,1fr); column-gap:16px; }
  .rrr-experience-demo--cinema .rrr-demo-detail-icon { width:56px; }
}
@media(prefers-reduced-motion:reduce) { .rrr-experience-demo--cinema .rrr-demo-purchase-intro::before,.rrr-experience-demo--cinema .rrr-demo-purchase-intro::after { animation:none; } }
/* Rodeo marketing only: existing gift concept art beside its original review copy. */
.rrr-experience-demo--rodeo .rrr-demo-gifts { width:100%; margin:0; padding:clamp(32px,4vw,64px) clamp(20px,4vw,72px); grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(32px,6vw,96px); background:radial-gradient(ellipse at 15% 25%,#53351f 0%,#21140e 72%); color:#fff5e7; }
.rrr-experience-demo--rodeo .rrr-demo-gifts__intro { width:100%; max-width:48ch; }
.rrr-experience-demo--rodeo .rrr-demo-gifts__copy { width:100%; padding:0; }
.rrr-experience-demo--rodeo .rrr-demo-gifts__copy .rrr-demo-kicker { color:#edbd72; }
.rrr-experience-demo--rodeo .rrr-demo-gifts .rrr-outreach-section__photo { width:240px; max-width:100%; height:auto; min-height:0; margin:20px 0 0; }
.rrr-experience-demo--rodeo .rrr-demo-gifts .rrr-outreach-section__photo img { width:100%; height:auto; max-height:160px; object-fit:contain; }
.rrr-experience-demo--rodeo .rrr-demo-gifts .rrr-outreach-section__details { display:flex; flex-direction:column; gap:20px; margin:0; }
.rrr-experience-demo--rodeo .rrr-demo-gifts .wp-block-column { display:grid; grid-template-columns:72px minmax(0,1fr); column-gap:24px; padding:0 0 20px; border-top:0; border-bottom:1px solid #edbd7240; }
.rrr-experience-demo--rodeo .rrr-demo-gifts .wp-block-column:last-child { padding-bottom:0; border-bottom:0; }
.rrr-experience-demo--rodeo .rrr-demo-gifts .wp-block-column :is(h3,p) { grid-column:2; }
.rrr-experience-demo--rodeo .rrr-demo-gifts .wp-block-column h3 { font-size:clamp(1.15rem,1.7vw,1.5rem); margin-bottom:6px; }
.rrr-experience-demo--rodeo .rrr-demo-gifts .rrr-demo-detail-icon { grid-column:1; grid-row:1 / span 2; align-self:center; width:72px; margin:0; }
.rrr-experience-demo--rodeo .rrr-demo-gifts .rrr-demo-detail-icon img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
/* Slow stadium spotlights frame the photo story, outside the booking owner. */
.rrr-experience-demo--rodeo .rrr-demo-purchase-intro { position:relative; isolation:isolate; overflow:hidden; width:100%; max-width:none; margin:0; padding:clamp(28px,4vw,56px); border-radius:0; background:#21140e; color:#fff5e7; }
/* Full-bleed marketing blocks retain their width in either supported native position. */
.rrr-experience-demo--rodeo .rrr-demo-collection { --rrr-rodeo-collection-gutter:clamp(16px,3vw,56px); padding-inline:var(--rrr-rodeo-collection-gutter); padding-bottom:0; }
.rrr-experience-demo--rodeo .rrr-demo-collection > :is(.rrr-demo-purchase-intro,.rrr-demo-gifts),
.rrr-experience-demo--rodeo .rrr-demo-collection > .wp-block-group__inner-container > :is(.rrr-demo-purchase-intro,.rrr-demo-gifts) { width:calc(100% + var(--rrr-rodeo-collection-gutter) * 2); max-width:none; margin:32px calc(-1 * var(--rrr-rodeo-collection-gutter)) 0; }
.rrr-experience-demo--rodeo .rrr-demo-purchase-intro::before,
.rrr-experience-demo--rodeo .rrr-demo-purchase-intro::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; }
.rrr-experience-demo--rodeo .rrr-demo-purchase-intro::before { background:conic-gradient(from 122deg at 0 0,transparent 0deg,#f7dca329 14deg,#f7dca30d 26deg,transparent 40deg),conic-gradient(from 198deg at 100% 0,transparent 0deg,#f7dca30d 14deg,#f7dca329 26deg,transparent 40deg); opacity:.7; }
.rrr-experience-demo--rodeo .rrr-demo-purchase-intro::after { background:radial-gradient(ellipse at 7% 0%,#fff8dfaa 0%,#edbd724d 8%,transparent 34%),radial-gradient(ellipse at 93% 0%,#fff8df99 0%,#edbd723d 8%,transparent 34%); opacity:.48; animation:rrr-rodeo-stadium-lights 12s ease-in-out infinite alternate; }
.rrr-experience-demo--rodeo .rrr-demo-purchase-intro .rrr-demo-kicker { color:#edbd72; }
.rrr-experience-demo--rodeo .rrr-demo-purchase-intro .rrr-outreach-section__photo img { border-radius:0; }
.rrr-experience-demo--rodeo .rrr-demo-purchase-intro:focus-within::after,
.rrr-public-dialog-open .rrr-experience-demo--rodeo .rrr-demo-purchase-intro::after { animation-play-state:paused; }
@keyframes rrr-rodeo-stadium-lights { from { opacity:.4; } to { opacity:.65; } }
.editor-styles-wrapper .rrr-experience-demo--rodeo .rrr-demo-purchase-intro::after { animation:none; }
@media(prefers-reduced-motion:reduce) { .rrr-experience-demo--rodeo .rrr-demo-purchase-intro::after { animation:none; } }
@media(max-width:900px) {
  .rrr-experience-demo--rodeo .rrr-demo-gifts { grid-template-columns:minmax(0,1fr); gap:28px; }
  .rrr-experience-demo--rodeo .rrr-demo-gifts__intro { max-width:none; }
  .rrr-experience-demo--rodeo .rrr-demo-gifts .rrr-outreach-section__photo { width:180px; }
  .rrr-experience-demo--rodeo .rrr-demo-gifts .wp-block-column { grid-template-columns:56px minmax(0,1fr); column-gap:16px; }
  .rrr-experience-demo--rodeo .rrr-demo-gifts .rrr-demo-detail-icon { width:56px; }
}
@media (max-width:700px) {
  .rrr-demo-purchase-intro { grid-template-columns:minmax(0,1fr); gap:24px; }
  .rrr-experience-demo .rrr-demo-hero { min-height:calc(100svh - 80px); justify-content:end; padding:32px 24px; }
  .rrr-demo-hero__copy { width:100%; padding:0; }
  .rrr-demo-hero .rrr-outreach-section__photo img { object-position:68% center; }
  .rrr-experience-demo--cinema .rrr-demo-hero .rrr-outreach-section__photo img { object-position:90% center; }
  .rrr-demo-hero::after { background:linear-gradient(0deg,rgba(3,10,10,.98),rgba(3,10,10,.78) 52%,rgba(3,10,10,.16)); }
  .rrr-experience-demo .rrr-demo-hero h1 { font-size:clamp(3rem,12vw,4.3rem); max-width:12ch; }
  .rrr-experience-demo .rrr-demo-badge { margin-bottom:18px; }
  .rrr-experience-demo .rrr-demo-art-note { left:24px; bottom:16px; right:24px; }
  .rrr-experience-demo .rrr-demo-actions { gap:10px; margin-top:22px; }
  .rrr-experience-demo .rrr-demo-actions > .wp-block-button { width:100%; }
  .rrr-experience-demo .rrr-demo-actions .wp-block-button__link { width:100%; }
  .rrr-experience-demo .rrr-demo-gifts { grid-template-columns:minmax(0,1fr); }
  .rrr-experience-demo .rrr-demo-gifts .rrr-outreach-section__photo { min-height:0; }
  .rrr-experience-demo .rrr-outreach-section__details { gap:24px; }
}