.meeting-roles{background:#080808;padding-block:116px 112px;scroll-margin-top:32px;overflow:hidden}.roles-heading{z-index:2;margin-bottom:85px;position:relative}.roles-heading .eyebrow{margin-bottom:20px;display:block}.roles-heading h2{letter-spacing:-.066em;margin:0;font:400 clamp(46px,5.3vw,80px)/1.03 Inter,Arial,sans-serif}.roles-heading h2 span{color:#898989}.roles-frame{isolation:isolate;min-height:690px;position:relative}.roles-frame:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 48% 48%,#a4bc8015 0%,#8197a20c 30%,#0000 67%);width:48%;height:75%;position:absolute;top:11%;left:22%}.roles-tabs{z-index:3;flex-direction:column;align-items:stretch;width:22%;display:flex;position:absolute;top:34%;left:0}.roles-tabs button{color:#7f7f7f;text-align:left;letter-spacing:-.025em;cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff20;border-radius:0;align-items:center;width:100%;min-height:76px;padding:12px 8px 12px 35px;font:400 clamp(14px,1.3vw,18px)/1.28 Inter,Arial,sans-serif;transition:color .25s,padding-left .25s;display:flex;position:relative}.roles-tabs button:last-child{border-bottom:1px solid #ffffff20}.roles-tabs button:before{content:"";background:#626262;width:13px;height:2px;transition:width .25s,background .25s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.roles-tabs button:hover{color:#e8e8e8;padding-left:39px}.roles-tabs button[aria-selected=true]{color:#f4f4f4}.roles-tabs button[aria-selected=true]:before{background:#a4bc80;width:23px}.roles-tabs button:focus-visible,.role-panel:focus-visible{outline-offset:4px;outline:2px solid #a4bc80}.role-panel{grid-template-rows:1fr auto auto;grid-template-columns:23% 44% 33%;min-width:0;min-height:690px;display:grid;position:absolute;inset:0}.role-panel[hidden]{display:none}.role-portrait{--portrait-zoom:1.14;--portrait-eye-y:.274;--portrait-eye-target:.32;background:0 0;grid-area:1/2/4;align-self:stretch;min-width:0;margin:-52px 32px -16px -30px;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(78% 76% at 50% 43%,#000 49%,#000e 65%,#0008 77%,#0000 98%);mask-image:radial-gradient(78% 76% at 50% 43%,#000 49%,#000e 65%,#0008 77%,#0000 98%)}.role-portrait img{object-fit:cover;object-position:50% 27%;width:100%;height:100%;display:block;position:absolute;inset:0}#role-panel-consultant .role-portrait{--portrait-eye-y:.22}#role-panel-sales .role-portrait{--portrait-eye-y:.215}.role-dither{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;opacity:0;position:absolute;inset:0}.role-portrait.has-dither img{opacity:1}.role-portrait.has-dither .role-dither{opacity:.72;background:#080808}.role-content{grid-area:1/3;align-self:end;min-width:0;padding:0 0 42px 16px}.role-name{color:#a4bc80;letter-spacing:.12em;text-transform:uppercase;margin:0 0 23px;font:400 11px/1.4 Inter,Arial,sans-serif}.role-content h3{letter-spacing:-.052em;text-wrap:balance;max-width:16ch;margin:0;font:400 clamp(34px,3.4vw,51px)/1.07 Inter,Arial,sans-serif}.role-outcomes{border-top:1px solid #ffffff29;grid-area:2/3;margin:0 0 26px 16px;padding:0;list-style:none}.role-outcomes li{border-bottom:1px solid #ffffff1c;grid-template-columns:1fr;gap:4px;padding:15px 0;display:grid}.role-outcomes strong{color:#e4e4e4;font:400 15px/1.35 Inter,Arial,sans-serif}.role-outcomes p{color:#888;margin:0;font:400 12px/1.45 Inter,Arial,sans-serif}.role-footer{grid-area:3/3;justify-content:space-between;align-items:center;gap:14px;margin-left:16px;display:flex}.role-footer>span{color:#8a8a8a;max-width:18ch;font-size:11px;line-height:1.45}.role-footer .button{white-space:nowrap;min-height:44px;padding:8px 15px;font-size:12px}.role-footer .button span{margin-left:19px}@media (prefers-reduced-motion:no-preference){.role-panel:not([hidden]) .role-portrait{animation:.52s ease-out both role-reveal-image}.role-panel:not([hidden]) .role-content,.role-panel:not([hidden]) .role-outcomes,.role-panel:not([hidden]) .role-footer{animation:.48s ease-out both role-reveal-copy}.role-panel:not([hidden]) .role-outcomes{animation-delay:70ms}.role-panel:not([hidden]) .role-footer{animation-delay:.13s}@keyframes role-reveal-image{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes role-reveal-copy{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:1050px){.meeting-roles{padding-block:90px 85px}.roles-frame{min-height:650px}.roles-tabs{width:25%;top:35%}.role-panel{grid-template-columns:26% 38% 36%;min-height:650px}.role-portrait{margin:-20px 16px -12px -28px}.role-content{padding-left:0}.role-outcomes,.role-footer{margin-left:0}.role-content h3{font-size:clamp(32px,3.4vw,44px)}}@media (max-width:700px){.meeting-roles{padding-block:70px 72px}.roles-heading{margin-bottom:22px}.roles-heading h2{font-size:clamp(38px,8.5vw,55px)}.roles-frame{min-height:0}.roles-frame:before{width:120%;height:430px;top:90px;left:-10%}.roles-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0 0 12px;display:grid;position:relative;top:auto;left:auto}.roles-tabs button{border:0;border-bottom:1px solid #ffffff2b;min-height:53px;padding:7px 8px;font-size:11px;line-height:1.3}.roles-tabs button:last-child{border-bottom:1px solid #ffffff2b}.roles-tabs button:before{width:0;height:2px;top:auto;bottom:-1px;left:0;transform:none}.roles-tabs button[aria-selected=true]:before{width:100%}.roles-tabs button:hover{padding-left:8px}.role-panel{grid-template-rows:440px auto auto auto;grid-template-columns:1fr;min-height:0;display:grid;position:relative;inset:auto}.role-portrait{grid-area:1/1;margin:0 -17px;-webkit-mask-image:radial-gradient(70% 72% at 50% 38%,#000 42%,#000d 61%,#0000 98%);mask-image:radial-gradient(70% 72% at 50% 38%,#000 42%,#000d 61%,#0000 98%)}.role-content{grid-area:2/1;align-self:auto;padding:0 0 15px}.role-name{margin-bottom:11px}.role-content h3{max-width:20ch;font-size:clamp(31px,8vw,42px)}.role-outcomes{grid-area:3/1;margin:12px 0 24px}.role-outcomes li{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:baseline;gap:12px}.role-footer{grid-area:4/1;margin:0}}@media (max-width:430px){.role-panel{grid-template-rows:365px auto auto auto}.roles-tabs button{font-size:10px}.role-content h3{font-size:31px}.role-outcomes strong{font-size:13px}.role-outcomes p{font-size:11px}}@media (prefers-reduced-motion:reduce){.roles-tabs button,.roles-tabs button:before{transition:none}}.role-portrait,.role-portrait img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.role-portrait img{pointer-events:none}
