.sf-showcase{--background-color:var(--color-lightest);--text-color:var(--color-darkest);background:transparent;color:var(--text-color);height:8rem;left:0;overflow:hidden;overscroll-behavior:contain;position:fixed;right:0;top:0;transition:transform .3s ease-in-out,height .3s ease-in-out;width:100vw;will-change:transform,height;z-index:21}.sf-showcase:before{background:var(--background-color);content:"";inset:0;position:absolute;z-index:-1}.sf-showcase[data-collapsed=true]{height:3.125rem}@media screen and (min-width:769px){.sf-showcase[data-collapsed=true]{transform:translate(calc(100% - 3.75rem))}}@media screen and (min-width:577px){.sf-showcase{height:14rem}}@media screen and (min-width:769px){.sf-showcase{height:unset;left:unset;min-height:100svh;transform:translate(calc(100% - 12.5rem));width:100svw}.sf-showcase[data-collapsed=true]{height:unset}}.sf-showcase__button{bottom:0;color:var(--color-lightest);display:block;font-family:var(--font-family-secondary);font-size:1.3125rem;font-weight:var(--font-weight-secondary-bold);left:0;line-height:var(--lineHeight-sm);line-height:1.3;mix-blend-mode:difference;position:absolute;right:0;text-decoration:none;text-transform:lowercase;z-index:10}@media screen and (min-width:769px){.sf-showcase__button{bottom:unset;height:3.75rem;left:unset;padding:.875rem;right:unset;text-align:center;transform:rotate(90deg) translateY(-100%);transform-origin:top left;width:100vh}}.sf-showcase__button-text{align-items:center;display:flex;gap:.5rem;height:3.125rem;justify-content:center}@media screen and (min-width:769px){.sf-showcase__button-text{height:unset;transform:rotate(180deg)}}.sf-showcase__button-icon-mobile{display:block}@media screen and (min-width:769px){.sf-showcase__button-icon-mobile{display:none}}.sf-showcase__button-icon-desktop{display:none}@media screen and (min-width:769px){.sf-showcase__button-icon-desktop{display:block}}.sf-showcase__content{height:100svh;overflow:auto}@media screen and (min-width:769px){.sf-showcase__content{padding-right:var(--grid-side-gap-md-collapsed)}}.sf-showcase__intro{display:grid;gap:3rem;grid-template-columns:1fr;width:100%}@media screen and (min-width:769px){.sf-showcase__intro{grid-template-columns:repeat(2,1fr)}}.sf-showcase__intro-media{background:#000;height:60svh;overflow:hidden;position:relative;width:100%;z-index:0}@media screen and (min-width:769px){.sf-showcase__intro-media{height:100svh;width:45vw}}.sf-showcase__intro-media img,.sf-showcase__intro-media video{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.sf-showcase__intro-text{display:flex;flex:1 0 55vw;flex-direction:column;gap:1.875rem;margin-bottom:2.3125rem;margin-top:auto;padding:0 1rem}.sf-showcase__intro-text p{font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-primary-regular);line-height:var(--lineHeight-md)}@media screen and (min-width:769px){.sf-showcase__intro-text p{font-size:var(--font-size-xl)}}@media screen and (min-width:1261px){.sf-showcase__intro-text p{font-size:var(--font-size-2xl)}}@media screen and (min-width:769px){.sf-showcase__intro-text{margin-bottom:0;padding:0}}.sf-showcase__anchor-nav-wrapper{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:2rem;justify-content:space-between;padding-inline:1rem}@media screen and (min-width:769px){.sf-showcase__anchor-nav-wrapper{flex-direction:row;padding-left:7.4375rem;padding-top:5rem}}.sf-showcase__anchor-nav{display:flex;flex-direction:column;row-gap:.75rem}@media screen and (min-width:769px){.sf-showcase__anchor-nav{-moz-column-gap:2rem;column-gap:2rem;flex-wrap:wrap;max-height:44rem}}@media screen and (min-width:993px){.sf-showcase__anchor-nav{max-height:32rem}}.sf-showcase__anchor-nav-item{font-family:var(--font-family-secondary);font-size:1.3125rem;font-weight:var(--font-weight-secondary-bold);line-height:var(--lineHeight-sm);max-width:18rem;text-transform:lowercase}.sf-showcase__anchor-nav-item a[href]{color:var(--text-color);text-decoration:none}.sf-showcase__item{display:grid;grid-template-columns:1fr;padding:0 1rem;row-gap:1rem}@media screen and (min-width:769px){.sf-showcase__item{grid-template-columns:60vw auto;grid-template-rows:repeat(2,auto);padding-left:3.75rem;row-gap:2.6875rem}}.sf-showcase__item-title{padding-top:3rem;text-align:right}@media screen and (min-width:769px){.sf-showcase__item-title{grid-column:1;padding-top:9.625rem;position:sticky;top:0}.sf-showcase__item-description{grid-column:2;grid-row:2;padding:.625rem 2rem}}.sf-showcase__item-img{width:100%}.sf-showcase:not(.sf-showcase--fully-open) .sf-showcase__content{height:100vh;overflow:hidden}.sf-showcase:not(.sf-showcase--fully-open) .sf-showcase__anchor-nav-wrapper,.sf-showcase:not(.sf-showcase--fully-open) .sf-showcase__item{display:none}.sf-showcase--partial-open:not(.sf-showcase--fully-open),.sf-showcase--partial-open:not(.sf-showcase--fully-open)[data-collapsed=true]{max-height:100svh}@media screen and (min-width:769px){.sf-showcase--partial-open:not(.sf-showcase--fully-open),.sf-showcase--partial-open:not(.sf-showcase--fully-open)[data-collapsed=true]{cursor:none;transform:translate(calc(100% - 45vw - 3rem))}}.sf-showcase--fully-open,.sf-showcase--fully-open[data-collapsed=true]{height:100svh}.sf-showcase--fully-open .sf-showcase__button,.sf-showcase--fully-open[data-collapsed=true] .sf-showcase__button{background:var(--color-lightest);bottom:auto;color:var(--color-darkest);mix-blend-mode:unset;top:0;z-index:100}@media screen and (min-width:769px){.sf-showcase--fully-open,.sf-showcase--fully-open[data-collapsed=true]{height:100svh;transform:translate(0)}.sf-showcase--fully-open .sf-showcase__button,.sf-showcase--fully-open[data-collapsed=true] .sf-showcase__button{bottom:unset;top:unset}}@keyframes sf-showcase-entrance-sm{0%{box-shadow:0 .25rem 1.75rem #00000040,0 0 0 100vmax #fff;height:60svh}to{box-shadow:0 .25rem 1.75rem transparent,0 0 0 100vmax #fff0;height:8rem}}@keyframes sf-showcase-entrance{0%{box-shadow:0 .25rem 1.75rem #00000040,0 0 0 100vmax #fff;height:60svh}to{box-shadow:0 .25rem 1.75rem transparent,0 0 0 100vmax #fff0;height:14rem}}.sf-showcase--entrance{animation:sf-showcase-entrance-sm .8s cubic-bezier(.22,1,.36,1) 1s both}@media screen and (min-width:577px){.sf-showcase--entrance{animation:sf-showcase-entrance .8s cubic-bezier(.22,1,.36,1) 1s both}}@media screen and (min-width:769px){.sf-showcase--entrance{animation:none;height:unset}}.sf-showcase__mouse-trail{display:none}@media screen and (min-width:769px){.sf-showcase__mouse-trail{display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--transition-fast);width:100%}}.sf-showcase__mouse-trail--visible{opacity:1}.sf-showcase__mouse-trail-letter{color:var(--color-lightest);font-family:var(--font-family-secondary);font-size:2.1875rem;font-weight:var(--font-weight-secondary-bold);left:0;line-height:var(--lineHeight-sm);mix-blend-mode:difference;position:absolute;text-align:right;text-transform:lowercase;top:0;width:2.1875rem;will-change:transform}.sf-showcase__item-website{margin-top:2rem}.sf-showcase__item-website a{color:var(--text-color)}.sf-showcase-hero .sf-showcase-hero__body{padding-bottom:1.875rem;padding-top:4rem}@media screen and (min-width:769px){.sf-showcase-hero .sf-showcase-hero__body{padding-bottom:3.75rem;padding-top:50vh}}