/* ===================== //ADAPT MONTRÉAL 2026 -- new look ==================
   event/a2026v2.php. From the user's design of 2026-10-16: black ground,
   Archivo (already loaded by shared/head.php), one pink -- #D3008A for
   fields and blocks, #ff4fb8 for small type on black, #a3006b on light --
   square corners, 2px ink rules, hatched bands.

   Everything is scoped under #a26v2 so adapt-main.css (SwissMedium, its h1/p
   padding, its rounded pink <select>) does not reach in.
   ======================================================================= */

:root{
    --a26-ink: #0a0a0a;
    --a26-card: #141414;
    --a26-line: #2a2a2a;
    --a26-paper: #f5f5f3;
    --a26-pink: #D3008A;
    --a26-pink-hi: #ff4fb8;
    --a26-pink-lo: #a3006b;
    --a26-mute: #bdbdb8;
    --a26-gut: clamp(20px, 4vw, 56px);
}

html{ scroll-behavior: smooth; background: var(--a26-ink); }
body, body.dark{ background: var(--a26-ink); }
#mainwrapper, body.dark #mainwrapper{ padding-top: 0; padding-bottom: 0; background: var(--a26-ink); min-height: 100vh; }

#a26v2{
    background: var(--a26-ink); color: var(--a26-paper);
    font-family: 'Archivo', sans-serif; font-weight: 400;
    -webkit-font-smoothing: antialiased;
    overflow-x: clip;
}
#a26v2 *, #a26v2 *::before, #a26v2 *::after{ box-sizing: border-box; }
#a26v2 h1, #a26v2 h2, #a26v2 h3, #a26v2 p, #a26v2 blockquote, #a26v2 figure, #a26v2 fieldset{
    margin: 0; padding: 0; color: inherit; font-family: inherit; line-height: inherit; letter-spacing: inherit; border: 0;
}
#a26v2 strong{ font-family: inherit; letter-spacing: inherit; font-weight: 900; }
#a26v2 a{ color: inherit; text-decoration: none; }
#a26v2 a:hover{ color: var(--a26-pink-hi); }
#a26v2 button{ font: inherit; color: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; }
#a26v2 ::selection{ background: var(--a26-pink); color: #fff; }
#a26v2 a:focus-visible, #a26v2 button:focus-visible, #a26v2 [tabindex]:focus-visible,
#a26v2 input:focus-visible, #a26v2 select:focus-visible, #a26v2 textarea:focus-visible,
#a26v2 .a26-pick input:focus-visible + span{ outline: 2px solid var(--a26-pink-hi); outline-offset: 2px; }
#a26v2 img{ display: block; max-width: 100%; }

/* ---------- motion ---------- */
@keyframes a26slide{ from{ background-position: 0 0; } to{ background-position: 160px 0; } }
@keyframes a26tick{ from{ transform: translateX(0); } to{ transform: translateX(-50%); } }
@keyframes a26bob{ 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(8px); } }
#a26v2 .a26-slide{ animation: a26slide 6s linear infinite; }
#a26v2 .a26-tick{ animation: a26tick 34s linear infinite; }
#a26v2 .a26-tick-slow{ animation: a26tick 60s linear infinite; }
#a26v2 .a26-bob{ animation: a26bob 2.4s ease-in-out infinite; }

/* revealed on scroll: only once the script has said it is running and the
   visitor has not asked for less motion, so nothing is ever left hidden */
#a26v2 [data-rv]{ transition: opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1); }
#a26v2.rvjs [data-rv]:not(.in){ opacity: 0; transform: translateY(40px); }

@media (prefers-reduced-motion: reduce){
    html{ scroll-behavior: auto; }
    #a26v2 [data-rv]{ opacity: 1 !important; transform: none !important; transition: none !important; }
    #a26v2 *, #a26v2 *::before, #a26v2 *::after{ animation: none !important; }
    #a26v2 .a26-photos{ overflow-x: auto; }
}

/* ---------- shared pieces ---------- */
#a26v2 .a26-wrap{ position: relative; max-width: 1440px; margin: 0 auto; }
#a26v2 .a26-rel{ position: relative; }
#a26v2 .a26-min0{ min-width: 0; }
#a26v2 .a26-sec{ position: relative; padding: clamp(80px, 10vw, 150px) var(--a26-gut); }
#a26v2 .a26-light{ background: var(--a26-paper); color: var(--a26-ink); }
#a26v2 .a26-light a:hover{ color: var(--a26-pink); }
#a26v2 .a26-pink{ background: var(--a26-pink); color: #fff; }

#a26v2 .a26-kicker{ font: 800 12px 'Archivo', sans-serif; letter-spacing: .2em; color: var(--a26-pink-hi); text-transform: uppercase; }
#a26v2 .a26-kicker-dark{ color: var(--a26-pink-lo); }
#a26v2 .a26-mb14{ margin-bottom: 14px; }
#a26v2 .a26-mb18{ margin-bottom: 18px; }
#a26v2 .a26-mb22{ margin-bottom: 22px; }
#a26v2 .a26-mt28{ margin-top: 28px; }

#a26v2 .a26-h-xl{ font: 900 clamp(44px, 6.4vw, 112px)/.86 'Archivo', sans-serif; letter-spacing: -.06em; text-wrap: balance; }
#a26v2 .a26-h-l{ font: 900 clamp(40px, 5.6vw, 96px)/.88 'Archivo', sans-serif; letter-spacing: -.06em; text-wrap: balance; }
#a26v2 .a26-h-m{ font: 900 clamp(30px, 3.6vw, 58px)/.95 'Archivo', sans-serif; letter-spacing: -.045em; text-wrap: balance; }
#a26v2 .a26-h-s{ font: 900 clamp(34px, 4vw, 64px)/.9 'Archivo', sans-serif; letter-spacing: -.05em; }
#a26v2 .a26-h-xs{ font: 900 clamp(26px, 2.8vw, 44px)/.9 'Archivo', sans-serif; letter-spacing: -.045em; }

#a26v2 .a26-ghost{
    position: absolute; font: 900 clamp(120px, 18vw, 300px)/.8 'Archivo', sans-serif; letter-spacing: -.07em;
    color: transparent; -webkit-text-stroke: 1px rgba(211,0,138,.28); white-space: nowrap; pointer-events: none;
}

#a26v2 .a26-hatch-top{ position: absolute; left: 0; right: 0; top: 0; height: 14px;
    background: repeating-linear-gradient(-45deg, var(--a26-pink) 0 6px, transparent 6px 14px); }
#a26v2 .a26-hatch-ink{ background: repeating-linear-gradient(-45deg, var(--a26-ink) 0 6px, var(--a26-pink) 6px 12px); }

/* buttons */
#a26v2 .a26-ctas{ display: flex; flex-wrap: wrap; gap: 10px; }
#a26v2 .a26-btn{
    display: inline-block; cursor: pointer; white-space: nowrap; text-transform: uppercase;
    font: 800 12px 'Archivo', sans-serif; letter-spacing: .14em; line-height: 1.2;
    padding: 15px 20px; border: 2px solid transparent; transition: background .2s, color .2s;
}
#a26v2 .a26-btn-lg{ font-size: 12.5px; padding: 16px 22px; }
#a26v2 .a26-btn-pink{ background: var(--a26-pink); color: #fff; border-color: var(--a26-pink); }
#a26v2 .a26-btn-line{ border-color: var(--a26-paper); padding-left: 20px; padding-right: 20px; }
#a26v2 .a26-btn-pink:hover, #a26v2 .a26-btn-line:hover{ background: var(--a26-paper); color: var(--a26-ink); border-color: var(--a26-paper); }
#a26v2 .a26-btn-ink{ background: var(--a26-ink); color: #fff; border-color: var(--a26-ink); padding: 14px 18px; }
#a26v2 .a26-light .a26-btn-ink:hover{ background: var(--a26-pink); color: #fff; border-color: var(--a26-pink); }

/* ---------- header ---------- */
#a26v2 .a26-nav{
    position: fixed; top: 0; left: 0; right: 0; z-index: 40;
    display: flex; align-items: center; gap: 14px;
    padding: 20px var(--a26-gut); background: transparent; border-bottom: 1px solid transparent;
    transition: padding .3s, background .3s, border-color .3s;
}
#a26v2 .a26-nav.solid{ padding-top: 10px; padding-bottom: 10px; background: rgba(10,10,10,.92);
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom-color: #1e1e1e; }
#a26v2 .a26-logo{ flex: 0 0 auto; font: 900 22px/1 'Archivo', sans-serif; letter-spacing: -.05em; white-space: nowrap; color: var(--a26-paper); }
#a26v2 .a26-logo .pk{ color: var(--a26-pink); }
#a26v2 .a26-logo .th{ font-weight: 600; letter-spacing: -.02em; }
#a26v2 .a26-logo .yr{ color: var(--a26-pink-hi); }
#a26v2 .a26-links{ display: flex; gap: 22px; margin-left: auto; }
#a26v2 .a26-links a{ font: 800 11.5px 'Archivo', sans-serif; letter-spacing: .14em; text-transform: uppercase; }
#a26v2 .a26-lang{ flex: 0 0 auto; margin-left: 18px; padding: 7px 9px; border: 1px solid #3a3a3a; font: 800 11px 'Archivo', sans-serif; letter-spacing: .12em; }
#a26v2 .a26-nav-cta{ flex: 0 0 auto; padding: 11px 15px; font-size: 11.5px; border: 0; }
#a26v2 .a26-nav-cta .short{ display: none; }

/* ---------- hero ---------- */
#a26v2 .a26-hero{ position: relative; height: 100vh; height: 100svh; min-height: 720px; overflow: hidden; background: var(--a26-ink); }
#a26v2 .a26-hero-film{ position: absolute; left: 0; right: 0; top: -12%; height: 124%; overflow: hidden; }
#a26v2 .a26-hero-still{ position: absolute; inset: 0; background-size: cover; background-position: center; opacity: .55; }
#a26v2 .a26-hero-film iframe{
    position: absolute; left: 50%; top: 50%;
    width: 177.78vh; min-width: 100%; height: 56.25vw; min-height: 100%;
    transform: translate(-50%, -50%) scale(1.15);
    border: 0; pointer-events: none; opacity: .78; transition: opacity .5s;
}
#a26v2 .a26-hero.paused .a26-hero-film iframe{ opacity: 0; }
#a26v2 .a26-hero-shade{ position: absolute; inset: 0;
    background: linear-gradient(90deg, rgba(10,10,10,.92) 0%, rgba(10,10,10,.55) 55%, rgba(10,10,10,.35) 100%), linear-gradient(0deg, #0a0a0a 0%, rgba(10,10,10,0) 40%); }
#a26v2 .a26-hero .a26-hatch-top{ z-index: 1; }
#a26v2 .a26-hero-ghost{ position: absolute; right: -6%; bottom: 6%; font: 900 clamp(220px, 40vw, 720px)/.78 'Archivo', sans-serif; letter-spacing: -.08em;
    color: transparent; -webkit-text-stroke: 2px rgba(211,0,138,.55); white-space: nowrap; pointer-events: none; }
#a26v2 .a26-hero-body{ position: absolute; left: var(--a26-gut); right: var(--a26-gut); bottom: clamp(50px, 9vh, 96px); }
#a26v2 .a26-kick-row{ display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
#a26v2 .a26-hatch-chip{ width: 56px; height: 12px; background: repeating-linear-gradient(-45deg, var(--a26-pink) 0 4px, transparent 4px 8px); }
#a26v2 .a26-hero-pre{ font: 800 clamp(28px, 3.4vw, 52px)/1 'Archivo', sans-serif; letter-spacing: -.03em; margin-bottom: -.06em; }
#a26v2 .a26-hero-ip{ font: 900 clamp(150px, 24vw, 400px)/.78 'Archivo', sans-serif; letter-spacing: -.08em; margin: 0 0 26px; color: var(--a26-pink); }
#a26v2 .a26-hero-grid{ display: grid; grid-template-columns: minmax(0, 560px) auto; gap: 24px; align-items: end; }
#a26v2 .a26-hero-par{ font: 500 clamp(15px, 1.3vw, 18px)/1.55 'Archivo', sans-serif; color: #e6e6e2; }
#a26v2 .a26-hero-date{ font: 900 clamp(18px, 1.6vw, 24px) 'Archivo', sans-serif; letter-spacing: -.02em; margin-bottom: 14px; }
#a26v2 .a26-scroll{ position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px;
    font: 800 10px 'Archivo', sans-serif; letter-spacing: .2em; color: var(--a26-mute); text-transform: uppercase; }
#a26v2 .a26-scroll .bar{ width: 2px; height: 28px; background: var(--a26-pink); }
#a26v2 .a26-film-toggle{ position: absolute; right: var(--a26-gut); bottom: 26px; width: 42px; height: 42px; display: grid; place-items: center;
    border: 1px solid rgba(255,255,255,.4); background: rgba(10,10,10,.5); font: 900 12px 'Archivo', sans-serif; z-index: 2; }
#a26v2 .a26-film-toggle:hover{ border-color: var(--a26-pink); color: var(--a26-pink-hi); }
#a26v2 .a26-film-toggle .g-play{ display: none; }
#a26v2 .a26-hero.paused .a26-film-toggle .g-play{ display: inline; }
#a26v2 .a26-hero.paused .a26-film-toggle .g-pause{ display: none; }

/* ---------- ticker ---------- */
#a26v2 .a26-ticker{ overflow: hidden; background: var(--a26-pink); color: #fff; border-top: 2px solid var(--a26-ink); border-bottom: 2px solid var(--a26-ink); }
#a26v2 .a26-ticker-track{ display: flex; width: max-content; }
#a26v2 .a26-ticker-item{ display: flex; align-items: center; gap: 22px; padding: 16px 22px; font: 900 clamp(20px, 2vw, 30px)/1 'Archivo', sans-serif; letter-spacing: -.02em; white-space: nowrap; }
#a26v2 .a26-ticker-hatch{ width: 28px; height: 10px; background: repeating-linear-gradient(-45deg, #fff 0 3px, transparent 3px 6px); }

/* ---------- 01 format ---------- */
#a26v2 .a26-format{ overflow: hidden; }
#a26v2 .a26-ghost-summit{ left: -4%; top: 40px; }
#a26v2 .a26-format-title{ margin: 0 0 clamp(36px, 4vw, 60px); max-width: 15ch; }
#a26v2 .a26-format-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
#a26v2 .a26-format-card{ min-width: 0; padding: clamp(22px, 2.6vw, 34px); background: var(--a26-card); border: 1px solid var(--a26-line); }
#a26v2 .a26-format-card:hover{ background: var(--a26-pink); border-color: var(--a26-pink); }
#a26v2 .a26-format-card:hover .a26-format-d{ color: #fff; }
#a26v2 .a26-format-top{ display: flex; justify-content: space-between; align-items: center; }
#a26v2 .a26-outline-num{ font: 900 clamp(46px, 4.4vw, 72px)/1 'Archivo', sans-serif; letter-spacing: -.05em; color: transparent; -webkit-text-stroke: 1.5px var(--a26-paper); }
#a26v2 .a26-arrow{ font: 900 22px 'Archivo', sans-serif; }
#a26v2 .a26-format-name{ font: 900 clamp(26px, 2.4vw, 36px)/1 'Archivo', sans-serif; letter-spacing: -.04em; margin: 34px 0 12px; }
#a26v2 .a26-format-d{ font: 500 15px/1.55 'Archivo', sans-serif; color: #d8d8d4; }

/* ---------- 02 definition ---------- */
#a26v2 .a26-def{ overflow: hidden; }
#a26v2 .a26-two{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(30px, 5vw, 90px); align-items: start; }
/* a long French word ("divertissement ?") ran into the right column at 6vw: sized to fit its half, and a word longer still wraps */
#a26v2 .a26-def-title{ font-size: clamp(38px, 4.4vw, 80px); overflow-wrap: break-word; hyphens: manual; }
#a26v2 .a26-def-body{ padding-top: clamp(0px, 4vw, 60px); }
#a26v2 .a26-def-lead{ font: 700 clamp(18px, 1.6vw, 24px)/1.45 'Archivo', sans-serif; letter-spacing: -.01em; margin: 0 0 22px; }
#a26v2 .a26-def-p{ font: 500 clamp(15px, 1.25vw, 18px)/1.6 'Archivo', sans-serif; color: #2a2a2a; margin: 0 0 26px; }
#a26v2 .a26-chips{ display: flex; flex-wrap: wrap; gap: 6px; }
#a26v2 .a26-chip{ padding: 8px 12px; border: 2px solid var(--a26-ink); font: 800 12.5px 'Archivo', sans-serif; transition: background .2s, color .2s, border-color .2s; }
#a26v2 .a26-chip:hover{ background: var(--a26-pink); color: #fff; border-color: var(--a26-pink); }
#a26v2 .a26-rich h2{ font: 900 clamp(32px, 4vw, 64px)/.95 'Archivo', sans-serif; letter-spacing: -.05em; margin-bottom: 20px; }
#a26v2 .a26-rich p{ font: 500 16px/1.6 'Archivo', sans-serif; margin-bottom: 14px; }

/* ---------- quote ---------- */
#a26v2 .a26-quote{ overflow: hidden; padding-top: clamp(90px, 11vw, 170px); padding-bottom: clamp(90px, 11vw, 170px); }
#a26v2 .a26-quote-lines{ position: absolute; inset: -20% 0; background: repeating-linear-gradient(-45deg, rgba(10,10,10,.14) 0 3px, transparent 3px 22px); }
#a26v2 .a26-quote-mark{ position: absolute; left: -2%; top: -30px; font: 900 clamp(260px, 36vw, 600px)/.8 'Archivo', sans-serif; letter-spacing: -.08em;
    color: transparent; -webkit-text-stroke: 2px rgba(10,10,10,.35); pointer-events: none; }
#a26v2 .a26-quote-body{ position: relative; max-width: 1240px; margin: 0 auto; }
#a26v2 .a26-quote-a{ font: 900 clamp(30px, 4.2vw, 72px)/1.02 'Archivo', sans-serif; letter-spacing: -.045em; text-wrap: balance; }
#a26v2 .a26-quote-b{ font: 800 clamp(20px, 2vw, 32px)/1.2 'Archivo', sans-serif; letter-spacing: -.02em; margin-top: 28px; color: var(--a26-ink); max-width: 40ch; }

/* ---------- 03 pillars ---------- */
#a26v2 .a26-pillars-title{ margin: 0 0 clamp(36px, 4vw, 60px); max-width: 18ch; }
#a26v2 .a26-pillar-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 2px solid var(--a26-paper); }
#a26v2 .a26-pillar{ position: relative; min-width: 0; padding: clamp(22px, 2.4vw, 32px) clamp(16px, 1.8vw, 24px) 30px; border-right: 1px solid var(--a26-line); transition: background .3s; outline-offset: -2px !important; }
#a26v2 .a26-pillar:last-child{ border-right: 0; }
#a26v2 .a26-pillar.on{ background: var(--a26-card); }
#a26v2 .a26-pillar-bar{ position: absolute; left: 0; right: 0; top: -2px; height: 6px; background: var(--a26-pink); transform: scaleX(0); transform-origin: left; transition: transform .45s cubic-bezier(.2,.7,.2,1); }
#a26v2 .a26-pillar.on .a26-pillar-bar{ transform: scaleX(1); }
#a26v2 .a26-pillar-n{ font: 900 14px 'Archivo', sans-serif; letter-spacing: .06em; color: var(--a26-pink-hi); }
#a26v2 .a26-pillar-t{ font: 900 clamp(34px, 3.4vw, 58px)/.9 'Archivo', sans-serif; letter-spacing: -.05em; margin: 22px 0 16px; transition: color .3s; overflow-wrap: anywhere; }
#a26v2 .a26-pillar.on .a26-pillar-t{ color: var(--a26-pink); }
#a26v2 .a26-pillar-k{ font: 800 13px 'Archivo', sans-serif; margin-bottom: 10px; }
#a26v2 .a26-pillar-d{ font: 500 14px/1.6 'Archivo', sans-serif; color: var(--a26-mute); }

/* ---------- //A26 industries ---------- */
#a26v2 .a26-industries{ overflow: hidden; padding: clamp(70px, 9vw, 140px) 0; border-top: 1px solid #1e1e1e; }
#a26v2 .a26-a26{ font: 900 clamp(180px, 30vw, 520px)/.8 'Archivo', sans-serif; letter-spacing: -.08em; white-space: nowrap; color: var(--a26-pink); padding-left: 4vw; }
#a26v2 .a26-industries-body{ margin-top: clamp(30px, 4vw, 60px); padding: 0 var(--a26-gut); }
#a26v2 .a26-industries-title{ margin: 0 0 clamp(30px, 3.6vw, 54px); max-width: 24ch; }
#a26v2 .a26-ind-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--a26-line); }
#a26v2 .a26-ind{ min-width: 0; padding: clamp(24px, 3vw, 40px); border-right: 1px solid var(--a26-line); transition: background .3s; }
#a26v2 .a26-ind:last-child{ border-right: 0; }
#a26v2 .a26-ind:hover{ background: var(--a26-card); }
#a26v2 .a26-ind-n{ font: 900 clamp(70px, 8vw, 140px)/.8 'Archivo', sans-serif; letter-spacing: -.07em; color: transparent; -webkit-text-stroke: 2px var(--a26-pink); }
#a26v2 .a26-ind-t{ font: 900 clamp(22px, 2vw, 30px)/1.1 'Archivo', sans-serif; letter-spacing: -.025em; margin-top: 22px; }

/* ---------- 04 partners ---------- */
#a26v2 .a26-partners{ padding-top: clamp(70px, 9vw, 130px); padding-bottom: clamp(70px, 9vw, 130px); }
#a26v2 .a26-rule-head{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 14px; padding-bottom: 12px; border-bottom: 2px solid var(--a26-ink); margin-bottom: 16px; }
#a26v2 .a26-count{ font: 700 13px 'Archivo', sans-serif; color: #4a4a46; }
#a26v2 .a26-logos{ display: grid; }
#a26v2 .a26-logos-main{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: clamp(40px, 5vw, 70px); }
#a26v2 .a26-logos-sup{ grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
#a26v2 .a26-logo-card{ position: relative; display: block; aspect-ratio: 3 / 2; background: #fff; border: 1px solid #cfcfca; overflow: hidden; transition: border-color .2s, box-shadow .2s; }
/* the logo is laid in, not laid out: a square file must not make its card taller */
#a26v2 .a26-logo-card img{ position: absolute; left: 10%; top: 12%; width: 80%; height: 76%; object-fit: contain; }
#a26v2 .a26-logo-card:hover{ border-color: var(--a26-pink); box-shadow: inset 0 0 0 1px var(--a26-pink); }
#a26v2 .a26-logo-big{ aspect-ratio: 16 / 9; border: 2px solid var(--a26-ink); overflow: visible; }
#a26v2 .a26-logo-big img{ left: 14%; top: 18%; width: 72%; height: 64%; }
#a26v2 .a26-logo-big:hover{ border-color: var(--a26-ink); box-shadow: 8px 8px 0 var(--a26-pink); }

/* ---------- 05 participants ---------- */
#a26v2 .a26-people{ overflow: clip; padding-top: clamp(70px, 9vw, 130px); padding-bottom: clamp(70px, 9vw, 130px); }
#a26v2 .a26-ghost-people{ right: -6%; top: 30px; }
#a26v2 .a26-people-head{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 14px; margin-bottom: 18px; }
#a26v2 .a26-people-head .a26-h-xl{ font-size: clamp(44px, 6vw, 104px); }
#a26v2 .a26-people-count{ font: 800 14px 'Archivo', sans-serif; color: var(--a26-mute); }
#a26v2 .a26-cats{ position: sticky; top: 64px; z-index: 10; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 10px 0; background: var(--a26-ink); }
#a26v2 .a26-cats::-webkit-scrollbar{ display: none; }
#a26v2 .a26-cat{ flex: none; white-space: nowrap; padding: 9px 13px; font: 800 12px 'Archivo', sans-serif; background: transparent; color: var(--a26-paper); border: 1px solid #3a3a3a; }
#a26v2 .a26-cat .n{ opacity: .6; margin-left: 6px; }
#a26v2 .a26-cat:hover{ border-color: var(--a26-pink); }
#a26v2 .a26-cat.on{ background: var(--a26-pink); color: #fff; border-color: var(--a26-pink); }
#a26v2 .a26-ppl-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 16px; }
#a26v2 .a26-person{ display: flex; flex-direction: column; gap: 10px; padding: 16px; background: var(--a26-card); border: 1px solid #262626; min-height: 150px; color: var(--a26-paper); transition: border-color .2s, background .2s; }
#a26v2 .a26-person[hidden]{ display: none; }
#a26v2 a.a26-person:hover{ border-color: var(--a26-pink); background: #1a0f16; color: var(--a26-paper); }
#a26v2 .a26-person-top{ display: flex; align-items: center; justify-content: space-between; gap: 8px; }
#a26v2 .a26-av{ width: 40px; height: 40px; flex: none; display: grid; place-items: center; background: var(--a26-ink); color: var(--a26-pink-hi); border: 2px solid var(--a26-pink); font: 900 13px 'Archivo', sans-serif; overflow: hidden; }
#a26v2 .a26-av-img{ background: #fff; }
#a26v2 .a26-av-img img{ width: 100%; height: 100%; object-fit: contain; }
#a26v2 .a26-in{ font: 800 10px 'Archivo', sans-serif; letter-spacing: .12em; color: #9a9a95; }
#a26v2 .a26-person-n{ font: 900 17px/1.15 'Archivo', sans-serif; letter-spacing: -.02em; }
#a26v2 .a26-person-r{ font: 600 12.5px/1.45 'Archivo', sans-serif; color: var(--a26-mute); }
#a26v2 .a26-person-c{ margin-top: auto; font: 800 9.5px 'Archivo', sans-serif; letter-spacing: .14em; color: var(--a26-pink-hi); text-transform: uppercase; }

/* ---------- photos (the old page's slideshow) ---------- */
#a26v2 .a26-photos{ overflow: hidden; background: var(--a26-ink); border-top: 2px solid var(--a26-pink); border-bottom: 2px solid var(--a26-pink); }
#a26v2 .a26-photos-track{ display: flex; width: max-content; }
#a26v2 .a26-photo{ flex: none; width: clamp(280px, 34vw, 520px); aspect-ratio: 3 / 2; border-right: 2px solid var(--a26-ink); overflow: hidden; }
#a26v2 .a26-photo img{ width: 100%; height: 100%; object-fit: cover; }

/* ---------- 06 venue ---------- */
#a26v2 .a26-venue{ padding-top: clamp(70px, 9vw, 130px); padding-bottom: clamp(70px, 9vw, 130px); }
#a26v2 .a26-two-venue{ grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(30px, 4vw, 60px); }
#a26v2 .a26-venue .a26-h-xl{ font-size: clamp(44px, 6vw, 100px); }
#a26v2 .a26-addr{ font: 800 clamp(18px, 1.6vw, 24px)/1.35 'Archivo', sans-serif; margin-bottom: 22px; }
#a26v2 .a26-access{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
#a26v2 .a26-acc{ display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 18px; align-items: start; padding: 18px 20px; background: #fff; border: 2px solid var(--a26-ink); }
#a26v2 .a26-acc-g{ width: 80px; height: 80px; display: grid; place-items: center; background: var(--a26-pink); color: #fff; font: 900 22px 'Archivo', sans-serif; letter-spacing: -.03em; }
#a26v2 .a26-acc-k{ font: 800 11px 'Archivo', sans-serif; letter-spacing: .18em; color: #4a4a46; margin-bottom: 6px; text-transform: uppercase; }
#a26v2 .a26-acc-t{ font: 900 clamp(20px, 1.8vw, 26px)/1.15 'Archivo', sans-serif; letter-spacing: -.025em; }
#a26v2 .a26-acc-d{ font: 600 13.5px/1.5 'Archivo', sans-serif; color: #2a2a2a; margin-top: 6px; }
#a26v2 .a26-acc-a{ display: inline-block; margin-top: 10px; font: 800 11px 'Archivo', sans-serif; letter-spacing: .14em; color: var(--a26-ink); border-bottom: 2px solid var(--a26-pink); text-transform: uppercase; }

/* ---------- contact ---------- */
#a26v2 .a26-contact{ overflow: hidden; padding-bottom: 40px; }
#a26v2 .a26-mail{ display: inline-block; font: 900 clamp(44px, 7vw, 128px)/.86 'Archivo', sans-serif; letter-spacing: -.06em; margin-bottom: 30px; overflow-wrap: anywhere; }
#a26v2 .a26-light .a26-mail:hover, #a26v2 .a26-mail:hover{ color: var(--a26-pink); }
#a26v2 .a26-contact-ctas{ margin-bottom: clamp(60px, 8vw, 110px); }
#a26v2 .a26-wordmark{ font: 900 clamp(60px, 11vw, 200px)/.85 'Archivo', sans-serif; letter-spacing: -.065em; white-space: nowrap; color: transparent; -webkit-text-stroke: 1.5px var(--a26-pink); }
#a26v2 .a26-foot{ display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 30px; padding-top: 20px; border-top: 1px solid #262626; font: 600 12px 'Archivo', sans-serif; color: #77776f; }
#a26v2 .a26-foot a{ margin-left: auto; color: var(--a26-mute); }

/* ---------- modals ---------- */
html.a26-lock, html.a26-lock body{ overflow: hidden; }
#a26v2 .a26-modal{ position: fixed; inset: 0; z-index: 80; display: flex; align-items: center; justify-content: center; padding: 16px; }
#a26v2 .a26-modal[hidden]{ display: none; }
#a26v2 .a26-modal-back{ position: absolute; inset: 0; background: rgba(5,5,5,.82); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
#a26v2 .a26-dialog{ position: relative; width: min(1020px, 100%); height: min(760px, calc(100vh - 32px)); height: min(760px, calc(100dvh - 32px));
    display: grid; grid-template-columns: 300px minmax(0, 1fr); background: var(--a26-paper); color: var(--a26-ink); }
#a26v2 .a26-dialog-s{ height: min(680px, calc(100vh - 32px)); height: min(680px, calc(100dvh - 32px)); }
#a26v2 .a26-mside{ position: relative; overflow: hidden; background: var(--a26-pink); color: #fff; padding: 26px 24px; display: flex; flex-direction: column; }
#a26v2 .a26-mside-lines{ position: absolute; inset: 0; background: repeating-linear-gradient(-45deg, rgba(10,10,10,.16) 0 3px, transparent 3px 18px); }
#a26v2 .a26-mside-k{ position: relative; font: 800 11px 'Archivo', sans-serif; letter-spacing: .2em; margin-bottom: 12px; }
#a26v2 .a26-mside-t{ position: relative; font: 900 40px/.9 'Archivo', sans-serif; letter-spacing: -.05em; }
#a26v2 .a26-mside-d{ position: relative; font: 700 14px/1.5 'Archivo', sans-serif; margin-top: 16px; overflow-wrap: anywhere; }
#a26v2 .a26-mside-ip{ position: relative; margin-top: auto; font: 900 120px/.8 'Archivo', sans-serif; letter-spacing: -.08em; color: transparent; -webkit-text-stroke: 2px #fff; }
#a26v2 .a26-mmain{ min-width: 0; display: flex; flex-direction: column; min-height: 0; }
#a26v2 .a26-mhead{ flex: none; display: flex; align-items: center; gap: 10px; padding: 14px 20px; border-bottom: 2px solid var(--a26-ink); }
#a26v2 .a26-mstep{ font: 800 11px 'Archivo', sans-serif; letter-spacing: .16em; text-transform: uppercase; }
#a26v2 .a26-mstep[hidden]{ display: none; }
#a26v2 .a26-x{ margin-left: auto; width: 38px; height: 38px; display: grid; place-items: center; border: 2px solid var(--a26-ink); font: 400 20px/1 'Archivo', sans-serif; }
#a26v2 .a26-x:hover{ background: var(--a26-ink); color: var(--a26-pink-hi); }
#a26v2 .a26-mbody{ flex: 1 1 0%; min-height: 0; overflow: auto; padding: 20px; overscroll-behavior: contain; }
#a26v2 .a26-form{ display: flex; flex-direction: column; gap: 18px; }
#a26v2 .a26-form[hidden]{ display: none; }
#a26v2 .a26-f2{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#a26v2 .a26-field{ display: block; min-width: 0; }
#a26v2 .a26-lab{ display: block; font: 800 10px 'Archivo', sans-serif; letter-spacing: .14em; margin-bottom: 6px; text-transform: uppercase; padding: 0; }
#a26v2 .a26-lab-note{ letter-spacing: .06em; text-transform: none; font-weight: 600; color: #4a4a46; margin-left: 6px; }
#a26v2 .a26-field input, #a26v2 .a26-field select, #a26v2 .a26-field textarea{
    width: 100%; height: 46px; border: 2px solid var(--a26-ink); border-radius: 0; background: #fff; color: var(--a26-ink);
    padding: 0 12px; outline: none; font: 600 14.5px 'Archivo', sans-serif; box-shadow: none; margin: 0;
}
#a26v2 .a26-field textarea{ height: auto; min-height: 92px; padding: 10px 12px; resize: vertical; line-height: 1.45; }
#a26v2 .a26-field select{ -webkit-appearance: auto; appearance: auto; padding: 0 10px !important; font-weight: 700; font-size: 14px; background: #fff !important; background-image: none !important; border-radius: 0 !important; }
#a26v2 .a26-field input:focus, #a26v2 .a26-field select:focus, #a26v2 .a26-field textarea:focus{ border-color: var(--a26-pink); }
#a26v2 .a26-field.bad input, #a26v2 .a26-field.bad textarea{ border-color: #b3261e; }
#a26v2 .a26-goals{ min-width: 0; }
#a26v2 .a26-goals legend{ margin-bottom: 10px; }
#a26v2 .a26-goal-g{ margin-bottom: 12px; }
#a26v2 .a26-goal-t{ font: 900 13.5px 'Archivo', sans-serif; margin-bottom: 6px; }
#a26v2 .a26-chiprow{ display: flex; flex-wrap: wrap; gap: 6px; }
#a26v2 .a26-pick{ position: relative; cursor: pointer; }
#a26v2 .a26-pick input{ position: absolute; opacity: 0; width: 1px; height: 1px; }
#a26v2 .a26-pick span{ display: inline-block; padding: 8px 11px; font: 800 12px 'Archivo', sans-serif; background: #fff; color: var(--a26-ink); border: 2px solid var(--a26-ink); }
#a26v2 .a26-pick input:checked + span{ background: var(--a26-ink); color: var(--a26-pink-hi); }
#a26v2 .a26-pick input[type=checkbox]:checked + span::before{ content: "\2713\00a0"; }
#a26v2 .a26-pick input:disabled + span{ opacity: .45; cursor: not-allowed; }
#a26v2 .a26-mfoot{ flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 13px 20px; border-top: 2px solid var(--a26-ink); }
#a26v2 .a26-mfoot[hidden]{ display: none; }
#a26v2 .a26-hint{ flex: 1 1 0%; font: 600 12px 'Archivo', sans-serif; color: #4a4a46; }
#a26v2 .a26-hint.err{ color: #b3261e; }
#a26v2 .a26-send{ white-space: nowrap; padding: 14px 18px; font: 800 12px 'Archivo', sans-serif; letter-spacing: .14em; text-transform: uppercase;
    background: #deded9; color: #77776f; border: 2px solid #deded9; cursor: not-allowed; }
#a26v2 .a26-send.ok{ background: var(--a26-pink); color: #fff; border-color: var(--a26-ink); cursor: pointer; }
#a26v2 .a26-send.ok:hover{ background: var(--a26-ink); color: var(--a26-pink-hi); }
#a26v2 .a26-send.busy{ opacity: .6; cursor: progress; }
#a26v2 .a26-sent{ min-height: 100%; display: flex; flex-direction: column; justify-content: center; }
#a26v2 .a26-sent[hidden]{ display: none; }
#a26v2 .a26-sent-mark{ width: 64px; height: 64px; display: grid; place-items: center; background: var(--a26-pink); color: #fff; font: 900 28px 'Archivo', sans-serif; margin-bottom: 20px; }
#a26v2 .a26-sent-t{ font: 900 clamp(34px, 4vw, 56px)/.9 'Archivo', sans-serif; letter-spacing: -.05em; margin-bottom: 12px; outline: none; }
#a26v2 .a26-sent-d{ font: 600 15.5px/1.55 'Archivo', sans-serif; color: #2a2a2a; max-width: 46ch; }

/* ---------- responsive (the design's own breakpoints) ---------- */
@media (max-width: 1180px){
    #a26v2 .a26-links{ display: none; }
    #a26v2 .a26-lang{ margin-left: auto; }
}
@media (max-width: 1100px){
    #a26v2 .a26-pillar-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #a26v2 .a26-pillar:nth-child(2){ border-right: 0; }
    #a26v2 .a26-format-grid, #a26v2 .a26-two, #a26v2 .a26-two-venue, #a26v2 .a26-hero-grid{ grid-template-columns: minmax(0, 1fr); }
    #a26v2 .a26-ppl-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #a26v2 .a26-logos-sup{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
    #a26v2 .a26-logos-main{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px){
    #a26v2 .a26-pillar-grid, #a26v2 .a26-ind-grid, #a26v2 .a26-ppl-grid, #a26v2 .a26-f2{ grid-template-columns: minmax(0, 1fr); }
    #a26v2 .a26-pillar{ border-right: 0; border-bottom: 1px solid var(--a26-line); }
    #a26v2 .a26-ind{ border-right: 0; border-bottom: 1px solid var(--a26-line); }
    #a26v2 .a26-ind:last-child{ border-bottom: 0; }
    #a26v2 .a26-logos-sup, #a26v2 .a26-logos-main{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #a26v2 .a26-dialog{ grid-template-columns: minmax(0, 1fr); }
    #a26v2 .a26-mside{ display: none; }
    #a26v2 .a26-photo{ width: 78vw; }
}
@media (max-width: 520px){
    #a26v2 .a26-nav-cta .long{ display: none; }
    #a26v2 .a26-nav-cta .short{ display: inline; }
    #a26v2 .a26-logo .yr{ display: none; }
    #a26v2 .a26-modal{ padding: 0; }
    #a26v2 .a26-dialog, #a26v2 .a26-dialog-s{ height: 100vh; height: 100dvh; }
}
/* the design's header runs its button off a 390px screen: a little tighter so it fits */
@media (max-width: 420px){
    #a26v2 .a26-nav{ gap: 8px; }
    #a26v2 .a26-logo{ font-size: 18px; }
    #a26v2 .a26-lang{ padding: 6px 8px; }
    #a26v2 .a26-nav-cta{ padding: 10px 11px; letter-spacing: .1em; }
}
