:root{--primary-bg:#000;--secondary-bg:#1a1a1a;--accent-bg:#2d2d2d;--primary-text:#fff;--secondary-text:#e0e0e0;--accent-color:#404040;--green-accent:#7fff7f;--green-hover:#6be86b}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-color:var(--primary-bg);color:#fff;color:var(--primary-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;width:100%}#wrapper{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0 clamp(16px,4vw,32px);width:100%}header{background-color:#1a1a1a;background-color:var(--secondary-bg);border-bottom:1px solid #7fff7f;border-bottom:1px solid var(--green-accent);padding:clamp(.8rem,2vw,1.2rem) 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}#nav{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 clamp(16px,4vw,32px);width:100%}#logo{flex:0 0 auto}#logo img{height:50px;width:auto}#nav ul{align-items:center;display:flex;gap:3rem;list-style:none;margin-left:auto;padding-left:3rem}#nav ul li a{border:1px solid #0000;border-radius:4px;color:#fff;color:var(--primary-text);font-size:1.2rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}#nav ul li#hide{color:#404040;color:var(--accent-color);font-size:1.2rem}#nav ul li a:hover{border-color:#7fff7f;border-color:var(--green-accent);color:#7fff7f;color:var(--green-accent)}#booking{background-color:#1a1a1a;background-color:var(--secondary-bg);border:1px solid #7fff7f;border:1px solid var(--green-accent);border-radius:8px;box-shadow:0 0 20px #7fff7f1a;box-sizing:border-box;margin:3rem 0 4rem;padding:clamp(1rem,3vw,1.5rem);width:100%}#booking p{font-size:clamp(1.1rem,3vw,1.5rem);margin-bottom:0}#booking-images{display:flex;gap:2rem;justify-content:center;margin-top:2rem}#box{text-align:center}#box img{height:60px;margin-bottom:.5rem;transition:transform .3s ease;width:60px}#box img:hover{transform:scale(1.1)}.contact-link{align-items:center;background-color:#2d2d2d;background-color:var(--accent-bg);border:1px solid #7fff7f;border:1px solid var(--green-accent);border-radius:4px;color:#fff;color:var(--primary-text);display:flex;gap:.5rem;justify-content:center;min-width:100px;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.contact-link:hover{background-color:#7fff7f;background-color:var(--green-accent);color:#000;color:var(--primary-bg);transform:translateY(-2px)}.carousel{background-color:#1a1a1a;background-color:var(--secondary-bg);border:1px solid #7fff7f;border:1px solid var(--green-accent);border-radius:8px;box-shadow:0 0 20px #7fff7f1a;height:600px;margin:0 auto 3rem;max-width:1200px;overflow:hidden;position:relative;width:100%}.carousel ul{height:100%;list-style:none;margin:0;padding:0}.slide{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;padding:1rem;position:absolute;transition:opacity .3s ease-in-out}.slide[data-active]{opacity:1}.slide img{border-radius:4px;box-shadow:0 4px 8px #0003;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.slide[data-active] img{box-shadow:0 4px 8px #0006}.carousel-button{align-items:center;background:none;background-color:#00000080;border:1px solid #7fff7f;border:1px solid var(--green-accent);border-radius:50%;color:#fff;color:var(--primary-text);cursor:pointer;display:flex;font-size:2rem;height:3rem;justify-content:center;padding:1rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:3rem;z-index:1}.carousel-button:hover{background-color:#7fff7f;background-color:var(--green-accent);color:#000;color:var(--primary-bg)}.carousel-button.prev{left:1rem}.carousel-button.next{right:1rem}.content{padding:2rem 0;text-align:center}.content h1{font-size:3rem;margin-bottom:1rem;text-shadow:0 0 10px #7fff7f;text-shadow:0 0 10px var(--green-accent)}.content h2{color:#e0e0e0;color:var(--secondary-text);font-size:2rem;margin-bottom:1.5rem}.content h2:after{background-color:#7fff7f;background-color:var(--green-accent);content:"";display:block;height:2px;margin:.5rem auto;width:50px}.content h3{color:#e0e0e0;color:var(--secondary-text);font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.content>div{margin:0 auto;max-width:1200px;padding:2rem 0}.content div>div[style*=backgroundColor]{transition:all .3s ease}.content div>div[style*=backgroundColor]:hover{box-shadow:0 0 15px #7fff7f1a}.content div[style*="backgroundColor: var(--secondary-bg)"][style*="marginBottom: '100px'"],.content div[style*="backgroundColor: var(--secondary-bg)"][style*="padding: '60px'"]{border:1px solid #7fff7f;border:1px solid var(--green-accent);box-shadow:0 0 20px #7fff7f1a;transition:all .3s ease}.content div[style*="backgroundColor: var(--secondary-bg)"][style*="marginBottom: '100px'"]:hover,.content div[style*="backgroundColor: var(--secondary-bg)"][style*="padding: '60px'"]:hover{box-shadow:0 0 25px #7fff7f26}.content div[style*=gridTemplateColumns]>div{border:1px solid #7fff7f;border:1px solid var(--green-accent);transition:all .3s ease}.content div[style*=gridTemplateColumns]>div:hover{box-shadow:0 0 15px #7fff7f26;transform:translateY(-5px)}.content img[alt="Clyde Wint Tattooing"]{border:1px solid #7fff7f;border:1px solid var(--green-accent);transition:all .3s ease}.content img[alt="Clyde Wint Tattooing"]:hover{box-shadow:0 0 20px #7fff7f26}.choose{border:1px solid #7fff7f!important;border:1px solid var(--green-accent)!important;box-shadow:0 0 20px #7fff7f1a;margin:0 1rem}.feature{background-color:#2d2d2d;background-color:var(--accent-bg);border-radius:8px;padding:1.5rem;text-align:center;transition:all .3s ease}.feature:hover{box-shadow:0 0 10px #7fff7f;box-shadow:0 0 10px var(--green-accent)}.feature h4{display:inline-block;position:relative}.feature h4:after{background-color:#7fff7f;background-color:var(--green-accent);bottom:-4px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.feature:hover h4:after{width:100%}.hamburger-button{background:none;border:1px solid #0000;border-radius:4px;color:#fff;color:var(--primary-text);cursor:pointer;display:none;font-size:20px;padding:8px;transition:all .3s ease;z-index:1001}.hamburger-button:hover{border-color:#7fff7f;border-color:var(--green-accent);color:#7fff7f;color:var(--green-accent)}.mobile-menu-overlay{align-items:center;background-color:#000000f2;border:1px solid #7fff7f;border:1px solid var(--green-accent);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1000}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{display:flex;flex-direction:column;gap:16px;max-width:400px;padding:24px;text-align:center;width:100%}.mobile-menu a{align-items:center;background-color:#1a1a1a;background-color:var(--secondary-bg);border:1px solid #7fff7f;border:1px solid var(--green-accent);border-radius:8px;color:#fff;color:var(--primary-text);display:flex;font-size:18px;justify-content:center;min-height:56px;padding:16px;text-decoration:none;transition:all .3s ease}.mobile-menu a:hover{background-color:#7fff7f;background-color:var(--green-accent);color:#000;color:var(--primary-bg);transform:translateY(-2px)}@media (max-width:1024px){#nav{padding:0 1.5rem}.desktop-menu{gap:2rem}}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}header{padding:.8rem 0}#nav{padding:0 clamp(16px,4vw,24px)}#logo{margin-right:auto}#logo img{height:20px;margin-left:4px}.desktop-menu{display:none!important}#nav ul{display:none}#booking{margin:clamp(2rem,5vw,3rem) 0;padding:clamp(1.5rem,4vw,2rem)}#booking p{font-size:clamp(1rem,3.5vw,1.3rem);line-height:1.5}#booking>div{gap:1.5rem}#booking .contact-link{font-size:clamp(.9rem,2.5vw,1.1rem);justify-content:center;margin:0;padding:clamp(.6rem,2vw,.8rem) clamp(1rem,3vw,1.5rem);width:100%}#booking>div>div{display:flex;flex-direction:column;gap:1rem;width:100%}.carousel{height:clamp(300px,70vw,500px);margin-bottom:clamp(2rem,5vw,3rem)}.carousel-button{font-size:clamp(1.5rem,4vw,2rem);height:clamp(2.5rem,6vw,3rem);width:clamp(2.5rem,6vw,3rem)}.content{padding:clamp(2rem,5vw,3rem) 0}.content h1{font-size:clamp(1.8rem,6vw,2.5rem);margin-bottom:clamp(1.5rem,4vw,2rem)}.content>div{margin-bottom:clamp(2rem,5vw,3rem)}.styles-grid{display:none!important}.styles-list{display:flex!important;flex-direction:column;gap:.75rem}.style-card{background-color:#2d2d2d;background-color:var(--accent-bg);border:1px solid #7fff7f;border:1px solid var(--green-accent);border-radius:8px;margin-bottom:.5rem;padding:1rem;text-align:left}.style-card h4{font-size:1.1rem!important;font-weight:500!important;margin-bottom:.25rem!important}.style-card p{font-size:.9rem!important;line-height:1.4;margin:0}}@media (min-width:769px){.styles-list{display:none!important}.styles-grid{grid-gap:1rem;display:grid!important;gap:1rem;grid-template-columns:repeat(2,1fr)}.style-box{background-color:#2d2d2d;background-color:var(--accent-bg);border:1px solid #7fff7f;border:1px solid var(--green-accent);border-radius:8px;padding:1rem!important}.style-box h4{font-size:1.2rem!important;margin-bottom:.75rem!important}}.desktop-only{display:block}.mobile-only{display:none}@media (min-width:768px){.desktop-only{display:inline}.mobile-only{display:none}.style-box{padding:1rem!important}.style-box h4{font-size:1.2rem!important;margin-bottom:.75rem!important}.style-box+.style-box{margin-top:0}}@media screen and (max-width:768px){header #nav{padding:0}header #nav #logo{margin:0;padding:0}header #nav #logo img{height:35px!important;margin:0;padding-left:8px;width:auto}header #nav .hamburger-button{display:block;font-size:20px;margin-right:8px;padding:8px}.desktop-menu{display:none!important}#wrapper{padding:0 16px}}.style-card{transition:transform .3s ease}.style-card:hover{transform:translateY(-2px)}#booking>div>div{display:flex;flex-direction:column;gap:1rem;width:100%}@media (min-width:768px){#booking>div>div{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.contact-link{flex:1 1}}.contact-links-container{display:flex;flex-direction:column;gap:1rem;width:100%}@media (min-width:768px){.contact-links-container{flex-direction:row!important;gap:2rem}}.style-box,.style-card{border:1px solid #7fff7f;border:1px solid var(--green-accent);transition:all .3s ease}.style-box:hover,.style-card:hover{border-color:#6be86b;border-color:var(--green-hover);box-shadow:0 0 10px #7fff7f;box-shadow:0 0 10px var(--green-accent)}footer a{align-items:center;border:1px solid #0000;border-radius:4px;color:#fff!important;color:var(--primary-text)!important;display:flex;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}footer a:hover{border-color:#7fff7f;border-color:var(--green-accent);color:#7fff7f!important;color:var(--green-accent)!important}footer{background-color:#1a1a1a;background-color:var(--secondary-bg);border-top:1px solid #7fff7f!important;border-top:1px solid var(--green-accent)!important;margin-top:4rem;padding:2rem 0;width:100%}.feature:hover,.style-box:hover,.style-card:hover{box-shadow:0 0 15px #7fff7f;box-shadow:0 0 15px var(--green-accent);transform:translateY(-2px)}.styles-grid .style-box{padding:1rem!important}.styles-grid .style-box,.styles-list .style-card{background-color:#2d2d2d;background-color:var(--accent-bg);border-radius:8px;transition:all .3s ease}.styles-list .style-card{padding:1rem}.content #wrapper>div>div[style*="backgroundColor: var(--secondary-bg)"]{border:2px solid #7fff7f!important;border:2px solid var(--green-accent)!important;box-shadow:0 0 20px #7fff7f1a!important;transition:all .3s ease!important}.content #wrapper>div>div[style*="backgroundColor: var(--secondary-bg)"]:hover{box-shadow:0 0 25px #7fff7f26!important}.content div[style*=gridTemplateColumns]>div[style*=backgroundColor]{border:none!important;box-shadow:none!important}.featured-section{border:2px solid #7fff7f!important;border:2px solid var(--green-accent)!important;box-shadow:0 0 20px #7fff7f1a;transition:all .3s ease}.featured-section:hover{box-shadow:0 0 25px #7fff7f26}.content #wrapper>div>div[style*=gridTemplateColumns]>div{border:2px solid #7fff7f;border:2px solid var(--green-accent);transition:all .3s ease}.content #wrapper>div>div[style*=gridTemplateColumns]>div:hover{box-shadow:0 0 15px #7fff7f33}.content #wrapper>div>div[style*=gridTemplateColumns]>div{border-radius:8px;overflow:hidden}.content div[style*="position: fixed"] img{border:2px solid #7fff7f;border:2px solid var(--green-accent);border-radius:8px}.portfolio-item:hover{box-shadow:0 0 15px #7fff7f33;transform:translateY(-2px)}
/*# sourceMappingURL=main.37d65d04.css.map*/