:root{--card-button-width: clamp(3rem, calc(var(--card-width) * .55), 4rem)}#artists-section .columns{gap:var(--spc-500);align-items:center}#artist-blurb-wrapper{display:flex;width:100%}#artist-blurb-wrapper .blurb{display:flex;opacity:0}#artist-blurb-wrapper .blurb h2{align-self:flex-end}#artist-blurb-wrapper .blurb.active{display:grid;transform:scale(1);opacity:1;filter:blur(0px);animation:pop-in calc(var(--animation-speed) * 1)}#artist-blurb-wrapper .blurb.deactivate{display:none}.contactBar{display:flex;gap:var(--spc-300);justify-content:space-between;margin-top:var(--spc-400);padding-block:var(--spc-400);padding-inline:var(--spc-500);background-color:var(--clr-neutral-600);border-radius:var(--border-radius);box-shadow:6px 4px 6px #00000054;align-content:center}.contactBar>*{align-self:center;text-align:center}.contactLinksContainer{display:flex;gap:var(--spc-200)}.contactBar .textAccent{color:var(--clr-accent-400);font-weight:700}.contactBar .iconAccent{color:var(--clr-accent-400)}#artists-section .card{position:relative;overflow:hidden;border:none;border-radius:calc(var(--border-radius) * 1.5);box-shadow:6px 4px 6px #0000003d}.card.artist{z-index:1;cursor:pointer}.artist-paragraph{margin-bottom:var(--spc-200)}.artist-card-image{filter:grayscale(100%)}.active .artist-card-image{filter:grayscale(0%)}.tattoo-card-image:hover,.artist-card-image:hover{filter:grayscale(0%);transform:scale(1.05);transition:calc(var(--animation-speed) * .75)}.card.artist:has(.close-btn:hover) .artist-card-image{filter:grayscale(100%)}.card.artist:has(.next-btn:hover) .artist-card-image{transform:scale(1.05)}.card.artist.transition{z-index:2;transition:transform .33s}.card.artist:before,.card.artist:after{position:absolute;bottom:15%;left:0;padding:5px;background-color:#00000080;color:#fff;font-weight:700;font-size:var(--fs-400);border-radius:0 8px 8px 0}.card.artist:before{content:attr(data-name);z-index:1;animation:nametag-in var(--animation-speed)}.active.card.artist:before{content:"Click for more"}.card.artist:hover:before{content:attr(data-name);left:-100%;animation:nametag-out calc(var(--animation-speed) * 1.5)}.card.artist:hover:after{content:attr(data-title);left:0;animation:nametag-in calc(var(--animation-speed) * 1.5)}@keyframes nametag-out{0%{left:0}to{left:-100%}}@keyframes nametag-in{0%{left:-100%}to{left:0}}.card.artist .btn{visibility:hidden;display:flex;flex-direction:column;border:none;background-color:#0006;position:absolute;height:var(--card-button-width);width:var(--card-button-width)}.card.artist .close-btn{top:0;left:0;transform-origin:top left;border-radius:0px 0px calc(var(--border-radius) * 2) 0px}.card.artist .next-btn{top:0;right:-1px;transform-origin:top right;border-radius:0px 0px 0px calc(var(--border-radius) * 2)}.card.artist img{scale:1;transition:calc(var(--animation-speed) * .5)}.card.artist.active .btn{visibility:visible}.card.artist .close-btn>img{scale:.45}.card.artist .next-btn>img{scale:.5}.card.artist .next-btn:hover img{scale:.6;transition:calc(var(--animation-speed) * .5)}.card.artist .close-btn:hover img{scale:.55;transition:calc(var(--animation-speed) * .5)}.card.artist .btn:active{scale:.97;transition:calc(var(--animation-speed) * .5)}.image-container.artists [data-pos="1"]{--shift: 0;--scale: 2}.image-container.artists [data-pos="2"]{--shift: 1;--scale: 3}.image-container.artists [data-pos="3"]{--shift: 2;--scale: 4}.image-container.artists [data-pos="4"]{--shift: 3;--scale: 5}#artists-section .card[data-pos].shift{transform:translate(calc(-100% * var(--shift) - var(--img-container-gap) * var(--shift)))}@media (max-width: 61.875em){#artists-section .card[data-pos="1"].shift{transform:translate(calc(100% + var(--img-container-gap)),calc(100% + var(--img-container-gap)))}#artists-section .card[data-pos="2"].shift{transform:translateY(calc(100% + var(--img-container-gap)))}#artists-section .card[data-pos="3"].shift{transform:translate(calc(100% + var(--img-container-gap)))}#artists-section .card[data-pos="4"].shift{transform:translate(0)}#artists-section .card.order{order:1}}#artists-section .card[data-pos].show{transform:translate(0);transition:transform var(--animation-speed)}#artists-section .card[data-pos].hide{opacity:0;transform:translateY(calc(100% * var(--scale)));transition:transform calc(var(--animation-speed) * 3) ease-in-out,opacity calc(var(--animation-speed) * 3) ease-in-out}#testimonials-section{z-index:1}.section-title{position:relative;text-align:center;min-height:3rem;z-index:5}.testimonials-bg{position:relative;isolation:isolate}.testimonials-bg:before{content:"";z-index:-1;position:absolute;height:101%;width:100%;clip-path:polygon(0 0,100% 0,100% calc(99% - var(--shape-divider-clamp)),0 100%);background-image:url(https://ik.imagekit.io/ohpt8eqveg/shop/tr:w-400/testimonials3.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(3px) grayscale(10%) brightness(66%)}@media (min-width: 40em){.testimonials-bg:before{background-image:url(https://ik.imagekit.io/ohpt8eqveg/shop/tr:w-1200/testimonials3.jpg);filter:blur(1.33px) grayscale(10%) brightness(80%)}}.blur-testimonials,.review-carousel{z-index:5}#review-carousel{margin-inline:auto;display:grid;justify-items:center;align-items:center;grid-template-columns:1fr auto 1fr;grid-template-rows:minmax(var(--review-height),auto) auto 1fr;grid-template-areas:"review review review" "button-left icons button-right";gap:var(--spc-300);max-width:70rem}.carousel-btn{height:3rem;aspect-ratio:1 / 1;border:none;border-radius:var(--border-radius);background-color:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.carousel-btn>i{color:var(--clr-accent-300);animation:grow 1s linear infinite}.carousel-btn:hover>i{scale:1.24;transition:var(--animation-speed);animation:none}.carousel-btn:active{scale:.9;filter:brightness(.8);transition:calc(var(--animation-speed) * .25);animation:none}.carousel-btn.left{grid-area:button-left;justify-self:end}.carousel-btn.right{grid-area:button-right;justify-self:start}@keyframes grow{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes bobLeft{0%{transform:translate(0)}50%{transform:translate(-10%)}to{transform:translate(0)}}@keyframes bobRight{0%{transform:translate(0)}50%{transform:translate(10%)}to{transform:translate(0)}}.review-wrapper{display:flex;justify-content:center;grid-area:review}.review{display:none;min-height:calc(var(--review-height) * .75);margin-block:var(--spc-300);padding-inline:var(--spc-500);background-color:#00000080;border-radius:calc(var(--border-radius) * 2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.review>h2{align-self:center;margin-top:var(--spc-500)}.written-review{text-align:center;margin-bottom:0}.review.active>.written-review{font-size:calc(var(--fs-500) * .9);animation:review-font .4s}@keyframes review-font{0%{font-size:0px}75%{font-size:16px}to{font-size:calc(var(--fs-500) * .9)}}.review-author{flex-grow:1;justify-self:start;align-self:flex-end;padding-bottom:var(--spc-300)}.review-origin{padding-left:var(--spc-100)}.review.active{display:grid;opacity:1;transform:scale(1);animation:pop-in calc(var(--animation-speed) * 1.66)}.review.deactivate{margin:0;padding:0;font-size:0;transform:scale(0)}.review.deactivate h2,.review.deactivate .written-review,.review.deactivate .review-author{display:none}@keyframes pop-out{0%{opacity:.5;font-size:var(--fs-400);transform:scale(.8)}75%{opacity:.25}to{font-size:0;transform:scale(0)}}@keyframes pop-in{0%{opacity:.5;transform:scale(.15)}75%{opacity:1;transform:scale(1.01)}to{transform:scale(1)}}.review.cycle-right{order:1}.review.cycle-left{order:-1}.carousel-selection-icons{display:flex;justify-content:center;gap:var(--spc-400);grid-area:icons}.selection-icon{height:1.25rem;width:1.25rem;opacity:.66;background-color:none;border:solid 3px var(--clr-accent-300);border-radius:1rem;scale:.9;transition:scale var(--animation-speed)}.selection-icon.active{scale:1.1;opacity:.9;background-color:#00000073;filter:brightness(1.1);transition:scale calc(var(--animation-speed) * 1)}@media (min-width: 61.875em){#review-carousel{grid-template-columns:auto 1fr auto;grid-template-areas:"button-left review button-right" "icons icons icons"}.review-wrapper{min-width:clamp(600px,300px + 50vw,990px)}.carousel-btn.left{grid-area:button-left;justify-self:center}.carousel-btn.right{grid-area:button-right;justify-self:center}}
