@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--clr-dark: var(--color-slate-900);--clr-light: var(--color-slate-100);--color-black: #000;--color-white: #fff;--clr-50: var(--color-slate-50);--clr-100: var(--color-slate-100);--clr-200: var(--color-slate-200);--clr-300: var(--color-slate-300);--clr-400: var(--color-slate-400);--clr-500: var(--color-slate-500);--clr-600: var(--color-slate-600);--clr-700: var(--color-slate-700);--clr-800: var(--color-slate-800);--clr-900: var(--color-slate-900);--clr-950: var(--color-slate-950);--color-slate-50: oklch(0.984 0.003 247.858);--color-slate-100: oklch(0.968 0.007 247.896);--color-slate-200: oklch(0.929 0.013 255.508);--color-slate-300: oklch(0.869 0.022 252.894);--color-slate-400: oklch(0.704 0.04 256.788);--color-slate-500: oklch(0.554 0.046 257.417);--color-slate-600: oklch(0.446 0.043 257.281);--color-slate-700: oklch(0.372 0.044 257.287);--color-slate-800: oklch(0.279 0.041 260.031);--color-slate-900: oklch(0.208 0.042 265.755);--color-slate-950: oklch(0.129 0.042 264.695);--bg-gradient: linear-gradient( 225deg, var(--clr-800) 0%, var(--clr-900) 100% );--tx-gradient: linear-gradient( 90deg, var(--clr-100) 0%, var(--clr-200) 50%, var(--clr-300) 100% );--size-p-1: 4px;--size-p-2: 8px;--size-p-3: 16px;--size-p-4: 20px;--size-p-5: 40px;--size-p-6: 80px;--size-p-7: 160px;--size-p-8: 320px;--space-lr: 40px;--space-gap: 20px;--grid-count: 2;--section-pad-top: var(--size-p-5);--max-site-width: 65rem;--site-width: min(100% - var(--space-lr), var(--max-site-width));--banner-width: min(100%, 75rem);--grid-col-spacing: 1fr repeat( var(--grid-count), calc( (var(--site-width) - (var(--grid-count) - 1) * var(--space-gap)) / var(--grid-count) ) ) 1fr;--grid-row-spacing: 1fr repeat(var(--grid-count)) 1fr}@media(width >= 43.75em){:root{--space-lr: var(--size-p-5);--space-gap: 30px;--grid-count: 6}}@media(width >= 62.5em){:root{--grid-count: 12;--sec-pad-top: var(--size-p-6)}}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:"poppins",sans-serif;background:var(--bg-gradient);color:var(--clr-light);overflow-x:hidden;width:100vw}img{width:100%;display:block}button{font-family:inherit}.location__wrapper{display:grid;grid-template-columns:var(--grid-col-spacing);gap:var(--space-gap);padding:var(--size-p-4) 0}.tattoo__wrapper{display:grid;grid-template-columns:var(--grid-col-spacing);grid-template-rows:var(--grid-row-spacing);gap:var(--space-gap);padding:var(--size-p-4) 0}h1{font-size:2rem;font-size:clamp(2rem,0.7179487179rem + 5.4700854701vw,4rem);background:var(--tx-gradient);-webkit-background-clip:text;color:rgba(0,0,0,0);display:inline-block}.secondary-title{font-size:1.5rem;font-size:clamp(1.5rem,0.7179487179rem + 5.4700854701vw,3rem);background:var(--tx-gradient);-webkit-background-clip:text;color:rgba(0,0,0,0);display:inline-block;font-weight:bold}h2{color:var(--clr-400)}h3{color:var(--clr-400)}.topnav__img{display:none}.topnav__mobile-img{position:absolute;top:0;left:1rem;width:150px;z-index:11}@media(width >= 400px){.topnav__mobile-img{width:180px;left:3rem}}.topnav svg path{color:var(--clr-light)}.topnav button{outline:none;border:none;cursor:pointer;background:none}.topnav__menu-open{position:absolute;top:.5rem;right:1rem;align-items:center;height:3rem;width:3rem;padding:.5rem;color:var(--clr-light);z-index:1}.topnav__menu-open[aria-expanded=true]+.topnav__menu-mobile{translate:0}.topnav__menu-close{position:relative;top:.5rem;right:1rem;display:block;margin-inline-start:auto;margin-block-end:10rem;height:3rem;width:3rem}.topnav__menu-mobile{position:absolute;inset:0;height:100dvh;z-index:2;background-color:var(--clr-800);translate:100vw 0;transition:500ms ease-in-out}.topnav__menu-desktop{display:none}.topnav__item{height:100%;height:4rem;text-transform:uppercase;list-style:none}.topnav__item>ul,.topnav__item .topnav__dropdown-item:hover{visibility:visible;opacity:1;display:block}.topnav__link{height:100%;display:flex;padding:0 20px;color:var(--clr-light);align-items:center;justify-content:center;text-decoration:none}.topnav__link:hover{background-color:var(--clr-700);transition:500ms ease-in-out}.topnav__dropdown{visibility:hidden;opacity:0;position:absolute;transition:all 500ms ease-in-out;margin-top:1rem;left:0;display:none}.nav-active{right:0}header{height:3.5rem}@media(width < 48.4375rem){.topnav__item{width:100%}.topnav__link{width:100%}}@media(width >= 48.4375rem){.topnav__mobile-img{display:none}.topnav__img{display:block;position:absolute;top:-1.5rem;left:4rem;z-index:11;width:200px}.topnav__menu-desktop{position:relative;width:var(--banner-width);top:1.5rem;right:2rem;translate:0;height:4rem;list-style:none;display:flex;flex-direction:row;justify-content:flex-end;gap:.25rem;margin-inline:auto;background:none;z-index:2}.topnav__link{background-color:var(--clr-800);height:2rem;border-radius:20px}.topnav__link:hover{background-color:var(--clr-700);transition:250ms}.topnav__menu-open{display:none}.topnav__menu-close{display:none}header{height:4rem}}.location{display:grid;grid-template-columns:var(--grid-col-spacing);gap:var(--space-gap);padding:var(--size-p-4) 0}.location__title{grid-column:2/-2;grid-row:1;text-align:center}.location__store-title{grid-column:2/-2;grid-row:3/4;text-align:center}@media(width >= 43.75em){.location__store-title{grid-column:2/-2}}@media(width >= 62.5em){.location__store-title{grid-column:2/8}}.location__store-address{grid-column:2/3;grid-row:4/5;text-align:center}@media(width >= 43.75em){.location__store-address{grid-column:3/5}}@media(width >= 62.5em){.location__store-address{grid-column:2/5}}.location__store-phone{grid-column:3/4;grid-row:4/5;text-align:center}@media(width >= 43.75em){.location__store-phone{grid-column:5/7}}@media(width >= 62.5em){.location__store-phone{grid-column:5/8}}.location__store-hours{grid-column:2/3;text-align:center;max-width:250px}.location__store-hours table{border-spacing:0}@media(width >= 43.75em){.location__store-hours{grid-column:3/5}}@media(width >= 62.5em){.location__store-hours{grid-column:2/5}}.location__tattoo-hours{grid-column:3/-2;text-align:center;max-width:250px}.location__tattoo-hours table{border-spacing:0}@media(width >= 43.75em){.location__tattoo-hours{grid-column:5/-2}}@media(width >= 62.5em){.location__tattoo-hours{grid-column:5/8}}.location__map{width:100%;height:0;grid-column:2/-2;padding-bottom:400px}.location__map iframe{top:0;left:0;width:100%;height:400px;border:none;border-radius:15px}@media(width >= 43.75em){.location__map{grid-column:2/-2}}@media(width >= 62.5em){.location__map{grid-column:8/-2;grid-row:2/5}}.tattoo{display:grid;grid-template-columns:var(--grid-col-spacing);grid-template-rows:var(--grid-row-spacing);gap:var(--space-gap);padding:var(--size-p-4) 0;--animation-time: 30s}.tattoo__title{grid-column:2/-2;grid-row:1;text-align:center}.tattoo__img{grid-column:2/-2;grid-row:2}@media(width >= 43.75em){.tattoo__img{grid-column:4/6;grid-row:2/5}}@media(width >= 62.5em){.tattoo__img{grid-column:6/10;grid-row:2/6}}.tattoo__social{grid-column:2/-2;grid-row:6;display:flex;justify-content:space-around}.tattoo__social svg{fill:var(--clr-light);height:3rem;width:3rem;padding:.4rem;background-color:#1877f2;border-radius:25%}.tattoo__social svg:hover{background-color:#398cf7;transition:250ms}@media(width >= 43.75em){.tattoo__social{grid-column:4/6;grid-row:5/6}}@media(width >= 62.5em){.tattoo__social{grid-column:6/10;grid-row:6/7}}.tattoo__info{grid-column:2/-2}@media(width >= 43.75em){.tattoo__info{grid-column:5/-2;grid-row:2/5}}@media(width >= 62.5em){.tattoo__info{grid-column:9/-2;grid-row:2/7}}.tattoo__slider-wrapper-1-title{grid-column:2/-2;grid-row:8/9;text-align:center}.tattoo__slider-wrapper-2-title{grid-column:2/-2;grid-row:11/12;text-align:center}.tattoo__slider-wrapper-1{grid-column:2/-2;grid-row:9/11}.tattoo__slider-wrapper-2{grid-column:2/-2;grid-row:12/14}.tattoo__slider-wrapper-1,.tattoo .tattoo__slider-wrapper-2{height:var(--height);overflow:hidden;-webkit-mask-image:linear-gradient(to right, transparent, #000 10% 90%, transparent);mask-image:linear-gradient(to right, transparent, #000 10% 90%, transparent);align-items:center}.tattoo__slider{display:flex;position:relative;width:100%;min-width:calc(var(--width)*var(--quantity))}.tattoo__slider .tattoo__slider-item{width:var(--width);height:var(--height);position:absolute;left:100%}.tattoo .animate-right{animation:runRight var(--animation-time) linear infinite;transition:filter .5s;animation-delay:calc(var(--animation-time)/var(--quantity)*(var(--position) - 1) - var(--animation-time)) !important}.tattoo .animate-left{animation:runLeft var(--animation-time) linear infinite;transition:filter .5s;animation-delay:calc(var(--animation-time)/var(--quantity)*(var(--position) - 1) - var(--animation-time)) !important}@keyframes runLeft{from{left:100%}to{left:calc(var(--width)*-1)}}@keyframes runRight{from{left:calc(var(--width)*-1)}to{left:100%}}.tattoo__slider:hover .tattoo__slider-item{animation-play-state:paused !important;filter:grayscale(1)}.tattoo__slider .tattoo__slider-item:hover{filter:grayscale(0)}.events{width:var(--site-width);padding-top:var(--section-pad-top);margin-inline:auto}.footer{text-align:center}.footer__title{grid-column:2/-2}.banner{position:relative;top:-4rem}.banner__display-desktop-img{display:none}@media(width >= 48.4375rem){.banner__display-desktop-img{display:flex;flex-shrink:0}}.banner__display-mobile-img{display:flex;flex-shrink:0}@media(width >= 48.4375rem){.banner__display-mobile-img{display:none}}.banner__slider{width:var(--banner-width);margin-inline:auto;position:relative;overflow:hidden}.banner__slider-list{display:flex;flex-direction:row;flex-shrink:0;aspect-ratio:1/1;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;box-shadow:0 1.5rem 3rem -0.75rem rgba(0,0,0,.25);-ms-overflow-style:none;scrollbar-width:none}@media(width >= 48.4375rem){.banner__slider-list{aspect-ratio:16/9}}.banner__slider-item{display:inline-flex;position:absolute}.banner__slider-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner__slider-list::-webkit-scrollbar{display:none}.banner__nav-desktop{display:none;-moz-column-gap:.5rem;column-gap:.5rem;position:absolute;bottom:1.25rem;left:50%;transform:translateX(-50%);z-index:1;text-align:center;text-transform:uppercase}@media(width >= 48.4375rem){.banner__nav-desktop{display:flex}}.banner__nav-desktop a{color:var(--clr-light);text-decoration:none;opacity:.75}.banner__nav-desktop a:hover{opacity:1}.banner__nav-mobile{display:flex;-moz-column-gap:1.25rem;column-gap:1.25rem;position:absolute;bottom:1.25rem;left:50%;transform:translateX(-50%);z-index:1}@media(width >= 48.4375rem){.banner__nav-mobile{display:none}}.banner__nav-mobile a{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--clr-light);text-decoration:none;opacity:.75;transition:opacity ease 250ms}.banner__nav-mobile a:hover{opacity:1}.banner__social-links{position:absolute;display:flex;flex-direction:column;gap:1rem;left:1rem;top:6rem;z-index:2}.banner__social-links svg{fill:var(--clr-light);height:2.5rem;width:2.5rem;padding:.4rem;background-color:var(--clr-800);border-radius:25%}.banner__social-links svg:hover{background-color:var(--clr-700);transition:250ms}/*# sourceMappingURL=style.css.map */