.boyo-wall{--boyo-wall-ink: var(--boyo-red);--boyo-wall-text: var(--boyo-black);--boyo-wall-bg: var(--boyo-white);position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "info" "tiles";background:var(--boyo-wall-bg);color:var(--boyo-wall-text);overflow:hidden}.boyo-wall--red{--boyo-wall-ink: var(--boyo-white);--boyo-wall-text: var(--boyo-white);--boyo-wall-bg: var(--boyo-red)}.boyo-wall--teal{--boyo-wall-ink: var(--boyo-white);--boyo-wall-text: var(--boyo-black);--boyo-wall-bg: var(--boyo-teal)}.boyo-wall--yellow{--boyo-wall-ink: var(--boyo-black);--boyo-wall-text: var(--boyo-black);--boyo-wall-bg: var(--boyo-yellow)}.boyo-wall__number{position:absolute;z-index:-1;right:1.5rem;bottom:-1rem;font-family:"Permanent Marker",var(--font-heading-family),cursive;font-size:clamp(12rem,40vw,36rem);line-height:.9;color:var(--boyo-wall-ink);opacity:.16;pointer-events:none;-webkit-user-select:none;user-select:none}.boyo-wall__main{grid-area:main;position:relative;z-index:1}.boyo-wall__main-link{display:block;color:inherit;text-decoration:none;aspect-ratio:4 / 5;overflow:hidden;background:#11111114}.boyo-wall__placeholder{display:grid;place-items:center;height:100%;padding:2rem;font-family:"Permanent Marker",var(--font-heading-family),cursive;font-size:2.4rem;text-align:center;color:var(--boyo-wall-ink);opacity:.6}.boyo-wall__cutout{position:absolute;z-index:3;right:-1rem;bottom:-3rem;width:42%;height:auto;filter:grayscale(1) contrast(1.05);pointer-events:none}.boyo-wall__tiles{grid-area:tiles;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}.boyo-wall__tile{aspect-ratio:3 / 4;overflow:hidden}.boyo-wall__tiles--1 .boyo-wall__tile,.boyo-wall__tiles--3 .boyo-wall__tile:last-child{grid-column:1 / -1;aspect-ratio:3 / 2}.boyo-wall__info{grid-area:info;position:relative;z-index:1;container-type:inline-size;isolation:isolate;padding:3.2rem 1.5rem 4rem}.boyo-wall__title{margin:0;font-family:"Permanent Marker",var(--font-heading-family),cursive;font-weight:400;font-size:clamp(3.6rem,13cqi,14rem);line-height:.95;color:var(--boyo-wall-ink)}.boyo-wall__title--art{--boyo-ink: var(--boyo-wall-ink);max-width:64rem}.boyo-wall__facts{display:flex;flex-wrap:wrap;gap:1.2rem 3.2rem;margin:2.4rem 0 0}.boyo-wall__facts dt{font-size:1.1rem;letter-spacing:.08rem;text-transform:uppercase;opacity:.8}.boyo-wall__facts dd{margin:.2rem 0 0;font-size:1.6rem;font-weight:var(--font-body-weight-bold)}.boyo-wall__text{max-width:48rem;margin:1.6rem 0 0;font-size:1.6rem;line-height:1.6}.boyo-wall__link{display:inline-block;margin-top:2.4rem;padding-bottom:.2rem;border-bottom:2px solid currentColor;color:inherit;font-size:1.5rem;font-weight:var(--font-body-weight-bold);letter-spacing:.06rem;text-decoration:none;text-transform:uppercase}.boyo-wall__link:hover{color:var(--boyo-wall-ink)}@media screen and (min-width:990px){.boyo-wall{--boyo-wall-height: clamp(56rem, calc(100svh - 10rem) , 96rem);grid-template-columns:minmax(0,4fr) minmax(0,2.2fr) minmax(0,4.4fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"main tiles info";height:var(--boyo-wall-height)}.boyo-wall--main-right{grid-template-columns:minmax(0,4.4fr) minmax(0,2.2fr) minmax(0,4fr);grid-template-areas:"info tiles main"}.boyo-wall--no-tiles{grid-template-columns:minmax(0,5fr) minmax(0,5fr);grid-template-areas:"main info"}.boyo-wall--no-tiles.boyo-wall--main-right{grid-template-areas:"info main"}.boyo-wall__main-link{height:100%;aspect-ratio:auto}.boyo-wall__tiles{position:relative;z-index:2;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);height:100%}.boyo-wall__tile,.boyo-wall__tiles--1 .boyo-wall__tile,.boyo-wall__tiles--3 .boyo-wall__tile:last-child{grid-column:auto;aspect-ratio:auto;min-height:0}.boyo-wall__info{display:flex;flex-direction:column;justify-content:center;padding:6rem 5rem}.boyo-wall__number{bottom:-2rem;font-size:clamp(20rem,26vw,40rem)}.boyo-wall--main-left .boyo-wall__number{right:2rem}.boyo-wall--main-right .boyo-wall__number{right:auto;left:2rem}.boyo-wall--main-left .boyo-wall__title-wrap{margin-left:-2.5vw}.boyo-wall--main-right .boyo-wall__title-wrap{margin-right:-2.5vw;text-align:right}.boyo-wall--main-right .boyo-wall__info{align-items:flex-end;text-align:right}.boyo-wall--main-right .boyo-wall__facts{justify-content:flex-end}.boyo-wall--no-tiles .boyo-wall__title-wrap{margin-inline:0}.boyo-wall__cutout{width:26vw;bottom:-4rem}.boyo-wall--main-left .boyo-wall__cutout{right:-8vw}.boyo-wall--main-right .boyo-wall__cutout{right:auto;left:-8vw}}.boyo-mural{--boyo-wall-ink: var(--boyo-red);--boyo-wall-text: var(--boyo-black);--boyo-wall-bg: var(--boyo-white);background:var(--boyo-wall-bg);color:var(--boyo-wall-text)}.boyo-mural--red{--boyo-wall-ink: var(--boyo-white);--boyo-wall-text: var(--boyo-white);--boyo-wall-bg: var(--boyo-red)}.boyo-mural__inner{padding-block:5.6rem 6.4rem}.boyo-mural__head{margin-bottom:2.8rem}.boyo-mural__number{display:block;margin-bottom:.4rem;font-family:"Permanent Marker",var(--font-heading-family),cursive;font-size:2.4rem;line-height:1;color:var(--boyo-wall-ink);opacity:.8}.boyo-mural__title{margin:0;font-family:"Permanent Marker",var(--font-heading-family),cursive;font-weight:400;font-size:clamp(4rem,11vw,9.6rem);line-height:.95;color:var(--boyo-wall-ink);overflow-wrap:break-word}.boyo-mural__title--art img{display:block;width:100%;max-width:64rem;height:auto}.boyo-mural__facts{display:flex;flex-wrap:wrap;gap:1.2rem 3.2rem;margin:2rem 0 0}.boyo-mural__facts dt{font-size:1.1rem;letter-spacing:.08rem;text-transform:uppercase;opacity:.8}.boyo-mural__facts dd{margin:.2rem 0 0;font-size:1.6rem;font-weight:var(--font-body-weight-bold)}.boyo-mural__text{max-width:64rem;margin:1.6rem 0 0;font-size:1.6rem;line-height:1.6}.boyo-mural__link{display:inline-block;margin-top:2.4rem;padding:0 0 .2rem;border:0;border-bottom:2px solid currentColor;background:none;color:inherit;font-family:inherit;font-size:1.5rem;font-weight:var(--font-body-weight-bold);letter-spacing:.06rem;text-transform:uppercase;cursor:pointer}.boyo-mural__link:hover{color:var(--boyo-wall-ink)}.boyo-mural--red .boyo-mural__link:hover{opacity:.8}.boyo-mural__main--empty{aspect-ratio:4 / 5;background:#11111114}.boyo-mural__rest{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;margin:.8rem 0 0;padding:0;list-style:none}.boyo-mural__open{position:relative;display:block;width:100%;aspect-ratio:4 / 5;padding:0;border:0;overflow:hidden;background:#11111114;cursor:zoom-in}.boyo-mural__open .boyo-wall-media{transition:transform .4s ease}.boyo-mural__open:hover .boyo-wall-media{transform:scale(1.03)}.boyo-mural__open:focus-visible{outline:3px solid var(--boyo-wall-ink);outline-offset:3px}.boyo-mural__play{position:absolute;left:1rem;bottom:1rem;display:grid;place-items:center;width:3.6rem;height:3.6rem;background:var(--boyo-black);color:var(--boyo-white);font-size:1.4rem;pointer-events:none}@media(prefers-reduced-motion:reduce){.boyo-mural__open .boyo-wall-media{transition:none}}@media screen and (min-width:990px){.boyo-mural__inner{padding-block:9.6rem}.boyo-mural__head{margin-bottom:4rem}.boyo-mural__number{font-size:3.2rem}.boyo-mural__main .boyo-mural__open,.boyo-mural__main--empty{aspect-ratio:16 / 10;max-height:85vh}.boyo-mural__rest{gap:1.2rem;margin-top:1.2rem}.boyo-mural__rest--2{grid-template-columns:repeat(2,minmax(0,1fr))}.boyo-mural__rest--3{grid-template-columns:repeat(3,minmax(0,1fr))}.boyo-mural__rest--4{grid-template-columns:repeat(4,minmax(0,1fr))}.boyo-mural__rest--1 .boyo-mural__open{aspect-ratio:16 / 9}.boyo-mural__rest--2 .boyo-mural__open{aspect-ratio:1 / 1}}.boyo-wall-media{display:block;width:100%;height:100%;object-fit:cover}.boyo-wall__main-link>.boyo-pf-media{height:100%}.boyo-wall__main-link .boyo-pf-media__video{height:100%;aspect-ratio:auto}.boyo-band__subtitle{display:block;margin-top:.8rem;font-size:.4em}.boyo-wall__text.rte>:first-child{margin-top:0}.boyo-wall__text.rte a{color:inherit}.boyo-band__photos .boyo-wall__tile:nth-child(n+4){display:none}.boyo-band__photos .boyo-wall__tile:nth-child(3){position:relative}.boyo-band__photos .boyo-wall__tile:nth-child(3):after{content:var(--boyo-more, none);position:absolute;right:1.2rem;bottom:1.2rem;padding:.4rem 1rem;background:var(--boyo-black);color:var(--boyo-white);font-size:1.6rem;font-weight:var(--font-body-weight-bold);pointer-events:none}.boyo-band__grid{grid-area:tiles;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.8rem;margin:0;padding:0 1.5rem 4rem;list-style:none}.boyo-band__grid .boyo-wall__tile{aspect-ratio:auto;overflow:visible}.boyo-band__grid .boyo-band__photo-open{height:auto;background:transparent}.boyo-band__grid .boyo-band__photo-image{height:auto;object-fit:contain;box-shadow:0 .2rem .8rem #1111111f}@media screen and (min-width:750px){.boyo-band__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}}@media screen and (min-width:990px){.boyo-wall.boyo-band--full{grid-template-columns:minmax(0,4.4fr) minmax(0,5.6fr);grid-template-rows:auto;grid-template-areas:"info tiles";height:auto;min-height:var(--boyo-wall-height)}.boyo-wall.boyo-band--full.boyo-wall--main-left{grid-template-columns:minmax(0,5.6fr) minmax(0,4.4fr);grid-template-areas:"tiles info"}.boyo-band__grid{align-self:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem;padding:6rem 5rem}}.boyo-band__photo-open{display:block;width:100%;height:100%;padding:0;border:0;background:#fff;cursor:zoom-in}.boyo-band__photo-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.boyo-band__photo-open:hover .boyo-band__photo-image{transform:scale(1.03)}.boyo-band__photo.is-drawing .boyo-band__photo-image{object-fit:contain;padding:8%}.boyo-band__photo-open:focus-visible{outline:3px solid var(--boyo-wall-ink, currentColor);outline-offset:-3px}@media(prefers-reduced-motion:reduce){.boyo-band__photo-image{transition:none}}.boyo-lightbox{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:0;background:#111111f0;color:var(--boyo-white)}.boyo-lightbox::backdrop{background:#111111f0}.boyo-lightbox__inner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:6rem 1.6rem 7.2rem;box-sizing:border-box}.boyo-lightbox__figure{display:flex;flex-direction:column;align-items:center;gap:1.2rem;max-width:100%;max-height:100%;margin:0}.boyo-lightbox__video{display:block;max-width:100%;max-height:calc(100vh - 14rem);max-height:calc(100dvh - 14rem);width:auto;height:auto;background:#000}.boyo-lightbox__image{display:block;max-width:100%;max-height:calc(100vh - 14rem);max-height:calc(100dvh - 14rem);width:auto;height:auto;object-fit:contain}.boyo-lightbox__image[hidden],.boyo-lightbox__video[hidden]{display:none}.boyo-lightbox__caption{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem;font-size:1.4rem;text-align:center}.boyo-lightbox__counter{opacity:.7}.boyo-lightbox__button{position:absolute;display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;padding:0;border:3px solid var(--boyo-white);background:var(--boyo-black);color:var(--boyo-white);font-family:var(--font-heading-family);font-size:2.4rem;line-height:1}.boyo-lightbox__button:focus-visible{outline:3px solid var(--boyo-yellow);outline-offset:2px}.boyo-lightbox__close{top:1.2rem;right:1.2rem}.boyo-lightbox__prev,.boyo-lightbox__next{bottom:1.2rem}.boyo-lightbox__prev{left:1.2rem}.boyo-lightbox__next{right:1.2rem}@media screen and (min-width:750px){.boyo-lightbox__inner{padding:6rem 9rem}.boyo-lightbox__prev,.boyo-lightbox__next{top:50%;bottom:auto;transform:translateY(-50%)}.boyo-lightbox__prev{left:2.4rem}.boyo-lightbox__next{right:2.4rem}}.boyo-project{--boyo-wall-ink: var(--boyo-red);--boyo-wall-text: var(--boyo-black);background:var(--boyo-white);color:var(--boyo-black)}.boyo-project__intro{display:grid;grid-template-columns:minmax(0,1fr)}.boyo-project__media{position:relative}.boyo-project__media .boyo-wall__placeholder{aspect-ratio:4 / 5;background:#1111110f}.boyo-project-file{display:block;width:100%;height:auto}.boyo-project-file__open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.boyo-project__cutout{position:absolute;right:-1rem;bottom:-3rem;width:40%;height:auto;filter:grayscale(1) contrast(1.05);pointer-events:none}.boyo-project__info{position:relative;isolation:isolate;container-type:inline-size;padding:3.2rem 1.5rem 4.8rem}.boyo-project__back{display:inline-block;margin-bottom:2.4rem;color:inherit;font-size:1.3rem;letter-spacing:.08rem;text-transform:uppercase;text-decoration:none}.boyo-project__back:hover{color:var(--boyo-red)}.boyo-project__number{top:1rem;bottom:auto}.boyo-project__title-art{max-width:64rem}.boyo-project__group{padding:4.8rem 0 0}.boyo-project__group-title{margin:0 1.5rem 1.6rem;font-family:"Permanent Marker",var(--font-heading-family),cursive;font-weight:400;font-size:clamp(3.2rem,8vw,6.4rem);line-height:1;color:var(--boyo-red)}.boyo-project__grid{columns:2;column-gap:.4rem;margin:0;padding:0;list-style:none}.boyo-project__item{break-inside:avoid;margin-bottom:.4rem}.boyo-project__pager{display:flex;justify-content:space-between;gap:2.4rem;padding:6.4rem 1.5rem 0}.boyo-project__pager-link{display:flex;flex-direction:column;gap:.4rem;max-width:48%;color:inherit;text-decoration:none}.boyo-project__pager-link--next{margin-left:auto;text-align:right}.boyo-project__pager-label{font-size:1.2rem;letter-spacing:.08rem;text-transform:uppercase;opacity:.8}.boyo-project__pager-title{font-family:"Permanent Marker",var(--font-heading-family),cursive;font-size:clamp(2.4rem,6vw,4.8rem);line-height:1;color:var(--boyo-red)}.boyo-project__pager-link:hover .boyo-project__pager-title{text-decoration:underline;text-decoration-thickness:.2rem}.boyo-project__cta{display:flex;flex-direction:column;align-items:center;gap:3.2rem;padding:8rem 1.5rem;text-align:center}.boyo-project__cta-heading{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(4.8rem,13vw,14rem);line-height:.95}@media screen and (min-width:750px){.boyo-project__grid{columns:3}.boyo-project__grid--small{columns:4}}@media screen and (min-width:990px){.boyo-project__intro{grid-template-columns:minmax(0,11fr) minmax(0,9fr);align-items:start}.boyo-project__media .boyo-project-file{width:auto;max-width:100%;max-height:calc(100svh - 10rem);margin-inline:auto}.boyo-project__info{position:sticky;top:0;padding:6.4rem 5rem}.boyo-project__cutout{width:22vw;right:-6vw}.boyo-project__group-title,.boyo-project__pager{margin-inline:5rem;padding-inline:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/boyo-portfolio.css.map */