/* Story writing belongs on the same stage, with the same hosts, as the ceremony. */
#pstage .cslide.story-card{padding:3cqh 2.1cqh 5.7cqh;justify-content:flex-start;align-items:stretch;text-align:left;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8c6d3f transparent;gap:0;background-color:#110f10}
#pstage .story-card .story-frame{position:relative;display:flex;flex-direction:column;justify-content:safe center;align-items:stretch;flex-shrink:0;min-height:calc(100cqh - 8.7cqh);padding:12cqh 2.7cqh 5.5cqh;border:1px solid rgba(212,175,106,.23);border-radius:16cqh 16cqh .4cqh .4cqh;box-sizing:border-box}
#pstage .story-frame::after{content:'laconvoc.com';position:absolute;bottom:1.2cqh;left:0;right:0;text-align:center;font-family:'Jost',sans-serif;font-size:1.35cqh;line-height:1.4;letter-spacing:.38em;color:rgba(212,175,106,.9);pointer-events:none}
#pstage .story-frame>*{flex-shrink:0;max-width:100%;box-sizing:border-box}
#pstage .story-card[class*='host-']{background:radial-gradient(ellipse 72% 62% at 50% -8%,color-mix(in srgb,var(--acc) 26%,transparent),transparent 78%),radial-gradient(ellipse 90% 48% at 50% 112%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 75%),#110f10}
#pstage .story-card.story-reveal{background:radial-gradient(ellipse 48% 65% at 50% -12%,rgba(240,221,168,.24),transparent 80%),radial-gradient(ellipse 85% 70% at 50% 65%,color-mix(in srgb,var(--acc,var(--or)) 12%,transparent),transparent 85%),#110f10;text-align:center}
#pstage .story-card.story-act-1{background:repeating-linear-gradient(90deg,rgba(0,0,0,.15) 0 3cqh,transparent 3cqh 6cqh),radial-gradient(ellipse 90% 75% at 50% 36%,color-mix(in srgb,var(--acc,var(--or)) 24%,transparent),transparent 90%),#1B1017}
#pstage .story-card.story-act-2{background:radial-gradient(ellipse 58% 38% at 50% 34%,rgba(212,175,106,.1),transparent 85%),radial-gradient(ellipse 85% 30% at 50% 108%,color-mix(in srgb,var(--acc,var(--or)) 16%,transparent),transparent 85%),#0B0B0E}
#pstage .story-card.story-act-1 .story-frame{border-radius:.5cqh;border-width:3px;border-style:double;border-color:color-mix(in srgb,var(--acc,var(--or)) 48%,transparent)}
#pstage .story-card.story-act-2 .story-frame{border-radius:.4cqh;border-color:rgba(212,175,106,.3)}
#pstage .story-card.story-scene .story-frame{border-radius:.4cqh;border-color:color-mix(in srgb,var(--acc,var(--or)) 26%,transparent)}
#pstage .story-card.noir .story-frame{border-color:transparent}
#pstage .story-card .story-host{position:absolute;left:2.7cqh;right:2.7cqh;top:1.9cqh;display:flex;align-items:center;justify-content:center;gap:1.25cqh;color:color-mix(in srgb,var(--acc,var(--or)) 64%,var(--ivoire));pointer-events:none}
#pstage .story-host svg{width:6.7cqh;height:6.7cqh;display:block;filter:drop-shadow(0 .8cqh 1.2cqh rgba(0,0,0,.4))}
#pstage .story-host .hn2{font-family:'Cinzel',serif;font-size:1.6cqh;letter-spacing:.25em}
#pstage .story-card .story-eyebrow{font-family:'Jost',sans-serif;font-size:1.6cqh;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;color:var(--or);margin:0 0 2.6cqh}
#pstage .story-reveal .story-eyebrow{display:flex;align-items:center;justify-content:center;gap:1.6cqh}
#pstage .story-reveal .story-eyebrow::before,#pstage .story-reveal .story-eyebrow::after{content:'';width:4.2cqh;height:1px;background:linear-gradient(90deg,transparent,var(--or))}
#pstage .story-reveal .story-eyebrow::after{transform:rotate(180deg)}
#pstage .story-card .story-award-emblem{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:4.4cqh;height:4.4cqh;border:1px solid color-mix(in srgb,var(--acc,var(--or)) 60%,transparent);border-radius:50%;font-size:2.8cqh;line-height:1;letter-spacing:0}
#pstage .story-card .story-setup{font-family:'Lora',serif;font-size:3.65cqh;font-weight:500;line-height:1.3;color:var(--ivoire);margin:0 0 3cqh;text-wrap:pretty;overflow-wrap:anywhere}
#pstage .story-card .story-receipts{display:flex;flex-direction:column;gap:1.6cqh}
#pstage .story-card .story-receipt{margin:0;padding:1.7cqh 2cqh;border:1px solid color-mix(in srgb,var(--acc,var(--or)) 22%,transparent);border-left:.3cqh solid var(--acc,var(--or));background:rgba(245,239,227,.06);text-align:left;border-radius:.3cqh 1.5cqh 1.5cqh 1.5cqh;overflow-wrap:anywhere;box-shadow:0 .6cqh 2cqh rgba(0,0,0,.16)}
#pstage .story-scene .story-receipt:nth-child(2n){margin-left:2cqh;border-radius:1.5cqh .3cqh 1.5cqh 1.5cqh;background:color-mix(in srgb,var(--acc,var(--or)) 11%,#171416)}
#pstage .story-card .story-receipt p{font-family:'Jost',sans-serif;font-size:2.4cqh;font-weight:400;line-height:1.38;white-space:pre-line;margin:0;color:var(--ivoire)}
#pstage .story-card .story-receipt footer{font-family:'Jost',sans-serif;font-size:1.7cqh;line-height:1.35;color:var(--or);margin-top:1cqh;letter-spacing:.02em}
#pstage .story-card .story-source{font-family:'Jost',sans-serif;font-size:1.7cqh;line-height:1.5;color:var(--ivoire-doux);margin-top:2cqh}
#pstage .story-card .story-next{font-family:'Lora',serif;font-size:2.1cqh;line-height:1.4;font-style:italic;color:var(--or);margin-top:3cqh}
#pstage .story-card .award-title{font-family:'Lora',serif;font-size:4.45cqh;font-weight:600;line-height:1.16;text-wrap:balance;white-space:normal;overflow-wrap:anywhere;margin:0;color:color-mix(in srgb,var(--acc,var(--or)) 65%,var(--ivoire))}
#pstage .story-card .story-emphasis{color:color-mix(in srgb,var(--acc,var(--or)) 65%,var(--ivoire));font-weight:600}
#pstage .story-card .qui{font-family:'Cinzel',serif;font-size:5.3cqh;font-weight:700;line-height:1.25;letter-spacing:.06em;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;margin:2.6cqh 0 0;color:var(--or-clair,#F0DDA8);text-shadow:0 0 4cqh rgba(212,175,106,.2)}
#pstage .story-card .story-insight{font-family:'Jost',sans-serif;font-size:2.6cqh;font-weight:400;line-height:1.4;color:var(--ivoire-doux);margin:3.2cqh 0 0;overflow-wrap:anywhere}
#pstage .story-card .verdict{font-family:'Lora',serif;font-size:3.25cqh;font-weight:600;line-height:1.35;font-style:normal;color:var(--ivoire);text-align:center;text-wrap:balance;overflow-wrap:anywhere;margin:3cqh 0 0;max-width:100%}
#pstage .story-card .story-keepsake{margin-top:3.5cqh}
#pstage .story-card .story-keepsake .story-receipt{padding:1.4cqh 1.8cqh}
#pstage .story-card .story-keepsake .story-receipt p{font-size:2.1cqh}
#pstage .story-card .story-keepsake .story-receipt footer{font-size:1.6cqh}
#pstage .story-card .story-evidence{margin-top:3.6cqh;text-align:left;border-top:1px solid rgba(212,175,106,.25);padding-top:1.8cqh}
#pstage .story-evidence>summary{font-family:'Jost',sans-serif;font-size:1.8cqh;line-height:1.45;letter-spacing:.06em;color:var(--or);cursor:pointer;padding:.5cqh 0;list-style-position:inside}
#pstage .story-evidence>summary:focus-visible{outline:2px solid var(--or);outline-offset:5px}
#pstage .story-evidence>summary::marker{color:var(--or)}
#pstage .story-evidence[open]>summary{margin-bottom:1.8cqh}
#pstage .story-evidence .story-setup{font-size:2.5cqh;line-height:1.4;margin:0 0 2cqh}
#pstage .story-evidence .story-keepsake{margin-top:0}
#pstage .story-card .story-facts{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1cqh 2cqh;margin:0 0 2.5cqh;padding:0 0 2cqh;border-bottom:1px solid rgba(212,175,106,.18);font-family:'Jost',sans-serif;line-height:1.4;overflow-wrap:anywhere}
#pstage .story-facts dt{font-size:2.1cqh;color:var(--ivoire-doux)}
#pstage .story-facts dd{margin:0;text-align:right;font-size:2.4cqh;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--acc,var(--or)) 65%,var(--ivoire))}
#pstage .story-card .seal{align-self:center;margin-bottom:4cqh}
#pstage .story-card .groupe{font-size:5.1cqh;line-height:1.2;text-wrap:balance;white-space:normal;overflow-wrap:anywhere;margin:0}
#pstage .story-card .story-intro{font-family:'Lora',serif;font-size:2.8cqh;line-height:1.5;color:var(--ivoire);margin-top:3cqh}
#pstage .story-card.story-opening{text-align:center}
#pstage .story-opening .story-frame{padding-top:5cqh}
#pstage .story-opening .story-host{position:static;flex-direction:column;margin:0 0 3.4cqh;gap:1.3cqh}
#pstage .story-opening .story-host svg{width:14cqh;height:14cqh}
#pstage .story-opening:has(.story-host) .story-frame>.seal{position:absolute;top:2cqh;left:2.7cqh;right:auto;width:6cqh;height:6cqh;margin:0}
#pstage .story-card.story-opening .story-source{margin-top:4cqh}
#pstage .story-card .chint{left:0;width:100%;text-align:center}
#pstage .story-card .story-finale{font-family:'Lora',serif;font-size:3.3cqh;line-height:1.5;color:var(--ivoire);overflow-wrap:anywhere}
#pstage .story-card.story-ending{text-align:center}
#pstage .story-card.story-ending .cta2{align-self:center;max-width:100%;margin-top:3cqh}
#pstage .story-card.story-ending .levee{font-size:3.5cqh;line-height:1.3;margin-top:0}
#pstage .story-card.story-ending .pnote{align-self:center;font-size:1.8cqh;margin-top:3cqh}
#pstage .story-card a{color:var(--or)}
#pstage .story-card button:focus-visible,#pstage .story-card a:focus-visible{outline:2px solid var(--or);outline-offset:5px}
/* Name, observation, then punch: a reveal has a rhythm. */
#pstage .story-card.active .story-host{animation:hostIn .7s .15s cubic-bezier(.2,.7,.2,1) both}
#pstage .story-opening.active .story-host svg{animation:cPopIn .9s .1s cubic-bezier(.2,.7,.2,1) both}
#pstage .story-card.active .a1{animation:cFadeUp .7s .15s cubic-bezier(.2,.7,.2,1) both}
#pstage .story-card.active .a2{animation:cFadeUp .7s .5s cubic-bezier(.2,.7,.2,1) both}
#pstage .story-card.active .a3{animation:cFadeUp .7s .9s cubic-bezier(.2,.7,.2,1) both}
#pstage .story-card.active .a4{animation:cFadeUp .7s 1.4s cubic-bezier(.2,.7,.2,1) both}
#pstage .story-card.active .a5{animation:cFadeUp .7s 1.85s cubic-bezier(.2,.7,.2,1) both}
#pstage .story-reveal.active .award-title{animation:cDropIn .85s .2s cubic-bezier(.2,.7,.2,1) both}
#pstage .story-reveal.active .qui.qmyst{animation:qPulse 1.05s ease-in-out infinite}
#pstage .story-reveal.active .qui.qreveal{animation:qFlash .7s cubic-bezier(.2,.8,.3,1.1) both}
#pstage .story-reveal.active.sus .a3{animation-delay:1.75s}
#pstage .story-reveal.active.sus .a4{animation-delay:2.45s}
#pstage .story-reveal.active.sus .a5{animation-delay:3s}
#pstage .story-reveal.active.sus.envd .a3{animation-delay:3.75s}
#pstage .story-reveal.active.sus.envd .a4{animation-delay:4.45s}
#pstage .story-reveal.active.sus.envd .a5{animation-delay:5s}
#pstage:has(.story-card.active) #phost{display:none}
#pstage:has(.story-card.active) #pwm2{display:none}
#pstage:has(.story-card.active) #pmotes{opacity:.75}
#pstage:has(.story-card.active) #pamb{opacity:.65}
@media(prefers-reduced-motion:reduce){#pstage .story-card.active,#pstage .story-card.active *,#pstage .story-card.active::before{animation:none!important;transition:none!important}#pstage:has(.story-card.active) #pmotes,#pstage:has(.story-card.active) #pamb,#pstage:has(.story-card.active) #pcameo{display:none}}
