@layer components{.th-about{padding-bottom:calc(var(--section-py) + 4rem);background:var(--white);position:relative}.th-about__inner{z-index:2;background:var(--white);box-shadow:var(--shadow-offset-m);position:relative;overflow:hidden}.th-about__text{padding:var(--space-xl);border-left:var(--border-card);@media (width<=768px){padding:var(--card-padding);border-left:none}}.th-about__text .th-btn--primary{@media (width<=768px){width:fit-content;margin-inline:auto;display:flex}}.th-about__grid{grid-template-columns:1fr calc(var(--container-prose) + var(--space-xl) * 2);align-items:stretch;gap:0;display:grid;@media (width<=768px){grid-template-columns:1fr;gap:0;& .th-about__portrait{order:-1}}}.th-about__header{margin-bottom:var(--space-lg);@media (width<=768px){text-align:center}}.th-about__header em{font-weight:var(--font-weight-medium)}.th-about__desc{font-size:var(--type-body);max-width:var(--container-prose)}.th-about__desc+.th-about__desc{margin-top:var(--space-sm)}.th-about__desc:last-of-type{margin-bottom:0}.th-about__text .th-btn{margin-top:var(--space-lg)}.th-about__portrait{position:relative;overflow:hidden;@media (width<=768px){border-bottom:var(--border-card);min-height:320px}}.th-about__portrait-card{height:100%;min-height:480px;transition:transform var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;&:hover,&.is-revealed{box-shadow:8px 8px 0 0 var(--black);transform:translateY(-8px)rotate(-1deg)}@media (width<=768px){min-height:320px}}.th-about__portrait-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.th-values{z-index:2;background:var(--white);position:relative;overflow:clip}.th-values__ghost-stage{pointer-events:none;user-select:none;z-index:0;width:clamp(220px,38vw,580px);height:clamp(220px,38vw,580px);position:absolute;top:50%;right:-20%;transform:translateY(-50%)scale(.7);@media (width<=768px){display:none}}.th-values__ghost{opacity:0;width:100%;height:100%;transition:opacity var(--duration-fast) var(--ease-default);pointer-events:none;display:block;position:absolute;inset:0}.th-values__ghost.is-active{opacity:.08;transition:opacity var(--duration-normal) var(--ease-default)}.th-values-word{font-weight:var(--font-weight-medium);transition:opacity var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default);display:inline-block;&.is-switching{opacity:0;transform:translateY(8px)}}.th-values__word-nav{margin:var(--space-2xs) 0 0;gap:var(--space-2xs);flex-direction:column;padding:0;list-style:none;display:flex;@media (width<=768px){gap:var(--space-2xs) var(--space-xs);flex-flow:wrap}}.th-values .th-section-header{margin-bottom:0;position:relative;@media (width<=768px){overflow:hidden}}.th-values__word-btn{all:unset;font-size:var(--type-h2);font-weight:var(--font-weight-medium);line-height:var(--lh-heading);color:var(--purple);opacity:.2;cursor:pointer;transition:opacity var(--duration-normal) var(--ease-default), font-weight var(--duration-normal) var(--ease-default)}.th-values__word-btn.is-active{opacity:1;font-weight:var(--font-weight-medium)}.th-values__word-btn:hover:not(.is-active){opacity:.45}.th-values__grid{gap:var(--space-2xl);grid-template-columns:1fr 1fr;display:grid;@media (width<=1024px){gap:var(--space-lg)}@media (width<=768px){grid-template-columns:1fr;gap:0}}.th-values__left{height:fit-content;position:sticky;top:calc(50vh - 5.5rem);@media (width<=768px){position:static}}.th-values__right{position:relative;@media (width<=768px){padding:var(--space-md) 0 0;overflow:clip}}.th-values__slides{grid-template-areas:"stack";display:grid}@media (width>=769px){.th-values .th-container{width:100%}.th-values__grid{align-items:start}.th-values__left{position:static}.th-values__slides{min-height:20rem}.th-values__phase{opacity:0;visibility:hidden;grid-area:stack;transition:visibility 0s .3s;transform:translate(calc(100% + 50vw))}.th-values__phase.is-active{opacity:1;visibility:visible;transition:opacity .5s .15s var(--ease-out-expo), transform .5s .15s var(--ease-out-expo), visibility 0s 0s;transform:translate(0)}}.th-values__phase{flex-direction:column;align-items:flex-start;gap:clamp(1.5rem,3vw,2.5rem);display:flex;@media (width<=768px){opacity:0;visibility:hidden;grid-area:stack;transition:visibility 0s .3s;transform:translate(calc(100% + 50vw));&.is-active{opacity:1;visibility:visible;transition:opacity .5s .15s var(--ease-out-expo), transform .5s .15s var(--ease-out-expo), visibility 0s 0s;transform:translate(0)}}}.th-values__step{width:clamp(60px,10vw,90px);font-size:var(--size-display);font-weight:var(--font-weight-bold);line-height:var(--lh-heading);color:var(--black);-webkit-text-stroke:1px var(--black);-webkit-text-fill-color:var(--white);transition:-webkit-text-fill-color var(--duration-normal) var(--ease-default);flex-shrink:0;position:relative;&:after{content:attr(data-step);z-index:-1;-webkit-text-stroke:1px var(--black);-webkit-text-fill-color:var(--black);position:absolute;top:2px;left:2px}&.is-active{-webkit-text-fill-color:var(--yellow)}@media (width<=768px){font-size:var(--type-h2);width:auto}}.th-values__item{padding-bottom:var(--space-lg);gap:clamp(1rem,2vw,1.5rem);display:flex;&:last-child{padding-bottom:0}@media (width<=768px){padding-bottom:var(--space-md)}&:hover .th-values__dot{background:var(--yellow);transform:scale(1.4)}}@media (width<=768px){.th-values__phase:last-child .th-values__item:last-child{padding-bottom:0}}.th-values__marker{font-size:var(--type-h3);line-height:var(--lh-snug);flex-direction:column;align-items:center;display:flex}.th-values__dot{border-radius:var(--radius-full);background:var(--purple);width:10px;height:10px;transition:transform var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);flex-shrink:0;margin-top:calc(.5lh - 5px)}.th-values__line{background:color-mix(in srgb, var(--purple), transparent 80%);width:2px;margin:var(--space-xs) 0;flex:1}.th-values__item:last-child .th-values__line{display:none}.th-values__body{flex:1}.th-values__text{font-size:var(--type-body);line-height:var(--lh-body);max-width:var(--line-length-max);margin-top:var(--space-xs)}.th-team{padding-block:var(--section-py);background-image:linear-gradient(color-mix(in srgb, var(--purple), transparent 15%), color-mix(in srgb, var(--purple), transparent 15%)), url(../img/team/team-bg-test.webp);background-image:linear-gradient(color-mix(in srgb, var(--purple), transparent 15%), color-mix(in srgb, var(--purple), transparent 15%)), image-set(url(../img/team/team-bg-test.avif) type("image/avif"), url(../img/team/team-bg-test.webp) type("image/webp"));background-position:50%;background-repeat:no-repeat;background-size:cover}.th-team .th-section-header{margin-bottom:var(--space-responsive)}.th-team__grid{gap:var(--space-2xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.th-team__card{flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.th-team__portrait{aspect-ratio:1;background:var(--purple);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.th-team__portrait img{object-fit:cover;object-position:center 25%;width:100%;height:100%;display:block}.th-team__portrait--cutout{aspect-ratio:auto;background:0 0;height:auto;overflow:visible}.th-team__portrait--cutout img{width:75%;height:auto;filter:drop-shadow(2px 0 0 var(--black)) drop-shadow(-2px 0 0 var(--black)) drop-shadow(0 2px 0 var(--black)) drop-shadow(0 -2px 0 var(--black)) drop-shadow(3px 3px 0 var(--black));animation:3s ease-in-out infinite heroFloat}@media (prefers-reduced-motion:reduce){.th-team__portrait--cutout img{animation:none}}.th-team__card:has(.th-team__portrait--cutout){box-shadow:none;gap:var(--space-md);background:0 0;border:none;border-radius:0;overflow:visible}.th-team__card:has(.th-team__portrait--cutout) .th-team__meta{justify-content:flex-start;align-items:center;gap:var(--space-md);border:var(--border-card);border-radius:var(--radius-auto);box-shadow:var(--shadow-offset-l);display:flex}.th-team__meta-text{min-width:0}.th-team__meta-icon{width:var(--icon-lg);height:var(--icon-lg);color:var(--purple);flex-shrink:0;order:-1;display:flex;transform:scale(1.2)}.th-team__meta-icon svg{width:100%;height:100%}.th-team__portrait:has(.th-team__initials){background:color-mix(in srgb, var(--purple), white 92%)}.th-team__initials{aspect-ratio:1;background:var(--purple);width:min(65%,220px);color:var(--white);border:var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-xs);font-size:clamp(2.5rem,6vw,5rem);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-l);justify-content:center;align-items:center;line-height:1;display:flex}.th-team__meta{background:var(--white);color:var(--gray-dark);padding:var(--space-md);border-top:var(--border-card)}.th-section--purple .th-team__name{color:var(--black);font-size:var(--type-h3);font-weight:var(--font-weight-medium);line-height:var(--lh-snug);margin:0}.th-section--purple .th-team__role{color:var(--purple);font-size:var(--type-small);font-weight:var(--font-weight-medium);text-transform:uppercase;margin:0}.th-team__reveal{z-index:2;background:color-mix(in srgb, var(--white), transparent 5%);gap:var(--space-xs);padding:var(--space-md);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out-expo);flex-direction:column;display:flex;position:absolute;inset:0}.th-team__card:hover .th-team__reveal,.th-team__card:focus-within .th-team__reveal{opacity:1;pointer-events:auto}.th-team__reveal-bio{opacity:0;transition:opacity var(--duration-normal) var(--ease-out-expo), transform var(--duration-normal) var(--ease-out-expo);transform:translateY(8px)}.th-section--purple .th-team__reveal-bio{color:var(--gray-dark);font-size:var(--type-body);line-height:var(--lh-body);margin:0}@media (hover:hover){.th-team__card:hover .th-team__reveal-bio,.th-team__card:focus-within .th-team__reveal-bio{opacity:1;transition-delay:.15s;transform:translateY(0)}}@media (width<=768px){.th-team__grid{gap:var(--space-md);grid-template-columns:1fr}.th-team__reveal{opacity:1;pointer-events:auto;background:var(--white);padding:0 var(--space-md) var(--space-md);z-index:auto;position:static;inset:auto}.th-team__reveal-bio{opacity:1;margin-top:0;transform:none}}}