/* WAC Digital Summit 2027 — summit page (bold edition). html body.page-summit #main .s2 is replaced by a high-specificity prefix at build time. */
@font-face{font-family:'Anton';font-weight:400;font-display:swap;src:url('fonts/anton-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-weight:500;font-display:swap;src:url('fonts/space-grotesk-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-weight:700;font-display:swap;src:url('fonts/space-grotesk-latin-700-normal.woff2') format('woff2')}
.page-summit{--ink:#0c0d16;--ink2:#161827;--cream:#f4efe6;--paper:#fffaf2;--hot:#ff5b2e;--ai:#3d7bff;--int:#10c4a6;--sk:#ffb31a;--as:#8b5cf6;
 --grad:linear-gradient(90deg,#3d7bff,#10c4a6 28%,#ffb31a 55%,#ff5b2e 75%,#8b5cf6);
 --disp:Anton,'Bebas Neue',Impact,sans-serif;--grot:'Space Grotesk',Inter,system-ui,sans-serif;--sans:Inter,system-ui,Arial,sans-serif}
html body.page-summit #main .s2{font-family:var(--sans);color:var(--ink);background:var(--ink);overflow-x:clip}
html body.page-summit #main .s2 *{box-sizing:border-box}
html body.page-summit #main .s2 a{color:inherit}
html body.page-summit #main .s2 h1,html body.page-summit #main .s2 h2,html body.page-summit #main .s2 h3,html body.page-summit #main .s2 h4{margin:0;text-transform:none;letter-spacing:0;color:inherit;font-style:normal}
html body.page-summit #main .s2 p{margin:0}
html body.page-summit #main .s2 .w{max-width:1320px;margin:0 auto;padding:0 40px}
html body.page-summit #main .s2 .sec{padding:120px 0;position:relative}
html body.page-summit #main .s2 .dark{background:var(--ink);color:var(--cream)}
html body.page-summit #main .s2 .light{background:var(--cream);color:var(--ink)}
html body.page-summit #main .s2 .paper{background:var(--paper);color:var(--ink)}
html body.page-summit #main .s2 .disp{font-family:var(--disp);font-weight:400;text-transform:uppercase;line-height:.88;letter-spacing:.005em}
html body.page-summit #main .s2 .tag{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 var(--grot);letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;border-radius:40px;background:var(--grad);color:var(--ink)}
html body.page-summit #main .s2 .tag.out{background:transparent;border:1.5px solid currentColor;color:inherit}
html body.page-summit #main .s2 .tag.ink{background:var(--ink);color:var(--cream)}
html body.page-summit #main .s2 .h2{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:clamp(54px,8.4vw,128px);line-height:.88;margin-top:22px}
html body.page-summit #main .s2 .h2 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
html body.page-summit #main .s2 .h2 .o{color:var(--hot)}
html body.page-summit #main .s2 .lede{font:500 19px/1.6 var(--grot);max-width:560px;opacity:.82}
html body.page-summit #main .s2 .head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:60px;flex-wrap:wrap}
html body.page-summit #main .s2 .head .lede{margin-bottom:8px}
html body.page-summit #main .s2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:20px 30px;font:700 14px/1 var(--grot);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .2s,background .2s,color .2s,box-shadow .2s;border-radius:0}
html body.page-summit #main .s2 .btn svg{width:18px;height:18px}
html body.page-summit #main .s2 .btn:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--ink)}
html body.page-summit #main .s2 .dark .btn:hover{box-shadow:6px 6px 0 var(--cream)}
html body.page-summit #main .s2 .btn.hot{background:var(--hot);color:#fff}
html body.page-summit #main .s2 .btn.cream{background:var(--cream);color:var(--ink)}
html body.page-summit #main .s2 .btn.ink{background:var(--ink);color:var(--cream)}
html body.page-summit #main .s2 .btn.line{border-color:currentColor;background:transparent}
html body.page-summit #main .s2 .preview-bar{background:repeating-linear-gradient(45deg,#ffb31a 0 14px,#0c0d16 14px 28px);padding:4px 0}
html body.page-summit #main .s2 .preview-bar span{display:block;background:#ffb31a;color:var(--ink);text-align:center;font:700 12px/1 var(--grot);letter-spacing:.16em;text-transform:uppercase;padding:8px}

/* ---------------- hero */
html body.page-summit #main .s2 .hero{position:relative;background:var(--ink);color:var(--cream);padding:46px 0 0;overflow:hidden;isolation:isolate}
html body.page-summit #main .s2 .hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(600px 400px at 85% 10%,rgba(139,92,246,.35),transparent 70%),radial-gradient(700px 500px at 0% 90%,rgba(61,123,255,.28),transparent 70%),radial-gradient(500px 360px at 60% 70%,rgba(255,91,46,.22),transparent 70%)}
html body.page-summit #main .s2 .hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
html body.page-summit #main .s2 .hero-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
html body.page-summit #main .s2 .hero-top .who{display:flex;align-items:center;gap:14px;font:700 13px/1.3 var(--grot);letter-spacing:.12em;text-transform:uppercase}
html body.page-summit #main .s2 .hero-top .who img{height:34px;width:auto}
html body.page-summit #main .s2 .hero-h1{font-family:var(--disp);font-weight:400;text-transform:uppercase;color:var(--cream);font-size:clamp(64px,12.4vw,182px);line-height:.86;margin:40px 0 0;letter-spacing:-.005em}
html body.page-summit #main .s2 .hero-h1 .l1{display:block;white-space:nowrap}
html body.page-summit #main .s2 .hero-h1 .l2{display:flex;align-items:center;gap:.08em}
html body.page-summit #main .s2 .hero-h1 .mk-inline{display:inline-block;width:.78em;height:.78em;flex:none}
html body.page-summit #main .s2 .hero-h1 .mk-inline svg{width:100%;height:100%}
html body.page-summit #main .s2 .hero-h1 .yr{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
html body.page-summit #main .s2 .hero-grid{display:grid;grid-template-columns:1fr 360px;gap:24px;margin-top:40px}
html body.page-summit #main .s2 .hero-media{position:relative;display:block;aspect-ratio:16/8.4;overflow:hidden;background:#000;border:0;padding:0;cursor:pointer;width:100%}
html body.page-summit #main .s2 .hero-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s}
html body.page-summit #main .s2 .hero-media:hover img{transform:scale(1.04)}
html body.page-summit #main .s2 .hero-media .play{position:absolute;left:28px;bottom:28px;display:flex;align-items:center;gap:16px;font:700 14px/1.3 var(--grot);letter-spacing:.1em;text-transform:uppercase;color:#fff;text-align:left}
html body.page-summit #main .s2 .hero-media .play i{width:74px;height:74px;border-radius:50%;background:var(--hot);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(255,91,46,.6);animation:pulse 2.2s infinite}
html body.page-summit #main .s2 .hero-media .play i svg{width:26px;height:26px;margin-left:4px;color:#fff}
@keyframes pulse{70%{box-shadow:0 0 0 22px rgba(255,91,46,0)}100%{box-shadow:0 0 0 0 rgba(255,91,46,0)}}
html body.page-summit #main .s2 .hero-side{display:flex;flex-direction:column;gap:12px}
html body.page-summit #main .s2 .date-card{background:var(--hot);color:#fff;padding:22px 24px}
html body.page-summit #main .s2 .date-card b{display:block;font:400 46px/1 var(--disp);text-transform:uppercase}
html body.page-summit #main .s2 .date-card span{display:block;font:700 13px/1.4 var(--grot);letter-spacing:.14em;text-transform:uppercase;margin-top:8px}
html body.page-summit #main .s2 .cd{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
html body.page-summit #main .s2 .cd div{border:1.5px solid rgba(244,239,230,.25);padding:16px 6px 12px;text-align:center}
html body.page-summit #main .s2 .cd b{display:block;font:400 40px/1 var(--disp);font-variant-numeric:tabular-nums}
html body.page-summit #main .s2 .cd span{display:block;font:700 10px/1 var(--grot);letter-spacing:.16em;text-transform:uppercase;opacity:.6;margin-top:8px}
html body.page-summit #main .s2 .hero-side .btn{width:100%}
html body.page-summit #main .s2 .hero-sub{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:end;padding:54px 0 70px}
html body.page-summit #main .s2 .hero-sub h2{font:400 clamp(30px,3.4vw,50px)/1 var(--disp);text-transform:uppercase}
html body.page-summit #main .s2 .hero-sub h2 em{font-style:normal;color:var(--hot)}
html body.page-summit #main .s2 .hero-sub p{font:500 18px/1.6 var(--grot);opacity:.78}
html body.page-summit #main .s2 .ticker{background:var(--grad);color:var(--ink);overflow:hidden;white-space:nowrap;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
html body.page-summit #main .s2 .ticker .t{display:inline-flex;gap:40px;padding:20px 0;animation:tick 38s linear infinite;font:400 34px/1 var(--disp);text-transform:uppercase}
html body.page-summit #main .s2 .ticker .t span{display:inline-flex;align-items:center;gap:40px}
html body.page-summit #main .s2 .ticker .t svg{width:26px;height:26px}
@keyframes tick{to{transform:translateX(-50%)}}
html body.page-summit #main .s2 .ticker.rev .t{animation-direction:reverse}

/* ---------------- about */
html body.page-summit #main .s2 .about{display:grid;grid-template-columns:300px 1fr;gap:60px}
html body.page-summit #main .s2 .about .big{font:500 clamp(26px,2.8vw,40px)/1.18 var(--grot);text-transform:uppercase;letter-spacing:-.01em}
html body.page-summit #main .s2 .about .big span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
html body.page-summit #main .s2 .about .big + .big{margin-top:30px}
html body.page-summit #main .s2 .stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:2px solid var(--ink)}
html body.page-summit #main .s2 .stats div{padding:28px 20px 0 0;border-right:1.5px solid rgba(12,13,22,.15);padding-left:22px}
html body.page-summit #main .s2 .stats div:first-child{padding-left:0}
html body.page-summit #main .s2 .stats div:last-child{border-right:0}
html body.page-summit #main .s2 .stats b{display:block;font:400 clamp(70px,8vw,120px)/.9 var(--disp)}
html body.page-summit #main .s2 .stats span{display:block;font:700 13px/1.4 var(--grot);letter-spacing:.14em;text-transform:uppercase;margin-top:12px}
html body.page-summit #main .s2 .stats p{font:500 15px/1.5 var(--grot);opacity:.7;margin-top:8px;max-width:240px}
html body.page-summit #main .s2 .shapes-float{width:180px;margin-top:40px}

/* ---------------- programme tabs */
html body.page-summit #main .s2 .daytabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:2px solid var(--cream)}
html body.page-summit #main .s2 .daytab{background:transparent;border:0;border-right:2px solid var(--cream);color:var(--cream);text-align:left;padding:20px 22px;cursor:pointer;transition:background .25s,color .25s;font-family:var(--grot)}
html body.page-summit #main .s2 .daytab:last-child{border-right:0}
html body.page-summit #main .s2 .daytab b{display:block;font:400 42px/1 var(--disp);text-transform:uppercase}
html body.page-summit #main .s2 .daytab span{display:block;font:700 12px/1.4 var(--grot);letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-top:6px}
html body.page-summit #main .s2 .daytab:hover{background:rgba(244,239,230,.06)}
html body.page-summit #main .s2 .daytab[aria-selected="true"]{background:var(--dc);color:var(--ink)}
html body.page-summit #main .s2 .daypanel{margin-top:24px;display:grid;grid-template-columns:.95fr 1.05fr;gap:24px}
html body.page-summit #main .s2 .daypanel[hidden]{display:none}
html body.page-summit #main .s2 .dp-visual{position:relative;min-height:620px;background:var(--dc);overflow:hidden;border-radius:0 0 220px 0}
html body.page-summit #main .s2 .dp-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
html body.page-summit #main .s2 .dp-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,13,22,0) 40%,rgba(12,13,22,.85))}
html body.page-summit #main .s2 .dp-visual .num{position:absolute;left:26px;top:10px;font:400 220px/1 var(--disp);color:var(--dc);z-index:1;text-shadow:0 10px 40px rgba(0,0,0,.35)}
html body.page-summit #main .s2 .dp-visual .cap{position:absolute;left:34px;right:34px;bottom:30px;z-index:1;color:var(--cream)}
html body.page-summit #main .s2 .dp-visual .cap small{display:block;font:700 12px/1 var(--grot);letter-spacing:.16em;text-transform:uppercase;color:var(--dc)}
html body.page-summit #main .s2 .dp-visual .cap h3{font:400 clamp(44px,4.6vw,72px)/.9 var(--disp);text-transform:uppercase;margin-top:12px}
html body.page-summit #main .s2 .dp-body{background:var(--cream);color:var(--ink);padding:38px 38px 32px;display:flex;flex-direction:column}
html body.page-summit #main .s2 .dp-key{border-left:6px solid var(--dc);padding:4px 0 4px 20px}
html body.page-summit #main .s2 .dp-key small{font:700 12px/1 var(--grot);letter-spacing:.16em;text-transform:uppercase;opacity:.6}
html body.page-summit #main .s2 .dp-key p{font:700 24px/1.25 var(--grot);margin-top:10px}
html body.page-summit #main .s2 .dp-key span{display:block;font:500 13px/1.4 var(--grot);opacity:.55;margin-top:8px}
html body.page-summit #main .s2 .slots{margin-top:26px;border-top:2px solid var(--ink)}
html body.page-summit #main .s2 .slot{display:grid;grid-template-columns:78px 1fr auto;gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid rgba(12,13,22,.14)}
html body.page-summit #main .s2 .slot time{font:700 17px/1.3 var(--grot);font-variant-numeric:tabular-nums}
html body.page-summit #main .s2 .slot time small{display:block;font:700 9.5px/1.2 var(--grot);letter-spacing:.12em;opacity:.5;text-transform:uppercase}
html body.page-summit #main .s2 .slot h4{font:700 15px/1.3 var(--grot)}
html body.page-summit #main .s2 .slot p{font:500 14px/1.45 var(--sans);opacity:.75;margin-top:3px}
html body.page-summit #main .s2 .trk{font:700 10px/1 var(--grot);letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;white-space:nowrap;margin-top:3px}
html body.page-summit #main .s2 .trk.main{background:var(--ink);color:var(--cream)}
html body.page-summit #main .s2 .trk.lead{background:#dbe6ff;color:#1b3a8f}
html body.page-summit #main .s2 .trk.prac{background:#c9f3ea;color:#05594b}
html body.page-summit #main .s2 .trk.inno{background:#ffe7b3;color:#6b4300}
html body.page-summit #main .s2 .trk.ap{background:#ffd9cc;color:#8a2a0c}
html body.page-summit #main .s2 .dp-read{margin-top:auto;padding-top:22px;font:500 14px/1.5 var(--grot)}
html body.page-summit #main .s2 .dp-read a{font-weight:700;text-decoration:none;border-bottom:2px solid var(--dc)}
html body.page-summit #main .s2 .tz{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 24px}
html body.page-summit #main .s2 .tz > span{font:700 12px/1 var(--grot);letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-right:6px}
html body.page-summit #main .s2 .tz button{font:700 12px/1 var(--grot);letter-spacing:.08em;text-transform:uppercase;background:transparent;border:1.5px solid rgba(244,239,230,.35);color:var(--cream);padding:10px 14px;border-radius:40px;cursor:pointer}
html body.page-summit #main .s2 .tz button[aria-pressed="true"]{background:var(--cream);color:var(--ink);border-color:var(--cream)}

/* ---------------- tracks */
html body.page-summit #main .s2 .tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
html body.page-summit #main .s2 .track{position:relative;padding:40px 36px 36px;min-height:440px;display:flex;flex-direction:column;overflow:hidden}
html body.page-summit #main .s2 .track.t1{background:var(--ink);color:var(--cream)}
html body.page-summit #main .s2 .track.t2{background:var(--hot);color:#fff}
html body.page-summit #main .s2 .track.t3{background:var(--ai);color:#fff}
html body.page-summit #main .s2 .track .sh{position:absolute;right:-30px;top:-30px;width:190px;height:190px;opacity:.9}
html body.page-summit #main .s2 .track .no{font:700 13px/1 var(--grot);letter-spacing:.14em}
html body.page-summit #main .s2 .track h3{font:400 clamp(48px,4.6vw,66px)/.9 var(--disp);text-transform:uppercase;margin-top:auto}
html body.page-summit #main .s2 .track .for{font:700 12px/1.5 var(--grot);letter-spacing:.12em;text-transform:uppercase;margin-top:16px;opacity:.85}
html body.page-summit #main .s2 .track p{font:500 16px/1.55 var(--grot);margin-top:12px;opacity:.9}

/* ---------------- certificates */
html body.page-summit #main .s2 .certs{background:var(--as);color:#fff;overflow:hidden}
html body.page-summit #main .s2 .certs .h2{color:#fff}
html body.page-summit #main .s2 .cert-wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}
html body.page-summit #main .s2 .cert-stage{position:relative}
html body.page-summit #main .s2 .cert-stage .bk{position:absolute;inset:-6% 6% 8% -4%;background:var(--sk);transform:rotate(-4deg)}
html body.page-summit #main .s2 .cert-img{position:relative;display:block;width:100%;height:auto;aspect-ratio:1123/794;box-shadow:0 40px 70px -30px rgba(0,0,0,.6);transform:rotate(2deg);transition:transform .6s,opacity .3s;cursor:zoom-in;background:#fff}
html body.page-summit #main .s2 .cert-stage:hover .cert-img{transform:rotate(0)}
html body.page-summit #main .s2 .cert-tabs{display:flex;flex-direction:column;gap:12px}
html body.page-summit #main .s2 .cert-tab{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;text-align:left;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.25);color:#fff;padding:18px 20px;cursor:pointer;transition:background .2s,border-color .2s}
html body.page-summit #main .s2 .cert-tab i{width:52px;height:52px;display:grid;place-items:center;font:400 26px/1 var(--disp);background:#fff;color:var(--as);font-style:normal}
html body.page-summit #main .s2 .cert-tab b{display:block;font:400 28px/1 var(--disp);text-transform:uppercase}
html body.page-summit #main .s2 .cert-tab span{display:block;font:500 14px/1.45 var(--grot);opacity:.85;margin-top:6px}
html body.page-summit #main .s2 .cert-tab[aria-selected="true"]{background:#fff;color:var(--ink);border-color:#fff}
html body.page-summit #main .s2 .cert-tab[aria-selected="true"] i{background:var(--hot);color:#fff}
html body.page-summit #main .s2 .cert-feat{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:80px}
html body.page-summit #main .s2 .cert-feat div{border-top:2px solid rgba(255,255,255,.5);padding-top:20px}
html body.page-summit #main .s2 .cert-feat b{display:block;font:400 30px/1 var(--disp);text-transform:uppercase}
html body.page-summit #main .s2 .cert-feat p{font:500 15px/1.5 var(--grot);opacity:.85;margin-top:10px}
html body.page-summit #main .s2 .fine{font:500 13px/1.6 var(--grot);opacity:.7;margin-top:36px;max-width:780px}

/* ---------------- passes */
html body.page-summit #main .s2 .passes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
html body.page-summit #main .s2 .pass{border:2px solid rgba(244,239,230,.25);padding:38px 34px 34px;display:flex;flex-direction:column;position:relative;background:var(--ink2)}
html body.page-summit #main .s2 .pass.feat{border:0;background:var(--cream);color:var(--ink);box-shadow:10px 10px 0 var(--hot)}
html body.page-summit #main .s2 .pass .badge{position:absolute;top:-16px;right:24px;background:var(--hot);color:#fff;font:700 11px/1 var(--grot);letter-spacing:.14em;text-transform:uppercase;padding:9px 12px}
html body.page-summit #main .s2 .pass .k{font:700 12px/1 var(--grot);letter-spacing:.14em;text-transform:uppercase;opacity:.7}
html body.page-summit #main .s2 .pass h3{font:400 60px/.9 var(--disp);text-transform:uppercase;margin-top:16px}
html body.page-summit #main .s2 .pass .price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:14px}
html body.page-summit #main .s2 .pass .price b{font:400 64px/.9 var(--disp);color:var(--hot)}
html body.page-summit #main .s2 .pass .price span{font:700 12px/1.35 var(--grot);letter-spacing:.08em;text-transform:uppercase;opacity:.75}
html body.page-summit #main .s2 .pass .price + .price{margin-top:8px}
html body.page-summit #main .s2 .pass ul{list-style:none;padding:24px 0 0;margin:24px 0 30px;border-top:1.5px solid currentColor;display:grid;gap:12px}
html body.page-summit #main .s2 .pass li{display:grid;grid-template-columns:22px 1fr;gap:10px;font:500 15px/1.5 var(--grot)}
html body.page-summit #main .s2 .pass li svg{width:18px;height:18px;margin-top:2px;color:var(--int)}
html body.page-summit #main .s2 .pass.feat li svg{color:var(--hot)}
html body.page-summit #main .s2 .pass .btn{margin-top:auto;width:100%}

/* ---------------- partners */
html body.page-summit #main .s2 .tiers{border-top:2px solid var(--ink)}
html body.page-summit #main .s2 .tier{display:grid;grid-template-columns:200px 1.1fr 300px 1.2fr;gap:30px;align-items:center;padding:30px 0;border-bottom:2px solid var(--ink);transition:background .25s,padding .25s}
html body.page-summit #main .s2 .tier:hover{background:var(--ink);color:var(--cream);padding-left:24px;padding-right:24px}
html body.page-summit #main .s2 .tier .pl{font:700 11px/1.4 var(--grot);letter-spacing:.14em;text-transform:uppercase}
html body.page-summit #main .s2 .tier h3{font:400 clamp(40px,4.6vw,64px)/.9 var(--disp);text-transform:uppercase}
html body.page-summit #main .s2 .tier .pr{display:flex;gap:26px}
html body.page-summit #main .s2 .tier .pr b{display:block;font:400 40px/1 var(--disp);color:var(--hot)}
html body.page-summit #main .s2 .tier .pr span{display:block;font:700 10px/1 var(--grot);letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-top:6px}
html body.page-summit #main .s2 .tier p{font:500 15px/1.5 var(--grot);opacity:.8}
html body.page-summit #main .s2 .ptypes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}
html body.page-summit #main .s2 .ptype{padding:30px;background:#fff;border:2px solid var(--ink)}
html body.page-summit #main .s2 .ptype .sw{width:44px;height:44px;margin-bottom:22px}
html body.page-summit #main .s2 .ptype b{display:block;font:400 32px/1 var(--disp);text-transform:uppercase}
html body.page-summit #main .s2 .ptype p{font:500 15px/1.5 var(--grot);opacity:.75;margin-top:10px}
html body.page-summit #main .s2 .indep{margin-top:60px;background:var(--ink);color:var(--cream);display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;padding:50px}
html body.page-summit #main .s2 .indep h3{font:400 54px/.9 var(--disp);text-transform:uppercase}
html body.page-summit #main .s2 .indep h3 span{color:var(--sk)}
html body.page-summit #main .s2 .indep ol{margin:0;padding:0;list-style:none;counter-reset:r;display:grid;gap:16px}
html body.page-summit #main .s2 .indep li{counter-increment:r;display:grid;grid-template-columns:48px 1fr;font:500 16px/1.55 var(--grot)}
html body.page-summit #main .s2 .indep li::before{content:"0" counter(r);font:400 26px/1 var(--disp);color:var(--sk)}
html body.page-summit #main .s2 .p-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}

/* ---------------- kit */
html body.page-summit #main .s2 .kit{display:grid;grid-template-columns:7fr 5fr;gap:20px;align-items:start}
html body.page-summit #main .s2 .kit .kl{display:grid;gap:20px}
html body.page-summit #main .s2 .kit .kr2{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
html body.page-summit #main .s2 .kit figure{margin:0}
html body.page-summit #main .s2 .kit img{display:block;width:100%;height:auto;cursor:zoom-in;transition:transform .3s}
html body.page-summit #main .s2 .kit img:hover{transform:translateY(-4px)}
html body.page-summit #main .s2 .kit figcaption{font:700 11px/1.4 var(--grot);letter-spacing:.14em;text-transform:uppercase;margin-top:10px;opacity:.7}

/* ---------------- film */
html body.page-summit #main .s2 .film{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}
html body.page-summit #main .s2 .film-play{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#000;border:0;padding:0;cursor:pointer;box-shadow:12px 12px 0 var(--sk)}
html body.page-summit #main .s2 .film-play img{width:100%;height:100%;object-fit:cover}
html body.page-summit #main .s2 .film-play i{position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;background:var(--sk);display:grid;place-items:center;color:var(--ink)}
html body.page-summit #main .s2 .film-play i svg{width:30px;height:30px;margin-left:4px}

/* ---------------- register (restyles the shared events form) */
html body.page-summit #main .s2 .reg{background:var(--hot);color:#fff}
html body.page-summit #main .s2 .reg .news-section{background:transparent!important;padding:0!important}
html body.page-summit #main .s2 .reg .ev-kicker{display:inline-block;font:700 12px/1 var(--grot)!important;letter-spacing:.14em!important;text-transform:uppercase;background:var(--ink);color:var(--cream)!important;padding:9px 14px;border-radius:40px}
html body.page-summit #main .s2 .reg .ev-h2{font:400 clamp(42px,4.6vw,70px)/.92 var(--disp)!important;text-transform:uppercase!important;color:#fff!important;margin-top:18px!important;letter-spacing:0!important}
html body.page-summit #main .s2 .reg .ev-apply-text p,html body.page-summit #main .s2 .reg .ev-assure li,html body.page-summit #main .s2 .reg .ev-mail{color:#fff!important;font-family:var(--grot)!important}
html body.page-summit #main .s2 .reg .ev-apply-text a{color:#fff!important}
html body.page-summit #main .s2 .reg .ev-assure svg{color:var(--ink)!important;background:#fff!important}
html body.page-summit #main .s2 .reg .ev-form-card{border-radius:0!important;border:0!important;box-shadow:12px 12px 0 var(--ink)!important;background:var(--cream)!important}
html body.page-summit #main .s2 .reg .ev-form input,html body.page-summit #main .s2 .reg .ev-form select,html body.page-summit #main .s2 .reg .ev-form textarea{border-radius:0!important;border:2px solid var(--ink)!important;background:#fff!important}
html body.page-summit #main .s2 .reg .ev-submit{border-radius:0!important;background:var(--ink)!important;font:700 15px/1 var(--grot)!important;letter-spacing:.1em!important;text-transform:uppercase;padding:20px!important}

/* ---------------- questions */
html body.page-summit #main .s2 .qs{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
html body.page-summit #main .s2 .qs details{border-bottom:2px solid var(--ink);padding:22px 0}
html body.page-summit #main .s2 .qs details:first-child{border-top:2px solid var(--ink)}
html body.page-summit #main .s2 .qs summary{cursor:pointer;list-style:none;font:700 21px/1.3 var(--grot);display:flex;justify-content:space-between;gap:20px;align-items:center}
html body.page-summit #main .s2 .qs summary::-webkit-details-marker{display:none}
html body.page-summit #main .s2 .qs summary::after{content:"+";flex:none;width:36px;height:36px;display:grid;place-items:center;background:var(--ink);color:var(--cream);font:400 24px/1 var(--sans);transition:transform .25s,background .25s}
html body.page-summit #main .s2 .qs details[open] summary::after{transform:rotate(45deg);background:var(--hot)}
html body.page-summit #main .s2 .qs details p{font:500 16px/1.65 var(--grot);opacity:.8;margin-top:14px;max-width:700px}

/* ---------------- closing */
html body.page-summit #main .s2 .close{background:var(--ink);color:var(--cream);padding:0 0 110px;overflow:hidden}
html body.page-summit #main .s2 .close .big{white-space:nowrap;overflow:hidden;padding:60px 0 40px}
html body.page-summit #main .s2 .close .big .t{display:inline-flex;gap:50px;animation:tick 30s linear infinite;font:400 clamp(110px,16vw,240px)/.9 var(--disp);text-transform:uppercase}
html body.page-summit #main .s2 .close .big .t span{display:inline-flex;align-items:center;gap:50px}
html body.page-summit #main .s2 .close .big .t span:nth-child(even){-webkit-text-stroke:2px var(--cream);color:transparent}
html body.page-summit #main .s2 .close .big svg{width:.7em;height:.7em}
html body.page-summit #main .s2 .close .row{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
html body.page-summit #main .s2 .close .row p{font:500 20px/1.5 var(--grot);max-width:560px;opacity:.85}

/* dialog */
html body.page-summit #main .s2 .dlg{border:0;padding:0;background:transparent;max-width:min(1400px,94vw);width:100%;overflow:visible}
html body.page-summit #main .s2 .dlg::backdrop{background:rgba(12,13,22,.92)}
html body.page-summit #main .s2 .dlg video,html body.page-summit #main .s2 .dlg img{display:block;width:100%;height:auto;max-height:86vh;object-fit:contain;background:#000}
html body.page-summit #main .s2 .dlg-x{position:absolute;right:0;top:-54px;background:var(--hot);border:0;color:#fff;width:44px;height:44px;cursor:pointer;font:400 26px/1 var(--sans)}

/* mark animation */
html body.page-summit #main .s2 .mk{transform-box:fill-box;transform-origin:center;animation:mk 6s ease-in-out infinite}
html body.page-summit #main .s2 .mk2{animation-delay:.4s}html body.page-summit #main .s2 .mk3{animation-delay:.8s}html body.page-summit #main .s2 .mk4{animation-delay:1.2s}
@keyframes mk{0%,70%,100%{transform:none}80%{transform:rotate(90deg) scale(.92)}90%{transform:rotate(90deg)}}
html body.page-summit #main .s2 .rv{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
html body.page-summit #main .s2 .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html body.page-summit #main .s2 .rv{opacity:1;transform:none}html body.page-summit #main .s2 .ticker .t,html body.page-summit #main .s2 .close .big .t,html body.page-summit #main .s2 .mk,html body.page-summit #main .s2 .hero-media .play i{animation:none}}

/* ---------------- responsive */
@media (max-width:1100px){
 html body.page-summit #main .s2 .hero-grid,html body.page-summit #main .s2 .hero-sub,html body.page-summit #main .s2 .daypanel,html body.page-summit #main .s2 .cert-wrap,html body.page-summit #main .s2 .film,html body.page-summit #main .s2 .qs,html body.page-summit #main .s2 .indep,html body.page-summit #main .s2 .about{grid-template-columns:1fr}
 html body.page-summit #main .s2 .hero-sub{gap:20px}
 html body.page-summit #main .s2 .tier{grid-template-columns:1fr 1fr;gap:12px 30px}
 html body.page-summit #main .s2 .cert-feat{grid-template-columns:1fr 1fr}
 html body.page-summit #main .s2 .dp-visual{min-height:420px}
 html body.page-summit #main .s2 .shapes-float{width:110px;margin-top:24px}
}
@media (max-width:760px){
 html body.page-summit #main .s2 .w{padding:0 20px}
 html body.page-summit #main .s2 .sec{padding:80px 0}
 html body.page-summit #main .s2 .hero{padding-top:28px}
 html body.page-summit #main .s2 .hero-top .who span{display:none}
 html body.page-summit #main .s2 .hero-h1{font-size:clamp(40px,12.4vw,120px);margin-top:28px}
 html body.page-summit #main .s2 .cd b{font-size:32px}
 html body.page-summit #main .s2 .hero-sub{padding:40px 0 50px}
 html body.page-summit #main .s2 .ticker .t{font-size:24px;padding:14px 0}
 html body.page-summit #main .s2 .stats{grid-template-columns:1fr 1fr}
 html body.page-summit #main .s2 .stats div{padding:22px 10px 22px 0!important;border-right:0;border-bottom:1.5px solid rgba(12,13,22,.15)}
 html body.page-summit #main .s2 .daytabs{grid-template-columns:1fr 1fr}
 html body.page-summit #main .s2 .daytab:nth-child(2){border-right:0}
 html body.page-summit #main .s2 .daytab:nth-child(-n+2){border-bottom:2px solid var(--cream)}
 html body.page-summit #main .s2 .daytab b{font-size:32px}
 html body.page-summit #main .s2 .dp-visual{border-radius:0 0 120px 0;min-height:360px}
 html body.page-summit #main .s2 .dp-visual .num{font-size:140px}
 html body.page-summit #main .s2 .dp-body{padding:26px 20px}
 html body.page-summit #main .s2 .slot{grid-template-columns:62px 1fr}
 html body.page-summit #main .s2 .slot .trk{grid-column:2;justify-self:start;margin-top:0}
 html body.page-summit #main .s2 .tracks,html body.page-summit #main .s2 .passes,html body.page-summit #main .s2 .ptypes,html body.page-summit #main .s2 .cert-feat,html body.page-summit #main .s2 .kit,html body.page-summit #main .s2 .kit .kr2{grid-template-columns:1fr}
 html body.page-summit #main .s2 .track{min-height:340px}
 html body.page-summit #main .s2 .track h3{font-size:60px}
 html body.page-summit #main .s2 .tier{grid-template-columns:1fr}
 html body.page-summit #main .s2 .tier:hover{padding-left:0;padding-right:0;background:transparent;color:inherit}
 html body.page-summit #main .s2 .indep{padding:32px 22px}
 html body.page-summit #main .s2 .pass.feat{box-shadow:6px 6px 0 var(--hot)}
 html body.page-summit #main .s2 .btn{padding:18px 22px;font-size:13px}
 html body.page-summit #main .s2 .close .row .btn{width:100%}
 html body.page-summit #main .s2 .qs summary{font-size:18px}
}

html body.page-summit #main .s2 .hero-h1 .note{margin-left:auto;align-self:center;max-width:400px;font:700 15px/1.5 var(--grot);letter-spacing:.12em;color:var(--cream);opacity:.85;-webkit-text-fill-color:currentColor;border-left:4px solid var(--hot);padding-left:20px}
@media (max-width:1100px){html body.page-summit #main .s2 .hero-h1 .note{display:none}}

/* ---------------- the summit's own menu (replaces the site header on this page) */
html body.page-summit .smh{position:sticky;top:0;z-index:100;background:rgba(12,13,22,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(244,239,230,.12);font-family:'Space Grotesk',Inter,sans-serif;color:#f4efe6}
html body.page-summit .smh *{box-sizing:border-box}
html body.page-summit .smh-in{max-width:1320px;margin:0 auto;padding:0 40px;height:76px;display:flex;align-items:center;gap:18px}
html body.page-summit .smh a{text-decoration:none;color:inherit}
html body.page-summit .smh-wac img{height:30px;width:auto;display:block}
html body.page-summit .smh-sep{width:1px;height:30px;background:rgba(244,239,230,.3)}
html body.page-summit .smh-brand{display:flex;align-items:center;gap:10px;font:400 16px/.95 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em}
html body.page-summit .smh-mk{width:30px;height:30px;display:block}
html body.page-summit .smh-mk svg{width:100%;height:100%;display:block}
html body.page-summit .smh-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
html body.page-summit .smh-nav a{font:700 12.5px/1 'Space Grotesk',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:11px 12px;opacity:.85;transition:opacity .2s,background .2s}
html body.page-summit .smh-nav a:hover{opacity:1;background:rgba(244,239,230,.08)}
html body.page-summit .smh-nav .smh-home{display:inline-flex;align-items:center;gap:8px;margin-left:8px;border:1.5px solid rgba(244,239,230,.35);opacity:1}
html body.page-summit .smh-nav .smh-home svg{width:15px;height:15px}
html body.page-summit .smh-cta{background:#ff5b2e;color:#fff!important;font:700 12.5px/1 'Space Grotesk',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:14px 18px;white-space:nowrap}
html body.page-summit .smh-tg{display:none;background:transparent;border:1.5px solid rgba(244,239,230,.4);width:46px;height:46px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0}
html body.page-summit .smh-tg span{display:block;width:20px;height:2px;background:#f4efe6;transition:transform .25s,opacity .25s}
html body.page-summit .smh.open .smh-tg span:nth-child(1){transform:translateY(7px) rotate(45deg)}
html body.page-summit .smh.open .smh-tg span:nth-child(2){opacity:0}
html body.page-summit .smh.open .smh-tg span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1180px){
 html body.page-summit .smh-tg{display:flex}
 html body.page-summit .smh-cta{margin-left:auto}
 html body.page-summit .smh-nav{display:none;position:absolute;left:0;right:0;top:76px;background:#0c0d16;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 24px;border-bottom:4px solid #ff5b2e}
 html body.page-summit .smh.open .smh-nav{display:flex}
 html body.page-summit .smh-nav a{padding:16px 6px;font-size:15px;border-bottom:1px solid rgba(244,239,230,.1)}
 html body.page-summit .smh-nav .smh-home{margin:16px 0 0;justify-content:center;border:1.5px solid rgba(244,239,230,.4)}
}
@media (max-width:560px){
 html body.page-summit .smh-in{padding:0 16px;gap:12px;height:66px}
 html body.page-summit .smh-nav{top:66px}
 html body.page-summit .smh-sep,html body.page-summit .smh-brand span:last-child{display:none}
 html body.page-summit .smh-cta{padding:12px 13px;font-size:11.5px}
}
html{scroll-padding-top:90px}
/* ticket checkout */
html body.page-summit #main .s2 .pass .price s{font:400 30px/.9 var(--disp);opacity:.45}
html body.page-summit #main .s2 .pass .buy2{display:flex;flex-direction:column;gap:10px;margin-top:auto}
html body.page-summit #main .s2 .pass button.btn{width:100%}
html body.page-summit #main .s2 .dlg.buy{width:min(640px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:0;border:0;background:var(--cream);color:var(--ink)}
html body.page-summit #main .s2 .dlg.buy::backdrop{background:rgba(12,13,22,.82)}
html body.page-summit #main .s2 .buy-f{position:relative;padding:38px 36px 30px;display:flex;flex-direction:column;gap:16px;font-family:var(--grot)}
html body.page-summit #main .s2 .buy-f h3{font:400 52px/.9 var(--disp);text-transform:uppercase;margin:4px 0 4px}
html body.page-summit #main .s2 .buy-f .tag{align-self:flex-start}
html body.page-summit #main .s2 .buy-f label{display:flex;flex-direction:column;gap:7px;font:700 12px/1 var(--grot);letter-spacing:.1em;text-transform:uppercase}
html body.page-summit #main .s2 .buy-f label small{font-weight:500;letter-spacing:0;text-transform:none;opacity:.7}
html body.page-summit #main .s2 .buy-f input,html body.page-summit #main .s2 .buy-f select{font:500 16px/1.2 var(--sans);padding:13px 14px;border:2px solid var(--ink);background:#fff;color:var(--ink);border-radius:0;width:100%;box-sizing:border-box;text-transform:none;letter-spacing:0}
html body.page-summit #main .s2 .buy-f input:focus,html body.page-summit #main .s2 .buy-f select:focus{outline:3px solid var(--hot);outline-offset:1px}
html body.page-summit #main .s2 .buy-f .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
html body.page-summit #main .s2 .buy-f .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
html body.page-summit #main .s2 .buy-total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--ink);padding-top:14px;margin-top:4px}
html body.page-summit #main .s2 .buy-total span{font:700 12px/1.3 var(--grot);letter-spacing:.1em;text-transform:uppercase;max-width:60%}
html body.page-summit #main .s2 .buy-total b{font:400 54px/.9 var(--disp);color:var(--hot)}
html body.page-summit #main .s2 .buy-err{background:#ffe1d6;border-left:4px solid var(--hot);padding:10px 12px;font:500 14px/1.4 var(--sans);margin:0}
html body.page-summit #main .s2 .buy-f .btn{width:100%}
html body.page-summit #main .s2 .buy-f .btn[disabled]{opacity:.6;cursor:wait}
html body.page-summit #main .s2 .buy-fine{font:500 13px/1.45 var(--sans);opacity:.7;margin:0}
html body.page-summit #main .s2 .buy-f .dlg-x{position:absolute;right:14px;top:10px;background:none;border:0;font-size:34px;line-height:1;cursor:pointer;color:var(--ink)}
html body.page-summit #main .s2 .ty-box{margin-top:30px;border:2px solid var(--cream);display:grid}
html body.page-summit #main .s2 .ty-box p{display:flex;justify-content:space-between;gap:20px;margin:0;padding:16px 20px;border-bottom:1px solid rgba(244,239,230,.25);font:500 17px/1.3 var(--sans)}
html body.page-summit #main .s2 .ty-box p:last-child{border-bottom:0}
html body.page-summit #main .s2 .ty-box b{font:700 12px/1.6 var(--grot);letter-spacing:.12em;text-transform:uppercase;opacity:.7}
@media (max-width:600px){html body.page-summit #main .s2 .buy-f{padding:30px 20px 24px} html body.page-summit #main .s2 .buy-f .row2{grid-template-columns:1fr} html body.page-summit #main .s2 .buy-f h3{font-size:40px}}
/* who it is for */
html body.page-summit #main .s2 .who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--ink);border-left:2px solid var(--ink)}
html body.page-summit #main .s2 .who-card{position:relative;padding:28px 24px 26px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--paper);display:flex;flex-direction:column;gap:12px;transition:background .25s,color .25s;min-height:330px}
html body.page-summit #main .s2 .who-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:8px;background:var(--wc)}
html body.page-summit #main .s2 .who-card:hover{background:var(--wc);color:var(--ink)}
html body.page-summit #main .s2 .who-n{font:400 46px/1 var(--disp);color:var(--wc);transition:color .25s}
html body.page-summit #main .s2 .who-card:hover .who-n{color:var(--ink)}
html body.page-summit #main .s2 .who-card h3{font:400 30px/.95 var(--disp);text-transform:uppercase;margin:0}
html body.page-summit #main .s2 .who-w{font:500 15px/1.45 var(--grot);margin:0;opacity:.8}
html body.page-summit #main .s2 .who-g{font:500 15px/1.45 var(--grot);margin:auto 0 0;padding-top:14px;border-top:1.5px solid currentColor}
html body.page-summit #main .s2 .who-g b{display:block;font:700 11px/1 var(--grot);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
html body.page-summit #main .s2 .who-t{align-self:flex-start;font:700 11px/1 var(--grot);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;background:var(--ink);color:var(--cream)}
html body.page-summit #main .s2 .who-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:40px}
html body.page-summit #main .s2 .who-cta p{font:500 18px/1.5 var(--grot);max-width:680px;margin:0}
@media (max-width:1100px){html body.page-summit #main .s2 .who-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){html body.page-summit #main .s2 .who-grid{grid-template-columns:1fr} html body.page-summit #main .s2 .who-card{min-height:0}}
/* prices for the visitor's country */
html body.page-summit #main .s2 .pass .price s[hidden]{display:none}
html body.page-summit #main .s2 .tier .pr s{font:400 22px/1 var(--disp);opacity:.45;margin-left:8px}
html body.page-summit #main .s2 .fine.wp{margin-top:10px}
html body.page-summit #main .s2 .wp-where b{font-weight:700}
html body.page-summit #main .s2 .wp-change{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
html body.page-summit #main .s2 .wp-credit{color:inherit;opacity:.6}
html body.page-summit #main .s2 .wp-select{font:500 15px/1.2 var(--sans);padding:8px 10px;margin-left:8px;border:2px solid currentColor;background:#fff;color:var(--ink)}
html body.page-summit #main .s2 .pass .btn.line{color:var(--cream);border-color:var(--cream)}
html body.page-summit #main .s2 .pass.feat .btn.line{color:var(--ink);border-color:var(--ink)}