/* Capacity 2027.  Loads after the website's theme.css and site.css, so the page folds into
   ~/dev/spinstate-website as it is.  The ev- rules are the design panel's, panel/02-design.md. */

:root{--forest:#142B2E;--mint:#40BF9E;--mint-pale:#D1EAE1;--lilac:#ADB2E0;--lilac-pale:#E6E8F4;--grey:#F4F7F6;--muted:#475558;--rule:rgba(20,43,46,.2);
 --ev-alt:var(--grey)} /* D4: set to var(--mint-pale) if David rules the build's ground is the standard */
.ev-alt{background:var(--ev-alt)}.ev-white{background:#fff}.ev-close{background:var(--lilac-pale)}
.ev-forest{background:var(--forest);color:#fff}

/* one gutter */
.ev .two,.ev .cards.c2{gap:48px}

/* 1 hero */
.ev-hero .two{align-items:center}
.ev-hero .l{gap:20px}
.ev-stand{margin:0;font-size:var(--theme-website-h3-font-size);line-height:1.2;letter-spacing:-.0475rem;font-weight:700}
.ev-with{margin:0;font-size:1.25rem;line-height:1.4;font-weight:500}
.ev-when{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:4px;font-size:1.125rem;line-height:1.4;font-weight:600}
.ev-pair{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ev-pair li{display:flex;flex-direction:column;gap:12px;min-width:0}
.ev-pair img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border-radius:20px;background:var(--grey)}
.ev-pair p{margin:0;font-size:1.5rem;line-height:1.3;letter-spacing:-.03rem;font-weight:700}

/* 2 the morning */
.ev-run{list-style:none;margin:0 0 64px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:48px}
.ev-run li{border-top:1px solid var(--rule);padding-top:16px;display:flex;flex-direction:column;gap:6px}
.ev-run .t{font-size:1.25rem;line-height:1.35;letter-spacing:-.025rem;font-weight:700}
.ev-run .d{font-size:1rem;line-height:1.45;color:var(--muted)}
.ev-half{background:var(--grey);padding:40px 36px;gap:16px}
.ev-half h3,.ev-host h3{font-size:var(--theme-website-h4-font-size);line-height:1.25;letter-spacing:-.0375rem}
.ev-by{margin:-8px 0 0;font-size:1.125rem;line-height:1.4;font-weight:600}
.ev-half .bl,.ev-inc .bl{font-size:1.125rem;line-height:1.5;gap:12px}
.ev-private{margin:40px auto 0;max-width:666px;text-align:center;font-size:1rem;line-height:1.5;color:var(--muted)}

/* 3 hosts */
.ev-host{background:#fff;padding:40px 36px;gap:16px}
.ev-logo{height:44px;display:flex;align-items:flex-end}
.ev-logo img{width:200px;height:auto;max-width:100%;border-radius:0!important}
.ev-role{margin:0;font-size:1.25rem;line-height:1.35;font-weight:600}
.ev-bio{margin:0;font-size:1.125rem;line-height:1.5;max-width:64ch}
.ev-link{margin-top:auto;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* 4 tickets, the one forest band and the one big number */
.ev-forest h2{color:#fff}
.ev-tix{align-items:center}
.ev-tix .l{gap:16px}
.ev-price{margin:8px 0 0;font-size:5rem;line-height:1;letter-spacing:-.04em;font-weight:700;color:var(--mint)}
.ev-price span{margin-left:10px;font-size:1.5rem;letter-spacing:-.01em;font-weight:600;color:#fff}
.ev-vat{margin:0;font-size:1.25rem;line-height:1.4;color:var(--mint-pale)}
.ev-buy{min-width:240px}
.ev-small{margin:0;font-size:.875rem;line-height:1.5;color:var(--mint-pale);max-width:46ch}
.ev-inc{background:#fff;color:var(--forest);padding:40px 36px;gap:16px}
.ev-inc h3{font-size:var(--theme-website-h5-font-size);line-height:1.3;letter-spacing:-.03rem}
.ev-inc .ev-small{color:var(--muted)}
.ev-forest .btn-p:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* 5 questions */
.ev-q{font-size:var(--theme-website-h5-font-size);line-height:1.3;letter-spacing:-.03rem}
.ev .faq-a p{margin:0;font-size:1.125rem;line-height:1.5}

/* 6 closing */
.ev-close .narrow p{margin:0;font-size:1.25rem;line-height:1.4}

/* tablet */
@media (min-width:768px) and (max-width:1023px){
 .ev .two,.ev .cards.c2{gap:32px}
 .ev-hero .two,.ev-tix{grid-template-columns:1fr}
 .ev-pair{max-width:560px}
 .ev-run{grid-template-columns:1fr 1fr;gap:32px}
 .ev-logo img{width:160px}
}
/* phone */
@media (max-width:767px){
 .ev .two,.ev .cards.c2{gap:20px}

 .ev-stand{font-size:22px}
 .ev-with,.ev-when{font-size:1.0625rem}
 .ev-hero .l{align-items:center;text-align:center}
 .ev-pair{gap:12px}.ev-pair p{font-size:1.0625rem;text-align:center}
 .ev-run{grid-template-columns:1fr;gap:0;margin-bottom:40px}
 .ev-run li{display:grid;grid-template-columns:112px 1fr;gap:12px;padding:14px 0}
 .ev-run .t{font-size:1.0625rem}
 .ev-half,.ev-host,.ev-inc{padding:28px 24px}
 .ev-logo{height:36px}.ev-logo img{width:160px}
 .ev-price{font-size:3.5rem}
 .ev-buy{width:100%}
}

/* additions to the design panel's sheet, 2 Nov 2026 */
.ev-lead{margin:0;font-size:1.25rem;line-height:1.4;color:var(--muted)}
.ev-note{margin:0;min-height:1.4em;font-size:1rem;color:#fff;font-weight:600}
.ev-close .btns{justify-content:center}
.ev-foot .in{display:flex;flex-direction:column;gap:6px}
.ev-foot p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
.ev-foot a{color:var(--forest)}
.ev-foot{border-top:1px solid var(--lilac-pale)}
/* the /seamus answer page */
.thanks{min-height:70vh;display:flex;align-items:center}
.thanks h1{font-size:3rem;line-height:1.1;letter-spacing:-.04em}
.thanks p{margin-top:20px;font-size:1.25rem;line-height:1.5}
.thanks .narrow{text-align:center}
.ans{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;border-radius:20px;background:var(--mint);color:var(--forest);font:inherit;font-weight:600;font-size:1.0625rem;border:0;cursor:pointer;text-decoration:none}
.cta:hover{background:#85CAB2}
.cta.alt{background:transparent;box-shadow:inset 0 0 0 1.5px var(--forest)}
.cta.alt:hover{background:var(--forest);color:#fff}
@media (max-width:767px){.thanks h1{font-size:2.25rem}}

.ev-stand,.ev-with,.ev .head p,.ev-private,.ev-close h2{text-wrap:balance}

/* the hero, 2 Nov evening: forest ground, the title large, one fine mint arc cropped off the
   edge behind it (the dial, capacity coming back).  Replaces the gauge wordmark. */
.ev-dark{background:var(--forest);color:#fff;position:relative;overflow:hidden}
.ev-dark .in{position:relative;z-index:1}
.ev-dial{position:absolute;left:-300px;top:-330px;width:980px;height:980px;pointer-events:none;transform:rotate(-90deg)}
.ev-dial circle{fill:none}
.ev-dial-track{stroke:rgba(255,255,255,.07);stroke-width:1.2}
.ev-dial-inner{stroke:rgba(255,255,255,.05)}
.ev-dial-arc{stroke:var(--mint);stroke-width:2.4;stroke-linecap:round;opacity:.7;stroke-dasharray:100;stroke-dashoffset:100;animation:ev-arc 2.6s cubic-bezier(.3,.7,.2,1) .3s forwards}
@keyframes ev-arc{to{stroke-dashoffset:28}}
@media (prefers-reduced-motion:reduce){.ev-dial-arc{animation:none;stroke-dashoffset:28}}
.ev-title{margin:0;font-size:clamp(3.4rem,7.2vw,6.6rem);line-height:.94;letter-spacing:-.05em;font-weight:800;color:#fff}
.ev-title span{display:block}
.ev-title .ev-yr{color:var(--mint)}
.ev-dark .ev-stand{color:#fff}
.ev-dark .ev-with{color:rgba(255,255,255,.78)}
.ev-dark .ev-when{border-top-color:rgba(255,255,255,.2);color:#fff}
.ev-dark .ev-pair p{color:#fff}
.ev-dark .ev-pair img{background:#1d3a3e}
@media (max-width:767px){.ev-dial{width:620px;height:620px;left:-260px;top:-240px}.ev-title{font-size:3.4rem}}
.ev-hero .two.hero{align-items:center}
@media (max-width:767px){.ev-mark{margin-bottom:36px}}

/* co-branding, both marks at equal width in their own colours, Seamus first as in "Seamus & David" */
.ev-cobrand{background:#fff;border-bottom:1px solid var(--lilac-pale);padding:36px 56px}
.ev-cobrand .in{display:flex;align-items:center;justify-content:center;gap:72px}
.ev-cobrand img{width:220px;height:auto;display:block}
.ev-x{width:1px;height:48px;background:#D5DCDB}
.ev-foot-logos{display:flex;align-items:center;gap:40px;margin-bottom:18px}
.ev-foot-logos img{width:150px;height:auto;display:block}
@media (max-width:767px){.ev-cobrand{padding:24px 20px}.ev-cobrand .in{gap:28px}.ev-cobrand img{width:136px}.ev-x{height:36px}.ev-foot-logos img{width:120px}}

/* ===== v4, 2 Nov evening: photo-led, both brands.  Seamus Fox's blue (#0011BC to #00FCF9,
   sampled from his logo) on his side, Spin State forest and mint on David's, and one rule that
   runs from his blue through cyan into mint where the two meet. ===== */
:root{--sf-blue:#0A23C9;--sf-cyan:#00D7F2;--sf-navy:#081650;--co-grad:linear-gradient(90deg,#0A23C9 0%,#00D7F2 45%,#40BF9E 58%,#2C8C73 100%)}
.x-hero{position:relative;background:#0b1730;color:#fff;overflow:hidden}
.x-photos{display:grid;grid-template-columns:1fr 1fr;height:clamp(560px,78vh,760px)}
.x-ph{margin:0;position:relative;overflow:hidden}
.x-ph img{width:100%;height:100%;object-fit:cover;display:block}
.x-sf img{object-position:62% 30%}.x-dm img{object-position:40% 35%}
.x-ph::after{content:"";position:absolute;inset:0}
.x-sf::after{background:linear-gradient(180deg,rgba(8,22,80,.10) 0%,rgba(8,22,80,.35) 45%,rgba(8,22,80,.93) 100%)}
.x-dm::after{background:linear-gradient(180deg,rgba(20,43,46,.10) 0%,rgba(20,43,46,.35) 45%,rgba(20,43,46,.95) 100%)}
.x-copy{position:absolute;left:0;right:0;bottom:0;padding:0 56px 64px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.x-title{margin:0;font-size:clamp(3.2rem,8.4vw,7.6rem);line-height:.95;letter-spacing:-.05em;font-weight:800;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.x-rule{display:block;width:180px;height:5px;border-radius:5px;background:var(--co-grad);margin:6px 0 4px}
.x-names{margin:0;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:700;letter-spacing:-.01em}
.x-names span{color:var(--sf-cyan);font-weight:500;margin:0 .2em}
.x-stand{margin:0;font-size:clamp(1.1rem,1.6vw,1.375rem);color:rgba(255,255,255,.88)}
.x-when{margin:0;font-size:1.0625rem;color:rgba(255,255,255,.75)}
.x-copy .btns{margin-top:10px}

.x-story{background:#fff}
.x-story-g{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:start}
.x-story-t h2{margin-bottom:28px}
.x-story-t h2::after{content:"";display:block;width:120px;height:4px;border-radius:4px;background:var(--co-grad);margin-top:22px}
.x-story-t p{margin:0 0 18px;font-size:1.1875rem;line-height:1.6;color:var(--forest);max-width:62ch}
.x-story-t .x-lead{font-size:1.375rem;line-height:1.45;font-weight:700;margin-top:28px}
.x-quotes{display:flex;flex-direction:column;gap:24px;padding-top:6px}
.x-q{margin:0;border-radius:20px;padding:32px 30px;color:#fff;position:relative}
.x-q blockquote{margin:0;font-size:1.1875rem;line-height:1.5;font-weight:500}
.x-q blockquote::before{content:"\201C";display:block;font-size:3.6rem;line-height:.6;margin-bottom:10px;font-weight:800}
.x-q figcaption{margin-top:18px;font-size:.9375rem;line-height:1.45;color:rgba(255,255,255,.8)}
.x-q figcaption b{color:#fff}
.x-q-dm{background:var(--forest)}.x-q-dm blockquote::before{color:var(--mint)}
.x-q-sf{background:linear-gradient(135deg,var(--sf-navy),var(--sf-blue))}.x-q-sf blockquote::before{color:var(--sf-cyan)}

.x-halves{gap:32px;margin-top:8px}
.x-half{background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.x-half>img{width:100%;aspect-ratio:1200/744;object-fit:cover;display:block;border-radius:0}
.x-half-b{padding:32px 32px 36px;display:flex;flex-direction:column;gap:12px;border-top:5px solid}
.x-half-dm .x-half-b{border-top-color:var(--mint)}
.x-half-sf .x-half-b{border-top-color:var(--sf-blue)}
.x-by{margin:0;font-size:1rem;font-weight:700}
.x-half-dm .x-by{color:var(--mint-dark)}.x-half-sf .x-by{color:var(--sf-blue)}
.x-half h3{font-size:var(--theme-website-h4-font-size);line-height:1.2;letter-spacing:-.0375rem}
.x-half .bl{font-size:1.0625rem;line-height:1.5;gap:10px}
.x-half-sf .bl li::before{background:var(--sf-blue)!important}

.x-leave{background:#fff}
.x-leave-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1000px;margin:0 auto}
.x-leave-g li{display:flex;flex-direction:column;gap:10px;padding-top:22px;border-top:1px solid var(--rule);position:relative}
.x-leave-g li::before{content:"";position:absolute;top:-1px;left:0;width:56px;height:3px;background:var(--co-grad)}
.x-leave-g .n{font-size:2.75rem;line-height:1;font-weight:800;letter-spacing:-.04em;background:var(--co-grad);-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content}
.x-leave-g h3{font-size:1.375rem;line-height:1.25;letter-spacing:-.02em}
.x-leave-g p{margin:0;font-size:1.0625rem;line-height:1.5;color:var(--muted)}

.x-hosts{gap:32px}
.x-host{background:#fff;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:42% 1fr}
.x-host-ph{width:100%;height:100%;object-fit:cover;object-position:50% 15%;display:block;border-radius:0!important;min-height:380px}
.x-host-b{padding:30px 28px;display:flex;flex-direction:column;gap:12px}
.x-host-b h3{font-size:1.75rem;letter-spacing:-.03em}
.x-host-b p{margin:0;font-size:1.0625rem;line-height:1.55}
.x-host-sf{box-shadow:inset 0 5px 0 var(--sf-blue)}.x-host-dm{box-shadow:inset 0 5px 0 var(--mint)}

.x-tix{background:linear-gradient(120deg,var(--sf-navy) 0%,#0e2a4a 45%,var(--forest) 100%);color:#fff}
.x-tix h2{color:#fff}
.x-close{background:linear-gradient(120deg,#E7EAFB 0%,#E6F4EF 100%)}
.x-close .btns{justify-content:center}

@media (max-width:1023px){
 .x-story-g{grid-template-columns:1fr;gap:40px}
 .x-leave-g{grid-template-columns:1fr}
 .x-host{grid-template-columns:1fr;grid-template-rows:auto auto;align-items:start}.x-host-ph{height:auto;aspect-ratio:1/1;min-height:0;max-height:none;object-position:50% 12%}
}
@media (max-width:767px){
 .x-photos{height:auto;grid-template-columns:1fr 1fr}.x-ph{aspect-ratio:4/5}
 .x-copy{position:relative;padding:28px 20px 44px;background:linear-gradient(120deg,var(--sf-navy),var(--forest));margin-top:-1px}
 .x-title{font-size:3.1rem}
 .x-story-t p{font-size:1.0625rem}
 .x-leave-g{grid-template-columns:1fr}
 .x-q{padding:26px 22px}
}

/* worked-with bands, one each, rolling like the website's logo strip */
.x-worked{background:#fff;border-top:1px solid var(--lilac-pale);border-bottom:1px solid var(--lilac-pale)}
.x-band{padding:30px 0 26px;overflow:hidden}
.x-band+.x-band{border-top:1px solid var(--lilac-pale)}
.x-band-l{margin:0 0 16px;text-align:center;font-size:.9375rem;font-weight:600;color:var(--muted)}
.x-band-sf .x-band-l{color:var(--sf-blue)}.x-band-dm .x-band-l{color:var(--mint-dark)}
.x-track{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.x-roll{display:flex;align-items:center;width:max-content;animation:x-roll 60s linear infinite}
.x-roll span{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:#1d2f6b;opacity:.72;padding:0 44px;white-space:nowrap}
.x-roll-img{animation-duration:110s}
.x-roll-img img{height:72px;width:auto;max-width:none;display:block}
@keyframes x-roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.x-track:hover .x-roll{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.x-roll{animation:none}}

/* testimonials, two from each site, alternating */
.x-testi{background:#fff}
.x-testi-g{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.x-t{margin:0;border-radius:20px;padding:30px 30px 26px;background:var(--grey);border-left:5px solid;display:flex;flex-direction:column;gap:18px}
.x-t-sf{border-left-color:var(--sf-blue)}.x-t-dm{border-left-color:var(--mint)}
.x-t blockquote{margin:0;font-size:1.125rem;line-height:1.55;color:var(--forest)}
.x-t figcaption{font-size:.9375rem;line-height:1.4;color:var(--muted);display:flex;flex-direction:column;gap:2px}
.x-t figcaption b{color:var(--forest)}
.x-t figcaption .o{font-weight:600}
.x-t-sf figcaption .o{color:var(--sf-blue)}.x-t-dm figcaption .o{color:var(--mint-dark)}

/* hero: both portraits dark, one shared fall-off so the contrast matches */
.x-dm img{object-position:50% 30%}.x-sf img{object-position:70% 35%}
.x-dm::after{background:linear-gradient(180deg,rgba(12,22,34,.05) 0%,rgba(12,22,34,.25) 45%,rgba(14,32,40,.94) 100%)}
.x-sf::after{background:linear-gradient(180deg,rgba(12,22,34,.05) 0%,rgba(12,22,34,.25) 45%,rgba(10,22,52,.94) 100%)}
@media (max-width:767px){.x-testi-g{grid-template-columns:1fr}.x-roll span{font-size:1.25rem;padding:0 26px}.x-roll-img img{height:52px}}

.x-plain{margin-top:30px;padding:26px 28px;border-radius:20px;background:var(--grey);position:relative}
.x-plain::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:4px;border-radius:4px;background:var(--co-grad)}
.x-plain h3{font-size:1.25rem;margin-bottom:10px}
.x-plain p{font-size:1.0625rem!important;margin:0 0 10px!important}
.x-plain .x-sig{font-weight:700;margin:4px 0 0!important}

/* same speed for both bands, about 40px a second at 72px tall: duration in proportion to strip width (David 10358px, Seamus 2752px) */
.x-band-sf .x-roll-img{animation-duration:45s}
.x-band-dm .x-roll-img{animation-duration:169s}

/* hero: faces clear of the title.  Photos sit on top, the copy overlaps only the faded bottom. */
.x-photos{height:clamp(460px,58vh,600px)}
.x-dm img{object-position:50% 12%}.x-sf img{object-position:68% 8%}
.x-copy{position:relative;bottom:auto;margin-top:-170px;padding:0 56px 72px;z-index:2}
.x-hero{background:linear-gradient(90deg,#0e2028 0%,#0e2028 50%,#0a1634 50%,#0a1634 100%)}
@media (max-width:767px){.x-copy{margin-top:-1px}}
.x-half>img{height:auto}
.x-half-sf>img{object-position:30% 50%}
@media (max-width:767px){.x-photos{height:auto}.x-ph{aspect-ratio:4/5}}

/* ===== hero v7, 2 Nov late: cinematic.  David's book photo and Seamus by the lamp, each fading into the
   dark centre, faces above the title, the co-brand rule under it.  David's choice from three directions. */
.x-cin{position:relative;min-height:clamp(720px,calc(100svh - 40px),940px);background:#06090c;color:#fff;overflow:hidden;display:flex;align-items:flex-end}
.x-cin-ph{position:absolute;top:0;height:74%;width:50%;background-size:cover;background-position:center 30%}
.x-cin-l{left:0;background-image:url(/assets/img/hero-david-face.jpg);-webkit-mask:linear-gradient(90deg,#000 62%,transparent 100%);mask:linear-gradient(90deg,#000 62%,transparent 100%)}
.x-cin-r{right:0;background-image:url(/assets/img/seamus-261104-hero-sharp.jpg);-webkit-mask:linear-gradient(270deg,#000 62%,transparent 100%);mask:linear-gradient(270deg,#000 62%,transparent 100%)}
.x-cin:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,9,12,0) 48%,rgba(6,9,12,.85) 64%,#06090c 72%);pointer-events:none}
.x-cin-c{position:relative;z-index:2;width:100%;text-align:center;padding:0 24px 56px}
.x-cin h1{margin:0;font-size:clamp(3.6rem,min(8.5vw,12svh),8.2rem);line-height:.88;letter-spacing:-.06em;font-weight:800;color:#fff}
.x-cin-rule{height:6px;width:min(520px,70%);margin:24px auto 20px;border-radius:3px;background:var(--co-grad)}
.x-cin-s{font-size:clamp(1.3rem,2.2vw,1.9rem);font-weight:700;letter-spacing:-.02em;margin:0 0 10px;color:#fff}
.x-cin-m{font-size:1.1rem;color:rgba(255,255,255,.8);margin:0 0 24px}
.x-cin-mn{margin:0 0 6px;font-size:1.2rem;font-weight:700;color:#fff}
.x-sticky{display:none}
@media (max-width:767px){
 .x-cin{min-height:640px}
 .x-cin-ph{height:56%;width:62%;background-position:center 25%}
 .x-cin-mn{font-size:1.05rem}
 .x-cin h1{font-size:3.3rem}
 .x-cin-m{font-size:1rem}
 .x-sticky{display:flex;justify-content:center;position:fixed;left:12px;right:12px;bottom:12px;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,.25)}
 .ev-foot{padding-bottom:96px}
}

/* ===== 2 Nov late: copy panel cut, single-column story, venue section with map (Inner Path detail) */
.x-story-t{max-width:760px;text-align:left}
.x-story-t p{font-size:1.1875rem;line-height:1.6}
ul.x-leave-g{list-style:none;padding:0}
.x-venue-g{align-items:stretch;gap:48px}
.x-venue-n{margin:8px 0 4px;font-size:1.5rem;font-weight:700;color:var(--forest)}
.x-venue-a{margin:0 0 24px;font-size:1.125rem;line-height:1.5;color:var(--forest)}
.x-venue-d{margin:0 0 28px;display:grid;grid-template-columns:auto 1fr;gap:10px 20px}
.x-venue-d dt{font-weight:700;color:var(--forest)}
.x-venue-d dd{margin:0;line-height:1.5;color:#475558}
.x-map{width:100%;height:100%;min-height:380px;border:0;border-radius:20px;display:block;background:#E6E8F4}
@media (max-width:767px){.x-venue-d{grid-template-columns:1fr;gap:2px}.x-venue-d dd{margin-bottom:10px}.x-map{min-height:300px}}
.x-story-t{margin:0 auto;display:flex;flex-direction:column;gap:16px}
.x-story-t p{margin:0}

/* sold out, set by /api/availability on load, 9 Nov 2026 */
.btn.is-soldout,.btn.is-soldout:hover{background:var(--muted);color:#fff;pointer-events:none;cursor:default}

/* hero image, 9 Nov 2026, the LinkedIn event graphic as the hero */
.x-hero{background:#142B2E;color:#fff;text-align:center;padding:0 0 48px}
.x-hero picture{display:block}
.x-hero-img{display:block;width:100%;max-width:1600px;height:auto;margin:0 auto}
@media (min-width:768px){.x-hero{padding-top:24px}.x-hero-img{width:auto;max-width:min(100%,1600px);max-height:calc(100svh - 230px);border-radius:16px}}
.x-hero-c{padding:32px 24px 0}
.x-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:767px){.x-hero-c{padding-top:16px}.x-hero .x-cin-s{font-size:1.25rem}.x-hero .x-cin-m{margin-bottom:16px}}