html{scroll-behavior:smooth;scroll-padding-top:92px;} main [id],section[id],[id].anchor-target{scroll-margin-top:92px;} @view-transition{navigation:auto;}::view-transition-old(root){animation:blink-page-out 150ms cubic-bezier(.4,0,1,1) both;}::view-transition-new(root){animation:blink-page-in 210ms cubic-bezier(.16,1,.3,1) both;} @keyframes blink-page-out{to{opacity:0;transform:translateY(-2px) scale(.998)}} @keyframes blink-page-in{from{opacity:0;transform:translateY(4px) scale(.998)}}:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid #ff6e79;outline-offset:3px;} .cta,.ghost,.chip,.nav-search,.big-search,.mobile-search-link,.mobile-cta,.filterbar button,.tattoo-intake-back,.tattoo-intake-next,.tattoo-intake-send,.tattoo-intake-reset,.tattoo-intake-close{transition:transform 150ms cubic-bezier(.2,.8,.2,1),border-color 180ms ease,background-color 180ms ease,color 180ms ease,opacity 180ms ease;} @media (hover:hover){.cta:hover,.ghost:hover,.chip:hover,.nav-search:hover,.big-search:hover,.mobile-search-link:hover,.mobile-cta:hover{transform:translateY(-1px);}} .cta:active,.ghost:active,.chip:active,.nav-search:active,.big-search:active,.mobile-search-link:active,.mobile-cta:active{transform:translateY(0) scale(.985);}:where(.service-card,.route-card,.tattoo-card,.guide-card,.process-card,.update-feature,.update-mini,.search-text-result ){transition:transform 190ms cubic-bezier(.2,.8,.2,1),border-color 190ms ease,background-color 190ms ease,box-shadow 220ms ease;transform:translateZ(0);} @media (hover:hover){:where(.service-card,.route-card,.tattoo-card,.guide-card,.process-card,.update-feature,.update-mini,.search-text-result ):hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(0,0,0,.16);}}:where(.service-card,.route-card,.tattoo-card,.guide-card,.process-card,.update-feature,.update-mini,.search-text-result ):active{transform:translateY(0) scale(.993);}:where(.service-card,.guide-card,.process-card,.update-feature,.update-mini):where(span,.go,.red),.route-card>i,.tattoo-card .card-body p,.search-text-result em{transition:transform 180ms cubic-bezier(.2,.8,.2,1),color 180ms ease;} @media (hover:hover){:where(.service-card,.guide-card,.process-card,.update-feature,.update-mini):hover:where(span,.go,.red),.route-card:hover>i,.tattoo-card:hover .card-body p,.search-text-result:hover em{transform:translateX(4px);}} .tattoo-card .photo img,.update-feature .photo img{transition:transform 520ms cubic-bezier(.2,.8,.2,1),filter 300ms ease!important;} @media (hover:hover){.tattoo-card:hover .photo img,.update-feature:hover .photo img{transform:scale(1.032)!important;}} a.process-card{color:inherit;text-decoration:none;} .process-card .process-link{display:inline-block;margin-top:auto;color:#ff6f7a;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;} .home-search-chips{margin-top:10px} .guide-card.guide-card-compact{min-height:220px} .gallery-search-input{font-size:24px!important;width:100%;margin-top:20px} .guide-decision-title{font-size:46px!important;margin:8px 0 20px!important} .meter .meter-low{width:22%} .meter .meter-goal{width:58%} .meter .meter-full{width:100%} .site-shell-v22 .search-overlay{display:block!important;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-7px);transition:opacity 155ms ease,transform 185ms cubic-bezier(.16,1,.3,1),visibility 0s linear 190ms;} .site-shell-v22 .search-overlay.open{visibility:visible;pointer-events:auto;opacity:1;transform:none;transition-delay:0s;} .site-shell-v22 .search-overlay .search-head{transition:transform 190ms cubic-bezier(.16,1,.3,1),opacity 160ms ease;} .site-shell-v22 .search-overlay:not(.open) .search-head{transform:translateY(-8px);opacity:.7;} .search-group-grid>*{animation:blink-result-in 180ms cubic-bezier(.16,1,.3,1) both;} .search-group-grid>*:nth-child(2){animation-delay:20ms} .search-group-grid>*:nth-child(3){animation-delay:40ms} .search-group-grid>*:nth-child(4){animation-delay:60ms} .search-group-grid>*:nth-child(5){animation-delay:80ms} .search-group-grid>*:nth-child(6){animation-delay:100ms} @keyframes blink-result-in{from{opacity:0;transform:translateY(5px)}} .site-shell-v22 .mobile-menu{display:block!important;visibility:hidden;pointer-events:none;opacity:1;transform:translate3d(100%,0,0);transition:transform 290ms cubic-bezier(.16,1,.3,1),visibility 0s linear 300ms;will-change:transform;} .site-shell-v22 .mobile-menu.open{visibility:visible;pointer-events:auto;transform:translate3d(0,0,0);transition-delay:0s;} .site-shell-v22 .mobile-menu .mobile-head{opacity:0;transform:translateX(12px);transition:opacity 180ms ease 70ms,transform 230ms cubic-bezier(.16,1,.3,1) 70ms;} .site-shell-v22 .mobile-menu.open .mobile-head{opacity:1;transform:none;} .site-shell-v22 .mobile-menu .mobile-links>*,.site-shell-v22 .mobile-menu .mobile-search-link,.site-shell-v22 .mobile-menu .mobile-cats,.site-shell-v22 .mobile-menu .mobile-cta,.site-shell-v22 .mobile-menu .mobile-address{opacity:0;transform:translateX(14px);transition:opacity 170ms ease,transform 230ms cubic-bezier(.16,1,.3,1);} .site-shell-v22 .mobile-menu.open .mobile-links>*,.site-shell-v22 .mobile-menu.open .mobile-search-link,.site-shell-v22 .mobile-menu.open .mobile-cats,.site-shell-v22 .mobile-menu.open .mobile-cta,.site-shell-v22 .mobile-menu.open .mobile-address{opacity:1;transform:none;} .site-shell-v22 .mobile-menu.open .mobile-links>*:nth-child(1){transition-delay:65ms} .site-shell-v22 .mobile-menu.open .mobile-links>*:nth-child(2){transition-delay:85ms} .site-shell-v22 .mobile-menu.open .mobile-links>*:nth-child(3){transition-delay:105ms} .site-shell-v22 .mobile-menu.open .mobile-links>*:nth-child(4){transition-delay:125ms} .site-shell-v22 .mobile-menu.open .mobile-links>*:nth-child(5){transition-delay:145ms} .site-shell-v22 .mobile-menu.open .mobile-search-link{transition-delay:155ms} .site-shell-v22 .mobile-menu.open .mobile-cats{transition-delay:170ms} .site-shell-v22 .mobile-menu.open .mobile-cta{transition-delay:185ms} .site-shell-v22 .mobile-menu.open .mobile-address{transition-delay:200ms} body>main,body>.topbar,body>.footer{transition:transform 290ms cubic-bezier(.16,1,.3,1),filter 290ms ease;} body.menu-open>main,body.menu-open>.topbar,body.menu-open>.footer{transform:translateX(-14px);filter:brightness(.78);} .tattoo-intake{display:block!important;visibility:hidden;pointer-events:none;opacity:0;transition:opacity 190ms ease,visibility 0s linear 280ms;} .tattoo-intake.open{visibility:visible;pointer-events:auto;opacity:1;transition-delay:0s;} .tattoo-intake .tattoo-intake-shell{transform:translate3d(26px,0,0);transition:transform 285ms cubic-bezier(.16,1,.3,1);} .tattoo-intake.open .tattoo-intake-shell{transform:none;} .tattoo-intake-choice:after{transition:transform 150ms cubic-bezier(.2,.8,.2,1),background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease;} .tattoo-intake-choice.active:after{transform:scale(1.08);} .tattoo-intake-consent-card{transition:transform 170ms cubic-bezier(.2,.8,.2,1),border-color 180ms ease,background 180ms ease!important;} .tattoo-intake-consent-card:active{transform:scale(.997)} details summary{cursor:pointer;transition:color 160ms ease,background-color 160ms ease;} details[open] summary{color:#fff} .v30-reveal-pending{opacity:0;transform:translateY(9px);} .v30-reveal-visible{opacity:1;transform:none;transition:opacity 420ms ease,transform 480ms cubic-bezier(.16,1,.3,1);} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important;}::view-transition-old(root),::view-transition-new(root){animation:none!important} .site-shell-v22 .mobile-menu,.site-shell-v22 .search-overlay,.tattoo-intake,.tattoo-intake .tattoo-intake-shell{transform:none!important;}}