/* ==================== PROGRAMME PAGE ==================== */ /* Page banner (shared with Speakers) */ .xdw-banner{background:var(--near-black);padding:160px 0 80px;position:relative;overflow:hidden} .xdw-banner-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px} .xdw-page-eyebrow{font-family:var(--heading);font-size:.78rem;font-weight:700; letter-spacing:.18em;text-transform:uppercase;color:var(--blue); margin-bottom:18px;display:block} .xdw-page-h1{font-family:var(--heading);font-size:clamp(2.4rem,5vw,3.8rem); font-weight:800;letter-spacing:-0.03em;line-height:1.05;margin-bottom:20px; background:linear-gradient(135deg,#33A5F7 0%,#6CBDFA 40%,#a8d8ff 70%,#6CBDFA 100%); -webkit-background-clip:text;-webkit-text-fill-color:transparent; background-clip:text;max-width:900px} .xdw-page-sub{font-size:1.1rem;color:rgba(255,255,255,0.78); max-width:680px;line-height:1.7} /* Day heading strip */ .day-heading{background:var(--near-black); border-top:1px solid rgba(51,165,247,0.15); border-bottom:1px solid rgba(51,165,247,0.15);padding:48px 0} .day-heading-inner{max-width:1200px;margin:0 auto;padding:0 24px; display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center} .day-big-num{font-family:var(--heading);font-size:5rem;font-weight:800;line-height:1; background:linear-gradient(135deg,var(--blue-lo),var(--blue),var(--blue-hi)); -webkit-background-clip:text;-webkit-text-fill-color:transparent; background-clip:text;text-shadow:0 0 40px rgba(51,165,247,0.3)} .day-label{font-family:var(--heading);font-size:.72rem;font-weight:700; letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:6px} .day-heading h2{font-family:var(--heading);font-size:1.9rem;font-weight:700; color:var(--white);line-height:1.2} .day-date{text-align:right;font-family:var(--heading);font-size:.85rem; color:var(--slate-light);letter-spacing:.02em} .day-date strong{display:block;color:var(--white);font-size:1.1rem; font-weight:700;margin-bottom:2px} /* Topic section (alternating light and dark) */ .topic-section{padding:80px 0;position:relative;overflow:hidden} .topic-section.light{background:var(--near-white);color:var(--black)} .topic-section.dark{background:var(--near-black);color:var(--white)} .topic-header{display:grid;grid-template-columns:140px 1fr;gap:40px; align-items:flex-start;margin-bottom:40px;max-width:1200px;margin-left:auto; margin-right:auto;padding:0 24px} .topic-badge{font-family:var(--heading);font-size:.7rem;font-weight:700; letter-spacing:.14em;text-transform:uppercase;color:var(--blue); padding:10px 16px;background:var(--blue-dim);border:1px solid var(--blue-border); border-radius:6px;text-align:center;white-space:nowrap;display:inline-block} .topic-title{font-family:var(--heading);font-size:2rem;font-weight:700; line-height:1.15;margin-bottom:14px;letter-spacing:-0.02em} .topic-section.light .topic-title{color:var(--black)} .topic-section.dark .topic-title{background:linear-gradient(135deg,#33A5F7 0%, #6CBDFA 40%,#a8d8ff 70%,#6CBDFA 100%);-webkit-background-clip:text; -webkit-text-fill-color:transparent;background-clip:text} .topic-desc{font-size:1rem;line-height:1.75;max-width:720px} .topic-section.light .topic-desc{color:var(--slate)} .topic-section.dark .topic-desc{color:rgba(255,255,255,0.78)} /* Ribbon timeline (at a glance summary) */ .ribbon-wrapper{max-width:1200px;margin:0 auto 48px;padding:28px 36px; border-radius:12px} .topic-section.light .ribbon-wrapper{background:rgba(255,255,255,0.5); border:1px solid rgba(51,165,247,0.15); box-shadow:0 0 18px rgba(51,165,247,0.08),inset 0 1px 0 rgba(255,255,255,0.5); backdrop-filter:blur(12px)} .topic-section.dark .ribbon-wrapper{background:rgba(51,165,247,0.04); border:1px solid rgba(51,165,247,0.15); box-shadow:0 0 18px rgba(51,165,247,0.08),inset 0 1px 0 rgba(255,255,255,0.03); backdrop-filter:blur(12px)} .ribbon-eyebrow{font-family:var(--heading);font-size:.7rem;font-weight:700; letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:20px} .ribbon-inner{display:grid;grid-template-columns:repeat(5,1fr);position:relative} .ribbon-inner::before{content:"";position:absolute;top:17px;left:10%;right:10%; height:2px;background:linear-gradient(90deg,var(--blue-lo),var(--blue),var(--blue-hi)); opacity:.4} .ribbon-slot{text-align:center;padding:0 6px;position:relative;z-index:1} .ribbon-dot{width:14px;height:14px;border-radius:50%;background:var(--blue); box-shadow:0 0 14px rgba(51,165,247,0.6);margin:10px auto 12px; border:3px solid var(--near-white)} .topic-section.dark .ribbon-dot{border-color:var(--near-black)} .ribbon-slot.break .ribbon-dot{background:var(--light-blue);box-shadow:none} .ribbon-time{font-family:var(--heading);font-size:.94rem;font-weight:800;line-height:1} .topic-section.light .ribbon-time{color:var(--black)} .topic-section.dark .ribbon-time{color:var(--white)} .ribbon-label{font-family:var(--heading);font-size:.7rem;font-weight:600; margin-top:6px;letter-spacing:.04em} .topic-section.light .ribbon-label{color:var(--slate)} .topic-section.dark .ribbon-label{color:var(--slate-light);opacity:.85} /* Session timeline block (vertical) */ .sessions-wrapper{max-width:1200px;margin:0 auto;padding:0 24px} .session-block{display:grid;grid-template-columns:140px 1fr;gap:32px; padding:24px 0;position:relative} .session-block + .session-block{border-top:1px solid rgba(51,165,247,0.15)} .session-time{text-align:right;padding-top:4px} .session-time-start{font-family:var(--heading);font-size:1.4rem;font-weight:800; line-height:1;letter-spacing:-0.02em} .topic-section.light .session-time-start{color:var(--black)} .topic-section.dark .session-time-start{color:var(--white)} .session-time-dur{font-family:var(--heading);font-size:.78rem;font-weight:500; margin-top:6px;opacity:.65;letter-spacing:.02em} .topic-section.light .session-time-dur{color:var(--slate)} .topic-section.dark .session-time-dur{color:var(--slate-light)} .session-body{padding-left:32px;border-left:2px solid rgba(51,165,247,0.15); position:relative} .session-body::before{content:"";position:absolute;left:-8px;top:8px; width:14px;height:14px;border-radius:50%;background:var(--blue); box-shadow:0 0 12px rgba(51,165,247,0.6)} .session-format{font-family:var(--heading);font-size:.7rem;font-weight:700; letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:8px} .session-title{font-family:var(--heading);font-size:1.2rem;font-weight:700; line-height:1.3;margin-bottom:10px;letter-spacing:-0.01em} .topic-section.light .session-title{color:var(--black)} .topic-section.dark .session-title{color:var(--white)} .session-desc{font-size:.94rem;line-height:1.75;margin-bottom:14px;max-width:680px} .topic-section.light .session-desc{color:var(--slate)} .topic-section.dark .session-desc{color:rgba(255,255,255,0.75)} .session-speakers{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .speaker-chip{border-radius:6px;padding:7px 14px;font-family:var(--heading); font-size:.78rem;font-weight:600} .topic-section.light .speaker-chip{background:rgba(51,165,247,0.06); border:1px solid rgba(51,165,247,0.15);color:var(--slate)} .topic-section.dark .speaker-chip{background:rgba(51,165,247,0.08); border:1px solid rgba(51,165,247,0.2);color:rgba(255,255,255,0.85)} .speaker-chip strong{font-weight:700} .topic-section.light .speaker-chip strong{color:var(--black)} .topic-section.dark .speaker-chip strong{color:var(--white)} /* Break (minimal styling) */ .session-block.break .session-body{border-left-color:rgba(208,218,235,0.3)} .session-block.break .session-body::before{background:var(--light-blue);box-shadow:none} .session-block.break .session-title{font-size:1rem;font-weight:600;margin-bottom:0;opacity:.75} /* Breakout grid (four cards) */ .breakouts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px; margin-top:10px;max-width:1200px} .breakout-card{border-radius:10px;padding:22px 24px;transition:all .3s; position:relative;overflow:hidden;text-decoration:none} .topic-section.light .breakout-card{background:rgba(255,255,255,0.6); border:1px solid rgba(51,165,247,0.15); box-shadow:0 0 12px rgba(51,165,247,0.05),inset 0 1px 0 rgba(255,255,255,0.5); backdrop-filter:blur(8px)} .topic-section.dark .breakout-card{background:rgba(51,165,247,0.04); border:1px solid rgba(51,165,247,0.15); box-shadow:0 0 12px rgba(51,165,247,0.05),inset 0 1px 0 rgba(255,255,255,0.03); backdrop-filter:blur(8px)} .breakout-card:hover{transform:translateY(-2px);border-color:rgba(51,165,247,0.35)} .breakout-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px; background:linear-gradient(90deg,var(--blue-lo),var(--blue),var(--blue-hi))} .breakout-label{font-family:var(--heading);font-size:.66rem;font-weight:700; letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:10px} .breakout-title{font-family:var(--heading);font-size:1.02rem;font-weight:700; line-height:1.3;margin-bottom:8px} .topic-section.light .breakout-title{color:var(--black)} .topic-section.dark .breakout-title{color:var(--white)} .breakout-desc{font-size:.86rem;line-height:1.6;margin-bottom:14px} .topic-section.light .breakout-desc{color:var(--slate)} .topic-section.dark .breakout-desc{color:rgba(255,255,255,0.7)} .breakout-fac{font-family:var(--heading);font-size:.74rem;font-weight:600; padding-top:12px;border-top:1px solid rgba(51,165,247,0.1)} .topic-section.light .breakout-fac{color:var(--slate)} .topic-section.dark .breakout-fac{color:var(--slate-light); border-top-color:rgba(51,165,247,0.15)} .breakout-fac span{color:var(--blue);font-weight:700} /* ==================== SPEAKERS PAGE ==================== */ .tier-section{padding:80px 0;position:relative;overflow:hidden} .tier-section.light{background:var(--near-white);color:var(--black)} .tier-section.dark{background:var(--near-black);color:var(--white)} .tier-header{display:grid;grid-template-columns:100px 1fr auto;gap:32px; align-items:center;margin-bottom:48px;padding-bottom:24px; border-bottom:2px solid rgba(51,165,247,0.15);max-width:1200px;margin-left:auto; margin-right:auto;padding-left:24px;padding-right:24px} .tier-num{font-family:var(--heading);font-size:4.2rem;font-weight:800;line-height:.9; background:linear-gradient(135deg,var(--blue-lo),var(--blue),var(--blue-hi)); -webkit-background-clip:text;-webkit-text-fill-color:transparent; background-clip:text;text-shadow:0 0 30px rgba(51,165,247,0.3)} .tier-label{font-family:var(--heading);font-size:.78rem;font-weight:700; letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:6px} .tier-meta h2{font-family:var(--heading);font-size:1.8rem;font-weight:700; line-height:1.15;letter-spacing:-0.02em;margin-bottom:10px} .tier-section.light .tier-meta h2{color:var(--black)} .tier-section.dark .tier-meta h2{background:linear-gradient(135deg,#33A5F7 0%, #6CBDFA 40%,#a8d8ff 70%,#6CBDFA 100%);-webkit-background-clip:text; -webkit-text-fill-color:transparent;background-clip:text} .tier-meta p{font-size:.98rem;line-height:1.7;max-width:680px} .tier-section.light .tier-meta p{color:var(--slate)} .tier-section.dark .tier-meta p{color:rgba(255,255,255,0.78)} .tier-count{font-family:var(--heading);font-size:.7rem;font-weight:700; letter-spacing:.12em;text-transform:uppercase;color:var(--blue-lo); background:var(--blue-dim);border:1px solid var(--blue-border); border-radius:6px;padding:10px 16px;white-space:nowrap} /* Tier 1 large cards */ .tier-1-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px; max-width:1200px;margin:0 auto;padding:0 24px} .speaker-lg{border-radius:12px;overflow:hidden;transition:all .3s; text-decoration:none;display:block} .tier-section.light .speaker-lg{background:rgba(255,255,255,0.6); border:1px solid rgba(51,165,247,0.15); box-shadow:0 0 18px rgba(51,165,247,0.08),inset 0 1px 0 rgba(255,255,255,0.5); backdrop-filter:blur(12px)} .tier-section.dark .speaker-lg{background:rgba(51,165,247,0.04); border:1px solid rgba(51,165,247,0.15); box-shadow:0 0 18px rgba(51,165,247,0.08),inset 0 1px 0 rgba(255,255,255,0.03); backdrop-filter:blur(12px)} .speaker-lg:hover{transform:translateY(-4px);border-color:rgba(51,165,247,0.4); box-shadow:0 0 28px rgba(51,165,247,0.18)} .speaker-lg-photo{aspect-ratio:4/5;background-size:cover;background-position:center; position:relative} .speaker-lg-photo::after{content:"";position:absolute;inset:0; background:linear-gradient(180deg,transparent 50%,rgba(19,30,51,0.6) 100%)} .speaker-lg-badge{position:absolute;top:14px;left:14px; background:rgba(51,165,247,0.95);color:var(--near-black); font-family:var(--heading);font-size:.66rem;font-weight:700; letter-spacing:.14em;text-transform:uppercase;padding:5px 12px; border-radius:4px;z-index:2;box-shadow:0 0 12px rgba(51,165,247,0.4)} .speaker-lg-info{padding:20px 24px 22px} .speaker-lg-name{font-family:var(--heading);font-size:1.2rem;font-weight:700; line-height:1.2;margin-bottom:6px;letter-spacing:-0.01em} .tier-section.light .speaker-lg-name{color:var(--black)} .tier-section.dark .speaker-lg-name{color:var(--white)} .speaker-lg-role{font-family:var(--heading);font-size:.82rem;font-weight:500; line-height:1.4;margin-bottom:4px} .tier-section.light .speaker-lg-role{color:var(--slate)} .tier-section.dark .speaker-lg-role{color:rgba(255,255,255,0.7)} .speaker-lg-org{font-family:var(--heading);font-size:.82rem;font-weight:700; color:var(--blue-lo)} .tier-section.dark .speaker-lg-org{color:var(--blue-hi)} .speaker-lg-session{margin-top:14px;padding-top:14px; border-top:1px solid rgba(51,165,247,0.15); font-family:var(--heading);font-size:.74rem;font-weight:500} .tier-section.light .speaker-lg-session{color:var(--slate)} .tier-section.dark .speaker-lg-session{color:rgba(255,255,255,0.65)} .speaker-lg-session strong{color:var(--blue);font-weight:700} /* Tier 2 medium cards */ .tier-2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px; max-width:1200px;margin:0 auto;padding:0 24px} .speaker-md{border-radius:10px;overflow:hidden;transition:all .3s; text-decoration:none;display:block} .tier-section.light .speaker-md{background:rgba(255,255,255,0.5); border:1px solid rgba(51,165,247,0.12); box-shadow:0 0 12px rgba(51,165,247,0.05),inset 0 1px 0 rgba(255,255,255,0.4); backdrop-filter:blur(8px)} .tier-section.dark .speaker-md{background:rgba(51,165,247,0.04); border:1px solid rgba(51,165,247,0.12); box-shadow:0 0 12px rgba(51,165,247,0.04),inset 0 1px 0 rgba(255,255,255,0.03); backdrop-filter:blur(8px)} .speaker-md:hover{transform:translateY(-3px);border-color:rgba(51,165,247,0.3); box-shadow:0 0 18px rgba(51,165,247,0.12)} .speaker-md-photo{aspect-ratio:1;background-size:cover;background-position:center} .speaker-md-info{padding:16px 18px} .speaker-md-name{font-family:var(--heading);font-size:.94rem;font-weight:700; line-height:1.25;margin-bottom:4px} .tier-section.light .speaker-md-name{color:var(--black)} .tier-section.dark .speaker-md-name{color:var(--white)} .speaker-md-role{font-family:var(--heading);font-size:.74rem;font-weight:500; line-height:1.4;margin-bottom:2px;opacity:.85} .tier-section.light .speaker-md-role{color:var(--slate)} .tier-section.dark .speaker-md-role{color:rgba(255,255,255,0.7)} .speaker-md-org{font-family:var(--heading);font-size:.76rem;font-weight:700; color:var(--blue-lo)} .tier-section.dark .speaker-md-org{color:var(--blue-hi)} /* Tier 3 facilitator cards */ .tier-3-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px; max-width:1200px;margin:0 auto;padding:0 24px} .facilitator-card{border-radius:10px;padding:24px 26px;display:flex;gap:20px; align-items:center;transition:all .3s;position:relative;overflow:hidden; text-decoration:none} .tier-section.light .facilitator-card{background:rgba(255,255,255,0.6); border:1px solid rgba(51,165,247,0.15); box-shadow:0 0 12px rgba(51,165,247,0.05),inset 0 1px 0 rgba(255,255,255,0.5); backdrop-filter:blur(8px)} .tier-section.dark .facilitator-card{background:rgba(51,165,247,0.04); border:1px solid rgba(51,165,247,0.15); box-shadow:0 0 12px rgba(51,165,247,0.05),inset 0 1px 0 rgba(255,255,255,0.03); backdrop-filter:blur(8px)} .facilitator-card:hover{transform:translateY(-2px);border-color:rgba(51,165,247,0.35)} .facilitator-card::before{content:"";position:absolute;top:0;left:0;bottom:0; width:3px;background:linear-gradient(180deg,var(--blue-lo),var(--blue),var(--blue-hi))} .fac-photo{width:72px;height:72px;border-radius:50%;flex-shrink:0; border:2px solid rgba(51,165,247,0.2);overflow:hidden; background-size:cover;background-position:center} .fac-body{flex:1;min-width:0} .fac-zone{font-family:var(--heading);font-size:.66rem;font-weight:700; letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:4px} .fac-name{font-family:var(--heading);font-size:1.05rem;font-weight:700; line-height:1.25;margin-bottom:2px} .tier-section.light .fac-name{color:var(--black)} .tier-section.dark .fac-name{color:var(--white)} .fac-role{font-family:var(--heading);font-size:.8rem;font-weight:500; line-height:1.4;opacity:.85} .tier-section.light .fac-role{color:var(--slate)} .tier-section.dark .fac-role{color:rgba(255,255,255,0.7)} /* Responsive */ @media(max-width:991px){ .tier-1-grid{grid-template-columns:repeat(2,1fr)} .tier-2-grid{grid-template-columns:repeat(3,1fr)} .tier-3-grid,.breakouts-grid{grid-template-columns:1fr} .topic-header{grid-template-columns:1fr;gap:20px} .ribbon-label{display:none} } @media(max-width:767px){ .tier-1-grid{grid-template-columns:1fr} .tier-2-grid{grid-template-columns:repeat(2,1fr)} .tier-header{grid-template-columns:1fr;text-align:left} .session-block{grid-template-columns:90px 1fr;gap:20px} .day-big-num{font-size:3.2rem} }

2 Restoring Consumer Confidence

In this track, we'll guide you through the most relevant actions you can take to restore the confidence of your customers.

With confidence taking a hard hit, rebuilding trust with consumers is critical for a successful recovery. This can be done at a business strategy level, by using empathy to better understand your customer needs and, through communication, by showing who you really are and what you stand for.

With confidence taking a hard hit, rebuilding trust with consumers is critical for a successful recovery. This can be done at a business strategy level, by using empathy to better understand your customer needs and, through communication, by showing who you really are and what you stand for.

Rewatch the live Business Hack #2 below 🎬

With confidence taking a hard hit, rebuilding trust with consumers is critical for a successful recovery. This can be done at a business strategy level, by using empathy to better understand your customer needs and, through communication, by showing who you really are and what you stand for.

In this track, we'll guide you through the most relevant actions you can take to restore the confidence of your customers.

You will start by understanding the new needs of consumers and then move to repurpose your brand and design your recovery together with your customers. You will then learn how to use empathy to develop relevant products and services and how to pivot towards sustainability and transparency to build back a more trustful and resilient business.

In this series we will look into:

With confidence taking a hard hit, rebuilding trust with consumers is critical for a successful recovery. This can be done at a business strategy level, by using empathy to better understand your customer needs and, through communication, by showing who you really are and what you stand for.

Rewatch the live Business Hack #2 below 🎬

With confidence taking a hard hit, rebuilding trust with consumers is critical for a successful recovery. This can be done at a business strategy level, by using empathy to better understand your customer needs and, through communication, by showing who you really are and what you stand for.

In this track, we'll guide you through the most relevant actions you can take to restore the confidence of your customers.

You will start by understanding the new needs of consumers and then move to repurpose your brand and design your recovery together with your customers. You will then learn how to use empathy to develop relevant products and services and how to pivot towards sustainability and transparency to build back a more trustful and resilient business.

In this series we will look into: