@layer base, vendor, ui, component, components, layout, app, apps, application, utility, utilities;@layer layout{.c-profile-accordion{--_angle:4rem;--_hover-amount:6.25rem;container-type:inline-size;overflow:clip;overflow-x:auto;border-top:1px solid #fff;position:relative;--_content-width:calc(((100cqw / var(--_count)) * 3) + var(--_angle));--_content-width:calc(((100cqw - var(--_angle) * (var(--_count) - 1)) / var(--_count)) * 4);--_content-width:calc(100cqw)}.c-profile-accordion::-webkit-scrollbar{width:.625rem;height:.625rem}.c-profile-accordion::-webkit-scrollbar-thumb{background-color:var(--color-brand-gray-600);border:2px solid var(--color-brand-gray)}.c-profile-accordion::-webkit-scrollbar-track{background-color:var(--color-brand-gray)}.c-profile-accordion__inside{display:flex;aspect-ratio:10/3;min-height:18.75rem}@media(min-width:61.25rem){.c-profile-accordion__inside{min-height:25rem}}.c-profile-accordion__profile{flex:1;min-width:15rem;transition:.3s;transition-timing-function:cubic-bezier(.39,.575,.565,1);position:relative;overflow:clip;color:#fff;--link-color:currentColor}.c-profile-accordion__profile+.c-profile-accordion__profile{margin-left:calc(var(--_angle)*-1)}@media(min-width:61.25rem){.c-profile-accordion__profile{min-width:0}.c-profile-accordion__profile--selected{flex:calc(var(--_count) - 2)}}.c-profile-accordion__profile{clip-path:polygon(var(--_angle) 0,100% 0,calc(100% - var(--_angle)) 100%,0 100%)}.c-profile-accordion__profile:after{display:block;content:"";position:absolute;top:0;height:100%;width:calc(var(--_angle) + 4px);right:-2.5px;background-color:#fff;clip-path:polygon(calc(100% - 4px) 0,100% 0,100% 100%,0 100%)}.c-profile-accordion__profile:first-child,.c-profile-accordion__profile:first-child .c-profile-accordion__thumbnail img{clip-path:polygon(0 0,100% 0,calc(100% - var(--_angle)) 100%,0 100%)}.c-profile-accordion__profile:last-child:after{display:none}.c-profile-accordion__profile:last-child,.c-profile-accordion__profile:last-child .c-profile-accordion__thumbnail img{clip-path:polygon(var(--_angle) 0,100% 0,100% 100%,0 100%)}@media(min-width:61.25rem)and (hover){.c-profile-accordion:not(.c-profile-accordion--hasSelected) .c-profile-accordion__profile:hover{flex:var(--_hover-amount)}}.c-profile-accordion__thumbnail{position:absolute;top:0;left:calc(var(--_hover-amount)/-2);right:calc(var(--_hover-amount)/-2);height:100%;background-color:#000;transition:.3s;transition-timing-function:cubic-bezier(.39,.575,.565,1)}.c-profile-accordion__thumbnail img{display:block;position:absolute;top:0;left:0;width:100%;max-width:none;height:100%;object-fit:cover;backface-visibility:hidden}@media(min-width:68.75rem)and (hover){.c-profile-accordion:not(.c-profile-accordion--hasSelected) .c-profile-accordion__profile:not(.c-profile-accordion__profile--selected):hover .c-profile-accordion__thumbnail{left:0;right:0}}.c-profile-accordion__details{position:absolute;left:0;top:0;height:100%;visibility:hidden;opacity:0;transition:all .5s,width 0s;transition-delay:0s;width:100%}@media(min-width:61.25rem){.c-profile-accordion__profile--selected .c-profile-accordion__details{visibility:visible;opacity:1;transition-delay:all 0s,opacity .5s,visibility .5s}}.c-profile-accordion__profile .c-profile-accordion__background{position:absolute;inset:0}.c-profile-accordion__profile .c-profile-accordion__background img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.c-profile-accordion__dialog .c-profile-accordion__background{position:relative}.c-profile-accordion__dialog .c-profile-accordion__background img{aspect-ratio:16/9;object-fit:cover}.c-profile-accordion__dialog .c-profile-accordion__background:after{content:"";display:block;position:absolute;bottom:0;width:100%;height:7rem;background-image:linear-gradient(180deg,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 0%) 0,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 1.3%) 8.1%,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 4.9%) 15.5%,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 10.4%) 22.5%,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 17.5%) 29%,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 25.9%) 35.3%,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 35.2%) 41.2%,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 45%) 47.1%,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 55%) 52.9%,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 64.8%) 58.8%,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 74.1%) 64.7%,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 82.5%) 71%,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 89.6%) 77.5%,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 95.1%) 84.5%,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 98.7%) 91.9%,color-mix(in lab,rgb(0,0,0),rgb(0,0,0) 100%));pointer-events:none}.c-profile-accordion__button{background:#000;appearance:none;border:none;border-radius:0;display:block;font:inherit;color:inherit;padding:0;margin:0;position:absolute;inset:0;cursor:pointer;transition:.25s;transition-delay:all 0s,visibility .5s,opacity .5s}.c-profile-accordion__button:active .c-profile-accordion__thumbnail{opacity:.75}@media(min-width:61.25rem){.c-profile-accordion__profile--selected .c-profile-accordion__button{transition-delay:0s;visibility:hidden;opacity:0}}.c-profile-accordion__button .c-profile-accordion__name{position:absolute;bottom:0;left:0;width:100%;color:#fff;padding:calc(var(--_angle));padding-top:4rem;padding-bottom:2rem;line-height:1.2;text-align:center;translate:calc(var(--_angle)*-.5) 0;transition:opacity .5s;opacity:0;white-space:nowrap}.c-profile-accordion__button .c-profile-accordion__name:before{content:"";inset:0;top:-6em;position:absolute;display:block;pointer-events:none;background-image:linear-gradient(180deg,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 0%) 0,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 1.3%) 8.1%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 4.9%) 15.5%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 10.4%) 22.5%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 17.5%) 29%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 25.9%) 35.3%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 35.2%) 41.2%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 45%) 47.1%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 55%) 52.9%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 64.8%) 58.8%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 74.1%) 64.7%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 82.5%) 71%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 89.6%) 77.5%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 95.1%) 84.5%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 98.7%) 91.9%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 100%))}.c-profile-accordion__button .c-profile-accordion__name>*{position:relative}@media(min-width:81.25rem){.c-profile-accordion__button .c-profile-accordion__name{font-size:1.5em}}.c-profile-accordion:not(.c-profile-accordion--hasSelected) .c-profile-accordion__button:focus .c-profile-accordion__name{opacity:1}@media(hover){.c-profile-accordion:not(.c-profile-accordion--hasSelected) .c-profile-accordion__button:hover .c-profile-accordion__name{opacity:1}}.c-profile-accordion__profile:first-child .c-profile-accordion__button .c-profile-accordion__name,.c-profile-accordion__profile:last-child .c-profile-accordion__button .c-profile-accordion__name{translate:0 0}.c-profile-accordion__content{--link-color:#fff!important;--link-color-hover:#fff}.c-profile-accordion__profile .c-profile-accordion__content{position:absolute;bottom:0;left:0;width:100%;color:#fff;--link-color:#fff;--link-color-hover:#fff;padding-left:calc(var(--_angle) + 1rem);padding-right:calc(var(--_angle) + 1rem);padding-top:4rem;padding-bottom:2rem}.c-profile-accordion__profile .c-profile-accordion__content:before{content:"";inset:0;top:-6em;position:absolute;display:block;pointer-events:none;background-image:linear-gradient(180deg,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 0%) 0,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 1.3%) 8.1%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 4.9%) 15.5%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 10.4%) 22.5%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 17.5%) 29%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 25.9%) 35.3%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 35.2%) 41.2%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 45%) 47.1%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 55%) 52.9%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 64.8%) 58.8%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 74.1%) 64.7%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 82.5%) 71%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 89.6%) 77.5%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 95.1%) 84.5%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 98.7%) 91.9%,color-mix(in lab,rgba(0,0,0,0),rgba(0,0,0,.65) 100%))}.c-profile-accordion__profile .c-profile-accordion__content>*{position:relative}@media(min-width:81.25rem){.c-profile-accordion__profile .c-profile-accordion__content{padding-left:calc(var(--_angle) + 2rem);padding-right:calc(var(--_angle) + 2rem)}}.c-profile-accordion__dialog .c-profile-accordion__content{padding:0 2rem 2rem}.c-profile-accordion__profile .c-profile-accordion__content-inside{width:28.125rem}.c-profile-accordion__content .c-profile-accordion__name{font-size:.875em;margin-top:1em}.c-profile-accordion__more{margin-top:.5rem}@media(min-width:68.75rem){.c-profile-accordion__content blockquote{font-size:1.125em}}.c-profile-accordion__close{position:absolute;top:1rem;appearance:none;border-radius:100%;display:flex;align-items:center;justify-content:center;border:none;background-color:rgba(0,0,0,.6);color:#fff;padding:0;margin:0;width:1.5em;height:1.5em;cursor:pointer;transition-duration:.25s;transition-property:color,background-color;font-size:1.5em;top:calc(var(--_angle)*.25 + 1rem);right:calc(var(--_angle)*.25 + 1rem)}@media(hover){.c-profile-accordion__close:hover{background-color:#fff;color:#000}}@media(min-width:81.25rem){.c-profile-accordion__close{top:calc(var(--_angle)*.5 + 1rem);right:calc(var(--_angle)*.5 + 1rem);font-size:2.25em}}.c-profile-accordion__dialog{background-color:#000;color:#fff;max-width:min(100% - 2rem,43.75rem)}.c-profile-accordion__dialog-header{position:absolute;top:0;left:0;width:100%;z-index:50;border:none;color:#fff}.c-profile-accordion__dialog-header .ui-modal__close button{background-color:rgba(0,0,0,.6);color:#fff}@media(hover){.c-profile-accordion__dialog-header .ui-modal__close button:hover{background-color:#fff;color:#000}}}