/* Private Events — cream page canvas with contained teal modules.
   Tokens, nav, buttons and footer come from our-story.css. */
.pe-hero{position:relative;overflow:hidden;min-height:calc(100vh - 69px);display:grid;align-items:center;padding:clamp(56px,7vw,104px) 0}
.pe-hero-bg{position:absolute;inset:0;z-index:0}
.pe-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.pe-hero-tint{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,40,54,.46) 0%,rgba(8,40,54,.7) 58%,rgba(8,40,54,.82) 100%)}
.pe-hero-in{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
/* the hero photo is a bright studio shot, so the copy carries its own scrim
   rather than darkening the whole image the user asked to lighten */
.pe-hero-in::before{content:"";position:absolute;left:50%;top:-40%;transform:translateX(-50%);width:min(1280px,150%);height:180%;z-index:-1;pointer-events:none;filter:blur(26px);background:radial-gradient(42% 30% at 50% 50%,rgba(6,34,46,.76) 0%,rgba(6,34,46,.6) 44%,rgba(6,34,46,.22) 72%,rgba(6,34,46,0) 92%)}
.pe-hero-in .os-eyebrow{background:rgba(255,253,246,.16);color:#fffdf6;border:1px solid rgba(255,253,246,.3);backdrop-filter:blur(6px)}
.pe-hero-h1{font-family:"Bricolage Grotesque",sans-serif;font-weight:900;letter-spacing:-.035em;color:#fffdf6;font-size:clamp(36px,5.6vw,88px);line-height:1.02;margin:0;max-width:24ch;text-shadow:0 2px 26px rgba(8,40,54,.5)}
.pe-hero-h1 em{display:block;font-family:"Dancing Script",cursive;font-weight:700;font-style:normal;color:var(--lime);font-size:1.06em;letter-spacing:0;margin-top:.04em;text-shadow:0 2px 10px rgba(6,34,46,.75),0 1px 3px rgba(6,34,46,.6)}
.pe-hero-sub{margin:0;max-width:52ch;font-size:clamp(15px,1.25vw,17.5px);line-height:1.6;color:#fffdf6;text-shadow:0 1px 10px rgba(6,34,46,.7),0 1px 3px rgba(6,34,46,.55)}
.pe-hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:6px}
.pe-hero-scroll{margin-top:4px;display:inline-flex;align-items:center;gap:9px;color:rgba(255,253,246,.85);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.pe-hero-scroll i{font-style:normal;animation:peNudge 2.1s ease-in-out infinite}
@keyframes peNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
/* partners strip — same treatment as "As seen on" under the homepage hero */
.pe-seenon{background:var(--cream);border-bottom:1px solid rgba(3,47,72,.09)}
.pe-seenon-inner{max-width:var(--max);margin:0 auto;padding:15px var(--pad);display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.pe-seenon-label{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(3,47,72,.45);font-weight:600}
.pe-seenon-items{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13.5px;color:rgba(3,47,72,.66)}
.pe-seenon-items b{font-weight:600;color:rgba(3,47,72,.9)}
.pe-seenon-dot{color:rgba(3,47,72,.28)}
/* section scaffolding */
/* transparent so a swirl overhanging one section is not painted over by the
   next — the cream ground already comes from body */
.pe-sec{position:relative;padding:var(--sec) 0;background:transparent}
.pe{position:relative;max-width:var(--max);margin:0 auto;padding:0 var(--pad);z-index:1}
.pe-head{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,1.5vw,18px);max-width:34ch}
.pe-head.center{align-items:center;text-align:center;max-width:none;margin:0 auto}
.pe-head.center .os-h2,.pe-head.center .os-body{max-width:24ch}
.pe-head.center .os-body{max-width:56ch}
.pe-h2{font-family:"Bricolage Grotesque",sans-serif;font-weight:900;letter-spacing:-.03em;font-size:clamp(31px,4vw,58px);line-height:1.02;color:var(--teal);margin:0}
.pe-h2 em{font-family:"Dancing Script",cursive;font-weight:700;font-style:normal;color:var(--pink);font-size:1.06em}
.pe-h2 u{text-decoration:none;box-shadow:inset 0 -.14em 0 var(--lime)}
.pe-script{font-family:"Dancing Script",cursive;font-weight:700;font-size:clamp(23px,2.6vw,34px);color:#c9426b;margin:0;line-height:1.2}
.pe-script.lime{color:var(--lime-ink)}
.pe-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .85s cubic-bezier(.2,.9,.24,1)}
.pe-reveal.in{opacity:1;transform:none}
/* 02 — testimonials */
.pe-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);margin-top:clamp(24px,3vw,40px)}
.pe-quote{background:var(--paper);border-radius:26px;padding:clamp(22px,2.2vw,30px);box-shadow:0 26px 56px -40px rgba(8,40,54,.45);display:flex;flex-direction:column;gap:14px;border:1px solid var(--rule)}
.pe-quote:nth-child(2){background:var(--teal-deep);border-color:transparent}
.pe-quote:nth-child(2) p,.pe-quote:nth-child(2) b{color:var(--cream)}
.pe-quote:nth-child(2) span{color:rgba(251,246,232,.7)}
.pe-stars{display:flex;gap:3px;color:#e8a33d;font-size:15px;letter-spacing:.08em}
.pe-quote p{margin:0;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;letter-spacing:-.02em;font-size:clamp(18px,1.5vw,22px);line-height:1.22;color:var(--teal)}
.pe-quote-who{display:flex;align-items:center;gap:12px;margin-top:auto}
.pe-quote-who img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.pe-quote-who b{display:block;font-family:"Inter",sans-serif;font-size:13.5px;font-weight:700;color:var(--teal)}
.pe-quote-who span{display:block;font-size:12px;color:var(--ink-soft);margin-top:2px}
.pe-logos{margin-top:clamp(30px,3.6vw,52px);display:flex;flex-direction:column;align-items:center;gap:18px}
.pe-marquee{width:100%;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pe-marquee-track{display:flex;width:max-content;animation:peMarquee 38s linear infinite}
.pe-marquee:hover .pe-marquee-track{animation-play-state:paused}
.pe-logos-row{display:flex;align-items:center;gap:clamp(34px,4.4vw,64px);padding-right:clamp(34px,4.4vw,64px)}
.pe-logos-row img{height:68px;width:auto;max-width:190px;object-fit:contain;transform:none!important;filter:grayscale(1);opacity:.66}
@keyframes peMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.pe-marquee-track{animation:none}}
/* rotating review carousel — polaroid cards, centre one forward */
.pe-carousel{margin-top:clamp(26px,3.4vw,46px);position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2vw,26px)}
.pe-car-stage{position:relative;width:100%;height:var(--stage-h,clamp(430px,40vw,520px));perspective:1600px;transition:height .3s ease}
.pe-revc{position:absolute;top:0;left:50%;width:clamp(300px,27vw,382px);background:#fffdf6;border-radius:22px;padding:13px 13px 0;box-shadow:0 20px 44px -18px rgba(8,40,54,.34);display:flex;flex-direction:column;gap:11px;transform-origin:50% 60%;transition:transform .72s cubic-bezier(.22,1,.28,1),opacity .5s ease,filter .5s ease;will-change:transform;cursor:pointer}
.pe-revc::after{content:"";position:absolute;inset:0;border-radius:22px;box-shadow:inset 0 0 0 1px rgba(8,40,54,.07);pointer-events:none}
.pe-revc-shot{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:var(--cream-2)}
.pe-revc-shot img{width:100%;height:100%;object-fit:cover;display:block}
.pe-revc-logo{display:grid;place-items:center;height:46px;min-width:60px;max-width:96px;padding:0 10px;flex:0 0 auto;border-radius:13px;background:var(--cream-2);box-shadow:inset 0 0 0 1px rgba(8,40,54,.07);overflow:hidden}
/* both marks are square PNGs with heavy internal padding — scale the ink up so it reads */
.pe-revc-logo img{height:42px;width:auto;max-width:94px;object-fit:contain;transform:scale(1.5);transform-origin:center}
.pe-revc.teal .pe-revc-logo{background:rgba(251,246,232,.94)}
.pe-revc-body{display:flex;flex-direction:column;gap:9px;padding:2px 6px 18px}
.pe-revc .pe-stars{font-size:13px;letter-spacing:.16em;color:#e8a33d}
.pe-revc p{margin:0;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;letter-spacing:-.022em;font-size:clamp(16px,1.36vw,19.5px);line-height:1.2;color:var(--teal);text-wrap:pretty}
.pe-revc-by{margin-top:2px;display:flex;align-items:center;gap:10px}
.pe-revc-who{min-width:0;flex:1 1 auto}
.pe-revc-av{flex:0 0 auto;width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--cream-2);box-shadow:inset 0 0 0 1px rgba(8,40,54,.08)}
.pe-revc-av img{width:100%;height:100%;object-fit:cover;display:block}
/* Used when we have the review but not a photo of the reviewer. An initial is
   honest; someone else's face on their name is not. */
.pe-revc-by .pe-revc-av-initial{display:flex;margin-top:0;line-height:1;align-items:center;justify-content:center;font-weight:700;font-size:17px;color:var(--teal,#0c4a5a);background:var(--lime,#d3eb5a)}
.pe-revc.teal .pe-revc-av{box-shadow:inset 0 0 0 1px rgba(251,246,232,.2)}
.pe-revc-by b{display:block;font-family:"Inter",sans-serif;font-weight:700;font-size:13.5px;color:var(--teal)}
.pe-revc-by span{display:block;font-size:12px;color:var(--ink-soft);margin-top:1px}
.pe-revc.teal{background:var(--teal-deep)}
.pe-revc.teal p,.pe-revc.teal .pe-revc-by b{color:var(--cream)}
.pe-revc.teal .pe-revc-by span{color:rgba(251,246,232,.68)}
.pe-revc.teal::after{box-shadow:inset 0 0 0 1px rgba(251,246,232,.12)}
/* positions relative to the active card */
.pe-revc[data-pos="0"]{transform:translateX(-50%) scale(1);opacity:1;z-index:5}
.pe-revc[data-pos="-1"]{transform:translateX(calc(-50% - 20.5vw)) scale(.8) rotateY(9deg);opacity:.62;z-index:4}
.pe-revc[data-pos="1"]{transform:translateX(calc(-50% + 20.5vw)) scale(.8) rotateY(-9deg);opacity:.62;z-index:4}
.pe-revc[data-pos="-2"]{transform:translateX(calc(-50% - 35vw)) scale(.64) rotateY(13deg);opacity:.3;z-index:3}
.pe-revc[data-pos="2"]{transform:translateX(calc(-50% + 35vw)) scale(.64) rotateY(-13deg);opacity:.3;z-index:3}
.pe-revc[data-pos="off"]{transform:translateX(-50%) scale(.5);opacity:0;pointer-events:none;z-index:1}
.pe-revc[data-pos="0"]{cursor:default}
.pe-car-controls{display:flex;align-items:center;gap:16px}
.pe-car-nav{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(17,76,95,.2);background:#fffdf6;color:var(--teal);font:600 18px/1 "Inter",sans-serif;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.pe-car-nav:hover{background:var(--teal);border-color:var(--teal);color:var(--cream);transform:translateY(-1px)}
.pe-car-dots{display:flex;gap:7px;align-items:center}
.pe-car-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(17,76,95,.22);cursor:pointer;padding:0;transition:width .3s,background .3s}
.pe-car-dots button.on{width:26px;border-radius:5px;background:var(--lime)}
/* 04 — how it works sits on teal so it reads as its own chapter */
.pe-sec.teal .os-blob{color:rgba(200,225,80,.3)}
.pe-sec.teal{background:var(--teal-deep);color:var(--cream)}
.pe-sec.teal .pe-h2{color:var(--cream)}
.pe-sec.teal .pe-h2 em{color:var(--lime)}
.pe-sec.teal .pe-h2 u{box-shadow:inset 0 -.14em 0 var(--lime)}
.pe-sec.teal .os-eyebrow{color:var(--teal)}
.pe-sec.teal .os-body{color:rgba(251,246,232,.76)}
.pe-sec.teal .pe-script{color:var(--lime)}
/* how it works — interactive progress track */
.pe-track{margin-top:clamp(28px,3.6vw,48px);display:flex;flex-direction:column;gap:clamp(24px,3vw,40px)}
.pe-track-rail{position:relative;padding-top:6px}
.pe-track-line{position:absolute;left:0;right:0;top:28px;height:4px;border-radius:2px;background:rgba(251,246,232,.16);overflow:hidden}
.pe-track-line i{position:absolute;inset:0 100% 0 0;background:linear-gradient(90deg,rgba(200,225,80,.5),var(--lime));border-radius:2px;transition:right .75s cubic-bezier(.22,1,.28,1)}
.pe-track-nodes{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.pe-node{display:flex;flex-direction:column;align-items:center;gap:11px;background:none;border:0;padding:0;cursor:pointer;text-align:center}
.pe-node-dot{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(251,246,232,.08);box-shadow:inset 0 0 0 2px rgba(251,246,232,.2);font-family:"Bricolage Grotesque",sans-serif;font-weight:900;font-size:15px;color:rgba(251,246,232,.8);transition:background .35s,color .35s,box-shadow .35s,transform .35s}
.pe-node-lbl{font-family:"Inter",sans-serif;font-weight:700;font-size:12.5px;line-height:1.25;color:rgba(251,246,232,.72);max-width:15ch;transition:color .3s}
.pe-node:hover .pe-node-dot{transform:translateY(-2px)}
.pe-node.done .pe-node-dot{background:rgba(200,225,80,.24);color:var(--cream);box-shadow:inset 0 0 0 2px rgba(200,225,80,.5)}
.pe-node.on .pe-node-dot{background:var(--lime);color:var(--teal-deep);box-shadow:0 0 0 6px rgba(200,225,80,.24);transform:translateY(-2px)}
.pe-node.done .pe-node-lbl,.pe-node.on .pe-node-lbl{color:var(--cream)}
.pe-track-panels{position:relative;display:grid}
.pe-tpanel{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);column-gap:clamp(18px,3vw,44px);row-gap:0;align-items:center;background:rgba(251,246,232,.06);border:1px solid rgba(251,246,232,.14);border-radius:26px;padding:clamp(22px,2.6vw,36px) clamp(22px,3vw,44px);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .5s cubic-bezier(.22,1,.28,1),visibility 0s linear .2s;pointer-events:none}
.pe-tpanel.on{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .34s ease .18s,transform .5s cubic-bezier(.22,1,.28,1) .18s,visibility 0s}
.pe-tpanel-n{grid-column:1;font-family:"Inter",sans-serif;font-weight:800;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}
.pe-tpanel h4{grid-column:1;margin:6px 0 0;font-family:"Bricolage Grotesque",sans-serif;font-weight:900;letter-spacing:-.028em;font-size:clamp(23px,2.3vw,32px);line-height:1.08;color:var(--cream)}
.pe-tpanel p{grid-column:1;margin:10px 0 0;font-size:15px;line-height:1.55;color:rgba(251,246,232,.78);max-width:52ch;text-wrap:pretty}
.pe-tpanel-meter{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.pe-tpanel-meter span{font-family:"Inter",sans-serif;font-weight:800;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(251,246,232,.62)}
.pe-tpanel-meter b{font-family:"Bricolage Grotesque",sans-serif;font-weight:900;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.03em;color:var(--lime);line-height:1}
.pe-meter{position:relative;width:100%;height:10px;border-radius:5px;background:rgba(251,246,232,.14);overflow:hidden}
.pe-meter i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:5px;background:linear-gradient(90deg,rgba(200,225,80,.5),var(--lime));transition:width .85s cubic-bezier(.22,1,.28,1)}
.pe-tpanel.on .pe-meter i{width:var(--to)}
/* the final step lands at 100% — give it a little burst */
.pe-tpanel.done .pe-meter i{animation:peMeterPop .7s cubic-bezier(.22,1,.28,1) .8s}
@keyframes peMeterPop{0%{filter:none}40%{filter:brightness(1.35)}100%{filter:none}}
.pe-splash{position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:var(--lime);opacity:0;pointer-events:none}
.pe-splash.pink{background:var(--pink)}
.pe-splash.cream{background:var(--cream)}
.pe-splash.go{animation:peSplash .9s cubic-bezier(.18,.9,.32,1) forwards}
@keyframes peSplash{0%{opacity:1;transform:translate(0,0) scale(.4)}70%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(var(--sc,1))}}
.pe-tpanel-meter{position:relative}
@media (prefers-reduced-motion:reduce){.pe-splash{display:none}}
/* 03 — occasion cards */
.pe-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(13px,1.6vw,20px);margin-top:clamp(24px,3vw,40px)}
.pe-card.wide{grid-column:span 2}
.pe-card{position:relative;display:block;border-radius:26px;overflow:hidden;min-height:clamp(300px,29vw,392px);border:4px solid var(--lime);box-shadow:0 26px 56px -38px rgba(8,40,54,.5);transition:transform .35s cubic-bezier(.22,1,.28,1)}
.pe-card:hover{transform:translateY(-6px)}
.pe-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.22,1,.28,1)}
.pe-card:hover img{transform:scale(1.05)}
.pe-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,40,54,.08) 30%,rgba(6,40,54,.78) 100%)}
.pe-card-txt{position:absolute;inset:auto 0 0 0;z-index:2;padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:7px}
.pe-card-txt h3{font-family:"Bricolage Grotesque",sans-serif;font-weight:900;letter-spacing:-.028em;font-size:clamp(26px,2.7vw,38px);line-height:1.02;color:var(--paper);margin:0;text-shadow:0 2px 16px rgba(6,40,54,.55)}
.pe-card-txt p{margin:0;font-size:14px;line-height:1.45;color:rgba(255,253,246,.92);max-width:44ch}
.pe-card.wide .pe-card-txt h3{font-size:clamp(28px,3.1vw,44px)}
/* 04 — steps journey */
.pe-steps{position:relative;margin-top:clamp(28px,3.4vw,48px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.pe-step{position:relative;display:flex;flex-direction:column;gap:12px}
.pe-step:nth-child(even){margin-top:clamp(28px,4vw,64px)}
.pe-step-n{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--lime);color:var(--teal-darker);font-family:"Bricolage Grotesque",sans-serif;font-weight:900;font-size:21px;box-shadow:0 12px 26px -10px rgba(184,214,59,.7)}
.pe-step h4{font-family:"Bricolage Grotesque",sans-serif;font-weight:900;letter-spacing:-.02em;font-size:clamp(19px,1.7vw,24px);color:var(--teal);margin:0}
.pe-step p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-soft)}
.pe-step-shot{border-radius:20px;overflow:hidden;border:3px solid var(--teal-deep);aspect-ratio:4/3;margin-top:4px}
.pe-step-shot img{width:100%;height:100%;object-fit:cover;display:block}
.pe-arrow{position:absolute;top:-14px;left:calc(100% - 6px);width:clamp(46px,6vw,86px);height:auto;overflow:visible;pointer-events:none;z-index:2}
.pe-arrow path{fill:none;stroke:#c9426b;stroke-width:4;stroke-linecap:round;stroke-dasharray:var(--len,200);stroke-dashoffset:var(--len,200);transition:stroke-dashoffset 1s cubic-bezier(.4,.05,.3,1) .3s}
.pe-steps.in .pe-arrow path{stroke-dashoffset:0}
.pe-step:nth-child(even) .pe-arrow{top:auto;bottom:-6px;transform:scaleY(-1)}
.pe-steps-note{margin-top:clamp(22px,3vw,40px);display:flex;justify-content:center}
.pe-steps-note p{transform:rotate(-2deg);text-align:center}
/* 05 — teal inset panel */
.pe-panel{margin-top:0;background:var(--teal-deep);color:var(--cream);border-radius:34px;padding:clamp(34px,4.4vw,68px) clamp(30px,3.8vw,60px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,3.4vw,52px);align-items:center;box-shadow:0 40px 80px -50px rgba(6,40,54,.75);overflow:hidden}
.pe-panel h2{color:var(--cream)}
.pe-panel .os-body,.pe-panel p{color:rgba(251,246,232,.86)}
.pe-panel .pe-ticks li{color:#fffdf6}
.pe-panel .pe-panel-hand{color:var(--lime)}
.pe-panel-copy{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.pe-panel-copy .os-eyebrow{background:rgba(200,225,80,.18);color:var(--lime)}
.pe-panel .pe-h2{color:var(--cream)}
.pe-panel .pe-h2 em{color:var(--lime);font-family:"Dancing Script",cursive}
.pe-panel-shot{position:relative;border-radius:26px;overflow:hidden;border:4px solid var(--lime);aspect-ratio:4/5;box-shadow:0 30px 62px -36px rgba(0,0,0,.7)}
.pe-panel-shot img{width:100%;height:100%;object-fit:cover;display:block}
.pe-panel-hand{font-family:"Dancing Script",cursive;font-weight:700;font-size:clamp(22px,2.3vw,30px);line-height:1.18;color:var(--lime);margin:0}
/* tick-list — bullet points instead of paragraphs */
.pe-ticks{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.pe-ticks li{position:relative;padding-left:34px;font-size:15.5px;line-height:1.45;color:var(--cream);text-wrap:pretty}
.pe-ticks li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--lime)}
.pe-ticks li::after{content:"";position:absolute;left:7px;top:8px;width:9px;height:5px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg)}
/* 06 — included checklist */
.pe-list{margin-top:clamp(24px,3vw,40px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,16px)}
.pe-item{display:flex;align-items:flex-start;gap:13px;background:var(--paper);border:1px solid var(--rule);border-radius:18px;padding:16px 18px}
.pe-item i{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--lime);color:var(--teal-darker);font-style:normal;font-size:13px;font-weight:800}
.pe-item span{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;letter-spacing:-.01em;font-size:16px;line-height:1.3;color:var(--teal)}
.pe-list-note{margin-top:18px;display:flex;justify-content:flex-end}
.pe-list-note p{transform:rotate(-2.5deg)}
/* 07 — mosaic */
.pe-mosaic{margin-top:clamp(24px,3vw,40px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(110px,12vw,170px);gap:clamp(9px,1.1vw,14px)}
.pe-mosaic figure{position:relative;margin:0;border-radius:20px;overflow:hidden;background:var(--cream-2)}
.pe-mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.22,1,.28,1)}
.pe-mosaic figure:hover img{transform:scale(1.06)}
.pe-mosaic .tall{grid-row:span 2}
.pe-mosaic .wide{grid-column:span 2}
.pe-mosaic figcaption,.pe-mosaic .pe-cap{position:absolute;inset:auto 0 0 0;padding:22px 14px 12px;background:linear-gradient(180deg,rgba(6,40,54,0),rgba(6,40,54,.82));color:var(--paper);font-family:"Bricolage Grotesque",sans-serif;font-weight:800;letter-spacing:-.01em;font-size:15px;z-index:2;transition:opacity .3s}
.pe-mosaic a:hover .pe-cap{opacity:0}
.pe-mosaic > a{grid-column:auto;grid-row:auto}
.pe-more{margin-top:22px;display:flex;justify-content:center}
/* 08 — venues */
.pe-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(13px,1.6vw,22px);margin-top:clamp(24px,3vw,40px)}
.pe-venue{background:var(--paper);border:1px solid var(--rule);border-radius:26px;overflow:hidden;box-shadow:0 24px 52px -40px rgba(8,40,54,.45);display:flex;flex-direction:column}
.pe-venue-shot{aspect-ratio:16/11;overflow:hidden}
.pe-venue-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.22,1,.28,1)}
.pe-venue:hover .pe-venue-shot img{transform:scale(1.05)}
.pe-venue-body{padding:clamp(18px,2vw,24px);display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.pe-venue-body h3{font-family:"Bricolage Grotesque",sans-serif;font-weight:900;letter-spacing:-.02em;font-size:clamp(19px,1.7vw,23px);color:var(--teal);margin:0}
.pe-venue-body p{margin:0;font-size:14px;line-height:1.5;color:var(--ink-soft)}
/* 09 — oversized quote */
.pe-big{background:var(--teal-deep);color:var(--cream);border-radius:34px;padding:clamp(28px,3.6vw,60px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,3.4vw,52px);align-items:center;box-shadow:0 40px 80px -50px rgba(6,40,54,.75)}
.pe-big-q{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.pe-big-q blockquote{margin:0;font-family:"Bricolage Grotesque",sans-serif;font-weight:900;letter-spacing:-.03em;font-size:clamp(28px,3.4vw,50px);line-height:1.04;color:var(--cream)}
.pe-big-q blockquote em{font-family:"Dancing Script",cursive;font-weight:700;font-style:normal;color:var(--lime);font-size:1.06em}
.pe-big-who b{display:block;font-family:"Inter",sans-serif;font-weight:700;font-size:14.5px;color:var(--cream)}
.pe-big-who span{display:block;font-size:13px;color:rgba(251,246,232,.7);margin-top:3px}
.pe-big-shot{border-radius:26px;overflow:hidden;border:4px solid var(--lime);aspect-ratio:4/5}
.pe-big-shot img{width:100%;height:100%;object-fit:cover;display:block}
/* 10 — final CTA + form */
.pe-cta{position:relative;overflow:hidden;padding:clamp(56px,6vw,104px) 0;background:var(--teal-deep)}
.pe-cta-bg{position:absolute;inset:0;z-index:0}
.pe-cta-bg img{width:100%;height:100%;object-fit:cover}
.pe-cta-bg::after{pointer-events:none;content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,40,54,.86),rgba(6,40,54,.94))}
.pe-cta-in{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(26px,3.6vw,56px);align-items:center}
.pe-cta-copy{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.pe-cta-copy .os-eyebrow{background:rgba(200,225,80,.18);color:var(--lime)}
.pe-cta-copy h2{font-family:"Bricolage Grotesque",sans-serif;font-weight:900;letter-spacing:-.03em;font-size:clamp(31px,4vw,58px);line-height:1.02;color:var(--cream);margin:0}
.pe-cta-copy h2 em{font-family:"Dancing Script",cursive;font-weight:700;font-style:normal;color:var(--lime);font-size:1.06em}
.pe-cta-copy p{margin:0;max-width:46ch;font-size:clamp(15px,1.2vw,17px);line-height:1.6;color:rgba(251,246,232,.86)}
.pe-cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.pe-form{background:var(--paper);border-radius:30px;padding:clamp(22px,2.6vw,36px);box-shadow:0 40px 80px -46px rgba(0,0,0,.6);display:grid;gap:12px}
.pe-form-fields{display:grid;gap:12px}
.pe-form h3{font-family:"Bricolage Grotesque",sans-serif;font-weight:900;letter-spacing:-.02em;font-size:clamp(20px,1.8vw,25px);color:var(--teal);margin:0}
.pe-form p.pe-form-note{margin:0;font-size:13px;color:var(--ink-soft)}
.pe-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pe-field{display:flex;flex-direction:column;gap:6px}
.pe-field label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(17,76,95,.72)}
.pe-req{font-style:normal;color:rgba(17,76,95,.55);font-weight:900}
.pe-field input,.pe-field select,.pe-field textarea{font-family:"Inter",sans-serif;font-size:15px;color:var(--ink);background:#fff;border:1.5px solid var(--rule);border-radius:14px;padding:12px 14px;width:100%}
.pe-opt{font-size:9.5px;font-weight:700;letter-spacing:.1em;color:rgba(17,76,95,.42)}
.pe-field textarea{resize:vertical;min-height:78px}
.pe-field input:focus,.pe-field select:focus,.pe-field textarea:focus{outline:0;border-color:var(--lime);box-shadow:0 0 0 3px rgba(200,225,80,.35)}
.pe-form .os-btn{margin-top:4px;width:100%}
.pe-form-done{display:none;flex-direction:column;gap:8px;align-items:flex-start}
.pe-form.sent .pe-form-fields{display:none}
.pe-form.sent .pe-form-done{display:flex}
.pe-form-done b{font-family:"Bricolage Grotesque",sans-serif;font-weight:900;font-size:22px;color:var(--teal)}
.pe-btn-teal{background:var(--teal);color:var(--paper)}
.pe-btn-teal:hover{background:var(--teal-deep);color:var(--paper);transform:translateY(-1px);box-shadow:0 12px 26px -12px rgba(17,76,95,.6)}
/* mosaic tiles link into the gallery */
.pe-mosaic a{position:relative;display:block;border-radius:20px;overflow:hidden;background:var(--cream-2)}
.pe-mosaic a::after{content:"View in gallery →";position:absolute;left:14px;bottom:12px;z-index:3;font-family:"Inter",sans-serif;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fffdf6;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.pe-mosaic a:hover::after{opacity:1;transform:none}
.pe-mosaic a:hover figcaption{opacity:0}
.pe-mosaic figcaption{transition:opacity .3s}
/* what’s included — visual panel */
.pe-inc{margin-top:clamp(24px,3vw,40px);background:var(--teal-deep);border-radius:34px;padding:clamp(28px,3.4vw,52px) clamp(20px,3vw,44px);box-shadow:0 40px 80px -50px rgba(6,40,54,.75);text-align:center}
.pe-inc h3{font-family:"Bricolage Grotesque",sans-serif;font-weight:900;letter-spacing:-.02em;font-size:clamp(26px,3vw,44px);color:var(--lime);margin:0}
.pe-inc p{margin:8px auto 0;max-width:52ch;font-size:15px;line-height:1.55;color:rgba(251,246,232,.84)}
.pe-inc-grid{margin-top:clamp(8px,1.2vw,18px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(24px,3vw,40px) clamp(16px,2.2vw,30px);justify-items:center}
.pe-inc-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.pe-inc-item svg{width:clamp(42px,4vw,58px);height:clamp(42px,4vw,58px);display:block}
.pe-inc-item span{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:15px;line-height:1.3;color:var(--cream);max-width:16ch;text-align:center}
/* soft paint marks, same language as the other pages */
.pe-blob{position:absolute;z-index:0;pointer-events:none;width:min(520px,52%);left:-5%;top:6%;color:rgba(255,143,174,.4)}
.pe-blob.br{left:auto;right:-6%;top:auto;bottom:-4%;color:rgba(200,225,80,.34)}
.pe-blob svg{display:block;width:100%;height:auto;overflow:visible}
.pe-blob path{fill:none;stroke:currentColor;stroke-width:44;stroke-linecap:round}
@media (max-width:1080px){
  .pe-inc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pe-plogo{height:78px;padding:0 8px}
  .pe-plogo img{max-height:78px;max-width:190px}
  .pe-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pe-num.hero{grid-column:span 2;grid-row:auto}
  .pe-track-nodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px}
  .pe-track-line{display:none}
  .pe-tpanel{grid-template-columns:1fr}
  .pe-tpanel-meter{grid-column:1;grid-row:auto;margin-top:22px}
  .pe-car-stage{height:var(--stage-h,clamp(420px,84vw,500px))}
  .pe-revc{width:min(310px,74vw)}
  .pe-revc[data-pos="-1"]{transform:translateX(calc(-50% - 34vw)) scale(.76) rotateY(9deg)}
  .pe-revc[data-pos="1"]{transform:translateX(calc(-50% + 34vw)) scale(.76) rotateY(-9deg)}
  .pe-revc[data-pos="-2"],.pe-revc[data-pos="2"]{opacity:0;pointer-events:none}
  .pe-quotes,.pe-trio{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pe-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pe-card.wide{grid-column:span 1}
  .pe-card{min-height:clamp(240px,34vw,300px)}
  .pe-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pe-arrow{display:none}
  .pe-step:nth-child(even){margin-top:0}
  .pe-panel,.pe-big,.pe-cta-in{grid-template-columns:1fr}
  .pe-panel-shot,.pe-big-shot{width:100%;max-width:none;aspect-ratio:16/10}
  .pe-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  :root{--sec:clamp(34px,8vw,52px)}
  .pe-hero{min-height:100vh}
  .pe-hero-h1{font-size:clamp(30px,8.6vw,44px);max-width:none}
  .pe-hero-sub{font-size:13.5px}
  .pe-seenon-inner{flex-direction:column;flex-wrap:nowrap;gap:3px;padding:9px 12px;white-space:nowrap;overflow:hidden}
  .pe-seenon-label{font-size:9px;letter-spacing:.1em}
  .pe-seenon-items{flex-wrap:nowrap;gap:6px;font-size:11px}
  .pe-h2{font-size:clamp(27px,8.4vw,38px)}
  .pe-quotes,.pe-cards,.pe-trio,.pe-list,.pe-steps{grid-template-columns:1fr}
  .pe-card.wide{grid-column:span 1}
  .pe-pills span{padding:8px 15px;font-size:10.5px}
  .pe-inc{padding:24px 16px;border-radius:26px}
  .pe-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .pe-num-split{gap:18px}
  .pe-num{padding:16px 14px;border-radius:18px}
  .pe-track-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pe-node-dot{width:44px;height:44px;font-size:13px}
  .pe-car-stage{height:var(--stage-h,440px)}
  .pe-revc{width:min(280px,80vw);padding:10px 10px 0}
  .pe-revc[data-pos="-1"],.pe-revc[data-pos="1"]{opacity:0;pointer-events:none}
  .pe-plogo{height:58px;padding:0 6px}
  .pe-plogo img{max-height:58px;max-width:140px}
  .pe-inc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .pe-logos-row img{height:46px;max-width:130px}
  .pe-card{min-height:240px}
  .pe-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:120px}
  .pe-mosaic .wide{grid-column:span 2}
  .pe-panel,.pe-big{border-radius:26px;padding:22px}
  .pe-form-row{grid-template-columns:1fr}
  .pe-list-note,.pe-steps-note{justify-content:center}
  .pe-logos-row img{height:30px;max-width:84px}
  .pe-blob{display:none}
}

/* 07 — rolling preview reel (replaces the gappy mosaic) */
body.os-swapping .pe-hero-in,body.os-swapping .pe-cta-in{pointer-events:none}
body.os-swapping .pe-hero-in a,body.os-swapping .pe-cta-in a{pointer-events:auto}
.pe-reel{position:relative;margin-top:clamp(24px,3vw,40px);width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.pe-reel-track{display:flex;gap:clamp(10px,1.2vw,18px);width:max-content;animation:peReel 64s linear infinite}
.pe-reel:hover .pe-reel-track{animation-play-state:paused}
@keyframes peReel{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.pe-reel-card{position:relative;display:block;flex:0 0 auto;width:clamp(190px,19vw,260px);aspect-ratio:3/4;border-radius:22px;overflow:hidden;background:var(--cream-2);box-shadow:0 22px 48px -34px rgba(8,40,54,.5)}
.pe-reel-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.22,1,.28,1)}
.pe-reel-card:hover img{transform:scale(1.06)}
.pe-reel-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,40,54,0) 42%,rgba(6,40,54,.82) 100%);pointer-events:none}
.pe-reel-card b{position:absolute;left:14px;right:14px;bottom:32px;z-index:2;font-family:"Bricolage Grotesque",sans-serif;font-weight:900;letter-spacing:-.01em;font-size:19px;line-height:1.1;color:var(--paper)}
.pe-reel-card span{position:absolute;left:14px;bottom:13px;z-index:2;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
@media (prefers-reduced-motion:reduce){.pe-reel-track{animation:none}}
@media (max-width:820px){.pe-reel-card{width:clamp(168px,52vw,210px)}.pe-reel-track{animation-duration:48s}}

/* retro venue cards — offset colour block, like the event cards */
.pe-venue.retro{background:#fffdf6;border:2px solid var(--teal);border-radius:22px;overflow:hidden;box-shadow:10px 10px 0 var(--lime);transition:transform .3s,box-shadow .3s}
.pe-venue.retro:hover{transform:translate(-3px,-3px);box-shadow:14px 14px 0 var(--lime)}
.pe-venue.retro.pink{box-shadow:10px 10px 0 var(--pink)}
.pe-venue.retro.pink:hover{box-shadow:14px 14px 0 var(--pink)}
.pe-venue.retro.gold{box-shadow:10px 10px 0 #e8b34a}
.pe-venue.retro.gold:hover{box-shadow:14px 14px 0 #e8b34a}
.pe-venue.retro .pe-venue-shot{border-radius:0;border:0;border-bottom:2px solid var(--teal);aspect-ratio:16/10}
.pe-venue.retro .pe-venue-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:7px}
.pe-venue-tag{align-self:flex-start;font-family:"Inter",sans-serif;font-weight:800;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--teal);background:var(--cream-2);padding:6px 11px;border-radius:999px}
.pe-map-slot{margin-top:clamp(26px,3vw,42px);display:grid;place-items:center;min-height:190px;border:2px dashed rgba(17,76,95,.28);border-radius:22px;background:rgba(17,76,95,.03)}
.pe-map-slot span{font-family:"Inter",sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.06em;color:rgba(6,40,54,.45)}
/* trusted-by marquee — same size and motion as the landing page */
.pe-partners{padding:clamp(30px,3.4vw,52px) 0 clamp(38px,4vw,64px);max-width:none;margin:0}
.pe-partners-head{text-align:center;display:flex;flex-direction:column;gap:11px;align-items:center;margin-bottom:clamp(22px,2.6vw,34px);padding:0 var(--pad)}
.pe-partners-marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.pe-partners-track{display:flex;width:max-content;gap:28px;animation:pePartners 60s linear infinite}
.pe-partners-row{display:flex;gap:28px;align-items:center;flex-shrink:0}
.pe-plogo{height:120px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 14px;opacity:.7;transition:opacity .2s}
.pe-plogo:hover{opacity:1}
.pe-plogo img{max-height:120px;max-width:320px;object-fit:contain;filter:grayscale(1) contrast(.9)}
.pe-plogo.tall{margin:0 32px}
.pe-plogo.tall img{transform:scale(1.5);transform-origin:center}
.pe-plogo.mid{margin:0 22px}
.pe-plogo.mid img{transform:scale(1.25);transform-origin:center}
@keyframes pePartners{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.pe-partners-track{animation:none}}
@media (max-width:1000px){.pe-plogo{height:82px;padding:0 8px}.pe-plogo img{max-height:82px;max-width:200px}}
@media (max-width:700px){.pe-plogo{height:60px;padding:0 6px}.pe-plogo img{max-height:60px;max-width:150px}.pe-venue.retro{box-shadow:7px 7px 0 var(--lime)}.pe-venue.retro.pink{box-shadow:7px 7px 0 var(--pink)}.pe-venue.retro.gold{box-shadow:7px 7px 0 #e8b34a}}

/* 02b — numbers band (cream, flows into the section below) */
.pe-numbers{position:relative;background:transparent;color:var(--teal);padding:clamp(50px,6vw,86px) 0 clamp(24px,3vw,44px)}
.pe-numbers .pe-h2{color:var(--teal)}
.pe-numbers .pe-h2 em{color:var(--pink)}
.pe-numbers .os-eyebrow,.pe-numbers .os-eyebrow.lime{color:var(--teal)}
.pe-numbers .os-body.cream{color:var(--ink-soft);margin-left:auto;margin-right:auto}
.pe-nums{margin-top:clamp(26px,3.2vw,44px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.pe-num{display:flex;flex-direction:column;gap:9px;padding:clamp(18px,2vw,28px) clamp(14px,1.6vw,22px);border-radius:24px;background:rgba(255,253,246,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 18px 40px -34px rgba(8,40,54,.45)}
.pe-num b{font-family:"Bricolage Grotesque",sans-serif;font-weight:900;letter-spacing:-.035em;font-size:clamp(34px,4vw,56px);line-height:.92;color:var(--teal);font-variant-numeric:tabular-nums}
.pe-num span{font-family:"Inter",sans-serif;font-weight:700;font-size:13.5px;line-height:1.3;color:var(--teal-deep)}
.pe-num span i{display:block;font-style:normal;font-weight:600;font-size:12px;color:rgba(6,40,54,.7);margin-top:2px}
.pe-num:nth-child(3) b,.pe-num:nth-child(5) b{color:#c9426b}
.pe-num.hero{grid-column:span 2;grid-row:span 2;justify-content:flex-end;background:linear-gradient(150deg,rgba(17,76,95,.94),rgba(10,54,69,.97));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,253,246,.14),0 26px 54px -42px rgba(8,40,54,.55)}
.pe-num.hero b{font-size:clamp(56px,7.4vw,104px);color:var(--lime)}
.pe-num.hero > span{font-size:16px;color:#fffdf6}
.pe-num.hero > span.pe-num-tag{font-size:10.5px;color:#5f7d16}
.pe-num.hero > span i{font-size:13px;color:rgba(251,246,232,.8)}
.pe-num-tag{align-self:flex-start;font-family:"Inter",sans-serif;font-weight:800;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#5f7d16;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,253,246,.82));box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 6px 16px -10px rgba(6,40,54,.5);padding:7px 14px;border-radius:999px;margin-bottom:auto}
.pe-num-split{display:flex;gap:26px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(251,246,232,.16)}
.pe-num-split div{font-family:"Inter",sans-serif;font-weight:600;font-size:12px;color:rgba(251,246,232,.82)}
.pe-num-split em{display:block;font-style:normal;font-family:"Bricolage Grotesque",sans-serif;font-weight:900;font-size:23px;letter-spacing:-.03em;color:var(--cream);margin-bottom:1px}
.pe-numbers > .pe{position:relative;z-index:1}
.pe-numbers > .pe-blob-xl{top:auto;bottom:-46%;opacity:.42}
.pe-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}
.pe-pills span{font-family:"Inter",sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);background:rgba(17,76,95,.09);padding:10px 20px;border-radius:999px}
.pe-blob-xl{position:absolute;left:-12%;top:6%;width:124%;max-width:none;opacity:.5;z-index:0;pointer-events:none}
.pe-blob-xl svg{width:100%;height:auto}
.pe-sec > .pe{position:relative;z-index:1}
.pe-sec.teal > .pe-blob-xl{left:auto;right:-16%;top:auto;bottom:-14%;width:78%;opacity:.34}
@media (max-width:1000px){.pe-nums{grid-template-columns:repeat(2,minmax(0,1fr))}.pe-num.hero{grid-column:span 2;grid-row:auto}}
@media (max-width:700px){.pe-nums{gap:9px}.pe-num{padding:16px 14px;border-radius:18px}.pe-num-split{gap:18px}.pe-pills span{padding:8px 15px;font-size:10.5px}}
/* the linking swirls deliberately overhang their sections — clip sideways only
   (clip, not hidden, so sticky positioning still works) */
html,body{overflow-x:clip}
/* The supplied PNGs carry an opaque teal ground, so every icon — PNG and the
   remaining inline SVGs — sits on the same rounded plate for a consistent row. */
.pe-inc-icon,.pe-inc-item > svg{width:72px;height:72px;flex:0 0 auto;box-sizing:border-box;background:none;display:block}
.pe-inc-icon{object-fit:contain}
.pe-inc-item > svg{padding:0}
@media (max-width:700px){.pe-inc-icon,.pe-inc-item > svg{width:58px;height:58px}.pe-inc-item > svg{padding:0}}
/* 05 sits close to the reel above and the venues below */
section[data-screen-label="05 No follow-the-leader"]{padding-top:calc(var(--sec) * .34);padding-bottom:calc(var(--sec) * .5)}
section[data-screen-label="07 Real events"]{padding-bottom:calc(var(--sec) * .4)}
section[data-screen-label="08 Venues"]{padding-top:calc(var(--sec) * .58)}
/* "Your people. Your style. Your event." — Your in cream, the noun in script */
.pe-panel .pe-h2{line-height:1.16}
.pe-panel .pe-h2 i{font-style:normal;font-family:"Dancing Script",cursive;font-weight:700;font-size:1.1em;letter-spacing:0}
.pe-panel .pe-h2 i.lime{color:var(--lime)}
.pe-panel .pe-h2 i.pink{color:var(--pink)}
.pe-panel .pe-h2 i.gold{color:#f0b64f}
/* the panel heading moved up into the section head */
.pe-inc{padding-top:clamp(24px,3vw,44px)}
/* the included panel breaks out wider than the rest of the page */
/* margin maths only — .pe-inc also carries pe-reveal, whose .in{transform:none} would
   wipe out a translate-based breakout */
.pe-inc{width:min(1580px,calc(100vw - 32px));margin-left:calc(50% - min(790px,(100vw - 32px) / 2));padding:clamp(34px,4vw,58px) clamp(26px,3.6vw,58px)}
@media (max-width:700px){.pe-inc{width:auto;margin-left:0}}
/* the three headline lines pop in one after another */
.pe-panel .pe-h2 i{display:inline-block;opacity:0;transform:translateY(14px) scale(.94);transition:opacity .5s ease,transform .6s cubic-bezier(.2,1.4,.4,1)}
.pe-panel.in .pe-h2 i{opacity:1;transform:none}
.pe-panel.in .pe-h2 i:nth-of-type(1){transition-delay:.15s}
.pe-panel.in .pe-h2 i:nth-of-type(2){transition-delay:.32s}
.pe-panel.in .pe-h2 i:nth-of-type(3){transition-delay:.49s}
@media (prefers-reduced-motion:reduce){.pe-panel .pe-h2 i{opacity:1;transform:none;transition:none}}
/* a lime swirl fills the space beneath the copy */
.pe-panel{position:relative;overflow:hidden}
.pe-panel-swirl{position:absolute;left:-6%;bottom:-26%;width:min(560px,58%);z-index:0;pointer-events:none;color:rgba(200,225,80,.16)}
.pe-panel-swirl svg{display:block;width:100%;height:auto;overflow:visible}
.pe-panel-swirl path{fill:none;stroke:currentColor;stroke-width:34;stroke-linecap:round}
.pe-panel-copy,.pe-panel-shot{position:relative;z-index:1}
/* the linking swirls draw fully on this page — the partial dash animation read
   as an abrupt cut where a swirl crossed a section boundary */
.pe-numbers .os-blob path,.pe-sec .os-blob path,.pe-panel-swirl path{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}
/* numbers sit on their own glass card so the three sections read as one flow */
.pe-numcard{position:relative;z-index:1;border-radius:34px;padding:clamp(28px,3.4vw,50px) clamp(20px,2.6vw,40px) clamp(30px,3.6vw,52px);background:rgba(255,253,246,.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 30px 70px -50px rgba(8,40,54,.45)}
.pe-numcard .pe-num:not(.hero){background:rgba(255,255,255,.62)}
@media (max-width:700px){.pe-numcard{border-radius:24px;padding:22px 14px 26px}}
/* handwritten notes beside the headline lines */
.pe-note{display:inline-block;margin-left:16px;font-family:"Caveat",cursive;font-weight:700;font-size:.46em;letter-spacing:0;color:var(--lime);white-space:nowrap;vertical-align:.06em}
.pe-note span{display:inline-block;clip-path:inset(0 100% -22% 0);transition:clip-path .8s cubic-bezier(.45,.1,.6,1)}
.pe-panel.in .pe-note span{clip-path:inset(0 -8% -22% 0)}

.pe-panel.in .pe-note:nth-of-type(1) span{transition-delay:.5s}
.pe-panel.in .pe-note:nth-of-type(2) span{transition-delay:.72s}
.pe-panel.in .pe-note:nth-of-type(3) span{transition-delay:.94s}
@media (prefers-reduced-motion:reduce){.pe-note span{clip-path:none;transition:none}}
@media (max-width:820px){.pe-note{display:none}}
/* icons lift on hover */
.pe-inc-item{transition:transform .28s cubic-bezier(.2,1,.3,1)}
.pe-inc-item:hover{transform:translateY(-4px)}
.pe-inc-icon{transition:transform .28s cubic-bezier(.2,1,.3,1)}
.pe-inc-item:hover .pe-inc-icon{transform:scale(1.16)}
section[data-screen-label="06 What's included"]{padding-top:calc(var(--sec) * .5)}
/* trusted-by sits centred in the space between the panel above and the CTA */
.pe-partners{padding-top:clamp(40px,4.6vw,72px);padding-bottom:clamp(40px,4.6vw,72px)}
/* the hero matches Our Story — no extra scrim behind the copy */
.pe-hero-in::before{display:none}
.pe-hero-mobile{display:none}

.pe-form.w3f-sent{display:block;background:none;box-shadow:none;padding:0}