.crew-card{background-color:var(--color-background-subtle);padding:var(--spacing-04-5);padding-bottom:var(--spacing-05);position:relative;height:100%}.crew-card__content{text-align:center;padding-top:var(--spacing-04-5)}.crew-card__content button{position:absolute;inset:0;z-index:1}.crew-card__title{font-size:1.75rem !important}.crew-card__image{width:100%;height:auto;position:relative;aspect-ratio:1;overflow:hidden;isolation:isolate;z-index:-1}.crew-card__image__wrapper{position:relative}.crew-card__image__wrapper:has(.crew-card__fav-beer)::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 80% at 100% 100%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);opacity:1;z-index:0}.crew-card__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.crew-card__image>img{z-index:1;transition:opacity var(--duration-medium) ease}@media(hover: hover){.crew-card:has(.crew-card__image__secondary):hover .crew-card__image>img{opacity:0}}.crew-card__image__secondary{width:100%;height:100%;z-index:0;position:relative;isolation:isolate;background-color:var(--color-accent)}.crew-card__image__secondary img{mix-blend-mode:luminosity;opacity:.5;z-index:0}.crew-card__image__secondary::after{content:"";position:absolute;inset:0;background-image:image-set(url("../../../../../../assets/images/textures/texture-grunge.webp") type('image/webp') 1x, url("../../../../../../assets/images/textures/texture-grunge.png") type('image/png') 1x);background-size:256px 175px;background-position:center;background-repeat:repeat;opacity:.6;z-index:1}.crew-card__roles{display:flex;justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-02);color:var(--color-foreground-subtle)}.crew-card__roles span{line-height:1 !important}.crew-card__fav-beer{position:absolute;right:0;bottom:0;display:grid;align-items:end;max-width:8.5rem;min-width:7rem;grid-template-columns:auto 1fr;width:40%;z-index:1}.crew-card__fav-beer p{--overline-font-size: .675rem;background-color:var(--color-accent);padding:.5em;color:var(--color-neutral-05)}.crew-card__fav-beer__image{width:100%;height:auto;aspect-ratio:var(--media-can-label-ratio);position:relative}.crew-card__fav-beer__image img{position:absolute;inset:-30%;max-width:unset;width:160%;aspect-ratio:var(--media-can-label-ratio);height:auto}.crew-modal{--color-overlay: hsl(var(--color-neutral-base) 5% / 80%);position:relative}.crew-modal .modal__inner{min-height:unset;display:grid;width:calc(100% - var(--page-gutter)*2);max-width:var(--page-width-condensed);background-color:var(--color-background-subtle);margin-inline:auto;height:70vh;position:relative;grid-template-columns:70vh 1fr}@media(width <= 62.499rem){.crew-modal .modal__inner{display:flex;flex-direction:column;height:90vh;overflow-y:auto;overscroll-behavior:contain;max-width:25rem}}.crew-modal .modal__inner .modal__close{--icon-color: var(--color-foreground-subtle);height:4rem;width:4rem;z-index:1}@media(width <= 62.499rem){.crew-modal .modal__inner .modal__close{height:3rem;width:3rem}}.crew-modal__image-wrapper{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-04);height:100%}.crew-modal__content{padding:var(--spacing-07);max-height:100%;align-self:center;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain;scrollbar-color:var(--color-neutral-40) rgba(0,0,0,0)}@media(width <= 62.499rem){.crew-modal__content{max-height:unset;overflow:unset !important;padding:var(--spacing-05)}}.crew-modal__content::-webkit-scrollbar{width:6px;background:rgba(0,0,0,0)}.crew-modal__content::-webkit-scrollbar-thumb{background:var(--color-neutral-40);border-radius:4px;transition:background .2s}.crew-modal__content::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-40)}.crew-modal__content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}@media(width >= 78.125rem){.crew-modal__bio{font-size:var(--font-size-body-lg)}}.crew-modal__image{width:100%;height:auto;overflow:hidden;position:relative;isolation:isolate;aspect-ratio:1;flex-grow:1}.crew-modal__image img{width:100%;height:100%;object-fit:cover;z-index:-1}.crew-modal__image-info{display:flex;flex-direction:column;justify-content:end;position:absolute;padding:var(--spacing-05) var(--spacing-06);inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 50%)}@media(width <= 62.499rem){.crew-modal__image-info{padding:var(--spacing-05)}}.crew{padding-block:var(--section-padding-block);overflow:hidden}.crew__header{text-align:center;position:relative}.crew__header::before{content:"Brew Crew";display:block;font-family:var(--font-family-brush);color:var(--color-background-subtle);position:absolute;left:50%;transform:translateX(-50%) rotate(-2deg);top:-100%;mask:linear-gradient(to top, transparent 15%, black 100%);padding-inline:2ch;font-size:clamp(6rem,21vw,20rem);white-space:nowrap;z-index:-1}@media(width <= 46.875rem){.crew__header::before{font-size:21vw;top:-50%}}.crew__header .overline-kebab{max-width:50rem;margin-inline:auto}.crew__title{margin-top:var(--spacing-05)}.crew__members{--grid-columns: 4;--grid-gap-row: var(--spacing-05);justify-content:center}.crew__header+.crew__members{margin-top:var(--spacing-08)}@media(width <= 62.499rem){.crew__header+.crew__members{margin-top:var(--spacing-06)}}@media(width <= 78.125rem){.crew__members{--grid-columns: 3}}@media(width <= 62.499rem){.crew__members{margin-top:var(--spacing-06);--grid-columns: 2}}@media(width <= 31.25rem){.crew__members{--grid-columns: 1}}