.card[data-card=speaker]{--base-card-height:13.75rem;background-color:var(--color-bg);grid-template:"photo body body"min-content"photo button button"min-content"bio bio bio"1fr/[photo-start]minmax(110px,22%)[photo-end body-start]7fr[body-end]auto;grid-auto-flow:column;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1);display:grid;container-type:inline-size}@media (width>=64em){.card[data-card=speaker]{grid-template-areas:"photo body.""photo body button""bio bio bio"}}.card[data-card=speaker]:has([aria-expanded=false]){grid-template-rows:min-content min-content 0fr}.card[data-card=speaker] .speaker-card-image{background-color:var(--color-bg-image);min-height:100%;height:var(--base-card-height);grid-area:photo;display:grid}.card[data-card=speaker] .speaker-image-frame{--aspect-ratio:auto;height:100%;container-type:inline-size}.card[data-card=speaker] .speaker-image-frame:before{width:var(--space-800);aspect-ratio:1;max-width:150%;min-width:var(--space-350);background-color:#fff;border-radius:50%;place-self:center;position:absolute}.card[data-card=speaker] .speaker-image-frame:has([data-image-placeholder]){background-color:var(--color-surface);position:relative}.card[data-card=speaker] .speaker-image-frame:has([data-image-placeholder]):before{content:""}.card[data-card=speaker] .speaker-image[data-image-placeholder]{color:var(--color-bg);width:var(--space-600);max-width:100%;min-width:var(--space-300);padding:8cqmin;position:relative}.card[data-card=speaker] .speaker-body{--flow-space:var(--space-050);padding:var(--space-200) var(--space-100) var(--space-250) var(--space-100-300);-moz-column-gap:var(--space-200);column-gap:var(--space-200);grid-area:body;grid-template-columns:1fr;grid-auto-rows:auto;display:grid}.card[data-card=speaker] .speaker-body .speaker-name{align-items:center;min-height:2.5lh;padding-block-end:var(--flow-space);display:flex}.card[data-card=speaker] .speaker-body .speaker-role,.card[data-card=speaker] .speaker-body .speaker-company{color:var(--color-text-accent);grid-column:1}.card[data-card=speaker] .speaker-button{margin-block-end:calc(var(--space-100) * .675);margin-inline:var(--space-100);grid-area:button;justify-content:center;place-self:end start;min-width:fit-content;transition-property:color,border,background,margin}.card[data-card=speaker] .speaker-button[aria-expanded=true]{margin-block-end:var(--space-100)}@container (width>=25em){.card[data-card=speaker] .speaker-button{justify-self:end}}.card[data-card=speaker]:has([aria-expanded=false],.transition-enter) .speaker-bio{opacity:0;clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);height:0%;padding-block:0;translate:0 -2px}.card[data-card=speaker]:has([aria-expanded=false],.transition-enter) .speaker-bio>*{clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);opacity:0;translate:0 4lh}.card[data-card=speaker] .speaker-bio{grid-area:bio;grid-template-columns:subgrid;opacity:1;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);grid-auto-flow:column;height:100%;transition:height .4s cubic-bezier(.22,1,.36,1),opacity .4s cubic-bezier(.22,1,.36,1) 50ms,clip-path .4s cubic-bezier(.22,1,.36,1),padding .4s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden;translate:0}.card[data-card=speaker] .speaker-bio>*{opacity:1;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transition:translate .5s cubic-bezier(.22,1,.36,1) 50ms,opacity .45s cubic-bezier(.215,.6,.35,1) 50ms,clip-path .6s cubic-bezier(.22,1,.36,1);position:relative;translate:0}.card[data-card=speaker] .speaker-bio .speaker-bio-heading,.card[data-card=speaker] .speaker-bio .speaker-bio-container{grid-column:1/-1}.card[data-card=speaker] .speaker-bio .speaker-bio-heading{vertical-align:baseline;word-wrap:break-word;color:var(--color-text-accent);margin-block-end:var(--space-100)}@container (width>=23.75em){.card[data-card=speaker] .speaker-bio .speaker-bio-heading{grid-column:1}}.card[data-card=speaker] .speaker-bio .speaker-bio-container{padding-inline:var(--space-200);margin-block-end:var(--space-150)}@container (width>=23.75em){.card[data-card=speaker] .speaker-bio .speaker-bio-container{grid-column:2/span 2}}.card[data-card=speaker]:not([data-layout=vertical]) .speaker-name{font-size:clamp(1.25rem,.9583rem + 1.0417vi,2.125rem)}.card[data-card=speaker]:not([data-layout=vertical]) .speaker-role,.card[data-card=speaker]:not([data-layout=vertical]) .speaker-company{font-size:var(--font-size-050);line-height:var(--line-height-xs);letter-spacing:.1em;vertical-align:baseline;text-box-trim:trim-both;text-box-edge:cap alphabetic;padding-inline-start:calc(1ex + 1ch)}.card[data-card=speaker]:not([data-layout=vertical]) .speaker-role:before,.card[data-card=speaker]:not([data-layout=vertical]) .speaker-company:before{content:"";aspect-ratio:1;vertical-align:middle;background-color:currentColor;width:1ex;margin-block-start:calc(1ex - 1cap);margin-inline-start:calc(-1ex - 1ch);display:inline-block}.card[data-card=speaker]:not([data-layout=vertical]) .speaker-sessions .box{--box-padding:0;--box-bg-color:var(--color-bg-alt);border-left:4px solid var(--color-complementary);margin-inline-start:calc(var(--space-075) * -1);position:relative}.card[data-card=speaker]:not([data-layout=vertical]) .speaker-sessions .box .card-heading{--color-interactive-decoration:transparent;--color-interactive:var(--color-interactive-heading);padding:var(--space-050) var(--space-075);font-weight:700;font-size:var(--type-body-sm-fs);line-height:var(--line-height-sm);padding-inline-end:var(--space-200);position:relative}.card[data-card=speaker]:not([data-layout=vertical]) .speaker-sessions .box .card-heading:after{content:"";will-change:opacity, transform;vertical-align:middle;background-color:var(--color-complementary);opacity:0;width:1em;height:1em;margin-block-start:calc(1ex - 1cap);transition:opacity .25s cubic-bezier(.22,1,.36,1),translate .5s cubic-bezier(.22,1,.36,1);display:inline-block;position:relative;-webkit-mask-image:url(/build/assets/icon_arrow-right-BZyG7sC8.svg);mask-image:url(/build/assets/icon_arrow-right-BZyG7sC8.svg);-webkit-mask-size:cover;mask-size:cover}.card[data-card=speaker]:not([data-layout=vertical]) .speaker-sessions .box .card-heading:is(:hover,:focus,:active):after{opacity:1;transition:opacity .1s cubic-bezier(.22,1,.36,1),translate .3s cubic-bezier(.22,1,.36,1);translate:.5em}.card[data-card=speaker][data-layout=vertical]{--base-card-height:calc(var(--space-700) * 5);max-width:calc(var(--space-700) * 5);min-height:var(--base-card-height);grid-template:"button button"0"photo photo""photo photo""body body"/100%;align-items:end}.card[data-card=speaker][data-layout=vertical] .speaker-card-image{background-color:var(--color-bg-image);grid-row:1/-1;height:100%}.card[data-card=speaker][data-layout=vertical] .speaker-card-image img{transition:scale .5s cubic-bezier(.215,.6,.35,1);scale:1.02}.card[data-card=speaker][data-layout=vertical] .speaker-image-frame{width:100%}.card[data-card=speaker][data-layout=vertical] .speaker-image-frame:before{width:50cqw}.card[data-card=speaker][data-layout=vertical] .speaker-image-frame [data-image-placeholder]{width:28cqmin}.card[data-card=speaker][data-layout=vertical] .speaker-label{--cluster-vertical-align:center;background-color:var(--color-bg);color:var(--color-text-soft);padding-inline-start:var(--space-010);padding-inline-end:var(--space-100);padding-block:var(--space-025);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);line-height:1.05;transition:clip-path .5s cubic-bezier(.22,1,.36,1) .3s;position:absolute;inset:0 auto auto 0;translate:0 calc(1px - 100%)}.card[data-card=speaker][data-layout=vertical] .speaker-label>*{transition:translate .5s cubic-bezier(.22,1,.36,1) .3s}.card[data-card=speaker][data-layout=vertical] .speaker-label .icon{color:var(--color-complementary);vertical-align:text-top;width:1lh}.card[data-card=speaker][data-layout=vertical] .speaker-name{align-items:start;min-height:1.25lh}.card[data-card=speaker][data-layout=vertical] .speaker-button{z-index:1;right:var(--space-100);grid-area:none;margin:0;transition-property:translate,inset,color,border,background;transition-duration:.3s,.4s,.2s,.2s,.2s;transition-delay:50ms,50ms,0s,0s,0s;position:absolute}.card[data-card=speaker][data-layout=vertical] .speaker-bio-container{--flow-space:var(--space-100);color:var(--color-text-soft);padding-inline:0}.card[data-card=speaker][data-layout=vertical]:has([aria-expanded=false],.transition-enter) .speaker-button{translate:0 calc(-100% - var(--space-100));transition-duration:.1s,.5s,.2s,.2s,.2s;top:100%}.card[data-card=speaker][data-layout=vertical]:has([aria-expanded=false],.transition-enter) .speaker-body{margin-block-end:var(--space-100);margin-inline:var(--space-100);padding-bottom:var(--space-350);transition:translate .2s cubic-bezier(.215,.6,.35,1),clip-path .6s cubic-bezier(.22,1,.36,1),padding .4s cubic-bezier(.22,1,.36,1),margin .3s cubic-bezier(.22,1,.36,1),opacity .4s cubic-bezier(.22,1,.36,1) .2s}:is(.card[data-card=speaker][data-layout=vertical]:has([aria-expanded=false],.transition-enter) .speaker-body>.speaker-role,.card[data-card=speaker][data-layout=vertical]:has([aria-expanded=false],.transition-enter) .speaker-body .speaker-company){transition-delay:.35s}.card[data-card=speaker][data-layout=vertical]:has([aria-expanded=false],.transition-enter) .speaker-bio{opacity:.25;inset:75% var(--space-100) var(--space-100) var(--space-100);clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);transition-duration:.5s;transition-delay:50ms,0s;translate:0 3.125rem}.card[data-card=speaker][data-layout=vertical]:has([aria-expanded=true]) .speaker-label{clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);transition:clip-path .1s cubic-bezier(.22,1,.36,1)}.card[data-card=speaker][data-layout=vertical]:has([aria-expanded=true]) .speaker-label>*{translate:0 -4lh}.card[data-card=speaker][data-layout=vertical]:has([aria-expanded=true]) .speaker-card-image img{transition:scale .5s cubic-bezier(.215,.6,.35,1);scale:.98}.card[data-card=speaker][data-layout=vertical]:has([aria-expanded=true]) .speaker-button{transition-delay:0s;inset:0 0 auto auto;translate:0}.card[data-card=speaker][data-layout=vertical]:has([aria-expanded=true]) .speaker-body{clip-path:polygon(0% -4lh,100% -4lh,100% 0%,0% 0%);opacity:0;margin-inline:0;padding-block:0;translate:0 -12.5rem}.card[data-card=speaker][data-layout=vertical]:has([aria-expanded=true]) .speaker-body>:not(.speaker-label){clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);margin:0;transition-duration:.2s;transition-delay:50ms;translate:0 .25lh}.card[data-card=speaker][data-layout=vertical]:has(.transition-enter) .speaker-body{clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);transition-delay:.1s,.1s,0s}.card[data-card=speaker][data-layout=vertical]:has(.transition-enter) .speaker-bio{padding:0}.card[data-card=speaker][data-layout=vertical]:has(.transition-leave) .speaker-body{transition-delay:0s,.1s,0s,0s,.1s;translate:0}.card[data-card=speaker][data-layout=vertical] .speaker-body{--flow-space:var(--space-025);clip-path:polygon(0% -4lh,100% -4lh,100% 100%,0% 100%);max-height:100%;padding:var(--space-100) var(--space-100) 0;margin-inline:var(--space-100);background-color:var(--color-bg);min-height:calc(var(--space-500) * 2);-moz-column-gap:0;column-gap:0;transition:translate .4s cubic-bezier(.215,.6,.35,1),clip-path .6s cubic-bezier(.22,1,.36,1) .1s,padding .3s cubic-bezier(.22,1,.36,1) 50ms,margin .8s cubic-bezier(.22,1,.36,1),opacity .8s cubic-bezier(.22,1,.36,1);position:relative}.card[data-card=speaker][data-layout=vertical] .speaker-body>*{--flow-space:var(--space-025);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transition:clip-path .5s cubic-bezier(.22,1,.36,1) .25s,margin .5s cubic-bezier(.22,1,.36,1) .25s,translate .5s cubic-bezier(.22,1,.36,1) .25s}.card[data-card=speaker][data-layout=vertical] .speaker-bio{overscroll-behavior-block:contain;scrollbar-color:var(--color-text-soft) var(--color-bg);scrollbar-width:thin;height:100%;padding-block-start:var(--space-250);padding-inline:var(--space-150);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);grid-area:none;grid-template-rows:min-content;grid-template-columns:100%;grid-auto-flow:row;transition:inset .4s cubic-bezier(.215,.6,.35,1) 50ms,translate .3s cubic-bezier(.215,.6,.35,1),opacity .2s cubic-bezier(.215,.6,.35,1),clip-path .5s cubic-bezier(.215,.6,.35,1),padding .5s cubic-bezier(.215,.6,.35,1);position:absolute;inset:0;overflow-y:auto}.card[data-card=speaker][data-layout=vertical] .speaker-bio::-webkit-scrollbar-track{background-color:var(--color-bg)}.card[data-card=speaker][data-layout=vertical] .speaker-bio::-webkit-scrollbar-thumb{background-image:linear-gradient(var(--color-bg) 0, var(--color-bg) .25rem, var(--color-text-soft) .25rem, var(--color-text-soft) .75rem, var(--color-bg) .75rem)}.card[data-card=speaker][data-layout=vertical][data-compact]{--base-card-height:calc(var(--space-300) * 9)}.card[data-card=speaker][data-layout=vertical][data-compact] .speaker-image-frame{background-color:var(--color-bg)}.card[data-card=speaker][data-layout=vertical][data-compact] .speaker-image-frame:before{content:"";opacity:.2;background-color:#fff;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:url(/build/assets/pat_hero-1.embed-BSk0trB-.svg);mask-image:url(/build/assets/pat_hero-1.embed-BSk0trB-.svg);-webkit-mask-position:25% 75%;mask-position:25% 75%;-webkit-mask-size:300%;mask-size:300%}.card[data-card=speaker][data-layout=vertical][data-compact] .speaker-image{-o-object-fit:scale-down;object-fit:scale-down;-o-object-position:top left;object-position:top left}.card[data-card=speaker][data-layout=vertical][data-compact] .speaker-bio{padding-inline:5cqw}.card[data-card=speaker][data-layout=vertical][data-compact] .speaker-bio>*{line-height:calc(4cqw + 1rem)}.card[data-card=speaker][data-layout=vertical][data-compact]:has([aria-expanded=false]) .speaker-button{right:3cqw;translate:0 calc(-100% - 3cqw)}.card[data-card=speaker][data-layout=vertical][data-compact]:has([aria-expanded=false]) .speaker-body{margin:0 3cqw 3cqw}.card[data-card=speaker][data-layout=vertical][data-compact]:has([aria-expanded=true]) .speaker-body{translate:0 -6.25rem}
