:root {
    --ink:#111312;
    --paper:#f4f1e9;
    --white:#ffffff;
    --f2:#f2f2f2;
    --green:#8dc73f;
    --brandcolor1:rgba(76,74,158, 1);
    --brandcolor2:rgba(59,55,127, 1);
    --brandcolor3:rgba(41,34,95, 1);
    --brandcolorcombo:rgba(19,114,184, 1);
    --muted:#a7aaa3;
    --line:rgba(17,19,18,.18);
    --max:1280px;
}

* {
 box-sizing:border-box;
}
 
html {
 scroll-behavior:smooth;
}
 
body {
 margin:0;
 background:var(--paper);
 color:var(--ink);
 font-family:'Roboto',sans-serif;
 line-height:1.55;
}
 
a {
 color:inherit;
}
 
.skip-link {
 position:fixed;
 left:1rem;
 top:-4rem;
 background:var(--green);
 padding:.7rem 1rem;
 z-index:100;
}
 
.skip-link:focus {
 top:1rem;
}
 
.site-header {
 height:82px;
 position:absolute;
 z-index:20;
 top:0;
 left:0;
 right:0;
 max-width:var(--max);
 margin:auto;
 padding:0 32px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 color:#fff;
 border-bottom:1px solid rgba(255,255,255,.22);
}
 
.brand {
 display:flex;
 align-items:baseline;
 text-decoration:none;
 font-family: 'roboto', sans-serif;
}
 
.brand-mark {
 font-size:2rem;
 font-weight:700;
 letter-spacing:-.12em;
}
 
.brand-city {
 font-size:.75rem;
 text-transform:uppercase;
 letter-spacing:.19em;
 margin-left:.75rem;
}
 
.site-header nav {
 display:flex;
 align-items:center;
 gap:28px;
}
 
.site-header nav>a:not(.button) {
 font-size:.78rem;
 text-decoration:none;
 text-transform:uppercase;
 letter-spacing:.1em;
}

.cdm-logo {
    height:48px;
}
 
.menu-toggle {
 display:none;
}
 
.button {
 display:inline-flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
 background:var(--green);
 color:var(--white);
 min-width:190px;
 padding:12px 32px;
 font-size:.75rem;
 font-weight:600;
 text-transform:uppercase;
 letter-spacing:.12em;
 text-decoration:none;
 border:0;
 border-radius: 50px;
}

.inactive {

 background:var(--muted);
 color:var(--white);

}
 
.button-small {
 min-width:auto!important;
 padding:8px 24px;
}
 
.button-dark {
 background:var(--ink);
 color:#fff;
}

.button-light {
 color:var(--ink);
 background:var(--white);
}
 
.hero {
 position:relative;
 min-height:760px;
 background:#161a19;
 color:#fff;
 overflow:hidden;
 padding:160px max(32px,calc((100vw - var(--max))/2 + 32px)) 70px;
 display:block;
 align-items:center;
}

.reghero {
 position:relative;
 background:#161a19;
 color:#fff;
 overflow:hidden;
 padding:160px max(32px,calc((100vw - var(--max))/2 + 32px)) 20px;
 display:block;
 align-items:center;
}
 
.hero-grid {
 position:absolute;
 inset:0;
 background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
 background-size:72px 72px;
 mask-image:linear-gradient(to bottom,black,transparent 88%);
}
 
.hero:after {
 content:"";
 position:absolute;
 right:-8%;
 top:-18%;
 width:58vw;
 height:58vw;
 /*background:radial-gradient(circle,var(--brandcolor1) 0 2%,transparent 2.2% 100%),conic-gradient(from 130deg,transparent,var(--brandcolorcombo),transparent 58%);
 background: radial-gradient(circle, rgba(59, 55, 127, 1) 0%, rgba(59, 55, 127, 1) 100%);*/
/*background: radial-gradient(circle, var(--brandcolorcombo) 25%,  var(--brandcolor1) 55%);*/
background: radial-gradient(circle, var(--brandcolor1) 0%,  var(--brandcolor1) 100%);
 border-radius:50%;
 filter:blur(200px);
 opacity:.8;
}

.reghero:after {
 content:"";
 position:absolute;
 right:-8%;
 top:-18%;
 width:58vw;
 height:58vw;
 /*background:radial-gradient(circle,var(--brandcolor1) 0 2%,transparent 2.2% 100%),conic-gradient(from 130deg,transparent,var(--brandcolorcombo),transparent 58%);
 background: radial-gradient(circle, rgba(59, 55, 127, 1) 0%, rgba(59, 55, 127, 1) 100%);*/
/*background: radial-gradient(circle, var(--brandcolorcombo) 25%,  var(--brandcolor1) 55%);*/
background: radial-gradient(circle, var(--brandcolor1) 0%,  var(--brandcolor1) 100%);
 border-radius:50%;
 filter:blur(200px);
 opacity:.8;
}
 
.hero-orbit {
 position:absolute;
  /*border:1px solid rgba(255,255,255,.65);
border-radius:50%;*/
 z-index:1;
  right:4%;
 top:15%;
}

.hero-orbit2 {
 position:absolute;
  /*border:1px solid rgba(255,255,255,.65);
border-radius:50%;*/
 z-index:1;
  right: 1%;
 top:1%;
}
 
.hero-orbit-one {
 width:600px;
 height:600px;
 right:4%;
 top:13%;
 filter:blur(5px);
}
 
.hero-orbit-two {
 width:360px;
 height:360px;
 right:13%;
 top:28%;
 filter:blur(3px);
}



.triangle-svg {
 width:555px;
 height:555px;
 filter:blur(3px);
}

.triangle-svg2 {
 width:1111px;
 height:1111px;
 filter:blur(11px);
}



 
.hero-inner {
 position:relative;
 z-index:3;
 max-width:100%;

}

.hero-inner h1 {
 white-space: nowrap;
}


.hero-lower {
 position:relative;
 z-index:3;
 max-width:100%;
display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}

@media(max-width:900px) {
 .hero-lower {display: block;}
}
 
.eyebrow,.section-label {
 font-size:.71rem;
 font-weight:600;
 text-transform:uppercase;
 letter-spacing:.2em;
}
 
.eyebrow {
 color:var(--green);
 margin:0 0 28px;
}
 
.eyebrow.dark {
 color:var(--ink);
}


.brand-logo {
    height: 64px;
    margin-bottom: 1em;
}


 
h1,h2,h3 {
 font-family: 'roboto', sans-serif;
 line-height:.98;
 letter-spacing:-.045em;
 margin:0;
}
 
h1 {
 font-size:clamp(3.5rem,4.5vw,8rem);
 font-weight:600;
 max-width:1050px;
}
 
h1 em {
 font-style:normal;
 color:var(--green);
}
 
.hero-copy {
 font-size:1.2rem;
 max-width:560px;
 color:#cdd1cc;
 margin:38px 0;
}
 
.hero-actions {
 display:flex;
 gap:28px;
 align-items:center;
}
 
.text-link {
 text-transform:uppercase;
 font-size:.75rem;
 letter-spacing:.13em;
 text-decoration:none;
}
 
.event-card {
 position:relative;
 z-index:4;
 width: fit-content;
 background:rgba(10,12,11,.5);
 backdrop-filter:blur(12px);
 padding:16px 43px 16px 32px;
 border-radius: 0 0 1em 1em;
 margin: 43px 0 0 0;
 border-top: 2px solid var(--green);
}

 
.event-card div {
 display:grid;
 grid-template-columns:100px 1fr;
 padding:12px 0;
 border-top:1px solid rgba(255,255,255,.16);
}

.event-card div:first-child {
 border-top:0px solid rgba(255,255,255,.16);
}
 
.event-card span {
 font-size:.9rem;
 color:var(--muted);
 text-transform:uppercase;
}
 
.event-card strong {
 font-size:.9rem;
}

.event-card-label {
font-size:.67rem;
color:var(--acid);
text-transform:uppercase;
letter-spacing:.15em;
}

.event-card2 {
position:relative;
z-index:4;
padding:22px 0;
}



.event-card2 div {
display:grid;
grid-template-columns:100px 1fr;
padding:12px 0;
border-top:1px solid rgba(255,255,255,.16);
}

.event-card2 div:first-child {
 border-top:0px solid rgba(255,255,255,.16);
}

.event-card2 span {
font-size:.8rem;
color:var(--muted);
text-transform:uppercase;
}

.event-card2 strong {
font-size:.8rem;
}
 
.hero-index {
    display: none;
/* position:absolute;
 left:32px;
 bottom:20px;
 writing-mode:vertical-rl;
 font-size:.65rem;
 letter-spacing:.2em;
 color:#777;
 */
}
 
.section {
 max-width:var(--max);
 margin:auto;
 padding:120px 32px;
}
 
.section-label {
 display:flex;
 gap:8px;
 align-items:center;
 border-bottom:1px solid var(--line);
 /*padding-bottom:18px;*/
 margin-bottom:70px;
}
 
.section-label span b {
 color:var(--green);
 display: none;
}

.section-label span {
    font-family: "Libre Baskerville", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: italic;
    text-transform: capitalize;
    font-size:1.25rem;
}
 
.section-label.light {
 color:#fff;
 border-color:rgba(255,255,255,.2);
}


.reg { background-color: var(--white);
width:100%;
max-width: 100%;
padding-top:20px !important;
}

.cvent-responsive-container {
  position: relative;
  width: 100%;
  max-width: 1200px; /* Limits size on desktop */
  margin: 0 auto;    /* Centers the widget */
  padding: 0 15px;   /* Prevents the widget from hitting the screen edges on mobile */
  box-sizing: border-box;
}

.cvent-responsive-container iframe,
.cvent-responsive-container object,
.cvent-responsive-container embed {
  width: 100% !important; /* Forces 100% fluid width on all screen sizes */
  min-width: 100%;
  border: none;
}


.regbox {min-height:900px !important;}
 
.intro {
 display:grid;
 grid-template-columns:260px 1fr;
 gap:10px;
}
 
.intro .section-label {
 align-self:start;
}
 
.intro-content {
 max-width:880px;
}
 
.intro h2 {
 font-size:clamp(2rem,3vw,4rem);
}

.agenda h2,.register h2 {
 font-size:clamp(3rem,4vw,5rem);
}
 
.lede {
 font-family: 'roboto', sans-serif;
 font-size:1.25rem;
 line-height:1.3;
 max-width:800px;
 margin:24px 0;
}
 
.two-column-copy {
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:48px;
 color:#5e625f;
}

.two-column-copy p {
margin:0.5em 0;
}
 
.manifesto {
 overflow:hidden;
 background:var(--brandcolor1);
 padding:27px 0;
 white-space:nowrap;
}
 
.manifesto p {
 font:600 clamp(2rem,5vw,5rem)/1 'Space Grotesk',sans-serif;
 margin:0;
 text-align:center;
 letter-spacing:-.05em;
  color:var(--paper);
}
 
.manifesto span {
 color:var(--paper);
 margin:0 .4em;
}
 
.pillars {
 max-width:none;
 background:var(--ink);
 color:#fff;
 padding-left:max(32px,calc((100vw - var(--max))/2 + 32px));
 padding-right:max(32px,calc((100vw - var(--max))/2 + 32px));
}

.reasons {
    max-width: none;
    background:var(--brandcolor3);
 background: linear-gradient(to bottom right, var(--ink), var(--brandcolor3), var(--brandcolor1));
 color:#fff;
    color: #fff;
    padding-left: max(32px, calc((100vw - var(--max)) / 2 + 32px));
    padding-right: max(32px, calc((100vw - var(--max)) / 2 + 32px));
}

.faqs {
    max-width: none;
    background: var(--ink);
    color: #fff;
    padding-left: max(32px, calc((100vw - var(--max)) / 2 + 32px));
    padding-right: max(32px, calc((100vw - var(--max)) / 2 + 32px));
}

.agenda {
max-width: none;
    background: var(--white);
     color:var(--ink);
    padding-left: max(32px, calc((100vw - var(--max)) / 2 + 32px));
    padding-right: max(32px, calc((100vw - var(--max)) / 2 + 32px));
}

.section-heading {
 display:flex;
 justify-content:space-between;
 align-items:end;
 margin-bottom:60px;
}
 
.section-heading h2,.reasons h2,.faqs h2 {
 font-size:clamp(3rem,3.5vw,5.5rem);
}
 
.section-heading p {
 max-width:390px;
 color:var(--muted);
}
 
.pillar-grid {
 display:grid;
 grid-template-columns:repeat(3,1fr);
 grid-column-gap: 50px;
 grid-row-gap: 10px;
 /*border-left:1px solid rgba(255,255,255,.17);
 border-top:1px solid rgba(255,255,255,.17);*/
}
 
.pillar-card {
 min-height:250px;
 padding:0 0 10px 0;
 /*border-right:1px solid rgba(255,255,255,.17);*/
 border-bottom:1px solid rgba(255,255,255,.17);
 display:flex;
 flex-direction:column;
 margin-bottom: 2em;
}
 
.pillar-card>span {
    display:none;
 color:var(--green);
 font-size:.7rem;
}
 
.pillar-card h3 {
 font-size:1.55rem;
 margin:0 0 18px 0;
}

.pillar-card img {
 margin:0 0 20px;
}
 
.pillar-card p {
 color:var(--muted);
 font-size:.9rem;
 margin:0;
}
 
.agenda-layout {
 display:grid;
 grid-template-columns:1fr 4fr;
 gap:100px;
}

/* Modular image collage */
.collage-section {
 overflow:hidden;

}

.collage-heading {
 display:grid;
 grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);
 gap:64px;
 align-items:end;
 margin-bottom:64px;
}

.collage-heading h2 {
 font-size:clamp(3rem,6vw,6.5rem);
}

.collage-heading p {
 max-width:420px;
 margin:0;
 color:#626662;
}

.image-collage {
 display:grid;
 grid-template-columns:repeat(12,minmax(0,1fr));
 grid-template-rows:240px 180px 240px;
 gap:16px;
}

.collage-item {
 position:relative;
 overflow:hidden;
 margin:0;
 background:#d8d6cf;
 border-radius: 1rem;
}

.collage-trigger {
 width:100%;
 height:100%;
 display:block;
 padding:0;
 border:0;
 background:transparent;
 color:inherit;
 cursor:zoom-in;
}

.collage-trigger:focus-visible {
 outline:4px solid var(--green);
 outline-offset:-4px;
}

.collage-item-1 { grid-column:1 / 8; grid-row:1 / 3; }
.collage-item-2 { grid-column:8 / 13; grid-row:1; }
.collage-item-3 { grid-column:8 / 13; grid-row:2 / 4; }
.collage-item-4 { grid-column:1 / 5; grid-row:3; }
.collage-item-5 { grid-column:5 / 8; grid-row:3; }

.collage-item img {
 width:100%;
 height:100%;
 display:block;
 object-fit:cover;
 transition:transform .7s cubic-bezier(.2,.7,.2,1);
}

.collage-item::after {
 content:"";
 position:absolute;
 inset:35% 0 0;
 background:linear-gradient(transparent,rgba(0,0,0,.78));
 pointer-events:none;
}

.collage-item:hover img {
 transform:scale(1.035);
}

.collage-item figcaption {
 position:absolute;
 z-index:1;
 left:20px;
 right:20px;
 bottom:17px;
 display:flex;
 justify-content:space-between;
 gap:20px;
 color:#fff;
 font-size:.72rem;
 font-weight:600;
 text-transform:uppercase;
 letter-spacing:.1em;
}

.collage-item figcaption span {
 color:var(--green);
}

.collage-lightbox {
 width:100vw;
 max-width:none;
 height:100vh;
 max-height:none;
 margin:0;
 padding:24px;
 border:0;
 background:rgba(7,9,8,.96);
 color:#fff;
}

.collage-lightbox::backdrop {
 background:rgba(7,9,8,.9);
}

.collage-lightbox[open] {
 display:grid;
 place-items:center;
}

.lightbox-shell {
 position:relative;
 width:min(1180px,100%);
 height:min(820px,calc(100vh - 48px));
 display:grid;
 grid-template-columns:58px minmax(0,1fr) 58px;
 gap:22px;
 align-items:center;
}

.lightbox-figure {
 min-width:0;
 height:100%;
 display:grid;
 grid-template-rows:minmax(0,1fr) auto;
 margin:0;
}

.lightbox-figure img {
 width:100%;
 height:100%;
 min-height:0;
 display:block;
 object-fit:contain;
}

.lightbox-figure figcaption {
 display:flex;
 justify-content:space-between;
 gap:24px;
 padding:18px 4px 0;
 color:#d2d5d1;
 font-size:.78rem;
 text-transform:uppercase;
 letter-spacing:.1em;
}

.lightbox-count {
 color:var(--green);
 white-space:nowrap;
}

.lightbox-control,
.lightbox-close {
 display:grid;
 place-items:center;
 width:52px;
 height:52px;
 padding:0;
 border:1px solid rgba(255,255,255,.4);
 border-radius:50%;
 background:transparent;
 color:#fff;
 cursor:pointer;
 transition:background .2s,border-color .2s;
}

.lightbox-control:hover,
.lightbox-control:focus-visible,
.lightbox-close:hover,
.lightbox-close:focus-visible {
 background:var(--green);
 border-color:var(--green);
 color:var(--ink);
 outline:none;
}

.lightbox-chevron {
 width:12px;
 height:12px;
 border-top:2px solid currentColor;
 border-right:2px solid currentColor;
 transform:rotate(45deg);
}

.lightbox-prev .lightbox-chevron {
 transform:rotate(-135deg);
}

.lightbox-close {
 position:absolute;
 z-index:2;
 top:0;
 right:0;
}

.lightbox-close span {
 position:relative;
 width:18px;
 height:2px;
 display:block;
 background:currentColor;
 transform:rotate(45deg);
}

.lightbox-close span::after {
 content:"";
 position:absolute;
 inset:0;
 display:block;
 background:currentColor;
 transform:rotate(90deg);
}

/* Repeating attendee carousel */
.attendees-section {
 max-width:none;
 background:var(--brandcolor3);
 background: linear-gradient(to bottom right, var(--ink), var(--brandcolor3), var(--brandcolor1));
 color:#fff;
 padding-left:max(32px,calc((100vw - var(--max))/2 + 32px));
 padding-right:max(32px,calc((100vw - var(--max))/2 + 32px));
 overflow:hidden;
}

.attendees-heading {
 display:flex;
 justify-content:space-between;
 align-items:end;
 gap:40px;
 margin-bottom:62px;
}

.attendees-heading h2 {
 font-size:clamp(3rem,5vw,5rem);
}

.slider-controls {
 display:flex;
 gap:10px;
 padding-bottom:8px;
}

.slider-control {
 width:52px;
 height:52px;
 border:1px solid rgba(255,255,255,.35);
 border-radius:50%;
 background:transparent;
 color:#fff;
 font-size:1.25rem;
 cursor:pointer;
 transition:background .2s,color .2s,border-color .2s;
}

.slider-control:hover,
.slider-control:focus-visible {
 background:var(--green);
 border-color:var(--green);
 color:var(--ink);
 outline:none;
}

.pause-icon {
 position:relative;
 display:block;
 width:12px;
 height:15px;
 margin:auto;
 border-left:3px solid currentColor;
 border-right:3px solid currentColor;
}

.slider-pause.is-paused .pause-icon {
 width:0;
 height:0;
 border-top:8px solid transparent;
 border-bottom:8px solid transparent;
 border-left:12px solid currentColor;
 border-right:0;
}

.attendee-viewport {
 overflow:hidden;
}

.attendee-track {
 --visible:5;
 --slider-gap:24px;
 display:flex;
 gap:var(--slider-gap);
 will-change:transform;
}

.attendee-card {
 flex:0 0 calc((100% - (var(--visible) - 1) * var(--slider-gap)) / var(--visible));
 min-width:0;
   text-align: center;
}

.attendee-photo {
    width: 80%;
 aspect-ratio:1;
 overflow:hidden;
 border-radius:50%;
 background:#292c2a;
 margin:0 auto 24px;
}

.attendee-photo img {
 width:100%;
 height:100%;
 display:block;
 object-fit:cover;
 filter:grayscale(18%);
 transition:transform .55s ease,filter .3s ease;
}

.attendee-card:hover .attendee-photo img {
 transform:scale(1.045);
 filter:grayscale(0);
}

.attendee-card h3 {
 font-size:1.2rem;
 line-height:1.15;
 letter-spacing:-.02em;
 margin-bottom:9px;
}

.attendee-card p {
 min-height:2em;
 margin:0 0 7px;
 color:#c7cac6;
 font-size:.82rem;
 line-height:1.35;
}

.attendee-card > span {
 color:var(--green);
 font-size:.66rem;
 text-transform:uppercase;
 letter-spacing:.11em;
}

.slider-status {
 position:absolute;
 width:1px;
 height:1px;
 padding:0;
 margin:-1px;
 overflow:hidden;
 clip:rect(0,0,0,0);
 white-space:nowrap;
 border:0;
}

@media(max-width:1100px) {
 .attendee-track { --visible:4; --slider-gap:20px; }

 .attendee-photo {
    width: 64%;
 }
}

/* Modular Advisory Board tile grid */
.advisory-section {
 background:var(--paper);
}

.advisory-heading {
 display:grid;
 grid-template-columns:minmax(200px, 1fr) 1fr;
 align-items:end;
 gap:64px;
 margin-bottom:58px;
}

.advisory-heading h2 {
 font-size:clamp(4rem,5vw,5.4rem);
}

.advisory-heading > p {
 margin:0;
 color:#656965;
}

.advisory-grid {
 display:grid;
 grid-template-columns:repeat(5,minmax(0,1fr));
 gap:18px;
}

.advisory-card {
 min-width:0;
 background:#fff;
 border:1px solid var(--line);
 overflow:hidden;
 transition:transform .25s ease,box-shadow .25s ease;
 border-radius: 1em;
}

.advisory-card:hover {
 transform:translateY(-5px);
 box-shadow:0 18px 45px rgba(17,19,18,.12);
}

.advisory-photo {
 aspect-ratio:3 / 3;
 overflow:hidden;
 background:#dbd9d2;
 border-radius: 1em 1em 0 0;
}

.advisory-photo img {
 width:100%;
 height:100%;
 display:block;
 object-fit:cover;
 object-position:center top;
 transition:transform .55s ease;
}

.advisory-card:hover .advisory-photo img {
 transform:scale(1.035);
}

.advisory-details {
 padding:20px 18px 22px;
 border-top:3px solid var(--green);
}

.advisory-details h3 {
 font-size:1.08rem;
 line-height:1.15;
 letter-spacing:-.02em;
 margin-bottom:9px;
}

.advisory-details p {
 min-height:2.7em;
 margin:0 0 10px;
 color:#5f635f;
 font-size:.78rem;
 line-height:1.35;
}

.advisory-details span {
 display:block;
 font-size:.65rem;
 font-weight:600;
 text-transform:uppercase;
 letter-spacing:.1em;
}

.advisory-more {
  max-height: 100%;
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--green);
  color: #fff;
  text-decoration: none;
  border: 0;
}

.advisory-more span {
  max-width: 140px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.1;
}

.advisory-more strong {
  align-self: flex-end;
  font-size: 2rem;
}

.advisory-more:hover {
  background: var(--brandcolor1);
}

@media(max-width:900px) {
 .advisory-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

/* Continuously scrolling partner logos */
.logo-marquee-section {
 max-width:none;
 background: var(--white);
 padding-left:max(32px,calc((100vw - var(--max))/2 + 32px));
 padding-right:max(32px,calc((100vw - var(--max))/2 + 32px));
 overflow:hidden;
}

.logo-marquee-heading {
 display:flex;
 justify-content:space-between;
 align-items:end;
 gap:48px;
 margin-bottom:55px;
}

.logo-marquee-heading h2 {
 font-size:clamp(3rem,5vw,5.4rem);
}

.logo-marquee-heading p {
 max-width:430px;
 margin:0;
 color:#656965;
}

.logo-marquee {
 --logo-size:200px;
 --logo-gap:24px;
 width:calc((var(--logo-size) * 5) + (var(--logo-gap) * 3));
 max-width:100%;
 margin-inline:auto;
 overflow:hidden;
 -webkit-mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%);
 mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%);
}

.logo-track {
 display:flex;
 width:max-content;
 gap:var(--logo-gap);
 animation:logo-scroll var(--logo-speed,42s) linear infinite;
 will-change:transform;
}

.logo-group {
 display:flex;
 flex-shrink:0;
 gap:var(--logo-gap);
}

.logo-tile {
 width:var(--logo-size);
 height:var(--logo-size);
 flex:0 0 var(--logo-size);
 display:grid;
 place-items:center;
 padding:5px;
 background:#fff;
 border:1px solid rgba(17,19,18,.08);
 border-radius: 1em;;
}

.logo-tile img {
 display:block;
 width:100%;
 height:100%;
 object-fit:contain;
}

@keyframes logo-scroll {
 to { transform:translateX(calc(-50% - (var(--logo-gap) / 2))); }
}

@media(prefers-reduced-motion:reduce) {
 .logo-track {
  animation-play-state:paused;
 }

 .logo-marquee {
  overflow-x:auto;
 }
}
 



.agenda-note {
 max-width:460px;
 color:#777;
 margin-top:30px;
}

.agenda-intro {
 align-self:start;
 position:sticky;
 top:32px;
}

.agenda-sessions {
 border-top:1px solid var(--line);
}

.agenda-session {
 border-bottom:1px solid var(--line);
 background:rgba(255,255,255,.28);
}

.agenda-session summary,
.agenda-session-row {
 display:grid;
 grid-template-columns:90px minmax(0,1fr) 36px;
 gap:18px;
 align-items:start;
 padding:24px 20px;
 cursor:pointer;
 list-style:none;
}

.agenda-session-row {
 grid-template-columns:90px minmax(0,1fr);
 cursor:default;
}

.agenda-session summary::-webkit-details-marker {
 display:none;
}

.agenda-session summary:hover,
.agenda-session summary:focus-visible {
 background:rgba(255,255,255,.65);
 outline:none;
}

.agenda-session time {
 color:var(--green);
 font-size:.75rem;
 font-weight:700;
}

.agenda-summary-title {
 display:grid;
 gap:6px;
}

.agenda-summary-title small {
 color:#777b77;
 font-size:.62rem;
 font-weight:600;
 text-transform:uppercase;
 letter-spacing:.12em;
    padding: 0px 10px;
    border: 1px solid var(--line);
    width: fit-content;
    border-radius: 3em;
}

.agenda-summary-title strong {
 font:600 1.08rem/1.3 'Montserrat',sans-serif;
}

.agenda-toggle {
 display:grid;
 place-items:center;
 width:32px;
 height:32px;
 border:1px solid var(--line);
 border-radius:50%;
 font-size:0;
 transition:background .25s ease;
}

.agenda-toggle::before {
 content:"+";
 font-size:1.2rem;
}

.agenda-session[open] .agenda-toggle {
 background:var(--green);
}

.agenda-session[open] .agenda-toggle::before {
 content:"−";
}

.agenda-session-body {
 padding:2px 68px 30px 128px;
 color:#555a56;
}

.agenda-session-body > p {
 margin:0 0 10px;
     font-size: 0.82em;
    line-height: 1.25;
}

.agenda-session-body > .agenda-lede {
 color:var(--ink);
 font-size:1.08rem;
 font-weight:500;
 line-height:1.55;
 padding-top: 20px;
}

.agenda-session-body > .agenda-supporting-copy {
 color:#686c68;
 font-size:.9rem;
 padding-left:10px;
}

.agenda-session-body > .agenda-track-speaker {
 color:var(--ink);
 font-size:.9rem;
 padding:0 0 0 10px;
 font-style: italic;
}

.agenda-session-body > ul {
 margin:8px 0 24px;
 padding-left:21px;
}

.agenda-session-body > ul li {
 margin:8px 0;
 padding-left:5px;
}

.agenda-session-body > ul li::marker {
 color:var(--green);
}

.session-speakers {
 display:grid;
 gap:12px;
 margin-top:26px;
}

.session-speaker {
 display:flex;
 align-items:center;
 gap:16px;
 padding:13px;
 background:#fff;
 border-left:3px solid var(--green);
}

.session-speaker img {
 width:66px;
 height:66px;
 flex:0 0 66px;
 border-radius:50%;
 object-fit:cover;
 object-position:center top;
}

.session-speaker strong {
 display:block;
 color:var(--ink);
 font-size:.9rem;
 line-height:1.25;
}

.session-speaker p {
 margin:4px 0 0;
 color:#686c68;
 font-size:.76rem;
 line-height:1.4;
 font-weight:400;
}
 
.reasons-layout {
 display:grid;
 grid-template-columns:1fr 1.75fr;
 gap:100px;
}

 .reason-list {
 list-style:none;
 padding:0;
 margin:0;
}

 .reason-list h4 {
 margin:0;
}
 
.reason-list li {
 border-top:1px solid rgba(255,255,255,.2);
 display:grid;
 grid-template-columns:90px 1fr;
 padding:20px 0;
}
 
.reason-list li:last-child {
 border-bottom:1px solid rgba(255,255,255,.2);
}
 
.reason-list div.r-icon {

}
 
.reason-list span {
 font:500 1.25rem 'Roboto',sans-serif;
}

.reason-list .reason-icon {width:64px;}
 
.reason-list summary::-webkit-details-marker {
 display:none;
}
 
.reason-list p {
  font:400 1rem 'Roboto',sans-serif;   
 color:var(--muted);
 margin:10px 20px 20px 10px;
}

.faqs-layout {
 display:grid;
 grid-template-columns:1fr 3fr;
 gap:100px;
}
 
.faq-list details {
 border-top:1px solid rgba(255,255,255,.2);
 padding:24px 0;
}
 
.faq-list details:last-child {
 border-bottom:1px solid rgba(255,255,255,.2);
}
 
.faq-list summary {
 cursor:pointer;
 display:grid;
 grid-template-columns:1fr 20px;
 list-style:none;
 font:500 1.2rem 'Montserrat',sans-serif;
}
 
.faq-list summary::-webkit-details-marker {
 display:none;
}
 
.faq-list summary b {
 font:500 .7rem 'Roboto',sans-serif;
 color:var(--green);
}
 
.faq-list details[open] summary span {
 transform:none;
}

.faq-list summary > span {
 font-size:0;
}

.faq-list summary > span::before {
 content:"+";
 font-size:1.2rem;
}

.faq-list details[open] summary > span::before {
 content:"−";
}
 
.faq-list p {
 color:var(--muted);
 margin:16px 40px 0 44px;
}
 
.register {
 text-align:center;
}
 
.register h2 {
 margin-bottom:55px;
}
 
.countdown {
 display:grid;
 grid-template-columns:repeat(4,1fr);
 border:1px solid var(--line);
 max-width:780px;
 margin:0 auto 70px;
}
 
.countdown div {
 padding:27px;
 border-right:1px solid var(--line);
}
 
.countdown div:last-child {
 border:0;
}
 
.countdown strong {
 display:block;
 font:600 clamp(2rem,4vw,4rem) 'Montserrat',sans-serif;
  color: var(--brandcolor1);
}
 
.countdown span {
 text-transform:uppercase;
 font-size:.65rem;
 letter-spacing:.15em;
 color:#777;
}
 
.register-panel {
 background:var(--brandcolor2);
 color: var(--white);
 padding:30px;
 display:flex;
 justify-content:space-between;
 align-items:center;
 text-align:left;
 border-radius: 2em;
}
 
.register-panel p {
 margin:3px 0;
}
 
.register-panel div {
 display:grid;
 grid-template-columns:1fr 1.5fr;
 gap:80px;
}
 
footer {
 background:#0a0c0b;
 color:#fff;
 padding:65px max(32px,calc((100vw - var(--max))/2 + 32px)) 30px;
}
 
.footer-brand {
 margin-bottom:55px;
}
 
.footer-brand .brand-mark {
 font-size:4rem;
}
 
footer>p {
 font:500 clamp(1.5rem,2rem,3rem)/1.1 'Montserrat',sans-serif;
 max-width:800px;
 color:#aeb2ad;
}
 
.footer-bottom {
 border-top:1px solid rgba(255,255,255,.2);
 margin-top:70px;
 padding-top:22px;
 display:flex;
 
    justify-content: flex-start;
    color: #8a8e89;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    gap: 1em;
}
 
.libi {
    font-family: "Libre Baskerville", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: italic;
}






















@media(max-width:850px) {
 
    
.site-header {
 height:70px;
}
    
.menu-toggle {
    display:block;
    background:none;
    border:1px solid rgba(255,255,255,.35);
    color:#fff;
    padding:9px 12px;
    text-transform:uppercase;
    letter-spacing:.12em;
    border-radius: 8px;
}
    
.site-header nav {
    display:none;
    position:absolute;
    top:70px;
    left:0;
    right:0;
    background:#111;
    padding:24px 32px;
    flex-direction:column;
    align-items:flex-start;
}

.cdm-logo {
    height:32px;
}
    
.site-header nav.open {
 display:flex;
}
    
.hero {
 min-height:760px;
    padding-top:135px;
    align-items:flex-start;
}

.reghero {
 min-height:760px;
    padding-top:135px;
    align-items:flex-start;
}

.hero-inner h1 {
 white-space: normal;
}
    
.hero:after {
 width:120vw;
    height:120vw;
    right:-58%;
    top:15%;
}

.reghero:after {
 width:120vw;
    height:120vw;
    right:-58%;
    top:15%;
}

    h1 {
 font-size:3.5rem;
}

.hero-orbit {
 left:50%;
}
    
.hero-orbit-one {
 width:470px;
    height:470px;
    right:-20%;
    top:26%;
}
    
.hero-orbit-two {
 display:none;
}
    
.hero-copy {
 font-size:0.9rem;
    max-width:430px;
        margin: 20px 0;
}

.brand-logo {
    height:50px;
    margin-bottom: 1em;
}



.button {
 padding:16px 24px;
 font-size:.69rem;
}



    
.event-card {
    position: relative;
    width:auto;
    padding: 16px;
}

.event-card div {
 grid-template-columns:76px 1fr;
}

.event-card span {
 font-size:.69rem;
}

.event-card strong {
 font-size:.69rem;
}

.event-card2 {
    position: relative;
    width:auto;
    right:0;
    bottom:0;
    margin-top: 40px;
}

.event-card2 span {
 font-size:.76rem;
}

.event-card2 strong {
 font-size:.76rem;
}
    
    .hero-index {
 display:none;
}
    
    .intro {
 grid-template-columns:1fr;
}
    
    .section {
 padding-top:85px;
    padding-bottom:85px;
}
    
    .section-label {
 margin-bottom:50px;
}
    
 .section-heading,.agenda-layout,.reasons-layout,.faqs-layout {
 display:grid;
    grid-template-columns:1fr;
    gap:42px;
 }

 .collage-heading {
  grid-template-columns:1fr;
  gap:24px;
 }

 .image-collage {
  grid-template-rows:220px 180px 220px;
 }

 .collage-item-1 { grid-column:1 / 9; grid-row:1 / 3; }
 .collage-item-2 { grid-column:9 / 13; grid-row:1; }
 .collage-item-3 { grid-column:9 / 13; grid-row:2; }
 .collage-item-4 { grid-column:1 / 7; grid-row:3; }
 .collage-item-5 { grid-column:7 / 13; grid-row:3; }

 .attendees-heading {
  align-items:start;
 }

 .attendee-track { --visible:3; --slider-gap:18px; }

 .advisory-heading {
  grid-template-columns:1fr;
  gap:24px;
 }

 .advisory-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }

 .logo-marquee-heading {
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
 }

 .agenda-intro {
  position:static;
 }
    
    .pillar-grid {
 grid-template-columns:1fr 1fr;
}
    
    .register-panel,.register-panel div {
 display:grid;
    gap:26px;
}
    
    .register-panel .button {
 width:100%;
}
 
}
 






















@media(max-width:560px) {
 
    
    h1 {
 font-size:3.5rem;
}
    
    .hero-actions {
 /*align-items:flex-start;
    flex-direction:column;*/
}
    
    .two-column-copy,.pillar-grid {
 grid-template-columns:1fr;
 gap:1em;
}
    
 .pillar-card {
 min-height:220px;
 }

 .image-collage {
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:280px 170px 170px;
  gap:10px;
 }

 .collage-item-1 { grid-column:1 / 3; grid-row:1; }
 .collage-item-2 { grid-column:1; grid-row:2; }
 .collage-item-3 { grid-column:2; grid-row:2; }
 .collage-item-4 { grid-column:1; grid-row:3; }
 .collage-item-5 { grid-column:2; grid-row:3; }

 .collage-item figcaption {
  left:12px;
  right:12px;
  bottom:11px;
  font-size:.58rem;
 }

 .collage-lightbox {
  padding:14px;
 }

 .lightbox-shell {
  width:100%;
  height:calc(100vh - 28px);
  grid-template-columns:44px minmax(0,1fr) 44px;
  gap:6px;
 }

 .lightbox-control,
 .lightbox-close {
  width:42px;
  height:42px;
 }

 .lightbox-figure figcaption {
  display:grid;
  gap:6px;
  padding-top:12px;
  font-size:.65rem;
 }

 .attendees-heading {
  display:grid;
  grid-template-columns:1fr;
  margin-bottom:40px;
 }

 .slider-controls {
  padding:0;
 }

 .attendee-track { --visible:2; --slider-gap:14px; }

 .attendee-photo { margin-bottom:16px; }

 .attendee-card h3 { font-size:1rem; }

 .advisory-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
 }

 .advisory-details {
  padding:14px 12px 17px;
 }

 .advisory-details h3 { font-size:.93rem; }

 .advisory-details p {
  min-height:0;
  font-size:.7rem;
 }

 .advisory-details span { font-size:.58rem; }

 .logo-marquee {
  --logo-gap:14px;
  --logo-size:calc((100vw - 64px - var(--logo-gap)) / 2);
  width:100%;
 }

 .logo-tile {
  max-width:200px;
  max-height:200px;
  padding:18px;
 }

 .agenda-session summary,
 .agenda-session-row {
  grid-template-columns:70px minmax(0,1fr) 30px;
  gap:10px;
  padding:18px 8px;
 }

 .agenda-session-row {
  grid-template-columns:70px minmax(0,1fr);
 }

 .agenda-session-body {
  padding:0 8px 24px 88px;
 }

 .agenda-summary-title strong {
  font-size:.92rem;
 }

 .session-speaker {
  align-items:flex-start;
  gap:12px;
  padding:11px;
 }

 .session-speaker img {
  width:54px;
  height:54px;
  flex-basis:54px;
 }
    
    .countdown div {
 padding:18px 6px;
}
    
    .countdown strong {
 font-size:1.7rem;
}
    
    .register-panel div {
 grid-template-columns:1fr;
}

.regbox {min-height:1200px !important;}
    
    .footer-bottom {
 gap:20px;
    flex-direction:column;
}
 
}