@layer components{.about-hero{height:calc(100svh + var(--about-hero-scroll,0svh));position:relative}.about-hero-sticky{height:100svh;padding:0 var(--wrapper-gutter-mobile);place-items:center;display:grid;position:sticky;top:0;overflow:hidden}.about-hero-lines{text-align:center;letter-spacing:-.04em;margin:0;font-size:3rem;line-height:1.05}.about-hero-item{will-change:transform, opacity;display:block}.about-hero-line{will-change:transform;display:block}.about-hero-description{top:0;right:var(--wrapper-gutter-mobile);left:var(--wrapper-gutter-mobile);text-align:center;text-transform:uppercase;text-wrap:balance;opacity:0;visibility:hidden;pointer-events:none;max-width:48rem;margin:0 auto;position:absolute}.about-hero-line>span{display:inline-block}.about-hero-line--sans{font-family:var(--font-sans);font-weight:700}.about-hero-line--serif{font-family:var(--font-serif);font-weight:400}.about-hero[data-entrance=pending] .about-hero-line>span{opacity:0}.about-part{padding:4rem var(--wrapper-gutter-mobile) 9.6rem;background:var(--color-background);position:relative}.about-part-inner{max-width:var(--wrapper-max-width);flex-direction:column;align-items:flex-end;gap:8rem;margin:0 auto;display:flex}.about-part-media{flex-direction:column;align-items:flex-end;gap:4rem;width:100%;display:flex}.about-part-bg{aspect-ratio:215/134;background:var(--color-black-100);width:21.5rem;position:relative;overflow:hidden}.about-part-image{filter:grayscale();will-change:transform}.about-part-image--color{filter:none}.about-part-title{flex-direction:column;gap:.8rem;width:100%;display:flex}.about-part-title-row{white-space:nowrap;align-items:center;gap:8rem;display:flex}.about-part-word{color:var(--color-red-juju);text-transform:uppercase;margin:0;padding-bottom:.05em;overflow:visible clip}.about-part-word>span{display:block}.about-part-word>span:not([data-entrance=done]){opacity:0}.about-part-copy{width:100%;color:var(--color-black-100);text-wrap:balance}@media (min-width:768px){.about-hero-sticky{padding:0 var(--wrapper-gutter-desktop)}.about-hero-description{right:var(--wrapper-gutter-desktop);left:var(--wrapper-gutter-desktop)}.about-hero-lines{font-size:calc(min(6.25vw,9rem) - .2rem);line-height:1}.about-hero--compact .about-hero-lines{font-size:calc(min(6.25vw,9rem) - .4rem)}.about-hero-line{white-space:nowrap}}@media (min-width:1025px){.about-part{padding:.8rem var(--wrapper-gutter-desktop) 17rem}.about-part-inner{gap:9.9rem}.about-part-media{gap:6.4rem}.about-part-bg{aspect-ratio:636/398;width:min(44.17vw,63.6rem)}.about-part-title{gap:2.4rem}.about-part-title-row{justify-content:space-between;gap:0}.about-part-copy{align-self:flex-start;width:43.7rem;margin-left:13.2rem}}@media (prefers-reduced-motion:reduce){.about-hero[data-entrance=pending] .about-hero-line>span,.about-part-word>span{opacity:1}}.about-team{max-width:var(--wrapper-max-width);padding:0 var(--wrapper-gutter-mobile) 4.8rem;margin:0 auto}.about-team-head{text-transform:uppercase;justify-content:space-between;align-items:center;gap:1.6rem;padding-bottom:1rem;display:flex}.about-team-rule{background:var(--color-white-100);transform-origin:0;height:1px;transform:scaleX(0)}.about-team-rule,.about-team-blend,.about-team-name{z-index:6;mix-blend-mode:difference;will-change:transform;position:relative}.about-team-blend{color:var(--color-white-100)}.about-team-reveal,.about-team-name-inner{display:inline-block}.about-team-reveal:not([data-entrance=done]),.about-team-name-inner:not([data-entrance=done]){opacity:0}.about-team-title{margin:0}.about-team-filter-layer{z-index:10;position:relative}.about-team-body{padding-top:3.2rem}.about-team-photo{z-index:5;pointer-events:none;position:fixed;top:0;left:0}.about-team-photo-frame{opacity:0;clip-path:inset(50%);will-change:clip-path, opacity;overflow:hidden}@media (max-width:1024px){.about-team-photo{width:15.6rem;left:50%;translate:-50%}.about-team-photo-frame{width:100%;aspect-ratio:var(--photo-ratio,156 / 202);position:absolute;top:0;left:0;translate:0 -50%}}.about-team-photo-image{filter:grayscale();will-change:transform}.about-team-list{flex-direction:column;gap:1.6rem;margin:0;padding:0;list-style:none;display:flex}.about-team-name{text-align:center;text-transform:uppercase;width:100%;color:var(--color-white-100);opacity:.25;cursor:pointer;pointer-events:none;transition:opacity .3s var(--ease-soft-out);display:block;position:relative}.about-team-name:after{content:"";pointer-events:auto;position:absolute;inset:22% 0}.about-team-name[data-active=true]{opacity:1}.about-team-name:focus-visible{outline:2px solid var(--color-white-100);outline-offset:4px}@media (min-width:1025px){.about-team{padding:0 var(--wrapper-gutter-desktop) 4.8rem}.about-team-body{grid-template-columns:33.76% 1fr;padding-top:6rem;display:grid}.about-team-list{grid-column:2;gap:2.4rem}.about-team-name{text-align:left}.about-team-photo-frame{--col-width:calc((min(100vw, var(--wrapper-max-width)) - 2 * var(--wrapper-gutter-desktop)) * .3376);--col-left:calc(max(0px, (100vw - var(--wrapper-max-width)) / 2) + var(--wrapper-gutter-desktop));--photo-width:calc(var(--col-width) * .541);aspect-ratio:var(--photo-ratio,245 / 317);top:calc(var(--slot-y,12) * 1svh);left:calc(var(--col-left) + (var(--col-width) - var(--photo-width)) * var(--slot-x,0));z-index:5;width:var(--photo-width);translate:0 calc(var(--slot-anchor-y,0) * -100%);pointer-events:none;position:fixed}}@media (prefers-reduced-motion:reduce){.about-team-photo-frame{clip-path:none}.about-team-reveal,.about-team-name-inner{opacity:1}.about-team-rule{transform:none}.about-team-name{transition:none}}.about-team-detail{z-index:70;position:fixed;inset:0}.about-team-detail-backdrop{cursor:pointer;-webkit-backdrop-filter:blur(1.6rem);backdrop-filter:blur(1.6rem);background:#ffffff1f;position:absolute;inset:0}.about-team-detail-panel{width:100%;color:var(--color-black-100);will-change:transform;background:#fffffffe;position:absolute;inset:0 0 0 auto}.about-team-detail-scroll{height:100%;padding:8.8rem var(--wrapper-gutter-mobile) 6rem;overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.about-team-detail-bar{justify-content:flex-end;align-items:center;display:flex}.about-team-detail-close{cursor:pointer;color:inherit;padding:0}.about-team-detail-close:focus-visible{outline-offset:4px;outline:2px solid}.about-team-detail-names{text-transform:uppercase;gap:.8rem;margin-top:10rem;display:grid}.about-team-detail-heading{margin:0;display:contents}.about-team-detail-first{grid-row:1;justify-self:start}.about-team-detail-last{text-align:right;grid-row:2;justify-self:end}.about-team-detail-role{color:var(--color-red-juju);text-wrap:balance;grid-row:3;margin:0}.about-team-detail-bio{text-indent:18rem;margin:auto 0 0;padding-top:4.8rem}.about-team-detail-fade{pointer-events:none;background:linear-gradient(to bottom, transparent, var(--color-white-100));opacity:0;height:12rem;transition:opacity .3s var(--ease-soft-out);position:absolute;inset:auto 0 0}.about-team-detail-fade[data-visible=true]{opacity:1}@media (min-width:1025px){.about-team-detail-panel{width:41.6vw}.about-team-detail-scroll{padding:4rem 3.6rem 9rem 4.4rem}.about-team-detail-names{grid-template-columns:auto 1fr;column-gap:5rem;margin-top:8rem}.about-team-detail-first{grid-area:1/1}.about-team-detail-last{grid-area:2/1/auto/-1}.about-team-detail-role{text-align:right;grid-area:1/2;place-self:center end}}@media (prefers-reduced-motion:reduce){.about-team-detail-backdrop,.about-team-detail-panel{will-change:auto}}}body:has(.about-team-detail) .site-header{z-index:80;translate:none}body:has(.about-team-detail) .site-header-toggle{visibility:hidden}
