/* Event-page design system — extracted from event.html so 157 generated pages share one 7-day-cached stylesheet instead of re-downloading ~65 KB of inline CSS on every ad landing. Persona gates live here too: the file is render-blocking in , so there is no FOUC. */ /* ============ "The Network" event hero — scoped to #main ============ */ #main.cev{ --nw-ink:var(--ink,#0E1626); --nw-slate:var(--slate,#5A6478); --nw-line:var(--line,#E6EAF2); --nw-blue:var(--blue-700,#1B5FC4); --nw-blue-lt:var(--blue-500,#4593F2); background: radial-gradient(120% 90% at 88% 0%, rgba(69,147,242,.07), transparent 60%), linear-gradient(180deg,#FCFDFF 0%, #F6F8FC 100%); color:var(--nw-ink); padding:0; position:relative; overflow:hidden; border-bottom:1px solid var(--nw-line); } /* ---- persona gating: candidate hero shows for neutral + candidate, hidden for employer; employer hero is the inverse ---- */ body.p-emp .cev{display:none} #mainEmp{display:none} body.p-emp #mainEmp{display:block} #main.cev .nw-wrap{ max-width:1180px;margin:0 auto;padding:128px 30px 64px; position:relative;z-index:2; } #main.cev .nw-crumb{ font-size:12.5px;font-weight:600;color:var(--nw-slate); letter-spacing:.01em;margin-bottom:26px; } #main.cev .nw-crumb a{color:var(--nw-slate);text-decoration:none} #main.cev .nw-crumb a:hover{color:var(--nw-blue)} #main.cev .nw-crumb .sep{margin:0 8px;color:var(--nw-line)} #main.cev .nw-crumb #cBcCity{color:var(--nw-ink);font-weight:700} #main.cev .nw-crumb #cBcRegion{color:var(--nw-slate);font-weight:600} /* ---- Layout: venue image (left) + content (right) ---- */ #main.cev .nw-grid{ display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(24px,4vw,56px); align-items:center; } /* ============ RIGHT · the venue, in-line ============ */ #main.cev .nw-visual{ position:relative;margin:0; border-radius:var(--r-lg,24px);overflow:hidden; border:1px solid var(--nw-line); background:#EAF1FB; box-shadow:0 1px 0 #fff inset, 0 30px 70px -30px rgba(14,22,38,.5); aspect-ratio:4/3; } #main.cev .nw-visual img{width:100%;height:100%;object-fit:cover;display:block} #main.cev .nw-visual figcaption{ position:absolute;right:10px;bottom:10px;margin:0; background:rgba(8,26,51,.66);color:#fff;font-size:11px;line-height:1; padding:4px 8px;border-radius:6px; -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px); } /* ============ RIGHT · focused event facts + CTA ============ */ #main.cev .nw-panel{min-width:0} #main.cev .nw-kicker{ display:inline-flex;align-items:center;font-family:var(--font-display,"Sora"); font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase; color:var(--nw-blue);background:rgba(69,147,242,.1); border:1px solid rgba(69,147,242,.22);border-radius:999px; padding:5px 13px;margin-bottom:16px; } #main.cev .nw-kicker::before{ content:"";width:6px;height:6px;border-radius:50%; background:var(--nw-blue);margin-right:8px;flex:0 0 auto; } #main.cev #cTitle{ font-family:var(--font-display,"Sora"); font-weight:800;line-height:1.02;letter-spacing:-.02em; font-size:clamp(2.3rem,5.4vw,3.6rem); margin:0 0 16px;color:var(--nw-ink); } #main.cev #cTitle .accent-dark{color:var(--nw-blue)} #main.cev .accent-dark{color:var(--nw-blue)} /* meta row: venue + date, framed as a ledger line */ #main.cev .nw-meta{ display:flex;flex-direction:column;gap:0; border-top:1px solid var(--nw-line);border-bottom:1px solid var(--nw-line); margin:0 0 22px; } #main.cev .nw-meta-row{ display:flex;align-items:center;gap:14px; padding:14px 2px; } #main.cev .nw-meta-row + .nw-meta-row{border-top:1px solid var(--nw-line)} #main.cev .nw-meta-ico{ flex:0 0 auto;width:38px;height:38px;border-radius:11px; display:grid;place-items:center; background:rgba(69,147,242,.1);color:var(--nw-blue); font-size:17px; } #main.cev .nw-meta-txt{display:flex;flex-direction:column;min-width:0} #main.cev .nw-meta-k{ font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase; color:var(--nw-slate);margin-bottom:2px; } #main.cev .nw-meta-v{ font-family:var(--font-display,"Sora");font-weight:700;font-size:15.5px; color:var(--nw-ink); } /* #cMeta is the data-driven venue·date string; render it inside the date row value */ #main.cev #cMeta{margin:0;font:inherit;color:inherit} #main.cev .nw-when{margin-left:auto;text-align:right;flex:0 0 auto} #main.cev .nw-when .nw-meta-k{text-align:right} #main.cev #cTimes:empty,#main.cev #cDays:empty{display:none} #main.cev #cDays{ display:inline-block;font-size:12.5px;font-weight:700;color:var(--nw-blue); } #main.cev .nw-when .nw-meta-v{font-size:13.5px;font-weight:700;color:var(--nw-ink)} #main.cev .nw-meta-row:hover{background:rgba(69,147,242,.05)} /* ---- the isolated, premium CTA ---- */ #main.cev .nw-cta-wrap{margin-top:4px} #main.cev .ev-btn-ticket{ display:flex;align-items:center;justify-content:space-between;gap:18px; width:100%;text-decoration:none; background:linear-gradient(135deg,#1B5FC4,#2E74E0); color:#fff;border:0;border-radius:16px; padding:18px 22px; box-shadow:0 18px 40px -14px rgba(27,95,196,.7), 0 1px 0 rgba(255,255,255,.25) inset; transition:transform .2s ease, box-shadow .2s ease, background .2s ease; } #main.cev .ev-btn-ticket:hover{ background:linear-gradient(135deg,#1B5FC4,#3A80EC); box-shadow:0 22px 50px -14px rgba(27,95,196,.8), 0 1px 0 rgba(255,255,255,.3) inset; transform:translateY(-2px); } #main.cev .ev-btn-ticket:focus-visible{outline:3px solid var(--navy-900,#081A33);outline-offset:2px;box-shadow:0 0 0 2px #fff} #main.cev .ev-btn-ticket .nw-btn-main{ display:flex;flex-direction:column;align-items:flex-start;line-height:1.15; } #main.cev .ev-btn-ticket .nw-btn-lead{ font-family:var(--font-display,"Sora");font-weight:800;font-size:17px;letter-spacing:.005em; } #main.cev .ev-btn-ticket .nw-btn-sub{ font-size:12.5px;font-weight:500;color:rgba(255,255,255,.82);margin-top:2px; } #main.cev .ev-btn-ticket .nw-btn-arrow{ flex:0 0 auto;width:38px;height:38px;border-radius:11px; background:rgba(255,255,255,.16);display:grid;place-items:center; font-size:18px;transition:transform .2s ease; } #main.cev .ev-btn-ticket:hover .nw-btn-arrow{transform:translateX(3px)} #main.cev .nw-cta-note{ display:flex;align-items:center;gap:7px; margin:12px 2px 0;font-size:12.5px;color:var(--nw-slate); } #main.cev .nw-cta-note b{color:var(--nw-ink)} /* ---- neutral stand-price strip + 44px hiring door (EMP-X1) ---- */ #main.cev .ev-stand-strip{ display:none;flex-direction:column;align-items:flex-start;gap:8px; margin-top:16px;padding:12px 14px;width:100%;max-width:420px;box-sizing:border-box; border:1px solid var(--nw-line);border-radius:14px;background:#fff; } #main.cev .ev-stand-strip__price{margin:0;font-size:14px;font-weight:600;color:var(--nw-ink)} #main.cev .ev-stand-strip__price b{color:var(--nw-blue)} #main.cev .ev-stand-strip__acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;font-weight:600} #main.cev .ev-stand-strip__acts a{color:var(--nw-blue);text-decoration:underline;text-underline-offset:3px} #main.cev .ev-stand-strip__acts span{color:var(--nw-slate);font-weight:500} #main.cev .ev-hiring-toggle.ev-neutral-only{ display:none;align-items:center;justify-content:center; min-height:44px;padding:10px 18px;margin-top:12px; border:1.5px solid var(--blue-200,#D3E2FB);border-radius:999px; background:#fff;cursor:pointer; font-family:var(--font-display,"Sora");font-size:14px;font-weight:600; color:var(--nw-blue);text-decoration:none; } #main.cev .ev-hiring-toggle.ev-neutral-only:hover{background:var(--blue-50,#EEF4FF);border-color:var(--blue-500,#4593F2)} /* ---- motion (clarifies hierarchy only; LCP-safe: no opacity gate on the image) ---- */ @media (prefers-reduced-motion: no-preference){ #main.cev .nw-visual{animation:nwReveal .75s cubic-bezier(.2,.8,.25,1.05) both} #main.cev .nw-visual img{animation:nwKen 18s ease-in-out 1.2s infinite alternate;transition:filter .45s ease} #main.cev .nw-visual:hover img{filter:saturate(1.06) brightness(1.03)} #main.cev .nw-meta-row{transition:background .25s ease} #main.cev .nw-meta-ico{transition:transform .3s cubic-bezier(.2,.8,.25,1.05)} #main.cev .nw-meta-row:hover .nw-meta-ico{transform:translateY(-2px) scale(1.07)} @keyframes nwReveal{from{transform:translateY(18px) scale(.985)}to{transform:none}} @keyframes nwKen{from{transform:scale(1.01)}to{transform:scale(1.06)}} } /* ============ MOBILE FIRST: collapse map to a compact band ============ */ @media(max-width:820px){ #main.cev .nw-grid{grid-template-columns:1fr;gap:22px} #main.cev .nw-wrap{padding:104px 16px 36px} #main.cev .nw-crumb{margin-bottom:16px} /* venue image leads on mobile, content below */ #main.cev .nw-visual{order:-1;aspect-ratio:16/10} #main.cev #cTitle{font-size:clamp(2rem,8.5vw,2.6rem)} } @media(max-width:480px){ #main.cev .nw-meta-row{flex-wrap:wrap} #main.cev .nw-when{margin-left:0;text-align:left;width:100%;padding-left:52px} #main.cev .nw-when .nw-meta-k{text-align:left} #main.cev .ev-btn-ticket{padding:16px 18px;gap:12px} } /* Event sponsor banner (top of page) — shown only when ev.sponsorTaken is set */ .ev-sponsor-bar{background:linear-gradient(90deg,#FBF4E2,#FFFDF8);border-bottom:1px solid #ECDFBB} .ev-sponsor-inner{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;text-align:center;padding:11px 16px} .ev-sponsor-label{font-weight:800;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#9A7B22} .ev-sponsor-name{font-weight:800;font-size:17px;color:#0E1626} @media(max-width:480px){.ev-sponsor-name{font-size:15px}.ev-sponsor-label{font-size:11px}} .ev-roles{padding:64px 0;background:var(--blue-50,#F3F8FE)} .ev-roles-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap} .ev-roles-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-600,#2F7BDE);margin-bottom:8px} .ev-roles-h{font-size:clamp(24px,3.2vw,34px);font-weight:800;color:var(--ink,#0E1626);margin:0 0 8px} .ev-roles-sub{font-size:15px;color:var(--slate,#5A6478);max-width:560px;margin:0;line-height:1.6} .ev-roles-all{font-weight:700;font-size:14px;color:var(--blue-600,#2F7BDE);text-decoration:none;white-space:nowrap;padding:12px 0;display:inline-block} .ev-roles-all:hover{text-decoration:underline} .ev-roles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:254px} @media(max-width:860px){.ev-roles-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:388px}} @media(max-width:640px){.ev-roles-grid{grid-template-columns:1fr;min-height:790px}} .ev-role--slot{pointer-events:none} .ev-role,.ev-role--slot{height:120px;min-height:120px;max-height:120px;box-sizing:border-box;overflow:hidden} .ev-role{position:relative;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line,#E3EAF4);border-radius:14px;padding:16px 18px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease} .ev-role:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(12,37,71,.10)} .ev-role-x{position:absolute;top:12px;right:14px;font-size:10.5px;font-weight:800;letter-spacing:.04em;color:#8a6d1a;background:linear-gradient(135deg,#F7E7B0,#EDD27C);border-radius:999px;padding:3px 9px} .ev-role-title{font-weight:700;font-size:15px;color:var(--ink,#0E1626);line-height:1.35;padding-right:70px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ev-role-co{font-size:13px;font-weight:600;color:var(--blue-600,#2F7BDE);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ev-role-meta{font-size:12.5px;color:var(--slate,#5A6478);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* ===== gold Jobs-Board chip + stage showcase ===== */ #mainEmp.eh .eh-chip-gold{position:relative;overflow:hidden;flex-basis:100%;justify-content:center;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:13.5px;font-weight:700;color:#6b5313;background:linear-gradient(135deg,#FFF9E6,#FCEEC0);border:1px solid #EDD27C;border-radius:12px;padding:10px 13px;box-shadow:0 6px 18px rgba(237,162,12,.16);transition:transform .18s ease,box-shadow .18s ease} #mainEmp.eh .eh-chip-gold:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(237,162,12,.26)} #mainEmp.eh .eh-chip-gold::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.8) 50%,transparent 65%);transform:translateX(-130%);animation:ehGoldSweep 3.4s ease-in-out infinite;pointer-events:none} @keyframes ehGoldSweep{0%{transform:translateX(-130%)}60%,100%{transform:translateX(130%)}} #mainEmp.eh .eh-gold-tag{background:linear-gradient(135deg,#F5B82E,#EDA20C);color:#3a2a00;font-size:10px;font-weight:800;letter-spacing:.06em;border-radius:999px;padding:3px 9px;animation:ehGoldPulse 2.6s ease-in-out infinite} @keyframes ehGoldPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}} #mainEmp.eh .eh-i-gold{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1.5px solid #EDD27C;background:#FFF6DC;color:#8a6d1a;font-size:11px;font-weight:700;font-style:italic;font-family:Georgia,serif;line-height:1;flex-shrink:0} #mainEmp.eh .eh-chip-gold[aria-expanded="true"]{background:linear-gradient(135deg,#F7E7B0,#EDD27C)} #mainEmp.eh .ehx-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 20px 16px;margin-top:22px;box-shadow:0 18px 44px rgba(8,26,51,.12)} #mainEmp.eh .ehx-card::before{content:"";position:absolute;inset:-2px;border-radius:18px;padding:2px;background:linear-gradient(120deg,var(--blue-500),#00C3D2,#F5B82E,var(--blue-500));background-size:300% 300%;animation:ehxSheen 7s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5} @keyframes ehxSheen{to{background-position:300% 0}} #mainEmp.eh .ehx-ribbon{position:absolute;top:-11px;right:16px;background:linear-gradient(135deg,#F5B82E,#EDA20C);color:#3a2a00;font-weight:800;font-size:10px;letter-spacing:.06em;border-radius:999px;padding:5px 11px;box-shadow:0 6px 16px rgba(237,162,12,.35)} #mainEmp.eh .ehx-type{font-family:var(--font-display);font-weight:800;font-size:17px;color:var(--ink);min-height:24px} #mainEmp.eh .ehx-type::after{content:"▎";color:var(--blue-500);animation:ehxBlink 1s steps(1) infinite} @keyframes ehxBlink{50%{opacity:0}} #mainEmp.eh .ehx-badges{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap} #mainEmp.eh .ehx-b{font-size:11px;font-weight:800;letter-spacing:.04em;border-radius:999px;padding:5px 11px;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s} #mainEmp.eh .ehx-b.show{opacity:1;transform:none} #mainEmp.eh .ehx-b--sal{background:#EAF9F0;color:#177A4C} #mainEmp.eh .ehx-b--gold{background:linear-gradient(135deg,#F7E7B0,#EDD27C);color:#8a6d1a} #mainEmp.eh .ehx-goog{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--slate);border-top:1px dashed var(--line);margin-top:10px;padding-top:10px;opacity:0;transition:opacity .5s} #mainEmp.eh .ehx-goog.show{opacity:1} #mainEmp.eh .ehx-goog .beam{flex:1;height:2px;background:linear-gradient(90deg,var(--blue-500),transparent);position:relative;overflow:hidden} #mainEmp.eh .ehx-goog .beam::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff,transparent);animation:ehxBeam 1.6s linear infinite} @keyframes ehxBeam{from{transform:translateX(-100%)}to{transform:translateX(100%)}} #mainEmp.eh .ehx-apps{font-weight:700;font-size:13px;color:var(--blue-700);margin-top:8px;opacity:0;transition:opacity .5s} #mainEmp.eh .ehx-apps.show{opacity:1} #mainEmp.eh .ehx-foot{font-size:12px;color:var(--slate);margin:10px 0 0} #mainEmp.eh #jobsboardPopover>strong{margin:2px 0 0} .gj-b{color:#4285F4}.gj-r{color:#EA4335}.gj-y{color:#FBBC05}.gj-g{color:#34A853} @media(prefers-reduced-motion:reduce){#mainEmp.eh .eh-chip-gold::after,#mainEmp.eh .eh-gold-tag,#mainEmp.eh .ehx-card::before,#mainEmp.eh .ehx-type::after,#mainEmp.eh .ehx-goog .beam::after{animation:none}} /* Passed-event notice — injected by the loader when the fair date is behind us */ .ev-passed-note{background:var(--ink);color:#fff;text-align:center;padding:12px 18px;font-size:15px;font-weight:600;line-height:1.5} .ev-passed-note a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;font-weight:700} .jbp-evemp{background:var(--blue-50,#F3F8FE);padding:64px 0} .jbp-evemp .grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center} @media(max-width:880px){.jbp-evemp .grid2{grid-template-columns:1fr}} .jbp-evemp .kick2{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-600)} .jbp-evemp .kick2 .inc{background:linear-gradient(135deg,#F7E7B0,#EDD27C);color:#8a6d1a;border-radius:999px;padding:3px 10px;letter-spacing:.06em} .jbp-slot{position:relative;border:2px dashed var(--blue-300,#A9CCF8);border-radius:18px;padding:22px 24px;background:rgba(255,255,255,.6)} .jbp-slot::after{content:"YOUR NEXT ROLE";position:absolute;top:-11px;left:22px;background:var(--blue-600);color:#fff;font-family:var(--font-display);font-weight:800;font-size:10.5px;letter-spacing:.08em;border-radius:999px;padding:4px 12px} .jbp-sk{height:14px;border-radius:7px;background:linear-gradient(90deg,#DCE9FA 25%,#EFF6FE 50%,#DCE9FA 75%);background-size:200% 100%;animation:jbpShimmer 1.8s linear infinite;margin:10px 0} .jbp-sk.w60{width:60%}.jbp-sk.w40{width:40%}.jbp-sk.w75{width:75%} @keyframes jbpShimmer{to{background-position:-200% 0}} .jbp-evemp .btn-line{display:flex;gap:12px;flex-wrap:wrap} .jbp-evemp .btn-sec{display:inline-block;padding:14px 26px;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:15px;text-decoration:none;color:var(--blue-700);border:1.5px solid var(--blue-300,#A9CCF8);background:#fff;transition:border-color .15s,transform .15s} .jbp-evemp .btn-sec:hover{border-color:var(--blue-500);transform:translateY(-2px)} .jbp-evemp .btn-primary{background:var(--blue-600)!important;color:#fff!important;border:0!important} .jbp-evemp .btn-primary:hover{background:var(--blue-600)!important} @media(prefers-reduced-motion:reduce){.jbp-sk{animation:none}} .jbp-evemp .jbp-caret{display:inline-block;transition:transform .3s ease} .jbp-evemp #jbpIncBtn[aria-expanded="true"] .jbp-caret{transform:rotate(180deg)} .jbp-inc{overflow:hidden;max-height:0;opacity:0;transition:max-height .55s cubic-bezier(.2,.8,.25,1),opacity .4s ease,margin-top .4s ease;margin-top:0} .jbp-inc.open{max-height:560px;opacity:1;margin-top:20px} .jbp-ticks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:11px} @media(max-width:700px){.jbp-ticks{grid-template-columns:1fr}} .jbp-ticks li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink,#0E1626);line-height:1.5} .jbp-ticks .tk{flex:0 0 20px;height:20px;border-radius:50%;background:#EAF9F0;border:1.5px solid #22B573;color:#177A4C;display:grid;place-items:center;font-size:11px;font-weight:800;transform:scale(0)} .jbp-inc.open .tk{animation:jbpTkPop .45s cubic-bezier(.2,1.6,.4,1) forwards} .jbp-inc.open li:nth-child(1) .tk{animation-delay:.08s}.jbp-inc.open li:nth-child(2) .tk{animation-delay:.18s} .jbp-inc.open li:nth-child(3) .tk{animation-delay:.28s}.jbp-inc.open li:nth-child(4) .tk{animation-delay:.38s} .jbp-inc.open li:nth-child(5) .tk{animation-delay:.48s}.jbp-inc.open li:nth-child(6) .tk{animation-delay:.58s} @keyframes jbpTkPop{to{transform:scale(1)}} .jbp-mini{position:relative;background:#fff;border:1px solid var(--line,#E3EAF4);border-radius:14px;padding:16px 18px;box-shadow:0 14px 34px rgba(12,37,71,.08)} .jbp-mini-top{display:flex;gap:12px;align-items:center;margin-bottom:10px} .jbp-mini-logo{flex:0 0 42px;width:42px;height:42px;border-radius:10px;background:var(--blue-50,#EEF4FE);display:grid;place-items:center;font-size:20px} .jbp-mini-title{display:block;font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--ink,#0E1626)} .jbp-mini-co{font-size:12.5px;color:var(--slate)} .jbp-mini-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px} .jbp-mini .mc{font-size:11.5px;font-weight:700;background:var(--blue-50,#EEF4FE);color:var(--blue-700,#1B5FC4);border-radius:999px;padding:4px 10px} .jbp-mini .mc-sal{background:#EAF9F0;color:#177A4C} .jbp-mini .mc-gold{background:linear-gradient(135deg,#F7E7B0,#EDD27C);color:#8a6d1a} .jbp-mini-foot{display:grid;gap:4px;font-size:12px;color:var(--slate);border-top:1px dashed var(--line,#E3EAF4);padding-top:10px} .jbp-mini-foot .gjw{font-weight:700;color:var(--ink,#0E1626)} /* ===== Employer hero · live-metrics dashboard (scoped to #mainEmp.eh) ===== */ #mainEmp.eh{ position:relative;overflow:hidden;border:0; padding:120px 0 48px; background: radial-gradient(1200px 520px at 78% -8%,#EEF4FE 0%,rgba(238,244,254,0) 60%), linear-gradient(180deg,#FBFCFE 0%,#F4F7FC 100%); } #mainEmp.eh .eh-wrap{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:0 30px} #mainEmp.eh .eh-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none;z-index:0} #mainEmp.eh .eh-orb-a{width:540px;height:440px;top:-160px;right:-120px;background:radial-gradient(ellipse,rgba(69,147,242,.34),transparent 70%)} #mainEmp.eh .eh-orb-b{width:460px;height:380px;bottom:-200px;left:-120px;background:radial-gradient(ellipse,rgba(27,95,196,.16),transparent 70%)} #mainEmp.eh .eh-crumb{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--slate);margin-bottom:26px;flex-wrap:wrap} #mainEmp.eh .eh-crumb a{color:var(--slate);text-decoration:none} #mainEmp.eh .eh-crumb a:hover{color:var(--blue-700)} #mainEmp.eh .eh-crumb .sep{color:var(--line)} #mainEmp.eh .eh-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:start} /* ---- left pitch ---- */ #mainEmp.eh .eh-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display,"Sora");font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-700);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;box-shadow:0 4px 14px rgba(15,40,80,.05)} #mainEmp.eh .eh-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--blue-500);box-shadow:0 0 0 4px rgba(69,147,242,.18)} #mainEmp.eh .eh-badges{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;min-height:36px} #mainEmp.eh .eh-title{font-family:var(--font-display,"Sora");font-weight:800;line-height:1.04;letter-spacing:-.02em;font-size:clamp(2.1rem,4.6vw,3.5rem);color:var(--ink);margin:16px 0 12px} #mainEmp.eh .eh-title .accent-dark{color:var(--blue-700)} #mainEmp.eh .eh-meta{font-size:16px;line-height:1.5;color:var(--slate);margin:0 0 22px;max-width:38ch} #mainEmp.eh .eh-chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px} #mainEmp.eh .eh-chip{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 13px;box-shadow:0 4px 14px rgba(15,40,80,.05)} #mainEmp.eh .eh-chip-ico{font-size:13px} #mainEmp.eh .eh-i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--blue-300,#B9D3F7);background:var(--blue-50,#EEF4FE);color:var(--blue-700);font-size:11px;font-weight:700;font-style:italic;font-family:Georgia,serif;cursor:pointer;flex-shrink:0;line-height:1;transition:background .15s,border-color .15s,transform .15s} #mainEmp.eh .eh-i:hover{background:var(--blue-700);border-color:var(--blue-700);color:#fff} /* ---- CTA ---- */ #mainEmp.eh .eh-cta-wrap{display:flex;flex-direction:column;align-items:stretch;gap:12px} #mainEmp.eh .eh-cta-enquire{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display,"Sora");font-weight:700;font-size:14.5px;color:var(--blue-700,#1B5FC4);background:#fff;border:1.5px solid var(--blue-200,#C7DCFB);border-radius:13px;padding:11px 18px;cursor:pointer;transition:background .18s,border-color .18s,transform .18s} #mainEmp.eh .eh-cta-enquire:hover{background:var(--blue-50,#EEF4FE);border-color:var(--blue-400,#5B9BF8);transform:translateY(-1px)} #mainEmp.eh .eh-cta-wrap .eh-cta-ghost{align-self:flex-start} #mainEmp.eh .ev-btn-stand.eh-cta{display:inline-flex;align-items:center;gap:18px;text-decoration:none;border-radius:16px;padding:15px 20px;background:linear-gradient(135deg,var(--blue-700,#1B5FC4),var(--blue-500,#4593F2));color:#fff;box-shadow:0 14px 34px rgba(27,95,196,.34);transition:transform .2s ease,box-shadow .2s ease} #mainEmp.eh .ev-btn-stand.eh-cta:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(27,95,196,.42)} #mainEmp.eh .eh-cta-body{display:flex;flex-direction:column;text-align:left;gap:3px} #mainEmp.eh .eh-cta-lead{font-family:var(--font-display,"Sora");font-weight:800;font-size:17px;letter-spacing:.005em} #mainEmp.eh .eh-cta-sub{font-size:12.5px;font-weight:500;color:rgba(255,255,255,.86)} #mainEmp.eh .eh-cta-sub strong{font-weight:800;color:#fff} #mainEmp.eh .eh-cta-arrow{font-size:20px;font-weight:700;transition:transform .2s ease} #mainEmp.eh .ev-btn-stand.eh-cta:hover .eh-cta-arrow{transform:translateX(4px)} #mainEmp.eh .eh-cta-ghost{font-family:var(--font-display,"Sora");font-weight:700;font-size:14.5px;color:var(--blue-700);text-decoration:none;padding:6px 4px;border-bottom:2px solid transparent;transition:border-color .2s} #mainEmp.eh .eh-cta-ghost:hover{border-color:var(--blue-300,#B9D3F7)} #mainEmp.eh .eh-trust{margin:18px 0 0;font-size:13px;color:var(--slate)} #mainEmp.eh .eh-trust span[aria-hidden]{color:#1B8A4C;font-weight:800} /* ---- badge contrast fix: dark gold/ink on a clear (white) ground (was pale gold on pale gold) ---- */ #mainEmp.eh .eh-badges .ev-badge{background:#fff;border:1px solid var(--line);color:var(--ink);text-shadow:none} #mainEmp.eh .eh-badges .ev-badge.gold{display:none} /* sponsorship badge removed from the hero head */ /* ---- right dashboard ---- */ #mainEmp.eh .eh-dash{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg,24px);box-shadow:0 30px 70px rgba(15,40,80,.13),0 4px 14px rgba(15,40,80,.06);padding:18px;position:relative} #mainEmp.eh .eh-dash-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;padding:0 4px} #mainEmp.eh .eh-live{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display,"Sora");font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-700)} #mainEmp.eh .eh-live-dot{width:8px;height:8px;border-radius:50%;background:#1B8A4C;box-shadow:0 0 0 0 rgba(27,138,76,.5);flex:0 0 auto} #mainEmp.eh .eh-dash-loc{font-size:12px;font-weight:600;color:var(--slate)} /* ============ THE STAGE: fixed-height frame that morphs between photo + 3 panels (zero CLS) ============ */ #mainEmp.eh .eh-stage{position:relative;margin:0;border-radius:16px;overflow:hidden;min-height:400px;background:#EEF2F8;border:1px solid var(--line)} #mainEmp.eh .eh-view{position:absolute;inset:0;width:auto;max-height:none;opacity:0;visibility:hidden;pointer-events:none} #mainEmp.eh .eh-stage[data-view="photo"] .eh-view-photo, #mainEmp.eh .eh-stage[data-view="radius"] #radiusPopover, #mainEmp.eh .eh-stage[data-view="industries"] #industriesPopover, #mainEmp.eh .eh-stage[data-view="marketing"] #marketingPopover, #mainEmp.eh .eh-stage[data-view="jobsboard"] #jobsboardPopover{opacity:1;visibility:visible;pointer-events:auto} /* photo view */ #mainEmp.eh .eh-view-photo{margin:0} #mainEmp.eh .eh-view-photo img{width:100%;height:100%;object-fit:cover;display:block} #mainEmp.eh .eh-view-photo #evCredit{position:absolute;top:8px;left:8px;z-index:3;margin:0;background:rgba(8,26,51,.66);color:#fff;font-size:11px;line-height:1;padding:4px 8px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none} #mainEmp.eh .eh-photo-tag{position:absolute;bottom:8px;right:8px;z-index:3;max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:700;color:#fff;background:rgba(8,26,51,.6);padding:5px 9px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)} /* the three content panels share this look; they fill the stage and scroll if tall */ #mainEmp.eh .eh-view-panel{display:flex;flex-direction:column;justify-content:center;width:auto;max-height:none;padding:20px 24px;overflow:hidden;background:linear-gradient(180deg,#F7FAFF,#fff);text-align:left;border:0;border-radius:0;box-shadow:none} #mainEmp.eh .eh-pop-kicker{display:inline-block;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-700);background:var(--blue-50,#EEF4FE);border-radius:999px;padding:4px 10px;margin-bottom:8px} #mainEmp.eh .eh-view-panel>strong{font-family:var(--font-display,"Sora");font-size:15px;color:var(--ink);margin-bottom:10px;line-height:1.25} #mainEmp.eh .eh-view-panel p{font-size:12.5px;color:var(--slate);line-height:1.5;margin:0} /* radar (concentric pulsing rings) */ #mainEmp.eh .eh-radar{position:relative;flex:1 1 auto;min-height:96px;display:grid;place-items:center;margin:2px 0 10px} #mainEmp.eh .eh-radar-ring,#mainEmp.eh .eh-radar-pulse{position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)} #mainEmp.eh .eh-radar-ring{border:1.5px solid rgba(69,147,242,.32)} #mainEmp.eh .eh-radar-ring-1{width:46px;height:46px;background:rgba(69,147,242,.14)} #mainEmp.eh .eh-radar-ring-2{width:88px;height:88px;border-style:dashed;opacity:.7} #mainEmp.eh .eh-radar-ring-3{width:130px;height:130px;border-style:dashed;opacity:.4} #mainEmp.eh .eh-radar-pulse{width:46px;height:46px;border:2px solid rgba(69,147,242,.5);opacity:0} #mainEmp.eh .eh-radar-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;z-index:2} #mainEmp.eh .eh-radar-tag{position:absolute;top:4px;right:14%;font-size:10.5px;font-weight:700;color:var(--blue-700);background:#fff;border:1px solid var(--line);border-radius:7px;padding:2px 6px} #mainEmp.eh #radiusPopoverText{font-size:12px;color:var(--slate);line-height:1.5;margin:0} /* industries org grid */ #mainEmp.eh .eh-orggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 0 10px} #mainEmp.eh .eh-org{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 9px} #mainEmp.eh .eh-org-ico{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:12px;background:rgba(69,147,242,.12);flex:0 0 auto} #mainEmp.eh .eh-pop-foot-tag{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--blue-700);background:rgba(69,147,242,.08);border:1px solid rgba(69,147,242,.22);border-radius:9px;padding:6px 10px} /* marketing timeline */ #mainEmp.eh .eh-timeline{list-style:none;margin:2px 0 0;padding:0;position:relative} #mainEmp.eh .eh-timeline::before{content:"";position:absolute;left:11px;top:8px;bottom:14px;width:2px;background:linear-gradient(180deg,var(--blue-500,#4593F2),rgba(69,147,242,.2))} #mainEmp.eh .eh-tl{position:relative;padding:0 0 12px 34px;min-height:26px} #mainEmp.eh .eh-tl:last-child{padding-bottom:0} #mainEmp.eh .eh-tl-dot{position:absolute;left:3px;top:0;width:17px;height:17px;border-radius:50%;background:#fff;border:2px solid var(--blue-300,#B9D3F7);display:grid;place-items:center;font-size:8px;z-index:1} #mainEmp.eh .eh-tl-dot-on{background:var(--blue-700);border-color:var(--blue-700)} #mainEmp.eh .eh-tl-when{display:block;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--blue-700);margin-bottom:1px} #mainEmp.eh .eh-tl b{display:block;font-size:12.5px;color:var(--ink);font-family:var(--font-display,"Sora");line-height:1.25} #mainEmp.eh .eh-tl i{font-style:normal;font-size:11px;color:var(--slate)} /* close control */ #mainEmp.eh .eh-stage-close{position:absolute;top:10px;right:10px;z-index:12;width:32px;height:32px;border-radius:50%;border:0;background:var(--blue-700,#1D4ED8);color:#fff;font-size:15px;font-weight:700;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 16px rgba(15,40,80,.30);transition:background .15s,transform .15s} /* robust reveal: show whenever a panel (not the photo) is active — wins over [hidden] by specificity even if the JS toggle doesn't fire */ #mainEmp.eh .eh-stage:not([data-view="photo"]) .eh-stage-close{display:grid} #mainEmp.eh .eh-stage-close:hover{background:#11315f;transform:rotate(90deg)} #mainEmp.eh .eh-stage-close[hidden]{display:none} /* ---- metrics (2x2 square) ---- */ #mainEmp.eh .eh-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px} #mainEmp.eh .eh-metric{background:linear-gradient(180deg,#F7FAFF,#fff);border:1px solid var(--line);border-radius:12px;padding:11px 13px 10px;display:flex;flex-direction:column;justify-content:center} #mainEmp.eh .eh-metric-n{display:block;font-family:var(--font-display,"Sora");font-weight:800;font-size:22px;line-height:1;color:var(--blue-700);letter-spacing:-.01em} #mainEmp.eh .eh-metric-l{display:block;font-size:11px;line-height:1.3;color:var(--slate);margin-top:4px;font-weight:500} #mainEmp.eh .eh-metric-do{background:#fff} #mainEmp.eh .eh-metric-do-h{display:block;font-family:var(--font-display,"Sora");font-weight:800;font-size:12px;line-height:1.2;color:var(--ink);letter-spacing:-.005em} #mainEmp.eh .eh-metric-do .eh-metric-l{margin-top:5px} #mainEmp.eh .eh-dash-foot{display:flex;align-items:center;gap:9px;margin-top:10px;padding:9px 13px;border-radius:12px;background:var(--blue-50,#EEF4FE);font-size:12px;font-weight:600;color:var(--blue-700)} #mainEmp.eh .eh-foot-pulse{width:8px;height:8px;border-radius:50%;background:var(--blue-500);flex-shrink:0} /* ---- scarcity bar: ambient "filling" shine (never actually fills) ---- */ #mainEmp.eh .eh-scarcity{margin-top:16px} #mainEmp.eh .eh-scarcity-bar{display:block;position:relative;height:8px;border-radius:999px;background:var(--blue-50,#EEF4FE);overflow:hidden} #mainEmp.eh .eh-scarcity-fill{position:absolute;top:0;left:0;bottom:0;width:80%;border-radius:999px;background:linear-gradient(90deg,var(--blue-400,#5B9BF8),var(--blue-600,#1D6FE8))} #mainEmp.eh .eh-scarcity-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.65) 50%,transparent 100%);transform:translateX(-130%)} #mainEmp.eh .eh-scarcity-lab{display:block;margin-top:9px;font-size:13px;line-height:1.4;color:var(--slate)} #mainEmp.eh .eh-scarcity-lab strong{color:var(--ink);font-weight:700} /* ---- Reasons-to-book section (metrics relocated here from the hero) ---- */ #mainEmp.eh .eh-reasons{margin-top:clamp(44px,5vw,64px);text-align:center} #mainEmp.eh .eh-reasons-kicker{display:inline-block;font-family:var(--font-display,"Sora");font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-700);margin-bottom:12px} #mainEmp.eh .eh-reasons-h{font-family:var(--font-display,"Sora");font-weight:800;font-size:clamp(1.5rem,2.7vw,2.05rem);line-height:1.15;letter-spacing:-.02em;color:var(--ink);margin:0 0 10px} #mainEmp.eh .eh-reasons-sub{font-size:15px;line-height:1.55;color:var(--slate);max-width:620px;margin:0 auto 30px} #mainEmp.eh .eh-reasons-metrics{max-width:880px;margin:0 auto;gap:16px;text-align:left} #mainEmp.eh .eh-reasons-metrics .eh-metric{padding:22px 24px;border-radius:18px} #mainEmp.eh .eh-reasons-metrics .eh-metric-n{font-size:clamp(2.3rem,4vw,3rem)} #mainEmp.eh .eh-reasons-metrics .eh-metric-l{font-size:13.5px;margin-top:8px} #mainEmp.eh .eh-reasons-metrics .eh-metric-do-h{font-size:17px} @media(max-width:560px){#mainEmp.eh .eh-reasons-metrics{grid-template-columns:1fr}} /* ---- motion (opacity/transform only, zero CLS) ---- */ @media (prefers-reduced-motion: no-preference){ #mainEmp.eh .eh-lead>*,#mainEmp.eh .eh-dash{opacity:0;transform:translateY(14px);animation:ehRise .6s cubic-bezier(.22,.61,.36,1) forwards} #mainEmp.eh .eh-eyebrow{animation-delay:.04s} #mainEmp.eh .eh-badges{animation-delay:.08s} #mainEmp.eh .eh-title{animation-delay:.12s} #mainEmp.eh .eh-meta{animation-delay:.18s} #mainEmp.eh .eh-chips{animation-delay:.24s} #mainEmp.eh .eh-cta-wrap{animation-delay:.30s} #mainEmp.eh .eh-trust{animation-delay:.36s} #mainEmp.eh .eh-dash{animation-delay:.16s;transform:translateY(20px)} @keyframes ehRise{to{opacity:1;transform:none}} #mainEmp.eh .eh-live-dot{animation:ehPulseDot 2s ease-out infinite} @keyframes ehPulseDot{0%{box-shadow:0 0 0 0 rgba(27,138,76,.45)}70%{box-shadow:0 0 0 7px rgba(27,138,76,0)}100%{box-shadow:0 0 0 0 rgba(27,138,76,0)}} #mainEmp.eh .eh-foot-pulse{animation:ehPulseBlue 2s ease-out infinite} @keyframes ehPulseBlue{0%{box-shadow:0 0 0 0 rgba(69,147,242,.5)}70%{box-shadow:0 0 0 7px rgba(69,147,242,0)}100%{box-shadow:0 0 0 0 rgba(69,147,242,0)}} #mainEmp.eh .eh-scarcity-fill::after{animation:ehScarcityFlow 2.8s cubic-bezier(.45,.05,.35,1) infinite} @keyframes ehScarcityFlow{0%{transform:translateX(-130%)}55%{transform:translateX(130%)}100%{transform:translateX(130%)}} /* ===== THE (i) MORPH ===== */ /* views ease in/out (opacity + transform only); the active one animates per-type when it lands */ #mainEmp.eh .eh-view{transition:opacity .42s ease, transform .42s cubic-bezier(.2,.8,.25,1.05), visibility 0s linear .42s} #mainEmp.eh .eh-view-photo{transform:scale(1.04)} #mainEmp.eh .eh-view-panel{transform:translateY(10px) scale(.985)} /* active view settles + becomes visible instantly */ #mainEmp.eh .eh-stage[data-view="photo"] .eh-view-photo, #mainEmp.eh .eh-stage[data-view="radius"] #radiusPopover, #mainEmp.eh .eh-stage[data-view="industries"] #industriesPopover, #mainEmp.eh .eh-stage[data-view="marketing"] #marketingPopover, #mainEmp.eh .eh-stage[data-view="jobsboard"] #jobsboardPopover{transform:none;transition:opacity .42s ease, transform .42s cubic-bezier(.2,.8,.25,1.05), visibility 0s} #mainEmp.eh .eh-stage-close{animation:ehRise .3s ease both} /* radius · concentric rings pulse outward from the 10km pin */ #mainEmp.eh .eh-stage[data-view="radius"] .eh-radar-pulse{animation:ehRadarPulse 3s ease-out infinite} #mainEmp.eh .eh-stage[data-view="radius"] .eh-radar-pulse-b{animation-delay:1s} #mainEmp.eh .eh-stage[data-view="radius"] .eh-radar-pulse-c{animation-delay:2s} #mainEmp.eh .eh-stage[data-view="radius"] .eh-radar-pin{animation:ehPinPop .5s cubic-bezier(.2,.8,.25,1.4) both} @keyframes ehRadarPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.55}80%,100%{transform:translate(-50%,-50%) scale(2.9);opacity:0}} @keyframes ehPinPop{from{transform:translate(-50%,-50%) scale(.4);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}} /* industries · icon grid staggers in */ #mainEmp.eh .eh-stage[data-view="industries"] .eh-org{animation:ehOrgIn .5s cubic-bezier(.2,.8,.25,1.05) both} #mainEmp.eh .eh-stage[data-view="industries"] .eh-org:nth-child(1){animation-delay:.06s} #mainEmp.eh .eh-stage[data-view="industries"] .eh-org:nth-child(2){animation-delay:.12s} #mainEmp.eh .eh-stage[data-view="industries"] .eh-org:nth-child(3){animation-delay:.18s} #mainEmp.eh .eh-stage[data-view="industries"] .eh-org:nth-child(4){animation-delay:.24s} #mainEmp.eh .eh-stage[data-view="industries"] .eh-org:nth-child(5){animation-delay:.30s} #mainEmp.eh .eh-stage[data-view="industries"] .eh-org:nth-child(6){animation-delay:.36s} #mainEmp.eh .eh-stage[data-view="industries"] .eh-org:nth-child(7){animation-delay:.42s} #mainEmp.eh .eh-stage[data-view="industries"] .eh-org:nth-child(8){animation-delay:.48s} #mainEmp.eh .eh-stage[data-view="industries"] .eh-pop-foot-tag{animation:ehOrgIn .5s ease .54s both} @keyframes ehOrgIn{from{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:none}} /* marketing · timeline steps reveal down the line */ #mainEmp.eh .eh-stage[data-view="marketing"] .eh-tl{animation:ehTlIn .5s cubic-bezier(.2,.8,.25,1.05) both} #mainEmp.eh .eh-stage[data-view="marketing"] .eh-tl:nth-child(1){animation-delay:.1s} #mainEmp.eh .eh-stage[data-view="marketing"] .eh-tl:nth-child(2){animation-delay:.28s} #mainEmp.eh .eh-stage[data-view="marketing"] .eh-tl:nth-child(3){animation-delay:.46s} @keyframes ehTlIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}} } /* ---- responsive ---- */ @media (max-width:920px){ #mainEmp.eh .eh-grid{grid-template-columns:1fr;gap:30px} #mainEmp.eh .eh-meta{max-width:none} #mainEmp.eh .eh-dash{order:2} } @media (max-width:600px){ #mainEmp.eh{padding:118px 0 56px} #mainEmp.eh .eh-wrap{padding:0 18px} #mainEmp.eh .ev-btn-stand.eh-cta{width:100%} #mainEmp.eh .eh-cta-wrap{gap:12px} #mainEmp.eh .eh-metric-n{font-size:23px} /* give the morph panels more room on small screens (photo view keeps 16/9) */ #mainEmp.eh .eh-stage[data-view="radius"], #mainEmp.eh .eh-stage[data-view="industries"], #mainEmp.eh .eh-stage[data-view="marketing"]{aspect-ratio:auto;min-height:300px} #mainEmp.eh .eh-view-panel{padding:15px} } /* FIXED chip geometry. logo.dev returns non-square wordmarks, so a shrink-to-fit chip (img width:auto) jumped from ~26px to ~100px wide as each logo arrived - 36 chips re-wrapping shifted the whole .ev-body (the residual CLS-1.0, run-4 audit). Box size must not depend on the image. */ .exh-wall .logo-chip-img{width:150px;box-sizing:border-box;padding:10px 14px;background:var(--white);align-items:center;justify-content:center} .exh-wall .logo-chip-img img{width:100%;height:26px;object-fit:contain;display:block;filter:none;opacity:1;transition:filter .3s ease} .exh-wall .logo-chip-img:hover img{filter:grayscale(1)} .exh-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px} .exh-showcase .sc-logo{display:flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 20px rgba(15,40,80,.08);padding:22px;height:104px;box-sizing:border-box} /* fixed img box (was max-h/width:auto): grid cell width is fixed but the img's own late-arriving size still registered as a shift source */ .exh-showcase .sc-logo img{width:100%;height:54px;object-fit:contain;display:block} @media(max-width:640px){.exh-showcase{grid-template-columns:repeat(2,1fr)}.exh-showcase .sc-logo{height:84px;padding:16px}.exh-showcase .sc-logo img{height:42px}} .exh-wall .exh-shuffle{display:inline-flex;align-items:center;gap:7px;padding:12px 18px;border-radius:14px;background:var(--white);border:1px dashed var(--blue-300);color:var(--blue-700);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease} .exh-wall .exh-shuffle:hover{background:var(--blue-50);border-color:var(--blue-500);transform:translateY(-2px)} .exh-wall .exh-shuffle:active{transform:translateY(0)} .exh-wall .exh-foot{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center} .exh-wall .exh-more{background:var(--blue-50);border-color:var(--blue-200);color:var(--blue-700);font-weight:600} .ev-bottom-ticket{padding:64px 0;position:relative;overflow:hidden} .ev-bottom-ticket::before{content:"";position:absolute;width:520px;height:420px;border-radius:50%;filter:blur(85px);top:-45%;left:-4%;background:radial-gradient(ellipse,rgba(122,178,247,.55),transparent 70%);pointer-events:none} .ev-bottom-ticket::after{content:"";position:absolute;width:460px;height:380px;border-radius:50%;filter:blur(95px);bottom:-55%;right:-2%;background:radial-gradient(ellipse,rgba(0,195,210,.30),transparent 70%);pointer-events:none} .ev-bottom-ticket-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap} .ev-bottom-ticket-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:10px} .ev-bottom-ticket-h{font-size:clamp(24px,3.5vw,38px);font-weight:800;color:#fff;margin:0 0 10px} .ev-bottom-ticket-sub{font-size:16px;color:rgba(255,255,255,.82);max-width:520px;margin:0} .ev-bottom-ticket-btn{background:#fff;color:var(--blue-700);font-weight:700;padding:16px 32px;font-size:16px;white-space:nowrap;box-shadow:0 10px 30px rgba(8,26,51,.25)} .ev-bottom-ticket-btn:hover{background:var(--blue-50);transform:translateY(-2px)} @media(max-width:700px){.ev-bottom-ticket-inner{flex-direction:column;text-align:center}.ev-bottom-ticket-btn{width:100%;justify-content:center}} /* ---- Neutral-state lean: candidate path stays; employer path is a compact strip + collapsed #stands ---- */ body:not(.p-cand):not(.p-emp) .ev-emp-stack:not(#stands){display:none!important} body:not(.p-cand):not(.p-emp) .ev-btn-stand[data-aud="employer"]{display:none!important} body:not(.p-cand):not(.p-emp) .sb-exhibit-card{display:none!important} body:not(.p-cand):not(.p-emp) .sticky-cta [data-aud="employer"]{display:none!important} body:not(.p-cand):not(.p-emp) .ev-neutral-only{display:inline-flex!important} body:not(.p-cand):not(.p-emp) .ev-stand-strip.ev-neutral-only{display:flex!important} body:not(.p-cand):not(.p-emp) #stands{ display:block!important;height:0;overflow:hidden;padding:0!important;margin:0!important; border:0!important;visibility:hidden; } body.ev-is-past .ev-stand-strip, body.ev-is-past .ev-hiring-toggle{display:none!important} /* ---- Hero grid ---- */ .ev-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:center} @media(max-width:860px){.ev-hero-grid{grid-template-columns:1fr}} /* ---- Hero pills & CTAs ---- */ .ev-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px} .ev-pill:empty{display:none} .ev-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);font-size:13.5px;font-weight:600;font-family:var(--font-display);color:#fff;backdrop-filter:blur(4px)} /* Radius pill + info popover */ .radius-info-btn{ display:inline-flex;align-items:center;justify-content:center; width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6); background:rgba(255,255,255,.15);color:#fff;font-size:11px;font-weight:700; font-style:italic;cursor:pointer;flex-shrink:0;line-height:1; transition:background .15s;font-family:Georgia,serif; } .radius-info-btn:hover{background:rgba(255,255,255,.35)} .radius-popover{max-height:calc(100vh - 24px);overflow-y:auto; position:fixed;z-index:9999; width:300px;background:#fff;border-radius:14px; padding:16px 18px;box-shadow:0 12px 40px rgba(8,26,51,.2),0 2px 8px rgba(8,26,51,.12); border:1px solid var(--line); opacity:0;pointer-events:none; transform:translateY(-6px); transition:opacity .2s ease,transform .2s ease; } .radius-popover.open{opacity:1;pointer-events:auto;transform:none} .radius-popover strong{display:block;font-family:var(--font-display);font-size:14px;color:var(--ink);margin-bottom:7px} .radius-popover p{font-size:13px;color:var(--slate);line-height:1.55;margin:0} @media(max-width:600px){.radius-popover{width:calc(100vw - 32px)}} .ev-btn-ticket{background:#1B8A4C;color:#fff;box-shadow:0 8px 24px rgba(27,138,76,.38)} .ev-btn-ticket:hover{background:#16733f;transform:translateY(-2px)} .ev-btn-stand{background:var(--blue-700);color:#fff;box-shadow:0 8px 24px rgba(27,95,196,.38)} .ev-btn-stand:hover{background:var(--blue-600);transform:translateY(-2px)} .ev-learn-link{display:inline-block;margin-top:18px;font-size:14px;font-weight:600;color:rgba(255,255,255,.75);text-decoration:none;letter-spacing:.01em;transition:color .2s} .ev-learn-link:hover{color:#fff} /* ── Stacked image layout ── */ .ev-img-stack{ position:relative; padding-bottom:80px; padding-right:0; } .ev-img-main{ border-radius:var(--r-lg); overflow:hidden; box-shadow:0 28px 70px rgba(8,26,51,.35); border:1px solid rgba(255,255,255,.25); max-height:400px; position:relative; z-index:1; } .ev-img-overlay{ position:absolute; border-radius:14px; overflow:hidden; box-shadow:0 16px 48px rgba(8,26,51,.45),0 2px 8px rgba(8,26,51,.2); border:3px solid rgba(255,255,255,.95); z-index:2; transition:transform .3s ease,box-shadow .3s ease; } .ev-img-overlay:hover{ box-shadow:0 24px 60px rgba(8,26,51,.5); } .ev-img-overlay img{ width:100%;height:150px;object-fit:cover;display:block; } /* Bottom-left: crowd shot */ .ev-img-overlay-bl{ bottom:-28px;left:-22px;width:54%; transform:rotate(-2.5deg); } .ev-img-overlay-bl:hover{transform:rotate(-1deg) scale(1.02)} /* Top-right: stand shot */ .ev-img-overlay-tr{ top:-22px;right:-20px;width:44%; transform:rotate(2deg); } .ev-img-overlay-tr:hover{transform:rotate(0.5deg) scale(1.02)} .ev-img-overlay-tr img{object-position:center 30%} /* Bottom-right: employer stand */ .ev-img-overlay-br{ bottom:-28px;right:-20px;width:44%; transform:rotate(1.5deg); } .ev-img-overlay-br:hover{transform:rotate(0deg) scale(1.02)} .ev-img-overlay-br img{object-position:center 40%} @media(max-width:860px){ .ev-img-stack{padding-bottom:50px;padding-top:30px} .ev-img-overlay img{height:110px} .ev-img-overlay-bl{width:46%;bottom:-18px;left:-12px} .ev-img-overlay-tr{width:40%;top:-16px;right:-12px} .ev-img-overlay-br{width:40%;bottom:-18px;right:-12px} } @media(max-width:540px){ .ev-img-overlay{display:none} .ev-img-stack{padding-bottom:0;padding-top:0} } /* ---- Two-column body ---- */ .ev-body{background:var(--bg);padding:48px 0 64px} .ev-body-inner{display:grid;grid-template-columns:1fr 380px;gap:36px;align-items:start} @media(max-width:1000px){.ev-body-inner{grid-template-columns:1fr 340px}} @media(max-width:820px){.ev-body-inner{grid-template-columns:1fr}} /* Left column blocks */ .ev-main{display:flex;flex-direction:column;gap:0} .ev-block{padding:28px 0;border-bottom:1px solid var(--line)} .ev-block:first-child{padding-top:0} .ev-block:last-child{border-bottom:0} .ev-block-h{font-size:22px;margin-bottom:18px} .ev-quotes{display:grid;grid-template-columns:1fr 1fr;gap:20px} @media(max-width:600px){.ev-quotes{grid-template-columns:1fr}} /* Sidebar */ .ev-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px} @media(max-width:820px){.ev-sidebar{position:static}} .sb-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-sm)} .sb-card-head{display:flex;align-items:center;gap:10px;margin-bottom:4px} .sb-card-head h3{font-family:var(--font-display);font-size:17px;font-weight:700;margin:0} .sb-card-head span{font-size:20px;line-height:1} .include .ico{position:relative;display:inline-block} .include .ico img{width:64px;height:64px;border-radius:16px;object-fit:cover;display:block;box-shadow:0 6px 18px rgba(15,40,80,.13)} .include .ico::after{content:"✓";position:absolute;right:-5px;bottom:-5px;width:24px;height:24px;border-radius:50%;background:#16A34A;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2)} .sb-card .sb-media img{width:100%;height:140px;object-fit:cover;border-radius:12px;display:block;margin-bottom:16px} .stand-card .stand-media{margin:0 0 16px} .stand-card .stand-media img{width:100%;height:140px;object-fit:cover;border-radius:12px;display:block} .sb-bonus{background:#F0FDF4;border:1px solid #BBF7D0;border-radius:var(--r-md);padding:10px 14px;font-size:13px;font-weight:600;color:#15803D;margin-top:8px} .sb-social-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} .sb-social-btn{padding:9px 16px;border:1.5px solid var(--line);border-radius:var(--r-pill);font-size:13.5px;font-weight:600;font-family:var(--font-display);color:var(--ink);background:var(--white);cursor:pointer;transition:.2s} .sb-social-btn:hover{border-color:var(--blue-400);color:var(--blue-600);background:var(--blue-50)} /* Wizard inside sidebar — remove card-level padding duplication */ .sb-card .reg-wizard{box-shadow:none;padding:0;border:0} /* Weather card on light background */ .ev-main .weather-card{display:flex;align-items:center;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 16px;color:var(--ink)!important;height:72px;min-height:72px;max-height:72px;overflow:hidden;box-sizing:border-box} .ev-main .weather-card *{color:var(--ink)!important} /* Sidebar — prevent overflow */ .ev-sidebar{min-width:0;overflow:hidden} .ev-body-inner{grid-template-columns:1fr 360px} @media(max-width:1000px){.ev-body-inner{grid-template-columns:1fr 300px}} @media(max-width:820px){.ev-body-inner{grid-template-columns:1fr}} /* Sidebar persona toggle */ .sb-persona-toggle{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--white);border:1px solid var(--line);border-radius:var(--r-pill);overflow:hidden;margin-bottom:4px} .sb-persona-btn{padding:11px 10px;border:0;background:transparent;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--slate);cursor:pointer;transition:.2s;white-space:nowrap} .sb-persona-btn:hover{background:var(--blue-50);color:var(--blue-600)} .sb-persona-btn.active{background:var(--blue-600);color:#fff} #evQuotes{display:grid} /* ---- Registration Wizard ---- */ .reg-wizard{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:40px 44px;box-shadow:var(--shadow-md)} @media(max-width:600px){.reg-wizard{padding:28px 22px}} .reg-progress-track{height:6px;background:var(--line);border-radius:var(--r-pill);overflow:hidden;margin-bottom:14px} .reg-progress-fill{height:100%;background:var(--blue-500);border-radius:var(--r-pill);transition:width .45s cubic-bezier(.4,0,.2,1);width:25%} .reg-step-labels{display:flex;justify-content:space-between;margin-bottom:32px} .reg-step-label{font-size:12px;font-weight:600;color:var(--line);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;transition:color .3s} .reg-step-label.active{color:var(--blue-500)} .reg-step-label.done{color:var(--blue-400)} .reg-heading{font-size:24px;margin:0 0 8px} .reg-sub{color:var(--slate);font-size:15px;margin-bottom:24px} .reg-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px} .ev-sidebar .reg-field-row,.reg-field-row.stack{grid-template-columns:1fr} @media(max-width:480px){.reg-field-row{grid-template-columns:1fr}} .reg-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px} .reg-field label{font-size:13px;font-weight:600;font-family:var(--font-display);color:var(--ink)} .reg-field input{padding:12px 16px;border:1.5px solid var(--line);border-radius:var(--r-md);font-size:15px;font-family:var(--font-body);color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s;background:var(--bg)} .reg-field input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(69,147,242,.15);background:#fff} @media (max-width:600px){.reg-field input{font-size:16px}} .reg-field input.err{border-color:#E53E3E} .reg-err{font-size:12px;color:#E53E3E;display:none} .reg-err.show{display:block} .reg-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:8px} /* Quantity grid */ .qty-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px} @media(max-width:480px){.qty-grid{grid-template-columns:repeat(4,1fr)}} .qty-btn{padding:14px 8px;border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--bg);font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--slate);cursor:pointer;transition:.2s;text-align:center} .qty-btn:hover{border-color:var(--blue-400);color:var(--blue-600);background:var(--blue-50)} .qty-btn.selected{border-color:var(--blue-600);background:var(--blue-600);color:#fff;box-shadow:0 4px 12px rgba(30,111,214,.35)} .qty-btn-more{grid-column:span 2;font-size:13px;font-weight:700;letter-spacing:.01em} .reg-more-link{background:none;border:0;color:var(--blue-600);font-size:13px;font-weight:600;cursor:pointer;padding:0;margin-bottom:20px;display:block} .reg-more-link:hover{text-decoration:underline} .reg-back-row{display:flex;gap:10px} .reg-nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center} /* Review card */ .reg-review{background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--r-md);padding:20px 24px;margin-bottom:24px} .review-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--blue-100);font-size:14.5px} .review-row:last-child{border-bottom:0;padding-bottom:0} .review-row span{color:var(--slate)} .review-row strong{color:var(--ink);text-align:right} /* Success step */ .reg-success-step{text-align:center;padding:10px 0} .reg-free{display:inline-block;vertical-align:middle;margin-left:6px;font-family:var(--font-body);font-size:12px;font-weight:700;color:#fff;background:#1B8A4C;border-radius:var(--r-pill);padding:3px 11px;letter-spacing:.02em} .reg-minnote{margin-top:12px;font-size:12.5px;color:var(--slate);line-height:1.5;text-align:center} .reg-cowarn{background:#FFF7E6;border:1px solid #F7E3B0;border-radius:var(--r-md);padding:16px 16px 14px;margin-bottom:14px;animation:reg-fade .25s ease both} @keyframes reg-fade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} .reg-cowarn p{font-size:13px;line-height:1.55;color:#6b5212;margin:0 0 8px} .reg-cowarn p strong{color:#5a4310} .reg-cowarn-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px} .reg-cowarn-actions .btn{width:100%;justify-content:center;font-size:13.5px} @media(prefers-reduced-motion:reduce){.reg-cowarn{animation:none}} .reg-party{margin:6px 0 18px;padding:18px 16px;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--r-md)} .reg-party-q{font-family:var(--font-display);font-weight:700;font-size:14.5px;color:var(--ink);margin-bottom:12px} .reg-party-q span{display:block;font-family:var(--font-body);font-weight:400;font-size:12.5px;color:var(--slate);margin-top:2px} .reg-party-opts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center} .reg-party-opts button{border:1.5px solid var(--blue-200);background:var(--white);color:var(--blue-700);font-family:var(--font-display);font-weight:600;font-size:13px;border-radius:var(--r-pill);padding:9px 16px;cursor:pointer;transition:.18s ease} .reg-party-opts button:hover{border-color:var(--blue-500);background:var(--blue-100)} .reg-party-opts button.on{background:var(--blue-600);border-color:var(--blue-600);color:#fff} .reg-party-thanks{margin-top:12px;font-size:13px;font-weight:600;color:#1B8A4C} .reg-doors{margin:0 0 18px;font-size:13.5px;line-height:1.5;color:#7a5a12;background:#FFF7E6;border:1px solid #F7E3B0;border-radius:var(--r-md);padding:12px 14px} .reg-blurb{margin:0 0 18px;font-size:14px;line-height:1.55;color:var(--slate)} .reg-blurb strong{color:var(--ink)} .reg-group-note{margin-top:12px;font-size:13px;line-height:1.55;color:var(--slate)} .reg-group-note strong{color:var(--ink)} .reg-linkbtn{border:0;background:none;padding:0;color:var(--blue-600);font-weight:700;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:2px} .reg-linkbtn:hover{color:var(--blue-700)} .reg-check{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#1B8A4C,#2ECC71);color:#fff;font-size:34px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px rgba(27,138,76,.32)} .reg-jobs-cta{width:100%;justify-content:center;margin-top:18px} .reg-cal-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:14px 0 0} .reg-cal-pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--blue-700);background:#fff;border:1px solid var(--blue-200,#CFE3FB);border-radius:999px;padding:9px 16px;text-decoration:none;transition:border-color .15s ease,transform .15s ease} .reg-cal-pill:hover{border-color:var(--blue-400,#7AB2F7);transform:translateY(-1px)} /* Privacy checkbox */ .reg-privacy{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px;cursor:pointer;font-size:13.5px;color:var(--slate);line-height:1.5} .reg-privacy input[type=checkbox]{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--blue-500);cursor:pointer} .reg-privacy a{color:var(--blue-600);font-weight:600} .reg-privacy a:hover{text-decoration:underline} .reg-jobs{background:var(--blue-50,#F3F8FE);border:1px solid var(--blue-100,#E7F1FE);border-radius:12px;padding:12px 14px;margin:0 0 12px} .reg-jobs .reg-privacy{margin-bottom:0} .reg-jobs-i{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;border:0;background:var(--blue-500);color:#fff;font:700 11px/1 var(--font-display,inherit);font-style:italic;cursor:pointer;vertical-align:middle;margin-left:4px} .reg-jobs-i:hover{background:var(--blue-600)} .reg-jobs-pop{margin-top:10px;padding-top:10px;border-top:1px solid var(--blue-100,#E7F1FE);font-size:13px;color:var(--slate);animation:reg-fade .25s ease} .reg-jobs-pop strong{color:var(--ink,#0E1626)} .reg-jobs-pop ul{list-style:none;padding:0;margin:8px 0;display:grid;gap:7px} .reg-jobs-pop li{line-height:1.45} .reg-jobs-pop p{margin:8px 0 0;font-size:12px} /* City dates block */ .city-date-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)} .city-date-row:last-child{border-bottom:0} .city-date-current{opacity:.55} .city-date-info{display:flex;flex-direction:column;gap:3px} .city-date-info strong{font-size:15px;font-weight:700;color:var(--ink)} .city-date-info span{font-size:13px;color:var(--slate)} .city-date-tag{font-size:12px;font-weight:700;color:var(--blue-500);background:var(--blue-50);border:1px solid var(--blue-200);padding:5px 12px;border-radius:var(--r-pill);white-space:nowrap} .city-date-btn{padding:9px 18px;font-size:13px;white-space:nowrap} .enq-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(8,20,40,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease} .enq-overlay[hidden]{display:none} .enq-overlay.open{opacity:1} .enq-modal{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 40px 90px rgba(8,20,40,.4);padding:30px 30px 26px;transform:translateY(12px) scale(.98);transition:transform .22s cubic-bezier(.2,.8,.25,1)} .enq-overlay.open .enq-modal{transform:none} .enq-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:0;background:#EEF2F8;color:#475569;font-size:15px;cursor:pointer;display:grid;place-items:center;transition:background .15s,color .15s,transform .15s} .enq-close:hover{background:#1B5FC4;color:#fff;transform:rotate(90deg)} .enq-kicker{display:inline-block;font-family:var(--font-display,"Sora");font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-700,#1B5FC4);background:var(--blue-50,#EEF4FE);border-radius:999px;padding:5px 12px;margin-bottom:12px} .enq-title{font-family:var(--font-display,"Sora");font-weight:800;font-size:23px;line-height:1.2;letter-spacing:-.01em;color:var(--ink,#0B1B33);margin:0 0 8px} .enq-sub{font-size:14px;line-height:1.55;color:#475569;margin:0 0 18px} .enq-row{display:flex;gap:12px} .enq-row .enq-field{flex:1 1 0;min-width:0} .enq-field{display:flex;flex-direction:column;margin-bottom:13px} .enq-field label{font-size:12.5px;font-weight:700;color:var(--ink,#0B1B33);margin-bottom:5px} .enq-opt{font-weight:500;color:#94A3B8} .enq-field input,.enq-field textarea{font:inherit;font-size:14.5px;color:var(--ink,#0B1B33);background:#fff;border:1.5px solid #DBE3EE;border-radius:11px;padding:10px 13px;transition:border-color .15s,box-shadow .15s} .enq-field input:focus,.enq-field textarea:focus{outline:0;border-color:var(--blue-500,#4593F2);box-shadow:0 0 0 3px rgba(69,147,242,.16)} .enq-field textarea{resize:vertical;min-height:74px} .enq-err{display:block;font-size:12.5px;font-weight:600;color:#C0392B;margin:-4px 0 10px} .enq-err[hidden]{display:none} .enq-submit{width:100%;justify-content:center;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display,"Sora");font-weight:700;font-size:15.5px;color:#fff;background:linear-gradient(135deg,var(--blue-700,#1B5FC4),var(--blue-500,#4593F2));border:0;border-radius:13px;padding:13px 20px;cursor:pointer;box-shadow:0 12px 28px rgba(27,95,196,.32);transition:transform .18s,box-shadow .18s} .enq-submit:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(27,95,196,.4)} .enq-submit:disabled{opacity:.7;cursor:default;transform:none} .enq-mini{font-size:12.5px;color:#64748B;text-align:center;margin:12px 0 0} .enq-mini a{color:var(--blue-700,#1B5FC4);font-weight:700;text-decoration:none} .enq-done{text-align:center;padding:8px 0} .enq-done[hidden]{display:none} .enq-done-check{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:#1B8A4C;color:#fff;font-size:28px;display:grid;place-items:center} @media(max-width:480px){.enq-row{flex-direction:column;gap:0}.enq-modal{padding:24px 20px 22px}} @media (prefers-reduced-motion: reduce){.enq-overlay,.enq-modal{transition:none}} .ev-role:active,.ev-btn-ticket:active,.ev-btn-stand:active,.ev-bottom-ticket-btn:active, #mainEmp.eh .eh-cta-enquire:active,#mainEmp.eh .ev-btn-stand.eh-cta:active, .jbp-evemp .btn-sec:active,.reg-cal-pill:active,.enq-submit:active{transform:scale(.97)} @media (hover:none),(pointer:coarse){ .ev-role:hover,#mainEmp.eh .eh-chip-gold:hover,.jbp-evemp .btn-sec:hover, #mainEmp.eh .eh-cta-enquire:hover,#mainEmp.eh .ev-btn-stand.eh-cta:hover, #mainEmp.eh .eh-stage-close:hover,.exh-wall .exh-shuffle:hover, .ev-bottom-ticket-btn:hover,.ev-btn-ticket:hover,.ev-btn-stand:hover, .ev-img-overlay-bl:hover,.ev-img-overlay-tr:hover,.ev-img-overlay-br:hover, .reg-cal-pill:hover,.enq-close:hover,.enq-submit:hover{transform:none} } @media (prefers-reduced-motion:reduce){ .ev-role:active,.ev-btn-ticket:active,.ev-btn-stand:active,.ev-bottom-ticket-btn:active, #mainEmp.eh .eh-cta-enquire:active,#mainEmp.eh .ev-btn-stand.eh-cta:active, .jbp-evemp .btn-sec:active,.reg-cal-pill:active,.enq-submit:active{transform:none} }